@koalarx/ui 15.0.0 → 20.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Igor D. Rangel
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,11 +1,8 @@
-# Koala UI - A Design System Angular
-> 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.
-
-## Install
-```bash
-npm i @koalarx/ui
-```
-
-## Usage
-
-https://koalaui.igordrangel.com.br
+# Koala UI - A Design System Angular
+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.
+
+It provides a set of reusable components and utilities to help you build your Angular applications faster and more efficiently.
+
+## Documentation
+
+https://koalaui.igordrangel.com.br

package/core/base/index.d.ts

@@ -0,0 +1,60 @@
+import * as _angular_core from '@angular/core';
+import { Injector, Signal, Type } from '@angular/core';
+import * as _angular_common_http from '@angular/common/http';
+import { HttpClient, HttpResourceRef } from '@angular/common/http';
+import * as rxjs from 'rxjs';
+import { GetManyResult, QueryPagination, SortFilterType } from '@koalarx/ui/core/models';
+import { AutocompleteOption } from '@koalarx/ui/shared/components/input-field/autocomplete';
+import { SelectOption } from '@koalarx/ui/shared/components/input-field/select';
+
+interface HttpResourceRequestOptions<EntityType> {
+    debounceTime?: number;
+    endpoint?: string;
+    mapOption?: (item: any) => Omit<AutocompleteOption<EntityType> | SelectOption<EntityType> | GetManyResult<EntityType>, 'data'>;
+}
+declare abstract class HttpBase<EntityType = any, PayloadType = any, QueryType = any> {
+    protected readonly resource: string;
+    protected readonly hostApi: string | undefined;
+    protected readonly injector: Injector;
+    protected readonly http: HttpClient;
+    protected readonly url: string;
+    constructor(resource: string, hostApi?: string | undefined);
+    post<T>(data: PayloadType, endpoint?: string): rxjs.Observable<T>;
+    put<T>(id: string, data: PayloadType): rxjs.Observable<T>;
+    patch<T>(id: string, data: any): rxjs.Observable<T>;
+    delete<T>(id: string): rxjs.Observable<T>;
+    getMany<TResponse = EntityType>(query: QueryType, endpoint?: string): rxjs.Observable<GetManyResult<TResponse>>;
+    getById<TResponse = EntityType>(id: string | null): rxjs.Observable<TResponse>;
+    getManyWithResource<TResponse = EntityType>(query: Signal<QueryType>, { endpoint, mapOption, }?: Omit<HttpResourceRequestOptions<TResponse>, 'debounceTime'>): _angular_common_http.HttpResourceRef<GetManyResult<TResponse> | undefined>;
+    getByIdWithResource<TResponse = EntityType>(id: Signal<string | null>, endpoint?: string, mapResponse?: (response: TResponse) => TResponse): _angular_common_http.HttpResourceRef<TResponse | undefined>;
+    getByOneWithResource<TResponse = EntityType>(endpoint: Signal<string | null>, params?: Signal<any>, mapResponse?: (response: TResponse) => TResponse): _angular_common_http.HttpResourceRef<TResponse | undefined>;
+    getManyForSelector<TResponse = EntityType>(query: QueryType | Signal<QueryType>, mapOption: (item: TResponse) => Omit<AutocompleteOption<TResponse> | SelectOption<TResponse>, 'data'>): _angular_core.ResourceRef<AutocompleteOption<TResponse>[]>;
+}
+
+declare abstract class ListBase<QueryType extends QueryPagination, TEntity = any> {
+    protected readonly componentFilter?: Type<any> | undefined;
+    protected readonly resourceRef: HttpResourceRef<GetManyResult<TEntity> | undefined>;
+    protected readonly limitPage: _angular_core.WritableSignal<number>;
+    protected readonly page: _angular_core.WritableSignal<number>;
+    protected readonly filter: _angular_core.WritableSignal<QueryType>;
+    protected readonly resource: HttpBase<TEntity, any, QueryType>;
+    protected readonly totalItemsOnPage: _angular_core.WritableSignal<number>;
+    protected readonly totalItems: _angular_core.WritableSignal<number>;
+    protected readonly list: _angular_core.WritableSignal<TEntity[]>;
+    protected readonly sortFilter: _angular_core.WritableSignal<SortFilterType | null>;
+    queryParams: _angular_core.Signal<QueryType>;
+    reload: _angular_core.InputSignal<boolean>;
+    constructor(resource: Type<HttpBase<TEntity, any, QueryType>>, componentFilter?: Type<any> | undefined);
+    protected sort(sortFilter: SortFilterType): void;
+    protected reloadList(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBase<any, any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListBase<any, any>, never, never, { "reload": { "alias": "reload"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare abstract class PageBase {
+    protected reload: _angular_core.WritableSignal<boolean>;
+    protected reloadList(): void;
+}
+
+export { HttpBase, ListBase, PageBase };
+export type { HttpResourceRequestOptions };

package/core/base/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../../fesm2022/koalarx-ui-core-base.mjs"
+}

package/core/components/dialog/index.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class DialogContainer {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogContainer, "kl-dialog-container", never, {}, {}, never, never, true, never>;
+}
+
+export { DialogContainer };

package/core/components/dialog/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../../../fesm2022/koalarx-ui-core-components-dialog.mjs"
+}

package/core/components/kl-root/index.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from '@angular/core';
+
+declare class KlRoot {
+    routerLoaderColor: i0.InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlRoot, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlRoot, "kl-root", never, { "routerLoaderColor": { "alias": "routerLoaderColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { KlRoot };

package/core/components/kl-root/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../../../fesm2022/koalarx-ui-core-components-kl-root.mjs"
+}

package/core/components/loader/index.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from '@angular/core';
+
+type LoaderSize = 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
+declare class Loader {
+    size: i0.InputSignal<LoaderSize>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Loader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Loader, "kl-loader", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { Loader };

package/core/components/loader/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../../../fesm2022/koalarx-ui-core-components-loader.mjs"
+}

package/core/components/loader-page/index.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from '@angular/core';
+
+declare class LoaderPage {
+    private _loading;
+    get isLoading(): i0.Signal<boolean>;
+    show(): void;
+    dismiss(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoaderPage, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LoaderPage>;
+}
+
+declare class LoaderPageContent {
+    loaderPage: LoaderPage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoaderPageContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderPageContent, "kl-loader-page-content", never, {}, {}, never, never, true, never>;
+}
+
+export { LoaderPage, LoaderPageContent };

package/core/components/loader-page/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../../../fesm2022/koalarx-ui-core-components-loader-page.mjs"
+}

package/core/components/side-window/index.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class SideWindowContainer {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideWindowContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideWindowContainer, "kl-side-window-container", never, {}, {}, never, never, true, never>;
+}
+
+export { SideWindowContainer };

package/core/components/side-window/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../../../fesm2022/koalarx-ui-core-components-side-window.mjs"
+}

package/core/components/snackbar/index.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class SnackbarContainer {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarContainer, "kl-snackbar-container", never, {}, {}, never, never, true, never>;
+}
+
+export { SnackbarContainer };

package/core/components/snackbar/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../../../fesm2022/koalarx-ui-core-components-snackbar.mjs"
+}

package/core/config/index.d.ts

@@ -0,0 +1,12 @@
+import { HttpClientErrorsMiddleware } from '@koalarx/ui/core/middlewares';
+import { KoalaLanguage, Translation } from '@koalarx/ui/core/translations';
+
+declare const GENERIC_COMPONENT_CONTAINER_NAME = ".kl-generic-component-container";
+declare class AppConfig {
+    static hostApi: string | undefined;
+    static language: KoalaLanguage;
+    static translation: Translation;
+    static httpClientErrorsMiddleware: HttpClientErrorsMiddleware | undefined;
+}
+
+export { AppConfig, GENERIC_COMPONENT_CONTAINER_NAME };

package/core/config/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../../fesm2022/koalarx-ui-core-config.mjs"
+}

package/core/middlewares/index.d.ts

@@ -0,0 +1,7 @@
+import { HttpErrorResponse } from '@angular/common/http';
+
+declare abstract class HttpClientErrorsMiddleware {
+    abstract handleError(response: HttpErrorResponse): string;
+}
+
+export { HttpClientErrorsMiddleware };

package/core/middlewares/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../../fesm2022/koalarx-ui-core-middlewares.mjs"
+}

