// Copyright (c) Laserfiche.
// Licensed under the MIT License. See LICENSE in the project root for license information.
import { Component, Input, Output, EventEmitter } from '@angular/core';
import { FieldType } from '@laserfiche/lf-ui-components/shared';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../date-field/date-field.component";
import * as i3 from "../date-time-field/date-time-field.component";
import * as i4 from "../list-field/list-field.component";
import * as i5 from "../number-field/number-field.component";
import * as i6 from "../text-field/text-field.component";
import * as i7 from "../time-field/time-field.component";
export class LfFieldBaseComponent {
    constructor() {
        this.isImportMode = false;
        this.fieldValueChange = new EventEmitter();
    }
    onChange(event) {
        this.fieldValueChange.emit(event);
    }
    get fieldTypeString() {
        return FieldType.String;
    }
    get fieldTypeDate() {
        return FieldType.Date;
    }
    get fieldTypeDateTime() {
        return FieldType.DateTime;
    }
    get fieldTypeList() {
        return FieldType.List;
    }
    get fieldTypeLongInteger() {
        return FieldType.LongInteger;
    }
    get fieldTypeNumber() {
        return FieldType.Number;
    }
    get fieldTypeShortInteger() {
        return FieldType.ShortInteger;
    }
    get fieldTypeTime() {
        return FieldType.Time;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LfFieldBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LfFieldBaseComponent, selector: "lf-field-base-component", inputs: { lfFieldInfo: "lfFieldInfo", lfFieldFormControl: "lfFieldFormControl", lfFieldValue: "lfFieldValue", parentForm: "parentForm", isImportMode: "isImportMode", dynamicFieldValueOptions: "dynamicFieldValueOptions" }, outputs: { fieldValueChange: "fieldValueChange" }, ngImport: i0, template: "<!--Copyright (c) Laserfiche.\r\nLicensed under the MIT License. See LICENSE in the project root for license information.-->\r\n\r\n<span class=\"field-box\" [ngSwitch]=\"lfFieldInfo?.fieldType\">\r\n    <lf-date-time-field-component *ngSwitchCase=\"fieldTypeDateTime\" [parent_form]=\"parentForm\"\r\n        [lf_field_form_control]=\"lfFieldFormControl\" [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-date-time-field-component>\r\n    <lf-text-field-component *ngSwitchCase=\"fieldTypeString\" [parent_form]=\"parentForm\"\r\n        [lf_field_form_control]=\"lfFieldFormControl\" [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-text-field-component>\r\n    <lf-date-field-component *ngSwitchCase=\"fieldTypeDate\" [parent_form]=\"parentForm\" [lf_field_form_control]=\"lfFieldFormControl\"\r\n        [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-date-field-component>\r\n    <lf-number-field-component *ngSwitchCase=\"fieldTypeShortInteger\" [parent_form]=\"parentForm\"\r\n        [lf_field_form_control]=\"lfFieldFormControl\" [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-number-field-component>\r\n    <lf-number-field-component *ngSwitchCase=\"fieldTypeLongInteger\" [parent_form]=\"parentForm\"\r\n        [lf_field_form_control]=\"lfFieldFormControl\" [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-number-field-component>\r\n    <lf-list-field-component *ngSwitchCase=\"fieldTypeList\" [parent_form]=\"parentForm\" [lf_field_form_control]=\"lfFieldFormControl\"\r\n        [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-list-field-component>\r\n    <lf-number-field-component *ngSwitchCase=\"fieldTypeNumber\" [parent_form]=\"parentForm\"\r\n        [lf_field_form_control]=\"lfFieldFormControl\" [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-number-field-component>\r\n    <lf-time-field-component *ngSwitchCase=\"fieldTypeTime\" [parent_form]=\"parentForm\" [lf_field_form_control]=\"lfFieldFormControl\"\r\n        [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-time-field-component>\r\n</span>\r\n", styles: [".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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.DateFieldComponent, selector: "lf-date-field-component" }, { kind: "component", type: i3.DateTimeFieldComponent, selector: "lf-date-time-field-component" }, { kind: "component", type: i4.ListFieldComponent, selector: "lf-list-field-component" }, { kind: "component", type: i5.NumberFieldComponent, selector: "lf-number-field-component" }, { kind: "component", type: i6.TextFieldComponent, selector: "lf-text-field-component" }, { kind: "component", type: i7.TimeFieldComponent, selector: "lf-time-field-component" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LfFieldBaseComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lf-field-base-component', template: "<!--Copyright (c) Laserfiche.\r\nLicensed under the MIT License. See LICENSE in the project root for license information.-->\r\n\r\n<span class=\"field-box\" [ngSwitch]=\"lfFieldInfo?.fieldType\">\r\n    <lf-date-time-field-component *ngSwitchCase=\"fieldTypeDateTime\" [parent_form]=\"parentForm\"\r\n        [lf_field_form_control]=\"lfFieldFormControl\" [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-date-time-field-component>\r\n    <lf-text-field-component *ngSwitchCase=\"fieldTypeString\" [parent_form]=\"parentForm\"\r\n        [lf_field_form_control]=\"lfFieldFormControl\" [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-text-field-component>\r\n    <lf-date-field-component *ngSwitchCase=\"fieldTypeDate\" [parent_form]=\"parentForm\" [lf_field_form_control]=\"lfFieldFormControl\"\r\n        [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-date-field-component>\r\n    <lf-number-field-component *ngSwitchCase=\"fieldTypeShortInteger\" [parent_form]=\"parentForm\"\r\n        [lf_field_form_control]=\"lfFieldFormControl\" [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-number-field-component>\r\n    <lf-number-field-component *ngSwitchCase=\"fieldTypeLongInteger\" [parent_form]=\"parentForm\"\r\n        [lf_field_form_control]=\"lfFieldFormControl\" [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-number-field-component>\r\n    <lf-list-field-component *ngSwitchCase=\"fieldTypeList\" [parent_form]=\"parentForm\" [lf_field_form_control]=\"lfFieldFormControl\"\r\n        [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-list-field-component>\r\n    <lf-number-field-component *ngSwitchCase=\"fieldTypeNumber\" [parent_form]=\"parentForm\"\r\n        [lf_field_form_control]=\"lfFieldFormControl\" [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-number-field-component>\r\n    <lf-time-field-component *ngSwitchCase=\"fieldTypeTime\" [parent_form]=\"parentForm\" [lf_field_form_control]=\"lfFieldFormControl\"\r\n        [lf_field_info]=\"lfFieldInfo\" [lf_field_value]=\"lfFieldValue\"\r\n        [dynamic_field_value_options]=\"dynamicFieldValueOptions\" (fieldValueChange)=\"onChange($event)\">\r\n    </lf-time-field-component>\r\n</span>\r\n", styles: [".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"] }]
        }], ctorParameters: () => [], propDecorators: { lfFieldInfo: [{
                type: Input
            }], lfFieldFormControl: [{
                type: Input
            }], lfFieldValue: [{
                type: Input
            }], parentForm: [{
                type: Input
            }], isImportMode: [{
                type: Input
            }], dynamicFieldValueOptions: [{
                type: Input
            }], fieldValueChange: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 