@skyux/lookup 7.3.0 → 7.4.0

package/index.d.ts

@@ -22,6 +22,15 @@ export * from './lib/modules/lookup/types/lookup-show-more-native-picker-config'
 export * from './lib/modules/autocomplete/types/autocomplete-search-args';
 export * from './lib/modules/autocomplete/types/autocomplete-search-context';
 export * from './lib/modules/search/search.module';
+export * from './lib/modules/selection-modal/selection-modal.module';
+export * from './lib/modules/selection-modal/selection-modal.service';
+export * from './lib/modules/selection-modal/types/selection-modal-add-click-callback-args';
+export * from './lib/modules/selection-modal/types/selection-modal-add-click-event-args';
+export * from './lib/modules/selection-modal/types/selection-modal-close-args';
+export * from './lib/modules/selection-modal/types/selection-modal-open-args';
+export * from './lib/modules/selection-modal/types/selection-modal-result';
+export * from './lib/modules/selection-modal/types/selection-modal-search-args';
+export * from './lib/modules/selection-modal/types/selection-modal-search-result';
 export * from './lib/modules/search/search.component';
 export { SkyAutocompleteInputDirective as λ1 } from './lib/modules/autocomplete/autocomplete-input.directive';
 export { SkyAutocompleteComponent as λ2 } from './lib/modules/autocomplete/autocomplete.component';

package/lib/modules/lookup/lookup.component.d.ts

@@ -1,6 +1,6 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { SkyAppWindowRef } from '@skyux/core';
+import { SkyAppWindowRef, SkyLogService } from '@skyux/core';
 import { SkyInputBoxHostService } from '@skyux/forms';
 import { SkyLibResourcesService } from '@skyux/i18n';
 import { SkyToken, SkyTokensMessage } from '@skyux/indicators';
@@ -12,6 +12,7 @@ import { SkyAutocompleteMessage } from '../autocomplete/types/autocomplete-messa
 import { SkyAutocompleteSearchAsyncArgs } from '../autocomplete/types/autocomplete-search-async-args';
 import { SkyAutocompleteSelectionChange } from '../autocomplete/types/autocomplete-selection-change';
 import { SkyAutocompleteShowMoreArgs } from '../autocomplete/types/autocomplete-show-more-args';
+import { SkySelectionModalService } from '../selection-modal/selection-modal.service';
 import { SkyLookupAdapterService } from './lookup-adapter.service';
 import { SkyLookupAutocompleteAdapter } from './lookup-autocomplete-adapter';
 import { SkyLookupAddClickEventArgs } from './types/lookup-add-click-event-args';
@@ -107,7 +108,7 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
     inputTemplateRef: TemplateRef<unknown> | undefined;
     lookupWrapperRef: ElementRef | undefined;
     searchIconTemplateRef: TemplateRef<unknown> | undefined;
