@dereekb/dbx-form 9.25.15 → 10.0.0

package/esm2022/lib/formly/field/selection/pickable/pickable.field.module.mjs

@@ -0,0 +1,93 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatListModule } from '@angular/material/list';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { FormlyModule } from '@ngx-formly/core';
+import { MatButtonModule } from '@angular/material/button';
+import { DbxPickableChipListFieldComponent } from './pickable.chip.field.component';
+import { DbxPickableListFieldComponent, DbxPickableListFieldItemListComponent, DbxPickableListFieldItemListViewComponent, DbxPickableListFieldItemListViewItemComponent } from './pickable.list.field.component';
+import { DbxDatePipeModule, DbxInjectionComponentModule } from '@dereekb/dbx-core';
+import { DbxRouterAnchorModule, DbxTextModule, DbxLoadingModule, DbxButtonModule, DbxListLayoutModule } from '@dereekb/dbx-web';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-formly/core";
+export class DbxFormFormlyPickableFieldModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFormFormlyPickableFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFormFormlyPickableFieldModule, declarations: [DbxPickableChipListFieldComponent, DbxPickableListFieldComponent, DbxPickableListFieldItemListComponent, DbxPickableListFieldItemListViewComponent, DbxPickableListFieldItemListViewItemComponent], imports: [CommonModule,
+            DbxTextModule,
+            DbxLoadingModule,
+            DbxButtonModule,
+            FormsModule,
+            MatButtonModule,
+            MatInputModule,
+            MatFormFieldModule,
+            ReactiveFormsModule,
+            MatAutocompleteModule,
+            MatListModule,
+            DbxDatePipeModule,
+            DbxRouterAnchorModule,
+            MatChipsModule,
+            MatIconModule,
+            DbxInjectionComponentModule,
+            DbxListLayoutModule, i1.FormlyModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFormFormlyPickableFieldModule, imports: [CommonModule,
+            DbxTextModule,
+            DbxLoadingModule,
+            DbxButtonModule,
+            FormsModule,
+            MatButtonModule,
+            MatInputModule,
+            MatFormFieldModule,
+            ReactiveFormsModule,
+            MatAutocompleteModule,
+            MatListModule,
+            DbxDatePipeModule,
+            DbxRouterAnchorModule,
+            MatChipsModule,
+            MatIconModule,
+            DbxInjectionComponentModule,
+            DbxListLayoutModule,
+            FormlyModule.forChild({
+                types: [
+                    { name: 'pickablechipfield', component: DbxPickableChipListFieldComponent, wrappers: ['form-field'] },
+                    { name: 'pickablelistfield', component: DbxPickableListFieldComponent, wrappers: ['form-field'] }
+                ]
+            })] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFormFormlyPickableFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        DbxTextModule,
+                        DbxLoadingModule,
+                        DbxButtonModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                        MatAutocompleteModule,
+                        MatListModule,
+                        DbxDatePipeModule,
+                        DbxRouterAnchorModule,
+                        MatChipsModule,
+                        MatIconModule,
+                        DbxInjectionComponentModule,
+                        DbxListLayoutModule,
+                        FormlyModule.forChild({
+                            types: [
+                                { name: 'pickablechipfield', component: DbxPickableChipListFieldComponent, wrappers: ['form-field'] },
+                                { name: 'pickablelistfield', component: DbxPickableListFieldComponent, wrappers: ['form-field'] }
+                            ]
+                        })
+                    ],
+                    declarations: [DbxPickableChipListFieldComponent, DbxPickableListFieldComponent, DbxPickableListFieldItemListComponent, DbxPickableListFieldItemListViewComponent, DbxPickableListFieldItemListViewItemComponent],
+                    exports: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2FibGUuZmllbGQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LWZvcm0vc3JjL2xpYi9mb3JtbHkvZmllbGQvc2VsZWN0aW9uL3BpY2thYmxlL3BpY2thYmxlLmZpZWxkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEYsT0FBTyxFQUFFLDZCQUE2QixFQUFFLHFDQUFxQyxFQUFFLHlDQUF5QyxFQUFFLDZDQUE2QyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDak4sT0FBTyxFQUFFLGlCQUFpQixFQUFFLDJCQUEyQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsRUFBRSxlQUFlLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBK0JoSSxNQUFNLE9BQU8sZ0NBQWdDOytHQUFoQyxnQ0FBZ0M7Z0hBQWhDLGdDQUFnQyxpQkFINUIsaUNBQWlDLEVBQUUsNkJBQTZCLEVBQUUscUNBQXFDLEVBQUUseUNBQXlDLEVBQUUsNkNBQTZDLGFBeEI5TSxZQUFZO1lBQ1osYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsV0FBVztZQUNYLGVBQWU7WUFDZixjQUFjO1lBQ2Qsa0JBQWtCO1lBQ2xCLG1CQUFtQjtZQUNuQixxQkFBcUI7WUFDckIsYUFBYTtZQUNiLGlCQUFpQjtZQUNqQixxQkFBcUI7WUFDckIsY0FBYztZQUNkLGFBQWE7WUFDYiwyQkFBMkI7WUFDM0IsbUJBQW1CO2dIQVdWLGdDQUFnQyxZQTNCekMsWUFBWTtZQUNaLGFBQWE7WUFDYixnQkFBZ0I7WUFDaEIsZUFBZTtZQUNmLFdBQVc7WUFDWCxlQUFlO1lBQ2YsY0FBYztZQUNkLGtCQUFrQjtZQUNsQixtQkFBbUI7WUFDbkIscUJBQXFCO1lBQ3JCLGFBQWE7WUFDYixpQkFBaUI7WUFDakIscUJBQXFCO1lBQ3JCLGNBQWM7WUFDZCxhQUFhO1lBQ2IsMkJBQTJCO1lBQzNCLG1CQUFtQjtZQUNuQixZQUFZLENBQUMsUUFBUSxDQUFDO2dCQUNwQixLQUFLLEVBQUU7b0JBQ0wsRUFBRSxJQUFJLEVBQUUsbUJBQW1CLEVBQUUsU0FBUyxFQUFFLGlDQUFpQyxFQUFFLFFBQVEsRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFO29CQUNyRyxFQUFFLElBQUksRUFBRSxtQkFBbUIsRUFBRSxTQUFTLEVBQUUsNkJBQTZCLEVBQUUsUUFBUSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUU7aUJBQ2xHO2FBQ0YsQ0FBQzs7NEZBS08sZ0NBQWdDO2tCQTdCNUMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixXQUFXO3dCQUNYLGVBQWU7d0JBQ2YsY0FBYzt3QkFDZCxrQkFBa0I7d0JBQ2xCLG1CQUFtQjt3QkFDbkIscUJBQXFCO3dCQUNyQixhQUFhO3dCQUNiLGlCQUFpQjt3QkFDakIscUJBQXFCO3dCQUNyQixjQUFjO3dCQUNkLGFBQWE7d0JBQ2IsMkJBQTJCO3dCQUMzQixtQkFBbUI7d0JBQ25CLFlBQVksQ0FBQyxRQUFRLENBQUM7NEJBQ3BCLEtBQUssRUFBRTtnQ0FDTCxFQUFFLElBQUksRUFBRSxtQkFBbUIsRUFBRSxTQUFTLEVBQUUsaUNBQWlDLEVBQUUsUUFBUSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUU7Z0NBQ3JHLEVBQUUsSUFBSSxFQUFFLG1CQUFtQixFQUFFLFNBQVMsRUFBRSw2QkFBNkIsRUFBRSxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRTs2QkFDbEc7eUJBQ0YsQ0FBQztxQkFDSDtvQkFDRCxZQUFZLEVBQUUsQ0FBQyxpQ0FBaUMsRUFBRSw2QkFBNkIsRUFBRSxxQ0FBcUMsRUFBRSx5Q0FBeUMsRUFBRSw2Q0FBNkMsQ0FBQztvQkFDak4sT0FBTyxFQUFFLEVBQUU7aUJBQ1oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0QXV0b2NvbXBsZXRlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYXV0b2NvbXBsZXRlJztcbmltcG9ydCB7IE1hdExpc3RNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9saXN0JztcbmltcG9ydCB7IE1hdENoaXBzTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hpcHMnO1xuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7IEZvcm1seU1vZHVsZSB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IERieFBpY2thYmxlQ2hpcExpc3RGaWVsZENvbXBvbmVudCB9IGZyb20gJy4vcGlja2FibGUuY2hpcC5maWVsZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4UGlja2FibGVMaXN0RmllbGRDb21wb25lbnQsIERieFBpY2thYmxlTGlzdEZpZWxkSXRlbUxpc3RDb21wb25lbnQsIERieFBpY2thYmxlTGlzdEZpZWxkSXRlbUxpc3RWaWV3Q29tcG9uZW50LCBEYnhQaWNrYWJsZUxpc3RGaWVsZEl0ZW1MaXN0Vmlld0l0ZW1Db21wb25lbnQgfSBmcm9tICcuL3BpY2thYmxlLmxpc3QuZmllbGQuY29tcG9uZW50JztcbmltcG9ydCB7IERieERhdGVQaXBlTW9kdWxlLCBEYnhJbmplY3Rpb25Db21wb25lbnRNb2R1bGUgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5pbXBvcnQgeyBEYnhSb3V0ZXJBbmNob3JNb2R1bGUsIERieFRleHRNb2R1bGUsIERieExvYWRpbmdNb2R1bGUsIERieEJ1dHRvbk1vZHVsZSwgRGJ4TGlzdExheW91dE1vZHVsZSB9IGZyb20gJ0BkZXJlZWtiL2RieC13ZWInO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIERieFRleHRNb2R1bGUsXG4gICAgRGJ4TG9hZGluZ01vZHVsZSxcbiAgICBEYnhCdXR0b25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE1hdEF1dG9jb21wbGV0ZU1vZHVsZSxcbiAgICBNYXRMaXN0TW9kdWxlLFxuICAgIERieERhdGVQaXBlTW9kdWxlLFxuICAgIERieFJvdXRlckFuY2hvck1vZHVsZSxcbiAgICBNYXRDaGlwc01vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIERieEluamVjdGlvbkNvbXBvbmVudE1vZHVsZSxcbiAgICBEYnhMaXN0TGF5b3V0TW9kdWxlLFxuICAgIEZvcm1seU1vZHVsZS5mb3JDaGlsZCh7XG4gICAgICB0eXBlczogW1xuICAgICAgICB7IG5hbWU6ICdwaWNrYWJsZWNoaXBmaWVsZCcsIGNvbXBvbmVudDogRGJ4UGlja2FibGVDaGlwTGlzdEZpZWxkQ29tcG9uZW50LCB3cmFwcGVyczogWydmb3JtLWZpZWxkJ10gfSxcbiAgICAgICAgeyBuYW1lOiAncGlja2FibGVsaXN0ZmllbGQnLCBjb21wb25lbnQ6IERieFBpY2thYmxlTGlzdEZpZWxkQ29tcG9uZW50LCB3cmFwcGVyczogWydmb3JtLWZpZWxkJ10gfVxuICAgICAgXVxuICAgIH0pXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW0RieFBpY2thYmxlQ2hpcExpc3RGaWVsZENvbXBvbmVudCwgRGJ4UGlja2FibGVMaXN0RmllbGRDb21wb25lbnQsIERieFBpY2thYmxlTGlzdEZpZWxkSXRlbUxpc3RDb21wb25lbnQsIERieFBpY2thYmxlTGlzdEZpZWxkSXRlbUxpc3RWaWV3Q29tcG9uZW50LCBEYnhQaWNrYWJsZUxpc3RGaWVsZEl0ZW1MaXN0Vmlld0l0ZW1Db21wb25lbnRdLFxuICBleHBvcnRzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBEYnhGb3JtRm9ybWx5UGlja2FibGVGaWVsZE1vZHVsZSB7fVxuIl19

