@universal-material/web 3.0.119 → 3.0.121

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/custom-elements.json +1199 -1418
  2. package/field/field-base.d.ts +0 -4
  3. package/field/field-base.d.ts.map +1 -1
  4. package/field/field-base.js +20 -42
  5. package/field/field-base.js.map +1 -1
  6. package/field/field-base.styles.d.ts.map +1 -1
  7. package/field/field-base.styles.js +80 -29
  8. package/field/field-base.styles.js.map +1 -1
  9. package/menu/menu.d.ts.map +1 -1
  10. package/menu/menu.js +27 -29
  11. package/menu/menu.js.map +1 -1
  12. package/menu/menu.styles.d.ts.map +1 -1
  13. package/menu/menu.styles.js +15 -3
  14. package/menu/menu.styles.js.map +1 -1
  15. package/navigation/side-navigation.d.ts.map +1 -1
  16. package/navigation/side-navigation.js +5 -15
  17. package/navigation/side-navigation.js.map +1 -1
  18. package/package.json +2 -1
  19. package/select/option.d.ts +0 -2
  20. package/select/option.d.ts.map +1 -1
  21. package/select/option.js +13 -23
  22. package/select/option.js.map +1 -1
  23. package/select/select-navigation-controller.d.ts +1 -1
  24. package/select/select-navigation-controller.d.ts.map +1 -1
  25. package/select/select-navigation-controller.js +14 -12
  26. package/select/select-navigation-controller.js.map +1 -1
  27. package/select/select.d.ts.map +1 -1
  28. package/select/select.js +14 -7
  29. package/select/select.js.map +1 -1
  30. package/shared/menu-field/menu-field-navigation-controller.d.ts +3 -3
  31. package/shared/menu-field/menu-field-navigation-controller.d.ts.map +1 -1
  32. package/shared/menu-field/menu-field-navigation-controller.js +11 -10
  33. package/shared/menu-field/menu-field-navigation-controller.js.map +1 -1
package/custom-elements.json CHANGED
@@ -3712,12 +3712,12 @@
3712
3712
  },
3713
3713
  {
3714
3714
  "kind": "javascript-module",
3715
- "path": "src/chip/chip-set.styles.ts",
3715
+ "path": "src/chip-field/chip-field.styles.ts",
3716
3716
  "declarations": [
3717
3717
  {
3718
3718
  "kind": "variable",
3719
3719
  "name": "styles",
3720
- "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
3720
+ "default": "css `\n u-chip {\n flex-basis: 0;\n }\n\n .input {\n display: flex;\n gap: var(--u-chip-field-chips-gap, var(--u-spacing-extra-small, 4px));\n flex-wrap: wrap;\n }\n .input:has(u-chip) {\n margin-top: var(--u-chip-field-chips-margin, var(--u-spacing-extra-small, 4px));\n }\n .input input {\n width: auto;\n flex-basis: 200px;\n padding: 4px 0;\n margin-block: -4px;\n }\n`"
3721
3721
  }
3722
3722
  ],
3723
3723
  "exports": [
@@ -3726,680 +3726,833 @@
3726
3726
  "name": "styles",
3727
3727
  "declaration": {
3728
3728
  "name": "styles",
3729
- "module": "src/chip/chip-set.styles.ts"
3729
+ "module": "src/chip-field/chip-field.styles.ts"
3730
3730
  }
3731
3731
  }
3732
3732
  ]
3733
3733
  },
