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.
37 lines • 7.09 kB
JavaScript
import { Component, Input } from "@angular/core";
import { ActionDropdownViewModel } from "survey-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 "../popup/popup.component";
import * as i4 from "../../utils/ng-key2click.directive";
import * as i5 from "@angular/common";
export class ActionBarItemDropdownComponent extends BaseAngular {
getModel() {
return this.model;
}
ngOnInit() {
super.ngOnInit();
this.viewModel = new ActionDropdownViewModel(this.model);
}
ngOnDestroy() {
this.viewModel.dispose();
super.ngOnDestroy();
}
}
ActionBarItemDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ActionBarItemDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
ActionBarItemDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ActionBarItemDropdownComponent, selector: "sv-action-bar-item-dropdown", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <button type=\"button\" (click)=\"model.action(model, model.getIsTrusted($event))\" [key2click]=\"{ processEsc: false, disableTabStop: model.disableTabStop }\" [class]=\"model.getActionBarItemCss()\" [title]=\"model.tooltip || model.title\" [disabled]=\"model.disabled\" [attr.role]=\"model.ariaRole\">\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 <sv-ng-popup [popupModel]=\"model.popupModel\"></sv-ng-popup>\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"] }, { type: i3.PopupComponent, selector: "sv-ng-popup, '[sv-ng-popup]'", inputs: ["popupModel"] }], directives: [{ type: i4.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ActionBarItemDropdownComponent, decorators: [{
type: Component,
args: [{
selector: "sv-action-bar-item-dropdown",
templateUrl: "./action-bar-item-dropdown.component.html",
styleUrls: ["../../hide-host.scss"]
}]
}], propDecorators: { model: [{
type: Input
}] } });
AngularComponentFactory.Instance.registerComponent("sv-action-bar-item-dropdown", ActionBarItemDropdownComponent);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci1pdGVtLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FjdGlvbi1iYXIvYWN0aW9uLWJhci1pdGVtLWRyb3Bkb3duLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FjdGlvbi1iYXIvYWN0aW9uLWJhci1pdGVtLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN0RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7Ozs7QUFPbEUsTUFBTSxPQUFPLDhCQUErQixTQUFRLFdBQVc7SUFJbkQsUUFBUTtRQUNoQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUNRLFFBQVE7UUFDZixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLHVCQUF1QixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzRCxDQUFDO0lBQ1EsV0FBVztRQUNsQixJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ3pCLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN0QixDQUFDOzs0SEFkVSw4QkFBOEI7Z0hBQTlCLDhCQUE4QixzSENWM0MseXlCQU1jOzRGRElELDhCQUE4QjtrQkFMMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNkJBQTZCO29CQUN2QyxXQUFXLEVBQUUsMkNBQTJDO29CQUN4RCxTQUFTLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDcEM7OEJBRVUsS0FBSztzQkFBYixLQUFLOztBQWdCUix1QkFBdUIsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsNkJBQTZCLEVBQUUsOEJBQThCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQWN0aW9uRHJvcGRvd25WaWV3TW9kZWwgfSBmcm9tIFwic3VydmV5LWNvcmVcIjtcbmltcG9ydCB7IEJhc2VBbmd1bGFyIH0gZnJvbSBcIi4uLy4uL2Jhc2UtYW5ndWxhclwiO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudEZhY3RvcnkgfSBmcm9tIFwiLi4vLi4vY29tcG9uZW50LWZhY3RvcnlcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2LWFjdGlvbi1iYXItaXRlbS1kcm9wZG93blwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2FjdGlvbi1iYXItaXRlbS1kcm9wZG93bi5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4uLy4uL2hpZGUtaG9zdC5zY3NzXCJdXG59KVxuZXhwb3J0IGNsYXNzIEFjdGlvbkJhckl0ZW1Ecm9wZG93bkNvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyIHtcbiAgQElucHV0KCkgbW9kZWw6IGFueTtcbiAgcHJvdGVjdGVkIHZpZXdNb2RlbCE6IEFjdGlvbkRyb3Bkb3duVmlld01vZGVsO1xuXG4gIHByb3RlY3RlZCBnZXRNb2RlbCgpIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbDtcbiAgfVxuICBvdmVycmlkZSBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgIHRoaXMudmlld01vZGVsID0gbmV3IEFjdGlvbkRyb3Bkb3duVmlld01vZGVsKHRoaXMubW9kZWwpO1xuICB9XG4gIG92ZXJyaWRlIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMudmlld01vZGVsLmRpc3Bvc2UoKTtcbiAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICB9XG59XG5cbkFuZ3VsYXJDb21wb25lbnRGYWN0b3J5Lkluc3RhbmNlLnJlZ2lzdGVyQ29tcG9uZW50KFwic3YtYWN0aW9uLWJhci1pdGVtLWRyb3Bkb3duXCIsIEFjdGlvbkJhckl0ZW1Ecm9wZG93bkNvbXBvbmVudCk7IiwiPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwibW9kZWwuYWN0aW9uKG1vZGVsLCBtb2RlbC5nZXRJc1RydXN0ZWQoJGV2ZW50KSlcIiBba2V5MmNsaWNrXT1cInsgcHJvY2Vzc0VzYzogZmFsc2UsIGRpc2FibGVUYWJTdG9wOiBtb2RlbC5kaXNhYmxlVGFiU3RvcCB9XCIgW2NsYXNzXT1cIm1vZGVsLmdldEFjdGlvbkJhckl0ZW1Dc3MoKVwiIFt0aXRsZV09XCJtb2RlbC50b29sdGlwIHx8IG1vZGVsLnRpdGxlXCIgW2Rpc2FibGVkXT1cIm1vZGVsLmRpc2FibGVkXCIgW2F0dHIucm9sZV09XCJtb2RlbC5hcmlhUm9sZVwiPlxuICAgICAgICA8c3ZnICpuZ0lmPVwibW9kZWwuaWNvbk5hbWVcIiBbaWNvbk5hbWVdPVwibW9kZWwuaWNvbk5hbWVcIiBbc2l6ZV09XCJtb2RlbC5pY29uU2l6ZVwiIFt0aXRsZV09XCJtb2RlbC50b29sdGlwIHx8IG1vZGVsLnRpdGxlXCIgW2NsYXNzXT1cIm1vZGVsLmNzc0NsYXNzZXMuaXRlbUljb25cIiBzdi1uZy1zdmctaWNvbj48L3N2Zz5cbiAgICAgICAgPHN2LW5nLXN0cmluZy12aWV3ZXIgIHN0eWxlPVwiZGlzcGxheTpjb250ZW50c1wiICpuZ0lmPVwibW9kZWwuaGFzVGl0bGVcIiBbbW9kZWxdPVwibW9kZWwubG9jVGl0bGVcIiBbdGV4dENsYXNzXT1cIm1vZGVsLmdldEFjdGlvbkJhckl0ZW1UaXRsZUNzcygpXCI+PC9zdi1uZy1zdHJpbmctdmlld2VyPlxuICAgIDwvYnV0dG9uPlxuICAgIDxzdi1uZy1wb3B1cCBbcG9wdXBNb2RlbF09XCJtb2RlbC5wb3B1cE1vZGVsXCI+PC9zdi1uZy1wb3B1cD5cbjwvbmctdGVtcGxhdGU+Il19