@sd-angular/core 1.3.75 → 1.3.76

package/bundles/sd-angular-core-modal-resizable.umd.min.js

@@ -1,4 +1,4 @@
-!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/cdk/portal"),require("uuid"),require("@sd-angular/core/loading"),require("jquery"),require("@angular/common"),require("@angular/material/icon"),require("@angular/material/dialog"),require("@angular/material/button"),require("@sd-angular/core/button")):"function"==typeof define&&define.amd?define("@sd-angular/core/modal-resizable",["exports","@angular/core","@angular/cdk/portal","uuid","@sd-angular/core/loading","jquery","@angular/common","@angular/material/icon","@angular/material/dialog","@angular/material/button","@sd-angular/core/button"],o):o(((t="undefined"!=typeof globalThis?globalThis:t||self)["sd-angular"]=t["sd-angular"]||{},t["sd-angular"].core=t["sd-angular"].core||{},t["sd-angular"].core["modal-resizable"]={}),t.ng.core,t.ng.cdk.portal,t.uuid,t["sd-angular"].core.loading,t.$,t.ng.common,t.ng.material.icon,t.ng.material.dialog,t.ng.material.button,t["sd-angular"].core.button)}(this,(function(t,o,e,i,n,a,r,s,c,l,d){"use strict";function u(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var m=u(a);
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/cdk/portal"),require("uuid"),require("@sd-angular/core/loading"),require("jquery"),require("@angular/common"),require("@angular/material/icon"),require("@angular/material/dialog"),require("@angular/material/button"),require("@sd-angular/core/button")):"function"==typeof define&&define.amd?define("@sd-angular/core/modal-resizable",["exports","@angular/core","@angular/cdk/portal","uuid","@sd-angular/core/loading","jquery","@angular/common","@angular/material/icon","@angular/material/dialog","@angular/material/button","@sd-angular/core/button"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["sd-angular"]=t["sd-angular"]||{},t["sd-angular"].core=t["sd-angular"].core||{},t["sd-angular"].core["modal-resizable"]={}),t.ng.core,t.ng.cdk.portal,t.uuid,t["sd-angular"].core.loading,t.$,t.ng.common,t.ng.material.icon,t.ng.material.dialog,t.ng.material.button,t["sd-angular"].core.button)}(this,(function(t,e,o,n,i,a,r,c,s,l,d){"use strict";function u(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var m=u(a);
 /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -12,5 +12,5 @@
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */Object.create;var p,g;Object.create;function f(t,o,e,i){if("a"===e&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof o?t!==o||!i:!o.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?i:"a"===e?i.call(t):i?i.value:o.get(t)}var h=function(){function t(t,e,n,a,r){var s=this;this.cfr=t,this.ar=e,this.injector=n,this.ref=a,this.loadingService=r,this.id="I"+i.v4(),this.width="480px",this.editingChanged=new o.EventEmitter,p.set(this,void 0),this.isEditing=!1,this.isOpened=!1,this.isHover=!1,this.isLoading=!1,this.isMinium=!1,this.open=function(){s.ref.markForCheck(),s.isOpened=!0,m.default("#"+s.id).hasClass("c-minium")||setTimeout((function(){var t=m.default("#"+s.id).width();t>0&&m.default("#"+s.id).attr("data-width",t),m.default("#"+s.id).removeClass("c-closed")}),100),s.maxium()},this.close=function(){s.ref.markForCheck(),s.isOpened=!1,setTimeout((function(){m.default("#"+s.id).css({width:"0px",right:"0px"}).removeClass("c-minium").addClass("c-closed")}),100),s.stopLoading(),f(s,g).call(s)},this.minium=function(){s.ref.markForCheck(),s.isMinium=!0,f(s,g).call(s)},this.maxium=function(){s.ref.markForCheck(),s.isMinium=!1,f(s,g).call(s)},g.set(this,(function(){setTimeout((function(){var t=8;m.default(".modal-custom").each((function(o,e){if(m.default(e).hasClass("c-minium"))m.default(e).css({width:"300px",right:t+"px"}),t+=308;else if(!m.default(e).hasClass("c-closed")){var i=parseInt(m.default(e).attr("data-width"),0);i>0&&(m.default(e).css({width:i+"px",right:t+"px"}),t+=i+8)}}))}),100)})),this.startLoading=function(){s.isLoading=!0,s.loadingService.stop(),s.loadingService.start("#"+s.id)},this.stopLoading=function(){s.isLoading=!1,s.loadingService.stop()}}return t.prototype.ngAfterViewInit=function(){!function(t,o,e,i,n){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof o?t!==o||!n:!o.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");"a"===i?n.call(t,e):n?n.value=e:o.set(t,e)}(this,p,new e.DomPortalOutlet(document.body,this.cfr,this.ar,this.injector).attachTemplatePortal(this.portal))},t.prototype.ngOnDestroy=function(){f(this,p).destroy()},t.prototype.toggleEditable=function(){this.isEditing=!this.isEditing,this.editingChanged.emit(this.isEditing)},t}();p=new WeakMap,g=new WeakMap,h.decorators=[{type:o.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ỏ">\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óng 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="Đóng">\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:o.ChangeDetectionStrategy.OnPush,styles:[".text-black400{color:#757575}.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 button.c-action--white:focus{outline:none!important}.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}"]}]}],h.ctorParameters=function(){return[{type:o.ComponentFactoryResolver},{type:o.ApplicationRef},{type:o.Injector},{type:o.ChangeDetectorRef},{type:n.SdLoadingService}]},h.propDecorators={portal:[{type:o.ViewChild,args:[e.CdkPortal]}],editable:[{type:o.Input}],width:[{type:o.Input}],editingChanged:[{type:o.Output}]};var b=function(){};b.decorators=[{type:o.NgModule,args:[{imports:[r.CommonModule,s.MatIconModule,c.MatDialogModule,l.MatButtonModule,d.SdButtonModule,e.PortalModule],declarations:[h],exports:[h],providers:[]}]}],t.SdModalResizable=h,t.SdModalResizableModule=b,Object.defineProperty(t,"__esModule",{value:!0})}));
+    ***************************************************************************** */Object.create;var p,g;Object.create;function f(t,e,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?n:"a"===o?n.call(t):n?n.value:e.get(t)}var h=function(){function t(t,o,i,a,r){var c=this;this.cfr=t,this.ar=o,this.injector=i,this.ref=a,this.loadingService=r,this.id="I"+n.v4(),this.width="480px",this.editingChanged=new e.EventEmitter,p.set(this,void 0),this.isEditing=!1,this.isOpened=!1,this.isHover=!1,this.isLoading=!1,this.isMinium=!1,this.isFullscreen=!1,this.open=function(){c.ref.markForCheck(),c.isOpened=!0,m.default("#"+c.id).hasClass("c-minium")||setTimeout((function(){var t=m.default("#"+c.id).width();t>0&&m.default("#"+c.id).attr("data-width",t),m.default("#"+c.id).removeClass("c-closed")}),100),c.maxium()},this.close=function(){c.ref.markForCheck(),c.isOpened=!1,setTimeout((function(){m.default("#"+c.id).css({width:"0px",right:"0px"}).removeClass("c-minium").addClass("c-closed")}),100),c.stopLoading(),f(c,g).call(c)},this.minium=function(){c.ref.markForCheck(),c.isMinium=!0,f(c,g).call(c)},this.maxium=function(){c.ref.markForCheck(),c.isMinium=!1,f(c,g).call(c)},this.changeFullScreen=function(){c.ref.markForCheck(),c.isFullscreen=!c.isFullscreen,f(c,g).call(c)},g.set(this,(function(){setTimeout((function(){var t=8;m.default(".modal-custom").each((function(e,o){if(m.default(o).hasClass("c-minium"))m.default(o).css({width:"300px",right:t+"px"}),t+=308;else if(!m.default(o).hasClass("c-closed")){var n=parseInt(m.default(o).attr("data-width"),0);m.default(o).hasClass("c-fullscreen")?m.default(o).css({width:"calc(100% - 16px)",right:"8px"}):m.default(o).css({width:n+"px",right:t+"px"}),t+=n+8}}))}),100)})),this.startLoading=function(){c.isLoading=!0,c.loadingService.stop(),c.loadingService.start("#"+c.id)},this.stopLoading=function(){c.isLoading=!1,c.loadingService.stop()}}return t.prototype.ngAfterViewInit=function(){!function(t,e,o,n,i){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");"a"===n?i.call(t,o):i?i.value=o:e.set(t,o)}(this,p,new o.DomPortalOutlet(document.body,this.cfr,this.ar,this.injector).attachTemplatePortal(this.portal))},t.prototype.ngOnDestroy=function(){f(this,p).destroy()},t.prototype.toggleEditable=function(){this.isEditing=!this.isEditing,this.editingChanged.emit(this.isEditing)},t}();p=new WeakMap,g=new WeakMap,h.decorators=[{type:e.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\r\n    , \'c-minium\': isMinium, \'c-fullscreen\': isFullscreen}"\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ỏ">\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óng to">\r\n          <mat-icon>remove</mat-icon>\r\n        </button>\r\n        <button type="button" class="c-action--white" (click)="changeFullScreen()" *ngIf="!isFullscreen" mat-icon-button\r\n                title="Toàn màn hình">\r\n          <mat-icon>open_in_full</mat-icon>\r\n        </button>\r\n        <button type="button" class="c-action--white" (click)="changeFullScreen()" *ngIf="isFullscreen" mat-icon-button\r\n                title="Thoát toàn màn hình">\r\n          <mat-icon>fullscreen_exit</mat-icon>\r\n        </button>\r\n        <button type="button" class="c-action--white" (click)="close()" mat-icon-button title="Đóng">\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>\r\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[".text-black400{color:#757575}.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 button.c-action--white:focus{outline:none!important}.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!important;z-index:999!important}.modal-custom.c-minium .modal-custom__body,.modal-custom.c-minium .modal-custom__footer{display:none}.modal-custom.c-fullscreen{top:0;z-index:1000}.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}"]}]}],h.ctorParameters=function(){return[{type:e.ComponentFactoryResolver},{type:e.ApplicationRef},{type:e.Injector},{type:e.ChangeDetectorRef},{type:i.SdLoadingService}]},h.propDecorators={portal:[{type:e.ViewChild,args:[o.CdkPortal]}],editable:[{type:e.Input}],width:[{type:e.Input}],editingChanged:[{type:e.Output}]};var b=function(){};b.decorators=[{type:e.NgModule,args:[{imports:[r.CommonModule,c.MatIconModule,s.MatDialogModule,l.MatButtonModule,d.SdButtonModule,o.PortalModule],declarations:[h],exports:[h],providers:[]}]}],t.SdModalResizable=h,t.SdModalResizableModule=b,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=sd-angular-core-modal-resizable.umd.min.js.map

