@sd-angular/core 0.0.1042 → 0.0.1043

package/esm2015/modal-custom/src/lib/modal-custom/modal-custom.component.js

@@ -0,0 +1,123 @@
+var _embeddedViewRef, _drawMiniumBar;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
+import { Component, ViewChild, ComponentFactoryResolver, ApplicationRef, Injector, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, } from '@angular/core';
+import { CdkPortal, DomPortalOutlet } from '@angular/cdk/portal';
+import * as uuid from 'uuid';
+import { SdLoadingService } from '@sd-angular/core/loading';
+import $ from 'jquery';
+export class SdModalCustom {
+    constructor(cfr, ar, injector, ref, loadingService) {
+        this.cfr = cfr;
+        this.ar = ar;
+        this.injector = injector;
+        this.ref = ref;
+        this.loadingService = loadingService;
+        this.id = `I${uuid.v4()}`;
+        this.width = '480px';
+        this.editingChanged = new EventEmitter();
+        _embeddedViewRef.set(this, void 0);
+        this.isEditing = false;
+        this.isOpened = false;
+        this.isHover = false;
+        this.isLoading = false;
+        this.isMinium = false;
+        this.open = () => {
+            this.ref.markForCheck();
+            this.isOpened = true;
+            // console.log('OPEN isMinium' + this.id, this.isMinium);
+            // tinh toan width maxium lần đầu khi không ở trạng thái minium
+            if (!$('#' + this.id).hasClass('c-minium')) {
+                setTimeout(() => {
+                    const maxiumWidth = $('#' + this.id).width();
+                    if (maxiumWidth > 0) {
+                        $('#' + this.id).attr('data-width', maxiumWidth);
+                    }
+                    $('#' + this.id).removeClass('c-closed');
+                }, 100);
+            }
+            this.maxium();
+        };
+        this.close = () => {
+            this.ref.markForCheck();
+            this.isOpened = false;
+            setTimeout(() => {
+                $('#' + this.id).css({ width: '0px', right: '0px' }).removeClass('c-minium').addClass('c-closed');
+            }, 100);
+            this.stopLoading();
+            __classPrivateFieldGet(this, _drawMiniumBar).call(this);
+        };
+        this.minium = () => {
+            this.ref.markForCheck();
+            this.isMinium = true;
+            // console.log('MINIUM isMinium' + this.id, this.isMinium);
+            __classPrivateFieldGet(this, _drawMiniumBar).call(this);
+        };
+        this.maxium = () => {
+            this.ref.markForCheck();
+            this.isMinium = false;
+            // console.log('MAXIUM isMinium' + this.id, this.isMinium);
+            __classPrivateFieldGet(this, _drawMiniumBar).call(this);
+        };
+        _drawMiniumBar.set(this, () => {
+            setTimeout(() => {
+                let totalRight = 8;
+                const miniumWidth = 300;
+                $('.modal-custom').each((index, item) => {
+                    if ($(item).hasClass('c-minium')) {
+                        $(item).css({ width: 300 + 'px', right: totalRight + 'px' });
+                        totalRight += miniumWidth + 8;
+                    }
+                    else if (!$(item).hasClass('c-closed')) {
+                        const maxiumWidth = parseInt($(item).attr('data-width'), 0);
+                        if (maxiumWidth > 0) {
+                            $(item).css({ width: maxiumWidth + 'px', right: totalRight + 'px' });
+                            totalRight += maxiumWidth + 8;
+                        }
+                    }
+                });
+            }, 100);
+        });
+        this.startLoading = () => {
+            this.isLoading = true;
+            this.loadingService.stop();
+            this.loadingService.start(`#${this.id}`);
+        };
+        this.stopLoading = () => {
+            this.isLoading = false;
+            this.loadingService.stop();
+        };
+    }
+    ngAfterViewInit() {
+        __classPrivateFieldSet(this, _embeddedViewRef, new DomPortalOutlet(document.body, this.cfr, this.ar, this.injector).attachTemplatePortal(this.portal));
+    }
+    ngOnDestroy() {
+        __classPrivateFieldGet(this, _embeddedViewRef).destroy();
+    }
+    toggleEditable() {
+        this.isEditing = !this.isEditing;
+        this.editingChanged.emit(this.isEditing);
+    }
+}
+_embeddedViewRef = new WeakMap(), _drawMiniumBar = new WeakMap();
+SdModalCustom.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-modal-custom',
+                template: "<ng-template cdkPortal>\r\n  <div [id]=\"id\" class=\"modal-custom\" [ngStyle]=\"{'width': width}\"\r\n    [ngClass]=\"{'modal-custom--active': isOpened,'modal-custom--loading': isLoading, 'c-minium': isMinium}\"\r\n    (mouseover)=\"isHover = true\" (mouseout)=\"isHover = false\">\r\n    <ng-container *ngIf=\"isOpened\">\r\n      <div class=\"modal-custom__header media align-items-center\">\r\n        <div class=\"modal-custom__title media-body\">\r\n          <ng-content select=\"[sdTitle]\"></ng-content>\r\n        </div>\r\n        <button type=\"button\" class=\"c-action--white c-min\" (click)=\"minium()\" *ngIf=\"!isMinium\" mat-icon-button\r\n          title=\"Thu nh\u1ECF\">\r\n          <mat-icon>remove</mat-icon>\r\n        </button>\r\n        <button type=\"button\" class=\"c-action--white c-max\" (click)=\"maxium()\" *ngIf=\"isMinium\" mat-icon-button\r\n          title=\"Ph\u00F3ng to\">\r\n          <mat-icon>remove</mat-icon>\r\n        </button>\r\n        <button type=\"button\" class=\"c-action--white\" (click)=\"close()\" mat-icon-button title=\"\u0110\u00F3ng\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n      <div *ngIf=\"isOpened\" class=\"modal-custom__body\">\r\n        <div class=\"modal-custom__content\">\r\n          <ng-content select=\"[sdBody]\"></ng-content>\r\n        </div>\r\n      </div>\r\n      <div class=\"modal-custom__footer\">\r\n        <ng-content select=\"[sdFooter]\"></ng-content>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".modal-custom{background-color:#fff;border-radius:4px 4px 0 0;bottom:0;box-shadow:0 .4px .8px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.2);display:flex;flex-direction:column;opacity:0;pointer-events:none;position:fixed;right:12px;top:80px;transform:translate3d(0,100%,0);transition:all .3s ease-in-out;visibility:hidden;z-index:999}.modal-custom.c-minium-of-list{bottom:0;opacity:1;pointer-events:all;top:auto;transform:translateZ(0);visibility:visible}.modal-custom.c-minium{top:auto}.modal-custom.c-minium .modal-custom__body,.modal-custom.c-minium .modal-custom__footer{display:none}.c-action{color:#212121}.c-action:focus{outline:none}.c-action--white{color:#fff}.c-action--white.c-min{margin-bottom:-12px}.c-action--white.c-max{margin-top:-12px}.modal-custom__icon{background:transparent;border:0;color:#212121;outline:none;overflow:hidden}.modal-custom__icon .mat-icon{float:left}.modal-custom__header{background-color:#5d6165;border-radius:4px 4px 0 0;color:#fff;min-height:40px;padding:0 16px}.modal-custom__body{flex:1;position:relative}.modal-custom__content{bottom:0;left:0;overflow:auto;padding:8px 16px 16px;position:absolute;right:0;top:0}.modal-custom__footer{border-top:1px solid #dde0e5;padding:5px 0}.modal-custom-backdrop{background:none;border:0;bottom:0;height:100%;left:0;outline:none!important;position:fixed;right:0;top:0;transition:all .3s ease-in-out;width:100%;z-index:99}.modal-custom-backdrop--active{background-color:rgba(0,0,0,.4)}.modal-custom--active{opacity:1;pointer-events:all;transform:translateZ(0);visibility:visible}.modal-custom__title{font-size:14px;font-weight:500;line-height:20px}"]
+            },] }
+];
+SdModalCustom.ctorParameters = () => [
+    { type: ComponentFactoryResolver },
+    { type: ApplicationRef },
+    { type: Injector },
+    { type: ChangeDetectorRef },
+    { type: SdLoadingService }
+];
+SdModalCustom.propDecorators = {
+    portal: [{ type: ViewChild, args: [CdkPortal,] }],
+    editable: [{ type: Input }],
+    width: [{ type: Input }],
+    editingChanged: [{ type: Output }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtY3VzdG9tLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTUvRGVza3RvcC9Xb3JraW5nLzFNRy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL21vZGFsLWN1c3RvbS8iLCJzb3VyY2VzIjpbInNyYy9saWIvbW9kYWwtY3VzdG9tL21vZGFsLWN1c3RvbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFNBQVMsRUFDVCx3QkFBd0IsRUFDeEIsY0FBYyxFQUNkLFFBQVEsRUFJUixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWix1QkFBdUIsRUFDdkIsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDL0QsT0FBTyxLQUFLLElBQUksTUFBTSxNQUFNLENBQUM7QUFDN0IsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDMUQsT0FBTyxDQUFDLE1BQU0sUUFBUSxDQUFDO0FBUXZCLE1BQU0sT0FBTyxhQUFhO0lBYXhCLFlBQ1UsR0FBNkIsRUFDN0IsRUFBa0IsRUFDbEIsUUFBa0IsRUFDbEIsR0FBc0IsRUFDdEIsY0FBZ0M7UUFKaEMsUUFBRyxHQUFILEdBQUcsQ0FBMEI7UUFDN0IsT0FBRSxHQUFGLEVBQUUsQ0FBZ0I7UUFDbEIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUNsQixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUN0QixtQkFBYyxHQUFkLGNBQWMsQ0FBa0I7UUFqQjFDLE9BQUUsR0FBRyxJQUFJLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDO1FBR1osVUFBSyxHQUFHLE9BQU8sQ0FBQztRQUNmLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUN2RCxtQ0FBdUM7UUFDdkMsY0FBUyxHQUFHLEtB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SSxDQUFDLFFBQVEsQ0FDZCxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBQztJQUN0QyxDQUFDO0lBOEVELFdBQVc7UUFDVCwrQ0FBc0IsT0FBTyxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUNqQyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7OztZQXhIRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsK2hEQUE0QztnQkFFNUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O2FBQ2hEOzs7WUF0QkMsd0JBQXdCO1lBQ3hCLGNBQWM7WUFDZCxRQUFRO1lBUVIsaUJBQWlCO1lBSVgsZ0JBQWdCOzs7cUJBV3JCLFNBQVMsU0FBQyxTQUFTO3VCQUNuQixLQUFLO29CQUNMLEtBQUs7NkJBQ0wsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdDaGlsZCxcclxuICBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsXHJcbiAgQXBwbGljYXRpb25SZWYsXHJcbiAgSW5qZWN0b3IsXHJcbiAgRW1iZWRkZWRWaWV3UmVmLFxyXG4gIEFmdGVyVmlld0luaXQsXHJcbiAgT25EZXN0cm95LFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Q2RrUG9ydGFsLCBEb21Qb3J0YWxPdXRsZXR9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xyXG5pbXBvcnQgKiBhcyB1dWlkIGZyb20gJ3V1aWQnO1xyXG5pbXBvcnQge1NkTG9hZGluZ1NlcnZpY2V9IGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvbG9hZGluZyc7XHJcbmltcG9ydCAkIGZyb20gJ2pxdWVyeSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NkLW1vZGFsLWN1c3RvbScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWN1c3RvbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwtY3VzdG9tLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkTW9kYWxDdXN0b20gaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xyXG4gIGlkID0gYEkke3V1aWQudjQoKX1gO1xyXG4gIEBWaWV3Q2hpbGQoQ2RrUG9ydGFsKSBwb3J0YWw6IENka1BvcnRhbDtcclxuICBASW5wdXQoKSBlZGl0YWJsZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSB3aWR0aCA9ICc0ODBweCc7XHJcbiAgQE91dHB1dCgpIGVkaXRpbmdDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG4gICNlbWJlZGRlZFZpZXdSZWY6IEVtYmVkZGVkVmlld1JlZjxhbnk+O1xyXG4gIGlzRWRpdGluZyA9IGZhbHNlO1xyXG4gIGlzT3BlbmVkID0gZmFsc2U7XHJcbiAgaXNIb3ZlciA9IGZhbHNlO1xyXG4gIGlzTG9hZGluZyA9IGZhbHNlO1xyXG4gIGlzTWluaXVtID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBjZnI6IENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcixcclxuICAgIHByaXZhdGUgYXI6IEFwcGxpY2F0aW9uUmVmLFxyXG4gICAgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IsXHJcbiAgICBwcml2YXRlIHJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBwcml2YXRlIGxvYWRpbmdTZXJ2aWNlOiBTZExvYWRpbmdTZXJ2aWNlXHJcbiAgKSB7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICB0aGlzLiNlbWJlZGRlZFZpZXdSZWYgPSBuZXcgRG9tUG9ydGFsT3V0bGV0KFxyXG4gICAgICBkb2N1bWVudC5ib2R5LFxyXG4gICAgICB0aGlzLmNmcixcclxuICAgICAgdGhpcy5hcixcclxuICAgICAgdGhpcy5pbmplY3RvclxyXG4gICAgKS5hdHRhY2hUZW1wbGF0ZVBvcnRhbCh0aGlzLnBvcnRhbCk7XHJcbiAgfVxyXG5cclxuICBvcGVuID0gKCkgPT4ge1xyXG4gICAgdGhpcy5yZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgICB0aGlzLmlzT3BlbmVkID0gdHJ1ZTtcclxuICAgIC8vIGNvbnNvbGUubG9nKCdPUEVOIGlzTWluaXVtJyArIHRoaXMuaWQsIHRoaXMuaXNNaW5pdW0pO1xyXG5cclxuICAgIC8vIHRpbmggdG9hbiB3aWR0aCBtYXhpdW0gbOG6p24gxJHhuqd1IGtoaSBraMO0bmcg4bufIHRy4bqhbmcgdGjDoWkgbWluaXVtXHJcbiAgICBpZiAoISQoJyMnICsgdGhpcy5pZCkuaGFzQ2xhc3MoJ2MtbWluaXVtJykpIHtcclxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgY29uc3QgbWF4aXVtV2lkdGggPSAkKCcjJyArIHRoaXMuaWQpLndpZHRoKCk7XHJcbiAgICAgICAgaWYgKG1heGl1bVdpZHRoID4gMCkge1xyXG4gICAgICAgICAgJCgnIycgKyB0aGlzLmlkKS5hdHRyKCdkYXRhLXdpZHRoJywgbWF4aXVtV2lkdGgpO1xyXG4gICAgICAgIH1cclxuICAgICAgICAkKCcjJyArIHRoaXMuaWQpLnJlbW92ZUNsYXNzKCdjLWNsb3NlZCcpO1xyXG4gICAgICB9LCAxMDApO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMubWF4aXVtKCk7XHJcbiAgfVxyXG5cclxuICBjbG9zZSA9ICgpID0+IHtcclxuICAgIHRoaXMucmVmLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgdGhpcy5pc09wZW5lZCA9IGZhbHNlO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICQoJyMnICsgdGhpcy5pZCkuY3NzKHt3aWR0aDogJzBweCcsIHJpZ2h0OiAnMHB4J30pLnJlbW92ZUNsYXNzKCdjLW1pbml1bScpLmFkZENsYXNzKCdjLWNsb3NlZCcpO1xyXG4gICAgfSwgMTAwKTtcclxuICAgIHRoaXMuc3RvcExvYWRpbmcoKTtcclxuXHJcbiAgICB0aGlzLiNkcmF3TWluaXVtQmFyKCk7XHJcbiAgfVxyXG5cclxuICBtaW5pdW0gPSAoKSA9PiB7XHJcbiAgICB0aGlzLnJlZi5tYXJrRm9yQ2hlY2soKTtcclxuICAgIHRoaXMuaXNNaW5pdW0gPSB0cnVlO1xyXG4gICAgLy8gY29uc29sZS5sb2coJ01JTklVTSBpc01pbml1bScgKyB0aGlzLmlkLCB0aGlzLmlzTWluaXVtKTtcclxuICAgIHRoaXMuI2RyYXdNaW5pdW1CYXIoKTtcclxuICB9XHJcblxyXG4gIG1heGl1bSA9ICgpID0+IHtcclxuICAgIHRoaXMucmVmLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgdGhpcy5pc01pbml1bSA9IGZhbHNlO1xyXG4gICAgLy8gY29uc29sZS5sb2coJ01BWElVTSBpc01pbml1bScgKyB0aGlzLmlkLCB0aGlzLmlzTWluaXVtKTtcclxuICAgIHRoaXMuI2RyYXdNaW5pdW1CYXIoKTtcclxuICB9XHJcblxyXG4gICNkcmF3TWluaXVtQmFyID0gKCkgPT4ge1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIGxldCB0b3RhbFJpZ2h0ID0gODtcclxuICAgICAgY29uc3QgbWluaXVtV2lkdGggPSAzMDA7XHJcbiAgICAgICQoJy5tb2RhbC1jdXN0b20nKS5lYWNoKChpbmRleCwgaXRlbSkgPT4ge1xyXG4gICAgICAgIGlmICgkKGl0ZW0pLmhhc0NsYXNzKCdjLW1pbml1bScpKSB7XHJcbiAgICAgICAgICAkKGl0ZW0pLmNzcyh7d2lkdGg6IDMwMCArICdweCcsIHJpZ2h0OiB0b3RhbFJpZ2h0ICsgJ3B4J30pO1xyXG4gICAgICAgICAgdG90YWxSaWdodCArPSBtaW5pdW1XaWR0aCArIDg7XHJcbiAgICAgICAgfSBlbHNlIGlmICghJChpdGVtKS5oYXNDbGFzcygnYy1jbG9zZWQnKSkge1xyXG4gICAgICAgICAgY29uc3QgbWF4aXVtV2lkdGggPSBwYXJzZUludCgkKGl0ZW0pLmF0dHIoJ2RhdGEtd2lkdGgnKSwgMCk7XHJcbiAgICAgICAgICBpZiAobWF4aXVtV2lkdGggPiAwKSB7XHJcbiAgICAgICAgICAgICQoaXRlbSkuY3NzKHt3aWR0aDogbWF4aXVtV2lkdGggKyAncHgnLCByaWdodDogdG90YWxSaWdodCArICdweCd9KTtcclxuICAgICAgICAgICAgdG90YWxSaWdodCArPSBtYXhpdW1XaWR0aCArIDg7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgfSk7XHJcbiAgICB9LCAxMDApO1xyXG5cclxuICB9XHJcblxyXG4gIHN0YXJ0TG9hZGluZyA9ICgpID0+IHtcclxuICAgIHRoaXMuaXNMb2FkaW5nID0gdHJ1ZTtcclxuICAgIHRoaXMubG9hZGluZ1NlcnZpY2Uuc3RvcCgpO1xyXG4gICAgdGhpcy5sb2FkaW5nU2VydmljZS5zdGFydChgIyR7dGhpcy5pZH1gKTtcclxuICB9XHJcblxyXG4gIHN0b3BMb2FkaW5nID0gKCkgPT4ge1xyXG4gICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZTtcclxuICAgIHRoaXMubG9hZGluZ1NlcnZpY2Uuc3RvcCgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICB0aGlzLiNlbWJlZGRlZFZpZXdSZWYuZGVzdHJveSgpO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlRWRpdGFibGUoKSB7XHJcbiAgICB0aGlzLmlzRWRpdGluZyA9ICF0aGlzLmlzRWRpdGluZztcclxuICAgIHRoaXMuZWRpdGluZ0NoYW5nZWQuZW1pdCh0aGlzLmlzRWRpdGluZyk7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2015/modal-custom/src/lib/modal-custom.module.js

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatButtonModule } from '@angular/material/button';
+import { SdButtonModule } from '@sd-angular/core/button';
+import { SdModalCustom } from './modal-custom/modal-custom.component';
+import { PortalModule } from '@angular/cdk/portal';
+export class SdModalCustomModule {
+}
+SdModalCustomModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MatIconModule,
+                    MatDialogModule,
+                    MatButtonModule,
+                    SdButtonModule,
+                    PortalModule
+                ],
+                declarations: [
+                    SdModalCustom
+                ],
+                exports: [
+                    SdModalCustom
+                ],
+                providers: []
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtY3VzdG9tLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTUvRGVza3RvcC9Xb3JraW5nLzFNRy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL21vZGFsLWN1c3RvbS8iLCJzb3VyY2VzIjpbInNyYy9saWIvbW9kYWwtY3VzdG9tLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQW9CbkQsTUFBTSxPQUFPLG1CQUFtQjs7O1lBbEIvQixRQUFRLFNBQUM7Z0JBQ1IsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osYUFBYTtvQkFDYixlQUFlO29CQUNmLGVBQWU7b0JBQ2YsY0FBYztvQkFDZCxZQUFZO2lCQUNiO2dCQUNELFlBQVksRUFBRTtvQkFDWixhQUFhO2lCQUNkO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxhQUFhO2lCQUNkO2dCQUNELFNBQVMsRUFBRSxFQUNWO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBNYXREaWFsb2dNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xyXG5pbXBvcnQgeyBTZEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvYnV0dG9uJztcclxuaW1wb3J0IHsgU2RNb2RhbEN1c3RvbSB9IGZyb20gJy4vbW9kYWwtY3VzdG9tL21vZGFsLWN1c3RvbS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBQb3J0YWxNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIE1hdERpYWxvZ01vZHVsZSxcclxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcclxuICAgIFNkQnV0dG9uTW9kdWxlLFxyXG4gICAgUG9ydGFsTW9kdWxlXHJcbiAgXSxcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFNkTW9kYWxDdXN0b21cclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFNkTW9kYWxDdXN0b21cclxuICBdLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNkTW9kYWxDdXN0b21Nb2R1bGUge1xyXG5cclxufVxyXG4iXX0=

