@genesislcap/foundation-ui 14.138.1 → 14.139.1

package/dist/dts/base-components.d.ts

@@ -198,6 +198,18 @@ export declare const baseComponents: {
     foundationProgressRing: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").ProgressRingOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").ProgressRingOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     foundationRadio: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").RadioOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").RadioOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     foundationRadioGroup: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./radio-group").RadioGroup>;
+    foundationSearchBar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+        baseName: string;
+        template: import("@microsoft/fast-element").ViewTemplate<import("./search-bar").SearchBar, any>;
+        styles: import("@microsoft/fast-element").ElementStyles;
+        shadowOptions: ShadowRootInit;
+    }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+        baseName: string;
+        template: import("@microsoft/fast-element").ViewTemplate<import("./search-bar").SearchBar, any>;
+        styles: import("@microsoft/fast-element").ElementStyles;
+        shadowOptions: ShadowRootInit;
+    }, typeof import("./search-bar").SearchBar>;
+    foundationSearchBarCombobox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./search-bar").SearchBarCombobox>;
     foundationSegmentedControl: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./segmented-control").SegmentedControl>;
     foundationSegmentedItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").RadioOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").RadioOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     foundationSelect: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").SelectOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").SelectOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/dist/dts/base-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AA0E5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAyEJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
+{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AA4E5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA2EJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}

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