3734
3734
  {
3735
3735
  "kind": "javascript-module",
3736
- "path": "src/chip/chip-set.ts",
3736
+ "path": "src/chip-field/chip-field.ts",
3737
3737
  "declarations": [
3738
3738
  {
3739
3739
  "kind": "class",
3740
3740
  "description": "",
3741
- "name": "UmChipSet",
3741
+ "name": "UmChipField",
3742
3742
  "members": [
3743
3743
  {
3744
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",
3745
+ "name": "input",
3768
3746
  "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"
3747
+ "text": "HTMLInputElement"
3777
3748
  }
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
3749
  },
3860
3750
  {
3861
3751
  "kind": "field",
3862
- "name": "clickable",
3752
+ "name": "name",
3863
3753
  "type": {
3864
- "text": "boolean"
3754
+ "text": "string"
3865
3755
  },
3866
- "attribute": "clickable",
3867
- "reflects": true
3756
+ "attribute": "name"
3868
3757
  },
3869
3758
  {
3870
3759
  "kind": "field",
3871
- "name": "elevated",
3760
+ "name": "manual",
3872
3761
  "type": {
3873
3762
  "text": "boolean"
3874
3763
  },
3875
3764
  "default": "false",
3876
- "description": "Adds elevation to the chip",
3877
- "attribute": "elevated",
3878
- "reflects": true
3765
+ "description": "If true, ignore enter key input",
3766
+ "attribute": "manual"
3879
3767
  },
3880
3768
  {
3881
3769
  "kind": "field",
3882
- "name": "toggle",
3770
+ "name": "formatter",
3883
3771
  "type": {
3884
- "text": "boolean"
3772
+ "text": "((value: any) => string) | undefined"
3885
3773
  },
3886
- "description": "When true, the chip will toggle between selected and unselected\nstates",
3887
- "attribute": "toggle",
3888
- "reflects": true
3774
+ "description": "A function return a string based on a item from the `value`. Useful when the items of value are objects."
3889
3775
  },
3890
3776
  {
3891
3777
  "kind": "field",
3892
- "name": "removable",
3778
+ "name": "leadingIconTemplate",
3893
3779
  "type": {
3894
- "text": "boolean"
3780
+ "text": "((value: any) => string) | undefined"
3895
3781
  },
3896
- "default": "false",
3897
- "description": "Add the remove icon",
3898
- "attribute": "removable",
3899
- "reflects": true
3782
+ "description": "A string representing an HTML to be rendered inside as leading icon of each chip.\n\n_Note:_ Subject to signature change"
3900
3783
  },
3901
3784
  {
3902
3785
  "kind": "field",
3903
- "name": "hideSelectedIcon",
3786
+ "name": "#value",
3787
+ "privacy": "private",
3904
3788
  "type": {
3905
- "text": "boolean"
3789
+ "text": "any[]"
3906
3790
  },
3907
- "default": "false",
3908
- "description": "Hide the selected icon",
3909
- "attribute": "hide-selected-icon",
3910
- "reflects": true
3791
+ "default": "[]"
3911
3792
  },
3912
3793
  {
3913
3794
  "kind": "field",
3914
- "name": "hasLeadingIcon",
3795
+ "name": "value",
3915
3796
  "type": {
3916
- "text": "boolean"
3797
+ "text": "any[]"
3917
3798
  },
3918
- "default": "false",
3919
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
3920
- "attribute": "has-leading-icon",
3921
- "reflects": true
3799
+ "description": "An array containing the value representation of each chip.\n\n_Note:_ Add or remove items directly from value array won't trigger a render on Chip Field. Use the methods `add` or `removeAt`."
3922
3800
  },
3923
3801
  {
3924
- "kind": "field",
3925
- "name": "hasSelectedIcon",
3926
- "type": {
3927
- "text": "boolean"
3928
- },
3929
- "default": "false",
3930
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
3931
- "attribute": "has-selected-icon",
3932
- "reflects": true
3802
+ "kind": "method",
3803
+ "name": "setFormValue",
3804
+ "privacy": "private"
3933
3805
  },
3934
3806
  {
3935
- "kind": "field",
3936
- "name": "hasTrailingIcon",
3937
- "type": {
3938
- "text": "boolean"
3939
- },
3940
- "default": "false",
3941
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
3942
- "attribute": "has-trailing-icon",
3943
- "reflects": true
3807
+ "kind": "method",
3808
+ "name": "focus"
3944
3809
  },
3945
3810
  {
3946
- "kind": "field",
3947
- "name": "assignedLeadingIcons",
3948
- "type": {
3949
- "text": "HTMLElement[]"
3811
+ "kind": "method",
3812
+ "name": "renderControl",
3813
+ "privacy": "protected",
3814
+ "return": {
3815
+ "type": {
3816
+ "text": "HTMLTemplateResult"
3817
+ }
3950
3818
  },
3951
- "privacy": "private"
3819
+ "inheritedFrom": {
3820
+ "name": "UmFieldBase",
3821
+ "module": "src/field/field-base.ts"
3822
+ }
3952
3823
  },
3953
3824
  {
3954
- "kind": "field",
3955
- "name": "assignedSelectedIcons",
3956
- "type": {
3957
- "text": "HTMLElement[]"
3958
- },
3959
- "privacy": "private"
3825
+ "kind": "method",
3826
+ "name": "#getChips"
3960
3827
  },
3961
3828
  {
3962
- "kind": "field",
3963
- "name": "assignedTrailingIcons",
3964
- "type": {
3965
- "text": "HTMLElement[]"
3966
- },
3967
- "privacy": "private"
3829
+ "kind": "method",
3830
+ "name": "#handleBlur"
3968
3831
  },
3969
3832
  {
3970
- "kind": "field",
3971
- "name": "removeRipple",
3972
- "type": {
3973
- "text": "UmRipple"
3974
- }
3833
+ "kind": "method",
3834
+ "name": "#handleInput"
3975
3835
  },
3976
3836
  {
3977
3837
  "kind": "method",
3978
- "name": "#handleRemoveClick",
3838
+ "name": "#handleKeyDown",
3979
3839
  "parameters": [
3980
3840
  {
3981
3841
  "name": "e",
3982
3842
  "type": {
3983
- "text": "Event"
3843
+ "text": "KeyboardEvent"
3984
3844
  }
3985
3845
  }
3986
3846
  ]
3987
3847
  },
3988
3848
  {
3989
3849
  "kind": "method",
3990
- "name": "#handleTrailingIconSlotChange"
3850
+ "name": "add",
3851
+ "parameters": [
3852
+ {
3853
+ "name": "value",
3854
+ "type": {
3855
+ "text": "any"
3856
+ }
3857
+ },
3858
+ {
3859
+ "name": "triggerChange",
3860
+ "default": "false"
3861
+ }
3862
+ ]
3991
3863
  },
3992
3864
  {
3993
3865
  "kind": "method",
3994
- "name": "#handleLeadingIconSlotChange"
3995
- },
3866
+ "name": "removeAt",
3867
+ "parameters": [
3868
+ {
3869
+ "name": "index",
3870
+ "type": {
3871
+ "text": "number"
3872
+ }
3873
+ },
3874
+ {
3875
+ "name": "triggerChange",
3876
+ "default": "false"
3877
+ }
3878
+ ]
3879
+ },
3880
+ {
3881
+ "kind": "field",
3882
+ "name": "#removeChip",
3883
+ "privacy": "private"
3884
+ },
3996
3885
  {
3997
3886
  "kind": "method",
3998
- "name": "#handleSelectedIconSlotChange"
3887
+ "name": "#changed",
3888
+ "parameters": [
3889
+ {
3890
+ "name": "triggerChange",
3891
+ "type": {
3892
+ "text": "boolean"
3893
+ }
3894
+ }
3895
+ ]
3999
3896
  },
4000
3897
  {
4001
3898
  "kind": "method",
4002
- "name": "handleClick",
4003
- "privacy": "protected",
3899
+ "name": "#valueUpdate"
3900
+ },
3901
+ {
3902
+ "kind": "method",
3903
+ "name": "#setEmpty"
3904
+ },
3905
+ {
3906
+ "kind": "method",
3907
+ "name": "#dispatchRemoveEvent",
4004
3908
  "return": {
4005
3909
  "type": {
4006
- "text": "void"
3910
+ "text": "boolean"
4007
3911
  }
4008
3912
  },
4009
3913
  "parameters": [
4010
3914
  {
4011
- "name": "event",
3915
+ "name": "index",
4012
3916
  "type": {
4013
- "text": "UIEvent"
3917
+ "text": "number"
4014
3918
  }
4015
3919
  }
4016
- ],
4017
- "inheritedFrom": {
4018
- "name": "UmButtonWrapper",
4019
- "module": "src/shared/button-wrapper.ts"
4020
- }
3920
+ ]
4021
3921
  },
4022
3922
  {
4023
3923
  "kind": "method",
4024
- "name": "renderContent",
4025
- "privacy": "protected",
4026
- "return": {
4027
- "type": {
4028
- "text": "HTMLTemplateResult"
3924
+ "name": "getItemLabel",
3925
+ "privacy": "private",
3926
+ "parameters": [
3927
+ {
3928
+ "name": "item",
3929
+ "type": {
3930
+ "text": "any"
3931
+ }
4029
3932
  }
4030
- },
4031
- "inheritedFrom": {
4032
- "name": "UmButtonWrapper",
4033
- "module": "src/shared/button-wrapper.ts"
4034
- }
3933
+ ]
4035
3934
  },
4036
3935
  {
4037
3936
  "kind": "field",
4038
- "name": "disabled",
3937
+ "name": "formAssociated",
4039
3938
  "type": {
4040
3939
  "text": "boolean"
4041
3940
  },
4042
- "default": "false",
4043
- "description": "Whether the button is disabled or not.",
4044
- "attribute": "disabled",
4045
- "reflects": true,
3941
+ "static": true,
3942
+ "default": "true",
4046
3943
  "inheritedFrom": {
4047
- "name": "UmButtonWrapper",
4048
- "module": "src/shared/button-wrapper.ts"
3944
+ "name": "UmTextFieldBase",
3945
+ "module": "src/shared/text-field-base/text-field-base.ts"
4049
3946
  }
4050
3947
  },
4051
3948
  {
4052
3949
  "kind": "field",
4053
- "name": "renderRipple",
3950
+ "name": "shadowRootOptions",
4054
3951
  "type": {
4055
- "text": "boolean"
3952
+ "text": "ShadowRootInit"
4056
3953
  },
4057
- "default": "true",
3954
+ "static": true,
3955
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
4058
3956
  "inheritedFrom": {
4059
- "name": "UmButtonWrapper",
4060
- "module": "src/shared/button-wrapper.ts"
3957
+ "name": "UmTextFieldBase",
3958
+ "module": "src/shared/text-field-base/text-field-base.ts"
4061
3959
  }
4062
3960
  },
4063
3961
  {
4064
3962
  "kind": "field",
4065
- "name": "href",
3963
+ "name": "empty",
4066
3964
  "type": {
4067
- "text": "string | undefined"
3965
+ "text": "boolean"
4068
3966
  },
4069
- "description": "The URL that the link button points to.",
4070
- "attribute": "href",
3967
+ "default": "true",
3968
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
3969
+ "attribute": "empty",
3970
+ "reflects": true,
4071
3971
  "inheritedFrom": {
4072
- "name": "UmButtonWrapper",
4073
- "module": "src/shared/button-wrapper.ts"
3972
+ "name": "UmFieldBase",
3973
+ "module": "src/field/field-base.ts"
4074
3974
  }
4075
3975
  },
4076
3976
  {
4077
3977
  "kind": "field",
4078
- "name": "target",
3978
+ "name": "placeholder",
4079
3979
  "type": {
4080
- "text": "string | undefined"
3980
+ "text": "string"
4081
3981
  },
4082
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4083
- "attribute": "target",
3982
+ "default": "''",
3983
+ "attribute": "placeholder",
3984
+ "reflects": true,
4084
3985
  "inheritedFrom": {
4085
- "name": "UmButtonWrapper",
4086
- "module": "src/shared/button-wrapper.ts"
3986
+ "name": "UmTextFieldBase",
3987
+ "module": "src/shared/text-field-base/text-field-base.ts"
4087
3988
  }
4088
3989
  },
4089
3990
  {
4090
3991
  "kind": "field",
4091
- "name": "name",
3992
+ "name": "form",
4092
3993
  "type": {
4093
- "text": "string | undefined"
3994
+ "text": "HTMLFormElement | null"
4094
3995
  },
4095
- "attribute": "name",
4096
3996
  "inheritedFrom": {
4097
- "name": "UmButtonWrapper",
4098
- "module": "src/shared/button-wrapper.ts"
3997
+ "name": "UmTextFieldBase",
3998
+ "module": "src/shared/text-field-base/text-field-base.ts"
4099
3999
  }
4100
4000
  },
4101
4001
  {
4102
4002
  "kind": "field",
4103
- "name": "buttonElement",
4003
+ "name": "elementInternals",
4104
4004
  "type": {
4105
- "text": "HTMLElement"
4005
+ "text": "ElementInternals"
4106
4006
  },
4007
+ "privacy": "protected",
4107
4008
  "inheritedFrom": {
4108
- "name": "UmButtonWrapper",
4109
- "module": "src/shared/button-wrapper.ts"
4009
+ "name": "UmTextFieldBase",
4010
+ "module": "src/shared/text-field-base/text-field-base.ts"
4110
4011
  }
4111
4012
  },
4112
4013
  {
4113
4014
  "kind": "field",
4114
- "name": "ripple",
4015
+ "name": "config",
4115
4016
  "type": {
4116
- "text": "UmRipple"
4017
+ "text": "UmFieldDefaults | undefined"
4117
4018
  },
4118
4019
  "privacy": "private",
4119
4020
  "inheritedFrom": {
4120
- "name": "UmButtonWrapper",
4121
- "module": "src/shared/button-wrapper.ts"
4021
+ "name": "UmFieldBase",
4022
+ "module": "src/field/field-base.ts"
4122
4023
  }
4123
4024
  },
4124
4025
  {
4125
4026
  "kind": "field",
4126
- "name": "innerRole",
4027
+ "name": "variant",
4127
4028
  "type": {
4128
- "text": "string | null"
4029
+ "text": "'filled' | 'outlined' | undefined"
4129
4030
  },
4130
- "privacy": "protected",
4131
- "default": "null",
4031
+ "default": "undefined",
4032
+ "attribute": "variant",
4132
4033
  "inheritedFrom": {
4133
- "name": "UmButtonWrapper",
4134
- "module": "src/shared/button-wrapper.ts"
4034
+ "name": "UmFieldBase",
4035
+ "module": "src/field/field-base.ts"
4135
4036
  }
4136
4037
  },
4137
4038
  {
4138
4039
  "kind": "field",
4139
- "name": "pathname",
4040
+ "name": "label",
4140
4041
  "type": {
4141
- "text": "string"
4042
+ "text": "string | undefined"
4142
4043
  },
4044
+ "description": "The floating label for the field",
4045
+ "attribute": "label",
4143
4046
  "inheritedFrom": {
4144
- "name": "UmButtonWrapper",
4145
- "module": "src/shared/button-wrapper.ts"
4047
+ "name": "UmFieldBase",
4048
+ "module": "src/field/field-base.ts"
4146
4049
  }
4147
4050
  },
4148
4051
  {
4149
- "kind": "method",
4150
- "name": "renderButton",
4151
- "privacy": "private",
4052
+ "kind": "field",
4053
+ "name": "_innerCounter",
4054
+ "type": {
4055
+ "text": "string | undefined"
4056
+ },
4057
+ "privacy": "protected",
4152
4058
  "inheritedFrom": {
4153
- "name": "UmButtonWrapper",
4154
- "module": "src/shared/button-wrapper.ts"
4059
+ "name": "UmFieldBase",
4060
+ "module": "src/field/field-base.ts"
4155
4061
  }
4156
4062
  },
4157
4063
  {
4158
- "kind": "method",
4159
- "name": "renderLink",
4160
- "privacy": "private",
4064
+ "kind": "field",
4065
+ "name": "counter",
4066
+ "type": {
4067
+ "text": "string | undefined"
4068
+ },
4069
+ "attribute": "counter",
4161
4070
  "inheritedFrom": {
4162
- "name": "UmButtonWrapper",
4163
- "module": "src/shared/button-wrapper.ts"
4071
+ "name": "UmFieldBase",
4072
+ "module": "src/field/field-base.ts"
4164
4073
  }
4165
4074
  },
4166
4075
  {
4167
- "kind": "method",
4168
- "name": "focus",
4076
+ "kind": "field",
4077
+ "name": "hideCounter",
4078
+ "type": {
4079
+ "text": "boolean"
4080
+ },
4081
+ "default": "false",
4082
+ "attribute": "hide-counter",
4169
4083
  "inheritedFrom": {
4170
- "name": "UmButtonWrapper",
4171
- "module": "src/shared/button-wrapper.ts"
4084
+ "name": "UmFieldBase",
4085
+ "module": "src/field/field-base.ts"
4172
4086
  }
4173
4087
  },
4174
4088
  {
4175
- "kind": "method",
4176
- "name": "blur",
4089
+ "kind": "field",
4090
+ "name": "supportingText",
4091
+ "type": {
4092
+ "text": "string | undefined"
4093
+ },
4094
+ "description": "Supporting text conveys additional information about the field, such as how it will be used",
4095
+ "attribute": "supporting-text",
4177
4096
  "inheritedFrom": {
4178
- "name": "UmButtonWrapper",
4179
- "module": "src/shared/button-wrapper.ts"
4097
+ "name": "UmFieldBase",
4098
+ "module": "src/field/field-base.ts"
4180
4099
  }
4181
4100
  },
4182
4101
  {
4183
- "kind": "method",
4184
- "name": "getAriaLabel",
4185
- "privacy": "protected",
4186
- "return": {
4187
- "type": {
4188
- "text": "string | null"
4189
- }
4102
+ "kind": "field",
4103
+ "name": "errorText",
4104
+ "type": {
4105
+ "text": "string | undefined"
4190
4106
  },
4107
+ "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`",
4108
+ "attribute": "error-text",
4191
4109
  "inheritedFrom": {
4192
- "name": "UmButtonWrapper",
4193
- "module": "src/shared/button-wrapper.ts"
4110
+ "name": "UmFieldBase",
4111
+ "module": "src/field/field-base.ts"
4194
4112
  }
4195
4113
  },
4196
4114
  {
4197
- "kind": "method",
4198
- "name": "innerFocusHandler",
4199
- "privacy": "private",
4200
- "return": {
4201
- "type": {
4202
- "text": "void"
4203
- }
4115
+ "kind": "field",
4116
+ "name": "disabled",
4117
+ "type": {
4118
+ "text": "boolean"
4204
4119
  },
4120
+ "default": "false",
4121
+ "attribute": "disabled",
4122
+ "reflects": true,
4205
4123
  "inheritedFrom": {
4206
- "name": "UmButtonWrapper",
4207
- "module": "src/shared/button-wrapper.ts"
4124
+ "name": "UmFieldBase",
4125
+ "module": "src/field/field-base.ts"
4126
+ }
4127
+ },
4128
+ {
4129
+ "kind": "field",
4130
+ "name": "invalid",
4131
+ "type": {
4132
+ "text": "boolean"
4133
+ },
4134
+ "default": "false",
4135
+ "description": "Get or sets where or not the field is in a visually invalid state.",
4136
+ "attribute": "invalid",
4137
+ "reflects": true,
4138
+ "inheritedFrom": {
4139
+ "name": "UmFieldBase",
4140
+ "module": "src/field/field-base.ts"
4208
4141
  }
4209
4142
  },
4210
4143
  {
4211
4144
  "kind": "method",
4212
- "name": "#innerClickHandler",
4145
+ "name": "setDefaults",
4146
+ "static": true,
4213
4147
  "return": {
4214
4148
  "type": {
4215
- "text": "void"
4149
+ "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
4216
4150
  }
4217
4151
  },
4218
4152
  "parameters": [
4219
4153
  {
4220
- "name": "event",
4154
+ "name": "contextRoot",
4221
4155
  "type": {
4222
- "text": "MouseEvent"
4156
+ "text": "HTMLElement"
4157
+ }
4158
+ },
4159
+ {
4160
+ "name": "config",
4161
+ "type": {
4162
+ "text": "UmFieldDefaults"
4223
4163
  }
4224
4164
  }
4225
4165
  ],
4226
4166
  "inheritedFrom": {
4227
- "name": "UmButtonWrapper",
4228
- "module": "src/shared/button-wrapper.ts"
4167
+ "name": "UmFieldBase",
4168
+ "module": "src/field/field-base.ts"
4229
4169
  }
4230
- }
4231
- ],
4232
- "events": [
4170
+ },
4233
4171
  {
4234
- "name": "change",
4172
+ "kind": "field",
4173
+ "name": "hasLeadingIcon",
4235
4174
  "type": {
4236
- "text": "Event"
4175
+ "text": "boolean"
4176
+ },
4177
+ "default": "false",
4178
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
4179
+ "attribute": "has-leading-icon",
4180
+ "reflects": true,
4181
+ "inheritedFrom": {
4182
+ "name": "UmFieldBase",
4183
+ "module": "src/field/field-base.ts"
4237
4184
  }
4238
- }
4239
- ],
4240
- "attributes": [
4185
+ },
4241
4186
  {
4242
- "name": "selected",
4187
+ "kind": "field",
4188
+ "name": "hasTrailingIcon",
4243
4189
  "type": {
4244
4190
  "text": "boolean"
4245
4191
  },
4246
4192
  "default": "false",
4247
- "description": "Whether the chip is selected or not",
4248
- "fieldName": "selected"
4193
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
4194
+ "attribute": "has-trailing-icon",
4195
+ "reflects": true,
4196
+ "inheritedFrom": {
4197
+ "name": "UmFieldBase",
4198
+ "module": "src/field/field-base.ts"
4199
+ }
4249
4200
  },
4250
4201
  {
4251
- "name": "clickable",
4202
+ "kind": "field",
4203
+ "name": "hasErrorText",
4252
4204
  "type": {
4253
4205
  "text": "boolean"
4254
4206
  },
4255
- "fieldName": "clickable"
4207
+ "default": "false",
4208
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
4209
+ "attribute": "has-error-text",
4210
+ "reflects": true,
4211
+ "inheritedFrom": {
4212
+ "name": "UmFieldBase",
4213
+ "module": "src/field/field-base.ts"
4214
+ }
4256
4215
  },
4257
4216
  {
4258
- "name": "elevated",
4217
+ "kind": "field",
4218
+ "name": "assignedLeadingIcons",
4259
4219
  "type": {
4260
- "text": "boolean"
4220
+ "text": "HTMLElement[]"
4261
4221
  },
4262
- "default": "false",
4263
- "description": "Adds elevation to the chip",
4264
- "fieldName": "elevated"
4222
+ "privacy": "private",
4223
+ "inheritedFrom": {
4224
+ "name": "UmFieldBase",
4225
+ "module": "src/field/field-base.ts"
4226
+ }
4265
4227
  },
4266
4228
  {
4267
- "name": "toggle",
4229
+ "kind": "field",
4230
+ "name": "assignedTrailingIcons",
4268
4231
  "type": {
4269
- "text": "boolean"
4232
+ "text": "HTMLElement[]"
4270
4233
  },
4271
- "description": "When true, the chip will toggle between selected and unselected\nstates",
4272
- "fieldName": "toggle"
4234
+ "privacy": "private",
4235
+ "inheritedFrom": {
4236
+ "name": "UmFieldBase",
4237
+ "module": "src/field/field-base.ts"
4238
+ }
4273
4239
  },
4274
4240
  {
4275
- "name": "removable",
4241
+ "kind": "field",
4242
+ "name": "assignedErrorTexts",
4276
4243
  "type": {
4277
- "text": "boolean"
4244
+ "text": "HTMLElement[]"
4278
4245
  },
4279
- "default": "false",
4280
- "description": "Add the remove icon",
4281
- "fieldName": "removable"
4246
+ "privacy": "private",
4247
+ "inheritedFrom": {
4248
+ "name": "UmFieldBase",
4249
+ "module": "src/field/field-base.ts"
4250
+ }
4282
4251
  },
4283
4252
  {
4284
- "name": "hide-selected-icon",
4253
+ "kind": "field",
4254
+ "name": "_labelElement",
4285
4255
  "type": {
4286
- "text": "boolean"
4256
+ "text": "HTMLElement"
4287
4257
  },
4288
- "default": "false",
4289
- "description": "Hide the selected icon",
4290
- "fieldName": "hideSelectedIcon"
4258
+ "privacy": "private",
4259
+ "inheritedFrom": {
4260
+ "name": "UmFieldBase",
4261
+ "module": "src/field/field-base.ts"
4262
+ }
4291
4263
  },
4292
4264
  {
4293
- "name": "has-leading-icon",
4265
+ "kind": "field",
4266
+ "name": "_container",
4294
4267
  "type": {
4295
- "text": "boolean"
4268
+ "text": "HTMLElement"
4296
4269
  },
4297
- "default": "false",
4298
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4299
- "fieldName": "hasLeadingIcon"
4270
+ "privacy": "protected",
4271
+ "inheritedFrom": {
4272
+ "name": "UmFieldBase",
4273
+ "module": "src/field/field-base.ts"
4274
+ }
4300
4275
  },
4301
4276
  {
4302
- "name": "has-selected-icon",
4277
+ "kind": "method",
4278
+ "name": "renderAfterContent",
4279
+ "privacy": "protected",
4280
+ "return": {
4281
+ "type": {
4282
+ "text": "TemplateResult"
4283
+ }
4284
+ },
4285
+ "inheritedFrom": {
4286
+ "name": "UmFieldBase",
4287
+ "module": "src/field/field-base.ts"
4288
+ }
4289
+ },
4290
+ {
4291
+ "kind": "method",
4292
+ "name": "handleLeadingIconSlotChange",
4293
+ "privacy": "private",
4294
+ "inheritedFrom": {
4295
+ "name": "UmFieldBase",
4296
+ "module": "src/field/field-base.ts"
4297
+ }
4298
+ },
4299
+ {
4300
+ "kind": "method",
4301
+ "name": "handleTrailingIconSlotChange",
4302
+ "privacy": "private",
4303
+ "inheritedFrom": {
4304
+ "name": "UmFieldBase",
4305
+ "module": "src/field/field-base.ts"
4306
+ }
4307
+ },
4308
+ {
4309
+ "kind": "method",
4310
+ "name": "handleErrorTextSlotChange",
4311
+ "privacy": "private",
4312
+ "inheritedFrom": {
4313
+ "name": "UmFieldBase",
4314
+ "module": "src/field/field-base.ts"
4315
+ }
4316
+ },
4317
+ {
4318
+ "kind": "method",
4319
+ "name": "renderDefaultTrailingIcon",
4320
+ "privacy": "protected",
4321
+ "return": {
4322
+ "type": {
4323
+ "text": "TemplateResult | typeof nothing"
4324
+ }
4325
+ },
4326
+ "inheritedFrom": {
4327
+ "name": "UmFieldBase",
4328
+ "module": "src/field/field-base.ts"
4329
+ }
4330
+ }
4331
+ ],
4332
+ "events": [
4333
+ {
4334
+ "name": "change",
4303
4335
  "type": {
4304
- "text": "boolean"
4336
+ "text": "Event"
4337
+ }
4338
+ }
4339
+ ],
4340
+ "attributes": [
4341
+ {
4342
+ "name": "name",
4343
+ "type": {
4344
+ "text": "string"
4305
4345
  },
4306
- "default": "false",
4307
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4308
- "fieldName": "hasSelectedIcon"
4346
+ "fieldName": "name"
4309
4347
  },
4310
4348
  {
4311
- "name": "has-trailing-icon",
4349
+ "name": "manual",
4312
4350
  "type": {
4313
4351
  "text": "boolean"
4314
4352
  },
4315
4353
  "default": "false",
4316
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4317
- "fieldName": "hasTrailingIcon"
4354
+ "description": "If true, ignore enter key input",
4355
+ "fieldName": "manual"
4318
4356
  },
4319
4357
  {
4320
- "name": "disabled",
4358
+ "name": "placeholder",
4321
4359
  "type": {
4322
- "text": "boolean"
4360
+ "text": "string"
4323
4361
  },
4324
- "default": "false",
4325
- "description": "Whether the button is disabled or not.",
4326
- "fieldName": "disabled",
4362
+ "default": "''",
4363
+ "fieldName": "placeholder",
4327
4364
  "inheritedFrom": {
4328
- "name": "UmButtonWrapper",
4329
- "module": "src/shared/button-wrapper.ts"
4365
+ "name": "UmTextFieldBase",
4366
+ "module": "src/shared/text-field-base/text-field-base.ts"
4330
4367
  }
4331
4368
  },
4332
4369
  {
4333
- "name": "href",
4370
+ "name": "variant",
4334
4371
  "type": {
4335
- "text": "string | undefined"
4372
+ "text": "'filled' | 'outlined' | undefined"
4336
4373
  },
4337
- "description": "The URL that the link button points to.",
4338
- "fieldName": "href",
4374
+ "default": "undefined",
4375
+ "resolveInitializer": {
4376
+ "module": "src/field/field-base.ts"
4377
+ },
4378
+ "fieldName": "variant",
4339
4379
  "inheritedFrom": {
4340
- "name": "UmButtonWrapper",
4341
- "module": "src/shared/button-wrapper.ts"
4380
+ "name": "UmFieldBase",
4381
+ "module": "src/field/field-base.ts"
4342
4382
  }
4343
4383
  },
4344
4384
  {
4345
- "name": "target",
4385
+ "name": "label",
4346
4386
  "type": {
4347
4387
  "text": "string | undefined"
4348
4388
  },
4349
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4350
- "fieldName": "target",
4389
+ "description": "The floating label for the field",
4390
+ "fieldName": "label",
4351
4391
  "inheritedFrom": {
4352
- "name": "UmButtonWrapper",
4353
- "module": "src/shared/button-wrapper.ts"
4392
+ "name": "UmFieldBase",
4393
+ "module": "src/field/field-base.ts"
4354
4394
  }
4355
4395
  },
4356
4396
  {
4357
- "name": "name",
4397
+ "name": "counter",
4358
4398
  "type": {
4359
4399
  "text": "string | undefined"
4360
4400
  },
4361
- "fieldName": "name",
4401
+ "fieldName": "counter",
4362
4402
  "inheritedFrom": {
4363
- "name": "UmButtonWrapper",
4364
- "module": "src/shared/button-wrapper.ts"
4403
+ "name": "UmFieldBase",
4404
+ "module": "src/field/field-base.ts"
4405
+ }
4406
+ },
4407
+ {
4408
+ "name": "hide-counter",
4409
+ "type": {
4410
+ "text": "boolean"
4411
+ },
4412
+ "default": "false",
4413
+ "fieldName": "hideCounter",
4414
+ "inheritedFrom": {
4415
+ "name": "UmFieldBase",
4416
+ "module": "src/field/field-base.ts"
4417
+ }
4418
+ },
4419
+ {
4420
+ "name": "supporting-text",
4421
+ "type": {
4422
+ "text": "string | undefined"
4423
+ },
4424
+ "description": "Supporting text conveys additional information about the field, such as how it will be used",
4425
+ "fieldName": "supportingText",
4426
+ "inheritedFrom": {
4427
+ "name": "UmFieldBase",
4428
+ "module": "src/field/field-base.ts"
4429
+ }
4430
+ },
4431
+ {
4432
+ "name": "error-text",
4433
+ "type": {
4434
+ "text": "string | undefined"
4435
+ },
4436
+ "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`",
4437
+ "fieldName": "errorText",
4438
+ "inheritedFrom": {
4439
+ "name": "UmFieldBase",
4440
+ "module": "src/field/field-base.ts"
4441
+ }
4442
+ },
4443
+ {
4444
+ "name": "empty",
4445
+ "type": {
4446
+ "text": "boolean"
4447
+ },
4448
+ "default": "false",
4449
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
4450
+ "fieldName": "empty",
4451
+ "inheritedFrom": {
4452
+ "name": "UmFieldBase",
4453
+ "module": "src/field/field-base.ts"
4454
+ }
4455
+ },
4456
+ {
4457
+ "name": "disabled",
4458
+ "type": {
4459
+ "text": "boolean"
4460
+ },
4461
+ "default": "false",
4462
+ "fieldName": "disabled",
4463
+ "inheritedFrom": {
4464
+ "name": "UmFieldBase",
4465
+ "module": "src/field/field-base.ts"
4466
+ }
4467
+ },
4468
+ {
4469
+ "name": "invalid",
4470
+ "type": {
4471
+ "text": "boolean"
4472
+ },
4473
+ "default": "false",
4474
+ "description": "Get or sets where or not the field is in a visually invalid state.",
4475
+ "fieldName": "invalid",
4476
+ "inheritedFrom": {
4477
+ "name": "UmFieldBase",
4478
+ "module": "src/field/field-base.ts"
4479
+ }
4480
+ },
4481
+ {
4482
+ "name": "has-leading-icon",
4483
+ "type": {
4484
+ "text": "boolean"
4485
+ },
4486
+ "default": "false",
4487
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
4488
+ "fieldName": "hasLeadingIcon",
4489
+ "inheritedFrom": {
4490
+ "name": "UmFieldBase",
4491
+ "module": "src/field/field-base.ts"
4492
+ }
4493
+ },
4494
+ {
4495
+ "name": "has-trailing-icon",
4496
+ "type": {
4497
+ "text": "boolean"
4498
+ },
4499
+ "default": "false",
4500
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
4501
+ "fieldName": "hasTrailingIcon",
4502
+ "inheritedFrom": {
4503
+ "name": "UmFieldBase",
4504
+ "module": "src/field/field-base.ts"
4505
+ }
4506
+ },
4507
+ {
4508
+ "name": "has-error-text",
4509
+ "type": {
4510
+ "text": "boolean"
4511
+ },
4512
+ "default": "false",
4513
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
4514
+ "fieldName": "hasErrorText",
4515
+ "inheritedFrom": {
4516
+ "name": "UmFieldBase",
4517
+ "module": "src/field/field-base.ts"
4365
4518
  }
4366
4519
  }
4367
4520
  ],
4368
4521
  "superclass": {
4369
- "name": "UmButtonWrapper",
4370
- "module": "/src/shared/button-wrapper.js"
4522
+ "name": "UmTextFieldBase",
4523
+ "module": "/src/shared/text-field-base/text-field-base.js"
4371
4524
  },
4372
- "tagName": "u-chip",
4525
+ "tagName": "u-chip-field",
4373
4526
  "customElement": true
4374
4527
  }
4375
4528
  ],
