@genesislcap/foundation-ui 14.174.0 → 14.176.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.
@@ -862,6 +862,37 @@
862
862
  }
863
863
  ]
864
864
  },
865
+ {
866
+ "kind": "javascript-module",
867
+ "path": "src/_config/index.ts",
868
+ "declarations": [],
869
+ "exports": [
870
+ {
871
+ "kind": "js",
872
+ "name": "*",
873
+ "declaration": {
874
+ "name": "*",
875
+ "package": "./styles"
876
+ }
877
+ },
878
+ {
879
+ "kind": "js",
880
+ "name": "*",
881
+ "declaration": {
882
+ "name": "*",
883
+ "package": "./tokens"
884
+ }
885
+ },
886
+ {
887
+ "kind": "js",
888
+ "name": "*",
889
+ "declaration": {
890
+ "name": "*",
891
+ "package": "./values"
892
+ }
893
+ }
894
+ ]
895
+ },
865
896
  {
866
897
  "kind": "javascript-module",
867
898
  "path": "src/accordion/accordion.styles.ts",
@@ -1044,37 +1075,6 @@
1044
1075
  }
1045
1076
  ]
1046
1077
  },
1047
- {
1048
- "kind": "javascript-module",
1049
- "path": "src/_config/index.ts",
1050
- "declarations": [],
1051
- "exports": [
1052
- {
1053
- "kind": "js",
1054
- "name": "*",
1055
- "declaration": {
1056
- "name": "*",
1057
- "package": "./styles"
1058
- }
1059
- },
1060
- {
1061
- "kind": "js",
1062
- "name": "*",
1063
- "declaration": {
1064
- "name": "*",
1065
- "package": "./tokens"
1066
- }
1067
- },
1068
- {
1069
- "kind": "js",
1070
- "name": "*",
1071
- "declaration": {
1072
- "name": "*",
1073
- "package": "./values"
1074
- }
1075
- }
1076
- ]
1077
- },
1078
1078
  {
1079
1079
  "kind": "javascript-module",
1080
1080
  "path": "src/accordion-item/accordion-item.styles.ts",
@@ -7947,197 +7947,390 @@
7947
7947
  },
