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

package/esm2015/lib/components/modals/confirm/confirm.component.js

@@ -1,73 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, HostListener, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class ConfirmComponent {
-    constructor(cd) {
-        this.cd = cd;
-        this.hasScrollableContent = true;
-        this.close = new EventEmitter();
-        this.cancel = new EventEmitter();
-        this.ok = new EventEmitter();
-    }
-    onKeyUp(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (event.key === 'Esc' || event.key === 'Escape') {
-            this.onClose();
-        }
-    }
-    ngAfterViewInit() {
-        if (this.closeBtn) {
-            this.closeBtn.nativeElement.focus();
-        }
-        if (this.content) {
-            const el = this.content.nativeElement;
-            const clientHeight = el.getBoundingClientRect().height;
-            const scrollHeight = el.scrollHeight;
-            this.hasScrollableContent = this.shouldScroll(clientHeight, scrollHeight);
-            this.cd.detectChanges();
-        }
-    }
-    onClose() {
-        this.close.emit();
-    }
-    onOk() {
-        this.ok.emit();
-    }
-    onCancel() {
-        this.cancel.emit();
-    }
-    shouldScroll(clientHeight, scrollHeight) {
-        return scrollHeight > clientHeight;
-    }
-}
-ConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ConfirmComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: ConfirmComponent, selector: "fng-confirm", inputs: { data: "data" }, outputs: { close: "close", cancel: "cancel", ok: "ok" }, host: { listeners: { "window:keyup": "onKeyUp($event)" } }, viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<div class=\"fwe-modal\" [ngClass]=\"{ 'fwe-modal--with-scrollable-content': hasScrollableContent }\">\n  <div class=\"fwe-modal-close\">\n    <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (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  <div class=\"fwe-modal-header\">\n    <h2 *ngIf=\"data?.subtitle\" class=\"fwe-modal-h2\">{{ data?.subtitle }}</h2>\n    <h1 class=\"fwe-modal-h1\">{{ data?.title }}</h1>\n  </div>\n  <div class=\"fwe-modal-body\" #content>\n    <p>{{ data?.body }}</p>\n  </div>\n  <div class=\"fwe-modal-footer\" *ngIf=\"data?.cancel || data?.ok\">\n    <div class=\"fwe-modal-buttons\" [ngClass]=\"{ 'fwe-modal-buttons--full-width': !hasScrollableContent }\">\n      <button *ngIf=\"data?.cancel\" type=\"button\" aria-label=\"Cancel\" class=\"fwe-btn fwe-btn-lg\" (click)=\"onCancel()\">\n        {{ data?.cancel }}\n      </button>\n      <button *ngIf=\"data?.ok\" type=\"button\" aria-label=\"Ok\" class=\"fwe-btn fwe-btn-lg fwe-btn-hero\" (click)=\"onOk()\">\n        {{ data?.ok }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ConfirmComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-confirm',
-                    templateUrl: './confirm.component.html',
-                    styleUrls: ['./confirm.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
-                type: Input
-            }], close: [{
-                type: Output
-            }], cancel: [{
-                type: Output
-            }], ok: [{
-                type: Output
-            }], closeBtn: [{
-                type: ViewChild,
-                args: ['closeBtn']
-            }], content: [{
-                type: ViewChild,
-                args: ['content']
-            }], onKeyUp: [{
-                type: HostListener,
-                args: ['window:keyup', ['$event']]
-            }] } });
-//# sourceMappingURL=confirm.component.js.map

