@sd-angular/core 1.3.157 → 1.3.158

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 (18) hide show
  1. package/bundles/sd-angular-core-group.umd.js +12 -5
  2. package/bundles/sd-angular-core-group.umd.js.map +1 -1
  3. package/bundles/sd-angular-core-group.umd.min.js +1 -1
  4. package/bundles/sd-angular-core-group.umd.min.js.map +1 -1
  5. package/bundles/sd-angular-core-header-title.umd.js +1 -1
  6. package/bundles/sd-angular-core-header-title.umd.js.map +1 -1
  7. package/bundles/sd-angular-core-header-title.umd.min.js +1 -1
  8. package/bundles/sd-angular-core-header-title.umd.min.js.map +1 -1
  9. package/esm2015/group/src/lib/group.component.js +10 -2
  10. package/esm2015/header-title/src/lib/header-title.component.js +2 -2
  11. package/fesm2015/sd-angular-core-group.js +9 -1
  12. package/fesm2015/sd-angular-core-group.js.map +1 -1
  13. package/fesm2015/sd-angular-core-header-title.js +1 -1
  14. package/fesm2015/sd-angular-core-header-title.js.map +1 -1
  15. package/group/sd-angular-core-group.metadata.json +1 -1
  16. package/header-title/sd-angular-core-header-title.metadata.json +1 -1
  17. package/package.json +1 -1
  18. package/{sd-angular-core-1.3.157.tgz → sd-angular-core-1.3.158.tgz} +0 -0
