@festo-ui/angular 3.1.0 → 3.2.0

package/esm2020/lib/components/snackbar/snackbar-container.directive.mjs

@@ -0,0 +1,83 @@
+import { ComponentFactoryResolver, Directive, Input, ViewContainerRef } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { SnackbarComponent } from './snackbar.component';
+import { SnackbarService } from './snackbar.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./snackbar.service";
+export class SnackbarContainerDirective {
+    constructor(viewContainerRef, componentFactoryResolver, snackbarService) {
+        this.viewContainerRef = viewContainerRef;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.snackbarService = snackbarService;
+        this.snacks = [];
+        this.factory = this.componentFactoryResolver.resolveComponentFactory(SnackbarComponent);
+    }
+    ngOnInit() {
+        this.snacksSub = this.snackbarService.snacks$.subscribe(SnackDescription => this.push(SnackDescription));
+    }
+    ngOnDestroy() {
+        if (this.snacks != null && this.snacks.length > 0) {
+            this.snacks.forEach(snack => {
+                snack.complete.next(true);
+                snack.complete.complete();
+                snack.complete.unsubscribe();
+            });
+        }
+        if (this.snacksSub != null) {
+            this.snacksSub.unsubscribe();
+        }
+    }
+    push(snackDescription) {
+        const complete = new Subject();
+        const componentRef = this.viewContainerRef.createComponent(this.factory, 0);
+        const componentInstance = componentRef.instance;
+        componentInstance.data = { ...this.fngSnackbarContainer, ...snackDescription.data };
+        componentInstance.animationState = this.snacks.length === 0 ? 'first' : 'fadeIn';
+        const snackbarRef = { componentRef, complete };
+        componentInstance.close.pipe(takeUntil(complete)).subscribe(() => {
+            this.remove(snackbarRef);
+            if (snackDescription.closeCallback) {
+                snackDescription.closeCallback();
+            }
+        });
+        componentInstance.action.pipe(takeUntil(complete)).subscribe(() => {
+            if (componentInstance.data.closeOnAction) {
+                this.remove(snackbarRef);
+            }
+            if (snackDescription.actionCallback) {
+                snackDescription.actionCallback();
+            }
+        });
+        this.snacks.push(snackbarRef);
+        snackDescription.resolve(snackbarRef.componentRef);
+    }
+    remove(snackbarRef) {
+        const index = this.snacks.indexOf(snackbarRef);
+        if (index !== -1) {
+            const deletedSnackbarRef = this.snacks.splice(index, 1);
+            if (deletedSnackbarRef != null && deletedSnackbarRef.length > 0) {
+                const deletedSnackbar = deletedSnackbarRef[0];
+                if (deletedSnackbar.complete != null) {
+                    deletedSnackbar.complete.next(true);
+                    deletedSnackbar.complete.complete();
+                    deletedSnackbar.complete.unsubscribe();
+                }
+                if (deletedSnackbar.componentRef != null) {
+                    deletedSnackbar.componentRef.destroy();
+                }
+            }
+        }
+    }
+}
+SnackbarContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SnackbarContainerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: i1.SnackbarService }], target: i0.ɵɵFactoryTarget.Directive });
+SnackbarContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: SnackbarContainerDirective, selector: "[fngSnackbarContainer]", inputs: { fngSnackbarContainer: "fngSnackbarContainer" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SnackbarContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fngSnackbarContainer]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: i1.SnackbarService }]; }, propDecorators: { fngSnackbarContainer: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXItY29udGFpbmVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXItY29udGFpbmVyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsd0JBQXdCLEVBRXhCLFNBQVMsRUFDVCxLQUFLLEVBR0wsZ0JBQWdCLEVBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQWdCLE1BQU0sTUFBTSxDQUFDO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUV6RCxPQUFPLEVBQUUsZUFBZSxFQUFvQixNQUFNLG9CQUFvQixDQUFDOzs7QUFVdkUsTUFBTSxPQUFPLDBCQUEwQjtJQVFyQyxZQUNVLGdCQUFrQyxFQUNsQyx3QkFBa0QsRUFDbEQsZUFBZ0M7UUFGaEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyw2QkFBd0IsR0FBeEIsd0JBQXdCLENBQTBCO1FBQ2xELG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQVJsQyxXQUFNLEdBQWtCLEVBQUUsQ0FBQztRQVVqQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyx1QkFBdUIsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQzFGLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsZ0JBQWdCLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDO0lBQzNHLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDakQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQzFCLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUMxQixLQUFLLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO2dCQUMxQixLQUFLLENBQUMsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQy9CLENBQUMsQ0FBQyxDQUFDO1NBQ0o7UUFDRCxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxFQUFFO1lBQzFCLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDOUI7SUFDSCxDQUFDO0lBRU8sSUFBSSxDQUFDLGdCQUFrQztRQUM3QyxNQUFNLFFBQVEsR0FBRyxJQUFJLE9BQU8sRUFBVyxDQUFDO1FBQ3hDLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQztRQUM1RSxNQUFNLGlCQUFpQixHQUFHLFlBQVksQ0FBQyxRQUFRLENBQUM7UUFDaEQsaUJBQWlCLENBQUMsSUFBSSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsR0FBRyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwRixpQkFBaUIsQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztRQUNqRixNQUFNLFdBQVcsR0FBRyxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsQ0FBQztRQUMvQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDL0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUN6QixJQUFJLGdCQUFnQixDQUFDLGFBQWEsRUFBRTtnQkFDbEMsZ0JBQWdCLENBQUMsYUFBYSxFQUFFLENBQUM7YUFDbEM7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUNILGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNoRSxJQUFJLGlCQUFpQixDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUU7Z0JBQ3hDLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7YUFDMUI7WUFDRCxJQUFJLGdCQUFnQixDQUFDLGNBQWMsRUFBRTtnQkFDbkMsZ0JBQWdCLENBQUMsY0FBYyxFQUFFLENBQUM7YUFDbkM7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQzlCLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDckQsQ0FBQztJQUVPLE1BQU0sQ0FBQyxXQUF3QjtRQUNyQyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUMvQyxJQUFJLEtBQUssS0FBSyxDQUFDLENBQUMsRUFBRTtZQUNoQixNQUFNLGtCQUFrQixHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztZQUN4RCxJQUFJLGtCQUFrQixJQUFJLElBQUksSUFBSSxrQkFBa0IsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUMvRCxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDOUMsSUFBSSxlQUFlLENBQUMsUUFBUSxJQUFJLElBQUksRUFBRTtvQkFDcEMsZUFBZSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7b0JBQ3BDLGVBQWUsQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7b0JBQ3BDLGVBQWUsQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUM7aUJBQ3hDO2dCQUNELElBQUksZUFBZSxDQUFDLFlBQVksSUFBSSxJQUFJLEVBQUU7b0JBQ3hDLGVBQWUsQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLENBQUM7aUJBQ3hDO2FBQ0Y7U0FDRjtJQUNILENBQUM7O3VIQTFFVSwwQkFBMEI7MkdBQTFCLDBCQUEwQjsyRkFBMUIsMEJBQTBCO2tCQUh0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3QkFBd0I7aUJBQ25DOzRLQUVVLG9CQUFvQjtzQkFBNUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudEZhY3RvcnksXG4gIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcixcbiAgQ29tcG9uZW50UmVmLFxuICBEaXJlY3RpdmUsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgVmlld0NvbnRhaW5lclJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgU25hY2tiYXJDb21wb25lbnQgfSBmcm9tICcuL3NuYWNrYmFyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTbmFja2JhckNvbmZpZyB9IGZyb20gJy4vc25hY2tiYXIubW9kZWxzJztcbmltcG9ydCB7IFNuYWNrYmFyU2VydmljZSwgU25hY2tEZXNjcmlwdGlvbiB9IGZyb20gJy4vc25hY2tiYXIuc2VydmljZSc7XG5cbmludGVyZmFjZSBTbmFja2JhclJlZiB7XG4gIGNvbXBvbmVudFJlZjogQ29tcG9uZW50UmVmPFNuYWNrYmFyQ29tcG9uZW50PjtcbiAgY29tcGxldGU6IFN1YmplY3Q8Ym9vbGVhbj47XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tmbmdTbmFja2JhckNvbnRhaW5lcl0nXG59KVxuZXhwb3J0IGNsYXNzIFNuYWNrYmFyQ29udGFpbmVyRGlyZWN0aXZlIGltcGxlbWVudHMgT25EZXN0cm95LCBPbkluaXQge1xuICBASW5wdXQoKSBmbmdTbmFja2JhckNvbnRhaW5lcjogU25hY2tiYXJDb25maWc7XG5cbiAgcHJpdmF0ZSBzbmFja3M6IFNuYWNrYmFyUmVmW10gPSBbXTtcblxuICBwcml2YXRlIHNuYWNrc1N1YjogU3Vic2NyaXB0aW9uO1xuICBwcml2YXRlIGZhY3Rvcnk6IENvbXBvbmVudEZhY3Rvcnk8U25hY2tiYXJDb21wb25lbnQ+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcbiAgICBwcml2YXRlIGNvbXBvbmVudEZhY3RvcnlSZXNvbHZlcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxuICAgIHByaXZhdGUgc25hY2tiYXJTZXJ2aWNlOiBTbmFja2JhclNlcnZpY2VcbiAgKSB7XG4gICAgdGhpcy5mYWN0b3J5ID0gdGhpcy5jb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIucmVzb2x2ZUNvbXBvbmVudEZhY3RvcnkoU25hY2tiYXJDb21wb25lbnQpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zbmFja3NTdWIgPSB0aGlzLnNuYWNrYmFyU2VydmljZS5zbmFja3MkLnN1YnNjcmliZShTbmFja0Rlc2NyaXB0aW9uID0+IHRoaXMucHVzaChTbmFja0Rlc2NyaXB0aW9uKSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICBpZiAodGhpcy5zbmFja3MgIT0gbnVsbCAmJiB0aGlzLnNuYWNrcy5sZW5ndGggPiAwKSB7XG4gICAgICB0aGlzLnNuYWNrcy5mb3JFYWNoKHNuYWNrID0+IHtcbiAgICAgICAgc25hY2suY29tcGxldGUubmV4dCh0cnVlKTtcbiAgICAgICAgc25hY2suY29tcGxldGUuY29tcGxldGUoKTtcbiAgICAgICAgc25hY2suY29tcGxldGUudW5zdWJzY3JpYmUoKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgICBpZiAodGhpcy5zbmFja3NTdWIgIT0gbnVsbCkge1xuICAgICAgdGhpcy5zbmFja3NTdWIudW5zdWJzY3JpYmUoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHB1c2goc25hY2tEZXNjcmlwdGlvbjogU25hY2tEZXNjcmlwdGlvbikge1xuICAgIGNvbnN0IGNvbXBsZXRlID0gbmV3IFN1YmplY3Q8Ym9vbGVhbj4oKTtcbiAgICBjb25zdCBjb21wb25lbnRSZWYgPSB0aGlzLnZpZXdDb250YWluZXJSZWYuY3JlYXRlQ29tcG9uZW50KHRoaXMuZmFjdG9yeSwgMCk7XG4gICAgY29uc3QgY29tcG9uZW50SW5zdGFuY2UgPSBjb21wb25lbnRSZWYuaW5zdGFuY2U7XG4gICAgY29tcG9uZW50SW5zdGFuY2UuZGF0YSA9IHsgLi4udGhpcy5mbmdTbmFja2JhckNvbnRhaW5lciwgLi4uc25hY2tEZXNjcmlwdGlvbi5kYXRhIH07XG4gICAgY29tcG9uZW50SW5zdGFuY2UuYW5pbWF0aW9uU3RhdGUgPSB0aGlzLnNuYWNrcy5sZW5ndGggPT09IDAgPyAnZmlyc3QnIDogJ2ZhZGVJbic7XG4gICAgY29uc3Qgc25hY2tiYXJSZWYgPSB7IGNvbXBvbmVudFJlZiwgY29tcGxldGUgfTtcbiAgICBjb21wb25lbnRJbnN0YW5jZS5jbG9zZS5waXBlKHRha2VVbnRpbChjb21wbGV0ZSkpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLnJlbW92ZShzbmFja2JhclJlZik7XG4gICAgICBpZiAoc25hY2tEZXNjcmlwdGlvbi5jbG9zZUNhbGxiYWNrKSB7XG4gICAgICAgIHNuYWNrRGVzY3JpcHRpb24uY2xvc2VDYWxsYmFjaygpO1xuICAgICAgfVxuICAgIH0pO1xuICAgIGNvbXBvbmVudEluc3RhbmNlLmFjdGlvbi5waXBlKHRha2VVbnRpbChjb21wbGV0ZSkpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICBpZiAoY29tcG9uZW50SW5zdGFuY2UuZGF0YS5jbG9zZU9uQWN0aW9uKSB7XG4gICAgICAgIHRoaXMucmVtb3ZlKHNuYWNrYmFyUmVmKTtcbiAgICAgIH1cbiAgICAgIGlmIChzbmFja0Rlc2NyaXB0aW9uLmFjdGlvbkNhbGxiYWNrKSB7XG4gICAgICAgIHNuYWNrRGVzY3JpcHRpb24uYWN0aW9uQ2FsbGJhY2soKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgICB0aGlzLnNuYWNrcy5wdXNoKHNuYWNrYmFyUmVmKTtcbiAgICBzbmFja0Rlc2NyaXB0aW9uLnJlc29sdmUoc25hY2tiYXJSZWYuY29tcG9uZW50UmVmKTtcbiAgfVxuXG4gIHByaXZhdGUgcmVtb3ZlKHNuYWNrYmFyUmVmOiBTbmFja2JhclJlZikge1xuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5zbmFja3MuaW5kZXhPZihzbmFja2JhclJlZik7XG4gICAgaWYgKGluZGV4ICE9PSAtMSkge1xuICAgICAgY29uc3QgZGVsZXRlZFNuYWNrYmFyUmVmID0gdGhpcy5zbmFja3Muc3BsaWNlKGluZGV4LCAxKTtcbiAgICAgIGlmIChkZWxldGVkU25hY2tiYXJSZWYgIT0gbnVsbCAmJiBkZWxldGVkU25hY2tiYXJSZWYubGVuZ3RoID4gMCkge1xuICAgICAgICBjb25zdCBkZWxldGVkU25hY2tiYXIgPSBkZWxldGVkU25hY2tiYXJSZWZbMF07XG4gICAgICAgIGlmIChkZWxldGVkU25hY2tiYXIuY29tcGxldGUgIT0gbnVsbCkge1xuICAgICAgICAgIGRlbGV0ZWRTbmFja2Jhci5jb21wbGV0ZS5uZXh0KHRydWUpO1xuICAgICAgICAgIGRlbGV0ZWRTbmFja2Jhci5jb21wbGV0ZS5jb21wbGV0ZSgpO1xuICAgICAgICAgIGRlbGV0ZWRTbmFja2Jhci5jb21wbGV0ZS51bnN1YnNjcmliZSgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChkZWxldGVkU25hY2tiYXIuY29tcG9uZW50UmVmICE9IG51bGwpIHtcbiAgICAgICAgICBkZWxldGVkU25hY2tiYXIuY29tcG9uZW50UmVmLmRlc3Ryb3koKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19

package/esm2020/lib/components/snackbar/snackbar.component.mjs

@@ -0,0 +1,79 @@
+import { Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from '@angular/core';
+import { animate, sequence, state, style, transition, trigger } from '@angular/animations';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SnackbarComponent {
+    constructor() {
+        this.close = new EventEmitter();
+        this.action = new EventEmitter();
+        this.blockDisplay = 'block';
+        this.animationState = 'init';
+    }
+    ngAfterViewInit() {
+        if (this.data && this.data.disappearAfter) {
+            this.timeout = setTimeout(() => this.onClose(), this.data.disappearAfter);
+        }
+    }
+    ngOnDestroy() {
+        if (this.timeout) {
+            clearTimeout(this.timeout);
+        }
+    }
+    onAction() {
+        this.action.emit();
+    }
+    onClose() {
+        this.close.emit();
+    }
+}
+SnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SnackbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: SnackbarComponent, selector: "fng-snackbar", inputs: { data: "data" }, outputs: { close: "close", action: "action" }, host: { properties: { "style.display": "this.blockDisplay", "@appearDisappear": "this.animationState" } }, ngImport: i0, template: "<div\n  [ngClass]=\"{\n    'fwe-snackbar': true,\n    'fwe-snackbar-b': data?.variant === 'b',\n    'fwe-snackbar-c': data?.variant === 'c',\n    'fwe-snackbar-warning': data?.type === 'warning',\n    'fwe-snackbar-error': data?.type === 'error',\n    'fwe-snackbar-shadow': data?.darkBackground\n  }\"\n>\n  <i\n    *ngIf=\"data?.type\"\n    aria-hidden=\"true\"\n    [ngClass]=\"{\n      'fwe-icon': true,\n      'fwe-icon-status-info': data?.type === 'info',\n      'fwe-icon-status-warning': data?.type === 'warning',\n      'fwe-icon-status-failure': data?.type === 'error'\n    }\"\n  ></i>\n  <span>{{ data?.text }}</span>\n  <button *ngIf=\"data?.action\" aria-label=\"UserAction\" type=\"button\" class=\"fwe-btn fwe-btn-link\" (click)=\"onAction()\">\n    {{ data?.action }}\n  </button>\n  <button *ngIf=\"data?.showClose\" aria-label=\"Close\" type=\"button\" class=\"fwe-btn fwe-btn-link\" (click)=\"onClose()\">\n    <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-close-small\"></i>\n    <span class=\"fwe-sr-only\">Close</span>\n  </button>\n</div>\n", styles: [".fwe-snackbar{pointer-events:all}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+        trigger('appearDisappear', [
+            state('init', style({ opacity: 0 })),
+            state('first', style({
+                opacity: 1,
+                transform: 'translateY(0)'
+            })),
+            state('fadeIn', style({ opacity: '1' })),
+            transition('void => fadeIn', [style({ opacity: 0 }), animate('0.6s ease-out')]),
+            transition('void => first', [style({ transform: 'translateY(100px)' }), animate('0.6s ease-out')]),
+            transition(':leave', sequence([
+                style({ 'margin-bottom': '24px' }),
+                animate('0.3s ease-out', style({ opacity: 0 })),
+                animate('0.3s ease-out', style({ height: '0px', 'margin-bottom': '0px' }))
+            ]))
+        ])
+    ], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SnackbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fng-snackbar', encapsulation: ViewEncapsulation.None, animations: [
+                        trigger('appearDisappear', [
+                            state('init', style({ opacity: 0 })),
+                            state('first', style({
+                                opacity: 1,
+                                transform: 'translateY(0)'
+                            })),
+                            state('fadeIn', style({ opacity: '1' })),
+                            transition('void => fadeIn', [style({ opacity: 0 }), animate('0.6s ease-out')]),
+                            transition('void => first', [style({ transform: 'translateY(100px)' }), animate('0.6s ease-out')]),
+                            transition(':leave', sequence([
+                                style({ 'margin-bottom': '24px' }),
+                                animate('0.3s ease-out', style({ opacity: 0 })),
+                                animate('0.3s ease-out', style({ height: '0px', 'margin-bottom': '0px' }))
+                            ]))
+                        ])
+                    ], template: "<div\n  [ngClass]=\"{\n    'fwe-snackbar': true,\n    'fwe-snackbar-b': data?.variant === 'b',\n    'fwe-snackbar-c': data?.variant === 'c',\n    'fwe-snackbar-warning': data?.type === 'warning',\n    'fwe-snackbar-error': data?.type === 'error',\n    'fwe-snackbar-shadow': data?.darkBackground\n  }\"\n>\n  <i\n    *ngIf=\"data?.type\"\n    aria-hidden=\"true\"\n    [ngClass]=\"{\n      'fwe-icon': true,\n      'fwe-icon-status-info': data?.type === 'info',\n      'fwe-icon-status-warning': data?.type === 'warning',\n      'fwe-icon-status-failure': data?.type === 'error'\n    }\"\n  ></i>\n  <span>{{ data?.text }}</span>\n  <button *ngIf=\"data?.action\" aria-label=\"UserAction\" type=\"button\" class=\"fwe-btn fwe-btn-link\" (click)=\"onAction()\">\n    {{ data?.action }}\n  </button>\n  <button *ngIf=\"data?.showClose\" aria-label=\"Close\" type=\"button\" class=\"fwe-btn fwe-btn-link\" (click)=\"onClose()\">\n    <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-close-small\"></i>\n    <span class=\"fwe-sr-only\">Close</span>\n  </button>\n</div>\n", styles: [".fwe-snackbar{pointer-events:all}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }], action: [{
+                type: Output
+            }], blockDisplay: [{
+                type: HostBinding,
+                args: ['style.display']
+            }], animationState: [{
+                type: HostBinding,
+                args: ['@appearDisappear']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9zbmFja2Jhci9zbmFja2Jhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3NuYWNrYmFyL3NuYWNrYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqSSxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBZ0MzRixNQUFNLE9BQU8saUJBQWlCO0lBN0I5QjtRQStCWSxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNoQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUViLGlCQUFZLEdBQUcsT0FBTyxDQUFDO1FBQ3BCLG1CQUFjLEdBQWdDLE1BQU0sQ0FBQztLQXVCdkY7SUFuQkMsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN6QyxJQUFJLENBQUMsT0FBTyxHQUFHLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztTQUMzRTtJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7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QkFDSSxLQUFLO3NCQUFkLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUV1QixZQUFZO3NCQUF6QyxXQUFXO3VCQUFDLGVBQWU7Z0JBQ0ssY0FBYztzQkFBOUMsV0FBVzt1QkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkRlc3Ryb3ksIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGFuaW1hdGUsIHNlcXVlbmNlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IFNuYWNrYmFyRGF0YSB9IGZyb20gJy4vc25hY2tiYXIubW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZm5nLXNuYWNrYmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NuYWNrYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc25hY2tiYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ2FwcGVhckRpc2FwcGVhcicsIFtcbiAgICAgIHN0YXRlKCdpbml0Jywgc3R5bGUoeyBvcGFjaXR5OiAwIH0pKSxcbiAgICAgIHN0YXRlKFxuICAgICAgICAnZmlyc3QnLFxuICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgb3BhY2l0eTogMSxcbiAgICAgICAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKDApJ1xuICAgICAgICB9KVxuICAgICAgKSxcbiAgICAgIHN0YXRlKCdmYWRlSW4nLCBzdHlsZSh7IG9wYWNpdHk6ICcxJyB9KSksXG4gICAgICB0cmFuc2l0aW9uKCd2b2lkID0+IGZhZGVJbicsIFtzdHlsZSh7IG9wYWNpdHk6IDAgfSksIGFuaW1hdGUoJzAuNnMgZWFzZS1vdXQnKV0pLFxuICAgICAgdHJhbnNpdGlvbigndm9pZCA9PiBmaXJzdCcsIFtzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMTAwcHgpJyB9KSwgYW5pbWF0ZSgnMC42cyBlYXNlLW91dCcpXSksXG4gICAgICB0cmFuc2l0aW9uKFxuICAgICAgICAnOmxlYXZlJyxcbiAgICAgICAgc2VxdWVuY2UoW1xuICAgICAgICAgIHN0eWxlKHsgJ21hcmdpbi1ib3R0b20nOiAnMjRweCcgfSksXG4gICAgICAgICAgYW5pbWF0ZSgnMC4zcyBlYXNlLW91dCcsIHN0eWxlKHsgb3BhY2l0eTogMCB9KSksXG4gICAgICAgICAgYW5pbWF0ZSgnMC4zcyBlYXNlLW91dCcsIHN0eWxlKHsgaGVpZ2h0OiAnMHB4JywgJ21hcmdpbi1ib3R0b20nOiAnMHB4JyB9KSlcbiAgICAgICAgXSlcbiAgICAgIClcbiAgICBdKVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFNuYWNrYmFyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KCkgZGF0YTogU25hY2tiYXJEYXRhO1xuICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBIb3N0QmluZGluZygnc3R5bGUuZGlzcGxheScpIGJsb2NrRGlzcGxheSA9ICdibG9jayc7XG4gIEBIb3N0QmluZGluZygnQGFwcGVhckRpc2FwcGVhcicpIGFuaW1hdGlvblN0YXRlOiAnaW5pdCcgfCAnZmlyc3QnIHwgJ2ZhZGVJbicgPSAnaW5pdCc7XG5cbiAgcHJpdmF0ZSB0aW1lb3V0OiBhbnk7XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmICh0aGlzLmRhdGEgJiYgdGhpcy5kYXRhLmRpc2FwcGVhckFmdGVyKSB7XG4gICAgICB0aGlzLnRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHRoaXMub25DbG9zZSgpLCB0aGlzLmRhdGEuZGlzYXBwZWFyQWZ0ZXIpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIGlmICh0aGlzLnRpbWVvdXQpIHtcbiAgICAgIGNsZWFyVGltZW91dCh0aGlzLnRpbWVvdXQpO1xuICAgIH1cbiAgfVxuXG4gIG9uQWN0aW9uKCkge1xuICAgIHRoaXMuYWN0aW9uLmVtaXQoKTtcbiAgfVxuXG4gIG9uQ2xvc2UoKSB7XG4gICAgdGhpcy5jbG9zZS5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgW25nQ2xhc3NdPVwie1xuICAgICdmd2Utc25hY2tiYXInOiB0cnVlLFxuICAgICdmd2Utc25hY2tiYXItYic6IGRhdGE/LnZhcmlhbnQgPT09ICdiJyxcbiAgICAnZndlLXNuYWNrYmFyLWMnOiBkYXRhPy52YXJpYW50ID09PSAnYycsXG4gICAgJ2Z3ZS1zbmFja2Jhci13YXJuaW5nJzogZGF0YT8udHlwZSA9PT0gJ3dhcm5pbmcnLFxuICAgICdmd2Utc25hY2tiYXItZXJyb3InOiBkYXRhPy50eXBlID09PSAnZXJyb3InLFxuICAgICdmd2Utc25hY2tiYXItc2hhZG93JzogZGF0YT8uZGFya0JhY2tncm91bmRcbiAgfVwiXG4+XG4gIDxpXG4gICAgKm5nSWY9XCJkYXRhPy50eXBlXCJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICdmd2UtaWNvbic6IHRydWUsXG4gICAgICAnZndlLWljb24tc3RhdHVzLWluZm8nOiBkYXRhPy50eXBlID09PSAnaW5mbycsXG4gICAgICAnZndlLWljb24tc3RhdHVzLXdhcm5pbmcnOiBkYXRhPy50eXBlID09PSAnd2FybmluZycsXG4gICAgICAnZndlLWljb24tc3RhdHVzLWZhaWx1cmUnOiBkYXRhPy50eXBlID09PSAnZXJyb3InXG4gICAgfVwiXG4gID48L2k+XG4gIDxzcGFuPnt7IGRhdGE/LnRleHQgfX08L3NwYW4+XG4gIDxidXR0b24gKm5nSWY9XCJkYXRhPy5hY3Rpb25cIiBhcmlhLWxhYmVsPVwiVXNlckFjdGlvblwiIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImZ3ZS1idG4gZndlLWJ0bi1saW5rXCIgKGNsaWNrKT1cIm9uQWN0aW9uKClcIj5cbiAgICB7eyBkYXRhPy5hY3Rpb24gfX1cbiAgPC9idXR0b24+XG4gIDxidXR0b24gKm5nSWY9XCJkYXRhPy5zaG93Q2xvc2VcIiBhcmlhLWxhYmVsPVwiQ2xvc2VcIiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJmd2UtYnRuIGZ3ZS1idG4tbGlua1wiIChjbGljayk9XCJvbkNsb3NlKClcIj5cbiAgICA8aSBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cImZ3ZS1pY29uIGZ3ZS1pY29uLWNsb3NlLXNtYWxsXCI+PC9pPlxuICAgIDxzcGFuIGNsYXNzPVwiZndlLXNyLW9ubHlcIj5DbG9zZTwvc3Bhbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/components/snackbar/snackbar.models.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIubW9kZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9zbmFja2Jhci9zbmFja2Jhci5tb2RlbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgU25hY2tiYXJDb25maWcge1xuICB0eXBlPzogJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ2Vycm9yJztcbiAgdmFyaWFudD86ICdhJyB8ICdiJyB8ICdjJztcbiAgZGFya0JhY2tncm91bmQ/OiBib29sZWFuO1xuICBzaG93Q2xvc2U/OiBib29sZWFuO1xuICBhY3Rpb24/OiBzdHJpbmc7XG4gIGRpc2FwcGVhckFmdGVyPzogbnVtYmVyO1xuICBjbG9zZU9uQWN0aW9uPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTbmFja2JhckRhdGEgZXh0ZW5kcyBTbmFja2JhckNvbmZpZyB7XG4gIHRleHQ6IHN0cmluZztcbn1cbiJdfQ==

package/esm2020/lib/components/snackbar/snackbar.module.mjs

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SnackbarComponent } from './snackbar.component';
+import { SnackbarContainerDirective } from './snackbar-container.directive';
+import { SnackbarContainerComponent } from './snackbar-container.component';
+import * as i0 from "@angular/core";
+export * from './snackbar.models';
+export * from './snackbar.component';
+export * from './snackbar-container.component';
+export * from './snackbar-container.directive';
+export class FestoAngularSnackbarModule {
+}
+FestoAngularSnackbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: FestoAngularSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FestoAngularSnackbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: FestoAngularSnackbarModule, bootstrap: [SnackbarComponent], declarations: [SnackbarComponent, SnackbarContainerDirective, SnackbarContainerComponent], imports: [CommonModule], exports: [SnackbarContainerComponent, SnackbarContainerDirective, SnackbarContainerComponent] });
+FestoAngularSnackbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: FestoAngularSnackbarModule, providers: [], imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: FestoAngularSnackbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SnackbarComponent, SnackbarContainerDirective, SnackbarContainerComponent],
+                    imports: [CommonModule],
+                    exports: [SnackbarContainerComponent, SnackbarContainerDirective, SnackbarContainerComponent],
+                    providers: [],
+                    bootstrap: [SnackbarComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9zbmFja2Jhci9zbmFja2Jhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDNUUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7O0FBRTVFLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZ0NBQWdDLENBQUM7QUFTL0MsTUFBTSxPQUFPLDBCQUEwQjs7dUhBQTFCLDBCQUEwQjt3SEFBMUIsMEJBQTBCLGNBRnpCLGlCQUFpQixrQkFKZCxpQkFBaUIsRUFBRSwwQkFBMEIsRUFBRSwwQkFBMEIsYUFDOUUsWUFBWSxhQUNaLDBCQUEwQixFQUFFLDBCQUEwQixFQUFFLDBCQUEwQjt3SEFJakYsMEJBQTBCLGFBSDFCLEVBQUUsWUFGSixDQUFDLFlBQVksQ0FBQzsyRkFLWiwwQkFBMEI7a0JBUHRDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsaUJBQWlCLEVBQUUsMEJBQTBCLEVBQUUsMEJBQTBCLENBQUM7b0JBQ3pGLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsMEJBQTBCLEVBQUUsMEJBQTBCLEVBQUUsMEJBQTBCLENBQUM7b0JBQzdGLFNBQVMsRUFBRSxFQUFFO29CQUNiLFNBQVMsRUFBRSxDQUFDLGlCQUFpQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBTbmFja2JhckNvbXBvbmVudCB9IGZyb20gJy4vc25hY2tiYXIuY29tcG9uZW50JztcbmltcG9ydCB7IFNuYWNrYmFyQ29udGFpbmVyRGlyZWN0aXZlIH0gZnJvbSAnLi9zbmFja2Jhci1jb250YWluZXIuZGlyZWN0aXZlJztcbmltcG9ydCB7IFNuYWNrYmFyQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9zbmFja2Jhci1jb250YWluZXIuY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9zbmFja2Jhci5tb2RlbHMnO1xuZXhwb3J0ICogZnJvbSAnLi9zbmFja2Jhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zbmFja2Jhci1jb250YWluZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc25hY2tiYXItY29udGFpbmVyLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NuYWNrYmFyQ29tcG9uZW50LCBTbmFja2JhckNvbnRhaW5lckRpcmVjdGl2ZSwgU25hY2tiYXJDb250YWluZXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW1NuYWNrYmFyQ29udGFpbmVyQ29tcG9uZW50LCBTbmFja2JhckNvbnRhaW5lckRpcmVjdGl2ZSwgU25hY2tiYXJDb250YWluZXJDb21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtdLFxuICBib290c3RyYXA6IFtTbmFja2JhckNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgRmVzdG9Bbmd1bGFyU25hY2tiYXJNb2R1bGUge31cbiJdfQ==

package/esm2020/lib/components/snackbar/snackbar.service.mjs

@@ -0,0 +1,23 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class SnackbarService {
+    constructor() {
+        this.snacks = new Subject();
+        this.snacks$ = this.snacks.asObservable();
+    }
+    snack(data, actionCallback, closeCallback) {
+        return new Promise(resolve => {
+            this.snacks.next({ data, actionCallback, closeCallback, resolve });
+        });
+    }
+}
+SnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SnackbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SnackbarService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SnackbarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBYyxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBYTNDLE1BQU0sT0FBTyxlQUFlO0lBSzFCO1FBRlEsV0FBTSxHQUFHLElBQUksT0FBTyxFQUFvQixDQUFDO1FBRy9DLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QyxDQUFDO0lBRUQsS0FBSyxDQUFDLElBQWtCLEVBQUUsY0FBMkIsRUFBRSxhQUEwQjtRQUMvRSxPQUFPLElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQzNCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLGNBQWMsRUFBRSxhQUFhLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUNyRSxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OzRHQWJVLGVBQWU7Z0hBQWYsZUFBZSxjQUZkLE1BQU07MkZBRVAsZUFBZTtrQkFIM0IsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBTbmFja2JhckRhdGEgfSBmcm9tICcuL3NuYWNrYmFyLm1vZGVscyc7XG5cbmV4cG9ydCB0eXBlIFNuYWNrRGVzY3JpcHRpb24gPSB7XG4gIGRhdGE6IFNuYWNrYmFyRGF0YTtcbiAgYWN0aW9uQ2FsbGJhY2s/OiAoKSA9PiB2b2lkO1xuICBjbG9zZUNhbGxiYWNrPzogKCkgPT4gdm9pZDtcbiAgcmVzb2x2ZTogKHZhbHVlOiB1bmtub3duKSA9PiB2b2lkO1xufTtcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgU25hY2tiYXJTZXJ2aWNlIHtcbiAgc25hY2tzJDogT2JzZXJ2YWJsZTxTbmFja0Rlc2NyaXB0aW9uPjtcblxuICBwcml2YXRlIHNuYWNrcyA9IG5ldyBTdWJqZWN0PFNuYWNrRGVzY3JpcHRpb24+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5zbmFja3MkID0gdGhpcy5zbmFja3MuYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICBzbmFjayhkYXRhOiBTbmFja2JhckRhdGEsIGFjdGlvbkNhbGxiYWNrPzogKCkgPT4gdm9pZCwgY2xvc2VDYWxsYmFjaz86ICgpID0+IHZvaWQpIHtcbiAgICByZXR1cm4gbmV3IFByb21pc2UocmVzb2x2ZSA9PiB7XG4gICAgICB0aGlzLnNuYWNrcy5uZXh0KHsgZGF0YSwgYWN0aW9uQ2FsbGJhY2ssIGNsb3NlQ2FsbGJhY2ssIHJlc29sdmUgfSk7XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==

package/esm2020/lib/components/stepper-horizontal/step-horizontal/step-horizontal.component.mjs

@@ -0,0 +1,19 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class StepHorizontalComponent {
+    constructor() {
+        this.isActive = false;
+        this.title = '';
+    }
+}
+StepHorizontalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: StepHorizontalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StepHorizontalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: StepHorizontalComponent, selector: "fng-step-horizontal", inputs: { isActive: "isActive", title: "title" }, ngImport: i0, template: "<div class=\"overflow-hidden\" [class.hidden]=\"!isActive\">\n  <div class=\"fng-moving-container\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".overflow-hidden{overflow:hidden}@keyframes stepperAnimation{0%{transform:translate(100%)}to{transform:translate(0)}}.fng-moving-container{animation-name:stepperAnimation;animation-duration:.3s;animation-timing-function:ease}.hidden{display:none}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: StepHorizontalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fng-step-horizontal', template: "<div class=\"overflow-hidden\" [class.hidden]=\"!isActive\">\n  <div class=\"fng-moving-container\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".overflow-hidden{overflow:hidden}@keyframes stepperAnimation{0%{transform:translate(100%)}to{transform:translate(0)}}.fng-moving-container{animation-name:stepperAnimation;animation-duration:.3s;animation-timing-function:ease}.hidden{display:none}\n"] }]
+        }], propDecorators: { isActive: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1ob3Jpem9udGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlci1ob3Jpem9udGFsL3N0ZXAtaG9yaXpvbnRhbC9zdGVwLWhvcml6b250YWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVyLWhvcml6b250YWwvc3RlcC1ob3Jpem9udGFsL3N0ZXAtaG9yaXpvbnRhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPakQsTUFBTSxPQUFPLHVCQUF1QjtJQUxwQztRQU1XLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsVUFBSyxHQUFXLEVBQUUsQ0FBQztLQUM3Qjs7b0hBSlksdUJBQXVCO3dHQUF2Qix1QkFBdUIsNkdDUHBDLHlKQUtBOzJGREVhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxxQkFBcUI7OEJBS3RCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmbmctc3RlcC1ob3Jpem9udGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0ZXAtaG9yaXpvbnRhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0ZXAtaG9yaXpvbnRhbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFN0ZXBIb3Jpem9udGFsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaXNBY3RpdmUgPSBmYWxzZTtcblxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gJyc7XG59XG4iLCI8ZGl2IGNsYXNzPVwib3ZlcmZsb3ctaGlkZGVuXCIgW2NsYXNzLmhpZGRlbl09XCIhaXNBY3RpdmVcIj5cbiAgPGRpdiBjbGFzcz1cImZuZy1tb3ZpbmctY29udGFpbmVyXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/lib/components/stepper-horizontal/stepper-horizontal.component.mjs

@@ -0,0 +1,51 @@
+import { Component, ContentChildren, EventEmitter, Input, Output, QueryList } from '@angular/core';
+import { delay } from 'rxjs/operators';
+import { StepHorizontalComponent } from './step-horizontal/step-horizontal.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class StepperHorizontalComponent {
+    constructor() {
+        this.stepIndex = 0;
+        this.stepIndexChange = new EventEmitter();
+    }
+    ngOnChanges() {
+        this.updateStepComponents();
+    }
+    updateStepComponents() {
+        if (this.stepIndex > -1 && this.stepComponents?.length > this.stepIndex) {
+            this.stepComponents.forEach((s, i) => {
+                s.isActive = i == this.stepIndex;
+            });
+        }
+    }
+    ngAfterContentInit() {
+        if (!this.stepComponents) {
+            return;
+        }
+        this.stepComponents.changes.pipe(delay(0)).subscribe(() => {
+            this.updateStepComponents();
+        });
+        this.updateStepComponents();
+    }
+    onStepClick(index) {
+        if (this.stepIndex > index) {
+            this.stepIndex = index;
+            this.updateStepComponents();
+            this.stepIndexChange?.emit(index);
+        }
+    }
+}
+StepperHorizontalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: StepperHorizontalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StepperHorizontalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: StepperHorizontalComponent, selector: "fng-stepper-horizontal", inputs: { stepIndex: "stepIndex" }, outputs: { stepIndexChange: "stepIndexChange" }, queries: [{ propertyName: "stepComponents", predicate: StepHorizontalComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fwe-stepper-horizontal\">\n  <div\n    *ngFor=\"let step of stepComponents; index as i\"\n    class=\"fwe-step-container\"\n    (click)=\"onStepClick(i)\"\n    [class.fwe-step-done]=\"stepIndex > i\"\n    [class.fwe-step-active]=\"i === stepIndex\"\n  >\n    <div class=\"fwe-step\">\n      <div class=\"fwe-step-no\">{{ i + 1 }}</div>\n      <div class=\"fwe-step-name\">{{ step.title }}</div>\n    </div>\n  </div>\n</div>\n\n<ng-content></ng-content>\n", directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: StepperHorizontalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fng-stepper-horizontal', template: "<div class=\"fwe-stepper-horizontal\">\n  <div\n    *ngFor=\"let step of stepComponents; index as i\"\n    class=\"fwe-step-container\"\n    (click)=\"onStepClick(i)\"\n    [class.fwe-step-done]=\"stepIndex > i\"\n    [class.fwe-step-active]=\"i === stepIndex\"\n  >\n    <div class=\"fwe-step\">\n      <div class=\"fwe-step-no\">{{ i + 1 }}</div>\n      <div class=\"fwe-step-name\">{{ step.title }}</div>\n    </div>\n  </div>\n</div>\n\n<ng-content></ng-content>\n" }]
+        }], propDecorators: { stepComponents: [{
+                type: ContentChildren,
+                args: [StepHorizontalComponent]
+            }], stepIndex: [{
+                type: Input
+            }], stepIndexChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci1ob3Jpem9udGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlci1ob3Jpem9udGFsL3N0ZXBwZXItaG9yaXpvbnRhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXItaG9yaXpvbnRhbC9zdGVwcGVyLWhvcml6b250YWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFvQixTQUFTLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoSSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdkMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7OztBQU10RixNQUFNLE9BQU8sMEJBQTBCO0lBSnZDO1FBT1csY0FBUyxHQUFXLENBQUMsQ0FBQztRQUNyQixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0ErQnhEO0lBN0JDLFdBQVc7UUFDVCxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsb0JBQW9CO1FBQ2xCLElBQUksSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFLE1BQU0sR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3ZFLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO2dCQUNuQyxDQUFDLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQ25DLENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3hCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3hELElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQzlCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFhO1FBQ3ZCLElBQUksSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDdkIsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbkM7SUFDSCxDQUFDOzt1SEFsQ1UsMEJBQTBCOzJHQUExQiwwQkFBMEIsa0xBQ3BCLHVCQUF1QixrRENUMUMsc2RBZ0JBOzJGRFJhLDBCQUEwQjtrQkFKdEMsU0FBUzsrQkFDRSx3QkFBd0I7OEJBSVEsY0FBYztzQkFBdkQsZUFBZTt1QkFBQyx1QkFBdUI7Z0JBRS9CLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0ksZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBkZWxheSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IFN0ZXBIb3Jpem9udGFsQ29tcG9uZW50IH0gZnJvbSAnLi9zdGVwLWhvcml6b250YWwvc3RlcC1ob3Jpem9udGFsLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZuZy1zdGVwcGVyLWhvcml6b250YWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci1ob3Jpem9udGFsLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTdGVwcGVySG9yaXpvbnRhbENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQsIE9uQ2hhbmdlcyB7XG4gIEBDb250ZW50Q2hpbGRyZW4oU3RlcEhvcml6b250YWxDb21wb25lbnQpIHN0ZXBDb21wb25lbnRzITogUXVlcnlMaXN0PFN0ZXBIb3Jpem9udGFsQ29tcG9uZW50PjtcblxuICBASW5wdXQoKSBzdGVwSW5kZXg6IG51bWJlciA9IDA7XG4gIEBPdXRwdXQoKSBzdGVwSW5kZXhDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBuZ09uQ2hhbmdlcygpIHtcbiAgICB0aGlzLnVwZGF0ZVN0ZXBDb21wb25lbnRzKCk7XG4gIH1cblxuICB1cGRhdGVTdGVwQ29tcG9uZW50cygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zdGVwSW5kZXggPiAtMSAmJiB0aGlzLnN0ZXBDb21wb25lbnRzPy5sZW5ndGggPiB0aGlzLnN0ZXBJbmRleCkge1xuICAgICAgdGhpcy5zdGVwQ29tcG9uZW50cy5mb3JFYWNoKChzLCBpKSA9PiB7XG4gICAgICAgIHMuaXNBY3RpdmUgPSBpID09IHRoaXMuc3RlcEluZGV4O1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5zdGVwQ29tcG9uZW50cykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnN0ZXBDb21wb25lbnRzLmNoYW5nZXMucGlwZShkZWxheSgwKSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMudXBkYXRlU3RlcENvbXBvbmVudHMoKTtcbiAgICB9KTtcbiAgICB0aGlzLnVwZGF0ZVN0ZXBDb21wb25lbnRzKCk7XG4gIH1cblxuICBvblN0ZXBDbGljayhpbmRleDogbnVtYmVyKSB7XG4gICAgaWYgKHRoaXMuc3RlcEluZGV4ID4gaW5kZXgpIHtcbiAgICAgIHRoaXMuc3RlcEluZGV4ID0gaW5kZXg7XG4gICAgICB0aGlzLnVwZGF0ZVN0ZXBDb21wb25lbnRzKCk7XG4gICAgICB0aGlzLnN0ZXBJbmRleENoYW5nZT8uZW1pdChpbmRleCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZndlLXN0ZXBwZXItaG9yaXpvbnRhbFwiPlxuICA8ZGl2XG4gICAgKm5nRm9yPVwibGV0IHN0ZXAgb2Ygc3RlcENvbXBvbmVudHM7IGluZGV4IGFzIGlcIlxuICAgIGNsYXNzPVwiZndlLXN0ZXAtY29udGFpbmVyXCJcbiAgICAoY2xpY2spPVwib25TdGVwQ2xpY2soaSlcIlxuICAgIFtjbGFzcy5md2Utc3RlcC1kb25lXT1cInN0ZXBJbmRleCA+IGlcIlxuICAgIFtjbGFzcy5md2Utc3RlcC1hY3RpdmVdPVwiaSA9PT0gc3RlcEluZGV4XCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJmd2Utc3RlcFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImZ3ZS1zdGVwLW5vXCI+e3sgaSArIDEgfX08L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmd2Utc3RlcC1uYW1lXCI+e3sgc3RlcC50aXRsZSB9fTwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuXG48bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=

package/esm2020/lib/components/stepper-vertical/step-vertical/step-vertical.component.mjs

@@ -0,0 +1,56 @@
+import { Component, ElementRef, Input, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+export class StepVerticalComponent {
+    constructor() {
+        this.index = 0;
+        this.title = '';
+        this.isDone = false;
+        this.isLastElement = false;
+        this._isActive = false;
+    }
+    // Note: OnChanges does not work because the input are not updated via bindings
+    set isActive(value) {
+        this._isActive = value;
+        this.updateHeight();
+    }
+    get isActive() {
+        return this._isActive;
+    }
+    updateHeight() {
+        if (this.stepContent && this.stepContentContainer) {
+            if (this.isActive) {
+                const itemHeight = this.stepContent.nativeElement.offsetHeight;
+                this.stepContentContainer.nativeElement.style.height = itemHeight + 'px';
+            }
+            else {
+                this.stepContentContainer.nativeElement.style.height = '20px';
+            }
+        }
+    }
+    ngAfterViewInit() {
+        this.updateHeight();
+    }
+}
+StepVerticalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: StepVerticalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StepVerticalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: StepVerticalComponent, selector: "fng-step-vertical", inputs: { index: "index", title: "title", isDone: "isDone", isLastElement: "isLastElement", isActive: "isActive" }, viewQueries: [{ propertyName: "stepContent", first: true, predicate: ["stepContent"], descendants: true }, { propertyName: "stepContentContainer", first: true, predicate: ["stepContentContainer"], descendants: true }], ngImport: i0, template: "<div\n  class=\"fwe-step-container\"\n  [class.fwe-last-element]=\"isLastElement\"\n  [class.fwe-step-active]=\"isActive\"\n  [class.fwe-step-done]=\"isDone\"\n>\n  <div class=\"fwe-step\" (click)=\"onStepClickCallback(index)\">\n    <div class=\"fwe-step-no\">{{ index + 1 }}</div>\n    <div class=\"fwe-step-name\">{{ title }}</div>\n  </div>\n  <div #stepContentContainer class=\"fwe-step-content-container\">\n    <div #stepContent class=\"fwe-step-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".fwe-step-container.fwe-step-active .fwe-step-content-container{height:20px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: StepVerticalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fng-step-vertical', template: "<div\n  class=\"fwe-step-container\"\n  [class.fwe-last-element]=\"isLastElement\"\n  [class.fwe-step-active]=\"isActive\"\n  [class.fwe-step-done]=\"isDone\"\n>\n  <div class=\"fwe-step\" (click)=\"onStepClickCallback(index)\">\n    <div class=\"fwe-step-no\">{{ index + 1 }}</div>\n    <div class=\"fwe-step-name\">{{ title }}</div>\n  </div>\n  <div #stepContentContainer class=\"fwe-step-content-container\">\n    <div #stepContent class=\"fwe-step-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".fwe-step-container.fwe-step-active .fwe-step-content-container{height:20px}\n"] }]
+        }], propDecorators: { stepContent: [{
+                type: ViewChild,
+                args: ['stepContent']
+            }], stepContentContainer: [{
+                type: ViewChild,
+                args: ['stepContentContainer']
+            }], index: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], isDone: [{
+                type: Input
+            }], isLastElement: [{
+                type: Input
+            }], isActive: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC12ZXJ0aWNhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXItdmVydGljYWwvc3RlcC12ZXJ0aWNhbC9zdGVwLXZlcnRpY2FsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlci12ZXJ0aWNhbC9zdGVwLXZlcnRpY2FsL3N0ZXAtdmVydGljYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT3ZGLE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFTVyxVQUFLLEdBQVcsQ0FBQyxDQUFDO1FBRWxCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFFbkIsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUV4QixrQkFBYSxHQUFZLEtBQUssQ0FBQztRQVV4QyxjQUFTLEdBQUcsS0FBSyxDQUFDO0tBa0JuQjtJQTFCQywrRUFBK0U7SUFDL0UsSUFBYSxRQUFRLENBQUMsS0FBYztRQUNsQyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBS0QsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsb0JBQW9CLEVBQUU7WUFDakQsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO2dCQUNqQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7Z0JBQy9ELElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxVQUFVLEdBQUcsSUFBSSxDQUFDO2FBQzFFO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7YUFDL0Q7U0FDRjtJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7O2tIQXJDVSxxQkFBcUI7c0dBQXJCLHFCQUFxQix3WUNQbEMsa2hCQWdCQTsyRkRUYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQUtILFdBQVc7c0JBQXBDLFNBQVM7dUJBQUMsYUFBYTtnQkFDVyxvQkFBb0I7c0JBQXRELFNBQVM7dUJBQUMsc0JBQXNCO2dCQUV4QixLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFFRyxhQUFhO3NCQUFyQixLQUFLO2dCQUdPLFFBQVE7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZm5nLXN0ZXAtdmVydGljYWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcC12ZXJ0aWNhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0ZXAtdmVydGljYWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTdGVwVmVydGljYWxDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgnc3RlcENvbnRlbnQnKSBzdGVwQ29udGVudD86IEVsZW1lbnRSZWY7XG4gIEBWaWV3Q2hpbGQoJ3N0ZXBDb250ZW50Q29udGFpbmVyJykgc3RlcENvbnRlbnRDb250YWluZXI/OiBFbGVtZW50UmVmO1xuXG4gIEBJbnB1dCgpIGluZGV4OiBudW1iZXIgPSAwO1xuXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKSBpc0RvbmU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKSBpc0xhc3RFbGVtZW50OiBib29sZWFuID0gZmFsc2U7XG5cbiAgLy8gTm90ZTogT25DaGFuZ2VzIGRvZXMgbm90IHdvcmsgYmVjYXVzZSB0aGUgaW5wdXQgYXJlIG5vdCB1cGRhdGVkIHZpYSBiaW5kaW5nc1xuICBASW5wdXQoKSBzZXQgaXNBY3RpdmUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9pc0FjdGl2ZSA9IHZhbHVlO1xuICAgIHRoaXMudXBkYXRlSGVpZ2h0KCk7XG4gIH1cbiAgZ2V0IGlzQWN0aXZlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9pc0FjdGl2ZTtcbiAgfVxuICBfaXNBY3RpdmUgPSBmYWxzZTtcblxuICBwdWJsaWMgb25TdGVwQ2xpY2tDYWxsYmFjazogKGk6IG51bWJlcikgPT4gdm9pZDtcblxuICB1cGRhdGVIZWlnaHQoKSB7XG4gICAgaWYgKHRoaXMuc3RlcENvbnRlbnQgJiYgdGhpcy5zdGVwQ29udGVudENvbnRhaW5lcikge1xuICAgICAgaWYgKHRoaXMuaXNBY3RpdmUpIHtcbiAgICAgICAgY29uc3QgaXRlbUhlaWdodCA9IHRoaXMuc3RlcENvbnRlbnQubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQ7XG4gICAgICAgIHRoaXMuc3RlcENvbnRlbnRDb250YWluZXIubmF0aXZlRWxlbWVudC5zdHlsZS5oZWlnaHQgPSBpdGVtSGVpZ2h0ICsgJ3B4JztcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuc3RlcENvbnRlbnRDb250YWluZXIubmF0aXZlRWxlbWVudC5zdHlsZS5oZWlnaHQgPSAnMjBweCc7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMudXBkYXRlSGVpZ2h0KCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJmd2Utc3RlcC1jb250YWluZXJcIlxuICBbY2xhc3MuZndlLWxhc3QtZWxlbWVudF09XCJpc0xhc3RFbGVtZW50XCJcbiAgW2NsYXNzLmZ3ZS1zdGVwLWFjdGl2ZV09XCJpc0FjdGl2ZVwiXG4gIFtjbGFzcy5md2Utc3RlcC1kb25lXT1cImlzRG9uZVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJmd2Utc3RlcFwiIChjbGljayk9XCJvblN0ZXBDbGlja0NhbGxiYWNrKGluZGV4KVwiPlxuICAgIDxkaXYgY2xhc3M9XCJmd2Utc3RlcC1ub1wiPnt7IGluZGV4ICsgMSB9fTwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJmd2Utc3RlcC1uYW1lXCI+e3sgdGl0bGUgfX08L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgI3N0ZXBDb250ZW50Q29udGFpbmVyIGNsYXNzPVwiZndlLXN0ZXAtY29udGVudC1jb250YWluZXJcIj5cbiAgICA8ZGl2ICNzdGVwQ29udGVudCBjbGFzcz1cImZ3ZS1zdGVwLWNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/components/stepper-vertical/stepper-vertical.component.mjs

@@ -0,0 +1,54 @@
+import { Component, ContentChildren, EventEmitter, Input, Output, QueryList } from '@angular/core';
+import { delay } from 'rxjs/operators';
+import { StepVerticalComponent } from './step-vertical/step-vertical.component';
+import * as i0 from "@angular/core";
+export class StepperVerticalComponent {
+    constructor() {
+        this.stepIndex = 0;
+        this.stepIndexChange = new EventEmitter();
+    }
+    ngOnChanges() {
+        this.updateStepComponents();
+    }
+    updateStepComponents() {
+        if (this.stepIndex > -1 && this.stepComponents?.length > this.stepIndex) {
+            this.stepComponents.forEach((s, i) => {
+                s.index = i;
+                s.isDone = i < this.stepIndex;
+                s.isActive = i == this.stepIndex;
+                s.isLastElement = i == this.stepComponents.length - 1;
+                s.onStepClickCallback = i => this.onStepClick(i);
+            });
+        }
+    }
+    ngAfterContentInit() {
+        if (!this.stepComponents) {
+            return;
+        }
+        this.stepComponents.changes.pipe(delay(0)).subscribe(() => {
+            this.updateStepComponents();
+        });
+        this.updateStepComponents();
+    }
+    onStepClick(index) {
+        if (this.stepIndex > index) {
+            this.stepIndex = index;
+            this.updateStepComponents();
+            this.stepIndexChange?.emit(index);
+        }
+    }
+}
+StepperVerticalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: StepperVerticalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StepperVerticalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: StepperVerticalComponent, selector: "fng-stepper-vertical", inputs: { stepIndex: "stepIndex" }, outputs: { stepIndexChange: "stepIndexChange" }, queries: [{ propertyName: "stepComponents", predicate: StepVerticalComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fwe-stepper-vertical\">\n  <ng-content></ng-content>\n</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: StepperVerticalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fng-stepper-vertical', template: "<div class=\"fwe-stepper-vertical\">\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { stepComponents: [{
+                type: ContentChildren,
+                args: [StepVerticalComponent]
+            }], stepIndex: [{
+                type: Input
+            }], stepIndexChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci12ZXJ0aWNhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXItdmVydGljYWwvc3RlcHBlci12ZXJ0aWNhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXItdmVydGljYWwvc3RlcHBlci12ZXJ0aWNhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hJLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7QUFNaEYsTUFBTSxPQUFPLHdCQUF3QjtJQUpyQztRQU9XLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFDckIsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBbUN4RDtJQWpDQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELG9CQUFvQjtRQUNsQixJQUFJLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxNQUFNLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUN2RSxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRTtnQkFDbkMsQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7Z0JBQ1osQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztnQkFDOUIsQ0FBQyxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQztnQkFDakMsQ0FBQyxDQUFDLGFBQWEsR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO2dCQUN0RCxDQUFDLENBQUMsbUJBQW1CLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ25ELENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3hCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3hELElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQzlCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFhO1FBQ3ZCLElBQUksSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDdkIsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbkM7SUFDSCxDQUFDOztxSEF0Q1Usd0JBQXdCO3lHQUF4Qix3QkFBd0IsZ0xBQ2xCLHFCQUFxQixrRENUeEMsNkVBR0E7MkZES2Esd0JBQXdCO2tCQUpwQyxTQUFTOytCQUNFLHNCQUFzQjs4QkFJUSxjQUFjO3NCQUFyRCxlQUFlO3VCQUFDLHFCQUFxQjtnQkFFN0IsU0FBUztzQkFBakIsS0FBSztnQkFDSSxlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT3V0cHV0LCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGRlbGF5IH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgU3RlcFZlcnRpY2FsQ29tcG9uZW50IH0gZnJvbSAnLi9zdGVwLXZlcnRpY2FsL3N0ZXAtdmVydGljYWwuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZm5nLXN0ZXBwZXItdmVydGljYWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci12ZXJ0aWNhbC5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgU3RlcHBlclZlcnRpY2FsQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCwgT25DaGFuZ2VzIHtcbiAgQENvbnRlbnRDaGlsZHJlbihTdGVwVmVydGljYWxDb21wb25lbnQpIHN0ZXBDb21wb25lbnRzITogUXVlcnlMaXN0PFN0ZXBWZXJ0aWNhbENvbXBvbmVudD47XG5cbiAgQElucHV0KCkgc3RlcEluZGV4OiBudW1iZXIgPSAwO1xuICBAT3V0cHV0KCkgc3RlcEluZGV4Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgdGhpcy51cGRhdGVTdGVwQ29tcG9uZW50cygpO1xuICB9XG5cbiAgdXBkYXRlU3RlcENvbXBvbmVudHMoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc3RlcEluZGV4ID4gLTEgJiYgdGhpcy5zdGVwQ29tcG9uZW50cz8ubGVuZ3RoID4gdGhpcy5zdGVwSW5kZXgpIHtcbiAgICAgIHRoaXMuc3RlcENvbXBvbmVudHMuZm9yRWFjaCgocywgaSkgPT4ge1xuICAgICAgICBzLmluZGV4ID0gaTtcbiAgICAgICAgcy5pc0RvbmUgPSBpIDwgdGhpcy5zdGVwSW5kZXg7XG4gICAgICAgIHMuaXNBY3RpdmUgPSBpID09IHRoaXMuc3RlcEluZGV4O1xuICAgICAgICBzLmlzTGFzdEVsZW1lbnQgPSBpID09IHRoaXMuc3RlcENvbXBvbmVudHMubGVuZ3RoIC0gMTtcbiAgICAgICAgcy5vblN0ZXBDbGlja0NhbGxiYWNrID0gaSA9PiB0aGlzLm9uU3RlcENsaWNrKGkpO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5zdGVwQ29tcG9uZW50cykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnN0ZXBDb21wb25lbnRzLmNoYW5nZXMucGlwZShkZWxheSgwKSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMudXBkYXRlU3RlcENvbXBvbmVudHMoKTtcbiAgICB9KTtcbiAgICB0aGlzLnVwZGF0ZVN0ZXBDb21wb25lbnRzKCk7XG4gIH1cblxuICBvblN0ZXBDbGljayhpbmRleDogbnVtYmVyKSB7XG4gICAgaWYgKHRoaXMuc3RlcEluZGV4ID4gaW5kZXgpIHtcbiAgICAgIHRoaXMuc3RlcEluZGV4ID0gaW5kZXg7XG4gICAgICB0aGlzLnVwZGF0ZVN0ZXBDb21wb25lbnRzKCk7XG4gICAgICB0aGlzLnN0ZXBJbmRleENoYW5nZT8uZW1pdChpbmRleCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZndlLXN0ZXBwZXItdmVydGljYWxcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/components/table-header-cell/table-header-cell.directive.mjs

@@ -0,0 +1,58 @@
+import { Directive, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TableHeaderCellDirective {
+    constructor() {
+        this.changeOrder = new EventEmitter();
+    }
+    get active() {
+        if (this.order == null) {
+            return false;
+        }
+        if (this.order.orderBy == null || this.fngTh == null) {
+            return false;
+        }
+        return this.order.orderBy === this.fngTh;
+    }
+    get orderDescending() {
+        return this.active && !this.order.ascending;
+    }
+    onChangeOrder() {
+        this.changeOrder.emit(this.fngTh);
+    }
+}
+TableHeaderCellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TableHeaderCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TableHeaderCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: TableHeaderCellDirective, selector: "[fngTh]", inputs: { order: "order", fngTh: "fngTh", abbr: "abbr", colspan: "colspan", headers: "headers", rowspan: "rowspan", scope: "scope" }, outputs: { changeOrder: "changeOrder" }, host: { listeners: { "click": "onChangeOrder()" }, properties: { "class.fwe-table-order": "order != null", "class.fwe-active": "active", "class.fwe-table-order-descending": "orderDescending", "attr.abbr": "abbr", "attr.colspan": "colspan", "attr.headers": "headers", "attr.rowspan": "rowspan", "attr.scope": "scope" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TableHeaderCellDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fngTh]',
+                    host: {
+                        '[class.fwe-table-order]': 'order != null',
+                        '[class.fwe-active]': 'active',
+                        '[class.fwe-table-order-descending]': 'orderDescending',
+                        '[attr.abbr]': 'abbr',
+                        '[attr.colspan]': 'colspan',
+                        '[attr.headers]': 'headers',
+                        '[attr.rowspan]': 'rowspan',
+                        '[attr.scope]': 'scope',
+                        '(click)': 'onChangeOrder()'
+                    }
+                }]
+        }], propDecorators: { order: [{
+                type: Input
+            }], fngTh: [{
+                type: Input
+            }], changeOrder: [{
+                type: Output
+            }], abbr: [{
+                type: Input
+            }], colspan: [{
+                type: Input
+            }], headers: [{
+                type: Input
+            }], rowspan: [{
+                type: Input
+            }], scope: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtaGVhZGVyLWNlbGwuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS1oZWFkZXItY2VsbC90YWJsZS1oZWFkZXItY2VsbC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFxQnZFLE1BQU0sT0FBTyx3QkFBd0I7SUFkckM7UUFrQlksZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBNEJwRDtJQW5CQyxJQUFJLE1BQU07UUFDUixJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxFQUFFO1lBQ3RCLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksRUFBRTtZQUNwRCxPQUFPLEtBQUssQ0FBQztTQUNkO1FBRUQsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQzNDLENBQUM7SUFFRCxJQUFJLGVBQWU7UUFDakIsT0FBTyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUM7SUFDOUMsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQzs7cUhBL0JVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBZHBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFNBQVM7b0JBQ25CLElBQUksRUFBRTt3QkFDSix5QkFBeUIsRUFBRSxlQUFlO3dCQUMxQyxvQkFBb0IsRUFBRSxRQUFRO3dCQUM5QixvQ0FBb0MsRUFBRSxpQkFBaUI7d0JBQ3ZELGFBQWEsRUFBRSxNQUFNO3dCQUNyQixnQkFBZ0IsRUFBRSxTQUFTO3dCQUMzQixnQkFBZ0IsRUFBRSxTQUFTO3dCQUMzQixnQkFBZ0IsRUFBRSxTQUFTO3dCQUMzQixjQUFjLEVBQUUsT0FBTzt3QkFDdkIsU0FBUyxFQUFFLGlCQUFpQjtxQkFDN0I7aUJBQ0Y7OEJBRVUsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUdFLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYmxlQ29sdW1uT3JkZXIge1xuICBvcmRlckJ5Pzogc3RyaW5nO1xuICBhc2NlbmRpbmc6IGJvb2xlYW47XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tmbmdUaF0nLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5md2UtdGFibGUtb3JkZXJdJzogJ29yZGVyICE9IG51bGwnLFxuICAgICdbY2xhc3MuZndlLWFjdGl2ZV0nOiAnYWN0aXZlJyxcbiAgICAnW2NsYXNzLmZ3ZS10YWJsZS1vcmRlci1kZXNjZW5kaW5nXSc6ICdvcmRlckRlc2NlbmRpbmcnLFxuICAgICdbYXR0ci5hYmJyXSc6ICdhYmJyJyxcbiAgICAnW2F0dHIuY29sc3Bhbl0nOiAnY29sc3BhbicsXG4gICAgJ1thdHRyLmhlYWRlcnNdJzogJ2hlYWRlcnMnLFxuICAgICdbYXR0ci5yb3dzcGFuXSc6ICdyb3dzcGFuJyxcbiAgICAnW2F0dHIuc2NvcGVdJzogJ3Njb3BlJyxcbiAgICAnKGNsaWNrKSc6ICdvbkNoYW5nZU9yZGVyKCknXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgVGFibGVIZWFkZXJDZWxsRGlyZWN0aXZlIHtcbiAgQElucHV0KCkgb3JkZXI6IFRhYmxlQ29sdW1uT3JkZXI7XG4gIEBJbnB1dCgpIGZuZ1RoOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGNoYW5nZU9yZGVyID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgLyogQXR0cmlidXRlcyAqL1xuICBASW5wdXQoKSBhYmJyOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNvbHNwYW46IG51bWJlcjtcbiAgQElucHV0KCkgaGVhZGVyczogc3RyaW5nO1xuICBASW5wdXQoKSByb3dzcGFuOiBudW1iZXI7XG4gIEBJbnB1dCgpIHNjb3BlOiBzdHJpbmc7XG5cbiAgZ2V0IGFjdGl2ZSgpOiBib29sZWFuIHtcbiAgICBpZiAodGhpcy5vcmRlciA9PSBudWxsKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMub3JkZXIub3JkZXJCeSA9PSBudWxsIHx8IHRoaXMuZm5nVGggPT0gbnVsbCkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cblxuICAgIHJldHVybiB0aGlzLm9yZGVyLm9yZGVyQnkgPT09IHRoaXMuZm5nVGg7XG4gIH1cblxuICBnZXQgb3JkZXJEZXNjZW5kaW5nKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmFjdGl2ZSAmJiAhdGhpcy5vcmRlci5hc2NlbmRpbmc7XG4gIH1cblxuICBvbkNoYW5nZU9yZGVyKCkge1xuICAgIHRoaXMuY2hhbmdlT3JkZXIuZW1pdCh0aGlzLmZuZ1RoKTtcbiAgfVxufVxuIl19

package/esm2020/lib/components/tabs/tab-pane/tab-pane.component.mjs

@@ -0,0 +1,31 @@
+import { Component, Input } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class TabPaneComponent {
+    constructor() {
+        this.tabPaneId = `tab-panel-content-${++TabPaneComponent.nextId}`;
+        this.changesSubject = new Subject();
+        this.changes$ = this.changesSubject.asObservable();
+    }
+    ngOnChanges() {
+        this.changesSubject.next(true);
+    }
+}
+TabPaneComponent.nextId = 0;
+TabPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TabPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TabPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: TabPaneComponent, selector: "fng-tab-pane", inputs: { id: "id", name: "name", icon: "icon", active: "active", isVisible: "isVisible" }, usesOnChanges: true, ngImport: i0, template: "<div role=\"tabpanel\" [id]=\"tabPaneId\" [attr.aria-labelledby]=\"tabId\" [class.fng-show]=\"isVisible\" [class.fng-hide]=\"!isVisible\">\n  <ng-content></ng-content>\n</div>\n", styles: [".fng-show{display:block}.fng-hide{display:none}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TabPaneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fng-tab-pane', template: "<div role=\"tabpanel\" [id]=\"tabPaneId\" [attr.aria-labelledby]=\"tabId\" [class.fng-show]=\"isVisible\" [class.fng-hide]=\"!isVisible\">\n  <ng-content></ng-content>\n</div>\n", styles: [".fng-show{display:block}.fng-hide{display:none}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], isVisible: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXBhbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy90YWJzL3RhYi1wYW5lL3RhYi1wYW5lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvdGFicy90YWItcGFuZS90YWItcGFuZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQU8vQixNQUFNLE9BQU8sZ0JBQWdCO0lBTDdCO1FBY0UsY0FBUyxHQUFHLHFCQUFxQixFQUFFLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxDQUFDO1FBRXJELG1CQUFjLEdBQUcsSUFBSSxPQUFPLEVBQVcsQ0FBQztRQUNoRCxhQUFRLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztLQUsvQztJQUhDLFdBQVc7UUFDVCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNqQyxDQUFDOztBQWZNLHVCQUFNLEdBQUcsQ0FBQyxDQUFDOzZHQURQLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLHFLQ1I3QixtTEFHQTsyRkRLYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsY0FBYzs4QkFPZixFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmbmctdGFiLXBhbmUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFiLXBhbmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWItcGFuZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRhYlBhbmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBzdGF0aWMgbmV4dElkID0gMDtcbiAgLy8gQGRlcHJjYXRlZCBJbnB1dCgpIGlkIGlzIG5vdCBpbiB1c2UgYW55bW9yZSBidXQgc3RpbGwgZXhpc3RzIGZvciBiYWNrd2FyZHMgY29tcGF0aWJsaXR5XG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBhY3RpdmU6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGlzVmlzaWJsZTogYm9vbGVhbjtcbiAgdGFiSWQ6IHN0cmluZztcbiAgdGFiUGFuZUlkID0gYHRhYi1wYW5lbC1jb250ZW50LSR7KytUYWJQYW5lQ29tcG9uZW50Lm5leHRJZH1gO1xuXG4gIHByaXZhdGUgY2hhbmdlc1N1YmplY3QgPSBuZXcgU3ViamVjdDxib29sZWFuPigpO1xuICBjaGFuZ2VzJCA9IHRoaXMuY2hhbmdlc1N1YmplY3QuYXNPYnNlcnZhYmxlKCk7XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy5jaGFuZ2VzU3ViamVjdC5uZXh0KHRydWUpO1xuICB9XG59XG4iLCI8ZGl2IHJvbGU9XCJ0YWJwYW5lbFwiIFtpZF09XCJ0YWJQYW5lSWRcIiBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwidGFiSWRcIiBbY2xhc3MuZm5nLXNob3ddPVwiaXNWaXNpYmxlXCIgW2NsYXNzLmZuZy1oaWRlXT1cIiFpc1Zpc2libGVcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=