primekit 0.0.25 → 0.0.27
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-button/atomix-button.component.mjs +2 -2
- package/esm2022/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.mjs +63 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-calendar/atomix-form-calendar.component.mjs +59 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-checkbox/atomix-form-checkbox.component.mjs +48 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-chips/atomix-form-chips.component.mjs +39 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-dropdown/atomix-form-dropdown.component.mjs +63 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.mjs +61 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-inputmask-component/atomix-form-inputmask-component.component.mjs +48 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-password-component/atomix-form-password-component.component.mjs +48 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.mjs +43 -0
- package/esm2022/lib/lib/atomix-form/atomix-radio-button/atomix-radio-button.component.mjs +25 -0
- package/esm2022/lib/lib/atomix-pagination/atomix-pagination.component.mjs +41 -0
- package/esm2022/lib/lib/atomix-snackbar/atomix-snackbar.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-table/atomix-table.component.mjs +89 -17
- package/esm2022/lib/lib/atomix-table/atomix-table.models.mjs +1 -1
- package/esm2022/lib/lib/skeleton/table-skeleton/table-skeleton.component.mjs +25 -0
- package/esm2022/lib/primekit.module.mjs +105 -8
- package/esm2022/public-api.mjs +14 -1
- package/fesm2022/primekit.mjs +695 -36
- package/fesm2022/primekit.mjs.map +1 -1
- package/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.d.ts +29 -0
- package/lib/lib/atomix-form/atomix-form-calendar/atomix-form-calendar.component.d.ts +23 -0
- package/lib/lib/atomix-form/atomix-form-checkbox/atomix-form-checkbox.component.d.ts +18 -0
- package/lib/lib/atomix-form/atomix-form-chips/atomix-form-chips.component.d.ts +14 -0
- package/lib/lib/atomix-form/atomix-form-dropdown/atomix-form-dropdown.component.d.ts +23 -0
- package/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.d.ts +22 -0
- package/lib/lib/atomix-form/atomix-form-inputmask-component/atomix-form-inputmask-component.component.d.ts +17 -0
- package/lib/lib/atomix-form/atomix-form-password-component/atomix-form-password-component.component.d.ts +17 -0
- package/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.d.ts +16 -0
- package/lib/lib/atomix-form/atomix-radio-button/atomix-radio-button.component.d.ts +13 -0
- package/lib/lib/atomix-pagination/atomix-pagination.component.d.ts +17 -0
- package/lib/lib/atomix-table/atomix-table.component.d.ts +29 -11
- package/lib/lib/atomix-table/atomix-table.models.d.ts +8 -0
- package/lib/lib/skeleton/table-skeleton/table-skeleton.component.d.ts +9 -0
- package/lib/primekit.module.d.ts +31 -11
- package/package.json +1 -1
- package/public-api.d.ts +12 -0
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/forms";
|
|
5
|
+
export class AtomixFormTextareaComponent {
|
|
6
|
+
controlName;
|
|
7
|
+
form;
|
|
8
|
+
label = '';
|
|
9
|
+
rows = 5;
|
|
10
|
+
cols = 30;
|
|
11
|
+
placeholder = '';
|
|
12
|
+
disabled = false;
|
|
13
|
+
class;
|
|
14
|
+
isLabelRequired = false;
|
|
15
|
+
get control() {
|
|
16
|
+
return this.form.get(this.controlName);
|
|
17
|
+
}
|
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormTextareaComponent, selector: "atomix-form-textarea", inputs: { controlName: "controlName", form: "form", label: "label", rows: "rows", cols: "cols", placeholder: "placeholder", disabled: "disabled", class: "class", isLabelRequired: "isLabelRequired" }, ngImport: i0, template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<textarea\n variant=\"filled\"\n pInputTextarea\n [rows]=\"rows\"\n [id]=\"controlName\"\n [cols]=\"cols\"\n [ngClass]=\"class\"\n [disabled]=\"disabled\"\n autocomplete=\"new-password\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n></textarea>\n", styles: [""], 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.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormTextareaComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ selector: 'atomix-form-textarea', template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<textarea\n variant=\"filled\"\n pInputTextarea\n [rows]=\"rows\"\n [id]=\"controlName\"\n [cols]=\"cols\"\n [ngClass]=\"class\"\n [disabled]=\"disabled\"\n autocomplete=\"new-password\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n></textarea>\n" }]
|
|
24
|
+
}], propDecorators: { controlName: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}], form: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], label: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], rows: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], cols: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], placeholder: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], disabled: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], class: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], isLabelRequired: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}] } });
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tdGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tdGV4dGFyZWEvYXRvbWl4LWZvcm0tdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tdGV4dGFyZWEvYXRvbWl4LWZvcm0tdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRakQsTUFBTSxPQUFPLDJCQUEyQjtJQUM3QixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxJQUFJLEdBQVcsQ0FBQyxDQUFDO0lBQ2pCLElBQUksR0FBVyxFQUFFLENBQUM7SUFDbEIsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBQzFCLEtBQUssQ0FBVTtJQUNmLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFFMUMsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFnQixDQUFDO0lBQ3hELENBQUM7d0dBYlUsMkJBQTJCOzRGQUEzQiwyQkFBMkIsb1FDUnhDLHlZQWdCQTs7NEZEUmEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHNCQUFzQjs4QkFLdkIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LWZvcm0tdGV4dGFyZWEnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWZvcm0tdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtZm9ybS10ZXh0YXJlYS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhGb3JtVGV4dGFyZWFDb21wb25lbnQge1xuICBASW5wdXQoKSBjb250cm9sTmFtZSE6IHN0cmluZztcbiAgQElucHV0KCkgZm9ybSE6IEZvcm1Hcm91cDtcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KCkgcm93czogbnVtYmVyID0gNTtcbiAgQElucHV0KCkgY29sczogbnVtYmVyID0gMzA7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGNsYXNzITogc3RyaW5nO1xuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBnZXQgY29udHJvbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwibGFiZWxcIlxuICA+e3sgbGFiZWwgfX1cbiAgPHNwYW4gKm5nSWY9XCJpc0xhYmVsUmVxdWlyZWRcIiBjbGFzcz1cImVycm9yLWFzdGVyaXNrXCI+Kjwvc3Bhbj48L2xhYmVsXG4+XG48dGV4dGFyZWFcbiAgdmFyaWFudD1cImZpbGxlZFwiXG4gIHBJbnB1dFRleHRhcmVhXG4gIFtyb3dzXT1cInJvd3NcIlxuICBbaWRdPVwiY29udHJvbE5hbWVcIlxuICBbY29sc109XCJjb2xzXCJcbiAgW25nQ2xhc3NdPVwiY2xhc3NcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICBhdXRvY29tcGxldGU9XCJuZXctcGFzc3dvcmRcIlxuICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4+PC90ZXh0YXJlYT5cbiJdfQ==
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/forms";
|
|
4
|
+
import * as i2 from "primeng/radiobutton";
|
|
5
|
+
export class AtomixRadioButtonComponent {
|
|
6
|
+
controlName;
|
|
7
|
+
form;
|
|
8
|
+
value = { name: '', key: '' };
|
|
9
|
+
get control() {
|
|
10
|
+
return this.form.get(this.controlName);
|
|
11
|
+
}
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixRadioButtonComponent, selector: "atomix-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>\n", 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
|
+
}
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixRadioButtonComponent, decorators: [{
|
|
16
|
+
type: Component,
|
|
17
|
+
args: [{ selector: 'atomix-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>\n" }]
|
|
18
|
+
}], propDecorators: { controlName: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}], form: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}], value: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}] } });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtZm9ybS9hdG9taXgtcmFkaW8tYnV0dG9uL2F0b21peC1yYWRpby1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LXJhZGlvLWJ1dHRvbi9hdG9taXgtcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUWpELE1BQU0sT0FBTywwQkFBMEI7SUFDNUIsV0FBVyxDQUFVO0lBQ3JCLElBQUksQ0FBYTtJQUNqQixLQUFLLEdBQWtDLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLENBQUM7SUFFdEUsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFnQixDQUFDO0lBQ3hELENBQUM7d0dBUFUsMEJBQTBCOzRGQUExQiwwQkFBMEIsaUlDUnZDLDBMQU1BOzs0RkRFYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UscUJBQXFCOzhCQUt0QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtcmFkaW8tYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peFJhZGlvQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29udHJvbE5hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZvcm0hOiBGb3JtR3JvdXA7XG4gIEBJbnB1dCgpIHZhbHVlOiB7IG5hbWU6IHN0cmluZzsga2V5OiBzdHJpbmcgfSA9IHsgbmFtZTogJycsIGtleTogJycgfTtcblxuICBnZXQgY29udHJvbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxufVxuIiwiPHAtcmFkaW9CdXR0b25cbiAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICBbaW5wdXRJZF09XCJjb250cm9sTmFtZVwiXG4gIFt2YWx1ZV09XCJ2YWx1ZVwiXG4+PC9wLXJhZGlvQnV0dG9uPlxuPGxhYmVsIFtmb3JdPVwiY29udHJvbE5hbWVcIiBjbGFzcz1cIm1sLTJcIj57eyB2YWx1ZS5uYW1lIH19PC9sYWJlbD5cbiJdfQ==
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "primeng/dropdown";
|
|
5
|
+
import * as i3 from "@angular/forms";
|
|
6
|
+
import * as i4 from "primeng/paginator";
|
|
7
|
+
export class AtomixPaginationComponent {
|
|
8
|
+
dataLength = 0;
|
|
9
|
+
totalRecords = 0;
|
|
10
|
+
page = 0;
|
|
11
|
+
size = 25;
|
|
12
|
+
handleDropdownValueChange = new EventEmitter();
|
|
13
|
+
paginatorChange = new EventEmitter();
|
|
14
|
+
options = [
|
|
15
|
+
{ label: 10, value: 10 },
|
|
16
|
+
{ label: 25, value: 25 },
|
|
17
|
+
{ label: 50, value: 50 },
|
|
18
|
+
{ label: 75, value: 75 },
|
|
19
|
+
{ label: 100, value: 100 },
|
|
20
|
+
{ label: 500, value: 500 },
|
|
21
|
+
];
|
|
22
|
+
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\" *ngIf=\"dataLength > 10 ? true : false\">\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}.table-text{font-size:14px;font-weight:400;line-height:17px;color:#6b7280;font-family:inter,sans-serif}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.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
|
+
}
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixPaginationComponent, decorators: [{
|
|
26
|
+
type: Component,
|
|
27
|
+
args: [{ selector: 'app-pagination', template: "<div class=\"pagination-container\" *ngIf=\"dataLength > 10 ? true : false\">\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}.table-text{font-size:14px;font-weight:400;line-height:17px;color:#6b7280;font-family:inter,sans-serif}\n"] }]
|
|
28
|
+
}], propDecorators: { dataLength: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], totalRecords: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], page: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], size: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], handleDropdownValueChange: [{
|
|
37
|
+
type: Output
|
|
38
|
+
}], paginatorChange: [{
|
|
39
|
+
type: Output
|
|
40
|
+
}] } });
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXBhZ2luYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LXBhZ2luYXRpb24vYXRvbWl4LXBhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LXBhZ2luYXRpb24vYXRvbWl4LXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyx5QkFBeUI7SUFDM0IsVUFBVSxHQUFXLENBQUMsQ0FBQztJQUN2QixZQUFZLEdBQVcsQ0FBQyxDQUFDO0lBQ3pCLElBQUksR0FBVyxDQUFDLENBQUM7SUFDakIsSUFBSSxHQUFXLEVBQUUsQ0FBQztJQUNqQix5QkFBeUIsR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQztJQUNwRSxlQUFlLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUNwRCxPQUFPLEdBQUc7UUFDUixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtRQUN4QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtRQUN4QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtRQUN4QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtRQUN4QixFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRTtRQUMxQixFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRTtLQUMzQixDQUFDO3dHQWRTLHlCQUF5Qjs0RkFBekIseUJBQXlCLCtQQ1J0QywrdEJBcUJBOzs0RkRiYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQUtqQixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSx5QkFBeUI7c0JBQWxDLE1BQU07Z0JBQ0csZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEcm9wZG93bkNoYW5nZUV2ZW50IH0gZnJvbSAncHJpbWVuZy9kcm9wZG93bic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1wYWdpbmF0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LXBhZ2luYXRpb24uY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhQYWdpbmF0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YUxlbmd0aDogbnVtYmVyID0gMDtcbiAgQElucHV0KCkgdG90YWxSZWNvcmRzOiBudW1iZXIgPSAwO1xuICBASW5wdXQoKSBwYWdlOiBudW1iZXIgPSAwO1xuICBASW5wdXQoKSBzaXplOiBudW1iZXIgPSAyNTtcbiAgQE91dHB1dCgpIGhhbmRsZURyb3Bkb3duVmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPERyb3Bkb3duQ2hhbmdlRXZlbnQ+KCk7XG4gIEBPdXRwdXQoKSBwYWdpbmF0b3JDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgb3B0aW9ucyA9IFtcbiAgICB7IGxhYmVsOiAxMCwgdmFsdWU6IDEwIH0sXG4gICAgeyBsYWJlbDogMjUsIHZhbHVlOiAyNSB9LFxuICAgIHsgbGFiZWw6IDUwLCB2YWx1ZTogNTAgfSxcbiAgICB7IGxhYmVsOiA3NSwgdmFsdWU6IDc1IH0sXG4gICAgeyBsYWJlbDogMTAwLCB2YWx1ZTogMTAwIH0sXG4gICAgeyBsYWJlbDogNTAwLCB2YWx1ZTogNTAwIH0sXG4gIF07XG59XG4iLCI8ZGl2IGNsYXNzPVwicGFnaW5hdGlvbi1jb250YWluZXJcIiAqbmdJZj1cImRhdGFMZW5ndGggPiAxMCA/IHRydWUgOiBmYWxzZVwiPlxuICA8c3BhbiBjbGFzcz1cIm14LTEgdGV4dC1jb2xvciB0YWJsZS10ZXh0XCI+SXRlbXMgcGVyIHBhZ2U6IDwvc3Bhbj5cbiAgPHAtZHJvcGRvd25cbiAgICBbb3B0aW9uc109XCJvcHRpb25zXCJcbiAgICBvcHRpb25MYWJlbD1cImxhYmVsXCJcbiAgICBvcHRpb25WYWx1ZT1cInZhbHVlXCJcbiAgICBbKG5nTW9kZWwpXT1cInNpemVcIlxuICAgIChvbkNoYW5nZSk9XCJoYW5kbGVEcm9wZG93blZhbHVlQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gICAgc3R5bGVDbGFzcz1cInBhZ2luYXRpb24tZHJvcGRvd25cIlxuICAvPlxuICA8cC1wYWdpbmF0b3JcbiAgICBbZmlyc3RdPVwicGFnZSAqIHNpemVcIlxuICAgIFtyb3dzXT1cInNpemVcIlxuICAgIFt0b3RhbFJlY29yZHNdPVwidG90YWxSZWNvcmRzXCJcbiAgICAob25QYWdlQ2hhbmdlKT1cInBhZ2luYXRvckNoYW5nZS5lbWl0KCRldmVudClcIlxuICAgIFtzaG93Q3VycmVudFBhZ2VSZXBvcnRdPVwidHJ1ZVwiXG4gICAgY3VycmVudFBhZ2VSZXBvcnRUZW1wbGF0ZT1cIntmaXJzdH0gLSB7bGFzdH0gb2Yge3RvdGFsUmVjb3Jkc31cIlxuICAgIFtzaG93UGFnZUxpbmtzXT1cImZhbHNlXCJcbiAgICBbc2hvd0ZpcnN0TGFzdEljb25dPVwiZmFsc2VcIlxuICA+PC9wLXBhZ2luYXRvcj5cbjwvZGl2PlxuIl19
|
|
@@ -20,10 +20,10 @@ export class AtomixSnackbarComponent {
|
|
|
20
20
|
this.isVisible = false;
|
|
21
21
|
}
|
|
22
22
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSnackbarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixSnackbarComponent, selector: "atomix-snackbar", ngImport: i0, template: "<div *ngIf=\"isVisible\" class=\"snackbar\">\n
|
|
23
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixSnackbarComponent, selector: "atomix-snackbar", ngImport: i0, template: "<div *ngIf=\"isVisible\" class=\"snackbar\">\n {{ message }}\n <span class=\"close-btn\" (click)=\"hideSnackbar()\">\u2716</span>\n</div>\n", styles: [".snackbar{visibility:visible;min-width:250px;background-color:#606060;color:#fff;text-align:center;border-radius:5px;padding:16px;position:fixed;left:50%;bottom:30px;transform:translate(-50%);font-size:17px;box-shadow:0 4px 6px #0003;z-index:99999999;transition:opacity .5s,bottom .5s}.snackbar.show{opacity:1;bottom:50px}.close-btn{margin-left:15px;font-weight:700;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSnackbarComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
args: [{ selector: 'atomix-snackbar', template: "<div *ngIf=\"isVisible\" class=\"snackbar\">\n
|
|
27
|
+
args: [{ selector: 'atomix-snackbar', template: "<div *ngIf=\"isVisible\" class=\"snackbar\">\n {{ message }}\n <span class=\"close-btn\" (click)=\"hideSnackbar()\">\u2716</span>\n</div>\n", styles: [".snackbar{visibility:visible;min-width:250px;background-color:#606060;color:#fff;text-align:center;border-radius:5px;padding:16px;position:fixed;left:50%;bottom:30px;transform:translate(-50%);font-size:17px;box-shadow:0 4px 6px #0003;z-index:99999999;transition:opacity .5s,bottom .5s}.snackbar.show{opacity:1;bottom:50px}.close-btn{margin-left:15px;font-weight:700;cursor:pointer}\n"] }]
|
|
28
28
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXNuYWNrYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1zbmFja2Jhci9hdG9taXgtc25hY2tiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LXNuYWNrYmFyL2F0b21peC1zbmFja2Jhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTzdELE1BQU0sT0FBTyx1QkFBdUI7SUFDZDtJQUFwQixZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtJQUFHLENBQUM7SUFFOUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUNsQixPQUFPLEdBQUcsRUFBRSxDQUFDO0lBRWIsWUFBWSxDQUFDLE9BQWU7UUFDMUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7UUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUV6QixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDekIsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ1gsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDO3dHQWxCVSx1QkFBdUI7NEZBQXZCLHVCQUF1Qix1RENQcEMsK0lBSUE7OzRGREdhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F0b21peC1zbmFja2JhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtc25hY2tiYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtc25hY2tiYXIuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhTbmFja2JhckNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBpc1Zpc2libGUgPSBmYWxzZTtcbiAgbWVzc2FnZSA9ICcnO1xuXG4gIHNob3dTbmFja2JhcihtZXNzYWdlOiBzdHJpbmcpIHtcbiAgICB0aGlzLm1lc3NhZ2UgPSBtZXNzYWdlO1xuICAgIHRoaXMuaXNWaXNpYmxlID0gdHJ1ZTtcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuaXNWaXNpYmxlID0gZmFsc2U7XG4gICAgfSwgMzAwMCk7XG4gIH1cblxuICBoaWRlU25hY2tiYXIoKSB7XG4gICAgdGhpcy5pc1Zpc2libGUgPSBmYWxzZTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImlzVmlzaWJsZVwiIGNsYXNzPVwic25hY2tiYXJcIj5cbiAge3sgbWVzc2FnZSB9fVxuICA8c3BhbiBjbGFzcz1cImNsb3NlLWJ0blwiIChjbGljayk9XCJoaWRlU25hY2tiYXIoKVwiPuKcljwvc3Bhbj5cbjwvZGl2PlxuIl19
|