package/esm2015/modal-custom/src/public-api.js

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of superdev-angular-core
+ */
+export * from './lib/modal-custom/modal-custom.component';
+export * from './lib/modal-custom.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTUvRGVza3RvcC9Xb3JraW5nLzFNRy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL21vZGFsLWN1c3RvbS8iLCJzb3VyY2VzIjpbInNyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYywyQ0FBMkMsQ0FBQztBQUUxRCxjQUFjLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHN1cGVyZGV2LWFuZ3VsYXItY29yZVxyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGFsLWN1c3RvbS9tb2RhbC1jdXN0b20uY29tcG9uZW50JztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGFsLWN1c3RvbS5tb2R1bGUnO1xyXG4iXX0=

package/esm2015/modal-resizable/index.js

@@ -0,0 +1,2 @@
+export * from './src/public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiQzovVXNlcnMvbmdoaWF0dDE1L0Rlc2t0b3AvV29ya2luZy8xTUcvbGliLWNvcmUtdWkvcHJvamVjdHMvc2QtY29yZS9tb2RhbC1yZXNpemFibGUvIiwic291cmNlcyI6WyJpbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zcmMvcHVibGljLWFwaSc7Il19

package/esm2015/modal-resizable/sd-angular-core-modal-resizable.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2QtYW5ndWxhci1jb3JlLW1vZGFsLXJlc2l6YWJsZS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTUvRGVza3RvcC9Xb3JraW5nLzFNRy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL21vZGFsLXJlc2l6YWJsZS8iLCJzb3VyY2VzIjpbInNkLWFuZ3VsYXItY29yZS1tb2RhbC1yZXNpemFibGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/esm2015/modal-resizable/src/lib/modal-resizable/modal-resizable.component.js

