@netgrif/components
Version:
Netgrif Application Engine frontend Angular components
29 lines • 7.95 kB
JavaScript
import { Component, Inject, Optional } from '@angular/core';
import { AbstractRichTextareaFieldComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
import * as i0 from "@angular/core";
import * as i1 from "@ngx-translate/core";
import * as i2 from "@angular/common";
import * as i3 from "@ngbracket/ngx-layout/extended";
import * as i4 from "@angular/material/form-field";
import * as i5 from "@angular/forms";
import * as i6 from "@covalent/markdown";
import * as i7 from "./easymde-wrapper/easymde-wrapper.component";
export class RichTextareaFieldComponent extends AbstractRichTextareaFieldComponent {
_translate;
constructor(_translate, dataFieldPortalData) {
super(_translate, dataFieldPortalData);
this._translate = _translate;
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RichTextareaFieldComponent, deps: [{ token: i1.TranslateService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RichTextareaFieldComponent, selector: "nc-rich-textarea-field", usesInheritance: true, ngImport: i0, template: "<div class=\"height-100\" [ngClass]=\"{'padding-bottom-custom': !formControlRef.disabled}\">\n <nc-easymde-wrapper *ngIf=\"!formControlRef.disabled\" [formControlRef]=\"formControlRef\" [textAreaField]=\"dataField\"></nc-easymde-wrapper>\n <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n\n <input type=\"hidden\" [formControl]=\"formControlRef\">\n\n <div [ngClass]=\"{'border': dataField.materialAppearance === 'outline'}\" *ngIf=\"formControlRef.disabled\">\n <td-markdown>{{dataField.value}}</td-markdown>\n </div>\n</div>\n", styles: [".height-100{height:100%}.border{border:1px solid #CBD5E1;border-radius:6px;padding:10px;z-index:1;word-wrap:break-word}.padding-bottom-custom{padding-bottom:8px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.TdMarkdownComponent, selector: "td-markdown", inputs: ["content", "simpleLineBreaks", "hostedUrl", "anchor"], outputs: ["contentReady"] }, { kind: "component", type: i7.EasymdeWrapperComponent, selector: "nc-easymde-wrapper", inputs: ["formControlRef", "textAreaField"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RichTextareaFieldComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-rich-textarea-field', template: "<div class=\"height-100\" [ngClass]=\"{'padding-bottom-custom': !formControlRef.disabled}\">\n <nc-easymde-wrapper *ngIf=\"!formControlRef.disabled\" [formControlRef]=\"formControlRef\" [textAreaField]=\"dataField\"></nc-easymde-wrapper>\n <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n\n <input type=\"hidden\" [formControl]=\"formControlRef\">\n\n <div [ngClass]=\"{'border': dataField.materialAppearance === 'outline'}\" *ngIf=\"formControlRef.disabled\">\n <td-markdown>{{dataField.value}}</td-markdown>\n </div>\n</div>\n", styles: [".height-100{height:100%}.border{border:1px solid #CBD5E1;border-radius:6px;padding:10px;z-index:1;word-wrap:break-word}.padding-bottom-custom{padding-bottom:8px}\n"] }]
}], ctorParameters: () => [{ type: i1.TranslateService }, { type: undefined, decorators: [{
type: Optional
}, {
type: Inject,
args: [DATA_FIELD_PORTAL_DATA]
}] }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC10ZXh0YXJlYS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3JpY2gtdGV4dGFyZWEtZmllbGQvcmljaC10ZXh0YXJlYS1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3JpY2gtdGV4dGFyZWEtZmllbGQvcmljaC10ZXh0YXJlYS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUNILGtDQUFrQyxFQUNsQyxzQkFBc0IsRUFHekIsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7O0FBUWxDLE1BQU0sT0FBTywwQkFBMkIsU0FBUSxrQ0FBa0M7SUFDeEQ7SUFBdEIsWUFBc0IsVUFBNEIsRUFDTSxtQkFBdUQ7UUFDM0csS0FBSyxDQUFDLFVBQVUsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO1FBRnJCLGVBQVUsR0FBVixVQUFVLENBQWtCO0lBR2xELENBQUM7d0dBSlEsMEJBQTBCLGtEQUVILHNCQUFzQjs0RkFGN0MsMEJBQTBCLHFGQ2R2QyxvbEJBVUE7OzRGRElhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDSSx3QkFBd0I7OzBCQU1yQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RSaWNoVGV4dGFyZWFGaWVsZENvbXBvbmVudCxcbiAgICBEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBLFxuICAgIERhdGFGaWVsZFBvcnRhbERhdGEsXG4gICAgVGV4dEFyZWFGaWVsZFxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1yaWNoLXRleHRhcmVhLWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcmljaC10ZXh0YXJlYS1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcmljaC10ZXh0YXJlYS1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFJpY2hUZXh0YXJlYUZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RSaWNoVGV4dGFyZWFGaWVsZENvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF90cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPFRleHRBcmVhRmllbGQ+KSB7XG4gICAgICAgIHN1cGVyKF90cmFuc2xhdGUsIGRhdGFGaWVsZFBvcnRhbERhdGEpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJoZWlnaHQtMTAwXCIgW25nQ2xhc3NdPVwieydwYWRkaW5nLWJvdHRvbS1jdXN0b20nOiAhZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCI+XG4gICAgPG5jLWVhc3ltZGUtd3JhcHBlciAqbmdJZj1cIiFmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFJlZlwiIFt0ZXh0QXJlYUZpZWxkXT1cImRhdGFGaWVsZFwiPjwvbmMtZWFzeW1kZS13cmFwcGVyPlxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7Z2V0RXJyb3JNZXNzYWdlKCl9fTwvbWF0LWVycm9yPlxuXG4gICAgPGlucHV0IHR5cGU9XCJoaWRkZW5cIiBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xSZWZcIj5cblxuICAgIDxkaXYgW25nQ2xhc3NdPVwieydib3JkZXInOiBkYXRhRmllbGQubWF0ZXJpYWxBcHBlYXJhbmNlID09PSAnb3V0bGluZSd9XCIgKm5nSWY9XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiPlxuICAgICAgICA8dGQtbWFya2Rvd24+e3tkYXRhRmllbGQudmFsdWV9fTwvdGQtbWFya2Rvd24+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==