4376
4529
  "exports": [
4377
4530
  {
4378
4531
  "kind": "js",
4379
- "name": "UmChip",
4532
+ "name": "UmChipField",
4380
4533
  "declaration": {
4381
- "name": "UmChip",
4382
- "module": "src/chip/chip.ts"
4534
+ "name": "UmChipField",
4535
+ "module": "src/chip-field/chip-field.ts"
4383
4536
  }
4384
4537
  },
4385
4538
  {
4386
4539
  "kind": "custom-element-definition",
4387
- "name": "u-chip",
4540
+ "name": "u-chip-field",
4388
4541
  "declaration": {
4389
- "name": "UmChip",
4390
- "module": "src/chip/chip.ts"
4542
+ "name": "UmChipField",
4543
+ "module": "src/chip-field/chip-field.ts"
4391
4544
  }
4392
4545
  }
4393
4546
  ]
4394
4547
  },
4395
4548
  {
4396
4549
  "kind": "javascript-module",
4397
- "path": "src/chip-field/chip-field.styles.ts",
4550
+ "path": "src/chip/chip-set.styles.ts",
4398
4551
  "declarations": [
4399
4552
  {
4400
4553
  "kind": "variable",
4401
4554
  "name": "styles",
4402
- "default": "css `\n u-chip {\n flex-basis: 0;\n }\n\n .input {\n display: flex;\n gap: var(--u-chip-field-chips-gap, var(--u-spacing-extra-small, 4px));\n flex-wrap: wrap;\n }\n .input:has(u-chip) {\n margin-top: var(--u-chip-field-chips-margin, var(--u-spacing-extra-small, 4px));\n }\n .input input {\n width: auto;\n flex-basis: 200px;\n padding: 4px 0;\n margin-block: -4px;\n }\n`"
4555
+ "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
4403
4556
  }
4404
4557
  ],
4405
4558
  "exports": [
@@ -4408,641 +4561,506 @@
4408
4561
  "name": "styles",
4409
4562
  "declaration": {
4410
4563
  "name": "styles",
4411
- "module": "src/chip-field/chip-field.styles.ts"
4564
+ "module": "src/chip/chip-set.styles.ts"
4412
4565
  }
4413
4566
  }
4414
4567
  ]
4415
4568
  },
