survey-creator-angular/esm2015/components/action-button.component.js

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

import { Component, Input } from "@angular/core";
import { AngularComponentFactory, EmbeddedViewContentComponent } 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 ActionButtonComponent extends EmbeddedViewContentComponent {
    constructor() {
        super(...arguments);
        this.classes = "";
        this.selected = false;
        this.disabled = false;
        this.text = "";
        this.title = "";
        this.iconName = "";
        this.allowBubble = false;
    }
    onClick(event) {
        this.click();
        if (!this.allowBubble) {
            event.stopPropagation();
        }
    }
}
ActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ActionButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
ActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ActionButtonComponent, selector: "svc-action-button", inputs: { classes: "classes", click: "click", selected: "selected", disabled: "disabled", text: "text", title: "title", iconName: "iconName", allowBubble: "allowBubble" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <ng-container *ngIf=\"!iconName\">\n    <span *ngIf=\"disabled\" class=\"svc-action-button svc-action-button--disabled\" [class]=\"classes\"\n      [attr.title]=\"title\">{{text}}</span>\n    <span *ngIf=\"!disabled\" role=\"button\" class=\"svc-action-button\" (click)=\"onClick($event)\" [key2click]\n      [attr.title]=\"title\" [class.svc-action-button--selected]=\"selected\" [class]=\"classes\">{{text}}</span>\n  </ng-container>\n  <ng-container *ngIf=\"iconName\">\n    <span *ngIf=\"disabled\" class=\"svc-action-button svc-action-button--disabled svc-action-button--icon\"\n      [class]=\"classes\" [attr.title]=\"title\">\n      <svg [iconName]=\"iconName\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n    </span>\n    <span *ngIf=\"!disabled\" class=\"svc-action-button svc-action-button--icon\" (click)=\"onClick($event)\" [key2click]\n      [attr.title]=\"title\" [attr.aria-label]=\"text\" [class]=\"classes\" [class.svc-action-button--selected]=\"selected\">\n      <svg [iconName]=\"iconName\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n    </span>\n  </ng-container>\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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ActionButtonComponent, decorators: [{
            type: Component,
            args: [{
                    selector: "svc-action-button",
                    templateUrl: "./action-button.component.html",
                    styles: [":host { display: none; }"]
                }]
        }], propDecorators: { classes: [{
                type: Input
            }], click: [{
                type: Input
            }], selected: [{
                type: Input
            }], disabled: [{
                type: Input
            }], text: [{
                type: Input
            }], title: [{
                type: Input
            }], iconName: [{
                type: Input
            }], allowBubble: [{
                type: Input
            }] } });
