primekit 1.0.2 → 1.0.4
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-autocomplete/atomix-autocomplete.component.mjs +2 -2
- package/esm2022/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.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/fesm2022/primekit.mjs +10 -10
- package/fesm2022/primekit.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -53,7 +53,7 @@ export class AtomixAutocompleteComponent {
|
|
|
53
53
|
useExisting: forwardRef(() => AtomixAutocompleteComponent),
|
|
54
54
|
multi: true,
|
|
55
55
|
},
|
|
56
|
-
], ngImport: i0, template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius)}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"], dependencies: [{ 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.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.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] });
|
|
56
|
+
], ngImport: i0, template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius);margin-left:.5rem}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"], dependencies: [{ 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.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.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] });
|
|
57
57
|
}
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixAutocompleteComponent, decorators: [{
|
|
59
59
|
type: Component,
|
|
@@ -63,7 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
63
63
|
useExisting: forwardRef(() => AtomixAutocompleteComponent),
|
|
64
64
|
multi: true,
|
|
65
65
|
},
|
|
66
|
-
], template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius)}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"] }]
|
|
66
|
+
], template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius);margin-left:.5rem}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"] }]
|
|
67
67
|
}], propDecorators: { suggestions: [{
|
|
68
68
|
type: Input
|
|
69
69
|
}], placeholder: [{
|
package/esm2022/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.mjs
CHANGED
|
@@ -30,11 +30,11 @@ export class AtomixFormAutocompleteComponent {
|
|
|
30
30
|
return this.form.get(this.controlName);
|
|
31
31
|
}
|
|
32
32
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormAutocompleteComponent, selector: "atomix-form-autocomplete", inputs: { controlName: "controlName", form: "form", label: "label", suggestions: "suggestions", placeholder: "placeholder", type: "type", tooltip: "tooltip", styleClass: "styleClass", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition", field: "field", dropdown: "dropdown" }, outputs: { queryEvent: "queryEvent", onSelect: "onSelect" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"
|
|
33
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormAutocompleteComponent, selector: "atomix-form-autocomplete", inputs: { controlName: "controlName", form: "form", label: "label", suggestions: "suggestions", placeholder: "placeholder", type: "type", tooltip: "tooltip", styleClass: "styleClass", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition", field: "field", dropdown: "dropdown" }, outputs: { queryEvent: "queryEvent", onSelect: "onSelect" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-autoComplete\n [appendTo]=\"'body'\"\n [formControl]=\"control\"\n [id]=\"controlName\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n field=\"name\"\n (completeMethod)=\"onQuery($event)\"\n (onSelect)=\"onOptionSelected($event)\"\n [showClear]=\"true\"\n [dropdown]=\"dropdown\"\n (onClear)=\"this.onSelect.emit($event)\"\n [styleClass]=\"styleClass + ' lib-form-autocomplete'\"\n/>\n", styles: ["::ng-deep .lib-form-autocomplete{margin-top:.2rem!important}::ng-deep .lib-form-autocomplete input{border-top-left-radius:30px;border-bottom-left-radius:30px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormAutocompleteComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
|
-
args: [{ selector: 'atomix-form-autocomplete', template: "<label *ngIf=\"label\" [for]=\"controlName\"
|
|
37
|
+
args: [{ selector: 'atomix-form-autocomplete', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-autoComplete\n [appendTo]=\"'body'\"\n [formControl]=\"control\"\n [id]=\"controlName\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n field=\"name\"\n (completeMethod)=\"onQuery($event)\"\n (onSelect)=\"onOptionSelected($event)\"\n [showClear]=\"true\"\n [dropdown]=\"dropdown\"\n (onClear)=\"this.onSelect.emit($event)\"\n [styleClass]=\"styleClass + ' lib-form-autocomplete'\"\n/>\n", styles: ["::ng-deep .lib-form-autocomplete{margin-top:.2rem!important}::ng-deep .lib-form-autocomplete input{border-top-left-radius:30px;border-bottom-left-radius:30px}\n"] }]
|
|
38
38
|
}], propDecorators: { controlName: [{
|
|
39
39
|
type: Input
|
|
40
40
|
}], form: [{
|
|
@@ -64,4 +64,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
64
64
|
}], onSelect: [{
|
|
65
65
|
type: Output
|
|
66
66
|
}] } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1mb3JtL2F0b21peC1mb3JtLWF1dG9jb21wbGV0ZS9hdG9taXgtZm9ybS1hdXRvY29tcGxldGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tYXV0b2NvbXBsZXRlL2F0b21peC1mb3JtLWF1dG9jb21wbGV0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFZdkUsTUFBTSxPQUFPLCtCQUErQjtJQUNqQyxXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxXQUFXLEdBQVUsRUFBRSxDQUFDO0lBQ3hCLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsSUFBSSxHQUFHLE1BQU0sQ0FBQztJQUNkLE9BQU8sQ0FBVTtJQUNqQixVQUFVLENBQVU7SUFDcEIsZUFBZSxHQUFZLEtBQUssQ0FBQztJQUNqQyxlQUFlLEdBQXdDLFFBQVEsQ0FBQztJQUNoRSxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDZixVQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUN4QyxRQUFRLEdBQUcsSUFBSSxZQUFZLEVBQW1DLENBQUM7SUFFekUsT0FBTyxDQUFDLEtBQWdDO1FBQ3RDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBOEI7UUFDN0MsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBZ0IsQ0FBQztJQUN4RCxDQUFDO3dHQTNCVSwrQkFBK0I7NEZBQS9CLCtCQUErQixxYUNaNUMscW5CQW9CQTs7NEZEUmEsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDBCQUEwQjs4QkFLM0IsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtcbiAgQXV0b0NvbXBsZXRlQ29tcGxldGVFdmVudCxcbiAgQXV0b0NvbXBsZXRlU2VsZWN0RXZlbnQsXG59IGZyb20gJ3ByaW1lbmcvYXV0b2NvbXBsZXRlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LWZvcm0tYXV0b2NvbXBsZXRlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1mb3JtLWF1dG9jb21wbGV0ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1mb3JtLWF1dG9jb21wbGV0ZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhGb3JtQXV0b2NvbXBsZXRlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29udHJvbE5hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZvcm0hOiBGb3JtR3JvdXA7XG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIHN1Z2dlc3Rpb25zOiBhbnlbXSA9IFtdO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSB0eXBlID0gJ3RleHQnO1xuICBASW5wdXQoKSB0b29sdGlwITogc3RyaW5nO1xuICBASW5wdXQoKSBzdHlsZUNsYXNzITogc3RyaW5nO1xuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdG9vbHRpcFBvc2l0aW9uOiAncmlnaHQnIHwgJ2xlZnQnIHwgJ3RvcCcgfCAnYm90dG9tJyA9ICdib3R0b20nO1xuICBASW5wdXQoKSBmaWVsZDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRyb3Bkb3duID0gdHJ1ZTtcbiAgQE91dHB1dCgpIHF1ZXJ5RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIG9uU2VsZWN0ID0gbmV3IEV2ZW50RW1pdHRlcjxBdXRvQ29tcGxldGVTZWxlY3RFdmVudCB8IEV2ZW50PigpO1xuXG4gIG9uUXVlcnkoZXZlbnQ6IEF1dG9Db21wbGV0ZUNvbXBsZXRlRXZlbnQpIHtcbiAgICB0aGlzLnF1ZXJ5RXZlbnQuZW1pdChldmVudC5xdWVyeSk7XG4gIH1cblxuICBvbk9wdGlvblNlbGVjdGVkKGV2ZW50OiBBdXRvQ29tcGxldGVTZWxlY3RFdmVudCkge1xuICAgIGNvbnNvbGUubG9nKCdsaWInLCBldmVudCk7XG4gICAgdGhpcy5vblNlbGVjdC5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIGdldCBjb250cm9sKCkge1xuICAgIHJldHVybiB0aGlzLmZvcm0uZ2V0KHRoaXMuY29udHJvbE5hbWUpIGFzIEZvcm1Db250cm9sO1xuICB9XG59XG4iLCI8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIFtmb3JdPVwiY29udHJvbE5hbWVcIlxuICA+e3sgbGFiZWwgfX1cbiAgPHNwYW4gKm5nSWY9XCJpc0xhYmVsUmVxdWlyZWRcIiBjbGFzcz1cImVycm9yLWFzdGVyaXNrXCI+Kjwvc3Bhbj48L2xhYmVsXG4+XG48cC1hdXRvQ29tcGxldGVcbiAgW2FwcGVuZFRvXT1cIidib2R5J1wiXG4gIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgW2lkXT1cImNvbnRyb2xOYW1lXCJcbiAgW3N1Z2dlc3Rpb25zXT1cInN1Z2dlc3Rpb25zXCJcbiAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgW3BUb29sdGlwXT1cInRvb2x0aXBcIlxuICBbdG9vbHRpcFBvc2l0aW9uXT1cInRvb2x0aXBQb3NpdGlvblwiXG4gIGZpZWxkPVwibmFtZVwiXG4gIChjb21wbGV0ZU1ldGhvZCk9XCJvblF1ZXJ5KCRldmVudClcIlxuICAob25TZWxlY3QpPVwib25PcHRpb25TZWxlY3RlZCgkZXZlbnQpXCJcbiAgW3Nob3dDbGVhcl09XCJ0cnVlXCJcbiAgW2Ryb3Bkb3duXT1cImRyb3Bkb3duXCJcbiAgKG9uQ2xlYXIpPVwidGhpcy5vblNlbGVjdC5lbWl0KCRldmVudClcIlxuICBbc3R5bGVDbGFzc109XCJzdHlsZUNsYXNzICsgJyBsaWItZm9ybS1hdXRvY29tcGxldGUnXCJcbi8+XG4iXX0=
|
|
@@ -23,11 +23,11 @@ export class AtomixFormChipsComponent {
|
|
|
23
23
|
return this.form.get(this.controlName);
|
|
24
24
|
}
|
|
25
25
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormChipsComponent, selector: "atomix-form-chips", inputs: { controlName: "controlName", form: "form", label: "label", placeholder: "placeholder", tooltip: "tooltip", tooltipPosition: "tooltipPosition", type: "type", styleClass: "styleClass", allowDuplicate: "allowDuplicate", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired" }, ngImport: i0, template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\"
|
|
26
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormChipsComponent, selector: "atomix-form-chips", inputs: { controlName: "controlName", form: "form", label: "label", placeholder: "placeholder", tooltip: "tooltip", tooltipPosition: "tooltipPosition", type: "type", styleClass: "styleClass", allowDuplicate: "allowDuplicate", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired" }, ngImport: i0, template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\"\n >{{ label }}\n <i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n ></label>\n <p-chips\n separator=\",\"\n placeholder=\"Separate values with a comma or enter.\"\n [formControl]=\"control\"\n [id]=\"controlName\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n [styleClass]=\"styleClass + ' lib-form-chips'\"\n [allowDuplicate]=\"allowDuplicate\"\n ></p-chips>\n</div>\n", styles: ["::ng-deep .lib-form-chips{margin-top:.2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.Chips, selector: "p-chips", inputs: ["style", "styleClass", "disabled", "field", "placeholder", "max", "maxLength", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "allowDuplicate", "caseSensitiveDuplication", "inputStyle", "inputStyleClass", "addOnTab", "addOnBlur", "separator", "showClear", "autofocus", "variant"], outputs: ["onAdd", "onRemove", "onFocus", "onBlur", "onChipClick", "onChipContextMenu", "onClear"] }] });
|
|
27
27
|
}
|
|
28
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormChipsComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
|
-
args: [{ selector: 'atomix-form-chips', template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\"
|
|
30
|
+
args: [{ selector: 'atomix-form-chips', template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\"\n >{{ label }}\n <i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n ></label>\n <p-chips\n separator=\",\"\n placeholder=\"Separate values with a comma or enter.\"\n [formControl]=\"control\"\n [id]=\"controlName\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n [styleClass]=\"styleClass + ' lib-form-chips'\"\n [allowDuplicate]=\"allowDuplicate\"\n ></p-chips>\n</div>\n", styles: ["::ng-deep .lib-form-chips{margin-top:.2rem}\n"] }]
|
|
31
31
|
}], propDecorators: { controlName: [{
|
|
32
32
|
type: Input
|
|
33
33
|
}], form: [{
|
|
@@ -51,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
51
51
|
}], isLabelIconRequired: [{
|
|
52
52
|
type: Input
|
|
53
53
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tY2hpcHMvYXRvbWl4LWZvcm0tY2hpcHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tY2hpcHMvYXRvbWl4LWZvcm0tY2hpcHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVNqRCxNQUFNLE9BQU8sd0JBQXdCO0lBQzFCLFdBQVcsQ0FBVTtJQUNyQixJQUFJLENBQWE7SUFDakIsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNYLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsT0FBTyxDQUFVO0lBQ2pCLGVBQWUsR0FBd0MsUUFBUSxDQUFDO0lBQ2hFLElBQUksR0FBRyxNQUFNLENBQUM7SUFDZCxVQUFVLEdBQUcsRUFBRSxDQUFDO0lBQ2hCLGNBQWMsR0FBWSxLQUFLLENBQUM7SUFDaEMsZUFBZSxHQUFrQjtRQUN4QyxTQUFTLEVBQUUsRUFBRTtRQUNiLE9BQU8sRUFBRSxFQUFFO0tBQ1osQ0FBQztJQUNPLG1CQUFtQixHQUFZLEtBQUssQ0FBQztJQUM5QyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0FqQlUsd0JBQXdCOzRGQUF4Qix3QkFBd0IsNldDVHJDLDZtQkFvQkE7OzRGRFhhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxtQkFBbUI7OEJBS3BCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFJRyxtQkFBbUI7c0JBQTNCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTGFiZWxJY29uRGF0YSB9IGZyb20gJy4vZm9ybS5jaGlwcy5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtZm9ybS1jaGlwcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtZm9ybS1jaGlwcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1mb3JtLWNoaXBzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peEZvcm1DaGlwc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbnRyb2xOYW1lITogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSB0b29sdGlwITogc3RyaW5nO1xuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246ICdyaWdodCcgfCAnbGVmdCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG4gIEBJbnB1dCgpIHR5cGUgPSAndGV4dCc7XG4gIEBJbnB1dCgpIHN0eWxlQ2xhc3MgPSAnJztcbiAgQElucHV0KCkgYWxsb3dEdXBsaWNhdGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaXNMYWJlbEljb25EYXRhOiBMYWJlbEljb25EYXRhID0ge1xuICAgIGljb25DbGFzczogJycsXG4gICAgdG9vbHRpcDogJycsXG4gIH07XG4gIEBJbnB1dCgpIGlzTGFiZWxJY29uUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgZ2V0IGNvbnRyb2woKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQodGhpcy5jb250cm9sTmFtZSkgYXMgRm9ybUNvbnRyb2w7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpdGVtIGZsZXggZmxleC1jb2x1bW5cIj5cbiAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbaHRtbEZvcl09XCJjb250cm9sTmFtZVwiXG4gICAgPnt7IGxhYmVsIH19XG4gICAgPGlcbiAgICAgICpuZ0lmPVwiaXNMYWJlbEljb25SZXF1aXJlZFwiXG4gICAgICBbY2xhc3NdPVwiaXNMYWJlbEljb25EYXRhPy5pY29uQ2xhc3MgKyAnIG1sLTInXCJcbiAgICAgIFtwVG9vbHRpcF09XCJpc0xhYmVsSWNvbkRhdGE/LnRvb2x0aXBcIlxuICAgID48L2lcbiAgPjwvbGFiZWw+XG4gIDxwLWNoaXBzXG4gICAgc2VwYXJhdG9yPVwiLFwiXG4gICAgcGxhY2Vob2xkZXI9XCJTZXBhcmF0ZSB2YWx1ZXMgd2l0aCBhIGNvbW1hIG9yIGVudGVyLlwiXG4gICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICAgIFtpZF09XCJjb250cm9sTmFtZVwiXG4gICAgW3BUb29sdGlwXT1cInRvb2x0aXBcIlxuICAgIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCJcbiAgICBbc3R5bGVDbGFzc109XCJzdHlsZUNsYXNzICsgJyAgbGliLWZvcm0tY2hpcHMnXCJcbiAgICBbYWxsb3dEdXBsaWNhdGVdPVwiYWxsb3dEdXBsaWNhdGVcIlxuICA+PC9wLWNoaXBzPlxuPC9kaXY+XG4iXX0=
|
|
@@ -29,11 +29,11 @@ export class AtomixFormDropdownComponent {
|
|
|
29
29
|
return this.form.get(this.controlName);
|
|
30
30
|
}
|
|
31
31
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormDropdownComponent, selector: "atomix-form-dropdown", inputs: { controlName: "controlName", filterResults: "filterResults", form: "form", label: "label", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", placeholder: "placeholder", showClear: "showClear", tooltip: "tooltip", tooltipPosition: "tooltipPosition", isLabelRequired: "isLabelRequired", styleClass: "styleClass", isLabelIconData: "isLabelIconData" }, outputs: { selectionChange: "selectionChange", filterEvent: "filterEvent" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"
|
|
32
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormDropdownComponent, selector: "atomix-form-dropdown", inputs: { controlName: "controlName", filterResults: "filterResults", form: "form", label: "label", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", placeholder: "placeholder", showClear: "showClear", tooltip: "tooltip", tooltipPosition: "tooltipPosition", isLabelRequired: "isLabelRequired", styleClass: "styleClass", isLabelIconData: "isLabelIconData" }, outputs: { selectionChange: "selectionChange", filterEvent: "filterEvent" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span> <i\n *ngIf=\"isLabelIconData.required\"\n [class]=\"isLabelIconData?.iconClass\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n></i\n></label\n>\n<p-dropdown\n [filter]=\"filterResults\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [showClear]=\"showClear\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n (onChange)=\"selectionChange.emit($event)\"\n [styleClass]=\"styleClass + ' form-dropdown'\"\n appendTo=\"body\"\n>\n</p-dropdown>\n", styles: ["::ng-deep .form-dropdown{margin-top:.2rem!important;border-radius:30px}::ng-deep .form-dropdown .p-inputtext{padding:1rem!important}.lib-error-asterisk,.error-asterisk{color:red}\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: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
33
33
|
}
|
|
34
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormDropdownComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
|
-
args: [{ selector: 'atomix-form-dropdown', template: "<label *ngIf=\"label\" [for]=\"controlName\"
|
|
36
|
+
args: [{ selector: 'atomix-form-dropdown', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span> <i\n *ngIf=\"isLabelIconData.required\"\n [class]=\"isLabelIconData?.iconClass\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n></i\n></label\n>\n<p-dropdown\n [filter]=\"filterResults\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [showClear]=\"showClear\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n (onChange)=\"selectionChange.emit($event)\"\n [styleClass]=\"styleClass + ' form-dropdown'\"\n appendTo=\"body\"\n>\n</p-dropdown>\n", styles: ["::ng-deep .form-dropdown{margin-top:.2rem!important;border-radius:30px}::ng-deep .form-dropdown .p-inputtext{padding:1rem!important}.lib-error-asterisk,.error-asterisk{color:red}\n"] }]
|
|
37
37
|
}], propDecorators: { controlName: [{
|
|
38
38
|
type: Input
|
|
39
39
|
}], filterResults: [{
|
|
@@ -67,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
67
67
|
}], filterEvent: [{
|
|
68
68
|
type: Output
|
|
69
69
|
}] } });
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tZHJvcGRvd24vYXRvbWl4LWZvcm0tZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tZHJvcGRvd24vYXRvbWl4LWZvcm0tZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3ZFLE1BQU0sT0FBTywyQkFBMkI7SUFDN0IsV0FBVyxDQUFVO0lBQ3JCLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDdEIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxXQUFXLEdBQUcsRUFBRSxDQUFDO0lBQ2pCLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsT0FBTyxDQUFPO0lBQ2QsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQ2pCLE9BQU8sQ0FBVTtJQUNqQixlQUFlLEdBQXdDLFFBQVEsQ0FBQztJQUNoRSxlQUFlLEdBQVksS0FBSyxDQUFDO0lBQ2pDLFVBQVUsQ0FBVTtJQUNuQixlQUFlLEdBQWtCO1FBQ3ZDLFNBQVMsRUFBRSxFQUFFO1FBQ2IsT0FBTyxFQUFFLEVBQUU7UUFDWCxRQUFRLEVBQUMsS0FBSztLQUNmLENBQUM7SUFFTSxlQUFlLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUNyQyxXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUVuRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0F6QlUsMkJBQTJCOzRGQUEzQiwyQkFBMkIseWdCQ1R4Qyx1c0JBd0JBOzs0RkRmYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCOzhCQUt2QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksZUFBZTtzQkFBdkIsS0FBSztnQkFNRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IExhYmVsSWNvbkRhdGEgfSBmcm9tICcuLi9hdG9taXgtZm9ybS1jaGlwcy9mb3JtLmNoaXBzLm1vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F0b21peC1mb3JtLWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1mb3JtLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LWZvcm0tZHJvcGRvd24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXRvbWl4Rm9ybURyb3Bkb3duQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29udHJvbE5hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZpbHRlclJlc3VsdHMgPSBmYWxzZTtcbiAgQElucHV0KCkgZm9ybSE6IEZvcm1Hcm91cDtcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KCkgb3B0aW9uTGFiZWwgPSAnJztcbiAgQElucHV0KCkgb3B0aW9uVmFsdWUgPSAnJztcbiAgQElucHV0KCkgb3B0aW9ucyE6IGFueTtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgc2hvd0NsZWFyID0gdHJ1ZTtcbiAgQElucHV0KCkgdG9vbHRpcCE6IHN0cmluZztcbiAgQElucHV0KCkgdG9vbHRpcFBvc2l0aW9uOiAncmlnaHQnIHwgJ2xlZnQnIHwgJ3RvcCcgfCAnYm90dG9tJyA9ICdib3R0b20nO1xuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc3R5bGVDbGFzcyE6IHN0cmluZztcbiAgIEBJbnB1dCgpIGlzTGFiZWxJY29uRGF0YTogTGFiZWxJY29uRGF0YSA9IHtcbiAgICAgIGljb25DbGFzczogJycsXG4gICAgICB0b29sdGlwOiAnJyxcbiAgICAgIHJlcXVpcmVkOmZhbHNlXG4gICAgfTtcblxuICBAT3V0cHV0KCkgc2VsZWN0aW9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgZmlsdGVyRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBnZXQgY29udHJvbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbZm9yXT1cImNvbnRyb2xOYW1lXCJcbiAgPnt7IGxhYmVsIH19XG4gIDxzcGFuICpuZ0lmPVwiaXNMYWJlbFJlcXVpcmVkXCIgY2xhc3M9XCJsaWItZXJyb3ItYXN0ZXJpc2tcIj4qPC9zcGFuPiAgPGlcbiAgKm5nSWY9XCJpc0xhYmVsSWNvbkRhdGEucmVxdWlyZWRcIlxuICBbY2xhc3NdPVwiaXNMYWJlbEljb25EYXRhPy5pY29uQ2xhc3NcIlxuICBbcFRvb2x0aXBdPVwiaXNMYWJlbEljb25EYXRhPy50b29sdGlwXCJcbj48L2lcbj48L2xhYmVsXG4+XG48cC1kcm9wZG93blxuICBbZmlsdGVyXT1cImZpbHRlclJlc3VsdHNcIlxuICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIFtvcHRpb25zXT1cIm9wdGlvbnNcIlxuICBbb3B0aW9uTGFiZWxdPVwib3B0aW9uTGFiZWxcIlxuICBbb3B0aW9uVmFsdWVdPVwib3B0aW9uVmFsdWVcIlxuICBbc2hvd0NsZWFyXT1cInNob3dDbGVhclwiXG4gIFtwVG9vbHRpcF09XCJ0b29sdGlwXCJcbiAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxuICAob25DaGFuZ2UpPVwic2VsZWN0aW9uQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gIFtzdHlsZUNsYXNzXT1cInN0eWxlQ2xhc3MgKyAnIGZvcm0tZHJvcGRvd24nXCJcbiAgYXBwZW5kVG89XCJib2R5XCJcbj5cbjwvcC1kcm9wZG93bj5cbiJdfQ==
|
|
@@ -35,11 +35,11 @@ export class AtomixFormInputComponent {
|
|
|
35
35
|
this.changeValueHandler.emit(input.value);
|
|
36
36
|
}
|
|
37
37
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormInputComponent, selector: "atomix-form-input", inputs: { controlName: "controlName", form: "form", label: "label", max: "max", min: "min", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", style: "style", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition", buttonText: "buttonText", buttonType: "buttonType" }, outputs: { changeValueHandler: "changeValueHandler", buttonClick: "buttonClick" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"
|
|
38
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormInputComponent, selector: "atomix-form-input", inputs: { controlName: "controlName", form: "form", label: "label", max: "max", min: "min", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", style: "style", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition", buttonText: "buttonText", buttonType: "buttonType" }, outputs: { changeValueHandler: "changeValueHandler", buttonClick: "buttonClick" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n ><i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n></label>\n<div class=\"input-wrapper\">\n <input\n pInputText\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [maxlength]=\"max\"\n [min]=\"min\"\n (input)=\"onInput($event)\"\n [pTooltip]=\"tooltip\"\n [type]=\"type\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class + ' lib-input-field' + (buttonText ? ' with-button' : '')\"\n autocomplete=\"new-password\"\n [style]=\"style\"\n />\n <button *ngIf=\"buttonText\" (click)=\"buttonClick.emit()\" class=\"inline-button\" [type]=\"buttonType\">{{ buttonText }}</button>\n</div>\n", styles: ["::ng-deep .lib-input-field{border-radius:var(--global-border-radius);margin-top:.2rem}::ng-deep .lib-input-field.with-button{padding-right:6rem}.error-asterisk{color:red}.input-wrapper{position:relative}.inline-button{position:absolute;right:5px;background-color:transparent;color:#63b77e;font-weight:700;border:none;cursor:pointer;font-size:.875rem;height:95%;margin-top:.2rem;border-left:1px solid grey}.inline-button:focus{outline:none}.inline-button:hover{background-color:transparent}\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"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
39
39
|
}
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
|
-
args: [{ selector: 'atomix-form-input', template: "<label *ngIf=\"label\" [for]=\"controlName\"
|
|
42
|
+
args: [{ selector: 'atomix-form-input', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n ><i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n></label>\n<div class=\"input-wrapper\">\n <input\n pInputText\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [maxlength]=\"max\"\n [min]=\"min\"\n (input)=\"onInput($event)\"\n [pTooltip]=\"tooltip\"\n [type]=\"type\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class + ' lib-input-field' + (buttonText ? ' with-button' : '')\"\n autocomplete=\"new-password\"\n [style]=\"style\"\n />\n <button *ngIf=\"buttonText\" (click)=\"buttonClick.emit()\" class=\"inline-button\" [type]=\"buttonType\">{{ buttonText }}</button>\n</div>\n", styles: ["::ng-deep .lib-input-field{border-radius:var(--global-border-radius);margin-top:.2rem}::ng-deep .lib-input-field.with-button{padding-right:6rem}.error-asterisk{color:red}.input-wrapper{position:relative}.inline-button{position:absolute;right:5px;background-color:transparent;color:#63b77e;font-weight:700;border:none;cursor:pointer;font-size:.875rem;height:95%;margin-top:.2rem;border-left:1px solid grey}.inline-button:focus{outline:none}.inline-button:hover{background-color:transparent}\n"] }]
|
|
43
43
|
}], propDecorators: { controlName: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], form: [{
|
|
@@ -77,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
77
77
|
}], buttonClick: [{
|
|
78
78
|
type: Output
|
|
79
79
|
}] } });
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1mb3JtL2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50L2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTdkUsTUFBTSxPQUFPLHdCQUF3QjtJQUMxQixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxHQUFHLENBQWlCO0lBQ3BCLEdBQUcsQ0FBVTtJQUNiLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsSUFBSSxHQUFHLE1BQU0sQ0FBQztJQUNkLE9BQU8sQ0FBVTtJQUNqQixLQUFLLENBQVU7SUFDZixLQUFLLENBQU07SUFDWCxlQUFlLEdBQWtCO1FBQ3hDLFNBQVMsRUFBRSxFQUFFO1FBQ2IsT0FBTyxFQUFFLEVBQUU7S0FDWixDQUFDO0lBQ08sbUJBQW1CLEdBQVksS0FBSyxDQUFDO0lBQ3JDLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsZUFBZSxHQUF3QyxRQUFRLENBQUM7SUFDaEUsVUFBVSxHQUFXLEVBQUUsQ0FBQztJQUN4QixVQUFVLEdBQXdCLFFBQVEsQ0FBQztJQUMxQyxrQkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQ2hELFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRWpELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBZ0IsQ0FBQztJQUN4RCxDQUFDO0lBQ0QsT0FBTyxDQUFDLEtBQVk7UUFDbEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDN0IsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFFL0MsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsQ0FBQzt3R0EvQlUsd0JBQXdCOzRGQUF4Qix3QkFBd0Isb2hCQ1RyQyxpNEJBMEJBOzs0RkRqQmEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLG1CQUFtQjs4QkFLcEIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFJRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTGFiZWxJY29uRGF0YSB9IGZyb20gJy4uL2F0b21peC1mb3JtLWNoaXBzL2Zvcm0uY2hpcHMubW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LWZvcm0taW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peEZvcm1JbnB1dENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbnRyb2xOYW1lITogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBtYXghOiBudW1iZXIgfCBudWxsO1xuICBASW5wdXQoKSBtaW4hOiBudW1iZXI7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIHR5cGUgPSAndGV4dCc7XG4gIEBJbnB1dCgpIHRvb2x0aXAhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNsYXNzITogc3RyaW5nO1xuICBASW5wdXQoKSBzdHlsZTogYW55O1xuICBASW5wdXQoKSBpc0xhYmVsSWNvbkRhdGE6IExhYmVsSWNvbkRhdGEgPSB7XG4gICAgaWNvbkNsYXNzOiAnJyxcbiAgICB0b29sdGlwOiAnJyxcbiAgfTtcbiAgQElucHV0KCkgaXNMYWJlbEljb25SZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdG9vbHRpcFBvc2l0aW9uOiAncmlnaHQnIHwgJ2xlZnQnIHwgJ3RvcCcgfCAnYm90dG9tJyA9ICdib3R0b20nO1xuICBASW5wdXQoKSBidXR0b25UZXh0OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgYnV0dG9uVHlwZTogJ2J1dHRvbicgfCAnc3VibWl0JyA9ICdidXR0b24nO1xuICBAT3V0cHV0KCkgY2hhbmdlVmFsdWVIYW5kbGVyID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBidXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBnZXQgY29udHJvbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxuICBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnNvbGUubG9nKHRoaXMuYnV0dG9uVHlwZSk7XG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcblxuICAgIHRoaXMuY2hhbmdlVmFsdWVIYW5kbGVyLmVtaXQoaW5wdXQudmFsdWUpO1xuICB9XG59XG4iLCI8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIFtmb3JdPVwiY29udHJvbE5hbWVcIlxuICA+e3sgbGFiZWwgfX0gPHNwYW4gKm5nSWY9XCJpc0xhYmVsUmVxdWlyZWRcIiBjbGFzcz1cImVycm9yLWFzdGVyaXNrXCI+Kjwvc3BhblxuICA+PGlcbiAgICAqbmdJZj1cImlzTGFiZWxJY29uUmVxdWlyZWRcIlxuICAgIFtjbGFzc109XCJpc0xhYmVsSWNvbkRhdGE/Lmljb25DbGFzcyArICcgbWwtMidcIlxuICAgIFtwVG9vbHRpcF09XCJpc0xhYmVsSWNvbkRhdGE/LnRvb2x0aXBcIlxuICA+PC9pXG4+PC9sYWJlbD5cbjxkaXYgY2xhc3M9XCJpbnB1dC13cmFwcGVyXCI+XG4gIDxpbnB1dFxuICAgIHBJbnB1dFRleHRcbiAgICBbaWRdPVwiY29udHJvbE5hbWVcIlxuICAgIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgIFttYXhsZW5ndGhdPVwibWF4XCJcbiAgICBbbWluXT1cIm1pblwiXG4gICAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gICAgW3BUb29sdGlwXT1cInRvb2x0aXBcIlxuICAgIFt0eXBlXT1cInR5cGVcIlxuICAgIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCJcbiAgICBbbmdDbGFzc109XCJjbGFzcyArICcgbGliLWlucHV0LWZpZWxkJyArIChidXR0b25UZXh0ID8gJyB3aXRoLWJ1dHRvbicgOiAnJylcIlxuICAgIGF1dG9jb21wbGV0ZT1cIm5ldy1wYXNzd29yZFwiXG4gICAgW3N0eWxlXT1cInN0eWxlXCJcbiAgLz5cbiAgPGJ1dHRvbiAqbmdJZj1cImJ1dHRvblRleHRcIiAoY2xpY2spPVwiYnV0dG9uQ2xpY2suZW1pdCgpXCIgY2xhc3M9XCJpbmxpbmUtYnV0dG9uXCIgW3R5cGVdPVwiYnV0dG9uVHlwZVwiPnt7IGJ1dHRvblRleHQgfX08L2J1dHRvbj5cbjwvZGl2PlxuIl19
|
package/fesm2022/primekit.mjs
CHANGED
|
@@ -1608,11 +1608,11 @@ class AtomixFormAutocompleteComponent {
|
|
|
1608
1608
|
return this.form.get(this.controlName);
|
|
1609
1609
|
}
|
|
1610
1610
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1611
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormAutocompleteComponent, selector: "atomix-form-autocomplete", inputs: { controlName: "controlName", form: "form", label: "label", suggestions: "suggestions", placeholder: "placeholder", type: "type", tooltip: "tooltip", styleClass: "styleClass", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition", field: "field", dropdown: "dropdown" }, outputs: { queryEvent: "queryEvent", onSelect: "onSelect" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"
|
|
1611
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormAutocompleteComponent, selector: "atomix-form-autocomplete", inputs: { controlName: "controlName", form: "form", label: "label", suggestions: "suggestions", placeholder: "placeholder", type: "type", tooltip: "tooltip", styleClass: "styleClass", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition", field: "field", dropdown: "dropdown" }, outputs: { queryEvent: "queryEvent", onSelect: "onSelect" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-autoComplete\n [appendTo]=\"'body'\"\n [formControl]=\"control\"\n [id]=\"controlName\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n field=\"name\"\n (completeMethod)=\"onQuery($event)\"\n (onSelect)=\"onOptionSelected($event)\"\n [showClear]=\"true\"\n [dropdown]=\"dropdown\"\n (onClear)=\"this.onSelect.emit($event)\"\n [styleClass]=\"styleClass + ' lib-form-autocomplete'\"\n/>\n", styles: ["::ng-deep .lib-form-autocomplete{margin-top:.2rem!important}::ng-deep .lib-form-autocomplete input{border-top-left-radius:30px;border-bottom-left-radius:30px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4$1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
1612
1612
|
}
|
|
1613
1613
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormAutocompleteComponent, decorators: [{
|
|
1614
1614
|
type: Component,
|
|
1615
|
-
args: [{ selector: 'atomix-form-autocomplete', template: "<label *ngIf=\"label\" [for]=\"controlName\"
|
|
1615
|
+
args: [{ selector: 'atomix-form-autocomplete', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-autoComplete\n [appendTo]=\"'body'\"\n [formControl]=\"control\"\n [id]=\"controlName\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n field=\"name\"\n (completeMethod)=\"onQuery($event)\"\n (onSelect)=\"onOptionSelected($event)\"\n [showClear]=\"true\"\n [dropdown]=\"dropdown\"\n (onClear)=\"this.onSelect.emit($event)\"\n [styleClass]=\"styleClass + ' lib-form-autocomplete'\"\n/>\n", styles: ["::ng-deep .lib-form-autocomplete{margin-top:.2rem!important}::ng-deep .lib-form-autocomplete input{border-top-left-radius:30px;border-bottom-left-radius:30px}\n"] }]
|
|
1616
1616
|
}], propDecorators: { controlName: [{
|
|
1617
1617
|
type: Input
|
|
1618
1618
|
}], form: [{
|
|
@@ -1758,11 +1758,11 @@ class AtomixFormChipsComponent {
|
|
|
1758
1758
|
return this.form.get(this.controlName);
|
|
1759
1759
|
}
|
|
1760
1760
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1761
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormChipsComponent, selector: "atomix-form-chips", inputs: { controlName: "controlName", form: "form", label: "label", placeholder: "placeholder", tooltip: "tooltip", tooltipPosition: "tooltipPosition", type: "type", styleClass: "styleClass", allowDuplicate: "allowDuplicate", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired" }, ngImport: i0, template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\"
|
|
1761
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormChipsComponent, selector: "atomix-form-chips", inputs: { controlName: "controlName", form: "form", label: "label", placeholder: "placeholder", tooltip: "tooltip", tooltipPosition: "tooltipPosition", type: "type", styleClass: "styleClass", allowDuplicate: "allowDuplicate", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired" }, ngImport: i0, template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\"\n >{{ label }}\n <i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n ></label>\n <p-chips\n separator=\",\"\n placeholder=\"Separate values with a comma or enter.\"\n [formControl]=\"control\"\n [id]=\"controlName\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n [styleClass]=\"styleClass + ' lib-form-chips'\"\n [allowDuplicate]=\"allowDuplicate\"\n ></p-chips>\n</div>\n", styles: ["::ng-deep .lib-form-chips{margin-top:.2rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$2.Chips, selector: "p-chips", inputs: ["style", "styleClass", "disabled", "field", "placeholder", "max", "maxLength", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "allowDuplicate", "caseSensitiveDuplication", "inputStyle", "inputStyleClass", "addOnTab", "addOnBlur", "separator", "showClear", "autofocus", "variant"], outputs: ["onAdd", "onRemove", "onFocus", "onBlur", "onChipClick", "onChipContextMenu", "onClear"] }] });
|
|
1762
1762
|
}
|
|
1763
1763
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormChipsComponent, decorators: [{
|
|
1764
1764
|
type: Component,
|
|
1765
|
-
args: [{ selector: 'atomix-form-chips', template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\"
|
|
1765
|
+
args: [{ selector: 'atomix-form-chips', template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\"\n >{{ label }}\n <i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n ></label>\n <p-chips\n separator=\",\"\n placeholder=\"Separate values with a comma or enter.\"\n [formControl]=\"control\"\n [id]=\"controlName\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n [styleClass]=\"styleClass + ' lib-form-chips'\"\n [allowDuplicate]=\"allowDuplicate\"\n ></p-chips>\n</div>\n", styles: ["::ng-deep .lib-form-chips{margin-top:.2rem}\n"] }]
|
|
1766
1766
|
}], propDecorators: { controlName: [{
|
|
1767
1767
|
type: Input
|
|
1768
1768
|
}], form: [{
|
|
@@ -1812,11 +1812,11 @@ class AtomixFormDropdownComponent {
|
|
|
1812
1812
|
return this.form.get(this.controlName);
|
|
1813
1813
|
}
|
|
1814
1814
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1815
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormDropdownComponent, selector: "atomix-form-dropdown", inputs: { controlName: "controlName", filterResults: "filterResults", form: "form", label: "label", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", placeholder: "placeholder", showClear: "showClear", tooltip: "tooltip", tooltipPosition: "tooltipPosition", isLabelRequired: "isLabelRequired", styleClass: "styleClass", isLabelIconData: "isLabelIconData" }, outputs: { selectionChange: "selectionChange", filterEvent: "filterEvent" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"
|
|
1815
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormDropdownComponent, selector: "atomix-form-dropdown", inputs: { controlName: "controlName", filterResults: "filterResults", form: "form", label: "label", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", placeholder: "placeholder", showClear: "showClear", tooltip: "tooltip", tooltipPosition: "tooltipPosition", isLabelRequired: "isLabelRequired", styleClass: "styleClass", isLabelIconData: "isLabelIconData" }, outputs: { selectionChange: "selectionChange", filterEvent: "filterEvent" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span> <i\n *ngIf=\"isLabelIconData.required\"\n [class]=\"isLabelIconData?.iconClass\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n></i\n></label\n>\n<p-dropdown\n [filter]=\"filterResults\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [showClear]=\"showClear\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n (onChange)=\"selectionChange.emit($event)\"\n [styleClass]=\"styleClass + ' form-dropdown'\"\n appendTo=\"body\"\n>\n</p-dropdown>\n", styles: ["::ng-deep .form-dropdown{margin-top:.2rem!important;border-radius:30px}::ng-deep .form-dropdown .p-inputtext{padding:1rem!important}.lib-error-asterisk,.error-asterisk{color:red}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
1816
1816
|
}
|
|
1817
1817
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormDropdownComponent, decorators: [{
|
|
1818
1818
|
type: Component,
|
|
1819
|
-
args: [{ selector: 'atomix-form-dropdown', template: "<label *ngIf=\"label\" [for]=\"controlName\"
|
|
1819
|
+
args: [{ selector: 'atomix-form-dropdown', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span> <i\n *ngIf=\"isLabelIconData.required\"\n [class]=\"isLabelIconData?.iconClass\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n></i\n></label\n>\n<p-dropdown\n [filter]=\"filterResults\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [showClear]=\"showClear\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n (onChange)=\"selectionChange.emit($event)\"\n [styleClass]=\"styleClass + ' form-dropdown'\"\n appendTo=\"body\"\n>\n</p-dropdown>\n", styles: ["::ng-deep .form-dropdown{margin-top:.2rem!important;border-radius:30px}::ng-deep .form-dropdown .p-inputtext{padding:1rem!important}.lib-error-asterisk,.error-asterisk{color:red}\n"] }]
|
|
1820
1820
|
}], propDecorators: { controlName: [{
|
|
1821
1821
|
type: Input
|
|
1822
1822
|
}], filterResults: [{
|
|
@@ -1882,11 +1882,11 @@ class AtomixFormInputComponent {
|
|
|
1882
1882
|
this.changeValueHandler.emit(input.value);
|
|
1883
1883
|
}
|
|
1884
1884
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1885
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormInputComponent, selector: "atomix-form-input", inputs: { controlName: "controlName", form: "form", label: "label", max: "max", min: "min", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", style: "style", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition", buttonText: "buttonText", buttonType: "buttonType" }, outputs: { changeValueHandler: "changeValueHandler", buttonClick: "buttonClick" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"
|
|
1885
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormInputComponent, selector: "atomix-form-input", inputs: { controlName: "controlName", form: "form", label: "label", max: "max", min: "min", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", style: "style", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition", buttonText: "buttonText", buttonType: "buttonType" }, outputs: { changeValueHandler: "changeValueHandler", buttonClick: "buttonClick" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n ><i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n></label>\n<div class=\"input-wrapper\">\n <input\n pInputText\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [maxlength]=\"max\"\n [min]=\"min\"\n (input)=\"onInput($event)\"\n [pTooltip]=\"tooltip\"\n [type]=\"type\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class + ' lib-input-field' + (buttonText ? ' with-button' : '')\"\n autocomplete=\"new-password\"\n [style]=\"style\"\n />\n <button *ngIf=\"buttonText\" (click)=\"buttonClick.emit()\" class=\"inline-button\" [type]=\"buttonType\">{{ buttonText }}</button>\n</div>\n", styles: ["::ng-deep .lib-input-field{border-radius:var(--global-border-radius);margin-top:.2rem}::ng-deep .lib-input-field.with-button{padding-right:6rem}.error-asterisk{color:red}.input-wrapper{position:relative}.inline-button{position:absolute;right:5px;background-color:transparent;color:#63b77e;font-weight:700;border:none;cursor:pointer;font-size:.875rem;height:95%;margin-top:.2rem;border-left:1px solid grey}.inline-button:focus{outline:none}.inline-button:hover{background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
1886
1886
|
}
|
|
1887
1887
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, decorators: [{
|
|
1888
1888
|
type: Component,
|
|
1889
|
-
args: [{ selector: 'atomix-form-input', template: "<label *ngIf=\"label\" [for]=\"controlName\"
|
|
1889
|
+
args: [{ selector: 'atomix-form-input', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n ><i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n></label>\n<div class=\"input-wrapper\">\n <input\n pInputText\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [maxlength]=\"max\"\n [min]=\"min\"\n (input)=\"onInput($event)\"\n [pTooltip]=\"tooltip\"\n [type]=\"type\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class + ' lib-input-field' + (buttonText ? ' with-button' : '')\"\n autocomplete=\"new-password\"\n [style]=\"style\"\n />\n <button *ngIf=\"buttonText\" (click)=\"buttonClick.emit()\" class=\"inline-button\" [type]=\"buttonType\">{{ buttonText }}</button>\n</div>\n", styles: ["::ng-deep .lib-input-field{border-radius:var(--global-border-radius);margin-top:.2rem}::ng-deep .lib-input-field.with-button{padding-right:6rem}.error-asterisk{color:red}.input-wrapper{position:relative}.inline-button{position:absolute;right:5px;background-color:transparent;color:#63b77e;font-weight:700;border:none;cursor:pointer;font-size:.875rem;height:95%;margin-top:.2rem;border-left:1px solid grey}.inline-button:focus{outline:none}.inline-button:hover{background-color:transparent}\n"] }]
|
|
1890
1890
|
}], propDecorators: { controlName: [{
|
|
1891
1891
|
type: Input
|
|
1892
1892
|
}], form: [{
|
|
@@ -2522,7 +2522,7 @@ class AtomixAutocompleteComponent {
|
|
|
2522
2522
|
useExisting: forwardRef(() => AtomixAutocompleteComponent),
|
|
2523
2523
|
multi: true,
|
|
2524
2524
|
},
|
|
2525
|
-
], ngImport: i0, template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius)}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] });
|
|
2525
|
+
], ngImport: i0, template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius);margin-left:.5rem}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] });
|
|
2526
2526
|
}
|
|
2527
2527
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixAutocompleteComponent, decorators: [{
|
|
2528
2528
|
type: Component,
|
|
@@ -2532,7 +2532,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2532
2532
|
useExisting: forwardRef(() => AtomixAutocompleteComponent),
|
|
2533
2533
|
multi: true,
|
|
2534
2534
|
},
|
|
2535
|
-
], template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius)}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"] }]
|
|
2535
|
+
], template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius);margin-left:.5rem}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"] }]
|
|
2536
2536
|
}], propDecorators: { suggestions: [{
|
|
2537
2537
|
type: Input
|
|
2538
2538
|
}], placeholder: [{
|