package/esm2022/lib/formly/field/selection/pickable/pickable.list.field.component.mjs

@@ -0,0 +1,116 @@
+import { Component } from '@angular/core';
+import { DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE, AbstractDbxSelectionListWrapperDirective, provideDbxListView, AbstractDbxSelectionListViewDirective, AbstractDbxValueListViewItemComponent, addConfigToValueListItems } from '@dereekb/dbx-web';
+import { map, shareReplay } from 'rxjs';
+import { AbstractDbxPickableItemFieldDirective } from './pickable.field.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@dereekb/dbx-web";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/material/divider";
+import * as i6 from "@dereekb/dbx-core";
+import * as i7 from "@angular/material/icon";
+/**
+ * Used for picking pre-set values using a selection list as the presentation.
+ */
+export class DbxPickableListFieldComponent extends AbstractDbxPickableItemFieldDirective {
+    onSelectionChange(event) {
+        const items = event.items;
+        const values = items.map((x) => x.itemValue.value);
+        this.setValues(values);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxPickableListFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxPickableListFieldComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-pickable-item-field\">\n  <dbx-loading [context]=\"context\">\n    <ng-container *ngIf=\"showFilterInput\">\n      <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n    </ng-container>\n    <!-- Content -->\n    <div class=\"dbx-pickable-item-field-list\">\n      <div class=\"dbx-pickable-item-field-list-content\">\n        <dbx-form-pickable-item-field-item-list [disabled]=\"isReadonlyOrDisabled\" [state$]=\"filterItemsLoadingState$\" (selectionChange)=\"onSelectionChange($event)\"></dbx-form-pickable-item-field-item-list>\n      </div>\n      <dbx-injection [config]=\"footerConfig\"></dbx-injection>\n    </div>\n  </dbx-loading>\n</div>\n\n<!-- Filter Input -->\n<ng-template #filterTemplate>\n  <div class=\"dbx-pickable-item-field-filter\">\n    <div class=\"dbx-label\">{{ filterLabel }}</div>\n    <input [name]=\"name\" autocomplete=\"{{ autocomplete }}\" #filterMatInput=\"matInput\" matInput [placeholder]=\"placeholder\" [formControl]=\"inputCtrl\" />\n    <mat-divider></mat-divider>\n    <dbx-loading [linear]=\"true\" [context]=\"filterResultsContext\"></dbx-loading>\n    <!-- No items found. -->\n    <p *ngIf=\"noItemsAvailable$ | async\" class=\"dbx-label\">No items match this filter.</p>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i1.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i1.NgTemplateOutlet; }), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i0.forwardRef(function () { return i2.DbxLoadingComponent; }), selector: "dbx-loading", inputs: ["show", "text", "mode", "color", "diameter", "linear", "padding", "context", "loading", "error"] }, { kind: "directive", type: i0.forwardRef(function () { return i3.DefaultValueAccessor; }), selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i0.forwardRef(function () { return i3.NgControlStatus; }), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(function () { return i4.MatInput; }), selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i0.forwardRef(function () { return i3.FormControlDirective; }), selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i0.forwardRef(function () { return i5.MatDivider; }), selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i0.forwardRef(function () { return i6.DbxInjectionComponent; }), selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "component", type: i0.forwardRef(function () { return DbxPickableListFieldItemListComponent; }), selector: "dbx-form-pickable-item-field-item-list" }, { kind: "pipe", type: i0.forwardRef(function () { return i1.AsyncPipe; }), name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxPickableListFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<div class=\"dbx-pickable-item-field\">\n  <dbx-loading [context]=\"context\">\n    <ng-container *ngIf=\"showFilterInput\">\n      <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n    </ng-container>\n    <!-- Content -->\n    <div class=\"dbx-pickable-item-field-list\">\n      <div class=\"dbx-pickable-item-field-list-content\">\n        <dbx-form-pickable-item-field-item-list [disabled]=\"isReadonlyOrDisabled\" [state$]=\"filterItemsLoadingState$\" (selectionChange)=\"onSelectionChange($event)\"></dbx-form-pickable-item-field-item-list>\n      </div>\n      <dbx-injection [config]=\"footerConfig\"></dbx-injection>\n    </div>\n  </dbx-loading>\n</div>\n\n<!-- Filter Input -->\n<ng-template #filterTemplate>\n  <div class=\"dbx-pickable-item-field-filter\">\n    <div class=\"dbx-label\">{{ filterLabel }}</div>\n    <input [name]=\"name\" autocomplete=\"{{ autocomplete }}\" #filterMatInput=\"matInput\" matInput [placeholder]=\"placeholder\" [formControl]=\"inputCtrl\" />\n    <mat-divider></mat-divider>\n    <dbx-loading [linear]=\"true\" [context]=\"filterResultsContext\"></dbx-loading>\n    <!-- No items found. -->\n    <p *ngIf=\"noItemsAvailable$ | async\" class=\"dbx-label\">No items match this filter.</p>\n  </div>\n</ng-template>\n" }]
+        }] });
+// MARK: Selection List
+export class DbxPickableListFieldItemListComponent extends AbstractDbxSelectionListWrapperDirective {
+    constructor() {
+        super({
+            componentClass: DbxPickableListFieldItemListViewComponent
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxPickableListFieldItemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxPickableListFieldItemListComponent, selector: "dbx-form-pickable-item-field-item-list", usesInheritance: true, ngImport: i0, template: "\n<dbx-list [state$]=\"state$\" [config]=\"config$ | async\" [disabled]=\"disabled\" [selectionMode]=\"selectionMode\">\n  <ng-content top select=\"[top]\"></ng-content>\n  <ng-content bottom select=\"[bottom]\"></ng-content>\n  <ng-content empty select=\"[empty]\"></ng-content>\n  <ng-content emptyLoading select=\"[emptyLoading]\"></ng-content>\n</dbx-list>\n", isInline: true, dependencies: [{ kind: "component", type: i2.DbxListComponent, selector: "dbx-list", inputs: ["padded", "state$", "config", "disabled", "selectionMode"], outputs: ["contentScrolled"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxPickableListFieldItemListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-form-pickable-item-field-item-list',
+                    template: DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE
+                }]
+        }], ctorParameters: function () { return []; } });
+/**
+ * NOTE: Values input are PickableItemFieldItem<T>, but output values are PickableValueFieldDisplayValue<T>.
+ */
+export class DbxPickableListFieldItemListViewComponent extends AbstractDbxSelectionListViewDirective {
+    get multiple() {
+        return !this.dbxPickableListFieldComponent.pickOnlyOne;
+    }
+    get selectionMode() {
+        let selectionMode = 'select';
+        if (this.dbxPickableListFieldComponent.disabled && this.dbxPickableListFieldComponent.changeSelectionModeToViewOnDisabled) {
+            selectionMode = 'view';
+        }
+        return selectionMode;
+    }
+    constructor(dbxPickableListFieldComponent) {
+        super();
+        this.dbxPickableListFieldComponent = dbxPickableListFieldComponent;
+        // TODO: any belongs here for now, but item list typings need to be updated.
+        this.config = {
+            componentClass: DbxPickableListFieldItemListViewItemComponent
+        };
+        this.items$ = this.values$.pipe(
+        // NOTE: This causes the "value" to be a PickableValueFieldDisplayValue<T>, which means we emit PickableValueFieldDisplayValue<T> to DbxPickableListFieldComponent.
+        map((x) => addConfigToValueListItems(this.config, x)), shareReplay(1));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxPickableListFieldItemListViewComponent, deps: [{ token: DbxPickableListFieldComponent }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxPickableListFieldItemListViewComponent, selector: "ng-component", providers: provideDbxListView(DbxPickableListFieldItemListViewComponent), usesInheritance: true, ngImport: i0, template: `
+    <dbx-selection-list-view-content [multiple]="multiple" [selectionMode]="selectionMode" [items]="items$ | async"></dbx-selection-list-view-content>
+  `, isInline: true, dependencies: [{ kind: "component", type: i2.DbxSelectionValueListItemViewComponent, selector: "dbx-selection-list-view-content", inputs: ["multiple", "selectionMode"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxPickableListFieldItemListViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <dbx-selection-list-view-content [multiple]="multiple" [selectionMode]="selectionMode" [items]="items$ | async"></dbx-selection-list-view-content>
+  `,
+                    providers: provideDbxListView(DbxPickableListFieldItemListViewComponent)
+                }]
+        }], ctorParameters: function () { return [{ type: DbxPickableListFieldComponent }]; } });
+export class DbxPickableListFieldItemListViewItemComponent extends AbstractDbxValueListViewItemComponent {
+    get label() {
+        return this.itemValue.label;
+    }
+    get sublabel() {
+        return this.itemValue.sublabel;
+    }
+    get icon() {
+        return this.itemValue.icon;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxPickableListFieldItemListViewItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxPickableListFieldItemListViewItemComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="dbx-default-pickable-item-field-list-item dbx-flex-bar">
+      <mat-icon class="dbx-icon-spacer" *ngIf="icon">{{ icon }}</mat-icon>
+      <span class="dbx-chip-label">{{ label }}</span>
+      <span class="dbx-chip-sublabel" *ngIf="sublabel">({{ sublabel }})</span>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxPickableListFieldItemListViewItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div class="dbx-default-pickable-item-field-list-item dbx-flex-bar">
+      <mat-icon class="dbx-icon-spacer" *ngIf="icon">{{ icon }}</mat-icon>
+      <span class="dbx-chip-label">{{ label }}</span>
+      <span class="dbx-chip-sublabel" *ngIf="sublabel">({{ sublabel }})</span>
+    </div>
+  `
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2FibGUubGlzdC5maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtZm9ybS9zcmMvbGliL2Zvcm1seS9maWVsZC9zZWxlY3Rpb24vcGlja2FibGUvcGlja2FibGUubGlzdC5maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtZm9ybS9zcmMvbGliL2Zvcm1seS9maWVsZC9zZWxlY3Rpb24vcGlja2FibGUvcGlja2FibGUubGlzdC5maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFDLE9BQU8sRUFBRSx1Q0FBdUMsRUFBRSx3Q0FBd0MsRUFBRSxrQkFBa0IsRUFBRSxxQ0FBcUMsRUFBRSxxQ0FBcUMsRUFBc0IseUJBQXlCLEVBQXdCLE1BQU0sa0JBQWtCLENBQUM7QUFFNVIsT0FBTyxFQUFFLEdBQUcsRUFBRSxXQUFXLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFeEMsT0FBTyxFQUFFLHFDQUFxQyxFQUF5QixNQUFNLDRCQUE0QixDQUFDOzs7Ozs7Ozs7QUFFMUc7O0dBRUc7QUFJSCxNQUFNLE9BQU8sNkJBQWlDLFNBQVEscUNBQXdDO0lBQzVGLGlCQUFpQixDQUFDLEtBQWM7UUFDOUIsTUFBTSxLQUFLLEdBQUksS0FBK0QsQ0FBQyxLQUFLLENBQUM7UUFDckYsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNuRCxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3pCLENBQUM7K0dBTFUsNkJBQTZCO21HQUE3Qiw2QkFBNkIsMkVDZDFDLCt2Q0EwQkEsZytERENhLHFDQUFxQzs7NEZBYnJDLDZCQUE2QjtrQkFIekMsU0FBUzs7O0FBV1YsdUJBQXVCO0FBS3ZCLE1BQU0sT0FBTyxxQ0FBeUMsU0FBUSx3Q0FBa0U7SUFDOUg7UUFDRSxLQUFLLENBQUM7WUFDSixjQUFjLEVBQUUseUNBQXlDO1NBQzFELENBQUMsQ0FBQztJQUNMLENBQUM7K0dBTFUscUNBQXFDO21HQUFyQyxxQ0FBcUM7OzRGQUFyQyxxQ0FBcUM7a0JBSmpELFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdDQUF3QztvQkFDbEQsUUFBUSxFQUFFLHVDQUF1QztpQkFDbEQ7O0FBU0Q7O0dBRUc7QUFPSCxNQUFNLE9BQU8seUNBQTZDLFNBQVEscUNBQTBDO0lBTzFHLElBQUksUUFBUTtRQUNWLE9BQU8sQ0FBQyxJQUFJLENBQUMsNkJBQTZCLENBQUMsV0FBVyxDQUFDO0lBQ3pELENBQUM7SUFFRCxJQUFJLGFBQWE7UUFDZixJQUFJLGFBQWEsR0FBZ0MsUUFBUSxDQUFDO1FBRTFELElBQUksSUFBSSxDQUFDLDZCQUE2QixDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsNkJBQTZCLENBQUMsbUNBQW1DLEVBQUU7WUFDekgsYUFBYSxHQUFHLE1BQU0sQ0FBQztTQUN4QjtRQUVELE9BQU8sYUFBYSxDQUFDO0lBQ3ZCLENBQUM7SUFRRCxZQUFxQiw2QkFBK0Q7UUFDbEYsS0FBSyxFQUFFLENBQUM7UUFEVyxrQ0FBNkIsR0FBN0IsNkJBQTZCLENBQWtDO1FBMUJwRiw0RUFBNEU7UUFFbkUsV0FBTSxHQUFnQztZQUM3QyxjQUFjLEVBQUUsNkNBQTZDO1NBQzlELENBQUM7UUFnQk8sV0FBTSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSTtRQUNqQyxtS0FBbUs7UUFDbkssR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQ3JELFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDZixDQUFDO0lBSUYsQ0FBQzsrR0E3QlUseUNBQXlDO21HQUF6Qyx5Q0FBeUMsdUNBRnpDLGtCQUFrQixDQUFDLHlDQUF5QyxDQUFDLGlEQUg5RDs7R0FFVDs7NEZBR1UseUNBQXlDO2tCQU5yRCxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRTs7R0FFVDtvQkFDRCxTQUFTLEVBQUUsa0JBQWtCLDJDQUEyQztpQkFDekU7O0FBMENELE1BQU0sT0FBTyw2Q0FBaUQsU0FBUSxxQ0FBd0U7SUFDNUksSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztJQUM5QixDQUFDO0lBRUQsSUFBSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQztJQUNqQyxDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQztJQUM3QixDQUFDOytHQVhVLDZDQUE2QzttR0FBN0MsNkNBQTZDLDJFQVI5Qzs7Ozs7O0dBTVQ7OzRGQUVVLDZDQUE2QztrQkFUekQsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUU7Ozs7OztHQU1UO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhJbmplY3Rpb25Db21wb25lbnRDb25maWcgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5pbXBvcnQgeyBERUZBVUxUX0xJU1RfV1JBUFBFUl9ESVJFQ1RJVkVfVEVNUExBVEUsIEFic3RyYWN0RGJ4U2VsZWN0aW9uTGlzdFdyYXBwZXJEaXJlY3RpdmUsIHByb3ZpZGVEYnhMaXN0VmlldywgQWJzdHJhY3REYnhTZWxlY3Rpb25MaXN0Vmlld0RpcmVjdGl2ZSwgQWJzdHJhY3REYnhWYWx1ZUxpc3RWaWV3SXRlbUNvbXBvbmVudCwgTGlzdFNlbGVjdGlvblN0YXRlLCBhZGRDb25maWdUb1ZhbHVlTGlzdEl0ZW1zLCBEYnhMaXN0U2VsZWN0aW9uTW9kZSB9IGZyb20gJ0BkZXJlZWtiL2RieC13ZWInO1xuaW1wb3J0IHsgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IG1hcCwgc2hhcmVSZXBsYXkgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFBpY2thYmxlVmFsdWVGaWVsZERpc3BsYXlWYWx1ZSB9IGZyb20gJy4vcGlja2FibGUnO1xuaW1wb3J0IHsgQWJzdHJhY3REYnhQaWNrYWJsZUl0ZW1GaWVsZERpcmVjdGl2ZSwgUGlja2FibGVJdGVtRmllbGRJdGVtIH0gZnJvbSAnLi9waWNrYWJsZS5maWVsZC5kaXJlY3RpdmUnO1xuXG4vKipcbiAqIFVzZWQgZm9yIHBpY2tpbmcgcHJlLXNldCB2YWx1ZXMgdXNpbmcgYSBzZWxlY3Rpb24gbGlzdCBhcyB0aGUgcHJlc2VudGF0aW9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGVVcmw6ICdwaWNrYWJsZS5saXN0LmZpZWxkLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBEYnhQaWNrYWJsZUxpc3RGaWVsZENvbXBvbmVudDxUPiBleHRlbmRzIEFic3RyYWN0RGJ4UGlja2FibGVJdGVtRmllbGREaXJlY3RpdmU8VD4ge1xuICBvblNlbGVjdGlvbkNoYW5nZShldmVudDogdW5rbm93bikge1xuICAgIGNvbnN0IGl0ZW1zID0gKGV2ZW50IGFzIExpc3RTZWxlY3Rpb25TdGF0ZTxQaWNrYWJsZVZhbHVlRmllbGREaXNwbGF5VmFsdWU8VD4+KS5pdGVtcztcbiAgICBjb25zdCB2YWx1ZXMgPSBpdGVtcy5tYXAoKHgpID0+IHguaXRlbVZhbHVlLnZhbHVlKTtcbiAgICB0aGlzLnNldFZhbHVlcyh2YWx1ZXMpO1xuICB9XG59XG5cbi8vIE1BUks6IFNlbGVjdGlvbiBMaXN0XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtZm9ybS1waWNrYWJsZS1pdGVtLWZpZWxkLWl0ZW0tbGlzdCcsXG4gIHRlbXBsYXRlOiBERUZBVUxUX0xJU1RfV1JBUFBFUl9ESVJFQ1RJVkVfVEVNUExBVEVcbn0pXG5leHBvcnQgY2xhc3MgRGJ4UGlja2FibGVMaXN0RmllbGRJdGVtTGlzdENvbXBvbmVudDxUPiBleHRlbmRzIEFic3RyYWN0RGJ4U2VsZWN0aW9uTGlzdFdyYXBwZXJEaXJlY3RpdmU8UGlja2FibGVJdGVtRmllbGRJdGVtPFQ+PiB7XG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKHtcbiAgICAgIGNvbXBvbmVudENsYXNzOiBEYnhQaWNrYWJsZUxpc3RGaWVsZEl0ZW1MaXN0Vmlld0NvbXBvbmVudFxuICAgIH0pO1xuICB9XG59XG5cbi8qKlxuICogTk9URTogVmFsdWVzIGlucHV0IGFyZSBQaWNrYWJsZUl0ZW1GaWVsZEl0ZW08VD4sIGJ1dCBvdXRwdXQgdmFsdWVzIGFyZSBQaWNrYWJsZVZhbHVlRmllbGREaXNwbGF5VmFsdWU8VD4uXG4gKi9cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxkYngtc2VsZWN0aW9uLWxpc3Qtdmlldy1jb250ZW50IFttdWx0aXBsZV09XCJtdWx0aXBsZVwiIFtzZWxlY3Rpb25Nb2RlXT1cInNlbGVjdGlvbk1vZGVcIiBbaXRlbXNdPVwiaXRlbXMkIHwgYXN5bmNcIj48L2RieC1zZWxlY3Rpb24tbGlzdC12aWV3LWNvbnRlbnQ+XG4gIGAsXG4gIHByb3ZpZGVyczogcHJvdmlkZURieExpc3RWaWV3KERieFBpY2thYmxlTGlzdEZpZWxkSXRlbUxpc3RWaWV3Q29tcG9uZW50KVxufSlcbmV4cG9ydCBjbGFzcyBEYnhQaWNrYWJsZUxpc3RGaWVsZEl0ZW1MaXN0Vmlld0NvbXBvbmVudDxUPiBleHRlbmRzIEFic3RyYWN0RGJ4U2VsZWN0aW9uTGlzdFZpZXdEaXJlY3RpdmU8YW55PiB7XG4gIC8vIFRPRE86IGFueSBiZWxvbmdzIGhlcmUgZm9yIG5vdywgYnV0IGl0ZW0gbGlzdCB0eXBpbmdzIG5lZWQgdG8gYmUgdXBkYXRlZC5cblxuICByZWFkb25seSBjb25maWc6IERieEluamVjdGlvbkNvbXBvbmVudENvbmZpZyA9IHtcbiAgICBjb21wb25lbnRDbGFzczogRGJ4UGlja2FibGVMaXN0RmllbGRJdGVtTGlzdFZpZXdJdGVtQ29tcG9uZW50XG4gIH07XG5cbiAgZ2V0IG11bHRpcGxlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhdGhpcy5kYnhQaWNrYWJsZUxpc3RGaWVsZENvbXBvbmVudC5waWNrT25seU9uZTtcbiAgfVxuXG4gIGdldCBzZWxlY3Rpb25Nb2RlKCk6IE1heWJlPERieExpc3RTZWxlY3Rpb25Nb2RlPiB7XG4gICAgbGV0IHNlbGVjdGlvbk1vZGU6IE1heWJlPERieExpc3RTZWxlY3Rpb25Nb2RlPiA9ICdzZWxlY3QnO1xuXG4gICAgaWYgKHRoaXMuZGJ4UGlja2FibGVMaXN0RmllbGRDb21wb25lbnQuZGlzYWJsZWQgJiYgdGhpcy5kYnhQaWNrYWJsZUxpc3RGaWVsZENvbXBvbmVudC5jaGFuZ2VTZWxlY3Rpb25Nb2RlVG9WaWV3T25EaXNhYmxlZCkge1xuICAgICAgc2VsZWN0aW9uTW9kZSA9ICd2aWV3JztcbiAgICB9XG5cbiAgICByZXR1cm4gc2VsZWN0aW9uTW9kZTtcbiAgfVxuXG4gIHJlYWRvbmx5IGl0ZW1zJCA9IHRoaXMudmFsdWVzJC5waXBlKFxuICAgIC8vIE5PVEU6IFRoaXMgY2F1c2VzIHRoZSBcInZhbHVlXCIgdG8gYmUgYSBQaWNrYWJsZVZhbHVlRmllbGREaXNwbGF5VmFsdWU8VD4sIHdoaWNoIG1lYW5zIHdlIGVtaXQgUGlja2FibGVWYWx1ZUZpZWxkRGlzcGxheVZhbHVlPFQ+IHRvIERieFBpY2thYmxlTGlzdEZpZWxkQ29tcG9uZW50LlxuICAgIG1hcCgoeCkgPT4gYWRkQ29uZmlnVG9WYWx1ZUxpc3RJdGVtcyh0aGlzLmNvbmZpZywgeCkpLFxuICAgIHNoYXJlUmVwbGF5KDEpXG4gICk7XG5cbiAgY29uc3RydWN0b3IocmVhZG9ubHkgZGJ4UGlja2FibGVMaXN0RmllbGRDb21wb25lbnQ6IERieFBpY2thYmxlTGlzdEZpZWxkQ29tcG9uZW50PFQ+KSB7XG4gICAgc3VwZXIoKTtcbiAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LWRlZmF1bHQtcGlja2FibGUtaXRlbS1maWVsZC1saXN0LWl0ZW0gZGJ4LWZsZXgtYmFyXCI+XG4gICAgICA8bWF0LWljb24gY2xhc3M9XCJkYngtaWNvbi1zcGFjZXJcIiAqbmdJZj1cImljb25cIj57eyBpY29uIH19PC9tYXQtaWNvbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwiZGJ4LWNoaXAtbGFiZWxcIj57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwiZGJ4LWNoaXAtc3VibGFiZWxcIiAqbmdJZj1cInN1YmxhYmVsXCI+KHt7IHN1YmxhYmVsIH19KTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBEYnhQaWNrYWJsZUxpc3RGaWVsZEl0ZW1MaXN0Vmlld0l0ZW1Db21wb25lbnQ8VD4gZXh0ZW5kcyBBYnN0cmFjdERieFZhbHVlTGlzdFZpZXdJdGVtQ29tcG9uZW50PFBpY2thYmxlVmFsdWVGaWVsZERpc3BsYXlWYWx1ZTxUPj4ge1xuICBnZXQgbGFiZWwoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5pdGVtVmFsdWUubGFiZWw7XG4gIH1cblxuICBnZXQgc3VibGFiZWwoKSB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbVZhbHVlLnN1YmxhYmVsO1xuICB9XG5cbiAgZ2V0IGljb24oKSB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbVZhbHVlLmljb247XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkYngtcGlja2FibGUtaXRlbS1maWVsZFwiPlxuICA8ZGJ4LWxvYWRpbmcgW2NvbnRleHRdPVwiY29udGV4dFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93RmlsdGVySW5wdXRcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJmaWx0ZXJUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwhLS0gQ29udGVudCAtLT5cbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LXBpY2thYmxlLWl0ZW0tZmllbGQtbGlzdFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImRieC1waWNrYWJsZS1pdGVtLWZpZWxkLWxpc3QtY29udGVudFwiPlxuICAgICAgICA8ZGJ4LWZvcm0tcGlja2FibGUtaXRlbS1maWVsZC1pdGVtLWxpc3QgW2Rpc2FibGVkXT1cImlzUmVhZG9ubHlPckRpc2FibGVkXCIgW3N0YXRlJF09XCJmaWx0ZXJJdGVtc0xvYWRpbmdTdGF0ZSRcIiAoc2VsZWN0aW9uQ2hhbmdlKT1cIm9uU2VsZWN0aW9uQ2hhbmdlKCRldmVudClcIj48L2RieC1mb3JtLXBpY2thYmxlLWl0ZW0tZmllbGQtaXRlbS1saXN0PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGJ4LWluamVjdGlvbiBbY29uZmlnXT1cImZvb3RlckNvbmZpZ1wiPjwvZGJ4LWluamVjdGlvbj5cbiAgICA8L2Rpdj5cbiAgPC9kYngtbG9hZGluZz5cbjwvZGl2PlxuXG48IS0tIEZpbHRlciBJbnB1dCAtLT5cbjxuZy10ZW1wbGF0ZSAjZmlsdGVyVGVtcGxhdGU+XG4gIDxkaXYgY2xhc3M9XCJkYngtcGlja2FibGUtaXRlbS1maWVsZC1maWx0ZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LWxhYmVsXCI+e3sgZmlsdGVyTGFiZWwgfX08L2Rpdj5cbiAgICA8aW5wdXQgW25hbWVdPVwibmFtZVwiIGF1dG9jb21wbGV0ZT1cInt7IGF1dG9jb21wbGV0ZSB9fVwiICNmaWx0ZXJNYXRJbnB1dD1cIm1hdElucHV0XCIgbWF0SW5wdXQgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgW2Zvcm1Db250cm9sXT1cImlucHV0Q3RybFwiIC8+XG4gICAgPG1hdC1kaXZpZGVyPjwvbWF0LWRpdmlkZXI+XG4gICAgPGRieC1sb2FkaW5nIFtsaW5lYXJdPVwidHJ1ZVwiIFtjb250ZXh0XT1cImZpbHRlclJlc3VsdHNDb250ZXh0XCI+PC9kYngtbG9hZGluZz5cbiAgICA8IS0tIE5vIGl0ZW1zIGZvdW5kLiAtLT5cbiAgICA8cCAqbmdJZj1cIm5vSXRlbXNBdmFpbGFibGUkIHwgYXN5bmNcIiBjbGFzcz1cImRieC1sYWJlbFwiPk5vIGl0ZW1zIG1hdGNoIHRoaXMgZmlsdGVyLjwvcD5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19

package/{esm2020 → esm2022}/lib/formly/field/selection/pickable/pickable.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2FibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtZm9ybS9zcmMvbGliL2Zvcm1seS9maWVsZC9zZWxlY3Rpb24vcGlja2FibGUvcGlja2FibGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1heWJlLCBQcmltYXRpdmVLZXkgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFNlbGVjdGlvbkRpc3BsYXlWYWx1ZSwgU2VsZWN0aW9uVmFsdWUsIFNlbGVjdGlvblZhbHVlSGFzaEZ1bmN0aW9uIH0gZnJvbSAnLi4vc2VsZWN0aW9uJztcblxuZXhwb3J0IHR5cGUgUGlja2FibGVWYWx1ZUZpZWxkVmFsdWU8VCwgTSA9IHVua25vd24+ID0gU2VsZWN0aW9uVmFsdWU8VCwgTT47XG5leHBvcnQgdHlwZSBQaWNrYWJsZVZhbHVlRmllbGREaXNwbGF5VmFsdWU8VCwgTSA9IHVua25vd24+ID0gU2VsZWN0aW9uRGlzcGxheVZhbHVlPFQsIE0+O1xuXG4vKipcbiAqIFBpY2thYmxlVmFsdWVGaWVsZCBmdW5jdGlvbiBmb3IgcmV0cmlldmluZyBhbGwgdmFsdWVzLlxuICovXG5leHBvcnQgdHlwZSBQaWNrYWJsZVZhbHVlRmllbGRMb2FkVmFsdWVzRnVuY3Rpb248VCwgTSA9IHVua25vd24+ID0gKCkgPT4gT2JzZXJ2YWJsZTxQaWNrYWJsZVZhbHVlRmllbGRWYWx1ZTxULCBNPltdPjtcblxuLyoqXG4gKiBQaWNrYWJsZVZhbHVlRmllbGQgZnVuY3Rpb24gdGhhdCBhbGxvd3MgdGhlIHZhbHVlcyBhIGNoYW5jZSB0byBnbyB0aHJvdWdoIGFub3RoZXIgb2JzZXJ2YWJsZSBmb3IgYW55IGNoYW5nZXMuXG4gKlxuICogVmFsdWVzIG1heSBub3QgaGF2ZSBtZXRhZGF0YSBvbiB0aGVtIGluIHNvbWUgY2FzZXMsIHdoZXJlIHRoZSB2YWx1ZSBtYXkgaW5mYWN0IGJlIGFuIHVua25vd24gdmFsdWUuXG4gKiBUaGUgcmV0dXJuZWQgdmFsdWUgc2hvdWxkIGJlIG1hcmtlZCBhcyB1bmtub3duLCBvciBpZiBpdCBoYXMgbm8gbWV0YSBidXQgaXMga25vd24sIGlzVW5rbm93biBzaG91bGQgYmUgbWFya2VkIGZhbHNlLlxuICpcbiAqIFRoZSB2YWx1ZSBpdHNlbGYgc2hvdWxkIG5vdCBjaGFuZ2UuIEFsbCBvdGhlciBmaWVsZHMgb24gdGhlIHZhbHVlIG1heSBjaGFuZ2UsIGhvd2V2ZXIuXG4gKi9cbmV4cG9ydCB0eXBlIFBpY2thYmxlVmFsdWVGaWVsZERpc3BsYXlGdW5jdGlvbjxULCBNID0gdW5rbm93bj4gPSAodmFsdWVzOiBQaWNrYWJsZVZhbHVlRmllbGRWYWx1ZTxULCBNPltdKSA9PiBPYnNlcnZhYmxlPFBpY2thYmxlVmFsdWVGaWVsZERpc3BsYXlWYWx1ZTxULCBNPltdPjtcblxuLyoqXG4gKiBVc2VkIGZvciBmaWx0ZXJpbmcgdGhlIHZhbHVlcyB0aGF0IHNob3VsZCBiZSBkaXNwbGF5ZWQuXG4gKi9cbmV4cG9ydCB0eXBlIFBpY2thYmxlVmFsdWVGaWVsZEZpbHRlckZ1bmN0aW9uPFQsIE0gPSB1bmtub3duPiA9IChmbHRlclRleHQ6IE1heWJlPHN0cmluZz4sIHZhbHVlczogUGlja2FibGVWYWx1ZUZpZWxkRGlzcGxheVZhbHVlPFQsIE0+W10pID0+IE9ic2VydmFibGU8VFtdPjtcblxuLyoqXG4gKiBVc2VkIHRvIGhhc2ggdGhlIHZhbHVlIGZyb20gdGhlIGlucHV0IHBpY2thYmxlIHZhbHVlLlxuICovXG5leHBvcnQgdHlwZSBQaWNrYWJsZVZhbHVlRmllbGRIYXNoRnVuY3Rpb248VCwgSCBleHRlbmRzIFByaW1hdGl2ZUtleSA9IFByaW1hdGl2ZUtleT4gPSBTZWxlY3Rpb25WYWx1ZUhhc2hGdW5jdGlvbjxULCBIPjtcblxuLy8gTUFSSzogQ29tcGF0XG4vKipcbiAqIEBkZXByZWNhdGVkIFJlcGxhY2Ugd2l0aCBQaWNrYWJsZVZhbHVlRmllbGRMb2FkVmFsdWVzRnVuY3Rpb25cbiAqL1xuZXhwb3J0IHR5cGUgUGlja2FibGVWYWx1ZUZpZWxkTG9hZFZhbHVlc0ZuPFQsIE0gPSB1bmtub3duPiA9IFBpY2thYmxlVmFsdWVGaWVsZExvYWRWYWx1ZXNGdW5jdGlvbjxULCBNPjtcblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBSZXBsYWNlIHdpdGggUGlja2FibGVWYWx1ZUZpZWxkRGlzcGxheUZ1bmN0aW9uXG4gKi9cbmV4cG9ydCB0eXBlIFBpY2thYmxlVmFsdWVGaWVsZERpc3BsYXlGbjxULCBNID0gdW5rbm93bj4gPSBQaWNrYWJsZVZhbHVlRmllbGREaXNwbGF5RnVuY3Rpb248VCwgTT47XG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgUmVwbGFjZSB3aXRoIFBpY2thYmxlVmFsdWVGaWVsZEZpbHRlckZ1bmN0aW9uXG4gKi9cbmV4cG9ydCB0eXBlIFBpY2thYmxlVmFsdWVGaWVsZEZpbHRlckZuPFQsIE0gPSB1bmtub3duPiA9IFBpY2thYmxlVmFsdWVGaWVsZEZpbHRlckZ1bmN0aW9uPFQsIE0+O1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIFJlcGxhY2Ugd2l0aCAgUGlja2FibGVWYWx1ZUZpZWxkSGFzaEZ1bmN0aW9uXG4gKi9cbmV4cG9ydCB0eXBlIFBpY2thYmxlVmFsdWVGaWVsZEhhc2hGbjxULCBIIGV4dGVuZHMgUHJpbWF0aXZlS2V5ID0gUHJpbWF0aXZlS2V5PiA9IFBpY2thYmxlVmFsdWVGaWVsZEhhc2hGdW5jdGlvbjxULCBIPjtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2FibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtZm9ybS9zcmMvbGliL2Zvcm1seS9maWVsZC9zZWxlY3Rpb24vcGlja2FibGUvcGlja2FibGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1heWJlLCBQcmltYXRpdmVLZXkgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFNlbGVjdGlvbkRpc3BsYXlWYWx1ZSwgU2VsZWN0aW9uVmFsdWUsIFNlbGVjdGlvblZhbHVlSGFzaEZ1bmN0aW9uIH0gZnJvbSAnLi4vc2VsZWN0aW9uJztcblxuZXhwb3J0IHR5cGUgUGlja2FibGVWYWx1ZUZpZWxkVmFsdWU8VCwgTSA9IHVua25vd24+ID0gU2VsZWN0aW9uVmFsdWU8VCwgTT47XG5leHBvcnQgdHlwZSBQaWNrYWJsZVZhbHVlRmllbGREaXNwbGF5VmFsdWU8VCwgTSA9IHVua25vd24+ID0gU2VsZWN0aW9uRGlzcGxheVZhbHVlPFQsIE0+O1xuXG4vKipcbiAqIFBpY2thYmxlVmFsdWVGaWVsZCBmdW5jdGlvbiBmb3IgcmV0cmlldmluZyBhbGwgdmFsdWVzLlxuICovXG5leHBvcnQgdHlwZSBQaWNrYWJsZVZhbHVlRmllbGRMb2FkVmFsdWVzRnVuY3Rpb248VCwgTSA9IHVua25vd24+ID0gKCkgPT4gT2JzZXJ2YWJsZTxQaWNrYWJsZVZhbHVlRmllbGRWYWx1ZTxULCBNPltdPjtcblxuLyoqXG4gKiBQaWNrYWJsZVZhbHVlRmllbGQgZnVuY3Rpb24gdGhhdCBhbGxvd3MgdGhlIHZhbHVlcyBhIGNoYW5jZSB0byBnbyB0aHJvdWdoIGFub3RoZXIgb2JzZXJ2YWJsZSBmb3IgYW55IGNoYW5nZXMuXG4gKlxuICogVmFsdWVzIG1heSBub3QgaGF2ZSBtZXRhZGF0YSBvbiB0aGVtIGluIHNvbWUgY2FzZXMsIHdoZXJlIHRoZSB2YWx1ZSBtYXkgaW5mYWN0IGJlIGFuIHVua25vd24gdmFsdWUuXG4gKiBUaGUgcmV0dXJuZWQgdmFsdWUgc2hvdWxkIGJlIG1hcmtlZCBhcyB1bmtub3duLCBvciBpZiBpdCBoYXMgbm8gbWV0YSBidXQgaXMga25vd24sIGlzVW5rbm93biBzaG91bGQgYmUgbWFya2VkIGZhbHNlLlxuICpcbiAqIFRoZSB2YWx1ZSBpdHNlbGYgc2hvdWxkIG5vdCBjaGFuZ2UuIEFsbCBvdGhlciBmaWVsZHMgb24gdGhlIHZhbHVlIG1heSBjaGFuZ2UsIGhvd2V2ZXIuXG4gKi9cbmV4cG9ydCB0eXBlIFBpY2thYmxlVmFsdWVGaWVsZERpc3BsYXlGdW5jdGlvbjxULCBNID0gdW5rbm93bj4gPSAodmFsdWVzOiBQaWNrYWJsZVZhbHVlRmllbGRWYWx1ZTxULCBNPltdKSA9PiBPYnNlcnZhYmxlPFBpY2thYmxlVmFsdWVGaWVsZERpc3BsYXlWYWx1ZTxULCBNPltdPjtcblxuLyoqXG4gKiBVc2VkIGZvciBmaWx0ZXJpbmcgdGhlIHZhbHVlcyB0aGF0IHNob3VsZCBiZSBkaXNwbGF5ZWQuXG4gKi9cbmV4cG9ydCB0eXBlIFBpY2thYmxlVmFsdWVGaWVsZEZpbHRlckZ1bmN0aW9uPFQsIE0gPSB1bmtub3duPiA9IChmbHRlclRleHQ6IE1heWJlPHN0cmluZz4sIHZhbHVlczogUGlja2FibGVWYWx1ZUZpZWxkRGlzcGxheVZhbHVlPFQsIE0+W10pID0+IE9ic2VydmFibGU8VFtdPjtcblxuLyoqXG4gKiBVc2VkIHRvIGhhc2ggdGhlIHZhbHVlIGZyb20gdGhlIGlucHV0IHBpY2thYmxlIHZhbHVlLlxuICovXG5leHBvcnQgdHlwZSBQaWNrYWJsZVZhbHVlRmllbGRIYXNoRnVuY3Rpb248VCwgSCBleHRlbmRzIFByaW1hdGl2ZUtleSA9IFByaW1hdGl2ZUtleT4gPSBTZWxlY3Rpb25WYWx1ZUhhc2hGdW5jdGlvbjxULCBIPjtcbiJdfQ==

package/esm2022/lib/formly/field/selection/searchable/searchable.chip.field.component.mjs

@@ -0,0 +1,68 @@
+import { SubscriptionObject } from '@dereekb/rxjs';
+import { Subject } from 'rxjs';
+import { Component } from '@angular/core';
+import { AbstractDbxSearchableValueFieldDirective } from './searchable.field.directive';
+import { COMMA, ENTER } from '@angular/cdk/keycodes';
+import { skipUntilTimeElapsedAfterLastEmission } from '@dereekb/date';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@dereekb/dbx-web";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/autocomplete";
+import * as i5 from "@angular/material/core";
+import * as i6 from "@angular/material/chips";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "./searchable.field.autocomplete.item.component";
+export class DbxSearchableChipFieldComponent extends AbstractDbxSearchableValueFieldDirective {
+    constructor() {
+        super(...arguments);
+        this._blur = new Subject();
+        this._blurSub = new SubscriptionObject();
+        this.separatorKeysCodes = [ENTER, COMMA];
+    }
+    selected(event) {
+        this.addWithDisplayValue(event.option.value);
+    }
+    tabPressedOnInput(event) {
+        if (event?.key?.toLowerCase() === 'tab') {
+            if (this._tryAddCurrentInputValue()) {
+                event.preventDefault();
+                event.stopImmediatePropagation();
+                return false;
+            }
+        }
+        return true;
+    }
+    addChip(event) {
+        const text = event.value ?? this.inputCtrl.value;
+        return this._addWithTextValue(text);
+    }
+    get multiSelect() {
+        return this.props.multiSelect ?? true;
+    }
+    _syncSingleValue(value) {
+        // Do nothing
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        // Only try and add the text item as a value if a value wasn't just added (for example, clicking a value).
+        this._blurSub.subscription = this._blur.pipe(skipUntilTimeElapsedAfterLastEmission(this.values$, 100)).subscribe(() => {
+            this._tryAddCurrentInputValue();
+        });
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._blur.complete();
+        this._blurSub.destroy();
+    }
+    onBlur() {
+        this._blur.next();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSearchableChipFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxSearchableChipFieldComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-searchable-field\">\n  <!-- View -->\n  <mat-chip-grid [required]=\"required\" [disabled]=\"readonly\" #chipList>\n    <mat-chip-row *ngFor=\"let displayValue of displayValues$ | async\" [removable]=\"true\" (removed)=\"removeWithDisplayValue(displayValue)\">\n      <mat-icon matChipAvatar *ngIf=\"displayValue.icon\">{{ displayValue.icon }}</mat-icon>\n      <span class=\"dbx-chip-label\">{{ displayValue.label }}</span>\n      <span class=\"dbx-chip-sublabel\" *ngIf=\"displayValue.sublabel\">{{ displayValue.sublabel }}</span>\n      <mat-icon matChipRemove *ngIf=\"!readonly\">cancel</mat-icon>\n    </mat-chip-row>\n    <input #textInput [name]=\"name\" [placeholder]=\"placeholder\" [formControl]=\"inputCtrl\" [matAutocomplete]=\"auto\" autocomplete=\"{{ autocomplete }}\" [matAutocompleteDisabled]=\"readonly\" [matChipInputFor]=\"chipList\" (keydown)=\"tabPressedOnInput($event)\" [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" (matChipInputTokenEnd)=\"addChip($event)\" (blur)=\"onBlur()\" />\n  </mat-chip-grid>\n  <div class=\"searchable-field-form-loading\">\n    <dbx-loading [linear]=\"true\" [context]=\"searchContext\"></dbx-loading>\n  </div>\n</div>\n\n<!-- Autocomplete -->\n<mat-autocomplete class=\"dbx-searchable-text-field-autocomplete\" #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n  <mat-option *ngFor=\"let displayValue of searchResults$ | async\" [value]=\"displayValue\">\n    <dbx-searchable-field-autocomplete-item [displayValue]=\"displayValue\"></dbx-searchable-field-autocomplete-item>\n  </mat-option>\n</mat-autocomplete>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DbxLoadingComponent, selector: "dbx-loading", inputs: ["show", "text", "mode", "color", "diameter", "linear", "padding", "context", "loading", "error"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i6.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "component", type: i6.MatChipGrid, selector: "mat-chip-grid", inputs: ["tabIndex", "disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i6.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i6.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i6.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.DbxSearchableFieldAutocompleteItemComponent, selector: "dbx-searchable-field-autocomplete-item", inputs: ["displayValue"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSearchableChipFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<div class=\"dbx-searchable-field\">\n  <!-- View -->\n  <mat-chip-grid [required]=\"required\" [disabled]=\"readonly\" #chipList>\n    <mat-chip-row *ngFor=\"let displayValue of displayValues$ | async\" [removable]=\"true\" (removed)=\"removeWithDisplayValue(displayValue)\">\n      <mat-icon matChipAvatar *ngIf=\"displayValue.icon\">{{ displayValue.icon }}</mat-icon>\n      <span class=\"dbx-chip-label\">{{ displayValue.label }}</span>\n      <span class=\"dbx-chip-sublabel\" *ngIf=\"displayValue.sublabel\">{{ displayValue.sublabel }}</span>\n      <mat-icon matChipRemove *ngIf=\"!readonly\">cancel</mat-icon>\n    </mat-chip-row>\n    <input #textInput [name]=\"name\" [placeholder]=\"placeholder\" [formControl]=\"inputCtrl\" [matAutocomplete]=\"auto\" autocomplete=\"{{ autocomplete }}\" [matAutocompleteDisabled]=\"readonly\" [matChipInputFor]=\"chipList\" (keydown)=\"tabPressedOnInput($event)\" [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" (matChipInputTokenEnd)=\"addChip($event)\" (blur)=\"onBlur()\" />\n  </mat-chip-grid>\n  <div class=\"searchable-field-form-loading\">\n    <dbx-loading [linear]=\"true\" [context]=\"searchContext\"></dbx-loading>\n  </div>\n</div>\n\n<!-- Autocomplete -->\n<mat-autocomplete class=\"dbx-searchable-text-field-autocomplete\" #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n  <mat-option *ngFor=\"let displayValue of searchResults$ | async\" [value]=\"displayValue\">\n    <dbx-searchable-field-autocomplete-item [displayValue]=\"displayValue\"></dbx-searchable-field-autocomplete-item>\n  </mat-option>\n</mat-autocomplete>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoYWJsZS5jaGlwLmZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3NlbGVjdGlvbi9zZWFyY2hhYmxlL3NlYXJjaGFibGUuY2hpcC5maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtZm9ybS9zcmMvbGliL2Zvcm1seS9maWVsZC9zZWxlY3Rpb24vc2VhcmNoYWJsZS9zZWFyY2hhYmxlLmNoaXAuZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFHN0QsT0FBTyxFQUFFLHdDQUF3QyxFQUFtQyxNQUFNLDhCQUE4QixDQUFDO0FBQ3pILE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLHFDQUFxQyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7O0FBY3RFLE1BQU0sT0FBTywrQkFBdUYsU0FBUSx3Q0FBK0Y7SUFIM007O1FBSVUsVUFBSyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFDNUIsYUFBUSxHQUFHLElBQUksa0JBQWtCLEVBQUUsQ0FBQztRQUVuQyx1QkFBa0IsR0FBYSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztLQWlEeEQ7SUEvQ0MsUUFBUSxDQUFDLEtBQW1DO1FBQzFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUFvQjtRQUNwQyxJQUFJLEtBQUssRUFBRSxHQUFHLEVBQUUsV0FBVyxFQUFFLEtBQUssS0FBSyxFQUFFO1lBQ3ZDLElBQUksSUFBSSxDQUFDLHdCQUF3QixFQUFFLEVBQUU7Z0JBQ25DLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztnQkFDdkIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7Z0JBQ2pDLE9BQU8sS0FBSyxDQUFDO2FBQ2Q7U0FDRjtRQUVELE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUF3QjtRQUM5QixNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1FBQ2pELE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxJQUFhLFdBQVc7UUFDdEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUM7SUFDeEMsQ0FBQztJQUVrQixnQkFBZ0IsQ0FBQyxLQUEwQztRQUM1RSxhQUFhO0lBQ2YsQ0FBQztJQUVRLFFBQVE7UUFDZixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFakIsMEdBQTBHO1FBQzFHLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLHFDQUFxQyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3BILElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVRLFdBQVc7UUFDbEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDcEIsQ0FBQzsrR0FwRFUsK0JBQStCO21HQUEvQiwrQkFBK0IsMkVDckI1Qyx5a0RBc0JBOzs0RkREYSwrQkFBK0I7a0JBSDNDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTdWJzY3JpcHRpb25PYmplY3QgfSBmcm9tICdAZGVyZWVrYi9yeGpzJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENvbXBvbmVudCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEF1dG9jb21wbGV0ZVNlbGVjdGVkRXZlbnQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9hdXRvY29tcGxldGUnO1xuaW1wb3J0IHsgTWF0Q2hpcElucHV0RXZlbnQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGlwcyc7XG5pbXBvcnQgeyBBYnN0cmFjdERieFNlYXJjaGFibGVWYWx1ZUZpZWxkRGlyZWN0aXZlLCBTZWFyY2hhYmxlVmFsdWVGaWVsZHNGaWVsZFByb3BzIH0gZnJvbSAnLi9zZWFyY2hhYmxlLmZpZWxkLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBDT01NQSwgRU5URVIgfSBmcm9tICdAYW5ndWxhci9jZGsva2V5Y29kZXMnO1xuaW1wb3J0IHsgc2tpcFVudGlsVGltZUVsYXBzZWRBZnRlckxhc3RFbWlzc2lvbiB9IGZyb20gJ0BkZXJlZWtiL2RhdGUnO1xuaW1wb3J0IHsgUHJpbWF0aXZlS2V5IH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBTZWFyY2hhYmxlVmFsdWVGaWVsZERpc3BsYXlWYWx1ZSB9IGZyb20gJy4vc2VhcmNoYWJsZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VhcmNoYWJsZUNoaXBWYWx1ZUZpZWxkc0ZpZWxkUHJvcHM8VCwgTSA9IHVua25vd24sIEggZXh0ZW5kcyBQcmltYXRpdmVLZXkgPSBQcmltYXRpdmVLZXk+IGV4dGVuZHMgU2VhcmNoYWJsZVZhbHVlRmllbGRzRmllbGRQcm9wczxULCBNLCBIPiB7XG4gIC8qKlxuICAgKiBXaGV0aGVyIG9yIG5vdCB0byBhbGxvdyBtdWx0aXBsZSBpdGVtcyB0byBiZSBzZWxlY3RlZC5cbiAgICovXG4gIHJlYWRvbmx5IG11bHRpU2VsZWN0PzogYm9vbGVhbjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlVXJsOiAnc2VhcmNoYWJsZS5jaGlwLmZpZWxkLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBEYnhTZWFyY2hhYmxlQ2hpcEZpZWxkQ29tcG9uZW50PFQsIE0gPSB1bmtub3duLCBIIGV4dGVuZHMgUHJpbWF0aXZlS2V5ID0gUHJpbWF0aXZlS2V5PiBleHRlbmRzIEFic3RyYWN0RGJ4U2VhcmNoYWJsZVZhbHVlRmllbGREaXJlY3RpdmU8VCwgTSwgSCwgU2VhcmNoYWJsZUNoaXBWYWx1ZUZpZWxkc0ZpZWxkUHJvcHM8VCwgTSwgSD4+IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBwcml2YXRlIF9ibHVyID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgcHJpdmF0ZSBfYmx1clN1YiA9IG5ldyBTdWJzY3JpcHRpb25PYmplY3QoKTtcblxuICByZWFkb25seSBzZXBhcmF0b3JLZXlzQ29kZXM6IG51bWJlcltdID0gW0VOVEVSLCBDT01NQV07XG5cbiAgc2VsZWN0ZWQoZXZlbnQ6IE1hdEF1dG9jb21wbGV0ZVNlbGVjdGVkRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmFkZFdpdGhEaXNwbGF5VmFsdWUoZXZlbnQub3B0aW9uLnZhbHVlKTtcbiAgfVxuXG4gIHRhYlByZXNzZWRPbklucHV0KGV2ZW50OiBLZXlib2FyZEV2ZW50KTogYm9vbGVhbiB7XG4gICAgaWYgKGV2ZW50Py5rZXk/LnRvTG93ZXJDYXNlKCkgPT09ICd0YWInKSB7XG4gICAgICBpZiAodGhpcy5fdHJ5QWRkQ3VycmVudElucHV0VmFsdWUoKSkge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgYWRkQ2hpcChldmVudDogTWF0Q2hpcElucHV0RXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCB0ZXh0ID0gZXZlbnQudmFsdWUgPz8gdGhpcy5pbnB1dEN0cmwudmFsdWU7XG4gICAgcmV0dXJuIHRoaXMuX2FkZFdpdGhUZXh0VmFsdWUodGV4dCk7XG4gIH1cblxuICBvdmVycmlkZSBnZXQgbXVsdGlTZWxlY3QoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMucHJvcHMubXVsdGlTZWxlY3QgPz8gdHJ1ZTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBfc3luY1NpbmdsZVZhbHVlKHZhbHVlOiBTZWFyY2hhYmxlVmFsdWVGaWVsZERpc3BsYXlWYWx1ZTxUPik6IHZvaWQge1xuICAgIC8vIERvIG5vdGhpbmdcbiAgfVxuXG4gIG92ZXJyaWRlIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLm5nT25Jbml0KCk7XG5cbiAgICAvLyBPbmx5IHRyeSBhbmQgYWRkIHRoZSB0ZXh0IGl0ZW0gYXMgYSB2YWx1ZSBpZiBhIHZhbHVlIHdhc24ndCBqdXN0IGFkZGVkIChmb3IgZXhhbXBsZSwgY2xpY2tpbmcgYSB2YWx1ZSkuXG4gICAgdGhpcy5fYmx1clN1Yi5zdWJzY3JpcHRpb24gPSB0aGlzLl9ibHVyLnBpcGUoc2tpcFVudGlsVGltZUVsYXBzZWRBZnRlckxhc3RFbWlzc2lvbih0aGlzLnZhbHVlcyQsIDEwMCkpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLl90cnlBZGRDdXJyZW50SW5wdXRWYWx1ZSgpO1xuICAgIH0pO1xuICB9XG5cbiAgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICB0aGlzLl9ibHVyLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5fYmx1clN1Yi5kZXN0cm95KCk7XG4gIH1cblxuICBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5fYmx1ci5uZXh0KCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkYngtc2VhcmNoYWJsZS1maWVsZFwiPlxuICA8IS0tIFZpZXcgLS0+XG4gIDxtYXQtY2hpcC1ncmlkIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiIFtkaXNhYmxlZF09XCJyZWFkb25seVwiICNjaGlwTGlzdD5cbiAgICA8bWF0LWNoaXAtcm93ICpuZ0Zvcj1cImxldCBkaXNwbGF5VmFsdWUgb2YgZGlzcGxheVZhbHVlcyQgfCBhc3luY1wiIFtyZW1vdmFibGVdPVwidHJ1ZVwiIChyZW1vdmVkKT1cInJlbW92ZVdpdGhEaXNwbGF5VmFsdWUoZGlzcGxheVZhbHVlKVwiPlxuICAgICAgPG1hdC1pY29uIG1hdENoaXBBdmF0YXIgKm5nSWY9XCJkaXNwbGF5VmFsdWUuaWNvblwiPnt7IGRpc3BsYXlWYWx1ZS5pY29uIH19PC9tYXQtaWNvbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwiZGJ4LWNoaXAtbGFiZWxcIj57eyBkaXNwbGF5VmFsdWUubGFiZWwgfX08L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImRieC1jaGlwLXN1YmxhYmVsXCIgKm5nSWY9XCJkaXNwbGF5VmFsdWUuc3VibGFiZWxcIj57eyBkaXNwbGF5VmFsdWUuc3VibGFiZWwgfX08L3NwYW4+XG4gICAgICA8bWF0LWljb24gbWF0Q2hpcFJlbW92ZSAqbmdJZj1cIiFyZWFkb25seVwiPmNhbmNlbDwvbWF0LWljb24+XG4gICAgPC9tYXQtY2hpcC1yb3c+XG4gICAgPGlucHV0ICN0ZXh0SW5wdXQgW25hbWVdPVwibmFtZVwiIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIFtmb3JtQ29udHJvbF09XCJpbnB1dEN0cmxcIiBbbWF0QXV0b2NvbXBsZXRlXT1cImF1dG9cIiBhdXRvY29tcGxldGU9XCJ7eyBhdXRvY29tcGxldGUgfX1cIiBbbWF0QXV0b2NvbXBsZXRlRGlzYWJsZWRdPVwicmVhZG9ubHlcIiBbbWF0Q2hpcElucHV0Rm9yXT1cImNoaXBMaXN0XCIgKGtleWRvd24pPVwidGFiUHJlc3NlZE9uSW5wdXQoJGV2ZW50KVwiIFttYXRDaGlwSW5wdXRTZXBhcmF0b3JLZXlDb2Rlc109XCJzZXBhcmF0b3JLZXlzQ29kZXNcIiAobWF0Q2hpcElucHV0VG9rZW5FbmQpPVwiYWRkQ2hpcCgkZXZlbnQpXCIgKGJsdXIpPVwib25CbHVyKClcIiAvPlxuICA8L21hdC1jaGlwLWdyaWQ+XG4gIDxkaXYgY2xhc3M9XCJzZWFyY2hhYmxlLWZpZWxkLWZvcm0tbG9hZGluZ1wiPlxuICAgIDxkYngtbG9hZGluZyBbbGluZWFyXT1cInRydWVcIiBbY29udGV4dF09XCJzZWFyY2hDb250ZXh0XCI+PC9kYngtbG9hZGluZz5cbiAgPC9kaXY+XG48L2Rpdj5cblxuPCEtLSBBdXRvY29tcGxldGUgLS0+XG48bWF0LWF1dG9jb21wbGV0ZSBjbGFzcz1cImRieC1zZWFyY2hhYmxlLXRleHQtZmllbGQtYXV0b2NvbXBsZXRlXCIgI2F1dG89XCJtYXRBdXRvY29tcGxldGVcIiAob3B0aW9uU2VsZWN0ZWQpPVwic2VsZWN0ZWQoJGV2ZW50KVwiPlxuICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgZGlzcGxheVZhbHVlIG9mIHNlYXJjaFJlc3VsdHMkIHwgYXN5bmNcIiBbdmFsdWVdPVwiZGlzcGxheVZhbHVlXCI+XG4gICAgPGRieC1zZWFyY2hhYmxlLWZpZWxkLWF1dG9jb21wbGV0ZS1pdGVtIFtkaXNwbGF5VmFsdWVdPVwiZGlzcGxheVZhbHVlXCI+PC9kYngtc2VhcmNoYWJsZS1maWVsZC1hdXRvY29tcGxldGUtaXRlbT5cbiAgPC9tYXQtb3B0aW9uPlxuPC9tYXQtYXV0b2NvbXBsZXRlPlxuIl19

package/esm2022/lib/formly/field/selection/searchable/searchable.field.autocomplete.item.component.mjs

@@ -0,0 +1,95 @@
+import { filterMaybe } from '@dereekb/rxjs';
+import { BehaviorSubject, map, shareReplay } from 'rxjs';
+import { Component, Directive, Inject, InjectionToken, Input } from '@angular/core';
+import { mergeArraysIntoArray } from '@dereekb/util';
+import * as i0 from "@angular/core";
+import * as i1 from "@dereekb/dbx-web";
+import * as i2 from "@dereekb/dbx-core";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/icon";
+export const DBX_SEARCHABLE_FIELD_COMPONENT_DATA_TOKEN = new InjectionToken('DbxSearchableField');
+export class DbxSearchableFieldAutocompleteItemComponent {
+    constructor() {
+        this._displayValue = new BehaviorSubject(undefined);
+        this.displayValue$ = this._displayValue.pipe(filterMaybe(), shareReplay(1));
+        this.config$ = this.displayValue$.pipe(map((x) => {
+            const config = {
+                ...x.display,
+                providers: mergeArraysIntoArray([
+                    {
+                        provide: DBX_SEARCHABLE_FIELD_COMPONENT_DATA_TOKEN,
+                        useValue: x
+                    }
+                ], x.display.providers)
+            };
+            return config;
+        }));
+        this.anchor$ = this.displayValue$.pipe(map((x) => x.anchor));
+    }
+    set displayValue(displayValue) {
+        this._displayValue.next(displayValue);
+    }
+    ngOnDestroy() {
+        this._displayValue.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSearchableFieldAutocompleteItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxSearchableFieldAutocompleteItemComponent, selector: "dbx-searchable-field-autocomplete-item", inputs: { displayValue: "displayValue" }, ngImport: i0, template: `
+    <dbx-anchor [block]="true" [anchor]="anchor$ | async">
+      <dbx-injection [config]="config$ | async"></dbx-injection>
+    </dbx-anchor>
+  `, isInline: true, dependencies: [{ kind: "component", type: i1.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "component", type: i2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSearchableFieldAutocompleteItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-searchable-field-autocomplete-item',
+                    template: `
+    <dbx-anchor [block]="true" [anchor]="anchor$ | async">
+      <dbx-injection [config]="config$ | async"></dbx-injection>
+    </dbx-anchor>
+  `
+                }]
+        }], propDecorators: { displayValue: [{
+                type: Input
+            }] } });
+// MARK: Default
+export class AbstractDbxSearchableFieldDisplayDirective {
+    constructor(displayValue) {
+        this.displayValue = displayValue;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxSearchableFieldDisplayDirective, deps: [{ token: DBX_SEARCHABLE_FIELD_COMPONENT_DATA_TOKEN }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AbstractDbxSearchableFieldDisplayDirective, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxSearchableFieldDisplayDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DBX_SEARCHABLE_FIELD_COMPONENT_DATA_TOKEN]
+                }] }]; } });
+export class DbxDefaultSearchableFieldDisplayComponent extends AbstractDbxSearchableFieldDisplayDirective {
+    get icon() {
+        return this.displayValue.icon;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxDefaultSearchableFieldDisplayComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxDefaultSearchableFieldDisplayComponent, selector: "dbx-default-searchable-field-display", usesInheritance: true, ngImport: i0, template: `
+    <div class="dbx-default-searchable-field-display dbx-flex-bar">
+      <mat-icon class="dbx-icon-spacer" *ngIf="icon">{{ icon }}</mat-icon>
+      <span class="dbx-chip-label">{{ displayValue.label }}</span>
+      <span class="dbx-chip-sublabel" *ngIf="displayValue.sublabel">({{ displayValue.sublabel }})</span>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxDefaultSearchableFieldDisplayComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-default-searchable-field-display',
+                    template: `
+    <div class="dbx-default-searchable-field-display dbx-flex-bar">
+      <mat-icon class="dbx-icon-spacer" *ngIf="icon">{{ icon }}</mat-icon>
+      <span class="dbx-chip-label">{{ displayValue.label }}</span>
+      <span class="dbx-chip-sublabel" *ngIf="displayValue.sublabel">({{ displayValue.sublabel }})</span>
+    </div>
+  `
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoYWJsZS5maWVsZC5hdXRvY29tcGxldGUuaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtZm9ybS9zcmMvbGliL2Zvcm1seS9maWVsZC9zZWxlY3Rpb24vc2VhcmNoYWJsZS9zZWFyY2hhYmxlLmZpZWxkLmF1dG9jb21wbGV0ZS5pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxlQUFlLEVBQUUsR0FBRyxFQUFjLFdBQVcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNyRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUUvRixPQUFPLEVBQVMsb0JBQW9CLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQUc1RCxNQUFNLENBQUMsTUFBTSx5Q0FBeUMsR0FBRyxJQUFJLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO0FBVWxHLE1BQU0sT0FBTywyQ0FBMkM7SUFSeEQ7UUFTVSxrQkFBYSxHQUFHLElBQUksZUFBZSxDQUF1RCxTQUFTLENBQUMsQ0FBQztRQUNwRyxrQkFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRXZFLFlBQU8sR0FBNEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQ2pGLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ1IsTUFBTSxNQUFNLEdBQWdDO2dCQUMxQyxHQUFHLENBQUMsQ0FBQyxPQUFPO2dCQUNaLFNBQVMsRUFBRSxvQkFBb0IsQ0FDN0I7b0JBQ0U7d0JBQ0UsT0FBTyxFQUFFLHlDQUF5Qzt3QkFDbEQsUUFBUSxFQUFFLENBQUM7cUJBQ1o7aUJBQ0YsRUFDRCxDQUFDLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FDcEI7YUFDRixDQUFDO1lBRUYsT0FBTyxNQUFNLENBQUM7UUFDaEIsQ0FBQyxDQUFDLENBQ0gsQ0FBQztRQUVPLFlBQU8sR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0tBVWxFO0lBUkMsSUFDSSxZQUFZLENBQUMsWUFBMkQ7UUFDMUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7K0dBaENVLDJDQUEyQzttR0FBM0MsMkNBQTJDLHdIQU41Qzs7OztHQUlUOzs0RkFFVSwyQ0FBMkM7a0JBUnZELFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdDQUF3QztvQkFDbEQsUUFBUSxFQUFFOzs7O0dBSVQ7aUJBQ0Y7OEJBMkJLLFlBQVk7c0JBRGYsS0FBSzs7QUFVUixnQkFBZ0I7QUFFaEIsTUFBTSxPQUFnQiwwQ0FBMEM7SUFDOUQsWUFBd0UsWUFBMkQ7UUFBM0QsaUJBQVksR0FBWixZQUFZLENBQStDO0lBQUcsQ0FBQzsrR0FEbkgsMENBQTBDLGtCQUMxQyx5Q0FBeUM7bUdBRHpDLDBDQUEwQzs7NEZBQTFDLDBDQUEwQztrQkFEL0QsU0FBUzs7MEJBRUssTUFBTTsyQkFBQyx5Q0FBeUM7O0FBYS9ELE1BQU0sT0FBTyx5Q0FBNkMsU0FBUSwwQ0FBNkM7SUFDN0csSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztJQUNoQyxDQUFDOytHQUhVLHlDQUF5QzttR0FBekMseUNBQXlDLG1HQVIxQzs7Ozs7O0dBTVQ7OzRGQUVVLHlDQUF5QztrQkFWckQsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0NBQXNDO29CQUNoRCxRQUFRLEVBQUU7Ozs7OztHQU1UO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZmlsdGVyTWF5YmUgfSBmcm9tICdAZGVyZWVrYi9yeGpzJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgbWFwLCBPYnNlcnZhYmxlLCBzaGFyZVJlcGxheSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEluamVjdCwgSW5qZWN0aW9uVG9rZW4sIElucHV0LCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbmZpZ3VyZWRTZWFyY2hhYmxlVmFsdWVGaWVsZERpc3BsYXlWYWx1ZSB9IGZyb20gJy4vc2VhcmNoYWJsZSc7XG5pbXBvcnQgeyBNYXliZSwgbWVyZ2VBcnJheXNJbnRvQXJyYXkgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IERieEluamVjdGlvbkNvbXBvbmVudENvbmZpZyB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcblxuZXhwb3J0IGNvbnN0IERCWF9TRUFSQ0hBQkxFX0ZJRUxEX0NPTVBPTkVOVF9EQVRBX1RPS0VOID0gbmV3IEluamVjdGlvblRva2VuKCdEYnhTZWFyY2hhYmxlRmllbGQnKTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXNlYXJjaGFibGUtZmllbGQtYXV0b2NvbXBsZXRlLWl0ZW0nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkYngtYW5jaG9yIFtibG9ja109XCJ0cnVlXCIgW2FuY2hvcl09XCJhbmNob3IkIHwgYXN5bmNcIj5cbiAgICAgIDxkYngtaW5qZWN0aW9uIFtjb25maWddPVwiY29uZmlnJCB8IGFzeW5jXCI+PC9kYngtaW5qZWN0aW9uPlxuICAgIDwvZGJ4LWFuY2hvcj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBEYnhTZWFyY2hhYmxlRmllbGRBdXRvY29tcGxldGVJdGVtQ29tcG9uZW50PFQ+IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSBfZGlzcGxheVZhbHVlID0gbmV3IEJlaGF2aW9yU3ViamVjdDxNYXliZTxDb25maWd1cmVkU2VhcmNoYWJsZVZhbHVlRmllbGREaXNwbGF5VmFsdWU8VD4+Pih1bmRlZmluZWQpO1xuICByZWFkb25seSBkaXNwbGF5VmFsdWUkID0gdGhpcy5fZGlzcGxheVZhbHVlLnBpcGUoZmlsdGVyTWF5YmUoKSwgc2hhcmVSZXBsYXkoMSkpO1xuXG4gIHJlYWRvbmx5IGNvbmZpZyQ6IE9ic2VydmFibGU8RGJ4SW5qZWN0aW9uQ29tcG9uZW50Q29uZmlnPiA9IHRoaXMuZGlzcGxheVZhbHVlJC5waXBlKFxuICAgIG1hcCgoeCkgPT4ge1xuICAgICAgY29uc3QgY29uZmlnOiBEYnhJbmplY3Rpb25Db21wb25lbnRDb25maWcgPSB7XG4gICAgICAgIC4uLnguZGlzcGxheSxcbiAgICAgICAgcHJvdmlkZXJzOiBtZXJnZUFycmF5c0ludG9BcnJheShcbiAgICAgICAgICBbXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIHByb3ZpZGU6IERCWF9TRUFSQ0hBQkxFX0ZJRUxEX0NPTVBPTkVOVF9EQVRBX1RPS0VOLFxuICAgICAgICAgICAgICB1c2VWYWx1ZTogeFxuICAgICAgICAgICAgfVxuICAgICAgICAgIF0sXG4gICAgICAgICAgeC5kaXNwbGF5LnByb3ZpZGVyc1xuICAgICAgICApXG4gICAgICB9O1xuXG4gICAgICByZXR1cm4gY29uZmlnO1xuICAgIH0pXG4gICk7XG5cbiAgcmVhZG9ubHkgYW5jaG9yJCA9IHRoaXMuZGlzcGxheVZhbHVlJC5waXBlKG1hcCgoeCkgPT4geC5hbmNob3IpKTtcblxuICBASW5wdXQoKVxuICBzZXQgZGlzcGxheVZhbHVlKGRpc3BsYXlWYWx1ZTogQ29uZmlndXJlZFNlYXJjaGFibGVWYWx1ZUZpZWxkRGlzcGxheVZhbHVlPFQ+KSB7XG4gICAgdGhpcy5fZGlzcGxheVZhbHVlLm5leHQoZGlzcGxheVZhbHVlKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuX2Rpc3BsYXlWYWx1ZS5jb21wbGV0ZSgpO1xuICB9XG59XG5cbi8vIE1BUks6IERlZmF1bHRcbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEFic3RyYWN0RGJ4U2VhcmNoYWJsZUZpZWxkRGlzcGxheURpcmVjdGl2ZTxUPiB7XG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoREJYX1NFQVJDSEFCTEVfRklFTERfQ09NUE9ORU5UX0RBVEFfVE9LRU4pIHJlYWRvbmx5IGRpc3BsYXlWYWx1ZTogQ29uZmlndXJlZFNlYXJjaGFibGVWYWx1ZUZpZWxkRGlzcGxheVZhbHVlPFQ+KSB7fVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtZGVmYXVsdC1zZWFyY2hhYmxlLWZpZWxkLWRpc3BsYXknLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkYngtZGVmYXVsdC1zZWFyY2hhYmxlLWZpZWxkLWRpc3BsYXkgZGJ4LWZsZXgtYmFyXCI+XG4gICAgICA8bWF0LWljb24gY2xhc3M9XCJkYngtaWNvbi1zcGFjZXJcIiAqbmdJZj1cImljb25cIj57eyBpY29uIH19PC9tYXQtaWNvbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwiZGJ4LWNoaXAtbGFiZWxcIj57eyBkaXNwbGF5VmFsdWUubGFiZWwgfX08L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImRieC1jaGlwLXN1YmxhYmVsXCIgKm5nSWY9XCJkaXNwbGF5VmFsdWUuc3VibGFiZWxcIj4oe3sgZGlzcGxheVZhbHVlLnN1YmxhYmVsIH19KTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBEYnhEZWZhdWx0U2VhcmNoYWJsZUZpZWxkRGlzcGxheUNvbXBvbmVudDxUPiBleHRlbmRzIEFic3RyYWN0RGJ4U2VhcmNoYWJsZUZpZWxkRGlzcGxheURpcmVjdGl2ZTxUPiB7XG4gIGdldCBpY29uKCkge1xuICAgIHJldHVybiB0aGlzLmRpc3BsYXlWYWx1ZS5pY29uO1xuICB9XG59XG4iXX0=