@universal-material/web 3.0.148 → 3.0.149

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.
@@ -284,6 +284,14 @@
284
284
  "package": "./navigation/drawer-item.js"
285
285
  }
286
286
  },
287
+ {
288
+ "kind": "js",
289
+ "name": "*",
290
+ "declaration": {
291
+ "name": "*",
292
+ "package": "./navigation/drawer-headline.js"
293
+ }
294
+ },
287
295
  {
288
296
  "kind": "js",
289
297
  "name": "*",
@@ -9425,63 +9433,6 @@
9425
9433
  }
9426
9434
  ]
9427
9435
  },
9428
- {
9429
- "kind": "javascript-module",
9430
- "path": "src/elevation/elevation.styles.ts",
9431
- "declarations": [
9432
- {
9433
- "kind": "variable",
9434
- "name": "styles",
9435
- "default": "css `\n :host {\n --_level: var(--u-elevation-level, 0);\n --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n -webkit-tap-highlight-color: transparent;\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n :host::before, :host::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n transition: box-shadow 150ms ease-in-out;\n }\n :host::before {\n 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);\n opacity: 0.3;\n }\n :host::after {\n 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);\n opacity: 0.15;\n }\n`"
9436
- }
9437
- ],
9438
- "exports": [
9439
- {
9440
- "kind": "js",
9441
- "name": "styles",
9442
- "declaration": {
9443
- "name": "styles",
9444
- "module": "src/elevation/elevation.styles.ts"
9445
- }
9446
- }
9447
- ]
9448
- },
9449
- {
9450
- "kind": "javascript-module",
9451
- "path": "src/elevation/elevation.ts",
9452
- "declarations": [
9453
- {
9454
- "kind": "class",
9455
- "description": "",
9456
- "name": "UmElevation",
9457
- "members": [],
9458
- "superclass": {
9459
- "name": "LitElement",
9460
- "package": "lit"
9461
- },
9462
- "tagName": "u-elevation",
9463
- "customElement": true
9464
- }
9465
- ],
9466
- "exports": [
9467
- {
9468
- "kind": "js",
9469
- "name": "UmElevation",
9470
- "declaration": {
9471
- "name": "UmElevation",
9472
- "module": "src/elevation/elevation.ts"
9473
- }
9474
- },
9475
- {
9476
- "kind": "custom-element-definition",
9477
- "name": "u-elevation",
9478
- "declaration": {
9479
- "name": "UmElevation",
9480
- "module": "src/elevation/elevation.ts"
9481
- }
9482
- }
9483
- ]
9484
- },
9485
9436
  {
9486
9437
  "kind": "javascript-module",
9487
9438
  "path": "src/field/field-base.styles.ts",
@@ -10479,6 +10430,63 @@
10479
10430
  }
10480
10431
  ]
10481
10432
  },
10433
+ {
10434
+ "kind": "javascript-module",
10435
+ "path": "src/elevation/elevation.styles.ts",
10436
+ "declarations": [
10437
+ {
10438
+ "kind": "variable",
10439
+ "name": "styles",
10440
+ "default": "css `\n :host {\n --_level: var(--u-elevation-level, 0);\n --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n -webkit-tap-highlight-color: transparent;\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n :host::before, :host::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n transition: box-shadow 150ms ease-in-out;\n }\n :host::before {\n 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);\n opacity: 0.3;\n }\n :host::after {\n 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);\n opacity: 0.15;\n }\n`"
10441
+ }
10442
+ ],
10443
+ "exports": [
10444
+ {
10445
+ "kind": "js",
10446
+ "name": "styles",
10447
+ "declaration": {
10448
+ "name": "styles",
10449
+ "module": "src/elevation/elevation.styles.ts"
10450
+ }
10451
+ }
10452
+ ]
10453
+ },
10454
+ {
10455
+ "kind": "javascript-module",
10456
+ "path": "src/elevation/elevation.ts",
10457
+ "declarations": [
10458
+ {
10459
+ "kind": "class",
10460
+ "description": "",
10461
+ "name": "UmElevation",
10462
+ "members": [],
10463
+ "superclass": {
10464
+ "name": "LitElement",
10465
+ "package": "lit"
10466
+ },
10467
+ "tagName": "u-elevation",
10468
+ "customElement": true
10469
+ }
10470
+ ],
10471
+ "exports": [
10472
+ {
10473
+ "kind": "js",
10474
+ "name": "UmElevation",
10475
+ "declaration": {
10476
+ "name": "UmElevation",
10477
+ "module": "src/elevation/elevation.ts"
10478
+ }
10479
+ },
10480
+ {
10481
+ "kind": "custom-element-definition",
10482
+ "name": "u-elevation",
10483
+ "declaration": {
10484
+ "name": "UmElevation",
10485
+ "module": "src/elevation/elevation.ts"
10486
+ }
10487
+ }
10488
+ ]
10489
+ },
10482
10490
  {
10483
10491
  "kind": "javascript-module",
10484
10492
  "path": "src/list/list-item.styles.ts",
@@ -11585,12 +11593,12 @@
11585
11593
  },
11586
11594
  {
11587
11595
  "kind": "javascript-module",
11588
- "path": "src/navigation/drawer-item.styles.ts",
11596
+ "path": "src/progress/circular-progress.styles.ts",
11589
11597
  "declarations": [
11590
11598
  {
11591
11599
  "kind": "variable",
11592
11600
  "name": "styles",
11593
- "default": "css `\n :host {\n display: block;\n --_drawer-item-icon-size: var(--u-drawer-item-icon-size, 1.125rem);\n --_drawer-item-padding: var(--u-drawer-item-padding, 16px);\n 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\"));\n line-height: var(--u-drawer-item-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-drawer-item-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-drawer-item-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-drawer-item-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n height: var(--u-drawer-item-height, 56px);\n padding-inline: var(--_drawer-item-padding);\n margin-inline: calc(var(--_drawer-item-padding) * -1);\n border-radius: var(--u-drawer-item-shape-corner, var(--u-shape-corner-full, 9999px));\n color: var(--u-drawer-item-label-inactive-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n :host(.active),\n :host([active]) {\n color: var(--u-drawer-item-label-active-color, var(--_color-primary));\n }\n\n :host(:not([has-icon])) .icon,\n :host(:not([has-badge])) .badge {\n display: none;\n }\n\n .icon {\n display: flex;\n width: 1em;\n height: 1em;\n align-items: center;\n justify-content: center;\n font-size: var(--_drawer-item-icon-size);\n line-height: 1em;\n margin-inline-end: var(--u-drawer-item-icon-margin, 16px);\n }\n\n .badge {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-inline-start: auto;\n padding-inline: var(--u-drawer-item-badge-padding, 12px 8px);\n }\n\n .content {\n justify-content: flex-start;\n }\n`"
11601
+ "default": "css `\n :host {\n position: relative;\n display: inline-block;\n width: var(--_size);\n height: var(--_size);\n margin-inline: auto;\n --_size: var(--u-circular-progress-size, 3rem);\n }\n\n .circular {\n width: 100%;\n height: 100%;\n transform: rotate(-90deg);\n transform-origin: center;\n }\n .circular.indeterminate {\n position: relative;\n animation: rotate 2s linear infinite;\n }\n .circular:not(.indeterminate) .path {\n transition: stroke-dashoffset 200ms linear;\n }\n\n .path {\n stroke-linecap: round;\n stroke: var(--u-circular-progress-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .track {\n position: absolute;\n inset: 0;\n }\n .track .path {\n stroke: var(--u-circular-progress-track-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n\n .indeterminate .path {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n animation: dash 1.5s ease-in-out infinite;\n }\n\n .on-going {\n transform: rotate(-80deg);\n }\n .on-going.track {\n transform: rotate(-100deg);\n }\n\n @keyframes rotate {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124;\n }\n }\n`"
11594
11602
  }
11595
11603
  ],
11596
11604
  "exports": [
@@ -11599,146 +11607,440 @@
11599
11607
  "name": "styles",
11600
11608
  "declaration": {
11601
11609
  "name": "styles",
11602
- "module": "src/navigation/drawer-item.styles.ts"
11610
+ "module": "src/progress/circular-progress.styles.ts"
11603
11611
  }
11604
11612
  }
11605
11613
  ]
11606
11614
  },
