UNPKG

survey-creator-angular

Version:

Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.

37 lines 6.34 kB
import { Component, Input } from "@angular/core"; import { BaseAngular, AngularComponentFactory } from "survey-angular-ui"; import * as i0 from "@angular/core"; import * as i1 from "survey-angular-ui"; import * as i2 from "@angular/common"; export class ToolboxItemComponent extends BaseAngular { constructor() { super(...arguments); this.isCompact = false; } getModel() { return this.viewModel; } get item() { return this.model; } } ToolboxItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ToolboxItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); ToolboxItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ToolboxItemComponent, selector: "svc-toolbox-item", inputs: { creator: "creator", model: "model", isCompact: "isCompact", viewModel: "viewModel" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div role=\"button\" [attr.aria-label]=\"this.item.tooltip\" [class]=\"this.item.renderedCss\"\n (click)=\"viewModel.click($event)\" [key2click]>\n <span class=\"svc-toolbox__item-container\">\n <svg *ngIf=\"item.iconName\" [iconName]=\"item.iconName\" [size]=\"'auto'\" class=\"svc-toolbox__item-icon\" [title]=\"this.item.tooltip\"\n sv-ng-svg-icon></svg>\n </span>\n <span *ngIf=\"!isCompact\" class=\"svc-toolbox__item-title\">{{item.title}}</span>\n </div>\n <span *ngIf=\"isCompact\" class=\"svc-toolbox__item-banner\" (click)=\"viewModel.click($event)\">\n <svg *ngIf=\"item.iconName\" [iconName]=\"item.iconName\" [size]=\"'auto'\" class=\"svc-toolbox__item-icon\"\n sv-ng-svg-icon></svg>\n <span>{{item.title}}</span>\n </span>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }], directives: [{ type: i1.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ToolboxItemComponent, decorators: [{ type: Component, args: [{ selector: "svc-toolbox-item", templateUrl: "./toolbox-item.component.html", styles: [":host { display: none; }"] }] }], propDecorators: { creator: [{ type: Input }], model: [{ type: Input }], isCompact: [{ type: Input }], viewModel: [{ type: Input }] } }); AngularComponentFactory.Instance.registerComponent("svc-toolbox-item", ToolboxItemComponent); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJveC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sYm94L3Rvb2xib3gtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi9zcmMvdG9vbGJveC90b29sYm94LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLFdBQVcsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7O0FBT3pFLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxXQUFpQztJQUwzRTs7UUFRVyxjQUFTLEdBQVksS0FBSyxDQUFDO0tBUXJDO0lBTlcsUUFBUTtRQUNoQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQVcsSUFBSTtRQUNiLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDOztrSEFWVSxvQkFBb0I7c0dBQXBCLG9CQUFvQiwrS0NUakMsdXpCQWNjOzRGRExELG9CQUFvQjtrQkFMaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixXQUFXLEVBQUUsK0JBQStCO29CQUM1QyxNQUFNLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDckM7OEJBRVUsT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7O0FBUVIsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLGtCQUFrQixFQUFFLG9CQUFvQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFRvb2xib3hUb29sVmlld01vZGVsLCBTdXJ2ZXlDcmVhdG9yTW9kZWwsIElRdWVzdGlvblRvb2xib3hJdGVtLCBRdWVzdGlvblRvb2xib3hJdGVtIH0gZnJvbSBcInN1cnZleS1jcmVhdG9yLWNvcmVcIjtcbmltcG9ydCB7IEJhc2VBbmd1bGFyLCBBbmd1bGFyQ29tcG9uZW50RmFjdG9yeSB9IGZyb20gXCJzdXJ2ZXktYW5ndWxhci11aVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3ZjLXRvb2xib3gtaXRlbVwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3Rvb2xib3gtaXRlbS5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZXM6IFtcIjpob3N0IHsgZGlzcGxheTogbm9uZTsgfVwiXVxufSlcbmV4cG9ydCBjbGFzcyBUb29sYm94SXRlbUNvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyPFRvb2xib3hUb29sVmlld01vZGVsPiB7XG4gIEBJbnB1dCgpIGNyZWF0b3IhOiBTdXJ2ZXlDcmVhdG9yTW9kZWw7XG4gIEBJbnB1dCgpIG1vZGVsITogUXVlc3Rpb25Ub29sYm94SXRlbTtcbiAgQElucHV0KCkgaXNDb21wYWN0OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHZpZXdNb2RlbCE6IFRvb2xib3hUb29sVmlld01vZGVsXG4gIHByb3RlY3RlZCBnZXRNb2RlbCgpOiBUb29sYm94VG9vbFZpZXdNb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMudmlld01vZGVsO1xuICB9XG4gIHB1YmxpYyBnZXQgaXRlbSgpIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbDtcbiAgfVxufVxuQW5ndWxhckNvbXBvbmVudEZhY3RvcnkuSW5zdGFuY2UucmVnaXN0ZXJDb21wb25lbnQoXCJzdmMtdG9vbGJveC1pdGVtXCIsIFRvb2xib3hJdGVtQ29tcG9uZW50KTtcbiIsIjxuZy10ZW1wbGF0ZSAjdGVtcGxhdGU+XG4gIDxkaXYgcm9sZT1cImJ1dHRvblwiIFthdHRyLmFyaWEtbGFiZWxdPVwidGhpcy5pdGVtLnRvb2x0aXBcIiBbY2xhc3NdPVwidGhpcy5pdGVtLnJlbmRlcmVkQ3NzXCJcbiAgICAoY2xpY2spPVwidmlld01vZGVsLmNsaWNrKCRldmVudClcIiBba2V5MmNsaWNrXT5cbiAgICA8c3BhbiBjbGFzcz1cInN2Yy10b29sYm94X19pdGVtLWNvbnRhaW5lclwiPlxuICAgICAgPHN2ZyAqbmdJZj1cIml0ZW0uaWNvbk5hbWVcIiBbaWNvbk5hbWVdPVwiaXRlbS5pY29uTmFtZVwiIFtzaXplXT1cIidhdXRvJ1wiIGNsYXNzPVwic3ZjLXRvb2xib3hfX2l0ZW0taWNvblwiIFt0aXRsZV09XCJ0aGlzLml0ZW0udG9vbHRpcFwiXG4gICAgICAgIHN2LW5nLXN2Zy1pY29uPjwvc3ZnPlxuICAgIDwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cIiFpc0NvbXBhY3RcIiBjbGFzcz1cInN2Yy10b29sYm94X19pdGVtLXRpdGxlXCI+e3tpdGVtLnRpdGxlfX08L3NwYW4+XG4gICAgPC9kaXY+XG4gIDxzcGFuICpuZ0lmPVwiaXNDb21wYWN0XCIgY2xhc3M9XCJzdmMtdG9vbGJveF9faXRlbS1iYW5uZXJcIiAoY2xpY2spPVwidmlld01vZGVsLmNsaWNrKCRldmVudClcIj5cbiAgICA8c3ZnICpuZ0lmPVwiaXRlbS5pY29uTmFtZVwiIFtpY29uTmFtZV09XCJpdGVtLmljb25OYW1lXCIgW3NpemVdPVwiJ2F1dG8nXCIgY2xhc3M9XCJzdmMtdG9vbGJveF9faXRlbS1pY29uXCJcbiAgICAgIHN2LW5nLXN2Zy1pY29uPjwvc3ZnPlxuICAgIDxzcGFuPnt7aXRlbS50aXRsZX19PC9zcGFuPlxuICAgIDwvc3Bhbj5cbjwvbmctdGVtcGxhdGU+Il19