AngularComponentFactory.Instance.registerComponent("svc-action-button", ActionButtonComponent);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FjdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLDRCQUE0QixFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7QUFPMUYsTUFBTSxPQUFPLHFCQUFzQixTQUFRLDRCQUE0QjtJQUx2RTs7UUFPVyxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBRXJCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixnQkFBVyxHQUFZLEtBQUssQ0FBQztLQU92QztJQU5DLE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3JCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztTQUN6QjtJQUNILENBQUM7O21IQWZVLHFCQUFxQjt1R0FBckIscUJBQXFCLDRQQ1JsQyxxbUNBaUJjOzRGRFRELHFCQUFxQjtrQkFMakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixXQUFXLEVBQUUsZ0NBQWdDO29CQUM3QyxNQUFNLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDckM7OEJBR1UsT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7O0FBU1IsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLG1CQUFtQixFQUFFLHFCQUFxQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEFuZ3VsYXJDb21wb25lbnRGYWN0b3J5LCBFbWJlZGRlZFZpZXdDb250ZW50Q29tcG9uZW50IH0gZnJvbSBcInN1cnZleS1hbmd1bGFyLXVpXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJzdmMtYWN0aW9uLWJ1dHRvblwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2FjdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVzOiBbXCI6aG9zdCB7IGRpc3BsYXk6IG5vbmU7IH1cIl1cbn0pXG5leHBvcnQgY2xhc3MgQWN0aW9uQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgRW1iZWRkZWRWaWV3Q29udGVudENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nID0gXCJcIjtcbiAgQElucHV0KCkgY2xpY2shOiAoKSA9PiB2b2lkO1xuICBASW5wdXQoKSBzZWxlY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gXCJcIjtcbiAgQElucHV0KCkgaWNvbk5hbWU6IHN0cmluZyA9IFwiXCI7XG4gIEBJbnB1dCgpIGFsbG93QnViYmxlOiBib29sZWFuID0gZmFsc2U7XG4gIG9uQ2xpY2soZXZlbnQ6IGFueSkge1xuICAgIHRoaXMuY2xpY2soKTtcbiAgICBpZiAoIXRoaXMuYWxsb3dCdWJibGUpIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cbiAgfVxufVxuXG5Bbmd1bGFyQ29tcG9uZW50RmFjdG9yeS5JbnN0YW5jZS5yZWdpc3RlckNvbXBvbmVudChcInN2Yy1hY3Rpb24tYnV0dG9uXCIsIEFjdGlvbkJ1dHRvbkNvbXBvbmVudCk7XG5cbiIsIjxuZy10ZW1wbGF0ZSAjdGVtcGxhdGU+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaWNvbk5hbWVcIj5cbiAgICA8c3BhbiAqbmdJZj1cImRpc2FibGVkXCIgY2xhc3M9XCJzdmMtYWN0aW9uLWJ1dHRvbiBzdmMtYWN0aW9uLWJ1dHRvbi0tZGlzYWJsZWRcIiBbY2xhc3NdPVwiY2xhc3Nlc1wiXG4gICAgICBbYXR0ci50aXRsZV09XCJ0aXRsZVwiPnt7dGV4dH19PC9zcGFuPlxuICAgIDxzcGFuICpuZ0lmPVwiIWRpc2FibGVkXCIgcm9sZT1cImJ1dHRvblwiIGNsYXNzPVwic3ZjLWFjdGlvbi1idXR0b25cIiAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCIgW2tleTJjbGlja11cbiAgICAgIFthdHRyLnRpdGxlXT1cInRpdGxlXCIgW2NsYXNzLnN2Yy1hY3Rpb24tYnV0dG9uLS1zZWxlY3RlZF09XCJzZWxlY3RlZFwiIFtjbGFzc109XCJjbGFzc2VzXCI+e3t0ZXh0fX08L3NwYW4+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaWNvbk5hbWVcIj5cbiAgICA8c3BhbiAqbmdJZj1cImRpc2FibGVkXCIgY2xhc3M9XCJzdmMtYWN0aW9uLWJ1dHRvbiBzdmMtYWN0aW9uLWJ1dHRvbi0tZGlzYWJsZWQgc3ZjLWFjdGlvbi1idXR0b24tLWljb25cIlxuICAgICAgW2NsYXNzXT1cImNsYXNzZXNcIiBbYXR0ci50aXRsZV09XCJ0aXRsZVwiPlxuICAgICAgPHN2ZyBbaWNvbk5hbWVdPVwiaWNvbk5hbWVcIiBbc2l6ZV09XCInYXV0bydcIiBzdi1uZy1zdmctaWNvbj48L3N2Zz5cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gKm5nSWY9XCIhZGlzYWJsZWRcIiBjbGFzcz1cInN2Yy1hY3Rpb24tYnV0dG9uIHN2Yy1hY3Rpb24tYnV0dG9uLS1pY29uXCIgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiIFtrZXkyY2xpY2tdXG4gICAgICBbYXR0ci50aXRsZV09XCJ0aXRsZVwiIFthdHRyLmFyaWEtbGFiZWxdPVwidGV4dFwiIFtjbGFzc109XCJjbGFzc2VzXCIgW2NsYXNzLnN2Yy1hY3Rpb24tYnV0dG9uLS1zZWxlY3RlZF09XCJzZWxlY3RlZFwiPlxuICAgICAgPHN2ZyBbaWNvbk5hbWVdPVwiaWNvbk5hbWVcIiBbc2l6ZV09XCInYXV0bydcIiBzdi1uZy1zdmctaWNvbj48L3N2Zz5cbiAgICA8L3NwYW4+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT4iXX0=