package/bundles/sd-angular-core-group.umd.js CHANGED
@@ -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'), require('@sd-angular/core/header-title')) :
3
- typeof define === 'function' && define.amd ? define('@sd-angular/core/group', ['exports', '@angular/core', '@angular/common', '@angular/material/icon', '@sd-angular/core/header-title'], 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.group = {}), global.ng.core, global.ng.common, global.ng.material.icon, global['sd-angular'].core['header-title']));
5
- }(this, (function (exports, core, common, icon, headerTitle) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/icon'), require('@sd-angular/core/header-title'), require('@angular/animations')) :
3
+ typeof define === 'function' && define.amd ? define('@sd-angular/core/group', ['exports', '@angular/core', '@angular/common', '@angular/material/icon', '@sd-angular/core/header-title', '@angular/animations'], 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.group = {}), global.ng.core, global.ng.common, global.ng.material.icon, global['sd-angular'].core['header-title'], global.ng.animations));
5
+ }(this, (function (exports, core, common, icon, headerTitle, animations) { 'use strict';
6
6
 
7
7
  var SdGroupComponent = /** @class */ (function () {
8
8
  function SdGroupComponent() {
@@ -47,7 +47,14 @@
47
47
  SdGroupComponent.decorators = [
48
48
  { type: core.Component, args: [{
49
49
  selector: 'sd-group',
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>",
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\" [tooltip]=\"tooltip\"\r\n [description]=\"description\" [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 <div [@expand]=\"isExpanded ? 'expanded' : 'collapsed'\">\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>\r\n</div>",
51
+ animations: [
52
+ animations.trigger('expand', [
53
+ animations.state('collapsed', animations.style({ height: '0', minHeight: '0', visibility: 'hidden' })),
54
+ animations.state('expanded', animations.style({ height: '*', visibility: 'visible' })),
55
+ animations.transition('expanded <=> collapsed', animations.animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
56
+ ]),
57
+ ],
51
58
  changeDetection: core.ChangeDetectionStrategy.OnPush,
52
59
  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}"]
53
60
  },] }
package/bundles/sd-angular-core-group.umd.js.map CHANGED
@@ -1 +1 @@
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,iBAAiB;YAZR,WAAM,GAAG,MAAM,CAAC;YAEzB,eAAU,GAAG,IAAI,CAAC;YAKlB,eAAU,GAAG,KAAK,CAAC;YAanB,aAAQ,GAAG;gBACT,IAAI,CAAC,KAAI,CAAC,UAAU,EAAE;oBACpB,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;SArBgB;QATjB,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,IAAI,IAAI,CAAC,UAAU,EAAE;gBACnB,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
+ {"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 { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport { 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 animations: [\r\n trigger('expand', [\r\n state('collapsed', style({ height: '0', minHeight: '0', visibility: 'hidden' })),\r\n state('expanded', style({ height: '*', visibility: 'visible' })),\r\n transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),\r\n ]),\r\n ],\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","trigger","state","style","transition","animate","ChangeDetectionStrategy","Input","NgModule","CommonModule","MatIconModule","SdHeaderTitleModule"],"mappings":";;;;;;;QAiCE;YAAA,iBAAiB;YAZR,WAAM,GAAG,MAAM,CAAC;YAEzB,eAAU,GAAG,IAAI,CAAC;YAKlB,eAAU,GAAG,KAAK,CAAC;YAanB,aAAQ,GAAG;gBACT,IAAI,CAAC,KAAI,CAAC,UAAU,EAAE;oBACpB,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;SArBgB;QATjB,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,IAAI,IAAI,CAAC,UAAU,EAAE;gBACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;aACxB;SACF;;;;gBApCFA,cAAS,SAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,85BAAqC;oBAErC,UAAU,EAAE;wBACVC,kBAAO,CAAC,QAAQ,EAAE;4BAChBC,gBAAK,CAAC,WAAW,EAAEC,gBAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;4BAChFD,gBAAK,CAAC,UAAU,EAAEC,gBAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC;4BAChEC,qBAAU,CAAC,wBAAwB,EAAEC,kBAAO,CAAC,sCAAsC,CAAC,CAAC;yBACtF,CAAC;qBACH;oBACD,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;wBAEEC,UAAK;8BACLA,UAAK;uBACLA,UAAK;0BACLA,UAAK;yBACLA,UAAK;8BAGLA,UAAK,SAAC,YAAY;8BAKlBA,UAAK,SAAC,YAAY;;;;QCdrB;;;;;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;;;;;;;;;;;;;;;"}
package/bundles/sd-angular-core-group.umd.min.js CHANGED
@@ -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.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})}));
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"),require("@angular/animations")):"function"==typeof define&&define.amd?define("@sd-angular/core/group",["exports","@angular/core","@angular/common","@angular/material/icon","@sd-angular/core/header-title","@angular/animations"],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"],e.ng.animations)}(this,(function(e,n,t,r,i,o){"use strict";var a=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}();a.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" [tooltip]="tooltip"\r\n [description]="description" [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 <div [@expand]="isExpanded ? \'expanded\' : \'collapsed\'">\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>\r\n</div>',animations:[o.trigger("expand",[o.state("collapsed",o.style({height:"0",minHeight:"0",visibility:"hidden"})),o.state("expanded",o.style({height:"*",visibility:"visible"})),o.transition("expanded <=> collapsed",o.animate("225ms cubic-bezier(0.4, 0.0, 0.2, 1)"))])],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}"]}]}],a.ctorParameters=function(){return[]},a.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 d=function(){};d.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,r.MatIconModule,i.SdHeaderTitleModule],declarations:[a],exports:[a]}]}],e.SdGroupModule=d,e.ɵa=a,Object.defineProperty(e,"__esModule",{value:!0})}));
2
2
  //# sourceMappingURL=sd-angular-core-group.umd.min.js.map
package/bundles/sd-angular-core-group.umd.min.js.map CHANGED
@@ -1 +1 @@
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,WACJL,EAAKI,aAGVJ,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,WACMX,KAAKG,aACPH,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
+ {"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","animations","trigger","state","style","minHeight","visibility","transition","animate","changeDetection","ChangeDetectionStrategy","OnPush","Input","NgModule","imports","CommonModule","MatIconModule","SdHeaderTitleModule","declarations","exports"],"mappings":"qvBAiCE,SAAAA,IAAA,IAAAC,EAAAC,KAZSA,KAAAC,OAAS,OAElBD,KAAAE,YAAa,EAKbF,KAAAG,YAAa,EAabH,KAAAI,SAAW,WACJL,EAAKI,aAGVJ,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,WACMX,KAAKG,aACPH,KAAKE,YAAa,6BAlCvBU,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,WACVC,SAAA,63BAEAC,WAAY,CACVC,EAAAA,QAAQ,SAAU,CAChBC,EAAAA,MAAM,YAAaC,EAAAA,MAAM,CAAElB,OAAQ,IAAKmB,UAAW,IAAKC,WAAY,YACpEH,EAAAA,MAAM,WAAYC,EAAAA,MAAM,CAAElB,OAAQ,IAAKoB,WAAY,aACnDC,EAAAA,WAAW,yBAA0BC,EAAAA,QAAQ,4CAGjDC,gBAAiBC,EAAAA,wBAAwBC,uaAGxCC,EAAAA,2BACAA,EAAAA,oBACAA,EAAAA,uBACAA,EAAAA,sBACAA,EAAAA,2BAGAA,EAAAA,MAAKd,KAAA,CAAC,mCAKNc,EAAAA,MAAKd,KAAA,CAAC,uBCdT,iCATCe,EAAAA,SAAQf,KAAA,CAAC,CACRgB,QAAS,CACPC,EAAAA,aACAC,EAAAA,cACAC,EAAAA,qBAEFC,aAAc,CAACnC,GACfoC,QAAS,CAACpC","sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport { 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 animations: [\r\n trigger('expand', [\r\n state('collapsed', style({ height: '0', minHeight: '0', visibility: 'hidden' })),\r\n state('expanded', style({ height: '*', visibility: 'visible' })),\r\n transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),\r\n ]),\r\n ],\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"]}
package/bundles/sd-angular-core-header-title.umd.js CHANGED
@@ -14,7 +14,7 @@
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=\"icon\" class=\"flex-shrink-1 c-header-icon\">\r\n <mat-icon class=\"material-symbols-outlined text-grey\">{{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",
17
+ template: "<div class=\"d-flex\">\r\n <div *ngIf=\"icon\" class=\"flex-shrink-1 c-header-icon\">\r\n <mat-icon class=\"material-symbols-outlined text-grey\">{{icon}}</mat-icon>\r\n </div>\r\n <div class=\"d-flex flex-column w-100 overflow-hidden\">\r\n <div class=\"d-flex align-items-center\">\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
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
  ];