@@ -0,0 +1,123 @@
+var _embeddedViewRef, _drawMiniumBar;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
+import { Component, ViewChild, ComponentFactoryResolver, ApplicationRef, Injector, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, } from '@angular/core';
+import { CdkPortal, DomPortalOutlet } from '@angular/cdk/portal';
+import * as uuid from 'uuid';
+import { SdLoadingService } from '@sd-angular/core/loading';
+import $ from 'jquery';
+export class SdModalResizable {
+    constructor(cfr, ar, injector, ref, loadingService) {
+        this.cfr = cfr;
+        this.ar = ar;
+        this.injector = injector;
+        this.ref = ref;
+        this.loadingService = loadingService;
+        this.id = `I${uuid.v4()}`;
+        this.width = '480px';
+        this.editingChanged = new EventEmitter();
+        _embeddedViewRef.set(this, void 0);
+        this.isEditing = false;
+        this.isOpened = false;
+        this.isHover = false;
+        this.isLoading = false;
+        this.isMinium = false;
+        this.open = () => {
+            this.ref.markForCheck();
+            this.isOpened = true;
+            // console.log('OPEN isMinium' + this.id, this.isMinium);
+            // tinh toan width maxium lần đầu khi không ở trạng thái minium
+            if (!$('#' + this.id).hasClass('c-minium')) {
+                setTimeout(() => {
+                    const maxiumWidth = $('#' + this.id).width();
+                    if (maxiumWidth > 0) {
+                        $('#' + this.id).attr('data-width', maxiumWidth);
+                    }
+                    $('#' + this.id).removeClass('c-closed');
+                }, 100);
+            }
+            this.maxium();
+        };
+        this.close = () => {
+            this.ref.markForCheck();
+            this.isOpened = false;
+            setTimeout(() => {
+                $('#' + this.id).css({ width: '0px', right: '0px' }).removeClass('c-minium').addClass('c-closed');
+            }, 100);
+            this.stopLoading();
+            __classPrivateFieldGet(this, _drawMiniumBar).call(this);
+        };
+        this.minium = () => {
+            this.ref.markForCheck();
+            this.isMinium = true;
+            // console.log('MINIUM isMinium' + this.id, this.isMinium);
+            __classPrivateFieldGet(this, _drawMiniumBar).call(this);
+        };
+        this.maxium = () => {
+            this.ref.markForCheck();
+            this.isMinium = false;
+            // console.log('MAXIUM isMinium' + this.id, this.isMinium);
+            __classPrivateFieldGet(this, _drawMiniumBar).call(this);
+        };
+        _drawMiniumBar.set(this, () => {
+            setTimeout(() => {
+                let totalRight = 8;
+                const miniumWidth = 300;
+                $('.modal-custom').each((index, item) => {
+                    if ($(item).hasClass('c-minium')) {
+                        $(item).css({ width: 300 + 'px', right: totalRight + 'px' });
+                        totalRight += miniumWidth + 8;
+                    }
+                    else if (!$(item).hasClass('c-closed')) {
+                        const maxiumWidth = parseInt($(item).attr('data-width'), 0);
+                        if (maxiumWidth > 0) {
+                            $(item).css({ width: maxiumWidth + 'px', right: totalRight + 'px' });
+                            totalRight += maxiumWidth + 8;
+                        }
+                    }
+                });
+            }, 100);
+        });
+        this.startLoading = () => {
+            this.isLoading = true;
+            this.loadingService.stop();
+            this.loadingService.start(`#${this.id}`);
+        };
+        this.stopLoading = () => {
+            this.isLoading = false;
+            this.loadingService.stop();
+        };
+    }
+    ngAfterViewInit() {
+        __classPrivateFieldSet(this, _embeddedViewRef, new DomPortalOutlet(document.body, this.cfr, this.ar, this.injector).attachTemplatePortal(this.portal));
+    }
+    ngOnDestroy() {
+        __classPrivateFieldGet(this, _embeddedViewRef).destroy();
+    }
+    toggleEditable() {
+        this.isEditing = !this.isEditing;
+        this.editingChanged.emit(this.isEditing);
+    }
+}
+_embeddedViewRef = new WeakMap(), _drawMiniumBar = new WeakMap();
+SdModalResizable.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-modal-resizable',
+                template: "<ng-template cdkPortal>\r\n  <div [id]=\"id\" class=\"modal-custom\" [ngStyle]=\"{'width': width}\"\r\n    [ngClass]=\"{'modal-custom--active': isOpened,'modal-custom--loading': isLoading, 'c-minium': isMinium}\"\r\n    (mouseover)=\"isHover = true\" (mouseout)=\"isHover = false\">\r\n    <ng-container *ngIf=\"isOpened\">\r\n      <div class=\"modal-custom__header media align-items-center\">\r\n        <div class=\"modal-custom__title media-body\">\r\n          <ng-content select=\"[sdTitle]\"></ng-content>\r\n        </div>\r\n        <button type=\"button\" class=\"c-action--white c-min\" (click)=\"minium()\" *ngIf=\"!isMinium\" mat-icon-button\r\n          title=\"Thu nh\u1ECF\">\r\n          <mat-icon>remove</mat-icon>\r\n        </button>\r\n        <button type=\"button\" class=\"c-action--white c-max\" (click)=\"maxium()\" *ngIf=\"isMinium\" mat-icon-button\r\n          title=\"Ph\u00F3ng to\">\r\n          <mat-icon>remove</mat-icon>\r\n        </button>\r\n        <button type=\"button\" class=\"c-action--white\" (click)=\"close()\" mat-icon-button title=\"\u0110\u00F3ng\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n      <div *ngIf=\"isOpened\" class=\"modal-custom__body\">\r\n        <div class=\"modal-custom__content\">\r\n          <ng-content select=\"[sdBody]\"></ng-content>\r\n        </div>\r\n      </div>\r\n      <div class=\"modal-custom__footer\">\r\n        <ng-content select=\"[sdFooter]\"></ng-content>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".modal-custom{background-color:#fff;border-radius:4px 4px 0 0;bottom:0;box-shadow:0 .4px .8px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.2);display:flex;flex-direction:column;opacity:0;pointer-events:none;position:fixed;right:12px;top:80px;transform:translate3d(0,100%,0);transition:all .3s ease-in-out;visibility:hidden;z-index:999}.modal-custom.c-minium-of-list{bottom:0;opacity:1;pointer-events:all;top:auto;transform:translateZ(0);visibility:visible}.modal-custom.c-minium{top:auto}.modal-custom.c-minium .modal-custom__body,.modal-custom.c-minium .modal-custom__footer{display:none}.c-action{color:#212121}.c-action:focus{outline:none}.c-action--white{color:#fff}.c-action--white.c-min{margin-bottom:-12px}.c-action--white.c-max{margin-top:-12px}.modal-custom__icon{background:transparent;border:0;color:#212121;outline:none;overflow:hidden}.modal-custom__icon .mat-icon{float:left}.modal-custom__header{background-color:#5d6165;border-radius:4px 4px 0 0;color:#fff;min-height:40px;padding:0 16px}.modal-custom__body{flex:1;position:relative}.modal-custom__content{bottom:0;left:0;overflow:auto;padding:8px 16px 16px;position:absolute;right:0;top:0}.modal-custom__footer{border-top:1px solid #dde0e5;padding:5px 0}.modal-custom-backdrop{background:none;border:0;bottom:0;height:100%;left:0;outline:none!important;position:fixed;right:0;top:0;transition:all .3s ease-in-out;width:100%;z-index:99}.modal-custom-backdrop--active{background-color:rgba(0,0,0,.4)}.modal-custom--active{opacity:1;pointer-events:all;transform:translateZ(0);visibility:visible}.modal-custom__title{font-size:14px;font-weight:500;line-height:20px}"]
+            },] }
+];
+SdModalResizable.ctorParameters = () => [
+    { type: ComponentFactoryResolver },
+    { type: ApplicationRef },
+    { type: Injector },
+    { type: ChangeDetectorRef },
+    { type: SdLoadingService }
+];
+SdModalResizable.propDecorators = {
+    portal: [{ type: ViewChild, args: [CdkPortal,] }],
+    editable: [{ type: Input }],
+    width: [{ type: Input }],
+    editingChanged: [{ type: Output }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtcmVzaXphYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTUvRGVza3RvcC9Xb3JraW5nLzFNRy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL21vZGFsLXJlc2l6YWJsZS8iLCJzb3VyY2VzIjpbInNyYy9saWIvbW9kYWwtcmVzaXphYmxlL21vZGFsLXJlc2l6YWJsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFNBQVMsRUFDVCx3QkFBd0IsRUFDeEIsY0FBYyxFQUNkLFFBQVEsRUFJUixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWix1QkFBdUIsRUFDdkIsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDL0QsT0FBTyxLQUFLLElBQUksTUFBTSxNQUFNLENBQUM7QUFDN0IsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDMUQsT0FBTyxDQUFDLE1BQU0sUUFBUSxDQUFDO0FBUXZCLE1BQU0sT0FBTyxnQkFBZ0I7SUFhM0IsWUFDVSxHQUE2QixFQUM3QixFQUFrQixFQUNsQixRQUFrQixFQUNsQixHQUFzQixFQUN0QixjQUFnQztRQUpoQyxRQUFHLEdBQUgsR0FBRyxDQUEwQjtRQUM3QixPQUFFLEdBQUYsRUFBRSxDQUFnQjtRQUNsQixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQ2xCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLG1CQUFjLEdBQWQsY0FBYyxDQUFrQjtRQWpCMUMsT0FBRSxHQUFHLElBQUksSUFBSSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUM7UUFHWixVQUFLLEdBQUcsT0FBTyxDQUFDO1FBQ2YsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBQ3ZELG1DQUF1QztRQUN2QyxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFvQmpCLFNBQUksR0FBRyxHQUFHLEVBQUU7WUFDVixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1lBQ3JCLHlEQUF5RDtZQUV6RCwrREFBK0Q7WUFDL0QsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsRUFBRTtnQkFDMUMsVUFBVSxDQUFDLEdBQUcsRUFBRTtvQkFDZCxNQUFNLFdBQVcsR0FBRyxDQUFDLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztvQkFDN0MsSUFBSSxXQUFXLEdBQUcsQ0FBQyxFQUFFO3dCQUNuQixDQUFDLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLFdBQVcsQ0FBQyxDQUFDO3FCQUNsRDtvQkFDRCxDQUFDLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLENBQUM7Z0JBQzNDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQzthQUNUO1lBRUQsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2hCLENBQUMsQ0FBQTtRQUVELFVBQUssR0FBRyxHQUFHLEVBQUU7WUFDWCxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsQ0FBQyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQ2xHLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztZQUNSLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUVuQixrREFBQSxJQUFJLENBQWlCLENBQUM7UUFDeEIsQ0FBQyxDQUFBO1FBRUQsV0FBTSxHQUFHLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7WUFDckIsMkRBQTJEO1lBQzNELGtEQUFBLElBQUksQ0FBaUIsQ0FBQztRQUN4QixDQUFDLENBQUE7UUFFRCxXQUFNLEdBQUcsR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztZQUN0QiwyREFBMkQ7WUFDM0Qsa0RBQUEsSUFBSSxDQUFpQixDQUFDO1FBQ3hCLENBQUMsQ0FBQTtRQUVELHlCQUFpQixHQUFHLEVBQUU7WUFDcEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLFVBQVUsR0FBRyxDQUFDLENBQUM7Z0JBQ25CLE1BQU0sV0FBVyxHQUFHLEdBQUcsQ0FBQztnQkFDeEIsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsRUFBRTtvQkFDdEMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxFQUFFO3dCQUNoQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUMsS0FBSyxFQUFFLEdBQUcsR0FBRyxJQUFJLEVBQUUsS0FBSyxFQUFFLFVBQVUsR0FBRyxJQUFJLEVBQUMsQ0FBQyxDQUFDO3dCQUMzRCxVQUFVLElBQUksV0FBVyxHQUFHLENBQUMsQ0FBQztxQkFDL0I7eUJBQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLEVBQUU7d0JBQ3hDLE1BQU0sV0FBVyxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO3dCQUM1RCxJQUFJLFdBQVcsR0FBRyxDQUFDLEVBQUU7NEJBQ25CLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsRUFBQyxLQUFLLEVBQUUsV0FBVyxHQUFHLElBQUksRUFBRSxLQUFLLEVBQUUsVUFBVSxHQUFHLElBQUksRUFBQyxDQUFDLENBQUM7NEJBQ25FLFVBQVUsSUFBSSxXQUFXLEdBQUcsQ0FBQyxDQUFDO3lCQUMvQjtxQkFDRjtnQkFFSCxDQUFDLENBQUMsQ0FBQztZQUNMLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUVWLENBQUMsRUFBQTtRQUVELGlCQUFZLEdBQUcsR0FBRyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUMzQyxDQUFDLENBQUE7UUFFRCxnQkFBVyxHQUFHLEdBQUcsRUFBRTtZQUNqQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUN2QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzdCLENBQUMsQ0FBQTtJQXJGRCxDQUFDO0lBRUQsZUFBZTtRQUNiLHVCQUFBLElBQUksb0JBQW9CLElBQUksZUFBZSxDQUN6QyxRQUFRLENBQUMsSUFBSSxFQUNiLElBQUksQ0FBQyxHQUFHLEVBQ1IsSUFBSSxDQUFDLEVBQUUsRUFDUCxJQUFJLENBQUMsUUFBUSxDQUNkLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFDO0lBQ3RDLENBQUM7SUE4RUQsV0FBVztRQUNULCtDQUFzQixPQUFPLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUMzQyxDQUFDOzs7O1lBeEhGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5QiwraERBQStDO2dCQUUvQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQ7OztZQXRCQyx3QkFBd0I7WUFDeEIsY0FBYztZQUNkLFFBQVE7WUFRUixpQkFBaUI7WUFJWCxnQkFBZ0I7OztxQkFXckIsU0FBUyxTQUFDLFNBQVM7dUJBQ25CLEtBQUs7b0JBQ0wsS0FBSzs2QkFDTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgVmlld0NoaWxkLFxyXG4gIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcixcclxuICBBcHBsaWNhdGlvblJlZixcclxuICBJbmplY3RvcixcclxuICBFbWJlZGRlZFZpZXdSZWYsXHJcbiAgQWZ0ZXJWaWV3SW5pdCxcclxuICBPbkRlc3Ryb3ksXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtDZGtQb3J0YWwsIERvbVBvcnRhbE91dGxldH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XHJcbmltcG9ydCAqIGFzIHV1aWQgZnJvbSAndXVpZCc7XHJcbmltcG9ydCB7U2RMb2FkaW5nU2VydmljZX0gZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9sb2FkaW5nJztcclxuaW1wb3J0ICQgZnJvbSAnanF1ZXJ5JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2QtbW9kYWwtcmVzaXphYmxlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtcmVzaXphYmxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC1yZXNpemFibGUuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RNb2RhbFJlc2l6YWJsZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XHJcbiAgaWQgPSBgSSR7dXVpZC52NCgpfWA7XHJcbiAgQFZpZXdDaGlsZChDZGtQb3J0YWwpIHBvcnRhbDogQ2RrUG9ydGFsO1xyXG4gIEBJbnB1dCgpIGVkaXRhYmxlOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHdpZHRoID0gJzQ4MHB4JztcclxuICBAT3V0cHV0KCkgZWRpdGluZ0NoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcbiAgI2VtYmVkZGVkVmlld1JlZjogRW1iZWRkZWRWaWV3UmVmPGFueT47XHJcbiAgaXNFZGl0aW5nID0gZmFsc2U7XHJcbiAgaXNPcGVuZWQgPSBmYWxzZTtcclxuICBpc0hvdmVyID0gZmFsc2U7XHJcbiAgaXNMb2FkaW5nID0gZmFsc2U7XHJcbiAgaXNNaW5pdW0gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGNmcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxyXG4gICAgcHJpdmF0ZSBhcjogQXBwbGljYXRpb25SZWYsXHJcbiAgICBwcml2YXRlIGluamVjdG9yOiBJbmplY3RvcixcclxuICAgIHByaXZhdGUgcmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIHByaXZhdGUgbG9hZGluZ1NlcnZpY2U6IFNkTG9hZGluZ1NlcnZpY2VcclxuICApIHtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIHRoaXMuI2VtYmVkZGVkVmlld1JlZiA9IG5ldyBEb21Qb3J0YWxPdXRsZXQoXHJcbiAgICAgIGRvY3VtZW50LmJvZHksXHJcbiAgICAgIHRoaXMuY2ZyLFxyXG4gICAgICB0aGlzLmFyLFxyXG4gICAgICB0aGlzLmluamVjdG9yXHJcbiAgICApLmF0dGFjaFRlbXBsYXRlUG9ydGFsKHRoaXMucG9ydGFsKTtcclxuICB9XHJcblxyXG4gIG9wZW4gPSAoKSA9PiB7XHJcbiAgICB0aGlzLnJlZi5tYXJrRm9yQ2hlY2soKTtcclxuICAgIHRoaXMuaXNPcGVuZWQgPSB0cnVlO1xyXG4gICAgLy8gY29uc29sZS5sb2coJ09QRU4gaXNNaW5pdW0nICsgdGhpcy5pZCwgdGhpcy5pc01pbml1bSk7XHJcblxyXG4gICAgLy8gdGluaCB0b2FuIHdpZHRoIG1heGl1bSBs4bqnbiDEkeG6p3Uga2hpIGtow7RuZyDhu58gdHLhuqFuZyB0aMOhaSBtaW5pdW1cclxuICAgIGlmICghJCgnIycgKyB0aGlzLmlkKS5oYXNDbGFzcygnYy1taW5pdW0nKSkge1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICBjb25zdCBtYXhpdW1XaWR0aCA9ICQoJyMnICsgdGhpcy5pZCkud2lkdGgoKTtcclxuICAgICAgICBpZiAobWF4aXVtV2lkdGggPiAwKSB7XHJcbiAgICAgICAgICAkKCcjJyArIHRoaXMuaWQpLmF0dHIoJ2RhdGEtd2lkdGgnLCBtYXhpdW1XaWR0aCk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgICQoJyMnICsgdGhpcy5pZCkucmVtb3ZlQ2xhc3MoJ2MtY2xvc2VkJyk7XHJcbiAgICAgIH0sIDEwMCk7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5tYXhpdW0oKTtcclxuICB9XHJcblxyXG4gIGNsb3NlID0gKCkgPT4ge1xyXG4gICAgdGhpcy5yZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgICB0aGlzLmlzT3BlbmVkID0gZmFsc2U7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgJCgnIycgKyB0aGlzLmlkKS5jc3Moe3dpZHRoOiAnMHB4JywgcmlnaHQ6ICcwcHgnfSkucmVtb3ZlQ2xhc3MoJ2MtbWluaXVtJykuYWRkQ2xhc3MoJ2MtY2xvc2VkJyk7XHJcbiAgICB9LCAxMDApO1xyXG4gICAgdGhpcy5zdG9wTG9hZGluZygpO1xyXG5cclxuICAgIHRoaXMuI2RyYXdNaW5pdW1CYXIoKTtcclxuICB9XHJcblxyXG4gIG1pbml1bSA9ICgpID0+IHtcclxuICAgIHRoaXMucmVmLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgdGhpcy5pc01pbml1bSA9IHRydWU7XHJcbiAgICAvLyBjb25zb2xlLmxvZygnTUlOSVVNIGlzTWluaXVtJyArIHRoaXMuaWQsIHRoaXMuaXNNaW5pdW0pO1xyXG4gICAgdGhpcy4jZHJhd01pbml1bUJhcigpO1xyXG4gIH1cclxuXHJcbiAgbWF4aXVtID0gKCkgPT4ge1xyXG4gICAgdGhpcy5yZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgICB0aGlzLmlzTWluaXVtID0gZmFsc2U7XHJcbiAgICAvLyBjb25zb2xlLmxvZygnTUFYSVVNIGlzTWluaXVtJyArIHRoaXMuaWQsIHRoaXMuaXNNaW5pdW0pO1xyXG4gICAgdGhpcy4jZHJhd01pbml1bUJhcigpO1xyXG4gIH1cclxuXHJcbiAgI2RyYXdNaW5pdW1CYXIgPSAoKSA9PiB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgbGV0IHRvdGFsUmlnaHQgPSA4O1xyXG4gICAgICBjb25zdCBtaW5pdW1XaWR0aCA9IDMwMDtcclxuICAgICAgJCgnLm1vZGFsLWN1c3RvbScpLmVhY2goKGluZGV4LCBpdGVtKSA9PiB7XHJcbiAgICAgICAgaWYgKCQoaXRlbSkuaGFzQ2xhc3MoJ2MtbWluaXVtJykpIHtcclxuICAgICAgICAgICQoaXRlbSkuY3NzKHt3aWR0aDogMzAwICsgJ3B4JywgcmlnaHQ6IHRvdGFsUmlnaHQgKyAncHgnfSk7XHJcbiAgICAgICAgICB0b3RhbFJpZ2h0ICs9IG1pbml1bVdpZHRoICsgODtcclxuICAgICAgICB9IGVsc2UgaWYgKCEkKGl0ZW0pLmhhc0NsYXNzKCdjLWNsb3NlZCcpKSB7XHJcbiAgICAgICAgICBjb25zdCBtYXhpdW1XaWR0aCA9IHBhcnNlSW50KCQoaXRlbSkuYXR0cignZGF0YS13aWR0aCcpLCAwKTtcclxuICAgICAgICAgIGlmIChtYXhpdW1XaWR0aCA+IDApIHtcclxuICAgICAgICAgICAgJChpdGVtKS5jc3Moe3dpZHRoOiBtYXhpdW1XaWR0aCArICdweCcsIHJpZ2h0OiB0b3RhbFJpZ2h0ICsgJ3B4J30pO1xyXG4gICAgICAgICAgICB0b3RhbFJpZ2h0ICs9IG1heGl1bVdpZHRoICsgODtcclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcblxyXG4gICAgICB9KTtcclxuICAgIH0sIDEwMCk7XHJcblxyXG4gIH1cclxuXHJcbiAgc3RhcnRMb2FkaW5nID0gKCkgPT4ge1xyXG4gICAgdGhpcy5pc0xvYWRpbmcgPSB0cnVlO1xyXG4gICAgdGhpcy5sb2FkaW5nU2VydmljZS5zdG9wKCk7XHJcbiAgICB0aGlzLmxvYWRpbmdTZXJ2aWNlLnN0YXJ0KGAjJHt0aGlzLmlkfWApO1xyXG4gIH1cclxuXHJcbiAgc3RvcExvYWRpbmcgPSAoKSA9PiB7XHJcbiAgICB0aGlzLmlzTG9hZGluZyA9IGZhbHNlO1xyXG4gICAgdGhpcy5sb2FkaW5nU2VydmljZS5zdG9wKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpIHtcclxuICAgIHRoaXMuI2VtYmVkZGVkVmlld1JlZi5kZXN0cm95KCk7XHJcbiAgfVxyXG5cclxuICB0b2dnbGVFZGl0YWJsZSgpIHtcclxuICAgIHRoaXMuaXNFZGl0aW5nID0gIXRoaXMuaXNFZGl0aW5nO1xyXG4gICAgdGhpcy5lZGl0aW5nQ2hhbmdlZC5lbWl0KHRoaXMuaXNFZGl0aW5nKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2015/modal-resizable/src/lib/modal-resizable.module.js

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatButtonModule } from '@angular/material/button';
+import { SdButtonModule } from '@sd-angular/core/button';
+import { SdModalResizable } from './modal-resizable/modal-resizable.component';
+import { PortalModule } from '@angular/cdk/portal';
+export class SdModalResizableModule {
+}
+SdModalResizableModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MatIconModule,
+                    MatDialogModule,
+                    MatButtonModule,
+                    SdButtonModule,
+                    PortalModule
+                ],
+                declarations: [
+                    SdModalResizable
+                ],
+                exports: [
+                    SdModalResizable
+                ],
+                providers: []
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtcmVzaXphYmxlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTUvRGVza3RvcC9Xb3JraW5nLzFNRy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL21vZGFsLXJlc2l6YWJsZS8iLCJzb3VyY2VzIjpbInNyYy9saWIvbW9kYWwtcmVzaXphYmxlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDL0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBb0JuRCxNQUFNLE9BQU8sc0JBQXNCOzs7WUFsQmxDLFFBQVEsU0FBQztnQkFDUixPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixhQUFhO29CQUNiLGVBQWU7b0JBQ2YsZUFBZTtvQkFDZixjQUFjO29CQUNkLFlBQVk7aUJBQ2I7Z0JBQ0QsWUFBWSxFQUFFO29CQUNaLGdCQUFnQjtpQkFDakI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLGdCQUFnQjtpQkFDakI7Z0JBQ0QsU0FBUyxFQUFFLEVBQ1Y7YUFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IE1hdERpYWxvZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XHJcbmltcG9ydCB7IFNkQnV0dG9uTW9kdWxlIH0gZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9idXR0b24nO1xyXG5pbXBvcnQgeyBTZE1vZGFsUmVzaXphYmxlIH0gZnJvbSAnLi9tb2RhbC1yZXNpemFibGUvbW9kYWwtcmVzaXphYmxlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFBvcnRhbE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBNYXRJY29uTW9kdWxlLFxyXG4gICAgTWF0RGlhbG9nTW9kdWxlLFxyXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxyXG4gICAgU2RCdXR0b25Nb2R1bGUsXHJcbiAgICBQb3J0YWxNb2R1bGVcclxuICBdLFxyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgU2RNb2RhbFJlc2l6YWJsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgU2RNb2RhbFJlc2l6YWJsZVxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RNb2RhbFJlc2l6YWJsZU1vZHVsZSB7XHJcblxyXG59XHJcbiJdfQ==