package/esm2015/lib/components/modals/confirm/confirm.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular/src/lib/components/modals/confirm/confirm.component.ts","../../../../../../../../libs/angular/src/lib/components/modals/confirm/confirm.component.html"],"names":[],"mappings":"AAAA,OAAO,EAEL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,EACT,iBAAiB,EAClB,MAAM,eAAe,CAAC;;;AAmBvB,MAAM,OAAO,gBAAgB;IAqB3B,YAAoB,EAAqB;QAArB,OAAE,GAAF,EAAE,CAAmB;QApBzC,yBAAoB,GAAY,IAAI,CAAC;QAG3B,UAAK,GAAG,IAAI,YAAY,EAAO,CAAC;QAChC,WAAM,GAAG,IAAI,YAAY,EAAO,CAAC;QACjC,OAAE,GAAG,IAAI,YAAY,EAAO,CAAC;IAeK,CAAC;IAT7C,OAAO,CAAC,KAAoB;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;YACjD,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB;IACH,CAAC;IAID,eAAe;QACb,IAAI,IAAI,CAAC,QAAQ,EAAE;YAChB,IAAI,CAAC,QAAQ,CAAC,aAA6B,CAAC,KAAK,EAAE,CAAC;SACtD;QAED,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,MAAM,EAAE,GAAgB,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;YACnD,MAAM,YAAY,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;YACvD,MAAM,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;YACrC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;YAC1E,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC;SACzB;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;IACjB,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC;IAEO,YAAY,CAAC,YAAoB,EAAE,YAAoB;QAC7D,OAAO,YAAY,GAAG,YAAY,CAAC;IACrC,CAAC;;6GAnDU,gBAAgB;iGAAhB,gBAAgB,6XC/B7B,qtCAyBA;2FDMa,gBAAgB;kBAP5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,WAAW,EAAE,0BAA0B;oBACvC,SAAS,EAAE,CAAC,0BAA0B,CAAC;oBACvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;wGAIU,IAAI;sBAAZ,KAAK;gBACI,KAAK;sBAAd,MAAM;gBACG,MAAM;sBAAf,MAAM;gBACG,EAAE;sBAAX,MAAM;gBAEgB,QAAQ;sBAA9B,SAAS;uBAAC,UAAU;gBACC,OAAO;sBAA5B,SAAS;uBAAC,SAAS;gBAGpB,OAAO;sBADN,YAAY;uBAAC,cAAc,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  Output,\n  ViewChild,\n  ViewEncapsulation\n} from '@angular/core';\n\nimport { Modal } from '../index';\n\nexport interface ConfirmData {\n  title: string;\n  subtitle?: string;\n  body: string;\n  cancel?: string;\n  ok?: string;\n}\n\n@Component({\n  selector: 'fng-confirm',\n  templateUrl: './confirm.component.html',\n  styleUrls: ['./confirm.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class ConfirmComponent implements AfterViewInit, Modal<ConfirmData, any> {\n  hasScrollableContent: boolean = true;\n\n  @Input() data: ConfirmData;\n  @Output() close = new EventEmitter<any>();\n  @Output() cancel = new EventEmitter<any>();\n  @Output() ok = new EventEmitter<any>();\n\n  @ViewChild('closeBtn') closeBtn: ElementRef;\n  @ViewChild('content') content: ElementRef;\n\n  @HostListener('window:keyup', ['$event'])\n  onKeyUp(event: KeyboardEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (event.key === 'Esc' || event.key === 'Escape') {\n      this.onClose();\n    }\n  }\n\n  constructor(private cd: ChangeDetectorRef) {}\n\n  ngAfterViewInit() {\n    if (this.closeBtn) {\n      (this.closeBtn.nativeElement as HTMLElement).focus();\n    }\n\n    if (this.content) {\n      const el: HTMLElement = this.content.nativeElement;\n      const clientHeight = el.getBoundingClientRect().height;\n      const scrollHeight = el.scrollHeight;\n      this.hasScrollableContent = this.shouldScroll(clientHeight, scrollHeight);\n      this.cd.detectChanges();\n    }\n  }\n\n  onClose() {\n    this.close.emit();\n  }\n\n  onOk() {\n    this.ok.emit();\n  }\n\n  onCancel() {\n    this.cancel.emit();\n  }\n\n  private shouldScroll(clientHeight: number, scrollHeight: number): boolean {\n    return scrollHeight > clientHeight;\n  }\n}\n","<div class=\"fwe-modal\" [ngClass]=\"{ 'fwe-modal--with-scrollable-content': hasScrollableContent }\">\n  <div class=\"fwe-modal-close\">\n    <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (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  <div class=\"fwe-modal-header\">\n    <h2 *ngIf=\"data?.subtitle\" class=\"fwe-modal-h2\">{{ data?.subtitle }}</h2>\n    <h1 class=\"fwe-modal-h1\">{{ data?.title }}</h1>\n  </div>\n  <div class=\"fwe-modal-body\" #content>\n    <p>{{ data?.body }}</p>\n  </div>\n  <div class=\"fwe-modal-footer\" *ngIf=\"data?.cancel || data?.ok\">\n    <div class=\"fwe-modal-buttons\" [ngClass]=\"{ 'fwe-modal-buttons--full-width': !hasScrollableContent }\">\n      <button *ngIf=\"data?.cancel\" type=\"button\" aria-label=\"Cancel\" class=\"fwe-btn fwe-btn-lg\" (click)=\"onCancel()\">\n        {{ data?.cancel }}\n      </button>\n      <button *ngIf=\"data?.ok\" type=\"button\" aria-label=\"Ok\" class=\"fwe-btn fwe-btn-lg fwe-btn-hero\" (click)=\"onOk()\">\n        {{ data?.ok }}\n      </button>\n    </div>\n  </div>\n</div>\n"]}

package/esm2015/lib/components/modals/index.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.js.map

package/esm2015/lib/components/modals/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/components/modals/index.ts"],"names":[],"mappings":"","sourcesContent":["import { EventEmitter, OnChanges } from '@angular/core';\nimport { GlobalPositionStrategy } from '@angular/cdk/overlay';\n\nexport type ModalUserAction = 'ok' | 'cancel' | 'close' | 'backdrop' | 'navigated';\n\nexport interface Modal<TData, TResult> extends Partial<OnChanges> {\n  data: TData;\n  close: EventEmitter<any>;\n  cancel: EventEmitter<any>;\n  ok: EventEmitter<TResult>;\n}\n\nexport interface ModalOptions {\n  hasBackdrop?: boolean;\n  shouldCloseOnBackdrop?: boolean;\n  backdropClass?: string;\n  positionStrategy?: GlobalPositionStrategy;\n  overlayClass?: string;\n  closeOnNavigation?: boolean;\n}\n\nexport interface ModalResult<TResult> {\n  userAction: ModalUserAction;\n  result?: TResult;\n}\n"]}

package/esm2015/lib/components/modals/modal.service.js

@@ -1,91 +0,0 @@
-import { Injectable, SimpleChange } from '@angular/core';
-import { NavigationStart, Router } from '@angular/router';
-import { Overlay } from '@angular/cdk/overlay';
-import { ComponentPortal } from '@angular/cdk/portal';
-import { filter, takeUntil } from 'rxjs/operators';
-import { AlertComponent } from './alert/alert.component';
-import { ConfirmComponent } from './confirm/confirm.component';
-import { Subject } from 'rxjs';
-import { PromptComponent } from './prompt/prompt.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/overlay";
-import * as i2 from "@angular/router";
-export class ModalService {
-    constructor(overlay, router) {
-        this.overlay = overlay;
-        this.router = router;
-    }
-    alert(data, options) {
-        return this.open(data, AlertComponent, Object.assign({ backdropClass: 'fwe-modal-backdrop', hasBackdrop: true, shouldCloseOnBackdrop: true }, options));
-    }
-    confirm(data, options) {
-        options = options || Object.assign({ backdropClass: 'fwe-modal-backdrop', hasBackdrop: true, shouldCloseOnBackdrop: true }, options);
-        return this.open(data, ConfirmComponent, options);
-    }
-    prompt(data, options) {
-        options = options || Object.assign({ backdropClass: 'fwe-modal-backdrop', hasBackdrop: true, shouldCloseOnBackdrop: true }, options);
-        return this.open(data, PromptComponent, options);
-    }
-    open(data, modal, options) {
-        return new Promise((resolve, reject) => {
-            const complete = new Subject();
-            const positionStrategy = options.positionStrategy || this.overlay.position().global().centerHorizontally().centerVertically();
-            const scrollStrategy = this.overlay.scrollStrategies.block();
-            const overlayRef = this.overlay.create(Object.assign({ panelClass: options.overlayClass, positionStrategy,
-                scrollStrategy, backdropClass: 'fwe-modal-backdrop', hasBackdrop: true }, options));
-            if (options.closeOnNavigation) {
-                this.router.events
-                    .pipe(filter(e => e instanceof NavigationStart), takeUntil(complete))
-                    .subscribe(() => this.dispose(overlayRef, complete).then(() => resolve({ userAction: 'navigated' })));
-            }
-            if (options.shouldCloseOnBackdrop) {
-                overlayRef
-                    .backdropClick()
-                    .pipe(takeUntil(complete))
-                    .subscribe(() => this.dispose(overlayRef, complete).then(() => resolve({ userAction: 'backdrop' })));
-            }
-            const modalPortal = new ComponentPortal(modal);
-            const componentRef = overlayRef.attach(modalPortal);
-            if (componentRef != null && componentRef.instance != null) {
-                componentRef.instance.data = data;
-                if (componentRef.instance.close != null) {
-                    componentRef.instance.close
-                        .pipe(takeUntil(complete))
-                        .subscribe(() => this.dispose(overlayRef, complete).then(() => resolve({ userAction: 'close' })));
-                }
-                if (componentRef.instance.cancel != null) {
-                    componentRef.instance.cancel
-                        .pipe(takeUntil(complete))
-                        .subscribe(() => this.dispose(overlayRef, complete).then(() => resolve({ userAction: 'cancel' })));
-                }
-                if (componentRef.instance.ok != null) {
-                    componentRef.instance.ok
-                        .pipe(takeUntil(complete))
-                        .subscribe(result => this.dispose(overlayRef, complete).then(() => resolve({ userAction: 'ok', result })));
-                }
-                if (componentRef.instance.ngOnChanges != null) {
-                    componentRef.instance.ngOnChanges({ data: new SimpleChange(null, data, true) });
-                }
-            }
-            else {
-                this.dispose(overlayRef, complete).then(() => reject(new Error('Could not attach component to overlay.')));
-            }
-        });
-    }
-    dispose(overlayRef, complete) {
-        return new Promise(resolve => {
-            complete.next();
-            complete.complete();
-            complete.unsubscribe();
-            overlayRef.dispose();
-            resolve();
-        });
-    }
-}
-ModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ModalService, deps: [{ token: i1.Overlay }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-ModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ModalService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ModalService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i2.Router }]; } });
-//# sourceMappingURL=modal.service.js.map

