@genesislcap/foundation-ui 14.127.3 → 14.127.4
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.
|
@@ -22891,7 +22891,7 @@
|
|
|
22891
22891
|
},
|
|
22892
22892
|
{
|
|
22893
22893
|
"kind": "javascript-module",
|
|
22894
|
-
"path": "src/
|
|
22894
|
+
"path": "src/notification-listener/index.ts",
|
|
22895
22895
|
"declarations": [],
|
|
22896
22896
|
"exports": [
|
|
22897
22897
|
{
|
|
@@ -22899,15 +22899,7 @@
|
|
|
22899
22899
|
"name": "*",
|
|
22900
22900
|
"declaration": {
|
|
22901
22901
|
"name": "*",
|
|
22902
|
-
"package": "./
|
|
22903
|
-
}
|
|
22904
|
-
},
|
|
22905
|
-
{
|
|
22906
|
-
"kind": "js",
|
|
22907
|
-
"name": "*",
|
|
22908
|
-
"declaration": {
|
|
22909
|
-
"name": "*",
|
|
22910
|
-
"package": "./multiselect.styles"
|
|
22902
|
+
"package": "./notification-listener.template"
|
|
22911
22903
|
}
|
|
22912
22904
|
},
|
|
22913
22905
|
{
|
|
@@ -22915,549 +22907,190 @@
|
|
|
22915
22907
|
"name": "*",
|
|
22916
22908
|
"declaration": {
|
|
22917
22909
|
"name": "*",
|
|
22918
|
-
"package": "./
|
|
22910
|
+
"package": "./notification-listener"
|
|
22919
22911
|
}
|
|
22920
22912
|
}
|
|
22921
22913
|
]
|
|
22922
22914
|
},
|
|
22923
22915
|
{
|
|
22924
22916
|
"kind": "javascript-module",
|
|
22925
|
-
"path": "src/
|
|
22926
|
-
"declarations": [],
|
|
22927
|
-
"exports": []
|
|
22928
|
-
},
|
|
22929
|
-
{
|
|
22930
|
-
"kind": "javascript-module",
|
|
22931
|
-
"path": "src/multiselect/multiselect.styles.ts",
|
|
22917
|
+
"path": "src/notification-listener/notification-listener.template.ts",
|
|
22932
22918
|
"declarations": [
|
|
22933
22919
|
{
|
|
22934
22920
|
"kind": "variable",
|
|
22935
|
-
"name": "
|
|
22921
|
+
"name": "foundationNotificationListenerTemplate",
|
|
22936
22922
|
"type": {
|
|
22937
|
-
"text": "
|
|
22923
|
+
"text": "ViewTemplate<NotificationListener>"
|
|
22938
22924
|
},
|
|
22939
|
-
"default": "
|
|
22940
|
-
},
|
|
22941
|
-
{
|
|
22942
|
-
"kind": "variable",
|
|
22943
|
-
"name": "multiselectStyles",
|
|
22944
|
-
"default": "css`\n .root {\n position: relative;\n width: inherit;\n min-width: 250px;\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field {\n width: 100%;\n cursor: pointer;\n color: rgb(241 241 241);\n min-height: 40px;\n padding: 0 calc(var(--design-unit) * 2.25px);\n border-width: 0;\n background: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field[disabled] {\n cursor: not-allowed;\n opacity: 30%;\n }\n\n #display-field:focus {\n outline: 1px solid var(--accent-fill-rest);\n background: var(--neutral-fill-input-rest);\n border-style: none;\n box-shadow: none;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: 1px solid rgb(231 232 232);\n }\n\n button {\n pointer-events: none;\n }\n\n .indicator {\n position: absolute;\n left: calc(100% - 26px);\n padding: 0;\n cursor: pointer;\n }\n\n #arrow-icon {\n width: 16px;\n fill: white;\n transform: rotate(0deg);\n transition: transform 0.2s linear 0s;\n }\n\n #arrow-icon.flipped {\n transform: rotate(180deg);\n }\n\n .disabled-svg {\n pointer-events: none;\n opacity: 30%;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n position: absolute;\n height: max-content;\n overflow-y: hidden;\n margin-top: 5px;\n border: 1px solid rgba(46 51 57 / 100%);\n border-radius: 4px;\n background: var(--neutral-fill-input-rest);\n width: 100%;\n max-height: 0;\n visibility: hidden;\n transition:\n max-height 0.4s ease 0s,\n visibility 0.4s ease 0s;\n z-index: 999;\n }\n\n .position-above {\n bottom: 100%;\n }\n\n .checkbox-container {\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n scrollbar-width: thin;\n scrollbar-color: rgb(46 48 53) rgb(31 33 38);\n }\n\n .checkbox-container zero-checkbox {\n min-width: fit-content;\n }\n\n .checkbox-container zero-checkbox[disabled],\n .checkbox-container foundation-checkbox[disabled] {\n cursor: not-allowed;\n }\n\n #filter-search {\n padding: 5px;\n }\n\n ::-webkit-scrollbar {\n width: 12px;\n }\n\n ::-webkit-scrollbar-track {\n background: rgb(31 33 38);\n }\n\n ::-webkit-scrollbar-thumb {\n width: 8px;\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n background-color: rgb(46 48 53);\n border: 3px solid rgb(31 33 38);\n }\n\n .visible {\n visibility: visible;\n max-height: ${maxheight.toString()}px;\n }\n\n ::slotted(foundation-checkbox),\n foundation-checkbox {\n border-bottom: 1px solid rgb(46 48 52);\n padding: 5px 0 5px 5px;\n margin: 0;\n }\n\n ::slotted(foundation-checkbox:hover),\n foundation-checkbox:hover {\n background-color: rgb(45 47 51);\n cursor: pointer;\n }\n\n ::slotted(foundation-checkbox)::part(label),\n foundation-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .label {\n display: block;\n cursor: pointer;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-style: normal;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n .label-hidden {\n display: none;\n }\n`"
|
|
22945
|
-
}
|
|
22946
|
-
],
|
|
22947
|
-
"exports": [
|
|
22948
|
-
{
|
|
22949
|
-
"kind": "js",
|
|
22950
|
-
"name": "maxheight",
|
|
22951
|
-
"declaration": {
|
|
22952
|
-
"name": "maxheight",
|
|
22953
|
-
"module": "src/multiselect/multiselect.styles.ts"
|
|
22954
|
-
}
|
|
22955
|
-
},
|
|
22956
|
-
{
|
|
22957
|
-
"kind": "js",
|
|
22958
|
-
"name": "multiselectStyles",
|
|
22959
|
-
"declaration": {
|
|
22960
|
-
"name": "multiselectStyles",
|
|
22961
|
-
"module": "src/multiselect/multiselect.styles.ts"
|
|
22962
|
-
}
|
|
22963
|
-
}
|
|
22964
|
-
]
|
|
22965
|
-
},
|
|
22966
|
-
{
|
|
22967
|
-
"kind": "javascript-module",
|
|
22968
|
-
"path": "src/multiselect/multiselect.template.ts",
|
|
22969
|
-
"declarations": [
|
|
22970
|
-
{
|
|
22971
|
-
"kind": "function",
|
|
22972
|
-
"name": "getPrefixedMultiselect",
|
|
22973
|
-
"parameters": [
|
|
22974
|
-
{
|
|
22975
|
-
"name": "prefix",
|
|
22976
|
-
"default": "'foundation'"
|
|
22977
|
-
}
|
|
22978
|
-
]
|
|
22979
|
-
},
|
|
22980
|
-
{
|
|
22981
|
-
"kind": "variable",
|
|
22982
|
-
"name": "multiselectTemplate",
|
|
22983
|
-
"default": "html<Multiselect>`\n ${getPrefixedMultiselect()}\n`"
|
|
22925
|
+
"default": "html<NotificationListener>`\n <template ${ref('notificationListener')}>\n <slot></slot>\n </template>\n`"
|
|
22984
22926
|
}
|
|
22985
22927
|
],
|
|
22986
22928
|
"exports": [
|
|
22987
22929
|
{
|
|
22988
22930
|
"kind": "js",
|
|
22989
|
-
"name": "
|
|
22990
|
-
"declaration": {
|
|
22991
|
-
"name": "getPrefixedMultiselect",
|
|
22992
|
-
"module": "src/multiselect/multiselect.template.ts"
|
|
22993
|
-
}
|
|
22994
|
-
},
|
|
22995
|
-
{
|
|
22996
|
-
"kind": "js",
|
|
22997
|
-
"name": "multiselectTemplate",
|
|
22931
|
+
"name": "foundationNotificationListenerTemplate",
|
|
22998
22932
|
"declaration": {
|
|
22999
|
-
"name": "
|
|
23000
|
-
"module": "src/
|
|
22933
|
+
"name": "foundationNotificationListenerTemplate",
|
|
22934
|
+
"module": "src/notification-listener/notification-listener.template.ts"
|
|
23001
22935
|
}
|
|
23002
22936
|
}
|
|
23003
22937
|
]
|
|
23004
22938
|
},
|
|
23005
22939
|
{
|
|
23006
22940
|
"kind": "javascript-module",
|
|
23007
|
-
"path": "src/
|
|
22941
|
+
"path": "src/notification-listener/notification-listener.ts",
|
|
23008
22942
|
"declarations": [
|
|
23009
22943
|
{
|
|
23010
22944
|
"kind": "variable",
|
|
23011
|
-
"name": "
|
|
22945
|
+
"name": "foundationNotificationListenerShadowOptions",
|
|
23012
22946
|
"type": {
|
|
23013
22947
|
"text": "ShadowRootInit"
|
|
23014
22948
|
},
|
|
23015
|
-
"default": "
|
|
23016
|
-
},
|
|
23017
|
-
{
|
|
23018
|
-
"kind": "variable",
|
|
23019
|
-
"name": "defaultMultiselectConfig",
|
|
23020
|
-
"type": {
|
|
23021
|
-
"text": "object"
|
|
23022
|
-
},
|
|
23023
|
-
"default": "{}"
|
|
22949
|
+
"default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
|
|
23024
22950
|
},
|
|
23025
22951
|
{
|
|
23026
22952
|
"kind": "class",
|
|
23027
22953
|
"description": "",
|
|
23028
|
-
"name": "
|
|
22954
|
+
"name": "NotificationListener",
|
|
23029
22955
|
"members": [
|
|
23030
22956
|
{
|
|
23031
22957
|
"kind": "field",
|
|
23032
|
-
"name": "
|
|
23033
|
-
"type": {
|
|
23034
|
-
"text": "string"
|
|
23035
|
-
},
|
|
23036
|
-
"default": "''"
|
|
23037
|
-
},
|
|
23038
|
-
{
|
|
23039
|
-
"kind": "field",
|
|
23040
|
-
"name": "all",
|
|
23041
|
-
"type": {
|
|
23042
|
-
"text": "boolean"
|
|
23043
|
-
},
|
|
23044
|
-
"default": "true"
|
|
23045
|
-
},
|
|
23046
|
-
{
|
|
23047
|
-
"kind": "field",
|
|
23048
|
-
"name": "allSelected",
|
|
22958
|
+
"name": "notificationListener",
|
|
23049
22959
|
"type": {
|
|
23050
|
-
"text": "
|
|
23051
|
-
}
|
|
23052
|
-
"default": "false"
|
|
22960
|
+
"text": "HTMLElement"
|
|
22961
|
+
}
|
|
23053
22962
|
},
|
|
23054
22963
|
{
|
|
23055
22964
|
"kind": "field",
|
|
23056
|
-
"name": "
|
|
23057
|
-
"
|
|
23058
|
-
|
|
23059
|
-
},
|
|
23060
|
-
"default": "true"
|
|
22965
|
+
"name": "resourceName",
|
|
22966
|
+
"description": "The resource name holding new and existing notifications",
|
|
22967
|
+
"privacy": "public"
|
|
23061
22968
|
},
|
|
23062
22969
|
{
|
|
23063
22970
|
"kind": "field",
|
|
23064
|
-
"name": "
|
|
22971
|
+
"name": "closeTimeout",
|
|
23065
22972
|
"type": {
|
|
23066
|
-
"text": "
|
|
22973
|
+
"text": "number"
|
|
23067
22974
|
},
|
|
23068
|
-
"default": "
|
|
22975
|
+
"default": "0",
|
|
22976
|
+
"description": "Number of milliseconds before toast will disappear. Leave empty or set to 0 to keep toast open indefinitely",
|
|
22977
|
+
"privacy": "public"
|
|
23069
22978
|
},
|
|
23070
22979
|
{
|
|
23071
22980
|
"kind": "field",
|
|
23072
|
-
"name": "
|
|
22981
|
+
"name": "toastButtons",
|
|
23073
22982
|
"type": {
|
|
23074
|
-
"text": "
|
|
22983
|
+
"text": "ToastButton[]"
|
|
23075
22984
|
},
|
|
23076
|
-
"default": "
|
|
22985
|
+
"default": "[]",
|
|
22986
|
+
"description": "Array of buttons for notification toasts",
|
|
22987
|
+
"privacy": "public"
|
|
23077
22988
|
},
|
|
23078
22989
|
{
|
|
23079
22990
|
"kind": "field",
|
|
23080
|
-
"name": "
|
|
22991
|
+
"name": "datasource",
|
|
23081
22992
|
"type": {
|
|
23082
|
-
"text": "
|
|
22993
|
+
"text": "Datasource"
|
|
23083
22994
|
},
|
|
23084
|
-
"
|
|
22995
|
+
"privacy": "private"
|
|
23085
22996
|
},
|
|
23086
22997
|
{
|
|
23087
22998
|
"kind": "method",
|
|
23088
|
-
"name": "
|
|
22999
|
+
"name": "handleStreamUpdate",
|
|
23000
|
+
"privacy": "private",
|
|
23001
|
+
"return": {
|
|
23002
|
+
"type": {
|
|
23003
|
+
"text": "void"
|
|
23004
|
+
}
|
|
23005
|
+
},
|
|
23089
23006
|
"parameters": [
|
|
23090
23007
|
{
|
|
23091
|
-
"name": "
|
|
23092
|
-
},
|
|
23093
|
-
{
|
|
23094
|
-
"name": "newValue",
|
|
23008
|
+
"name": "dataServerResult",
|
|
23095
23009
|
"type": {
|
|
23096
|
-
"text": "
|
|
23010
|
+
"text": "any"
|
|
23097
23011
|
}
|
|
23098
23012
|
}
|
|
23099
23013
|
]
|
|
23100
23014
|
},
|
|
23101
23015
|
{
|
|
23102
23016
|
"kind": "field",
|
|
23103
|
-
"name": "
|
|
23104
|
-
},
|
|
23105
|
-
{
|
|
23106
|
-
"kind": "field",
|
|
23107
|
-
"name": "defaultSlottedNodes",
|
|
23017
|
+
"name": "_presentation",
|
|
23108
23018
|
"type": {
|
|
23109
|
-
"text": "
|
|
23019
|
+
"text": "ComponentPresentation | null | undefined"
|
|
23020
|
+
},
|
|
23021
|
+
"privacy": "private",
|
|
23022
|
+
"default": "void 0",
|
|
23023
|
+
"inheritedFrom": {
|
|
23024
|
+
"name": "FoundationElement",
|
|
23025
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
23110
23026
|
}
|
|
23111
23027
|
},
|
|
23112
23028
|
{
|
|
23113
23029
|
"kind": "field",
|
|
23114
|
-
"name": "
|
|
23030
|
+
"name": "$presentation",
|
|
23115
23031
|
"type": {
|
|
23116
|
-
"text": "
|
|
23032
|
+
"text": "ComponentPresentation | null"
|
|
23033
|
+
},
|
|
23034
|
+
"privacy": "public",
|
|
23035
|
+
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
23036
|
+
"inheritedFrom": {
|
|
23037
|
+
"name": "FoundationElement",
|
|
23038
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
23117
23039
|
}
|
|
23118
23040
|
},
|
|
23119
23041
|
{
|
|
23120
23042
|
"kind": "field",
|
|
23121
|
-
"name": "
|
|
23122
|
-
},
|
|
23123
|
-
{
|
|
23124
|
-
"kind": "field",
|
|
23125
|
-
"name": "loading",
|
|
23043
|
+
"name": "template",
|
|
23126
23044
|
"type": {
|
|
23127
|
-
"text": "
|
|
23045
|
+
"text": "ElementViewTemplate | void | null"
|
|
23046
|
+
},
|
|
23047
|
+
"privacy": "public",
|
|
23048
|
+
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
23049
|
+
"inheritedFrom": {
|
|
23050
|
+
"name": "FoundationElement",
|
|
23051
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
23128
23052
|
}
|
|
23129
23053
|
},
|
|
23130
23054
|
{
|
|
23131
|
-
"kind": "
|
|
23132
|
-
"name": "
|
|
23133
|
-
"
|
|
23134
|
-
|
|
23055
|
+
"kind": "method",
|
|
23056
|
+
"name": "templateChanged",
|
|
23057
|
+
"privacy": "protected",
|
|
23058
|
+
"return": {
|
|
23059
|
+
"type": {
|
|
23060
|
+
"text": "void"
|
|
23061
|
+
}
|
|
23062
|
+
},
|
|
23063
|
+
"inheritedFrom": {
|
|
23064
|
+
"name": "FoundationElement",
|
|
23065
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
23135
23066
|
}
|
|
23136
23067
|
},
|
|
23137
23068
|
{
|
|
23138
23069
|
"kind": "field",
|
|
23139
|
-
"name": "
|
|
23140
|
-
"
|
|
23070
|
+
"name": "styles",
|
|
23071
|
+
"type": {
|
|
23072
|
+
"text": "ElementStyles | void | null"
|
|
23073
|
+
},
|
|
23074
|
+
"privacy": "public",
|
|
23075
|
+
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
23076
|
+
"inheritedFrom": {
|
|
23077
|
+
"name": "FoundationElement",
|
|
23078
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
23079
|
+
}
|
|
23141
23080
|
},
|
|
23142
23081
|
{
|
|
23143
|
-
"kind": "
|
|
23144
|
-
"name": "
|
|
23145
|
-
"
|
|
23146
|
-
|
|
23082
|
+
"kind": "method",
|
|
23083
|
+
"name": "stylesChanged",
|
|
23084
|
+
"privacy": "protected",
|
|
23085
|
+
"return": {
|
|
23086
|
+
"type": {
|
|
23087
|
+
"text": "void"
|
|
23088
|
+
}
|
|
23147
23089
|
},
|
|
23148
|
-
"
|
|
23149
|
-
|
|
23150
|
-
|
|
23151
|
-
|
|
23152
|
-
"name": "openChanged",
|
|
23153
|
-
"parameters": [
|
|
23154
|
-
{
|
|
23155
|
-
"name": "previous",
|
|
23156
|
-
"type": {
|
|
23157
|
-
"text": "boolean"
|
|
23158
|
-
}
|
|
23159
|
-
},
|
|
23160
|
-
{
|
|
23161
|
-
"name": "open",
|
|
23162
|
-
"type": {
|
|
23163
|
-
"text": "boolean"
|
|
23164
|
-
}
|
|
23165
|
-
}
|
|
23166
|
-
]
|
|
23167
|
-
},
|
|
23168
|
-
{
|
|
23169
|
-
"kind": "field",
|
|
23170
|
-
"name": "options",
|
|
23171
|
-
"type": {
|
|
23172
|
-
"text": "MultiselectOption[]"
|
|
23173
|
-
},
|
|
23174
|
-
"default": "[]"
|
|
23175
|
-
},
|
|
23176
|
-
{
|
|
23177
|
-
"kind": "field",
|
|
23178
|
-
"name": "selectedOptions",
|
|
23179
|
-
"type": {
|
|
23180
|
-
"text": "string[]"
|
|
23181
|
-
},
|
|
23182
|
-
"default": "[]"
|
|
23183
|
-
},
|
|
23184
|
-
{
|
|
23185
|
-
"kind": "field",
|
|
23186
|
-
"name": "filteredAvailableOptions",
|
|
23187
|
-
"type": {
|
|
23188
|
-
"text": "MultiselectOption[]"
|
|
23189
|
-
},
|
|
23190
|
-
"default": "[...this.options]"
|
|
23191
|
-
},
|
|
23192
|
-
{
|
|
23193
|
-
"kind": "field",
|
|
23194
|
-
"name": "scrollContainer",
|
|
23195
|
-
"type": {
|
|
23196
|
-
"text": "HTMLElement"
|
|
23197
|
-
}
|
|
23198
|
-
},
|
|
23199
|
-
{
|
|
23200
|
-
"kind": "field",
|
|
23201
|
-
"name": "position",
|
|
23202
|
-
"type": {
|
|
23203
|
-
"text": "Position"
|
|
23204
|
-
}
|
|
23205
|
-
},
|
|
23206
|
-
{
|
|
23207
|
-
"kind": "field",
|
|
23208
|
-
"name": "onAllSelectedCallback",
|
|
23209
|
-
"type": {
|
|
23210
|
-
"text": "(allSelected: boolean) => void"
|
|
23211
|
-
}
|
|
23212
|
-
},
|
|
23213
|
-
{
|
|
23214
|
-
"kind": "field",
|
|
23215
|
-
"name": "initialisedOptions",
|
|
23216
|
-
"type": {
|
|
23217
|
-
"text": "boolean"
|
|
23218
|
-
},
|
|
23219
|
-
"privacy": "private",
|
|
23220
|
-
"default": "false"
|
|
23221
|
-
},
|
|
23222
|
-
{
|
|
23223
|
-
"kind": "field",
|
|
23224
|
-
"name": "arrowIcon",
|
|
23225
|
-
"type": {
|
|
23226
|
-
"text": "SVGElement"
|
|
23227
|
-
}
|
|
23228
|
-
},
|
|
23229
|
-
{
|
|
23230
|
-
"kind": "field",
|
|
23231
|
-
"name": "optionsElement",
|
|
23232
|
-
"type": {
|
|
23233
|
-
"text": "HTMLElement"
|
|
23234
|
-
}
|
|
23235
|
-
},
|
|
23236
|
-
{
|
|
23237
|
-
"kind": "method",
|
|
23238
|
-
"name": "optionsChanged"
|
|
23239
|
-
},
|
|
23240
|
-
{
|
|
23241
|
-
"kind": "method",
|
|
23242
|
-
"name": "selectedOptionsChanged"
|
|
23243
|
-
},
|
|
23244
|
-
{
|
|
23245
|
-
"kind": "method",
|
|
23246
|
-
"name": "toggle"
|
|
23247
|
-
},
|
|
23248
|
-
{
|
|
23249
|
-
"kind": "method",
|
|
23250
|
-
"name": "setDropdownPosition"
|
|
23251
|
-
},
|
|
23252
|
-
{
|
|
23253
|
-
"kind": "method",
|
|
23254
|
-
"name": "optionGetter",
|
|
23255
|
-
"parameters": [
|
|
23256
|
-
{
|
|
23257
|
-
"name": "option",
|
|
23258
|
-
"type": {
|
|
23259
|
-
"text": "MultiselectOption"
|
|
23260
|
-
}
|
|
23261
|
-
}
|
|
23262
|
-
]
|
|
23263
|
-
},
|
|
23264
|
-
{
|
|
23265
|
-
"kind": "method",
|
|
23266
|
-
"name": "getItemLabel",
|
|
23267
|
-
"parameters": [
|
|
23268
|
-
{
|
|
23269
|
-
"name": "option",
|
|
23270
|
-
"type": {
|
|
23271
|
-
"text": "MultiselectOption"
|
|
23272
|
-
}
|
|
23273
|
-
}
|
|
23274
|
-
]
|
|
23275
|
-
},
|
|
23276
|
-
{
|
|
23277
|
-
"kind": "method",
|
|
23278
|
-
"name": "isOptionDisabled",
|
|
23279
|
-
"parameters": [
|
|
23280
|
-
{
|
|
23281
|
-
"name": "option",
|
|
23282
|
-
"type": {
|
|
23283
|
-
"text": "MultiselectOption"
|
|
23284
|
-
}
|
|
23285
|
-
}
|
|
23286
|
-
]
|
|
23287
|
-
},
|
|
23288
|
-
{
|
|
23289
|
-
"kind": "field",
|
|
23290
|
-
"name": "getDisplayValue",
|
|
23291
|
-
"readonly": true
|
|
23292
|
-
},
|
|
23293
|
-
{
|
|
23294
|
-
"kind": "field",
|
|
23295
|
-
"name": "getPlaceholder",
|
|
23296
|
-
"readonly": true
|
|
23297
|
-
},
|
|
23298
|
-
{
|
|
23299
|
-
"kind": "field",
|
|
23300
|
-
"name": "isAllSelected",
|
|
23301
|
-
"readonly": true
|
|
23302
|
-
},
|
|
23303
|
-
{
|
|
23304
|
-
"kind": "field",
|
|
23305
|
-
"name": "isAllOptionsDisabled",
|
|
23306
|
-
"readonly": true
|
|
23307
|
-
},
|
|
23308
|
-
{
|
|
23309
|
-
"kind": "method",
|
|
23310
|
-
"name": "isOptionSelected",
|
|
23311
|
-
"return": {
|
|
23312
|
-
"type": {
|
|
23313
|
-
"text": "boolean"
|
|
23314
|
-
}
|
|
23315
|
-
},
|
|
23316
|
-
"parameters": [
|
|
23317
|
-
{
|
|
23318
|
-
"name": "normalizedOption",
|
|
23319
|
-
"type": {
|
|
23320
|
-
"text": "MultiselectOption"
|
|
23321
|
-
}
|
|
23322
|
-
}
|
|
23323
|
-
]
|
|
23324
|
-
},
|
|
23325
|
-
{
|
|
23326
|
-
"kind": "method",
|
|
23327
|
-
"name": "selectCheckboxOne",
|
|
23328
|
-
"parameters": [
|
|
23329
|
-
{
|
|
23330
|
-
"name": "normalizedOption",
|
|
23331
|
-
"type": {
|
|
23332
|
-
"text": "MultiselectOption"
|
|
23333
|
-
}
|
|
23334
|
-
}
|
|
23335
|
-
]
|
|
23336
|
-
},
|
|
23337
|
-
{
|
|
23338
|
-
"kind": "method",
|
|
23339
|
-
"name": "getEnabledOptionsCount"
|
|
23340
|
-
},
|
|
23341
|
-
{
|
|
23342
|
-
"kind": "method",
|
|
23343
|
-
"name": "selectCheckboxAll"
|
|
23344
|
-
},
|
|
23345
|
-
{
|
|
23346
|
-
"kind": "method",
|
|
23347
|
-
"name": "inputHandler"
|
|
23348
|
-
},
|
|
23349
|
-
{
|
|
23350
|
-
"kind": "method",
|
|
23351
|
-
"name": "setFilter"
|
|
23352
|
-
},
|
|
23353
|
-
{
|
|
23354
|
-
"kind": "method",
|
|
23355
|
-
"name": "asyncSetFilter"
|
|
23356
|
-
},
|
|
23357
|
-
{
|
|
23358
|
-
"kind": "method",
|
|
23359
|
-
"name": "changeHandler",
|
|
23360
|
-
"parameters": [
|
|
23361
|
-
{
|
|
23362
|
-
"name": "event",
|
|
23363
|
-
"type": {
|
|
23364
|
-
"text": "Event"
|
|
23365
|
-
}
|
|
23366
|
-
}
|
|
23367
|
-
]
|
|
23368
|
-
},
|
|
23369
|
-
{
|
|
23370
|
-
"kind": "method",
|
|
23371
|
-
"name": "handleClickOutside",
|
|
23372
|
-
"privacy": "private",
|
|
23373
|
-
"parameters": [
|
|
23374
|
-
{
|
|
23375
|
-
"name": "event",
|
|
23376
|
-
"type": {
|
|
23377
|
-
"text": "MouseEvent"
|
|
23378
|
-
}
|
|
23379
|
-
}
|
|
23380
|
-
]
|
|
23381
|
-
},
|
|
23382
|
-
{
|
|
23383
|
-
"kind": "field",
|
|
23384
|
-
"name": "_presentation",
|
|
23385
|
-
"type": {
|
|
23386
|
-
"text": "ComponentPresentation | null | undefined"
|
|
23387
|
-
},
|
|
23388
|
-
"privacy": "private",
|
|
23389
|
-
"default": "void 0",
|
|
23390
|
-
"inheritedFrom": {
|
|
23391
|
-
"name": "FoundationElement",
|
|
23392
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
23393
|
-
}
|
|
23394
|
-
},
|
|
23395
|
-
{
|
|
23396
|
-
"kind": "field",
|
|
23397
|
-
"name": "$presentation",
|
|
23398
|
-
"type": {
|
|
23399
|
-
"text": "ComponentPresentation | null"
|
|
23400
|
-
},
|
|
23401
|
-
"privacy": "public",
|
|
23402
|
-
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
23403
|
-
"inheritedFrom": {
|
|
23404
|
-
"name": "FoundationElement",
|
|
23405
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
23406
|
-
}
|
|
23407
|
-
},
|
|
23408
|
-
{
|
|
23409
|
-
"kind": "field",
|
|
23410
|
-
"name": "template",
|
|
23411
|
-
"type": {
|
|
23412
|
-
"text": "ElementViewTemplate | void | null"
|
|
23413
|
-
},
|
|
23414
|
-
"privacy": "public",
|
|
23415
|
-
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
23416
|
-
"inheritedFrom": {
|
|
23417
|
-
"name": "FoundationElement",
|
|
23418
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
23419
|
-
}
|
|
23420
|
-
},
|
|
23421
|
-
{
|
|
23422
|
-
"kind": "method",
|
|
23423
|
-
"name": "templateChanged",
|
|
23424
|
-
"privacy": "protected",
|
|
23425
|
-
"return": {
|
|
23426
|
-
"type": {
|
|
23427
|
-
"text": "void"
|
|
23428
|
-
}
|
|
23429
|
-
},
|
|
23430
|
-
"inheritedFrom": {
|
|
23431
|
-
"name": "FoundationElement",
|
|
23432
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
23433
|
-
}
|
|
23434
|
-
},
|
|
23435
|
-
{
|
|
23436
|
-
"kind": "field",
|
|
23437
|
-
"name": "styles",
|
|
23438
|
-
"type": {
|
|
23439
|
-
"text": "ElementStyles | void | null"
|
|
23440
|
-
},
|
|
23441
|
-
"privacy": "public",
|
|
23442
|
-
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
23443
|
-
"inheritedFrom": {
|
|
23444
|
-
"name": "FoundationElement",
|
|
23445
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
23446
|
-
}
|
|
23447
|
-
},
|
|
23448
|
-
{
|
|
23449
|
-
"kind": "method",
|
|
23450
|
-
"name": "stylesChanged",
|
|
23451
|
-
"privacy": "protected",
|
|
23452
|
-
"return": {
|
|
23453
|
-
"type": {
|
|
23454
|
-
"text": "void"
|
|
23455
|
-
}
|
|
23456
|
-
},
|
|
23457
|
-
"inheritedFrom": {
|
|
23458
|
-
"name": "FoundationElement",
|
|
23459
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
23460
|
-
}
|
|
23090
|
+
"inheritedFrom": {
|
|
23091
|
+
"name": "FoundationElement",
|
|
23092
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
23093
|
+
}
|
|
23461
23094
|
},
|
|
23462
23095
|
{
|
|
23463
23096
|
"kind": "method",
|
|
@@ -23493,226 +23126,547 @@
|
|
|
23493
23126
|
],
|
|
23494
23127
|
"attributes": [
|
|
23495
23128
|
{
|
|
23496
|
-
"name": "name",
|
|
23497
|
-
"
|
|
23498
|
-
|
|
23499
|
-
},
|
|
23500
|
-
"default": "''",
|
|
23501
|
-
"fieldName": "name"
|
|
23502
|
-
},
|
|
23503
|
-
{
|
|
23504
|
-
"type": {
|
|
23505
|
-
"text": "boolean"
|
|
23506
|
-
},
|
|
23507
|
-
"default": "true",
|
|
23508
|
-
"fieldName": "all"
|
|
23509
|
-
},
|
|
23510
|
-
{
|
|
23511
|
-
"type": {
|
|
23512
|
-
"text": "boolean"
|
|
23513
|
-
},
|
|
23514
|
-
"default": "false",
|
|
23515
|
-
"fieldName": "allSelected"
|
|
23516
|
-
},
|
|
23517
|
-
{
|
|
23518
|
-
"type": {
|
|
23519
|
-
"text": "boolean"
|
|
23520
|
-
},
|
|
23521
|
-
"default": "true",
|
|
23522
|
-
"fieldName": "search"
|
|
23523
|
-
},
|
|
23524
|
-
{
|
|
23525
|
-
"type": {
|
|
23526
|
-
"text": "boolean"
|
|
23527
|
-
},
|
|
23528
|
-
"default": "false",
|
|
23529
|
-
"fieldName": "disabled"
|
|
23530
|
-
},
|
|
23531
|
-
{
|
|
23532
|
-
"type": {
|
|
23533
|
-
"text": "boolean"
|
|
23534
|
-
},
|
|
23535
|
-
"default": "false",
|
|
23536
|
-
"fieldName": "async"
|
|
23129
|
+
"name": "resource-name",
|
|
23130
|
+
"description": "The resource name holding new and existing notifications",
|
|
23131
|
+
"fieldName": "resourceName"
|
|
23537
23132
|
},
|
|
23538
23133
|
{
|
|
23539
|
-
"name": "
|
|
23134
|
+
"name": "close-timeout",
|
|
23540
23135
|
"type": {
|
|
23541
23136
|
"text": "number"
|
|
23542
23137
|
},
|
|
23543
|
-
"default": "
|
|
23544
|
-
"
|
|
23545
|
-
|
|
23546
|
-
},
|
|
23547
|
-
"fieldName": "debounce"
|
|
23138
|
+
"default": "0",
|
|
23139
|
+
"description": "Number of milliseconds before toast will disappear. Leave empty or set to 0 to keep toast open indefinitely",
|
|
23140
|
+
"fieldName": "closeTimeout"
|
|
23548
23141
|
}
|
|
23549
23142
|
],
|
|
23550
23143
|
"superclass": {
|
|
23551
23144
|
"name": "FoundationElement",
|
|
23552
23145
|
"package": "@microsoft/fast-foundation"
|
|
23553
23146
|
},
|
|
23554
|
-
"tagName": "%%prefix%%-
|
|
23147
|
+
"tagName": "%%prefix%%-notification-listener",
|
|
23555
23148
|
"customElement": true
|
|
23556
23149
|
},
|
|
23557
23150
|
{
|
|
23558
23151
|
"kind": "variable",
|
|
23559
|
-
"name": "
|
|
23152
|
+
"name": "foundationNotificationListener",
|
|
23153
|
+
"description": "The Foundation Notification Listener",
|
|
23154
|
+
"privacy": "public"
|
|
23560
23155
|
}
|
|
23561
23156
|
],
|
|
23562
23157
|
"exports": [
|
|
23563
23158
|
{
|
|
23564
23159
|
"kind": "js",
|
|
23565
|
-
"name": "
|
|
23160
|
+
"name": "foundationNotificationListenerShadowOptions",
|
|
23566
23161
|
"declaration": {
|
|
23567
|
-
"name": "
|
|
23568
|
-
"module": "src/
|
|
23162
|
+
"name": "foundationNotificationListenerShadowOptions",
|
|
23163
|
+
"module": "src/notification-listener/notification-listener.ts"
|
|
23569
23164
|
}
|
|
23570
23165
|
},
|
|
23571
23166
|
{
|
|
23572
23167
|
"kind": "js",
|
|
23573
|
-
"name": "
|
|
23168
|
+
"name": "NotificationListener",
|
|
23574
23169
|
"declaration": {
|
|
23575
|
-
"name": "
|
|
23576
|
-
"module": "src/
|
|
23170
|
+
"name": "NotificationListener",
|
|
23171
|
+
"module": "src/notification-listener/notification-listener.ts"
|
|
23577
23172
|
}
|
|
23578
23173
|
},
|
|
23579
23174
|
{
|
|
23580
23175
|
"kind": "js",
|
|
23581
|
-
"name": "
|
|
23176
|
+
"name": "foundationNotificationListener",
|
|
23582
23177
|
"declaration": {
|
|
23583
|
-
"name": "
|
|
23584
|
-
"module": "src/
|
|
23178
|
+
"name": "foundationNotificationListener",
|
|
23179
|
+
"module": "src/notification-listener/notification-listener.ts"
|
|
23180
|
+
}
|
|
23181
|
+
}
|
|
23182
|
+
]
|
|
23183
|
+
},
|
|
23184
|
+
{
|
|
23185
|
+
"kind": "javascript-module",
|
|
23186
|
+
"path": "src/multiselect/index.ts",
|
|
23187
|
+
"declarations": [],
|
|
23188
|
+
"exports": [
|
|
23189
|
+
{
|
|
23190
|
+
"kind": "js",
|
|
23191
|
+
"name": "*",
|
|
23192
|
+
"declaration": {
|
|
23193
|
+
"name": "*",
|
|
23194
|
+
"package": "./multiselect"
|
|
23585
23195
|
}
|
|
23586
23196
|
},
|
|
23587
23197
|
{
|
|
23588
23198
|
"kind": "js",
|
|
23589
|
-
"name": "
|
|
23199
|
+
"name": "*",
|
|
23590
23200
|
"declaration": {
|
|
23591
|
-
"name": "
|
|
23592
|
-
"
|
|
23201
|
+
"name": "*",
|
|
23202
|
+
"package": "./multiselect.styles"
|
|
23203
|
+
}
|
|
23204
|
+
},
|
|
23205
|
+
{
|
|
23206
|
+
"kind": "js",
|
|
23207
|
+
"name": "*",
|
|
23208
|
+
"declaration": {
|
|
23209
|
+
"name": "*",
|
|
23210
|
+
"package": "./multiselect.template"
|
|
23593
23211
|
}
|
|
23594
23212
|
}
|
|
23595
23213
|
]
|
|
23596
23214
|
},
|
|
23597
23215
|
{
|
|
23598
23216
|
"kind": "javascript-module",
|
|
23599
|
-
"path": "src/
|
|
23217
|
+
"path": "src/multiselect/multiselect-consts.ts",
|
|
23600
23218
|
"declarations": [],
|
|
23219
|
+
"exports": []
|
|
23220
|
+
},
|
|
23221
|
+
{
|
|
23222
|
+
"kind": "javascript-module",
|
|
23223
|
+
"path": "src/multiselect/multiselect.styles.ts",
|
|
23224
|
+
"declarations": [
|
|
23225
|
+
{
|
|
23226
|
+
"kind": "variable",
|
|
23227
|
+
"name": "maxheight",
|
|
23228
|
+
"type": {
|
|
23229
|
+
"text": "number"
|
|
23230
|
+
},
|
|
23231
|
+
"default": "230"
|
|
23232
|
+
},
|
|
23233
|
+
{
|
|
23234
|
+
"kind": "variable",
|
|
23235
|
+
"name": "multiselectStyles",
|
|
23236
|
+
"default": "css`\n .root {\n position: relative;\n width: inherit;\n min-width: 250px;\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field {\n width: 100%;\n cursor: pointer;\n color: rgb(241 241 241);\n min-height: 40px;\n padding: 0 calc(var(--design-unit) * 2.25px);\n border-width: 0;\n background: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field[disabled] {\n cursor: not-allowed;\n opacity: 30%;\n }\n\n #display-field:focus {\n outline: 1px solid var(--accent-fill-rest);\n background: var(--neutral-fill-input-rest);\n border-style: none;\n box-shadow: none;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: 1px solid rgb(231 232 232);\n }\n\n button {\n pointer-events: none;\n }\n\n .indicator {\n position: absolute;\n left: calc(100% - 26px);\n padding: 0;\n cursor: pointer;\n }\n\n #arrow-icon {\n width: 16px;\n fill: white;\n transform: rotate(0deg);\n transition: transform 0.2s linear 0s;\n }\n\n #arrow-icon.flipped {\n transform: rotate(180deg);\n }\n\n .disabled-svg {\n pointer-events: none;\n opacity: 30%;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n position: absolute;\n height: max-content;\n overflow-y: hidden;\n margin-top: 5px;\n border: 1px solid rgba(46 51 57 / 100%);\n border-radius: 4px;\n background: var(--neutral-fill-input-rest);\n width: 100%;\n max-height: 0;\n visibility: hidden;\n transition:\n max-height 0.4s ease 0s,\n visibility 0.4s ease 0s;\n z-index: 999;\n }\n\n .position-above {\n bottom: 100%;\n }\n\n .checkbox-container {\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n scrollbar-width: thin;\n scrollbar-color: rgb(46 48 53) rgb(31 33 38);\n }\n\n .checkbox-container zero-checkbox {\n min-width: fit-content;\n }\n\n .checkbox-container zero-checkbox[disabled],\n .checkbox-container foundation-checkbox[disabled] {\n cursor: not-allowed;\n }\n\n #filter-search {\n padding: 5px;\n }\n\n ::-webkit-scrollbar {\n width: 12px;\n }\n\n ::-webkit-scrollbar-track {\n background: rgb(31 33 38);\n }\n\n ::-webkit-scrollbar-thumb {\n width: 8px;\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n background-color: rgb(46 48 53);\n border: 3px solid rgb(31 33 38);\n }\n\n .visible {\n visibility: visible;\n max-height: ${maxheight.toString()}px;\n }\n\n ::slotted(foundation-checkbox),\n foundation-checkbox {\n border-bottom: 1px solid rgb(46 48 52);\n padding: 5px 0 5px 5px;\n margin: 0;\n }\n\n ::slotted(foundation-checkbox:hover),\n foundation-checkbox:hover {\n background-color: rgb(45 47 51);\n cursor: pointer;\n }\n\n ::slotted(foundation-checkbox)::part(label),\n foundation-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .label {\n display: block;\n cursor: pointer;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-style: normal;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n .label-hidden {\n display: none;\n }\n`"
|
|
23237
|
+
}
|
|
23238
|
+
],
|
|
23601
23239
|
"exports": [
|
|
23602
23240
|
{
|
|
23603
23241
|
"kind": "js",
|
|
23604
|
-
"name": "
|
|
23242
|
+
"name": "maxheight",
|
|
23605
23243
|
"declaration": {
|
|
23606
|
-
"name": "
|
|
23607
|
-
"
|
|
23244
|
+
"name": "maxheight",
|
|
23245
|
+
"module": "src/multiselect/multiselect.styles.ts"
|
|
23608
23246
|
}
|
|
23609
23247
|
},
|
|
23610
23248
|
{
|
|
23611
23249
|
"kind": "js",
|
|
23612
|
-
"name": "
|
|
23250
|
+
"name": "multiselectStyles",
|
|
23613
23251
|
"declaration": {
|
|
23614
|
-
"name": "
|
|
23615
|
-
"
|
|
23252
|
+
"name": "multiselectStyles",
|
|
23253
|
+
"module": "src/multiselect/multiselect.styles.ts"
|
|
23616
23254
|
}
|
|
23617
23255
|
}
|
|
23618
23256
|
]
|
|
23619
23257
|
},
|
|
23620
23258
|
{
|
|
23621
23259
|
"kind": "javascript-module",
|
|
23622
|
-
"path": "src/
|
|
23260
|
+
"path": "src/multiselect/multiselect.template.ts",
|
|
23623
23261
|
"declarations": [
|
|
23262
|
+
{
|
|
23263
|
+
"kind": "function",
|
|
23264
|
+
"name": "getPrefixedMultiselect",
|
|
23265
|
+
"parameters": [
|
|
23266
|
+
{
|
|
23267
|
+
"name": "prefix",
|
|
23268
|
+
"default": "'foundation'"
|
|
23269
|
+
}
|
|
23270
|
+
]
|
|
23271
|
+
},
|
|
23624
23272
|
{
|
|
23625
23273
|
"kind": "variable",
|
|
23626
|
-
"name": "
|
|
23627
|
-
"
|
|
23628
|
-
"text": "ViewTemplate<NotificationListener>"
|
|
23629
|
-
},
|
|
23630
|
-
"default": "html<NotificationListener>`\n <template ${ref('notificationListener')}>\n <slot></slot>\n </template>\n`"
|
|
23274
|
+
"name": "multiselectTemplate",
|
|
23275
|
+
"default": "html<Multiselect>`\n ${getPrefixedMultiselect()}\n`"
|
|
23631
23276
|
}
|
|
23632
23277
|
],
|
|
23633
23278
|
"exports": [
|
|
23634
23279
|
{
|
|
23635
23280
|
"kind": "js",
|
|
23636
|
-
"name": "
|
|
23281
|
+
"name": "getPrefixedMultiselect",
|
|
23637
23282
|
"declaration": {
|
|
23638
|
-
"name": "
|
|
23639
|
-
"module": "src/
|
|
23283
|
+
"name": "getPrefixedMultiselect",
|
|
23284
|
+
"module": "src/multiselect/multiselect.template.ts"
|
|
23285
|
+
}
|
|
23286
|
+
},
|
|
23287
|
+
{
|
|
23288
|
+
"kind": "js",
|
|
23289
|
+
"name": "multiselectTemplate",
|
|
23290
|
+
"declaration": {
|
|
23291
|
+
"name": "multiselectTemplate",
|
|
23292
|
+
"module": "src/multiselect/multiselect.template.ts"
|
|
23640
23293
|
}
|
|
23641
23294
|
}
|
|
23642
23295
|
]
|
|
23643
23296
|
},
|
|
23644
23297
|
{
|
|
23645
23298
|
"kind": "javascript-module",
|
|
23646
|
-
"path": "src/
|
|
23299
|
+
"path": "src/multiselect/multiselect.ts",
|
|
23647
23300
|
"declarations": [
|
|
23648
23301
|
{
|
|
23649
23302
|
"kind": "variable",
|
|
23650
|
-
"name": "
|
|
23303
|
+
"name": "foundationMultiselectShadowOptions",
|
|
23651
23304
|
"type": {
|
|
23652
23305
|
"text": "ShadowRootInit"
|
|
23653
23306
|
},
|
|
23654
|
-
"default": "
|
|
23307
|
+
"default": "undefined"
|
|
23308
|
+
},
|
|
23309
|
+
{
|
|
23310
|
+
"kind": "variable",
|
|
23311
|
+
"name": "defaultMultiselectConfig",
|
|
23312
|
+
"type": {
|
|
23313
|
+
"text": "object"
|
|
23314
|
+
},
|
|
23315
|
+
"default": "{}"
|
|
23655
23316
|
},
|
|
23656
23317
|
{
|
|
23657
23318
|
"kind": "class",
|
|
23658
23319
|
"description": "",
|
|
23659
|
-
"name": "
|
|
23320
|
+
"name": "Multiselect",
|
|
23660
23321
|
"members": [
|
|
23661
23322
|
{
|
|
23662
23323
|
"kind": "field",
|
|
23663
|
-
"name": "
|
|
23324
|
+
"name": "name",
|
|
23325
|
+
"type": {
|
|
23326
|
+
"text": "string"
|
|
23327
|
+
},
|
|
23328
|
+
"default": "''"
|
|
23329
|
+
},
|
|
23330
|
+
{
|
|
23331
|
+
"kind": "field",
|
|
23332
|
+
"name": "all",
|
|
23333
|
+
"type": {
|
|
23334
|
+
"text": "boolean"
|
|
23335
|
+
},
|
|
23336
|
+
"default": "true"
|
|
23337
|
+
},
|
|
23338
|
+
{
|
|
23339
|
+
"kind": "field",
|
|
23340
|
+
"name": "allSelected",
|
|
23341
|
+
"type": {
|
|
23342
|
+
"text": "boolean"
|
|
23343
|
+
},
|
|
23344
|
+
"default": "false"
|
|
23345
|
+
},
|
|
23346
|
+
{
|
|
23347
|
+
"kind": "field",
|
|
23348
|
+
"name": "search",
|
|
23349
|
+
"type": {
|
|
23350
|
+
"text": "boolean"
|
|
23351
|
+
},
|
|
23352
|
+
"default": "true"
|
|
23353
|
+
},
|
|
23354
|
+
{
|
|
23355
|
+
"kind": "field",
|
|
23356
|
+
"name": "disabled",
|
|
23357
|
+
"type": {
|
|
23358
|
+
"text": "boolean"
|
|
23359
|
+
},
|
|
23360
|
+
"default": "false"
|
|
23361
|
+
},
|
|
23362
|
+
{
|
|
23363
|
+
"kind": "field",
|
|
23364
|
+
"name": "async",
|
|
23365
|
+
"type": {
|
|
23366
|
+
"text": "boolean"
|
|
23367
|
+
},
|
|
23368
|
+
"default": "false"
|
|
23369
|
+
},
|
|
23370
|
+
{
|
|
23371
|
+
"kind": "field",
|
|
23372
|
+
"name": "debounce",
|
|
23373
|
+
"type": {
|
|
23374
|
+
"text": "number"
|
|
23375
|
+
},
|
|
23376
|
+
"default": "500"
|
|
23377
|
+
},
|
|
23378
|
+
{
|
|
23379
|
+
"kind": "method",
|
|
23380
|
+
"name": "debounceChanged",
|
|
23381
|
+
"parameters": [
|
|
23382
|
+
{
|
|
23383
|
+
"name": "oldValue"
|
|
23384
|
+
},
|
|
23385
|
+
{
|
|
23386
|
+
"name": "newValue",
|
|
23387
|
+
"type": {
|
|
23388
|
+
"text": "number"
|
|
23389
|
+
}
|
|
23390
|
+
}
|
|
23391
|
+
]
|
|
23392
|
+
},
|
|
23393
|
+
{
|
|
23394
|
+
"kind": "field",
|
|
23395
|
+
"name": "debouncedInputHandler"
|
|
23396
|
+
},
|
|
23397
|
+
{
|
|
23398
|
+
"kind": "field",
|
|
23399
|
+
"name": "defaultSlottedNodes",
|
|
23400
|
+
"type": {
|
|
23401
|
+
"text": "Node[]"
|
|
23402
|
+
}
|
|
23403
|
+
},
|
|
23404
|
+
{
|
|
23405
|
+
"kind": "field",
|
|
23406
|
+
"name": "slottedDatasource",
|
|
23407
|
+
"type": {
|
|
23408
|
+
"text": "MultiselectDatasource[]"
|
|
23409
|
+
}
|
|
23410
|
+
},
|
|
23411
|
+
{
|
|
23412
|
+
"kind": "field",
|
|
23413
|
+
"name": "valueFormatter"
|
|
23414
|
+
},
|
|
23415
|
+
{
|
|
23416
|
+
"kind": "field",
|
|
23417
|
+
"name": "loading",
|
|
23418
|
+
"type": {
|
|
23419
|
+
"text": "boolean"
|
|
23420
|
+
}
|
|
23421
|
+
},
|
|
23422
|
+
{
|
|
23423
|
+
"kind": "field",
|
|
23424
|
+
"name": "filterSearchValue",
|
|
23425
|
+
"type": {
|
|
23426
|
+
"text": "string"
|
|
23427
|
+
}
|
|
23428
|
+
},
|
|
23429
|
+
{
|
|
23430
|
+
"kind": "field",
|
|
23431
|
+
"name": "clickOutside",
|
|
23432
|
+
"privacy": "private"
|
|
23433
|
+
},
|
|
23434
|
+
{
|
|
23435
|
+
"kind": "field",
|
|
23436
|
+
"name": "open",
|
|
23437
|
+
"type": {
|
|
23438
|
+
"text": "boolean"
|
|
23439
|
+
},
|
|
23440
|
+
"default": "false"
|
|
23441
|
+
},
|
|
23442
|
+
{
|
|
23443
|
+
"kind": "method",
|
|
23444
|
+
"name": "openChanged",
|
|
23445
|
+
"parameters": [
|
|
23446
|
+
{
|
|
23447
|
+
"name": "previous",
|
|
23448
|
+
"type": {
|
|
23449
|
+
"text": "boolean"
|
|
23450
|
+
}
|
|
23451
|
+
},
|
|
23452
|
+
{
|
|
23453
|
+
"name": "open",
|
|
23454
|
+
"type": {
|
|
23455
|
+
"text": "boolean"
|
|
23456
|
+
}
|
|
23457
|
+
}
|
|
23458
|
+
]
|
|
23459
|
+
},
|
|
23460
|
+
{
|
|
23461
|
+
"kind": "field",
|
|
23462
|
+
"name": "options",
|
|
23463
|
+
"type": {
|
|
23464
|
+
"text": "MultiselectOption[]"
|
|
23465
|
+
},
|
|
23466
|
+
"default": "[]"
|
|
23467
|
+
},
|
|
23468
|
+
{
|
|
23469
|
+
"kind": "field",
|
|
23470
|
+
"name": "selectedOptions",
|
|
23471
|
+
"type": {
|
|
23472
|
+
"text": "string[]"
|
|
23473
|
+
},
|
|
23474
|
+
"default": "[]"
|
|
23475
|
+
},
|
|
23476
|
+
{
|
|
23477
|
+
"kind": "field",
|
|
23478
|
+
"name": "filteredAvailableOptions",
|
|
23479
|
+
"type": {
|
|
23480
|
+
"text": "MultiselectOption[]"
|
|
23481
|
+
},
|
|
23482
|
+
"default": "[...this.options]"
|
|
23483
|
+
},
|
|
23484
|
+
{
|
|
23485
|
+
"kind": "field",
|
|
23486
|
+
"name": "scrollContainer",
|
|
23664
23487
|
"type": {
|
|
23665
23488
|
"text": "HTMLElement"
|
|
23666
23489
|
}
|
|
23667
23490
|
},
|
|
23668
23491
|
{
|
|
23669
23492
|
"kind": "field",
|
|
23670
|
-
"name": "
|
|
23671
|
-
"
|
|
23672
|
-
|
|
23493
|
+
"name": "position",
|
|
23494
|
+
"type": {
|
|
23495
|
+
"text": "Position"
|
|
23496
|
+
}
|
|
23497
|
+
},
|
|
23498
|
+
{
|
|
23499
|
+
"kind": "field",
|
|
23500
|
+
"name": "onAllSelectedCallback",
|
|
23501
|
+
"type": {
|
|
23502
|
+
"text": "(allSelected: boolean) => void"
|
|
23503
|
+
}
|
|
23673
23504
|
},
|
|
23674
23505
|
{
|
|
23675
23506
|
"kind": "field",
|
|
23676
|
-
"name": "
|
|
23507
|
+
"name": "initialisedOptions",
|
|
23677
23508
|
"type": {
|
|
23678
|
-
"text": "
|
|
23509
|
+
"text": "boolean"
|
|
23679
23510
|
},
|
|
23680
|
-
"
|
|
23681
|
-
"
|
|
23682
|
-
"privacy": "public"
|
|
23511
|
+
"privacy": "private",
|
|
23512
|
+
"default": "false"
|
|
23683
23513
|
},
|
|
23684
23514
|
{
|
|
23685
23515
|
"kind": "field",
|
|
23686
|
-
"name": "
|
|
23516
|
+
"name": "arrowIcon",
|
|
23687
23517
|
"type": {
|
|
23688
|
-
"text": "
|
|
23689
|
-
}
|
|
23690
|
-
"default": "[]",
|
|
23691
|
-
"description": "Array of buttons for notification toasts",
|
|
23692
|
-
"privacy": "public"
|
|
23518
|
+
"text": "SVGElement"
|
|
23519
|
+
}
|
|
23693
23520
|
},
|
|
23694
23521
|
{
|
|
23695
23522
|
"kind": "field",
|
|
23696
|
-
"name": "
|
|
23523
|
+
"name": "optionsElement",
|
|
23697
23524
|
"type": {
|
|
23698
|
-
"text": "
|
|
23699
|
-
}
|
|
23700
|
-
"privacy": "private"
|
|
23525
|
+
"text": "HTMLElement"
|
|
23526
|
+
}
|
|
23701
23527
|
},
|
|
23702
23528
|
{
|
|
23703
23529
|
"kind": "method",
|
|
23704
|
-
"name": "
|
|
23705
|
-
|
|
23530
|
+
"name": "optionsChanged"
|
|
23531
|
+
},
|
|
23532
|
+
{
|
|
23533
|
+
"kind": "method",
|
|
23534
|
+
"name": "selectedOptionsChanged"
|
|
23535
|
+
},
|
|
23536
|
+
{
|
|
23537
|
+
"kind": "method",
|
|
23538
|
+
"name": "toggle"
|
|
23539
|
+
},
|
|
23540
|
+
{
|
|
23541
|
+
"kind": "method",
|
|
23542
|
+
"name": "setDropdownPosition"
|
|
23543
|
+
},
|
|
23544
|
+
{
|
|
23545
|
+
"kind": "method",
|
|
23546
|
+
"name": "optionGetter",
|
|
23547
|
+
"parameters": [
|
|
23548
|
+
{
|
|
23549
|
+
"name": "option",
|
|
23550
|
+
"type": {
|
|
23551
|
+
"text": "MultiselectOption"
|
|
23552
|
+
}
|
|
23553
|
+
}
|
|
23554
|
+
]
|
|
23555
|
+
},
|
|
23556
|
+
{
|
|
23557
|
+
"kind": "method",
|
|
23558
|
+
"name": "getItemLabel",
|
|
23559
|
+
"parameters": [
|
|
23560
|
+
{
|
|
23561
|
+
"name": "option",
|
|
23562
|
+
"type": {
|
|
23563
|
+
"text": "MultiselectOption"
|
|
23564
|
+
}
|
|
23565
|
+
}
|
|
23566
|
+
]
|
|
23567
|
+
},
|
|
23568
|
+
{
|
|
23569
|
+
"kind": "method",
|
|
23570
|
+
"name": "isOptionDisabled",
|
|
23571
|
+
"parameters": [
|
|
23572
|
+
{
|
|
23573
|
+
"name": "option",
|
|
23574
|
+
"type": {
|
|
23575
|
+
"text": "MultiselectOption"
|
|
23576
|
+
}
|
|
23577
|
+
}
|
|
23578
|
+
]
|
|
23579
|
+
},
|
|
23580
|
+
{
|
|
23581
|
+
"kind": "field",
|
|
23582
|
+
"name": "getDisplayValue",
|
|
23583
|
+
"readonly": true
|
|
23584
|
+
},
|
|
23585
|
+
{
|
|
23586
|
+
"kind": "field",
|
|
23587
|
+
"name": "getPlaceholder",
|
|
23588
|
+
"readonly": true
|
|
23589
|
+
},
|
|
23590
|
+
{
|
|
23591
|
+
"kind": "field",
|
|
23592
|
+
"name": "isAllSelected",
|
|
23593
|
+
"readonly": true
|
|
23594
|
+
},
|
|
23595
|
+
{
|
|
23596
|
+
"kind": "field",
|
|
23597
|
+
"name": "isAllOptionsDisabled",
|
|
23598
|
+
"readonly": true
|
|
23599
|
+
},
|
|
23600
|
+
{
|
|
23601
|
+
"kind": "method",
|
|
23602
|
+
"name": "isOptionSelected",
|
|
23706
23603
|
"return": {
|
|
23707
23604
|
"type": {
|
|
23708
|
-
"text": "
|
|
23605
|
+
"text": "boolean"
|
|
23709
23606
|
}
|
|
23710
23607
|
},
|
|
23711
23608
|
"parameters": [
|
|
23712
23609
|
{
|
|
23713
|
-
"name": "
|
|
23610
|
+
"name": "normalizedOption",
|
|
23714
23611
|
"type": {
|
|
23715
|
-
"text": "
|
|
23612
|
+
"text": "MultiselectOption"
|
|
23613
|
+
}
|
|
23614
|
+
}
|
|
23615
|
+
]
|
|
23616
|
+
},
|
|
23617
|
+
{
|
|
23618
|
+
"kind": "method",
|
|
23619
|
+
"name": "selectCheckboxOne",
|
|
23620
|
+
"parameters": [
|
|
23621
|
+
{
|
|
23622
|
+
"name": "normalizedOption",
|
|
23623
|
+
"type": {
|
|
23624
|
+
"text": "MultiselectOption"
|
|
23625
|
+
}
|
|
23626
|
+
}
|
|
23627
|
+
]
|
|
23628
|
+
},
|
|
23629
|
+
{
|
|
23630
|
+
"kind": "method",
|
|
23631
|
+
"name": "getEnabledOptionsCount"
|
|
23632
|
+
},
|
|
23633
|
+
{
|
|
23634
|
+
"kind": "method",
|
|
23635
|
+
"name": "selectCheckboxAll"
|
|
23636
|
+
},
|
|
23637
|
+
{
|
|
23638
|
+
"kind": "method",
|
|
23639
|
+
"name": "inputHandler"
|
|
23640
|
+
},
|
|
23641
|
+
{
|
|
23642
|
+
"kind": "method",
|
|
23643
|
+
"name": "setFilter"
|
|
23644
|
+
},
|
|
23645
|
+
{
|
|
23646
|
+
"kind": "method",
|
|
23647
|
+
"name": "asyncSetFilter"
|
|
23648
|
+
},
|
|
23649
|
+
{
|
|
23650
|
+
"kind": "method",
|
|
23651
|
+
"name": "changeHandler",
|
|
23652
|
+
"parameters": [
|
|
23653
|
+
{
|
|
23654
|
+
"name": "event",
|
|
23655
|
+
"type": {
|
|
23656
|
+
"text": "Event"
|
|
23657
|
+
}
|
|
23658
|
+
}
|
|
23659
|
+
]
|
|
23660
|
+
},
|
|
23661
|
+
{
|
|
23662
|
+
"kind": "method",
|
|
23663
|
+
"name": "handleClickOutside",
|
|
23664
|
+
"privacy": "private",
|
|
23665
|
+
"parameters": [
|
|
23666
|
+
{
|
|
23667
|
+
"name": "event",
|
|
23668
|
+
"type": {
|
|
23669
|
+
"text": "MouseEvent"
|
|
23716
23670
|
}
|
|
23717
23671
|
}
|
|
23718
23672
|
]
|
|
@@ -23831,57 +23785,103 @@
|
|
|
23831
23785
|
],
|
|
23832
23786
|
"attributes": [
|
|
23833
23787
|
{
|
|
23834
|
-
"name": "
|
|
23835
|
-
"
|
|
23836
|
-
|
|
23788
|
+
"name": "name",
|
|
23789
|
+
"type": {
|
|
23790
|
+
"text": "string"
|
|
23791
|
+
},
|
|
23792
|
+
"default": "''",
|
|
23793
|
+
"fieldName": "name"
|
|
23794
|
+
},
|
|
23795
|
+
{
|
|
23796
|
+
"type": {
|
|
23797
|
+
"text": "boolean"
|
|
23798
|
+
},
|
|
23799
|
+
"default": "true",
|
|
23800
|
+
"fieldName": "all"
|
|
23801
|
+
},
|
|
23802
|
+
{
|
|
23803
|
+
"type": {
|
|
23804
|
+
"text": "boolean"
|
|
23805
|
+
},
|
|
23806
|
+
"default": "false",
|
|
23807
|
+
"fieldName": "allSelected"
|
|
23808
|
+
},
|
|
23809
|
+
{
|
|
23810
|
+
"type": {
|
|
23811
|
+
"text": "boolean"
|
|
23812
|
+
},
|
|
23813
|
+
"default": "true",
|
|
23814
|
+
"fieldName": "search"
|
|
23815
|
+
},
|
|
23816
|
+
{
|
|
23817
|
+
"type": {
|
|
23818
|
+
"text": "boolean"
|
|
23819
|
+
},
|
|
23820
|
+
"default": "false",
|
|
23821
|
+
"fieldName": "disabled"
|
|
23837
23822
|
},
|
|
23838
23823
|
{
|
|
23839
|
-
"
|
|
23824
|
+
"type": {
|
|
23825
|
+
"text": "boolean"
|
|
23826
|
+
},
|
|
23827
|
+
"default": "false",
|
|
23828
|
+
"fieldName": "async"
|
|
23829
|
+
},
|
|
23830
|
+
{
|
|
23831
|
+
"name": "debounce",
|
|
23840
23832
|
"type": {
|
|
23841
23833
|
"text": "number"
|
|
23842
23834
|
},
|
|
23843
|
-
"default": "
|
|
23844
|
-
"
|
|
23845
|
-
|
|
23835
|
+
"default": "DEBOUNCE_TIME",
|
|
23836
|
+
"resolveInitializer": {
|
|
23837
|
+
"module": "src/multiselect/multiselect.ts"
|
|
23838
|
+
},
|
|
23839
|
+
"fieldName": "debounce"
|
|
23846
23840
|
}
|
|
23847
23841
|
],
|
|
23848
23842
|
"superclass": {
|
|
23849
23843
|
"name": "FoundationElement",
|
|
23850
23844
|
"package": "@microsoft/fast-foundation"
|
|
23851
23845
|
},
|
|
23852
|
-
"tagName": "%%prefix%%-
|
|
23846
|
+
"tagName": "%%prefix%%-multiselect",
|
|
23853
23847
|
"customElement": true
|
|
23854
23848
|
},
|
|
23855
23849
|
{
|
|
23856
23850
|
"kind": "variable",
|
|
23857
|
-
"name": "
|
|
23858
|
-
"description": "The Foundation Notification Listener",
|
|
23859
|
-
"privacy": "public"
|
|
23851
|
+
"name": "foundationMultiselect"
|
|
23860
23852
|
}
|
|
23861
23853
|
],
|
|
23862
23854
|
"exports": [
|
|
23863
23855
|
{
|
|
23864
23856
|
"kind": "js",
|
|
23865
|
-
"name": "
|
|
23857
|
+
"name": "foundationMultiselectShadowOptions",
|
|
23866
23858
|
"declaration": {
|
|
23867
|
-
"name": "
|
|
23868
|
-
"module": "src/
|
|
23859
|
+
"name": "foundationMultiselectShadowOptions",
|
|
23860
|
+
"module": "src/multiselect/multiselect.ts"
|
|
23869
23861
|
}
|
|
23870
23862
|
},
|
|
23871
23863
|
{
|
|
23872
23864
|
"kind": "js",
|
|
23873
|
-
"name": "
|
|
23865
|
+
"name": "defaultMultiselectConfig",
|
|
23874
23866
|
"declaration": {
|
|
23875
|
-
"name": "
|
|
23876
|
-
"module": "src/
|
|
23867
|
+
"name": "defaultMultiselectConfig",
|
|
23868
|
+
"module": "src/multiselect/multiselect.ts"
|
|
23877
23869
|
}
|
|
23878
23870
|
},
|
|
23879
23871
|
{
|
|
23880
23872
|
"kind": "js",
|
|
23881
|
-
"name": "
|
|
23873
|
+
"name": "Multiselect",
|
|
23882
23874
|
"declaration": {
|
|
23883
|
-
"name": "
|
|
23884
|
-
"module": "src/
|
|
23875
|
+
"name": "Multiselect",
|
|
23876
|
+
"module": "src/multiselect/multiselect.ts"
|
|
23877
|
+
}
|
|
23878
|
+
},
|
|
23879
|
+
{
|
|
23880
|
+
"kind": "js",
|
|
23881
|
+
"name": "foundationMultiselect",
|
|
23882
|
+
"declaration": {
|
|
23883
|
+
"name": "foundationMultiselect",
|
|
23884
|
+
"module": "src/multiselect/multiselect.ts"
|
|
23885
23885
|
}
|
|
23886
23886
|
}
|
|
23887
23887
|
]
|