@sd-angular/core 1.3.0 → 1.3.1

package/bundles/sd-angular-core-group.umd.js.__ivy_ngcc_bak

@@ -1,93 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/icon'), require('@sd-angular/core/header-title')) :
-    typeof define === 'function' && define.amd ? define('@sd-angular/core/group', ['exports', '@angular/core', '@angular/common', '@angular/material/icon', '@sd-angular/core/header-title'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core.group = {}), global.ng.core, global.ng.common, global.ng.material.icon, global['sd-angular'].core['header-title']));
-}(this, (function (exports, core, common, icon, headerTitle) { 'use strict';
-
-    var SdGroupComponent = /** @class */ (function () {
-        function SdGroupComponent() {
-            var _this = this;
-            this.height = 'auto';
-            this.isExpanded = true;
-            this.expandable = false;
-            this.onExpand = function () {
-                if (_this.expandable) {
-                    return;
-                }
-                _this.isExpanded = !_this.isExpanded;
-            };
-            this.open = function () {
-                _this.isExpanded = true;
-            };
-            this.close = function () {
-                _this.isExpanded = false;
-            };
-        }
-        Object.defineProperty(SdGroupComponent.prototype, "_isExpanded", {
-            set: function (val) {
-                this.isExpanded = (val === '') || val;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SdGroupComponent.prototype, "_expandable", {
-            set: function (val) {
-                this.expandable = (val === '') || val;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SdGroupComponent.prototype.ngOnInit = function () {
-            if (this.expandable) {
-                this.isExpanded = true;
-            }
-        };
-        return SdGroupComponent;
-    }());
-    SdGroupComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'sd-group',
-                    template: "<div class=\"c-sd-group\">\r\n  <div (click)=\"onExpand()\" class=\"c-sd-group-header\">\r\n    <div #headerTitle>\r\n      <ng-content select=\"[sdGroupTitle]\"></ng-content>\r\n    </div>\r\n    <sd-header-title *ngIf=\"!headerTitle?.children?.length\" [title]=\"title\"\r\n      [tooltip]=\"tooltip\"\r\n      [description]=\"description\" \r\n      [icon]=\"icon || (isExpanded ? 'keyboard_arrow_down':'chevron_right')\">\r\n      <div sdHeaderRight>\r\n        <ng-content select=\"[sdGroupHeaderRight]\"></ng-content>\r\n      </div>\r\n    </sd-header-title>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"isExpanded\">\r\n    <div [style.height]=\"height\" class=\"c-sd-group-body\">\r\n      <ng-content select=\"[sdGroupBody]\"></ng-content>\r\n    </div>\r\n  </ng-container>\r\n  <ng-content select=\"[sdGroupFooter]\"></ng-content>\r\n</div>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".c-sd-group{background:#fff;border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}.c-sd-group .c-sd-group-header{align-items:center;background:#fff;cursor:pointer;display:flex;padding:12px}.c-sd-group .c-sd-group-header:hover{background:#f5f5f5}.c-sd-group .c-sd-group-body{display:flex;flex-direction:column;padding:8px 12px}"]
-                },] }
-    ];
-    SdGroupComponent.ctorParameters = function () { return []; };
-    SdGroupComponent.propDecorators = {
-        title: [{ type: core.Input }],
-        description: [{ type: core.Input }],
-        icon: [{ type: core.Input }],
-        tooltip: [{ type: core.Input }],
-        height: [{ type: core.Input }],
-        _isExpanded: [{ type: core.Input, args: ['isExpanded',] }],
-        _expandable: [{ type: core.Input, args: ['expandable',] }]
-    };
-
-    var SdGroupModule = /** @class */ (function () {
-        function SdGroupModule() {
-        }
-        return SdGroupModule;
-    }());
-    SdGroupModule.decorators = [
-        { type: core.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        icon.MatIconModule,
-                        headerTitle.SdHeaderTitleModule
-                    ],
-                    declarations: [SdGroupComponent],
-                    exports: [SdGroupComponent]
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.SdGroupModule = SdGroupModule;
-    exports.ɵa = SdGroupComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=sd-angular-core-group.umd.js.map

package/bundles/sd-angular-core-group.umd.js.map.__ivy_ngcc_bak

@@ -1 +0,0 @@
-{"version":3,"file":"sd-angular-core-group.umd.js","sources":["../../../../projects/sd-core/group/src/lib/group.component.ts","../../../../projects/sd-core/group/src/lib/group.module.ts","../../../../projects/sd-core/group/sd-angular-core-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sd-group',\r\n  templateUrl: './group.component.html',\r\n  styleUrls: ['./group.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdGroupComponent implements OnInit {\r\n  @Input() title: string;\r\n  @Input() description: string;\r\n  @Input() icon: string;\r\n  @Input() tooltip: string;\r\n  @Input() height = 'auto';\r\n\r\n  isExpanded = true;\r\n  @Input('isExpanded') set _isExpanded(val: boolean | '') {\r\n    this.isExpanded = (val === '') || val;\r\n  }\r\n\r\n  expandable = false;\r\n  @Input('expandable') set _expandable(val: boolean | '') {\r\n    this.expandable = (val === '') || val;\r\n  }\r\n\r\n  constructor() {}\r\n\r\n  ngOnInit(): void {\r\n    if(this.expandable){\r\n      this.isExpanded = true;\r\n    }\r\n  }\r\n\r\n  onExpand = () => {\r\n    if(this.expandable){\r\n      return;\r\n    }\r\n    this.isExpanded = !this.isExpanded;\r\n  }\r\n\r\n  open = () => {\r\n    this.isExpanded = true;\r\n  }\r\n\r\n  close = () => {\r\n    this.isExpanded = false;\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdHeaderTitleModule } from '@sd-angular/core/header-title';\r\nimport { SdGroupComponent } from './group.component';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    SdHeaderTitleModule\r\n  ],\r\n  declarations: [SdGroupComponent],\r\n  exports: [SdGroupComponent]\r\n})\r\nexport class SdGroupModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdGroupComponent as ɵa} from './src/lib/group.component';"],"names":["Component","ChangeDetectionStrategy","Input","NgModule","CommonModule","MatIconModule","SdHeaderTitleModule"],"mappings":";;;;;;;QAyBE;YAAA,iBAAgB;YAZP,WAAM,GAAG,MAAM,CAAC;YAEzB,eAAU,GAAG,IAAI,CAAC;YAKlB,eAAU,GAAG,KAAK,CAAC;YAanB,aAAQ,GAAG;gBACT,IAAG,KAAI,CAAC,UAAU,EAAC;oBACjB,OAAO;iBACR;gBACD,KAAI,CAAC,UAAU,GAAG,CAAC,KAAI,CAAC,UAAU,CAAC;aACpC,CAAA;YAED,SAAI,GAAG;gBACL,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;aACxB,CAAA;YAED,UAAK,GAAG;gBACN,KAAI,CAAC,UAAU,GAAG,KAAK,CAAC;aACzB,CAAA;SArBe;QAThB,sBAAyB,yCAAW;iBAApC,UAAqC,GAAiB;gBACpD,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;aACvC;;;WAAA;QAGD,sBAAyB,yCAAW;iBAApC,UAAqC,GAAiB;gBACpD,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;aACvC;;;WAAA;QAID,mCAAQ,GAAR;YACE,IAAG,IAAI,CAAC,UAAU,EAAC;gBACjB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;aACxB;SACF;;;;gBA7BFA,cAAS,SAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,81BAAqC;oBAErC,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;wBAEEC,UAAK;8BACLA,UAAK;uBACLA,UAAK;0BACLA,UAAK;yBACLA,UAAK;8BAGLA,UAAK,SAAC,YAAY;8BAKlBA,UAAK,SAAC,YAAY;;;;QCNrB;;;;;gBATCC,aAAQ,SAAC;oBACR,OAAO,EAAE;wBACPC,mBAAY;wBACZC,kBAAa;wBACbC,+BAAmB;qBACpB;oBACD,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;iBAC5B;;;ICdD;;;;;;;;;;;;;;;"}

package/bundles/sd-angular-core-header-title.umd.js.__ivy_ngcc_bak

@@ -1,56 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/icon'), require('@angular/material/tooltip')) :
-    typeof define === 'function' && define.amd ? define('@sd-angular/core/header-title', ['exports', '@angular/core', '@angular/common', '@angular/material/icon', '@angular/material/tooltip'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core['header-title'] = {}), global.ng.core, global.ng.common, global.ng.material.icon, global.ng.material.tooltip));
-}(this, (function (exports, core, common, icon, tooltip) { 'use strict';
-
-    var SdHeaderTitleComponent = /** @class */ (function () {
-        function SdHeaderTitleComponent() {
-        }
-        SdHeaderTitleComponent.prototype.ngOnInit = function () {
-        };
-        return SdHeaderTitleComponent;
-    }());
-    SdHeaderTitleComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'sd-header-title',
-                    template: "<div class=\"d-flex\">\r\n  <div *ngIf=\"icon\" class=\"flex-shrink-1 c-header-icon\">\r\n    <mat-icon class=\"material-symbols-outlined text-grey\">{{icon}}</mat-icon>\r\n  </div>\r\n  <div class=\"d-flex flex-column w-100 overflow-hidden\">\r\n    <div class=\"d-flex\">\r\n      <span class=\"T16M\">{{title}}</span>\r\n      <ng-container *ngIf=\"tooltip\">\r\n        <mat-icon\r\n          [matTooltip]=\"tooltip\"\r\n          class=\"material-icons-outlined c-header-icon-tooltip\"> info </mat-icon>\r\n      </ng-container>\r\n    </div>\r\n    <span *ngIf=\"description\" class=\"c-header-description\">{{description}}</span>\r\n  </div>\r\n  <div class=\"flex-shrink-1\">\r\n    <ng-content select=\"[sdHeaderRight]\"></ng-content>\r\n  </div>\r\n</div>\r\n",
-                    styles: [".c-header-icon{align-items:center;display:flex;height:28px;margin-right:8px;width:28px}.c-header-icon-tooltip{align-items:center;color:#757575;display:flex;font-size:20px;height:28px!important;margin-left:10px}.c-header-description{font-size:14px;line-height:20px}"]
-                },] }
-    ];
-    SdHeaderTitleComponent.ctorParameters = function () { return []; };
-    SdHeaderTitleComponent.propDecorators = {
-        title: [{ type: core.Input }],
-        icon: [{ type: core.Input }],
-        description: [{ type: core.Input }],
-        tooltip: [{ type: core.Input }]
-    };
-
-    var SdHeaderTitleModule = /** @class */ (function () {
-        function SdHeaderTitleModule() {
-        }
-        return SdHeaderTitleModule;
-    }());
-    SdHeaderTitleModule.decorators = [
-        { type: core.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        icon.MatIconModule,
-                        tooltip.MatTooltipModule
-                    ],
-                    declarations: [SdHeaderTitleComponent],
-                    exports: [SdHeaderTitleComponent]
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.SdHeaderTitleModule = SdHeaderTitleModule;
-    exports.ɵa = SdHeaderTitleComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=sd-angular-core-header-title.umd.js.map

package/bundles/sd-angular-core-header-title.umd.js.map.__ivy_ngcc_bak

@@ -1 +0,0 @@
-{"version":3,"file":"sd-angular-core-header-title.umd.js","sources":["../../../../projects/sd-core/header-title/src/lib/header-title.component.ts","../../../../projects/sd-core/header-title/src/lib/header-title.module.ts","../../../../projects/sd-core/header-title/sd-angular-core-header-title.ts"],"sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sd-header-title',\r\n  templateUrl: './header-title.component.html',\r\n  styleUrls: ['./header-title.component.scss']\r\n})\r\nexport class SdHeaderTitleComponent implements OnInit {\r\n\r\n  @Input() title: string;\r\n  @Input() icon: string;\r\n  @Input() description: string;\r\n  @Input() tooltip: string;\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdHeaderTitleComponent } from './header-title.component';\r\nimport {MatTooltipModule} from '@angular/material/tooltip';\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    MatTooltipModule\r\n  ],\r\n  declarations: [SdHeaderTitleComponent],\r\n  exports: [SdHeaderTitleComponent]\r\n})\r\nexport class SdHeaderTitleModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdHeaderTitleComponent as ɵa} from './src/lib/header-title.component';"],"names":["Component","Input","NgModule","CommonModule","MatIconModule","MatTooltipModule"],"mappings":";;;;;;;QAcE;SAAiB;QAEjB,yCAAQ,GAAR;SACC;;;;gBAfFA,cAAS,SAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,6wBAA4C;;iBAE7C;;;;wBAGEC,UAAK;uBACLA,UAAK;8BACLA,UAAK;0BACLA,UAAK;;;;QCER;;;;;gBATCC,aAAQ,SAAC;oBACR,OAAO,EAAE;wBACPC,mBAAY;wBACZC,kBAAa;wBACbC,wBAAgB;qBACjB;oBACD,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC;;;ICbD;;;;;;;;;;;;;;;"}

package/bundles/sd-angular-core-image-preview.umd.js.__ivy_ngcc_bak

@@ -1,121 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/dialog'), require('@angular/material/icon')) :
-    typeof define === 'function' && define.amd ? define('@sd-angular/core/image-preview', ['exports', '@angular/core', '@angular/common', '@angular/material/dialog', '@angular/material/icon'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core['image-preview'] = {}), global.ng.core, global.ng.common, global.ng.material.dialog, global.ng.material.icon));
-}(this, (function (exports, core, common, dialog, icon) { 'use strict';
-
-    var ImagePreviewComponent = /** @class */ (function () {
-        function ImagePreviewComponent(dialogRef, data) {
-            this.dialogRef = dialogRef;
-            this.data = data;
-        }
-        ImagePreviewComponent.prototype.ngOnInit = function () {
-            this.currentImageUrl = typeof this.data.currentImage === 'string' ? this.data.currentImage : this.data.currentImage.previewSrc || this.data.currentImage.src;
-        };
-        ImagePreviewComponent.prototype.next = function () {
-            var _this = this;
-            var currentIdx = this.data.images.findIndex(function (image) { return (image.previewSrc || image.src) === _this.currentImageUrl; });
-            if (currentIdx === this.data.images.length - 1) {
-                this.currentImageUrl = this.data.images[0].previewSrc || this.data.images[0].src;
-            }
-            else {
-                this.currentImageUrl = this.data.images[currentIdx + 1].previewSrc || this.data.images[currentIdx + 1].src;
-            }
-        };
-        ImagePreviewComponent.prototype.prev = function () {
-            var _this = this;
-            var currentIdx = this.data.images.findIndex(function (image) { return (image.previewSrc || image.src) === _this.currentImageUrl; });
-            if (currentIdx === 0) {
-                this.currentImageUrl = this.data.images[this.data.images.length - 1].previewSrc || this.data.images[this.data.images.length - 1].src;
-            }
-            else {
-                this.currentImageUrl = this.data.images[currentIdx - 1].previewSrc || this.data.images[currentIdx - 1].src;
-            }
-        };
-        return ImagePreviewComponent;
-    }());
-    ImagePreviewComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'app-image-preview',
-                    template: "<h1 mat-dialog-title class=\"d-flex\">\r\n  <mat-icon\r\n    mat-dialog-close\r\n    role=\"img\"\r\n    class=\"mat-icon notranslate material-icons mat-icon-no-color ml-auto\"\r\n    >close</mat-icon\r\n  >\r\n</h1>\r\n<div mat-dialog-content class=\"h-100 position-relative m-0\">\r\n <ng-container *ngIf=\"data?.images?.length\">\r\n    <span class=\"material-icons-outlined position-absolute prev\" (click)=\"prev()\">\r\n      arrow_back_ios\r\n    </span>\r\n    <span class=\"material-icons-outlined position-absolute next\" (click)=\"next()\">\r\n      arrow_forward_ios\r\n    </span>\r\n </ng-container>\r\n  <img\r\n    [src]=\"currentImageUrl\"\r\n    class=\"image-preview_image\"\r\n  />\r\n</div>\r\n",
-                    styles: [".image-prevew-panel .mat-dialog-container{padding:0}:host{display:flex;flex-direction:column;height:100%}.image-preview_image{-o-object-fit:contain;display:block;height:100%;margin:0 auto;object-fit:contain;width:90%}.material-icons-outlined{cursor:pointer}.material-icons-outlined.prev{left:5px;top:50%;transform:translateY(-50%)}.material-icons-outlined.next{right:5px;top:50%;transform:translateY(-50%)}"]
-                },] }
-    ];
-    ImagePreviewComponent.ctorParameters = function () { return [
-        { type: dialog.MatDialogRef },
-        { type: undefined, decorators: [{ type: core.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
-    ]; };
-
-    var ImagePreviewDirective = /** @class */ (function () {
-        function ImagePreviewDirective(el, dialog) {
-            this.el = el;
-            this.dialog = dialog;
-            this.images = null;
-        }
-        ImagePreviewDirective.prototype.onClick = function () {
-            var currentImage;
-            currentImage = this.el.nativeElement.src;
-            if (this.images.length && this.sdPreviewCurrentIdx >= 0) {
-                currentImage = this.images[this.sdPreviewCurrentIdx];
-            }
-            this.dialog.open(ImagePreviewComponent, {
-                data: { currentImage: currentImage, images: this.images },
-                backdropClass: ["image-prevew-backdrop"],
-                panelClass: "image-prevew-panel",
-                width: "600px",
-                maxWidth: "90%",
-                height: "600px",
-                maxHeight: "90%",
-            });
-        };
-        return ImagePreviewDirective;
-    }());
-    ImagePreviewDirective.decorators = [
-        { type: core.Directive, args: [{
-                    selector: "[sdImagePreview]",
-                },] }
-    ];
-    ImagePreviewDirective.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: dialog.MatDialog }
-    ]; };
-    ImagePreviewDirective.propDecorators = {
-        images: [{ type: core.Input, args: ["sdImagePreview",] }],
-        sdPreviewCurrentIdx: [{ type: core.Input }],
-        onClick: [{ type: core.HostListener, args: ["click",] }]
-    };
-
-    var SdImagePreviewModule = /** @class */ (function () {
-        function SdImagePreviewModule() {
-        }
-        return SdImagePreviewModule;
-    }());
-    SdImagePreviewModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [ImagePreviewComponent, ImagePreviewDirective],
-                    exports: [ImagePreviewDirective],
-                    imports: [
-                        common.CommonModule,
-                        dialog.MatDialogModule,
-                        icon.MatIconModule
-                    ],
-                    entryComponents: [ImagePreviewComponent]
-                },] }
-    ];
-
-    /*
-     * Public API Surface of superdev-angular-core
-     */
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.SdImagePreviewModule = SdImagePreviewModule;
-    exports.ɵa = ImagePreviewComponent;
-    exports.ɵb = ImagePreviewDirective;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=sd-angular-core-image-preview.umd.js.map