package/esm2015/lib/components/modals/modal.service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.service.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/components/modals/modal.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAc,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAiB,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGnD,OAAO,EAAE,cAAc,EAAa,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAe,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAc,MAAM,2BAA2B,CAAC;;;;AAGxE,MAAM,OAAO,YAAY;IACvB,YAAsB,OAAgB,EAAU,MAAc;QAAxC,YAAO,GAAP,OAAO,CAAS;QAAU,WAAM,GAAN,MAAM,CAAQ;IAAG,CAAC;IAElE,KAAK,CAAC,IAAe,EAAE,OAAsB;QAC3C,OAAO,IAAI,CAAC,IAAI,CAAiC,IAAI,EAAE,cAAc,kBACnE,aAAa,EAAE,oBAAoB,EACnC,WAAW,EAAE,IAAI,EACjB,qBAAqB,EAAE,IAAI,IACxB,OAAO,EACV,CAAC;IACL,CAAC;IAED,OAAO,CAAC,IAAiB,EAAE,OAAsB;QAC/C,OAAO,GAAG,OAAO,oBACf,aAAa,EAAE,oBAAoB,EACnC,WAAW,EAAE,IAAI,EACjB,qBAAqB,EAAE,IAAI,IACxB,OAAO,CACX,CAAC;QACF,OAAO,IAAI,CAAC,IAAI,CAAqC,IAAI,EAAE,gBAAgB,EAAE,OAAO,CAAC,CAAC;IACxF,CAAC;IAED,MAAM,CAAC,IAAgB,EAAE,OAAsB;QAC7C,OAAO,GAAG,OAAO,oBACf,aAAa,EAAE,oBAAoB,EACnC,WAAW,EAAE,IAAI,EACjB,qBAAqB,EAAE,IAAI,IACxB,OAAO,CACX,CAAC;QACF,OAAO,IAAI,CAAC,IAAI,CAAmC,IAAI,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;IACrF,CAAC;IAED,IAAI,CACF,IAAW,EACX,KAA4B,EAC5B,OAAqB;QAErB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACrC,MAAM,QAAQ,GAAG,IAAI,OAAO,EAAW,CAAC;YACxC,MAAM,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,kBAAkB,EAAE,CAAC,gBAAgB,EAAE,CAAC;YAC9H,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC7D,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,iBACpC,UAAU,EAAE,OAAO,CAAC,YAAY,EAChC,gBAAgB;gBAChB,cAAc,EACd,aAAa,EAAE,oBAAoB,EACnC,WAAW,EAAE,IAAI,IACd,OAAO,EACV,CAAC;YAEH,IAAI,OAAO,CAAC,iBAAiB,EAAE;gBAC7B,IAAI,CAAC,MAAM,CAAC,MAAM;qBACf,IAAI,CACH,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,eAAe,CAAC,EACzC,SAAS,CAAC,QAAQ,CAAC,CACpB;qBACA,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;aACzG;YAED,IAAI,OAAO,CAAC,qBAAqB,EAAE;gBACjC,UAAU;qBACP,aAAa,EAAE;qBACf,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;qBACzB,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;aACxG;YAED,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;YAC/C,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YACpD,IAAI,YAAY,IAAI,IAAI,IAAI,YAAY,CAAC,QAAQ,IAAI,IAAI,EAAE;gBACzD,YAAY,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;gBAClC,IAAI,YAAY,CAAC,QAAQ,CAAC,KAAK,IAAI,IAAI,EAAE;oBACvC,YAAY,CAAC,QAAQ,CAAC,KAAK;yBACxB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;yBACzB,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;iBACrG;gBACD,IAAI,YAAY,CAAC,QAAQ,CAAC,MAAM,IAAI,IAAI,EAAE;oBACxC,YAAY,CAAC,QAAQ,CAAC,MAAM;yBACzB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;yBACzB,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;iBACtG;gBACD,IAAI,YAAY,CAAC,QAAQ,CAAC,EAAE,IAAI,IAAI,EAAE;oBACpC,YAAY,CAAC,QAAQ,CAAC,EAAE;yBACrB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;yBACzB,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;iBAC9G;gBACD,IAAI,YAAY,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,EAAE;oBAC7C,YAAY,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;iBACjF;aACF;iBAAM;gBACL,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC,CAAC,CAAC;aAC5G;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,OAAO,CAAC,UAAsB,EAAE,QAA0B;QAChE,OAAO,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE;YACjC,QAAQ,CAAC,IAAI,EAAE,CAAC;YAChB,QAAQ,CAAC,QAAQ,EAAE,CAAC;YACpB,QAAQ,CAAC,WAAW,EAAE,CAAC;YACvB,UAAU,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC,CAAC;IACL,CAAC;;yGAtGU,YAAY;6GAAZ,YAAY,cADC,MAAM;2FACnB,YAAY;kBADxB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE","sourcesContent":["import { Injectable, SimpleChange } from '@angular/core';\nimport { NavigationStart, Router } from '@angular/router';\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal, ComponentType } from '@angular/cdk/portal';\nimport { filter, takeUntil } from 'rxjs/operators';\n\nimport { Modal, ModalOptions, ModalResult } from './index';\nimport { AlertComponent, AlertData } from './alert/alert.component';\nimport { ConfirmComponent, ConfirmData } from './confirm/confirm.component';\nimport { Subject } from 'rxjs';\nimport { PromptComponent, PromptData } from './prompt/prompt.component';\n\n@Injectable({ providedIn: 'root' })\nexport class ModalService {\n  constructor(protected overlay: Overlay, private router: Router) {}\n\n  alert(data: AlertData, options?: ModalOptions) {\n    return this.open<AlertData, any, AlertComponent>(data, AlertComponent, {\n      backdropClass: 'fwe-modal-backdrop',\n      hasBackdrop: true,\n      shouldCloseOnBackdrop: true,\n      ...options\n    });\n  }\n\n  confirm(data: ConfirmData, options?: ModalOptions) {\n    options = options || {\n      backdropClass: 'fwe-modal-backdrop',\n      hasBackdrop: true,\n      shouldCloseOnBackdrop: true,\n      ...options\n    };\n    return this.open<ConfirmData, any, ConfirmComponent>(data, ConfirmComponent, options);\n  }\n\n  prompt(data: PromptData, options?: ModalOptions) {\n    options = options || {\n      backdropClass: 'fwe-modal-backdrop',\n      hasBackdrop: true,\n      shouldCloseOnBackdrop: true,\n      ...options\n    };\n    return this.open<PromptData, any, PromptComponent>(data, PromptComponent, options);\n  }\n\n  open<TData, TResult, TModal extends Modal<TData, TResult>>(\n    data: TData,\n    modal: ComponentType<TModal>,\n    options: ModalOptions\n  ): Promise<ModalResult<TResult>> {\n    return new Promise((resolve, reject) => {\n      const complete = new Subject<boolean>();\n      const positionStrategy = options.positionStrategy || this.overlay.position().global().centerHorizontally().centerVertically();\n      const scrollStrategy = this.overlay.scrollStrategies.block();\n      const overlayRef = this.overlay.create({\n        panelClass: options.overlayClass,\n        positionStrategy,\n        scrollStrategy,\n        backdropClass: 'fwe-modal-backdrop',\n        hasBackdrop: true,\n        ...options\n      });\n\n      if (options.closeOnNavigation) {\n        this.router.events\n          .pipe(\n            filter(e => e instanceof NavigationStart),\n            takeUntil(complete)\n          )\n          .subscribe(() => this.dispose(overlayRef, complete).then(() => resolve({ userAction: 'navigated' })));\n      }\n\n      if (options.shouldCloseOnBackdrop) {\n        overlayRef\n          .backdropClick()\n          .pipe(takeUntil(complete))\n          .subscribe(() => this.dispose(overlayRef, complete).then(() => resolve({ userAction: 'backdrop' })));\n      }\n\n      const modalPortal = new ComponentPortal(modal);\n      const componentRef = overlayRef.attach(modalPortal);\n      if (componentRef != null && componentRef.instance != null) {\n        componentRef.instance.data = data;\n        if (componentRef.instance.close != null) {\n          componentRef.instance.close\n            .pipe(takeUntil(complete))\n            .subscribe(() => this.dispose(overlayRef, complete).then(() => resolve({ userAction: 'close' })));\n        }\n        if (componentRef.instance.cancel != null) {\n          componentRef.instance.cancel\n            .pipe(takeUntil(complete))\n            .subscribe(() => this.dispose(overlayRef, complete).then(() => resolve({ userAction: 'cancel' })));\n        }\n        if (componentRef.instance.ok != null) {\n          componentRef.instance.ok\n            .pipe(takeUntil(complete))\n            .subscribe(result => this.dispose(overlayRef, complete).then(() => resolve({ userAction: 'ok', result })));\n        }\n        if (componentRef.instance.ngOnChanges != null) {\n          componentRef.instance.ngOnChanges({ data: new SimpleChange(null, data, true) });\n        }\n      } else {\n        this.dispose(overlayRef, complete).then(() => reject(new Error('Could not attach component to overlay.')));\n      }\n    });\n  }\n\n  private dispose(overlayRef: OverlayRef, complete: Subject<boolean>) {\n    return new Promise<void>(resolve => {\n      complete.next();\n      complete.complete();\n      complete.unsubscribe();\n      overlayRef.dispose();\n      resolve();\n    });\n  }\n}\n"]}

