ngx-antd-json-schema-form/esm5/lib/components/form-prism/form-prism.component.js

JSON form schema using ant-design and prismjs

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, ElementRef, ViewChild } from "@angular/core";
import "prismjs/prism";
import "prismjs/components/prism-typescript";
import "prismjs/components/prism-sql";
import "prismjs/components/prism-http";
var FormPrismComponent = /** @class */ (function () {
    function FormPrismComponent() {
    }
    /**
     * @return {?}
     */
    FormPrismComponent.prototype.onContentChanged = /**
     * @return {?}
     */
    function () {
        this.codeViewChild.nativeElement.innerHTML = this.config.value
            ? this.encodeEntities(this.config.value)
            : this.rawViewChild.nativeElement.innerHTML;
        Prism.highlightElement(this.codeViewChild.nativeElement);
    };
    /**
     * @return {?}
     */
    FormPrismComponent.prototype.ngAfterViewInit = /**
     * @return {?}
     */
    function () {
        this.observer.observe(this.rawViewChild.nativeElement, {
            characterData: true,
            childList: true,
            subtree: true
        });
        this.onContentChanged();
    };
    /**
     * @return {?}
     */
    FormPrismComponent.prototype.ngOnChanges = /**
     * @return {?}
     */
    function () {
        this.onContentChanged();
    };
    /**
     * @return {?}
     */
    FormPrismComponent.prototype.ngAfterContentInit = /**
     * @return {?}
     */
    function () {
        this.observer = new MutationObserver(this.onContentChanged.bind(this));
    };
    /**
     * @return {?}
     */
    FormPrismComponent.prototype.ngOnDestroy = /**
     * @return {?}
     */
    function () {
        if (this.observer) {
            this.observer.disconnect();
        }
    };
    /**
     * @param {?} value
     * @return {?}
     */
    FormPrismComponent.prototype.encodeEntities = /**
     * @param {?} value
     * @return {?}
     */
    function (value) {
        return value
            .replace(/&/g, "&")
            .replace(/"/g, """)
            .replace(/'/g, "'")
            .replace(/</g, "&lt;")
            .replace(/>/g, "&gt;");
    };
    FormPrismComponent.decorators = [
        { type: Component, args: [{
                    selector: "json-schema-form-prism",
                    template: "<nz-form-item\n  *ngIf=\"!config.hidden\"\n  class=\"json-form-schema-field {{ config.itemClass ? config.itemClass : settings.itemClass }}\"\n  [formGroup]=\"group\"\n  nz-row\n  [nzGutter]=\"config.nzGutter ? config.nzGutter : settings.nzGutter\"\n  nzFlex\n>\n  <nz-form-label\n    nz-col\n    [nzSpan]=\"config.nzSpanLabel ? config.nzSpanLabel : settings.nzSpanLabel\"\n    [nzRequired]=\"config.required\"\n    [nzFor]=\"config.key\"\n    [ngClass]=\"config.labelClass ? config.labelClass : settings.labelClass\"\n  >\n    {{ config.label }}\n  </nz-form-label>\n  <nz-form-control nz-col [nzSpan]=\"config.nzSpanControl ? config.nzSpanControl : settings.nzSpanControl\">\n    <div hidden #raw style=\"display: none\">\n      <ng-content></ng-content>\n    </div>\n    <pre class=\"prism-pre\" [ngClass]=\"config.fieldClass ? config.fieldClass : settings.fieldClass\">\n      <code class=\"prism-code language-{{config.language}}\" #code></code>\n    </pre>\n  </nz-form-control>\n</nz-form-item>\n",
                    styles: [".json-form-schema-field.ant-form-item{padding-bottom:0;margin-bottom:0}pre.prism-pre{white-space:inherit;background:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px}code.prism-code{word-break:break-all;white-space:pre-wrap}"]
                }] }
    ];
    /** @nocollapse */
    FormPrismComponent.ctorParameters = function () { return []; };
    FormPrismComponent.propDecorators = {
        rawViewChild: [{ type: ViewChild, args: ["raw",] }],
        codeViewChild: [{ type: ViewChild, args: ["code",] }]
    };
    return FormPrismComponent;
}());
export { FormPrismComponent };
if (false) {
    /**
     * @type {?}
     * @private
     */
    FormPrismComponent.prototype.observer;
    /** @type {?} */
    FormPrismComponent.prototype.group;
    /** @type {?} */
    FormPrismComponent.prototype.config;
    /** @type {?} */
    FormPrismComponent.prototype.settings;
    /** @type {?} */
    FormPrismComponent.prototype.rawViewChild;
    /** @type {?} */
    FormPrismComponent.prototype.codeViewChild;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1wcmlzbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtYW50ZC1qc29uLXNjaGVtYS1mb3JtLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvZm9ybS1wcmlzbS9mb3JtLXByaXNtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBaUIsVUFBVSxFQUFFLFNBQVMsRUFBMEMsTUFBTSxlQUFlLENBQUM7QUFHeEgsT0FBTyxlQUFlLENBQUM7QUFDdkIsT0FBTyxxQ0FBcUMsQ0FBQztBQUM3QyxPQUFPLDhCQUE4QixDQUFDO0FBQ3RDLE9BQU8sK0JBQStCLENBQUM7QUFNdkM7SUFlRTtJQUFlLENBQUM7Ozs7SUFFaEIsNkNBQWdCOzs7SUFBaEI7UUFDRSxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLO1lBQzVELENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1lBQ3hDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUM7UUFDOUMsS0FBSyxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDM0QsQ0FBQzs7OztJQUVELDRDQUFlOzs7SUFBZjtRQUNFLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxFQUFFO1lBQ3JELGFBQWEsRUFBRSxJQUFJO1lBQ25CLFNBQVMsRUFBRSxJQUFJO1lBQ2YsT0FBTyxFQUFFLElBQUk7U0FDZCxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUMxQixDQUFDOzs7O0lBRUQsd0NBQVc7OztJQUFYO1FBQ0UsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQzs7OztJQUVELCtDQUFrQjs7O0lBQWxCO1FBQ0UsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUN6RSxDQUFDOzs7O0lBRUQsd0NBQVc7OztJQUFYO1FBQ0UsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxFQUFFLENBQUM7U0FDNUI7SUFDSCxDQUFDOzs7OztJQUVELDJDQUFjOzs7O0lBQWQsVUFBZSxLQUFLO1FBQ2xCLE9BQU8sS0FBSzthQUNULE9BQU8sQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDO2FBQ3RCLE9BQU8sQ0FBQyxJQUFJLEVBQUUsUUFBUSxDQUFDO2FBQ3ZCLE9BQU8sQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDO2FBQ3RCLE9BQU8sQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDO2FBQ3JCLE9BQU8sQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7Z0JBdERGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsd0JBQXdCO29CQUNsQyxzL0JBQTBDOztpQkFFM0M7Ozs7OytCQVFFLFNBQVMsU0FBQyxLQUFLO2dDQUNmLFNBQVMsU0FBQyxNQUFNOztJQTBDbkIseUJBQUM7Q0FBQSxBQXZERCxJQXVEQztTQWxEWSxrQkFBa0I7Ozs7OztJQUM3QixzQ0FBMEM7O0lBRTFDLG1DQUFpQjs7SUFDakIsb0NBQWlCOztJQUNqQixzQ0FBdUI7O0lBRXZCLDBDQUEyQzs7SUFDM0MsMkNBQTZDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBBZnRlclZpZXdJbml0LCBFbGVtZW50UmVmLCBWaWV3Q2hpbGQsIEFmdGVyQ29udGVudEluaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuXG5pbXBvcnQgXCJwcmlzbWpzL3ByaXNtXCI7XG5pbXBvcnQgXCJwcmlzbWpzL2NvbXBvbmVudHMvcHJpc20tdHlwZXNjcmlwdFwiO1xuaW1wb3J0IFwicHJpc21qcy9jb21wb25lbnRzL3ByaXNtLXNxbFwiO1xuaW1wb3J0IFwicHJpc21qcy9jb21wb25lbnRzL3ByaXNtLWh0dHBcIjtcblxuaW1wb3J0IHsgRm9ybUl0ZW0sIEZvcm1TZXR0aW5ncyB9IGZyb20gXCIuLi8uLi9tb2RlbHNcIjtcblxuZGVjbGFyZSB2YXIgUHJpc206IGFueTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImpzb24tc2NoZW1hLWZvcm0tcHJpc21cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9mb3JtLXByaXNtLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9mb3JtLXByaXNtLmNvbXBvbmVudC5zY3NzXCJdXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1QcmlzbUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIEFmdGVyQ29udGVudEluaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSBvYnNlcnZlcjogTXV0YXRpb25PYnNlcnZlciB8IG51bGw7XG5cbiAgZ3JvdXA6IEZvcm1Hcm91cDtcbiAgY29uZmlnOiBGb3JtSXRlbTtcbiAgc2V0dGluZ3M6IEZvcm1TZXR0aW5ncztcblxuICBAVmlld0NoaWxkKFwicmF3XCIpIHJhd1ZpZXdDaGlsZDogRWxlbWVudFJlZjtcbiAgQFZpZXdDaGlsZChcImNvZGVcIikgY29kZVZpZXdDaGlsZDogRWxlbWVudFJlZjtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25Db250ZW50Q2hhbmdlZCgpIHtcbiAgICB0aGlzLmNvZGVWaWV3Q2hpbGQubmF0aXZlRWxlbWVudC5pbm5lckhUTUwgPSB0aGlzLmNvbmZpZy52YWx1ZVxuICAgICAgPyB0aGlzLmVuY29kZUVudGl0aWVzKHRoaXMuY29uZmlnLnZhbHVlKVxuICAgICAgOiB0aGlzLnJhd1ZpZXdDaGlsZC5uYXRpdmVFbGVtZW50LmlubmVySFRNTDtcbiAgICBQcmlzbS5oaWdobGlnaHRFbGVtZW50KHRoaXMuY29kZVZpZXdDaGlsZC5uYXRpdmVFbGVtZW50KTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLm9ic2VydmVyLm9ic2VydmUodGhpcy5yYXdWaWV3Q2hpbGQubmF0aXZlRWxlbWVudCwge1xuICAgICAgY2hhcmFjdGVyRGF0YTogdHJ1ZSxcbiAgICAgIGNoaWxkTGlzdDogdHJ1ZSxcbiAgICAgIHN1YnRyZWU6IHRydWVcbiAgICB9KTtcbiAgICB0aGlzLm9uQ29udGVudENoYW5nZWQoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIHRoaXMub25Db250ZW50Q2hhbmdlZCgpO1xuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIHRoaXMub2JzZXJ2ZXIgPSBuZXcgTXV0YXRpb25PYnNlcnZlcih0aGlzLm9uQ29udGVudENoYW5nZWQuYmluZCh0aGlzKSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICBpZiAodGhpcy5vYnNlcnZlcikge1xuICAgICAgdGhpcy5vYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgfVxuICB9XG5cbiAgZW5jb2RlRW50aXRpZXModmFsdWUpIHtcbiAgICByZXR1cm4gdmFsdWVcbiAgICAgIC5yZXBsYWNlKC8mL2csIFwiJmFtcDtcIilcbiAgICAgIC5yZXBsYWNlKC9cIi9nLCBcIiZxdW90O1wiKVxuICAgICAgLnJlcGxhY2UoLycvZywgXCImIzM5O1wiKVxuICAgICAgLnJlcGxhY2UoLzwvZywgXCImbHQ7XCIpXG4gICAgICAucmVwbGFjZSgvPi9nLCBcIiZndDtcIik7XG4gIH1cbn1cbiJdfQ==