@universal-material/web 3.0.105 → 3.0.106

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.
@@ -644,6 +644,255 @@
644
644
  }
645
645
  ]
646
646
  },
647
+ {
648
+ "kind": "javascript-module",
649
+ "path": "src/card/card-content.styles.ts",
650
+ "declarations": [
651
+ {
652
+ "kind": "variable",
653
+ "name": "styles",
654
+ "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n\n slot {\n border-radius: inherit;\n }\n`"
655
+ }
656
+ ],
657
+ "exports": [
658
+ {
659
+ "kind": "js",
660
+ "name": "styles",
661
+ "declaration": {
662
+ "name": "styles",
663
+ "module": "src/card/card-content.styles.ts"
664
+ }
665
+ }
666
+ ]
667
+ },
668
+ {
669
+ "kind": "javascript-module",
670
+ "path": "src/card/card-content.ts",
671
+ "declarations": [
672
+ {
673
+ "kind": "class",
674
+ "description": "",
675
+ "name": "UmCardContent",
676
+ "members": [
677
+ {
678
+ "kind": "field",
679
+ "name": "hasContent",
680
+ "type": {
681
+ "text": "boolean"
682
+ },
683
+ "default": "false",
684
+ "attribute": "has-content",
685
+ "reflects": true
686
+ },
687
+ {
688
+ "kind": "method",
689
+ "name": "handleSlotChange",
690
+ "privacy": "private",
691
+ "parameters": [
692
+ {
693
+ "name": "e",
694
+ "type": {
695
+ "text": "Event"
696
+ }
697
+ }
698
+ ]
699
+ }
700
+ ],
701
+ "attributes": [
702
+ {
703
+ "name": "has-content",
704
+ "type": {
705
+ "text": "boolean"
706
+ },
707
+ "default": "false",
708
+ "fieldName": "hasContent"
709
+ }
710
+ ],
711
+ "superclass": {
712
+ "name": "LitElement",
713
+ "package": "lit"
714
+ },
715
+ "tagName": "u-card-content",
716
+ "customElement": true
717
+ }
718
+ ],
719
+ "exports": [
720
+ {
721
+ "kind": "js",
722
+ "name": "UmCardContent",
723
+ "declaration": {
724
+ "name": "UmCardContent",
725
+ "module": "src/card/card-content.ts"
726
+ }
727
+ },
728
+ {
729
+ "kind": "custom-element-definition",
730
+ "name": "u-card-content",
731
+ "declaration": {
732
+ "name": "UmCardContent",
733
+ "module": "src/card/card-content.ts"
734
+ }
735
+ }
736
+ ]
737
+ },
738
+ {
739
+ "kind": "javascript-module",
740
+ "path": "src/card/card-media.styles.ts",
741
+ "declarations": [
742
+ {
743
+ "kind": "variable",
744
+ "name": "styles",
745
+ "default": "css `\n :host {\n display: block;\n aspect-ratio: 1;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([wide]) {\n aspect-ratio: 16/9;\n }\n`"
746
+ }
747
+ ],
748
+ "exports": [
749
+ {
750
+ "kind": "js",
751
+ "name": "styles",
752
+ "declaration": {
753
+ "name": "styles",
754
+ "module": "src/card/card-media.styles.ts"
755
+ }
756
+ }
757
+ ]
758
+ },
759
+ {
760
+ "kind": "javascript-module",
761
+ "path": "src/card/card-media.ts",
762
+ "declarations": [
763
+ {
764
+ "kind": "class",
765
+ "description": "",
766
+ "name": "UmCardMedia",
767
+ "members": [
768
+ {
769
+ "kind": "field",
770
+ "name": "wide",
771
+ "type": {
772
+ "text": "boolean"
773
+ },
774
+ "default": "false",
775
+ "attribute": "wide",
776
+ "reflects": true
777
+ }
778
+ ],
779
+ "attributes": [
780
+ {
781
+ "name": "wide",
782
+ "type": {
783
+ "text": "boolean"
784
+ },
785
+ "default": "false",
786
+ "fieldName": "wide"
787
+ }
788
+ ],
789
+ "superclass": {
790
+ "name": "LitElement",
791
+ "package": "lit"
792
+ },
793
+ "tagName": "u-card-media",
794
+ "customElement": true
795
+ }
796
+ ],
797
+ "exports": [
798
+ {
799
+ "kind": "js",
800
+ "name": "UmCardMedia",
801
+ "declaration": {
802
+ "name": "UmCardMedia",
803
+ "module": "src/card/card-media.ts"
804
+ }
805
+ },
806
+ {
807
+ "kind": "custom-element-definition",
808
+ "name": "u-card-media",
809
+ "declaration": {
810
+ "name": "UmCardMedia",
811
+ "module": "src/card/card-media.ts"
812
+ }
813
+ }
814
+ ]
815
+ },
816
+ {
817
+ "kind": "javascript-module",
818
+ "path": "src/card/card.styles.ts",
819
+ "declarations": [
820
+ {
821
+ "kind": "variable",
822
+ "name": "styles",
823
+ "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([variant=elevated]) {\n --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n background-color: var(--u-current-bg-color);\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n background-color: var(--u-current-bg-color);\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`"
824
+ }
825
+ ],
826
+ "exports": [
827
+ {
828
+ "kind": "js",
829
+ "name": "styles",
830
+ "declaration": {
831
+ "name": "styles",
832
+ "module": "src/card/card.styles.ts"
833
+ }
834
+ }
835
+ ]
836
+ },
837
+ {
838
+ "kind": "javascript-module",
839
+ "path": "src/card/card.ts",
840
+ "declarations": [
841
+ {
842
+ "kind": "class",
843
+ "description": "",
844
+ "name": "UmCard",
845
+ "members": [
846
+ {
847
+ "kind": "field",
848
+ "name": "variant",
849
+ "type": {
850
+ "text": "UmCardVariant"
851
+ },
852
+ "default": "'filled'",
853
+ "description": "The Card variant to render.",
854
+ "attribute": "variant",
855
+ "reflects": true
856
+ }
857
+ ],
858
+ "attributes": [
859
+ {
860
+ "name": "variant",
861
+ "type": {
862
+ "text": "UmCardVariant"
863
+ },
864
+ "default": "'filled'",
865
+ "description": "The Card variant to render.",
866
+ "fieldName": "variant"
867
+ }
868
+ ],
869
+ "superclass": {
870
+ "name": "LitElement",
871
+ "package": "lit"
872
+ },
873
+ "tagName": "u-card",
874
+ "customElement": true
875
+ }
876
+ ],
877
+ "exports": [
878
+ {
879
+ "kind": "js",
880
+ "name": "UmCard",
881
+ "declaration": {
882
+ "name": "UmCard",
883
+ "module": "src/card/card.ts"
884
+ }
885
+ },
886
+ {
887
+ "kind": "custom-element-definition",
888
+ "name": "u-card",
889
+ "declaration": {
890
+ "name": "UmCard",
891
+ "module": "src/card/card.ts"
892
+ }
893
+ }
894
+ ]
895
+ },
647
896
  {
648
897
  "kind": "javascript-module",
649
898
  "path": "src/button/button-base.styles.ts",
@@ -1147,7 +1396,7 @@
1147
1396
  {
1148
1397
  "kind": "variable",
1149
1398
  "name": "styles",
1150
- "default": "css `\n :host {\n --u-common-button-line-height: var(--u-label-large-line-height, 1.25rem);\n --u-common-button-font-size: var(--u-label-large-font-size, 0.875rem);\n --u-common-button-font-weight: var(--u-font-weight-medium, 500);\n --_common-button-height: var(--u-common-button-height, 2.5rem);\n --_common-button-padding: var(--u-common-button-padding, 24px);\n --_common-button-icon-size: var(--u-common-button-icon-size, 1.125rem);\n --_common-button-icon-padding: var(--u-common-button-icon-padding, 16px);\n --_common-button-icon-margin: var(--u-common-button-icon-margin, 8px);\n border-radius: var(--u-common-button-shape-corner, var(--u-shape-corner-full, 9999px));\n 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 height: var(--u-common-button-height, 40px);\n font-size: var(--u-common-button-font-size);\n font-weight: var(--u-common-button-font-weight);\n padding-inline: var(--_common-button-padding);\n box-sizing: border-box;\n }\n\n :host([variant=filled]),\n :host([variant=filled][color=primary]) {\n background-color: var(--u-filled-button-primary-container-color, var(--_color-primary));\n color: var(--u-filled-button-primary-text-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=secondary]) {\n background-color: var(--u-filled-button-secondary-container-color, var(--u-color-secondary, rgb(98, 91, 113)));\n color: var(--u-filled-button-secondary-text-color, var(--u-color-on-secondary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=tertiary]) {\n background-color: var(--u-filled-button-tertiary-container-color, var(--u-color-tertiary, rgb(125, 82, 96)));\n color: var(--u-filled-button-tertiary-text-color, var(--u-color-on-tertiary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=error]) {\n background-color: var(--u-filled-button-error-container-color, var(--u-color-error, rgb(179, 38, 30)));\n color: var(--u-filled-button-error-text-color, var(--u-color-on-error, rgb(255, 255, 255)));\n }\n\n :host([variant=tonal]) {\n background-color: var(--u-tonal-button-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-tonal-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n :host([variant=elevated]) {\n background-color: var(--u-elevated-button-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n color: var(--u-tonal-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n @media (hover: hover) {\n :host([variant=filled]:hover:not(:focus-within):not(:active)),\n :host([variant=tonal]:hover:not(:focus-within):not(:active)) {\n --u-elevation-level: var(--u-filled-button-hover-elevation-level, 1);\n }\n }\n :host([variant=text]) {\n color: var(--u-text-button-text-color, var(--_color-primary));\n }\n\n :host([variant=outlined]) {\n color: var(--u-outlined-button-text-color, var(--u-text-button-text-color, var(--_color-primary)));\n border: 1px solid var(--u-outlined-button-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n }\n\n :host([variant=elevated]) {\n --u-elevation-level: var(--u-elevated-button-elevation-level, 1);\n color: var(--u-elevated-button-text-color, var(--_color-primary));\n }\n\n :host([disabled][variant=outlined]) {\n background-color: transparent !important;\n border-color: var(--u-outlined-button-disabled-border-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-outlined-button-disabled-border-opacity, 0.12))) !important;\n }\n\n @media (hover: hover) {\n :host([variant=elevated]:hover) {\n --u-elevation-level: var(--u-elevated-button-hover-elevation-level, 2);\n }\n }\n :host([has-icon]) {\n padding-inline: var(--_common-button-icon-padding) var(--_common-button-padding);\n }\n\n :host([has-icon][trailing-icon]) {\n padding-inline: var(--_common-button-padding) var(--_common-button-icon-padding);\n }\n\n :host(:not([has-icon])) .icon {\n display: none;\n }\n\n .icon {\n font-size: var(--_common-button-icon-size);\n padding-inline-end: var(--_common-button-icon-margin);\n margin-inline-end: auto;\n }\n\n :host([trailing-icon]) .icon {\n padding-inline: var(--_common-button-icon-margin) 0;\n margin-inline: auto 0;\n }\n`"
1399
+ "default": "css `\n :host {\n --u-common-button-line-height: var(--u-label-large-line-height, 1.25rem);\n --u-common-button-font-size: var(--u-label-large-font-size, 0.875rem);\n --u-common-button-font-weight: var(--u-font-weight-medium, 500);\n --_common-button-height: var(--u-common-button-height, 2.5rem);\n --_common-button-padding: var(--u-common-button-padding, 24px);\n --_common-button-icon-size: var(--u-common-button-icon-size, 1.125rem);\n --_common-button-icon-padding: var(--u-common-button-icon-padding, 16px);\n --_common-button-icon-margin: var(--u-common-button-icon-margin, 8px);\n border-radius: var(--u-common-button-shape-corner, var(--u-shape-corner-full, 9999px));\n 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 height: var(--u-common-button-height, 40px);\n font-size: var(--u-common-button-font-size);\n font-weight: var(--u-common-button-font-weight);\n padding-inline: var(--_common-button-padding);\n box-sizing: border-box;\n }\n\n :host([variant=filled]),\n :host([variant=filled][color=primary]) {\n background-color: var(--u-filled-button-primary-container-color, var(--_color-primary));\n color: var(--u-filled-button-primary-text-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=secondary]) {\n background-color: var(--u-filled-button-secondary-container-color, var(--u-color-secondary, rgb(98, 91, 113)));\n color: var(--u-filled-button-secondary-text-color, var(--u-color-on-secondary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=tertiary]) {\n background-color: var(--u-filled-button-tertiary-container-color, var(--u-color-tertiary, rgb(125, 82, 96)));\n color: var(--u-filled-button-tertiary-text-color, var(--u-color-on-tertiary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=error]) {\n background-color: var(--u-filled-button-error-container-color, var(--u-color-error, rgb(179, 38, 30)));\n color: var(--u-filled-button-error-text-color, var(--u-color-on-error, rgb(255, 255, 255)));\n }\n\n :host([variant=tonal]) {\n background-color: var(--u-tonal-button-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-tonal-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n :host([variant=elevated]) {\n background-color: var(--u-elevated-button-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n color: var(--u-tonal-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n @media (hover: hover) {\n :host([variant=filled]:hover:not(:focus-within):not(:active)),\n :host([variant=tonal]:hover:not(:focus-within):not(:active)) {\n --u-elevation-level: var(--u-filled-button-hover-elevation-level, 1);\n }\n }\n :host([variant=text]) {\n color: var(--u-text-button-text-color, var(--_color-primary));\n }\n\n :host([variant=outlined]) {\n color: var(--u-outlined-button-text-color, var(--u-text-button-text-color, var(--_color-primary)));\n border: 1px solid var(--u-outlined-button-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n }\n\n :host([variant=elevated]) {\n --u-elevation-level: var(--u-elevated-button-elevation-level, 1);\n color: var(--u-elevated-button-text-color, var(--_color-primary));\n }\n\n :host([disabled][variant=outlined]) {\n background-color: transparent !important;\n border-color: var(--u-outlined-button-disabled-border-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-outlined-button-disabled-border-opacity, 0.12))) !important;\n }\n\n @media (hover: hover) {\n :host([variant=elevated]:hover) {\n --u-elevation-level: var(--u-elevated-button-hover-elevation-level, 2);\n }\n }\n :host([has-icon]) {\n padding-inline: var(--_common-button-icon-padding) var(--_common-button-padding);\n }\n\n :host([has-icon][trailing-icon]) {\n padding-inline: var(--_common-button-padding) var(--_common-button-icon-padding);\n }\n\n :host(:not([has-icon])) .icon {\n display: none;\n }\n\n .icon {\n font-size: var(--_common-button-icon-size);\n margin-inline-end: var(--_common-button-icon-margin);\n }\n\n :host([trailing-icon]) .icon {\n margin-inline: var(--_common-button-icon-margin) 0;\n }\n`"
1151
1400
  }
1152
1401
  ],