4416
4569
  {
4417
4570
  "kind": "javascript-module",
4418
- "path": "src/chip-field/chip-field.ts",
4571
+ "path": "src/chip/chip-set.ts",
4419
4572
  "declarations": [
4420
4573
  {
4421
4574
  "kind": "class",
4422
4575
  "description": "",
4423
- "name": "UmChipField",
4576
+ "name": "UmChipSet",
4424
4577
  "members": [
4425
4578
  {
4426
4579
  "kind": "field",
4427
- "name": "input",
4580
+ "name": "alignment",
4428
4581
  "type": {
4429
- "text": "HTMLInputElement"
4582
+ "text": "'start' | 'center' | 'end'"
4583
+ },
4584
+ "default": "'start'",
4585
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
4586
+ "attribute": "alignment",
4587
+ "reflects": true,
4588
+ "inheritedFrom": {
4589
+ "name": "UmSetBase",
4590
+ "module": "src/shared/sets/set-base.ts"
4430
4591
  }
4431
- },
4592
+ }
4593
+ ],
4594
+ "superclass": {
4595
+ "name": "UmSetBase",
4596
+ "module": "/src/shared/sets/set-base.js"
4597
+ },
4598
+ "tagName": "u-chip-set",
4599
+ "customElement": true,
4600
+ "attributes": [
4432
4601
  {
4433
- "kind": "field",
4434
- "name": "name",
4602
+ "name": "alignment",
4435
4603
  "type": {
4436
- "text": "string"
4604
+ "text": "'start' | 'center' | 'end'"
4437
4605
  },
4438
- "attribute": "name"
4439
- },
4606
+ "default": "'start'",
4607
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
4608
+ "fieldName": "alignment",
4609
+ "inheritedFrom": {
4610
+ "name": "UmSetBase",
4611
+ "module": "src/shared/sets/set-base.ts"
4612
+ }
4613
+ }
4614
+ ]
4615
+ }
4616
+ ],
4617
+ "exports": [
4618
+ {
4619
+ "kind": "js",
4620
+ "name": "UmChipSet",
4621
+ "declaration": {
4622
+ "name": "UmChipSet",
4623
+ "module": "src/chip/chip-set.ts"
4624
+ }
4625
+ },
4626
+ {
4627
+ "kind": "custom-element-definition",
4628
+ "name": "u-chip-set",
4629
+ "declaration": {
4630
+ "name": "UmChipSet",
4631
+ "module": "src/chip/chip-set.ts"
4632
+ }
4633
+ }
4634
+ ]
4635
+ },
4636
+ {
4637
+ "kind": "javascript-module",
4638
+ "path": "src/chip/chip.styles.ts",
4639
+ "declarations": [
4640
+ {
4641
+ "kind": "variable",
4642
+ "name": "styles",
4643
+ "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`"
4644
+ }
4645
+ ],
4646
+ "exports": [
4647
+ {
4648
+ "kind": "js",
4649
+ "name": "styles",
4650
+ "declaration": {
4651
+ "name": "styles",
4652
+ "module": "src/chip/chip.styles.ts"
4653
+ }
4654
+ }
4655
+ ]
4656
+ },
4657
+ {
4658
+ "kind": "javascript-module",
4659
+ "path": "src/chip/chip.ts",
4660
+ "declarations": [
4661
+ {
4662
+ "kind": "class",
4663
+ "description": "",
4664
+ "name": "UmChip",
4665
+ "members": [
4440
4666
  {
4441
4667
  "kind": "field",
4442
- "name": "manual",
4668
+ "name": "#clickable",
4669
+ "privacy": "private",
4443
4670
  "type": {
4444
4671
  "text": "boolean"
4445
4672
  },
4446
- "default": "false",
4447
- "description": "If true, ignore enter key input",
4448
- "attribute": "manual"
4673
+ "default": "false"
4449
4674
  },
4450
4675
  {
4451
4676
  "kind": "field",
4452
- "name": "formatter",
4677
+ "name": "#toggle",
4678
+ "privacy": "private",
4453
4679
  "type": {
4454
- "text": "((value: any) => string) | undefined"
4680
+ "text": "boolean"
4455
4681
  },
4456
- "description": "A function return a string based on a item from the `value`. Useful when the items of value are objects."
4682
+ "default": "false"
4457
4683
  },
4458
4684
  {
4459
4685
  "kind": "field",
4460
- "name": "leadingIconTemplate",
4461
- "type": {
4462
- "text": "((value: any) => string) | undefined"
4463
- },
4464
- "description": "A string representing an HTML to be rendered inside as leading icon of each chip.\n\n_Note:_ Subject to signature change"
4465
- },
4466
- {
4467
- "kind": "field",
4468
- "name": "#value",
4469
- "privacy": "private",
4470
- "type": {
4471
- "text": "any[]"
4472
- },
4473
- "default": "[]"
4474
- },
4475
- {
4476
- "kind": "field",
4477
- "name": "value",
4478
- "type": {
4479
- "text": "any[]"
4480
- },
4481
- "description": "An array containing the value representation of each chip.\n\n_Note:_ Add or remove items directly from value array won't trigger a render on Chip Field. Use the methods `add` or `removeAt`."
4482
- },
4483
- {
4484
- "kind": "method",
4485
- "name": "setFormValue",
4486
- "privacy": "private"
4487
- },
4488
- {
4489
- "kind": "method",
4490
- "name": "focus"
4491
- },
4492
- {
4493
- "kind": "method",
4494
- "name": "renderControl",
4495
- "privacy": "protected",
4496
- "return": {
4497
- "type": {
4498
- "text": "HTMLTemplateResult"
4499
- }
4500
- },
4501
- "inheritedFrom": {
4502
- "name": "UmFieldBase",
4503
- "module": "src/field/field-base.ts"
4504
- }
4505
- },
4506
- {
4507
- "kind": "method",
4508
- "name": "#getChips"
4509
- },
4510
- {
4511
- "kind": "method",
4512
- "name": "#handleBlur"
4513
- },
4514
- {
4515
- "kind": "method",
4516
- "name": "#handleInput"
4517
- },
4518
- {
4519
- "kind": "method",
4520
- "name": "#handleKeyDown",
4521
- "parameters": [
4522
- {
4523
- "name": "e",
4524
- "type": {
4525
- "text": "KeyboardEvent"
4526
- }
4527
- }
4528
- ]
4529
- },
4530
- {
4531
- "kind": "method",
4532
- "name": "add",
4533
- "parameters": [
4534
- {
4535
- "name": "value",
4536
- "type": {
4537
- "text": "any"
4538
- }
4539
- },
4540
- {
4541
- "name": "triggerChange",
4542
- "default": "false"
4543
- }
4544
- ]
4545
- },
4546
- {
4547
- "kind": "method",
4548
- "name": "removeAt",
4549
- "parameters": [
4550
- {
4551
- "name": "index",
4552
- "type": {
4553
- "text": "number"
4554
- }
4555
- },
4556
- {
4557
- "name": "triggerChange",
4558
- "default": "false"
4559
- }
4560
- ]
4561
- },
4562
- {
4563
- "kind": "field",
4564
- "name": "#removeChip",
4565
- "privacy": "private"
4566
- },
4567
- {
4568
- "kind": "method",
4569
- "name": "#changed",
4570
- "parameters": [
4571
- {
4572
- "name": "triggerChange",
4573
- "type": {
4574
- "text": "boolean"
4575
- }
4576
- }
4577
- ]
4578
- },
4579
- {
4580
- "kind": "method",
4581
- "name": "#valueUpdate"
4582
- },
4583
- {
4584
- "kind": "method",
4585
- "name": "#setEmpty"
4586
- },
4587
- {
4588
- "kind": "method",
4589
- "name": "#dispatchRemoveEvent",
4590
- "return": {
4591
- "type": {
4592
- "text": "boolean"
4593
- }
4594
- },
4595
- "parameters": [
4596
- {
4597
- "name": "index",
4598
- "type": {
4599
- "text": "number"
4600
- }
4601
- }
4602
- ]
4603
- },
4604
- {
4605
- "kind": "method",
4606
- "name": "getItemLabel",
4607
- "privacy": "private",
4608
- "parameters": [
4609
- {
4610
- "name": "item",
4611
- "type": {
4612
- "text": "any"
4613
- }
4614
- }
4615
- ]
4616
- },
4617
- {
4618
- "kind": "field",
4619
- "name": "formAssociated",
4686
+ "name": "selected",
4620
4687
  "type": {
4621
4688
  "text": "boolean"
4622
4689
  },
4623
- "static": true,
4624
- "default": "true",
4625
- "inheritedFrom": {
4626
- "name": "UmTextFieldBase",
4627
- "module": "src/shared/text-field-base/text-field-base.ts"
4628
- }
4629
- },
4630
- {
4631
- "kind": "field",
4632
- "name": "shadowRootOptions",
4633
- "type": {
4634
- "text": "ShadowRootInit"
4635
- },
4636
- "static": true,
4637
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
4638
- "inheritedFrom": {
4639
- "name": "UmTextFieldBase",
4640
- "module": "src/shared/text-field-base/text-field-base.ts"
4641
- }
4690
+ "default": "false",
4691
+ "description": "Whether the chip is selected or not",
4692
+ "attribute": "selected",
4693
+ "reflects": true
4642
4694
  },
4643
4695
  {
4644
4696
  "kind": "field",
4645
- "name": "empty",
4697
+ "name": "clickable",
4646
4698
  "type": {
4647
4699
  "text": "boolean"
4648
4700
  },
4649
- "default": "true",
4650
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
4651
- "attribute": "empty",
4652
- "reflects": true,
4653
- "inheritedFrom": {
4654
- "name": "UmFieldBase",
4655
- "module": "src/field/field-base.ts"
4656
- }
4657
- },
4658
- {
4659
- "kind": "field",
4660
- "name": "placeholder",
4661
- "type": {
4662
- "text": "string"
4663
- },
4664
- "default": "''",
4665
- "attribute": "placeholder",
4666
- "reflects": true,
4667
- "inheritedFrom": {
4668
- "name": "UmTextFieldBase",
4669
- "module": "src/shared/text-field-base/text-field-base.ts"
4670
- }
4671
- },
4672
- {
4673
- "kind": "field",
4674
- "name": "form",
4675
- "type": {
4676
- "text": "HTMLFormElement | null"
4677
- },
4678
- "inheritedFrom": {
4679
- "name": "UmTextFieldBase",
4680
- "module": "src/shared/text-field-base/text-field-base.ts"
4681
- }
4701
+ "attribute": "clickable",
4702
+ "reflects": true
4682
4703
  },
4683
4704
  {
4684
4705
  "kind": "field",
4685
- "name": "elementInternals",
4706
+ "name": "elevated",
4686
4707
  "type": {
4687
- "text": "ElementInternals"
4708
+ "text": "boolean"
4688
4709
  },
4689
- "privacy": "protected",
4690
- "inheritedFrom": {
4691
- "name": "UmTextFieldBase",
4692
- "module": "src/shared/text-field-base/text-field-base.ts"
4693
- }
4710
+ "default": "false",
4711
+ "description": "Adds elevation to the chip",
4712
+ "attribute": "elevated",
4713
+ "reflects": true
4694
4714
  },
4695
4715
  {
4696
4716
  "kind": "field",
4697
- "name": "config",
4717
+ "name": "toggle",
4698
4718
  "type": {
4699
- "text": "UmFieldDefaults | undefined"
4719
+ "text": "boolean"
4700
4720
  },
4701
- "privacy": "private",
4702
- "inheritedFrom": {
4703
- "name": "UmFieldBase",
4704
- "module": "src/field/field-base.ts"
4705
- }
4721
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
4722
+ "attribute": "toggle",
4723
+ "reflects": true
4706
4724
  },
4707
4725
  {
4708
4726
  "kind": "field",
4709
- "name": "variant",
4727
+ "name": "removable",
4710
4728
  "type": {
4711
- "text": "'filled' | 'outlined' | undefined"
4729
+ "text": "boolean"
4712
4730
  },
4713
- "default": "undefined",
4714
- "attribute": "variant",
4715
- "inheritedFrom": {
4716
- "name": "UmFieldBase",
4717
- "module": "src/field/field-base.ts"
4718
- }
4731
+ "default": "false",
4732
+ "description": "Add the remove icon",
4733
+ "attribute": "removable",
4734
+ "reflects": true
4719
4735
  },
4720
4736
  {
4721
4737
  "kind": "field",
4722
- "name": "label",
4723
- "type": {
4724
- "text": "string | undefined"
4725
- },
4726
- "description": "The floating label for the field",
4727
- "attribute": "label",
4728
- "inheritedFrom": {
4729
- "name": "UmFieldBase",
4730
- "module": "src/field/field-base.ts"
4731
- }
4738
+ "name": "hideSelectedIcon",
4739
+ "type": {
4740
+ "text": "boolean"
4741
+ },
4742
+ "default": "false",
4743
+ "description": "Hide the selected icon",
4744
+ "attribute": "hide-selected-icon",
4745
+ "reflects": true
4732
4746
  },
4733
4747
  {
4734
4748
  "kind": "field",
4735
- "name": "_innerCounter",
4749
+ "name": "hasLeadingIcon",
4736
4750
  "type": {
4737
- "text": "string | undefined"
4751
+ "text": "boolean"
4738
4752
  },
4739
- "privacy": "protected",
4740
- "inheritedFrom": {
4741
- "name": "UmFieldBase",
4742
- "module": "src/field/field-base.ts"
4743
- }
4753
+ "default": "false",
4754
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4755
+ "attribute": "has-leading-icon",
4756
+ "reflects": true
4744
4757
  },
4745
4758
  {
4746
4759
  "kind": "field",
4747
- "name": "counter",
4760
+ "name": "hasSelectedIcon",
4748
4761
  "type": {
4749
- "text": "string | undefined"
4762
+ "text": "boolean"
4750
4763
  },
4751
- "attribute": "counter",
4752
- "inheritedFrom": {
4753
- "name": "UmFieldBase",
4754
- "module": "src/field/field-base.ts"
4755
- }
4764
+ "default": "false",
4765
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4766
+ "attribute": "has-selected-icon",
4767
+ "reflects": true
4756
4768
  },
4757
4769
  {
4758
4770
  "kind": "field",
4759
- "name": "hideCounter",
4771
+ "name": "hasTrailingIcon",
4760
4772
  "type": {
4761
4773
  "text": "boolean"
4762
4774
  },
4763
4775
  "default": "false",
4764
- "attribute": "hide-counter",
4765
- "inheritedFrom": {
4766
- "name": "UmFieldBase",
4767
- "module": "src/field/field-base.ts"
4768
- }
4776
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4777
+ "attribute": "has-trailing-icon",
4778
+ "reflects": true
4769
4779
  },
4770
4780
  {
4771
4781
  "kind": "field",
4772
- "name": "supportingText",
4782
+ "name": "assignedLeadingIcons",
4773
4783
  "type": {
4774
- "text": "| string\n | undefined"
4784
+ "text": "HTMLElement[]"
4775
4785
  },
4776
- "description": "Supporting text conveys additional information about the field, such as how it will be used",
4777
- "attribute": "supporting-text",
4778
- "inheritedFrom": {
4779
- "name": "UmFieldBase",
4780
- "module": "src/field/field-base.ts"
4781
- }
4786
+ "privacy": "private"
4782
4787
  },
4783
4788
  {
4784
4789
  "kind": "field",
4785
- "name": "errorText",
4790
+ "name": "assignedSelectedIcons",
4786
4791
  "type": {
4787
- "text": "string | undefined"
4792
+ "text": "HTMLElement[]"
4788
4793
  },
4789
- "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`",
4790
- "attribute": "error-text",
4791
- "inheritedFrom": {
4792
- "name": "UmFieldBase",
4793
- "module": "src/field/field-base.ts"
4794
- }
4794
+ "privacy": "private"
4795
4795
  },
4796
4796
  {
4797
4797
  "kind": "field",
4798
- "name": "disabled",
4798
+ "name": "assignedTrailingIcons",
4799
4799
  "type": {
4800
- "text": "boolean"
4800
+ "text": "HTMLElement[]"
4801
4801
  },
4802
- "default": "false",
4803
- "attribute": "disabled",
4804
- "reflects": true,
4805
- "inheritedFrom": {
4806
- "name": "UmFieldBase",
4807
- "module": "src/field/field-base.ts"
4808
- }
4802
+ "privacy": "private"
4809
4803
  },
4810
4804
  {
4811
4805
  "kind": "field",
4812
- "name": "invalid",
4806
+ "name": "removeRipple",
4813
4807
  "type": {
4814
- "text": "boolean"
4815
- },
4816
- "default": "false",
4817
- "description": "Get or sets where or not the field is in a visually invalid state.",
4818
- "attribute": "invalid",
4819
- "reflects": true,
4820
- "inheritedFrom": {
4821
- "name": "UmFieldBase",
4822
- "module": "src/field/field-base.ts"
4808
+ "text": "UmRipple"
4823
4809
  }
4824
4810
  },
4825
4811
  {
4826
4812
  "kind": "method",
4827
- "name": "setDefaults",
4828
- "static": true,
4813
+ "name": "#handleRemoveClick",
4814
+ "parameters": [
4815
+ {
4816
+ "name": "e",
4817
+ "type": {
4818
+ "text": "Event"
4819
+ }
4820
+ }
4821
+ ]
4822
+ },
4823
+ {
4824
+ "kind": "method",
4825
+ "name": "#handleTrailingIconSlotChange"
4826
+ },
4827
+ {
4828
+ "kind": "method",
4829
+ "name": "#handleLeadingIconSlotChange"
4830
+ },
4831
+ {
4832
+ "kind": "method",
4833
+ "name": "#handleSelectedIconSlotChange"
4834
+ },
4835
+ {
4836
+ "kind": "method",
4837
+ "name": "handleClick",
4838
+ "privacy": "protected",
4829
4839
  "return": {
4830
4840
  "type": {
4831
- "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
4841
+ "text": "void"
4832
4842
  }
4833
4843
  },
4834
4844
  "parameters": [
4835
4845
  {
4836
- "name": "contextRoot",
4837
- "type": {
4838
- "text": "HTMLElement"
4839
- }
4840
- },
4841
- {
4842
- "name": "config",
4846
+ "name": "event",
4843
4847
  "type": {
4844
- "text": "UmFieldDefaults"
4848
+ "text": "UIEvent"
4845
4849
  }
4846
4850
  }
4847
4851
  ],
4848
4852
  "inheritedFrom": {
4849
- "name": "UmFieldBase",
4850
- "module": "src/field/field-base.ts"
4853
+ "name": "UmButtonWrapper",
4854
+ "module": "src/shared/button-wrapper.ts"
4851
4855
  }
4852
4856
  },
4853
4857
  {
4854
- "kind": "field",
4855
- "name": "hasLeadingIcon",
4856
- "type": {
4857
- "text": "boolean"
4858
+ "kind": "method",
4859
+ "name": "renderContent",
4860
+ "privacy": "protected",
4861
+ "return": {
4862
+ "type": {
4863
+ "text": "HTMLTemplateResult"
4864
+ }
4858
4865
  },
4859
- "default": "false",
4860
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
4861
- "attribute": "has-leading-icon",
4862
- "reflects": true,
4863
4866
  "inheritedFrom": {
4864
- "name": "UmFieldBase",
4865
- "module": "src/field/field-base.ts"
4867
+ "name": "UmButtonWrapper",
4868
+ "module": "src/shared/button-wrapper.ts"
4866
4869
  }
4867
4870
  },
4868
4871
  {
4869
4872
  "kind": "field",
4870
- "name": "hasTrailingIcon",
4873
+ "name": "disabled",
4871
4874
  "type": {
4872
4875
  "text": "boolean"
4873
4876
  },
4874
4877
  "default": "false",
4875
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
4876
- "attribute": "has-trailing-icon",
4878
+ "description": "Whether the button is disabled or not.",
4879
+ "attribute": "disabled",
4877
4880
  "reflects": true,
4878
4881
  "inheritedFrom": {
4879
- "name": "UmFieldBase",
4880
- "module": "src/field/field-base.ts"
4882
+ "name": "UmButtonWrapper",
4883
+ "module": "src/shared/button-wrapper.ts"
4881
4884
  }
4882
4885
  },
4883
4886
  {
4884
4887
  "kind": "field",
4885
- "name": "hasErrorText",
4888
+ "name": "renderRipple",
4886
4889
  "type": {
4887
4890
  "text": "boolean"
4888
4891
  },
4889
- "default": "false",
4890
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
4891
- "attribute": "has-error-text",
4892
- "reflects": true,
4892
+ "default": "true",
4893
4893
  "inheritedFrom": {
4894
- "name": "UmFieldBase",
4895
- "module": "src/field/field-base.ts"
4894
+ "name": "UmButtonWrapper",
4895
+ "module": "src/shared/button-wrapper.ts"
4896
4896
  }
4897
4897
  },
4898
4898
  {
4899
4899
  "kind": "field",
4900
- "name": "assignedLeadingIcons",
4900
+ "name": "href",
4901
4901
  "type": {
4902
- "text": "HTMLElement[]"
4902
+ "text": "string | undefined"
4903
4903
  },
4904
- "privacy": "private",
4904
+ "description": "The URL that the link button points to.",
4905
+ "attribute": "href",
4905
4906
  "inheritedFrom": {
4906
- "name": "UmFieldBase",
4907
- "module": "src/field/field-base.ts"
4907
+ "name": "UmButtonWrapper",
4908
+ "module": "src/shared/button-wrapper.ts"
4908
4909
  }
4909
4910
  },
4910
4911
  {
4911
4912
  "kind": "field",
4912
- "name": "assignedTrailingIcons",
4913
+ "name": "target",
4913
4914
  "type": {
4914
- "text": "HTMLElement[]"
4915
+ "text": "string | undefined"
4915
4916
  },
4916
- "privacy": "private",
4917
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4918
+ "attribute": "target",
4917
4919
  "inheritedFrom": {
4918
- "name": "UmFieldBase",
4919
- "module": "src/field/field-base.ts"
4920
+ "name": "UmButtonWrapper",
4921
+ "module": "src/shared/button-wrapper.ts"
4920
4922
  }
4921
4923
  },
4922
4924
  {
4923
4925
  "kind": "field",
4924
- "name": "assignedErrorTexts",
4926
+ "name": "name",
4925
4927
  "type": {
4926
- "text": "HTMLElement[]"
4928
+ "text": "string | undefined"
4927
4929
  },
4928
- "privacy": "private",
4930
+ "attribute": "name",
4929
4931
  "inheritedFrom": {
4930
- "name": "UmFieldBase",
4931
- "module": "src/field/field-base.ts"
4932
+ "name": "UmButtonWrapper",
4933
+ "module": "src/shared/button-wrapper.ts"
4932
4934
  }
4933
4935
  },
4934
4936
  {
4935
4937
  "kind": "field",
4936
- "name": "_labelElement",
4938
+ "name": "buttonElement",
4937
4939
  "type": {
4938
4940
  "text": "HTMLElement"
4939
4941
  },
4940
- "privacy": "private",
4941
4942
  "inheritedFrom": {
4942
- "name": "UmFieldBase",
4943
- "module": "src/field/field-base.ts"
4943
+ "name": "UmButtonWrapper",
4944
+ "module": "src/shared/button-wrapper.ts"
4944
4945
  }
4945
4946
  },
4946
4947
  {
4947
4948
  "kind": "field",
4948
- "name": "_container",
4949
+ "name": "ripple",
4949
4950
  "type": {
4950
- "text": "HTMLElement"
4951
+ "text": "UmRipple"
4951
4952
  },
4952
- "privacy": "protected",
4953
+ "privacy": "private",
4953
4954
  "inheritedFrom": {
4954
- "name": "UmFieldBase",
4955
- "module": "src/field/field-base.ts"
4955
+ "name": "UmButtonWrapper",
4956
+ "module": "src/shared/button-wrapper.ts"
4956
4957
  }
4957
4958
  },
4958
4959
  {
4959
4960
  "kind": "field",
4960
- "name": "labelSizeObserver",
4961
+ "name": "innerRole",
4961
4962
  "type": {
4962
- "text": "ResizeObserver | null"
4963
+ "text": "string | null"
4963
4964
  },
4964
- "privacy": "private",
4965
+ "privacy": "protected",
4965
4966
  "default": "null",
4966
4967
  "inheritedFrom": {
4967
- "name": "UmFieldBase",
4968
- "module": "src/field/field-base.ts"
4968
+ "name": "UmButtonWrapper",
4969
+ "module": "src/shared/button-wrapper.ts"
4969
4970
  }
4970
4971
  },
4971
4972
  {
4972
- "kind": "method",
4973
- "name": "renderAfterContent",
4974
- "privacy": "protected",
4975
- "return": {
4976
- "type": {
4977
- "text": "TemplateResult"
4978
- }
4973
+ "kind": "field",
4974
+ "name": "pathname",
4975
+ "type": {
4976
+ "text": "string"
4979
4977
  },
4980
4978
  "inheritedFrom": {
4981
- "name": "UmFieldBase",
4982
- "module": "src/field/field-base.ts"
4979
+ "name": "UmButtonWrapper",
4980
+ "module": "src/shared/button-wrapper.ts"
4983
4981
  }
4984
4982
  },
4985
4983
  {
4986
4984
  "kind": "method",
4987
- "name": "#attach",
4988
- "return": {
4989
- "type": {
4990
- "text": "Promise<void>"
4991
- }
4992
- },
4985
+ "name": "renderButton",
4986
+ "privacy": "private",
4993
4987
  "inheritedFrom": {
4994
- "name": "UmFieldBase",
4995
- "module": "src/field/field-base.ts"
4988
+ "name": "UmButtonWrapper",
4989
+ "module": "src/shared/button-wrapper.ts"
4996
4990
  }
4997
4991
  },
4998
4992
  {
4999
4993
  "kind": "method",
5000
- "name": "handleLeadingIconSlotChange",
4994
+ "name": "renderLink",
5001
4995
  "privacy": "private",
5002
4996
  "inheritedFrom": {
5003
- "name": "UmFieldBase",
5004
- "module": "src/field/field-base.ts"
4997
+ "name": "UmButtonWrapper",
4998
+ "module": "src/shared/button-wrapper.ts"
5005
4999
  }
5006
5000
  },
5007
5001
  {
5008
5002
  "kind": "method",
5009
- "name": "handleTrailingIconSlotChange",
5010
- "privacy": "private",
5003
+ "name": "focus",
5011
5004
  "inheritedFrom": {
5012
- "name": "UmFieldBase",
5013
- "module": "src/field/field-base.ts"
5005
+ "name": "UmButtonWrapper",
5006
+ "module": "src/shared/button-wrapper.ts"
5014
5007
  }
5015
5008
  },
5016
5009
  {
5017
5010
  "kind": "method",
5018
- "name": "handleErrorTextSlotChange",
5019
- "privacy": "private",
5011
+ "name": "blur",
5020
5012
  "inheritedFrom": {
5021
- "name": "UmFieldBase",
5022
- "module": "src/field/field-base.ts"
5013
+ "name": "UmButtonWrapper",
5014
+ "module": "src/shared/button-wrapper.ts"
5015
+ }
5016
+ },
5017
+ {
5018
+ "kind": "method",
5019
+ "name": "getAriaLabel",
5020
+ "privacy": "protected",
5021
+ "return": {
5022
+ "type": {
5023
+ "text": "string | null"
5024
+ }
5025
+ },
5026
+ "inheritedFrom": {
5027
+ "name": "UmButtonWrapper",
5028
+ "module": "src/shared/button-wrapper.ts"
5023
5029
  }
5024
5030
  },
5025
5031
  {
5026
5032
  "kind": "method",
5027
- "name": "setLabelWidthProperties",
5033
+ "name": "innerFocusHandler",
5028
5034
  "privacy": "private",
5035
+ "return": {
5036
+ "type": {
5037
+ "text": "void"
5038
+ }
5039
+ },
5029
5040
  "inheritedFrom": {
5030
- "name": "UmFieldBase",
5031
- "module": "src/field/field-base.ts"
5041
+ "name": "UmButtonWrapper",
5042
+ "module": "src/shared/button-wrapper.ts"
5032
5043
  }
5033
5044
  },
5034
5045
  {
5035
5046
  "kind": "method",
5036
- "name": "renderDefaultTrailingIcon",
5037
- "privacy": "protected",
5047
+ "name": "#innerClickHandler",
5038
5048
  "return": {
5039
5049
  "type": {
5040
- "text": "TemplateResult | typeof nothing"
5050
+ "text": "void"
5041
5051
  }
5042
5052
  },
5053
+ "parameters": [
5054
+ {
5055
+ "name": "event",
5056
+ "type": {
5057
+ "text": "MouseEvent"
5058
+ }
5059
+ }
5060
+ ],
5043
5061
  "inheritedFrom": {
5044
- "name": "UmFieldBase",
5045
- "module": "src/field/field-base.ts"
5062
+ "name": "UmButtonWrapper",
5063
+ "module": "src/shared/button-wrapper.ts"
5046
5064
  }
5047
5065
  }
5048
5066
  ],
@@ -5056,208 +5074,155 @@
5056
5074
  ],
5057
5075
  "attributes": [
5058
5076
  {
5059
- "name": "name",
5060
- "type": {
5061
- "text": "string"
5062
- },
5063
- "fieldName": "name"
5064
- },
5065
- {
5066
- "name": "manual",
5077
+ "name": "selected",
5067
5078
  "type": {
5068
5079
  "text": "boolean"
5069
5080
  },
5070
5081
  "default": "false",
5071
- "description": "If true, ignore enter key input",
5072
- "fieldName": "manual"
5073
- },
5074
- {
5075
- "name": "placeholder",
5076
- "type": {
5077
- "text": "string"
5078
- },
5079
- "default": "''",
5080
- "fieldName": "placeholder",
5081
- "inheritedFrom": {
5082
- "name": "UmTextFieldBase",
5083
- "module": "src/shared/text-field-base/text-field-base.ts"
5084
- }
5082
+ "description": "Whether the chip is selected or not",
5083
+ "fieldName": "selected"
5085
5084
  },
5086
5085
  {
5087
- "name": "variant",
5086
+ "name": "clickable",
5088
5087
  "type": {
5089
- "text": "'filled' | 'outlined' | undefined"
5090
- },
5091
- "default": "undefined",
5092
- "resolveInitializer": {
5093
- "module": "src/field/field-base.ts"
5088
+ "text": "boolean"
5094
5089
  },
5095
- "fieldName": "variant",
5096
- "inheritedFrom": {
5097
- "name": "UmFieldBase",
5098
- "module": "src/field/field-base.ts"
5099
- }
5090
+ "fieldName": "clickable"
5100
5091
  },
5101
5092
  {
5102
- "name": "label",
5093
+ "name": "elevated",
5103
5094
  "type": {
5104
- "text": "string | undefined"
5095
+ "text": "boolean"
5105
5096
  },
5106
- "description": "The floating label for the field",
5107
- "fieldName": "label",
5108
- "inheritedFrom": {
5109
- "name": "UmFieldBase",
5110
- "module": "src/field/field-base.ts"
5111
- }
5097
+ "default": "false",
5098
+ "description": "Adds elevation to the chip",
5099
+ "fieldName": "elevated"
5112
5100
  },
5113
5101
  {
5114
- "name": "counter",
5102
+ "name": "toggle",
5115
5103
  "type": {
5116
- "text": "string | undefined"
5104
+ "text": "boolean"
5117
5105
  },
5118
- "fieldName": "counter",
5119
- "inheritedFrom": {
5120
- "name": "UmFieldBase",
5121
- "module": "src/field/field-base.ts"
5122
- }
5106
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
5107
+ "fieldName": "toggle"
5123
5108
  },
5124
5109
  {
5125
- "name": "hide-counter",
5110
+ "name": "removable",
5126
5111
  "type": {
5127
5112
  "text": "boolean"
5128
5113
  },
5129
5114
  "default": "false",
5130
- "fieldName": "hideCounter",
5131
- "inheritedFrom": {
5132
- "name": "UmFieldBase",
5133
- "module": "src/field/field-base.ts"
5134
- }
5115
+ "description": "Add the remove icon",
5116
+ "fieldName": "removable"
5135
5117
  },
5136
5118
  {
5137
- "name": "supporting-text",
5119
+ "name": "hide-selected-icon",
5138
5120
  "type": {
5139
- "text": "| string\n | undefined"
5121
+ "text": "boolean"
5140
5122
  },
5141
- "description": "Supporting text conveys additional information about the field, such as how it will be used",
5142
- "fieldName": "supportingText",
5143
- "inheritedFrom": {
5144
- "name": "UmFieldBase",
5145
- "module": "src/field/field-base.ts"
5146
- }
5123
+ "default": "false",
5124
+ "description": "Hide the selected icon",
5125
+ "fieldName": "hideSelectedIcon"
5147
5126
  },
5148
5127
  {
5149
- "name": "error-text",
5128
+ "name": "has-leading-icon",
5150
5129
  "type": {
5151
- "text": "string | undefined"
5130
+ "text": "boolean"
5152
5131
  },
5153
- "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`",
5154
- "fieldName": "errorText",
5155
- "inheritedFrom": {
5156
- "name": "UmFieldBase",
5157
- "module": "src/field/field-base.ts"
5158
- }
5132
+ "default": "false",
5133
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
5134
+ "fieldName": "hasLeadingIcon"
5159
5135
  },
5160
5136
  {
5161
- "name": "empty",
5137
+ "name": "has-selected-icon",
5162
5138
  "type": {
5163
5139
  "text": "boolean"
5164
5140
  },
5165
5141
  "default": "false",
5166
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
5167
- "fieldName": "empty",
5168
- "inheritedFrom": {
5169
- "name": "UmFieldBase",
5170
- "module": "src/field/field-base.ts"
5171
- }
5142
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
5143
+ "fieldName": "hasSelectedIcon"
5172
5144
  },
5173
5145
  {
5174
- "name": "disabled",
5146
+ "name": "has-trailing-icon",
5175
5147
  "type": {
5176
5148
  "text": "boolean"
5177
5149
  },
5178
5150
  "default": "false",
5179
- "fieldName": "disabled",
5180
- "inheritedFrom": {
5181
- "name": "UmFieldBase",
5182
- "module": "src/field/field-base.ts"
5183
- }
5151
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
5152
+ "fieldName": "hasTrailingIcon"
5184
5153
  },
5185
5154
  {
5186
- "name": "invalid",
5155
+ "name": "disabled",
5187
5156
  "type": {
5188
5157
  "text": "boolean"
5189
5158
  },
5190
5159
  "default": "false",
5191
- "description": "Get or sets where or not the field is in a visually invalid state.",
5192
- "fieldName": "invalid",
5160
+ "description": "Whether the button is disabled or not.",
5161
+ "fieldName": "disabled",
5193
5162
  "inheritedFrom": {
5194
- "name": "UmFieldBase",
5195
- "module": "src/field/field-base.ts"
5163
+ "name": "UmButtonWrapper",
5164
+ "module": "src/shared/button-wrapper.ts"
5196
5165
  }
5197
5166
  },
5198
5167
  {
5199
- "name": "has-leading-icon",
5168
+ "name": "href",
5200
5169
  "type": {
5201
- "text": "boolean"
5170
+ "text": "string | undefined"
5202
5171
  },
5203
- "default": "false",
5204
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
5205
- "fieldName": "hasLeadingIcon",
5172
+ "description": "The URL that the link button points to.",
5173
+ "fieldName": "href",
5206
5174
  "inheritedFrom": {
5207
- "name": "UmFieldBase",
5208
- "module": "src/field/field-base.ts"
5175
+ "name": "UmButtonWrapper",
5176
+ "module": "src/shared/button-wrapper.ts"
5209
5177
  }
5210
5178
  },
5211
5179
  {
5212
- "name": "has-trailing-icon",
5180
+ "name": "target",
5213
5181
  "type": {
5214
- "text": "boolean"
5182
+ "text": "string | undefined"
5215
5183
  },
5216
- "default": "false",
5217
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
5218
- "fieldName": "hasTrailingIcon",
5184
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
5185
+ "fieldName": "target",
5219
5186
  "inheritedFrom": {
5220
- "name": "UmFieldBase",
5221
- "module": "src/field/field-base.ts"
5187
+ "name": "UmButtonWrapper",
5188
+ "module": "src/shared/button-wrapper.ts"
5222
5189
  }
5223
5190
  },
5224
5191
  {
5225
- "name": "has-error-text",
5192
+ "name": "name",
5226
5193
  "type": {
5227
- "text": "boolean"
5194
+ "text": "string | undefined"
5228
5195
  },
5229
- "default": "false",
5230
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
5231
- "fieldName": "hasErrorText",
5196
+ "fieldName": "name",
5232
5197
  "inheritedFrom": {
5233
- "name": "UmFieldBase",
5234
- "module": "src/field/field-base.ts"
5198
+ "name": "UmButtonWrapper",
5199
+ "module": "src/shared/button-wrapper.ts"
5235
5200
  }
5236
5201
  }
5237
5202
  ],
5238
5203
  "superclass": {
5239
- "name": "UmTextFieldBase",
5240
- "module": "/src/shared/text-field-base/text-field-base.js"
5204
+ "name": "UmButtonWrapper",
5205
+ "module": "/src/shared/button-wrapper.js"
5241
5206
  },
5242
- "tagName": "u-chip-field",
5207
+ "tagName": "u-chip",
5243
5208
  "customElement": true
5244
5209
  }
5245
5210
  ],
5246
5211
  "exports": [
5247
5212
  {
5248
5213
  "kind": "js",
5249
- "name": "UmChipField",
5214
+ "name": "UmChip",
5250
5215
  "declaration": {
5251
- "name": "UmChipField",
5252
- "module": "src/chip-field/chip-field.ts"
5216
+ "name": "UmChip",
5217
+ "module": "src/chip/chip.ts"
5253
5218
  }
5254
5219
  },
5255
5220
  {
5256
5221
  "kind": "custom-element-definition",
5257
- "name": "u-chip-field",
5222
+ "name": "u-chip",
5258
5223
  "declaration": {
5259
- "name": "UmChipField",
5260
- "module": "src/chip-field/chip-field.ts"
5224
+ "name": "UmChip",
5225
+ "module": "src/chip/chip.ts"
5261
5226
  }
5262
5227
  }
5263
5228
  ]
@@ -6198,7 +6163,7 @@
6198
6163
  {
6199
6164
  "kind": "variable",
6200
6165
  "name": "styles",
6201
- "default": "css `\n :host {\n --_control-line-height: var(--u-field-control-line-height, 1.5rem);\n --_label-line-height: var(--u-field-label-line-height, 1rem);\n --_field-icon-size: var(--u-field-icon-size, 1.5rem);\n --_field-control-padding: var(--u-field-control-padding, 16px);\n --_field-control-inline-padding: var(--u-field-control-inline-padding, var(--_field-control-padding));\n --_field-control-block-padding: var(--u-field-control-block-padding, var(--_field-control-padding));\n --_field-min-height: var(--u-field-min-height, 56px);\n --_field-placeholder-color: var(--u-field-placeholder-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n --_disabled-color: var(--u-field-disabled-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, .38)));\n --_disabled-bg-color: var(--u-filled-field-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, ), var(--u-filled-field-background-disabled-opacity, .12)));\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n --_color-error: var(--u-field-error-color, var(--u-color-error, rgb(179, 38, 30)));\n --_active-indicator-opacity: 1;\n --_vertical-padding: var(--u-field-vertical-padding, 8px);\n --_icon-size: var(--u-field-icon-size, 1.5rem);\n --_icon-padding: var(--u-field-icon-padding, 12px);\n --_icon-color: var(--u-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n --_focus-border-width: var(--u-text-field-focus-border-width, 2px);\n --_field-control-leading-padding: var(--_field-control-inline-padding);\n --_outlined-label-margin: var(--u-outlined-field-label-margin, 12px);\n --_outlined-label-padding: var(--u-outlined-field-label-padding, 4px);\n --u-label-input-start: auto;\n --u-label-input-span-leading-offset: 0;\n --u-label-input-span-trailing-offset: 0;\n --u-text-field-horizontal-padding: 12px;\n display: block;\n }\n\n .container {\n display: flex;\n align-items: center;\n position: relative;\n }\n .container::before, .container::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n pointer-events: none;\n }\n .container::before {\n background: var(--u-color-on-surface, rgb(29, 27, 32));\n transition: opacity 150ms;\n opacity: 0;\n }\n .container::after {\n border-width: var(--u-field-border-width, 1px);\n border-color: var(--u-field-border-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):not([invalid]):hover) .container.filled::before {\n opacity: var(--u-state-hover-opacity, 0.08);\n }\n :host(:not([disabled]):not([invalid]):not(:focus-within):hover) .container::after {\n border-color: var(--u-field-hover-border-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n }\n .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--_icon-size);\n color: var(--_icon-color);\n font-size: var(--_icon-size);\n line-height: var(--_icon-size);\n }\n .icon::slotted(*) {\n flex-shrink: 0;\n }\n\n .leading-icon {\n margin-inline-start: var(--_icon-padding);\n }\n\n .trailing-icon {\n margin-inline-end: var(--_icon-padding);\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-field-label-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-field-label-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-field-label-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n font-size: var(--u-field-label-font-size, var(--u-body-s-font-size, 0.75rem));\n display: block;\n position: absolute;\n inset-inline-start: var(--_field-control-leading-padding);\n margin-bottom: 0;\n line-height: var(--_label-line-height);\n color: var(--u-field-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n transition: inset 200ms, font-size 200ms;\n }\n\n .input-wrapper {\n display: flex;\n align-items: center;\n flex: 1;\n padding-block: var(--_vertical-padding);\n padding-inline: var(--_field-control-inline-padding);\n min-height: var(--_field-min-height);\n transition: opacity 150ms;\n }\n\n .input {\n color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n flex: 1;\n }\n .input:focus {\n outline: 0;\n }\n .input textarea,\n .input select,\n .input input,\n .input ::slotted(*) {\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-field-control-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-field-control-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-field-control-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-field-control-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n display: block;\n width: 100%;\n color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n min-height: var(--_control-line-height);\n line-height: var(--_control-line-height);\n padding: 0;\n margin: 0;\n appearance: none;\n background: transparent;\n border: none;\n outline: 0 !important;\n caret-color: var(--_color-primary);\n }\n .input,\n .input textarea::placeholder,\n .input input::placeholder,\n .input ::slotted(select),\n .input ::slotted(:is(input, textarea))::placeholder {\n transition: color 150ms 100ms;\n }\n .input textarea::placeholder,\n .input input::placeholder,\n .input ::slotted(:is(input, textarea))::placeholder {\n color: var(--_field-placeholder-color);\n }\n\n .supporting-text {\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-field-supporting-text-line-height, var(--u-body-s-line-height, 1rem));\n font-size: var(--u-field-supporting-text-font-size, var(--u-body-s-font-size, 0.75rem));\n letter-spacing: var(--u-field-supporting-text-letter-spacing, var(--u-body-s-letter-spacing, 0.0333333333rem));\n font-weight: var(--u-field-supporting-text-font-weight, var(--u-body-s-font-weight, var(--u-font-weight-regular, 400)));\n display: flex;\n color: var(--u-field-supporting-text, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n padding-inline: 16px;\n gap: 16px;\n }\n .supporting-text div:empty {\n display: none;\n }\n .supporting-text div,\n .supporting-text ::slotted(*) {\n display: inline-block;\n margin-top: 4px;\n }\n\n .error-text {\n display: none;\n }\n\n .counter div, .counter::slotted(*) {\n margin-inline-start: auto;\n }\n\n :host([has-leading-icon]) {\n --_field-control-leading-padding: calc(var(--_icon-padding) + var(--_icon-size) + var(--_field-control-inline-padding)) ;\n }\n\n :host(:not([has-leading-icon])) .leading-icon {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .container:has(slot[name=trailing-icon] span:empty) .trailing-icon {\n display: none;\n }\n\n :host(:focus-within) {\n --u-field-border-width: var(--_focus-border-width);\n }\n :host(:focus-within) .container::after {\n border-color: var(--u-field-focused-border-color, var(--_color-primary));\n }\n :host(:focus-within) .label {\n color: var(--u-field-label-focused-color, var(--_color-primary));\n }\n\n :host([invalid]) .container::after {\n border-color: var(--u-field-error-border-color, var(--_color-error));\n }\n :host([invalid]) .label {\n color: var(--u-field-label-error-color, var(--_color-error));\n }\n :host([invalid]) .supporting-text {\n color: var(--u-field-supporting-text-error-color, var(--_color-error));\n }\n :host([invalid]) .trailing-icon {\n color: var(--u-field-trailing-icon-error-color, var(--_color-error));\n }\n :host([invalid]) .leading-icon {\n color: var(--u-field-leading-icon-error-color, var(--_icon-color));\n }\n\n :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) .error-text,\n :host([invalid][has-error-text]) .error-text {\n display: contents;\n }\n :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) slot[name=supporting-text],\n :host([invalid][has-error-text]) slot[name=supporting-text] {\n display: none;\n }\n\n .container.filled {\n border-radius: var(--u-field-filled-border-radius, 4px 4px 0 0);\n background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n }\n .container.filled::after {\n border-bottom-style: solid;\n }\n .container.filled:not(.no-label) .input-wrapper {\n padding-top: calc(var(--_vertical-padding) + var(--_label-line-height));\n padding-bottom: var(--_vertical-padding);\n }\n .container.filled .label {\n top: var(--_vertical-padding);\n }\n .container.filled .input ::slotted(:is(input, textarea, select, button)) {\n display: block;\n }\n .container.outlined::after {\n --_mid-point: calc(var(--u-field-label-half-width) + var(--_outlined-label-margin) + var(--_outlined-label-padding));\n border-radius: var(--u-outlined-field-shape-corder, var(--u-shape-corner-small, 8px));\n border-style: solid;\n clip-path: polygon(0 0, var(--_mid-point) 0, var(--_mid-point) var(--_focus-border-width), var(--_mid-point) var(--_focus-border-width), var(--_mid-point) 0, 100% 0, 100% 100%, 0 100%);\n transition: clip-path 100ms;\n }\n .container.outlined .label {\n top: calc(var(--_label-line-height) / -2);\n }\n\n .container.outlined:focus-within::after,\n :host(:not([empty])) .container.outlined::after {\n --_end-point: calc(var(--u-field-label-width) + var(--_outlined-label-margin) + (var(--_outlined-label-padding) * 2));\n clip-path: polygon(0 0, var(--_outlined-label-margin) 0, var(--_outlined-label-margin) var(--_focus-border-width), var(--_end-point) var(--_focus-border-width), var(--_end-point) 0, 100% 0, 100% 100%, 0 100%);\n }\n .container.outlined:focus-within .label,\n :host(:not([empty])) .container.outlined .label {\n inset-inline-start: calc(var(--_outlined-label-margin) + var(--_outlined-label-padding));\n }\n\n :host([empty]) ::slotted(select) {\n color: var(--_field-placeholder-color);\n }\n\n :host([empty]:not(:focus-within)) .label {\n font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem));\n pointer-events: none;\n top: calc(var(--_field-min-height) / 2 - var(--_label-line-height) / 2);\n }\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input-wrapper,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input input::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input textarea::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(:is(input, textarea))::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(select) {\n color: transparent;\n transition: color 150ms;\n }\n\n .container.no-label::after {\n clip-path: none !important;\n }\n\n :host([disabled]) .container .filled {\n background-color: var(--u-filled-field-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-filled-field-background-disabled-opacity, 0.04)));\n }\n :host([disabled]) .container::after {\n border-color: var(--u-field-disabled-border-color, var(--_disabled-color));\n }\n :host([disabled]) .supporting-text {\n color: var(--u-field-supporting-text-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .label {\n color: var(--u-field-label-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .input select,\n :host([disabled]) .input select::placeholder,\n :host([disabled]) .input textarea,\n :host([disabled]) .input textarea::placeholder,\n :host([disabled]) .input input,\n :host([disabled]) .input input::placeholder,\n :host([disabled]) .input ::slotted(*),\n :host([disabled]) .input ::slotted(:is(input, textarea))::placeholder {\n color: var(--u-field-input-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .trailing-icon {\n color: var(--u-field-trailing-icon-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .leading-icon {\n color: var(--u-field-leading-icon-disabled-color, var(--_disabled-color));\n }\n`"
6166
+ "default": "css `\n :host {\n --_control-line-height: var(--u-field-control-line-height, 1.5rem);\n --_label-line-height: var(--u-field-label-line-height, 1rem);\n --_field-icon-size: var(--u-field-icon-size, 1.5rem);\n --_field-control-padding: var(--u-field-control-padding, 16px);\n --_field-control-inline-padding: var(--u-field-control-inline-padding, var(--_field-control-padding));\n --_field-control-block-padding: var(--u-field-control-block-padding, var(--_field-control-padding));\n --_field-min-height: var(--u-field-min-height, 56px);\n --_field-placeholder-color: var(--u-field-placeholder-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n --_disabled-color: var(--u-field-disabled-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, .38)));\n --_disabled-bg-color: var(--u-filled-field-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, ), var(--u-filled-field-background-disabled-opacity, .12)));\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n --_color-error: var(--u-field-error-color, var(--u-color-error, rgb(179, 38, 30)));\n --_active-indicator-opacity: 1;\n --_vertical-padding: var(--u-field-vertical-padding, 8px);\n --_icon-size: var(--u-field-icon-size, 1.5rem);\n --_icon-padding: var(--u-field-icon-padding, 12px);\n --_icon-color: var(--u-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n --_border-width: var(--u-field-border-width, 1px);\n --_border-color: var(--u-field-border-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n --_field-control-leading-padding: var(--_field-control-inline-padding);\n --_outlined-label-margin: var(--u-outlined-field-label-margin, 12px);\n --_outlined-label-padding: var(--u-outlined-field-label-padding, 4px);\n --u-label-input-start: auto;\n --u-label-input-span-leading-offset: 0;\n --u-label-input-span-trailing-offset: 0;\n --u-text-field-horizontal-padding: 12px;\n display: block;\n }\n\n .container {\n display: flex;\n align-items: center;\n position: relative;\n }\n .container::before, .container::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n pointer-events: none;\n }\n .container::before {\n background: var(--u-color-on-surface, rgb(29, 27, 32));\n transition: opacity 150ms;\n opacity: 0;\n }\n .container::after {\n border-width: var(--_border-width);\n border-color: var(--_border-color);\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):not([invalid]):hover) .container.filled::before {\n opacity: var(--u-state-hover-opacity, 0.08);\n }\n :host(:not([disabled]):not([invalid]):not(:focus-within):hover) {\n --_border-color: var(--u-field-hover-border-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n }\n .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--_icon-size);\n color: var(--_icon-color);\n font-size: var(--_icon-size);\n line-height: var(--_icon-size);\n }\n .icon::slotted(*) {\n flex-shrink: 0;\n }\n\n .leading-icon {\n margin-inline-start: var(--_icon-padding);\n }\n\n .trailing-icon {\n margin-inline-end: var(--_icon-padding);\n }\n\n .outline-notch-label,\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-field-label-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-field-label-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-field-label-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n font-size: var(--u-field-label-font-size, var(--u-body-s-font-size, 0.75rem));\n }\n\n .label {\n display: block;\n position: absolute;\n inset-inline-start: var(--_field-control-leading-padding);\n margin-bottom: 0;\n line-height: var(--_label-line-height);\n color: var(--u-field-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n transition: inset 200ms, font-size 200ms;\n }\n\n .input-wrapper {\n display: flex;\n align-items: center;\n flex: 1;\n padding-block: var(--_vertical-padding);\n padding-inline: var(--_field-control-inline-padding);\n min-height: var(--_field-min-height);\n transition: opacity 150ms;\n }\n\n .input {\n color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n flex: 1;\n }\n .input:focus {\n outline: 0;\n }\n .input textarea,\n .input select,\n .input input,\n .input ::slotted(*) {\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-field-control-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-field-control-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-field-control-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-field-control-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n display: block;\n width: 100%;\n color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n min-height: var(--_control-line-height);\n line-height: var(--_control-line-height);\n padding: 0;\n margin: 0;\n appearance: none;\n background: transparent;\n border: none;\n outline: 0 !important;\n caret-color: var(--_color-primary);\n }\n .input,\n .input textarea::placeholder,\n .input input::placeholder,\n .input ::slotted(select),\n .input ::slotted(:is(input, textarea))::placeholder {\n transition: color 150ms 100ms;\n }\n .input textarea::placeholder,\n .input input::placeholder,\n .input ::slotted(:is(input, textarea))::placeholder {\n color: var(--_field-placeholder-color);\n }\n\n .supporting-text {\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-field-supporting-text-line-height, var(--u-body-s-line-height, 1rem));\n font-size: var(--u-field-supporting-text-font-size, var(--u-body-s-font-size, 0.75rem));\n letter-spacing: var(--u-field-supporting-text-letter-spacing, var(--u-body-s-letter-spacing, 0.0333333333rem));\n font-weight: var(--u-field-supporting-text-font-weight, var(--u-body-s-font-weight, var(--u-font-weight-regular, 400)));\n display: flex;\n color: var(--u-field-supporting-text, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n padding-inline: 16px;\n gap: 16px;\n }\n .supporting-text div:empty {\n display: none;\n }\n .supporting-text div,\n .supporting-text ::slotted(*) {\n display: inline-block;\n margin-top: 4px;\n }\n\n .error-text {\n display: none;\n }\n\n .counter div, .counter::slotted(*) {\n margin-inline-start: auto;\n }\n\n :host([has-leading-icon]) {\n --_field-control-leading-padding: calc(var(--_icon-padding) + var(--_icon-size) + var(--_field-control-inline-padding)) ;\n }\n\n :host(:not([has-leading-icon])) .leading-icon {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .container:has(slot[name=trailing-icon] span:empty) .trailing-icon {\n display: none;\n }\n\n :host(:focus-within) {\n --_border-width: var(--u-text-field-focus-border-width, 2px);\n --_border-color: var(--u-field-focused-border-color, var(--_color-primary));\n }\n :host(:focus-within) .label {\n color: var(--u-field-label-focused-color, var(--_color-primary));\n }\n\n :host([invalid]) {\n --_border-color: var(--u-field-error-border-color, var(--_color-error));\n }\n :host([invalid]) .label {\n color: var(--u-field-label-error-color, var(--_color-error));\n }\n :host([invalid]) .supporting-text {\n color: var(--u-field-supporting-text-error-color, var(--_color-error));\n }\n :host([invalid]) .trailing-icon {\n color: var(--u-field-trailing-icon-error-color, var(--_color-error));\n }\n :host([invalid]) .leading-icon {\n color: var(--u-field-leading-icon-error-color, var(--_icon-color));\n }\n\n :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) .error-text,\n :host([invalid][has-error-text]) .error-text {\n display: contents;\n }\n :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) slot[name=supporting-text],\n :host([invalid][has-error-text]) slot[name=supporting-text] {\n display: none;\n }\n\n .container.filled {\n border-radius: var(--u-field-filled-border-radius, 4px 4px 0 0);\n background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n }\n .container.filled::after {\n border-bottom-style: solid;\n }\n .container.filled:not(.no-label) .input-wrapper {\n padding-top: calc(var(--_vertical-padding) + var(--_label-line-height));\n padding-bottom: var(--_vertical-padding);\n }\n .container.filled .label {\n top: var(--_vertical-padding);\n }\n .container.filled .input ::slotted(:is(input, textarea, select, button)) {\n display: block;\n }\n .container.outlined .label {\n top: calc(var(--_label-line-height) / -2);\n }\n\n .container.outlined:focus-within .label,\n :host(:not([empty])) .container.outlined .label {\n inset-inline-start: calc(var(--_outlined-label-margin) + var(--_outlined-label-padding));\n }\n\n :host([empty]) ::slotted(select) {\n color: var(--_field-placeholder-color);\n }\n\n :host([empty]:not(:focus-within)) .label {\n font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem));\n pointer-events: none;\n top: calc(var(--_field-min-height) / 2 - var(--_label-line-height) / 2);\n }\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input-wrapper,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input input::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input textarea::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(:is(input, textarea))::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(select) {\n color: transparent;\n transition: color 150ms;\n }\n\n :host([disabled]) {\n --_border-color: var(--u-field-disabled-border-color, var(--_disabled-color));\n }\n :host([disabled]) .container .filled {\n background-color: var(--u-filled-field-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-filled-field-background-disabled-opacity, 0.04)));\n }\n :host([disabled]) .supporting-text {\n color: var(--u-field-supporting-text-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .label {\n color: var(--u-field-label-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .input select,\n :host([disabled]) .input select::placeholder,\n :host([disabled]) .input textarea,\n :host([disabled]) .input textarea::placeholder,\n :host([disabled]) .input input,\n :host([disabled]) .input input::placeholder,\n :host([disabled]) .input ::slotted(*),\n :host([disabled]) .input ::slotted(:is(input, textarea))::placeholder {\n color: var(--u-field-input-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .trailing-icon {\n color: var(--u-field-trailing-icon-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .leading-icon {\n color: var(--u-field-leading-icon-disabled-color, var(--_disabled-color));\n }\n\n .outline {\n position: absolute;\n inset: 0;\n display: flex;\n border-radius: var(--u-outlined-field-shape-corder, var(--u-shape-corner-small, 8px));\n pointer-events: none;\n }\n\n .outline-start,\n .outline-end {\n border: var(--_border-width) solid var(--_border-color);\n border-radius: inherit;\n flex-basis: var(--_outlined-label-margin);\n }\n\n .outline-start {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n border-inline-end: none;\n }\n\n .outline-end {\n flex: 1;\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n border-inline-start: none;\n }\n\n .outline-notch {\n min-width: 0;\n border-bottom: var(--_border-width) solid var(--_border-color);\n }\n\n .outline-notch-label {\n position: relative;\n color: transparent;\n padding-inline: var(--_outlined-label-padding);\n user-select: none;\n }\n\n .outline-notch-label::before,\n .outline-notch-label::after {\n content: \"\";\n position: absolute;\n border-top: var(--_border-width) solid var(--_border-color);\n width: 50%;\n transition: width 100ms;\n }\n\n .outline-notch-label::before {\n left: 0;\n }\n\n .outline-notch-label::after {\n right: 0;\n }\n\n .container:not(.no-label):focus-within .outline-notch-label::before,\n .container:not(.no-label):focus-within .outline-notch-label::after,\n :host(:not([empty])) .container:not(.no-label) .outline-notch-label::before,\n :host(:not([empty])) .container:not(.no-label) .outline-notch-label::after {\n width: 0;\n }\n`"
6202
6167
  }
6203
6168
  ],
6204
6169
  "exports": [
@@ -6276,7 +6241,7 @@
6276
6241
  "kind": "field",
6277
6242
  "name": "supportingText",
6278
6243
  "type": {
6279
- "text": "| string\n | undefined"
6244
+ "text": "string | undefined"
6280
6245
  },
6281
6246
  "description": "Supporting text conveys additional information about the field, such as how it will be used",
6282
6247
  "attribute": "supporting-text"
@@ -6416,17 +6381,8 @@
6416
6381
  "name": "_container",
6417
6382
  "type": {
6418
6383
  "text": "HTMLElement"
6419
- },
6420
- "privacy": "protected"
6421
- },
6422
- {
6423
- "kind": "field",
6424
- "name": "labelSizeObserver",
6425
- "type": {
6426
- "text": "ResizeObserver | null"
6427
- },
6428
- "privacy": "private",
6429
- "default": "null"
6384
+ },
6385
+ "privacy": "protected"
6430
6386
  },
