survey-angular-ui/esm2015/components/element-title/title-actions.component.js

A free MIT-licensed Angular UI component that renders dynamic, interactive JSON-based forms and surveys. You can use it to collect responses from users and send them to your own database.

import { Component, Input } from "@angular/core";
import { EmbeddedViewContentComponent } from "../../embedded-view-content.component";
import * as i0 from "@angular/core";
import * as i1 from "../action-bar/action-bar.component";
import * as i2 from "../../survey-string.component";
import * as i3 from "@angular/common";
export class ElementTitleActionsComponent extends EmbeddedViewContentComponent {
    constructor() {
        super(...arguments);
        this.renderActions = true;
    }
    get cssClasses() {
        return (this.element.isPanel ? this.element.cssClasses.panel : this.element.cssClasses) || {};
    }
}
ElementTitleActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementTitleActionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
ElementTitleActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ElementTitleActionsComponent, selector: "sv-ng-element-title-actions", inputs: { element: "element", renderActions: "renderActions" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <ng-container *ngIf=\"!element.hasTitleActions\">\n    <ng-container *ngTemplateOutlet=\"elementTitleContent\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"element.hasTitleActions\">\n    <div class=\"sv-title-actions\">\n      <span class=\"sv-title-actions__title\">\n        <ng-container *ngTemplateOutlet=\"elementTitleContent\"></ng-container>\n      </span>\n      <sv-ng-action-bar *ngIf=\"renderActions\" [model]=\"element.getTitleToolbar()\"></sv-ng-action-bar>\n    </div>\n  </ng-container>\n  <ng-template #elementTitleContent>\n    <sv-ng-string *ngIf=\"element.isTitleRenderedAsString\" [model]=\"element.locRenderedTitle\"></sv-ng-string>\n    <ng-container *ngIf=\"!element.isTitleRenderedAsString\">\n      <span\n        *ngIf=\"element.isRequireTextOnStart\"\n        [class]=\"element.cssRequiredMark\"\n        [attr.aria-hidden]=\"true\"\n        >{{ element.requiredMark }}</span>\n      <span *ngIf=\"element.isRequireTextOnStart\">&nbsp;</span>\n      <span\n        *ngIf=\"element.no\"\n        style=\"position: static\"\n        [class]=\"element.cssTitleNumber\"\n        [attr.aria-hidden]=\"true\"\n        >{{ element.no }}</span>\n      <span *ngIf=\"element.no\">&nbsp;</span>\n      <span\n        *ngIf=\"element.isRequireTextBeforeTitle\"\n        [class]=\"element.cssRequiredMark\"\n        [attr.aria-hidden]=\"true\"\n        >{{ element.requiredMark }}</span>\n      <span *ngIf=\"element.isRequireTextBeforeTitle\">&nbsp;</span>\n      <sv-ng-string [model]=\"element.locRenderedTitle\"></sv-ng-string>\n      <span *ngIf=\"element.isRequireTextAfterTitle\">&nbsp;</span>\n      <span\n        *ngIf=\" element.isRequireTextAfterTitle\"\n        [class]=\"element.cssRequiredMark\"\n        [attr.aria-hidden]=\"true\"\n        >{{ element.requiredMark }}</span> \n  </ng-container>\n  </ng-template>\n</ng-template>", styles: [":host{display:none}\n"], components: [{ type: i1.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }, { type: i2.SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementTitleActionsComponent, decorators: [{
            type: Component,
            args: [{
                    selector: "sv-ng-element-title-actions",
                    templateUrl: "./title-actions.component.html",
                    styleUrls: ["../../hide-host.scss"]
                }]
        }], propDecorators: { element: [{
                type: Input
            }], renderActions: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUtYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9lbGVtZW50LXRpdGxlL3RpdGxlLWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZWxlbWVudC10aXRsZS90aXRsZS1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7OztBQU9yRixNQUFNLE9BQU8sNEJBQTZCLFNBQVEsNEJBQTRCO0lBTDlFOztRQU9XLGtCQUFhLEdBQVEsSUFBSSxDQUFDO0tBSXBDO0lBSEMsSUFBSSxVQUFVO1FBQ1osT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2hHLENBQUM7OzBIQUxVLDRCQUE0Qjs4R0FBNUIsNEJBQTRCLDBKQ1J6QyxpM0RBMkNjOzRGRG5DRCw0QkFBNEI7a0JBTHhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtvQkFDdkMsV0FBVyxFQUFFLGdDQUFnQztvQkFDN0MsU0FBUyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ3BDOzhCQUVVLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBFbWJlZGRlZFZpZXdDb250ZW50Q29tcG9uZW50IH0gZnJvbSBcIi4uLy4uL2VtYmVkZGVkLXZpZXctY29udGVudC5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2LW5nLWVsZW1lbnQtdGl0bGUtYWN0aW9uc1wiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3RpdGxlLWFjdGlvbnMuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuLi8uLi9oaWRlLWhvc3Quc2Nzc1wiXVxufSlcbmV4cG9ydCBjbGFzcyBFbGVtZW50VGl0bGVBY3Rpb25zQ29tcG9uZW50IGV4dGVuZHMgRW1iZWRkZWRWaWV3Q29udGVudENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGVsZW1lbnQ6IGFueTtcbiAgQElucHV0KCkgcmVuZGVyQWN0aW9uczogYW55ID0gdHJ1ZTtcbiAgZ2V0IGNzc0NsYXNzZXMoKSB7XG4gICAgcmV0dXJuICh0aGlzLmVsZW1lbnQuaXNQYW5lbCA/IHRoaXMuZWxlbWVudC5jc3NDbGFzc2VzLnBhbmVsIDogdGhpcy5lbGVtZW50LmNzc0NsYXNzZXMpIHx8IHt9O1xuICB9XG59IiwiPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFlbGVtZW50Lmhhc1RpdGxlQWN0aW9uc1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJlbGVtZW50VGl0bGVDb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiZWxlbWVudC5oYXNUaXRsZUFjdGlvbnNcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3YtdGl0bGUtYWN0aW9uc1wiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzdi10aXRsZS1hY3Rpb25zX190aXRsZVwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZWxlbWVudFRpdGxlQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9zcGFuPlxuICAgICAgPHN2LW5nLWFjdGlvbi1iYXIgKm5nSWY9XCJyZW5kZXJBY3Rpb25zXCIgW21vZGVsXT1cImVsZW1lbnQuZ2V0VGl0bGVUb29sYmFyKClcIj48L3N2LW5nLWFjdGlvbi1iYXI+XG4gICAgPC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctdGVtcGxhdGUgI2VsZW1lbnRUaXRsZUNvbnRlbnQ+XG4gICAgPHN2LW5nLXN0cmluZyAqbmdJZj1cImVsZW1lbnQuaXNUaXRsZVJlbmRlcmVkQXNTdHJpbmdcIiBbbW9kZWxdPVwiZWxlbWVudC5sb2NSZW5kZXJlZFRpdGxlXCI+PC9zdi1uZy1zdHJpbmc+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFlbGVtZW50LmlzVGl0bGVSZW5kZXJlZEFzU3RyaW5nXCI+XG4gICAgICA8c3BhblxuICAgICAgICAqbmdJZj1cImVsZW1lbnQuaXNSZXF1aXJlVGV4dE9uU3RhcnRcIlxuICAgICAgICBbY2xhc3NdPVwiZWxlbWVudC5jc3NSZXF1aXJlZE1hcmtcIlxuICAgICAgICBbYXR0ci5hcmlhLWhpZGRlbl09XCJ0cnVlXCJcbiAgICAgICAgPnt7IGVsZW1lbnQucmVxdWlyZWRNYXJrIH19PC9zcGFuPlxuICAgICAgPHNwYW4gKm5nSWY9XCJlbGVtZW50LmlzUmVxdWlyZVRleHRPblN0YXJ0XCI+Jm5ic3A7PC9zcGFuPlxuICAgICAgPHNwYW5cbiAgICAgICAgKm5nSWY9XCJlbGVtZW50Lm5vXCJcbiAgICAgICAgc3R5bGU9XCJwb3NpdGlvbjogc3RhdGljXCJcbiAgICAgICAgW2NsYXNzXT1cImVsZW1lbnQuY3NzVGl0bGVOdW1iZXJcIlxuICAgICAgICBbYXR0ci5hcmlhLWhpZGRlbl09XCJ0cnVlXCJcbiAgICAgICAgPnt7IGVsZW1lbnQubm8gfX08L3NwYW4+XG4gICAgICA8c3BhbiAqbmdJZj1cImVsZW1lbnQubm9cIj4mbmJzcDs8L3NwYW4+XG4gICAgICA8c3BhblxuICAgICAgICAqbmdJZj1cImVsZW1lbnQuaXNSZXF1aXJlVGV4dEJlZm9yZVRpdGxlXCJcbiAgICAgICAgW2NsYXNzXT1cImVsZW1lbnQuY3NzUmVxdWlyZWRNYXJrXCJcbiAgICAgICAgW2F0dHIuYXJpYS1oaWRkZW5dPVwidHJ1ZVwiXG4gICAgICAgID57eyBlbGVtZW50LnJlcXVpcmVkTWFyayB9fTwvc3Bhbj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiZWxlbWVudC5pc1JlcXVpcmVUZXh0QmVmb3JlVGl0bGVcIj4mbmJzcDs8L3NwYW4+XG4gICAgICA8c3Ytbmctc3RyaW5nIFttb2RlbF09XCJlbGVtZW50LmxvY1JlbmRlcmVkVGl0bGVcIj48L3N2LW5nLXN0cmluZz5cbiAgICAgIDxzcGFuICpuZ0lmPVwiZWxlbWVudC5pc1JlcXVpcmVUZXh0QWZ0ZXJUaXRsZVwiPiZuYnNwOzwvc3Bhbj5cbiAgICAgIDxzcGFuXG4gICAgICAgICpuZ0lmPVwiIGVsZW1lbnQuaXNSZXF1aXJlVGV4dEFmdGVyVGl0bGVcIlxuICAgICAgICBbY2xhc3NdPVwiZWxlbWVudC5jc3NSZXF1aXJlZE1hcmtcIlxuICAgICAgICBbYXR0ci5hcmlhLWhpZGRlbl09XCJ0cnVlXCJcbiAgICAgICAgPnt7IGVsZW1lbnQucmVxdWlyZWRNYXJrIH19PC9zcGFuPiBcbiAgPC9uZy1jb250YWluZXI+XG4gIDwvbmctdGVtcGxhdGU+XG48L25nLXRlbXBsYXRlPiJdfQ==