primekit 0.0.43 → 0.0.45
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/lib/lib/atomix-form/atomix-form-chips/atomix-form-chips.component.mjs +15 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-chips/form.chips.models.mjs +2 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.mjs +12 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-radio-button/atomix-radio-button.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-pagination/atomix-pagination.component.mjs +6 -7
- package/fesm2022/primekit.mjs +45 -24
- package/fesm2022/primekit.mjs.map +1 -1
- package/lib/lib/atomix-form/atomix-form-chips/atomix-form-chips.component.d.ts +5 -1
- package/lib/lib/atomix-form/atomix-form-chips/form.chips.models.d.ts +4 -0
- package/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.d.ts +4 -1
- package/package.json +1 -1
|
@@ -13,15 +13,21 @@ export class AtomixFormChipsComponent {
|
|
|
13
13
|
tooltipPosition = 'bottom';
|
|
14
14
|
type = 'text';
|
|
15
15
|
styleClass = '';
|
|
16
|
+
allowDuplicate = false;
|
|
17
|
+
isLabelIconData = {
|
|
18
|
+
iconClass: '',
|
|
19
|
+
tooltip: '',
|
|
20
|
+
};
|
|
21
|
+
isLabelIconRequired = false;
|
|
16
22
|
get control() {
|
|
17
23
|
return this.form.get(this.controlName);
|
|
18
24
|
}
|
|
19
25
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormChipsComponent, selector: "atomix-form-chips", inputs: { controlName: "controlName", form: "form", label: "label", placeholder: "placeholder", tooltip: "tooltip", tooltipPosition: "tooltipPosition", type: "type", styleClass: "styleClass" }, ngImport: i0, template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\" class=\"ml-2\">{{ label }}
|
|
26
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormChipsComponent, selector: "atomix-form-chips", inputs: { controlName: "controlName", form: "form", label: "label", placeholder: "placeholder", tooltip: "tooltip", tooltipPosition: "tooltipPosition", type: "type", styleClass: "styleClass", allowDuplicate: "allowDuplicate", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired" }, ngImport: i0, template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\" class=\"ml-2\"\n >{{ label }}\n <i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n ></label>\n <p-chips\n separator=\",\"\n placeholder=\"Separate values with a comma or enter.\"\n [formControl]=\"control\"\n [id]=\"controlName\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n [styleClass]=\"styleClass + ' lib-form-chips'\"\n [allowDuplicate]=\"allowDuplicate\"\n ></p-chips>\n</div>\n", styles: ["::ng-deep .lib-form-chips{margin-top:.2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.Chips, selector: "p-chips", inputs: ["style", "styleClass", "disabled", "field", "placeholder", "max", "maxLength", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "allowDuplicate", "caseSensitiveDuplication", "inputStyle", "inputStyleClass", "addOnTab", "addOnBlur", "separator", "showClear", "autofocus", "variant"], outputs: ["onAdd", "onRemove", "onFocus", "onBlur", "onChipClick", "onChipContextMenu", "onClear"] }] });
|
|
21
27
|
}
|
|
22
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormChipsComponent, decorators: [{
|
|
23
29
|
type: Component,
|
|
24
|
-
args: [{ selector: 'atomix-form-chips', template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\" class=\"ml-2\">{{ label }}
|
|
30
|
+
args: [{ selector: 'atomix-form-chips', template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\" class=\"ml-2\"\n >{{ label }}\n <i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n ></label>\n <p-chips\n separator=\",\"\n placeholder=\"Separate values with a comma or enter.\"\n [formControl]=\"control\"\n [id]=\"controlName\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n [styleClass]=\"styleClass + ' lib-form-chips'\"\n [allowDuplicate]=\"allowDuplicate\"\n ></p-chips>\n</div>\n", styles: ["::ng-deep .lib-form-chips{margin-top:.2rem}\n"] }]
|
|
25
31
|
}], propDecorators: { controlName: [{
|
|
26
32
|
type: Input
|
|
27
33
|
}], form: [{
|
|
@@ -38,5 +44,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
38
44
|
type: Input
|
|
39
45
|
}], styleClass: [{
|
|
40
46
|
type: Input
|
|
47
|
+
}], allowDuplicate: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], isLabelIconData: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], isLabelIconRequired: [{
|
|
52
|
+
type: Input
|
|
41
53
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tY2hpcHMvYXRvbWl4LWZvcm0tY2hpcHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tY2hpcHMvYXRvbWl4LWZvcm0tY2hpcHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVNqRCxNQUFNLE9BQU8sd0JBQXdCO0lBQzFCLFdBQVcsQ0FBVTtJQUNyQixJQUFJLENBQWE7SUFDakIsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNYLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsT0FBTyxDQUFVO0lBQ2pCLGVBQWUsR0FBd0MsUUFBUSxDQUFDO0lBQ2hFLElBQUksR0FBRyxNQUFNLENBQUM7SUFDZCxVQUFVLEdBQUcsRUFBRSxDQUFDO0lBQ2hCLGNBQWMsR0FBWSxLQUFLLENBQUM7SUFDaEMsZUFBZSxHQUFrQjtRQUN4QyxTQUFTLEVBQUUsRUFBRTtRQUNiLE9BQU8sRUFBRSxFQUFFO0tBQ1osQ0FBQztJQUNPLG1CQUFtQixHQUFZLEtBQUssQ0FBQztJQUM5QyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0FqQlUsd0JBQXdCOzRGQUF4Qix3QkFBd0IsNldDVHJDLDRuQkFvQkE7OzRGRFhhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxtQkFBbUI7OEJBS3BCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFJRyxtQkFBbUI7c0JBQTNCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTGFiZWxJY29uRGF0YSB9IGZyb20gJy4vZm9ybS5jaGlwcy5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtZm9ybS1jaGlwcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtZm9ybS1jaGlwcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1mb3JtLWNoaXBzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peEZvcm1DaGlwc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbnRyb2xOYW1lITogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSB0b29sdGlwITogc3RyaW5nO1xuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246ICdyaWdodCcgfCAnbGVmdCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG4gIEBJbnB1dCgpIHR5cGUgPSAndGV4dCc7XG4gIEBJbnB1dCgpIHN0eWxlQ2xhc3MgPSAnJztcbiAgQElucHV0KCkgYWxsb3dEdXBsaWNhdGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaXNMYWJlbEljb25EYXRhOiBMYWJlbEljb25EYXRhID0ge1xuICAgIGljb25DbGFzczogJycsXG4gICAgdG9vbHRpcDogJycsXG4gIH07XG4gIEBJbnB1dCgpIGlzTGFiZWxJY29uUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgZ2V0IGNvbnRyb2woKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQodGhpcy5jb250cm9sTmFtZSkgYXMgRm9ybUNvbnRyb2w7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpdGVtIGZsZXggZmxleC1jb2x1bW5cIj5cbiAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbaHRtbEZvcl09XCJjb250cm9sTmFtZVwiIGNsYXNzPVwibWwtMlwiXG4gICAgPnt7IGxhYmVsIH19XG4gICAgPGlcbiAgICAgICpuZ0lmPVwiaXNMYWJlbEljb25SZXF1aXJlZFwiXG4gICAgICBbY2xhc3NdPVwiaXNMYWJlbEljb25EYXRhPy5pY29uQ2xhc3MgKyAnIG1sLTInXCJcbiAgICAgIFtwVG9vbHRpcF09XCJpc0xhYmVsSWNvbkRhdGE/LnRvb2x0aXBcIlxuICAgID48L2lcbiAgPjwvbGFiZWw+XG4gIDxwLWNoaXBzXG4gICAgc2VwYXJhdG9yPVwiLFwiXG4gICAgcGxhY2Vob2xkZXI9XCJTZXBhcmF0ZSB2YWx1ZXMgd2l0aCBhIGNvbW1hIG9yIGVudGVyLlwiXG4gICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICAgIFtpZF09XCJjb250cm9sTmFtZVwiXG4gICAgW3BUb29sdGlwXT1cInRvb2x0aXBcIlxuICAgIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCJcbiAgICBbc3R5bGVDbGFzc109XCJzdHlsZUNsYXNzICsgJyAgbGliLWZvcm0tY2hpcHMnXCJcbiAgICBbYWxsb3dEdXBsaWNhdGVdPVwiYWxsb3dEdXBsaWNhdGVcIlxuICA+PC9wLWNoaXBzPlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5jaGlwcy5tb2RlbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtZm9ybS9hdG9taXgtZm9ybS1jaGlwcy9mb3JtLmNoaXBzLm1vZGVscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgTGFiZWxJY29uRGF0YSA9IHsgaWNvbkNsYXNzOiBzdHJpbmc7IHRvb2x0aXA6IHN0cmluZyB9O1xuIl19
|
|
@@ -15,6 +15,11 @@ export class AtomixFormInputComponent {
|
|
|
15
15
|
tooltip;
|
|
16
16
|
class;
|
|
17
17
|
style;
|
|
18
|
+
isLabelIconData = {
|
|
19
|
+
iconClass: '',
|
|
20
|
+
tooltip: '',
|
|
21
|
+
};
|
|
22
|
+
isLabelIconRequired = false;
|
|
18
23
|
isLabelRequired = false;
|
|
19
24
|
tooltipPosition = 'bottom';
|
|
20
25
|
changeValueHandler = new EventEmitter();
|
|
@@ -26,11 +31,11 @@ export class AtomixFormInputComponent {
|
|
|
26
31
|
this.changeValueHandler.emit(input.value);
|
|
27
32
|
}
|
|
28
33
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormInputComponent, selector: "atomix-form-input", inputs: { controlName: "controlName", form: "form", label: "label", max: "max", min: "min", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", style: "style", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition" }, outputs: { changeValueHandler: "changeValueHandler" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n >{{ label }}
|
|
34
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormInputComponent, selector: "atomix-form-input", inputs: { controlName: "controlName", form: "form", label: "label", max: "max", min: "min", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", style: "style", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition" }, outputs: { changeValueHandler: "changeValueHandler" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n ><i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n></label>\n<input\n pInputText\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [maxlength]=\"max\"\n [min]=\"min\"\n (input)=\"onInput($event)\"\n [pTooltip]=\"tooltip\"\n [type]=\"type\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class + ' lib-input-field'\"\n autocomplete=\"new-password\"\n [style]=\"style\"\n/>\n", styles: ["::ng-deep .lib-input-field{border-radius:30px;margin-top:.2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["variant"] }, { 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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
30
35
|
}
|
|
31
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, decorators: [{
|
|
32
37
|
type: Component,
|
|
33
|
-
args: [{ selector: 'atomix-form-input', template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n >{{ label }}
|
|
38
|
+
args: [{ selector: 'atomix-form-input', template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n ><i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n></label>\n<input\n pInputText\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [maxlength]=\"max\"\n [min]=\"min\"\n (input)=\"onInput($event)\"\n [pTooltip]=\"tooltip\"\n [type]=\"type\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class + ' lib-input-field'\"\n autocomplete=\"new-password\"\n [style]=\"style\"\n/>\n", styles: ["::ng-deep .lib-input-field{border-radius:30px;margin-top:.2rem}\n"] }]
|
|
34
39
|
}], propDecorators: { controlName: [{
|
|
35
40
|
type: Input
|
|
36
41
|
}], form: [{
|
|
@@ -51,6 +56,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
51
56
|
type: Input
|
|
52
57
|
}], style: [{
|
|
53
58
|
type: Input
|
|
59
|
+
}], isLabelIconData: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], isLabelIconRequired: [{
|
|
62
|
+
type: Input
|
|
54
63
|
}], isLabelRequired: [{
|
|
55
64
|
type: Input
|
|
56
65
|
}], tooltipPosition: [{
|
|
@@ -58,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
58
67
|
}], changeValueHandler: [{
|
|
59
68
|
type: Output
|
|
60
69
|
}] } });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1mb3JtL2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50L2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTdkUsTUFBTSxPQUFPLHdCQUF3QjtJQUMxQixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxHQUFHLENBQWlCO0lBQ3BCLEdBQUcsQ0FBVTtJQUNiLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsSUFBSSxHQUFHLE1BQU0sQ0FBQztJQUNkLE9BQU8sQ0FBVTtJQUNqQixLQUFLLENBQVU7SUFDZixLQUFLLENBQU07SUFDWCxlQUFlLEdBQWtCO1FBQ3hDLFNBQVMsRUFBRSxFQUFFO1FBQ2IsT0FBTyxFQUFFLEVBQUU7S0FDWixDQUFDO0lBQ08sbUJBQW1CLEdBQVksS0FBSyxDQUFDO0lBQ3JDLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsZUFBZSxHQUF3QyxRQUFRLENBQUM7SUFDL0Qsa0JBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUUxRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQztJQUNELE9BQU8sQ0FBQyxLQUFZO1FBQ2xCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBRS9DLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVDLENBQUM7d0dBM0JVLHdCQUF3Qjs0RkFBeEIsd0JBQXdCLG9jQ1RyQywrcEJBdUJBOzs0RkRkYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQUtwQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUlHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0ksa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBMYWJlbEljb25EYXRhIH0gZnJvbSAnLi4vYXRvbWl4LWZvcm0tY2hpcHMvZm9ybS5jaGlwcy5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtZm9ybS1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXRvbWl4Rm9ybUlucHV0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgY29udHJvbE5hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZvcm0hOiBGb3JtR3JvdXA7XG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIG1heCE6IG51bWJlciB8IG51bGw7XG4gIEBJbnB1dCgpIG1pbiE6IG51bWJlcjtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgdHlwZSA9ICd0ZXh0JztcbiAgQElucHV0KCkgdG9vbHRpcCE6IHN0cmluZztcbiAgQElucHV0KCkgY2xhc3MhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHN0eWxlOiBhbnk7XG4gIEBJbnB1dCgpIGlzTGFiZWxJY29uRGF0YTogTGFiZWxJY29uRGF0YSA9IHtcbiAgICBpY29uQ2xhc3M6ICcnLFxuICAgIHRvb2x0aXA6ICcnLFxuICB9O1xuICBASW5wdXQoKSBpc0xhYmVsSWNvblJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGlzTGFiZWxSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246ICdyaWdodCcgfCAnbGVmdCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG4gIEBPdXRwdXQoKSBjaGFuZ2VWYWx1ZUhhbmRsZXIgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBnZXQgY29udHJvbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxuICBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG5cbiAgICB0aGlzLmNoYW5nZVZhbHVlSGFuZGxlci5lbWl0KGlucHV0LnZhbHVlKTtcbiAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbZm9yXT1cImNvbnRyb2xOYW1lXCIgY2xhc3M9XCJtbC0yXCJcbiAgPnt7IGxhYmVsIH19IDxzcGFuICpuZ0lmPVwiaXNMYWJlbFJlcXVpcmVkXCIgY2xhc3M9XCJlcnJvci1hc3Rlcmlza1wiPio8L3NwYW5cbiAgPjxpXG4gICAgKm5nSWY9XCJpc0xhYmVsSWNvblJlcXVpcmVkXCJcbiAgICBbY2xhc3NdPVwiaXNMYWJlbEljb25EYXRhPy5pY29uQ2xhc3MgKyAnIG1sLTInXCJcbiAgICBbcFRvb2x0aXBdPVwiaXNMYWJlbEljb25EYXRhPy50b29sdGlwXCJcbiAgPjwvaVxuPjwvbGFiZWw+XG48aW5wdXRcbiAgcElucHV0VGV4dFxuICBbaWRdPVwiY29udHJvbE5hbWVcIlxuICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIFttYXhsZW5ndGhdPVwibWF4XCJcbiAgW21pbl09XCJtaW5cIlxuICAoaW5wdXQpPVwib25JbnB1dCgkZXZlbnQpXCJcbiAgW3BUb29sdGlwXT1cInRvb2x0aXBcIlxuICBbdHlwZV09XCJ0eXBlXCJcbiAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxuICBbbmdDbGFzc109XCJjbGFzcyArICcgbGliLWlucHV0LWZpZWxkJ1wiXG4gIGF1dG9jb21wbGV0ZT1cIm5ldy1wYXNzd29yZFwiXG4gIFtzdHlsZV09XCJzdHlsZVwiXG4vPlxuIl19
|
package/esm2022/lib/lib/atomix-form/atomix-form-radio-button/atomix-radio-button.component.mjs
CHANGED
|
@@ -10,11 +10,11 @@ export class AtomixFormRadioButtonComponent {
|
|
|
10
10
|
return this.form.get(this.controlName);
|
|
11
11
|
}
|
|
12
12
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormRadioButtonComponent, selector: "atomix-form-radio-button", inputs: { controlName: "controlName", form: "form", value: "value" }, ngImport: i0, template: "<p-radioButton\n [formControl]=\"control\"\n [inputId]=\"controlName\"\n [value]=\"value\"\n></p-radioButton>\n<label [for]=\"controlName\" class=\"ml-2\">{{ value.name }}</label
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormRadioButtonComponent, selector: "atomix-form-radio-button", inputs: { controlName: "controlName", form: "form", value: "value" }, ngImport: i0, template: "<p-radioButton\n [formControl]=\"control\"\n [inputId]=\"controlName\"\n [value]=\"value.key\"\n></p-radioButton>\n<label [for]=\"controlName\" class=\"ml-2\">{{ value.name }}</label>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormRadioButtonComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'atomix-form-radio-button', template: "<p-radioButton\n [formControl]=\"control\"\n [inputId]=\"controlName\"\n [value]=\"value\"\n></p-radioButton>\n<label [for]=\"controlName\" class=\"ml-2\">{{ value.name }}</label
|
|
17
|
+
args: [{ selector: 'atomix-form-radio-button', template: "<p-radioButton\n [formControl]=\"control\"\n [inputId]=\"controlName\"\n [value]=\"value.key\"\n></p-radioButton>\n<label [for]=\"controlName\" class=\"ml-2\">{{ value.name }}</label>" }]
|
|
18
18
|
}], propDecorators: { controlName: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], form: [{
|
|
@@ -22,4 +22,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
22
22
|
}], value: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}] } });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtZm9ybS9hdG9taXgtZm9ybS1yYWRpby1idXR0b24vYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtZm9ybS9hdG9taXgtZm9ybS1yYWRpby1idXR0b24vYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVFqRCxNQUFNLE9BQU8sOEJBQThCO0lBQ2hDLFdBQVcsQ0FBVTtJQUNyQixJQUFJLENBQWE7SUFDakIsS0FBSyxHQUFrQyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxDQUFDO0lBRXRFLElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBZ0IsQ0FBQztJQUN4RCxDQUFDO3dHQVBVLDhCQUE4Qjs0RkFBOUIsOEJBQThCLHNJQ1IzQyw0TEFLZ0U7OzRGREduRCw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsMEJBQTBCOzhCQUszQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtZm9ybS1yYWRpby1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1yYWRpby1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXRvbWl4Rm9ybVJhZGlvQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29udHJvbE5hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZvcm0hOiBGb3JtR3JvdXA7XG4gIEBJbnB1dCgpIHZhbHVlOiB7IG5hbWU6IHN0cmluZzsga2V5OiBzdHJpbmcgfSA9IHsgbmFtZTogJycsIGtleTogJycgfTtcblxuICBnZXQgY29udHJvbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxufVxuIiwiPHAtcmFkaW9CdXR0b25cbiAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICBbaW5wdXRJZF09XCJjb250cm9sTmFtZVwiXG4gIFt2YWx1ZV09XCJ2YWx1ZS5rZXlcIlxuPjwvcC1yYWRpb0J1dHRvbj5cbjxsYWJlbCBbZm9yXT1cImNvbnRyb2xOYW1lXCIgY2xhc3M9XCJtbC0yXCI+e3sgdmFsdWUubmFtZSB9fTwvbGFiZWw+Il19
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
4
|
-
import * as i2 from "
|
|
5
|
-
import * as i3 from "
|
|
6
|
-
import * as i4 from "primeng/paginator";
|
|
3
|
+
import * as i1 from "primeng/dropdown";
|
|
4
|
+
import * as i2 from "@angular/forms";
|
|
5
|
+
import * as i3 from "primeng/paginator";
|
|
7
6
|
export class AtomixPaginationComponent {
|
|
8
7
|
dataLength = 0;
|
|
9
8
|
totalRecords = 0;
|
|
@@ -20,11 +19,11 @@ export class AtomixPaginationComponent {
|
|
|
20
19
|
{ label: 500, value: 500 },
|
|
21
20
|
];
|
|
22
21
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixPaginationComponent, selector: "app-pagination", inputs: { dataLength: "dataLength", totalRecords: "totalRecords", page: "page", size: "size" }, outputs: { handleDropdownValueChange: "handleDropdownValueChange", paginatorChange: "paginatorChange" }, ngImport: i0, template: "<div class=\"pagination-container\"
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixPaginationComponent, selector: "app-pagination", inputs: { dataLength: "dataLength", totalRecords: "totalRecords", page: "page", size: "size" }, outputs: { handleDropdownValueChange: "handleDropdownValueChange", paginatorChange: "paginatorChange" }, ngImport: i0, template: "<div class=\"pagination-container\">\n <span class=\"mx-1 text-color table-text\">Items per page: </span>\n <p-dropdown\n [options]=\"options\"\n optionLabel=\"label\"\n optionValue=\"value\"\n [(ngModel)]=\"size\"\n (onChange)=\"handleDropdownValueChange.emit($event)\"\n styleClass=\"pagination-dropdown\"\n />\n <p-paginator\n [first]=\"page * size\"\n [rows]=\"size\"\n [totalRecords]=\"totalRecords\"\n (onPageChange)=\"paginatorChange.emit($event)\"\n [showCurrentPageReport]=\"true\"\n currentPageReportTemplate=\"{first} - {last} of {totalRecords}\"\n [showPageLinks]=\"false\"\n [showFirstLastIcon]=\"false\"\n ></p-paginator>\n</div>\n", styles: [".pagination-container{display:flex;align-items:center;justify-content:flex-end;padding-right:1rem}.pagination-container .p-inputwrapper{width:auto;max-width:7rem}::ng-deep .pagination-dropdown{border-radius:6px}:is() .p-inputtext{padding:.4rem 1rem}\n"], dependencies: [{ kind: "component", type: i1.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "appendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }] });
|
|
24
23
|
}
|
|
25
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixPaginationComponent, decorators: [{
|
|
26
25
|
type: Component,
|
|
27
|
-
args: [{ selector: 'app-pagination', template: "<div class=\"pagination-container\"
|
|
26
|
+
args: [{ selector: 'app-pagination', template: "<div class=\"pagination-container\">\n <span class=\"mx-1 text-color table-text\">Items per page: </span>\n <p-dropdown\n [options]=\"options\"\n optionLabel=\"label\"\n optionValue=\"value\"\n [(ngModel)]=\"size\"\n (onChange)=\"handleDropdownValueChange.emit($event)\"\n styleClass=\"pagination-dropdown\"\n />\n <p-paginator\n [first]=\"page * size\"\n [rows]=\"size\"\n [totalRecords]=\"totalRecords\"\n (onPageChange)=\"paginatorChange.emit($event)\"\n [showCurrentPageReport]=\"true\"\n currentPageReportTemplate=\"{first} - {last} of {totalRecords}\"\n [showPageLinks]=\"false\"\n [showFirstLastIcon]=\"false\"\n ></p-paginator>\n</div>\n", styles: [".pagination-container{display:flex;align-items:center;justify-content:flex-end;padding-right:1rem}.pagination-container .p-inputwrapper{width:auto;max-width:7rem}::ng-deep .pagination-dropdown{border-radius:6px}:is() .p-inputtext{padding:.4rem 1rem}\n"] }]
|
|
28
27
|
}], propDecorators: { dataLength: [{
|
|
29
28
|
type: Input
|
|
30
29
|
}], totalRecords: [{
|
|
@@ -38,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
38
37
|
}], paginatorChange: [{
|
|
39
38
|
type: Output
|
|
40
39
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXBhZ2luYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LXBhZ2luYXRpb24vYXRvbWl4LXBhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LXBhZ2luYXRpb24vYXRvbWl4LXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRdkUsTUFBTSxPQUFPLHlCQUF5QjtJQUMzQixVQUFVLEdBQVcsQ0FBQyxDQUFDO0lBQ3ZCLFlBQVksR0FBVyxDQUFDLENBQUM7SUFDekIsSUFBSSxHQUFXLENBQUMsQ0FBQztJQUNqQixJQUFJLEdBQVcsRUFBRSxDQUFDO0lBQ2pCLHlCQUF5QixHQUFHLElBQUksWUFBWSxFQUF1QixDQUFDO0lBQ3BFLGVBQWUsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBQ3BELE9BQU8sR0FBRztRQUNSLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO1FBQ3hCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO1FBQ3hCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO1FBQ3hCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO1FBQ3hCLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFO1FBQzFCLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFO0tBQzNCLENBQUM7d0dBZFMseUJBQXlCOzRGQUF6Qix5QkFBeUIsK1BDUnRDLHNyQkFxQkE7OzRGRGJhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBS2pCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNJLHlCQUF5QjtzQkFBbEMsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERyb3Bkb3duQ2hhbmdlRXZlbnQgfSBmcm9tICdwcmltZW5nL2Ryb3Bkb3duJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXBhZ2luYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtcGFnaW5hdGlvbi5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peFBhZ2luYXRpb25Db21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhTGVuZ3RoOiBudW1iZXIgPSAwO1xuICBASW5wdXQoKSB0b3RhbFJlY29yZHM6IG51bWJlciA9IDA7XG4gIEBJbnB1dCgpIHBhZ2U6IG51bWJlciA9IDA7XG4gIEBJbnB1dCgpIHNpemU6IG51bWJlciA9IDI1O1xuICBAT3V0cHV0KCkgaGFuZGxlRHJvcGRvd25WYWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8RHJvcGRvd25DaGFuZ2VFdmVudD4oKTtcbiAgQE91dHB1dCgpIHBhZ2luYXRvckNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBvcHRpb25zID0gW1xuICAgIHsgbGFiZWw6IDEwLCB2YWx1ZTogMTAgfSxcbiAgICB7IGxhYmVsOiAyNSwgdmFsdWU6IDI1IH0sXG4gICAgeyBsYWJlbDogNTAsIHZhbHVlOiA1MCB9LFxuICAgIHsgbGFiZWw6IDc1LCB2YWx1ZTogNzUgfSxcbiAgICB7IGxhYmVsOiAxMDAsIHZhbHVlOiAxMDAgfSxcbiAgICB7IGxhYmVsOiA1MDAsIHZhbHVlOiA1MDAgfSxcbiAgXTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJwYWdpbmF0aW9uLWNvbnRhaW5lclwiPlxuICA8c3BhbiBjbGFzcz1cIm14LTEgdGV4dC1jb2xvciB0YWJsZS10ZXh0XCI+SXRlbXMgcGVyIHBhZ2U6IDwvc3Bhbj5cbiAgPHAtZHJvcGRvd25cbiAgICBbb3B0aW9uc109XCJvcHRpb25zXCJcbiAgICBvcHRpb25MYWJlbD1cImxhYmVsXCJcbiAgICBvcHRpb25WYWx1ZT1cInZhbHVlXCJcbiAgICBbKG5nTW9kZWwpXT1cInNpemVcIlxuICAgIChvbkNoYW5nZSk9XCJoYW5kbGVEcm9wZG93blZhbHVlQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gICAgc3R5bGVDbGFzcz1cInBhZ2luYXRpb24tZHJvcGRvd25cIlxuICAvPlxuICA8cC1wYWdpbmF0b3JcbiAgICBbZmlyc3RdPVwicGFnZSAqIHNpemVcIlxuICAgIFtyb3dzXT1cInNpemVcIlxuICAgIFt0b3RhbFJlY29yZHNdPVwidG90YWxSZWNvcmRzXCJcbiAgICAob25QYWdlQ2hhbmdlKT1cInBhZ2luYXRvckNoYW5nZS5lbWl0KCRldmVudClcIlxuICAgIFtzaG93Q3VycmVudFBhZ2VSZXBvcnRdPVwidHJ1ZVwiXG4gICAgY3VycmVudFBhZ2VSZXBvcnRUZW1wbGF0ZT1cIntmaXJzdH0gLSB7bGFzdH0gb2Yge3RvdGFsUmVjb3Jkc31cIlxuICAgIFtzaG93UGFnZUxpbmtzXT1cImZhbHNlXCJcbiAgICBbc2hvd0ZpcnN0TGFzdEljb25dPVwiZmFsc2VcIlxuICA+PC9wLXBhZ2luYXRvcj5cbjwvZGl2PlxuIl19
|