@sd-angular/core 1.1.2 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/scss/sd-core.scss +1 -0
- package/bundles/sd-angular-core-grid-material.umd.js +5 -5
- package/bundles/sd-angular-core-grid-material.umd.js.map +1 -1
- package/bundles/sd-angular-core-grid-material.umd.min.js +1 -1
- package/bundles/sd-angular-core-grid-material.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-group.umd.js +22 -7
- 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 +11 -10
- package/bundles/sd-angular-core-header-title.umd.js.map +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-json-editor.umd.js +505 -0
- package/bundles/sd-angular-core-json-editor.umd.js.map +1 -0
- package/bundles/sd-angular-core-json-editor.umd.min.js +16 -0
- package/bundles/sd-angular-core-json-editor.umd.min.js.map +1 -0
- package/bundles/sd-angular-core.umd.js +4 -4
- package/bundles/sd-angular-core.umd.min.js +1 -1
- package/bundles/sd-angular-core.umd.min.js.map +1 -1
- package/esm2015/grid-material/src/lib/grid-material.component.js +4 -5
- package/esm2015/grid-material/src/lib/pipes/selection-visible.pipe.js +3 -2
- package/esm2015/group/sd-angular-core-group.js +2 -2
- package/esm2015/group/src/lib/group.component.js +50 -0
- package/esm2015/group/src/lib/group.module.js +2 -2
- package/esm2015/header-title/sd-angular-core-header-title.js +2 -2
- package/esm2015/header-title/src/lib/header-title.component.js +21 -0
- package/esm2015/header-title/src/lib/header-title.module.js +5 -3
- package/esm2015/json-editor/index.js +2 -0
- package/esm2015/json-editor/sd-angular-core-json-editor.js +5 -0
- package/esm2015/json-editor/src/lib/json-editor.component.js +120 -0
- package/esm2015/json-editor/src/lib/json-editor.module.js +36 -0
- package/esm2015/json-editor/src/public-api.js +6 -0
- package/esm2015/public-api.js +3 -1
- package/fesm2015/sd-angular-core-grid-material.js +5 -5
- package/fesm2015/sd-angular-core-grid-material.js.map +1 -1
- package/fesm2015/sd-angular-core-group.js +10 -3
- package/fesm2015/sd-angular-core-group.js.map +1 -1
- package/fesm2015/sd-angular-core-header-title.js +8 -6
- package/fesm2015/sd-angular-core-header-title.js.map +1 -1
- package/fesm2015/sd-angular-core-json-editor.js +162 -0
- package/fesm2015/sd-angular-core-json-editor.js.map +1 -0
- package/fesm2015/sd-angular-core.js +2 -0
- package/fesm2015/sd-angular-core.js.map +1 -1
- package/grid-material/sd-angular-core-grid-material.metadata.json +1 -1
- package/grid-material/src/lib/grid-material.component.d.ts +1 -1
- package/group/sd-angular-core-group.d.ts +1 -1
- package/group/sd-angular-core-group.metadata.json +1 -1
- package/group/src/lib/{group/group.component.d.ts → group.component.d.ts} +3 -2
- package/header-title/sd-angular-core-header-title.d.ts +1 -1
- package/header-title/sd-angular-core-header-title.metadata.json +1 -1
- package/header-title/src/lib/{header-title/header-title.component.d.ts → header-title.component.d.ts} +2 -2
- package/json-editor/index.d.ts +1 -0
- package/json-editor/package.json +12 -0
- package/json-editor/sd-angular-core-json-editor.d.ts +4 -0
- package/json-editor/sd-angular-core-json-editor.metadata.json +1 -0
- package/json-editor/src/lib/json-editor.component.d.ts +29 -0
- package/json-editor/src/lib/json-editor.module.d.ts +2 -0
- package/json-editor/src/public-api.d.ts +2 -0
- package/package.json +2 -1
- package/public-api.d.ts +2 -0
- package/{sd-angular-core-1.1.2.tgz → sd-angular-core-1.1.5.tgz} +0 -0
- package/esm2015/group/src/lib/group/group.component.js +0 -43
- package/esm2015/group/src/lib/group.model.js +0 -2
- package/esm2015/header-title/src/lib/header-title/header-title.component.js +0 -21
- package/group/src/lib/group.model.d.ts +0 -5
|
@@ -11,6 +11,9 @@
|
|
|
11
11
|
this.isExpanded = true;
|
|
12
12
|
this.expandable = false;
|
|
13
13
|
this.onExpand = function () {
|
|
14
|
+
if (_this.expandable) {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
14
17
|
_this.isExpanded = !_this.isExpanded;
|
|
15
18
|
};
|
|
16
19
|
this.open = function () {
|
|
@@ -20,20 +23,31 @@
|
|
|
20
23
|
_this.isExpanded = false;
|
|
21
24
|
};
|
|
22
25
|
}
|
|
23
|
-
SdGroupComponent.prototype
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
26
|
+
Object.defineProperty(SdGroupComponent.prototype, "_isExpanded", {
|
|
27
|
+
set: function (val) {
|
|
28
|
+
this.isExpanded = (val === '') || val;
|
|
29
|
+
},
|
|
30
|
+
enumerable: false,
|
|
31
|
+
configurable: true
|
|
32
|
+
});
|
|
33
|
+
Object.defineProperty(SdGroupComponent.prototype, "_expandable", {
|
|
34
|
+
set: function (val) {
|
|
35
|
+
this.expandable = (val === '') || val;
|
|
36
|
+
},
|
|
37
|
+
enumerable: false,
|
|
38
|
+
configurable: true
|
|
39
|
+
});
|
|
29
40
|
SdGroupComponent.prototype.ngOnInit = function () {
|
|
41
|
+
if (this.expandable) {
|
|
42
|
+
this.isExpanded = true;
|
|
43
|
+
}
|
|
30
44
|
};
|
|
31
45
|
return SdGroupComponent;
|
|
32
46
|
}());
|
|
33
47
|
SdGroupComponent.decorators = [
|
|
34
48
|
{ type: core.Component, args: [{
|
|
35
49
|
selector: 'sd-group',
|
|
36
|
-
template: "<div class=\"c-sd-group\">\r\n <div (click)=\"onExpand()\" class=\"c-sd-group-header\">\r\n <div #headerTitle>\r\n <ng-content select=\"[sdGroupTitle]\"></ng-content>\r\n </div>\r\n <sd-header-title *ngIf=\"!headerTitle?.children?.length\" [title]=\"title\"\r\n [
|
|
50
|
+
template: "<div class=\"c-sd-group\">\r\n <div (click)=\"onExpand()\" class=\"c-sd-group-header\">\r\n <div #headerTitle>\r\n <ng-content select=\"[sdGroupTitle]\"></ng-content>\r\n </div>\r\n <sd-header-title *ngIf=\"!headerTitle?.children?.length\" [title]=\"title\"\r\n [tooltip]=\"tooltip\"\r\n [description]=\"description\" \r\n [icon]=\"icon || (isExpanded ? 'keyboard_arrow_down':'chevron_right')\">\r\n <div sdHeaderRight>\r\n <ng-content select=\"[sdGroupHeaderRight]\"></ng-content>\r\n </div>\r\n </sd-header-title>\r\n </div>\r\n\r\n <ng-container *ngIf=\"isExpanded\">\r\n <div [style.height]=\"height\" class=\"c-sd-group-body\">\r\n <ng-content select=\"[sdGroupBody]\"></ng-content>\r\n </div>\r\n </ng-container>\r\n <ng-content select=\"[sdGroupFooter]\"></ng-content>\r\n</div>",
|
|
37
51
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
38
52
|
styles: [".c-sd-group{background:#fff;border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}.c-sd-group .c-sd-group-header{align-items:center;background:#fff;cursor:pointer;display:flex;padding:12px}.c-sd-group .c-sd-group-header:hover{background:#f5f5f5}.c-sd-group .c-sd-group-body{display:flex;flex-direction:column;padding:8px 12px}"]
|
|
39
53
|
},] }
|
|
@@ -43,6 +57,7 @@
|
|
|
43
57
|
title: [{ type: core.Input }],
|
|
44
58
|
description: [{ type: core.Input }],
|
|
45
59
|
icon: [{ type: core.Input }],
|
|
60
|
+
tooltip: [{ type: core.Input }],
|
|
46
61
|
height: [{ type: core.Input }],
|
|
47
62
|
_isExpanded: [{ type: core.Input, args: ['isExpanded',] }],
|
|
48
63
|
_expandable: [{ type: core.Input, args: ['expandable',] }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-angular-core-group.umd.js","sources":["../../../../projects/sd-core/group/src/lib/group
|
|
1
|
+
{"version":3,"file":"sd-angular-core-group.umd.js","sources":["../../../../projects/sd-core/group/src/lib/group.component.ts","../../../../projects/sd-core/group/src/lib/group.module.ts","../../../../projects/sd-core/group/sd-angular-core-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-group',\r\n templateUrl: './group.component.html',\r\n styleUrls: ['./group.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdGroupComponent implements OnInit {\r\n @Input() title: string;\r\n @Input() description: string;\r\n @Input() icon: string;\r\n @Input() tooltip: string;\r\n @Input() height = 'auto';\r\n\r\n isExpanded = true;\r\n @Input('isExpanded') set _isExpanded(val: boolean | '') {\r\n this.isExpanded = (val === '') || val;\r\n }\r\n\r\n expandable = false;\r\n @Input('expandable') set _expandable(val: boolean | '') {\r\n this.expandable = (val === '') || val;\r\n }\r\n\r\n constructor() {}\r\n\r\n ngOnInit(): void {\r\n if(this.expandable){\r\n this.isExpanded = true;\r\n }\r\n }\r\n\r\n onExpand = () => {\r\n if(this.expandable){\r\n return;\r\n }\r\n this.isExpanded = !this.isExpanded;\r\n }\r\n\r\n open = () => {\r\n this.isExpanded = true;\r\n }\r\n\r\n close = () => {\r\n this.isExpanded = false;\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdHeaderTitleModule } from '@sd-angular/core/header-title';\r\nimport { SdGroupComponent } from './group.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n SdHeaderTitleModule\r\n ],\r\n declarations: [SdGroupComponent],\r\n exports: [SdGroupComponent]\r\n})\r\nexport class SdGroupModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdGroupComponent as ɵa} from './src/lib/group.component';"],"names":["Component","ChangeDetectionStrategy","Input","NgModule","CommonModule","MatIconModule","SdHeaderTitleModule"],"mappings":";;;;;;;QAyBE;YAAA,iBAAgB;YAZP,WAAM,GAAG,MAAM,CAAC;YAEzB,eAAU,GAAG,IAAI,CAAC;YAKlB,eAAU,GAAG,KAAK,CAAC;YAanB,aAAQ,GAAG;gBACT,IAAG,KAAI,CAAC,UAAU,EAAC;oBACjB,OAAO;iBACR;gBACD,KAAI,CAAC,UAAU,GAAG,CAAC,KAAI,CAAC,UAAU,CAAC;aACpC,CAAA;YAED,SAAI,GAAG;gBACL,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;aACxB,CAAA;YAED,UAAK,GAAG;gBACN,KAAI,CAAC,UAAU,GAAG,KAAK,CAAC;aACzB,CAAA;SArBe;QAThB,sBAAyB,yCAAW;iBAApC,UAAqC,GAAiB;gBACpD,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;aACvC;;;WAAA;QAGD,sBAAyB,yCAAW;iBAApC,UAAqC,GAAiB;gBACpD,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;aACvC;;;WAAA;QAID,mCAAQ,GAAR;YACE,IAAG,IAAI,CAAC,UAAU,EAAC;gBACjB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;aACxB;SACF;;;;gBA7BFA,cAAS,SAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,81BAAqC;oBAErC,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;wBAEEC,UAAK;8BACLA,UAAK;uBACLA,UAAK;0BACLA,UAAK;yBACLA,UAAK;8BAGLA,UAAK,SAAC,YAAY;8BAKlBA,UAAK,SAAC,YAAY;;;;QCNrB;;;;;gBATCC,aAAQ,SAAC;oBACR,OAAO,EAAE;wBACPC,mBAAY;wBACZC,kBAAa;wBACbC,+BAAmB;qBACpB;oBACD,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;iBAC5B;;;ICdD;;;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("@sd-angular/core/header-title")):"function"==typeof define&&define.amd?define("@sd-angular/core/group",["exports","@angular/core","@angular/common","@angular/material/icon","@sd-angular/core/header-title"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core.group={}),e.ng.core,e.ng.common,e.ng.material.icon,e["sd-angular"].core["header-title"])}(this,(function(e,n,r,t,o){"use strict";var d=function(){function e(){var e=this;this.height="auto",this.isExpanded=!0,this.expandable=!1,this.onExpand=function(){e.isExpanded=!e.isExpanded},this.open=function(){e.isExpanded=!0},this.close=function(){e.isExpanded=!1}}return e.prototype
|
|
1
|
+
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("@sd-angular/core/header-title")):"function"==typeof define&&define.amd?define("@sd-angular/core/group",["exports","@angular/core","@angular/common","@angular/material/icon","@sd-angular/core/header-title"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core.group={}),e.ng.core,e.ng.common,e.ng.material.icon,e["sd-angular"].core["header-title"])}(this,(function(e,n,r,t,o){"use strict";var d=function(){function e(){var e=this;this.height="auto",this.isExpanded=!0,this.expandable=!1,this.onExpand=function(){e.expandable||(e.isExpanded=!e.isExpanded)},this.open=function(){e.isExpanded=!0},this.close=function(){e.isExpanded=!1}}return Object.defineProperty(e.prototype,"_isExpanded",{set:function(e){this.isExpanded=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_expandable",{set:function(e){this.expandable=""===e||e},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){this.expandable&&(this.isExpanded=!0)},e}();d.decorators=[{type:n.Component,args:[{selector:"sd-group",template:'<div class="c-sd-group">\r\n <div (click)="onExpand()" class="c-sd-group-header">\r\n <div #headerTitle>\r\n <ng-content select="[sdGroupTitle]"></ng-content>\r\n </div>\r\n <sd-header-title *ngIf="!headerTitle?.children?.length" [title]="title"\r\n [tooltip]="tooltip"\r\n [description]="description" \r\n [icon]="icon || (isExpanded ? \'keyboard_arrow_down\':\'chevron_right\')">\r\n <div sdHeaderRight>\r\n <ng-content select="[sdGroupHeaderRight]"></ng-content>\r\n </div>\r\n </sd-header-title>\r\n </div>\r\n\r\n <ng-container *ngIf="isExpanded">\r\n <div [style.height]="height" class="c-sd-group-body">\r\n <ng-content select="[sdGroupBody]"></ng-content>\r\n </div>\r\n </ng-container>\r\n <ng-content select="[sdGroupFooter]"></ng-content>\r\n</div>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".c-sd-group{background:#fff;border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}.c-sd-group .c-sd-group-header{align-items:center;background:#fff;cursor:pointer;display:flex;padding:12px}.c-sd-group .c-sd-group-header:hover{background:#f5f5f5}.c-sd-group .c-sd-group-body{display:flex;flex-direction:column;padding:8px 12px}"]}]}],d.ctorParameters=function(){return[]},d.propDecorators={title:[{type:n.Input}],description:[{type:n.Input}],icon:[{type:n.Input}],tooltip:[{type:n.Input}],height:[{type:n.Input}],_isExpanded:[{type:n.Input,args:["isExpanded"]}],_expandable:[{type:n.Input,args:["expandable"]}]};var a=function(){};a.decorators=[{type:n.NgModule,args:[{imports:[r.CommonModule,t.MatIconModule,o.SdHeaderTitleModule],declarations:[d],exports:[d]}]}],e.SdGroupModule=a,e.ɵa=d,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=sd-angular-core-group.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../projects/sd-core/group/src/lib/group
|
|
1
|
+
{"version":3,"sources":["../../../../projects/sd-core/group/src/lib/group.component.ts","../../../../projects/sd-core/group/src/lib/group.module.ts"],"names":["SdGroupComponent","_this","this","height","isExpanded","expandable","onExpand","open","close","Object","defineProperty","prototype","val","ngOnInit","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","Input","NgModule","imports","CommonModule","MatIconModule","SdHeaderTitleModule","declarations","exports"],"mappings":"8qBAyBE,SAAAA,IAAA,IAAAC,EAAAC,KAZSA,KAAAC,OAAS,OAElBD,KAAAE,YAAa,EAKbF,KAAAG,YAAa,EAabH,KAAAI,SAAW,WACNL,EAAKI,aAGRJ,EAAKG,YAAcH,EAAKG,aAG1BF,KAAAK,KAAO,WACLN,EAAKG,YAAa,GAGpBF,KAAAM,MAAQ,WACNP,EAAKG,YAAa,UA7BpBK,OAAAC,eAAyBV,EAAAW,UAAA,cAAW,KAApC,SAAqCC,GACnCV,KAAKE,WAAsB,KAARQ,GAAeA,mCAIpCH,OAAAC,eAAyBV,EAAAW,UAAA,cAAW,KAApC,SAAqCC,GACnCV,KAAKG,WAAsB,KAARO,GAAeA,mCAKpCZ,EAAAW,UAAAE,SAAA,WACKX,KAAKG,aACNH,KAAKE,YAAa,6BA3BvBU,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,WACVC,SAAA,2zBAEAC,gBAAiBC,EAAAA,wBAAwBC,uaAGxCC,EAAAA,2BACAA,EAAAA,oBACAA,EAAAA,uBACAA,EAAAA,sBACAA,EAAAA,2BAGAA,EAAAA,MAAKN,KAAA,CAAC,mCAKNM,EAAAA,MAAKN,KAAA,CAAC,uBCNT,iCATCO,EAAAA,SAAQP,KAAA,CAAC,CACRQ,QAAS,CACPC,EAAAA,aACAC,EAAAA,cACAC,EAAAA,qBAEFC,aAAc,CAAC3B,GACf4B,QAAS,CAAC5B","sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-group',\r\n templateUrl: './group.component.html',\r\n styleUrls: ['./group.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdGroupComponent implements OnInit {\r\n @Input() title: string;\r\n @Input() description: string;\r\n @Input() icon: string;\r\n @Input() tooltip: string;\r\n @Input() height = 'auto';\r\n\r\n isExpanded = true;\r\n @Input('isExpanded') set _isExpanded(val: boolean | '') {\r\n this.isExpanded = (val === '') || val;\r\n }\r\n\r\n expandable = false;\r\n @Input('expandable') set _expandable(val: boolean | '') {\r\n this.expandable = (val === '') || val;\r\n }\r\n\r\n constructor() {}\r\n\r\n ngOnInit(): void {\r\n if(this.expandable){\r\n this.isExpanded = true;\r\n }\r\n }\r\n\r\n onExpand = () => {\r\n if(this.expandable){\r\n return;\r\n }\r\n this.isExpanded = !this.isExpanded;\r\n }\r\n\r\n open = () => {\r\n this.isExpanded = true;\r\n }\r\n\r\n close = () => {\r\n this.isExpanded = false;\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdHeaderTitleModule } from '@sd-angular/core/header-title';\r\nimport { SdGroupComponent } from './group.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n SdHeaderTitleModule\r\n ],\r\n declarations: [SdGroupComponent],\r\n exports: [SdGroupComponent]\r\n})\r\nexport class SdGroupModule { }\r\n"]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/icon')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@sd-angular/core/header-title', ['exports', '@angular/core', '@angular/common', '@angular/material/icon'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core['header-title'] = {}), global.ng.core, global.ng.common, global.ng.material.icon));
|
|
5
|
-
}(this, (function (exports, core, common, icon) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/icon'), require('@angular/material/tooltip')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@sd-angular/core/header-title', ['exports', '@angular/core', '@angular/common', '@angular/material/icon', '@angular/material/tooltip'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core['header-title'] = {}), global.ng.core, global.ng.common, global.ng.material.icon, global.ng.material.tooltip));
|
|
5
|
+
}(this, (function (exports, core, common, icon, tooltip) { 'use strict';
|
|
6
6
|
|
|
7
7
|
var SdHeaderTitleComponent = /** @class */ (function () {
|
|
8
8
|
function SdHeaderTitleComponent() {
|
|
@@ -14,16 +14,16 @@
|
|
|
14
14
|
SdHeaderTitleComponent.decorators = [
|
|
15
15
|
{ type: core.Component, args: [{
|
|
16
16
|
selector: 'sd-header-title',
|
|
17
|
-
template: "<div class=\"d-flex\">\r\n <div *ngIf=\"
|
|
18
|
-
styles: [".c-header-icon
|
|
17
|
+
template: "<div class=\"d-flex\">\r\n <div *ngIf=\"icon\" class=\"flex-shrink-1 c-header-icon\">\r\n <mat-icon style=\"color: #757575;\"\r\n class=\"material-symbols-outlined\">{{icon}}</mat-icon>\r\n </div>\r\n <div class=\"d-flex flex-column w-100 overflow-hidden\">\r\n <div class=\"d-flex\">\r\n <span class=\"T16M\">{{title}}</span>\r\n <ng-container *ngIf=\"tooltip\">\r\n <mat-icon\r\n [matTooltip]=\"tooltip\"\r\n class=\"material-icons-outlined c-header-icon-tooltip\"> info </mat-icon>\r\n </ng-container>\r\n </div>\r\n <span *ngIf=\"description\" class=\"c-header-description\">{{description}}</span>\r\n </div>\r\n <div class=\"flex-shrink-1\">\r\n <ng-content select=\"[sdHeaderRight]\"></ng-content>\r\n </div>\r\n</div>\r\n",
|
|
18
|
+
styles: [".c-header-icon{align-items:center;display:flex;height:28px;margin-right:8px;width:28px}.c-header-icon-tooltip{align-items:center;color:#757575;display:flex;font-size:20px;height:28px!important;margin-left:10px}.c-header-description{font-size:14px;line-height:20px}"]
|
|
19
19
|
},] }
|
|
20
20
|
];
|
|
21
21
|
SdHeaderTitleComponent.ctorParameters = function () { return []; };
|
|
22
22
|
SdHeaderTitleComponent.propDecorators = {
|
|
23
23
|
title: [{ type: core.Input }],
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
icon: [{ type: core.Input }],
|
|
25
|
+
description: [{ type: core.Input }],
|
|
26
|
+
tooltip: [{ type: core.Input }]
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
var SdHeaderTitleModule = /** @class */ (function () {
|
|
@@ -35,7 +35,8 @@
|
|
|
35
35
|
{ type: core.NgModule, args: [{
|
|
36
36
|
imports: [
|
|
37
37
|
common.CommonModule,
|
|
38
|
-
icon.MatIconModule
|
|
38
|
+
icon.MatIconModule,
|
|
39
|
+
tooltip.MatTooltipModule
|
|
39
40
|
],
|
|
40
41
|
declarations: [SdHeaderTitleComponent],
|
|
41
42
|
exports: [SdHeaderTitleComponent]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-angular-core-header-title.umd.js","sources":["../../../../projects/sd-core/header-title/src/lib/header-title
|
|
1
|
+
{"version":3,"file":"sd-angular-core-header-title.umd.js","sources":["../../../../projects/sd-core/header-title/src/lib/header-title.component.ts","../../../../projects/sd-core/header-title/src/lib/header-title.module.ts","../../../../projects/sd-core/header-title/sd-angular-core-header-title.ts"],"sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-header-title',\r\n templateUrl: './header-title.component.html',\r\n styleUrls: ['./header-title.component.scss']\r\n})\r\nexport class SdHeaderTitleComponent implements OnInit {\r\n\r\n @Input() title: string;\r\n @Input() icon: string;\r\n @Input() description: string;\r\n @Input() tooltip: string;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdHeaderTitleComponent } from './header-title.component';\r\nimport {MatTooltipModule} from '@angular/material/tooltip';\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n MatTooltipModule\r\n ],\r\n declarations: [SdHeaderTitleComponent],\r\n exports: [SdHeaderTitleComponent]\r\n})\r\nexport class SdHeaderTitleModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdHeaderTitleComponent as ɵa} from './src/lib/header-title.component';"],"names":["Component","Input","NgModule","CommonModule","MatIconModule","MatTooltipModule"],"mappings":";;;;;;;QAcE;SAAiB;QAEjB,yCAAQ,GAAR;SACC;;;;gBAfFA,cAAS,SAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,syBAA4C;;iBAE7C;;;;wBAGEC,UAAK;uBACLA,UAAK;8BACLA,UAAK;0BACLA,UAAK;;;;QCER;;;;;gBATCC,aAAQ,SAAC;oBACR,OAAO,EAAE;wBACPC,mBAAY;wBACZC,kBAAa;wBACbC,wBAAgB;qBACjB;oBACD,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC;;;ICbD;;;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon")):"function"==typeof define&&define.amd?define("@sd-angular/core/header-title",["exports","@angular/core","@angular/common","@angular/material/icon"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core["header-title"]={}),e.ng.core,e.ng.common,e.ng.material.icon)}(this,(function(e,n,t,
|
|
1
|
+
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("@angular/material/tooltip")):"function"==typeof define&&define.amd?define("@sd-angular/core/header-title",["exports","@angular/core","@angular/common","@angular/material/icon","@angular/material/tooltip"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core["header-title"]={}),e.ng.core,e.ng.common,e.ng.material.icon,e.ng.material.tooltip)}(this,(function(e,n,t,o,r){"use strict";var i=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();i.decorators=[{type:n.Component,args:[{selector:"sd-header-title",template:'<div class="d-flex">\r\n <div *ngIf="icon" class="flex-shrink-1 c-header-icon">\r\n <mat-icon style="color: #757575;"\r\n class="material-symbols-outlined">{{icon}}</mat-icon>\r\n </div>\r\n <div class="d-flex flex-column w-100 overflow-hidden">\r\n <div class="d-flex">\r\n <span class="T16M">{{title}}</span>\r\n <ng-container *ngIf="tooltip">\r\n <mat-icon\r\n [matTooltip]="tooltip"\r\n class="material-icons-outlined c-header-icon-tooltip"> info </mat-icon>\r\n </ng-container>\r\n </div>\r\n <span *ngIf="description" class="c-header-description">{{description}}</span>\r\n </div>\r\n <div class="flex-shrink-1">\r\n <ng-content select="[sdHeaderRight]"></ng-content>\r\n </div>\r\n</div>\r\n',styles:[".c-header-icon{align-items:center;display:flex;height:28px;margin-right:8px;width:28px}.c-header-icon-tooltip{align-items:center;color:#757575;display:flex;font-size:20px;height:28px!important;margin-left:10px}.c-header-description{font-size:14px;line-height:20px}"]}]}],i.ctorParameters=function(){return[]},i.propDecorators={title:[{type:n.Input}],icon:[{type:n.Input}],description:[{type:n.Input}],tooltip:[{type:n.Input}]};var a=function(){};a.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,o.MatIconModule,r.MatTooltipModule],declarations:[i],exports:[i]}]}],e.SdHeaderTitleModule=a,e.ɵa=i,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=sd-angular-core-header-title.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../projects/sd-core/header-title/src/lib/header-title
|
|
1
|
+
{"version":3,"sources":["../../../../projects/sd-core/header-title/src/lib/header-title.component.ts","../../../../projects/sd-core/header-title/src/lib/header-title.module.ts"],"names":["SdHeaderTitleComponent","prototype","ngOnInit","Component","args","selector","template","Input","NgModule","imports","CommonModule","MatIconModule","MatTooltipModule","declarations","exports"],"mappings":"wqBAcE,SAAAA,YAEAA,EAAAC,UAAAC,SAAA,sCAdDC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,kBACVC,SAAA,4lCAKCC,EAAAA,oBACAA,EAAAA,2BACAA,EAAAA,uBACAA,EAAAA,eCEH,iCATCC,EAAAA,SAAQJ,KAAA,CAAC,CACRK,QAAS,CACPC,EAAAA,aACAC,EAAAA,cACAC,EAAAA,kBAEFC,aAAc,CAACb,GACfc,QAAS,CAACd","sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-header-title',\r\n templateUrl: './header-title.component.html',\r\n styleUrls: ['./header-title.component.scss']\r\n})\r\nexport class SdHeaderTitleComponent implements OnInit {\r\n\r\n @Input() title: string;\r\n @Input() icon: string;\r\n @Input() description: string;\r\n @Input() tooltip: string;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdHeaderTitleComponent } from './header-title.component';\r\nimport {MatTooltipModule} from '@angular/material/tooltip';\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n MatTooltipModule\r\n ],\r\n declarations: [SdHeaderTitleComponent],\r\n exports: [SdHeaderTitleComponent]\r\n})\r\nexport class SdHeaderTitleModule { }\r\n"]}
|