1153
1402
  "exports": [
@@ -1212,14 +1461,6 @@
1212
1461
  "attribute": "has-icon",
1213
1462
  "reflects": true
1214
1463
  },
1215
- {
1216
- "kind": "field",
1217
- "name": "assignedIcons",
1218
- "type": {
1219
- "text": "HTMLElement[]"
1220
- },
1221
- "privacy": "private"
1222
- },
1223
1464
  {
1224
1465
  "kind": "method",
1225
1466
  "name": "renderContent",
@@ -1237,7 +1478,15 @@
1237
1478
  {
1238
1479
  "kind": "method",
1239
1480
  "name": "handleSlotChange",
1240
- "privacy": "private"
1481
+ "privacy": "private",
1482
+ "parameters": [
1483
+ {
1484
+ "name": "e",
1485
+ "type": {
1486
+ "text": "Event"
1487
+ }
1488
+ }
1489
+ ]
1241
1490
  },
1242
1491
  {
1243
1492
  "kind": "field",
@@ -3463,12 +3712,12 @@
3463
3712
  },
3464
3713
  {
3465
3714
  "kind": "javascript-module",
3466
- "path": "src/card/card-content.styles.ts",
3715
+ "path": "src/chip/chip-set.styles.ts",
3467
3716
  "declarations": [
3468
3717
  {
3469
3718
  "kind": "variable",
3470
3719
  "name": "styles",
3471
- "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n\n slot {\n border-radius: inherit;\n }\n`"
3720
+ "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
3472
3721
  }
3473
3722
  ],
3474
3723
  "exports": [
@@ -3477,89 +3726,86 @@
3477
3726
  "name": "styles",
3478
3727
  "declaration": {
3479
3728
  "name": "styles",
3480
- "module": "src/card/card-content.styles.ts"
3729
+ "module": "src/chip/chip-set.styles.ts"
3481
3730
  }
3482
3731
  }
3483
3732
  ]
3484
3733
  },
3485
3734
  {
3486
3735
  "kind": "javascript-module",
3487
- "path": "src/card/card-content.ts",
3736
+ "path": "src/chip/chip-set.ts",
3488
3737
  "declarations": [
3489
3738
  {
3490
3739
  "kind": "class",
3491
3740
  "description": "",
3492
- "name": "UmCardContent",
3741
+ "name": "UmChipSet",
3493
3742
  "members": [
3494
3743
  {
3495
3744
  "kind": "field",
3496
- "name": "hasContent",
3745
+ "name": "alignment",
3497
3746
  "type": {
3498
- "text": "boolean"
3747
+ "text": "'start' | 'center' | 'end'"
3499
3748
  },
3500
- "default": "false",
3501
- "attribute": "has-content",
3502
- "reflects": true
3503
- },
3504
- {
3505
- "kind": "method",
3506
- "name": "handleSlotChange",
3507
- "privacy": "private",
3508
- "parameters": [
3509
- {
3510
- "name": "e",
3511
- "type": {
3512
- "text": "Event"
3513
- }
3514
- }
3515
- ]
3749
+ "default": "'start'",
3750
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3751
+ "attribute": "alignment",
3752
+ "reflects": true,
3753
+ "inheritedFrom": {
3754
+ "name": "UmSetBase",
3755
+ "module": "src/shared/sets/set-base.ts"
3756
+ }
3516
3757
  }
3517
3758
  ],
3759
+ "superclass": {
3760
+ "name": "UmSetBase",
3761
+ "module": "/src/shared/sets/set-base.js"
3762
+ },
3763
+ "tagName": "u-chip-set",
3764
+ "customElement": true,
3518
3765
  "attributes": [
3519
3766
  {
3520
- "name": "has-content",
3767
+ "name": "alignment",
3521
3768
  "type": {
3522
- "text": "boolean"
3769
+ "text": "'start' | 'center' | 'end'"
3523
3770
  },
3524
- "default": "false",
3525
- "fieldName": "hasContent"
3771
+ "default": "'start'",
3772
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3773
+ "fieldName": "alignment",
3774
+ "inheritedFrom": {
3775
+ "name": "UmSetBase",
3776
+ "module": "src/shared/sets/set-base.ts"
3777
+ }
3526
3778
  }
3527
- ],
3528
- "superclass": {
3529
- "name": "LitElement",
3530
- "package": "lit"
3531
- },
3532
- "tagName": "u-card-content",
3533
- "customElement": true
3779
+ ]
3534
3780
  }
3535
3781
  ],
3536
3782
  "exports": [
3537
3783
  {
3538
3784
  "kind": "js",
3539
- "name": "UmCardContent",
3785
+ "name": "UmChipSet",
3540
3786
  "declaration": {
3541
- "name": "UmCardContent",
3542
- "module": "src/card/card-content.ts"
3787
+ "name": "UmChipSet",
3788
+ "module": "src/chip/chip-set.ts"
3543
3789
  }
3544
3790
  },
3545
3791
  {
3546
3792
  "kind": "custom-element-definition",
3547
- "name": "u-card-content",
3793
+ "name": "u-chip-set",
3548
3794
  "declaration": {
3549
- "name": "UmCardContent",
3550
- "module": "src/card/card-content.ts"
3795
+ "name": "UmChipSet",
3796
+ "module": "src/chip/chip-set.ts"
3551
3797
  }
3552
3798
  }
3553
3799
  ]
3554
3800
  },
3555
3801
  {
3556
3802
  "kind": "javascript-module",
3557
- "path": "src/card/card-media.styles.ts",
3803
+ "path": "src/chip/chip.styles.ts",
3558
3804
  "declarations": [
3559
3805
  {
3560
3806
  "kind": "variable",
3561
3807
  "name": "styles",
3562
- "default": "css `\n :host {\n display: block;\n aspect-ratio: 1;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([wide]) {\n aspect-ratio: 16/9;\n }\n`"
3808
+ "default": "css `\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: 1em;\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\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-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
3563
3809
  }
3564
3810
  ],
3565
3811
  "exports": [
@@ -3568,330 +3814,84 @@
3568
3814
  "name": "styles",
3569
3815
  "declaration": {
3570
3816
  "name": "styles",
3571
- "module": "src/card/card-media.styles.ts"
3817
+ "module": "src/chip/chip.styles.ts"
3572
3818
  }
3573
3819
  }
3574
3820
  ]
