primekit 0.0.64 → 0.0.66
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 +407 -73
- 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 +7 -6
- 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 +502 -168
- package/fesm2022/primekit.mjs.map +1 -1
- package/lib/lib/atomix-daterange-calendar/atomix-daterange-calendar.component.d.ts +32 -7
- package/package.json +1 -1
|
@@ -75,10 +75,10 @@ export class AtomixSearchDropdownComponent {
|
|
|
75
75
|
focusSearch() {
|
|
76
76
|
this.searchInputEl?.nativeElement?.focus();
|
|
77
77
|
}
|
|
78
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
79
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
78
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSearchDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
79
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixSearchDropdownComponent, selector: "atomix-search-dropdown", inputs: { searchValue: "searchValue", searchPlaceholder: "searchPlaceholder", searchType: "searchType", searchDisabled: "searchDisabled", searchLabel: "searchLabel", searchIsLabelRequired: "searchIsLabelRequired", searchClass: "searchClass", searchIsCrossRequired: "searchIsCrossRequired", searchName: "searchName", dropdownOptions: "dropdownOptions", dropdownSelected: "dropdownSelected", dropdownPlaceholder: "dropdownPlaceholder", dropdownOptionLabel: "dropdownOptionLabel", dropdownOptionValue: "dropdownOptionValue", dropdownDisabled: "dropdownDisabled", dropdownShowClear: "dropdownShowClear", dropdownFilter: "dropdownFilter", dropdownLabel: "dropdownLabel", dropdownIsLabelRequired: "dropdownIsLabelRequired", dropdownStyleClass: "dropdownStyleClass", dropdownName: "dropdownName", containerClass: "containerClass" }, outputs: { searchValueChange: "searchValueChange", dropdownValueChange: "dropdownValueChange", dropdownFilterChange: "dropdownFilterChange" }, viewQueries: [{ propertyName: "searchInputEl", first: true, predicate: ["searchInputEl"], descendants: true }], ngImport: i0, template: "<div [ngClass]=\"containerClass\">\n <div class=\"search-dropdown-container\">\n <input\n [id]=\"searchName\"\n type=\"text\"\n pInputText\n [value]=\"searchValue\"\n [attr.placeholder]=\"searchPlaceholder\"\n (input)=\"onSearchInput($event)\"\n (keydown.enter)=\"onSearchEnter()\"\n [ngClass]=\"searchClass + ' lib-input-field'\"\n autocomplete=\"new-password\"\n [disabled]=\"searchDisabled\"\n [type]=\"searchType\"\n #searchInputEl\n class=\"search-input\"\n />\n <span>\n \n <i\n class=\"pi pi-times filter-dropdown-icon\"\n style=\"cursor: pointer\"\n (click)=\"clearSearchValue()\"\n *ngIf=\"searchIsCrossRequired && searchValue !== ''\"\n ></i>\n </span>\n </div>\n\n <p-dropdown\n [options]=\"dropdownOptions\"\n [(ngModel)]=\"dropdownSelected\"\n (onChange)=\"onDropdownChange($event)\"\n [optionValue]=\"dropdownOptionValue\"\n [optionLabel]=\"dropdownOptionLabel\"\n [showClear]=\"dropdownShowClear\"\n [filter]=\"dropdownFilter\"\n [filterBy]=\"dropdownOptionLabel\"\n appendTo=\"body\"\n [disabled]=\"dropdownDisabled\"\n [styleClass]=\"dropdownStyleClass\"\n (onFilter)=\"onDropdownFilter($event)\"\n [placeholder]=\"dropdownPlaceholder\"\n class=\"search-dropdown\"\n >\n <ng-template let-option pTemplate=\"item\">\n <div class=\"custom-item\">\n <i\n [ngClass]=\"option.dropdownIcon\"\n class=\"dropdown-logo\"\n *ngIf=\"option.dropdownIcon\"\n ></i>\n <img\n [alt]=\"option.dropdownImage\"\n [src]=\"option.dropdownImage\"\n *ngIf=\"option.dropdownImage\"\n class=\"dropdown-image\"\n />\n\n <span>{{ option[dropdownOptionLabel] }}</span>\n </div>\n </ng-template>\n </p-dropdown>\n</div>", styles: ["input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-moz-search-cancel-button{display:none}input[type=search]::-ms-clear{display:none}.billing-input-column-container{display:flex}.filter-dropdown-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d;right:10px}.search-dropdown{border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:max-content!important}.search-input{margin-top:0!important;border-right:none!important;padding-right:30px}.search-dropdown-container{position:relative}\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.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i4.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
80
80
|
}
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSearchDropdownComponent, decorators: [{
|
|
82
82
|
type: Component,
|
|
83
83
|
args: [{ selector: 'atomix-search-dropdown', template: "<div [ngClass]=\"containerClass\">\n <div class=\"search-dropdown-container\">\n <input\n [id]=\"searchName\"\n type=\"text\"\n pInputText\n [value]=\"searchValue\"\n [attr.placeholder]=\"searchPlaceholder\"\n (input)=\"onSearchInput($event)\"\n (keydown.enter)=\"onSearchEnter()\"\n [ngClass]=\"searchClass + ' lib-input-field'\"\n autocomplete=\"new-password\"\n [disabled]=\"searchDisabled\"\n [type]=\"searchType\"\n #searchInputEl\n class=\"search-input\"\n />\n <span>\n \n <i\n class=\"pi pi-times filter-dropdown-icon\"\n style=\"cursor: pointer\"\n (click)=\"clearSearchValue()\"\n *ngIf=\"searchIsCrossRequired && searchValue !== ''\"\n ></i>\n </span>\n </div>\n\n <p-dropdown\n [options]=\"dropdownOptions\"\n [(ngModel)]=\"dropdownSelected\"\n (onChange)=\"onDropdownChange($event)\"\n [optionValue]=\"dropdownOptionValue\"\n [optionLabel]=\"dropdownOptionLabel\"\n [showClear]=\"dropdownShowClear\"\n [filter]=\"dropdownFilter\"\n [filterBy]=\"dropdownOptionLabel\"\n appendTo=\"body\"\n [disabled]=\"dropdownDisabled\"\n [styleClass]=\"dropdownStyleClass\"\n (onFilter)=\"onDropdownFilter($event)\"\n [placeholder]=\"dropdownPlaceholder\"\n class=\"search-dropdown\"\n >\n <ng-template let-option pTemplate=\"item\">\n <div class=\"custom-item\">\n <i\n [ngClass]=\"option.dropdownIcon\"\n class=\"dropdown-logo\"\n *ngIf=\"option.dropdownIcon\"\n ></i>\n <img\n [alt]=\"option.dropdownImage\"\n [src]=\"option.dropdownImage\"\n *ngIf=\"option.dropdownImage\"\n class=\"dropdown-image\"\n />\n\n <span>{{ option[dropdownOptionLabel] }}</span>\n </div>\n </ng-template>\n </p-dropdown>\n</div>", styles: ["input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-moz-search-cancel-button{display:none}input[type=search]::-ms-clear{display:none}.billing-input-column-container{display:flex}.filter-dropdown-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d;right:10px}.search-dropdown{border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:max-content!important}.search-input{margin-top:0!important;border-right:none!important;padding-right:30px}.search-dropdown-container{position:relative}\n"] }]
|
|
84
84
|
}], ctorParameters: () => [], propDecorators: { searchInputEl: [{
|
|
@@ -9,10 +9,10 @@ export class AtomixSelectButtonComponent {
|
|
|
9
9
|
optionClickHandler(event) {
|
|
10
10
|
this.onOptionClick.emit(event);
|
|
11
11
|
}
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSelectButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixSelectButtonComponent, selector: "atomix-select-button", inputs: { stateOptions: "stateOptions", value: "value" }, outputs: { onOptionClick: "onOptionClick" }, ngImport: i0, template: "<p-selectButton\n [options]=\"stateOptions\"\n [(ngModel)]=\"value\"\n optionLabel=\"label\"\n optionValue=\"value\"\n (onOptionClick)=\"optionClickHandler($event.option.value)\"\n/>\n", styles: ["::ng-deep .p-selectbutton .p-button.p-highlight{background:#63b77e;border-color:#63b77e;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }] });
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSelectButtonComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: 'atomix-select-button', template: "<p-selectButton\n [options]=\"stateOptions\"\n [(ngModel)]=\"value\"\n optionLabel=\"label\"\n optionValue=\"value\"\n (onOptionClick)=\"optionClickHandler($event.option.value)\"\n/>\n", styles: ["::ng-deep .p-selectbutton .p-button.p-highlight{background:#63b77e;border-color:#63b77e;color:#fff}\n"] }]
|
|
18
18
|
}], propDecorators: { onOptionClick: [{
|
|
@@ -19,10 +19,10 @@ export class AtomixSnackbarComponent {
|
|
|
19
19
|
hideSnackbar() {
|
|
20
20
|
this.isVisible = false;
|
|
21
21
|
}
|
|
22
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
23
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
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 {{ 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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSnackbarComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
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 }] });
|
|
@@ -6,10 +6,10 @@ export class AtomixSpinnerComponent {
|
|
|
6
6
|
styleClass = '';
|
|
7
7
|
strokeWidth = '2';
|
|
8
8
|
fill = 'none';
|
|
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: AtomixSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSpinnerComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
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: [{
|