@spicainternational/ngx-sds-components 5.13.0-beta.2 → 5.13.0-beta.3
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/esm2020/src/lib/page-header/page-header.component.mjs +6 -3
- package/fesm2015/spicainternational-ngx-sds-components-src-lib-page-header.mjs +5 -2
- package/fesm2015/spicainternational-ngx-sds-components-src-lib-page-header.mjs.map +1 -1
- package/fesm2020/spicainternational-ngx-sds-components-src-lib-page-header.mjs +5 -2
- package/fesm2020/spicainternational-ngx-sds-components-src-lib-page-header.mjs.map +1 -1
- package/package.json +1 -1
- package/src/lib/page-header/page-header.component.d.ts +2 -1
|
@@ -4,19 +4,22 @@ import * as i1 from "@angular/common";
|
|
|
4
4
|
export class SdsPageHeaderComponent {
|
|
5
5
|
constructor() {
|
|
6
6
|
this.titleContent = { nativeElement: undefined };
|
|
7
|
+
this.gap = "1rem";
|
|
7
8
|
this.title = '';
|
|
8
9
|
}
|
|
9
10
|
ngOnInit() { }
|
|
10
11
|
}
|
|
11
12
|
SdsPageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
SdsPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsPageHeaderComponent, selector: "sds-page-header", inputs: { title: "title" }, queries: [{ propertyName: "titleContent", first: true, predicate: ["title"], descendants: true }], ngImport: i0, template: "<div
|
|
13
|
+
SdsPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsPageHeaderComponent, selector: "sds-page-header", inputs: { title: "title", gap: "gap" }, queries: [{ propertyName: "titleContent", first: true, predicate: ["title"], descendants: true }], ngImport: i0, template: "<div\r\n class=\"d-flex flex-wrap align-items-center\"\r\n [style.margin-bottom]=\"gap\" \r\n >\r\n <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n {{ title }}\r\n </h1>\r\n\r\n <ng-container *ngIf=\"titleContent\">\r\n <ng-content select=\"title\"></ng-content>\r\n </ng-container>\r\n\r\n <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n <div class=\"ms-auto\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [""], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
13
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPageHeaderComponent, decorators: [{
|
|
14
15
|
type: Component,
|
|
15
|
-
args: [{ selector: 'sds-page-header', template: "<div
|
|
16
|
+
args: [{ selector: 'sds-page-header', template: "<div\r\n class=\"d-flex flex-wrap align-items-center\"\r\n [style.margin-bottom]=\"gap\" \r\n >\r\n <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n {{ title }}\r\n </h1>\r\n\r\n <ng-container *ngIf=\"titleContent\">\r\n <ng-content select=\"title\"></ng-content>\r\n </ng-container>\r\n\r\n <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n <div class=\"ms-auto\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [""] }]
|
|
16
17
|
}], ctorParameters: function () { return []; }, propDecorators: { titleContent: [{
|
|
17
18
|
type: ContentChild,
|
|
18
19
|
args: ['title']
|
|
19
20
|
}], title: [{
|
|
20
21
|
type: Input
|
|
22
|
+
}], gap: [{
|
|
23
|
+
type: Input
|
|
21
24
|
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQWMsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFPbkYsTUFBTSxPQUFPLHNCQUFzQjtJQUsvQjtRQUp1QixpQkFBWSxHQUFlLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBRSxDQUFDO1FBRXRFLFFBQUcsR0FBVyxNQUFNLENBQUM7UUFHMUIsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFFBQVEsS0FBVSxDQUFDOzttSEFUVixzQkFBc0I7dUdBQXRCLHNCQUFzQixrTUNQbkMsd2VBa0JBOzJGRFhhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDSSxpQkFBaUI7MEVBS0osWUFBWTtzQkFBbEMsWUFBWTt1QkFBQyxPQUFPO2dCQUNaLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1wYWdlLWhlYWRlcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vcGFnZS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkc1BhZ2VIZWFkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgQENvbnRlbnRDaGlsZCgndGl0bGUnKSB0aXRsZUNvbnRlbnQ6IEVsZW1lbnRSZWYgPSB7IG5hdGl2ZUVsZW1lbnQ6IHVuZGVmaW5lZCB9O1xyXG4gICAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGdhcDogc3RyaW5nID0gXCIxcmVtXCI7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7XHJcbiAgICAgICAgdGhpcy50aXRsZSA9ICcnO1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cclxufVxyXG4iLCI8ZGl2XHJcbiAgICBjbGFzcz1cImQtZmxleCBmbGV4LXdyYXAgYWxpZ24taXRlbXMtY2VudGVyXCJcclxuICAgIFtzdHlsZS5tYXJnaW4tYm90dG9tXT1cImdhcFwiICAgXHJcbiAgICA+XHJcbiAgICA8aDEgKm5nSWY9XCIhdGl0bGVDb250ZW50XCIgY2xhc3M9XCJtZS00IG1iLTBcIj5cclxuICAgICAgICB7eyB0aXRsZSB9fVxyXG4gICAgPC9oMT5cclxuXHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGl0bGVDb250ZW50XCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwidGl0bGVcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJ0aXRsZUFwcGVuZGl4XCI+PC9uZy1jb250ZW50PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJtcy1hdXRvXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -6,20 +6,23 @@ import { CommonModule } from '@angular/common';
|
|
|
6
6
|
class SdsPageHeaderComponent {
|
|
7
7
|
constructor() {
|
|
8
8
|
this.titleContent = { nativeElement: undefined };
|
|
9
|
+
this.gap = "1rem";
|
|
9
10
|
this.title = '';
|
|
10
11
|
}
|
|
11
12
|
ngOnInit() { }
|
|
12
13
|
}
|
|
13
14
|
SdsPageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
SdsPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsPageHeaderComponent, selector: "sds-page-header", inputs: { title: "title" }, queries: [{ propertyName: "titleContent", first: true, predicate: ["title"], descendants: true }], ngImport: i0, template: "<div
|
|
15
|
+
SdsPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsPageHeaderComponent, selector: "sds-page-header", inputs: { title: "title", gap: "gap" }, queries: [{ propertyName: "titleContent", first: true, predicate: ["title"], descendants: true }], ngImport: i0, template: "<div\r\n class=\"d-flex flex-wrap align-items-center\"\r\n [style.margin-bottom]=\"gap\" \r\n >\r\n <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n {{ title }}\r\n </h1>\r\n\r\n <ng-container *ngIf=\"titleContent\">\r\n <ng-content select=\"title\"></ng-content>\r\n </ng-container>\r\n\r\n <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n <div class=\"ms-auto\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [""], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
15
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPageHeaderComponent, decorators: [{
|
|
16
17
|
type: Component,
|
|
17
|
-
args: [{ selector: 'sds-page-header', template: "<div
|
|
18
|
+
args: [{ selector: 'sds-page-header', template: "<div\r\n class=\"d-flex flex-wrap align-items-center\"\r\n [style.margin-bottom]=\"gap\" \r\n >\r\n <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n {{ title }}\r\n </h1>\r\n\r\n <ng-container *ngIf=\"titleContent\">\r\n <ng-content select=\"title\"></ng-content>\r\n </ng-container>\r\n\r\n <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n <div class=\"ms-auto\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [""] }]
|
|
18
19
|
}], ctorParameters: function () { return []; }, propDecorators: { titleContent: [{
|
|
19
20
|
type: ContentChild,
|
|
20
21
|
args: ['title']
|
|
21
22
|
}], title: [{
|
|
22
23
|
type: Input
|
|
24
|
+
}], gap: [{
|
|
25
|
+
type: Input
|
|
23
26
|
}] } });
|
|
24
27
|
|
|
25
28
|
const components = [SdsPageHeaderComponent];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-page-header.mjs","sources":["../../../projects/ngx-sds-components/src/lib/page-header/page-header.component.ts","../../../projects/ngx-sds-components/src/lib/page-header/page-header.component.html","../../../projects/ngx-sds-components/src/lib/page-header/page-header.module.ts","../../../projects/ngx-sds-components/src/lib/page-header/spicainternational-ngx-sds-components-src-lib-page-header.ts"],"sourcesContent":["import { Component, ContentChild, ElementRef, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sds-page-header',\r\n templateUrl: './page-header.component.html',\r\n styleUrls: ['./page-header.component.scss'],\r\n})\r\nexport class SdsPageHeaderComponent implements OnInit {\r\n @ContentChild('title') titleContent: ElementRef = { nativeElement: undefined };\r\n @Input() title: string;\r\n\r\n constructor() {\r\n this.title = '';\r\n }\r\n\r\n ngOnInit(): void {}\r\n}\r\n","<div
|
|
1
|
+
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-page-header.mjs","sources":["../../../projects/ngx-sds-components/src/lib/page-header/page-header.component.ts","../../../projects/ngx-sds-components/src/lib/page-header/page-header.component.html","../../../projects/ngx-sds-components/src/lib/page-header/page-header.module.ts","../../../projects/ngx-sds-components/src/lib/page-header/spicainternational-ngx-sds-components-src-lib-page-header.ts"],"sourcesContent":["import { Component, ContentChild, ElementRef, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sds-page-header',\r\n templateUrl: './page-header.component.html',\r\n styleUrls: ['./page-header.component.scss'],\r\n})\r\nexport class SdsPageHeaderComponent implements OnInit {\r\n @ContentChild('title') titleContent: ElementRef = { nativeElement: undefined };\r\n @Input() title: string;\r\n @Input() gap: string = \"1rem\";\r\n\r\n constructor() {\r\n this.title = '';\r\n }\r\n\r\n ngOnInit(): void {}\r\n}\r\n","<div\r\n class=\"d-flex flex-wrap align-items-center\"\r\n [style.margin-bottom]=\"gap\" \r\n >\r\n <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n {{ title }}\r\n </h1>\r\n\r\n <ng-container *ngIf=\"titleContent\">\r\n <ng-content select=\"title\"></ng-content>\r\n </ng-container>\r\n\r\n <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n <div class=\"ms-auto\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsPageHeaderComponent } from './page-header.component';\r\n\r\nconst components = [SdsPageHeaderComponent];\r\n\r\n@NgModule({\r\n declarations: [SdsPageHeaderComponent],\r\n imports: [CommonModule],\r\n exports: [...components],\r\n})\r\nexport class SdsPageHeaderModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,sBAAsB,CAAA;AAK/B,IAAA,WAAA,GAAA;QAJuB,IAAA,CAAA,YAAY,GAAe,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC;AAEtE,QAAA,IAAG,CAAA,GAAA,GAAW,MAAM,CAAC;AAG1B,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;KACnB;AAED,IAAA,QAAQ,MAAW;;mHATV,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,kMCPnC,weAkBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDXa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACI,iBAAiB,EAAA,QAAA,EAAA,weAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;0EAKJ,YAAY,EAAA,CAAA;sBAAlC,YAAY;uBAAC,OAAO,CAAA;gBACZ,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,GAAG,EAAA,CAAA;sBAAX,KAAK;;;AENV,MAAM,UAAU,GAAG,CAAC,sBAAsB,CAAC,CAAC;MAO/B,mBAAmB,CAAA;;gHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAJb,YAAA,EAAA,CAAA,sBAAsB,CAC3B,EAAA,OAAA,EAAA,CAAA,YAAY,aAJN,sBAAsB,CAAA,EAAA,CAAA,CAAA;iHAO7B,mBAAmB,EAAA,OAAA,EAAA,CAHnB,CAAC,YAAY,CAAC,CAAA,EAAA,CAAA,CAAA;2FAGd,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;iBAC3B,CAAA;;;ACVD;;AAEG;;;;"}
|
|
@@ -6,20 +6,23 @@ import { CommonModule } from '@angular/common';
|
|
|
6
6
|
class SdsPageHeaderComponent {
|
|
7
7
|
constructor() {
|
|
8
8
|
this.titleContent = { nativeElement: undefined };
|
|
9
|
+
this.gap = "1rem";
|
|
9
10
|
this.title = '';
|
|
10
11
|
}
|
|
11
12
|
ngOnInit() { }
|
|
12
13
|
}
|
|
13
14
|
SdsPageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
SdsPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsPageHeaderComponent, selector: "sds-page-header", inputs: { title: "title" }, queries: [{ propertyName: "titleContent", first: true, predicate: ["title"], descendants: true }], ngImport: i0, template: "<div
|
|
15
|
+
SdsPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsPageHeaderComponent, selector: "sds-page-header", inputs: { title: "title", gap: "gap" }, queries: [{ propertyName: "titleContent", first: true, predicate: ["title"], descendants: true }], ngImport: i0, template: "<div\r\n class=\"d-flex flex-wrap align-items-center\"\r\n [style.margin-bottom]=\"gap\" \r\n >\r\n <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n {{ title }}\r\n </h1>\r\n\r\n <ng-container *ngIf=\"titleContent\">\r\n <ng-content select=\"title\"></ng-content>\r\n </ng-container>\r\n\r\n <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n <div class=\"ms-auto\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [""], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
15
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPageHeaderComponent, decorators: [{
|
|
16
17
|
type: Component,
|
|
17
|
-
args: [{ selector: 'sds-page-header', template: "<div
|
|
18
|
+
args: [{ selector: 'sds-page-header', template: "<div\r\n class=\"d-flex flex-wrap align-items-center\"\r\n [style.margin-bottom]=\"gap\" \r\n >\r\n <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n {{ title }}\r\n </h1>\r\n\r\n <ng-container *ngIf=\"titleContent\">\r\n <ng-content select=\"title\"></ng-content>\r\n </ng-container>\r\n\r\n <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n <div class=\"ms-auto\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [""] }]
|
|
18
19
|
}], ctorParameters: function () { return []; }, propDecorators: { titleContent: [{
|
|
19
20
|
type: ContentChild,
|
|
20
21
|
args: ['title']
|
|
21
22
|
}], title: [{
|
|
22
23
|
type: Input
|
|
24
|
+
}], gap: [{
|
|
25
|
+
type: Input
|
|
23
26
|
}] } });
|
|
24
27
|
|
|
25
28
|
const components = [SdsPageHeaderComponent];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-page-header.mjs","sources":["../../../projects/ngx-sds-components/src/lib/page-header/page-header.component.ts","../../../projects/ngx-sds-components/src/lib/page-header/page-header.component.html","../../../projects/ngx-sds-components/src/lib/page-header/page-header.module.ts","../../../projects/ngx-sds-components/src/lib/page-header/spicainternational-ngx-sds-components-src-lib-page-header.ts"],"sourcesContent":["import { Component, ContentChild, ElementRef, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sds-page-header',\r\n templateUrl: './page-header.component.html',\r\n styleUrls: ['./page-header.component.scss'],\r\n})\r\nexport class SdsPageHeaderComponent implements OnInit {\r\n @ContentChild('title') titleContent: ElementRef = { nativeElement: undefined };\r\n @Input() title: string;\r\n\r\n constructor() {\r\n this.title = '';\r\n }\r\n\r\n ngOnInit(): void {}\r\n}\r\n","<div
|
|
1
|
+
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-page-header.mjs","sources":["../../../projects/ngx-sds-components/src/lib/page-header/page-header.component.ts","../../../projects/ngx-sds-components/src/lib/page-header/page-header.component.html","../../../projects/ngx-sds-components/src/lib/page-header/page-header.module.ts","../../../projects/ngx-sds-components/src/lib/page-header/spicainternational-ngx-sds-components-src-lib-page-header.ts"],"sourcesContent":["import { Component, ContentChild, ElementRef, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sds-page-header',\r\n templateUrl: './page-header.component.html',\r\n styleUrls: ['./page-header.component.scss'],\r\n})\r\nexport class SdsPageHeaderComponent implements OnInit {\r\n @ContentChild('title') titleContent: ElementRef = { nativeElement: undefined };\r\n @Input() title: string;\r\n @Input() gap: string = \"1rem\";\r\n\r\n constructor() {\r\n this.title = '';\r\n }\r\n\r\n ngOnInit(): void {}\r\n}\r\n","<div\r\n class=\"d-flex flex-wrap align-items-center\"\r\n [style.margin-bottom]=\"gap\" \r\n >\r\n <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n {{ title }}\r\n </h1>\r\n\r\n <ng-container *ngIf=\"titleContent\">\r\n <ng-content select=\"title\"></ng-content>\r\n </ng-container>\r\n\r\n <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n <div class=\"ms-auto\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsPageHeaderComponent } from './page-header.component';\r\n\r\nconst components = [SdsPageHeaderComponent];\r\n\r\n@NgModule({\r\n declarations: [SdsPageHeaderComponent],\r\n imports: [CommonModule],\r\n exports: [...components],\r\n})\r\nexport class SdsPageHeaderModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,sBAAsB,CAAA;AAK/B,IAAA,WAAA,GAAA;AAJuB,QAAA,IAAA,CAAA,YAAY,GAAe,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC;QAEtE,IAAG,CAAA,GAAA,GAAW,MAAM,CAAC;AAG1B,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;KACnB;AAED,IAAA,QAAQ,MAAW;;mHATV,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,kMCPnC,weAkBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDXa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACI,iBAAiB,EAAA,QAAA,EAAA,weAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;0EAKJ,YAAY,EAAA,CAAA;sBAAlC,YAAY;uBAAC,OAAO,CAAA;gBACZ,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,GAAG,EAAA,CAAA;sBAAX,KAAK;;;AENV,MAAM,UAAU,GAAG,CAAC,sBAAsB,CAAC,CAAC;MAO/B,mBAAmB,CAAA;;gHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAJb,YAAA,EAAA,CAAA,sBAAsB,CAC3B,EAAA,OAAA,EAAA,CAAA,YAAY,aAJN,sBAAsB,CAAA,EAAA,CAAA,CAAA;iHAO7B,mBAAmB,EAAA,OAAA,EAAA,CAHnB,CAAC,YAAY,CAAC,CAAA,EAAA,CAAA,CAAA;2FAGd,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AAC3B,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -3,8 +3,9 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export declare class SdsPageHeaderComponent implements OnInit {
|
|
4
4
|
titleContent: ElementRef;
|
|
5
5
|
title: string;
|
|
6
|
+
gap: string;
|
|
6
7
|
constructor();
|
|
7
8
|
ngOnInit(): void;
|
|
8
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<SdsPageHeaderComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SdsPageHeaderComponent, "sds-page-header", never, { "title": "title"; }, {}, ["titleContent"], ["title", "titleAppendix", "*"]>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdsPageHeaderComponent, "sds-page-header", never, { "title": "title"; "gap": "gap"; }, {}, ["titleContent"], ["title", "titleAppendix", "*"]>;
|
|
10
11
|
}
|