survey-creator-angular
Version:
Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.
30 lines • 6.83 kB
JavaScript
import { Component, Input } from "@angular/core";
import { AngularComponentFactory, BaseAngular } from "survey-angular-ui";
import * as i0 from "@angular/core";
import * as i1 from "survey-angular-ui";
import * as i2 from "./toolbox-tool.component";
import * as i3 from "@angular/common";
export class ToolboxCategoryComponent extends BaseAngular {
getModel() {
return this.category;
}
trackItemBy(_, item) {
return item.renderedId;
}
}
ToolboxCategoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ToolboxCategoryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
ToolboxCategoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ToolboxCategoryComponent, selector: "svc-toolbox-category ", inputs: { category: "category", toolbox: "toolbox" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div class=\"svc-toolbox__category\" [class.svc-toolbox__category--collapsed]=\"category.collapsed\"\n [class.svc-toolbox__category--empty]=\"category.empty\">\n <div class=\"svc-toolbox__category-header-wrapper\">\n <div class=\"svc-toolbox__category-header\"\n (click)=\"category.toggleState()\" [key2click] [class.svc-toolbox__category-header--collapsed]=\"toolbox.canCollapseCategories\" >\n <span class=\"svc-toolbox__category-title\">{{category.title}}</span>\n <div *ngIf=\"toolbox.canCollapseCategories\" class=\"svc-toolbox__category-header__controls\">\n <svg [iconName]=\"category.iconName\" [class]=\"category.iconClassName\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n </div>\n </div>\n </div>\n <ng-container *ngFor=\"let item of category.items; trackBy: trackItemBy\">\n <svc-toolbox-tool [item]=\"item\" [creator]=\"toolbox.creator\" [parentModel]=\"toolbox\" [isCompact]=\"false\" ></svc-toolbox-tool>\n </ng-container>\n </div>\n</ng-template>\n", styles: [":host { display: none; }"], components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i2.ToolboxToolComponent, selector: "svc-toolbox-tool", inputs: ["creator", "item", "parentModel", "isCompact"] }], directives: [{ type: i1.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ToolboxCategoryComponent, decorators: [{
type: Component,
args: [{
selector: "svc-toolbox-category ",
templateUrl: "./toolbox-category.component.html",
styles: [":host { display: none; }"]
}]
}], propDecorators: { category: [{
type: Input
}], toolbox: [{
type: Input
}] } });
AngularComponentFactory.Instance.registerComponent("svc-toolbox-category", ToolboxCategoryComponent);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJveC1jYXRlZ29yeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdG9vbGJveC90b29sYm94LWNhdGVnb3J5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy90b29sYm94L3Rvb2xib3gtY2F0ZWdvcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7OztBQVF6RSxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsV0FBb0M7SUFHaEYsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBQ0QsV0FBVyxDQUFDLENBQVMsRUFBRSxJQUF5QjtRQUM5QyxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQzs7c0hBUlUsd0JBQXdCOzBHQUF4Qix3QkFBd0IsMElDVHJDLHdpQ0FpQkE7NEZEUmEsd0JBQXdCO2tCQUxwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFdBQVcsRUFBRSxtQ0FBbUM7b0JBQ2hELE1BQU0sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUNyQzs4QkFFVSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSzs7QUFTUix1QkFBdUIsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsc0JBQXNCLEVBQUUsd0JBQXdCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudEZhY3RvcnksIEJhc2VBbmd1bGFyIH0gZnJvbSBcInN1cnZleS1hbmd1bGFyLXVpXCI7XG5pbXBvcnQgeyBRdWVzdGlvblRvb2xib3gsIFF1ZXN0aW9uVG9vbGJveENhdGVnb3J5LCBRdWVzdGlvblRvb2xib3hJdGVtIH0gZnJvbSBcInN1cnZleS1jcmVhdG9yLWNvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2Yy10b29sYm94LWNhdGVnb3J5IFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3Rvb2xib3gtY2F0ZWdvcnkuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVzOiBbXCI6aG9zdCB7IGRpc3BsYXk6IG5vbmU7IH1cIl1cbn0pXG5leHBvcnQgY2xhc3MgVG9vbGJveENhdGVnb3J5Q29tcG9uZW50IGV4dGVuZHMgQmFzZUFuZ3VsYXI8UXVlc3Rpb25Ub29sYm94Q2F0ZWdvcnk+IHtcbiAgQElucHV0KCkgY2F0ZWdvcnkhOiBRdWVzdGlvblRvb2xib3hDYXRlZ29yeTtcbiAgQElucHV0KCkgdG9vbGJveCE6IFF1ZXN0aW9uVG9vbGJveDtcbiAgZ2V0TW9kZWwoKSB7XG4gICAgcmV0dXJuIHRoaXMuY2F0ZWdvcnk7XG4gIH1cbiAgdHJhY2tJdGVtQnkoXzogbnVtYmVyLCBpdGVtOiBRdWVzdGlvblRvb2xib3hJdGVtKSB7XG4gICAgcmV0dXJuIGl0ZW0ucmVuZGVyZWRJZDtcbiAgfVxufVxuXG5Bbmd1bGFyQ29tcG9uZW50RmFjdG9yeS5JbnN0YW5jZS5yZWdpc3RlckNvbXBvbmVudChcInN2Yy10b29sYm94LWNhdGVnb3J5XCIsIFRvb2xib3hDYXRlZ29yeUNvbXBvbmVudCk7XG4iLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwic3ZjLXRvb2xib3hfX2NhdGVnb3J5XCIgW2NsYXNzLnN2Yy10b29sYm94X19jYXRlZ29yeS0tY29sbGFwc2VkXT1cImNhdGVnb3J5LmNvbGxhcHNlZFwiXG4gICAgW2NsYXNzLnN2Yy10b29sYm94X19jYXRlZ29yeS0tZW1wdHldPVwiY2F0ZWdvcnkuZW1wdHlcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3ZjLXRvb2xib3hfX2NhdGVnb3J5LWhlYWRlci13cmFwcGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic3ZjLXRvb2xib3hfX2NhdGVnb3J5LWhlYWRlclwiXG4gICAgICAgIChjbGljayk9XCJjYXRlZ29yeS50b2dnbGVTdGF0ZSgpXCIgW2tleTJjbGlja10gW2NsYXNzLnN2Yy10b29sYm94X19jYXRlZ29yeS1oZWFkZXItLWNvbGxhcHNlZF09XCJ0b29sYm94LmNhbkNvbGxhcHNlQ2F0ZWdvcmllc1wiID5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzdmMtdG9vbGJveF9fY2F0ZWdvcnktdGl0bGVcIj57e2NhdGVnb3J5LnRpdGxlfX08L3NwYW4+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJ0b29sYm94LmNhbkNvbGxhcHNlQ2F0ZWdvcmllc1wiIGNsYXNzPVwic3ZjLXRvb2xib3hfX2NhdGVnb3J5LWhlYWRlcl9fY29udHJvbHNcIj5cbiAgICAgICAgICA8c3ZnIFtpY29uTmFtZV09XCJjYXRlZ29yeS5pY29uTmFtZVwiIFtjbGFzc109XCJjYXRlZ29yeS5pY29uQ2xhc3NOYW1lXCIgW3NpemVdPVwiJ2F1dG8nXCIgc3Ytbmctc3ZnLWljb24+PC9zdmc+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGNhdGVnb3J5Lml0ZW1zOyB0cmFja0J5OiB0cmFja0l0ZW1CeVwiPlxuICAgICAgICA8c3ZjLXRvb2xib3gtdG9vbCBbaXRlbV09XCJpdGVtXCIgW2NyZWF0b3JdPVwidG9vbGJveC5jcmVhdG9yXCIgW3BhcmVudE1vZGVsXT1cInRvb2xib3hcIiBbaXNDb21wYWN0XT1cImZhbHNlXCIgPjwvc3ZjLXRvb2xib3gtdG9vbD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=