package/esm2015/lib/components/modals/modals.module.js

@@ -1,28 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-import { OverlayModule } from '@angular/cdk/overlay';
-import { FestoAngularFormsModule } from '../../forms/forms.module';
-import { AlertComponent } from './alert/alert.component';
-import { ConfirmComponent } from './confirm/confirm.component';
-import { PromptComponent } from './prompt/prompt.component';
-import * as i0 from "@angular/core";
-export * from './index';
-export * from './alert/alert.component';
-export * from './confirm/confirm.component';
-export * from './prompt/prompt.component';
-export class FestoAngularModalsModule {
-}
-FestoAngularModalsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: FestoAngularModalsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FestoAngularModalsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: FestoAngularModalsModule, declarations: [AlertComponent, ConfirmComponent, PromptComponent], imports: [CommonModule, RouterModule, OverlayModule, FestoAngularFormsModule], exports: [AlertComponent, ConfirmComponent, PromptComponent] });
-FestoAngularModalsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: FestoAngularModalsModule, providers: [], imports: [[CommonModule, RouterModule, OverlayModule, FestoAngularFormsModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: FestoAngularModalsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [AlertComponent, ConfirmComponent, PromptComponent],
-                    imports: [CommonModule, RouterModule, OverlayModule, FestoAngularFormsModule],
-                    exports: [AlertComponent, ConfirmComponent, PromptComponent],
-                    providers: []
-                }]
-        }] });
-//# sourceMappingURL=modals.module.js.map

package/esm2015/lib/components/modals/modals.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modals.module.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/components/modals/modals.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;;AAE5D,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAQ1C,MAAM,OAAO,wBAAwB;;qHAAxB,wBAAwB;sHAAxB,wBAAwB,iBALpB,cAAc,EAAE,gBAAgB,EAAE,eAAe,aACtD,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,uBAAuB,aAClE,cAAc,EAAE,gBAAgB,EAAE,eAAe;sHAGhD,wBAAwB,aAFxB,EAAE,YAFJ,CAAC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,uBAAuB,CAAC;2FAIlE,wBAAwB;kBANpC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,cAAc,EAAE,gBAAgB,EAAE,eAAe,CAAC;oBACjE,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,uBAAuB,CAAC;oBAC7E,OAAO,EAAE,CAAC,cAAc,EAAE,gBAAgB,EAAE,eAAe,CAAC;oBAC5D,SAAS,EAAE,EAAE;iBACd","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { OverlayModule } from '@angular/cdk/overlay';\n\nimport { FestoAngularFormsModule } from '../../forms/forms.module';\nimport { AlertComponent } from './alert/alert.component';\nimport { ConfirmComponent } from './confirm/confirm.component';\nimport { PromptComponent } from './prompt/prompt.component';\n\nexport * from './index';\nexport * from './alert/alert.component';\nexport * from './confirm/confirm.component';\nexport * from './prompt/prompt.component';\n\n@NgModule({\n  declarations: [AlertComponent, ConfirmComponent, PromptComponent],\n  imports: [CommonModule, RouterModule, OverlayModule, FestoAngularFormsModule],\n  exports: [AlertComponent, ConfirmComponent, PromptComponent],\n  providers: []\n})\nexport class FestoAngularModalsModule {}\n"]}

package/esm2015/lib/components/modals/prompt/prompt.component.js