3575
3821
  },
3576
3822
  {
3577
3823
  "kind": "javascript-module",
3578
- "path": "src/card/card-media.ts",
3824
+ "path": "src/chip/chip.ts",
3579
3825
  "declarations": [
3580
3826
  {
3581
3827
  "kind": "class",
3582
3828
  "description": "",
3583
- "name": "UmCardMedia",
3829
+ "name": "UmChip",
3584
3830
  "members": [
3585
3831
  {
3586
3832
  "kind": "field",
3587
- "name": "wide",
3833
+ "name": "#clickable",
3834
+ "privacy": "private",
3835
+ "type": {
3836
+ "text": "boolean"
3837
+ },
3838
+ "default": "false"
3839
+ },
3840
+ {
3841
+ "kind": "field",
3842
+ "name": "#toggle",
3843
+ "privacy": "private",
3844
+ "type": {
3845
+ "text": "boolean"
3846
+ },
3847
+ "default": "false"
3848
+ },
3849
+ {
3850
+ "kind": "field",
3851
+ "name": "selected",
3588
3852
  "type": {
3589
3853
  "text": "boolean"
3590
3854
  },
3591
3855
  "default": "false",
3592
- "attribute": "wide",
3856
+ "description": "Whether the chip is selected or not",
3857
+ "attribute": "selected",
3593
3858
  "reflects": true
3594
- }
3595
- ],
3596
- "attributes": [
3859
+ },
3597
3860
  {
3598
- "name": "wide",
3861
+ "kind": "field",
3862
+ "name": "clickable",
3863
+ "type": {
3864
+ "text": "boolean"
3865
+ },
3866
+ "attribute": "clickable",
3867
+ "reflects": true
3868
+ },
3869
+ {
3870
+ "kind": "field",
3871
+ "name": "elevated",
3599
3872
  "type": {
3600
3873
  "text": "boolean"
3601
3874
  },
3602
3875
  "default": "false",
3603
- "fieldName": "wide"
3604
- }
3605
- ],
3606
- "superclass": {
3607
- "name": "LitElement",
3608
- "package": "lit"
3609
- },
3610
- "tagName": "u-card-media",
3611
- "customElement": true
3612
- }
3613
- ],
3614
- "exports": [
3615
- {
3616
- "kind": "js",
3617
- "name": "UmCardMedia",
3618
- "declaration": {
3619
- "name": "UmCardMedia",
3620
- "module": "src/card/card-media.ts"
3621
- }
3622
- },
3623
- {
3624
- "kind": "custom-element-definition",
3625
- "name": "u-card-media",
3626
- "declaration": {
3627
- "name": "UmCardMedia",
3628
- "module": "src/card/card-media.ts"
3629
- }
3630
- }
3631
- ]
3632
- },
3633
- {
3634
- "kind": "javascript-module",
3635
- "path": "src/card/card.styles.ts",
3636
- "declarations": [
3637
- {
3638
- "kind": "variable",
3639
- "name": "styles",
3640
- "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([variant=elevated]) {\n --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n background-color: var(--u-current-bg-color);\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n background-color: var(--u-current-bg-color);\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`"
3641
- }
3642
- ],
3643
- "exports": [
3644
- {
3645
- "kind": "js",
3646
- "name": "styles",
3647
- "declaration": {
3648
- "name": "styles",
3649
- "module": "src/card/card.styles.ts"
3650
- }
3651
- }
3652
- ]
3653
- },
3654
- {
3655
- "kind": "javascript-module",
3656
- "path": "src/card/card.ts",
3657
- "declarations": [
3658
- {
3659
- "kind": "class",
3660
- "description": "",
3661
- "name": "UmCard",
3662
- "members": [
3876
+ "description": "Adds elevation to the chip",
3877
+ "attribute": "elevated",
3878
+ "reflects": true
3879
+ },
3663
3880
  {
3664
3881
  "kind": "field",
3665
- "name": "variant",
3882
+ "name": "toggle",
3666
3883
  "type": {
3667
- "text": "UmCardVariant"
3884
+ "text": "boolean"
3668
3885
  },
3669
- "default": "'filled'",
3670
- "description": "The Card variant to render.",
3671
- "attribute": "variant",
3886
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
3887
+ "attribute": "toggle",
3672
3888
  "reflects": true
3673
- }
3674
- ],
3675
- "attributes": [
3889
+ },
3676
3890
  {
3677
- "name": "variant",
3891
+ "kind": "field",
3892
+ "name": "removable",
3678
3893
  "type": {
3679
- "text": "UmCardVariant"
3680
- },
3681
- "default": "'filled'",
3682
- "description": "The Card variant to render.",
3683
- "fieldName": "variant"
3684
- }
3685
- ],
3686
- "superclass": {
3687
- "name": "LitElement",
3688
- "package": "lit"
3689
- },
3690
- "tagName": "u-card",
3691
- "customElement": true
3692
- }
3693
- ],
3694
- "exports": [
3695
- {
3696
- "kind": "js",
3697
- "name": "UmCard",
3698
- "declaration": {
3699
- "name": "UmCard",
3700
- "module": "src/card/card.ts"
3701
- }
3702
- },
3703
- {
3704
- "kind": "custom-element-definition",
3705
- "name": "u-card",
3706
- "declaration": {
3707
- "name": "UmCard",
3708
- "module": "src/card/card.ts"
3709
- }
3710
- }
3711
- ]
3712
- },
3713
- {
3714
- "kind": "javascript-module",
3715
- "path": "src/chip/chip-set.styles.ts",
3716
- "declarations": [
3717
- {
3718
- "kind": "variable",
3719
- "name": "styles",
3720
- "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
3721
- }
3722
- ],
3723
- "exports": [
3724
- {
3725
- "kind": "js",
3726
- "name": "styles",
3727
- "declaration": {
3728
- "name": "styles",
3729
- "module": "src/chip/chip-set.styles.ts"
3730
- }
3731
- }
3732
- ]
3733
- },
3734
- {
3735
- "kind": "javascript-module",
3736
- "path": "src/chip/chip-set.ts",
3737
- "declarations": [
3738
- {
3739
- "kind": "class",
3740
- "description": "",
3741
- "name": "UmChipSet",
3742
- "members": [
3743
- {
3744
- "kind": "field",
3745
- "name": "alignment",
3746
- "type": {
3747
- "text": "'start' | 'center' | 'end'"
3748
- },
3749
- "default": "'start'",
3750
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3751
- "attribute": "alignment",
3752
- "reflects": true,
3753
- "inheritedFrom": {
3754
- "name": "UmSetBase",
3755
- "module": "src/shared/sets/set-base.ts"
3756
- }
3757
- }
3758
- ],
3759
- "superclass": {
3760
- "name": "UmSetBase",
3761
- "module": "/src/shared/sets/set-base.js"
3762
- },
3763
- "tagName": "u-chip-set",
3764
- "customElement": true,
3765
- "attributes": [
3766
- {
3767
- "name": "alignment",
3768
- "type": {
3769
- "text": "'start' | 'center' | 'end'"
3770
- },
3771
- "default": "'start'",
3772
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3773
- "fieldName": "alignment",
3774
- "inheritedFrom": {
3775
- "name": "UmSetBase",
3776
- "module": "src/shared/sets/set-base.ts"
3777
- }
3778
- }
3779
- ]
3780
- }
3781
- ],
3782
- "exports": [
3783
- {
3784
- "kind": "js",
3785
- "name": "UmChipSet",
3786
- "declaration": {
3787
- "name": "UmChipSet",
3788
- "module": "src/chip/chip-set.ts"
3789
- }
3790
- },
3791
- {
3792
- "kind": "custom-element-definition",
3793
- "name": "u-chip-set",
3794
- "declaration": {
3795
- "name": "UmChipSet",
3796
- "module": "src/chip/chip-set.ts"
3797
- }
3798
- }
3799
- ]
3800
- },
3801
- {
3802
- "kind": "javascript-module",
3803
- "path": "src/chip/chip.styles.ts",
3804
- "declarations": [
3805
- {
3806
- "kind": "variable",
3807
- "name": "styles",
3808
- "default": "css `\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: 1em;\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\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-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
3809
- }
3810
- ],
3811
- "exports": [
3812
- {
3813
- "kind": "js",
3814
- "name": "styles",
3815
- "declaration": {
3816
- "name": "styles",
3817
- "module": "src/chip/chip.styles.ts"
3818
- }
3819
- }
3820
- ]
3821
- },
3822
- {
3823
- "kind": "javascript-module",
3824
- "path": "src/chip/chip.ts",
3825
- "declarations": [
3826
- {
3827
- "kind": "class",
3828
- "description": "",
3829
- "name": "UmChip",
3830
- "members": [
3831
- {
3832
- "kind": "field",
3833
- "name": "#clickable",
3834
- "privacy": "private",
3835
- "type": {
3836
- "text": "boolean"
3837
- },
3838
- "default": "false"
3839
- },
3840
- {
3841
- "kind": "field",
3842
- "name": "#toggle",
3843
- "privacy": "private",
3844
- "type": {
3845
- "text": "boolean"
3846
- },
3847
- "default": "false"
3848
- },
3849
- {
3850
- "kind": "field",
3851
- "name": "selected",
3852
- "type": {
3853
- "text": "boolean"
3854
- },
3855
- "default": "false",
3856
- "description": "Whether the chip is selected or not",
3857
- "attribute": "selected",
3858
- "reflects": true
3859
- },
3860
- {
3861
- "kind": "field",
3862
- "name": "clickable",
3863
- "type": {
3864
- "text": "boolean"
3865
- },
3866
- "attribute": "clickable",
3867
- "reflects": true
3868
- },
3869
- {
3870
- "kind": "field",
3871
- "name": "elevated",
3872
- "type": {
3873
- "text": "boolean"
3874
- },
3875
- "default": "false",
3876
- "description": "Adds elevation to the chip",
3877
- "attribute": "elevated",
3878
- "reflects": true
3879
- },
3880
- {
3881
- "kind": "field",
3882
- "name": "toggle",
3883
- "type": {
3884
- "text": "boolean"
3885
- },
3886
- "description": "When true, the chip will toggle between selected and unselected\nstates",
3887
- "attribute": "toggle",
3888
- "reflects": true
3889
- },
3890
- {
3891
- "kind": "field",
3892
- "name": "removable",
3893
- "type": {
3894
- "text": "boolean"
3894
+ "text": "boolean"
3895
3895
  },
3896
3896
  "default": "false",
3897
3897
  "description": "Add the remove icon",
@@ -12004,33 +12004,12 @@
12004
12004
  },
12005
12005
  {
12006
12006
  "kind": "javascript-module",
12007
- "path": "src/shared/base.styles.ts",
12008
- "declarations": [
12009
- {
12010
- "kind": "variable",
12011
- "name": "styles",
12012
- "default": "css `\n :host,\n * {\n --_focus-ring-outline-offset: var(--u-focus-ring-outline-offset, 2px);\n 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 box-sizing: border-box;\n outline: 0;\n }\n\n :host(.force-focus-ring) .focus-ring,\n .focus-ring:focus-visible {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n animation: u-focus-pulse 500ms ease;\n animation-fill-mode: forwards;\n outline-offset: var(--_focus-ring-outline-offset);\n }\n\n @keyframes u-focus-pulse {\n 0% {\n outline: 0 solid var(--_color-primary);\n }\n 50% {\n outline: 6px solid var(--_color-primary);\n }\n 100% {\n outline: 4px solid var(--_color-primary);\n }\n }\n`"
12013
- }
12014
- ],
12015
- "exports": [
12016
- {
12017
- "kind": "js",
12018
- "name": "styles",
12019
- "declaration": {
12020
- "name": "styles",
12021
- "module": "src/shared/base.styles.ts"
12022
- }
12023
- }
12024
- ]
12025
- },
12026
- {
12027
- "kind": "javascript-module",
12028
- "path": "src/shared/button-wrapper.styles.ts",
12007
+ "path": "src/snackbar/snackbar.styles.ts",
12029
12008
  "declarations": [
12030
12009
  {
12031
12010
  "kind": "variable",
12032
12011
  "name": "styles",
12033
- "default": "css `\n :host {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n -webkit-tap-highlight-color: transparent;\n --u-elevation-level: 0;\n position: relative;\n display: inline-block;\n 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 appearance: none !important;\n }\n\n :host([disabled]) {\n --u-elevation-level: 0 !important;\n background-color: var(--u-button-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;\n color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;\n }\n\n :host([disabled]) .button {\n cursor: default;\n }\n\n * {\n color: inherit;\n }\n\n u-elevation {\n z-index: -1;\n }\n\n .button {\n cursor: pointer;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100%;\n height: 100%;\n font-family: inherit;\n border-radius: inherit;\n color: inherit;\n border: none;\n margin: 0;\n padding: 0;\n text-align: center;\n white-space: nowrap;\n background: transparent;\n user-select: none;\n text-decoration: none;\n outline: 0;\n z-index: 0;\n }\n\n .content {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n border-radius: inherit;\n width: 100%;\n height: 100%;\n }\n`"
12012
+ "default": "css `\n :host {\n --u-elevation-level: var(--u-snackbar-elevation-level, 3);\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-medium, 16px));\n position: fixed;\n inset-inline: 0;\n inset-block-end: 0;\n padding: var(--_snackbar-margin);\n z-index: var(--u-snackbar-z-index, 1070);\n display: flex;\n justify-content: center;\n }\n\n .snackbar {\n display: flex;\n align-items: center;\n min-height: var(--u-snackbar-height, 48px);\n color: var(--u-snackbar-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n background-color: var(--u-snackbar-bg-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n border-radius: var(--u-snackbar-shape, var(--u-shape-corner-extra-small, 4px));\n animation-name: snackbar-fade-in;\n animation-duration: 450ms;\n animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n animation-fill-mode: forwards;\n min-width: var(--u-snackbar-min-width, 100%);\n max-width: var(--u-snackbar-max-width, 100%);\n }\n .snackbar.dismiss {\n animation-name: snackbar-fade-out;\n }\n\n u-button {\n color: var(--u-color-inverse-primary, );\n margin-inline: var(--u-snackbar-text-button-margin, var(--u-spacing-small, 8px));\n }\n\n u-icon-button {\n color: var(--u-color-on-inverse-surface, rgb(245, 239, 247));\n margin-inline: var(--u-snackbar-close-button-margin, var(--u-spacing-extra-small, 4px));\n }\n\n .label {\n flex: 1;\n overflow: hidden;\n color: var(--u-on-inverse-surface-color);\n padding: var(--u-snackbar-text-margin, var(--u-spacing-medium, 16px));\n line-height: 18px;\n }\n\n @media (min-width: 840px) {\n :host {\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-large, 24px));\n }\n .snackbar {\n min-width: var(--u-snackbar-min-width, 288px);\n max-width: var(--u-snackbar-max-width, 568px);\n }\n }\n @keyframes snackbar-fade-in {\n 0% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes snackbar-fade-out {\n 0% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 100% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n }\n`"
12034
12013
  }
12035
12014
  ],
12036
12015
  "exports": [
@@ -12039,95 +12018,75 @@
12039
12018
  "name": "styles",
12040
12019
  "declaration": {
12041
12020
  "name": "styles",
12042
- "module": "src/shared/button-wrapper.styles.ts"
12021
+ "module": "src/snackbar/snackbar.styles.ts"
12043
12022
  }
12044
12023
  }
12045
12024
  ]
12046
12025
  },
12047
12026
  {
12048
12027
  "kind": "javascript-module",
12049
- "path": "src/shared/button-wrapper.ts",
12028
+ "path": "src/snackbar/snackbar.ts",
12050
12029
  "declarations": [
12051
12030
  {
12052
12031
  "kind": "class",
12053
12032
  "description": "",
12054
- "name": "UmButtonWrapper",
12033
+ "name": "UmSnackbar",
12055
12034
  "members": [
12056
12035
  {
12057
12036
  "kind": "field",
12058
- "name": "disabled",
12037
+ "name": "label",
12059
12038
  "type": {
12060
- "text": "boolean"
12039
+ "text": "string"
12061
12040
  },
12062
- "default": "false",
12063
- "description": "Whether the button is disabled or not.",
12064
- "attribute": "disabled",
12041
+ "default": "''",
12042
+ "attribute": "label",
12065
12043
  "reflects": true
12066
12044
  },
12067
12045
  {
12068
12046
  "kind": "field",
12069
- "name": "renderRipple",
12047
+ "name": "buttonLabel",
12070
12048
  "type": {
12071
- "text": "boolean"
12049
+ "text": "string"
12072
12050
  },
12073
- "default": "true"
12051
+ "default": "''",
12052
+ "attribute": "buttonLabel",
12053
+ "reflects": true
12074
12054
  },
12075
12055
  {
12076
12056
  "kind": "field",
12077
- "name": "href",
12057
+ "name": "showClose",
12078
12058
  "type": {
12079
- "text": "string | undefined"
12059
+ "text": "boolean"
12080
12060
  },
12081
- "description": "The URL that the link button points to.",
12082
- "attribute": "href"
12061
+ "default": "false",
12062
+ "attribute": "show-close",
12063
+ "reflects": true
12083
12064
  },
12084
12065
  {
12085
12066
  "kind": "field",
12086
- "name": "target",
12067
+ "name": "dismissed",
12087
12068
  "type": {
12088
- "text": "string | undefined"
12069
+ "text": "boolean"
12089
12070
  },
12090
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
12091
- "attribute": "target"
12071
+ "default": "false",
12072
+ "attribute": "dismissed",
12073
+ "reflects": true
12092
12074
  },
12093
12075
  {
12094
12076
  "kind": "field",
12095
- "name": "name",
12077
+ "name": "duration",
12096
12078
  "type": {
12097
- "text": "string | undefined"
12079
+ "text": "SnackbarDuration"
12098
12080
  },
12099
- "attribute": "name"
12081
+ "privacy": "private"
12100
12082
  },
12101
12083
  {
12102
12084
  "kind": "field",
12103
- "name": "buttonElement",
12085
+ "name": "snackbar",
12104
12086
  "type": {
12105
12087
  "text": "HTMLElement"
12106
- }
12107
- },
12108
- {
12109
- "kind": "field",
12110
- "name": "ripple",
12111
- "type": {
12112
- "text": "UmRipple"
12113
- },
12114
- "privacy": "private"
12115
- },
12116
- {
12117
- "kind": "field",
12118
- "name": "innerRole",
12119
- "type": {
12120
- "text": "string | null"
12121
- },
12122
- "privacy": "protected",
12123
- "default": "null"
12124
- },
12125
- {
12126
- "kind": "field",
12127
- "name": "pathname",
12128
- "type": {
12129
- "text": "string"
12130
- }
12088
+ },
12089
+ "privacy": "private"
12131
12090
  },
12132
12091
  {
12133
12092
  "kind": "method",
@@ -12136,78 +12095,118 @@
12136
12095
  },
12137
12096
  {
12138
12097
  "kind": "method",
12139
- "name": "renderLink",
12098
+ "name": "renderCloseButton",
12140
12099
  "privacy": "private"
12141
12100
  },
12142
12101
  {
12143
12102
  "kind": "method",
12144
- "name": "renderContent",
12145
- "privacy": "protected",
12103
+ "name": "dismiss",
12146
12104
  "return": {
12147
12105
  "type": {
12148
- "text": "HTMLTemplateResult"
12106
+ "text": "void"
12149
12107
  }
12150
12108
  }
12151
12109
  },
12152
12110
  {
12153
- "kind": "method",
12154
- "name": "focus"
12111
+ "kind": "field",
12112
+ "name": "_queue",
12113
+ "type": {
12114
+ "text": "UmSnackbar[]"
12115
+ },
12116
+ "privacy": "private",
12117
+ "static": true,
12118
+ "default": "[]"
12155
12119
  },
12156
12120
  {
12157
- "kind": "method",
12158
- "name": "blur"
12121
+ "kind": "field",
12122
+ "name": "_consuming",
12123
+ "type": {
12124
+ "text": "boolean"
12125
+ },
12126
+ "privacy": "private",
12127
+ "static": true
12159
12128
  },
12160
12129
  {
12161
12130
  "kind": "method",
12162
- "name": "getAriaLabel",
12163
- "privacy": "protected",
12131
+ "name": "show",
12132
+ "static": true,
12164
12133
  "return": {
12165
12134
  "type": {
12166
- "text": "string | null"
12135
+ "text": "UmSnackbar"
12167
12136
  }
12168
- }
12137
+ },
12138
+ "parameters": [
12139
+ {
12140
+ "name": "label",
12141
+ "type": {
12142
+ "text": "string"
12143
+ }
12144
+ }
12145
+ ]
12169
12146
  },
12170
12147
  {
12171
12148
  "kind": "method",
12172
- "name": "innerFocusHandler",
12173
- "privacy": "private",
12149
+ "name": "show",
12150
+ "static": true,
12174
12151
  "return": {
12175
12152
  "type": {
12176
- "text": "void"
12153
+ "text": "UmSnackbar"
12177
12154
  }
12178
- }
12155
+ },
12156
+ "parameters": [
12157
+ {
12158
+ "name": "config",
12159
+ "type": {
12160
+ "text": "SnackbarConfig"
12161
+ }
12162
+ }
12163
+ ]
12179
12164
  },
12180
12165
  {
12181
12166
  "kind": "method",
12182
- "name": "#innerClickHandler",
12167
+ "name": "show",
12168
+ "static": true,
12183
12169
  "return": {
12184
12170
  "type": {
12185
- "text": "void"
12171
+ "text": "UmSnackbar"
12186
12172
  }
12187
12173
  },
12188
12174
  "parameters": [
12189
12175
  {
12190
- "name": "event",
12176
+ "name": "configOrLabel",
12191
12177
  "type": {
12192
- "text": "MouseEvent"
12178
+ "text": "SnackbarConfig | string"
12193
12179
  }
12194
12180
  }
12195
12181
  ]
12196
12182
  },
12197
12183
  {
12198
12184
  "kind": "method",
12199
- "name": "handleClick",
12200
- "privacy": "protected",
12185
+ "name": "consumeQueue",
12186
+ "privacy": "private",
12187
+ "static": true
12188
+ },
12189
+ {
12190
+ "kind": "method",
12191
+ "name": "showNext",
12192
+ "privacy": "private",
12193
+ "static": true
12194
+ },
12195
+ {
12196
+ "kind": "method",
12197
+ "name": "createSnackbar",
12198
+ "privacy": "private",
12199
+ "static": true,
12201
12200
  "return": {
12202
12201
  "type": {
12203
- "text": "void"
12202
+ "text": "UmSnackbar"
12204
12203
  }
12205
12204
  },
12206
12205
  "parameters": [
12207
12206
  {
12208
- "name": "_",
12207
+ "name": "config",
12209
12208
  "type": {
12210
- "text": "UIEvent"
12209
+ "text": "SnackbarConfig"
12211
12210
  }
12212
12211
  }
12213
12212
  ]
@@ -12215,282 +12214,191 @@
12215
12214
  ],
12216
12215
  "attributes": [
12217
12216
  {
12218
- "name": "disabled",
12217
+ "name": "label",
12219
12218
  "type": {
12220
- "text": "boolean"
12219
+ "text": "string"
12221
12220
  },
12222
- "default": "false",
12223
- "description": "Whether the button is disabled or not.",
12224
- "fieldName": "disabled"
12221
+ "default": "''",
12222
+ "fieldName": "label"
12225
12223
  },
12226
12224
  {
12227
- "name": "href",
12225
+ "name": "buttonLabel",
12228
12226
  "type": {
12229
- "text": "string | undefined"
12227
+ "text": "string"
12230
12228
  },
12231
- "description": "The URL that the link button points to.",
12232
- "fieldName": "href"
12229
+ "default": "''",
12230
+ "fieldName": "buttonLabel"
12233
12231
  },
12234
12232
  {
12235
- "name": "target",
12233
+ "name": "show-close",
12236
12234
  "type": {
12237
- "text": "string | undefined"
12235
+ "text": "boolean"
12238
12236
  },
12239
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
12240
- "fieldName": "target"
12237
+ "default": "false",
12238
+ "fieldName": "showClose"
12241
12239
  },
12242
12240
  {
12243
- "name": "name",
12241
+ "name": "dismissed",
12244
12242
  "type": {
12245
- "text": "string | undefined"
12243
+ "text": "boolean"
12246
12244
  },
12247
- "fieldName": "name"
12245
+ "default": "false",
12246
+ "fieldName": "dismissed"
12248
12247
  }
12249
12248
  ],
12250
12249
  "superclass": {
12251
12250
  "name": "LitElement",
12252
12251
  "package": "lit"
12253
12252
  },
12253
+ "tagName": "u-snackbar",
12254
12254
  "customElement": true
12255
12255
  }
12256
12256
  ],
12257
12257
  "exports": [
12258
12258
  {
12259
12259
  "kind": "js",
12260
- "name": "UmButtonWrapper",
12260
+ "name": "UmSnackbar",
12261
12261
  "declaration": {
12262
- "name": "UmButtonWrapper",
12263
- "module": "src/shared/button-wrapper.ts"
12262
+ "name": "UmSnackbar",
12263
+ "module": "src/snackbar/snackbar.ts"
12264
+ }
12265
+ },
12266
+ {
12267
+ "kind": "custom-element-definition",
12268
+ "name": "u-snackbar",
12269
+ "declaration": {
12270
+ "name": "UmSnackbar",
12271
+ "module": "src/snackbar/snackbar.ts"
12264
12272
  }
12265
12273
  }
12266
12274
  ]
12267
12275
  },
12268
12276
  {
12269
12277
  "kind": "javascript-module",
12270
- "path": "src/shared/compare-text.ts",
12278
+ "path": "src/shared/base.styles.ts",
12271
12279
  "declarations": [
12272
12280
  {
12273
- "kind": "function",
12274
- "name": "normalizedStartsWith",
12275
- "return": {
12276
- "type": {
12277
- "text": "boolean"
12278
- }
12279
- },
12280
- "parameters": [
12281
- {
12282
- "name": "text",
12283
- "type": {
12284
- "text": "string | null"
12285
- }
12286
- },
12287
- {
12288
- "name": "term",
12289
- "type": {
12290
- "text": "string | null"
12291
- }
12292
- }
12293
- ]
12281
+ "kind": "variable",
12282
+ "name": "styles",
12283
+ "default": "css `\n :host,\n * {\n --_focus-ring-outline-offset: var(--u-focus-ring-outline-offset, 2px);\n 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 box-sizing: border-box;\n outline: 0;\n }\n\n :host(.force-focus-ring) .focus-ring,\n .focus-ring:focus-visible {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n animation: u-focus-pulse 500ms ease;\n animation-fill-mode: forwards;\n outline-offset: var(--_focus-ring-outline-offset);\n }\n\n @keyframes u-focus-pulse {\n 0% {\n outline: 0 solid var(--_color-primary);\n }\n 50% {\n outline: 6px solid var(--_color-primary);\n }\n 100% {\n outline: 4px solid var(--_color-primary);\n }\n }\n`"
12294
12284
  }
12295
12285
  ],
12296
12286
  "exports": [
12297
12287
  {
12298
12288
  "kind": "js",
12299
- "name": "normalizedStartsWith",
12289
+ "name": "styles",
12300
12290
  "declaration": {
12301
- "name": "normalizedStartsWith",
12302
- "module": "src/shared/compare-text.ts"
12291
+ "name": "styles",
12292
+ "module": "src/shared/base.styles.ts"
12303
12293
  }
12304
12294
  }
12305
12295
  ]
12306
12296
  },
12307
12297
  {
12308
12298
  "kind": "javascript-module",
12309
- "path": "src/shared/extract-template-html.ts",
12299
+ "path": "src/shared/button-wrapper.styles.ts",
12310
12300
  "declarations": [
12311
12301
  {
12312
- "kind": "function",
12313
- "name": "extractTemplateHtml",
12314
- "parameters": [
12315
- {
12316
- "name": "template",
12317
- "type": {
12318
- "text": "HTMLTemplateElement"
12319
- }
12320
- }
12321
- ]
12302
+ "kind": "variable",
12303
+ "name": "styles",
12304
+ "default": "css `\n :host {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n -webkit-tap-highlight-color: transparent;\n --u-elevation-level: 0;\n position: relative;\n display: inline-block;\n 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 appearance: none !important;\n }\n\n :host([disabled]) {\n --u-elevation-level: 0 !important;\n background-color: var(--u-button-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;\n color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;\n }\n\n :host([disabled]) .button {\n cursor: default;\n }\n\n * {\n color: inherit;\n }\n\n u-elevation {\n z-index: -1;\n }\n\n .button {\n cursor: pointer;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100%;\n height: 100%;\n font-family: inherit;\n border-radius: inherit;\n color: inherit;\n border: none;\n margin: 0;\n padding: 0;\n text-align: center;\n white-space: nowrap;\n background: transparent;\n user-select: none;\n text-decoration: none;\n outline: 0;\n z-index: 0;\n }\n\n .content {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n border-radius: inherit;\n width: 100%;\n height: 100%;\n }\n`"
12322
12305
  }
12323
12306
  ],
12324
12307
  "exports": [
12325
12308
  {
12326
12309
  "kind": "js",
12327
- "name": "extractTemplateHtml",
12310
+ "name": "styles",
12328
12311
  "declaration": {
12329
- "name": "extractTemplateHtml",
12330
- "module": "src/shared/extract-template-html.ts"
12312
+ "name": "styles",
12313
+ "module": "src/shared/button-wrapper.styles.ts"
12331
12314
  }
12332
12315
  }
12333
12316
  ]
12334
12317
  },
12335
12318
  {
12336
12319
  "kind": "javascript-module",
12337
- "path": "src/shared/mixin-attribute-properties.ts",
12320
+ "path": "src/shared/button-wrapper.ts",
12338
12321
  "declarations": [
12339
12322
  {
12340
- "kind": "mixin",
12323
+ "kind": "class",
12341
12324
  "description": "",
12342
- "name": "mixinAttributeProperties",
12343
- "parameters": [
12325
+ "name": "UmButtonWrapper",
12326
+ "members": [
12344
12327
  {
12345
- "name": "base",
12328
+ "kind": "field",
12329
+ "name": "disabled",
12346
12330
  "type": {
12347
- "text": "T"
12348
- }
12331
+ "text": "boolean"
12332
+ },
12333
+ "default": "false",
12334
+ "description": "Whether the button is disabled or not.",
12335
+ "attribute": "disabled",
12336
+ "reflects": true
12349
12337
  },
12350
12338
  {
12351
- "name": "properties",
12339
+ "kind": "field",
12340
+ "name": "renderRipple",
12352
12341
  "type": {
12353
- "text": "string[]"
12354
- }
12355
- }
12356
- ]
12357
- }
12358
- ],
12359
- "exports": [
12360
- {
12361
- "kind": "js",
12362
- "name": "mixinAttributeProperties",
12363
- "declaration": {
12364
- "name": "mixinAttributeProperties",
12365
- "module": "src/shared/mixin-attribute-properties.ts"
12366
- }
12367
- }
12368
- ]
12369
- },
12370
- {
12371
- "kind": "javascript-module",
12372
- "path": "src/shared/mixin.ts",
12373
- "declarations": [],
12374
- "exports": []
12375
- },
12376
- {
12377
- "kind": "javascript-module",
12378
- "path": "src/shared/normalize-text.ts",
12379
- "declarations": [
12380
- {
12381
- "kind": "function",
12382
- "name": "normalizeText",
12383
- "return": {
12384
- "type": {
12385
- "text": "string"
12386
- }
12387
- },
12388
- "parameters": [
12389
- {
12390
- "name": "text",
12391
- "type": {
12392
- "text": "string | null"
12393
- }
12394
- }
12395
- ]
12396
- }
12397
- ],
12398
- "exports": [
12399
- {
12400
- "kind": "js",
12401
- "name": "normalizeText",
12402
- "declaration": {
12403
- "name": "normalizeText",
12404
- "module": "src/shared/normalize-text.ts"
12405
- }
12406
- }
12407
- ]
12408
- },
12409
- {
12410
- "kind": "javascript-module",
12411
- "path": "src/snackbar/snackbar.styles.ts",
12412
- "declarations": [
12413
- {
12414
- "kind": "variable",
12415
- "name": "styles",
12416
- "default": "css `\n :host {\n --u-elevation-level: var(--u-snackbar-elevation-level, 3);\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-medium, 16px));\n position: fixed;\n inset-inline: 0;\n inset-block-end: 0;\n padding: var(--_snackbar-margin);\n z-index: var(--u-snackbar-z-index, 1070);\n display: flex;\n justify-content: center;\n }\n\n .snackbar {\n display: flex;\n align-items: center;\n min-height: var(--u-snackbar-height, 48px);\n color: var(--u-snackbar-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n background-color: var(--u-snackbar-bg-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n border-radius: var(--u-snackbar-shape, var(--u-shape-corner-extra-small, 4px));\n animation-name: snackbar-fade-in;\n animation-duration: 450ms;\n animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n animation-fill-mode: forwards;\n min-width: var(--u-snackbar-min-width, 100%);\n max-width: var(--u-snackbar-max-width, 100%);\n }\n .snackbar.dismiss {\n animation-name: snackbar-fade-out;\n }\n\n u-button {\n color: var(--u-color-inverse-primary, );\n margin-inline: var(--u-snackbar-text-button-margin, var(--u-spacing-small, 8px));\n }\n\n u-icon-button {\n color: var(--u-color-on-inverse-surface, rgb(245, 239, 247));\n margin-inline: var(--u-snackbar-close-button-margin, var(--u-spacing-extra-small, 4px));\n }\n\n .label {\n flex: 1;\n overflow: hidden;\n color: var(--u-on-inverse-surface-color);\n padding: var(--u-snackbar-text-margin, var(--u-spacing-medium, 16px));\n line-height: 18px;\n }\n\n @media (min-width: 840px) {\n :host {\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-large, 24px));\n }\n .snackbar {\n min-width: var(--u-snackbar-min-width, 288px);\n max-width: var(--u-snackbar-max-width, 568px);\n }\n }\n @keyframes snackbar-fade-in {\n 0% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes snackbar-fade-out {\n 0% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 100% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n }\n`"
12417
- }
12418
- ],
12419
- "exports": [
12420
- {
12421
- "kind": "js",
12422
- "name": "styles",
12423
- "declaration": {
12424
- "name": "styles",
12425
- "module": "src/snackbar/snackbar.styles.ts"
12426
- }
12427
- }
12428
- ]
12429
- },
12430
- {
12431
- "kind": "javascript-module",
12432
- "path": "src/snackbar/snackbar.ts",
12433
- "declarations": [
12434
- {
12435
- "kind": "class",
12436
- "description": "",
12437
- "name": "UmSnackbar",
12438
- "members": [
12342
+ "text": "boolean"
12343
+ },
12344
+ "default": "true"
12345
+ },
12439
12346
  {
12440
12347
  "kind": "field",
12441
- "name": "label",
12348
+ "name": "href",
12442
12349
  "type": {
12443
- "text": "string"
12350
+ "text": "string | undefined"
12444
12351
  },
12445
- "default": "''",
12446
- "attribute": "label",
12447
- "reflects": true
12352
+ "description": "The URL that the link button points to.",
12353
+ "attribute": "href"
12448
12354
  },
12449
12355
  {
12450
12356
  "kind": "field",
12451
- "name": "buttonLabel",
12357
+ "name": "target",
12452
12358
  "type": {
12453
- "text": "string"
12359
+ "text": "string | undefined"
12454
12360
  },
12455
- "default": "''",
12456
- "attribute": "buttonLabel",
12457
- "reflects": true
12361
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
12362
+ "attribute": "target"
12458
12363
  },
12459
12364
  {
12460
12365
  "kind": "field",
12461
- "name": "showClose",
12366
+ "name": "name",
12462
12367
  "type": {
12463
- "text": "boolean"
12368
+ "text": "string | undefined"
12464
12369
  },
12465
- "default": "false",
12466
- "attribute": "show-close",
12467
- "reflects": true
12370
+ "attribute": "name"
12468
12371
  },
12469
12372
  {
12470
12373
  "kind": "field",
12471
- "name": "dismissed",
12374
+ "name": "buttonElement",
12472
12375
  "type": {
12473
- "text": "boolean"
12474
- },
12475
- "default": "false",
12476
- "attribute": "dismissed",
12477
- "reflects": true
12376
+ "text": "HTMLElement"
12377
+ }
12478
12378
  },
12479
12379
  {
12480
12380
  "kind": "field",
12481
- "name": "duration",
12381
+ "name": "ripple",
12482
12382
  "type": {
12483
- "text": "SnackbarDuration"
12383
+ "text": "UmRipple"
12484
12384
  },
12485
12385
  "privacy": "private"
12486
12386
  },
12487
12387
  {
12488
12388
  "kind": "field",
12489
- "name": "snackbar",
12389
+ "name": "innerRole",
12490
12390
  "type": {
12491
- "text": "HTMLElement"
12391
+ "text": "string | null"
12492
12392
  },
12493
- "privacy": "private"
12393
+ "privacy": "protected",
12394
+ "default": "null"
12395
+ },
12396
+ {
12397
+ "kind": "field",
12398
+ "name": "pathname",
12399
+ "type": {
12400
+ "text": "string"
12401
+ }
12494
12402
  },
12495
12403
  {
12496
12404
  "kind": "method",
@@ -12499,118 +12407,78 @@
12499
12407
  },
12500
12408
  {
12501
12409
  "kind": "method",
12502
- "name": "renderCloseButton",
12410
+ "name": "renderLink",
12503
12411
  "privacy": "private"
12504
12412
  },
12505
12413
  {
12506
12414
  "kind": "method",
12507
- "name": "dismiss",
12415
+ "name": "renderContent",
12416
+ "privacy": "protected",
12508
12417
  "return": {
12509
12418
  "type": {
12510
- "text": "void"
12419
+ "text": "HTMLTemplateResult"
12511
12420
  }
12512
12421
  }
12513
12422
  },
12514
12423
  {
12515
- "kind": "field",
12516
- "name": "_queue",
12517
- "type": {
12518
- "text": "UmSnackbar[]"
12519
- },
12520
- "privacy": "private",
12521
- "static": true,
12522
- "default": "[]"
12424
+ "kind": "method",
12425
+ "name": "focus"
12523
12426
  },
12524
12427
  {
12525
- "kind": "field",
12526
- "name": "_consuming",
12527
- "type": {
12528
- "text": "boolean"
12529
- },
12530
- "privacy": "private",
12531
- "static": true
12428
+ "kind": "method",
12429
+ "name": "blur"
12532
12430
  },
12533
12431
  {
12534
12432
  "kind": "method",
12535
- "name": "show",
12536
- "static": true,
12433
+ "name": "getAriaLabel",
12434
+ "privacy": "protected",
12537
12435
  "return": {
12538
12436
  "type": {
12539
- "text": "UmSnackbar"
12540
- }
12541
- },
12542
- "parameters": [
12543
- {
12544
- "name": "label",
12545
- "type": {
12546
- "text": "string"
12547
- }
12437
+ "text": "string | null"
12548
12438
  }
12549
- ]
12439
+ }
12550
12440
  },
12551
12441
  {
12552
12442
  "kind": "method",
12553
- "name": "show",
12554
- "static": true,
12443
+ "name": "innerFocusHandler",
12444
+ "privacy": "private",
12555
12445
  "return": {
12556
12446
  "type": {
12557
- "text": "UmSnackbar"
12558
- }
12559
- },
12560
- "parameters": [
12561
- {
12562
- "name": "config",
12563
- "type": {
12564
- "text": "SnackbarConfig"
12565
- }
12447
+ "text": "void"
12566
12448
  }
12567
- ]
12449
+ }
12568
12450
  },
