primekit 0.0.0-watch
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/README.md +25 -0
- package/esm2022/lib/lib/atomix-alert/atomix-alert.component.mjs +55 -0
- package/esm2022/lib/lib/atomix-button/atomix-button.component.mjs +49 -0
- package/esm2022/lib/lib/atomix-button/atomix-button.models.mjs +2 -0
- package/esm2022/lib/lib/atomix-calendar/atomix-calendar.component.mjs +90 -0
- package/esm2022/lib/lib/atomix-card/atomix-card.component.mjs +24 -0
- package/esm2022/lib/lib/atomix-confirmation-dialog/atomix-confirmation-dialog.component.mjs +28 -0
- package/esm2022/lib/lib/atomix-dropdown/atomix-dropdown.component.mjs +105 -0
- package/esm2022/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.component.mjs +38 -0
- package/esm2022/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.models.mjs +2 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.mjs +67 -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 +54 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-chips/form.chips.models.mjs +2 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-dropdown/atomix-form-dropdown.component.mjs +70 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.mjs +70 -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-radio-button/atomix-radio-button.component.mjs +46 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.mjs +43 -0
- package/esm2022/lib/lib/atomix-input/atomix-input.component.mjs +90 -0
- package/esm2022/lib/lib/atomix-messages/messages.component.mjs +33 -0
- package/esm2022/lib/lib/atomix-pagination/atomix-pagination.component.mjs +48 -0
- package/esm2022/lib/lib/atomix-radio-button/atomix-radio-button.component.mjs +50 -0
- package/esm2022/lib/lib/atomix-select-button/atomix-select-button-models.mjs +2 -0
- package/esm2022/lib/lib/atomix-select-button/atomix-select-button.component.mjs +25 -0
- package/esm2022/lib/lib/atomix-snackbar/atomix-snackbar.component.mjs +29 -0
- package/esm2022/lib/lib/atomix-spinner/atomix-spinner.component.mjs +24 -0
- package/esm2022/lib/lib/atomix-table/atomix-table.component.mjs +340 -0
- package/esm2022/lib/lib/atomix-table/atomix-table.models.mjs +2 -0
- package/esm2022/lib/lib/atomix-tag/atomix-tag.component.mjs +24 -0
- package/esm2022/lib/lib/utils/prime-icons.util.mjs +10 -0
- package/esm2022/lib/primekit.component.mjs +11 -0
- package/esm2022/lib/primekit.module.mjs +248 -0
- package/esm2022/lib/primekit.service.mjs +14 -0
- package/esm2022/primekit.mjs +5 -0
- package/esm2022/public-api.mjs +36 -0
- package/fesm2022/primekit.mjs +1760 -0
- package/fesm2022/primekit.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/lib/atomix-alert/atomix-alert.component.d.ts +17 -0
- package/lib/lib/atomix-button/atomix-button.component.d.ts +19 -0
- package/lib/lib/atomix-button/atomix-button.models.d.ts +2 -0
- package/lib/lib/atomix-calendar/atomix-calendar.component.d.ts +27 -0
- package/lib/lib/atomix-card/atomix-card.component.d.ts +9 -0
- package/lib/lib/atomix-confirmation-dialog/atomix-confirmation-dialog.component.d.ts +12 -0
- package/lib/lib/atomix-dropdown/atomix-dropdown.component.d.ts +50 -0
- package/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.component.d.ts +15 -0
- package/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.models.d.ts +11 -0
- package/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.d.ts +25 -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 +19 -0
- package/lib/lib/atomix-form/atomix-form-chips/form.chips.models.d.ts +5 -0
- package/lib/lib/atomix-form/atomix-form-dropdown/atomix-form-dropdown.component.d.ts +25 -0
- package/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.d.ts +25 -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-radio-button/atomix-radio-button.component.d.ts +19 -0
- package/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.d.ts +16 -0
- package/lib/lib/atomix-input/atomix-input.component.d.ts +28 -0
- package/lib/lib/atomix-messages/messages.component.d.ts +13 -0
- package/lib/lib/atomix-pagination/atomix-pagination.component.d.ts +19 -0
- package/lib/lib/atomix-radio-button/atomix-radio-button.component.d.ts +15 -0
- package/lib/lib/atomix-select-button/atomix-select-button-models.d.ts +4 -0
- package/lib/lib/atomix-select-button/atomix-select-button.component.d.ts +12 -0
- package/lib/lib/atomix-snackbar/atomix-snackbar.component.d.ts +12 -0
- package/lib/lib/atomix-spinner/atomix-spinner.component.d.ts +9 -0
- package/lib/lib/atomix-table/atomix-table.component.d.ts +106 -0
- package/lib/lib/atomix-table/atomix-table.models.d.ts +32 -0
- package/lib/lib/atomix-tag/atomix-tag.component.d.ts +9 -0
- package/lib/lib/utils/prime-icons.util.d.ts +3 -0
- package/lib/primekit.component.d.ts +5 -0
- package/lib/primekit.module.d.ts +56 -0
- package/lib/primekit.service.d.ts +6 -0
- package/package.json +25 -0
- package/public-api.d.ts +30 -0
- package/src/assets/images/empty-table.svg +25 -0
- package/src/assets/images/logistics.png +0 -0
|
@@ -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+ ' form-calendar'\"\n appendTo=\"body\"\n (onSelect)=\"dateChangeHandler.emit($event)\"\n/>\n", styles: ["::ng-deep .form-calendar{width:100%}::ng-deep .form-calendar input{border-radius:30px!important}\n"], 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+ ' form-calendar'\"\n appendTo=\"body\"\n (onSelect)=\"dateChangeHandler.emit($event)\"\n/>\n", styles: ["::ng-deep .form-calendar{width:100%}::ng-deep .form-calendar input{border-radius:30px!important}\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tY2FsZW5kYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tY2FsZW5kYXIvYXRvbWl4LWZvcm0tY2FsZW5kYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tY2FsZW5kYXIvYXRvbWl4LWZvcm0tY2FsZW5kYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTdkUsTUFBTSxPQUFPLDJCQUEyQjtJQUM3QixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLElBQUksQ0FBb0I7SUFDeEIsVUFBVSxDQUFVO0lBQ3BCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxlQUFlLEdBQVksS0FBSyxDQUFDO0lBRWpDLE9BQU8sQ0FBUTtJQUNmLE9BQU8sQ0FBUTtJQUNmLGFBQWEsQ0FBK0M7SUFDNUQsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUVqQixVQUFVLEdBQUcsRUFBRSxDQUFDO0lBQ2hCLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFFcEIsaUJBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUM1QyxpQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBRXRELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBZ0IsQ0FBQztJQUN4RCxDQUFDO3dHQXJCVSwyQkFBMkI7NEZBQTNCLDJCQUEyQiw2Y0NUeEMsNG5CQXFCQTs7NEZEWmEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHNCQUFzQjs4QkFLdkIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRUcsT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTTtnQkFDRyxpQkFBaUI7c0JBQTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IENhbGVuZGFyVHlwZVZpZXcgfSBmcm9tICdwcmltZW5nL2NhbGVuZGFyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LWZvcm0tY2FsZW5kYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWZvcm0tY2FsZW5kYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtZm9ybS1jYWxlbmRhci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhGb3JtQ2FsZW5kYXJDb21wb25lbnQge1xuICBASW5wdXQoKSBjb250cm9sTmFtZSE6IHN0cmluZztcbiAgQElucHV0KCkgZm9ybSE6IEZvcm1Hcm91cDtcbiAgQElucHV0KCkgdmlldyE6IENhbGVuZGFyVHlwZVZpZXc7XG4gIEBJbnB1dCgpIGRhdGVGb3JtYXQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIGlzTGFiZWxSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIG1heERhdGUhOiBEYXRlO1xuICBASW5wdXQoKSBtaW5EYXRlITogRGF0ZTtcbiAgQElucHV0KCkgc2VsZWN0aW9uTW9kZSE6ICdzaW5nbGUnIHwgJ211bHRpcGxlJyB8ICdyYW5nZScgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG5cbiAgQElucHV0KCkgc3R5bGVDbGFzcyA9ICcnO1xuICBASW5wdXQoKSBpbnB1dFN0eWxlQ2xhc3MgPSAnJztcblxuICBAT3V0cHV0KCkgZGF0ZVNlbGVjdEhhbmRsZXIgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIGRhdGVDaGFuZ2VIYW5kbGVyID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgZ2V0IGNvbnRyb2woKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQodGhpcy5jb250cm9sTmFtZSkgYXMgRm9ybUNvbnRyb2w7XG4gIH1cbn1cbiIsIjxsYWJlbCAqbmdJZj1cImxhYmVsXCIgW2Zvcl09XCJjb250cm9sTmFtZVwiXG4gID57eyBsYWJlbCB9fVxuICA8c3BhbiAqbmdJZj1cImlzTGFiZWxSZXF1aXJlZFwiIGNsYXNzPVwiZXJyb3ItYXN0ZXJpc2tcIj4qPC9zcGFuPjwvbGFiZWxcbj5cbjxwLWNhbGVuZGFyXG4gIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgaWQ9XCJjYWxlbmRhclwiXG4gIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXG4gIFt2aWV3XT1cInZpZXdcIlxuICBbZGF0ZUZvcm1hdF09XCJkYXRlRm9ybWF0XCJcbiAgW21heERhdGVdPVwibWF4RGF0ZVwiXG4gIFttaW5EYXRlXT1cIm1pbkRhdGVcIlxuICBbc2VsZWN0aW9uTW9kZV09XCJzZWxlY3Rpb25Nb2RlXCJcbiAgW3JlYWRvbmx5SW5wdXRdPVwidHJ1ZVwiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIChvbkNsb3NlKT1cImRhdGVTZWxlY3RIYW5kbGVyLmVtaXQoKVwiXG4gIFtpbnB1dFN0eWxlQ2xhc3NdPVwiaW5wdXRTdHlsZUNsYXNzXCJcbiAgW3N0eWxlQ2xhc3NdPVwic3R5bGVDbGFzcysgJyAgZm9ybS1jYWxlbmRhcidcIlxuICBhcHBlbmRUbz1cImJvZHlcIlxuICAob25TZWxlY3QpPVwiZGF0ZUNoYW5nZUhhbmRsZXIuZW1pdCgkZXZlbnQpXCJcbi8+XG4iXX0=
|
|
@@ -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,54 @@
|
|
|
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
|
+
styleClass = '';
|
|
16
|
+
allowDuplicate = false;
|
|
17
|
+
isLabelIconData = {
|
|
18
|
+
iconClass: '',
|
|
19
|
+
tooltip: '',
|
|
20
|
+
};
|
|
21
|
+
isLabelIconRequired = false;
|
|
22
|
+
get control() {
|
|
23
|
+
return this.form.get(this.controlName);
|
|
24
|
+
}
|
|
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\" class=\"ml-2\"\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
|
+
}
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormChipsComponent, decorators: [{
|
|
29
|
+
type: Component,
|
|
30
|
+
args: [{ selector: 'atomix-form-chips', template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\" class=\"ml-2\"\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
|
+
}], propDecorators: { controlName: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], form: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], label: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], placeholder: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], tooltip: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], tooltipPosition: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], type: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], styleClass: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], allowDuplicate: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], isLabelIconData: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], isLabelIconRequired: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}] } });
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tY2hpcHMvYXRvbWl4LWZvcm0tY2hpcHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tY2hpcHMvYXRvbWl4LWZvcm0tY2hpcHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVNqRCxNQUFNLE9BQU8sd0JBQXdCO0lBQzFCLFdBQVcsQ0FBVTtJQUNyQixJQUFJLENBQWE7SUFDakIsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNYLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsT0FBTyxDQUFVO0lBQ2pCLGVBQWUsR0FBd0MsUUFBUSxDQUFDO0lBQ2hFLElBQUksR0FBRyxNQUFNLENBQUM7SUFDZCxVQUFVLEdBQUcsRUFBRSxDQUFDO0lBQ2hCLGNBQWMsR0FBWSxLQUFLLENBQUM7SUFDaEMsZUFBZSxHQUFrQjtRQUN4QyxTQUFTLEVBQUUsRUFBRTtRQUNiLE9BQU8sRUFBRSxFQUFFO0tBQ1osQ0FBQztJQUNPLG1CQUFtQixHQUFZLEtBQUssQ0FBQztJQUM5QyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0FqQlUsd0JBQXdCOzRGQUF4Qix3QkFBd0IsNldDVHJDLDRuQkFvQkE7OzRGRFhhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxtQkFBbUI7OEJBS3BCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFJRyxtQkFBbUI7c0JBQTNCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTGFiZWxJY29uRGF0YSB9IGZyb20gJy4vZm9ybS5jaGlwcy5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtZm9ybS1jaGlwcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtZm9ybS1jaGlwcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1mb3JtLWNoaXBzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peEZvcm1DaGlwc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbnRyb2xOYW1lITogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSB0b29sdGlwITogc3RyaW5nO1xuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246ICdyaWdodCcgfCAnbGVmdCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG4gIEBJbnB1dCgpIHR5cGUgPSAndGV4dCc7XG4gIEBJbnB1dCgpIHN0eWxlQ2xhc3MgPSAnJztcbiAgQElucHV0KCkgYWxsb3dEdXBsaWNhdGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaXNMYWJlbEljb25EYXRhOiBMYWJlbEljb25EYXRhID0ge1xuICAgIGljb25DbGFzczogJycsXG4gICAgdG9vbHRpcDogJycsXG4gIH07XG4gIEBJbnB1dCgpIGlzTGFiZWxJY29uUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgZ2V0IGNvbnRyb2woKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQodGhpcy5jb250cm9sTmFtZSkgYXMgRm9ybUNvbnRyb2w7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpdGVtIGZsZXggZmxleC1jb2x1bW5cIj5cbiAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbaHRtbEZvcl09XCJjb250cm9sTmFtZVwiIGNsYXNzPVwibWwtMlwiXG4gICAgPnt7IGxhYmVsIH19XG4gICAgPGlcbiAgICAgICpuZ0lmPVwiaXNMYWJlbEljb25SZXF1aXJlZFwiXG4gICAgICBbY2xhc3NdPVwiaXNMYWJlbEljb25EYXRhPy5pY29uQ2xhc3MgKyAnIG1sLTInXCJcbiAgICAgIFtwVG9vbHRpcF09XCJpc0xhYmVsSWNvbkRhdGE/LnRvb2x0aXBcIlxuICAgID48L2lcbiAgPjwvbGFiZWw+XG4gIDxwLWNoaXBzXG4gICAgc2VwYXJhdG9yPVwiLFwiXG4gICAgcGxhY2Vob2xkZXI9XCJTZXBhcmF0ZSB2YWx1ZXMgd2l0aCBhIGNvbW1hIG9yIGVudGVyLlwiXG4gICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICAgIFtpZF09XCJjb250cm9sTmFtZVwiXG4gICAgW3BUb29sdGlwXT1cInRvb2x0aXBcIlxuICAgIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCJcbiAgICBbc3R5bGVDbGFzc109XCJzdHlsZUNsYXNzICsgJyAgbGliLWZvcm0tY2hpcHMnXCJcbiAgICBbYWxsb3dEdXBsaWNhdGVdPVwiYWxsb3dEdXBsaWNhdGVcIlxuICA+PC9wLWNoaXBzPlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5jaGlwcy5tb2RlbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtZm9ybS9hdG9taXgtZm9ybS1jaGlwcy9mb3JtLmNoaXBzLm1vZGVscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgTGFiZWxJY29uRGF0YSA9IHtcbiAgaWNvbkNsYXNzOiBzdHJpbmc7XG4gIHRvb2x0aXA6IHN0cmluZztcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xufTtcbiJdfQ==
|
|
@@ -0,0 +1,70 @@
|
|
|
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
|
+
isLabelIconData = {
|
|
22
|
+
iconClass: '',
|
|
23
|
+
tooltip: '',
|
|
24
|
+
required: false
|
|
25
|
+
};
|
|
26
|
+
selectionChange = new EventEmitter();
|
|
27
|
+
filterEvent = new EventEmitter();
|
|
28
|
+
get control() {
|
|
29
|
+
return this.form.get(this.controlName);
|
|
30
|
+
}
|
|
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\" class=\"ml-2\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span> <i\n *ngIf=\"isLabelIconData.required\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\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
|
+
}
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormDropdownComponent, decorators: [{
|
|
35
|
+
type: Component,
|
|
36
|
+
args: [{ selector: 'atomix-form-dropdown', template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span> <i\n *ngIf=\"isLabelIconData.required\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\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
|
+
}], propDecorators: { controlName: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], filterResults: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], form: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], label: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], optionLabel: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], optionValue: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], options: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], placeholder: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], showClear: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], tooltip: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], tooltipPosition: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], isLabelRequired: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], styleClass: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], isLabelIconData: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], selectionChange: [{
|
|
66
|
+
type: Output
|
|
67
|
+
}], filterEvent: [{
|
|
68
|
+
type: Output
|
|
69
|
+
}] } });
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tZHJvcGRvd24vYXRvbWl4LWZvcm0tZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tZHJvcGRvd24vYXRvbWl4LWZvcm0tZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3ZFLE1BQU0sT0FBTywyQkFBMkI7SUFDN0IsV0FBVyxDQUFVO0lBQ3JCLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDdEIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxXQUFXLEdBQUcsRUFBRSxDQUFDO0lBQ2pCLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsT0FBTyxDQUFPO0lBQ2QsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQ2pCLE9BQU8sQ0FBVTtJQUNqQixlQUFlLEdBQXdDLFFBQVEsQ0FBQztJQUNoRSxlQUFlLEdBQVksS0FBSyxDQUFDO0lBQ2pDLFVBQVUsQ0FBVTtJQUNuQixlQUFlLEdBQWtCO1FBQ3ZDLFNBQVMsRUFBRSxFQUFFO1FBQ2IsT0FBTyxFQUFFLEVBQUU7UUFDWCxRQUFRLEVBQUMsS0FBSztLQUNmLENBQUM7SUFFTSxlQUFlLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUNyQyxXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUVuRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0F6QlUsMkJBQTJCOzRGQUEzQiwyQkFBMkIseWdCQ1R4QyxndUJBd0JBOzs0RkRmYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCOzhCQUt2QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksZUFBZTtzQkFBdkIsS0FBSztnQkFNRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IExhYmVsSWNvbkRhdGEgfSBmcm9tICcuLi9hdG9taXgtZm9ybS1jaGlwcy9mb3JtLmNoaXBzLm1vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F0b21peC1mb3JtLWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1mb3JtLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LWZvcm0tZHJvcGRvd24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXRvbWl4Rm9ybURyb3Bkb3duQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29udHJvbE5hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZpbHRlclJlc3VsdHMgPSBmYWxzZTtcbiAgQElucHV0KCkgZm9ybSE6IEZvcm1Hcm91cDtcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KCkgb3B0aW9uTGFiZWwgPSAnJztcbiAgQElucHV0KCkgb3B0aW9uVmFsdWUgPSAnJztcbiAgQElucHV0KCkgb3B0aW9ucyE6IGFueTtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgc2hvd0NsZWFyID0gdHJ1ZTtcbiAgQElucHV0KCkgdG9vbHRpcCE6IHN0cmluZztcbiAgQElucHV0KCkgdG9vbHRpcFBvc2l0aW9uOiAncmlnaHQnIHwgJ2xlZnQnIHwgJ3RvcCcgfCAnYm90dG9tJyA9ICdib3R0b20nO1xuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc3R5bGVDbGFzcyE6IHN0cmluZztcbiAgIEBJbnB1dCgpIGlzTGFiZWxJY29uRGF0YTogTGFiZWxJY29uRGF0YSA9IHtcbiAgICAgIGljb25DbGFzczogJycsXG4gICAgICB0b29sdGlwOiAnJyxcbiAgICAgIHJlcXVpcmVkOmZhbHNlXG4gICAgfTtcblxuICBAT3V0cHV0KCkgc2VsZWN0aW9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgZmlsdGVyRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBnZXQgY29udHJvbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbZm9yXT1cImNvbnRyb2xOYW1lXCIgY2xhc3M9XCJtbC0yXCJcbiAgPnt7IGxhYmVsIH19XG4gIDxzcGFuICpuZ0lmPVwiaXNMYWJlbFJlcXVpcmVkXCIgY2xhc3M9XCJsaWItZXJyb3ItYXN0ZXJpc2tcIj4qPC9zcGFuPiAgPGlcbiAgKm5nSWY9XCJpc0xhYmVsSWNvbkRhdGEucmVxdWlyZWRcIlxuICBbY2xhc3NdPVwiaXNMYWJlbEljb25EYXRhPy5pY29uQ2xhc3MgKyAnIG1sLTInXCJcbiAgW3BUb29sdGlwXT1cImlzTGFiZWxJY29uRGF0YT8udG9vbHRpcFwiXG4+PC9pXG4+PC9sYWJlbFxuPlxuPHAtZHJvcGRvd25cbiAgW2ZpbHRlcl09XCJmaWx0ZXJSZXN1bHRzXCJcbiAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICBbb3B0aW9uc109XCJvcHRpb25zXCJcbiAgW29wdGlvbkxhYmVsXT1cIm9wdGlvbkxhYmVsXCJcbiAgW29wdGlvblZhbHVlXT1cIm9wdGlvblZhbHVlXCJcbiAgW3Nob3dDbGVhcl09XCJzaG93Q2xlYXJcIlxuICBbcFRvb2x0aXBdPVwidG9vbHRpcFwiXG4gIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCJcbiAgKG9uQ2hhbmdlKT1cInNlbGVjdGlvbkNoYW5nZS5lbWl0KCRldmVudClcIlxuICBbc3R5bGVDbGFzc109XCJzdHlsZUNsYXNzICsgJyBmb3JtLWRyb3Bkb3duJ1wiXG4gIGFwcGVuZFRvPVwiYm9keVwiXG4+XG48L3AtZHJvcGRvd24+XG4iXX0=
|
|
@@ -0,0 +1,70 @@
|
|
|
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
|
+
isLabelIconData = {
|
|
19
|
+
iconClass: '',
|
|
20
|
+
tooltip: '',
|
|
21
|
+
};
|
|
22
|
+
isLabelIconRequired = false;
|
|
23
|
+
isLabelRequired = false;
|
|
24
|
+
tooltipPosition = 'bottom';
|
|
25
|
+
changeValueHandler = new EventEmitter();
|
|
26
|
+
get control() {
|
|
27
|
+
return this.form.get(this.controlName);
|
|
28
|
+
}
|
|
29
|
+
onInput(event) {
|
|
30
|
+
const input = event.target;
|
|
31
|
+
this.changeValueHandler.emit(input.value);
|
|
32
|
+
}
|
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
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" }, outputs: { changeValueHandler: "changeValueHandler" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\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<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'\"\n autocomplete=\"new-password\"\n [style]=\"style\"\n/>\n", styles: ["::ng-deep .lib-input-field{border-radius:30px;margin-top:.2rem}\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"] }] });
|
|
35
|
+
}
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, decorators: [{
|
|
37
|
+
type: Component,
|
|
38
|
+
args: [{ selector: 'atomix-form-input', template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\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<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'\"\n autocomplete=\"new-password\"\n [style]=\"style\"\n/>\n", styles: ["::ng-deep .lib-input-field{border-radius:30px;margin-top:.2rem}\n"] }]
|
|
39
|
+
}], propDecorators: { controlName: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], form: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], label: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], max: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], min: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], placeholder: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], type: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], tooltip: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], class: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], style: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], isLabelIconData: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], isLabelIconRequired: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], isLabelRequired: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], tooltipPosition: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], changeValueHandler: [{
|
|
68
|
+
type: Output
|
|
69
|
+
}] } });
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1mb3JtL2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50L2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTdkUsTUFBTSxPQUFPLHdCQUF3QjtJQUMxQixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxHQUFHLENBQWlCO0lBQ3BCLEdBQUcsQ0FBVTtJQUNiLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsSUFBSSxHQUFHLE1BQU0sQ0FBQztJQUNkLE9BQU8sQ0FBVTtJQUNqQixLQUFLLENBQVU7SUFDZixLQUFLLENBQU07SUFDWCxlQUFlLEdBQWtCO1FBQ3hDLFNBQVMsRUFBRSxFQUFFO1FBQ2IsT0FBTyxFQUFFLEVBQUU7S0FDWixDQUFDO0lBQ08sbUJBQW1CLEdBQVksS0FBSyxDQUFDO0lBQ3JDLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsZUFBZSxHQUF3QyxRQUFRLENBQUM7SUFDL0Qsa0JBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUUxRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQztJQUNELE9BQU8sQ0FBQyxLQUFZO1FBQ2xCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBRS9DLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVDLENBQUM7d0dBM0JVLHdCQUF3Qjs0RkFBeEIsd0JBQXdCLG9jQ1RyQywrcEJBdUJBOzs0RkRkYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQUtwQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUlHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0ksa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBMYWJlbEljb25EYXRhIH0gZnJvbSAnLi4vYXRvbWl4LWZvcm0tY2hpcHMvZm9ybS5jaGlwcy5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtZm9ybS1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXRvbWl4Rm9ybUlucHV0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgY29udHJvbE5hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZvcm0hOiBGb3JtR3JvdXA7XG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIG1heCE6IG51bWJlciB8IG51bGw7XG4gIEBJbnB1dCgpIG1pbiE6IG51bWJlcjtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgdHlwZSA9ICd0ZXh0JztcbiAgQElucHV0KCkgdG9vbHRpcCE6IHN0cmluZztcbiAgQElucHV0KCkgY2xhc3MhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHN0eWxlOiBhbnk7XG4gIEBJbnB1dCgpIGlzTGFiZWxJY29uRGF0YTogTGFiZWxJY29uRGF0YSA9IHtcbiAgICBpY29uQ2xhc3M6ICcnLFxuICAgIHRvb2x0aXA6ICcnLFxuICB9O1xuICBASW5wdXQoKSBpc0xhYmVsSWNvblJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGlzTGFiZWxSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246ICdyaWdodCcgfCAnbGVmdCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG4gIEBPdXRwdXQoKSBjaGFuZ2VWYWx1ZUhhbmRsZXIgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBnZXQgY29udHJvbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxuICBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG5cbiAgICB0aGlzLmNoYW5nZVZhbHVlSGFuZGxlci5lbWl0KGlucHV0LnZhbHVlKTtcbiAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbZm9yXT1cImNvbnRyb2xOYW1lXCIgY2xhc3M9XCJtbC0yXCJcbiAgPnt7IGxhYmVsIH19IDxzcGFuICpuZ0lmPVwiaXNMYWJlbFJlcXVpcmVkXCIgY2xhc3M9XCJlcnJvci1hc3Rlcmlza1wiPio8L3NwYW5cbiAgPjxpXG4gICAgKm5nSWY9XCJpc0xhYmVsSWNvblJlcXVpcmVkXCJcbiAgICBbY2xhc3NdPVwiaXNMYWJlbEljb25EYXRhPy5pY29uQ2xhc3MgKyAnIG1sLTInXCJcbiAgICBbcFRvb2x0aXBdPVwiaXNMYWJlbEljb25EYXRhPy50b29sdGlwXCJcbiAgPjwvaVxuPjwvbGFiZWw+XG48aW5wdXRcbiAgcElucHV0VGV4dFxuICBbaWRdPVwiY29udHJvbE5hbWVcIlxuICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIFttYXhsZW5ndGhdPVwibWF4XCJcbiAgW21pbl09XCJtaW5cIlxuICAoaW5wdXQpPVwib25JbnB1dCgkZXZlbnQpXCJcbiAgW3BUb29sdGlwXT1cInRvb2x0aXBcIlxuICBbdHlwZV09XCJ0eXBlXCJcbiAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxuICBbbmdDbGFzc109XCJjbGFzcyArICcgbGliLWlucHV0LWZpZWxkJ1wiXG4gIGF1dG9jb21wbGV0ZT1cIm5ldy1wYXNzd29yZFwiXG4gIFtzdHlsZV09XCJzdHlsZVwiXG4vPlxuIl19
|
|
@@ -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
|
package/esm2022/lib/lib/atomix-form/atomix-form-radio-button/atomix-radio-button.component.mjs
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
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/radiobutton";
|
|
7
|
+
export class AtomixFormRadioButtonComponent {
|
|
8
|
+
controlName;
|
|
9
|
+
form;
|
|
10
|
+
value = { name: '', key: '' };
|
|
11
|
+
label = '';
|
|
12
|
+
isLabelRequired = false;
|
|
13
|
+
radioGroupOptions;
|
|
14
|
+
labelIconData = {
|
|
15
|
+
iconClass: '',
|
|
16
|
+
tooltip: '',
|
|
17
|
+
required: false,
|
|
18
|
+
};
|
|
19
|
+
radioButtonContainerClass = '';
|
|
20
|
+
get control() {
|
|
21
|
+
return this.form.get(this.controlName);
|
|
22
|
+
}
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormRadioButtonComponent, selector: "atomix-form-radio-group", inputs: { controlName: "controlName", form: "form", value: "value", label: "label", isLabelRequired: "isLabelRequired", radioGroupOptions: "radioGroupOptions", labelIconData: "labelIconData", radioButtonContainerClass: "radioButtonContainerClass" }, ngImport: i0, template: "<div>\n <label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span>\n <i\n *ngIf=\"labelIconData?.required\"\n [class]=\"labelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"labelIconData?.tooltip\"\n ></i\n ></label>\n</div>\n<div style=\"margin-top: 0.2rem\" [class]=\"radioButtonContainerClass\">\n <span\n *ngFor=\"let option of radioGroupOptions; let i = index\"\n [ngClass]=\"{ indented: i > 0 }\"\n >\n <p-radioButton\n [formControl]=\"control\"\n [inputId]=\"controlName\"\n [value]=\"option.key\"\n ></p-radioButton>\n <label [for]=\"controlName\" class=\"ml-2\">{{ option.name }}</label>\n </span>\n</div>\n", styles: [".indented{margin-left:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
25
|
+
}
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormRadioButtonComponent, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ selector: 'atomix-form-radio-group', template: "<div>\n <label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span>\n <i\n *ngIf=\"labelIconData?.required\"\n [class]=\"labelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"labelIconData?.tooltip\"\n ></i\n ></label>\n</div>\n<div style=\"margin-top: 0.2rem\" [class]=\"radioButtonContainerClass\">\n <span\n *ngFor=\"let option of radioGroupOptions; let i = index\"\n [ngClass]=\"{ indented: i > 0 }\"\n >\n <p-radioButton\n [formControl]=\"control\"\n [inputId]=\"controlName\"\n [value]=\"option.key\"\n ></p-radioButton>\n <label [for]=\"controlName\" class=\"ml-2\">{{ option.name }}</label>\n </span>\n</div>\n", styles: [".indented{margin-left:1rem}\n"] }]
|
|
29
|
+
}], propDecorators: { controlName: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], form: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], value: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], label: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], isLabelRequired: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], radioGroupOptions: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], labelIconData: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], radioButtonContainerClass: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}] } });
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtZm9ybS9hdG9taXgtZm9ybS1yYWRpby1idXR0b24vYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtZm9ybS9hdG9taXgtZm9ybS1yYWRpby1idXR0b24vYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU2pELE1BQU0sT0FBTyw4QkFBOEI7SUFDaEMsV0FBVyxDQUFVO0lBQ3JCLElBQUksQ0FBYTtJQUNqQixLQUFLLEdBQWtDLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLENBQUM7SUFDN0QsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNYLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsaUJBQWlCLENBQU87SUFDeEIsYUFBYSxHQUFrQjtRQUN0QyxTQUFTLEVBQUUsRUFBRTtRQUNiLE9BQU8sRUFBRSxFQUFFO1FBQ1gsUUFBUSxFQUFFLEtBQUs7S0FDaEIsQ0FBQztJQUNPLHlCQUF5QixHQUFHLEVBQUUsQ0FBQztJQUN4QyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0FmVSw4QkFBOEI7NEZBQTlCLDhCQUE4Qix5VENUM0MsdXVCQXVCQTs7NEZEZGEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFLMUIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUtHLHlCQUF5QjtzQkFBakMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBMYWJlbEljb25EYXRhIH0gZnJvbSAnLi4vYXRvbWl4LWZvcm0tY2hpcHMvZm9ybS5jaGlwcy5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtZm9ybS1yYWRpby1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhGb3JtUmFkaW9CdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBjb250cm9sTmFtZSE6IHN0cmluZztcbiAgQElucHV0KCkgZm9ybSE6IEZvcm1Hcm91cDtcbiAgQElucHV0KCkgdmFsdWU6IHsgbmFtZTogc3RyaW5nOyBrZXk6IHN0cmluZyB9ID0geyBuYW1lOiAnJywga2V5OiAnJyB9O1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcmFkaW9Hcm91cE9wdGlvbnMhOiBhbnk7XG4gIEBJbnB1dCgpIGxhYmVsSWNvbkRhdGE6IExhYmVsSWNvbkRhdGEgPSB7XG4gICAgaWNvbkNsYXNzOiAnJyxcbiAgICB0b29sdGlwOiAnJyxcbiAgICByZXF1aXJlZDogZmFsc2UsXG4gIH07XG4gIEBJbnB1dCgpIHJhZGlvQnV0dG9uQ29udGFpbmVyQ2xhc3MgPSAnJztcbiAgZ2V0IGNvbnRyb2woKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQodGhpcy5jb250cm9sTmFtZSkgYXMgRm9ybUNvbnRyb2w7XG4gIH1cbn1cbiIsIjxkaXY+XG4gIDxsYWJlbCAqbmdJZj1cImxhYmVsXCIgW2Zvcl09XCJjb250cm9sTmFtZVwiXG4gICAgPnt7IGxhYmVsIH19IDxzcGFuICpuZ0lmPVwiaXNMYWJlbFJlcXVpcmVkXCIgY2xhc3M9XCJlcnJvci1hc3Rlcmlza1wiPio8L3NwYW4+XG4gICAgPGlcbiAgICAgICpuZ0lmPVwibGFiZWxJY29uRGF0YT8ucmVxdWlyZWRcIlxuICAgICAgW2NsYXNzXT1cImxhYmVsSWNvbkRhdGE/Lmljb25DbGFzcyArICcgbWwtMidcIlxuICAgICAgW3BUb29sdGlwXT1cImxhYmVsSWNvbkRhdGE/LnRvb2x0aXBcIlxuICAgID48L2lcbiAgPjwvbGFiZWw+XG48L2Rpdj5cbjxkaXYgc3R5bGU9XCJtYXJnaW4tdG9wOiAwLjJyZW1cIiBbY2xhc3NdPVwicmFkaW9CdXR0b25Db250YWluZXJDbGFzc1wiPlxuICA8c3BhblxuICAgICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgcmFkaW9Hcm91cE9wdGlvbnM7IGxldCBpID0gaW5kZXhcIlxuICAgIFtuZ0NsYXNzXT1cInsgaW5kZW50ZWQ6IGkgPiAwIH1cIlxuICA+XG4gICAgPHAtcmFkaW9CdXR0b25cbiAgICAgIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgICAgIFtpbnB1dElkXT1cImNvbnRyb2xOYW1lXCJcbiAgICAgIFt2YWx1ZV09XCJvcHRpb24ua2V5XCJcbiAgICA+PC9wLXJhZGlvQnV0dG9uPlxuICAgIDxsYWJlbCBbZm9yXT1cImNvbnRyb2xOYW1lXCIgY2xhc3M9XCJtbC0yXCI+e3sgb3B0aW9uLm5hbWUgfX08L2xhYmVsPlxuICA8L3NwYW4+XG48L2Rpdj5cbiJdfQ==
|