@@ -1,110 +0,0 @@
-import { Component, ElementRef, EventEmitter, HostListener, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
-import { FormBuilder } from '@angular/forms';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "../../../forms/text-input/text-input.component";
-import * as i3 from "@angular/common";
-export class PromptComponent {
-    constructor(formBuilder) {
-        this.formBuilder = formBuilder;
-        this.close = new EventEmitter();
-        this.cancel = new EventEmitter();
-        this.ok = new EventEmitter();
-        this.error = '';
-        this.complete = new Subject();
-    }
-    get text() {
-        var _a, _b;
-        return (_b = (_a = this.form) === null || _a === void 0 ? void 0 : _a.get('text')) === null || _b === void 0 ? void 0 : _b.value;
-    }
-    get valid() {
-        var _a, _b;
-        return (_b = (_a = this.form) === null || _a === void 0 ? void 0 : _a.get('text')) === null || _b === void 0 ? void 0 : _b.valid;
-    }
-    onKeyUp(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (event.key === 'Esc' || event.key === 'Escape') {
-            this.onClose();
-        }
-    }
-    ngOnInit() {
-        var _a, _b, _c;
-        const text = ((_a = this.data) === null || _a === void 0 ? void 0 : _a.value) || '';
-        this.form = this.formBuilder.group({
-            text: this.formBuilder.control(text, (_b = this.data) === null || _b === void 0 ? void 0 : _b.validatorOrOpts, (_c = this.data) === null || _c === void 0 ? void 0 : _c.asyncValidator)
-        });
-        if (text) {
-            this.form.get('text').markAsDirty();
-        }
-        this.form
-            .get('text')
-            .statusChanges.pipe(takeUntil(this.complete))
-            .subscribe(sc => {
-            if (sc === 'INVALID') {
-                this.handleErrors();
-            }
-            else {
-                this.error = '';
-            }
-        });
-    }
-    ngAfterViewInit() {
-        if (this.closeBtn) {
-            this.closeBtn.nativeElement.focus();
-        }
-    }
-    ngOnDestroy() {
-        this.complete.next(true);
-        this.complete.unsubscribe();
-    }
-    onClose() {
-        this.close.emit();
-    }
-    onOk() {
-        if (this.valid) {
-            this.ok.emit(this.text);
-        }
-    }
-    onCancel() {
-        this.cancel.emit();
-    }
-    handleErrors() {
-        const e = this.form.get('text').errors;
-        const key = Object.keys(e)[0];
-        if (this.data.errors != null && this.data.errors[key]) {
-            this.error = this.data.errors[key];
-        }
-        else {
-            this.error = 'Prompt input is invalid.';
-        }
-    }
-}
-PromptComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: PromptComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-PromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: PromptComponent, selector: "fng-prompt", inputs: { data: "data" }, outputs: { close: "close", cancel: "cancel", ok: "ok" }, host: { listeners: { "window:keyup": "onKeyUp($event)" } }, viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true }], ngImport: i0, template: "<div class=\"fwe-modal\">\n  <div class=\"fwe-modal-close\">\n    <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (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  <div class=\"fwe-modal-header\">\n    <h2 *ngIf=\"data?.subtitle\" class=\"fwe-modal-h2\">{{ data?.subtitle }}</h2>\n    <h1 class=\"fwe-modal-h1\">{{ data?.title }}</h1>\n  </div>\n  <form [formGroup]=\"form\" class=\"fwe-modal-body\">\n    <fng-text-input formControlName=\"text\" [label]=\"data?.label\" [hint]=\"data?.hint\" type=\"text\" [error]=\"error\"></fng-text-input>\n  </form>\n  <div class=\"fwe-modal-footer\" *ngIf=\"data?.cancel || data?.ok\">\n    <div class=\"fwe-modal-buttons\">\n      <button *ngIf=\"data?.cancel\" type=\"button\" aria-label=\"Cancel\" class=\"fwe-btn\" (click)=\"onCancel()\">\n        {{ data?.cancel }}\n      </button>\n      <button *ngIf=\"data?.ok\" type=\"button\" aria-label=\"Ok\" class=\"fwe-btn fwe-btn-hero\" (click)=\"onOk()\">\n        {{ data?.ok }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], components: [{ type: i2.TextInputComponent, selector: "fng-text-input", inputs: ["label", "type", "readonly", "step", "min", "max", "tabindex", "placeholder", "name", "disabled", "value", "required", "error", "hint"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: PromptComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-prompt',
-                    templateUrl: './prompt.component.html',
-                    styleUrls: ['./prompt.component.scss'],
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { data: [{
-                type: Input
-            }], close: [{
-                type: Output
-            }], cancel: [{
-                type: Output
-            }], ok: [{
-                type: Output
-            }], closeBtn: [{
-                type: ViewChild,
-                args: ['closeBtn']
-            }], onKeyUp: [{
-                type: HostListener,
-                args: ['window:keyup', ['$event']]
-            }] } });
-//# sourceMappingURL=prompt.component.js.map

