primekit 0.0.60 → 0.0.62
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-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 +10 -7
- 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 +138 -0
- 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 +72 -16
- package/esm2022/lib/lib/atomix-table/atomix-table.models.mjs +1 -1
- 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 +18 -9
- package/esm2022/lib/primekit.service.mjs +3 -3
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/primekit.mjs +303 -107
- package/fesm2022/primekit.mjs.map +1 -1
- package/lib/lib/atomix-input/atomix-input.component.d.ts +3 -2
- package/lib/lib/atomix-search-dropdown/atomix-search-dropdown.component.d.ts +57 -0
- package/lib/lib/atomix-table/atomix-table.component.d.ts +6 -1
- package/lib/lib/atomix-table/atomix-table.models.d.ts +10 -0
- package/lib/primekit.module.d.ts +28 -26
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -9,7 +9,8 @@ export class AtomixInputComponent {
|
|
|
9
9
|
type = 'text';
|
|
10
10
|
placeholder = '';
|
|
11
11
|
valueChange = new EventEmitter();
|
|
12
|
-
|
|
12
|
+
withSearchIcon = false;
|
|
13
|
+
searchIconPosition = 'right';
|
|
13
14
|
iconName = '';
|
|
14
15
|
containerClass = '';
|
|
15
16
|
class = '';
|
|
@@ -47,12 +48,12 @@ export class AtomixInputComponent {
|
|
|
47
48
|
focus() {
|
|
48
49
|
this.inputEl?.nativeElement?.focus();
|
|
49
50
|
}
|
|
50
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
51
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
51
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixInputComponent, selector: "atomix-input", inputs: { value: "value", name: "name", type: "type", placeholder: "placeholder", withSearchIcon: "withSearchIcon", searchIconPosition: "searchIconPosition", iconName: "iconName", containerClass: "containerClass", class: "class", disabled: "disabled", isCrossRequired: "isCrossRequired", label: "label", isLabelRequired: "isLabelRequired", autofocus: "autofocus" }, outputs: { valueChange: "valueChange", changeValueHandler: "changeValueHandler" }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputEl"], descendants: true }], ngImport: i0, template: "<label *ngIf=\"label\" for=\"name\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<i\n class=\"pi pi-search search-icon\"\n [ngClass]=\"(searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') + (label ? ' with-label' : '')\"\n *ngIf=\"withSearchIcon\"\n></i>\n\n<input\n [id]=\"name\"\n type=\"text\"\n pInputText\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n (input)=\"onInput($event)\"\n (keydown.enter)=\"onEnter()\"\n [ngClass]=\"class + ' lib-input-field' + (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') + (isCrossRequired ? ' with-cross-icon' : '')\"\n autocomplete=\"new-password\"\n [disabled]=\"disabled\"\n [type]=\"type\"\n #inputEl\n/>\n<i\n class=\"pi pi-times filter-dropdown-icon\"\n [ngClass]=\"(searchIconPosition === 'right' ? 'filter-dropdown-icon-left' : '') + (label ? ' with-label' : '')\"\n style=\"cursor: pointer\"\n (click)=\"clearValue()\"\n *ngIf=\"isCrossRequired && value !== ''\"\n\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d}.filter-dropdown-icon-left{right:40px}.search-icon.with-label,.filter-dropdown-icon.with-label{top:88%}.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:#000000de;font-size:1rem}.search-icon-left{left:10px}.search-icon-right{right:10px}.with-search-icon-left{padding-left:30px}.with-search-icon-right{padding-right:60px}::ng-deep .lib-input-field{border-radius:30px;margin-top:.5rem}\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"] }] });
|
|
52
53
|
}
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixInputComponent, decorators: [{
|
|
54
55
|
type: Component,
|
|
55
|
-
args: [{ selector: 'atomix-input', template: "<label *ngIf=\"label\" for=\"name\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<input\n [id]=\"name\"\n type=\"text\"\n pInputText\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n (input)=\"onInput($event)\"\n (keydown.enter)=\"onEnter()\"\n [ngClass]=\"class + ' lib-input-field'\"\n autocomplete=\"new-password\"\n [disabled]=\"disabled\"\n [type]=\"type\"\n #inputEl\n/>\n<i\n class=\"pi pi-times filter-dropdown-icon\"\n style=\"cursor: pointer\"\n (click)=\"clearValue()\"\n *ngIf=\"isCrossRequired && value !== ''\"\n\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;
|
|
56
|
+
args: [{ selector: 'atomix-input', template: "<label *ngIf=\"label\" for=\"name\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<i\n class=\"pi pi-search search-icon\"\n [ngClass]=\"(searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') + (label ? ' with-label' : '')\"\n *ngIf=\"withSearchIcon\"\n></i>\n\n<input\n [id]=\"name\"\n type=\"text\"\n pInputText\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n (input)=\"onInput($event)\"\n (keydown.enter)=\"onEnter()\"\n [ngClass]=\"class + ' lib-input-field' + (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') + (isCrossRequired ? ' with-cross-icon' : '')\"\n autocomplete=\"new-password\"\n [disabled]=\"disabled\"\n [type]=\"type\"\n #inputEl\n/>\n<i\n class=\"pi pi-times filter-dropdown-icon\"\n [ngClass]=\"(searchIconPosition === 'right' ? 'filter-dropdown-icon-left' : '') + (label ? ' with-label' : '')\"\n style=\"cursor: pointer\"\n (click)=\"clearValue()\"\n *ngIf=\"isCrossRequired && value !== ''\"\n\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d}.filter-dropdown-icon-left{right:40px}.search-icon.with-label,.filter-dropdown-icon.with-label{top:88%}.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:#000000de;font-size:1rem}.search-icon-left{left:10px}.search-icon-right{right:10px}.with-search-icon-left{padding-left:30px}.with-search-icon-right{padding-right:60px}::ng-deep .lib-input-field{border-radius:30px;margin-top:.5rem}\n"] }]
|
|
56
57
|
}], propDecorators: { inputEl: [{
|
|
57
58
|
type: ViewChild,
|
|
58
59
|
args: ['inputEl']
|
|
@@ -66,7 +67,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
66
67
|
type: Input
|
|
67
68
|
}], valueChange: [{
|
|
68
69
|
type: Output
|
|
69
|
-
}],
|
|
70
|
+
}], withSearchIcon: [{
|
|
71
|
+
type: Input
|
|
72
|
+
}], searchIconPosition: [{
|
|
70
73
|
type: Input
|
|
71
74
|
}], iconName: [{
|
|
72
75
|
type: Input
|
|
@@ -87,4 +90,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
87
90
|
}], changeValueHandler: [{
|
|
88
91
|
type: Output
|
|
89
92
|
}] } });
|
|
90
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1pbnB1dC9hdG9taXgtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWlucHV0L2F0b21peC1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFjLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU85RixNQUFNLE9BQU8sb0JBQW9CO0lBRVQsT0FBTyxDQUFnQztJQUNwRCxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLElBQUksR0FBVyxFQUFFLENBQUM7SUFDbEIsSUFBSSxHQUFXLE1BQU0sQ0FBQztJQUN0QixXQUFXLEdBQVcsRUFBRSxDQUFDO0lBQ3hCLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQzFDLGNBQWMsR0FBWSxLQUFLLENBQUM7SUFDaEMsa0JBQWtCLEdBQXFCLE9BQU8sQ0FBQztJQUMvQyxRQUFRLEdBQVcsRUFBRSxDQUFDO0lBQ3RCLGNBQWMsR0FBVyxFQUFFLENBQUM7SUFDNUIsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBQzFCLGVBQWUsR0FBWSxJQUFJLENBQUM7SUFDaEMsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixlQUFlLEdBQVksS0FBSyxDQUFDO0lBQ2hDLFNBQVMsR0FBWSxLQUFLLENBQUM7SUFDM0Isa0JBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV4RCxlQUFlO1FBQ2YsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDbkIsZ0RBQWdEO1lBQ2hELFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQ3pELENBQUM7SUFDSCxDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQVk7UUFDbEIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFDL0MsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFDRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFDRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFDRCxhQUFhLENBQUMsS0FBWTtRQUN4QixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUMvQyxJQUFJLEtBQUssQ0FBQyxLQUFLLEtBQUssRUFBRSxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDNUIsQ0FBQztJQUNILENBQUM7SUFDQyxLQUFLO1FBQ0wsSUFBSSxDQUFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDdkMsQ0FBQzt3R0FoRFUsb0JBQW9COzRGQUFwQixvQkFBb0IseWxCQ1BqQywyaENBaUNBOzs0RkQxQmEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7OEJBTUYsT0FBTztzQkFBNUIsU0FBUzt1QkFBQyxTQUFTO2dCQUNYLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTTtnQkFDRSxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDSSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBFbGVtZW50UmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1pbnB1dC5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peElucHV0Q29tcG9uZW50IHtcblxuICBAVmlld0NoaWxkKCdpbnB1dEVsJykgaW5wdXRFbCE6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG4gIEBJbnB1dCgpIHZhbHVlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHR5cGU6IHN0cmluZyA9ICd0ZXh0JztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICcnO1xuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQElucHV0KCkgd2l0aFNlYXJjaEljb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2VhcmNoSWNvblBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnID0gJ3JpZ2h0JztcbiAgQElucHV0KCkgaWNvbk5hbWU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBjb250YWluZXJDbGFzczogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGNsYXNzOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaXNDcm9zc1JlcXVpcmVkOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgIEBJbnB1dCgpIGF1dG9mb2N1czogYm9vbGVhbiA9IGZhbHNlO1xuICBAT3V0cHV0KCkgY2hhbmdlVmFsdWVIYW5kbGVyID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuYXV0b2ZvY3VzKSB7XG4gICAgICAvLyBUaW1lb3V0IGVuc3VyZXMgaW5wdXQgaXMgYXZhaWxhYmxlIGluIHRoZSBET01cbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5pbnB1dEVsPy5uYXRpdmVFbGVtZW50Py5mb2N1cygpKTtcbiAgICB9XG4gIH1cblxuICBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgdGhpcy52YWx1ZSA9IGlucHV0LnZhbHVlO1xuICAgIHRoaXMuY2hhbmdlVmFsdWVIYW5kbGVyLmVtaXQodGhpcy52YWx1ZSk7XG4gIH1cbiAgb25FbnRlcigpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XG4gIH1cbiAgY2xlYXJWYWx1ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gJyc7XG4gICAgdGhpcy5vbkVudGVyKCk7XG4gIH1cbiAgb25TZWFyY2hDbGVhcihldmVudDogRXZlbnQpIHtcbiAgICBjb25zdCBpbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIGlmIChpbnB1dC52YWx1ZSA9PT0gJycpIHtcbiAgICAgIHRoaXMudmFsdWUgPSAnJztcbiAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCgnJyk7XG4gICAgfVxuICB9XG4gICAgZm9jdXMoKTogdm9pZCB7XG4gICAgdGhpcy5pbnB1dEVsPy5uYXRpdmVFbGVtZW50Py5mb2N1cygpO1xuICB9XG59XG4iLCI8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIGZvcj1cIm5hbWVcIlxuICA+e3sgbGFiZWwgfX1cbiAgPHNwYW4gKm5nSWY9XCJpc0xhYmVsUmVxdWlyZWRcIiBjbGFzcz1cImxpYi1lcnJvci1hc3Rlcmlza1wiPio8L3NwYW4+PC9sYWJlbFxuPlxuXG48aVxuICBjbGFzcz1cInBpIHBpLXNlYXJjaCBzZWFyY2gtaWNvblwiXG4gIFtuZ0NsYXNzXT1cIihzZWFyY2hJY29uUG9zaXRpb24gPT09ICdsZWZ0JyA/ICdzZWFyY2gtaWNvbi1sZWZ0JyA6ICdzZWFyY2gtaWNvbi1yaWdodCcpICsgKGxhYmVsID8gJyB3aXRoLWxhYmVsJyA6ICcnKVwiXG4gICpuZ0lmPVwid2l0aFNlYXJjaEljb25cIlxuPjwvaT5cblxuPGlucHV0XG4gIFtpZF09XCJuYW1lXCJcbiAgdHlwZT1cInRleHRcIlxuICBwSW5wdXRUZXh0XG4gIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gIChrZXlkb3duLmVudGVyKT1cIm9uRW50ZXIoKVwiXG4gIFtuZ0NsYXNzXT1cImNsYXNzICsgJyBsaWItaW5wdXQtZmllbGQnICsgKHdpdGhTZWFyY2hJY29uID8gJyB3aXRoLXNlYXJjaC1pY29uLScgKyBzZWFyY2hJY29uUG9zaXRpb24gOiAnJykgKyAoaXNDcm9zc1JlcXVpcmVkID8gJyB3aXRoLWNyb3NzLWljb24nIDogJycpXCJcbiAgYXV0b2NvbXBsZXRlPVwibmV3LXBhc3N3b3JkXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW3R5cGVdPVwidHlwZVwiXG4gICNpbnB1dEVsXG4vPlxuPGlcbiAgY2xhc3M9XCJwaSBwaS10aW1lcyBmaWx0ZXItZHJvcGRvd24taWNvblwiXG4gIFtuZ0NsYXNzXT1cIihzZWFyY2hJY29uUG9zaXRpb24gPT09ICdyaWdodCcgPyAnZmlsdGVyLWRyb3Bkb3duLWljb24tbGVmdCcgOiAnJykgKyAobGFiZWwgPyAnIHdpdGgtbGFiZWwnIDogJycpXCJcbiAgc3R5bGU9XCJjdXJzb3I6IHBvaW50ZXJcIlxuICAoY2xpY2spPVwiY2xlYXJWYWx1ZSgpXCJcbiAgKm5nSWY9XCJpc0Nyb3NzUmVxdWlyZWQgJiYgdmFsdWUgIT09ICcnXCJcblxuPjwvaT5cbiJdfQ==
|
|
@@ -9,10 +9,10 @@ export class AtomixMessagesComponent {
|
|
|
9
9
|
enableService = true;
|
|
10
10
|
styleClass = '';
|
|
11
11
|
text = '';
|
|
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.14", ngImport: i0, type: AtomixMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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"] }] });
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixMessagesComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
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" }]
|
|
18
18
|
}], propDecorators: { value: [{
|
|
@@ -23,12 +23,12 @@ export class AtomixPaginationComponent {
|
|
|
23
23
|
onWindowResize() {
|
|
24
24
|
this.getScreenWidth = window.innerWidth;
|
|
25
25
|
}
|
|
26
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
27
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
26
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixPaginationComponent, selector: "app-pagination", inputs: { dataLength: "dataLength", totalRecords: "totalRecords", page: "page", size: "size" }, outputs: { handleDropdownValueChange: "handleDropdownValueChange", paginatorChange: "paginatorChange" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<div class=\"pagination-container\">\n <span class=\"mx-1 text-color table-text\" *ngIf=\"getScreenWidth > 768\"\n >Items per page:\n </span>\n <p-dropdown\n *ngIf=\"getScreenWidth > 768\"\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;.p-inputwrapper{width:auto;max-width:7rem}}::ng-deep .pagination-dropdown{border-radius:6px;.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"] }] });
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixPaginationComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
|
-
args: [{ selector: 'app-pagination', template: "<div class=\"pagination-container\">\n <span class=\"mx-1 text-color table-text\" *ngIf=\"getScreenWidth > 768\"\n >Items per page:\n </span>\n <p-dropdown\n *ngIf=\"getScreenWidth > 768\"\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
|
|
31
|
+
args: [{ selector: 'app-pagination', template: "<div class=\"pagination-container\">\n <span class=\"mx-1 text-color table-text\" *ngIf=\"getScreenWidth > 768\"\n >Items per page:\n </span>\n <p-dropdown\n *ngIf=\"getScreenWidth > 768\"\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;.p-inputwrapper{width:auto;max-width:7rem}}::ng-deep .pagination-dropdown{border-radius:6px;.p-inputtext{padding:.4rem 1rem}}\n"] }]
|
|
32
32
|
}], propDecorators: { dataLength: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}], totalRecords: [{
|
|
@@ -20,8 +20,8 @@ export class AtomixRadioButtonComponent {
|
|
|
20
20
|
registerOnTouched(fn) {
|
|
21
21
|
this.onTouched = fn;
|
|
22
22
|
}
|
|
23
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
24
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixRadioButtonComponent, selector: "atomix-radio-button", inputs: { name: "name", value: "value", selectedValue: "selectedValue", inputId: "inputId" }, providers: [
|
|
25
25
|
{
|
|
26
26
|
provide: NG_VALUE_ACCESSOR,
|
|
27
27
|
useExisting: forwardRef(() => AtomixRadioButtonComponent),
|
|
@@ -29,7 +29,7 @@ export class AtomixRadioButtonComponent {
|
|
|
29
29
|
},
|
|
30
30
|
], ngImport: i0, template: "<p-radioButton\n[name]=\"name\"\n[value]=\"value\"\n[(ngModel)]=\"selectedValue\"\n[inputId]=\"inputId\"\n(onChange)=\"onChange($event)\"\n/>", styles: [""], 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.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
31
31
|
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixRadioButtonComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
34
|
args: [{ selector: 'atomix-radio-button', providers: [
|
|
35
35
|
{
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
|
|
2
|
+
import { debounceTime, distinctUntilChanged, Subject, Subscription, } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "primeng/api";
|
|
6
|
+
import * as i3 from "primeng/inputtext";
|
|
7
|
+
import * as i4 from "primeng/dropdown";
|
|
8
|
+
import * as i5 from "@angular/forms";
|
|
9
|
+
export class AtomixSearchDropdownComponent {
|
|
10
|
+
searchInputEl;
|
|
11
|
+
searchValue = '';
|
|
12
|
+
searchPlaceholder = 'Search';
|
|
13
|
+
searchType = 'search';
|
|
14
|
+
searchDisabled = false;
|
|
15
|
+
searchLabel = '';
|
|
16
|
+
searchIsLabelRequired = false;
|
|
17
|
+
searchClass = '';
|
|
18
|
+
searchIsCrossRequired = true;
|
|
19
|
+
searchName = '';
|
|
20
|
+
dropdownOptions = [];
|
|
21
|
+
dropdownSelected;
|
|
22
|
+
dropdownPlaceholder = 'Column';
|
|
23
|
+
dropdownOptionLabel = 'display';
|
|
24
|
+
dropdownOptionValue = '';
|
|
25
|
+
dropdownDisabled = false;
|
|
26
|
+
dropdownShowClear = true;
|
|
27
|
+
dropdownFilter = false;
|
|
28
|
+
dropdownLabel = '';
|
|
29
|
+
dropdownIsLabelRequired = false;
|
|
30
|
+
dropdownStyleClass = '';
|
|
31
|
+
dropdownName = '';
|
|
32
|
+
containerClass = 'billing-input-column-container search-filter-container';
|
|
33
|
+
searchValueChange = new EventEmitter();
|
|
34
|
+
dropdownValueChange = new EventEmitter();
|
|
35
|
+
dropdownFilterChange = new EventEmitter();
|
|
36
|
+
/**
|
|
37
|
+
* The input from the user used to search dropdown list
|
|
38
|
+
*/
|
|
39
|
+
dropdownFilterValue = new Subject();
|
|
40
|
+
/**
|
|
41
|
+
* The time in ms that it takes to register when user is done typing
|
|
42
|
+
*/
|
|
43
|
+
debounceTime = 300;
|
|
44
|
+
/**
|
|
45
|
+
* The trigger that uses the debounce time to create delay of when user types to actual filtering
|
|
46
|
+
*/
|
|
47
|
+
dropdownFilterTrigger = this.dropdownFilterValue.pipe(debounceTime(this.debounceTime), distinctUntilChanged());
|
|
48
|
+
/**
|
|
49
|
+
* Subscription to trigger
|
|
50
|
+
*/
|
|
51
|
+
subscription = new Subscription();
|
|
52
|
+
constructor() {
|
|
53
|
+
this.subscription.add(this.dropdownFilterTrigger.subscribe(($event) => {
|
|
54
|
+
this.dropdownFilterChange.emit($event);
|
|
55
|
+
}));
|
|
56
|
+
}
|
|
57
|
+
onSearchInput(event) {
|
|
58
|
+
const input = event.target;
|
|
59
|
+
this.searchValue = input.value;
|
|
60
|
+
this.searchValueChange.emit(this.searchValue);
|
|
61
|
+
}
|
|
62
|
+
onSearchEnter() {
|
|
63
|
+
this.searchValueChange.emit(this.searchValue);
|
|
64
|
+
}
|
|
65
|
+
clearSearchValue() {
|
|
66
|
+
this.searchValue = '';
|
|
67
|
+
this.searchValueChange.emit(this.searchValue);
|
|
68
|
+
}
|
|
69
|
+
onDropdownChange(event) {
|
|
70
|
+
this.dropdownValueChange.emit([event.value, this.dropdownName]);
|
|
71
|
+
}
|
|
72
|
+
onDropdownFilter(event) {
|
|
73
|
+
this.dropdownFilterValue.next(event);
|
|
74
|
+
}
|
|
75
|
+
focusSearch() {
|
|
76
|
+
this.searchInputEl?.nativeElement?.focus();
|
|
77
|
+
}
|
|
78
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixSearchDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
79
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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
|
+
}
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixSearchDropdownComponent, decorators: [{
|
|
82
|
+
type: Component,
|
|
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
|
+
}], ctorParameters: () => [], propDecorators: { searchInputEl: [{
|
|
85
|
+
type: ViewChild,
|
|
86
|
+
args: ['searchInputEl']
|
|
87
|
+
}], searchValue: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], searchPlaceholder: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], searchType: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], searchDisabled: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], searchLabel: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], searchIsLabelRequired: [{
|
|
98
|
+
type: Input
|
|
99
|
+
}], searchClass: [{
|
|
100
|
+
type: Input
|
|
101
|
+
}], searchIsCrossRequired: [{
|
|
102
|
+
type: Input
|
|
103
|
+
}], searchName: [{
|
|
104
|
+
type: Input
|
|
105
|
+
}], dropdownOptions: [{
|
|
106
|
+
type: Input
|
|
107
|
+
}], dropdownSelected: [{
|
|
108
|
+
type: Input
|
|
109
|
+
}], dropdownPlaceholder: [{
|
|
110
|
+
type: Input
|
|
111
|
+
}], dropdownOptionLabel: [{
|
|
112
|
+
type: Input
|
|
113
|
+
}], dropdownOptionValue: [{
|
|
114
|
+
type: Input
|
|
115
|
+
}], dropdownDisabled: [{
|
|
116
|
+
type: Input
|
|
117
|
+
}], dropdownShowClear: [{
|
|
118
|
+
type: Input
|
|
119
|
+
}], dropdownFilter: [{
|
|
120
|
+
type: Input
|
|
121
|
+
}], dropdownLabel: [{
|
|
122
|
+
type: Input
|
|
123
|
+
}], dropdownIsLabelRequired: [{
|
|
124
|
+
type: Input
|
|
125
|
+
}], dropdownStyleClass: [{
|
|
126
|
+
type: Input
|
|
127
|
+
}], dropdownName: [{
|
|
128
|
+
type: Input
|
|
129
|
+
}], containerClass: [{
|
|
130
|
+
type: Input
|
|
131
|
+
}], searchValueChange: [{
|
|
132
|
+
type: Output
|
|
133
|
+
}], dropdownValueChange: [{
|
|
134
|
+
type: Output
|
|
135
|
+
}], dropdownFilterChange: [{
|
|
136
|
+
type: Output
|
|
137
|
+
}] } });
|
|
138
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXNlYXJjaC1kcm9wZG93bi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtc2VhcmNoLWRyb3Bkb3duL2F0b21peC1zZWFyY2gtZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LXNlYXJjaC1kcm9wZG93bi9hdG9taXgtc2VhcmNoLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWMsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTlGLE9BQU8sRUFDTCxZQUFZLEVBQ1osb0JBQW9CLEVBQ3BCLE9BQU8sRUFDUCxZQUFZLEdBQ2IsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7QUFPZCxNQUFNLE9BQU8sNkJBQTZCO0lBQ1osYUFBYSxDQUFnQztJQUVoRSxXQUFXLEdBQVcsRUFBRSxDQUFDO0lBQ3pCLGlCQUFpQixHQUFXLFFBQVEsQ0FBQztJQUNyQyxVQUFVLEdBQVcsUUFBUSxDQUFDO0lBQzlCLGNBQWMsR0FBWSxLQUFLLENBQUM7SUFDaEMsV0FBVyxHQUFXLEVBQUUsQ0FBQztJQUN6QixxQkFBcUIsR0FBWSxLQUFLLENBQUM7SUFDdkMsV0FBVyxHQUFXLEVBQUUsQ0FBQztJQUN6QixxQkFBcUIsR0FBWSxJQUFJLENBQUM7SUFDdEMsVUFBVSxHQUFXLEVBQUUsQ0FBQztJQUV4QixlQUFlLEdBQVUsRUFBRSxDQUFDO0lBQzVCLGdCQUFnQixDQUFNO0lBQ3RCLG1CQUFtQixHQUFXLFFBQVEsQ0FBQztJQUN2QyxtQkFBbUIsR0FBVyxTQUFTLENBQUM7SUFDeEMsbUJBQW1CLEdBQVcsRUFBRSxDQUFDO0lBQ2pD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QWdCO3NCQUF4QixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFFRyxjQUFjO3NCQUF0QixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTTtnQkFDRyxtQkFBbUI7c0JBQTVCLE1BQU07Z0JBQ0csb0JBQW9CO3NCQUE3QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEVsZW1lbnRSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRHJvcGRvd25GaWx0ZXJFdmVudCB9IGZyb20gJ3ByaW1lbmcvZHJvcGRvd24nO1xuaW1wb3J0IHtcbiAgZGVib3VuY2VUaW1lLFxuICBkaXN0aW5jdFVudGlsQ2hhbmdlZCxcbiAgU3ViamVjdCxcbiAgU3Vic2NyaXB0aW9uLFxufSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LXNlYXJjaC1kcm9wZG93bicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtc2VhcmNoLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LXNlYXJjaC1kcm9wZG93bi5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peFNlYXJjaERyb3Bkb3duQ29tcG9uZW50IHtcbiAgQFZpZXdDaGlsZCgnc2VhcmNoSW5wdXRFbCcpIHNlYXJjaElucHV0RWwhOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xuXG4gIEBJbnB1dCgpIHNlYXJjaFZhbHVlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgc2VhcmNoUGxhY2Vob2xkZXI6IHN0cmluZyA9ICdTZWFyY2gnO1xuICBASW5wdXQoKSBzZWFyY2hUeXBlOiBzdHJpbmcgPSAnc2VhcmNoJztcbiAgQElucHV0KCkgc2VhcmNoRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2VhcmNoTGFiZWw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBzZWFyY2hJc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2VhcmNoQ2xhc3M6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBzZWFyY2hJc0Nyb3NzUmVxdWlyZWQ6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBzZWFyY2hOYW1lOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKSBkcm9wZG93bk9wdGlvbnM6IGFueVtdID0gW107XG4gIEBJbnB1dCgpIGRyb3Bkb3duU2VsZWN0ZWQ6IGFueTtcbiAgQElucHV0KCkgZHJvcGRvd25QbGFjZWhvbGRlcjogc3RyaW5nID0gJ0NvbHVtbic7XG4gIEBJbnB1dCgpIGRyb3Bkb3duT3B0aW9uTGFiZWw6IHN0cmluZyA9ICdkaXNwbGF5JztcbiAgQElucHV0KCkgZHJvcGRvd25PcHRpb25WYWx1ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRyb3Bkb3duRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZHJvcGRvd25TaG93Q2xlYXI6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBkcm9wZG93bkZpbHRlcjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBkcm9wZG93bkxhYmVsOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZHJvcGRvd25Jc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZHJvcGRvd25TdHlsZUNsYXNzOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZHJvcGRvd25OYW1lOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKSBjb250YWluZXJDbGFzczogc3RyaW5nID0gJ2JpbGxpbmctaW5wdXQtY29sdW1uLWNvbnRhaW5lciBzZWFyY2gtZmlsdGVyLWNvbnRhaW5lcic7XG5cbiAgQE91dHB1dCgpIHNlYXJjaFZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBkcm9wZG93blZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBkcm9wZG93bkZpbHRlckNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8RHJvcGRvd25GaWx0ZXJFdmVudD4oKTtcblxuICAvKipcbiAgICogVGhlIGlucHV0IGZyb20gdGhlIHVzZXIgdXNlZCB0byBzZWFyY2ggZHJvcGRvd24gbGlzdFxuICAgKi9cbiAgZHJvcGRvd25GaWx0ZXJWYWx1ZSA9IG5ldyBTdWJqZWN0PERyb3Bkb3duRmlsdGVyRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqIFRoZSB0aW1lIGluIG1zIHRoYXQgaXQgdGFrZXMgdG8gcmVnaXN0ZXIgd2hlbiB1c2VyIGlzIGRvbmUgdHlwaW5nXG4gICAqL1xuICBkZWJvdW5jZVRpbWUgPSAzMDA7XG5cbiAgLyoqXG4gICAqIFRoZSB0cmlnZ2VyIHRoYXQgdXNlcyB0aGUgZGVib3VuY2UgdGltZSB0byBjcmVhdGUgZGVsYXkgb2Ygd2hlbiB1c2VyIHR5cGVzIHRvIGFjdHVhbCBmaWx0ZXJpbmdcbiAgICovXG4gIGRyb3Bkb3duRmlsdGVyVHJpZ2dlciA9IHRoaXMuZHJvcGRvd25GaWx0ZXJWYWx1ZS5waXBlKFxuICAgIGRlYm91bmNlVGltZSh0aGlzLmRlYm91bmNlVGltZSksXG4gICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKVxuICApO1xuXG4gIC8qKlxuICAgKiBTdWJzY3JpcHRpb24gdG8gdHJpZ2dlclxuICAgKi9cbiAgc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb24uYWRkKFxuICAgICAgdGhpcy5kcm9wZG93bkZpbHRlclRyaWdnZXIuc3Vic2NyaWJlKCgkZXZlbnQpID0+IHtcbiAgICAgICAgdGhpcy5kcm9wZG93bkZpbHRlckNoYW5nZS5lbWl0KCRldmVudCk7XG4gICAgICB9KVxuICAgICk7XG4gIH1cblxuICBvblNlYXJjaElucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgdGhpcy5zZWFyY2hWYWx1ZSA9IGlucHV0LnZhbHVlO1xuICAgIHRoaXMuc2VhcmNoVmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnNlYXJjaFZhbHVlKTtcbiAgfVxuXG4gIG9uU2VhcmNoRW50ZXIoKTogdm9pZCB7XG4gICAgdGhpcy5zZWFyY2hWYWx1ZUNoYW5nZS5lbWl0KHRoaXMuc2VhcmNoVmFsdWUpO1xuICB9XG5cbiAgY2xlYXJTZWFyY2hWYWx1ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnNlYXJjaFZhbHVlID0gJyc7XG4gICAgdGhpcy5zZWFyY2hWYWx1ZUNoYW5nZS5lbWl0KHRoaXMuc2VhcmNoVmFsdWUpO1xuICB9XG5cbiAgb25Ecm9wZG93bkNoYW5nZShldmVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5kcm9wZG93blZhbHVlQ2hhbmdlLmVtaXQoW2V2ZW50LnZhbHVlLCB0aGlzLmRyb3Bkb3duTmFtZV0pO1xuICB9XG5cbiAgb25Ecm9wZG93bkZpbHRlcihldmVudDogRHJvcGRvd25GaWx0ZXJFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuZHJvcGRvd25GaWx0ZXJWYWx1ZS5uZXh0KGV2ZW50KTtcbiAgfVxuXG4gIGZvY3VzU2VhcmNoKCk6IHZvaWQge1xuICAgIHRoaXMuc2VhcmNoSW5wdXRFbD8ubmF0aXZlRWxlbWVudD8uZm9jdXMoKTtcbiAgfVxufSIsIjxkaXYgW25nQ2xhc3NdPVwiY29udGFpbmVyQ2xhc3NcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2VhcmNoLWRyb3Bkb3duLWNvbnRhaW5lclwiPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBbaWRdPVwic2VhcmNoTmFtZVwiXG4gICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgIHBJbnB1dFRleHRcbiAgICAgICAgICBbdmFsdWVdPVwic2VhcmNoVmFsdWVcIlxuICAgICAgICAgIFthdHRyLnBsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAoaW5wdXQpPVwib25TZWFyY2hJbnB1dCgkZXZlbnQpXCJcbiAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJvblNlYXJjaEVudGVyKClcIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cInNlYXJjaENsYXNzICsgJyBsaWItaW5wdXQtZmllbGQnXCJcbiAgICAgICAgICBhdXRvY29tcGxldGU9XCJuZXctcGFzc3dvcmRcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCJzZWFyY2hEaXNhYmxlZFwiXG4gICAgICAgICAgW3R5cGVdPVwic2VhcmNoVHlwZVwiXG4gICAgICAgICAgI3NlYXJjaElucHV0RWxcbiAgICAgICAgICBjbGFzcz1cInNlYXJjaC1pbnB1dFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxzcGFuPlxuICAgICAgXG4gICAgICAgICAgICA8aVxuICAgICAgICAgICAgICBjbGFzcz1cInBpIHBpLXRpbWVzIGZpbHRlci1kcm9wZG93bi1pY29uXCJcbiAgICAgICAgICAgICAgc3R5bGU9XCJjdXJzb3I6IHBvaW50ZXJcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwiY2xlYXJTZWFyY2hWYWx1ZSgpXCJcbiAgICAgICAgICAgICAgKm5nSWY9XCJzZWFyY2hJc0Nyb3NzUmVxdWlyZWQgJiYgc2VhcmNoVmFsdWUgIT09ICcnXCJcbiAgICAgICAgICAgID48L2k+XG4gICAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cblxuICA8cC1kcm9wZG93blxuICAgIFtvcHRpb25zXT1cImRyb3Bkb3duT3B0aW9uc1wiXG4gICAgWyhuZ01vZGVsKV09XCJkcm9wZG93blNlbGVjdGVkXCJcbiAgICAob25DaGFuZ2UpPVwib25Ecm9wZG93bkNoYW5nZSgkZXZlbnQpXCJcbiAgICBbb3B0aW9uVmFsdWVdPVwiZHJvcGRvd25PcHRpb25WYWx1ZVwiXG4gICAgW29wdGlvbkxhYmVsXT1cImRyb3Bkb3duT3B0aW9uTGFiZWxcIlxuICAgIFtzaG93Q2xlYXJdPVwiZHJvcGRvd25TaG93Q2xlYXJcIlxuICAgIFtmaWx0ZXJdPVwiZHJvcGRvd25GaWx0ZXJcIlxuICAgIFtmaWx0ZXJCeV09XCJkcm9wZG93bk9wdGlvbkxhYmVsXCJcbiAgICBhcHBlbmRUbz1cImJvZHlcIlxuICAgIFtkaXNhYmxlZF09XCJkcm9wZG93bkRpc2FibGVkXCJcbiAgICBbc3R5bGVDbGFzc109XCJkcm9wZG93blN0eWxlQ2xhc3NcIlxuICAgIChvbkZpbHRlcik9XCJvbkRyb3Bkb3duRmlsdGVyKCRldmVudClcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJkcm9wZG93blBsYWNlaG9sZGVyXCJcbiAgICBjbGFzcz1cInNlYXJjaC1kcm9wZG93blwiXG4gID5cbiAgICA8bmctdGVtcGxhdGUgbGV0LW9wdGlvbiBwVGVtcGxhdGU9XCJpdGVtXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY3VzdG9tLWl0ZW1cIj5cbiAgICAgICAgPGlcbiAgICAgICAgICBbbmdDbGFzc109XCJvcHRpb24uZHJvcGRvd25JY29uXCJcbiAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duLWxvZ29cIlxuICAgICAgICAgICpuZ0lmPVwib3B0aW9uLmRyb3Bkb3duSWNvblwiXG4gICAgICAgID48L2k+XG4gICAgICAgIDxpbWdcbiAgICAgICAgICBbYWx0XT1cIm9wdGlvbi5kcm9wZG93bkltYWdlXCJcbiAgICAgICAgICBbc3JjXT1cIm9wdGlvbi5kcm9wZG93bkltYWdlXCJcbiAgICAgICAgICAqbmdJZj1cIm9wdGlvbi5kcm9wZG93bkltYWdlXCJcbiAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duLWltYWdlXCJcbiAgICAgICAgLz5cblxuICAgICAgICA8c3Bhbj57eyBvcHRpb25bZHJvcGRvd25PcHRpb25MYWJlbF0gfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L3AtZHJvcGRvd24+XG48L2Rpdj4iXX0=
|
|
@@ -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.14", ngImport: i0, type: AtomixSelectButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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.14", 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.14", ngImport: i0, type: AtomixSnackbarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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.14", 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.14", ngImport: i0, type: AtomixSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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.14", 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: [{
|