@churchillliving/se-ui-toolkit 6.54.528 → 6.54.529
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/components/shared/controls/calendar-control/calendar-control.component.mjs
CHANGED
|
@@ -29,11 +29,11 @@ export class CalendarComponent {
|
|
|
29
29
|
this.onFocusOut.emit(formField);
|
|
30
30
|
}
|
|
31
31
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: CalendarComponent, selector: "calendar-control", inputs: { defaultDate: "defaultDate", calendarFormat: "calendarFormat", formField: "formField" }, outputs: { ngModelChange: "ngModelChange", onClick: "onClick", onFocusOut: "onFocusOut", onShow: "onShow", onInput: "onInput" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span [class]=\"formField.disabled ? 'disabled-calendar-header-span' : ''\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <p-calendar data-title-element=\"input\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty ' + formField.field\n : 'form-control '+ formField.field\n \" [showButtonBar]=\"!formField.timeOnly\" [(ngModel)]=\"formField.value\" [name]=\"formField.field\"\n [minDate]=\"formField.minDate\"\n [maxDate]=\"formField.maxDate\"\n [disabled]=\"formField.disabled\" hourFormat=\"12\" [defaultDate]=\"defaultDate\"\n [stepMinute]=\"formField.minutesInterval ? formField.minutesInterval : 1\" [showTime]=\"formField.showTime\"\n (onShow)=\"setCalendarDate(formField)\" [timeOnly]=\"formField.timeOnly\"\n [view]=\"formField.monthOnly ? 'month' : 'date' \" (click)=\"handleClickEvent(formField)\"\n [dateFormat]=\"formField?.format?.type ? formField.format?.type : calendarFormat\"\n (ngModelChange)=\"calendarChangeValue(formField)\" (onInput)=\"calendarInputValue(formField)\"\n (onClose)=\"onFocusOutEvent(formField)\">\n </p-calendar>\n <!-- [todayButtonStyleClass]=\"column.timeOnly ? 'hide-today-btn' : 'show-today-btn'\" -->\n <span *ngIf=\"!formField?.isValid\" data-title-element=\"self\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\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: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "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"] }] }); }
|
|
32
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: CalendarComponent, selector: "calendar-control", inputs: { defaultDate: "defaultDate", calendarFormat: "calendarFormat", formField: "formField" }, outputs: { ngModelChange: "ngModelChange", onClick: "onClick", onFocusOut: "onFocusOut", onShow: "onShow", onInput: "onInput" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span [class]=\"formField.disabled ? 'disabled-calendar-header-span' : ''\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <p-calendar data-title-element=\"input\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty ' + formField.field\n : 'form-control '+ formField.field\n \" [showButtonBar]=\"!formField.timeOnly\" [(ngModel)]=\"formField.value\" [name]=\"formField.field\"\n [minDate]=\"formField.minDate\"\n [maxDate]=\"formField.maxDate\"\n [disabled]=\"formField.disabled\" hourFormat=\"12\" [defaultDate]=\"defaultDate\"\n [stepMinute]=\"formField.minutesInterval ? formField.minutesInterval : 1\" [showTime]=\"formField.showTime\"\n (onShow)=\"setCalendarDate(formField)\" [timeOnly]=\"formField.timeOnly\"\n [view]=\"formField.monthOnly ? 'month' : 'date' \" (click)=\"handleClickEvent(formField)\"\n [dateFormat]=\"formField?.format?.type ? formField.format?.type : calendarFormat\"\n (ngModelChange)=\"calendarChangeValue(formField)\" (onInput)=\"calendarInputValue(formField)\"\n (onClose)=\"onFocusOutEvent(formField)\" [appendTo]=\"'body'\">\n </p-calendar>\n <!-- [todayButtonStyleClass]=\"column.timeOnly ? 'hide-today-btn' : 'show-today-btn'\" -->\n <span *ngIf=\"!formField?.isValid\" data-title-element=\"self\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\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: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "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"] }] }); }
|
|
33
33
|
}
|
|
34
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
|
-
args: [{ selector: 'calendar-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span [class]=\"formField.disabled ? 'disabled-calendar-header-span' : ''\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <p-calendar data-title-element=\"input\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty ' + formField.field\n : 'form-control '+ formField.field\n \" [showButtonBar]=\"!formField.timeOnly\" [(ngModel)]=\"formField.value\" [name]=\"formField.field\"\n [minDate]=\"formField.minDate\"\n [maxDate]=\"formField.maxDate\"\n [disabled]=\"formField.disabled\" hourFormat=\"12\" [defaultDate]=\"defaultDate\"\n [stepMinute]=\"formField.minutesInterval ? formField.minutesInterval : 1\" [showTime]=\"formField.showTime\"\n (onShow)=\"setCalendarDate(formField)\" [timeOnly]=\"formField.timeOnly\"\n [view]=\"formField.monthOnly ? 'month' : 'date' \" (click)=\"handleClickEvent(formField)\"\n [dateFormat]=\"formField?.format?.type ? formField.format?.type : calendarFormat\"\n (ngModelChange)=\"calendarChangeValue(formField)\" (onInput)=\"calendarInputValue(formField)\"\n (onClose)=\"onFocusOutEvent(formField)\">\n </p-calendar>\n <!-- [todayButtonStyleClass]=\"column.timeOnly ? 'hide-today-btn' : 'show-today-btn'\" -->\n <span *ngIf=\"!formField?.isValid\" data-title-element=\"self\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\n"] }]
|
|
36
|
+
args: [{ selector: 'calendar-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span [class]=\"formField.disabled ? 'disabled-calendar-header-span' : ''\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <p-calendar data-title-element=\"input\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty ' + formField.field\n : 'form-control '+ formField.field\n \" [showButtonBar]=\"!formField.timeOnly\" [(ngModel)]=\"formField.value\" [name]=\"formField.field\"\n [minDate]=\"formField.minDate\"\n [maxDate]=\"formField.maxDate\"\n [disabled]=\"formField.disabled\" hourFormat=\"12\" [defaultDate]=\"defaultDate\"\n [stepMinute]=\"formField.minutesInterval ? formField.minutesInterval : 1\" [showTime]=\"formField.showTime\"\n (onShow)=\"setCalendarDate(formField)\" [timeOnly]=\"formField.timeOnly\"\n [view]=\"formField.monthOnly ? 'month' : 'date' \" (click)=\"handleClickEvent(formField)\"\n [dateFormat]=\"formField?.format?.type ? formField.format?.type : calendarFormat\"\n (ngModelChange)=\"calendarChangeValue(formField)\" (onInput)=\"calendarInputValue(formField)\"\n (onClose)=\"onFocusOutEvent(formField)\" [appendTo]=\"'body'\">\n </p-calendar>\n <!-- [todayButtonStyleClass]=\"column.timeOnly ? 'hide-today-btn' : 'show-today-btn'\" -->\n <span *ngIf=\"!formField?.isValid\" data-title-element=\"self\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\n"] }]
|
|
37
37
|
}], propDecorators: { defaultDate: [{
|
|
38
38
|
type: Input
|
|
39
39
|
}], calendarFormat: [{
|
|
@@ -51,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
|
|
|
51
51
|
}], onInput: [{
|
|
52
52
|
type: Output
|
|
53
53
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXItY29udHJvbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZS11aS10b29sa2l0L3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvY29udHJvbHMvY2FsZW5kYXItY29udHJvbC9jYWxlbmRhci1jb250cm9sLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NlLXVpLXRvb2xraXQvc3JjL2xpYi9jb21wb25lbnRzL3NoYXJlZC9jb250cm9scy9jYWxlbmRhci1jb250cm9sL2NhbGVuZGFyLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPL0UsTUFBTSxPQUFPLGlCQUFpQjtJQUw5QjtRQVNjLGtCQUFhLEdBQTZCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDN0QsWUFBTyxHQUE2QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3ZELGVBQVUsR0FBNkIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMxRCxXQUFNLEdBQTZCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDdEQsWUFBTyxHQUE2QixJQUFJLFlBQVksRUFBRSxDQUFDO0tBcUJwRTtJQWxCRyxRQUFRO0lBQ1IsQ0FBQztJQUVELGtCQUFrQixDQUFDLFNBQVM7UUFDeEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUNELGVBQWUsQ0FBQyxTQUFTO1FBQ3JCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFDRCxnQkFBZ0IsQ0FBQyxTQUFxQjtRQUNsQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBQ0QsbUJBQW1CLENBQUMsU0FBcUI7UUFDckMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUNELGVBQWUsQ0FBQyxTQUFxQjtRQUNqQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNwQyxDQUFDO2lJQTVCUSxpQkFBaUI7cUhBQWpCLGlCQUFpQiwyUkNQOUIsOG5FQWtDTzs7MkZEM0JNLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDSSxrQkFBa0I7OEJBS25CLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBJRm9ybUZpZWxkIH0gZnJvbSBcIi4uLy4uLy4uLy4uL21vZGVscy9mb3JtLm1vZGVsXCI7XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2NhbGVuZGFyLWNvbnRyb2wnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYWxlbmRhci1jb250cm9sLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jYWxlbmRhci1jb250cm9sLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENhbGVuZGFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBkZWZhdWx0RGF0ZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGNhbGVuZGFyRm9ybWF0OiBzdHJpbmc7XG4gICAgQElucHV0KCkgZm9ybUZpZWxkOiBJRm9ybUZpZWxkIHwgYW55O1xuICAgIEBPdXRwdXQoKSBuZ01vZGVsQ2hhbmdlOiBFdmVudEVtaXR0ZXI8SUZvcm1GaWVsZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxJRm9ybUZpZWxkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgb25Gb2N1c091dDogRXZlbnRFbWl0dGVyPElGb3JtRmllbGQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBvblNob3c6IEV2ZW50RW1pdHRlcjxJRm9ybUZpZWxkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgb25JbnB1dDogRXZlbnRFbWl0dGVyPElGb3JtRmllbGQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICB9XG5cbiAgICBjYWxlbmRhcklucHV0VmFsdWUoZm9ybUZpZWxkKSB7XG4gICAgICAgIHRoaXMub25JbnB1dC5lbWl0KGZvcm1GaWVsZCk7XG4gICAgfVxuICAgIHNldENhbGVuZGFyRGF0ZShmb3JtRmllbGQpIHtcbiAgICAgICAgdGhpcy5vblNob3cuZW1pdChmb3JtRmllbGQpO1xuICAgIH1cbiAgICBoYW5kbGVDbGlja0V2ZW50KGZvcm1GaWVsZDogSUZvcm1GaWVsZCkge1xuICAgICAgICB0aGlzLm9uQ2xpY2suZW1pdChmb3JtRmllbGQpO1xuICAgIH1cbiAgICBjYWxlbmRhckNoYW5nZVZhbHVlKGZvcm1GaWVsZDogSUZvcm1GaWVsZCkge1xuICAgICAgICB0aGlzLm5nTW9kZWxDaGFuZ2UuZW1pdChmb3JtRmllbGQpO1xuICAgIH1cbiAgICBvbkZvY3VzT3V0RXZlbnQoZm9ybUZpZWxkOiBJRm9ybUZpZWxkKSB7XG4gICAgICAgIHRoaXMub25Gb2N1c091dC5lbWl0KGZvcm1GaWVsZCk7XG4gICAgfVxufSIsIjxzcGFuICpuZ0lmPVwiIWZvcm1GaWVsZC5oaWRkZW5cIj5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbHVtblwiPlxuICAgICAgICA8c3BhbiBbY2xhc3NdPVwiZm9ybUZpZWxkLmRpc2FibGVkID8gJ2Rpc2FibGVkLWNhbGVuZGFyLWhlYWRlci1zcGFuJyA6ICcnXCI+XG4gICAgICAgICAgICA8bGFiZWwgKm5nSWY9XCIhZm9ybUZpZWxkLmxhYmVsLmxhYmVsQ29udHJvbFwiIFtjbGFzc109XCJmb3JtRmllbGQubGFiZWwub25DbGljayA/ICdjdXN0b20tbGluaycgOiAnJ1wiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImZvcm1GaWVsZC5sYWJlbC5vbkNsaWNrICYmIGZvcm1GaWVsZC5sYWJlbC5vbkNsaWNrKClcIiBkYXRhLXRpdGxlLWVsZW1lbnQ9XCJzZWxmXCI+XG4gICAgICAgICAgICAgICAge3tcbiAgICAgICAgICAgICAgICBmb3JtRmllbGQubGFiZWwubGFiZWxDb250cm9sXG4gICAgICAgICAgICAgICAgPyAnJ1xuICAgICAgICAgICAgICAgIDogZm9ybUZpZWxkLmxhYmVsLm9uQ2xpY2tcbiAgICAgICAgICAgICAgICA/IGZvcm1GaWVsZC5sYWJlbC5uYW1lXG4gICAgICAgICAgICAgICAgOiBmb3JtRmllbGQubGFiZWxcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZm9ybUZpZWxkLnJlcXVpcmVkRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3NdPVwiJ3JlcXVpcmVkLXN0YXIgJyArIChmb3JtRmllbGQ/LmVycm9yTWVzc2FnZSA/ICcgaW52YWxpZCAnIDogJycpXCI+Kjwvc3Bhbj5cbiAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHAtY2FsZW5kYXIgZGF0YS10aXRsZS1lbGVtZW50PVwiaW5wdXRcIiBbY2xhc3NdPVwiXG4gICAgICAgICAgZm9ybUZpZWxkLmVycm9yTWVzc2FnZVxuICAgICAgICAgICAgPyAnbmctaW52YWxpZCBuZy1kaXJ0eSAnICsgZm9ybUZpZWxkLmZpZWxkXG4gICAgICAgICAgICA6ICdmb3JtLWNvbnRyb2wgJysgZm9ybUZpZWxkLmZpZWxkXG4gICAgICAgIFwiIFtzaG93QnV0dG9uQmFyXT1cIiFmb3JtRmllbGQudGltZU9ubHlcIiBbKG5nTW9kZWwpXT1cImZvcm1GaWVsZC52YWx1ZVwiIFtuYW1lXT1cImZvcm1GaWVsZC5maWVsZFwiXG4gICAgICAgICAgICBbbWluRGF0ZV09XCJmb3JtRmllbGQubWluRGF0ZVwiXG4gICAgICAgICAgICBbbWF4RGF0ZV09XCJmb3JtRmllbGQubWF4RGF0ZVwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZm9ybUZpZWxkLmRpc2FibGVkXCIgaG91ckZvcm1hdD1cIjEyXCIgW2RlZmF1bHREYXRlXT1cImRlZmF1bHREYXRlXCJcbiAgICAgICAgICAgIFtzdGVwTWludXRlXT1cImZvcm1GaWVsZC5taW51dGVzSW50ZXJ2YWwgPyBmb3JtRmllbGQubWludXRlc0ludGVydmFsIDogMVwiIFtzaG93VGltZV09XCJmb3JtRmllbGQuc2hvd1RpbWVcIlxuICAgICAgICAgICAgKG9uU2hvdyk9XCJzZXRDYWxlbmRhckRhdGUoZm9ybUZpZWxkKVwiIFt0aW1lT25seV09XCJmb3JtRmllbGQudGltZU9ubHlcIlxuICAgICAgICAgICAgW3ZpZXddPVwiZm9ybUZpZWxkLm1vbnRoT25seSA/ICdtb250aCcgOiAnZGF0ZScgXCIgKGNsaWNrKT1cImhhbmRsZUNsaWNrRXZlbnQoZm9ybUZpZWxkKVwiXG4gICAgICAgICAgICBbZGF0ZUZvcm1hdF09XCJmb3JtRmllbGQ/LmZvcm1hdD8udHlwZSA/IGZvcm1GaWVsZC5mb3JtYXQ/LnR5cGUgOiBjYWxlbmRhckZvcm1hdFwiXG4gICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJjYWxlbmRhckNoYW5nZVZhbHVlKGZvcm1GaWVsZClcIiAob25JbnB1dCk9XCJjYWxlbmRhcklucHV0VmFsdWUoZm9ybUZpZWxkKVwiXG4gICAgICAgICAgICAob25DbG9zZSk9XCJvbkZvY3VzT3V0RXZlbnQoZm9ybUZpZWxkKVwiIFthcHBlbmRUb109XCInYm9keSdcIj5cbiAgICAgICAgPC9wLWNhbGVuZGFyPlxuICAgICAgICA8IS0tIFt0b2RheUJ1dHRvblN0eWxlQ2xhc3NdPVwiY29sdW1uLnRpbWVPbmx5ID8gJ2hpZGUtdG9kYXktYnRuJyA6ICdzaG93LXRvZGF5LWJ0bidcIiAtLT5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhZm9ybUZpZWxkPy5pc1ZhbGlkXCIgZGF0YS10aXRsZS1lbGVtZW50PVwic2VsZlwiIGNsYXNzPVwiZXJyb3JcIj57eyBmb3JtRmllbGQuZXJyb3JNZXNzYWdlIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuPC9zcGFuPiJdfQ==
|
|
@@ -6585,11 +6585,11 @@ class CalendarComponent {
|
|
|
6585
6585
|
this.onFocusOut.emit(formField);
|
|
6586
6586
|
}
|
|
6587
6587
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6588
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: CalendarComponent, selector: "calendar-control", inputs: { defaultDate: "defaultDate", calendarFormat: "calendarFormat", formField: "formField" }, outputs: { ngModelChange: "ngModelChange", onClick: "onClick", onFocusOut: "onFocusOut", onShow: "onShow", onInput: "onInput" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span [class]=\"formField.disabled ? 'disabled-calendar-header-span' : ''\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <p-calendar data-title-element=\"input\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty ' + formField.field\n : 'form-control '+ formField.field\n \" [showButtonBar]=\"!formField.timeOnly\" [(ngModel)]=\"formField.value\" [name]=\"formField.field\"\n [minDate]=\"formField.minDate\"\n [maxDate]=\"formField.maxDate\"\n [disabled]=\"formField.disabled\" hourFormat=\"12\" [defaultDate]=\"defaultDate\"\n [stepMinute]=\"formField.minutesInterval ? formField.minutesInterval : 1\" [showTime]=\"formField.showTime\"\n (onShow)=\"setCalendarDate(formField)\" [timeOnly]=\"formField.timeOnly\"\n [view]=\"formField.monthOnly ? 'month' : 'date' \" (click)=\"handleClickEvent(formField)\"\n [dateFormat]=\"formField?.format?.type ? formField.format?.type : calendarFormat\"\n (ngModelChange)=\"calendarChangeValue(formField)\" (onInput)=\"calendarInputValue(formField)\"\n (onClose)=\"onFocusOutEvent(formField)\">\n </p-calendar>\n <!-- [todayButtonStyleClass]=\"column.timeOnly ? 'hide-today-btn' : 'show-today-btn'\" -->\n <span *ngIf=\"!formField?.isValid\" data-title-element=\"self\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i14.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "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"] }] }); }
|
|
6588
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: CalendarComponent, selector: "calendar-control", inputs: { defaultDate: "defaultDate", calendarFormat: "calendarFormat", formField: "formField" }, outputs: { ngModelChange: "ngModelChange", onClick: "onClick", onFocusOut: "onFocusOut", onShow: "onShow", onInput: "onInput" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span [class]=\"formField.disabled ? 'disabled-calendar-header-span' : ''\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <p-calendar data-title-element=\"input\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty ' + formField.field\n : 'form-control '+ formField.field\n \" [showButtonBar]=\"!formField.timeOnly\" [(ngModel)]=\"formField.value\" [name]=\"formField.field\"\n [minDate]=\"formField.minDate\"\n [maxDate]=\"formField.maxDate\"\n [disabled]=\"formField.disabled\" hourFormat=\"12\" [defaultDate]=\"defaultDate\"\n [stepMinute]=\"formField.minutesInterval ? formField.minutesInterval : 1\" [showTime]=\"formField.showTime\"\n (onShow)=\"setCalendarDate(formField)\" [timeOnly]=\"formField.timeOnly\"\n [view]=\"formField.monthOnly ? 'month' : 'date' \" (click)=\"handleClickEvent(formField)\"\n [dateFormat]=\"formField?.format?.type ? formField.format?.type : calendarFormat\"\n (ngModelChange)=\"calendarChangeValue(formField)\" (onInput)=\"calendarInputValue(formField)\"\n (onClose)=\"onFocusOutEvent(formField)\" [appendTo]=\"'body'\">\n </p-calendar>\n <!-- [todayButtonStyleClass]=\"column.timeOnly ? 'hide-today-btn' : 'show-today-btn'\" -->\n <span *ngIf=\"!formField?.isValid\" data-title-element=\"self\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i14.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "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"] }] }); }
|
|
6589
6589
|
}
|
|
6590
6590
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
6591
6591
|
type: Component,
|
|
6592
|
-
args: [{ selector: 'calendar-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span [class]=\"formField.disabled ? 'disabled-calendar-header-span' : ''\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <p-calendar data-title-element=\"input\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty ' + formField.field\n : 'form-control '+ formField.field\n \" [showButtonBar]=\"!formField.timeOnly\" [(ngModel)]=\"formField.value\" [name]=\"formField.field\"\n [minDate]=\"formField.minDate\"\n [maxDate]=\"formField.maxDate\"\n [disabled]=\"formField.disabled\" hourFormat=\"12\" [defaultDate]=\"defaultDate\"\n [stepMinute]=\"formField.minutesInterval ? formField.minutesInterval : 1\" [showTime]=\"formField.showTime\"\n (onShow)=\"setCalendarDate(formField)\" [timeOnly]=\"formField.timeOnly\"\n [view]=\"formField.monthOnly ? 'month' : 'date' \" (click)=\"handleClickEvent(formField)\"\n [dateFormat]=\"formField?.format?.type ? formField.format?.type : calendarFormat\"\n (ngModelChange)=\"calendarChangeValue(formField)\" (onInput)=\"calendarInputValue(formField)\"\n (onClose)=\"onFocusOutEvent(formField)\">\n </p-calendar>\n <!-- [todayButtonStyleClass]=\"column.timeOnly ? 'hide-today-btn' : 'show-today-btn'\" -->\n <span *ngIf=\"!formField?.isValid\" data-title-element=\"self\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\n"] }]
|
|
6592
|
+
args: [{ selector: 'calendar-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span [class]=\"formField.disabled ? 'disabled-calendar-header-span' : ''\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <p-calendar data-title-element=\"input\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty ' + formField.field\n : 'form-control '+ formField.field\n \" [showButtonBar]=\"!formField.timeOnly\" [(ngModel)]=\"formField.value\" [name]=\"formField.field\"\n [minDate]=\"formField.minDate\"\n [maxDate]=\"formField.maxDate\"\n [disabled]=\"formField.disabled\" hourFormat=\"12\" [defaultDate]=\"defaultDate\"\n [stepMinute]=\"formField.minutesInterval ? formField.minutesInterval : 1\" [showTime]=\"formField.showTime\"\n (onShow)=\"setCalendarDate(formField)\" [timeOnly]=\"formField.timeOnly\"\n [view]=\"formField.monthOnly ? 'month' : 'date' \" (click)=\"handleClickEvent(formField)\"\n [dateFormat]=\"formField?.format?.type ? formField.format?.type : calendarFormat\"\n (ngModelChange)=\"calendarChangeValue(formField)\" (onInput)=\"calendarInputValue(formField)\"\n (onClose)=\"onFocusOutEvent(formField)\" [appendTo]=\"'body'\">\n </p-calendar>\n <!-- [todayButtonStyleClass]=\"column.timeOnly ? 'hide-today-btn' : 'show-today-btn'\" -->\n <span *ngIf=\"!formField?.isValid\" data-title-element=\"self\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\n"] }]
|
|
6593
6593
|
}], propDecorators: { defaultDate: [{
|
|
6594
6594
|
type: Input
|
|
6595
6595
|
}], calendarFormat: [{
|