@tsi-developpement/tsi-shared-ui 1.8.4 → 1.8.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/tsi-components/input-components/tsi-time-picker/tsi-time-picker.component.mjs +11 -9
- package/fesm2022/tsi-developpement-tsi-shared-ui.mjs +10 -8
- package/fesm2022/tsi-developpement-tsi-shared-ui.mjs.map +1 -1
- package/lib/tsi-components/input-components/tsi-time-picker/tsi-time-picker.component.d.ts +2 -1
- package/package.json +1 -1
package/esm2022/lib/tsi-components/input-components/tsi-time-picker/tsi-time-picker.component.mjs
CHANGED
|
@@ -40,31 +40,33 @@ export class TsiTimePickerComponent extends TsiInputBase {
|
|
|
40
40
|
//#endregion
|
|
41
41
|
//#region handle events
|
|
42
42
|
onFocusOut(event) {
|
|
43
|
-
this._handleDateChange(
|
|
43
|
+
this._handleDateChange();
|
|
44
44
|
}
|
|
45
45
|
onSelect(event) {
|
|
46
|
-
this._handleDateChange(
|
|
46
|
+
this._handleDateChange();
|
|
47
|
+
}
|
|
48
|
+
onModelChange(event) {
|
|
49
|
+
this.isDirty = true;
|
|
47
50
|
}
|
|
48
51
|
//#endregion
|
|
49
52
|
//#region private methods
|
|
50
|
-
_updateInputFieldFromStringDate(
|
|
51
|
-
this.timeOnlyString = event;
|
|
53
|
+
_updateInputFieldFromStringDate() {
|
|
52
54
|
let timeOnly = this.timeOnlyString && this.timeOnlyString != ''
|
|
53
55
|
? this._dateHelperService.parseTimeString(this.timeOnlyString) : undefined;
|
|
54
56
|
this.isDirty = this._value != timeOnly;
|
|
55
57
|
this._value = timeOnly;
|
|
56
58
|
}
|
|
57
|
-
_handleDateChange(
|
|
58
|
-
this._updateInputFieldFromStringDate(
|
|
59
|
+
_handleDateChange() {
|
|
60
|
+
this._updateInputFieldFromStringDate();
|
|
59
61
|
this.inputFieldChange.emit(this.inputField);
|
|
60
62
|
}
|
|
61
63
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiTimePickerComponent, deps: [{ token: i1.DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
62
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiTimePickerComponent, selector: "tsi-time-picker", outputs: { inputFieldChange: "inputFieldChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex\">\r\n <p-calendar [dataType]=\"'string'\"\r\n [appendTo]=\"'body'\"\r\n [disabled]=\"disabled\"\r\n [showIcon]=\"true\"\r\n [dateFormat]=\"datePickerFormat\"\r\n class=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n styleClass=\"{{myStyleClass}}\"\r\n inputStyleClass=\"{{myStyleClass}}\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [timeOnly]=\"true\"\r\n [ngModel]=\"timeOnlyString\"\r\n (onBlur)=\"onFocusOut($event)\"\r\n (onSelect)=\"onSelect($event)\">\r\n </p-calendar>\r\n <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [""], dependencies: [{ 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: ["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: "component", type: i4.TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }] }); }
|
|
64
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiTimePickerComponent, selector: "tsi-time-picker", outputs: { inputFieldChange: "inputFieldChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex\">\r\n <p-calendar [dataType]=\"'string'\"\r\n [appendTo]=\"'body'\"\r\n [disabled]=\"disabled\"\r\n [showIcon]=\"true\"\r\n [dateFormat]=\"datePickerFormat\"\r\n class=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n styleClass=\"{{myStyleClass}}\"\r\n inputStyleClass=\"{{myStyleClass}}\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [timeOnly]=\"true\"\r\n [(ngModel)]=\"timeOnlyString\"\r\n (onBlur)=\"onFocusOut($event)\"\r\n (ngModelChange)=\"onModelChange($event)\"\r\n (onSelect)=\"onSelect($event)\">\r\n </p-calendar>\r\n <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [""], dependencies: [{ 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: ["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: "component", type: i4.TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }] }); }
|
|
63
65
|
}
|
|
64
66
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiTimePickerComponent, decorators: [{
|
|
65
67
|
type: Component,
|
|
66
|
-
args: [{ selector: 'tsi-time-picker', template: "<div class=\"flex\">\r\n <p-calendar [dataType]=\"'string'\"\r\n [appendTo]=\"'body'\"\r\n [disabled]=\"disabled\"\r\n [showIcon]=\"true\"\r\n [dateFormat]=\"datePickerFormat\"\r\n class=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n styleClass=\"{{myStyleClass}}\"\r\n inputStyleClass=\"{{myStyleClass}}\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [timeOnly]=\"true\"\r\n [ngModel]=\"timeOnlyString\"\r\n (onBlur)=\"onFocusOut($event)\"\r\n (onSelect)=\"onSelect($event)\">\r\n </p-calendar>\r\n <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>" }]
|
|
68
|
+
args: [{ selector: 'tsi-time-picker', template: "<div class=\"flex\">\r\n <p-calendar [dataType]=\"'string'\"\r\n [appendTo]=\"'body'\"\r\n [disabled]=\"disabled\"\r\n [showIcon]=\"true\"\r\n [dateFormat]=\"datePickerFormat\"\r\n class=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n styleClass=\"{{myStyleClass}}\"\r\n inputStyleClass=\"{{myStyleClass}}\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [timeOnly]=\"true\"\r\n [(ngModel)]=\"timeOnlyString\"\r\n (onBlur)=\"onFocusOut($event)\"\r\n (ngModelChange)=\"onModelChange($event)\"\r\n (onSelect)=\"onSelect($event)\">\r\n </p-calendar>\r\n <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>" }]
|
|
67
69
|
}], ctorParameters: () => [{ type: i1.DateHelperService }], propDecorators: { inputFieldChange: [{
|
|
68
70
|
type: Output
|
|
69
71
|
}] } });
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLXRpbWUtcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9pbnB1dC1jb21wb25lbnRzL3RzaS10aW1lLXBpY2tlci90c2ktdGltZS1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLXRpbWUtcGlja2VyL3RzaS10aW1lLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBaUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUV6RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7O0FBUWxFLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxZQUFrRDtJQU01RixZQUFZO0lBRVosZ0JBQWdCO0lBR2hCLDZFQUE2RTtJQUM3RSw2QkFBNkI7SUFDN0IsSUFBSTtJQUVKLElBQWEsVUFBVSxDQUFDLEtBQTJDO1FBQ2pFLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksS0FBSyxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUMxRSxDQUFDO2FBQ0ksQ0FBQztZQUNKLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxFQUFFLFFBQVEsRUFBRSxDQUFDO1FBQzFDLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFBYSxVQUFVO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBS0QsWUFBWTtJQUVaLGNBQWM7SUFDZDs7T0FFRztJQUNILFlBQW9CLGtCQUFxQztRQUN2RCxLQUFLLEVBQUUsQ0FBQztRQURVLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFqQ3pELHFCQUFnQixHQUFXLG9CQUFvQixDQUFDO1FBdUJoRCxZQUFZO1FBRVosaUJBQWlCO1FBQ1AscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQXdDLENBQUM7SUFVdEYsQ0FBQztJQUVELFlBQVk7SUFFWix1QkFBdUI7SUFDdkIsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBVztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQTtJQUNyQixDQUFDO0lBRUQsWUFBWTtJQUVaLHlCQUF5QjtJQUN6QiwrQkFBK0I7UUFDN0IsSUFBSSxRQUFRLEdBQXlCLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLGNBQWMsSUFBSSxFQUFFO1lBQ25GLENBQUMsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQzdFLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE1BQU0sSUFBSSxRQUFRLENBQUE7UUFDdEMsSUFBSSxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUM7SUFDekIsQ0FBQztJQUVPLGlCQUFpQjtRQUN2QixJQUFJLENBQUMsK0JBQStCLEVBQUUsQ0FBQztRQUN2QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM5QyxDQUFDOytHQXZFVSxzQkFBc0I7bUdBQXRCLHNCQUFzQixpSUNabkMsK3FCQWtCTTs7NEZETk8sc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGlCQUFpQjtzRkFtQ2pCLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERhdGVQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUc2lJbnB1dEJhc2UgfSBmcm9tICcuLi8uLi8uLi90c2ktYmFzZS90c2ktaW5wdXQtYmFzZS90c2ktaW5wdXQtYmFzZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBUaW1lT25seSB9IGZyb20gJy4uLy4uLy4uL3R5cGVzL3RpbWUtb25seSc7XHJcbmltcG9ydCB7IERhdGVQaWNrZXJEYXRlRm9ybWF0IH0gZnJvbSAnLi4vLi4vLi4vY29uc3RzL3RzaS1jb25zdHMnO1xyXG5pbXBvcnQgeyBEYXRlSGVscGVyU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2RhdGUtaGVscGVyLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0c2ktdGltZS1waWNrZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90c2ktdGltZS1waWNrZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RzaS10aW1lLXBpY2tlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUc2lUaW1lUGlja2VyQ29tcG9uZW50IGV4dGVuZHMgVHNpSW5wdXRCYXNlPFRpbWVPbmx5IHwgRGF0ZSB8IHN0cmluZyB8IHVuZGVmaW5lZD4ge1xyXG4gIC8vI3JlZ2lvbiBsb2NhbCBwcm9wZXJ0aWVzXHJcbiAgcHJpdmF0ZSBfdmFsdWU6IFRpbWVPbmx5IHwgRGF0ZSB8IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuXHJcbiAgdGltZU9ubHlTdHJpbmc6IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuICBkYXRlUGlja2VyRm9ybWF0OiBzdHJpbmcgPSBEYXRlUGlja2VyRGF0ZUZvcm1hdDtcclxuICAvLyNlbmRyZWdpb25cclxuXHJcbiAgLy8jcmVnaW9uIGlucHV0c1xyXG5cclxuXHJcbiAgLy8gQElucHV0KCkgb3ZlcnJpZGUgZ2V0IGlucHV0RmllbGQoKTogVGltZU9ubHkgfCBEYXRlIHwgc3RyaW5nIHwgdW5kZWZpbmVkIHtcclxuICAvLyAgIHJldHVybiB0aGlzLl9pbnB1dEZpZWxkO1xyXG4gIC8vIH1cclxuXHJcbiAgb3ZlcnJpZGUgc2V0IGlucHV0RmllbGQodmFsdWU6IFRpbWVPbmx5IHwgRGF0ZSB8IHN0cmluZyB8IHVuZGVmaW5lZCkge1xyXG4gICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcclxuICAgIGlmICh2YWx1ZSBpbnN0YW5jZW9mIChEYXRlKSkge1xyXG4gICAgICB0aGlzLnRpbWVPbmx5U3RyaW5nID0gdGhpcy5fZGF0ZUhlbHBlclNlcnZpY2UuZXh0cmFjdFRpbWVGcm9tRGF0ZSh2YWx1ZSlcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICB0aGlzLnRpbWVPbmx5U3RyaW5nID0gdmFsdWU/LnRvU3RyaW5nKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvdmVycmlkZSBnZXQgaW5wdXRGaWVsZCgpIHtcclxuICAgIHJldHVybiB0aGlzLl92YWx1ZTtcclxuICB9XHJcbiAgLy8jZW5kcmVnaW9uXHJcblxyXG4gIC8vI3JlZ2lvbiBvdXRwdXRzXHJcbiAgQE91dHB1dCgpIGlucHV0RmllbGRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFRpbWVPbmx5IHwgRGF0ZSB8IHVuZGVmaW5lZCB8IHN0cmluZz4oKTtcclxuICAvLyNlbmRyZWdpb25cclxuXHJcbiAgLy8jcmVnaW9uIGN0b3JcclxuICAvKipcclxuICAgKlxyXG4gICAqL1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2RhdGVIZWxwZXJTZXJ2aWNlOiBEYXRlSGVscGVyU2VydmljZSkge1xyXG4gICAgc3VwZXIoKTtcclxuXHJcbiAgfVxyXG5cclxuICAvLyNlbmRyZWdpb25cclxuXHJcbiAgLy8jcmVnaW9uIGhhbmRsZSBldmVudHNcclxuICBvbkZvY3VzT3V0KGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMuX2hhbmRsZURhdGVDaGFuZ2UoKTtcclxuICB9XHJcblxyXG4gIG9uU2VsZWN0KGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMuX2hhbmRsZURhdGVDaGFuZ2UoKTtcclxuICB9XHJcblxyXG4gIG9uTW9kZWxDaGFuZ2UoZXZlbnQgOiBhbnkpe1xyXG4gICAgdGhpcy5pc0RpcnR5ID0gdHJ1ZVxyXG4gIH1cclxuXHJcbiAgLy8jZW5kcmVnaW9uXHJcblxyXG4gIC8vI3JlZ2lvbiBwcml2YXRlIG1ldGhvZHNcclxuICBfdXBkYXRlSW5wdXRGaWVsZEZyb21TdHJpbmdEYXRlKCk6IHZvaWQge1xyXG4gICAgbGV0IHRpbWVPbmx5OiBUaW1lT25seSB8IHVuZGVmaW5lZCA9IHRoaXMudGltZU9ubHlTdHJpbmcgJiYgdGhpcy50aW1lT25seVN0cmluZyAhPSAnJ1xyXG4gICAgICA/IHRoaXMuX2RhdGVIZWxwZXJTZXJ2aWNlLnBhcnNlVGltZVN0cmluZyh0aGlzLnRpbWVPbmx5U3RyaW5nKSA6IHVuZGVmaW5lZDtcclxuICAgIHRoaXMuaXNEaXJ0eSA9IHRoaXMuX3ZhbHVlICE9IHRpbWVPbmx5XHJcbiAgICB0aGlzLl92YWx1ZSA9IHRpbWVPbmx5O1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfaGFuZGxlRGF0ZUNoYW5nZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuX3VwZGF0ZUlucHV0RmllbGRGcm9tU3RyaW5nRGF0ZSgpO1xyXG4gICAgdGhpcy5pbnB1dEZpZWxkQ2hhbmdlLmVtaXQodGhpcy5pbnB1dEZpZWxkKTtcclxuICB9XHJcbiAgLy8jZW5kcmVnaW9uXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZsZXhcIj5cclxuICAgIDxwLWNhbGVuZGFyIFtkYXRhVHlwZV09XCInc3RyaW5nJ1wiXHJcbiAgICBbYXBwZW5kVG9dPVwiJ2JvZHknXCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICBbc2hvd0ljb25dPVwidHJ1ZVwiXHJcbiAgICBbZGF0ZUZvcm1hdF09XCJkYXRlUGlja2VyRm9ybWF0XCJcclxuICAgIGNsYXNzPVwie3tteVN0eWxlQ2xhc3N9fSB7e3ZhbGlkYXRpb25TdGF0dXNDc3NDbGFzc319XCJcclxuICAgIHN0eWxlQ2xhc3M9XCJ7e215U3R5bGVDbGFzc319XCJcclxuICAgIGlucHV0U3R5bGVDbGFzcz1cInt7bXlTdHlsZUNsYXNzfX1cIlxyXG4gICAgW3Nob3dUaW1lXT1cInRydWVcIlxyXG4gICAgW3Nob3dTZWNvbmRzXT1cInRydWVcIlxyXG4gICAgW3RpbWVPbmx5XT1cInRydWVcIlxyXG4gICAgWyhuZ01vZGVsKV09XCJ0aW1lT25seVN0cmluZ1wiXHJcbiAgICAob25CbHVyKT1cIm9uRm9jdXNPdXQoJGV2ZW50KVwiXHJcbiAgICAobmdNb2RlbENoYW5nZSk9XCJvbk1vZGVsQ2hhbmdlKCRldmVudClcIlxyXG4gICAgKG9uU2VsZWN0KT1cIm9uU2VsZWN0KCRldmVudClcIj5cclxuICAgIDwvcC1jYWxlbmRhcj5cclxuICAgIDxUc2ktQnViYmxlLUluZm8gW2luZm9UZXh0XT1cImluZm9UZXh0XCI+PC9Uc2ktQnViYmxlLUluZm8+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -6692,30 +6692,32 @@ class TsiTimePickerComponent extends TsiInputBase {
|
|
|
6692
6692
|
//#endregion
|
|
6693
6693
|
//#region handle events
|
|
6694
6694
|
onFocusOut(event) {
|
|
6695
|
-
this._handleDateChange(
|
|
6695
|
+
this._handleDateChange();
|
|
6696
6696
|
}
|
|
6697
6697
|
onSelect(event) {
|
|
6698
|
-
this._handleDateChange(
|
|
6698
|
+
this._handleDateChange();
|
|
6699
|
+
}
|
|
6700
|
+
onModelChange(event) {
|
|
6701
|
+
this.isDirty = true;
|
|
6699
6702
|
}
|
|
6700
6703
|
//#endregion
|
|
6701
6704
|
//#region private methods
|
|
6702
|
-
_updateInputFieldFromStringDate(
|
|
6703
|
-
this.timeOnlyString = event;
|
|
6705
|
+
_updateInputFieldFromStringDate() {
|
|
6704
6706
|
let timeOnly = this.timeOnlyString && this.timeOnlyString != ''
|
|
6705
6707
|
? this._dateHelperService.parseTimeString(this.timeOnlyString) : undefined;
|
|
6706
6708
|
this.isDirty = this._value != timeOnly;
|
|
6707
6709
|
this._value = timeOnly;
|
|
6708
6710
|
}
|
|
6709
|
-
_handleDateChange(
|
|
6710
|
-
this._updateInputFieldFromStringDate(
|
|
6711
|
+
_handleDateChange() {
|
|
6712
|
+
this._updateInputFieldFromStringDate();
|
|
6711
6713
|
this.inputFieldChange.emit(this.inputField);
|
|
6712
6714
|
}
|
|
6713
6715
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiTimePickerComponent, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6714
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiTimePickerComponent, selector: "tsi-time-picker", outputs: { inputFieldChange: "inputFieldChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex\">\r\n <p-calendar [dataType]=\"'string'\"\r\n [appendTo]=\"'body'\"\r\n [disabled]=\"disabled\"\r\n [showIcon]=\"true\"\r\n [dateFormat]=\"datePickerFormat\"\r\n class=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n styleClass=\"{{myStyleClass}}\"\r\n inputStyleClass=\"{{myStyleClass}}\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [timeOnly]=\"true\"\r\n [ngModel]=\"timeOnlyString\"\r\n (onBlur)=\"onFocusOut($event)\"\r\n (onSelect)=\"onSelect($event)\">\r\n </p-calendar>\r\n <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [""], dependencies: [{ 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: i6$2.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: "component", type: TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }] }); }
|
|
6716
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiTimePickerComponent, selector: "tsi-time-picker", outputs: { inputFieldChange: "inputFieldChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex\">\r\n <p-calendar [dataType]=\"'string'\"\r\n [appendTo]=\"'body'\"\r\n [disabled]=\"disabled\"\r\n [showIcon]=\"true\"\r\n [dateFormat]=\"datePickerFormat\"\r\n class=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n styleClass=\"{{myStyleClass}}\"\r\n inputStyleClass=\"{{myStyleClass}}\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [timeOnly]=\"true\"\r\n [(ngModel)]=\"timeOnlyString\"\r\n (onBlur)=\"onFocusOut($event)\"\r\n (ngModelChange)=\"onModelChange($event)\"\r\n (onSelect)=\"onSelect($event)\">\r\n </p-calendar>\r\n <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [""], dependencies: [{ 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: i6$2.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: "component", type: TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }] }); }
|
|
6715
6717
|
}
|
|
6716
6718
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiTimePickerComponent, decorators: [{
|
|
6717
6719
|
type: Component,
|
|
6718
|
-
args: [{ selector: 'tsi-time-picker', template: "<div class=\"flex\">\r\n <p-calendar [dataType]=\"'string'\"\r\n [appendTo]=\"'body'\"\r\n [disabled]=\"disabled\"\r\n [showIcon]=\"true\"\r\n [dateFormat]=\"datePickerFormat\"\r\n class=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n styleClass=\"{{myStyleClass}}\"\r\n inputStyleClass=\"{{myStyleClass}}\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [timeOnly]=\"true\"\r\n [ngModel]=\"timeOnlyString\"\r\n (onBlur)=\"onFocusOut($event)\"\r\n (onSelect)=\"onSelect($event)\">\r\n </p-calendar>\r\n <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>" }]
|
|
6720
|
+
args: [{ selector: 'tsi-time-picker', template: "<div class=\"flex\">\r\n <p-calendar [dataType]=\"'string'\"\r\n [appendTo]=\"'body'\"\r\n [disabled]=\"disabled\"\r\n [showIcon]=\"true\"\r\n [dateFormat]=\"datePickerFormat\"\r\n class=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n styleClass=\"{{myStyleClass}}\"\r\n inputStyleClass=\"{{myStyleClass}}\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [timeOnly]=\"true\"\r\n [(ngModel)]=\"timeOnlyString\"\r\n (onBlur)=\"onFocusOut($event)\"\r\n (ngModelChange)=\"onModelChange($event)\"\r\n (onSelect)=\"onSelect($event)\">\r\n </p-calendar>\r\n <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>" }]
|
|
6719
6721
|
}], ctorParameters: () => [{ type: DateHelperService }], propDecorators: { inputFieldChange: [{
|
|
6720
6722
|
type: Output
|
|
6721
6723
|
}] } });
|