package/bundles/sd-angular-core-header-title.umd.js.map CHANGED
@@ -1 +1 @@
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,6wBAA4C;;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
+ {"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,gyBAA4C;;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;;;;;;;;;;;;;;;"}
package/bundles/sd-angular-core-header-title.umd.min.js CHANGED
@@ -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("@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 class="material-symbols-outlined text-grey">{{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})}));
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,r,o){"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 class="material-symbols-outlined text-grey">{{icon}}</mat-icon>\r\n </div>\r\n <div class="d-flex flex-column w-100 overflow-hidden">\r\n <div class="d-flex align-items-center">\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,r.MatIconModule,o.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
package/bundles/sd-angular-core-header-title.umd.min.js.map CHANGED
@@ -1 +1 @@
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,qkCAKCC,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"]}
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,wlCAKCC,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"]}
package/esm2015/group/src/lib/group.component.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { animate, state, style, transition, trigger } from '@angular/animations';
1
2
  import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
3
  export class SdGroupComponent {
3
4
  constructor() {
@@ -32,7 +33,14 @@ export class SdGroupComponent {
32
33
  SdGroupComponent.decorators = [
33
34
  { type: Component, args: [{
34
35
  selector: 'sd-group',
35
- 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>",
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\" [tooltip]=\"tooltip\"\r\n [description]=\"description\" [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 <div [@expand]=\"isExpanded ? 'expanded' : 'collapsed'\">\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>\r\n</div>",
37
+ animations: [
38
+ trigger('expand', [
39
+ state('collapsed', style({ height: '0', minHeight: '0', visibility: 'hidden' })),
40
+ state('expanded', style({ height: '*', visibility: 'visible' })),
41
+ transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
42
+ ]),
43
+ ],
36
44
  changeDetection: ChangeDetectionStrategy.OnPush,
37
45
  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}"]
38
46
  },] }
@@ -47,4 +55,4 @@ SdGroupComponent.propDecorators = {
47
55
  _isExpanded: [{ type: Input, args: ['isExpanded',] }],
48
56
  _expandable: [{ type: Input, args: ['expandable',] }]
49
57
  };
50
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkM6L1VzZXJzL3VzZXIvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvZ3JvdXAvIiwic291cmNlcyI6WyJzcmMvbGliL2dyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQVFsRixNQUFNLE9BQU8sZ0JBQWdCO0lBaUIzQjtRQVpTLFdBQU0sR0FBRyxNQUFNLENBQUM7UUFFekIsZUFBVSxHQUFHLElBQUksQ0FBQztRQUtsQixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBYW5CLGFBQVEsR0FBRyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDcEIsT0FBTzthQUNSO1lBQ0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDckMsQ0FBQyxDQUFBO1FBRUQsU0FBSSxHQUFHLEdBQUcsRUFBRTtZQUNWLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLENBQUMsQ0FBQTtRQUVELFVBQUssR0FBRyxHQUFHLEVBQUU7WUFDWCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUMxQixDQUFDLENBQUE7SUFyQmUsQ0FBQztJQVRqQixJQUF5QixXQUFXLENBQUMsR0FBaUI7UUFDcEQsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLEdBQUcsS0FBSyxFQUFFLENBQUMsSUFBSSxHQUFHLENBQUM7SUFDeEMsQ0FBQztJQUdELElBQXlCLFdBQVcsQ0FBQyxHQUFpQjtRQUNwRCxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsR0FBRyxLQUFLLEVBQUUsQ0FBQyxJQUFJLEdBQUcsQ0FBQztJQUN4QyxDQUFDO0lBSUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNuQixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztTQUN4QjtJQUNILENBQUM7OztZQTdCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFVBQVU7Z0JBQ3BCLDgxQkFBcUM7Z0JBRXJDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7OztvQkFFRSxLQUFLOzBCQUNMLEtBQUs7bUJBQ0wsS0FBSztzQkFDTCxLQUFLO3FCQUNMLEtBQUs7MEJBR0wsS0FBSyxTQUFDLFlBQVk7MEJBS2xCLEtBQUssU0FBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZC1ncm91cCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2dyb3VwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9ncm91cC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZEdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRvb2x0aXA6IHN0cmluZztcclxuICBASW5wdXQoKSBoZWlnaHQgPSAnYXV0byc7XHJcblxyXG4gIGlzRXhwYW5kZWQgPSB0cnVlO1xyXG4gIEBJbnB1dCgnaXNFeHBhbmRlZCcpIHNldCBfaXNFeHBhbmRlZCh2YWw6IGJvb2xlYW4gfCAnJykge1xyXG4gICAgdGhpcy5pc0V4cGFuZGVkID0gKHZhbCA9PT0gJycpIHx8IHZhbDtcclxuICB9XHJcblxyXG4gIGV4cGFuZGFibGUgPSBmYWxzZTtcclxuICBASW5wdXQoJ2V4cGFuZGFibGUnKSBzZXQgX2V4cGFuZGFibGUodmFsOiBib29sZWFuIHwgJycpIHtcclxuICAgIHRoaXMuZXhwYW5kYWJsZSA9ICh2YWwgPT09ICcnKSB8fCB2YWw7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmV4cGFuZGFibGUpIHtcclxuICAgICAgdGhpcy5pc0V4cGFuZGVkID0gdHJ1ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uRXhwYW5kID0gKCkgPT4ge1xyXG4gICAgaWYgKCF0aGlzLmV4cGFuZGFibGUpIHtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG4gICAgdGhpcy5pc0V4cGFuZGVkID0gIXRoaXMuaXNFeHBhbmRlZDtcclxuICB9XHJcblxyXG4gIG9wZW4gPSAoKSA9PiB7XHJcbiAgICB0aGlzLmlzRXhwYW5kZWQgPSB0cnVlO1xyXG4gIH1cclxuXHJcbiAgY2xvc2UgPSAoKSA9PiB7XHJcbiAgICB0aGlzLmlzRXhwYW5kZWQgPSBmYWxzZTtcclxuICB9XHJcbn1cclxuIl19
58
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkM6L1VzZXJzL3VzZXIvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvZ3JvdXAvIiwic291cmNlcyI6WyJzcmMvbGliL2dyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBZWxGLE1BQU0sT0FBTyxnQkFBZ0I7SUFpQjNCO1FBWlMsV0FBTSxHQUFHLE1BQU0sQ0FBQztRQUV6QixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBS2xCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFhbkIsYUFBUSxHQUFHLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFO2dCQUNwQixPQUFPO2FBQ1I7WUFDRCxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUNyQyxDQUFDLENBQUE7UUFFRCxTQUFJLEdBQUcsR0FBRyxFQUFFO1lBQ1YsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7UUFDekIsQ0FBQyxDQUFBO1FBRUQsVUFBSyxHQUFHLEdBQUcsRUFBRTtZQUNYLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQzFCLENBQUMsQ0FBQTtJQXJCZSxDQUFDO0lBVGpCLElBQXlCLFdBQVcsQ0FBQyxHQUFpQjtRQUNwRCxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsR0FBRyxLQUFLLEVBQUUsQ0FBQyxJQUFJLEdBQUcsQ0FBQztJQUN4QyxDQUFDO0lBR0QsSUFBeUIsV0FBVyxDQUFDLEdBQWlCO1FBQ3BELElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxHQUFHLEtBQUssRUFBRSxDQUFDLElBQUksR0FBRyxDQUFDO0lBQ3hDLENBQUM7SUFJRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25CLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1NBQ3hCO0lBQ0gsQ0FBQzs7O1lBcENGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsVUFBVTtnQkFDcEIsODVCQUFxQztnQkFFckMsVUFBVSxFQUFFO29CQUNWLE9BQU8sQ0FBQyxRQUFRLEVBQUU7d0JBQ2hCLEtBQUssQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDO3dCQUNoRixLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7d0JBQ2hFLFVBQVUsQ0FBQyx3QkFBd0IsRUFBRSxPQUFPLENBQUMsc0NBQXNDLENBQUMsQ0FBQztxQkFDdEYsQ0FBQztpQkFDSDtnQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQ7Ozs7b0JBRUUsS0FBSzswQkFDTCxLQUFLO21CQUNMLEtBQUs7c0JBQ0wsS0FBSztxQkFDTCxLQUFLOzBCQUdMLEtBQUssU0FBQyxZQUFZOzBCQUtsQixLQUFLLFNBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NkLWdyb3VwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2dyb3VwLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgdHJpZ2dlcignZXhwYW5kJywgW1xyXG4gICAgICBzdGF0ZSgnY29sbGFwc2VkJywgc3R5bGUoeyBoZWlnaHQ6ICcwJywgbWluSGVpZ2h0OiAnMCcsIHZpc2liaWxpdHk6ICdoaWRkZW4nIH0pKSxcclxuICAgICAgc3RhdGUoJ2V4cGFuZGVkJywgc3R5bGUoeyBoZWlnaHQ6ICcqJywgdmlzaWJpbGl0eTogJ3Zpc2libGUnIH0pKSxcclxuICAgICAgdHJhbnNpdGlvbignZXhwYW5kZWQgPD0+IGNvbGxhcHNlZCcsIGFuaW1hdGUoJzIyNW1zIGN1YmljLWJlemllcigwLjQsIDAuMCwgMC4yLCAxKScpKSxcclxuICAgIF0pLFxyXG4gIF0sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZztcclxuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdG9vbHRpcDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGhlaWdodCA9ICdhdXRvJztcclxuXHJcbiAgaXNFeHBhbmRlZCA9IHRydWU7XHJcbiAgQElucHV0KCdpc0V4cGFuZGVkJykgc2V0IF9pc0V4cGFuZGVkKHZhbDogYm9vbGVhbiB8ICcnKSB7XHJcbiAgICB0aGlzLmlzRXhwYW5kZWQgPSAodmFsID09PSAnJykgfHwgdmFsO1xyXG4gIH1cclxuXHJcbiAgZXhwYW5kYWJsZSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnZXhwYW5kYWJsZScpIHNldCBfZXhwYW5kYWJsZSh2YWw6IGJvb2xlYW4gfCAnJykge1xyXG4gICAgdGhpcy5leHBhbmRhYmxlID0gKHZhbCA9PT0gJycpIHx8IHZhbDtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuZXhwYW5kYWJsZSkge1xyXG4gICAgICB0aGlzLmlzRXhwYW5kZWQgPSB0cnVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25FeHBhbmQgPSAoKSA9PiB7XHJcbiAgICBpZiAoIXRoaXMuZXhwYW5kYWJsZSkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICB0aGlzLmlzRXhwYW5kZWQgPSAhdGhpcy5pc0V4cGFuZGVkO1xyXG4gIH1cclxuXHJcbiAgb3BlbiA9ICgpID0+IHtcclxuICAgIHRoaXMuaXNFeHBhbmRlZCA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBjbG9zZSA9ICgpID0+IHtcclxuICAgIHRoaXMuaXNFeHBhbmRlZCA9IGZhbHNlO1xyXG4gIH1cclxufVxyXG4iXX0=
package/esm2015/header-title/src/lib/header-title.component.js CHANGED
@@ -7,7 +7,7 @@ export class SdHeaderTitleComponent {
7
7
  SdHeaderTitleComponent.decorators = [
8
8
  { type: Component, args: [{
9
9
  selector: 'sd-header-title',
10
- template: "<div class=\"d-flex\">\r\n <div *ngIf=\"icon\" class=\"flex-shrink-1 c-header-icon\">\r\n <mat-icon class=\"material-symbols-outlined text-grey\">{{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",
10
+ template: "<div class=\"d-flex\">\r\n <div *ngIf=\"icon\" class=\"flex-shrink-1 c-header-icon\">\r\n <mat-icon class=\"material-symbols-outlined text-grey\">{{icon}}</mat-icon>\r\n </div>\r\n <div class=\"d-flex flex-column w-100 overflow-hidden\">\r\n <div class=\"d-flex align-items-center\">\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",
11
11
  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}"]
12
12
  },] }
13
13
  ];
@@ -18,4 +18,4 @@ SdHeaderTitleComponent.propDecorators = {
18
18
  description: [{ type: Input }],
19
19
  tooltip: [{ type: Input }]
20
20
  };
21
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXRpdGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy91c2VyL0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL2hlYWRlci10aXRsZS8iLCJzb3VyY2VzIjpbInNyYy9saWIvaGVhZGVyLXRpdGxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU96RCxNQUFNLE9BQU8sc0JBQXNCO0lBT2pDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzs7WUFmRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsNndCQUE0Qzs7YUFFN0M7Ozs7b0JBR0UsS0FBSzttQkFDTCxLQUFLOzBCQUNMLEtBQUs7c0JBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZC1oZWFkZXItdGl0bGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXItdGl0bGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2hlYWRlci10aXRsZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZEhlYWRlclRpdGxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcclxuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZztcclxuICBASW5wdXQoKSB0b29sdGlwOiBzdHJpbmc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIl19
21
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXRpdGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy91c2VyL0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL2hlYWRlci10aXRsZS8iLCJzb3VyY2VzIjpbInNyYy9saWIvaGVhZGVyLXRpdGxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU96RCxNQUFNLE9BQU8sc0JBQXNCO0lBT2pDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzs7WUFmRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsZ3lCQUE0Qzs7YUFFN0M7Ozs7b0JBR0UsS0FBSzttQkFDTCxLQUFLOzBCQUNMLEtBQUs7c0JBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZC1oZWFkZXItdGl0bGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXItdGl0bGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2hlYWRlci10aXRsZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZEhlYWRlclRpdGxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcclxuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZztcclxuICBASW5wdXQoKSB0b29sdGlwOiBzdHJpbmc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIl19
package/fesm2015/sd-angular-core-group.js CHANGED
@@ -2,6 +2,7 @@ import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/co
2
2
  import { CommonModule } from '@angular/common';
3
3
  import { MatIconModule } from '@angular/material/icon';
4
4
  import { SdHeaderTitleModule } from '@sd-angular/core/header-title';
5
+ import { trigger, state, style, transition, animate } from '@angular/animations';
5
6
 
6
7
  class SdGroupComponent {
7
8
  constructor() {
@@ -36,7 +37,14 @@ class SdGroupComponent {
36
37
  SdGroupComponent.decorators = [
37
38
  { type: Component, args: [{
38
39
  selector: 'sd-group',
39
- 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>",
40
+ 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\" [tooltip]=\"tooltip\"\r\n [description]=\"description\" [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 <div [@expand]=\"isExpanded ? 'expanded' : 'collapsed'\">\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>\r\n</div>",
41
+ animations: [
42
+ trigger('expand', [
43
+ state('collapsed', style({ height: '0', minHeight: '0', visibility: 'hidden' })),
44
+ state('expanded', style({ height: '*', visibility: 'visible' })),
45
+ transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
46
+ ]),
47
+ ],
40
48
  changeDetection: ChangeDetectionStrategy.OnPush,
41
49
  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}"]
42
50
  },] }
package/fesm2015/sd-angular-core-group.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sd-angular-core-group.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":[],"mappings":";;;;;MAQa,gBAAgB;IAiB3B;QAZS,WAAM,GAAG,MAAM,CAAC;QAEzB,eAAU,GAAG,IAAI,CAAC;QAKlB,eAAU,GAAG,KAAK,CAAC;QAanB,aAAQ,GAAG;YACT,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBACpB,OAAO;aACR;YACD,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;SACpC,CAAA;QAED,SAAI,GAAG;YACL,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SACxB,CAAA;QAED,UAAK,GAAG;YACN,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;SACzB,CAAA;KArBgB;IATjB,IAAyB,WAAW,CAAC,GAAiB;QACpD,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;KACvC;IAGD,IAAyB,WAAW,CAAC,GAAiB;QACpD,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;KACvC;IAID,QAAQ;QACN,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SACxB;KACF;;;YA7BF,SAAS,SAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,81BAAqC;gBAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;;oBAEE,KAAK;0BACL,KAAK;mBACL,KAAK;sBACL,KAAK;qBACL,KAAK;0BAGL,KAAK,SAAC,YAAY;0BAKlB,KAAK,SAAC,YAAY;;;MCNR,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;;;;;;"}
1
+ {"version":3,"file":"sd-angular-core-group.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 { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport { 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 animations: [\r\n trigger('expand', [\r\n state('collapsed', style({ height: '0', minHeight: '0', visibility: 'hidden' })),\r\n state('expanded', style({ height: '*', visibility: 'visible' })),\r\n transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),\r\n ]),\r\n ],\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":[],"mappings":";;;;;;MAgBa,gBAAgB;IAiB3B;QAZS,WAAM,GAAG,MAAM,CAAC;QAEzB,eAAU,GAAG,IAAI,CAAC;QAKlB,eAAU,GAAG,KAAK,CAAC;QAanB,aAAQ,GAAG;YACT,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBACpB,OAAO;aACR;YACD,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;SACpC,CAAA;QAED,SAAI,GAAG;YACL,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SACxB,CAAA;QAED,UAAK,GAAG;YACN,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;SACzB,CAAA;KArBgB;IATjB,IAAyB,WAAW,CAAC,GAAiB;QACpD,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;KACvC;IAGD,IAAyB,WAAW,CAAC,GAAiB;QACpD,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;KACvC;IAID,QAAQ;QACN,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SACxB;KACF;;;YApCF,SAAS,SAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,85BAAqC;gBAErC,UAAU,EAAE;oBACV,OAAO,CAAC,QAAQ,EAAE;wBAChB,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;wBAChF,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC;wBAChE,UAAU,CAAC,wBAAwB,EAAE,OAAO,CAAC,sCAAsC,CAAC,CAAC;qBACtF,CAAC;iBACH;gBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;;oBAEE,KAAK;0BACL,KAAK;mBACL,KAAK;sBACL,KAAK;qBACL,KAAK;0BAGL,KAAK,SAAC,YAAY;0BAKlB,KAAK,SAAC,YAAY;;;MCdR,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 CHANGED
@@ -11,7 +11,7 @@ class SdHeaderTitleComponent {
11
11
  SdHeaderTitleComponent.decorators = [
12
12
  { type: Component, args: [{
13
13
  selector: 'sd-header-title',
14
- template: "<div class=\"d-flex\">\r\n <div *ngIf=\"icon\" class=\"flex-shrink-1 c-header-icon\">\r\n <mat-icon class=\"material-symbols-outlined text-grey\">{{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",
14
+ template: "<div class=\"d-flex\">\r\n <div *ngIf=\"icon\" class=\"flex-shrink-1 c-header-icon\">\r\n <mat-icon class=\"material-symbols-outlined text-grey\">{{icon}}</mat-icon>\r\n </div>\r\n <div class=\"d-flex flex-column w-100 overflow-hidden\">\r\n <div class=\"d-flex align-items-center\">\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",
15
15
  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}"]
16
16
  },] }
17
17
  ];
package/fesm2015/sd-angular-core-header-title.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sd-angular-core-header-title.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":[],"mappings":";;;;;MAOa,sBAAsB;IAOjC,iBAAiB;IAEjB,QAAQ;KACP;;;YAfF,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,6wBAA4C;;aAE7C;;;;oBAGE,KAAK;mBACL,KAAK;0BACL,KAAK;sBACL,KAAK;;;MCEK,mBAAmB;;;YAT/B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,gBAAgB;iBACjB;gBACD,YAAY,EAAE,CAAC,sBAAsB,CAAC;gBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;aAClC;;;ACbD;;;;;;"}
1
+ {"version":3,"file":"sd-angular-core-header-title.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":[],"mappings":";;;;;MAOa,sBAAsB;IAOjC,iBAAiB;IAEjB,QAAQ;KACP;;;YAfF,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,gyBAA4C;;aAE7C;;;;oBAGE,KAAK;mBACL,KAAK;0BACL,KAAK;sBACL,KAAK;;;MCEK,mBAAmB;;;YAT/B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,gBAAgB;iBACjB;gBACD,YAAY,EAAE,CAAC,sBAAsB,CAAC;gBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;aAClC;;;ACbD;;;;;;"}
package/group/sd-angular-core-group.metadata.json CHANGED
@@ -1 +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":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"}
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","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":8,"character":4},"arguments":["expand",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":9,"character":6},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":9,"character":25},"arguments":[{"height":"0","minHeight":"0","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":10,"character":6},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":10,"character":24},"arguments":[{"height":"*","visibility":"visible"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":11,"character":6},"arguments":["expanded <=> collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":11,"character":43},"arguments":["225ms cubic-bezier(0.4, 0.0, 0.2, 1)"]}]}]]}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"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\" [tooltip]=\"tooltip\"\r\n [description]=\"description\" [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 <div [@expand]=\"isExpanded ? 'expanded' : 'collapsed'\">\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>\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":17,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"_isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["isExpanded"]}]}],"_expandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"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/header-title/sd-angular-core-header-title.metadata.json CHANGED
@@ -1 +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},{"__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 class=\"material-symbols-outlined text-grey\">{{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"}
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},{"__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 class=\"material-symbols-outlined text-grey\">{{icon}}</mat-icon>\r\n </div>\r\n <div class=\"d-flex flex-column w-100 overflow-hidden\">\r\n <div class=\"d-flex align-items-center\">\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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sd-angular/core",
3
- "version": "1.3.157",
3
+ "version": "1.3.158",
4
4
  "homepage": "https://www.facebook.com/DarkP3ter",
5
5
  "author": {
6
6
  "name": "darkpeter",
package/{sd-angular-core-1.3.157.tgz → sd-angular-core-1.3.158.tgz} RENAMED
index 2040136..ff36812 100644
Binary file