@firestitch/filter 13.1.2 → 13.1.3

package/app/services/filter-overlay.service.d.ts

@@ -1,36 +1,36 @@
-import { Injector, OnDestroy } from '@angular/core';
-import { Overlay } from '@angular/cdk/overlay';
-import { Subject } from 'rxjs';
-import { HtmlClassRenderer } from '@firestitch/html';
-import { FilterDrawerComponent } from '../components/filter-drawer/filter-drawer.component';
-import { FsFilterMeta } from '../providers/filter-meta';
-import { FocusControllerService } from './focus-controller.service';
-import * as i0 from "@angular/core";
-export declare class FsFilterOverlayService implements OnDestroy {
-    private _filterMeta;
-    private _injector;
-    private _overlay;
-    private _focusController;
-    private _htmlClassRenderer;
-    detach$: Subject<unknown>;
-    attach$: Subject<unknown>;
-    private _clearFn;
-    private _doneFn;
-    private _destroy$;
-    private _overlayRef;
-    constructor(_filterMeta: FsFilterMeta, _injector: Injector, _overlay: Overlay, _focusController: FocusControllerService, _htmlClassRenderer: HtmlClassRenderer);
-    get isOpened(): boolean;
-    setClearFn(fn: Function): void;
-    setDoneFn(fn: Function): void;
-    close(): void;
-    open(): FilterDrawerComponent;
-    ngOnDestroy(): void;
-    private _createOverlay;
-    private _openPortalPreview;
-    private _createInjector;
-    private _removeFilterClass;
-    private _addFilterClass;
-    private _openWhenChipClicked;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FsFilterOverlayService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<FsFilterOverlayService>;
-}
+import { Injector, OnDestroy } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { Subject } from 'rxjs';
+import { HtmlClassRenderer } from '@firestitch/html';
+import { FilterDrawerComponent } from '../components/filter-drawer/filter-drawer.component';
+import { FsFilterMeta } from '../providers/filter-meta';
+import { FocusControllerService } from './focus-controller.service';
+import * as i0 from "@angular/core";
+export declare class FsFilterOverlayService implements OnDestroy {
+    private _filterMeta;
+    private _injector;
+    private _overlay;
+    private _focusController;
+    private _htmlClassRenderer;
+    detach$: Subject<unknown>;
+    attach$: Subject<unknown>;
+    private _clearFn;
+    private _doneFn;
+    private _destroy$;
+    private _overlayRef;
+    constructor(_filterMeta: FsFilterMeta, _injector: Injector, _overlay: Overlay, _focusController: FocusControllerService, _htmlClassRenderer: HtmlClassRenderer);
+    get isOpened(): boolean;
+    setClearFn(fn: Function): void;
+    setDoneFn(fn: Function): void;
+    close(): void;
+    open(): FilterDrawerComponent;
+    ngOnDestroy(): void;
+    private _createOverlay;
+    private _openPortalPreview;
+    private _createInjector;
+    private _removeFilterClass;
+    private _addFilterClass;
+    private _openWhenChipClicked;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FsFilterOverlayService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FsFilterOverlayService>;
+}

package/app/services/focus-controller.service.d.ts

