filter-selection-input 15.0.4

package/fesm2022/filter-selection-input.mjs

@@ -0,0 +1,394 @@
+import * as i0 from '@angular/core';
+import { Pipe, inject, EventEmitter, forwardRef, Component, ViewEncapsulation, ViewChild, Output, Input, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormBuilder, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i4 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i5$1 from '@angular/material/button-toggle';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import * as i6$1 from '@angular/material/divider';
+import { MatDividerModule } from '@angular/material/divider';
+import * as i7$1 from '@angular/material/slide-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { of, startWith, map } from 'rxjs';
+import * as i6 from '@angular/material/autocomplete';
+import { MatAutocompleteTrigger, MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i5 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i7 from '@angular/material/core';
+import { MatOptionModule } from '@angular/material/core';
+import { MatSliderModule } from '@angular/material/slider';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatSelectModule } from '@angular/material/select';
+
+class SelectionBasic {
+    constructor(id = 0, value = '') {
+        this.id = id;
+        this.value = value;
+    }
+    static adapt(item) {
+        return new SelectionBasic(item?.id, (item?.value) ? item.value : item);
+    }
+}
+
+class SelectionItem {
+    constructor(id = crypto.randomUUID(), value = '', disabled, selected) {
+        this.id = id;
+        this.value = value;
+        this.disabled = disabled;
+        this.selected = selected;
+    }
+    static adapt(item) {
+        return new SelectionItem(item?.id, (item?.value) ? item.value : item, (item?.disabled) ? true : false, (item?.selected) ? true : false);
+    }
+}
+
+/*
+ * Public API Surface of selections
+ */
+
+class RemoveUnderscorePipe {
+    transform(value) {
+        return value ? value.replace(/_/g, " ") : value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RemoveUnderscorePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RemoveUnderscorePipe, isStandalone: true, name: "removeUnderscore" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RemoveUnderscorePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'removeUnderscore',
+                    standalone: true
+                }]
+        }] });
+
+class FilterSelectionInputComponent {
+    set data(value) {
+        value = (value) ? value : [];
+        this.isObjects = this.hasObjects(value);
+        this._data = (value) ? value.map(item => SelectionItem.adapt(item)) : [];
+        const selectedObjects = value.filter(item => item.selected).map(item => item.value);
+        this.defaultDisabled = (!this.defaultDisabled) ? value.map(item => SelectionItem.adapt(item)).filter(item => item.disabled) : this.defaultDisabled;
+        const selected = this.findFirst(selectedObjects);
+        this.selectionControl.patchValue(selected, { emitEvent: false });
+    }
+    get data() {
+        return this._data;
+    }
+    constructor() {
+        this.fb = inject(FormBuilder);
+        this.selected = new EventEmitter();
+        this.isObjects = false;
+        this.defaultDisabled = [];
+        this.formInitialized = false;
+        this.panelOpened = false;
+        this.disabled = false;
+        this._data = [];
+        this.isArray = (obj) => Array.isArray(obj);
+        this.hasObjects = (obj) => (this.isArray(obj) && obj.length > 0) ? this.isObject(obj[0]) : false;
+        this.isObject = (obj) => typeof obj === 'object' && obj !== null && !Array.isArray(obj);
+        this.isEmpty = (obj) => (!obj) ? false : (Object.keys(obj).length === 0);
+        this.findFirst = (obj) => {
+            const found = this.data.find(item => obj.includes(item.value));
+            return (found) ? found.value : null;
+        };
+        this.firstElement = (arr) => (arr.length > 0) ? arr[0] : '';
+        this.isSelected = (value) => {
+            const compareTo = this.selectedOption instanceof (SelectionItem) ? this.selectedOption.value : this.selectedOption;
+            return value === compareTo;
+        };
+        this.selectionControl = this.fb.control(null, Validators.required);
+        this.appearance = 'outline';
+        this.label = '';
+        this.placeholder = '';
+        this.forceSelection = true; // TODO
+        this.filteredOptions = of([]);
+        this.isDisabled = (selection) => {
+            const foundDisabled = this.findSelection(selection);
+            return (foundDisabled?.disabled) ? true : false;
+        };
+        this.onChange = () => { };
+        this.onTouch = () => { };
+    }
+    ngOnInit() {
+        this.filteredOptions = this.selectionControl.valueChanges
+            .pipe(startWith(''), map(value => this._filter(value || '')));
+    }
+    ngAfterViewInit() {
+        this.formInitialized = true;
+    }
+    writeValue(value) {
+        const option = (this.isArray(value)) ? this.firstElement(value) : value;
+        this.selectedOption = option instanceof (SelectionItem) ? option.value : option;
+        this.selectionControl.patchValue(this.selectedOption);
+        this.formInitialized = true;
+    }
+    validate(control) {
+        const isRequired = control.hasValidator(Validators.required) ? true : false;
+        if (!isRequired)
+            this.selectionControl.clearValidators();
+        return (isRequired) ? (this.selectionControl.valid) ? null : { 'required': true } : null;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        if (this.disabled) {
+            this.selectionControl.disable();
+        }
+        else {
+            this.selectionControl.enable();
+        }
+    }
+    onOpened() {
+        if (this.panelOpened)
+            this.selectionControl.patchValue(null);
+        this.panelOpened = true;
+        this.selectionControl.patchValue(null);
+    }
+    onClosed() {
+        this.panelOpened = false;
+        const selectedValue = this.selectedOption instanceof (SelectionItem) ? this.selectedOption.value : this.selectedOption;
+        this.selectionControl.patchValue(selectedValue);
+    }
+    onSelected(value) {
+        this.onEnteredValue(value.option.value);
+    }
+    onEnteredValue(value) {
+        const foundIndex = this.data.findIndex(item => item.value.toLowerCase().includes(value.toLowerCase()));
+        const found = (foundIndex >= 0) ? this.data[foundIndex] : value;
+        const selected = (foundIndex >= 0 && this.forceSelection) ? found : { id: 0, value: found };
+        this.selectedOption = selected instanceof (SelectionItem) ? selected.value : selected;
+        if (this.forceSelection && foundIndex === -1) {
+            this.selectionControl.patchValue(null);
+        }
+        else {
+            this.selectionControl.patchValue(selected.value);
+        }
+        const dataValue = this.findSelection(this.selectedOption);
+        const selectedValue = (this.isObjects) ? dataValue : dataValue.value;
+        this.onChange(selectedValue);
+        this.selected.next(selectedValue);
+        if (this.panelOpened)
+            this.autoCompleteInput?.closePanel();
+        this.panelOpened = false;
+    }
+    findSelection(selection) {
+        return this.data.find(item => item.value === selection);
+    }
+    _filter(value) {
+        const filterValue = value.toLowerCase();
+        return (this.data) ? this.data.filter(option => option.value.toLowerCase().includes(filterValue)).map(item => item.value) : [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterSelectionInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterSelectionInputComponent, selector: "app-filter-selection-input", inputs: { data: "data", appearance: "appearance", label: "label", placeholder: "placeholder", forceSelection: "forceSelection" }, outputs: { selected: "selected" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => FilterSelectionInputComponent),
+                multi: true
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => FilterSelectionInputComponent),
+                multi: true
+            }
+        ], viewQueries: [{ propertyName: "autoCompleteInput", first: true, predicate: ["autoCompleteInput"], descendants: true, read: MatAutocompleteTrigger }], ngImport: i0, template: "<div *ngIf=\"data\" style=\"display: flex;\">\n  <mat-form-field style=\"flex:1\" [appearance]=\"appearance\">\n    <mat-label *ngIf=\"label\">{{label}}</mat-label>\n    <input\n      matInput\n      #autoCompleteInput\n      type=\"text\"\n      [placeholder]=\"(panelOpened) ? selectedOption : placeholder\"\n      [formControl]=\"selectionControl\"\n      [matAutocomplete]=\"auto\"\n      (keyup.enter)=\"onEnteredValue(autoCompleteInput.value)\"\n    >\n    <mat-autocomplete #auto=\"matAutocomplete\" (opened)=\"onOpened()\" (closed)=\"onClosed()\" (optionSelected)=\"onSelected($event)\">\n      <mat-option\n        *ngFor=\"let option of filteredOptions | async\"\n        [value]=\"option\"\n        [disabled]=\"isDisabled(option)\"\n      >\n        <div style=\"display: flex;\" *ngIf=\"isSelected(option); else NOT_SELECTED\">\n          <span style=\"flex:1; font-weight: 400; color: #673ab7;\">{{option}}</span>\n          <mat-icon color=\"primary\">check</mat-icon>\n        </div>\n        <ng-template #NOT_SELECTED>\n          {{option}}\n        </ng-template>\n\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n\n\n\n", styles: [".mdc-list-item__primary-text{margin:0;flex:1}\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: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.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: "component", type: i6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterSelectionInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-filter-selection-input', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FilterSelectionInputComponent),
+                            multi: true
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => FilterSelectionInputComponent),
+                            multi: true
+                        }
+                    ], encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"data\" style=\"display: flex;\">\n  <mat-form-field style=\"flex:1\" [appearance]=\"appearance\">\n    <mat-label *ngIf=\"label\">{{label}}</mat-label>\n    <input\n      matInput\n      #autoCompleteInput\n      type=\"text\"\n      [placeholder]=\"(panelOpened) ? selectedOption : placeholder\"\n      [formControl]=\"selectionControl\"\n      [matAutocomplete]=\"auto\"\n      (keyup.enter)=\"onEnteredValue(autoCompleteInput.value)\"\n    >\n    <mat-autocomplete #auto=\"matAutocomplete\" (opened)=\"onOpened()\" (closed)=\"onClosed()\" (optionSelected)=\"onSelected($event)\">\n      <mat-option\n        *ngFor=\"let option of filteredOptions | async\"\n        [value]=\"option\"\n        [disabled]=\"isDisabled(option)\"\n      >\n        <div style=\"display: flex;\" *ngIf=\"isSelected(option); else NOT_SELECTED\">\n          <span style=\"flex:1; font-weight: 400; color: #673ab7;\">{{option}}</span>\n          <mat-icon color=\"primary\">check</mat-icon>\n        </div>\n        <ng-template #NOT_SELECTED>\n          {{option}}\n        </ng-template>\n\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n\n\n\n", styles: [".mdc-list-item__primary-text{margin:0;flex:1}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { autoCompleteInput: [{
+                type: ViewChild,
+                args: ['autoCompleteInput', { read: MatAutocompleteTrigger, static: false }]
+            }], selected: [{
+                type: Output,
+                args: ['selected']
+            }], data: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], forceSelection: [{
+                type: Input
+            }] } });
+
+class FilterSelectionDemoComponent {
+    constructor() {
+        this.fb = inject(FormBuilder);
+        this.data_1 = [
+            { id: 11, value: 'Telus' },
+            { id: 12, value: 'AT&T', disabled: true },
+            { id: 14, value: 'Bell', selected: true },
+            { id: 63, value: 'Rogers', selected: true }
+        ];
+        this.data_2 = ['Telus', 'AT&T', 'Bell', 'Rogers'];
+        //  SELECTIONS
+        this.selectionControl_1 = this.fb.control(null);
+        this.selectionControl_2 = this.fb.control(null, Validators.required);
+        //CHANGE DETECTION
+        this.changeDetection_1 = this.fb.control(false);
+        this.changeDetection_2 = this.fb.control(false);
+        this.data = this.data_2;
+    }
+    ngOnInit() {
+        // SELECTIONS
+        this.selectionControl_1.valueChanges.subscribe(data => {
+            if (this.changeDetection_1.value)
+                console.log('CHANGE:', data);
+        });
+        this.selectionControl_2.valueChanges.subscribe(data => {
+            if (this.changeDetection_2.value)
+                console.log('CHANGE:', data);
+        });
+    }
+    onPerformPatch() {
+        this.selectionControl_1.patchValue(['Bell']);
+        this.selectionControl_2.patchValue(['AT&T']);
+    }
+    onChangeDataType(type) {
+        if (type === 'strings') {
+            this.data = this.data_2; //strings
+        }
+        else {
+            this.data = this.data_1; //objects
+        }
+    }
+    // DISABLE
+    onDisabled_1(disable) {
+        if (disable) {
+            this.selectionControl_1.disable();
+        }
+        else {
+            this.selectionControl_1.enable();
+        }
+    }
+    onDisabled_2(disable) {
+        if (disable) {
+            this.selectionControl_2.disable();
+        }
+        else {
+            this.selectionControl_2.enable();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterSelectionDemoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterSelectionDemoComponent, selector: "app-filter-selection-demo", ngImport: i0, template: "<div style=\"display: flex;\">\n  <h1>Filter Selection (Autocomplete) FormControl</h1>\n  <div style=\"flex:1; text-align: right;\">\n    <div style=\"display: flex; gap: 2rem; flex-direction: row-reverse;\">\n      <mat-button-toggle (click)=\"onPerformPatch()\">Patch</mat-button-toggle>\n\n      <mat-button-toggle-group #varTypes=\"matButtonToggleGroup\" (change)=\"onChangeDataType(varTypes.value)\">\n        <mat-button-toggle value=\"strings\" checked=\"true\">Strings</mat-button-toggle>\n        <mat-button-toggle value=\"objects\" checked=\"false\">Objects</mat-button-toggle>\n      </mat-button-toggle-group>\n    </div>\n  </div>\n</div>\n\n<h3>No Data - Projection of Error</h3>\n<app-filter-selection-input error=\"No Data Provided\">\n  <h3 style=\"color: red; margin-top: 0; margin-bottom: 0;\">No Data</h3>\n</app-filter-selection-input>\n\n<div style=\"margin-top: 2rem; margin-bottom: 1rem;\">\n  <mat-divider></mat-divider>\n</div>\n\n<div>\n  <h3 style=\"margin-bottom: 0;\">Autocomplete - {{ varTypes.value | uppercase }}</h3>\n  <div>\n    <div style=\"display: flex;\">\n      <span style=\"flex:1\"></span>\n      <button mat-button (click)=\"selectionControl_1.reset()\">Reset</button>\n    </div>\n    <app-filter-selection-input\n      style=\"flex:1\"\n      appearance=\"outline\"\n      placeholder=\"Select an Option\"\n      label=\"Choices\"\n      [data]=\"data\"\n      [formControl]=\"selectionControl_1\"\n    ></app-filter-selection-input>\n    <div style=\"display: flex; gap: 2rem; margin-top: 1rem;\">\n      <mat-slide-toggle [formControl]=\"changeDetection_1\">Change Detection</mat-slide-toggle>\n      <mat-slide-toggle #error1>Display Error</mat-slide-toggle>\n      <mat-slide-toggle #disable1 (change)=\"onDisabled_1(disable1.checked)\">Disable</mat-slide-toggle>\n      <span style=\"flex:1\"></span>\n    </div>\n    <div style=\"margin-top: 2rem;\">\n      Label and Placeholder<br>\n      Not Required<br>\n      Valid {{ selectionControl_1.valid }}<br>\n    </div>\n  </div>\n\n  <div style=\"margin-top: 2rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n\n  <div>\n    <div style=\"display: flex;\">\n      <span style=\"flex:1\"></span>\n      <button mat-button (click)=\"selectionControl_2.reset()\">Reset</button>\n    </div>\n    <app-filter-selection-input\n      style=\"flex:1\"\n      appearance=\"outline\"\n      [data]=\"data\"\n      [formControl]=\"selectionControl_2\"\n    ></app-filter-selection-input>\n    <div *ngIf=\"error2.checked\">\n      <mat-error *ngIf=\"selectionControl_2.hasError('required')\">This field is Required</mat-error>\n    </div>\n    <div style=\"display: flex; gap: 2rem; margin-top: 1rem;\">\n      <mat-slide-toggle [formControl]=\"changeDetection_2\">Change Detection</mat-slide-toggle>\n      <mat-slide-toggle #error2>Display Error</mat-slide-toggle>\n      <mat-slide-toggle #disable2 (change)=\"onDisabled_1(disable2.checked)\">Disable</mat-slide-toggle>\n      <span style=\"flex:1\"></span>\n    </div>\n    <div style=\"margin-top: 2rem;\">\n      No Label or Placeholder<br>\n      Required<br>\n      Valid {{ selectionControl_2.valid }}<br>\n    </div>\n  </div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i5$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i6$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i7$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: FilterSelectionInputComponent, selector: "app-filter-selection-input", inputs: ["data", "appearance", "label", "placeholder", "forceSelection"], outputs: ["selected"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterSelectionDemoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-filter-selection-demo', template: "<div style=\"display: flex;\">\n  <h1>Filter Selection (Autocomplete) FormControl</h1>\n  <div style=\"flex:1; text-align: right;\">\n    <div style=\"display: flex; gap: 2rem; flex-direction: row-reverse;\">\n      <mat-button-toggle (click)=\"onPerformPatch()\">Patch</mat-button-toggle>\n\n      <mat-button-toggle-group #varTypes=\"matButtonToggleGroup\" (change)=\"onChangeDataType(varTypes.value)\">\n        <mat-button-toggle value=\"strings\" checked=\"true\">Strings</mat-button-toggle>\n        <mat-button-toggle value=\"objects\" checked=\"false\">Objects</mat-button-toggle>\n      </mat-button-toggle-group>\n    </div>\n  </div>\n</div>\n\n<h3>No Data - Projection of Error</h3>\n<app-filter-selection-input error=\"No Data Provided\">\n  <h3 style=\"color: red; margin-top: 0; margin-bottom: 0;\">No Data</h3>\n</app-filter-selection-input>\n\n<div style=\"margin-top: 2rem; margin-bottom: 1rem;\">\n  <mat-divider></mat-divider>\n</div>\n\n<div>\n  <h3 style=\"margin-bottom: 0;\">Autocomplete - {{ varTypes.value | uppercase }}</h3>\n  <div>\n    <div style=\"display: flex;\">\n      <span style=\"flex:1\"></span>\n      <button mat-button (click)=\"selectionControl_1.reset()\">Reset</button>\n    </div>\n    <app-filter-selection-input\n      style=\"flex:1\"\n      appearance=\"outline\"\n      placeholder=\"Select an Option\"\n      label=\"Choices\"\n      [data]=\"data\"\n      [formControl]=\"selectionControl_1\"\n    ></app-filter-selection-input>\n    <div style=\"display: flex; gap: 2rem; margin-top: 1rem;\">\n      <mat-slide-toggle [formControl]=\"changeDetection_1\">Change Detection</mat-slide-toggle>\n      <mat-slide-toggle #error1>Display Error</mat-slide-toggle>\n      <mat-slide-toggle #disable1 (change)=\"onDisabled_1(disable1.checked)\">Disable</mat-slide-toggle>\n      <span style=\"flex:1\"></span>\n    </div>\n    <div style=\"margin-top: 2rem;\">\n      Label and Placeholder<br>\n      Not Required<br>\n      Valid {{ selectionControl_1.valid }}<br>\n    </div>\n  </div>\n\n  <div style=\"margin-top: 2rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n\n  <div>\n    <div style=\"display: flex;\">\n      <span style=\"flex:1\"></span>\n      <button mat-button (click)=\"selectionControl_2.reset()\">Reset</button>\n    </div>\n    <app-filter-selection-input\n      style=\"flex:1\"\n      appearance=\"outline\"\n      [data]=\"data\"\n      [formControl]=\"selectionControl_2\"\n    ></app-filter-selection-input>\n    <div *ngIf=\"error2.checked\">\n      <mat-error *ngIf=\"selectionControl_2.hasError('required')\">This field is Required</mat-error>\n    </div>\n    <div style=\"display: flex; gap: 2rem; margin-top: 1rem;\">\n      <mat-slide-toggle [formControl]=\"changeDetection_2\">Change Detection</mat-slide-toggle>\n      <mat-slide-toggle #error2>Display Error</mat-slide-toggle>\n      <mat-slide-toggle #disable2 (change)=\"onDisabled_1(disable2.checked)\">Disable</mat-slide-toggle>\n      <span style=\"flex:1\"></span>\n    </div>\n    <div style=\"margin-top: 2rem;\">\n      No Label or Placeholder<br>\n      Required<br>\n      Valid {{ selectionControl_2.valid }}<br>\n    </div>\n  </div>\n\n" }]
+        }], ctorParameters: function () { return []; } });
+
+class FilterSelectionInputModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterSelectionInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FilterSelectionInputModule, declarations: [FilterSelectionDemoComponent,
+            FilterSelectionInputComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatSliderModule,
+            MatButtonModule,
+            MatIconModule,
+            MatFormFieldModule,
+            MatToolbarModule,
+            MatCheckboxModule,
+            MatMenuModule,
+            MatButtonToggleModule,
+            MatDividerModule,
+            MatRadioModule,
+            MatInputModule,
+            MatAutocompleteModule,
+            RemoveUnderscorePipe,
+            MatSelectModule,
+            MatOptionModule,
+            MatSlideToggleModule], exports: [FilterSelectionDemoComponent,
+            FilterSelectionInputComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterSelectionInputModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatSliderModule,
+            MatButtonModule,
+            MatIconModule,
+            MatFormFieldModule,
+            MatToolbarModule,
+            MatCheckboxModule,
+            MatMenuModule,
+            MatButtonToggleModule,
+            MatDividerModule,
+            MatRadioModule,
+            MatInputModule,
+            MatAutocompleteModule,
+            MatSelectModule,
+            MatOptionModule,
+            MatSlideToggleModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterSelectionInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatSliderModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatFormFieldModule,
+                        MatToolbarModule,
+                        MatCheckboxModule,
+                        MatMenuModule,
+                        MatButtonToggleModule,
+                        MatDividerModule,
+                        MatRadioModule,
+                        MatInputModule,
+                        MatAutocompleteModule,
+                        RemoveUnderscorePipe,
+                        MatSelectModule,
+                        MatOptionModule,
+                        MatSlideToggleModule,
+                    ],
+                    declarations: [
+                        FilterSelectionDemoComponent,
+                        FilterSelectionInputComponent,
+                    ],
+                    exports: [
+                        FilterSelectionDemoComponent,
+                        FilterSelectionInputComponent,
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of checkbox-selection-input
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FilterSelectionDemoComponent, FilterSelectionInputComponent, FilterSelectionInputModule, RemoveUnderscorePipe, SelectionBasic, SelectionItem };
+//# sourceMappingURL=filter-selection-input.mjs.map