package/esm2015/modal-resizable/src/public-api.js

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of superdev-angular-core
+ */
+export * from './lib/modal-resizable/modal-resizable.component';
+export * from './lib/modal-resizable.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTUvRGVza3RvcC9Xb3JraW5nLzFNRy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL21vZGFsLXJlc2l6YWJsZS8iLCJzb3VyY2VzIjpbInNyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxpREFBaUQsQ0FBQztBQUVoRSxjQUFjLDhCQUE4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHN1cGVyZGV2LWFuZ3VsYXItY29yZVxyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGFsLXJlc2l6YWJsZS9tb2RhbC1yZXNpemFibGUuY29tcG9uZW50JztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGFsLXJlc2l6YWJsZS5tb2R1bGUnO1xyXG4iXX0=

package/esm2015/public-api.js

@@ -14,6 +14,7 @@ import '@sd-angular/core/quick-action';
 import '@sd-angular/core/image-preview';
 import '@sd-angular/core/comment';
 import '@sd-angular/core/filter';
+import '@sd-angular/core/modal-resizable';
 export { SdCoreModule } from './lib/core.module';
 export { MaterialModule } from './lib/material.module';
 export * from './lib/material.module';
@@ -51,4 +52,4 @@ export * from '@sd-angular/core/switch';
 export * from '@sd-angular/core/radio';
 export * from '@sd-angular/core/form';
 export * from '@sd-angular/core/service';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTUvRGVza3RvcC9Xb3JraW5nLzFNRy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL3NyYy8iLCJzb3VyY2VzIjpbInB1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyx5QkFBeUIsQ0FBQztBQUNqQyxPQUFPLHdCQUF3QixDQUFDO0FBQ2hDLE9BQU8sb0NBQW9DLENBQUM7QUFDNUMsT0FBTyx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLDhCQUE4QixDQUFDO0FBQ3RDLE9BQU8sNkJBQTZCLENBQUM7QUFDckMsT0FBTyx3QkFBd0IsQ0FBQztBQUNoQyxPQUFPLHdCQUF3QixDQUFDO0FBQ2hDLE9BQU8seUJBQXlCLENBQUM7QUFDakMsT0FBTywrQkFBK0IsQ0FBQztBQUN2QyxPQUFPLGdDQUFnQyxDQUFDO0FBQ3hDLE9BQU8sMEJBQTBCLENBQUM7QUFDbEMsT0FBTyx5QkFBeUIsQ0FBQztBQUdqQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDakQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3ZELGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLGtFQUFrRSxDQUFDO0FBRWpGLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxPQUFPLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2pFLDBDQUEwQztBQUMxQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxjQUFjLEVBQXdCLE1BQU0sZ0NBQWdDLENBQUM7QUFDdEYsMENBQTBDO0FBQzFDLDJDQUEyQztBQUMzQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYywwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAnQHNkLWFuZ3VsYXIvY29yZS9jb21tb24nO1xyXG5pbXBvcnQgJ0BzZC1hbmd1bGFyL2NvcmUvbGFiZWwnO1xyXG5pbXBvcnQgJ0BzZC1hbmd1bGFyL2NvcmUvaW5wdXQtdXBsb2FkLWZpbGUnO1xyXG5pbXBvcnQgJ0BzZC1hbmd1bGFyL2NvcmUvY2hpcCc7XHJcbmltcG9ydCAnQHNkLWFuZ3VsYXIvY29yZS90ZXh0YXJlYSc7XHJcbmltcG9ydCAnQHNkLWFuZ3VsYXIvY29yZS9jaGVja2JveCc7XHJcbmltcG9ydCAnQHNkLWFuZ3VsYXIvY29yZS90aW1lJztcclxuaW1wb3J0ICdAc2QtYW5ndWxhci9jb3JlL3NpZGUtZHJhd2VyJztcclxuaW1wb3J0ICdAc2QtYW5ndWxhci9jb3JlL3RhYi1yb3V0ZXInO1xyXG5pbXBvcnQgJ0BzZC1hbmd1bGFyL2NvcmUvZXhjZWwnO1xyXG5pbXBvcnQgJ0BzZC1hbmd1bGFyL2NvcmUvaW5wdXQnO1xyXG5pbXBvcnQgJ0BzZC1hbmd1bGFyL2NvcmUvc2VsZWN0JztcclxuaW1wb3J0ICdAc2QtYW5ndWxhci9jb3JlL3F1aWNrLWFjdGlvbic7XHJcbmltcG9ydCAnQHNkLWFuZ3VsYXIvY29yZS9pbWFnZS1wcmV2aWV3JztcclxuaW1wb3J0ICdAc2QtYW5ndWxhci9jb3JlL2NvbW1lbnQnO1xyXG5pbXBvcnQgJ0BzZC1hbmd1bGFyL2NvcmUvZmlsdGVyJztcclxuXHJcblxyXG5leHBvcnQgeyBTZENvcmVNb2R1bGUgfSBmcm9tICcuL2xpYi9jb3JlLm1vZHVsZSc7XHJcbmV4cG9ydCB7IE1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnLi9saWIvbWF0ZXJpYWwubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbWF0ZXJpYWwubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udHJvbHMvY2tlZGl0b3ItY29udHJvbC9ja2VkaXRvci1jb250cm9sLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRyb2xzL2RhdGUtcGlja2VyLWNvbnRyb2wvZGF0ZS1waWNrZXItY29udHJvbC5jb21wb25lbnQnO1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcGlwZXMvc2QtZGF0ZS5waXBlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdmFsaWRhdG9ycy9jaGlwLW1pbi1pdGVtLnZhbGlkYXRvcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbGlkYXRvcnMvY3VzdG9tLnZhbGlkYXRvcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbGlkYXRvcnMvbWF4LWRhdGUudmFsaWRhdG9yJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdmFsaWRhdG9ycy9taW4tZGF0ZS52YWxpZGF0b3InO1xyXG5leHBvcnQgeyBTZEFwaU1vZHVsZSwgU2RBcGlTZXJ2aWNlIH0gZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9hcGknO1xyXG4vLyBleHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2V4Y2VsJztcclxuZXhwb3J0ICogZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9sb2FkaW5nJztcclxuZXhwb3J0ICogZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9ub3RpZnknO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL3NldHRpbmcnO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL3RyYW5zbGF0ZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvdXRpbGl0eSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvZHluYW1pYy1yZXBvcnQnO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2NoYXJ0JztcclxuZXhwb3J0ICogZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS91cGxvYWQtZmlsZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvZGF0ZS1yYW5nZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvZGF0ZS10aW1lJztcclxuZXhwb3J0ICogZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9idXR0b24nO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2tvbnZhJztcclxuZXhwb3J0ICogZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9hdXRvY29tcGxldGUnO1xyXG5leHBvcnQgeyBTZEdyaWRNYXRlcmlhbCwgU2RHcmlkTWF0ZXJpYWxPcHRpb24gfSBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2dyaWQtbWF0ZXJpYWwnO1xyXG4vLyBleHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2lucHV0JztcclxuLy8gZXhwb3J0ICogZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9zZWxlY3QnO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL3NlbGVjdC1lZGl0b3InO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2VkaXRvcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvbW9kYWwnO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2dyaWQnO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL3VwbG9hZC1leGNlbCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvc3dpdGNoJztcclxuZXhwb3J0ICogZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9yYWRpbyc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvZm9ybSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvc2VydmljZSc7XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTUvRGVza3RvcC9Xb3JraW5nLzFNRy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL3NyYy8iLCJzb3VyY2VzIjpbInB1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyx5QkFBeUIsQ0FBQztBQUNqQyxPQUFPLHdCQUF3QixDQUFDO0FBQ2hDLE9BQU8sb0NBQW9DLENBQUM7QUFDNUMsT0FBTyx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLDhCQUE4QixDQUFDO0FBQ3RDLE9BQU8sNkJBQTZCLENBQUM7QUFDckMsT0FBTyx3QkFBd0IsQ0FBQztBQUNoQyxPQUFPLHdCQUF3QixDQUFDO0FBQ2hDLE9BQU8seUJBQXlCLENBQUM7QUFDakMsT0FBTywrQkFBK0IsQ0FBQztBQUN2QyxPQUFPLGdDQUFnQyxDQUFDO0FBQ3hDLE9BQU8sMEJBQTBCLENBQUM7QUFDbEMsT0FBTyx5QkFBeUIsQ0FBQztBQUNqQyxPQUFPLGtDQUFrQyxDQUFDO0FBRzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDREQUE0RCxDQUFDO0FBQzNFLGNBQWMsa0VBQWtFLENBQUM7QUFFakYsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDakUsMENBQTBDO0FBQzFDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsT0FBTyxFQUFFLGNBQWMsRUFBd0IsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN0RiwwQ0FBMEM7QUFDMUMsMkNBQTJDO0FBQzNDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICdAc2QtYW5ndWxhci9jb3JlL2NvbW1vbic7XHJcbmltcG9ydCAnQHNkLWFuZ3VsYXIvY29yZS9sYWJlbCc7XHJcbmltcG9ydCAnQHNkLWFuZ3VsYXIvY29yZS9pbnB1dC11cGxvYWQtZmlsZSc7XHJcbmltcG9ydCAnQHNkLWFuZ3VsYXIvY29yZS9jaGlwJztcclxuaW1wb3J0ICdAc2QtYW5ndWxhci9jb3JlL3RleHRhcmVhJztcclxuaW1wb3J0ICdAc2QtYW5ndWxhci9jb3JlL2NoZWNrYm94JztcclxuaW1wb3J0ICdAc2QtYW5ndWxhci9jb3JlL3RpbWUnO1xyXG5pbXBvcnQgJ0BzZC1hbmd1bGFyL2NvcmUvc2lkZS1kcmF3ZXInO1xyXG5pbXBvcnQgJ0BzZC1hbmd1bGFyL2NvcmUvdGFiLXJvdXRlcic7XHJcbmltcG9ydCAnQHNkLWFuZ3VsYXIvY29yZS9leGNlbCc7XHJcbmltcG9ydCAnQHNkLWFuZ3VsYXIvY29yZS9pbnB1dCc7XHJcbmltcG9ydCAnQHNkLWFuZ3VsYXIvY29yZS9zZWxlY3QnO1xyXG5pbXBvcnQgJ0BzZC1hbmd1bGFyL2NvcmUvcXVpY2stYWN0aW9uJztcclxuaW1wb3J0ICdAc2QtYW5ndWxhci9jb3JlL2ltYWdlLXByZXZpZXcnO1xyXG5pbXBvcnQgJ0BzZC1hbmd1bGFyL2NvcmUvY29tbWVudCc7XHJcbmltcG9ydCAnQHNkLWFuZ3VsYXIvY29yZS9maWx0ZXInO1xyXG5pbXBvcnQgJ0BzZC1hbmd1bGFyL2NvcmUvbW9kYWwtcmVzaXphYmxlJztcclxuXHJcblxyXG5leHBvcnQgeyBTZENvcmVNb2R1bGUgfSBmcm9tICcuL2xpYi9jb3JlLm1vZHVsZSc7XHJcbmV4cG9ydCB7IE1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnLi9saWIvbWF0ZXJpYWwubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbWF0ZXJpYWwubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udHJvbHMvY2tlZGl0b3ItY29udHJvbC9ja2VkaXRvci1jb250cm9sLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRyb2xzL2RhdGUtcGlja2VyLWNvbnRyb2wvZGF0ZS1waWNrZXItY29udHJvbC5jb21wb25lbnQnO1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcGlwZXMvc2QtZGF0ZS5waXBlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdmFsaWRhdG9ycy9jaGlwLW1pbi1pdGVtLnZhbGlkYXRvcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbGlkYXRvcnMvY3VzdG9tLnZhbGlkYXRvcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbGlkYXRvcnMvbWF4LWRhdGUudmFsaWRhdG9yJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdmFsaWRhdG9ycy9taW4tZGF0ZS52YWxpZGF0b3InO1xyXG5leHBvcnQgeyBTZEFwaU1vZHVsZSwgU2RBcGlTZXJ2aWNlIH0gZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9hcGknO1xyXG4vLyBleHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2V4Y2VsJztcclxuZXhwb3J0ICogZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9sb2FkaW5nJztcclxuZXhwb3J0ICogZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9ub3RpZnknO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL3NldHRpbmcnO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL3RyYW5zbGF0ZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvdXRpbGl0eSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvZHluYW1pYy1yZXBvcnQnO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2NoYXJ0JztcclxuZXhwb3J0ICogZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS91cGxvYWQtZmlsZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvZGF0ZS1yYW5nZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvZGF0ZS10aW1lJztcclxuZXhwb3J0ICogZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9idXR0b24nO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2tvbnZhJztcclxuZXhwb3J0ICogZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9hdXRvY29tcGxldGUnO1xyXG5leHBvcnQgeyBTZEdyaWRNYXRlcmlhbCwgU2RHcmlkTWF0ZXJpYWxPcHRpb24gfSBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2dyaWQtbWF0ZXJpYWwnO1xyXG4vLyBleHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2lucHV0JztcclxuLy8gZXhwb3J0ICogZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9zZWxlY3QnO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL3NlbGVjdC1lZGl0b3InO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2VkaXRvcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvbW9kYWwnO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2dyaWQnO1xyXG5leHBvcnQgKiBmcm9tICdAc2QtYW5ndWxhci9jb3JlL3VwbG9hZC1leGNlbCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvc3dpdGNoJztcclxuZXhwb3J0ICogZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9yYWRpbyc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvZm9ybSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvc2VydmljZSc7XHJcbiJdfQ==

