@seniorsistemas/data-seniorx-core 1.4.0 → 1.5.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/esm2022/features/inputs.mjs +14 -2
- package/esm2022/features/list/list.component.mjs +3 -3
- package/esm2022/features/modal/modal.component.mjs +13 -5
- package/esm2022/features/modalc/modalc.component.mjs +54 -0
- package/esm2022/features/searchbox/searchbox.component.mjs +3 -3
- package/esm2022/features/textbox/textbox.component.mjs +8 -4
- package/esm2022/public-api.mjs +2 -1
- package/features/inputs.d.ts +5 -1
- package/features/modal/modal.component.d.ts +3 -1
- package/features/modalc/modalc.component.d.ts +20 -0
- package/fesm2022/seniorsistemas-data-seniorx-core.mjs +83 -13
- package/fesm2022/seniorsistemas-data-seniorx-core.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -12,6 +12,10 @@ export class InputsComponent {
|
|
|
12
12
|
size = undefined;
|
|
13
13
|
value = null;
|
|
14
14
|
width = false;
|
|
15
|
+
keyFilter;
|
|
16
|
+
maxlength = 100;
|
|
17
|
+
infoIcon = false;
|
|
18
|
+
tooltipIcon = '';
|
|
15
19
|
valueChange = new EventEmitter();
|
|
16
20
|
onChange = (_) => { };
|
|
17
21
|
onTouched = () => { };
|
|
@@ -73,7 +77,7 @@ export class InputsComponent {
|
|
|
73
77
|
};
|
|
74
78
|
}
|
|
75
79
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputsComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
76
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: InputsComponent, inputs: { disabled: "disabled", identity: "identity", invalid: "invalid", label: "label", message: "message", placeholder: "placeholder", required: "required", size: "size", value: "value", width: "width" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
|
|
80
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: InputsComponent, inputs: { disabled: "disabled", identity: "identity", invalid: "invalid", label: "label", message: "message", placeholder: "placeholder", required: "required", size: "size", value: "value", width: "width", keyFilter: "keyFilter", maxlength: "maxlength", infoIcon: "infoIcon", tooltipIcon: "tooltipIcon" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
|
|
77
81
|
}
|
|
78
82
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputsComponent, decorators: [{
|
|
79
83
|
type: Directive
|
|
@@ -97,7 +101,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
97
101
|
type: Input
|
|
98
102
|
}], width: [{
|
|
99
103
|
type: Input
|
|
104
|
+
}], keyFilter: [{
|
|
105
|
+
type: Input
|
|
106
|
+
}], maxlength: [{
|
|
107
|
+
type: Input
|
|
108
|
+
}], infoIcon: [{
|
|
109
|
+
type: Input
|
|
110
|
+
}], tooltipIcon: [{
|
|
111
|
+
type: Input
|
|
100
112
|
}], valueChange: [{
|
|
101
113
|
type: Output
|
|
102
114
|
}] } });
|
|
103
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
115
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGliL3NyYy9mZWF0dXJlcy9pbnB1dHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFhLGtCQUFrQixFQUFvQyxNQUFNLDhCQUE4QixDQUFDO0FBRS9HLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBR3ZFLE1BQU0sT0FBZ0IsZUFBZTtJQUMxQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBQzFCLFFBQVEsR0FBYSxFQUFFLENBQUM7SUFDeEIsT0FBTyxHQUFZLEtBQUssQ0FBQztJQUN6QixLQUFLLEdBQWtCLEtBQUssQ0FBQztJQUM3QixPQUFPLEdBQWtCLEtBQUssQ0FBQztJQUMvQixXQUFXLEdBQVcsRUFBRSxDQUFDO0lBQ3pCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsSUFBSSxHQUFTLFNBQVMsQ0FBQztJQUN2QixLQUFLLEdBQWEsSUFBSSxDQUFDO0lBQ3ZCLEtBQUssR0FBYyxLQUFLLENBQUM7SUFDekIsU0FBUyxDQUFxQjtJQUM5QixTQUFTLEdBQVksR0FBRyxDQUFDO0lBQ3pCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsV0FBVyxHQUFXLEVBQUUsQ0FBQztJQUN4QixXQUFXLEdBQTJCLElBQUksWUFBWSxFQUFZLENBQUM7SUFFN0UsUUFBUSxHQUFHLENBQUMsQ0FBTSxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFDMUIsU0FBUyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUVyQixVQUFVLENBQUMsS0FBUTtRQUNqQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUUsVUFBbUI7UUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDN0IsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUEwQjtRQUNoQyxJQUFJLEtBQUssS0FBSyxJQUFJLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQVMsQ0FBQztRQUN6QixDQUFDO2FBQU0sSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUNyQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQVUsQ0FBQztRQUMxQixDQUFDO2FBQU0sQ0FBQztZQUNOLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1lBQy9DLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQVUsQ0FBQztRQUNoQyxDQUFDO1FBRUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxTQUFTO1FBQ1AsT0FBTyxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRCxZQUFZO1FBQ1YsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDbEIsS0FBSyxPQUFPO2dCQUNWLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsQ0FBQztZQUNqRCxLQUFLLE9BQU87Z0JBQ1YsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBQ2pEO2dCQUNFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsQ0FBQztRQUNuRCxDQUFDO0lBQ0gsQ0FBQztJQUVELGFBQWE7UUFDWCxPQUFPO1lBQ0wsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ25CLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRTtTQUN2QixDQUFDO0lBQ0osQ0FBQztJQUVELGVBQWU7UUFDYixPQUFPO1lBQ0wsWUFBWSxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQzFCLFVBQVUsRUFBRSxJQUFJLENBQUMsT0FBTztTQUN6QixDQUFDO0lBQ0osQ0FBQztJQUVELHNCQUFzQjtRQUNwQixPQUFPO1lBQ0wsT0FBTyxFQUFFLElBQUk7WUFDYixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU87U0FDdEIsQ0FBQztJQUNKLENBQUM7d0dBcEZtQixlQUFlOzRGQUFmLGVBQWU7OzRGQUFmLGVBQWU7a0JBRHBDLFNBQVM7OEJBRUMsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IERpbWVuc2lvbiwgZ2V0RGltZW5zaW9uU3R5bGVzLCBPcHRpb25WYWx1ZSwgU2l6ZSwgU3RyaW5nQm9vbGVhbiB9IGZyb20gJy4uL2NvcmUvdHlwZXMvc2VtYW50aWNzLnR5cGUnO1xuaW1wb3J0IHsgSWRlbnRpdHkgfSBmcm9tICcuLi9jb3JlL3R5cGVzL2ZpZWxkcy50eXBlJztcbmltcG9ydCB7IElucHV0LCBEaXJlY3RpdmUsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIElucHV0c0NvbXBvbmVudDxFPiBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaWRlbnRpdHk6IElkZW50aXR5ID0ge307XG4gIEBJbnB1dCgpIGludmFsaWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbGFiZWw6IFN0cmluZ0Jvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbWVzc2FnZTogU3RyaW5nQm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNpemU6IFNpemUgPSB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIHZhbHVlOiBFIHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIHdpZHRoOiBEaW1lbnNpb24gPSBmYWxzZTtcbiAgQElucHV0KCkga2V5RmlsdGVyOiBSZWdFeHAgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIG1heGxlbmd0aD86IG51bWJlciA9IDEwMDtcbiAgQElucHV0KCkgaW5mb0ljb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdG9vbHRpcEljb246IHN0cmluZyA9ICcnO1xuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxFIHwgbnVsbD4gPSBuZXcgRXZlbnRFbWl0dGVyPEUgfCBudWxsPigpO1xuXG4gIG9uQ2hhbmdlID0gKF86IGFueSkgPT4ge307XG4gIG9uVG91Y2hlZCA9ICgpID0+IHt9O1xuXG4gIHdyaXRlVmFsdWUodmFsdWU6IEUpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIG9uSW5wdXQoZXZlbnQ6IEV2ZW50IHwgT3B0aW9uVmFsdWUpIHtcbiAgICBpZiAoZXZlbnQgPT09IG51bGwpIHtcbiAgICAgIHRoaXMudmFsdWUgPSBudWxsIGFzIEU7XG4gICAgfSBlbHNlIGlmICh0eXBlb2YgZXZlbnQgPT09ICdzdHJpbmcnKSB7XG4gICAgICB0aGlzLnZhbHVlID0gZXZlbnQgYXMgRTtcbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICAgIHRoaXMudmFsdWUgPSBpbnB1dC52YWx1ZSBhcyBFO1xuICAgIH1cblxuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xuICB9XG5cbiAgZ2V0U3R5bGVzKCk6IGFueSB7XG4gICAgcmV0dXJuIGdldERpbWVuc2lvblN0eWxlcygnd2lkdGgnLCB0aGlzLndpZHRoKTtcbiAgfVxuXG4gIGdldFNpemVTdHlsZSgpIHtcbiAgICBzd2l0Y2ggKHRoaXMuc2l6ZSkge1xuICAgICAgY2FzZSAnc21hbGwnOlxuICAgICAgICByZXR1cm4geyAnZm9udC1zaXplJzogJzEycHgnLCBoZWlnaHQ6ICcyOHB4JyB9O1xuICAgICAgY2FzZSAnbGFyZ2UnOlxuICAgICAgICByZXR1cm4geyAnZm9udC1zaXplJzogJzE2cHgnLCBoZWlnaHQ6ICc0NHB4JyB9O1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIHsgJ2ZvbnQtc2l6ZSc6ICcxNHB4JywgaGVpZ2h0OiAnMzZweCcgfTtcbiAgICB9XG4gIH1cblxuICBnZXRJbnB1dFN0eWxlKCk6IGFueSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIC4uLnRoaXMuZ2V0U3R5bGVzKCksXG4gICAgICAuLi50aGlzLmdldFNpemVTdHlsZSgpXG4gICAgfTtcbiAgfVxuXG4gIGdldEludmFsaWRDbGFzcygpOiBhbnkge1xuICAgIHJldHVybiB7XG4gICAgICAnbmctaW52YWxpZCc6IHRoaXMuaW52YWxpZCxcbiAgICAgICduZy1kaXJ0eSc6IHRoaXMuaW52YWxpZFxuICAgIH07XG4gIH1cblxuICBnZXRJbnZhbGlkTWVzc2FnZUNsYXNzKCk6IGFueSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG1lc3NhZ2U6IHRydWUsXG4gICAgICBpbnZhbGlkOiB0aGlzLmludmFsaWRcbiAgICB9O1xuICB9XG59XG4iXX0=
|
|
@@ -47,11 +47,11 @@ export class ListComponent {
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
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: "<p-table [value]=\"[1]\" [tableStyle]=\"getTableStyle()\">\n <ng-template #body>\n <tr *ngIf=\"loading\">\n <td colspan=\"2\" class=\"center-items\">\n <p-progress-spinner\n [style]=\"getStyle()\"\n animationDuration=\".5s\"\n fill=\"transparent\"\n strokeWidth=\"8\"\n />\n </td>\n </tr>\n <tr *ngIf=\"isEmpty()\">\n <td colspan=\"2\" class=\"center-items\">\n {{ 'platform.datacore.empty_list' | translate }}\n </td>\n </tr>\n <tr *ngFor=\"let item of dataItems\">\n <td class=\"row\">\n <div class=\"content\">\n {{ item.content }} \n </div>\n <div class=\"actions\">\n <p-button\n *ngFor=\"let action of dataActions\"\n (onClick)=\"action.action && action.action(action.name, item.id)\"\n [disabled]=\"action.disabled\"\n [icon]=\"action.icon\"\n [label]=\"action.label\"\n [severity]=\"action.severity\"\n pTooltip=\"{{ action.tooltip ?? ''}}\"\n size=\"small\"\n />\n </div>\n </td>\n </tr>\n </ng-template>\n</p-table>", styles: [".row{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.row>.content{flex:1}.row>.actions{flex:0;display:flex;flex-wrap:nowrap;gap:5px}.center-items{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;width:100%}\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"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i3.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i4.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
|
|
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: "<p-table [value]=\"[1]\" [tableStyle]=\"getTableStyle()\">\n <ng-template #body>\n <tr *ngIf=\"loading\">\n <td colspan=\"2\" class=\"center-items\">\n <p-progress-spinner\n [style]=\"getStyle()\"\n animationDuration=\".5s\"\n fill=\"transparent\"\n strokeWidth=\"8\"\n />\n </td>\n </tr>\n <tr *ngIf=\"isEmpty()\">\n <td colspan=\"2\" class=\"center-items\">\n {{ 'platform.datacore.empty_list' | translate }}\n </td>\n </tr>\n <tr *ngFor=\"let item of dataItems\">\n <td class=\"row\">\n <div class=\"content\">\n {{ item.content }} \n </div>\n <div class=\"actions\">\n <p-button\n *ngFor=\"let action of dataActions\"\n (onClick)=\"action.action && action.action(action.name, item.id)\"\n [disabled]=\"action.disabled\"\n [icon]=\"action.icon\"\n [label]=\"action.label\"\n [severity]=\"action.severity\"\n pTooltip=\"{{ action.tooltip ?? ''}}\"\n tooltipZIndex=\"9999999\"\n size=\"small\"\n />\n </div>\n </td>\n </tr>\n </ng-template>\n</p-table>", styles: [".row{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.row>.content{flex:1}.row>.actions{flex:0;display:flex;flex-wrap:nowrap;gap:5px}.center-items{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;width:100%}\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"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i3.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i4.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
54
|
-
args: [{ imports: [ButtonModule, CommonModule, ProgressSpinnerModule, TableModule, TooltipModule, TranslateModule], standalone: true, selector: 'sdc-list', template: "<p-table [value]=\"[1]\" [tableStyle]=\"getTableStyle()\">\n <ng-template #body>\n <tr *ngIf=\"loading\">\n <td colspan=\"2\" class=\"center-items\">\n <p-progress-spinner\n [style]=\"getStyle()\"\n animationDuration=\".5s\"\n fill=\"transparent\"\n strokeWidth=\"8\"\n />\n </td>\n </tr>\n <tr *ngIf=\"isEmpty()\">\n <td colspan=\"2\" class=\"center-items\">\n {{ 'platform.datacore.empty_list' | translate }}\n </td>\n </tr>\n <tr *ngFor=\"let item of dataItems\">\n <td class=\"row\">\n <div class=\"content\">\n {{ item.content }} \n </div>\n <div class=\"actions\">\n <p-button\n *ngFor=\"let action of dataActions\"\n (onClick)=\"action.action && action.action(action.name, item.id)\"\n [disabled]=\"action.disabled\"\n [icon]=\"action.icon\"\n [label]=\"action.label\"\n [severity]=\"action.severity\"\n pTooltip=\"{{ action.tooltip ?? ''}}\"\n size=\"small\"\n />\n </div>\n </td>\n </tr>\n </ng-template>\n</p-table>", styles: [".row{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.row>.content{flex:1}.row>.actions{flex:0;display:flex;flex-wrap:nowrap;gap:5px}.center-items{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;width:100%}\n"] }]
|
|
54
|
+
args: [{ imports: [ButtonModule, CommonModule, ProgressSpinnerModule, TableModule, TooltipModule, TranslateModule], standalone: true, selector: 'sdc-list', template: "<p-table [value]=\"[1]\" [tableStyle]=\"getTableStyle()\">\n <ng-template #body>\n <tr *ngIf=\"loading\">\n <td colspan=\"2\" class=\"center-items\">\n <p-progress-spinner\n [style]=\"getStyle()\"\n animationDuration=\".5s\"\n fill=\"transparent\"\n strokeWidth=\"8\"\n />\n </td>\n </tr>\n <tr *ngIf=\"isEmpty()\">\n <td colspan=\"2\" class=\"center-items\">\n {{ 'platform.datacore.empty_list' | translate }}\n </td>\n </tr>\n <tr *ngFor=\"let item of dataItems\">\n <td class=\"row\">\n <div class=\"content\">\n {{ item.content }} \n </div>\n <div class=\"actions\">\n <p-button\n *ngFor=\"let action of dataActions\"\n (onClick)=\"action.action && action.action(action.name, item.id)\"\n [disabled]=\"action.disabled\"\n [icon]=\"action.icon\"\n [label]=\"action.label\"\n [severity]=\"action.severity\"\n pTooltip=\"{{ action.tooltip ?? ''}}\"\n tooltipZIndex=\"9999999\"\n size=\"small\"\n />\n </div>\n </td>\n </tr>\n </ng-template>\n</p-table>", styles: [".row{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.row>.content{flex:1}.row>.actions{flex:0;display:flex;flex-wrap:nowrap;gap:5px}.center-items{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;width:100%}\n"] }]
|
|
55
55
|
}], propDecorators: { loading: [{
|
|
56
56
|
type: Input
|
|
57
57
|
}], items: [{
|
|
@@ -59,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
59
59
|
}], actions: [{
|
|
60
60
|
type: Input
|
|
61
61
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL2xpc3QvbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL2xpc3QvbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7Ozs7QUFTdEQsTUFBTSxPQUFPLGFBQWE7SUFDakIsU0FBUyxHQUFlLEVBQUUsQ0FBQztJQUMzQixXQUFXLEdBQXFCLEVBQUUsQ0FBQztJQUVqQyxPQUFPLEdBQVksS0FBSyxDQUFDO0lBRWxDLElBQWEsS0FBSyxDQUFDLEtBQTBCO1FBQzNDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBVyxLQUFLLElBQUksRUFBRSxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUVELElBQWEsT0FBTyxDQUFDLEtBQWdDO1FBQ25ELElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBaUIsS0FBSyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxhQUFhO1FBQ1gsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsT0FBTztRQUNMLE9BQU8sSUFBSSxDQUFDLFNBQVMsRUFBRSxNQUFNLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssS0FBSyxDQUFDO0lBQ2hFLENBQUM7SUFFRCxRQUFRO1FBQ04sT0FBTztZQUNMLEtBQUssRUFBRSxNQUFNO1lBQ2IsTUFBTSxFQUFFLE1BQU07U0FDZixDQUFDO0lBQ0osQ0FBQztJQUVPLFVBQVUsQ0FBSSxLQUFtQjtRQUN2QyxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQztZQUN6QixPQUFPLEtBQUssQ0FBQztRQUNmLENBQUM7UUFFRCxJQUFJLENBQUM7WUFDSCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFRLENBQUM7UUFDbEMsQ0FBQztRQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7WUFDWCxPQUFPLENBQUMsSUFBSSxDQUFDLGtDQUFrQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztZQUMzRCxPQUFPLEVBQUUsQ0FBQztRQUNaLENBQUM7SUFDSCxDQUFDO3dHQXhDVSxhQUFhOzRGQUFiLGFBQWEsd0lDaEIxQiw4K0NBc0NVLGtVRDVCRSxZQUFZLGliQUFFLFlBQVksK1BBQUUscUJBQXFCLCtPQUFFLFdBQVcsMitEQUFFLGFBQWEscVhBQUUsZUFBZTs7NEZBTTdGLGFBQWE7a0JBUHpCLFNBQVM7OEJBQ0MsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLHFCQUFxQixFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDLGNBQzdGLElBQUksWUFDTixVQUFVOzhCQVFYLE9BQU87c0JBQWYsS0FBSztnQkFFTyxLQUFLO3NCQUFqQixLQUFLO2dCQUlPLE9BQU87c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b25Nb2R1bGUgfSBmcm9tICdwcmltZW5nL2J1dHRvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGlzdEl0ZW0sIExpc3RJdGVtQWN0aW9uIH0gZnJvbSAnLi4vLi4vY29yZS90eXBlcy9saXN0cy50eXBlJztcbmltcG9ydCB7IFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvcHJvZ3Jlc3NzcGlubmVyJztcbmltcG9ydCB7IFRhYmxlTW9kdWxlIH0gZnJvbSAncHJpbWVuZy90YWJsZSc7XG5pbXBvcnQgeyBUb29sdGlwTW9kdWxlIH0gZnJvbSAncHJpbWVuZy90b29sdGlwJztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgaW1wb3J0czogW0J1dHRvbk1vZHVsZSwgQ29tbW9uTW9kdWxlLCBQcm9ncmVzc1NwaW5uZXJNb2R1bGUsIFRhYmxlTW9kdWxlLCBUb29sdGlwTW9kdWxlLCBUcmFuc2xhdGVNb2R1bGVdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ3NkYy1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vbGlzdC5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgTGlzdENvbXBvbmVudCB7XG4gIHB1YmxpYyBkYXRhSXRlbXM6IExpc3RJdGVtW10gPSBbXTtcbiAgcHVibGljIGRhdGFBY3Rpb25zOiBMaXN0SXRlbUFjdGlvbltdID0gW107XG5cbiAgQElucHV0KCkgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIHNldCBpdGVtcyh2YWx1ZTogTGlzdEl0ZW1bXSB8IHN0cmluZykge1xuICAgIHRoaXMuZGF0YUl0ZW1zID0gdGhpcy5wYXJzZUFycmF5PExpc3RJdGVtPih2YWx1ZSA/PyBbXSk7XG4gIH1cblxuICBASW5wdXQoKSBzZXQgYWN0aW9ucyh2YWx1ZTogTGlzdEl0ZW1BY3Rpb25bXSB8IHN0cmluZykge1xuICAgIHRoaXMuZGF0YUFjdGlvbnMgPSB0aGlzLnBhcnNlQXJyYXk8TGlzdEl0ZW1BY3Rpb24+KHZhbHVlID8/IFtdKTtcbiAgfVxuXG4gIGdldFRhYmxlU3R5bGUoKTogYW55IHtcbiAgICByZXR1cm4geyB3aWR0aDogJzEwMCUnIH07XG4gIH1cblxuICBpc0VtcHR5KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmRhdGFJdGVtcz8ubGVuZ3RoID09PSAwICYmIHRoaXMubG9hZGluZyA9PT0gZmFsc2U7XG4gIH1cblxuICBnZXRTdHlsZSgpOiBhbnkge1xuICAgIHJldHVybiB7XG4gICAgICB3aWR0aDogJzMwcHgnLFxuICAgICAgaGVpZ2h0OiAnMzBweCdcbiAgICB9O1xuICB9XG5cbiAgcHJpdmF0ZSBwYXJzZUFycmF5PFQ+KHZhbHVlOiBUW10gfCBzdHJpbmcpOiBUW10ge1xuICAgIGlmIChBcnJheS5pc0FycmF5KHZhbHVlKSkge1xuICAgICAgcmV0dXJuIHZhbHVlO1xuICAgIH1cblxuICAgIHRyeSB7XG4gICAgICByZXR1cm4gSlNPTi5wYXJzZSh2YWx1ZSkgYXMgVFtdO1xuICAgIH0gY2F0Y2ggKGUpIHtcbiAgICAgIGNvbnNvbGUud2FybignRXJyb3IgY29udmVydGluZyB2YWx1ZSB0byBhcnJheTonLCB2YWx1ZSwgZSk7XG4gICAgICByZXR1cm4gW107XG4gICAgfVxuICB9XG59XG4iLCI8cC10YWJsZSBbdmFsdWVdPVwiWzFdXCIgW3RhYmxlU3R5bGVdPVwiZ2V0VGFibGVTdHlsZSgpXCI+XG4gICAgPG5nLXRlbXBsYXRlICNib2R5PlxuICAgICAgICA8dHIgKm5nSWY9XCJsb2FkaW5nXCI+XG4gICAgICAgICAgICA8dGQgY29sc3Bhbj1cIjJcIiBjbGFzcz1cImNlbnRlci1pdGVtc1wiPlxuICAgICAgICAgICAgICAgIDxwLXByb2dyZXNzLXNwaW5uZXJcbiAgICAgICAgICAgICAgICAgICAgW3N0eWxlXT1cImdldFN0eWxlKClcIlxuICAgICAgICAgICAgICAgICAgICBhbmltYXRpb25EdXJhdGlvbj1cIi41c1wiXG4gICAgICAgICAgICAgICAgICAgIGZpbGw9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZVdpZHRoPVwiOFwiXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L3RkPlxuICAgICAgICA8L3RyPlxuICAgICAgICA8dHIgKm5nSWY9XCJpc0VtcHR5KClcIj5cbiAgICAgICAgICAgIDx0ZCBjb2xzcGFuPVwiMlwiIGNsYXNzPVwiY2VudGVyLWl0ZW1zXCI+XG4gICAgICAgICAgICAgICAge3sgJ3BsYXRmb3JtLmRhdGFjb3JlLmVtcHR5X2xpc3QnIHwgdHJhbnNsYXRlIH19XG4gICAgICAgICAgICA8L3RkPlxuICAgICAgICA8L3RyPlxuICAgICAgICA8dHIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YUl0ZW1zXCI+XG4gICAgICAgICAgICA8dGQgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxuICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLmNvbnRlbnQgfX0gXG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFjdGlvbnNcIj5cbiAgICAgICAgICAgICAgICAgICAgPHAtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgYWN0aW9uIG9mIGRhdGFBY3Rpb25zXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cImFjdGlvbi5hY3Rpb24gJiYgYWN0aW9uLmFjdGlvbihhY3Rpb24ubmFtZSwgaXRlbS5pZClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImFjdGlvbi5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJhY3Rpb24uaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiYWN0aW9uLmxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtzZXZlcml0eV09XCJhY3Rpb24uc2V2ZXJpdHlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgcFRvb2x0aXA9XCJ7eyBhY3Rpb24udG9vbHRpcCA/PyAnJ319XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHRvb2x0aXBaSW5kZXg9XCI5OTk5OTk5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L3RkPlxuICAgICAgICA8L3RyPlxuICAgIDwvbmctdGVtcGxhdGU+XG48L3AtdGFibGU+Il19
|
|
@@ -12,6 +12,7 @@ import * as i4 from "primeng/dialog";
|
|
|
12
12
|
export class ModalComponent {
|
|
13
13
|
$visible = false;
|
|
14
14
|
modal;
|
|
15
|
+
onHide = new EventEmitter();
|
|
15
16
|
footerButtons = [];
|
|
16
17
|
header = 'Modal Header';
|
|
17
18
|
height = false;
|
|
@@ -23,7 +24,7 @@ export class ModalComponent {
|
|
|
23
24
|
zIndex = 99999;
|
|
24
25
|
set visible(value) {
|
|
25
26
|
this.$visible = value;
|
|
26
|
-
this.visibleChange.emit(
|
|
27
|
+
this.visibleChange.emit(value);
|
|
27
28
|
this.maximizeModal();
|
|
28
29
|
fixDialogMask(value, this.zIndex, this.modal);
|
|
29
30
|
}
|
|
@@ -37,20 +38,27 @@ export class ModalComponent {
|
|
|
37
38
|
...getDimensionStyles('height', this.height)
|
|
38
39
|
};
|
|
39
40
|
}
|
|
41
|
+
onHideHandler() {
|
|
42
|
+
this.visible = false;
|
|
43
|
+
this.visibleChange.emit(this.visible);
|
|
44
|
+
this.onHide.emit();
|
|
45
|
+
}
|
|
40
46
|
maximizeModal() {
|
|
41
|
-
if (this.visible && this.
|
|
47
|
+
if (this.visible && this.maximize) {
|
|
42
48
|
this.modal.maximize();
|
|
43
49
|
}
|
|
44
50
|
}
|
|
45
51
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
-
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: { 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 #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"] }] });
|
|
47
53
|
}
|
|
48
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, decorators: [{
|
|
49
55
|
type: Component,
|
|
50
|
-
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 #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', 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"] }]
|
|
51
57
|
}], propDecorators: { modal: [{
|
|
52
58
|
type: ViewChild,
|
|
53
59
|
args: ['modal']
|
|
60
|
+
}], onHide: [{
|
|
61
|
+
type: Output
|
|
54
62
|
}], footerButtons: [{
|
|
55
63
|
type: Input
|
|
56
64
|
}], header: [{
|
|
@@ -74,4 +82,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
74
82
|
}], visibleChange: [{
|
|
75
83
|
type: Output
|
|
76
84
|
}] } });
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9mZWF0dXJlcy9tb2RhbC9tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL21vZGFsL21vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzlDLE9BQU8sRUFBYSxrQkFBa0IsRUFBZSxNQUFNLGtCQUFrQixDQUFDO0FBQzlFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7O0FBUzVELE1BQU0sT0FBTyxjQUFjO0lBQ2pCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFFZCxLQUFLLENBQU07SUFFckIsTUFBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFFbkMsYUFBYSxHQUFrQixFQUFFLENBQUM7SUFDbEMsTUFBTSxHQUFXLGNBQWMsQ0FBQztJQUNoQyxNQUFNLEdBQWMsS0FBSyxDQUFDO0lBQzFCLFdBQVcsR0FBWSxLQUFLLENBQUM7SUFDN0IsUUFBUSxHQUFZLEtBQUssQ0FBQztJQUMxQixTQUFTLEdBQVksS0FBSyxDQUFDO0lBQzNCLFVBQVUsR0FBWSxLQUFLLENBQUM7SUFDNUIsS0FBSyxHQUFjLEtBQUssQ0FBQztJQUN6QixNQUFNLEdBQVcsS0FBSyxDQUFDO0lBRWhDLElBQWEsT0FBTyxDQUFDLEtBQWM7UUFDakMsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3JCLGFBQWEsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBRVMsYUFBYSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFdEQsUUFBUTtRQUNOLE9BQU87WUFDTCxHQUFHLGtCQUFrQixDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDO1lBQzFDLEdBQUcsa0JBQWtCLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUM7U0FDN0MsQ0FBQztJQUNKLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDckIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVPLGFBQWE7UUFDbkIsSUFBSSxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ3hCLENBQUM7SUFDSCxDQUFDO3dHQS9DVSxjQUFjOzRGQUFkLGNBQWMsOGNDZDNCLDgwQkE0QkEsc0pEcEJZLFlBQVksd2hCQUFFLFlBQVksMkpBQUUsWUFBWTs7NEZBTXZDLGNBQWM7a0JBUDFCLFNBQVM7OEJBQ0MsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLFlBQVksQ0FBQyxjQUN2QyxJQUFJLFlBQ04sV0FBVzs4QkFPRCxLQUFLO3NCQUF4QixTQUFTO3VCQUFDLE9BQU87Z0JBRVIsTUFBTTtzQkFBZixNQUFNO2dCQUVFLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRU8sT0FBTztzQkFBbkIsS0FBSztnQkFXSSxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9idXR0b24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpYWxvZ01vZHVsZSB9IGZyb20gJ3ByaW1lbmcvZGlhbG9nJztcbmltcG9ydCB7IERpbWVuc2lvbiwgZ2V0RGltZW5zaW9uU3R5bGVzLCBNb2RhbEJ1dHRvbiB9IGZyb20gJy4uLy4uL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgZml4RGlhbG9nTWFzayB9IGZyb20gJy4uLy4uL2NvcmUvZml4ZXMvZml4LXppbmRleCc7XG5cbkBDb21wb25lbnQoe1xuICBpbXBvcnRzOiBbQnV0dG9uTW9kdWxlLCBDb21tb25Nb2R1bGUsIERpYWxvZ01vZHVsZV0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnc2RjLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL21vZGFsLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBNb2RhbENvbXBvbmVudCB7XG4gIHByaXZhdGUgJHZpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAVmlld0NoaWxkKCdtb2RhbCcpIG1vZGFsOiBhbnk7XG5cbiAgQE91dHB1dCgpIG9uSGlkZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBASW5wdXQoKSBmb290ZXJCdXR0b25zOiBNb2RhbEJ1dHRvbltdID0gW107XG4gIEBJbnB1dCgpIGhlYWRlcjogc3RyaW5nID0gJ01vZGFsIEhlYWRlcic7XG4gIEBJbnB1dCgpIGhlaWdodDogRGltZW5zaW9uID0gZmFsc2U7XG4gIEBJbnB1dCgpIG1heGltaXphYmxlOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIG1heGltaXplOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJlc2l6YWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSByZXNwb25zaXZlOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHdpZHRoOiBEaW1lbnNpb24gPSBmYWxzZTtcbiAgQElucHV0KCkgekluZGV4OiBudW1iZXIgPSA5OTk5OTtcblxuICBASW5wdXQoKSBzZXQgdmlzaWJsZSh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuJHZpc2libGUgPSB2YWx1ZTtcbiAgICB0aGlzLnZpc2libGVDaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gICAgdGhpcy5tYXhpbWl6ZU1vZGFsKCk7XG4gICAgZml4RGlhbG9nTWFzayh2YWx1ZSwgdGhpcy56SW5kZXgsIHRoaXMubW9kYWwpO1xuICB9XG5cbiAgZ2V0IHZpc2libGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuJHZpc2libGU7XG4gIH1cblxuICBAT3V0cHV0KCkgdmlzaWJsZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBnZXRTdHlsZSgpOiBhbnkge1xuICAgIHJldHVybiB7XG4gICAgICAuLi5nZXREaW1lbnNpb25TdHlsZXMoJ3dpZHRoJywgdGhpcy53aWR0aCksXG4gICAgICAuLi5nZXREaW1lbnNpb25TdHlsZXMoJ2hlaWdodCcsIHRoaXMuaGVpZ2h0KVxuICAgIH07XG4gIH1cblxuICBvbkhpZGVIYW5kbGVyKCk6IHZvaWQge1xuICAgIHRoaXMudmlzaWJsZSA9IGZhbHNlO1xuICAgIHRoaXMudmlzaWJsZUNoYW5nZS5lbWl0KHRoaXMudmlzaWJsZSk7XG4gICAgdGhpcy5vbkhpZGUuZW1pdCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBtYXhpbWl6ZU1vZGFsKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnZpc2libGUgJiYgdGhpcy5tYXhpbWl6ZSkge1xuICAgICAgdGhpcy5tb2RhbC5tYXhpbWl6ZSgpO1xuICAgIH1cbiAgfVxufVxuIiwiPHAtZGlhbG9nXG4gICAgWyh2aXNpYmxlKV09XCJ2aXNpYmxlXCJcbiAgICBbY29udGVudFN0eWxlXT1cImdldFN0eWxlKClcIlxuICAgIFtkcmFnZ2FibGVdPVwiZmFsc2VcIlxuICAgIFtoZWFkZXJdPVwiaGVhZGVyXCJcbiAgICBbbWF4aW1pemFibGVdPVwibWF4aW1pemFibGVcIlxuICAgIFttb2RhbF09XCJ0cnVlXCJcbiAgICBbcmVzaXphYmxlXT1cInJlc2l6YWJsZVwiXG4gICAgW3Jlc3BvbnNpdmVdPVwicmVzcG9uc2l2ZVwiXG4gICAgKG9uSGlkZSk9XCJvbkhpZGVIYW5kbGVyKClcIlxuICAgIGFwcGVuZFRvPVwiYm9keVwiXG4gICAgI21vZGFsXG4+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJmb290ZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvb3RlclwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Zvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgICA8cC1idXR0b25cbiAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgYnRuIG9mIGZvb3RlckJ1dHRvbnNcIlxuICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cImJ0bi5hY3Rpb24oKVwiXG4gICAgICAgICAgICAgICAgW2ljb25dPVwiYnRuLmljb25cIlxuICAgICAgICAgICAgICAgIFtpZF09XCJidG4uaWRcIlxuICAgICAgICAgICAgICAgIFtsYWJlbF09XCJidG4ubGFiZWxcIlxuICAgICAgICAgICAgICAgIFtzZXZlcml0eV09XCJidG4uc2V2ZXJpdHkgPz8gJ3ByaW1hcnknXCJcbiAgICAgICAgICAgID48L3AtYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9wLWRpYWxvZz5cbiJdfQ==
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
3
|
+
import { ButtonModule } from 'primeng/button';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "primeng/button";
|
|
6
|
+
import * as i2 from "@angular/common";
|
|
7
|
+
export class ModalcComponent {
|
|
8
|
+
visible = false;
|
|
9
|
+
title = 'Modal Title';
|
|
10
|
+
footerButtons = [];
|
|
11
|
+
maximizable = false;
|
|
12
|
+
visibleChange = new EventEmitter();
|
|
13
|
+
$fullscreen = true;
|
|
14
|
+
set fullscreen(value) {
|
|
15
|
+
this.$fullscreen = value;
|
|
16
|
+
}
|
|
17
|
+
get fullscreen() {
|
|
18
|
+
return this.$fullscreen;
|
|
19
|
+
}
|
|
20
|
+
escListener = (event) => {
|
|
21
|
+
if (event.key === 'Escape' && this.visible) {
|
|
22
|
+
this.close();
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
ngOnInit() {
|
|
26
|
+
window.addEventListener('keydown', this.escListener);
|
|
27
|
+
}
|
|
28
|
+
ngOnDestroy() {
|
|
29
|
+
window.removeEventListener('keydown', this.escListener);
|
|
30
|
+
}
|
|
31
|
+
toggleFullscreen() {
|
|
32
|
+
this.$fullscreen = !this.$fullscreen;
|
|
33
|
+
}
|
|
34
|
+
close() {
|
|
35
|
+
this.visibleChange.emit(false);
|
|
36
|
+
}
|
|
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: { visible: "visible", title: "title", footerButtons: "footerButtons", maximizable: "maximizable" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<section *ngIf=\"visible\" class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-title\">\n <div class=\"modal-container\" [ngClass]=\"{ 'fullscreen': fullscreen }\">\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 <main class=\"modal-body\">\n <ng-content></ng-content>\n </main>\n <footer class=\"modal-footer\">\n <div class=\"footer-actions\">\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 </footer>\n </div>\n</section>", 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
39
|
+
}
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalcComponent, decorators: [{
|
|
41
|
+
type: Component,
|
|
42
|
+
args: [{ selector: 'sdc-modalc', standalone: true, imports: [ButtonModule, CommonModule], template: "<section *ngIf=\"visible\" class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-title\">\n <div class=\"modal-container\" [ngClass]=\"{ 'fullscreen': fullscreen }\">\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 <main class=\"modal-body\">\n <ng-content></ng-content>\n </main>\n <footer class=\"modal-footer\">\n <div class=\"footer-actions\">\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 </footer>\n </div>\n</section>", 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"] }]
|
|
43
|
+
}], propDecorators: { visible: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], title: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], footerButtons: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], maximizable: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], visibleChange: [{
|
|
52
|
+
type: Output
|
|
53
|
+
}] } });
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWxjLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvZmVhdHVyZXMvbW9kYWxjL21vZGFsYy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL21vZGFsYy9tb2RhbGMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBRTFGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVM5QyxNQUFNLE9BQU8sZUFBZTtJQUNqQixPQUFPLEdBQVksS0FBSyxDQUFDO0lBQ3pCLEtBQUssR0FBVyxhQUFhLENBQUM7SUFDOUIsYUFBYSxHQUFrQixFQUFFLENBQUM7SUFDbEMsV0FBVyxHQUFZLEtBQUssQ0FBQztJQUM1QixhQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUV0RCxXQUFXLEdBQVksSUFBSSxDQUFDO0lBRTVCLElBQUksVUFBVSxDQUFDLEtBQWM7UUFDM0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksVUFBVTtRQUNaLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUMxQixDQUFDO0lBRU8sV0FBVyxHQUFHLENBQUMsS0FBb0IsRUFBRSxFQUFFO1FBQzdDLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxRQUFRLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQzNDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNmLENBQUM7SUFDSCxDQUFDLENBQUM7SUFFRixRQUFRO1FBQ04sTUFBTSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVELFdBQVc7UUFDVCxNQUFNLENBQUMsbUJBQW1CLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUMxRCxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDdkMsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO3dHQXJDVSxlQUFlOzRGQUFmLGVBQWUsK05DWjVCLG9xQ0E4QlUsdTRERHRCRSxZQUFZLGliQUFFLFlBQVk7OzRGQUl6QixlQUFlO2tCQVAzQixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsWUFBWSxDQUFDOzhCQUs1QixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxCdXR0b24gfSBmcm9tICdsaWIvc3JjL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZGMtbW9kYWxjJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0J1dHRvbk1vZHVsZSwgQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsYy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21vZGFsYy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsY0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KCkgdmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gJ01vZGFsIFRpdGxlJztcbiAgQElucHV0KCkgZm9vdGVyQnV0dG9uczogTW9kYWxCdXR0b25bXSA9IFtdO1xuICBASW5wdXQoKSBtYXhpbWl6YWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICBAT3V0cHV0KCkgdmlzaWJsZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAkZnVsbHNjcmVlbjogYm9vbGVhbiA9IHRydWU7XG5cbiAgc2V0IGZ1bGxzY3JlZW4odmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLiRmdWxsc2NyZWVuID0gdmFsdWU7XG4gIH1cblxuICBnZXQgZnVsbHNjcmVlbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy4kZnVsbHNjcmVlbjtcbiAgfVxuXG4gIHByaXZhdGUgZXNjTGlzdGVuZXIgPSAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJyAmJiB0aGlzLnZpc2libGUpIHtcbiAgICAgIHRoaXMuY2xvc2UoKTtcbiAgICB9XG4gIH07XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCB0aGlzLmVzY0xpc3RlbmVyKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdrZXlkb3duJywgdGhpcy5lc2NMaXN0ZW5lcik7XG4gIH1cblxuICB0b2dnbGVGdWxsc2NyZWVuKCk6IHZvaWQge1xuICAgIHRoaXMuJGZ1bGxzY3JlZW4gPSAhdGhpcy4kZnVsbHNjcmVlbjtcbiAgfVxuXG4gIGNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMudmlzaWJsZUNoYW5nZS5lbWl0KGZhbHNlKTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gKm5nSWY9XCJ2aXNpYmxlXCIgY2xhc3M9XCJtb2RhbFwiIHJvbGU9XCJkaWFsb2dcIiBhcmlhLW1vZGFsPVwidHJ1ZVwiIGFyaWEtbGFiZWxsZWRieT1cIm1vZGFsLXRpdGxlXCI+XG4gIDxkaXYgY2xhc3M9XCJtb2RhbC1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7ICdmdWxsc2NyZWVuJzogZnVsbHNjcmVlbiB9XCI+XG4gICAgPGhlYWRlciBjbGFzcz1cIm1vZGFsLWhlYWRlclwiPlxuICAgICAgPGgyIGlkPVwibW9kYWwtdGl0bGVcIj57eyB0aXRsZSB9fTwvaDI+XG4gICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYWN0aW9uc1wiPlxuICAgICAgICA8YnV0dG9uICpuZ0lmPVwibWF4aW1pemFibGVcIiBjbGFzcz1cImV4cGFuZC1idXR0b25cIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cInRvZ2dsZUZ1bGxzY3JlZW4oKVwiPlxuICAgICAgICAgIDxpIGNsYXNzPVwiZmFsIGZhLWV4cGFuZC1hcnJvd3NcIj48L2k+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwiY2xvc2UtYnV0dG9uXCIgdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJjbG9zZSgpXCI+XG4gICAgICAgICAgPGkgY2xhc3M9XCJmYWwgZmEtdGltZXNcIj48L2k+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9oZWFkZXI+XG4gICAgPG1haW4gY2xhc3M9XCJtb2RhbC1ib2R5XCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9tYWluPlxuICAgIDxmb290ZXIgY2xhc3M9XCJtb2RhbC1mb290ZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmb290ZXItYWN0aW9uc1wiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZm9vdGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPHAtYnV0dG9uXG4gICAgICAgICAgKm5nRm9yPVwibGV0IGJ0biBvZiBmb290ZXJCdXR0b25zXCJcbiAgICAgICAgICAob25DbGljayk9XCJidG4uYWN0aW9uKClcIlxuICAgICAgICAgIFtpY29uXT1cImJ0bi5pY29uXCJcbiAgICAgICAgICBbaWRdPVwiYnRuLmlkXCJcbiAgICAgICAgICBbbGFiZWxdPVwiYnRuLmxhYmVsXCJcbiAgICAgICAgICBbc2V2ZXJpdHldPVwiYnRuLnNldmVyaXR5ID8/ICdwcmltYXJ5J1wiXG4gICAgICAgID48L3AtYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9mb290ZXI+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPiJdfQ==
|
|
@@ -33,7 +33,7 @@ export class SearchboxComponent {
|
|
|
33
33
|
this.clearEvent.emit();
|
|
34
34
|
}
|
|
35
35
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchboxComponent, isStandalone: true, selector: "sdc-searchbox", inputs: { width: "width", disabled: "disabled", placeholder: "placeholder" }, outputs: { searchEvent: "onSearch", clearEvent: "onClear" }, ngImport: i0, template: "<p-inputgroup [ngStyle]=\"getStyles()\" >\n <input\n (keyup.enter)=\"onSearch()\"\n (keyup.esc)=\"onClear()\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n [placeholder]=\" placeholder || ('platform.datacore.search' | translate)\"\n pInputText\n type=\"text\"\n />\n\n <p-inputgroup-addon>\n <p-button\n (onClick)=\"onClear()\"\n [disabled]=\"disabled\" \n icon=\"fas fa-times\"\n severity=\"secondary\"\n />\n </p-inputgroup-addon>\n\n <p-inputgroup-addon>\n <p-button\n (onClick)=\"onSearch()\"\n [disabled]=\"disabled\"\n icon=\"fas fa-search\"\n severity=\"secondary\"\n />\n </p-inputgroup-addon>\n</p-inputgroup>\n", styles: [""], 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i4.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i5.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
|
|
36
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchboxComponent, isStandalone: true, selector: "sdc-searchbox", inputs: { width: "width", disabled: "disabled", placeholder: "placeholder" }, outputs: { searchEvent: "onSearch", clearEvent: "onClear" }, ngImport: i0, template: "<p-inputgroup [ngStyle]=\"getStyles()\" >\n <input\n (keyup.enter)=\"onSearch()\"\n (keyup.esc)=\"onClear()\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n [placeholder]=\" placeholder || ('platform.datacore.search' | translate)\"\n pInputText\n type=\"text\"\n />\n\n <p-inputgroup-addon>\n <p-button\n class=\"height-100\"\n (onClick)=\"onClear()\"\n [disabled]=\"disabled\" \n icon=\"fas fa-times\"\n severity=\"secondary\"\n />\n </p-inputgroup-addon>\n\n <p-inputgroup-addon>\n <p-button\n class=\"height-100\"\n (onClick)=\"onSearch()\"\n [disabled]=\"disabled\"\n icon=\"fas fa-search\"\n severity=\"secondary\"\n />\n </p-inputgroup-addon>\n</p-inputgroup>\n", styles: [".height-100{height:100%}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i4.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i5.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
|
|
37
37
|
}
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchboxComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
@@ -46,7 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
46
46
|
InputTextModule,
|
|
47
47
|
ReactiveFormsModule,
|
|
48
48
|
TranslateModule
|
|
49
|
-
], standalone: true, selector: 'sdc-searchbox', template: "<p-inputgroup [ngStyle]=\"getStyles()\" >\n <input\n (keyup.enter)=\"onSearch()\"\n (keyup.esc)=\"onClear()\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n [placeholder]=\" placeholder || ('platform.datacore.search' | translate)\"\n pInputText\n type=\"text\"\n />\n\n <p-inputgroup-addon>\n <p-button\n (onClick)=\"onClear()\"\n [disabled]=\"disabled\" \n icon=\"fas fa-times\"\n severity=\"secondary\"\n />\n </p-inputgroup-addon>\n\n <p-inputgroup-addon>\n <p-button\n (onClick)=\"onSearch()\"\n [disabled]=\"disabled\"\n icon=\"fas fa-search\"\n severity=\"secondary\"\n />\n </p-inputgroup-addon>\n</p-inputgroup>\n" }]
|
|
49
|
+
], standalone: true, selector: 'sdc-searchbox', template: "<p-inputgroup [ngStyle]=\"getStyles()\" >\n <input\n (keyup.enter)=\"onSearch()\"\n (keyup.esc)=\"onClear()\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n [placeholder]=\" placeholder || ('platform.datacore.search' | translate)\"\n pInputText\n type=\"text\"\n />\n\n <p-inputgroup-addon>\n <p-button\n class=\"height-100\"\n (onClick)=\"onClear()\"\n [disabled]=\"disabled\" \n icon=\"fas fa-times\"\n severity=\"secondary\"\n />\n </p-inputgroup-addon>\n\n <p-inputgroup-addon>\n <p-button\n class=\"height-100\"\n (onClick)=\"onSearch()\"\n [disabled]=\"disabled\"\n icon=\"fas fa-search\"\n severity=\"secondary\"\n />\n </p-inputgroup-addon>\n</p-inputgroup>\n", styles: [".height-100{height:100%}\n"] }]
|
|
50
50
|
}], propDecorators: { width: [{
|
|
51
51
|
type: Input
|
|
52
52
|
}], disabled: [{
|
|
@@ -60,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
60
60
|
type: Output,
|
|
61
61
|
args: ['onClear']
|
|
62
62
|
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvZmVhdHVyZXMvc2VhcmNoYm94L3NlYXJjaGJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3NlYXJjaGJveC9zZWFyY2hib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBYSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7Ozs7Ozs7QUFrQnRELE1BQU0sT0FBTyxrQkFBa0I7SUFDdEIsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUVqQixLQUFLLEdBQWMsS0FBSyxDQUFDO0lBQ3pCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsV0FBVyxHQUFrQixJQUFJLENBQUM7SUFFdkIsV0FBVyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0lBQ2hFLFVBQVUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUU3RSxTQUFTO1FBQ1AsT0FBTyxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO3dHQXJCVSxrQkFBa0I7NEZBQWxCLGtCQUFrQixvTkMxQi9CLCsyQkErQkEsbUZEbkJJLFlBQVksaWJBQ1osWUFBWSxtSEFDWixXQUFXLDhtQkFDWCxxQkFBcUIsbUtBQ3JCLGdCQUFnQixrS0FDaEIsZUFBZSwwSUFDZixtQkFBbUIsOEJBQ25CLGVBQWU7OzRGQU9OLGtCQUFrQjtrQkFoQjlCLFNBQVM7OEJBQ0M7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3dCQUNaLFdBQVc7d0JBQ1gscUJBQXFCO3dCQUNyQixnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixlQUFlO3FCQUNoQixjQUNXLElBQUksWUFDTixlQUFlOzhCQU9oQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVjLFdBQVc7c0JBQTlCLE1BQU07dUJBQUMsVUFBVTtnQkFDQyxVQUFVO3NCQUE1QixNQUFNO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b25Nb2R1bGUgfSBmcm9tICdwcmltZW5nL2J1dHRvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpbWVuc2lvbiwgZ2V0RGltZW5zaW9uU3R5bGVzIH0gZnJvbSAnLi4vLi4vcHVibGljLWFwaSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IElucHV0R3JvdXBBZGRvbk1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvaW5wdXRncm91cGFkZG9uJztcbmltcG9ydCB7IElucHV0R3JvdXBNb2R1bGUgfSBmcm9tICdwcmltZW5nL2lucHV0Z3JvdXAnO1xuaW1wb3J0IHsgSW5wdXRUZXh0TW9kdWxlIH0gZnJvbSAncHJpbWVuZy9pbnB1dHRleHQnO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBpbXBvcnRzOiBbXG4gICAgQnV0dG9uTW9kdWxlLFxuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBJbnB1dEdyb3VwQWRkb25Nb2R1bGUsXG4gICAgSW5wdXRHcm91cE1vZHVsZSxcbiAgICBJbnB1dFRleHRNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBUcmFuc2xhdGVNb2R1bGVcbiAgXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdzZGMtc2VhcmNoYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlYXJjaGJveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9zZWFyY2hib3guY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaGJveENvbXBvbmVudCB7XG4gIHB1YmxpYyB2YWx1ZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KCkgd2lkdGg6IERpbWVuc2lvbiA9IGZhbHNlO1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogU3RyaW5nIHwgbnVsbCA9IG51bGw7XG5cbiAgQE91dHB1dCgnb25TZWFyY2gnKSBzZWFyY2hFdmVudDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgnb25DbGVhcicpIGNsZWFyRXZlbnQ6IEV2ZW50RW1pdHRlcjxudWxsPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVsbD4oKTtcblxuICBnZXRTdHlsZXMoKTogYW55IHtcbiAgICByZXR1cm4gZ2V0RGltZW5zaW9uU3R5bGVzKCd3aWR0aCcsIHRoaXMud2lkdGgpO1xuICB9XG5cbiAgb25TZWFyY2goKTogdm9pZCB7XG4gICAgdGhpcy5zZWFyY2hFdmVudC5lbWl0KHRoaXMudmFsdWUpO1xuICB9XG5cbiAgb25DbGVhcigpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gJyc7XG4gICAgdGhpcy5jbGVhckV2ZW50LmVtaXQoKTtcbiAgfVxufVxuIiwiPHAtaW5wdXRncm91cCBbbmdTdHlsZV09XCJnZXRTdHlsZXMoKVwiID5cbiAgICA8aW5wdXRcbiAgICAgICAgKGtleXVwLmVudGVyKT1cIm9uU2VhcmNoKClcIlxuICAgICAgICAoa2V5dXAuZXNjKT1cIm9uQ2xlYXIoKVwiXG4gICAgICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwiIHBsYWNlaG9sZGVyIHx8ICgncGxhdGZvcm0uZGF0YWNvcmUuc2VhcmNoJyB8IHRyYW5zbGF0ZSlcIlxuICAgICAgICBwSW5wdXRUZXh0XG4gICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAvPlxuXG4gICAgPHAtaW5wdXRncm91cC1hZGRvbj5cbiAgICAgICAgPHAtYnV0dG9uXG4gICAgICAgICAgICBjbGFzcz1cImhlaWdodC0xMDBcIlxuICAgICAgICAgICAgKG9uQ2xpY2spPVwib25DbGVhcigpXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFxuICAgICAgICAgICAgaWNvbj1cImZhcyBmYS10aW1lc1wiXG4gICAgICAgICAgICBzZXZlcml0eT1cInNlY29uZGFyeVwiXG4gICAgICAgIC8+XG4gICAgPC9wLWlucHV0Z3JvdXAtYWRkb24+XG5cbiAgICA8cC1pbnB1dGdyb3VwLWFkZG9uPlxuICAgICAgICA8cC1idXR0b25cbiAgICAgICAgICAgIGNsYXNzPVwiaGVpZ2h0LTEwMFwiXG4gICAgICAgICAgICAob25DbGljayk9XCJvblNlYXJjaCgpXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICBpY29uPVwiZmFzIGZhLXNlYXJjaFwiXG4gICAgICAgICAgICBzZXZlcml0eT1cInNlY29uZGFyeVwiXG4gICAgICAgIC8+XG4gICAgPC9wLWlucHV0Z3JvdXAtYWRkb24+XG48L3AtaW5wdXRncm91cD5cbiJdfQ==
|
|
@@ -3,9 +3,13 @@ import { Component, forwardRef } from '@angular/core';
|
|
|
3
3
|
import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
|
|
4
4
|
import { InputsComponent } from '../inputs';
|
|
5
5
|
import { InputTextModule } from 'primeng/inputtext';
|
|
6
|
+
import { KeyFilterModule } from 'primeng/keyfilter';
|
|
7
|
+
import { TooltipModule } from 'primeng/tooltip';
|
|
6
8
|
import * as i0 from "@angular/core";
|
|
7
9
|
import * as i1 from "@angular/common";
|
|
8
10
|
import * as i2 from "primeng/inputtext";
|
|
11
|
+
import * as i3 from "primeng/keyfilter";
|
|
12
|
+
import * as i4 from "primeng/tooltip";
|
|
9
13
|
export class TextboxComponent extends InputsComponent {
|
|
10
14
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
11
15
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextboxComponent, isStandalone: true, selector: "sdc-textbox", providers: [
|
|
@@ -14,16 +18,16 @@ export class TextboxComponent extends InputsComponent {
|
|
|
14
18
|
useExisting: forwardRef(() => TextboxComponent),
|
|
15
19
|
multi: true
|
|
16
20
|
}
|
|
17
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"field-box\">\n <label *ngIf=\"label\" [for]=\"identity.id\">\n
|
|
21
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"field-box\">\n <div *ngIf=\"label || infoIcon\" class=\"flex\">\n <label *ngIf=\"label\" [for]=\"identity.id\">\n <span>{{ label }}</span>\n <span class=\"required-field\" *ngIf=\"required\"> •</span>\n </label>\n <i *ngIf=\"infoIcon\" class=\"fas fa-info-circle ml-3\" \n [pTooltip]=\"tooltipIcon\" \n tooltipZIndex=\"999999999999\"></i>\n </div>\n\n <input\n (input)=\"onInput($event)\"\n [disabled]=\"disabled\"\n [id]=\"identity.id\"\n [name]=\"identity.name\"\n [ngClass]=\"getInvalidClass()\"\n [ngStyle]=\"getInputStyle()\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n [value]=\"value\"\n pInputText\n type=\"text\"\n [attr.maxlength]=\"maxlength\"\n [pKeyFilter]=\"keyFilter\"\n />\n\n <small\n *ngIf=\"message\"\n [ngClass]=\"getInvalidMessageClass()\"\n >{{ message }}</small>\n</div>\n", styles: [".ml-3{margin-left:.5rem}.flex{display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: i3.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
|
|
18
22
|
}
|
|
19
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextboxComponent, decorators: [{
|
|
20
24
|
type: Component,
|
|
21
|
-
args: [{ imports: [CommonModule, FormsModule, ReactiveFormsModule, InputTextModule], standalone: true, selector: 'sdc-textbox', providers: [
|
|
25
|
+
args: [{ imports: [CommonModule, FormsModule, ReactiveFormsModule, InputTextModule, KeyFilterModule, TooltipModule], standalone: true, selector: 'sdc-textbox', providers: [
|
|
22
26
|
{
|
|
23
27
|
provide: NG_VALUE_ACCESSOR,
|
|
24
28
|
useExisting: forwardRef(() => TextboxComponent),
|
|
25
29
|
multi: true
|
|
26
30
|
}
|
|
27
|
-
], template: "<div class=\"field-box\">\n <label *ngIf=\"label\" [for]=\"identity.id\">\n
|
|
31
|
+
], template: "<div class=\"field-box\">\n <div *ngIf=\"label || infoIcon\" class=\"flex\">\n <label *ngIf=\"label\" [for]=\"identity.id\">\n <span>{{ label }}</span>\n <span class=\"required-field\" *ngIf=\"required\"> •</span>\n </label>\n <i *ngIf=\"infoIcon\" class=\"fas fa-info-circle ml-3\" \n [pTooltip]=\"tooltipIcon\" \n tooltipZIndex=\"999999999999\"></i>\n </div>\n\n <input\n (input)=\"onInput($event)\"\n [disabled]=\"disabled\"\n [id]=\"identity.id\"\n [name]=\"identity.name\"\n [ngClass]=\"getInvalidClass()\"\n [ngStyle]=\"getInputStyle()\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n [value]=\"value\"\n pInputText\n type=\"text\"\n [attr.maxlength]=\"maxlength\"\n [pKeyFilter]=\"keyFilter\"\n />\n\n <small\n *ngIf=\"message\"\n [ngClass]=\"getInvalidMessageClass()\"\n >{{ message }}</small>\n</div>\n", styles: [".ml-3{margin-left:.5rem}.flex{display:flex;align-items:center}\n"] }]
|
|
28
32
|
}] });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3RleHRib3gvdGV4dGJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3RleHRib3gvdGV4dGJveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDNUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7OztBQWdCaEQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGVBQXVCO3dHQUFoRCxnQkFBZ0I7NEZBQWhCLGdCQUFnQiwwREFSaEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2dCQUMvQyxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsaURDcEJILG0vQkFnQ0EseUhEdkJZLFlBQVkscVRBQUUsV0FBVyw4QkFBRSxtQkFBbUIsOEJBQUUsZUFBZSwwSUFBRSxlQUFlLHdLQUFFLGFBQWE7OzRGQWE5RixnQkFBZ0I7a0JBZDVCLFNBQVM7OEJBQ0MsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLGVBQWUsRUFBRSxlQUFlLEVBQUUsYUFBYSxDQUFDLGNBQzlGLElBQUksWUFDTixhQUFhLGFBR1o7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsaUJBQWlCLENBQUM7NEJBQy9DLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgZm9yd2FyZFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IElucHV0c0NvbXBvbmVudCB9IGZyb20gJy4uL2lucHV0cyc7XG5pbXBvcnQgeyBJbnB1dFRleHRNb2R1bGUgfSBmcm9tICdwcmltZW5nL2lucHV0dGV4dCc7XG5pbXBvcnQgeyBLZXlGaWx0ZXJNb2R1bGUgfSBmcm9tICdwcmltZW5nL2tleWZpbHRlcic7XG5pbXBvcnQgeyBUb29sdGlwTW9kdWxlIH0gZnJvbSAncHJpbWVuZy90b29sdGlwJztcblxuQENvbXBvbmVudCh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBJbnB1dFRleHRNb2R1bGUsIEtleUZpbHRlck1vZHVsZSwgVG9vbHRpcE1vZHVsZV0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnc2RjLXRleHRib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dGJveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ZXh0Ym94LmNvbXBvbmVudC5zY3NzJyxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBUZXh0Ym94Q29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlXG4gICAgfVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFRleHRib3hDb21wb25lbnQgZXh0ZW5kcyBJbnB1dHNDb21wb25lbnQ8c3RyaW5nPiB7fVxuIiwiPGRpdiBjbGFzcz1cImZpZWxkLWJveFwiPlxuICAgIDxkaXYgKm5nSWY9XCJsYWJlbCB8fCBpbmZvSWNvblwiIGNsYXNzPVwiZmxleFwiPlxuICAgICAgICA8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIFtmb3JdPVwiaWRlbnRpdHkuaWRcIj5cbiAgICAgICAgICAgIDxzcGFuPnt7IGxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJyZXF1aXJlZC1maWVsZFwiICpuZ0lmPVwicmVxdWlyZWRcIj4gJmJ1bGw7PC9zcGFuPlxuICAgICAgICA8L2xhYmVsPlxuICAgICAgICA8aSAqbmdJZj1cImluZm9JY29uXCIgY2xhc3M9XCJmYXMgZmEtaW5mby1jaXJjbGUgbWwtM1wiIFxuICAgICAgICBbcFRvb2x0aXBdPVwidG9vbHRpcEljb25cIiBcbiAgICAgICAgdG9vbHRpcFpJbmRleD1cIjk5OTk5OTk5OTk5OVwiPjwvaT5cbiAgICA8L2Rpdj5cblxuICAgIDxpbnB1dFxuICAgICAgICAoaW5wdXQpPVwib25JbnB1dCgkZXZlbnQpXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgW2lkXT1cImlkZW50aXR5LmlkXCJcbiAgICAgICAgW25hbWVdPVwiaWRlbnRpdHkubmFtZVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cImdldEludmFsaWRDbGFzcygpXCJcbiAgICAgICAgW25nU3R5bGVdPVwiZ2V0SW5wdXRTdHlsZSgpXCJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgICAgICAgcElucHV0VGV4dFxuICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgIFthdHRyLm1heGxlbmd0aF09XCJtYXhsZW5ndGhcIlxuICAgICAgICBbcEtleUZpbHRlcl09XCJrZXlGaWx0ZXJcIlxuICAgIC8+XG5cbiAgICA8c21hbGxcbiAgICAgICAgKm5nSWY9XCJtZXNzYWdlXCJcbiAgICAgICAgW25nQ2xhc3NdPVwiZ2V0SW52YWxpZE1lc3NhZ2VDbGFzcygpXCJcbiAgICA+e3sgbWVzc2FnZSB9fTwvc21hbGw+XG48L2Rpdj5cbiJdfQ==
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -26,4 +26,5 @@ export * from './features/sql-editor/sql-editor.component';
|
|
|
26
26
|
export * from './features/textbox/textbox.component';
|
|
27
27
|
export * from './features/toast/toast.component';
|
|
28
28
|
export * from './features/toast/toast.service';
|
|
29
|
-
|
|
29
|
+
export * from './features/modalc/modalc.component';
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTdDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGdDQUFnQyxDQUFDO0FBRS9DLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNkJBQTZCLENBQUM7QUFFNUMsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsb0NBQW9DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBNZXNzYWdlU2VydmljZSB9IGZyb20gJ3ByaW1lbmcvYXBpJztcblxuZXhwb3J0ICogZnJvbSAnLi9wcm92aWRlcnMvcHJpbWVuZy1jb25maWcucHJvdmlkZXInO1xuZXhwb3J0ICogZnJvbSAnLi9wcm92aWRlcnMvc2VydmljZXMucHJvdmlkZXInO1xuZXhwb3J0ICogZnJvbSAnLi9wcm92aWRlcnMvdHJhbnNsYXRlLnByb3ZpZGVyJztcblxuZXhwb3J0ICogZnJvbSAnLi9jb3JlL2NvbnN0YW50cy9jb25zdGFudHMnO1xuZXhwb3J0ICogZnJvbSAnLi9jb3JlL2RlY29yYXRvcnMvc3FsRG9tYWluRmlsdGVyJztcbmV4cG9ydCAqIGZyb20gJy4vY29yZS9maXhlcy9maXgtemluZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vY29yZS9oYW5kbGVycy9zcWxBdXRvQ29tcGxldGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jb3JlL2hhbmRsZXJzL3NxbEZvcm1hdHRlcic7XG5leHBvcnQgKiBmcm9tICcuL2NvcmUvaGFuZGxlcnMvc3FsVXBwZXJjYXNlJztcbmV4cG9ydCAqIGZyb20gJy4vY29yZS9oZWxwZXJzL3NxbC1oZWxwZXInO1xuZXhwb3J0ICogZnJvbSAnLi9jb3JlL3R5cGVzL2ZpZWxkcy50eXBlJztcbmV4cG9ydCAqIGZyb20gJy4vY29yZS90eXBlcy9saXN0cy50eXBlJztcbmV4cG9ydCAqIGZyb20gJy4vY29yZS90eXBlcy9zZW1hbnRpY3MudHlwZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZmVhdHVyZXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mZWF0dXJlcy9jb21ib2JveC9jb21ib2JveC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mZWF0dXJlcy9jb25maXJtL2NvbmZpcm0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmVhdHVyZXMvaHlwZXJsaW5rL2h5cGVybGluay5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mZWF0dXJlcy9saXN0L2xpc3QuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmVhdHVyZXMvbW9kYWwvbW9kYWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmVhdHVyZXMvcGFuZWwvcGFuZWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmVhdHVyZXMvc2VhcmNoYm94L3NlYXJjaGJveC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mZWF0dXJlcy9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmVhdHVyZXMvc3Bpbm5lci9zcGlubmVyLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9mZWF0dXJlcy9zcWwtZWRpdG9yL3NxbC1lZGl0b3IuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmVhdHVyZXMvdGV4dGJveC90ZXh0Ym94LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ZlYXR1cmVzL3RvYXN0L3RvYXN0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ZlYXR1cmVzL3RvYXN0L3RvYXN0LnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9mZWF0dXJlcy9tb2RhbGMvbW9kYWxjLmNvbXBvbmVudCc7XG4iXX0=
|
package/features/inputs.d.ts
CHANGED
|
@@ -14,6 +14,10 @@ export declare abstract class InputsComponent<E> implements ControlValueAccessor
|
|
|
14
14
|
size: Size;
|
|
15
15
|
value: E | null;
|
|
16
16
|
width: Dimension;
|
|
17
|
+
keyFilter: RegExp | undefined;
|
|
18
|
+
maxlength?: number;
|
|
19
|
+
infoIcon: boolean;
|
|
20
|
+
tooltipIcon: string;
|
|
17
21
|
valueChange: EventEmitter<E | null>;
|
|
18
22
|
onChange: (_: any) => void;
|
|
19
23
|
onTouched: () => void;
|
|
@@ -31,5 +35,5 @@ export declare abstract class InputsComponent<E> implements ControlValueAccessor
|
|
|
31
35
|
getInvalidClass(): any;
|
|
32
36
|
getInvalidMessageClass(): any;
|
|
33
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputsComponent<any>, never>;
|
|
34
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<InputsComponent<any>, never, never, { "disabled": { "alias": "disabled"; "required": false; }; "identity": { "alias": "identity"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
38
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<InputsComponent<any>, never, never, { "disabled": { "alias": "disabled"; "required": false; }; "identity": { "alias": "identity"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; "keyFilter": { "alias": "keyFilter"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "infoIcon": { "alias": "infoIcon"; "required": false; }; "tooltipIcon": { "alias": "tooltipIcon"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
35
39
|
}
|
|
@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export declare class ModalComponent {
|
|
5
5
|
private $visible;
|
|
6
6
|
modal: any;
|
|
7
|
+
onHide: EventEmitter<void>;
|
|
7
8
|
footerButtons: ModalButton[];
|
|
8
9
|
header: string;
|
|
9
10
|
height: Dimension;
|
|
@@ -17,7 +18,8 @@ export declare class ModalComponent {
|
|
|
17
18
|
get visible(): boolean;
|
|
18
19
|
visibleChange: EventEmitter<boolean>;
|
|
19
20
|
getStyle(): any;
|
|
21
|
+
onHideHandler(): void;
|
|
20
22
|
private maximizeModal;
|
|
21
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "sdc-modal", never, { "footerButtons": { "alias": "footerButtons"; "required": false; }; "header": { "alias": "header"; "required": false; }; "height": { "alias": "height"; "required": false; }; "maximizable": { "alias": "maximizable"; "required": false; }; "maximize": { "alias": "maximize"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "width": { "alias": "width"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "visibleChange": "visibleChange"; }, never, ["*", "[footer]"], true, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "sdc-modal", never, { "footerButtons": { "alias": "footerButtons"; "required": false; }; "header": { "alias": "header"; "required": false; }; "height": { "alias": "height"; "required": false; }; "maximizable": { "alias": "maximizable"; "required": false; }; "maximize": { "alias": "maximize"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "width": { "alias": "width"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "onHide": "onHide"; "visibleChange": "visibleChange"; }, never, ["*", "[footer]"], true, never>;
|
|
23
25
|
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { ModalButton } from 'lib/src/public-api';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ModalcComponent implements OnInit, OnDestroy {
|
|
5
|
+
visible: boolean;
|
|
6
|
+
title: string;
|
|
7
|
+
footerButtons: ModalButton[];
|
|
8
|
+
maximizable: boolean;
|
|
9
|
+
visibleChange: EventEmitter<boolean>;
|
|
10
|
+
$fullscreen: boolean;
|
|
11
|
+
set fullscreen(value: boolean);
|
|
12
|
+
get fullscreen(): boolean;
|
|
13
|
+
private escListener;
|
|
14
|
+
ngOnInit(): void;
|
|
15
|
+
ngOnDestroy(): void;
|
|
16
|
+
toggleFullscreen(): void;
|
|
17
|
+
close(): void;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalcComponent, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ModalcComponent, "sdc-modalc", never, { "visible": { "alias": "visible"; "required": false; }; "title": { "alias": "title"; "required": false; }; "footerButtons": { "alias": "footerButtons"; "required": false; }; "maximizable": { "alias": "maximizable"; "required": false; }; }, { "visibleChange": "visibleChange"; }, never, ["*", "[footer]"], true, never>;
|
|
20
|
+
}
|