6431
6387
  {
6432
6388
  "kind": "method",
@@ -6448,15 +6404,6 @@
6448
6404
  }
6449
6405
  }
6450
6406
  },
6451
- {
6452
- "kind": "method",
6453
- "name": "#attach",
6454
- "return": {
6455
- "type": {
6456
- "text": "Promise<void>"
6457
- }
6458
- }
6459
- },
6460
6407
  {
6461
6408
  "kind": "method",
6462
6409
  "name": "handleLeadingIconSlotChange",
@@ -6472,11 +6419,6 @@
6472
6419
  "name": "handleErrorTextSlotChange",
6473
6420
  "privacy": "private"
6474
6421
  },
6475
- {
6476
- "kind": "method",
6477
- "name": "setLabelWidthProperties",
6478
- "privacy": "private"
6479
- },
6480
6422
  {
6481
6423
  "kind": "method",
6482
6424
  "name": "renderDefaultTrailingIcon",
@@ -6526,7 +6468,7 @@
6526
6468
  {
6527
6469
  "name": "supporting-text",
6528
6470
  "type": {
6529
- "text": "| string\n | undefined"
6471
+ "text": "string | undefined"
6530
6472
  },
6531
6473
  "description": "Supporting text conveys additional information about the field, such as how it will be used",
6532
6474
  "fieldName": "supportingText"
@@ -6768,7 +6710,7 @@
6768
6710
  "kind": "field",
6769
6711
  "name": "supportingText",
6770
6712
  "type": {
6771
- "text": "| string\n | undefined"
6713
+ "text": "string | undefined"
6772
6714
  },
6773
6715
  "description": "Supporting text conveys additional information about the field, such as how it will be used",
6774
6716
  "attribute": "supporting-text",
@@ -6967,19 +6909,6 @@
6967
6909
  "module": "src/field/field-base.ts"
6968
6910
  }
6969
6911
  },