12569
12451
  {
12570
12452
  "kind": "method",
12571
- "name": "show",
12572
- "static": true,
12453
+ "name": "#innerClickHandler",
12573
12454
  "return": {
12574
12455
  "type": {
12575
- "text": "UmSnackbar"
12456
+ "text": "void"
12576
12457
  }
12577
12458
  },
12578
12459
  "parameters": [
12579
12460
  {
12580
- "name": "configOrLabel",
12461
+ "name": "event",
12581
12462
  "type": {
12582
- "text": "SnackbarConfig | string"
12463
+ "text": "MouseEvent"
12583
12464
  }
12584
12465
  }
12585
12466
  ]
12586
12467
  },
12587
12468
  {
12588
12469
  "kind": "method",
12589
- "name": "consumeQueue",
12590
- "privacy": "private",
12591
- "static": true
12592
- },
12593
- {
12594
- "kind": "method",
12595
- "name": "showNext",
12596
- "privacy": "private",
12597
- "static": true
12598
- },
12599
- {
12600
- "kind": "method",
12601
- "name": "createSnackbar",
12602
- "privacy": "private",
12603
- "static": true,
12470
+ "name": "handleClick",
12471
+ "privacy": "protected",
12604
12472
  "return": {
12605
12473
  "type": {
12606
- "text": "UmSnackbar"
12474
+ "text": "void"
12607
12475
  }
12608
12476
  },
12609
12477
  "parameters": [
12610
12478
  {
12611
- "name": "config",
12479
+ "name": "_",
12612
12480
  "type": {
12613
- "text": "SnackbarConfig"
12481
+ "text": "UIEvent"
12614
12482
  }
12615
12483
  }
12616
12484
  ]
@@ -12618,61 +12486,193 @@
12618
12486
  ],
