@sd-angular/core 1.3.254 → 1.3.256
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.
- package/bundles/sd-angular-core-group.umd.js +1 -1
- package/bundles/sd-angular-core-group.umd.js.map +1 -1
- package/bundles/sd-angular-core-group.umd.min.js +1 -1
- package/bundles/sd-angular-core-group.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-header-title.umd.js +1 -1
- package/bundles/sd-angular-core-header-title.umd.min.js +1 -1
- package/bundles/sd-angular-core-header-title.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-table.umd.js +2 -1
- package/bundles/sd-angular-core-table.umd.js.map +1 -1
- package/bundles/sd-angular-core-table.umd.min.js +1 -1
- package/bundles/sd-angular-core-table.umd.min.js.map +1 -1
- package/esm2015/group/src/lib/group.component.js +2 -2
- package/esm2015/header-title/src/lib/header-title.component.js +1 -1
- package/esm2015/table/src/lib/services/table-filter/table-filter.model.js +1 -1
- package/esm2015/table/src/lib/table.component.js +3 -2
- package/fesm2015/sd-angular-core-group.js +1 -1
- package/fesm2015/sd-angular-core-group.js.map +1 -1
- package/fesm2015/sd-angular-core-header-title.js +1 -1
- package/fesm2015/sd-angular-core-table.js +2 -1
- package/fesm2015/sd-angular-core-table.js.map +1 -1
- package/group/sd-angular-core-group.metadata.json +1 -1
- package/header-title/sd-angular-core-header-title.metadata.json +1 -1
- package/package.json +1 -1
- package/{sd-angular-core-1.3.254.tgz → sd-angular-core-1.3.256.tgz} +0 -0
- package/table/src/lib/services/table-filter/table-filter.model.d.ts +1 -0
|
@@ -47,7 +47,7 @@
|
|
|
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 <
|
|
50
|
+
template: "<div class=\"c-sd-group\">\r\n <div (click)=\"onExpand()\" class=\"c-sd-group-header\">\r\n <div [class.d-none]=\"!headerTitle?.children?.length\" style=\"width: 100%;\" #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
51
|
animations: [
|
|
52
52
|
animations.trigger('expand', [
|
|
53
53
|
animations.state('collapsed', animations.style({ height: '0', minHeight: '0', visibility: 'hidden' })),
|
|
@@ -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 { 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,
|
|
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,u+BAAqC;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;;;;;;;;;;;;;;;"}
|
|
@@ -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"),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,o
|
|
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 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 [class.d-none]="!headerTitle?.children?.length" style="width: 100%;" #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}"]}]}],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:[t.CommonModule,r.MatIconModule,i.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.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
|
|
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,k8BAEAC,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"]}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
{ type: core.Component, args: [{
|
|
16
16
|
selector: 'sd-header-title',
|
|
17
17
|
template: "<div class=\"d-flex align-items-center\" style=\"width: 100%;\">\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",
|
|
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}"]
|
|
18
|
+
styles: [":host{width:100%}:host .c-header-icon{align-items:center;display:flex;height:28px;margin-right:8px;width:28px}:host .c-header-icon-tooltip{align-items:center;color:#757575;display:flex;font-size:20px;height:28px!important;margin-left:10px}:host .c-header-description{font-size:14px;line-height:20px}"]
|
|
19
19
|
},] }
|
|
20
20
|
];
|
|
21
21
|
SdHeaderTitleComponent.ctorParameters = function () { return []; };
|
|
@@ -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,r
|
|
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 align-items-center" style="width: 100%;">\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:[":host{width:100%}:host .c-header-icon{align-items:center;display:flex;height:28px;margin-right:8px;width:28px}:host .c-header-icon-tooltip{align-items:center;color:#757575;display:flex;font-size:20px;height:28px!important;margin-left:10px}:host .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.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,
|
|
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,gpCAKCC,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"]}
|
|
@@ -1955,7 +1955,7 @@
|
|
|
1955
1955
|
};
|
|
1956
1956
|
});
|
|
1957
1957
|
_getFilter.set(this, function () {
|
|
1958
|
-
var _a, _b, _c, _d, _e, _f;
|
|
1958
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
1959
1959
|
var _12 = _this.filterRegister.value.get(), columnOperator = _12.columnOperator, columnFilter = _12.columnFilter, externalFilter = _12.externalFilter, filterDef = _12.filterDef;
|
|
1960
1960
|
return {
|
|
1961
1961
|
columnOperator: columnOperator || {},
|
|
@@ -1966,6 +1966,7 @@
|
|
|
1966
1966
|
orderDirection: ((_b = __classPrivateFieldGet(_this, _sort)) === null || _b === void 0 ? void 0 : _b.direction) || '',
|
|
1967
1967
|
pageNumber: ((_c = __classPrivateFieldGet(_this, _paginator)) === null || _c === void 0 ? void 0 : _c.pageIndex) || 0,
|
|
1968
1968
|
pageSize: ((_d = __classPrivateFieldGet(_this, _paginator)) === null || _d === void 0 ? void 0 : _d.pageSize) || ((_f = (_e = _this.tableOption) === null || _e === void 0 ? void 0 : _e.paginate) === null || _f === void 0 ? void 0 : _f.pageSize) || 50,
|
|
1969
|
+
visibledColumns: __spread((((_g = _this.configuration) === null || _g === void 0 ? void 0 : _g.firstColumns) || []), (_this.configuration.secondColumns || [])).union('field')
|
|
1969
1970
|
};
|
|
1970
1971
|
});
|
|
1971
1972
|
_load.set(this, function (filterReq, force) {
|