@theseam/ui-common 0.4.13 → 0.4.15

package/framework/schema-form-controls/schema-form-submit-split/schema-form-submit-split.component.d.ts

@@ -1,27 +1,28 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
 import { JsonSchemaFormService, TitleMapItem } from '@ajsf/core';
+import { TheSeamSchemaFormControlWidget, TheSeamSchemaFormWidgetLayoutNodeOptions } from '../../schema-form';
 import * as i0 from "@angular/core";
 export type TheSeamSchemaFormSubmitSplitItem = TitleMapItem;
-export declare class TheSeamSchemaFormSubmitSplitComponent implements OnInit, OnDestroy {
-    private jsf;
+export declare class TheSeamSchemaFormSubmitSplitComponent implements OnInit, OnDestroy, TheSeamSchemaFormControlWidget {
+    private readonly _jsf;
     /** @ignore */
     private readonly _ngUnsubscribe;
     formControl?: AbstractControl;
     controlName?: string;
-    controlValue: any;
+    controlValue?: any;
     controlDisabled: boolean;
     boundControl: boolean;
-    options: any;
-    layoutNode: any;
-    layoutIndex: number[] | undefined | null;
-    dataIndex: number[] | undefined | null;
+    options?: TheSeamSchemaFormWidgetLayoutNodeOptions;
+    layoutNode: TheSeamSchemaFormControlWidget['layoutNode'];
+    layoutIndex: TheSeamSchemaFormControlWidget['layoutIndex'];
+    dataIndex: TheSeamSchemaFormControlWidget['dataIndex'];
     _buttonLabel: string;
     _dropdownObj: any;
     _dropdownDisabled: boolean;
     _selectList: TheSeamSchemaFormSubmitSplitItem[];
     _selectedItem?: TheSeamSchemaFormSubmitSplitItem;
-    constructor(jsf: JsonSchemaFormService);
+    constructor(_jsf: JsonSchemaFormService);
     /** @ignore */
     ngOnInit(): void;
     /** @ignore */
@@ -33,5 +34,5 @@ export declare class TheSeamSchemaFormSubmitSplitComponent implements OnInit, On
     private _getSelectedItem;
     _setDropdownValue(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamSchemaFormSubmitSplitComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamSchemaFormSubmitSplitComponent, "seam-schema-form-submit-split", never, { "layoutNode": "layoutNode"; "layoutIndex": "layoutIndex"; "dataIndex": "dataIndex"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamSchemaFormSubmitSplitComponent, "seam-schema-form-submit-split", never, { "layoutNode": "layoutNode"; "layoutIndex": "layoutIndex"; "dataIndex": "dataIndex"; }, {}, never, never, true, never>;
 }

package/framework/schema-form-controls/schema-form-tel/schema-form-tel.component.d.ts

@@ -0,0 +1,23 @@
+import { OnInit } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+import { JsonSchemaFormService } from '@ajsf/core';
+import { TheSeamSchemaFormControlWidget, TheSeamSchemaFormWidgetLayoutNodeOptions } from '../../schema-form';
+import * as i0 from "@angular/core";
+export declare class TheSeamSchemaFormTelComponent implements OnInit, TheSeamSchemaFormControlWidget {
+    private readonly _jsf;
+    formControl?: AbstractControl;
+    controlName?: string;
+    controlValue?: any;
+    controlDisabled: boolean;
+    boundControl: boolean;
+    options?: TheSeamSchemaFormWidgetLayoutNodeOptions;
+    layoutNode: TheSeamSchemaFormControlWidget['layoutNode'];
+    layoutIndex: TheSeamSchemaFormControlWidget['layoutIndex'];
+    dataIndex: TheSeamSchemaFormControlWidget['dataIndex'];
+    autoCompleteList: string[];
+    constructor(_jsf: JsonSchemaFormService);
+    ngOnInit(): void;
+    updateValue(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamSchemaFormTelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamSchemaFormTelComponent, "seam-schema-form-tel", never, { "layoutNode": "layoutNode"; "layoutIndex": "layoutIndex"; "dataIndex": "dataIndex"; }, {}, never, never, true, never>;
+}

package/framework/schema-form-controls/schema-form-tiled-select/schema-form-tiled-select.component.d.ts

@@ -0,0 +1,32 @@
+import { OnInit } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+import { JsonSchemaFormService } from '@ajsf/core';
+import { TheSeamSchemaFormControlWidget, TheSeamSchemaFormWidgetLayoutNodeOptions } from '../../schema-form';
+import { TiledSelectItem, TiledSelectLayout } from '@theseam/ui-common/tiled-select';
+import { Platform } from '@angular/cdk/platform';
+import * as i0 from "@angular/core";
+export declare class TheSeamSchemaFormTiledSelectComponent implements OnInit, TheSeamSchemaFormControlWidget {
+    private readonly _jsf;
+    private readonly _platform;
+    formControl?: AbstractControl;
+    controlName?: string;
+    controlValue?: any;
+    controlDisabled: boolean;
+    boundControl: boolean;
+    options?: TheSeamSchemaFormWidgetLayoutNodeOptions;
+    layoutNode: TheSeamSchemaFormControlWidget['layoutNode'];
+    layoutIndex: TheSeamSchemaFormControlWidget['layoutIndex'];
+    dataIndex: TheSeamSchemaFormControlWidget['dataIndex'];
+    tiles: TiledSelectItem[];
+    layout: TiledSelectLayout;
+    multiple: boolean;
+    selectionToggleable: boolean;
+    tileBackdrop: boolean;
+    showSelectedIcon: boolean;
+    animationsDisabled: boolean;
+    constructor(_jsf: JsonSchemaFormService, _platform: Platform);
+    ngOnInit(): void;
+    updateValue(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamSchemaFormTiledSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamSchemaFormTiledSelectComponent, "seam-schema-form-tiled-select", never, { "layoutNode": "layoutNode"; "layoutIndex": "layoutIndex"; "dataIndex": "dataIndex"; }, {}, never, never, true, never>;
+}

package/google-maps/google-maps/google-maps.component.d.ts

@@ -72,7 +72,7 @@ export declare class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinB
     zoom: number;
     longitude: number;
     latitude: number;
-    mapReady: EventEmitter<void>;
+    mapReady: EventEmitter<google.maps.Map | undefined>;
     featureContextMenu: MenuComponent;
     _options: {
         mapTypeControl: boolean;
@@ -81,6 +81,7 @@ export declare class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinB
         fullscreenControl: boolean;
     };
     readonly _contextMenuItems$: Observable<TheSeamMapContextMenuItem[]>;
+    private idleListener;
     constructor(elementRef: ElementRef, _focusMonitor: FocusMonitor, _googleMaps: GoogleMapsService, _mapValueManager: MapValueManagerService, _googleMapsApiLoader: TheSeamGoogleMapsApiLoader);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/google-maps/google-maps-api-loader/lazy-google-maps-api-loader.d.ts

@@ -55,6 +55,7 @@ export interface TheSeamLazyMapsApiLoaderConfig {
      * https://developers.google.com/maps/documentation/javascript/basics#Language
      */
     language?: string;
+    loading?: string;
 }
 export declare class TheSeamLazyMapsApiLoader extends TheSeamGoogleMapsApiLoader {
     private readonly _localeId;

package/menu/menu-footer-action/menu-footer-action.component.d.ts

@@ -2,7 +2,7 @@ import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class MenuFooterActionComponent {
     private _elementRef;
-    get _attrType(): "reset" | "submit" | "button" | null | undefined;
+    get _attrType(): "button" | "reset" | "submit" | null | undefined;
     /** ARIA type for the button. */
     get type(): 'button' | 'submit' | 'reset' | undefined | null;
     set type(value: 'button' | 'submit' | 'reset' | undefined | null);

package/menu/public-api.d.ts

@@ -1,3 +1,7 @@
+export * from './testing/menu-footer.harness';
+export * from './testing/menu-header.harness';
+export * from './testing/menu-item.harness';
+export * from './testing/menu.harness';
 export * from './menu-animations';
 export * from './menu-divider.component';
 export * from './menu-item.component';

package/menu/testing/menu-footer.harness.d.ts

@@ -0,0 +1,22 @@
+import { BaseHarnessFilters, ComponentHarnessConstructor, ContentContainerComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+/** A set of criteria that can be used to filter a list of `TheSeamMenuFooterHarness` instances. */
+export interface TheSeamMenuFooterHarnessFilters extends BaseHarnessFilters {
+    /** Only find instances whose text matches the given value. */
+    text?: string | RegExp;
+}
+export declare class TheSeamMenuFooterHarness extends ContentContainerComponentHarness<string> {
+    /** The selector for the host element of a `MenuFooterComponent` instance. */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a menu item with specific attributes.
+     * @param options Options for filtering which menu item instances are considered a match.
+     * @return a `HarnessPredicate` configured with the given options.
+     */
+    static with<T extends TheSeamMenuFooterHarness>(this: ComponentHarnessConstructor<T>, options?: TheSeamMenuFooterHarnessFilters): HarnessPredicate<T>;
+    /** Gets the text of the menu item. */
+    getText(): Promise<string>;
+    /** Clicks the menu item. */
+    click(): Promise<void>;
+    /** Hovers the menu item. */
+    hover(): Promise<void>;
+}

package/menu/testing/menu-header.harness.d.ts

@@ -0,0 +1,18 @@
+import { BaseHarnessFilters, ComponentHarnessConstructor, ContentContainerComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+/** A set of criteria that can be used to filter a list of `TheSeamMenuHeaderHarness` instances. */
+export interface TheSeamMenuHeaderHarnessFilters extends BaseHarnessFilters {
+}
+export declare class TheSeamMenuHeaderHarness extends ContentContainerComponentHarness<string> {
+    /** The selector for the host element of a `MenuHeaderComponent` instance. */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a menu item with specific attributes.
+     * @param options Options for filtering which menu item instances are considered a match.
+     * @return a `HarnessPredicate` configured with the given options.
+     */
+    static with<T extends TheSeamMenuHeaderHarness>(this: ComponentHarnessConstructor<T>, options?: TheSeamMenuHeaderHarnessFilters): HarnessPredicate<T>;
+    /** Clicks the menu item. */
+    click(): Promise<void>;
+    /** Hovers the menu item. */
+    hover(): Promise<void>;
+}

package/menu/testing/menu-item.harness.d.ts

@@ -0,0 +1,37 @@
+import { BaseHarnessFilters, ComponentHarnessConstructor, ContentContainerComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { TheSeamMenuHarness } from './menu.harness';
+/** A set of criteria that can be used to filter a list of `TheSeamMenuItemHarness` instances. */
+export interface TheSeamMenuItemHarnessFilters extends BaseHarnessFilters {
+    /** Only find instances whose text matches the given value. */
+    text?: string | RegExp;
+    /** Only find instances that have a sub-menu. */
+    hasSubmenu?: boolean;
+}
+export declare class TheSeamMenuItemHarness extends ContentContainerComponentHarness<string> {
+    /** The selector for the host element of a `MenuItemComponent` instance. */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a menu item with specific attributes.
+     * @param options Options for filtering which menu item instances are considered a match.
+     * @return a `HarnessPredicate` configured with the given options.
+     */
+    static with<T extends TheSeamMenuItemHarness>(this: ComponentHarnessConstructor<T>, options?: TheSeamMenuItemHarnessFilters): HarnessPredicate<T>;
+    /** Whether the menu is disabled. */
+    isDisabled(): Promise<boolean>;
+    /** Gets the text of the menu item. */
+    getText(): Promise<string>;
+    /** Focuses the menu item. */
+    focus(): Promise<void>;
+    /** Blurs the menu item. */
+    blur(): Promise<void>;
+    /** Whether the menu item is focused. */
+    isFocused(): Promise<boolean>;
+    /** Clicks the menu item. */
+    click(): Promise<void>;
+    /** Hovers the menu item. */
+    hover(): Promise<void>;
+    /** Whether this item has a submenu. */
+    hasSubmenu(): Promise<boolean>;
+    /** Gets the submenu associated with this menu item, or null if none. */
+    getSubmenu(): Promise<TheSeamMenuHarness | null>;
+}

package/menu/testing/menu.harness.d.ts

@@ -0,0 +1,74 @@
+import { ComponentHarnessConstructor, ContentContainerComponentHarness, HarnessLoader, HarnessPredicate, BaseHarnessFilters } from '@angular/cdk/testing';
+import { TheSeamMenuItemHarness, TheSeamMenuItemHarnessFilters } from './menu-item.harness';
+import { TheSeamMenuFooterHarness, TheSeamMenuFooterHarnessFilters } from './menu-footer.harness';
+import { TheSeamMenuHeaderHarness, TheSeamMenuHeaderHarnessFilters } from './menu-header.harness';
+/** A set of criteria that can be used to filter a list of `TheSeamMenuHarness` instances. */
+export interface TheSeamMenuHarnessFilters extends BaseHarnessFilters {
+    /** Only find instances whose trigger text matches the given value. */
+    triggerText?: string | RegExp;
+}
+export declare class TheSeamMenuHarness extends ContentContainerComponentHarness<string> {
+    private _documentRootLocator;
+    /** The selector for the host element of a `MenuComponent` instance. */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a menu with specific attributes.
+     * @param options Options for filtering which menu instances are considered a match.
+     * @return a `HarnessPredicate` configured with the given options.
+     */
+    static with<T extends TheSeamMenuHarness>(this: ComponentHarnessConstructor<T>, options?: TheSeamMenuHarnessFilters): HarnessPredicate<T>;
+    /** Whether the menu is disabled. */
+    isDisabled(): Promise<boolean>;
+    /** Whether the menu is open. */
+    isOpen(): Promise<boolean>;
+    /** Gets the text of the menu's trigger element. */
+    getTriggerText(): Promise<string>;
+    /** Focuses the menu. */
+    focus(): Promise<void>;
+    /** Blurs the menu. */
+    blur(): Promise<void>;
+    /** Whether the menu is focused. */
+    isFocused(): Promise<boolean>;
+    /** Opens the menu. */
+    open(): Promise<void>;
+    /** Closes the menu. */
+    close(): Promise<void>;
+    /**
+     * Gets a list of `TheSeamMenuItemHarness` representing the items in the menu.
+     * @param filters Optionally filters which menu items are included.
+     */
+    getItems(filters?: Omit<TheSeamMenuItemHarnessFilters, 'ancestor'>): Promise<TheSeamMenuItemHarness[]>;
+    /**
+     * Clicks an item in the menu, and optionally continues clicking items in subsequent sub-menus.
+     * @param itemFilter A filter used to represent which item in the menu should be clicked. The
+     *     first matching menu item will be clicked.
+     * @param subItemFilters A list of filters representing the items to click in any subsequent
+     *     sub-menus. The first item in the sub-menu matching the corresponding filter in
+     *     `subItemFilters` will be clicked.
+     */
+    clickItem(itemFilter: Omit<TheSeamMenuItemHarnessFilters, 'ancestor'>, ...subItemFilters: Omit<TheSeamMenuItemHarnessFilters, 'ancestor'>[]): Promise<void>;
+    /**
+     * Hovers an item in the menu, and optionally continues hovering items in subsequent sub-menus.
+     * @param itemFilter A filter used to represent which item in the menu should be hovered. The
+     *     first matching menu item will be hovered.
+     * @param subItemFilters A list of filters representing the items to hover in any subsequent
+     *     sub-menus. The first item in the sub-menu matching the corresponding filter in
+     *     `subItemFilters` will be hovered.
+     */
+    hoverItem(itemFilter: Omit<TheSeamMenuItemHarnessFilters, 'ancestor'>, ...subItemFilters: Omit<TheSeamMenuItemHarnessFilters, 'ancestor'>[]): Promise<void>;
+    /**
+     * Gets a `TheSeamMenuHeaderHarness` representing the header in the menu.
+     * @param filters Optionally filters which menu items are included.
+     */
+    getHeader(filters?: Omit<TheSeamMenuHeaderHarnessFilters, 'ancestor'>): Promise<TheSeamMenuHeaderHarness | null>;
+    /**
+     * Gets a `TheSeamMenuFooterHarness` representing the footer in the menu.
+     * @param filters Optionally filters which menu items are included.
+     */
+    getFooter(filters?: Omit<TheSeamMenuFooterHarnessFilters, 'ancestor'>): Promise<TheSeamMenuFooterHarness | null>;
+    protected getRootHarnessLoader(): Promise<HarnessLoader>;
+    /** Gets the menu panel associated with this menu. */
+    private _getMenuPanel;
+    /** Gets the id of the menu panel associated with this menu. */
+    private _getPanelId;
+}

package/menu/testing/utils.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Workaround to wait on the animation to finish in browser, until a generic
+ * broswer-based solution is added, for Storybook interactions.
+ */
+export declare function animatingWait(): Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theseam/ui-common",
-  "version": "0.4.13",
+  "version": "0.4.15",
   "peerDependencies": {
     "@angular/cdk": "^15.0.0",
     "@angular/common": "^15.0.0",

package/story-helpers/args-to-tpl.d.ts

@@ -0,0 +1,25 @@
+import { HandlerFunction } from '@storybook/addon-actions';
+export interface ArgsTplParts {
+    actions: {
+        [prop: string]: HandlerFunction;
+    };
+    tplfragment: string;
+}
+export interface ArgsTplOptions {
+    /**
+     * Properties to always bind to the template.
+     */
+    alwaysBind?: string[];
+    /**
+     * Properties to exclude from bidning to the template.
+     */
+    exclude?: string[];
+}
+/**
+ * This is an attempt at simplifying the use of auto-generated args in stories
+ * defined with `template`, since Angular doesn't have a way to simply use a
+ * spread operator syntax.
+ *
+ * @experimental
+ */
+export declare function argsToTpl(options?: ArgsTplOptions): string;

package/story-helpers/public-api.d.ts

@@ -1,4 +1,5 @@
 export * from './arg-type-helpers';
+export * from './args-to-tpl';
 export * from './story-empty.component';
 export * from './story-initial-route';
 export * from './route-button';

package/tel-input/public-api.d.ts

@@ -7,3 +7,4 @@ export * from './tel-input.directive';
 export * from './tel-input-validator';
 export * from './tel-input.module';
 export * from './phone-number.pipe';
+export * from './testing/tel-input.harness';

package/tel-input/tel-input/tel-input.component.d.ts

@@ -39,7 +39,7 @@ export declare class TheSeamTelInputComponent implements OnInit, OnDestroy, Cont
     /** The value attribute of the native input element */
     value: string | undefined | null;
     /** Event emitted when the "tel" input value changes. */
-    readonly change: EventEmitter<string>;
+    readonly change: EventEmitter<string | null | undefined>;
     /**
      * The telInput directive
      * @ignore
@@ -82,5 +82,5 @@ export declare class TheSeamTelInputComponent implements OnInit, OnDestroy, Cont
     blur(): void;
     hasFocus(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamTelInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamTelInputComponent, "seam-tel-input", never, { "required": "required"; "disabled": "disabled"; "tabIndex": "tabIndex"; "name": "name"; "value": "value"; }, { "change": "change"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamTelInputComponent, "seam-tel-input", never, { "required": "required"; "disabled": "disabled"; "tabIndex": "tabIndex"; "name": "name"; "value": "value"; }, { "change": "change"; }, never, never, true, never>;
 }

package/tel-input/tel-input.directive.d.ts

@@ -31,5 +31,5 @@ export declare class TheSeamTelInputDirective implements OnInit, OnDestroy, DoCh
     blur(): void;
     getHostElement(): HTMLInputElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamTelInputDirective, [null, null, null, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TheSeamTelInputDirective, "input[seamTelInput]", ["seamTelInput"], { "value": "value"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TheSeamTelInputDirective, "input[seamTelInput]", ["seamTelInput"], { "value": "value"; }, {}, never, never, true, never>;
 }

package/tel-input/tel-input.module.d.ts

@@ -1,12 +1,12 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./tel-input.directive";
-import * as i2 from "./tel-input/tel-input.component";
-import * as i3 from "./phone-number.pipe";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/forms";
-import * as i6 from "@theseam/ui-common/form-field";
+import * as i1 from "./phone-number.pipe";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@theseam/ui-common/form-field";
+import * as i5 from "./tel-input.directive";
+import * as i6 from "./tel-input/tel-input.component";
 export declare class TheSeamTelInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamTelInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TheSeamTelInputModule, [typeof i1.TheSeamTelInputDirective, typeof i2.TheSeamTelInputComponent, typeof i3.TheSeamPhoneNumberPipe], [typeof i4.CommonModule, typeof i5.ReactiveFormsModule, typeof i6.TheSeamFormFieldModule], [typeof i1.TheSeamTelInputDirective, typeof i2.TheSeamTelInputComponent, typeof i3.TheSeamPhoneNumberPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TheSeamTelInputModule, [typeof i1.TheSeamPhoneNumberPipe], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.TheSeamFormFieldModule, typeof i5.TheSeamTelInputDirective, typeof i6.TheSeamTelInputComponent], [typeof i5.TheSeamTelInputDirective, typeof i6.TheSeamTelInputComponent, typeof i1.TheSeamPhoneNumberPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TheSeamTelInputModule>;
 }

package/tel-input/testing/tel-input.harness.d.ts

@@ -0,0 +1,19 @@
+import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+interface TheSeamTelInputHarnessFilters extends BaseHarnessFilters {
+    /** Filters based on the name of the field. */
+    name?: string | RegExp;
+}
+export declare class TheSeamTelInputHarness extends ComponentHarness {
+    static hostSelector: string;
+    private readonly _input;
+    /** Creates a `HarnessPredicate` used to locate a particular `TheSeamTelInputHarness`. */
+    static with(options: TheSeamTelInputHarnessFilters): HarnessPredicate<TheSeamTelInputHarness>;
+    getName(): Promise<string | null>;
+    getValue(): Promise<any>;
+    isDisabled(): Promise<boolean>;
+    isRequired(): Promise<boolean>;
+    click(): Promise<void>;
+    setValue(value: any): Promise<void>;
+    private _waitOnInstance;
+}
+export {};

package/testing/harnesses/ng-select-dropdown.harness.d.ts

@@ -0,0 +1,23 @@
+import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { TheSeamNgSelectOptionHarness, TheSeamNgSelectOptionHarnessFilters } from './ng-select-option.harness';
+export interface TheSeamNgSelectDropdownHarnessFilters extends BaseHarnessFilters {
+    /** Filters based on the name of the field. */
+    id?: string | RegExp;
+}
+export declare class TheSeamNgSelectDropdownHarness extends ComponentHarness {
+    static hostSelector: string;
+    /** Creates a `HarnessPredicate` used to locate a particular `MyMenuHarness`. */
+    static with(options: TheSeamNgSelectDropdownHarnessFilters): HarnessPredicate<TheSeamNgSelectDropdownHarness>;
+    getId(): Promise<string | null>;
+    /**
+     * Gets a list of `TheSeamNgSelectOptionHarness` representing the items in the menu.
+     * @param filters Optionally filters which menu items are included.
+     */
+    getOptions(filters?: Omit<TheSeamNgSelectOptionHarnessFilters, 'ancestor'>): Promise<TheSeamNgSelectOptionHarness[]>;
+    /**
+     * Clicks an option in the dropdown.
+     * @param optionFilter A filter used to represent which option in the dropdown should be clicked. The
+     *     first matching dropdown option will be clicked.
+     */
+    clickOption(optionFilter: Omit<TheSeamNgSelectOptionHarnessFilters, 'ancestor'>): Promise<void>;
+}

package/testing/harnesses/ng-select-option.harness.d.ts

@@ -0,0 +1,18 @@
+import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+export interface TheSeamNgSelectOptionHarnessFilters extends BaseHarnessFilters {
+    /** Filters based on the value of the field. */
+    value?: string | RegExp;
+}
+export declare class TheSeamNgSelectOptionHarness extends ComponentHarness {
+    static hostSelector: string;
+    /** Creates a `HarnessPredicate` used to locate a particular `MyMenuHarness`. */
+    static with(options: TheSeamNgSelectOptionHarnessFilters): HarnessPredicate<TheSeamNgSelectOptionHarness>;
+    /**
+     * NOTE: Only works with string values, curently.
+     * @returns value of the select option
+     */
+    getValue(): Promise<any>;
+    /** Whether the ng-select is disabled. */
+    isDisabled(): Promise<boolean>;
+    click(): Promise<void>;
+}

package/testing/harnesses/ng-select.harness.d.ts

@@ -0,0 +1,50 @@
+import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { TheSeamNgSelectOptionHarness, TheSeamNgSelectOptionHarnessFilters } from './ng-select-option.harness';
+export interface TheSeamNgSelectHarnessFilters extends BaseHarnessFilters {
+}
+export declare class TheSeamNgSelectHarness extends ComponentHarness {
+    private _documentRootLocator;
+    static hostSelector: string;
+    private readonly _value;
+    private readonly _valueLabel;
+    /** Creates a `HarnessPredicate` used to locate a particular `MyMenuHarness`. */
+    static with(options: TheSeamNgSelectHarnessFilters): HarnessPredicate<TheSeamNgSelectHarness>;
+    getId(): Promise<string | null>;
+    getAriaControls(): Promise<string | null>;
+    getName(): Promise<string | null>;
+    /**
+     * NOTE: Only works with string values, curently.
+     * @returns value of the select
+     */
+    getValue(): Promise<any>;
+    /**
+     * Gets a list of `TheSeamNgSelectOptionHarness` representing the options in the dropdown.
+     *
+     * NOTE: Must open the dropdown first. eg. `await ngSelectHarness.click()`
+     *
+     * @param filters Optionally filters which menu items are included.
+     */
+    getOptions(filters?: Omit<TheSeamNgSelectOptionHarnessFilters, 'ancestor'>): Promise<TheSeamNgSelectOptionHarness[]>;
+    /**
+     * Clicks an option in the dropdown.
+     * @param optionFilter A filter used to represent which option in the dropdown should be clicked. The
+     *     first matching dropdown option will be clicked.
+     */
+    clickOption(optionFilter: Omit<TheSeamNgSelectOptionHarnessFilters, 'ancestor'>): Promise<void>;
+    /** Whether the ng-select is disabled. */
+    isDisabled(): Promise<boolean>;
+    /**
+     * Returns the required state of the ng-select.
+     *
+     * @returns true if the ng-select is required, false if not
+     */
+    isRequired(): Promise<boolean>;
+    click(): Promise<void>;
+    /**
+     * Returns the input element of the checkbox.
+     *
+     * @returns the input element of the checkbox
+     */
+    getInputElement(): Promise<import("@angular/cdk/testing").TestElement>;
+    private _getDropdown;
+}

package/testing/public-api.d.ts

@@ -1,3 +1,6 @@
+export * from './harnesses/ng-select-dropdown.harness';
+export * from './harnesses/ng-select-option.harness';
+export * from './harnesses/ng-select.harness';
 export * from './fake-toastr';
 export * from './render-story';
 export * from './tick-helper';

package/tiled-select/components/tiled-select/tiled-select.component.d.ts

@@ -3,7 +3,7 @@ import { Platform } from '@angular/cdk/platform';
 import { ChangeDetectorRef, ElementRef, EventEmitter, QueryList, Renderer2 } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { TiledSelectTileOverlayDirective } from './../../directives/tiled-select-tile-overlay.directive';
-import { ITiledSelectItem, TiledSelectLayout } from '../../tiled-select.models';
+import { TiledSelectItem, TiledSelectLayout } from '../../tiled-select.models';
 import * as i0 from "@angular/core";
 export declare const slideEnterAnimation: import("@angular/animations").AnimationReferenceMetadata;
 export declare const TILED_SELECT_VALUE_ACCESSOR: any;
@@ -20,8 +20,8 @@ export declare class TheSeamTiledSelectComponent implements ControlValueAccessor
     static ngAcceptInputType_showSelectedIcon: BooleanInput;
     static ngAcceptInputType_animationsDisabled: BooleanInput;
     layout: TiledSelectLayout;
-    get tiles(): ITiledSelectItem[];
-    set tiles(value: ITiledSelectItem[]);
+    get tiles(): TiledSelectItem[];
+    set tiles(value: TiledSelectItem[]);
     private _tiles;
     val: string | string[] | undefined;
     disabled: boolean;
@@ -42,13 +42,13 @@ export declare class TheSeamTiledSelectComponent implements ControlValueAccessor
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    onTileSelected(event: MouseEvent, tile: ITiledSelectItem): void;
-    isSelected(tile: ITiledSelectItem): boolean;
-    toggleTileSelected(tile: ITiledSelectItem): void;
-    selectTile(tile: ITiledSelectItem): void;
-    unselectTile(tile: ITiledSelectItem): void;
-    getSelectedTiles(): ITiledSelectItem[];
-    getOverlayTpl(tile: ITiledSelectItem): TiledSelectTileOverlayDirective | undefined;
+    onTileSelected(event: MouseEvent, tile: TiledSelectItem): void;
+    isSelected(tile: TiledSelectItem): boolean;
+    toggleTileSelected(tile: TiledSelectItem): void;
+    selectTile(tile: TiledSelectItem): void;
+    unselectTile(tile: TiledSelectItem): void;
+    getSelectedTiles(): TiledSelectItem[];
+    getOverlayTpl(tile: TiledSelectItem): TiledSelectTileOverlayDirective | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamTiledSelectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamTiledSelectComponent, "seam-tiled-select", never, { "layout": "layout"; "tiles": "tiles"; "val": "value"; "disabled": "disabled"; "multiple": "multiple"; "selectionToggleable": "selectionToggleable"; "tileBackdrop": "tileBackdrop"; "showSelectedIcon": "showSelectedIcon"; "animationsDisabled": "animationsDisabled"; }, { "change": "change"; }, ["overlayTpls"], never, false, never>;
 }