@sd-angular/core 1.1.2 → 1.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/assets/scss/sd-core.scss +1 -0
  2. package/bundles/sd-angular-core-grid-material.umd.js +5 -5
  3. package/bundles/sd-angular-core-grid-material.umd.js.map +1 -1
  4. package/bundles/sd-angular-core-grid-material.umd.min.js +1 -1
  5. package/bundles/sd-angular-core-grid-material.umd.min.js.map +1 -1
  6. package/bundles/sd-angular-core-group.umd.js +22 -7
  7. package/bundles/sd-angular-core-group.umd.js.map +1 -1
  8. package/bundles/sd-angular-core-group.umd.min.js +1 -1
  9. package/bundles/sd-angular-core-group.umd.min.js.map +1 -1
  10. package/bundles/sd-angular-core-header-title.umd.js +11 -10
  11. package/bundles/sd-angular-core-header-title.umd.js.map +1 -1
  12. package/bundles/sd-angular-core-header-title.umd.min.js +1 -1
  13. package/bundles/sd-angular-core-header-title.umd.min.js.map +1 -1
  14. package/bundles/sd-angular-core-json-editor.umd.js +505 -0
  15. package/bundles/sd-angular-core-json-editor.umd.js.map +1 -0
  16. package/bundles/sd-angular-core-json-editor.umd.min.js +16 -0
  17. package/bundles/sd-angular-core-json-editor.umd.min.js.map +1 -0
  18. package/bundles/sd-angular-core.umd.js +4 -4
  19. package/bundles/sd-angular-core.umd.min.js +1 -1
  20. package/bundles/sd-angular-core.umd.min.js.map +1 -1
  21. package/esm2015/grid-material/src/lib/grid-material.component.js +4 -5
  22. package/esm2015/grid-material/src/lib/pipes/selection-visible.pipe.js +3 -2
  23. package/esm2015/group/sd-angular-core-group.js +2 -2
  24. package/esm2015/group/src/lib/group.component.js +50 -0
  25. package/esm2015/group/src/lib/group.module.js +2 -2
  26. package/esm2015/header-title/sd-angular-core-header-title.js +2 -2
  27. package/esm2015/header-title/src/lib/header-title.component.js +21 -0
  28. package/esm2015/header-title/src/lib/header-title.module.js +5 -3
  29. package/esm2015/json-editor/index.js +2 -0
  30. package/esm2015/json-editor/sd-angular-core-json-editor.js +5 -0
  31. package/esm2015/json-editor/src/lib/json-editor.component.js +120 -0
  32. package/esm2015/json-editor/src/lib/json-editor.module.js +36 -0
  33. package/esm2015/json-editor/src/public-api.js +6 -0
  34. package/esm2015/public-api.js +3 -1
  35. package/fesm2015/sd-angular-core-grid-material.js +5 -5
  36. package/fesm2015/sd-angular-core-grid-material.js.map +1 -1
  37. package/fesm2015/sd-angular-core-group.js +10 -3
  38. package/fesm2015/sd-angular-core-group.js.map +1 -1
  39. package/fesm2015/sd-angular-core-header-title.js +8 -6
  40. package/fesm2015/sd-angular-core-header-title.js.map +1 -1
  41. package/fesm2015/sd-angular-core-json-editor.js +162 -0
  42. package/fesm2015/sd-angular-core-json-editor.js.map +1 -0
  43. package/fesm2015/sd-angular-core.js +2 -0
  44. package/fesm2015/sd-angular-core.js.map +1 -1
  45. package/grid-material/sd-angular-core-grid-material.metadata.json +1 -1
  46. package/grid-material/src/lib/grid-material.component.d.ts +1 -1
  47. package/group/sd-angular-core-group.d.ts +1 -1
  48. package/group/sd-angular-core-group.metadata.json +1 -1
  49. package/group/src/lib/{group/group.component.d.ts → group.component.d.ts} +3 -2
  50. package/header-title/sd-angular-core-header-title.d.ts +1 -1
  51. package/header-title/sd-angular-core-header-title.metadata.json +1 -1
  52. package/header-title/src/lib/{header-title/header-title.component.d.ts → header-title.component.d.ts} +2 -2
  53. package/json-editor/index.d.ts +1 -0
  54. package/json-editor/package.json +12 -0
  55. package/json-editor/sd-angular-core-json-editor.d.ts +4 -0
  56. package/json-editor/sd-angular-core-json-editor.metadata.json +1 -0
  57. package/json-editor/src/lib/json-editor.component.d.ts +29 -0
  58. package/json-editor/src/lib/json-editor.module.d.ts +2 -0
  59. package/json-editor/src/public-api.d.ts +2 -0
  60. package/package.json +2 -1
  61. package/public-api.d.ts +2 -0
  62. package/{sd-angular-core-1.1.2.tgz → sd-angular-core-1.1.5.tgz} +0 -0
  63. package/esm2015/group/src/lib/group/group.component.js +0 -43
  64. package/esm2015/group/src/lib/group.model.js +0 -2
  65. package/esm2015/header-title/src/lib/header-title/header-title.component.js +0 -21
  66. package/group/src/lib/group.model.d.ts +0 -5
