survey-angular-ui
Version:
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.
27 lines • 5.85 kB
JavaScript
import { Component, Input } from "@angular/core";
import { BaseAngular } from "../../base-angular";
import { AngularComponentFactory } from "../../component-factory";
import * as i0 from "@angular/core";
import * as i1 from "../svg-icon/svg-icon.component";
import * as i2 from "../../string-viewer.component";
import * as i3 from "../../utils/ng-key2click.directive";
import * as i4 from "@angular/common";
export class ActionBarItemComponent extends BaseAngular {
getModel() {
return this.model;
}
}
ActionBarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ActionBarItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
ActionBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ActionBarItemComponent, selector: "sv-action-bar-item", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <button type=\"button\" (click)=\"model.doAction($event)\" (mousedown)=\"model.doMouseDown($event)\" (focus)=\"model.doFocus($event)\" [key2click]=\"{ processEsc: false, disableTabStop: model.disableTabStop }\" [class]=\"model.getActionBarItemCss()\" [attr.title]=\"model.tooltip || model.title\" [attr.aria-checked]=\"model.ariaChecked\" [attr.aria-expanded]=\"model.ariaExpanded\" [attr.role]=\"model.ariaRole\" [disabled]=\"model.disabled\">\n <svg *ngIf=\"model.iconName\" [iconName]=\"model.iconName\" [size]=\"model.iconSize\" [title]=\"model.tooltip || model.title\" [class]=\"model.cssClasses.itemIcon\" sv-ng-svg-icon></svg>\n <sv-ng-string-viewer style=\"display:contents\" *ngIf=\"model.hasTitle\" [model]=\"model.locTitle\" [textClass]=\"model.getActionBarItemTitleCss()\"></sv-ng-string-viewer>\n </button>\n<ng-template>", styles: [":host{display:none}\n"], components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i2.StringViewerComponent, selector: "sv-ng-string-viewer, string-viewer, '[sv-ng-string-viewer]'", inputs: ["model", "textClass"] }], directives: [{ type: i3.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ActionBarItemComponent, decorators: [{
type: Component,
args: [{
selector: "sv-action-bar-item",
templateUrl: "./action-bar-item.component.html",
styleUrls: ["../../hide-host.scss"]
}]
}], propDecorators: { model: [{
type: Input
}] } });
AngularComponentFactory.Instance.registerComponent("sv-action-bar-item", ActionBarItemComponent);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FjdGlvbi1iYXIvYWN0aW9uLWJhci1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FjdGlvbi1iYXIvYWN0aW9uLWJhci1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7O0FBT2xFLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxXQUFXO0lBR3JELFFBQVE7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQzs7b0hBTFUsc0JBQXNCO3dHQUF0QixzQkFBc0IsNkdDVG5DLHMyQkFLYTs0RkRJQSxzQkFBc0I7a0JBTGxDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsV0FBVyxFQUFFLGtDQUFrQztvQkFDL0MsU0FBUyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ3BDOzhCQUVVLEtBQUs7c0JBQWIsS0FBSzs7QUFPUix1QkFBdUIsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsb0JBQW9CLEVBQUUsc0JBQXNCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQmFzZUFuZ3VsYXIgfSBmcm9tIFwiLi4vLi4vYmFzZS1hbmd1bGFyXCI7XG5pbXBvcnQgeyBBbmd1bGFyQ29tcG9uZW50RmFjdG9yeSB9IGZyb20gXCIuLi8uLi9jb21wb25lbnQtZmFjdG9yeVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3YtYWN0aW9uLWJhci1pdGVtXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vYWN0aW9uLWJhci1pdGVtLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi4vLi4vaGlkZS1ob3N0LnNjc3NcIl1cbn0pXG5leHBvcnQgY2xhc3MgQWN0aW9uQmFySXRlbUNvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyIHtcbiAgQElucHV0KCkgbW9kZWw6IGFueTtcblxuICBnZXRNb2RlbCgpIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbDtcbiAgfVxufVxuXG5Bbmd1bGFyQ29tcG9uZW50RmFjdG9yeS5JbnN0YW5jZS5yZWdpc3RlckNvbXBvbmVudChcInN2LWFjdGlvbi1iYXItaXRlbVwiLCBBY3Rpb25CYXJJdGVtQ29tcG9uZW50KTsiLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwibW9kZWwuZG9BY3Rpb24oJGV2ZW50KVwiIChtb3VzZWRvd24pPVwibW9kZWwuZG9Nb3VzZURvd24oJGV2ZW50KVwiIChmb2N1cyk9XCJtb2RlbC5kb0ZvY3VzKCRldmVudClcIiBba2V5MmNsaWNrXT1cInsgcHJvY2Vzc0VzYzogZmFsc2UsIGRpc2FibGVUYWJTdG9wOiBtb2RlbC5kaXNhYmxlVGFiU3RvcCB9XCIgW2NsYXNzXT1cIm1vZGVsLmdldEFjdGlvbkJhckl0ZW1Dc3MoKVwiIFthdHRyLnRpdGxlXT1cIm1vZGVsLnRvb2x0aXAgfHwgbW9kZWwudGl0bGVcIiBbYXR0ci5hcmlhLWNoZWNrZWRdPVwibW9kZWwuYXJpYUNoZWNrZWRcIiBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cIm1vZGVsLmFyaWFFeHBhbmRlZFwiIFthdHRyLnJvbGVdPVwibW9kZWwuYXJpYVJvbGVcIiBbZGlzYWJsZWRdPVwibW9kZWwuZGlzYWJsZWRcIj5cbiAgICA8c3ZnICpuZ0lmPVwibW9kZWwuaWNvbk5hbWVcIiBbaWNvbk5hbWVdPVwibW9kZWwuaWNvbk5hbWVcIiBbc2l6ZV09XCJtb2RlbC5pY29uU2l6ZVwiIFt0aXRsZV09XCJtb2RlbC50b29sdGlwIHx8IG1vZGVsLnRpdGxlXCIgW2NsYXNzXT1cIm1vZGVsLmNzc0NsYXNzZXMuaXRlbUljb25cIiBzdi1uZy1zdmctaWNvbj48L3N2Zz5cbiAgICA8c3Ytbmctc3RyaW5nLXZpZXdlciBzdHlsZT1cImRpc3BsYXk6Y29udGVudHNcIiAqbmdJZj1cIm1vZGVsLmhhc1RpdGxlXCIgW21vZGVsXT1cIm1vZGVsLmxvY1RpdGxlXCIgW3RleHRDbGFzc109XCJtb2RlbC5nZXRBY3Rpb25CYXJJdGVtVGl0bGVDc3MoKVwiPjwvc3Ytbmctc3RyaW5nLXZpZXdlcj5cbiAgPC9idXR0b24+XG48bmctdGVtcGxhdGU+Il19