primekit 1.0.3 → 1.0.5
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-button/atomix-button.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-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/lib/lib/atomix-button/atomix-button.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -18,11 +18,11 @@ export class AtomixButtonComponent {
|
|
|
18
18
|
this.buttonClick.emit(event); // Emit the event when button is clicked
|
|
19
19
|
}
|
|
20
20
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixButtonComponent, selector: "atomix-button", inputs: { label: "label", disabled: "disabled", loading: "loading", size: "size", buttonType: "buttonType", type: "type", class: "class", icon: "icon", iconPos: "iconPos", buttonData: "buttonData" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"[\n class,\n buttonType === 'primary' ? 'p-button-primary' : '',\n buttonType === 'outlined' ? 'p-button-outlined' : '',\n buttonType === 'text' ? 'p-button-text' : '',\n buttonType === 'refresh' ? 'refresh-button' : ''\n]\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick($event)\" \n [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:var(--button-outlined-bg)!important;color:var(--button-outlined-text)!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;outline:none;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:var(--button-outlined-bg)!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none;border-radius:1px solid gray}:is():disabled{background:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
|
|
21
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixButtonComponent, selector: "atomix-button", inputs: { label: "label", disabled: "disabled", loading: "loading", size: "size", buttonType: "buttonType", type: "type", class: "class", icon: "icon", iconPos: "iconPos", buttonData: "buttonData" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"[\n class,\n buttonType === 'primary' ? 'p-button-primary' : '',\n buttonType === 'outlined' ? 'p-button-outlined' : '',\n buttonType === 'text' ? 'p-button-text' : '',\n buttonType === 'refresh' ? 'refresh-button' : '',\n buttonType === 'danger' ? 'p-button-danger' : ''\n]\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick($event)\" \n [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:var(--button-outlined-bg)!important;color:var(--button-outlined-text)!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;outline:none;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:var(--button-outlined-bg)!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none;border-radius:1px solid gray}:is():disabled{background:none!important}::ng-deep .p-button-danger{background-color:var(--error-color)!important;border-color:var(--error-color)!important;color:var(--error-color-text)!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;border:none;cursor:pointer}:is():enabled:hover{background-color:var(--error-color)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixButtonComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'atomix-button', template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"[\n class,\n buttonType === 'primary' ? 'p-button-primary' : '',\n buttonType === 'outlined' ? 'p-button-outlined' : '',\n buttonType === 'text' ? 'p-button-text' : '',\n buttonType === 'refresh' ? 'refresh-button' : ''\n]\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick($event)\" \n [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:var(--button-outlined-bg)!important;color:var(--button-outlined-text)!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;outline:none;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:var(--button-outlined-bg)!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none;border-radius:1px solid gray}:is():disabled{background:none!important}\n"] }]
|
|
25
|
+
args: [{ selector: 'atomix-button', template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"[\n class,\n buttonType === 'primary' ? 'p-button-primary' : '',\n buttonType === 'outlined' ? 'p-button-outlined' : '',\n buttonType === 'text' ? 'p-button-text' : '',\n buttonType === 'refresh' ? 'refresh-button' : '',\n buttonType === 'danger' ? 'p-button-danger' : ''\n]\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick($event)\" \n [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:var(--button-outlined-bg)!important;color:var(--button-outlined-text)!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;outline:none;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:var(--button-outlined-bg)!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none;border-radius:1px solid gray}:is():disabled{background:none!important}::ng-deep .p-button-danger{background-color:var(--error-color)!important;border-color:var(--error-color)!important;color:var(--error-color-text)!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;border:none;cursor:pointer}:is():enabled:hover{background-color:var(--error-color)!important}\n"] }]
|
|
26
26
|
}], propDecorators: { label: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], disabled: [{
|
|
@@ -46,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
46
46
|
}], buttonClick: [{
|
|
47
47
|
type: Output
|
|
48
48
|
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtYnV0dG9uL2F0b21peC1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWJ1dHRvbi9hdG9taXgtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRdkUsTUFBTSxPQUFPLHFCQUFxQjtJQUN2QixLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsT0FBTyxHQUFZLEtBQUssQ0FBQztJQUN6QixJQUFJLEdBQWUsT0FBTyxDQUFDO0lBQzNCLFVBQVUsR0FBNEQsU0FBUyxDQUFDO0lBQ2hGLElBQUksR0FBVyxFQUFFLENBQUM7SUFDbEIsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUVuQixJQUFJLEdBQVcsRUFBRSxDQUFDO0lBQ2xCLE9BQU8sR0FBdUIsTUFBTSxDQUFDO0lBRXJDLFVBQVUsQ0FBTTtJQUNmLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0lBRWxELGFBQWEsQ0FBQyxLQUFpQjtRQUM3QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLHdDQUF3QztJQUN4RSxDQUFDO3dHQWpCVSxxQkFBcUI7NEZBQXJCLHFCQUFxQixzU0NSbEMseWhCQW9CQTs7NEZEWmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGVBQWU7OEJBS2hCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvblNpemUsIEJ1dHRvbkljb25Qb3NpdGlvbiB9IGZyb20gJy4vYXRvbWl4LWJ1dHRvbi5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtYnV0dG9uLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXRvbWl4QnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNpemU6IEJ1dHRvblNpemUgPSAnc21hbGwnO1xuICBASW5wdXQoKSBidXR0b25UeXBlOiAncHJpbWFyeScgIHwgJ2RhbmdlcicgfCAndGV4dCcgfCAnb3V0bGluZWQnIHwgJ3JlZnJlc2gnID0gJ3ByaW1hcnknO1xuICBASW5wdXQoKSB0eXBlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgY2xhc3M6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpIGljb246IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBpY29uUG9zOiBCdXR0b25JY29uUG9zaXRpb24gPSAnbGVmdCc7XG5cbiAgQElucHV0KCkgYnV0dG9uRGF0YTogYW55O1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIG9uQnV0dG9uQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrLmVtaXQoZXZlbnQpOyAvLyBFbWl0IHRoZSBldmVudCB3aGVuIGJ1dHRvbiBpcyBjbGlja2VkXG4gIH1cbn1cbiIsIjxidXR0b25cbiAgcEJ1dHRvblxuICBwUmlwcGxlXG4gIFtsYWJlbF09XCJsYWJlbFwiXG4gIFtuZ0NsYXNzXT1cIltcbiAgY2xhc3MsXG4gIGJ1dHRvblR5cGUgPT09ICdwcmltYXJ5JyA/ICdwLWJ1dHRvbi1wcmltYXJ5JyA6ICcnLFxuICBidXR0b25UeXBlID09PSAnb3V0bGluZWQnID8gJ3AtYnV0dG9uLW91dGxpbmVkJyA6ICcnLFxuICBidXR0b25UeXBlID09PSAndGV4dCcgPyAncC1idXR0b24tdGV4dCcgOiAnJyxcbiAgYnV0dG9uVHlwZSA9PT0gJ3JlZnJlc2gnID8gJ3JlZnJlc2gtYnV0dG9uJyA6ICcnLFxuICBidXR0b25UeXBlID09PSAnZGFuZ2VyJyA/ICdwLWJ1dHRvbi1kYW5nZXInIDogJydcbl1cIiBcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW2xvYWRpbmddPVwibG9hZGluZ1wiXG4gIFtzaXplXT1cInNpemVcIlxuICBbaWNvbl09XCJpY29uXCJcbiAgW2ljb25Qb3NdPVwiaWNvblBvc1wiXG4gIChjbGljayk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIiBcbiAgW3R5cGVdPVwidHlwZVwiXG4+PC9idXR0b24+XG4iXX0=
|
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
|
@@ -124,11 +124,11 @@ class AtomixButtonComponent {
|
|
|
124
124
|
this.buttonClick.emit(event); // Emit the event when button is clicked
|
|
125
125
|
}
|
|
126
126
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
127
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixButtonComponent, selector: "atomix-button", inputs: { label: "label", disabled: "disabled", loading: "loading", size: "size", buttonType: "buttonType", type: "type", class: "class", icon: "icon", iconPos: "iconPos", buttonData: "buttonData" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"[\n class,\n buttonType === 'primary' ? 'p-button-primary' : '',\n buttonType === 'outlined' ? 'p-button-outlined' : '',\n buttonType === 'text' ? 'p-button-text' : '',\n buttonType === 'refresh' ? 'refresh-button' : ''\n]\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick($event)\" \n [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:var(--button-outlined-bg)!important;color:var(--button-outlined-text)!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;outline:none;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:var(--button-outlined-bg)!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none;border-radius:1px solid gray}:is():disabled{background:none!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
|
|
127
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixButtonComponent, selector: "atomix-button", inputs: { label: "label", disabled: "disabled", loading: "loading", size: "size", buttonType: "buttonType", type: "type", class: "class", icon: "icon", iconPos: "iconPos", buttonData: "buttonData" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"[\n class,\n buttonType === 'primary' ? 'p-button-primary' : '',\n buttonType === 'outlined' ? 'p-button-outlined' : '',\n buttonType === 'text' ? 'p-button-text' : '',\n buttonType === 'refresh' ? 'refresh-button' : '',\n buttonType === 'danger' ? 'p-button-danger' : ''\n]\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick($event)\" \n [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:var(--button-outlined-bg)!important;color:var(--button-outlined-text)!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;outline:none;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:var(--button-outlined-bg)!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none;border-radius:1px solid gray}:is():disabled{background:none!important}::ng-deep .p-button-danger{background-color:var(--error-color)!important;border-color:var(--error-color)!important;color:var(--error-color-text)!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;border:none;cursor:pointer}:is():enabled:hover{background-color:var(--error-color)!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
|
|
128
128
|
}
|
|
129
129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixButtonComponent, decorators: [{
|
|
130
130
|
type: Component,
|
|
131
|
-
args: [{ selector: 'atomix-button', template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"[\n class,\n buttonType === 'primary' ? 'p-button-primary' : '',\n buttonType === 'outlined' ? 'p-button-outlined' : '',\n buttonType === 'text' ? 'p-button-text' : '',\n buttonType === 'refresh' ? 'refresh-button' : ''\n]\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick($event)\" \n [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:var(--button-outlined-bg)!important;color:var(--button-outlined-text)!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;outline:none;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:var(--button-outlined-bg)!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none;border-radius:1px solid gray}:is():disabled{background:none!important}\n"] }]
|
|
131
|
+
args: [{ selector: 'atomix-button', template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"[\n class,\n buttonType === 'primary' ? 'p-button-primary' : '',\n buttonType === 'outlined' ? 'p-button-outlined' : '',\n buttonType === 'text' ? 'p-button-text' : '',\n buttonType === 'refresh' ? 'refresh-button' : '',\n buttonType === 'danger' ? 'p-button-danger' : ''\n]\" \n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick($event)\" \n [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:var(--button-outlined-bg)!important;color:var(--button-outlined-text)!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;outline:none;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:var(--button-outlined-bg)!important;border-radius:50%;height:40px;width:40px}::ng-deep .p-button-text{color:#424242;background:none;border-radius:1px solid gray}:is():disabled{background:none!important}::ng-deep .p-button-danger{background-color:var(--error-color)!important;border-color:var(--error-color)!important;color:var(--error-color-text)!important;border-radius:var(--global-border-radius);height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;border:none;cursor:pointer}:is():enabled:hover{background-color:var(--error-color)!important}\n"] }]
|
|
132
132
|
}], propDecorators: { label: [{
|
|
133
133
|
type: Input
|
|
134
134
|
}], disabled: [{
|
|
@@ -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: [{
|