@genesislcap/foundation-ui 14.262.2 → 14.263.1-alpha-7b4a655.0

package/dist/custom-elements.json

@@ -880,37 +880,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./values"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/accordion-item/accordion-item.styles.ts",
@@ -1305,6 +1274,37 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tokens"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./values"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/actions-menu/actions-menu.styles.ts",
@@ -1864,188 +1864,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAccordionStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAccordionStyles",
-          "declaration": {
-            "name": "foundationAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAccordionTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Accordion>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAccordionTemplate",
-          "declaration": {
-            "name": "foundationAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Accordion",
-          "superclass": {
-            "name": "FASTAccordion",
-            "package": "@microsoft/fast-foundation"
-          },
-          "tagName": "%%prefix%%-accordion",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordionShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultAccordionConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordion",
-          "description": "The Foundation Accordion",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Accordion",
-          "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordionShadowOptions",
-          "declaration": {
-            "name": "foundationAccordionShadowOptions",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultAccordionConfig",
-          "declaration": {
-            "name": "defaultAccordionConfig",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordion",
-          "declaration": {
-            "name": "foundationAccordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/anchor/anchor.styles.ts",
@@ -4156,6 +3974,188 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAccordionStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionStyles",
+          "declaration": {
+            "name": "foundationAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAccordionTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Accordion>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionTemplate",
+          "declaration": {
+            "name": "foundationAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Accordion",
+          "superclass": {
+            "name": "FASTAccordion",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "%%prefix%%-accordion",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordionShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultAccordionConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordion",
+          "description": "The Foundation Accordion",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Accordion",
+          "declaration": {
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordionShadowOptions",
+          "declaration": {
+            "name": "foundationAccordionShadowOptions",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultAccordionConfig",
+          "declaration": {
+            "name": "defaultAccordionConfig",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordion",
+          "declaration": {
+            "name": "foundationAccordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/avatar/avatar.styles.ts",
@@ -25801,7 +25801,7 @@
         {
           "kind": "variable",
           "name": "multiselectStyles",
-          "default": "css`\n  :host {\n    --scrollbar-width: 12px;\n    --scrollbar-thumb-width: 8px;\n  }\n\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-color: 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: calc(var(--design-unit) * 1px);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);\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  ::-webkit-scrollbar {\n    width: var(--scrollbar-width);\n  }\n\n  ::-webkit-scrollbar-track {\n    background: var(--neutral-layer-4);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    width: var(--scrollbar-thumb-width);\n    border-radius: 10px;\n    box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n    background-color: var(--neutral-layer-2);\n    border: 3px solid var(--neutral-layer-4);\n  }\n\n  ::-webkit-scrollbar-corner {\n    background: var(--neutral-layer-4);\n  }\n\n  .checkbox-container {\n    display: flex;\n    flex-direction: column;\n    overflow-y: scroll;\n    list-style: none;\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  .visible {\n    visibility: visible;\n    max-height: ${maxheight.toString()}px;\n  }\n\n  ::slotted(foundation-checkbox),\n  foundation-checkbox {\n    border-bottom: 1px solid var(--neutral-layer-4);\n    padding: 5px 0 5px 5px;\n    margin: 0;\n  }\n\n  ::slotted(foundation-checkbox:hover),\n  foundation-checkbox:hover {\n    background-color: var(--neutral-layer-3);\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\n  ol,\n  li {\n    margin: 0;\n    padding: 0;\n  }\n\n  .checkbox {\n    width: 100%;\n  }\n\n  .select-all {\n    width: 100%;\n  }\n\n  .display-value {\n    position: absolute;\n    right: 40px;\n    color: var(--neutral-foreground-rest);\n    font-size: var(--type-ramp-base-font-size);\n    line-height: var(--type-ramp-base-line-height);\n    font-family: var(--body-font);\n  }\n`"
+          "default": "css`\n  :host {\n    --scrollbar-width: 12px;\n    --scrollbar-thumb-width: 8px;\n  }\n\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-color: 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: calc(var(--design-unit) * 1px);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);\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  ::-webkit-scrollbar {\n    width: var(--scrollbar-width);\n  }\n\n  ::-webkit-scrollbar-track {\n    background: var(--neutral-layer-4);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    width: var(--scrollbar-thumb-width);\n    border-radius: 10px;\n    box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n    background-color: var(--neutral-layer-2);\n    border: 3px solid var(--neutral-layer-4);\n  }\n\n  ::-webkit-scrollbar-corner {\n    background: var(--neutral-layer-4);\n  }\n\n  .checkbox-container {\n    display: flex;\n    flex-direction: column;\n    overflow-y: scroll;\n    list-style: none;\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  .visible {\n    visibility: visible;\n    max-height: ${maxheight.toString()}px;\n  }\n\n  ::slotted(foundation-checkbox),\n  foundation-checkbox {\n    border-bottom: 1px solid var(--neutral-layer-4);\n    padding: 5px 0 5px 5px;\n    margin: 0;\n  }\n\n  ::slotted(foundation-checkbox:hover),\n  foundation-checkbox:hover {\n    background-color: var(--neutral-layer-3);\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\n  ol,\n  li {\n    margin: 0;\n    padding: 0;\n  }\n\n  .checkbox {\n    width: 100%;\n  }\n\n  .select-all {\n    width: 100%;\n  }\n\n  .display-value {\n    position: absolute;\n    right: 40px;\n    color: var(--neutral-foreground-rest);\n    font-size: var(--type-ramp-base-font-size);\n    line-height: var(--type-ramp-base-line-height);\n    font-family: var(--body-font);\n  }\n\n  .options-header-item-hidden {\n    display: none;\n  }\n`"
         }
       ],
       "exports": [
@@ -26097,6 +26097,13 @@
                 "text": "(allSelected: boolean) => void"
               }
             },
+            {
+              "kind": "field",
+              "name": "itemRenderer",
+              "type": {
+                "text": "(\n    option: MultiselectOption,\n    parent: Multiselect,\n    prefix: string,\n  ) => any"
+              }
+            },
             {
               "kind": "field",
               "name": "initialisedOptions",
@@ -26120,6 +26127,30 @@
                 "text": "HTMLElement"
               }
             },
+            {
+              "kind": "method",
+              "name": "defaultItemRenderer",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "MultiselectOption"
+                  }
+                },
+                {
+                  "name": "parent",
+                  "type": {
+                    "text": "Multiselect"
+                  }
+                },
+                {
+                  "name": "prefix",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "toggle"
@@ -26140,7 +26171,19 @@
             },
             {
               "kind": "method",
-              "name": "optionGetter",
+              "name": "optionValueGetter",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "MultiselectOption"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "optionLabelGetter",
               "parameters": [
                 {
                   "name": "option",
@@ -26311,6 +26354,13 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "optionsHeaderSlottedNodes",
+              "type": {
+                "text": "Node[]"
+              }
+            },
             {
               "kind": "field",
               "name": "_presentation",

package/dist/dts/multiselect/multiselect-consts.d.ts

@@ -3,8 +3,8 @@ export declare enum Position {
     ABOVE = "above"
 }
 export type MultiselectOption = {
-    value: string;
-    label: string;
+    value: string | string[];
+    label: string | string[];
     disabled?: boolean;
     labelStyle?: string;
     optionLabelText?: string;

package/dist/dts/multiselect/multiselect-consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect-consts.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect-consts.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,iBAAiB,GACzB;IACE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GACD,MAAM,CAAC"}
+{"version":3,"file":"multiselect-consts.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect-consts.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,iBAAiB,GACzB;IACE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GACD,MAAM,CAAC"}

package/dist/dts/multiselect/multiselect.d.ts

@@ -39,11 +39,13 @@ export declare class Multiselect extends FoundationElement {
      */
     position: Position;
     onAllSelectedCallback: (allSelected: boolean) => void;
+    itemRenderer: (option: MultiselectOption, parent: Multiselect, prefix: string) => any;
     private initialisedOptions;
     arrowIcon: SVGElement;
     optionsElement: HTMLElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    defaultItemRenderer(option: MultiselectOption, parent: Multiselect, prefix: string): import("@microsoft/fast-element").ViewTemplate<Event, any>;
     toggle(): void;
     optionsChanged(): void;
     selectedOptionsChanged(): void;
@@ -56,7 +58,8 @@ export declare class Multiselect extends FoundationElement {
      * @private
      */
     private setDropdownPosition;
-    optionGetter(option: MultiselectOption): string;
+    optionValueGetter(option: MultiselectOption): string;
+    optionLabelGetter(option: MultiselectOption): string;
     getItemLabel(option: MultiselectOption): any;
     isOptionDisabled(option: MultiselectOption): boolean;
     get getDisplayValue(): string;
@@ -76,6 +79,7 @@ export declare class Multiselect extends FoundationElement {
     changeHandler(event: Event): void;
     private handleClickOutside;
     keydownHandler(e: Event & KeyboardEvent): boolean | void;
+    optionsHeaderSlottedNodes: Node[];
 }
 export declare const foundationMultiselect: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
     baseName: string;

package/dist/dts/multiselect/multiselect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAO9D,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAMnE,eAAO,MAAM,kCAAkC,EAAE,cAA0B,CAAC;AAE5E,eAAO,MAAM,wBAAwB,IAAK,CAAC;AAE3C;;GAEG;AACH,qBAAa,WAAY,SAAQ,iBAAiB;IAC1C,IAAI,SAAM;IACuC,YAAY,EAAE,OAAO,CAAQ;IACzD,GAAG,UAAQ;IACX,WAAW,UAAS;IACpB,MAAM,UAAQ;IACd,QAAQ,UAAS;IACjB,SAAS,UAAS;IAClB,KAAK,UAAS;IACnC,QAAQ,EAAE,MAAM,CAAiB;IAEvC,2FAA2F;IAC/B,gBAAgB,UAAS;IAErF,eAAe,CAAC,QAAQ,KAAA,EAAE,QAAQ,EAAE,MAAM;IAG1C,qBAAqB,MAAC;IACV,mBAAmB,EAAE,IAAI,EAAE,CAAC;IAC5B,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;IAC3C,cAAc,MAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAM;IAC3C,OAAO,CAAC,YAAY,CAAiD;IACzD,IAAI,UAAS;IACzB,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO;IAYhC,OAAO,EAAE,iBAAiB,EAAE,CAAM;IAClC,eAAe,EAAE,MAAM,EAAE,CAAM;IAC/B,wBAAwB,EAAE,iBAAiB,EAAE,CAAqB;IAClE,eAAe,EAAE,WAAW,CAAC;IAEzC;;;;OAIG;IACG,QAAQ,EAAE,QAAQ,CAAkB;IAE9B,qBAAqB,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAElE,OAAO,CAAC,kBAAkB,CAAkB;IAE5C,SAAS,EAAE,UAAU,CAAC;IACtB,cAAc,EAAE,WAAW,CAAC;IAE5B,iBAAiB;IAOjB,oBAAoB;IAKpB,MAAM;IAON,cAAc;IAQd,sBAAsB;IAOtB;;;;;;;OAOG;IACH,OAAO,CAAC,mBAAmB;IAoB3B,YAAY,CAAC,MAAM,EAAE,iBAAiB;IAOtC,YAAY,CAAC,MAAM,EAAE,iBAAiB;IAetC,gBAAgB,CAAC,MAAM,EAAE,iBAAiB;IAQ1C,IACI,eAAe,WAyBlB;IAED,IACI,cAAc,WAEjB;IAED,IACI,oBAAoB,YAEvB;IAED,IACI,aAAa,YAMhB;IAED,gBAAgB,CAAC,gBAAgB,EAAE,iBAAiB,GAAG,OAAO;IAI9D,iBAAiB,CAAC,gBAAgB,EAAE,iBAAiB;IAarD,eAAe,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,KAAK,EAAE,aAAa;IAQzE,sBAAsB;IAItB,iBAAiB;IAajB,YAAY;IAcZ,qBAAqB;IAQrB,SAAS;IAcT,SAAS;IAST,cAAc;IAkBd,aAAa,CAAC,KAAK,EAAE,KAAK;IAK1B,OAAO,CAAC,kBAAkB;IAM1B,cAAc,CAAC,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,OAAO,GAAG,IAAI;CAgCzD;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;sBAMhC,CAAC"}
+{"version":3,"file":"multiselect.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAO9D,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAMnE,eAAO,MAAM,kCAAkC,EAAE,cAA0B,CAAC;AAE5E,eAAO,MAAM,wBAAwB,IAAK,CAAC;AAE3C;;GAEG;AACH,qBAAa,WAAY,SAAQ,iBAAiB;IAC1C,IAAI,SAAM;IACuC,YAAY,EAAE,OAAO,CAAQ;IACzD,GAAG,UAAQ;IACX,WAAW,UAAS;IACpB,MAAM,UAAQ;IACd,QAAQ,UAAS;IACjB,SAAS,UAAS;IAClB,KAAK,UAAS;IACnC,QAAQ,EAAE,MAAM,CAAiB;IAEvC,2FAA2F;IAC/B,gBAAgB,UAAS;IAErF,eAAe,CAAC,QAAQ,KAAA,EAAE,QAAQ,EAAE,MAAM;IAG1C,qBAAqB,MAAC;IACV,mBAAmB,EAAE,IAAI,EAAE,CAAC;IAC5B,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;IAC3C,cAAc,MAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAM;IAC3C,OAAO,CAAC,YAAY,CAAiD;IACzD,IAAI,UAAS;IACzB,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO;IAYhC,OAAO,EAAE,iBAAiB,EAAE,CAAM;IAClC,eAAe,EAAE,MAAM,EAAE,CAAM;IAC/B,wBAAwB,EAAE,iBAAiB,EAAE,CAAqB;IAClE,eAAe,EAAE,WAAW,CAAC;IAEzC;;;;OAIG;IACG,QAAQ,EAAE,QAAQ,CAAkB;IAE9B,qBAAqB,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtD,YAAY,EAAE,CACxB,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,WAAW,EACnB,MAAM,EAAE,MAAM,KACX,GAAG,CAA4B;IAEpC,OAAO,CAAC,kBAAkB,CAAkB;IAE5C,SAAS,EAAE,UAAU,CAAC;IACtB,cAAc,EAAE,WAAW,CAAC;IAE5B,iBAAiB;IAOjB,oBAAoB;IAKpB,mBAAmB,CAAC,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM;IA8BlF,MAAM;IAON,cAAc;IAQd,sBAAsB;IAOtB;;;;;;;OAOG;IACH,OAAO,CAAC,mBAAmB;IAoB3B,iBAAiB,CAAC,MAAM,EAAE,iBAAiB;IAY3C,iBAAiB,CAAC,MAAM,EAAE,iBAAiB;IAY3C,YAAY,CAAC,MAAM,EAAE,iBAAiB;IAetC,gBAAgB,CAAC,MAAM,EAAE,iBAAiB;IAQ1C,IACI,eAAe,WAyBlB;IAED,IACI,cAAc,WAEjB;IAED,IACI,oBAAoB,YAEvB;IAED,IACI,aAAa,YAMhB;IAED,gBAAgB,CAAC,gBAAgB,EAAE,iBAAiB,GAAG,OAAO;IAK9D,iBAAiB,CAAC,gBAAgB,EAAE,iBAAiB;IAYrD,eAAe,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,KAAK,EAAE,aAAa;IAQzE,sBAAsB;IAItB,iBAAiB;IAajB,YAAY;IAcZ,qBAAqB;IAWrB,SAAS;IAyBT,SAAS;IAST,cAAc;IAkBd,aAAa,CAAC,KAAK,EAAE,KAAK;IAK1B,OAAO,CAAC,kBAAkB;IAM1B,cAAc,CAAC,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,OAAO,GAAG,IAAI;IAiC5C,yBAAyB,EAAE,IAAI,EAAE,CAAC;CAC/C;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;sBAMhC,CAAC"}

package/dist/dts/multiselect/multiselect.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,iBAAiB,iDAkM7B,CAAC"}
+{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,iBAAiB,iDAsM7B,CAAC"}

package/dist/dts/multiselect/multiselect.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect.template.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.template.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAMjD,eAAO,MAAM,sBAAsB,uFAwHlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,kEAE/B,CAAC"}
+{"version":3,"file":"multiselect.template.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.template.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAMjD,eAAO,MAAM,sBAAsB,uFAgHlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,kEAE/B,CAAC"}

package/dist/esm/multiselect/multiselect.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
 import { ResourceType } from '@genesislcap/foundation-comms';
-import { attr, observable, volatile } from '@microsoft/fast-element';
+import { attr, html, observable, volatile } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import debounce from 'lodash.debounce';
 import { dataserverCriteriaBuilder, logger, requestServerCriteriaBuilder, wasClickOutsideElement, } from '../utils';
@@ -39,6 +39,7 @@ export class Multiselect extends FoundationElement {
          * - Position.BELOW: Forces the dropdown to always open below the input field.
          */
         this.position = Position.BELOW;
+        this.itemRenderer = this.defaultItemRenderer;
         this.initialisedOptions = false;
     }
     debounceChanged(oldValue, newValue) {
@@ -68,6 +69,33 @@ export class Multiselect extends FoundationElement {
         super.disconnectedCallback();
         document.removeEventListener('mousedown', this.clickOutside);
     }
+    defaultItemRenderer(option, parent, prefix) {
+        return html `
+      <${prefix}-checkbox
+        part="checkbox"
+        class="checkbox"
+        @keydown=${(e) => parent.checkboxKeyDown(option, e)}
+        @click=${() => parent.selectCheckboxOne(option)}
+        @change=${(e) => parent.changeHandler(e)}
+        ?current-checked="${() => parent.isOptionSelected(option)}"
+        ?disabled="${() => parent.isOptionDisabled(option)}"
+      >
+        ${typeof option === 'string'
+            ? html `
+                <span part="option-label">${() => parent.getItemLabel(option)}</span>
+              `
+            : html `
+                <span
+                  data-option-label-text=${() => option.optionLabelText}
+                  style=${() => option.labelStyle}
+                  part="option-label"
+                >
+                  ${() => parent.getItemLabel(option)}
+                </span>
+              `}
+      </${prefix}-checkbox>
+    `;
+    }
     toggle() {
         if (!this.open) {
             this.setDropdownPosition();
@@ -76,7 +104,7 @@ export class Multiselect extends FoundationElement {
     }
     optionsChanged() {
         if (this.allSelected && !this.initialisedOptions) {
-            this.selectedOptions = this.options.map((option) => this.optionGetter(option));
+            this.selectedOptions = this.options.map((option) => this.optionValueGetter(option));
         }
         this.filteredAvailableOptions = [...this.options];
     }
@@ -111,11 +139,23 @@ export class Multiselect extends FoundationElement {
         this.optionsElement.classList.toggle('position-above', calculatedPosition === Position.ABOVE);
         this.optionsElement.classList.toggle('position-below', calculatedPosition === Position.BELOW);
     }
-    optionGetter(option) {
-        if (typeof option != 'string') {
-            return option.value;
+    optionValueGetter(option) {
+        if (typeof option === 'string') {
+            return option;
+        }
+        if (Array.isArray(option.value)) {
+            return option.value.join(',');
+        }
+        return option.value;
+    }
+    optionLabelGetter(option) {
+        if (typeof option === 'string') {
+            return option;
+        }
+        if (Array.isArray(option.label)) {
+            return option.label.join(', ');
         }
-        return option;
+        return option.label;
     }
     getItemLabel(option) {
         let value;
@@ -126,7 +166,7 @@ export class Multiselect extends FoundationElement {
             value = option;
         }
         else {
-            value = option.label || option.value || '';
+            value = this.optionLabelGetter(option) || this.optionValueGetter(option) || '';
         }
         return this.valueFormatter ? this.valueFormatter(value) : value;
     }
@@ -144,7 +184,7 @@ export class Multiselect extends FoundationElement {
                 break;
             }
             case 1: {
-                const selectedOption = this.options.find((option) => this.optionGetter(option) === this.selectedOptions[0]);
+                const selectedOption = this.options.find((option) => this.optionValueGetter(option) === this.selectedOptions[0]);
                 displayText = this.getItemLabel(selectedOption);
                 break;
             }
@@ -170,17 +210,17 @@ export class Multiselect extends FoundationElement {
             this.findExactMatchOptions().length === 0);
     }
     isOptionSelected(normalizedOption) {
-        return this.selectedOptions.includes(this.optionGetter(normalizedOption));
+        const value = this.optionValueGetter(normalizedOption);
+        return this.selectedOptions.includes(value);
     }
     selectCheckboxOne(normalizedOption) {
-        const option = this.optionGetter(normalizedOption);
+        const option = this.optionValueGetter(normalizedOption);
         const isIncluded = this.selectedOptions.includes(option);
         if (!isIncluded) {
             this.selectedOptions = [...this.selectedOptions, option];
         }
         else {
-            this.selectedOptions = [...this.selectedOptions];
-            this.selectedOptions.splice(this.selectedOptions.indexOf(option), 1);
+            this.selectedOptions = this.selectedOptions.filter((x) => x !== option);
         }
         this.$emit('selectionChange', this.selectedOptions);
     }
@@ -200,7 +240,7 @@ export class Multiselect extends FoundationElement {
             ? []
             : this.options
                 .filter((opt) => !this.isOptionDisabled(opt))
-                .map((option) => this.optionGetter(option));
+                .map((option) => this.optionValueGetter(option));
         if (this.onAllSelectedCallback) {
             this.onAllSelectedCallback(!prevAllChecked);
         }
@@ -223,21 +263,29 @@ export class Multiselect extends FoundationElement {
         const filterSearchValueLower = this.filterSearchValue.toLowerCase();
         return this.filteredAvailableOptions.filter((option) => {
             var _a, _b;
-            const optionValue = typeof option === 'string' ? option : (_a = option.label) !== null && _a !== void 0 ? _a : option.value;
+            const optionValue = typeof option === 'string'
+                ? option
+                : (_a = this.optionLabelGetter(option)) !== null && _a !== void 0 ? _a : this.optionValueGetter(option);
             return ((_b = optionValue === null || optionValue === void 0 ? void 0 : optionValue.toLowerCase()) !== null && _b !== void 0 ? _b : '') === filterSearchValueLower;
         });
     }
     setFilter() {
-        this.filteredAvailableOptions = [
-            ...this.options.filter((option) => {
-                var _a;
-                const optionValue = (typeof option == 'string' ? option : (_a = option.label) !== null && _a !== void 0 ? _a : option.value).toLowerCase();
-                const searchValue = this.filterSearchValue.toLowerCase();
-                return this.filterByContains
-                    ? optionValue.indexOf(searchValue) >= 0
-                    : optionValue.startsWith(searchValue);
-            }),
-        ];
+        debugger;
+        const searchValue = this.filterSearchValue.toLowerCase();
+        this.filteredAvailableOptions = this.options.filter((option) => {
+            const rawLabel = typeof option === 'string' ? option : option.label;
+            const rawValue = typeof option === 'string' ? option : option.value;
+            const checkMatch = (val) => this.filterByContains
+                ? val.toLowerCase().includes(searchValue)
+                : val.toLowerCase().startsWith(searchValue);
+            const matchLabel = Array.isArray(rawLabel)
+                ? rawLabel.some((val) => checkMatch(val))
+                : rawLabel && checkMatch(rawLabel);
+            const matchValue = Array.isArray(rawValue)
+                ? rawValue.some((val) => checkMatch(val))
+                : rawValue && checkMatch(rawValue);
+            return matchLabel || matchValue;
+        });
     }
     addOption() {
         this.options = [
@@ -364,6 +412,9 @@ __decorate([
 __decorate([
     observable
 ], Multiselect.prototype, "onAllSelectedCallback", void 0);
+__decorate([
+    observable
+], Multiselect.prototype, "itemRenderer", void 0);
 __decorate([
     volatile
 ], Multiselect.prototype, "getDisplayValue", null);
@@ -376,5 +427,8 @@ __decorate([
 __decorate([
     volatile
 ], Multiselect.prototype, "showCreatable", null);
+__decorate([
+    observable
+], Multiselect.prototype, "optionsHeaderSlottedNodes", void 0);
 export const foundationMultiselect = Multiselect.compose(Object.assign({ baseName: 'multiselect', template,
     styles, shadowOptions: foundationMultiselectShadowOptions }, defaultMultiselectConfig));

package/dist/esm/multiselect/multiselect.styles.js

@@ -194,4 +194,8 @@ export const multiselectStyles = css `
     line-height: var(--type-ramp-base-line-height);
     font-family: var(--body-font);
   }
+
+  .options-header-item-hidden {
+    display: none;
+  }
 `;

package/dist/esm/multiselect/multiselect.template.js

@@ -1,5 +1,5 @@
-import { sync, whenElse } from '@genesislcap/foundation-utils';
-import { html, repeat, ref, when, slotted } from '@microsoft/fast-element';
+import { sync } from '@genesislcap/foundation-utils';
+import { html, ref, repeat, slotted, when } from '@microsoft/fast-element';
 import { whitespaceFilter } from '@microsoft/fast-foundation';
 import { classNames } from '@microsoft/fast-web-utilities';
 import { MultiselectDatasource } from '../options-datasource';
@@ -69,29 +69,27 @@ export const getPrefixedMultiselect = (prefix = 'foundation') => html `
             Select All ${(x) => x.name}
           </${prefix}-button>
         `)}
+      <li
+        part="options-header-item"
+        class=${(x) => {
+    var _a;
+    return classNames('options-header-item', [
+        'options-header-item-hidden',
+        !((_a = x.optionsHeaderSlottedNodes) === null || _a === void 0 ? void 0 : _a.length),
+    ]);
+}}
+      >
+        <slot
+          name="options-header"
+          ${slotted({
+    property: 'optionsHeaderSlottedNodes',
+    filter: whitespaceFilter,
+})}
+        ></slot>
+      </li>
       ${repeat((x) => x.filteredAvailableOptions, html `
           <li role="option" value=${(x, ctx) => ctx.parent.getItemLabel(x)}>
-            <${prefix}-checkbox
-              part="checkbox"
-              class="checkbox"
-              @keydown=${(x, c) => c.parent.checkboxKeyDown(x, c.event)}
-              @click=${(x, c) => c.parent.selectCheckboxOne(x)}
-              @change=${(x, c) => c.parent.changeHandler(c.event)}
-              ?current-checked="${(x, c) => c.parent.isOptionSelected(x)}"
-              ?disabled="${(x, c) => c.parent.isOptionDisabled(x)}"
-            >
-${whenElse((x) => typeof x === 'string', html `
-    <span part="option-label">${(x, ctx) => ctx.parent.getItemLabel(x)}</span>
-  `, html `
-    <span
-      data-option-label-text=${(x) => x.optionLabelText}
-      style=${(x) => x.labelStyle}
-      part="option-label"
-    >
-      ${(x, ctx) => ctx.parent.getItemLabel(x)}
-    </span>
-  `)}
-            </${prefix}-checkbox>
+            ${(x, ctx) => { var _a, _b; return (_b = (_a = ctx.parent) === null || _a === void 0 ? void 0 : _a.itemRenderer) === null || _b === void 0 ? void 0 : _b.call(_a, x, ctx.parent, prefix); }}
           </li>
         `)}
       ${when((x) => x.showCreatable, html `

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "14.262.2",
+  "version": "14.263.1-alpha-7b4a655.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -83,13 +83,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.262.2",
-    "@genesislcap/genx": "14.262.2",
-    "@genesislcap/rollup-builder": "14.262.2",
-    "@genesislcap/ts-builder": "14.262.2",
-    "@genesislcap/uvu-playwright-builder": "14.262.2",
-    "@genesislcap/vite-builder": "14.262.2",
-    "@genesislcap/webpack-builder": "14.262.2",
+    "@genesislcap/foundation-testing": "14.263.1-alpha-7b4a655.0",
+    "@genesislcap/genx": "14.263.1-alpha-7b4a655.0",
+    "@genesislcap/rollup-builder": "14.263.1-alpha-7b4a655.0",
+    "@genesislcap/ts-builder": "14.263.1-alpha-7b4a655.0",
+    "@genesislcap/uvu-playwright-builder": "14.263.1-alpha-7b4a655.0",
+    "@genesislcap/vite-builder": "14.263.1-alpha-7b4a655.0",
+    "@genesislcap/webpack-builder": "14.263.1-alpha-7b4a655.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.0",
     "rxjs": "^7.5.4"
@@ -100,15 +100,15 @@
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/expression-builder": "14.262.2",
-    "@genesislcap/foundation-comms": "14.262.2",
-    "@genesislcap/foundation-criteria": "14.262.2",
-    "@genesislcap/foundation-errors": "14.262.2",
-    "@genesislcap/foundation-events": "14.262.2",
-    "@genesislcap/foundation-logger": "14.262.2",
-    "@genesislcap/foundation-notifications": "14.262.2",
-    "@genesislcap/foundation-user": "14.262.2",
-    "@genesislcap/foundation-utils": "14.262.2",
+    "@genesislcap/expression-builder": "14.263.1-alpha-7b4a655.0",
+    "@genesislcap/foundation-comms": "14.263.1-alpha-7b4a655.0",
+    "@genesislcap/foundation-criteria": "14.263.1-alpha-7b4a655.0",
+    "@genesislcap/foundation-errors": "14.263.1-alpha-7b4a655.0",
+    "@genesislcap/foundation-events": "14.263.1-alpha-7b4a655.0",
+    "@genesislcap/foundation-logger": "14.263.1-alpha-7b4a655.0",
+    "@genesislcap/foundation-notifications": "14.263.1-alpha-7b4a655.0",
+    "@genesislcap/foundation-user": "14.263.1-alpha-7b4a655.0",
+    "@genesislcap/foundation-utils": "14.263.1-alpha-7b4a655.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -130,5 +130,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "d4c7eaf9af2757646daf831ea8f2ce0c075832c0"
+  "gitHead": "c3609b826cbe1478c1e5d3bb308cdac9f2a3aa31"
 }