@netgrif/components/esm2022/lib/data-fields/date-time-field/date-time-default-field/date-time-default-field.component.mjs

Netgrif Application Engine frontend Angular components

import { Component, Inject, Optional } from '@angular/core';
import { AbstractDateTimeDefaultFieldComponent, DATA_FIELD_PORTAL_DATA, DATE_TIME_FORMAT } from '@netgrif/components-core';
import { NGX_MAT_DATE_FORMATS } from "@angular-material-components/datetime-picker";
import { MAT_DATE_LOCALE } from "@angular/material/core";
import * as i0 from "@angular/core";
import * as i1 from "@ngx-translate/core";
import * as i2 from "@angular-material-components/datetime-picker";
import * as i3 from "@netgrif/components-core";
import * as i4 from "@angular/common";
import * as i5 from "@ngbracket/ngx-layout/extended";
import * as i6 from "@angular/material/datepicker";
import * as i7 from "@angular/material/input";
import * as i8 from "@angular/material/form-field";
import * as i9 from "@angular/forms";
export class DateTimeDefaultFieldComponent extends AbstractDateTimeDefaultFieldComponent {
    _locale;
    constructor(_translate, _adapter, _locale, _languageService, dataFieldPortalData) {
        super(_translate, _adapter, _locale, _languageService, dataFieldPortalData);
        this._locale = _locale;
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateTimeDefaultFieldComponent, deps: [{ token: i1.TranslateService }, { token: i2.NgxMatDateAdapter }, { token: MAT_DATE_LOCALE }, { token: i3.LanguageService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DateTimeDefaultFieldComponent, selector: "nc-date-time-default-field", providers: [
            { provide: NGX_MAT_DATE_FORMATS, useValue: DATE_TIME_FORMAT }
        ], usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n    <input matInput\n           [ngxMatDatetimePicker]=\"picker\"\n           [required]=\"dataField.behavior.required\"\n           [placeholder]=\"dataField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [min]=\"dataField.min\"\n           [max]=\"dataField.max\"\n           (click)=\"picker.open()\">\n    <mat-datepicker-toggle matPrefix [for]=\"picker\"></mat-datepicker-toggle>\n    <ngx-mat-datetime-picker #picker\n                             [showSpinners]=\"true\"\n                             [showSeconds]=\"false\"\n                             [stepHour]=\"1\"\n                             [stepMinute]=\"5\"\n                             [color]=\"'primary'\"\n                             [enableMeridian]=\"false\">\n    </ngx-mat-datetime-picker>\n    <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n    <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i8.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i9.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.NgxMatDatetimepicker, selector: "ngx-mat-datetime-picker", exportAs: ["ngxMatDatetimePicker"] }, { kind: "directive", type: i2.NgxMatDatepickerInput, selector: "input[ngxMatDatetimePicker]", inputs: ["ngxMatDatetimePicker", "min", "max", "matDatepickerFilter"], exportAs: ["ngxMatDatepickerInput"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateTimeDefaultFieldComponent, decorators: [{
            type: Component,
            args: [{ selector: 'nc-date-time-default-field', providers: [
                        { provide: NGX_MAT_DATE_FORMATS, useValue: DATE_TIME_FORMAT }
                    ], template: "<mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n    <input matInput\n           [ngxMatDatetimePicker]=\"picker\"\n           [required]=\"dataField.behavior.required\"\n           [placeholder]=\"dataField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [min]=\"dataField.min\"\n           [max]=\"dataField.max\"\n           (click)=\"picker.open()\">\n    <mat-datepicker-toggle matPrefix [for]=\"picker\"></mat-datepicker-toggle>\n    <ngx-mat-datetime-picker #picker\n                             [showSpinners]=\"true\"\n                             [showSeconds]=\"false\"\n                             [stepHour]=\"1\"\n                             [stepMinute]=\"5\"\n                             [color]=\"'primary'\"\n                             [enableMeridian]=\"false\">\n    </ngx-mat-datetime-picker>\n    <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n    <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
        }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.NgxMatDateAdapter }, { type: undefined, decorators: [{
                    type: Inject,
                    args: [MAT_DATE_LOCALE]
                }] }, { type: i3.LanguageService }, { type: undefined, decorators: [{
                    type: Optional
                }, {
                    type: Inject,
                    args: [DATA_FIELD_PORTAL_DATA]
                }] }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS10aW1lLWRlZmF1bHQtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZGF0ZS10aW1lLWZpZWxkL2RhdGUtdGltZS1kZWZhdWx0LWZpZWxkL2RhdGUtdGltZS1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2RhdGUtdGltZS1maWVsZC9kYXRlLXRpbWUtZGVmYXVsdC1maWVsZC9kYXRlLXRpbWUtZGVmYXVsdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUNILHFDQUFxQyxFQUNyQyxzQkFBc0IsRUFHdEIsZ0JBQWdCLEVBRW5CLE1BQU0sMEJBQTBCLENBQUE7QUFFakMsT0FBTyxFQUFDLG9CQUFvQixFQUFvQixNQUFNLDhDQUE4QyxDQUFDO0FBQ3JHLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7Ozs7Ozs7QUFVdkQsTUFBTSxPQUFPLDZCQUE4QixTQUFRLHFDQUFxQztJQUl2QztJQUYvQyxZQUFZLFVBQTRCLEVBQzVCLFFBQWdDLEVBQ0csT0FBZSxFQUNsRCxnQkFBaUMsRUFDVyxtQkFBdUQ7UUFDM0csS0FBSyxDQUFDLFVBQVUsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFIakMsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUk5RCxDQUFDO3dHQVJVLDZCQUE2QixtRkFJcEIsZUFBZSw0Q0FFSCxzQkFBc0I7NEZBTjNDLDZCQUE2QixxREFKM0I7WUFDUCxFQUFDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUM7U0FDOUQsaURDbkJMLHdyQ0FzQkE7OzRGRERhLDZCQUE2QjtrQkFSekMsU0FBUzsrQkFDRSw0QkFBNEIsYUFHekI7d0JBQ1AsRUFBQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixFQUFDO3FCQUM5RDs7MEJBTVUsTUFBTTsyQkFBQyxlQUFlOzswQkFFdEIsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0RGF0ZVRpbWVEZWZhdWx0RmllbGRDb21wb25lbnQsXG4gICAgREFUQV9GSUVMRF9QT1JUQUxfREFUQSxcbiAgICBEYXRhRmllbGRQb3J0YWxEYXRhLFxuICAgIERhdGVUaW1lRmllbGQsXG4gICAgREFURV9USU1FX0ZPUk1BVCxcbiAgICBMYW5ndWFnZVNlcnZpY2Vcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJ1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xuaW1wb3J0IHtOR1hfTUFUX0RBVEVfRk9STUFUUywgTmd4TWF0RGF0ZUFkYXB0ZXJ9IGZyb20gXCJAYW5ndWxhci1tYXRlcmlhbC1jb21wb25lbnRzL2RhdGV0aW1lLXBpY2tlclwiO1xuaW1wb3J0IHtNQVRfREFURV9MT0NBTEV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25jLWRhdGUtdGltZS1kZWZhdWx0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGUtdGltZS1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZS10aW1lLWRlZmF1bHQtZmllbGQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge3Byb3ZpZGU6IE5HWF9NQVRfREFURV9GT1JNQVRTLCB1c2VWYWx1ZTogREFURV9USU1FX0ZPUk1BVH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIERhdGVUaW1lRGVmYXVsdEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3REYXRlVGltZURlZmF1bHRGaWVsZENvbXBvbmVudCB7XG5cbiAgY29uc3RydWN0b3IoX3RyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgICAgICAgX2FkYXB0ZXI6IE5neE1hdERhdGVBZGFwdGVyPGFueT4sXG4gICAgICAgICAgICAgIEBJbmplY3QoTUFUX0RBVEVfTE9DQUxFKSBwcm90ZWN0ZWQgX2xvY2FsZTogc3RyaW5nLFxuICAgICAgICAgICAgICBfbGFuZ3VhZ2VTZXJ2aWNlOiBMYW5ndWFnZVNlcnZpY2UsXG4gICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoREFUQV9GSUVMRF9QT1JUQUxfREFUQSkgZGF0YUZpZWxkUG9ydGFsRGF0YTogRGF0YUZpZWxkUG9ydGFsRGF0YTxEYXRlVGltZUZpZWxkPikge1xuICAgICAgc3VwZXIoX3RyYW5zbGF0ZSwgX2FkYXB0ZXIsIF9sb2NhbGUsIF9sYW5ndWFnZVNlcnZpY2UsIGRhdGFGaWVsZFBvcnRhbERhdGEpO1xuICB9XG5cbn1cbiIsIjxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJkYXRhRmllbGQubWF0ZXJpYWxBcHBlYXJhbmNlXCIgY2xhc3M9XCJmdWxsLXdpZHRoXCIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgPG1hdC1sYWJlbCAqbmdJZj1cIiFzaG93TGFyZ2VMYXlvdXQudmFsdWVcIj57e2RhdGFGaWVsZC50aXRsZX19PC9tYXQtbGFiZWw+XG4gICAgPGlucHV0IG1hdElucHV0XG4gICAgICAgICAgIFtuZ3hNYXREYXRldGltZVBpY2tlcl09XCJwaWNrZXJcIlxuICAgICAgICAgICBbcmVxdWlyZWRdPVwiZGF0YUZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkXCJcbiAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImRhdGFGaWVsZC5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFJlZlwiXG4gICAgICAgICAgIFttaW5dPVwiZGF0YUZpZWxkLm1pblwiXG4gICAgICAgICAgIFttYXhdPVwiZGF0YUZpZWxkLm1heFwiXG4gICAgICAgICAgIChjbGljayk9XCJwaWNrZXIub3BlbigpXCI+XG4gICAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZSBtYXRQcmVmaXggW2Zvcl09XCJwaWNrZXJcIj48L21hdC1kYXRlcGlja2VyLXRvZ2dsZT5cbiAgICA8bmd4LW1hdC1kYXRldGltZS1waWNrZXIgI3BpY2tlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd1NwaW5uZXJzXT1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd1NlY29uZHNdPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3RlcEhvdXJdPVwiMVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzdGVwTWludXRlXT1cIjVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY29sb3JdPVwiJ3ByaW1hcnknXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2VuYWJsZU1lcmlkaWFuXT1cImZhbHNlXCI+XG4gICAgPC9uZ3gtbWF0LWRhdGV0aW1lLXBpY2tlcj5cbiAgICA8bWF0LWhpbnQgW25nQ2xhc3NdPVwieydtYXQtaGludC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiPnt7ZGF0YUZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7Z2V0RXJyb3JNZXNzYWdlKCl9fTwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==