@ng-dynamic-forms/ui-ng-bootstrap
Version:
NG Bootstrap UI package for NG Dynamic Forms
44 lines • 10.7 kB
JavaScript
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from "@angular/core";
import { ReactiveFormsModule } from "@angular/forms";
import { NgbTimepicker, NgbTimepickerModule } from "@ng-bootstrap/ng-bootstrap";
import { DynamicFormControlComponent } from "@ng-dynamic-forms/core";
import { NgClass } from "@angular/common";
import * as i0 from "@angular/core";
import * as i1 from "@ng-dynamic-forms/core";
import * as i2 from "@ng-bootstrap/ng-bootstrap";
import * as i3 from "@angular/forms";
export class DynamicNGBootstrapTimePickerComponent extends DynamicFormControlComponent {
constructor(layoutService, validationService, config) {
super(layoutService, validationService);
this.layoutService = layoutService;
this.validationService = validationService;
this.config = config;
this.blur = new EventEmitter();
this.change = new EventEmitter();
this.focus = new EventEmitter();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: DynamicNGBootstrapTimePickerComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }, { token: i2.NgbTimepickerConfig }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: DynamicNGBootstrapTimePickerComponent, isStandalone: true, selector: "dynamic-ng-bootstrap-timepicker", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", focus: "focus" }, viewQueries: [{ propertyName: "ngbTimePicker", first: true, predicate: NgbTimepicker, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container [formGroup]=\"group\">\n\n <ngb-timepicker [id]=\"id\"\n [formControlName]=\"model.id\"\n [hourStep]=\"model.getAdditional('hourStep', config['hourStep'])\"\n [meridian]=\"model.meridian\"\n [minuteStep]=\"model.getAdditional('minuteStep', config['minuteStep'])\"\n [ngClass]=\"getClass('element', 'control')\"\n [seconds]=\"model.showSeconds\"\n [secondStep]=\"model.getAdditional('secondStep', config['secondStep'])\"\n [size]=\"model.getAdditional('size', config['size'])\"\n [spinners]=\"model.getAdditional('spinners', config['spinners'])\"></ngb-timepicker>\n\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NgbTimepickerModule }, { kind: "component", type: i2.NgbTimepicker, selector: "ngb-timepicker", inputs: ["meridian", "spinners", "seconds", "hourStep", "minuteStep", "secondStep", "readonlyInputs", "size"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: DynamicNGBootstrapTimePickerComponent, decorators: [{
type: Component,
args: [{ selector: "dynamic-ng-bootstrap-timepicker", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ReactiveFormsModule, NgbTimepickerModule, NgClass], template: "<ng-container [formGroup]=\"group\">\n\n <ngb-timepicker [id]=\"id\"\n [formControlName]=\"model.id\"\n [hourStep]=\"model.getAdditional('hourStep', config['hourStep'])\"\n [meridian]=\"model.meridian\"\n [minuteStep]=\"model.getAdditional('minuteStep', config['minuteStep'])\"\n [ngClass]=\"getClass('element', 'control')\"\n [seconds]=\"model.showSeconds\"\n [secondStep]=\"model.getAdditional('secondStep', config['secondStep'])\"\n [size]=\"model.getAdditional('size', config['size'])\"\n [spinners]=\"model.getAdditional('spinners', config['spinners'])\"></ngb-timepicker>\n\n</ng-container>\n" }]
}], ctorParameters: function () { return [{ type: i1.DynamicFormLayoutService }, { type: i1.DynamicFormValidationService }, { type: i2.NgbTimepickerConfig }]; }, propDecorators: { formLayout: [{
type: Input
}], group: [{
type: Input
}], layout: [{
type: Input
}], model: [{
type: Input
}], blur: [{
type: Output
}], change: [{
type: Output
}], focus: [{
type: Output
}], ngbTimePicker: [{
type: ViewChild,
args: [NgbTimepicker, { static: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1uZy1ib290c3RyYXAtdGltZXBpY2tlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1keW5hbWljLWZvcm1zL3VpLW5nLWJvb3RzdHJhcC9zcmMvbGliL3RpbWVwaWNrZXIvZHluYW1pYy1uZy1ib290c3RyYXAtdGltZXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1keW5hbWljLWZvcm1zL3VpLW5nLWJvb3RzdHJhcC9zcmMvbGliL3RpbWVwaWNrZXIvZHluYW1pYy1uZy1ib290c3RyYXAtdGltZXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRyxPQUFPLEVBQW9CLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBdUIsbUJBQW1CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNyRyxPQUFPLEVBQ0gsMkJBQTJCLEVBTTlCLE1BQU0sd0JBQXdCLENBQUM7QUFDaEMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7OztBQVMxQyxNQUFNLE9BQU8scUNBQXNDLFNBQVEsMkJBQTJCO0lBWWxGLFlBQXNCLGFBQXVDLEVBQ3ZDLGlCQUErQyxFQUNsRCxNQUEyQjtRQUMxQyxLQUFLLENBQUMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLENBQUM7UUFIdEIsa0JBQWEsR0FBYixhQUFhLENBQTBCO1FBQ3ZDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBOEI7UUFDbEQsV0FBTSxHQUFOLE1BQU0sQ0FBcUI7UUFScEMsU0FBSSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzdDLFdBQU0sR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMvQyxVQUFLLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7SUFReEQsQ0FBQzs4R0FoQlEscUNBQXFDO2tHQUFyQyxxQ0FBcUMsK1JBVW5DLGFBQWEscUZDOUI1Qixzd0JBY0EsMkNESWMsbUJBQW1CLG1sQkFBRSxtQkFBbUIseU5BQUUsT0FBTzs7MkZBRWxELHFDQUFxQztrQkFQakQsU0FBUzsrQkFDSSxpQ0FBaUMsbUJBRTFCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsbUJBQW1CLEVBQUUsbUJBQW1CLEVBQUUsT0FBTyxDQUFDOzRMQUduRCxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUVJLElBQUk7c0JBQWIsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU07Z0JBQ0csS0FBSztzQkFBZCxNQUFNO2dCQUVtQyxhQUFhO3NCQUF0RCxTQUFTO3VCQUFDLGFBQWEsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUdyb3VwLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBOZ2JUaW1lcGlja2VyLCBOZ2JUaW1lcGlja2VyQ29uZmlnLCBOZ2JUaW1lcGlja2VyTW9kdWxlIH0gZnJvbSBcIkBuZy1ib290c3RyYXAvbmctYm9vdHN0cmFwXCI7XG5pbXBvcnQge1xuICAgIER5bmFtaWNGb3JtQ29udHJvbENvbXBvbmVudCxcbiAgICBEeW5hbWljRm9ybUNvbnRyb2xMYXlvdXQsXG4gICAgRHluYW1pY0Zvcm1MYXlvdXQsXG4gICAgRHluYW1pY0Zvcm1MYXlvdXRTZXJ2aWNlLFxuICAgIER5bmFtaWNGb3JtVmFsaWRhdGlvblNlcnZpY2UsXG4gICAgRHluYW1pY1RpbWVQaWNrZXJNb2RlbFxufSBmcm9tIFwiQG5nLWR5bmFtaWMtZm9ybXMvY29yZVwiO1xuaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwiZHluYW1pYy1uZy1ib290c3RyYXAtdGltZXBpY2tlclwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vZHluYW1pYy1uZy1ib290c3RyYXAtdGltZXBpY2tlci5jb21wb25lbnQuaHRtbFwiLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1JlYWN0aXZlRm9ybXNNb2R1bGUsIE5nYlRpbWVwaWNrZXJNb2R1bGUsIE5nQ2xhc3NdXG59KVxuZXhwb3J0IGNsYXNzIER5bmFtaWNOR0Jvb3RzdHJhcFRpbWVQaWNrZXJDb21wb25lbnQgZXh0ZW5kcyBEeW5hbWljRm9ybUNvbnRyb2xDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGZvcm1MYXlvdXQ/OiBEeW5hbWljRm9ybUxheW91dDtcbiAgICBASW5wdXQoKSBncm91cCE6IFVudHlwZWRGb3JtR3JvdXA7XG4gICAgQElucHV0KCkgbGF5b3V0PzogRHluYW1pY0Zvcm1Db250cm9sTGF5b3V0O1xuICAgIEBJbnB1dCgpIG1vZGVsITogRHluYW1pY1RpbWVQaWNrZXJNb2RlbDtcblxuICAgIEBPdXRwdXQoKSBibHVyOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgY2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgZm9jdXM6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgQFZpZXdDaGlsZChOZ2JUaW1lcGlja2VyLCB7c3RhdGljOiB0cnVlfSkgbmdiVGltZVBpY2tlciE6IE5nYlRpbWVwaWNrZXI7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgbGF5b3V0U2VydmljZTogRHluYW1pY0Zvcm1MYXlvdXRTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCB2YWxpZGF0aW9uU2VydmljZTogRHluYW1pY0Zvcm1WYWxpZGF0aW9uU2VydmljZSxcbiAgICAgICAgICAgICAgICBwdWJsaWMgY29uZmlnOiBOZ2JUaW1lcGlja2VyQ29uZmlnKSB7XG4gICAgICAgIHN1cGVyKGxheW91dFNlcnZpY2UsIHZhbGlkYXRpb25TZXJ2aWNlKTtcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyIFtmb3JtR3JvdXBdPVwiZ3JvdXBcIj5cblxuICAgIDxuZ2ItdGltZXBpY2tlciBbaWRdPVwiaWRcIlxuICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xOYW1lXT1cIm1vZGVsLmlkXCJcbiAgICAgICAgICAgICAgICAgICAgW2hvdXJTdGVwXT1cIm1vZGVsLmdldEFkZGl0aW9uYWwoJ2hvdXJTdGVwJywgY29uZmlnWydob3VyU3RlcCddKVwiXG4gICAgICAgICAgICAgICAgICAgIFttZXJpZGlhbl09XCJtb2RlbC5tZXJpZGlhblwiXG4gICAgICAgICAgICAgICAgICAgIFttaW51dGVTdGVwXT1cIm1vZGVsLmdldEFkZGl0aW9uYWwoJ21pbnV0ZVN0ZXAnLCBjb25maWdbJ21pbnV0ZVN0ZXAnXSlcIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJnZXRDbGFzcygnZWxlbWVudCcsICdjb250cm9sJylcIlxuICAgICAgICAgICAgICAgICAgICBbc2Vjb25kc109XCJtb2RlbC5zaG93U2Vjb25kc1wiXG4gICAgICAgICAgICAgICAgICAgIFtzZWNvbmRTdGVwXT1cIm1vZGVsLmdldEFkZGl0aW9uYWwoJ3NlY29uZFN0ZXAnLCBjb25maWdbJ3NlY29uZFN0ZXAnXSlcIlxuICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCJtb2RlbC5nZXRBZGRpdGlvbmFsKCdzaXplJywgY29uZmlnWydzaXplJ10pXCJcbiAgICAgICAgICAgICAgICAgICAgW3NwaW5uZXJzXT1cIm1vZGVsLmdldEFkZGl0aW9uYWwoJ3NwaW5uZXJzJywgY29uZmlnWydzcGlubmVycyddKVwiPjwvbmdiLXRpbWVwaWNrZXI+XG5cbjwvbmctY29udGFpbmVyPlxuIl19