package/fesm2022/filter-selection-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-selection-input.mjs","sources":["../../../projects/filter-selection-input/src/lib/models/selection-basic.model.ts","../../../projects/filter-selection-input/src/lib/models/selection-item.model.ts","../../../projects/filter-selection-input/src/lib/models/index.ts","../../../projects/filter-selection-input/src/lib/pipes/remove-underscore.pipe.ts","../../../projects/filter-selection-input/src/lib/filter-selection-input/filter-selection-input.component.ts","../../../projects/filter-selection-input/src/lib/filter-selection-input/filter-selection-input.component.html","../../../projects/filter-selection-input/src/lib/filter-demo/filter-demo.component.ts","../../../projects/filter-selection-input/src/lib/filter-demo/filter-demo.component.html","../../../projects/filter-selection-input/src/lib/filter-selection-input.module.ts","../../../projects/filter-selection-input/src/public-api.ts","../../../projects/filter-selection-input/src/filter-selection-input.ts"],"sourcesContent":["export interface SelectionBasicInterface {\n  id: number|string;\n  value: string;\n}\n\nexport class SelectionBasic implements SelectionBasicInterface {\n\n  constructor(\n    public id = 0,\n    public value = '',\n  ) {}\n\n  static adapt(item?: any) {\n\n    return new SelectionBasic(\n      item?.id,\n      (item?.value) ? item.value : item,\n    );\n  }\n\n}\n","export interface SelectionItemInterface {\n  id: number|string;\n  value: string;\n  disabled?: boolean;\n  selected?: boolean;\n}\n\nexport class SelectionItem implements SelectionItemInterface {\n\n  constructor(\n    public id = crypto.randomUUID(),\n    public value = '',\n    public disabled?: boolean,\n    public selected?: boolean,\n  ) {}\n\n  static adapt(item?: any) {\n\n    return new SelectionItem(\n      item?.id,\n      (item?.value) ? item.value : item,\n      (item?.disabled) ? true : false,\n      (item?.selected) ? true : false,\n    );\n  }\n\n}\n","/*\n * Public API Surface of selections\n */\n\nexport * from './selection-basic.model';\nexport * from './selection-item.model';\n\n\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'removeUnderscore',\n  standalone: true\n})\nexport class RemoveUnderscorePipe implements PipeTransform {\n  transform(value: string): string {\n    return value? value.replace(/_/g, \" \") : value;\n  }\n}\n","import { Component, EventEmitter, Input, OnInit, Output, ViewChild, ViewEncapsulation, forwardRef, inject } from '@angular/core';\nimport { AbstractControl, ControlValueAccessor, FormBuilder, NG_VALIDATORS, NG_VALUE_ACCESSOR, ValidationErrors, Validators } from '@angular/forms';\nimport { Observable, startWith, map, of } from 'rxjs';\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\nimport { MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';\n\nimport { SelectionItem } from '../models/selection-item.model';\n\n@Component({\n  selector: 'app-filter-selection-input',\n  templateUrl: './filter-selection-input.component.html',\n  styleUrls: ['./filter-selection-input.component.css'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => FilterSelectionInputComponent),\n      multi: true\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => FilterSelectionInputComponent),\n      multi: true\n    }\n  ],\n  encapsulation: ViewEncapsulation.None\n})\nexport class FilterSelectionInputComponent implements OnInit, ControlValueAccessor {\n\n  @ViewChild('autoCompleteInput', { read: MatAutocompleteTrigger, static: false }) autoCompleteInput?: MatAutocompleteTrigger;\n\n  fb = inject(FormBuilder)\n\n  @Output('selected') selected = new EventEmitter<SelectionItem|any>()\n\n  isObjects = false\n  defaultDisabled: SelectionItem[] = []\n  formInitialized = false\n\n  panelOpened = false\n\n  disabled = false\n\n  private _data: (any|string)[] = []\n  @Input() set data(value: any[]|undefined|null) {\n\n    value = (value) ? value : []\n\n    this.isObjects = this.hasObjects(value)\n    this._data = (value) ? value.map(item => SelectionItem.adapt(item)) : []\n\n    const selectedObjects = value.filter(item => item.selected).map(item => item.value)\n    this.defaultDisabled = (!this.defaultDisabled) ? value.map(item => SelectionItem.adapt(item)).filter(item => item.disabled) : this.defaultDisabled\n\n    const selected = this.findFirst(selectedObjects)\n    this.selectionControl.patchValue(selected, { emitEvent: false })\n\n  }\n\n  get data(): any[] {\n    return this._data\n  }\n\n  isArray = (obj: any) => Array.isArray(obj)\n  hasObjects = (obj: any) => (this.isArray(obj) && obj.length > 0) ? this.isObject(obj[0]) : false\n  isObject = (obj: any) => typeof obj === 'object' && obj !== null && !Array.isArray(obj)\n  isEmpty = (obj: any) => (!obj) ? false : (Object.keys(obj).length === 0)\n\n  findFirst = (obj: string[]) => {\n    const found = this.data.find(item => obj.includes(item.value))\n    return (found) ? found.value : null\n  }\n\n  firstElement = (arr: string[]) => (arr.length > 0) ? arr[0] : ''\n\n  isSelected = (value: any) => {\n    const compareTo =  this.selectedOption instanceof(SelectionItem) ? this.selectedOption.value : this.selectedOption\n    return value === compareTo\n  }\n\n  selectionControl = this.fb.control<string|undefined|null>(null, Validators.required)\n\n  @Input() appearance: MatFormFieldAppearance = 'outline'\n\n  @Input() label?: string|null|undefined = ''\n  @Input() placeholder: string  = ''\n\n  @Input() forceSelection = true // TODO\n\n  filteredOptions: Observable<string[]|any> = of([])\n\n  selectedOption?: string|any\n\n  isDisabled = (selection: string) => {\n    const foundDisabled = this.findSelection(selection)\n    return(foundDisabled?.disabled) ? true : false\n  }\n\n  onChange: any = () => {}\n  onTouch: any = () => {}\n\n  constructor() { }\n\n  ngOnInit() {\n\n    this.filteredOptions = this.selectionControl.valueChanges\n    .pipe(\n      startWith(''),\n      map(value => this._filter(value || '')),\n    )\n\n  }\n\n  ngAfterViewInit(): void {\n    this.formInitialized = true\n  }\n\n  writeValue(value: any){\n\n    const option = (this.isArray(value)) ? this.firstElement(value) : value\n    this.selectedOption = option instanceof(SelectionItem) ? option.value : option\n\n    this.selectionControl.patchValue(this.selectedOption)\n\n    this.formInitialized = true\n\n  }\n\n  validate(control: AbstractControl): ValidationErrors | null {\n\n    const isRequired = control.hasValidator(Validators.required) ? true : false\n\n    if(!isRequired) this.selectionControl.clearValidators()\n    return (isRequired) ? (this.selectionControl.valid) ? null : { 'required': true } : null\n\n  }\n\n  registerOnChange(fn: any){\n    this.onChange = fn\n  }\n\n  registerOnTouched(fn: any){\n    this.onTouch = fn\n  }\n\n  setDisabledState?(isDisabled: boolean) {\n\n    this.disabled = isDisabled\n\n    if(this.disabled) {\n      this.selectionControl.disable()\n    } else {\n      this.selectionControl.enable()\n    }\n\n  }\n\n  onOpened() {\n    if(this.panelOpened) this.selectionControl.patchValue(null)\n    this.panelOpened = true\n    this.selectionControl.patchValue(null)\n  }\n\n  onClosed() {\n    this.panelOpened = false\n    const selectedValue = this.selectedOption instanceof(SelectionItem) ? this.selectedOption.value : this.selectedOption\n    this.selectionControl.patchValue(selectedValue)\n  }\n\n  onSelected(value: MatAutocompleteSelectedEvent) {\n    this.onEnteredValue(value.option.value)\n  }\n\n  onEnteredValue(value: string) {\n\n    const foundIndex = this.data.findIndex(item => item.value.toLowerCase().includes(value.toLowerCase()))\n    const found = (foundIndex >= 0) ? this.data[foundIndex] : value\n\n    const selected = (foundIndex >= 0 && this.forceSelection) ? found : { id: 0, value: found }\n\n    this.selectedOption = selected instanceof(SelectionItem) ? selected.value : selected\n\n    if(this.forceSelection && foundIndex === -1) {\n      this.selectionControl.patchValue(null)\n    } else {\n      this.selectionControl.patchValue(selected.value)\n    }\n\n    const dataValue = this.findSelection(this.selectedOption)\n    const selectedValue = (this.isObjects) ? dataValue : dataValue.value\n\n    this.onChange(selectedValue)\n    this.selected.next(selectedValue)\n\n    if(this.panelOpened) this.autoCompleteInput?.closePanel()\n    this.panelOpened = false\n\n  }\n\n  findSelection(selection: string) {\n    return this.data.find(item => item.value === selection)\n  }\n\n  private _filter(value: string) {\n    const filterValue = value.toLowerCase();\n    return (this.data) ? this.data.filter(option => option.value.toLowerCase().includes(filterValue)).map(item => item.value) : []\n  }\n\n}\n","<div *ngIf=\"data\" style=\"display: flex;\">\n  <mat-form-field style=\"flex:1\" [appearance]=\"appearance\">\n    <mat-label *ngIf=\"label\">{{label}}</mat-label>\n    <input\n      matInput\n      #autoCompleteInput\n      type=\"text\"\n      [placeholder]=\"(panelOpened) ? selectedOption : placeholder\"\n      [formControl]=\"selectionControl\"\n      [matAutocomplete]=\"auto\"\n      (keyup.enter)=\"onEnteredValue(autoCompleteInput.value)\"\n    >\n    <mat-autocomplete #auto=\"matAutocomplete\" (opened)=\"onOpened()\" (closed)=\"onClosed()\" (optionSelected)=\"onSelected($event)\">\n      <mat-option\n        *ngFor=\"let option of filteredOptions | async\"\n        [value]=\"option\"\n        [disabled]=\"isDisabled(option)\"\n      >\n        <div style=\"display: flex;\" *ngIf=\"isSelected(option); else NOT_SELECTED\">\n          <span style=\"flex:1; font-weight: 400; color: #673ab7;\">{{option}}</span>\n          <mat-icon color=\"primary\">check</mat-icon>\n        </div>\n        <ng-template #NOT_SELECTED>\n          {{option}}\n        </ng-template>\n\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n\n\n\n","import { Component, OnInit, inject } from '@angular/core';\nimport { FormBuilder, Validators } from '@angular/forms';\n\n@Component({\n  selector: 'app-filter-selection-demo',\n  templateUrl: './filter-demo.component.html',\n  styleUrls: ['./filter-demo.component.scss']\n})\nexport class FilterSelectionDemoComponent implements OnInit {\n\n  fb = inject(FormBuilder)\n\n  data_1 = [\n    { id: 11, value: 'Telus' },\n    { id: 12, value: 'AT&T', disabled: true },\n    { id: 14, value: 'Bell', selected: true},\n    { id: 63, value: 'Rogers', selected: true }\n   ]\n\n   data_2 = ['Telus', 'AT&T', 'Bell', 'Rogers']\n\n   //  SELECTIONS\n   selectionControl_1 = this.fb.control<string[]|null>(null)\n   selectionControl_2 = this.fb.control<string[]|null>(null, Validators.required)\n\n   //CHANGE DETECTION\n   changeDetection_1 = this.fb.control(false)\n   changeDetection_2 = this.fb.control(false)\n\n\n   data: any = this.data_2\n\n  constructor() { }\n\n  ngOnInit() {\n\n    // SELECTIONS\n    this.selectionControl_1.valueChanges.subscribe(data => {\n      if(this.changeDetection_1.value) console.log('CHANGE:',data)\n    })\n\n    this.selectionControl_2.valueChanges.subscribe(data => {\n      if(this.changeDetection_2.value) console.log('CHANGE:',data)\n    })\n\n  }\n\n  onPerformPatch() {\n    this.selectionControl_1.patchValue(['Bell'])\n    this.selectionControl_2.patchValue(['AT&T'])\n  }\n\n  onChangeDataType(type: string) {\n    if(type === 'strings') {\n      this.data = this.data_2 //strings\n    } else {\n      this.data = this.data_1 //objects\n    }\n  }\n\n  // DISABLE\n  onDisabled_1(disable: boolean) {\n\n    if(disable) {\n      this.selectionControl_1.disable()\n    } else {\n      this.selectionControl_1.enable()\n    }\n\n  }\n\n  onDisabled_2(disable: boolean) {\n\n    if(disable) {\n      this.selectionControl_2.disable()\n    } else {\n      this.selectionControl_2.enable()\n    }\n\n  }\n\n}\n","<div style=\"display: flex;\">\n  <h1>Filter Selection (Autocomplete) FormControl</h1>\n  <div style=\"flex:1; text-align: right;\">\n    <div style=\"display: flex; gap: 2rem; flex-direction: row-reverse;\">\n      <mat-button-toggle (click)=\"onPerformPatch()\">Patch</mat-button-toggle>\n\n      <mat-button-toggle-group #varTypes=\"matButtonToggleGroup\" (change)=\"onChangeDataType(varTypes.value)\">\n        <mat-button-toggle value=\"strings\" checked=\"true\">Strings</mat-button-toggle>\n        <mat-button-toggle value=\"objects\" checked=\"false\">Objects</mat-button-toggle>\n      </mat-button-toggle-group>\n    </div>\n  </div>\n</div>\n\n<h3>No Data - Projection of Error</h3>\n<app-filter-selection-input error=\"No Data Provided\">\n  <h3 style=\"color: red; margin-top: 0; margin-bottom: 0;\">No Data</h3>\n</app-filter-selection-input>\n\n<div style=\"margin-top: 2rem; margin-bottom: 1rem;\">\n  <mat-divider></mat-divider>\n</div>\n\n<div>\n  <h3 style=\"margin-bottom: 0;\">Autocomplete - {{ varTypes.value | uppercase }}</h3>\n  <div>\n    <div style=\"display: flex;\">\n      <span style=\"flex:1\"></span>\n      <button mat-button (click)=\"selectionControl_1.reset()\">Reset</button>\n    </div>\n    <app-filter-selection-input\n      style=\"flex:1\"\n      appearance=\"outline\"\n      placeholder=\"Select an Option\"\n      label=\"Choices\"\n      [data]=\"data\"\n      [formControl]=\"selectionControl_1\"\n    ></app-filter-selection-input>\n    <div style=\"display: flex; gap: 2rem; margin-top: 1rem;\">\n      <mat-slide-toggle [formControl]=\"changeDetection_1\">Change Detection</mat-slide-toggle>\n      <mat-slide-toggle #error1>Display Error</mat-slide-toggle>\n      <mat-slide-toggle #disable1 (change)=\"onDisabled_1(disable1.checked)\">Disable</mat-slide-toggle>\n      <span style=\"flex:1\"></span>\n    </div>\n    <div style=\"margin-top: 2rem;\">\n      Label and Placeholder<br>\n      Not Required<br>\n      Valid {{ selectionControl_1.valid }}<br>\n    </div>\n  </div>\n\n  <div style=\"margin-top: 2rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n\n  <div>\n    <div style=\"display: flex;\">\n      <span style=\"flex:1\"></span>\n      <button mat-button (click)=\"selectionControl_2.reset()\">Reset</button>\n    </div>\n    <app-filter-selection-input\n      style=\"flex:1\"\n      appearance=\"outline\"\n      [data]=\"data\"\n      [formControl]=\"selectionControl_2\"\n    ></app-filter-selection-input>\n    <div *ngIf=\"error2.checked\">\n      <mat-error *ngIf=\"selectionControl_2.hasError('required')\">This field is Required</mat-error>\n    </div>\n    <div style=\"display: flex; gap: 2rem; margin-top: 1rem;\">\n      <mat-slide-toggle [formControl]=\"changeDetection_2\">Change Detection</mat-slide-toggle>\n      <mat-slide-toggle #error2>Display Error</mat-slide-toggle>\n      <mat-slide-toggle #disable2 (change)=\"onDisabled_1(disable2.checked)\">Disable</mat-slide-toggle>\n      <span style=\"flex:1\"></span>\n    </div>\n    <div style=\"margin-top: 2rem;\">\n      No Label or Placeholder<br>\n      Required<br>\n      Valid {{ selectionControl_2.valid }}<br>\n    </div>\n  </div>\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { MatSliderModule } from '@angular/material/slider';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\n\nimport { MatDividerModule } from '@angular/material/divider';\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatOptionModule } from '@angular/material/core';\nimport { MatSelectModule } from '@angular/material/select';\n\nimport { FilterSelectionDemoComponent, FilterSelectionInputComponent, RemoveUnderscorePipe } from '../public-api';\n\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatSliderModule,\n    MatButtonModule,\n    MatIconModule,\n    MatFormFieldModule,\n    MatToolbarModule,\n    MatCheckboxModule,\n    MatMenuModule,\n    MatButtonToggleModule,\n    MatDividerModule,\n    MatRadioModule,\n    MatInputModule,\n    MatAutocompleteModule,\n    RemoveUnderscorePipe,\n    MatSelectModule,\n    MatOptionModule,\n    MatSlideToggleModule,\n  ],\n  declarations: [\n    FilterSelectionDemoComponent,\n    FilterSelectionInputComponent,\n  ],\n  exports: [\n    FilterSelectionDemoComponent,\n    FilterSelectionInputComponent,\n  ]\n})\nexport class FilterSelectionInputModule { }\n","/*\n * Public API Surface of checkbox-selection-input\n */\n\nexport * from './lib/models/index';\n\nexport * from './lib/pipes/remove-underscore.pipe';\n\nexport * from './lib/filter-demo/filter-demo.component';\n\nexport * from './lib/filter-selection-input/filter-selection-input.component';\n\nexport * from './lib/filter-selection-input.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i3","i5","i6","i7","i8.FilterSelectionInputComponent"],"mappings":"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"}

package/index.d.ts

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

package/lib/filter-demo/filter-demo.component.d.ts

@@ -0,0 +1,36 @@
+import { OnInit } from '@angular/core';
+import { FormBuilder } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class FilterSelectionDemoComponent implements OnInit {
+    fb: FormBuilder;
+    data_1: ({
+        id: number;
+        value: string;
+        disabled?: undefined;
+        selected?: undefined;
+    } | {
+        id: number;
+        value: string;
+        disabled: boolean;
+        selected?: undefined;
+    } | {
+        id: number;
+        value: string;
+        selected: boolean;
+        disabled?: undefined;
+    })[];
+    data_2: string[];
+    selectionControl_1: import("@angular/forms").FormControl<string[] | null>;
+    selectionControl_2: import("@angular/forms").FormControl<string[] | null>;
+    changeDetection_1: import("@angular/forms").FormControl<boolean | null>;
+    changeDetection_2: import("@angular/forms").FormControl<boolean | null>;
+    data: any;
+    constructor();
+    ngOnInit(): void;
+    onPerformPatch(): void;
+    onChangeDataType(type: string): void;
+    onDisabled_1(disable: boolean): void;
+    onDisabled_2(disable: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterSelectionDemoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterSelectionDemoComponent, "app-filter-selection-demo", never, {}, {}, never, never, false, never>;
+}

package/lib/filter-selection-input/filter-selection-input.component.d.ts

@@ -0,0 +1,53 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, FormBuilder, ValidationErrors } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { SelectionItem } from '../models/selection-item.model';
+import * as i0 from "@angular/core";
+export declare class FilterSelectionInputComponent implements OnInit, ControlValueAccessor {
+    autoCompleteInput?: MatAutocompleteTrigger;
+    fb: FormBuilder;
+    selected: EventEmitter<any>;
+    isObjects: boolean;
+    defaultDisabled: SelectionItem[];
+    formInitialized: boolean;
+    panelOpened: boolean;
+    disabled: boolean;
+    private _data;
+    set data(value: any[] | undefined | null);
+    get data(): any[];
+    isArray: (obj: any) => boolean;
+    hasObjects: (obj: any) => boolean;
+    isObject: (obj: any) => boolean;
+    isEmpty: (obj: any) => boolean;
+    findFirst: (obj: string[]) => any;
+    firstElement: (arr: string[]) => string;
+    isSelected: (value: any) => boolean;
+    selectionControl: import("@angular/forms").FormControl<string | null | undefined>;
+    appearance: MatFormFieldAppearance;
+    label?: string | null | undefined;
+    placeholder: string;
+    forceSelection: boolean;
+    filteredOptions: Observable<string[] | any>;
+    selectedOption?: string | any;
+    isDisabled: (selection: string) => boolean;
+    onChange: any;
+    onTouch: any;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    writeValue(value: any): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    onOpened(): void;
+    onClosed(): void;
+    onSelected(value: MatAutocompleteSelectedEvent): void;
+    onEnteredValue(value: string): void;
+    findSelection(selection: string): any;
+    private _filter;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterSelectionInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterSelectionInputComponent, "app-filter-selection-input", never, { "data": { "alias": "data"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "forceSelection": { "alias": "forceSelection"; "required": false; }; }, { "selected": "selected"; }, never, never, false, never>;
+}

package/lib/filter-selection-input.module.d.ts

@@ -0,0 +1,26 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./filter-demo/filter-demo.component";
+import * as i2 from "./filter-selection-input/filter-selection-input.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/slider";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@angular/material/form-field";
+import * as i9 from "@angular/material/toolbar";
+import * as i10 from "@angular/material/checkbox";
+import * as i11 from "@angular/material/menu";
+import * as i12 from "@angular/material/button-toggle";
+import * as i13 from "@angular/material/divider";
+import * as i14 from "@angular/material/radio";
+import * as i15 from "@angular/material/input";
+import * as i16 from "@angular/material/autocomplete";
+import * as i17 from "./pipes/remove-underscore.pipe";
+import * as i18 from "@angular/material/select";
+import * as i19 from "@angular/material/core";
+import * as i20 from "@angular/material/slide-toggle";
+export declare class FilterSelectionInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterSelectionInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FilterSelectionInputModule, [typeof i1.FilterSelectionDemoComponent, typeof i2.FilterSelectionInputComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatSliderModule, typeof i6.MatButtonModule, typeof i7.MatIconModule, typeof i8.MatFormFieldModule, typeof i9.MatToolbarModule, typeof i10.MatCheckboxModule, typeof i11.MatMenuModule, typeof i12.MatButtonToggleModule, typeof i13.MatDividerModule, typeof i14.MatRadioModule, typeof i15.MatInputModule, typeof i16.MatAutocompleteModule, typeof i17.RemoveUnderscorePipe, typeof i18.MatSelectModule, typeof i19.MatOptionModule, typeof i20.MatSlideToggleModule], [typeof i1.FilterSelectionDemoComponent, typeof i2.FilterSelectionInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FilterSelectionInputModule>;
+}

package/lib/models/index.d.ts

@@ -0,0 +1,2 @@
+export * from './selection-basic.model';
+export * from './selection-item.model';