@@ -11,6 +11,9 @@
11
11
  this.isExpanded = true;
12
12
  this.expandable = false;
13
13
  this.onExpand = function () {
14
+ if (_this.expandable) {
15
+ return;
16
+ }
14
17
  _this.isExpanded = !_this.isExpanded;
15
18
  };
16
19
  this.open = function () {
@@ -20,20 +23,31 @@
20
23
  _this.isExpanded = false;
21
24
  };
22
25
  }
23
- SdGroupComponent.prototype._isExpanded = function (val) {
24
- this.isExpanded = (val === '') || val;
25
- };
26
- SdGroupComponent.prototype._expandable = function (val) {
27
- this.expandable = (val === '') || val;
28
- };
26
+ Object.defineProperty(SdGroupComponent.prototype, "_isExpanded", {
27
+ set: function (val) {
28
+ this.isExpanded = (val === '') || val;
29
+ },
30
+ enumerable: false,
31
+ configurable: true
32
+ });
33
+ Object.defineProperty(SdGroupComponent.prototype, "_expandable", {
34
+ set: function (val) {
35
+ this.expandable = (val === '') || val;
36
+ },
37
+ enumerable: false,
38
+ configurable: true
39
+ });
29
40
  SdGroupComponent.prototype.ngOnInit = function () {
41
+ if (this.expandable) {
42
+ this.isExpanded = true;
43
+ }
30
44
  };
31
45
  return SdGroupComponent;
32
46
  }());
33
47
  SdGroupComponent.decorators = [
34
48
  { type: core.Component, args: [{
35
49
  selector: 'sd-group',
36
- 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>",
50
+ 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>",
37
51
  changeDetection: core.ChangeDetectionStrategy.OnPush,
38
52
  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}"]
39
53
  },] }
@@ -43,6 +57,7 @@
43
57
  title: [{ type: core.Input }],
44
58
  description: [{ type: core.Input }],
45
59
  icon: [{ type: core.Input }],
60
+ tooltip: [{ type: core.Input }],
46
61
  height: [{ type: core.Input }],
47
62
  _isExpanded: [{ type: core.Input, args: ['isExpanded',] }],
48
63
  _expandable: [{ type: core.Input, args: ['expandable',] }]