@@ -1,18 +1,18 @@
-import { BaseItem } from '../models/items/base-item';
-import * as i0 from "@angular/core";
-export declare class FocusControllerService {
-    private _focusOn;
-    constructor();
-    get focusOn$(): import("rxjs").Observable<{
-        item: BaseItem<any>;
-        type: "from" | "to";
-    }>;
-    click(item: BaseItem<any>, type?: 'from' | 'to'): void;
-    listenFocusFor$(targetItem: BaseItem<any>, targetType?: 'from' | 'to'): import("rxjs").Observable<{
-        item: BaseItem<any>;
-        type: "from" | "to";
-    }>;
-    clearFocus(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FocusControllerService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<FocusControllerService>;
-}
+import { BaseItem } from '../models/items/base-item';
+import * as i0 from "@angular/core";
+export declare class FocusControllerService {
+    private _focusOn;
+    constructor();
+    get focusOn$(): import("rxjs").Observable<{
+        item: BaseItem<any>;
+        type: "from" | "to";
+    }>;
+    click(item: BaseItem<any>, type?: 'from' | 'to'): void;
+    listenFocusFor$(targetItem: BaseItem<any>, targetType?: 'from' | 'to'): import("rxjs").Observable<{
+        item: BaseItem<any>;
+        type: "from" | "to";
+    }>;
+    clearFocus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FocusControllerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FocusControllerService>;
+}

package/app/services/items-store.service.d.ts

@@ -1,67 +1,68 @@
-import { OnDestroy } from '@angular/core';
-import { Observable } from 'rxjs';
-import type { FilterComponent } from '../components/filter/filter.component';
-import { FilterSort, IFilterConfigItem } from '../interfaces/config.interface';
-import { IFilterExternalParams } from '../interfaces/external-params.interface';
-import { ISortingChangeEvent } from '../interfaces/filter.interface';
-import { BaseItem } from '../models/items/base-item';
-import { TextItem } from '../models/items/text-item';
-import * as i0 from "@angular/core";
-interface IValueAsQuery {
-    onlyPresented?: boolean;
-    items?: BaseItem<IFilterConfigItem>[];
-    persisted?: boolean;
-}
-export declare class FsFilterItemsStore implements OnDestroy {
-    sortByItem: BaseItem<IFilterConfigItem>;
-    sortDirectionItem: BaseItem<IFilterConfigItem>;
-    keywordItem: TextItem;
-    filter: FilterComponent;
-    private _ready$;
-    private _items;
-    private _visibleItems$;
-    private _itemsByName;
-    private _itemsValuesLoaded;
-    private _hasKeyword;
-    private _config;
-    private _itemsChange$;
-    private _destroy$;
-    constructor();
-    get items(): BaseItem<IFilterConfigItem>[];
-    get visibleItems(): BaseItem<IFilterConfigItem>[];
-    set visibleItems(items: BaseItem<IFilterConfigItem>[]);
-    get visibleItems$(): Observable<BaseItem<IFilterConfigItem>[]>;
-    get hasKeyword(): boolean;
-    get itemsChange$(): Observable<unknown>;
-    get ready$(): Observable<boolean>;
-    ngOnDestroy(): void;
-    setConfig(config: any): void;
-    getItemByName(name: string): BaseItem<IFilterConfigItem>;
-    initItems(items: IFilterConfigItem[]): void;
-    filtersClear(): void;
-    loadAsyncValues(): void;
-    loadAsyncDefaults(): void;
-    getSort(): FilterSort;
-    getSortByValue(): any;
-    getSortDirectionValue(): any;
-    updateSort(sort: ISortingChangeEvent): void;
-    values(onlyPresented?: boolean): Record<string, unknown>;
-    valuesAsQuery({ onlyPresented, items, persisted, }?: IValueAsQuery): Record<string, unknown>;
-    init(p: IFilterExternalParams): void;
-    updateItemsWithValues(values: IFilterExternalParams): void;
-    destroyItems(): void;
-    /**
-     * Some items might need to load async values before they will be shown
-     */
-    prepareItems(): void;
-    updateItemsVisiblity(): void;
-    private _createItems;
-    private _subscribeToItemsChanges;
-    private _lazyInit;
-    private _initSortingItems;
-    private _createSortingItems;
-    private _setKeywordItem;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FsFilterItemsStore, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<FsFilterItemsStore>;
-}
-export {};
+import { OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import type { FilterComponent } from '../components/filter/filter.component';
+import { FilterSort, IFilterConfigItem, SortItem } from '../interfaces/config.interface';
+import { IFilterExternalParams } from '../interfaces/external-params.interface';
+import { ISortingChangeEvent } from '../interfaces/filter.interface';
+import { BaseItem } from '../models/items/base-item';
+import { TextItem } from '../models/items/text-item';
+import * as i0 from "@angular/core";
+interface IValueAsQuery {
+    onlyPresented?: boolean;
+    items?: BaseItem<IFilterConfigItem>[];
+    persisted?: boolean;
+}
+export declare class FsFilterItemsStore implements OnDestroy {
+    sortByItem: BaseItem<IFilterConfigItem>;
+    sortDirectionItem: BaseItem<IFilterConfigItem>;
+    keywordItem: TextItem;
+    filter: FilterComponent;
+    private _ready$;
+    private _items;
+    private _visibleItems$;
+    private _itemsByName;
+    private _itemsValuesLoaded;
+    private _hasKeyword;
+    private _config;
+    private _itemsChange$;
+    private _destroy$;
+    constructor();
+    get items(): BaseItem<IFilterConfigItem>[];
+    get visibleItems(): BaseItem<IFilterConfigItem>[];
+    set visibleItems(items: BaseItem<IFilterConfigItem>[]);
+    get visibleItems$(): Observable<BaseItem<IFilterConfigItem>[]>;
+    get hasKeyword(): boolean;
+    get itemsChange$(): Observable<unknown>;
+    get ready$(): Observable<boolean>;
+    ngOnDestroy(): void;
+    setConfig(config: any): void;
+    getItemByName(name: string): BaseItem<IFilterConfigItem>;
+    initItems(items: IFilterConfigItem[]): void;
+    filtersClear(): void;
+    loadAsyncValues(): void;
+    loadAsyncDefaults(): void;
+    getSort(): FilterSort;
+    getSortByValue(): any;
+    getSortDirectionValue(): any;
+    updateSort(sort: ISortingChangeEvent): void;
+    values(onlyPresented?: boolean): Record<string, unknown>;
+    valuesAsQuery({ onlyPresented, items, persisted, }?: IValueAsQuery): Record<string, unknown>;
+    init(p: IFilterExternalParams): void;
+    updateItemsWithValues(values: IFilterExternalParams): void;
+    updateSortingItemsValues(items: SortItem[]): void;
+    destroyItems(): void;
+    /**
+     * Some items might need to load async values before they will be shown
+     */
+    prepareItems(): void;
+    updateItemsVisiblity(): void;
+    private _createItems;
+    private _subscribeToItemsChanges;
+    private _lazyInit;
+    private _initSortingItems;
+    private _createSortingItems;
+    private _setKeywordItem;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FsFilterItemsStore, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FsFilterItemsStore>;
+}
+export {};

package/esm2020/app/classes/actions-controller.mjs

@@ -1,127 +1,127 @@
-import { BreakpointObserver } from '@angular/cdk/layout';
-import { Injectable } from '@angular/core';
-import { BehaviorSubject, Subject } from 'rxjs';
-import { skip, takeUntil } from 'rxjs/operators';
-import { Action } from '../models/action.model';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/layout";
-export class ActionsController {
-    constructor(_breakpointObserver) {
-        this._breakpointObserver = _breakpointObserver;
-        this._visible$ = new BehaviorSubject(false);
-        this._actions$ = new BehaviorSubject([]);
-        this._menuActions$ = new BehaviorSubject([]);
-        this._destroy$ = new Subject();
-        this._mobileMedia = '(max-width: 799px)';
-        this._allActions = [];
-        this._listenMobileMedia();
-    }
-    get menuActions() {
-        return this._menuActions$.value;
-    }
-    get actions() {
-        return this._actions$.value;
-    }
-    get actions$() {
-        return this._actions$.asObservable();
-    }
-    get menuActions$() {
-        return this._menuActions$.asObservable();
-    }
-    get visible$() {
-        return this._visible$.asObservable();
-    }
-    get mobileMode() {
-        return this._breakpointObserver.isMatched(this._mobileMedia);
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    setConfig(config) {
-        this._config = config;
-        this.initActions(config.actions);
-    }
-    initActions(rawActions) {
-        if (!rawActions || !Array.isArray(rawActions)) {
-            return;
-        }
-        this.show();
-        this._allActions = rawActions
-            .map((action) => new Action(this._config, action));
-        if (this._reorderAction) {
-            this._allActions.unshift(this._reorderAction);
-        }
-        this._classifyActions();
-    }
-    show() {
-        this._visible$.next(true);
-    }
-    hide() {
-        this._visible$.next(false);
-    }
-    addReorderAction(action) {
-        this._allActions.unshift(action);
-        action.isReorderAction = true;
-        this._classifyAction(action);
-        this._reorderAction = action;
-    }
-    clearActions() {
-        this._allActions = [];
-        this._setActions([]);
-        this._setKebabActions([]);
-    }
-    updateActionsVisibility() {
-        this._allActions.forEach((action) => action.updateVisibility());
-        this._classifyActions();
-    }
-    updateDisabledState() {
-        this.actions.forEach((action) => action.updateDisabledState());
-    }
-    _setKebabActions(actions) {
-        this._menuActions$.next(actions);
-    }
-    _setActions(actions) {
-        this._actions$.next(actions);
-    }
-    _classifyActions() {
-        const kebabActions = [];
-        const actions = [];
-        const mobileMode = this.mobileMode;
-        this._allActions
-            .filter((action) => {
-            return action.visible;
-        })
-            .forEach((action) => {
-            if (action.menu !== false && (action.menu || mobileMode)) {
-                kebabActions.push(action);
-            }
-            else {
-                actions.push(action);
-            }
-        });
-        this._setKebabActions(kebabActions);
-        this._setActions(actions);
-    }
-    _classifyAction(action) {
-        if (action.menu) {
-            this._setKebabActions([...this.menuActions, action]);
-        }
-        else {
-            this._setActions([...this.actions, action]);
-        }
-    }
-    _listenMobileMedia() {
-        this._breakpointObserver.observe(this._mobileMedia)
-            .pipe(skip(1), takeUntil(this._destroy$))
-            .subscribe(() => {
-            this._classifyActions();
-        });
-    }
-}
-ActionsController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ActionsController, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
-ActionsController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ActionsController });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ActionsController, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; } });
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { Injectable } from '@angular/core';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { skip, takeUntil } from 'rxjs/operators';
+import { Action } from '../models/action.model';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/layout";
+export class ActionsController {
+    constructor(_breakpointObserver) {
+        this._breakpointObserver = _breakpointObserver;
+        this._visible$ = new BehaviorSubject(false);
+        this._actions$ = new BehaviorSubject([]);
+        this._menuActions$ = new BehaviorSubject([]);
+        this._destroy$ = new Subject();
+        this._mobileMedia = '(max-width: 799px)';
+        this._allActions = [];
+        this._listenMobileMedia();
+    }
+    get menuActions() {
+        return this._menuActions$.value;
+    }
+    get actions() {
+        return this._actions$.value;
+    }
+    get actions$() {
+        return this._actions$.asObservable();
+    }
+    get menuActions$() {
+        return this._menuActions$.asObservable();
+    }
+    get visible$() {
+        return this._visible$.asObservable();
+    }
+    get mobileMode() {
+        return this._breakpointObserver.isMatched(this._mobileMedia);
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    setConfig(config) {
+        this._config = config;
+        this.initActions(config.actions);
+    }
+    initActions(rawActions) {
+        if (!rawActions || !Array.isArray(rawActions)) {
+            return;
+        }
+        this.show();
+        this._allActions = rawActions
+            .map((action) => new Action(this._config, action));
+        if (this._reorderAction) {
+            this._allActions.unshift(this._reorderAction);
+        }
+        this._classifyActions();
+    }
+    show() {
+        this._visible$.next(true);
+    }
+    hide() {
+        this._visible$.next(false);
+    }
+    addReorderAction(action) {
+        this._allActions.unshift(action);
+        action.isReorderAction = true;
+        this._classifyAction(action);
+        this._reorderAction = action;
+    }
+    clearActions() {
+        this._allActions = [];
+        this._setActions([]);
+        this._setKebabActions([]);
+    }
+    updateActionsVisibility() {
+        this._allActions.forEach((action) => action.updateVisibility());
+        this._classifyActions();
+    }
+    updateDisabledState() {
+        this.actions.forEach((action) => action.updateDisabledState());
+    }
+    _setKebabActions(actions) {
+        this._menuActions$.next(actions);
+    }
+    _setActions(actions) {
+        this._actions$.next(actions);
+    }
+    _classifyActions() {
+        const kebabActions = [];
+        const actions = [];
+        const mobileMode = this.mobileMode;
+        this._allActions
+            .filter((action) => {
+            return action.visible;
+        })
+            .forEach((action) => {
+            if (action.menu !== false && (action.menu || mobileMode)) {
+                kebabActions.push(action);
+            }
+            else {
+                actions.push(action);
+            }
+        });
+        this._setKebabActions(kebabActions);
+        this._setActions(actions);
+    }
+    _classifyAction(action) {
+        if (action.menu) {
+            this._setKebabActions([...this.menuActions, action]);
+        }
+        else {
+            this._setActions([...this.actions, action]);
+        }
+    }
+    _listenMobileMedia() {
+        this._breakpointObserver.observe(this._mobileMedia)
+            .pipe(skip(1), takeUntil(this._destroy$))
+            .subscribe(() => {
+            this._classifyActions();
+        });
+    }
+}
+ActionsController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ActionsController, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
+ActionsController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ActionsController });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ActionsController, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy1jb250cm9sbGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2FwcC9jbGFzc2VzL2FjdGlvbnMtY29udHJvbGxlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBRXRELE9BQU8sRUFBRSxlQUFlLEVBQWMsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVELE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHakQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFLaEQsTUFBTSxPQUFPLGlCQUFpQjtJQVk1QixZQUNVLG1CQUF1QztRQUF2Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQW9CO1FBWHpDLGNBQVMsR0FBRyxJQUFJLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QyxjQUFTLEdBQUcsSUFBSSxlQUFlLENBQVcsRUFBRSxDQUFDLENBQUM7UUFDOUMsa0JBQWEsR0FBRyxJQUFJLGVBQWUsQ0FBVyxFQUFFLENBQUMsQ0FBQztRQUNsRCxjQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUd2QixpQkFBWSxHQUFHLG9CQUFvQixDQUFDO1FBQzdDLGdCQUFXLEdBQWEsRUFBRSxDQUFDO1FBTWpDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQztJQUNsQyxDQUFDO0lBRUQsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQVcsUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxT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QVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQzFCO2FBQ0EsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFBO0lBQ04sQ0FBQzs7OEdBbkpVLGlCQUFpQjtrSEFBakIsaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBRDdCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIgfSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcbmltcG9ydCB7IEluamVjdGFibGUsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHNraXAsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgRnNGaWx0ZXJBY3Rpb24gfSBmcm9tICcuLi9pbnRlcmZhY2VzL2FjdGlvbi5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnLi4vbW9kZWxzL2FjdGlvbi5tb2RlbCc7XG5pbXBvcnQgeyBGc0ZpbHRlckNvbmZpZyB9IGZyb20gJy4uL21vZGVscy9maWx0ZXItY29uZmlnJztcblxuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgQWN0aW9uc0NvbnRyb2xsZXIgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gIHByaXZhdGUgX3Zpc2libGUkID0gbmV3IEJlaGF2aW9yU3ViamVjdChmYWxzZSk7XG4gIHByaXZhdGUgX2FjdGlvbnMkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxBY3Rpb25bXT4oW10pO1xuICBwcml2YXRlIF9tZW51QWN0aW9ucyQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PEFjdGlvbltdPihbXSk7XG4gIHByaXZhdGUgX2Rlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgcHJpdmF0ZSBfY29uZmlnOiBGc0ZpbHRlckNvbmZpZztcblxuICBwcml2YXRlIHJlYWRvbmx5IF9tb2JpbGVNZWRpYSA9ICcobWF4LXdpZHRoOiA3OTlweCknO1xuICBwcml2YXRlIF9hbGxBY3Rpb25zOiBBY3Rpb25bXSA9IFtdO1xuICBwcml2YXRlIF9yZW9yZGVyQWN0aW9uOiBBY3Rpb247XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfYnJlYWtwb2ludE9ic2VydmVyOiBCcmVha3BvaW50T2JzZXJ2ZXIsXG4gICkge1xuICAgIHRoaXMuX2xpc3Rlbk1vYmlsZU1lZGlhKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IG1lbnVBY3Rpb25zKCk6IEFjdGlvbltdIHtcbiAgICByZXR1cm4gdGhpcy5fbWVudUFjdGlvbnMkLnZhbHVlO1xuICB9XG5cbiAgcHVibGljIGdldCBhY3Rpb25zKCk6IEFjdGlvbltdIHtcbiAgICByZXR1cm4gdGhpcy5fYWN0aW9ucyQudmFsdWU7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGFjdGlvbnMkKCk6IE9ic2VydmFibGU8QWN0aW9uW10+IHtcbiAgICByZXR1cm4gdGhpcy5fYWN0aW9ucyQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IG1lbnVBY3Rpb25zJCgpOiBPYnNlcnZhYmxlPEFjdGlvbltdPiB7XG4gICAgcmV0dXJuIHRoaXMuX21lbnVBY3Rpb25zJC5hc09ic2VydmFibGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgdmlzaWJsZSQoKTogT2JzZXJ2YWJsZTxib29sZWFuPiB7XG4gICAgcmV0dXJuIHRoaXMuX3Zpc2libGUkLmFzT2JzZXJ2YWJsZSgpO1xuICB9XG5cbiAgcHVibGljIGdldCBtb2JpbGVNb2RlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9icmVha3BvaW50T2JzZXJ2ZXIuaXNNYXRjaGVkKHRoaXMuX21vYmlsZU1lZGlhKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9kZXN0cm95JC5uZXh0KCk7XG4gICAgdGhpcy5fZGVzdHJveSQuY29tcGxldGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBzZXRDb25maWcoY29uZmlnOiBGc0ZpbHRlckNvbmZpZykge1xuICAgIHRoaXMuX2NvbmZpZyA9IGNvbmZpZztcbiAgICB0aGlzLmluaXRBY3Rpb25zKGNvbmZpZy5hY3Rpb25zKTtcbiAgfVxuXG4gIHB1YmxpYyBpbml0QWN0aW9ucyhyYXdBY3Rpb25zOiBGc0ZpbHRlckFjdGlvbltdKSB7XG4gICAgaWYgKCFyYXdBY3Rpb25zIHx8ICFBcnJheS5pc0FycmF5KHJhd0FjdGlvbnMpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5zaG93KCk7XG5cbiAgICB0aGlzLl9hbGxBY3Rpb25zID0gcmF3QWN0aW9uc1xuICAgICAgLm1hcCgoYWN0aW9uKSA9PiBuZXcgQWN0aW9uKHRoaXMuX2NvbmZpZywgYWN0aW9uKSk7XG5cbiAgICBpZiAodGhpcy5fcmVvcmRlckFjdGlvbikge1xuICAgICAgdGhpcy5fYWxsQWN0aW9ucy51bnNoaWZ0KHRoaXMuX3Jlb3JkZXJBY3Rpb24pO1xuICAgIH1cblxuICAgIHRoaXMuX2NsYXNzaWZ5QWN0aW9ucygpO1xuICB9XG5cbiAgcHVibGljIHNob3coKSB7XG4gICAgdGhpcy5fdmlzaWJsZSQubmV4dCh0cnVlKTtcbiAgfVxuXG4gIHB1YmxpYyBoaWRlKCkge1xuICAgIHRoaXMuX3Zpc2libGUkLm5leHQoZmFsc2UpO1xuICB9XG5cbiAgcHVibGljIGFkZFJlb3JkZXJBY3Rpb24oYWN0aW9uOiBBY3Rpb24pIHtcbiAgICB0aGlzLl9hbGxBY3Rpb25zLnVuc2hpZnQoYWN0aW9uKTtcblxuICAgIGFjdGlvbi5pc1Jlb3JkZXJBY3Rpb24gPSB0cnVlO1xuXG4gICAgdGhpcy5fY2xhc3NpZnlBY3Rpb24oYWN0aW9uKTtcbiAgICB0aGlzLl9yZW9yZGVyQWN0aW9uID0gYWN0aW9uO1xuICB9XG5cbiAgcHVibGljIGNsZWFyQWN0aW9ucygpIHtcbiAgICB0aGlzLl9hbGxBY3Rpb25zID0gW107XG4gICAgdGhpcy5fc2V0QWN0aW9ucyhbXSk7XG4gICAgdGhpcy5fc2V0S2ViYWJBY3Rpb25zKFtdKTtcbiAgfVxuXG4gIHB1YmxpYyB1cGRhdGVBY3Rpb25zVmlzaWJpbGl0eSgpIHtcbiAgICB0aGlzLl9hbGxBY3Rpb25zLmZvckVhY2goKGFjdGlvbikgPT4gYWN0aW9uLnVwZGF0ZVZpc2liaWxpdHkoKSk7XG4gICAgdGhpcy5fY2xhc3NpZnlBY3Rpb25zKCk7XG4gIH1cblxuICBwdWJsaWMgdXBkYXRlRGlzYWJsZWRTdGF0ZSgpIHtcbiAgICB0aGlzLmFjdGlvbnMuZm9yRWFjaCgoYWN0aW9uKSA9PiBhY3Rpb24udXBkYXRlRGlzYWJsZWRTdGF0ZSgpKVxuICB9XG5cbiAgcHJpdmF0ZSBfc2V0S2ViYWJBY3Rpb25zKGFjdGlvbnM6IEFjdGlvbltdKSB7XG4gICAgdGhpcy5fbWVudUFjdGlvbnMkLm5leHQoYWN0aW9ucyk7XG4gIH1cblxuICBwcml2YXRlIF9zZXRBY3Rpb25zKGFjdGlvbnM6IEFjdGlvbltdKSB7XG4gICAgdGhpcy5fYWN0aW9ucyQubmV4dChhY3Rpb25zKTtcbiAgfVxuXG4gIHByaXZhdGUgX2NsYXNzaWZ5QWN0aW9ucygpIHtcbiAgICBjb25zdCBrZWJhYkFjdGlvbnMgPSBbXTtcbiAgICBjb25zdCBhY3Rpb25zID0gW107XG4gICAgY29uc3QgbW9iaWxlTW9kZSA9IHRoaXMubW9iaWxlTW9kZTtcblxuICAgIHRoaXMuX2FsbEFjdGlvbnNcbiAgICAgIC5maWx0ZXIoKGFjdGlvbikgPT4ge1xuICAgICAgICByZXR1cm4gYWN0aW9uLnZpc2libGU7XG4gICAgICB9KVxuICAgICAgLmZvckVhY2goKGFjdGlvbikgPT4ge1xuICAgICAgICBpZiAoYWN0aW9uLm1lbnUgIT09IGZhbHNlICYmIChhY3Rpb24ubWVudSB8fCBtb2JpbGVNb2RlKSkge1xuICAgICAgICAgIGtlYmFiQWN0aW9ucy5wdXNoKGFjdGlvbik7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgYWN0aW9ucy5wdXNoKGFjdGlvbik7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuXG4gICAgdGhpcy5fc2V0S2ViYWJBY3Rpb25zKGtlYmFiQWN0aW9ucyk7XG4gICAgdGhpcy5fc2V0QWN0aW9ucyhhY3Rpb25zKTtcbiAgfVxuXG4gIHByaXZhdGUgX2NsYXNzaWZ5QWN0aW9uKGFjdGlvbjogQWN0aW9uKSB7XG4gICAgaWYgKGFjdGlvbi5tZW51KSB7XG4gICAgICB0aGlzLl9zZXRLZWJhYkFjdGlvbnMoWy4uLnRoaXMubWVudUFjdGlvbnMsIGFjdGlvbl0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl9zZXRBY3Rpb25zKFsuLi50aGlzLmFjdGlvbnMsIGFjdGlvbl0pO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2xpc3Rlbk1vYmlsZU1lZGlhKCkge1xuICAgIHRoaXMuX2JyZWFrcG9pbnRPYnNlcnZlci5vYnNlcnZlKHRoaXMuX21vYmlsZU1lZGlhKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHNraXAoMSksXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLl9kZXN0cm95JCksXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5fY2xhc3NpZnlBY3Rpb25zKCk7XG4gICAgICB9KVxuICB9XG59XG4iXX0=

