primekit 0.0.41 → 0.0.42
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-calendar/atomix-calendar.component.mjs +2 -2
- package/esm2022/lib/lib/atomix-messages/messages.component.mjs +6 -3
- package/esm2022/lib/lib/atomix-pagination/atomix-pagination.component.mjs +2 -2
- package/esm2022/lib/lib/atomix-spinner/atomix-spinner.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-table/atomix-table.component.mjs +3 -3
- package/fesm2022/primekit.mjs +13 -10
- package/fesm2022/primekit.mjs.map +1 -1
- package/lib/lib/atomix-messages/messages.component.d.ts +2 -1
- package/lib/lib/atomix-spinner/atomix-spinner.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -63,11 +63,11 @@ export class AtomixCalendarComponent {
|
|
|
63
63
|
this.dateRangeChange.emit(dateRange);
|
|
64
64
|
}
|
|
65
65
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixCalendarComponent, selector: "atomix-calendar", inputs: { placeholder: "placeholder", selectionMode: "selectionMode", styleClass: "styleClass", inputStyleClass: "inputStyleClass", disabled: "disabled", selectedDate: "selectedDate", maxDate: "maxDate", minDate: "minDate" }, outputs: { dateRangeChange: "dateRangeChange" }, ngImport: i0, template: "<p-calendar\n [(ngModel)]=\"selectedDate\"\n [selectionMode]=\"selectionMode\"\n [showButtonBar]=\"true\"\n [dateFormat]=\"'mm/dd/yy'\"\n [showOtherMonths]=\"true\"\n [showOnFocus]=\"true\"\n [locale]=\"enLocale\"\n [showIcon]=\"true\"\n [placeholder]=\"placeholder\"\n [styleClass]=\"styleClass\"\n [inputStyleClass]=\"inputStyleClass\"\n (ngModelChange)=\"onDateRangeChange($event)\"\n appendTo=\"body\"\n [showClear]=\"true\"\n [disabled]=\"disabled\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n>\n</p-calendar>\n", styles: [""], dependencies: [{ kind: "component", type: i1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { 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"] }] });
|
|
66
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixCalendarComponent, selector: "atomix-calendar", inputs: { placeholder: "placeholder", selectionMode: "selectionMode", styleClass: "styleClass", inputStyleClass: "inputStyleClass", disabled: "disabled", selectedDate: "selectedDate", maxDate: "maxDate", minDate: "minDate" }, outputs: { dateRangeChange: "dateRangeChange" }, ngImport: i0, template: "<p-calendar\n [(ngModel)]=\"selectedDate\"\n [selectionMode]=\"selectionMode\"\n [showButtonBar]=\"true\"\n [dateFormat]=\"'mm/dd/yy'\"\n [showOtherMonths]=\"true\"\n [showOnFocus]=\"true\"\n [locale]=\"enLocale\"\n [showIcon]=\"true\"\n [placeholder]=\"placeholder\"\n [styleClass]=\"styleClass\"\n [inputStyleClass]=\"inputStyleClass\"\n (ngModelChange)=\"onDateRangeChange($event)\"\n appendTo=\"body\"\n [showClear]=\"true\"\n [disabled]=\"disabled\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n>\n</p-calendar>\n", styles: [":is() button{background-color:transparent!important}\n"], dependencies: [{ kind: "component", type: i1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { 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"] }] });
|
|
67
67
|
}
|
|
68
68
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixCalendarComponent, decorators: [{
|
|
69
69
|
type: Component,
|
|
70
|
-
args: [{ selector: 'atomix-calendar', template: "<p-calendar\n [(ngModel)]=\"selectedDate\"\n [selectionMode]=\"selectionMode\"\n [showButtonBar]=\"true\"\n [dateFormat]=\"'mm/dd/yy'\"\n [showOtherMonths]=\"true\"\n [showOnFocus]=\"true\"\n [locale]=\"enLocale\"\n [showIcon]=\"true\"\n [placeholder]=\"placeholder\"\n [styleClass]=\"styleClass\"\n [inputStyleClass]=\"inputStyleClass\"\n (ngModelChange)=\"onDateRangeChange($event)\"\n appendTo=\"body\"\n [showClear]=\"true\"\n [disabled]=\"disabled\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n>\n</p-calendar>\n" }]
|
|
70
|
+
args: [{ selector: 'atomix-calendar', template: "<p-calendar\n [(ngModel)]=\"selectedDate\"\n [selectionMode]=\"selectionMode\"\n [showButtonBar]=\"true\"\n [dateFormat]=\"'mm/dd/yy'\"\n [showOtherMonths]=\"true\"\n [showOnFocus]=\"true\"\n [locale]=\"enLocale\"\n [showIcon]=\"true\"\n [placeholder]=\"placeholder\"\n [styleClass]=\"styleClass\"\n [inputStyleClass]=\"inputStyleClass\"\n (ngModelChange)=\"onDateRangeChange($event)\"\n appendTo=\"body\"\n [showClear]=\"true\"\n [disabled]=\"disabled\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n>\n</p-calendar>\n", styles: [":is() button{background-color:transparent!important}\n"] }]
|
|
71
71
|
}], propDecorators: { placeholder: [{
|
|
72
72
|
type: Input
|
|
73
73
|
}], selectionMode: [{
|
|
@@ -8,12 +8,13 @@ export class AtomixMessagesComponent {
|
|
|
8
8
|
escape = true;
|
|
9
9
|
enableService = true;
|
|
10
10
|
styleClass = '';
|
|
11
|
+
text = '';
|
|
11
12
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixMessagesComponent, selector: "atomix-messages", inputs: { value: "value", closable: "closable", severity: "severity", escape: "escape", enableService: "enableService", styleClass: "styleClass" }, ngImport: i0, template: "<p-messages\n [(value)]=\"value\"\n [enableService]=\"false\"\n [closable]=\"closable\"\n [severity]=\"severity\"\n [escape]=\"escape\"\n [enableService]=\"enableService\"\n [styleClass]=\"styleClass\"\n
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixMessagesComponent, selector: "atomix-messages", inputs: { value: "value", closable: "closable", severity: "severity", escape: "escape", enableService: "enableService", styleClass: "styleClass", text: "text" }, ngImport: i0, template: "<p-messages\n [(value)]=\"value\"\n [enableService]=\"false\"\n [closable]=\"closable\"\n [severity]=\"severity\"\n [escape]=\"escape\"\n [enableService]=\"enableService\"\n [styleClass]=\"styleClass\"\n></p-messages>\n", styles: [""], dependencies: [{ kind: "component", type: i1.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }] });
|
|
13
14
|
}
|
|
14
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixMessagesComponent, decorators: [{
|
|
15
16
|
type: Component,
|
|
16
|
-
args: [{ selector: 'atomix-messages', template: "<p-messages\n [(value)]=\"value\"\n [enableService]=\"false\"\n [closable]=\"closable\"\n [severity]=\"severity\"\n [escape]=\"escape\"\n [enableService]=\"enableService\"\n [styleClass]=\"styleClass\"\n
|
|
17
|
+
args: [{ selector: 'atomix-messages', template: "<p-messages\n [(value)]=\"value\"\n [enableService]=\"false\"\n [closable]=\"closable\"\n [severity]=\"severity\"\n [escape]=\"escape\"\n [enableService]=\"enableService\"\n [styleClass]=\"styleClass\"\n></p-messages>\n" }]
|
|
17
18
|
}], propDecorators: { value: [{
|
|
18
19
|
type: Input
|
|
19
20
|
}], closable: [{
|
|
@@ -26,5 +27,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
26
27
|
type: Input
|
|
27
28
|
}], styleClass: [{
|
|
28
29
|
type: Input
|
|
30
|
+
}], text: [{
|
|
31
|
+
type: Input
|
|
29
32
|
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LW1lc3NhZ2VzL21lc3NhZ2VzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1tZXNzYWdlcy9tZXNzYWdlcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUWpELE1BQU0sT0FBTyx1QkFBdUI7SUFDekIsS0FBSyxHQUFjLEVBQUUsQ0FBQztJQUN0QixRQUFRLEdBQVksSUFBSSxDQUFDO0lBQ3pCLFFBQVEsR0FBVyxFQUFFLENBQUM7SUFDdEIsTUFBTSxHQUFZLElBQUksQ0FBQztJQUN2QixhQUFhLEdBQVksSUFBSSxDQUFDO0lBQzlCLFVBQVUsR0FBVyxFQUFFLENBQUM7SUFDeEIsSUFBSSxHQUFXLEVBQUUsQ0FBQzt3R0FQaEIsdUJBQXVCOzRGQUF2Qix1QkFBdUIseU5DUnBDLG9PQVNBOzs0RkREYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQUtsQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWVzc2FnZSB9IGZyb20gJ3ByaW1lbmcvYXBpJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LW1lc3NhZ2VzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21lc3NhZ2VzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWVzc2FnZXMuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhNZXNzYWdlc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHZhbHVlOiBNZXNzYWdlW10gPSBbXTtcbiAgQElucHV0KCkgY2xvc2FibGU6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBzZXZlcml0eTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGVzY2FwZTogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIGVuYWJsZVNlcnZpY2U6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBzdHlsZUNsYXNzOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nID0gJyc7XG59XG4iLCI8cC1tZXNzYWdlc1xuICBbKHZhbHVlKV09XCJ2YWx1ZVwiXG4gIFtlbmFibGVTZXJ2aWNlXT1cImZhbHNlXCJcbiAgW2Nsb3NhYmxlXT1cImNsb3NhYmxlXCJcbiAgW3NldmVyaXR5XT1cInNldmVyaXR5XCJcbiAgW2VzY2FwZV09XCJlc2NhcGVcIlxuICBbZW5hYmxlU2VydmljZV09XCJlbmFibGVTZXJ2aWNlXCJcbiAgW3N0eWxlQ2xhc3NdPVwic3R5bGVDbGFzc1wiXG4+PC9wLW1lc3NhZ2VzPlxuIl19
|
|
@@ -20,11 +20,11 @@ export class AtomixPaginationComponent {
|
|
|
20
20
|
{ label: 500, value: 500 },
|
|
21
21
|
];
|
|
22
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}
|
|
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}\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
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixPaginationComponent, decorators: [{
|
|
26
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}
|
|
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}\n"] }]
|
|
28
28
|
}], propDecorators: { dataLength: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}], totalRecords: [{
|
|
@@ -7,11 +7,11 @@ export class AtomixSpinnerComponent {
|
|
|
7
7
|
strokeWidth = '2';
|
|
8
8
|
fill = 'none';
|
|
9
9
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixSpinnerComponent, selector: "atomix-
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixSpinnerComponent, selector: "atomix-spinner", inputs: { animationDuration: "animationDuration", styleClass: "styleClass", strokeWidth: "strokeWidth", fill: "fill" }, ngImport: i0, template: "<p-progressSpinner\n ariaLabel=\"loading\"\n [animationDuration]=\"animationDuration\"\n [styleClass]=\"styleClass\"\n [strokeWidth]=\"strokeWidth\"\n [fill]=\"fill\"\n/>\n", styles: [""], dependencies: [{ kind: "component", type: i1.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] });
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSpinnerComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'atomix-
|
|
14
|
+
args: [{ selector: 'atomix-spinner', template: "<p-progressSpinner\n ariaLabel=\"loading\"\n [animationDuration]=\"animationDuration\"\n [styleClass]=\"styleClass\"\n [strokeWidth]=\"strokeWidth\"\n [fill]=\"fill\"\n/>\n" }]
|
|
15
15
|
}], propDecorators: { animationDuration: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}], styleClass: [{
|
|
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
21
21
|
}], fill: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXNwaW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LXNwaW5uZXIvYXRvbWl4LXNwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LXNwaW5uZXIvYXRvbWl4LXNwaW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8sc0JBQXNCO0lBQ3hCLGlCQUFpQixHQUFXLElBQUksQ0FBQztJQUNqQyxVQUFVLEdBQVcsRUFBRSxDQUFDO0lBQ3hCLFdBQVcsR0FBVyxHQUFHLENBQUM7SUFDMUIsSUFBSSxHQUFXLE1BQU0sQ0FBQzt3R0FKcEIsc0JBQXNCOzRGQUF0QixzQkFBc0IsOEtDUG5DLG1MQU9BOzs0RkRBYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQUtqQixpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LXNwaW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LXNwaW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtc3Bpbm5lci5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peFNwaW5uZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBhbmltYXRpb25EdXJhdGlvbjogc3RyaW5nID0gJzJzJztcbiAgQElucHV0KCkgc3R5bGVDbGFzczogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHN0cm9rZVdpZHRoOiBzdHJpbmcgPSAnMic7XG4gIEBJbnB1dCgpIGZpbGw6IHN0cmluZyA9ICdub25lJztcbn1cbiIsIjxwLXByb2dyZXNzU3Bpbm5lclxuICBhcmlhTGFiZWw9XCJsb2FkaW5nXCJcbiAgW2FuaW1hdGlvbkR1cmF0aW9uXT1cImFuaW1hdGlvbkR1cmF0aW9uXCJcbiAgW3N0eWxlQ2xhc3NdPVwic3R5bGVDbGFzc1wiXG4gIFtzdHJva2VXaWR0aF09XCJzdHJva2VXaWR0aFwiXG4gIFtmaWxsXT1cImZpbGxcIlxuLz5cbiJdfQ==
|