package/esm2015/lib/components/modals/prompt/prompt.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prompt.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular/src/lib/components/modals/prompt/prompt.component.ts","../../../../../../../../libs/angular/src/lib/components/modals/prompt/prompt.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  ViewChild,\n  ViewEncapsulation\n} from '@angular/core';\nimport { AbstractControlOptions, AsyncValidatorFn, FormBuilder, FormGroup, ValidatorFn } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { Modal } from '../index';\n\nexport interface PromptData {\n  title: string;\n  subtitle?: string;\n  label: string;\n  hint?: string;\n  errors?: { [key: string]: string };\n  cancel?: string;\n  ok?: string;\n  value?: string;\n  validatorOrOpts?: ValidatorFn | ValidatorFn[] | AbstractControlOptions | null;\n  asyncValidator?: AsyncValidatorFn | AsyncValidatorFn[] | null;\n}\n\n@Component({\n  selector: 'fng-prompt',\n  templateUrl: './prompt.component.html',\n  styleUrls: ['./prompt.component.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class PromptComponent implements OnInit, AfterViewInit, OnDestroy, Modal<PromptData, any> {\n  @Input() data: PromptData;\n  @Output() close = new EventEmitter<any>();\n  @Output() cancel = new EventEmitter<any>();\n  @Output() ok = new EventEmitter<any>();\n\n  @ViewChild('closeBtn') closeBtn: ElementRef;\n\n  form: FormGroup;\n  error = '';\n\n  get text(): string {\n    return this.form?.get('text')?.value;\n  }\n\n  get valid(): boolean {\n    return this.form?.get('text')?.valid;\n  }\n\n  private complete: Subject<boolean> = new Subject();\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  @HostListener('window:keyup', ['$event'])\n  onKeyUp(event: KeyboardEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (event.key === 'Esc' || event.key === 'Escape') {\n      this.onClose();\n    }\n  }\n\n  ngOnInit(): void {\n    const text = this.data?.value || '';\n\n    this.form = this.formBuilder.group({\n      text: this.formBuilder.control(text, this.data?.validatorOrOpts, this.data?.asyncValidator)\n    });\n\n    if (text) {\n      this.form.get('text').markAsDirty();\n    }\n\n    this.form\n      .get('text')\n      .statusChanges.pipe(takeUntil(this.complete))\n      .subscribe(sc => {\n        if (sc === 'INVALID') {\n          this.handleErrors();\n        } else {\n          this.error = '';\n        }\n      });\n  }\n\n  ngAfterViewInit() {\n    if (this.closeBtn) {\n      (this.closeBtn.nativeElement as HTMLElement).focus();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.complete.next(true);\n    this.complete.unsubscribe();\n  }\n\n  onClose() {\n    this.close.emit();\n  }\n\n  onOk() {\n    if (this.valid) {\n      this.ok.emit(this.text);\n    }\n  }\n\n  onCancel() {\n    this.cancel.emit();\n  }\n\n  private handleErrors() {\n    const e = this.form.get('text').errors;\n    const key = Object.keys(e)[0];\n    if (this.data.errors != null && this.data.errors[key]) {\n      this.error = this.data.errors[key];\n    } else {\n      this.error = 'Prompt input is invalid.';\n    }\n  }\n}\n","<div class=\"fwe-modal\">\n  <div class=\"fwe-modal-close\">\n    <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (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  <div class=\"fwe-modal-header\">\n    <h2 *ngIf=\"data?.subtitle\" class=\"fwe-modal-h2\">{{ data?.subtitle }}</h2>\n    <h1 class=\"fwe-modal-h1\">{{ data?.title }}</h1>\n  </div>\n  <form [formGroup]=\"form\" class=\"fwe-modal-body\">\n    <fng-text-input formControlName=\"text\" [label]=\"data?.label\" [hint]=\"data?.hint\" type=\"text\" [error]=\"error\"></fng-text-input>\n  </form>\n  <div class=\"fwe-modal-footer\" *ngIf=\"data?.cancel || data?.ok\">\n    <div class=\"fwe-modal-buttons\">\n      <button *ngIf=\"data?.cancel\" type=\"button\" aria-label=\"Cancel\" class=\"fwe-btn\" (click)=\"onCancel()\">\n        {{ data?.cancel }}\n      </button>\n      <button *ngIf=\"data?.ok\" type=\"button\" aria-label=\"Ok\" class=\"fwe-btn fwe-btn-hero\" (click)=\"onOk()\">\n        {{ data?.ok }}\n      </button>\n    </div>\n  </div>\n</div>\n"]}

package/esm2015/lib/components/pagination/pagination.component.js

@@ -1,60 +0,0 @@
-import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export var PaginationType;
-(function (PaginationType) {
-    PaginationType["Numeric"] = "NUMERIC";
-    PaginationType["Dots"] = "DOTS";
-})(PaginationType || (PaginationType = {}));
-export class PaginationComponent {
-    constructor() {
-        this.PaginationType = PaginationType;
-        this.type = PaginationType.Numeric;
-        this.pageCurrent = 0;
-        this.changePage = new EventEmitter();
-        this.dotArray = [];
-    }
-    set pageMax(value) {
-        this.innerPageMax = value;
-        this.dotArray = [...Array(value).fill(0).keys()];
-    }
-    get pageMax() {
-        return this.innerPageMax;
-    }
-    onBtnDown() {
-        if (this.pageCurrent > 1) {
-            this.pageCurrent--;
-            this.changePage.emit(this.pageCurrent);
-        }
-    }
-    onBtnUp() {
-        if (this.pageCurrent < this.pageMax) {
-            this.pageCurrent++;
-            this.changePage.emit(this.pageCurrent);
-        }
-    }
-    onDotClick(index) {
-        this.pageCurrent = index + 1;
-        this.changePage.emit(this.pageCurrent);
-    }
-}
-PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: PaginationComponent, selector: "fng-pagination", inputs: { type: "type", pageCurrent: "pageCurrent", pageMax: "pageMax" }, outputs: { changePage: "changePage" }, ngImport: i0, template: "<ng-container *ngIf=\"type === PaginationType.Numeric\">\n  <div class=\"fwe-pagination fwe-p-m\" [class.fwe-d-none]=\"pageMax < 2\">\n    <button class=\"fwe-navigate-btn-down\" (click)=\"onBtnDown()\" [class.fwe-disabled]=\"pageCurrent <= 1\"></button>\n    <span class=\"fwe-page-current\">{{ pageCurrent }}</span>\n    <span class=\"fwe-page-max\">{{ pageMax }}</span>\n    <button class=\"fwe-navigate-btn-up\" (click)=\"onBtnUp()\" [class.fwe-disabled]=\"pageCurrent >= pageMax\"></button>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"type === PaginationType.Dots\">\n  <div class=\"fwe-p-m\" [class.fwe-d-none]=\"pageMax < 2\">\n    <div class=\"fwe-pagination\">\n      <span\n        *ngFor=\"let index of dotArray\"\n        class=\"fwe-page-dot\"\n        [class.fwe-selected]=\"index + 1 === pageCurrent\"\n        (click)=\"onDotClick(index)\"\n      ></span>\n    </div>\n  </div>\n</ng-container>\n", styles: [""], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: PaginationComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-pagination',
-                    templateUrl: './pagination.component.html',
-                    styleUrls: ['./pagination.component.scss'],
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], propDecorators: { type: [{
-                type: Input
-            }], pageCurrent: [{
-                type: Input
-            }], pageMax: [{
-                type: Input
-            }], changePage: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=pagination.component.js.map

package/esm2015/lib/components/pagination/pagination.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/components/pagination/pagination.component.ts","../../../../../../../libs/angular/src/lib/components/pagination/pagination.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;;AAE1F,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,qCAAmB,CAAA;IACnB,+BAAa,CAAA;AACf,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAQD,MAAM,OAAO,mBAAmB;IANhC;QAOE,mBAAc,GAAG,cAAc,CAAC;QAEvB,SAAI,GAAmB,cAAc,CAAC,OAAO,CAAC;QAC9C,gBAAW,GAAG,CAAC,CAAC;QAUf,eAAU,GAAG,IAAI,YAAY,EAAU,CAAC;QAGlD,aAAQ,GAAa,EAAE,CAAC;KAoBzB;IAhCC,IACI,OAAO,CAAC,KAAa;QACvB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC;IACD,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAOD,SAAS;QACP,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;YACxB,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACxC;IACH,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,EAAE;YACnC,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACxC;IACH,CAAC;IAED,UAAU,CAAC,KAAa;QACtB,IAAI,CAAC,WAAW,GAAG,KAAK,GAAG,CAAC,CAAC;QAC7B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzC,CAAC;;gHApCU,mBAAmB;oGAAnB,mBAAmB,uKCbhC,05BAqBA;2FDRa,mBAAmB;kBAN/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,6BAA6B;oBAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;oBAC1C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8BAIU,IAAI;sBAAZ,KAAK;gBACG,WAAW;sBAAnB,KAAK;gBAEF,OAAO;sBADV,KAAK;gBASI,UAAU;sBAAnB,MAAM","sourcesContent":["import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\n\nexport enum PaginationType {\n  Numeric = 'NUMERIC',\n  Dots = 'DOTS'\n}\n\n@Component({\n  selector: 'fng-pagination',\n  templateUrl: './pagination.component.html',\n  styleUrls: ['./pagination.component.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class PaginationComponent {\n  PaginationType = PaginationType;\n\n  @Input() type: PaginationType = PaginationType.Numeric;\n  @Input() pageCurrent = 0;\n  @Input()\n  set pageMax(value: number) {\n    this.innerPageMax = value;\n    this.dotArray = [...Array(value).fill(0).keys()];\n  }\n  get pageMax() {\n    return this.innerPageMax;\n  }\n\n  @Output() changePage = new EventEmitter<number>();\n\n  innerPageMax: number;\n  dotArray: number[] = [];\n\n  onBtnDown() {\n    if (this.pageCurrent > 1) {\n      this.pageCurrent--;\n      this.changePage.emit(this.pageCurrent);\n    }\n  }\n\n  onBtnUp() {\n    if (this.pageCurrent < this.pageMax) {\n      this.pageCurrent++;\n      this.changePage.emit(this.pageCurrent);\n    }\n  }\n\n  onDotClick(index: number) {\n    this.pageCurrent = index + 1;\n    this.changePage.emit(this.pageCurrent);\n  }\n}\n","<ng-container *ngIf=\"type === PaginationType.Numeric\">\n  <div class=\"fwe-pagination fwe-p-m\" [class.fwe-d-none]=\"pageMax < 2\">\n    <button class=\"fwe-navigate-btn-down\" (click)=\"onBtnDown()\" [class.fwe-disabled]=\"pageCurrent <= 1\"></button>\n    <span class=\"fwe-page-current\">{{ pageCurrent }}</span>\n    <span class=\"fwe-page-max\">{{ pageMax }}</span>\n    <button class=\"fwe-navigate-btn-up\" (click)=\"onBtnUp()\" [class.fwe-disabled]=\"pageCurrent >= pageMax\"></button>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"type === PaginationType.Dots\">\n  <div class=\"fwe-p-m\" [class.fwe-d-none]=\"pageMax < 2\">\n    <div class=\"fwe-pagination\">\n      <span\n        *ngFor=\"let index of dotArray\"\n        class=\"fwe-page-dot\"\n        [class.fwe-selected]=\"index + 1 === pageCurrent\"\n        (click)=\"onDotClick(index)\"\n      ></span>\n    </div>\n  </div>\n</ng-container>\n"]}

package/esm2015/lib/components/popovers/legend/legend.component.js

@@ -1,46 +0,0 @@
-import { Component, Input, ViewChild, TemplateRef } from '@angular/core';
-import { PopoverTypes } from '../popover.models';
-import { PopoverService } from '../popover.service';
-import * as i0 from "@angular/core";
-import * as i1 from "../popover.service";
-import * as i2 from "@angular/common";
-export class LegendComponent {
-    constructor(popoverService) {
-        this.popoverService = popoverService;
-        this.items = [];
-        this.options = {};
-    }
-    show(origin) {
-        if (0 < this.items.length) {
-            this.popoverRef = this.popoverService.open({
-                content: this.templateRef,
-                origin,
-                options: {
-                    type: PopoverTypes.Legend,
-                    hasBackdrop: true
-                }
-            });
-        }
-    }
-    hide() {
-        this.popoverRef.close();
-    }
-}
-LegendComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: LegendComponent, deps: [{ token: i1.PopoverService }], target: i0.ɵɵFactoryTarget.Component });
-LegendComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: LegendComponent, selector: "fng-legend", inputs: { items: "items", options: "options" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["tpl"], descendants: true }], ngImport: i0, template: "<ng-template #tpl>\n  <dl *ngIf=\"0 < items.length\" class=\"fng-legend\">\n    <div *ngFor=\"let item of items\" class=\"fng-legend-content\">\n      <dt>{{ item?.name }}</dt>\n      <dd>{{ item?.text }}</dd>\n    </div>\n  </dl>\n</ng-template>\n", styles: [".fwe-triangle.fwe-triangle-right,.fwe-triangle.fwe-triangle-left,.fwe-triangle.fwe-triangle-bottom,.fwe-triangle.fwe-triangle-top{width:17px;height:17px;position:absolute;overflow:hidden}.fwe-triangle.fwe-triangle-right:after,.fwe-triangle.fwe-triangle-left:after,.fwe-triangle.fwe-triangle-bottom:after,.fwe-triangle.fwe-triangle-top:after{content:\"\";position:absolute;width:12px;height:12px;background:var(--fwe-white);transform:rotate(45deg);box-shadow:0 1px 4px #3333}.fwe-popover.fwe-popover-menu,.fwe-popover{background-color:var(--fwe-white);box-shadow:0 1px 4px #3333;border-radius:4px}.fwe-popover{padding:8px;font-size:14px;line-height:1rem}.fwe-popover-container{position:relative;display:inline-block}.fwe-triangle.fwe-triangle-top{left:50%;top:-17px;transform:translate(-8px)}.fwe-triangle.fwe-triangle-top:after{top:11px;left:3px}.fwe-triangle.fwe-triangle-bottom{left:50%;top:100%;transform:translate(-8px)}.fwe-triangle.fwe-triangle-bottom:after{top:-6px;left:3px}.fwe-triangle.fwe-triangle-left{left:-17px;top:50%;transform:translateY(-8px)}.fwe-triangle.fwe-triangle-left:after{top:2px;left:11px}.fwe-triangle.fwe-triangle-right{left:100%;top:50%;transform:translateY(-8px)}.fwe-triangle.fwe-triangle-right:after{top:2px;left:-6px}.fwe-popover.fwe-popover-menu{font-size:16px;line-height:1.5rem;padding:16px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item{border-bottom:none;min-height:36px;padding:0}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button{width:100%;margin-left:inherit;padding:0 8px 0 0;text-align:left;height:32px;max-height:32px;display:inline-flex}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button:hover{color:var(--fwe-black)}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i{display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap;height:24px;width:32px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i:before{display:inline-flex}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button span{display:inline-flex;height:24px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button [class*=\" fwe-icon-\"]{margin-left:inherit}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item:hover{color:var(--fwe-black);background-color:#3333331a}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item:active{background-color:#3333}.fwe-popover .fwe-popover-legend{display:table;margin:16px;line-height:24px}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content{display:table-row}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content dt{display:table-cell;margin:0;padding-right:8px}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content dd{display:table-cell;margin:0}.fng-legend{display:table;margin:16px;line-height:24px}.fng-legend .fng-legend-content{display:table-row}.fng-legend .fng-legend-content dt{display:table-cell;margin:0;padding-right:8px}.fng-legend .fng-legend-content dd{display:table-cell;margin:0}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: LegendComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-legend',
-                    templateUrl: './legend.component.html',
-                    styleUrls: ['./legend.component.scss']
-                }]
-        }], ctorParameters: function () { return [{ type: i1.PopoverService }]; }, propDecorators: { items: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], templateRef: [{
-                type: ViewChild,
-                args: ['tpl']
-            }] } });
-//# sourceMappingURL=legend.component.js.map

