npm - @natec/mef-dev-ui-kit - Versions diffs - 15.1.2 → 15.1.4 - Mend

@natec/mef-dev-ui-kit 15.1.2 → 15.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/esm2020/lib/markup-kit/modals/fill/fill.component.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Component, ContentChild, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { animate, style, transition, trigger } from '@angular/animations';
 import * as i0 from "@angular/core";
-import * as i1 from "ngx-bootstrap/modal";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
 /**
   * Fill Component for a modal window.
   *
@@ -27,9 +27,6 @@ export class FillComponent {
      * Input parameter that determines whether to show the modal window.
      */
     set show(val) {
-        if (!this.fadInModal) {
-            return;
-        }
         if (val) {
             this.showModal();
         }
@@ -39,54 +36,80 @@ export class FillComponent {
     }
     ;
     constructor() {
+        this.visible = false;
         /**
-         * Event emitter triggered when the modal window is closed.
-         * Emits a boolean value indicating whether the modal window is closed.
+         * Event emitted when the modal is change state.
+         * Emits a boolean value indicating if the modal is closed(false), or open(true).
          * Example:
          * ```
-         * <mefdev-fill-modal (isClouse)="onModalClosed($event)"></mefdev-fill-modal>
+         * <mefdev-fill-modal (visibleChange)="onModalClosed($event)"></mefdev-fill-modal>
          * ```
          */
-        this.isClouse = new EventEmitter();
+        this.visibleChange = new EventEmitter();
     }
     ngOnInit() {
     }
     /**
-   * Event emitter for when the modal is closed.
-   */
-    modalIsCloused() {
-        this.isClouse.emit(true);
+     * Shows the modal state.
+     * Return a boolean value indicating if the modal is closed(false), or open(true)
+     */
+    getModalState() {
+        return this.visible;
     }
     /**
-    * Shows the modal window.
-    */
+     * Shows the modal.
+     * Call this method to open the modal window.
+     */
     showModal() {
-        this.fadInModal?.show();
+        this.visible = true;
+        this.visibleChange.emit(this.visible);
     }
     /**
-     * Hides the modal window.
+     * Hides the modal.
+     * Call this method to close the modal window.
      */
     hideModal() {
-        this.fadInModal?.hide();
+        this.visible = false;
+        this.visibleChange.emit(this.visible);
     }
 }
 FillComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FillComponent, selector: "mefdev-fill-modal", inputs: { show: "show" }, outputs: { isClouse: "isClouse" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], viewQueries: [{ propertyName: "fadInModal", first: true, predicate: ["fadInModal"], descendants: true }], ngImport: i0, template: " <div bsModal #fadInModal=\"bs-modal\" class=\"modal fade fill-in\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" (onHide)=\"modalIsCloused()\">\r\n    <button type=\"button\" class=\"close\" (click)=\"fadInModal.hide()\" aria-hidden=\"true\">\r\n      <i class=\"pg pg-close\"></i>\r\n    </button>\r\n    <div class=\"modal-dialog \">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n        </div>  \r\n        <div class=\"modal-body\">\r\n          <ng-content></ng-content>\r\n        </div>  \r\n        <div class=\"modal-footer\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>", styles: [""], dependencies: [{ kind: "directive", type: i1.ModalDirective, selector: "[bsModal]", inputs: ["config", "closeInterceptor"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+FillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FillComponent, selector: "mefdev-fill-modal", inputs: { show: "show" }, outputs: { visibleChange: "visibleChange" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], ngImport: i0, template: "<button *ngIf=\"visible\" (click)=\"hideModal()\" aria-label=\"Close\" class=\"dialog__close-btn\">X</button>\r\n<div [@dialog] *ngIf=\"visible\" class=\"dialog\" #dialog>\r\n\t<div class=\"modal-content\">\r\n    <div class=\"modal-header clearfix text-left\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n          <ng-content></ng-content>\r\n      </div>\r\n      <div class=\"modal-footer\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n      </div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"visible\" class=\"overlay\" (click)=\"hideModal()\"></div>\r\n", styles: [".overlay{position:fixed;inset:0;background-color:#ffffffd9;z-index:999}.dialog{z-index:1000;position:fixed;right:0;left:0;top:0;margin-left:auto;margin-right:auto;height:100%;min-width:280px;max-width:720px;background-color:#ffffffd9;padding:12px;overflow-y:auto;display:flex;align-items:center}.dialog__close-btn{border:0;background:none;color:#2d2d2d;position:absolute;top:8px;right:8px;font-size:1.2em;z-index:1001}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+        trigger('dialog', [
+            transition('void => *', [
+                style({ transform: 'scale3d(.3, .3, .3)' }),
+                animate(100)
+            ]),
+            transition('* => void', [
+                animate(100, style({ transform: 'scale3d(.0, .0, .0)' }))
+            ])
+        ])
+    ] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FillComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mefdev-fill-modal', template: " <div bsModal #fadInModal=\"bs-modal\" class=\"modal fade fill-in\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" (onHide)=\"modalIsCloused()\">\r\n    <button type=\"button\" class=\"close\" (click)=\"fadInModal.hide()\" aria-hidden=\"true\">\r\n      <i class=\"pg pg-close\"></i>\r\n    </button>\r\n    <div class=\"modal-dialog \">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n        </div>  \r\n        <div class=\"modal-body\">\r\n          <ng-content></ng-content>\r\n        </div>  \r\n        <div class=\"modal-footer\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { modal_header: [{
+            args: [{ selector: 'mefdev-fill-modal', animations: [
+                        trigger('dialog', [
+                            transition('void => *', [
+                                style({ transform: 'scale3d(.3, .3, .3)' }),
+                                animate(100)
+                            ]),
+                            transition('* => void', [
+                                animate(100, style({ transform: 'scale3d(.0, .0, .0)' }))
+                            ])
+                        ])
+                    ], template: "<button *ngIf=\"visible\" (click)=\"hideModal()\" aria-label=\"Close\" class=\"dialog__close-btn\">X</button>\r\n<div [@dialog] *ngIf=\"visible\" class=\"dialog\" #dialog>\r\n\t<div class=\"modal-content\">\r\n    <div class=\"modal-header clearfix text-left\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n          <ng-content></ng-content>\r\n      </div>\r\n      <div class=\"modal-footer\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n      </div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"visible\" class=\"overlay\" (click)=\"hideModal()\"></div>\r\n", styles: [".overlay{position:fixed;inset:0;background-color:#ffffffd9;z-index:999}.dialog{z-index:1000;position:fixed;right:0;left:0;top:0;margin-left:auto;margin-right:auto;height:100%;min-width:280px;max-width:720px;background-color:#ffffffd9;padding:12px;overflow-y:auto;display:flex;align-items:center}.dialog__close-btn{border:0;background:none;color:#2d2d2d;position:absolute;top:8px;right:8px;font-size:1.2em;z-index:1001}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { dialog: [{
+                type: ViewChild,
+                args: ['dialog', { static: false }]
+            }], modal_header: [{
                 type: ContentChild,
                 args: ["modal_header"]
             }], modal_footer: [{
                 type: ContentChild,
                 args: ["modal_footer"]
-            }], fadInModal: [{
-                type: ViewChild,
-                args: ['fadInModal', { static: false }]
             }], show: [{
                 type: Input
-            }], isClouse: [{
+            }], visibleChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9tb2RhbHMvZmlsbC9maWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9maWxsL2ZpbGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQWUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBS3JIOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBbUJJO0FBTUosTUFBTSxPQUFPLGFBQWE7SUErQnhCOztPQUVHO0lBQ0gsSUFBYSxJQUFJLENBQUMsR0FBWTtRQUM1QixJQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBQztZQUNsQixPQUFPO1NBQ1I7UUFDRCxJQUFHLEdBQUcsRUFBQztZQUNMLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztTQUNsQjthQUNHO1lBQ0YsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQztJQUFBLENBQUM7SUFZRjtRQVZBOzs7Ozs7O1dBT0c7UUFDTyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUVqQyxDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBRUM7O0tBRUM7SUFDSCxjQUFjO1FBQ1osSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVBOztNQUVFO0lBQ0gsU0FBUztRQUNQLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksU0FBUztRQUNkLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7MEdBaEZVLGFBQWE7OEZBQWIsYUFBYSx5YUM5QjFCLDJ4QkFpQlE7MkZEYUssYUFBYTtrQkFMekIsU0FBUzsrQkFDRSxtQkFBbUI7MEVBZ0JDLFlBQVk7c0JBQXpDLFlBQVk7dUJBQUMsY0FBYztnQkFZRSxZQUFZO3NCQUF6QyxZQUFZO3VCQUFDLGNBQWM7Z0JBS2dCLFVBQVU7c0JBQXJELFNBQVM7dUJBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFLN0IsSUFBSTtzQkFBaEIsS0FBSztnQkFvQkksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNb2RhbERpcmVjdGl2ZSB9IGZyb20gJ25neC1ib290c3RyYXAvbW9kYWwnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7IC8vIGFkZCBmb3Igc3RhdGljIGFuYWxpemVyIGJ1ZyBmaXhcclxuXHJcblxyXG4vKipcclxuICAqIEZpbGwgQ29tcG9uZW50IGZvciBhIG1vZGFsIHdpbmRvdy5cclxuICAqXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICogYGBgXHJcbiAgKiA8bWVmZGV2LWZpbGwtbW9kYWwgI3Bpbl9tb2RhbD5cclxuICAqICAgPCEtLSBNb2RhbCBoZWFkZXIgY29udGVudCAtLT5cclxuICAqICAgPG5nLXRlbXBsYXRlICNtb2RhbF9oZWFkZXI+XHJcbiAgKiAgICAgPCEtLSBIZWFkZXIgY29udGVudCBnb2VzIGhlcmUgLS0+XHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKlxyXG4gICogICA8IS0tIE1vZGFsIGZvb3RlciBjb250ZW50IC0tPlxyXG4gICogICA8bmctdGVtcGxhdGUgI21vZGFsX2Zvb3Rlcj5cclxuICAqICAgICA8IS0tIEZvb3RlciBjb250ZW50IGdvZXMgaGVyZSAtLT5cclxuICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAqIDwvbWVmZGV2LWZpbGwtbW9kYWw+XHJcbiAgKiBgYGBcclxuICAqXHJcbiAgKiA8ZXhhbXBsZS11cmw+aHR0cHM6Ly9tZWYuZGV2L3VpX2tpdF9kZW1vL3ZpZXcvbW9kYWxzL2ZpbGw8L2V4YW1wbGUtdXJsPlxyXG4gICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVmZGV2LWZpbGwtbW9kYWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9maWxsLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZpbGxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvKipcclxuICAqIFRoZSBoZWFkZXIgdGVtcGxhdGUgb2YgdGhlIG1vZGFsIHdpbmRvdy5cclxuICAqIGBgYFxyXG4gICogPG1lZmRldi1maWxsLW1vZGFsICNwaW5fbW9kYWw+XHJcbiAgICogICA8bmctdGVtcGxhdGUgI21vZGFsX2hlYWRlcj5cclxuICAgKiAgICAgPCEtLSBIZWFkZXIgY29udGVudCBnb2VzIGhlcmUgLS0+XHJcbiAgICogICA8L25nLXRlbXBsYXRlPiBcclxuICAgKiA8L21lZmRldi1maWxsLW1vZGFsPlxyXG4gICogYGBgXHJcbiAgKi9cclxuICBAQ29udGVudENoaWxkKFwibW9kYWxfaGVhZGVyXCIpIG1vZGFsX2hlYWRlcjogVGVtcGxhdGVSZWY8dm9pZD47IFxyXG5cclxuICAvKipcclxuICAqIFRoZSBmb290ZXIgdGVtcGxhdGUgb2YgdGhlIG1vZGFsIHdpbmRvdy5cclxuICAqIGBgYFxyXG4gICogPG1lZmRldi1maWxsLW1vZGFsICNwaW5fbW9kYWw+XHJcbiAgICogICA8bmctdGVtcGxhdGUgI21vZGFsX2Zvb3Rlcj5cclxuICAgKiAgICAgPCEtLSBGb290ZXIgY29udGVudCBnb2VzIGhlcmUgLS0+XHJcbiAgICogICA8L25nLXRlbXBsYXRlPiBcclxuICAgKiA8L21lZmRldi1maWxsLW1vZGFsPlxyXG4gICogYGBgXHJcbiAgKi9cclxuICBAQ29udGVudENoaWxkKFwibW9kYWxfZm9vdGVyXCIpIG1vZGFsX2Zvb3RlcjogVGVtcGxhdGVSZWY8dm9pZD47XHJcbiAgXHJcbiAgLyoqXHJcbiAgICogUmVmZXJlbmNlIHRvIHRoZSBNb2RhbERpcmVjdGl2ZSBlbGVtZW50IGZyb20gbmd4LWJvb3RzdHJhcC5cclxuICAgKi9cclxuICBAVmlld0NoaWxkKCdmYWRJbk1vZGFsJywgeyBzdGF0aWM6IGZhbHNlIH0pIGZhZEluTW9kYWw/OiBNb2RhbERpcmVjdGl2ZTtcclxuICAgIFxyXG4gIC8qKlxyXG4gICAqIElucHV0IHBhcmFtZXRlciB0aGF0IGRldGVybWluZXMgd2hldGhlciB0byBzaG93IHRoZSBtb2RhbCB3aW5kb3cuXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2V0IHNob3codmFsOiBib29sZWFuKXtcclxuICAgIGlmKCF0aGlzLmZhZEluTW9kYWwpe1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICBpZih2YWwpe1xyXG4gICAgICB0aGlzLnNob3dNb2RhbCgpO1xyXG4gICAgfVxyXG4gICAgZWxzZXtcclxuICAgICAgdGhpcy5oaWRlTW9kYWwoKTtcclxuICAgIH1cclxuICB9O1xyXG5cclxuICAvKipcclxuICAgKiBFdmVudCBlbWl0dGVyIHRyaWdnZXJlZCB3aGVuIHRoZSBtb2RhbCB3aW5kb3cgaXMgY2xvc2VkLlxyXG4gICAqIEVtaXRzIGEgYm9vbGVhbiB2YWx1ZSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIG1vZGFsIHdpbmRvdyBpcyBjbG9zZWQuXHJcbiAgICogRXhhbXBsZTpcclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LWZpbGwtbW9kYWwgKGlzQ2xvdXNlKT1cIm9uTW9kYWxDbG9zZWQoJGV2ZW50KVwiPjwvbWVmZGV2LWZpbGwtbW9kYWw+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIGlzQ2xvdXNlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gICAgLyoqXHJcbiAgICogRXZlbnQgZW1pdHRlciBmb3Igd2hlbiB0aGUgbW9kYWwgaXMgY2xvc2VkLlxyXG4gICAqL1xyXG4gIG1vZGFsSXNDbG91c2VkKCl7XHJcbiAgICB0aGlzLmlzQ2xvdXNlLmVtaXQodHJ1ZSk7XHJcbiAgfVxyXG5cclxuICAgLyoqXHJcbiAgICogU2hvd3MgdGhlIG1vZGFsIHdpbmRvdy5cclxuICAgKi9cclxuICBzaG93TW9kYWwoKSB7XHJcbiAgICB0aGlzLmZhZEluTW9kYWw/LnNob3coKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEhpZGVzIHRoZSBtb2RhbCB3aW5kb3cuXHJcbiAgICovXHJcbiAgcHVibGljIGhpZGVNb2RhbCgpe1xyXG4gICAgdGhpcy5mYWRJbk1vZGFsPy5oaWRlKCk7XHJcbiAgfVxyXG59XHJcbiIsIiA8ZGl2IGJzTW9kYWwgI2ZhZEluTW9kYWw9XCJicy1tb2RhbFwiIGNsYXNzPVwibW9kYWwgZmFkZSBmaWxsLWluXCIgdGFiaW5kZXg9XCItMVwiIHJvbGU9XCJkaWFsb2dcIiBhcmlhLWhpZGRlbj1cInRydWVcIiAob25IaWRlKT1cIm1vZGFsSXNDbG91c2VkKClcIj5cclxuICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiY2xvc2VcIiAoY2xpY2spPVwiZmFkSW5Nb2RhbC5oaWRlKClcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cclxuICAgICAgPGkgY2xhc3M9XCJwZyBwZy1jbG9zZVwiPjwvaT5cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWRpYWxvZyBcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyXCI+XHJcbiAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibW9kYWxfaGVhZGVyXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L2Rpdj4gIFxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1ib2R5XCI+XHJcbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+ICBcclxuICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtZm9vdGVyXCI+XHJcbiAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibW9kYWxfZm9vdGVyXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9tb2RhbHMvZmlsbC9maWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9maWxsL2ZpbGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQWUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR2pJLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBRzFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBbUJJO0FBaUJKLE1BQU0sT0FBTyxhQUFhO0lBOEJ4Qjs7T0FFRztJQUNILElBQWEsSUFBSSxDQUFDLEdBQVk7UUFDNUIsSUFBRyxHQUFHLEVBQUM7WUFDTCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7YUFDRztZQUNGLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztTQUNsQjtJQUNILENBQUM7SUFBQSxDQUFDO0lBYUY7UUFwRFUsWUFBTyxHQUFZLEtBQUssQ0FBQztRQXlDbkM7Ozs7Ozs7V0FPRztRQUNPLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUd0QyxDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsYUFBYTtRQUNYLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksU0FBUztRQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksU0FBUztRQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDOzswR0FsRlUsYUFBYTs4RkFBYixhQUFhLDJhQzFDMUIsdXFCQWVBLDJ0QkRlYztRQUNWLE9BQU8sQ0FBQyxRQUFRLEVBQUU7WUFDaEIsVUFBVSxDQUFDLFdBQVcsRUFBRTtnQkFDdEIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLHFCQUFxQixFQUFFLENBQUM7Z0JBQzNDLE9BQU8sQ0FBQyxHQUFHLENBQUM7YUFDYixDQUFDO1lBQ0YsVUFBVSxDQUFDLFdBQVcsRUFBRTtnQkFDdEIsT0FBTyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUscUJBQXFCLEVBQUUsQ0FBQyxDQUFDO2FBQzFELENBQUM7U0FDSCxDQUFDO0tBQ0g7MkZBRVUsYUFBYTtrQkFoQnpCLFNBQVM7K0JBQ0UsbUJBQW1CLGNBR2pCO3dCQUNWLE9BQU8sQ0FBQyxRQUFRLEVBQUU7NEJBQ2hCLFVBQVUsQ0FBQyxXQUFXLEVBQUU7Z0NBQ3RCLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxxQkFBcUIsRUFBRSxDQUFDO2dDQUMzQyxPQUFPLENBQUMsR0FBRyxDQUFDOzZCQUNiLENBQUM7NEJBQ0YsVUFBVSxDQUFDLFdBQVcsRUFBRTtnQ0FDdEIsT0FBTyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUscUJBQXFCLEVBQUUsQ0FBQyxDQUFDOzZCQUMxRCxDQUFDO3lCQUNILENBQUM7cUJBQ0g7MEVBS2lELE1BQU07c0JBQXZELFNBQVM7dUJBQUMsUUFBUSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFhUixZQUFZO3NCQUF6QyxZQUFZO3VCQUFDLGNBQWM7Z0JBWUUsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjO2dCQUtmLElBQUk7c0JBQWhCLEtBQUs7Z0JBaUJJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTW9kYWxEaXJlY3RpdmUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL21vZGFsJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiOyAvLyBhZGQgZm9yIHN0YXRpYyBhbmFsaXplciBidWcgZml4XHJcbmltcG9ydCB7IGFuaW1hdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcblxyXG5cclxuLyoqXHJcbiAgKiBGaWxsIENvbXBvbmVudCBmb3IgYSBtb2RhbCB3aW5kb3cuXHJcbiAgKlxyXG4gICogRXhhbXBsZSBvZiB1c2FnZTpcclxuICAqIGBgYFxyXG4gICogPG1lZmRldi1maWxsLW1vZGFsICNwaW5fbW9kYWw+XHJcbiAgKiAgIDwhLS0gTW9kYWwgaGVhZGVyIGNvbnRlbnQgLS0+XHJcbiAgKiAgIDxuZy10ZW1wbGF0ZSAjbW9kYWxfaGVhZGVyPlxyXG4gICogICAgIDwhLS0gSGVhZGVyIGNvbnRlbnQgZ29lcyBoZXJlIC0tPlxyXG4gICogICA8L25nLXRlbXBsYXRlPlxyXG4gICpcclxuICAqICAgPCEtLSBNb2RhbCBmb290ZXIgY29udGVudCAtLT5cclxuICAqICAgPG5nLXRlbXBsYXRlICNtb2RhbF9mb290ZXI+XHJcbiAgKiAgICAgPCEtLSBGb290ZXIgY29udGVudCBnb2VzIGhlcmUgLS0+XHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKiA8L21lZmRldi1maWxsLW1vZGFsPlxyXG4gICogYGBgXHJcbiAgKlxyXG4gICogPGV4YW1wbGUtdXJsPmh0dHBzOi8vbWVmLmRldi91aV9raXRfZGVtby92aWV3L21vZGFscy9maWxsPC9leGFtcGxlLXVybD5cclxuICAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1maWxsLW1vZGFsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmlsbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmlsbC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ2RpYWxvZycsIFtcclxuICAgICAgdHJhbnNpdGlvbigndm9pZCA9PiAqJywgW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUzZCguMywgLjMsIC4zKScgfSksXHJcbiAgICAgICAgYW5pbWF0ZSgxMDApXHJcbiAgICAgIF0pLFxyXG4gICAgICB0cmFuc2l0aW9uKCcqID0+IHZvaWQnLCBbXHJcbiAgICAgICAgYW5pbWF0ZSgxMDAsIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUzZCguMCwgLjAsIC4wKScgfSkpXHJcbiAgICAgIF0pXHJcbiAgICBdKVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEZpbGxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIHByb3RlY3RlZCB2aXNpYmxlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2RpYWxvZycsIHsgc3RhdGljOiBmYWxzZSB9KSBwcm90ZWN0ZWQgZGlhbG9nPzogRWxlbWVudFJlZjtcclxuXHJcblxyXG4gIC8qKlxyXG4gICogVGhlIGhlYWRlciB0ZW1wbGF0ZSBvZiB0aGUgbW9kYWwgd2luZG93LlxyXG4gICogYGBgXHJcbiAgKiA8bWVmZGV2LWZpbGwtbW9kYWwgI3Bpbl9tb2RhbD5cclxuICAgKiAgIDxuZy10ZW1wbGF0ZSAjbW9kYWxfaGVhZGVyPlxyXG4gICAqICAgICA8IS0tIEhlYWRlciBjb250ZW50IGdvZXMgaGVyZSAtLT5cclxuICAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICogPC9tZWZkZXYtZmlsbC1tb2RhbD5cclxuICAqIGBgYFxyXG4gICovXHJcbiAgQENvbnRlbnRDaGlsZChcIm1vZGFsX2hlYWRlclwiKSBtb2RhbF9oZWFkZXI6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuICAvKipcclxuICAqIFRoZSBmb290ZXIgdGVtcGxhdGUgb2YgdGhlIG1vZGFsIHdpbmRvdy5cclxuICAqIGBgYFxyXG4gICogPG1lZmRldi1maWxsLW1vZGFsICNwaW5fbW9kYWw+XHJcbiAgICogICA8bmctdGVtcGxhdGUgI21vZGFsX2Zvb3Rlcj5cclxuICAgKiAgICAgPCEtLSBGb290ZXIgY29udGVudCBnb2VzIGhlcmUgLS0+XHJcbiAgICogICA8L25nLXRlbXBsYXRlPlxyXG4gICAqIDwvbWVmZGV2LWZpbGwtbW9kYWw+XHJcbiAgKiBgYGBcclxuICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJtb2RhbF9mb290ZXJcIikgbW9kYWxfZm9vdGVyOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuXHJcbiAgLyoqXHJcbiAgICogSW5wdXQgcGFyYW1ldGVyIHRoYXQgZGV0ZXJtaW5lcyB3aGV0aGVyIHRvIHNob3cgdGhlIG1vZGFsIHdpbmRvdy5cclxuICAgKi9cclxuICBASW5wdXQoKSBzZXQgc2hvdyh2YWw6IGJvb2xlYW4pe1xyXG4gICAgaWYodmFsKXtcclxuICAgICAgdGhpcy5zaG93TW9kYWwoKTtcclxuICAgIH1cclxuICAgIGVsc2V7XHJcbiAgICAgIHRoaXMuaGlkZU1vZGFsKCk7XHJcbiAgICB9XHJcbiAgfTtcclxuXHJcbiAgLyoqXHJcbiAgICogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBtb2RhbCBpcyBjaGFuZ2Ugc3RhdGUuXHJcbiAgICogRW1pdHMgYSBib29sZWFuIHZhbHVlIGluZGljYXRpbmcgaWYgdGhlIG1vZGFsIGlzIGNsb3NlZChmYWxzZSksIG9yIG9wZW4odHJ1ZSkuXHJcbiAgICogRXhhbXBsZTpcclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LWZpbGwtbW9kYWwgKHZpc2libGVDaGFuZ2UpPVwib25Nb2RhbENsb3NlZCgkZXZlbnQpXCI+PC9tZWZkZXYtZmlsbC1tb2RhbD5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBAT3V0cHV0KCkgdmlzaWJsZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogU2hvd3MgdGhlIG1vZGFsIHN0YXRlLlxyXG4gICAqIFJldHVybiBhIGJvb2xlYW4gdmFsdWUgaW5kaWNhdGluZyBpZiB0aGUgbW9kYWwgaXMgY2xvc2VkKGZhbHNlKSwgb3Igb3Blbih0cnVlKVxyXG4gICAqL1xyXG4gIGdldE1vZGFsU3RhdGUoKTogYm9vbGVhbntcclxuICAgIHJldHVybiB0aGlzLnZpc2libGU7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBTaG93cyB0aGUgbW9kYWwuXHJcbiAgICogQ2FsbCB0aGlzIG1ldGhvZCB0byBvcGVuIHRoZSBtb2RhbCB3aW5kb3cuXHJcbiAgICovXHJcbiAgcHVibGljIHNob3dNb2RhbCgpe1xyXG4gICAgdGhpcy52aXNpYmxlID0gdHJ1ZTtcclxuICAgIHRoaXMudmlzaWJsZUNoYW5nZS5lbWl0KHRoaXMudmlzaWJsZSk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBIaWRlcyB0aGUgbW9kYWwuXHJcbiAgICogQ2FsbCB0aGlzIG1ldGhvZCB0byBjbG9zZSB0aGUgbW9kYWwgd2luZG93LlxyXG4gICAqL1xyXG4gIHB1YmxpYyBoaWRlTW9kYWwoKXtcclxuICAgIHRoaXMudmlzaWJsZSA9IGZhbHNlO1xyXG4gICAgdGhpcy52aXNpYmxlQ2hhbmdlLmVtaXQodGhpcy52aXNpYmxlKTtcclxuICB9XHJcbn1cclxuIiwiPGJ1dHRvbiAqbmdJZj1cInZpc2libGVcIiAoY2xpY2spPVwiaGlkZU1vZGFsKClcIiBhcmlhLWxhYmVsPVwiQ2xvc2VcIiBjbGFzcz1cImRpYWxvZ19fY2xvc2UtYnRuXCI+WDwvYnV0dG9uPlxyXG48ZGl2IFtAZGlhbG9nXSAqbmdJZj1cInZpc2libGVcIiBjbGFzcz1cImRpYWxvZ1wiICNkaWFsb2c+XHJcblx0PGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1oZWFkZXIgY2xlYXJmaXggdGV4dC1sZWZ0XCI+XHJcbiAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibW9kYWxfaGVhZGVyXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1ib2R5XCI+XHJcbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtZm9vdGVyXCI+XHJcbiAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibW9kYWxfZm9vdGVyXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG48ZGl2ICpuZ0lmPVwidmlzaWJsZVwiIGNsYXNzPVwib3ZlcmxheVwiIChjbGljayk9XCJoaWRlTW9kYWwoKVwiPjwvZGl2PlxyXG4iXX0=

package/esm2020/lib/markup-kit/modals/right-filter/right-filter.component.mjs CHANGED Viewed

@@ -35,7 +35,7 @@ export class RightFilterComponent {
     }
 }
 RightFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RightFilterComponent, deps: [{ token: i1.FilteredFieldService }], target: i0.ɵɵFactoryTarget.Component });
-RightFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RightFilterComponent, selector: "mefdev-right-filter", ngImport: i0, template: "<div class=\"filter-btn\">\r\n    <button class=\"btn btn-secondary text-danger\" (click)=\"openModal()\"><i class=\"fa fa-filter\" aria-hidden=\"true\"></i></button>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n    <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{position:fixed;top:60px;z-index:450;right:25px}\n"], dependencies: [{ kind: "component", type: i2.SlideRightComponent, selector: "mefdev-slide-right-modal", inputs: ["size", "show"], outputs: ["isClouse"] }] });
+RightFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RightFilterComponent, selector: "mefdev-right-filter", ngImport: i0, template: "<div class=\"filter-btn\">\r\n    <button class=\"btn btn-secondary text-danger\" (click)=\"openModal()\"><i class=\"fa fa-filter\" aria-hidden=\"true\"></i></button>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n    <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{position:fixed;top:60px;z-index:450;right:25px}\n"], dependencies: [{ kind: "component", type: i2.SlideRightComponent, selector: "mefdev-slide-right-modal", inputs: ["size", "show"], outputs: ["visibleChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RightFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mefdev-right-filter', template: "<div class=\"filter-btn\">\r\n    <button class=\"btn btn-secondary text-danger\" (click)=\"openModal()\"><i class=\"fa fa-filter\" aria-hidden=\"true\"></i></button>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n    <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{position:fixed;top:60px;z-index:450;right:25px}\n"] }]