package/bundles/sd-angular-core-modal-resizable.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/modal-resizable/src/lib/modal-resizable/modal-resizable.component.ts","../../../../projects/sd-core/modal-resizable/src/lib/modal-resizable.module.ts"],"names":["Object","create","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","call","value","get","SdModalResizable","cfr","ar","injector","ref","loadingService","_this","this","id","uuid.v4","width","editingChanged","EventEmitter","_embeddedViewRef","set","isEditing","isOpened","isHover","isLoading","isMinium","open","markForCheck","$","hasClass","setTimeout","maxiumWidth","attr","removeClass","maxium","close","css","right","addClass","stopLoading","_drawMiniumBar","minium","totalRight","each","index","item","miniumWidth","parseInt","startLoading","stop","start","prototype","ngAfterViewInit","__classPrivateFieldSet","DomPortalOutlet","document","body","attachTemplatePortal","portal","ngOnDestroy","destroy","toggleEditable","emit","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","ComponentFactoryResolver","ApplicationRef","Injector","ChangeDetectorRef","SdLoadingService","ViewChild","CdkPortal","Input","Output","NgModule","imports","CommonModule","MatIconModule","MatDialogModule","MatButtonModule","SdButtonModule","PortalModule","declarations","exports","providers"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import {\r\n  Component,\r\n  ViewChild,\r\n  ComponentFactoryResolver,\r\n  ApplicationRef,\r\n  Injector,\r\n  EmbeddedViewRef,\r\n  AfterViewInit,\r\n  OnDestroy,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n} from '@angular/core';\r\nimport {CdkPortal, DomPortalOutlet} from '@angular/cdk/portal';\r\nimport * as uuid from 'uuid';\r\nimport {SdLoadingService} from '@sd-angular/core/loading';\r\nimport $ from 'jquery';\r\n\r\n@Component({\r\n  selector: 'sd-modal-resizable',\r\n  templateUrl: './modal-resizable.component.html',\r\n  styleUrls: ['./modal-resizable.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdModalResizable implements AfterViewInit, OnDestroy {\r\n  id = `I${uuid.v4()}`;\r\n  @ViewChild(CdkPortal) portal: CdkPortal;\r\n  @Input() editable: boolean;\r\n  @Input() width = '480px';\r\n  @Output() editingChanged = new EventEmitter<boolean>();\r\n  #embeddedViewRef: EmbeddedViewRef<any>;\r\n  isEditing = false;\r\n  isOpened = false;\r\n  isHover = false;\r\n  isLoading = false;\r\n  isMinium = false;\r\n\r\n  constructor(\r\n    private cfr: ComponentFactoryResolver,\r\n    private ar: ApplicationRef,\r\n    private injector: Injector,\r\n    private ref: ChangeDetectorRef,\r\n    private loadingService: SdLoadingService\r\n  ) {\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#embeddedViewRef = new DomPortalOutlet(\r\n      document.body,\r\n      this.cfr,\r\n      this.ar,\r\n      this.injector\r\n    ).attachTemplatePortal(this.portal);\r\n  }\r\n\r\n  open = () => {\r\n    this.ref.markForCheck();\r\n    this.isOpened = true;\r\n    // console.log('OPEN isMinium' + this.id, this.isMinium);\r\n\r\n    // tinh toan width maxium lần đầu khi không ở trạng thái minium\r\n    if (!$('#' + this.id).hasClass('c-minium')) {\r\n      setTimeout(() => {\r\n        const maxiumWidth = $('#' + this.id).width();\r\n        if (maxiumWidth > 0) {\r\n          $('#' + this.id).attr('data-width', maxiumWidth);\r\n        }\r\n        $('#' + this.id).removeClass('c-closed');\r\n      }, 100);\r\n    }\r\n\r\n    this.maxium();\r\n  }\r\n\r\n  close = () => {\r\n    this.ref.markForCheck();\r\n    this.isOpened = false;\r\n    setTimeout(() => {\r\n      $('#' + this.id).css({width: '0px', right: '0px'}).removeClass('c-minium').addClass('c-closed');\r\n    }, 100);\r\n    this.stopLoading();\r\n\r\n    this.#drawMiniumBar();\r\n  }\r\n\r\n  minium = () => {\r\n    this.ref.markForCheck();\r\n    this.isMinium = true;\r\n    // console.log('MINIUM isMinium' + this.id, this.isMinium);\r\n    this.#drawMiniumBar();\r\n  }\r\n\r\n  maxium = () => {\r\n    this.ref.markForCheck();\r\n    this.isMinium = false;\r\n    // console.log('MAXIUM isMinium' + this.id, this.isMinium);\r\n    this.#drawMiniumBar();\r\n  }\r\n\r\n  #drawMiniumBar = () => {\r\n    setTimeout(() => {\r\n      let totalRight = 8;\r\n      const miniumWidth = 300;\r\n      $('.modal-custom').each((index, item) => {\r\n        if ($(item).hasClass('c-minium')) {\r\n          $(item).css({width: 300 + 'px', right: totalRight + 'px'});\r\n          totalRight += miniumWidth + 8;\r\n        } else if (!$(item).hasClass('c-closed')) {\r\n          const maxiumWidth = parseInt($(item).attr('data-width'), 0);\r\n          if (maxiumWidth > 0) {\r\n            $(item).css({width: maxiumWidth + 'px', right: totalRight + 'px'});\r\n            totalRight += maxiumWidth + 8;\r\n          }\r\n        }\r\n\r\n      });\r\n    }, 100);\r\n\r\n  }\r\n\r\n  startLoading = () => {\r\n    this.isLoading = true;\r\n    this.loadingService.stop();\r\n    this.loadingService.start(`#${this.id}`);\r\n  }\r\n\r\n  stopLoading = () => {\r\n    this.isLoading = false;\r\n    this.loadingService.stop();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#embeddedViewRef.destroy();\r\n  }\r\n\r\n  toggleEditable() {\r\n    this.isEditing = !this.isEditing;\r\n    this.editingChanged.emit(this.isEditing);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\nimport { SdModalResizable } from './modal-resizable/modal-resizable.component';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    MatDialogModule,\r\n    MatButtonModule,\r\n    SdButtonModule,\r\n    PortalModule\r\n  ],\r\n  declarations: [\r\n    SdModalResizable\r\n  ],\r\n  exports: [\r\n    SdModalResizable\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdModalResizableModule {\r\n\r\n}\r\n"]}
+{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/modal-resizable/src/lib/modal-resizable/modal-resizable.component.ts","../../../../projects/sd-core/modal-resizable/src/lib/modal-resizable.module.ts"],"names":["Object","create","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","call","value","get","SdModalResizable","cfr","ar","injector","ref","loadingService","_this","this","id","uuid.v4","width","editingChanged","EventEmitter","_embeddedViewRef","set","isEditing","isOpened","isHover","isLoading","isMinium","isFullscreen","open","markForCheck","$","hasClass","setTimeout","maxiumWidth","attr","removeClass","maxium","close","css","right","addClass","stopLoading","_drawMiniumBar","minium","changeFullScreen","totalRight","each","index","item","miniumWidth","parseInt","startLoading","stop","start","prototype","ngAfterViewInit","__classPrivateFieldSet","DomPortalOutlet","document","body","attachTemplatePortal","portal","ngOnDestroy","destroy","toggleEditable","emit","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","ComponentFactoryResolver","ApplicationRef","Injector","ChangeDetectorRef","SdLoadingService","ViewChild","CdkPortal","Input","Output","NgModule","imports","CommonModule","MatIconModule","MatDialogModule","MatButtonModule","SdButtonModule","PortalModule","declarations","exports","providers"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import {\r\n  Component,\r\n  ViewChild,\r\n  ComponentFactoryResolver,\r\n  ApplicationRef,\r\n  Injector,\r\n  EmbeddedViewRef,\r\n  AfterViewInit,\r\n  OnDestroy,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n} from '@angular/core';\r\nimport {CdkPortal, DomPortalOutlet} from '@angular/cdk/portal';\r\nimport * as uuid from 'uuid';\r\nimport {SdLoadingService} from '@sd-angular/core/loading';\r\nimport $ from 'jquery';\r\n\r\n@Component({\r\n  selector: 'sd-modal-resizable',\r\n  templateUrl: './modal-resizable.component.html',\r\n  styleUrls: ['./modal-resizable.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdModalResizable implements AfterViewInit, OnDestroy {\r\n  id = `I${uuid.v4()}`;\r\n  @ViewChild(CdkPortal) portal: CdkPortal;\r\n  @Input() editable: boolean;\r\n  @Input() width = '480px';\r\n  @Output() editingChanged = new EventEmitter<boolean>();\r\n  #embeddedViewRef: EmbeddedViewRef<any>;\r\n  isEditing = false;\r\n  isOpened = false;\r\n  isHover = false;\r\n  isLoading = false;\r\n  isMinium = false;\r\n  isFullscreen = false;\r\n\r\n  constructor(\r\n    private cfr: ComponentFactoryResolver,\r\n    private ar: ApplicationRef,\r\n    private injector: Injector,\r\n    private ref: ChangeDetectorRef,\r\n    private loadingService: SdLoadingService\r\n  ) {\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#embeddedViewRef = new DomPortalOutlet(\r\n      document.body,\r\n      this.cfr,\r\n      this.ar,\r\n      this.injector\r\n    ).attachTemplatePortal(this.portal);\r\n  }\r\n\r\n  open = () => {\r\n    this.ref.markForCheck();\r\n    this.isOpened = true;\r\n    // console.log('OPEN isMinium' + this.id, this.isMinium);\r\n\r\n    // tinh toan width maxium lần đầu khi không ở trạng thái minium\r\n    if (!$('#' + this.id).hasClass('c-minium')) {\r\n      setTimeout(() => {\r\n        const maxiumWidth = $('#' + this.id).width();\r\n        if (maxiumWidth > 0) {\r\n          $('#' + this.id).attr('data-width', maxiumWidth);\r\n        }\r\n        $('#' + this.id).removeClass('c-closed');\r\n      }, 100);\r\n    }\r\n\r\n    this.maxium();\r\n  }\r\n\r\n  close = () => {\r\n    this.ref.markForCheck();\r\n    this.isOpened = false;\r\n    setTimeout(() => {\r\n      $('#' + this.id).css({width: '0px', right: '0px'}).removeClass('c-minium').addClass('c-closed');\r\n    }, 100);\r\n    this.stopLoading();\r\n\r\n    this.#drawMiniumBar();\r\n  }\r\n\r\n  minium = () => {\r\n    this.ref.markForCheck();\r\n    this.isMinium = true;\r\n    // console.log('MINIUM isMinium' + this.id, this.isMinium);\r\n    this.#drawMiniumBar();\r\n  }\r\n\r\n  maxium = () => {\r\n    this.ref.markForCheck();\r\n    this.isMinium = false;\r\n    // console.log('MAXIUM isMinium' + this.id, this.isMinium);\r\n    this.#drawMiniumBar();\r\n  }\r\n\r\n  changeFullScreen = () => {\r\n    this.ref.markForCheck();\r\n    this.isFullscreen = !this.isFullscreen;\r\n    this.#drawMiniumBar();\r\n  }\r\n\r\n  #drawMiniumBar = () => {\r\n    setTimeout(() => {\r\n      let totalRight = 8;\r\n      const miniumWidth = 300;\r\n      $('.modal-custom').each((index, item) => {\r\n        if ($(item).hasClass('c-minium')) {\r\n          $(item).css({width: miniumWidth + 'px', right: totalRight + 'px'});\r\n          totalRight += miniumWidth + 8;\r\n        } else if (!$(item).hasClass('c-closed')) {\r\n          const maxiumWidth = parseInt($(item).attr('data-width'), 0);\r\n          if ($(item).hasClass('c-fullscreen')) {\r\n            $(item).css({width: 'calc(100% - 16px)', right: '8px'});\r\n          } else {\r\n            $(item).css({width: maxiumWidth + 'px', right: totalRight + 'px'});\r\n          }\r\n          totalRight += maxiumWidth + 8;\r\n        }\r\n\r\n      });\r\n    }, 100);\r\n\r\n  }\r\n\r\n  startLoading = () => {\r\n    this.isLoading = true;\r\n    this.loadingService.stop();\r\n    this.loadingService.start(`#${this.id}`);\r\n  }\r\n\r\n  stopLoading = () => {\r\n    this.isLoading = false;\r\n    this.loadingService.stop();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#embeddedViewRef.destroy();\r\n  }\r\n\r\n  toggleEditable() {\r\n    this.isEditing = !this.isEditing;\r\n    this.editingChanged.emit(this.isEditing);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\nimport { SdModalResizable } from './modal-resizable/modal-resizable.component';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    MatDialogModule,\r\n    MatButtonModule,\r\n    SdButtonModule,\r\n    PortalModule\r\n  ],\r\n  declarations: [\r\n    SdModalResizable\r\n  ],\r\n  exports: [\r\n    SdModalResizable\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdModalResizableModule {\r\n\r\n}\r\n"]}