12619
12487
  "attributes": [
12620
12488
  {
12621
- "name": "label",
12489
+ "name": "disabled",
12622
12490
  "type": {
12623
- "text": "string"
12491
+ "text": "boolean"
12624
12492
  },
12625
- "default": "''",
12626
- "fieldName": "label"
12493
+ "default": "false",
12494
+ "description": "Whether the button is disabled or not.",
12495
+ "fieldName": "disabled"
12627
12496
  },
12628
12497
  {
12629
- "name": "buttonLabel",
12498
+ "name": "href",
12630
12499
  "type": {
12631
- "text": "string"
12500
+ "text": "string | undefined"
12632
12501
  },
12633
- "default": "''",
12634
- "fieldName": "buttonLabel"
12502
+ "description": "The URL that the link button points to.",
12503
+ "fieldName": "href"
12635
12504
  },
12636
12505
  {
12637
- "name": "show-close",
12506
+ "name": "target",
12638
12507
  "type": {
12639
- "text": "boolean"
12508
+ "text": "string | undefined"
12640
12509
  },
12641
- "default": "false",
12642
- "fieldName": "showClose"
12510
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
12511
+ "fieldName": "target"
12512
+ },
12513
+ {
12514
+ "name": "name",
12515
+ "type": {
12516
+ "text": "string | undefined"
12517
+ },
12518
+ "fieldName": "name"
12519
+ }
12520
+ ],
12521
+ "superclass": {
12522
+ "name": "LitElement",
12523
+ "package": "lit"
12524
+ },
12525
+ "customElement": true
12526
+ }
12527
+ ],
12528
+ "exports": [
12529
+ {
12530
+ "kind": "js",
12531
+ "name": "UmButtonWrapper",
12532
+ "declaration": {
12533
+ "name": "UmButtonWrapper",
12534
+ "module": "src/shared/button-wrapper.ts"
12535
+ }
12536
+ }
12537
+ ]
12538
+ },
12539
+ {
12540
+ "kind": "javascript-module",
12541
+ "path": "src/shared/compare-text.ts",
12542
+ "declarations": [
12543
+ {
12544
+ "kind": "function",
12545
+ "name": "normalizedStartsWith",
12546
+ "return": {
12547
+ "type": {
12548
+ "text": "boolean"
12549
+ }
12550
+ },
12551
+ "parameters": [
12552
+ {
12553
+ "name": "text",
12554
+ "type": {
12555
+ "text": "string | null"
12556
+ }
12557
+ },
12558
+ {
12559
+ "name": "term",
12560
+ "type": {
12561
+ "text": "string | null"
12562
+ }
12563
+ }
12564
+ ]
12565
+ }
12566
+ ],
12567
+ "exports": [
12568
+ {
12569
+ "kind": "js",
12570
+ "name": "normalizedStartsWith",
12571
+ "declaration": {
12572
+ "name": "normalizedStartsWith",
12573
+ "module": "src/shared/compare-text.ts"
12574
+ }
12575
+ }
12576
+ ]
12577
+ },
12578
+ {
12579
+ "kind": "javascript-module",
12580
+ "path": "src/shared/extract-template-html.ts",
12581
+ "declarations": [
12582
+ {
12583
+ "kind": "function",
12584
+ "name": "extractTemplateHtml",
12585
+ "parameters": [
12586
+ {
12587
+ "name": "template",
12588
+ "type": {
12589
+ "text": "HTMLTemplateElement"
12590
+ }
12591
+ }
12592
+ ]
12593
+ }
12594
+ ],
12595
+ "exports": [
12596
+ {
12597
+ "kind": "js",
12598
+ "name": "extractTemplateHtml",
12599
+ "declaration": {
12600
+ "name": "extractTemplateHtml",
12601
+ "module": "src/shared/extract-template-html.ts"
12602
+ }
12603
+ }
12604
+ ]
12605
+ },
12606
+ {
12607
+ "kind": "javascript-module",
12608
+ "path": "src/shared/mixin-attribute-properties.ts",
12609
+ "declarations": [
12610
+ {
12611
+ "kind": "mixin",
12612
+ "description": "",
12613
+ "name": "mixinAttributeProperties",
12614
+ "parameters": [
12615
+ {
12616
+ "name": "base",
12617
+ "type": {
12618
+ "text": "T"
12619
+ }
12643
12620
  },
12644
12621
  {
12645
- "name": "dismissed",
12622
+ "name": "properties",
12623
+ "type": {
12624
+ "text": "string[]"
12625
+ }
12626
+ }
12627
+ ]
12628
+ }
12629
+ ],
12630
+ "exports": [
12631
+ {
12632
+ "kind": "js",
12633
+ "name": "mixinAttributeProperties",
12634
+ "declaration": {
12635
+ "name": "mixinAttributeProperties",
12636
+ "module": "src/shared/mixin-attribute-properties.ts"
12637
+ }
12638
+ }
12639
+ ]
12640
+ },
12641
+ {
12642
+ "kind": "javascript-module",
12643
+ "path": "src/shared/mixin.ts",
12644
+ "declarations": [],
12645
+ "exports": []
12646
+ },
12647
+ {
12648
+ "kind": "javascript-module",
12649
+ "path": "src/shared/normalize-text.ts",
12650
+ "declarations": [
12651
+ {
12652
+ "kind": "function",
12653
+ "name": "normalizeText",
12654
+ "return": {
12655
+ "type": {
12656
+ "text": "string"
12657
+ }
12658
+ },
12659
+ "parameters": [
12660
+ {
12661
+ "name": "text",
12646
12662
  "type": {
12647
- "text": "boolean"
12648
- },
12649
- "default": "false",
12650
- "fieldName": "dismissed"
12663
+ "text": "string | null"
12664
+ }
12651
12665
  }
12652
- ],
12653
- "superclass": {
12654
- "name": "LitElement",
12655
- "package": "lit"
12656
- },
12657
- "tagName": "u-snackbar",
12658
- "customElement": true
12666
+ ]
12659
12667
  }
