primekit 0.0.26 → 0.0.27
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 +63 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-calendar/atomix-form-calendar.component.mjs +59 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-checkbox/atomix-form-checkbox.component.mjs +48 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-chips/atomix-form-chips.component.mjs +39 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-dropdown/atomix-form-dropdown.component.mjs +63 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.mjs +61 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-inputmask-component/atomix-form-inputmask-component.component.mjs +48 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-password-component/atomix-form-password-component.component.mjs +48 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.mjs +43 -0
- package/esm2022/lib/lib/atomix-form/atomix-radio-button/atomix-radio-button.component.mjs +25 -0
- package/esm2022/lib/lib/atomix-pagination/atomix-pagination.component.mjs +41 -0
- package/esm2022/lib/lib/atomix-snackbar/atomix-snackbar.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-table/atomix-table.component.mjs +89 -17
- package/esm2022/lib/lib/atomix-table/atomix-table.models.mjs +1 -1
- package/esm2022/lib/lib/skeleton/table-skeleton/table-skeleton.component.mjs +25 -0
- package/esm2022/lib/primekit.module.mjs +103 -6
- package/esm2022/public-api.mjs +14 -1
- package/fesm2022/primekit.mjs +693 -34
- package/fesm2022/primekit.mjs.map +1 -1
- package/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.d.ts +29 -0
- package/lib/lib/atomix-form/atomix-form-calendar/atomix-form-calendar.component.d.ts +23 -0
- package/lib/lib/atomix-form/atomix-form-checkbox/atomix-form-checkbox.component.d.ts +18 -0
- package/lib/lib/atomix-form/atomix-form-chips/atomix-form-chips.component.d.ts +14 -0
- package/lib/lib/atomix-form/atomix-form-dropdown/atomix-form-dropdown.component.d.ts +23 -0
- package/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.d.ts +22 -0
- package/lib/lib/atomix-form/atomix-form-inputmask-component/atomix-form-inputmask-component.component.d.ts +17 -0
- package/lib/lib/atomix-form/atomix-form-password-component/atomix-form-password-component.component.d.ts +17 -0
- package/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.d.ts +16 -0
- package/lib/lib/atomix-form/atomix-radio-button/atomix-radio-button.component.d.ts +13 -0
- package/lib/lib/atomix-pagination/atomix-pagination.component.d.ts +17 -0
- package/lib/lib/atomix-table/atomix-table.component.d.ts +29 -11
- package/lib/lib/atomix-table/atomix-table.models.d.ts +8 -0
- package/lib/lib/skeleton/table-skeleton/table-skeleton.component.d.ts +9 -0
- package/lib/primekit.module.d.ts +31 -11
- package/package.json +1 -1
- package/public-api.d.ts +12 -0
|
@@ -17,11 +17,11 @@ export class AtomixButtonComponent {
|
|
|
17
17
|
this.buttonClick.emit(this.buttonData); // Emit the event when button is clicked
|
|
18
18
|
}
|
|
19
19
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
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", type: "type", class: "class", icon: "icon", iconPos: "iconPos", buttonData: "buttonData" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n pButton\n pRipple\n [label]=\"label
|
|
20
|
+
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", 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 'p-button-primary': type === 'primary',\n 'p-button-outlined': type === 'outlined',\n 'p-button-text': type === 'text',\n }\"\n [class]=\"class\"\n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick()\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:#fff!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
21
|
}
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixButtonComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
|
-
args: [{ selector: 'atomix-button', template: "<button\n pButton\n pRipple\n [label]=\"label
|
|
24
|
+
args: [{ selector: 'atomix-button', template: "<button\n pButton\n pRipple\n [label]=\"label\"\n [ngClass]=\"{\n 'p-button-primary': type === 'primary',\n 'p-button-outlined': type === 'outlined',\n 'p-button-text': type === 'text',\n }\"\n [class]=\"class\"\n [disabled]=\"disabled\"\n [loading]=\"loading\"\n [size]=\"size\"\n [icon]=\"icon\"\n [iconPos]=\"iconPos\"\n (click)=\"onButtonClick()\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer}::ng-deep .refresh-button{background-color:#fff!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
25
|
}], propDecorators: { label: [{
|
|
26
26
|
type: Input
|
|
27
27
|
}], disabled: [{
|
|
@@ -43,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
43
43
|
}], buttonClick: [{
|
|
44
44
|
type: Output
|
|
45
45
|
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtYnV0dG9uL2F0b21peC1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWJ1dHRvbi9hdG9taXgtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRdkUsTUFBTSxPQUFPLHFCQUFxQjtJQUN2QixLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsT0FBTyxHQUFZLEtBQUssQ0FBQztJQUN6QixJQUFJLEdBQWUsT0FBTyxDQUFDO0lBQzNCLElBQUksR0FBb0MsU0FBUyxDQUFDO0lBRWxELEtBQUssR0FBVyxFQUFFLENBQUM7SUFFbkIsSUFBSSxHQUFXLEVBQUUsQ0FBQztJQUNsQixPQUFPLEdBQXVCLE1BQU0sQ0FBQztJQUVyQyxVQUFVLENBQU07SUFDZixXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUVqRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsd0NBQXdDO0lBQ2xGLENBQUM7d0dBakJVLHFCQUFxQjs0RkFBckIscUJBQXFCLDRRQ1JsQyxvWUFpQkE7OzRGRFRhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxlQUFlOzhCQUtoQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uU2l6ZSwgQnV0dG9uSWNvblBvc2l0aW9uIH0gZnJvbSAnLi9hdG9taXgtYnV0dG9uLm1vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F0b21peC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1idXR0b24uY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhCdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2l6ZTogQnV0dG9uU2l6ZSA9ICdzbWFsbCc7XG4gIEBJbnB1dCgpIHR5cGU6ICdwcmltYXJ5JyB8ICd0ZXh0JyB8ICdvdXRsaW5lZCcgPSAncHJpbWFyeSc7XG5cbiAgQElucHV0KCkgY2xhc3M6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpIGljb246IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBpY29uUG9zOiBCdXR0b25JY29uUG9zaXRpb24gPSAnbGVmdCc7XG5cbiAgQElucHV0KCkgYnV0dG9uRGF0YTogYW55O1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgb25CdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrLmVtaXQodGhpcy5idXR0b25EYXRhKTsgLy8gRW1pdCB0aGUgZXZlbnQgd2hlbiBidXR0b24gaXMgY2xpY2tlZFxuICB9XG59XG4iLCI8YnV0dG9uXG4gIHBCdXR0b25cbiAgcFJpcHBsZVxuICBbbGFiZWxdPVwibGFiZWxcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3AtYnV0dG9uLXByaW1hcnknOiB0eXBlID09PSAncHJpbWFyeScsXG4gICAgJ3AtYnV0dG9uLW91dGxpbmVkJzogdHlwZSA9PT0gJ291dGxpbmVkJyxcbiAgICAncC1idXR0b24tdGV4dCc6IHR5cGUgPT09ICd0ZXh0JyxcbiAgfVwiXG4gIFtjbGFzc109XCJjbGFzc1wiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFtsb2FkaW5nXT1cImxvYWRpbmdcIlxuICBbc2l6ZV09XCJzaXplXCJcbiAgW2ljb25dPVwiaWNvblwiXG4gIFtpY29uUG9zXT1cImljb25Qb3NcIlxuICAoY2xpY2spPVwib25CdXR0b25DbGljaygpXCJcbj48L2J1dHRvbj5cbiJdfQ==
|
package/esm2022/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.mjs
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/forms";
|
|
5
|
+
import * as i3 from "primeng/tooltip";
|
|
6
|
+
import * as i4 from "primeng/autocomplete";
|
|
7
|
+
export class AtomixFormAutocompleteComponent {
|
|
8
|
+
controlName;
|
|
9
|
+
form;
|
|
10
|
+
label = '';
|
|
11
|
+
suggestions = [];
|
|
12
|
+
placeholder = '';
|
|
13
|
+
type = 'text';
|
|
14
|
+
tooltip;
|
|
15
|
+
styleClass;
|
|
16
|
+
isLabelRequired = false;
|
|
17
|
+
tooltipPosition = 'bottom';
|
|
18
|
+
field = '';
|
|
19
|
+
queryEvent = new EventEmitter();
|
|
20
|
+
selectEvent = new EventEmitter();
|
|
21
|
+
onQuery(event) {
|
|
22
|
+
this.queryEvent.emit(event.query);
|
|
23
|
+
}
|
|
24
|
+
onOptionSelected(event) {
|
|
25
|
+
this.selectEvent.emit(event);
|
|
26
|
+
}
|
|
27
|
+
get control() {
|
|
28
|
+
return this.form.get(this.controlName);
|
|
29
|
+
}
|
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
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" }, outputs: { queryEvent: "queryEvent", selectEvent: "selectEvent" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-autoComplete\n [field]=\"field\"\n #autoComplete\n id=\"ac-inventory\"\n [dropdown]=\"true\"\n [formControl]=\"control\"\n [id]=\"controlName\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n (completeMethod)=\"onQuery($event)\"\n (onSelect)=\"onOptionSelected($event.value)\"\n [styleClass]=\"styleClass\"\n appendTo=\"body\"\n/>\n", styles: [""], 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"] }] });
|
|
32
|
+
}
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormAutocompleteComponent, decorators: [{
|
|
34
|
+
type: Component,
|
|
35
|
+
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 [field]=\"field\"\n #autoComplete\n id=\"ac-inventory\"\n [dropdown]=\"true\"\n [formControl]=\"control\"\n [id]=\"controlName\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n (completeMethod)=\"onQuery($event)\"\n (onSelect)=\"onOptionSelected($event.value)\"\n [styleClass]=\"styleClass\"\n appendTo=\"body\"\n/>\n" }]
|
|
36
|
+
}], propDecorators: { controlName: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], form: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], label: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}], suggestions: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], placeholder: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], type: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], tooltip: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], styleClass: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], isLabelRequired: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], tooltipPosition: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}], field: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}], queryEvent: [{
|
|
59
|
+
type: Output
|
|
60
|
+
}], selectEvent: [{
|
|
61
|
+
type: Output
|
|
62
|
+
}] } });
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1mb3JtL2F0b21peC1mb3JtLWF1dG9jb21wbGV0ZS9hdG9taXgtZm9ybS1hdXRvY29tcGxldGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tYXV0b2NvbXBsZXRlL2F0b21peC1mb3JtLWF1dG9jb21wbGV0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRdkUsTUFBTSxPQUFPLCtCQUErQjtJQUNqQyxXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxXQUFXLEdBQVUsRUFBRSxDQUFDO0lBQ3hCLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsSUFBSSxHQUFHLE1BQU0sQ0FBQztJQUNkLE9BQU8sQ0FBVTtJQUNqQixVQUFVLENBQVU7SUFDcEIsZUFBZSxHQUFZLEtBQUssQ0FBQztJQUNqQyxlQUFlLEdBQXdDLFFBQVEsQ0FBQztJQUNoRSxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBRWxCLFVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQ3hDLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBa0MsQ0FBQztJQUUzRSxPQUFPLENBQUMsS0FBVTtRQUNoQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQXFDO1FBQ3BELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0ExQlUsK0JBQStCOzRGQUEvQiwrQkFBK0IscVpDUjVDLCtqQkFvQkE7OzRGRFphLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSwwQkFBMEI7OEJBSzNCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F0b21peC1mb3JtLWF1dG9jb21wbGV0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtZm9ybS1hdXRvY29tcGxldGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtZm9ybS1hdXRvY29tcGxldGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXRvbWl4Rm9ybUF1dG9jb21wbGV0ZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbnRyb2xOYW1lITogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBzdWdnZXN0aW9uczogYW55W10gPSBbXTtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgdHlwZSA9ICd0ZXh0JztcbiAgQElucHV0KCkgdG9vbHRpcCE6IHN0cmluZztcbiAgQElucHV0KCkgc3R5bGVDbGFzcyE6IHN0cmluZztcbiAgQElucHV0KCkgaXNMYWJlbFJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRvb2x0aXBQb3NpdGlvbjogJ3JpZ2h0JyB8ICdsZWZ0JyB8ICd0b3AnIHwgJ2JvdHRvbScgPSAnYm90dG9tJztcbiAgQElucHV0KCkgZmllbGQ6IHN0cmluZyA9ICcnO1xuXG4gIEBPdXRwdXQoKSBxdWVyeUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBzZWxlY3RFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8eyBjb2RlOiBzdHJpbmc7IG5hbWU6IHN0cmluZyB9PigpO1xuXG4gIG9uUXVlcnkoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMucXVlcnlFdmVudC5lbWl0KGV2ZW50LnF1ZXJ5KTtcbiAgfVxuXG4gIG9uT3B0aW9uU2VsZWN0ZWQoZXZlbnQ6IHsgY29kZTogc3RyaW5nOyBuYW1lOiBzdHJpbmcgfSkge1xuICAgIHRoaXMuc2VsZWN0RXZlbnQuZW1pdChldmVudCk7XG4gIH1cblxuICBnZXQgY29udHJvbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbZm9yXT1cImNvbnRyb2xOYW1lXCJcbiAgPnt7IGxhYmVsIH19XG4gIDxzcGFuICpuZ0lmPVwiaXNMYWJlbFJlcXVpcmVkXCIgY2xhc3M9XCJlcnJvci1hc3Rlcmlza1wiPio8L3NwYW4+PC9sYWJlbFxuPlxuPHAtYXV0b0NvbXBsZXRlXG4gIFtmaWVsZF09XCJmaWVsZFwiXG4gICNhdXRvQ29tcGxldGVcbiAgaWQ9XCJhYy1pbnZlbnRvcnlcIlxuICBbZHJvcGRvd25dPVwidHJ1ZVwiXG4gIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgW2lkXT1cImNvbnRyb2xOYW1lXCJcbiAgW3N1Z2dlc3Rpb25zXT1cInN1Z2dlc3Rpb25zXCJcbiAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgW3BUb29sdGlwXT1cInRvb2x0aXBcIlxuICBbdG9vbHRpcFBvc2l0aW9uXT1cInRvb2x0aXBQb3NpdGlvblwiXG4gIChjb21wbGV0ZU1ldGhvZCk9XCJvblF1ZXJ5KCRldmVudClcIlxuICAob25TZWxlY3QpPVwib25PcHRpb25TZWxlY3RlZCgkZXZlbnQudmFsdWUpXCJcbiAgW3N0eWxlQ2xhc3NdPVwic3R5bGVDbGFzc1wiXG4gIGFwcGVuZFRvPVwiYm9keVwiXG4vPlxuIl19
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "primeng/calendar";
|
|
5
|
+
import * as i3 from "@angular/forms";
|
|
6
|
+
export class AtomixFormCalendarComponent {
|
|
7
|
+
controlName;
|
|
8
|
+
form;
|
|
9
|
+
view;
|
|
10
|
+
dateFormat;
|
|
11
|
+
label = '';
|
|
12
|
+
isLabelRequired = false;
|
|
13
|
+
maxDate;
|
|
14
|
+
minDate;
|
|
15
|
+
selectionMode;
|
|
16
|
+
placeholder = '';
|
|
17
|
+
styleClass = '';
|
|
18
|
+
inputStyleClass = '';
|
|
19
|
+
dateSelectHandler = new EventEmitter();
|
|
20
|
+
dateChangeHandler = new EventEmitter();
|
|
21
|
+
get control() {
|
|
22
|
+
return this.form.get(this.controlName);
|
|
23
|
+
}
|
|
24
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormCalendarComponent, selector: "atomix-form-calendar", inputs: { controlName: "controlName", form: "form", view: "view", dateFormat: "dateFormat", label: "label", isLabelRequired: "isLabelRequired", maxDate: "maxDate", minDate: "minDate", selectionMode: "selectionMode", placeholder: "placeholder", styleClass: "styleClass", inputStyleClass: "inputStyleClass" }, outputs: { dateSelectHandler: "dateSelectHandler", dateChangeHandler: "dateChangeHandler" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-calendar\n [formControl]=\"control\"\n id=\"calendar\"\n tooltipPosition=\"top\"\n [view]=\"view\"\n [dateFormat]=\"dateFormat\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [selectionMode]=\"selectionMode\"\n [readonlyInput]=\"true\"\n [placeholder]=\"placeholder\"\n (onClose)=\"dateSelectHandler.emit()\"\n [inputStyleClass]=\"inputStyleClass\"\n [styleClass]=\"styleClass\"\n appendTo=\"body\"\n (onSelect)=\"dateChangeHandler.emit($event)\"\n/>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
26
|
+
}
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormCalendarComponent, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{ selector: 'atomix-form-calendar', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-calendar\n [formControl]=\"control\"\n id=\"calendar\"\n tooltipPosition=\"top\"\n [view]=\"view\"\n [dateFormat]=\"dateFormat\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [selectionMode]=\"selectionMode\"\n [readonlyInput]=\"true\"\n [placeholder]=\"placeholder\"\n (onClose)=\"dateSelectHandler.emit()\"\n [inputStyleClass]=\"inputStyleClass\"\n [styleClass]=\"styleClass\"\n appendTo=\"body\"\n (onSelect)=\"dateChangeHandler.emit($event)\"\n/>\n" }]
|
|
30
|
+
}], propDecorators: { controlName: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], form: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], view: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], dateFormat: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], label: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], isLabelRequired: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}], maxDate: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], minDate: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], selectionMode: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], placeholder: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], styleClass: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], inputStyleClass: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], dateSelectHandler: [{
|
|
55
|
+
type: Output
|
|
56
|
+
}], dateChangeHandler: [{
|
|
57
|
+
type: Output
|
|
58
|
+
}] } });
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tY2FsZW5kYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tY2FsZW5kYXIvYXRvbWl4LWZvcm0tY2FsZW5kYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tY2FsZW5kYXIvYXRvbWl4LWZvcm0tY2FsZW5kYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTdkUsTUFBTSxPQUFPLDJCQUEyQjtJQUM3QixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLElBQUksQ0FBb0I7SUFDeEIsVUFBVSxDQUFVO0lBQ3BCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxlQUFlLEdBQVksS0FBSyxDQUFDO0lBRWpDLE9BQU8sQ0FBUTtJQUNmLE9BQU8sQ0FBUTtJQUNmLGFBQWEsQ0FBK0M7SUFDNUQsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUVqQixVQUFVLEdBQUcsRUFBRSxDQUFDO0lBQ2hCLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFFcEIsaUJBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUM1QyxpQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBRXRELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBZ0IsQ0FBQztJQUN4RCxDQUFDO3dHQXJCVSwyQkFBMkI7NEZBQTNCLDJCQUEyQiw2Y0NUeEMseW1CQXFCQTs7NEZEWmEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHNCQUFzQjs4QkFLdkIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRUcsT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTTtnQkFDRyxpQkFBaUI7c0JBQTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IENhbGVuZGFyVHlwZVZpZXcgfSBmcm9tICdwcmltZW5nL2NhbGVuZGFyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LWZvcm0tY2FsZW5kYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWZvcm0tY2FsZW5kYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtZm9ybS1jYWxlbmRhci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhGb3JtQ2FsZW5kYXJDb21wb25lbnQge1xuICBASW5wdXQoKSBjb250cm9sTmFtZSE6IHN0cmluZztcbiAgQElucHV0KCkgZm9ybSE6IEZvcm1Hcm91cDtcbiAgQElucHV0KCkgdmlldyE6IENhbGVuZGFyVHlwZVZpZXc7XG4gIEBJbnB1dCgpIGRhdGVGb3JtYXQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIGlzTGFiZWxSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIG1heERhdGUhOiBEYXRlO1xuICBASW5wdXQoKSBtaW5EYXRlITogRGF0ZTtcbiAgQElucHV0KCkgc2VsZWN0aW9uTW9kZSE6ICdzaW5nbGUnIHwgJ211bHRpcGxlJyB8ICdyYW5nZScgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG5cbiAgQElucHV0KCkgc3R5bGVDbGFzcyA9ICcnO1xuICBASW5wdXQoKSBpbnB1dFN0eWxlQ2xhc3MgPSAnJztcblxuICBAT3V0cHV0KCkgZGF0ZVNlbGVjdEhhbmRsZXIgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIGRhdGVDaGFuZ2VIYW5kbGVyID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgZ2V0IGNvbnRyb2woKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQodGhpcy5jb250cm9sTmFtZSkgYXMgRm9ybUNvbnRyb2w7XG4gIH1cbn1cbiIsIjxsYWJlbCAqbmdJZj1cImxhYmVsXCIgW2Zvcl09XCJjb250cm9sTmFtZVwiXG4gID57eyBsYWJlbCB9fVxuICA8c3BhbiAqbmdJZj1cImlzTGFiZWxSZXF1aXJlZFwiIGNsYXNzPVwiZXJyb3ItYXN0ZXJpc2tcIj4qPC9zcGFuPjwvbGFiZWxcbj5cbjxwLWNhbGVuZGFyXG4gIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgaWQ9XCJjYWxlbmRhclwiXG4gIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXG4gIFt2aWV3XT1cInZpZXdcIlxuICBbZGF0ZUZvcm1hdF09XCJkYXRlRm9ybWF0XCJcbiAgW21heERhdGVdPVwibWF4RGF0ZVwiXG4gIFttaW5EYXRlXT1cIm1pbkRhdGVcIlxuICBbc2VsZWN0aW9uTW9kZV09XCJzZWxlY3Rpb25Nb2RlXCJcbiAgW3JlYWRvbmx5SW5wdXRdPVwidHJ1ZVwiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIChvbkNsb3NlKT1cImRhdGVTZWxlY3RIYW5kbGVyLmVtaXQoKVwiXG4gIFtpbnB1dFN0eWxlQ2xhc3NdPVwiaW5wdXRTdHlsZUNsYXNzXCJcbiAgW3N0eWxlQ2xhc3NdPVwic3R5bGVDbGFzc1wiXG4gIGFwcGVuZFRvPVwiYm9keVwiXG4gIChvblNlbGVjdCk9XCJkYXRlQ2hhbmdlSGFuZGxlci5lbWl0KCRldmVudClcIlxuLz5cbiJdfQ==
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/forms";
|
|
5
|
+
import * as i3 from "primeng/tooltip";
|
|
6
|
+
import * as i4 from "primeng/checkbox";
|
|
7
|
+
export class AtomixFormCheckboxComponent {
|
|
8
|
+
binary = false;
|
|
9
|
+
controlName;
|
|
10
|
+
form;
|
|
11
|
+
inline = false;
|
|
12
|
+
label = '';
|
|
13
|
+
tooltip;
|
|
14
|
+
tooltipPosition = 'bottom';
|
|
15
|
+
value;
|
|
16
|
+
valueChange = new EventEmitter();
|
|
17
|
+
get control() {
|
|
18
|
+
return this.form.get(this.controlName);
|
|
19
|
+
}
|
|
20
|
+
onChange(event) {
|
|
21
|
+
this.valueChange.emit(event);
|
|
22
|
+
}
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormCheckboxComponent, selector: "atomix-form-checkbox", inputs: { binary: "binary", controlName: "controlName", form: "form", inline: "inline", label: "label", tooltip: "tooltip", tooltipPosition: "tooltipPosition", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div [ngClass]=\"inline ? 'checkbox-item-inline' : 'checkbox-item'\">\n <label [htmlFor]=\"controlName\" *ngIf=\"label\" [htmlFor]=\"controlName\">{{\n label\n }}</label>\n <p-checkbox\n [binary]=\"true\"\n [formControl]=\"control\"\n [inputId]=\"controlName\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n (onChange)=\"onChange($event)\"\n ></p-checkbox>\n</div>\n", styles: [".checkbox-item{min-height:72px!important;display:flex;justify-content:space-evenly;flex-direction:column;gap:.5rem}.checkbox-item-inline{display:flex;justify-content:flex-end;flex-direction:row-reverse;gap:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }] });
|
|
25
|
+
}
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormCheckboxComponent, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ selector: 'atomix-form-checkbox', template: "<div [ngClass]=\"inline ? 'checkbox-item-inline' : 'checkbox-item'\">\n <label [htmlFor]=\"controlName\" *ngIf=\"label\" [htmlFor]=\"controlName\">{{\n label\n }}</label>\n <p-checkbox\n [binary]=\"true\"\n [formControl]=\"control\"\n [inputId]=\"controlName\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n (onChange)=\"onChange($event)\"\n ></p-checkbox>\n</div>\n", styles: [".checkbox-item{min-height:72px!important;display:flex;justify-content:space-evenly;flex-direction:column;gap:.5rem}.checkbox-item-inline{display:flex;justify-content:flex-end;flex-direction:row-reverse;gap:.5rem}\n"] }]
|
|
29
|
+
}], propDecorators: { binary: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], controlName: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], form: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], inline: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], label: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], tooltip: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], tooltipPosition: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], value: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], valueChange: [{
|
|
46
|
+
type: Output
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tY2hlY2tib3gvYXRvbWl4LWZvcm0tY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tY2hlY2tib3gvYXRvbWl4LWZvcm0tY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZFLE1BQU0sT0FBTywyQkFBMkI7SUFDN0IsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUNmLFdBQVcsQ0FBVTtJQUNyQixJQUFJLENBQWE7SUFDakIsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUNmLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxPQUFPLENBQVU7SUFDakIsZUFBZSxHQUF3QyxRQUFRLENBQUM7SUFDaEUsS0FBSyxDQUFVO0lBRWQsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFM0MsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFnQixDQUFDO0lBQ3hELENBQUM7SUFFRCxRQUFRLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDO3dHQWxCVSwyQkFBMkI7NEZBQTNCLDJCQUEyQix1UkNSeEMsNlpBYUE7OzRGRExhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSxzQkFBc0I7OEJBS3ZCLE1BQU07c0JBQWQsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F0b21peC1mb3JtLWNoZWNrYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1mb3JtLWNoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LWZvcm0tY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXRvbWl4Rm9ybUNoZWNrYm94Q29tcG9uZW50IHtcbiAgQElucHV0KCkgYmluYXJ5ID0gZmFsc2U7XG4gIEBJbnB1dCgpIGNvbnRyb2xOYW1lITogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBpbmxpbmUgPSBmYWxzZTtcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KCkgdG9vbHRpcCE6IHN0cmluZztcbiAgQElucHV0KCkgdG9vbHRpcFBvc2l0aW9uOiAncmlnaHQnIHwgJ2xlZnQnIHwgJ3RvcCcgfCAnYm90dG9tJyA9ICdib3R0b20nO1xuICBASW5wdXQoKSB2YWx1ZSE6IHN0cmluZztcblxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgZ2V0IGNvbnRyb2woKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQodGhpcy5jb250cm9sTmFtZSkgYXMgRm9ybUNvbnRyb2w7XG4gIH1cblxuICBvbkNoYW5nZShldmVudDogYW55KSB7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPGRpdiBbbmdDbGFzc109XCJpbmxpbmUgPyAnY2hlY2tib3gtaXRlbS1pbmxpbmUnIDogJ2NoZWNrYm94LWl0ZW0nXCI+XG4gIDxsYWJlbCBbaHRtbEZvcl09XCJjb250cm9sTmFtZVwiICpuZ0lmPVwibGFiZWxcIiBbaHRtbEZvcl09XCJjb250cm9sTmFtZVwiPnt7XG4gICAgbGFiZWxcbiAgfX08L2xhYmVsPlxuICA8cC1jaGVja2JveFxuICAgIFtiaW5hcnldPVwidHJ1ZVwiXG4gICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICAgIFtpbnB1dElkXT1cImNvbnRyb2xOYW1lXCJcbiAgICBbcFRvb2x0aXBdPVwidG9vbHRpcFwiXG4gICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxuICAgIChvbkNoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcbiAgPjwvcC1jaGVja2JveD5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/forms";
|
|
5
|
+
import * as i3 from "primeng/tooltip";
|
|
6
|
+
import * as i4 from "primeng/chips";
|
|
7
|
+
export class AtomixFormChipsComponent {
|
|
8
|
+
controlName;
|
|
9
|
+
form;
|
|
10
|
+
label = '';
|
|
11
|
+
placeholder = '';
|
|
12
|
+
tooltip;
|
|
13
|
+
tooltipPosition = 'bottom';
|
|
14
|
+
type = 'text';
|
|
15
|
+
get control() {
|
|
16
|
+
return this.form.get(this.controlName);
|
|
17
|
+
}
|
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
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" }, ngImport: i0, template: "<div class=\"item flex flex-column gap-2\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\">{{ label }}</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 ></p-chips>\n</div>\n", styles: [""], 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"] }] });
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormChipsComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ selector: 'atomix-form-chips', template: "<div class=\"item flex flex-column gap-2\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\">{{ label }}</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 ></p-chips>\n</div>\n" }]
|
|
24
|
+
}], propDecorators: { controlName: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}], form: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], label: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], placeholder: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], tooltip: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], tooltipPosition: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], type: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}] } });
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tY2hpcHMvYXRvbWl4LWZvcm0tY2hpcHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tY2hpcHMvYXRvbWl4LWZvcm0tY2hpcHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVFqRCxNQUFNLE9BQU8sd0JBQXdCO0lBQzFCLFdBQVcsQ0FBVTtJQUNyQixJQUFJLENBQWE7SUFDakIsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNYLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsT0FBTyxDQUFVO0lBQ2pCLGVBQWUsR0FBd0MsUUFBUSxDQUFDO0lBQ2hFLElBQUksR0FBRyxNQUFNLENBQUM7SUFFdkIsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFnQixDQUFDO0lBQ3hELENBQUM7d0dBWFUsd0JBQXdCOzRGQUF4Qix3QkFBd0IsaU9DUnJDLDJXQVdBOzs0RkRIYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQUtwQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtZm9ybS1jaGlwcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtZm9ybS1jaGlwcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1mb3JtLWNoaXBzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peEZvcm1DaGlwc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbnRyb2xOYW1lITogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSB0b29sdGlwITogc3RyaW5nO1xuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246ICdyaWdodCcgfCAnbGVmdCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG4gIEBJbnB1dCgpIHR5cGUgPSAndGV4dCc7XG5cbiAgZ2V0IGNvbnRyb2woKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQodGhpcy5jb250cm9sTmFtZSkgYXMgRm9ybUNvbnRyb2w7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpdGVtIGZsZXggZmxleC1jb2x1bW4gZ2FwLTJcIj5cbiAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbaHRtbEZvcl09XCJjb250cm9sTmFtZVwiPnt7IGxhYmVsIH19PC9sYWJlbD5cbiAgPHAtY2hpcHNcbiAgICBzZXBhcmF0b3I9XCIsXCJcbiAgICBwbGFjZWhvbGRlcj1cIlNlcGFyYXRlIHZhbHVlcyB3aXRoIGEgY29tbWEgb3IgZW50ZXIuXCJcbiAgICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXG4gICAgW2lkXT1cImNvbnRyb2xOYW1lXCJcbiAgICBbcFRvb2x0aXBdPVwidG9vbHRpcFwiXG4gICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxuICA+PC9wLWNoaXBzPlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "primeng/dropdown";
|
|
5
|
+
import * as i3 from "@angular/forms";
|
|
6
|
+
import * as i4 from "primeng/tooltip";
|
|
7
|
+
export class AtomixFormDropdownComponent {
|
|
8
|
+
controlName;
|
|
9
|
+
filterResults = false;
|
|
10
|
+
form;
|
|
11
|
+
label = '';
|
|
12
|
+
optionLabel = '';
|
|
13
|
+
optionValue = '';
|
|
14
|
+
options;
|
|
15
|
+
placeholder = '';
|
|
16
|
+
showClear = true;
|
|
17
|
+
tooltip;
|
|
18
|
+
tooltipPosition = 'bottom';
|
|
19
|
+
isLabelRequired = false;
|
|
20
|
+
styleClass;
|
|
21
|
+
selectionChange = new EventEmitter();
|
|
22
|
+
filterEvent = new EventEmitter();
|
|
23
|
+
get control() {
|
|
24
|
+
return this.form.get(this.controlName);
|
|
25
|
+
}
|
|
26
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
+
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" }, outputs: { selectionChange: "selectionChange", filterEvent: "filterEvent" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></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\"\n appendTo=\"body\"\n>\n</p-dropdown>\n", styles: [""], 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"] }] });
|
|
28
|
+
}
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormDropdownComponent, decorators: [{
|
|
30
|
+
type: Component,
|
|
31
|
+
args: [{ selector: 'atomix-form-dropdown', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></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\"\n appendTo=\"body\"\n>\n</p-dropdown>\n" }]
|
|
32
|
+
}], propDecorators: { controlName: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], filterResults: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], form: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], label: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], optionLabel: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}], optionValue: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], options: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], placeholder: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], showClear: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], tooltip: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], tooltipPosition: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], isLabelRequired: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}], styleClass: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}], selectionChange: [{
|
|
59
|
+
type: Output
|
|
60
|
+
}], filterEvent: [{
|
|
61
|
+
type: Output
|
|
62
|
+
}] } });
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tZHJvcGRvd24vYXRvbWl4LWZvcm0tZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tZHJvcGRvd24vYXRvbWl4LWZvcm0tZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZFLE1BQU0sT0FBTywyQkFBMkI7SUFDN0IsV0FBVyxDQUFVO0lBQ3JCLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDdEIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxXQUFXLEdBQUcsRUFBRSxDQUFDO0lBQ2pCLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsT0FBTyxDQUFPO0lBQ2QsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQ2pCLE9BQU8sQ0FBVTtJQUNqQixlQUFlLEdBQXdDLFFBQVEsQ0FBQztJQUNoRSxlQUFlLEdBQVksS0FBSyxDQUFDO0lBQ2pDLFVBQVUsQ0FBVTtJQUVuQixlQUFlLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUNyQyxXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUVuRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0FwQlUsMkJBQTJCOzRGQUEzQiwyQkFBMkIscWVDUnhDLHdpQkFtQkE7OzRGRFhhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSxzQkFBc0I7OEJBS3ZCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFSSxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LWZvcm0tZHJvcGRvd24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWZvcm0tZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtZm9ybS1kcm9wZG93bi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhGb3JtRHJvcGRvd25Db21wb25lbnQge1xuICBASW5wdXQoKSBjb250cm9sTmFtZSE6IHN0cmluZztcbiAgQElucHV0KCkgZmlsdGVyUmVzdWx0cyA9IGZhbHNlO1xuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBvcHRpb25MYWJlbCA9ICcnO1xuICBASW5wdXQoKSBvcHRpb25WYWx1ZSA9ICcnO1xuICBASW5wdXQoKSBvcHRpb25zITogYW55O1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSBzaG93Q2xlYXIgPSB0cnVlO1xuICBASW5wdXQoKSB0b29sdGlwITogc3RyaW5nO1xuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246ICdyaWdodCcgfCAnbGVmdCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG4gIEBJbnB1dCgpIGlzTGFiZWxSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzdHlsZUNsYXNzITogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBzZWxlY3Rpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBmaWx0ZXJFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGdldCBjb250cm9sKCkge1xuICAgIHJldHVybiB0aGlzLmZvcm0uZ2V0KHRoaXMuY29udHJvbE5hbWUpIGFzIEZvcm1Db250cm9sO1xuICB9XG59XG4iLCI8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIFtmb3JdPVwiY29udHJvbE5hbWVcIlxuICA+e3sgbGFiZWwgfX1cbiAgPHNwYW4gKm5nSWY9XCJpc0xhYmVsUmVxdWlyZWRcIiBjbGFzcz1cImVycm9yLWFzdGVyaXNrXCI+Kjwvc3Bhbj48L2xhYmVsXG4+XG48cC1kcm9wZG93blxuICBbZmlsdGVyXT1cImZpbHRlclJlc3VsdHNcIlxuICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIFtvcHRpb25zXT1cIm9wdGlvbnNcIlxuICBbb3B0aW9uTGFiZWxdPVwib3B0aW9uTGFiZWxcIlxuICBbb3B0aW9uVmFsdWVdPVwib3B0aW9uVmFsdWVcIlxuICBbc2hvd0NsZWFyXT1cInNob3dDbGVhclwiXG4gIFtwVG9vbHRpcF09XCJ0b29sdGlwXCJcbiAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxuICAob25DaGFuZ2UpPVwic2VsZWN0aW9uQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gIFtzdHlsZUNsYXNzXT1cInN0eWxlQ2xhc3NcIlxuICBhcHBlbmRUbz1cImJvZHlcIlxuPlxuPC9wLWRyb3Bkb3duPlxuIl19
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "primeng/inputtext";
|
|
5
|
+
import * as i3 from "@angular/forms";
|
|
6
|
+
import * as i4 from "primeng/tooltip";
|
|
7
|
+
export class AtomixFormInputComponent {
|
|
8
|
+
controlName;
|
|
9
|
+
form;
|
|
10
|
+
label = '';
|
|
11
|
+
max;
|
|
12
|
+
min;
|
|
13
|
+
placeholder = '';
|
|
14
|
+
type = 'text';
|
|
15
|
+
tooltip;
|
|
16
|
+
class;
|
|
17
|
+
style;
|
|
18
|
+
isLabelRequired = false;
|
|
19
|
+
tooltipPosition = 'bottom';
|
|
20
|
+
changeValueHandler = new EventEmitter();
|
|
21
|
+
get control() {
|
|
22
|
+
return this.form.get(this.controlName);
|
|
23
|
+
}
|
|
24
|
+
onInput(event) {
|
|
25
|
+
const input = event.target;
|
|
26
|
+
this.changeValueHandler.emit(input.value);
|
|
27
|
+
}
|
|
28
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
+
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", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition" }, outputs: { changeValueHandler: "changeValueHandler" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\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\"\n autocomplete=\"new-password\"\n [style]=\"style\"\n/>\n", styles: [""], 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"] }] });
|
|
30
|
+
}
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, decorators: [{
|
|
32
|
+
type: Component,
|
|
33
|
+
args: [{ selector: 'atomix-form-input', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\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\"\n autocomplete=\"new-password\"\n [style]=\"style\"\n/>\n" }]
|
|
34
|
+
}], propDecorators: { controlName: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], form: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], label: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], max: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}], min: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], placeholder: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], type: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], tooltip: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], class: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], style: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], isLabelRequired: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}], tooltipPosition: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}], changeValueHandler: [{
|
|
59
|
+
type: Output
|
|
60
|
+
}] } });
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1mb3JtL2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50L2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRdkUsTUFBTSxPQUFPLHdCQUF3QjtJQUMxQixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxHQUFHLENBQWlCO0lBQ3BCLEdBQUcsQ0FBVTtJQUNiLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsSUFBSSxHQUFHLE1BQU0sQ0FBQztJQUNkLE9BQU8sQ0FBVTtJQUNqQixLQUFLLENBQVU7SUFDZixLQUFLLENBQU07SUFFWCxlQUFlLEdBQVksS0FBSyxDQUFDO0lBQ2pDLGVBQWUsR0FBd0MsUUFBUSxDQUFDO0lBQy9ELGtCQUFrQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFDMUQsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFnQixDQUFDO0lBQ3hELENBQUM7SUFDRCxPQUFPLENBQUMsS0FBWTtRQUNsQixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUUvQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QyxDQUFDO3dHQXRCVSx3QkFBd0I7NEZBQXhCLHdCQUF3QixvWENSckMseWVBbUJBOzs0RkRYYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQUtwQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0ksa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F0b21peC1mb3JtLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhGb3JtSW5wdXRDb21wb25lbnQge1xuICBASW5wdXQoKSBjb250cm9sTmFtZSE6IHN0cmluZztcbiAgQElucHV0KCkgZm9ybSE6IEZvcm1Hcm91cDtcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KCkgbWF4ITogbnVtYmVyIHwgbnVsbDtcbiAgQElucHV0KCkgbWluITogbnVtYmVyO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSB0eXBlID0gJ3RleHQnO1xuICBASW5wdXQoKSB0b29sdGlwITogc3RyaW5nO1xuICBASW5wdXQoKSBjbGFzcyE6IHN0cmluZztcbiAgQElucHV0KCkgc3R5bGU6IGFueTtcblxuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdG9vbHRpcFBvc2l0aW9uOiAncmlnaHQnIHwgJ2xlZnQnIHwgJ3RvcCcgfCAnYm90dG9tJyA9ICdib3R0b20nO1xuICBAT3V0cHV0KCkgY2hhbmdlVmFsdWVIYW5kbGVyID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIGdldCBjb250cm9sKCkge1xuICAgIHJldHVybiB0aGlzLmZvcm0uZ2V0KHRoaXMuY29udHJvbE5hbWUpIGFzIEZvcm1Db250cm9sO1xuICB9XG4gIG9uSW5wdXQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcblxuICAgIHRoaXMuY2hhbmdlVmFsdWVIYW5kbGVyLmVtaXQoaW5wdXQudmFsdWUpO1xuICB9XG59XG4iLCI8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIFtmb3JdPVwiY29udHJvbE5hbWVcIlxuICA+e3sgbGFiZWwgfX1cbiAgPHNwYW4gKm5nSWY9XCJpc0xhYmVsUmVxdWlyZWRcIiBjbGFzcz1cImVycm9yLWFzdGVyaXNrXCI+Kjwvc3Bhbj48L2xhYmVsXG4+XG48aW5wdXRcbiAgcElucHV0VGV4dFxuICBbaWRdPVwiY29udHJvbE5hbWVcIlxuICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIFttYXhsZW5ndGhdPVwibWF4XCJcbiAgW21pbl09XCJtaW5cIlxuICAoaW5wdXQpPVwib25JbnB1dCgkZXZlbnQpXCJcbiAgW3BUb29sdGlwXT1cInRvb2x0aXBcIlxuICBbdHlwZV09XCJ0eXBlXCJcbiAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxuICBbbmdDbGFzc109XCJjbGFzc1wiXG4gIGF1dG9jb21wbGV0ZT1cIm5ldy1wYXNzd29yZFwiXG4gIFtzdHlsZV09XCJzdHlsZVwiXG4vPlxuIl19
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/forms";
|
|
5
|
+
import * as i3 from "primeng/tooltip";
|
|
6
|
+
import * as i4 from "primeng/inputmask";
|
|
7
|
+
export class AtomixFormInputmaskComponent {
|
|
8
|
+
controlName;
|
|
9
|
+
form;
|
|
10
|
+
mask = 'text';
|
|
11
|
+
label = '';
|
|
12
|
+
placeholder = '';
|
|
13
|
+
slotChar = '';
|
|
14
|
+
tooltip;
|
|
15
|
+
tooltipPosition = 'bottom';
|
|
16
|
+
isLabelRequired = false;
|
|
17
|
+
class;
|
|
18
|
+
get control() {
|
|
19
|
+
return this.form.get(this.controlName);
|
|
20
|
+
}
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputmaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormInputmaskComponent, selector: "atomix-form-inputmask", inputs: { controlName: "controlName", form: "form", mask: "mask", label: "label", placeholder: "placeholder", slotChar: "slotChar", tooltip: "tooltip", tooltipPosition: "tooltipPosition", isLabelRequired: "isLabelRequired", class: "class" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-inputMask\n [formControl]=\"control\"\n [id]=\"controlName\"\n [mask]=\"mask\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [slotChar]=\"slotChar\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class\"\n/>\n", styles: [""], 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.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.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }] });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputmaskComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'atomix-form-inputmask', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-inputMask\n [formControl]=\"control\"\n [id]=\"controlName\"\n [mask]=\"mask\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [slotChar]=\"slotChar\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class\"\n/>\n" }]
|
|
27
|
+
}], propDecorators: { controlName: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], form: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], mask: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], label: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], placeholder: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], slotChar: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], tooltip: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], tooltipPosition: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], isLabelRequired: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], class: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0taW5wdXRtYXNrLWNvbXBvbmVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtZm9ybS9hdG9taXgtZm9ybS1pbnB1dG1hc2stY29tcG9uZW50L2F0b21peC1mb3JtLWlucHV0bWFzay1jb21wb25lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0taW5wdXRtYXNrLWNvbXBvbmVudC9hdG9taXgtZm9ybS1pbnB1dG1hc2stY29tcG9uZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRakQsTUFBTSxPQUFPLDRCQUE0QjtJQUM5QixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLElBQUksR0FBRyxNQUFNLENBQUM7SUFDZCxLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ1gsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ2QsT0FBTyxDQUFVO0lBQ2pCLGVBQWUsR0FBd0MsUUFBUSxDQUFDO0lBQ2hFLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsS0FBSyxDQUFVO0lBRXhCLElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBZ0IsQ0FBQztJQUN4RCxDQUFDO3dHQWRVLDRCQUE0Qjs0RkFBNUIsNEJBQTRCLCtTQ1J6QywrWEFjQTs7NEZETmEsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLHVCQUF1Qjs4QkFLeEIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtZm9ybS1pbnB1dG1hc2snLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWZvcm0taW5wdXRtYXNrLWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1mb3JtLWlucHV0bWFzay1jb21wb25lbnQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXRvbWl4Rm9ybUlucHV0bWFza0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbnRyb2xOYW1lITogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBtYXNrID0gJ3RleHQnO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSBzbG90Q2hhciA9ICcnO1xuICBASW5wdXQoKSB0b29sdGlwITogc3RyaW5nO1xuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246ICdyaWdodCcgfCAnbGVmdCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG4gIEBJbnB1dCgpIGlzTGFiZWxSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBjbGFzcyE6IHN0cmluZztcblxuICBnZXQgY29udHJvbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbZm9yXT1cImNvbnRyb2xOYW1lXCJcbiAgPnt7IGxhYmVsIH19XG4gIDxzcGFuICpuZ0lmPVwiaXNMYWJlbFJlcXVpcmVkXCIgY2xhc3M9XCJlcnJvci1hc3Rlcmlza1wiPio8L3NwYW4+PC9sYWJlbFxuPlxuPHAtaW5wdXRNYXNrXG4gIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgW2lkXT1cImNvbnRyb2xOYW1lXCJcbiAgW21hc2tdPVwibWFza1wiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIFtwVG9vbHRpcF09XCJ0b29sdGlwXCJcbiAgW3Nsb3RDaGFyXT1cInNsb3RDaGFyXCJcbiAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxuICBbbmdDbGFzc109XCJjbGFzc1wiXG4vPlxuIl19
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/forms";
|
|
5
|
+
import * as i3 from "primeng/tooltip";
|
|
6
|
+
import * as i4 from "primeng/password";
|
|
7
|
+
export class AtomixFormPasswordComponent {
|
|
8
|
+
controlName;
|
|
9
|
+
form;
|
|
10
|
+
label = '';
|
|
11
|
+
placeholder = '';
|
|
12
|
+
type = 'text';
|
|
13
|
+
tooltip;
|
|
14
|
+
class;
|
|
15
|
+
feedback = false;
|
|
16
|
+
isLabelRequired = false;
|
|
17
|
+
tooltipPosition = 'bottom';
|
|
18
|
+
get control() {
|
|
19
|
+
return this.form.get(this.controlName);
|
|
20
|
+
}
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormPasswordComponent, selector: "atomix-form-password", inputs: { controlName: "controlName", form: "form", label: "label", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", feedback: "feedback", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-password\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class\"\n autocomplete=\"off\"\n [feedback]=\"feedback\"\n [toggleMask]=\"true\"\n autocomplete=\"new-password\"\n/>\n", styles: [""], 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.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.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }] });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormPasswordComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'atomix-form-password', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-password\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class\"\n autocomplete=\"off\"\n [feedback]=\"feedback\"\n [toggleMask]=\"true\"\n autocomplete=\"new-password\"\n/>\n" }]
|
|
27
|
+
}], propDecorators: { controlName: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], form: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], label: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], placeholder: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], type: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], tooltip: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], class: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], feedback: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], isLabelRequired: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], tooltipPosition: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tcGFzc3dvcmQtY29tcG9uZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1mb3JtL2F0b21peC1mb3JtLXBhc3N3b3JkLWNvbXBvbmVudC9hdG9taXgtZm9ybS1wYXNzd29yZC1jb21wb25lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tcGFzc3dvcmQtY29tcG9uZW50L2F0b21peC1mb3JtLXBhc3N3b3JkLWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUWpELE1BQU0sT0FBTywyQkFBMkI7SUFDN0IsV0FBVyxDQUFVO0lBQ3JCLElBQUksQ0FBYTtJQUNqQixLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ1gsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixJQUFJLEdBQUcsTUFBTSxDQUFDO0lBQ2QsT0FBTyxDQUFVO0lBQ2pCLEtBQUssQ0FBVTtJQUNmLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsZUFBZSxHQUFZLEtBQUssQ0FBQztJQUNqQyxlQUFlLEdBQXdDLFFBQVEsQ0FBQztJQUV6RSxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0FkVSwyQkFBMkI7NEZBQTNCLDJCQUEyQiw4U0NSeEMsNmJBZ0JBOzs0RkRSYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCOzhCQUt2QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F0b21peC1mb3JtLXBhc3N3b3JkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1mb3JtLXBhc3N3b3JkLWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1mb3JtLXBhc3N3b3JkLWNvbXBvbmVudC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhGb3JtUGFzc3dvcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBjb250cm9sTmFtZSE6IHN0cmluZztcbiAgQElucHV0KCkgZm9ybSE6IEZvcm1Hcm91cDtcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgdHlwZSA9ICd0ZXh0JztcbiAgQElucHV0KCkgdG9vbHRpcCE6IHN0cmluZztcbiAgQElucHV0KCkgY2xhc3MhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZlZWRiYWNrOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGlzTGFiZWxSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246ICdyaWdodCcgfCAnbGVmdCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG5cbiAgZ2V0IGNvbnRyb2woKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQodGhpcy5jb250cm9sTmFtZSkgYXMgRm9ybUNvbnRyb2w7XG4gIH1cbn1cbiIsIjxsYWJlbCAqbmdJZj1cImxhYmVsXCIgW2Zvcl09XCJjb250cm9sTmFtZVwiXG4gID57eyBsYWJlbCB9fVxuICA8c3BhbiAqbmdJZj1cImlzTGFiZWxSZXF1aXJlZFwiIGNsYXNzPVwiZXJyb3ItYXN0ZXJpc2tcIj4qPC9zcGFuPjwvbGFiZWxcbj5cbjxwLXBhc3N3b3JkXG4gIFtpZF09XCJjb250cm9sTmFtZVwiXG4gIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgW3BUb29sdGlwXT1cInRvb2x0aXBcIlxuICBbdG9vbHRpcFBvc2l0aW9uXT1cInRvb2x0aXBQb3NpdGlvblwiXG4gIFtuZ0NsYXNzXT1cImNsYXNzXCJcbiAgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgW2ZlZWRiYWNrXT1cImZlZWRiYWNrXCJcbiAgW3RvZ2dsZU1hc2tdPVwidHJ1ZVwiXG4gIGF1dG9jb21wbGV0ZT1cIm5ldy1wYXNzd29yZFwiXG4vPlxuIl19
|