package/core/models/index.d.ts

@@ -0,0 +1,16 @@
+interface GetManyResult<T> {
+    items: T[];
+    count: number;
+}
+
+type QueryPaginationDirection = 'asc' | 'desc';
+interface SortFilterType {
+    orderBy?: string;
+    direction?: QueryPaginationDirection;
+}
+interface QueryPagination extends SortFilterType {
+    page?: number;
+    limit?: number;
+}
+
+export type { GetManyResult, QueryPagination, QueryPaginationDirection, SortFilterType };

package/core/models/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../../fesm2022/koalarx-ui-core-models.mjs"
+}

package/core/translations/index.d.ts

@@ -0,0 +1,54 @@
+interface Translation {
+    confirm: {
+        btnLabelYes: string;
+        btnLabelNo: string;
+    };
+    codeViewer: {
+        copyToClipboard: string;
+        copiedToClipboard: string;
+    };
+    form: {
+        required: string;
+        invalidEmail: string;
+        invalidMinLength: (requiredLength: number) => string;
+        invalidCPF: string;
+        invalidCNPJ: string;
+        invalidURL: string;
+        invalidPasswordHasSpecialCharacters: string;
+        invalidPasswordHasLowercase: string;
+        invalidPasswordHasUppercase: string;
+        invalidPasswordHasNumber: string;
+        invalidConfirmPassword: string;
+    };
+    onThisPage: {
+        title: string;
+    };
+    datatable: {
+        btnFilterLabel: string;
+        clearFilterTooltip: string;
+        addFilterTooltip: string;
+        reloadListTooltip: string;
+        labelItemsPerPage: string;
+    };
+    feedbackRequestInterceptor: {
+        '400': string;
+        '401': string;
+        '403': string;
+        '404': string;
+        '409': string;
+        '422': string;
+        '500': string;
+        '0': string;
+        unknowError: string;
+    };
+}
+
+type KoalaLanguage = 'en' | 'ptBr';
+declare function getTranslationByLanguage(language: KoalaLanguage): Translation;
+
+declare const en: Translation;
+
+declare const ptBr: Translation;
+
+export { en, getTranslationByLanguage, ptBr };
+export type { KoalaLanguage, Translation };

