@sd-angular/core 1.3.0 → 1.3.1

package/fesm2015/sd-angular-core-konva.js.__ivy_ngcc_bak

@@ -1,237 +0,0 @@
-import { EventEmitter, Component, ChangeDetectorRef, Input, Output, ViewChild, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { __awaiter, __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
-import { v4 } from 'uuid';
-import Konva from 'konva';
-import { Subject, Subscription } from 'rxjs';
-import { startWith } from 'rxjs/operators';
-
-var _height, _width, _images, _stage, _layer, _elementRef, _onLoad, _subscription;
-class SdMergeImages {
-    constructor(ref) {
-        this.ref = ref;
-        this.id = `I${v4()}`;
-        this.kImages = [];
-        _height.set(this, void 0);
-        _width.set(this, void 0);
-        _images.set(this, void 0);
-        _stage.set(this, void 0);
-        _layer.set(this, void 0);
-        this.save = new EventEmitter();
-        _elementRef.set(this, void 0);
-        _onLoad.set(this, new Subject());
-        _subscription.set(this, new Subscription());
-        this.toImage = () => __awaiter(this, void 0, void 0, function* () {
-            return yield new Promise(resolve => {
-                var _a;
-                (_a = __classPrivateFieldGet(this, _stage)) === null || _a === void 0 ? void 0 : _a.toImage({
-                    callback: (image) => {
-                        resolve(image);
-                    }
-                });
-            });
-        });
-        this.toDataUrl = () => {
-            return __classPrivateFieldGet(this, _stage).toDataURL();
-        };
-    }
-    set height(height) {
-        __classPrivateFieldSet(this, _height, +height);
-    }
-    set width(width) {
-        __classPrivateFieldSet(this, _width, +width);
-    }
-    set images(images) {
-        setTimeout(() => {
-            __classPrivateFieldSet(this, _images, images);
-            __classPrivateFieldGet(this, _onLoad).next(__classPrivateFieldGet(this, _images));
-        }, 2000);
-    }
-    set container(elementRef) {
-        if (__classPrivateFieldGet(this, _elementRef) !== elementRef) {
-            __classPrivateFieldSet(this, _elementRef, elementRef);
-            __classPrivateFieldGet(this, _onLoad).next(__classPrivateFieldGet(this, _images));
-        }
-    }
-    ngOnInit() {
-    }
-    ngAfterViewInit() {
-        __classPrivateFieldGet(this, _subscription).add(__classPrivateFieldGet(this, _onLoad).pipe(startWith([])).subscribe(() => {
-            var _a;
-            if (!document.getElementById(this.id)) {
-                return;
-            }
-            document.getElementById(this.id).innerHTML = '';
-            if (!((_a = __classPrivateFieldGet(this, _images)) === null || _a === void 0 ? void 0 : _a.length)) {
-                return;
-            }
-            const images = __classPrivateFieldGet(this, _images);
-            __classPrivateFieldSet(this, _stage, new Konva.Stage({
-                container: this.id,
-                width: __classPrivateFieldGet(this, _width),
-                height: __classPrivateFieldGet(this, _height)
-            }));
-            __classPrivateFieldSet(this, _layer, new Konva.Layer());
-            __classPrivateFieldGet(this, _stage).add(__classPrivateFieldGet(this, _layer));
-            for (const [idx, img] of images.entries()) {
-                let x = 0;
-                let y = 0;
-                const width = __classPrivateFieldGet(this, _width) / 2;
-                const height = __classPrivateFieldGet(this, _height) / 2;
-                if (images.length === 1) {
-                    x = __classPrivateFieldGet(this, _width) / 4;
-                    y = __classPrivateFieldGet(this, _height) / 4;
-                }
-                else if (images.length === 2) {
-                    if (idx === 0) {
-                        x = 0;
-                        y = __classPrivateFieldGet(this, _height) / 4;
-                    }
-                    else if (idx === 1) {
-                        x = __classPrivateFieldGet(this, _width) / 2;
-                        y = __classPrivateFieldGet(this, _height) / 4;
-                    }
-                }
-                else if (images.length === 3) {
-                    if (idx === 0) {
-                        x = 0;
-                        y = 0;
-                    }
-                    else if (idx === 1) {
-                        x = __classPrivateFieldGet(this, _width) / 2;
-                        y = 0;
-                    }
-                    else if (idx === 2) {
-                        x = __classPrivateFieldGet(this, _width) / 4;
-                        y = __classPrivateFieldGet(this, _height) / 4;
-                    }
-                }
-                else if (images.length === 4) {
-                    if (idx === 0) {
-                        x = 0;
-                        y = 0;
-                    }
-                    else if (idx === 1) {
-                        x = __classPrivateFieldGet(this, _width) / 2;
-                        y = 0;
-                    }
-                    else if (idx === 2) {
-                        x = 0;
-                        y = __classPrivateFieldGet(this, _height) / 2;
-                    }
-                    else if (idx === 3) {
-                        x = __classPrivateFieldGet(this, _width) / 2;
-                        y = __classPrivateFieldGet(this, _height) / 2;
-                    }
-                }
-                const image = new Image();
-                const konvaImage = new Konva.Image({
-                    image,
-                    x,
-                    y,
-                    width,
-                    height,
-                    name: 'image',
-                    draggable: true,
-                });
-                this.kImages.push(konvaImage);
-                image.onload = () => {
-                    konvaImage.image(image);
-                    this.ref.detectChanges();
-                };
-                image.crossOrigin = 'Anonymous';
-                image.src = img;
-                __classPrivateFieldGet(this, _layer).add(konvaImage);
-            }
-            const tr = new Konva.Transformer();
-            __classPrivateFieldGet(this, _layer).add(tr);
-            // at this point basic demo is finished!!
-            // we just have several transforming nodes
-            __classPrivateFieldGet(this, _layer).draw();
-            this.ref.detectChanges();
-            // clicks should select/deselect shapes
-            __classPrivateFieldGet(this, _stage).on('click tap', (e) => {
-                // if click on empty area - remove all selections
-                if (e.target === __classPrivateFieldGet(this, _stage)) {
-                    tr.nodes([]);
-                    __classPrivateFieldGet(this, _layer).draw();
-                    return;
-                }
-                // do nothing if clicked NOT on our rectangles
-                if (!e.target.hasName('rect') && !e.target.hasName('image')) {
-                    return;
-                }
-                // do we pressed shift or ctrl?
-                const metaPressed = e.evt.shiftKey || e.evt.ctrlKey || e.evt.metaKey;
-                const isSelected = tr.nodes().indexOf(e.target) >= 0;
-                if (!metaPressed && !isSelected) {
-                    // if no key pressed and the node is not selected
-                    // select just one
-                    tr.nodes([e.target]);
-                }
-                else if (metaPressed && isSelected) {
-                    // if we pressed keys and node was selected
-                    // we need to remove it from selection:
-                    const nodes = tr.nodes().slice(); // use slice to have new copy of array
-                    // remove node from array
-                    nodes.splice(nodes.indexOf(e.target), 1);
-                    tr.nodes(nodes);
-                }
-                else if (metaPressed && !isSelected) {
-                    // add the node into selection
-                    const nodes = tr.nodes().concat([e.target]);
-                    tr.nodes(nodes);
-                }
-                __classPrivateFieldGet(this, _layer).draw();
-            });
-        }));
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _subscription).unsubscribe();
-    }
-}
-_height = new WeakMap(), _width = new WeakMap(), _images = new WeakMap(), _stage = new WeakMap(), _layer = new WeakMap(), _elementRef = new WeakMap(), _onLoad = new WeakMap(), _subscription = new WeakMap();
-SdMergeImages.decorators = [
-    { type: Component, args: [{
-                selector: 'sd-merge-images',
-                template: "<div [id]=\"id\" #container></div>",
-                styles: [":host ::ng-deep .konvajs-content{border:2px solid #dadada}"]
-            },] }
-];
-SdMergeImages.ctorParameters = () => [
-    { type: ChangeDetectorRef }
-];
-SdMergeImages.propDecorators = {
-    height: [{ type: Input }],
-    width: [{ type: Input }],
-    images: [{ type: Input }],
-    save: [{ type: Output }],
-    container: [{ type: ViewChild, args: ['container',] }]
-};
-
-class SdKonvaModule {
-}
-SdKonvaModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    SdMergeImages
-                ],
-                imports: [
-                    CommonModule
-                ],
-                exports: [
-                    SdMergeImages
-                ]
-            },] }
-];
-
-/*
- * Public API Surface of superdev-angular-core
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SdKonvaModule, SdMergeImages };
-//# sourceMappingURL=sd-angular-core-konva.js.map

package/fesm2015/sd-angular-core-konva.js.map.__ivy_ngcc_bak

@@ -1 +0,0 @@
-{"version":3,"file":"sd-angular-core-konva.js","sources":["../../../../projects/sd-core/konva/src/lib/merge-images/merge-images.component.ts","../../../../projects/sd-core/konva/src/lib/konva.module.ts","../../../../projects/sd-core/konva/src/public-api.ts","../../../../projects/sd-core/konva/sd-angular-core-konva.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  OnInit,\r\n  AfterViewInit,\r\n  Output,\r\n  EventEmitter,\r\n  OnDestroy,\r\n  ChangeDetectorRef,\r\n  ViewChild,\r\n  ElementRef\r\n} from '@angular/core';\r\n\r\nimport * as uuid from 'uuid';\r\nimport 'konva';\r\nimport Konva from 'konva';\r\nimport { Image as KonvaImage } from 'konva/types/shapes/Image';\r\nimport { Rect } from 'konva/types/shapes/Rect';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { startWith } from 'rxjs/operators';\r\nimport { Layer } from 'konva/types/Layer';\r\nimport { Stage } from 'konva/types/Stage';\r\n@Component({\r\n  selector: 'sd-merge-images',\r\n  templateUrl: './merge-images.component.html',\r\n  styleUrls: ['./merge-images.component.scss']\r\n})\r\n\r\nexport class SdMergeImages implements OnInit, AfterViewInit, OnDestroy {\r\n  id = `I${uuid.v4()}`;\r\n  kImages: (Rect | KonvaImage)[] = [];\r\n  #height: number;\r\n  #width: number;\r\n  #images: string[];\r\n  #stage: Stage;\r\n  #layer: Layer;\r\n  @Input() set height(height: number) {\r\n    this.#height = +height;\r\n  }\r\n  @Input() set width(width: number) {\r\n    this.#width = +width;\r\n  }\r\n  @Input() set images(images: string[]) {\r\n    setTimeout(() => {\r\n      this.#images = images;\r\n      this.#onLoad.next(this.#images);\r\n    }, 2000);\r\n  }\r\n\r\n  @Output() save = new EventEmitter();\r\n  #elementRef: ElementRef;\r\n  @ViewChild('container') set container(elementRef: ElementRef) {\r\n    if (this.#elementRef !== elementRef) {\r\n      this.#elementRef = elementRef;\r\n      this.#onLoad.next(this.#images);\r\n    }\r\n  }\r\n\r\n  #onLoad = new Subject();\r\n  #subscription = new Subscription();\r\n  constructor(private ref: ChangeDetectorRef) {\r\n  }\r\n\r\n  ngOnInit() {\r\n\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#subscription.add(this.#onLoad.pipe(startWith([])).subscribe(() => {\r\n      if (!document.getElementById(this.id)) {\r\n        return;\r\n      }\r\n      document.getElementById(this.id).innerHTML = '';\r\n      if (!this.#images?.length) {\r\n        return;\r\n      }\r\n      const images = this.#images;\r\n      this.#stage = new Konva.Stage({\r\n        container: this.id,\r\n        width: this.#width,\r\n        height: this.#height\r\n      });\r\n\r\n      this.#layer = new Konva.Layer();\r\n      this.#stage.add(this.#layer);\r\n      for (const [idx, img] of images.entries()) {\r\n        let x = 0;\r\n        let y = 0;\r\n        const width = this.#width / 2;\r\n        const height = this.#height / 2;\r\n        if (images.length === 1) {\r\n          x = this.#width / 4;\r\n          y = this.#height / 4;\r\n        } else if (images.length === 2) {\r\n          if (idx === 0) {\r\n            x = 0;\r\n            y = this.#height / 4;\r\n          } else if (idx === 1) {\r\n            x = this.#width / 2;\r\n            y = this.#height / 4;\r\n          }\r\n        } else if (images.length === 3) {\r\n          if (idx === 0) {\r\n            x = 0;\r\n            y = 0;\r\n          } else if (idx === 1) {\r\n            x = this.#width / 2;\r\n            y = 0;\r\n          } else if (idx === 2) {\r\n            x = this.#width / 4;\r\n            y = this.#height / 4;\r\n          }\r\n        } else if (images.length === 4) {\r\n          if (idx === 0) {\r\n            x = 0;\r\n            y = 0;\r\n          } else if (idx === 1) {\r\n            x = this.#width / 2;\r\n            y = 0;\r\n          } else if (idx === 2) {\r\n            x = 0;\r\n            y = this.#height / 2;\r\n          } else if (idx === 3) {\r\n            x = this.#width / 2;\r\n            y = this.#height / 2;\r\n          }\r\n        }\r\n        const image = new Image();\r\n        const konvaImage = new Konva.Image({\r\n          image,\r\n          x,\r\n          y,\r\n          width,\r\n          height,\r\n          name: 'image',\r\n          draggable: true,\r\n        });\r\n        this.kImages.push(konvaImage);\r\n        image.onload = () => {\r\n          konvaImage.image(image);\r\n          this.ref.detectChanges();\r\n        };\r\n        image.crossOrigin = 'Anonymous';\r\n        image.src = img;\r\n        this.#layer.add(konvaImage);\r\n      }\r\n      const tr = new Konva.Transformer();\r\n      this.#layer.add(tr);\r\n\r\n      // at this point basic demo is finished!!\r\n      // we just have several transforming nodes\r\n      this.#layer.draw();\r\n      this.ref.detectChanges();\r\n      // clicks should select/deselect shapes\r\n      this.#stage.on('click tap', (e) => {\r\n\r\n        // if click on empty area - remove all selections\r\n        if (e.target === this.#stage) {\r\n          tr.nodes([]);\r\n          this.#layer.draw();\r\n          return;\r\n        }\r\n\r\n        // do nothing if clicked NOT on our rectangles\r\n        if (!e.target.hasName('rect') && !e.target.hasName('image')) {\r\n          return;\r\n        }\r\n\r\n        // do we pressed shift or ctrl?\r\n        const metaPressed = e.evt.shiftKey || e.evt.ctrlKey || e.evt.metaKey;\r\n        const isSelected = tr.nodes().indexOf(e.target) >= 0;\r\n\r\n        if (!metaPressed && !isSelected) {\r\n          // if no key pressed and the node is not selected\r\n          // select just one\r\n          tr.nodes([e.target]);\r\n        } else if (metaPressed && isSelected) {\r\n          // if we pressed keys and node was selected\r\n          // we need to remove it from selection:\r\n          const nodes = tr.nodes().slice(); // use slice to have new copy of array\r\n          // remove node from array\r\n          nodes.splice(nodes.indexOf(e.target), 1);\r\n          tr.nodes(nodes);\r\n        } else if (metaPressed && !isSelected) {\r\n          // add the node into selection\r\n          const nodes = tr.nodes().concat([e.target]);\r\n          tr.nodes(nodes);\r\n        }\r\n        this.#layer.draw();\r\n      });\r\n    }));\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  toImage = async (): Promise<HTMLImageElement> => {\r\n    return await new Promise(resolve => {\r\n      this.#stage?.toImage({\r\n        callback: (image) => {\r\n          resolve(image);\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  toDataUrl = (): string => {\r\n    return this.#stage.toDataURL();\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdMergeImages } from './merge-images/merge-images.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SdMergeImages\r\n  ],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: [\r\n    SdMergeImages\r\n  ]\r\n})\r\nexport class SdKonvaModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/konva.module';\r\nexport * from './lib/merge-images/merge-images.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":"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"}

package/fesm2015/sd-angular-core-label.js.__ivy_ngcc_bak

@@ -1,49 +0,0 @@
-import { Component, Input, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatIconModule } from '@angular/material/icon';
-
-class SdLabel {
-    constructor() {
-        this.fontSet = 'material-icons';
-    }
-    ngOnInit() {
-    }
-    ngAfterViewInit() {
-    }
-}
-SdLabel.decorators = [
-    { type: Component, args: [{
-                selector: 'sd-label',
-                template: "<div class=\"d-inline mr-2\">\r\n  <mat-icon *ngIf=\"icon\" class=\"align-middle mr-2\" [fontSet]=\"fontSet\">{{icon}}</mat-icon><span class=\"T14R\">{{label}}:</span>\r\n</div>\r\n<ng-content></ng-content>"
-            },] }
-];
-SdLabel.ctorParameters = () => [];
-SdLabel.propDecorators = {
-    label: [{ type: Input }],
-    icon: [{ type: Input }],
-    fontSet: [{ type: Input }]
-};
-
-class SdLabelModule {
-}
-SdLabelModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    MatIconModule
-                ],
-                declarations: [
-                    SdLabel
-                ],
-                exports: [
-                    SdLabel
-                ]
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SdLabelModule, SdLabel as ɵa };
-//# sourceMappingURL=sd-angular-core-label.js.map

package/fesm2015/sd-angular-core-label.js.map.__ivy_ngcc_bak

@@ -1 +0,0 @@
-{"version":3,"file":"sd-angular-core-label.js","sources":["../../../../projects/sd-core/label/src/lib/label.component.ts","../../../../projects/sd-core/label/src/lib/label.module.ts","../../../../projects/sd-core/label/sd-angular-core-label.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  OnInit,\r\n  AfterViewInit,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sd-label',\r\n  templateUrl: './label.component.html',\r\n})\r\n\r\nexport class SdLabel implements OnInit, AfterViewInit {\r\n  @Input() label: string;\r\n  @Input() icon: string;\r\n  @Input() fontSet: 'material-icons' |\r\n    'material-icons-outlined' |\r\n    'material-icons-outlined' |\r\n    'material-icons-round' |\r\n    'material-icons-sharp' = 'material-icons';\r\n  constructor() {\r\n  }\r\n\r\n  ngOnInit() {\r\n  }\r\n\r\n  ngAfterViewInit() {\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 { SdLabel } from './label.component';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule\r\n  ],\r\n  declarations: [\r\n    SdLabel\r\n  ],\r\n  exports: [\r\n    SdLabel\r\n  ]\r\n})\r\nexport class SdLabelModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdLabel as ɵa} from './src/lib/label.component';"],"names":[],"mappings":";;;;MAYa,OAAO;IAQlB;QALS,YAAO,GAIW,gBAAgB,CAAC;KAE3C;IAED,QAAQ;KACP;IAED,eAAe;KACd;;;YApBF,SAAS,SAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,0NAAqC;aACtC;;;;oBAGE,KAAK;mBACL,KAAK;sBACL,KAAK;;;MCEK,aAAa;;;YAZzB,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;iBACd;gBACD,YAAY,EAAE;oBACZ,OAAO;iBACR;gBACD,OAAO,EAAE;oBACP,OAAO;iBACR;aACF;;;AChBD;;;;;;"}

package/fesm2015/sd-angular-core-loading.js.__ivy_ngcc_bak

@@ -1,83 +0,0 @@
-import { __classPrivateFieldGet } from 'tslib';
-import { ɵɵdefineInjectable, ɵɵinject, RendererFactory2, Injectable } from '@angular/core';
-
-var _createLoading;
-class SdLoadingService {
-    constructor(rendererFactory) {
-        this.loadingId = "L8d556b9b-f6dd-46e9-9710-757e65d82839";
-        this.loadingMap = new WeakMap();
-        this.start = (element = "body") => {
-            const ele = document.querySelector(element);
-            if (ele && !this.loadingMap.has(ele)) {
-                const loadingElement = __classPrivateFieldGet(this, _createLoading).call(this);
-                ele.appendChild(loadingElement);
-                this.loadingMap.set(ele, loadingElement);
-            }
-        };
-        this.isLoading = (element = "body") => {
-            const ele = document.querySelector(element);
-            return ele && this.loadingMap.has(ele);
-        };
-        this.stop = (element = "body") => {
-            const ele = document.querySelector(element);
-            if (ele && this.loadingMap.has(ele)) {
-                const loadingElement = this.loadingMap.get(ele);
-                loadingElement === null || loadingElement === void 0 ? void 0 : loadingElement.remove();
-                this.loadingMap.delete(ele);
-            }
-        };
-        _createLoading.set(this, () => {
-            const renderer = this.renderer;
-            const container = this.renderer.createElement('div');
-            const icon = this.renderer.createElement('i');
-            const containerStyle = {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                height: '100%',
-                width: '100%',
-                opacity: 0.6,
-                background: '#FFFFFF',
-                'z-index': 99999
-            };
-            const iconStyle = {
-                position: 'absolute',
-                top: 'calc(50% - 2.5rem)',
-                left: 'calc(50% - 2.5rem)',
-            };
-            renderer.addClass(container, 'sd-loading');
-            renderer.setAttribute(container, 'id', this.loadingId);
-            Object.entries(containerStyle).forEach((entry) => {
-                renderer.setStyle(container, entry[0], entry[1]);
-            });
-            renderer.setAttribute(icon, 'class', 'fa fa-5x fa-spinner fa-pulse');
-            Object.entries(iconStyle).forEach((entry) => {
-                renderer.setStyle(icon, entry[0], entry[1]);
-            });
-            container.appendChild(icon);
-            return container;
-        });
-        this.renderer = rendererFactory.createRenderer(null, null);
-    }
-}
-_createLoading = new WeakMap();
-SdLoadingService.ɵprov = ɵɵdefineInjectable({ factory: function SdLoadingService_Factory() { return new SdLoadingService(ɵɵinject(RendererFactory2)); }, token: SdLoadingService, providedIn: "root" });
-SdLoadingService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: "root",
-            },] }
-];
-SdLoadingService.ctorParameters = () => [
-    { type: RendererFactory2 }
-];
-
-/*
- * Public API Surface of superdev-angular-core
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SdLoadingService };
-//# sourceMappingURL=sd-angular-core-loading.js.map

package/fesm2015/sd-angular-core-loading.js.map.__ivy_ngcc_bak

@@ -1 +0,0 @@
-{"version":3,"file":"sd-angular-core-loading.js","sources":["../../../../projects/sd-core/loading/src/lib/loading.service.ts","../../../../projects/sd-core/loading/src/public-api.ts","../../../../projects/sd-core/loading/sd-angular-core-loading.ts"],"sourcesContent":["import { Injectable, Renderer2, RendererFactory2 } from \"@angular/core\";\r\n\r\n@Injectable({\r\n  providedIn: \"root\",\r\n})\r\nexport class SdLoadingService {\r\n  private loadingId = \"L8d556b9b-f6dd-46e9-9710-757e65d82839\";\r\n  \r\n  private renderer: Renderer2;\r\n\r\n  private loadingMap: WeakMap<Element, HTMLElement> = new WeakMap();\r\n  constructor(\r\n    rendererFactory: RendererFactory2\r\n  ) {\r\n    this.renderer = rendererFactory.createRenderer(null, null);\r\n  }\r\n\r\n  start = (element: string = \"body\") => {\r\n    const ele = document.querySelector(element);\r\n    if (ele && !this.loadingMap.has(ele)) {\r\n      const loadingElement = this.#createLoading();\r\n      ele.appendChild(loadingElement);\r\n      this.loadingMap.set(ele, loadingElement);\r\n    }\r\n  };\r\n\r\n  isLoading = (element: string = \"body\") => {\r\n    const ele = document.querySelector(element);\r\n    return ele && this.loadingMap.has(ele);\r\n  };\r\n\r\n  stop = (element: string = \"body\") => {\r\n    const ele = document.querySelector(element);\r\n    if (ele && this.loadingMap.has(ele)) {\r\n      const loadingElement = this.loadingMap.get(ele);\r\n      loadingElement?.remove();\r\n      this.loadingMap.delete(ele);\r\n    }\r\n  };\r\n\r\n  #createLoading = (): HTMLElement => {\r\n    const renderer = this.renderer;\r\n    const container: HTMLElement = this.renderer.createElement('div');\r\n    const icon: HTMLElement = this.renderer.createElement('i');\r\n    const containerStyle = {\r\n      position: 'absolute',\r\n      top: 0,\r\n      left: 0,\r\n      height: '100%',\r\n      width: '100%',\r\n      opacity: 0.6,\r\n      background: '#FFFFFF',\r\n      'z-index': 99999\r\n    }\r\n    const iconStyle = {\r\n      position: 'absolute',\r\n      top: 'calc(50% - 2.5rem)',\r\n      left: 'calc(50% - 2.5rem)',\r\n    }\r\n    renderer.addClass(container, 'sd-loading');\r\n    renderer.setAttribute(container, 'id', this.loadingId);\r\n    \r\n    Object.entries(containerStyle).forEach((entry) => {\r\n      renderer.setStyle(container, entry[0], entry[1]);\r\n    });\r\n    renderer.setAttribute(icon, 'class', 'fa fa-5x fa-spinner fa-pulse');\r\n    Object.entries(iconStyle).forEach((entry) => {\r\n      renderer.setStyle(icon, entry[0], entry[1]);\r\n    });\r\n\r\n    container.appendChild(icon);\r\n    return container;\r\n  }\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/loading.service';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/sd-angular-core-modal-resizable.js.__ivy_ngcc_bak

@@ -1,161 +0,0 @@
-import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
-import { EventEmitter, Component, ChangeDetectionStrategy, ComponentFactoryResolver, ApplicationRef, Injector, ChangeDetectorRef, ViewChild, Input, Output, NgModule } from '@angular/core';
-import { DomPortalOutlet, CdkPortal, PortalModule } from '@angular/cdk/portal';
-import { v4 } from 'uuid';
-import { SdLoadingService } from '@sd-angular/core/loading';
-import $ from 'jquery';
-import { CommonModule } from '@angular/common';
-import { MatIconModule } from '@angular/material/icon';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatButtonModule } from '@angular/material/button';
-import { SdButtonModule } from '@sd-angular/core/button';
-
-var _embeddedViewRef, _drawMiniumBar;
-class SdModalResizable {
-    constructor(cfr, ar, injector, ref, loadingService) {
-        this.cfr = cfr;
-        this.ar = ar;
-        this.injector = injector;
-        this.ref = ref;
-        this.loadingService = loadingService;
-        this.id = `I${v4()}`;
-        this.width = '480px';
-        this.editingChanged = new EventEmitter();
-        _embeddedViewRef.set(this, void 0);
-        this.isEditing = false;
-        this.isOpened = false;
-        this.isHover = false;
-        this.isLoading = false;
-        this.isMinium = false;
-        this.open = () => {
-            this.ref.markForCheck();
-            this.isOpened = true;
-            // console.log('OPEN isMinium' + this.id, this.isMinium);
-            // tinh toan width maxium lần đầu khi không ở trạng thái minium
-            if (!$('#' + this.id).hasClass('c-minium')) {
-                setTimeout(() => {
-                    const maxiumWidth = $('#' + this.id).width();
-                    if (maxiumWidth > 0) {
-                        $('#' + this.id).attr('data-width', maxiumWidth);
-                    }
-                    $('#' + this.id).removeClass('c-closed');
-                }, 100);
-            }
-            this.maxium();
-        };
-        this.close = () => {
-            this.ref.markForCheck();
-            this.isOpened = false;
-            setTimeout(() => {
-                $('#' + this.id).css({ width: '0px', right: '0px' }).removeClass('c-minium').addClass('c-closed');
-            }, 100);
-            this.stopLoading();
-            __classPrivateFieldGet(this, _drawMiniumBar).call(this);
-        };
-        this.minium = () => {
-            this.ref.markForCheck();
-            this.isMinium = true;
-            // console.log('MINIUM isMinium' + this.id, this.isMinium);
-            __classPrivateFieldGet(this, _drawMiniumBar).call(this);
-        };
-        this.maxium = () => {
-            this.ref.markForCheck();
-            this.isMinium = false;
-            // console.log('MAXIUM isMinium' + this.id, this.isMinium);
-            __classPrivateFieldGet(this, _drawMiniumBar).call(this);
-        };
-        _drawMiniumBar.set(this, () => {
-            setTimeout(() => {
-                let totalRight = 8;
-                const miniumWidth = 300;
-                $('.modal-custom').each((index, item) => {
-                    if ($(item).hasClass('c-minium')) {
-                        $(item).css({ width: 300 + 'px', right: totalRight + 'px' });
-                        totalRight += miniumWidth + 8;
-                    }
-                    else if (!$(item).hasClass('c-closed')) {
-                        const maxiumWidth = parseInt($(item).attr('data-width'), 0);
-                        if (maxiumWidth > 0) {
-                            $(item).css({ width: maxiumWidth + 'px', right: totalRight + 'px' });
-                            totalRight += maxiumWidth + 8;
-                        }
-                    }
-                });
-            }, 100);
-        });
-        this.startLoading = () => {
-            this.isLoading = true;
-            this.loadingService.stop();
-            this.loadingService.start(`#${this.id}`);
-        };
-        this.stopLoading = () => {
-            this.isLoading = false;
-            this.loadingService.stop();
-        };
-    }
-    ngAfterViewInit() {
-        __classPrivateFieldSet(this, _embeddedViewRef, new DomPortalOutlet(document.body, this.cfr, this.ar, this.injector).attachTemplatePortal(this.portal));
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _embeddedViewRef).destroy();
-    }
-    toggleEditable() {
-        this.isEditing = !this.isEditing;
-        this.editingChanged.emit(this.isEditing);
-    }
-}
-_embeddedViewRef = new WeakMap(), _drawMiniumBar = new WeakMap();
-SdModalResizable.decorators = [
-    { type: Component, args: [{
-                selector: 'sd-modal-resizable',
-                template: "<ng-template cdkPortal>\r\n  <div [id]=\"id\" class=\"modal-custom\" [ngStyle]=\"{'width': width}\"\r\n    [ngClass]=\"{'modal-custom--active': isOpened,'modal-custom--loading': isLoading, 'c-minium': isMinium}\"\r\n    (mouseover)=\"isHover = true\" (mouseout)=\"isHover = false\">\r\n    <ng-container *ngIf=\"isOpened\">\r\n      <div class=\"modal-custom__header media align-items-center\">\r\n        <div class=\"modal-custom__title media-body\">\r\n          <ng-content select=\"[sdTitle]\"></ng-content>\r\n        </div>\r\n        <button type=\"button\" class=\"c-action--white c-min\" (click)=\"minium()\" *ngIf=\"!isMinium\" mat-icon-button\r\n          title=\"Thu nh\u1ECF\">\r\n          <mat-icon>remove</mat-icon>\r\n        </button>\r\n        <button type=\"button\" class=\"c-action--white c-max\" (click)=\"maxium()\" *ngIf=\"isMinium\" mat-icon-button\r\n          title=\"Ph\u00F3ng to\">\r\n          <mat-icon>remove</mat-icon>\r\n        </button>\r\n        <button type=\"button\" class=\"c-action--white\" (click)=\"close()\" mat-icon-button title=\"\u0110\u00F3ng\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n      <div *ngIf=\"isOpened\" class=\"modal-custom__body\">\r\n        <div class=\"modal-custom__content\">\r\n          <ng-content select=\"[sdBody]\"></ng-content>\r\n        </div>\r\n      </div>\r\n      <div class=\"modal-custom__footer\">\r\n        <ng-content select=\"[sdFooter]\"></ng-content>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".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}"]
-            },] }
-];
-SdModalResizable.ctorParameters = () => [
-    { type: ComponentFactoryResolver },
-    { type: ApplicationRef },
-    { type: Injector },
-    { type: ChangeDetectorRef },
-    { type: SdLoadingService }
-];
-SdModalResizable.propDecorators = {
-    portal: [{ type: ViewChild, args: [CdkPortal,] }],
-    editable: [{ type: Input }],
-    width: [{ type: Input }],
-    editingChanged: [{ type: Output }]
-};
-
-class SdModalResizableModule {
-}
-SdModalResizableModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    MatIconModule,
-                    MatDialogModule,
-                    MatButtonModule,
-                    SdButtonModule,
-                    PortalModule
-                ],
-                declarations: [
-                    SdModalResizable
-                ],
-                exports: [
-                    SdModalResizable
-                ],
-                providers: []
-            },] }
-];
-
-/*
- * Public API Surface of superdev-angular-core
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SdModalResizable, SdModalResizableModule };
-//# sourceMappingURL=sd-angular-core-modal-resizable.js.map

package/fesm2015/sd-angular-core-modal-resizable.js.map.__ivy_ngcc_bak

@@ -1 +0,0 @@
-{"version":3,"file":"sd-angular-core-modal-resizable.js","sources":["../../../../projects/sd-core/modal-resizable/src/lib/modal-resizable/modal-resizable.component.ts","../../../../projects/sd-core/modal-resizable/src/lib/modal-resizable.module.ts","../../../../projects/sd-core/modal-resizable/src/public-api.ts","../../../../projects/sd-core/modal-resizable/sd-angular-core-modal-resizable.ts"],"sourcesContent":["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","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/modal-resizable/modal-resizable.component';\r\n\r\nexport * from './lib/modal-resizable.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":"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"}