@genesislcap/foundation-ui 14.210.1-alpha-d058de3.0 → 14.210.2

package/dist/custom-elements.json

@@ -817,6 +817,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/_common/icons.ts",
@@ -864,7 +895,158 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/_config/index.ts",
+      "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": [
         {
@@ -872,7 +1054,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./styles"
+            "package": "./accordion.template"
           }
         },
         {
@@ -880,7 +1062,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tokens"
+            "package": "./accordion.styles"
           }
         },
         {
@@ -888,7 +1070,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./values"
+            "package": "./accordion"
           }
         }
       ]
@@ -1287,188 +1469,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/actions-menu/actions-menu.styles.ts",
@@ -9198,18 +9198,10 @@
               "name": "asyncSetFilter"
             },
             {
-              "kind": "method",
+              "kind": "field",
               "name": "resetCombobox"
             }
           ],
-          "events": [
-            {
-              "name": "change",
-              "type": {
-                "text": "Event"
-              }
-            }
-          ],
           "attributes": [
             {
               "type": {
@@ -25727,21 +25719,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/overlays/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./system-health"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/options-datasource/index.ts",
@@ -26725,6 +26702,10 @@
               },
               "privacy": "protected"
             },
+            {
+              "kind": "method",
+              "name": "fetchData"
+            },
             {
               "kind": "method",
               "name": "asyncModeIntialization"
@@ -26764,6 +26745,10 @@
                 "module": "src/utils/base-datasource.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "resetCombobox"
+            },
             {
               "kind": "method",
               "name": "handleStreamInserts",
@@ -27562,6 +27547,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/overlays/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./system-health"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/patterns/define.ts",

package/dist/dts/combobox/combobox.d.ts

@@ -37,7 +37,7 @@ export declare class Combobox extends FASTComboBox {
     protected selectItemByValue(value: string): void;
     inputHandler(e: InputEvent): boolean | void;
     asyncSetFilter(): void;
-    resetCombobox(): void;
+    resetCombobox: () => void;
 }
 export declare const foundationComboboxShadowOptions: ShadowRootInit;
 export declare const defaultComboboxConfig: {

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAGtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAWlE;;GAEG;AACH,qBAAa,QAAS,SAAQ,YAAY;;IACxC,OAAO,CAAC,SAAS,CAAS;IAGd,iBAAiB,EAAE,eAAe,CAAC;IACpB,KAAK,UAAS;IACnC,QAAQ,EAAE,MAAM,CAAiB;IACvC,eAAe,CAAC,QAAQ,KAAA,EAAE,QAAQ,EAAE,MAAM;IAG1C,qBAAqB,MAAC;IACtB,iFAAiF;IAE1E,aAAa,EAAE,OAAO,CAAS;IAEtC,wFAAwF;IAEjF,gBAAgB,EAAE,OAAO,CAAS;IAEzC,IAAW,KAAK,IAKO,MAAM,CAF5B;IAED,IAAW,KAAK,CAAC,IAAI,EAAE,MAAM,EA2B5B;IAEe,qBAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAMzE,aAAa,IAAI,IAAI;IAoBrB,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;IAuB3C,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI;IA+ChD,YAAY,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI;IA4B9D;;;;OAIG;IACH,SAAS,KAAK,SAAS,IAAI,OAAO,CAGjC;IAED;;;;;OAKG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAKhC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;IAQpD,cAAc;IAoBd,aAAa;CAQd;AAGD,eAAO,MAAM,+BAA+B,EAAE,cAG7C,CAAC;AAEF,eAAO,MAAM,qBAAqB;;CAajC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,8SAM7B,CAAC"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAGtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAWlE;;GAEG;AACH,qBAAa,QAAS,SAAQ,YAAY;;IACxC,OAAO,CAAC,SAAS,CAAS;IAGd,iBAAiB,EAAE,eAAe,CAAC;IACpB,KAAK,UAAS;IACnC,QAAQ,EAAE,MAAM,CAAiB;IACvC,eAAe,CAAC,QAAQ,KAAA,EAAE,QAAQ,EAAE,MAAM;IAG1C,qBAAqB,MAAC;IACtB,iFAAiF;IAE1E,aAAa,EAAE,OAAO,CAAS;IAEtC,wFAAwF;IAEjF,gBAAgB,EAAE,OAAO,CAAS;IAEzC,IAAW,KAAK,IAKO,MAAM,CAF5B;IAED,IAAW,KAAK,CAAC,IAAI,EAAE,MAAM,EAwB5B;IAEe,qBAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAMzE,aAAa,IAAI,IAAI;IAoBrB,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;IAuB3C,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI;IA6ChD,YAAY,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI;IA6B9D;;;;OAIG;IACH,SAAS,KAAK,SAAS,IAAI,OAAO,CAGjC;IAED;;;;;OAKG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAKhC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;IAQpD,cAAc;IAoBd,aAAa,aAOX;CACH;AAGD,eAAO,MAAM,+BAA+B,EAAE,cAG7C,CAAC;AAEF,eAAO,MAAM,qBAAqB;;CAajC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,8SAM7B,CAAC"}

package/dist/dts/options-datasource/options-datasource.d.ts

@@ -17,9 +17,11 @@ export declare class OptionsDatasource extends BaseDatasource {
         label: string;
     }[];
     connectedCallback(): Promise<void>;
+    fetchData(): void;
     asyncModeIntialization(): Promise<void>;
     clearData(): void;
     syncComponentData(snapshotData?: any[]): void;
+    resetCombobox(): void;
     handleStreamInserts(insertedRows: any[]): void;
     handleStreamDeletes(deletedRows: any[]): void;
     handleStreamUpdates(updatedRows: any[]): void;

package/dist/dts/options-datasource/options-datasource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options-datasource.d.ts","sourceRoot":"","sources":["../../../src/options-datasource/options-datasource.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,cAAc,EAAqB,MAAM,UAAU,CAAC;AAG7D,qBAGa,iBAAkB,SAAQ,cAAc;IACf,UAAU,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAyB;IAC5E,cAAc,MAAC;IAEf,oBAAoB,EAAE,MAAM,GAAG,MAAM,CAAC;IAClD,2BAA2B,CAAC,QAAQ,KAAA,EAAE,QAAQ,KAAA;IAI9C,8BAA8B,EAAE,OAAO,CAAS;IAEhD,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAQ;IAElC,SAAS,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAE7C,iBAAiB;IAgCjB,sBAAsB;IAY5B,SAAS,IAAI,IAAI;IAUjB,iBAAiB,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE;IA2CtC,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,IAAI;IAI9C,mBAAmB,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI;IAI7C,mBAAmB,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI;CAG9C"}
+{"version":3,"file":"options-datasource.d.ts","sourceRoot":"","sources":["../../../src/options-datasource/options-datasource.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,cAAc,EAAqB,MAAM,UAAU,CAAC;AAG7D,qBAGa,iBAAkB,SAAQ,cAAc;IACf,UAAU,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAyB;IAC5E,cAAc,MAAC;IAEf,oBAAoB,EAAE,MAAM,GAAG,MAAM,CAAC;IAClD,2BAA2B,CAAC,QAAQ,KAAA,EAAE,QAAQ,KAAA;IAQ9C,8BAA8B,EAAE,OAAO,CAAS;IAEhD,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAQ;IAElC,SAAS,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAE7C,iBAAiB;IAsBvB,SAAS;IAcH,sBAAsB;IAY5B,SAAS,IAAI,IAAI;IAUjB,iBAAiB,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE;IA4CtC,aAAa;IAMb,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,IAAI;IAI9C,mBAAmB,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI;IAI7C,mBAAmB,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI;CAG9C"}

package/dist/esm/combobox/combobox.js

@@ -25,6 +25,14 @@ export class Combobox extends FASTComboBox {
         this.caseSensitive = false;
         /** Controls whether to suppress opening the dropdown when the input field is clicked */
         this.ignoreInputClick = false;
+        this.resetCombobox = () => {
+            this.selectedOptions = [];
+            this.selectedIndex = -1;
+            this.value = '';
+            this.control.value = '';
+            this['filter'] = '';
+            this.filterOptions();
+        };
     }
     debounceChanged(oldValue, newValue) {
         this.debouncedInputHandler = debounce(this.asyncSetFilter, newValue);
@@ -35,8 +43,6 @@ export class Combobox extends FASTComboBox {
     }
     set value(next) {
         var _a, _b, _c;
-        if (next === undefined)
-            return;
         const prev = `${this._ourValue}`;
         if (this.$fastController.isConnected && this.options) {
             const searchFunc = this.caseSensitive
@@ -112,9 +118,6 @@ export class Combobox extends FASTComboBox {
                     this.open = true;
                     return true;
                 }
-                else {
-                    this.dispatchEvent(new Event('change', { bubbles: true }));
-                }
                 break;
             case 'ArrowDown':
             case 'ArrowUp':
@@ -154,8 +157,9 @@ export class Combobox extends FASTComboBox {
                 if (this.open && this.selectedOptions && this.selectedOptions.length === 1) {
                     const selectedOption = this.selectedOptions[0];
                     this.currentValue = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value;
+                    return;
                 }
-                return;
+                break;
             case 'Home':
             case 'End':
                 // base class clears the selected value for this, which is silly
@@ -214,14 +218,6 @@ export class Combobox extends FASTComboBox {
             logger.warn('Options-datasource is not connected. Please add a datasource to use this functionality.');
         }
     }
-    resetCombobox() {
-        this.selectedOptions = [];
-        this.selectedIndex = -1;
-        this.value = '';
-        this.control.value = '';
-        this['filter'] = '';
-        this.filterOptions();
-    }
 }
 _Combobox_indicator = new WeakMap(), _Combobox_wasOpenOnEnterDown = new WeakMap();
 __decorate([

package/dist/esm/combobox/combobox.template.js

@@ -3,13 +3,13 @@ import { endSlotTemplate, Listbox, startSlotTemplate } from '@microsoft/fast-fou
 export const foundationComboboxTemplate = (context, definition) => html `
   <template
     aria-disabled="${(x) => x.ariaDisabled}"
-    autocomplete="${(x) => x.autocomplete}"
     class="${(x) => (x.open ? 'open' : '')} ${(x) => (x.disabled ? 'disabled' : '')} ${(x) => x.position}"
     ?open="${(x) => x.open}"
-    tabindex="${(x) => (!x.disabled ? '0' : null)}"
     @click="${(x, c) => x.clickHandler(c.event)}"
+    @focusin="${(x, c) => x.focusinHandler(c.event)}"
     @focusout="${(x, c) => x.focusoutHandler(c.event)}"
     @keydown="${(x, c) => x.keydownHandler(c.event)}"
+    role="combobox"
   >
     <div class="control" part="control">
       ${startSlotTemplate(context, definition)}
@@ -17,15 +17,15 @@ export const foundationComboboxTemplate = (context, definition) => html `
         <input
           aria-activedescendant="${(x) => (x.open ? x.ariaActiveDescendant : null)}"
           aria-autocomplete="${(x) => x.ariaAutoComplete}"
-          aria-controls="${(x) => x.ariaControls || x.listboxId}"
+          aria-controls="${(x) => x.listboxId}"
           aria-disabled="${(x) => x.ariaDisabled}"
           aria-expanded="${(x) => x.ariaExpanded}"
           aria-haspopup="listbox"
-          aria-labelledby="${(x) => x.ariaLabelledby}"
+          autocomplete="${(x) => x.autocomplete}"
+          tabindex="${(x) => (!x.disabled ? '0' : null)}"
           class="selected-value"
           part="selected-value"
           placeholder="${(x) => x.placeholder}"
-          role="combobox"
           type="text"
           ?disabled="${(x) => x.disabled}"
           :value="${(x) => x.value}"

package/dist/esm/options-datasource/options-datasource.js

@@ -13,8 +13,11 @@ let OptionsDatasource = OptionsDatasource_1 = class OptionsDatasource extends Ba
         this.isSnapshot = true;
     }
     initialSelectedValueChanged(oldValue, newValue) {
-        if (newValue)
+        if (oldValue && newValue) {
             this.initalSelectedValueInitialized = false;
+            this.clearData();
+            this.fetchData();
+        }
     }
     connectedCallback() {
         const _super = Object.create(null, {
@@ -31,21 +34,24 @@ let OptionsDatasource = OptionsDatasource_1 = class OptionsDatasource extends Ba
                 const selectedOption = (_a = this.options) === null || _a === void 0 ? void 0 : _a.find((option) => String(option.label) === e.target.value);
                 this.select.$emit('value-change', selectedOption);
             });
-            if (this.select &&
-                this.valueField &&
-                ((this.resourceName && this.connect.isConnected) || this.data)) {
-                if (this.select instanceof FASTComboBox && this.select.async && this.initialSelectedValue) {
-                    this.asyncModeIntialization();
-                }
-                else {
-                    this.fetchGenesisData();
-                }
-            }
+            this.fetchData();
             if (!this.valueField) {
                 logger.warn('Specify field for values in options (e.g value-field="VALUE") and optionally field for label (e.g label-field="NAME")');
             }
         });
     }
+    fetchData() {
+        if (this.select &&
+            this.valueField &&
+            ((this.resourceName && this.connect.isConnected) || this.data)) {
+            if (this.select instanceof FASTComboBox && this.select.async && this.initialSelectedValue) {
+                this.asyncModeIntialization();
+            }
+            else {
+                this.fetchGenesisData();
+            }
+        }
+    }
     asyncModeIntialization() {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.datasource.init(this['datasourceOptions'](), true);
@@ -88,6 +94,7 @@ let OptionsDatasource = OptionsDatasource_1 = class OptionsDatasource extends Ba
             });
             if (!this.initalSelectedValueInitialized ||
                 (this.select instanceof FASTComboBox && !this.select.async)) {
+                this.resetCombobox();
                 const initialLabel = this.initialSelectedValue || this.initialSelectedValue === 0
                     ? (_a = this.options.find((x) => x.value === this.initialSelectedValue)) === null || _a === void 0 ? void 0 : _a.label
                     : '';
@@ -105,6 +112,11 @@ let OptionsDatasource = OptionsDatasource_1 = class OptionsDatasource extends Ba
             this.select.appendChild(option);
         }
     }
+    resetCombobox() {
+        if (this.select && this.select instanceof FASTComboBox) {
+            this.select.resetCombobox();
+        }
+    }
     handleStreamInserts(insertedRows) {
         logger.debug('handleStreamInserts - Method not implemented.');
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "14.210.1-alpha-d058de3.0",
+  "version": "14.210.2",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -83,13 +83,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.210.1-alpha-d058de3.0",
-    "@genesislcap/genx": "14.210.1-alpha-d058de3.0",
-    "@genesislcap/rollup-builder": "14.210.1-alpha-d058de3.0",
-    "@genesislcap/ts-builder": "14.210.1-alpha-d058de3.0",
-    "@genesislcap/uvu-playwright-builder": "14.210.1-alpha-d058de3.0",
-    "@genesislcap/vite-builder": "14.210.1-alpha-d058de3.0",
-    "@genesislcap/webpack-builder": "14.210.1-alpha-d058de3.0",
+    "@genesislcap/foundation-testing": "14.210.2",
+    "@genesislcap/genx": "14.210.2",
+    "@genesislcap/rollup-builder": "14.210.2",
+    "@genesislcap/ts-builder": "14.210.2",
+    "@genesislcap/uvu-playwright-builder": "14.210.2",
+    "@genesislcap/vite-builder": "14.210.2",
+    "@genesislcap/webpack-builder": "14.210.2",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.0",
     "rxjs": "^7.5.4"
@@ -100,13 +100,13 @@
     "@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/foundation-comms": "14.210.1-alpha-d058de3.0",
-    "@genesislcap/foundation-criteria": "14.210.1-alpha-d058de3.0",
-    "@genesislcap/foundation-errors": "14.210.1-alpha-d058de3.0",
-    "@genesislcap/foundation-logger": "14.210.1-alpha-d058de3.0",
-    "@genesislcap/foundation-notifications": "14.210.1-alpha-d058de3.0",
-    "@genesislcap/foundation-user": "14.210.1-alpha-d058de3.0",
-    "@genesislcap/foundation-utils": "14.210.1-alpha-d058de3.0",
+    "@genesislcap/foundation-comms": "14.210.2",
+    "@genesislcap/foundation-criteria": "14.210.2",
+    "@genesislcap/foundation-errors": "14.210.2",
+    "@genesislcap/foundation-logger": "14.210.2",
+    "@genesislcap/foundation-notifications": "14.210.2",
+    "@genesislcap/foundation-user": "14.210.2",
+    "@genesislcap/foundation-utils": "14.210.2",
     "@microsoft/fast-colors": "^5.3.1",
     "@microsoft/fast-components": "^2.30.6",
     "@microsoft/fast-element": "^1.12.0",
@@ -128,5 +128,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "55d5fbe3d3bbdf2d02031c9e56cf4895a132b2ef"
+  "gitHead": "4820ba557919bf13d7dccdd0a133317479694429"
 }