package/core/translations/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../../fesm2022/koalarx-ui-core-translations.mjs"
+}

package/fesm2022/koalarx-ui-core-base.mjs

@@ -0,0 +1,154 @@
+import { HttpClient, httpResource } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { inject, Injector, signal, computed, input, effect, Directive } from '@angular/core';
+import { rxResource } from '@angular/core/rxjs-interop';
+import { AppConfig } from '@koalarx/ui/core/config';
+import { first } from 'rxjs/internal/operators/first';
+import { map } from 'rxjs/internal/operators/map';
+
+class HttpBase {
+    resource;
+    hostApi;
+    injector = inject(Injector);
+    http = inject(HttpClient);
+    url;
+    constructor(resource, hostApi = AppConfig.hostApi) {
+        this.resource = resource;
+        this.hostApi = hostApi;
+        this.url = `${this.hostApi}/${this.resource}`;
+    }
+    post(data, endpoint = '') {
+        return this.http.post(`${this.url}${endpoint}`, data).pipe(first());
+    }
+    put(id, data) {
+        return this.http.put(`${this.url}/${id}`, data).pipe(first());
+    }
+    patch(id, data) {
+        return this.http.patch(`${this.url}/${id}`, data).pipe(first());
+    }
+    delete(id) {
+        return this.http.delete(`${this.url}/${id}`).pipe(first());
+    }
+    getMany(query, endpoint = '') {
+        return this.http.get(`${this.url}${endpoint}`, {
+            params: query,
+        });
+    }
+    getById(id) {
+        return this.http.get(`${this.url}/${id}`);
+    }
+    getManyWithResource(query, { endpoint = '', mapOption, } = {}) {
+        return httpResource(() => {
+            return {
+                url: `${this.url}${endpoint}`,
+                params: query(),
+            };
+        }, {
+            parse: mapOption,
+        });
+    }
+    getByIdWithResource(id, endpoint = ':id', mapResponse) {
+        return httpResource(() => {
+            const resourceId = id();
+            if (!resourceId) {
+                return undefined;
+            }
+            return `${this.url}/${endpoint.replace(':id', resourceId)}`;
+        }, {
+            parse: mapResponse,
+        });
+    }
+    getByOneWithResource(endpoint, params, mapResponse) {
+        return httpResource(() => {
+            const resourceUrl = endpoint();
+            if (!resourceUrl) {
+                return undefined;
+            }
+            return {
+                url: `${this.url}/${resourceUrl}`,
+                params: params ? params() : undefined,
+            };
+        }, {
+            parse: mapResponse,
+        });
+    }
+    getManyForSelector(query, mapOption) {
+        return rxResource({
+            defaultValue: [],
+            params: () => (query instanceof Function ? query() : query),
+            stream: (data) => this.getMany(data.params).pipe(map((response) => response.items.map((item) => ({
+                ...mapOption(item),
+                data: item,
+            })))),
+        });
+    }
+}
+
+class ListBase {
+    componentFilter;
+    resourceRef;
+    limitPage = signal(30);
+    page = signal(1);
+    filter = signal({});
+    resource;
+    totalItemsOnPage = signal(0);
+    totalItems = signal(0);
+    list = signal([]);
+    sortFilter = signal(null);
+    queryParams = computed(() => ({
+        page: this.page(),
+        limit: this.limitPage(),
+        ...(this.sortFilter() ?? {}),
+        ...this.filter(),
+    }));
+    reload = input(false);
+    constructor(
+    // eslint-disable-next-line @angular-eslint/prefer-inject
+    resource, 
+    // eslint-disable-next-line @angular-eslint/prefer-inject
+    componentFilter) {
+        this.componentFilter = componentFilter;
+        this.resource = inject(resource);
+        this.resourceRef = this.resource.getManyWithResource(this.queryParams);
+        effect(() => {
+            const result = this.resourceRef.value();
+            if (!result) {
+                return;
+            }
+            this.list.set(result.items);
+            this.totalItemsOnPage.set(result.items.length);
+            this.totalItems.set(result.count);
+        });
+        effect(() => {
+            if (this.reload()) {
+                this.reloadList();
+            }
+        });
+    }
+    sort(sortFilter) {
+        this.sortFilter.set(sortFilter);
+    }
+    reloadList() {
+        this.resourceRef.reload();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ListBase, deps: [{ token: i0.Type }, { token: i0.Type }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: ListBase, isStandalone: true, inputs: { reload: { classPropertyName: "reload", publicName: "reload", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ListBase, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.Type }, { type: i0.Type }] });
+
+class PageBase {
+    reload = signal(false);
+    reloadList() {
+        this.reload.set(true);
+        setTimeout(() => this.reload.set(false));
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HttpBase, ListBase, PageBase };
+//# sourceMappingURL=koalarx-ui-core-base.mjs.map

package/fesm2022/koalarx-ui-core-base.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-core-base.mjs","sources":["../../projects/koala-ui/core/base/http-base.ts","../../projects/koala-ui/core/base/list-base.ts","../../projects/koala-ui/core/base/page-base.ts","../../projects/koala-ui/core/base/koalarx-ui-core-base.ts"],"sourcesContent":["import { HttpClient, httpResource } from '@angular/common/http';\nimport { inject, Injector, Signal } from '@angular/core';\nimport { rxResource } from '@angular/core/rxjs-interop';\nimport { AppConfig } from '@koalarx/ui/core/config';\nimport { GetManyResult } from '@koalarx/ui/core/models';\nimport { AutocompleteOption } from '@koalarx/ui/shared/components/input-field/autocomplete';\nimport { SelectOption } from '@koalarx/ui/shared/components/input-field/select';\nimport { first } from 'rxjs/internal/operators/first';\nimport { map } from 'rxjs/internal/operators/map';\n\nexport interface HttpResourceRequestOptions<EntityType> {\n  debounceTime?: number;\n  endpoint?: string;\n  mapOption?: (\n    item: any\n  ) => Omit<\n    | AutocompleteOption<EntityType>\n    | SelectOption<EntityType>\n    | GetManyResult<EntityType>,\n    'data'\n  >;\n}\n\nexport abstract class HttpBase<\n  EntityType = any,\n  PayloadType = any,\n  QueryType = any\n> {\n  protected readonly injector = inject(Injector);\n  protected readonly http = inject(HttpClient);\n  protected readonly url: string;\n\n  constructor(\n    protected readonly resource: string,\n    protected readonly hostApi = AppConfig.hostApi\n  ) {\n    this.url = `${this.hostApi}/${this.resource}`;\n  }\n\n  post<T>(data: PayloadType, endpoint = '') {\n    return this.http.post<T>(`${this.url}${endpoint}`, data).pipe(first());\n  }\n\n  put<T>(id: string, data: PayloadType) {\n    return this.http.put<T>(`${this.url}/${id}`, data).pipe(first());\n  }\n\n  patch<T>(id: string, data: any) {\n    return this.http.patch<T>(`${this.url}/${id}`, data).pipe(first());\n  }\n\n  delete<T>(id: string) {\n    return this.http.delete<T>(`${this.url}/${id}`).pipe(first());\n  }\n\n  getMany<TResponse = EntityType>(query: QueryType, endpoint = '') {\n    return this.http.get<GetManyResult<TResponse>>(`${this.url}${endpoint}`, {\n      params: query as any,\n    });\n  }\n\n  getById<TResponse = EntityType>(id: string | null) {\n    return this.http.get<TResponse>(`${this.url}/${id}`);\n  }\n\n  getManyWithResource<TResponse = EntityType>(\n    query: Signal<QueryType>,\n    {\n      endpoint = '',\n      mapOption,\n    }: Omit<HttpResourceRequestOptions<TResponse>, 'debounceTime'> = {}\n  ) {\n    return httpResource<GetManyResult<TResponse>>(\n      () => {\n        return {\n          url: `${this.url}${endpoint}`,\n          params: query() as any,\n        };\n      },\n      {\n        parse: mapOption as (data: any) => any,\n      }\n    );\n  }\n\n  getByIdWithResource<TResponse = EntityType>(\n    id: Signal<string | null>,\n    endpoint = ':id',\n    mapResponse?: (response: TResponse) => TResponse\n  ) {\n    return httpResource<TResponse>(\n      () => {\n        const resourceId = id();\n\n        if (!resourceId) {\n          return undefined;\n        }\n\n        return `${this.url}/${endpoint.replace(':id', resourceId)}`;\n      },\n      {\n        parse: mapResponse as (resume: any) => TResponse,\n      }\n    );\n  }\n\n  getByOneWithResource<TResponse = EntityType>(\n    endpoint: Signal<string | null>,\n    params?: Signal<any>,\n    mapResponse?: (response: TResponse) => TResponse\n  ) {\n    return httpResource<TResponse>(\n      () => {\n        const resourceUrl = endpoint();\n\n        if (!resourceUrl) {\n          return undefined;\n        }\n\n        return {\n          url: `${this.url}/${resourceUrl}`,\n          params: params ? params() : undefined,\n        };\n      },\n      {\n        parse: mapResponse as (resume: any) => TResponse,\n      }\n    );\n  }\n\n  getManyForSelector<TResponse = EntityType>(\n    query: QueryType | Signal<QueryType>,\n    mapOption: (\n      item: TResponse\n    ) => Omit<AutocompleteOption<TResponse> | SelectOption<TResponse>, 'data'>\n  ) {\n    return rxResource({\n      defaultValue: [],\n      params: () => (query instanceof Function ? query() : query),\n      stream: (data) =>\n        this.getMany<TResponse>(data.params).pipe(\n          map((response) =>\n            response.items.map(\n              (item) =>\n                ({\n                  ...mapOption(item),\n                  data: item,\n                } as AutocompleteOption<TResponse>)\n            )\n          )\n        ),\n    });\n  }\n}\n","import { HttpResourceRef } from '@angular/common/http';\nimport {\n  computed,\n  Directive,\n  effect,\n  inject,\n  input,\n  signal,\n  Type,\n} from '@angular/core';\nimport {\n  GetManyResult,\n  QueryPagination,\n  SortFilterType,\n} from '@koalarx/ui/core/models';\nimport { HttpBase } from './http-base';\n\n@Directive()\nexport abstract class ListBase<\n  QueryType extends QueryPagination,\n  TEntity = any\n> {\n  protected readonly resourceRef: HttpResourceRef<\n    GetManyResult<TEntity> | undefined\n  >;\n  protected readonly limitPage = signal(30);\n  protected readonly page = signal(1);\n  protected readonly filter = signal<QueryType>({} as any);\n  protected readonly resource: HttpBase<TEntity, any, QueryType>;\n  protected readonly totalItemsOnPage = signal(0);\n  protected readonly totalItems = signal(0);\n  protected readonly list = signal<TEntity[]>([]);\n  protected readonly sortFilter = signal<SortFilterType | null>(null);\n\n  queryParams = computed<QueryType>(\n    () =>\n      ({\n        page: this.page(),\n        limit: this.limitPage(),\n        ...(this.sortFilter() ?? {}),\n        ...this.filter(),\n      } as QueryType)\n  );\n  reload = input<boolean>(false);\n\n  constructor(\n    // eslint-disable-next-line @angular-eslint/prefer-inject\n    resource: Type<HttpBase<TEntity, any, QueryType>>,\n    // eslint-disable-next-line @angular-eslint/prefer-inject\n    protected readonly componentFilter?: Type<any>\n  ) {\n    this.resource = inject(resource);\n    this.resourceRef = this.resource.getManyWithResource(this.queryParams);\n\n    effect(() => {\n      const result = this.resourceRef.value();\n\n      if (!result) {\n        return;\n      }\n\n      this.list.set(result.items);\n      this.totalItemsOnPage.set(result.items.length);\n      this.totalItems.set(result.count);\n    });\n\n    effect(() => {\n      if (this.reload()) {\n        this.reloadList();\n      }\n    });\n  }\n\n  protected sort(sortFilter: SortFilterType) {\n    this.sortFilter.set(sortFilter);\n  }\n\n  protected reloadList() {\n    this.resourceRef.reload();\n  }\n}\n","import { signal } from '@angular/core';\n\nexport abstract class PageBase {\n  protected reload = signal(false);\n\n  protected reloadList() {\n    this.reload.set(true);\n    setTimeout(() => this.reload.set(false));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koalarx-ui-core-components-dialog.mjs

@@ -0,0 +1,18 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+
+class DialogContainer {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DialogContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: DialogContainer, isStandalone: true, selector: "kl-dialog-container", ngImport: i0, template: "<div class=\"dialog-container\"></div>\n" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DialogContainer, decorators: [{
+            type: Component,
+            args: [{ selector: 'kl-dialog-container', template: "<div class=\"dialog-container\"></div>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DialogContainer };
+//# sourceMappingURL=koalarx-ui-core-components-dialog.mjs.map

package/fesm2022/koalarx-ui-core-components-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-core-components-dialog.mjs","sources":["../../projects/koala-ui/core/components/dialog/dialog-container.ts","../../projects/koala-ui/core/components/dialog/dialog-container.html","../../projects/koala-ui/core/components/dialog/koalarx-ui-core-components-dialog.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'kl-dialog-container',\n  templateUrl: './dialog-container.html',\n})\nexport class DialogContainer {}\n","<div class=\"dialog-container\"></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAMa,eAAe,CAAA;uGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,+ECN5B,0CACA,EAAA,CAAA;;2FDKa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,SAAS;+BACE,qBAAqB,EAAA,QAAA,EAAA,0CAAA,EAAA;;;AEHjC;;AAEG;;;;"}

package/fesm2022/koalarx-ui-core-components-kl-root.mjs

@@ -0,0 +1,31 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+import { DialogContainer } from '@koalarx/ui/core/components/dialog';
+import { LoaderPageContent } from '@koalarx/ui/core/components/loader-page';
+import { SideWindowContainer } from '@koalarx/ui/core/components/side-window';
+import { SnackbarContainer } from '@koalarx/ui/core/components/snackbar';
+import { LoadingBarRouterModule } from '@ngx-loading-bar/router';
+import * as i1 from '@ngx-loading-bar/core';
+
+class KlRoot {
+    routerLoaderColor = input('#6A1B9A');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: KlRoot, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: KlRoot, isStandalone: true, selector: "kl-root", inputs: { routerLoaderColor: { classPropertyName: "routerLoaderColor", publicName: "routerLoaderColor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ngx-loading-bar\n  [color]=\"routerLoaderColor()\"\n  height=\"4px\"\n  [includeSpinner]=\"false\"\n/>\n\n<main class=\"overflow-x-hidden\">\n  <kl-loader-page-content />\n  <kl-snackbar-container />\n  <kl-dialog-container />\n  <kl-side-window-container />\n  <div class=\"kl-generic-component-container\"></div>\n\n  <ng-content />\n</main>\n", dependencies: [{ kind: "component", type: DialogContainer, selector: "kl-dialog-container" }, { kind: "ngmodule", type: LoadingBarRouterModule }, { kind: "component", type: i1.LoadingBarComponent, selector: "ngx-loading-bar" }, { kind: "component", type: SideWindowContainer, selector: "kl-side-window-container" }, { kind: "component", type: SnackbarContainer, selector: "kl-snackbar-container" }, { kind: "component", type: LoaderPageContent, selector: "kl-loader-page-content" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: KlRoot, decorators: [{
+            type: Component,
+            args: [{ selector: 'kl-root', imports: [
+                        DialogContainer,
+                        LoadingBarRouterModule,
+                        SideWindowContainer,
+                        SnackbarContainer,
+                        LoaderPageContent,
+                    ], template: "<ngx-loading-bar\n  [color]=\"routerLoaderColor()\"\n  height=\"4px\"\n  [includeSpinner]=\"false\"\n/>\n\n<main class=\"overflow-x-hidden\">\n  <kl-loader-page-content />\n  <kl-snackbar-container />\n  <kl-dialog-container />\n  <kl-side-window-container />\n  <div class=\"kl-generic-component-container\"></div>\n\n  <ng-content />\n</main>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { KlRoot };
+//# sourceMappingURL=koalarx-ui-core-components-kl-root.mjs.map

package/fesm2022/koalarx-ui-core-components-kl-root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-core-components-kl-root.mjs","sources":["../../projects/koala-ui/core/components/kl-root/kl-root.ts","../../projects/koala-ui/core/components/kl-root/kl-root.html","../../projects/koala-ui/core/components/kl-root/koalarx-ui-core-components-kl-root.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { DialogContainer } from '@koalarx/ui/core/components/dialog';\nimport { LoaderPageContent } from '@koalarx/ui/core/components/loader-page';\nimport { SideWindowContainer } from '@koalarx/ui/core/components/side-window';\nimport { SnackbarContainer } from '@koalarx/ui/core/components/snackbar';\nimport { LoadingBarRouterModule } from '@ngx-loading-bar/router';\n\n@Component({\n  selector: 'kl-root',\n  templateUrl: './kl-root.html',\n  imports: [\n    DialogContainer,\n    LoadingBarRouterModule,\n    SideWindowContainer,\n    SnackbarContainer,\n    LoaderPageContent,\n  ],\n})\nexport class KlRoot {\n  routerLoaderColor = input<string>('#6A1B9A');\n}\n","<ngx-loading-bar\n  [color]=\"routerLoaderColor()\"\n  height=\"4px\"\n  [includeSpinner]=\"false\"\n/>\n\n<main class=\"overflow-x-hidden\">\n  <kl-loader-page-content />\n  <kl-snackbar-container />\n  <kl-dialog-container />\n  <kl-side-window-container />\n  <div class=\"kl-generic-component-container\"></div>\n\n  <ng-content />\n</main>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAkBa,MAAM,CAAA;AACjB,IAAA,iBAAiB,GAAG,KAAK,CAAS,SAAS,CAAC;uGADjC,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAN,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBnB,4VAeA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDJI,eAAe,EAAA,QAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,sBAAsB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,mBAAmB,EAAA,QAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,iBAAiB,EAAA,QAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,iBAAiB,EAAA,QAAA,EAAA,wBAAA,EAAA,CAAA,EAAA,CAAA;;2FAGR,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXlB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,EAEV,OAAA,EAAA;wBACP,eAAe;wBACf,sBAAsB;wBACtB,mBAAmB;wBACnB,iBAAiB;wBACjB,iBAAiB;AAClB,qBAAA,EAAA,QAAA,EAAA,4VAAA,EAAA;;;AEhBH;;AAEG;;;;"}

package/fesm2022/koalarx-ui-core-components-loader-page.mjs

@@ -0,0 +1,39 @@
+import * as i0 from '@angular/core';
+import { signal, Injectable, inject, Component } from '@angular/core';
+import { Loader } from '@koalarx/ui/core/components/loader';
+
+class LoaderPage {
+    _loading = signal(false);
+    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: "20.0.6", ngImport: i0, type: LoaderPage, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LoaderPage, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.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: "20.0.6", ngImport: i0, type: LoaderPageContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LoaderPageContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kl-loader-page-content', 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

package/fesm2022/koalarx-ui-core-components-loader-page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-core-components-loader-page.mjs","sources":["../../projects/koala-ui/core/components/loader-page/loader-page.ts","../../projects/koala-ui/core/components/loader-page/loader-page-content.ts","../../projects/koala-ui/core/components/loader-page/loader-page-content.html","../../projects/koala-ui/core/components/loader-page/koalarx-ui-core-components-loader-page.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\n\n@Injectable({ providedIn: 'root' })\nexport class LoaderPage {\n  private _loading = signal(false);\n\n  get isLoading() {\n    return this._loading.asReadonly();\n  }\n\n  show() {\n    this._loading.set(true);\n  }\n\n  dismiss() {\n    this._loading.set(false);\n  }\n}\n","import { Component, inject } from '@angular/core';\nimport { Loader } from '@koalarx/ui/core/components/loader';\nimport { LoaderPage } from './loader-page';\n\n@Component({\n  selector: 'kl-loader-page-content',\n  templateUrl: './loader-page-content.html',\n  imports: [Loader],\n})\nexport class LoaderPageContent {\n  loaderPage = inject(LoaderPage);\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAGa,UAAU,CAAA;AACb,IAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC;AAEhC,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;;IAGnC,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;;IAGzB,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;;uGAZf,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAV,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,cADG,MAAM,EAAA,CAAA;;2FACnB,UAAU,EAAA,UAAA,EAAA,CAAA;kBADtB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;MCOrB,iBAAiB,CAAA;AAC5B,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;uGADpB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECT9B,8LAIA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDGY,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAEL,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,SAAS;+BACE,wBAAwB,EAAA,OAAA,EAEzB,CAAC,MAAM,CAAC,EAAA,QAAA,EAAA,8LAAA,EAAA;;;AEPnB;;AAEG;;;;"}