@@ -17,6 +17,7 @@ export declare class Combobox extends FASTComboBox {
     ignoreInputClick: boolean;
     get value(): string;
     set value(next: string);
+    slottedOptionsChanged(prev: Element[] | undefined, next: Element[]): void;
     filterOptions(): void;
     clickHandler(e: MouseEvent): boolean | void;
     keydownHandler(e: KeyboardEvent): boolean | void;

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,EAsB5B;IAEe,aAAa,IAAI,IAAI;IAoBrB,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;IAuB3C,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI;IAiChD,YAAY,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI;IAuB9D;;;;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;CAmBf;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,EAsB5B;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;IAiChD,YAAY,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI;IAuB9D;;;;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;CAmBf;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/index.d.ts

@@ -59,6 +59,7 @@ export * from './progress-ring';
 export * from './radio';
 export * from './radio-group';
 export * from './router';
+export * from './search-bar';
 export * from './segmented-control';
 export * from './segmented-item';
 export * from './select';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEvF,OAAO,EAAE,cAAc,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,CAAC;AAExE,eAAO,MAAM,8BAA8B,yDAAuD,CAAC;AAEnG,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEvF,OAAO,EAAE,cAAc,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,CAAC;AAExE,eAAO,MAAM,8BAA8B,yDAAuD,CAAC;AAEnG,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC"}

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

@@ -5,6 +5,7 @@ export declare class OptionsDatasource extends BaseDatasource {
     labelField: string;
     optionElement: string;
     valueField: string;
+    emptyDataLabel: string;
     labelFormatter: any;
     initialSelectedValue: string | number;
     initialSelectedValueChanged(oldValue: any, newValue: 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":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,cAAc,EAAU,MAAM,UAAU,CAAC;AAGlD,qBAGa,iBAAkB,SAAQ,cAAc;IACf,UAAU,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IAC3C,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;IA8BjB,sBAAsB;IAY5B,SAAS,IAAI,IAAI;IAUjB,iBAAiB,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE;IA8BtC,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":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,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;IAwCtC,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/dts/search-bar/index.d.ts

@@ -0,0 +1,8 @@
+export * from './search-bar';
+export * from './search-bar.styles';
+export * from './search-bar.template';
+export * from './search-bar.types';
+export * from './search-bar-combobox';
+export * from './search-bar-combobox.styles';
+export * from './search-bar-combobox.template';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/search-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/search-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC"}

package/dist/dts/search-bar/search-bar-combobox.d.ts

@@ -0,0 +1,27 @@
+import { Combobox } from '@microsoft/fast-components';
+/**
+ * @tagname %%prefix%%-search-bar-combobox
+ */
+export declare class SearchBarCombobox extends Combobox {
+    minlength: number;
+    private previousLength;
+    private changeListener;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    clickHandler(e: any): boolean | void;
+    keyupHandler(e: KeyboardEvent): void;
+    keydownHandler(e: Event & KeyboardEvent): boolean | void;
+    inputHandler(e: InputEvent): boolean | void;
+    openChanged(): void;
+}
+export declare const foundationSearchBarComboboxShadowOptions: ShadowRootInit;
+export declare const defaultSearchBarComboboxConfig: {};
+/**
+ * The Foundation Search Bar Combobox
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-search-bar-combobox\>
+ */
+export declare const foundationSearchBarCombobox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof SearchBarCombobox>;
+//# sourceMappingURL=search-bar-combobox.d.ts.map

package/dist/dts/search-bar/search-bar-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar-combobox.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar-combobox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAOtD;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,QAAQ;IACvC,SAAS,EAAE,MAAM,CAA0B;IAEjD,OAAO,CAAC,cAAc,CAAc;IAEpC,OAAO,CAAC,cAAc,CAEpB;IAEF,iBAAiB;IAKjB,oBAAoB,IAAI,IAAI;IAK5B,YAAY,CAAC,CAAC,EAAE,GAAG,GAAG,OAAO,GAAG,IAAI;IAiB7B,YAAY,CAAC,CAAC,EAAE,aAAa;IA0B7B,cAAc,CAAC,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,OAAO,GAAG,IAAI;IAoC/D,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;IAW3C,WAAW;CAWZ;AAED,eAAO,MAAM,wCAAwC,EAAE,cAGtD,CAAC;AAEF,eAAO,MAAM,8BAA8B,IAAK,CAAC;AAEjD;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B,iUAMtC,CAAC"}

package/dist/dts/search-bar/search-bar-combobox.styles.d.ts

@@ -0,0 +1,4 @@
+import { ElementStyles } from '@microsoft/fast-element';
+import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const foundationSearchBarComboboxStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+//# sourceMappingURL=search-bar-combobox.styles.d.ts.map

package/dist/dts/search-bar/search-bar-combobox.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar-combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar-combobox.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,iCAAiC,YACnC,wBAAwB,cACrB,2BAA2B,KACtC,aAsBF,CAAC"}

package/dist/dts/search-bar/search-bar-combobox.template.d.ts

@@ -0,0 +1,6 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import { ElementDefinitionContext } from '@microsoft/fast-foundation';
+import type { ComboboxOptions } from '@microsoft/fast-foundation';
+import type { SearchBarCombobox } from './search-bar-combobox';
+export declare const foundationSearchBarComboboxTemplate: (context: ElementDefinitionContext, definition: ComboboxOptions) => ViewTemplate<SearchBarCombobox>;
+//# sourceMappingURL=search-bar-combobox.template.d.ts.map

package/dist/dts/search-bar/search-bar-combobox.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar-combobox.template.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar-combobox.template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAmB,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,eAAO,MAAM,mCAAmC,YACrC,wBAAwB,cACrB,eAAe,KAC1B,aAAa,iBAAiB,CAyDhC,CAAC"}

package/dist/dts/search-bar/search-bar.d.ts

@@ -0,0 +1,52 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import { SearchBarCombobox } from './search-bar-combobox';
+import { AvailableOption, SelectedOption } from './search-bar.types';
+/**
+ * @tagname %%prefix%%-search-bar
+ */
+export declare class SearchBar extends FoundationElement {
+    combobox: SearchBarCombobox;
+    defaultSlottedNodes: any;
+    options: AvailableOption[];
+    searchTerm: string;
+    appearance: string;
+    minlength: number;
+    placeholder: string;
+    disabled: boolean;
+    loading: boolean;
+    selectedOptions: SelectedOption[];
+    filteredOptions: AvailableOption[];
+    selectedOptionsDiv: HTMLDivElement;
+    clear(): void;
+    clearSearch(): void;
+    inputdeleted(): void;
+    changeHandler(): void;
+    pasteHandler(event: ClipboardEvent): void;
+    hasSelectedOption(term: string, field: string): boolean;
+    unselectOption(option: any): void;
+    inputHandler(): Promise<void>;
+    private filterSelectedOptions;
+    private normalizeDelimiter;
+    private addOrReplaceSelectedText;
+}
+export declare const foundationSearchBarShadowOptions: ShadowRootInit;
+export declare const defaultSearchBarConfig: {};
+/**
+ * The Foundation Search Bar
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-search-bar\>
+ */
+export declare const foundationSearchBar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<SearchBar, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    shadowOptions: ShadowRootInit;
+}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<SearchBar, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    shadowOptions: ShadowRootInit;
+}, typeof SearchBar>;
+//# sourceMappingURL=search-bar.d.ts.map

package/dist/dts/search-bar/search-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAG1D,OAAO,EACL,eAAe,EACf,cAAc,EAGf,MAAM,oBAAoB,CAAC;AAE5B;;GAEG;AACH,qBAAa,SAAU,SAAQ,iBAAiB;IACvC,QAAQ,EAAE,iBAAiB,CAAC;IACvB,mBAAmB,MAAC;IAEpB,OAAO,EAAE,eAAe,EAAE,CAAC;IAE3B,UAAU,EAAE,MAAM,CAAM;IAE9B,UAAU,EAAE,MAAM,CAAa;IAC/B,SAAS,EAAE,MAAM,CAAoB;IAErC,WAAW,EAAE,MAAM,CAA4B;IAC/C,QAAQ,EAAE,OAAO,CAAC;IAEZ,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,cAAc,EAAE,CAAM;IACvC,eAAe,EAAE,eAAe,EAAE,CAAC;IAExC,kBAAkB,EAAE,cAAc,CAAC;IAEnC,KAAK;IAML,WAAW,IAAI,IAAI;IAInB,YAAY;IAMZ,aAAa;IAuCb,YAAY,CAAC,KAAK,EAAE,cAAc;IAclC,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAM7C,cAAc,CAAC,MAAM,EAAE,GAAG;IAKpB,YAAY;IASzB,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,wBAAwB,CAQ9B;CACH;AAGD,eAAO,MAAM,gCAAgC,EAAE,cAA0B,CAAC;AAE1E,eAAO,MAAM,sBAAsB,IAAK,CAAC;AAEzC;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;oBAM9B,CAAC"}

package/dist/dts/search-bar/search-bar.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const foundationSearchBarStyles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=search-bar.styles.d.ts.map

package/dist/dts/search-bar/search-bar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.styles.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,iDA6FrC,CAAC"}

package/dist/dts/search-bar/search-bar.template.d.ts

@@ -0,0 +1,6 @@
+import { SearchBar } from './search-bar';
+export declare const crossIcon: (slot?: string) => string;
+export declare const plusIcon: () => string;
+export declare const getPrefixedSearchBar: (prefix: string) => import("@microsoft/fast-element").ViewTemplate<SearchBar, any>;
+export declare const foundationSearchBarTemplate: import("@microsoft/fast-element").ViewTemplate<SearchBar, any>;
+//# sourceMappingURL=search-bar.template.d.ts.map

package/dist/dts/search-bar/search-bar.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.template.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar.template.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,eAAO,MAAM,SAAS,2BAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,cAGd,CAAC;AAER,eAAO,MAAM,oBAAoB,WAAY,MAAM,mEAyFlD,CAAC;AAEF,eAAO,MAAM,2BAA2B,gEAEvC,CAAC"}

package/dist/dts/search-bar/search-bar.types.d.ts

@@ -0,0 +1,19 @@
+type CriteriaCreator = <T extends string = string>(type: T, term: string) => string;
+export declare const SCROLL_TIMEOUT = 10;
+export declare const INPUT_MIN_LENGTH = 3;
+export declare const COMBO_INPUT_MIN_LENGTH = 1;
+export type SelectedOption<T extends string = string> = {
+    field: T;
+    term: string;
+    label: string;
+    createCriteria: CriteriaCreator;
+};
+export type AvailableOption<T extends string = string> = {
+    field: T;
+    label: (searchTerm: string) => string;
+    createCriteria: CriteriaCreator;
+    isEnabled: (searchTerm: string, selectedOptions: SelectedOption[]) => boolean;
+};
+export declare const getCriteriaBuilder: CriteriaCreator;
+export {};
+//# sourceMappingURL=search-bar.types.d.ts.map

package/dist/dts/search-bar/search-bar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.types.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar.types.ts"],"names":[],"mappings":"AAEA,KAAK,eAAe,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;AAEpF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAExC,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACtD,KAAK,EAAE,CAAC,CAAC;IACT,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,eAAe,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACvD,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,cAAc,EAAE,eAAe,CAAC;IAChC,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,OAAO,CAAC;CAC/E,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,eAUhC,CAAC"}

package/dist/esm/base-components.js

@@ -49,6 +49,8 @@ import { foundationProgress } from './progress';
 import { foundationProgressRing } from './progress-ring';
 import { foundationRadio } from './radio';
 import { foundationRadioGroup } from './radio-group';
+import { foundationSearchBar } from './search-bar';
+import { foundationSearchBarCombobox } from './search-bar';
 import { foundationSegmentedControl } from './segmented-control';
 import { foundationSegmentedItem } from './segmented-item';
 import { foundationSelect } from './select/index';
@@ -122,6 +124,8 @@ export const baseComponents = {
     foundationProgressRing,
     foundationRadio,
     foundationRadioGroup,
+    foundationSearchBar,
+    foundationSearchBarCombobox,
     foundationSegmentedControl,
     foundationSegmentedItem,
     foundationSelect,

package/dist/esm/combobox/combobox.js

@@ -53,6 +53,11 @@ export class Combobox extends FASTComboBox {
             Observable.notify(this, 'value');
         }
     }
+    slottedOptionsChanged(prev, next) {
+        const shouldEmit = this.async ? true : false;
+        super.slottedOptionsChanged(prev, next);
+        this['updateValue'](shouldEmit);
+    }
     filterOptions() {
         if (!this.autocomplete || this.autocomplete === ComboboxAutocomplete.none) {
             this['filter'] = '';

package/dist/esm/index.js

@@ -59,6 +59,7 @@ export * from './progress-ring';
 export * from './radio';
 export * from './radio-group';
 export * from './router';
+export * from './search-bar';
 export * from './segmented-control';
 export * from './segmented-item';
 export * from './select';

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

@@ -3,11 +3,12 @@ import { __awaiter, __decorate } from "tslib";
 import { ResourceType } from '@genesislcap/foundation-comms';
 import { attr, customElement, DOM, observable } from '@microsoft/fast-element';
 import { Combobox } from '../combobox';
-import { BaseDatasource, logger } from '../utils';
+import { BaseDatasource, getPrefix, logger } from '../utils';
 import { dataserverCriteriaBuilder, requestServerCriteriaBuilder } from '../utils';
 let OptionsDatasource = OptionsDatasource_1 = class OptionsDatasource extends BaseDatasource {
     constructor() {
         super(...arguments);
+        this.emptyDataLabel = 'No matching records';
         this.initalSelectedValueInitialized = false;
         this.isSnapshot = true;
     }
@@ -19,13 +20,15 @@ let OptionsDatasource = OptionsDatasource_1 = class OptionsDatasource extends Ba
         const _super = Object.create(null, {
             connectedCallback: { get: () => super.connectedCallback }
         });
-        var _a;
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
             _super.connectedCallback.call(this);
             this.fields = this.labelField ? (_a = this.valueField) === null || _a === void 0 ? void 0 : _a.concat(' ', this.labelField) : this.valueField;
             this.select = this.parentElement;
+            this.optionElement = (_b = this.optionElement) !== null && _b !== void 0 ? _b : `${getPrefix(this.select)}-option`;
             this.select.addEventListener('change', (e) => {
-                const selectedOption = this.options.find((option) => option.label === e.target.value);
+                var _a;
+                const selectedOption = (_a = this.options) === null || _a === void 0 ? void 0 : _a.find((option) => option.label === e.target.value);
                 this.select.$emit('value-change', selectedOption);
             });
             if (this.select &&
@@ -67,27 +70,38 @@ let OptionsDatasource = OptionsDatasource_1 = class OptionsDatasource extends Ba
     syncComponentData(snapshotData) {
         var _a;
         const rowData = snapshotData !== null && snapshotData !== void 0 ? snapshotData : Array.from(this.rowsSyncedWithStream.values());
-        this.options = rowData.map((row) => ({
-            value: row[this.valueField],
-            label: this.labelFormatter ? this.labelFormatter(row[this.labelField]) : row[this.labelField],
-        }));
-        const listboxOptions = this.options.map(({ value, label }) => {
-            const option = document.createElement(this.optionElement);
-            option.textContent = label ? label : value;
-            option.value = value;
-            return option;
-        });
-        listboxOptions.forEach((x) => {
-            this.select.appendChild(x);
-        });
-        if (!this.initalSelectedValueInitialized) {
-            const initialLabel = this.initialSelectedValue || this.initialSelectedValue === 0
-                ? (_a = this.options.find((x) => x.value === this.initialSelectedValue)) === null || _a === void 0 ? void 0 : _a.label
-                : '';
-            DOM.queueUpdate(() => {
-                this.select.value = initialLabel;
+        if (rowData.length > 0) {
+            this.options = rowData.map((row) => ({
+                value: row[this.valueField],
+                label: this.labelFormatter
+                    ? this.labelFormatter(row[this.labelField])
+                    : row[this.labelField],
+            }));
+            const listboxOptions = this.options.map(({ value, label }) => {
+                const option = document.createElement(this.optionElement);
+                option.textContent = label ? label : value;
+                option.value = value;
+                return option;
+            });
+            listboxOptions.forEach((x) => {
+                this.select.appendChild(x);
             });
-            this.initalSelectedValueInitialized = true;
+            if (!this.initalSelectedValueInitialized) {
+                const initialLabel = this.initialSelectedValue || this.initialSelectedValue === 0
+                    ? (_a = this.options.find((x) => x.value === this.initialSelectedValue)) === null || _a === void 0 ? void 0 : _a.label
+                    : '';
+                DOM.queueUpdate(() => {
+                    this.select.value = initialLabel;
+                });
+                this.initalSelectedValueInitialized = true;
+            }
+        }
+        else {
+            const option = document.createElement(this.optionElement);
+            option.textContent = this.emptyDataLabel;
+            option.value = '';
+            option.disabled = true;
+            this.select.appendChild(option);
         }
     }
     handleStreamInserts(insertedRows) {
@@ -109,6 +123,9 @@ __decorate([
 __decorate([
     attr({ attribute: 'value-field' })
 ], OptionsDatasource.prototype, "valueField", void 0);
+__decorate([
+    attr({ attribute: 'empty-data-label' })
+], OptionsDatasource.prototype, "emptyDataLabel", void 0);
 __decorate([
     observable
 ], OptionsDatasource.prototype, "labelFormatter", void 0);

package/dist/esm/search-bar/index.js

@@ -0,0 +1,7 @@
+export * from './search-bar';
+export * from './search-bar.styles';
+export * from './search-bar.template';
+export * from './search-bar.types';
+export * from './search-bar-combobox';
+export * from './search-bar-combobox.styles';
+export * from './search-bar-combobox.template';

package/dist/esm/search-bar/search-bar-combobox.js

@@ -0,0 +1,140 @@
+import { __decorate } from "tslib";
+import { Combobox } from '@microsoft/fast-components';
+import { attr } from '@microsoft/fast-element';
+import { foundationSearchBarComboboxStyles } from './search-bar-combobox.styles';
+import { foundationSearchBarComboboxTemplate } from './search-bar-combobox.template';
+import { COMBO_INPUT_MIN_LENGTH } from './search-bar.types';
+/**
+ * @tagname %%prefix%%-search-bar-combobox
+ */
+export class SearchBarCombobox extends Combobox {
+    constructor() {
+        super(...arguments);
+        this.minlength = COMBO_INPUT_MIN_LENGTH;
+        this.previousLength = -1;
+        this.changeListener = (e) => {
+            this.previousLength = 0;
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('change', this.changeListener);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('change', this.changeListener);
+    }
+    clickHandler(e) {
+        if (this.disabled) {
+            return;
+        }
+        if (this.open) {
+            const captured = e.target.closest(`option,[role=option]`);
+            if (!captured || captured.disabled) {
+                return;
+            }
+            this.selectedOptions = [captured];
+            this.control.value = captured.text;
+            this.value = this.control.value;
+            this.$emit('change');
+        }
+        this.control.focus();
+    }
+    keyupHandler(e) {
+        const key = e.key;
+        switch (key) {
+            case 'Backspace':
+            case 'Delete': {
+                if (this.previousLength < 0) {
+                    this.$emit('inputdeleted');
+                }
+                else {
+                    this.previousLength = this.previousLength - 1;
+                }
+                break;
+            }
+            case 'Enter': {
+                if (this.open && this.selectedIndex !== -1) {
+                    const firstOption = this.slottedOptions[0];
+                    this.selectedOptions = [firstOption];
+                    this.control.value = firstOption.text;
+                    this.value = this.control.value;
+                    this.$emit('change');
+                }
+            }
+        }
+        super.keyupHandler(e);
+    }
+    keydownHandler(e) {
+        const key = e.key;
+        switch (key) {
+            case 'ArrowUp':
+            case 'ArrowDown': {
+                if (this.control.value.length < this.minlength) {
+                    return;
+                }
+                else {
+                    return super.keydownHandler(e);
+                }
+            }
+            case 'Enter': {
+                if (this.selectedIndex === -1) {
+                    return false;
+                }
+                return super.keydownHandler(e);
+            }
+            case 'Tab': {
+                if (!this.open) {
+                    return true;
+                }
+                if (e.shiftKey) {
+                    this.selectPreviousOption();
+                }
+                else {
+                    this.selectNextOption();
+                }
+                break;
+            }
+            default:
+                return super.keydownHandler(e);
+        }
+    }
+    inputHandler(e) {
+        if (this.control.value.length >= this.minlength) {
+            this.open = true;
+        }
+        else {
+            e.stopImmediatePropagation();
+            this.open = false;
+        }
+        this.value = this.control.value;
+        this.previousLength = this.control.value.length;
+    }
+    openChanged() {
+        if (this.open) {
+            this.ariaControls = this.listboxId;
+            this.ariaExpanded = 'true';
+            this.setPositioning();
+            this.focusAndScrollOptionIntoView();
+            return;
+        }
+        this.ariaControls = '';
+        this.ariaExpanded = 'false';
+    }
+}
+__decorate([
+    attr
+], SearchBarCombobox.prototype, "minlength", void 0);
+export const foundationSearchBarComboboxShadowOptions = {
+    delegatesFocus: true,
+    mode: 'open',
+};
+export const defaultSearchBarComboboxConfig = {};
+/**
+ * The Foundation Search Bar Combobox
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-search-bar-combobox\>
+ */
+export const foundationSearchBarCombobox = SearchBarCombobox.compose(Object.assign({ baseName: 'search-bar-combobox', template: foundationSearchBarComboboxTemplate, styles: foundationSearchBarComboboxStyles, shadowOptions: foundationSearchBarComboboxShadowOptions }, defaultSearchBarComboboxConfig));

package/dist/esm/search-bar/search-bar-combobox.styles.js

@@ -0,0 +1,26 @@
+import { designUnit } from '@microsoft/fast-components';
+import { css } from '@microsoft/fast-element';
+import { foundationComboboxStyles } from '../combobox';
+export const foundationSearchBarComboboxStyles = (context, definition) => css `
+  ${foundationComboboxStyles(context, definition)}
+  .control {
+    width: auto;
+    padding-left: calc(${designUnit} * 1px);
+    padding-right: 0;
+  }
+
+  .end {
+    height: 100%;
+    min-width: 36px;
+    max-width: 36px;
+    padding-right: 2px;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+  }
+
+  .selected-value {
+    min-width: 150px;
+    max-width: 169px;
+  }
+`;

package/dist/esm/search-bar/search-bar-combobox.template.js

@@ -0,0 +1,60 @@
+import { html, ref, slotted } from '@microsoft/fast-element';
+import { endSlotTemplate } from '@microsoft/fast-foundation';
+import { Listbox } from '@microsoft/fast-foundation';
+export const foundationSearchBarComboboxTemplate = (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} body"
+    ?open="${(x) => x.open}"
+    tabindex="${(x) => (!x.disabled ? '0' : null)}"
+    @click="${(x, c) => x.clickHandler(c.event)}"
+    @focusout="${(x, c) => x.focusoutHandler(c.event)}"
+    @keydown="${(x, c) => x.keydownHandler(c.event)}"
+    data-test-id="combobox"
+  >
+    <slot name="selectedOptions" data-test-id="options"></slot>
+    <div class="control" part="control">
+      <slot name="control">
+        <input
+          aria-activedescendant="${(x) => (x.open ? x.ariaActiveDescendant : null)}"
+          aria-autocomplete="${(x) => x.ariaAutoComplete}"
+          aria-controls="${(x) => x.ariaControls}"
+          aria-disabled="${(x) => x.ariaDisabled}"
+          aria-expanded="${(x) => x.ariaExpanded}"
+          aria-haspopup="listbox"
+          class="selected-value"
+          part="selected-value"
+          placeholder="${(x) => x.placeholder}"
+          role="combobox"
+          type="text"
+          ?disabled="${(x) => x.disabled}"
+          :value="${(x) => x.value}"
+          @input="${(x, c) => x.inputHandler(c.event)}"
+          @keyup="${(x, c) => x.keyupHandler(c.event)}"
+          ${ref('control')}
+          data-test-id="selected-value"
+        />
+      </slot>
+    </div>
+    ${endSlotTemplate(context, definition)}
+    <div
+      class="listbox"
+      id="${(x) => x.listboxId}"
+      part="listbox"
+      role="listbox"
+      ?disabled="${(x) => x.disabled}"
+      ?hidden="${(x) => !x.open}"
+      ${ref('listbox')}
+      data-test-id="listbox"
+    >
+      <slot
+        ${slotted({
+    filter: Listbox.slottedOptionFilter,
+    flatten: true,
+    property: 'slottedOptions',
+})}
+      ></slot>
+    </div>
+  </template>
+`;