@seniorsistemas/data-seniorx-core 1.6.0 → 1.7.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/config/card.type.config.d.ts +2 -0
- package/core/config/row-card.type.config.d.ts +2 -0
- package/core/types/button.type.d.ts +2 -0
- package/core/types/card.type.d.ts +36 -0
- package/core/types/filters.type.d.ts +27 -0
- package/core/types/row-card.type.d.ts +39 -0
- package/core/types/semantics.type.d.ts +5 -0
- package/core/types/tab.type.d.ts +5 -0
- package/core/types/table.types.d.ts +2 -2
- package/esm2022/core/config/card.type.config.mjs +18 -0
- package/esm2022/core/config/row-card.type.config.mjs +20 -0
- package/esm2022/core/types/button.type.mjs +2 -0
- package/esm2022/core/types/card.type.mjs +39 -0
- package/esm2022/core/types/filters.type.mjs +2 -0
- package/esm2022/core/types/row-card.type.mjs +59 -0
- package/esm2022/core/types/semantics.type.mjs +1 -1
- package/esm2022/core/types/tab.type.mjs +2 -0
- package/esm2022/core/types/table.types.mjs +4 -2
- package/esm2022/features/button/button.component.mjs +5 -5
- package/esm2022/features/card-list/card/card.component.mjs +34 -0
- package/esm2022/features/card-list/card-list.component.mjs +136 -0
- package/esm2022/features/checkbox/checkbox.component.mjs +5 -5
- package/esm2022/features/combobox/combobox.component.mjs +88 -28
- package/esm2022/features/confirm/confirm.component.mjs +13 -13
- package/esm2022/features/filters/filters.component.mjs +190 -0
- package/esm2022/features/hyperlink/hyperlink.component.mjs +14 -14
- package/esm2022/features/inputs.mjs +1 -1
- package/esm2022/features/list/list.component.mjs +14 -14
- package/esm2022/features/modal/modal.component.mjs +11 -11
- package/esm2022/features/modalc/modalc.component.mjs +19 -13
- package/esm2022/features/paginator/paginator.component.mjs +43 -0
- package/esm2022/features/panel/panel.component.mjs +11 -11
- package/esm2022/features/row-card-list/row-card/row-card.component.mjs +58 -0
- package/esm2022/features/row-card-list/row-card-list.component.mjs +150 -0
- package/esm2022/features/scaffold/scaffold.component.mjs +4 -4
- package/esm2022/features/searchbox/searchbox.component.mjs +7 -6
- package/esm2022/features/sidebar/sidebar.component.mjs +6 -4
- package/esm2022/features/spinner/spinner.component.mjs +6 -8
- package/esm2022/features/sql-editor/sql-editor.component.mjs +34 -36
- package/esm2022/features/tab/tab.component.mjs +8 -7
- package/esm2022/features/table/table.component.mjs +52 -47
- package/esm2022/features/textbox/textbox.component.mjs +16 -9
- package/esm2022/features/toast/toast.component.mjs +17 -21
- package/esm2022/locales/en.json +6 -1
- package/esm2022/locales/es-CO.json +7 -2
- package/esm2022/locales/pt.json +6 -1
- package/esm2022/public-api.mjs +5 -1
- package/features/button/button.component.d.ts +5 -3
- package/features/card-list/card/card.component.d.ts +11 -0
- package/features/card-list/card-list.component.d.ts +36 -0
- package/features/combobox/combobox.component.d.ts +25 -8
- package/features/confirm/confirm.component.d.ts +4 -4
- package/features/filters/filters.component.d.ts +36 -0
- package/features/hyperlink/hyperlink.component.d.ts +3 -3
- package/features/list/list.component.d.ts +3 -3
- package/features/modal/modal.component.d.ts +3 -3
- package/features/paginator/paginator.component.d.ts +15 -0
- package/features/panel/panel.component.d.ts +4 -4
- package/features/row-card-list/row-card/row-card.component.d.ts +18 -0
- package/features/row-card-list/row-card-list.component.d.ts +40 -0
- package/features/searchbox/searchbox.component.d.ts +1 -1
- package/features/spinner/spinner.component.d.ts +1 -1
- package/features/sql-editor/sql-editor.component.d.ts +8 -8
- package/features/tab/tab.component.d.ts +2 -8
- package/features/table/table.component.d.ts +5 -6
- package/features/toast/toast.component.d.ts +5 -5
- package/fesm2022/seniorsistemas-data-seniorx-core.mjs +883 -226
- package/fesm2022/seniorsistemas-data-seniorx-core.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +4 -0
- package/styles.css +49 -48
- package/styles.css.map +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ButtonModule } from 'primeng/button';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
3
|
+
import { Component, EventEmitter, Input, Output, ViewChild, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
|
|
4
4
|
import { DialogModule } from 'primeng/dialog';
|
|
5
5
|
import { getDimensionStyles } from '../../public-api';
|
|
6
6
|
import { fixDialogMask } from '../../core/fixes/fix-zindex';
|
|
@@ -10,9 +10,7 @@ import * as i2 from "primeng/api";
|
|
|
10
10
|
import * as i3 from "@angular/common";
|
|
11
11
|
import * as i4 from "primeng/dialog";
|
|
12
12
|
export class ModalComponent {
|
|
13
|
-
$visible = false;
|
|
14
13
|
modal;
|
|
15
|
-
onHide = new EventEmitter();
|
|
16
14
|
footerButtons = [];
|
|
17
15
|
header = 'Modal Header';
|
|
18
16
|
height = false;
|
|
@@ -22,6 +20,8 @@ export class ModalComponent {
|
|
|
22
20
|
responsive = false;
|
|
23
21
|
width = false;
|
|
24
22
|
zIndex = 99999;
|
|
23
|
+
onHide = new EventEmitter();
|
|
24
|
+
visibleChange = new EventEmitter();
|
|
25
25
|
set visible(value) {
|
|
26
26
|
this.$visible = value;
|
|
27
27
|
this.visibleChange.emit(value);
|
|
@@ -31,7 +31,6 @@ export class ModalComponent {
|
|
|
31
31
|
get visible() {
|
|
32
32
|
return this.$visible;
|
|
33
33
|
}
|
|
34
|
-
visibleChange = new EventEmitter();
|
|
35
34
|
getStyle() {
|
|
36
35
|
return {
|
|
37
36
|
...getDimensionStyles('width', this.width),
|
|
@@ -48,17 +47,16 @@ export class ModalComponent {
|
|
|
48
47
|
this.modal.maximize();
|
|
49
48
|
}
|
|
50
49
|
}
|
|
50
|
+
$visible = false;
|
|
51
51
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, isStandalone: true, selector: "sdc-modal", inputs: { footerButtons: "footerButtons", header: "header", height: "height", maximizable: "maximizable", maximize: "maximize", resizable: "resizable", responsive: "responsive", width: "width", zIndex: "zIndex", visible: "visible" }, outputs: { onHide: "onHide", visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true }], ngImport: i0, template: "<p-dialog\n [(visible)]=\"visible\"\n [contentStyle]=\"getStyle()\"\n [draggable]=\"false\"\n [header]=\"header\"\n [maximizable]=\"maximizable\"\n [modal]=\"true\"\n [resizable]=\"resizable\"\n [responsive]=\"responsive\"\n (onHide)=\"onHideHandler()\"\n appendTo=\"body\"\n #modal\n>\n <ng-content></ng-content>\n <ng-template pTemplate=\"footer\">\n <div class=\"footer\">\n <ng-content select=\"[footer]\"></ng-content>\n <p-button\n *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 </ng-template>\n</p-dialog>\n", styles: [".footer{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding-top:10px}\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: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }] });
|
|
52
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, isStandalone: true, selector: "sdc-modal", inputs: { footerButtons: "footerButtons", header: "header", height: "height", maximizable: "maximizable", maximize: "maximize", resizable: "resizable", responsive: "responsive", width: "width", zIndex: "zIndex", visible: "visible" }, outputs: { onHide: "onHide", visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true }], ngImport: i0, template: "<p-dialog\n [(visible)]=\"visible\"\n [contentStyle]=\"getStyle()\"\n [draggable]=\"false\"\n [header]=\"header\"\n [maximizable]=\"maximizable\"\n [modal]=\"true\"\n [resizable]=\"resizable\"\n [responsive]=\"responsive\"\n (onHide)=\"onHideHandler()\"\n appendTo=\"body\"\n #modal\n>\n <ng-content></ng-content>\n <ng-template pTemplate=\"footer\">\n <div class=\"footer\">\n <ng-content select=\"[footer]\"></ng-content>\n <p-button\n *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 </ng-template>\n</p-dialog>\n", styles: [".footer{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding-top:10px}\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: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
53
53
|
}
|
|
54
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, decorators: [{
|
|
55
55
|
type: Component,
|
|
56
|
-
args: [{ imports: [ButtonModule, CommonModule, DialogModule], standalone: true, selector: 'sdc-modal', template: "<p-dialog\n [(visible)]=\"visible\"\n [contentStyle]=\"getStyle()\"\n [draggable]=\"false\"\n [header]=\"header\"\n [maximizable]=\"maximizable\"\n [modal]=\"true\"\n [resizable]=\"resizable\"\n [responsive]=\"responsive\"\n (onHide)=\"onHideHandler()\"\n appendTo=\"body\"\n #modal\n>\n <ng-content></ng-content>\n <ng-template pTemplate=\"footer\">\n <div class=\"footer\">\n <ng-content select=\"[footer]\"></ng-content>\n <p-button\n *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 </ng-template>\n</p-dialog>\n", styles: [".footer{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding-top:10px}\n"] }]
|
|
56
|
+
args: [{ imports: [ButtonModule, CommonModule, DialogModule], standalone: true, selector: 'sdc-modal', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<p-dialog\n [(visible)]=\"visible\"\n [contentStyle]=\"getStyle()\"\n [draggable]=\"false\"\n [header]=\"header\"\n [maximizable]=\"maximizable\"\n [modal]=\"true\"\n [resizable]=\"resizable\"\n [responsive]=\"responsive\"\n (onHide)=\"onHideHandler()\"\n appendTo=\"body\"\n #modal\n>\n <ng-content></ng-content>\n <ng-template pTemplate=\"footer\">\n <div class=\"footer\">\n <ng-content select=\"[footer]\"></ng-content>\n <p-button\n *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 </ng-template>\n</p-dialog>\n", styles: [".footer{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding-top:10px}\n"] }]
|
|
57
57
|
}], propDecorators: { modal: [{
|
|
58
58
|
type: ViewChild,
|
|
59
59
|
args: ['modal']
|
|
60
|
-
}], onHide: [{
|
|
61
|
-
type: Output
|
|
62
60
|
}], footerButtons: [{
|
|
63
61
|
type: Input
|
|
64
62
|
}], header: [{
|
|
@@ -77,9 +75,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
77
75
|
type: Input
|
|
78
76
|
}], zIndex: [{
|
|
79
77
|
type: Input
|
|
80
|
-
}],
|
|
81
|
-
type:
|
|
78
|
+
}], onHide: [{
|
|
79
|
+
type: Output
|
|
82
80
|
}], visibleChange: [{
|
|
83
81
|
type: Output
|
|
82
|
+
}], visible: [{
|
|
83
|
+
type: Input
|
|
84
84
|
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9mZWF0dXJlcy9tb2RhbC9tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL21vZGFsL21vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUgsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzlDLE9BQU8sRUFBYSxrQkFBa0IsRUFBZSxNQUFNLGtCQUFrQixDQUFDO0FBQzlFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7O0FBVzVELE1BQU0sT0FBTyxjQUFjO0lBQ0wsS0FBSyxDQUFNO0lBRXRCLGFBQWEsR0FBa0IsRUFBRSxDQUFDO0lBQ2xDLE1BQU0sR0FBVyxjQUFjLENBQUM7SUFDaEMsTUFBTSxHQUFjLEtBQUssQ0FBQztJQUMxQixXQUFXLEdBQVksS0FBSyxDQUFDO0lBQzdCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsU0FBUyxHQUFZLEtBQUssQ0FBQztJQUMzQixVQUFVLEdBQVksS0FBSyxDQUFDO0lBQzVCLEtBQUssR0FBYyxLQUFLLENBQUM7SUFDekIsTUFBTSxHQUFXLEtBQUssQ0FBQztJQUV0QixNQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUNsQyxhQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUV0RCxJQUFhLE9BQU8sQ0FBQyxLQUFjO1FBQ2pDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQy9CLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUNyQixhQUFhLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUVELFFBQVE7UUFDTixPQUFPO1lBQ0wsR0FBRyxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQztZQUMxQyxHQUFHLGtCQUFrQixDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDO1NBQzdDLENBQUM7SUFDSixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFTyxhQUFhO1FBQ25CLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUN4QixDQUFDO0lBQ0gsQ0FBQztJQUVPLFFBQVEsR0FBWSxLQUFLLENBQUM7d0dBOUN2QixjQUFjOzRGQUFkLGNBQWMsOGNDaEIzQiw4MEJBNEJBLHNKRHBCWSxZQUFZLHdoQkFBRSxZQUFZLDJKQUFFLFlBQVk7OzRGQVF2QyxjQUFjO2tCQVQxQixTQUFTOzhCQUNDLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxZQUFZLENBQUMsY0FDdkMsSUFBSSxZQUNOLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsUUFBUTs4QkFHckIsS0FBSztzQkFBeEIsU0FBUzt1QkFBQyxPQUFPO2dCQUVULGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBRU0sT0FBTztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvYnV0dG9uJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpYWxvZ01vZHVsZSB9IGZyb20gJ3ByaW1lbmcvZGlhbG9nJztcbmltcG9ydCB7IERpbWVuc2lvbiwgZ2V0RGltZW5zaW9uU3R5bGVzLCBNb2RhbEJ1dHRvbiB9IGZyb20gJy4uLy4uL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgZml4RGlhbG9nTWFzayB9IGZyb20gJy4uLy4uL2NvcmUvZml4ZXMvZml4LXppbmRleCc7XG5cbkBDb21wb25lbnQoe1xuICBpbXBvcnRzOiBbQnV0dG9uTW9kdWxlLCBDb21tb25Nb2R1bGUsIERpYWxvZ01vZHVsZV0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnc2RjLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL21vZGFsLmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLkVtdWxhdGVkLFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbENvbXBvbmVudCB7XG4gIEBWaWV3Q2hpbGQoJ21vZGFsJykgbW9kYWw6IGFueTtcblxuICBASW5wdXQoKSBmb290ZXJCdXR0b25zOiBNb2RhbEJ1dHRvbltdID0gW107XG4gIEBJbnB1dCgpIGhlYWRlcjogc3RyaW5nID0gJ01vZGFsIEhlYWRlcic7XG4gIEBJbnB1dCgpIGhlaWdodDogRGltZW5zaW9uID0gZmFsc2U7XG4gIEBJbnB1dCgpIG1heGltaXphYmxlOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIG1heGltaXplOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJlc2l6YWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSByZXNwb25zaXZlOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHdpZHRoOiBEaW1lbnNpb24gPSBmYWxzZTtcbiAgQElucHV0KCkgekluZGV4OiBudW1iZXIgPSA5OTk5OTtcblxuICBAT3V0cHV0KCkgb25IaWRlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgdmlzaWJsZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBASW5wdXQoKSBzZXQgdmlzaWJsZSh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuJHZpc2libGUgPSB2YWx1ZTtcbiAgICB0aGlzLnZpc2libGVDaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gICAgdGhpcy5tYXhpbWl6ZU1vZGFsKCk7XG4gICAgZml4RGlhbG9nTWFzayh2YWx1ZSwgdGhpcy56SW5kZXgsIHRoaXMubW9kYWwpO1xuICB9XG5cbiAgZ2V0IHZpc2libGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuJHZpc2libGU7XG4gIH1cblxuICBnZXRTdHlsZSgpOiBhbnkge1xuICAgIHJldHVybiB7XG4gICAgICAuLi5nZXREaW1lbnNpb25TdHlsZXMoJ3dpZHRoJywgdGhpcy53aWR0aCksXG4gICAgICAuLi5nZXREaW1lbnNpb25TdHlsZXMoJ2hlaWdodCcsIHRoaXMuaGVpZ2h0KVxuICAgIH07XG4gIH1cblxuICBvbkhpZGVIYW5kbGVyKCk6IHZvaWQge1xuICAgIHRoaXMudmlzaWJsZSA9IGZhbHNlO1xuICAgIHRoaXMudmlzaWJsZUNoYW5nZS5lbWl0KHRoaXMudmlzaWJsZSk7XG4gICAgdGhpcy5vbkhpZGUuZW1pdCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBtYXhpbWl6ZU1vZGFsKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnZpc2libGUgJiYgdGhpcy5tYXhpbWl6ZSkge1xuICAgICAgdGhpcy5tb2RhbC5tYXhpbWl6ZSgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgJHZpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcbn1cbiIsIjxwLWRpYWxvZ1xuICAgIFsodmlzaWJsZSldPVwidmlzaWJsZVwiXG4gICAgW2NvbnRlbnRTdHlsZV09XCJnZXRTdHlsZSgpXCJcbiAgICBbZHJhZ2dhYmxlXT1cImZhbHNlXCJcbiAgICBbaGVhZGVyXT1cImhlYWRlclwiXG4gICAgW21heGltaXphYmxlXT1cIm1heGltaXphYmxlXCJcbiAgICBbbW9kYWxdPVwidHJ1ZVwiXG4gICAgW3Jlc2l6YWJsZV09XCJyZXNpemFibGVcIlxuICAgIFtyZXNwb25zaXZlXT1cInJlc3BvbnNpdmVcIlxuICAgIChvbkhpZGUpPVwib25IaWRlSGFuZGxlcigpXCJcbiAgICBhcHBlbmRUbz1cImJvZHlcIlxuICAgICNtb2RhbFxuPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiZm9vdGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmb290ZXJcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmb290ZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPHAtYnV0dG9uXG4gICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGJ0biBvZiBmb290ZXJCdXR0b25zXCJcbiAgICAgICAgICAgICAgICAob25DbGljayk9XCJidG4uYWN0aW9uKClcIlxuICAgICAgICAgICAgICAgIFtpY29uXT1cImJ0bi5pY29uXCJcbiAgICAgICAgICAgICAgICBbaWRdPVwiYnRuLmlkXCJcbiAgICAgICAgICAgICAgICBbbGFiZWxdPVwiYnRuLmxhYmVsXCJcbiAgICAgICAgICAgICAgICBbc2V2ZXJpdHldPVwiYnRuLnNldmVyaXR5ID8/ICdwcmltYXJ5J1wiXG4gICAgICAgICAgICA+PC9wLWJ1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbjwvcC1kaWFsb2c+XG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, HostListener } from '@angular/core';
|
|
2
|
+
import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, HostListener, ViewEncapsulation } 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";
|
|
@@ -19,31 +19,37 @@ export class ModalcComponent {
|
|
|
19
19
|
this.cdr = cdr;
|
|
20
20
|
}
|
|
21
21
|
ngOnInit() { }
|
|
22
|
-
ngOnDestroy() {
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
ngOnDestroy() {
|
|
23
|
+
this.unlockBodyScroll();
|
|
24
|
+
}
|
|
25
|
+
open() {
|
|
26
|
+
this.setVisible(true, true);
|
|
27
|
+
}
|
|
28
|
+
close() {
|
|
29
|
+
this.setVisible(false, true);
|
|
30
|
+
}
|
|
25
31
|
toggleFullscreen() {
|
|
26
32
|
this._fullscreen = !this._fullscreen;
|
|
27
33
|
this.cdr.markForCheck();
|
|
28
34
|
}
|
|
29
35
|
onBackdropClick() {
|
|
30
|
-
if (this.closeOnBackdrop)
|
|
36
|
+
if (this.closeOnBackdrop) {
|
|
31
37
|
this.close();
|
|
38
|
+
}
|
|
32
39
|
}
|
|
33
40
|
onEsc(ev) {
|
|
34
|
-
if (this._visible)
|
|
41
|
+
if (this._visible) {
|
|
35
42
|
this.close();
|
|
43
|
+
}
|
|
36
44
|
}
|
|
37
45
|
setVisible(next, emit) {
|
|
38
46
|
if (this._visible === next)
|
|
39
47
|
return;
|
|
40
48
|
this._visible = next;
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
else
|
|
44
|
-
this.unlockBodyScroll();
|
|
45
|
-
if (emit)
|
|
49
|
+
this._visible ? this.lockBodyScroll() : this.unlockBodyScroll();
|
|
50
|
+
if (emit) {
|
|
46
51
|
this.visibleChange.emit(this._visible);
|
|
52
|
+
}
|
|
47
53
|
this.cdr.markForCheck();
|
|
48
54
|
}
|
|
49
55
|
lockBodyScroll() {
|
|
@@ -57,7 +63,7 @@ export class ModalcComponent {
|
|
|
57
63
|
}
|
|
58
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalcComponent, decorators: [{
|
|
59
65
|
type: Component,
|
|
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"] }]
|
|
66
|
+
args: [{ selector: 'sdc-modalc', standalone: true, imports: [ButtonModule, CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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
67
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { title: [{
|
|
62
68
|
type: Input
|
|
63
69
|
}], footerButtons: [{
|
|
@@ -74,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
74
80
|
type: HostListener,
|
|
75
81
|
args: ['document:keydown.escape', ['$event']]
|
|
76
82
|
}] } });
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWxjLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvZmVhdHVyZXMvbW9kYWxjL21vZGFsYy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL21vZGFsYy9tb2RhbGMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQXFCLHVCQUF1QixFQUMvRCxZQUFZLEVBQUUsaUJBQWlCLEVBQ25ELE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVc5QyxNQUFNLE9BQU8sZUFBZTtJQWFOO0lBWlgsS0FBSyxHQUFXLGFBQWEsQ0FBQztJQUM5QixhQUFhLEdBQWtCLEVBQUUsQ0FBQztJQUNsQyxXQUFXLEdBQVksS0FBSyxDQUFDO0lBQzdCLGVBQWUsR0FBWSxJQUFJLENBQUM7SUFFekMsSUFBYSxPQUFPLENBQUMsQ0FBVSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDakUsSUFBSSxPQUFPLEtBQWMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUN0QyxhQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUV0RCxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFFcEIsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFBSSxDQUFDO0lBRS9DLFFBQVEsS0FBc0IsQ0FBQztJQUUvQixXQUFXO1FBQ1QsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQUk7UUFDRixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUNyQyxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2YsQ0FBQztJQUNILENBQUM7SUFHRCxLQUFLLENBQUMsRUFBaUI7UUFDckIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbEIsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2YsQ0FBQztJQUNILENBQUM7SUFFTyxVQUFVLENBQUMsSUFBYSxFQUFFLElBQWE7UUFDN0MsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLElBQUk7WUFBRSxPQUFPO1FBRW5DLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFFaEUsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUNULElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN6QyxDQUFDO1FBQ0QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRU8sY0FBYztRQUNwQixRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0lBQzFDLENBQUM7SUFFTyxnQkFBZ0I7UUFDdEIsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNwQyxDQUFDO3dHQWpFVSxlQUFlOzRGQUFmLGVBQWUsd1VDakI1QixrdkNBdUNBLHU0REQ1QlksWUFBWSxpYkFBRSxZQUFZOzs0RkFNekIsZUFBZTtrQkFUM0IsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFlBQVksQ0FBQyxtQkFHcEIsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsUUFBUTtzRkFHaEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVPLE9BQU87c0JBQW5CLEtBQUs7Z0JBRUksYUFBYTtzQkFBdEIsTUFBTTtnQkFpQ1AsS0FBSztzQkFESixZQUFZO3VCQUFDLHlCQUF5QixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBPbkRlc3Ryb3ksIE9uSW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLCBIb3N0TGlzdGVuZXIsIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxCdXR0b24gfSBmcm9tICdsaWIvc3JjL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZGMtbW9kYWxjJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0J1dHRvbk1vZHVsZSwgQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsYy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21vZGFsYy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uRW11bGF0ZWQsXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsY0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICdNb2RhbCBUaXRsZSc7XG4gIEBJbnB1dCgpIGZvb3RlckJ1dHRvbnM6IE1vZGFsQnV0dG9uW10gPSBbXTtcbiAgQElucHV0KCkgbWF4aW1pemFibGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgY2xvc2VPbkJhY2tkcm9wOiBib29sZWFuID0gdHJ1ZTtcblxuICBASW5wdXQoKSBzZXQgdmlzaWJsZSh2OiBib29sZWFuKSB7IHRoaXMuc2V0VmlzaWJsZSghIXYsIGZhbHNlKTsgfVxuICBnZXQgdmlzaWJsZSgpOiBib29sZWFuIHsgcmV0dXJuIHRoaXMuX3Zpc2libGU7IH1cbiAgQE91dHB1dCgpIHZpc2libGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgX3Zpc2libGUgPSBmYWxzZTtcbiAgX2Z1bGxzY3JlZW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQgeyAvKiBub29wICovIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnVubG9ja0JvZHlTY3JvbGwoKTtcbiAgfVxuXG4gIG9wZW4oKTogdm9pZCB7XG4gICAgdGhpcy5zZXRWaXNpYmxlKHRydWUsIHRydWUpO1xuICB9XG5cbiAgY2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5zZXRWaXNpYmxlKGZhbHNlLCB0cnVlKTtcbiAgfVxuXG4gIHRvZ2dsZUZ1bGxzY3JlZW4oKTogdm9pZCB7XG4gICAgdGhpcy5fZnVsbHNjcmVlbiA9ICF0aGlzLl9mdWxsc2NyZWVuO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb25CYWNrZHJvcENsaWNrKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNsb3NlT25CYWNrZHJvcCkge1xuICAgICAgdGhpcy5jbG9zZSgpO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmtleWRvd24uZXNjYXBlJywgWyckZXZlbnQnXSlcbiAgb25Fc2MoZXY6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5fdmlzaWJsZSkge1xuICAgICAgdGhpcy5jbG9zZSgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgc2V0VmlzaWJsZShuZXh0OiBib29sZWFuLCBlbWl0OiBib29sZWFuKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX3Zpc2libGUgPT09IG5leHQpIHJldHVybjtcblxuICAgIHRoaXMuX3Zpc2libGUgPSBuZXh0O1xuICAgIHRoaXMuX3Zpc2libGUgPyB0aGlzLmxvY2tCb2R5U2Nyb2xsKCkgOiB0aGlzLnVubG9ja0JvZHlTY3JvbGwoKTtcblxuICAgIGlmIChlbWl0KSB7XG4gICAgICB0aGlzLnZpc2libGVDaGFuZ2UuZW1pdCh0aGlzLl92aXNpYmxlKTtcbiAgICB9XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwcml2YXRlIGxvY2tCb2R5U2Nyb2xsKCk6IHZvaWQge1xuICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnaGlkZGVuJztcbiAgfVxuXG4gIHByaXZhdGUgdW5sb2NrQm9keVNjcm9sbCgpOiB2b2lkIHtcbiAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJyc7XG4gIH1cbn1cbiIsIjxzZWN0aW9uXG4gICpuZ0lmPVwiX3Zpc2libGVcIlxuICBjbGFzcz1cIm1vZGFsXCJcbiAgcm9sZT1cImRpYWxvZ1wiXG4gIGFyaWEtbW9kYWw9XCJ0cnVlXCJcbiAgYXJpYS1sYWJlbGxlZGJ5PVwibW9kYWwtdGl0bGVcIlxuICAoY2xpY2spPVwib25CYWNrZHJvcENsaWNrKClcIlxuPlxuICA8ZGl2IGNsYXNzPVwibW9kYWwtY29udGFpbmVyXCIgW2NsYXNzLmZ1bGxzY3JlZW5dPVwiX2Z1bGxzY3JlZW5cIiAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCI+XG4gICAgPGhlYWRlciBjbGFzcz1cIm1vZGFsLWhlYWRlclwiPlxuICAgICAgPGgyIGlkPVwibW9kYWwtdGl0bGVcIj57eyB0aXRsZSB9fTwvaDI+XG4gICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYWN0aW9uc1wiPlxuICAgICAgICA8YnV0dG9uICpuZ0lmPVwibWF4aW1pemFibGVcIiBjbGFzcz1cImV4cGFuZC1idXR0b25cIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cInRvZ2dsZUZ1bGxzY3JlZW4oKVwiPlxuICAgICAgICAgIDxpIGNsYXNzPVwiZmFsIGZhLWV4cGFuZC1hcnJvd3NcIj48L2k+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwiY2xvc2UtYnV0dG9uXCIgdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJjbG9zZSgpXCI+XG4gICAgICAgICAgPGkgY2xhc3M9XCJmYWwgZmEtdGltZXNcIj48L2k+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9oZWFkZXI+XG5cbiAgICA8bWFpbiBjbGFzcz1cIm1vZGFsLWJvZHlcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L21haW4+XG5cbiAgICA8Zm9vdGVyIGNsYXNzPVwibW9kYWwtZm9vdGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyLWFjdGlvbnNcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Zvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDxwLWJ1dHRvbiAqbmdGb3I9XCJsZXQgYnRuIG9mIGZvb3RlckJ1dHRvbnNcIlxuICAgICAgICAgIChvbkNsaWNrKT1cImJ0bj8uYWN0aW9uPy4oKVwiXG4gICAgICAgICAgW2ljb25dPVwiYnRuLmljb25cIlxuICAgICAgICAgIFtpZF09XCJidG4uaWRcIlxuICAgICAgICAgIFtsYWJlbF09XCJidG4ubGFiZWxcIlxuICAgICAgICAgIFtzZXZlcml0eV09XCJidG4uc2V2ZXJpdHkgPz8gJ3ByaW1hcnknXCI+XG4gICAgICAgIDwvcC1idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Zvb3Rlcj5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, EventEmitter, Input, Output, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { PaginatorModule } from 'primeng/paginator';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
import * as i2 from "primeng/paginator";
|
|
7
|
+
import * as i3 from "primeng/api";
|
|
8
|
+
export class PaginatorComponent {
|
|
9
|
+
first = 0;
|
|
10
|
+
rows = 10;
|
|
11
|
+
totalRecords = 0;
|
|
12
|
+
rowsPerPageOptions;
|
|
13
|
+
isMobile = false;
|
|
14
|
+
totalRecordsLabel = '';
|
|
15
|
+
pageChange = new EventEmitter();
|
|
16
|
+
onPageChange(e) {
|
|
17
|
+
this.pageChange.emit(e);
|
|
18
|
+
}
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PaginatorComponent, isStandalone: true, selector: "sdc-paginator", inputs: { first: "first", rows: "rows", totalRecords: "totalRecords", rowsPerPageOptions: "rowsPerPageOptions", isMobile: "isMobile", totalRecordsLabel: "totalRecordsLabel" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<div class=\"sdc-paginator\">\n <p-paginator [dropdownAppendTo]=\"'body'\" [first]=\"first\" [rows]=\"rows\"\n [totalRecords]=\"totalRecords\" [rowsPerPageOptions]=\"rowsPerPageOptions\" [showFirstLastIcon]=\"!isMobile\"\n (onPageChange)=\"onPageChange($event)\">\n <ng-template pTemplate=\"dropdownicon\"><i class=\"fas fa-caret-down\"></i></ng-template>\n <ng-template pTemplate=\"firstpagelinkicon\"><i class=\"fas fa-step-forward fa-rotate-180\"></i></ng-template>\n <ng-template pTemplate=\"previouspagelinkicon\"><i class=\"fas fa-caret-left\"></i></ng-template>\n <ng-template pTemplate=\"nextpagelinkicon\"><i class=\"fas fa-caret-right\"></i></ng-template>\n <ng-template pTemplate=\"lastpagelinkicon\"><i class=\"fas fa-step-forward\"></i></ng-template>\n </p-paginator>\n\n <span *ngIf=\"!isMobile && totalRecordsLabel\">\n {{ totalRecordsLabel }}: {{ totalRecords }}\n </span>\n</div>", styles: [".sdc-paginator{display:flex;width:100%;justify-content:space-between;align-items:center;box-sizing:border-box}.sdc-paginator ::ng-deep .p-paginator{text-align:left;background:transparent!important;border-color:transparent;gap:0;display:flex;padding:10px 10px 10px 0!important}.sdc-paginator ::ng-deep .p-paginator .p-paginator-element{font-weight:400}.sdc-paginator ::ng-deep .p-paginator .p-paginator-right-content{margin-left:auto;height:100%;padding-top:5px;padding-left:20px}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first .p-paginator-icon,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last .p-paginator-icon{font-size:12px}.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages{padding:0;margin:0;white-space:nowrap;gap:0}.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page-selected{color:#fff!important;border:1px solid #428bca;background:#428bca}.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page-selected:hover{background-color:#6aa3d5!important;border-color:#6aa3d5!important}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first,.sdc-paginator ::ng-deep .p-paginator .p-paginator-prev,.sdc-paginator ::ng-deep .p-paginator .p-paginator-next,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last,.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page{padding:.4em .25em;color:#428bca;transition:background-color .2s ease-out;border-radius:0;border:1px solid #cccccc;border-width:1px 0 1px 1px;text-align:center;min-width:var(--sdc-table-paginator-size);height:var(--sdc-table-paginator-size);margin:0}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-prev:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-next:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page:hover{background-color:#f7f7f7}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-prev.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-next.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover{background-color:#6aa3d5;border-color:#6aa3d5}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first{border-radius:4px 0 0 4px}.sdc-paginator ::ng-deep .p-paginator .p-paginator-last{border-right-width:1px;border-radius:0 4px 4px 0}.sdc-paginator ::ng-deep .p-select{background:transparent!important;margin-left:34px}.sdc-paginator ::ng-deep .p-select-label{height:34px;padding:6px 17px}.sdc-paginator ::ng-deep .p-select-dropdown{border-left:1px solid #cccccc}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PaginatorModule }, { kind: "component", type: i2.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "appendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaginatorComponent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
args: [{ selector: 'sdc-paginator', standalone: true, imports: [CommonModule, PaginatorModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-paginator\">\n <p-paginator [dropdownAppendTo]=\"'body'\" [first]=\"first\" [rows]=\"rows\"\n [totalRecords]=\"totalRecords\" [rowsPerPageOptions]=\"rowsPerPageOptions\" [showFirstLastIcon]=\"!isMobile\"\n (onPageChange)=\"onPageChange($event)\">\n <ng-template pTemplate=\"dropdownicon\"><i class=\"fas fa-caret-down\"></i></ng-template>\n <ng-template pTemplate=\"firstpagelinkicon\"><i class=\"fas fa-step-forward fa-rotate-180\"></i></ng-template>\n <ng-template pTemplate=\"previouspagelinkicon\"><i class=\"fas fa-caret-left\"></i></ng-template>\n <ng-template pTemplate=\"nextpagelinkicon\"><i class=\"fas fa-caret-right\"></i></ng-template>\n <ng-template pTemplate=\"lastpagelinkicon\"><i class=\"fas fa-step-forward\"></i></ng-template>\n </p-paginator>\n\n <span *ngIf=\"!isMobile && totalRecordsLabel\">\n {{ totalRecordsLabel }}: {{ totalRecords }}\n </span>\n</div>", styles: [".sdc-paginator{display:flex;width:100%;justify-content:space-between;align-items:center;box-sizing:border-box}.sdc-paginator ::ng-deep .p-paginator{text-align:left;background:transparent!important;border-color:transparent;gap:0;display:flex;padding:10px 10px 10px 0!important}.sdc-paginator ::ng-deep .p-paginator .p-paginator-element{font-weight:400}.sdc-paginator ::ng-deep .p-paginator .p-paginator-right-content{margin-left:auto;height:100%;padding-top:5px;padding-left:20px}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first .p-paginator-icon,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last .p-paginator-icon{font-size:12px}.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages{padding:0;margin:0;white-space:nowrap;gap:0}.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page-selected{color:#fff!important;border:1px solid #428bca;background:#428bca}.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page-selected:hover{background-color:#6aa3d5!important;border-color:#6aa3d5!important}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first,.sdc-paginator ::ng-deep .p-paginator .p-paginator-prev,.sdc-paginator ::ng-deep .p-paginator .p-paginator-next,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last,.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page{padding:.4em .25em;color:#428bca;transition:background-color .2s ease-out;border-radius:0;border:1px solid #cccccc;border-width:1px 0 1px 1px;text-align:center;min-width:var(--sdc-table-paginator-size);height:var(--sdc-table-paginator-size);margin:0}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-prev:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-next:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page:hover{background-color:#f7f7f7}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-prev.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-next.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-last.p-highlight:hover,.sdc-paginator ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover{background-color:#6aa3d5;border-color:#6aa3d5}.sdc-paginator ::ng-deep .p-paginator .p-paginator-first{border-radius:4px 0 0 4px}.sdc-paginator ::ng-deep .p-paginator .p-paginator-last{border-right-width:1px;border-radius:0 4px 4px 0}.sdc-paginator ::ng-deep .p-select{background:transparent!important;margin-left:34px}.sdc-paginator ::ng-deep .p-select-label{height:34px;padding:6px 17px}.sdc-paginator ::ng-deep .p-select-dropdown{border-left:1px solid #cccccc}\n"] }]
|
|
25
|
+
}], propDecorators: { first: [{
|
|
26
|
+
type: Input,
|
|
27
|
+
args: [{ required: true }]
|
|
28
|
+
}], rows: [{
|
|
29
|
+
type: Input,
|
|
30
|
+
args: [{ required: true }]
|
|
31
|
+
}], totalRecords: [{
|
|
32
|
+
type: Input,
|
|
33
|
+
args: [{ required: true }]
|
|
34
|
+
}], rowsPerPageOptions: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], isMobile: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], totalRecordsLabel: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], pageChange: [{
|
|
41
|
+
type: Output
|
|
42
|
+
}] } });
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvZmVhdHVyZXMvcGFnaW5hdG9yL3BhZ2luYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3BhZ2luYXRvci9wYWdpbmF0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkgsT0FBTyxFQUFFLGVBQWUsRUFBa0IsTUFBTSxtQkFBbUIsQ0FBQzs7Ozs7QUFXcEUsTUFBTSxPQUFPLGtCQUFrQjtJQUNGLEtBQUssR0FBVyxDQUFDLENBQUM7SUFDbEIsSUFBSSxHQUFXLEVBQUUsQ0FBQztJQUNsQixZQUFZLEdBQVcsQ0FBQyxDQUFDO0lBQzNDLGtCQUFrQixDQUFZO0lBQzlCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsaUJBQWlCLEdBQVcsRUFBRSxDQUFDO0lBRTlCLFVBQVUsR0FBRyxJQUFJLFlBQVksRUFBa0IsQ0FBQztJQUUxRCxZQUFZLENBQUMsQ0FBaUI7UUFDNUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDMUIsQ0FBQzt3R0FaVSxrQkFBa0I7NEZBQWxCLGtCQUFrQixnU0NiL0IsODVCQWNNLGt6RkRQTSxZQUFZLGtJQUFFLGVBQWU7OzRGQU01QixrQkFBa0I7a0JBVDlCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUMsbUJBR3ZCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLFFBQVE7OEJBR2QsS0FBSztzQkFBL0IsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsSUFBSTtzQkFBOUIsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsWUFBWTtzQkFBdEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ2hCLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFFSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBhZ2luYXRvck1vZHVsZSwgUGFnaW5hdG9yU3RhdGUgfSBmcm9tICdwcmltZW5nL3BhZ2luYXRvcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NkYy1wYWdpbmF0b3InLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBQYWdpbmF0b3JNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnaW5hdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3BhZ2luYXRvci5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5FbXVsYXRlZCxcbn0pXG5leHBvcnQgY2xhc3MgUGFnaW5hdG9yQ29tcG9uZW50IHtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgZmlyc3Q6IG51bWJlciA9IDA7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHJvd3M6IG51bWJlciA9IDEwO1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSB0b3RhbFJlY29yZHM6IG51bWJlciA9IDA7XG4gIEBJbnB1dCgpIHJvd3NQZXJQYWdlT3B0aW9ucz86IG51bWJlcltdO1xuICBASW5wdXQoKSBpc01vYmlsZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB0b3RhbFJlY29yZHNMYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgQE91dHB1dCgpIHBhZ2VDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFBhZ2luYXRvclN0YXRlPigpO1xuXG4gIG9uUGFnZUNoYW5nZShlOiBQYWdpbmF0b3JTdGF0ZSk6IHZvaWQge1xuICAgIHRoaXMucGFnZUNoYW5nZS5lbWl0KGUpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2RjLXBhZ2luYXRvclwiPlxuICA8cC1wYWdpbmF0b3IgW2Ryb3Bkb3duQXBwZW5kVG9dPVwiJ2JvZHknXCIgW2ZpcnN0XT1cImZpcnN0XCIgW3Jvd3NdPVwicm93c1wiXG4gICAgW3RvdGFsUmVjb3Jkc109XCJ0b3RhbFJlY29yZHNcIiBbcm93c1BlclBhZ2VPcHRpb25zXT1cInJvd3NQZXJQYWdlT3B0aW9uc1wiIFtzaG93Rmlyc3RMYXN0SWNvbl09XCIhaXNNb2JpbGVcIlxuICAgIChvblBhZ2VDaGFuZ2UpPVwib25QYWdlQ2hhbmdlKCRldmVudClcIj5cbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiZHJvcGRvd25pY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtY2FyZXQtZG93blwiPjwvaT48L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJmaXJzdHBhZ2VsaW5raWNvblwiPjxpIGNsYXNzPVwiZmFzIGZhLXN0ZXAtZm9yd2FyZCBmYS1yb3RhdGUtMTgwXCI+PC9pPjwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cInByZXZpb3VzcGFnZWxpbmtpY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtY2FyZXQtbGVmdFwiPjwvaT48L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJuZXh0cGFnZWxpbmtpY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtY2FyZXQtcmlnaHRcIj48L2k+PC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwibGFzdHBhZ2VsaW5raWNvblwiPjxpIGNsYXNzPVwiZmFzIGZhLXN0ZXAtZm9yd2FyZFwiPjwvaT48L25nLXRlbXBsYXRlPlxuICA8L3AtcGFnaW5hdG9yPlxuXG4gIDxzcGFuICpuZ0lmPVwiIWlzTW9iaWxlICYmIHRvdGFsUmVjb3Jkc0xhYmVsXCI+XG4gICAge3sgdG90YWxSZWNvcmRzTGFiZWwgfX06IHt7IHRvdGFsUmVjb3JkcyB9fVxuICA8L3NwYW4+XG48L2Rpdj4iXX0=
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, Input, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import { PanelModule as PrimePanelModule } from 'primeng/panel';
|
|
3
3
|
import { PanelModule as SeniorPanelModule } from '@seniorsistemas/angular-components/panel';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@seniorsistemas/angular-components/panel";
|
|
6
6
|
export class PanelComponent {
|
|
7
|
-
|
|
7
|
+
header = '';
|
|
8
|
+
showHeader = false;
|
|
9
|
+
toggleable = false;
|
|
8
10
|
set collapsed(value) {
|
|
9
11
|
this.$collapsed = value;
|
|
10
12
|
}
|
|
11
13
|
get collapsed() {
|
|
12
14
|
return this.$collapsed;
|
|
13
15
|
}
|
|
14
|
-
|
|
15
|
-
showHeader = false;
|
|
16
|
-
toggleable = false;
|
|
16
|
+
$collapsed = false;
|
|
17
17
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PanelComponent, isStandalone: true, selector: "sdc-panel", inputs: {
|
|
18
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PanelComponent, isStandalone: true, selector: "sdc-panel", inputs: { header: "header", showHeader: "showHeader", toggleable: "toggleable", collapsed: "collapsed" }, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PanelComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
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"] }]
|
|
23
|
-
}], propDecorators: {
|
|
24
|
-
type: Input
|
|
25
|
-
}], header: [{
|
|
22
|
+
args: [{ imports: [PrimePanelModule, SeniorPanelModule], standalone: true, selector: 'sdc-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, 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"] }]
|
|
23
|
+
}], propDecorators: { header: [{
|
|
26
24
|
type: Input
|
|
27
25
|
}], showHeader: [{
|
|
28
26
|
type: Input
|
|
29
27
|
}], toggleable: [{
|
|
30
28
|
type: Input
|
|
29
|
+
}], collapsed: [{
|
|
30
|
+
type: Input
|
|
31
31
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9mZWF0dXJlcy9wYW5lbC9wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3BhbmVsL3BhbmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxXQUFXLElBQUksZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEUsT0FBTyxFQUFFLFdBQVcsSUFBSSxpQkFBaUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFXNUYsTUFBTSxPQUFPLGNBQWM7SUFDaEIsTUFBTSxHQUFXLEVBQUUsQ0FBQztJQUNwQixVQUFVLEdBQVksS0FBSyxDQUFDO0lBQzVCLFVBQVUsR0FBWSxLQUFLLENBQUM7SUFFckMsSUFBYSxTQUFTLENBQUMsS0FBYztRQUNuQyxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDO0lBQ0QsSUFBSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pCLENBQUM7SUFFTyxVQUFVLEdBQVksS0FBSyxDQUFDO3dHQVp6QixjQUFjOzRGQUFkLGNBQWMsK0tDYjNCLGlKQUlVLDhLRENFLGdCQUFnQiw4QkFBRSxpQkFBaUI7OzRGQVFsQyxjQUFjO2tCQVQxQixTQUFTOzhCQUNDLENBQUMsZ0JBQWdCLEVBQUUsaUJBQWlCLENBQUMsY0FDbEMsSUFBSSxZQUNOLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsUUFBUTs4QkFHaEMsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFTyxTQUFTO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYW5lbE1vZHVsZSBhcyBQcmltZVBhbmVsTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9wYW5lbCc7XG5pbXBvcnQgeyBQYW5lbE1vZHVsZSBhcyBTZW5pb3JQYW5lbE1vZHVsZSB9IGZyb20gJ0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvcGFuZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgaW1wb3J0czogW1ByaW1lUGFuZWxNb2R1bGUsIFNlbmlvclBhbmVsTW9kdWxlXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdzZGMtcGFuZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vcGFuZWwuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uRW11bGF0ZWQsXG59KVxuZXhwb3J0IGNsYXNzIFBhbmVsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaGVhZGVyOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgc2hvd0hlYWRlcjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB0b2dnbGVhYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KCkgc2V0IGNvbGxhcHNlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuJGNvbGxhcHNlZCA9IHZhbHVlO1xuICB9XG4gIGdldCBjb2xsYXBzZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuJGNvbGxhcHNlZDtcbiAgfVxuXG4gIHByaXZhdGUgJGNvbGxhcHNlZDogYm9vbGVhbiA9IGZhbHNlO1xufVxuIiwiPHMtcGFuZWwgWyhjb2xsYXBzZWQpXT1cImNvbGxhcHNlZFwiIFtoZWFkZXJdPVwiaGVhZGVyXCIgW3RvZ2dsZWFibGVdPVwidG9nZ2xlYWJsZVwiPlxuICA8cD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvcD5cbjwvcy1wYW5lbD4iXX0=
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChild, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
|
|
3
|
+
import { isMobile } from '../../../core/utils/layout.util';
|
|
4
|
+
import { ButtonComponent } from 'lib/src/public-api';
|
|
5
|
+
import { TranslateModule } from '@ngx-translate/core';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@ngx-translate/core";
|
|
8
|
+
export class RowCardComponent {
|
|
9
|
+
data;
|
|
10
|
+
options;
|
|
11
|
+
isExpanded = false;
|
|
12
|
+
detailTemplate;
|
|
13
|
+
expandClick = new EventEmitter();
|
|
14
|
+
cardButtonClick = new EventEmitter();
|
|
15
|
+
contentWrapper;
|
|
16
|
+
isMobile = isMobile();
|
|
17
|
+
ngOnChanges(changes) {
|
|
18
|
+
if (changes['isExpanded']) {
|
|
19
|
+
queueMicrotask(() => {
|
|
20
|
+
const el = this.contentWrapper?.nativeElement;
|
|
21
|
+
if (!el)
|
|
22
|
+
return;
|
|
23
|
+
el.style.height = this.isExpanded ? el.scrollHeight + 'px' : '0px';
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
onCardClick(event) {
|
|
28
|
+
if (event.target.closest('sdc-button'))
|
|
29
|
+
return;
|
|
30
|
+
this.expandClick.emit();
|
|
31
|
+
event.stopPropagation();
|
|
32
|
+
}
|
|
33
|
+
onCardButtonClick() {
|
|
34
|
+
this.cardButtonClick.emit(this.data);
|
|
35
|
+
}
|
|
36
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RowCardComponent, isStandalone: true, selector: "sdc-row-card", inputs: { data: "data", options: "options", isExpanded: "isExpanded", detailTemplate: "detailTemplate" }, outputs: { expandClick: "expandClick", cardButtonClick: "cardButtonClick" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n (click)=\"onCardClick($event)\"\n [class.border-left]=\"data.hasBorder\"\n class=\"row-card p-4 transition-all cursor-pointer\"\n>\n <div class=\"flex flex-column md:flex-row gap-4 align-items-start md:align-items-center w-full\">\n <i *ngIf=\"isExpanded\" class=\"fas fa-minus\"></i>\n <i *ngIf=\"!isExpanded\" class=\"fas fa-plus\"></i>\n <div class=\"flex-1 min-w-0\">\n <div\n class=\"text-xl font-semibold mb-2 text-overflow-ellipsis white-space-nowrap overflow-hidden\"\n [ngClass]=\"options?.leftTitleColor\"\n >\n {{ data.left_title }}\n </div>\n <div class=\"text-sm\" [ngClass]=\"options?.leftSubtitleColor\">\n {{ data.left_subtitle }}\n </div>\n </div>\n <div class=\"flex md:ml-auto gap-4 w-full md:w-auto align-items-start md:align-items-center\">\n <div class=\"flex flex-column md:flex-row gap-2 w-full md:w-auto\">\n <sdc-button\n (click)=\"$event.stopPropagation()\"\n (onClick)=\"onCardButtonClick()\"\n [priority]=\"options?.buttonPriority!\"\n [icon]=\"options?.buttonIcon\"\n [label]=\"isMobile ? '' : (options!.buttonLabel! | translate)\"\n [class]=\"isMobile ? 'w-full' : 'w-9rem'\"\n >\n </sdc-button>\n </div>\n <div\n class=\"text-right text-sm flex flex-column gap-1 md:align-items-end w-full md:w-auto\"\n style=\"min-width: 13rem\"\n >\n <span class=\"font-bold text-2xl\" [ngClass]=\"options?.rightTitleColor\">{{ data.right_title }}</span>\n <span [ngClass]=\"options?.rightSubtitleColor\">{{ data.right_subtitle }}</span>\n </div>\n </div>\n </div>\n\n <div #contentWrapper class=\"collapse-wrapper\" [class.show]=\"isExpanded\" (click)=\"$event.stopPropagation()\">\n <div class=\"collapse-inner\">\n <ng-container *ngIf=\"detailTemplate; else defaultDetail\">\n <ng-template\n [ngTemplateOutlet]=\"detailTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: data, data: data }\"\n ></ng-template>\n </ng-container>\n <ng-template #defaultDetail>\n <div class=\"text-sm text-700\">{{ data.wrapperDetail }}</div>\n </ng-template>\n </div>\n </div>\n</div>\n", styles: [".bg-disabled{background-color:var(--p-inputtext-disabled-background)}.collapse-wrapper{border-radius:0 0 10px 10px;height:0;overflow:hidden;transition:height .35s ease}.collapse-inner{padding:2rem 1rem 1rem;opacity:0;transform:translateY(-.5rem);transition:opacity .3s ease,transform .3s ease}.collapse-wrapper.show .collapse-inner{opacity:1;transform:translateY(0)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "sdc-button", inputs: ["disabled", "width", "icon", "id", "label", "priority", "size", "type"], outputs: ["onClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
38
|
+
}
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowCardComponent, decorators: [{
|
|
40
|
+
type: Component,
|
|
41
|
+
args: [{ standalone: true, selector: 'sdc-row-card', imports: [ButtonComponent, TranslateModule, NgClass, NgIf, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div\n (click)=\"onCardClick($event)\"\n [class.border-left]=\"data.hasBorder\"\n class=\"row-card p-4 transition-all cursor-pointer\"\n>\n <div class=\"flex flex-column md:flex-row gap-4 align-items-start md:align-items-center w-full\">\n <i *ngIf=\"isExpanded\" class=\"fas fa-minus\"></i>\n <i *ngIf=\"!isExpanded\" class=\"fas fa-plus\"></i>\n <div class=\"flex-1 min-w-0\">\n <div\n class=\"text-xl font-semibold mb-2 text-overflow-ellipsis white-space-nowrap overflow-hidden\"\n [ngClass]=\"options?.leftTitleColor\"\n >\n {{ data.left_title }}\n </div>\n <div class=\"text-sm\" [ngClass]=\"options?.leftSubtitleColor\">\n {{ data.left_subtitle }}\n </div>\n </div>\n <div class=\"flex md:ml-auto gap-4 w-full md:w-auto align-items-start md:align-items-center\">\n <div class=\"flex flex-column md:flex-row gap-2 w-full md:w-auto\">\n <sdc-button\n (click)=\"$event.stopPropagation()\"\n (onClick)=\"onCardButtonClick()\"\n [priority]=\"options?.buttonPriority!\"\n [icon]=\"options?.buttonIcon\"\n [label]=\"isMobile ? '' : (options!.buttonLabel! | translate)\"\n [class]=\"isMobile ? 'w-full' : 'w-9rem'\"\n >\n </sdc-button>\n </div>\n <div\n class=\"text-right text-sm flex flex-column gap-1 md:align-items-end w-full md:w-auto\"\n style=\"min-width: 13rem\"\n >\n <span class=\"font-bold text-2xl\" [ngClass]=\"options?.rightTitleColor\">{{ data.right_title }}</span>\n <span [ngClass]=\"options?.rightSubtitleColor\">{{ data.right_subtitle }}</span>\n </div>\n </div>\n </div>\n\n <div #contentWrapper class=\"collapse-wrapper\" [class.show]=\"isExpanded\" (click)=\"$event.stopPropagation()\">\n <div class=\"collapse-inner\">\n <ng-container *ngIf=\"detailTemplate; else defaultDetail\">\n <ng-template\n [ngTemplateOutlet]=\"detailTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: data, data: data }\"\n ></ng-template>\n </ng-container>\n <ng-template #defaultDetail>\n <div class=\"text-sm text-700\">{{ data.wrapperDetail }}</div>\n </ng-template>\n </div>\n </div>\n</div>\n", styles: [".bg-disabled{background-color:var(--p-inputtext-disabled-background)}.collapse-wrapper{border-radius:0 0 10px 10px;height:0;overflow:hidden;transition:height .35s ease}.collapse-inner{padding:2rem 1rem 1rem;opacity:0;transform:translateY(-.5rem);transition:opacity .3s ease,transform .3s ease}.collapse-wrapper.show .collapse-inner{opacity:1;transform:translateY(0)}\n"] }]
|
|
42
|
+
}], propDecorators: { data: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], options: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], isExpanded: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], detailTemplate: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], expandClick: [{
|
|
51
|
+
type: Output
|
|
52
|
+
}], cardButtonClick: [{
|
|
53
|
+
type: Output
|
|
54
|
+
}], contentWrapper: [{
|
|
55
|
+
type: ViewChild,
|
|
56
|
+
args: ['contentWrapper']
|
|
57
|
+
}] } });
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9mZWF0dXJlcy9yb3ctY2FyZC1saXN0L3Jvdy1jYXJkL3Jvdy1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvZmVhdHVyZXMvcm93LWNhcmQtbGlzdC9yb3ctY2FyZC9yb3ctY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUF5QyxTQUFTLEVBQWMsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakwsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDM0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXJELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBV3RELE1BQU0sT0FBTyxnQkFBZ0I7SUFDbEIsSUFBSSxDQUFXO0lBQ2YsT0FBTyxDQUFrQjtJQUN6QixVQUFVLEdBQVksS0FBSyxDQUFDO0lBQzVCLGNBQWMsQ0FBb0I7SUFFakMsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFDdkMsZUFBZSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFM0IsY0FBYyxDQUE4QjtJQUV0RCxRQUFRLEdBQUcsUUFBUSxFQUFFLENBQUM7SUFFekMsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUM7WUFDMUIsY0FBYyxDQUFDLEdBQUcsRUFBRTtnQkFDbEIsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRSxhQUFhLENBQUM7Z0JBQzlDLElBQUksQ0FBQyxFQUFFO29CQUFFLE9BQU87Z0JBQ2hCLEVBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7WUFDckUsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFpQjtRQUMzQixJQUFLLEtBQUssQ0FBQyxNQUFzQixDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUM7WUFBRSxPQUFPO1FBQ2hFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDeEIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkMsQ0FBQzt3R0EvQlUsZ0JBQWdCOzRGQUFoQixnQkFBZ0Isc1lDaEI3Qiw4dEVBdURBLDBhRDdDWSxlQUFlLDhKQUFFLGVBQWUsNEZBQUUsT0FBTyxvRkFBRSxJQUFJLDZGQUFFLGdCQUFnQjs7NEZBTWhFLGdCQUFnQjtrQkFUNUIsU0FBUztpQ0FDSSxJQUFJLFlBQ04sY0FBYyxXQUNmLENBQUMsZUFBZSxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixDQUFDLG1CQUczRCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxRQUFROzhCQUdoQyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGVBQWU7c0JBQXhCLE1BQU07Z0JBRXNCLGNBQWM7c0JBQTFDLFNBQVM7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcywgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCwgRWxlbWVudFJlZiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ0lmLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IGlzTW9iaWxlIH0gZnJvbSAnLi4vLi4vLi4vY29yZS91dGlscy9sYXlvdXQudXRpbCc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICdsaWIvc3JjL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgT3B0aW9uc1Jvd0NhcmQsIFJvd0NhcmQgfSBmcm9tICdsaWIvc3JjL2NvcmUvdHlwZXMvcm93LWNhcmQudHlwZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnc2RjLXJvdy1jYXJkJyxcbiAgaW1wb3J0czogW0J1dHRvbkNvbXBvbmVudCwgVHJhbnNsYXRlTW9kdWxlLCBOZ0NsYXNzLCBOZ0lmLCBOZ1RlbXBsYXRlT3V0bGV0XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3Jvdy1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3Jvdy1jYXJkLmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLkVtdWxhdGVkLFxufSlcbmV4cG9ydCBjbGFzcyBSb3dDYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgZGF0YSE6IFJvd0NhcmQ7XG4gIEBJbnB1dCgpIG9wdGlvbnM/OiBPcHRpb25zUm93Q2FyZDtcbiAgQElucHV0KCkgaXNFeHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBkZXRhaWxUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgQE91dHB1dCgpIGV4cGFuZENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgY2FyZEJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxSb3dDYXJkPigpO1xuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnRXcmFwcGVyJykgY29udGVudFdyYXBwZXI/OiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgaXNNb2JpbGUgPSBpc01vYmlsZSgpO1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1snaXNFeHBhbmRlZCddKSB7XG4gICAgICBxdWV1ZU1pY3JvdGFzaygoKSA9PiB7XG4gICAgICAgIGNvbnN0IGVsID0gdGhpcy5jb250ZW50V3JhcHBlcj8ubmF0aXZlRWxlbWVudDtcbiAgICAgICAgaWYgKCFlbCkgcmV0dXJuO1xuICAgICAgICBlbC5zdHlsZS5oZWlnaHQgPSB0aGlzLmlzRXhwYW5kZWQgPyBlbC5zY3JvbGxIZWlnaHQgKyAncHgnIDogJzBweCc7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBvbkNhcmRDbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIGlmICgoZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5jbG9zZXN0KCdzZGMtYnV0dG9uJykpIHJldHVybjtcbiAgICB0aGlzLmV4cGFuZENsaWNrLmVtaXQoKTtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgfVxuXG4gIG9uQ2FyZEJ1dHRvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuY2FyZEJ1dHRvbkNsaWNrLmVtaXQodGhpcy5kYXRhKTtcbiAgfVxufVxuIiwiPGRpdlxuICAoY2xpY2spPVwib25DYXJkQ2xpY2soJGV2ZW50KVwiXG4gIFtjbGFzcy5ib3JkZXItbGVmdF09XCJkYXRhLmhhc0JvcmRlclwiXG4gIGNsYXNzPVwicm93LWNhcmQgcC00IHRyYW5zaXRpb24tYWxsIGN1cnNvci1wb2ludGVyXCJcbj5cbiAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gbWQ6ZmxleC1yb3cgZ2FwLTQgYWxpZ24taXRlbXMtc3RhcnQgbWQ6YWxpZ24taXRlbXMtY2VudGVyIHctZnVsbFwiPlxuICAgIDxpICpuZ0lmPVwiaXNFeHBhbmRlZFwiIGNsYXNzPVwiZmFzIGZhLW1pbnVzXCI+PC9pPlxuICAgIDxpICpuZ0lmPVwiIWlzRXhwYW5kZWRcIiBjbGFzcz1cImZhcyBmYS1wbHVzXCI+PC9pPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4LTEgbWluLXctMFwiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInRleHQteGwgZm9udC1zZW1pYm9sZCBtYi0yIHRleHQtb3ZlcmZsb3ctZWxsaXBzaXMgd2hpdGUtc3BhY2Utbm93cmFwIG92ZXJmbG93LWhpZGRlblwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIm9wdGlvbnM/LmxlZnRUaXRsZUNvbG9yXCJcbiAgICAgID5cbiAgICAgICAge3sgZGF0YS5sZWZ0X3RpdGxlIH19XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXNtXCIgW25nQ2xhc3NdPVwib3B0aW9ucz8ubGVmdFN1YnRpdGxlQ29sb3JcIj5cbiAgICAgICAge3sgZGF0YS5sZWZ0X3N1YnRpdGxlIH19XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBtZDptbC1hdXRvIGdhcC00IHctZnVsbCBtZDp3LWF1dG8gYWxpZ24taXRlbXMtc3RhcnQgbWQ6YWxpZ24taXRlbXMtY2VudGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbHVtbiBtZDpmbGV4LXJvdyBnYXAtMiB3LWZ1bGwgbWQ6dy1hdXRvXCI+XG4gICAgICAgIDxzZGMtYnV0dG9uXG4gICAgICAgICAgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4gICAgICAgICAgKG9uQ2xpY2spPVwib25DYXJkQnV0dG9uQ2xpY2soKVwiXG4gICAgICAgICAgW3ByaW9yaXR5XT1cIm9wdGlvbnM/LmJ1dHRvblByaW9yaXR5IVwiXG4gICAgICAgICAgW2ljb25dPVwib3B0aW9ucz8uYnV0dG9uSWNvblwiXG4gICAgICAgICAgW2xhYmVsXT1cImlzTW9iaWxlID8gJycgOiAob3B0aW9ucyEuYnV0dG9uTGFiZWwhIHwgdHJhbnNsYXRlKVwiXG4gICAgICAgICAgW2NsYXNzXT1cImlzTW9iaWxlID8gJ3ctZnVsbCcgOiAndy05cmVtJ1wiXG4gICAgICAgID5cbiAgICAgICAgPC9zZGMtYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwidGV4dC1yaWdodCB0ZXh0LXNtIGZsZXggZmxleC1jb2x1bW4gZ2FwLTEgbWQ6YWxpZ24taXRlbXMtZW5kIHctZnVsbCBtZDp3LWF1dG9cIlxuICAgICAgICBzdHlsZT1cIm1pbi13aWR0aDogMTNyZW1cIlxuICAgICAgPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImZvbnQtYm9sZCB0ZXh0LTJ4bFwiIFtuZ0NsYXNzXT1cIm9wdGlvbnM/LnJpZ2h0VGl0bGVDb2xvclwiPnt7IGRhdGEucmlnaHRfdGl0bGUgfX08L3NwYW4+XG4gICAgICAgIDxzcGFuIFtuZ0NsYXNzXT1cIm9wdGlvbnM/LnJpZ2h0U3VidGl0bGVDb2xvclwiPnt7IGRhdGEucmlnaHRfc3VidGl0bGUgfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdiAjY29udGVudFdyYXBwZXIgY2xhc3M9XCJjb2xsYXBzZS13cmFwcGVyXCIgW2NsYXNzLnNob3ddPVwiaXNFeHBhbmRlZFwiIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sbGFwc2UtaW5uZXJcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkZXRhaWxUZW1wbGF0ZTsgZWxzZSBkZWZhdWx0RGV0YWlsXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRldGFpbFRlbXBsYXRlXCJcbiAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IGRhdGEsIGRhdGE6IGRhdGEgfVwiXG4gICAgICAgID48L25nLXRlbXBsYXRlPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHREZXRhaWw+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXNtIHRleHQtNzAwXCI+e3sgZGF0YS53cmFwcGVyRGV0YWlsIH19PC9kaXY+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|