@genesislcap/foundation-ui 14.138.1 → 14.139.0

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/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/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/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/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>
+`;

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

@@ -0,0 +1,144 @@
+import { __awaiter, __decorate } from "tslib";
+import { attr, DOM, observable } from '@microsoft/fast-element';
+import { FoundationElement } from '@microsoft/fast-foundation';
+import { foundationSearchBarStyles as styles } from './search-bar.styles';
+import { foundationSearchBarTemplate as template } from './search-bar.template';
+import { INPUT_MIN_LENGTH, SCROLL_TIMEOUT, } from './search-bar.types';
+/**
+ * @tagname %%prefix%%-search-bar
+ */
+export class SearchBar extends FoundationElement {
+    constructor() {
+        super(...arguments);
+        this.searchTerm = '';
+        this.appearance = 'neutral';
+        this.minlength = INPUT_MIN_LENGTH;
+        this.placeholder = 'Start typing to search';
+        this.selectedOptions = [];
+        this.normalizeDelimiter = (inputString) => {
+            return inputString.trim().replace(/\t|\r\n|\n|\r|,/g, ' ');
+        };
+        this.addOrReplaceSelectedText = (previousText, selectedText, newText) => {
+            return (selectedText === null || selectedText === void 0 ? void 0 : selectedText.length) > 0
+                ? previousText.replace(selectedText, newText)
+                : previousText.concat(newText);
+        };
+    }
+    clear() {
+        this.selectedOptions = [];
+        this.combobox.currentValue = '';
+        this.$emit('selectionChange', []);
+    }
+    clearSearch() {
+        this.clear();
+    }
+    inputdeleted() {
+        if (this.selectedOptions.length > 0) {
+            this.unselectOption(this.selectedOptions[this.selectedOptions.length - 1]);
+        }
+    }
+    changeHandler() {
+        const newOptions = [];
+        this.combobox.selectedOptions.forEach((option) => {
+            var _a, _b;
+            const field = option.value;
+            const trimSearchTerm = this.searchTerm.trim();
+            newOptions.push({
+                field,
+                term: trimSearchTerm,
+                label: ((_a = this.options
+                    .find((availableOption) => availableOption.field === field)) === null || _a === void 0 ? void 0 : _a.label(trimSearchTerm)) || option.text,
+                createCriteria: (_b = this.options.find((availableOption) => availableOption.field === field)) === null || _b === void 0 ? void 0 : _b.createCriteria,
+            });
+        });
+        this.selectedOptions = [...this.selectedOptions, ...newOptions];
+        this.selectedOptions = this.selectedOptions.filter((option, index, self) => index ===
+            self.findIndex((compareOption) => option.field === compareOption.field && option.term === compareOption.term));
+        this.combobox.value = '';
+        this.combobox.open = false;
+        this.$emit('selectionChange', this.selectedOptions);
+        DOM.queueUpdate(() => {
+            setTimeout(() => {
+                this.selectedOptionsDiv.scrollTo(this.selectedOptionsDiv.scrollWidth, 0);
+            }, SCROLL_TIMEOUT);
+        });
+    }
+    pasteHandler(event) {
+        var _a;
+        this.loading = true;
+        const pastedText = event.clipboardData.getData('text/plain');
+        const formattedText = this.normalizeDelimiter(pastedText);
+        const selectedText = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString();
+        const newText = this.addOrReplaceSelectedText(this.combobox.value, selectedText, formattedText);
+        if ((newText === null || newText === void 0 ? void 0 : newText.length) >= this.minlength) {
+            this.combobox.value = newText;
+            this.searchTerm = newText;
+            this.combobox.open = true;
+        }
+        this.loading = false;
+    }
+    hasSelectedOption(term, field) {
+        return this.selectedOptions.some((option) => {
+            return option.term === term && option.field === field;
+        });
+    }
+    unselectOption(option) {
+        this.selectedOptions = this.selectedOptions.filter((x) => x !== option);
+        this.$emit('selectionChange', this.selectedOptions);
+    }
+    inputHandler() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.loading = true;
+            this.searchTerm = this.combobox.value;
+            if (this.combobox.value.length >= this.minlength) {
+                this.filterSelectedOptions(this.combobox.value);
+            }
+            this.loading = false;
+        });
+    }
+    filterSelectedOptions(term) {
+        this.filteredOptions = this.options.filter((option) => !this.selectedOptions.find((selectedOption) => selectedOption.field === option.field && selectedOption.term.trim() === term.trim()));
+    }
+}
+__decorate([
+    observable
+], SearchBar.prototype, "defaultSlottedNodes", void 0);
+__decorate([
+    observable
+], SearchBar.prototype, "options", void 0);
+__decorate([
+    observable
+], SearchBar.prototype, "searchTerm", void 0);
+__decorate([
+    attr
+], SearchBar.prototype, "appearance", void 0);
+__decorate([
+    attr
+], SearchBar.prototype, "minlength", void 0);
+__decorate([
+    attr
+], SearchBar.prototype, "placeholder", void 0);
+__decorate([
+    attr
+], SearchBar.prototype, "disabled", void 0);
+__decorate([
+    observable
+], SearchBar.prototype, "loading", void 0);
+__decorate([
+    observable
+], SearchBar.prototype, "selectedOptions", void 0);
+__decorate([
+    observable
+], SearchBar.prototype, "filteredOptions", void 0);
+// explicitly declaring for extensibility
+export const foundationSearchBarShadowOptions = undefined;
+export const defaultSearchBarConfig = {};
+/**
+ * The Foundation Search Bar
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-search-bar\>
+ */
+export const foundationSearchBar = SearchBar.compose(Object.assign({ baseName: 'search-bar', template,
+    styles, shadowOptions: foundationSearchBarShadowOptions }, defaultSearchBarConfig));