package/esm2015/lib/components/popovers/legend/legend.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"legend.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular/src/lib/components/popovers/legend/legend.component.ts","../../../../../../../../libs/angular/src/lib/components/popovers/legend/legend.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;;;;AAgBpD,MAAM,OAAO,eAAe;IAM1B,YAAoB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QALzC,UAAK,GAAiB,EAAE,CAAC;QACzB,YAAO,GAAyB,EAAE,CAAC;IAIS,CAAC;IAEtD,IAAI,CAAC,MAAmB;QACtB,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;gBACzC,OAAO,EAAE,IAAI,CAAC,WAAW;gBACzB,MAAM;gBACN,OAAO,EAAE;oBACP,IAAI,EAAE,YAAY,CAAC,MAAM;oBACzB,WAAW,EAAE,IAAI;iBAClB;aACF,CAAC,CAAC;SACJ;IACH,CAAC;IAED,IAAI;QACF,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC;;4GAvBU,eAAe;gGAAf,eAAe,sMCnB5B,0PAQA;2FDWa,eAAe;kBAL3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,WAAW,EAAE,yBAAyB;oBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;iBACvC;qGAEU,KAAK;sBAAb,KAAK;gBACG,OAAO;sBAAf,KAAK;gBACY,WAAW;sBAA5B,SAAS;uBAAC,KAAK","sourcesContent":["import { Component, Input, ViewChild, TemplateRef } from '@angular/core';\nimport { PopoverRef } from '../popover-ref';\nimport { PopoverTypes } from '../popover.models';\nimport { PopoverService } from '../popover.service';\n\nexport interface PopoverLegendOptions {\n  maxWidth?: string | number;\n}\n\nexport interface LegendItem {\n  name: string;\n  text: string;\n}\n\n@Component({\n  selector: 'fng-legend',\n  templateUrl: './legend.component.html',\n  styleUrls: ['./legend.component.scss']\n})\nexport class LegendComponent {\n  @Input() items: LegendItem[] = [];\n  @Input() options: PopoverLegendOptions = {};\n  @ViewChild('tpl') templateRef: TemplateRef<any>;\n  private popoverRef: PopoverRef;\n\n  constructor(private popoverService: PopoverService) {}\n\n  show(origin: HTMLElement) {\n    if (0 < this.items.length) {\n      this.popoverRef = this.popoverService.open({\n        content: this.templateRef,\n        origin,\n        options: {\n          type: PopoverTypes.Legend,\n          hasBackdrop: true\n        }\n      });\n    }\n  }\n\n  hide() {\n    this.popoverRef.close();\n  }\n}\n","<ng-template #tpl>\n  <dl *ngIf=\"0 < items.length\" class=\"fng-legend\">\n    <div *ngFor=\"let item of items\" class=\"fng-legend-content\">\n      <dt>{{ item?.name }}</dt>\n      <dd>{{ item?.text }}</dd>\n    </div>\n  </dl>\n</ng-template>\n"]}

package/esm2015/lib/components/popovers/legend/legend.directive.js

