@seniorsistemas/data-seniorx-core 1.5.0 → 1.6.0
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/core/types/lists.type.d.ts +7 -2
- package/core/types/searchbox.type.d.ts +1 -0
- package/core/types/semantics.type.d.ts +4 -2
- package/core/types/table.types.d.ts +58 -0
- package/core/types/toast.type.d.ts +16 -0
- package/core/utils/layout.util.d.ts +3 -0
- package/esm2022/core/types/lists.type.mjs +1 -1
- package/esm2022/core/types/searchbox.type.mjs +2 -0
- package/esm2022/core/types/semantics.type.mjs +11 -9
- package/esm2022/core/types/table.types.mjs +26 -0
- package/esm2022/core/types/toast.type.mjs +2 -0
- package/esm2022/core/utils/layout.util.mjs +10 -0
- package/esm2022/features/button/button.component.mjs +12 -10
- package/esm2022/features/checkbox/checkbox.component.mjs +80 -0
- package/esm2022/features/combobox/combobox.component.mjs +30 -12
- package/esm2022/features/inputs.mjs +1 -12
- package/esm2022/features/list/list.component.mjs +55 -32
- package/esm2022/features/modalc/modalc.component.mjs +49 -26
- package/esm2022/features/panel/panel.component.mjs +6 -5
- package/esm2022/features/scaffold/scaffold.component.mjs +34 -0
- package/esm2022/features/searchbox/searchbox.component.mjs +26 -20
- package/esm2022/features/sidebar/sidebar.component.mjs +59 -0
- package/esm2022/features/spinner/spinner.component.mjs +15 -8
- package/esm2022/features/tab/tab-item.component.mjs +29 -0
- package/esm2022/features/tab/tab.component.mjs +159 -0
- package/esm2022/features/table/table.component.mjs +263 -0
- package/esm2022/features/textbox/textbox.component.mjs +3 -3
- package/esm2022/features/toast/toast.component.mjs +35 -27
- package/esm2022/features/toast/toast.service.mjs +60 -35
- package/esm2022/providers/primeng-config.provider.mjs +10 -8
- package/esm2022/public-api.mjs +7 -1
- package/features/button/button.component.d.ts +5 -4
- package/features/checkbox/checkbox.component.d.ts +23 -0
- package/features/combobox/combobox.component.d.ts +8 -5
- package/features/inputs.d.ts +0 -4
- package/features/list/list.component.d.ts +10 -4
- package/features/modalc/modalc.component.d.ts +16 -8
- package/features/scaffold/scaffold.component.d.ts +11 -0
- package/features/searchbox/searchbox.component.d.ts +7 -7
- package/features/sidebar/sidebar.component.d.ts +18 -0
- package/features/spinner/spinner.component.d.ts +3 -2
- package/features/tab/tab-item.component.d.ts +11 -0
- package/features/tab/tab.component.d.ts +38 -0
- package/features/table/table.component.d.ts +60 -0
- package/features/toast/toast.component.d.ts +10 -10
- package/features/toast/toast.service.d.ts +10 -10
- package/fesm2022/seniorsistemas-data-seniorx-core.mjs +930 -223
- package/fesm2022/seniorsistemas-data-seniorx-core.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +6 -0
- package/styles.css +50 -0
- package/styles.css.map +1 -1
|
@@ -48,20 +48,9 @@ export class InputsComponent {
|
|
|
48
48
|
getStyles() {
|
|
49
49
|
return getDimensionStyles('width', this.width);
|
|
50
50
|
}
|
|
51
|
-
getSizeStyle() {
|
|
52
|
-
switch (this.size) {
|
|
53
|
-
case 'small':
|
|
54
|
-
return { 'font-size': '12px', height: '28px' };
|
|
55
|
-
case 'large':
|
|
56
|
-
return { 'font-size': '16px', height: '44px' };
|
|
57
|
-
default:
|
|
58
|
-
return { 'font-size': '14px', height: '36px' };
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
51
|
getInputStyle() {
|
|
62
52
|
return {
|
|
63
53
|
...this.getStyles(),
|
|
64
|
-
...this.getSizeStyle()
|
|
65
54
|
};
|
|
66
55
|
}
|
|
67
56
|
getInvalidClass() {
|
|
@@ -112,4 +101,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
112
101
|
}], valueChange: [{
|
|
113
102
|
type: Output
|
|
114
103
|
}] } });
|
|
115
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGliL3NyYy9mZWF0dXJlcy9pbnB1dHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFhLGtCQUFrQixFQUFvQyxNQUFNLDhCQUE4QixDQUFDO0FBRS9HLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBR3ZFLE1BQU0sT0FBZ0IsZUFBZTtJQUMxQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBQzFCLFFBQVEsR0FBYSxFQUFFLENBQUM7SUFDeEIsT0FBTyxHQUFZLEtBQUssQ0FBQztJQUN6QixLQUFLLEdBQWtCLEtBQUssQ0FBQztJQUM3QixPQUFPLEdBQWtCLEtBQUssQ0FBQztJQUMvQixXQUFXLEdBQVcsRUFBRSxDQUFDO0lBQ3pCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsSUFBSSxHQUFTLFNBQVMsQ0FBQztJQUN2QixLQUFLLEdBQWEsSUFBSSxDQUFDO0lBQ3ZCLEtBQUssR0FBYyxLQUFLLENBQUM7SUFDekIsU0FBUyxDQUFxQjtJQUM5QixTQUFTLEdBQVksR0FBRyxDQUFDO0lBQ3pCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsV0FBVyxHQUFXLEVBQUUsQ0FBQztJQUN4QixXQUFXLEdBQTJCLElBQUksWUFBWSxFQUFZLENBQUM7SUFFN0UsUUFBUSxHQUFHLENBQUMsQ0FBTSxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFDMUIsU0FBUyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUVyQixVQUFVLENBQUMsS0FBUTtRQUNqQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUUsVUFBbUI7UUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDN0IsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUEwQjtRQUNoQyxJQUFJLEtBQUssS0FBSyxJQUFJLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQVMsQ0FBQztRQUN6QixDQUFDO2FBQU0sSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUNyQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQVUsQ0FBQztRQUMxQixDQUFDO2FBQU0sQ0FBQztZQUNOLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1lBQy9DLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQVUsQ0FBQztRQUNoQyxDQUFDO1FBRUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxTQUFTO1FBQ1AsT0FBTyxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRCxhQUFhO1FBQ1gsT0FBTztZQUNMLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRTtTQUNwQixDQUFDO0lBQ0osQ0FBQztJQUVELGVBQWU7UUFDYixPQUFPO1lBQ0wsWUFBWSxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQzFCLFVBQVUsRUFBRSxJQUFJLENBQUMsT0FBTztTQUN6QixDQUFDO0lBQ0osQ0FBQztJQUVELHNCQUFzQjtRQUNwQixPQUFPO1lBQ0wsT0FBTyxFQUFFLElBQUk7WUFDYixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU87U0FDdEIsQ0FBQztJQUNKLENBQUM7d0dBeEVtQixlQUFlOzRGQUFmLGVBQWU7OzRGQUFmLGVBQWU7a0JBRHBDLFNBQVM7OEJBRUMsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IERpbWVuc2lvbiwgZ2V0RGltZW5zaW9uU3R5bGVzLCBPcHRpb25WYWx1ZSwgU2l6ZSwgU3RyaW5nQm9vbGVhbiB9IGZyb20gJy4uL2NvcmUvdHlwZXMvc2VtYW50aWNzLnR5cGUnO1xuaW1wb3J0IHsgSWRlbnRpdHkgfSBmcm9tICcuLi9jb3JlL3R5cGVzL2ZpZWxkcy50eXBlJztcbmltcG9ydCB7IElucHV0LCBEaXJlY3RpdmUsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIElucHV0c0NvbXBvbmVudDxFPiBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaWRlbnRpdHk6IElkZW50aXR5ID0ge307XG4gIEBJbnB1dCgpIGludmFsaWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbGFiZWw6IFN0cmluZ0Jvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbWVzc2FnZTogU3RyaW5nQm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNpemU6IFNpemUgPSB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIHZhbHVlOiBFIHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIHdpZHRoOiBEaW1lbnNpb24gPSBmYWxzZTtcbiAgQElucHV0KCkga2V5RmlsdGVyOiBSZWdFeHAgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIG1heGxlbmd0aD86IG51bWJlciA9IDEwMDtcbiAgQElucHV0KCkgaW5mb0ljb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdG9vbHRpcEljb246IHN0cmluZyA9ICcnO1xuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxFIHwgbnVsbD4gPSBuZXcgRXZlbnRFbWl0dGVyPEUgfCBudWxsPigpO1xuXG4gIG9uQ2hhbmdlID0gKF86IGFueSkgPT4ge307XG4gIG9uVG91Y2hlZCA9ICgpID0+IHt9O1xuXG4gIHdyaXRlVmFsdWUodmFsdWU6IEUpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIG9uSW5wdXQoZXZlbnQ6IEV2ZW50IHwgT3B0aW9uVmFsdWUpIHtcbiAgICBpZiAoZXZlbnQgPT09IG51bGwpIHtcbiAgICAgIHRoaXMudmFsdWUgPSBudWxsIGFzIEU7XG4gICAgfSBlbHNlIGlmICh0eXBlb2YgZXZlbnQgPT09ICdzdHJpbmcnKSB7XG4gICAgICB0aGlzLnZhbHVlID0gZXZlbnQgYXMgRTtcbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICAgIHRoaXMudmFsdWUgPSBpbnB1dC52YWx1ZSBhcyBFO1xuICAgIH1cblxuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xuICB9XG5cbiAgZ2V0U3R5bGVzKCk6IGFueSB7XG4gICAgcmV0dXJuIGdldERpbWVuc2lvblN0eWxlcygnd2lkdGgnLCB0aGlzLndpZHRoKTtcbiAgfVxuXG4gIGdldElucHV0U3R5bGUoKTogYW55IHtcbiAgICByZXR1cm4ge1xuICAgICAgLi4udGhpcy5nZXRTdHlsZXMoKSxcbiAgICB9O1xuICB9XG5cbiAgZ2V0SW52YWxpZENsYXNzKCk6IGFueSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICduZy1pbnZhbGlkJzogdGhpcy5pbnZhbGlkLFxuICAgICAgJ25nLWRpcnR5JzogdGhpcy5pbnZhbGlkXG4gICAgfTtcbiAgfVxuXG4gIGdldEludmFsaWRNZXNzYWdlQ2xhc3MoKTogYW55IHtcbiAgICByZXR1cm4ge1xuICAgICAgbWVzc2FnZTogdHJ1ZSxcbiAgICAgIGludmFsaWQ6IHRoaXMuaW52YWxpZFxuICAgIH07XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,62 +1,85 @@
|
|
|
1
|
-
import { ButtonModule } from 'primeng/button';
|
|
2
1
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { Component, Input } from '@angular/core';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { TranslateModule } from '@ngx-translate/core';
|
|
2
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
3
|
+
import { ButtonComponent } from '../../public-api';
|
|
4
|
+
import { EmptyStateModule } from '@seniorsistemas/angular-components/empty-state';
|
|
5
|
+
import { LoadingStateModule } from '@seniorsistemas/angular-components/loading-state';
|
|
8
6
|
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "
|
|
10
|
-
import * as i2 from "@angular/
|
|
11
|
-
import * as i3 from "
|
|
12
|
-
import * as i4 from "primeng/table";
|
|
13
|
-
import * as i5 from "primeng/tooltip";
|
|
14
|
-
import * as i6 from "@ngx-translate/core";
|
|
7
|
+
import * as i1 from "@angular/common";
|
|
8
|
+
import * as i2 from "@seniorsistemas/angular-components/empty-state";
|
|
9
|
+
import * as i3 from "@seniorsistemas/angular-components/loading-state";
|
|
15
10
|
export class ListComponent {
|
|
16
11
|
dataItems = [];
|
|
17
12
|
dataActions = [];
|
|
18
13
|
loading = false;
|
|
14
|
+
action = new EventEmitter();
|
|
19
15
|
set items(value) {
|
|
20
16
|
this.dataItems = this.parseArray(value ?? []);
|
|
21
17
|
}
|
|
22
18
|
set actions(value) {
|
|
23
|
-
|
|
19
|
+
const arr = this.parseArray(value ?? []);
|
|
20
|
+
this.dataActions = arr.map(this.normalizeAction);
|
|
24
21
|
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
22
|
+
onActionClick(a, item) {
|
|
23
|
+
const name = a.name ?? '';
|
|
24
|
+
const id = item?.id ?? '';
|
|
25
|
+
this.action.emit({ name, id, item });
|
|
26
|
+
const fn = a.action;
|
|
27
|
+
if (typeof fn === 'function') {
|
|
28
|
+
try {
|
|
29
|
+
fn(name, id);
|
|
30
|
+
}
|
|
31
|
+
catch { }
|
|
32
|
+
}
|
|
30
33
|
}
|
|
31
|
-
|
|
34
|
+
normalizeAction(a) {
|
|
35
|
+
const icon = a?.icon ?? a?.iconClass ?? a?.leftIcon ?? null;
|
|
36
|
+
const label = a?.label ?? a?.text ?? '';
|
|
32
37
|
return {
|
|
33
|
-
|
|
34
|
-
|
|
38
|
+
...a,
|
|
39
|
+
icon,
|
|
40
|
+
label,
|
|
41
|
+
iconClass: icon,
|
|
42
|
+
leftIcon: icon,
|
|
43
|
+
text: label,
|
|
44
|
+
priority: a?.priority ?? 'default',
|
|
45
|
+
disabled: !!a?.disabled,
|
|
35
46
|
};
|
|
36
47
|
}
|
|
37
48
|
parseArray(value) {
|
|
38
|
-
if (Array.isArray(value))
|
|
49
|
+
if (Array.isArray(value))
|
|
39
50
|
return value;
|
|
51
|
+
if (typeof value === 'string') {
|
|
52
|
+
try {
|
|
53
|
+
const safe = value.trim().replace(/\\n/g, '').replace(/'/g, '"');
|
|
54
|
+
return JSON.parse(safe);
|
|
55
|
+
}
|
|
56
|
+
catch (e) {
|
|
57
|
+
console.warn('Error converting value to array:', value, e);
|
|
58
|
+
}
|
|
40
59
|
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
60
|
+
return [];
|
|
61
|
+
}
|
|
62
|
+
actionKey(a) {
|
|
63
|
+
return [
|
|
64
|
+
String(a?.label ?? a?.text ?? ''),
|
|
65
|
+
String(a?.icon ?? a?.iconClass ?? a?.leftIcon ?? ''),
|
|
66
|
+
String(a?.priority ?? 'default'),
|
|
67
|
+
String(!!a?.disabled)
|
|
68
|
+
].join('|');
|
|
48
69
|
}
|
|
49
70
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ListComponent, isStandalone: true, selector: "sdc-list", inputs: { loading: "loading", items: "items", actions: "actions" }, ngImport: i0, template: "<
|
|
71
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ListComponent, isStandalone: true, selector: "sdc-list", inputs: { loading: "loading", items: "items", actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"sdc-list\">\n <div *ngIf=\"!loading && !(!dataItems || dataItems.length === 0)\">\n <div class=\"sdc-list-item\" *ngFor=\"let item of dataItems\">\n <div class=\"sdc-list-content\">\n <div class=\"sdc-list-title\">{{ item.title }}</div>\n <div class=\"sdc-list-subtitle\">{{ item.subtitle }}</div>\n </div>\n <div class=\"sdc-list-actions\" *ngIf=\"dataActions && dataActions.length > 0\">\n <ng-container *ngFor=\"let action of dataActions\">\n <ng-container *ngFor=\"let __k of [actionKey(action)]\">\n <sdc-button (onClick)=\"onActionClick(action, item)\" [disabled]=\"!!action.disabled\"\n [icon]=\"action.icon || $any(action).iconClass || $any(action).leftIcon\"\n [label]=\"action.label ?? $any(action).text\" [priority]=\"action.priority || 'default'\"\n [attr.disabled]=\"action.disabled ? '' : null\"\n [attr.icon]=\"action.icon || $any(action).iconClass || $any(action).leftIcon\"\n [attr.label]=\"action.label ?? $any(action).text\" [attr.priority]=\"action.priority || 'default'\"\n [attr.severity]=\"action.priority || 'default'\" [attr.data-key]=\"__k\">\n </sdc-button>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"!loading && (!dataItems || dataItems.length === 0)\" class=\"sdc-list-hidden\" aria-live=\"polite\">\n <s-empty-state id=\"my-empty-state\" iconClass=\"fa fa-inbox\" title=\"Nenhum registro encontrado\"\n primaryActionLabel=\"Recarregar\" description=\"Nenhum cadastro foi encontrado.\">\n </s-empty-state>\n </div>\n\n <div *ngIf=\"loading\" class=\"sdc-list-hidden\">\n <s-loading-state [loading]=\"loading\" [blockWindow]=\"false\"></s-loading-state>\n </div>\n</div>", styles: [":host{display:block}.sdc-list{background:#fff;border:1px solid var(--sdc-formfield-default-border);overflow:hidden}.sdc-list-hidden{min-height:21rem;padding-top:6rem;padding-bottom:6rem}.sdc-list-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--sdc-formfield-default-border)}.sdc-list-item:last-child{border-bottom:0}.sdc-list-content{flex:1 1 auto;min-width:0}.sdc-list-title{font-weight:600;font-size:16px;line-height:1.25;color:#1f2937;margin:0 0 4px}.sdc-list-subtitle{font-size:12px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdc-list-actions{display:flex;align-items:center;gap:8px;margin-left:24px;flex-shrink:0}ul.sdc-list,.sdc-list ul,.sdc-list li{list-style:none;margin:0;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "sdc-button", inputs: ["disabled", "width", "icon", "id", "label", "priority", "size", "type"], outputs: ["onClick"] }, { kind: "ngmodule", type: EmptyStateModule }, { kind: "component", type: i2.EmptyStateComponent, selector: "s-empty-state", inputs: ["id", "title", "iconClass", "description", "showPrimaryAction", "showSecondaryAction", "primaryActionLabel", "secondaryActionLabel", "primaryModel"], outputs: ["primaryAction", "secondaryAction"] }, { kind: "ngmodule", type: LoadingStateModule }, { kind: "component", type: i3.LoadingStateComponent, selector: "s-loading-state", inputs: ["indicator", "id", "blockWindow", "loading"] }] });
|
|
51
72
|
}
|
|
52
73
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListComponent, decorators: [{
|
|
53
74
|
type: Component,
|
|
54
|
-
args: [{
|
|
75
|
+
args: [{ standalone: true, selector: 'sdc-list', imports: [CommonModule, ButtonComponent, EmptyStateModule, LoadingStateModule], template: "<div class=\"sdc-list\">\n <div *ngIf=\"!loading && !(!dataItems || dataItems.length === 0)\">\n <div class=\"sdc-list-item\" *ngFor=\"let item of dataItems\">\n <div class=\"sdc-list-content\">\n <div class=\"sdc-list-title\">{{ item.title }}</div>\n <div class=\"sdc-list-subtitle\">{{ item.subtitle }}</div>\n </div>\n <div class=\"sdc-list-actions\" *ngIf=\"dataActions && dataActions.length > 0\">\n <ng-container *ngFor=\"let action of dataActions\">\n <ng-container *ngFor=\"let __k of [actionKey(action)]\">\n <sdc-button (onClick)=\"onActionClick(action, item)\" [disabled]=\"!!action.disabled\"\n [icon]=\"action.icon || $any(action).iconClass || $any(action).leftIcon\"\n [label]=\"action.label ?? $any(action).text\" [priority]=\"action.priority || 'default'\"\n [attr.disabled]=\"action.disabled ? '' : null\"\n [attr.icon]=\"action.icon || $any(action).iconClass || $any(action).leftIcon\"\n [attr.label]=\"action.label ?? $any(action).text\" [attr.priority]=\"action.priority || 'default'\"\n [attr.severity]=\"action.priority || 'default'\" [attr.data-key]=\"__k\">\n </sdc-button>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"!loading && (!dataItems || dataItems.length === 0)\" class=\"sdc-list-hidden\" aria-live=\"polite\">\n <s-empty-state id=\"my-empty-state\" iconClass=\"fa fa-inbox\" title=\"Nenhum registro encontrado\"\n primaryActionLabel=\"Recarregar\" description=\"Nenhum cadastro foi encontrado.\">\n </s-empty-state>\n </div>\n\n <div *ngIf=\"loading\" class=\"sdc-list-hidden\">\n <s-loading-state [loading]=\"loading\" [blockWindow]=\"false\"></s-loading-state>\n </div>\n</div>", styles: [":host{display:block}.sdc-list{background:#fff;border:1px solid var(--sdc-formfield-default-border);overflow:hidden}.sdc-list-hidden{min-height:21rem;padding-top:6rem;padding-bottom:6rem}.sdc-list-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--sdc-formfield-default-border)}.sdc-list-item:last-child{border-bottom:0}.sdc-list-content{flex:1 1 auto;min-width:0}.sdc-list-title{font-weight:600;font-size:16px;line-height:1.25;color:#1f2937;margin:0 0 4px}.sdc-list-subtitle{font-size:12px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdc-list-actions{display:flex;align-items:center;gap:8px;margin-left:24px;flex-shrink:0}ul.sdc-list,.sdc-list ul,.sdc-list li{list-style:none;margin:0;padding:0}\n"] }]
|
|
55
76
|
}], propDecorators: { loading: [{
|
|
56
77
|
type: Input
|
|
78
|
+
}], action: [{
|
|
79
|
+
type: Output
|
|
57
80
|
}], items: [{
|
|
58
81
|
type: Input
|
|
59
82
|
}], actions: [{
|
|
60
83
|
type: Input
|
|
61
84
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL2xpc3QvbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL2xpc3QvbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDbEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0RBQWtELENBQUM7Ozs7O0FBVXRGLE1BQU0sT0FBTyxhQUFhO0lBQ2pCLFNBQVMsR0FBZSxFQUFFLENBQUM7SUFDM0IsV0FBVyxHQUFxQixFQUFFLENBQUM7SUFFakMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUVmLE1BQU0sR0FBRyxJQUFJLFlBQVksRUFBZ0QsQ0FBQztJQUVwRixJQUFhLEtBQUssQ0FBQyxLQUEwQjtRQUMzQyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQVcsS0FBSyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFRCxJQUFhLE9BQU8sQ0FBQyxLQUFnQztRQUNuRCxNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFpQixLQUFLLElBQUksRUFBRSxDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLFdBQVcsR0FBRyxHQUFHLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRUQsYUFBYSxDQUFDLENBQWlCLEVBQUUsSUFBYztRQUM3QyxNQUFNLElBQUksR0FBSSxDQUFTLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUNuQyxNQUFNLEVBQUUsR0FBSSxJQUFZLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQztRQUNuQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUNyQyxNQUFNLEVBQUUsR0FBSSxDQUFTLENBQUMsTUFBTSxDQUFDO1FBQzdCLElBQUksT0FBTyxFQUFFLEtBQUssVUFBVSxFQUFFLENBQUM7WUFDN0IsSUFBSSxDQUFDO2dCQUFDLEVBQUUsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFBQyxDQUFDO1lBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztRQUNqQyxDQUFDO0lBQ0gsQ0FBQztJQUVPLGVBQWUsQ0FBQyxDQUFNO1FBQzVCLE1BQU0sSUFBSSxHQUFHLENBQUMsRUFBRSxJQUFJLElBQUksQ0FBQyxFQUFFLFNBQVMsSUFBSSxDQUFDLEVBQUUsUUFBUSxJQUFJLElBQUksQ0FBQztRQUM1RCxNQUFNLEtBQUssR0FBRyxDQUFDLEVBQUUsS0FBSyxJQUFJLENBQUMsRUFBRSxJQUFJLElBQUksRUFBRSxDQUFDO1FBQ3hDLE9BQU87WUFDTCxHQUFHLENBQUM7WUFDSixJQUFJO1lBQ0osS0FBSztZQUNMLFNBQVMsRUFBRSxJQUFJO1lBQ2YsUUFBUSxFQUFFLElBQUk7WUFDZCxJQUFJLEVBQUUsS0FBSztZQUNYLFFBQVEsRUFBRSxDQUFDLEVBQUUsUUFBUSxJQUFJLFNBQVM7WUFDbEMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsUUFBUTtTQUNOLENBQUM7SUFDdEIsQ0FBQztJQUVPLFVBQVUsQ0FBSSxLQUFtQjtRQUN2QyxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyxLQUFLLENBQUM7UUFDdkMsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUM7Z0JBQ0gsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxHQUFHLENBQUMsQ0FBQztnQkFDakUsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBUSxDQUFDO1lBQ2pDLENBQUM7WUFBQyxPQUFPLENBQUMsRUFBRSxDQUFDO2dCQUNYLE9BQU8sQ0FBQyxJQUFJLENBQUMsa0NBQWtDLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQzdELENBQUM7UUFDSCxDQUFDO1FBQ0QsT0FBTyxFQUFFLENBQUM7SUFDWixDQUFDO0lBRVMsU0FBUyxDQUFDLENBQWlCO1FBQ25DLE9BQU87WUFDTCxNQUFNLENBQUMsQ0FBQyxFQUFFLEtBQUssSUFBSSxDQUFDLEVBQUUsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUNqQyxNQUFNLENBQUMsQ0FBQyxFQUFFLElBQUksSUFBSSxDQUFDLEVBQUUsU0FBUyxJQUFJLENBQUMsRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDO1lBQ3BELE1BQU0sQ0FBQyxDQUFDLEVBQUUsUUFBUSxJQUFJLFNBQVMsQ0FBQztZQUNoQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxRQUFRLENBQUM7U0FDdEIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDZCxDQUFDO3dHQTlEVSxhQUFhOzRGQUFiLGFBQWEsdUtDZDFCLGt6REFpQ00sbTFCRHZCTSxZQUFZLGdRQUFFLGVBQWUsOEpBQUUsZ0JBQWdCLDRUQUFFLGtCQUFrQjs7NEZBSWxFLGFBQWE7a0JBUHpCLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLFVBQVUsV0FDWCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsa0JBQWtCLENBQUM7OEJBUXJFLE9BQU87c0JBQWYsS0FBSztnQkFFSSxNQUFNO3NCQUFmLE1BQU07Z0JBRU0sS0FBSztzQkFBakIsS0FBSztnQkFJTyxPQUFPO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9wdWJsaWMtYXBpJztcbmltcG9ydCB7IEVtcHR5U3RhdGVNb2R1bGUgfSBmcm9tICdAc2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzL2VtcHR5LXN0YXRlJztcbmltcG9ydCB7IExvYWRpbmdTdGF0ZU1vZHVsZSB9IGZyb20gJ0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvbG9hZGluZy1zdGF0ZSc7XG5pbXBvcnQgeyBMaXN0SXRlbSwgTGlzdEl0ZW1BY3Rpb24gfSBmcm9tICcuLi8uLi9jb3JlL3R5cGVzL2xpc3RzLnR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdzZGMtbGlzdCcsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkNvbXBvbmVudCwgRW1wdHlTdGF0ZU1vZHVsZSwgTG9hZGluZ1N0YXRlTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vbGlzdC5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIExpc3RDb21wb25lbnQge1xuICBwdWJsaWMgZGF0YUl0ZW1zOiBMaXN0SXRlbVtdID0gW107XG4gIHB1YmxpYyBkYXRhQWN0aW9uczogTGlzdEl0ZW1BY3Rpb25bXSA9IFtdO1xuXG4gIEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjx7IG5hbWU6IHN0cmluZzsgaWQ6IHN0cmluZzsgaXRlbTogTGlzdEl0ZW0gfT4oKTtcblxuICBASW5wdXQoKSBzZXQgaXRlbXModmFsdWU6IExpc3RJdGVtW10gfCBzdHJpbmcpIHtcbiAgICB0aGlzLmRhdGFJdGVtcyA9IHRoaXMucGFyc2VBcnJheTxMaXN0SXRlbT4odmFsdWUgPz8gW10pO1xuICB9XG5cbiAgQElucHV0KCkgc2V0IGFjdGlvbnModmFsdWU6IExpc3RJdGVtQWN0aW9uW10gfCBzdHJpbmcpIHtcbiAgICBjb25zdCBhcnIgPSB0aGlzLnBhcnNlQXJyYXk8TGlzdEl0ZW1BY3Rpb24+KHZhbHVlID8/IFtdKTtcbiAgICB0aGlzLmRhdGFBY3Rpb25zID0gYXJyLm1hcCh0aGlzLm5vcm1hbGl6ZUFjdGlvbik7XG4gIH1cblxuICBvbkFjdGlvbkNsaWNrKGE6IExpc3RJdGVtQWN0aW9uLCBpdGVtOiBMaXN0SXRlbSkge1xuICAgIGNvbnN0IG5hbWUgPSAoYSBhcyBhbnkpLm5hbWUgPz8gJyc7XG4gICAgY29uc3QgaWQgPSAoaXRlbSBhcyBhbnkpPy5pZCA/PyAnJztcbiAgICB0aGlzLmFjdGlvbi5lbWl0KHsgbmFtZSwgaWQsIGl0ZW0gfSk7XG4gICAgY29uc3QgZm4gPSAoYSBhcyBhbnkpLmFjdGlvbjtcbiAgICBpZiAodHlwZW9mIGZuID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICB0cnkgeyBmbihuYW1lLCBpZCk7IH0gY2F0Y2ggeyB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBub3JtYWxpemVBY3Rpb24oYTogYW55KTogTGlzdEl0ZW1BY3Rpb24ge1xuICAgIGNvbnN0IGljb24gPSBhPy5pY29uID8/IGE/Lmljb25DbGFzcyA/PyBhPy5sZWZ0SWNvbiA/PyBudWxsO1xuICAgIGNvbnN0IGxhYmVsID0gYT8ubGFiZWwgPz8gYT8udGV4dCA/PyAnJztcbiAgICByZXR1cm4ge1xuICAgICAgLi4uYSxcbiAgICAgIGljb24sXG4gICAgICBsYWJlbCxcbiAgICAgIGljb25DbGFzczogaWNvbixcbiAgICAgIGxlZnRJY29uOiBpY29uLFxuICAgICAgdGV4dDogbGFiZWwsXG4gICAgICBwcmlvcml0eTogYT8ucHJpb3JpdHkgPz8gJ2RlZmF1bHQnLFxuICAgICAgZGlzYWJsZWQ6ICEhYT8uZGlzYWJsZWQsXG4gICAgfSBhcyBMaXN0SXRlbUFjdGlvbjtcbiAgfVxuXG4gIHByaXZhdGUgcGFyc2VBcnJheTxUPih2YWx1ZTogVFtdIHwgc3RyaW5nKTogVFtdIHtcbiAgICBpZiAoQXJyYXkuaXNBcnJheSh2YWx1ZSkpIHJldHVybiB2YWx1ZTtcbiAgICBpZiAodHlwZW9mIHZhbHVlID09PSAnc3RyaW5nJykge1xuICAgICAgdHJ5IHtcbiAgICAgICAgY29uc3Qgc2FmZSA9IHZhbHVlLnRyaW0oKS5yZXBsYWNlKC9cXFxcbi9nLCAnJykucmVwbGFjZSgvJy9nLCAnXCInKTtcbiAgICAgICAgcmV0dXJuIEpTT04ucGFyc2Uoc2FmZSkgYXMgVFtdO1xuICAgICAgfSBjYXRjaCAoZSkge1xuICAgICAgICBjb25zb2xlLndhcm4oJ0Vycm9yIGNvbnZlcnRpbmcgdmFsdWUgdG8gYXJyYXk6JywgdmFsdWUsIGUpO1xuICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gW107XG4gIH1cblxuICBwcm90ZWN0ZWQgYWN0aW9uS2V5KGE6IExpc3RJdGVtQWN0aW9uKTogc3RyaW5nIHtcbiAgICByZXR1cm4gW1xuICAgICAgU3RyaW5nKGE/LmxhYmVsID8/IGE/LnRleHQgPz8gJycpLFxuICAgICAgU3RyaW5nKGE/Lmljb24gPz8gYT8uaWNvbkNsYXNzID8/IGE/LmxlZnRJY29uID8/ICcnKSxcbiAgICAgIFN0cmluZyhhPy5wcmlvcml0eSA/PyAnZGVmYXVsdCcpLFxuICAgICAgU3RyaW5nKCEhYT8uZGlzYWJsZWQpXG4gICAgXS5qb2luKCd8Jyk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZGMtbGlzdFwiPlxuICA8ZGl2ICpuZ0lmPVwiIWxvYWRpbmcgJiYgISghZGF0YUl0ZW1zIHx8IGRhdGFJdGVtcy5sZW5ndGggPT09IDApXCI+XG4gICAgPGRpdiBjbGFzcz1cInNkYy1saXN0LWl0ZW1cIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhSXRlbXNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzZGMtbGlzdC1jb250ZW50XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZGMtbGlzdC10aXRsZVwiPnt7IGl0ZW0udGl0bGUgfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNkYy1saXN0LXN1YnRpdGxlXCI+e3sgaXRlbS5zdWJ0aXRsZSB9fTwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwic2RjLWxpc3QtYWN0aW9uc1wiICpuZ0lmPVwiZGF0YUFjdGlvbnMgJiYgZGF0YUFjdGlvbnMubGVuZ3RoID4gMFwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBhY3Rpb24gb2YgZGF0YUFjdGlvbnNcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBfX2sgb2YgW2FjdGlvbktleShhY3Rpb24pXVwiPlxuICAgICAgICAgICAgPHNkYy1idXR0b24gKG9uQ2xpY2spPVwib25BY3Rpb25DbGljayhhY3Rpb24sIGl0ZW0pXCIgW2Rpc2FibGVkXT1cIiEhYWN0aW9uLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgW2ljb25dPVwiYWN0aW9uLmljb24gfHwgJGFueShhY3Rpb24pLmljb25DbGFzcyB8fCAkYW55KGFjdGlvbikubGVmdEljb25cIlxuICAgICAgICAgICAgICBbbGFiZWxdPVwiYWN0aW9uLmxhYmVsID8/ICRhbnkoYWN0aW9uKS50ZXh0XCIgW3ByaW9yaXR5XT1cImFjdGlvbi5wcmlvcml0eSB8fCAnZGVmYXVsdCdcIlxuICAgICAgICAgICAgICBbYXR0ci5kaXNhYmxlZF09XCJhY3Rpb24uZGlzYWJsZWQgPyAnJyA6IG51bGxcIlxuICAgICAgICAgICAgICBbYXR0ci5pY29uXT1cImFjdGlvbi5pY29uIHx8ICRhbnkoYWN0aW9uKS5pY29uQ2xhc3MgfHwgJGFueShhY3Rpb24pLmxlZnRJY29uXCJcbiAgICAgICAgICAgICAgW2F0dHIubGFiZWxdPVwiYWN0aW9uLmxhYmVsID8/ICRhbnkoYWN0aW9uKS50ZXh0XCIgW2F0dHIucHJpb3JpdHldPVwiYWN0aW9uLnByaW9yaXR5IHx8ICdkZWZhdWx0J1wiXG4gICAgICAgICAgICAgIFthdHRyLnNldmVyaXR5XT1cImFjdGlvbi5wcmlvcml0eSB8fCAnZGVmYXVsdCdcIiBbYXR0ci5kYXRhLWtleV09XCJfX2tcIj5cbiAgICAgICAgICAgIDwvc2RjLWJ1dHRvbj5cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdiAqbmdJZj1cIiFsb2FkaW5nICYmICghZGF0YUl0ZW1zIHx8IGRhdGFJdGVtcy5sZW5ndGggPT09IDApXCIgY2xhc3M9XCJzZGMtbGlzdC1oaWRkZW5cIiBhcmlhLWxpdmU9XCJwb2xpdGVcIj5cbiAgICA8cy1lbXB0eS1zdGF0ZSBpZD1cIm15LWVtcHR5LXN0YXRlXCIgaWNvbkNsYXNzPVwiZmEgZmEtaW5ib3hcIiB0aXRsZT1cIk5lbmh1bSByZWdpc3RybyBlbmNvbnRyYWRvXCJcbiAgICAgIHByaW1hcnlBY3Rpb25MYWJlbD1cIlJlY2FycmVnYXJcIiBkZXNjcmlwdGlvbj1cIk5lbmh1bSBjYWRhc3RybyBmb2kgZW5jb250cmFkby5cIj5cbiAgICA8L3MtZW1wdHktc3RhdGU+XG4gIDwvZGl2PlxuXG4gIDxkaXYgKm5nSWY9XCJsb2FkaW5nXCIgY2xhc3M9XCJzZGMtbGlzdC1oaWRkZW5cIj5cbiAgICA8cy1sb2FkaW5nLXN0YXRlIFtsb2FkaW5nXT1cImxvYWRpbmdcIiBbYmxvY2tXaW5kb3ddPVwiZmFsc2VcIj48L3MtbG9hZGluZy1zdGF0ZT5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -1,54 +1,77 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, HostListener } from '@angular/core';
|
|
3
3
|
import { ButtonModule } from 'primeng/button';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "primeng/button";
|
|
6
6
|
import * as i2 from "@angular/common";
|
|
7
7
|
export class ModalcComponent {
|
|
8
|
-
|
|
8
|
+
cdr;
|
|
9
9
|
title = 'Modal Title';
|
|
10
10
|
footerButtons = [];
|
|
11
11
|
maximizable = false;
|
|
12
|
+
closeOnBackdrop = true;
|
|
13
|
+
set visible(v) { this.setVisible(!!v, false); }
|
|
14
|
+
get visible() { return this._visible; }
|
|
12
15
|
visibleChange = new EventEmitter();
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
+
_visible = false;
|
|
17
|
+
_fullscreen = false;
|
|
18
|
+
constructor(cdr) {
|
|
19
|
+
this.cdr = cdr;
|
|
16
20
|
}
|
|
17
|
-
|
|
18
|
-
|
|
21
|
+
ngOnInit() { }
|
|
22
|
+
ngOnDestroy() { this.unlockBodyScroll(); }
|
|
23
|
+
open() { this.setVisible(true, true); }
|
|
24
|
+
close() { this.setVisible(false, true); }
|
|
25
|
+
toggleFullscreen() {
|
|
26
|
+
this._fullscreen = !this._fullscreen;
|
|
27
|
+
this.cdr.markForCheck();
|
|
28
|
+
}
|
|
29
|
+
onBackdropClick() {
|
|
30
|
+
if (this.closeOnBackdrop)
|
|
31
|
+
this.close();
|
|
19
32
|
}
|
|
20
|
-
|
|
21
|
-
if (
|
|
33
|
+
onEsc(ev) {
|
|
34
|
+
if (this._visible)
|
|
22
35
|
this.close();
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
ngOnInit() {
|
|
26
|
-
window.addEventListener('keydown', this.escListener);
|
|
27
36
|
}
|
|
28
|
-
|
|
29
|
-
|
|
37
|
+
setVisible(next, emit) {
|
|
38
|
+
if (this._visible === next)
|
|
39
|
+
return;
|
|
40
|
+
this._visible = next;
|
|
41
|
+
if (this._visible)
|
|
42
|
+
this.lockBodyScroll();
|
|
43
|
+
else
|
|
44
|
+
this.unlockBodyScroll();
|
|
45
|
+
if (emit)
|
|
46
|
+
this.visibleChange.emit(this._visible);
|
|
47
|
+
this.cdr.markForCheck();
|
|
30
48
|
}
|
|
31
|
-
|
|
32
|
-
|
|
49
|
+
lockBodyScroll() {
|
|
50
|
+
document.body.style.overflow = 'hidden';
|
|
33
51
|
}
|
|
34
|
-
|
|
35
|
-
|
|
52
|
+
unlockBodyScroll() {
|
|
53
|
+
document.body.style.overflow = '';
|
|
36
54
|
}
|
|
37
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalcComponent, isStandalone: true, selector: "sdc-modalc", inputs: {
|
|
55
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalcComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalcComponent, isStandalone: true, selector: "sdc-modalc", inputs: { title: "title", footerButtons: "footerButtons", maximizable: "maximizable", closeOnBackdrop: "closeOnBackdrop", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, host: { listeners: { "document:keydown.escape": "onEsc($event)" } }, ngImport: i0, template: "<section\n *ngIf=\"_visible\"\n class=\"modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"modal-title\"\n (click)=\"onBackdropClick()\"\n>\n <div class=\"modal-container\" [class.fullscreen]=\"_fullscreen\" (click)=\"$event.stopPropagation()\">\n <header class=\"modal-header\">\n <h2 id=\"modal-title\">{{ title }}</h2>\n <div class=\"modal-actions\">\n <button *ngIf=\"maximizable\" class=\"expand-button\" type=\"button\" (click)=\"toggleFullscreen()\">\n <i class=\"fal fa-expand-arrows\"></i>\n </button>\n <button class=\"close-button\" type=\"button\" (click)=\"close()\">\n <i class=\"fal fa-times\"></i>\n </button>\n </div>\n </header>\n\n <main class=\"modal-body\">\n <ng-content></ng-content>\n </main>\n\n <footer class=\"modal-footer\">\n <div class=\"footer-actions\">\n <ng-content select=\"[footer]\"></ng-content>\n <p-button *ngFor=\"let btn of footerButtons\"\n (onClick)=\"btn?.action?.()\"\n [icon]=\"btn.icon\"\n [id]=\"btn.id\"\n [label]=\"btn.label\"\n [severity]=\"btn.severity ?? 'primary'\">\n </p-button>\n </div>\n </footer>\n </div>\n</section>\n", styles: [".modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0006;z-index:9999}.modal .modal-container{display:flex;flex-direction:column;max-width:96vw;max-height:90vh;width:100%;box-sizing:border-box;overflow:hidden;border-radius:8px;box-shadow:0 4px 32px #0000002e;background:#fff;transition:all .3s}.modal .modal-container.fullscreen{max-width:100vw!important;max-height:100vh!important;width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important}.modal .modal-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1.5rem 2rem 1rem;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 2px 8px #0000000a}.modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#222;flex:1 1 auto}.modal .modal-header .modal-actions{display:flex;align-items:center;gap:.5rem}.modal .modal-header .expand-button,.modal .modal-header .close-button{width:2.5rem;height:2.5rem;background:none;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-sizing:border-box;cursor:pointer;color:#888;transition:color .2s}.modal .modal-header .expand-button i{font-size:1rem}.modal .modal-header .close-button{font-size:1.5rem}.modal .modal-header .expand-button:hover{color:#1976d2}.modal .modal-header .close-button:hover{color:#e53935}.modal .modal-body{background:#fff;padding:2rem;min-width:320px;min-height:80px;font-size:1rem;color:#333;overflow-y:auto;flex:1 1 auto}.modal .modal-footer{background:#fff;padding:1rem 2rem;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 -2px 8px #0000000a}.modal .modal-footer .footer-actions{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
39
57
|
}
|
|
40
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalcComponent, decorators: [{
|
|
41
59
|
type: Component,
|
|
42
|
-
args: [{ selector: 'sdc-modalc', standalone: true, imports: [ButtonModule, CommonModule], template: "<section
|
|
43
|
-
}], propDecorators: {
|
|
44
|
-
type: Input
|
|
45
|
-
}], title: [{
|
|
60
|
+
args: [{ selector: 'sdc-modalc', standalone: true, imports: [ButtonModule, CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n *ngIf=\"_visible\"\n class=\"modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"modal-title\"\n (click)=\"onBackdropClick()\"\n>\n <div class=\"modal-container\" [class.fullscreen]=\"_fullscreen\" (click)=\"$event.stopPropagation()\">\n <header class=\"modal-header\">\n <h2 id=\"modal-title\">{{ title }}</h2>\n <div class=\"modal-actions\">\n <button *ngIf=\"maximizable\" class=\"expand-button\" type=\"button\" (click)=\"toggleFullscreen()\">\n <i class=\"fal fa-expand-arrows\"></i>\n </button>\n <button class=\"close-button\" type=\"button\" (click)=\"close()\">\n <i class=\"fal fa-times\"></i>\n </button>\n </div>\n </header>\n\n <main class=\"modal-body\">\n <ng-content></ng-content>\n </main>\n\n <footer class=\"modal-footer\">\n <div class=\"footer-actions\">\n <ng-content select=\"[footer]\"></ng-content>\n <p-button *ngFor=\"let btn of footerButtons\"\n (onClick)=\"btn?.action?.()\"\n [icon]=\"btn.icon\"\n [id]=\"btn.id\"\n [label]=\"btn.label\"\n [severity]=\"btn.severity ?? 'primary'\">\n </p-button>\n </div>\n </footer>\n </div>\n</section>\n", styles: [".modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0006;z-index:9999}.modal .modal-container{display:flex;flex-direction:column;max-width:96vw;max-height:90vh;width:100%;box-sizing:border-box;overflow:hidden;border-radius:8px;box-shadow:0 4px 32px #0000002e;background:#fff;transition:all .3s}.modal .modal-container.fullscreen{max-width:100vw!important;max-height:100vh!important;width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important}.modal .modal-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1.5rem 2rem 1rem;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 2px 8px #0000000a}.modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#222;flex:1 1 auto}.modal .modal-header .modal-actions{display:flex;align-items:center;gap:.5rem}.modal .modal-header .expand-button,.modal .modal-header .close-button{width:2.5rem;height:2.5rem;background:none;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-sizing:border-box;cursor:pointer;color:#888;transition:color .2s}.modal .modal-header .expand-button i{font-size:1rem}.modal .modal-header .close-button{font-size:1.5rem}.modal .modal-header .expand-button:hover{color:#1976d2}.modal .modal-header .close-button:hover{color:#e53935}.modal .modal-body{background:#fff;padding:2rem;min-width:320px;min-height:80px;font-size:1rem;color:#333;overflow-y:auto;flex:1 1 auto}.modal .modal-footer{background:#fff;padding:1rem 2rem;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 -2px 8px #0000000a}.modal .modal-footer .footer-actions{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;align-items:center}\n"] }]
|
|
61
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { title: [{
|
|
46
62
|
type: Input
|
|
47
63
|
}], footerButtons: [{
|
|
48
64
|
type: Input
|
|
49
65
|
}], maximizable: [{
|
|
50
66
|
type: Input
|
|
67
|
+
}], closeOnBackdrop: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], visible: [{
|
|
70
|
+
type: Input
|
|
51
71
|
}], visibleChange: [{
|
|
52
72
|
type: Output
|
|
73
|
+
}], onEsc: [{
|
|
74
|
+
type: HostListener,
|
|
75
|
+
args: ['document:keydown.escape', ['$event']]
|
|
53
76
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWxjLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvZmVhdHVyZXMvbW9kYWxjL21vZGFsYy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL21vZGFsYy9tb2RhbGMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQXFCLHVCQUF1QixFQUMvRCxZQUFZLEVBQ2hDLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVU5QyxNQUFNLE9BQU8sZUFBZTtJQWFOO0lBWlgsS0FBSyxHQUFXLGFBQWEsQ0FBQztJQUM5QixhQUFhLEdBQWtCLEVBQUUsQ0FBQztJQUNsQyxXQUFXLEdBQVksS0FBSyxDQUFDO0lBQzdCLGVBQWUsR0FBWSxJQUFJLENBQUM7SUFFekMsSUFBYSxPQUFPLENBQUMsQ0FBVSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDakUsSUFBSSxPQUFPLEtBQWMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUN0QyxhQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUV0RCxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFFcEIsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFBRyxDQUFDO0lBRTlDLFFBQVEsS0FBZSxDQUFDO0lBQ3hCLFdBQVcsS0FBSyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFFMUMsSUFBSSxLQUFXLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM3QyxLQUFLLEtBQVcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRS9DLGdCQUFnQjtRQUNkLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ3JDLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxlQUFlO1lBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3pDLENBQUM7SUFHRCxLQUFLLENBQUMsRUFBaUI7UUFDckIsSUFBSSxJQUFJLENBQUMsUUFBUTtZQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRU8sVUFBVSxDQUFDLElBQWEsRUFBRSxJQUFhO1FBQzdDLElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSyxJQUFJO1lBQUUsT0FBTztRQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUVyQixJQUFJLElBQUksQ0FBQyxRQUFRO1lBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDOztZQUNwQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUU3QixJQUFJLElBQUk7WUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDakQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRU8sY0FBYztRQUNwQixRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0lBQzFDLENBQUM7SUFDTyxnQkFBZ0I7UUFDdEIsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNwQyxDQUFDO3dHQW5EVSxlQUFlOzRGQUFmLGVBQWUsd1VDaEI1QixrdkNBdUNBLHU0REQ1QlksWUFBWSxpYkFBRSxZQUFZOzs0RkFLekIsZUFBZTtrQkFSM0IsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFlBQVksQ0FBQyxtQkFHcEIsdUJBQXVCLENBQUMsTUFBTTtzRkFHdEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVPLE9BQU87c0JBQW5CLEtBQUs7Z0JBRUksYUFBYTtzQkFBdEIsTUFBTTtnQkF1QlAsS0FBSztzQkFESixZQUFZO3VCQUFDLHlCQUF5QixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBPbkRlc3Ryb3ksIE9uSW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLCBIb3N0TGlzdGVuZXJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNb2RhbEJ1dHRvbiB9IGZyb20gJ2xpYi9zcmMvcHVibGljLWFwaSc7XG5pbXBvcnQgeyBCdXR0b25Nb2R1bGUgfSBmcm9tICdwcmltZW5nL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NkYy1tb2RhbGMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQnV0dG9uTW9kdWxlLCBDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWxjLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWxjLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsY0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICdNb2RhbCBUaXRsZSc7XG4gIEBJbnB1dCgpIGZvb3RlckJ1dHRvbnM6IE1vZGFsQnV0dG9uW10gPSBbXTtcbiAgQElucHV0KCkgbWF4aW1pemFibGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgY2xvc2VPbkJhY2tkcm9wOiBib29sZWFuID0gdHJ1ZTtcblxuICBASW5wdXQoKSBzZXQgdmlzaWJsZSh2OiBib29sZWFuKSB7IHRoaXMuc2V0VmlzaWJsZSghIXYsIGZhbHNlKTsgfVxuICBnZXQgdmlzaWJsZSgpOiBib29sZWFuIHsgcmV0dXJuIHRoaXMuX3Zpc2libGU7IH1cbiAgQE91dHB1dCgpIHZpc2libGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgX3Zpc2libGUgPSBmYWxzZTtcbiAgX2Z1bGxzY3JlZW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgbmdPbkluaXQoKSB7IC8qIG5vb3AqLyB9XG4gIG5nT25EZXN0cm95KCkgeyB0aGlzLnVubG9ja0JvZHlTY3JvbGwoKTsgfVxuXG4gIG9wZW4oKTogdm9pZCB7IHRoaXMuc2V0VmlzaWJsZSh0cnVlLCB0cnVlKTsgfVxuICBjbG9zZSgpOiB2b2lkIHsgdGhpcy5zZXRWaXNpYmxlKGZhbHNlLCB0cnVlKTsgfVxuXG4gIHRvZ2dsZUZ1bGxzY3JlZW4oKTogdm9pZCB7XG4gICAgdGhpcy5fZnVsbHNjcmVlbiA9ICF0aGlzLl9mdWxsc2NyZWVuO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb25CYWNrZHJvcENsaWNrKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNsb3NlT25CYWNrZHJvcCkgdGhpcy5jbG9zZSgpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6a2V5ZG93bi5lc2NhcGUnLCBbJyRldmVudCddKVxuICBvbkVzYyhldjogS2V5Ym9hcmRFdmVudCkge1xuICAgIGlmICh0aGlzLl92aXNpYmxlKSB0aGlzLmNsb3NlKCk7XG4gIH1cblxuICBwcml2YXRlIHNldFZpc2libGUobmV4dDogYm9vbGVhbiwgZW1pdDogYm9vbGVhbikge1xuICAgIGlmICh0aGlzLl92aXNpYmxlID09PSBuZXh0KSByZXR1cm47XG4gICAgdGhpcy5fdmlzaWJsZSA9IG5leHQ7XG5cbiAgICBpZiAodGhpcy5fdmlzaWJsZSkgdGhpcy5sb2NrQm9keVNjcm9sbCgpO1xuICAgIGVsc2UgdGhpcy51bmxvY2tCb2R5U2Nyb2xsKCk7XG5cbiAgICBpZiAoZW1pdCkgdGhpcy52aXNpYmxlQ2hhbmdlLmVtaXQodGhpcy5fdmlzaWJsZSk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwcml2YXRlIGxvY2tCb2R5U2Nyb2xsKCkge1xuICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnaGlkZGVuJztcbiAgfVxuICBwcml2YXRlIHVubG9ja0JvZHlTY3JvbGwoKSB7XG4gICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9ICcnO1xuICB9XG59XG4iLCI8c2VjdGlvblxuICAqbmdJZj1cIl92aXNpYmxlXCJcbiAgY2xhc3M9XCJtb2RhbFwiXG4gIHJvbGU9XCJkaWFsb2dcIlxuICBhcmlhLW1vZGFsPVwidHJ1ZVwiXG4gIGFyaWEtbGFiZWxsZWRieT1cIm1vZGFsLXRpdGxlXCJcbiAgKGNsaWNrKT1cIm9uQmFja2Ryb3BDbGljaygpXCJcbj5cbiAgPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRhaW5lclwiIFtjbGFzcy5mdWxsc2NyZWVuXT1cIl9mdWxsc2NyZWVuXCIgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiPlxuICAgIDxoZWFkZXIgY2xhc3M9XCJtb2RhbC1oZWFkZXJcIj5cbiAgICAgIDxoMiBpZD1cIm1vZGFsLXRpdGxlXCI+e3sgdGl0bGUgfX08L2gyPlxuICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWFjdGlvbnNcIj5cbiAgICAgICAgPGJ1dHRvbiAqbmdJZj1cIm1heGltaXphYmxlXCIgY2xhc3M9XCJleHBhbmQtYnV0dG9uXCIgdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJ0b2dnbGVGdWxsc2NyZWVuKClcIj5cbiAgICAgICAgICA8aSBjbGFzcz1cImZhbCBmYS1leHBhbmQtYXJyb3dzXCI+PC9pPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImNsb3NlLWJ1dHRvblwiIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwiY2xvc2UoKVwiPlxuICAgICAgICAgIDxpIGNsYXNzPVwiZmFsIGZhLXRpbWVzXCI+PC9pPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvaGVhZGVyPlxuXG4gICAgPG1haW4gY2xhc3M9XCJtb2RhbC1ib2R5XCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9tYWluPlxuXG4gICAgPGZvb3RlciBjbGFzcz1cIm1vZGFsLWZvb3RlclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImZvb3Rlci1hY3Rpb25zXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmb290ZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8cC1idXR0b24gKm5nRm9yPVwibGV0IGJ0biBvZiBmb290ZXJCdXR0b25zXCJcbiAgICAgICAgICAob25DbGljayk9XCJidG4/LmFjdGlvbj8uKClcIlxuICAgICAgICAgIFtpY29uXT1cImJ0bi5pY29uXCJcbiAgICAgICAgICBbaWRdPVwiYnRuLmlkXCJcbiAgICAgICAgICBbbGFiZWxdPVwiYnRuLmxhYmVsXCJcbiAgICAgICAgICBbc2V2ZXJpdHldPVwiYnRuLnNldmVyaXR5ID8/ICdwcmltYXJ5J1wiPlxuICAgICAgICA8L3AtYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9mb290ZXI+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { PanelModule } from 'primeng/panel';
|
|
2
|
+
import { PanelModule as PrimePanelModule } from 'primeng/panel';
|
|
3
|
+
import { PanelModule as SeniorPanelModule } from '@seniorsistemas/angular-components/panel';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "
|
|
5
|
+
import * as i1 from "@seniorsistemas/angular-components/panel";
|
|
5
6
|
export class PanelComponent {
|
|
6
7
|
$collapsed = false;
|
|
7
8
|
set collapsed(value) {
|
|
@@ -14,11 +15,11 @@ export class PanelComponent {
|
|
|
14
15
|
showHeader = false;
|
|
15
16
|
toggleable = false;
|
|
16
17
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PanelComponent, isStandalone: true, selector: "sdc-panel", inputs: { collapsed: "collapsed", header: "header", showHeader: "showHeader", toggleable: "toggleable" }, ngImport: i0, template: "<
|
|
18
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PanelComponent, isStandalone: true, selector: "sdc-panel", inputs: { collapsed: "collapsed", header: "header", showHeader: "showHeader", toggleable: "toggleable" }, ngImport: i0, template: "<s-panel [(collapsed)]=\"collapsed\" [header]=\"header\" [toggleable]=\"toggleable\">\n <p>\n <ng-content></ng-content>\n </p>\n</s-panel>", styles: ["p{padding-bottom:0;margin-bottom:0}::ng-deep .panel{border:1px solid var(--sdc-formfield-default-border)!important}\n"], dependencies: [{ kind: "ngmodule", type: PrimePanelModule }, { kind: "ngmodule", type: SeniorPanelModule }, { kind: "component", type: i1.PanelComponent, selector: "s-panel", inputs: ["header", "toggleable", "collapsed", "severity", "borderButtonOptions", "class"], outputs: ["collapsedChange"] }] });
|
|
18
19
|
}
|
|
19
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PanelComponent, decorators: [{
|
|
20
21
|
type: Component,
|
|
21
|
-
args: [{ imports: [
|
|
22
|
+
args: [{ imports: [PrimePanelModule, SeniorPanelModule], standalone: true, selector: 'sdc-panel', template: "<s-panel [(collapsed)]=\"collapsed\" [header]=\"header\" [toggleable]=\"toggleable\">\n <p>\n <ng-content></ng-content>\n </p>\n</s-panel>", styles: ["p{padding-bottom:0;margin-bottom:0}::ng-deep .panel{border:1px solid var(--sdc-formfield-default-border)!important}\n"] }]
|
|
22
23
|
}], propDecorators: { collapsed: [{
|
|
23
24
|
type: Input
|
|
24
25
|
}], header: [{
|
|
@@ -28,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
28
29
|
}], toggleable: [{
|
|
29
30
|
type: Input
|
|
30
31
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9mZWF0dXJlcy9wYW5lbC9wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3BhbmVsL3BhbmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxXQUFXLElBQUksZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEUsT0FBTyxFQUFFLFdBQVcsSUFBSSxpQkFBaUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFTNUYsTUFBTSxPQUFPLGNBQWM7SUFDakIsVUFBVSxHQUFZLEtBQUssQ0FBQztJQUVwQyxJQUFhLFNBQVMsQ0FBQyxLQUFjO1FBQ25DLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUVRLE1BQU0sR0FBVyxFQUFFLENBQUM7SUFDcEIsVUFBVSxHQUFZLEtBQUssQ0FBQztJQUM1QixVQUFVLEdBQVksS0FBSyxDQUFDO3dHQWIxQixjQUFjOzRGQUFkLGNBQWMsK0tDWDNCLGlKQUlVLDhLRENFLGdCQUFnQiw4QkFBRSxpQkFBaUI7OzRGQU1sQyxjQUFjO2tCQVAxQixTQUFTOzhCQUNDLENBQUMsZ0JBQWdCLEVBQUUsaUJBQWlCLENBQUMsY0FDbEMsSUFBSSxZQUNOLFdBQVc7OEJBT1IsU0FBUztzQkFBckIsS0FBSztnQkFRRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFuZWxNb2R1bGUgYXMgUHJpbWVQYW5lbE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvcGFuZWwnO1xuaW1wb3J0IHsgUGFuZWxNb2R1bGUgYXMgU2VuaW9yUGFuZWxNb2R1bGUgfSBmcm9tICdAc2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzL3BhbmVsJztcblxuQENvbXBvbmVudCh7XG4gIGltcG9ydHM6IFtQcmltZVBhbmVsTW9kdWxlLCBTZW5pb3JQYW5lbE1vZHVsZV0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnc2RjLXBhbmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3BhbmVsLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBQYW5lbENvbXBvbmVudCB7XG4gIHByaXZhdGUgJGNvbGxhcHNlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIHNldCBjb2xsYXBzZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLiRjb2xsYXBzZWQgPSB2YWx1ZTtcbiAgfVxuXG4gIGdldCBjb2xsYXBzZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuJGNvbGxhcHNlZDtcbiAgfVxuXG4gIEBJbnB1dCgpIGhlYWRlcjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHNob3dIZWFkZXI6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdG9nZ2xlYWJsZTogYm9vbGVhbiA9IGZhbHNlO1xufVxuIiwiPHMtcGFuZWwgWyhjb2xsYXBzZWQpXT1cImNvbGxhcHNlZFwiIFtoZWFkZXJdPVwiaGVhZGVyXCIgW3RvZ2dsZWFibGVdPVwidG9nZ2xlYWJsZVwiPlxuICA8cD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvcD5cbjwvcy1wYW5lbD4iXX0=
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input, ContentChild, TemplateRef } from '@angular/core';
|
|
3
|
+
import { ProductHeaderModule } from '@seniorsistemas/angular-components/product-header';
|
|
4
|
+
import { BreadcrumbModule } from '@seniorsistemas/angular-components/breadcrumb';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
import * as i2 from "@seniorsistemas/angular-components/product-header";
|
|
8
|
+
import * as i3 from "@seniorsistemas/angular-components/breadcrumb";
|
|
9
|
+
export class ScaffoldComponent {
|
|
10
|
+
header = 'Scaffold Component';
|
|
11
|
+
title = 'Scaffold Component Title';
|
|
12
|
+
homeUrl = '/';
|
|
13
|
+
headerTpl;
|
|
14
|
+
footerTpl;
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScaffoldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScaffoldComponent, isStandalone: true, selector: "sdc-scaffold", inputs: { header: "header", title: "title", homeUrl: "homeUrl" }, queries: [{ propertyName: "headerTpl", first: true, predicate: ["scaffoldHeader"], descendants: true, read: TemplateRef }, { propertyName: "footerTpl", first: true, predicate: ["scaffoldFooter"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<s-product-header [header]=\"header\">\n <ng-container *ngIf=\"headerTpl\" [ngTemplateOutlet]=\"headerTpl\"></ng-container>\n</s-product-header>\n\n<div class=\"sdc-scaffold\">\n <div class=\"sdc-scaffold-title\">{{ title }}</div>\n <s-breadcrumb [homeUrl]=\"homeUrl\"></s-breadcrumb>\n\n <div class=\"sdc-scaffold-content\">\n <ng-content select=\"[sdc-scaffold-content]\"></ng-content>\n <ng-content></ng-content>\n </div>\n</div>\n\n<footer class=\"sdc-scaffold-footer\" *ngIf=\"footerTpl\">\n <ng-container [ngTemplateOutlet]=\"footerTpl\"></ng-container>\n</footer>\n", styles: ["::ng-deep .sds-container{padding:20px}::ng-deep .sdc-scaffold .p-breadcrumb{font-size:12px;padding:10px 0 0!important;background:transparent}::ng-deep .sdc-scaffold .sds-page-title{display:none}.sdc-scaffold-title{padding:5px 0 0;font-family:Open Sans,sans-serif;font-size:20px;font-weight:400;line-height:1em;color:#333}.sdc-scaffold{padding:5px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ProductHeaderModule }, { kind: "component", type: i2.ProductHeaderComponent, selector: "s-product-header", inputs: ["id", "header", "baseZIndex", "isHeaderFrame"] }, { kind: "ngmodule", type: BreadcrumbModule }, { kind: "component", type: i3.BreadcrumbComponent, selector: "s-breadcrumb", inputs: ["homeUrl", "targetHomeUrl"] }] });
|
|
17
|
+
}
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScaffoldComponent, decorators: [{
|
|
19
|
+
type: Component,
|
|
20
|
+
args: [{ selector: 'sdc-scaffold', standalone: true, imports: [CommonModule, ProductHeaderModule, BreadcrumbModule], template: "<s-product-header [header]=\"header\">\n <ng-container *ngIf=\"headerTpl\" [ngTemplateOutlet]=\"headerTpl\"></ng-container>\n</s-product-header>\n\n<div class=\"sdc-scaffold\">\n <div class=\"sdc-scaffold-title\">{{ title }}</div>\n <s-breadcrumb [homeUrl]=\"homeUrl\"></s-breadcrumb>\n\n <div class=\"sdc-scaffold-content\">\n <ng-content select=\"[sdc-scaffold-content]\"></ng-content>\n <ng-content></ng-content>\n </div>\n</div>\n\n<footer class=\"sdc-scaffold-footer\" *ngIf=\"footerTpl\">\n <ng-container [ngTemplateOutlet]=\"footerTpl\"></ng-container>\n</footer>\n", styles: ["::ng-deep .sds-container{padding:20px}::ng-deep .sdc-scaffold .p-breadcrumb{font-size:12px;padding:10px 0 0!important;background:transparent}::ng-deep .sdc-scaffold .sds-page-title{display:none}.sdc-scaffold-title{padding:5px 0 0;font-family:Open Sans,sans-serif;font-size:20px;font-weight:400;line-height:1em;color:#333}.sdc-scaffold{padding:5px}\n"] }]
|
|
21
|
+
}], propDecorators: { header: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], title: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}], homeUrl: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}], headerTpl: [{
|
|
28
|
+
type: ContentChild,
|
|
29
|
+
args: ['scaffoldHeader', { read: TemplateRef }]
|
|
30
|
+
}], footerTpl: [{
|
|
31
|
+
type: ContentChild,
|
|
32
|
+
args: ['scaffoldFooter', { read: TemplateRef }]
|
|
33
|
+
}] } });
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2NhZmZvbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9mZWF0dXJlcy9zY2FmZm9sZC9zY2FmZm9sZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3NjYWZmb2xkL3NjYWZmb2xkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDOzs7OztBQVNqRixNQUFNLE9BQU8saUJBQWlCO0lBQ25CLE1BQU0sR0FBVyxvQkFBb0IsQ0FBQztJQUN0QyxLQUFLLEdBQVcsMEJBQTBCLENBQUM7SUFDM0MsT0FBTyxHQUF1QixHQUFHLENBQUM7SUFFWSxTQUFTLENBQW9CO0lBQzdCLFNBQVMsQ0FBb0I7d0dBTnpFLGlCQUFpQjs0RkFBakIsaUJBQWlCLDhOQUtZLFdBQVcsc0dBQ1gsV0FBVyw2QkNsQnJELDBrQkFpQkEsc1pEVFksWUFBWSx5U0FBRSxtQkFBbUIsNktBQUUsZ0JBQWdCOzs0RkFJbEQsaUJBQWlCO2tCQVA3QixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsZ0JBQWdCLENBQUM7OEJBS3JELE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUVpRCxTQUFTO3NCQUEvRCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtnQkFDRSxTQUFTO3NCQUEvRCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBDb250ZW50Q2hpbGQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQcm9kdWN0SGVhZGVyTW9kdWxlIH0gZnJvbSAnQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy9wcm9kdWN0LWhlYWRlcic7XG5pbXBvcnQgeyBCcmVhZGNydW1iTW9kdWxlIH0gZnJvbSAnQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy9icmVhZGNydW1iJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2RjLXNjYWZmb2xkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUHJvZHVjdEhlYWRlck1vZHVsZSwgQnJlYWRjcnVtYk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zY2FmZm9sZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NjYWZmb2xkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU2NhZmZvbGRDb21wb25lbnQge1xuICBASW5wdXQoKSBoZWFkZXI6IHN0cmluZyA9ICdTY2FmZm9sZCBDb21wb25lbnQnO1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gJ1NjYWZmb2xkIENvbXBvbmVudCBUaXRsZSc7XG4gIEBJbnB1dCgpIGhvbWVVcmw6IHN0cmluZyB8IHVuZGVmaW5lZCA9ICcvJztcblxuICBAQ29udGVudENoaWxkKCdzY2FmZm9sZEhlYWRlcicsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkgaGVhZGVyVHBsPzogVGVtcGxhdGVSZWY8YW55PjtcbiAgQENvbnRlbnRDaGlsZCgnc2NhZmZvbGRGb290ZXInLCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pIGZvb3RlclRwbD86IFRlbXBsYXRlUmVmPGFueT47XG59IiwiPHMtcHJvZHVjdC1oZWFkZXIgW2hlYWRlcl09XCJoZWFkZXJcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImhlYWRlclRwbFwiIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImhlYWRlclRwbFwiPjwvbmctY29udGFpbmVyPlxuPC9zLXByb2R1Y3QtaGVhZGVyPlxuXG48ZGl2IGNsYXNzPVwic2RjLXNjYWZmb2xkXCI+XG4gIDxkaXYgY2xhc3M9XCJzZGMtc2NhZmZvbGQtdGl0bGVcIj57eyB0aXRsZSB9fTwvZGl2PlxuICA8cy1icmVhZGNydW1iIFtob21lVXJsXT1cImhvbWVVcmxcIj48L3MtYnJlYWRjcnVtYj5cblxuICA8ZGl2IGNsYXNzPVwic2RjLXNjYWZmb2xkLWNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2RjLXNjYWZmb2xkLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cblxuPGZvb3RlciBjbGFzcz1cInNkYy1zY2FmZm9sZC1mb290ZXJcIiAqbmdJZj1cImZvb3RlclRwbFwiPlxuICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImZvb3RlclRwbFwiPjwvbmctY29udGFpbmVyPlxuPC9mb290ZXI+XG4iXX0=
|