package/esm2015/image-preview/sd-angular-core-image-preview.js

@@ -2,6 +2,7 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-export { ImagePreviewDirective as ɵb } from './src/lib/directives/image-preview.directive';
+export { ImagePreviewDirective as ɵc } from './src/lib/directives/image-preview.directive';
+export { ImagePreviewSdmodalComponent as ɵb } from './src/lib/image-preview/image-preview-sdmodal.component';
 export { ImagePreviewComponent as ɵa } from './src/lib/image-preview/image-preview.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2QtYW5ndWxhci1jb3JlLWltYWdlLXByZXZpZXcuanMiLCJzb3VyY2VSb290IjoiQzovVXNlcnMvbmdoaWF0dDE1X29uZW1vdW50L0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL2ltYWdlLXByZXZpZXcvIiwic291cmNlcyI6WyJzZC1hbmd1bGFyLWNvcmUtaW1hZ2UtcHJldmlldy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDO0FBRXhCLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsTUFBTSw4Q0FBOEMsQ0FBQztBQUN6RixPQUFPLEVBQUMscUJBQXFCLElBQUksRUFBRSxFQUFDLE1BQU0saURBQWlELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuXG5leHBvcnQge0ltYWdlUHJldmlld0RpcmVjdGl2ZSBhcyDJtWJ9IGZyb20gJy4vc3JjL2xpYi9kaXJlY3RpdmVzL2ltYWdlLXByZXZpZXcuZGlyZWN0aXZlJztcbmV4cG9ydCB7SW1hZ2VQcmV2aWV3Q29tcG9uZW50IGFzIMm1YX0gZnJvbSAnLi9zcmMvbGliL2ltYWdlLXByZXZpZXcvaW1hZ2UtcHJldmlldy5jb21wb25lbnQnOyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2QtYW5ndWxhci1jb3JlLWltYWdlLXByZXZpZXcuanMiLCJzb3VyY2VSb290IjoiQzovVXNlcnMvbmdoaWF0dDE1X29uZW1vdW50L0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL2ltYWdlLXByZXZpZXcvIiwic291cmNlcyI6WyJzZC1hbmd1bGFyLWNvcmUtaW1hZ2UtcHJldmlldy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDO0FBRXhCLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsTUFBTSw4Q0FBOEMsQ0FBQztBQUN6RixPQUFPLEVBQUMsNEJBQTRCLElBQUksRUFBRSxFQUFDLE1BQU0seURBQXlELENBQUM7QUFDM0csT0FBTyxFQUFDLHFCQUFxQixJQUFJLEVBQUUsRUFBQyxNQUFNLGlEQUFpRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcblxuZXhwb3J0IHtJbWFnZVByZXZpZXdEaXJlY3RpdmUgYXMgybVjfSBmcm9tICcuL3NyYy9saWIvZGlyZWN0aXZlcy9pbWFnZS1wcmV2aWV3LmRpcmVjdGl2ZSc7XG5leHBvcnQge0ltYWdlUHJldmlld1NkbW9kYWxDb21wb25lbnQgYXMgybVifSBmcm9tICcuL3NyYy9saWIvaW1hZ2UtcHJldmlldy9pbWFnZS1wcmV2aWV3LXNkbW9kYWwuY29tcG9uZW50JztcbmV4cG9ydCB7SW1hZ2VQcmV2aWV3Q29tcG9uZW50IGFzIMm1YX0gZnJvbSAnLi9zcmMvbGliL2ltYWdlLXByZXZpZXcvaW1hZ2UtcHJldmlldy5jb21wb25lbnQnOyJdfQ==

package/esm2015/image-preview/src/lib/image-preview/image-preview-sdmodal.component.js

