@sd-angular/core 1.2.98 → 1.3.0

package/fesm2015/sd-angular-core-json-editor.js.__ivy_ngcc_bak

@@ -0,0 +1,180 @@
+import { EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, Input, Output, ContentChild, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { SdTranslateModule } from '@sd-angular/core/translate';
+import { NgForm, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { SdFormControl, SdLabelDefDirective, SdCommonModule } from '@sd-angular/core/common';
+import { MatButtonModule } from '@angular/material/button';
+import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
+import { v4 } from 'uuid';
+import { debounceTime } from 'rxjs/operators';
+import { Subscription } from 'rxjs';
+import JSONEditor from 'jsoneditor';
+
+var _name, _form, _model, _subscription, _reload, _onChange, _updateJson;
+class SdJsonEditor {
+    constructor(ref) {
+        this.ref = ref;
+        this.id = `I${v4()}`;
+        _name.set(this, v4());
+        this.height = '400px';
+        _form.set(this, void 0);
+        _model.set(this, void 0);
+        this.modelChange = new EventEmitter();
+        // Validator
+        this.isRequired = false;
+        this.sdChange = new EventEmitter();
+        this.formControl = new SdFormControl();
+        _subscription.set(this, new Subscription());
+        _reload.set(this, () => {
+            var _a;
+            const container = document.getElementById(this.id);
+            const option = {
+                mode: this.formControl.disabled ? 'view' : 'tree',
+                modes: ['tree', 'form', 'text', 'view'],
+                onChange: () => {
+                    const text = this.editor.getText();
+                    if (!text) {
+                        this.editor.set(null);
+                        __classPrivateFieldSet(this, _model, null);
+                        this.formControl.setValue(__classPrivateFieldGet(this, _model));
+                    }
+                    else {
+                        __classPrivateFieldSet(this, _model, this.editor.get());
+                        this.formControl.setValue(__classPrivateFieldGet(this, _model));
+                    }
+                },
+            };
+            this.editor = new JSONEditor(container, option);
+            __classPrivateFieldGet(this, _updateJson).call(this);
+            __classPrivateFieldGet(this, _subscription).add(this.formControl.valueChanges.pipe(debounceTime(100)).subscribe(__classPrivateFieldGet(this, _onChange)));
+            (_a = __classPrivateFieldGet(this, _form)) === null || _a === void 0 ? void 0 : _a.addControl(__classPrivateFieldGet(this, _name), this.formControl);
+        });
+        this.reValidate = () => {
+            this.formControl.updateValueAndValidity();
+        };
+        _onChange.set(this, (value) => {
+            this.modelChange.emit(value);
+            this.sdChange.emit(value);
+        });
+        _updateJson.set(this, () => {
+            var _a, _b;
+            (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.set) === null || _b === void 0 ? void 0 : _b.call(_a, this.formControl.value);
+        });
+    }
+    set name(val) {
+        if (val) {
+            __classPrivateFieldSet(this, _name, val);
+        }
+    }
+    set form(val) {
+        if (val) {
+            if (val instanceof NgForm) {
+                __classPrivateFieldSet(this, _form, val.form);
+            }
+            else {
+                __classPrivateFieldSet(this, _form, val);
+            }
+        }
+    }
+    set model(value) {
+        if (__classPrivateFieldGet(this, _model) !== value) {
+            __classPrivateFieldSet(this, _model, value);
+            this.formControl.setValue(__classPrivateFieldGet(this, _model), {
+                emitEvent: false
+            });
+            __classPrivateFieldGet(this, _updateJson).call(this);
+        }
+    }
+    set required(val) {
+        this.isRequired = (val === '') || val;
+        // this.#updateValidator();
+    }
+    // Optional
+    set disabled(val) {
+        val = (val === '') || val;
+        if (val) {
+            this.formControl.disable();
+        }
+        else {
+            this.formControl.enable();
+        }
+    }
+    ngOnInit() {
+        __classPrivateFieldGet(this, _subscription).add(this.formControl.sdChanges.subscribe(() => {
+            this.ref.markForCheck();
+        }));
+    }
+    ngAfterViewInit() {
+        __classPrivateFieldGet(this, _reload).call(this);
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = __classPrivateFieldGet(this, _form)) === null || _a === void 0 ? void 0 : _a.removeControl(__classPrivateFieldGet(this, _name));
+        __classPrivateFieldGet(this, _subscription).unsubscribe();
+    }
+}
+_name = new WeakMap(), _form = new WeakMap(), _model = new WeakMap(), _subscription = new WeakMap(), _reload = new WeakMap(), _onChange = new WeakMap(), _updateJson = new WeakMap();
+SdJsonEditor.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-json-editor',
+                template: "<label *ngIf=\"label&&!sdLabelDef?.templateRef\" class=\"d-block T14M\">{{label}} <span class=\"text-danger mb-2\" *ngIf=\"required\">*</span></label>\r\n<ng-container *ngIf=\"sdLabelDef?.templateRef\" matSuffix>\r\n  <ng-container *ngTemplateOutlet=\"sdLabelDef.templateRef\">\r\n  </ng-container>\r\n</ng-container>\r\n<div [id]=\"id\" [style.height]=\"height\"></div>\r\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+SdJsonEditor.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+SdJsonEditor.propDecorators = {
+    name: [{ type: Input }],
+    height: [{ type: Input }],
+    form: [{ type: Input }],
+    label: [{ type: Input }],
+    model: [{ type: Input }],
+    modelChange: [{ type: Output }],
+    required: [{ type: Input }],
+    disabled: [{ type: Input }],
+    tooltip: [{ type: Input }],
+    sdChange: [{ type: Output }],
+    sdLabelDef: [{ type: ContentChild, args: [SdLabelDefDirective,] }]
+};
+
+class SdJsonEditorModule {
+}
+SdJsonEditorModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    MatFormFieldModule,
+                    MatInputModule,
+                    MatIconModule,
+                    MatTooltipModule,
+                    SdTranslateModule,
+                    SdCommonModule,
+                    MatButtonModule
+                ],
+                declarations: [
+                    SdJsonEditor,
+                ],
+                exports: [
+                    SdJsonEditor
+                ]
+            },] }
+];
+
+/*
+ * Public API Surface of superdev-angular-core
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdJsonEditor, SdJsonEditorModule };
+//# sourceMappingURL=sd-angular-core-json-editor.js.map

package/fesm2015/sd-angular-core-json-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-json-editor.js","sources":["../../../../projects/sd-core/json-editor/src/lib/json-editor.component.ts","../../../../projects/sd-core/json-editor/src/lib/json-editor.module.ts","../../../../projects/sd-core/json-editor/src/public-api.ts","../../../../projects/sd-core/json-editor/sd-angular-core-json-editor.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  ViewChild,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectorRef,\r\n  OnDestroy,\r\n  AfterViewInit,\r\n  ElementRef,\r\n  OnInit,\r\n  ContentChild,\r\n  ChangeDetectionStrategy,\r\n  HostListener\r\n} from '@angular/core';\r\nimport { NgForm, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport { debounceTime } from 'rxjs/operators';\r\nimport { Subscription } from 'rxjs';\r\nimport { SdFormControl } from '@sd-angular/core/common';\r\nimport 'jsoneditor';\r\nimport JSONEditor, { JSONEditorOptions } from 'jsoneditor';\r\nimport { SdLabelDefDirective } from '@sd-angular/core/common';\r\n@Component({\r\n  selector: 'sd-json-editor',\r\n  templateUrl: './json-editor.component.html',\r\n  styleUrls: ['./json-editor.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdJsonEditor implements OnDestroy, OnInit, AfterViewInit {\r\n  id = `I${uuid.v4()}`;\r\n  editor: JSONEditor;\r\n  #name = uuid.v4();\r\n  @Input() set name(val: string) {\r\n    if (val) {\r\n      this.#name = val;\r\n    }\r\n  }\r\n  @Input() height = '400px';\r\n  #form: FormGroup;\r\n  @Input() set form(val: NgForm | FormGroup) {\r\n    if (val) {\r\n      if (val instanceof NgForm) {\r\n        this.#form = val.form;\r\n      } else {\r\n        this.#form = val;\r\n      }\r\n    }\r\n  }\r\n  @Input() label: string;\r\n  #model: any;\r\n  @Input() set model(value: any) {\r\n    if (this.#model !== value) {\r\n      this.#model = value;\r\n      this.formControl.setValue(this.#model, {\r\n        emitEvent: false\r\n      });\r\n      this.#updateJson();\r\n    }\r\n  }\r\n  @Output() modelChange = new EventEmitter();\r\n\r\n  // Validator\r\n  isRequired = false;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    // this.#updateValidator();\r\n  }\r\n  // Optional\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = (val === '') || val;\r\n    if (val) {\r\n      this.formControl.disable();\r\n    } else {\r\n      this.formControl.enable();\r\n    }\r\n  }\r\n  @Input() tooltip: string | ((inputValue: string) => string);\r\n  @Output() sdChange = new EventEmitter<any>();\r\n  @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n\r\n  formControl = new SdFormControl();\r\n  #subscription = new Subscription();\r\n  constructor(\r\n    public ref: ChangeDetectorRef) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n      this.ref.markForCheck();\r\n    }));\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#reload();\r\n  }\r\n\r\n  #reload = () => {\r\n    const container = document.getElementById(this.id);\r\n    const option: JSONEditorOptions = {\r\n      mode: this.formControl.disabled ? 'view' : 'tree',\r\n      modes: ['tree', 'form', 'text', 'view'],\r\n      onChange: () => {\r\n        const text = this.editor.getText();\r\n        if (!text) {\r\n          this.editor.set(null);\r\n          this.#model = null;\r\n          this.formControl.setValue(this.#model);\r\n        } else {\r\n          this.#model = this.editor.get();\r\n          this.formControl.setValue(this.#model);\r\n        }\r\n      },\r\n    };\r\n    this.editor = new JSONEditor(container, option);\r\n    this.#updateJson();\r\n    this.#subscription.add(this.formControl.valueChanges.pipe(debounceTime(100)).subscribe(this.#onChange));\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#form?.removeControl(this.#name);\r\n    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  reValidate = () => {\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  #onChange = (value: any) => {\r\n    this.modelChange.emit(value);\r\n    this.sdChange.emit(value);\r\n  }\r\n\r\n  #updateJson = () => {\r\n    this.editor?.set?.(this.formControl.value);\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 { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdJsonEditor } from './json-editor.component';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    SdTranslateModule,\r\n    SdCommonModule,\r\n    MatButtonModule\r\n  ],\r\n  declarations: [\r\n    SdJsonEditor,\r\n  ],\r\n  exports: [\r\n    SdJsonEditor\r\n  ]\r\n})\r\nexport class SdJsonEditorModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/json-editor.module';\r\nexport * from './lib/json-editor.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":"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"}
+{"version":3,"file":"sd-angular-core-json-editor.js","sources":["../../../../projects/sd-core/json-editor/src/lib/json-editor.component.ts","../../../../projects/sd-core/json-editor/src/lib/json-editor.module.ts","../../../../projects/sd-core/json-editor/src/public-api.ts","../../../../projects/sd-core/json-editor/sd-angular-core-json-editor.ts"],"names":["uuid.v4"],"mappings":"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","sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  ViewChild,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectorRef,\r\n  OnDestroy,\r\n  AfterViewInit,\r\n  ElementRef,\r\n  OnInit,\r\n  ContentChild,\r\n  ChangeDetectionStrategy,\r\n  HostListener\r\n} from '@angular/core';\r\nimport { NgForm, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport { debounceTime } from 'rxjs/operators';\r\nimport { Subscription } from 'rxjs';\r\nimport { SdFormControl } from '@sd-angular/core/common';\r\nimport 'jsoneditor';\r\nimport JSONEditor, { JSONEditorOptions } from 'jsoneditor';\r\nimport { SdLabelDefDirective } from '@sd-angular/core/common';\r\n@Component({\r\n  selector: 'sd-json-editor',\r\n  templateUrl: './json-editor.component.html',\r\n  styleUrls: ['./json-editor.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdJsonEditor implements OnDestroy, OnInit, AfterViewInit {\r\n  id = `I${uuid.v4()}`;\r\n  editor: JSONEditor;\r\n  #name = uuid.v4();\r\n  @Input() set name(val: string) {\r\n    if (val) {\r\n      this.#name = val;\r\n    }\r\n  }\r\n  @Input() height = '400px';\r\n  #form: FormGroup;\r\n  @Input() set form(val: NgForm | FormGroup) {\r\n    if (val) {\r\n      if (val instanceof NgForm) {\r\n        this.#form = val.form;\r\n      } else {\r\n        this.#form = val;\r\n      }\r\n    }\r\n  }\r\n  @Input() label: string;\r\n  #model: any;\r\n  @Input() set model(value: any) {\r\n    if (this.#model !== value) {\r\n      this.#model = value;\r\n      this.formControl.setValue(this.#model, {\r\n        emitEvent: false\r\n      });\r\n      this.#updateJson();\r\n    }\r\n  }\r\n  @Output() modelChange = new EventEmitter();\r\n\r\n  // Validator\r\n  isRequired = false;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    // this.#updateValidator();\r\n  }\r\n  // Optional\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = (val === '') || val;\r\n    if (val) {\r\n      this.formControl.disable();\r\n    } else {\r\n      this.formControl.enable();\r\n    }\r\n  }\r\n  @Input() tooltip: string | ((inputValue: string) => string);\r\n  @Output() sdChange = new EventEmitter<any>();\r\n  @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n\r\n  formControl = new SdFormControl();\r\n  #subscription = new Subscription();\r\n  constructor(\r\n    public ref: ChangeDetectorRef) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n      this.ref.markForCheck();\r\n    }));\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#reload();\r\n  }\r\n\r\n  #reload = () => {\r\n    const container = document.getElementById(this.id);\r\n    const option: JSONEditorOptions = {\r\n      mode: this.formControl.disabled ? 'view' : 'tree',\r\n      modes: ['tree', 'form', 'text', 'view'],\r\n      onChange: () => {\r\n        const text = this.editor.getText();\r\n        if (!text) {\r\n          this.editor.set(null);\r\n          this.#model = null;\r\n          this.formControl.setValue(this.#model);\r\n        } else {\r\n          this.#model = this.editor.get();\r\n          this.formControl.setValue(this.#model);\r\n        }\r\n      },\r\n    };\r\n    this.editor = new JSONEditor(container, option);\r\n    this.#updateJson();\r\n    this.#subscription.add(this.formControl.valueChanges.pipe(debounceTime(100)).subscribe(this.#onChange));\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#form?.removeControl(this.#name);\r\n    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  reValidate = () => {\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  #onChange = (value: any) => {\r\n    this.modelChange.emit(value);\r\n    this.sdChange.emit(value);\r\n  }\r\n\r\n  #updateJson = () => {\r\n    this.editor?.set?.(this.formControl.value);\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 { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdJsonEditor } from './json-editor.component';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    SdTranslateModule,\r\n    SdCommonModule,\r\n    MatButtonModule\r\n  ],\r\n  declarations: [\r\n    SdJsonEditor,\r\n  ],\r\n  exports: [\r\n    SdJsonEditor\r\n  ]\r\n})\r\nexport class SdJsonEditorModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/json-editor.module';\r\nexport * from './lib/json-editor.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/fesm2015/sd-angular-core-json-editor.js.map.__ivy_ngcc_bak

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-json-editor.js","sources":["../../../../projects/sd-core/json-editor/src/lib/json-editor.component.ts","../../../../projects/sd-core/json-editor/src/lib/json-editor.module.ts","../../../../projects/sd-core/json-editor/src/public-api.ts","../../../../projects/sd-core/json-editor/sd-angular-core-json-editor.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  ViewChild,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectorRef,\r\n  OnDestroy,\r\n  AfterViewInit,\r\n  ElementRef,\r\n  OnInit,\r\n  ContentChild,\r\n  ChangeDetectionStrategy,\r\n  HostListener\r\n} from '@angular/core';\r\nimport { NgForm, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport { debounceTime } from 'rxjs/operators';\r\nimport { Subscription } from 'rxjs';\r\nimport { SdFormControl } from '@sd-angular/core/common';\r\nimport 'jsoneditor';\r\nimport JSONEditor, { JSONEditorOptions } from 'jsoneditor';\r\nimport { SdLabelDefDirective } from '@sd-angular/core/common';\r\n@Component({\r\n  selector: 'sd-json-editor',\r\n  templateUrl: './json-editor.component.html',\r\n  styleUrls: ['./json-editor.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdJsonEditor implements OnDestroy, OnInit, AfterViewInit {\r\n  id = `I${uuid.v4()}`;\r\n  editor: JSONEditor;\r\n  #name = uuid.v4();\r\n  @Input() set name(val: string) {\r\n    if (val) {\r\n      this.#name = val;\r\n    }\r\n  }\r\n  @Input() height = '400px';\r\n  #form: FormGroup;\r\n  @Input() set form(val: NgForm | FormGroup) {\r\n    if (val) {\r\n      if (val instanceof NgForm) {\r\n        this.#form = val.form;\r\n      } else {\r\n        this.#form = val;\r\n      }\r\n    }\r\n  }\r\n  @Input() label: string;\r\n  #model: any;\r\n  @Input() set model(value: any) {\r\n    if (this.#model !== value) {\r\n      this.#model = value;\r\n      this.formControl.setValue(this.#model, {\r\n        emitEvent: false\r\n      });\r\n      this.#updateJson();\r\n    }\r\n  }\r\n  @Output() modelChange = new EventEmitter();\r\n\r\n  // Validator\r\n  isRequired = false;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    // this.#updateValidator();\r\n  }\r\n  // Optional\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = (val === '') || val;\r\n    if (val) {\r\n      this.formControl.disable();\r\n    } else {\r\n      this.formControl.enable();\r\n    }\r\n  }\r\n  @Input() tooltip: string | ((inputValue: string) => string);\r\n  @Output() sdChange = new EventEmitter<any>();\r\n  @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n\r\n  formControl = new SdFormControl();\r\n  #subscription = new Subscription();\r\n  constructor(\r\n    public ref: ChangeDetectorRef) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n      this.ref.markForCheck();\r\n    }));\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#reload();\r\n  }\r\n\r\n  #reload = () => {\r\n    const container = document.getElementById(this.id);\r\n    const option: JSONEditorOptions = {\r\n      mode: this.formControl.disabled ? 'view' : 'tree',\r\n      modes: ['tree', 'form', 'text', 'view'],\r\n      onChange: () => {\r\n        const text = this.editor.getText();\r\n        if (!text) {\r\n          this.editor.set(null);\r\n          this.#model = null;\r\n          this.formControl.setValue(this.#model);\r\n        } else {\r\n          this.#model = this.editor.get();\r\n          this.formControl.setValue(this.#model);\r\n        }\r\n      },\r\n    };\r\n    this.editor = new JSONEditor(container, option);\r\n    this.#updateJson();\r\n    this.#subscription.add(this.formControl.valueChanges.pipe(debounceTime(100)).subscribe(this.#onChange));\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#form?.removeControl(this.#name);\r\n    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  reValidate = () => {\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  #onChange = (value: any) => {\r\n    this.modelChange.emit(value);\r\n    this.sdChange.emit(value);\r\n  }\r\n\r\n  #updateJson = () => {\r\n    this.editor?.set?.(this.formControl.value);\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 { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdJsonEditor } from './json-editor.component';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    SdTranslateModule,\r\n    SdCommonModule,\r\n    MatButtonModule\r\n  ],\r\n  declarations: [\r\n    SdJsonEditor,\r\n  ],\r\n  exports: [\r\n    SdJsonEditor\r\n  ]\r\n})\r\nexport class SdJsonEditorModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/json-editor.module';\r\nexport * from './lib/json-editor.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-konva.js

@@ -234,4 +234,5 @@ SdKonvaModule.decorators = [
  */
 
 export { SdKonvaModule, SdMergeImages };
-//# sourceMappingURL=sd-angular-core-konva.js.map
+
+//# sourceMappingURL=sd-angular-core-konva.js.map

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

@@ -0,0 +1,237 @@
+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

@@ -1 +1 @@
-{"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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"}
+{"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"],"names":["uuid.v4"],"mappings":"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","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"]}

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

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

@@ -46,4 +46,5 @@ SdLabelModule.decorators = [
  */
 
 export { SdLabelModule, SdLabel as ɵa };
-//# sourceMappingURL=sd-angular-core-label.js.map
+
+//# sourceMappingURL=sd-angular-core-label.js.map

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

@@ -0,0 +1,49 @@
+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