@firestitch/filter 16.0.0 → 16.0.1

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,69 +1,69 @@
-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 itemNames(): string[];
-    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 {};
+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 itemNames(): string[];
+    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/esm2022/app/classes/actions-controller.mjs

@@ -1,130 +1,130 @@
-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 {
-    _breakpointObserver;
-    _visible$ = new BehaviorSubject(false);
-    _actions$ = new BehaviorSubject([]);
-    _menuActions$ = new BehaviorSubject([]);
-    _destroy$ = new Subject();
-    _config;
-    _mobileMedia = '(max-width: 799px)';
-    _allActions = [];
-    _reorderAction;
-    constructor(_breakpointObserver) {
-        this._breakpointObserver = _breakpointObserver;
-        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();
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsController, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsController });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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 {
+    _breakpointObserver;
+    _visible$ = new BehaviorSubject(false);
+    _actions$ = new BehaviorSubject([]);
+    _menuActions$ = new BehaviorSubject([]);
+    _destroy$ = new Subject();
+    _config;
+    _mobileMedia = '(max-width: 799px)';
+    _allActions = [];
+    _reorderAction;
+    constructor(_breakpointObserver) {
+        this._breakpointObserver = _breakpointObserver;
+        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();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsController, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsController });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsController, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy1jb250cm9sbGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2FwcC9jbGFzc2VzL2FjdGlvbnMtY29udHJvbGxlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBRXRELE9BQU8sRUFBRSxlQUFlLEVBQWMsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVELE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHakQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFLaEQsTUFBTSxPQUFPLGlCQUFpQjtJQWFsQjtJQVhGLFNBQVMsR0FBRyxJQUFJLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxTQUFTLEdBQUcsSUFBSSxlQUFlLENBQVcsRUFBRSxDQUFDLENBQUM7SUFDOUMsYUFBYSxHQUFHLElBQUksZUFBZSxDQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQ2xELFNBQVMsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO0lBQ2hDLE9BQU8sQ0FBaUI7SUFFZixZQUFZLEdBQUcsb0JBQW9CLENBQUM7SUFDN0MsV0FBVyxHQUFhLEVBQUUsQ0FBQztJQUMzQixjQUFjLENBQVM7SUFFL0IsWUFDVSxtQkFBdUM7UUFBdkMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFvQjtRQUUvQyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQVcsT0FBTztRQUNoQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFRCxJQUFXLFFBQVE7UUFDakIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxJQUFXLFlBQVk7UUFDckIsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzNDLENBQUM7SUFFRCxJQUFXLFFBQVE7UUFDakIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxJQUFXLFVBQVU7UUFDbkIsT0FBTyxJQUFJLENBQUMsbUJBQW1CLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUMvRCxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVNLFNBQVMsQ0FBQyxNQUFzQjtRQUNyQyxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztRQUN0QixJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRU0sV0FBVyxDQUFDLFVBQTRCO1FBQzdDLElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxFQUFFO1lBQzdDLE9BQU87U0FDUjtRQUVELElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUVaLElBQUksQ0FBQyxXQUFXLEdBQUcsVUFBVTthQUMxQixHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQztRQUVyRCxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDdkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1NBQy9DO1FBRUQsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVNLElBQUk7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRU0sSUFBSTtRQUNULElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxNQUFjO1FBQ3BDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBRWpDLE1BQU0sQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO1FBRTlCLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUM7SUFDL0IsQ0FBQztJQUVNLFlBQVk7UUFDakIsSUFBSSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVNLHVCQUF1QjtRQUM1QixJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLGdCQUFnQixFQUFFLENBQUMsQ0FBQztRQUNoRSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRU0sbUJBQW1CO1FBQ3hCLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsbUJBQW1CLEVBQUUsQ0FBQyxDQUFBO0lBQ2hFLENBQUM7SUFFTyxnQkFBZ0IsQ0FBQyxPQUFpQjtRQUN4QyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRU8sV0FBVyxDQUFDLE9BQWlCO1FBQ25DLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFTyxnQkFBZ0I7UUFDdEIsTUFBTSxZQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ3hCLE1BQU0sT0FBTyxHQUFHLEVBQUUsQ0FBQztRQUNuQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBRW5DLElBQUksQ0FBQyxXQUFXO2FBQ2IsTUFBTSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDakIsT0FBTyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBQ3hCLENBQUMsQ0FBQzthQUNELE9BQU8sQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQ2xCLElBQUksTUFBTSxDQUFDLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxJQUFJLFVBQVUsQ0FBQyxFQUFFO2dCQUN4RCxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO2FBQzNCO2lCQUFNO2dCQUNMLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7YUFDdEI7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUVMLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNwQyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFTyxlQUFlLENBQUMsTUFBYztRQUNwQyxJQUFJLE1BQU0sQ0FBQyxJQUFJLEVBQUU7WUFDZixJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQztTQUN0RDthQUFNO1lBQ0wsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDO1NBQzdDO0lBQ0gsQ0FBQztJQUVPLGtCQUFrQjtRQUN4QixJQUFJLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7YUFDaEQsSUFBSSxDQUNILElBQUksQ0FBQyxDQUFDLENBQUMsRUFDUCxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUMxQjthQUNBLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQTtJQUNOLENBQUM7d0dBbkpVLGlCQUFpQjs0R0FBakIsaUJBQWlCOzs0RkFBakIsaUJBQWlCO2tCQUQ3QixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnJlYWtwb2ludE9ic2VydmVyIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyBJbmplY3RhYmxlLCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBPYnNlcnZhYmxlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBza2lwLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IEZzRmlsdGVyQWN0aW9uIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9hY3Rpb24uaW50ZXJmYWNlJztcbmltcG9ydCB7IEFjdGlvbiB9IGZyb20gJy4uL21vZGVscy9hY3Rpb24ubW9kZWwnO1xuaW1wb3J0IHsgRnNGaWx0ZXJDb25maWcgfSBmcm9tICcuLi9tb2RlbHMvZmlsdGVyLWNvbmZpZyc7XG5cblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIEFjdGlvbnNDb250cm9sbGVyIGltcGxlbWVudHMgT25EZXN0cm95IHtcblxuICBwcml2YXRlIF92aXNpYmxlJCA9IG5ldyBCZWhhdmlvclN1YmplY3QoZmFsc2UpO1xuICBwcml2YXRlIF9hY3Rpb25zJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8QWN0aW9uW10+KFtdKTtcbiAgcHJpdmF0ZSBfbWVudUFjdGlvbnMkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxBY3Rpb25bXT4oW10pO1xuICBwcml2YXRlIF9kZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gIHByaXZhdGUgX2NvbmZpZzogRnNGaWx0ZXJDb25maWc7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBfbW9iaWxlTWVkaWEgPSAnKG1heC13aWR0aDogNzk5cHgpJztcbiAgcHJpdmF0ZSBfYWxsQWN0aW9uczogQWN0aW9uW10gPSBbXTtcbiAgcHJpdmF0ZSBfcmVvcmRlckFjdGlvbjogQWN0aW9uO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2JyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyLFxuICApIHtcbiAgICB0aGlzLl9saXN0ZW5Nb2JpbGVNZWRpYSgpO1xuICB9XG5cbiAgcHVibGljIGdldCBtZW51QWN0aW9ucygpOiBBY3Rpb25bXSB7XG4gICAgcmV0dXJuIHRoaXMuX21lbnVBY3Rpb25zJC52YWx1ZTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgYWN0aW9ucygpOiBBY3Rpb25bXSB7XG4gICAgcmV0dXJuIHRoaXMuX2FjdGlvbnMkLnZhbHVlO1xuICB9XG5cbiAgcHVibGljIGdldCBhY3Rpb25zJCgpOiBPYnNlcnZhYmxlPEFjdGlvbltdPiB7XG4gICAgcmV0dXJuIHRoaXMuX2FjdGlvbnMkLmFzT2JzZXJ2YWJsZSgpO1xuICB9XG5cbiAgcHVibGljIGdldCBtZW51QWN0aW9ucyQoKTogT2JzZXJ2YWJsZTxBY3Rpb25bXT4ge1xuICAgIHJldHVybiB0aGlzLl9tZW51QWN0aW9ucyQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IHZpc2libGUkKCk6IE9ic2VydmFibGU8Ym9vbGVhbj4ge1xuICAgIHJldHVybiB0aGlzLl92aXNpYmxlJC5hc09ic2VydmFibGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbW9iaWxlTW9kZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fYnJlYWtwb2ludE9ic2VydmVyLmlzTWF0Y2hlZCh0aGlzLl9tb2JpbGVNZWRpYSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5fZGVzdHJveSQubmV4dCgpO1xuICAgIHRoaXMuX2Rlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gIH1cblxuICBwdWJsaWMgc2V0Q29uZmlnKGNvbmZpZzogRnNGaWx0ZXJDb25maWcpIHtcbiAgICB0aGlzLl9jb25maWcgPSBjb25maWc7XG4gICAgdGhpcy5pbml0QWN0aW9ucyhjb25maWcuYWN0aW9ucyk7XG4gIH1cblxuICBwdWJsaWMgaW5pdEFjdGlvbnMocmF3QWN0aW9uczogRnNGaWx0ZXJBY3Rpb25bXSkge1xuICAgIGlmICghcmF3QWN0aW9ucyB8fCAhQXJyYXkuaXNBcnJheShyYXdBY3Rpb25zKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuc2hvdygpO1xuXG4gICAgdGhpcy5fYWxsQWN0aW9ucyA9IHJhd0FjdGlvbnNcbiAgICAgIC5tYXAoKGFjdGlvbikgPT4gbmV3IEFjdGlvbih0aGlzLl9jb25maWcsIGFjdGlvbikpO1xuXG4gICAgaWYgKHRoaXMuX3Jlb3JkZXJBY3Rpb24pIHtcbiAgICAgIHRoaXMuX2FsbEFjdGlvbnMudW5zaGlmdCh0aGlzLl9yZW9yZGVyQWN0aW9uKTtcbiAgICB9XG5cbiAgICB0aGlzLl9jbGFzc2lmeUFjdGlvbnMoKTtcbiAgfVxuXG4gIHB1YmxpYyBzaG93KCkge1xuICAgIHRoaXMuX3Zpc2libGUkLm5leHQodHJ1ZSk7XG4gIH1cblxuICBwdWJsaWMgaGlkZSgpIHtcbiAgICB0aGlzLl92aXNpYmxlJC5uZXh0KGZhbHNlKTtcbiAgfVxuXG4gIHB1YmxpYyBhZGRSZW9yZGVyQWN0aW9uKGFjdGlvbjogQWN0aW9uKSB7XG4gICAgdGhpcy5fYWxsQWN0aW9ucy51bnNoaWZ0KGFjdGlvbik7XG5cbiAgICBhY3Rpb24uaXNSZW9yZGVyQWN0aW9uID0gdHJ1ZTtcblxuICAgIHRoaXMuX2NsYXNzaWZ5QWN0aW9uKGFjdGlvbik7XG4gICAgdGhpcy5fcmVvcmRlckFjdGlvbiA9IGFjdGlvbjtcbiAgfVxuXG4gIHB1YmxpYyBjbGVhckFjdGlvbnMoKSB7XG4gICAgdGhpcy5fYWxsQWN0aW9ucyA9IFtdO1xuICAgIHRoaXMuX3NldEFjdGlvbnMoW10pO1xuICAgIHRoaXMuX3NldEtlYmFiQWN0aW9ucyhbXSk7XG4gIH1cblxuICBwdWJsaWMgdXBkYXRlQWN0aW9uc1Zpc2liaWxpdHkoKSB7XG4gICAgdGhpcy5fYWxsQWN0aW9ucy5mb3JFYWNoKChhY3Rpb24pID0+IGFjdGlvbi51cGRhdGVWaXNpYmlsaXR5KCkpO1xuICAgIHRoaXMuX2NsYXNzaWZ5QWN0aW9ucygpO1xuICB9XG5cbiAgcHVibGljIHVwZGF0ZURpc2FibGVkU3RhdGUoKSB7XG4gICAgdGhpcy5hY3Rpb25zLmZvckVhY2goKGFjdGlvbikgPT4gYWN0aW9uLnVwZGF0ZURpc2FibGVkU3RhdGUoKSlcbiAgfVxuXG4gIHByaXZhdGUgX3NldEtlYmFiQWN0aW9ucyhhY3Rpb25zOiBBY3Rpb25bXSkge1xuICAgIHRoaXMuX21lbnVBY3Rpb25zJC5uZXh0KGFjdGlvbnMpO1xuICB9XG5cbiAgcHJpdmF0ZSBfc2V0QWN0aW9ucyhhY3Rpb25zOiBBY3Rpb25bXSkge1xuICAgIHRoaXMuX2FjdGlvbnMkLm5leHQoYWN0aW9ucyk7XG4gIH1cblxuICBwcml2YXRlIF9jbGFzc2lmeUFjdGlvbnMoKSB7XG4gICAgY29uc3Qga2ViYWJBY3Rpb25zID0gW107XG4gICAgY29uc3QgYWN0aW9ucyA9IFtdO1xuICAgIGNvbnN0IG1vYmlsZU1vZGUgPSB0aGlzLm1vYmlsZU1vZGU7XG5cbiAgICB0aGlzLl9hbGxBY3Rpb25zXG4gICAgICAuZmlsdGVyKChhY3Rpb24pID0+IHtcbiAgICAgICAgcmV0dXJuIGFjdGlvbi52aXNpYmxlO1xuICAgICAgfSlcbiAgICAgIC5mb3JFYWNoKChhY3Rpb24pID0+IHtcbiAgICAgICAgaWYgKGFjdGlvbi5tZW51ICE9PSBmYWxzZSAmJiAoYWN0aW9uLm1lbnUgfHwgbW9iaWxlTW9kZSkpIHtcbiAgICAgICAgICBrZWJhYkFjdGlvbnMucHVzaChhY3Rpb24pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGFjdGlvbnMucHVzaChhY3Rpb24pO1xuICAgICAgICB9XG4gICAgICB9KTtcblxuICAgIHRoaXMuX3NldEtlYmFiQWN0aW9ucyhrZWJhYkFjdGlvbnMpO1xuICAgIHRoaXMuX3NldEFjdGlvbnMoYWN0aW9ucyk7XG4gIH1cblxuICBwcml2YXRlIF9jbGFzc2lmeUFjdGlvbihhY3Rpb246IEFjdGlvbikge1xuICAgIGlmIChhY3Rpb24ubWVudSkge1xuICAgICAgdGhpcy5fc2V0S2ViYWJBY3Rpb25zKFsuLi50aGlzLm1lbnVBY3Rpb25zLCBhY3Rpb25dKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fc2V0QWN0aW9ucyhbLi4udGhpcy5hY3Rpb25zLCBhY3Rpb25dKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9saXN0ZW5Nb2JpbGVNZWRpYSgpIHtcbiAgICB0aGlzLl9icmVha3BvaW50T2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl9tb2JpbGVNZWRpYSlcbiAgICAgIC5waXBlKFxuICAgICAgICBza2lwKDEpLFxuICAgICAgICB0YWtlVW50aWwodGhpcy5fZGVzdHJveSQpLFxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuX2NsYXNzaWZ5QWN0aW9ucygpO1xuICAgICAgfSlcbiAgfVxufVxuIl19

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

