survey-angular-ui/esm2015/components/element-title/dynamic-head.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 "@angular/common";
export class DynamicHeadComponent extends EmbeddedViewContentComponent {
    get ariaLabel() {
        return this.element.titleAriaLabel;
    }
}
DynamicHeadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicHeadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
DynamicHeadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicHeadComponent, selector: "sv-ng-dynamic-head", inputs: { tagName: "tagName", element: "element" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <ng-container [ngSwitch]=\"tagName\">\n    <h1 *ngSwitchCase=\"'h1'\" [class]=\"element.cssTitle\" [attr.id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.role]=\"element.titleAriaRole\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h1>\n    <h2 *ngSwitchCase=\"'h2'\"[class]=\"element.cssTitle\" [attr.id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.role]=\"element.titleAriaRole\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h2>\n    <h3 *ngSwitchCase=\"'h3'\"[class]=\"element.cssTitle\" [attr.id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.role]=\"element.titleAriaRole\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h3>\n    <h4 *ngSwitchCase=\"'h4'\"[class]=\"element.cssTitle\" [attr.id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.role]=\"element.titleAriaRole\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h4>\n    <h5 *ngSwitchCase=\"'h5'\"[class]=\"element.cssTitle\" [attr.id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.role]=\"element.titleAriaRole\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h5>\n    <h6 *ngSwitchCase=\"'h6'\"[class]=\"element.cssTitle\" [attr.id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.role]=\"element.titleAriaRole\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h6>\n    <div *ngSwitchCase=\"'div'\"[class]=\"element.cssTitle\" [attr.id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.role]=\"element.titleAriaRole\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></div>\n    <label *ngSwitchCase=\"'label'\"[class]=\"element.cssTitle\" [attr.id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.role]=\"element.titleAriaRole\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></label>\n  </ng-container>\n  <ng-template #titleContent>\n    <ng-content></ng-content>\n  </ng-template>\n</ng-template>", styles: [":host{display:none}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicHeadComponent, decorators: [{
            type: Component,
            args: [{
                    selector: "sv-ng-dynamic-head",
                    templateUrl: "./dynamic-head.component.html",
                    styleUrls: ["../../hide-host.scss"]
                }]
        }], propDecorators: { tagName: [{
                type: Input
            }], element: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1oZWFkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2VsZW1lbnQtdGl0bGUvZHluYW1pYy1oZWFkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2VsZW1lbnQtdGl0bGUvZHluYW1pYy1oZWFkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7QUFRckYsTUFBTSxPQUFPLG9CQUFxQixTQUFRLDRCQUE0QjtJQUdwRSxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDO0lBQ3JDLENBQUM7O2tIQUxVLG9CQUFvQjtzR0FBcEIsb0JBQW9CLHFJQ1RqQywwdkZBY2M7NEZETEQsb0JBQW9CO2tCQUxoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFdBQVcsRUFBRSwrQkFBK0I7b0JBQzVDLFNBQVMsRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNwQzs4QkFFVSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBFbWJlZGRlZFZpZXdDb250ZW50Q29tcG9uZW50IH0gZnJvbSBcIi4uLy4uL2VtYmVkZGVkLXZpZXctY29udGVudC5jb21wb25lbnRcIjtcbmltcG9ydCB7IFN1cnZleUVsZW1lbnQgfSBmcm9tIFwic3VydmV5LWNvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2LW5nLWR5bmFtaWMtaGVhZFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2R5bmFtaWMtaGVhZC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4uLy4uL2hpZGUtaG9zdC5zY3NzXCJdXG59KVxuZXhwb3J0IGNsYXNzIER5bmFtaWNIZWFkQ29tcG9uZW50IGV4dGVuZHMgRW1iZWRkZWRWaWV3Q29udGVudENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRhZ05hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGVsZW1lbnQhOiBTdXJ2ZXlFbGVtZW50O1xuICBnZXQgYXJpYUxhYmVsKCk6IHN0cmluZyB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnQudGl0bGVBcmlhTGFiZWw7XG4gIH1cbn0iLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0YWdOYW1lXCI+XG4gICAgPGgxICpuZ1N3aXRjaENhc2U9XCInaDEnXCIgW2NsYXNzXT1cImVsZW1lbnQuY3NzVGl0bGVcIiBbYXR0ci5pZF09XCJlbGVtZW50LmFyaWFUaXRsZUlkXCIgW2F0dHIudGFiaW5kZXhdPVwiZWxlbWVudC50aXRsZVRhYkluZGV4XCIgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJlbGVtZW50LnRpdGxlQXJpYUV4cGFuZGVkXCIgW2F0dHIucm9sZV09XCJlbGVtZW50LnRpdGxlQXJpYVJvbGVcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiPjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj48L2gxPlxuICAgIDxoMiAqbmdTd2l0Y2hDYXNlPVwiJ2gyJ1wiW2NsYXNzXT1cImVsZW1lbnQuY3NzVGl0bGVcIiBbYXR0ci5pZF09XCJlbGVtZW50LmFyaWFUaXRsZUlkXCIgW2F0dHIudGFiaW5kZXhdPVwiZWxlbWVudC50aXRsZVRhYkluZGV4XCIgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJlbGVtZW50LnRpdGxlQXJpYUV4cGFuZGVkXCIgW2F0dHIucm9sZV09XCJlbGVtZW50LnRpdGxlQXJpYVJvbGVcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiPjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj48L2gyPlxuICAgIDxoMyAqbmdTd2l0Y2hDYXNlPVwiJ2gzJ1wiW2NsYXNzXT1cImVsZW1lbnQuY3NzVGl0bGVcIiBbYXR0ci5pZF09XCJlbGVtZW50LmFyaWFUaXRsZUlkXCIgW2F0dHIudGFiaW5kZXhdPVwiZWxlbWVudC50aXRsZVRhYkluZGV4XCIgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJlbGVtZW50LnRpdGxlQXJpYUV4cGFuZGVkXCIgW2F0dHIucm9sZV09XCJlbGVtZW50LnRpdGxlQXJpYVJvbGVcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiPjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj48L2gzPlxuICAgIDxoNCAqbmdTd2l0Y2hDYXNlPVwiJ2g0J1wiW2NsYXNzXT1cImVsZW1lbnQuY3NzVGl0bGVcIiBbYXR0ci5pZF09XCJlbGVtZW50LmFyaWFUaXRsZUlkXCIgW2F0dHIudGFiaW5kZXhdPVwiZWxlbWVudC50aXRsZVRhYkluZGV4XCIgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJlbGVtZW50LnRpdGxlQXJpYUV4cGFuZGVkXCIgW2F0dHIucm9sZV09XCJlbGVtZW50LnRpdGxlQXJpYVJvbGVcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiPjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj48L2g0PlxuICAgIDxoNSAqbmdTd2l0Y2hDYXNlPVwiJ2g1J1wiW2NsYXNzXT1cImVsZW1lbnQuY3NzVGl0bGVcIiBbYXR0ci5pZF09XCJlbGVtZW50LmFyaWFUaXRsZUlkXCIgW2F0dHIudGFiaW5kZXhdPVwiZWxlbWVudC50aXRsZVRhYkluZGV4XCIgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJlbGVtZW50LnRpdGxlQXJpYUV4cGFuZGVkXCIgW2F0dHIucm9sZV09XCJlbGVtZW50LnRpdGxlQXJpYVJvbGVcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiPjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj48L2g1PlxuICAgIDxoNiAqbmdTd2l0Y2hDYXNlPVwiJ2g2J1wiW2NsYXNzXT1cImVsZW1lbnQuY3NzVGl0bGVcIiBbYXR0ci5pZF09XCJlbGVtZW50LmFyaWFUaXRsZUlkXCIgW2F0dHIudGFiaW5kZXhdPVwiZWxlbWVudC50aXRsZVRhYkluZGV4XCIgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJlbGVtZW50LnRpdGxlQXJpYUV4cGFuZGVkXCIgW2F0dHIucm9sZV09XCJlbGVtZW50LnRpdGxlQXJpYVJvbGVcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiPjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj48L2g2PlxuICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cIidkaXYnXCJbY2xhc3NdPVwiZWxlbWVudC5jc3NUaXRsZVwiIFthdHRyLmlkXT1cImVsZW1lbnQuYXJpYVRpdGxlSWRcIiBbYXR0ci50YWJpbmRleF09XCJlbGVtZW50LnRpdGxlVGFiSW5kZXhcIiBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImVsZW1lbnQudGl0bGVBcmlhRXhwYW5kZWRcIiBbYXR0ci5yb2xlXT1cImVsZW1lbnQudGl0bGVBcmlhUm9sZVwiIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCI+PG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRpdGxlQ29udGVudFwiPjwvbmctY29udGFpbmVyPjwvZGl2PlxuICAgIDxsYWJlbCAqbmdTd2l0Y2hDYXNlPVwiJ2xhYmVsJ1wiW2NsYXNzXT1cImVsZW1lbnQuY3NzVGl0bGVcIiBbYXR0ci5pZF09XCJlbGVtZW50LmFyaWFUaXRsZUlkXCIgW2F0dHIudGFiaW5kZXhdPVwiZWxlbWVudC50aXRsZVRhYkluZGV4XCIgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJlbGVtZW50LnRpdGxlQXJpYUV4cGFuZGVkXCIgW2F0dHIucm9sZV09XCJlbGVtZW50LnRpdGxlQXJpYVJvbGVcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiPjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj48L2xhYmVsPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLXRlbXBsYXRlICN0aXRsZUNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L25nLXRlbXBsYXRlPlxuPC9uZy10ZW1wbGF0ZT4iXX0=