// Licensed under the MIT License. See LICENSE in the project root for license information.
import { Component } from '@angular/core';
import { ErrorStateMatcher, ShowOnDirtyErrorStateMatcher } from '@angular/material/core';
import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
import { LfMetadataDatetimeUtils } from '@laserfiche/lf-js-utils';
import { of } from 'rxjs';
import { DateTimeBaseFieldDirective } from '../base-field/datetime-base-field.directives';
import { FieldFormat } from '@laserfiche/lf-ui-components/shared';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/forms";
import * as i3 from "@angular/material/form-field";
import * as i4 from "@angular/material/input";
import * as i5 from "../../lf-token-picker/lf-token-picker.component";
import * as i6 from "../../../../lf-date-time-picker/uni-date-time.component";
import * as i7 from "../dynamic-field/dynamic-field.component";
export class DateTimeFieldComponent extends DateTimeBaseFieldDirective {
    constructor() {
        super(...arguments);
        this.compareDateStrings = LfMetadataDatetimeUtils.compareDateStrings;
    }
    async ngOnInit() {
        super.ngOnInit();
        const defaultDateTime = this.getDateTimePickerDefaultDateValue();
        var defaultDateString = undefined;
        var defaultTimeString = undefined;
        const dateTimeSeparator = 'T';
        const dateTimeElements = defaultDateTime?.split(dateTimeSeparator);
        if (dateTimeElements && dateTimeElements.length == 2) {
            [defaultDateString, defaultTimeString] = dateTimeElements;
        }
        this.uniDateTimeSettings = {
            showLabel: false,
            readOnly: false,
            combinedDateTime: true,
            defaultDate: defaultDateString,
            defaultTimeOfDate: defaultTimeString,
        };
        this.uniDateTimeConfig = {
            storedValueDateFormat: this.internalDateFormat,
            storedValueTimeFormat: this.internalTimeFormat,
            storedValueDateTimeFormat: `{DATE}${dateTimeSeparator}{TIME}`,
            language: this.localizationService.currentLanguage ?? navigator.language,
            locale: this.localizationService.currentLanguage ?? navigator.language,
            setDisplayFormatByLocale: true,
            silent: false, // no internal strings and no custom error messages
            hasLongDateFormat: this.hasLongDateTimeFormat(),
        };
    }
    serializeFieldFormControlValue() {
        return this.getLfFieldFormControlValue();
    }
    deserializeLfFieldValue() {
        return this.lf_field_value ?? '';
    }
    getAdditionalValidatorsForFieldType() {
        return [];
    }
    getValidationTextForFieldType(validationRuleName) {
        if (this.lf_field_form_control.errors &&
            (ValidationRule.DATETIME_PICKER_PARSE in this.lf_field_form_control.errors ||
                ValidationRule.DATEPICKER_PARSE in this.lf_field_form_control.errors)) {
            this.LOCALE_DATE_TIME = of(this.lf_field_form_control.errors[validationRuleName].dateTimeFormat);
            var errorMessage = this.localizationService.getStringLaserficheWithObservableParams('DATE_TIME_FIELDS_MUST_BE_IN_FORMAT_0', [this.LOCALE_DATE_TIME]);
            switch (validationRuleName) {
                case ValidationRule.DATETIME_PICKER_PARSE:
                    return errorMessage;
                case ValidationRule.DATEPICKER_PARSE:
                    return errorMessage;
            }
        }
        return undefined;
    }
    hasLongDateTimeFormat() {
        return this.lf_field_info.format === FieldFormat.LongDateTime;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateTimeFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DateTimeFieldComponent, selector: "lf-date-time-field-component", providers: [
            { provide: DateTimeBaseFieldDirective, useExisting: DateTimeFieldComponent },
            { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
        ], usesInheritance: true, ngImport: i0, template: "<!--Copyright Laserfiche.\nLicensed under the MIT License. See LICENSE in the project root for license information.-->\n\n<span class=\"token-picker-field-box\" *ngIf=\"!isDynamic else dynamic\" [ngClass]=\"{'extra-space': !getBrokenValidationRule()}\">\n  <mat-form-field *ngIf=\"showTokenTextBox\" title=\"{{lf_field_info.displayName}}\" appearance=\"outline\" class=\"lf-field\">\n    <input #tokenTarget matInput [formControl]=\"lf_field_form_control\" title=\"{{lf_field_form_control.value}}\"\n      (change)=\"onDateOrTimeTokenValueChanged()\">\n  </mat-form-field>\n\n  <lf-uni-date-time #tokenTarget class=\"lf-field\" *ngIf=\"!showTokenTextBox\" [config]=\"uniDateTimeConfig\"\n    [settings]=\"uniDateTimeSettings\" (valueChangedEventHandler)=\"onUniDateOrTimeChanged($event)\">\n  </lf-uni-date-time>\n  <lf-token-picker-component class=\"lf-field-token-picker\" (tokenPicked)=\"onTokenChosen($event)\"\n    [data]=\"lfFieldTokenData\"></lf-token-picker-component>\n</span>\n<mat-error *ngIf=\"getBrokenValidationRule()\">{{fieldValidationErrorMsg | async}}</mat-error>\n\n<ng-template #dynamic>\n  <lf-dynamic-field-component ngDefaultControl [options]=\"dynamic_field_value_options\"\n    [formControl]=\"lf_field_form_control\" [title]=\"lf_field_info.displayName\"\n    [fieldValidationErrorMsg]=\"fieldValidationErrorMsg\" [getBrokenValidationRule]=\"getBrokenValidationRule.bind(this)\"\n    (valueChange)=\"onValueChanged()\" [compareWith]=\"compareDateStrings\">\n  </lf-dynamic-field-component>\n</ng-template>\n", styles: [".datetime-button-toggle{background:transparent;border:none;outline:none;color:#0000008a;cursor:pointer;padding:5px 5px 2px;vertical-align:text-bottom}.datetime-button-toggle:hover{color:#000c}::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-previous-button,::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-next-button{color:var(--mat-datepicker-calendar-navigation-button-icon-color)}::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-arrow{fill:var(--mat-datepicker-calendar-navigation-button-icon-color)}.datetime-button-toggle:focus{color:#000c;background-color:#0000001a;border-radius:24px}::ng-deep .mat-datepicker-content{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;border-radius:4px;background-color:#fff}::ng-deep .lf-datetime-picker-overlay .mat-calendar-table-header-divider:after{background:#0000001f}::ng-deep .lf-datetime-picker-overlay .mat-calendar-table-header th{font-weight:400;font-size:11px;color:#0000008a}::ng-deep .lf-datetime-picker-overlay .mat-calendar-body-label{color:#0000008a}::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-body-cell .mat-calendar-body-cell-content{color:#000000de;border-color:transparent}::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-today{border-color:var(--mat-datepicker-calendar-date-today-outline-color)}::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:var(--mat-datepicker-calendar-date-hover-state-background-color)}::ng-deep .mat-datepicker-content .mat-datepicker-close-button{position:relative}::ng-deep .ngx-mat-timepicker .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{height:0px}.extra-space{margin-bottom:1rem}\n", ".lf-field,.lf-textarea{width:100%;min-width:50px}.mat-mdc-input-element{caret-color:#000}.token-picker-field-box{width:100%;display:flex;font-size:14px}.field-box{flex-grow:1;flex-shrink:1;display:inline-block;width:100%}::ng-deep mat-form-field.lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix,::ng-deep mat-form-field.lf-textarea>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix{padding:0;border:none}::ng-deep mat-form-field.lf-field.lf-date-field>.mat-mdc-form-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix{line-height:0}::ng-deep .lf-field .mdc-text-field--outlined:not(.mdc-text-field--focused) .mdc-notched-outline__leading,::ng-deep .lf-field .mdc-text-field--outlined:not(.mdc-text-field--focused) .mdc-notched-outline__notch,::ng-deep .lf-field .mdc-text-field--outlined:not(.mdc-text-field--focused) .mdc-notched-outline__trailing,::ng-deep .lf-textarea .mdc-text-field--outlined:not(.mdc-text-field--focused) .mdc-notched-outline__leading,::ng-deep .lf-textarea .mdc-text-field--outlined:not(.mdc-text-field--focused) .mdc-notched-outline__notch,::ng-deep .lf-textarea .mdc-text-field--outlined:not(.mdc-text-field--focused) .mdc-notched-outline__trailing{border-color:#ccc}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-focus-outline-color: black;&:hover{--mdc-outlined-text-field-outline-width: 2px}}::ng-deep mat-form-field.lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix>.mat-mdc-select>.mat-mdc-select-trigger>.mat-mdc-select-arrow-wrapper>.mat-mdc-select-arrow{color:#0000008a}::ng-deep mat-form-field.lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mdc-notched-outline{height:28px;color:#ccc}::ng-deep mat-form-field.lf-textarea>.mat-mdc-form-field-wrapper>.mat-mdc-form-field-flex>.mdc-notched-outline{color:#ccc}::ng-deep mat-form-field.lf-field>.mat-mdc-form-field-wrapper>.mat-mdc-form-field-flex>.mat-form-field-outline-thick,::ng-deep mat-form-field.lf-textarea>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-form-field-outline-thick{color:#000}::ng-deep mat-form-field.lf-field.ng-invalid>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-form-field-outline-thick,::ng-deep mat-form-field.lf-textarea.ng-invalid>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-form-field-outline-thick{color:red}::ng-deep mat-form-field.lf-field.ng-invalid.ng-pristine>.mat-mdc-form-field-wrapper>.mat-mdc-form-field-flex>.mat-form-field-outline-thick,::ng-deep mat-form-field.lf-textarea.ng-invalid.ng-pristine>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-form-field-outline-thick{color:#000}::ng-deep mat-form-field.lf-field .mat-mdc-form-field-subscript-wrapper,::ng-deep mat-form-field.lf-textarea .mat-mdc-form-field-subscript-wrapper{display:flex;flex-direction:column}::ng-deep lf-field-template-container-component .lf-template-picker>.mat-mdc-form-field-subscript-wrapper{height:0px}::ng-deep mat-form-field.lf-field>.mat-mdc-text-field-wrapper,::ng-deep mat-form-field.lf-textarea>.mat-mdc-text-field-wrapper{padding-bottom:0;padding-left:10px;padding-right:10px}::ng-deep mat-form-field.lf-date-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-icon-suffix{top:-.2em;position:unset}.lf-field-token-picker{flex-grow:0;flex-shrink:0;margin-left:1px;vertical-align:top}.mat-mdc-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}::ng-deep .mdc-floating-label.mat-mdc-floating-label{display:none}::ng-deep .lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex{height:28px}::ng-deep .lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix{height:inherit;min-height:0px}::ng-deep mat-form-field.lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix>.mat-mdc-select,::ng-deep mat-form-field.lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix>.mat-mdc-select>.mat-mdc-select-trigger{height:inherit;font-size:14px}::ng-deep mat-form-field.lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix>.mat-mdc-input-element{height:inherit}::ng-deep .mdc-line-ripple{display:none}::ng-deep mat-form-field>.mat-mdc-form-field-subscript-wrapper>.mat-mdc-form-field-hint-wrapper,::ng-deep mat-form-field>.mat-mdc-form-field-subscript-wrapper>.mat-mdc-form-field-error-wrapper{position:unset;padding:0;min-height:1.25rem}::ng-deep .mat-mdc-form-field-hint-spacer{flex-basis:0!important}::ng-deep mat-hint{color:#0009}::ng-deep .mat-mdc-form-field-hint,::ng-deep .mat-mdc-form-field-error{padding:0 1rem;line-height:1rem;font-size:var(--mat-form-field-subscript-text-size)}::ng-deep mat-form-field>.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align:before{height:unset;display:block}::ng-deep .lf-checklist-item .mat-form-field-invalid .mat-mdc-form-field-subscript-wrapper{padding-top:0!important}::ng-deep .lf-field .mdc-text-field{border-radius:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.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: i5.LfTokenPickerComponent, selector: "lf-token-picker-component", inputs: ["data"], outputs: ["tokenPicked"] }, { kind: "component", type: i6.UniDateTimeComponent, selector: "lf-uni-date-time", inputs: ["config", "settings", "customStrings", "componentId", "abstractControl", "dateControlName", "timeControlName", "dateTimeControlName"], outputs: ["valueChangedEventHandler", "blurEventHandler", "dateIconClickEventHandler", "timeIconClickEventHandler"] }, { kind: "component", type: i7.DynamicFieldComponent, selector: "lf-dynamic-field-component", inputs: ["options", "formControl", "title", "fieldValidationErrorMsg", "getBrokenValidationRule", "compareWith"], outputs: ["valueChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateTimeFieldComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lf-date-time-field-component', providers: [
                        { provide: DateTimeBaseFieldDirective, useExisting: DateTimeFieldComponent },
                        { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
                    ], template: "<!--Copyright Laserfiche.\nLicensed under the MIT License. See LICENSE in the project root for license information.-->\n\n<span class=\"token-picker-field-box\" *ngIf=\"!isDynamic else dynamic\" [ngClass]=\"{'extra-space': !getBrokenValidationRule()}\">\n  <mat-form-field *ngIf=\"showTokenTextBox\" title=\"{{lf_field_info.displayName}}\" appearance=\"outline\" class=\"lf-field\">\n    <input #tokenTarget matInput [formControl]=\"lf_field_form_control\" title=\"{{lf_field_form_control.value}}\"\n      (change)=\"onDateOrTimeTokenValueChanged()\">\n  </mat-form-field>\n\n  <lf-uni-date-time #tokenTarget class=\"lf-field\" *ngIf=\"!showTokenTextBox\" [config]=\"uniDateTimeConfig\"\n    [settings]=\"uniDateTimeSettings\" (valueChangedEventHandler)=\"onUniDateOrTimeChanged($event)\">\n  </lf-uni-date-time>\n  <lf-token-picker-component class=\"lf-field-token-picker\" (tokenPicked)=\"onTokenChosen($event)\"\n    [data]=\"lfFieldTokenData\"></lf-token-picker-component>\n</span>\n<mat-error *ngIf=\"getBrokenValidationRule()\">{{fieldValidationErrorMsg | async}}</mat-error>\n\n<ng-template #dynamic>\n  <lf-dynamic-field-component ngDefaultControl [options]=\"dynamic_field_value_options\"\n    [formControl]=\"lf_field_form_control\" [title]=\"lf_field_info.displayName\"\n    [fieldValidationErrorMsg]=\"fieldValidationErrorMsg\" [getBrokenValidationRule]=\"getBrokenValidationRule.bind(this)\"\n    (valueChange)=\"onValueChanged()\" [compareWith]=\"compareDateStrings\">\n  </lf-dynamic-field-component>\n</ng-template>\n", styles: [".datetime-button-toggle{background:transparent;border:none;outline:none;color:#0000008a;cursor:pointer;padding:5px 5px 2px;vertical-align:text-bottom}.datetime-button-toggle:hover{color:#000c}::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-previous-button,::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-next-button{color:var(--mat-datepicker-calendar-navigation-button-icon-color)}::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-arrow{fill:var(--mat-datepicker-calendar-navigation-button-icon-color)}.datetime-button-toggle:focus{color:#000c;background-color:#0000001a;border-radius:24px}::ng-deep .mat-datepicker-content{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;border-radius:4px;background-color:#fff}::ng-deep .lf-datetime-picker-overlay .mat-calendar-table-header-divider:after{background:#0000001f}::ng-deep .lf-datetime-picker-overlay .mat-calendar-table-header th{font-weight:400;font-size:11px;color:#0000008a}::ng-deep .lf-datetime-picker-overlay .mat-calendar-body-label{color:#0000008a}::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-body-cell .mat-calendar-body-cell-content{color:#000000de;border-color:transparent}::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-today{border-color:var(--mat-datepicker-calendar-date-today-outline-color)}::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:var(--mat-datepicker-calendar-date-hover-state-background-color)}::ng-deep .mat-datepicker-content .mat-datepicker-close-button{position:relative}::ng-deep .ngx-mat-timepicker .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{height:0px}.extra-space{margin-bottom:1rem}\n", ".lf-field,.lf-textarea{width:100%;min-width:50px}.mat-mdc-input-element{caret-color:#000}.token-picker-field-box{width:100%;display:flex;font-size:14px}.field-box{flex-grow:1;flex-shrink:1;display:inline-block;width:100%}::ng-deep mat-form-field.lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix,::ng-deep mat-form-field.lf-textarea>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix{padding:0;border:none}::ng-deep mat-form-field.lf-field.lf-date-field>.mat-mdc-form-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix{line-height:0}::ng-deep .lf-field .mdc-text-field--outlined:not(.mdc-text-field--focused) .mdc-notched-outline__leading,::ng-deep .lf-field .mdc-text-field--outlined:not(.mdc-text-field--focused) .mdc-notched-outline__notch,::ng-deep .lf-field .mdc-text-field--outlined:not(.mdc-text-field--focused) .mdc-notched-outline__trailing,::ng-deep .lf-textarea .mdc-text-field--outlined:not(.mdc-text-field--focused) .mdc-notched-outline__leading,::ng-deep .lf-textarea .mdc-text-field--outlined:not(.mdc-text-field--focused) .mdc-notched-outline__notch,::ng-deep .lf-textarea .mdc-text-field--outlined:not(.mdc-text-field--focused) .mdc-notched-outline__trailing{border-color:#ccc}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-focus-outline-color: black;&:hover{--mdc-outlined-text-field-outline-width: 2px}}::ng-deep mat-form-field.lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix>.mat-mdc-select>.mat-mdc-select-trigger>.mat-mdc-select-arrow-wrapper>.mat-mdc-select-arrow{color:#0000008a}::ng-deep mat-form-field.lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mdc-notched-outline{height:28px;color:#ccc}::ng-deep mat-form-field.lf-textarea>.mat-mdc-form-field-wrapper>.mat-mdc-form-field-flex>.mdc-notched-outline{color:#ccc}::ng-deep mat-form-field.lf-field>.mat-mdc-form-field-wrapper>.mat-mdc-form-field-flex>.mat-form-field-outline-thick,::ng-deep mat-form-field.lf-textarea>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-form-field-outline-thick{color:#000}::ng-deep mat-form-field.lf-field.ng-invalid>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-form-field-outline-thick,::ng-deep mat-form-field.lf-textarea.ng-invalid>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-form-field-outline-thick{color:red}::ng-deep mat-form-field.lf-field.ng-invalid.ng-pristine>.mat-mdc-form-field-wrapper>.mat-mdc-form-field-flex>.mat-form-field-outline-thick,::ng-deep mat-form-field.lf-textarea.ng-invalid.ng-pristine>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-form-field-outline-thick{color:#000}::ng-deep mat-form-field.lf-field .mat-mdc-form-field-subscript-wrapper,::ng-deep mat-form-field.lf-textarea .mat-mdc-form-field-subscript-wrapper{display:flex;flex-direction:column}::ng-deep lf-field-template-container-component .lf-template-picker>.mat-mdc-form-field-subscript-wrapper{height:0px}::ng-deep mat-form-field.lf-field>.mat-mdc-text-field-wrapper,::ng-deep mat-form-field.lf-textarea>.mat-mdc-text-field-wrapper{padding-bottom:0;padding-left:10px;padding-right:10px}::ng-deep mat-form-field.lf-date-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-icon-suffix{top:-.2em;position:unset}.lf-field-token-picker{flex-grow:0;flex-shrink:0;margin-left:1px;vertical-align:top}.mat-mdc-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}::ng-deep .mdc-floating-label.mat-mdc-floating-label{display:none}::ng-deep .lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex{height:28px}::ng-deep .lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix{height:inherit;min-height:0px}::ng-deep mat-form-field.lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix>.mat-mdc-select,::ng-deep mat-form-field.lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix>.mat-mdc-select>.mat-mdc-select-trigger{height:inherit;font-size:14px}::ng-deep mat-form-field.lf-field>.mat-mdc-text-field-wrapper>.mat-mdc-form-field-flex>.mat-mdc-form-field-infix>.mat-mdc-input-element{height:inherit}::ng-deep .mdc-line-ripple{display:none}::ng-deep mat-form-field>.mat-mdc-form-field-subscript-wrapper>.mat-mdc-form-field-hint-wrapper,::ng-deep mat-form-field>.mat-mdc-form-field-subscript-wrapper>.mat-mdc-form-field-error-wrapper{position:unset;padding:0;min-height:1.25rem}::ng-deep .mat-mdc-form-field-hint-spacer{flex-basis:0!important}::ng-deep mat-hint{color:#0009}::ng-deep .mat-mdc-form-field-hint,::ng-deep .mat-mdc-form-field-error{padding:0 1rem;line-height:1rem;font-size:var(--mat-form-field-subscript-text-size)}::ng-deep mat-form-field>.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align:before{height:unset;display:block}::ng-deep .lf-checklist-item .mat-form-field-invalid .mat-mdc-form-field-subscript-wrapper{padding-top:0!important}::ng-deep .lf-field .mdc-text-field{border-radius:0}\n"] }]
        }] });
//# sourceMappingURL=data:application/json;base64, 