6970
- {
6971
- "kind": "field",
6972
- "name": "labelSizeObserver",
6973
- "type": {
6974
- "text": "ResizeObserver | null"
6975
- },
6976
- "privacy": "private",
6977
- "default": "null",
6978
- "inheritedFrom": {
6979
- "name": "UmFieldBase",
6980
- "module": "src/field/field-base.ts"
6981
- }
6982
- },
6983
6912
  {
6984
6913
  "kind": "method",
6985
6914
  "name": "renderAfterContent",
@@ -6994,19 +6923,6 @@
6994
6923
  "module": "src/field/field-base.ts"
6995
6924
  }
6996
6925
  },
6997
- {
6998
- "kind": "method",
6999
- "name": "#attach",
7000
- "return": {
7001
- "type": {
7002
- "text": "Promise<void>"
7003
- }
7004
- },
7005
- "inheritedFrom": {
7006
- "name": "UmFieldBase",
7007
- "module": "src/field/field-base.ts"
7008
- }
7009
- },
7010
6926
  {
7011
6927
  "kind": "method",
7012
6928
  "name": "handleLeadingIconSlotChange",
@@ -7034,15 +6950,6 @@
7034
6950
  "module": "src/field/field-base.ts"
7035
6951
  }
7036
6952
  },
7037
- {
7038
- "kind": "method",
7039
- "name": "setLabelWidthProperties",
7040
- "privacy": "private",
7041
- "inheritedFrom": {
7042
- "name": "UmFieldBase",
7043
- "module": "src/field/field-base.ts"
7044
- }
7045
- },
7046
6953
  {
7047
6954
  "kind": "method",
7048
6955
  "name": "renderDefaultTrailingIcon",
@@ -7120,7 +7027,7 @@
7120
7027
  {
7121
7028
  "name": "supporting-text",
7122
7029
  "type": {
7123
- "text": "| string\n | undefined"
7030
+ "text": "string | undefined"
7124
7031
  },
7125
7032
  "description": "Supporting text conveys additional information about the field, such as how it will be used",
7126
7033
  "fieldName": "supportingText",
@@ -7246,141 +7153,6 @@
7246
7153
  }
7247
7154
  ]
7248
7155
  },
