@sd-angular/core 1.0.98 → 1.1.1

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

@@ -0,0 +1,50 @@
+import { Component, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { SdHeaderTitleModule } from '@sd-angular/core/header-title';
+
+class SdGroupComponent {
+    constructor() {
+        this.onExpand = () => {
+            this.isExpand = !this.isExpand;
+        };
+    }
+    set isExpandDefail(val) {
+        this.isExpand = val || false;
+    }
+    ngOnInit() {
+    }
+}
+SdGroupComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-group',
+                template: "<div class=\"c-sd-group\">\r\n  <div (click)=\"onExpand()\" \r\n    class=\"c-sd-group-header\">\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=\"isExpand\">\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}"]
+            },] }
+];
+SdGroupComponent.ctorParameters = () => [];
+SdGroupComponent.propDecorators = {
+    isExpandDefail: [{ type: Input }],
+    configHeader: [{ type: Input }]
+};
+
+class SdGroupModule {
+}
+SdGroupModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MatIconModule,
+                    SdHeaderTitleModule
+                ],
+                declarations: [SdGroupComponent],
+                exports: [SdGroupComponent]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdGroupModule, SdGroupComponent as ɵa };
+//# sourceMappingURL=sd-angular-core-group.js.map

package/fesm2015/sd-angular-core-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-group.js","sources":["../../../../projects/sd-core/group/src/lib/group/group.component.ts","../../../../projects/sd-core/group/src/lib/group.module.ts","../../../../projects/sd-core/group/sd-angular-core-group.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\r\nimport { Configheader } from '../group.model';\r\n\r\n@Component({\r\n  selector: 'sd-group',\r\n  templateUrl: './group.component.html',\r\n  styleUrls: ['./group.component.scss']\r\n})\r\nexport class SdGroupComponent implements OnInit {\r\n\r\n  isExpand: boolean;\r\n  @Input() set isExpandDefail(val: boolean){\r\n    this.isExpand = val || false;\r\n  }\r\n  @Input() configHeader: Configheader\r\n\r\n  constructor() {}\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n  onExpand = () => {\r\n    this.isExpand = !this.isExpand;\r\n  }\r\n\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdGroupComponent } from './group/group.component';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdHeaderTitleModule } from '@sd-angular/core/header-title';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    SdHeaderTitleModule\r\n  ],\r\n  declarations: [SdGroupComponent],\r\n  exports: [SdGroupComponent]\r\n})\r\nexport class SdGroupModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdGroupComponent as ɵa} from './src/lib/group/group.component';"],"names":[],"mappings":";;;;;MAQa,gBAAgB;IAQ3B;QAKA,aAAQ,GAAG;YACT,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;SAChC,CAAA;KAPe;IALhB,IAAa,cAAc,CAAC,GAAY;QACtC,IAAI,CAAC,QAAQ,GAAG,GAAG,IAAI,KAAK,CAAC;KAC9B;IAKD,QAAQ;KACP;;;YAhBF,SAAS,SAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,umCAAqC;;aAEtC;;;;6BAIE,KAAK;2BAGL,KAAK;;;MCCK,aAAa;;;YATzB,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,mBAAmB;iBACpB;gBACD,YAAY,EAAE,CAAC,gBAAgB,CAAC;gBAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;aAC5B;;;ACdD;;;;;;"}

package/fesm2015/sd-angular-core-header-title.js

@@ -0,0 +1,43 @@
+import { Component, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+
+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 }]
+};
+
+class SdHeaderTitleModule {
+}
+SdHeaderTitleModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MatIconModule
+                ],
+                declarations: [SdHeaderTitleComponent],
+                exports: [SdHeaderTitleComponent]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdHeaderTitleModule, SdHeaderTitleComponent as ɵa };
+//# sourceMappingURL=sd-angular-core-header-title.js.map

package/fesm2015/sd-angular-core-header-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-header-title.js","sources":["../../../../projects/sd-core/header-title/src/lib/header-title/header-title.component.ts","../../../../projects/sd-core/header-title/src/lib/header-title.module.ts","../../../../projects/sd-core/header-title/sd-angular-core-header-title.ts"],"sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sd-header-title',\r\n  templateUrl: './header-title.component.html',\r\n  styleUrls: ['./header-title.component.scss']\r\n})\r\nexport class SdHeaderTitleComponent implements OnInit {\r\n\r\n  @Input() title: string;\r\n  @Input() iconLeft: string;\r\n  @Input() iconRight: string;\r\n  @Input() description: string;\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdHeaderTitleComponent } from './header-title/header-title.component';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule\r\n  ],\r\n  declarations: [SdHeaderTitleComponent],\r\n  exports: [SdHeaderTitleComponent]\r\n})\r\nexport class SdHeaderTitleModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdHeaderTitleComponent as ɵa} from './src/lib/header-title/header-title.component';"],"names":[],"mappings":";;;;MAOa,sBAAsB;IAOjC,iBAAiB;IAEjB,QAAQ;KACP;;;YAfF,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,4kBAA4C;;aAE7C;;;;oBAGE,KAAK;uBACL,KAAK;wBACL,KAAK;0BACL,KAAK;;;MCCK,mBAAmB;;;YAR/B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;iBACd;gBACD,YAAY,EAAE,CAAC,sBAAsB,CAAC;gBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;aAClC;;;ACZD;;;;;;"}