@@ -0,0 +1,92 @@
+var _initImageSlideShowBox;
+import { Component, Inject, ViewChild } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import * as $ from 'jquery';
+import { SdModal } from '@sd-angular/core/modal';
+export class ImagePreviewSdmodalComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.imageList = [];
+        this.imageOrgWidthList = [];
+        this.imageListTotal = 0;
+        this.imageCurrent = '';
+        this.imageCurrentIndex = 0;
+        this.imageCurrentPercent = 100;
+        this.imageCurrentWidth = 0;
+        _initImageSlideShowBox.set(this, () => {
+            setTimeout(() => {
+                this.imageList = [];
+                this.imageOrgWidthList = [];
+                $('img[alt=c-image-editor-quill]').each((index, obj) => {
+                    $(obj).parent('a').addClass('c-image-editor-quill-box');
+                    $(obj).parent('a').click((e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        const currentImg = $(e.currentTarget).children('img');
+                        this.imageCurrent = $(currentImg).attr('src');
+                        this.imageCurrentIndex = this.imageList.findIndex(t => t === this.imageCurrent);
+                        this.imageCurrentPercent = 100;
+                        // @ts-ignore
+                        this.imageCurrentWidth = $(currentImg)[0].naturalWidth;
+                        this.popup.open();
+                    });
+                    this.imageList.push($(obj).attr('src'));
+                    // @ts-ignore
+                    this.imageOrgWidthList.push($(obj)[0].naturalWidth);
+                    this.imageListTotal = this.imageList.length;
+                });
+            }, 100);
+        });
+        this.imageGalleryBoxPrev = () => {
+            if (this.imageCurrentIndex > 0) {
+                this.imageCurrentIndex--;
+                this.imageCurrent = this.imageList[this.imageCurrentIndex];
+                this.imageGalleryBoxCalculateWidth();
+            }
+        };
+        this.imageGalleryBoxNext = () => {
+            if (this.imageCurrentIndex < this.imageList.length - 1) {
+                this.imageCurrentIndex++;
+                this.imageCurrent = this.imageList[this.imageCurrentIndex];
+                this.imageGalleryBoxCalculateWidth();
+            }
+        };
+        this.imageGalleryBoxZoomIn = () => {
+            if (this.imageCurrentPercent < 200) {
+                this.imageCurrentPercent += 10;
+                this.imageGalleryBoxCalculateWidth();
+            }
+        };
+        this.imageGalleryBoxZoomOut = () => {
+            if (this.imageCurrentPercent > 10) {
+                this.imageCurrentPercent -= 10;
+                this.imageGalleryBoxCalculateWidth();
+            }
+        };
+        this.imageGalleryBoxCalculateWidth = () => {
+            const orgWidth = this.imageOrgWidthList[this.imageCurrentIndex];
+            this.imageCurrentWidth = this.imageCurrentPercent * orgWidth / 100.0;
+        };
+    }
+    ngOnInit() {
+        // tslint:disable-next-line:max-line-length
+        // this.currentImageUrl = typeof this.data.currentImage === 'string' ? this.data.currentImage : this.data.currentImage.previewSrc || this.data.currentImage.src;
+    }
+}
+_initImageSlideShowBox = new WeakMap();
+ImagePreviewSdmodalComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-image-preview-2',
+                template: "<sd-modal [title]=\"' '\" width=\"90%\" #popup>\r\n  <sd-modal-body>\r\n    <div class=\"c-image-gallery-box\">\r\n      <div class=\"c-content-scroll\">\r\n        <div class=\"c-content\">\r\n          <div class=\"c-content-cell\">\r\n            <img src=\"{{imageCurrent}}\" style=\"width: {{imageCurrentWidth}}px\"/>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"c-toolbar\">\r\n        <mat-icon (click)=\"imageGalleryBoxZoomOut()\">zoom_out</mat-icon>\r\n        <span><b>{{imageCurrentPercent}}%</b></span>\r\n        <mat-icon (click)=\"imageGalleryBoxZoomIn()\">zoom_in</mat-icon>\r\n        <span>&nbsp;</span>\r\n        <mat-icon (click)=\"imageGalleryBoxPrev()\">navigate_before</mat-icon>\r\n        <span><b>{{(imageCurrentIndex + 1)}} / {{imageListTotal}}</b></span>\r\n        <mat-icon (click)=\"imageGalleryBoxNext()\">navigate_next</mat-icon>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </sd-modal-body>\r\n</sd-modal>\r\n",
+                styles: [".c-image-gallery-box{background:rgba(0,0,0,.54);position:relative}.c-image-gallery-box .c-content-scroll{height:79vh;overflow:auto;width:100%}.c-image-gallery-box .c-content-scroll .c-content{display:table;height:100%;width:100%}.c-image-gallery-box .c-content-scroll .c-content .c-content-cell{display:table-cell;text-align:center;vertical-align:middle}.c-image-gallery-box .c-toolbar{-moz-user-select:none;-webkit-user-select:none;background:rgba(0,0,0,.5);border-radius:4px;bottom:18px;color:#eee;left:0;margin-left:auto;margin-right:auto;padding-top:8px;position:absolute;right:0;text-align:center;user-select:none;width:250px}.c-image-gallery-box .c-toolbar span{margin:0 4px;vertical-align:top}.c-image-gallery-box .c-toolbar mat-icon{cursor:pointer;margin:0 4px}"]
+            },] }
+];
+ImagePreviewSdmodalComponent.ctorParameters = () => [
+    { type: MatDialogRef },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
+];
+ImagePreviewSdmodalComponent.propDecorators = {
+    popup: [{ type: ViewChild, args: [SdModal,] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtcHJldmlldy1zZG1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTVfb25lbW91bnQvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvaW1hZ2UtcHJldmlldy8iLCJzb3VyY2VzIjpbInNyYy9saWIvaW1hZ2UtcHJldmlldy9pbWFnZS1wcmV2aWV3LXNkbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBVSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUV6RSxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQUM1QixPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFZL0MsTUFBTSxPQUFPLDRCQUE0QjtJQVV2QyxZQUNTLFNBQXFELEVBQzVCLElBQVU7UUFEbkMsY0FBUyxHQUFULFNBQVMsQ0FBNEM7UUFDNUIsU0FBSSxHQUFKLElBQUksQ0FBTTtRQVY1QyxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBQ2Ysc0JBQWlCLEdBQUcsRUFBRSxDQUFDO1FBQ3ZCLG1CQUFjLEdBQUcsQ0FBQyxDQUFDO1FBQ25CLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLHNCQUFpQixHQUFHLENBQUMsQ0FBQztRQUN0Qix3QkFBbUIsR0FBRyxHQUFHLENBQUM7UUFDMUIsc0JBQWlCLEdBQUcsQ0FBQyxDQUFDO1FBWXRCLGlDQUF5QixHQUFHLEVBQUU7WUFDNUIsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztnQkFDcEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztnQkFDNUIsQ0FBQyxDQUFDLCtCQUErQixDQUFDLENBQUMsSUFBSSxD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QyxtQkFBbUIsSUFBSSxFQUFFLENBQUM7Z0JBQy9CLElBQUksQ0FBQyw2QkFBNkIsRUFBRSxDQUFDO2FBQ3RDO1FBQ0gsQ0FBQyxDQUFBO1FBQ0Qsa0NBQTZCLEdBQUcsR0FBRyxFQUFFO1lBQ25DLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztZQUNoRSxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixHQUFHLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdkUsQ0FBQyxDQUFBO0lBOURHLENBQUM7SUFFTCxRQUFRO1FBQ04sMkNBQTJDO1FBQzNDLGdLQUFnSztJQUNsSyxDQUFDOzs7O1lBdkJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5Qiw2OUJBQXFEOzthQUV0RDs7O1lBZFEsWUFBWTs0Q0EyQmhCLE1BQU0sU0FBQyxlQUFlOzs7b0JBWHhCLFNBQVMsU0FBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT25Jbml0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXREaWFsb2dSZWYsIE1BVF9ESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcbmltcG9ydCB7IEltYWdlUHJldmlldyB9IGZyb20gJy4uL21vZGVscy9pbWFnZS1wcmV2aWV3Lm1vZGVsJztcclxuaW1wb3J0ICogYXMgJCBmcm9tICdqcXVlcnknO1xyXG5pbXBvcnQge1NkTW9kYWx9IGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvbW9kYWwnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBEYXRhIHtcclxuICBjdXJyZW50SW1hZ2U6IFBhcnRpYWw8SW1hZ2VQcmV2aWV3PiB8IHN0cmluZztcclxuICBpbWFnZXM6IEFycmF5PFBhcnRpYWw8SW1hZ2VQcmV2aWV3Pj47XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2QtaW1hZ2UtcHJldmlldy0yJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UtcHJldmlldy1zZG1vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS1wcmV2aWV3LXNkbW9kYWwuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSW1hZ2VQcmV2aWV3U2Rtb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQFZpZXdDaGlsZChTZE1vZGFsKSBwb3B1cDogU2RNb2RhbDtcclxuICBpbWFnZUxpc3QgPSBbXTtcclxuICBpbWFnZU9yZ1dpZHRoTGlzdCA9IFtdO1xyXG4gIGltYWdlTGlzdFRvdGFsID0gMDtcclxuICBpbWFnZUN1cnJlbnQgPSAnJztcclxuICBpbWFnZUN1cnJlbnRJbmRleCA9IDA7XHJcbiAgaW1hZ2VDdXJyZW50UGVyY2VudCA9IDEwMDtcclxuICBpbWFnZUN1cnJlbnRXaWR0aCA9IDA7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEltYWdlUHJldmlld1NkbW9kYWxDb21wb25lbnQ+LFxyXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBEYXRhXHJcbiAgKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bWF4LWxpbmUtbGVuZ3RoXHJcbiAgICAvLyB0aGlzLmN1cnJlbnRJbWFnZVVybCA9IHR5cGVvZiB0aGlzLmRhdGEuY3VycmVudEltYWdlID09PSAnc3RyaW5nJyA/IHRoaXMuZGF0YS5jdXJyZW50SW1hZ2UgOiB0aGlzLmRhdGEuY3VycmVudEltYWdlLnByZXZpZXdTcmMgfHwgdGhpcy5kYXRhLmN1cnJlbnRJbWFnZS5zcmM7XHJcbiAgfVxyXG5cclxuICAjaW5pdEltYWdlU2xpZGVTaG93Qm94ID0gKCkgPT4ge1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuaW1hZ2VMaXN0ID0gW107XHJcbiAgICAgIHRoaXMuaW1hZ2VPcmdXaWR0aExpc3QgPSBbXTtcclxuICAgICAgJCgnaW1nW2FsdD1jLWltYWdlLWVkaXRvci1xdWlsbF0nKS5lYWNoKChpbmRleCwgb2JqKSA9PiB7XHJcbiAgICAgICAgJChvYmopLnBhcmVudCgnYScpLmFkZENsYXNzKCdjLWltYWdlLWVkaXRvci1xdWlsbC1ib3gnKTtcclxuICAgICAgICAkKG9iaikucGFyZW50KCdhJykuY2xpY2soKGUpID0+IHtcclxuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICAgICAgICBjb25zdCBjdXJyZW50SW1nID0gJChlLmN1cnJlbnRUYXJnZXQpLmNoaWxkcmVuKCdpbWcnKTtcclxuICAgICAgICAgIHRoaXMuaW1hZ2VDdXJyZW50ID0gJChjdXJyZW50SW1nKS5hdHRyKCdzcmMnKTtcclxuICAgICAgICAgIHRoaXMuaW1hZ2VDdXJyZW50SW5kZXggPSB0aGlzLmltYWdlTGlzdC5maW5kSW5kZXgodCA9PiB0ID09PSB0aGlzLmltYWdlQ3VycmVudCk7XHJcbiAgICAgICAgICB0aGlzLmltYWdlQ3VycmVudFBlcmNlbnQgPSAxMDA7XHJcbiAgICAgICAgICAvLyBAdHMtaWdub3JlXHJcbiAgICAgICAgICB0aGlzLmltYWdlQ3VycmVudFdpZHRoID0gJChjdXJyZW50SW1nKVswXS5uYXR1cmFsV2lkdGg7XHJcbiAgICAgICAgICB0aGlzLnBvcHVwLm9wZW4oKTtcclxuICAgICAgICB9KTtcclxuICAgICAgICB0aGlzLmltYWdlTGlzdC5wdXNoKCQob2JqKS5hdHRyKCdzcmMnKSk7XHJcbiAgICAgICAgLy8gQHRzLWlnbm9yZVxyXG4gICAgICAgIHRoaXMuaW1hZ2VPcmdXaWR0aExpc3QucHVzaCgkKG9iailbMF0ubmF0dXJhbFdpZHRoKTtcclxuICAgICAgICB0aGlzLmltYWdlTGlzdFRvdGFsID0gdGhpcy5pbWFnZUxpc3QubGVuZ3RoO1xyXG4gICAgICB9KTtcclxuICAgIH0sIDEwMCk7XHJcblxyXG4gIH1cclxuXHJcbiAgaW1hZ2VHYWxsZXJ5Qm94UHJldiA9ICgpID0+IHtcclxuICAgIGlmICh0aGlzLmltYWdlQ3VycmVudEluZGV4ID4gMCkge1xyXG4gICAgICB0aGlzLmltYWdlQ3VycmVudEluZGV4LS07XHJcbiAgICAgIHRoaXMuaW1hZ2VDdXJyZW50ID0gdGhpcy5pbWFnZUxpc3RbdGhpcy5pbWFnZUN1cnJlbnRJbmRleF07XHJcbiAgICAgIHRoaXMuaW1hZ2VHYWxsZXJ5Qm94Q2FsY3VsYXRlV2lkdGgoKTtcclxuICAgIH1cclxuICB9XHJcbiAgaW1hZ2VHYWxsZXJ5Qm94TmV4dCA9ICgpID0+IHtcclxuICAgIGlmICh0aGlzLmltYWdlQ3VycmVudEluZGV4IDwgdGhpcy5pbWFnZUxpc3QubGVuZ3RoIC0gMSkge1xyXG4gICAgICB0aGlzLmltYWdlQ3VycmVudEluZGV4Kys7XHJcbiAgICAgIHRoaXMuaW1hZ2VDdXJyZW50ID0gdGhpcy5pbWFnZUxpc3RbdGhpcy5pbWFnZUN1cnJlbnRJbmRleF07XHJcbiAgICAgIHRoaXMuaW1hZ2VHYWxsZXJ5Qm94Q2FsY3VsYXRlV2lkdGgoKTtcclxuICAgIH1cclxuICB9XHJcbiAgaW1hZ2VHYWxsZXJ5Qm94Wm9vbUluID0gKCkgPT4ge1xyXG4gICAgaWYgKHRoaXMuaW1hZ2VDdXJyZW50UGVyY2VudCA8IDIwMCkge1xyXG4gICAgICB0aGlzLmltYWdlQ3VycmVudFBlcmNlbnQgKz0gMTA7XHJcbiAgICAgIHRoaXMuaW1hZ2VHYWxsZXJ5Qm94Q2FsY3VsYXRlV2lkdGgoKTtcclxuICAgIH1cclxuICB9XHJcbiAgaW1hZ2VHYWxsZXJ5Qm94Wm9vbU91dCA9ICgpID0+IHtcclxuICAgIGlmICh0aGlzLmltYWdlQ3VycmVudFBlcmNlbnQgPiAxMCkge1xyXG4gICAgICB0aGlzLmltYWdlQ3VycmVudFBlcmNlbnQgLT0gMTA7XHJcbiAgICAgIHRoaXMuaW1hZ2VHYWxsZXJ5Qm94Q2FsY3VsYXRlV2lkdGgoKTtcclxuICAgIH1cclxuICB9XHJcbiAgaW1hZ2VHYWxsZXJ5Qm94Q2FsY3VsYXRlV2lkdGggPSAoKSA9PiB7XHJcbiAgICBjb25zdCBvcmdXaWR0aCA9IHRoaXMuaW1hZ2VPcmdXaWR0aExpc3RbdGhpcy5pbWFnZUN1cnJlbnRJbmRleF07XHJcbiAgICB0aGlzLmltYWdlQ3VycmVudFdpZHRoID0gdGhpcy5pbWFnZUN1cnJlbnRQZXJjZW50ICogb3JnV2lkdGggLyAxMDAuMDtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==

package/esm2015/image-preview/src/lib/image-preview/image-preview.module.js

@@ -4,18 +4,21 @@ import { ImagePreviewComponent } from './image-preview.component';
 import { ImagePreviewDirective } from '../directives/image-preview.directive';
 import { MatDialogModule } from '@angular/material/dialog';
 import { MatIconModule } from '@angular/material/icon';
+import { ImagePreviewSdmodalComponent } from './image-preview-sdmodal.component';
+import { SdModalModule } from '@sd-angular/core/modal';
 export class SdImagePreviewModule {
 }
 SdImagePreviewModule.decorators = [
     { type: NgModule, args: [{
-                declarations: [ImagePreviewComponent, ImagePreviewDirective],
+                declarations: [ImagePreviewComponent, ImagePreviewSdmodalComponent, ImagePreviewDirective],
                 exports: [ImagePreviewDirective],
                 imports: [
                     CommonModule,
                     MatDialogModule,
-                    MatIconModule
+                    MatIconModule,
+                    SdModalModule
                 ],
                 entryComponents: [ImagePreviewComponent]
             },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtcHJldmlldy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiQzovVXNlcnMvbmdoaWF0dDE1X29uZW1vdW50L0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL2ltYWdlLXByZXZpZXcvIiwic291cmNlcyI6WyJzcmMvbGliL2ltYWdlLXByZXZpZXcvaW1hZ2UtcHJldmlldy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQWF2RCxNQUFNLE9BQU8sb0JBQW9COzs7WUFWaEMsUUFBUSxTQUFDO2dCQUNSLFlBQVksRUFBRSxDQUFDLHFCQUFxQixFQUFFLHFCQUFxQixDQUFDO2dCQUM1RCxPQUFPLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztnQkFDaEMsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osZUFBZTtvQkFDZixhQUFhO2lCQUNkO2dCQUNELGVBQWUsRUFBRSxDQUFDLHFCQUFxQixDQUFDO2FBQ3pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgSW1hZ2VQcmV2aWV3Q29tcG9uZW50IH0gZnJvbSAnLi9pbWFnZS1wcmV2aWV3LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEltYWdlUHJldmlld0RpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvaW1hZ2UtcHJldmlldy5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBNYXREaWFsb2dNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtJbWFnZVByZXZpZXdDb21wb25lbnQsIEltYWdlUHJldmlld0RpcmVjdGl2ZV0sXHJcbiAgZXhwb3J0czogW0ltYWdlUHJldmlld0RpcmVjdGl2ZV0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0RGlhbG9nTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZVxyXG4gIF0sXHJcbiAgZW50cnlDb21wb25lbnRzOiBbSW1hZ2VQcmV2aWV3Q29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RJbWFnZVByZXZpZXdNb2R1bGUgeyB9XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtcHJldmlldy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiQzovVXNlcnMvbmdoaWF0dDE1X29uZW1vdW50L0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL2ltYWdlLXByZXZpZXcvIiwic291cmNlcyI6WyJzcmMvbGliL2ltYWdlLXByZXZpZXcvaW1hZ2UtcHJldmlldy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUMsNEJBQTRCLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUMvRSxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFhckQsTUFBTSxPQUFPLG9CQUFvQjs7O1lBWGhDLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSw0QkFBNEIsRUFBRSxxQkFBcUIsQ0FBQztnQkFDMUYsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7Z0JBQ2hDLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLGVBQWU7b0JBQ2YsYUFBYTtvQkFDYixhQUFhO2lCQUNkO2dCQUNELGVBQWUsRUFBRSxDQUFDLHFCQUFxQixDQUFDO2FBQ3pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgSW1hZ2VQcmV2aWV3Q29tcG9uZW50IH0gZnJvbSAnLi9pbWFnZS1wcmV2aWV3LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEltYWdlUHJldmlld0RpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvaW1hZ2UtcHJldmlldy5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBNYXREaWFsb2dNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7SW1hZ2VQcmV2aWV3U2Rtb2RhbENvbXBvbmVudH0gZnJvbSAnLi9pbWFnZS1wcmV2aWV3LXNkbW9kYWwuY29tcG9uZW50JztcclxuaW1wb3J0IHtTZE1vZGFsTW9kdWxlfSBmcm9tICdAc2QtYW5ndWxhci9jb3JlL21vZGFsJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbSW1hZ2VQcmV2aWV3Q29tcG9uZW50LCBJbWFnZVByZXZpZXdTZG1vZGFsQ29tcG9uZW50LCBJbWFnZVByZXZpZXdEaXJlY3RpdmVdLFxyXG4gIGV4cG9ydHM6IFtJbWFnZVByZXZpZXdEaXJlY3RpdmVdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE1hdERpYWxvZ01vZHVsZSxcclxuICAgIE1hdEljb25Nb2R1bGUsXHJcbiAgICBTZE1vZGFsTW9kdWxlXHJcbiAgXSxcclxuICBlbnRyeUNvbXBvbmVudHM6IFtJbWFnZVByZXZpZXdDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZEltYWdlUHJldmlld01vZHVsZSB7IH1cclxuIl19

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

@@ -21,6 +21,7 @@ export class SdModalResizable {
         this.isHover = false;
         this.isLoading = false;
         this.isMinium = false;
+        this.isFullscreen = false;
         this.open = () => {
             this.ref.markForCheck();
             this.isOpened = true;
@@ -58,21 +59,29 @@ export class SdModalResizable {
             // console.log('MAXIUM isMinium' + this.id, this.isMinium);
             __classPrivateFieldGet(this, _drawMiniumBar).call(this);
         };
+        this.changeFullScreen = () => {
+            this.ref.markForCheck();
+            this.isFullscreen = !this.isFullscreen;
+            __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' });
+                        $(item).css({ width: miniumWidth + 'px', right: totalRight + 'px' });
                         totalRight += miniumWidth + 8;
                     }
                     else if (!$(item).hasClass('c-closed')) {
                         const maxiumWidth = parseInt($(item).attr('data-width'), 0);
-                        if (maxiumWidth > 0) {
+                        if ($(item).hasClass('c-fullscreen')) {
+                            $(item).css({ width: 'calc(100% - 16px)', right: '8px' });
+                        }
+                        else {
                             $(item).css({ width: maxiumWidth + 'px', right: totalRight + 'px' });
-                            totalRight += maxiumWidth + 8;
                         }
+                        totalRight += maxiumWidth + 8;
                     }
                 });
             }, 100);
@@ -102,9 +111,9 @@ _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>",
+                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\r\n    , 'c-minium': isMinium, 'c-fullscreen': isFullscreen}\"\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)=\"changeFullScreen()\" *ngIf=\"!isFullscreen\" mat-icon-button\r\n                title=\"To\u00E0n m\u00E0n h\u00ECnh\">\r\n          <mat-icon>open_in_full</mat-icon>\r\n        </button>\r\n        <button type=\"button\" class=\"c-action--white\" (click)=\"changeFullScreen()\" *ngIf=\"isFullscreen\" mat-icon-button\r\n                title=\"Tho\u00E1t to\u00E0n m\u00E0n h\u00ECnh\">\r\n          <mat-icon>fullscreen_exit</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>\r\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".text-black400{color:#757575}.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 button.c-action--white:focus{outline:none!important}.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}"]
+                styles: [".text-black400{color:#757575}.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 button.c-action--white:focus{outline:none!important}.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!important;z-index:999!important}.modal-custom.c-minium .modal-custom__body,.modal-custom.c-minium .modal-custom__footer{display:none}.modal-custom.c-fullscreen{top:0;z-index:1000}.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 = () => [
@@ -120,4 +129,4 @@ SdModalResizable.propDecorators = {
     width: [{ type: Input }],
     editingChanged: [{ type: Output }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtcmVzaXphYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTVfb25lbW91bnQvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvbW9kYWwtcmVzaXphYmxlLyIsInNvdXJjZXMiOlsic3JjL2xpYi9tb2RhbC1yZXNpemFibGUvbW9kYWwtcmVzaXphYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsU0FBUyxFQUNULHdCQUF3QixFQUN4QixjQUFjLEVBQ2QsUUFBUSxFQUlSLEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNaLHVCQUF1QixFQUN2QixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFNBQVMsRUFBRSxlQUFlLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUMvRCxPQUFPLEtBQUssSUFBSSxNQUFNLE1BQU0sQ0FBQztBQUM3QixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLENBQUMsTUFBTSxRQUFRLENBQUM7QUFRdkIsTUFBTSxPQUFPLGdCQUFnQjtJQWEzQixZQUNVLEdBQTZCLEVBQzdCLEVBQWtCLEVBQ2xCLFFBQWtCLEVBQ2xCLEdBQXNCLEVBQ3RCLGNBQWdDO1FBSmhDLFFBQUcsR0FBSCxHQUFHLENBQTBCO1FBQzdCLE9BQUUsR0FBRixFQUFFLENBQWdCO1FBQ2xCLGFBQVEsR0FBUixRQUFRLENBQVU7UUFDbEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsbUJBQWMsR0FBZCxjQUFjLENBQWtCO1FBakIxQyxPQUFFLEdBQUcsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQztRQUdaLFVBQUssR0FBRyxPQUFPLENBQUM7UUFDZixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFDdkQsbUNBQXVDO1FBQ3ZD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RUFBRSxFQUNQLElBQUksQ0FBQyxRQUFRLENBQ2QsQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUM7SUFDdEMsQ0FBQztJQThFRCxXQUFXO1FBQ1QsK0NBQXNCLE9BQU8sRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDakMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzNDLENBQUM7Ozs7WUF4SEYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLCtoREFBK0M7Z0JBRS9DLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7O1lBdEJDLHdCQUF3QjtZQUN4QixjQUFjO1lBQ2QsUUFBUTtZQVFSLGlCQUFpQjtZQUlYLGdCQUFnQjs7O3FCQVdyQixTQUFTLFNBQUMsU0FBUzt1QkFDbkIsS0FBSztvQkFDTCxLQUFLOzZCQUNMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBWaWV3Q2hpbGQsXHJcbiAgQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxyXG4gIEFwcGxpY2F0aW9uUmVmLFxyXG4gIEluamVjdG9yLFxyXG4gIEVtYmVkZGVkVmlld1JlZixcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIE9uRGVzdHJveSxcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0Nka1BvcnRhbCwgRG9tUG9ydGFsT3V0bGV0fSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcclxuaW1wb3J0ICogYXMgdXVpZCBmcm9tICd1dWlkJztcclxuaW1wb3J0IHtTZExvYWRpbmdTZXJ2aWNlfSBmcm9tICdAc2QtYW5ndWxhci9jb3JlL2xvYWRpbmcnO1xyXG5pbXBvcnQgJCBmcm9tICdqcXVlcnknO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZC1tb2RhbC1yZXNpemFibGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1yZXNpemFibGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL21vZGFsLXJlc2l6YWJsZS5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZE1vZGFsUmVzaXphYmxlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcclxuICBpZCA9IGBJJHt1dWlkLnY0KCl9YDtcclxuICBAVmlld0NoaWxkKENka1BvcnRhbCkgcG9ydGFsOiBDZGtQb3J0YWw7XHJcbiAgQElucHV0KCkgZWRpdGFibGU6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgd2lkdGggPSAnNDgwcHgnO1xyXG4gIEBPdXRwdXQoKSBlZGl0aW5nQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuICAjZW1iZWRkZWRWaWV3UmVmOiBFbWJlZGRlZFZpZXdSZWY8YW55PjtcclxuICBpc0VkaXRpbmcgPSBmYWxzZTtcclxuICBpc09wZW5lZCA9IGZhbHNlO1xyXG4gIGlzSG92ZXIgPSBmYWxzZTtcclxuICBpc0xvYWRpbmcgPSBmYWxzZTtcclxuICBpc01pbml1bSA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgY2ZyOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsXHJcbiAgICBwcml2YXRlIGFyOiBBcHBsaWNhdGlvblJlZixcclxuICAgIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLFxyXG4gICAgcHJpdmF0ZSByZWY6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHJpdmF0ZSBsb2FkaW5nU2VydmljZTogU2RMb2FkaW5nU2VydmljZVxyXG4gICkge1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgdGhpcy4jZW1iZWRkZWRWaWV3UmVmID0gbmV3IERvbVBvcnRhbE91dGxldChcclxuICAgICAgZG9jdW1lbnQuYm9keSxcclxuICAgICAgdGhpcy5jZnIsXHJcbiAgICAgIHRoaXMuYXIsXHJcbiAgICAgIHRoaXMuaW5qZWN0b3JcclxuICAgICkuYXR0YWNoVGVtcGxhdGVQb3J0YWwodGhpcy5wb3J0YWwpO1xyXG4gIH1cclxuXHJcbiAgb3BlbiA9ICgpID0+IHtcclxuICAgIHRoaXMucmVmLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgdGhpcy5pc09wZW5lZCA9IHRydWU7XHJcbiAgICAvLyBjb25zb2xlLmxvZygnT1BFTiBpc01pbml1bScgKyB0aGlzLmlkLCB0aGlzLmlzTWluaXVtKTtcclxuXHJcbiAgICAvLyB0aW5oIHRvYW4gd2lkdGggbWF4aXVtIGzhuqduIMSR4bqndSBraGkga2jDtG5nIOG7nyB0cuG6oW5nIHRow6FpIG1pbml1bVxyXG4gICAgaWYgKCEkKCcjJyArIHRoaXMuaWQpLmhhc0NsYXNzKCdjLW1pbml1bScpKSB7XHJcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IG1heGl1bVdpZHRoID0gJCgnIycgKyB0aGlzLmlkKS53aWR0aCgpO1xyXG4gICAgICAgIGlmIChtYXhpdW1XaWR0aCA+IDApIHtcclxuICAgICAgICAgICQoJyMnICsgdGhpcy5pZCkuYXR0cignZGF0YS13aWR0aCcsIG1heGl1bVdpZHRoKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgJCgnIycgKyB0aGlzLmlkKS5yZW1vdmVDbGFzcygnYy1jbG9zZWQnKTtcclxuICAgICAgfSwgMTAwKTtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLm1heGl1bSgpO1xyXG4gIH1cclxuXHJcbiAgY2xvc2UgPSAoKSA9PiB7XHJcbiAgICB0aGlzLnJlZi5tYXJrRm9yQ2hlY2soKTtcclxuICAgIHRoaXMuaXNPcGVuZWQgPSBmYWxzZTtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAkKCcjJyArIHRoaXMuaWQpLmNzcyh7d2lkdGg6ICcwcHgnLCByaWdodDogJzBweCd9KS5yZW1vdmVDbGFzcygnYy1taW5pdW0nKS5hZGRDbGFzcygnYy1jbG9zZWQnKTtcclxuICAgIH0sIDEwMCk7XHJcbiAgICB0aGlzLnN0b3BMb2FkaW5nKCk7XHJcblxyXG4gICAgdGhpcy4jZHJhd01pbml1bUJhcigpO1xyXG4gIH1cclxuXHJcbiAgbWluaXVtID0gKCkgPT4ge1xyXG4gICAgdGhpcy5yZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgICB0aGlzLmlzTWluaXVtID0gdHJ1ZTtcclxuICAgIC8vIGNvbnNvbGUubG9nKCdNSU5JVU0gaXNNaW5pdW0nICsgdGhpcy5pZCwgdGhpcy5pc01pbml1bSk7XHJcbiAgICB0aGlzLiNkcmF3TWluaXVtQmFyKCk7XHJcbiAgfVxyXG5cclxuICBtYXhpdW0gPSAoKSA9PiB7XHJcbiAgICB0aGlzLnJlZi5tYXJrRm9yQ2hlY2soKTtcclxuICAgIHRoaXMuaXNNaW5pdW0gPSBmYWxzZTtcclxuICAgIC8vIGNvbnNvbGUubG9nKCdNQVhJVU0gaXNNaW5pdW0nICsgdGhpcy5pZCwgdGhpcy5pc01pbml1bSk7XHJcbiAgICB0aGlzLiNkcmF3TWluaXVtQmFyKCk7XHJcbiAgfVxyXG5cclxuICAjZHJhd01pbml1bUJhciA9ICgpID0+IHtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICBsZXQgdG90YWxSaWdodCA9IDg7XHJcbiAgICAgIGNvbnN0IG1pbml1bVdpZHRoID0gMzAwO1xyXG4gICAgICAkKCcubW9kYWwtY3VzdG9tJykuZWFjaCgoaW5kZXgsIGl0ZW0pID0+IHtcclxuICAgICAgICBpZiAoJChpdGVtKS5oYXNDbGFzcygnYy1taW5pdW0nKSkge1xyXG4gICAgICAgICAgJChpdGVtKS5jc3Moe3dpZHRoOiAzMDAgKyAncHgnLCByaWdodDogdG90YWxSaWdodCArICdweCd9KTtcclxuICAgICAgICAgIHRvdGFsUmlnaHQgKz0gbWluaXVtV2lkdGggKyA4O1xyXG4gICAgICAgIH0gZWxzZSBpZiAoISQoaXRlbSkuaGFzQ2xhc3MoJ2MtY2xvc2VkJykpIHtcclxuICAgICAgICAgIGNvbnN0IG1heGl1bVdpZHRoID0gcGFyc2VJbnQoJChpdGVtKS5hdHRyKCdkYXRhLXdpZHRoJyksIDApO1xyXG4gICAgICAgICAgaWYgKG1heGl1bVdpZHRoID4gMCkge1xyXG4gICAgICAgICAgICAkKGl0ZW0pLmNzcyh7d2lkdGg6IG1heGl1bVdpZHRoICsgJ3B4JywgcmlnaHQ6IHRvdGFsUmlnaHQgKyAncHgnfSk7XHJcbiAgICAgICAgICAgIHRvdGFsUmlnaHQgKz0gbWF4aXVtV2lkdGggKyA4O1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuXHJcbiAgICAgIH0pO1xyXG4gICAgfSwgMTAwKTtcclxuXHJcbiAgfVxyXG5cclxuICBzdGFydExvYWRpbmcgPSAoKSA9PiB7XHJcbiAgICB0aGlzLmlzTG9hZGluZyA9IHRydWU7XHJcbiAgICB0aGlzLmxvYWRpbmdTZXJ2aWNlLnN0b3AoKTtcclxuICAgIHRoaXMubG9hZGluZ1NlcnZpY2Uuc3RhcnQoYCMke3RoaXMuaWR9YCk7XHJcbiAgfVxyXG5cclxuICBzdG9wTG9hZGluZyA9ICgpID0+IHtcclxuICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XHJcbiAgICB0aGlzLmxvYWRpbmdTZXJ2aWNlLnN0b3AoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy4jZW1iZWRkZWRWaWV3UmVmLmRlc3Ryb3koKTtcclxuICB9XHJcblxyXG4gIHRvZ2dsZUVkaXRhYmxlKCkge1xyXG4gICAgdGhpcy5pc0VkaXRpbmcgPSAhdGhpcy5pc0VkaXRpbmc7XHJcbiAgICB0aGlzLmVkaXRpbmdDaGFuZ2VkLmVtaXQodGhpcy5pc0VkaXRpbmcpO1xyXG4gIH1cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtcmVzaXphYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTVfb25lbW91bnQvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvbW9kYWwtcmVzaXphYmxlLyIsInNvdXJjZXMiOlsic3JjL2xpYi9tb2RhbC1yZXNpemFibGUvbW9kYWwtcmVzaXphYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsU0FBUyxFQUNULHdCQUF3QixFQUN4QixjQUFjLEVBQ2QsUUFBUSxFQUlSLEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNaLHVCQUF1QixFQUN2QixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFNBQVMsRUFBRSxlQUFlLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUMvRCxPQUFPLEtBQUssSUFBSSxNQUFNLE1BQU0sQ0FBQztBQUM3QixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLENBQUMsTUFBTSxRQUFRLENBQUM7QUFRdkIsTUFBTSxPQUFPLGdCQUFnQjtJQWMzQixZQUNVLEdBQTZCLEVBQzdCLEVBQWtCLEVBQ2xCLFFBQWtCLEVBQ2xCLEdBQXNCLEVBQ3RCLGNBQWdDO1FBSmhDLFFBQUcsR0FBSCxHQUFHLENBQTBCO1FBQzdCLE9BQUUsR0FBRixFQUFFLENBQWdCO1FBQ2xCLGFBQVEsR0FBUixRQUFRLENBQVU7UUFDbEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsbUJBQWMsR0FBZCxjQUFjLENBQWtCO1FBbEIxQyxPQUFFLEdBQUcsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQztRQUdaLFVBQUssR0FBRyxPQUFPLENBQUM7UUFDZixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFDdkQsbUNBQXVDO1FBQ3ZD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SUFBSSxFQUFFLENBQUM7WUFDM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUMzQyxDQUFDLENBQUE7UUFFRCxnQkFBVyxHQUFHLEdBQUcsRUFBRTtZQUNqQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUN2QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzdCLENBQUMsQ0FBQTtJQTdGRCxDQUFDO0lBRUQsZUFBZTtRQUNiLHVCQUFBLElBQUksb0JBQW9CLElBQUksZUFBZSxDQUN6QyxRQUFRLENBQUMsSUFBSSxFQUNiLElBQUksQ0FBQyxHQUFHLEVBQ1IsSUFBSSxDQUFDLEVBQUUsRUFDUCxJQUFJLENBQUMsUUFBUSxDQUNkLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFDO0lBQ3RDLENBQUM7SUFzRkQsV0FBVztRQUNULCtDQUFzQixPQUFPLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUMzQyxDQUFDOzs7O1lBaklGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5Qiw0bEVBQStDO2dCQUUvQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQ7OztZQXRCQyx3QkFBd0I7WUFDeEIsY0FBYztZQUNkLFFBQVE7WUFRUixpQkFBaUI7WUFJWCxnQkFBZ0I7OztxQkFXckIsU0FBUyxTQUFDLFNBQVM7dUJBQ25CLEtBQUs7b0JBQ0wsS0FBSzs2QkFDTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgVmlld0NoaWxkLFxyXG4gIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcixcclxuICBBcHBsaWNhdGlvblJlZixcclxuICBJbmplY3RvcixcclxuICBFbWJlZGRlZFZpZXdSZWYsXHJcbiAgQWZ0ZXJWaWV3SW5pdCxcclxuICBPbkRlc3Ryb3ksXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtDZGtQb3J0YWwsIERvbVBvcnRhbE91dGxldH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XHJcbmltcG9ydCAqIGFzIHV1aWQgZnJvbSAndXVpZCc7XHJcbmltcG9ydCB7U2RMb2FkaW5nU2VydmljZX0gZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9sb2FkaW5nJztcclxuaW1wb3J0ICQgZnJvbSAnanF1ZXJ5JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2QtbW9kYWwtcmVzaXphYmxlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtcmVzaXphYmxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC1yZXNpemFibGUuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RNb2RhbFJlc2l6YWJsZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XHJcbiAgaWQgPSBgSSR7dXVpZC52NCgpfWA7XHJcbiAgQFZpZXdDaGlsZChDZGtQb3J0YWwpIHBvcnRhbDogQ2RrUG9ydGFsO1xyXG4gIEBJbnB1dCgpIGVkaXRhYmxlOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHdpZHRoID0gJzQ4MHB4JztcclxuICBAT3V0cHV0KCkgZWRpdGluZ0NoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcbiAgI2VtYmVkZGVkVmlld1JlZjogRW1iZWRkZWRWaWV3UmVmPGFueT47XHJcbiAgaXNFZGl0aW5nID0gZmFsc2U7XHJcbiAgaXNPcGVuZWQgPSBmYWxzZTtcclxuICBpc0hvdmVyID0gZmFsc2U7XHJcbiAgaXNMb2FkaW5nID0gZmFsc2U7XHJcbiAgaXNNaW5pdW0gPSBmYWxzZTtcclxuICBpc0Z1bGxzY3JlZW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGNmcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxyXG4gICAgcHJpdmF0ZSBhcjogQXBwbGljYXRpb25SZWYsXHJcbiAgICBwcml2YXRlIGluamVjdG9yOiBJbmplY3RvcixcclxuICAgIHByaXZhdGUgcmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIHByaXZhdGUgbG9hZGluZ1NlcnZpY2U6IFNkTG9hZGluZ1NlcnZpY2VcclxuICApIHtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIHRoaXMuI2VtYmVkZGVkVmlld1JlZiA9IG5ldyBEb21Qb3J0YWxPdXRsZXQoXHJcbiAgICAgIGRvY3VtZW50LmJvZHksXHJcbiAgICAgIHRoaXMuY2ZyLFxyXG4gICAgICB0aGlzLmFyLFxyXG4gICAgICB0aGlzLmluamVjdG9yXHJcbiAgICApLmF0dGFjaFRlbXBsYXRlUG9ydGFsKHRoaXMucG9ydGFsKTtcclxuICB9XHJcblxyXG4gIG9wZW4gPSAoKSA9PiB7XHJcbiAgICB0aGlzLnJlZi5tYXJrRm9yQ2hlY2soKTtcclxuICAgIHRoaXMuaXNPcGVuZWQgPSB0cnVlO1xyXG4gICAgLy8gY29uc29sZS5sb2coJ09QRU4gaXNNaW5pdW0nICsgdGhpcy5pZCwgdGhpcy5pc01pbml1bSk7XHJcblxyXG4gICAgLy8gdGluaCB0b2FuIHdpZHRoIG1heGl1bSBs4bqnbiDEkeG6p3Uga2hpIGtow7RuZyDhu58gdHLhuqFuZyB0aMOhaSBtaW5pdW1cclxuICAgIGlmICghJCgnIycgKyB0aGlzLmlkKS5oYXNDbGFzcygnYy1taW5pdW0nKSkge1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICBjb25zdCBtYXhpdW1XaWR0aCA9ICQoJyMnICsgdGhpcy5pZCkud2lkdGgoKTtcclxuICAgICAgICBpZiAobWF4aXVtV2lkdGggPiAwKSB7XHJcbiAgICAgICAgICAkKCcjJyArIHRoaXMuaWQpLmF0dHIoJ2RhdGEtd2lkdGgnLCBtYXhpdW1XaWR0aCk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgICQoJyMnICsgdGhpcy5pZCkucmVtb3ZlQ2xhc3MoJ2MtY2xvc2VkJyk7XHJcbiAgICAgIH0sIDEwMCk7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5tYXhpdW0oKTtcclxuICB9XHJcblxyXG4gIGNsb3NlID0gKCkgPT4ge1xyXG4gICAgdGhpcy5yZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgICB0aGlzLmlzT3BlbmVkID0gZmFsc2U7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgJCgnIycgKyB0aGlzLmlkKS5jc3Moe3dpZHRoOiAnMHB4JywgcmlnaHQ6ICcwcHgnfSkucmVtb3ZlQ2xhc3MoJ2MtbWluaXVtJykuYWRkQ2xhc3MoJ2MtY2xvc2VkJyk7XHJcbiAgICB9LCAxMDApO1xyXG4gICAgdGhpcy5zdG9wTG9hZGluZygpO1xyXG5cclxuICAgIHRoaXMuI2RyYXdNaW5pdW1CYXIoKTtcclxuICB9XHJcblxyXG4gIG1pbml1bSA9ICgpID0+IHtcclxuICAgIHRoaXMucmVmLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgdGhpcy5pc01pbml1bSA9IHRydWU7XHJcbiAgICAvLyBjb25zb2xlLmxvZygnTUlOSVVNIGlzTWluaXVtJyArIHRoaXMuaWQsIHRoaXMuaXNNaW5pdW0pO1xyXG4gICAgdGhpcy4jZHJhd01pbml1bUJhcigpO1xyXG4gIH1cclxuXHJcbiAgbWF4aXVtID0gKCkgPT4ge1xyXG4gICAgdGhpcy5yZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgICB0aGlzLmlzTWluaXVtID0gZmFsc2U7XHJcbiAgICAvLyBjb25zb2xlLmxvZygnTUFYSVVNIGlzTWluaXVtJyArIHRoaXMuaWQsIHRoaXMuaXNNaW5pdW0pO1xyXG4gICAgdGhpcy4jZHJhd01pbml1bUJhcigpO1xyXG4gIH1cclxuXHJcbiAgY2hhbmdlRnVsbFNjcmVlbiA9ICgpID0+IHtcclxuICAgIHRoaXMucmVmLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgdGhpcy5pc0Z1bGxzY3JlZW4gPSAhdGhpcy5pc0Z1bGxzY3JlZW47XHJcbiAgICB0aGlzLiNkcmF3TWluaXVtQmFyKCk7XHJcbiAgfVxyXG5cclxuICAjZHJhd01pbml1bUJhciA9ICgpID0+IHtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICBsZXQgdG90YWxSaWdodCA9IDg7XHJcbiAgICAgIGNvbnN0IG1pbml1bVdpZHRoID0gMzAwO1xyXG4gICAgICAkKCcubW9kYWwtY3VzdG9tJykuZWFjaCgoaW5kZXgsIGl0ZW0pID0+IHtcclxuICAgICAgICBpZiAoJChpdGVtKS5oYXNDbGFzcygnYy1taW5pdW0nKSkge1xyXG4gICAgICAgICAgJChpdGVtKS5jc3Moe3dpZHRoOiBtaW5pdW1XaWR0aCArICdweCcsIHJpZ2h0OiB0b3RhbFJpZ2h0ICsgJ3B4J30pO1xyXG4gICAgICAgICAgdG90YWxSaWdodCArPSBtaW5pdW1XaWR0aCArIDg7XHJcbiAgICAgICAgfSBlbHNlIGlmICghJChpdGVtKS5oYXNDbGFzcygnYy1jbG9zZWQnKSkge1xyXG4gICAgICAgICAgY29uc3QgbWF4aXVtV2lkdGggPSBwYXJzZUludCgkKGl0ZW0pLmF0dHIoJ2RhdGEtd2lkdGgnKSwgMCk7XHJcbiAgICAgICAgICBpZiAoJChpdGVtKS5oYXNDbGFzcygnYy1mdWxsc2NyZWVuJykpIHtcclxuICAgICAgICAgICAgJChpdGVtKS5jc3Moe3dpZHRoOiAnY2FsYygxMDAlIC0gMTZweCknLCByaWdodDogJzhweCd9KTtcclxuICAgICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgICQoaXRlbSkuY3NzKHt3aWR0aDogbWF4aXVtV2lkdGggKyAncHgnLCByaWdodDogdG90YWxSaWdodCArICdweCd9KTtcclxuICAgICAgICAgIH1cclxuICAgICAgICAgIHRvdGFsUmlnaHQgKz0gbWF4aXVtV2lkdGggKyA4O1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgIH0pO1xyXG4gICAgfSwgMTAwKTtcclxuXHJcbiAgfVxyXG5cclxuICBzdGFydExvYWRpbmcgPSAoKSA9PiB7XHJcbiAgICB0aGlzLmlzTG9hZGluZyA9IHRydWU7XHJcbiAgICB0aGlzLmxvYWRpbmdTZXJ2aWNlLnN0b3AoKTtcclxuICAgIHRoaXMubG9hZGluZ1NlcnZpY2Uuc3RhcnQoYCMke3RoaXMuaWR9YCk7XHJcbiAgfVxyXG5cclxuICBzdG9wTG9hZGluZyA9ICgpID0+IHtcclxuICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XHJcbiAgICB0aGlzLmxvYWRpbmdTZXJ2aWNlLnN0b3AoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy4jZW1iZWRkZWRWaWV3UmVmLmRlc3Ryb3koKTtcclxuICB9XHJcblxyXG4gIHRvZ2dsZUVkaXRhYmxlKCkge1xyXG4gICAgdGhpcy5pc0VkaXRpbmcgPSAhdGhpcy5pc0VkaXRpbmc7XHJcbiAgICB0aGlzLmVkaXRpbmdDaGFuZ2VkLmVtaXQodGhpcy5pc0VkaXRpbmcpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/fesm2015/sd-angular-core-image-preview.js

@@ -1,7 +1,9 @@
-import { Component, Inject, Directive, ElementRef, Input, HostListener, NgModule } from '@angular/core';
+import { Component, Inject, Directive, ElementRef, Input, HostListener, ViewChild, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatDialogModule } from '@angular/material/dialog';
 import { MatIconModule } from '@angular/material/icon';
+import * as $ from 'jquery';
+import { SdModal, SdModalModule } from '@sd-angular/core/modal';
 
 class ImagePreviewComponent {
     constructor(dialogRef, data) {
@@ -80,16 +82,105 @@ ImagePreviewDirective.propDecorators = {
     onClick: [{ type: HostListener, args: ["click",] }]
 };
 
+var _initImageSlideShowBox;
+class ImagePreviewSdmodalComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.imageList = [];
+        this.imageOrgWidthList = [];
+        this.imageListTotal = 0;
+        this.imageCurrent = '';
+        this.imageCurrentIndex = 0;
+        this.imageCurrentPercent = 100;
+        this.imageCurrentWidth = 0;
+        _initImageSlideShowBox.set(this, () => {
+            setTimeout(() => {
+                this.imageList = [];
+                this.imageOrgWidthList = [];
+                $('img[alt=c-image-editor-quill]').each((index, obj) => {
+                    $(obj).parent('a').addClass('c-image-editor-quill-box');
+                    $(obj).parent('a').click((e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        const currentImg = $(e.currentTarget).children('img');
+                        this.imageCurrent = $(currentImg).attr('src');
+                        this.imageCurrentIndex = this.imageList.findIndex(t => t === this.imageCurrent);
+                        this.imageCurrentPercent = 100;
+                        // @ts-ignore
+                        this.imageCurrentWidth = $(currentImg)[0].naturalWidth;
+                        this.popup.open();
+                    });
+                    this.imageList.push($(obj).attr('src'));
+                    // @ts-ignore
+                    this.imageOrgWidthList.push($(obj)[0].naturalWidth);
+                    this.imageListTotal = this.imageList.length;
+                });
+            }, 100);
+        });
+        this.imageGalleryBoxPrev = () => {
+            if (this.imageCurrentIndex > 0) {
+                this.imageCurrentIndex--;
+                this.imageCurrent = this.imageList[this.imageCurrentIndex];
+                this.imageGalleryBoxCalculateWidth();
+            }
+        };
+        this.imageGalleryBoxNext = () => {
+            if (this.imageCurrentIndex < this.imageList.length - 1) {
+                this.imageCurrentIndex++;
+                this.imageCurrent = this.imageList[this.imageCurrentIndex];
+                this.imageGalleryBoxCalculateWidth();
+            }
+        };
+        this.imageGalleryBoxZoomIn = () => {
+            if (this.imageCurrentPercent < 200) {
+                this.imageCurrentPercent += 10;
+                this.imageGalleryBoxCalculateWidth();
+            }
+        };
+        this.imageGalleryBoxZoomOut = () => {
+            if (this.imageCurrentPercent > 10) {
+                this.imageCurrentPercent -= 10;
+                this.imageGalleryBoxCalculateWidth();
+            }
+        };
+        this.imageGalleryBoxCalculateWidth = () => {
+            const orgWidth = this.imageOrgWidthList[this.imageCurrentIndex];
+            this.imageCurrentWidth = this.imageCurrentPercent * orgWidth / 100.0;
+        };
+    }
+    ngOnInit() {
+        // tslint:disable-next-line:max-line-length
+        // this.currentImageUrl = typeof this.data.currentImage === 'string' ? this.data.currentImage : this.data.currentImage.previewSrc || this.data.currentImage.src;
+    }
+}
+_initImageSlideShowBox = new WeakMap();
+ImagePreviewSdmodalComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-image-preview-2',
+                template: "<sd-modal [title]=\"' '\" width=\"90%\" #popup>\r\n  <sd-modal-body>\r\n    <div class=\"c-image-gallery-box\">\r\n      <div class=\"c-content-scroll\">\r\n        <div class=\"c-content\">\r\n          <div class=\"c-content-cell\">\r\n            <img src=\"{{imageCurrent}}\" style=\"width: {{imageCurrentWidth}}px\"/>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"c-toolbar\">\r\n        <mat-icon (click)=\"imageGalleryBoxZoomOut()\">zoom_out</mat-icon>\r\n        <span><b>{{imageCurrentPercent}}%</b></span>\r\n        <mat-icon (click)=\"imageGalleryBoxZoomIn()\">zoom_in</mat-icon>\r\n        <span>&nbsp;</span>\r\n        <mat-icon (click)=\"imageGalleryBoxPrev()\">navigate_before</mat-icon>\r\n        <span><b>{{(imageCurrentIndex + 1)}} / {{imageListTotal}}</b></span>\r\n        <mat-icon (click)=\"imageGalleryBoxNext()\">navigate_next</mat-icon>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </sd-modal-body>\r\n</sd-modal>\r\n",
+                styles: [".c-image-gallery-box{background:rgba(0,0,0,.54);position:relative}.c-image-gallery-box .c-content-scroll{height:79vh;overflow:auto;width:100%}.c-image-gallery-box .c-content-scroll .c-content{display:table;height:100%;width:100%}.c-image-gallery-box .c-content-scroll .c-content .c-content-cell{display:table-cell;text-align:center;vertical-align:middle}.c-image-gallery-box .c-toolbar{-moz-user-select:none;-webkit-user-select:none;background:rgba(0,0,0,.5);border-radius:4px;bottom:18px;color:#eee;left:0;margin-left:auto;margin-right:auto;padding-top:8px;position:absolute;right:0;text-align:center;user-select:none;width:250px}.c-image-gallery-box .c-toolbar span{margin:0 4px;vertical-align:top}.c-image-gallery-box .c-toolbar mat-icon{cursor:pointer;margin:0 4px}"]
+            },] }
+];
+ImagePreviewSdmodalComponent.ctorParameters = () => [
+    { type: MatDialogRef },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
+];
+ImagePreviewSdmodalComponent.propDecorators = {
+    popup: [{ type: ViewChild, args: [SdModal,] }]
+};
+
 class SdImagePreviewModule {
 }
 SdImagePreviewModule.decorators = [
     { type: NgModule, args: [{
-                declarations: [ImagePreviewComponent, ImagePreviewDirective],
+                declarations: [ImagePreviewComponent, ImagePreviewSdmodalComponent, ImagePreviewDirective],
                 exports: [ImagePreviewDirective],
                 imports: [
                     CommonModule,
                     MatDialogModule,
-                    MatIconModule
+                    MatIconModule,
+                    SdModalModule
                 ],
                 entryComponents: [ImagePreviewComponent]
             },] }
@@ -103,5 +194,5 @@ SdImagePreviewModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { SdImagePreviewModule, ImagePreviewComponent as ɵa, ImagePreviewDirective as ɵb };
+export { SdImagePreviewModule, ImagePreviewComponent as ɵa, ImagePreviewSdmodalComponent as ɵb, ImagePreviewDirective as ɵc };
 //# sourceMappingURL=sd-angular-core-image-preview.js.map