@sd-angular/core 1.1.2 → 1.1.5

package/grid-material/src/lib/grid-material.component.d.ts

@@ -79,7 +79,7 @@ export declare class SdGridMaterial<T = any> implements OnInit, AfterViewInit, O
     onExpand: (rowData: SdGridMaterialItem) => Promise<void>;
     onSelect: (rowData: SdGridMaterialItem<T>) => void;
     onSelectAll: () => void;
-    onClearSelection: () => void;
+    onClearSelection: (items: SdGridMaterialItem<T>[]) => void;
     clearFilter: () => void;
     setFilter: (args: {
         columnFilter: any;

package/group/sd-angular-core-group.d.ts

@@ -2,4 +2,4 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-export { SdGroupComponent as ɵa } from './src/lib/group/group.component';
+export { SdGroupComponent as ɵa } from './src/lib/group.component';

package/group/sd-angular-core-group.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdGroupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":9,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/header-title","name":"SdHeaderTitleModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sd-group","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":19},"member":"OnPush"},"template":"<div class=\"c-sd-group\">\r\n  <div (click)=\"onExpand()\" class=\"c-sd-group-header\">\r\n    <div #headerTitle>\r\n      <ng-content select=\"[sdGroupTitle]\"></ng-content>\r\n    </div>\r\n    <sd-header-title *ngIf=\"!headerTitle?.children?.length\" [title]=\"title\"\r\n      [description]=\"description\" [iconLeft]=\"isExpanded?'keyboard_arrow_down':'chevron_right'\">\r\n    </sd-header-title>\r\n    <!-- <ng-container *ngIf=\"configHeader\">\r\n      <sd-header-title *ngIf=\"!configHeader.isViewIconRight\" \r\n        [title]=\"configHeader?.title\" \r\n        [description]=\"configHeader?.description\"\r\n        [iconLeft]=\"isExpand?'keyboard_arrow_down':'chevron_right'\">\r\n      </sd-header-title>\r\n      <sd-header-title *ngIf=\"configHeader.isViewIconRight\" \r\n        class=\"w-100\"\r\n        [title]=\"configHeader?.title\" \r\n        [description]=\"configHeader?.description\"\r\n        [iconRight]=\"isExpand?'keyboard_arrow_down':'chevron_right'\">\r\n      </sd-header-title>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!configHeader\">\r\n      <ng-content select=\"[sdGroupHeader]\"></ng-content>\r\n    </ng-container> -->\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"isExpanded\">\r\n    <div class=\"c-sd-group-body\">\r\n      <ng-content select=\"[sdGroupBody]\"></ng-content>\r\n    </div>\r\n  </ng-container>\r\n  <ng-content select=\"[sdGroupFooter]\"></ng-content>\r\n</div>","styles":[".c-sd-group{background:#fff;border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}.c-sd-group .c-sd-group-header{align-items:center;background:#fff;cursor:pointer;display:flex;padding:12px}.c-sd-group .c-sd-group-header:hover{background:#f5f5f5}.c-sd-group .c-sd-group-body{display:flex;flex-direction:column;padding:8px 12px}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"_isExpanded":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["isExpanded"]}]}],"_expandable":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3},"arguments":["expandable"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"SdGroupModule":"./src/lib/group.module","ɵa":"./src/lib/group/group.component"},"importAs":"@sd-angular/core/group"}
+{"__symbolic":"module","version":4,"metadata":{"SdGroupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":9,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/header-title","name":"SdHeaderTitleModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sd-group","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<div class=\"c-sd-group\">\r\n  <div (click)=\"onExpand()\" class=\"c-sd-group-header\">\r\n    <div #headerTitle>\r\n      <ng-content select=\"[sdGroupTitle]\"></ng-content>\r\n    </div>\r\n    <sd-header-title *ngIf=\"!headerTitle?.children?.length\" [title]=\"title\"\r\n      [tooltip]=\"tooltip\"\r\n      [description]=\"description\" \r\n      [icon]=\"icon || (isExpanded ? 'keyboard_arrow_down':'chevron_right')\">\r\n      <div sdHeaderRight>\r\n        <ng-content select=\"[sdGroupHeaderRight]\"></ng-content>\r\n      </div>\r\n    </sd-header-title>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"isExpanded\">\r\n    <div [style.height]=\"height\" class=\"c-sd-group-body\">\r\n      <ng-content select=\"[sdGroupBody]\"></ng-content>\r\n    </div>\r\n  </ng-container>\r\n  <ng-content select=\"[sdGroupFooter]\"></ng-content>\r\n</div>","styles":[".c-sd-group{background:#fff;border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}.c-sd-group .c-sd-group-header{align-items:center;background:#fff;cursor:pointer;display:flex;padding:12px}.c-sd-group .c-sd-group-header:hover{background:#f5f5f5}.c-sd-group .c-sd-group-body{display:flex;flex-direction:column;padding:8px 12px}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"_isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["isExpanded"]}]}],"_expandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["expandable"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"SdGroupModule":"./src/lib/group.module","ɵa":"./src/lib/group.component"},"importAs":"@sd-angular/core/group"}

