survey-angular-ui/esm2015/components/element-header/element-header.component.js

survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.

import { Component, HostBinding, HostListener, Input } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "../element-title/element-title.component";
import * as i2 from "../../survey-string.component";
import * as i3 from "../action-bar/action-bar.component";
import * as i4 from "@angular/common";
export class ElementHeaderComponent {
    constructor() {
    }
    get rootClass() {
        return this.element.cssHeader;
    }
    get width() {
        return this.element.titleWidth;
    }
    click(e) {
        if (this.element.clickTitleFunction !== undefined) {
            this.element.clickTitleFunction(e);
        }
    }
}
ElementHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
ElementHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ElementHeaderComponent, selector: "'[sv-ng-element-header]'", inputs: { element: "element" }, host: { listeners: { "click": "click($event)" }, properties: { "class": "this.rootClass", "style.width": "this.width" } }, ngImport: i0, template: "<sv-ng-element-title [element]=\"element\"></sv-ng-element-title>\n<div *ngIf=\"element.hasDescriptionUnderTitle\" [class]=\"element.cssDescription\" [model]=\"element.locDescription\" [attr.id]=\"element.ariaDescriptionId\" [style.display]=\"element.hasDescription ? '': 'none' \" sv-ng-string></div>\n<ng-container *ngIf=\"element.hasAdditionalTitleToolbar\">\n<sv-ng-action-bar [model]=\"element.additionalTitleToolbar\"></sv-ng-action-bar>\n</ng-container>", components: [{ type: i1.ElementTitleComponent, selector: "sv-ng-element-title", inputs: ["element"] }, { type: i2.SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }, { type: i3.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementHeaderComponent, decorators: [{
            type: Component,
            args: [{
                    selector: "'[sv-ng-element-header]'",
                    templateUrl: "./element-header.component.html"
                }]
        }], ctorParameters: function () { return []; }, propDecorators: { element: [{
                type: Input
            }], rootClass: [{
                type: HostBinding,
                args: ["class"]
            }], width: [{
                type: HostBinding,
                args: ["style.width"]
            }], click: [{
                type: HostListener,
                args: ["click", ["$event"]]
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZWxlbWVudC1oZWFkZXIvZWxlbWVudC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZWxlbWVudC1oZWFkZXIvZWxlbWVudC1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBTTVFLE1BQU0sT0FBTyxzQkFBc0I7SUFFakM7SUFDQSxDQUFDO0lBQ0QsSUFBMEIsU0FBUztRQUNqQyxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDO0lBQ2hDLENBQUM7SUFDRCxJQUFnQyxLQUFLO1FBQ25DLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUM7SUFDakMsQ0FBQztJQUNrQyxLQUFLLENBQUMsQ0FBYTtRQUNwRCxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsa0JBQWtCLEtBQUssU0FBUyxFQUFFO1lBQ2pELElBQUksQ0FBQyxPQUFPLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDcEM7SUFDSCxDQUFDOztvSEFkVSxzQkFBc0I7d0dBQXRCLHNCQUFzQiwyTkNObkMsOGNBSWU7NEZERUYsc0JBQXNCO2tCQUpsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLFdBQVcsRUFBRSxpQ0FBaUM7aUJBQy9DOzBFQUVVLE9BQU87c0JBQWYsS0FBSztnQkFHb0IsU0FBUztzQkFBbEMsV0FBVzt1QkFBQyxPQUFPO2dCQUdZLEtBQUs7c0JBQXBDLFdBQVc7dUJBQUMsYUFBYTtnQkFHUyxLQUFLO3NCQUF2QyxZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiJ1tzdi1uZy1lbGVtZW50LWhlYWRlcl0nXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vZWxlbWVudC1oZWFkZXIuY29tcG9uZW50Lmh0bWxcIlxufSlcbmV4cG9ydCBjbGFzcyBFbGVtZW50SGVhZGVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZWxlbWVudDogYW55O1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuICBASG9zdEJpbmRpbmcoXCJjbGFzc1wiKSBnZXQgcm9vdENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudC5jc3NIZWFkZXI7XG4gIH1cbiAgQEhvc3RCaW5kaW5nKFwic3R5bGUud2lkdGhcIikgZ2V0IHdpZHRoKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudC50aXRsZVdpZHRoO1xuICB9XG4gIEBIb3N0TGlzdGVuZXIoXCJjbGlja1wiLCBbXCIkZXZlbnRcIl0pIGNsaWNrKGU6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5lbGVtZW50LmNsaWNrVGl0bGVGdW5jdGlvbiAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLmVsZW1lbnQuY2xpY2tUaXRsZUZ1bmN0aW9uKGUpO1xuICAgIH1cbiAgfVxufSIsIjxzdi1uZy1lbGVtZW50LXRpdGxlIFtlbGVtZW50XT1cImVsZW1lbnRcIj48L3N2LW5nLWVsZW1lbnQtdGl0bGU+XG48ZGl2ICpuZ0lmPVwiZWxlbWVudC5oYXNEZXNjcmlwdGlvblVuZGVyVGl0bGVcIiBbY2xhc3NdPVwiZWxlbWVudC5jc3NEZXNjcmlwdGlvblwiIFttb2RlbF09XCJlbGVtZW50LmxvY0Rlc2NyaXB0aW9uXCIgW2F0dHIuaWRdPVwiZWxlbWVudC5hcmlhRGVzY3JpcHRpb25JZFwiIFtzdHlsZS5kaXNwbGF5XT1cImVsZW1lbnQuaGFzRGVzY3JpcHRpb24gPyAnJzogJ25vbmUnIFwiIHN2LW5nLXN0cmluZz48L2Rpdj5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJlbGVtZW50Lmhhc0FkZGl0aW9uYWxUaXRsZVRvb2xiYXJcIj5cbjxzdi1uZy1hY3Rpb24tYmFyIFttb2RlbF09XCJlbGVtZW50LmFkZGl0aW9uYWxUaXRsZVRvb2xiYXJcIj48L3N2LW5nLWFjdGlvbi1iYXI+XG48L25nLWNvbnRhaW5lcj4iXX0=