7948
7948
  {
7949
7949
  "kind": "javascript-module",
7950
- "path": "src/checkbox/checkbox.styles.ts",
7950
+ "path": "src/categorized-multiselect/categorized-multiselect.styles.ts",
7951
7951
  "declarations": [
7952
7952
  {
7953
- "kind": "function",
7954
- "name": "foundationCheckboxStyles",
7955
- "return": {
7956
- "type": {
7957
- "text": "ElementStyles"
7958
- }
7953
+ "kind": "variable",
7954
+ "name": "optionsMaxheight",
7955
+ "type": {
7956
+ "text": "number"
7959
7957
  },
7960
- "parameters": [
7961
- {
7962
- "name": "context",
7963
- "type": {
7964
- "text": "ElementDefinitionContext"
7965
- }
7966
- },
7967
- {
7968
- "name": "definition",
7969
- "type": {
7970
- "text": "CheckboxOptions"
7971
- }
7972
- }
7973
- ]
7958
+ "default": "450"
7959
+ },
7960
+ {
7961
+ "kind": "variable",
7962
+ "name": "categorizedMultiselectStyles",
7963
+ "default": "css`\n .root {\n position: relative;\n width: 100%;\n min-width: 250px;\n }\n\n .control-button {\n display: flex;\n justify-content: center;\n min-width: 31px;\n width: 31px;\n height: 31px;\n margin-left: calc(var(--design-unit) * 2px);\n color: var(--neutral-foreground-hint);\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n justify-content: end;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\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 font-weight: 700;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n .label-hidden {\n display: none;\n }\n\n .control:hover .control-button,\n .control:hover .label {\n color: var(--neutral-foreground-rest);\n }\n\n button {\n pointer-events: none;\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 padding: calc((var(--design-unit) + 3) * 2px) calc((var(--design-unit) + 3) * 1px);\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 span {\n border-bottom: calc(var(--stroke-width) * 1px) solid;\n border-color: color-mix(in srgb, var(--neutral-fill-rest), transparent 50%);\n padding: calc((var(--design-unit) + 2) * 2px) calc((var(--design-unit) + 3) * 1px);\n font-size: calc((var(--type-ramp-base-font-size) - 1px));\n color: var(--neutral-foreground-hint);\n }\n\n .multiselect-checkbox {\n min-width: fit-content;\n flex-direction: row-reverse;\n justify-content: space-between;\n align-items: flex-start;\n border-bottom: 1px solid;\n border-color: color-mix(in srgb, var(--neutral-fill-rest), transparent 50%);\n padding: calc((var(--design-unit) + 3) * 1px) calc((var(--design-unit) + 3) * 1px)\n calc((var(--design-unit) + 3) * 1px) 0;\n margin: 0;\n }\n\n .multiselect-checkbox:hover {\n background-color: rgb(45 47 51);\n cursor: pointer;\n }\n\n .multiselect-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n }\n\n .multiselect-checkbox::part(control) {\n min-width: calc(\n (\n (var(--base-height-multiplier) + var(--density)) * var(--design-unit) / 2 +\n var(--design-unit)\n ) * 1px\n );\n }\n\n .checkbox-container .multiselect-checkbox[disabled] {\n cursor: not-allowed;\n }\n\n .description {\n text-wrap: wrap;\n font-size: calc((var(--type-ramp-base-font-size) - 1px));\n margin: calc((var(--design-unit) + 3) * 1px) 0;\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: ${optionsMaxheight.toString()}px;\n }\n`"
7974
7964
  }
7975
7965
  ],
7976
7966
  "exports": [
7977
7967
  {
7978
7968
  "kind": "js",
7979
- "name": "foundationCheckboxStyles",
7969
+ "name": "optionsMaxheight",
7980
7970
  "declaration": {
7981
- "name": "foundationCheckboxStyles",
7982
- "module": "src/checkbox/checkbox.styles.ts"
7971
+ "name": "optionsMaxheight",
7972
+ "module": "src/categorized-multiselect/categorized-multiselect.styles.ts"
7973
+ }
7974
+ },
7975
+ {
7976
+ "kind": "js",
7977
+ "name": "categorizedMultiselectStyles",
7978
+ "declaration": {
7979
+ "name": "categorizedMultiselectStyles",
7980
+ "module": "src/categorized-multiselect/categorized-multiselect.styles.ts"
7983
7981
  }
7984
7982
  }
7985
7983
  ]
7986
7984
  },
7987
7985
  {
7988
7986
  "kind": "javascript-module",
7989
- "path": "src/checkbox/checkbox.template.ts",
7987
+ "path": "src/categorized-multiselect/categorized-multiselect.template.ts",
7990
7988
  "declarations": [
7991
7989
  {
7992
7990
  "kind": "function",
7993
- "name": "foundationCheckboxTemplate",
7994
- "return": {
7995
- "type": {
7996
- "text": "ViewTemplate<Checkbox>"
7997
- }
7998
- },
7991
+ "name": "getPrefixedCategorizedMultiselect",
7999
7992
  "parameters": [
8000
7993
  {
8001
- "name": "context",
8002
- "type": {
8003
- "text": "ElementDefinitionContext"
8004
- }
8005
- },
8006
- {
8007
- "name": "definition",
7994
+ "name": "prefix",
7995
+ "default": "'foundation'",
8008
7996
  "type": {
8009
- "text": "CheckboxOptions"
7997
+ "text": "string"
8010
7998
  }
8011
7999
  }
8012
8000
  ]
8001
+ },
8002
+ {
8003
+ "kind": "variable",
8004
+ "name": "categorizedMultiselectTemplate",
8005
+ "default": "html<CategorizedMultiselect>`\n ${getPrefixedCategorizedMultiselect()}\n`"
8013
8006
  }
8014
8007
  ],
8015
8008
  "exports": [
8016
8009
  {
8017
8010
  "kind": "js",
8018
- "name": "foundationCheckboxTemplate",
8011
+ "name": "getPrefixedCategorizedMultiselect",
8019
8012
  "declaration": {
8020
- "name": "foundationCheckboxTemplate",
8021
- "module": "src/checkbox/checkbox.template.ts"
8013
+ "name": "getPrefixedCategorizedMultiselect",
8014
+ "module": "src/categorized-multiselect/categorized-multiselect.template.ts"
8015
+ }
8016
+ },
8017
+ {
8018
+ "kind": "js",
8019
+ "name": "categorizedMultiselectTemplate",
8020
+ "declaration": {
8021
+ "name": "categorizedMultiselectTemplate",
8022
+ "module": "src/categorized-multiselect/categorized-multiselect.template.ts"
8022
8023
  }
8023
8024
  }
8024
8025
  ]
8025
8026
  },
8026
8027
  {
8027
8028
  "kind": "javascript-module",
8028
- "path": "src/checkbox/checkbox.ts",
8029
+ "path": "src/categorized-multiselect/categorized-multiselect.ts",
8029
8030
  "declarations": [
8031
+ {
8032
+ "kind": "variable",
8033
+ "name": "foundationCategorizedMultiselectShadowOptions",
8034
+ "type": {
8035
+ "text": "ShadowRootInit"
8036
+ },
8037
+ "default": "undefined"
8038
+ },
8039
+ {
8040
+ "kind": "variable",
8041
+ "name": "defaultCategorizedMultiselectConfig",
8042
+ "type": {
8043
+ "text": "object"
8044
+ },
8045
+ "default": "{}"
8046
+ },
8030
8047
  {
8031
8048
  "kind": "class",
8032
8049
  "description": "",
8033
- "name": "Checkbox",
8034
- "superclass": {
8035
- "name": "FASTCheckbox",
8036
- "package": "@microsoft/fast-components"
8037
- },
8038
- "tagName": "%%prefix%%-checkbox",
8039
- "customElement": true,
8040
- "attributes": [
8050
+ "name": "CategorizedMultiselect",
8051
+ "members": [
8041
8052
  {
8042
- "name": "readonly",
8053
+ "kind": "field",
8054
+ "name": "name",
8043
8055
  "type": {
8044
- "text": "boolean"
8056
+ "text": "string"
8045
8057
  },
8046
- "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
8047
- "fieldName": "readOnly",
8048
- "inheritedFrom": {
8049
- "name": "Checkbox",
8050
- "module": "src/checkbox/checkbox.ts"
8051
- }
8052
- }
8053
- ],
8054
- "members": [
8058
+ "default": "''"
8059
+ },
8055
8060
  {
8056
8061
  "kind": "field",
8057
- "name": "readOnly",
8062
+ "name": "autoPosition",
8058
8063
  "type": {
8059
8064
  "text": "boolean"
8060
8065
  },
8061
- "privacy": "public",
8062
- "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
8063
- "inheritedFrom": {
8064
- "name": "Checkbox",
8065
- "module": "src/checkbox/checkbox.ts"
8066
- }
8066
+ "default": "true"
8067
8067
  },
8068
8068
  {
8069
- "kind": "method",
8070
- "name": "readOnlyChanged",
8071
- "privacy": "private",
8072
- "return": {
8073
- "type": {
8074
- "text": "void"
8075
- }
8069
+ "kind": "field",
8070
+ "name": "search",
8071
+ "type": {
8072
+ "text": "boolean"
8076
8073
  },
8077
- "inheritedFrom": {
8078
- "name": "Checkbox",
8079
- "module": "src/checkbox/checkbox.ts"
8080
- }
8074
+ "default": "true"
8081
8075
  },
8082
8076
  {
8083
8077
  "kind": "field",
8084
- "name": "indeterminate",
8078
+ "name": "disabled",
8085
8079
  "type": {
8086
8080
  "text": "boolean"
8087
8081
  },
8088
- "privacy": "public",
8089
- "default": "false",
8090
- "description": "The indeterminate state of the control",
8091
- "inheritedFrom": {
8092
- "name": "Checkbox",
8093
- "module": "src/checkbox/checkbox.ts"
8094
- }
8082
+ "default": "false"
8095
8083
  },
8096
8084
  {
8097
8085
  "kind": "field",
8098
- "name": "proxy",
8099
- "inheritedFrom": {
8100
- "name": "Checkbox",
8101
- "module": "src/checkbox/checkbox.ts"
8086
+ "name": "defaultSlottedNodes",
8087
+ "type": {
8088
+ "text": "Node[]"
8102
8089
  }
8103
8090
  },
8104
8091
  {
8105
8092
  "kind": "field",
8106
- "name": "_presentation",
8107
- "type": {
8108
- "text": "ComponentPresentation | null | undefined"
8109
- },
8110
- "privacy": "private",
8111
- "default": "void 0",
8112
- "inheritedFrom": {
8113
- "name": "Checkbox",
8114
- "module": "src/checkbox/checkbox.ts"
8115
- }
8093
+ "name": "valueFormatter"
8116
8094
  },
8117
8095
  {
8118
8096
  "kind": "field",
8119
- "name": "$presentation",
8097
+ "name": "filterSearchValue",
8120
8098
  "type": {
8121
- "text": "ComponentPresentation | null"
8122
- },
8123
- "privacy": "public",
8124
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
8125
- "inheritedFrom": {
8126
- "name": "Checkbox",
8127
- "module": "src/checkbox/checkbox.ts"
8099
+ "text": "string"
8128
8100
  }
8129
8101
  },
8130
8102
  {
8131
8103
  "kind": "field",
8132
- "name": "template",
8133
- "type": {
8104
+ "name": "clickOutside",
8105
+ "privacy": "private"
8106
+ },
8107
+ {
8108
+ "kind": "field",
8109
+ "name": "open",
8110
+ "type": {
8111
+ "text": "boolean"
8112
+ },
8113
+ "default": "false"
8114
+ },
8115
+ {
8116
+ "kind": "method",
8117
+ "name": "openChanged",
8118
+ "parameters": [
8119
+ {
8120
+ "name": "previous",
8121
+ "type": {
8122
+ "text": "boolean"
8123
+ }
8124
+ },
8125
+ {
8126
+ "name": "open",
8127
+ "type": {
8128
+ "text": "boolean"
8129
+ }
8130
+ }
8131
+ ]
8132
+ },
8133
+ {
8134
+ "kind": "field",
8135
+ "name": "options",
8136
+ "type": {
8137
+ "text": "CategorizedMultiselectOption[]"
8138
+ },
8139
+ "default": "[]"
8140
+ },
8141
+ {
8142
+ "kind": "field",
8143
+ "name": "selectedOptions",
8144
+ "type": {
8145
+ "text": "string[]"
8146
+ },
8147
+ "default": "[]"
8148
+ },
8149
+ {
8150
+ "kind": "field",
8151
+ "name": "filteredAvailableOptions",
8152
+ "type": {
8153
+ "text": "CategorizedMultiselectFilteredOption[]"
8154
+ }
8155
+ },
8156
+ {
8157
+ "kind": "field",
8158
+ "name": "position",
8159
+ "type": {
8160
+ "text": "Position"
8161
+ },
8162
+ "description": "Controls the positioning of the multiselect dropdown. Accepts the following values:\n- Position.ABOVE: Forces the dropdown to always open above the input field.\n- Position.BELOW: Forces the dropdown to always open below the input field."
8163
+ },
8164
+ {
8165
+ "kind": "field",
8166
+ "name": "optionsElement",
8167
+ "type": {
8168
+ "text": "HTMLElement"
8169
+ }
8170
+ },
8171
+ {
8172
+ "kind": "method",
8173
+ "name": "toggle"
8174
+ },
8175
+ {
8176
+ "kind": "method",
8177
+ "name": "sortFilteredOptions",
8178
+ "parameters": [
8179
+ {
8180
+ "name": "options",
8181
+ "optional": true,
8182
+ "type": {
8183
+ "text": "CategorizedMultiselectOption[]"
8184
+ }
8185
+ }
8186
+ ]
8187
+ },
8188
+ {
8189
+ "kind": "method",
8190
+ "name": "optionsChanged"
8191
+ },
8192
+ {
8193
+ "kind": "method",
8194
+ "name": "setDropdownPosition",
8195
+ "privacy": "private",
8196
+ "description": "Sets the dropdown position based on the current configuration."
8197
+ },
8198
+ {
8199
+ "kind": "method",
8200
+ "name": "optionGetter",
8201
+ "parameters": [
8202
+ {
8203
+ "name": "option",
8204
+ "type": {
8205
+ "text": "CategorizedMultiselectOption"
8206
+ }
8207
+ }
8208
+ ]
8209
+ },
8210
+ {
8211
+ "kind": "method",
8212
+ "name": "getItemLabel",
8213
+ "parameters": [
8214
+ {
8215
+ "name": "option",
8216
+ "type": {
8217
+ "text": "CategorizedMultiselectOption"
8218
+ }
8219
+ }
8220
+ ]
8221
+ },
8222
+ {
8223
+ "kind": "method",
8224
+ "name": "isOptionDisabled",
8225
+ "parameters": [
8226
+ {
8227
+ "name": "option",
8228
+ "type": {
8229
+ "text": "CategorizedMultiselectOption"
8230
+ }
8231
+ }
8232
+ ]
8233
+ },
8234
+ {
8235
+ "kind": "field",
8236
+ "name": "getPlaceholder",
8237
+ "readonly": true
8238
+ },
8239
+ {
8240
+ "kind": "method",
8241
+ "name": "isOptionSelected",
8242
+ "return": {
8243
+ "type": {
8244
+ "text": "boolean"
8245
+ }
8246
+ },
8247
+ "parameters": [
8248
+ {
8249
+ "name": "normalizedOption",
8250
+ "type": {
8251
+ "text": "CategorizedMultiselectOption"
8252
+ }
8253
+ }
8254
+ ]
8255
+ },
8256
+ {
8257
+ "kind": "method",
8258
+ "name": "selectCheckboxOne",
8259
+ "parameters": [
8260
+ {
8261
+ "name": "normalizedOption",
8262
+ "type": {
8263
+ "text": "CategorizedMultiselectOption"
8264
+ }
8265
+ }
8266
+ ]
8267
+ },
8268
+ {
8269
+ "kind": "method",
8270
+ "name": "setFilter"
8271
+ },
8272
+ {
8273
+ "kind": "method",
8274
+ "name": "changeHandler",
8275
+ "parameters": [
8276
+ {
8277
+ "name": "event",
8278
+ "type": {
8279
+ "text": "Event"
8280
+ }
8281
+ }
8282
+ ]
8283
+ },
8284
+ {
8285
+ "kind": "method",
8286
+ "name": "handleClickOutside",
8287
+ "privacy": "private",
8288
+ "parameters": [
8289
+ {
8290
+ "name": "event",
8291
+ "type": {
8292
+ "text": "MouseEvent"
8293
+ }
8294
+ }
8295
+ ]
8296
+ },
8297
+ {
8298
+ "kind": "field",
8299
+ "name": "_presentation",
8300
+ "type": {
8301
+ "text": "ComponentPresentation | null | undefined"
8302
+ },
8303
+ "privacy": "private",
8304
+ "default": "void 0",
8305
+ "inheritedFrom": {
8306
+ "name": "FoundationElement",
8307
+ "module": "src/foundation-element/foundation-element.ts"
8308
+ }
8309
+ },
8310
+ {
8311
+ "kind": "field",
8312
+ "name": "$presentation",
8313
+ "type": {
8314
+ "text": "ComponentPresentation | null"
8315
+ },
8316
+ "privacy": "public",
8317
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
8318
+ "inheritedFrom": {
8319
+ "name": "FoundationElement",
8320
+ "module": "src/foundation-element/foundation-element.ts"
8321
+ }
8322
+ },
8323
+ {
8324
+ "kind": "field",
8325
+ "name": "template",
8326
+ "type": {
8134
8327
  "text": "ElementViewTemplate | void | null"
8135
8328
  },
8136
8329
  "privacy": "public",
8137
8330
  "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.",
8138
8331
  "inheritedFrom": {
8139
- "name": "Checkbox",
8140
- "module": "src/checkbox/checkbox.ts"
8332
+ "name": "FoundationElement",
8333
+ "module": "src/foundation-element/foundation-element.ts"
8141
8334
  }
8142
8335
  },
8143
8336
  {
@@ -8150,8 +8343,8 @@
8150
8343
  }
8151
8344
  },
8152
8345
  "inheritedFrom": {
8153
- "name": "Checkbox",
8154
- "module": "src/checkbox/checkbox.ts"
8346
+ "name": "FoundationElement",
8347
+ "module": "src/foundation-element/foundation-element.ts"
8155
8348
  }
8156
8349
  },
8157
8350
  {
@@ -8163,8 +8356,8 @@
8163
8356
  "privacy": "public",
8164
8357
  "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.",
8165
8358
  "inheritedFrom": {
8166
- "name": "Checkbox",
8167
- "module": "src/checkbox/checkbox.ts"
8359
+ "name": "FoundationElement",
8360
+ "module": "src/foundation-element/foundation-element.ts"
8168
8361
  }
8169
8362
  },
8170
8363
  {
@@ -8177,8 +8370,8 @@
8177
8370
  }
8178
8371
  },
8179
8372
  "inheritedFrom": {
8180
- "name": "Checkbox",
8181
- "module": "src/checkbox/checkbox.ts"
8373
+ "name": "FoundationElement",
8374
+ "module": "src/foundation-element/foundation-element.ts"
8182
8375
  }
8183
8376
  },
8184
8377
  {
@@ -8208,83 +8401,93 @@
8208
8401
  ],
8209
8402
  "description": "Defines an element registry function with a set of element definition defaults.",
8210
8403
  "inheritedFrom": {
8211
- "name": "Checkbox",
8212
- "module": "src/checkbox/checkbox.ts"
8404
+ "name": "FoundationElement",
8405
+ "module": "src/foundation-element/foundation-element.ts"
8213
8406
  }
8214
8407
  }
8215
8408
  ],
8216
- "events": [
8409
+ "attributes": [
8217
8410
  {
8218
- "description": "Emits a custom change event when the checked state changes",
8219
- "name": "change",
8220
- "inheritedFrom": {
8221
- "name": "Checkbox",
8222
- "module": "src/checkbox/checkbox.ts"
8223
- }
8411
+ "name": "name",
8412
+ "type": {
8413
+ "text": "string"
8414
+ },
8415
+ "default": "''",
8416
+ "fieldName": "name"
8417
+ },
8418
+ {
8419
+ "name": "auto-position",
8420
+ "type": {
8421
+ "text": "boolean"
8422
+ },
8423
+ "default": "true",
8424
+ "fieldName": "autoPosition"
8425
+ },
8426
+ {
8427
+ "type": {
8428
+ "text": "boolean"
8429
+ },
8430
+ "default": "true",
8431
+ "fieldName": "search"
8432
+ },
8433
+ {
8434
+ "type": {
8435
+ "text": "boolean"
8436
+ },
8437
+ "default": "false",
8438
+ "fieldName": "disabled"
8224
8439
  }
8225
- ]
8226
- },
8227
- {
8228
- "kind": "variable",
8229
- "name": "foundationCheckboxShadowOptions",
8230
- "type": {
8231
- "text": "ShadowRootInit"
8232
- },
8233
- "default": "undefined"
8234
- },
8235
- {
8236
- "kind": "variable",
8237
- "name": "defaultCheckboxConfig",
8238
- "type": {
8239
- "text": "object"
8440
+ ],
8441
+ "superclass": {
8442
+ "name": "FoundationElement",
8443
+ "package": "@microsoft/fast-foundation"
8240
8444
  },
8241
- "default": "{\n checkedIndicator: `\n <svg\n aria-hidden=\"true\"\n part=\"checked-indicator\"\n class=\"checked-indicator\"\n viewBox=\"0 0 20 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.143 12.6697L15.235 4.5L16.8 5.90363L8.23812 15.7667L3.80005 11.2556L5.27591 9.7555L8.143 12.6697Z\"\n />\n </svg>\n `,\n indeterminateIndicator: `\n <div part=\"indeterminate-indicator\" class=\"indeterminate-indicator\"></div>\n `,\n}"
8445
+ "tagName": "%%prefix%%-categorized-multiselect",
8446
+ "customElement": true
8242
8447
  },
8243
8448
  {
8244
8449
  "kind": "variable",
8245
- "name": "foundationCheckbox",
8246
- "description": "The Foundation Checkbox",
8247
- "privacy": "public"
8450
+ "name": "foundationCategorizedMultiselect"
8248
8451
  }
8249
8452
  ],
8250
8453
  "exports": [
8251
8454
  {
8252
8455
  "kind": "js",
8253
- "name": "Checkbox",
8456
+ "name": "foundationCategorizedMultiselectShadowOptions",
8254
8457
  "declaration": {
8255
- "name": "Checkbox",
8256
- "module": "src/checkbox/checkbox.ts"
8458
+ "name": "foundationCategorizedMultiselectShadowOptions",
8459
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8257
8460
  }
8258
8461
  },
8259
8462
  {
8260
8463
  "kind": "js",
8261
- "name": "foundationCheckboxShadowOptions",
8464
+ "name": "defaultCategorizedMultiselectConfig",
8262
8465
  "declaration": {
8263
- "name": "foundationCheckboxShadowOptions",
8264
- "module": "src/checkbox/checkbox.ts"
8466
+ "name": "defaultCategorizedMultiselectConfig",
8467
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8265
8468
  }
8266
8469
  },
8267
8470
  {
8268
8471
  "kind": "js",
8269
- "name": "defaultCheckboxConfig",
8472
+ "name": "CategorizedMultiselect",
8270
8473
  "declaration": {
8271
- "name": "defaultCheckboxConfig",
8272
- "module": "src/checkbox/checkbox.ts"
8474
+ "name": "CategorizedMultiselect",
8475
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8273
8476
  }
8274
8477
  },
8275
8478
  {
8276
8479
  "kind": "js",
8277
- "name": "foundationCheckbox",
8480
+ "name": "foundationCategorizedMultiselect",
8278
8481
  "declaration": {
8279
- "name": "foundationCheckbox",
8280
- "module": "src/checkbox/checkbox.ts"
8482
+ "name": "foundationCategorizedMultiselect",
8483
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8281
8484
  }
8282
8485
  }
8283
8486
  ]
8284
8487
  },
