@koalarx/ui
Version:
Koala UI is a Design System developed in Angular whose objective is to facilitate and make your development faster and simpler, making this framework your greatest ally.
25 lines • 5.88 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/material/icon";
import * as i3 from "@angular/material/button";
import * as i4 from "@angular/material/dialog";
export class DialogComponent {
}
DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DialogComponent, selector: "koala-dialog", inputs: { titleDialog: "titleDialog", iconTitleDialog: "iconTitleDialog", triggerDialogClose: "triggerDialogClose", btnCloseLabel: "btnCloseLabel", btnCloseColor: "btnCloseColor" }, ngImport: i0, template: "<div *ngIf=\"titleDialog\" mat-dialog-title>\n <mat-icon *ngIf=\"iconTitleDialog\">{{iconTitleDialog}}</mat-icon>\n <h2>\n {{titleDialog}}\n </h2>\n</div>\n<mat-dialog-content>\n <ng-content select=\"[dialog-content]\"></ng-content>\n</mat-dialog-content>\n<div align=\"end\" mat-dialog-actions>\n <button [color]=\"btnCloseColor\" [mat-dialog-close]=\"triggerDialogClose\" class=\"mr-8\" mat-button>\n {{btnCloseLabel}}\n </button>\n <ng-content select=\"[dialog-actions]\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.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"] }, { kind: "directive", type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DialogComponent, decorators: [{
type: Component,
args: [{ selector: 'koala-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"titleDialog\" mat-dialog-title>\n <mat-icon *ngIf=\"iconTitleDialog\">{{iconTitleDialog}}</mat-icon>\n <h2>\n {{titleDialog}}\n </h2>\n</div>\n<mat-dialog-content>\n <ng-content select=\"[dialog-content]\"></ng-content>\n</mat-dialog-content>\n<div align=\"end\" mat-dialog-actions>\n <button [color]=\"btnCloseColor\" [mat-dialog-close]=\"triggerDialogClose\" class=\"mr-8\" mat-button>\n {{btnCloseLabel}}\n </button>\n <ng-content select=\"[dialog-actions]\"></ng-content>\n</div>\n" }]
}], propDecorators: { titleDialog: [{
type: Input
}], iconTitleDialog: [{
type: Input
}], triggerDialogClose: [{
type: Input
}], btnCloseLabel: [{
type: Input
}], btnCloseColor: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2RpYWxvZy9zcmMvbGliL2RpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9kaWFsb2cvc3JjL2xpYi9kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVExRSxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTtnR0FBZixlQUFlLDBPQ1I1QixpZ0JBZUE7MkZEUGEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxjQUFjLG1CQUVQLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdrb2FsYS1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJ2RpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRpdGxlRGlhbG9nPzogc3RyaW5nO1xuICBASW5wdXQoKSBpY29uVGl0bGVEaWFsb2c/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRyaWdnZXJEaWFsb2dDbG9zZT86IHN0cmluZztcbiAgQElucHV0KCkgYnRuQ2xvc2VMYWJlbD86IHN0cmluZztcbiAgQElucHV0KCkgYnRuQ2xvc2VDb2xvcjogVGhlbWVQYWxldHRlO1xufVxuIiwiPGRpdiAqbmdJZj1cInRpdGxlRGlhbG9nXCIgbWF0LWRpYWxvZy10aXRsZT5cbiAgPG1hdC1pY29uICpuZ0lmPVwiaWNvblRpdGxlRGlhbG9nXCI+e3tpY29uVGl0bGVEaWFsb2d9fTwvbWF0LWljb24+XG4gIDxoMj5cbiAgICB7e3RpdGxlRGlhbG9nfX1cbiAgPC9oMj5cbjwvZGl2PlxuPG1hdC1kaWFsb2ctY29udGVudD5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RpYWxvZy1jb250ZW50XVwiPjwvbmctY29udGVudD5cbjwvbWF0LWRpYWxvZy1jb250ZW50PlxuPGRpdiBhbGlnbj1cImVuZFwiIG1hdC1kaWFsb2ctYWN0aW9ucz5cbiAgPGJ1dHRvbiBbY29sb3JdPVwiYnRuQ2xvc2VDb2xvclwiIFttYXQtZGlhbG9nLWNsb3NlXT1cInRyaWdnZXJEaWFsb2dDbG9zZVwiIGNsYXNzPVwibXItOFwiIG1hdC1idXR0b24+XG4gICAge3tidG5DbG9zZUxhYmVsfX1cbiAgPC9idXR0b24+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltkaWFsb2ctYWN0aW9uc11cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==