-    constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, windowRef: SkyAppWindowRef, adapter: SkyLookupAdapterService, modalService: SkyModalService, resourcesService: SkyLibResourcesService, ngControl?: NgControl, inputBoxHostSvc?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService | undefined);
+    constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, windowRef: SkyAppWindowRef, adapter: SkyLookupAdapterService, modalService: SkyModalService, resourcesService: SkyLibResourcesService, selectionModalSvc: SkySelectionModalService, logSvc: SkyLogService, ngControl?: NgControl, inputBoxHostSvc?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService | undefined);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -131,6 +132,6 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
     onShowMoreClick(event: SkyAutocompleteShowMoreArgs): void;
     openPicker(initialSearch: string): void;
     onSearchAsync(args: SkyAutocompleteSearchAsyncArgs): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupComponent, [null, null, null, null, null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupComponent, [null, null, null, null, null, null, null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyLookupComponent, "sky-lookup", never, { "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "autocompleteAttribute": "autocompleteAttribute"; "data": "data"; "disabled": "disabled"; "enableShowMore": "enableShowMore"; "placeholderText": "placeholderText"; "idProperty": "idProperty"; "showAddButton": "showAddButton"; "showMoreConfig": "showMoreConfig"; "selectMode": "selectMode"; "wrapperClass": "wrapperClass"; }, { "addClick": "addClick"; }, never, never, false>;
 }

package/lib/modules/lookup/lookup.module.d.ts

@@ -1,23 +1,22 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./lookup.component";
-import * as i2 from "./lookup-item-selected.pipe";
-import * as i3 from "./lookup-show-more-async-modal.component";
-import * as i4 from "./lookup-show-more-modal.component";
-import * as i5 from "@angular/common";
-import * as i6 from "@angular/forms";
-import * as i7 from "../autocomplete/autocomplete.module";
-import * as i8 from "@skyux/forms";
-import * as i9 from "@skyux/indicators";
-import * as i10 from "@skyux/lists";
-import * as i11 from "@skyux/i18n";
-import * as i12 from "../shared/sky-lookup-resources.module";
-import * as i13 from "@skyux/modals";
-import * as i14 from "../search/search.module";
-import * as i15 from "@skyux/theme";
-import * as i16 from "@skyux/layout";
-import * as i17 from "@skyux/core";
+import * as i2 from "./lookup-show-more-modal.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "../autocomplete/autocomplete.module";
+import * as i6 from "@skyux/forms";
+import * as i7 from "@skyux/indicators";
+import * as i8 from "@skyux/lists";
+import * as i9 from "@skyux/i18n";
+import * as i10 from "../shared/sky-lookup-resources.module";
+import * as i11 from "@skyux/modals";
+import * as i12 from "../search/search.module";
+import * as i13 from "../selection-modal/selection-modal.module";
+import * as i14 from "@skyux/theme";
+import * as i15 from "@skyux/layout";
+import * as i16 from "@skyux/core";
 export declare class SkyLookupModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyLookupModule, [typeof i1.SkyLookupComponent, typeof i2.SkyLookupItemSelectedPipe, typeof i3.SkyLookupShowMoreAsyncModalComponent, typeof i4.SkyLookupShowMoreModalComponent], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i7.SkyAutocompleteModule, typeof i8.SkyCheckboxModule, typeof i9.SkyIconModule, typeof i10.SkyInfiniteScrollModule, typeof i11.SkyI18nModule, typeof i12.SkyLookupResourcesModule, typeof i13.SkyModalModule, typeof i10.SkyRepeaterModule, typeof i14.SkySearchModule, typeof i15.SkyThemeModule, typeof i9.SkyTokensModule, typeof i16.SkyToolbarModule, typeof i17.SkyViewkeeperModule, typeof i9.SkyWaitModule], [typeof i1.SkyLookupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyLookupModule, [typeof i1.SkyLookupComponent, typeof i2.SkyLookupShowMoreModalComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.SkyAutocompleteModule, typeof i6.SkyCheckboxModule, typeof i7.SkyIconModule, typeof i8.SkyInfiniteScrollModule, typeof i9.SkyI18nModule, typeof i10.SkyLookupResourcesModule, typeof i11.SkyModalModule, typeof i8.SkyRepeaterModule, typeof i12.SkySearchModule, typeof i13.SkySelectionModalModule, typeof i14.SkyThemeModule, typeof i7.SkyTokensModule, typeof i15.SkyToolbarModule, typeof i16.SkyViewkeeperModule, typeof i7.SkyWaitModule], [typeof i1.SkyLookupComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyLookupModule>;
 }

package/lib/modules/selection-modal/selection-modal-item-selected.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @internal
+ */
+export declare class SkySelectionModalItemSelectedPipe implements PipeTransform {
+    transform(id: unknown, selectedIdMap: Map<unknown, unknown>): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionModalItemSelectedPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SkySelectionModalItemSelectedPipe, "skySelectionModalItemSelected", false>;
+}

package/lib/modules/{lookup/lookup-show-more-async-modal.component.d.ts → selection-modal/selection-modal.component.d.ts}

@@ -1,17 +1,16 @@
 import { ChangeDetectorRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { SkyIdService, SkyLogService } from '@skyux/core';
+import { SkyIdService } from '@skyux/core';
 import { SkyModalInstance } from '@skyux/modals';
 import { Subject } from 'rxjs';
-import { SkyLookupShowMoreNativePickerAsyncContext } from './types/lookup-show-more-native-picker-async-context';
+import { SkySelectionModalContext } from './types/selection-modal-context';
 import * as i0 from "@angular/core";
 /**
  * @internal
- * Internal component to implement the native picker.
  */
-export declare class SkyLookupShowMoreAsyncModalComponent implements OnInit, OnDestroy {
+export declare class SkySelectionModalComponent implements OnInit, OnDestroy {
     #private;
     modalInstance: SkyModalInstance;
-    context: SkyLookupShowMoreNativePickerAsyncContext;
+    context: SkySelectionModalContext;
     /**
      * @internal
      * Fires when users select the button to add new options to the list.
@@ -30,18 +29,19 @@ export declare class SkyLookupShowMoreAsyncModalComponent implements OnInit, OnD
     repeaterItemTemplate: TemplateRef<unknown> | null;
     searchText: string | undefined;
     selectedIdMap: Map<unknown, unknown>;
-    constructor(modalInstance: SkyModalInstance, context: SkyLookupShowMoreNativePickerAsyncContext, changeDetector: ChangeDetectorRef, idSvc: SkyIdService, logSvc: SkyLogService);
+    constructor(modalInstance: SkyModalInstance, context: SkySelectionModalContext, changeDetector: ChangeDetectorRef, idSvc: SkyIdService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     addButtonClicked(): void;
     clearAll(): void;
     itemClick(selectedItem: any): void;
+    addItem(itemToAdd: any): void;
     onItemSelect(newSelectState: boolean, itemToSelect: any): void;
     searchApplied(searchText: string): void;
     selectAll(): void;
     infiniteScrollEnd(): void;
     save(): void;
     updateDisplayedItems(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupShowMoreAsyncModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyLookupShowMoreAsyncModalComponent, "sky-lookup-show-more-async-modal", never, {}, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkySelectionModalComponent, "sky-selection-modal", never, {}, {}, never, never, false>;
 }

package/lib/modules/selection-modal/selection-modal.module.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./selection-modal.component";
+import * as i2 from "./selection-modal-item-selected.pipe";
+import * as i3 from "@angular/common";
+import * as i4 from "@skyux/forms";
+import * as i5 from "@skyux/i18n";
+import * as i6 from "@skyux/indicators";
+import * as i7 from "@skyux/lists";
+import * as i8 from "@skyux/modals";
+import * as i9 from "../search/search.module";
+import * as i10 from "@skyux/theme";
+import * as i11 from "@skyux/layout";
+import * as i12 from "@skyux/core";
+export declare class SkySelectionModalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkySelectionModalModule, [typeof i1.SkySelectionModalComponent, typeof i2.SkySelectionModalItemSelectedPipe], [typeof i3.CommonModule, typeof i4.SkyCheckboxModule, typeof i5.SkyI18nModule, typeof i6.SkyIconModule, typeof i7.SkyInfiniteScrollModule, typeof i8.SkyModalModule, typeof i7.SkyRepeaterModule, typeof i9.SkySearchModule, typeof i10.SkyThemeModule, typeof i11.SkyToolbarModule, typeof i12.SkyViewkeeperModule, typeof i6.SkyWaitModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkySelectionModalModule>;
+}

package/lib/modules/selection-modal/selection-modal.service.d.ts

@@ -0,0 +1,18 @@
+import { SkyModalService } from '@skyux/modals';
+import { SkySelectionModalInstance } from './types/selection-modal-instance';
+import { SkySelectionModalOpenArgs } from './types/selection-modal-open-args';
+import * as i0 from "@angular/core";
+/**
+ * Displays a modal for selecting one or more values.
+ */
+export declare class SkySelectionModalService {
+    #private;
+    constructor(modalSvc: SkyModalService);
+    /**
+     * Opens the selection modal.
+     * @param args Parameters for the selection modal.
+     */
+    open(args: SkySelectionModalOpenArgs): SkySelectionModalInstance;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkySelectionModalService>;
+}

package/lib/modules/selection-modal/types/selection-modal-add-click-callback-args.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Specifies the information for the callback used when adding a new item to a selection modal instance.
+ */
+export interface SkySelectionModalAddCallbackArgs {
+    /**
+     * The new item which has been added to the data. This item will be automatically selected.
+     */
+    item: any;
+}

package/lib/modules/selection-modal/types/selection-modal-add-click-event-args.d.ts

@@ -0,0 +1,11 @@
+import { SkySelectionModalAddCallbackArgs } from './selection-modal-add-click-callback-args';
+/**
+ * Specifies a callback function for the consumer to use to notify the selection modal that a new item has been added.
+ */
+export interface SkySelectionModalAddClickEventArgs {
+    /**
+     * A callback function for the consumer to use to notify the selection modal that a new item has been added.
+     * @param args Specifies information about the item that was added.
+     */
+    itemAdded: (args: SkySelectionModalAddCallbackArgs) => void;
+}

package/lib/modules/selection-modal/types/selection-modal-close-args.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The result from the selection modal.
+ */
+export interface SkySelectionModalCloseArgs {
+    /**
+     * Indicates why the selection modal was closed.
+     */
+    reason: 'cancel' | 'close' | 'save';
+    /**
+     * A collection of items the user selected. This property is only
+     * set when the `result` property is set to `save`.
+     */
+    selectedItems?: unknown[];
+}

package/lib/modules/selection-modal/types/selection-modal-context.d.ts

@@ -0,0 +1,18 @@
+import { SkyAutocompleteSearchAsyncFunction } from '../../autocomplete/types/autocomplete-search-async-function';
+import { SkyLookupSelectModeType } from '../../lookup/types/lookup-select-mode-type';
+import { SkyLookupShowMoreNativePickerConfig } from '../../lookup/types/lookup-show-more-native-picker-config';
+/**
+ * @internal
+ * Context for the selection modal. These values are provided by the selection modal service.
+ */
+export declare class SkySelectionModalContext {
+    descriptorProperty: string;
+    idProperty: string;
+    initialSearch: string;
+    initialValue: unknown[];
+    searchAsync: SkyAutocompleteSearchAsyncFunction;
+    selectMode: SkyLookupSelectModeType;
+    showAddButton: boolean;
+    userConfig: SkyLookupShowMoreNativePickerConfig;
+    constructor(descriptorProperty: string, idProperty: string, initialSearch: string, initialValue: unknown[], searchAsync: SkyAutocompleteSearchAsyncFunction, selectMode: SkyLookupSelectModeType, showAddButton: boolean, userConfig: SkyLookupShowMoreNativePickerConfig);
+}

package/lib/modules/selection-modal/types/selection-modal-instance.d.ts

@@ -0,0 +1,33 @@
+import { Observable } from 'rxjs';
+import { SkySelectionModalCloseArgs } from './selection-modal-close-args';
+/**
+ * Represents an instance of a selection modal.
+ */
+export declare class SkySelectionModalInstance {
+    #private;
+    /**
+     * An event that the selection modal instance emits when it closes.
+     * It emits a `SkySelectionModalCloseArgs` object with a `selectedItems` property that includes
+     * items selected by users on close or save and a `reason` property that indicates
+     * whether the selection modal was saved or closed without saving.
+     * The `reason` property accepts `"cancel"`, `"close"`, and `"save"`.
+     */
+    get closed(): Observable<SkySelectionModalCloseArgs>;
+    /**
+     * @internal
+     */
+    get itemAdded(): Observable<unknown>;
+    /**
+     * @internal
+     */
+    id: string;
+    constructor(id: string);
+    /**
+     * @internal
+     */
+    close(args: SkySelectionModalCloseArgs): void;
+    /**
+     * @internal
+     */
+    addItem(itemToAdd: unknown): void;
+}

package/lib/modules/selection-modal/types/selection-modal-open-args.d.ts

@@ -0,0 +1,58 @@
+import { TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { SkyLookupSelectModeType } from '../../lookup/types/lookup-select-mode-type';
+import { SkySelectionModalAddClickEventArgs } from './selection-modal-add-click-event-args';
+import { SkySelectionModalSearchArgs } from './selection-modal-search-args';
+import { SkySelectionModalSearchResult } from './selection-modal-search-result';
+/**
+ * Parameters for the selection modal.
+ */
+export interface SkySelectionModalOpenArgs {
+    /**
+     * The template to format each option in the search results. The selection modal
+     * injects values into the template as `item` variables that reference all the object
+     * properties of the options. If you do not specify a template, the item's descriptor
+     * property value is displayed.
+     */
+    itemTemplate?: TemplateRef<unknown>;
+    /**
+     * The title for the selection modal.
+     * @default "Select an option/Select options"
+     */
+    title?: string;
+    /**
+     * The initial value for the selection modal.
+     */
+    value?: unknown[];
+    /**
+     * Specifies an object property to display in the text input after users
+     * select an item in the dropdown list.
+     */
+    descriptorProperty: string;
+    /**
+     * An object property that represents the object's unique identifier.
+     */
+    idProperty: string;
+    /**
+     * The initial search text.
+     */
+    initialSearch?: string;
+    /**
+     * Called when users enter new search information and returns results via an observable.
+     */
+    searchAsync: (args: SkySelectionModalSearchArgs) => Observable<SkySelectionModalSearchResult> | undefined;
+    /**
+     * Specifies whether users can select one option or multiple options.
+     * @default "multiple"
+     */
+    selectMode: SkyLookupSelectModeType;
+    /**
+     * Whether to display a button that lets users add options to the list.
+     * @default false
+     */
+    showAddButton?: boolean;
+    /**
+     * Called when users select the button to add options to the list.
+     */
+    addClick?: (args: SkySelectionModalAddClickEventArgs) => void;
+}

package/lib/modules/selection-modal/types/selection-modal-result.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The result from the selection modal.
+ */
+export interface SkySelectionModalResult {
+    /**
+     * Indicates whether the user saved or canceled the modal.
+     */
+    result: 'save' | 'cancel';
+    /**
+     * A collection of items the user selected. This property is only
+     * set when the `result` property is set to `save`.
+     */
+    selectedItems?: unknown[];
+}

package/lib/modules/selection-modal/types/selection-modal-search-args.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Arguments passed when an asynchronous search is executed from the
+ * selection modal service.
+ */
+export interface SkySelectionModalSearchArgs {
+    /**
+     * The search text entered by the user.
+     */
+    searchText: string;
+    /**
+     * The offset index of the first result to return. When search is executed
+     * as a result of an infinite scroll event, for example, offset will be set
+     * to the number of items already displayed.
+     */
+    offset: number;
+    /**
+     * A continuation token which can be set and then will be passed back with any future searches.
+     * This is helpful for applications which utilize a token instead of an offset when fetching data.
+     */
+    continuationData?: unknown;
+}

package/lib/modules/selection-modal/types/selection-modal-search-result.d.ts

@@ -0,0 +1,25 @@
+/**
+ * The result of searching for items to display in a selection modal.
+ */
+export interface SkySelectionModalSearchResult {
+    /**
+     * Data provided on "load more" search result requests. Use this property for
+     * information such as a continuation token for paged database queries.
+     */
+    continuationData?: unknown;
+    /**
+     * Indicates whether there are more results that match the search criteria.
+     */
+    hasMore?: boolean;
+    /**
+     * A list of items matching the search criteria. When there are more items that match
+     * the search criteria, set the `hasMore` property to `true` more records can be lazy-loaded
+     * as the user scrolls through the search results.
+     */
+    items: unknown[];
+    /**
+     * The total number of records that match the search criteria, including items not returned in
+     * the current list of items.
+     */
+    totalCount: number;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/lookup",
-  "version": "7.3.0",
+  "version": "7.4.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -46,15 +46,15 @@
     "@angular/core": "^14.2.11",
     "@angular/forms": "^14.2.11",
     "@angular/platform-browser": "^14.2.11",
-    "@skyux-sdk/testing": "7.3.0",
-    "@skyux/core": "7.3.0",
-    "@skyux/forms": "7.3.0",
-    "@skyux/i18n": "7.3.0",
-    "@skyux/indicators": "7.3.0",
-    "@skyux/layout": "7.3.0",
-    "@skyux/lists": "7.3.0",
-    "@skyux/modals": "7.3.0",
-    "@skyux/theme": "7.3.0"
+    "@skyux-sdk/testing": "7.4.0",
+    "@skyux/core": "7.4.0",
+    "@skyux/forms": "7.4.0",
+    "@skyux/i18n": "7.4.0",
+    "@skyux/indicators": "7.4.0",
+    "@skyux/layout": "7.4.0",
+    "@skyux/lists": "7.4.0",
+    "@skyux/modals": "7.4.0",
+    "@skyux/theme": "7.4.0"
   },
   "dependencies": {
     "intl-tel-input": "17.0.19",

package/testing/lookup/lookup-show-more-picker-harness.d.ts

@@ -1,4 +1,5 @@
-import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { HarnessPredicate } from '@angular/cdk/testing';
+import { SkySelectionModalHarness } from '../selection-modal/selection-modal-harness';
 import { SkyLookupShowMorePickerHarnessFilters } from './lookup-show-more-picker-harness-filters';
 import { SkyLookupShowMorePickerSearchResultHarness } from './lookup-show-more-picker-search-result-harness';
 import { SkyLookupShowMorePickerSearchResultHarnessFilters } from './lookup-show-more-picker-search-result-harness-filters';
@@ -6,57 +7,18 @@ import { SkyLookupShowMorePickerSearchResultHarnessFilters } from './lookup-show
  * Harness for interacting with a lookup's "Show more" picker in tests.
  * @internal
  */
-export declare class SkyLookupShowMorePickerHarness extends ComponentHarness {
-    #private;
-    /**
-     * Use the class name since the async and non-async pickers use different
-     * host components but share the same wrapper CSS class.
-     * @internal
-     */
-    static hostSelector: string;
+export declare class SkyLookupShowMorePickerHarness extends SkySelectionModalHarness {
     /**
      * Gets a `HarnessPredicate` that can be used to search for a
      * `SkyLookupShowMorePickerHarness` that meets certain criteria.
      */
     static with(filters: SkyLookupShowMorePickerHarnessFilters): HarnessPredicate<SkyLookupShowMorePickerHarness>;
-    /**
-     * Clears the text of the search input.
-     */
-    clearSearchText(): Promise<void>;
-    /**
-     * Enters text into the search input and performs a search.
-     */
-    enterSearchText(value: string): Promise<void>;
     /**
      * Selects multiple search results based on a set of criteria.
      */
     selectSearchResult(filters?: SkyLookupShowMorePickerSearchResultHarnessFilters): Promise<void>;
-    /**
-     * Saves any selections made and closes the picker.
-     */
-    saveAndClose(): Promise<void>;
-    /**
-     * Closes the picker without saving any selections made.
-     */
-    cancel(): Promise<void>;
     /**
      * Gets a list of search results.
      */
     getSearchResults(filters?: SkyLookupShowMorePickerSearchResultHarnessFilters): Promise<SkyLookupShowMorePickerSearchResultHarness[]>;
-    /**
-     * Clears all selections made.
-     */
-    clearAll(): Promise<void>;
-    /**
-     * Whether the picker is configured to allow multiple selections.
-     */
-    isMultiselect(): Promise<boolean>;
-    /**
-     * Selects all search results.
-     */
-    selectAll(): Promise<void>;
-    /**
-     * Loads more results in the picker.
-     */
-    loadMore(): Promise<void>;
 }

package/testing/lookup/lookup-show-more-picker-search-result-harness-filters.d.ts

@@ -1,7 +1,7 @@
-import { SkyRepeaterItemHarnessFilters } from '@skyux/lists/testing';
+import { SkySelectionModalSearchResultHarnessFilters } from '../selection-modal/selection-modal-search-result-harness-filters';
 /**
  * A set of criteria that can be used to filter a list of `SkyLookupShowMorePickerSearchResultHarness` instances.
  * @internal
  */
-export interface SkyLookupShowMorePickerSearchResultHarnessFilters extends Omit<SkyRepeaterItemHarnessFilters, 'titleText' | 'ancestor'> {
+export interface SkyLookupShowMorePickerSearchResultHarnessFilters extends SkySelectionModalSearchResultHarnessFilters {
 }

package/testing/lookup/lookup-show-more-picker-search-result-harness.d.ts

@@ -1,7 +1,7 @@
-import { SkyRepeaterItemHarness } from '@skyux/lists/testing';
+import { SkySelectionModalSearchResultHarness } from '../selection-modal/selection-modal-search-result-harness';
 /**
  * Harness for interacting with a lookup's "Show more" picker search results in tests.
  * @internal
  */
-export declare class SkyLookupShowMorePickerSearchResultHarness extends SkyRepeaterItemHarness {
+export declare class SkyLookupShowMorePickerSearchResultHarness extends SkySelectionModalSearchResultHarness {
 }

package/testing/public-api.d.ts

@@ -17,3 +17,6 @@ export * from './search/search-fixture';
 export * from './search/search-harness';
 export * from './search/search-harness-filters';
 export * from './search/search-testing.module';
+export * from './selection-modal/selection-modal-harness';
+export * from './selection-modal/selection-modal-search-result-harness';
+export * from './selection-modal/selection-modal-search-result-harness-filters';

package/testing/selection-modal/selection-modal-harness.d.ts

@@ -0,0 +1,62 @@
+import { ComponentHarness } from '@angular/cdk/testing';
+import { SkySelectionModalSearchResultHarness } from './selection-modal-search-result-harness';
+import { SkySelectionModalSearchResultHarnessFilters } from './selection-modal-search-result-harness-filters';
+/**
+ * Harness for interacting with a selection modal in tests.
+ * @internal
+ */
+export declare class SkySelectionModalHarness extends ComponentHarness {
+    #private;
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Clears the text of the search input.
+     */
+    clearSearchText(): Promise<void>;
+    /**
+     * Enters text into the search input and performs a search.
+     */
+    enterSearchText(value: string): Promise<void>;
+    /**
+     * Selects multiple search results based on a set of criteria.
+     */
+    selectSearchResult(filters?: SkySelectionModalSearchResultHarnessFilters): Promise<void>;
+    /**
+     * Saves any selections made and closes the modal.
+     */
+    saveAndClose(): Promise<void>;
+    /**
+     * Closes the picker without saving any selections made.
+     */
+    cancel(): Promise<void>;
+    /**
+     * Gets a list of search results.
+     */
+    getSearchResults(filters?: SkySelectionModalSearchResultHarnessFilters): Promise<SkySelectionModalSearchResultHarness[]>;
+    /**
+     * Clears all selections made.
+     */
+    clearAll(): Promise<void>;
+    /**
+     * Whether the selection modal is configured to allow multiple selections.
+     */
+    isMultiselect(): Promise<boolean>;
+    /**
+     * Selects all search results.
+     */
+    selectAll(): Promise<void>;
+    /**
+     * Loads more results in the picker.
+     */
+    loadMore(): Promise<void>;
+    /**
+     * Whether the selection modal is configured to show the add button.
+     */
+    hasAddButton(): Promise<boolean>;
+    /**
+     * Clicks the add button.
+     */
+    clickAddButton(): Promise<void>;
+}

package/testing/selection-modal/selection-modal-search-result-harness-filters.d.ts

@@ -0,0 +1,7 @@
+import { SkyRepeaterItemHarnessFilters } from '@skyux/lists/testing';
+/**
+ * A set of criteria that can be used to filter a list of `SkySelectionModalSearchResultHarness` instances.
+ * @internal
+ */
+export interface SkySelectionModalSearchResultHarnessFilters extends Omit<SkyRepeaterItemHarnessFilters, 'titleText' | 'ancestor'> {
+}

package/testing/selection-modal/selection-modal-search-result-harness.d.ts

@@ -0,0 +1,7 @@
+import { SkyRepeaterItemHarness } from '@skyux/lists/testing';
+/**
+ * Harness for interacting with a selection modal's search results in tests.
+ * @internal
+ */
+export declare class SkySelectionModalSearchResultHarness extends SkyRepeaterItemHarness {
+}

package/esm2020/lib/modules/lookup/lookup-item-selected.pipe.mjs

@@ -1,16 +0,0 @@
-import { Pipe } from '@angular/core';
-import * as i0 from "@angular/core";
-export class SkyLookupItemSelectedPipe {
-    transform(id, selectedIdMap) {
-        return selectedIdMap.has(id);
-    }
-}
-SkyLookupItemSelectedPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyLookupItemSelectedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SkyLookupItemSelectedPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: SkyLookupItemSelectedPipe, name: "skyLookupItemSelected" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyLookupItemSelectedPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'skyLookupItemSelected',
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9va3VwLWl0ZW0tc2VsZWN0ZWQucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sb29rdXAvc3JjL2xpYi9tb2R1bGVzL2xvb2t1cC9sb29rdXAtaXRlbS1zZWxlY3RlZC5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQUtwRCxNQUFNLE9BQU8seUJBQXlCO0lBQzdCLFNBQVMsQ0FBQyxFQUFXLEVBQUUsYUFBb0M7UUFDaEUsT0FBTyxhQUFhLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQy9CLENBQUM7O3VIQUhVLHlCQUF5QjtxSEFBekIseUJBQXlCOzRGQUF6Qix5QkFBeUI7a0JBSHJDLElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLHVCQUF1QjtpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBQaXBlKHtcbiAgbmFtZTogJ3NreUxvb2t1cEl0ZW1TZWxlY3RlZCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUxvb2t1cEl0ZW1TZWxlY3RlZFBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgcHVibGljIHRyYW5zZm9ybShpZDogdW5rbm93biwgc2VsZWN0ZWRJZE1hcDogTWFwPHVua25vd24sIHVua25vd24+KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHNlbGVjdGVkSWRNYXAuaGFzKGlkKTtcbiAgfVxufVxuIl19