package/esm2020/lib/markup-kit/modals/slide-right/slide-right.component.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Component, ContentChild, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { animate, style, transition, trigger } from '@angular/animations';
 import * as i0 from "@angular/core";
-import * as i1 from "ngx-bootstrap/modal";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
 /**
    * A component representing a slide-right modal window.
   *
@@ -28,9 +28,6 @@ export class SlideRightComponent {
      * Set it to `true` to show the modal and `false` to hide it.
      */
     set show(val) {
-        if (!this.slideRight) {
-            return;
-        }
         if (val) {
             this.showModal();
         }
@@ -40,6 +37,7 @@ export class SlideRightComponent {
     }
     ;
     constructor() {
+        this.visible = false;
         /**
          * Size of the modal.
          * Defaults to `ModalSize.md`.
@@ -47,54 +45,80 @@ export class SlideRightComponent {
          */
         this.size = "md" /* ModalSize.md */;
         /**
-         * Event emitted when the modal is closed.
-         * Emits a boolean value indicating if the modal is closed.
+         * Event emitted when the modal is change state.
+         * Emits a boolean value indicating if the modal is closed(false), or open(true).
+         * Example:
+         * ```
+         * <mefdev-fill-modal (visibleChange)="onModalClosed($event)"></mefdev-fill-modal>
+         * ```
          */
-        this.isClouse = new EventEmitter();
+        this.visibleChange = new EventEmitter();
     }
     ngOnInit() {
     }
     /**
-    * Event handler for when the modal is closed.
-    * Emits the `isClosed` event with a value of `true`.
-    */
-    modalIsCloused() {
-        this.isClouse.emit(true);
+     * Shows the modal state.
+     * Return a boolean value indicating if the modal is closed(false), or open(true)
+     */
+    getModalState() {
+        return this.visible;
     }
     /**
-    * Shows the modal.
-    * Call this method to open the modal window.
-    */
+     * Shows the modal.
+     * Call this method to open the modal window.
+     */
     showModal() {
-        this.slideRight.show();
+        this.visible = true;
+        this.visibleChange.emit(this.visible);
     }
     /**
-    * Hides the modal.
-    * Call this method to close the modal window.
-    */
+     * Hides the modal.
+     * Call this method to close the modal window.
+     */
     hideModal() {
-        this.slideRight.hide();
+        this.visible = false;
+        this.visibleChange.emit(this.visible);
     }
 }
 SlideRightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SlideRightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SlideRightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SlideRightComponent, selector: "mefdev-slide-right-modal", inputs: { size: "size", show: "show" }, outputs: { isClouse: "isClouse" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], viewQueries: [{ propertyName: "slideRight", first: true, predicate: ["slideRight"], descendants: true }], ngImport: i0, template: "<div bsModal #slideRight=\"bs-modal\" class=\"modal fade slide-right\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" (onHide)=\"modalIsCloused()\">\r\n    <div class=\"modal-dialog modal-{{size}}\">\r\n      <div class=\"modal-content-wrapper\">\r\n        <div class=\"modal-content\">\r\n          <div class=\"modal-header clearfix text-left\">\r\n                <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n                <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.ModalDirective, selector: "[bsModal]", inputs: ["config", "closeInterceptor"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+SlideRightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SlideRightComponent, selector: "mefdev-slide-right-modal", inputs: { size: "size", show: "show" }, outputs: { visibleChange: "visibleChange" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], ngImport: i0, template: "<div [@dialog] *ngIf=\"visible\" class=\"dialog\" #dialog>\r\n\r\n  <div *ngIf=\"modal_header\" class=\"header\">\r\n      <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n  </div>\r\n  <div class=\"body\">\r\n      <ng-content></ng-content>\r\n  </div>\r\n  <div *ngIf=\"modal_footer\" class=\"footer\">\r\n      <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n  </div>\r\n</div>\r\n\r\n<div *ngIf=\"visible\" class=\"overlay\" (click)=\"hideModal()\"></div>\r\n", styles: [".overlay{position:fixed;inset:0;background-color:#0003;z-index:999}.dialog{z-index:1000;position:fixed;right:0;top:0;height:100%;width:500px;background-color:#fff;padding:16px;overflow-y:auto}@media (max-width: 768px){.dialog{width:300px}}.dialog__close-btn{border:0;background:none;color:#2d2d2d;position:absolute;top:8px;right:8px;font-size:1.2em;z-index:1001}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+        trigger('dialog', [
+            transition('void => *', [
+                style({ transform: 'translate3d(100%,0,0)' }),
+                animate(100)
+            ]),
+            transition('* => void', [
+                animate(100, style({ transform: 'translate3d(100%, 0, 0)' }))
+            ])
+        ])
+    ] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SlideRightComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mefdev-slide-right-modal', template: "<div bsModal #slideRight=\"bs-modal\" class=\"modal fade slide-right\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" (onHide)=\"modalIsCloused()\">\r\n    <div class=\"modal-dialog modal-{{size}}\">\r\n      <div class=\"modal-content-wrapper\">\r\n        <div class=\"modal-content\">\r\n          <div class=\"modal-header clearfix text-left\">\r\n                <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n                <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { modal_header: [{
+            args: [{ selector: 'mefdev-slide-right-modal', animations: [
+                        trigger('dialog', [
+                            transition('void => *', [
+                                style({ transform: 'translate3d(100%,0,0)' }),
+                                animate(100)
+                            ]),
+                            transition('* => void', [
+                                animate(100, style({ transform: 'translate3d(100%, 0, 0)' }))
+                            ])
+                        ])
+                    ], template: "<div [@dialog] *ngIf=\"visible\" class=\"dialog\" #dialog>\r\n\r\n  <div *ngIf=\"modal_header\" class=\"header\">\r\n      <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n  </div>\r\n  <div class=\"body\">\r\n      <ng-content></ng-content>\r\n  </div>\r\n  <div *ngIf=\"modal_footer\" class=\"footer\">\r\n      <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n  </div>\r\n</div>\r\n\r\n<div *ngIf=\"visible\" class=\"overlay\" (click)=\"hideModal()\"></div>\r\n", styles: [".overlay{position:fixed;inset:0;background-color:#0003;z-index:999}.dialog{z-index:1000;position:fixed;right:0;top:0;height:100%;width:500px;background-color:#fff;padding:16px;overflow-y:auto}@media (max-width: 768px){.dialog{width:300px}}.dialog__close-btn{border:0;background:none;color:#2d2d2d;position:absolute;top:8px;right:8px;font-size:1.2em;z-index:1001}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { dialog: [{
+                type: ViewChild,
+                args: ['dialog']
+            }], modal_header: [{
                 type: ContentChild,
                 args: ["modal_header"]
             }], modal_footer: [{
                 type: ContentChild,
                 args: ["modal_footer"]
-            }], slideRight: [{
-                type: ViewChild,
-                args: ['slideRight', { static: false }]
             }], size: [{
                 type: Input
             }], show: [{
                 type: Input
-            }], isClouse: [{
+            }], visibleChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtcmlnaHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvbW9kYWxzL3NsaWRlLXJpZ2h0L3NsaWRlLXJpZ2h0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9zbGlkZS1yaWdodC9zbGlkZS1yaWdodC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBZSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFNckg7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFtQkk7QUFNSixNQUFNLE9BQU8sbUJBQW1CO0lBMEI5Qjs7O09BR0c7SUFDSCxJQUFhLElBQUksQ0FBQyxHQUFZO1FBQzVCLElBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFDO1lBQ2xCLE9BQU87U0FDUjtRQUVELElBQUcsR0FBRyxFQUFDO1lBQ0wsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1NBQ2xCO2FBQ0c7WUFDRixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7SUFDSCxDQUFDO0lBQUEsQ0FBQztJQVNGO1FBL0JBOzs7O1dBSUc7UUFDTSxTQUFJLDJCQUEwQjtRQW1CdkM7OztXQUdHO1FBRU8sYUFBUSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFakMsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVBOzs7TUFHRTtJQUNILGNBQWM7UUFDWixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUE7OztNQUdFO0lBQ0ksU0FBUztRQUNkLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVBOzs7TUFHRTtJQUNJLFNBQVM7UUFDZCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7O2dIQTdFVSxtQkFBbUI7b0dBQW5CLG1CQUFtQiw4YkMvQmhDLHl2QkFlTTsyRkRnQk8sbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLDBCQUEwQjswRUFVTixZQUFZO3NCQUF6QyxZQUFZO3VCQUFDLGNBQWM7Z0JBTUUsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjO2dCQUtnQixVQUFVO3NCQUFyRCxTQUFTO3VCQUFDLFlBQVksRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBT2pDLElBQUk7c0JBQVosS0FBSztnQkFNTyxJQUFJO3NCQUFoQixLQUFLO2dCQWtCSSxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1vZGFsRGlyZWN0aXZlIH0gZnJvbSAnbmd4LWJvb3RzdHJhcC9tb2RhbCc7XHJcbmltcG9ydCB7IE1vZGFsU2l6ZSB9IGZyb20gJy4uL21vZGFsLXNpemUuZW51bSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjsgLy8gYWRkIGZvciBzdGF0aWMgYW5hbGl6ZXIgYnVnIGZpeFxyXG5cclxuXHJcbi8qKlxyXG4gICAqIEEgY29tcG9uZW50IHJlcHJlc2VudGluZyBhIHNsaWRlLXJpZ2h0IG1vZGFsIHdpbmRvdy5cclxuICAqXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICpcclxuICAqIGBgYFxyXG4gICogPG1lZmRldi1zbGlkZS1yaWdodC1tb2RhbCBbc2l6ZV09XCJNb2RhbFNpemUubGdcIiBbc2hvd109XCJzaG93TW9kYWxcIj5cclxuICAqICAgPG5nLXRlbXBsYXRlICNtb2RhbF9oZWFkZXI+XHJcbiAgKiAgICAgPGg0Pk1vZGFsIEhlYWRlcjwvaDQ+XHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKiAgIDxuZy10ZW1wbGF0ZSAjbW9kYWxfZm9vdGVyPlxyXG4gICogICAgIDxidXR0b24gKGNsaWNrKT1cImNsb3NlTW9kYWwoKVwiPkNsb3NlPC9idXR0b24+XHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKiAgIDxkaXYgY2xhc3M9XCJtb2RhbC1ib2R5XCI+XHJcbiAgKiAgICAgQ29udGVudCBnb2VzIGhlcmUuLi5cclxuICAqICAgPC9kaXY+XHJcbiAgKiA8L21lZmRldi1zbGlkZS1yaWdodC1tb2RhbD5cclxuICAqIGBgYFxyXG4gICogPGV4YW1wbGUtdXJsPmh0dHBzOi8vbWVmLmRldi91aV9raXRfZGVtby92aWV3L21vZGFscy9zbGlkZS1yaWdodDwvZXhhbXBsZS11cmw+XHJcbiAgKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtc2xpZGUtcmlnaHQtbW9kYWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zbGlkZS1yaWdodC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc2xpZGUtcmlnaHQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2xpZGVSaWdodENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIC8qKlxyXG4gICAqIFJlZmVyZW5jZSB0byB0aGUgdGVtcGxhdGUgZm9yIHRoZSBtb2RhbCBoZWFkZXIuXHJcbiAgICogVXNlIHRoaXMgdGVtcGxhdGUgdG8gY3VzdG9taXplIHRoZSBoZWFkZXIgb2YgdGhlIG1vZGFsLlxyXG4gICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJtb2RhbF9oZWFkZXJcIikgbW9kYWxfaGVhZGVyOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuXHJcbiAgLyoqXHJcbiAgICogUmVmZXJlbmNlIHRvIHRoZSB0ZW1wbGF0ZSBmb3IgdGhlIG1vZGFsIGZvb3Rlci5cclxuICAgKiBVc2UgdGhpcyB0ZW1wbGF0ZSB0byBjdXN0b21pemUgdGhlIGZvb3RlciBvZiB0aGUgbW9kYWwuXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChcIm1vZGFsX2Zvb3RlclwiKSBtb2RhbF9mb290ZXI6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG4gXHJcbiAgIC8qKlxyXG4gICAqIFJlZmVyZW5jZSB0byB0aGUgbW9kYWwgZGlyZWN0aXZlLlxyXG4gICAqL1xyXG4gIEBWaWV3Q2hpbGQoJ3NsaWRlUmlnaHQnLCB7IHN0YXRpYzogZmFsc2UgfSkgc2xpZGVSaWdodDogTW9kYWxEaXJlY3RpdmU7XHJcblxyXG4gIC8qKlxyXG4gICAqIFNpemUgb2YgdGhlIG1vZGFsLlxyXG4gICAqIERlZmF1bHRzIHRvIGBNb2RhbFNpemUubWRgLlxyXG4gICAqIFBvc3NpYmxlIHZhbHVlczogYE1vZGFsU2l6ZS5zbWAsIGBNb2RhbFNpemUubWRgLCBgTW9kYWxTaXplLmxnYCwgYE1vZGFsU2l6ZS54bGAuXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2l6ZTpNb2RhbFNpemUgPSBNb2RhbFNpemUubWQ7XHJcblxyXG4gIC8qKlxyXG4gICAqIEZsYWcgaW5kaWNhdGluZyB3aGV0aGVyIHRoZSBtb2RhbCBzaG91bGQgYmUgc2hvd24gb3IgaGlkZGVuLlxyXG4gICAqIFNldCBpdCB0byBgdHJ1ZWAgdG8gc2hvdyB0aGUgbW9kYWwgYW5kIGBmYWxzZWAgdG8gaGlkZSBpdC5cclxuICAgKi9cclxuICBASW5wdXQoKSBzZXQgc2hvdyh2YWw6IGJvb2xlYW4pe1xyXG4gICAgaWYoIXRoaXMuc2xpZGVSaWdodCl7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBpZih2YWwpe1xyXG4gICAgICB0aGlzLnNob3dNb2RhbCgpO1xyXG4gICAgfVxyXG4gICAgZWxzZXtcclxuICAgICAgdGhpcy5oaWRlTW9kYWwoKTtcclxuICAgIH1cclxuICB9O1xyXG5cclxuICAvKipcclxuICAgKiBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIG1vZGFsIGlzIGNsb3NlZC5cclxuICAgKiBFbWl0cyBhIGJvb2xlYW4gdmFsdWUgaW5kaWNhdGluZyBpZiB0aGUgbW9kYWwgaXMgY2xvc2VkLlxyXG4gICAqL1xyXG5cclxuICBAT3V0cHV0KCkgaXNDbG91c2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgIC8qKlxyXG4gICAqIEV2ZW50IGhhbmRsZXIgZm9yIHdoZW4gdGhlIG1vZGFsIGlzIGNsb3NlZC5cclxuICAgKiBFbWl0cyB0aGUgYGlzQ2xvc2VkYCBldmVudCB3aXRoIGEgdmFsdWUgb2YgYHRydWVgLlxyXG4gICAqL1xyXG4gIG1vZGFsSXNDbG91c2VkKCl7XHJcbiAgICB0aGlzLmlzQ2xvdXNlLmVtaXQodHJ1ZSk7XHJcbiAgfVxyXG5cclxuICAgLyoqXHJcbiAgICogU2hvd3MgdGhlIG1vZGFsLlxyXG4gICAqIENhbGwgdGhpcyBtZXRob2QgdG8gb3BlbiB0aGUgbW9kYWwgd2luZG93LlxyXG4gICAqL1xyXG4gIHB1YmxpYyBzaG93TW9kYWwoKXtcclxuICAgIHRoaXMuc2xpZGVSaWdodC5zaG93KCk7XHJcbiAgfVxyXG4gICBcclxuICAgLyoqXHJcbiAgICogSGlkZXMgdGhlIG1vZGFsLlxyXG4gICAqIENhbGwgdGhpcyBtZXRob2QgdG8gY2xvc2UgdGhlIG1vZGFsIHdpbmRvdy5cclxuICAgKi9cclxuICBwdWJsaWMgaGlkZU1vZGFsKCl7XHJcbiAgICB0aGlzLnNsaWRlUmlnaHQuaGlkZSgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGJzTW9kYWwgI3NsaWRlUmlnaHQ9XCJicy1tb2RhbFwiIGNsYXNzPVwibW9kYWwgZmFkZSBzbGlkZS1yaWdodFwiIHRhYmluZGV4PVwiLTFcIiByb2xlPVwiZGlhbG9nXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgKG9uSGlkZSk9XCJtb2RhbElzQ2xvdXNlZCgpXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtZGlhbG9nIG1vZGFsLXt7c2l6ZX19XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1jb250ZW50LXdyYXBwZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudFwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWhlYWRlciBjbGVhcmZpeCB0ZXh0LWxlZnRcIj5cclxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJtb2RhbF9oZWFkZXJcIj48L25nLXRlbXBsYXRlPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHlcIj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1mb290ZXJcIj5cclxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJtb2RhbF9mb290ZXJcIj48L25nLXRlbXBsYXRlPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtcmlnaHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvbW9kYWxzL3NsaWRlLXJpZ2h0L3NsaWRlLXJpZ2h0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9zbGlkZS1yaWdodC9zbGlkZS1yaWdodC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBZSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJakksT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7QUFHMUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFtQkk7QUFpQkosTUFBTSxPQUFPLG1CQUFtQjtJQXdCOUI7OztPQUdHO0lBQ0gsSUFBYSxJQUFJLENBQUMsR0FBWTtRQUM1QixJQUFHLEdBQUcsRUFBQztZQUNMLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztTQUNsQjthQUNHO1lBQ0YsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQztJQUFBLENBQUM7SUFZRjtRQTlDVSxZQUFPLEdBQVksS0FBSyxDQUFDO1FBZ0JuQzs7OztXQUlHO1FBQ00sU0FBSSwyQkFBMEI7UUFldkM7Ozs7Ozs7V0FPRztRQUNPLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUV0QyxDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsYUFBYTtRQUNYLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksU0FBUztRQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksU0FBUztRQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDOztnSEE1RVUsbUJBQW1CO29HQUFuQixtQkFBbUIsZ2NDM0NoQyxzZkFjQSxtcUJEaUJjO1FBQ1YsT0FBTyxDQUFDLFFBQVEsRUFBRTtZQUNoQixVQUFVLENBQUMsV0FBVyxFQUFFO2dCQUN0QixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsQ0FBQztnQkFDN0MsT0FBTyxDQUFDLEdBQUcsQ0FBQzthQUNiLENBQUM7WUFDRixVQUFVLENBQUMsV0FBVyxFQUFFO2dCQUN0QixPQUFPLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSx5QkFBeUIsRUFBRSxDQUFDLENBQUM7YUFDOUQsQ0FBQztTQUNILENBQUM7S0FDSDsyRkFFVSxtQkFBbUI7a0JBaEIvQixTQUFTOytCQUNFLDBCQUEwQixjQUd4Qjt3QkFDVixPQUFPLENBQUMsUUFBUSxFQUFFOzRCQUNoQixVQUFVLENBQUMsV0FBVyxFQUFFO2dDQUN0QixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsQ0FBQztnQ0FDN0MsT0FBTyxDQUFDLEdBQUcsQ0FBQzs2QkFDYixDQUFDOzRCQUNGLFVBQVUsQ0FBQyxXQUFXLEVBQUU7Z0NBQ3RCLE9BQU8sQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLHlCQUF5QixFQUFFLENBQUMsQ0FBQzs2QkFDOUQsQ0FBQzt5QkFDSCxDQUFDO3FCQUNIOzBFQUs4QixNQUFNO3NCQUFwQyxTQUFTO3VCQUFDLFFBQVE7Z0JBTVcsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjO2dCQU1FLFlBQVk7c0JBQXpDLFlBQVk7dUJBQUMsY0FBYztnQkFPbkIsSUFBSTtzQkFBWixLQUFLO2dCQU1PLElBQUk7c0JBQWhCLEtBQUs7Z0JBaUJJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTW9kYWxEaXJlY3RpdmUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL21vZGFsJztcclxuaW1wb3J0IHsgTW9kYWxTaXplIH0gZnJvbSAnLi4vbW9kYWwtc2l6ZS5lbnVtJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiOyAvLyBhZGQgZm9yIHN0YXRpYyBhbmFsaXplciBidWcgZml4XHJcbmltcG9ydCB7IGFuaW1hdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcblxyXG5cclxuLyoqXHJcbiAgICogQSBjb21wb25lbnQgcmVwcmVzZW50aW5nIGEgc2xpZGUtcmlnaHQgbW9kYWwgd2luZG93LlxyXG4gICpcclxuICAqIEV4YW1wbGUgb2YgdXNhZ2U6XHJcbiAgKlxyXG4gICogYGBgXHJcbiAgKiA8bWVmZGV2LXNsaWRlLXJpZ2h0LW1vZGFsIFtzaXplXT1cIk1vZGFsU2l6ZS5sZ1wiIFtzaG93XT1cInNob3dNb2RhbFwiPlxyXG4gICogICA8bmctdGVtcGxhdGUgI21vZGFsX2hlYWRlcj5cclxuICAqICAgICA8aDQ+TW9kYWwgSGVhZGVyPC9oND5cclxuICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAqICAgPG5nLXRlbXBsYXRlICNtb2RhbF9mb290ZXI+XHJcbiAgKiAgICAgPGJ1dHRvbiAoY2xpY2spPVwiY2xvc2VNb2RhbCgpXCI+Q2xvc2U8L2J1dHRvbj5cclxuICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAqICAgPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHlcIj5cclxuICAqICAgICBDb250ZW50IGdvZXMgaGVyZS4uLlxyXG4gICogICA8L2Rpdj5cclxuICAqIDwvbWVmZGV2LXNsaWRlLXJpZ2h0LW1vZGFsPlxyXG4gICogYGBgXHJcbiAgKiA8ZXhhbXBsZS11cmw+aHR0cHM6Ly9tZWYuZGV2L3VpX2tpdF9kZW1vL3ZpZXcvbW9kYWxzL3NsaWRlLXJpZ2h0PC9leGFtcGxlLXVybD5cclxuICAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1zbGlkZS1yaWdodC1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NsaWRlLXJpZ2h0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zbGlkZS1yaWdodC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ2RpYWxvZycsIFtcclxuICAgICAgdHJhbnNpdGlvbigndm9pZCA9PiAqJywgW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoMTAwJSwwLDApJyB9KSxcclxuICAgICAgICBhbmltYXRlKDEwMClcclxuICAgICAgXSksXHJcbiAgICAgIHRyYW5zaXRpb24oJyogPT4gdm9pZCcsIFtcclxuICAgICAgICBhbmltYXRlKDEwMCwgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgxMDAlLCAwLCAwKScgfSkpXHJcbiAgICAgIF0pXHJcbiAgICBdKVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNsaWRlUmlnaHRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIHByb3RlY3RlZCB2aXNpYmxlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2RpYWxvZycpIHByb3RlY3RlZCBkaWFsb2c6IEVsZW1lbnRSZWY7XHJcblxyXG4gIC8qKlxyXG4gICAqIFJlZmVyZW5jZSB0byB0aGUgdGVtcGxhdGUgZm9yIHRoZSBtb2RhbCBoZWFkZXIuXHJcbiAgICogVXNlIHRoaXMgdGVtcGxhdGUgdG8gY3VzdG9taXplIHRoZSBoZWFkZXIgb2YgdGhlIG1vZGFsLlxyXG4gICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJtb2RhbF9oZWFkZXJcIikgbW9kYWxfaGVhZGVyOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuXHJcbiAgLyoqXHJcbiAgICogUmVmZXJlbmNlIHRvIHRoZSB0ZW1wbGF0ZSBmb3IgdGhlIG1vZGFsIGZvb3Rlci5cclxuICAgKiBVc2UgdGhpcyB0ZW1wbGF0ZSB0byBjdXN0b21pemUgdGhlIGZvb3RlciBvZiB0aGUgbW9kYWwuXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChcIm1vZGFsX2Zvb3RlclwiKSBtb2RhbF9mb290ZXI6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuICAvKipcclxuICAgKiBTaXplIG9mIHRoZSBtb2RhbC5cclxuICAgKiBEZWZhdWx0cyB0byBgTW9kYWxTaXplLm1kYC5cclxuICAgKiBQb3NzaWJsZSB2YWx1ZXM6IGBNb2RhbFNpemUuc21gLCBgTW9kYWxTaXplLm1kYCwgYE1vZGFsU2l6ZS5sZ2AsIGBNb2RhbFNpemUueGxgLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNpemU6TW9kYWxTaXplID0gTW9kYWxTaXplLm1kO1xyXG5cclxuICAvKipcclxuICAgKiBGbGFnIGluZGljYXRpbmcgd2hldGhlciB0aGUgbW9kYWwgc2hvdWxkIGJlIHNob3duIG9yIGhpZGRlbi5cclxuICAgKiBTZXQgaXQgdG8gYHRydWVgIHRvIHNob3cgdGhlIG1vZGFsIGFuZCBgZmFsc2VgIHRvIGhpZGUgaXQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2V0IHNob3codmFsOiBib29sZWFuKXtcclxuICAgIGlmKHZhbCl7XHJcbiAgICAgIHRoaXMuc2hvd01vZGFsKCk7XHJcbiAgICB9XHJcbiAgICBlbHNle1xyXG4gICAgICB0aGlzLmhpZGVNb2RhbCgpO1xyXG4gICAgfVxyXG4gIH07XHJcblxyXG4gIC8qKlxyXG4gICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgbW9kYWwgaXMgY2hhbmdlIHN0YXRlLlxyXG4gICAqIEVtaXRzIGEgYm9vbGVhbiB2YWx1ZSBpbmRpY2F0aW5nIGlmIHRoZSBtb2RhbCBpcyBjbG9zZWQoZmFsc2UpLCBvciBvcGVuKHRydWUpLlxyXG4gICAqIEV4YW1wbGU6XHJcbiAgICogYGBgXHJcbiAgICogPG1lZmRldi1maWxsLW1vZGFsICh2aXNpYmxlQ2hhbmdlKT1cIm9uTW9kYWxDbG9zZWQoJGV2ZW50KVwiPjwvbWVmZGV2LWZpbGwtbW9kYWw+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIHZpc2libGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogU2hvd3MgdGhlIG1vZGFsIHN0YXRlLlxyXG4gICAqIFJldHVybiBhIGJvb2xlYW4gdmFsdWUgaW5kaWNhdGluZyBpZiB0aGUgbW9kYWwgaXMgY2xvc2VkKGZhbHNlKSwgb3Igb3Blbih0cnVlKVxyXG4gICAqL1xyXG4gIGdldE1vZGFsU3RhdGUoKTogYm9vbGVhbntcclxuICAgIHJldHVybiB0aGlzLnZpc2libGU7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBTaG93cyB0aGUgbW9kYWwuXHJcbiAgICogQ2FsbCB0aGlzIG1ldGhvZCB0byBvcGVuIHRoZSBtb2RhbCB3aW5kb3cuXHJcbiAgICovXHJcbiAgcHVibGljIHNob3dNb2RhbCgpe1xyXG4gICAgdGhpcy52aXNpYmxlID0gdHJ1ZTtcclxuICAgIHRoaXMudmlzaWJsZUNoYW5nZS5lbWl0KHRoaXMudmlzaWJsZSk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBIaWRlcyB0aGUgbW9kYWwuXHJcbiAgICogQ2FsbCB0aGlzIG1ldGhvZCB0byBjbG9zZSB0aGUgbW9kYWwgd2luZG93LlxyXG4gICAqL1xyXG4gIHB1YmxpYyBoaWRlTW9kYWwoKXtcclxuICAgIHRoaXMudmlzaWJsZSA9IGZhbHNlO1xyXG4gICAgdGhpcy52aXNpYmxlQ2hhbmdlLmVtaXQodGhpcy52aXNpYmxlKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBbQGRpYWxvZ10gKm5nSWY9XCJ2aXNpYmxlXCIgY2xhc3M9XCJkaWFsb2dcIiAjZGlhbG9nPlxyXG5cclxuICA8ZGl2ICpuZ0lmPVwibW9kYWxfaGVhZGVyXCIgY2xhc3M9XCJoZWFkZXJcIj5cclxuICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1vZGFsX2hlYWRlclwiPjwvbmctdGVtcGxhdGU+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImJvZHlcIj5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgKm5nSWY9XCJtb2RhbF9mb290ZXJcIiBjbGFzcz1cImZvb3RlclwiPlxyXG4gICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibW9kYWxfZm9vdGVyXCI+PC9uZy10ZW1wbGF0ZT5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48ZGl2ICpuZ0lmPVwidmlzaWJsZVwiIGNsYXNzPVwib3ZlcmxheVwiIChjbGljayk9XCJoaWRlTW9kYWwoKVwiPjwvZGl2PlxyXG4iXX0=

package/esm2020/lib/markup-kit/modals/slide-up/slide-up.component.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
-import { Component, ContentChild, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { Component, ContentChild, EventEmitter, Input, Output } from '@angular/core';
+import { animate, style, transition, trigger } from '@angular/animations';
 import * as i0 from "@angular/core";
-import * as i1 from "ngx-bootstrap/modal";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
 /**
 * A component representing a slide-up modal window.
 *
@@ -28,9 +28,6 @@ export class SlideUpComponent {
      * Set it to `true` to show the modal and `false` to hide it.
      */
     set show(val) {
-        if (!this.mdSlideUp) {
-            return;
-        }
         if (val) {
             this.showModal();
         }
@@ -40,61 +37,73 @@ export class SlideUpComponent {
     }
     ;
     constructor() {
+        this.visible = false;
         /**
-         * Size of the modal.
-         * Defaults to `ModalSize.md`.
-         * Possible values: `ModalSize.sm`, `ModalSize.md`, `ModalSize.lg`, `ModalSize.xl`.
-         */
-        this.size = "md" /* ModalSize.md */;
-        /**
-         * Event emitted when the modal is closed.
-         * Emits a boolean value indicating if the modal is closed.
+         * Event emitted when the modal is change state.
+         * Emits a boolean value indicating if the modal is closed(false), or open(true).
          */
-        this.isClouse = new EventEmitter();
+        this.visibleChange = new EventEmitter();
     }
     ngOnInit() {
     }
     /**
-    * Event handler for when the modal is closed.
-    * Emits the `isClosed` event with a value of `true`.
-    */
-    modalIsCloused() {
-        this.isClouse.emit(true);
+     * Shows the modal state.
+     * Return a boolean value indicating if the modal is closed(false), or open(true)
+     */
+    getModalState() {
+        return this.visible;
     }
     /**
-       * Shows the modal.
-       * Call this method to open the modal window.
-       */
+     * Shows the modal.
+     * Call this method to open the modal window.
+     */
     showModal() {
-        this.mdSlideUp.show();
+        this.visible = true;
+        this.visibleChange.emit(this.visible);
     }
     /**
      * Hides the modal.
      * Call this method to close the modal window.
      */
     hideModal() {
-        this.mdSlideUp.hide();
+        this.visible = false;
+        this.visibleChange.emit(this.visible);
     }
 }
 SlideUpComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SlideUpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SlideUpComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SlideUpComponent, selector: "mefdev-slide-up-modal", inputs: { size: "size", show: "show" }, outputs: { isClouse: "isClouse" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], viewQueries: [{ propertyName: "mdSlideUp", first: true, predicate: ["mdSlideUp"], descendants: true }], ngImport: i0, template: "<div bsModal #mdSlideUp=\"bs-modal\" class=\"modal fade slide-up disable-scroll\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"false\" (onHide)=\"modalIsCloused()\">\r\n    <div class=\"modal-dialog modal-{{size}}\">\r\n      <div class=\"modal-content-wrapper\">\r\n        <div class=\"modal-content\">\r\n          <div class=\"modal-header clearfix text-left\">\r\n                <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n                <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.ModalDirective, selector: "[bsModal]", inputs: ["config", "closeInterceptor"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+SlideUpComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SlideUpComponent, selector: "mefdev-slide-up-modal", inputs: { show: "show" }, outputs: { visibleChange: "visibleChange" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], ngImport: i0, template: "<div [@dialog] *ngIf=\"visible\" class=\"dialog\">\r\n\t<button (click)=\"hideModal()\" aria-label=\"Close\" class=\"dialog__close-btn\">X</button>\r\n\t<div class=\"modal-content\">\r\n    <div class=\"modal-header clearfix text-left\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n          <ng-content></ng-content>\r\n      </div>\r\n      <div class=\"modal-footer\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n      </div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"visible\" class=\"overlay\" (click)=\"hideModal()\"></div>\r\n", styles: [".overlay{position:fixed;inset:0;background-color:#00000080;z-index:999}.dialog{z-index:1000;position:fixed;right:0;left:0;top:40px;margin:auto;min-height:200px;width:90%;max-width:520px;background-color:#fff;padding:12px;box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.dialog__close-btn{border:0;background:none;color:#2d2d2d;position:absolute;top:8px;right:8px;font-size:1.2em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+        trigger('dialog', [
+            transition('void => *', [
+                style({ transform: 'scale3d(.3, .3, .3)' }),
+                animate(100)
+            ]),
+            transition('* => void', [
+                animate(100, style({ transform: 'scale3d(.0, .0, .0)' }))
+            ])
+        ])
+    ] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SlideUpComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mefdev-slide-up-modal', template: "<div bsModal #mdSlideUp=\"bs-modal\" class=\"modal fade slide-up disable-scroll\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"false\" (onHide)=\"modalIsCloused()\">\r\n    <div class=\"modal-dialog modal-{{size}}\">\r\n      <div class=\"modal-content-wrapper\">\r\n        <div class=\"modal-content\">\r\n          <div class=\"modal-header clearfix text-left\">\r\n                <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n                <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
+            args: [{ selector: 'mefdev-slide-up-modal', animations: [
+                        trigger('dialog', [
+                            transition('void => *', [
+                                style({ transform: 'scale3d(.3, .3, .3)' }),
+                                animate(100)
+                            ]),
+                            transition('* => void', [
+                                animate(100, style({ transform: 'scale3d(.0, .0, .0)' }))
+                            ])
+                        ])
+                    ], template: "<div [@dialog] *ngIf=\"visible\" class=\"dialog\">\r\n\t<button (click)=\"hideModal()\" aria-label=\"Close\" class=\"dialog__close-btn\">X</button>\r\n\t<div class=\"modal-content\">\r\n    <div class=\"modal-header clearfix text-left\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n          <ng-content></ng-content>\r\n      </div>\r\n      <div class=\"modal-footer\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n      </div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"visible\" class=\"overlay\" (click)=\"hideModal()\"></div>\r\n", styles: [".overlay{position:fixed;inset:0;background-color:#00000080;z-index:999}.dialog{z-index:1000;position:fixed;right:0;left:0;top:40px;margin:auto;min-height:200px;width:90%;max-width:520px;background-color:#fff;padding:12px;box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.dialog__close-btn{border:0;background:none;color:#2d2d2d;position:absolute;top:8px;right:8px;font-size:1.2em}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { modal_header: [{
                 type: ContentChild,
                 args: ["modal_header"]
             }], modal_footer: [{
                 type: ContentChild,
                 args: ["modal_footer"]
-            }], mdSlideUp: [{
-                type: ViewChild,
-                args: ['mdSlideUp', { static: false }]
-            }], size: [{
-                type: Input
             }], show: [{
                 type: Input
-            }], isClouse: [{
+            }], visibleChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvbW9kYWxzL3NsaWRlLXVwL3NsaWRlLXVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9zbGlkZS11cC9zbGlkZS11cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBZSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFLbkg7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7RUFtQkU7QUFNSixNQUFNLE9BQU8sZ0JBQWdCO0lBMEIzQjs7O09BR0c7SUFDSCxJQUFhLElBQUksQ0FBQyxHQUFZO1FBQzVCLElBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFDO1lBQ2pCLE9BQU87U0FDUjtRQUVELElBQUcsR0FBRyxFQUFDO1lBQ0wsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1NBQ2xCO2FBQ0c7WUFDRixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7SUFDSCxDQUFDO0lBQUEsQ0FBQztJQVFGO1FBOUJBOzs7O1dBSUc7UUFDTSxTQUFJLDJCQUEwQjtRQW1CdkM7OztXQUdHO1FBQ08sYUFBUSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFakMsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVBOzs7TUFHRTtJQUNILGNBQWM7UUFDWixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBQ0g7OztTQUdLO0lBQ0ksU0FBUztRQUNkLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVEOzs7T0FHRztJQUNJLFNBQVM7UUFDZCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7OzZHQTNFVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQix5YkM5QjdCLHF3QkFlTTsyRkRlTyxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsdUJBQXVCOzBFQVVILFlBQVk7c0JBQXpDLFlBQVk7dUJBQUMsY0FBYztnQkFNRSxZQUFZO3NCQUF6QyxZQUFZO3VCQUFDLGNBQWM7Z0JBS2UsU0FBUztzQkFBbkQsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQU9oQyxJQUFJO3NCQUFaLEtBQUs7Z0JBTU8sSUFBSTtzQkFBaEIsS0FBSztnQkFpQkksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNb2RhbERpcmVjdGl2ZSB9IGZyb20gJ25neC1ib290c3RyYXAvbW9kYWwnO1xyXG5pbXBvcnQgeyBNb2RhbFNpemUgfSBmcm9tICcuLi9tb2RhbC1zaXplLmVudW0nO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7IC8vIGFkZCBmb3Igc3RhdGljIGFuYWxpemVyIGJ1ZyBmaXhcclxuXHJcbiAgLyoqXHJcbiAgKiBBIGNvbXBvbmVudCByZXByZXNlbnRpbmcgYSBzbGlkZS11cCBtb2RhbCB3aW5kb3cuXHJcbiAgKlxyXG4gICogRXhhbXBsZSBvZiB1c2FnZTpcclxuICAqIFxyXG4gICogYGBgXHJcbiAgKiA8bWVmZGV2LXNsaWRlLXVwLW1vZGFsIFtzaXplXT1cIk1vZGFsU2l6ZS5sZ1wiIFtzaG93XT1cInNob3dNb2RhbFwiPlxyXG4gICogICA8bmctdGVtcGxhdGUgI21vZGFsX2hlYWRlcj5cclxuICAqICAgICA8aDQ+TW9kYWwgSGVhZGVyPC9oND5cclxuICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAqICAgPG5nLXRlbXBsYXRlICNtb2RhbF9mb290ZXI+XHJcbiAgKiAgICAgPGJ1dHRvbiAoY2xpY2spPVwiY2xvc2VNb2RhbCgpXCI+Q2xvc2U8L2J1dHRvbj5cclxuICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAqICAgPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHlcIj5cclxuICAqICAgICBDb250ZW50IGdvZXMgaGVyZS4uLlxyXG4gICogICA8L2Rpdj5cclxuICAqIDwvbWVmZGV2LXNsaWRlLXVwLW1vZGFsPlxyXG4gICogYGBgXHJcbiAgKiA8ZXhhbXBsZS11cmw+aHR0cHM6Ly9tZWYuZGV2L3VpX2tpdF9kZW1vL3ZpZXcvbW9kYWxzL3NsaWRlLXVwPC9leGFtcGxlLXVybD5cclxuICAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1zbGlkZS11cC1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NsaWRlLXVwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zbGlkZS11cC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTbGlkZVVwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgLyoqXHJcbiAgICogUmVmZXJlbmNlIHRvIHRoZSB0ZW1wbGF0ZSBmb3IgdGhlIG1vZGFsIGhlYWRlci5cclxuICAgKiBVc2UgdGhpcyB0ZW1wbGF0ZSB0byBjdXN0b21pemUgdGhlIGhlYWRlciBvZiB0aGUgbW9kYWwuXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChcIm1vZGFsX2hlYWRlclwiKSBtb2RhbF9oZWFkZXI6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG4gIFxyXG4gIC8qKlxyXG4gICAqIFJlZmVyZW5jZSB0byB0aGUgdGVtcGxhdGUgZm9yIHRoZSBtb2RhbCBmb290ZXIuXHJcbiAgICogVXNlIHRoaXMgdGVtcGxhdGUgdG8gY3VzdG9taXplIHRoZSBmb290ZXIgb2YgdGhlIG1vZGFsLlxyXG4gICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJtb2RhbF9mb290ZXJcIikgbW9kYWxfZm9vdGVyOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuXHJcbiAgICAvKipcclxuICAgICogUmVmZXJlbmNlIHRvIHRoZSBtb2RhbCBkaXJlY3RpdmUuXHJcbiAgICAqL1xyXG4gIEBWaWV3Q2hpbGQoJ21kU2xpZGVVcCcsIHsgc3RhdGljOiBmYWxzZSB9KSBtZFNsaWRlVXA6IE1vZGFsRGlyZWN0aXZlO1xyXG5cclxuICAvKipcclxuICAgKiBTaXplIG9mIHRoZSBtb2RhbC5cclxuICAgKiBEZWZhdWx0cyB0byBgTW9kYWxTaXplLm1kYC5cclxuICAgKiBQb3NzaWJsZSB2YWx1ZXM6IGBNb2RhbFNpemUuc21gLCBgTW9kYWxTaXplLm1kYCwgYE1vZGFsU2l6ZS5sZ2AsIGBNb2RhbFNpemUueGxgLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNpemU6TW9kYWxTaXplID0gTW9kYWxTaXplLm1kO1xyXG5cclxuICAvKipcclxuICAgKiBGbGFnIGluZGljYXRpbmcgd2hldGhlciB0aGUgbW9kYWwgc2hvdWxkIGJlIHNob3duIG9yIGhpZGRlbi5cclxuICAgKiBTZXQgaXQgdG8gYHRydWVgIHRvIHNob3cgdGhlIG1vZGFsIGFuZCBgZmFsc2VgIHRvIGhpZGUgaXQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2V0IHNob3codmFsOiBib29sZWFuKXtcclxuICAgIGlmKCF0aGlzLm1kU2xpZGVVcCl7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBpZih2YWwpe1xyXG4gICAgICB0aGlzLnNob3dNb2RhbCgpO1xyXG4gICAgfVxyXG4gICAgZWxzZXtcclxuICAgICAgdGhpcy5oaWRlTW9kYWwoKTtcclxuICAgIH1cclxuICB9O1xyXG5cclxuICAvKipcclxuICAgKiBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIG1vZGFsIGlzIGNsb3NlZC5cclxuICAgKiBFbWl0cyBhIGJvb2xlYW4gdmFsdWUgaW5kaWNhdGluZyBpZiB0aGUgbW9kYWwgaXMgY2xvc2VkLlxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBpc0Nsb3VzZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICAgLyoqXHJcbiAgICogRXZlbnQgaGFuZGxlciBmb3Igd2hlbiB0aGUgbW9kYWwgaXMgY2xvc2VkLlxyXG4gICAqIEVtaXRzIHRoZSBgaXNDbG9zZWRgIGV2ZW50IHdpdGggYSB2YWx1ZSBvZiBgdHJ1ZWAuXHJcbiAgICovXHJcbiAgbW9kYWxJc0Nsb3VzZWQoKXtcclxuICAgIHRoaXMuaXNDbG91c2UuZW1pdCh0cnVlKTtcclxuICB9XHJcbi8qKlxyXG4gICAqIFNob3dzIHRoZSBtb2RhbC5cclxuICAgKiBDYWxsIHRoaXMgbWV0aG9kIHRvIG9wZW4gdGhlIG1vZGFsIHdpbmRvdy5cclxuICAgKi9cclxuICBwdWJsaWMgc2hvd01vZGFsKCl7XHJcbiAgICB0aGlzLm1kU2xpZGVVcC5zaG93KCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBIaWRlcyB0aGUgbW9kYWwuXHJcbiAgICogQ2FsbCB0aGlzIG1ldGhvZCB0byBjbG9zZSB0aGUgbW9kYWwgd2luZG93LlxyXG4gICAqL1xyXG4gIHB1YmxpYyBoaWRlTW9kYWwoKXtcclxuICAgIHRoaXMubWRTbGlkZVVwLmhpZGUoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBic01vZGFsICNtZFNsaWRlVXA9XCJicy1tb2RhbFwiIGNsYXNzPVwibW9kYWwgZmFkZSBzbGlkZS11cCBkaXNhYmxlLXNjcm9sbFwiIHRhYmluZGV4PVwiLTFcIiByb2xlPVwiZGlhbG9nXCIgYXJpYS1oaWRkZW49XCJmYWxzZVwiIChvbkhpZGUpPVwibW9kYWxJc0Nsb3VzZWQoKVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWRpYWxvZyBtb2RhbC17e3NpemV9fVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudC13cmFwcGVyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnRcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1oZWFkZXIgY2xlYXJmaXggdGV4dC1sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibW9kYWxfaGVhZGVyXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1ib2R5XCI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtZm9vdGVyXCI+XHJcbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibW9kYWxfZm9vdGVyXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvbW9kYWxzL3NsaWRlLXVwL3NsaWRlLXVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9zbGlkZS11cC9zbGlkZS11cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBMEIsTUFBTSxlQUFlLENBQUM7QUFJckgsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7QUFFeEU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7RUFtQkU7QUFpQkosTUFBTSxPQUFPLGdCQUFnQjtJQWEzQjs7O09BR0c7SUFDSCxJQUFhLElBQUksQ0FBQyxHQUFZO1FBQzVCLElBQUcsR0FBRyxFQUFDO1lBQ0wsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1NBQ2xCO2FBQ0c7WUFDRixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7SUFDSCxDQUFDO0lBQUEsQ0FBQztJQVFGO1FBL0JVLFlBQU8sR0FBWSxLQUFLLENBQUM7UUF5Qm5DOzs7V0FHRztRQUNPLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUV0QyxDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsYUFBYTtRQUNYLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksU0FBUztRQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksU0FBUztRQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDOzs2R0E3RFUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsNlVDMUM3Qiwrb0JBZUEsdXRCRGVjO1FBQ1YsT0FBTyxDQUFDLFFBQVEsRUFBRTtZQUNoQixVQUFVLENBQUMsV0FBVyxFQUFFO2dCQUN0QixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUscUJBQXFCLEVBQUUsQ0FBQztnQkFDM0MsT0FBTyxDQUFDLEdBQUcsQ0FBQzthQUNiLENBQUM7WUFDRixVQUFVLENBQUMsV0FBVyxFQUFFO2dCQUN0QixPQUFPLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxxQkFBcUIsRUFBRSxDQUFDLENBQUM7YUFDMUQsQ0FBQztTQUNILENBQUM7S0FDSDsyRkFFVSxnQkFBZ0I7a0JBaEI1QixTQUFTOytCQUNFLHVCQUF1QixjQUdyQjt3QkFDVixPQUFPLENBQUMsUUFBUSxFQUFFOzRCQUNoQixVQUFVLENBQUMsV0FBVyxFQUFFO2dDQUN0QixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUscUJBQXFCLEVBQUUsQ0FBQztnQ0FDM0MsT0FBTyxDQUFDLEdBQUcsQ0FBQzs2QkFDYixDQUFDOzRCQUNGLFVBQVUsQ0FBQyxXQUFXLEVBQUU7Z0NBQ3RCLE9BQU8sQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLHFCQUFxQixFQUFFLENBQUMsQ0FBQzs2QkFDMUQsQ0FBQzt5QkFDSCxDQUFDO3FCQUNIOzBFQVE2QixZQUFZO3NCQUF6QyxZQUFZO3VCQUFDLGNBQWM7Z0JBTUUsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjO2dCQUtmLElBQUk7c0JBQWhCLEtBQUs7Z0JBYUksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNb2RhbERpcmVjdGl2ZSB9IGZyb20gJ25neC1ib290c3RyYXAvbW9kYWwnO1xyXG5pbXBvcnQgeyBNb2RhbFNpemUgfSBmcm9tICcuLi9tb2RhbC1zaXplLmVudW0nO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7IC8vIGFkZCBmb3Igc3RhdGljIGFuYWxpemVyIGJ1ZyBmaXhcclxuaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbiAgLyoqXHJcbiAgKiBBIGNvbXBvbmVudCByZXByZXNlbnRpbmcgYSBzbGlkZS11cCBtb2RhbCB3aW5kb3cuXHJcbiAgKlxyXG4gICogRXhhbXBsZSBvZiB1c2FnZTpcclxuICAqXHJcbiAgKiBgYGBcclxuICAqIDxtZWZkZXYtc2xpZGUtdXAtbW9kYWwgW3NpemVdPVwiTW9kYWxTaXplLmxnXCIgW3Nob3ddPVwic2hvd01vZGFsXCI+XHJcbiAgKiAgIDxuZy10ZW1wbGF0ZSAjbW9kYWxfaGVhZGVyPlxyXG4gICogICAgIDxoND5Nb2RhbCBIZWFkZXI8L2g0PlxyXG4gICogICA8L25nLXRlbXBsYXRlPlxyXG4gICogICA8bmctdGVtcGxhdGUgI21vZGFsX2Zvb3Rlcj5cclxuICAqICAgICA8YnV0dG9uIChjbGljayk9XCJjbG9zZU1vZGFsKClcIj5DbG9zZTwvYnV0dG9uPlxyXG4gICogICA8L25nLXRlbXBsYXRlPlxyXG4gICogICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxyXG4gICogICAgIENvbnRlbnQgZ29lcyBoZXJlLi4uXHJcbiAgKiAgIDwvZGl2PlxyXG4gICogPC9tZWZkZXYtc2xpZGUtdXAtbW9kYWw+XHJcbiAgKiBgYGBcclxuICAqIDxleGFtcGxlLXVybD5odHRwczovL21lZi5kZXYvdWlfa2l0X2RlbW8vdmlldy9tb2RhbHMvc2xpZGUtdXA8L2V4YW1wbGUtdXJsPlxyXG4gICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVmZGV2LXNsaWRlLXVwLW1vZGFsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2xpZGUtdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NsaWRlLXVwLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgdHJpZ2dlcignZGlhbG9nJywgW1xyXG4gICAgICB0cmFuc2l0aW9uKCd2b2lkID0+IConLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZTNkKC4zLCAuMywgLjMpJyB9KSxcclxuICAgICAgICBhbmltYXRlKDEwMClcclxuICAgICAgXSksXHJcbiAgICAgIHRyYW5zaXRpb24oJyogPT4gdm9pZCcsIFtcclxuICAgICAgICBhbmltYXRlKDEwMCwgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZTNkKC4wLCAuMCwgLjApJyB9KSlcclxuICAgICAgXSlcclxuICAgIF0pXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2xpZGVVcENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcHJvdGVjdGVkIHZpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAvKipcclxuICAgKiBSZWZlcmVuY2UgdG8gdGhlIHRlbXBsYXRlIGZvciB0aGUgbW9kYWwgaGVhZGVyLlxyXG4gICAqIFVzZSB0aGlzIHRlbXBsYXRlIHRvIGN1c3RvbWl6ZSB0aGUgaGVhZGVyIG9mIHRoZSBtb2RhbC5cclxuICAgKi9cclxuICBAQ29udGVudENoaWxkKFwibW9kYWxfaGVhZGVyXCIpIG1vZGFsX2hlYWRlcjogVGVtcGxhdGVSZWY8dm9pZD47XHJcblxyXG4gIC8qKlxyXG4gICAqIFJlZmVyZW5jZSB0byB0aGUgdGVtcGxhdGUgZm9yIHRoZSBtb2RhbCBmb290ZXIuXHJcbiAgICogVXNlIHRoaXMgdGVtcGxhdGUgdG8gY3VzdG9taXplIHRoZSBmb290ZXIgb2YgdGhlIG1vZGFsLlxyXG4gICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJtb2RhbF9mb290ZXJcIikgbW9kYWxfZm9vdGVyOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuICAvKipcclxuICAgKiBGbGFnIGluZGljYXRpbmcgd2hldGhlciB0aGUgbW9kYWwgc2hvdWxkIGJlIHNob3duIG9yIGhpZGRlbi5cclxuICAgKiBTZXQgaXQgdG8gYHRydWVgIHRvIHNob3cgdGhlIG1vZGFsIGFuZCBgZmFsc2VgIHRvIGhpZGUgaXQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2V0IHNob3codmFsOiBib29sZWFuKXtcclxuICAgIGlmKHZhbCl7XHJcbiAgICAgIHRoaXMuc2hvd01vZGFsKCk7XHJcbiAgICB9XHJcbiAgICBlbHNle1xyXG4gICAgICB0aGlzLmhpZGVNb2RhbCgpO1xyXG4gICAgfVxyXG4gIH07XHJcblxyXG4gIC8qKlxyXG4gICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgbW9kYWwgaXMgY2hhbmdlIHN0YXRlLlxyXG4gICAqIEVtaXRzIGEgYm9vbGVhbiB2YWx1ZSBpbmRpY2F0aW5nIGlmIHRoZSBtb2RhbCBpcyBjbG9zZWQoZmFsc2UpLCBvciBvcGVuKHRydWUpLlxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSB2aXNpYmxlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFNob3dzIHRoZSBtb2RhbCBzdGF0ZS5cclxuICAgKiBSZXR1cm4gYSBib29sZWFuIHZhbHVlIGluZGljYXRpbmcgaWYgdGhlIG1vZGFsIGlzIGNsb3NlZChmYWxzZSksIG9yIG9wZW4odHJ1ZSlcclxuICAgKi9cclxuICBnZXRNb2RhbFN0YXRlKCk6IGJvb2xlYW57XHJcbiAgICByZXR1cm4gdGhpcy52aXNpYmxlO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogU2hvd3MgdGhlIG1vZGFsLlxyXG4gICAqIENhbGwgdGhpcyBtZXRob2QgdG8gb3BlbiB0aGUgbW9kYWwgd2luZG93LlxyXG4gICAqL1xyXG4gIHB1YmxpYyBzaG93TW9kYWwoKXtcclxuICAgIHRoaXMudmlzaWJsZSA9IHRydWU7XHJcbiAgICB0aGlzLnZpc2libGVDaGFuZ2UuZW1pdCh0aGlzLnZpc2libGUpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogSGlkZXMgdGhlIG1vZGFsLlxyXG4gICAqIENhbGwgdGhpcyBtZXRob2QgdG8gY2xvc2UgdGhlIG1vZGFsIHdpbmRvdy5cclxuICAgKi9cclxuICBwdWJsaWMgaGlkZU1vZGFsKCl7XHJcbiAgICB0aGlzLnZpc2libGUgPSBmYWxzZTtcclxuICAgIHRoaXMudmlzaWJsZUNoYW5nZS5lbWl0KHRoaXMudmlzaWJsZSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgW0BkaWFsb2ddICpuZ0lmPVwidmlzaWJsZVwiIGNsYXNzPVwiZGlhbG9nXCI+XHJcblx0PGJ1dHRvbiAoY2xpY2spPVwiaGlkZU1vZGFsKClcIiBhcmlhLWxhYmVsPVwiQ2xvc2VcIiBjbGFzcz1cImRpYWxvZ19fY2xvc2UtYnRuXCI+WDwvYnV0dG9uPlxyXG5cdDxkaXYgY2xhc3M9XCJtb2RhbC1jb250ZW50XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyIGNsZWFyZml4IHRleHQtbGVmdFwiPlxyXG4gICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1vZGFsX2hlYWRlclwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxyXG4gICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWZvb3RlclwiPlxyXG4gICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1vZGFsX2Zvb3RlclwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuPGRpdiAqbmdJZj1cInZpc2libGVcIiBjbGFzcz1cIm92ZXJsYXlcIiAoY2xpY2spPVwiaGlkZU1vZGFsKClcIj48L2Rpdj5cclxuIl19