12660
12668
  ],
12661
12669
  "exports": [
12662
12670
  {
12663
12671
  "kind": "js",
12664
- "name": "UmSnackbar",
12665
- "declaration": {
12666
- "name": "UmSnackbar",
12667
- "module": "src/snackbar/snackbar.ts"
12668
- }
12669
- },
12670
- {
12671
- "kind": "custom-element-definition",
12672
- "name": "u-snackbar",
12672
+ "name": "normalizeText",
12673
12673
  "declaration": {
12674
- "name": "UmSnackbar",
12675
- "module": "src/snackbar/snackbar.ts"
12674
+ "name": "normalizeText",
12675
+ "module": "src/shared/normalize-text.ts"
12676
12676
  }
12677
12677
  }
12678
12678
  ]
@@ -17490,64 +17490,260 @@
17490
17490
  "module": "src/field/field-base.ts"
17491
17491
  }
17492
17492
  }
17493
- ],
17494
- "superclass": {
17495
- "name": "UmTextFieldBase",
17496
- "module": "/src/shared/text-field-base/text-field-base.js"
17497
- }
17493
+ ],
17494
+ "superclass": {
17495
+ "name": "UmTextFieldBase",
17496
+ "module": "/src/shared/text-field-base/text-field-base.js"
17497
+ }
17498
+ }
17499
+ ],
17500
+ "exports": [
17501
+ {
17502
+ "kind": "js",
17503
+ "name": "UmNativeTextFieldWrapper",
17504
+ "declaration": {
17505
+ "name": "UmNativeTextFieldWrapper",
17506
+ "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
17507
+ }
17508
+ }
17509
+ ]
17510
+ },
17511
+ {
17512
+ "kind": "javascript-module",
17513
+ "path": "src/shared/events/dispatch-event.ts",
17514
+ "declarations": [],
17515
+ "exports": []
17516
+ },
17517
+ {
17518
+ "kind": "javascript-module",
17519
+ "path": "src/shared/events/redispatch-event.ts",
17520
+ "declarations": [
17521
+ {
17522
+ "kind": "function",
17523
+ "name": "redispatchEvent",
17524
+ "parameters": [
17525
+ {
17526
+ "name": "element",
17527
+ "type": {
17528
+ "text": "Element"
17529
+ }
17530
+ },
17531
+ {
17532
+ "name": "event",
17533
+ "type": {
17534
+ "text": "Event"
17535
+ }
17536
+ }
17537
+ ]
17538
+ }
17539
+ ],
17540
+ "exports": [
17541
+ {
17542
+ "kind": "js",
17543
+ "name": "redispatchEvent",
17544
+ "declaration": {
17545
+ "name": "redispatchEvent",
17546
+ "module": "src/shared/events/redispatch-event.ts"
17547
+ }
17548
+ }
17549
+ ]
17550
+ },
17551
+ {
17552
+ "kind": "javascript-module",
17553
+ "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
17554
+ "declarations": [
17555
+ {
17556
+ "kind": "class",
17557
+ "description": "",
17558
+ "name": "MenuFieldNavigationController",
17559
+ "members": [
17560
+ {
17561
+ "kind": "field",
17562
+ "name": "#element",
17563
+ "privacy": "private",
17564
+ "type": {
17565
+ "text": "HTMLElement | null"
17566
+ },
17567
+ "default": "null"
17568
+ },
17569
+ {
17570
+ "kind": "field",
17571
+ "name": "focusedMenu",
17572
+ "type": {
17573
+ "text": "TMenuItem | null"
17574
+ },
17575
+ "privacy": "protected",
17576
+ "default": "null"
17577
+ },
17578
+ {
17579
+ "kind": "field",
17580
+ "name": "host",
17581
+ "type": {
17582
+ "text": "TField"
17583
+ },
17584
+ "privacy": "protected",
17585
+ "default": "host"
17586
+ },
17587
+ {
17588
+ "kind": "field",
17589
+ "name": "bindHandleKeyDown",
17590
+ "type": {
17591
+ "text": "(event: KeyboardEvent) => void"
17592
+ },
17593
+ "privacy": "private"
17594
+ },
17595
+ {
17596
+ "kind": "method",
17597
+ "name": "attach",
17598
+ "parameters": [
17599
+ {
17600
+ "name": "element",
17601
+ "type": {
17602
+ "text": "HTMLElement"
17603
+ }
17604
+ }
17605
+ ]
17606
+ },
17607
+ {
17608
+ "kind": "method",
17609
+ "name": "detach"
17610
+ },
17611
+ {
17612
+ "kind": "field",
17613
+ "name": "#handleMenuClose",
17614
+ "privacy": "private"
17615
+ },
17616
+ {
17617
+ "kind": "method",
17618
+ "name": "handleKeyDown",
17619
+ "privacy": "protected",
17620
+ "return": {
17621
+ "type": {
17622
+ "text": "boolean"
17623
+ }
17624
+ },
17625
+ "parameters": [
17626
+ {
17627
+ "name": "event",
17628
+ "type": {
17629
+ "text": "KeyboardEvent"
17630
+ }
17631
+ }
17632
+ ]
17633
+ },
17634
+ {
17635
+ "kind": "method",
17636
+ "name": "navigate",
17637
+ "privacy": "private",
17638
+ "parameters": [
17639
+ {
17640
+ "name": "event",
17641
+ "type": {
17642
+ "text": "KeyboardEvent"
17643
+ }
17644
+ },
17645
+ {
17646
+ "name": "forwards",
17647
+ "type": {
17648
+ "text": "boolean"
17649
+ }
17650
+ }
17651
+ ]
17652
+ },
17653
+ {
17654
+ "kind": "method",
17655
+ "name": "navigateTo",
17656
+ "privacy": "protected",
17657
+ "parameters": [
17658
+ {
17659
+ "name": "event",
17660
+ "type": {
17661
+ "text": "KeyboardEvent"
17662
+ }
17663
+ },
17664
+ {
17665
+ "name": "menu",
17666
+ "type": {
17667
+ "text": "TMenuItem | undefined"
17668
+ }
17669
+ }
17670
+ ]
17671
+ },
17672
+ {
17673
+ "kind": "method",
17674
+ "name": "focusMenu",
17675
+ "parameters": [
17676
+ {
17677
+ "name": "menu",
17678
+ "type": {
17679
+ "text": "TMenuItem"
17680
+ }
17681
+ },
17682
+ {
17683
+ "name": "active",
17684
+ "default": "true"
17685
+ },
17686
+ {
17687
+ "name": "scroll",
17688
+ "default": "true"
17689
+ }
17690
+ ]
17691
+ },
17692
+ {
17693
+ "kind": "method",
17694
+ "name": "blurMenu"
17695
+ },
17696
+ {
17697
+ "kind": "method",
17698
+ "name": "selectActiveItem",
17699
+ "privacy": "private",
17700
+ "parameters": [
17701
+ {
17702
+ "name": "event",
17703
+ "type": {
17704
+ "text": "KeyboardEvent"
17705
+ }
17706
+ }
17707
+ ]
17708
+ },
17709
+ {
17710
+ "kind": "method",
17711
+ "name": "afterFocus",
17712
+ "privacy": "protected",
17713
+ "parameters": [
17714
+ {
17715
+ "name": "_",
17716
+ "type": {
17717
+ "text": "TMenuItem"
17718
+ }
17719
+ }
17720
+ ]
17721
+ },
17722
+ {
17723
+ "kind": "method",
17724
+ "name": "afterBlur",
17725
+ "privacy": "protected"
17726
+ }
17727
+ ]
17498
17728
  }
17499
17729
  ],
17500
17730
  "exports": [
17501
17731
  {
17502
17732
  "kind": "js",
17503
- "name": "UmNativeTextFieldWrapper",
17733
+ "name": "MenuFieldNavigationController",
17504
17734
  "declaration": {
17505
- "name": "UmNativeTextFieldWrapper",
17506
- "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
17735
+ "name": "MenuFieldNavigationController",
17736
+ "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
17507
17737
  }
17508
17738
  }
17509
17739
  ]
17510
17740
  },