11607
11615
  {
11608
11616
  "kind": "javascript-module",
11609
- "path": "src/navigation/drawer-item.ts",
11617
+ "path": "src/progress/circular-progress.ts",
11610
11618
  "declarations": [
11611
11619
  {
11612
11620
  "kind": "class",
11613
11621
  "description": "",
11614
- "name": "UmDrawerItem",
11622
+ "name": "UmCircularProgress",
11615
11623
  "members": [
11616
11624
  {
11617
11625
  "kind": "field",
11618
- "name": "hasIcon",
11619
- "type": {
11620
- "text": "boolean"
11621
- },
11622
- "default": "false",
11623
- "description": "Whether the drawer item has icon or not\n\n_Note:_ Readonly",
11624
- "attribute": "has-icon",
11625
- "reflects": true
11626
- },
11627
- {
11628
- "kind": "field",
11629
- "name": "hasBadge",
11630
- "type": {
11631
- "text": "boolean"
11632
- },
11633
- "default": "false",
11634
- "description": "Whether the drawer item has badge or not\n\n_Note:_ Readonly",
11635
- "attribute": "has-badge",
11636
- "reflects": true
11637
- },
11638
- {
11639
- "kind": "field",
11640
- "name": "active",
11641
- "type": {
11642
- "text": "boolean"
11643
- },
11644
- "default": "false",
11645
- "description": "Whether the drawer item is active or not\n\n_Note:_ Readonly",
11646
- "attribute": "active",
11647
- "reflects": true
11648
- },
11649
- {
11650
- "kind": "field",
11651
- "name": "keepDrawerOpen",
11652
- "type": {
11653
- "text": "boolean"
11654
- },
11655
- "default": "false",
11656
- "description": "If true, it will not attempt to close de navigation drawer on click",
11657
- "attribute": "keep-drawer-open",
11658
- "reflects": true
11659
- },
11660
- {
11661
- "kind": "field",
11662
- "name": "assignedIcons",
11626
+ "name": "value",
11663
11627
  "type": {
11664
- "text": "HTMLElement[]"
11628
+ "text": "number | undefined"
11665
11629
  },
11666
- "privacy": "private"
11630
+ "attribute": "value"
11667
11631
  },
11668
11632
  {
11669
11633
  "kind": "field",
11670
- "name": "assignedBadges",
11634
+ "name": "max",
11671
11635
  "type": {
11672
- "text": "HTMLElement[]"
11636
+ "text": "number"
11673
11637
  },
11674
- "privacy": "private"
11638
+ "default": "1",
11639
+ "attribute": "max"
11675
11640
  },
11676
11641
  {
11677
11642
  "kind": "method",
11678
- "name": "renderContent",
11679
- "privacy": "protected",
11643
+ "name": "#renderCircle",
11680
11644
  "return": {
11681
11645
  "type": {
11682
- "text": "HTMLTemplateResult"
11646
+ "text": "TemplateResult"
11683
11647
  }
11684
11648
  },
11685
- "inheritedFrom": {
11686
- "name": "UmButtonWrapper",
11687
- "module": "src/shared/button-wrapper.ts"
11688
- }
11689
- },
11690
- {
11691
- "kind": "method",
11692
- "name": "handleIconSlotChange",
11693
- "privacy": "private"
11649
+ "parameters": [
11650
+ {
11651
+ "name": "className",
11652
+ "type": {
11653
+ "text": "string"
11654
+ }
11655
+ }
11656
+ ]
11694
11657
  },
11695
11658
  {
11696
11659
  "kind": "method",
11697
- "name": "handleBadgeSlotChange",
11698
- "privacy": "private"
11660
+ "name": "#renderIndeterminate",
11661
+ "return": {
11662
+ "type": {
11663
+ "text": "TemplateResult"
11664
+ }
11665
+ }
11699
11666
  },
11700
11667
  {
11701
11668
  "kind": "method",
11702
- "name": "handleClick",
11703
- "privacy": "protected",
11669
+ "name": "#renderDeterminate",
11704
11670
  "return": {
11705
11671
  "type": {
11706
- "text": "void"
11707
- }
11708
- },
11709
- "parameters": [
11710
- {
11711
- "name": "_",
11712
- "type": {
11713
- "text": "UIEvent"
11714
- }
11672
+ "text": "TemplateResult"
11715
11673
  }
11716
- ],
11717
- "inheritedFrom": {
11718
- "name": "UmButtonWrapper",
11719
- "module": "src/shared/button-wrapper.ts"
11720
11674
  }
11721
- },
11675
+ }
11676
+ ],
11677
+ "attributes": [
11722
11678
  {
11723
- "kind": "field",
11724
- "name": "disabled",
11679
+ "name": "value",
11725
11680
  "type": {
11726
- "text": "boolean"
11681
+ "text": "number | undefined"
11727
11682
  },
11728
- "default": "false",
11729
- "description": "Whether the button is disabled or not.",
11730
- "attribute": "disabled",
11731
- "reflects": true,
11732
- "inheritedFrom": {
11733
- "name": "UmButtonWrapper",
11734
- "module": "src/shared/button-wrapper.ts"
11735
- }
11683
+ "fieldName": "value"
11736
11684
  },
11737
11685
  {
11738
- "kind": "field",
11739
- "name": "renderRipple",
11686
+ "name": "max",
11740
11687
  "type": {
11741
- "text": "boolean"
11688
+ "text": "number"
11689
+ },
11690
+ "default": "1",
11691
+ "fieldName": "max"
11692
+ }
11693
+ ],
11694
+ "superclass": {
11695
+ "name": "LitElement",
11696
+ "package": "lit"
11697
+ },
11698
+ "tagName": "u-circular-progress",
11699
+ "customElement": true
11700
+ }
11701
+ ],
11702
+ "exports": [
11703
+ {
11704
+ "kind": "js",
11705
+ "name": "UmCircularProgress",
11706
+ "declaration": {
11707
+ "name": "UmCircularProgress",
11708
+ "module": "src/progress/circular-progress.ts"
11709
+ }
11710
+ },
11711
+ {
11712
+ "kind": "custom-element-definition",
11713
+ "name": "u-circular-progress",
11714
+ "declaration": {
11715
+ "name": "UmCircularProgress",
11716
+ "module": "src/progress/circular-progress.ts"
11717
+ }
11718
+ }
11719
+ ]
11720
+ },
11721
+ {
11722
+ "kind": "javascript-module",
11723
+ "path": "src/progress/progress-bar.styles.ts",
11724
+ "declarations": [
11725
+ {
11726
+ "kind": "variable",
11727
+ "name": "styles",
11728
+ "default": "css `\n :host {\n --_border-radius: var(--u-progress-bar-border-radius, var(--u-shape-corner-full, 9999px));\n --_height: var(--u-progress-bar-height, 4px);\n }\n\n :host,\n .determinate,\n .indeterminate {\n overflow: hidden;\n border-radius: var(--_border-radius);\n }\n\n .determinate,\n .indeterminate {\n display: flex;\n gap: 4px;\n }\n\n .indeterminate {\n flex: 1;\n margin-inline: -8px;\n border-radius: var(--_border-radius);\n }\n\n .determinate {\n margin-inline-end: -4px;\n }\n .determinate .bar {\n transition: flex-basis 200ms linear;\n }\n\n .last {\n flex-shrink: 1;\n flex-basis: 100%;\n animation: last 2.1s infinite linear;\n }\n\n .slow {\n animation: slow 2.1s infinite linear;\n }\n\n .middle {\n animation: middle 2.1s infinite linear;\n }\n\n .fast {\n animation: fast 2.1s infinite linear;\n }\n\n .first {\n animation: first 2.1s infinite linear;\n }\n\n .bar {\n height: var(--_height);\n border-radius: var(--_border-radius);\n background: var(--u-progress-bar-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .track {\n background: var(--u-progress-bar-track-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n flex-shrink: 1;\n }\n\n @keyframes slow {\n 0% {\n flex-basis: 0;\n }\n 10% {\n flex-basis: 50%;\n }\n 20% {\n flex-basis: 100%;\n }\n 30% {\n flex-basis: 0;\n }\n }\n @keyframes last {\n 0% {\n flex-basis: 100%;\n }\n 10% {\n flex-basis: 50%;\n }\n 20% {\n flex-basis: 0;\n }\n 100% {\n flex-basis: 0;\n }\n }\n @keyframes middle {\n 10% {\n flex-basis: 0;\n }\n 20% {\n flex-basis: 100%;\n }\n 35% {\n flex-basis: 100%;\n }\n 45% {\n flex-basis: 0;\n }\n }\n @keyframes fast {\n 0% {\n flex-basis: 0;\n }\n 25% {\n flex-basis: 0;\n }\n 35% {\n flex-basis: 100%;\n }\n 45% {\n flex-basis: 100%;\n }\n 55% {\n flex-basis: 0;\n }\n }\n @keyframes first {\n 35% {\n flex-basis: 0;\n }\n 45% {\n flex-basis: 100%;\n }\n 100% {\n flex-basis: 100%;\n }\n }\n @keyframes fast-bar-pre {\n 0% {\n flex-basis: 0;\n }\n 60% {\n flex-basis: 0;\n }\n 90% {\n flex-basis: 100%;\n }\n 100% {\n flex-basis: 100%;\n }\n }\n`"
11729
+ }
11730
+ ],
11731
+ "exports": [
11732
+ {
11733
+ "kind": "js",
11734
+ "name": "styles",
11735
+ "declaration": {
11736
+ "name": "styles",
11737
+ "module": "src/progress/progress-bar.styles.ts"
11738
+ }
11739
+ }
11740
+ ]
11741
+ },
11742
+ {
11743
+ "kind": "javascript-module",
11744
+ "path": "src/progress/progress-bar.ts",
11745
+ "declarations": [
11746
+ {
11747
+ "kind": "class",
11748
+ "description": "",
11749
+ "name": "UmProgressBar",
11750
+ "members": [
11751
+ {
11752
+ "kind": "field",
11753
+ "name": "value",
11754
+ "type": {
11755
+ "text": "number | undefined"
11756
+ },
11757
+ "attribute": "value"
11758
+ },
11759
+ {
11760
+ "kind": "field",
11761
+ "name": "max",
11762
+ "type": {
11763
+ "text": "number"
11764
+ },
11765
+ "default": "1",
11766
+ "attribute": "max"
11767
+ },
11768
+ {
11769
+ "kind": "method",
11770
+ "name": "#renderIndeterminate",
11771
+ "return": {
11772
+ "type": {
11773
+ "text": "TemplateResult"
11774
+ }
11775
+ }
11776
+ },
11777
+ {
11778
+ "kind": "method",
11779
+ "name": "#renderDeterminate",
11780
+ "return": {
11781
+ "type": {
11782
+ "text": "TemplateResult"
11783
+ }
11784
+ }
11785
+ }
11786
+ ],
11787
+ "attributes": [
11788
+ {
11789
+ "name": "value",
11790
+ "type": {
11791
+ "text": "number | undefined"
11792
+ },
11793
+ "fieldName": "value"
11794
+ },
11795
+ {
11796
+ "name": "max",
11797
+ "type": {
11798
+ "text": "number"
11799
+ },
11800
+ "default": "1",
11801
+ "fieldName": "max"
11802
+ }
11803
+ ],
11804
+ "superclass": {
11805
+ "name": "LitElement",
11806
+ "package": "lit"
11807
+ },
11808
+ "tagName": "u-progress-bar",
11809
+ "customElement": true
11810
+ }
11811
+ ],
11812
+ "exports": [
11813
+ {
11814
+ "kind": "js",
11815
+ "name": "UmProgressBar",
11816
+ "declaration": {
11817
+ "name": "UmProgressBar",
11818
+ "module": "src/progress/progress-bar.ts"
11819
+ }
11820
+ },
11821
+ {
11822
+ "kind": "custom-element-definition",
11823
+ "name": "u-progress-bar",
11824
+ "declaration": {
11825
+ "name": "UmProgressBar",
11826
+ "module": "src/progress/progress-bar.ts"
11827
+ }
11828
+ }
11829
+ ]
11830
+ },
11831
+ {
11832
+ "kind": "javascript-module",
11833
+ "path": "src/navigation/drawer-headline.styles.ts",
11834
+ "declarations": [
11835
+ {
11836
+ "kind": "variable",
11837
+ "name": "styles",
11838
+ "default": "css `\n :host {\n 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\"));\n line-height: var(--u-drawer-headline-line-height, var(--u-title-s-line-height, 1.25rem));\n font-size: var(--u-drawer-headline-font-size, var(--u-title-s-font-size, 0.875rem));\n letter-spacing: var(--u-drawer-headline-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-drawer-headline-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500)));\n color: var(--u-drawer-headline-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n margin-block: var(--u-drawer-headline-margin-block, 16px 24px);\n }\n`"
11839
+ }
11840
+ ],
11841
+ "exports": [
11842
+ {
11843
+ "kind": "js",
11844
+ "name": "styles",
11845
+ "declaration": {
11846
+ "name": "styles",
11847
+ "module": "src/navigation/drawer-headline.styles.ts"
11848
+ }
11849
+ }
11850
+ ]
11851
+ },
11852
+ {
11853
+ "kind": "javascript-module",
11854
+ "path": "src/navigation/drawer-headline.ts",
11855
+ "declarations": [
11856
+ {
11857
+ "kind": "class",
11858
+ "description": "",
11859
+ "name": "UmDrawerHeadline",
11860
+ "members": [],
11861
+ "superclass": {
11862
+ "name": "LitElement",
11863
+ "package": "lit"
11864
+ },
11865
+ "tagName": "u-drawer-headline",
11866
+ "customElement": true
11867
+ }
11868
+ ],
11869
+ "exports": [
11870
+ {
11871
+ "kind": "js",
11872
+ "name": "UmDrawerHeadline",
11873
+ "declaration": {
11874
+ "name": "UmDrawerHeadline",
11875
+ "module": "src/navigation/drawer-headline.ts"
11876
+ }
11877
+ },
11878
+ {
11879
+ "kind": "custom-element-definition",
11880
+ "name": "u-drawer-headline",
11881
+ "declaration": {
11882
+ "name": "UmDrawerHeadline",
11883
+ "module": "src/navigation/drawer-headline.ts"
11884
+ }
11885
+ }
11886
+ ]
11887
+ },
11888
+ {
11889
+ "kind": "javascript-module",
11890
+ "path": "src/navigation/drawer-item.styles.ts",
11891
+ "declarations": [
11892
+ {
11893
+ "kind": "variable",
11894
+ "name": "styles",
11895
+ "default": "css `\n :host {\n display: block;\n --_drawer-item-icon-size: var(--u-drawer-item-icon-size, 1.125rem);\n --_drawer-item-padding: var(--u-drawer-item-padding, 16px);\n 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\"));\n line-height: var(--u-drawer-item-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-drawer-item-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-drawer-item-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-drawer-item-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n height: var(--u-drawer-item-height, 56px);\n padding-inline: var(--_drawer-item-padding);\n margin-inline: calc(var(--_drawer-item-padding) * -1);\n border-radius: var(--u-drawer-item-shape-corner, var(--u-shape-corner-full, 9999px));\n color: var(--u-drawer-item-label-inactive-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n :host(.active),\n :host([active]) {\n background-color: var(--u-drawer-item-label-active-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-drawer-item-label-active-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n :host(:not([has-icon])) .icon,\n :host(:not([has-badge])) .badge {\n display: none;\n }\n\n .icon {\n display: flex;\n width: 1em;\n height: 1em;\n align-items: center;\n justify-content: center;\n font-size: var(--_drawer-item-icon-size);\n line-height: 1em;\n margin-inline-end: var(--u-drawer-item-icon-margin, 16px);\n }\n\n .badge {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-inline-start: auto;\n padding-inline: var(--u-drawer-item-badge-padding, 12px 8px);\n }\n\n .content {\n justify-content: flex-start;\n }\n`"
11896
+ }
11897
+ ],
11898
+ "exports": [
11899
+ {
11900
+ "kind": "js",
11901
+ "name": "styles",
11902
+ "declaration": {
11903
+ "name": "styles",
11904
+ "module": "src/navigation/drawer-item.styles.ts"
11905
+ }
11906
+ }
11907
+ ]
11908
+ },
11909
+ {
11910
+ "kind": "javascript-module",
11911
+ "path": "src/navigation/drawer-item.ts",
11912
+ "declarations": [
11913
+ {
11914
+ "kind": "class",
11915
+ "description": "",
11916
+ "name": "UmDrawerItem",
11917
+ "members": [
11918
+ {
11919
+ "kind": "field",
11920
+ "name": "hasIcon",
11921
+ "type": {
11922
+ "text": "boolean"
11923
+ },
11924
+ "default": "false",
11925
+ "description": "Whether the drawer item has icon or not\n\n_Note:_ Readonly",
11926
+ "attribute": "has-icon",
11927
+ "reflects": true
11928
+ },
11929
+ {
11930
+ "kind": "field",
11931
+ "name": "hasBadge",
11932
+ "type": {
11933
+ "text": "boolean"
11934
+ },
11935
+ "default": "false",
11936
+ "description": "Whether the drawer item has badge or not\n\n_Note:_ Readonly",
11937
+ "attribute": "has-badge",
11938
+ "reflects": true
11939
+ },
11940
+ {
11941
+ "kind": "field",
11942
+ "name": "active",
11943
+ "type": {
11944
+ "text": "boolean"
11945
+ },
11946
+ "default": "false",
11947
+ "description": "Whether the drawer item is active or not\n\n_Note:_ Readonly",
11948
+ "attribute": "active",
11949
+ "reflects": true
11950
+ },
11951
+ {
11952
+ "kind": "field",
11953
+ "name": "keepDrawerOpen",
11954
+ "type": {
11955
+ "text": "boolean"
11956
+ },
11957
+ "default": "false",
11958
+ "description": "If true, it will not attempt to close de navigation drawer on click",
11959
+ "attribute": "keep-drawer-open",
11960
+ "reflects": true
11961
+ },
11962
+ {
11963
+ "kind": "field",
11964
+ "name": "assignedIcons",
11965
+ "type": {
11966
+ "text": "HTMLElement[]"
11967
+ },
11968
+ "privacy": "private"
11969
+ },
11970
+ {
11971
+ "kind": "field",
11972
+ "name": "assignedBadges",
11973
+ "type": {
11974
+ "text": "HTMLElement[]"
11975
+ },
11976
+ "privacy": "private"
11977
+ },
11978
+ {
11979
+ "kind": "method",
11980
+ "name": "renderContent",
11981
+ "privacy": "protected",
11982
+ "return": {
11983
+ "type": {
11984
+ "text": "HTMLTemplateResult"
11985
+ }
11986
+ },
11987
+ "inheritedFrom": {
11988
+ "name": "UmButtonWrapper",
11989
+ "module": "src/shared/button-wrapper.ts"
11990
+ }
11991
+ },
11992
+ {
11993
+ "kind": "method",
11994
+ "name": "handleIconSlotChange",
11995
+ "privacy": "private"
11996
+ },
11997
+ {
11998
+ "kind": "method",
11999
+ "name": "handleBadgeSlotChange",
12000
+ "privacy": "private"
12001
+ },
12002
+ {
12003
+ "kind": "method",
12004
+ "name": "handleClick",
12005
+ "privacy": "protected",
12006
+ "return": {
12007
+ "type": {
12008
+ "text": "void"
12009
+ }
12010
+ },
12011
+ "parameters": [
12012
+ {
12013
+ "name": "_",
12014
+ "type": {
12015
+ "text": "UIEvent"
12016
+ }
12017
+ }
12018
+ ],
12019
+ "inheritedFrom": {
12020
+ "name": "UmButtonWrapper",
12021
+ "module": "src/shared/button-wrapper.ts"
12022
+ }
12023
+ },
12024
+ {
12025
+ "kind": "field",
12026
+ "name": "disabled",
12027
+ "type": {
12028
+ "text": "boolean"
12029
+ },
12030
+ "default": "false",
12031
+ "description": "Whether the button is disabled or not.",
12032
+ "attribute": "disabled",
12033
+ "reflects": true,
12034
+ "inheritedFrom": {
12035
+ "name": "UmButtonWrapper",
12036
+ "module": "src/shared/button-wrapper.ts"
12037
+ }
12038
+ },
12039
+ {
12040
+ "kind": "field",
12041
+ "name": "renderRipple",
12042
+ "type": {
12043
+ "text": "boolean"
11742
12044
  },
11743
12045
  "default": "true",
11744
12046
  "inheritedFrom": {
@@ -11925,353 +12227,117 @@
11925
12227
  "description": "Whether the drawer item has icon or not\n\n_Note:_ Readonly",
11926
12228
  "fieldName": "hasIcon"
11927
12229
  },
11928
- {
11929
- "name": "has-badge",
11930
- "type": {
11931
- "text": "boolean"
11932
- },
11933
- "default": "false",
11934
- "description": "Whether the drawer item has badge or not\n\n_Note:_ Readonly",
11935
- "fieldName": "hasBadge"
11936
- },
11937
- {
11938
- "name": "active",
11939
- "type": {
11940
- "text": "boolean"
11941
- },
11942
- "default": "false",
11943
- "description": "Whether the drawer item is active or not\n\n_Note:_ Readonly",
11944
- "fieldName": "active"
11945
- },
11946
- {
11947
- "name": "keep-drawer-open",
11948
- "type": {
11949
- "text": "boolean"
11950
- },
11951
- "default": "false",
11952
- "description": "If true, it will not attempt to close de navigation drawer on click",
11953
- "fieldName": "keepDrawerOpen"
11954
- },
11955
- {
11956
- "name": "disabled",
11957
- "type": {
11958
- "text": "boolean"
11959
- },
11960
- "default": "false",
11961
- "description": "Whether the button is disabled or not.",
11962
- "fieldName": "disabled",
11963
- "inheritedFrom": {
11964
- "name": "UmButtonWrapper",
11965
- "module": "src/shared/button-wrapper.ts"
11966
- }
11967
- },
11968
- {
11969
- "name": "href",
11970
- "type": {
11971
- "text": "string | undefined"
11972
- },
11973
- "description": "The URL that the link button points to.",
11974
- "fieldName": "href",
11975
- "inheritedFrom": {
11976
- "name": "UmButtonWrapper",
11977
- "module": "src/shared/button-wrapper.ts"
11978
- }
11979
- },
11980
- {
11981
- "name": "target",
11982
- "type": {
11983
- "text": "string | undefined"
11984
- },
11985
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
11986
- "fieldName": "target",
11987
- "inheritedFrom": {
11988
- "name": "UmButtonWrapper",
11989
- "module": "src/shared/button-wrapper.ts"
11990
- }
11991
- },
11992
- {
11993
- "name": "name",
11994
- "type": {
11995
- "text": "string | undefined"
11996
- },
11997
- "fieldName": "name",
11998
- "inheritedFrom": {
11999
- "name": "UmButtonWrapper",
12000
- "module": "src/shared/button-wrapper.ts"
12001
- }
12002
- }
12003
- ],
12004
- "superclass": {
12005
- "name": "UmButtonWrapper",
12006
- "module": "/src/shared/button-wrapper.js"
12007
- },
12008
- "tagName": "u-drawer-item",
12009
- "customElement": true
12010
- }
12011
- ],
12012
- "exports": [
12013
- {
12014
- "kind": "js",
12015
- "name": "UmDrawerItem",
12016
- "declaration": {
12017
- "name": "UmDrawerItem",
12018
- "module": "src/navigation/drawer-item.ts"
12019
- }
12020
- },
12021
- {
12022
- "kind": "custom-element-definition",
12023
- "name": "u-drawer-item",
12024
- "declaration": {
12025
- "name": "UmDrawerItem",
12026
- "module": "src/navigation/drawer-item.ts"
12027
- }
12028
- }
12029
- ]
12030
- },
12031
- {
12032
- "kind": "javascript-module",
12033
- "path": "src/navigation/drawer.styles.ts",
12034
- "declarations": [
12035
- {
12036
- "kind": "variable",
12037
- "name": "styles",
12038
- "default": "css `\n :host {\n display: block;\n height: 100vh;\n }\n\n .container {\n background-color: var(--u-modal-drawer-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n color: var(--u-drawer-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n height: 100%;\n overflow: auto;\n padding-inline: var(--u-drawer-padding, 28px);\n }\n\n @media (min-width: 1200px) {\n .container {\n background-color: var(--u-standard-drawer-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));\n }\n }\n`"
12039
- }
12040
- ],
12041
- "exports": [
12042
- {
12043
- "kind": "js",
12044
- "name": "styles",
12045
- "declaration": {
12046
- "name": "styles",
12047
- "module": "src/navigation/drawer.styles.ts"
12048
- }
12049
- }
12050
- ]
12051
- },
12052
- {
12053
- "kind": "javascript-module",
12054
- "path": "src/navigation/drawer.ts",
12055
- "declarations": [
12056
- {
12057
- "kind": "class",
12058
- "description": "",
12059
- "name": "UmDrawer",
12060
- "members": [],
12061
- "superclass": {
12062
- "name": "LitElement",
12063
- "package": "lit"
12064
- },
12065
- "tagName": "u-drawer",
12066
- "customElement": true
12067
- }
12068
- ],
12069
- "exports": [
12070
- {
12071
- "kind": "js",
12072
- "name": "UmDrawer",
12073
- "declaration": {
12074
- "name": "UmDrawer",
12075
- "module": "src/navigation/drawer.ts"
12076
- }
12077
- },
12078
- {
12079
- "kind": "custom-element-definition",
12080
- "name": "u-drawer",
12081
- "declaration": {
12082
- "name": "UmDrawer",
12083
- "module": "src/navigation/drawer.ts"
12084
- }
12085
- }
12086
- ]
12087
- },
12088
- {
12089
- "kind": "javascript-module",
12090
- "path": "src/navigation/side-navigation-swiper.styles.ts",
12091
- "declarations": [
12092
- {
12093
- "kind": "variable",
12094
- "name": "styles",
12095
- "default": "css `\n :host {\n --_navigation-width: 0;\n --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);\n --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);\n --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));\n --_scrim-opacity: var(--u-drawer-scrim-opacity, .4);\n display: block;\n width: 100%;\n height: 100%;\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n :host(.disable-transition) * {\n transition: none !important;\n }\n :host(.disable-transition) * ::slotted(u-top-app-bar) {\n transition: none !important;\n }\n\n .drawer {\n transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n .drawer,\n .drawer u-elevation,\n .drawer .drawer-container {\n border-start-end-radius: var(--_navigation-drawer-corner-shape);\n border-end-end-radius: var(--_navigation-drawer-corner-shape);\n }\n .drawer.toggle u-elevation {\n --u-elevation-level: 1;\n }\n\n .drawer-container {\n height: 100%;\n overflow: hidden;\n }\n\n .scrim {\n --_modal-drawer-open-progress: 0;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100vw;\n height: 100vh;\n background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));\n pointer-events: none;\n opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));\n transition: opacity 375ms linear;\n }\n .scrim.moving {\n transition: none;\n }\n .scrim.toggle {\n --_modal-drawer-open-progress: 1;\n pointer-events: auto;\n }\n\n @media (min-width: 840px) {\n .content slot {\n display: flex;\n flex-direction: column;\n height: 100vh;\n }\n }\n @media (min-width: 1200px) {\n .container {\n --_navigation-width: var(--_navigation-drawer-width);\n }\n .container:has(.drawer.toggle) {\n --_navigation-width: 0;\n }\n .drawer {\n border-radius: 0;\n inset-inline-start: 0;\n }\n .drawer.toggle {\n inset-inline-start: var(--_navigation-drawer-width-negative);\n }\n u-elevation,\n .scrim {\n display: none;\n }\n }\n .content {\n position: fixed;\n inset: 0;\n z-index: 1;\n overflow: auto;\n }\n\n .drawer {\n position: relative;\n width: var(--_navigation-drawer-width);\n z-index: var(--u-side-navigation-z-index, 1030);\n pointer-events: auto;\n }\n\n .scrim {\n z-index: 1;\n }\n\n swiper-container {\n height: 100%;\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n swiper-container::part(wrapper) {\n pointer-events: none;\n z-index: 2;\n }\n\n @media (min-width: 1200px) {\n :host {\n --_navigation-width: var(--_navigation-drawer-width);\n }\n .content {\n position: static;\n }\n swiper-container::part(container) {\n display: grid;\n grid-template-columns: var(--_navigation-width) minmax(0, 1fr);\n transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n .dummy-slide {\n display: none;\n }\n }\n`"
12096
- }
12097
- ],
12098
- "exports": [
12099
- {
12100
- "kind": "js",
12101
- "name": "styles",
12102
- "declaration": {
12103
- "name": "styles",
12104
- "module": "src/navigation/side-navigation-swiper.styles.ts"
12105
- }
12106
- }
12107
- ]
12108
- },
12109
- {
12110
- "kind": "javascript-module",
12111
- "path": "src/navigation/side-navigation.styles.ts",
12112
- "declarations": [
12113
- {
12114
- "kind": "variable",
12115
- "name": "styles",
12116
- "default": "css `\n :host {\n --_navigation-width: 0;\n --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);\n --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);\n --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));\n --_scrim-opacity: var(--u-drawer-scrim-opacity, .4);\n display: block;\n width: 100%;\n height: 100%;\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n :host(.disable-transition) * {\n transition: none !important;\n }\n :host(.disable-transition) * ::slotted(u-top-app-bar) {\n transition: none !important;\n }\n\n .drawer {\n transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n .drawer,\n .drawer u-elevation,\n .drawer .drawer-container {\n border-start-end-radius: var(--_navigation-drawer-corner-shape);\n border-end-end-radius: var(--_navigation-drawer-corner-shape);\n }\n .drawer.toggle u-elevation {\n --u-elevation-level: 1;\n }\n\n .drawer-container {\n height: 100%;\n overflow: hidden;\n }\n\n .scrim {\n --_modal-drawer-open-progress: 0;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100vw;\n height: 100vh;\n background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));\n pointer-events: none;\n opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));\n transition: opacity 375ms linear;\n }\n .scrim.moving {\n transition: none;\n }\n .scrim.toggle {\n --_modal-drawer-open-progress: 1;\n pointer-events: auto;\n }\n\n @media (min-width: 840px) {\n .content slot {\n display: flex;\n flex-direction: column;\n height: 100vh;\n }\n }\n @media (min-width: 1200px) {\n .container {\n --_navigation-width: var(--_navigation-drawer-width);\n }\n .container:has(.drawer.toggle) {\n --_navigation-width: 0;\n }\n .drawer {\n border-radius: 0;\n inset-inline-start: 0;\n }\n .drawer.toggle {\n inset-inline-start: var(--_navigation-drawer-width-negative);\n }\n u-elevation,\n .scrim {\n display: none;\n }\n }\n .navigation {\n position: fixed;\n inset-inline-start: 0;\n inset-block-start: 0;\n height: 100%;\n z-index: var(--u-side-navigation-z-index, 1030);\n }\n\n .drawer {\n position: absolute;\n inset-inline-start: var(--_navigation-drawer-width-negative);\n inset-block-start: 0;\n width: var(--_navigation-drawer-width);\n height: 100%;\n border-start-end-radius: var(--_navigation-drawer-corner-shape);\n border-end-end-radius: var(--_navigation-drawer-corner-shape);\n overflow: hidden;\n }\n .drawer.toggle {\n inset-inline-start: 0;\n }\n\n .grid {\n display: grid;\n grid-template-columns: var(--_navigation-width) minmax(0, 1fr);\n transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n @media (min-width: 1200px) {\n .drawer {\n inset-inline-start: 0;\n }\n .drawer.toggle {\n inset-inline-start: var(--_navigation-drawer-width-negative);\n }\n }\n`"
12117
- }
12118
- ],
12119
- "exports": [
12120
- {
12121
- "kind": "js",
12122
- "name": "styles",
12123
- "declaration": {
12124
- "name": "styles",
12125
- "module": "src/navigation/side-navigation.styles.ts"
12126
- }
12127
- }
12128
- ]
12129
- },
12130
- {
12131
- "kind": "javascript-module",
12132
- "path": "src/navigation/side-navigation.ts",
12133
- "declarations": [
12134
- {
12135
- "kind": "class",
12136
- "description": "",
12137
- "name": "UmSideNavigation",
12138
- "members": [
12139
- {
12140
- "kind": "field",
12141
- "name": "#toggleDrawer",
12142
- "privacy": "private",
12230
+ {
12231
+ "name": "has-badge",
12143
12232
  "type": {
12144
12233
  "text": "boolean"
12145
12234
  },
12146
- "default": "false"
12235
+ "default": "false",
12236
+ "description": "Whether the drawer item has badge or not\n\n_Note:_ Readonly",
12237
+ "fieldName": "hasBadge"
12147
12238
  },
12148
12239
  {
12149
- "kind": "field",
12150
- "name": "disableSlideAnimation",
12240
+ "name": "active",
12151
12241
  "type": {
12152
12242
  "text": "boolean"
12153
12243
  },
12154
- "privacy": "private",
12155
- "default": "false"
12244
+ "default": "false",
12245
+ "description": "Whether the drawer item is active or not\n\n_Note:_ Readonly",
12246
+ "fieldName": "active"
12156
12247
  },
12157
12248
  {
12158
- "kind": "field",
12159
- "name": "toggleDrawer",
12160
- "description": "Toggle the navigation drawer visibility\n\n_Modal drawer_: Open if `true`, closed if `false`\n_Standard drawer_: Collapsed if `true`, visible if `false`",
12161
- "attribute": "toggle-drawer"
12249
+ "name": "keep-drawer-open",
12250
+ "type": {
12251
+ "text": "boolean"
12252
+ },
12253
+ "default": "false",
12254
+ "description": "If true, it will not attempt to close de navigation drawer on click",
12255
+ "fieldName": "keepDrawerOpen"
12162
12256
  },
12163
12257
  {
12164
- "kind": "field",
12165
- "name": "swiperContainer",
12258
+ "name": "disabled",
12166
12259
  "type": {
12167
- "text": "any"
12260
+ "text": "boolean"
12261
+ },
12262
+ "default": "false",
12263
+ "description": "Whether the button is disabled or not.",
12264
+ "fieldName": "disabled",
12265
+ "inheritedFrom": {
12266
+ "name": "UmButtonWrapper",
12267
+ "module": "src/shared/button-wrapper.ts"
12168
12268
  }
12169
12269
  },
12170
12270
  {
12171
- "kind": "field",
12172
- "name": "scrim",
12271
+ "name": "href",
12173
12272
  "type": {
12174
- "text": "HTMLElement"
12273
+ "text": "string | undefined"
12274
+ },
12275
+ "description": "The URL that the link button points to.",
12276
+ "fieldName": "href",
12277
+ "inheritedFrom": {
12278
+ "name": "UmButtonWrapper",
12279
+ "module": "src/shared/button-wrapper.ts"
12175
12280
  }
12176
12281
  },
12177
12282
  {
12178
- "kind": "field",
12179
- "name": "scrollContainer",
12283
+ "name": "target",
12180
12284
  "type": {
12181
- "text": "HTMLElement | undefined"
12285
+ "text": "string | undefined"
12286
+ },
12287
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
12288
+ "fieldName": "target",
12289
+ "inheritedFrom": {
12290
+ "name": "UmButtonWrapper",
12291
+ "module": "src/shared/button-wrapper.ts"
12182
12292
  }
12183
12293
  },
12184
12294
  {
12185
- "kind": "method",
12186
- "name": "renderDefault",
12187
- "privacy": "private"
12188
- },
12189
- {
12190
- "kind": "method",
12191
- "name": "renderWithSwipe",
12192
- "privacy": "private"
12193
- },
12194
- {
12195
- "kind": "method",
12196
- "name": "swiperActiveIndexChange",
12197
- "privacy": "private"
12198
- },
12199
- {
12200
- "kind": "method",
12201
- "name": "swiperTransitionStart",
12202
- "privacy": "private"
12203
- },
12204
- {
12205
- "kind": "method",
12206
- "name": "slidesGridLengthChange",
12207
- "privacy": "private"
12208
- },
12209
- {
12210
- "kind": "method",
12211
- "name": "swiperTransitionEnd",
12212
- "privacy": "private"
12213
- },
12214
- {
12215
- "kind": "method",
12216
- "name": "swiperSliderMove",
12217
- "privacy": "private",
12218
- "parameters": [
12219
- {
12220
- "name": "e",
12221
- "type": {
12222
- "text": "Event"
12223
- }
12224
- }
12225
- ]
12226
- },
12227
- {
12228
- "kind": "method",
12229
- "name": "scrimClick",
12230
- "privacy": "private"
12231
- }
12232
- ],
12233
- "attributes": [
12234
- {
12235
- "name": "toggle-drawer",
12236
- "description": "Toggle the navigation drawer visibility\n\n_Modal drawer_: Open if `true`, closed if `false`\n_Standard drawer_: Collapsed if `true`, visible if `false`",
12237
- "fieldName": "toggleDrawer"
12295
+ "name": "name",
12296
+ "type": {
12297
+ "text": "string | undefined"
12298
+ },
12299
+ "fieldName": "name",
12300
+ "inheritedFrom": {
12301
+ "name": "UmButtonWrapper",
12302
+ "module": "src/shared/button-wrapper.ts"
12303
+ }
12238
12304
  }
12239
12305
  ],
12240
12306
  "superclass": {
12241
- "name": "LitElement",
12242
- "package": "lit"
12307
+ "name": "UmButtonWrapper",
12308
+ "module": "/src/shared/button-wrapper.js"
12243
12309
  },
12244
- "tagName": "u-side-navigation",
12310
+ "tagName": "u-drawer-item",
12245
12311
  "customElement": true
12246
12312
  }
12247
12313
  ],
12248
12314
  "exports": [
12249
12315
  {
12250
12316
  "kind": "js",
12251
- "name": "UmSideNavigation",
12317
+ "name": "UmDrawerItem",
12252
12318
  "declaration": {
12253
- "name": "UmSideNavigation",
12254
- "module": "src/navigation/side-navigation.ts"
12319
+ "name": "UmDrawerItem",
12320
+ "module": "src/navigation/drawer-item.ts"
12255
12321
  }
12256
12322
  },
12257
12323
  {
12258
12324
  "kind": "custom-element-definition",
12259
- "name": "u-side-navigation",
12325
+ "name": "u-drawer-item",
12260
12326
  "declaration": {
12261
- "name": "UmSideNavigation",
12262
- "module": "src/navigation/side-navigation.ts"
12327
+ "name": "UmDrawerItem",
12328
+ "module": "src/navigation/drawer-item.ts"
12263
12329
  }
12264
12330
  }
12265
12331
  ]
12266
12332
  },
12267
12333
  {
12268
12334
  "kind": "javascript-module",
12269
- "path": "src/progress/circular-progress.styles.ts",
12335
+ "path": "src/navigation/drawer.styles.ts",
12270
12336
  "declarations": [
12271
12337
  {
12272
12338
  "kind": "variable",
12273
12339
  "name": "styles",
12274
- "default": "css `\n :host {\n position: relative;\n display: inline-block;\n width: var(--_size);\n height: var(--_size);\n margin-inline: auto;\n --_size: var(--u-circular-progress-size, 3rem);\n }\n\n .circular {\n width: 100%;\n height: 100%;\n transform: rotate(-90deg);\n transform-origin: center;\n }\n .circular.indeterminate {\n position: relative;\n animation: rotate 2s linear infinite;\n }\n .circular:not(.indeterminate) .path {\n transition: stroke-dashoffset 200ms linear;\n }\n\n .path {\n stroke-linecap: round;\n stroke: var(--u-circular-progress-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .track {\n position: absolute;\n inset: 0;\n }\n .track .path {\n stroke: var(--u-circular-progress-track-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n\n .indeterminate .path {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n animation: dash 1.5s ease-in-out infinite;\n }\n\n .on-going {\n transform: rotate(-80deg);\n }\n .on-going.track {\n transform: rotate(-100deg);\n }\n\n @keyframes rotate {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124;\n }\n }\n`"
12340
+ "default": "css `\n :host {\n display: block;\n height: 100vh;\n }\n\n .container {\n background-color: var(--u-modal-drawer-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n color: var(--u-drawer-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n height: 100%;\n overflow: auto;\n padding-inline: var(--u-drawer-padding, 28px);\n }\n\n @media (min-width: 1200px) {\n .container {\n background-color: var(--u-standard-drawer-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));\n }\n }\n`"
12275
12341
  }
12276
12342
  ],
12277
12343
  "exports": [
@@ -12280,125 +12346,76 @@
12280
12346
  "name": "styles",
12281
12347
  "declaration": {
12282
12348
  "name": "styles",
12283
- "module": "src/progress/circular-progress.styles.ts"
12349
+ "module": "src/navigation/drawer.styles.ts"
12284
12350
  }
12285
12351
  }
12286
12352
  ]
12287
12353
  },
12288
12354
  {
12289
12355
  "kind": "javascript-module",
12290
- "path": "src/progress/circular-progress.ts",
12356
+ "path": "src/navigation/drawer.ts",
12291
12357
  "declarations": [
12292
12358
  {
12293
12359
  "kind": "class",
12294
12360
  "description": "",
12295
- "name": "UmCircularProgress",
12296
- "members": [
12297
- {
12298
- "kind": "field",
12299
- "name": "value",
12300
- "type": {
12301
- "text": "number | undefined"
12302
- },
12303
- "attribute": "value"
12304
- },
12305
- {
12306
- "kind": "field",
12307
- "name": "max",
12308
- "type": {
12309
- "text": "number"
12310
- },
12311
- "default": "1",
12312
- "attribute": "max"
12313
- },
12314
- {
12315
- "kind": "method",
12316
- "name": "#renderCircle",
12317
- "return": {
12318
- "type": {
12319
- "text": "TemplateResult"
12320
- }
12321
- },
12322
- "parameters": [
12323
- {
12324
- "name": "className",
12325
- "type": {
12326
- "text": "string"
12327
- }
12328
- }
12329
- ]
12330
- },
12331
- {
12332
- "kind": "method",
12333
- "name": "#renderIndeterminate",
12334
- "return": {
12335
- "type": {
12336
- "text": "TemplateResult"
12337
- }
12338
- }
12339
- },
12340
- {
12341
- "kind": "method",
12342
- "name": "#renderDeterminate",
12343
- "return": {
12344
- "type": {
12345
- "text": "TemplateResult"
12346
- }
12347
- }
12348
- }
12349
- ],
12350
- "attributes": [
12351
- {
12352
- "name": "value",
12353
- "type": {
12354
- "text": "number | undefined"
12355
- },
12356
- "fieldName": "value"
12357
- },
12358
- {
12359
- "name": "max",
12360
- "type": {
12361
- "text": "number"
12362
- },
12363
- "default": "1",
12364
- "fieldName": "max"
12365
- }
12366
- ],
12361
+ "name": "UmDrawer",
12362
+ "members": [],
12367
12363
  "superclass": {
12368
12364
  "name": "LitElement",
12369
12365
  "package": "lit"
12370
12366
  },
12371
- "tagName": "u-circular-progress",
12367
+ "tagName": "u-drawer",
12372
12368
  "customElement": true
12373
12369
  }
12374
12370
  ],
12375
12371
  "exports": [
12376
12372
  {
12377
12373
  "kind": "js",
12378
- "name": "UmCircularProgress",
12374
+ "name": "UmDrawer",
12379
12375
  "declaration": {
12380
- "name": "UmCircularProgress",
12381
- "module": "src/progress/circular-progress.ts"
12376
+ "name": "UmDrawer",
12377
+ "module": "src/navigation/drawer.ts"
12382
12378
  }
12383
12379
  },
12384
12380
  {
12385
12381
  "kind": "custom-element-definition",
12386
- "name": "u-circular-progress",
12382
+ "name": "u-drawer",
12387
12383
  "declaration": {
12388
- "name": "UmCircularProgress",
12389
- "module": "src/progress/circular-progress.ts"
12384
+ "name": "UmDrawer",
12385
+ "module": "src/navigation/drawer.ts"
12386
+ }
12387
+ }
12388
+ ]
12389
+ },
12390
+ {
12391
+ "kind": "javascript-module",
12392
+ "path": "src/navigation/side-navigation-swiper.styles.ts",
12393
+ "declarations": [
12394
+ {
12395
+ "kind": "variable",
12396
+ "name": "styles",
12397
+ "default": "css `\n :host {\n --_navigation-width: 0;\n --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);\n --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);\n --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));\n --_scrim-opacity: var(--u-drawer-scrim-opacity, .4);\n display: block;\n width: 100%;\n height: 100%;\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n :host(.disable-transition) * {\n transition: none !important;\n }\n :host(.disable-transition) * ::slotted(u-top-app-bar) {\n transition: none !important;\n }\n\n .drawer {\n transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n .drawer,\n .drawer u-elevation,\n .drawer .drawer-container {\n border-start-end-radius: var(--_navigation-drawer-corner-shape);\n border-end-end-radius: var(--_navigation-drawer-corner-shape);\n }\n .drawer.toggle u-elevation {\n --u-elevation-level: 1;\n }\n\n .drawer-container {\n height: 100%;\n overflow: hidden;\n }\n\n .scrim {\n --_modal-drawer-open-progress: 0;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100vw;\n height: 100vh;\n background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));\n pointer-events: none;\n opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));\n transition: opacity 375ms linear;\n }\n .scrim.moving {\n transition: none;\n }\n .scrim.toggle {\n --_modal-drawer-open-progress: 1;\n pointer-events: auto;\n }\n\n @media (min-width: 840px) {\n .content slot {\n display: flex;\n flex-direction: column;\n height: 100vh;\n }\n }\n @media (min-width: 1200px) {\n .container {\n --_navigation-width: var(--_navigation-drawer-width);\n }\n .container:has(.drawer.toggle) {\n --_navigation-width: 0;\n }\n .drawer {\n border-radius: 0;\n inset-inline-start: 0;\n }\n .drawer.toggle {\n inset-inline-start: var(--_navigation-drawer-width-negative);\n }\n u-elevation,\n .scrim {\n display: none;\n }\n }\n .content {\n position: fixed;\n inset: 0;\n z-index: 1;\n overflow: auto;\n }\n\n .drawer {\n position: relative;\n width: var(--_navigation-drawer-width);\n z-index: var(--u-side-navigation-z-index, 1030);\n pointer-events: auto;\n }\n\n .scrim {\n z-index: 1;\n }\n\n swiper-container {\n height: 100%;\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n swiper-container::part(wrapper) {\n pointer-events: none;\n z-index: 2;\n }\n\n @media (min-width: 1200px) {\n :host {\n --_navigation-width: var(--_navigation-drawer-width);\n }\n .content {\n position: static;\n }\n swiper-container::part(container) {\n display: grid;\n grid-template-columns: var(--_navigation-width) minmax(0, 1fr);\n transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n .dummy-slide {\n display: none;\n }\n }\n`"
12398
+ }
12399
+ ],
12400
+ "exports": [
12401
+ {
12402
+ "kind": "js",
12403
+ "name": "styles",
12404
+ "declaration": {
12405
+ "name": "styles",
12406
+ "module": "src/navigation/side-navigation-swiper.styles.ts"
12390
12407
  }
12391
12408
  }
12392
12409
  ]
12393
12410
  },
12394
12411
  {
12395
12412
  "kind": "javascript-module",
12396
- "path": "src/progress/progress-bar.styles.ts",
12413
+ "path": "src/navigation/side-navigation.styles.ts",
12397
12414
  "declarations": [
12398
12415
  {
12399
12416
  "kind": "variable",
12400
12417
  "name": "styles",
12401
- "default": "css `\n :host {\n --_border-radius: var(--u-progress-bar-border-radius, var(--u-shape-corner-full, 9999px));\n --_height: var(--u-progress-bar-height, 4px);\n }\n\n :host,\n .determinate,\n .indeterminate {\n overflow: hidden;\n border-radius: var(--_border-radius);\n }\n\n .determinate,\n .indeterminate {\n display: flex;\n gap: 4px;\n }\n\n .indeterminate {\n flex: 1;\n margin-inline: -8px;\n border-radius: var(--_border-radius);\n }\n\n .determinate {\n margin-inline-end: -4px;\n }\n .determinate .bar {\n transition: flex-basis 200ms linear;\n }\n\n .last {\n flex-shrink: 1;\n flex-basis: 100%;\n animation: last 2.1s infinite linear;\n }\n\n .slow {\n animation: slow 2.1s infinite linear;\n }\n\n .middle {\n animation: middle 2.1s infinite linear;\n }\n\n .fast {\n animation: fast 2.1s infinite linear;\n }\n\n .first {\n animation: first 2.1s infinite linear;\n }\n\n .bar {\n height: var(--_height);\n border-radius: var(--_border-radius);\n background: var(--u-progress-bar-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .track {\n background: var(--u-progress-bar-track-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n flex-shrink: 1;\n }\n\n @keyframes slow {\n 0% {\n flex-basis: 0;\n }\n 10% {\n flex-basis: 50%;\n }\n 20% {\n flex-basis: 100%;\n }\n 30% {\n flex-basis: 0;\n }\n }\n @keyframes last {\n 0% {\n flex-basis: 100%;\n }\n 10% {\n flex-basis: 50%;\n }\n 20% {\n flex-basis: 0;\n }\n 100% {\n flex-basis: 0;\n }\n }\n @keyframes middle {\n 10% {\n flex-basis: 0;\n }\n 20% {\n flex-basis: 100%;\n }\n 35% {\n flex-basis: 100%;\n }\n 45% {\n flex-basis: 0;\n }\n }\n @keyframes fast {\n 0% {\n flex-basis: 0;\n }\n 25% {\n flex-basis: 0;\n }\n 35% {\n flex-basis: 100%;\n }\n 45% {\n flex-basis: 100%;\n }\n 55% {\n flex-basis: 0;\n }\n }\n @keyframes first {\n 35% {\n flex-basis: 0;\n }\n 45% {\n flex-basis: 100%;\n }\n 100% {\n flex-basis: 100%;\n }\n }\n @keyframes fast-bar-pre {\n 0% {\n flex-basis: 0;\n }\n 60% {\n flex-basis: 0;\n }\n 90% {\n flex-basis: 100%;\n }\n 100% {\n flex-basis: 100%;\n }\n }\n`"
12418
+ "default": "css `\n :host {\n --_navigation-width: 0;\n --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);\n --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);\n --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));\n --_scrim-opacity: var(--u-drawer-scrim-opacity, .4);\n display: block;\n width: 100%;\n height: 100%;\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n :host(.disable-transition) * {\n transition: none !important;\n }\n :host(.disable-transition) * ::slotted(u-top-app-bar) {\n transition: none !important;\n }\n\n .drawer {\n transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n .drawer,\n .drawer u-elevation,\n .drawer .drawer-container {\n border-start-end-radius: var(--_navigation-drawer-corner-shape);\n border-end-end-radius: var(--_navigation-drawer-corner-shape);\n }\n .drawer.toggle u-elevation {\n --u-elevation-level: 1;\n }\n\n .drawer-container {\n height: 100%;\n overflow: hidden;\n }\n\n .scrim {\n --_modal-drawer-open-progress: 0;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100vw;\n height: 100vh;\n background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));\n pointer-events: none;\n opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));\n transition: opacity 375ms linear;\n }\n .scrim.moving {\n transition: none;\n }\n .scrim.toggle {\n --_modal-drawer-open-progress: 1;\n pointer-events: auto;\n }\n\n @media (min-width: 840px) {\n .content slot {\n display: flex;\n flex-direction: column;\n height: 100vh;\n }\n }\n @media (min-width: 1200px) {\n .container {\n --_navigation-width: var(--_navigation-drawer-width);\n }\n .container:has(.drawer.toggle) {\n --_navigation-width: 0;\n }\n .drawer {\n border-radius: 0;\n inset-inline-start: 0;\n }\n .drawer.toggle {\n inset-inline-start: var(--_navigation-drawer-width-negative);\n }\n u-elevation,\n .scrim {\n display: none;\n }\n }\n .navigation {\n position: fixed;\n inset-inline-start: 0;\n inset-block-start: 0;\n height: 100%;\n z-index: var(--u-side-navigation-z-index, 1030);\n }\n\n .drawer {\n position: absolute;\n inset-inline-start: var(--_navigation-drawer-width-negative);\n inset-block-start: 0;\n width: var(--_navigation-drawer-width);\n height: 100%;\n border-start-end-radius: var(--_navigation-drawer-corner-shape);\n border-end-end-radius: var(--_navigation-drawer-corner-shape);\n overflow: hidden;\n }\n .drawer.toggle {\n inset-inline-start: 0;\n }\n\n .grid {\n display: grid;\n grid-template-columns: var(--_navigation-width) minmax(0, 1fr);\n transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n @media (min-width: 1200px) {\n .drawer {\n inset-inline-start: 0;\n }\n .drawer.toggle {\n inset-inline-start: var(--_navigation-drawer-width-negative);\n }\n }\n`"
12402
12419
  }
12403
12420
  ],
12404
12421
  "exports": [
@@ -12407,96 +12424,144 @@
12407
12424
  "name": "styles",
12408
12425
  "declaration": {
12409
12426
  "name": "styles",
12410
- "module": "src/progress/progress-bar.styles.ts"
12427
+ "module": "src/navigation/side-navigation.styles.ts"
12411
12428
  }
12412
12429
  }
12413
12430
  ]
12414
12431
  },