7249
- {
7250
- "kind": "javascript-module",
7251
- "path": "src/list/list-item.styles.ts",
7252
- "declarations": [
7253
- {
7254
- "kind": "variable",
7255
- "name": "styles",
7256
- "default": "css `\n :host {\n position: relative;\n display: flex;\n align-items: center;\n min-height: var(--u-list-item-min-height, 56px);\n padding-block: var(--u-list-item-block-padding, 8px);\n padding-inline: var(--u-list-item-inline-padding, 16px);\n gap: var(--u-list-item-gap, 16px);\n }\n\n slot:not([name]) {\n display: block;\n margin-inline-end: auto;\n }\n\n slot {\n flex-shrink: 0;\n }\n\n .content {\n flex: 1;\n min-width: 0;\n }\n\n .headline {\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-list-item-headline-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-list-item-headline-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-list-item-headline-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-list-item-headline-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n }\n\n .supporting-text {\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-list-item-supporting-text-line-height, var(--u-body-m-line-height, 1.25rem));\n font-size: var(--u-list-item-supporting-text-font-size, var(--u-body-m-font-size, 0.875rem));\n letter-spacing: var(--u-list-item-supporting-text-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem));\n font-weight: var(--u-list-item-supporting-text-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400)));\n color: var(--u-list-item-supporting-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n`"
7257
- }
7258
- ],
7259
- "exports": [
7260
- {
7261
- "kind": "js",
7262
- "name": "styles",
7263
- "declaration": {
7264
- "name": "styles",
7265
- "module": "src/list/list-item.styles.ts"
7266
- }
7267
- }
7268
- ]
7269
- },
7270
- {
7271
- "kind": "javascript-module",
7272
- "path": "src/list/list-item.ts",
7273
- "declarations": [
7274
- {
7275
- "kind": "class",
7276
- "description": "",
7277
- "name": "UmListItem",
7278
- "members": [
7279
- {
7280
- "kind": "field",
7281
- "name": "selectable",
7282
- "type": {
7283
- "text": "boolean"
7284
- },
7285
- "default": "false",
7286
- "attribute": "selectable",
7287
- "reflects": true
7288
- }
7289
- ],
7290
- "attributes": [
7291
- {
7292
- "name": "selectable",
7293
- "type": {
7294
- "text": "boolean"
7295
- },
7296
- "default": "false",
7297
- "fieldName": "selectable"
7298
- }
7299
- ],
7300
- "superclass": {
7301
- "name": "LitElement",
7302
- "package": "lit"
7303
- },
7304
- "tagName": "u-list-item",
7305
- "customElement": true
7306
- }
7307
- ],
7308
- "exports": [
7309
- {
7310
- "kind": "js",
7311
- "name": "UmListItem",
7312
- "declaration": {
7313
- "name": "UmListItem",
7314
- "module": "src/list/list-item.ts"
7315
- }
7316
- },
7317
- {
7318
- "kind": "custom-element-definition",
7319
- "name": "u-list-item",
7320
- "declaration": {
7321
- "name": "UmListItem",
7322
- "module": "src/list/list-item.ts"
7323
- }
7324
- }
7325
- ]
7326
- },
7327
- {
7328
- "kind": "javascript-module",
7329
- "path": "src/list/list.styles.ts",
7330
- "declarations": [
7331
- {
7332
- "kind": "variable",
7333
- "name": "styles",
7334
- "default": "css `\n :host {\n display: block;\n padding-block: var(--u-list-padding, 8px);\n }\n`"
7335
- }
7336
- ],
7337
- "exports": [
7338
- {
7339
- "kind": "js",
7340
- "name": "styles",
7341
- "declaration": {
7342
- "name": "styles",
7343
- "module": "src/list/list.styles.ts"
7344
- }
7345
- }
7346
- ]
7347
- },
7348
- {
7349
- "kind": "javascript-module",
7350
- "path": "src/list/list.ts",
7351
- "declarations": [
7352
- {
7353
- "kind": "class",
7354
- "description": "",
7355
- "name": "UmList",
7356
- "members": [],
7357
- "superclass": {
7358
- "name": "LitElement",
7359
- "package": "lit"
7360
- },
7361
- "tagName": "u-list",
7362
- "customElement": true
7363
- }
7364
- ],
7365
- "exports": [
7366
- {
7367
- "kind": "js",
7368
- "name": "UmList",
7369
- "declaration": {
7370
- "name": "UmList",
7371
- "module": "src/list/list.ts"
7372
- }
7373
- },
7374
- {
7375
- "kind": "custom-element-definition",
7376
- "name": "u-list",
7377
- "declaration": {
7378
- "name": "UmList",
7379
- "module": "src/list/list.ts"
7380
- }
7381
- }
7382
- ]
7383
- },
7384
7156
  {
7385
7157
  "kind": "javascript-module",
7386
7158
  "path": "src/menu/menu-item.styles.ts",
@@ -7853,7 +7625,7 @@
7853
7625
  {
7854
7626
  "kind": "variable",
7855
7627
  "name": "styles",
7856
- "default": "css `\n :host {\n --u-elevation-level: var(--u-menu-elevation-level, 2);\n display: block;\n width: 0;\n }\n\n :host([positioning=relative]) {\n position: relative;\n }\n\n :host([positioning=fixed]) {\n position: fixed;\n }\n\n .ref {\n position: absolute;\n inset-inline-start: 0;\n pointer-events: none;\n }\n\n .menu {\n position: absolute;\n display: flex;\n min-width: var(--u-menu-min-width, 112px);\n max-width: var(--u-menu-max-width, 280px);\n background: var(--u-menu-bg-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n border-radius: var(--u-menu-shape-corner, var(--u-shape-corner-extra-small, 4px));\n opacity: 0;\n transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 350ms;\n transform: scale3d(0, 0, 1);\n transform-origin: top;\n z-index: var(--u-menu-z-index, 1020);\n }\n .menu.up {\n transform: scale3d(1, 0, 0);\n transform-origin: bottom;\n }\n\n .content {\n width: 100%;\n padding-block: var(--u-menu-padding, 8px);\n opacity: 0;\n transition: opacity 1ms 400ms;\n scroll-padding-block: 32px;\n overflow: auto;\n }\n\n :host([open]) .menu {\n opacity: 1;\n transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1), opacity 250ms;\n transform: scale3d(1, 1, 1);\n }\n :host([open]) .content {\n opacity: 1;\n transition: opacity 300ms 150ms;\n }\n`"
7628
+ "default": "css `\n :host {\n --u-elevation-level: var(--u-menu-elevation-level, 2);\n display: block;\n width: 0;\n }\n\n :host([positioning=relative]) {\n position: relative;\n }\n\n :host([positioning=fixed]) {\n position: fixed;\n }\n\n .ref {\n position: absolute;\n inset-inline-start: 0;\n pointer-events: none;\n }\n\n .menu {\n position: absolute;\n display: flex;\n min-width: var(--u-menu-min-width, 112px);\n max-width: var(--u-menu-max-width, 280px);\n background: var(--u-menu-bg-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n border-radius: var(--u-menu-shape-corner, var(--u-shape-corner-extra-small, 4px));\n opacity: 0;\n transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 350ms;\n transform: scale3d(1, 0, 0);\n transform-origin: top;\n z-index: var(--u-menu-z-index, 1020);\n }\n .menu.up {\n transform-origin: bottom;\n }\n\n .content {\n width: 100%;\n padding-block: var(--u-menu-padding, 8px);\n opacity: 0;\n transition: opacity 1ms 400ms;\n scroll-padding-block: 32px;\n overflow: auto;\n }\n\n :host([open]) .menu {\n opacity: 1;\n animation-fill-mode: forwards;\n animation-direction: normal;\n animation: menu-open 350ms cubic-bezier(0.19, 1, 0.22, 1);\n transform: scale3d(1, 1, 1);\n }\n :host([open]) .content {\n opacity: 1;\n transition: opacity 300ms 150ms;\n }\n\n @keyframes menu-open {\n from {\n opacity: 0;\n transform: scale3d(1, 0, 0);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n`"
7857
7629
  }
7858
7630
  ],
7859
7631
  "exports": [
@@ -8257,64 +8029,199 @@
8257
8029
  "fieldName": "positioning"
8258
8030
  },
8259
8031
  {
8260
- "name": "manualFocus",
8032
+ "name": "manualFocus",
8033
+ "type": {
8034
+ "text": "boolean"
8035
+ },
8036
+ "default": "false",
8037
+ "fieldName": "manualFocus"
8038
+ },
8039
+ {
8040
+ "name": "anchor-corner",
8041
+ "type": {
8042
+ "text": "'auto-start' | 'auto-end' | 'start-start' | 'start-end' | 'end-start' | 'end-end'"
8043
+ },
8044
+ "default": "'end-start'",
8045
+ "description": "The corner of the anchor which to align the menu in the standard logical\nproperty style of <block>-<inline> e.g. `'end-start'`.",
8046
+ "fieldName": "anchorCorner"
8047
+ },
8048
+ {
8049
+ "name": "direction",
8050
+ "type": {
8051
+ "text": "'up-start' | 'up-end' | 'down-start' | 'down-end'"
8052
+ },
8053
+ "default": "'down-end'",
8054
+ "description": "The direction of the menu. e.g. `'down-end'`.\n\nNOTE: This value may not be respected by the menu positioning algorithm\nif the menu would render outside the viewport.",
8055
+ "fieldName": "direction"
8056
+ },
8057
+ {
8058
+ "name": "allow-overflow",
8059
+ "type": {
8060
+ "text": "boolean"
8061
+ },
8062
+ "default": "false",
8063
+ "description": "Don't limit the height of the menu",
8064
+ "fieldName": "allowOverflow"
8065
+ }
8066
+ ],
8067
+ "superclass": {
8068
+ "name": "LitElement",
8069
+ "package": "lit"
8070
+ },
8071
+ "tagName": "u-menu",
8072
+ "customElement": true
8073
+ }
8074
+ ],
8075
+ "exports": [
8076
+ {
8077
+ "kind": "js",
8078
+ "name": "UmMenu",
8079
+ "declaration": {
8080
+ "name": "UmMenu",
8081
+ "module": "src/menu/menu.ts"
8082
+ }
8083
+ },
8084
+ {
8085
+ "kind": "custom-element-definition",
8086
+ "name": "u-menu",
8087
+ "declaration": {
8088
+ "name": "UmMenu",
8089
+ "module": "src/menu/menu.ts"
8090
+ }
8091
+ }
8092
+ ]
8093
+ },
8094
+ {
8095
+ "kind": "javascript-module",
8096
+ "path": "src/list/list-item.styles.ts",
8097
+ "declarations": [
8098
+ {
8099
+ "kind": "variable",
8100
+ "name": "styles",
8101
+ "default": "css `\n :host {\n position: relative;\n display: flex;\n align-items: center;\n min-height: var(--u-list-item-min-height, 56px);\n padding-block: var(--u-list-item-block-padding, 8px);\n padding-inline: var(--u-list-item-inline-padding, 16px);\n gap: var(--u-list-item-gap, 16px);\n }\n\n slot:not([name]) {\n display: block;\n margin-inline-end: auto;\n }\n\n slot {\n flex-shrink: 0;\n }\n\n .content {\n flex: 1;\n min-width: 0;\n }\n\n .headline {\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-list-item-headline-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-list-item-headline-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-list-item-headline-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-list-item-headline-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n }\n\n .supporting-text {\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-list-item-supporting-text-line-height, var(--u-body-m-line-height, 1.25rem));\n font-size: var(--u-list-item-supporting-text-font-size, var(--u-body-m-font-size, 0.875rem));\n letter-spacing: var(--u-list-item-supporting-text-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem));\n font-weight: var(--u-list-item-supporting-text-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400)));\n color: var(--u-list-item-supporting-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n`"
8102
+ }
8103
+ ],
8104
+ "exports": [
8105
+ {
8106
+ "kind": "js",
8107
+ "name": "styles",
8108
+ "declaration": {
8109
+ "name": "styles",
8110
+ "module": "src/list/list-item.styles.ts"
8111
+ }
8112
+ }
8113
+ ]
8114
+ },
8115
+ {
8116
+ "kind": "javascript-module",
8117
+ "path": "src/list/list-item.ts",
8118
+ "declarations": [
8119
+ {
8120
+ "kind": "class",
8121
+ "description": "",
8122
+ "name": "UmListItem",
8123
+ "members": [
8124
+ {
8125
+ "kind": "field",
8126
+ "name": "selectable",
8261
8127
  "type": {
8262
8128
  "text": "boolean"
8263
8129
  },
8264
8130
  "default": "false",
8265
- "fieldName": "manualFocus"
8266
- },
8267
- {
8268
- "name": "anchor-corner",
8269
- "type": {
8270
- "text": "'auto-start' | 'auto-end' | 'start-start' | 'start-end' | 'end-start' | 'end-end'"
8271
- },
8272
- "default": "'end-start'",
8273
- "description": "The corner of the anchor which to align the menu in the standard logical\nproperty style of <block>-<inline> e.g. `'end-start'`.",
8274
- "fieldName": "anchorCorner"
8275
- },
8276
- {
8277
- "name": "direction",
8278
- "type": {
8279
- "text": "'up-start' | 'up-end' | 'down-start' | 'down-end'"
8280
- },
8281
- "default": "'down-end'",
8282
- "description": "The direction of the menu. e.g. `'down-end'`.\n\nNOTE: This value may not be respected by the menu positioning algorithm\nif the menu would render outside the viewport.",
8283
- "fieldName": "direction"
8284
- },
8131
+ "attribute": "selectable",
8132
+ "reflects": true
8133
+ }
8134
+ ],
8135
+ "attributes": [
8285
8136
  {
8286
- "name": "allow-overflow",
8137
+ "name": "selectable",
8287
8138
  "type": {
8288
8139
  "text": "boolean"
8289
8140
  },
8290
8141
  "default": "false",
8291
- "description": "Don't limit the height of the menu",
8292
- "fieldName": "allowOverflow"
8142
+ "fieldName": "selectable"
8293
8143
  }
8294
8144
  ],
8295
8145
  "superclass": {
8296
8146
  "name": "LitElement",
8297
8147
  "package": "lit"
8298
8148
  },
8299
- "tagName": "u-menu",
8149
+ "tagName": "u-list-item",
8300
8150
  "customElement": true
8301
8151
  }
8302
8152
  ],
8303
8153
  "exports": [
8304
8154
  {
8305
8155
  "kind": "js",
8306
- "name": "UmMenu",
8156
+ "name": "UmListItem",
8307
8157
  "declaration": {
8308
- "name": "UmMenu",
8309
- "module": "src/menu/menu.ts"
8158
+ "name": "UmListItem",
8159
+ "module": "src/list/list-item.ts"
8310
8160
  }
8311
8161
  },
8312
8162
  {
8313
8163
  "kind": "custom-element-definition",
8314
- "name": "u-menu",
8164
+ "name": "u-list-item",
8315
8165
  "declaration": {
8316
- "name": "UmMenu",
8317
- "module": "src/menu/menu.ts"
8166
+ "name": "UmListItem",
8167
+ "module": "src/list/list-item.ts"
8168
+ }
8169
+ }
8170
+ ]
8171
+ },
8172
+ {
8173
+ "kind": "javascript-module",
8174
+ "path": "src/list/list.styles.ts",
8175
+ "declarations": [
8176
+ {
8177
+ "kind": "variable",
8178
+ "name": "styles",
8179
+ "default": "css `\n :host {\n display: block;\n padding-block: var(--u-list-padding, 8px);\n }\n`"
8180
+ }
8181
+ ],
8182
+ "exports": [
8183
+ {
8184
+ "kind": "js",
8185
+ "name": "styles",
8186
+ "declaration": {
8187
+ "name": "styles",
8188
+ "module": "src/list/list.styles.ts"
8189
+ }
8190
+ }
8191
+ ]
8192
+ },
8193
+ {
8194
+ "kind": "javascript-module",
8195
+ "path": "src/list/list.ts",
8196
+ "declarations": [
8197
+ {
8198
+ "kind": "class",
8199
+ "description": "",
8200
+ "name": "UmList",
8201
+ "members": [],
8202
+ "superclass": {
8203
+ "name": "LitElement",
8204
+ "package": "lit"
8205
+ },
8206
+ "tagName": "u-list",
8207
+ "customElement": true
8208
+ }
8209
+ ],
8210
+ "exports": [
8211
+ {
8212
+ "kind": "js",
8213
+ "name": "UmList",
8214
+ "declaration": {
8215
+ "name": "UmList",
8216
+ "module": "src/list/list.ts"
8217
+ }
8218
+ },
8219
+ {
8220
+ "kind": "custom-element-definition",
8221
+ "name": "u-list",
8222
+ "declaration": {
8223
+ "name": "UmList",
8224
+ "module": "src/list/list.ts"
8318
8225
  }
8319
8226
  }
8320
8227
  ]
@@ -10278,19 +10185,6 @@
10278
10185
  "text": "ExtendedOption"
10279
10186
  }
10280
10187
  },
10281
- {
10282
- "kind": "field",
10283
- "name": "_listItem"
10284
- },
10285
- {
10286
- "kind": "field",
10287
- "name": "#mutationObserver",
10288
- "privacy": "private",
10289
- "type": {
10290
- "text": "MutationObserver"
10291
- },
10292
- "default": "new MutationObserver(() => this.#updateContent())"
10293
- },
10294
10188
  {
10295
10189
  "kind": "field",
10296
10190
  "name": "value",
@@ -10933,10 +10827,16 @@
10933
10827
  "privacy": "protected",
10934
10828
  "parameters": [
10935
10829
  {
10936
- "name": "option",
10830
+ "name": "_",
10937
10831
  "type": {
10938
10832
  "text": "UmOption"
10939
10833
  }
10834
+ },
10835
+ {
10836
+ "name": "index",
10837
+ "type": {
10838
+ "text": "number"
10839
+ }
10940
10840
  }
10941
10841
  ],
10942
10842
  "inheritedFrom": {
@@ -11089,6 +10989,12 @@
11089
10989
  "type": {
11090
10990
  "text": "TMenuItem | undefined"
11091
10991
  }
10992
+ },
10993
+ {
10994
+ "name": "index",
10995
+ "type": {
10996
+ "text": "number"
10997
+ }
11092
10998
  }
11093
10999
  ],
11094
11000
  "inheritedFrom": {
@@ -11106,6 +11012,12 @@
11106
11012
  "text": "TMenuItem"
11107
11013
  }
11108
11014
  },
11015
+ {
11016
+ "name": "index",
11017
+ "type": {
11018
+ "text": "number"
11019
+ }
11020
+ },
11109
11021
  {
11110
11022
  "name": "active",
11111
11023
  "default": "true"
@@ -11312,6 +11224,23 @@
11312
11224
  }
11313
11225
  ]
11314
11226
  },
11227
+ {
11228
+ "kind": "method",
11229
+ "name": "#createListItem",
11230
+ "return": {
11231
+ "type": {
11232
+ "text": "HTMLElement"
11233
+ }
11234
+ },
11235
+ "parameters": [
11236
+ {
11237
+ "name": "id",
11238
+ "type": {
11239
+ "text": "string"
11240
+ }
11241
+ }
11242
+ ]
11243
+ },
11315
11244
  {
11316
11245
  "kind": "method",
11317
11246
  "name": "#setSelectedOption"
@@ -11397,10 +11326,6 @@
11397
11326
  "type": {
11398
11327
  "text": "Promise<void>"
11399
11328
  }
11400
- },
11401
- "inheritedFrom": {
11402
- "name": "UmFieldBase",
11403
- "module": "src/field/field-base.ts"
11404
11329
  }
11405
11330
  },
11406
11331
  {
@@ -11576,7 +11501,7 @@
11576
11501
  "kind": "field",
11577
11502
  "name": "supportingText",
11578
11503
  "type": {
11579
- "text": "| string\n | undefined"
11504
+ "text": "string | undefined"
11580
11505
  },
11581
11506
  "description": "Supporting text conveys additional information about the field, such as how it will be used",
11582
11507
  "attribute": "supporting-text",
@@ -11760,19 +11685,6 @@
11760
11685
  "module": "src/field/field-base.ts"
11761
11686
  }