@@ -1,31 +0,0 @@
-import { Directive, ElementRef, ContentChild, HostListener } from '@angular/core';
-import { PopoverContentComponent } from '../popover-content/popover-content.component';
-import * as i0 from "@angular/core";
-export class LegendDirective {
-    constructor(elmenetRef) {
-        this.elmenetRef = elmenetRef;
-    }
-    ngOnInit() {
-        this.origin = this.elmenetRef.nativeElement;
-    }
-    show() {
-        if (null != this.ref) {
-            this.ref.show(this.origin);
-        }
-    }
-}
-LegendDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: LegendDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-LegendDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.0", type: LegendDirective, selector: "[fngLegend]", host: { listeners: { "click": "show()" } }, queries: [{ propertyName: "ref", first: true, predicate: ["fngContent"], descendants: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: LegendDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[fngLegend]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { ref: [{
-                type: ContentChild,
-                args: ['fngContent']
-            }], show: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-//# sourceMappingURL=legend.directive.js.map

package/esm2015/lib/components/popovers/legend/legend.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"legend.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/angular/src/lib/components/popovers/legend/legend.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAU,MAAM,eAAe,CAAC;AAE1F,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;;AAKvF,MAAM,OAAO,eAAe;IAI1B,YAAoB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;IAAG,CAAC;IAE9C,QAAQ;QACN,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;IAC9C,CAAC;IAGD,IAAI;QACF,IAAI,IAAI,IAAI,IAAI,CAAC,GAAG,EAAE;YACpB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAC5B;IACH,CAAC;;4GAfU,eAAe;gGAAf,eAAe;2FAAf,eAAe;kBAH3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;iBACxB;iGAE6B,GAAG;sBAA9B,YAAY;uBAAC,YAAY;gBAU1B,IAAI;sBADH,YAAY;uBAAC,OAAO","sourcesContent":["import { Directive, ElementRef, ContentChild, HostListener, OnInit } from '@angular/core';\n\nimport { PopoverContentComponent } from '../popover-content/popover-content.component';\n\n@Directive({\n  selector: '[fngLegend]'\n})\nexport class LegendDirective implements OnInit {\n  @ContentChild('fngContent') ref: PopoverContentComponent;\n  private origin: HTMLElement;\n\n  constructor(private elmenetRef: ElementRef) {}\n\n  ngOnInit(): void {\n    this.origin = this.elmenetRef.nativeElement;\n  }\n\n  @HostListener('click')\n  show() {\n    if (null != this.ref) {\n      this.ref.show(this.origin);\n    }\n  }\n}\n"]}

package/esm2015/lib/components/popovers/popover/popover.component.js

@@ -1,35 +0,0 @@
-import { Component, TemplateRef } from '@angular/core';
-import { PopoverRef } from '../popover-ref';
-import { PopoverContentTypes } from '../popover.models';
-import * as i0 from "@angular/core";
-import * as i1 from "../popover-ref";
-import * as i2 from "@angular/common";
-export class PopoverComponent {
-    constructor(popoverRef) {
-        this.popoverRef = popoverRef;
-        this.type = PopoverContentTypes.Text;
-    }
-    ngOnInit() {
-        this.content = this.popoverRef.content;
-        if ('string' === typeof this.content) {
-            this.type = PopoverContentTypes.Text;
-        }
-        if (this.content instanceof TemplateRef) {
-            this.type = PopoverContentTypes.Template;
-            this.context = {
-                close: this.popoverRef.close.bind(this.popoverRef)
-            };
-        }
-    }
-}
-PopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: PopoverComponent, deps: [{ token: i1.PopoverRef }], target: i0.ɵɵFactoryTarget.Component });
-PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: PopoverComponent, selector: "fng-popover", ngImport: i0, template: "<div class=\"fwe-popover-container\">\n  <div class=\"fwe-triangle\"></div>\n  <div class=\"fwe-popover\">\n    <ng-container [ngSwitch]=\"type\">\n      <div class=\"fwe-popover-content\" *ngSwitchCase=\"'text'\" [innerHTML]=\"content\"></div>\n      <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container *ngTemplateOutlet=\"content; context: context\"></ng-container>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'component'\">\n        <ng-container *ngComponentOutlet=\"content\"></ng-container>\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: PopoverComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-popover',
-                    templateUrl: './popover.component.html',
-                    styleUrls: ['./popover.component.scss']
-                }]
-        }], ctorParameters: function () { return [{ type: i1.PopoverRef }]; } });
-//# sourceMappingURL=popover.component.js.map

package/esm2015/lib/components/popovers/popover/popover.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular/src/lib/components/popovers/popover/popover.component.ts","../../../../../../../../libs/angular/src/lib/components/popovers/popover/popover.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;;;;AAOxE,MAAM,OAAO,gBAAgB;IAK3B,YAAoB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;QAJ1C,SAAI,GAAwB,mBAAmB,CAAC,IAAI,CAAC;IAIR,CAAC;IAE9C,QAAQ;QACN,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;QACvC,IAAI,QAAQ,KAAK,OAAO,IAAI,CAAC,OAAO,EAAE;YACpC,IAAI,CAAC,IAAI,GAAG,mBAAmB,CAAC,IAAI,CAAC;SACtC;QAED,IAAI,IAAI,CAAC,OAAO,YAAY,WAAW,EAAE;YACvC,IAAI,CAAC,IAAI,GAAG,mBAAmB,CAAC,QAAQ,CAAC;YACzC,IAAI,CAAC,OAAO,GAAG;gBACb,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;aACnD,CAAC;SACH;IACH,CAAC;;6GAnBU,gBAAgB;iGAAhB,gBAAgB,mDCV7B,ilBAcA;2FDJa,gBAAgB;kBAL5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,WAAW,EAAE,0BAA0B;oBACvC,SAAS,EAAE,CAAC,0BAA0B,CAAC;iBACxC","sourcesContent":["import { Component, OnInit, TemplateRef } from '@angular/core';\n\nimport { PopoverRef } from '../popover-ref';\nimport { PopoverContent, PopoverContentTypes } from '../popover.models';\n\n@Component({\n  selector: 'fng-popover',\n  templateUrl: './popover.component.html',\n  styleUrls: ['./popover.component.scss']\n})\nexport class PopoverComponent implements OnInit {\n  type: PopoverContentTypes = PopoverContentTypes.Text;\n  content: PopoverContent;\n  context: any;\n\n  constructor(private popoverRef: PopoverRef) {}\n\n  ngOnInit() {\n    this.content = this.popoverRef.content;\n    if ('string' === typeof this.content) {\n      this.type = PopoverContentTypes.Text;\n    }\n\n    if (this.content instanceof TemplateRef) {\n      this.type = PopoverContentTypes.Template;\n      this.context = {\n        close: this.popoverRef.close.bind(this.popoverRef)\n      };\n    }\n  }\n}\n","<div class=\"fwe-popover-container\">\n  <div class=\"fwe-triangle\"></div>\n  <div class=\"fwe-popover\">\n    <ng-container [ngSwitch]=\"type\">\n      <div class=\"fwe-popover-content\" *ngSwitchCase=\"'text'\" [innerHTML]=\"content\"></div>\n      <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container *ngTemplateOutlet=\"content; context: context\"></ng-container>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'component'\">\n        <ng-container *ngComponentOutlet=\"content\"></ng-container>\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n"]}