12415
12432
  {
12416
12433
  "kind": "javascript-module",
12417
- "path": "src/progress/progress-bar.ts",
12434
+ "path": "src/navigation/side-navigation.ts",
12418
12435
  "declarations": [
12419
12436
  {
12420
12437
  "kind": "class",
12421
12438
  "description": "",
12422
- "name": "UmProgressBar",
12439
+ "name": "UmSideNavigation",
12423
12440
  "members": [
12424
12441
  {
12425
12442
  "kind": "field",
12426
- "name": "value",
12443
+ "name": "#toggleDrawer",
12444
+ "privacy": "private",
12427
12445
  "type": {
12428
- "text": "number | undefined"
12446
+ "text": "boolean"
12429
12447
  },
12430
- "attribute": "value"
12448
+ "default": "false"
12431
12449
  },
12432
12450
  {
12433
12451
  "kind": "field",
12434
- "name": "max",
12452
+ "name": "disableSlideAnimation",
12435
12453
  "type": {
12436
- "text": "number"
12454
+ "text": "boolean"
12437
12455
  },
12438
- "default": "1",
12439
- "attribute": "max"
12456
+ "privacy": "private",
12457
+ "default": "false"
12440
12458
  },
12441
12459
  {
12442
- "kind": "method",
12443
- "name": "#renderIndeterminate",
12444
- "return": {
12445
- "type": {
12446
- "text": "TemplateResult"
12447
- }
12460
+ "kind": "field",
12461
+ "name": "toggleDrawer",
12462
+ "description": "Toggle the navigation drawer visibility\n\n_Modal drawer_: Open if `true`, closed if `false`\n_Standard drawer_: Collapsed if `true`, visible if `false`",
12463
+ "attribute": "toggle-drawer"
12464
+ },
12465
+ {
12466
+ "kind": "field",
12467
+ "name": "swiperContainer",
12468
+ "type": {
12469
+ "text": "any"
12470
+ }
12471
+ },
12472
+ {
12473
+ "kind": "field",
12474
+ "name": "scrim",
12475
+ "type": {
12476
+ "text": "HTMLElement"
12477
+ }
12478
+ },
12479
+ {
12480
+ "kind": "field",
12481
+ "name": "scrollContainer",
12482
+ "type": {
12483
+ "text": "HTMLElement | undefined"
12448
12484
  }
12449
12485
  },
12450
12486
  {
12451
12487
  "kind": "method",
12452
- "name": "#renderDeterminate",
12453
- "return": {
12454
- "type": {
12455
- "text": "TemplateResult"
12488
+ "name": "renderDefault",
12489
+ "privacy": "private"
12490
+ },
12491
+ {
12492
+ "kind": "method",
12493
+ "name": "renderWithSwipe",
12494
+ "privacy": "private"
12495
+ },
12496
+ {
12497
+ "kind": "method",
12498
+ "name": "swiperActiveIndexChange",
12499
+ "privacy": "private"
12500
+ },
12501
+ {
12502
+ "kind": "method",
12503
+ "name": "swiperTransitionStart",
12504
+ "privacy": "private"
12505
+ },
12506
+ {
12507
+ "kind": "method",
12508
+ "name": "slidesGridLengthChange",
12509
+ "privacy": "private"
12510
+ },
12511
+ {
12512
+ "kind": "method",
12513
+ "name": "swiperTransitionEnd",
12514
+ "privacy": "private"
12515
+ },
12516
+ {
12517
+ "kind": "method",
12518
+ "name": "swiperSliderMove",
12519
+ "privacy": "private",
12520
+ "parameters": [
12521
+ {
12522
+ "name": "e",
12523
+ "type": {
12524
+ "text": "Event"
12525
+ }
12456
12526
  }
12457
- }
12527
+ ]
12528
+ },
12529
+ {
12530
+ "kind": "method",
12531
+ "name": "scrimClick",
12532
+ "privacy": "private"
12458
12533
  }
12459
12534
  ],
12460
12535
  "attributes": [
12461
12536
  {
12462
- "name": "value",
12463
- "type": {
12464
- "text": "number | undefined"
12465
- },
12466
- "fieldName": "value"
12467
- },
12468
- {
12469
- "name": "max",
12470
- "type": {
12471
- "text": "number"
12472
- },
12473
- "default": "1",
12474
- "fieldName": "max"
12537
+ "name": "toggle-drawer",
12538
+ "description": "Toggle the navigation drawer visibility\n\n_Modal drawer_: Open if `true`, closed if `false`\n_Standard drawer_: Collapsed if `true`, visible if `false`",
12539
+ "fieldName": "toggleDrawer"
12475
12540
  }
12476
12541
  ],
12477
12542
  "superclass": {
12478
12543
  "name": "LitElement",
12479
12544
  "package": "lit"
12480
12545
  },
12481
- "tagName": "u-progress-bar",
12546
+ "tagName": "u-side-navigation",
12482
12547
  "customElement": true
12483
12548
  }
12484
12549
  ],
12485
12550
  "exports": [
12486
12551
  {
12487
12552
  "kind": "js",
12488
- "name": "UmProgressBar",
12553
+ "name": "UmSideNavigation",
12489
12554
  "declaration": {
12490
- "name": "UmProgressBar",
12491
- "module": "src/progress/progress-bar.ts"
12555
+ "name": "UmSideNavigation",
12556
+ "module": "src/navigation/side-navigation.ts"
12492
12557
  }
12493
12558
  },
12494
12559
  {
12495
12560
  "kind": "custom-element-definition",
12496
- "name": "u-progress-bar",
12561
+ "name": "u-side-navigation",
12497
12562
  "declaration": {
12498
- "name": "UmProgressBar",
12499
- "module": "src/progress/progress-bar.ts"
12563
+ "name": "UmSideNavigation",
12564
+ "module": "src/navigation/side-navigation.ts"
12500
12565
  }
12501
12566
  }
12502
12567
  ]
@@ -19707,165 +19772,42 @@
19707
19772
  ]
19708
19773
  },
19709
19774
  {
19710
- "kind": "method",
19711
- "name": "build",
19712
- "return": {
19713
- "type": {
19714
- "text": "string"
19715
- }
19716
- }
19717
- }
19718
- ]
19719
- }
19720
- ],
19721
- "exports": [
19722
- {
19723
- "kind": "js",
19724
- "name": "ThemeBuilder",
19725
- "declaration": {
19726
- "name": "ThemeBuilder",
19727
- "module": "src/theme/theme-builder.ts"
19728
- }
19729
- }
19730
- ]
19731
- },
19732
- {
19733
- "kind": "javascript-module",
19734
- "path": "src/theme/theme-color.ts",
19735
- "declarations": [],
19736
- "exports": []
19737
- },
19738
- {
19739
- "kind": "javascript-module",
19740
- "path": "src/typeahead/highlight.styles.ts",
19741
- "declarations": [
19742
- {
19743
- "kind": "variable",
19744
- "name": "styles",
19745
- "default": "css `\n :host {\n display: inline-block;\n }\n`"
19746
- }
19747
- ],
19748
- "exports": [
19749
- {
19750
- "kind": "js",
19751
- "name": "styles",
19752
- "declaration": {
19753
- "name": "styles",
19754
- "module": "src/typeahead/highlight.styles.ts"
19755
- }
19756
- }
19757
- ]
19758
- },
19759
- {
19760
- "kind": "javascript-module",
19761
- "path": "src/typeahead/highlight.ts",
19762
- "declarations": [
19763
- {
19764
- "kind": "class",
19765
- "description": "",
19766
- "name": "UmHighlight",
19767
- "members": [
19768
- {
19769
- "kind": "field",
19770
- "name": "#result",
19771
- "privacy": "private",
19772
- "type": {
19773
- "text": "string | undefined"
19774
- }
19775
- },
19776
- {
19777
- "kind": "field",
19778
- "name": "#term",
19779
- "privacy": "private",
19780
- "type": {
19781
- "text": "string | undefined"
19782
- }
19783
- },
19784
- {
19785
- "kind": "field",
19786
- "name": "parts",
19787
- "type": {
19788
- "text": "string[] | undefined"
19789
- },
19790
- "privacy": "private"
19791
- },
19792
- {
19793
- "kind": "field",
19794
- "name": "result",
19795
- "type": {
19796
- "text": "string | undefined"
19797
- },
19798
- "description": "The result text to display. If the term is found inside this text, it's highlighted",
19799
- "attribute": "result"
19800
- },
19801
- {
19802
- "kind": "field",
19803
- "name": "term",
19804
- "type": {
19805
- "text": "string | undefined"
19806
- },
19807
- "description": "The searched term",
19808
- "attribute": "term"
19809
- },
19810
- {
19811
- "kind": "method",
19812
- "name": "setParts",
19813
- "privacy": "private"
19814
- }
19815
- ],
19816
- "attributes": [
19817
- {
19818
- "name": "result",
19819
- "type": {
19820
- "text": "string | undefined"
19821
- },
19822
- "description": "The result text to display. If the term is found inside this text, it's highlighted",
19823
- "fieldName": "result"
19824
- },
19825
- {
19826
- "name": "term",
19827
- "type": {
19828
- "text": "string | undefined"
19829
- },
19830
- "description": "The searched term",
19831
- "fieldName": "term"
19775
+ "kind": "method",
19776
+ "name": "build",
19777
+ "return": {
19778
+ "type": {
19779
+ "text": "string"
19780
+ }
19781
+ }
19832
19782
  }
19833
- ],
19834
- "superclass": {
19835
- "name": "LitElement",
19836
- "package": "lit"
19837
- },
19838
- "tagName": "u-highlight",
19839
- "customElement": true
19783
+ ]
19840
19784
  }
19841
19785
  ],