@@ -1 +1 @@
1
- {"version":3,"file":"sd-angular-core-group.umd.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 { ChangeDetectionStrategy, 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 changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdGroupComponent implements OnInit {\r\n @Input() title: string;\r\n @Input() description: string;\r\n @Input() icon: string;\r\n @Input() height = 'auto';\r\n isExpanded = true;\r\n @Input('isExpanded') _isExpanded(val: boolean | '') {\r\n this.isExpanded = (val === '') || val;\r\n }\r\n\r\n expandable = false;\r\n @Input('expandable') _expandable(val: boolean | '') {\r\n this.expandable = (val === '') || val;\r\n }\r\n constructor() {}\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n onExpand = () => {\r\n this.isExpanded = !this.isExpanded;\r\n }\r\n\r\n open = () => {\r\n this.isExpanded = true;\r\n }\r\n\r\n close = () => {\r\n this.isExpanded = false;\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":["Component","ChangeDetectionStrategy","Input","NgModule","CommonModule","MatIconModule","SdHeaderTitleModule"],"mappings":";;;;;;;QAuBE;YAAA,iBAAgB;YAVP,WAAM,GAAG,MAAM,CAAC;YACzB,eAAU,GAAG,IAAI,CAAC;YAKlB,eAAU,GAAG,KAAK,CAAC;YASnB,aAAQ,GAAG;gBACT,KAAI,CAAC,UAAU,GAAG,CAAC,KAAI,CAAC,UAAU,CAAC;aACpC,CAAA;YAED,SAAI,GAAG;gBACL,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;aACxB,CAAA;YAED,UAAK,GAAG;gBACN,KAAI,CAAC,UAAU,GAAG,KAAK,CAAC;aACzB,CAAA;SAfe;QARK,sCAAW,GAAX,UAAY,GAAiB;YAChD,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;SACvC;QAGoB,sCAAW,GAAX,UAAY,GAAiB;YAChD,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;SACvC;QAGD,mCAAQ,GAAR;SACC;;;;gBAvBFA,cAAS,SAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,o6CAAqC;oBAErC,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;wBAEEC,UAAK;8BACLA,UAAK;uBACLA,UAAK;yBACLA,UAAK;8BAELA,UAAK,SAAC,YAAY;8BAKlBA,UAAK,SAAC,YAAY;;;;QCLrB;;;;;gBATCC,aAAQ,SAAC;oBACR,OAAO,EAAE;wBACPC,mBAAY;wBACZC,kBAAa;wBACbC,+BAAmB;qBACpB;oBACD,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;iBAC5B;;;ICdD;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"sd-angular-core-group.umd.js","sources":["../../../../projects/sd-core/group/src/lib/group.component.ts","../../../../projects/sd-core/group/src/lib/group.module.ts","../../../../projects/sd-core/group/sd-angular-core-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-group',\r\n templateUrl: './group.component.html',\r\n styleUrls: ['./group.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdGroupComponent implements OnInit {\r\n @Input() title: string;\r\n @Input() description: string;\r\n @Input() icon: string;\r\n @Input() tooltip: string;\r\n @Input() height = 'auto';\r\n\r\n isExpanded = true;\r\n @Input('isExpanded') set _isExpanded(val: boolean | '') {\r\n this.isExpanded = (val === '') || val;\r\n }\r\n\r\n expandable = false;\r\n @Input('expandable') set _expandable(val: boolean | '') {\r\n this.expandable = (val === '') || val;\r\n }\r\n\r\n constructor() {}\r\n\r\n ngOnInit(): void {\r\n if(this.expandable){\r\n this.isExpanded = true;\r\n }\r\n }\r\n\r\n onExpand = () => {\r\n if(this.expandable){\r\n return;\r\n }\r\n this.isExpanded = !this.isExpanded;\r\n }\r\n\r\n open = () => {\r\n this.isExpanded = true;\r\n }\r\n\r\n close = () => {\r\n this.isExpanded = false;\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 { SdHeaderTitleModule } from '@sd-angular/core/header-title';\r\nimport { SdGroupComponent } from './group.component';\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.component';"],"names":["Component","ChangeDetectionStrategy","Input","NgModule","CommonModule","MatIconModule","SdHeaderTitleModule"],"mappings":";;;;;;;QAyBE;YAAA,iBAAgB;YAZP,WAAM,GAAG,MAAM,CAAC;YAEzB,eAAU,GAAG,IAAI,CAAC;YAKlB,eAAU,GAAG,KAAK,CAAC;YAanB,aAAQ,GAAG;gBACT,IAAG,KAAI,CAAC,UAAU,EAAC;oBACjB,OAAO;iBACR;gBACD,KAAI,CAAC,UAAU,GAAG,CAAC,KAAI,CAAC,UAAU,CAAC;aACpC,CAAA;YAED,SAAI,GAAG;gBACL,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;aACxB,CAAA;YAED,UAAK,GAAG;gBACN,KAAI,CAAC,UAAU,GAAG,KAAK,CAAC;aACzB,CAAA;SArBe;QAThB,sBAAyB,yCAAW;iBAApC,UAAqC,GAAiB;gBACpD,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;aACvC;;;WAAA;QAGD,sBAAyB,yCAAW;iBAApC,UAAqC,GAAiB;gBACpD,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;aACvC;;;WAAA;QAID,mCAAQ,GAAR;YACE,IAAG,IAAI,CAAC,UAAU,EAAC;gBACjB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;aACxB;SACF;;;;gBA7BFA,cAAS,SAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,81BAAqC;oBAErC,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;wBAEEC,UAAK;8BACLA,UAAK;uBACLA,UAAK;0BACLA,UAAK;yBACLA,UAAK;8BAGLA,UAAK,SAAC,YAAY;8BAKlBA,UAAK,SAAC,YAAY;;;;QCNrB;;;;;gBATCC,aAAQ,SAAC;oBACR,OAAO,EAAE;wBACPC,mBAAY;wBACZC,kBAAa;wBACbC,+BAAmB;qBACpB;oBACD,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;iBAC5B;;;ICdD;;;;;;;;;;;;;;;"}
@@ -1,2 +1,2 @@
1
- !function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("@sd-angular/core/header-title")):"function"==typeof define&&define.amd?define("@sd-angular/core/group",["exports","@angular/core","@angular/common","@angular/material/icon","@sd-angular/core/header-title"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core.group={}),e.ng.core,e.ng.common,e.ng.material.icon,e["sd-angular"].core["header-title"])}(this,(function(e,n,r,t,o){"use strict";var d=function(){function e(){var e=this;this.height="auto",this.isExpanded=!0,this.expandable=!1,this.onExpand=function(){e.isExpanded=!e.isExpanded},this.open=function(){e.isExpanded=!0},this.close=function(){e.isExpanded=!1}}return e.prototype._isExpanded=function(e){this.isExpanded=""===e||e},e.prototype._expandable=function(e){this.expandable=""===e||e},e.prototype.ngOnInit=function(){},e}();d.decorators=[{type:n.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 \x3c!-- <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> --\x3e\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:n.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}"]}]}],d.ctorParameters=function(){return[]},d.propDecorators={title:[{type:n.Input}],description:[{type:n.Input}],icon:[{type:n.Input}],height:[{type:n.Input}],_isExpanded:[{type:n.Input,args:["isExpanded"]}],_expandable:[{type:n.Input,args:["expandable"]}]};var i=function(){};i.decorators=[{type:n.NgModule,args:[{imports:[r.CommonModule,t.MatIconModule,o.SdHeaderTitleModule],declarations:[d],exports:[d]}]}],e.SdGroupModule=i,e.ɵa=d,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("@sd-angular/core/header-title")):"function"==typeof define&&define.amd?define("@sd-angular/core/group",["exports","@angular/core","@angular/common","@angular/material/icon","@sd-angular/core/header-title"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core.group={}),e.ng.core,e.ng.common,e.ng.material.icon,e["sd-angular"].core["header-title"])}(this,(function(e,n,r,t,o){"use strict";var d=function(){function e(){var e=this;this.height="auto",this.isExpanded=!0,this.expandable=!1,this.onExpand=function(){e.expandable||(e.isExpanded=!e.isExpanded)},this.open=function(){e.isExpanded=!0},this.close=function(){e.isExpanded=!1}}return Object.defineProperty(e.prototype,"_isExpanded",{set:function(e){this.isExpanded=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_expandable",{set:function(e){this.expandable=""===e||e},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){this.expandable&&(this.isExpanded=!0)},e}();d.decorators=[{type:n.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 [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>',changeDetection:n.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}"]}]}],d.ctorParameters=function(){return[]},d.propDecorators={title:[{type:n.Input}],description:[{type:n.Input}],icon:[{type:n.Input}],tooltip:[{type:n.Input}],height:[{type:n.Input}],_isExpanded:[{type:n.Input,args:["isExpanded"]}],_expandable:[{type:n.Input,args:["expandable"]}]};var a=function(){};a.decorators=[{type:n.NgModule,args:[{imports:[r.CommonModule,t.MatIconModule,o.SdHeaderTitleModule],declarations:[d],exports:[d]}]}],e.SdGroupModule=a,e.ɵa=d,Object.defineProperty(e,"__esModule",{value:!0})}));
2
2
  //# sourceMappingURL=sd-angular-core-group.umd.min.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../projects/sd-core/group/src/lib/group/group.component.ts","../../../../projects/sd-core/group/src/lib/group.module.ts"],"names":["SdGroupComponent","_this","this","height","isExpanded","expandable","onExpand","open","close","prototype","_isExpanded","val","_expandable","ngOnInit","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","Input","NgModule","imports","CommonModule","MatIconModule","SdHeaderTitleModule","declarations","exports"],"mappings":"8qBAuBE,SAAAA,IAAA,IAAAC,EAAAC,KAVSA,KAAAC,OAAS,OAClBD,KAAAE,YAAa,EAKbF,KAAAG,YAAa,EASbH,KAAAI,SAAW,WACTL,EAAKG,YAAcH,EAAKG,YAG1BF,KAAAK,KAAO,WACLN,EAAKG,YAAa,GAGpBF,KAAAM,MAAQ,WACNP,EAAKG,YAAa,UAtBCJ,EAAAS,UAAAC,YAAA,SAAYC,GAC/BT,KAAKE,WAAsB,KAARO,GAAeA,GAIfX,EAAAS,UAAAG,YAAA,SAAYD,GAC/BT,KAAKG,WAAsB,KAARM,GAAeA,GAIpCX,EAAAS,UAAAI,SAAA,sCAtBDC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,WACVC,SAAA,63CAEAC,gBAAiBC,EAAAA,wBAAwBC,uaAGxCC,EAAAA,2BACAA,EAAAA,oBACAA,EAAAA,sBACAA,EAAAA,2BAEAA,EAAAA,MAAKN,KAAA,CAAC,mCAKNM,EAAAA,MAAKN,KAAA,CAAC,uBCLT,iCATCO,EAAAA,SAAQP,KAAA,CAAC,CACRQ,QAAS,CACPC,EAAAA,aACAC,EAAAA,cACAC,EAAAA,qBAEFC,aAAc,CAAC3B,GACf4B,QAAS,CAAC5B","sourcesContent":["import { ChangeDetectionStrategy, 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 changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdGroupComponent implements OnInit {\r\n @Input() title: string;\r\n @Input() description: string;\r\n @Input() icon: string;\r\n @Input() height = 'auto';\r\n isExpanded = true;\r\n @Input('isExpanded') _isExpanded(val: boolean | '') {\r\n this.isExpanded = (val === '') || val;\r\n }\r\n\r\n expandable = false;\r\n @Input('expandable') _expandable(val: boolean | '') {\r\n this.expandable = (val === '') || val;\r\n }\r\n constructor() {}\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n onExpand = () => {\r\n this.isExpanded = !this.isExpanded;\r\n }\r\n\r\n open = () => {\r\n this.isExpanded = true;\r\n }\r\n\r\n close = () => {\r\n this.isExpanded = false;\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"]}
1
+ {"version":3,"sources":["../../../../projects/sd-core/group/src/lib/group.component.ts","../../../../projects/sd-core/group/src/lib/group.module.ts"],"names":["SdGroupComponent","_this","this","height","isExpanded","expandable","onExpand","open","close","Object","defineProperty","prototype","val","ngOnInit","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","Input","NgModule","imports","CommonModule","MatIconModule","SdHeaderTitleModule","declarations","exports"],"mappings":"8qBAyBE,SAAAA,IAAA,IAAAC,EAAAC,KAZSA,KAAAC,OAAS,OAElBD,KAAAE,YAAa,EAKbF,KAAAG,YAAa,EAabH,KAAAI,SAAW,WACNL,EAAKI,aAGRJ,EAAKG,YAAcH,EAAKG,aAG1BF,KAAAK,KAAO,WACLN,EAAKG,YAAa,GAGpBF,KAAAM,MAAQ,WACNP,EAAKG,YAAa,UA7BpBK,OAAAC,eAAyBV,EAAAW,UAAA,cAAW,KAApC,SAAqCC,GACnCV,KAAKE,WAAsB,KAARQ,GAAeA,mCAIpCH,OAAAC,eAAyBV,EAAAW,UAAA,cAAW,KAApC,SAAqCC,GACnCV,KAAKG,WAAsB,KAARO,GAAeA,mCAKpCZ,EAAAW,UAAAE,SAAA,WACKX,KAAKG,aACNH,KAAKE,YAAa,6BA3BvBU,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,WACVC,SAAA,2zBAEAC,gBAAiBC,EAAAA,wBAAwBC,uaAGxCC,EAAAA,2BACAA,EAAAA,oBACAA,EAAAA,uBACAA,EAAAA,sBACAA,EAAAA,2BAGAA,EAAAA,MAAKN,KAAA,CAAC,mCAKNM,EAAAA,MAAKN,KAAA,CAAC,uBCNT,iCATCO,EAAAA,SAAQP,KAAA,CAAC,CACRQ,QAAS,CACPC,EAAAA,aACAC,EAAAA,cACAC,EAAAA,qBAEFC,aAAc,CAAC3B,GACf4B,QAAS,CAAC5B","sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-group',\r\n templateUrl: './group.component.html',\r\n styleUrls: ['./group.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdGroupComponent implements OnInit {\r\n @Input() title: string;\r\n @Input() description: string;\r\n @Input() icon: string;\r\n @Input() tooltip: string;\r\n @Input() height = 'auto';\r\n\r\n isExpanded = true;\r\n @Input('isExpanded') set _isExpanded(val: boolean | '') {\r\n this.isExpanded = (val === '') || val;\r\n }\r\n\r\n expandable = false;\r\n @Input('expandable') set _expandable(val: boolean | '') {\r\n this.expandable = (val === '') || val;\r\n }\r\n\r\n constructor() {}\r\n\r\n ngOnInit(): void {\r\n if(this.expandable){\r\n this.isExpanded = true;\r\n }\r\n }\r\n\r\n onExpand = () => {\r\n if(this.expandable){\r\n return;\r\n }\r\n this.isExpanded = !this.isExpanded;\r\n }\r\n\r\n open = () => {\r\n this.isExpanded = true;\r\n }\r\n\r\n close = () => {\r\n this.isExpanded = false;\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 { SdHeaderTitleModule } from '@sd-angular/core/header-title';\r\nimport { SdGroupComponent } from './group.component';\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"]}
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/icon')) :
3
- typeof define === 'function' && define.amd ? define('@sd-angular/core/header-title', ['exports', '@angular/core', '@angular/common', '@angular/material/icon'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core['header-title'] = {}), global.ng.core, global.ng.common, global.ng.material.icon));
5
- }(this, (function (exports, core, common, icon) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/icon'), require('@angular/material/tooltip')) :
3
+ typeof define === 'function' && define.amd ? define('@sd-angular/core/header-title', ['exports', '@angular/core', '@angular/common', '@angular/material/icon', '@angular/material/tooltip'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core['header-title'] = {}), global.ng.core, global.ng.common, global.ng.material.icon, global.ng.material.tooltip));
5
+ }(this, (function (exports, core, common, icon, tooltip) { 'use strict';
6
6
 
7
7
  var SdHeaderTitleComponent = /** @class */ (function () {
8
8
  function SdHeaderTitleComponent() {
@@ -14,16 +14,16 @@
14
14
  SdHeaderTitleComponent.decorators = [
15
15
  { type: core.Component, args: [{
16
16
  selector: 'sd-header-title',
17
- 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",
18
- 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}"]
17
+ 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",
18
+ 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}"]
19
19
  },] }
20
20
  ];
21
21
  SdHeaderTitleComponent.ctorParameters = function () { return []; };
22
22
  SdHeaderTitleComponent.propDecorators = {
23
23
  title: [{ type: core.Input }],
24
- iconLeft: [{ type: core.Input }],
25
- iconRight: [{ type: core.Input }],
26
- description: [{ type: core.Input }]
24
+ icon: [{ type: core.Input }],
25
+ description: [{ type: core.Input }],
26
+ tooltip: [{ type: core.Input }]
27
27
  };
28
28
 
29
29
  var SdHeaderTitleModule = /** @class */ (function () {
@@ -35,7 +35,8 @@
35
35
  { type: core.NgModule, args: [{
36
36
  imports: [
37
37
  common.CommonModule,
38
- icon.MatIconModule
38
+ icon.MatIconModule,
39
+ tooltip.MatTooltipModule
39
40
  ],
40
41
  declarations: [SdHeaderTitleComponent],
41
42
  exports: [SdHeaderTitleComponent]
@@ -1 +1 @@
1
- {"version":3,"file":"sd-angular-core-header-title.umd.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":["Component","Input","NgModule","CommonModule","MatIconModule"],"mappings":";;;;;;;QAcE;SAAiB;QAEjB,yCAAQ,GAAR;SACC;;;;gBAfFA,cAAS,SAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,4kBAA4C;;iBAE7C;;;;wBAGEC,UAAK;2BACLA,UAAK;4BACLA,UAAK;8BACLA,UAAK;;;;QCCR;;;;;gBARCC,aAAQ,SAAC;oBACR,OAAO,EAAE;wBACPC,mBAAY;wBACZC,kBAAa;qBACd;oBACD,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC;;;ICZD;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"sd-angular-core-header-title.umd.js","sources":["../../../../projects/sd-core/header-title/src/lib/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() icon: string;\r\n @Input() description: string;\r\n @Input() tooltip: 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.component';\r\nimport {MatTooltipModule} from '@angular/material/tooltip';\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n MatTooltipModule\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.component';"],"names":["Component","Input","NgModule","CommonModule","MatIconModule","MatTooltipModule"],"mappings":";;;;;;;QAcE;SAAiB;QAEjB,yCAAQ,GAAR;SACC;;;;gBAfFA,cAAS,SAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,syBAA4C;;iBAE7C;;;;wBAGEC,UAAK;uBACLA,UAAK;8BACLA,UAAK;0BACLA,UAAK;;;;QCER;;;;;gBATCC,aAAQ,SAAC;oBACR,OAAO,EAAE;wBACPC,mBAAY;wBACZC,kBAAa;wBACbC,wBAAgB;qBACjB;oBACD,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC;;;ICbD;;;;;;;;;;;;;;;"}
@@ -1,2 +1,2 @@
1
- !function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon")):"function"==typeof define&&define.amd?define("@sd-angular/core/header-title",["exports","@angular/core","@angular/common","@angular/material/icon"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core["header-title"]={}),e.ng.core,e.ng.common,e.ng.material.icon)}(this,(function(e,n,t,i){"use strict";var r=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();r.decorators=[{type:n.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}"]}]}],r.ctorParameters=function(){return[]},r.propDecorators={title:[{type:n.Input}],iconLeft:[{type:n.Input}],iconRight:[{type:n.Input}],description:[{type:n.Input}]};var o=function(){};o.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,i.MatIconModule],declarations:[r],exports:[r]}]}],e.SdHeaderTitleModule=o,e.ɵa=r,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("@angular/material/tooltip")):"function"==typeof define&&define.amd?define("@sd-angular/core/header-title",["exports","@angular/core","@angular/common","@angular/material/icon","@angular/material/tooltip"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core["header-title"]={}),e.ng.core,e.ng.common,e.ng.material.icon,e.ng.material.tooltip)}(this,(function(e,n,t,o,r){"use strict";var i=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();i.decorators=[{type:n.Component,args:[{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}"]}]}],i.ctorParameters=function(){return[]},i.propDecorators={title:[{type:n.Input}],icon:[{type:n.Input}],description:[{type:n.Input}],tooltip:[{type:n.Input}]};var a=function(){};a.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,o.MatIconModule,r.MatTooltipModule],declarations:[i],exports:[i]}]}],e.SdHeaderTitleModule=a,e.ɵa=i,Object.defineProperty(e,"__esModule",{value:!0})}));
2
2
  //# sourceMappingURL=sd-angular-core-header-title.umd.min.js.map
@@ -1 +1 @@
1
- {"version":3,"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"],"names":["SdHeaderTitleComponent","prototype","ngOnInit","Component","args","selector","template","Input","NgModule","imports","CommonModule","MatIconModule","declarations","exports"],"mappings":"+kBAcE,SAAAA,YAEAA,EAAAC,UAAAC,SAAA,sCAdDC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,kBACVC,SAAA,k5BAKCC,EAAAA,wBACAA,EAAAA,yBACAA,EAAAA,2BACAA,EAAAA,eCCH,iCARCC,EAAAA,SAAQJ,KAAA,CAAC,CACRK,QAAS,CACPC,EAAAA,aACAC,EAAAA,eAEFC,aAAc,CAACZ,GACfa,QAAS,CAACb","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"]}
1
+ {"version":3,"sources":["../../../../projects/sd-core/header-title/src/lib/header-title.component.ts","../../../../projects/sd-core/header-title/src/lib/header-title.module.ts"],"names":["SdHeaderTitleComponent","prototype","ngOnInit","Component","args","selector","template","Input","NgModule","imports","CommonModule","MatIconModule","MatTooltipModule","declarations","exports"],"mappings":"wqBAcE,SAAAA,YAEAA,EAAAC,UAAAC,SAAA,sCAdDC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,kBACVC,SAAA,4lCAKCC,EAAAA,oBACAA,EAAAA,2BACAA,EAAAA,uBACAA,EAAAA,eCEH,iCATCC,EAAAA,SAAQJ,KAAA,CAAC,CACRK,QAAS,CACPC,EAAAA,aACAC,EAAAA,cACAC,EAAAA,kBAEFC,aAAc,CAACb,GACfc,QAAS,CAACd","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() icon: string;\r\n @Input() description: string;\r\n @Input() tooltip: 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.component';\r\nimport {MatTooltipModule} from '@angular/material/tooltip';\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n MatTooltipModule\r\n ],\r\n declarations: [SdHeaderTitleComponent],\r\n exports: [SdHeaderTitleComponent]\r\n})\r\nexport class SdHeaderTitleModule { }\r\n"]}