{"__symbolic":"module","version":4,"metadata":{"ImageGalleryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"db-image-gallery, [dbImageGallery]","template":"<div class=\"gallery\" [class.closing]=\"isClosing\">\n  <button class=\"close fas fa-times\" (click)=\"closeModal();\"></button>\n  <div *ngIf=\"list\" class=\"gallery-content\">\n    <ngb-carousel #gallery=\"ngbCarousel\" [interval]=\"100000\">\n      <ng-template ngbSlide *ngFor=\"let item of list; let i = index\" id=\"slide-{{i}}\" >\n        <div class=\"picsum-img-wrapper\">\n          <img src=\"{{baseUrl}}/FileData/Download/{{item}}\">\n          <a href=\"{{baseUrl}}/FileData/Download/{{item}}\" target=\"_blank\" class=\"download-button icon-Vector-Stroke-56\"></a>\n        </div>\n      </ng-template>\n    </ngb-carousel>\n  </div>\n  <div class=\"content-side\" (click)=\"onContentSideClick()\"></div>\n</div>","styles":["@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@-webkit-keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@-webkit-keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@-webkit-keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@-webkit-keyframes spinner{to{transform:rotate(1turn)}}@keyframes spinner{to{transform:rotate(1turn)}}@-webkit-keyframes circleAnimation{to{transform:rotate(1turn)}}@keyframes circleAnimation{to{transform:rotate(1turn)}}:host{position:fixed;width:100vw;top:0;left:0;height:100vh;z-index:100;-webkit-animation-duration:.45s;animation-duration:.45s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn;background-color:rgba(33,43,54,.6)}:host.fadeOut{-webkit-animation-duration:.45s;animation-duration:.45s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeOut;animation-name:fadeOut}:host img{max-width:100%;max-height:100%}:host .content-side{width:100%;height:100vh;position:absolute;left:0;top:0}:host .gallery-content{left:50%;top:50%;max-width:70%;max-height:90%;overflow:hidden;border-radius:15px;padding:15px;transform:translate(-50%,-50%)}:host .close,:host .gallery-content{position:absolute;z-index:10;background:#fff}:host .close{right:5%;top:5%;width:50px;height:50px;border-radius:50%}a.download-button.icon-Vector-Stroke-56{position:absolute;right:15px;bottom:15px;z-index:15;width:50px;height:50px;text-align:center;line-height:50px;background:hsla(0,0%,100%,.5);border-radius:50%;color:#333;font-size:20px;text-decoration:none;transition:.4s}a.download-button.icon-Vector-Stroke-56:hover{background:#333;color:#fff}"]}]}],"members":{"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"baseUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"activedSlide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"onclose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"isClosing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":3},"arguments":["class.fadeOut"]}]}],"button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":["button",{"static":true}]}]}],"carousel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["gallery"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":48,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onContentSideClick":[{"__symbolic":"method"}],"closeModal":[{"__symbolic":"method"}]}},"ImageGalleryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModule","line":9,"character":4}],"declarations":[{"__symbolic":"reference","name":"ImageGalleryComponent"}],"providers":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbCarouselConfig","line":15,"character":4}],"exports":[{"__symbolic":"reference","name":"ImageGalleryComponent"}]}]}],"members":{}}},"origins":{"ImageGalleryComponent":"./image-gallery.component","ImageGalleryModule":"./image-gallery.module"},"importAs":"@desbank/components/src/lib/image-gallery"}