@ng-dynamic-forms/ui-ng-bootstrap
Version:
NG Bootstrap UI package for NG Dynamic Forms
264 lines (256 loc) • 96.5 kB
JavaScript
import * as i0 from '@angular/core';
import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, ViewChild, ViewContainerRef, ContentChildren, HostBinding, ViewChildren } from '@angular/core';
import * as i2$1 from '@angular/forms';
import { ReactiveFormsModule } from '@angular/forms';
import * as i2 from '@ng-bootstrap/ng-bootstrap';
import { NgbDatepicker, NgbDatepickerModule, NgbButtonsModule, NgbRating, NgbRatingModule, NgbTimepicker, NgbTimepickerModule } from '@ng-bootstrap/ng-bootstrap';
import * as i1 from '@ng-dynamic-forms/core';
import { DynamicFormControlComponent, DynamicFormsCoreModule, DynamicFormControlContainerComponent, DynamicTemplateDirective, DYNAMIC_FORM_CONTROL_TYPE_TIMEPICKER, DYNAMIC_FORM_CONTROL_TYPE_TEXTAREA, DYNAMIC_FORM_CONTROL_TYPE_SWITCH, DYNAMIC_FORM_CONTROL_TYPE_SELECT, DYNAMIC_FORM_CONTROL_TYPE_RATING, DYNAMIC_FORM_CONTROL_TYPE_RADIO_GROUP, DYNAMIC_FORM_CONTROL_TYPE_INPUT, DYNAMIC_FORM_CONTROL_TYPE_GROUP, DYNAMIC_FORM_CONTROL_TYPE_DATEPICKER, DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX_GROUP, DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX, DYNAMIC_FORM_CONTROL_TYPE_ARRAY, DynamicFormArrayComponent, DynamicFormGroupComponent, DynamicFormComponent } from '@ng-dynamic-forms/core';
import { NgClass, NgFor, NgIf, AsyncPipe, NgTemplateOutlet } from '@angular/common';
import { NgxMaskDirective } from 'ngx-mask';
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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.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 }]
}] } });
class DynamicNGBootstrapCheckboxComponent extends DynamicFormControlComponent {
constructor(layoutService, validationService) {
super(layoutService, validationService);
this.layoutService = layoutService;
this.validationService = validationService;
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: DynamicNGBootstrapCheckboxComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: DynamicNGBootstrapCheckboxComponent, isStandalone: true, selector: "dynamic-ng-bootstrap-checkbox", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", focus: "focus" }, usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"group\" class=\"form-check\" [class.disabled]=\"model.disabled\">\n\n <label class=\"form-check-label\">\n\n <input type=\"checkbox\" class=\"form-check-input\"\n [checked]=\"model.checked\"\n [class.is-invalid]=\"showErrorMessages\"\n [formControlName]=\"model.id\"\n [id]=\"id\"\n [indeterminate]=\"model.indeterminate\"\n [name]=\"model.name\"\n [ngClass]=\"getClass('element', 'control')\"\n [required]=\"model.required\"\n [tabindex]=\"model.tabIndex\"\n [value]=\"model.value\"\n (blur)=\"onBlur($event)\"\n (change)=\"onChange($event)\"\n (focus)=\"onFocus($event)\"/><span [innerHTML]=\"model.label\"\n [ngClass]=\"[getClass('element', 'label'), getClass('grid', 'label')]\"></span>\n </label>\n\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: DynamicNGBootstrapCheckboxComponent, decorators: [{
type: Component,
args: [{ selector: "dynamic-ng-bootstrap-checkbox", changeDetection: ChangeDetectionStrategy.Default, standalone: true, imports: [ReactiveFormsModule, NgClass], template: "<div [formGroup]=\"group\" class=\"form-check\" [class.disabled]=\"model.disabled\">\n\n <label class=\"form-check-label\">\n\n <input type=\"checkbox\" class=\"form-check-input\"\n [checked]=\"model.checked\"\n [class.is-invalid]=\"showErrorMessages\"\n [formControlName]=\"model.id\"\n [id]=\"id\"\n [indeterminate]=\"model.indeterminate\"\n [name]=\"model.name\"\n [ngClass]=\"getClass('element', 'control')\"\n [required]=\"model.required\"\n [tabindex]=\"model.tabIndex\"\n [value]=\"model.value\"\n (blur)=\"onBlur($event)\"\n (change)=\"onChange($event)\"\n (focus)=\"onFocus($event)\"/><span [innerHTML]=\"model.label\"\n [ngClass]=\"[getClass('element', 'label'), getClass('grid', 'label')]\"></span>\n </label>\n\n</div>\n" }]
}], ctorParameters: function () { return [{ type: i1.DynamicFormLayoutService }, { type: i1.DynamicFormValidationService }]; }, propDecorators: { formLayout: [{
type: Input
}], group: [{
type: Input
}], layout: [{
type: Input
}], model: [{
type: Input
}], blur: [{
type: Output
}], change: [{
type: Output
}], focus: [{
type: Output
}] } });
class DynamicNGBootstrapCheckboxGroupComponent extends DynamicFormControlComponent {
constructor(layoutService, validationService) {
super(layoutService, validationService);
this.layoutService = layoutService;
this.validationService = validationService;
this.blur = new EventEmitter();
this.change = new EventEmitter();
this.focus = new EventEmitter();
}
getCheckboxId(model) {
return this.layoutService.getElementId(model);
}
onCheckboxChange($event, model) {
this.onChange($event);
model.value = $event.target.checked;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: DynamicNGBootstrapCheckboxGroupComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: DynamicNGBootstrapCheckboxGroupComponent, isStandalone: true, selector: "dynamic-ng-bootstrap-checkbox-group", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", focus: "focus" }, usesInheritance: true, ngImport: i0, template: "<ng-container [formGroup]=\"group\">\n\n <div class=\"btn-group btn-group-toggle\" data-toggle=\"buttons\"\n [formGroupName]=\"model.id\"\n [id]=\"id\"\n [ngClass]=\"getClass('element', 'control')\">\n\n <label *ngFor=\"let checkboxModel of model.group\" ngbButtonLabel\n [hidden]=\"checkboxModel.hidden\"\n [ngClass]=\"getClass('element', 'control', checkboxModel)\">\n\n <input type=\"checkbox\" ngbButton\n [checked]=\"checkboxModel.checked\"\n [formControlName]=\"checkboxModel.id\"\n [id]=\"getCheckboxId(checkboxModel)\"\n [name]=\"checkboxModel.name\"\n [required]=\"checkboxModel.required\"\n [tabindex]=\"checkboxModel.tabIndex\"\n [value]=\"checkboxModel.value\"\n (blur)=\"onBlur($event)\"\n (change)=\"onCheckboxChange($event, checkboxModel)\"\n (focus)=\"onFocus($event)\"/><span [ngClass]=\"getClass('element', 'label', checkboxModel)\"\n [innerHTML]=\"checkboxModel.label\"></span></label>\n </div>\n\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: NgbButtonsModule }, { kind: "directive", type: i2.NgbButtonLabel, selector: "[ngbButtonLabel]" }, { kind: "directive", type: i2.NgbCheckBox, selector: "[ngbButton][type=checkbox]", inputs: ["disabled", "valueChecked", "valueUnChecked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: DynamicNGBootstrapCheckboxGroupComponent, decorators: [{
type: Component,
args: [{ selector: "dynamic-ng-bootstrap-checkbox-group", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ReactiveFormsModule, NgClass, NgFor, NgbButtonsModule], template: "<ng-container [formGroup]=\"group\">\n\n <div class=\"btn-group btn-group-toggle\" data-toggle=\"buttons\"\n [formGroupName]=\"model.id\"\n [id]=\"id\"\n [ngClass]=\"getClass('element', 'control')\">\n\n <label *ngFor=\"let checkboxModel of model.group\" ngbButtonLabel\n [hidden]=\"checkboxModel.hidden\"\n [ngClass]=\"getClass('element', 'control', checkboxModel)\">\n\n <input type=\"checkbox\" ngbButton\n [checked]=\"checkboxModel.checked\"\n [formControlName]=\"checkboxModel.id\"\n [id]=\"getCheckboxId(checkboxModel)\"\n [name]=\"checkboxModel.name\"\n [required]=\"checkboxModel.required\"\n [tabindex]=\"checkboxModel.tabIndex\"\n [value]=\"checkboxModel.value\"\n (blur)=\"onBlur($event)\"\n (change)=\"onCheckboxChange($event, checkboxModel)\"\n (focus)=\"onFocus($event)\"/><span [ngClass]=\"getClass('element', 'label', checkboxModel)\"\n [innerHTML]=\"checkboxModel.label\"></span></label>\n </div>\n\n</ng-container>\n" }]
}], ctorParameters: function () { return [{ type: i1.DynamicFormLayoutService }, { type: i1.DynamicFormValidationService }]; }, propDecorators: { formLayout: [{
type: Input
}], group: [{
type: Input
}], layout: [{
type: Input
}], model: [{
type: Input
}], blur: [{
type: Output
}], change: [{
type: Output
}], focus: [{
type: Output
}] } });
class DynamicNGBootstrapDatePickerComponent 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.customEvent = new EventEmitter();
this.focus = new EventEmitter();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: DynamicNGBootstrapDatePickerComponent, 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: DynamicNGBootstrapDatePickerComponent, isStandalone: true, selector: "dynamic-ng-bootstrap-datepicker", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", customEvent: "customEvent", focus: "focus" }, viewQueries: [{ propertyName: "ngbDatePicker", first: true, predicate: NgbDatepicker, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"group\" class=\"input-group\">\n\n <input ngbDatepicker class=\"form-control\" #datepicker=\"ngbDatepicker\"\n [class.is-invalid]=\"showErrorMessages\"\n [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 [name]=\"model.name\"\n [navigation]=\"model.getAdditional('navigation', config['navigation'])\"\n [ngClass]=\"getClass('element', 'control')\"\n [outsideDays]=\"model.getAdditional('outsideDays', config['outsideDays'])\"\n [placeholder]=\"model.placeholder\"\n [placement]=\"model.getAdditional('placement', 'bottom-left')\"\n [showWeekNumbers]=\"model.getAdditional('showWeekNumbers', config['showWeekNumbers'])\"\n [startDate]=\"model.focusedDate\"\n [weekdays]=\"model.getAdditional('weekdays', config['weekdays'])\"\n (blur)=\"onBlur($event)\"\n (dateSelect)=\"onCustomEvent($event, 'dateSelect')\"\n (closed)=\"onCustomEvent($event, 'closed')\"\n (change)=\"onChange($event)\"\n (focus)=\"onFocus($event)\">\n\n <div class=\"input-group-append\">\n\n <button class=\"btn btn-outline-secondary\" type=\"button\" (click)=\"datepicker.toggle()\">\n\n <img *ngIf=\"model.toggleIcon\" [src]=\"model.toggleIcon\" style=\"cursor: pointer;\"/>\n <span *ngIf=\"model.toggleLabel\">{{ model.toggleLabel }}</span>\n\n </button>\n\n </div>\n\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NgbDatepickerModule }, { kind: "directive", type: i2.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: DynamicNGBootstrapDatePickerComponent, decorators: [{
type: Component,
args: [{ selector: "dynamic-ng-bootstrap-datepicker", changeDetection: ChangeDetectionStrategy.Default, standalone: true, imports: [ReactiveFormsModule, NgbDatepickerModule, NgClass, NgIf], template: "<div [formGroup]=\"group\" class=\"input-group\">\n\n <input ngbDatepicker class=\"form-control\" #datepicker=\"ngbDatepicker\"\n [class.is-invalid]=\"showErrorMessages\"\n [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 [name]=\"model.name\"\n [navigation]=\"model.getAdditional('navigation', config['navigation'])\"\n [ngClass]=\"getClass('element', 'control')\"\n [outsideDays]=\"model.getAdditional('outsideDays', config['outsideDays'])\"\n [placeholder]=\"model.placeholder\"\n [placement]=\"model.getAdditional('placement', 'bottom-left')\"\n [showWeekNumbers]=\"model.getAdditional('showWeekNumbers', config['showWeekNumbers'])\"\n [startDate]=\"model.focusedDate\"\n [weekdays]=\"model.getAdditional('weekdays', config['weekdays'])\"\n (blur)=\"onBlur($event)\"\n (dateSelect)=\"onCustomEvent($event, 'dateSelect')\"\n (closed)=\"onCustomEvent($event, 'closed')\"\n (change)=\"onChange($event)\"\n (focus)=\"onFocus($event)\">\n\n <div class=\"input-group-append\">\n\n <button class=\"btn btn-outline-secondary\" type=\"button\" (click)=\"datepicker.toggle()\">\n\n <img *ngIf=\"model.toggleIcon\" [src]=\"model.toggleIcon\" style=\"cursor: pointer;\"/>\n <span *ngIf=\"model.toggleLabel\">{{ model.toggleLabel }}</span>\n\n </button>\n\n </div>\n\n</div>\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
}], customEvent: [{
type: Output
}], focus: [{
type: Output
}], ngbDatePicker: [{
type: ViewChild,
args: [NgbDatepicker]
}] } });
class DynamicNGBootstrapInputComponent extends DynamicFormControlComponent {
constructor(layoutService, validationService) {
super(layoutService, validationService);
this.layoutService = layoutService;
this.validationService = validationService;
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: DynamicNGBootstrapInputComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: DynamicNGBootstrapInputComponent, isStandalone: true, selector: "dynamic-ng-bootstrap-input", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", focus: "focus" }, usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"group\" [class.input-group]=\"model.prefix || model.suffix\">\n\n <div *ngIf=\"model.prefix\" class=\"input-group-prepend\">\n <span class=\"input-group-text\" [innerHTML]=\"model.prefix\"></span>\n </div>\n\n <input *ngIf=\"model.inputType === 'file'; else maskedInput\" class=\"form-control-file\"\n [attr.accept]=\"model.accept\"\n [attr.max]=\"model.max\"\n [attr.min]=\"model.min\"\n [attr.multiple]=\"model.multiple\"\n [attr.step]=\"model.step\"\n [autocomplete]=\"model.autoComplete\"\n [autofocus]=\"model.autoFocus\"\n [class.is-invalid]=\"showErrorMessages\"\n [dynamicList]=\"model.listId\"\n [formControlName]=\"model.id\"\n [id]=\"id\"\n [maxlength]=\"model.maxLength\"\n [minlength]=\"model.minLength\"\n [name]=\"model.name\"\n [ngClass]=\"getClass('element', 'control')\"\n [pattern]=\"model.pattern\"\n [placeholder]=\"model.placeholder\"\n [readonly]=\"model.readOnly\"\n [required]=\"model.required\"\n [spellcheck]=\"model.spellCheck\"\n [tabindex]=\"model.tabIndex\"\n [type]=\"model.inputType\"\n (blur)=\"onBlur($event)\"\n (change)=\"onChange($event)\"\n (focus)=\"onFocus($event)\"/>\n\n <ng-template #maskedInput>\n <input class=\"form-control\"\n [attr.accept]=\"model.accept\"\n [attr.max]=\"model.max\"\n [attr.min]=\"model.min\"\n [attr.multiple]=\"model.multiple\"\n [attr.step]=\"model.step\"\n [autocomplete]=\"model.autoComplete\"\n [autofocus]=\"model.autoFocus\"\n [class.is-invalid]=\"showErrorMessages\"\n [dynamicList]=\"model.listId\"\n [formControlName]=\"model.id\"\n [id]=\"id\"\n [maxlength]=\"model.maxLength\"\n [minlength]=\"model.minLength\"\n [name]=\"model.name\"\n [ngClass]=\"getClass('element', 'control')\"\n [pattern]=\"model.pattern\"\n [placeholder]=\"model.placeholder\"\n [readonly]=\"model.readOnly\"\n [required]=\"model.required\"\n [spellcheck]=\"model.spellCheck\"\n [tabindex]=\"model.tabIndex\"\n [mask]=\"model.mask\"\n [specialCharacters]=\"model.maskConfig?.specialCharacters\"\n [patterns]=\"model.maskConfig?.patterns\"\n [prefix]=\"model.maskConfig?.prefix\"\n [suffix]=\"model.maskConfig?.suffix\"\n [thousandSeparator]=\"model.maskConfig?.thousandSeparator\"\n [decimalMarker]=\"model.maskConfig?.decimalMarker\"\n [dropSpecialCharacters]=\"model.maskConfig?.dropSpecialCharacters\"\n [hiddenInput]=\"model.maskConfig?.hiddenInput\"\n [showMaskTyped]=\"model.maskConfig?.showMaskTyped\"\n [placeHolderCharacter]=\"model.maskConfig?.placeHolderCharacter\"\n [shownMaskExpression]=\"model.maskConfig?.shownMaskExpression\"\n [showTemplate]=\"model.maskConfig?.showTemplate\"\n [clearIfNotMatch]=\"model.maskConfig.clearIfNotMatch\"\n [validation]=\"model.maskConfig.validation\"\n [separatorLimit]=\"model.maskConfig.separatorLimit\"\n [allowNegativeNumbers]=\"model.maskConfig.allowNegativeNumbers\"\n [leadZeroDateTime]=\"model.maskConfig.leadZeroDateTime\"\n [type]=\"model.inputType\"\n (blur)=\"onBlur($event)\"\n (change)=\"onChange($event)\"\n (focus)=\"onFocus($event)\"/>\n </ng-template>\n\n <div *ngIf=\"model.suffix\" class=\"input-group-append\">\n <span class=\"input-group-text\" [innerHTML]=\"model.suffix\"></span>\n </div>\n\n <datalist *ngIf=\"model.hasList\" [id]=\"model.listId\">\n <option *ngFor=\"let option of model.list$ | async\" [value]=\"option\">\n </datalist>\n\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DynamicFormsCoreModule }, { kind: "directive", type: i1.DynamicListDirective, selector: "[dynamicList]", inputs: ["dynamicList"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: DynamicNGBootstrapInputComponent, decorators: [{
type: Component,
args: [{ selector: "dynamic-ng-bootstrap-input", changeDetection: ChangeDetectionStrategy.Default, standalone: true, imports: [ReactiveFormsModule, NgIf, DynamicFormsCoreModule, NgClass, NgxMaskDirective, NgFor, AsyncPipe], template: "<div [formGroup]=\"group\" [class.input-group]=\"model.prefix || model.suffix\">\n\n <div *ngIf=\"model.prefix\" class=\"input-group-prepend\">\n <span class=\"input-group-text\" [innerHTML]=\"model.prefix\"></span>\n </div>\n\n <input *ngIf=\"model.inputType === 'file'; else maskedInput\" class=\"form-control-file\"\n [attr.accept]=\"model.accept\"\n [attr.max]=\"model.max\"\n [attr.min]=\"model.min\"\n [attr.multiple]=\"model.multiple\"\n [attr.step]=\"model.step\"\n [autocomplete]=\"model.autoComplete\"\n [autofocus]=\"model.autoFocus\"\n [class.is-invalid]=\"showErrorMessages\"\n [dynamicList]=\"model.listId\"\n [formControlName]=\"model.id\"\n [id]=\"id\"\n [maxlength]=\"model.maxLength\"\n [minlength]=\"model.minLength\"\n [name]=\"model.name\"\n [ngClass]=\"getClass('element', 'control')\"\n [pattern]=\"model.pattern\"\n [placeholder]=\"model.placeholder\"\n [readonly]=\"model.readOnly\"\n [required]=\"model.required\"\n [spellcheck]=\"model.spellCheck\"\n [tabindex]=\"model.tabIndex\"\n [type]=\"model.inputType\"\n (blur)=\"onBlur($event)\"\n (change)=\"onChange($event)\"\n (focus)=\"onFocus($event)\"/>\n\n <ng-template #maskedInput>\n <input class=\"form-control\"\n [attr.accept]=\"model.accept\"\n [attr.max]=\"model.max\"\n [attr.min]=\"model.min\"\n [attr.multiple]=\"model.multiple\"\n [attr.step]=\"model.step\"\n [autocomplete]=\"model.autoComplete\"\n [autofocus]=\"model.autoFocus\"\n [class.is-invalid]=\"showErrorMessages\"\n [dynamicList]=\"model.listId\"\n [formControlName]=\"model.id\"\n [id]=\"id\"\n [maxlength]=\"model.maxLength\"\n [minlength]=\"model.minLength\"\n [name]=\"model.name\"\n [ngClass]=\"getClass('element', 'control')\"\n [pattern]=\"model.pattern\"\n [placeholder]=\"model.placeholder\"\n [readonly]=\"model.readOnly\"\n [required]=\"model.required\"\n [spellcheck]=\"model.spellCheck\"\n [tabindex]=\"model.tabIndex\"\n [mask]=\"model.mask\"\n [specialCharacters]=\"model.maskConfig?.specialCharacters\"\n [patterns]=\"model.maskConfig?.patterns\"\n [prefix]=\"model.maskConfig?.prefix\"\n [suffix]=\"model.maskConfig?.suffix\"\n [thousandSeparator]=\"model.maskConfig?.thousandSeparator\"\n [decimalMarker]=\"model.maskConfig?.decimalMarker\"\n [dropSpecialCharacters]=\"model.maskConfig?.dropSpecialCharacters\"\n [hiddenInput]=\"model.maskConfig?.hiddenInput\"\n [showMaskTyped]=\"model.maskConfig?.showMaskTyped\"\n [placeHolderCharacter]=\"model.maskConfig?.placeHolderCharacter\"\n [shownMaskExpression]=\"model.maskConfig?.shownMaskExpression\"\n [showTemplate]=\"model.maskConfig?.showTemplate\"\n [clearIfNotMatch]=\"model.maskConfig.clearIfNotMatch\"\n [validation]=\"model.maskConfig.validation\"\n [separatorLimit]=\"model.maskConfig.separatorLimit\"\n [allowNegativeNumbers]=\"model.maskConfig.allowNegativeNumbers\"\n [leadZeroDateTime]=\"model.maskConfig.leadZeroDateTime\"\n [type]=\"model.inputType\"\n (blur)=\"onBlur($event)\"\n (change)=\"onChange($event)\"\n (focus)=\"onFocus($event)\"/>\n </ng-template>\n\n <div *ngIf=\"model.suffix\" class=\"input-group-append\">\n <span class=\"input-group-text\" [innerHTML]=\"model.suffix\"></span>\n </div>\n\n <datalist *ngIf=\"model.hasList\" [id]=\"model.listId\">\n <option *ngFor=\"let option of model.list$ | async\" [value]=\"option\">\n </datalist>\n\n</div>\n" }]
}], ctorParameters: function () { return [{ type: i1.DynamicFormLayoutService }, { type: i1.DynamicFormValidationService }]; }, propDecorators: { formLayout: [{
type: Input
}], group: [{
type: Input
}], layout: [{
type: Input
}], model: [{
type: Input
}], blur: [{
type: Output
}], change: [{
type: Output
}], focus: [{
type: Output
}] } });
class DynamicNGBootstrapRadioGroupComponent extends DynamicFormControlComponent {
constructor(layoutService, validationService) {
super(layoutService, validationService);
this.layoutService = layoutService;
this.validationService = validationService;
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: DynamicNGBootstrapRadioGroupComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: DynamicNGBootstrapRadioGroupComponent, isStandalone: true, selector: "dynamic-ng-bootstrap-radio-group", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", focus: "focus" }, usesInheritance: true, ngImport: i0, template: "<ng-container [formGroup]=\"group\">\n\n <div ngbRadioGroup class=\"btn-group btn-group-toggle\" role=\"radiogroup\"\n [formControlName]=\"model.id\"\n [id]=\"id\"\n [ngClass]=\"getClass('element', 'control')\"\n [tabindex]=\"model.tabIndex\"\n (change)=\"onChange($event)\">\n\n <legend *ngIf=\"model.legend\" [innerHTML]=\"model.legend\"></legend>\n\n <label *ngFor=\"let option of model.options$ | async\" ngbButtonLabel\n [ngClass]=\"[getClass('element', 'option'), getClass('grid', 'option')]\">\n\n <input type=\"radio\" ngbButton\n [disabled]=\"option.disabled\"\n [name]=\"model.name\"\n [value]=\"option.value\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"/><span [innerHTML]=\"option.label\"></span>\n </label>\n\n </div>\n\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NgbButtonsModule }, { kind: "directive", type: i2.NgbButtonLabel, selector: "[ngbButtonLabel]" }, { kind: "directive", type: i2.NgbRadioGroup, selector: "[ngbRadioGroup]", inputs: ["name"] }, { kind: "directive", type: i2.NgbRadio, selector: "[ngbButton][type=radio]", inputs: ["name", "value", "disabled"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: DynamicNGBootstrapRadioGroupComponent, decorators: [{
type: Component,
args: [{ selector: "dynamic-ng-bootstrap-radio-group", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ReactiveFormsModule, NgbButtonsModule, NgClass, NgIf, NgFor, AsyncPipe], template: "<ng-container [formGroup]=\"group\">\n\n <div ngbRadioGroup class=\"btn-group btn-group-toggle\" role=\"radiogroup\"\n [formControlName]=\"model.id\"\n [id]=\"id\"\n [ngClass]=\"getClass('element', 'control')\"\n [tabindex]=\"model.tabIndex\"\n (change)=\"onChange($event)\">\n\n <legend *ngIf=\"model.legend\" [innerHTML]=\"model.legend\"></legend>\n\n <label *ngFor=\"let option of model.options$ | async\" ngbButtonLabel\n [ngClass]=\"[getClass('element', 'option'), getClass('grid', 'option')]\">\n\n <input type=\"radio\" ngbButton\n [disabled]=\"option.disabled\"\n [name]=\"model.name\"\n [value]=\"option.value\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"/><span [innerHTML]=\"option.label\"></span>\n </label>\n\n </div>\n\n</ng-container>\n" }]
}], ctorParameters: function () { return [{ type: i1.DynamicFormLayoutService }, { type: i1.DynamicFormValidationService }]; }, propDecorators: { formLayout: [{
type: Input
}], group: [{
type: Input
}], layout: [{
type: Input
}], model: [{
type: Input
}], blur: [{
type: Output
}], change: [{
type: Output
}], focus: [{
type: Output
}] } });
class DynamicNGBootstrapRatingComponent 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.customEvent = new EventEmitter();
this.focus = new EventEmitter();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: DynamicNGBootstrapRatingComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }, { token: i2.NgbRatingConfig }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: DynamicNGBootstrapRatingComponent, isStandalone: true, selector: "dynamic-ng-bootstrap-rating", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", customEvent: "customEvent", focus: "focus" }, viewQueries: [{ propertyName: "ngbRating", first: true, predicate: NgbRating, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container [formGroup]=\"group\">\n\n <ngb-rating [formControlName]=\"model.id\"\n [id]=\"id\"\n [max]=\"model.max\"\n [ngClass]=\"getClass('element', 'control')\"\n [resettable]=\"model.getAdditional('resettable', config['resettable'])\"\n (hover)=\"onCustomEvent($event, 'hover')\"\n (leave)=\"onCustomEvent($event, 'leave')\"\n (rateChange)=\"onChange($event)\"></ngb-rating>\n\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NgbRatingModule }, { kind: "component", type: i2.NgbRating, selector: "ngb-rating", inputs: ["max", "rate", "readonly", "resettable", "starTemplate"], outputs: ["hover", "leave", "rateChange"] }, { 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: DynamicNGBootstrapRatingComponent, decorators: [{
type: Component,
args: [{ selector: "dynamic-ng-bootstrap-rating", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ReactiveFormsModule, NgbRatingModule, NgClass], template: "<ng-container [formGroup]=\"group\">\n\n <ngb-rating [formControlName]=\"model.id\"\n [id]=\"id\"\n [max]=\"model.max\"\n [ngClass]=\"getClass('element', 'control')\"\n [resettable]=\"model.getAdditional('resettable', config['resettable'])\"\n (hover)=\"onCustomEvent($event, 'hover')\"\n (leave)=\"onCustomEvent($event, 'leave')\"\n (rateChange)=\"onChange($event)\"></ngb-rating>\n\n</ng-container>\n" }]
}], ctorParameters: function () { return [{ type: i1.DynamicFormLayoutService }, { type: i1.DynamicFormValidationService }, { type: i2.NgbRatingConfig }]; }, propDecorators: { formLayout: [{
type: Input
}], group: [{
type: Input
}], layout: [{
type: Input
}], model: [{
type: Input
}], blur: [{
type: Output
}], change: [{
type: Output
}], customEvent: [{
type: Output
}], focus: [{
type: Output
}], ngbRating: [{
type: ViewChild,
args: [NgbRating, { static: true }]
}] } });
class DynamicNGBootstrapSelectComponent extends DynamicFormControlComponent {
constructor(layoutService, validationService) {
super(layoutService, validationService);
this.layoutService = layoutService;
this.validationService = validationService;
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: DynamicNGBootstrapSelectComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }], target: i0.ɵɵFactoryTarget.Component }); }
stat