@sd-angular/core 0.0.1040 → 0.0.1044

package/fesm2015/sd-angular-core-modal-custom.js

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

package/fesm2015/sd-angular-core-modal-custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-modal-custom.js","sources":["../../../../projects/sd-core/modal-custom/src/lib/modal-custom/modal-custom.component.ts","../../../../projects/sd-core/modal-custom/src/lib/modal-custom.module.ts","../../../../projects/sd-core/modal-custom/src/public-api.ts","../../../../projects/sd-core/modal-custom/sd-angular-core-modal-custom.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-custom',\r\n  templateUrl: './modal-custom.component.html',\r\n  styleUrls: ['./modal-custom.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdModalCustom 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 { SdModalCustom } from './modal-custom/modal-custom.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    SdModalCustom\r\n  ],\r\n  exports: [\r\n    SdModalCustom\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdModalCustomModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/modal-custom/modal-custom.component';\r\n\r\nexport * from './lib/modal-custom.module';\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-modal-resizable.js

@@ -0,0 +1,161 @@
+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: [".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

@@ -0,0 +1 @@
+{"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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"}

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

@@ -1,34 +1,25 @@
 import { InjectionToken, ɵɵdefineInjectable, ɵɵinject, Injectable, Inject, Optional } from '@angular/core';
-import { __awaiter, __classPrivateFieldGet } from 'tslib';
+import { __classPrivateFieldGet, __awaiter } from 'tslib';
 import hash from 'object-hash';
-import { Subject } from 'rxjs';
+import { BehaviorSubject } from 'rxjs';
 import { startWith, switchMap } from 'rxjs/operators';
 
 const SETTING_CONFIG = new InjectionToken('setting.configuration');
 
-var _cache, _subject, _get, _set, _has, _remove;
+var _cache, _subject, _get, _getServer, _set, _setServer, _has, _hasServer, _remove, _removeServer;
 class SdSettingService {
     constructor(configuration) {
         this.configuration = configuration;
         _cache.set(this, {});
         _subject.set(this, {});
         _get.set(this, (key, option) => {
-            return () => __awaiter(this, void 0, void 0, function* () {
-                var _a;
+            return () => {
                 let cache = __classPrivateFieldGet(this, _cache)[key];
                 if ((option === null || option === void 0 ? void 0 : option.type) === 'session') {
                     try {
                         cache = JSON.parse(sessionStorage.getItem(key));
                     }
-                    catch (_b) {
-                        cache = undefined;
-                    }
-                }
-                else if ((option === null || option === void 0 ? void 0 : option.type) === 'server') {
-                    try {
-                        cache = yield ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.get(key, option));
-                    }
-                    catch (_c) {
+                    catch (_a) {
                         cache = undefined;
                     }
                 }
@@ -36,7 +27,7 @@ class SdSettingService {
                     try {
                         cache = JSON.parse(localStorage.getItem(key));
                     }
-                    catch (_d) {
+                    catch (_b) {
                         cache = undefined;
                     }
                 }
@@ -44,11 +35,26 @@ class SdSettingService {
                     return option === null || option === void 0 ? void 0 : option.default;
                 }
                 return JSON.parse(JSON.stringify(cache.data));
+            };
+        });
+        _getServer.set(this, (key, option) => {
+            return () => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                let cache = __classPrivateFieldGet(this, _cache)[key];
+                try {
+                    cache = yield ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.get(key, option));
+                }
+                catch (_b) {
+                    cache = undefined;
+                }
+                if (!cache) {
+                    return option === null || option === void 0 ? void 0 : option.default;
+                }
+                return JSON.parse(JSON.stringify(cache.data));
             });
         });
         _set.set(this, (key, option) => {
-            return (data) => __awaiter(this, void 0, void 0, function* () {
-                var _a;
+            return (data) => {
                 __classPrivateFieldGet(this, _cache)[key] = {
                     data: JSON.parse(JSON.stringify(data)),
                     createdOn: new Date()
@@ -62,15 +68,6 @@ class SdSettingService {
                         console.error(err);
                     }
                 }
-                else if ((option === null || option === void 0 ? void 0 : option.type) === 'server') {
-                    try {
-                        yield ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.set(key, __classPrivateFieldGet(this, _cache)[key]));
-                        __classPrivateFieldGet(this, _subject)[key].next(__classPrivateFieldGet(this, _cache)[key].data);
-                    }
-                    catch (err) {
-                        console.error(err);
-                    }
-                }
                 else {
                     try {
                         localStorage.setItem(key, JSON.stringify(__classPrivateFieldGet(this, _cache)[key]));
@@ -80,25 +77,32 @@ class SdSettingService {
                         console.error(err);
                     }
                 }
+            };
+        });
+        _setServer.set(this, (key, option) => {
+            return (data) => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                __classPrivateFieldGet(this, _cache)[key] = {
+                    data: JSON.parse(JSON.stringify(data)),
+                    createdOn: new Date()
+                };
+                try {
+                    yield ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.set(key, __classPrivateFieldGet(this, _cache)[key]));
+                    __classPrivateFieldGet(this, _subject)[key].next(__classPrivateFieldGet(this, _cache)[key].data);
+                }
+                catch (err) {
+                    console.error(err);
+                }
             });
         });
         _has.set(this, (key, option) => {
-            return () => __awaiter(this, void 0, void 0, function* () {
-                var _a;
+            return () => {
                 let cache = __classPrivateFieldGet(this, _cache)[key];
                 if ((option === null || option === void 0 ? void 0 : option.type) === 'session') {
                     try {
                         cache = JSON.parse(sessionStorage.getItem(key));
                     }
-                    catch (_b) {
-                        cache = undefined;
-                    }
-                }
-                else if ((option === null || option === void 0 ? void 0 : option.type) === 'server') {
-                    try {
-                        cache = yield ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.get(key, option));
-                    }
-                    catch (_c) {
+                    catch (_a) {
                         cache = undefined;
                     }
                 }
@@ -106,7 +110,7 @@ class SdSettingService {
                     try {
                         cache = JSON.parse(localStorage.getItem(key));
                     }
-                    catch (_d) {
+                    catch (_b) {
                         cache = undefined;
                     }
                 }
@@ -114,18 +118,30 @@ class SdSettingService {
                     return false;
                 }
                 return true;
+            };
+        });
+        _hasServer.set(this, (key, option) => {
+            return () => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                let cache = __classPrivateFieldGet(this, _cache)[key];
+                try {
+                    cache = yield ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.get(key, option));
+                }
+                catch (_b) {
+                    cache = undefined;
+                }
+                if (!cache) {
+                    return false;
+                }
+                return true;
             });
         });
         _remove.set(this, (key, option) => {
             return () => __awaiter(this, void 0, void 0, function* () {
-                var _a;
                 try {
                     if ((option === null || option === void 0 ? void 0 : option.type) === 'session') {
                         sessionStorage.removeItem(key);
                     }
-                    else if ((option === null || option === void 0 ? void 0 : option.type) === 'server') {
-                        yield ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.remove(key, option));
-                    }
                     else {
                         localStorage.removeItem(key);
                     }
@@ -137,8 +153,55 @@ class SdSettingService {
                 }
             });
         });
+        _removeServer.set(this, (key, option) => {
+            return () => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                try {
+                    yield ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.remove(key, option));
+                    __classPrivateFieldGet(this, _cache)[key] = undefined;
+                    __classPrivateFieldGet(this, _subject)[key].next(undefined);
+                }
+                catch (err) {
+                    console.error(err);
+                }
+            });
+        });
     }
     create(key, option) {
+        var _a;
+        if (!key) {
+            throw new Error('Key is required');
+        }
+        let hashKey = null;
+        if (typeof (key) === 'string') {
+            hashKey = key;
+        }
+        else if (typeof (key) === 'object') {
+            hashKey = hash(key);
+        }
+        else {
+            throw new Error('Invalid key');
+        }
+        if ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.convertKey) {
+            hashKey = this.configuration.convertKey(hashKey);
+        }
+        const get = __classPrivateFieldGet(this, _get).call(this, hashKey, option);
+        const set = __classPrivateFieldGet(this, _set).call(this, hashKey, option);
+        const has = __classPrivateFieldGet(this, _has).call(this, hashKey, option);
+        const remove = __classPrivateFieldGet(this, _remove).call(this, hashKey, option);
+        if (!__classPrivateFieldGet(this, _subject)[hashKey]) {
+            __classPrivateFieldGet(this, _subject)[hashKey] = new BehaviorSubject(get());
+        }
+        return {
+            get,
+            set,
+            has,
+            remove,
+            subject: __classPrivateFieldGet(this, _subject)[hashKey],
+            observer: __classPrivateFieldGet(this, _subject)[hashKey].pipe(startWith(__classPrivateFieldGet(this, _subject)[hashKey].getValue()))
+        };
+    }
+    createServer(key, option) {
         var _a, _b, _c, _d;
         if (!key) {
             throw new Error('Key is required');
@@ -156,23 +219,21 @@ class SdSettingService {
         if ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.convertKey) {
             hashKey = this.configuration.convertKey(hashKey);
         }
-        if ((option === null || option === void 0 ? void 0 : option.type) === 'server') {
-            if (!((_b = this.configuration) === null || _b === void 0 ? void 0 : _b.get)) {
-                throw new Error('Please init setting configuration method get for type server');
-            }
-            if (!((_c = this.configuration) === null || _c === void 0 ? void 0 : _c.set)) {
-                throw new Error('Please init setting configuration method set for type server');
-            }
-            if (!((_d = this.configuration) === null || _d === void 0 ? void 0 : _d.remove)) {
-                throw new Error('Please init setting configuration method remove for type server');
-            }
+        if (!((_b = this.configuration) === null || _b === void 0 ? void 0 : _b.get)) {
+            throw new Error('Please init setting configuration method get for type server');
+        }
+        if (!((_c = this.configuration) === null || _c === void 0 ? void 0 : _c.set)) {
+            throw new Error('Please init setting configuration method set for type server');
+        }
+        if (!((_d = this.configuration) === null || _d === void 0 ? void 0 : _d.remove)) {
+            throw new Error('Please init setting configuration method remove for type server');
         }
         if (!__classPrivateFieldGet(this, _subject)[hashKey]) {
-            __classPrivateFieldGet(this, _subject)[hashKey] = new Subject();
+            __classPrivateFieldGet(this, _subject)[hashKey] = new BehaviorSubject(option === null || option === void 0 ? void 0 : option.default);
         }
-        const get = __classPrivateFieldGet(this, _get).call(this, hashKey, option);
-        const set = __classPrivateFieldGet(this, _set).call(this, hashKey, option);
-        const has = __classPrivateFieldGet(this, _has).call(this, hashKey, option);
+        const get = __classPrivateFieldGet(this, _getServer).call(this, hashKey, option);
+        const set = __classPrivateFieldGet(this, _setServer).call(this, hashKey, option);
+        const has = __classPrivateFieldGet(this, _hasServer).call(this, hashKey, option);
         const remove = __classPrivateFieldGet(this, _remove).call(this, hashKey, option);
         return {
             get,
@@ -180,11 +241,11 @@ class SdSettingService {
             has,
             remove,
             subject: __classPrivateFieldGet(this, _subject)[hashKey],
-            observer: __classPrivateFieldGet(this, _subject)[hashKey].pipe(startWith(option === null || option === void 0 ? void 0 : option.default), switchMap(get))
+            observer: __classPrivateFieldGet(this, _subject)[hashKey].pipe(startWith(__classPrivateFieldGet(this, _subject)[hashKey].getValue()), switchMap(get))
         };
     }
 }
-_cache = new WeakMap(), _subject = new WeakMap(), _get = new WeakMap(), _set = new WeakMap(), _has = new WeakMap(), _remove = new WeakMap();
+_cache = new WeakMap(), _subject = new WeakMap(), _get = new WeakMap(), _getServer = new WeakMap(), _set = new WeakMap(), _setServer = new WeakMap(), _has = new WeakMap(), _hasServer = new WeakMap(), _remove = new WeakMap(), _removeServer = new WeakMap();
 SdSettingService.ɵprov = ɵɵdefineInjectable({ factory: function SdSettingService_Factory() { return new SdSettingService(ɵɵinject(SETTING_CONFIG, 8)); }, token: SdSettingService, providedIn: "root" });
 SdSettingService.decorators = [
     { type: Injectable, args: [{