@ng-dynamic-forms/ui-ng-bootstrap
Version:
NG Bootstrap UI package for NG Dynamic Forms
44 lines • 11.7 kB
JavaScript
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from "@angular/core";
import { ReactiveFormsModule } from "@angular/forms";
import { NgbDatepicker, NgbDatepickerModule } 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 DynamicNGBootstrapCalendarComponent 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: DynamicNGBootstrapCalendarComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }, { token: i2.NgbDatepickerConfig }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: DynamicNGBootstrapCalendarComponent, isStandalone: true, selector: "dynamic-ng-bootstrap-calendar", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", focus: "focus" }, viewQueries: [{ propertyName: "ngbCalendar", first: true, predicate: NgbDatepicker, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container [formGroup]=\"group\">\n\n <ngb-datepicker [displayMonths]=\"model.getAdditional('displayMonths', config['displayMonths'])\"\n [firstDayOfWeek]=\"model.getAdditional('firstDayOfWeek', config['firstDayOfWeek'])\"\n [formControlName]=\"model.id\"\n [id]=\"id\"\n [maxDate]=\"model.max\"\n [minDate]=\"model.min\"\n [navigation]=\"model.getAdditional('navigation', config['navigation'])\"\n [ngClass]=\"getClass('element', 'control')\"\n [outsideDays]=\"model.getAdditional('outsideDays', config['outsideDays'])\"\n [showWeekNumbers]=\"model.getAdditional('showWeekNumbers', config['showWeekNumbers'])\"\n [weekdays]=\"model.getAdditional('showWeekdays', config['weekdays'])\"\n [startDate]=\"model.focusedDate\"\n (select)=\"onChange($event)\"></ngb-datepicker>\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: NgbDatepickerModule }, { kind: "component", type: i2.NgbDatepicker, selector: "ngb-datepicker", inputs: ["dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "maxDate", "minDate", "navigation", "outsideDays", "showWeekNumbers", "startDate", "weekdays"], outputs: ["navigate", "dateSelect"], exportAs: ["ngbDatepicker"] }, { 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: DynamicNGBootstrapCalendarComponent, decorators: [{
type: Component,
args: [{ selector: "dynamic-ng-bootstrap-calendar", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ReactiveFormsModule, NgbDatepickerModule, NgClass], template: "<ng-container [formGroup]=\"group\">\n\n <ngb-datepicker [displayMonths]=\"model.getAdditional('displayMonths', config['displayMonths'])\"\n [firstDayOfWeek]=\"model.getAdditional('firstDayOfWeek', config['firstDayOfWeek'])\"\n [formControlName]=\"model.id\"\n [id]=\"id\"\n [maxDate]=\"model.max\"\n [minDate]=\"model.min\"\n [navigation]=\"model.getAdditional('navigation', config['navigation'])\"\n [ngClass]=\"getClass('element', 'control')\"\n [outsideDays]=\"model.getAdditional('outsideDays', config['outsideDays'])\"\n [showWeekNumbers]=\"model.getAdditional('showWeekNumbers', config['showWeekNumbers'])\"\n [weekdays]=\"model.getAdditional('showWeekdays', config['weekdays'])\"\n [startDate]=\"model.focusedDate\"\n (select)=\"onChange($event)\"></ngb-datepicker>\n\n</ng-container>\n" }]
}], ctorParameters: function () { return [{ type: i1.DynamicFormLayoutService }, { type: i1.DynamicFormValidationService }, { type: i2.NgbDatepickerConfig }]; }, propDecorators: { formLayout: [{
type: Input
}], group: [{
type: Input
}], layout: [{
type: Input
}], model: [{
type: Input
}], blur: [{
type: Output
}], change: [{
type: Output
}], focus: [{
type: Output
}], ngbCalendar: [{
type: ViewChild,
args: [NgbDatepicker, { static: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1uZy1ib290c3RyYXAtY2FsZW5kYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctZHluYW1pYy1mb3Jtcy91aS1uZy1ib290c3RyYXAvc3JjL2xpYi9jYWxlbmRhci9keW5hbWljLW5nLWJvb3RzdHJhcC1jYWxlbmRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1keW5hbWljLWZvcm1zL3VpLW5nLWJvb3RzdHJhcC9zcmMvbGliL2NhbGVuZGFyL2R5bmFtaWMtbmctYm9vdHN0cmFwLWNhbGVuZGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNHLE9BQU8sRUFBb0IsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUF1QixtQkFBbUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3JHLE9BQU8sRUFFSCwyQkFBMkIsRUFLOUIsTUFBTSx3QkFBd0IsQ0FBQztBQUNoQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7O0FBUzFDLE1BQU0sT0FBTyxtQ0FBb0MsU0FBUSwyQkFBMkI7SUFZaEYsWUFBc0IsYUFBdUMsRUFDdkMsaUJBQStDLEVBQ2xELE1BQTJCO1FBQzFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsQ0FBQztRQUh0QixrQkFBYSxHQUFiLGFBQWEsQ0FBMEI7UUFDdkMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUE4QjtRQUNsRCxXQUFNLEdBQU4sTUFBTSxDQUFxQjtRQVJwQyxTQUFJLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDN0MsV0FBTSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQy9DLFVBQUssR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQVF4RCxDQUFDOzhHQWhCUSxtQ0FBbUM7a0dBQW5DLG1DQUFtQywyUkFVakMsYUFBYSxxRkM5QjVCLG1nQ0FpQkEsMkNEQ2MsbUJBQW1CLG1sQkFBRSxtQkFBbUIsNFhBQUUsT0FBTzs7MkZBRWxELG1DQUFtQztrQkFQL0MsU0FBUzsrQkFDSSwrQkFBK0IsbUJBRXhCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsbUJBQW1CLEVBQUUsbUJBQW1CLEVBQUUsT0FBTyxDQUFDOzRMQUduRCxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUVJLElBQUk7c0JBQWIsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU07Z0JBQ0csS0FBSztzQkFBZCxNQUFNO2dCQUVtQyxXQUFXO3NCQUFwRCxTQUFTO3VCQUFDLGFBQWEsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUdyb3VwLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBOZ2JEYXRlcGlja2VyLCBOZ2JEYXRlcGlja2VyQ29uZmlnLCBOZ2JEYXRlcGlja2VyTW9kdWxlIH0gZnJvbSBcIkBuZy1ib290c3RyYXAvbmctYm9vdHN0cmFwXCI7XG5pbXBvcnQge1xuICAgIER5bmFtaWNEYXRlUGlja2VyTW9kZWwsXG4gICAgRHluYW1pY0Zvcm1Db250cm9sQ29tcG9uZW50LFxuICAgIER5bmFtaWNGb3JtQ29udHJvbExheW91dCxcbiAgICBEeW5hbWljRm9ybUxheW91dCxcbiAgICBEeW5hbWljRm9ybUxheW91dFNlcnZpY2UsXG4gICAgRHluYW1pY0Zvcm1WYWxpZGF0aW9uU2VydmljZVxufSBmcm9tIFwiQG5nLWR5bmFtaWMtZm9ybXMvY29yZVwiO1xuaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwiZHluYW1pYy1uZy1ib290c3RyYXAtY2FsZW5kYXJcIixcbiAgICB0ZW1wbGF0ZVVybDogXCIuL2R5bmFtaWMtbmctYm9vdHN0cmFwLWNhbGVuZGFyLmNvbXBvbmVudC5odG1sXCIsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbUmVhY3RpdmVGb3Jtc01vZHVsZSwgTmdiRGF0ZXBpY2tlck1vZHVsZSwgTmdDbGFzc11cbn0pXG5leHBvcnQgY2xhc3MgRHluYW1pY05HQm9vdHN0cmFwQ2FsZW5kYXJDb21wb25lbnQgZXh0ZW5kcyBEeW5hbWljRm9ybUNvbnRyb2xDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGZvcm1MYXlvdXQ/OiBEeW5hbWljRm9ybUxheW91dDtcbiAgICBASW5wdXQoKSBncm91cCE6IFVudHlwZWRGb3JtR3JvdXA7XG4gICAgQElucHV0KCkgbGF5b3V0PzogRHluYW1pY0Zvcm1Db250cm9sTGF5b3V0O1xuICAgIEBJbnB1dCgpIG1vZGVsITogRHluYW1pY0RhdGVQaWNrZXJNb2RlbDtcblxuICAgIEBPdXRwdXQoKSBibHVyOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgY2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgZm9jdXM6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgQFZpZXdDaGlsZChOZ2JEYXRlcGlja2VyLCB7c3RhdGljOiB0cnVlfSkgbmdiQ2FsZW5kYXIhOiBOZ2JEYXRlcGlja2VyO1xuXG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIGxheW91dFNlcnZpY2U6IER5bmFtaWNGb3JtTGF5b3V0U2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgdmFsaWRhdGlvblNlcnZpY2U6IER5bmFtaWNGb3JtVmFsaWRhdGlvblNlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHVibGljIGNvbmZpZzogTmdiRGF0ZXBpY2tlckNvbmZpZykge1xuICAgICAgICBzdXBlcihsYXlvdXRTZXJ2aWNlLCB2YWxpZGF0aW9uU2VydmljZSk7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciBbZm9ybUdyb3VwXT1cImdyb3VwXCI+XG5cbiAgICA8bmdiLWRhdGVwaWNrZXIgW2Rpc3BsYXlNb250aHNdPVwibW9kZWwuZ2V0QWRkaXRpb25hbCgnZGlzcGxheU1vbnRocycsIGNvbmZpZ1snZGlzcGxheU1vbnRocyddKVwiXG4gICAgICAgICAgICAgICAgICAgIFtmaXJzdERheU9mV2Vla109XCJtb2RlbC5nZXRBZGRpdGlvbmFsKCdmaXJzdERheU9mV2VlaycsIGNvbmZpZ1snZmlyc3REYXlPZldlZWsnXSlcIlxuICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xOYW1lXT1cIm1vZGVsLmlkXCJcbiAgICAgICAgICAgICAgICAgICAgW2lkXT1cImlkXCJcbiAgICAgICAgICAgICAgICAgICAgW21heERhdGVdPVwibW9kZWwubWF4XCJcbiAgICAgICAgICAgICAgICAgICAgW21pbkRhdGVdPVwibW9kZWwubWluXCJcbiAgICAgICAgICAgICAgICAgICAgW25hdmlnYXRpb25dPVwibW9kZWwuZ2V0QWRkaXRpb25hbCgnbmF2aWdhdGlvbicsIGNvbmZpZ1snbmF2aWdhdGlvbiddKVwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImdldENsYXNzKCdlbGVtZW50JywgJ2NvbnRyb2wnKVwiXG4gICAgICAgICAgICAgICAgICAgIFtvdXRzaWRlRGF5c109XCJtb2RlbC5nZXRBZGRpdGlvbmFsKCdvdXRzaWRlRGF5cycsIGNvbmZpZ1snb3V0c2lkZURheXMnXSlcIlxuICAgICAgICAgICAgICAgICAgICBbc2hvd1dlZWtOdW1iZXJzXT1cIm1vZGVsLmdldEFkZGl0aW9uYWwoJ3Nob3dXZWVrTnVtYmVycycsIGNvbmZpZ1snc2hvd1dlZWtOdW1iZXJzJ10pXCJcbiAgICAgICAgICAgICAgICAgICAgW3dlZWtkYXlzXT1cIm1vZGVsLmdldEFkZGl0aW9uYWwoJ3Nob3dXZWVrZGF5cycsIGNvbmZpZ1snd2Vla2RheXMnXSlcIlxuICAgICAgICAgICAgICAgICAgICBbc3RhcnREYXRlXT1cIm1vZGVsLmZvY3VzZWREYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgKHNlbGVjdCk9XCJvbkNoYW5nZSgkZXZlbnQpXCI+PC9uZ2ItZGF0ZXBpY2tlcj5cblxuPC9uZy1jb250YWluZXI+XG4iXX0=