package/esm2020/app/components/action-button/action-button.component.mjs

@@ -1,24 +1,24 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { ActionType } from '../../enums/action-type.enum';
-import { Action } from '../../models/action.model';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/button";
-import * as i2 from "@angular/material/icon";
-import * as i3 from "@angular/common";
-import * as i4 from "@firestitch/form";
-export class FsFilterActionButtonComponent {
-    constructor() {
-        this.ActionType = ActionType;
-    }
-}
-FsFilterActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsFilterActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FsFilterActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FsFilterActionButtonComponent, selector: "fs-filter-action-button", inputs: { action: "action" }, host: { classAttribute: "action-button" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"action.type\">\n  <button\n      type=\"button\"\n      *ngSwitchCase=\"ActionType.Icon\"\n      mat-icon-button\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [ngClass]=\"action.classArray\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <!-- Fab button -->\n  <button \n      type=\"button\"\n      *ngSwitchCase=\"ActionType.Fab\"\n      mat-fab\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [ngClass]=\"action.classArray\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <!-- Mini Fab button -->\n  <button \n      type=\"button\"\n      *ngSwitchCase=\"ActionType.MiniFab\"\n      mat-mini-fab\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [ngClass]=\"action.classArray\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <button \n      type=\"button\"\n      *ngSwitchDefault\n      mat-button\n      [ngClass]=\"{        \n        'mat-raised-button': action.type === 'raised',\n        'mat-flat-button': action.type === 'flat',\n        'mat-stroked-button': action.type === 'stroked',\n        'mat-button': action.type === 'basic',\n        'mat-icon-button': action.type === 'icon'\n      }\"\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [class]=\"action.classArray.join(' ')\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <ng-template #buttonContent>\n    <ng-container *ngIf=\"!action.icon else withIcon\">\n      {{action.label}}\n    </ng-container>\n\n    <ng-template #withIcon>\n      <mat-icon *ngIf=\"!action.iconPlacement || action.iconPlacement === 'left'\">{{action.icon}}</mat-icon>\n      {{action.label}}\n      <mat-icon *ngIf=\"action.iconPlacement === 'right'\">{{action.icon}}</mat-icon>\n    </ng-template>\n  </ng-template>\n</ng-container>\n", components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i4.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit", "form"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsFilterActionButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'fs-filter-action-button', host: {
-                        class: 'action-button',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"action.type\">\n  <button\n      type=\"button\"\n      *ngSwitchCase=\"ActionType.Icon\"\n      mat-icon-button\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [ngClass]=\"action.classArray\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <!-- Fab button -->\n  <button \n      type=\"button\"\n      *ngSwitchCase=\"ActionType.Fab\"\n      mat-fab\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [ngClass]=\"action.classArray\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <!-- Mini Fab button -->\n  <button \n      type=\"button\"\n      *ngSwitchCase=\"ActionType.MiniFab\"\n      mat-mini-fab\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [ngClass]=\"action.classArray\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <button \n      type=\"button\"\n      *ngSwitchDefault\n      mat-button\n      [ngClass]=\"{        \n        'mat-raised-button': action.type === 'raised',\n        'mat-flat-button': action.type === 'flat',\n        'mat-stroked-button': action.type === 'stroked',\n        'mat-button': action.type === 'basic',\n        'mat-icon-button': action.type === 'icon'\n      }\"\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [class]=\"action.classArray.join(' ')\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <ng-template #buttonContent>\n    <ng-container *ngIf=\"!action.icon else withIcon\">\n      {{action.label}}\n    </ng-container>\n\n    <ng-template #withIcon>\n      <mat-icon *ngIf=\"!action.iconPlacement || action.iconPlacement === 'left'\">{{action.icon}}</mat-icon>\n      {{action.label}}\n      <mat-icon *ngIf=\"action.iconPlacement === 'right'\">{{action.icon}}</mat-icon>\n    </ng-template>\n  </ng-template>\n</ng-container>\n" }]
-        }], propDecorators: { action: [{
-                type: Input
-            }] } });
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ActionType } from '../../enums/action-type.enum';
+import { Action } from '../../models/action.model';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/button";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/common";
+import * as i4 from "@firestitch/form";
+export class FsFilterActionButtonComponent {
+    constructor() {
+        this.ActionType = ActionType;
+    }
+}
+FsFilterActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsFilterActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FsFilterActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FsFilterActionButtonComponent, selector: "fs-filter-action-button", inputs: { action: "action" }, host: { classAttribute: "action-button" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"action.type\">\n  <button\n      type=\"button\"\n      *ngSwitchCase=\"ActionType.Icon\"\n      mat-icon-button\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [ngClass]=\"action.classArray\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <!-- Fab button -->\n  <button \n      type=\"button\"\n      *ngSwitchCase=\"ActionType.Fab\"\n      mat-fab\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [ngClass]=\"action.classArray\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <!-- Mini Fab button -->\n  <button \n      type=\"button\"\n      *ngSwitchCase=\"ActionType.MiniFab\"\n      mat-mini-fab\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [ngClass]=\"action.classArray\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <button \n      type=\"button\"\n      *ngSwitchDefault\n      mat-button\n      [ngClass]=\"{        \n        'mat-raised-button': action.type === 'raised',\n        'mat-flat-button': action.type === 'flat',\n        'mat-stroked-button': action.type === 'stroked',\n        'mat-button': action.type === 'basic',\n        'mat-icon-button': action.type === 'icon'\n      }\"\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [class]=\"action.classArray.join(' ')\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <ng-template #buttonContent>\n    <ng-container *ngIf=\"!action.icon else withIcon\">\n      {{action.label}}\n    </ng-container>\n\n    <ng-template #withIcon>\n      <mat-icon *ngIf=\"!action.iconPlacement || action.iconPlacement === 'left'\">{{action.icon}}</mat-icon>\n      {{action.label}}\n      <mat-icon *ngIf=\"action.iconPlacement === 'right'\">{{action.icon}}</mat-icon>\n    </ng-template>\n  </ng-template>\n</ng-container>\n", components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i4.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit", "form"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsFilterActionButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fs-filter-action-button', host: {
+                        class: 'action-button',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"action.type\">\n  <button\n      type=\"button\"\n      *ngSwitchCase=\"ActionType.Icon\"\n      mat-icon-button\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [ngClass]=\"action.classArray\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <!-- Fab button -->\n  <button \n      type=\"button\"\n      *ngSwitchCase=\"ActionType.Fab\"\n      mat-fab\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [ngClass]=\"action.classArray\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <!-- Mini Fab button -->\n  <button \n      type=\"button\"\n      *ngSwitchCase=\"ActionType.MiniFab\"\n      mat-mini-fab\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [ngClass]=\"action.classArray\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <button \n      type=\"button\"\n      *ngSwitchDefault\n      mat-button\n      [ngClass]=\"{        \n        'mat-raised-button': action.type === 'raised',\n        'mat-flat-button': action.type === 'flat',\n        'mat-stroked-button': action.type === 'stroked',\n        'mat-button': action.type === 'basic',\n        'mat-icon-button': action.type === 'icon'\n      }\"\n      (click)=\"action.click && action.click($event)\"\n      [color]=\"action.color\"\n      [class]=\"action.classArray.join(' ')\"\n      [disabled]=\"action.disabled$ | async\"\n      [tabIndex]=\"action.tabIndex\">\n    <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n  </button>\n\n  <ng-template #buttonContent>\n    <ng-container *ngIf=\"!action.icon else withIcon\">\n      {{action.label}}\n    </ng-container>\n\n    <ng-template #withIcon>\n      <mat-icon *ngIf=\"!action.iconPlacement || action.iconPlacement === 'left'\">{{action.icon}}</mat-icon>\n      {{action.label}}\n      <mat-icon *ngIf=\"action.iconPlacement === 'right'\">{{action.icon}}</mat-icon>\n    </ng-template>\n  </ng-template>\n</ng-container>\n" }]
+        }], propDecorators: { action: [{
+                type: Input
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7O0FBV25ELE1BQU0sT0FBTyw2QkFBNkI7SUFSMUM7UUFVUyxlQUFVLEdBQUcsVUFBVSxDQUFDO0tBS2hDOzswSEFQWSw2QkFBNkI7OEdBQTdCLDZCQUE2Qix3SUNiMUMsdTJFQXNFQTsyRkR6RGEsNkJBQTZCO2tCQVJ6QyxTQUFTOytCQUNFLHlCQUF5QixRQUU3Qjt3QkFDSixLQUFLLEVBQUUsZUFBZTtxQkFDdkIsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU07OEJBT3hDLE1BQU07c0JBRFosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb25UeXBlIH0gZnJvbSAnLi4vLi4vZW51bXMvYWN0aW9uLXR5cGUuZW51bSc7XG5pbXBvcnQgeyBBY3Rpb24gfSBmcm9tICcuLi8uLi9tb2RlbHMvYWN0aW9uLm1vZGVsJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcy1maWx0ZXItYWN0aW9uLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnYWN0aW9uLWJ1dHRvbicsXG4gIH0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGc0ZpbHRlckFjdGlvbkJ1dHRvbkNvbXBvbmVudCB7XG5cbiAgcHVibGljIEFjdGlvblR5cGUgPSBBY3Rpb25UeXBlO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhY3Rpb246IEFjdGlvbjtcblxufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiYWN0aW9uLnR5cGVcIj5cbiAgPGJ1dHRvblxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAqbmdTd2l0Y2hDYXNlPVwiQWN0aW9uVHlwZS5JY29uXCJcbiAgICAgIG1hdC1pY29uLWJ1dHRvblxuICAgICAgKGNsaWNrKT1cImFjdGlvbi5jbGljayAmJiBhY3Rpb24uY2xpY2soJGV2ZW50KVwiXG4gICAgICBbY29sb3JdPVwiYWN0aW9uLmNvbG9yXCJcbiAgICAgIFtuZ0NsYXNzXT1cImFjdGlvbi5jbGFzc0FycmF5XCJcbiAgICAgIFtkaXNhYmxlZF09XCJhY3Rpb24uZGlzYWJsZWQkIHwgYXN5bmNcIlxuICAgICAgW3RhYkluZGV4XT1cImFjdGlvbi50YWJJbmRleFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJidXR0b25Db250ZW50XCI+PC9uZy10ZW1wbGF0ZT5cbiAgPC9idXR0b24+XG5cbiAgPCEtLSBGYWIgYnV0dG9uIC0tPlxuICA8YnV0dG9uIFxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAqbmdTd2l0Y2hDYXNlPVwiQWN0aW9uVHlwZS5GYWJcIlxuICAgICAgbWF0LWZhYlxuICAgICAgKGNsaWNrKT1cImFjdGlvbi5jbGljayAmJiBhY3Rpb24uY2xpY2soJGV2ZW50KVwiXG4gICAgICBbY29sb3JdPVwiYWN0aW9uLmNvbG9yXCJcbiAgICAgIFtuZ0NsYXNzXT1cImFjdGlvbi5jbGFzc0FycmF5XCJcbiAgICAgIFtkaXNhYmxlZF09XCJhY3Rpb24uZGlzYWJsZWQkIHwgYXN5bmNcIlxuICAgICAgW3RhYkluZGV4XT1cImFjdGlvbi50YWJJbmRleFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJidXR0b25Db250ZW50XCI+PC9uZy10ZW1wbGF0ZT5cbiAgPC9idXR0b24+XG5cbiAgPCEtLSBNaW5pIEZhYiBidXR0b24gLS0+XG4gIDxidXR0b24gXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICpuZ1N3aXRjaENhc2U9XCJBY3Rpb25UeXBlLk1pbmlGYWJcIlxuICAgICAgbWF0LW1pbmktZmFiXG4gICAgICAoY2xpY2spPVwiYWN0aW9uLmNsaWNrICYmIGFjdGlvbi5jbGljaygkZXZlbnQpXCJcbiAgICAgIFtjb2xvcl09XCJhY3Rpb24uY29sb3JcIlxuICAgICAgW25nQ2xhc3NdPVwiYWN0aW9uLmNsYXNzQXJyYXlcIlxuICAgICAgW2Rpc2FibGVkXT1cImFjdGlvbi5kaXNhYmxlZCQgfCBhc3luY1wiXG4gICAgICBbdGFiSW5kZXhdPVwiYWN0aW9uLnRhYkluZGV4XCI+XG4gICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImJ1dHRvbkNvbnRlbnRcIj48L25nLXRlbXBsYXRlPlxuICA8L2J1dHRvbj5cblxuICA8YnV0dG9uIFxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICBtYXQtYnV0dG9uXG4gICAgICBbbmdDbGFzc109XCJ7ICAgICAgICBcbiAgICAgICAgJ21hdC1yYWlzZWQtYnV0dG9uJzogYWN0aW9uLnR5cGUgPT09ICdyYWlzZWQnLFxuICAgICAgICAnbWF0LWZsYXQtYnV0dG9uJzogYWN0aW9uLnR5cGUgPT09ICdmbGF0JyxcbiAgICAgICAgJ21hdC1zdHJva2VkLWJ1dHRvbic6IGFjdGlvbi50eXBlID09PSAnc3Ryb2tlZCcsXG4gICAgICAgICdtYXQtYnV0dG9uJzogYWN0aW9uLnR5cGUgPT09ICdiYXNpYycsXG4gICAgICAgICdtYXQtaWNvbi1idXR0b24nOiBhY3Rpb24udHlwZSA9PT0gJ2ljb24nXG4gICAgICB9XCJcbiAgICAgIChjbGljayk9XCJhY3Rpb24uY2xpY2sgJiYgYWN0aW9uLmNsaWNrKCRldmVudClcIlxuICAgICAgW2NvbG9yXT1cImFjdGlvbi5jb2xvclwiXG4gICAgICBbY2xhc3NdPVwiYWN0aW9uLmNsYXNzQXJyYXkuam9pbignICcpXCJcbiAgICAgIFtkaXNhYmxlZF09XCJhY3Rpb24uZGlzYWJsZWQkIHwgYXN5bmNcIlxuICAgICAgW3RhYkluZGV4XT1cImFjdGlvbi50YWJJbmRleFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJidXR0b25Db250ZW50XCI+PC9uZy10ZW1wbGF0ZT5cbiAgPC9idXR0b24+XG5cbiAgPG5nLXRlbXBsYXRlICNidXR0b25Db250ZW50PlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhYWN0aW9uLmljb24gZWxzZSB3aXRoSWNvblwiPlxuICAgICAge3thY3Rpb24ubGFiZWx9fVxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLXRlbXBsYXRlICN3aXRoSWNvbj5cbiAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiFhY3Rpb24uaWNvblBsYWNlbWVudCB8fCBhY3Rpb24uaWNvblBsYWNlbWVudCA9PT0gJ2xlZnQnXCI+e3thY3Rpb24uaWNvbn19PC9tYXQtaWNvbj5cbiAgICAgIHt7YWN0aW9uLmxhYmVsfX1cbiAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImFjdGlvbi5pY29uUGxhY2VtZW50ID09PSAncmlnaHQnXCI+e3thY3Rpb24uaWNvbn19PC9tYXQtaWNvbj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L25nLXRlbXBsYXRlPlxuPC9uZy1jb250YWluZXI+XG4iXX0=