primekit 0.0.65 → 0.0.67
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-alert/atomix-alert.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-button/atomix-button.component.mjs +4 -4
- package/esm2022/lib/lib/atomix-calendar/atomix-calendar.component.mjs +4 -4
- package/esm2022/lib/lib/atomix-card/atomix-card.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-confirmation-dialog/atomix-confirmation-dialog.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-daterange-calendar/atomix-daterange-calendar.component.mjs +264 -10
- package/esm2022/lib/lib/atomix-dropdown/atomix-dropdown.component.mjs +4 -4
- package/esm2022/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-calendar/atomix-form-calendar.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-checkbox/atomix-form-checkbox.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-chips/atomix-form-chips.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-dropdown/atomix-form-dropdown.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-inputmask-component/atomix-form-inputmask-component.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-password-component/atomix-form-password-component.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-radio-button/atomix-radio-button.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-input/atomix-input.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-messages/messages.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-pagination/atomix-pagination.component.mjs +4 -4
- package/esm2022/lib/lib/atomix-radio-button/atomix-radio-button.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-search-dropdown/atomix-search-dropdown.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-select-button/atomix-select-button.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-snackbar/atomix-snackbar.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-spinner/atomix-spinner.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-table/atomix-table.component.mjs +9 -5
- package/esm2022/lib/lib/atomix-tag/atomix-tag.component.mjs +3 -3
- package/esm2022/lib/primekit.component.mjs +3 -3
- package/esm2022/lib/primekit.module.mjs +4 -4
- package/esm2022/lib/primekit.service.mjs +3 -3
- package/fesm2022/primekit.mjs +363 -105
- package/fesm2022/primekit.mjs.map +1 -1
- package/lib/lib/atomix-daterange-calendar/atomix-daterange-calendar.component.d.ts +20 -3
- package/package.json +1 -1
|
@@ -40,10 +40,10 @@ export class AtomixToastComponent {
|
|
|
40
40
|
detail: message,
|
|
41
41
|
});
|
|
42
42
|
}
|
|
43
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
44
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
43
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixToastComponent, deps: [{ token: i1.MessageService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixToastComponent, selector: "atomix-toast", inputs: { key: "key" }, viewQueries: [{ propertyName: "toast", first: true, predicate: ["toast"], descendants: true }], ngImport: i0, template: "<p-toast></p-toast>\n", styles: [".custom-download-button{background-color:#4caf50!important;border-color:#4caf50!important;color:#fff!important;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:600}.toast-container{display:flex;flex-direction:column;align-items:flex-start;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.toast-header{margin-bottom:8px}.toast-summary{font-size:18px;font-weight:600;margin-bottom:4px}.toast-detail{font-size:14px;margin-bottom:16px}.download-button-container{display:flex;justify-content:flex-end;width:100%}.custom-download-link{color:#4caf50;cursor:pointer;text-decoration:underline}\n"], dependencies: [{ kind: "component", type: i3.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }] });
|
|
45
45
|
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixToastComponent, decorators: [{
|
|
47
47
|
type: Component,
|
|
48
48
|
args: [{ selector: 'atomix-toast', template: "<p-toast></p-toast>\n", styles: [".custom-download-button{background-color:#4caf50!important;border-color:#4caf50!important;color:#fff!important;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:600}.toast-container{display:flex;flex-direction:column;align-items:flex-start;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.toast-header{margin-bottom:8px}.toast-summary{font-size:18px;font-weight:600;margin-bottom:4px}.toast-detail{font-size:14px;margin-bottom:16px}.download-button-container{display:flex;justify-content:flex-end;width:100%}.custom-download-link{color:#4caf50;cursor:pointer;text-decoration:underline}\n"] }]
|
|
49
49
|
}], ctorParameters: () => [{ type: i1.MessageService }, { type: i2.Router }], propDecorators: { toast: [{
|
|
@@ -17,12 +17,12 @@ export class AtomixButtonComponent {
|
|
|
17
17
|
onButtonClick(event) {
|
|
18
18
|
this.buttonClick.emit(event); // Emit the event when button is clicked
|
|
19
19
|
}
|
|
20
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
21
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
20
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixButtonComponent, selector: "atomix-button", inputs: { label: "label", disabled: "disabled", loading: "loading", size: "size", buttonType: "buttonType", type: "type", class: "class", icon: "icon", iconPos: "iconPos", buttonData: "buttonData" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"[\n class,\n buttonType === 'primary' ? 'p-button-primary' : '',\n buttonType === 'outlined' ? 'p-button-outlined' : '',\n buttonType === 'text' ? 'p-button-text' : '',\n buttonType === 'refresh' ? 'refresh-button' : ''\n]\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick($event)\" \n [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;outline:none;line-height:17px;cursor:pointer}::ng-deep .p-button-text{color:#424242;background:none;border-radius:1px solid gray}:is():disabled{background:none!important}::ng-deep .refresh-button{background-color:#fff!important;border-radius:50%;height:40px;width:40px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixButtonComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'atomix-button', template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"[\n class,\n buttonType === 'primary' ? 'p-button-primary' : '',\n buttonType === 'outlined' ? 'p-button-outlined' : '',\n buttonType === 'text' ? 'p-button-text' : '',\n buttonType === 'refresh' ? 'refresh-button' : ''\n]\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick($event)\" \n [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer
|
|
25
|
+
args: [{ selector: 'atomix-button', template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"[\n class,\n buttonType === 'primary' ? 'p-button-primary' : '',\n buttonType === 'outlined' ? 'p-button-outlined' : '',\n buttonType === 'text' ? 'p-button-text' : '',\n buttonType === 'refresh' ? 'refresh-button' : ''\n]\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick($event)\" \n [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;outline:none;line-height:17px;cursor:pointer}::ng-deep .p-button-text{color:#424242;background:none;border-radius:1px solid gray}:is():disabled{background:none!important}::ng-deep .refresh-button{background-color:#fff!important;border-radius:50%;height:40px;width:40px}\n"] }]
|
|
26
26
|
}], propDecorators: { label: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], disabled: [{
|
|
@@ -62,12 +62,12 @@ export class AtomixCalendarComponent {
|
|
|
62
62
|
onDateRangeChange(dateRange) {
|
|
63
63
|
this.dateRangeChange.emit(dateRange);
|
|
64
64
|
}
|
|
65
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
66
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
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: [":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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
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", styles: ["
|
|
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: [{
|
|
@@ -6,10 +6,10 @@ export class AtomixCardComponent {
|
|
|
6
6
|
footer;
|
|
7
7
|
content;
|
|
8
8
|
class;
|
|
9
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
10
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixCardComponent, selector: "atomix-card", inputs: { header: "header", footer: "footer", content: "content", class: "class" }, ngImport: i0, template: "<p-card [class]=\"class\">\n <ng-content></ng-content>\n</p-card>\n", styles: ["::ng-deep .p-card{box-shadow:0 2px 4px #0000001a;border-radius:12px}\n"], dependencies: [{ kind: "component", type: i1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }] });
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixCardComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'atomix-card', template: "<p-card [class]=\"class\">\n <ng-content></ng-content>\n</p-card>\n", styles: ["::ng-deep .p-card{box-shadow:0 2px 4px #0000001a;border-radius:12px}\n"] }]
|
|
15
15
|
}], propDecorators: { header: [{
|
|
@@ -16,10 +16,10 @@ export class AtomixConfirmationDialogComponent {
|
|
|
16
16
|
onNoClick() {
|
|
17
17
|
this.ref.close(false);
|
|
18
18
|
}
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixConfirmationDialogComponent, deps: [{ token: i1.DynamicDialogConfig }, { token: i1.DynamicDialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixConfirmationDialogComponent, selector: "atomix-confirmation-dialog", inputs: { message: "message" }, ngImport: i0, template: "<p class=\"global-sub-heading\">\n {{ config?.data?.message }}\n</p>\n\n<div class=\"action-button-container\">\n <atomix-button buttonType=\"outlined\" (buttonClick)=\"onNoClick()\" label=\"No\">\n </atomix-button>\n <atomix-button label=\"Yes\" (buttonClick)=\"onYesClick()\"></atomix-button>\n</div>\n", styles: [".action-button-container{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}@media (max-width: 768px){.dialog-width{width:95%!important}}\n"], dependencies: [{ kind: "component", type: i2.AtomixButtonComponent, selector: "atomix-button", inputs: ["label", "disabled", "loading", "size", "buttonType", "type", "class", "icon", "iconPos", "buttonData"], outputs: ["buttonClick"] }] });
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixConfirmationDialogComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{ selector: 'atomix-confirmation-dialog', template: "<p class=\"global-sub-heading\">\n {{ config?.data?.message }}\n</p>\n\n<div class=\"action-button-container\">\n <atomix-button buttonType=\"outlined\" (buttonClick)=\"onNoClick()\" label=\"No\">\n </atomix-button>\n <atomix-button label=\"Yes\" (buttonClick)=\"onYesClick()\"></atomix-button>\n</div>\n", styles: [".action-button-container{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}@media (max-width: 768px){.dialog-width{width:95%!important}}\n"] }]
|
|
25
25
|
}], ctorParameters: () => [{ type: i1.DynamicDialogConfig }, { type: i1.DynamicDialogRef }], propDecorators: { message: [{
|