@@ -1,21 +1,21 @@
-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/common";
-import * as i2 from "@angular/material/icon";
-import * as i3 from "@angular/material/button";
-import * as i4 from "@firestitch/form";
-export class FsFilterActionButtonComponent {
-    ActionType = ActionType;
-    action;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FsFilterActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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 === ActionType.Raised,\n        'mat-flat-button': action.type === ActionType.Flat,\n        'mat-stroked-button': action.type === ActionType.Stroked,\n        'mat-button': action.type === ActionType.Basic,\n        'mat-icon-button': action.type === ActionType.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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatMiniFabButton, selector: "button[mat-mini-fab]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatFabButton, selector: "button[mat-fab]", inputs: ["disabled", "disableRipple", "color", "tabIndex", "extended"], exportAs: ["matButton"] }, { kind: "directive", type: i4.FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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 === ActionType.Raised,\n        'mat-flat-button': action.type === ActionType.Flat,\n        'mat-stroked-button': action.type === ActionType.Stroked,\n        'mat-button': action.type === ActionType.Basic,\n        'mat-icon-button': action.type === ActionType.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/common";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@firestitch/form";
+export class FsFilterActionButtonComponent {
+    ActionType = ActionType;
+    action;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FsFilterActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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 === ActionType.Raised,\n        'mat-flat-button': action.type === ActionType.Flat,\n        'mat-stroked-button': action.type === ActionType.Stroked,\n        'mat-button': action.type === ActionType.Basic,\n        'mat-icon-button': action.type === ActionType.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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatMiniFabButton, selector: "button[mat-mini-fab]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatFabButton, selector: "button[mat-fab]", inputs: ["disabled", "disableRipple", "color", "tabIndex", "extended"], exportAs: ["matButton"] }, { kind: "directive", type: i4.FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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 === ActionType.Raised,\n        'mat-flat-button': action.type === ActionType.Flat,\n        'mat-stroked-button': action.type === ActionType.Stroked,\n        'mat-button': action.type === ActionType.Basic,\n        'mat-icon-button': action.type === ActionType.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7O0FBU25ELE1BQU0sT0FBTyw2QkFBNkI7SUFFakMsVUFBVSxHQUFHLFVBQVUsQ0FBQztJQUd4QixNQUFNLENBQVM7d0dBTFgsNkJBQTZCOzRGQUE3Qiw2QkFBNkIsd0lDWjFDLG81RUFzRUE7OzRGRDFEYSw2QkFBNkI7a0JBTnpDLFNBQVM7K0JBQ0UseUJBQXlCLFFBRTdCLEVBQUUsS0FBSyxFQUFFLGVBQWUsRUFBRSxtQkFDZix1QkFBdUIsQ0FBQyxNQUFNOzhCQU94QyxNQUFNO3NCQURaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBY3Rpb25UeXBlIH0gZnJvbSAnLi4vLi4vZW51bXMvYWN0aW9uLXR5cGUuZW51bSc7XG5pbXBvcnQgeyBBY3Rpb24gfSBmcm9tICcuLi8uLi9tb2RlbHMvYWN0aW9uLm1vZGVsJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcy1maWx0ZXItYWN0aW9uLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdDogeyBjbGFzczogJ2FjdGlvbi1idXR0b24nIH0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGc0ZpbHRlckFjdGlvbkJ1dHRvbkNvbXBvbmVudCB7XG5cbiAgcHVibGljIEFjdGlvblR5cGUgPSBBY3Rpb25UeXBlO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhY3Rpb246IEFjdGlvbjtcblxufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiYWN0aW9uLnR5cGVcIj5cbiAgPGJ1dHRvblxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAqbmdTd2l0Y2hDYXNlPVwiQWN0aW9uVHlwZS5JY29uXCJcbiAgICAgIG1hdC1pY29uLWJ1dHRvblxuICAgICAgKGNsaWNrKT1cImFjdGlvbi5jbGljayAmJiBhY3Rpb24uY2xpY2soJGV2ZW50KVwiXG4gICAgICBbY29sb3JdPVwiYWN0aW9uLmNvbG9yXCJcbiAgICAgIFtuZ0NsYXNzXT1cImFjdGlvbi5jbGFzc0FycmF5XCJcbiAgICAgIFtkaXNhYmxlZF09XCJhY3Rpb24uZGlzYWJsZWQkIHwgYXN5bmNcIlxuICAgICAgW3RhYkluZGV4XT1cImFjdGlvbi50YWJJbmRleFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJidXR0b25Db250ZW50XCI+PC9uZy10ZW1wbGF0ZT5cbiAgPC9idXR0b24+XG5cbiAgPCEtLSBGYWIgYnV0dG9uIC0tPlxuICA8YnV0dG9uIFxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAqbmdTd2l0Y2hDYXNlPVwiQWN0aW9uVHlwZS5GYWJcIlxuICAgICAgbWF0LWZhYlxuICAgICAgKGNsaWNrKT1cImFjdGlvbi5jbGljayAmJiBhY3Rpb24uY2xpY2soJGV2ZW50KVwiXG4gICAgICBbY29sb3JdPVwiYWN0aW9uLmNvbG9yXCJcbiAgICAgIFtuZ0NsYXNzXT1cImFjdGlvbi5jbGFzc0FycmF5XCJcbiAgICAgIFtkaXNhYmxlZF09XCJhY3Rpb24uZGlzYWJsZWQkIHwgYXN5bmNcIlxuICAgICAgW3RhYkluZGV4XT1cImFjdGlvbi50YWJJbmRleFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJidXR0b25Db250ZW50XCI+PC9uZy10ZW1wbGF0ZT5cbiAgPC9idXR0b24+XG5cbiAgPCEtLSBNaW5pIEZhYiBidXR0b24gLS0+XG4gIDxidXR0b24gXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICpuZ1N3aXRjaENhc2U9XCJBY3Rpb25UeXBlLk1pbmlGYWJcIlxuICAgICAgbWF0LW1pbmktZmFiXG4gICAgICAoY2xpY2spPVwiYWN0aW9uLmNsaWNrICYmIGFjdGlvbi5jbGljaygkZXZlbnQpXCJcbiAgICAgIFtjb2xvcl09XCJhY3Rpb24uY29sb3JcIlxuICAgICAgW25nQ2xhc3NdPVwiYWN0aW9uLmNsYXNzQXJyYXlcIlxuICAgICAgW2Rpc2FibGVkXT1cImFjdGlvbi5kaXNhYmxlZCQgfCBhc3luY1wiXG4gICAgICBbdGFiSW5kZXhdPVwiYWN0aW9uLnRhYkluZGV4XCI+XG4gICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImJ1dHRvbkNvbnRlbnRcIj48L25nLXRlbXBsYXRlPlxuICA8L2J1dHRvbj5cblxuICA8YnV0dG9uIFxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICBtYXQtYnV0dG9uXG4gICAgICBbbmdDbGFzc109XCJ7ICAgICAgICBcbiAgICAgICAgJ21hdC1yYWlzZWQtYnV0dG9uJzogYWN0aW9uLnR5cGUgPT09IEFjdGlvblR5cGUuUmFpc2VkLFxuICAgICAgICAnbWF0LWZsYXQtYnV0dG9uJzogYWN0aW9uLnR5cGUgPT09IEFjdGlvblR5cGUuRmxhdCxcbiAgICAgICAgJ21hdC1zdHJva2VkLWJ1dHRvbic6IGFjdGlvbi50eXBlID09PSBBY3Rpb25UeXBlLlN0cm9rZWQsXG4gICAgICAgICdtYXQtYnV0dG9uJzogYWN0aW9uLnR5cGUgPT09IEFjdGlvblR5cGUuQmFzaWMsXG4gICAgICAgICdtYXQtaWNvbi1idXR0b24nOiBhY3Rpb24udHlwZSA9PT0gQWN0aW9uVHlwZS5JY29uXG4gICAgICB9XCJcbiAgICAgIChjbGljayk9XCJhY3Rpb24uY2xpY2sgJiYgYWN0aW9uLmNsaWNrKCRldmVudClcIlxuICAgICAgW2NvbG9yXT1cImFjdGlvbi5jb2xvclwiXG4gICAgICBbY2xhc3NdPVwiYWN0aW9uLmNsYXNzQXJyYXkuam9pbignICcpXCJcbiAgICAgIFtkaXNhYmxlZF09XCJhY3Rpb24uZGlzYWJsZWQkIHwgYXN5bmNcIlxuICAgICAgW3RhYkluZGV4XT1cImFjdGlvbi50YWJJbmRleFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJidXR0b25Db250ZW50XCI+PC9uZy10ZW1wbGF0ZT5cbiAgPC9idXR0b24+XG5cbiAgPG5nLXRlbXBsYXRlICNidXR0b25Db250ZW50PlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhYWN0aW9uLmljb24gZWxzZSB3aXRoSWNvblwiPlxuICAgICAge3thY3Rpb24ubGFiZWx9fVxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLXRlbXBsYXRlICN3aXRoSWNvbj5cbiAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiFhY3Rpb24uaWNvblBsYWNlbWVudCB8fCBhY3Rpb24uaWNvblBsYWNlbWVudCA9PT0gJ2xlZnQnXCI+e3thY3Rpb24uaWNvbn19PC9tYXQtaWNvbj5cbiAgICAgIHt7YWN0aW9uLmxhYmVsfX1cbiAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImFjdGlvbi5pY29uUGxhY2VtZW50ID09PSAncmlnaHQnXCI+e3thY3Rpb24uaWNvbn19PC9tYXQtaWNvbj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L25nLXRlbXBsYXRlPlxuPC9uZy1jb250YWluZXI+XG4iXX0=