17511
17741
  {
17512
17742
  "kind": "javascript-module",
17513
- "path": "src/shared/events/dispatch-event.ts",
17743
+ "path": "src/shared/menu-field/menu-field.ts",
17514
17744
  "declarations": [],
17515
17745
  "exports": []
17516
17746
  },
17517
- {
17518
- "kind": "javascript-module",
17519
- "path": "src/shared/events/redispatch-event.ts",
17520
- "declarations": [
17521
- {
17522
- "kind": "function",
17523
- "name": "redispatchEvent",
17524
- "parameters": [
17525
- {
17526
- "name": "element",
17527
- "type": {
17528
- "text": "Element"
17529
- }
17530
- },
17531
- {
17532
- "name": "event",
17533
- "type": {
17534
- "text": "Event"
17535
- }
17536
- }
17537
- ]
17538
- }
17539
- ],
17540
- "exports": [
17541
- {
17542
- "kind": "js",
17543
- "name": "redispatchEvent",
17544
- "declaration": {
17545
- "name": "redispatchEvent",
17546
- "module": "src/shared/events/redispatch-event.ts"
17547
- }
17548
- }
17549
- ]
17550
- },
17551
17747
  {
17552
17748
  "kind": "javascript-module",
17553
17749
  "path": "src/shared/selection-control/selection-control-list-item.ts",
@@ -17890,202 +18086,6 @@
17890
18086
  }