8285
8488
  {
8286
8489
  "kind": "javascript-module",
8287
- "path": "src/checkbox/index.ts",
8490
+ "path": "src/categorized-multiselect/index.ts",
8288
8491
  "declarations": [],
8289
8492
  "exports": [
8290
8493
  {
@@ -8292,7 +8495,7 @@
8292
8495
  "name": "*",
8293
8496
  "declaration": {
8294
8497
  "name": "*",
8295
- "package": "./checkbox.template"
8498
+ "package": "./categorized-multiselect"
8296
8499
  }
8297
8500
  },
8298
8501
  {
@@ -8300,7 +8503,7 @@
8300
8503
  "name": "*",
8301
8504
  "declaration": {
8302
8505
  "name": "*",
8303
- "package": "./checkbox.styles"
8506
+ "package": "./categorized-multiselect.styles"
8304
8507
  }
8305
8508
  },
8306
8509
  {
@@ -8308,18 +8511,18 @@
8308
8511
  "name": "*",
8309
8512
  "declaration": {
8310
8513
  "name": "*",
8311
- "package": "./checkbox"
8514
+ "package": "./categorized-multiselect.template"
8312
8515
  }
8313
8516
  }
8314
8517
  ]
8315
8518
  },
8316
8519
  {
8317
8520
  "kind": "javascript-module",
8318
- "path": "src/combobox/combobox.styles.ts",
8521
+ "path": "src/checkbox/checkbox.styles.ts",
8319
8522
  "declarations": [
8320
8523
  {
8321
8524
  "kind": "function",
8322
- "name": "foundationComboboxStyles",
8525
+ "name": "foundationCheckboxStyles",
8323
8526
  "return": {
8324
8527
  "type": {
8325
8528
  "text": "ElementStyles"
@@ -8335,7 +8538,7 @@
8335
8538
  {
8336
8539
  "name": "definition",
8337
8540
  "type": {
8338
- "text": "FoundationElementDefinition"
8541
+ "text": "CheckboxOptions"
8339
8542
  }
8340
8543
  }
8341
8544
  ]
@@ -8344,24 +8547,24 @@
8344
8547
  "exports": [
8345
8548
  {
8346
8549
  "kind": "js",
8347
- "name": "foundationComboboxStyles",
8550
+ "name": "foundationCheckboxStyles",
8348
8551
  "declaration": {
8349
- "name": "foundationComboboxStyles",
8350
- "module": "src/combobox/combobox.styles.ts"
8552
+ "name": "foundationCheckboxStyles",
8553
+ "module": "src/checkbox/checkbox.styles.ts"
8351
8554
  }
8352
8555
  }
8353
8556
  ]
8354
8557
  },
8355
8558
  {
8356
8559
  "kind": "javascript-module",
8357
- "path": "src/combobox/combobox.template.ts",
8560
+ "path": "src/checkbox/checkbox.template.ts",
8358
8561
  "declarations": [
8359
8562
  {
8360
8563
  "kind": "function",
8361
- "name": "foundationComboboxTemplate",
8564
+ "name": "foundationCheckboxTemplate",
8362
8565
  "return": {
8363
8566
  "type": {
8364
- "text": "ViewTemplate<Combobox>"
8567
+ "text": "ViewTemplate<Checkbox>"
8365
8568
  }
8366
8569
  },
8367
8570
  "parameters": [
@@ -8374,7 +8577,7 @@
8374
8577
  {
8375
8578
  "name": "definition",
8376
8579
  "type": {
8377
- "text": "ComboboxOptions"
8580
+ "text": "CheckboxOptions"
8378
8581
  }
8379
8582
  }
8380
8583
  ]
@@ -8383,356 +8586,276 @@
8383
8586
  "exports": [
8384
8587
  {
8385
8588
  "kind": "js",
8386
- "name": "foundationComboboxTemplate",
8589
+ "name": "foundationCheckboxTemplate",
8387
8590
  "declaration": {
8388
- "name": "foundationComboboxTemplate",
8389
- "module": "src/combobox/combobox.template.ts"
8591
+ "name": "foundationCheckboxTemplate",
8592
+ "module": "src/checkbox/checkbox.template.ts"
8390
8593
  }
8391
8594
  }
8392
8595
  ]
8393
8596
  },
8394
8597
  {
8395
8598
  "kind": "javascript-module",
8396
- "path": "src/combobox/combobox.ts",
8599
+ "path": "src/checkbox/checkbox.ts",
8397
8600
  "declarations": [
8398
8601
  {
8399
8602
  "kind": "class",
8400
8603
  "description": "",
8401
- "name": "Combobox",
8402
- "members": [
8403
- {
8404
- "kind": "field",
8405
- "name": "_ourValue",
8406
- "type": {
8407
- "text": "string"
8408
- },
8409
- "privacy": "private"
8410
- },
8411
- {
8412
- "kind": "field",
8413
- "name": "#indicator",
8414
- "privacy": "private",
8415
- "type": {
8416
- "text": "Element"
8417
- }
8418
- },
8604
+ "name": "Checkbox",
8605
+ "superclass": {
8606
+ "name": "FASTCheckbox",
8607
+ "package": "@microsoft/fast-components"
8608
+ },
8609
+ "tagName": "%%prefix%%-checkbox",
8610
+ "customElement": true,
8611
+ "attributes": [
8419
8612
  {
8420
- "kind": "field",
8421
- "name": "#wasOpenOnEnterDown",
8422
- "privacy": "private",
8613
+ "name": "readonly",
8423
8614
  "type": {
8424
8615
  "text": "boolean"
8425
8616
  },
8426
- "default": "false"
8427
- },
8428
- {
8429
- "kind": "field",
8430
- "name": "slottedDatasource",
8431
- "type": {
8432
- "text": "HTMLSlotElement"
8617
+ "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
8618
+ "fieldName": "readOnly",
8619
+ "inheritedFrom": {
8620
+ "name": "Checkbox",
8621
+ "module": "src/checkbox/checkbox.ts"
8433
8622
  }
8434
- },
8623
+ }
8624
+ ],
8625
+ "members": [
8435
8626
  {
8436
8627
  "kind": "field",
8437
- "name": "async",
8628
+ "name": "readOnly",
8438
8629
  "type": {
8439
8630
  "text": "boolean"
8440
8631
  },
8441
- "default": "false"
8442
- },
8443
- {
8444
- "kind": "field",
8445
- "name": "debounce",
8446
- "type": {
8447
- "text": "number"
8448
- },
8449
- "default": "500"
8632
+ "privacy": "public",
8633
+ "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
8634
+ "inheritedFrom": {
8635
+ "name": "Checkbox",
8636
+ "module": "src/checkbox/checkbox.ts"
8637
+ }
8450
8638
  },
8451
8639
  {
8452
8640
  "kind": "method",
8453
- "name": "debounceChanged",
8454
- "parameters": [
8455
- {
8456
- "name": "oldValue"
8457
- },
8458
- {
8459
- "name": "newValue",
8460
- "type": {
8461
- "text": "number"
8462
- }
8463
- }
8464
- ]
8465
- },
8466
- {
8467
- "kind": "field",
8468
- "name": "debouncedInputHandler"
8641
+ "name": "readOnlyChanged",
8642
+ "privacy": "private",
8643
+ "return": {
8644
+ "type": {
8645
+ "text": "void"
8646
+ }
8647
+ },
8648
+ "inheritedFrom": {
8649
+ "name": "Checkbox",
8650
+ "module": "src/checkbox/checkbox.ts"
8651
+ }
8469
8652
  },
8470
8653
  {
8471
8654
  "kind": "field",
8472
- "name": "caseSensitive",
8655
+ "name": "indeterminate",
8473
8656
  "type": {
8474
8657
  "text": "boolean"
8475
8658
  },
8476
8659
  "privacy": "public",
8477
8660
  "default": "false",
8478
- "description": "Controls whether to perform a case-sensitive search in the list of options"
8661
+ "description": "The indeterminate state of the control",
8662
+ "inheritedFrom": {
8663
+ "name": "Checkbox",
8664
+ "module": "src/checkbox/checkbox.ts"
8665
+ }
8479
8666
  },
8480
8667
  {
8481
8668
  "kind": "field",
8482
- "name": "ignoreInputClick",
8669
+ "name": "proxy",
8670
+ "inheritedFrom": {
8671
+ "name": "Checkbox",
8672
+ "module": "src/checkbox/checkbox.ts"
8673
+ }
8674
+ },
8675
+ {
8676
+ "kind": "field",
8677
+ "name": "_presentation",
8483
8678
  "type": {
8484
- "text": "boolean"
8679
+ "text": "ComponentPresentation | null | undefined"
8485
8680
  },
8486
- "privacy": "public",
8487
- "default": "false",
8488
- "description": "Controls whether to suppress opening the dropdown when the input field is clicked"
8681
+ "privacy": "private",
8682
+ "default": "void 0",
8683
+ "inheritedFrom": {
8684
+ "name": "Checkbox",
8685
+ "module": "src/checkbox/checkbox.ts"
8686
+ }
8489
8687
  },
8490
8688
  {
8491
8689
  "kind": "field",
8492
- "name": "value",
8493
- "privacy": "public"
8690
+ "name": "$presentation",
8691
+ "type": {
8692
+ "text": "ComponentPresentation | null"
8693
+ },
8694
+ "privacy": "public",
8695
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
8696
+ "inheritedFrom": {
8697
+ "name": "Checkbox",
8698
+ "module": "src/checkbox/checkbox.ts"
8699
+ }
8494
8700
  },
8495
8701
  {
8496
- "kind": "method",
8497
- "name": "slottedOptionsChanged",
8498
- "privacy": "public",
8499
- "return": {
8500
- "type": {
8501
- "text": "void"
8502
- }
8702
+ "kind": "field",
8703
+ "name": "template",
8704
+ "type": {
8705
+ "text": "ElementViewTemplate | void | null"
8503
8706
  },
8504
- "parameters": [
8505
- {
8506
- "name": "prev",
8507
- "type": {
8508
- "text": "Element[] | undefined"
8509
- }
8510
- },
8511
- {
8512
- "name": "next",
8513
- "type": {
8514
- "text": "Element[]"
8515
- }
8516
- }
8517
- ]
8707
+ "privacy": "public",
8708
+ "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.",
8709
+ "inheritedFrom": {
8710
+ "name": "Checkbox",
8711
+ "module": "src/checkbox/checkbox.ts"
8712
+ }
8518
8713
  },
8519
8714
  {
8520
8715
  "kind": "method",
8521
- "name": "filterOptions",
8522
- "privacy": "public",
8716
+ "name": "templateChanged",
8717
+ "privacy": "protected",
8523
8718
  "return": {
8524
8719
  "type": {
8525
8720
  "text": "void"
8526
8721
  }
8722
+ },
8723
+ "inheritedFrom": {
8724
+ "name": "Checkbox",
8725
+ "module": "src/checkbox/checkbox.ts"
8527
8726
  }
8528
8727
  },
8529
8728
  {
8530
- "kind": "method",
8531
- "name": "clickHandler",
8532
- "privacy": "public",
8533
- "return": {
8534
- "type": {
8535
- "text": "boolean | void"
8536
- }
8729
+ "kind": "field",
8730
+ "name": "styles",
8731
+ "type": {
8732
+ "text": "ElementStyles | void | null"
8537
8733
  },
8538
- "parameters": [
8539
- {
8540
- "name": "e",
8541
- "type": {
8542
- "text": "MouseEvent"
8543
- }
8544
- }
8545
- ]
8734
+ "privacy": "public",
8735
+ "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.",
8736
+ "inheritedFrom": {
8737
+ "name": "Checkbox",
8738
+ "module": "src/checkbox/checkbox.ts"
8739
+ }
8546
8740
  },
8547
8741
  {
8548
8742
  "kind": "method",
8549
- "name": "keydownHandler",
8550
- "privacy": "public",
8743
+ "name": "stylesChanged",
8744
+ "privacy": "protected",
8551
8745
  "return": {
8552
8746
  "type": {
8553
- "text": "boolean | void"
8747
+ "text": "void"
8554
8748
  }
8555
8749
  },
8556
- "parameters": [
8557
- {
8558
- "name": "e",
8559
- "type": {
8560
- "text": "KeyboardEvent"
8561
- }
8562
- }
8563
- ]
8750
+ "inheritedFrom": {
8751
+ "name": "Checkbox",
8752
+ "module": "src/checkbox/checkbox.ts"
8753
+ }
8564
8754
  },
8565
8755
  {
8566
8756
  "kind": "method",
8567
- "name": "keyupHandler",
8757
+ "name": "compose",
8568
8758
  "privacy": "public",
8759
+ "static": true,
8569
8760
  "return": {
8570
8761
  "type": {
8571
- "text": "boolean | void"
8762
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
8572
8763
  }
8573
8764
  },
8574
8765
  "parameters": [
8575
8766
  {
8576
- "name": "e",
8767
+ "name": "this",
8577
8768
  "type": {
8578
- "text": "KeyboardEvent"
8769
+ "text": "K"
8579
8770
  }
8580
- }
8581
- ]
8582
- },
8583
- {
8584
- "kind": "field",
8585
- "name": "indicator",
8586
- "type": {
8587
- "text": "Element"
8588
- },
8589
- "privacy": "protected",
8590
- "description": "Gets the HTML element for the indicator button",
8591
- "readonly": true
8592
- },
8593
- {
8594
- "kind": "method",
8595
- "name": "selectItemByValue",
8596
- "privacy": "protected",
8597
- "parameters": [
8771
+ },
8598
8772
  {
8599
- "name": "value",
8773
+ "name": "elementDefinition",
8600
8774
  "type": {
8601
- "text": "string"
8775
+ "text": "T"
8602
8776
  },
8603
- "description": "The text value of the item to be selected"
8777
+ "description": "The definition of the element to create the registry\nfunction for."
8604
8778
  }
8605
8779
  ],
8606
- "description": "Selects an item in the dropdown based on its text value"
8607
- },
8608
- {
8609
- "kind": "method",
8610
- "name": "inputHandler",
8611
- "return": {
8612
- "type": {
8613
- "text": "boolean | void"
8614
- }
8615
- },
8616
- "parameters": [
8617
- {
8618
- "name": "e",
8619
- "type": {
8620
- "text": "InputEvent"
8621
- }
8622
- }
8623
- ]
8624
- },
8625
- {
8626
- "kind": "method",
8627
- "name": "asyncSetFilter"
8780
+ "description": "Defines an element registry function with a set of element definition defaults.",
8781
+ "inheritedFrom": {
8782
+ "name": "Checkbox",
8783
+ "module": "src/checkbox/checkbox.ts"
8784
+ }
8628
8785
  }
8629
8786
  ],
8630
- "attributes": [
8631
- {
8632
- "type": {
8633
- "text": "boolean"
8634
- },
8635
- "default": "false",
8636
- "fieldName": "async"
8637
- },
8638
- {
8639
- "name": "debounce",
8640
- "type": {
8641
- "text": "number"
8642
- },
8643
- "default": "DEBOUNCE_TIME",
8644
- "resolveInitializer": {
8645
- "module": "src/combobox/combobox.ts"
8646
- },
8647
- "fieldName": "debounce"
8648
- },
8649
- {
8650
- "name": "case-sensitive",
8651
- "type": {
8652
- "text": "boolean"
8653
- },
8654
- "default": "false",
8655
- "description": "Controls whether to perform a case-sensitive search in the list of options",
8656
- "fieldName": "caseSensitive"
8657
- },
8787
+ "events": [
8658
8788
  {
8659
- "name": "ignore-input-click",
8660
- "type": {
8661
- "text": "boolean"
8662
- },
8663
- "default": "false",
8664
- "description": "Controls whether to suppress opening the dropdown when the input field is clicked",
8665
- "fieldName": "ignoreInputClick"
8789
+ "description": "Emits a custom change event when the checked state changes",
8790
+ "name": "change",
8791
+ "inheritedFrom": {
8792
+ "name": "Checkbox",
8793
+ "module": "src/checkbox/checkbox.ts"
8794
+ }
8666
8795
  }
8667
- ],
8668
- "superclass": {
8669
- "name": "FASTComboBox",
8670
- "package": "@microsoft/fast-components"
8671
- },
8672
- "tagName": "%%prefix%%-combobox",
8673
- "customElement": true
8796
+ ]
8674
8797
  },
8675
8798
  {
8676
8799
  "kind": "variable",
8677
- "name": "foundationComboboxShadowOptions",
8800
+ "name": "foundationCheckboxShadowOptions",
8678
8801
  "type": {
8679
8802
  "text": "ShadowRootInit"
8680
8803
  },
8681
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
8804
+ "default": "undefined"
8682
8805
  },
8683
8806
  {
8684
8807
  "kind": "variable",
8685
- "name": "defaultComboboxConfig",
8808
+ "name": "defaultCheckboxConfig",
8686
8809
  "type": {
8687
8810
  "text": "object"
8688
8811
  },
8689
- "default": "{\n indicator: `\n <svg\n class=\"combo-box-indicator\"\n part=\"combo-box-indicator\"\n viewBox=\"0 0 12 7\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z\"\n />\n </svg>\n `,\n}"
8812
+ "default": "{\n checkedIndicator: `\n <svg\n aria-hidden=\"true\"\n part=\"checked-indicator\"\n class=\"checked-indicator\"\n viewBox=\"0 0 20 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.143 12.6697L15.235 4.5L16.8 5.90363L8.23812 15.7667L3.80005 11.2556L5.27591 9.7555L8.143 12.6697Z\"\n />\n </svg>\n `,\n indeterminateIndicator: `\n <div part=\"indeterminate-indicator\" class=\"indeterminate-indicator\"></div>\n `,\n}"
8690
8813
  },
8691
8814
  {
8692
8815
  "kind": "variable",
8693
- "name": "foundationCombobox",
8694
- "description": "The Foundation Combo-box",
8816
+ "name": "foundationCheckbox",
8817
+ "description": "The Foundation Checkbox",
8695
8818
  "privacy": "public"
8696
8819
  }
8697
8820
  ],
8698
8821
  "exports": [
8699
8822
  {
8700
8823
  "kind": "js",
8701
- "name": "Combobox",
8824
+ "name": "Checkbox",
8702
8825
  "declaration": {
8703
- "name": "Combobox",
8704
- "module": "src/combobox/combobox.ts"
8826
+ "name": "Checkbox",
8827
+ "module": "src/checkbox/checkbox.ts"
8705
8828
  }
8706
8829
  },
8707
8830
  {
8708
8831
  "kind": "js",
8709
- "name": "foundationComboboxShadowOptions",
8832
+ "name": "foundationCheckboxShadowOptions",
8710
8833
  "declaration": {
8711
- "name": "foundationComboboxShadowOptions",
8712
- "module": "src/combobox/combobox.ts"
8834
+ "name": "foundationCheckboxShadowOptions",
8835
+ "module": "src/checkbox/checkbox.ts"
8713
8836
  }
8714
8837
  },
8715
8838
  {
8716
8839
  "kind": "js",
8717
- "name": "defaultComboboxConfig",
8840
+ "name": "defaultCheckboxConfig",
8718
8841
  "declaration": {
8719
- "name": "defaultComboboxConfig",
8720
- "module": "src/combobox/combobox.ts"
8842
+ "name": "defaultCheckboxConfig",
8843
+ "module": "src/checkbox/checkbox.ts"
8721
8844
  }
8722
8845
  },
8723
8846
  {
8724
8847
  "kind": "js",
8725
- "name": "foundationCombobox",
8848
+ "name": "foundationCheckbox",
8726
8849
  "declaration": {
8727
- "name": "foundationCombobox",
8728
- "module": "src/combobox/combobox.ts"
8850
+ "name": "foundationCheckbox",
8851
+ "module": "src/checkbox/checkbox.ts"
8729
8852
  }
8730
8853
  }
8731
8854
  ]
8732
8855
  },
8733
8856
  {
8734
8857
  "kind": "javascript-module",
8735
- "path": "src/combobox/index.ts",
8858
+ "path": "src/checkbox/index.ts",
8736
8859
  "declarations": [],
8737
8860
  "exports": [
8738
8861
  {
@@ -8740,7 +8863,7 @@
8740
8863
  "name": "*",
8741
8864
  "declaration": {
8742
8865
  "name": "*",
8743
- "package": "./combobox.template"
8866
+ "package": "./checkbox.template"
8744
8867
  }
8745
8868
  },
8746
8869
  {
@@ -8748,7 +8871,7 @@
8748
8871
  "name": "*",
8749
8872
  "declaration": {
8750
8873
  "name": "*",
8751
- "package": "./combobox.styles"
8874
+ "package": "./checkbox.styles"
8752
8875
  }
8753
8876
  },
8754
8877
  {
@@ -8756,554 +8879,431 @@
8756
8879
  "name": "*",
8757
8880
  "declaration": {
8758
8881
  "name": "*",
8759
- "package": "./combobox"
8882
+ "package": "./checkbox"
8760
8883
  }
8761
8884
  }
8762
8885
  ]
8763
8886
  },
8764
8887
  {
8765
8888
  "kind": "javascript-module",
8766
- "path": "src/categorized-multiselect/categorized-multiselect.styles.ts",
8889
+ "path": "src/combobox/combobox.styles.ts",
8767
8890
  "declarations": [
8768
8891
  {
8769
- "kind": "variable",
8770
- "name": "optionsMaxheight",
8771
- "type": {
8772
- "text": "number"
8892
+ "kind": "function",
8893
+ "name": "foundationComboboxStyles",
8894
+ "return": {
8895
+ "type": {
8896
+ "text": "ElementStyles"
8897
+ }
8773
8898
  },
8774
- "default": "450"
8775
- },
8776
- {
8777
- "kind": "variable",
8778
- "name": "categorizedMultiselectStyles",
8779
- "default": "css`\n .root {\n position: relative;\n width: 100%;\n min-width: 250px;\n }\n\n .control-button {\n display: flex;\n justify-content: center;\n min-width: 31px;\n width: 31px;\n height: 31px;\n margin-left: calc(var(--design-unit) * 2px);\n color: var(--neutral-foreground-hint);\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n justify-content: end;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\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 font-weight: 700;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n .label-hidden {\n display: none;\n }\n\n .control:hover .control-button,\n .control:hover .label {\n color: var(--neutral-foreground-rest);\n }\n\n button {\n pointer-events: none;\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 padding: calc((var(--design-unit) + 3) * 2px) calc((var(--design-unit) + 3) * 1px);\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 span {\n border-bottom: calc(var(--stroke-width) * 1px) solid;\n border-color: color-mix(in srgb, var(--neutral-fill-rest), transparent 50%);\n padding: calc((var(--design-unit) + 2) * 2px) calc((var(--design-unit) + 3) * 1px);\n font-size: calc((var(--type-ramp-base-font-size) - 1px));\n color: var(--neutral-foreground-hint);\n }\n\n .multiselect-checkbox {\n min-width: fit-content;\n flex-direction: row-reverse;\n justify-content: space-between;\n align-items: flex-start;\n border-bottom: 1px solid;\n border-color: color-mix(in srgb, var(--neutral-fill-rest), transparent 50%);\n padding: calc((var(--design-unit) + 3) * 1px) calc((var(--design-unit) + 3) * 1px)\n calc((var(--design-unit) + 3) * 1px) 0;\n margin: 0;\n }\n\n .multiselect-checkbox:hover {\n background-color: rgb(45 47 51);\n cursor: pointer;\n }\n\n .multiselect-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n }\n\n .multiselect-checkbox::part(control) {\n min-width: calc(\n (\n (var(--base-height-multiplier) + var(--density)) * var(--design-unit) / 2 +\n var(--design-unit)\n ) * 1px\n );\n }\n\n .checkbox-container .multiselect-checkbox[disabled] {\n cursor: not-allowed;\n }\n\n .description {\n text-wrap: wrap;\n font-size: calc((var(--type-ramp-base-font-size) - 1px));\n margin: calc((var(--design-unit) + 3) * 1px) 0;\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: ${optionsMaxheight.toString()}px;\n }\n`"
8899
+ "parameters": [
8900
+ {
8901
+ "name": "context",
8902
+ "type": {
8903
+ "text": "ElementDefinitionContext"
8904
+ }
8905
+ },
8906
+ {
8907
+ "name": "definition",
8908
+ "type": {
8909
+ "text": "FoundationElementDefinition"
8910
+ }
8911
+ }
8912
+ ]
8780
8913
  }
8781
8914
  ],
8782
8915
  "exports": [
8783
8916
  {
8784
8917
  "kind": "js",
8785
- "name": "optionsMaxheight",
8786
- "declaration": {
8787
- "name": "optionsMaxheight",
8788
- "module": "src/categorized-multiselect/categorized-multiselect.styles.ts"
8789
- }
8790
- },
8791
- {
8792
- "kind": "js",
8793
- "name": "categorizedMultiselectStyles",
8918
+ "name": "foundationComboboxStyles",
8794
8919
  "declaration": {
8795
- "name": "categorizedMultiselectStyles",
8796
- "module": "src/categorized-multiselect/categorized-multiselect.styles.ts"
8920
+ "name": "foundationComboboxStyles",
8921
+ "module": "src/combobox/combobox.styles.ts"
8797
8922
  }
8798
8923
  }
8799
8924
  ]
8800
8925
  },
8801
8926
  {
8802
8927
  "kind": "javascript-module",
8803
- "path": "src/categorized-multiselect/categorized-multiselect.template.ts",
8928
+ "path": "src/combobox/combobox.template.ts",
8804
8929
  "declarations": [
8805
8930
  {
8806
8931
  "kind": "function",
8807
- "name": "getPrefixedCategorizedMultiselect",
8932
+ "name": "foundationComboboxTemplate",
8933
+ "return": {
8934
+ "type": {
8935
+ "text": "ViewTemplate<Combobox>"
8936
+ }
8937
+ },
8808
8938
  "parameters": [
8809
8939
  {
8810
- "name": "prefix",
8811
- "default": "'foundation'",
8940
+ "name": "context",
8812
8941
  "type": {
8813
- "text": "string"
8942
+ "text": "ElementDefinitionContext"
8943
+ }
8944
+ },
8945
+ {
8946
+ "name": "definition",
8947
+ "type": {
8948
+ "text": "ComboboxOptions"
8814
8949
  }
8815
8950
  }
8816
8951
  ]
8817
- },
8818
- {
8819
- "kind": "variable",
8820
- "name": "categorizedMultiselectTemplate",
8821
- "default": "html<CategorizedMultiselect>`\n ${getPrefixedCategorizedMultiselect()}\n`"
8822
8952
  }
8823
8953
  ],
8824
8954
  "exports": [
8825
8955
  {
8826
8956
  "kind": "js",
8827
- "name": "getPrefixedCategorizedMultiselect",
8828
- "declaration": {
8829
- "name": "getPrefixedCategorizedMultiselect",
8830
- "module": "src/categorized-multiselect/categorized-multiselect.template.ts"
8831
- }
8832
- },
8833
- {
8834
- "kind": "js",
8835
- "name": "categorizedMultiselectTemplate",
8957
+ "name": "foundationComboboxTemplate",
8836
8958
  "declaration": {
8837
- "name": "categorizedMultiselectTemplate",
8838
- "module": "src/categorized-multiselect/categorized-multiselect.template.ts"
8959
+ "name": "foundationComboboxTemplate",
8960
+ "module": "src/combobox/combobox.template.ts"
8839
8961
  }
8840
8962
  }
8841
8963
  ]
8842
8964
  },
8843
8965
  {
8844
8966
  "kind": "javascript-module",
8845
- "path": "src/categorized-multiselect/categorized-multiselect.ts",
8967
+ "path": "src/combobox/combobox.ts",
8846
8968
  "declarations": [
8847
- {
8848
- "kind": "variable",
8849
- "name": "foundationCategorizedMultiselectShadowOptions",
8850
- "type": {
8851
- "text": "ShadowRootInit"
8852
- },
8853
- "default": "undefined"
8854
- },
8855
- {
8856
- "kind": "variable",
8857
- "name": "defaultCategorizedMultiselectConfig",
8858
- "type": {
8859
- "text": "object"
8860
- },
8861
- "default": "{}"
8862
- },
8863
8969
  {
8864
8970
  "kind": "class",
8865
8971
  "description": "",
8866
- "name": "CategorizedMultiselect",
8972
+ "name": "Combobox",
8867
8973
  "members": [
8868
8974
  {
8869
8975
  "kind": "field",
8870
- "name": "name",
8976
+ "name": "_ourValue",
8871
8977
  "type": {
8872
8978
  "text": "string"
8873
8979
  },
8874
- "default": "''"
8875
- },
8876
- {
8877
- "kind": "field",
8878
- "name": "autoPosition",
8879
- "type": {
8880
- "text": "boolean"
8881
- },
8882
- "default": "true"
8883
- },
8884
- {
8885
- "kind": "field",
8886
- "name": "search",
8887
- "type": {
8888
- "text": "boolean"
8889
- },
8890
- "default": "true"
8891
- },
8892
- {
8893
- "kind": "field",
8894
- "name": "disabled",
8895
- "type": {
8896
- "text": "boolean"
8897
- },
8898
- "default": "false"
8899
- },
8900
- {
8901
- "kind": "field",
8902
- "name": "defaultSlottedNodes",
8903
- "type": {
8904
- "text": "Node[]"
8905
- }
8906
- },
8907
- {
8908
- "kind": "field",
8909
- "name": "valueFormatter"
8980
+ "privacy": "private"
8910
8981
  },
8911
8982
  {
8912
8983
  "kind": "field",
8913
- "name": "filterSearchValue",
8984
+ "name": "#indicator",
8985
+ "privacy": "private",
8914
8986
  "type": {
8915
- "text": "string"
8987
+ "text": "Element"
8916
8988
  }
8917
8989
  },
8918
8990
  {
8919
8991
  "kind": "field",
8920
- "name": "clickOutside",
8921
- "privacy": "private"
8922
- },
8923
- {
8924
- "kind": "field",
8925
- "name": "open",
8992
+ "name": "#wasOpenOnEnterDown",
8993
+ "privacy": "private",
8926
8994
  "type": {
8927
8995
  "text": "boolean"
8928
8996
  },
8929
8997
  "default": "false"
8930
8998
  },
8931
- {
8932
- "kind": "method",
8933
- "name": "openChanged",
8934
- "parameters": [
8935
- {
8936
- "name": "previous",
8937
- "type": {
8938
- "text": "boolean"
8939
- }
8940
- },
8941
- {
8942
- "name": "open",
8943
- "type": {
8944
- "text": "boolean"
8945
- }
8946
- }
8947
- ]
8948
- },
8949
- {
8950
- "kind": "field",
8951
- "name": "options",
8952
- "type": {
8953
- "text": "CategorizedMultiselectOption[]"
8954
- },
8955
- "default": "[]"
8956
- },
8957
- {
8958
- "kind": "field",
8959
- "name": "selectedOptions",
8960
- "type": {
8961
- "text": "string[]"
8962
- },
8963
- "default": "[]"
8964
- },
8965
8999
  {
8966
9000
  "kind": "field",
8967
- "name": "filteredAvailableOptions",
9001
+ "name": "slottedDatasource",
8968
9002
  "type": {
8969
- "text": "CategorizedMultiselectFilteredOption[]"
9003
+ "text": "HTMLSlotElement"
8970
9004
  }
8971
9005
  },
8972
9006
  {
8973
9007
  "kind": "field",
8974
- "name": "position",
8975
- "type": {
8976
- "text": "Position"
8977
- },
8978
- "description": "Controls the positioning of the multiselect dropdown. Accepts the following values:\n- Position.ABOVE: Forces the dropdown to always open above the input field.\n- Position.BELOW: Forces the dropdown to always open below the input field."
8979
- },
8980
- {
8981
- "kind": "field",
8982
- "name": "optionsElement",
8983
- "type": {
8984
- "text": "HTMLElement"
8985
- }
8986
- },
8987
- {
8988
- "kind": "method",
8989
- "name": "toggle"
8990
- },
8991
- {
8992
- "kind": "method",
8993
- "name": "sortFilteredOptions",
8994
- "parameters": [
8995
- {
8996
- "name": "options",
8997
- "optional": true,
8998
- "type": {
8999
- "text": "CategorizedMultiselectOption[]"
9000
- }
9001
- }
9002
- ]
9003
- },
9004
- {
9005
- "kind": "method",
9006
- "name": "optionsChanged"
9008
+ "name": "async",
9009
+ "type": {
9010
+ "text": "boolean"
9011
+ },
9012
+ "default": "false"
9007
9013
  },
9008
9014
  {
9009
- "kind": "method",
9010
- "name": "setDropdownPosition",
9011
- "privacy": "private",
9012
- "description": "Sets the dropdown position based on the current configuration."
9015
+ "kind": "field",
9016
+ "name": "debounce",
9017
+ "type": {
9018
+ "text": "number"
9019
+ },
9020
+ "default": "500"
9013
9021
  },
9014
9022
  {
9015
9023
  "kind": "method",
9016
- "name": "optionGetter",
9024
+ "name": "debounceChanged",
9017
9025
  "parameters": [
9018
9026
  {
9019
- "name": "option",
9027
+ "name": "oldValue"
9028
+ },
9029
+ {
9030
+ "name": "newValue",
9020
9031
  "type": {
9021
- "text": "CategorizedMultiselectOption"
9032
+ "text": "number"
9022
9033
  }
9023
9034
  }
9024
9035
  ]
9025
9036
  },
9026
9037
  {
9027
- "kind": "method",
9028
- "name": "getItemLabel",
9029
- "parameters": [
9030
- {
9031
- "name": "option",
9032
- "type": {
9033
- "text": "CategorizedMultiselectOption"
9034
- }
9035
- }
9036
- ]
9038
+ "kind": "field",
9039
+ "name": "debouncedInputHandler"
9037
9040
  },
9038
9041
  {
9039
- "kind": "method",
9040
- "name": "isOptionDisabled",
9041
- "parameters": [
9042
- {
9043
- "name": "option",
9044
- "type": {
9045
- "text": "CategorizedMultiselectOption"
9046
- }
9047
- }
9048
- ]
9042
+ "kind": "field",
9043
+ "name": "caseSensitive",
9044
+ "type": {
9045
+ "text": "boolean"
9046
+ },
9047
+ "privacy": "public",
9048
+ "default": "false",
9049
+ "description": "Controls whether to perform a case-sensitive search in the list of options"
9049
9050
  },
9050
9051
  {
9051
9052
  "kind": "field",
9052
- "name": "getPlaceholder",
9053
- "readonly": true
9053
+ "name": "ignoreInputClick",
9054
+ "type": {
9055
+ "text": "boolean"
9056
+ },
9057
+ "privacy": "public",
9058
+ "default": "false",
9059
+ "description": "Controls whether to suppress opening the dropdown when the input field is clicked"
9060
+ },
9061
+ {
9062
+ "kind": "field",
9063
+ "name": "value",
9064
+ "privacy": "public"
9054
9065
  },
9055
9066
  {
9056
9067
  "kind": "method",
9057
- "name": "isOptionSelected",
9068
+ "name": "slottedOptionsChanged",
9069
+ "privacy": "public",
9058
9070
  "return": {
9059
9071
  "type": {
9060
- "text": "boolean"
9072
+ "text": "void"
9061
9073
  }
9062
9074
  },
9063
9075
  "parameters": [
9064
9076
  {
9065
- "name": "normalizedOption",
9077
+ "name": "prev",
9066
9078
  "type": {
9067
- "text": "CategorizedMultiselectOption"
9079
+ "text": "Element[] | undefined"
9068
9080
  }
9069
- }
9070
- ]
9071
- },
9072
- {
9073
- "kind": "method",
9074
- "name": "selectCheckboxOne",
9075
- "parameters": [
9081
+ },
9076
9082
  {
9077
- "name": "normalizedOption",
9083
+ "name": "next",
9078
9084
  "type": {
9079
- "text": "CategorizedMultiselectOption"
9085
+ "text": "Element[]"
9080
9086
  }
9081
9087
  }
9082
9088
  ]
9083
9089
  },
9084
9090
  {
9085
9091
  "kind": "method",
9086
- "name": "setFilter"
9092
+ "name": "filterOptions",
9093
+ "privacy": "public",
9094
+ "return": {
9095
+ "type": {
9096
+ "text": "void"
9097
+ }
9098
+ }
9087
9099
  },
9088
9100
  {
9089
9101
  "kind": "method",
9090
- "name": "changeHandler",
9102
+ "name": "clickHandler",
9103
+ "privacy": "public",
9104
+ "return": {
9105
+ "type": {
9106
+ "text": "boolean | void"
9107
+ }
9108
+ },
9091
9109
  "parameters": [
9092
9110
  {
9093
- "name": "event",
9111
+ "name": "e",
9094
9112
  "type": {
9095
- "text": "Event"
9113
+ "text": "MouseEvent"
9096
9114
  }
9097
9115
  }
9098
9116
  ]
9099
9117
  },
9100
9118
  {
9101
9119
  "kind": "method",
9102
- "name": "handleClickOutside",
9103
- "privacy": "private",
9120
+ "name": "keydownHandler",
9121
+ "privacy": "public",
9122
+ "return": {
9123
+ "type": {
9124
+ "text": "boolean | void"
9125
+ }
9126
+ },
9104
9127
  "parameters": [
9105
9128
  {
9106
- "name": "event",
9129
+ "name": "e",
9107
9130
  "type": {
9108
- "text": "MouseEvent"
9131
+ "text": "KeyboardEvent"
9109
9132
  }
9110
9133
  }
9111
9134
  ]
9112
9135
  },
9113
- {
9114
- "kind": "field",
9115
- "name": "_presentation",
9116
- "type": {
9117
- "text": "ComponentPresentation | null | undefined"
9118
- },
9119
- "privacy": "private",
9120
- "default": "void 0",
9121
- "inheritedFrom": {
9122
- "name": "FoundationElement",
9123
- "module": "src/foundation-element/foundation-element.ts"
9124
- }
9125
- },
9126
- {
9127
- "kind": "field",
9128
- "name": "$presentation",
9129
- "type": {
9130
- "text": "ComponentPresentation | null"
9131
- },
9132
- "privacy": "public",
9133
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
9134
- "inheritedFrom": {
9135
- "name": "FoundationElement",
9136
- "module": "src/foundation-element/foundation-element.ts"
9137
- }
9138
- },
9139
- {
9140
- "kind": "field",
9141
- "name": "template",
9142
- "type": {
9143
- "text": "ElementViewTemplate | void | null"
9144
- },
9145
- "privacy": "public",
9146
- "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.",
9147
- "inheritedFrom": {
9148
- "name": "FoundationElement",
9149
- "module": "src/foundation-element/foundation-element.ts"
9150
- }
9151
- },
9152
9136
  {
9153
9137
  "kind": "method",
9154
- "name": "templateChanged",
9155
- "privacy": "protected",
9138
+ "name": "keyupHandler",
9139
+ "privacy": "public",
9156
9140
  "return": {
9157
9141
  "type": {
9158
- "text": "void"
9142
+ "text": "boolean | void"
9159
9143
  }
9160
9144
  },
9161
- "inheritedFrom": {
9162
- "name": "FoundationElement",
9163
- "module": "src/foundation-element/foundation-element.ts"
9164
- }
9145
+ "parameters": [
9146
+ {
9147
+ "name": "e",
9148
+ "type": {
9149
+ "text": "KeyboardEvent"
9150
+ }
9151
+ }
9152
+ ]
9165
9153
  },
9166
9154
  {
9167
9155
  "kind": "field",
9168
- "name": "styles",
9156
+ "name": "indicator",
9169
9157
  "type": {
9170
- "text": "ElementStyles | void | null"
9158
+ "text": "Element"
9171
9159
  },
9172
- "privacy": "public",
9173
- "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.",
9174
- "inheritedFrom": {
9175
- "name": "FoundationElement",
9176
- "module": "src/foundation-element/foundation-element.ts"
9177
- }
9160
+ "privacy": "protected",
9161
+ "description": "Gets the HTML element for the indicator button",
9162
+ "readonly": true
9178
9163
  },
9179
9164
  {
9180
9165
  "kind": "method",
9181
- "name": "stylesChanged",
9166
+ "name": "selectItemByValue",
9182
9167
  "privacy": "protected",
9183
- "return": {
9184
- "type": {
9185
- "text": "void"
9168
+ "parameters": [
9169
+ {
9170
+ "name": "value",
9171
+ "type": {
9172
+ "text": "string"
9173
+ },
9174
+ "description": "The text value of the item to be selected"
9186
9175
  }
9187
- },
9188
- "inheritedFrom": {
9189
- "name": "FoundationElement",
9190
- "module": "src/foundation-element/foundation-element.ts"
9191
- }
9176
+ ],
9177
+ "description": "Selects an item in the dropdown based on its text value"
9192
9178
  },
9193
9179
  {
9194
9180
  "kind": "method",
9195
- "name": "compose",
9196
- "privacy": "public",
9197
- "static": true,
9181
+ "name": "inputHandler",
9198
9182
  "return": {
9199
9183
  "type": {
9200
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
9184
+ "text": "boolean | void"
9201
9185
  }
9202
9186
  },
9203
9187
  "parameters": [
9204
9188
  {
9205
- "name": "this",
9189
+ "name": "e",
9206
9190
  "type": {
9207
- "text": "K"
9191
+ "text": "InputEvent"
9208
9192
  }
9209
- },
9210
- {
9211
- "name": "elementDefinition",
9212
- "type": {
9213
- "text": "T"
9214
- },
9215
- "description": "The definition of the element to create the registry\nfunction for."
9216
9193
  }
9217
- ],
9218
- "description": "Defines an element registry function with a set of element definition defaults.",
9219
- "inheritedFrom": {
9220
- "name": "FoundationElement",
9221
- "module": "src/foundation-element/foundation-element.ts"
9222
- }
9194
+ ]
9195
+ },
9196
+ {
9197
+ "kind": "method",
9198
+ "name": "asyncSetFilter"
9223
9199
  }
9224
9200
  ],
9225
9201
  "attributes": [
9226
9202
  {
9227
- "name": "name",
9228
9203
  "type": {
9229
- "text": "string"
9204
+ "text": "boolean"
9230
9205
  },
9231
- "default": "''",
9232
- "fieldName": "name"
9206
+ "default": "false",
9207
+ "fieldName": "async"
9233
9208
  },
9234
9209
  {
9235
- "name": "auto-position",
9210
+ "name": "debounce",
9236
9211
  "type": {
9237
- "text": "boolean"
9212
+ "text": "number"
9238
9213
  },
9239
- "default": "true",
9240
- "fieldName": "autoPosition"
9214
+ "default": "DEBOUNCE_TIME",
9215
+ "resolveInitializer": {
9216
+ "module": "src/combobox/combobox.ts"
9217
+ },
9218
+ "fieldName": "debounce"
9241
9219
  },
9242
9220
  {
9221
+ "name": "case-sensitive",
9243
9222
  "type": {
9244
9223
  "text": "boolean"
9245
9224
  },
9246
- "default": "true",
9247
- "fieldName": "search"
9225
+ "default": "false",
9226
+ "description": "Controls whether to perform a case-sensitive search in the list of options",
9227
+ "fieldName": "caseSensitive"
9248
9228
  },
9249
9229
  {
9230
+ "name": "ignore-input-click",
9250
9231
  "type": {
9251
9232
  "text": "boolean"
9252
9233
  },
9253
9234
  "default": "false",
9254
- "fieldName": "disabled"
9235
+ "description": "Controls whether to suppress opening the dropdown when the input field is clicked",
9236
+ "fieldName": "ignoreInputClick"
9255
9237
  }
9256
9238
  ],
9257
9239
  "superclass": {
9258
- "name": "FoundationElement",
9259
- "package": "@microsoft/fast-foundation"
9240
+ "name": "FASTComboBox",
9241
+ "package": "@microsoft/fast-components"
9260
9242
  },
9261
- "tagName": "%%prefix%%-categorized-multiselect",
9243
+ "tagName": "%%prefix%%-combobox",
9262
9244
  "customElement": true
9263
9245
  },
9264
9246
  {
9265
9247
  "kind": "variable",
9266
- "name": "foundationCategorizedMultiselect"
9248
+ "name": "foundationComboboxShadowOptions",
9249
+ "type": {
9250
+ "text": "ShadowRootInit"
9251
+ },
9252
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
9253
+ },
9254
+ {
9255
+ "kind": "variable",
9256
+ "name": "defaultComboboxConfig",
9257
+ "type": {
9258
+ "text": "object"
9259
+ },
9260
+ "default": "{\n indicator: `\n <svg\n class=\"combo-box-indicator\"\n part=\"combo-box-indicator\"\n viewBox=\"0 0 12 7\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z\"\n />\n </svg>\n `,\n}"
9261
+ },
9262
+ {
9263
+ "kind": "variable",
9264
+ "name": "foundationCombobox",
9265
+ "description": "The Foundation Combo-box",
9266
+ "privacy": "public"
9267
9267
  }
9268
9268
  ],
9269
9269
  "exports": [
9270
9270
  {
9271
9271
  "kind": "js",
9272
- "name": "foundationCategorizedMultiselectShadowOptions",
9272
+ "name": "Combobox",
9273
9273
  "declaration": {
9274
- "name": "foundationCategorizedMultiselectShadowOptions",
9275
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
9274
+ "name": "Combobox",
9275
+ "module": "src/combobox/combobox.ts"
9276
9276
  }
9277
9277
  },
9278
9278
  {
9279
9279
  "kind": "js",
9280
- "name": "defaultCategorizedMultiselectConfig",
9280
+ "name": "foundationComboboxShadowOptions",
9281
9281
  "declaration": {
9282
- "name": "defaultCategorizedMultiselectConfig",
9283
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
9282
+ "name": "foundationComboboxShadowOptions",
9283
+ "module": "src/combobox/combobox.ts"
9284
9284
  }
9285
9285
  },
9286
9286
  {
9287
9287
  "kind": "js",
9288
- "name": "CategorizedMultiselect",
9288
+ "name": "defaultComboboxConfig",
9289
9289
  "declaration": {
9290
- "name": "CategorizedMultiselect",
9291
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
9290
+ "name": "defaultComboboxConfig",
9291
+ "module": "src/combobox/combobox.ts"
9292
9292
  }
9293
9293
  },
9294
9294
  {
9295
9295
  "kind": "js",
9296
- "name": "foundationCategorizedMultiselect",
9296
+ "name": "foundationCombobox",
9297
9297
  "declaration": {
9298
- "name": "foundationCategorizedMultiselect",
9299
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
9298
+ "name": "foundationCombobox",
9299
+ "module": "src/combobox/combobox.ts"
9300
9300
  }
9301
9301
  }
9302
9302
  ]
9303
9303
  },
9304
9304
  {
9305
9305
  "kind": "javascript-module",
9306
- "path": "src/categorized-multiselect/index.ts",
9306
+ "path": "src/combobox/index.ts",
9307
9307
  "declarations": [],
9308
9308
  "exports": [
9309
9309
  {
@@ -9311,7 +9311,7 @@
9311
9311
  "name": "*",
9312
9312
  "declaration": {
9313
9313
  "name": "*",
9314
- "package": "./categorized-multiselect"
9314
+ "package": "./combobox.template"
9315
9315
  }
9316
9316
  },
9317
9317
  {
@@ -9319,7 +9319,7 @@
9319
9319
  "name": "*",
9320
9320
  "declaration": {
9321
9321
  "name": "*",
9322
- "package": "./categorized-multiselect.styles"
9322
+ "package": "./combobox.styles"
9323
9323
  }
9324
9324
  },
9325
9325
  {
@@ -9327,7 +9327,7 @@
9327
9327
  "name": "*",
9328
9328
  "declaration": {
9329
9329
  "name": "*",
9330
- "package": "./categorized-multiselect.template"
9330
+ "package": "./combobox"
9331
9331
  }
9332
9332
  }
9333
9333
  ]
@@ -14384,63 +14384,245 @@
14384
14384
  },
14385
14385
  {
14386
14386
  "kind": "variable",
14387
- "name": "foundationDialog",
14388
- "description": "The Foundation Dialog",
14387
+ "name": "foundationDialog",
14388
+ "description": "The Foundation Dialog",
14389
+ "privacy": "public"
14390
+ }
14391
+ ],
14392
+ "exports": [
14393
+ {
14394
+ "kind": "js",
14395
+ "name": "foundationDialogShadowOptions",
14396
+ "declaration": {
14397
+ "name": "foundationDialogShadowOptions",
14398
+ "module": "src/dialog/dialog.ts"
14399
+ }
14400
+ },
14401
+ {
14402
+ "kind": "js",
14403
+ "name": "defaultDialogConfig",
14404
+ "declaration": {
14405
+ "name": "defaultDialogConfig",
14406
+ "module": "src/dialog/dialog.ts"
14407
+ }
14408
+ },
14409
+ {
14410
+ "kind": "js",
14411
+ "name": "DialogElement",
14412
+ "declaration": {
14413
+ "name": "DialogElement",
14414
+ "module": "src/dialog/dialog.ts"
14415
+ }
14416
+ },
14417
+ {
14418
+ "kind": "js",
14419
+ "name": "Dialog",
14420
+ "declaration": {
14421
+ "name": "Dialog",
14422
+ "module": "src/dialog/dialog.ts"
14423
+ }
14424
+ },
14425
+ {
14426
+ "kind": "js",
14427
+ "name": "foundationDialog",
14428
+ "declaration": {
14429
+ "name": "foundationDialog",
14430
+ "module": "src/dialog/dialog.ts"
14431
+ }
14432
+ }
14433
+ ]
14434
+ },
14435
+ {
14436
+ "kind": "javascript-module",
14437
+ "path": "src/dialog/dialog.types.ts",
14438
+ "declarations": [],
14439
+ "exports": []
14440
+ },
14441
+ {
14442
+ "kind": "javascript-module",
14443
+ "path": "src/dialog/index.ts",
14444
+ "declarations": [],
14445
+ "exports": [
14446
+ {
14447
+ "kind": "js",
14448
+ "name": "*",
14449
+ "declaration": {
14450
+ "name": "*",
14451
+ "package": "./dialog.styles"
14452
+ }
14453
+ },
14454
+ {
14455
+ "kind": "js",
14456
+ "name": "*",
14457
+ "declaration": {
14458
+ "name": "*",
14459
+ "package": "./dialog.template"
14460
+ }
14461
+ },
14462
+ {
14463
+ "kind": "js",
14464
+ "name": "*",
14465
+ "declaration": {
14466
+ "name": "*",
14467
+ "package": "./dialog"
14468
+ }
14469
+ }
14470
+ ]
14471
+ },
14472
+ {
14473
+ "kind": "javascript-module",
14474
+ "path": "src/disclosure/disclosure.styles.ts",
14475
+ "declarations": [
14476
+ {
14477
+ "kind": "function",
14478
+ "name": "foundationDisclosureStyles",
14479
+ "return": {
14480
+ "type": {
14481
+ "text": "ElementStyles"
14482
+ }
14483
+ },
14484
+ "parameters": [
14485
+ {
14486
+ "name": "context",
14487
+ "type": {
14488
+ "text": "ElementDefinitionContext"
14489
+ }
14490
+ },
14491
+ {
14492
+ "name": "definition",
14493
+ "type": {
14494
+ "text": "FoundationElementDefinition"
14495
+ }
14496
+ }
14497
+ ]
14498
+ }
14499
+ ],
14500
+ "exports": [
14501
+ {
14502
+ "kind": "js",
14503
+ "name": "foundationDisclosureStyles",
14504
+ "declaration": {
14505
+ "name": "foundationDisclosureStyles",
14506
+ "module": "src/disclosure/disclosure.styles.ts"
14507
+ }
14508
+ }
14509
+ ]
14510
+ },
14511
+ {
14512
+ "kind": "javascript-module",
14513
+ "path": "src/disclosure/disclosure.template.ts",
14514
+ "declarations": [
14515
+ {
14516
+ "kind": "function",
14517
+ "name": "foundationDisclosureTemplate",
14518
+ "return": {
14519
+ "type": {
14520
+ "text": "ViewTemplate<Disclosure>"
14521
+ }
14522
+ },
14523
+ "parameters": [
14524
+ {
14525
+ "name": "context",
14526
+ "type": {
14527
+ "text": "ElementDefinitionContext"
14528
+ }
14529
+ },
14530
+ {
14531
+ "name": "definition",
14532
+ "type": {
14533
+ "text": "FoundationElementDefinition"
14534
+ }
14535
+ }
14536
+ ]
14537
+ }
14538
+ ],
14539
+ "exports": [
14540
+ {
14541
+ "kind": "js",
14542
+ "name": "foundationDisclosureTemplate",
14543
+ "declaration": {
14544
+ "name": "foundationDisclosureTemplate",
14545
+ "module": "src/disclosure/disclosure.template.ts"
14546
+ }
14547
+ }
14548
+ ]
14549
+ },
14550
+ {
14551
+ "kind": "javascript-module",
14552
+ "path": "src/disclosure/disclosure.ts",
14553
+ "declarations": [
14554
+ {
14555
+ "kind": "class",
14556
+ "description": "",
14557
+ "name": "Disclosure",
14558
+ "superclass": {
14559
+ "name": "FASTDisclosure",
14560
+ "package": "@microsoft/fast-foundation"
14561
+ },
14562
+ "tagName": "%%prefix%%-disclosure",
14563
+ "customElement": true
14564
+ },
14565
+ {
14566
+ "kind": "variable",
14567
+ "name": "foundationDisclosureShadowOptions",
14568
+ "type": {
14569
+ "text": "ShadowRootInit"
14570
+ },
14571
+ "default": "undefined"
14572
+ },
14573
+ {
14574
+ "kind": "variable",
14575
+ "name": "defaultDisclosureConfig",
14576
+ "type": {
14577
+ "text": "object"
14578
+ },
14579
+ "default": "{}"
14580
+ },
14581
+ {
14582
+ "kind": "variable",
14583
+ "name": "foundationDisclosure",
14584
+ "description": "The Foundation Disclosure",
14389
14585
  "privacy": "public"
14390
14586
  }
14391
14587
  ],
14392
14588
  "exports": [
14393
14589
  {
14394
14590
  "kind": "js",
14395
- "name": "foundationDialogShadowOptions",
14396
- "declaration": {
14397
- "name": "foundationDialogShadowOptions",
14398
- "module": "src/dialog/dialog.ts"
14399
- }
14400
- },
14401
- {
14402
- "kind": "js",
14403
- "name": "defaultDialogConfig",
14591
+ "name": "Disclosure",
14404
14592
  "declaration": {
14405
- "name": "defaultDialogConfig",
14406
- "module": "src/dialog/dialog.ts"
14593
+ "name": "Disclosure",
14594
+ "module": "src/disclosure/disclosure.ts"
14407
14595
  }
14408
14596
  },
14409
14597
  {
14410
14598
  "kind": "js",
14411
- "name": "DialogElement",
14599
+ "name": "foundationDisclosureShadowOptions",
14412
14600
  "declaration": {
14413
- "name": "DialogElement",
14414
- "module": "src/dialog/dialog.ts"
14601
+ "name": "foundationDisclosureShadowOptions",
14602
+ "module": "src/disclosure/disclosure.ts"
14415
14603
  }
14416
14604
  },
14417
14605
  {
14418
14606
  "kind": "js",
14419
- "name": "Dialog",
14607
+ "name": "defaultDisclosureConfig",
14420
14608
  "declaration": {
14421
- "name": "Dialog",
14422
- "module": "src/dialog/dialog.ts"
14609
+ "name": "defaultDisclosureConfig",
14610
+ "module": "src/disclosure/disclosure.ts"
14423
14611
  }
14424
14612
  },
14425
14613
  {
14426
14614
  "kind": "js",
14427
- "name": "foundationDialog",
14615
+ "name": "foundationDisclosure",
14428
14616
  "declaration": {
14429
- "name": "foundationDialog",
14430
- "module": "src/dialog/dialog.ts"
14617
+ "name": "foundationDisclosure",
14618
+ "module": "src/disclosure/disclosure.ts"
14431
14619
  }
14432
14620
  }
14433
14621
  ]
14434
14622
  },
14435
14623
  {
14436
14624
  "kind": "javascript-module",
14437
- "path": "src/dialog/dialog.types.ts",
14438
- "declarations": [],
14439
- "exports": []
14440
- },
14441
- {
14442
- "kind": "javascript-module",
14443
- "path": "src/dialog/index.ts",
14625
+ "path": "src/disclosure/index.ts",
14444
14626
  "declarations": [],
14445
14627
  "exports": [
14446
14628
  {
@@ -14448,7 +14630,7 @@
14448
14630
  "name": "*",
14449
14631
  "declaration": {
14450
14632
  "name": "*",
14451
- "package": "./dialog.styles"
14633
+ "package": "./disclosure.template"
14452
14634
  }
14453
14635
  },
14454
14636
  {
@@ -14456,7 +14638,7 @@
14456
14638
  "name": "*",
14457
14639
  "declaration": {
14458
14640
  "name": "*",
14459
- "package": "./dialog.template"
14641
+ "package": "./disclosure.styles"
14460
14642
  }
14461
14643
  },
14462
14644
  {
@@ -14464,7 +14646,7 @@
14464
14646
  "name": "*",
14465
14647
  "declaration": {
14466
14648
  "name": "*",
14467
- "package": "./dialog"
14649
+ "package": "./disclosure"
14468
14650
  }
14469
14651
  }
14470
14652
  ]
@@ -15116,188 +15298,6 @@
15116
15298
  }
15117
15299
  ]
15118
15300
  },
15119
- {
15120
- "kind": "javascript-module",
15121
- "path": "src/disclosure/disclosure.styles.ts",
15122
- "declarations": [
15123
- {
15124
- "kind": "function",
15125
- "name": "foundationDisclosureStyles",
15126
- "return": {
15127
- "type": {
15128
- "text": "ElementStyles"
15129
- }
15130
- },
15131
- "parameters": [
15132
- {
15133
- "name": "context",
15134
- "type": {
15135
- "text": "ElementDefinitionContext"
15136
- }
15137
- },
15138
- {
15139
- "name": "definition",
15140
- "type": {
15141
- "text": "FoundationElementDefinition"
15142
- }
15143
- }
15144
- ]
15145
- }
15146
- ],
15147
- "exports": [
15148
- {
15149
- "kind": "js",
15150
- "name": "foundationDisclosureStyles",
15151
- "declaration": {
15152
- "name": "foundationDisclosureStyles",
15153
- "module": "src/disclosure/disclosure.styles.ts"
15154
- }
15155
- }
15156
- ]
15157
- },
15158
- {
15159
- "kind": "javascript-module",
15160
- "path": "src/disclosure/disclosure.template.ts",
15161
- "declarations": [
15162
- {
15163
- "kind": "function",
15164
- "name": "foundationDisclosureTemplate",
15165
- "return": {
15166
- "type": {
15167
- "text": "ViewTemplate<Disclosure>"
15168
- }
15169
- },
15170
- "parameters": [
15171
- {
15172
- "name": "context",
15173
- "type": {
15174
- "text": "ElementDefinitionContext"
15175
- }
15176
- },
15177
- {
15178
- "name": "definition",
15179
- "type": {
15180
- "text": "FoundationElementDefinition"
15181
- }
15182
- }
15183
- ]
15184
- }
15185
- ],
15186
- "exports": [
15187
- {
15188
- "kind": "js",
15189
- "name": "foundationDisclosureTemplate",
15190
- "declaration": {
15191
- "name": "foundationDisclosureTemplate",
15192
- "module": "src/disclosure/disclosure.template.ts"
15193
- }
15194
- }
15195
- ]
15196
- },
15197
- {
15198
- "kind": "javascript-module",
15199
- "path": "src/disclosure/disclosure.ts",
15200
- "declarations": [
15201
- {
15202
- "kind": "class",
15203
- "description": "",
15204
- "name": "Disclosure",
15205
- "superclass": {
15206
- "name": "FASTDisclosure",
15207
- "package": "@microsoft/fast-foundation"
15208
- },
15209
- "tagName": "%%prefix%%-disclosure",
15210
- "customElement": true
15211
- },
15212
- {
15213
- "kind": "variable",
15214
- "name": "foundationDisclosureShadowOptions",
15215
- "type": {
15216
- "text": "ShadowRootInit"
15217
- },
15218
- "default": "undefined"
15219
- },
15220
- {
15221
- "kind": "variable",
15222
- "name": "defaultDisclosureConfig",
15223
- "type": {
15224
- "text": "object"
15225
- },
15226
- "default": "{}"
15227
- },
15228
- {
15229
- "kind": "variable",
15230
- "name": "foundationDisclosure",
15231
- "description": "The Foundation Disclosure",
15232
- "privacy": "public"
15233
- }
15234
- ],
15235
- "exports": [
15236
- {
15237
- "kind": "js",
15238
- "name": "Disclosure",
15239
- "declaration": {
15240
- "name": "Disclosure",
15241
- "module": "src/disclosure/disclosure.ts"
15242
- }
15243
- },
15244
- {
15245
- "kind": "js",
15246
- "name": "foundationDisclosureShadowOptions",
15247
- "declaration": {
15248
- "name": "foundationDisclosureShadowOptions",
15249
- "module": "src/disclosure/disclosure.ts"
15250
- }
15251
- },
15252
- {
15253
- "kind": "js",
15254
- "name": "defaultDisclosureConfig",
15255
- "declaration": {
15256
- "name": "defaultDisclosureConfig",
15257
- "module": "src/disclosure/disclosure.ts"
15258
- }
15259
- },
15260
- {
15261
- "kind": "js",
15262
- "name": "foundationDisclosure",
15263
- "declaration": {
15264
- "name": "foundationDisclosure",
15265
- "module": "src/disclosure/disclosure.ts"
15266
- }
15267
- }
15268
- ]
15269
- },
15270
- {
15271
- "kind": "javascript-module",
15272
- "path": "src/disclosure/index.ts",
15273
- "declarations": [],
15274
- "exports": [
15275
- {
15276
- "kind": "js",
15277
- "name": "*",
15278
- "declaration": {
15279
- "name": "*",
15280
- "package": "./disclosure.template"
15281
- }
15282
- },
15283
- {
15284
- "kind": "js",
15285
- "name": "*",
15286
- "declaration": {
15287
- "name": "*",
15288
- "package": "./disclosure.styles"
15289
- }
15290
- },
15291
- {
15292
- "kind": "js",
15293
- "name": "*",
15294
- "declaration": {
15295
- "name": "*",
15296
- "package": "./disclosure"
15297
- }
15298
- }
15299
- ]
15300
- },
15301
15301
  {
15302
15302
  "kind": "javascript-module",
15303
15303
  "path": "src/error-banner/error-banner.template.ts",
@@ -24581,6 +24581,24 @@
24581
24581
  }
24582
24582
  ]
24583
24583
  },
24584
+ {
24585
+ "kind": "method",
24586
+ "name": "showNotificationToast",
24587
+ "privacy": "protected",
24588
+ "return": {
24589
+ "type": {
24590
+ "text": "void"
24591
+ }
24592
+ },
24593
+ "parameters": [
24594
+ {
24595
+ "name": "row",
24596
+ "type": {
24597
+ "text": "NotificationDataRow"
24598
+ }
24599
+ }
24600
+ ]
24601
+ },
24584
24602
  {
24585
24603
  "kind": "field",
24586
24604
  "name": "_presentation",