19842
19786
  "exports": [
19843
19787
  {
19844
19788
  "kind": "js",
19845
- "name": "UmHighlight",
19846
- "declaration": {
19847
- "name": "UmHighlight",
19848
- "module": "src/typeahead/highlight.ts"
19849
- }
19850
- },
19851
- {
19852
- "kind": "custom-element-definition",
19853
- "name": "u-highlight",
19789
+ "name": "ThemeBuilder",
19854
19790
  "declaration": {
19855
- "name": "UmHighlight",
19856
- "module": "src/typeahead/highlight.ts"
19791
+ "name": "ThemeBuilder",
19792
+ "module": "src/theme/theme-builder.ts"
19857
19793
  }
19858
19794
  }
19859
19795
  ]
19860
19796
  },
19861
19797
  {
19862
19798
  "kind": "javascript-module",
19863
- "path": "src/typeahead/typeahead.styles.ts",
19799
+ "path": "src/theme/theme-color.ts",
19800
+ "declarations": [],
19801
+ "exports": []
19802
+ },
19803
+ {
19804
+ "kind": "javascript-module",
19805
+ "path": "src/typeahead/highlight.styles.ts",
19864
19806
  "declarations": [
19865
19807
  {
19866
19808
  "kind": "variable",
19867
19809
  "name": "styles",
19868
- "default": "css `\n :host {\n display: block;\n }\n\n u-menu-item {\n font-weight: var(--u-typeahead-item-font-weight, var(--u-font-weight-regular, 400));\n }\n`"
19810
+ "default": "css `\n :host {\n display: inline-block;\n }\n`"
19869
19811
  }
19870
19812
  ],
19871
19813
  "exports": [
@@ -19874,1610 +19816,1335 @@
19874
19816
  "name": "styles",
19875
19817
  "declaration": {
19876
19818
  "name": "styles",
19877
- "module": "src/typeahead/typeahead.styles.ts"
19819
+ "module": "src/typeahead/highlight.styles.ts"
19878
19820
  }
19879
19821
  }
19880
19822
  ]
19881
19823
  },
19882
19824
  {
19883
19825
  "kind": "javascript-module",
19884
- "path": "src/typeahead/typeahead.ts",
19826
+ "path": "src/typeahead/highlight.ts",
19885
19827
  "declarations": [
19886
19828
  {
19887
19829
  "kind": "class",
19888
19830
  "description": "",
19889
- "name": "UmTypeahead",
19831
+ "name": "UmHighlight",
19890
19832
  "members": [
19891
19833
  {
19892
19834
  "kind": "field",
19893
- "name": "formAssociated",
19894
- "type": {
19895
- "text": "boolean"
19896
- },
19897
- "static": true,
19898
- "default": "true"
19899
- },
19900
- {
19901
- "kind": "field",
19902
- "name": "#targetId",
19835
+ "name": "#result",
19903
19836
  "privacy": "private",
19904
19837
  "type": {
19905
19838
  "text": "string | undefined"
19906
- }
19907
- },
19908
- {
19909
- "kind": "field",
19910
- "name": "#connected",
19911
- "privacy": "private",
19912
- "type": {
19913
- "text": "boolean"
19914
- },
19915
- "default": "false"
19916
- },
19917
- {
19918
- "kind": "field",
19919
- "name": "target",
19920
- "type": {
19921
- "text": "| (HTMLElement & {\n autocomplete: 'on' | 'off' | string | null;\n input?: HTMLInputElement;\n container?: HTMLElement;\n value: string;\n })\n | null"
19922
- },
19923
- "privacy": "private",
19924
- "default": "null"
19925
- },
19926
- {
19927
- "kind": "field",
19928
- "name": "#documentMutationObserver",
19929
- "privacy": "private",
19930
- "type": {
19931
- "text": "MutationObserver | null"
19932
- },
19933
- "default": "null"
19934
- },
19935
- {
19936
- "kind": "field",
19937
- "name": "#navigationController",
19938
- "privacy": "private",
19939
- "default": "new MenuFieldNavigationController(this)"
19940
- },
19941
- {
19942
- "kind": "field",
19943
- "name": "#termNormalized",
19944
- "privacy": "private",
19945
- "type": {
19946
- "text": "string"
19947
- },
19948
- "default": "''"
19949
- },
19950
- {
19951
- "kind": "field",
19952
- "name": "#debounceTimeout",
19953
- "privacy": "private",
19954
- "type": {
19955
- "text": "number | null"
19956
- },
19957
- "default": "null"
19958
- },
19959
- {
19960
- "kind": "field",
19961
- "name": "#value",
19962
- "privacy": "private",
19963
- "type": {
19964
- "text": "any"
19965
- }
19966
- },
19967
- {
19968
- "kind": "field",
19969
- "name": "#elementInternals",
19970
- "privacy": "private",
19971
- "type": {
19972
- "text": "ElementInternals"
19973
- }
19974
- },
19975
- {
19976
- "kind": "field",
19977
- "name": "results",
19978
- "type": {
19979
- "text": "Data[]"
19980
- },
19981
- "privacy": "private"
19982
- },
19983
- {
19984
- "kind": "field",
19985
- "name": "source",
19986
- "type": {
19987
- "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
19988
- },
19989
- "description": "The datasource of the typeahead. Accepts an `Array` or a `Promise<[]>`."
19990
- },
19991
- {
19992
- "kind": "field",
19993
- "name": "formatter",
19994
- "type": {
19995
- "text": "((value: any) => string) | undefined"
19996
- },
19997
- "description": "A function return a string based on a result from the `source`. Useful when the source results are objects."
19998
- },
19999
- {
20000
- "kind": "field",
20001
- "name": "template",
20002
- "type": {
20003
- "text": "((term: string, value: any) => string) | undefined"
20004
- },
20005
- "description": "A string representing an HTML to be rendered inside the menu item. If set, it will replace the `u-highlight`.\n\n_Note:_ Subject to signature change"
20006
- },
20007
- {
20008
- "kind": "field",
20009
- "name": "debounce",
20010
- "type": {
20011
- "text": "number"
20012
- },
20013
- "default": "300",
20014
- "description": "The time in milliseconds before triggering an update in the results.",
20015
- "attribute": "debounce",
20016
- "reflects": true
20017
- },
20018
- {
20019
- "kind": "field",
20020
- "name": "limit",
20021
- "type": {
20022
- "text": "number"
20023
- },
20024
- "default": "10",
20025
- "description": "The number of suggestions to show",
20026
- "attribute": "limit",
20027
- "reflects": true
20028
- },
20029
- {
20030
- "kind": "field",
20031
- "name": "minLength",
20032
- "type": {
20033
- "text": "number"
20034
- },
20035
- "default": "2",
20036
- "description": "How many characters must be typed before show suggestions\n\n_Note:_ Not used when the source is a `Promise`",
20037
- "attribute": "minLength",
20038
- "reflects": true
20039
- },
20040
- {
20041
- "kind": "field",
20042
- "name": "openOnFocus",
20043
- "type": {
20044
- "text": "boolean"
20045
- },
20046
- "default": "false",
20047
- "description": "Whether the menu will be show when the target get focus.\n\n_Note:_ The `minLength` will still be applied",
20048
- "attribute": "open-on-focus",
20049
- "reflects": true
20050
- },
20051
- {
20052
- "kind": "field",
20053
- "name": "editable",
20054
- "type": {
20055
- "text": "boolean"
20056
- },
20057
- "default": "false",
20058
- "description": "If `true`, model values will not be restricted only to items selected from the menu.",
20059
- "attribute": "editable",
20060
- "reflects": true
20061
- },
20062
- {
20063
- "kind": "field",
20064
- "name": "autocomplete",
20065
- "type": {
20066
- "text": "'on' | 'off' | string"
20067
- },
20068
- "default": "'off'",
20069
- "description": "The value for the `autocomplete` attribute for the target element.",
20070
- "attribute": "autocomplete",
20071
- "reflects": true
20072
- },
20073
- {
20074
- "kind": "field",
20075
- "name": "spellcheck",
20076
- "type": {
20077
- "text": "boolean"
20078
- },
20079
- "default": "false",
20080
- "description": "The value for the `spellcheck` attribute for the target element.",
20081
- "attribute": "spellcheck",
20082
- "reflects": true
20083
- },
20084
- {
20085
- "kind": "field",
20086
- "name": "form",
20087
- "type": {
20088
- "text": "HTMLFormElement | null"
20089
- }
20090
- },
20091
- {
20092
- "kind": "field",
20093
- "name": "value",
20094
- "type": {
20095
- "text": "any"
20096
- },
20097
- "description": "Gets or sets the current value of the typeahead."
20098
- },
20099
- {
20100
- "kind": "method",
20101
- "name": "focus"
20102
- },
20103
- {
20104
- "kind": "method",
20105
- "name": "clear"
19839
+ }
20106
19840
  },
20107
19841
  {
20108
19842
  "kind": "field",
20109
- "name": "targetId",
19843
+ "name": "#term",
19844
+ "privacy": "private",
20110
19845
  "type": {
20111
19846
  "text": "string | undefined"
20112
- },
20113
- "description": "The id of the target element to attach the typeahead.",
20114
- "attribute": "target-id",
20115
- "reflects": true
19847
+ }
20116
19848
  },
20117
19849
  {
20118
19850
  "kind": "field",
20119
- "name": "_menu",
19851
+ "name": "parts",
20120
19852
  "type": {
20121
- "text": "UmMenu"
20122
- }
19853
+ "text": "string[] | undefined"
19854
+ },
19855
+ "privacy": "private"
20123
19856
  },
20124
19857
  {
20125
19858
  "kind": "field",
20126
- "name": "menuItems",
19859
+ "name": "result",
20127
19860
  "type": {
20128
- "text": "NodeListOf<UmMenuItem>"
20129
- }
19861
+ "text": "string | undefined"
19862
+ },
19863
+ "description": "The result text to display. If the term is found inside this text, it's highlighted",
19864
+ "attribute": "result"
20130
19865
  },
20131
19866
  {
20132
19867
  "kind": "field",
20133
- "name": "_menuItems",
19868
+ "name": "term",
20134
19869
  "type": {
20135
- "text": "UmMenuItem[]"
20136
- }
19870
+ "text": "string | undefined"
19871
+ },
19872
+ "description": "The searched term",
19873
+ "attribute": "term"
20137
19874
  },
