@iget/editor
Version:
WYSIWYG Editor for Angular Material applications
31 lines • 6.13 kB
JavaScript
import { Component, Input, Output, EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/button";
import * as i2 from "@angular/material/icon";
import * as i3 from "@angular/material/menu";
import * as i4 from "@angular/common";
export class IgetEditorToolbarButtonComponent {
constructor() {
this.menu = false;
this.clicked = new EventEmitter();
}
handleClick($event) {
this.clicked.emit($event);
$event.stopPropagation();
}
}
IgetEditorToolbarButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: IgetEditorToolbarButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
IgetEditorToolbarButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: IgetEditorToolbarButtonComponent, selector: "iget-editor-toolbar-button", inputs: { icon: "icon", title: "title", menu: "menu" }, outputs: { clicked: "clicked" }, providers: [], ngImport: i0, template: "<button mat-icon-button [title]=\"title\" (click)=\"handleClick($event)\" *ngIf=\"!menu\">\n <mat-icon>{{ icon }}</mat-icon>\n</button>\n<ng-container *ngIf=\"menu\">\n <button mat-icon-button [title]=\"title\" (click)=\"handleClick($event)\" *ngIf=\"menu\" [matMenuTriggerFor]=\"dropdown\">\n <mat-icon>{{ icon }}</mat-icon>\n </button>\n <mat-menu #dropdown=\"matMenu\">\n <ng-content select=\"[mat-menu-item],[matMenuContent]\"></ng-content>\n </mat-menu>\n</ng-container>\n", styles: ["button:focus{outline:none}button.mat-button{color:#616161}button.mat-button:hover{color:#212121}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: IgetEditorToolbarButtonComponent, decorators: [{
type: Component,
args: [{ selector: 'iget-editor-toolbar-button', providers: [], template: "<button mat-icon-button [title]=\"title\" (click)=\"handleClick($event)\" *ngIf=\"!menu\">\n <mat-icon>{{ icon }}</mat-icon>\n</button>\n<ng-container *ngIf=\"menu\">\n <button mat-icon-button [title]=\"title\" (click)=\"handleClick($event)\" *ngIf=\"menu\" [matMenuTriggerFor]=\"dropdown\">\n <mat-icon>{{ icon }}</mat-icon>\n </button>\n <mat-menu #dropdown=\"matMenu\">\n <ng-content select=\"[mat-menu-item],[matMenuContent]\"></ng-content>\n </mat-menu>\n</ng-container>\n", styles: ["button:focus{outline:none}button.mat-button{color:#616161}button.mat-button:hover{color:#212121}\n"] }]
}], propDecorators: { icon: [{
type: Input
}], title: [{
type: Input
}], menu: [{
type: Input
}], clicked: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWdldC1lZGl0b3ItdG9vbGJhci1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9pZ2V0LWVkaXRvci9pZ2V0LWVkaXRvci10b29sYmFyLWJ1dHRvbi9pZ2V0LWVkaXRvci10b29sYmFyLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2lnZXQtZWRpdG9yL2lnZXQtZWRpdG9yLXRvb2xiYXItYnV0dG9uL2lnZXQtZWRpdG9yLXRvb2xiYXItYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVNyRSxNQUFNLE9BQU8sZ0NBQWdDO0lBUDdDO1FBVVcsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUVaLFlBQU8sR0FBNkIsSUFBSSxZQUFZLEVBQWMsQ0FBQztLQU85RTtJQUxDLFdBQVcsQ0FBQyxNQUFrQjtRQUM1QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUUxQixNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7NkhBWFUsZ0NBQWdDO2lIQUFoQyxnQ0FBZ0MsOElBSGhDLEVBQUUsMEJDTmYsNGVBV0E7MkZERmEsZ0NBQWdDO2tCQVA1QyxTQUFTOytCQUNFLDRCQUE0QixhQUczQixFQUFFOzhCQUlKLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWdldC1lZGl0b3ItdG9vbGJhci1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vaWdldC1lZGl0b3ItdG9vbGJhci1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pZ2V0LWVkaXRvci10b29sYmFyLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtdXG59KVxuXG5leHBvcnQgY2xhc3MgSWdldEVkaXRvclRvb2xiYXJCdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG1lbnUgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgY2xpY2tlZDogRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xuXG4gIGhhbmRsZUNsaWNrKCRldmVudDogTW91c2VFdmVudCkge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KCRldmVudCk7XG5cbiAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH1cbn1cbiIsIjxidXR0b24gbWF0LWljb24tYnV0dG9uIFt0aXRsZV09XCJ0aXRsZVwiIChjbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCIgKm5nSWY9XCIhbWVudVwiPlxuICAgIDxtYXQtaWNvbj57eyBpY29uIH19PC9tYXQtaWNvbj5cbjwvYnV0dG9uPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1lbnVcIj5cbiAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gW3RpdGxlXT1cInRpdGxlXCIgKGNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIiAqbmdJZj1cIm1lbnVcIiBbbWF0TWVudVRyaWdnZXJGb3JdPVwiZHJvcGRvd25cIj5cbiAgICA8bWF0LWljb24+e3sgaWNvbiB9fTwvbWF0LWljb24+XG4gIDwvYnV0dG9uPlxuICA8bWF0LW1lbnUgI2Ryb3Bkb3duPVwibWF0TWVudVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlttYXQtbWVudS1pdGVtXSxbbWF0TWVudUNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICA8L21hdC1tZW51PlxuPC9uZy1jb250YWluZXI+XG4iXX0=