@koalarx/ui
Version:
Koala UI is a modern and accessible component library designed to speed up interface development in Angular projects. With simple integration and clear documentation, you can easily build robust and visually appealing applications.
40 lines (35 loc) • 2.44 kB
JavaScript
import * as i0 from '@angular/core';
import { signal, Injectable, inject, ChangeDetectionStrategy, Component } from '@angular/core';
import { Loader } from '@koalarx/ui/core/components/loader';
class LoaderPage {
_loading = signal(false, ...(ngDevMode ? [{ debugName: "_loading" }] : []));
get isLoading() {
return this._loading.asReadonly();
}
show() {
this._loading.set(true);
}
dismiss() {
this._loading.set(false);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoaderPage, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoaderPage, providedIn: 'root' });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoaderPage, decorators: [{
type: Injectable,
args: [{ providedIn: 'root' }]
}] });
class LoaderPageContent {
loaderPage = inject(LoaderPage);
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoaderPageContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: LoaderPageContent, isStandalone: true, selector: "kl-loader-page-content", ngImport: i0, template: "<div class=\"fixed bg-base-100/40 flex w-full h-full items-center justify-center z-50\"\n [class]=\"{ 'hidden': !loaderPage.isLoading() }\">\n <kl-loader size=\"extraLarge\" />\n</div>\n", dependencies: [{ kind: "component", type: Loader, selector: "kl-loader", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoaderPageContent, decorators: [{
type: Component,
args: [{ selector: 'kl-loader-page-content', changeDetection: ChangeDetectionStrategy.OnPush, imports: [Loader], template: "<div class=\"fixed bg-base-100/40 flex w-full h-full items-center justify-center z-50\"\n [class]=\"{ 'hidden': !loaderPage.isLoading() }\">\n <kl-loader size=\"extraLarge\" />\n</div>\n" }]
}] });
/**
* Generated bundle index. Do not edit.
*/
export { LoaderPage, LoaderPageContent };
//# sourceMappingURL=koalarx-ui-core-components-loader-page.mjs.map