20138
19875
  {
20139
19876
  "kind": "method",
20140
- "name": "#attach"
20141
- },
19877
+ "name": "setParts",
19878
+ "privacy": "private"
19879
+ }
19880
+ ],
19881
+ "attributes": [
20142
19882
  {
20143
- "kind": "method",
20144
- "name": "#detach"
19883
+ "name": "result",
19884
+ "type": {
19885
+ "text": "string | undefined"
19886
+ },
19887
+ "description": "The result text to display. If the term is found inside this text, it's highlighted",
19888
+ "fieldName": "result"
20145
19889
  },
20146
19890
  {
20147
- "kind": "method",
20148
- "name": "#handleItemMouseDown",
20149
- "parameters": [
20150
- {
20151
- "name": "e",
20152
- "type": {
20153
- "text": "Event"
20154
- }
20155
- }
20156
- ]
20157
- },
19891
+ "name": "term",
19892
+ "type": {
19893
+ "text": "string | undefined"
19894
+ },
19895
+ "description": "The searched term",
19896
+ "fieldName": "term"
19897
+ }
19898
+ ],
19899
+ "superclass": {
19900
+ "name": "LitElement",
19901
+ "package": "lit"
19902
+ },
19903
+ "tagName": "u-highlight",
19904
+ "customElement": true
19905
+ }
19906
+ ],
19907
+ "exports": [
19908
+ {
19909
+ "kind": "js",
19910
+ "name": "UmHighlight",
19911
+ "declaration": {
19912
+ "name": "UmHighlight",
19913
+ "module": "src/typeahead/highlight.ts"
19914
+ }
19915
+ },
19916
+ {
19917
+ "kind": "custom-element-definition",
19918
+ "name": "u-highlight",
19919
+ "declaration": {
19920
+ "name": "UmHighlight",
19921
+ "module": "src/typeahead/highlight.ts"
19922
+ }
19923
+ }
19924
+ ]
19925
+ },
19926
+ {
19927
+ "kind": "javascript-module",
19928
+ "path": "src/typeahead/typeahead.styles.ts",
19929
+ "declarations": [
19930
+ {
19931
+ "kind": "variable",
19932
+ "name": "styles",
19933
+ "default": "css `\n :host {\n display: block;\n }\n\n u-menu-item {\n font-weight: var(--u-typeahead-item-font-weight, var(--u-font-weight-regular, 400));\n }\n`"
19934
+ }
19935
+ ],
19936
+ "exports": [
19937
+ {
19938
+ "kind": "js",
19939
+ "name": "styles",
19940
+ "declaration": {
19941
+ "name": "styles",
19942
+ "module": "src/typeahead/typeahead.styles.ts"
19943
+ }
19944
+ }
19945
+ ]
19946
+ },
19947
+ {
19948
+ "kind": "javascript-module",
19949
+ "path": "src/typeahead/typeahead.ts",
19950
+ "declarations": [
19951
+ {
19952
+ "kind": "class",
19953
+ "description": "",
19954
+ "name": "UmTypeahead",
19955
+ "members": [
20158
19956
  {
20159
- "kind": "method",
20160
- "name": "#handleClick",
20161
- "parameters": [
20162
- {
20163
- "name": "e",
20164
- "type": {
20165
- "text": "Event"
20166
- }
20167
- }
20168
- ]
19957
+ "kind": "field",
19958
+ "name": "formAssociated",
19959
+ "type": {
19960
+ "text": "boolean"
19961
+ },
19962
+ "static": true,
19963
+ "default": "true"
20169
19964
  },
20170
19965
  {
20171
19966
  "kind": "field",
20172
- "name": "#handleFocus",
20173
- "privacy": "private"
19967
+ "name": "#targetId",
19968
+ "privacy": "private",
19969
+ "type": {
19970
+ "text": "string | undefined"
19971
+ }
20174
19972
  },
20175
19973
  {
20176
19974
  "kind": "field",
20177
- "name": "#handleInput",
20178
- "privacy": "private"
19975
+ "name": "#connected",
19976
+ "privacy": "private",
19977
+ "type": {
19978
+ "text": "boolean"
19979
+ },
19980
+ "default": "false"
20179
19981
  },
20180
19982
  {
20181
- "kind": "method",
20182
- "name": "#getItemClickHandler",
20183
- "parameters": [
20184
- {
20185
- "name": "data",
20186
- "type": {
20187
- "text": "Data"
20188
- }
20189
- }
20190
- ]
19983
+ "kind": "field",
19984
+ "name": "target",
19985
+ "type": {
19986
+ "text": "| (HTMLElement & {\n autocomplete: 'on' | 'off' | string | null;\n input?: HTMLInputElement;\n container?: HTMLElement;\n value: string;\n })\n | null"
19987
+ },
19988
+ "privacy": "private",
19989
+ "default": "null"
20191
19990
  },
20192
19991
  {
20193
- "kind": "method",
20194
- "name": "#setValueAndDispatchEvents",
20195
- "parameters": [
20196
- {
20197
- "name": "value",
20198
- "type": {
20199
- "text": "any"
20200
- }
20201
- },
20202
- {
20203
- "name": "direct",
20204
- "default": "false"
20205
- }
20206
- ]
19992
+ "kind": "field",
19993
+ "name": "#documentMutationObserver",
19994
+ "privacy": "private",
19995
+ "type": {
19996
+ "text": "MutationObserver | null"
19997
+ },
19998
+ "default": "null"
20207
19999
  },
20208
20000
  {
20209
- "kind": "method",
20210
- "name": "#updateResults",
20211
- "parameters": [
20212
- {
20213
- "name": "lazy",
20214
- "default": "false"
20215
- }
20216
- ]
20001
+ "kind": "field",
20002
+ "name": "#navigationController",
20003
+ "privacy": "private",
20004
+ "default": "new MenuFieldNavigationController(this)"
20217
20005
  },
20218
20006
  {
20219
- "kind": "method",
20220
- "name": "#getData",
20221
- "return": {
20222
- "type": {
20223
- "text": "Promise<Data[]>"
20224
- }
20225
- }
20007
+ "kind": "field",
20008
+ "name": "#termNormalized",
20009
+ "privacy": "private",
20010
+ "type": {
20011
+ "text": "string"
20012
+ },
20013
+ "default": "''"
20226
20014
  },
20227
20015
  {
20228
- "kind": "method",
20229
- "name": "#setValueOnTarget"
20016
+ "kind": "field",
20017
+ "name": "#debounceTimeout",
20018
+ "privacy": "private",
20019
+ "type": {
20020
+ "text": "number | null"
20021
+ },
20022
+ "default": "null"
20230
20023
  },
20231
20024
  {
20232
- "kind": "method",
20233
- "name": "getTargetValue",
20025
+ "kind": "field",
20026
+ "name": "#value",
20234
20027
  "privacy": "private",
20235
- "return": {
20236
- "type": {
20237
- "text": "string"
20238
- }
20028
+ "type": {
20029
+ "text": "any"
20239
20030
  }
20240
20031
  },
20241
20032
  {
20242
- "kind": "method",
20243
- "name": "setTargetValue",
20244
- "privacy": "private",
20245
- "return": {
20246
- "type": {
20247
- "text": "void"
20248
- }
20249
- },
20250
- "parameters": [
20251
- {
20252
- "name": "value",
20253
- "type": {
20254
- "text": "string"
20255
- }
20256
- }
20257
- ]
20033
+ "kind": "field",
20034
+ "name": "#elementInternals",
20035
+ "privacy": "private",
20036
+ "type": {
20037
+ "text": "ElementInternals"
20038
+ }
20258
20039
  },
20259
20040
  {
20260
- "kind": "method",
20261
- "name": "getMenuAnchor",
20041
+ "kind": "field",
20042
+ "name": "results",
20043
+ "type": {
20044
+ "text": "Data[]"
20045
+ },
20262
20046
  "privacy": "private"
20263
20047
  },
20264
20048
  {
20265
- "kind": "method",
20266
- "name": "getTextValue",
20267
- "privacy": "private",
20268
- "return": {
20269
- "type": {
20270
- "text": "string"
20271
- }
20272
- }
20273
- }
20274
- ],
20275
- "events": [
20049
+ "kind": "field",
20050
+ "name": "source",
20051
+ "type": {
20052
+ "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
20053
+ },
20054
+ "description": "The datasource of the typeahead. Accepts an `Array` or a `Promise<[]>`."
20055
+ },
20276
20056
  {
20277
- "name": "input",
20057
+ "kind": "field",
20058
+ "name": "formatter",
20278
20059
  "type": {
20279
- "text": "InputEvent"
20280
- }
20060
+ "text": "((value: any) => string) | undefined"
20061
+ },
20062
+ "description": "A function return a string based on a result from the `source`. Useful when the source results are objects."
20281
20063
  },
20282
20064
  {
20283
- "name": "change",
20065
+ "kind": "field",
20066
+ "name": "template",
20284
20067
  "type": {
20285
- "text": "Event"
20286
- }
20287
- }
20288
- ],
20289
- "attributes": [
20068
+ "text": "((term: string, value: any) => string) | undefined"
20069
+ },
20070
+ "description": "A string representing an HTML to be rendered inside the menu item. If set, it will replace the `u-highlight`.\n\n_Note:_ Subject to signature change"
20071
+ },
20290
20072
  {
20073
+ "kind": "field",
20291
20074
  "name": "debounce",
20292
20075
  "type": {
20293
20076
  "text": "number"
20294
20077
  },
20295
20078
  "default": "300",
20296
20079
  "description": "The time in milliseconds before triggering an update in the results.",
20297
- "fieldName": "debounce"
20080
+ "attribute": "debounce",
20081
+ "reflects": true
20298
20082
  },
20299
20083
  {
20084
+ "kind": "field",
20300
20085
  "name": "limit",
20301
20086
  "type": {
20302
20087
  "text": "number"
20303
20088
  },
20304
20089
  "default": "10",
20305
20090
  "description": "The number of suggestions to show",
20306
- "fieldName": "limit"
20091
+ "attribute": "limit",
20092
+ "reflects": true
20307
20093
  },
20308
20094
  {
20095
+ "kind": "field",
20309
20096
  "name": "minLength",
20310
20097
  "type": {
20311
20098
  "text": "number"
20312
20099
  },
20313
20100
  "default": "2",
20314
20101
  "description": "How many characters must be typed before show suggestions\n\n_Note:_ Not used when the source is a `Promise`",
20315
- "fieldName": "minLength"
20102
+ "attribute": "minLength",
20103
+ "reflects": true
20316
20104
  },
20317
20105
  {
20318
- "name": "open-on-focus",
20106
+ "kind": "field",
20107
+ "name": "openOnFocus",
20319
20108
  "type": {
20320
20109
  "text": "boolean"
20321
20110
  },
20322
20111
  "default": "false",
20323
20112
  "description": "Whether the menu will be show when the target get focus.\n\n_Note:_ The `minLength` will still be applied",
20324
- "fieldName": "openOnFocus"
20113
+ "attribute": "open-on-focus",
20114
+ "reflects": true
20325
20115
  },
20326
20116
  {
20117
+ "kind": "field",
20327
20118
  "name": "editable",
20328
20119
  "type": {
20329
20120
  "text": "boolean"
20330
20121
  },
20331
20122
  "default": "false",
20332
20123
  "description": "If `true`, model values will not be restricted only to items selected from the menu.",
20333
- "fieldName": "editable"
20124
+ "attribute": "editable",
20125
+ "reflects": true
20334
20126
  },
20335
20127
  {
20128
+ "kind": "field",
20336
20129
  "name": "autocomplete",
20337
20130
  "type": {
20338
20131
  "text": "'on' | 'off' | string"
20339
20132
  },
20340
20133
  "default": "'off'",
20341
20134
  "description": "The value for the `autocomplete` attribute for the target element.",
20342
- "fieldName": "autocomplete"
20135
+ "attribute": "autocomplete",
20136
+ "reflects": true
20343
20137
  },
20344
20138
  {
20139
+ "kind": "field",
20345
20140
  "name": "spellcheck",
20346
20141
  "type": {
20347
20142
  "text": "boolean"
20348
20143
  },
20349
20144
  "default": "false",
20350
20145
  "description": "The value for the `spellcheck` attribute for the target element.",
20351
- "fieldName": "spellcheck"
20146
+ "attribute": "spellcheck",
20147
+ "reflects": true
20352
20148
  },
20353
20149
  {
20354
- "name": "target-id",
20150
+ "kind": "field",
20151
+ "name": "form",
20355
20152
  "type": {
20356
- "text": "string | undefined"
20357
- },
20358
- "description": "The id of the target element to attach the typeahead.",
20359
- "fieldName": "targetId"
20360
- }
20361
- ],
20362
- "superclass": {
20363
- "name": "LitElement",
20364
- "package": "lit"
20365
- },
20366
- "tagName": "u-typeahead",
20367
- "customElement": true
20368
- }
20369
- ],
20370
- "exports": [
20371
- {
20372
- "kind": "js",
20373
- "name": "UmTypeahead",
20374
- "declaration": {
20375
- "name": "UmTypeahead",
20376
- "module": "src/typeahead/typeahead.ts"
20377
- }
20378
- },
20379
- {
20380
- "kind": "custom-element-definition",
20381
- "name": "u-typeahead",
20382
- "declaration": {
20383
- "name": "UmTypeahead",
20384
- "module": "src/typeahead/typeahead.ts"
20385
- }
20386
- }
20387
- ]
20388
- },
20389
- {
20390
- "kind": "javascript-module",
20391
- "path": "src/shared/char-count-text-field/native-text-field-wrapper.ts",
20392
- "declarations": [
20393
- {
20394
- "kind": "class",
20395
- "description": "",
20396
- "name": "UmNativeTextFieldWrapper",
20397
- "members": [
20153
+ "text": "HTMLFormElement | null"
20154
+ }
20155
+ },
20398
20156
  {
20399
20157
  "kind": "field",
20400
- "name": "_value",
20158
+ "name": "value",
20401
20159
  "type": {
20402
- "text": "string"
20160
+ "text": "any"
20403
20161
  },
20404
- "privacy": "protected",
20405
- "default": "''"
20162
+ "description": "Gets or sets the current value of the typeahead."
20406
20163
  },
20407
20164
  {
20408
- "kind": "field",
20409
- "name": "value",
20410
- "attribute": "value"
20165
+ "kind": "method",
20166
+ "name": "focus"
20167
+ },
20168
+ {
20169
+ "kind": "method",
20170
+ "name": "clear"
20411
20171
  },
20412
20172
  {
20413
20173
  "kind": "field",
20414
- "name": "autocomplete",
20174
+ "name": "targetId",
20415
20175
  "type": {
20416
- "text": "'on' | 'off' | string | undefined"
20176
+ "text": "string | undefined"
20417
20177
  },
20418
- "attribute": "autocomplete",
20178
+ "description": "The id of the target element to attach the typeahead.",
20179
+ "attribute": "target-id",
20419
20180
  "reflects": true
20420
20181
  },
20421
20182
  {
20422
20183
  "kind": "field",
20423
- "name": "#maxlength",
20424
- "privacy": "private",
20184
+ "name": "_menu",
20425
20185
  "type": {
20426
- "text": "number | undefined"
20186
+ "text": "UmMenu"
20427
20187
  }
20428
20188
  },
20429
20189
  {
20430
20190
  "kind": "field",
20431
- "name": "maxlength",
20191
+ "name": "menuItems",
20432
20192
  "type": {
20433
- "text": "number | undefined"
20434
- },
20435
- "attribute": "maxlength",
20436
- "reflects": true
20193
+ "text": "NodeListOf<UmMenuItem>"
20194
+ }
20437
20195
  },
20438
20196
  {
20439
20197
  "kind": "field",
20440
- "name": "role",
20198
+ "name": "_menuItems",
20441
20199
  "type": {
20442
- "text": "string | null"
20443
- },
20444
- "default": "null",
20445
- "attribute": "role",
20446
- "reflects": true
20200
+ "text": "UmMenuItem[]"
20201
+ }
20447
20202
  },
20448
20203
  {
20449
20204
  "kind": "method",
20450
- "name": "focus"
20205
+ "name": "#attach"
20451
20206
  },
20452
20207
  {
20453
- "kind": "field",
20454
- "name": "input",
20455
- "type": {
20456
- "text": "HTMLInputElement | HTMLTextAreaElement"
20457
- }
20208
+ "kind": "method",
20209
+ "name": "#detach"
20458
20210
  },
20459
20211
  {
20460
20212
  "kind": "method",
20461
- "name": "_handleInput",
20462
- "privacy": "protected"
20213
+ "name": "#handleItemMouseDown",
20214
+ "parameters": [
20215
+ {
20216
+ "name": "e",
20217
+ "type": {
20218
+ "text": "Event"
20219
+ }
20220
+ }
20221
+ ]
20463
20222
  },
20464
20223
  {
20465
20224
  "kind": "method",
20466
- "name": "#updateCounter"
20225
+ "name": "#handleClick",
20226
+ "parameters": [
20227
+ {
20228
+ "name": "e",
20229
+ "type": {
20230
+ "text": "Event"
20231
+ }
20232
+ }
20233
+ ]
20467
20234
  },
20468
20235
  {
20469
20236
  "kind": "field",
20470
- "name": "formAssociated",
20471
- "type": {
20472
- "text": "boolean"
20473
- },
20474
- "static": true,
20475
- "default": "true",
20476
- "inheritedFrom": {
20477
- "name": "UmTextFieldBase",
20478
- "module": "src/shared/text-field-base/text-field-base.ts"
20479
- }
20237
+ "name": "#handleFocus",
20238
+ "privacy": "private"
20480
20239
  },
20481
20240
  {
20482
20241
  "kind": "field",
20483
- "name": "shadowRootOptions",
20484
- "type": {
20485
- "text": "ShadowRootInit"
20486
- },
20487
- "static": true,
20488
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
20489
- "inheritedFrom": {
20490
- "name": "UmTextFieldBase",
20491
- "module": "src/shared/text-field-base/text-field-base.ts"
20492
- }
20242
+ "name": "#handleInput",
20243
+ "privacy": "private"
20493
20244
  },
20494
20245
  {
20495
- "kind": "field",
20496
- "name": "empty",
20497
- "type": {
20498
- "text": "boolean"
20499
- },
20500
- "default": "true",
20501
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
20502
- "attribute": "empty",
20503
- "reflects": true,
20504
- "inheritedFrom": {
20505
- "name": "UmFieldBase",
20506
- "module": "src/field/field-base.ts"
20507
- }
20246
+ "kind": "method",
20247
+ "name": "#getItemClickHandler",
20248
+ "parameters": [
20249
+ {
20250
+ "name": "data",
20251
+ "type": {
20252
+ "text": "Data"
20253
+ }
20254
+ }
20255
+ ]
20256
+ },
20257
+ {
20258
+ "kind": "method",
20259
+ "name": "#setValueAndDispatchEvents",
20260
+ "parameters": [
20261
+ {
20262
+ "name": "value",
20263
+ "type": {
20264
+ "text": "any"
20265
+ }
20266
+ },
20267
+ {
20268
+ "name": "direct",
20269
+ "default": "false"
20270
+ }
20271
+ ]
20508
20272
  },
20509
20273
  {
20510
- "kind": "field",
20511
- "name": "placeholder",
20512
- "type": {
20513
- "text": "string"
20514
- },
20515
- "default": "''",
20516
- "attribute": "placeholder",
20517
- "reflects": true,
20518
- "inheritedFrom": {
20519
- "name": "UmTextFieldBase",
20520
- "module": "src/shared/text-field-base/text-field-base.ts"
20521
- }
20274
+ "kind": "method",
20275
+ "name": "#updateResults",
20276
+ "parameters": [
20277
+ {
20278
+ "name": "lazy",
20279
+ "default": "false"
20280
+ }
20281
+ ]
20522
20282
  },