package/fesm2015/sd-angular-core-comment.js

@@ -11,6 +11,7 @@ import { SdButtonModule } from '@sd-angular/core/button';
 import { SdInputModule } from '@sd-angular/core/input';
 import { SdUtilityModule } from '@sd-angular/core/utility';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import { SdEditorModule } from '@sd-angular/core/editor';
 
 var _items, _send, _load;
 class SdComment {
@@ -18,11 +19,11 @@ class SdComment {
         _items.set(this, new BehaviorSubject([]));
         _send.set(this, new BehaviorSubject(''));
         this.onSend = () => {
-            var _a, _b;
+            var _a, _b, _c;
             if (this.message) {
                 (_b = (_a = this.commentOption) === null || _a === void 0 ? void 0 : _a.event) === null || _b === void 0 ? void 0 : _b.onSend(this.message);
                 this.message = null;
-                this.textarea.focus();
+                (_c = this.textarea) === null || _c === void 0 ? void 0 : _c.focus();
             }
         };
         _load.set(this, () => __awaiter(this, void 0, void 0, function* () {
@@ -60,7 +61,7 @@ _items = new WeakMap(), _send = new WeakMap(), _load = new WeakMap();
 SdComment.decorators = [
     { type: Component, args: [{
                 selector: 'sd-comment',
-                template: "<div class=\"c-container\">\r\n  <div class=\"c-header\">\r\n    <div class=\"c-title\">{{'Comments' | sdTranslate}} <a href=\"javascript:;\">({{count | async}})</a></div>\r\n  </div>\r\n  <div class=\"c-body\">\r\n    <ng-container *ngFor=\"let item of items | async\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment\">\r\n          <div class=\"c-info mb-4\">\r\n            {{'By' | sdTranslate}}\r\n            <span class=\"c-creator ml-2\">\r\n              {{item.creator}}\r\n            </span>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <span class=\"mx-4\">\u2022</span>\r\n              <span [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy HH:mm'\">{{item.createdDate | sdTimeDifferent:'dd/MM/yyyy HH:mm':'hour' | async}}</span>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-footer p-16\">\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <sd-textarea [(model)]=\"message\" rows=\"1\" autoHeight></sd-textarea>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <sd-button class=\"float-right\" title=\"G\u1EEDi\" (action)=\"onSend()\" [disabled]=\"!message\" color=\"primary\" type=\"fill\" size=\"sm\">\r\n        </sd-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>",
+                template: "<div class=\"c-container\">\r\n  <div class=\"c-header\">\r\n    <div class=\"c-title\">{{'Comments' | sdTranslate}} <a href=\"javascript:;\">({{count | async}})</a></div>\r\n  </div>\r\n  <div class=\"c-body\">\r\n    <ng-container *ngFor=\"let item of items | async\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment\">\r\n          <div class=\"c-info mb-4\">\r\n            {{'By' | sdTranslate}}\r\n            <span class=\"c-creator ml-2\">\r\n              {{item.creator}}\r\n            </span>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <span class=\"mx-4\">\u2022</span>\r\n              <span\r\n                [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy HH:mm'\">{{item.createdDate | sdTimeDifferent:'dd/MM/yyyy HH:mm':'hour' | async}}</span>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-footer p-16\">\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <ng-container *ngIf=\"commentOption?.editor?.enabled else noUseEditor\">\r\n          <div class=\"mb-8\">\r\n            <sd-editor [(model)]=\"message\" [styles]=\"commentOption?.editor?.styles\"\r\n                       [toolbar]=\"commentOption?.editor?.toolbar\"\r\n                       [urlUploadImage]=\"commentOption?.editor?.urlUploadImage\"\r\n                       [mentionValues]=\"commentOption?.editor?.mentionValues\"></sd-editor>\r\n          </div>\r\n        </ng-container>\r\n        <ng-template #noUseEditor>\r\n          <sd-textarea [(model)]=\"message\" rows=\"1\" autoHeight></sd-textarea>\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <sd-button class=\"float-right\" title=\"G\u1EEDi\" (action)=\"onSend()\" [disabled]=\"!message\" color=\"primary\" type=\"fill\"\r\n                   size=\"sm\">\r\n        </sd-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [".c-container{display:flex;flex-direction:column;height:100%}.c-container .c-header{align-items:center;background-color:#fff;display:flex;height:40px;padding:0 16px}.c-container .c-header .c-title{font-weight:500}.c-container .c-body{background:#f8f9fa;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body:hover{overflow-y:auto}.c-container .c-body .c-comment{background:#fff;border:1px solid #f2f2f2;border-radius:4px;padding:12px 16px}.c-container .c-body .c-comment .c-info{color:#757575}.c-container .c-body .c-comment .c-info .c-creator{color:#000;font-weight:500}.c-container .c-footer{background:#fff;min-height:120px}"]
             },] }
@@ -84,6 +85,7 @@ SdCommentModule.decorators = [
                     SdButtonModule,
                     SdInputModule,
                     SdTextareaModule,
+                    SdEditorModule,
                     SdUtilityModule,
                     SdTranslateModule
                 ],

package/fesm2015/sd-angular-core-comment.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-comment.js","sources":["../../../../projects/sd-core/comment/src/lib/comment.component.ts","../../../../projects/sd-core/comment/src/lib/comment.module.ts","../../../../projects/sd-core/comment/src/public-api.ts","../../../../projects/sd-core/comment/sd-angular-core-comment.ts"],"sourcesContent":["import {\r\n  Component,\r\n  AfterViewInit,\r\n  OnInit,\r\n  OnDestroy,\r\n  Input,\r\n  ChangeDetectionStrategy,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { SdTextarea } from '@sd-angular/core/textarea';\r\nimport { BehaviorSubject, Observable } from 'rxjs';\r\nimport { map, switchMap } from 'rxjs/operators';\r\nimport { Comment, SdCommentOption } from './comment.model';\r\n@Component({\r\n  selector: 'sd-comment',\r\n  templateUrl: './comment.component.html',\r\n  styleUrls: ['./comment.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdComment implements OnInit, AfterViewInit, OnDestroy {\r\n  @ViewChild(SdTextarea) textarea: SdTextarea;\r\n  #items = new BehaviorSubject<Comment[]>([]);\r\n  #send = new BehaviorSubject<string>('');\r\n  commentOption: SdCommentOption;\r\n  @Input() set option(option: SdCommentOption) {\r\n    this.commentOption = option;\r\n    this.reload();\r\n  };\r\n\r\n  items: Observable<Comment[]>;\r\n  count: Observable<number>;\r\n  message: string;\r\n  constructor() {\r\n  }\r\n  ngOnInit(): void {\r\n    this.items = this.#items.pipe(map(items => {\r\n      return items.map(e => ({\r\n        ...e,\r\n        picture: e.picture ?? `https://ui-avatars.com/api/?size=32&rounded=true&background=random&name=${e.creator}`\r\n      }))\r\n    }));\r\n    this.count = this.items.pipe(map(items => items.length));\r\n  }\r\n  ngOnDestroy(): void {\r\n  }\r\n  ngAfterViewInit(): void {\r\n  }\r\n\r\n  onSend = () => {\r\n    if (this.message) {\r\n      this.commentOption?.event?.onSend(this.message);\r\n      this.message = null;\r\n      this.textarea.focus();\r\n    }\r\n  }\r\n\r\n  #load = async () => {\r\n    const { items } = this.commentOption;\r\n    const results = items();\r\n    if (results instanceof Promise) {\r\n      return await results;\r\n    }\r\n    return results;\r\n  }\r\n\r\n  reload = async () => {\r\n    this.#items.next(await this.#load());\r\n  }\r\n}","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdComment } from './comment.component';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\nimport { SdInputModule } from '@sd-angular/core/input';\r\nimport { SdTextareaModule } from '@sd-angular/core/textarea';\r\nimport { SdUtilityModule } from '@sd-angular/core/utility';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatButtonModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    SdTranslateModule,\r\n    SdButtonModule,\r\n    SdInputModule,\r\n    SdTextareaModule,\r\n    SdUtilityModule,\r\n    SdTranslateModule\r\n  ],\r\n  declarations: [\r\n    SdComment\r\n  ],\r\n  exports: [\r\n    SdComment\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdCommentModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/comment.module';\r\nexport * from './lib/comment.model';\r\nexport * from './lib/comment.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MAmBa,SAAS;IAapB;QAXA,iBAAS,IAAI,eAAe,CAAY,EAAE,CAAC,EAAC;QAC5C,gBAAQ,IAAI,eAAe,CAAS,EAAE,CAAC,EAAC;QA0BxC,WAAM,GAAG;;YACP,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,YAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,0CAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE;gBAChD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;aACvB;SACF,CAAA;QAED,gBAAQ;YACN,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;YACrC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;YACxB,IAAI,OAAO,YAAY,OAAO,EAAE;gBAC9B,OAAO,MAAM,OAAO,CAAC;aACtB;YACD,OAAO,OAAO,CAAC;SAChB,CAAA,EAAA;QAED,WAAM,GAAG;YACP,qCAAY,IAAI,CAAC,MAAM,yCAAA,IAAI,CAAQ,CAAC,CAAC;SACtC,CAAA,CAAA;KAlCA;IATD,IAAa,MAAM,CAAC,MAAuB;QACzC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAC5B,IAAI,CAAC,MAAM,EAAE,CAAC;KACf;;IAOD,QAAQ;QACN,IAAI,CAAC,KAAK,GAAG,qCAAY,IAAI,CAAC,GAAG,CAAC,KAAK;YACrC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC;;gBAAI,wCACjB,CAAC,KACJ,OAAO,QAAE,CAAC,CAAC,OAAO,mCAAI,2EAA2E,CAAC,CAAC,OAAO,EAAE,KAC5G;aAAA,CAAC,CAAA;SACJ,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;KAC1D;IACD,WAAW;KACV;IACD,eAAe;KACd;;;;YAjCF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,8mDAAuC;gBAEvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;;uBAEE,SAAS,SAAC,UAAU;qBAIpB,KAAK;;;MCUK,eAAe;;;YAtB3B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,eAAe;oBACf,aAAa;oBACb,gBAAgB;oBAChB,iBAAiB;oBACjB,cAAc;oBACd,aAAa;oBACb,gBAAgB;oBAChB,eAAe;oBACf,iBAAiB;iBAClB;gBACD,YAAY,EAAE;oBACZ,SAAS;iBACV;gBACD,OAAO,EAAE;oBACP,SAAS;iBACV;gBACD,SAAS,EAAE,EACV;aACF;;;ACjCD;;;;ACAA;;;;;;"}
+{"version":3,"file":"sd-angular-core-comment.js","sources":["../../../../projects/sd-core/comment/src/lib/comment.component.ts","../../../../projects/sd-core/comment/src/lib/comment.module.ts","../../../../projects/sd-core/comment/src/public-api.ts","../../../../projects/sd-core/comment/sd-angular-core-comment.ts"],"sourcesContent":["import {\r\n  Component,\r\n  AfterViewInit,\r\n  OnInit,\r\n  OnDestroy,\r\n  Input,\r\n  ChangeDetectionStrategy,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { SdTextarea } from '@sd-angular/core/textarea';\r\nimport { BehaviorSubject, Observable } from 'rxjs';\r\nimport { map, switchMap } from 'rxjs/operators';\r\nimport { Comment, SdCommentOption } from './comment.model';\r\n\r\n@Component({\r\n  selector: 'sd-comment',\r\n  templateUrl: './comment.component.html',\r\n  styleUrls: ['./comment.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdComment implements OnInit, AfterViewInit, OnDestroy {\r\n  @ViewChild(SdTextarea) textarea: SdTextarea;\r\n  #items = new BehaviorSubject<Comment[]>([]);\r\n  #send = new BehaviorSubject<string>('');\r\n  commentOption: SdCommentOption;\r\n  @Input() set option(option: SdCommentOption) {\r\n    this.commentOption = option;\r\n    this.reload();\r\n  };\r\n\r\n  items: Observable<Comment[]>;\r\n  count: Observable<number>;\r\n  message: string;\r\n  constructor() {\r\n  }\r\n  ngOnInit(): void {\r\n    this.items = this.#items.pipe(map(items => {\r\n      return items.map(e => ({\r\n        ...e,\r\n        picture: e.picture ?? `https://ui-avatars.com/api/?size=32&rounded=true&background=random&name=${e.creator}`\r\n      }))\r\n    }));\r\n    this.count = this.items.pipe(map(items => items.length));\r\n  }\r\n  ngOnDestroy(): void {\r\n  }\r\n  ngAfterViewInit(): void {\r\n  }\r\n\r\n  onSend = () => {\r\n    if (this.message) {\r\n      this.commentOption?.event?.onSend(this.message);\r\n      this.message = null;\r\n      this.textarea?.focus();\r\n    }\r\n  }\r\n\r\n  #load = async () => {\r\n    const { items } = this.commentOption;\r\n    const results = items();\r\n    if (results instanceof Promise) {\r\n      return await results;\r\n    }\r\n    return results;\r\n  }\r\n\r\n  reload = async () => {\r\n    this.#items.next(await this.#load());\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdComment } from './comment.component';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\nimport { SdInputModule } from '@sd-angular/core/input';\r\nimport { SdTextareaModule } from '@sd-angular/core/textarea';\r\nimport { SdUtilityModule } from '@sd-angular/core/utility';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport {SdEditorModule} from '@sd-angular/core/editor';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatButtonModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    SdTranslateModule,\r\n    SdButtonModule,\r\n    SdInputModule,\r\n    SdTextareaModule,\r\n    SdEditorModule,\r\n    SdUtilityModule,\r\n    SdTranslateModule\r\n  ],\r\n  declarations: [\r\n    SdComment\r\n  ],\r\n  exports: [\r\n    SdComment\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdCommentModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/comment.module';\r\nexport * from './lib/comment.model';\r\nexport * from './lib/comment.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;MAoBa,SAAS;IAapB;QAXA,iBAAS,IAAI,eAAe,CAAY,EAAE,CAAC,EAAC;QAC5C,gBAAQ,IAAI,eAAe,CAAS,EAAE,CAAC,EAAC;QA0BxC,WAAM,GAAG;;YACP,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,YAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,0CAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE;gBAChD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,GAAG;aACxB;SACF,CAAA;QAED,gBAAQ;YACN,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;YACrC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;YACxB,IAAI,OAAO,YAAY,OAAO,EAAE;gBAC9B,OAAO,MAAM,OAAO,CAAC;aACtB;YACD,OAAO,OAAO,CAAC;SAChB,CAAA,EAAA;QAED,WAAM,GAAG;YACP,qCAAY,IAAI,CAAC,MAAM,yCAAA,IAAI,CAAQ,CAAC,CAAC;SACtC,CAAA,CAAA;KAlCA;IATD,IAAa,MAAM,CAAC,MAAuB;QACzC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAC5B,IAAI,CAAC,MAAM,EAAE,CAAC;KACf;;IAOD,QAAQ;QACN,IAAI,CAAC,KAAK,GAAG,qCAAY,IAAI,CAAC,GAAG,CAAC,KAAK;YACrC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC;;gBAAI,wCACjB,CAAC,KACJ,OAAO,QAAE,CAAC,CAAC,OAAO,mCAAI,2EAA2E,CAAC,CAAC,OAAO,EAAE,KAC5G;aAAA,CAAC,CAAA;SACJ,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;KAC1D;IACD,WAAW;KACV;IACD,eAAe;KACd;;;;YAjCF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,ytEAAuC;gBAEvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;;uBAEE,SAAS,SAAC,UAAU;qBAIpB,KAAK;;;MCWK,eAAe;;;YAvB3B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,eAAe;oBACf,aAAa;oBACb,gBAAgB;oBAChB,iBAAiB;oBACjB,cAAc;oBACd,aAAa;oBACb,gBAAgB;oBAChB,cAAc;oBACd,eAAe;oBACf,iBAAiB;iBAClB;gBACD,YAAY,EAAE;oBACZ,SAAS;iBACV;gBACD,OAAO,EAAE;oBACP,SAAS;iBACV;gBACD,SAAS,EAAE,EACV;aACF;;;ACnCD;;;;ACAA;;;;;;"}