@enigmatry/entry-components 15.0.1-preview.6 → 15.1.0-preview.2

package/fesm2020/enigmatry-entry-components.mjs

@@ -10,6 +10,8 @@ import { EntryPermissionService, EntryPermissionModule } from '@enigmatry/entry-
 export * from '@enigmatry/entry-components/permissions';
 import { EntrySearchFilterModule } from '@enigmatry/entry-components/search-filter';
 export * from '@enigmatry/entry-components/search-filter';
+import { EntrySpinnerModule } from '@enigmatry/entry-components/spinner';
+export * from '@enigmatry/entry-components/spinner';
 import { EntryValidationModule } from '@enigmatry/entry-components/validation';
 export * from '@enigmatry/entry-components/validation';
 import { EntryTableModule } from '@enigmatry/entry-components/table';
@@ -44,6 +46,7 @@ EntryComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
         EntryValidationModule,
         EntryPermissionModule,
         EntrySearchFilterModule,
+        EntrySpinnerModule,
         EntryTableModule] });
 EntryComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EntryComponentsModule, imports: [EntryButtonModule,
         EntryCommonModule,
@@ -52,6 +55,7 @@ EntryComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", v
         EntryValidationModule,
         EntryPermissionModule,
         EntrySearchFilterModule,
+        EntrySpinnerModule,
         EntryTableModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EntryComponentsModule, decorators: [{
             type: NgModule,
@@ -65,6 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         EntryValidationModule,
                         EntryPermissionModule,
                         EntrySearchFilterModule,
+                        EntrySpinnerModule,
                         EntryTableModule
                     ]
                 }]

