@vraj.patel/viitorcloud-ng-utility-library-test-9
Version:
The **ViitorCloud NG Utility Library** developed with the Angular 16 framework, stands out for its exceptional adaptability and reusability within Angular projects. This comprehensive collection encompasses utility services, directives, and components str
36 lines • 5.91 kB
JavaScript
import { CommonModule } from '@angular/common';
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { VcLoaderComponent } from '../vc-loader/vc-loader.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class VcButtonComponent {
constructor() {
this.type = 'button';
this.isDisabled = false;
this.spin = false;
this.buttonTap = new EventEmitter();
}
/**
* The click function emits the buttonTap event.
*/
click() {
this.buttonTap.emit();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: VcButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: VcButtonComponent, isStandalone: true, selector: "vc-button", inputs: { type: "type", class: "class", isDisabled: "isDisabled", spin: "spin" }, outputs: { buttonTap: "buttonTap" }, ngImport: i0, template: "<button [type]=\"type\" [disabled]=\"isDisabled\" [ngClass]=\"class\" (click)=\"click()\">\r\n <ng-container *ngIf=\"!spin; else spinner;\">\r\n <ng-content></ng-content>\r\n </ng-container>\r\n</button>\r\n\r\n<ng-template #spinner>\r\n <vc-loader [class]=\"{ 'w-6 h-6 border-x-secondary border-y-transparent': true }\"></vc-loader>\r\n</ng-template>", styles: [":host>.close-btn{@apply w-[30px] h-[30px] absolute top-2 right-2 text-[20px];}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: VcLoaderComponent, selector: "vc-loader", inputs: ["class"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: VcButtonComponent, decorators: [{
type: Component,
args: [{ selector: 'vc-button', standalone: true, imports: [CommonModule, VcLoaderComponent], template: "<button [type]=\"type\" [disabled]=\"isDisabled\" [ngClass]=\"class\" (click)=\"click()\">\r\n <ng-container *ngIf=\"!spin; else spinner;\">\r\n <ng-content></ng-content>\r\n </ng-container>\r\n</button>\r\n\r\n<ng-template #spinner>\r\n <vc-loader [class]=\"{ 'w-6 h-6 border-x-secondary border-y-transparent': true }\"></vc-loader>\r\n</ng-template>", styles: [":host>.close-btn{@apply w-[30px] h-[30px] absolute top-2 right-2 text-[20px];}\n"] }]
}], propDecorators: { type: [{
type: Input
}], class: [{
type: Input
}], isDisabled: [{
type: Input
}], spin: [{
type: Input
}], buttonTap: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmMtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZpaXRvcmNsb3VkLW5nLXV0aWxpdHktbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvdmMtYnV0dG9uL3ZjLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92aWl0b3JjbG91ZC1uZy11dGlsaXR5LWxpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL3ZjLWJ1dHRvbi92Yy1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7OztBQVNyRSxNQUFNLE9BQU8saUJBQWlCO0lBUDlCO1FBU1csU0FBSSxHQUF3QixRQUFRLENBQUM7UUFFckMsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixTQUFJLEdBQUcsS0FBSyxDQUFDO1FBRVosY0FBUyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FPaEQ7SUFOQzs7T0FFRztJQUNILEtBQUs7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7OEdBYlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsNExDWjlCLGlYQVFjLHlJREFGLFlBQVksaU9BQUUsaUJBQWlCOzsyRkFJOUIsaUJBQWlCO2tCQVA3QixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsaUJBQWlCLENBQUM7OEJBTWpDLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFBhcmFtcyB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IFZjTG9hZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vdmMtbG9hZGVyL3ZjLWxvYWRlci5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2Yy1idXR0b24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVmNMb2FkZXJDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi92Yy1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ZjLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBWY0J1dHRvbkNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIHR5cGU6ICdidXR0b24nIHwgJ3N1Ym1pdCcgPSAnYnV0dG9uJztcclxuICBASW5wdXQoKSBjbGFzcyE6IFBhcmFtcztcclxuICBASW5wdXQoKSBpc0Rpc2FibGVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc3BpbiA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgYnV0dG9uVGFwID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIC8qKlxyXG4gICAqIFRoZSBjbGljayBmdW5jdGlvbiBlbWl0cyB0aGUgYnV0dG9uVGFwIGV2ZW50LlxyXG4gICAqL1xyXG4gIGNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5idXR0b25UYXAuZW1pdCgpO1xyXG4gIH1cclxufSIsIjxidXR0b24gW3R5cGVdPVwidHlwZVwiIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCIgW25nQ2xhc3NdPVwiY2xhc3NcIiAoY2xpY2spPVwiY2xpY2soKVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFzcGluOyBlbHNlIHNwaW5uZXI7XCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbjwvYnV0dG9uPlxyXG5cclxuPG5nLXRlbXBsYXRlICNzcGlubmVyPlxyXG4gICAgPHZjLWxvYWRlciBbY2xhc3NdPVwieyAndy02IGgtNiBib3JkZXIteC1zZWNvbmRhcnkgYm9yZGVyLXktdHJhbnNwYXJlbnQnOiB0cnVlIH1cIj48L3ZjLWxvYWRlcj5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=