@seniorsistemas/data-seniorx-core 1.6.0 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/config/card.type.config.d.ts +2 -0
- package/core/config/row-card.type.config.d.ts +2 -0
- package/core/types/button.type.d.ts +2 -0
- package/core/types/card.type.d.ts +36 -0
- package/core/types/filters.type.d.ts +27 -0
- package/core/types/row-card.type.d.ts +39 -0
- package/core/types/semantics.type.d.ts +5 -0
- package/core/types/tab.type.d.ts +5 -0
- package/core/types/table.types.d.ts +2 -2
- package/esm2022/core/config/card.type.config.mjs +18 -0
- package/esm2022/core/config/row-card.type.config.mjs +20 -0
- package/esm2022/core/types/button.type.mjs +2 -0
- package/esm2022/core/types/card.type.mjs +39 -0
- package/esm2022/core/types/filters.type.mjs +2 -0
- package/esm2022/core/types/row-card.type.mjs +59 -0
- package/esm2022/core/types/semantics.type.mjs +1 -1
- package/esm2022/core/types/tab.type.mjs +2 -0
- package/esm2022/core/types/table.types.mjs +4 -2
- package/esm2022/features/button/button.component.mjs +5 -5
- package/esm2022/features/card-list/card/card.component.mjs +34 -0
- package/esm2022/features/card-list/card-list.component.mjs +136 -0
- package/esm2022/features/checkbox/checkbox.component.mjs +5 -5
- package/esm2022/features/combobox/combobox.component.mjs +88 -28
- package/esm2022/features/confirm/confirm.component.mjs +13 -13
- package/esm2022/features/filters/filters.component.mjs +190 -0
- package/esm2022/features/hyperlink/hyperlink.component.mjs +14 -14
- package/esm2022/features/inputs.mjs +1 -1
- package/esm2022/features/list/list.component.mjs +14 -14
- package/esm2022/features/modal/modal.component.mjs +11 -11
- package/esm2022/features/modalc/modalc.component.mjs +19 -13
- package/esm2022/features/paginator/paginator.component.mjs +43 -0
- package/esm2022/features/panel/panel.component.mjs +11 -11
- package/esm2022/features/row-card-list/row-card/row-card.component.mjs +58 -0
- package/esm2022/features/row-card-list/row-card-list.component.mjs +150 -0
- package/esm2022/features/scaffold/scaffold.component.mjs +4 -4
- package/esm2022/features/searchbox/searchbox.component.mjs +7 -6
- package/esm2022/features/sidebar/sidebar.component.mjs +6 -4
- package/esm2022/features/spinner/spinner.component.mjs +6 -8
- package/esm2022/features/sql-editor/sql-editor.component.mjs +34 -36
- package/esm2022/features/tab/tab.component.mjs +8 -7
- package/esm2022/features/table/table.component.mjs +52 -47
- package/esm2022/features/textbox/textbox.component.mjs +16 -9
- package/esm2022/features/toast/toast.component.mjs +17 -21
- package/esm2022/locales/en.json +6 -1
- package/esm2022/locales/es-CO.json +7 -2
- package/esm2022/locales/pt.json +6 -1
- package/esm2022/public-api.mjs +5 -1
- package/features/button/button.component.d.ts +5 -3
- package/features/card-list/card/card.component.d.ts +11 -0
- package/features/card-list/card-list.component.d.ts +36 -0
- package/features/combobox/combobox.component.d.ts +25 -8
- package/features/confirm/confirm.component.d.ts +4 -4
- package/features/filters/filters.component.d.ts +36 -0
- package/features/hyperlink/hyperlink.component.d.ts +3 -3
- package/features/list/list.component.d.ts +3 -3
- package/features/modal/modal.component.d.ts +3 -3
- package/features/paginator/paginator.component.d.ts +15 -0
- package/features/panel/panel.component.d.ts +4 -4
- package/features/row-card-list/row-card/row-card.component.d.ts +18 -0
- package/features/row-card-list/row-card-list.component.d.ts +40 -0
- package/features/searchbox/searchbox.component.d.ts +1 -1
- package/features/spinner/spinner.component.d.ts +1 -1
- package/features/sql-editor/sql-editor.component.d.ts +8 -8
- package/features/tab/tab.component.d.ts +2 -8
- package/features/table/table.component.d.ts +5 -6
- package/features/toast/toast.component.d.ts +5 -5
- package/fesm2022/seniorsistemas-data-seniorx-core.mjs +883 -226
- package/fesm2022/seniorsistemas-data-seniorx-core.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +4 -0
- package/styles.css +49 -48
- package/styles.css.map +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, forwardRef } from '@angular/core';
|
|
2
|
+
import { Component, forwardRef, ChangeDetectionStrategy, ViewEncapsulation } 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';
|
|
@@ -16,18 +16,25 @@ export class TextboxComponent extends InputsComponent {
|
|
|
16
16
|
{
|
|
17
17
|
provide: NG_VALUE_ACCESSOR,
|
|
18
18
|
useExisting: forwardRef(() => TextboxComponent),
|
|
19
|
-
multi: true
|
|
20
|
-
}
|
|
21
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"sdc-textbox\">\n <div *ngIf=\"label || infoIcon\" class=\"flex align-items-center\">\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: [".sdc-textbox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-textbox .required-field{margin-left:.25rem}.sdc-textbox ::ng-deep input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important;border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important;min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-textbox ::ng-deep input:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}\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"] }] });
|
|
19
|
+
multi: true,
|
|
20
|
+
},
|
|
21
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"sdc-textbox\">\n <div *ngIf=\"label || infoIcon\" class=\"flex align-items-center\">\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: [".sdc-textbox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-textbox .required-field{margin-left:.25rem}.sdc-textbox ::ng-deep input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important;border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important;min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-textbox ::ng-deep input:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextboxComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{
|
|
25
|
+
args: [{ selector: 'sdc-textbox', standalone: true, imports: [
|
|
26
|
+
CommonModule,
|
|
27
|
+
FormsModule,
|
|
28
|
+
ReactiveFormsModule,
|
|
29
|
+
InputTextModule,
|
|
30
|
+
KeyFilterModule,
|
|
31
|
+
TooltipModule,
|
|
32
|
+
], providers: [
|
|
26
33
|
{
|
|
27
34
|
provide: NG_VALUE_ACCESSOR,
|
|
28
35
|
useExisting: forwardRef(() => TextboxComponent),
|
|
29
|
-
multi: true
|
|
30
|
-
}
|
|
31
|
-
], template: "<div class=\"sdc-textbox\">\n <div *ngIf=\"label || infoIcon\" class=\"flex align-items-center\">\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: [".sdc-textbox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-textbox .required-field{margin-left:.25rem}.sdc-textbox ::ng-deep input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important;border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important;min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-textbox ::ng-deep input:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}\n"] }]
|
|
36
|
+
multi: true,
|
|
37
|
+
},
|
|
38
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"sdc-textbox\">\n <div *ngIf=\"label || infoIcon\" class=\"flex align-items-center\">\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: [".sdc-textbox label{display:inline-flex;align-items:center;margin-bottom:0;line-height:1;padding-top:7px;padding-bottom:7px}.sdc-textbox .required-field{margin-left:.25rem}.sdc-textbox ::ng-deep input{border-start-start-radius:var(--sdc-formfield-border-radius)!important;border-end-start-radius:var(--sdc-formfield-border-radius)!important;border-start-end-radius:var(--sdc-formfield-border-radius)!important;border-end-end-radius:var(--sdc-formfield-border-radius)!important;min-height:var(--sdc-formfield-default-height)!important;height:var(--sdc-formfield-default-height)!important;max-height:var(--sdc-formfield-default-height)!important;line-height:var(--sdc-formfield-default-line-height)!important}.sdc-textbox ::ng-deep input:disabled{background-color:var(--sdc-formfield-disabled-bg)!important}\n"] }]
|
|
32
39
|
}] });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3RleHRib3gvdGV4dGJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3RleHRib3gvdGV4dGJveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEcsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDNUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7OztBQXlCaEQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGVBQXVCO3dHQUFoRCxnQkFBZ0I7NEZBQWhCLGdCQUFnQiwwREFWaEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2dCQUMvQyxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsaURDM0JILHdnQ0FnQ0EsKzFCRHBCSSxZQUFZLHFUQUNaLFdBQVcsOEJBQ1gsbUJBQW1CLDhCQUNuQixlQUFlLDBJQUNmLGVBQWUsd0tBQ2YsYUFBYTs7NEZBY0osZ0JBQWdCO2tCQXZCNUIsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxtQkFBbUI7d0JBQ25CLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixhQUFhO3FCQUNkLGFBR1U7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsaUJBQWlCLENBQUM7NEJBQy9DLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgZm9yd2FyZFJlZiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgTkdfVkFMVUVfQUNDRVNTT1IsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBJbnB1dHNDb21wb25lbnQgfSBmcm9tICcuLi9pbnB1dHMnO1xuaW1wb3J0IHsgSW5wdXRUZXh0TW9kdWxlIH0gZnJvbSAncHJpbWVuZy9pbnB1dHRleHQnO1xuaW1wb3J0IHsgS2V5RmlsdGVyTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9rZXlmaWx0ZXInO1xuaW1wb3J0IHsgVG9vbHRpcE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvdG9vbHRpcCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NkYy10ZXh0Ym94JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIElucHV0VGV4dE1vZHVsZSxcbiAgICBLZXlGaWx0ZXJNb2R1bGUsXG4gICAgVG9vbHRpcE1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHRib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGV4dGJveC5jb21wb25lbnQuc2NzcycsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gVGV4dGJveENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uRW11bGF0ZWQsXG59KVxuZXhwb3J0IGNsYXNzIFRleHRib3hDb21wb25lbnQgZXh0ZW5kcyBJbnB1dHNDb21wb25lbnQ8c3RyaW5nPiB7IH1cbiIsIjxkaXYgY2xhc3M9XCJzZGMtdGV4dGJveFwiPlxuICAgIDxkaXYgKm5nSWY9XCJsYWJlbCB8fCBpbmZvSWNvblwiIGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbZm9yXT1cImlkZW50aXR5LmlkXCI+XG4gICAgICAgICAgICA8c3Bhbj57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicmVxdWlyZWQtZmllbGRcIiAqbmdJZj1cInJlcXVpcmVkXCI+ICZidWxsOzwvc3Bhbj5cbiAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgPGkgKm5nSWY9XCJpbmZvSWNvblwiIGNsYXNzPVwiZmFzIGZhLWluZm8tY2lyY2xlIG1sLTNcIiBcbiAgICAgICAgW3BUb29sdGlwXT1cInRvb2x0aXBJY29uXCIgXG4gICAgICAgIHRvb2x0aXBaSW5kZXg9XCI5OTk5OTk5OTk5OTlcIj48L2k+XG4gICAgPC9kaXY+XG5cbiAgICA8aW5wdXRcbiAgICAgICAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgIFtpZF09XCJpZGVudGl0eS5pZFwiXG4gICAgICAgIFtuYW1lXT1cImlkZW50aXR5Lm5hbWVcIlxuICAgICAgICBbbmdDbGFzc109XCJnZXRJbnZhbGlkQ2xhc3MoKVwiXG4gICAgICAgIFtuZ1N0eWxlXT1cImdldElucHV0U3R5bGUoKVwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiXG4gICAgICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gICAgICAgIHBJbnB1dFRleHRcbiAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICBbYXR0ci5tYXhsZW5ndGhdPVwibWF4bGVuZ3RoXCJcbiAgICAgICAgW3BLZXlGaWx0ZXJdPVwia2V5RmlsdGVyXCJcbiAgICAvPlxuXG4gICAgPHNtYWxsXG4gICAgICAgICpuZ0lmPVwibWVzc2FnZVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cImdldEludmFsaWRNZXNzYWdlQ2xhc3MoKVwiXG4gICAgPnt7IG1lc3NhZ2UgfX08L3NtYWxsPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input, Output, EventEmitter, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, } from '@angular/core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
export class ToastComponent {
|
|
@@ -7,23 +7,9 @@ export class ToastComponent {
|
|
|
7
7
|
dismiss = new EventEmitter();
|
|
8
8
|
isLeaving = false;
|
|
9
9
|
timer = null;
|
|
10
|
-
startDismissAnimation() {
|
|
11
|
-
this.isLeaving = true;
|
|
12
|
-
setTimeout(() => {
|
|
13
|
-
this.dismiss.emit();
|
|
14
|
-
}, 300);
|
|
15
|
-
}
|
|
16
|
-
dismissToast() {
|
|
17
|
-
if (this.timer) {
|
|
18
|
-
clearTimeout(this.timer);
|
|
19
|
-
}
|
|
20
|
-
this.startDismissAnimation();
|
|
21
|
-
}
|
|
22
10
|
ngOnInit() {
|
|
23
11
|
if (!this.toast.sticky && this.toast.duration) {
|
|
24
|
-
this.timer = setTimeout(() =>
|
|
25
|
-
this.startDismissAnimation();
|
|
26
|
-
}, this.toast.duration);
|
|
12
|
+
this.timer = setTimeout(() => this.startDismissAnimation(), this.toast.duration);
|
|
27
13
|
}
|
|
28
14
|
}
|
|
29
15
|
ngOnDestroy() {
|
|
@@ -31,18 +17,28 @@ export class ToastComponent {
|
|
|
31
17
|
clearTimeout(this.timer);
|
|
32
18
|
}
|
|
33
19
|
}
|
|
20
|
+
dismissToast() {
|
|
21
|
+
if (this.timer) {
|
|
22
|
+
clearTimeout(this.timer);
|
|
23
|
+
}
|
|
24
|
+
this.startDismissAnimation();
|
|
25
|
+
}
|
|
26
|
+
startDismissAnimation() {
|
|
27
|
+
this.isLeaving = true;
|
|
28
|
+
setTimeout(() => this.dismiss.emit(), 300);
|
|
29
|
+
}
|
|
34
30
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ToastComponent, isStandalone: true, selector: "s-toast", inputs: { toast: "toast" }, outputs: { dismiss: "dismiss" }, host: { properties: { "class.toast--leaving": "this.isLeaving" } }, ngImport: i0, template: "<div\n class=\"toast\"\n [class.toast--info]=\"toast.severity === 'info'\"\n [class.toast--success]=\"toast.severity === 'success'\"\n [class.toast--warning]=\"toast.severity === 'warning'\"\n [class.toast--error]=\"toast.severity === 'error'\"\n>\n <div class=\"toast-content\">\n <i\n class=\"toast-icon fas fa-info\"\n [class.fa-info]=\"toast.severity === 'info'\"\n [class.fa-check]=\"toast.severity === 'success'\"\n [class.fa-exclamation-triangle]=\"toast.severity === 'warning'\"\n [class.fa-times]=\"toast.severity === 'error'\"\n ></i>\n <div class=\"text-container\">\n <span *ngIf=\"toast.title\" class=\"toast-summary\" [innerHTML]=\"toast.title\"></span>\n <span *ngIf=\"toast.text\" [innerHTML]=\"toast.text\"></span>\n </div>\n </div>\n <button *ngIf=\"toast.closable\" class=\"toast-close-button\" (click)=\"dismissToast()\"><i class=\"fas fa-times\"></i></button>\n</div>\n", styles: [":host{display:block}.toast{align-items:center;animation:fadeInDown .3s forwards;border-left:3px solid #428bca;border-radius:3px;box-shadow:0 1px 5px #00000040;color:#212533;display:flex;font-family:\"Open Sans\" sans-serif;font-size:14px;opacity:0;padding:10px 15px;position:relative;transform:translateY(-20px);width:400px}.toast .toast-content{align-items:center;flex-grow:1;display:flex;gap:15px}.toast .toast-content .toast-icon{align-items:center;background-color:#428bca;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.toast .toast-content .text-container{display:flex;flex-direction:column}.toast .toast-content .text-container .toast-summary{font-weight:700}.toast--success{background-color:#e0f0f0;border-left:3px solid #0c9348}.toast--success .toast-content .toast-icon{background-color:#0c9348}.toast--error{background-color:#fef0f0;border-left:3px solid #c13018}.toast--error .toast-content .toast-icon{background-color:#c13018}.toast--info{background-color:#f1f7f8;border-left:3px solid #428bca}.toast--info .toast-content .toast-icon{background-color:#428bca}.toast--warning{background-color:#fef4e3;border-left:3px solid #fcbf10}.toast--warning .toast-content .toast-icon{background-color:#fcbf10;color:#212533}.toast-close-button{background:none;border:none;color:#212533;font-size:1rem;cursor:pointer;margin-left:15px;transition:transform .2s ease-in-out}.toast-close-button:hover{transform:scale(1.1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}:host.toast--leaving{animation:fadeOutUp .3s forwards}@media (max-width: 440px){.toast{width:calc(100% - 40px)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
31
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ToastComponent, isStandalone: true, selector: "s-toast", inputs: { toast: "toast" }, outputs: { dismiss: "dismiss" }, host: { properties: { "class.toast--leaving": "this.isLeaving" } }, ngImport: i0, template: "<div\n class=\"toast\"\n [class.toast--info]=\"toast.severity === 'info'\"\n [class.toast--success]=\"toast.severity === 'success'\"\n [class.toast--warning]=\"toast.severity === 'warning'\"\n [class.toast--error]=\"toast.severity === 'error'\"\n>\n <div class=\"toast-content\">\n <i\n class=\"toast-icon fas fa-info\"\n [class.fa-info]=\"toast.severity === 'info'\"\n [class.fa-check]=\"toast.severity === 'success'\"\n [class.fa-exclamation-triangle]=\"toast.severity === 'warning'\"\n [class.fa-times]=\"toast.severity === 'error'\"\n ></i>\n <div class=\"text-container\">\n <span *ngIf=\"toast.title\" class=\"toast-summary\" [innerHTML]=\"toast.title\"></span>\n <span *ngIf=\"toast.text\" [innerHTML]=\"toast.text\"></span>\n </div>\n </div>\n <button *ngIf=\"toast.closable\" class=\"toast-close-button\" (click)=\"dismissToast()\"><i class=\"fas fa-times\"></i></button>\n</div>\n", styles: [":host{display:block}.toast{align-items:center;animation:fadeInDown .3s forwards;border-left:3px solid #428bca;border-radius:3px;box-shadow:0 1px 5px #00000040;color:#212533;display:flex;font-family:\"Open Sans\" sans-serif;font-size:14px;opacity:0;padding:10px 15px;position:relative;transform:translateY(-20px);width:400px}.toast .toast-content{align-items:center;flex-grow:1;display:flex;gap:15px}.toast .toast-content .toast-icon{align-items:center;background-color:#428bca;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.toast .toast-content .text-container{display:flex;flex-direction:column}.toast .toast-content .text-container .toast-summary{font-weight:700}.toast--success{background-color:#e0f0f0;border-left:3px solid #0c9348}.toast--success .toast-content .toast-icon{background-color:#0c9348}.toast--error{background-color:#fef0f0;border-left:3px solid #c13018}.toast--error .toast-content .toast-icon{background-color:#c13018}.toast--info{background-color:#f1f7f8;border-left:3px solid #428bca}.toast--info .toast-content .toast-icon{background-color:#428bca}.toast--warning{background-color:#fef4e3;border-left:3px solid #fcbf10}.toast--warning .toast-content .toast-icon{background-color:#fcbf10;color:#212533}.toast-close-button{background:none;border:none;color:#212533;font-size:1rem;cursor:pointer;margin-left:15px;transition:transform .2s ease-in-out}.toast-close-button:hover{transform:scale(1.1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}:host.toast--leaving{animation:fadeOutUp .3s forwards}@media (max-width: 440px){.toast{width:calc(100% - 40px)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
36
32
|
}
|
|
37
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastComponent, decorators: [{
|
|
38
34
|
type: Component,
|
|
39
|
-
args: [{ selector:
|
|
35
|
+
args: [{ selector: 's-toast', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<div\n class=\"toast\"\n [class.toast--info]=\"toast.severity === 'info'\"\n [class.toast--success]=\"toast.severity === 'success'\"\n [class.toast--warning]=\"toast.severity === 'warning'\"\n [class.toast--error]=\"toast.severity === 'error'\"\n>\n <div class=\"toast-content\">\n <i\n class=\"toast-icon fas fa-info\"\n [class.fa-info]=\"toast.severity === 'info'\"\n [class.fa-check]=\"toast.severity === 'success'\"\n [class.fa-exclamation-triangle]=\"toast.severity === 'warning'\"\n [class.fa-times]=\"toast.severity === 'error'\"\n ></i>\n <div class=\"text-container\">\n <span *ngIf=\"toast.title\" class=\"toast-summary\" [innerHTML]=\"toast.title\"></span>\n <span *ngIf=\"toast.text\" [innerHTML]=\"toast.text\"></span>\n </div>\n </div>\n <button *ngIf=\"toast.closable\" class=\"toast-close-button\" (click)=\"dismissToast()\"><i class=\"fas fa-times\"></i></button>\n</div>\n", styles: [":host{display:block}.toast{align-items:center;animation:fadeInDown .3s forwards;border-left:3px solid #428bca;border-radius:3px;box-shadow:0 1px 5px #00000040;color:#212533;display:flex;font-family:\"Open Sans\" sans-serif;font-size:14px;opacity:0;padding:10px 15px;position:relative;transform:translateY(-20px);width:400px}.toast .toast-content{align-items:center;flex-grow:1;display:flex;gap:15px}.toast .toast-content .toast-icon{align-items:center;background-color:#428bca;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.toast .toast-content .text-container{display:flex;flex-direction:column}.toast .toast-content .text-container .toast-summary{font-weight:700}.toast--success{background-color:#e0f0f0;border-left:3px solid #0c9348}.toast--success .toast-content .toast-icon{background-color:#0c9348}.toast--error{background-color:#fef0f0;border-left:3px solid #c13018}.toast--error .toast-content .toast-icon{background-color:#c13018}.toast--info{background-color:#f1f7f8;border-left:3px solid #428bca}.toast--info .toast-content .toast-icon{background-color:#428bca}.toast--warning{background-color:#fef4e3;border-left:3px solid #fcbf10}.toast--warning .toast-content .toast-icon{background-color:#fcbf10;color:#212533}.toast-close-button{background:none;border:none;color:#212533;font-size:1rem;cursor:pointer;margin-left:15px;transition:transform .2s ease-in-out}.toast-close-button:hover{transform:scale(1.1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}:host.toast--leaving{animation:fadeOutUp .3s forwards}@media (max-width: 440px){.toast{width:calc(100% - 40px)}}\n"] }]
|
|
40
36
|
}], propDecorators: { toast: [{
|
|
41
37
|
type: Input
|
|
42
38
|
}], dismiss: [{
|
|
43
39
|
type: Output
|
|
44
40
|
}], isLeaving: [{
|
|
45
41
|
type: HostBinding,
|
|
46
|
-
args: [
|
|
42
|
+
args: ['class.toast--leaving']
|
|
47
43
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9mZWF0dXJlcy90b2FzdC90b2FzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvc3JjL2ZlYXR1cmVzL3RvYXN0L3RvYXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQ0gsU0FBUyxFQUNULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNaLFdBQVcsRUFHWCx1QkFBdUIsRUFDdkIsaUJBQWlCLEdBQ3BCLE1BQU0sZUFBZSxDQUFDOzs7QUFXdkIsTUFBTSxPQUFPLGNBQWM7SUFDZCxLQUFLLENBQVM7SUFFYixPQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUd0QyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBRWpCLEtBQUssR0FBa0IsSUFBSSxDQUFDO0lBRXBDLFFBQVE7UUFDSixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUM1QyxJQUFJLENBQUMsS0FBSyxHQUFHLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMscUJBQXFCLEVBQUUsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBc0IsQ0FBQztRQUMxRyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNiLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDN0IsQ0FBQztJQUNMLENBQUM7SUFFTSxZQUFZO1FBQ2YsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDYixZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzdCLENBQUM7UUFDRCxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRU0scUJBQXFCO1FBQ3hCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQy9DLENBQUM7d0dBaENRLGNBQWM7NEZBQWQsY0FBYyxvTUN2QjNCLDYvQkFzQkEsc3pERExjLFlBQVk7OzRGQU1iLGNBQWM7a0JBVDFCLFNBQVM7K0JBQ0ksU0FBUyxjQUNQLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxRQUFROzhCQUdoQyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTTtnQkFHQSxTQUFTO3NCQURmLFdBQVc7dUJBQUMsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFRvYXN0IH0gZnJvbSAnbGliL3NyYy9jb3JlL3R5cGVzL3RvYXN0LnR5cGUnO1xuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBIb3N0QmluZGluZyxcbiAgICBPbkluaXQsXG4gICAgT25EZXN0cm95LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzLXRvYXN0JyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90b2FzdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdG9hc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5FbXVsYXRlZCxcbn0pXG5leHBvcnQgY2xhc3MgVG9hc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gICAgQElucHV0KCkgdG9hc3QhOiBUb2FzdDtcblxuICAgIEBPdXRwdXQoKSBkaXNtaXNzID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy50b2FzdC0tbGVhdmluZycpXG4gICAgcHVibGljIGlzTGVhdmluZyA9IGZhbHNlO1xuXG4gICAgcHJpdmF0ZSB0aW1lcjogbnVtYmVyIHwgbnVsbCA9IG51bGw7XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLnRvYXN0LnN0aWNreSAmJiB0aGlzLnRvYXN0LmR1cmF0aW9uKSB7XG4gICAgICAgICAgICB0aGlzLnRpbWVyID0gc2V0VGltZW91dCgoKSA9PiB0aGlzLnN0YXJ0RGlzbWlzc0FuaW1hdGlvbigpLCB0aGlzLnRvYXN0LmR1cmF0aW9uKSBhcyB1bmtub3duIGFzIG51bWJlcjtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy50aW1lcikge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRoaXMudGltZXIpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIGRpc21pc3NUb2FzdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMudGltZXIpIHtcbiAgICAgICAgICAgIGNsZWFyVGltZW91dCh0aGlzLnRpbWVyKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnN0YXJ0RGlzbWlzc0FuaW1hdGlvbigpO1xuICAgIH1cblxuICAgIHB1YmxpYyBzdGFydERpc21pc3NBbmltYXRpb24oKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNMZWF2aW5nID0gdHJ1ZTtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLmRpc21pc3MuZW1pdCgpLCAzMDApO1xuICAgIH1cbn1cbiIsIjxkaXZcbiAgICBjbGFzcz1cInRvYXN0XCJcbiAgICBbY2xhc3MudG9hc3QtLWluZm9dPVwidG9hc3Quc2V2ZXJpdHkgPT09ICdpbmZvJ1wiXG4gICAgW2NsYXNzLnRvYXN0LS1zdWNjZXNzXT1cInRvYXN0LnNldmVyaXR5ID09PSAnc3VjY2VzcydcIlxuICAgIFtjbGFzcy50b2FzdC0td2FybmluZ109XCJ0b2FzdC5zZXZlcml0eSA9PT0gJ3dhcm5pbmcnXCJcbiAgICBbY2xhc3MudG9hc3QtLWVycm9yXT1cInRvYXN0LnNldmVyaXR5ID09PSAnZXJyb3InXCJcbj5cbiAgICA8ZGl2IGNsYXNzPVwidG9hc3QtY29udGVudFwiPlxuICAgICAgICA8aVxuICAgICAgICAgICAgY2xhc3M9XCJ0b2FzdC1pY29uIGZhcyBmYS1pbmZvXCJcbiAgICAgICAgICAgIFtjbGFzcy5mYS1pbmZvXT1cInRvYXN0LnNldmVyaXR5ID09PSAnaW5mbydcIlxuICAgICAgICAgICAgW2NsYXNzLmZhLWNoZWNrXT1cInRvYXN0LnNldmVyaXR5ID09PSAnc3VjY2VzcydcIlxuICAgICAgICAgICAgW2NsYXNzLmZhLWV4Y2xhbWF0aW9uLXRyaWFuZ2xlXT1cInRvYXN0LnNldmVyaXR5ID09PSAnd2FybmluZydcIlxuICAgICAgICAgICAgW2NsYXNzLmZhLXRpbWVzXT1cInRvYXN0LnNldmVyaXR5ID09PSAnZXJyb3InXCJcbiAgICAgICAgPjwvaT5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cInRvYXN0LnRpdGxlXCIgY2xhc3M9XCJ0b2FzdC1zdW1tYXJ5XCIgW2lubmVySFRNTF09XCJ0b2FzdC50aXRsZVwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwidG9hc3QudGV4dFwiIFtpbm5lckhUTUxdPVwidG9hc3QudGV4dFwiPjwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGJ1dHRvbiAqbmdJZj1cInRvYXN0LmNsb3NhYmxlXCIgY2xhc3M9XCJ0b2FzdC1jbG9zZS1idXR0b25cIiAoY2xpY2spPVwiZGlzbWlzc1RvYXN0KClcIj48aSBjbGFzcz1cImZhcyBmYS10aW1lc1wiPjwvaT48L2J1dHRvbj5cbjwvZGl2PlxuIl19
|
package/esm2022/locales/en.json
CHANGED
|
@@ -6,5 +6,10 @@
|
|
|
6
6
|
"platform.datacore.no": "No",
|
|
7
7
|
"platform.datacore.remove": "Remove",
|
|
8
8
|
"platform.datacore.search": "Search...",
|
|
9
|
-
"platform.datacore.yes": "Yes"
|
|
9
|
+
"platform.datacore.yes": "Yes",
|
|
10
|
+
"platform.datacore.see": "See",
|
|
11
|
+
"platform.datacore.open": "Open",
|
|
12
|
+
"platform.datacore.total_records": "Total Records",
|
|
13
|
+
"platform.datacore.empty_title": "No results found",
|
|
14
|
+
"platform.datacore.empty_message": "Try adjusting the filters or refining your search to find the desired data."
|
|
10
15
|
}
|
|
@@ -2,9 +2,14 @@
|
|
|
2
2
|
"platform.datacore.cancel": "Cancelar",
|
|
3
3
|
"platform.datacore.confirm_dialog": "Diálogo de Confirmación",
|
|
4
4
|
"platform.datacore.default_msg": "¡Haz tu pregunta o consulta aquí!",
|
|
5
|
-
"platform.datacore.empty_list": "Ningún elemento encontrado!",
|
|
5
|
+
"platform.datacore.empty_list": "¡Ningún elemento encontrado!",
|
|
6
6
|
"platform.datacore.no": "No",
|
|
7
7
|
"platform.datacore.remove": "Eliminar",
|
|
8
8
|
"platform.datacore.search": "Buscar...",
|
|
9
|
-
"platform.datacore.yes": "Sí"
|
|
9
|
+
"platform.datacore.yes": "Sí",
|
|
10
|
+
"platform.datacore.see": "Ver",
|
|
11
|
+
"platform.datacore.open": "Abrir",
|
|
12
|
+
"platform.datacore.total_records": "Total de Registros",
|
|
13
|
+
"platform.datacore.empty_title": "No se encontraron resultados",
|
|
14
|
+
"platform.datacore.empty_message": "Intenta ajustar los filtros o refinar tu búsqueda para encontrar los datos deseados."
|
|
10
15
|
}
|
package/esm2022/locales/pt.json
CHANGED
|
@@ -6,5 +6,10 @@
|
|
|
6
6
|
"platform.datacore.no": "Não",
|
|
7
7
|
"platform.datacore.remove": "Remover",
|
|
8
8
|
"platform.datacore.search": "Pesquisar...",
|
|
9
|
-
"platform.datacore.yes": "Sim"
|
|
9
|
+
"platform.datacore.yes": "Sim",
|
|
10
|
+
"platform.datacore.see": "Ver",
|
|
11
|
+
"platform.datacore.open": "Abrir",
|
|
12
|
+
"platform.datacore.total_records": "Total de Registros",
|
|
13
|
+
"platform.datacore.empty_title": "Nenhum resultado encontrado",
|
|
14
|
+
"platform.datacore.empty_message": "Tente ajustar os filtros ou refine sua busca para encontrar os dados desejados."
|
|
10
15
|
}
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -33,4 +33,8 @@ export * from './features/toast/toast.component';
|
|
|
33
33
|
export * from './features/toast/toast.service';
|
|
34
34
|
export * from './features/modalc/modalc.component';
|
|
35
35
|
export * from "./features/checkbox/checkbox.component";
|
|
36
|
-
|
|
36
|
+
export * from "./features/card-list/card-list.component";
|
|
37
|
+
export * from "./features/row-card-list/row-card-list.component";
|
|
38
|
+
export * from "./features/paginator/paginator.component";
|
|
39
|
+
export * from "./features/filters/filters.component";
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTdDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGdDQUFnQyxDQUFDO0FBRS9DLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNkJBQTZCLENBQUM7QUFFNUMsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyxzQ0FBc0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IE1lc3NhZ2VTZXJ2aWNlIH0gZnJvbSAncHJpbWVuZy9hcGknO1xuXG5leHBvcnQgKiBmcm9tICcuL3Byb3ZpZGVycy9wcmltZW5nLWNvbmZpZy5wcm92aWRlcic7XG5leHBvcnQgKiBmcm9tICcuL3Byb3ZpZGVycy9zZXJ2aWNlcy5wcm92aWRlcic7XG5leHBvcnQgKiBmcm9tICcuL3Byb3ZpZGVycy90cmFuc2xhdGUucHJvdmlkZXInO1xuXG5leHBvcnQgKiBmcm9tICcuL2NvcmUvY29uc3RhbnRzL2NvbnN0YW50cyc7XG5leHBvcnQgKiBmcm9tICcuL2NvcmUvZGVjb3JhdG9ycy9zcWxEb21haW5GaWx0ZXInO1xuZXhwb3J0ICogZnJvbSAnLi9jb3JlL2ZpeGVzL2ZpeC16aW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9jb3JlL2hhbmRsZXJzL3NxbEF1dG9Db21wbGV0ZSc7XG5leHBvcnQgKiBmcm9tICcuL2NvcmUvaGFuZGxlcnMvc3FsRm9ybWF0dGVyJztcbmV4cG9ydCAqIGZyb20gJy4vY29yZS9oYW5kbGVycy9zcWxVcHBlcmNhc2UnO1xuZXhwb3J0ICogZnJvbSAnLi9jb3JlL2hlbHBlcnMvc3FsLWhlbHBlcic7XG5leHBvcnQgKiBmcm9tICcuL2NvcmUvdHlwZXMvZmllbGRzLnR5cGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jb3JlL3R5cGVzL2xpc3RzLnR5cGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jb3JlL3R5cGVzL3NlbWFudGljcy50eXBlJztcblxuZXhwb3J0ICogZnJvbSAnLi9mZWF0dXJlcy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ZlYXR1cmVzL3NjYWZmb2xkL3NjYWZmb2xkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ZlYXR1cmVzL2NvbWJvYm94L2NvbWJvYm94LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ZlYXR1cmVzL2NvbmZpcm0vY29uZmlybS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mZWF0dXJlcy9oeXBlcmxpbmsvaHlwZXJsaW5rLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ZlYXR1cmVzL2xpc3QvbGlzdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mZWF0dXJlcy90YWJsZS90YWJsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mZWF0dXJlcy90YWIvdGFiLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ZlYXR1cmVzL3RhYi90YWItaXRlbS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mZWF0dXJlcy9zaWRlYmFyL3NpZGViYXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmVhdHVyZXMvbW9kYWwvbW9kYWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmVhdHVyZXMvcGFuZWwvcGFuZWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmVhdHVyZXMvc2VhcmNoYm94L3NlYXJjaGJveC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mZWF0dXJlcy9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmVhdHVyZXMvc3Bpbm5lci9zcGlubmVyLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9mZWF0dXJlcy9zcWwtZWRpdG9yL3NxbC1lZGl0b3IuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmVhdHVyZXMvdGV4dGJveC90ZXh0Ym94LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ZlYXR1cmVzL3RvYXN0L3RvYXN0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ZlYXR1cmVzL3RvYXN0L3RvYXN0LnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9mZWF0dXJlcy9tb2RhbGMvbW9kYWxjLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tIFwiLi9mZWF0dXJlcy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnRcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2ZlYXR1cmVzL2NhcmQtbGlzdC9jYXJkLWxpc3QuY29tcG9uZW50XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9mZWF0dXJlcy9yb3ctY2FyZC1saXN0L3Jvdy1jYXJkLWxpc3QuY29tcG9uZW50XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9mZWF0dXJlcy9wYWdpbmF0b3IvcGFnaW5hdG9yLmNvbXBvbmVudFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vZmVhdHVyZXMvZmlsdGVycy9maWx0ZXJzLmNvbXBvbmVudFwiO1xuIl19
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { ButtonPriority } from "@seniorsistemas/angular-components/button";
|
|
3
|
+
import { Button, Dimension } from '../../public-api';
|
|
4
|
+
import { ButtonSize } from 'lib/src/core/types/button.type';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
6
|
export declare class ButtonComponent {
|
|
5
7
|
disabled: boolean;
|
|
@@ -7,8 +9,8 @@ export declare class ButtonComponent {
|
|
|
7
9
|
icon: string | undefined;
|
|
8
10
|
id: string;
|
|
9
11
|
label: string;
|
|
10
|
-
priority:
|
|
11
|
-
size:
|
|
12
|
+
priority: ButtonPriority;
|
|
13
|
+
size: ButtonSize;
|
|
12
14
|
type: Button;
|
|
13
15
|
onClick: EventEmitter<Event>;
|
|
14
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { Card, OptionsCard } from 'lib/src/core/types/card.type';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class CardComponent {
|
|
5
|
+
data: Card;
|
|
6
|
+
options?: OptionsCard;
|
|
7
|
+
cardAction: EventEmitter<any>;
|
|
8
|
+
protected getShortDescription(text: string): string;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "dp-card", never, { "data": { "alias": "data"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "cardAction": "cardAction"; }, never, never, true, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { EventEmitter, OnChanges, SimpleChanges, DoCheck } from '@angular/core';
|
|
2
|
+
import { PaginatorState } from 'primeng/paginator';
|
|
3
|
+
import { Card, CardListOptions } from 'lib/src/core/types/card.type';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class CardListComponent implements OnChanges, DoCheck {
|
|
6
|
+
data: Card[];
|
|
7
|
+
loading: boolean;
|
|
8
|
+
config: CardListOptions;
|
|
9
|
+
cardButtonClick: EventEmitter<Card>;
|
|
10
|
+
protected readonly isMobile: boolean;
|
|
11
|
+
protected readonly isTablet: boolean;
|
|
12
|
+
protected readonly options: import("@angular/core").WritableSignal<CardListOptions>;
|
|
13
|
+
protected readonly totalRecordsLabel: import("@angular/core").Signal<string>;
|
|
14
|
+
protected readonly emptyTitle: import("@angular/core").Signal<string>;
|
|
15
|
+
protected readonly emptyText: import("@angular/core").Signal<string>;
|
|
16
|
+
protected readonly page: import("@angular/core").WritableSignal<{
|
|
17
|
+
first: number;
|
|
18
|
+
rows: number;
|
|
19
|
+
}>;
|
|
20
|
+
protected readonly isFirstPage: import("@angular/core").Signal<boolean>;
|
|
21
|
+
protected readonly isLastPage: import("@angular/core").Signal<boolean>;
|
|
22
|
+
private readonly raw;
|
|
23
|
+
protected readonly filtered: import("@angular/core").WritableSignal<Card[]>;
|
|
24
|
+
protected readonly pagedData: import("@angular/core").Signal<Card[]>;
|
|
25
|
+
private configHash;
|
|
26
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
27
|
+
ngDoCheck(): void;
|
|
28
|
+
protected onChangePaginator(event: PaginatorState): void;
|
|
29
|
+
protected nextPage(): void;
|
|
30
|
+
protected prevPage(): void;
|
|
31
|
+
protected onCardClick(card: Card): void;
|
|
32
|
+
private applyConfigOptions;
|
|
33
|
+
private stableStringify;
|
|
34
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CardListComponent, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CardListComponent, "sdc-card-list", never, { "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "cardButtonClick": "cardButtonClick"; }, never, never, true, never>;
|
|
36
|
+
}
|
|
@@ -1,19 +1,36 @@
|
|
|
1
1
|
import { AfterViewInit, EventEmitter } from '@angular/core';
|
|
2
2
|
import { AutoCompleteCompleteEvent } from 'primeng/autocomplete';
|
|
3
|
-
import { OptionItem, Options, OptionValue } from '../../public-api';
|
|
4
3
|
import { InputsComponent } from '../inputs';
|
|
4
|
+
import { OptionItem, Options, OptionValue } from 'lib/src/core/types/semantics.type';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class ComboboxComponent extends InputsComponent<OptionValue> implements AfterViewInit {
|
|
7
|
-
|
|
8
|
-
autocomplete: any;
|
|
6
|
+
export declare class ComboboxComponent extends InputsComponent<OptionValue | OptionValue[]> implements AfterViewInit {
|
|
7
|
+
multiple: boolean;
|
|
9
8
|
appendTo: string | undefined;
|
|
10
9
|
zIndex: number;
|
|
11
10
|
options: Options | string;
|
|
12
|
-
|
|
11
|
+
overrideChipMessage?: string;
|
|
12
|
+
maxSelectedLabels: number;
|
|
13
|
+
selectedValueEvent: EventEmitter<OptionValue | OptionValue[]>;
|
|
14
|
+
autocomplete: any;
|
|
15
|
+
multiselect: any;
|
|
16
|
+
filteredItems: OptionItem[];
|
|
17
|
+
value: OptionValue | OptionValue[] | null;
|
|
18
|
+
displayMode: 'chip' | 'comma';
|
|
13
19
|
ngAfterViewInit(): void;
|
|
14
|
-
private normalizeOptions;
|
|
15
20
|
onSearch(event: AutoCompleteCompleteEvent): void;
|
|
16
|
-
|
|
21
|
+
onMultiChange(e: {
|
|
22
|
+
value: OptionValue[];
|
|
23
|
+
}): void;
|
|
24
|
+
onInput(event: Event | OptionValue | OptionValue[]): void;
|
|
25
|
+
clearAll(): void;
|
|
26
|
+
protected onMultiModelChange(val: OptionValue[] | null): void;
|
|
27
|
+
get normalizedOptions(): OptionItem[];
|
|
28
|
+
get selectedItemsLabel(): string;
|
|
29
|
+
private normalizeOptions;
|
|
30
|
+
private asArray;
|
|
31
|
+
private selectedCount;
|
|
32
|
+
private updateDisplayMode;
|
|
33
|
+
private propagateFromValue;
|
|
17
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "sdc-combobox", never, { "appendTo": { "alias": "appendTo"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "selectedValueEvent": "onSelectedItem"; }, never, never, true, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "sdc-combobox", never, { "multiple": { "alias": "multiple"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "options": { "alias": "options"; "required": false; }; "overrideChipMessage": { "alias": "overrideChipMessage"; "required": false; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; }; }, { "selectedValueEvent": "onSelectedItem"; }, never, never, true, never>;
|
|
19
36
|
}
|
|
@@ -2,13 +2,13 @@ import { EventEmitter } from '@angular/core';
|
|
|
2
2
|
import { Confirm, Severity } from '../../public-api';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class ConfirmComponent {
|
|
5
|
-
private $visible;
|
|
6
|
-
config: Confirm;
|
|
7
|
-
modal: any;
|
|
8
5
|
zIndex: number;
|
|
6
|
+
visibleChange: EventEmitter<boolean>;
|
|
7
|
+
modal: any;
|
|
8
|
+
config: Confirm;
|
|
9
|
+
private $visible;
|
|
9
10
|
get visible(): boolean;
|
|
10
11
|
set visible(value: boolean);
|
|
11
|
-
visibleChange: EventEmitter<boolean>;
|
|
12
12
|
set confirm(value: Confirm | null);
|
|
13
13
|
getLabel(type: 'confirm' | 'deny'): string;
|
|
14
14
|
getSeverity(): Severity;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { EventEmitter, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';
|
|
2
|
+
import { FiltersConfig } from 'lib/src/core/types/filters.type';
|
|
3
|
+
import { OptionItem } from 'lib/src/public-api';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class FiltersComponent implements OnChanges, OnDestroy {
|
|
6
|
+
data: any[];
|
|
7
|
+
config: FiltersConfig;
|
|
8
|
+
loading: boolean;
|
|
9
|
+
filtered: EventEmitter<any[]>;
|
|
10
|
+
protected isMobile: boolean;
|
|
11
|
+
protected filterOptionsMap: Record<string, OptionItem[]>;
|
|
12
|
+
protected selectedValues: Record<string, any | any[]>;
|
|
13
|
+
private searchTerm;
|
|
14
|
+
private destroyed;
|
|
15
|
+
ngOnChanges(_changes: SimpleChanges): void;
|
|
16
|
+
ngOnDestroy(): void;
|
|
17
|
+
onSearch(term: string): void;
|
|
18
|
+
onClear(): void;
|
|
19
|
+
onComboChange(key: string, model: any | any[]): void;
|
|
20
|
+
private getFilters;
|
|
21
|
+
private getSearchCfg;
|
|
22
|
+
private readPath;
|
|
23
|
+
private getFieldValue;
|
|
24
|
+
private getLabel;
|
|
25
|
+
private getValue;
|
|
26
|
+
private toOptionItem;
|
|
27
|
+
private buildOptionsMap;
|
|
28
|
+
private ensureModels;
|
|
29
|
+
private normalizeToValues;
|
|
30
|
+
private rowMatchesFilters;
|
|
31
|
+
private rowMatchesSearch;
|
|
32
|
+
private computeFiltered;
|
|
33
|
+
private applyAndEmitAsync;
|
|
34
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FiltersComponent, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FiltersComponent, "sdc-filters", never, { "data": { "alias": "data"; "required": true; }; "config": { "alias": "config"; "required": true; }; "loading": { "alias": "loading"; "required": false; }; }, { "filtered": "filtered"; }, never, never, true, never>;
|
|
36
|
+
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class HyperlinkComponent {
|
|
4
|
-
readonly defaultText = "Hyperlink";
|
|
5
|
-
clickEvent: EventEmitter<Event>;
|
|
6
|
-
domainFilterClickEvent: EventEmitter<string>;
|
|
7
4
|
href: string | boolean;
|
|
8
5
|
text: string | boolean;
|
|
9
6
|
domainFilterToken: string | boolean;
|
|
7
|
+
clickEvent: EventEmitter<Event>;
|
|
8
|
+
domainFilterClickEvent: EventEmitter<string>;
|
|
9
|
+
readonly defaultText = "Hyperlink";
|
|
10
10
|
get textContent(): string;
|
|
11
11
|
constructor();
|
|
12
12
|
dispatchClickEvent(event: Event): void;
|
|
@@ -2,20 +2,20 @@ import { EventEmitter } from '@angular/core';
|
|
|
2
2
|
import { ListItem, ListItemAction } from '../../core/types/lists.type';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class ListComponent {
|
|
5
|
-
dataItems: ListItem[];
|
|
6
|
-
dataActions: ListItemAction[];
|
|
7
5
|
loading: boolean;
|
|
8
6
|
action: EventEmitter<{
|
|
9
7
|
name: string;
|
|
10
8
|
id: string;
|
|
11
9
|
item: ListItem;
|
|
12
10
|
}>;
|
|
11
|
+
dataItems: ListItem[];
|
|
12
|
+
dataActions: ListItemAction[];
|
|
13
13
|
set items(value: ListItem[] | string);
|
|
14
14
|
set actions(value: ListItemAction[] | string);
|
|
15
15
|
onActionClick(a: ListItemAction, item: ListItem): void;
|
|
16
|
+
protected actionKey(a: ListItemAction): string;
|
|
16
17
|
private normalizeAction;
|
|
17
18
|
private parseArray;
|
|
18
|
-
protected actionKey(a: ListItemAction): string;
|
|
19
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
|
|
20
20
|
static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "sdc-list", never, { "loading": { "alias": "loading"; "required": false; }; "items": { "alias": "items"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
|
|
21
21
|
}
|
|
@@ -2,9 +2,7 @@ import { EventEmitter } from '@angular/core';
|
|
|
2
2
|
import { Dimension, ModalButton } from '../../public-api';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class ModalComponent {
|
|
5
|
-
private $visible;
|
|
6
5
|
modal: any;
|
|
7
|
-
onHide: EventEmitter<void>;
|
|
8
6
|
footerButtons: ModalButton[];
|
|
9
7
|
header: string;
|
|
10
8
|
height: Dimension;
|
|
@@ -14,12 +12,14 @@ export declare class ModalComponent {
|
|
|
14
12
|
responsive: boolean;
|
|
15
13
|
width: Dimension;
|
|
16
14
|
zIndex: number;
|
|
15
|
+
onHide: EventEmitter<void>;
|
|
16
|
+
visibleChange: EventEmitter<boolean>;
|
|
17
17
|
set visible(value: boolean);
|
|
18
18
|
get visible(): boolean;
|
|
19
|
-
visibleChange: EventEmitter<boolean>;
|
|
20
19
|
getStyle(): any;
|
|
21
20
|
onHideHandler(): void;
|
|
22
21
|
private maximizeModal;
|
|
22
|
+
private $visible;
|
|
23
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
|
|
24
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>;
|
|
25
25
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { PaginatorState } from 'primeng/paginator';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class PaginatorComponent {
|
|
5
|
+
first: number;
|
|
6
|
+
rows: number;
|
|
7
|
+
totalRecords: number;
|
|
8
|
+
rowsPerPageOptions?: number[];
|
|
9
|
+
isMobile: boolean;
|
|
10
|
+
totalRecordsLabel: string;
|
|
11
|
+
pageChange: EventEmitter<PaginatorState>;
|
|
12
|
+
onPageChange(e: PaginatorState): void;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "sdc-paginator", never, { "first": { "alias": "first"; "required": true; }; "rows": { "alias": "rows"; "required": true; }; "totalRecords": { "alias": "totalRecords"; "required": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "isMobile": { "alias": "isMobile"; "required": false; }; "totalRecordsLabel": { "alias": "totalRecordsLabel"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
|
|
15
|
+
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class PanelComponent {
|
|
3
|
-
private $collapsed;
|
|
4
|
-
set collapsed(value: boolean);
|
|
5
|
-
get collapsed(): boolean;
|
|
6
3
|
header: string;
|
|
7
4
|
showHeader: boolean;
|
|
8
5
|
toggleable: boolean;
|
|
6
|
+
set collapsed(value: boolean);
|
|
7
|
+
get collapsed(): boolean;
|
|
8
|
+
private $collapsed;
|
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<PanelComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "sdc-panel", never, { "
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "sdc-panel", never, { "header": { "alias": "header"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
11
11
|
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { EventEmitter, OnChanges, SimpleChanges, TemplateRef, ElementRef } from '@angular/core';
|
|
2
|
+
import { OptionsRowCard, RowCard } from 'lib/src/core/types/row-card.type';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class RowCardComponent implements OnChanges {
|
|
5
|
+
data: RowCard;
|
|
6
|
+
options?: OptionsRowCard;
|
|
7
|
+
isExpanded: boolean;
|
|
8
|
+
detailTemplate?: TemplateRef<any>;
|
|
9
|
+
expandClick: EventEmitter<void>;
|
|
10
|
+
cardButtonClick: EventEmitter<RowCard>;
|
|
11
|
+
contentWrapper?: ElementRef<HTMLDivElement>;
|
|
12
|
+
protected readonly isMobile: boolean;
|
|
13
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
14
|
+
onCardClick(event: MouseEvent): void;
|
|
15
|
+
onCardButtonClick(): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RowCardComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RowCardComponent, "sdc-row-card", never, { "data": { "alias": "data"; "required": false; }; "options": { "alias": "options"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "detailTemplate": { "alias": "detailTemplate"; "required": false; }; }, { "expandClick": "expandClick"; "cardButtonClick": "cardButtonClick"; }, never, never, true, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { PaginatorState } from 'primeng/paginator';
|
|
2
|
+
import { RowCard, RowCardListOptions } from 'lib/src/core/types/row-card.type';
|
|
3
|
+
import { EventEmitter, OnChanges, SimpleChanges, DoCheck, TemplateRef } from '@angular/core';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class RowCardListComponent implements OnChanges, DoCheck {
|
|
6
|
+
data: RowCard[];
|
|
7
|
+
loading: boolean;
|
|
8
|
+
config: RowCardListOptions;
|
|
9
|
+
cardButtonClick: EventEmitter<RowCard>;
|
|
10
|
+
expandCard: EventEmitter<RowCard>;
|
|
11
|
+
detailTemplate?: TemplateRef<any>;
|
|
12
|
+
protected readonly isMobile: boolean;
|
|
13
|
+
protected readonly isTablet: boolean;
|
|
14
|
+
protected readonly options: import("@angular/core").WritableSignal<RowCardListOptions>;
|
|
15
|
+
protected readonly emptyTitle: import("@angular/core").Signal<string>;
|
|
16
|
+
protected readonly emptyText: import("@angular/core").Signal<string>;
|
|
17
|
+
protected readonly totalRecordsLabel: import("@angular/core").Signal<string>;
|
|
18
|
+
protected readonly expandedCardId: import("@angular/core").WritableSignal<string | null>;
|
|
19
|
+
private readonly raw;
|
|
20
|
+
protected readonly filtered: import("@angular/core").WritableSignal<RowCard[]>;
|
|
21
|
+
protected readonly page: import("@angular/core").WritableSignal<{
|
|
22
|
+
first: number;
|
|
23
|
+
rows: number;
|
|
24
|
+
}>;
|
|
25
|
+
protected readonly isFirstPage: import("@angular/core").Signal<boolean>;
|
|
26
|
+
protected readonly isLastPage: import("@angular/core").Signal<boolean>;
|
|
27
|
+
protected readonly pagedData: import("@angular/core").Signal<RowCard[]>;
|
|
28
|
+
private configHash;
|
|
29
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
30
|
+
ngDoCheck(): void;
|
|
31
|
+
protected onChangePaginator(event: PaginatorState): void;
|
|
32
|
+
protected nextPage(): void;
|
|
33
|
+
protected prevPage(): void;
|
|
34
|
+
protected onCardButtonClick(card: RowCard): void;
|
|
35
|
+
protected onButtonExpand(card: RowCard): void;
|
|
36
|
+
private applyConfigOptions;
|
|
37
|
+
private stableStringify;
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RowCardListComponent, never>;
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RowCardListComponent, "sdc-row-card-list", never, { "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "cardButtonClick": "cardButtonClick"; "expandCard": "expandCard"; }, ["detailTemplate"], never, true, never>;
|
|
40
|
+
}
|