package/fesm2020/enigmatry-entry-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"enigmatry-entry-components.mjs","sources":["../../../../libs/entry-components/modules/entry-components.module.ts","../../../../libs/entry-components/public-api.ts","../../../../libs/entry-components/enigmatry-entry-components.ts"],"sourcesContent":["import { ModuleWithProviders, NgModule, Provider, Type } from '@angular/core';\r\nimport { EntryButtonModule } from '@enigmatry/entry-components/button';\r\nimport { EntryDialogModule } from '@enigmatry/entry-components/dialog';\r\nimport { EntryPermissionModule, EntryPermissionService } from '@enigmatry/entry-components/permissions';\r\nimport { EntrySearchFilterModule } from '@enigmatry/entry-components/search-filter';\r\nimport { EntryValidationModule } from '@enigmatry/entry-components/validation';\r\nimport { EntryFileInputModule } from '@enigmatry/entry-components/file-input';\r\nimport { EntryTableModule } from '@enigmatry/entry-components/table';\r\nimport { EntryCommonModule, NG_EVENT_PLUGINS } from '@enigmatry/entry-components/common';\r\n\r\ninterface EntryComponentsModuleOptions {\r\n  permissionService?: Type<any>;\r\n}\r\n\r\n/**\r\n * Exports all entry components.\r\n *\r\n * Usage\r\n * import EntryComponentsModule in shared.module.ts to have access to all components, directives, pipes.\r\n * import EntryComponentsModule.forRoot() in app.module.ts to register root module providers.\r\n */\r\n@NgModule({\r\n  declarations: [],\r\n  exports: [\r\n    EntryButtonModule,\r\n    EntryCommonModule,\r\n    EntryDialogModule,\r\n    EntryFileInputModule,\r\n    EntryValidationModule,\r\n    EntryPermissionModule,\r\n    EntrySearchFilterModule,\r\n    EntryTableModule\r\n  ]\r\n})\r\nexport class EntryComponentsModule {\r\n  static forRoot(options: EntryComponentsModuleOptions = {}): ModuleWithProviders<EntryComponentsModule> {\r\n\r\n    const permissionServiceProvider: Provider[] = options.permissionService\r\n      ? [{ provide: EntryPermissionService, useClass: options.permissionService }]\r\n      : [];\r\n\r\n    const providers: Provider[] = [...permissionServiceProvider, ...NG_EVENT_PLUGINS];\r\n    return {\r\n      ngModule: EntryComponentsModule,\r\n      providers\r\n    };\r\n  }\r\n}\r\n","\n/*\n * Public API Surface of entry-components\n */\nexport * from '@enigmatry/entry-components/button';\nexport * from '@enigmatry/entry-components/common';\nexport * from '@enigmatry/entry-components/dialog';\nexport * from '@enigmatry/entry-components/file-input';\nexport * from '@enigmatry/entry-components/permissions';\nexport * from '@enigmatry/entry-components/search-filter';\nexport * from '@enigmatry/entry-components/validation';\nexport * from '@enigmatry/entry-components/table';\n\nexport { EntryComponentsModule } from './modules/entry-components.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAcA;;;;;;AAMG;MAcU,qBAAqB,CAAA;AAChC,IAAA,OAAO,OAAO,CAAC,OAAA,GAAwC,EAAE,EAAA;AAEvD,QAAA,MAAM,yBAAyB,GAAe,OAAO,CAAC,iBAAiB;AACrE,cAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,OAAO,CAAC,iBAAiB,EAAE,CAAC;cAC1E,EAAE,CAAC;QAEP,MAAM,SAAS,GAAe,CAAC,GAAG,yBAAyB,EAAE,GAAG,gBAAgB,CAAC,CAAC;QAClF,OAAO;AACL,YAAA,QAAQ,EAAE,qBAAqB;YAC/B,SAAS;SACV,CAAC;KACH;;mHAZU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAV9B,iBAAiB;QACjB,iBAAiB;QACjB,iBAAiB;QACjB,oBAAoB;QACpB,qBAAqB;QACrB,qBAAqB;QACrB,uBAAuB;QACvB,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGP,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAV9B,iBAAiB;QACjB,iBAAiB;QACjB,iBAAiB;QACjB,oBAAoB;QACpB,qBAAqB;QACrB,qBAAqB;QACrB,uBAAuB;QACvB,gBAAgB,CAAA,EAAA,CAAA,CAAA;4FAGP,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE;wBACP,iBAAiB;wBACjB,iBAAiB;wBACjB,iBAAiB;wBACjB,oBAAoB;wBACpB,qBAAqB;wBACrB,qBAAqB;wBACrB,uBAAuB;wBACvB,gBAAgB;AACjB,qBAAA;AACF,iBAAA,CAAA;;;AChCD;;AAEG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"enigmatry-entry-components.mjs","sources":["../../../../libs/entry-components/modules/entry-components.module.ts","../../../../libs/entry-components/public-api.ts","../../../../libs/entry-components/enigmatry-entry-components.ts"],"sourcesContent":["import { ModuleWithProviders, NgModule, Provider, Type } from '@angular/core';\r\nimport { EntryButtonModule } from '@enigmatry/entry-components/button';\r\nimport { EntryDialogModule } from '@enigmatry/entry-components/dialog';\r\nimport { EntryPermissionModule, EntryPermissionService } from '@enigmatry/entry-components/permissions';\r\nimport { EntrySearchFilterModule } from '@enigmatry/entry-components/search-filter';\r\nimport { EntryValidationModule } from '@enigmatry/entry-components/validation';\r\nimport { EntryFileInputModule } from '@enigmatry/entry-components/file-input';\r\nimport { EntryTableModule } from '@enigmatry/entry-components/table';\r\nimport { EntryCommonModule, NG_EVENT_PLUGINS } from '@enigmatry/entry-components/common';\r\nimport { EntrySpinnerModule } from '@enigmatry/entry-components/spinner';\r\n\r\ninterface EntryComponentsModuleOptions {\r\n  permissionService?: Type<any>;\r\n}\r\n\r\n/**\r\n * Exports all entry components.\r\n *\r\n * Usage\r\n * import EntryComponentsModule in shared.module.ts to have access to all components, directives, pipes.\r\n * import EntryComponentsModule.forRoot() in app.module.ts to register root module providers.\r\n */\r\n@NgModule({\r\n  declarations: [],\r\n  exports: [\r\n    EntryButtonModule,\r\n    EntryCommonModule,\r\n    EntryDialogModule,\r\n    EntryFileInputModule,\r\n    EntryValidationModule,\r\n    EntryPermissionModule,\r\n    EntrySearchFilterModule,\r\n    EntrySpinnerModule,\r\n    EntryTableModule\r\n  ]\r\n})\r\nexport class EntryComponentsModule {\r\n  static forRoot(options: EntryComponentsModuleOptions = {}): ModuleWithProviders<EntryComponentsModule> {\r\n\r\n    const permissionServiceProvider: Provider[] = options.permissionService\r\n      ? [{ provide: EntryPermissionService, useClass: options.permissionService }]\r\n      : [];\r\n\r\n    const providers: Provider[] = [...permissionServiceProvider, ...NG_EVENT_PLUGINS];\r\n    return {\r\n      ngModule: EntryComponentsModule,\r\n      providers\r\n    };\r\n  }\r\n}\r\n","\n/*\n * Public API Surface of entry-components\n */\nexport * from '@enigmatry/entry-components/button';\nexport * from '@enigmatry/entry-components/common';\nexport * from '@enigmatry/entry-components/dialog';\nexport * from '@enigmatry/entry-components/file-input';\nexport * from '@enigmatry/entry-components/permissions';\nexport * from '@enigmatry/entry-components/search-filter';\nexport * from '@enigmatry/entry-components/spinner';\nexport * from '@enigmatry/entry-components/validation';\nexport * from '@enigmatry/entry-components/table';\n\nexport { EntryComponentsModule } from './modules/entry-components.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAeA;;;;;;AAMG;MAeU,qBAAqB,CAAA;AAChC,IAAA,OAAO,OAAO,CAAC,OAAA,GAAwC,EAAE,EAAA;AAEvD,QAAA,MAAM,yBAAyB,GAAe,OAAO,CAAC,iBAAiB;AACrE,cAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,OAAO,CAAC,iBAAiB,EAAE,CAAC;cAC1E,EAAE,CAAC;QAEP,MAAM,SAAS,GAAe,CAAC,GAAG,yBAAyB,EAAE,GAAG,gBAAgB,CAAC,CAAC;QAClF,OAAO;AACL,YAAA,QAAQ,EAAE,qBAAqB;YAC/B,SAAS;SACV,CAAC;KACH;;mHAZU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAX9B,iBAAiB;QACjB,iBAAiB;QACjB,iBAAiB;QACjB,oBAAoB;QACpB,qBAAqB;QACrB,qBAAqB;QACrB,uBAAuB;QACvB,kBAAkB;QAClB,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGP,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAX9B,iBAAiB;QACjB,iBAAiB;QACjB,iBAAiB;QACjB,oBAAoB;QACpB,qBAAqB;QACrB,qBAAqB;QACrB,uBAAuB;QACvB,kBAAkB;QAClB,gBAAgB,CAAA,EAAA,CAAA,CAAA;4FAGP,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAdjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE;wBACP,iBAAiB;wBACjB,iBAAiB;wBACjB,iBAAiB;wBACjB,oBAAoB;wBACpB,qBAAqB;wBACrB,qBAAqB;wBACrB,uBAAuB;wBACvB,kBAAkB;wBAClB,gBAAgB;AACjB,qBAAA;AACF,iBAAA,CAAA;;;AClCD;;AAEG;;ACHH;;AAEG;;;;"}

package/modules/entry-components.module.d.ts

@@ -7,7 +7,8 @@ import * as i4 from "@enigmatry/entry-components/file-input";
 import * as i5 from "@enigmatry/entry-components/validation";
 import * as i6 from "@enigmatry/entry-components/permissions";
 import * as i7 from "@enigmatry/entry-components/search-filter";
-import * as i8 from "@enigmatry/entry-components/table";
+import * as i8 from "@enigmatry/entry-components/spinner";
+import * as i9 from "@enigmatry/entry-components/table";
 interface EntryComponentsModuleOptions {
     permissionService?: Type<any>;
 }
@@ -21,7 +22,7 @@ interface EntryComponentsModuleOptions {
 export declare class EntryComponentsModule {
     static forRoot(options?: EntryComponentsModuleOptions): ModuleWithProviders<EntryComponentsModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<EntryComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EntryComponentsModule, never, never, [typeof i1.EntryButtonModule, typeof i2.EntryCommonModule, typeof i3.EntryDialogModule, typeof i4.EntryFileInputModule, typeof i5.EntryValidationModule, typeof i6.EntryPermissionModule, typeof i7.EntrySearchFilterModule, typeof i8.EntryTableModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EntryComponentsModule, never, never, [typeof i1.EntryButtonModule, typeof i2.EntryCommonModule, typeof i3.EntryDialogModule, typeof i4.EntryFileInputModule, typeof i5.EntryValidationModule, typeof i6.EntryPermissionModule, typeof i7.EntrySearchFilterModule, typeof i8.EntrySpinnerModule, typeof i9.EntryTableModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EntryComponentsModule>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enigmatry/entry-components",
-  "version": "15.0.1-preview.6",
+  "version": "15.1.0-preview.2",
   "author": "Enigmatry",
   "description": "Enigmatry entry angular material components",
   "homepage": "https://github.com/enigmatry/entry-angular-building-blocks/tree/master/libs/entry-components#readme",
@@ -91,6 +91,14 @@
       "node": "./fesm2015/enigmatry-entry-components-search-filter.mjs",
       "default": "./fesm2020/enigmatry-entry-components-search-filter.mjs"
     },
+    "./spinner": {
+      "types": "./spinner/index.d.ts",
+      "esm2020": "./esm2020/spinner/enigmatry-entry-components-spinner.mjs",
+      "es2020": "./fesm2020/enigmatry-entry-components-spinner.mjs",
+      "es2015": "./fesm2015/enigmatry-entry-components-spinner.mjs",
+      "node": "./fesm2015/enigmatry-entry-components-spinner.mjs",
+      "default": "./fesm2020/enigmatry-entry-components-spinner.mjs"
+    },
     "./table": {
       "types": "./table/index.d.ts",
       "esm2020": "./esm2020/table/enigmatry-entry-components-table.mjs",

package/public-api.d.ts

@@ -4,6 +4,7 @@ export * from '@enigmatry/entry-components/dialog';
 export * from '@enigmatry/entry-components/file-input';
 export * from '@enigmatry/entry-components/permissions';
 export * from '@enigmatry/entry-components/search-filter';
+export * from '@enigmatry/entry-components/spinner';
 export * from '@enigmatry/entry-components/validation';
 export * from '@enigmatry/entry-components/table';
 export { EntryComponentsModule } from './modules/entry-components.module';

package/search-filter/README.md

@@ -4,43 +4,70 @@ Entry component for providing standard filtering capabilities that can be consum
 
 * Text filter
 * Select filter (supports fixed and dynamic (Observable) options)
+* Autocomplete filter
 
 ## Integration
 
-```npm
-npm i @enigmatry/entry-components
-```
-
 Import component package:
 
 ```ts
 import { EntrySearchFilterModule } from '@enigmatry/entry-components/search-filter';
 ```
 
-Styles import:
+## Basic usage
 
-```scss
-@use 'entry-components/styles/generate' as entry;
+Provide filters
 
-@include entry.generate(APP_THEME, APP_TYPOGRAPHY);
+```ts
+import {
+  AutocompleteSearchFilter,
+  SelectOption,
+  SelectSearchFilter,
+  TextSearchFilter,
+} from '@enigmatry/entry-components/search-filter';
+
+@Component({...})
+export class ExampleComponent {
+
+filters = [
+      new TextSearchFilter({
+        key: 'name',
+        label: 'Name',
+        placeholder: 'Name',
+        maxLength: 25
+      }),
+      new SelectSearchFilter({
+        key: 'username',
+        label: 'Username',
+        placeholder: 'Select username',
+        multiSelect: false,
+        options$: this._usersService
+          .getUsernames()
+          .pipe(map(usernames => usernames.map(un => new SelectOption(un, un))))
+      }),
+      new AutocompleteSearchFilter({
+        key: 'country',
+        label: 'Country',
+        placeholder: 'Select country',
+        minimumCharacters: 0,
+        search: (input: string) => of(Object.values(Country)
+          .filter(value => value.toLocaleLowerCase().includes(input.toLocaleLowerCase()))
+          .map((country => new SelectOption(country, country))))
+      })
+];
+}
 ```
 
-Where `APP_THEME` represents application theming configuration, while `APP_TYPOGRAPHY` represents application fonts configuration.
-
-## Basic usage
-
-`entry-search-filter` is used to provide simple configuration and usage of data filtering:
-
 ```html
 <entry-search-filter
-    [searchFilters]="query.filters"
+    [searchFilters]="filters"
     (searchFilterChange)="searchFilterChange($event)">
 </entry-search-filter>
 ```
 
 ## Configuration
 
-`ENTRY_SEARCH_FILTER_CONFIG`: `InjectionToken<EntrySearchFilterConfig>` - Optional configuration used to override defaults.
+Optional configuration used to override defaults.
 
 ```ts
 import { EntrySearchFilterModule, provideEntrySearchFilterConfig } from '@enigmatry/entry-components/search-filter';
@@ -52,7 +79,8 @@ import { EntrySearchFilterModule, provideEntrySearchFilterConfig } from '@enigma
   ],
   providers: [
     provideEntrySearchFilterConfig({
-      applyButtonText: 'Filter'
+      applyButtonText: 'Filter',
+      noneSelectedOptionText: '-'
     })
   ]
 })

package/search-filter/autocomplete/autocomplete-search-filter.component.d.ts

@@ -0,0 +1,21 @@
+import { AfterViewInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { FormControlName, UntypedFormGroup } from '@angular/forms';
+import { Observable, Subject } from 'rxjs';
+import { SelectOption } from '../select-option.model';
+import { AutocompleteSearchFilter } from './autocomplete-search-filter.model';
+import * as i0 from "@angular/core";
+export declare class AutocompleteSearchFilterComponent<T> implements AfterViewInit, OnDestroy {
+    private cdr;
+    searchFilter: AutocompleteSearchFilter<T>;
+    form: UntypedFormGroup;
+    searchField: FormControlName;
+    options$: Observable<SelectOption<T>[]>;
+    options: SelectOption<T>[];
+    destroy$: Subject<void>;
+    constructor(cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    displayFn: (selectedKey: T) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteSearchFilterComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteSearchFilterComponent<any>, "entry-autocomplete-search-filter", never, { "searchFilter": "searchFilter"; "form": "form"; }, {}, never, never, false, never>;
+}

package/search-filter/autocomplete/autocomplete-search-filter.model.d.ts

@@ -0,0 +1,19 @@
+import { ControlType } from '../control-type';
+import { SearchFilterBase } from '../search-filter-base.model';
+import { SelectOption } from '../select-option.model';
+import { Observable } from 'rxjs';
+/**
+ * Search filter autocomplete field configuration. Options for the autocomplete are provided
+ * indirectly via the search function that takes a string and returns an observable array of
+ * SelectOption<T>
+ */
+export declare class AutocompleteSearchFilter<T> extends SearchFilterBase<T> {
+    controlType: ControlType;
+    /** Callback function for autocomplete options */
+    search: (input: string) => Observable<SelectOption<T>[]>;
+    /** Minimum number of characters that must enter to trigger the search function(default is 3) */
+    minimumCharacters: number;
+    /** Delay in typing before triggering the search function in milliseconds(default is 300) */
+    debounceTime: number;
+    constructor(options?: Partial<AutocompleteSearchFilter<T>>);
+}

package/search-filter/control-type.d.ts

@@ -0,0 +1,5 @@
+export declare enum ControlType {
+    text = "text-input",
+    select = "select-input",
+    autocomplete = "autocomplete-input"
+}

package/search-filter/entry-search-filter.component.d.ts

@@ -2,7 +2,11 @@ import { EventEmitter, OnInit } from '@angular/core';
 import { UntypedFormGroup } from '@angular/forms';
 import { SearchFilterParams } from './search-filter-params.type';
 import { EntrySearchFilterConfig } from './search-filter-config.model';
-import { SearchFilterBase } from './search-filter-input/search-filter-base.model';
+import { SearchFilterBase } from './search-filter-base.model';
+import { TextSearchFilter } from './text/text-search-filter.model';
+import { SelectSearchFilter } from './select/select-search-filter.model';
+import { AutocompleteSearchFilter } from './autocomplete/autocomplete-search-filter.model';
+import { ControlType } from './control-type';
 import * as i0 from "@angular/core";
 /**
  * Entry SearchFilter component.
@@ -16,10 +20,14 @@ export declare class EntrySearchFilterComponent implements OnInit {
      */
     searchFilterChange: EventEmitter<SearchFilterParams>;
     searchFilterForm: UntypedFormGroup;
+    controlType: typeof ControlType;
     constructor(config: EntrySearchFilterConfig);
     ngOnInit(): void;
     onSubmit(): void;
     toFormGroup(searchFilters: SearchFilterBase<any>[]): UntypedFormGroup;
+    asTextSearchFilter(searchFilter: SearchFilterBase<any>): TextSearchFilter;
+    asSelectSearchFilter<T>(searchFilter: SearchFilterBase<T>): SelectSearchFilter<T>;
+    asAutocompleteSearchFilter<T>(searchFilter: SearchFilterBase<T>): AutocompleteSearchFilter<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<EntrySearchFilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EntrySearchFilterComponent, "entry-search-filter", never, { "searchFilters": "searchFilters"; }, { "searchFilterChange": "searchFilterChange"; }, never, never, false, never>;
 }

package/search-filter/entry-search-filter.module.d.ts

@@ -1,15 +1,17 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./entry-search-filter.component";
-import * as i2 from "./search-filter-input/search-filter-input.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-import * as i5 from "@angular/material/input";
-import * as i6 from "@angular/material/button";
-import * as i7 from "@enigmatry/entry-components/button";
-import * as i8 from "@angular/material/select";
-import * as i9 from "@angular/material/tooltip";
+import * as i2 from "./text/text-search-filter.component";
+import * as i3 from "./select/select-search-filter.component";
+import * as i4 from "./autocomplete/autocomplete-search-filter.component";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/material/input";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@enigmatry/entry-components/button";
+import * as i10 from "@angular/material/select";
+import * as i11 from "@angular/material/autocomplete";
 export declare class EntrySearchFilterModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EntrySearchFilterModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EntrySearchFilterModule, [typeof i1.EntrySearchFilterComponent, typeof i2.EntrySearchFilterInputComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatInputModule, typeof i6.MatButtonModule, typeof i7.EntryButtonModule, typeof i8.MatSelectModule, typeof i9.MatTooltipModule], [typeof i1.EntrySearchFilterComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EntrySearchFilterModule, [typeof i1.EntrySearchFilterComponent, typeof i2.TextSearchFilterComponent, typeof i3.SelectSearchFilterComponent, typeof i4.AutocompleteSearchFilterComponent], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.MatInputModule, typeof i8.MatButtonModule, typeof i9.EntryButtonModule, typeof i10.MatSelectModule, typeof i11.MatAutocompleteModule], [typeof i1.EntrySearchFilterComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EntrySearchFilterModule>;
 }

package/search-filter/public-api.d.ts

@@ -1,8 +1,9 @@
 export { EntrySearchFilterComponent } from './entry-search-filter.component';
 export { SearchFilterParams } from './search-filter-params.type';
-export { SearchFilterBase } from './search-filter-input/search-filter-base.model';
-export { TextSearchFilter } from './search-filter-input/inputs/text-search-filter.model';
-export { SelectSearchFilter } from './search-filter-input/inputs/select-search-filter.model';
-export { SelectFilterOption } from './search-filter-input/inputs/select-filter-option.model';
+export { SearchFilterBase } from './search-filter-base.model';
+export { TextSearchFilter } from './text/text-search-filter.model';
+export { SelectSearchFilter } from './select/select-search-filter.model';
+export { AutocompleteSearchFilter } from './autocomplete/autocomplete-search-filter.model';
+export { SelectOption } from './select-option.model';
 export { EntrySearchFilterModule } from './entry-search-filter.module';
 export { ENTRY_SEARCH_FILTER_CONFIG, EntrySearchFilterConfig, provideEntrySearchFilterConfig } from './search-filter-config.model';

package/search-filter/{search-filter-input/search-filter-base.model.d.ts → search-filter-base.model.d.ts}

@@ -1,4 +1,5 @@
 import { FormControl } from '@angular/forms';
+import { ControlType } from './control-type';
 /**
  * Base Entry search filter input component.
  */
@@ -11,10 +12,10 @@ export declare class SearchFilterBase<T> {
     label: string;
     /** Placeholder text for search-filter input control  */
     placeholder: string;
-    /** Type of input control e.g. 'email' */
+    /** Type of input control e.g. 'text' or 'email' */
     type: string;
     /** Control type to be overridden in implementing class, used to render the proper input type e.g. 'text-input' */
-    controlType: string;
+    controlType: ControlType;
     /** Max text length to be entered in the input component (default is 256) */
     maxLength: number;
     /** A reference to the form control it represents */

package/search-filter/select/select-search-filter.component.d.ts

@@ -0,0 +1,14 @@
+import { SelectSearchFilter } from './select-search-filter.model';
+import { UntypedFormGroup } from '@angular/forms';
+import { EntrySearchFilterConfig } from '../search-filter-config.model';
+import * as i0 from "@angular/core";
+export declare class SelectSearchFilterComponent<T> {
+    config: EntrySearchFilterConfig;
+    /** Configuration of the search filters inputs that will be displayed in the search-filter component. */
+    searchFilter: SelectSearchFilter<T>;
+    /** Form group to which the search-filter input component will be added. */
+    form: UntypedFormGroup;
+    constructor(config: EntrySearchFilterConfig);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectSearchFilterComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectSearchFilterComponent<any>, "entry-select-search-filter", never, { "searchFilter": "searchFilter"; "form": "form"; }, {}, never, never, false, never>;
+}

package/search-filter/{search-filter-input/inputs → select}/select-search-filter.model.d.ts

@@ -1,16 +1,17 @@
 import { Observable } from 'rxjs';
 import { SearchFilterBase } from '../search-filter-base.model';
-import { SelectFilterOption } from './select-filter-option.model';
+import { ControlType } from '../control-type';
+import { SelectOption } from '../select-option.model';
 /**
  * Search filter select input field configuration. Select options can be provided as fixed list (`options`)
  * or observable (dynamic) list (`options$`).
  */
 export declare class SelectSearchFilter<T> extends SearchFilterBase<T> {
-    controlType: string;
+    controlType: ControlType;
     /** Fixed list of select filter options (default is empty list) */
-    options: SelectFilterOption<T>[];
+    options: SelectOption<T>[];
     /** Observable (dynamic) list of select filter options */
-    options$: Observable<SelectFilterOption<T>[]> | undefined;
+    options$: Observable<SelectOption<T>[]> | undefined;
     /**
      * Enables selection of multiple options (default is true).
      * If it is set to false, 'none selected' option becomes available as a first option.

package/search-filter/{search-filter-input/inputs/select-filter-option.model.d.ts → select-option.model.d.ts}

@@ -1,5 +1,5 @@
-/** Model used to populate select filter options. */
-export declare class SelectFilterOption<T> {
+/** Model used to populate select or autocomplete options. */
+export declare class SelectOption<T> {
     /** Key used as a value for selected option */
     key: T;
     /** String value used as display label of select option */

package/search-filter/text/text-search-filter.component.d.ts

@@ -0,0 +1,10 @@
+import { UntypedFormGroup } from '@angular/forms';
+import { TextSearchFilter } from './text-search-filter.model';
+import * as i0 from "@angular/core";
+export declare class TextSearchFilterComponent {
+    searchFilter: TextSearchFilter;
+    /** Form group to which the search-filter input component will be added. */
+    form: UntypedFormGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextSearchFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextSearchFilterComponent, "entry-text-search-filter", never, { "searchFilter": "searchFilter"; "form": "form"; }, {}, never, never, false, never>;
+}

package/search-filter/{search-filter-input/inputs → text}/text-search-filter.model.d.ts

@@ -1,7 +1,8 @@
 import { SearchFilterBase } from '../search-filter-base.model';
+import { ControlType } from '../control-type';
 /**
  * Search filter text input filed configuration.
  */
 export declare class TextSearchFilter extends SearchFilterBase<string> {
-    controlType: string;
+    controlType: ControlType;
 }

package/spinner/README.md

@@ -0,0 +1,37 @@
+# Entry spinner
+
+Loading spinner that is intended to inform the user that an operation is in progress.
+
+## Integration
+
+Import component module in your shared module:
+
+```ts
+import { EntrySpinnerModule } from '@enigmatry/entry-components/spinner';
+```
+
+## Usage
+
+Show spinner:
+
+```html
+<entry-spinner *ngIf="loading"></entry-spinner>
+```
+
+Show spinner positioned in the center of the screen and with background overlay: 
+
+```html
+<entry-spinner *ngIf="loading" [fullscreen]="true" [hasBackgroundOverlay]="true"></entry-spinner>
+```
+
+
+### Spinner inputs
+
+- color: `ThemePalette ` *default* `primary`
+  - 'primary' | 'accent' | 'warn'
+- diameter: `number` *default* `30`
+  - Diameter of the progress spinner (will set width and height of svg)
+- fullscreen: `boolean` *default* `false`
+  - Show spinner in full screen or relative to the container. 
+- hasBackgroundOverlay: `boolean` *default* `true`
+  - Show spinner with or without a background overlay.

package/spinner/entry-spinner/spinner.component.d.ts

@@ -0,0 +1,24 @@
+import { Overlay, OverlayContainer } from '@angular/cdk/overlay';
+import { ElementRef, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { ThemePalette } from '@angular/material/core';
+import * as i0 from "@angular/core";
+export declare class EntrySpinnerComponent implements OnInit, OnDestroy {
+    private overlay;
+    private viewContainerRef;
+    private overlayContainer;
+    private elementRef;
+    color: ThemePalette;
+    diameter: number;
+    fullscreen: boolean;
+    hasBackgroundOverlay: boolean;
+    private templateRef;
+    private overlayRef;
+    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, overlayContainer: OverlayContainer, elementRef: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private createOverlay;
+    private configureOverlayContainer;
+    private disposeOverlayRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntrySpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntrySpinnerComponent, "entry-spinner", never, { "color": "color"; "diameter": "diameter"; "fullscreen": "fullscreen"; "hasBackgroundOverlay": "hasBackgroundOverlay"; }, {}, never, never, false, never>;
+}

package/spinner/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@enigmatry/entry-components/spinner" />
+export * from './public-api';

package/spinner/public-api.d.ts

@@ -0,0 +1,2 @@
+export { EntrySpinnerComponent } from './entry-spinner/spinner.component';
+export { EntrySpinnerModule } from './spinner.module';

package/spinner/spinner-overlay-container.d.ts

@@ -0,0 +1,17 @@
+import { OverlayContainer } from '@angular/cdk/overlay';
+import { Platform } from '@angular/cdk/platform';
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SpinnerOverlayContainer extends OverlayContainer implements OnDestroy {
+    private _appendTo;
+    private _options;
+    constructor(document: Document, platform: Platform);
+    configure(appendTo: HTMLElement, options: {
+        fullscreen: boolean;
+    }): void;
+    getContainerElement(): HTMLElement;
+    ngOnDestroy(): void;
+    private createContainer;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerOverlayContainer, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SpinnerOverlayContainer>;
+}

package/spinner/spinner.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./entry-spinner/spinner.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/overlay";
+import * as i4 from "@angular/material/progress-spinner";
+export declare class EntrySpinnerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntrySpinnerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EntrySpinnerModule, [typeof i1.EntrySpinnerComponent], [typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.MatProgressSpinnerModule], [typeof i1.EntrySpinnerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EntrySpinnerModule>;
+}

package/styles/modules/_default-theme.scss

@@ -16,19 +16,27 @@ $theme: (
 		fonts: (
 			hero-titles: (
 				family: '',
-				size: 0
+				size: null,
+				letter-spacing: null
+
 			),
 			titles: (
 				family: '',
-				size: 0
+				size: null,
+				letter-spacing: null
+
 			),
 			body: (
 				family: '',
-				size: 0
+				size: null,
+				letter-spacing: null
+
 			),
 			buttons: (
 				family: '',
-				size: 0
+				size: null,
+				letter-spacing: null
+
 			)
 		),
 		spacing: (

package/styles/modules/vendors/angular-material/_typography-generator.scss

@@ -16,23 +16,30 @@
 	$fonts: map.get($theme, 'general', 'fonts');
 	$typography: theming.define-typography-config();
 
-	$typography: -set-font-size-for('body', $typography, $fonts, ('body-1', 'body-2'));
-	$typography: -set-font-size-for('buttons', $typography, $fonts, ('button'));
-	$typography: -set-font-size-for('hero-titles',$typography,$fonts,('headline-1', 'headline-2',
+	$typography: -set-font-for('body', $typography, $fonts, ('body-1', 'body-2'));
+	$typography: -set-font-for('buttons', $typography, $fonts, ('button'));
+	$typography: -set-font-for('hero-titles',$typography,$fonts,('headline-1', 'headline-2',
 	'headline-3', 'headline-4', 'headline-5', 'headline-6'));
-	$typography: -set-font-size-for('titles', $typography, $fonts, ('subtitle-1', 'subtitle-2'));
+	$typography: -set-font-for('titles', $typography, $fonts, ('subtitle-1', 'subtitle-2'));
 	$typography: -set-font-family($typography, $fonts);
 
 	@return $typography;
 }
 
-@function -set-font-size-for($selector, $typography, $fonts, $desired-size-settings) {
+@function -set-font-for($selector, $typography, $fonts, $desired-size-settings) {
 	$desired-size: map.get($fonts, $selector, 'size');
+	$desired-spacing: map.get($fonts, $selector, 'letter-spacing');
 
-	@if $desired-size != 0 {
-		@each $setting in $desired-size-settings {
+	@each $setting in $desired-size-settings {
+		/* stylelint-disable-next-line scss/at-if-no-null */
+		@if $desired-size != null {
 			$typography: map.set($typography, $setting, 'font-size', $desired-size);
 		}
+
+		/* stylelint-disable-next-line scss/at-if-no-null */
+		@if $desired-spacing != null {
+			$typography: map.set($typography, $setting, 'letter-spacing', $desired-spacing);
+		}
 	}
 
 	@return $typography;

package/esm2020/search-filter/search-filter-input/control-type.model.mjs

@@ -1,5 +0,0 @@
-export class ControlType {
-}
-ControlType.text = 'text-input';
-ControlType.select = 'select-input';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbC10eXBlLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9lbnRyeS1jb21wb25lbnRzL3NlYXJjaC1maWx0ZXIvc2VhcmNoLWZpbHRlci1pbnB1dC9jb250cm9sLXR5cGUubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLFdBQVc7O0FBQ2IsZ0JBQUksR0FBRyxZQUFZLENBQUM7QUFDcEIsa0JBQU0sR0FBRyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgQ29udHJvbFR5cGUge1xuICAgIHN0YXRpYyB0ZXh0ID0gJ3RleHQtaW5wdXQnO1xuICAgIHN0YXRpYyBzZWxlY3QgPSAnc2VsZWN0LWlucHV0Jztcbn1cbiJdfQ==

package/esm2020/search-filter/search-filter-input/inputs/select-filter-option.model.mjs

@@ -1,12 +0,0 @@
-/** Model used to populate select filter options. */
-export class SelectFilterOption {
-    constructor(
-    /** Key used as a value for selected option */
-    key, 
-    /** String value used as display label of select option */
-    label) {
-        this.key = key;
-        this.label = label;
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWZpbHRlci1vcHRpb24ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2VudHJ5LWNvbXBvbmVudHMvc2VhcmNoLWZpbHRlci9zZWFyY2gtZmlsdGVyLWlucHV0L2lucHV0cy9zZWxlY3QtZmlsdGVyLW9wdGlvbi5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxvREFBb0Q7QUFDcEQsTUFBTSxPQUFPLGtCQUFrQjtJQUMzQjtJQUNJLDhDQUE4QztJQUN2QyxHQUFNO0lBQ2IsMERBQTBEO0lBQ25ELEtBQWE7UUFGYixRQUFHLEdBQUgsR0FBRyxDQUFHO1FBRU4sVUFBSyxHQUFMLEtBQUssQ0FBUTtJQUFHLENBQUM7Q0FDL0IiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogTW9kZWwgdXNlZCB0byBwb3B1bGF0ZSBzZWxlY3QgZmlsdGVyIG9wdGlvbnMuICovXG5leHBvcnQgY2xhc3MgU2VsZWN0RmlsdGVyT3B0aW9uPFQ+IHtcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgLyoqIEtleSB1c2VkIGFzIGEgdmFsdWUgZm9yIHNlbGVjdGVkIG9wdGlvbiAqL1xuICAgICAgICBwdWJsaWMga2V5OiBULFxuICAgICAgICAvKiogU3RyaW5nIHZhbHVlIHVzZWQgYXMgZGlzcGxheSBsYWJlbCBvZiBzZWxlY3Qgb3B0aW9uICovXG4gICAgICAgIHB1YmxpYyBsYWJlbDogc3RyaW5nKSB7fVxufVxuIl19