package/group/src/lib/{group/group.component.d.ts → group.component.d.ts}

@@ -3,11 +3,12 @@ export declare class SdGroupComponent implements OnInit {
     title: string;
     description: string;
     icon: string;
+    tooltip: string;
     height: string;
     isExpanded: boolean;
-    _isExpanded(val: boolean | ''): void;
+    set _isExpanded(val: boolean | '');
     expandable: boolean;
-    _expandable(val: boolean | ''): void;
+    set _expandable(val: boolean | '');
     constructor();
     ngOnInit(): void;
     onExpand: () => void;

package/header-title/sd-angular-core-header-title.d.ts

@@ -2,4 +2,4 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-export { SdHeaderTitleComponent as ɵa } from './src/lib/header-title/header-title.component';
+export { SdHeaderTitleComponent as ɵa } from './src/lib/header-title.component';

package/header-title/sd-angular-core-header-title.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdHeaderTitleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sd-header-title","template":"<div class=\"d-flex\">\r\n  <div *ngIf=\"iconLeft\" class=\"c-header-icon-left\">\r\n    <mat-icon style=\"color: #757575;\"\r\n      class=\"material-symbols-outlined\">{{iconLeft}}</mat-icon>\r\n  </div>\r\n  <div class=\"flex-column\">\r\n    <div class=\"c-title\">{{title}}</div>\r\n    <div *ngIf=\"description\" class=\"c-description\">{{description}}</div>\r\n  </div>\r\n  <div *ngIf=\"iconRight\" class=\"c-header-icon-right\">\r\n    <mat-icon style=\"color: #757575;\"\r\n      class=\"material-symbols-outlined\">{{iconRight}}</mat-icon>\r\n  </div>\r\n</div>\r\n","styles":[".c-header-icon-left{margin-right:12px}.c-header-icon-left,.c-header-icon-right{align-items:center;display:flex;height:28px;width:28px}.c-header-icon-right{margin-left:auto}.c-title{font-size:20px;font-weight:500;line-height:28px}.c-description{font-size:14px;line-height:20px}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"iconLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"iconRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"SdHeaderTitleModule":"./src/lib/header-title.module","ɵa":"./src/lib/header-title/header-title.component"},"importAs":"@sd-angular/core/header-title"}
+{"__symbolic":"module","version":4,"metadata":{"SdHeaderTitleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":8,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":9,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sd-header-title","template":"<div class=\"d-flex\">\r\n  <div *ngIf=\"icon\" class=\"flex-shrink-1 c-header-icon\">\r\n    <mat-icon style=\"color: #757575;\"\r\n      class=\"material-symbols-outlined\">{{icon}}</mat-icon>\r\n  </div>\r\n  <div class=\"d-flex flex-column w-100 overflow-hidden\">\r\n    <div class=\"d-flex\">\r\n      <span class=\"T16M\">{{title}}</span>\r\n      <ng-container *ngIf=\"tooltip\">\r\n        <mat-icon\r\n          [matTooltip]=\"tooltip\"\r\n          class=\"material-icons-outlined c-header-icon-tooltip\"> info </mat-icon>\r\n      </ng-container>\r\n    </div>\r\n    <span *ngIf=\"description\" class=\"c-header-description\">{{description}}</span>\r\n  </div>\r\n  <div class=\"flex-shrink-1\">\r\n    <ng-content select=\"[sdHeaderRight]\"></ng-content>\r\n  </div>\r\n</div>\r\n","styles":[".c-header-icon{align-items:center;display:flex;height:28px;margin-right:8px;width:28px}.c-header-icon-tooltip{align-items:center;color:#757575;display:flex;font-size:20px;height:28px!important;margin-left:10px}.c-header-description{font-size:14px;line-height:20px}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"SdHeaderTitleModule":"./src/lib/header-title.module","ɵa":"./src/lib/header-title.component"},"importAs":"@sd-angular/core/header-title"}

package/header-title/src/lib/{header-title/header-title.component.d.ts → header-title.component.d.ts}

@@ -1,9 +1,9 @@
 import { OnInit } from '@angular/core';
 export declare class SdHeaderTitleComponent implements OnInit {
     title: string;
-    iconLeft: string;
-    iconRight: string;
+    icon: string;
     description: string;
+    tooltip: string;
     constructor();
     ngOnInit(): void;
 }

package/json-editor/index.d.ts

@@ -0,0 +1 @@
+export * from './src/public-api';

package/json-editor/package.json

@@ -0,0 +1,12 @@
+{
+  "peerDependencies": {},
+  "main": "../bundles/sd-angular-core-json-editor.umd.js",
+  "module": "../fesm2015/sd-angular-core-json-editor.js",
+  "es2015": "../fesm2015/sd-angular-core-json-editor.js",
+  "esm2015": "../esm2015/json-editor/sd-angular-core-json-editor.js",
+  "fesm2015": "../fesm2015/sd-angular-core-json-editor.js",
+  "typings": "sd-angular-core-json-editor.d.ts",
+  "metadata": "sd-angular-core-json-editor.metadata.json",
+  "sideEffects": false,
+  "name": "@sd-angular/core/json-editor"
+}

package/json-editor/sd-angular-core-json-editor.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/json-editor/sd-angular-core-json-editor.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"SdJsonEditorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":20,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":21,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":23,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdJsonEditor"}],"exports":[{"__symbolic":"reference","name":"SdJsonEditor"}]}]}],"members":{}},"SdJsonEditor":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"sd-json-editor","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"template":"<label *ngIf=\"label\" class=\"d-block T14M\">{{label}} <span class=\"text-danger mb-2\" *ngIf=\"required\">*</span></label>\r\n<div [id]=\"id\"></div>\r\n","styles":[""]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"sdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":81,"character":16},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityService","line":82,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"SdJsonEditorModule":"./src/lib/json-editor.module","SdJsonEditor":"./src/lib/json-editor.component"},"importAs":"@sd-angular/core/json-editor"}

package/json-editor/src/lib/json-editor.component.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter, ChangeDetectorRef, OnDestroy, AfterViewInit, OnInit } from '@angular/core';
+import { NgForm, FormGroup } from '@angular/forms';
+import { SdFormControl } from '@sd-angular/core/common';
+import { SdUtilityService } from '@sd-angular/core/utility';
+import 'jsoneditor';
+import JSONEditor from 'jsoneditor';
+export declare class SdJsonEditor implements OnDestroy, OnInit, AfterViewInit {
+    #private;
+    ref: ChangeDetectorRef;
+    private utilityService;
+    id: string;
+    editor: JSONEditor;
+    set name(val: string);
+    set form(val: NgForm | FormGroup);
+    label: string;
+    set model(value: any);
+    modelChange: EventEmitter<any>;
+    isRequired: boolean;
+    set required(val: boolean | '');
+    set disabled(val: boolean | '');
+    tooltip: string | ((inputValue: string) => string);
+    sdChange: EventEmitter<any>;
+    formControl: SdFormControl;
+    constructor(ref: ChangeDetectorRef, utilityService: SdUtilityService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    reValidate: () => void;
+}

package/json-editor/src/lib/json-editor.module.d.ts

@@ -0,0 +1,2 @@
+export declare class SdJsonEditorModule {
+}

package/json-editor/src/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/json-editor.module';
+export * from './lib/json-editor.component';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sd-angular/core",
-  "version": "1.1.2",
+  "version": "1.1.5",
   "homepage": "https://www.facebook.com/DarkP3ter",
   "author": {
     "name": "darkpeter",
@@ -41,6 +41,7 @@
     "quill": "^1.3.7",
     "quill-mention": "^2.1.1",
     "@types/quill": "1.3.10",
+    "jsoneditor": "^9.7.4",
     "tslib": "^2.0.0",
     "uuid": "^8.3.2",
     "xlsx": "^0.16.3"

package/public-api.d.ts

@@ -16,6 +16,8 @@ import '@sd-angular/core/comment';
 import '@sd-angular/core/filter';
 import '@sd-angular/core/modal-resizable';
 import '@sd-angular/core/db';
+import '@sd-angular/core/group';
+import '@sd-angular/core/json-editor';
 export { SdCoreModule } from './lib/core.module';
 export { MaterialModule } from './lib/material.module';
 export * from './lib/material.module';

package/esm2015/group/src/lib/group/group.component.js

@@ -1,43 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-export class SdGroupComponent {
-    constructor() {
-        this.height = 'auto';
-        this.isExpanded = true;
-        this.expandable = false;
-        this.onExpand = () => {
-            this.isExpanded = !this.isExpanded;
-        };
-        this.open = () => {
-            this.isExpanded = true;
-        };
-        this.close = () => {
-            this.isExpanded = false;
-        };
-    }
-    _isExpanded(val) {
-        this.isExpanded = (val === '') || val;
-    }
-    _expandable(val) {
-        this.expandable = (val === '') || val;
-    }
-    ngOnInit() {
-    }
-}
-SdGroupComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sd-group',
-                template: "<div class=\"c-sd-group\">\r\n  <div (click)=\"onExpand()\" class=\"c-sd-group-header\">\r\n    <div #headerTitle>\r\n      <ng-content select=\"[sdGroupTitle]\"></ng-content>\r\n    </div>\r\n    <sd-header-title *ngIf=\"!headerTitle?.children?.length\" [title]=\"title\"\r\n      [description]=\"description\" [iconLeft]=\"isExpanded?'keyboard_arrow_down':'chevron_right'\">\r\n    </sd-header-title>\r\n    <!-- <ng-container *ngIf=\"configHeader\">\r\n      <sd-header-title *ngIf=\"!configHeader.isViewIconRight\" \r\n        [title]=\"configHeader?.title\" \r\n        [description]=\"configHeader?.description\"\r\n        [iconLeft]=\"isExpand?'keyboard_arrow_down':'chevron_right'\">\r\n      </sd-header-title>\r\n      <sd-header-title *ngIf=\"configHeader.isViewIconRight\" \r\n        class=\"w-100\"\r\n        [title]=\"configHeader?.title\" \r\n        [description]=\"configHeader?.description\"\r\n        [iconRight]=\"isExpand?'keyboard_arrow_down':'chevron_right'\">\r\n      </sd-header-title>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!configHeader\">\r\n      <ng-content select=\"[sdGroupHeader]\"></ng-content>\r\n    </ng-container> -->\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"isExpanded\">\r\n    <div class=\"c-sd-group-body\">\r\n      <ng-content select=\"[sdGroupBody]\"></ng-content>\r\n    </div>\r\n  </ng-container>\r\n  <ng-content select=\"[sdGroupFooter]\"></ng-content>\r\n</div>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".c-sd-group{background:#fff;border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}.c-sd-group .c-sd-group-header{align-items:center;background:#fff;cursor:pointer;display:flex;padding:12px}.c-sd-group .c-sd-group-header:hover{background:#f5f5f5}.c-sd-group .c-sd-group-body{display:flex;flex-direction:column;padding:8px 12px}"]
-            },] }
-];
-SdGroupComponent.ctorParameters = () => [];
-SdGroupComponent.propDecorators = {
-    title: [{ type: Input }],
-    description: [{ type: Input }],
-    icon: [{ type: Input }],
-    height: [{ type: Input }],
-    _isExpanded: [{ type: Input, args: ['isExpanded',] }],
-    _expandable: [{ type: Input, args: ['expandable',] }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkM6L1VzZXJzL25naGlhdHQxNV9vbmVtb3VudC9Eb2N1bWVudHMvbGliLWNvcmUtdWkvcHJvamVjdHMvc2QtY29yZS9ncm91cC8iLCJzb3VyY2VzIjpbInNyYy9saWIvZ3JvdXAvZ3JvdXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBU2xGLE1BQU0sT0FBTyxnQkFBZ0I7SUFjM0I7UUFWUyxXQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3pCLGVBQVUsR0FBRyxJQUFJLENBQUM7UUFLbEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQVNuQixhQUFRLEdBQUcsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDckMsQ0FBQyxDQUFBO1FBRUQsU0FBSSxHQUFHLEdBQUcsRUFBRTtZQUNWLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLENBQUMsQ0FBQTtRQUVELFVBQUssR0FBRyxHQUFHLEVBQUU7WUFDWCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUMxQixDQUFDLENBQUE7SUFmYyxDQUFDO0lBUkssV0FBVyxDQUFDLEdBQWlCO1FBQ2hELElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxHQUFHLEtBQUssRUFBRSxDQUFDLElBQUksR0FBRyxDQUFDO0lBQ3hDLENBQUM7SUFHb0IsV0FBVyxDQUFDLEdBQWlCO1FBQ2hELElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxHQUFHLEtBQUssRUFBRSxDQUFDLElBQUksR0FBRyxDQUFDO0lBQ3hDLENBQUM7SUFHRCxRQUFRO0lBQ1IsQ0FBQzs7O1lBdkJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsVUFBVTtnQkFDcEIsbzZDQUFxQztnQkFFckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O2FBQ2hEOzs7O29CQUVFLEtBQUs7MEJBQ0wsS0FBSzttQkFDTCxLQUFLO3FCQUNMLEtBQUs7MEJBRUwsS0FBSyxTQUFDLFlBQVk7MEJBS2xCLEtBQUssU0FBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb25maWdoZWFkZXIgfSBmcm9tICcuLi9ncm91cC5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NkLWdyb3VwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2dyb3VwLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZztcclxuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaGVpZ2h0ID0gJ2F1dG8nO1xyXG4gIGlzRXhwYW5kZWQgPSB0cnVlO1xyXG4gIEBJbnB1dCgnaXNFeHBhbmRlZCcpIF9pc0V4cGFuZGVkKHZhbDogYm9vbGVhbiB8ICcnKSB7XHJcbiAgICB0aGlzLmlzRXhwYW5kZWQgPSAodmFsID09PSAnJykgfHwgdmFsO1xyXG4gIH1cclxuXHJcbiAgZXhwYW5kYWJsZSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnZXhwYW5kYWJsZScpIF9leHBhbmRhYmxlKHZhbDogYm9vbGVhbiB8ICcnKSB7XHJcbiAgICB0aGlzLmV4cGFuZGFibGUgPSAodmFsID09PSAnJykgfHwgdmFsO1xyXG4gIH1cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgb25FeHBhbmQgPSAoKSA9PiB7XHJcbiAgICB0aGlzLmlzRXhwYW5kZWQgPSAhdGhpcy5pc0V4cGFuZGVkO1xyXG4gIH1cclxuXHJcbiAgb3BlbiA9ICgpID0+IHtcclxuICAgIHRoaXMuaXNFeHBhbmRlZCA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBjbG9zZSA9ICgpID0+IHtcclxuICAgIHRoaXMuaXNFeHBhbmRlZCA9IGZhbHNlO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/group/src/lib/group.model.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAubW9kZWwuanMiLCJzb3VyY2VSb290IjoiQzovVXNlcnMvbmdoaWF0dDE1X29uZW1vdW50L0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL2dyb3VwLyIsInNvdXJjZXMiOlsic3JjL2xpYi9ncm91cC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBDb25maWdoZWFkZXIgeyBcclxuICB0aXRsZTogc3RyaW5nLCBcclxuICBkZXNjcmlwdGlvbj86IHN0cmluZyxcclxuICBpc1ZpZXdJY29uUmlnaHQ6IGJvb2xlYW5cclxufSJdfQ==

package/esm2015/header-title/src/lib/header-title/header-title.component.js

@@ -1,21 +0,0 @@
-import { Component, Input } from '@angular/core';
-export class SdHeaderTitleComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-SdHeaderTitleComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sd-header-title',
-                template: "<div class=\"d-flex\">\r\n  <div *ngIf=\"iconLeft\" class=\"c-header-icon-left\">\r\n    <mat-icon style=\"color: #757575;\"\r\n      class=\"material-symbols-outlined\">{{iconLeft}}</mat-icon>\r\n  </div>\r\n  <div class=\"flex-column\">\r\n    <div class=\"c-title\">{{title}}</div>\r\n    <div *ngIf=\"description\" class=\"c-description\">{{description}}</div>\r\n  </div>\r\n  <div *ngIf=\"iconRight\" class=\"c-header-icon-right\">\r\n    <mat-icon style=\"color: #757575;\"\r\n      class=\"material-symbols-outlined\">{{iconRight}}</mat-icon>\r\n  </div>\r\n</div>\r\n",
-                styles: [".c-header-icon-left{margin-right:12px}.c-header-icon-left,.c-header-icon-right{align-items:center;display:flex;height:28px;width:28px}.c-header-icon-right{margin-left:auto}.c-title{font-size:20px;font-weight:500;line-height:28px}.c-description{font-size:14px;line-height:20px}"]
-            },] }
-];
-SdHeaderTitleComponent.ctorParameters = () => [];
-SdHeaderTitleComponent.propDecorators = {
-    title: [{ type: Input }],
-    iconLeft: [{ type: Input }],
-    iconRight: [{ type: Input }],
-    description: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXRpdGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTVfb25lbW91bnQvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvaGVhZGVyLXRpdGxlLyIsInNvdXJjZXMiOlsic3JjL2xpYi9oZWFkZXItdGl0bGUvaGVhZGVyLXRpdGxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU96RCxNQUFNLE9BQU8sc0JBQXNCO0lBT2pDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzs7WUFmRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsNGtCQUE0Qzs7YUFFN0M7Ozs7b0JBR0UsS0FBSzt1QkFDTCxLQUFLO3dCQUNMLEtBQUs7MEJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZC1oZWFkZXItdGl0bGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXItdGl0bGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2hlYWRlci10aXRsZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZEhlYWRlclRpdGxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcclxuICBASW5wdXQoKSBpY29uTGVmdDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGljb25SaWdodDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uOiBzdHJpbmc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIl19

package/group/src/lib/group.model.d.ts

@@ -1,5 +0,0 @@
-export interface Configheader {
-    title: string;
-    description?: string;
-    isViewIconRight: boolean;
-}