package/bundles/sd-angular-core-image-preview.umd.js.map.__ivy_ngcc_bak

@@ -1 +0,0 @@
-{"version":3,"file":"sd-angular-core-image-preview.umd.js","sources":["../../../../projects/sd-core/image-preview/src/lib/image-preview/image-preview.component.ts","../../../../projects/sd-core/image-preview/src/lib/directives/image-preview.directive.ts","../../../../projects/sd-core/image-preview/src/lib/image-preview/image-preview.module.ts","../../../../projects/sd-core/image-preview/src/public-api.ts","../../../../projects/sd-core/image-preview/sd-angular-core-image-preview.ts"],"sourcesContent":["import { Component, Inject, OnInit } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { ImagePreview } from '../models/image-preview.model';\r\n\r\nexport interface Data {\r\n  currentImage: Partial<ImagePreview> | string;\r\n  images: Array<Partial<ImagePreview>>\r\n}\r\n\r\n@Component({\r\n  selector: 'app-image-preview',\r\n  templateUrl: './image-preview.component.html',\r\n  styleUrls: ['./image-preview.component.scss']\r\n})\r\nexport class ImagePreviewComponent implements OnInit {\r\n  currentImageUrl: string;\r\n\r\n  constructor(\r\n    public dialogRef: MatDialogRef<ImagePreviewComponent>,\r\n    @Inject(MAT_DIALOG_DATA) public data: Data\r\n  ) { }\r\n\r\n  ngOnInit(): void {\r\n    this.currentImageUrl = typeof this.data.currentImage === 'string' ? this.data.currentImage : this.data.currentImage.previewSrc || this.data.currentImage.src;\r\n  }\r\n\r\n  next(): void {\r\n    const currentIdx = this.data.images.findIndex((image: Partial<ImagePreview> )=> (image.previewSrc || image.src) === this.currentImageUrl);\r\n    if(currentIdx === this.data.images.length - 1) {\r\n      this.currentImageUrl = (this.data.images[0] as Partial<ImagePreview>).previewSrc ||  (this.data.images[0] as Partial<ImagePreview>).src\r\n    } else {\r\n      this.currentImageUrl = (this.data.images[currentIdx + 1] as Partial<ImagePreview>).previewSrc || (this.data.images[currentIdx + 1] as Partial<ImagePreview>).src;\r\n    }\r\n  }\r\n\r\n  prev(): void {\r\n    const currentIdx = this.data.images.findIndex((image: Partial<ImagePreview> )=> (image.previewSrc || image.src) === this.currentImageUrl);\r\n    if(currentIdx === 0) {\r\n      this.currentImageUrl = (this.data.images[this.data.images.length - 1] as Partial<ImagePreview>).previewSrc || (this.data.images[this.data.images.length - 1] as Partial<ImagePreview>).src\r\n    } else {\r\n      this.currentImageUrl = (this.data.images[currentIdx - 1] as Partial<ImagePreview>).previewSrc || (this.data.images[currentIdx - 1] as Partial<ImagePreview>).src;\r\n    }\r\n  }\r\n\r\n}\r\n","import { Directive, ElementRef, HostListener, Input } from \"@angular/core\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { ImagePreviewComponent } from \"../image-preview/image-preview.component\";\r\n\r\nexport interface ImagePreview {\r\n  extension: string;\r\n  file: File;\r\n  fileName: string;\r\n  previewSrc: string;\r\n  src: string;\r\n}\r\n\r\n@Directive({\r\n  selector: \"[sdImagePreview]\",\r\n})\r\nexport class ImagePreviewDirective {\r\n  @Input(\"sdImagePreview\") images?: Array<Partial<ImagePreview>> | string = null;\r\n  @Input() sdPreviewCurrentIdx: number;\r\n\r\n  constructor(private el: ElementRef, public dialog: MatDialog) {}\r\n\r\n  @HostListener(\"click\") onClick() {\r\n    let currentImage: string | Partial<ImagePreview>;\r\n      currentImage = this.el.nativeElement.src;\r\n      if (this.images.length && this.sdPreviewCurrentIdx >= 0) {\r\n        currentImage = this.images[this.sdPreviewCurrentIdx];\r\n      }\r\n      this.dialog.open(ImagePreviewComponent, {\r\n        data: { currentImage, images: this.images },\r\n        backdropClass: [\"image-prevew-backdrop\"],\r\n        panelClass: \"image-prevew-panel\",\r\n        width: \"600px\",\r\n        maxWidth: \"90%\",\r\n        height: \"600px\",\r\n        maxHeight: \"90%\",\r\n      });\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ImagePreviewComponent } from './image-preview.component';\r\nimport { ImagePreviewDirective } from '../directives/image-preview.directive';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatIconModule } from '@angular/material/icon';\r\n\r\n\r\n@NgModule({\r\n  declarations: [ImagePreviewComponent, ImagePreviewDirective],\r\n  exports: [ImagePreviewDirective],\r\n  imports: [\r\n    CommonModule,\r\n    MatDialogModule,\r\n    MatIconModule\r\n  ],\r\n  entryComponents: [ImagePreviewComponent]\r\n})\r\nexport class SdImagePreviewModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\n\r\nexport * from './lib/image-preview/image-preview.module';\r\nexport * from './lib/models/image-preview.model';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {ImagePreviewDirective as ɵb} from './src/lib/directives/image-preview.directive';\nexport {ImagePreviewComponent as ɵa} from './src/lib/image-preview/image-preview.component';"],"names":["Component","MatDialogRef","Inject","MAT_DIALOG_DATA","Directive","ElementRef","MatDialog","Input","HostListener","NgModule","CommonModule","MatDialogModule","MatIconModule"],"mappings":"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"}