11762
11687
  },
11763
- {
11764
- "kind": "field",
11765
- "name": "labelSizeObserver",
11766
- "type": {
11767
- "text": "ResizeObserver | null"
11768
- },
11769
- "privacy": "private",
11770
- "default": "null",
11771
- "inheritedFrom": {
11772
- "name": "UmFieldBase",
11773
- "module": "src/field/field-base.ts"
11774
- }
11775
- },
11776
11688
  {
11777
11689
  "kind": "method",
11778
11690
  "name": "handleLeadingIconSlotChange",
@@ -11799,15 +11711,6 @@
11799
11711
  "name": "UmFieldBase",
11800
11712
  "module": "src/field/field-base.ts"
11801
11713
  }
11802
- },
11803
- {
11804
- "kind": "method",
11805
- "name": "setLabelWidthProperties",
11806
- "privacy": "private",
11807
- "inheritedFrom": {
11808
- "name": "UmFieldBase",
11809
- "module": "src/field/field-base.ts"
11810
- }
11811
11714
  }
11812
11715
  ],
11813
11716
  "superclass": {
@@ -11882,7 +11785,7 @@
11882
11785
  {
11883
11786
  "name": "supporting-text",
11884
11787
  "type": {
11885
- "text": "| string\n | undefined"
11788
+ "text": "string | undefined"
11886
11789
  },
11887
11790
  "description": "Supporting text conveys additional information about the field, such as how it will be used",
11888
11791
  "fieldName": "supportingText",
@@ -14203,7 +14106,7 @@
14203
14106
  "kind": "field",
14204
14107
  "name": "supportingText",
14205
14108
  "type": {
14206
- "text": "| string\n | undefined"
14109
+ "text": "string | undefined"
14207
14110
  },
14208
14111
  "description": "Supporting text conveys additional information about the field, such as how it will be used",
14209
14112
  "attribute": "supporting-text",
@@ -14387,19 +14290,6 @@
14387
14290
  "module": "src/field/field-base.ts"
14388
14291
  }
14389
14292
  },
14390
- {
14391
- "kind": "field",
14392
- "name": "labelSizeObserver",
14393
- "type": {
14394
- "text": "ResizeObserver | null"
14395
- },
14396
- "privacy": "private",
14397
- "default": "null",
14398
- "inheritedFrom": {
14399
- "name": "UmFieldBase",
14400
- "module": "src/field/field-base.ts"
14401
- }
14402
- },
14403
14293
  {
14404
14294
  "kind": "method",
14405
14295
  "name": "renderAfterContent",
@@ -14414,19 +14304,6 @@
14414
14304
  "module": "src/field/field-base.ts"
14415
14305
  }
14416
14306
  },
14417
- {
14418
- "kind": "method",
14419
- "name": "#attach",
14420
- "return": {
14421
- "type": {
14422
- "text": "Promise<void>"
14423
- }
14424
- },
14425
- "inheritedFrom": {
14426
- "name": "UmFieldBase",
14427
- "module": "src/field/field-base.ts"
14428
- }
14429
- },
14430
14307
  {
14431
14308
  "kind": "method",
14432
14309
  "name": "handleLeadingIconSlotChange",
@@ -14454,15 +14331,6 @@
14454
14331
  "module": "src/field/field-base.ts"
14455
14332
  }
14456
14333
  },
14457
- {
14458
- "kind": "method",
14459
- "name": "setLabelWidthProperties",
14460
- "privacy": "private",
14461
- "inheritedFrom": {
14462
- "name": "UmFieldBase",
14463
- "module": "src/field/field-base.ts"
14464
- }
14465
- },
14466
14334
  {
14467
14335
  "kind": "method",
14468
14336
  "name": "renderDefaultTrailingIcon",
@@ -14582,7 +14450,7 @@
14582
14450
  {
14583
14451
  "name": "supporting-text",
14584
14452
  "type": {
14585
- "text": "| string\n | undefined"
14453
+ "text": "string | undefined"
14586
14454
  },
14587
14455
  "description": "Supporting text conveys additional information about the field, such as how it will be used",
14588
14456
  "fieldName": "supportingText",
@@ -15039,7 +14907,7 @@
15039
14907
  "kind": "field",
15040
14908
  "name": "supportingText",
15041
14909
  "type": {
15042
- "text": "| string\n | undefined"
14910
+ "text": "string | undefined"
15043
14911
  },
15044
14912
  "description": "Supporting text conveys additional information about the field, such as how it will be used",
15045
14913
  "attribute": "supporting-text",
@@ -15212,39 +15080,12 @@
15212
15080
  }
15213
15081
  },
15214
15082
  {
15215
- "kind": "field",
15216
- "name": "_container",
15217
- "type": {
15218
- "text": "HTMLElement"
15219
- },
15220
- "privacy": "protected",
15221
- "inheritedFrom": {
15222
- "name": "UmFieldBase",
15223
- "module": "src/field/field-base.ts"
15224
- }
15225
- },
15226
- {
15227
- "kind": "field",
15228
- "name": "labelSizeObserver",
15229
- "type": {
15230
- "text": "ResizeObserver | null"
15231
- },
15232
- "privacy": "private",
15233
- "default": "null",
15234
- "inheritedFrom": {
15235
- "name": "UmFieldBase",
15236
- "module": "src/field/field-base.ts"
15237
- }
15238
- },
15239
- {
15240
- "kind": "method",
15241
- "name": "renderAfterContent",
15242
- "privacy": "protected",
15243
- "return": {
15244
- "type": {
15245
- "text": "TemplateResult"
15246
- }
15083
+ "kind": "field",
15084
+ "name": "_container",
15085
+ "type": {
15086
+ "text": "HTMLElement"
15247
15087
  },
15088
+ "privacy": "protected",
15248
15089
  "inheritedFrom": {
15249
15090
  "name": "UmFieldBase",
15250
15091
  "module": "src/field/field-base.ts"
@@ -15252,10 +15093,11 @@
15252
15093
  },
15253
15094
  {
15254
15095
  "kind": "method",
15255
- "name": "#attach",
15096
+ "name": "renderAfterContent",
15097
+ "privacy": "protected",
15256
15098
  "return": {
15257
15099
  "type": {
15258
- "text": "Promise<void>"
15100
+ "text": "TemplateResult"
15259
15101
  }
15260
15102
  },
15261
15103
  "inheritedFrom": {
@@ -15290,15 +15132,6 @@
15290
15132
  "module": "src/field/field-base.ts"
15291
15133
  }
15292
15134
  },
15293
- {
15294
- "kind": "method",
15295
- "name": "setLabelWidthProperties",
15296
- "privacy": "private",
15297
- "inheritedFrom": {
15298
- "name": "UmFieldBase",
15299
- "module": "src/field/field-base.ts"
15300
- }
15301
- },
15302
15135
  {
15303
15136
  "kind": "method",
15304
15137
  "name": "renderDefaultTrailingIcon",
@@ -15439,7 +15272,7 @@
15439
15272
  {
15440
15273
  "name": "supporting-text",
15441
15274
  "type": {
15442
- "text": "| string\n | undefined"
15275
+ "text": "string | undefined"
15443
15276
  },
15444
15277
  "description": "Supporting text conveys additional information about the field, such as how it will be used",
15445
15278
  "fieldName": "supportingText",
@@ -17029,7 +16862,7 @@
17029
16862
  "kind": "field",
17030
16863
  "name": "supportingText",
17031
16864
  "type": {
17032
- "text": "| string\n | undefined"
16865
+ "text": "string | undefined"
17033
16866
  },
17034
16867
  "description": "Supporting text conveys additional information about the field, such as how it will be used",
17035
16868
  "attribute": "supporting-text",
@@ -17213,19 +17046,6 @@
17213
17046
  "module": "src/field/field-base.ts"
17214
17047
  }
17215
17048
  },
17216
- {
17217
- "kind": "field",
17218
- "name": "labelSizeObserver",
17219
- "type": {
17220
- "text": "ResizeObserver | null"
17221
- },
17222
- "privacy": "private",
17223
- "default": "null",
17224
- "inheritedFrom": {
17225
- "name": "UmFieldBase",
17226
- "module": "src/field/field-base.ts"
17227
- }
17228
- },
17229
17049
  {
17230
17050
  "kind": "method",
17231
17051
  "name": "renderControl",
@@ -17254,19 +17074,6 @@
17254
17074
  "module": "src/field/field-base.ts"
17255
17075
  }
17256
17076
  },
17257
- {
17258
- "kind": "method",
17259
- "name": "#attach",
17260
- "return": {
17261
- "type": {
17262
- "text": "Promise<void>"
17263
- }
17264
- },
17265
- "inheritedFrom": {
17266
- "name": "UmFieldBase",
17267
- "module": "src/field/field-base.ts"
17268
- }
17269
- },
17270
17077
  {
17271
17078
  "kind": "method",
17272
17079
  "name": "handleLeadingIconSlotChange",
@@ -17294,15 +17101,6 @@
17294
17101
  "module": "src/field/field-base.ts"
17295
17102
  }
17296
17103
  },
17297
- {
17298
- "kind": "method",
17299
- "name": "setLabelWidthProperties",
17300
- "privacy": "private",
17301
- "inheritedFrom": {
17302
- "name": "UmFieldBase",
17303
- "module": "src/field/field-base.ts"
17304
- }
17305
- },
17306
17104
  {
17307
17105
  "kind": "method",
17308
17106
  "name": "renderDefaultTrailingIcon",
@@ -17402,7 +17200,7 @@
17402
17200
  {
17403
17201
  "name": "supporting-text",
17404
17202
  "type": {
17405
- "text": "| string\n | undefined"
17203
+ "text": "string | undefined"
17406
17204
  },
17407
17205
  "description": "Supporting text conveys additional information about the field, such as how it will be used",
17408
17206
  "fieldName": "supportingText",
@@ -17676,6 +17474,12 @@
17676
17474
  "type": {
17677
17475
  "text": "TMenuItem | undefined"
17678
17476
  }
17477
+ },
17478
+ {
17479
+ "name": "index",
17480
+ "type": {
17481
+ "text": "number"
17482
+ }
17679
17483
  }
17680
17484
  ]
17681
17485
  },
@@ -17689,6 +17493,12 @@
17689
17493
  "text": "TMenuItem"
17690
17494
  }
17691
17495
  },
17496
+ {
17497
+ "name": "index",
17498
+ "type": {
17499
+ "text": "number"
17500
+ }
17501
+ },
17692
17502
  {
17693
17503
  "name": "active",
17694
17504
  "default": "true"
@@ -17726,6 +17536,12 @@
17726
17536
  "type": {
17727
17537
  "text": "TMenuItem"
17728
17538
  }
17539
+ },
17540
+ {
17541
+ "name": "__",
17542
+ "type": {
17543
+ "text": "number"
17544
+ }
17729
17545
  }
17730
17546
  ]
17731
17547
  },
@@ -18025,77 +17841,6 @@
18025
17841
  }
18026
17842
  ]
18027
17843
  },
18028
- {
18029
- "kind": "javascript-module",
18030
- "path": "src/shared/sets/set-base.styles.ts",
18031
- "declarations": [
18032
- {
18033
- "kind": "variable",
18034
- "name": "styles",
18035
- "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n`"
18036
- }
18037
- ],
18038
- "exports": [
18039
- {
18040
- "kind": "js",
18041
- "name": "styles",
18042
- "declaration": {
18043
- "name": "styles",
18044
- "module": "src/shared/sets/set-base.styles.ts"
18045
- }
18046
- }
18047
- ]
18048
- },
18049
- {
18050
- "kind": "javascript-module",
18051
- "path": "src/shared/sets/set-base.ts",
18052
- "declarations": [
18053
- {
18054
- "kind": "class",
18055
- "description": "",
18056
- "name": "UmSetBase",
18057
- "members": [
18058
- {
18059
- "kind": "field",
18060
- "name": "alignment",
18061
- "type": {
18062
- "text": "'start' | 'center' | 'end'"
18063
- },
18064
- "default": "'start'",
18065
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
18066
- "attribute": "alignment",
18067
- "reflects": true
18068
- }
18069
- ],
18070
- "attributes": [
18071
- {
18072
- "name": "alignment",
18073
- "type": {
18074
- "text": "'start' | 'center' | 'end'"
18075
- },
18076
- "default": "'start'",
18077
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
18078
- "fieldName": "alignment"
18079
- }
18080
- ],
18081
- "superclass": {
18082
- "name": "LitElement",
18083
- "package": "lit"
18084
- },
18085
- "customElement": true
18086
- }
18087
- ],
18088
- "exports": [
18089
- {
18090
- "kind": "js",
18091
- "name": "UmSetBase",
18092
- "declaration": {
18093
- "name": "UmSetBase",
18094
- "module": "src/shared/sets/set-base.ts"
18095
- }
18096
- }
18097
- ]
18098
- },
18099
17844
  {
18100
17845
  "kind": "javascript-module",
18101
17846
  "path": "src/shared/text-field-base/text-field-base.styles.ts",
@@ -18263,7 +18008,7 @@
18263
18008
  "kind": "field",
18264
18009
  "name": "supportingText",
18265
18010
  "type": {
18266
- "text": "| string\n | undefined"
18011
+ "text": "string | undefined"
18267
18012
  },
18268
18013
  "description": "Supporting text conveys additional information about the field, such as how it will be used",
18269
18014
  "attribute": "supporting-text",
@@ -18447,19 +18192,6 @@
18447
18192
  "module": "src/field/field-base.ts"
18448
18193
  }
18449
18194
  },
18450
- {
18451
- "kind": "field",
18452
- "name": "labelSizeObserver",
18453
- "type": {
18454
- "text": "ResizeObserver | null"
18455
- },
18456
- "privacy": "private",
18457
- "default": "null",
18458
- "inheritedFrom": {
18459
- "name": "UmFieldBase",
18460
- "module": "src/field/field-base.ts"
18461
- }
18462
- },
18463
18195
  {
18464
18196
  "kind": "method",
18465
18197
  "name": "renderControl",
@@ -18488,19 +18220,6 @@
18488
18220
  "module": "src/field/field-base.ts"
18489
18221
  }
18490
18222
  },
18491
- {
18492
- "kind": "method",
18493
- "name": "#attach",
18494
- "return": {
18495
- "type": {
18496
- "text": "Promise<void>"
18497
- }
18498
- },
18499
- "inheritedFrom": {
18500
- "name": "UmFieldBase",
18501
- "module": "src/field/field-base.ts"
18502
- }
18503
- },
18504
18223
  {
18505
18224
  "kind": "method",
18506
18225
  "name": "handleLeadingIconSlotChange",
@@ -18528,15 +18247,6 @@
18528
18247
  "module": "src/field/field-base.ts"
18529
18248
  }
18530
18249
  },
18531
- {
18532
- "kind": "method",
18533
- "name": "setLabelWidthProperties",
18534
- "privacy": "private",
18535
- "inheritedFrom": {
18536
- "name": "UmFieldBase",
18537
- "module": "src/field/field-base.ts"
18538
- }
18539
- },
18540
18250
  {
18541
18251
  "kind": "method",
18542
18252
  "name": "renderDefaultTrailingIcon",
@@ -18614,7 +18324,7 @@
18614
18324
  {
18615
18325
  "name": "supporting-text",
18616
18326
  "type": {
18617
- "text": "| string\n | undefined"
18327
+ "text": "string | undefined"
18618
18328
  },
18619
18329
  "description": "Supporting text conveys additional information about the field, such as how it will be used",
18620
18330
  "fieldName": "supportingText",
@@ -18729,6 +18439,77 @@
18729
18439
  }
18730
18440
  }
18731
18441
  ]
18442
+ },
18443
+ {
18444
+ "kind": "javascript-module",
18445
+ "path": "src/shared/sets/set-base.styles.ts",
18446
+ "declarations": [
18447
+ {
18448
+ "kind": "variable",
18449
+ "name": "styles",
18450
+ "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n`"
18451
+ }
18452
+ ],
18453
+ "exports": [
18454
+ {
18455
+ "kind": "js",
18456
+ "name": "styles",
18457
+ "declaration": {
18458
+ "name": "styles",
18459
+ "module": "src/shared/sets/set-base.styles.ts"
18460
+ }
18461
+ }
18462
+ ]
18463
+ },
18464
+ {
18465
+ "kind": "javascript-module",
18466
+ "path": "src/shared/sets/set-base.ts",
18467
+ "declarations": [
18468
+ {
18469
+ "kind": "class",
18470
+ "description": "",
18471
+ "name": "UmSetBase",
18472
+ "members": [
18473
+ {
18474
+ "kind": "field",
18475
+ "name": "alignment",
18476
+ "type": {
18477
+ "text": "'start' | 'center' | 'end'"
18478
+ },
18479
+ "default": "'start'",
18480
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
18481
+ "attribute": "alignment",
18482
+ "reflects": true
18483
+ }
18484
+ ],
18485
+ "attributes": [
18486
+ {
18487
+ "name": "alignment",
18488
+ "type": {
18489
+ "text": "'start' | 'center' | 'end'"
18490
+ },
18491
+ "default": "'start'",
18492
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
18493
+ "fieldName": "alignment"
18494
+ }
18495
+ ],
18496
+ "superclass": {
18497
+ "name": "LitElement",
18498
+ "package": "lit"
18499
+ },
18500
+ "customElement": true
18501
+ }
18502
+ ],
18503
+ "exports": [
18504
+ {
18505
+ "kind": "js",
18506
+ "name": "UmSetBase",
18507
+ "declaration": {
18508
+ "name": "UmSetBase",
18509
+ "module": "src/shared/sets/set-base.ts"
18510
+ }
18511
+ }
18512
+ ]
18732
18513
  }
18733
18514
  ]
18734
18515
  }