@festo-ui/angular 3.1.0-pre-20220203.2 → 3.1.0-pre-20220203.4

package/esm2020/lib/components/search-input/search-input.component.mjs

@@ -0,0 +1,150 @@
+import { Component, Input, ViewChild, ElementRef, ViewEncapsulation, Output, EventEmitter, HostListener } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+import * as i1 from "../click-outside.directive";
+import * as i2 from "@angular/common";
+/**
+ * A custom form element for search inputs.
+ */
+export class SearchInputComponent {
+    constructor() {
+        /**
+         * the querrry was changed, update the suggetion list
+         */
+        this.fngChange = new EventEmitter();
+        /**
+         * Start search on this event
+         */
+        this.fngSearch = new EventEmitter();
+        /**
+         * The search input label.
+         */
+        this.label = '';
+        this.innerDisabled = false;
+        this.innerValue = '';
+        this.innerSuggestions = [];
+        this.hideSuggestionList = false;
+        // This is the index of the selected element in dhe suggestion list.
+        this.selectedSuggestionIndex = -1;
+    }
+    /**
+     * When true the control's disabled attribute is set
+     * and it gets addeed the .disabled css class.
+     */
+    get disabled() {
+        return this.innerDisabled;
+    }
+    set disabled(value) {
+        this.innerDisabled = coerceBooleanProperty(value);
+    }
+    /**
+     * The getter for value.
+     */
+    get value() {
+        return this.innerValue;
+    }
+    /**
+     * The setter for value.
+     */
+    set value(value) {
+        if (value != null) {
+            value = '' + value;
+        }
+        this.innerValue = value;
+    }
+    /**
+     * The list of suggestions
+     */
+    set suggestions(value) {
+        this.selectedSuggestionIndex = -1;
+        this.innerSuggestions = value;
+    }
+    /**
+     * The list of suggestions capped by 10 entries
+     */
+    get cappedSuggestions() {
+        return this.innerSuggestions.slice(0, 10);
+    }
+    keyhandler(event) {
+        if (!this.cappedSuggestions || !this.cappedSuggestions.length) {
+            return;
+        }
+        // navigate inside the suggestion list
+        if (event.key === 'ArrowUp') {
+            if (this.selectedSuggestionIndex > 0) {
+                this.selectedSuggestionIndex--;
+            }
+            else {
+                this.selectedSuggestionIndex = this.cappedSuggestions.length - 1;
+            }
+            this.value = this.cappedSuggestions[this.selectedSuggestionIndex];
+        }
+        if (event.key === 'ArrowDown') {
+            if (this.selectedSuggestionIndex >= this.cappedSuggestions.length - 1) {
+                this.selectedSuggestionIndex = 0;
+            }
+            else {
+                this.selectedSuggestionIndex++;
+            }
+            this.value = this.cappedSuggestions[this.selectedSuggestionIndex];
+        }
+    }
+    onClickOutside() {
+        this.hideSuggestionList = true;
+    }
+    onFocus() {
+        this.hideSuggestionList = false;
+    }
+    onInput(event) {
+        this.selectedSuggestionIndex = -1;
+        this.value = event.target.value;
+        this.fngChange.emit(this.value);
+    }
+    // also triggert on "Enter" and "Escape"
+    onSearch(event) {
+        event.stopPropagation();
+        this.selectedSuggestionIndex = -1;
+        this.fngSearch.emit(this.value);
+        this.hideSuggestionList = true;
+        this.inputRef.nativeElement.blur();
+    }
+    onSuggestionClick(suggestion) {
+        this.selectedSuggestionIndex = -1;
+        this.value = suggestion;
+        this.fngSearch.emit(this.value);
+        this.hideSuggestionList = true;
+        this.inputRef.nativeElement.blur();
+    }
+    clearQuerry() {
+        this.selectedSuggestionIndex = -1;
+        this.value = '';
+        this.fngSearch.emit(this.value);
+        this.hideSuggestionList = true;
+        this.inputRef.nativeElement.blur();
+    }
+}
+SearchInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SearchInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: SearchInputComponent, selector: "fng-search-input", inputs: { label: "label", disabled: "disabled", value: "value", suggestions: "suggestions" }, outputs: { fngChange: "fngChange", fngSearch: "fngSearch" }, host: { listeners: { "document:keydown": "keyhandler($event)" } }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"fwe-search-input fwe-w-100\" (clickOutside)=\"onClickOutside()\" fngClickOutside>\n  <input\n    class=\"fwe-w-100\"\n    #inputElement\n    [attr.disabled]=\"disabled ? '' : null\"\n    [placeholder]=\"label\"\n    (focus)=\"onFocus()\"\n    type=\"search\"\n    (input)=\"onInput($event)\"\n    (search)=\"onSearch($event)\"\n    [value]=\"innerValue\"\n  />\n  <div class=\"fwe-search-icon\"></div>\n  <div class=\"fwe-clear-icon\" (click)=\"clearQuerry()\"></div>\n  <div class=\"fwe-search-suggestions\" *ngIf=\"innerSuggestions?.length && !hideSuggestionList\">\n    <div\n      *ngFor=\"let suggestion of cappedSuggestions; let i = index\"\n      (click)=\"onSuggestionClick(suggestion)\"\n      [class.fwe-selected]=\"selectedSuggestionIndex === i\"\n      class=\"fwe-search-suggestion\"\n    >\n      {{ suggestion }}\n    </div>\n    <div class=\"fwe-ml-xxs\" *ngIf=\"innerSuggestions.length > 10\">...</div>\n  </div>\n</div>\n", styles: [".fwe-w-100{width:100%}\n"], directives: [{ type: i1.ClickOutsideDirective, selector: "[fngClickOutside]", outputs: ["clickOutside"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SearchInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fng-search-input', encapsulation: ViewEncapsulation.None, template: "<div class=\"fwe-search-input fwe-w-100\" (clickOutside)=\"onClickOutside()\" fngClickOutside>\n  <input\n    class=\"fwe-w-100\"\n    #inputElement\n    [attr.disabled]=\"disabled ? '' : null\"\n    [placeholder]=\"label\"\n    (focus)=\"onFocus()\"\n    type=\"search\"\n    (input)=\"onInput($event)\"\n    (search)=\"onSearch($event)\"\n    [value]=\"innerValue\"\n  />\n  <div class=\"fwe-search-icon\"></div>\n  <div class=\"fwe-clear-icon\" (click)=\"clearQuerry()\"></div>\n  <div class=\"fwe-search-suggestions\" *ngIf=\"innerSuggestions?.length && !hideSuggestionList\">\n    <div\n      *ngFor=\"let suggestion of cappedSuggestions; let i = index\"\n      (click)=\"onSuggestionClick(suggestion)\"\n      [class.fwe-selected]=\"selectedSuggestionIndex === i\"\n      class=\"fwe-search-suggestion\"\n    >\n      {{ suggestion }}\n    </div>\n    <div class=\"fwe-ml-xxs\" *ngIf=\"innerSuggestions.length > 10\">...</div>\n  </div>\n</div>\n", styles: [".fwe-w-100{width:100%}\n"] }]
+        }], propDecorators: { inputRef: [{
+                type: ViewChild,
+                args: ['inputElement']
+            }], fngChange: [{
+                type: Output
+            }], fngSearch: [{
+                type: Output
+            }], label: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], suggestions: [{
+                type: Input
+            }], keyhandler: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvc2VhcmNoLWlucHV0L3NlYXJjaC1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3NlYXJjaC1pbnB1dC9zZWFyY2gtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvSCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQUU5RDs7R0FFRztBQU9ILE1BQU0sT0FBTyxvQkFBb0I7SUFOakM7UUFVRTs7V0FFRztRQUVNLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRWhEOztXQUVHO1FBRU0sY0FBUyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFaEQ7O1dBRUc7UUFDTSxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBYWxCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBRWhDLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFvQ3hCLHFCQUFnQixHQUFhLEVBQUUsQ0FBQztRQUNoQyx1QkFBa0IsR0FBWSxLQUFLLENBQUM7UUFFcEMsb0VBQW9FO1FBQ3BFLDRCQUF1QixHQUFHLENBQUMsQ0FBQyxDQUFDO0tBa0U5QjtJQXZIQzs7O09BR0c7SUFDSCxJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDNUIsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLEtBQWM7UUFDekIsSUFBSSxDQUFDLGFBQWEsR0FB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UUFDbEMsSUFBSSxDQUFDLHVCQUF1QixHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxLQUFLLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoQyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDO1FBQy9CLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLHVCQUF1QixHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoQyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDO1FBQy9CLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JDLENBQUM7O2lIQTNJVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixnWUNaakMsMDdCQTBCQTsyRkRkYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0Usa0JBQWtCLGlCQUdiLGlCQUFpQixDQUFDLElBQUk7OEJBSXJDLFFBQVE7c0JBRFAsU0FBUzt1QkFBQyxjQUFjO2dCQU9oQixTQUFTO3NCQURqQixNQUFNO2dCQU9FLFNBQVM7c0JBRGpCLE1BQU07Z0JBTUUsS0FBSztzQkFBYixLQUFLO2dCQU9GLFFBQVE7c0JBRFgsS0FBSztnQkFzQkYsS0FBSztzQkFEUixLQUFLO2dCQVlGLFdBQVc7c0JBRGQsS0FBSztnQkFvQk4sVUFBVTtzQkFEVCxZQUFZO3VCQUFDLGtCQUFrQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0NoaWxkLCBFbGVtZW50UmVmLCBWaWV3RW5jYXBzdWxhdGlvbiwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuLyoqXG4gKiBBIGN1c3RvbSBmb3JtIGVsZW1lbnQgZm9yIHNlYXJjaCBpbnB1dHMuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZuZy1zZWFyY2gtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2VhcmNoLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgU2VhcmNoSW5wdXRDb21wb25lbnQge1xuICBAVmlld0NoaWxkKCdpbnB1dEVsZW1lbnQnKVxuICBpbnB1dFJlZiE6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG5cbiAgLyoqXG4gICAqIHRoZSBxdWVycnJ5IHdhcyBjaGFuZ2VkLCB1cGRhdGUgdGhlIHN1Z2dldGlvbiBsaXN0XG4gICAqL1xuICBAT3V0cHV0KClcbiAgcmVhZG9ubHkgZm5nQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgLyoqXG4gICAqIFN0YXJ0IHNlYXJjaCBvbiB0aGlzIGV2ZW50XG4gICAqL1xuICBAT3V0cHV0KClcbiAgcmVhZG9ubHkgZm5nU2VhcmNoID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgLyoqXG4gICAqIFRoZSBzZWFyY2ggaW5wdXQgbGFiZWwuXG4gICAqL1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIFdoZW4gdHJ1ZSB0aGUgY29udHJvbCdzIGRpc2FibGVkIGF0dHJpYnV0ZSBpcyBzZXRcbiAgICogYW5kIGl0IGdldHMgYWRkZWVkIHRoZSAuZGlzYWJsZWQgY3NzIGNsYXNzLlxuICAgKi9cbiAgQElucHV0KClcbiAgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmlubmVyRGlzYWJsZWQ7XG4gIH1cbiAgc2V0IGRpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5pbm5lckRpc2FibGVkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgfVxuICBwcm90ZWN0ZWQgaW5uZXJEaXNhYmxlZCA9IGZhbHNlO1xuXG4gIGlubmVyVmFsdWU6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBUaGUgZ2V0dGVyIGZvciB2YWx1ZS5cbiAgICovXG4gIGdldCB2YWx1ZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmlubmVyVmFsdWU7XG4gIH1cblxuICAvKipcbiAgICogVGhlIHNldHRlciBmb3IgdmFsdWUuXG4gICAqL1xuICBASW5wdXQoKVxuICBzZXQgdmFsdWUodmFsdWU6IHN0cmluZykge1xuICAgIGlmICh2YWx1ZSAhPSBudWxsKSB7XG4gICAgICB2YWx1ZSA9ICcnICsgdmFsdWU7XG4gICAgfVxuICAgIHRoaXMuaW5uZXJWYWx1ZSA9IHZhbHVlO1xuICB9XG5cbiAgLyoqXG4gICAqIFRoZSBsaXN0IG9mIHN1Z2dlc3Rpb25zXG4gICAqL1xuICBASW5wdXQoKVxuICBzZXQgc3VnZ2VzdGlvbnModmFsdWU6IHN0cmluZ1tdKSB7XG4gICAgdGhpcy5zZWxlY3RlZFN1Z2dlc3Rpb25JbmRleCA9IC0xO1xuICAgIHRoaXMuaW5uZXJTdWdnZXN0aW9ucyA9IHZhbHVlO1xuICB9XG5cbiAgLyoqXG4gICAqIFRoZSBsaXN0IG9mIHN1Z2dlc3Rpb25zIGNhcHBlZCBieSAxMCBlbnRyaWVzXG4gICAqL1xuICBnZXQgY2FwcGVkU3VnZ2VzdGlvbnMoKTogc3RyaW5nW10ge1xuICAgIHJldHVybiB0aGlzLmlubmVyU3VnZ2VzdGlvbnMuc2xpY2UoMCwgMTApO1xuICB9XG5cbiAgaW5uZXJTdWdnZXN0aW9uczogc3RyaW5nW10gPSBbXTtcbiAgaGlkZVN1Z2dlc3Rpb25MaXN0OiBib29sZWFuID0gZmFsc2U7XG5cbiAgLy8gVGhpcyBpcyB0aGUgaW5kZXggb2YgdGhlIHNlbGVjdGVkIGVsZW1lbnQgaW4gZGhlIHN1Z2dlc3Rpb24gbGlzdC5cbiAgc2VsZWN0ZWRTdWdnZXN0aW9uSW5kZXggPSAtMTtcblxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDprZXlkb3duJywgWyckZXZlbnQnXSlcbiAga2V5aGFuZGxlcihldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgIGlmICghdGhpcy5jYXBwZWRTdWdnZXN0aW9ucyB8fCAhdGhpcy5jYXBwZWRTdWdnZXN0aW9ucy5sZW5ndGgpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBuYXZpZ2F0ZSBpbnNpZGUgdGhlIHN1Z2dlc3Rpb24gbGlzdFxuICAgIGlmIChldmVudC5rZXkgPT09ICdBcnJvd1VwJykge1xuICAgICAgaWYgKHRoaXMuc2VsZWN0ZWRTdWdnZXN0aW9uSW5kZXggPiAwKSB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRTdWdnZXN0aW9uSW5kZXgtLTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRTdWdnZXN0aW9uSW5kZXggPSB0aGlzLmNhcHBlZFN1Z2dlc3Rpb25zLmxlbmd0aCAtIDE7XG4gICAgICB9XG4gICAgICB0aGlzLnZhbHVlID0gdGhpcy5jYXBwZWRTdWdnZXN0aW9uc1t0aGlzLnNlbGVjdGVkU3VnZ2VzdGlvbkluZGV4XTtcbiAgICB9XG5cbiAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dEb3duJykge1xuICAgICAgaWYgKHRoaXMuc2VsZWN0ZWRTdWdnZXN0aW9uSW5kZXggPj0gdGhpcy5jYXBwZWRTdWdnZXN0aW9ucy5sZW5ndGggLSAxKSB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRTdWdnZXN0aW9uSW5kZXggPSAwO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZFN1Z2dlc3Rpb25JbmRleCsrO1xuICAgICAgfVxuICAgICAgdGhpcy52YWx1ZSA9IHRoaXMuY2FwcGVkU3VnZ2VzdGlvbnNbdGhpcy5zZWxlY3RlZFN1Z2dlc3Rpb25JbmRleF07XG4gICAgfVxuICB9XG5cbiAgb25DbGlja091dHNpZGUoKTogdm9pZCB7XG4gICAgdGhpcy5oaWRlU3VnZ2VzdGlvbkxpc3QgPSB0cnVlO1xuICB9XG5cbiAgb25Gb2N1cygpIHtcbiAgICB0aGlzLmhpZGVTdWdnZXN0aW9uTGlzdCA9IGZhbHNlO1xuICB9XG5cbiAgb25JbnB1dChldmVudDogYW55KSB7XG4gICAgdGhpcy5zZWxlY3RlZFN1Z2dlc3Rpb25JbmRleCA9IC0xO1xuICAgIHRoaXMudmFsdWUgPSBldmVudC50YXJnZXQudmFsdWU7XG4gICAgdGhpcy5mbmdDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcbiAgfVxuXG4gIC8vIGFsc28gdHJpZ2dlcnQgb24gXCJFbnRlclwiIGFuZCBcIkVzY2FwZVwiXG4gIG9uU2VhcmNoKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLnNlbGVjdGVkU3VnZ2VzdGlvbkluZGV4ID0gLTE7XG4gICAgdGhpcy5mbmdTZWFyY2guZW1pdCh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLmhpZGVTdWdnZXN0aW9uTGlzdCA9IHRydWU7XG4gICAgdGhpcy5pbnB1dFJlZi5uYXRpdmVFbGVtZW50LmJsdXIoKTtcbiAgfVxuXG4gIG9uU3VnZ2VzdGlvbkNsaWNrKHN1Z2dlc3Rpb246IHN0cmluZykge1xuICAgIHRoaXMuc2VsZWN0ZWRTdWdnZXN0aW9uSW5kZXggPSAtMTtcbiAgICB0aGlzLnZhbHVlID0gc3VnZ2VzdGlvbjtcbiAgICB0aGlzLmZuZ1NlYXJjaC5lbWl0KHRoaXMudmFsdWUpO1xuICAgIHRoaXMuaGlkZVN1Z2dlc3Rpb25MaXN0ID0gdHJ1ZTtcbiAgICB0aGlzLmlucHV0UmVmLm5hdGl2ZUVsZW1lbnQuYmx1cigpO1xuICB9XG5cbiAgY2xlYXJRdWVycnkoKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZFN1Z2dlc3Rpb25JbmRleCA9IC0xO1xuICAgIHRoaXMudmFsdWUgPSAnJztcbiAgICB0aGlzLmZuZ1NlYXJjaC5lbWl0KHRoaXMudmFsdWUpO1xuICAgIHRoaXMuaGlkZVN1Z2dlc3Rpb25MaXN0ID0gdHJ1ZTtcbiAgICB0aGlzLmlucHV0UmVmLm5hdGl2ZUVsZW1lbnQuYmx1cigpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZndlLXNlYXJjaC1pbnB1dCBmd2Utdy0xMDBcIiAoY2xpY2tPdXRzaWRlKT1cIm9uQ2xpY2tPdXRzaWRlKClcIiBmbmdDbGlja091dHNpZGU+XG4gIDxpbnB1dFxuICAgIGNsYXNzPVwiZndlLXctMTAwXCJcbiAgICAjaW5wdXRFbGVtZW50XG4gICAgW2F0dHIuZGlzYWJsZWRdPVwiZGlzYWJsZWQgPyAnJyA6IG51bGxcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJsYWJlbFwiXG4gICAgKGZvY3VzKT1cIm9uRm9jdXMoKVwiXG4gICAgdHlwZT1cInNlYXJjaFwiXG4gICAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gICAgKHNlYXJjaCk9XCJvblNlYXJjaCgkZXZlbnQpXCJcbiAgICBbdmFsdWVdPVwiaW5uZXJWYWx1ZVwiXG4gIC8+XG4gIDxkaXYgY2xhc3M9XCJmd2Utc2VhcmNoLWljb25cIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImZ3ZS1jbGVhci1pY29uXCIgKGNsaWNrKT1cImNsZWFyUXVlcnJ5KClcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImZ3ZS1zZWFyY2gtc3VnZ2VzdGlvbnNcIiAqbmdJZj1cImlubmVyU3VnZ2VzdGlvbnM/Lmxlbmd0aCAmJiAhaGlkZVN1Z2dlc3Rpb25MaXN0XCI+XG4gICAgPGRpdlxuICAgICAgKm5nRm9yPVwibGV0IHN1Z2dlc3Rpb24gb2YgY2FwcGVkU3VnZ2VzdGlvbnM7IGxldCBpID0gaW5kZXhcIlxuICAgICAgKGNsaWNrKT1cIm9uU3VnZ2VzdGlvbkNsaWNrKHN1Z2dlc3Rpb24pXCJcbiAgICAgIFtjbGFzcy5md2Utc2VsZWN0ZWRdPVwic2VsZWN0ZWRTdWdnZXN0aW9uSW5kZXggPT09IGlcIlxuICAgICAgY2xhc3M9XCJmd2Utc2VhcmNoLXN1Z2dlc3Rpb25cIlxuICAgID5cbiAgICAgIHt7IHN1Z2dlc3Rpb24gfX1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZndlLW1sLXh4c1wiICpuZ0lmPVwiaW5uZXJTdWdnZXN0aW9ucy5sZW5ndGggPiAxMFwiPi4uLjwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

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

@@ -0,0 +1,21 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./snackbar-container.directive";
+export class SnackbarContainerComponent {
+    constructor() {
+        this.config = {
+            darkBackground: true,
+            disappearAfter: 5000,
+            closeOnAction: true
+        };
+    }
+}
+SnackbarContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SnackbarContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SnackbarContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: SnackbarContainerComponent, selector: "fng-snackbar-container", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"fwe-snackbar-container\">\n  <div [fngSnackbarContainer]=\"config\"></div>\n</div>\n", styles: [".fwe-snackbar-container{pointer-events:none}\n"], directives: [{ type: i1.SnackbarContainerDirective, selector: "[fngSnackbarContainer]", inputs: ["fngSnackbarContainer"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SnackbarContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fng-snackbar-container', encapsulation: ViewEncapsulation.None, template: "<div class=\"fwe-snackbar-container\">\n  <div [fngSnackbarContainer]=\"config\"></div>\n</div>\n", styles: [".fwe-snackbar-container{pointer-events:none}\n"] }]
+        }], propDecorators: { config: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXItY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXItY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXItY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTcEUsTUFBTSxPQUFPLDBCQUEwQjtJQU52QztRQU9XLFdBQU0sR0FBbUI7WUFDaEMsY0FBYyxFQUFFLElBQUk7WUFDcEIsY0FBYyxFQUFFLElBQUk7WUFDcEIsYUFBYSxFQUFFLElBQUk7U0FDcEIsQ0FBQztLQUNIOzt1SEFOWSwwQkFBMEI7MkdBQTFCLDBCQUEwQiw0RkNUdkMsbUdBR0E7MkZETWEsMEJBQTBCO2tCQU50QyxTQUFTOytCQUNFLHdCQUF3QixpQkFHbkIsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNuYWNrYmFyQ29uZmlnIH0gZnJvbSAnLi9zbmFja2Jhci5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmbmctc25hY2tiYXItY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NuYWNrYmFyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NuYWNrYmFyLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFNuYWNrYmFyQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29uZmlnOiBTbmFja2JhckNvbmZpZyA9IHtcbiAgICBkYXJrQmFja2dyb3VuZDogdHJ1ZSxcbiAgICBkaXNhcHBlYXJBZnRlcjogNTAwMCxcbiAgICBjbG9zZU9uQWN0aW9uOiB0cnVlXG4gIH07XG59XG4iLCI8ZGl2IGNsYXNzPVwiZndlLXNuYWNrYmFyLWNvbnRhaW5lclwiPlxuICA8ZGl2IFtmbmdTbmFja2JhckNvbnRhaW5lcl09XCJjb25maWdcIj48L2Rpdj5cbjwvZGl2PlxuIl19

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/stepper.component.mjs

@@ -0,0 +1,22 @@
+import { Component, Input, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * A component that shows steps of a process.
+ * For example useful in wizard dialogs.
+ */
+export class StepperComponent {
+}
+StepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: StepperComponent, selector: "fng-stepper", inputs: { steps: "steps", stepIndex: "stepIndex", error: "error" }, ngImport: i0, template: "<div class=\"fng-stepper\" [class.fng-stepper-error]=\"error\">\n  <div\n    *ngFor=\"let step of steps; index as i; first as isFirst\"\n    class=\"fng-step-container\"\n    [class.fng-step-active]=\"i === stepIndex\"\n    [class.fng-step-done]=\"i < stepIndex\"\n    [class.fng-step-first]=\"isFirst\"\n  >\n    <div *ngIf=\"!isFirst\" class=\"fng-step-connector\"></div>\n    <div class=\"fng-step\">\n      <div *ngIf=\"i >= stepIndex\">{{ i + 1 }}</div>\n      <div class=\"fng-step-name fwe-d-none fwe-d-lg-block\">{{ step.name }}</div>\n    </div>\n  </div>\n</div>\n", styles: [".fng-stepper{display:flex;width:80%;margin:auto;justify-content:center}.fng-stepper .fng-step-container{display:flex;flex-direction:row;flex:1}.fng-stepper .fng-step-container .fng-step{position:relative;border-radius:50%;border:1px solid #a3b2bc;color:#a3b2bc;width:24px;height:24px;font-size:14px;display:flex;align-items:center;justify-content:center;font-feature-settings:\"tnum\",\"lnum\",lining-nums tabular-nums diagonal-fractions ordinal;font-variant-numeric:lining-nums tabular-nums diagonal-fractions ordinal;transition:border-color .3s,background-color .3s,color .3s}.fng-stepper .fng-step-container .fng-step .fng-step-name{position:absolute;top:30px;left:50%;color:#a3b2bc;transform:translate(-50%);white-space:pre;transition:color .3s}.fng-stepper .fng-step-container .fng-step-connector{border-bottom:1px solid #a3b2bc;flex:1;height:50%;transition:border-color .3s}.fng-stepper .fng-step-container.fng-step-active .fng-step,.fng-stepper .fng-step-container.fng-step-done .fng-step{background:#0091dc;border-color:#0091dc;color:#fff}.fng-stepper .fng-step-container.fng-step-active .fng-step .fng-step-name,.fng-stepper .fng-step-container.fng-step-done .fng-step .fng-step-name{color:#0091dc}.fng-stepper .fng-step-container.fng-step-active .fng-step-connector,.fng-stepper .fng-step-container.fng-step-done .fng-step-connector{border-color:#0091dc}.fng-stepper .fng-step-container.fng-step-done .fng-step:before{content:\"\";position:absolute;border-left:1px solid white;border-bottom:1px solid white;top:6px;left:4px;width:14px;height:7px;transform:rotate(-45deg)}.fng-stepper .fng-step-container.fng-step-first{flex:0;flex-basis:24px}.fng-stepper.fng-stepper-error .fng-step-container.fng-step-active .fng-step{background:#d00019;border-color:#d00019;color:#fff}.fng-stepper.fng-stepper-error .fng-step-container.fng-step-active .fng-step .fng-step-name{color:#d00019}.fng-stepper.fng-stepper-error .fng-step-container.fng-step-active .fng-step-connector{border-color:#a3b2bc}.fng-stepper.fng-stepper-error .fng-step-container.fng-step-done .fng-step{background:#a3b2bc;border-color:#a3b2bc;color:#fff}.fng-stepper.fng-stepper-error .fng-step-container.fng-step-done .fng-step .fng-step-name{color:#a3b2bc}.fng-stepper.fng-stepper-error .fng-step-container.fng-step-done .fng-step-connector{border-color:#a3b2bc}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fng-stepper', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"fng-stepper\" [class.fng-stepper-error]=\"error\">\n  <div\n    *ngFor=\"let step of steps; index as i; first as isFirst\"\n    class=\"fng-step-container\"\n    [class.fng-step-active]=\"i === stepIndex\"\n    [class.fng-step-done]=\"i < stepIndex\"\n    [class.fng-step-first]=\"isFirst\"\n  >\n    <div *ngIf=\"!isFirst\" class=\"fng-step-connector\"></div>\n    <div class=\"fng-step\">\n      <div *ngIf=\"i >= stepIndex\">{{ i + 1 }}</div>\n      <div class=\"fng-step-name fwe-d-none fwe-d-lg-block\">{{ step.name }}</div>\n    </div>\n  </div>\n</div>\n", styles: [".fng-stepper{display:flex;width:80%;margin:auto;justify-content:center}.fng-stepper .fng-step-container{display:flex;flex-direction:row;flex:1}.fng-stepper .fng-step-container .fng-step{position:relative;border-radius:50%;border:1px solid #a3b2bc;color:#a3b2bc;width:24px;height:24px;font-size:14px;display:flex;align-items:center;justify-content:center;font-feature-settings:\"tnum\",\"lnum\",lining-nums tabular-nums diagonal-fractions ordinal;font-variant-numeric:lining-nums tabular-nums diagonal-fractions ordinal;transition:border-color .3s,background-color .3s,color .3s}.fng-stepper .fng-step-container .fng-step .fng-step-name{position:absolute;top:30px;left:50%;color:#a3b2bc;transform:translate(-50%);white-space:pre;transition:color .3s}.fng-stepper .fng-step-container .fng-step-connector{border-bottom:1px solid #a3b2bc;flex:1;height:50%;transition:border-color .3s}.fng-stepper .fng-step-container.fng-step-active .fng-step,.fng-stepper .fng-step-container.fng-step-done .fng-step{background:#0091dc;border-color:#0091dc;color:#fff}.fng-stepper .fng-step-container.fng-step-active .fng-step .fng-step-name,.fng-stepper .fng-step-container.fng-step-done .fng-step .fng-step-name{color:#0091dc}.fng-stepper .fng-step-container.fng-step-active .fng-step-connector,.fng-stepper .fng-step-container.fng-step-done .fng-step-connector{border-color:#0091dc}.fng-stepper .fng-step-container.fng-step-done .fng-step:before{content:\"\";position:absolute;border-left:1px solid white;border-bottom:1px solid white;top:6px;left:4px;width:14px;height:7px;transform:rotate(-45deg)}.fng-stepper .fng-step-container.fng-step-first{flex:0;flex-basis:24px}.fng-stepper.fng-stepper-error .fng-step-container.fng-step-active .fng-step{background:#d00019;border-color:#d00019;color:#fff}.fng-stepper.fng-stepper-error .fng-step-container.fng-step-active .fng-step .fng-step-name{color:#d00019}.fng-stepper.fng-stepper-error .fng-step-container.fng-step-active .fng-step-connector{border-color:#a3b2bc}.fng-stepper.fng-stepper-error .fng-step-container.fng-step-done .fng-step{background:#a3b2bc;border-color:#a3b2bc;color:#fff}.fng-stepper.fng-stepper-error .fng-step-container.fng-step-done .fng-step .fng-step-name{color:#a3b2bc}.fng-stepper.fng-stepper-error .fng-step-container.fng-step-done .fng-step-connector{border-color:#a3b2bc}\n"] }]
+        }], propDecorators: { steps: [{
+                type: Input
+            }], stepIndex: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBWTdGOzs7R0FHRztBQVFILE1BQU0sT0FBTyxnQkFBZ0I7OzZHQUFoQixnQkFBZ0I7aUdBQWhCLGdCQUFnQix1SEN2QjdCLGdrQkFlQTsyRkRRYSxnQkFBZ0I7a0JBUDVCLFNBQVM7K0JBQ0UsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQU01QixLQUFLO3NCQUFiLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBDb250YWlucyBhbGwgcHJvcGVydGllcyBvZiBhIHdpemFyZCBzdGVwLlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFdpemFyZFN0ZXAge1xuICAvKipcbiAgICogVGhlIG5hbWUgb2YgdGhlIHN0ZXAuXG4gICAqL1xuICBuYW1lOiBzdHJpbmc7XG59XG5cbi8qKlxuICogQSBjb21wb25lbnQgdGhhdCBzaG93cyBzdGVwcyBvZiBhIHByb2Nlc3MuXG4gKiBGb3IgZXhhbXBsZSB1c2VmdWwgaW4gd2l6YXJkIGRpYWxvZ3MuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZuZy1zdGVwcGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdGVwcGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFN0ZXBwZXJDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIHN0ZXBzLlxuICAgKi9cbiAgQElucHV0KCkgc3RlcHM6IFdpemFyZFN0ZXBbXTtcblxuICAvKipcbiAgICogVGhlIGN1cnJlbnQgc3RlcCBpbmRleC5cbiAgICovXG4gIEBJbnB1dCgpIHN0ZXBJbmRleDogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBXaGVuIHRydWUgdGhlIHdpemFyZCB3aWxsIGNoYW5nZSB0byBlcnJvciBtb2RlLlxuICAgKi9cbiAgQElucHV0KCkgZXJyb3I6IGJvb2xlYW47XG59XG4iLCI8ZGl2IGNsYXNzPVwiZm5nLXN0ZXBwZXJcIiBbY2xhc3MuZm5nLXN0ZXBwZXItZXJyb3JdPVwiZXJyb3JcIj5cbiAgPGRpdlxuICAgICpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBpbmRleCBhcyBpOyBmaXJzdCBhcyBpc0ZpcnN0XCJcbiAgICBjbGFzcz1cImZuZy1zdGVwLWNvbnRhaW5lclwiXG4gICAgW2NsYXNzLmZuZy1zdGVwLWFjdGl2ZV09XCJpID09PSBzdGVwSW5kZXhcIlxuICAgIFtjbGFzcy5mbmctc3RlcC1kb25lXT1cImkgPCBzdGVwSW5kZXhcIlxuICAgIFtjbGFzcy5mbmctc3RlcC1maXJzdF09XCJpc0ZpcnN0XCJcbiAgPlxuICAgIDxkaXYgKm5nSWY9XCIhaXNGaXJzdFwiIGNsYXNzPVwiZm5nLXN0ZXAtY29ubmVjdG9yXCI+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZuZy1zdGVwXCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwiaSA+PSBzdGVwSW5kZXhcIj57eyBpICsgMSB9fTwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImZuZy1zdGVwLW5hbWUgZndlLWQtbm9uZSBmd2UtZC1sZy1ibG9ja1wiPnt7IHN0ZXAubmFtZSB9fTwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

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=