20523
20283
  {
20524
- "kind": "field",
20525
- "name": "form",
20526
- "type": {
20527
- "text": "HTMLFormElement | null"
20528
- },
20529
- "inheritedFrom": {
20530
- "name": "UmTextFieldBase",
20531
- "module": "src/shared/text-field-base/text-field-base.ts"
20284
+ "kind": "method",
20285
+ "name": "#getData",
20286
+ "return": {
20287
+ "type": {
20288
+ "text": "Promise<Data[]>"
20289
+ }
20532
20290
  }
20533
20291
  },
20534
20292
  {
20535
- "kind": "field",
20536
- "name": "elementInternals",
20537
- "type": {
20538
- "text": "ElementInternals"
20539
- },
20540
- "privacy": "protected",
20541
- "inheritedFrom": {
20542
- "name": "UmTextFieldBase",
20543
- "module": "src/shared/text-field-base/text-field-base.ts"
20544
- }
20293
+ "kind": "method",
20294
+ "name": "#setValueOnTarget"
20545
20295
  },
20546
20296
  {
20547
- "kind": "field",
20548
- "name": "config",
20549
- "type": {
20550
- "text": "UmFieldDefaults | undefined"
20551
- },
20297
+ "kind": "method",
20298
+ "name": "getTargetValue",
20552
20299
  "privacy": "private",
20553
- "inheritedFrom": {
20554
- "name": "UmFieldBase",
20555
- "module": "src/field/field-base.ts"
20300
+ "return": {
20301
+ "type": {
20302
+ "text": "string"
20303
+ }
20556
20304
  }
20557
20305
  },
20558
20306
  {
20559
- "kind": "field",
20560
- "name": "variant",
20561
- "type": {
20562
- "text": "'filled' | 'outlined' | undefined"
20307
+ "kind": "method",
20308
+ "name": "setTargetValue",
20309
+ "privacy": "private",
20310
+ "return": {
20311
+ "type": {
20312
+ "text": "void"
20313
+ }
20563
20314
  },
20564
- "default": "undefined",
20565
- "attribute": "variant",
20566
- "inheritedFrom": {
20567
- "name": "UmFieldBase",
20568
- "module": "src/field/field-base.ts"
20569
- }
20315
+ "parameters": [
20316
+ {
20317
+ "name": "value",
20318
+ "type": {
20319
+ "text": "string"
20320
+ }
20321
+ }
20322
+ ]
20570
20323
  },
20571
20324
  {
20572
- "kind": "field",
20573
- "name": "label",
20574
- "type": {
20575
- "text": "string | undefined"
20576
- },
20577
- "description": "The floating label for the field",
20578
- "attribute": "label",
20579
- "inheritedFrom": {
20580
- "name": "UmFieldBase",
20581
- "module": "src/field/field-base.ts"
20582
- }
20325
+ "kind": "method",
20326
+ "name": "getMenuAnchor",
20327
+ "privacy": "private"
20583
20328
  },
20584
20329
  {
20585
- "kind": "field",
20586
- "name": "_innerCounter",
20330
+ "kind": "method",
20331
+ "name": "getTextValue",
20332
+ "privacy": "private",
20333
+ "return": {
20334
+ "type": {
20335
+ "text": "string"
20336
+ }
20337
+ }
20338
+ }
20339
+ ],
20340
+ "events": [
20341
+ {
20342
+ "name": "input",
20587
20343
  "type": {
20588
- "text": "string | undefined"
20589
- },
20590
- "privacy": "protected",
20591
- "inheritedFrom": {
20592
- "name": "UmFieldBase",
20593
- "module": "src/field/field-base.ts"
20344
+ "text": "InputEvent"
20594
20345
  }
20595
20346
  },
20596
20347
  {
20597
- "kind": "field",
20598
- "name": "counter",
20348
+ "name": "change",
20599
20349
  "type": {
20600
- "text": "string | undefined"
20601
- },
20602
- "attribute": "counter",
20603
- "inheritedFrom": {
20604
- "name": "UmFieldBase",
20605
- "module": "src/field/field-base.ts"
20350
+ "text": "Event"
20606
20351
  }
20607
- },
20352
+ }
20353
+ ],
20354
+ "attributes": [
20608
20355
  {
20609
- "kind": "field",
20610
- "name": "hideCounter",
20356
+ "name": "debounce",
20611
20357
  "type": {
20612
- "text": "boolean"
20358
+ "text": "number"
20613
20359
  },
20614
- "default": "false",
20615
- "attribute": "hide-counter",
20616
- "inheritedFrom": {
20617
- "name": "UmFieldBase",
20618
- "module": "src/field/field-base.ts"
20619
- }
20360
+ "default": "300",
20361
+ "description": "The time in milliseconds before triggering an update in the results.",
20362
+ "fieldName": "debounce"
20620
20363
  },
20621
20364
  {
20622
- "kind": "field",
20623
- "name": "supportingText",
20365
+ "name": "limit",
20624
20366
  "type": {
20625
- "text": "string | undefined"
20367
+ "text": "number"
20626
20368
  },
20627
- "description": "Supporting text conveys additional information about the field, such as how it will be used",
20628
- "attribute": "supporting-text",
20629
- "inheritedFrom": {
20630
- "name": "UmFieldBase",
20631
- "module": "src/field/field-base.ts"
20632
- }
20369
+ "default": "10",
20370
+ "description": "The number of suggestions to show",
20371
+ "fieldName": "limit"
20633
20372
  },
20634
20373
  {
20635
- "kind": "field",
20636
- "name": "errorText",
20374
+ "name": "minLength",
20637
20375
  "type": {
20638
- "text": "string | undefined"
20376
+ "text": "number"
20639
20377
  },
20640
- "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
20641
- "attribute": "error-text",
20642
- "inheritedFrom": {
20643
- "name": "UmFieldBase",
20644
- "module": "src/field/field-base.ts"
20645
- }
20378
+ "default": "2",
20379
+ "description": "How many characters must be typed before show suggestions\n\n_Note:_ Not used when the source is a `Promise`",
20380
+ "fieldName": "minLength"
20646
20381
  },
20647
20382
  {
20648
- "kind": "field",
20649
- "name": "disabled",
20383
+ "name": "open-on-focus",
20650
20384
  "type": {
20651
20385
  "text": "boolean"
20652
20386
  },
20653
20387
  "default": "false",
20654
- "attribute": "disabled",
20655
- "reflects": true,
20656
- "inheritedFrom": {
20657
- "name": "UmFieldBase",
20658
- "module": "src/field/field-base.ts"
20659
- }
20388
+ "description": "Whether the menu will be show when the target get focus.\n\n_Note:_ The `minLength` will still be applied",
20389
+ "fieldName": "openOnFocus"
20660
20390
  },
20661
20391
  {
20662
- "kind": "field",
20663
- "name": "invalid",
20392
+ "name": "editable",
20664
20393
  "type": {
20665
20394
  "text": "boolean"
20666
20395
  },
20667
20396
  "default": "false",
20668
- "description": "Get or sets where or not the field is in a visually invalid state.",
20669
- "attribute": "invalid",
20670
- "reflects": true,
20671
- "inheritedFrom": {
20672
- "name": "UmFieldBase",
20673
- "module": "src/field/field-base.ts"
20674
- }
20675
- },
20676
- {
20677
- "kind": "method",
20678
- "name": "setDefaults",
20679
- "static": true,
20680
- "return": {
20681
- "type": {
20682
- "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
20683
- }
20684
- },
20685
- "parameters": [
20686
- {
20687
- "name": "contextRoot",
20688
- "type": {
20689
- "text": "HTMLElement"
20690
- }
20691
- },
20692
- {
20693
- "name": "config",
20694
- "type": {
20695
- "text": "UmFieldDefaults"
20696
- }
20697
- }
20698
- ],
20699
- "inheritedFrom": {
20700
- "name": "UmFieldBase",
20701
- "module": "src/field/field-base.ts"
20702
- }
20397
+ "description": "If `true`, model values will not be restricted only to items selected from the menu.",
20398
+ "fieldName": "editable"
20703
20399
  },
20704
20400
  {
20705
- "kind": "field",
20706
- "name": "hasLeadingIcon",
20401
+ "name": "autocomplete",
20707
20402
  "type": {
20708
- "text": "boolean"
20403
+ "text": "'on' | 'off' | string"
20709
20404
  },
20710
- "default": "false",
20711
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
20712
- "attribute": "has-leading-icon",
20713
- "reflects": true,
20714
- "inheritedFrom": {
20715
- "name": "UmFieldBase",
20716
- "module": "src/field/field-base.ts"
20717
- }
20405
+ "default": "'off'",
20406
+ "description": "The value for the `autocomplete` attribute for the target element.",
20407
+ "fieldName": "autocomplete"
20718
20408
  },
20719
- {
20720
- "kind": "field",
20721
- "name": "hasTrailingIcon",
20409
+ {
20410
+ "name": "spellcheck",
20722
20411
  "type": {
20723
20412
  "text": "boolean"
20724
20413
  },
20725
20414
  "default": "false",
20726
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
20727
- "attribute": "has-trailing-icon",
20728
- "reflects": true,
20729
- "inheritedFrom": {
20730
- "name": "UmFieldBase",
20731
- "module": "src/field/field-base.ts"
20732
- }
20415
+ "description": "The value for the `spellcheck` attribute for the target element.",
20416
+ "fieldName": "spellcheck"
20733
20417
  },
20734
20418
  {
20735
- "kind": "field",
20736
- "name": "hasErrorText",
20419
+ "name": "target-id",
20737
20420
  "type": {
20738
- "text": "boolean"
20421
+ "text": "string | undefined"
20739
20422
  },
20740
- "default": "false",
20741
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
20742
- "attribute": "has-error-text",
20743
- "reflects": true,
20744
- "inheritedFrom": {
20745
- "name": "UmFieldBase",
20746
- "module": "src/field/field-base.ts"
20747
- }
20748
- },
20423
+ "description": "The id of the target element to attach the typeahead.",
20424
+ "fieldName": "targetId"
20425
+ }
20426
+ ],
20427
+ "superclass": {
20428
+ "name": "LitElement",
20429
+ "package": "lit"
20430
+ },
20431
+ "tagName": "u-typeahead",
20432
+ "customElement": true
20433
+ }
20434
+ ],
20435
+ "exports": [
20436
+ {
20437
+ "kind": "js",
20438
+ "name": "UmTypeahead",
20439
+ "declaration": {
20440
+ "name": "UmTypeahead",
20441
+ "module": "src/typeahead/typeahead.ts"
20442
+ }
20443
+ },
20444
+ {
20445
+ "kind": "custom-element-definition",
20446
+ "name": "u-typeahead",
20447
+ "declaration": {
20448
+ "name": "UmTypeahead",
20449
+ "module": "src/typeahead/typeahead.ts"
20450
+ }
20451
+ }
20452
+ ]
20453
+ },
20454
+ {
20455
+ "kind": "javascript-module",
20456
+ "path": "src/shared/char-count-text-field/native-text-field-wrapper.ts",
20457
+ "declarations": [
20458
+ {
20459
+ "kind": "class",
20460
+ "description": "",
20461
+ "name": "UmNativeTextFieldWrapper",
20462
+ "members": [
20749
20463
  {
20750
20464
  "kind": "field",
20751
- "name": "assignedLeadingIcons",
20465
+ "name": "_value",
20752
20466
  "type": {
20753
- "text": "HTMLElement[]"
20467
+ "text": "string"
20754
20468
  },
20755
- "privacy": "private",
20756
- "inheritedFrom": {
20757
- "name": "UmFieldBase",
20758
- "module": "src/field/field-base.ts"
20759
- }
20469
+ "privacy": "protected",
20470
+ "default": "''"
20760
20471
  },
20761
20472
  {
20762
20473
  "kind": "field",
20763
- "name": "assignedTrailingIcons",
20764
- "type": {
20765
- "text": "HTMLElement[]"
20766
- },
20767
- "privacy": "private",
20768
- "inheritedFrom": {
20769
- "name": "UmFieldBase",
20770
- "module": "src/field/field-base.ts"
20771
- }
20474
+ "name": "value",
20475
+ "attribute": "value"
20772
20476
  },
20773
20477
  {
20774
20478
  "kind": "field",
20775
- "name": "assignedErrorTexts",
20479
+ "name": "autocomplete",
20776
20480
  "type": {
20777
- "text": "HTMLElement[]"
20481
+ "text": "'on' | 'off' | string | undefined"
20778
20482
  },
20483
+ "attribute": "autocomplete",
20484
+ "reflects": true
20485
+ },
20486
+ {
20487
+ "kind": "field",
20488
+ "name": "#maxlength",
20779
20489
  "privacy": "private",
20780
- "inheritedFrom": {
20781
- "name": "UmFieldBase",
20782
- "module": "src/field/field-base.ts"
20490
+ "type": {
20491
+ "text": "number | undefined"
20783
20492
  }
20784
20493
  },
20785
20494
  {
20786
20495
  "kind": "field",
20787
- "name": "_labelElement",
20496
+ "name": "maxlength",
20788
20497
  "type": {
20789
- "text": "HTMLElement"
20498
+ "text": "number | undefined"
20790
20499
  },
20791
- "privacy": "private",
20792
- "inheritedFrom": {
20793
- "name": "UmFieldBase",
20794
- "module": "src/field/field-base.ts"
20795
- }
20500
+ "attribute": "maxlength",
20501
+ "reflects": true
20796
20502
  },
20797
20503
  {
20798
20504
  "kind": "field",
20799
- "name": "_container",
20505
+ "name": "role",
20800
20506
  "type": {
20801
- "text": "HTMLElement"
20507
+ "text": "string | null"
20802
20508
  },
20803
- "privacy": "protected",
20804
- "inheritedFrom": {
20805
- "name": "UmFieldBase",
20806
- "module": "src/field/field-base.ts"
20807
- }
20509
+ "default": "null",
20510
+ "attribute": "role",
20511
+ "reflects": true
20808
20512
  },
20809
20513
  {
20810
20514
  "kind": "method",
20811
- "name": "renderControl",
20812
- "privacy": "protected",
20813
- "return": {
20814
- "type": {
20815
- "text": "TemplateResult"
20816
- }
20817
- },
20818
- "inheritedFrom": {
20819
- "name": "UmFieldBase",
20820
- "module": "src/field/field-base.ts"
20821
- }
20515
+ "name": "focus"
20822
20516
  },
20823
20517
  {
20824
- "kind": "method",
20825
- "name": "renderAfterContent",
20826
- "privacy": "protected",
20827
- "return": {
20828
- "type": {
20829
- "text": "TemplateResult"
20830
- }
20831
- },
20832
- "inheritedFrom": {
20833
- "name": "UmFieldBase",
20834
- "module": "src/field/field-base.ts"
20518
+ "kind": "field",
20519
+ "name": "input",
20520
+ "type": {
20521
+ "text": "HTMLInputElement | HTMLTextAreaElement"
20835
20522
  }
20836
20523
  },
20837
20524
  {
20838
20525
  "kind": "method",
20839
- "name": "handleLeadingIconSlotChange",
20840
- "privacy": "private",
20841
- "inheritedFrom": {
20842
- "name": "UmFieldBase",
20843
- "module": "src/field/field-base.ts"
20844
- }
20526
+ "name": "_handleInput",
20527
+ "privacy": "protected"
20845
20528
  },
20846
20529
  {
20847
20530
  "kind": "method",
20848
- "name": "handleTrailingIconSlotChange",
20849
- "privacy": "private",
20531
+ "name": "#updateCounter"
20532
+ },
20533
+ {
20534
+ "kind": "field",
20535
+ "name": "formAssociated",
20536
+ "type": {
20537
+ "text": "boolean"
20538
+ },
20539
+ "static": true,
20540
+ "default": "true",
20850
20541
  "inheritedFrom": {
20851
- "name": "UmFieldBase",
20852
- "module": "src/field/field-base.ts"
20542
+ "name": "UmTextFieldBase",
20543
+ "module": "src/shared/text-field-base/text-field-base.ts"
20853
20544
  }
20854
20545
  },
20855
20546
  {
20856
- "kind": "method",
20857
- "name": "handleErrorTextSlotChange",
20858
- "privacy": "private",
20547
+ "kind": "field",
20548
+ "name": "shadowRootOptions",
20549
+ "type": {
20550
+ "text": "ShadowRootInit"
20551
+ },
20552
+ "static": true,
20553
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
20859
20554
  "inheritedFrom": {
20860
- "name": "UmFieldBase",
20861
- "module": "src/field/field-base.ts"
20555
+ "name": "UmTextFieldBase",
20556
+ "module": "src/shared/text-field-base/text-field-base.ts"
20862
20557
  }
20863
20558
  },
20864
20559
  {
20865
- "kind": "method",
20866
- "name": "renderDefaultTrailingIcon",
20867
- "privacy": "protected",
20868
- "return": {
20869
- "type": {
20870
- "text": "TemplateResult | typeof nothing"
20871
- }
20560
+ "kind": "field",
20561
+ "name": "empty",
20562
+ "type": {
20563
+ "text": "boolean"
20872
20564
  },
20565
+ "default": "true",
20566
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
20567
+ "attribute": "empty",
20568
+ "reflects": true,
20873
20569
  "inheritedFrom": {
20874
20570
  "name": "UmFieldBase",
20875
20571
  "module": "src/field/field-base.ts"
20876
20572
  }
20877
- }
20878
- ],
20879
- "attributes": [
20880
- {
20881
- "name": "value",
20882
- "fieldName": "value"
20883
20573
  },
20884
20574
  {
20885
- "name": "autocomplete",
20575
+ "kind": "field",
20576
+ "name": "placeholder",
20886
20577
  "type": {
20887
- "text": "'on' | 'off' | string | undefined"
20578
+ "text": "string"
20888
20579
  },
20889
- "fieldName": "autocomplete"
20580
+ "default": "''",
20581
+ "attribute": "placeholder",
20582
+ "reflects": true,
20583
+ "inheritedFrom": {
20584
+ "name": "UmTextFieldBase",
20585
+ "module": "src/shared/text-field-base/text-field-base.ts"
20586
+ }
20890
20587
  },
20891
20588
  {
20892
- "name": "maxlength",
20589
+ "kind": "field",
20590
+ "name": "form",
20893
20591
  "type": {
20894
- "text": "number | undefined"
20592
+ "text": "HTMLFormElement | null"
20895
20593
  },
20896
- "fieldName": "maxlength"
20594
+ "inheritedFrom": {
20595
+ "name": "UmTextFieldBase",
20596
+ "module": "src/shared/text-field-base/text-field-base.ts"
20597
+ }
20897
20598
  },
20898
20599
  {
20899
- "name": "role",
20600
+ "kind": "field",
20601
+ "name": "elementInternals",
20900
20602
  "type": {
20901
- "text": "string | null"
20603
+ "text": "ElementInternals"
20902
20604
  },
20903
- "default": "null",
20904
- "fieldName": "role"
20605
+ "privacy": "protected",
20606
+ "inheritedFrom": {
20607
+ "name": "UmTextFieldBase",
20608
+ "module": "src/shared/text-field-base/text-field-base.ts"
20609
+ }
20905
20610
  },
20906
20611
  {
20907
- "name": "placeholder",
20612
+ "kind": "field",
20613
+ "name": "config",
20908
20614
  "type": {
20909
- "text": "string"
20615
+ "text": "UmFieldDefaults | undefined"
20910
20616
  },
20911
- "default": "''",
20912
- "fieldName": "placeholder",
20617
+ "privacy": "private",
20913
20618
  "inheritedFrom": {
20914
- "name": "UmTextFieldBase",
20915
- "module": "src/shared/text-field-base/text-field-base.ts"
20619
+ "name": "UmFieldBase",
20620
+ "module": "src/field/field-base.ts"
20916
20621
  }
20917
20622
  },
20918
20623
  {
20624
+ "kind": "field",
20919
20625
  "name": "variant",
20920
20626
  "type": {
20921
20627
  "text": "'filled' | 'outlined' | undefined"
20922
20628
  },
20923
20629
  "default": "undefined",
20924
- "resolveInitializer": {
20925
- "module": "src/field/field-base.ts"
20926
- },
20927
- "fieldName": "variant",
20630
+ "attribute": "variant",
20928
20631
  "inheritedFrom": {
20929
20632
  "name": "UmFieldBase",
20930
20633
  "module": "src/field/field-base.ts"
20931
20634
  }
20932
20635
  },
20933
20636
  {
20637
+ "kind": "field",
20934
20638
  "name": "label",
20935
20639
  "type": {
20936
20640
  "text": "string | undefined"
20937
20641
  },
20938
20642
  "description": "The floating label for the field",
20939
- "fieldName": "label",
20643
+ "attribute": "label",
20940
20644
  "inheritedFrom": {
20941
20645
  "name": "UmFieldBase",
20942
20646
  "module": "src/field/field-base.ts"
20943
20647
  }
20944
20648
  },
20945
20649
  {
20946
- "name": "counter",
20650
+ "kind": "field",
20651
+ "name": "_innerCounter",
20947
20652
  "type": {
20948
20653
  "text": "string | undefined"
20949
20654
  },
20950
- "fieldName": "counter",
20655
+ "privacy": "protected",
20951
20656
  "inheritedFrom": {
20952
20657
  "name": "UmFieldBase",
20953
20658
  "module": "src/field/field-base.ts"
20954
20659
  }
20955
20660
  },
20956
20661
  {
20957
- "name": "hide-counter",
20662
+ "kind": "field",
20663
+ "name": "counter",
20958
20664
  "type": {
20959
- "text": "boolean"
20665
+ "text": "string | undefined"
20960
20666
  },
20961
- "default": "false",
20962
- "fieldName": "hideCounter",
20667
+ "attribute": "counter",
20963
20668
  "inheritedFrom": {
20964
20669
  "name": "UmFieldBase",
20965
20670
  "module": "src/field/field-base.ts"
20966
20671
  }
20967
20672
  },
20968
20673
  {
20969
- "name": "supporting-text",
20674
+ "kind": "field",
20675
+ "name": "hideCounter",
20970
20676
  "type": {
20971
- "text": "string | undefined"
20677
+ "text": "boolean"
20972
20678
  },
20973
- "description": "Supporting text conveys additional information about the field, such as how it will be used",
20974
- "fieldName": "supportingText",
20679
+ "default": "false",
20680
+ "attribute": "hide-counter",
20975
20681
  "inheritedFrom": {
20976
20682
  "name": "UmFieldBase",
20977
20683
  "module": "src/field/field-base.ts"
20978
20684
  }
20979
20685
  },
20980
20686
  {
20981
- "name": "error-text",
20687
+ "kind": "field",
20688
+ "name": "supportingText",
20982
20689
  "type": {
20983
20690
  "text": "string | undefined"
20984
20691
  },
20985
- "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
20986
- "fieldName": "errorText",
20692
+ "description": "Supporting text conveys additional information about the field, such as how it will be used",
20693
+ "attribute": "supporting-text",
20987
20694
  "inheritedFrom": {
20988
20695
  "name": "UmFieldBase",
20989
20696
  "module": "src/field/field-base.ts"
20990
20697
  }
20991
20698
  },
20992
20699
  {
20993
- "name": "empty",
20700
+ "kind": "field",
20701
+ "name": "errorText",
20994
20702
  "type": {
20995
- "text": "boolean"
20703
+ "text": "string | undefined"
20996
20704
  },
20997
- "default": "false",
20998
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
20999
- "fieldName": "empty",
20705
+ "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
20706
+ "attribute": "error-text",
21000
20707
  "inheritedFrom": {
21001
20708
  "name": "UmFieldBase",
21002
20709
  "module": "src/field/field-base.ts"
21003
20710
  }
21004
20711
  },
21005
20712
  {
20713
+ "kind": "field",
21006
20714
  "name": "disabled",
21007
20715
  "type": {
21008
20716
  "text": "boolean"
21009
20717
  },
21010
20718
  "default": "false",
21011
- "fieldName": "disabled",
20719
+ "attribute": "disabled",
20720
+ "reflects": true,
21012
20721
  "inheritedFrom": {
21013
20722
  "name": "UmFieldBase",
21014
20723
  "module": "src/field/field-base.ts"
21015
20724
  }
21016
20725
  },
21017
20726
  {
20727
+ "kind": "field",
21018
20728
  "name": "invalid",
21019
20729
  "type": {
21020
20730
  "text": "boolean"
21021
20731
  },
21022
20732
  "default": "false",
21023
20733
  "description": "Get or sets where or not the field is in a visually invalid state.",
21024
- "fieldName": "invalid",
20734
+ "attribute": "invalid",
20735
+ "reflects": true,
21025
20736
  "inheritedFrom": {
21026
20737
  "name": "UmFieldBase",
21027
20738
  "module": "src/field/field-base.ts"
21028
20739
  }
21029
20740
  },
21030
20741
  {
21031
- "name": "has-leading-icon",
21032
- "type": {
21033
- "text": "boolean"
20742
+ "kind": "method",
20743
+ "name": "setDefaults",
20744
+ "static": true,
20745
+ "return": {
20746
+ "type": {
20747
+ "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
20748
+ }
21034
20749
  },
21035
- "default": "false",
21036
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
21037
- "fieldName": "hasLeadingIcon",
20750
+ "parameters": [
20751
+ {
20752
+ "name": "contextRoot",
20753
+ "type": {
20754
+ "text": "HTMLElement"
20755
+ }
20756
+ },
20757
+ {
20758
+ "name": "config",
20759
+ "type": {
20760
+ "text": "UmFieldDefaults"
20761
+ }
20762
+ }
20763
+ ],
21038
20764
  "inheritedFrom": {
21039
20765
  "name": "UmFieldBase",
21040
20766
  "module": "src/field/field-base.ts"
21041
20767
  }
21042
20768
  },
21043
20769
  {
21044
- "name": "has-trailing-icon",
20770
+ "kind": "field",
20771
+ "name": "hasLeadingIcon",
21045
20772
  "type": {
21046
20773
  "text": "boolean"
21047
20774
  },
21048
20775
  "default": "false",
21049
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
21050
- "fieldName": "hasTrailingIcon",
20776
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
20777
+ "attribute": "has-leading-icon",
20778
+ "reflects": true,
21051
20779
  "inheritedFrom": {
21052
20780
  "name": "UmFieldBase",
21053
20781
  "module": "src/field/field-base.ts"
21054
20782
  }
21055
20783
  },
21056
20784
  {
21057
- "name": "has-error-text",
20785
+ "kind": "field",
20786
+ "name": "hasTrailingIcon",
21058
20787
  "type": {
21059
20788
  "text": "boolean"
21060
20789
  },
21061
20790
  "default": "false",
21062
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
21063
- "fieldName": "hasErrorText",
20791
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
20792
+ "attribute": "has-trailing-icon",
20793
+ "reflects": true,
21064
20794
  "inheritedFrom": {
21065
20795
  "name": "UmFieldBase",
21066
- "module": "src/field/field-base.ts"
21067
- }
21068
- }
21069
- ],
21070
- "superclass": {
21071
- "name": "UmTextFieldBase",
21072
- "module": "/src/shared/text-field-base/text-field-base.js"
21073
- }
21074
- }
21075
- ],
21076
- "exports": [
21077
- {
21078
- "kind": "js",
21079
- "name": "UmNativeTextFieldWrapper",
21080
- "declaration": {
21081
- "name": "UmNativeTextFieldWrapper",
21082
- "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
21083
- }
21084
- }
21085
- ]
21086
- },
21087
- {
21088
- "kind": "javascript-module",
21089
- "path": "src/shared/selection-control/checkbox-base.ts",
21090
- "declarations": [],
21091
- "exports": []
21092
- },
21093
- {
21094
- "kind": "javascript-module",
21095
- "path": "src/shared/selection-control/selection-control-list-item.ts",
21096
- "declarations": [
21097
- {
21098
- "kind": "mixin",
21099
- "description": "",
21100
- "name": "mixinSelectionControlListItem",
21101
- "members": [
21102
- {
21103
- "kind": "field",
21104
- "name": "styles",
21105
- "type": {
21106
- "text": "array"
21107
- },
21108
- "static": true,
21109
- "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ]"
21110
- },
21111
- {
21112
- "kind": "field",
21113
- "name": "leading",
21114
- "type": {
21115
- "text": "boolean"
21116
- },
21117
- "default": "false",
21118
- "attribute": "leading"
21119
- },
21120
- {
21121
- "kind": "field",
21122
- "name": "inputDescribedById",
21123
- "type": {
21124
- "text": "string"
21125
- },
21126
- "privacy": "protected",
21127
- "default": "'description'"
21128
- },
21129
- {
21130
- "kind": "field",
21131
- "name": "inputLabelledById",
21132
- "type": {
21133
- "text": "string"
21134
- },
21135
- "privacy": "protected",
21136
- "default": "'label'"
21137
- },
21138
- {
21139
- "kind": "method",
21140
- "name": "render",
21141
- "return": {
21142
- "type": {
21143
- "text": "HTMLTemplateResult"
21144
- }
21145
- }
21146
- }
21147
- ],
21148
- "attributes": [
21149
- {
21150
- "name": "leading",
21151
- "type": {
21152
- "text": "boolean"
21153
- },
21154
- "default": "false",
21155
- "fieldName": "leading"
21156
- }
21157
- ],
21158
- "parameters": [
21159
- {
21160
- "name": "base",
21161
- "type": {
21162
- "text": "T"
21163
- }
21164
- }
21165
- ]
21166
- }
21167
- ],
21168
- "exports": [
21169
- {
21170
- "kind": "js",
21171
- "name": "mixinSelectionControlListItem",
21172
- "declaration": {
21173
- "name": "mixinSelectionControlListItem",
21174
- "module": "src/shared/selection-control/selection-control-list-item.ts"
21175
- }
21176
- }
21177
- ]
21178
- },
21179
- {
21180
- "kind": "javascript-module",
21181
- "path": "src/shared/selection-control/selection-control.styles.ts",
21182
- "declarations": [
21183
- {
21184
- "kind": "variable",
21185
- "name": "styles",
21186
- "default": "css `\n :host {\n --_state-layer-padding: var(--u--state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u--indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u--indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u--disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u--indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n`"
21187
- }
21188
- ],
21189
- "exports": [
21190
- {
21191
- "kind": "js",
21192
- "name": "styles",
21193
- "declaration": {
21194
- "name": "styles",
21195
- "module": "src/shared/selection-control/selection-control.styles.ts"
21196
- }
21197
- }
21198
- ]
21199
- },
21200
- {
21201
- "kind": "javascript-module",
21202
- "path": "src/shared/selection-control/selection-control.ts",
21203
- "declarations": [
21204
- {
21205
- "kind": "function",
21206
- "name": "isActivationClick",
21207
- "parameters": [
21208
- {
21209
- "name": "event",
21210
- "type": {
21211
- "text": "Event"
21212
- }
21213
- }
21214
- ]
21215
- },
21216
- {
21217
- "kind": "class",
21218
- "description": "",
21219
- "name": "UmSelectionControl",
21220
- "members": [
20796
+ "module": "src/field/field-base.ts"
20797
+ }
20798
+ },
21221
20799
  {
21222
20800
  "kind": "field",
21223
- "name": "formAssociated",
20801
+ "name": "hasErrorText",
21224
20802
  "type": {
21225
20803
  "text": "boolean"
21226
20804
  },
21227
- "static": true,
21228
- "default": "true"
20805
+ "default": "false",
20806
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
20807
+ "attribute": "has-error-text",
20808
+ "reflects": true,
20809
+ "inheritedFrom": {
20810
+ "name": "UmFieldBase",
20811
+ "module": "src/field/field-base.ts"
20812
+ }
21229
20813
  },
21230
20814
  {
21231
20815
  "kind": "field",
21232
- "name": "shadowRootOptions",
20816
+ "name": "assignedLeadingIcons",
21233
20817
  "type": {
21234
- "text": "ShadowRootInit"
20818
+ "text": "HTMLElement[]"
21235
20819
  },
21236
- "static": true,
21237
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }"
20820
+ "privacy": "private",
20821
+ "inheritedFrom": {
20822
+ "name": "UmFieldBase",
20823
+ "module": "src/field/field-base.ts"
20824
+ }
21238
20825
  },
21239
20826
  {
21240
20827
  "kind": "field",
21241
- "name": "elementInternals",
20828
+ "name": "assignedTrailingIcons",
21242
20829
  "type": {
21243
- "text": "ElementInternals"
20830
+ "text": "HTMLElement[]"
21244
20831
  },
21245
- "privacy": "protected"
20832
+ "privacy": "private",
20833
+ "inheritedFrom": {
20834
+ "name": "UmFieldBase",
20835
+ "module": "src/field/field-base.ts"
20836
+ }
21246
20837
  },
21247
20838
  {
21248
20839
  "kind": "field",
21249
- "name": "name",
20840
+ "name": "assignedErrorTexts",
21250
20841
  "type": {
21251
- "text": "string | undefined"
20842
+ "text": "HTMLElement[]"
21252
20843
  },
21253
- "default": "''",
21254
- "attribute": "name",
21255
- "reflects": true
20844
+ "privacy": "private",
20845
+ "inheritedFrom": {
20846
+ "name": "UmFieldBase",
20847
+ "module": "src/field/field-base.ts"
20848
+ }
21256
20849
  },
21257
20850
  {
21258
20851
  "kind": "field",
21259
- "name": "disabled",
20852
+ "name": "_labelElement",
21260
20853
  "type": {
21261
- "text": "boolean"
20854
+ "text": "HTMLElement"
21262
20855
  },
21263
- "default": "false",
21264
- "attribute": "disabled",
21265
- "reflects": true
20856
+ "privacy": "private",
20857
+ "inheritedFrom": {
20858
+ "name": "UmFieldBase",
20859
+ "module": "src/field/field-base.ts"
20860
+ }
21266
20861
  },
21267
20862
  {
21268
20863
  "kind": "field",
21269
- "name": "input",
20864
+ "name": "_container",
21270
20865
  "type": {
21271
- "text": "HTMLInputElement"
20866
+ "text": "HTMLElement"
20867
+ },
20868
+ "privacy": "protected",
20869
+ "inheritedFrom": {
20870
+ "name": "UmFieldBase",
20871
+ "module": "src/field/field-base.ts"
21272
20872
  }
21273
20873
  },
21274
20874
  {
21275
- "kind": "field",
21276
- "name": "form",
21277
- "type": {
21278
- "text": "HTMLFormElement | null"
20875
+ "kind": "method",
20876
+ "name": "renderControl",
20877
+ "privacy": "protected",
20878
+ "return": {
20879
+ "type": {
20880
+ "text": "TemplateResult"
20881
+ }
20882
+ },
20883
+ "inheritedFrom": {
20884
+ "name": "UmFieldBase",
20885
+ "module": "src/field/field-base.ts"
21279
20886
  }
21280
20887
  },
21281
20888
  {
21282
20889
  "kind": "method",
21283
- "name": "focus",
21284
- "parameters": [
21285
- {
21286
- "name": "options",
21287
- "optional": true,
21288
- "type": {
21289
- "text": "FocusOptions"
21290
- }
20890
+ "name": "renderAfterContent",
20891
+ "privacy": "protected",
20892
+ "return": {
20893
+ "type": {
20894
+ "text": "TemplateResult"
21291
20895
  }
21292
- ]
20896
+ },
20897
+ "inheritedFrom": {
20898
+ "name": "UmFieldBase",
20899
+ "module": "src/field/field-base.ts"
20900
+ }
21293
20901
  },
21294
20902
  {
21295
- "kind": "field",
21296
- "name": "#checked",
20903
+ "kind": "method",
20904
+ "name": "handleLeadingIconSlotChange",
20905
+ "privacy": "private",
20906
+ "inheritedFrom": {
20907
+ "name": "UmFieldBase",
20908
+ "module": "src/field/field-base.ts"
20909
+ }
20910
+ },
20911
+ {
20912
+ "kind": "method",
20913
+ "name": "handleTrailingIconSlotChange",
20914
+ "privacy": "private",
20915
+ "inheritedFrom": {
20916
+ "name": "UmFieldBase",
20917
+ "module": "src/field/field-base.ts"
20918
+ }
20919
+ },
20920
+ {
20921
+ "kind": "method",
20922
+ "name": "handleErrorTextSlotChange",
21297
20923
  "privacy": "private",
20924
+ "inheritedFrom": {
20925
+ "name": "UmFieldBase",
20926
+ "module": "src/field/field-base.ts"
20927
+ }
20928
+ },
20929
+ {
20930
+ "kind": "method",
20931
+ "name": "renderDefaultTrailingIcon",
20932
+ "privacy": "protected",
20933
+ "return": {
20934
+ "type": {
20935
+ "text": "TemplateResult | typeof nothing"
20936
+ }
20937
+ },
20938
+ "inheritedFrom": {
20939
+ "name": "UmFieldBase",
20940
+ "module": "src/field/field-base.ts"
20941
+ }
20942
+ }
20943
+ ],
20944
+ "attributes": [
20945
+ {
20946
+ "name": "value",
20947
+ "fieldName": "value"
20948
+ },
20949
+ {
20950
+ "name": "autocomplete",
21298
20951
  "type": {
21299
- "text": "boolean"
20952
+ "text": "'on' | 'off' | string | undefined"
21300
20953
  },
21301
- "default": "false"
20954
+ "fieldName": "autocomplete"
21302
20955
  },
21303
20956
  {
21304
- "kind": "field",
21305
- "name": "inputType",
20957
+ "name": "maxlength",
21306
20958
  "type": {
21307
- "text": "'checkbox' | 'radio'"
20959
+ "text": "number | undefined"
21308
20960
  },
21309
- "privacy": "protected",
21310
- "default": "'checkbox'"
20961
+ "fieldName": "maxlength"
21311
20962
  },
21312
20963
  {
21313
- "kind": "field",
21314
- "name": "renderRipple",
20964
+ "name": "role",
21315
20965
  "type": {
21316
- "text": "boolean"
20966
+ "text": "string | null"
21317
20967
  },
21318
- "privacy": "protected",
21319
- "default": "true"
20968
+ "default": "null",
20969
+ "fieldName": "role"
21320
20970
  },
21321
20971
  {
21322
- "kind": "field",
21323
- "name": "inputDescribedById",
20972
+ "name": "placeholder",
20973
+ "type": {
20974
+ "text": "string"
20975
+ },
20976
+ "default": "''",
20977
+ "fieldName": "placeholder",
20978
+ "inheritedFrom": {
20979
+ "name": "UmTextFieldBase",
20980
+ "module": "src/shared/text-field-base/text-field-base.ts"
20981
+ }
20982
+ },
20983
+ {
20984
+ "name": "variant",
20985
+ "type": {
20986
+ "text": "'filled' | 'outlined' | undefined"
20987
+ },
20988
+ "default": "undefined",
20989
+ "resolveInitializer": {
20990
+ "module": "src/field/field-base.ts"
20991
+ },
20992
+ "fieldName": "variant",
20993
+ "inheritedFrom": {
20994
+ "name": "UmFieldBase",
20995
+ "module": "src/field/field-base.ts"
20996
+ }
20997
+ },
20998
+ {
20999
+ "name": "label",
21324
21000
  "type": {
21325
21001
  "text": "string | undefined"
21326
21002
  },
21327
- "privacy": "protected",
21328
- "default": "undefined"
21003
+ "description": "The floating label for the field",
21004
+ "fieldName": "label",
21005
+ "inheritedFrom": {
21006
+ "name": "UmFieldBase",
21007
+ "module": "src/field/field-base.ts"
21008
+ }
21329
21009
  },
21330
21010
  {
21331
- "kind": "field",
21332
- "name": "inputLabelledById",
21011
+ "name": "counter",
21333
21012
  "type": {
21334
21013
  "text": "string | undefined"
21335
21014
  },
21336
- "privacy": "protected",
21337
- "default": "undefined"
21015
+ "fieldName": "counter",
21016
+ "inheritedFrom": {
21017
+ "name": "UmFieldBase",
21018
+ "module": "src/field/field-base.ts"
21019
+ }
21338
21020
  },
21339
21021
  {
21340
- "kind": "method",
21341
- "name": "renderIndicator",
21342
- "privacy": "protected",
21343
- "return": {
21344
- "type": {
21345
- "text": "HTMLTemplateResult"
21346
- }
21022
+ "name": "hide-counter",
21023
+ "type": {
21024
+ "text": "boolean"
21025
+ },
21026
+ "default": "false",
21027
+ "fieldName": "hideCounter",
21028
+ "inheritedFrom": {
21029
+ "name": "UmFieldBase",
21030
+ "module": "src/field/field-base.ts"
21347
21031
  }
21348
21032
  },
21349
21033
  {
21350
- "kind": "field",
21351
- "name": "value",
21034
+ "name": "supporting-text",
21352
21035
  "type": {
21353
- "text": "string"
21036
+ "text": "string | undefined"
21354
21037
  },
21355
- "default": "'on'",
21356
- "description": "The element value to use in form submission when checked.",
21357
- "attribute": "value"
21038
+ "description": "Supporting text conveys additional information about the field, such as how it will be used",
21039
+ "fieldName": "supportingText",
21040
+ "inheritedFrom": {
21041
+ "name": "UmFieldBase",
21042
+ "module": "src/field/field-base.ts"
21043
+ }
21358
21044
  },
21359
21045
  {
21360
- "kind": "field",
21361
- "name": "checked",
21362
- "attribute": "checked"
21046
+ "name": "error-text",
21047
+ "type": {
21048
+ "text": "string | undefined"
21049
+ },
21050
+ "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
21051
+ "fieldName": "errorText",
21052
+ "inheritedFrom": {
21053
+ "name": "UmFieldBase",
21054
+ "module": "src/field/field-base.ts"
21055
+ }
21363
21056
  },
21364
21057
  {
21365
- "kind": "field",
21366
- "name": "_checkedAttribute",
21058
+ "name": "empty",
21367
21059
  "type": {
21368
21060
  "text": "boolean"
21369
21061
  },
21370
- "privacy": "private",
21371
21062
  "default": "false",
21372
- "attribute": "checked"
21373
- },
21374
- {
21375
- "kind": "method",
21376
- "name": "#handleInput",
21377
- "parameters": [
21378
- {
21379
- "name": "event",
21380
- "type": {
21381
- "text": "Event"
21382
- }
21383
- }
21384
- ]
21385
- },
21386
- {
21387
- "kind": "method",
21388
- "name": "#handleChange",
21389
- "parameters": [
21390
- {
21391
- "name": "event",
21392
- "type": {
21393
- "text": "Event"
21394
- }
21395
- }
21396
- ]
21063
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
21064
+ "fieldName": "empty",
21065
+ "inheritedFrom": {
21066
+ "name": "UmFieldBase",
21067
+ "module": "src/field/field-base.ts"
21068
+ }
21397
21069
  },
21398
21070
  {
21399
- "kind": "method",
21400
- "name": "#handleRippleClick",
21401
- "parameters": [
21402
- {
21403
- "name": "e",
21404
- "type": {
21405
- "text": "Event"
21406
- }
21407
- }
21408
- ]
21071
+ "name": "disabled",
21072
+ "type": {
21073
+ "text": "boolean"
21074
+ },
21075
+ "default": "false",
21076
+ "fieldName": "disabled",
21077
+ "inheritedFrom": {
21078
+ "name": "UmFieldBase",
21079
+ "module": "src/field/field-base.ts"
21080
+ }
21409
21081
  },
21410
21082
  {
21411
- "kind": "method",
21412
- "name": "_handleClick",
21413
- "privacy": "protected",
21414
- "parameters": [
21415
- {
21416
- "name": "e",
21417
- "type": {
21418
- "text": "Event"
21419
- }
21420
- }
21421
- ]
21422
- }
21423
- ],
21424
- "attributes": [
21425
- {
21426
- "name": "name",
21083
+ "name": "invalid",
21427
21084
  "type": {
21428
- "text": "string | undefined"
21085
+ "text": "boolean"
21429
21086
  },
21430
- "default": "''",
21431
- "fieldName": "name"
21087
+ "default": "false",
21088
+ "description": "Get or sets where or not the field is in a visually invalid state.",
21089
+ "fieldName": "invalid",
21090
+ "inheritedFrom": {
21091
+ "name": "UmFieldBase",
21092
+ "module": "src/field/field-base.ts"
21093
+ }
21432
21094
  },
21433
21095
  {
21434
- "name": "disabled",
21096
+ "name": "has-leading-icon",
21435
21097
  "type": {
21436
21098
  "text": "boolean"
21437
21099
  },
21438
21100
  "default": "false",
21439
- "fieldName": "disabled"
21101
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
21102
+ "fieldName": "hasLeadingIcon",
21103
+ "inheritedFrom": {
21104
+ "name": "UmFieldBase",
21105
+ "module": "src/field/field-base.ts"
21106
+ }
21440
21107
  },
21441
21108
  {
21442
- "name": "value",
21109
+ "name": "has-trailing-icon",
21443
21110
  "type": {
21444
- "text": "string"
21111
+ "text": "boolean"
21445
21112
  },
21446
- "default": "'on'",
21447
- "description": "The element value to use in form submission when checked.",
21448
- "fieldName": "value"
21113
+ "default": "false",
21114
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
21115
+ "fieldName": "hasTrailingIcon",
21116
+ "inheritedFrom": {
21117
+ "name": "UmFieldBase",
21118
+ "module": "src/field/field-base.ts"
21119
+ }
21449
21120
  },
21450
21121
  {
21451
- "name": "checked",
21452
- "fieldName": "_checkedAttribute",
21122
+ "name": "has-error-text",
21453
21123
  "type": {
21454
21124
  "text": "boolean"
21455
21125
  },
21456
- "default": "false"
21126
+ "default": "false",
21127
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
21128
+ "fieldName": "hasErrorText",
21129
+ "inheritedFrom": {
21130
+ "name": "UmFieldBase",
21131
+ "module": "src/field/field-base.ts"
21132
+ }
21457
21133
  }
21458
21134
  ],
21459
21135
  "superclass": {
21460
- "name": "LitElement",
21461
- "package": "lit"
21462
- },
21463
- "customElement": true
21136
+ "name": "UmTextFieldBase",
21137
+ "module": "/src/shared/text-field-base/text-field-base.js"
21138
+ }
21464
21139
  }
21465
21140
  ],
21466
21141
  "exports": [
21467
21142
  {
21468
21143
  "kind": "js",
21469
- "name": "isActivationClick",
21470
- "declaration": {
21471
- "name": "isActivationClick",
21472
- "module": "src/shared/selection-control/selection-control.ts"
21473
- }
21474
- },
21475
- {
21476
- "kind": "js",
21477
- "name": "UmSelectionControl",
21144
+ "name": "UmNativeTextFieldWrapper",
21478
21145
  "declaration": {
21479
- "name": "UmSelectionControl",
21480
- "module": "src/shared/selection-control/selection-control.ts"
21146
+ "name": "UmNativeTextFieldWrapper",
21147
+ "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
21481
21148
  }
21482
21149
  }
21483
21150
  ]
@@ -21524,218 +21191,402 @@
21524
21191
  },
21525
21192
  {
21526
21193
  "kind": "javascript-module",
21527
- "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
21194
+ "path": "src/shared/selection-control/checkbox-base.ts",
21195
+ "declarations": [],
21196
+ "exports": []
21197
+ },
21198
+ {
21199
+ "kind": "javascript-module",
21200
+ "path": "src/shared/selection-control/selection-control-list-item.ts",
21201
+ "declarations": [
21202
+ {
21203
+ "kind": "mixin",
21204
+ "description": "",
21205
+ "name": "mixinSelectionControlListItem",
21206
+ "members": [
21207
+ {
21208
+ "kind": "field",
21209
+ "name": "styles",
21210
+ "type": {
21211
+ "text": "array"
21212
+ },
21213
+ "static": true,
21214
+ "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ]"
21215
+ },
21216
+ {
21217
+ "kind": "field",
21218
+ "name": "leading",
21219
+ "type": {
21220
+ "text": "boolean"
21221
+ },
21222
+ "default": "false",
21223
+ "attribute": "leading"
21224
+ },
21225
+ {
21226
+ "kind": "field",
21227
+ "name": "inputDescribedById",
21228
+ "type": {
21229
+ "text": "string"
21230
+ },
21231
+ "privacy": "protected",
21232
+ "default": "'description'"
21233
+ },
21234
+ {
21235
+ "kind": "field",
21236
+ "name": "inputLabelledById",
21237
+ "type": {
21238
+ "text": "string"
21239
+ },
21240
+ "privacy": "protected",
21241
+ "default": "'label'"
21242
+ },
21243
+ {
21244
+ "kind": "method",
21245
+ "name": "render",
21246
+ "return": {
21247
+ "type": {
21248
+ "text": "HTMLTemplateResult"
21249
+ }
21250
+ }
21251
+ }
21252
+ ],
21253
+ "attributes": [
21254
+ {
21255
+ "name": "leading",
21256
+ "type": {
21257
+ "text": "boolean"
21258
+ },
21259
+ "default": "false",
21260
+ "fieldName": "leading"
21261
+ }
21262
+ ],
21263
+ "parameters": [
21264
+ {
21265
+ "name": "base",
21266
+ "type": {
21267
+ "text": "T"
21268
+ }
21269
+ }
21270
+ ]
21271
+ }
21272
+ ],
21273
+ "exports": [
21274
+ {
21275
+ "kind": "js",
21276
+ "name": "mixinSelectionControlListItem",
21277
+ "declaration": {
21278
+ "name": "mixinSelectionControlListItem",
21279
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
21280
+ }
21281
+ }
21282
+ ]
21283
+ },
21284
+ {
21285
+ "kind": "javascript-module",
21286
+ "path": "src/shared/selection-control/selection-control.styles.ts",
21287
+ "declarations": [
21288
+ {
21289
+ "kind": "variable",
21290
+ "name": "styles",
21291
+ "default": "css `\n :host {\n --_state-layer-padding: var(--u--state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u--indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u--indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u--disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u--indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n`"
21292
+ }
21293
+ ],
21294
+ "exports": [
21295
+ {
21296
+ "kind": "js",
21297
+ "name": "styles",
21298
+ "declaration": {
21299
+ "name": "styles",
21300
+ "module": "src/shared/selection-control/selection-control.styles.ts"
21301
+ }
21302
+ }
21303
+ ]
21304
+ },
21305
+ {
21306
+ "kind": "javascript-module",
21307
+ "path": "src/shared/selection-control/selection-control.ts",
21528
21308
  "declarations": [
21309
+ {
21310
+ "kind": "function",
21311
+ "name": "isActivationClick",
21312
+ "parameters": [
21313
+ {
21314
+ "name": "event",
21315
+ "type": {
21316
+ "text": "Event"
21317
+ }
21318
+ }
21319
+ ]
21320
+ },
21529
21321
  {
21530
21322
  "kind": "class",
21531
21323
  "description": "",
21532
- "name": "MenuFieldNavigationController",
21324
+ "name": "UmSelectionControl",
21533
21325
  "members": [
21534
21326
  {
21535
21327
  "kind": "field",
21536
- "name": "#element",
21537
- "privacy": "private",
21328
+ "name": "formAssociated",
21538
21329
  "type": {
21539
- "text": "HTMLElement | null"
21330
+ "text": "boolean"
21540
21331
  },
21541
- "default": "null"
21332
+ "static": true,
21333
+ "default": "true"
21542
21334
  },
21543
21335
  {
21544
21336
  "kind": "field",
21545
- "name": "focusedMenu",
21337
+ "name": "shadowRootOptions",
21546
21338
  "type": {
21547
- "text": "TMenuItem | null"
21339
+ "text": "ShadowRootInit"
21548
21340
  },
21549
- "privacy": "protected",
21550
- "default": "null"
21341
+ "static": true,
21342
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }"
21551
21343
  },
21552
21344
  {
21553
21345
  "kind": "field",
21554
- "name": "host",
21346
+ "name": "elementInternals",
21555
21347
  "type": {
21556
- "text": "TField"
21348
+ "text": "ElementInternals"
21557
21349
  },
21558
- "privacy": "protected",
21559
- "default": "host"
21350
+ "privacy": "protected"
21560
21351
  },
21561
21352
  {
21562
21353
  "kind": "field",
21563
- "name": "_bindHandleKeyDown",
21354
+ "name": "name",
21564
21355
  "type": {
21565
- "text": "(event: KeyboardEvent) => void"
21356
+ "text": "string | undefined"
21566
21357
  },
21567
- "privacy": "private"
21358
+ "default": "''",
21359
+ "attribute": "name",
21360
+ "reflects": true
21361
+ },
21362
+ {
21363
+ "kind": "field",
21364
+ "name": "disabled",
21365
+ "type": {
21366
+ "text": "boolean"
21367
+ },
21368
+ "default": "false",
21369
+ "attribute": "disabled",
21370
+ "reflects": true
21371
+ },
21372
+ {
21373
+ "kind": "field",
21374
+ "name": "input",
21375
+ "type": {
21376
+ "text": "HTMLInputElement"
21377
+ }
21378
+ },
21379
+ {
21380
+ "kind": "field",
21381
+ "name": "form",
21382
+ "type": {
21383
+ "text": "HTMLFormElement | null"
21384
+ }
21568
21385
  },
21569
21386
  {
21570
21387
  "kind": "method",
21571
- "name": "attach",
21388
+ "name": "focus",
21572
21389
  "parameters": [
21573
21390
  {
21574
- "name": "element",
21391
+ "name": "options",
21392
+ "optional": true,
21575
21393
  "type": {
21576
- "text": "HTMLElement"
21394
+ "text": "FocusOptions"
21577
21395
  }
21578
21396
  }
21579
21397
  ]
21580
21398
  },
21581
21399
  {
21582
- "kind": "method",
21583
- "name": "detach"
21400
+ "kind": "field",
21401
+ "name": "#checked",
21402
+ "privacy": "private",
21403
+ "type": {
21404
+ "text": "boolean"
21405
+ },
21406
+ "default": "false"
21584
21407
  },
21585
21408
  {
21586
21409
  "kind": "field",
21587
- "name": "#handleMenuClose",
21588
- "privacy": "private"
21410
+ "name": "inputType",
21411
+ "type": {
21412
+ "text": "'checkbox' | 'radio'"
21413
+ },
21414
+ "privacy": "protected",
21415
+ "default": "'checkbox'"
21416
+ },
21417
+ {
21418
+ "kind": "field",
21419
+ "name": "renderRipple",
21420
+ "type": {
21421
+ "text": "boolean"
21422
+ },
21423
+ "privacy": "protected",
21424
+ "default": "true"
21425
+ },
21426
+ {
21427
+ "kind": "field",
21428
+ "name": "inputDescribedById",
21429
+ "type": {
21430
+ "text": "string | undefined"
21431
+ },
21432
+ "privacy": "protected",
21433
+ "default": "undefined"
21434
+ },
21435
+ {
21436
+ "kind": "field",
21437
+ "name": "inputLabelledById",
21438
+ "type": {
21439
+ "text": "string | undefined"
21440
+ },
21441
+ "privacy": "protected",
21442
+ "default": "undefined"
21589
21443
  },
21590
21444
  {
21591
21445
  "kind": "method",
21592
- "name": "handleKeyDown",
21446
+ "name": "renderIndicator",
21593
21447
  "privacy": "protected",
21594
21448
  "return": {
21595
21449
  "type": {
21596
- "text": "boolean"
21450
+ "text": "HTMLTemplateResult"
21597
21451
  }
21452
+ }
21453
+ },
21454
+ {
21455
+ "kind": "field",
21456
+ "name": "value",
21457
+ "type": {
21458
+ "text": "string"
21598
21459
  },
21599
- "parameters": [
21600
- {
21601
- "name": "event",
21602
- "type": {
21603
- "text": "KeyboardEvent"
21604
- }
21605
- }
21606
- ]
21460
+ "default": "'on'",
21461
+ "description": "The element value to use in form submission when checked.",
21462
+ "attribute": "value"
21607
21463
  },
21608
21464
  {
21609
- "kind": "method",
21610
- "name": "navigate",
21465
+ "kind": "field",
21466
+ "name": "checked",
21467
+ "attribute": "checked"
21468
+ },
21469
+ {
21470
+ "kind": "field",
21471
+ "name": "_checkedAttribute",
21472
+ "type": {
21473
+ "text": "boolean"
21474
+ },
21611
21475
  "privacy": "private",
21612
- "parameters": [
21613
- {
21614
- "name": "event",
21615
- "type": {
21616
- "text": "KeyboardEvent"
21617
- }
21618
- },
21619
- {
21620
- "name": "forwards",
21621
- "type": {
21622
- "text": "boolean"
21623
- }
21624
- }
21625
- ]
21476
+ "default": "false",
21477
+ "attribute": "checked"
21626
21478
  },
21627
21479
  {
21628
21480
  "kind": "method",
21629
- "name": "navigateTo",
21630
- "privacy": "protected",
21481
+ "name": "#handleInput",
21631
21482
  "parameters": [
21632
21483
  {
21633
21484
  "name": "event",
21634
21485
  "type": {
21635
- "text": "KeyboardEvent"
21636
- }
21637
- },
21638
- {
21639
- "name": "menu",
21640
- "type": {
21641
- "text": "TMenuItem | undefined"
21642
- }
21643
- },
21644
- {
21645
- "name": "index",
21646
- "type": {
21647
- "text": "number"
21486
+ "text": "Event"
21648
21487
  }
21649
21488
  }
21650
21489
  ]
21651
21490
  },
21652
21491
  {
21653
21492
  "kind": "method",
21654
- "name": "focusMenu",
21493
+ "name": "#handleChange",
21655
21494
  "parameters": [
21656
21495
  {
21657
- "name": "menu",
21658
- "type": {
21659
- "text": "TMenuItem"
21660
- }
21661
- },
21662
- {
21663
- "name": "index",
21496
+ "name": "event",
21664
21497
  "type": {
21665
- "text": "number"
21498
+ "text": "Event"
21666
21499
  }
21667
- },
21668
- {
21669
- "name": "active",
21670
- "default": "true"
21671
- },
21672
- {
21673
- "name": "scroll",
21674
- "default": "true"
21675
21500
  }
21676
21501
  ]
21677
21502
  },
21678
21503
  {
21679
21504
  "kind": "method",
21680
- "name": "blurMenu"
21681
- },
21682
- {
21683
- "kind": "method",
21684
- "name": "selectActiveItem",
21685
- "privacy": "private",
21505
+ "name": "#handleRippleClick",
21686
21506
  "parameters": [
21687
21507
  {
21688
- "name": "event",
21508
+ "name": "e",
21689
21509
  "type": {
21690
- "text": "KeyboardEvent"
21510
+ "text": "Event"
21691
21511
  }
21692
21512
  }
21693
21513
  ]
21694
21514
  },
21695
21515
  {
21696
21516
  "kind": "method",
21697
- "name": "afterFocus",
21517
+ "name": "_handleClick",
21698
21518
  "privacy": "protected",
21699
21519
  "parameters": [
21700
21520
  {
21701
- "name": "_",
21702
- "type": {
21703
- "text": "TMenuItem"
21704
- }
21705
- },
21706
- {
21707
- "name": "__",
21521
+ "name": "e",
21708
21522
  "type": {
21709
- "text": "number"
21523
+ "text": "Event"
21710
21524
  }
21711
21525
  }
21712
21526
  ]
21527
+ }
21528
+ ],
21529
+ "attributes": [
21530
+ {
21531
+ "name": "name",
21532
+ "type": {
21533
+ "text": "string | undefined"
21534
+ },
21535
+ "default": "''",
21536
+ "fieldName": "name"
21537
+ },
21538
+ {
21539
+ "name": "disabled",
21540
+ "type": {
21541
+ "text": "boolean"
21542
+ },
21543
+ "default": "false",
21544
+ "fieldName": "disabled"
21545
+ },
21546
+ {
21547
+ "name": "value",
21548
+ "type": {
21549
+ "text": "string"
21550
+ },
21551
+ "default": "'on'",
21552
+ "description": "The element value to use in form submission when checked.",
21553
+ "fieldName": "value"
21713
21554
  },
21714
21555
  {
21715
- "kind": "method",
21716
- "name": "afterBlur",
21717
- "privacy": "protected"
21556
+ "name": "checked",
21557
+ "fieldName": "_checkedAttribute",
21558
+ "type": {
21559
+ "text": "boolean"
21560
+ },
21561
+ "default": "false"
21718
21562
  }
21719
- ]
21563
+ ],
21564
+ "superclass": {
21565
+ "name": "LitElement",
21566
+ "package": "lit"
21567
+ },
21568
+ "customElement": true
21720
21569
  }
21721
21570
  ],
21722
21571
  "exports": [
21723
21572
  {
21724
21573
  "kind": "js",
21725
- "name": "MenuFieldNavigationController",
21574
+ "name": "isActivationClick",
21726
21575
  "declaration": {
21727
- "name": "MenuFieldNavigationController",
21728
- "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
21576
+ "name": "isActivationClick",
21577
+ "module": "src/shared/selection-control/selection-control.ts"
21578
+ }
21579
+ },
21580
+ {
21581
+ "kind": "js",
21582
+ "name": "UmSelectionControl",
21583
+ "declaration": {
21584
+ "name": "UmSelectionControl",
21585
+ "module": "src/shared/selection-control/selection-control.ts"
21729
21586
  }
21730
21587
  }
21731
21588
  ]
21732
21589
  },
21733
- {
21734
- "kind": "javascript-module",
21735
- "path": "src/shared/menu-field/menu-field.ts",
21736
- "declarations": [],
21737
- "exports": []
21738
- },
21739
21590
  {
21740
21591
  "kind": "javascript-module",
21741
21592
  "path": "src/shared/sets/set-base.styles.ts",
@@ -22405,6 +22256,220 @@
22405
22256
  }
22406
22257
  }