17891
18087
  ]
17892
18088
  },
17893
- {
17894
- "kind": "javascript-module",
17895
- "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
17896
- "declarations": [
17897
- {
17898
- "kind": "class",
17899
- "description": "",
17900
- "name": "MenuFieldNavigationController",
17901
- "members": [
17902
- {
17903
- "kind": "field",
17904
- "name": "#element",
17905
- "privacy": "private",
17906
- "type": {
17907
- "text": "HTMLElement | null"
17908
- },
17909
- "default": "null"
17910
- },
17911
- {
17912
- "kind": "field",
17913
- "name": "focusedMenu",
17914
- "type": {
17915
- "text": "TMenuItem | null"
17916
- },
17917
- "privacy": "protected",
17918
- "default": "null"
17919
- },
17920
- {
17921
- "kind": "field",
17922
- "name": "host",
17923
- "type": {
17924
- "text": "TField"
17925
- },
17926
- "privacy": "protected",
17927
- "default": "host"
17928
- },
17929
- {
17930
- "kind": "field",
17931
- "name": "bindHandleKeyDown",
17932
- "type": {
17933
- "text": "(event: KeyboardEvent) => void"
17934
- },
17935
- "privacy": "private"
17936
- },
17937
- {
17938
- "kind": "method",
17939
- "name": "attach",
17940
- "parameters": [
17941
- {
17942
- "name": "element",
17943
- "type": {
17944
- "text": "HTMLElement"
17945
- }
17946
- }
17947
- ]
17948
- },
17949
- {
17950
- "kind": "method",
17951
- "name": "detach"
17952
- },
17953
- {
17954
- "kind": "field",
17955
- "name": "#handleMenuClose",
17956
- "privacy": "private"
17957
- },
17958
- {
17959
- "kind": "method",
17960
- "name": "handleKeyDown",
17961
- "privacy": "protected",
17962
- "return": {
17963
- "type": {
17964
- "text": "boolean"
17965
- }
17966
- },
17967
- "parameters": [
17968
- {
17969
- "name": "event",
17970
- "type": {
17971
- "text": "KeyboardEvent"
17972
- }
17973
- }
17974
- ]
17975
- },
17976
- {
17977
- "kind": "method",
17978
- "name": "navigate",
17979
- "privacy": "private",
17980
- "parameters": [
17981
- {
17982
- "name": "event",
17983
- "type": {
17984
- "text": "KeyboardEvent"
17985
- }
17986
- },
17987
- {
17988
- "name": "forwards",
17989
- "type": {
17990
- "text": "boolean"
17991
- }
17992
- }
17993
- ]
17994
- },
17995
- {
17996
- "kind": "method",
17997
- "name": "navigateTo",
17998
- "privacy": "protected",
17999
- "parameters": [
18000
- {
18001
- "name": "event",
18002
- "type": {
18003
- "text": "KeyboardEvent"
18004
- }
18005
- },
18006
- {
18007
- "name": "menu",
18008
- "type": {
18009
- "text": "TMenuItem | undefined"
18010
- }
18011
- }
18012
- ]
18013
- },
18014
- {
18015
- "kind": "method",
18016
- "name": "focusMenu",
18017
- "parameters": [
18018
- {
18019
- "name": "menu",
18020
- "type": {
18021
- "text": "TMenuItem"
18022
- }
18023
- },
18024
- {
18025
- "name": "active",
18026
- "default": "true"
18027
- },
18028
- {
18029
- "name": "scroll",
18030
- "default": "true"
18031
- }
18032
- ]
18033
- },
18034
- {
18035
- "kind": "method",
18036
- "name": "blurMenu"
18037
- },
18038
- {
18039
- "kind": "method",
18040
- "name": "selectActiveItem",
18041
- "privacy": "private",
18042
- "parameters": [
18043
- {
18044
- "name": "event",
18045
- "type": {
18046
- "text": "KeyboardEvent"
18047
- }
18048
- }
18049
- ]
18050
- },
18051
- {
18052
- "kind": "method",
18053
- "name": "afterFocus",
18054
- "privacy": "protected",
18055
- "parameters": [
18056
- {
18057
- "name": "_",
18058
- "type": {
18059
- "text": "TMenuItem"
18060
- }
18061
- }
18062
- ]
18063
- },
18064
- {
18065
- "kind": "method",
18066
- "name": "afterBlur",
18067
- "privacy": "protected"
18068
- }
18069
- ]
18070
- }
18071
- ],
18072
- "exports": [
18073
- {
18074
- "kind": "js",
18075
- "name": "MenuFieldNavigationController",
18076
- "declaration": {
18077
- "name": "MenuFieldNavigationController",
18078
- "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
18079
- }
18080
- }
18081
- ]
18082
- },
18083
- {
18084
- "kind": "javascript-module",
18085
- "path": "src/shared/menu-field/menu-field.ts",
18086
- "declarations": [],
18087
- "exports": []
18088
- },
18089
18089
  {
18090
18090
  "kind": "javascript-module",
18091
18091
  "path": "src/shared/text-field-base/text-field-base.styles.ts",