survey-creator-angular/esm2015/toolbox/toolbox-category.component.js

A white-label drag-and-drop form builder for Angular that lets you design complex, interactive forms and surveys without writing code. It generates JSON schemas used by the SurveyJS Form Library to render dynamic forms in your Angular app.

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\" [model]=\"category.locTitle\" sv-ng-string></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.SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }, { 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJveC1jYXRlZ29yeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdG9vbGJveC90b29sYm94LWNhdGVnb3J5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy90b29sYm94L3Rvb2xib3gtY2F0ZWdvcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7OztBQVF6RSxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsV0FBb0M7SUFHaEYsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBQ0QsV0FBVyxDQUFDLENBQVMsRUFBRSxJQUF5QjtRQUM5QyxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQzs7c0hBUlUsd0JBQXdCOzBHQUF4Qix3QkFBd0IsMElDVHJDLGlrQ0FpQkE7NEZEUmEsd0JBQXdCO2tCQUxwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFdBQVcsRUFBRSxtQ0FBbUM7b0JBQ2hELE1BQU0sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUNyQzs4QkFFVSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSzs7QUFTUix1QkFBdUIsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsc0JBQXNCLEVBQUUsd0JBQXdCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudEZhY3RvcnksIEJhc2VBbmd1bGFyIH0gZnJvbSBcInN1cnZleS1hbmd1bGFyLXVpXCI7XG5pbXBvcnQgeyBRdWVzdGlvblRvb2xib3gsIFF1ZXN0aW9uVG9vbGJveENhdGVnb3J5LCBRdWVzdGlvblRvb2xib3hJdGVtIH0gZnJvbSBcInN1cnZleS1jcmVhdG9yLWNvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2Yy10b29sYm94LWNhdGVnb3J5IFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3Rvb2xib3gtY2F0ZWdvcnkuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVzOiBbXCI6aG9zdCB7IGRpc3BsYXk6IG5vbmU7IH1cIl1cbn0pXG5leHBvcnQgY2xhc3MgVG9vbGJveENhdGVnb3J5Q29tcG9uZW50IGV4dGVuZHMgQmFzZUFuZ3VsYXI8UXVlc3Rpb25Ub29sYm94Q2F0ZWdvcnk+IHtcbiAgQElucHV0KCkgY2F0ZWdvcnkhOiBRdWVzdGlvblRvb2xib3hDYXRlZ29yeTtcbiAgQElucHV0KCkgdG9vbGJveCE6IFF1ZXN0aW9uVG9vbGJveDtcbiAgZ2V0TW9kZWwoKSB7XG4gICAgcmV0dXJuIHRoaXMuY2F0ZWdvcnk7XG4gIH1cbiAgdHJhY2tJdGVtQnkoXzogbnVtYmVyLCBpdGVtOiBRdWVzdGlvblRvb2xib3hJdGVtKSB7XG4gICAgcmV0dXJuIGl0ZW0ucmVuZGVyZWRJZDtcbiAgfVxufVxuXG5Bbmd1bGFyQ29tcG9uZW50RmFjdG9yeS5JbnN0YW5jZS5yZWdpc3RlckNvbXBvbmVudChcInN2Yy10b29sYm94LWNhdGVnb3J5XCIsIFRvb2xib3hDYXRlZ29yeUNvbXBvbmVudCk7XG4iLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwic3ZjLXRvb2xib3hfX2NhdGVnb3J5XCIgW2NsYXNzLnN2Yy10b29sYm94X19jYXRlZ29yeS0tY29sbGFwc2VkXT1cImNhdGVnb3J5LmNvbGxhcHNlZFwiXG4gICAgW2NsYXNzLnN2Yy10b29sYm94X19jYXRlZ29yeS0tZW1wdHldPVwiY2F0ZWdvcnkuZW1wdHlcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3ZjLXRvb2xib3hfX2NhdGVnb3J5LWhlYWRlci13cmFwcGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic3ZjLXRvb2xib3hfX2NhdGVnb3J5LWhlYWRlclwiXG4gICAgICAgIChjbGljayk9XCJjYXRlZ29yeS50b2dnbGVTdGF0ZSgpXCIgW2tleTJjbGlja10gW2NsYXNzLnN2Yy10b29sYm94X19jYXRlZ29yeS1oZWFkZXItLWNvbGxhcHNlZF09XCJ0b29sYm94LmNhbkNvbGxhcHNlQ2F0ZWdvcmllc1wiID5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzdmMtdG9vbGJveF9fY2F0ZWdvcnktdGl0bGVcIiBbbW9kZWxdPVwiY2F0ZWdvcnkubG9jVGl0bGVcIiBzdi1uZy1zdHJpbmc+PC9zcGFuPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwidG9vbGJveC5jYW5Db2xsYXBzZUNhdGVnb3JpZXNcIiBjbGFzcz1cInN2Yy10b29sYm94X19jYXRlZ29yeS1oZWFkZXJfX2NvbnRyb2xzXCI+XG4gICAgICAgICAgPHN2ZyBbaWNvbk5hbWVdPVwiY2F0ZWdvcnkuaWNvbk5hbWVcIiBbY2xhc3NdPVwiY2F0ZWdvcnkuaWNvbkNsYXNzTmFtZVwiIFtzaXplXT1cIidhdXRvJ1wiIHN2LW5nLXN2Zy1pY29uPjwvc3ZnPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBjYXRlZ29yeS5pdGVtczsgdHJhY2tCeTogdHJhY2tJdGVtQnlcIj5cbiAgICAgICAgPHN2Yy10b29sYm94LXRvb2wgW2l0ZW1dPVwiaXRlbVwiIFtjcmVhdG9yXT1cInRvb2xib3guY3JlYXRvclwiIFtwYXJlbnRNb2RlbF09XCJ0b29sYm94XCIgW2lzQ29tcGFjdF09XCJmYWxzZVwiID48L3N2Yy10b29sYm94LXRvb2w+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19