22407
22258
  ]
22259
+ },
22260
+ {
22261
+ "kind": "javascript-module",
22262
+ "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
22263
+ "declarations": [
22264
+ {
22265
+ "kind": "class",
22266
+ "description": "",
22267
+ "name": "MenuFieldNavigationController",
22268
+ "members": [
22269
+ {
22270
+ "kind": "field",
22271
+ "name": "#element",
22272
+ "privacy": "private",
22273
+ "type": {
22274
+ "text": "HTMLElement | null"
22275
+ },
22276
+ "default": "null"
22277
+ },
22278
+ {
22279
+ "kind": "field",
22280
+ "name": "focusedMenu",
22281
+ "type": {
22282
+ "text": "TMenuItem | null"
22283
+ },
22284
+ "privacy": "protected",
22285
+ "default": "null"
22286
+ },
22287
+ {
22288
+ "kind": "field",
22289
+ "name": "host",
22290
+ "type": {
22291
+ "text": "TField"
22292
+ },
22293
+ "privacy": "protected",
22294
+ "default": "host"
22295
+ },
22296
+ {
22297
+ "kind": "field",
22298
+ "name": "_bindHandleKeyDown",
22299
+ "type": {
22300
+ "text": "(event: KeyboardEvent) => void"
22301
+ },
22302
+ "privacy": "private"
22303
+ },
22304
+ {
22305
+ "kind": "method",
22306
+ "name": "attach",
22307
+ "parameters": [
22308
+ {
22309
+ "name": "element",
22310
+ "type": {
22311
+ "text": "HTMLElement"
22312
+ }
22313
+ }
22314
+ ]
22315
+ },
22316
+ {
22317
+ "kind": "method",
22318
+ "name": "detach"
22319
+ },
22320
+ {
22321
+ "kind": "field",
22322
+ "name": "#handleMenuClose",
22323
+ "privacy": "private"
22324
+ },
22325
+ {
22326
+ "kind": "method",
22327
+ "name": "handleKeyDown",
22328
+ "privacy": "protected",
22329
+ "return": {
22330
+ "type": {
22331
+ "text": "boolean"
22332
+ }
22333
+ },
22334
+ "parameters": [
22335
+ {
22336
+ "name": "event",
22337
+ "type": {
22338
+ "text": "KeyboardEvent"
22339
+ }
22340
+ }
22341
+ ]
22342
+ },
22343
+ {
22344
+ "kind": "method",
22345
+ "name": "navigate",
22346
+ "privacy": "private",
22347
+ "parameters": [
22348
+ {
22349
+ "name": "event",
22350
+ "type": {
22351
+ "text": "KeyboardEvent"
22352
+ }
22353
+ },
22354
+ {
22355
+ "name": "forwards",
22356
+ "type": {
22357
+ "text": "boolean"
22358
+ }
22359
+ }
22360
+ ]
22361
+ },
22362
+ {
22363
+ "kind": "method",
22364
+ "name": "navigateTo",
22365
+ "privacy": "protected",
22366
+ "parameters": [
22367
+ {
22368
+ "name": "event",
22369
+ "type": {
22370
+ "text": "KeyboardEvent"
22371
+ }
22372
+ },
22373
+ {
22374
+ "name": "menu",
22375
+ "type": {
22376
+ "text": "TMenuItem | undefined"
22377
+ }
22378
+ },
22379
+ {
22380
+ "name": "index",
22381
+ "type": {
22382
+ "text": "number"
22383
+ }
22384
+ }
22385
+ ]
22386
+ },
22387
+ {
22388
+ "kind": "method",
22389
+ "name": "focusMenu",
22390
+ "parameters": [
22391
+ {
22392
+ "name": "menu",
22393
+ "type": {
22394
+ "text": "TMenuItem"
22395
+ }
22396
+ },
22397
+ {
22398
+ "name": "index",
22399
+ "type": {
22400
+ "text": "number"
22401
+ }
22402
+ },
22403
+ {
22404
+ "name": "active",
22405
+ "default": "true"
22406
+ },
22407
+ {
22408
+ "name": "scroll",
22409
+ "default": "true"
22410
+ }
22411
+ ]
22412
+ },
22413
+ {
22414
+ "kind": "method",
22415
+ "name": "blurMenu"
22416
+ },
22417
+ {
22418
+ "kind": "method",
22419
+ "name": "selectActiveItem",
22420
+ "privacy": "private",
22421
+ "parameters": [
22422
+ {
22423
+ "name": "event",
22424
+ "type": {
22425
+ "text": "KeyboardEvent"
22426
+ }
22427
+ }
22428
+ ]
22429
+ },
22430
+ {
22431
+ "kind": "method",
22432
+ "name": "afterFocus",
22433
+ "privacy": "protected",
22434
+ "parameters": [
22435
+ {
22436
+ "name": "_",
22437
+ "type": {
22438
+ "text": "TMenuItem"
22439
+ }
22440
+ },
22441
+ {
22442
+ "name": "__",
22443
+ "type": {
22444
+ "text": "number"
22445
+ }
22446
+ }
22447
+ ]
22448
+ },
22449
+ {
22450
+ "kind": "method",
22451
+ "name": "afterBlur",
22452
+ "privacy": "protected"
22453
+ }
22454
+ ]
22455
+ }
22456
+ ],
22457
+ "exports": [
22458
+ {
22459
+ "kind": "js",
22460
+ "name": "MenuFieldNavigationController",
22461
+ "declaration": {
22462
+ "name": "MenuFieldNavigationController",
22463
+ "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
22464
+ }
22465
+ }
22466
+ ]
22467
+ },
22468
+ {
22469
+ "kind": "javascript-module",
22470
+ "path": "src/shared/menu-field/menu-field.ts",
22471
+ "declarations": [],
22472
+ "exports": []
22408
22473
  }
22409
22474
  ]
22410
22475
  }