@firestitch/chip 13.1.6 → 14.0.0

package/app/components/chip/chip.component.d.ts

@@ -1,42 +1,42 @@
-import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { Observable } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class FsChipComponent implements OnInit, OnDestroy {
-    private _cdRef;
-    fsChip: boolean;
-    _outlined: boolean;
-    selectable: boolean;
-    removable: boolean;
-    styleBackgroundColor: string;
-    styleColor: string;
-    styleBorderColor: string;
-    classSmall: boolean;
-    classTiny: boolean;
-    classMicro: boolean;
-    value: any;
-    icon: any;
-    image: any;
-    selected: boolean;
-    selectedToggled: EventEmitter<any>;
-    removed: EventEmitter<any>;
-    private _destroy$;
-    private _backgroundColor;
-    private _color;
-    constructor(_cdRef: ChangeDetectorRef);
-    set setSize(value: any);
-    click(): void;
-    set backgroundColor(value: any);
-    set borderColor(value: any);
-    set color(value: any);
-    get destroy$(): Observable<any>;
-    set outlined(value: any);
-    select(): void;
-    unselect(): void;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    remove(event: MouseEvent): void;
-    private _isContrastYIQBlack;
-    private _updateStyles;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FsChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FsChipComponent, "fs-chip", never, { "selectable": "selectable"; "removable": "removable"; "value": "value"; "icon": "icon"; "image": "image"; "selected": "selected"; "setSize": "size"; "backgroundColor": "backgroundColor"; "borderColor": "borderColor"; "color": "color"; "outlined": "outlined"; }, { "selectedToggled": "selectedToggled"; "removed": "removed"; }, never, ["*"]>;
-}
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class FsChipComponent implements OnInit, OnDestroy {
+    private _cdRef;
+    fsChip: boolean;
+    _outlined: boolean;
+    selectable: boolean;
+    removable: boolean;
+    styleBackgroundColor: string;
+    styleColor: string;
+    styleBorderColor: string;
+    classSmall: boolean;
+    classTiny: boolean;
+    classMicro: boolean;
+    value: any;
+    icon: any;
+    image: any;
+    selected: boolean;
+    selectedToggled: EventEmitter<any>;
+    removed: EventEmitter<any>;
+    private _destroy$;
+    private _backgroundColor;
+    private _color;
+    constructor(_cdRef: ChangeDetectorRef);
+    set setSize(value: any);
+    click(): void;
+    set backgroundColor(value: any);
+    set borderColor(value: any);
+    set color(value: any);
+    get destroy$(): Observable<any>;
+    set outlined(value: any);
+    select(): void;
+    unselect(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    remove(event: MouseEvent): void;
+    private _isContrastYIQBlack;
+    private _updateStyles;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FsChipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FsChipComponent, "fs-chip", never, { "selectable": "selectable"; "removable": "removable"; "value": "value"; "icon": "icon"; "image": "image"; "selected": "selected"; "setSize": "size"; "backgroundColor": "backgroundColor"; "borderColor": "borderColor"; "color": "color"; "outlined": "outlined"; }, { "selectedToggled": "selectedToggled"; "removed": "removed"; }, never, ["*"], false>;
+}

package/app/components/chip/index.d.ts

@@ -1 +1 @@
-export * from './chip.component';
+export * from './chip.component';

package/app/components/chips/chips.component.d.ts

@@ -1,40 +1,40 @@
-import { AfterContentInit, ChangeDetectorRef, IterableDiffers, OnDestroy, QueryList } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { FsChipComponent } from '../chip';
-import * as i0 from "@angular/core";
-export declare class FsChipsComponent implements OnDestroy, ControlValueAccessor, AfterContentInit {
-    private _cdRef;
-    private _iterable;
-    classFsChips: boolean;
-    classHasChips: boolean;
-    chips: QueryList<FsChipComponent>;
-    compare: any;
-    multiple: boolean;
-    onChange: (value: any) => void;
-    onTouch: (value: any) => void;
-    private _value;
-    private _destroy$;
-    private _chipDiffer;
-    constructor(_cdRef: ChangeDetectorRef, _iterable: IterableDiffers);
-    setDisabledState?(isDisabled: boolean): void;
-    ngAfterContentInit(): void;
-    set value(value: any[]);
-    get value(): any[];
-    ngOnDestroy(): void;
-    writeValue(value: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    private _subscribeToSelectionChange;
-    /**
-     * Update ngModel value when selection changed
-     */
-    private _subscribeToSelectionChanges;
-    /**
-     * Update selection if item was added or removed
-     */
-    private _subscribeToItemsChange;
-    private _compareFn;
-    private _updateChips;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FsChipsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FsChipsComponent, "fs-chips", never, { "compare": "compare"; "multiple": "multiple"; }, {}, ["chips"], ["*"]>;
-}
+import { AfterContentInit, ChangeDetectorRef, IterableDiffers, OnDestroy, QueryList } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { FsChipComponent } from '../chip';
+import * as i0 from "@angular/core";
+export declare class FsChipsComponent implements OnDestroy, ControlValueAccessor, AfterContentInit {
+    private _cdRef;
+    private _iterable;
+    classFsChips: boolean;
+    classHasChips: boolean;
+    chips: QueryList<FsChipComponent>;
+    compare: any;
+    multiple: boolean;
+    onChange: (value: any) => void;
+    onTouch: (value: any) => void;
+    private _value;
+    private _destroy$;
+    private _chipDiffer;
+    constructor(_cdRef: ChangeDetectorRef, _iterable: IterableDiffers);
+    setDisabledState?(isDisabled: boolean): void;
+    ngAfterContentInit(): void;
+    set value(value: any[]);
+    get value(): any[];
+    ngOnDestroy(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    private _subscribeToSelectionChange;
+    /**
+     * Update ngModel value when selection changed
+     */
+    private _subscribeToSelectionChanges;
+    /**
+     * Update selection if item was added or removed
+     */
+    private _subscribeToItemsChange;
+    private _compareFn;
+    private _updateChips;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FsChipsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FsChipsComponent, "fs-chips", never, { "compare": "compare"; "multiple": "multiple"; }, {}, ["chips"], ["*"], false>;
+}

package/app/fs-chip.module.d.ts

@@ -1,13 +1,13 @@
-import { ModuleWithProviders } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "./components/chips/chips.component";
-import * as i2 from "./components/chip/chip.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/material/icon";
-import * as i5 from "@firestitch/label";
-export declare class FsChipModule {
-    static forRoot(): ModuleWithProviders<FsChipModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FsChipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FsChipModule, [typeof i1.FsChipsComponent, typeof i2.FsChipComponent], [typeof i3.CommonModule, typeof i4.MatIconModule, typeof i5.FsLabelModule], [typeof i1.FsChipsComponent, typeof i2.FsChipComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<FsChipModule>;
-}
+import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./components/chips/chips.component";
+import * as i2 from "./components/chip/chip.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@firestitch/label";
+export declare class FsChipModule {
+    static forRoot(): ModuleWithProviders<FsChipModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FsChipModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FsChipModule, [typeof i1.FsChipsComponent, typeof i2.FsChipComponent], [typeof i3.CommonModule, typeof i4.MatIconModule, typeof i5.FsLabelModule], [typeof i1.FsChipsComponent, typeof i2.FsChipComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FsChipModule>;
+}

package/esm2020/app/components/chip/chip.component.mjs

@@ -1,181 +1,181 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, HostBinding, HostListener, Input, Output, } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/icon";
-import * as i2 from "@angular/common";
-export class FsChipComponent {
-    constructor(_cdRef) {
-        this._cdRef = _cdRef;
-        this.fsChip = true;
-        this._outlined = false;
-        this.selectable = false;
-        this.removable = true;
-        this.styleBackgroundColor = '';
-        this.styleColor = '';
-        this.styleBorderColor = '';
-        this.classSmall = false;
-        this.classTiny = false;
-        this.classMicro = false;
-        this.selected = false;
-        this.selectedToggled = new EventEmitter();
-        this.removed = new EventEmitter();
-        this._destroy$ = new Subject();
-        this._backgroundColor = '';
-        this._color = '';
-    }
-    set setSize(value) {
-        this.classSmall = value === 'small';
-        this.classTiny = value === 'tiny';
-        this.classMicro = value === 'micro';
-    }
-    click() {
-        if (this.selectable) {
-            this.selected = !this.selected;
-            this.selectedToggled.emit({ value: this.value, selected: this.selected });
-        }
-    }
-    set backgroundColor(value) {
-        this._backgroundColor = value;
-        this._updateStyles();
-    }
-    set borderColor(value) {
-        this.styleBorderColor = value;
-        this._updateStyles();
-    }
-    set color(value) {
-        this._color = value;
-        this._updateStyles();
-    }
-    get destroy$() {
-        return this._destroy$.asObservable();
-    }
-    set outlined(value) {
-        this._outlined = value;
-        this._updateStyles();
-    }
-    select() {
-        this.selected = true;
-        this._cdRef.markForCheck();
-    }
-    unselect() {
-        this.selected = false;
-        this._cdRef.markForCheck();
-    }
-    ngOnInit() {
-        if (this.removed.observers.length === 0) {
-            this.removable = false;
-        }
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    remove(event) {
-        event.stopImmediatePropagation();
-        event.stopPropagation();
-        this.removed.next(event);
-    }
-    _isContrastYIQBlack(hexcolor) {
-        if (!hexcolor) {
-            return true;
-        }
-        hexcolor = hexcolor.replace('#', '');
-        const r = parseInt(hexcolor.substr(0, 2), 16);
-        const g = parseInt(hexcolor.substr(2, 2), 16);
-        const b = parseInt(hexcolor.substr(4, 2), 16);
-        const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
-        return yiq >= 200;
-    }
-    _updateStyles() {
-        this.styleBackgroundColor = this._backgroundColor;
-        if (this._color) {
-            this.styleColor = this._color;
-        }
-        else if (!this._outlined) {
-            this.styleColor = this._isContrastYIQBlack(this.styleBackgroundColor) ? '#474747' : '#fff';
-        }
-        if (this._outlined) {
-            this.styleBackgroundColor = '';
-            if (this._color) {
-                this.styleBorderColor = this._color;
-            }
-        }
-        this._cdRef.markForCheck();
-    }
-}
-FsChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsChipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FsChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FsChipComponent, selector: "fs-chip", inputs: { selectable: "selectable", removable: "removable", value: "value", icon: "icon", image: "image", selected: "selected", setSize: ["size", "setSize"], backgroundColor: "backgroundColor", borderColor: "borderColor", color: "color", outlined: "outlined" }, outputs: { selectedToggled: "selectedToggled", removed: "removed" }, host: { listeners: { "click": "click()" }, properties: { "class.fs-chip": "this.fsChip", "class.outlined": "this._outlined", "class.selectable": "this.selectable", "class.removable": "this.removable", "style.backgroundColor": "this.styleBackgroundColor", "style.color": "this.styleColor", "style.borderColor": "this.styleBorderColor", "class.size-small": "this.classSmall", "class.size-tiny": "this.classTiny", "class.size-micro": "this.classMicro", "class.iconed": "this.icon", "class.imaged": "this.image", "class.selected": "this.selected" } }, ngImport: i0, template: "<img *ngIf=\"image\" [src]=\"image\" class=\"image\" alt=\"\">\n<ng-container *ngIf=\"icon\">\n  <mat-icon class=\"icon\">{{icon}}</mat-icon>\n</ng-container>\n<div class=\"fs-chip-content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"selected\">\n  <div class=\"selected-check\">\n    <mat-icon [style.color]=\"styleColor\">check</mat-icon>\n  </div>\n</ng-container>\n<div *ngIf=\"removed.observers.length && removable\" class=\"remove\" (click)=\"remove($event)\">\n  <mat-icon [style.color]=\"styleColor\">remove_circle_outline</mat-icon>\n</div>", styles: [":host{-webkit-user-select:none;user-select:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:0 12px;border-radius:16px;align-items:center;cursor:default;height:30px;background-color:#e0e0e0;overflow:hidden}:host.imaged{overflow:visible;padding-left:0;vertical-align:middle}:host.imaged.outlined .image{margin-left:-2px}:host.iconed:not(.imaged){padding-left:5px}:host.removable,:host.selected{padding-right:3px}:host.selectable{cursor:pointer}:host.outlined{background-color:transparent;border:1px solid #e0e0e0;box-sizing:border-box}:host .icon{margin-right:5px}:host mat-icon{font-size:25px}:host .image{height:30px;width:30px;border-radius:50%;object-fit:cover;margin-left:-1px;margin-right:8px}:host .fs-chip-content{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .selected-check{margin:0 5px;display:flex}:host .remove{display:flex;margin-left:5px;cursor:pointer}:host.size-micro{padding:0 5px;height:16px;line-height:normal}:host.size-micro .fs-chip-content{font-size:65%}:host.size-micro .image{height:100%;width:16px;margin-right:2px}:host.size-micro .remove{margin-left:1px}:host.size-micro .selected-check{margin:0 1px 0 0}:host.size-micro.imaged{padding-left:0}:host.size-micro.removable,:host.size-micro.selected{padding-right:0}:host.size-micro mat-icon{width:12px;height:12px;font-size:11px}:host.size-tiny{padding:0 6px;height:18px;line-height:normal}:host.size-tiny .fs-chip-content{font-size:75%}:host.size-tiny .image{height:18px;width:18px;margin-right:3px}:host.size-tiny.iconed:not(.imaged){padding-left:3px}:host.size-tiny .remove{margin-left:2px;margin-right:2px}:host.size-tiny .selected-check{margin:0 1px 0 0}:host.size-tiny.imaged{padding-left:0}:host.size-tiny.removable,:host.size-tiny.selected{padding-right:0}:host.size-tiny mat-icon{height:13px;width:13px;font-size:13px}:host.size-small{padding:0 8px;font-size:85%;height:25px;line-height:normal}:host.size-small .image{height:25px;width:25px;margin-right:5px}:host.size-small.iconed:not(.imaged){padding-left:4px}:host.size-small.imaged{padding-left:0}:host.size-small .remove{margin-right:2px}:host.size-small .selected-check{margin:0 2px 0 0}:host.size-small .selected-check mat-icon{transform:scale(.7)}:host.size-small.removable,:host.size-small.selected{padding-right:0}:host.size-small mat-icon{height:22px;width:22px;font-size:22px}\n"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsChipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'fs-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<img *ngIf=\"image\" [src]=\"image\" class=\"image\" alt=\"\">\n<ng-container *ngIf=\"icon\">\n  <mat-icon class=\"icon\">{{icon}}</mat-icon>\n</ng-container>\n<div class=\"fs-chip-content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"selected\">\n  <div class=\"selected-check\">\n    <mat-icon [style.color]=\"styleColor\">check</mat-icon>\n  </div>\n</ng-container>\n<div *ngIf=\"removed.observers.length && removable\" class=\"remove\" (click)=\"remove($event)\">\n  <mat-icon [style.color]=\"styleColor\">remove_circle_outline</mat-icon>\n</div>", styles: [":host{-webkit-user-select:none;user-select:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:0 12px;border-radius:16px;align-items:center;cursor:default;height:30px;background-color:#e0e0e0;overflow:hidden}:host.imaged{overflow:visible;padding-left:0;vertical-align:middle}:host.imaged.outlined .image{margin-left:-2px}:host.iconed:not(.imaged){padding-left:5px}:host.removable,:host.selected{padding-right:3px}:host.selectable{cursor:pointer}:host.outlined{background-color:transparent;border:1px solid #e0e0e0;box-sizing:border-box}:host .icon{margin-right:5px}:host mat-icon{font-size:25px}:host .image{height:30px;width:30px;border-radius:50%;object-fit:cover;margin-left:-1px;margin-right:8px}:host .fs-chip-content{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .selected-check{margin:0 5px;display:flex}:host .remove{display:flex;margin-left:5px;cursor:pointer}:host.size-micro{padding:0 5px;height:16px;line-height:normal}:host.size-micro .fs-chip-content{font-size:65%}:host.size-micro .image{height:100%;width:16px;margin-right:2px}:host.size-micro .remove{margin-left:1px}:host.size-micro .selected-check{margin:0 1px 0 0}:host.size-micro.imaged{padding-left:0}:host.size-micro.removable,:host.size-micro.selected{padding-right:0}:host.size-micro mat-icon{width:12px;height:12px;font-size:11px}:host.size-tiny{padding:0 6px;height:18px;line-height:normal}:host.size-tiny .fs-chip-content{font-size:75%}:host.size-tiny .image{height:18px;width:18px;margin-right:3px}:host.size-tiny.iconed:not(.imaged){padding-left:3px}:host.size-tiny .remove{margin-left:2px;margin-right:2px}:host.size-tiny .selected-check{margin:0 1px 0 0}:host.size-tiny.imaged{padding-left:0}:host.size-tiny.removable,:host.size-tiny.selected{padding-right:0}:host.size-tiny mat-icon{height:13px;width:13px;font-size:13px}:host.size-small{padding:0 8px;font-size:85%;height:25px;line-height:normal}:host.size-small .image{height:25px;width:25px;margin-right:5px}:host.size-small.iconed:not(.imaged){padding-left:4px}:host.size-small.imaged{padding-left:0}:host.size-small .remove{margin-right:2px}:host.size-small .selected-check{margin:0 2px 0 0}:host.size-small .selected-check mat-icon{transform:scale(.7)}:host.size-small.removable,:host.size-small.selected{padding-right:0}:host.size-small mat-icon{height:22px;width:22px;font-size:22px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { fsChip: [{
-                type: HostBinding,
-                args: ['class.fs-chip']
-            }], _outlined: [{
-                type: HostBinding,
-                args: ['class.outlined']
-            }], selectable: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.selectable']
-            }], removable: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.removable']
-            }], styleBackgroundColor: [{
-                type: HostBinding,
-                args: ['style.backgroundColor']
-            }], styleColor: [{
-                type: HostBinding,
-                args: ['style.color']
-            }], styleBorderColor: [{
-                type: HostBinding,
-                args: ['style.borderColor']
-            }], classSmall: [{
-                type: HostBinding,
-                args: ['class.size-small']
-            }], classTiny: [{
-                type: HostBinding,
-                args: ['class.size-tiny']
-            }], classMicro: [{
-                type: HostBinding,
-                args: ['class.size-micro']
-            }], value: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.iconed']
-            }], image: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.imaged']
-            }], selected: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.selected']
-            }], selectedToggled: [{
-                type: Output
-            }], removed: [{
-                type: Output
-            }], setSize: [{
-                type: Input,
-                args: ['size']
-            }], click: [{
-                type: HostListener,
-                args: ['click']
-            }], backgroundColor: [{
-                type: Input
-            }], borderColor: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], outlined: [{
-                type: Input
-            }] } });
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, HostBinding, HostListener, Input, Output, } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+export class FsChipComponent {
+    constructor(_cdRef) {
+        this._cdRef = _cdRef;
+        this.fsChip = true;
+        this._outlined = false;
+        this.selectable = false;
+        this.removable = true;
+        this.styleBackgroundColor = '';
+        this.styleColor = '';
+        this.styleBorderColor = '';
+        this.classSmall = false;
+        this.classTiny = false;
+        this.classMicro = false;
+        this.selected = false;
+        this.selectedToggled = new EventEmitter();
+        this.removed = new EventEmitter();
+        this._destroy$ = new Subject();
+        this._backgroundColor = '';
+        this._color = '';
+    }
+    set setSize(value) {
+        this.classSmall = value === 'small';
+        this.classTiny = value === 'tiny';
+        this.classMicro = value === 'micro';
+    }
+    click() {
+        if (this.selectable) {
+            this.selected = !this.selected;
+            this.selectedToggled.emit({ value: this.value, selected: this.selected });
+        }
+    }
+    set backgroundColor(value) {
+        this._backgroundColor = value;
+        this._updateStyles();
+    }
+    set borderColor(value) {
+        this.styleBorderColor = value;
+        this._updateStyles();
+    }
+    set color(value) {
+        this._color = value;
+        this._updateStyles();
+    }
+    get destroy$() {
+        return this._destroy$.asObservable();
+    }
+    set outlined(value) {
+        this._outlined = value;
+        this._updateStyles();
+    }
+    select() {
+        this.selected = true;
+        this._cdRef.markForCheck();
+    }
+    unselect() {
+        this.selected = false;
+        this._cdRef.markForCheck();
+    }
+    ngOnInit() {
+        if (this.removed.observers.length === 0) {
+            this.removable = false;
+        }
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    remove(event) {
+        event.stopImmediatePropagation();
+        event.stopPropagation();
+        this.removed.next(event);
+    }
+    _isContrastYIQBlack(hexcolor) {
+        if (!hexcolor) {
+            return true;
+        }
+        hexcolor = hexcolor.replace('#', '');
+        const r = parseInt(hexcolor.substr(0, 2), 16);
+        const g = parseInt(hexcolor.substr(2, 2), 16);
+        const b = parseInt(hexcolor.substr(4, 2), 16);
+        const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
+        return yiq >= 200;
+    }
+    _updateStyles() {
+        this.styleBackgroundColor = this._backgroundColor;
+        if (this._color) {
+            this.styleColor = this._color;
+        }
+        else if (!this._outlined) {
+            this.styleColor = this._isContrastYIQBlack(this.styleBackgroundColor) ? '#474747' : '#fff';
+        }
+        if (this._outlined) {
+            this.styleBackgroundColor = '';
+            if (this._color) {
+                this.styleBorderColor = this._color;
+            }
+        }
+        this._cdRef.markForCheck();
+    }
+}
+FsChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FsChipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FsChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FsChipComponent, selector: "fs-chip", inputs: { selectable: "selectable", removable: "removable", value: "value", icon: "icon", image: "image", selected: "selected", setSize: ["size", "setSize"], backgroundColor: "backgroundColor", borderColor: "borderColor", color: "color", outlined: "outlined" }, outputs: { selectedToggled: "selectedToggled", removed: "removed" }, host: { listeners: { "click": "click()" }, properties: { "class.fs-chip": "this.fsChip", "class.outlined": "this._outlined", "class.selectable": "this.selectable", "class.removable": "this.removable", "style.backgroundColor": "this.styleBackgroundColor", "style.color": "this.styleColor", "style.borderColor": "this.styleBorderColor", "class.size-small": "this.classSmall", "class.size-tiny": "this.classTiny", "class.size-micro": "this.classMicro", "class.iconed": "this.icon", "class.imaged": "this.image", "class.selected": "this.selected" } }, ngImport: i0, template: "<img *ngIf=\"image\" [src]=\"image\" class=\"image\" alt=\"\">\n<ng-container *ngIf=\"icon\">\n  <mat-icon class=\"icon\">{{icon}}</mat-icon>\n</ng-container>\n<div class=\"fs-chip-content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"selected\">\n  <div class=\"selected-check\">\n    <mat-icon [style.color]=\"styleColor\">check</mat-icon>\n  </div>\n</ng-container>\n<div *ngIf=\"removed.observers.length && removable\" class=\"remove\" (click)=\"remove($event)\">\n  <mat-icon [style.color]=\"styleColor\">remove_circle_outline</mat-icon>\n</div>", styles: [":host{-webkit-user-select:none;user-select:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:0 12px;border-radius:16px;align-items:center;cursor:default;height:30px;background-color:#e0e0e0;overflow:hidden}:host.imaged{overflow:visible;padding-left:0;vertical-align:middle}:host.imaged.outlined .image{margin-left:-2px}:host.iconed:not(.imaged){padding-left:5px}:host.removable,:host.selected{padding-right:3px}:host.selectable{cursor:pointer}:host.outlined{background-color:transparent;border:1px solid #e0e0e0;box-sizing:border-box}:host .icon{margin-right:5px}:host mat-icon{font-size:25px}:host .image{height:30px;width:30px;border-radius:50%;object-fit:cover;margin-left:-1px;margin-right:8px}:host .fs-chip-content{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .selected-check{margin:0 5px;display:flex}:host .remove{display:flex;margin-left:5px;cursor:pointer}:host.size-micro{padding:0 5px;height:16px;line-height:normal}:host.size-micro .fs-chip-content{font-size:65%}:host.size-micro .image{height:100%;width:16px;margin-right:2px}:host.size-micro .remove{margin-left:1px}:host.size-micro .selected-check{margin:0 1px 0 0}:host.size-micro.imaged{padding-left:0}:host.size-micro.removable,:host.size-micro.selected{padding-right:0}:host.size-micro mat-icon{width:12px;height:12px;font-size:11px}:host.size-tiny{padding:0 6px;height:18px;line-height:normal}:host.size-tiny .fs-chip-content{font-size:75%}:host.size-tiny .image{height:18px;width:18px;margin-right:3px}:host.size-tiny.iconed:not(.imaged){padding-left:3px}:host.size-tiny .remove{margin-left:2px;margin-right:2px}:host.size-tiny .selected-check{margin:0 1px 0 0}:host.size-tiny.imaged{padding-left:0}:host.size-tiny.removable,:host.size-tiny.selected{padding-right:0}:host.size-tiny mat-icon{height:13px;width:13px;font-size:13px}:host.size-small{padding:0 8px;font-size:85%;height:25px;line-height:normal}:host.size-small .image{height:25px;width:25px;margin-right:5px}:host.size-small.iconed:not(.imaged){padding-left:4px}:host.size-small.imaged{padding-left:0}:host.size-small .remove{margin-right:2px}:host.size-small .selected-check{margin:0 2px 0 0}:host.size-small .selected-check mat-icon{transform:scale(.7)}:host.size-small.removable,:host.size-small.selected{padding-right:0}:host.size-small mat-icon{height:22px;width:22px;font-size:22px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FsChipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fs-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<img *ngIf=\"image\" [src]=\"image\" class=\"image\" alt=\"\">\n<ng-container *ngIf=\"icon\">\n  <mat-icon class=\"icon\">{{icon}}</mat-icon>\n</ng-container>\n<div class=\"fs-chip-content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"selected\">\n  <div class=\"selected-check\">\n    <mat-icon [style.color]=\"styleColor\">check</mat-icon>\n  </div>\n</ng-container>\n<div *ngIf=\"removed.observers.length && removable\" class=\"remove\" (click)=\"remove($event)\">\n  <mat-icon [style.color]=\"styleColor\">remove_circle_outline</mat-icon>\n</div>", styles: [":host{-webkit-user-select:none;user-select:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:0 12px;border-radius:16px;align-items:center;cursor:default;height:30px;background-color:#e0e0e0;overflow:hidden}:host.imaged{overflow:visible;padding-left:0;vertical-align:middle}:host.imaged.outlined .image{margin-left:-2px}:host.iconed:not(.imaged){padding-left:5px}:host.removable,:host.selected{padding-right:3px}:host.selectable{cursor:pointer}:host.outlined{background-color:transparent;border:1px solid #e0e0e0;box-sizing:border-box}:host .icon{margin-right:5px}:host mat-icon{font-size:25px}:host .image{height:30px;width:30px;border-radius:50%;object-fit:cover;margin-left:-1px;margin-right:8px}:host .fs-chip-content{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .selected-check{margin:0 5px;display:flex}:host .remove{display:flex;margin-left:5px;cursor:pointer}:host.size-micro{padding:0 5px;height:16px;line-height:normal}:host.size-micro .fs-chip-content{font-size:65%}:host.size-micro .image{height:100%;width:16px;margin-right:2px}:host.size-micro .remove{margin-left:1px}:host.size-micro .selected-check{margin:0 1px 0 0}:host.size-micro.imaged{padding-left:0}:host.size-micro.removable,:host.size-micro.selected{padding-right:0}:host.size-micro mat-icon{width:12px;height:12px;font-size:11px}:host.size-tiny{padding:0 6px;height:18px;line-height:normal}:host.size-tiny .fs-chip-content{font-size:75%}:host.size-tiny .image{height:18px;width:18px;margin-right:3px}:host.size-tiny.iconed:not(.imaged){padding-left:3px}:host.size-tiny .remove{margin-left:2px;margin-right:2px}:host.size-tiny .selected-check{margin:0 1px 0 0}:host.size-tiny.imaged{padding-left:0}:host.size-tiny.removable,:host.size-tiny.selected{padding-right:0}:host.size-tiny mat-icon{height:13px;width:13px;font-size:13px}:host.size-small{padding:0 8px;font-size:85%;height:25px;line-height:normal}:host.size-small .image{height:25px;width:25px;margin-right:5px}:host.size-small.iconed:not(.imaged){padding-left:4px}:host.size-small.imaged{padding-left:0}:host.size-small .remove{margin-right:2px}:host.size-small .selected-check{margin:0 2px 0 0}:host.size-small .selected-check mat-icon{transform:scale(.7)}:host.size-small.removable,:host.size-small.selected{padding-right:0}:host.size-small mat-icon{height:22px;width:22px;font-size:22px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { fsChip: [{
+                type: HostBinding,
+                args: ['class.fs-chip']
+            }], _outlined: [{
+                type: HostBinding,
+                args: ['class.outlined']
+            }], selectable: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.selectable']
+            }], removable: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.removable']
+            }], styleBackgroundColor: [{
+                type: HostBinding,
+                args: ['style.backgroundColor']
+            }], styleColor: [{
+                type: HostBinding,
+                args: ['style.color']
+            }], styleBorderColor: [{
+                type: HostBinding,
+                args: ['style.borderColor']
+            }], classSmall: [{
+                type: HostBinding,
+                args: ['class.size-small']
+            }], classTiny: [{
+                type: HostBinding,
+                args: ['class.size-tiny']
+            }], classMicro: [{
+                type: HostBinding,
+                args: ['class.size-micro']
+            }], value: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.iconed']
+            }], image: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.imaged']
+            }], selected: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.selected']
+            }], selectedToggled: [{
+                type: Output
+            }], removed: [{
+                type: Output
+            }], setSize: [{
+                type: Input,
+                args: ['size']
+            }], click: [{
+                type: HostListener,
+                args: ['click']
+            }], backgroundColor: [{
+                type: Input
+            }], borderColor: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], outlined: [{
+                type: Input
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvY2hpcC9jaGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9jaGlwL2NoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUFFLGlCQUFpQixFQUMxQyxTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQWMsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBUzNDLE1BQU0sT0FBTyxlQUFlO0lBd0QxQixZQUNVLE1BQXlCO1FBQXpCLFdBQU0sR0FBTixNQUFNLENBQW1CO1FBdEQ1QixXQUFNLEdBQUcsSUFBSSxDQUFDO1FBR2QsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUlsQixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBSW5CLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFHakIseUJBQW9CLEdBQUcsRUFBRSxDQUFDO1FBRzFCLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFHaEIscUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBR3RCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFHbkIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUdsQixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBY25CLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFUCxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDckMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFdEMsY0FBUyxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7UUFFMUIscUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBQ3RCLFdBQU0sR0FBRyxFQUFFLENBQUM7SUFJakIsQ0FBQztJ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Z0I7Z0JBS3RCLFVBQVU7c0JBRmhCLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsa0JBQWtCO2dCQUt4QixTQUFTO3NCQUZmLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsaUJBQWlCO2dCQUl2QixvQkFBb0I7c0JBRDFCLFdBQVc7dUJBQUMsdUJBQXVCO2dCQUk3QixVQUFVO3NCQURoQixXQUFXO3VCQUFDLGFBQWE7Z0JBSW5CLGdCQUFnQjtzQkFEdEIsV0FBVzt1QkFBQyxtQkFBbUI7Z0JBSXpCLFVBQVU7c0JBRGhCLFdBQVc7dUJBQUMsa0JBQWtCO2dCQUl4QixTQUFTO3NCQURmLFdBQVc7dUJBQUMsaUJBQWlCO2dCQUl2QixVQUFVO3NCQURoQixXQUFXO3VCQUFDLGtCQUFrQjtnQkFHZixLQUFLO3NCQUFwQixLQUFLO2dCQUlDLElBQUk7c0JBRlYsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxjQUFjO2dCQUtwQixLQUFLO3NCQUZYLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsY0FBYztnQkFLcEIsUUFBUTtzQkFGZCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGdCQUFnQjtnQkFHWixlQUFlO3NCQUEvQixNQUFNO2dCQUNVLE9BQU87c0JBQXZCLE1BQU07Z0JBV21CLE9BQU87c0JBQWhDLEtBQUs7dUJBQUMsTUFBTTtnQkFPTixLQUFLO3NCQURYLFlBQVk7dUJBQUMsT0FBTztnQkFRRCxlQUFlO3NCQUFsQyxLQUFLO2dCQUtjLFdBQVc7c0JBQTlCLEtBQUs7Z0JBS2MsS0FBSztzQkFBeEIsS0FBSztnQkFTYyxRQUFRO3NCQUEzQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnMtY2hpcCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGlwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hpcC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRnNDaGlwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZnMtY2hpcCcpIFxuICBwdWJsaWMgZnNDaGlwID0gdHJ1ZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm91dGxpbmVkJykgXG4gIHB1YmxpYyBfb3V0bGluZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNlbGVjdGFibGUnKSBcbiAgcHVibGljIHNlbGVjdGFibGUgPSBmYWxzZTtcbiAgXG4gIEBJbnB1dCgpXG4gIEBIb3N0QmluZGluZygnY2xhc3MucmVtb3ZhYmxlJykgXG4gIHB1YmxpYyByZW1vdmFibGUgPSB0cnVlO1xuICBcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5iYWNrZ3JvdW5kQ29sb3InKSBcbiAgcHVibGljIHN0eWxlQmFja2dyb3VuZENvbG9yID0gJyc7XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5jb2xvcicpIFxuICBwdWJsaWMgc3R5bGVDb2xvciA9ICcnO1xuXG4gIEBIb3N0QmluZGluZygnc3R5bGUuYm9yZGVyQ29sb3InKSBcbiAgcHVibGljIHN0eWxlQm9yZGVyQ29sb3IgPSAnJztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNpemUtc21hbGwnKSBcbiAgcHVibGljIGNsYXNzU21hbGwgPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNpemUtdGlueScpIFxuICBwdWJsaWMgY2xhc3NUaW55ID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zaXplLW1pY3JvJykgXG4gIHB1YmxpYyBjbGFzc01pY3JvID0gZmFsc2U7XG5cbiAgQElucHV0KCkgcHVibGljIHZhbHVlO1xuICBcbiAgQElucHV0KCkgXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaWNvbmVkJykgXG4gIHB1YmxpYyBpY29uO1xuICBcbiAgQElucHV0KCkgXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaW1hZ2VkJykgXG4gIHB1YmxpYyBpbWFnZTtcbiAgXG4gIEBJbnB1dCgpIFxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNlbGVjdGVkJykgXG4gIHB1YmxpYyBzZWxlY3RlZCA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgc2VsZWN0ZWRUb2dnbGVkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgcHVibGljIHJlbW92ZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgcHJpdmF0ZSBfZGVzdHJveSQgPSBuZXcgU3ViamVjdCgpO1xuXG4gIHByaXZhdGUgX2JhY2tncm91bmRDb2xvciA9ICcnO1xuICBwcml2YXRlIF9jb2xvciA9ICcnO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2NkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgKSB7fVxuXG4gIEBJbnB1dCgnc2l6ZScpIHB1YmxpYyBzZXQgc2V0U2l6ZSh2YWx1ZSkge1xuICAgIHRoaXMuY2xhc3NTbWFsbCA9IHZhbHVlID09PSAnc21hbGwnO1xuICAgIHRoaXMuY2xhc3NUaW55ID0gdmFsdWUgPT09ICd0aW55JztcbiAgICB0aGlzLmNsYXNzTWljcm8gPSB2YWx1ZSA9PT0gJ21pY3JvJztcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgcHVibGljIGNsaWNrKCkge1xuICAgIGlmICh0aGlzLnNlbGVjdGFibGUpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWQgPSAhdGhpcy5zZWxlY3RlZDtcbiAgICAgIHRoaXMuc2VsZWN0ZWRUb2dnbGVkLmVtaXQoeyB2YWx1ZTogdGhpcy52YWx1ZSwgc2VsZWN0ZWQ6IHRoaXMuc2VsZWN0ZWQgfSk7XG4gICAgfVxuICB9XG5cbiAgQElucHV0KCkgcHVibGljIHNldCBiYWNrZ3JvdW5kQ29sb3IodmFsdWUpIHtcbiAgICB0aGlzLl9iYWNrZ3JvdW5kQ29sb3IgPSB2YWx1ZTtcbiAgICB0aGlzLl91cGRhdGVTdHlsZXMoKTtcbiAgfVxuXG4gIEBJbnB1dCgpIHB1YmxpYyBzZXQgYm9yZGVyQ29sb3IodmFsdWUpIHtcbiAgICB0aGlzLnN0eWxlQm9yZGVyQ29sb3IgPSB2YWx1ZTtcbiAgICB0aGlzLl91cGRhdGVTdHlsZXMoKTtcbiAgfVxuXG4gIEBJbnB1dCgpIHB1YmxpYyBzZXQgY29sb3IodmFsdWUpIHtcbiAgICB0aGlzLl9jb2xvciA9IHZhbHVlO1xuICAgIHRoaXMuX3VwZGF0ZVN0eWxlcygpO1xuICB9XG5cbiAgcHVibGljIGdldCBkZXN0cm95JCgpOiBPYnNlcnZhYmxlPGFueT4ge1xuICAgIHJldHVybiB0aGlzLl9kZXN0cm95JC5hc09ic2VydmFibGUoKTtcbiAgfVxuXG4gIEBJbnB1dCgpIHB1YmxpYyBzZXQgb3V0bGluZWQodmFsdWUpIHtcbiAgICB0aGlzLl9vdXRsaW5lZCA9IHZhbHVlO1xuICAgIHRoaXMuX3VwZGF0ZVN0eWxlcygpO1xuICB9XG5cbiAgcHVibGljIHNlbGVjdCgpIHtcbiAgICB0aGlzLnNlbGVjdGVkID0gdHJ1ZTtcbiAgICB0aGlzLl9jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHB1YmxpYyB1bnNlbGVjdCgpIHtcbiAgICB0aGlzLnNlbGVjdGVkID0gZmFsc2U7XG4gICAgdGhpcy5fY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgaWYodGhpcy5yZW1vdmVkLm9ic2VydmVycy5sZW5ndGggPT09IDApIHtcbiAgICAgIHRoaXMucmVtb3ZhYmxlID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuX2Rlc3Ryb3kkLm5leHQoKTtcbiAgICB0aGlzLl9kZXN0cm95JC5jb21wbGV0ZSgpO1xuICB9XG5cbiAgcHVibGljIHJlbW92ZShldmVudDogTW91c2VFdmVudCkge1xuICAgIGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpO1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMucmVtb3ZlZC5uZXh0KGV2ZW50KTtcbiAgfVxuXG4gIHByaXZhdGUgX2lzQ29udHJhc3RZSVFCbGFjayhoZXhjb2xvcikge1xuICAgIGlmICghaGV4Y29sb3IpIHtcbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cblxuICAgIGhleGNvbG9yID0gaGV4Y29sb3IucmVwbGFjZSgnIycsICcnKTtcbiAgICBjb25zdCByID0gcGFyc2VJbnQoaGV4Y29sb3Iuc3Vic3RyKDAsIDIpLCAxNik7XG4gICAgY29uc3QgZyA9IHBhcnNlSW50KGhleGNvbG9yLnN1YnN0cigyLCAyKSwgMTYpO1xuICAgIGNvbnN0IGIgPSBwYXJzZUludChoZXhjb2xvci5zdWJzdHIoNCwgMiksIDE2KTtcbiAgICBjb25zdCB5aXEgPSAoKHIgKiAyOTkpICsgKGcgKiA1ODcpICsgKGIgKiAxMTQpKSAvIDEwMDA7XG5cbiAgICByZXR1cm4geWlxID49IDIwMDtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZVN0eWxlcygpIHtcbiAgICB0aGlzLnN0eWxlQmFja2dyb3VuZENvbG9yID0gdGhpcy5fYmFja2dyb3VuZENvbG9yO1xuXG4gICAgaWYgKHRoaXMuX2NvbG9yKSB7XG4gICAgICB0aGlzLnN0eWxlQ29sb3IgPSB0aGlzLl9jb2xvcjtcbiAgICB9IGVsc2UgaWYgKCF0aGlzLl9vdXRsaW5lZCkge1xuICAgICAgdGhpcy5zdHlsZUNvbG9yID0gdGhpcy5faXNDb250cmFzdFlJUUJsYWNrKHRoaXMuc3R5bGVCYWNrZ3JvdW5kQ29sb3IpID8gJyM0NzQ3NDcnIDogJyNmZmYnO1xuICAgIH1cblxuICAgIGlmICh0aGlzLl9vdXRsaW5lZCkge1xuICAgICAgdGhpcy5zdHlsZUJhY2tncm91bmRDb2xvciA9ICcnO1xuXG4gICAgICBpZiAodGhpcy5fY29sb3IpIHtcbiAgICAgICAgdGhpcy5zdHlsZUJvcmRlckNvbG9yID0gdGhpcy5fY29sb3I7XG4gICAgICB9XG4gICAgfVxuXG4gICAgdGhpcy5fY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiIsIjxpbWcgKm5nSWY9XCJpbWFnZVwiIFtzcmNdPVwiaW1hZ2VcIiBjbGFzcz1cImltYWdlXCIgYWx0PVwiXCI+XG48bmctY29udGFpbmVyICpuZ0lmPVwiaWNvblwiPlxuICA8bWF0LWljb24gY2xhc3M9XCJpY29uXCI+e3tpY29ufX08L21hdC1pY29uPlxuPC9uZy1jb250YWluZXI+XG48ZGl2IGNsYXNzPVwiZnMtY2hpcC1jb250ZW50XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cInNlbGVjdGVkXCI+XG4gIDxkaXYgY2xhc3M9XCJzZWxlY3RlZC1jaGVja1wiPlxuICAgIDxtYXQtaWNvbiBbc3R5bGUuY29sb3JdPVwic3R5bGVDb2xvclwiPmNoZWNrPC9tYXQtaWNvbj5cbiAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbjxkaXYgKm5nSWY9XCJyZW1vdmVkLm9ic2VydmVycy5sZW5ndGggJiYgcmVtb3ZhYmxlXCIgY2xhc3M9XCJyZW1vdmVcIiAoY2xpY2spPVwicmVtb3ZlKCRldmVudClcIj5cbiAgPG1hdC1pY29uIFtzdHlsZS5jb2xvcl09XCJzdHlsZUNvbG9yXCI+cmVtb3ZlX2NpcmNsZV9vdXRsaW5lPC9tYXQtaWNvbj5cbjwvZGl2PiJdfQ==

package/esm2020/app/components/chip/index.mjs

@@ -1,2 +1,2 @@
-export * from './chip.component';
+export * from './chip.component';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvY2hpcC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jaGlwLmNvbXBvbmVudCc7XG4iXX0=