@vonage/vivid 4.5.0 → 4.7.0
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.
- package/custom-elements.json +947 -79
- package/elevation/index.cjs +1 -1
- package/elevation/index.js +1 -1
- package/index.cjs +62 -56
- package/index.js +20 -19
- package/lib/components.d.ts +1 -0
- package/lib/dialog/dialog.d.ts +0 -1
- package/lib/menu/menu.d.ts +2 -1
- package/lib/number-field/number-field.d.ts +3 -1
- package/lib/searchable-select/definition.d.ts +4 -0
- package/lib/searchable-select/locale.d.ts +9 -0
- package/lib/searchable-select/option-tag.d.ts +14 -0
- package/lib/searchable-select/option-tag.template.d.ts +4 -0
- package/lib/searchable-select/searchable-select.d.ts +29 -0
- package/lib/searchable-select/searchable-select.form-associated.d.ts +10 -0
- package/lib/searchable-select/searchable-select.template.d.ts +4 -0
- package/lib/select/select.d.ts +3 -1
- package/lib/tab/locale.d.ts +3 -0
- package/lib/tab/tab.d.ts +5 -1
- package/lib/tag/definition.d.ts +1 -0
- package/lib/text-field/text-field.d.ts +3 -1
- package/locales/de-DE.cjs +24 -0
- package/locales/de-DE.js +24 -0
- package/locales/en-GB.cjs +24 -0
- package/locales/en-GB.js +24 -0
- package/locales/en-US.cjs +24 -0
- package/locales/en-US.js +24 -0
- package/locales/ja-JP.cjs +24 -0
- package/locales/ja-JP.js +24 -0
- package/locales/zh-CN.cjs +24 -0
- package/locales/zh-CN.js +24 -0
- package/package.json +1 -1
- package/popup/index.cjs +1 -1
- package/popup/index.js +1 -1
- package/searchable-select/index.cjs +5 -0
- package/searchable-select/index.js +3 -0
- package/select/index.cjs +1 -1
- package/select/index.js +1 -1
- package/selectable-box/index.cjs +1 -1
- package/selectable-box/index.js +1 -1
- package/shared/definition11.cjs +1 -1
- package/shared/definition11.js +1 -1
- package/shared/definition14.cjs +1 -1
- package/shared/definition14.js +1 -1
- package/shared/definition16.cjs +1 -1
- package/shared/definition16.js +1 -1
- package/shared/definition18.cjs +2 -2
- package/shared/definition18.js +2 -2
- package/shared/definition19.cjs +2 -2
- package/shared/definition19.js +2 -2
- package/shared/definition20.cjs +14 -34
- package/shared/definition20.js +14 -34
- package/shared/definition21.cjs +2 -19
- package/shared/definition21.js +2 -19
- package/shared/definition26.cjs +1 -1
- package/shared/definition26.js +1 -1
- package/shared/definition29.cjs +4 -0
- package/shared/definition29.js +4 -0
- package/shared/definition30.cjs +2 -1
- package/shared/definition30.js +2 -1
- package/shared/definition35.cjs +12 -7
- package/shared/definition35.js +12 -7
- package/shared/definition36.cjs +50 -207
- package/shared/definition36.js +51 -207
- package/shared/definition4.cjs +1 -1
- package/shared/definition4.js +1 -1
- package/shared/definition42.cjs +1 -1
- package/shared/definition42.js +1 -1
- package/shared/definition43.cjs +1018 -647
- package/shared/definition43.js +1014 -644
- package/shared/definition44.cjs +723 -112
- package/shared/definition44.js +722 -111
- package/shared/definition45.cjs +121 -80
- package/shared/definition45.js +119 -78
- package/shared/definition46.cjs +81 -614
- package/shared/definition46.js +80 -612
- package/shared/definition47.cjs +608 -114
- package/shared/definition47.js +606 -113
- package/shared/definition48.cjs +116 -134
- package/shared/definition48.js +115 -133
- package/shared/definition49.cjs +149 -19
- package/shared/definition49.js +148 -18
- package/shared/definition5.cjs +1 -1
- package/shared/definition5.js +1 -1
- package/shared/definition50.cjs +21 -82
- package/shared/definition50.js +20 -81
- package/shared/definition51.cjs +77 -539
- package/shared/definition51.js +76 -538
- package/shared/definition52.cjs +568 -28
- package/shared/definition52.js +567 -27
- package/shared/definition53.cjs +28 -123
- package/shared/definition53.js +26 -122
- package/shared/definition54.cjs +115 -295
- package/shared/definition54.js +114 -294
- package/shared/definition55.cjs +251 -311
- package/shared/definition55.js +251 -311
- package/shared/definition56.cjs +299 -780
- package/shared/definition56.js +298 -779
- package/shared/definition57.cjs +800 -102
- package/shared/definition57.js +799 -101
- package/shared/definition58.cjs +92 -63
- package/shared/definition58.js +91 -62
- package/shared/definition59.cjs +117 -75
- package/shared/definition59.js +116 -74
- package/shared/definition60.cjs +70 -285
- package/shared/definition60.js +71 -286
- package/shared/definition61.cjs +274 -66146
- package/shared/definition61.js +273 -66145
- package/shared/definition62.cjs +66160 -27
- package/shared/definition62.js +66158 -25
- package/shared/definition63.cjs +24 -1952
- package/shared/definition63.js +23 -1950
- package/shared/definition64.cjs +1976 -0
- package/shared/definition64.js +1971 -0
- package/shared/listbox-option.cjs +204 -0
- package/shared/listbox-option.js +201 -0
- package/shared/listbox.cjs +3 -3
- package/shared/listbox.js +1 -1
- package/shared/localization/Locale.d.ts +4 -0
- package/shared/presentationDate.cjs +2 -2
- package/shared/presentationDate.js +2 -2
- package/shared/scrollIntoView.cjs +51 -0
- package/shared/scrollIntoView.js +49 -0
- package/shared/slider.template.cjs +1 -1
- package/shared/slider.template.js +1 -1
- package/shared/text-field.cjs +1 -1
- package/shared/text-field.js +1 -1
- package/shared/utils/scrollIntoView.d.ts +1 -0
- package/side-drawer/index.cjs +1 -1
- package/side-drawer/index.js +1 -1
- package/slider/index.cjs +1 -1
- package/slider/index.js +1 -1
- package/split-button/index.cjs +1 -1
- package/split-button/index.js +1 -1
- package/styles/core/all.css +1 -1
- package/styles/core/theme.css +1 -1
- package/styles/core/typography.css +1 -1
- package/styles/tokens/theme-dark.css +4 -4
- package/styles/tokens/theme-light.css +4 -4
- package/styles/tokens/vivid-2-compat.css +1 -1
- package/switch/index.cjs +1 -1
- package/switch/index.js +1 -1
- package/tab/index.cjs +1 -1
- package/tab/index.js +1 -1
- package/tab-panel/index.cjs +1 -1
- package/tab-panel/index.js +1 -1
- package/tabs/index.cjs +1 -1
- package/tabs/index.js +1 -1
- package/tag/index.cjs +1 -1
- package/tag/index.js +1 -1
- package/tag-group/index.cjs +1 -1
- package/tag-group/index.js +1 -1
- package/text-area/index.cjs +1 -1
- package/text-area/index.js +1 -1
- package/text-field/index.cjs +1 -1
- package/text-field/index.js +1 -1
- package/time-picker/index.cjs +1 -1
- package/time-picker/index.js +1 -1
- package/toggletip/index.cjs +1 -1
- package/toggletip/index.js +1 -1
- package/tooltip/index.cjs +1 -1
- package/tooltip/index.js +1 -1
- package/tree-item/index.cjs +1 -1
- package/tree-item/index.js +1 -1
- package/tree-view/index.cjs +1 -1
- package/tree-view/index.js +1 -1
- package/video-player/index.cjs +1 -1
- package/video-player/index.js +1 -1
- package/vivid.api.json +295 -0
- package/api-extractor.json +0 -25
- package/shared/dialog-polyfill.esm.cjs +0 -862
- package/shared/dialog-polyfill.esm.js +0 -858
- package/tsdoc-metadata.json +0 -11
package/custom-elements.json
CHANGED
|
@@ -6064,10 +6064,6 @@
|
|
|
6064
6064
|
"kind": "javascript-module",
|
|
6065
6065
|
"path": "libs/components/src/lib/dialog/dialog.ts",
|
|
6066
6066
|
"declarations": [
|
|
6067
|
-
{
|
|
6068
|
-
"kind": "variable",
|
|
6069
|
-
"name": "isDialogSupported"
|
|
6070
|
-
},
|
|
6071
6067
|
{
|
|
6072
6068
|
"kind": "class",
|
|
6073
6069
|
"description": "",
|
|
@@ -6342,14 +6338,6 @@
|
|
|
6342
6338
|
}
|
|
6343
6339
|
],
|
|
6344
6340
|
"exports": [
|
|
6345
|
-
{
|
|
6346
|
-
"kind": "js",
|
|
6347
|
-
"name": "isDialogSupported",
|
|
6348
|
-
"declaration": {
|
|
6349
|
-
"name": "isDialogSupported",
|
|
6350
|
-
"module": "libs/components/src/lib/dialog/dialog.ts"
|
|
6351
|
-
}
|
|
6352
|
-
},
|
|
6353
6341
|
{
|
|
6354
6342
|
"kind": "js",
|
|
6355
6343
|
"name": "Dialog",
|
|
@@ -8241,6 +8229,16 @@
|
|
|
8241
8229
|
"description": "indicates whether the menu will automatically close when focus moves away from it.",
|
|
8242
8230
|
"privacy": "public"
|
|
8243
8231
|
},
|
|
8232
|
+
{
|
|
8233
|
+
"kind": "field",
|
|
8234
|
+
"name": "positionStrategy",
|
|
8235
|
+
"type": {
|
|
8236
|
+
"text": "Strategy | undefined"
|
|
8237
|
+
},
|
|
8238
|
+
"default": "'fixed'",
|
|
8239
|
+
"description": "The strategy-absolute attribute.",
|
|
8240
|
+
"privacy": "public"
|
|
8241
|
+
},
|
|
8244
8242
|
{
|
|
8245
8243
|
"kind": "field",
|
|
8246
8244
|
"name": "open",
|
|
@@ -8385,6 +8383,15 @@
|
|
|
8385
8383
|
"description": "indicates whether the menu will automatically close when focus moves away from it.",
|
|
8386
8384
|
"fieldName": "autoDismiss"
|
|
8387
8385
|
},
|
|
8386
|
+
{
|
|
8387
|
+
"name": "position-strategy",
|
|
8388
|
+
"type": {
|
|
8389
|
+
"text": "Strategy | undefined"
|
|
8390
|
+
},
|
|
8391
|
+
"default": "'fixed'",
|
|
8392
|
+
"description": "The strategy-absolute attribute.",
|
|
8393
|
+
"fieldName": "positionStrategy"
|
|
8394
|
+
},
|
|
8388
8395
|
{
|
|
8389
8396
|
"type": {
|
|
8390
8397
|
"text": "boolean"
|
|
@@ -9758,6 +9765,15 @@
|
|
|
9758
9765
|
"description": "Sets the width of the element to a specified number of characters.",
|
|
9759
9766
|
"privacy": "public"
|
|
9760
9767
|
},
|
|
9768
|
+
{
|
|
9769
|
+
"kind": "field",
|
|
9770
|
+
"name": "scale",
|
|
9771
|
+
"type": {
|
|
9772
|
+
"text": "NumberFieldSize | undefined"
|
|
9773
|
+
},
|
|
9774
|
+
"description": "The size the number-field should have.",
|
|
9775
|
+
"privacy": "public"
|
|
9776
|
+
},
|
|
9761
9777
|
{
|
|
9762
9778
|
"kind": "field",
|
|
9763
9779
|
"name": "step",
|
|
@@ -10004,6 +10020,14 @@
|
|
|
10004
10020
|
"description": "Sets the width of the element to a specified number of characters.",
|
|
10005
10021
|
"fieldName": "size"
|
|
10006
10022
|
},
|
|
10023
|
+
{
|
|
10024
|
+
"name": "scale",
|
|
10025
|
+
"type": {
|
|
10026
|
+
"text": "NumberFieldSize | undefined"
|
|
10027
|
+
},
|
|
10028
|
+
"description": "The size the number-field should have.",
|
|
10029
|
+
"fieldName": "scale"
|
|
10030
|
+
},
|
|
10007
10031
|
{
|
|
10008
10032
|
"type": {
|
|
10009
10033
|
"text": "number"
|
|
@@ -11889,17 +11913,20 @@
|
|
|
11889
11913
|
},
|
|
11890
11914
|
{
|
|
11891
11915
|
"kind": "javascript-module",
|
|
11892
|
-
"path": "libs/components/src/lib/select/definition.ts",
|
|
11916
|
+
"path": "libs/components/src/lib/searchable-select/definition.ts",
|
|
11893
11917
|
"declarations": [
|
|
11894
11918
|
{
|
|
11895
11919
|
"kind": "variable",
|
|
11896
|
-
"name": "
|
|
11897
|
-
"description": "The select element."
|
|
11920
|
+
"name": "optionTagDefinition"
|
|
11898
11921
|
},
|
|
11899
11922
|
{
|
|
11900
11923
|
"kind": "variable",
|
|
11901
|
-
"name": "
|
|
11902
|
-
|
|
11924
|
+
"name": "searchableSelectDefinition"
|
|
11925
|
+
},
|
|
11926
|
+
{
|
|
11927
|
+
"kind": "variable",
|
|
11928
|
+
"name": "registerSearchableSelect",
|
|
11929
|
+
"description": "Registers the searchable-select element with the design system.",
|
|
11903
11930
|
"parameters": [
|
|
11904
11931
|
{
|
|
11905
11932
|
"description": "the prefix to use for the component name",
|
|
@@ -11911,96 +11938,244 @@
|
|
|
11911
11938
|
"exports": [
|
|
11912
11939
|
{
|
|
11913
11940
|
"kind": "js",
|
|
11914
|
-
"name": "
|
|
11941
|
+
"name": "optionTagDefinition",
|
|
11915
11942
|
"declaration": {
|
|
11916
|
-
"name": "
|
|
11917
|
-
"module": "
|
|
11943
|
+
"name": "optionTagDefinition",
|
|
11944
|
+
"module": "libs/components/src/lib/searchable-select/definition.ts"
|
|
11918
11945
|
}
|
|
11919
11946
|
},
|
|
11920
11947
|
{
|
|
11921
11948
|
"kind": "js",
|
|
11922
|
-
"name": "
|
|
11949
|
+
"name": "searchableSelectDefinition",
|
|
11923
11950
|
"declaration": {
|
|
11924
|
-
"name": "
|
|
11925
|
-
"module": "
|
|
11951
|
+
"name": "searchableSelectDefinition",
|
|
11952
|
+
"module": "libs/components/src/lib/searchable-select/definition.ts"
|
|
11926
11953
|
}
|
|
11927
11954
|
},
|
|
11928
11955
|
{
|
|
11929
11956
|
"kind": "js",
|
|
11930
|
-
"name": "
|
|
11957
|
+
"name": "registerSearchableSelect",
|
|
11931
11958
|
"declaration": {
|
|
11932
|
-
"name": "
|
|
11933
|
-
"module": "libs/components/src/lib/select/definition.ts"
|
|
11959
|
+
"name": "registerSearchableSelect",
|
|
11960
|
+
"module": "libs/components/src/lib/searchable-select/definition.ts"
|
|
11934
11961
|
}
|
|
11935
|
-
}
|
|
11962
|
+
}
|
|
11963
|
+
]
|
|
11964
|
+
},
|
|
11965
|
+
{
|
|
11966
|
+
"kind": "javascript-module",
|
|
11967
|
+
"path": "libs/components/src/lib/searchable-select/locale.ts",
|
|
11968
|
+
"declarations": [],
|
|
11969
|
+
"exports": []
|
|
11970
|
+
},
|
|
11971
|
+
{
|
|
11972
|
+
"kind": "javascript-module",
|
|
11973
|
+
"path": "libs/components/src/lib/searchable-select/option-tag.ts",
|
|
11974
|
+
"declarations": [
|
|
11975
|
+
{
|
|
11976
|
+
"kind": "class",
|
|
11977
|
+
"description": "",
|
|
11978
|
+
"name": "OptionTag",
|
|
11979
|
+
"cssProperties": [
|
|
11980
|
+
{
|
|
11981
|
+
"name": "--vvd-option-tag-accent-contrast",
|
|
11982
|
+
"default": "var(--vvd-color-neutral-800)"
|
|
11983
|
+
}
|
|
11984
|
+
],
|
|
11985
|
+
"members": [
|
|
11986
|
+
{
|
|
11987
|
+
"kind": "field",
|
|
11988
|
+
"name": "shape",
|
|
11989
|
+
"type": {
|
|
11990
|
+
"text": "OptionTagShape | undefined"
|
|
11991
|
+
}
|
|
11992
|
+
},
|
|
11993
|
+
{
|
|
11994
|
+
"kind": "field",
|
|
11995
|
+
"name": "label",
|
|
11996
|
+
"type": {
|
|
11997
|
+
"text": "string | undefined"
|
|
11998
|
+
}
|
|
11999
|
+
},
|
|
12000
|
+
{
|
|
12001
|
+
"kind": "field",
|
|
12002
|
+
"name": "removable",
|
|
12003
|
+
"type": {
|
|
12004
|
+
"text": "boolean"
|
|
12005
|
+
},
|
|
12006
|
+
"default": "false"
|
|
12007
|
+
},
|
|
12008
|
+
{
|
|
12009
|
+
"kind": "field",
|
|
12010
|
+
"name": "disabled",
|
|
12011
|
+
"type": {
|
|
12012
|
+
"text": "boolean"
|
|
12013
|
+
},
|
|
12014
|
+
"default": "false"
|
|
12015
|
+
},
|
|
12016
|
+
{
|
|
12017
|
+
"kind": "field",
|
|
12018
|
+
"name": "hasIconPlaceholder",
|
|
12019
|
+
"type": {
|
|
12020
|
+
"text": "boolean"
|
|
12021
|
+
},
|
|
12022
|
+
"default": "false"
|
|
12023
|
+
},
|
|
12024
|
+
{
|
|
12025
|
+
"kind": "method",
|
|
12026
|
+
"name": "_onClickRemove"
|
|
12027
|
+
}
|
|
12028
|
+
],
|
|
12029
|
+
"attributes": [
|
|
12030
|
+
{
|
|
12031
|
+
"name": "shape",
|
|
12032
|
+
"type": {
|
|
12033
|
+
"text": "OptionTagShape | undefined"
|
|
12034
|
+
},
|
|
12035
|
+
"fieldName": "shape"
|
|
12036
|
+
},
|
|
12037
|
+
{
|
|
12038
|
+
"name": "label",
|
|
12039
|
+
"type": {
|
|
12040
|
+
"text": "string | undefined"
|
|
12041
|
+
},
|
|
12042
|
+
"fieldName": "label"
|
|
12043
|
+
},
|
|
12044
|
+
{
|
|
12045
|
+
"type": {
|
|
12046
|
+
"text": "boolean"
|
|
12047
|
+
},
|
|
12048
|
+
"default": "false",
|
|
12049
|
+
"fieldName": "removable"
|
|
12050
|
+
},
|
|
12051
|
+
{
|
|
12052
|
+
"type": {
|
|
12053
|
+
"text": "boolean"
|
|
12054
|
+
},
|
|
12055
|
+
"default": "false",
|
|
12056
|
+
"fieldName": "disabled"
|
|
12057
|
+
}
|
|
12058
|
+
],
|
|
12059
|
+
"superclass": {
|
|
12060
|
+
"name": "FoundationElement",
|
|
12061
|
+
"package": "@microsoft/fast-foundation"
|
|
12062
|
+
}
|
|
12063
|
+
}
|
|
12064
|
+
],
|
|
12065
|
+
"exports": [
|
|
11936
12066
|
{
|
|
11937
12067
|
"kind": "js",
|
|
11938
|
-
"name": "
|
|
12068
|
+
"name": "OptionTag",
|
|
11939
12069
|
"declaration": {
|
|
11940
|
-
"name": "
|
|
11941
|
-
"module": "libs/components/src/lib/select/
|
|
12070
|
+
"name": "OptionTag",
|
|
12071
|
+
"module": "libs/components/src/lib/searchable-select/option-tag.ts"
|
|
11942
12072
|
}
|
|
11943
12073
|
}
|
|
11944
12074
|
]
|
|
11945
12075
|
},
|
|
11946
12076
|
{
|
|
11947
12077
|
"kind": "javascript-module",
|
|
11948
|
-
"path": "libs/components/src/lib/select/select.ts",
|
|
12078
|
+
"path": "libs/components/src/lib/searchable-select/searchable-select.form-associated.ts",
|
|
11949
12079
|
"declarations": [
|
|
11950
12080
|
{
|
|
11951
12081
|
"kind": "class",
|
|
11952
12082
|
"description": "",
|
|
11953
|
-
"name": "
|
|
12083
|
+
"name": "FormAssociatedSearchableSelect",
|
|
12084
|
+
"members": [
|
|
12085
|
+
{
|
|
12086
|
+
"kind": "field",
|
|
12087
|
+
"name": "proxy"
|
|
12088
|
+
}
|
|
12089
|
+
],
|
|
12090
|
+
"mixins": [
|
|
12091
|
+
{
|
|
12092
|
+
"name": "FormAssociated",
|
|
12093
|
+
"package": "@microsoft/fast-foundation"
|
|
12094
|
+
}
|
|
12095
|
+
],
|
|
12096
|
+
"superclass": {
|
|
12097
|
+
"name": "_SearchableSelect",
|
|
12098
|
+
"module": "libs/components/src/lib/searchable-select/searchable-select.form-associated.ts"
|
|
12099
|
+
}
|
|
12100
|
+
}
|
|
12101
|
+
],
|
|
12102
|
+
"exports": [
|
|
12103
|
+
{
|
|
12104
|
+
"kind": "js",
|
|
12105
|
+
"name": "FormAssociatedSearchableSelect",
|
|
12106
|
+
"declaration": {
|
|
12107
|
+
"name": "FormAssociatedSearchableSelect",
|
|
12108
|
+
"module": "libs/components/src/lib/searchable-select/searchable-select.form-associated.ts"
|
|
12109
|
+
}
|
|
12110
|
+
}
|
|
12111
|
+
]
|
|
12112
|
+
},
|
|
12113
|
+
{
|
|
12114
|
+
"kind": "javascript-module",
|
|
12115
|
+
"path": "libs/components/src/lib/searchable-select/searchable-select.ts",
|
|
12116
|
+
"declarations": [
|
|
12117
|
+
{
|
|
12118
|
+
"kind": "class",
|
|
12119
|
+
"description": "",
|
|
12120
|
+
"name": "SearchableSelect",
|
|
11954
12121
|
"cssProperties": [
|
|
11955
12122
|
{
|
|
11956
|
-
"name": "--vvd-select-accent-primary",
|
|
12123
|
+
"name": "--vvd-searchable-select-accent-primary",
|
|
11957
12124
|
"default": "var(--vvd-color-canvas-text)"
|
|
11958
12125
|
},
|
|
11959
12126
|
{
|
|
11960
|
-
"name": "--vvd-select-accent-primary-text",
|
|
12127
|
+
"name": "--vvd-searchable-select-accent-primary-text",
|
|
11961
12128
|
"default": "var(--vvd-color-canvas)"
|
|
11962
12129
|
},
|
|
11963
12130
|
{
|
|
11964
|
-
"name": "--vvd-select-accent-primary-increment",
|
|
12131
|
+
"name": "--vvd-searchable-select-accent-primary-increment",
|
|
11965
12132
|
"default": "var(--vvd-color-neutral-800)"
|
|
11966
12133
|
},
|
|
11967
12134
|
{
|
|
11968
|
-
"name": "--vvd-select-accent-intermediate",
|
|
12135
|
+
"name": "--vvd-searchable-select-accent-intermediate",
|
|
11969
12136
|
"default": "var(--vvd-color-neutral-500)"
|
|
11970
12137
|
},
|
|
11971
12138
|
{
|
|
11972
|
-
"name": "--vvd-select-accent-faint",
|
|
12139
|
+
"name": "--vvd-searchable-select-accent-faint",
|
|
11973
12140
|
"default": "var(--vvd-color-neutral-50)"
|
|
11974
12141
|
},
|
|
11975
12142
|
{
|
|
11976
|
-
"name": "--vvd-select-accent-soft",
|
|
12143
|
+
"name": "--vvd-searchable-select-accent-soft",
|
|
11977
12144
|
"default": "var(--vvd-color-neutral-100)"
|
|
11978
12145
|
},
|
|
11979
12146
|
{
|
|
11980
|
-
"name": "--vvd-select-accent-firm",
|
|
12147
|
+
"name": "--vvd-searchable-select-accent-firm",
|
|
11981
12148
|
"default": "var(--vvd-color-canvas-text)"
|
|
11982
12149
|
},
|
|
11983
12150
|
{
|
|
11984
|
-
"name": "--vvd-select-accent-fierce",
|
|
12151
|
+
"name": "--vvd-searchable-select-accent-fierce",
|
|
11985
12152
|
"default": "var(--vvd-color-neutral-700)"
|
|
11986
12153
|
}
|
|
11987
12154
|
],
|
|
11988
12155
|
"slots": [
|
|
11989
12156
|
{
|
|
11990
|
-
"description": "
|
|
12157
|
+
"description": "Holds the available options.",
|
|
11991
12158
|
"name": ""
|
|
11992
12159
|
},
|
|
11993
12160
|
{
|
|
11994
|
-
"description": "Slot to add an icon to the
|
|
12161
|
+
"description": "Slot to add an icon to the control.",
|
|
11995
12162
|
"name": "icon"
|
|
11996
12163
|
},
|
|
11997
12164
|
{
|
|
11998
|
-
"description": "Slot to add meta content to the
|
|
12165
|
+
"description": "Slot to add meta content to the control.",
|
|
11999
12166
|
"name": "meta"
|
|
12000
12167
|
},
|
|
12001
12168
|
{
|
|
12002
|
-
"description": "Describes how to use the
|
|
12169
|
+
"description": "Describes how to use the component. Alternative to the `helper-text` attribute.",
|
|
12003
12170
|
"name": "helper-text"
|
|
12171
|
+
},
|
|
12172
|
+
{
|
|
12173
|
+
"description": "Message that appears when no options are available.",
|
|
12174
|
+
"name": "no-options"
|
|
12175
|
+
},
|
|
12176
|
+
{
|
|
12177
|
+
"description": "Message that appears when no options match the search query.",
|
|
12178
|
+
"name": "no-matches"
|
|
12004
12179
|
}
|
|
12005
12180
|
],
|
|
12006
12181
|
"members": [
|
|
@@ -12008,19 +12183,19 @@
|
|
|
12008
12183
|
"kind": "field",
|
|
12009
12184
|
"name": "appearance",
|
|
12010
12185
|
"type": {
|
|
12011
|
-
"text": "
|
|
12186
|
+
"text": "SearchableSelectAppearance | undefined"
|
|
12012
12187
|
},
|
|
12013
|
-
"
|
|
12014
|
-
"
|
|
12188
|
+
"privacy": "public",
|
|
12189
|
+
"description": ""
|
|
12015
12190
|
},
|
|
12016
12191
|
{
|
|
12017
12192
|
"kind": "field",
|
|
12018
12193
|
"name": "shape",
|
|
12019
12194
|
"type": {
|
|
12020
|
-
"text": "
|
|
12195
|
+
"text": "SearchableSelectShape | undefined"
|
|
12021
12196
|
},
|
|
12022
|
-
"
|
|
12023
|
-
"
|
|
12197
|
+
"privacy": "public",
|
|
12198
|
+
"description": ""
|
|
12024
12199
|
},
|
|
12025
12200
|
{
|
|
12026
12201
|
"kind": "field",
|
|
@@ -12029,8 +12204,8 @@
|
|
|
12029
12204
|
"text": "boolean"
|
|
12030
12205
|
},
|
|
12031
12206
|
"default": "false",
|
|
12032
|
-
"
|
|
12033
|
-
"
|
|
12207
|
+
"privacy": "public",
|
|
12208
|
+
"description": ""
|
|
12034
12209
|
},
|
|
12035
12210
|
{
|
|
12036
12211
|
"kind": "field",
|
|
@@ -12038,44 +12213,648 @@
|
|
|
12038
12213
|
"type": {
|
|
12039
12214
|
"text": "string | undefined"
|
|
12040
12215
|
},
|
|
12041
|
-
"
|
|
12042
|
-
"
|
|
12216
|
+
"privacy": "public",
|
|
12217
|
+
"description": ""
|
|
12043
12218
|
},
|
|
12044
12219
|
{
|
|
12045
|
-
"kind": "
|
|
12046
|
-
"name": "
|
|
12220
|
+
"kind": "field",
|
|
12221
|
+
"name": "open",
|
|
12222
|
+
"type": {
|
|
12223
|
+
"text": "boolean"
|
|
12224
|
+
},
|
|
12225
|
+
"default": "false",
|
|
12226
|
+
"privacy": "public",
|
|
12227
|
+
"description": ""
|
|
12047
12228
|
},
|
|
12048
12229
|
{
|
|
12049
12230
|
"kind": "field",
|
|
12050
|
-
"name": "
|
|
12231
|
+
"name": "multiple",
|
|
12051
12232
|
"type": {
|
|
12052
|
-
"text": "
|
|
12233
|
+
"text": "boolean"
|
|
12053
12234
|
},
|
|
12054
|
-
"
|
|
12235
|
+
"default": "false",
|
|
12236
|
+
"privacy": "public",
|
|
12237
|
+
"description": ""
|
|
12055
12238
|
},
|
|
12056
12239
|
{
|
|
12057
|
-
"kind": "
|
|
12058
|
-
"name": "
|
|
12059
|
-
"
|
|
12060
|
-
"
|
|
12061
|
-
|
|
12062
|
-
|
|
12063
|
-
|
|
12240
|
+
"kind": "field",
|
|
12241
|
+
"name": "externalTags",
|
|
12242
|
+
"type": {
|
|
12243
|
+
"text": "boolean"
|
|
12244
|
+
},
|
|
12245
|
+
"default": "false",
|
|
12246
|
+
"privacy": "public",
|
|
12247
|
+
"description": ""
|
|
12064
12248
|
},
|
|
12065
12249
|
{
|
|
12066
|
-
"kind": "
|
|
12067
|
-
"name": "
|
|
12068
|
-
"
|
|
12069
|
-
|
|
12070
|
-
|
|
12071
|
-
|
|
12072
|
-
|
|
12073
|
-
|
|
12074
|
-
|
|
12075
|
-
|
|
12076
|
-
|
|
12077
|
-
|
|
12078
|
-
|
|
12250
|
+
"kind": "field",
|
|
12251
|
+
"name": "maxLines",
|
|
12252
|
+
"type": {
|
|
12253
|
+
"text": "number | null"
|
|
12254
|
+
},
|
|
12255
|
+
"default": "null",
|
|
12256
|
+
"privacy": "public",
|
|
12257
|
+
"description": ""
|
|
12258
|
+
},
|
|
12259
|
+
{
|
|
12260
|
+
"kind": "field",
|
|
12261
|
+
"name": "values",
|
|
12262
|
+
"type": {
|
|
12263
|
+
"text": "string[]"
|
|
12264
|
+
},
|
|
12265
|
+
"default": "[]",
|
|
12266
|
+
"description": "List of selected values."
|
|
12267
|
+
},
|
|
12268
|
+
{
|
|
12269
|
+
"kind": "method",
|
|
12270
|
+
"name": "#updateValuesThroughUserInteraction",
|
|
12271
|
+
"parameters": [
|
|
12272
|
+
{
|
|
12273
|
+
"name": "newValues",
|
|
12274
|
+
"type": {
|
|
12275
|
+
"text": "string[]"
|
|
12276
|
+
}
|
|
12277
|
+
}
|
|
12278
|
+
]
|
|
12279
|
+
},
|
|
12280
|
+
{
|
|
12281
|
+
"kind": "method",
|
|
12282
|
+
"name": "#updateValuesWhileMaintainingOrder",
|
|
12283
|
+
"parameters": [
|
|
12284
|
+
{
|
|
12285
|
+
"name": "newValues",
|
|
12286
|
+
"type": {
|
|
12287
|
+
"text": "string[]"
|
|
12288
|
+
}
|
|
12289
|
+
}
|
|
12290
|
+
]
|
|
12291
|
+
},
|
|
12292
|
+
{
|
|
12293
|
+
"kind": "field",
|
|
12294
|
+
"name": "initialValues",
|
|
12295
|
+
"type": {
|
|
12296
|
+
"text": "string[]"
|
|
12297
|
+
},
|
|
12298
|
+
"default": "[]",
|
|
12299
|
+
"description": "The initial values. This value sets the `values` property\nonly when the `values` property has not been explicitly set."
|
|
12300
|
+
},
|
|
12301
|
+
{
|
|
12302
|
+
"kind": "method",
|
|
12303
|
+
"name": "#isValidValue",
|
|
12304
|
+
"parameters": [
|
|
12305
|
+
{
|
|
12306
|
+
"name": "value",
|
|
12307
|
+
"type": {
|
|
12308
|
+
"text": "string"
|
|
12309
|
+
}
|
|
12310
|
+
}
|
|
12311
|
+
]
|
|
12312
|
+
},
|
|
12313
|
+
{
|
|
12314
|
+
"kind": "field",
|
|
12315
|
+
"name": "selectedIndex"
|
|
12316
|
+
},
|
|
12317
|
+
{
|
|
12318
|
+
"kind": "field",
|
|
12319
|
+
"name": "options",
|
|
12320
|
+
"readonly": true
|
|
12321
|
+
},
|
|
12322
|
+
{
|
|
12323
|
+
"kind": "field",
|
|
12324
|
+
"name": "selectedOptions",
|
|
12325
|
+
"readonly": true
|
|
12326
|
+
},
|
|
12327
|
+
{
|
|
12328
|
+
"kind": "field",
|
|
12329
|
+
"name": "#slottedOptionsChangeHandler",
|
|
12330
|
+
"privacy": "private",
|
|
12331
|
+
"type": {
|
|
12332
|
+
"text": "object"
|
|
12333
|
+
},
|
|
12334
|
+
"default": "{\n\t\thandleChange: (source: ListboxOption, _: string) => {\n\t\t\tif (source.selected && !this.values.includes(source.value)) {\n\t\t\t\tthis.values = [...this.values, source.value];\n\t\t\t} else if (!source.selected && this.values.includes(source.value)) {\n\t\t\t\tthis.values = this.values.filter((option) => option !== source.value);\n\t\t\t}\n\t\t},\n\t}"
|
|
12335
|
+
},
|
|
12336
|
+
{
|
|
12337
|
+
"kind": "method",
|
|
12338
|
+
"name": "#updateSelectedOnSlottedOptions"
|
|
12339
|
+
},
|
|
12340
|
+
{
|
|
12341
|
+
"kind": "method",
|
|
12342
|
+
"name": "#handleOptionInteraction",
|
|
12343
|
+
"parameters": [
|
|
12344
|
+
{
|
|
12345
|
+
"name": "option",
|
|
12346
|
+
"type": {
|
|
12347
|
+
"text": "ListboxOption"
|
|
12348
|
+
}
|
|
12349
|
+
}
|
|
12350
|
+
]
|
|
12351
|
+
},
|
|
12352
|
+
{
|
|
12353
|
+
"kind": "field",
|
|
12354
|
+
"name": "#clonedTagIcons",
|
|
12355
|
+
"privacy": "private",
|
|
12356
|
+
"default": "new Map<ListboxOption, HTMLElement>()"
|
|
12357
|
+
},
|
|
12358
|
+
{
|
|
12359
|
+
"kind": "method",
|
|
12360
|
+
"name": "#tagIconOfOption",
|
|
12361
|
+
"parameters": [
|
|
12362
|
+
{
|
|
12363
|
+
"name": "option",
|
|
12364
|
+
"type": {
|
|
12365
|
+
"text": "ListboxOption"
|
|
12366
|
+
}
|
|
12367
|
+
}
|
|
12368
|
+
]
|
|
12369
|
+
},
|
|
12370
|
+
{
|
|
12371
|
+
"kind": "method",
|
|
12372
|
+
"name": "#updateClonedTagIconOfOption",
|
|
12373
|
+
"parameters": [
|
|
12374
|
+
{
|
|
12375
|
+
"name": "option",
|
|
12376
|
+
"type": {
|
|
12377
|
+
"text": "ListboxOption"
|
|
12378
|
+
}
|
|
12379
|
+
}
|
|
12380
|
+
]
|
|
12381
|
+
},
|
|
12382
|
+
{
|
|
12383
|
+
"kind": "field",
|
|
12384
|
+
"name": "#suppressFilter",
|
|
12385
|
+
"privacy": "private",
|
|
12386
|
+
"type": {
|
|
12387
|
+
"text": "boolean"
|
|
12388
|
+
},
|
|
12389
|
+
"default": "false"
|
|
12390
|
+
},
|
|
12391
|
+
{
|
|
12392
|
+
"kind": "method",
|
|
12393
|
+
"name": "#updateFilteredOptions"
|
|
12394
|
+
},
|
|
12395
|
+
{
|
|
12396
|
+
"kind": "method",
|
|
12397
|
+
"name": "#transitionHighlightedOptionTo",
|
|
12398
|
+
"parameters": [
|
|
12399
|
+
{
|
|
12400
|
+
"name": "index",
|
|
12401
|
+
"type": {
|
|
12402
|
+
"text": "number | null"
|
|
12403
|
+
}
|
|
12404
|
+
}
|
|
12405
|
+
]
|
|
12406
|
+
},
|
|
12407
|
+
{
|
|
12408
|
+
"kind": "method",
|
|
12409
|
+
"name": "#selectHighlightedOption"
|
|
12410
|
+
},
|
|
12411
|
+
{
|
|
12412
|
+
"kind": "method",
|
|
12413
|
+
"name": "#highlightFirstOption"
|
|
12414
|
+
},
|
|
12415
|
+
{
|
|
12416
|
+
"kind": "method",
|
|
12417
|
+
"name": "#highlightLastOption"
|
|
12418
|
+
},
|
|
12419
|
+
{
|
|
12420
|
+
"kind": "method",
|
|
12421
|
+
"name": "#highlightPrevPage"
|
|
12422
|
+
},
|
|
12423
|
+
{
|
|
12424
|
+
"kind": "method",
|
|
12425
|
+
"name": "#highlightNextPage"
|
|
12426
|
+
},
|
|
12427
|
+
{
|
|
12428
|
+
"kind": "method",
|
|
12429
|
+
"name": "#highlightPreviousOption"
|
|
12430
|
+
},
|
|
12431
|
+
{
|
|
12432
|
+
"kind": "method",
|
|
12433
|
+
"name": "#highlightNextOption"
|
|
12434
|
+
},
|
|
12435
|
+
{
|
|
12436
|
+
"kind": "method",
|
|
12437
|
+
"name": "#textForValue",
|
|
12438
|
+
"parameters": [
|
|
12439
|
+
{
|
|
12440
|
+
"name": "value",
|
|
12441
|
+
"type": {
|
|
12442
|
+
"text": "string"
|
|
12443
|
+
}
|
|
12444
|
+
}
|
|
12445
|
+
]
|
|
12446
|
+
},
|
|
12447
|
+
{
|
|
12448
|
+
"kind": "method",
|
|
12449
|
+
"name": "#updateTagLayout"
|
|
12450
|
+
},
|
|
12451
|
+
{
|
|
12452
|
+
"kind": "method",
|
|
12453
|
+
"name": "#moveTagFocusTo",
|
|
12454
|
+
"parameters": [
|
|
12455
|
+
{
|
|
12456
|
+
"name": "index",
|
|
12457
|
+
"type": {
|
|
12458
|
+
"text": "number | null"
|
|
12459
|
+
}
|
|
12460
|
+
}
|
|
12461
|
+
]
|
|
12462
|
+
},
|
|
12463
|
+
{
|
|
12464
|
+
"kind": "method",
|
|
12465
|
+
"name": "#nextTagIndexLeft",
|
|
12466
|
+
"parameters": [
|
|
12467
|
+
{
|
|
12468
|
+
"name": "index",
|
|
12469
|
+
"type": {
|
|
12470
|
+
"text": "number"
|
|
12471
|
+
}
|
|
12472
|
+
}
|
|
12473
|
+
]
|
|
12474
|
+
},
|
|
12475
|
+
{
|
|
12476
|
+
"kind": "method",
|
|
12477
|
+
"name": "#nextTagIndexRight",
|
|
12478
|
+
"parameters": [
|
|
12479
|
+
{
|
|
12480
|
+
"name": "index",
|
|
12481
|
+
"type": {
|
|
12482
|
+
"text": "number"
|
|
12483
|
+
}
|
|
12484
|
+
}
|
|
12485
|
+
]
|
|
12486
|
+
},
|
|
12487
|
+
{
|
|
12488
|
+
"kind": "method",
|
|
12489
|
+
"name": "#nextTagIndexForRemoved",
|
|
12490
|
+
"parameters": [
|
|
12491
|
+
{
|
|
12492
|
+
"name": "index",
|
|
12493
|
+
"type": {
|
|
12494
|
+
"text": "number"
|
|
12495
|
+
}
|
|
12496
|
+
}
|
|
12497
|
+
]
|
|
12498
|
+
},
|
|
12499
|
+
{
|
|
12500
|
+
"kind": "field",
|
|
12501
|
+
"name": "clearable",
|
|
12502
|
+
"type": {
|
|
12503
|
+
"text": "boolean"
|
|
12504
|
+
},
|
|
12505
|
+
"default": "false",
|
|
12506
|
+
"description": "Adds a clear button to the input field that clears the selected values.",
|
|
12507
|
+
"privacy": "public"
|
|
12508
|
+
},
|
|
12509
|
+
{
|
|
12510
|
+
"kind": "method",
|
|
12511
|
+
"name": "#determineInitialValues"
|
|
12512
|
+
},
|
|
12513
|
+
{
|
|
12514
|
+
"kind": "method",
|
|
12515
|
+
"name": "#updateFormValue"
|
|
12516
|
+
},
|
|
12517
|
+
{
|
|
12518
|
+
"kind": "field",
|
|
12519
|
+
"name": "setFormValue"
|
|
12520
|
+
},
|
|
12521
|
+
{
|
|
12522
|
+
"kind": "field",
|
|
12523
|
+
"name": "#resizeObserver",
|
|
12524
|
+
"privacy": "private",
|
|
12525
|
+
"default": "new ResizeObserver(() => {\n\t\tthis.#updateTagLayout();\n\t})"
|
|
12526
|
+
},
|
|
12527
|
+
{
|
|
12528
|
+
"kind": "field",
|
|
12529
|
+
"name": "proxy",
|
|
12530
|
+
"inheritedFrom": {
|
|
12531
|
+
"name": "FormAssociatedSearchableSelect",
|
|
12532
|
+
"module": "libs/components/src/lib/searchable-select/searchable-select.form-associated.ts"
|
|
12533
|
+
}
|
|
12534
|
+
}
|
|
12535
|
+
],
|
|
12536
|
+
"events": [
|
|
12537
|
+
{
|
|
12538
|
+
"type": {
|
|
12539
|
+
"text": "CustomEvent<undefined>"
|
|
12540
|
+
},
|
|
12541
|
+
"description": "Fired when the selected options change",
|
|
12542
|
+
"name": "input"
|
|
12543
|
+
},
|
|
12544
|
+
{
|
|
12545
|
+
"type": {
|
|
12546
|
+
"text": "CustomEvent<undefined>"
|
|
12547
|
+
},
|
|
12548
|
+
"description": "Fired when the selected options change",
|
|
12549
|
+
"name": "change"
|
|
12550
|
+
}
|
|
12551
|
+
],
|
|
12552
|
+
"attributes": [
|
|
12553
|
+
{
|
|
12554
|
+
"name": "appearance",
|
|
12555
|
+
"type": {
|
|
12556
|
+
"text": "SearchableSelectAppearance | undefined"
|
|
12557
|
+
},
|
|
12558
|
+
"fieldName": "appearance"
|
|
12559
|
+
},
|
|
12560
|
+
{
|
|
12561
|
+
"name": "shape",
|
|
12562
|
+
"type": {
|
|
12563
|
+
"text": "SearchableSelectShape | undefined"
|
|
12564
|
+
},
|
|
12565
|
+
"fieldName": "shape"
|
|
12566
|
+
},
|
|
12567
|
+
{
|
|
12568
|
+
"name": "fixed-dropdown",
|
|
12569
|
+
"type": {
|
|
12570
|
+
"text": "boolean"
|
|
12571
|
+
},
|
|
12572
|
+
"default": "false",
|
|
12573
|
+
"fieldName": "fixedDropdown"
|
|
12574
|
+
},
|
|
12575
|
+
{
|
|
12576
|
+
"name": "placeholder",
|
|
12577
|
+
"type": {
|
|
12578
|
+
"text": "string | undefined"
|
|
12579
|
+
},
|
|
12580
|
+
"fieldName": "placeholder"
|
|
12581
|
+
},
|
|
12582
|
+
{
|
|
12583
|
+
"type": {
|
|
12584
|
+
"text": "boolean"
|
|
12585
|
+
},
|
|
12586
|
+
"default": "false",
|
|
12587
|
+
"fieldName": "open"
|
|
12588
|
+
},
|
|
12589
|
+
{
|
|
12590
|
+
"type": {
|
|
12591
|
+
"text": "boolean"
|
|
12592
|
+
},
|
|
12593
|
+
"default": "false",
|
|
12594
|
+
"fieldName": "multiple"
|
|
12595
|
+
},
|
|
12596
|
+
{
|
|
12597
|
+
"name": "external-tags",
|
|
12598
|
+
"type": {
|
|
12599
|
+
"text": "boolean"
|
|
12600
|
+
},
|
|
12601
|
+
"default": "false",
|
|
12602
|
+
"fieldName": "externalTags"
|
|
12603
|
+
},
|
|
12604
|
+
{
|
|
12605
|
+
"name": "max-lines",
|
|
12606
|
+
"type": {
|
|
12607
|
+
"text": "number | null"
|
|
12608
|
+
},
|
|
12609
|
+
"default": "null",
|
|
12610
|
+
"fieldName": "maxLines"
|
|
12611
|
+
},
|
|
12612
|
+
{
|
|
12613
|
+
"type": {
|
|
12614
|
+
"text": "boolean"
|
|
12615
|
+
},
|
|
12616
|
+
"default": "false",
|
|
12617
|
+
"description": "Adds a clear button to the input field that clears the selected values.",
|
|
12618
|
+
"fieldName": "clearable"
|
|
12619
|
+
}
|
|
12620
|
+
],
|
|
12621
|
+
"superclass": {
|
|
12622
|
+
"name": "FormAssociatedSearchableSelect",
|
|
12623
|
+
"module": "/libs/components/src/lib/searchable-select/searchable-select.form-associated"
|
|
12624
|
+
},
|
|
12625
|
+
"vividComponent": {
|
|
12626
|
+
"public": true,
|
|
12627
|
+
"name": "searchable-select",
|
|
12628
|
+
"vueModels": [
|
|
12629
|
+
{
|
|
12630
|
+
"name": "modelValue",
|
|
12631
|
+
"attributeName": "value",
|
|
12632
|
+
"eventNames": [
|
|
12633
|
+
"input"
|
|
12634
|
+
],
|
|
12635
|
+
"valueMapping": "(event.target as HTMLInputElement).value"
|
|
12636
|
+
},
|
|
12637
|
+
{
|
|
12638
|
+
"name": "values",
|
|
12639
|
+
"attributeName": "values",
|
|
12640
|
+
"eventNames": [
|
|
12641
|
+
"input"
|
|
12642
|
+
],
|
|
12643
|
+
"valueMapping": "(event.target as any).values"
|
|
12644
|
+
}
|
|
12645
|
+
]
|
|
12646
|
+
}
|
|
12647
|
+
}
|
|
12648
|
+
],
|
|
12649
|
+
"exports": [
|
|
12650
|
+
{
|
|
12651
|
+
"kind": "js",
|
|
12652
|
+
"name": "SearchableSelect",
|
|
12653
|
+
"declaration": {
|
|
12654
|
+
"name": "SearchableSelect",
|
|
12655
|
+
"module": "libs/components/src/lib/searchable-select/searchable-select.ts"
|
|
12656
|
+
}
|
|
12657
|
+
}
|
|
12658
|
+
]
|
|
12659
|
+
},
|
|
12660
|
+
{
|
|
12661
|
+
"kind": "javascript-module",
|
|
12662
|
+
"path": "libs/components/src/lib/select/definition.ts",
|
|
12663
|
+
"declarations": [
|
|
12664
|
+
{
|
|
12665
|
+
"kind": "variable",
|
|
12666
|
+
"name": "selectDefinition",
|
|
12667
|
+
"description": "The select element."
|
|
12668
|
+
},
|
|
12669
|
+
{
|
|
12670
|
+
"kind": "variable",
|
|
12671
|
+
"name": "registerSelect",
|
|
12672
|
+
"description": "Registers the select elements with the design system.",
|
|
12673
|
+
"parameters": [
|
|
12674
|
+
{
|
|
12675
|
+
"description": "the prefix to use for the component name",
|
|
12676
|
+
"name": "prefix"
|
|
12677
|
+
}
|
|
12678
|
+
]
|
|
12679
|
+
}
|
|
12680
|
+
],
|
|
12681
|
+
"exports": [
|
|
12682
|
+
{
|
|
12683
|
+
"kind": "js",
|
|
12684
|
+
"name": "SelectAppearance",
|
|
12685
|
+
"declaration": {
|
|
12686
|
+
"name": "SelectAppearance",
|
|
12687
|
+
"module": "./select"
|
|
12688
|
+
}
|
|
12689
|
+
},
|
|
12690
|
+
{
|
|
12691
|
+
"kind": "js",
|
|
12692
|
+
"name": "SelectShape",
|
|
12693
|
+
"declaration": {
|
|
12694
|
+
"name": "SelectShape",
|
|
12695
|
+
"module": "./select"
|
|
12696
|
+
}
|
|
12697
|
+
},
|
|
12698
|
+
{
|
|
12699
|
+
"kind": "js",
|
|
12700
|
+
"name": "selectDefinition",
|
|
12701
|
+
"declaration": {
|
|
12702
|
+
"name": "selectDefinition",
|
|
12703
|
+
"module": "libs/components/src/lib/select/definition.ts"
|
|
12704
|
+
}
|
|
12705
|
+
},
|
|
12706
|
+
{
|
|
12707
|
+
"kind": "js",
|
|
12708
|
+
"name": "registerSelect",
|
|
12709
|
+
"declaration": {
|
|
12710
|
+
"name": "registerSelect",
|
|
12711
|
+
"module": "libs/components/src/lib/select/definition.ts"
|
|
12712
|
+
}
|
|
12713
|
+
}
|
|
12714
|
+
]
|
|
12715
|
+
},
|
|
12716
|
+
{
|
|
12717
|
+
"kind": "javascript-module",
|
|
12718
|
+
"path": "libs/components/src/lib/select/select.ts",
|
|
12719
|
+
"declarations": [
|
|
12720
|
+
{
|
|
12721
|
+
"kind": "class",
|
|
12722
|
+
"description": "",
|
|
12723
|
+
"name": "Select",
|
|
12724
|
+
"cssProperties": [
|
|
12725
|
+
{
|
|
12726
|
+
"name": "--vvd-select-accent-primary",
|
|
12727
|
+
"default": "var(--vvd-color-canvas-text)"
|
|
12728
|
+
},
|
|
12729
|
+
{
|
|
12730
|
+
"name": "--vvd-select-accent-primary-text",
|
|
12731
|
+
"default": "var(--vvd-color-canvas)"
|
|
12732
|
+
},
|
|
12733
|
+
{
|
|
12734
|
+
"name": "--vvd-select-accent-primary-increment",
|
|
12735
|
+
"default": "var(--vvd-color-neutral-800)"
|
|
12736
|
+
},
|
|
12737
|
+
{
|
|
12738
|
+
"name": "--vvd-select-accent-intermediate",
|
|
12739
|
+
"default": "var(--vvd-color-neutral-500)"
|
|
12740
|
+
},
|
|
12741
|
+
{
|
|
12742
|
+
"name": "--vvd-select-accent-faint",
|
|
12743
|
+
"default": "var(--vvd-color-neutral-50)"
|
|
12744
|
+
},
|
|
12745
|
+
{
|
|
12746
|
+
"name": "--vvd-select-accent-soft",
|
|
12747
|
+
"default": "var(--vvd-color-neutral-100)"
|
|
12748
|
+
},
|
|
12749
|
+
{
|
|
12750
|
+
"name": "--vvd-select-accent-firm",
|
|
12751
|
+
"default": "var(--vvd-color-canvas-text)"
|
|
12752
|
+
},
|
|
12753
|
+
{
|
|
12754
|
+
"name": "--vvd-select-accent-fierce",
|
|
12755
|
+
"default": "var(--vvd-color-neutral-700)"
|
|
12756
|
+
}
|
|
12757
|
+
],
|
|
12758
|
+
"slots": [
|
|
12759
|
+
{
|
|
12760
|
+
"description": "Default slot.",
|
|
12761
|
+
"name": ""
|
|
12762
|
+
},
|
|
12763
|
+
{
|
|
12764
|
+
"description": "Slot to add an icon to the select control.",
|
|
12765
|
+
"name": "icon"
|
|
12766
|
+
},
|
|
12767
|
+
{
|
|
12768
|
+
"description": "Slot to add meta content to the select control.",
|
|
12769
|
+
"name": "meta"
|
|
12770
|
+
},
|
|
12771
|
+
{
|
|
12772
|
+
"description": "Describes how to use the select. Alternative to the `helper-text` attribute.",
|
|
12773
|
+
"name": "helper-text"
|
|
12774
|
+
}
|
|
12775
|
+
],
|
|
12776
|
+
"members": [
|
|
12777
|
+
{
|
|
12778
|
+
"kind": "field",
|
|
12779
|
+
"name": "scale",
|
|
12780
|
+
"type": {
|
|
12781
|
+
"text": "SelectSize | undefined"
|
|
12782
|
+
},
|
|
12783
|
+
"description": "The size the select should have.",
|
|
12784
|
+
"privacy": "public"
|
|
12785
|
+
},
|
|
12786
|
+
{
|
|
12787
|
+
"kind": "field",
|
|
12788
|
+
"name": "appearance",
|
|
12789
|
+
"type": {
|
|
12790
|
+
"text": "SelectAppearance | undefined"
|
|
12791
|
+
},
|
|
12792
|
+
"description": "The appearance attribute.",
|
|
12793
|
+
"privacy": "public"
|
|
12794
|
+
},
|
|
12795
|
+
{
|
|
12796
|
+
"kind": "field",
|
|
12797
|
+
"name": "shape",
|
|
12798
|
+
"type": {
|
|
12799
|
+
"text": "SelectShape | undefined"
|
|
12800
|
+
},
|
|
12801
|
+
"description": "The shape attribute.",
|
|
12802
|
+
"privacy": "public"
|
|
12803
|
+
},
|
|
12804
|
+
{
|
|
12805
|
+
"kind": "field",
|
|
12806
|
+
"name": "fixedDropdown",
|
|
12807
|
+
"type": {
|
|
12808
|
+
"text": "boolean"
|
|
12809
|
+
},
|
|
12810
|
+
"default": "false",
|
|
12811
|
+
"description": "The fixed-dropdown attribute.",
|
|
12812
|
+
"privacy": "public"
|
|
12813
|
+
},
|
|
12814
|
+
{
|
|
12815
|
+
"kind": "field",
|
|
12816
|
+
"name": "placeholder",
|
|
12817
|
+
"type": {
|
|
12818
|
+
"text": "string | undefined"
|
|
12819
|
+
},
|
|
12820
|
+
"description": "The placeholder attribute.",
|
|
12821
|
+
"privacy": "public"
|
|
12822
|
+
},
|
|
12823
|
+
{
|
|
12824
|
+
"kind": "method",
|
|
12825
|
+
"name": "labelChanged"
|
|
12826
|
+
},
|
|
12827
|
+
{
|
|
12828
|
+
"kind": "field",
|
|
12829
|
+
"name": "displayValue",
|
|
12830
|
+
"type": {
|
|
12831
|
+
"text": "string"
|
|
12832
|
+
},
|
|
12833
|
+
"readonly": true
|
|
12834
|
+
},
|
|
12835
|
+
{
|
|
12836
|
+
"kind": "method",
|
|
12837
|
+
"name": "setDefaultSelectedOption",
|
|
12838
|
+
"return": {
|
|
12839
|
+
"type": {
|
|
12840
|
+
"text": "void"
|
|
12841
|
+
}
|
|
12842
|
+
}
|
|
12843
|
+
},
|
|
12844
|
+
{
|
|
12845
|
+
"kind": "method",
|
|
12846
|
+
"name": "slottedOptionsChanged",
|
|
12847
|
+
"parameters": [
|
|
12848
|
+
{
|
|
12849
|
+
"name": "prev",
|
|
12850
|
+
"type": {
|
|
12851
|
+
"text": "Element[] | undefined"
|
|
12852
|
+
}
|
|
12853
|
+
},
|
|
12854
|
+
{
|
|
12855
|
+
"name": "next",
|
|
12856
|
+
"type": {
|
|
12857
|
+
"text": "Element[]"
|
|
12079
12858
|
}
|
|
12080
12859
|
}
|
|
12081
12860
|
]
|
|
@@ -12102,6 +12881,14 @@
|
|
|
12102
12881
|
}
|
|
12103
12882
|
],
|
|
12104
12883
|
"attributes": [
|
|
12884
|
+
{
|
|
12885
|
+
"name": "scale",
|
|
12886
|
+
"type": {
|
|
12887
|
+
"text": "SelectSize | undefined"
|
|
12888
|
+
},
|
|
12889
|
+
"description": "The size the select should have.",
|
|
12890
|
+
"fieldName": "scale"
|
|
12891
|
+
},
|
|
12105
12892
|
{
|
|
12106
12893
|
"name": "appearance",
|
|
12107
12894
|
"type": {
|
|
@@ -13674,6 +14461,12 @@
|
|
|
13674
14461
|
}
|
|
13675
14462
|
]
|
|
13676
14463
|
},
|
|
14464
|
+
{
|
|
14465
|
+
"kind": "javascript-module",
|
|
14466
|
+
"path": "libs/components/src/lib/tab/locale.ts",
|
|
14467
|
+
"declarations": [],
|
|
14468
|
+
"exports": []
|
|
14469
|
+
},
|
|
13677
14470
|
{
|
|
13678
14471
|
"kind": "javascript-module",
|
|
13679
14472
|
"path": "libs/components/src/lib/tab/tab.ts",
|
|
@@ -13766,6 +14559,16 @@
|
|
|
13766
14559
|
"description": "Indicates the tab's label.",
|
|
13767
14560
|
"privacy": "public"
|
|
13768
14561
|
},
|
|
14562
|
+
{
|
|
14563
|
+
"kind": "field",
|
|
14564
|
+
"name": "removable",
|
|
14565
|
+
"type": {
|
|
14566
|
+
"text": "boolean"
|
|
14567
|
+
},
|
|
14568
|
+
"default": "false",
|
|
14569
|
+
"description": "Indicates the tab's label.",
|
|
14570
|
+
"privacy": "public"
|
|
14571
|
+
},
|
|
13769
14572
|
{
|
|
13770
14573
|
"kind": "field",
|
|
13771
14574
|
"name": "tabIndex",
|
|
@@ -13781,6 +14584,30 @@
|
|
|
13781
14584
|
"text": "string | null"
|
|
13782
14585
|
},
|
|
13783
14586
|
"default": "null"
|
|
14587
|
+
},
|
|
14588
|
+
{
|
|
14589
|
+
"kind": "method",
|
|
14590
|
+
"name": "_handleCloseClick",
|
|
14591
|
+
"parameters": [
|
|
14592
|
+
{
|
|
14593
|
+
"name": "e",
|
|
14594
|
+
"type": {
|
|
14595
|
+
"text": "Event"
|
|
14596
|
+
}
|
|
14597
|
+
}
|
|
14598
|
+
]
|
|
14599
|
+
},
|
|
14600
|
+
{
|
|
14601
|
+
"kind": "method",
|
|
14602
|
+
"name": "_onKeyDown",
|
|
14603
|
+
"parameters": [
|
|
14604
|
+
{
|
|
14605
|
+
"name": "e",
|
|
14606
|
+
"type": {
|
|
14607
|
+
"text": "KeyboardEvent"
|
|
14608
|
+
}
|
|
14609
|
+
}
|
|
14610
|
+
]
|
|
13784
14611
|
}
|
|
13785
14612
|
],
|
|
13786
14613
|
"attributes": [
|
|
@@ -13808,6 +14635,14 @@
|
|
|
13808
14635
|
"description": "Indicates the tab's label.",
|
|
13809
14636
|
"fieldName": "label"
|
|
13810
14637
|
},
|
|
14638
|
+
{
|
|
14639
|
+
"type": {
|
|
14640
|
+
"text": "boolean"
|
|
14641
|
+
},
|
|
14642
|
+
"default": "false",
|
|
14643
|
+
"description": "Indicates the tab's label.",
|
|
14644
|
+
"fieldName": "removable"
|
|
14645
|
+
},
|
|
13811
14646
|
{
|
|
13812
14647
|
"type": {
|
|
13813
14648
|
"text": "number"
|
|
@@ -14199,6 +15034,14 @@
|
|
|
14199
15034
|
"name": "tagDefinition",
|
|
14200
15035
|
"description": "Represents a tag custom element.\ntag is a label that holds small amounts of information.\nA tag can be used to display unread notifications, or to label a block of text."
|
|
14201
15036
|
},
|
|
15037
|
+
{
|
|
15038
|
+
"kind": "variable",
|
|
15039
|
+
"name": "tagRegistries",
|
|
15040
|
+
"type": {
|
|
15041
|
+
"text": "array"
|
|
15042
|
+
},
|
|
15043
|
+
"default": "[tagDefinition(), ...iconRegistries]"
|
|
15044
|
+
},
|
|
14202
15045
|
{
|
|
14203
15046
|
"kind": "variable",
|
|
14204
15047
|
"name": "registerTag",
|
|
@@ -14244,6 +15087,14 @@
|
|
|
14244
15087
|
"module": "libs/components/src/lib/tag/definition.ts"
|
|
14245
15088
|
}
|
|
14246
15089
|
},
|
|
15090
|
+
{
|
|
15091
|
+
"kind": "js",
|
|
15092
|
+
"name": "tagRegistries",
|
|
15093
|
+
"declaration": {
|
|
15094
|
+
"name": "tagRegistries",
|
|
15095
|
+
"module": "libs/components/src/lib/tag/definition.ts"
|
|
15096
|
+
}
|
|
15097
|
+
},
|
|
14247
15098
|
{
|
|
14248
15099
|
"kind": "js",
|
|
14249
15100
|
"name": "registerTag",
|
|
@@ -15144,6 +15995,15 @@
|
|
|
15144
15995
|
"text": "string | undefined"
|
|
15145
15996
|
}
|
|
15146
15997
|
},
|
|
15998
|
+
{
|
|
15999
|
+
"kind": "field",
|
|
16000
|
+
"name": "scale",
|
|
16001
|
+
"type": {
|
|
16002
|
+
"text": "TextFieldSize | undefined"
|
|
16003
|
+
},
|
|
16004
|
+
"description": "The size the text-field should have.",
|
|
16005
|
+
"privacy": "public"
|
|
16006
|
+
},
|
|
15147
16007
|
{
|
|
15148
16008
|
"kind": "field",
|
|
15149
16009
|
"name": "leadingActionItemsSlottedContent",
|
|
@@ -15230,6 +16090,14 @@
|
|
|
15230
16090
|
"text": "string | undefined"
|
|
15231
16091
|
},
|
|
15232
16092
|
"fieldName": "autoComplete"
|
|
16093
|
+
},
|
|
16094
|
+
{
|
|
16095
|
+
"name": "scale",
|
|
16096
|
+
"type": {
|
|
16097
|
+
"text": "TextFieldSize | undefined"
|
|
16098
|
+
},
|
|
16099
|
+
"description": "The size the text-field should have.",
|
|
16100
|
+
"fieldName": "scale"
|
|
15233
16101
|
}
|
|
15234
16102
|
],
|
|
15235
16103
|
"superclass": {
|