@bootkit/ng0 0.0.0-alpha.50 → 0.0.0-alpha.51

package/components/table/index.d.ts

@@ -4,47 +4,6 @@ import { formatString } from '@bootkit/ng0/common';
 import { LocalizationService, TableComponentPagingFormatter } from '@bootkit/ng0/localization';
 import { DataResult, DataRequest, DataSource, DataSourceLike } from '@bootkit/ng0/data';
 
-/**
- * Options for configuring the table's paging behavior.
- */
-interface TablePagingOptions {
-    /**
-     * If true, the table will show pagination controls at the bottom.
-     * This will allow users to navigate between pages of data.
-     * Default is true.
-     */
-    showPagingControls?: boolean;
-    /**
-     * Initial page index to load when the table is initialized.
-     * This is only used if pagable is true.
-     * The index starts from 1.
-     * Default is 1.
-     */
-    pageIndex?: number;
-    pageSize?: number;
-    /**
-     * Array of page size options to display in the page size selector.
-     * If not provided, the default page size options will be used.
-     */
-    pageSizeOptions?: number[];
-    /**
-     * If true, the table will show a page size selector.
-     */
-    showPageSizeOptions?: boolean;
-    showPageSizeSelectorLabel?: boolean;
-    showNextPreviousButtons?: boolean;
-    showFirstLastButtons?: boolean;
-    /**
-     * Maximum number of visible pages.
-     * Default is 10.
-     */
-    maxVisiblePages?: number;
-    /**
-     * If true, the table will show paging info at the bottom.
-     * This will show the number of records displayed and total records.
-     */
-    showPagingInfo?: boolean;
-}
 /**
  * Type of the table cell.
  * This can be a primitive type like 'number', 'currency', 'date', 'time',
@@ -163,12 +122,12 @@ declare class TableDetailRowDirective {
  * It can be used with any data source that implements the DataSource interface.
  */
 declare class TableComponent implements AfterContentInit, OnDestroy {
-    protected _ls: LocalizationService;
-    private _destroyRef;
+    protected readonly _ls: LocalizationService;
+    private readonly _destroyRef;
     private _changeSubscription?;
     protected _columns: QueryList<TableColumnDirective>;
     protected _detailRow?: TableDetailRowDirective;
-    protected _dataResult: _angular_core.WritableSignal<DataResult<any> | undefined>;
+    protected readonly _dataResult: _angular_core.WritableSignal<DataResult<any> | undefined>;
     protected _lastRequest?: DataRequest;
     protected _loadingRequest?: DataRequest;
     protected _rowStates: Map<any, {
@@ -200,16 +159,58 @@ declare class TableComponent implements AfterContentInit, OnDestroy {
     readonly showHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * If true, the table will support pagination.
-     * If false, the table will load all records at once.
      */
-    readonly pageable: _angular_core.InputSignalWithTransform<TablePagingOptions | undefined, boolean | TablePagingOptions>;
+    readonly pageable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The currently selected page in the table.
+     * @default 0
+     */
+    readonly pageIndex: _angular_core.ModelSignal<number>;
+    /**
+     * The number of records to display per page.
+     * @default 10
+     */
+    readonly pageSize: _angular_core.ModelSignal<number>;
+    /**
+     * Maximum number of visible pages in the pagination controls.
+     * @default 10
+     */
+    readonly maxVisiblePages: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * If true, the table will show pagination controls at the bottom.
+     * This will allow users to navigate between pages of data.
+     * @default true
+     */
+    readonly showPagingControls: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to show the first and last buttons in the pagination controls.
+     * @default true
+     */
+    readonly showFirstLastButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whetheer to show the next and previous buttons in the pagination controls.
+     * @default true
+     */
+    readonly showNextPreviousButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Array of page size options to display in the page size selector.
+     * If not provided, the default page size options will be used.
+     * @default true
+     */
+    readonly pageSizeOptions: _angular_core.InputSignal<number[] | undefined>;
+    /**
+     * Whether to show paging info at the bottom of the table.
+     * This will show the number of records displayed and total records.
+     * @default true
+     */
+    readonly showPagingInfo: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * If true, the table will support sorting.
      * This will add a sort icon to each column header.
      */
     readonly sortable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * The CSS class to apply to the table element.
+     * The CSS class to apply to the internal table element.
      * This can be used to apply custom styles to the table.
      */
     readonly tableClass: _angular_core.InputSignal<string | string[] | undefined>;
@@ -243,8 +244,10 @@ declare class TableComponent implements AfterContentInit, OnDestroy {
     readonly loadingCover: _angular_core.InputSignalWithTransform<"none" | "simple" | "spinner", boolean | "none" | "simple" | "spinner">;
     ngAfterContentInit(): void;
     /**
-     * Load data for the specified page index (optional).
-     * @param pageIndex The page index to load.
+     * Loads data from the data source based on the current state of the table (pagination, sorting, filtering).
+     * This method can be called manually to refresh the data in the table.
+     * It will construct a DataRequest object based on the current pagination, sorting, and filtering settings,
+     * and then call the load method of the data source with that request.
      */
     load(pageIndex?: number): void;
     /**
@@ -259,7 +262,7 @@ declare class TableComponent implements AfterContentInit, OnDestroy {
     protected _onSelectFilterOperator(col: TableColumnDirective, filterOperator: string): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "ng0-table", ["ng0Table"], { "source": { "alias": "source"; "required": true; "isSignal": true; }; "autoLoad": { "alias": "autoLoad"; "required": false; "isSignal": true; }; "showRowNumbers": { "alias": "showRowNumbers"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "pageable": { "alias": "pageable"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "tableClass": { "alias": "tableClass"; "required": false; "isSignal": true; }; "headerClass": { "alias": "headerClass"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "loadingIndicator": { "alias": "loadingIndicator"; "required": false; "isSignal": true; }; "loadingCover": { "alias": "loadingCover"; "required": false; "isSignal": true; }; }, {}, ["_detailRow", "_columns"], ["paging-first", "paging-last", "paging-next", "paging-previous", "paging-info"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "ng0-table", ["ng0Table"], { "source": { "alias": "source"; "required": true; "isSignal": true; }; "autoLoad": { "alias": "autoLoad"; "required": false; "isSignal": true; }; "showRowNumbers": { "alias": "showRowNumbers"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "pageable": { "alias": "pageable"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; "isSignal": true; }; "showPagingControls": { "alias": "showPagingControls"; "required": false; "isSignal": true; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; "isSignal": true; }; "showNextPreviousButtons": { "alias": "showNextPreviousButtons"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showPagingInfo": { "alias": "showPagingInfo"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "tableClass": { "alias": "tableClass"; "required": false; "isSignal": true; }; "headerClass": { "alias": "headerClass"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "loadingIndicator": { "alias": "loadingIndicator"; "required": false; "isSignal": true; }; "loadingCover": { "alias": "loadingCover"; "required": false; "isSignal": true; }; }, { "pageIndex": "pageIndexChange"; "pageSize": "pageSizeChange"; }, ["_detailRow", "_columns"], ["paging-first", "paging-last", "paging-next", "paging-previous", "paging-info"], true, never>;
 }
 
 declare class TableModule {

package/fesm2022/bootkit-ng0-components-table.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, booleanAttribute, model, signal, TemplateRef, ContentChild, Directive, Input, inject, DestroyRef, HostBinding, ContentChildren, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { input, booleanAttribute, model, signal, TemplateRef, ContentChild, Directive, Input, inject, DestroyRef, numberAttribute, HostBinding, ContentChildren, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -199,42 +199,58 @@ class TableComponent {
     showHeader = input(true, ...(ngDevMode ? [{ debugName: "showHeader", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     /**
      * If true, the table will support pagination.
-     * If false, the table will load all records at once.
      */
-    pageable = input(undefined, ...(ngDevMode ? [{ debugName: "pageable", transform: v => {
-                if (v === undefined || v === null || v === false) {
-                    return undefined;
-                }
-                if (v === true) {
-                    v = {};
-                }
-                v.pageIndex = v.pageIndex ?? 1;
-                v.pageSize = v.pageSize ?? 10;
-                v.maxVisiblePages = v.maxVisiblePages ?? 10;
-                v.showPagingControls = v.showPagingControls ?? true;
-                return v;
-            } }] : [{
-            transform: v => {
-                if (v === undefined || v === null || v === false) {
-                    return undefined;
-                }
-                if (v === true) {
-                    v = {};
-                }
-                v.pageIndex = v.pageIndex ?? 1;
-                v.pageSize = v.pageSize ?? 10;
-                v.maxVisiblePages = v.maxVisiblePages ?? 10;
-                v.showPagingControls = v.showPagingControls ?? true;
-                return v;
-            }
-        }]));
+    pageable = input(false, ...(ngDevMode ? [{ debugName: "pageable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * The currently selected page in the table.
+     * @default 0
+     */
+    pageIndex = model(0, ...(ngDevMode ? [{ debugName: "pageIndex" }] : []));
+    /**
+     * The number of records to display per page.
+     * @default 10
+     */
+    pageSize = model(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    /**
+     * Maximum number of visible pages in the pagination controls.
+     * @default 10
+     */
+    maxVisiblePages = input(10, ...(ngDevMode ? [{ debugName: "maxVisiblePages", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+    /**
+     * If true, the table will show pagination controls at the bottom.
+     * This will allow users to navigate between pages of data.
+     * @default true
+     */
+    showPagingControls = input(true, ...(ngDevMode ? [{ debugName: "showPagingControls", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * Whether to show the first and last buttons in the pagination controls.
+     * @default true
+     */
+    showFirstLastButtons = input(false, ...(ngDevMode ? [{ debugName: "showFirstLastButtons", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * Whetheer to show the next and previous buttons in the pagination controls.
+     * @default true
+     */
+    showNextPreviousButtons = input(false, ...(ngDevMode ? [{ debugName: "showNextPreviousButtons", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * Array of page size options to display in the page size selector.
+     * If not provided, the default page size options will be used.
+     * @default true
+     */
+    pageSizeOptions = input([10, 25, 50, 100], ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
+    /**
+     * Whether to show paging info at the bottom of the table.
+     * This will show the number of records displayed and total records.
+     * @default true
+     */
+    showPagingInfo = input(true, ...(ngDevMode ? [{ debugName: "showPagingInfo", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     /**
      * If true, the table will support sorting.
      * This will add a sort icon to each column header.
      */
     sortable = input(true, ...(ngDevMode ? [{ debugName: "sortable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     /**
-     * The CSS class to apply to the table element.
+     * The CSS class to apply to the internal table element.
      * This can be used to apply custom styles to the table.
      */
     tableClass = input(...(ngDevMode ? [undefined, { debugName: "tableClass" }] : []));
@@ -300,12 +316,14 @@ class TableComponent {
         //   this.reload();
         // });
         if (this.autoLoad()) {
-            this.load(this.pageable()?.pageIndex);
+            this.load();
         }
     }
     /**
-     * Load data for the specified page index (optional).
-     * @param pageIndex The page index to load.
+     * Loads data from the data source based on the current state of the table (pagination, sorting, filtering).
+     * This method can be called manually to refresh the data in the table.
+     * It will construct a DataRequest object based on the current pagination, sorting, and filtering settings,
+     * and then call the load method of the data source with that request.
      */
     load(pageIndex) {
         let page;
@@ -319,9 +337,12 @@ class TableComponent {
             });
         }
         if (this.pageable()) {
+            if (pageIndex != undefined) {
+                this.pageIndex.set(pageIndex);
+            }
             page = {
-                index: pageIndex || this._lastRequest?.page?.index || 0,
-                size: this._lastRequest?.page?.size || 10,
+                index: this.pageIndex(),
+                size: this.pageSize(),
             };
         }
         if (this.sortable()) {
@@ -398,7 +419,7 @@ class TableComponent {
         this._changeSubscription?.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.11", type: TableComponent, isStandalone: true, selector: "ng0-table", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, autoLoad: { classPropertyName: "autoLoad", publicName: "autoLoad", isSignal: true, isRequired: false, transformFunction: null }, showRowNumbers: { classPropertyName: "showRowNumbers", publicName: "showRowNumbers", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, pageable: { classPropertyName: "pageable", publicName: "pageable", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, tableClass: { classPropertyName: "tableClass", publicName: "tableClass", isSignal: true, isRequired: false, transformFunction: null }, headerClass: { classPropertyName: "headerClass", publicName: "headerClass", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, loadingIndicator: { classPropertyName: "loadingIndicator", publicName: "loadingIndicator", isSignal: true, isRequired: false, transformFunction: null }, loadingCover: { classPropertyName: "loadingCover", publicName: "loadingCover", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ng0-loading": "this.isLoading" } }, queries: [{ propertyName: "_detailRow", first: true, predicate: TableDetailRowDirective, descendants: true }, { propertyName: "_columns", predicate: TableColumnDirective }], exportAs: ["ng0Table"], ngImport: i0, template: "@let $dataResult = _dataResult();\n@let $pageable = pageable();\n@let $pageIndex = _lastRequest?.page?.index ?? 1;\n@let $data = $dataResult?.data;\n@let $anyRecords = $data && $data.length > 0;\n@let $totalRecordsCount = $dataResult?.total;\n@let $firstRecord = $pageable ? ($pageable.pageSize! * ($pageIndex - 1) + 1) : 1;\n@let $lastRecord = $data ? $firstRecord + $data.length - 1 : 1;\n@let $isLoading = _dataSource.isLoading();\n@let $isFirstLoad = $dataResult == undefined;\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\n@let $tableLocale = _ls.get()?.definition?.components?.table;\n\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\n  <table class=\"table\" [ngClass]=\"tableClass()\">\n    @if (caption()) {\n    <caption>{{caption()}}</caption>\n    }\n\n    @if (showHeader()) {\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    }\n\n    @if (filterable()) {\n    <ng-container *ngTemplateOutlet=\"filtersTemplate\"></ng-container>\n    }\n\n    <tbody>\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\n      <tr class=\"ng0-table-loading-row\">\n        <td [attr.colspan]=\"$columnsCount\">\n          @switch (loadingIndicator()) {\n          @case ('spinner') {\n          <div class=\"text-center\">\n            <div class=\"spinner-border\" role=\"status\"></div>\n          </div>\n          }\n          }\n        </td>\n      </tr>\n      } @else {\n      @if ($data) {\n      @if ($data.length > 0) {\n      <ng-container *ngTemplateOutlet=\"dataRowsTemplate\"></ng-container>\n      } @else {\n      <tr class=\"ng0-table-no-records-row\">\n        <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\n          {{ $tableLocale?.noRecords ?? 'No Records.' }}\n        </td>\n      </tr>\n      }\n      } @else if (_lastError) {\n      <ng-container *ngTemplateOutlet=\"nowDataTemplate\"></ng-container>\n      }\n      }\n    </tbody>\n  </table>\n</div>\n\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\n  <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n</div>\n\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\n<div class=\"ng0-table-loading-cover text-center\">\n  @if (loadingCover() == 'spinner') {\n  <div class=\"spinner-border\" role=\"status\"></div>\n  }\n</div>\n}\n\n<ng-template #filtersTemplate>\n  <thead>\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th></th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th>\n        @if(col.filterable() && (col.field() || col.filterValue())) {\n\n        <div class=\"input-group\">\n          @switch (col.type()) {\n          @case ('text') {\n          <input [name]=\"'filter-' + col.field\"\n                 type=\"search\"\n                 [maxlength]=\"50\"\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          @case ('number') {\n          <input [name]=\"'datatablecol-' + col.field\"\n                 type=\"search\"\n                 ng0Number\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          }\n\n          <button class=\"btn btn-outline-light\"\n                  style=\"border-color: var(--bs-border-color);\"\n                  cdkOverlayOrigin\n                  #trigger=\"cdkOverlayOrigin\"\n                  (click)=\"_onToggleFilterOperator(col)\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M19 3H5C3.58579 3 2.87868 3 2.43934 3.4122C2 3.8244 2 4.48782 2 5.81466V6.50448C2 7.54232 2 8.06124 2.2596 8.49142C2.5192 8.9216 2.99347 9.18858 3.94202 9.72255L6.85504 11.3624C7.49146 11.7206 7.80967 11.8998 8.03751 12.0976C8.51199 12.5095 8.80408 12.9935 8.93644 13.5872C9 13.8722 9 14.2058 9 14.8729L9 17.5424C9 18.452 9 18.9067 9.25192 19.2613C9.50385 19.6158 9.95128 19.7907 10.8462 20.1406C12.7248 20.875 13.6641 21.2422 14.3321 20.8244C15 20.4066 15 19.4519 15 17.5424V14.8729C15 14.2058 15 13.8722 15.0636 13.5872C15.1959 12.9935 15.488 12.5095 15.9625 12.0976C16.1903 11.8998 16.5085 11.7206 17.145 11.3624L20.058 9.72255C21.0065 9.18858 21.4808 8.9216 21.7404 8.49142C22 8.06124 22 7.54232 22 6.50448V5.81466C22 4.48782 22 3.8244 21.5607 3.4122C21.1213 3 20.4142 3 19 3Z\"\n                    stroke=\"#1C274C\" stroke-width=\"1.5\" />\n            </svg>\n          </button>\n        </div>\n\n        <ng-template\n                     cdkConnectedOverlay\n                     [cdkConnectedOverlayOrigin]=\"trigger\"\n                     [cdkConnectedOverlayOpen]=\"col.showFilterOperators()\"\n                     (overlayOutsideClick)=\"col.showFilterOperators.set(false)\"\n                     (detach)=\"col.showFilterOperators.set(false)\">\n          <ul class=\"dropdown-menu show\" animate.enter=\"fade-in\">\n            @for (item of col.getFilterOperators(); track $index) {\n            <li>\n              <button class=\"dropdown-item\" [class.active]=\"item == col.filterOperator()\"\n                      (click)=\"_onSelectFilterOperator(col, item)\">\n                {{_ls.get()?.definition?.data?.logicalOperators?.[item] ?? item }}\n              </button>\n            </li>\n            }\n          </ul>\n        </ng-template>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #headerTemplate>\n  <thead [ngClass]=\"headerClass()\">\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th class=\"row-number text-muted\">#</th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th\n          (click)=\"col.toggleSortDirection(); load()\"\n          [class.sortable]=\"sortable() && col.sortable()\"\n          [ngClass]=\"{ \n            'sort-asc': col.sortDirection() == 'asc', \n            'sort-desc': col.sortDirection() == 'desc',\n            'sort-none': col.sortDirection() == 'none'\n          }\">\n        {{ col.title() }}\n\n        @if(sortable() && col.sortable()) {\n        <svg class=\"ng0-table-sort-icon\"\n             width=\"24\"\n             height=\"24\"\n             viewBox=\"0 0 24 24\" fill=\"none\"\n             xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M12 7L12 16\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n          <path d=\"M8 13L12 17L16 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\" />\n        </svg>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #dataRowsTemplate>\n  @for (row of $data; track $index) {\n  <tr [class.table-active]=\"isRowExpanded(row)\">\n    @if (_detailRow) {\n    <td class=\"detail-row-expander\">\n      @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\n      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\n        @if (isRowExpanded(row)) {\n        <i class=\"far fa-minus\"></i>\n        } @else {\n        <i class=\"far fa-plus\"></i>\n        }\n      </button>\n      }\n    </td>\n    }\n\n    @if (showRowNumbers()) {\n    <td class=\"ng0-table-row-number\">\n      {{ $firstRecord + $index }}\n    </td>\n    }\n\n    @for (col of _columns; track $index) {\n    <td\n        [ngClass]=\"col.cellClass()\"\n        [class.shrinked]=\"col.shrink()\"\n        [class.fw-bold]=\"col.bold()\">\n      @if (col.template) {\n      <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row }\">\n      </ng-container>\n      } @else if (col.field()) {\n      @let cellValue = _getCellValue(row, col);\n\n      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\n      {{ col.emptyCellText() }}\n      } @else {\n      @if (col.type()) {\n      @let type = $any(col.type());\n\n      @if (type == \"date\") {\n      {{ cellValue | ng0Date }}\n      } @else if (type == \"number\") {\n      {{ cellValue | number }}\n      } @else if (type == \"currency\") {\n      {{ cellValue | currency }}\n      } @else if (type.enum) {\n      {{ cellValue | ng0TranslateEnum: type.enum.name : type.enum.fallback }}\n      } @else if (type.boolean || type == \"boolean\") {\n      {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\n      }@else {\n      {{ cellValue }}\n      }\n      }\n      }\n      }\n    </td>\n    }\n  </tr>\n\n  @if (_detailRow && isRowExpanded(row)) {\n  <tr class=\"detail-row\">\n    <td\n        [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\n        class=\"ps-2 pb-4\">\n      <ng-container\n                    *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"></ng-container>\n    </td>\n  </tr>\n  }\n  }\n</ng-template>\n\n<ng-template #footerTemplate>\n  @if ($pageable && $pageable.showPagingControls && $anyRecords && $totalRecordsCount! > 0) {\n  <div class=\"ng0-table-pagination me-2\">\n    <ng0-pagination\n                    class=\"mb-0 d-inline-block\"\n                    [showFirstLastButtons]=\"$pageable.showFirstLastButtons == true\"\n                    [showNextPreviousButtons]=\"$pageable.showNextPreviousButtons == true\"\n                    [totalRecords]=\"$totalRecordsCount!\"\n                    [pageSize]=\"$pageable.pageSize!\"\n                    [selectedPage]=\"$pageIndex\"\n                    (itemClick)=\"_onPageChange($event)\"\n                    [maxVisiblePages]=\"$pageable.maxVisiblePages!\">\n      <ng-container ngProjectAs=\"first\">\n        <ng-content select=\"paging-first\">\n          {{ \"first\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"last\">\n        <ng-content select=\"paging-last\">\n          {{ \"last\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"next\">\n        <ng-content select=\"paging-next\">\n          {{ \"next\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"previous\">\n        <ng-content select=\"paging-previous\">\n          {{ \"previous\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n    </ng0-pagination>\n  </div>\n\n  @if ($pageable.showPageSizeOptions || $pageable.showPageSizeOptions == undefined) {\n  <div class=\"ng0-table-paging-options\">\n    <select name=\"pageSizeOptions\" class=\"form-select w-auto d-inline-block\">\n      <option [ngValue]=\"10\" selected>10</option>\n    </select>\n  </div>\n  }\n\n  @if ($pageable.showPagingInfo == undefined || $pageable.showPagingInfo) {\n  <div class=\"ng0-table-paging-info ms-auto\">\n    <ng-content select=\"paging-info\">\n      {{\n      _pagingFormatter({firstRecord: $firstRecord, lastRecord: $lastRecord, totalRecords: $totalRecordsCount!,\n      currentPage: $pageIndex!})\n      }}\n    </ng-content>\n  </div>\n  }\n  }\n</ng-template>\n\n<ng-template #nowDataTemplate>\n  <tr class=\"ng0-table-error-row\">\n    <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\n      <div class=\"d-flex align-items-baseline\">\n        <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\n        <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\n          {{ \"retry\" | ng0Translate }}\n        </button>\n      </div>\n    </td>\n  </tr>\n</ng-template>", styles: [":host{display:flex;flex-direction:column;position:relative}@starting-style{.ng0-table-loading-cover{background-color:#0000}}table{margin-bottom:0}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable .ng0-table-sort-icon{transition:transform .2s;opacity:0}th.sortable.sort-none:hover .ng0-table-sort-icon{opacity:.4}th.sortable.sort-asc .ng0-table-sort-icon{transform:rotate(0);opacity:1;color:var(--bs-danger)}th.sortable.sort-desc .ng0-table-sort-icon{transform:rotate(180deg);opacity:1;color:var(--bs-primary)}tbody{position:relative}td.row-number{width:0}td.shrinked{width:0;white-space:nowrap}.ng0-table-loading-cover{position:absolute;inset:0;background-color:#0000000d;transition:background-color .2s;z-index:1000;display:flex;align-items:center;justify-content:center}.table-scrollable{overflow-y:auto;direction:ltr;scroll-padding:20px}.table-scrollable::-webkit-scrollbar{width:8px}.table-scrollable::-webkit-scrollbar-track{background-color:#00000008}.table-scrollable::-webkit-scrollbar-thumb{background-color:var(--bs-secondary)}.table-scrollable thead th{position:sticky;top:0}.ng0-table-footer{margin-top:.5rem}.fade-in{animation:fade-in .5s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "component", type: PaginationComponent, selector: "ng0-pagination", inputs: ["totalRecords", "pageSize", "selectedPage", "maxVisiblePages", "showNextPreviousButtons", "showFirstLastButtons"], outputs: ["itemClick"], exportAs: ["ng0Pagination"] }, { kind: "directive", type: NumberDirective, selector: "[ng0Number]", inputs: ["minFractionDigits", "maxFractionDigits", "useGrouping", "numberType"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i4.TranslatePipe, name: "ng0Translate" }, { kind: "pipe", type: i4.TranslateEnumPipe, name: "ng0TranslateEnum" }, { kind: "pipe", type: i4.DatePipe, name: "ng0Date" }, { kind: "pipe", type: i4.LocalizeBooleanPipe, name: "ng0LocalizeBool" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.11", type: TableComponent, isStandalone: true, selector: "ng0-table", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, autoLoad: { classPropertyName: "autoLoad", publicName: "autoLoad", isSignal: true, isRequired: false, transformFunction: null }, showRowNumbers: { classPropertyName: "showRowNumbers", publicName: "showRowNumbers", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, pageable: { classPropertyName: "pageable", publicName: "pageable", isSignal: true, isRequired: false, transformFunction: null }, pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, maxVisiblePages: { classPropertyName: "maxVisiblePages", publicName: "maxVisiblePages", isSignal: true, isRequired: false, transformFunction: null }, showPagingControls: { classPropertyName: "showPagingControls", publicName: "showPagingControls", isSignal: true, isRequired: false, transformFunction: null }, showFirstLastButtons: { classPropertyName: "showFirstLastButtons", publicName: "showFirstLastButtons", isSignal: true, isRequired: false, transformFunction: null }, showNextPreviousButtons: { classPropertyName: "showNextPreviousButtons", publicName: "showNextPreviousButtons", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, showPagingInfo: { classPropertyName: "showPagingInfo", publicName: "showPagingInfo", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, tableClass: { classPropertyName: "tableClass", publicName: "tableClass", isSignal: true, isRequired: false, transformFunction: null }, headerClass: { classPropertyName: "headerClass", publicName: "headerClass", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, loadingIndicator: { classPropertyName: "loadingIndicator", publicName: "loadingIndicator", isSignal: true, isRequired: false, transformFunction: null }, loadingCover: { classPropertyName: "loadingCover", publicName: "loadingCover", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageIndex: "pageIndexChange", pageSize: "pageSizeChange" }, host: { properties: { "class.ng0-loading": "this.isLoading" } }, queries: [{ propertyName: "_detailRow", first: true, predicate: TableDetailRowDirective, descendants: true }, { propertyName: "_columns", predicate: TableColumnDirective }], exportAs: ["ng0Table"], ngImport: i0, template: "@let $dataResult = _dataResult();\n@let $pageable = pageable();\n@let $pageIndex = pageIndex();\n@let $pageSize = pageSize();\n@let $data = $dataResult?.data;\n@let $anyRecords = $data && $data.length > 0;\n@let $totalRecordsCount = $dataResult?.total;\n@let $firstRecordIndex = $pageable ? ($pageSize * $pageIndex) : 0;\n@let $lastRecordIndex = $data ? $firstRecordIndex + $data.length - 1 : 1;\n@let $isLoading = _dataSource.isLoading();\n@let $isFirstLoad = $dataResult == undefined;\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\n@let $tableLocale = _ls.get()?.definition?.components?.table;\n\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\n  <table class=\"table\" [ngClass]=\"tableClass()\">\n    @if (caption()) {\n    <caption>{{caption()}}</caption>\n    }\n\n    @if (showHeader()) {\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    }\n\n    @if (filterable()) {\n    <ng-container *ngTemplateOutlet=\"filtersTemplate\"></ng-container>\n    }\n\n    <tbody>\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\n      <tr class=\"ng0-table-loading-row\">\n        <td [attr.colspan]=\"$columnsCount\">\n          @switch (loadingIndicator()) {\n          @case ('spinner') {\n          <div class=\"text-center\">\n            <div class=\"spinner-border\" role=\"status\"></div>\n          </div>\n          }\n          }\n        </td>\n      </tr>\n      } @else {\n      @if ($data) {\n      @if ($data.length > 0) {\n      <ng-container *ngTemplateOutlet=\"dataRowsTemplate\"></ng-container>\n      } @else {\n      <tr class=\"ng0-table-no-records-row\">\n        <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\n          {{ $tableLocale?.noRecords ?? 'No Records.' }}\n        </td>\n      </tr>\n      }\n      } @else if (_lastError) {\n      <ng-container *ngTemplateOutlet=\"nowDataTemplate\"></ng-container>\n      }\n      }\n    </tbody>\n  </table>\n</div>\n\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\n  <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n</div>\n\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\n<div class=\"ng0-table-loading-cover text-center\">\n  @if (loadingCover() == 'spinner') {\n  <div class=\"spinner-border\" role=\"status\"></div>\n  }\n</div>\n}\n\n<ng-template #filtersTemplate>\n  <thead>\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th></th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th>\n        @if(col.filterable() && (col.field() || col.filterValue())) {\n\n        <div class=\"input-group\">\n          @switch (col.type()) {\n          @case ('text') {\n          <input [name]=\"'filter-' + col.field\"\n                 type=\"search\"\n                 [maxlength]=\"50\"\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          @case ('number') {\n          <input [name]=\"'datatablecol-' + col.field\"\n                 type=\"search\"\n                 ng0Number\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          }\n\n          <button class=\"btn btn-outline-light\"\n                  style=\"border-color: var(--bs-border-color);\"\n                  cdkOverlayOrigin\n                  #trigger=\"cdkOverlayOrigin\"\n                  (click)=\"_onToggleFilterOperator(col)\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M19 3H5C3.58579 3 2.87868 3 2.43934 3.4122C2 3.8244 2 4.48782 2 5.81466V6.50448C2 7.54232 2 8.06124 2.2596 8.49142C2.5192 8.9216 2.99347 9.18858 3.94202 9.72255L6.85504 11.3624C7.49146 11.7206 7.80967 11.8998 8.03751 12.0976C8.51199 12.5095 8.80408 12.9935 8.93644 13.5872C9 13.8722 9 14.2058 9 14.8729L9 17.5424C9 18.452 9 18.9067 9.25192 19.2613C9.50385 19.6158 9.95128 19.7907 10.8462 20.1406C12.7248 20.875 13.6641 21.2422 14.3321 20.8244C15 20.4066 15 19.4519 15 17.5424V14.8729C15 14.2058 15 13.8722 15.0636 13.5872C15.1959 12.9935 15.488 12.5095 15.9625 12.0976C16.1903 11.8998 16.5085 11.7206 17.145 11.3624L20.058 9.72255C21.0065 9.18858 21.4808 8.9216 21.7404 8.49142C22 8.06124 22 7.54232 22 6.50448V5.81466C22 4.48782 22 3.8244 21.5607 3.4122C21.1213 3 20.4142 3 19 3Z\"\n                    stroke=\"#1C274C\" stroke-width=\"1.5\" />\n            </svg>\n          </button>\n        </div>\n\n        <ng-template\n                     cdkConnectedOverlay\n                     [cdkConnectedOverlayOrigin]=\"trigger\"\n                     [cdkConnectedOverlayOpen]=\"col.showFilterOperators()\"\n                     (overlayOutsideClick)=\"col.showFilterOperators.set(false)\"\n                     (detach)=\"col.showFilterOperators.set(false)\">\n          <ul class=\"dropdown-menu show\" animate.enter=\"fade-in\">\n            @for (item of col.getFilterOperators(); track $index) {\n            <li>\n              <button class=\"dropdown-item\" [class.active]=\"item == col.filterOperator()\"\n                      (click)=\"_onSelectFilterOperator(col, item)\">\n                {{_ls.get()?.definition?.data?.logicalOperators?.[item] ?? item }}\n              </button>\n            </li>\n            }\n          </ul>\n        </ng-template>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #headerTemplate>\n  <thead [ngClass]=\"headerClass()\">\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th class=\"row-number text-muted\">#</th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th\n          (click)=\"col.toggleSortDirection(); load()\"\n          [class.sortable]=\"sortable() && col.sortable()\"\n          [ngClass]=\"{ \n            'sort-asc': col.sortDirection() == 'asc', \n            'sort-desc': col.sortDirection() == 'desc',\n            'sort-none': col.sortDirection() == 'none'\n          }\">\n        {{ col.title() }}\n\n        @if(sortable() && col.sortable()) {\n        <svg class=\"ng0-table-sort-icon\"\n             width=\"24\"\n             height=\"24\"\n             viewBox=\"0 0 24 24\" fill=\"none\"\n             xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M12 7L12 16\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n          <path d=\"M8 13L12 17L16 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\" />\n        </svg>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #dataRowsTemplate>\n  @for (row of $data; track $index) {\n  <tr [class.table-active]=\"isRowExpanded(row)\">\n    @if (_detailRow) {\n    <td class=\"detail-row-expander\">\n      @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\n      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\n        @if (isRowExpanded(row)) {\n        <i class=\"far fa-minus\"></i>\n        } @else {\n        <i class=\"far fa-plus\"></i>\n        }\n      </button>\n      }\n    </td>\n    }\n\n    @if (showRowNumbers()) {\n    <td class=\"ng0-table-row-number\">\n      {{ $firstRecordIndex + $index + 1}}\n    </td>\n    }\n\n    @for (col of _columns; track $index) {\n    <td\n        [ngClass]=\"col.cellClass()\"\n        [class.shrinked]=\"col.shrink()\"\n        [class.fw-bold]=\"col.bold()\">\n      @if (col.template) {\n      <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row }\">\n      </ng-container>\n      } @else if (col.field()) {\n      @let cellValue = _getCellValue(row, col);\n\n      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\n      {{ col.emptyCellText() }}\n      } @else {\n      @if (col.type()) {\n      @let type = $any(col.type());\n\n      @if (type == \"date\") {\n      {{ cellValue | ng0Date }}\n      } @else if (type == \"number\") {\n      {{ cellValue | number }}\n      } @else if (type == \"currency\") {\n      {{ cellValue | currency }}\n      } @else if (type.enum) {\n      {{ cellValue | ng0TranslateEnum: type.enum.name : type.enum.fallback }}\n      } @else if (type.boolean || type == \"boolean\") {\n      {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\n      }@else {\n      {{ cellValue }}\n      }\n      }\n      }\n      }\n    </td>\n    }\n  </tr>\n\n  @if (_detailRow && isRowExpanded(row)) {\n  <tr class=\"detail-row\">\n    <td\n        [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\n        class=\"ps-2 pb-4\">\n      <ng-container\n                    *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"></ng-container>\n    </td>\n  </tr>\n  }\n  }\n</ng-template>\n\n<ng-template #footerTemplate>\n  @if ($pageable && showPagingControls() && $anyRecords && $totalRecordsCount! > 0) {\n  <div class=\"ng0-table-pagination me-2\">\n    <ng0-pagination\n                    class=\"mb-0 d-inline-block\"\n                    [showFirstLastButtons]=\"showFirstLastButtons()\"\n                    [showNextPreviousButtons]=\"showNextPreviousButtons()\"\n                    [totalRecords]=\"$totalRecordsCount!\"\n                    [pageSize]=\"pageSize()\"\n                    [selectedPage]=\"pageIndex()\"\n                    (itemClick)=\"_onPageChange($event)\"\n                    [maxVisiblePages]=\"maxVisiblePages()\">\n      <ng-container ngProjectAs=\"first\">\n        <ng-content select=\"paging-first\">\n          {{ \"first\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"last\">\n        <ng-content select=\"paging-last\">\n          {{ \"last\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"next\">\n        <ng-content select=\"paging-next\">\n          {{ \"next\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"previous\">\n        <ng-content select=\"paging-previous\">\n          {{ \"previous\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n    </ng0-pagination>\n  </div>\n\n  @if (pageSizeOptions()) {\n  <div class=\"ng0-table-paging-options\">\n    <select name=\"pageSizeOptions\" class=\"form-select w-auto d-inline-block\">\n      <option [ngValue]=\"10\" selected>10</option>\n    </select>\n  </div>\n  }\n\n  @if (showPagingInfo()) {\n  <div class=\"ng0-table-paging-info ms-auto\">\n    <ng-content select=\"paging-info\">\n      {{\n      _pagingFormatter({firstRecord: $firstRecordIndex, lastRecord: $lastRecordIndex, totalRecords: $totalRecordsCount!,\n      currentPage: $pageIndex!})\n      }}\n    </ng-content>\n  </div>\n  }\n  }\n</ng-template>\n\n<ng-template #nowDataTemplate>\n  <tr class=\"ng0-table-error-row\">\n    <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\n      <div class=\"d-flex align-items-baseline\">\n        <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\n        <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\n          {{ \"retry\" | ng0Translate }}\n        </button>\n      </div>\n    </td>\n  </tr>\n</ng-template>", styles: [":host{display:flex;flex-direction:column;position:relative}@starting-style{.ng0-table-loading-cover{background-color:#0000}}table{margin-bottom:0;height:100%}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable .ng0-table-sort-icon{transition:transform .2s;opacity:0}th.sortable.sort-none:hover .ng0-table-sort-icon{opacity:.4}th.sortable.sort-asc .ng0-table-sort-icon{transform:rotate(0);opacity:1;color:var(--bs-danger)}th.sortable.sort-desc .ng0-table-sort-icon{transform:rotate(180deg);opacity:1;color:var(--bs-primary)}tbody{position:relative}td.row-number{width:0}td.shrinked{width:0;white-space:nowrap}.ng0-table-loading-cover{position:absolute;inset:0;background-color:#0000000d;transition:background-color .2s;z-index:1000;display:flex;align-items:center;justify-content:center}.table-scrollable{overflow-y:auto;direction:ltr;scroll-padding:20px}.table-scrollable::-webkit-scrollbar{width:8px}.table-scrollable::-webkit-scrollbar-track{background-color:#00000008}.table-scrollable::-webkit-scrollbar-thumb{background-color:var(--bs-secondary)}.table-scrollable thead th{position:sticky;top:0}.ng0-table-footer{margin-top:.5rem}.fade-in{animation:fade-in .5s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "component", type: PaginationComponent, selector: "ng0-pagination", inputs: ["totalRecords", "pageSize", "selectedPage", "maxVisiblePages", "showNextPreviousButtons", "showFirstLastButtons"], outputs: ["itemClick"], exportAs: ["ng0Pagination"] }, { kind: "directive", type: NumberDirective, selector: "[ng0Number]", inputs: ["minFractionDigits", "maxFractionDigits", "useGrouping", "numberType"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i4.TranslatePipe, name: "ng0Translate" }, { kind: "pipe", type: i4.TranslateEnumPipe, name: "ng0TranslateEnum" }, { kind: "pipe", type: i4.DatePipe, name: "ng0Date" }, { kind: "pipe", type: i4.LocalizeBooleanPipe, name: "ng0LocalizeBool" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
@@ -409,14 +430,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
                         PaginationComponent,
                         NumberDirective,
                         OverlayModule
-                    ], template: "@let $dataResult = _dataResult();\n@let $pageable = pageable();\n@let $pageIndex = _lastRequest?.page?.index ?? 1;\n@let $data = $dataResult?.data;\n@let $anyRecords = $data && $data.length > 0;\n@let $totalRecordsCount = $dataResult?.total;\n@let $firstRecord = $pageable ? ($pageable.pageSize! * ($pageIndex - 1) + 1) : 1;\n@let $lastRecord = $data ? $firstRecord + $data.length - 1 : 1;\n@let $isLoading = _dataSource.isLoading();\n@let $isFirstLoad = $dataResult == undefined;\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\n@let $tableLocale = _ls.get()?.definition?.components?.table;\n\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\n  <table class=\"table\" [ngClass]=\"tableClass()\">\n    @if (caption()) {\n    <caption>{{caption()}}</caption>\n    }\n\n    @if (showHeader()) {\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    }\n\n    @if (filterable()) {\n    <ng-container *ngTemplateOutlet=\"filtersTemplate\"></ng-container>\n    }\n\n    <tbody>\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\n      <tr class=\"ng0-table-loading-row\">\n        <td [attr.colspan]=\"$columnsCount\">\n          @switch (loadingIndicator()) {\n          @case ('spinner') {\n          <div class=\"text-center\">\n            <div class=\"spinner-border\" role=\"status\"></div>\n          </div>\n          }\n          }\n        </td>\n      </tr>\n      } @else {\n      @if ($data) {\n      @if ($data.length > 0) {\n      <ng-container *ngTemplateOutlet=\"dataRowsTemplate\"></ng-container>\n      } @else {\n      <tr class=\"ng0-table-no-records-row\">\n        <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\n          {{ $tableLocale?.noRecords ?? 'No Records.' }}\n        </td>\n      </tr>\n      }\n      } @else if (_lastError) {\n      <ng-container *ngTemplateOutlet=\"nowDataTemplate\"></ng-container>\n      }\n      }\n    </tbody>\n  </table>\n</div>\n\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\n  <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n</div>\n\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\n<div class=\"ng0-table-loading-cover text-center\">\n  @if (loadingCover() == 'spinner') {\n  <div class=\"spinner-border\" role=\"status\"></div>\n  }\n</div>\n}\n\n<ng-template #filtersTemplate>\n  <thead>\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th></th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th>\n        @if(col.filterable() && (col.field() || col.filterValue())) {\n\n        <div class=\"input-group\">\n          @switch (col.type()) {\n          @case ('text') {\n          <input [name]=\"'filter-' + col.field\"\n                 type=\"search\"\n                 [maxlength]=\"50\"\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          @case ('number') {\n          <input [name]=\"'datatablecol-' + col.field\"\n                 type=\"search\"\n                 ng0Number\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          }\n\n          <button class=\"btn btn-outline-light\"\n                  style=\"border-color: var(--bs-border-color);\"\n                  cdkOverlayOrigin\n                  #trigger=\"cdkOverlayOrigin\"\n                  (click)=\"_onToggleFilterOperator(col)\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M19 3H5C3.58579 3 2.87868 3 2.43934 3.4122C2 3.8244 2 4.48782 2 5.81466V6.50448C2 7.54232 2 8.06124 2.2596 8.49142C2.5192 8.9216 2.99347 9.18858 3.94202 9.72255L6.85504 11.3624C7.49146 11.7206 7.80967 11.8998 8.03751 12.0976C8.51199 12.5095 8.80408 12.9935 8.93644 13.5872C9 13.8722 9 14.2058 9 14.8729L9 17.5424C9 18.452 9 18.9067 9.25192 19.2613C9.50385 19.6158 9.95128 19.7907 10.8462 20.1406C12.7248 20.875 13.6641 21.2422 14.3321 20.8244C15 20.4066 15 19.4519 15 17.5424V14.8729C15 14.2058 15 13.8722 15.0636 13.5872C15.1959 12.9935 15.488 12.5095 15.9625 12.0976C16.1903 11.8998 16.5085 11.7206 17.145 11.3624L20.058 9.72255C21.0065 9.18858 21.4808 8.9216 21.7404 8.49142C22 8.06124 22 7.54232 22 6.50448V5.81466C22 4.48782 22 3.8244 21.5607 3.4122C21.1213 3 20.4142 3 19 3Z\"\n                    stroke=\"#1C274C\" stroke-width=\"1.5\" />\n            </svg>\n          </button>\n        </div>\n\n        <ng-template\n                     cdkConnectedOverlay\n                     [cdkConnectedOverlayOrigin]=\"trigger\"\n                     [cdkConnectedOverlayOpen]=\"col.showFilterOperators()\"\n                     (overlayOutsideClick)=\"col.showFilterOperators.set(false)\"\n                     (detach)=\"col.showFilterOperators.set(false)\">\n          <ul class=\"dropdown-menu show\" animate.enter=\"fade-in\">\n            @for (item of col.getFilterOperators(); track $index) {\n            <li>\n              <button class=\"dropdown-item\" [class.active]=\"item == col.filterOperator()\"\n                      (click)=\"_onSelectFilterOperator(col, item)\">\n                {{_ls.get()?.definition?.data?.logicalOperators?.[item] ?? item }}\n              </button>\n            </li>\n            }\n          </ul>\n        </ng-template>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #headerTemplate>\n  <thead [ngClass]=\"headerClass()\">\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th class=\"row-number text-muted\">#</th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th\n          (click)=\"col.toggleSortDirection(); load()\"\n          [class.sortable]=\"sortable() && col.sortable()\"\n          [ngClass]=\"{ \n            'sort-asc': col.sortDirection() == 'asc', \n            'sort-desc': col.sortDirection() == 'desc',\n            'sort-none': col.sortDirection() == 'none'\n          }\">\n        {{ col.title() }}\n\n        @if(sortable() && col.sortable()) {\n        <svg class=\"ng0-table-sort-icon\"\n             width=\"24\"\n             height=\"24\"\n             viewBox=\"0 0 24 24\" fill=\"none\"\n             xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M12 7L12 16\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n          <path d=\"M8 13L12 17L16 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\" />\n        </svg>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #dataRowsTemplate>\n  @for (row of $data; track $index) {\n  <tr [class.table-active]=\"isRowExpanded(row)\">\n    @if (_detailRow) {\n    <td class=\"detail-row-expander\">\n      @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\n      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\n        @if (isRowExpanded(row)) {\n        <i class=\"far fa-minus\"></i>\n        } @else {\n        <i class=\"far fa-plus\"></i>\n        }\n      </button>\n      }\n    </td>\n    }\n\n    @if (showRowNumbers()) {\n    <td class=\"ng0-table-row-number\">\n      {{ $firstRecord + $index }}\n    </td>\n    }\n\n    @for (col of _columns; track $index) {\n    <td\n        [ngClass]=\"col.cellClass()\"\n        [class.shrinked]=\"col.shrink()\"\n        [class.fw-bold]=\"col.bold()\">\n      @if (col.template) {\n      <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row }\">\n      </ng-container>\n      } @else if (col.field()) {\n      @let cellValue = _getCellValue(row, col);\n\n      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\n      {{ col.emptyCellText() }}\n      } @else {\n      @if (col.type()) {\n      @let type = $any(col.type());\n\n      @if (type == \"date\") {\n      {{ cellValue | ng0Date }}\n      } @else if (type == \"number\") {\n      {{ cellValue | number }}\n      } @else if (type == \"currency\") {\n      {{ cellValue | currency }}\n      } @else if (type.enum) {\n      {{ cellValue | ng0TranslateEnum: type.enum.name : type.enum.fallback }}\n      } @else if (type.boolean || type == \"boolean\") {\n      {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\n      }@else {\n      {{ cellValue }}\n      }\n      }\n      }\n      }\n    </td>\n    }\n  </tr>\n\n  @if (_detailRow && isRowExpanded(row)) {\n  <tr class=\"detail-row\">\n    <td\n        [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\n        class=\"ps-2 pb-4\">\n      <ng-container\n                    *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"></ng-container>\n    </td>\n  </tr>\n  }\n  }\n</ng-template>\n\n<ng-template #footerTemplate>\n  @if ($pageable && $pageable.showPagingControls && $anyRecords && $totalRecordsCount! > 0) {\n  <div class=\"ng0-table-pagination me-2\">\n    <ng0-pagination\n                    class=\"mb-0 d-inline-block\"\n                    [showFirstLastButtons]=\"$pageable.showFirstLastButtons == true\"\n                    [showNextPreviousButtons]=\"$pageable.showNextPreviousButtons == true\"\n                    [totalRecords]=\"$totalRecordsCount!\"\n                    [pageSize]=\"$pageable.pageSize!\"\n                    [selectedPage]=\"$pageIndex\"\n                    (itemClick)=\"_onPageChange($event)\"\n                    [maxVisiblePages]=\"$pageable.maxVisiblePages!\">\n      <ng-container ngProjectAs=\"first\">\n        <ng-content select=\"paging-first\">\n          {{ \"first\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"last\">\n        <ng-content select=\"paging-last\">\n          {{ \"last\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"next\">\n        <ng-content select=\"paging-next\">\n          {{ \"next\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"previous\">\n        <ng-content select=\"paging-previous\">\n          {{ \"previous\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n    </ng0-pagination>\n  </div>\n\n  @if ($pageable.showPageSizeOptions || $pageable.showPageSizeOptions == undefined) {\n  <div class=\"ng0-table-paging-options\">\n    <select name=\"pageSizeOptions\" class=\"form-select w-auto d-inline-block\">\n      <option [ngValue]=\"10\" selected>10</option>\n    </select>\n  </div>\n  }\n\n  @if ($pageable.showPagingInfo == undefined || $pageable.showPagingInfo) {\n  <div class=\"ng0-table-paging-info ms-auto\">\n    <ng-content select=\"paging-info\">\n      {{\n      _pagingFormatter({firstRecord: $firstRecord, lastRecord: $lastRecord, totalRecords: $totalRecordsCount!,\n      currentPage: $pageIndex!})\n      }}\n    </ng-content>\n  </div>\n  }\n  }\n</ng-template>\n\n<ng-template #nowDataTemplate>\n  <tr class=\"ng0-table-error-row\">\n    <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\n      <div class=\"d-flex align-items-baseline\">\n        <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\n        <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\n          {{ \"retry\" | ng0Translate }}\n        </button>\n      </div>\n    </td>\n  </tr>\n</ng-template>", styles: [":host{display:flex;flex-direction:column;position:relative}@starting-style{.ng0-table-loading-cover{background-color:#0000}}table{margin-bottom:0}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable .ng0-table-sort-icon{transition:transform .2s;opacity:0}th.sortable.sort-none:hover .ng0-table-sort-icon{opacity:.4}th.sortable.sort-asc .ng0-table-sort-icon{transform:rotate(0);opacity:1;color:var(--bs-danger)}th.sortable.sort-desc .ng0-table-sort-icon{transform:rotate(180deg);opacity:1;color:var(--bs-primary)}tbody{position:relative}td.row-number{width:0}td.shrinked{width:0;white-space:nowrap}.ng0-table-loading-cover{position:absolute;inset:0;background-color:#0000000d;transition:background-color .2s;z-index:1000;display:flex;align-items:center;justify-content:center}.table-scrollable{overflow-y:auto;direction:ltr;scroll-padding:20px}.table-scrollable::-webkit-scrollbar{width:8px}.table-scrollable::-webkit-scrollbar-track{background-color:#00000008}.table-scrollable::-webkit-scrollbar-thumb{background-color:var(--bs-secondary)}.table-scrollable thead th{position:sticky;top:0}.ng0-table-footer{margin-top:.5rem}.fade-in{animation:fade-in .5s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"] }]
+                    ], template: "@let $dataResult = _dataResult();\n@let $pageable = pageable();\n@let $pageIndex = pageIndex();\n@let $pageSize = pageSize();\n@let $data = $dataResult?.data;\n@let $anyRecords = $data && $data.length > 0;\n@let $totalRecordsCount = $dataResult?.total;\n@let $firstRecordIndex = $pageable ? ($pageSize * $pageIndex) : 0;\n@let $lastRecordIndex = $data ? $firstRecordIndex + $data.length - 1 : 1;\n@let $isLoading = _dataSource.isLoading();\n@let $isFirstLoad = $dataResult == undefined;\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\n@let $tableLocale = _ls.get()?.definition?.components?.table;\n\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\n  <table class=\"table\" [ngClass]=\"tableClass()\">\n    @if (caption()) {\n    <caption>{{caption()}}</caption>\n    }\n\n    @if (showHeader()) {\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    }\n\n    @if (filterable()) {\n    <ng-container *ngTemplateOutlet=\"filtersTemplate\"></ng-container>\n    }\n\n    <tbody>\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\n      <tr class=\"ng0-table-loading-row\">\n        <td [attr.colspan]=\"$columnsCount\">\n          @switch (loadingIndicator()) {\n          @case ('spinner') {\n          <div class=\"text-center\">\n            <div class=\"spinner-border\" role=\"status\"></div>\n          </div>\n          }\n          }\n        </td>\n      </tr>\n      } @else {\n      @if ($data) {\n      @if ($data.length > 0) {\n      <ng-container *ngTemplateOutlet=\"dataRowsTemplate\"></ng-container>\n      } @else {\n      <tr class=\"ng0-table-no-records-row\">\n        <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\n          {{ $tableLocale?.noRecords ?? 'No Records.' }}\n        </td>\n      </tr>\n      }\n      } @else if (_lastError) {\n      <ng-container *ngTemplateOutlet=\"nowDataTemplate\"></ng-container>\n      }\n      }\n    </tbody>\n  </table>\n</div>\n\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\n  <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n</div>\n\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\n<div class=\"ng0-table-loading-cover text-center\">\n  @if (loadingCover() == 'spinner') {\n  <div class=\"spinner-border\" role=\"status\"></div>\n  }\n</div>\n}\n\n<ng-template #filtersTemplate>\n  <thead>\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th></th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th>\n        @if(col.filterable() && (col.field() || col.filterValue())) {\n\n        <div class=\"input-group\">\n          @switch (col.type()) {\n          @case ('text') {\n          <input [name]=\"'filter-' + col.field\"\n                 type=\"search\"\n                 [maxlength]=\"50\"\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          @case ('number') {\n          <input [name]=\"'datatablecol-' + col.field\"\n                 type=\"search\"\n                 ng0Number\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          }\n\n          <button class=\"btn btn-outline-light\"\n                  style=\"border-color: var(--bs-border-color);\"\n                  cdkOverlayOrigin\n                  #trigger=\"cdkOverlayOrigin\"\n                  (click)=\"_onToggleFilterOperator(col)\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M19 3H5C3.58579 3 2.87868 3 2.43934 3.4122C2 3.8244 2 4.48782 2 5.81466V6.50448C2 7.54232 2 8.06124 2.2596 8.49142C2.5192 8.9216 2.99347 9.18858 3.94202 9.72255L6.85504 11.3624C7.49146 11.7206 7.80967 11.8998 8.03751 12.0976C8.51199 12.5095 8.80408 12.9935 8.93644 13.5872C9 13.8722 9 14.2058 9 14.8729L9 17.5424C9 18.452 9 18.9067 9.25192 19.2613C9.50385 19.6158 9.95128 19.7907 10.8462 20.1406C12.7248 20.875 13.6641 21.2422 14.3321 20.8244C15 20.4066 15 19.4519 15 17.5424V14.8729C15 14.2058 15 13.8722 15.0636 13.5872C15.1959 12.9935 15.488 12.5095 15.9625 12.0976C16.1903 11.8998 16.5085 11.7206 17.145 11.3624L20.058 9.72255C21.0065 9.18858 21.4808 8.9216 21.7404 8.49142C22 8.06124 22 7.54232 22 6.50448V5.81466C22 4.48782 22 3.8244 21.5607 3.4122C21.1213 3 20.4142 3 19 3Z\"\n                    stroke=\"#1C274C\" stroke-width=\"1.5\" />\n            </svg>\n          </button>\n        </div>\n\n        <ng-template\n                     cdkConnectedOverlay\n                     [cdkConnectedOverlayOrigin]=\"trigger\"\n                     [cdkConnectedOverlayOpen]=\"col.showFilterOperators()\"\n                     (overlayOutsideClick)=\"col.showFilterOperators.set(false)\"\n                     (detach)=\"col.showFilterOperators.set(false)\">\n          <ul class=\"dropdown-menu show\" animate.enter=\"fade-in\">\n            @for (item of col.getFilterOperators(); track $index) {\n            <li>\n              <button class=\"dropdown-item\" [class.active]=\"item == col.filterOperator()\"\n                      (click)=\"_onSelectFilterOperator(col, item)\">\n                {{_ls.get()?.definition?.data?.logicalOperators?.[item] ?? item }}\n              </button>\n            </li>\n            }\n          </ul>\n        </ng-template>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #headerTemplate>\n  <thead [ngClass]=\"headerClass()\">\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th class=\"row-number text-muted\">#</th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th\n          (click)=\"col.toggleSortDirection(); load()\"\n          [class.sortable]=\"sortable() && col.sortable()\"\n          [ngClass]=\"{ \n            'sort-asc': col.sortDirection() == 'asc', \n            'sort-desc': col.sortDirection() == 'desc',\n            'sort-none': col.sortDirection() == 'none'\n          }\">\n        {{ col.title() }}\n\n        @if(sortable() && col.sortable()) {\n        <svg class=\"ng0-table-sort-icon\"\n             width=\"24\"\n             height=\"24\"\n             viewBox=\"0 0 24 24\" fill=\"none\"\n             xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M12 7L12 16\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n          <path d=\"M8 13L12 17L16 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\" />\n        </svg>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #dataRowsTemplate>\n  @for (row of $data; track $index) {\n  <tr [class.table-active]=\"isRowExpanded(row)\">\n    @if (_detailRow) {\n    <td class=\"detail-row-expander\">\n      @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\n      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\n        @if (isRowExpanded(row)) {\n        <i class=\"far fa-minus\"></i>\n        } @else {\n        <i class=\"far fa-plus\"></i>\n        }\n      </button>\n      }\n    </td>\n    }\n\n    @if (showRowNumbers()) {\n    <td class=\"ng0-table-row-number\">\n      {{ $firstRecordIndex + $index + 1}}\n    </td>\n    }\n\n    @for (col of _columns; track $index) {\n    <td\n        [ngClass]=\"col.cellClass()\"\n        [class.shrinked]=\"col.shrink()\"\n        [class.fw-bold]=\"col.bold()\">\n      @if (col.template) {\n      <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row }\">\n      </ng-container>\n      } @else if (col.field()) {\n      @let cellValue = _getCellValue(row, col);\n\n      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\n      {{ col.emptyCellText() }}\n      } @else {\n      @if (col.type()) {\n      @let type = $any(col.type());\n\n      @if (type == \"date\") {\n      {{ cellValue | ng0Date }}\n      } @else if (type == \"number\") {\n      {{ cellValue | number }}\n      } @else if (type == \"currency\") {\n      {{ cellValue | currency }}\n      } @else if (type.enum) {\n      {{ cellValue | ng0TranslateEnum: type.enum.name : type.enum.fallback }}\n      } @else if (type.boolean || type == \"boolean\") {\n      {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\n      }@else {\n      {{ cellValue }}\n      }\n      }\n      }\n      }\n    </td>\n    }\n  </tr>\n\n  @if (_detailRow && isRowExpanded(row)) {\n  <tr class=\"detail-row\">\n    <td\n        [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\n        class=\"ps-2 pb-4\">\n      <ng-container\n                    *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"></ng-container>\n    </td>\n  </tr>\n  }\n  }\n</ng-template>\n\n<ng-template #footerTemplate>\n  @if ($pageable && showPagingControls() && $anyRecords && $totalRecordsCount! > 0) {\n  <div class=\"ng0-table-pagination me-2\">\n    <ng0-pagination\n                    class=\"mb-0 d-inline-block\"\n                    [showFirstLastButtons]=\"showFirstLastButtons()\"\n                    [showNextPreviousButtons]=\"showNextPreviousButtons()\"\n                    [totalRecords]=\"$totalRecordsCount!\"\n                    [pageSize]=\"pageSize()\"\n                    [selectedPage]=\"pageIndex()\"\n                    (itemClick)=\"_onPageChange($event)\"\n                    [maxVisiblePages]=\"maxVisiblePages()\">\n      <ng-container ngProjectAs=\"first\">\n        <ng-content select=\"paging-first\">\n          {{ \"first\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"last\">\n        <ng-content select=\"paging-last\">\n          {{ \"last\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"next\">\n        <ng-content select=\"paging-next\">\n          {{ \"next\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"previous\">\n        <ng-content select=\"paging-previous\">\n          {{ \"previous\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n    </ng0-pagination>\n  </div>\n\n  @if (pageSizeOptions()) {\n  <div class=\"ng0-table-paging-options\">\n    <select name=\"pageSizeOptions\" class=\"form-select w-auto d-inline-block\">\n      <option [ngValue]=\"10\" selected>10</option>\n    </select>\n  </div>\n  }\n\n  @if (showPagingInfo()) {\n  <div class=\"ng0-table-paging-info ms-auto\">\n    <ng-content select=\"paging-info\">\n      {{\n      _pagingFormatter({firstRecord: $firstRecordIndex, lastRecord: $lastRecordIndex, totalRecords: $totalRecordsCount!,\n      currentPage: $pageIndex!})\n      }}\n    </ng-content>\n  </div>\n  }\n  }\n</ng-template>\n\n<ng-template #nowDataTemplate>\n  <tr class=\"ng0-table-error-row\">\n    <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\n      <div class=\"d-flex align-items-baseline\">\n        <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\n        <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\n          {{ \"retry\" | ng0Translate }}\n        </button>\n      </div>\n    </td>\n  </tr>\n</ng-template>", styles: [":host{display:flex;flex-direction:column;position:relative}@starting-style{.ng0-table-loading-cover{background-color:#0000}}table{margin-bottom:0;height:100%}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable .ng0-table-sort-icon{transition:transform .2s;opacity:0}th.sortable.sort-none:hover .ng0-table-sort-icon{opacity:.4}th.sortable.sort-asc .ng0-table-sort-icon{transform:rotate(0);opacity:1;color:var(--bs-danger)}th.sortable.sort-desc .ng0-table-sort-icon{transform:rotate(180deg);opacity:1;color:var(--bs-primary)}tbody{position:relative}td.row-number{width:0}td.shrinked{width:0;white-space:nowrap}.ng0-table-loading-cover{position:absolute;inset:0;background-color:#0000000d;transition:background-color .2s;z-index:1000;display:flex;align-items:center;justify-content:center}.table-scrollable{overflow-y:auto;direction:ltr;scroll-padding:20px}.table-scrollable::-webkit-scrollbar{width:8px}.table-scrollable::-webkit-scrollbar-track{background-color:#00000008}.table-scrollable::-webkit-scrollbar-thumb{background-color:var(--bs-secondary)}.table-scrollable thead th{position:sticky;top:0}.ng0-table-footer{margin-top:.5rem}.fade-in{animation:fade-in .5s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"] }]
         }], propDecorators: { _columns: [{
                 type: ContentChildren,
                 args: [TableColumnDirective]
             }], _detailRow: [{
                 type: ContentChild,
                 args: [TableDetailRowDirective]
-            }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], autoLoad: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoLoad", required: false }] }], showRowNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRowNumbers", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], pageable: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageable", required: false }] }], sortable: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortable", required: false }] }], tableClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableClass", required: false }] }], headerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerClass", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], filterable: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterable", required: false }] }], loadingIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingIndicator", required: false }] }], loadingCover: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingCover", required: false }] }], isLoading: [{
+            }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], autoLoad: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoLoad", required: false }] }], showRowNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRowNumbers", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], pageable: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageable", required: false }] }], pageIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageIndex", required: false }] }, { type: i0.Output, args: ["pageIndexChange"] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }, { type: i0.Output, args: ["pageSizeChange"] }], maxVisiblePages: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxVisiblePages", required: false }] }], showPagingControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPagingControls", required: false }] }], showFirstLastButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFirstLastButtons", required: false }] }], showNextPreviousButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNextPreviousButtons", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], showPagingInfo: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPagingInfo", required: false }] }], sortable: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortable", required: false }] }], tableClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableClass", required: false }] }], headerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerClass", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], filterable: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterable", required: false }] }], loadingIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingIndicator", required: false }] }], loadingCover: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingCover", required: false }] }], isLoading: [{
                 type: HostBinding,
                 args: ['class.ng0-loading']
             }] } });

package/fesm2022/bootkit-ng0-components-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-table.mjs","sources":["../../../projects/ng0/components/table/table-column.directive.ts","../../../projects/ng0/components/table/table-detail-row.directive.ts","../../../projects/ng0/components/table/table.component.ts","../../../projects/ng0/components/table/table.component.html","../../../projects/ng0/components/table/table.module.ts","../../../projects/ng0/components/table/bootkit-ng0-components-table.ts"],"sourcesContent":["import { booleanAttribute, ContentChild, Directive, input, model, OnInit, signal, TemplateRef } from '@angular/core';\nimport { TableCellType } from './types';\n\n@Directive({\n  selector: 'ng0-table-col',\n  standalone: true,\n})\nexport class TableColumnDirective implements OnInit {\n  /**\n   * The field in the data source to bind to. If not set, the column will not display any data.\n   */\n  field = input<string>();\n\n  /**\n   * The title of the column. This will be displayed in the header row.\n   */\n  title = input<string>();\n\n  /**\n   * Text to display in the cell if the value is null or undefined.\n   */\n  emptyCellText = input<string>();\n\n  /**\n   * Type of the table cell.\n   */\n  type = input<TableCellType>('text');\n\n  /**\n   * CSS class(es) to apply to the table cell.\n   */\n  cellClass = input<string | string[] | { [klass: string]: any; } | null>();\n\n  /** \n   * @deprecated Use `cellClass` instead.\n   */\n  bold = input(false, { transform: booleanAttribute });\n\n  /** \n   * @deprecated Use `cellClass` instead.\n   */\n  shrink = input(false, { transform: booleanAttribute });\n\n  /**\n   * If true, the column will support filtering.\n   */\n  filterable = input(false, { transform: booleanAttribute });\n\n  /**\n   * The current filter value of the column.\n   */\n  filterValue = model<any>();\n\n  /**\n   * The field to use for filtering. If not set, the `field` property will be used.\n   * @deprecated Use `fieldName` instead.\n   */\n  filterField = input<string>();\n\n  /**\n   * The current filter operator of the column.\n   */\n  filterOperator = model<string>();\n\n  /**\n   * The list of filter operators to show in the filter dropdown. If not set, a default list will be used based on the column type.\n   */\n  filterOperators = input<string[]>();\n\n  /**\n   * If true, the filter operators dropdown will be shown.\n   */\n  showFilterOperators = signal(false);\n\n  /**\n   * The name of the field in the data source. If not set, the `field` property will be used.\n   */\n  fieldName = input<string>();\n\n  /**\n   * If true, the column will support sorting.\n   */\n  public sortable = input(false, { transform: booleanAttribute });\n\n  /**\n   * The current sort direction of the column.\n   */\n  public sortDirection = model<'none' | 'asc' | 'desc'>('none');\n\n  @ContentChild(TemplateRef) template?: TemplateRef<any>;\n\n  constructor() {\n  }\n\n  ngOnInit(): void {\n    if (this.filterOperator() == undefined) {\n      this.filterOperator.set(this.type() == 'text' ? 'contains' : 'eq');\n    }\n  }\n\n  /**\n   * Get the list of filter operators to show in the filter dropdown.\n   */\n  public getFilterOperators(): string[] {\n    let op = this.filterOperators();\n    if (op && op.length > 0)\n      return op;\n\n    let type = this.type();\n    if (type == 'number' || type == 'currency' || type == 'date' || type == 'time') {\n      return ['eq', 'ne', 'gt', 'gte', 'lt', 'lte',]\n    } else if (type == 'text') {\n      return ['contains', 'startsWith', 'endsWith', 'eq', 'ne']\n    } else {\n      return []\n    }\n  }\n\n  /**\n   * Toggle the sort direction of the column.\n   * @returns void\n   */\n  public toggleSortDirection(): void {\n    if (!this.sortable()) {\n      return;\n    }\n\n    let dir = this.sortDirection();\n    if (dir === 'none') {\n      this.sortDirection.set('asc');\n    } else if (dir === 'asc') {\n      this.sortDirection.set('desc');\n    } else {\n      this.sortDirection.set('none');\n    }\n  }\n}\n","import { Directive, Input, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ng0-table-detail-row]',\n  standalone: true,\n})\nexport class TableDetailRowDirective {\n  @Input() showCallback?: (row: any) => boolean;\n\n  constructor(public readonly templateRef: TemplateRef<any>) {\n  }\n}\n","import { AfterContentInit, booleanAttribute, ChangeDetectionStrategy, Component, computed, ContentChild, ContentChildren, DestroyRef, HostBinding, inject, input, model, OnDestroy, OnInit, QueryList, signal } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { TableColumnDirective } from './table-column.directive';\nimport { TableDetailRowDirective } from './table-detail-row.directive';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { formatString } from '@bootkit/ng0/common';\nimport { LocalizationModule, LocalizationService, TableComponentPagingFormatter } from '@bootkit/ng0/localization';\nimport { DataRequest, DataRequestFilter, DataRequestPage, DataRequestSort, DataResult, DataSource, dataSourceAttribute, DataSourceLike, LogicalOperator } from '@bootkit/ng0/data';\nimport { PaginationComponent } from '@bootkit/ng0/components/pagination';\nimport { TablePagingOptions } from './types';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { NumberDirective } from '@bootkit/ng0/form';\n\n/**\n * A generic table component that can display data in a tabular format.\n * It supports features like pagination, sorting, filtering, and row details.\n * It can be used with any data source that implements the DataSource interface.\n */\n@Component({\n  selector: 'ng0-table',\n  exportAs: 'ng0Table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    LocalizationModule,\n    PaginationComponent,\n    NumberDirective,\n    OverlayModule\n  ]\n})\nexport class TableComponent implements AfterContentInit, OnDestroy {\n  protected _ls = inject(LocalizationService);\n  private _destroyRef = inject(DestroyRef);\n  private _changeSubscription?: Subscription;\n\n  @ContentChildren(TableColumnDirective)\n  protected _columns!: QueryList<TableColumnDirective>;\n\n  @ContentChild(TableDetailRowDirective)\n  protected _detailRow?: TableDetailRowDirective;\n\n  protected _dataResult = signal<DataResult | undefined>(undefined);\n  protected _lastRequest?: DataRequest; // The last data request made to the data source\n  protected _loadingRequest?: DataRequest; // The current data request being processed\n  protected _rowStates = new Map<any, { expanded: boolean }>();\n  protected _formatString = formatString;\n  protected _dataSource!: DataSource;\n  protected _pagingFormatter!: TableComponentPagingFormatter;\n  protected _lastError?: any;\n\n  /**\n   * The data source for the table.\n   * This can be an array of data, a function that returns an observable of data,\n   * or an instance of DataSource.\n   */\n  public readonly source = input.required<DataSourceLike<any>>();\n\n  /**\n   * If true, the table will automatically load data when initialized.\n   * This is useful for tables that need to display data immediately without user interaction.\n   */\n  public readonly autoLoad = input(true, { transform: booleanAttribute });\n\n  /**\n   * If true, the table will show row numbers.\n   * This will add a column to the left of the table with the row numbers.\n   */\n  public readonly showRowNumbers = input(false, { transform: booleanAttribute });\n\n  /** \n   * If true, the table will show the header row.\n   */\n  public readonly showHeader = input(true, { transform: booleanAttribute });\n\n  /**\n   * If true, the table will support pagination.\n   * If false, the table will load all records at once.\n   */\n  public readonly pageable = input<TablePagingOptions | undefined, TablePagingOptions | boolean>(undefined, {\n    transform: v => {\n      if (v === undefined || v === null || v === false) {\n        return undefined;\n      }\n\n      if (v === true) {\n        v = {};\n      }\n\n      v.pageIndex = v.pageIndex ?? 1;\n      v.pageSize = v.pageSize ?? 10;\n      v.maxVisiblePages = v.maxVisiblePages ?? 10;\n      v.showPagingControls = v.showPagingControls ?? true;\n      return v;\n    }\n  });\n\n  /**\n   * If true, the table will support sorting.\n   * This will add a sort icon to each column header.\n   */\n  public readonly sortable = input(true, { transform: booleanAttribute });\n\n  /**\n   * The CSS class to apply to the table element.\n   * This can be used to apply custom styles to the table.\n   */\n  public readonly tableClass = input<string | string[]>();\n\n  /**\n   * The CSS class to apply to the header element.\n   */\n  public readonly headerClass = input<string>();\n\n  /**\n   * The caption of the table.\n   */\n  public readonly caption = input<string>();\n\n  /**\n   * The height of the table in pixels.\n   * This can be used to set a fixed height for the table.\n   */\n  public readonly height = input<number>();\n\n  /**\n   * If true, the table will support filtering.\n   * This will add a filter input to each column header.\n   */\n  public readonly filterable = input(false, { transform: booleanAttribute });\n\n  /**\n   * The indicator to show while the table is loading data for the first time.\n   */\n  public readonly loadingIndicator = input<'none' | 'simple' | 'spinner', boolean | 'none' | 'simple' | 'spinner'>('spinner', {\n    transform: v => {\n      if (typeof v === 'boolean') {\n        return v ? 'spinner' : 'none';\n      }\n      return v;\n    }\n  });\n\n  /** If true, the table will show a loading cover while data is being loaded.\n   * This can be used to prevent user interaction with the table while loading.\n   * This cover is not displayed when the table is loading for the first time.\n   * Instead, the table will show a loading based on loadingIndicator settings.\n   */\n  public readonly loadingCover = input<'none' | 'simple' | 'spinner', boolean | 'none' | 'simple' | 'spinner'>('spinner', {\n    transform: v => {\n      if (typeof v === 'boolean') {\n        return v ? 'spinner' : 'none';\n      }\n      return v;\n    }\n  });\n\n  // @Input() rowColor?: (row: any) => BootstrapColor;\n\n  ngAfterContentInit(): void {\n    this._dataSource = dataSourceAttribute(this.source());\n    const locale = this._ls.get();\n    this._pagingFormatter = locale?.definition.components?.table?.pagingInfo ??\n      ((o) => `Showing ${o.firstRecord}-${o.lastRecord} of ${o.totalRecords} records`);\n\n    // this._changeSubscription = this.dataSource().change.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(result => {\n    //   this.reload();\n    // });\n\n    if (this.autoLoad()) {\n      this.load(this.pageable()?.pageIndex);\n    }\n  }\n\n  /**\n   * Load data for the specified page index (optional).\n   * @param pageIndex The page index to load.\n   */\n  public load(pageIndex?: number) {\n    let page: DataRequestPage | undefined;\n    let filters: DataRequestFilter[] = [];\n    let sort: DataRequestSort | undefined;\n\n    if (this.filterable()) {\n      this._columns.forEach(col => {\n        if (col.filterable() && col.filterValue() != '' && col.filterValue() != undefined) {\n          filters.push({ field: col.fieldName() ?? col.filterField() ?? col.field(), value: col.filterValue(), operator: col.filterOperator() });\n        }\n      });\n    }\n\n    if (this.pageable()) {\n      page = {\n        index: pageIndex || this._lastRequest?.page?.index || 0,\n        size: this._lastRequest?.page?.size || 10,\n      };\n    }\n\n    if (this.sortable()) {\n      let col = this._columns.find(c => c.sortable() && c.sortDirection() != 'none' && (c.field() != '' || c.fieldName() != ''));\n      if (col) {\n        sort = {\n          field: col.fieldName() ?? col.field()!,\n          asc: col.sortDirection() === 'asc'\n        }\n      }\n    }\n\n    this._loadingRequest = new DataRequest({ page, filters, sort, select: [], computeTotal: true });\n\n    this._dataSource.load(this._loadingRequest)\n      .pipe(takeUntilDestroyed(this._destroyRef)).subscribe({\n        next: result => {\n          this._dataResult.set(result);\n          this._lastRequest = this._loadingRequest;\n          this._loadingRequest = undefined;\n          this._lastError = undefined;\n        }, error: err => {\n          this._lastError = err;\n          this._lastRequest = this._loadingRequest;\n          this._loadingRequest = undefined;\n        }\n      });\n  }\n\n  /**\n   * Determines if the table is currently loading data.\n   */\n  @HostBinding('class.ng0-loading')\n  public get isLoading() {\n    return this._dataSource.isLoading;\n  }\n\n  protected _getCellValue(row: any, col: TableColumnDirective) {\n    var subFields = col.field()!.split('.');\n    let value = row[subFields[0]];\n    for (let i = 1; i < subFields.length; i++) {\n      if (value == null) break;\n      value = value[subFields[i]];\n    }\n\n    return value;\n  }\n\n  protected _onPageChange(pageIndex: number) {\n    this.load(pageIndex);\n  }\n\n  protected _onToggleRowDetailClick(row: any) {\n    var state = this._rowStates.get(row)\n    if (!state) {\n      this._rowStates.set(row, { expanded: true });\n    } else {\n      state.expanded = !state.expanded;\n    }\n  }\n\n  protected isRowExpanded(row: any) {\n    var state = this._rowStates.get(row)\n    return state == undefined ? false : state.expanded;\n  }\n\n  protected _onToggleFilterOperator(col: TableColumnDirective) {\n    if (col.showFilterOperators()) {\n      col.showFilterOperators.set(false)\n    } else {\n      this._columns.forEach(x => x.showFilterOperators.set(false));\n      col.showFilterOperators.set(true)\n    }\n  }\n\n  protected _onSelectFilterOperator(col: TableColumnDirective, filterOperator: string) {\n    col.filterOperator.set(filterOperator);\n    this._columns.forEach(x => x.showFilterOperators.set(false));\n    this.load(0);\n  }\n\n  ngOnDestroy(): void {\n    this._changeSubscription?.unsubscribe();\n  }\n}\n","@let $dataResult = _dataResult();\n@let $pageable = pageable();\n@let $pageIndex = _lastRequest?.page?.index ?? 1;\n@let $data = $dataResult?.data;\n@let $anyRecords = $data && $data.length > 0;\n@let $totalRecordsCount = $dataResult?.total;\n@let $firstRecord = $pageable ? ($pageable.pageSize! * ($pageIndex - 1) + 1) : 1;\n@let $lastRecord = $data ? $firstRecord + $data.length - 1 : 1;\n@let $isLoading = _dataSource.isLoading();\n@let $isFirstLoad = $dataResult == undefined;\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\n@let $tableLocale = _ls.get()?.definition?.components?.table;\n\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\n  <table class=\"table\" [ngClass]=\"tableClass()\">\n    @if (caption()) {\n    <caption>{{caption()}}</caption>\n    }\n\n    @if (showHeader()) {\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    }\n\n    @if (filterable()) {\n    <ng-container *ngTemplateOutlet=\"filtersTemplate\"></ng-container>\n    }\n\n    <tbody>\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\n      <tr class=\"ng0-table-loading-row\">\n        <td [attr.colspan]=\"$columnsCount\">\n          @switch (loadingIndicator()) {\n          @case ('spinner') {\n          <div class=\"text-center\">\n            <div class=\"spinner-border\" role=\"status\"></div>\n          </div>\n          }\n          }\n        </td>\n      </tr>\n      } @else {\n      @if ($data) {\n      @if ($data.length > 0) {\n      <ng-container *ngTemplateOutlet=\"dataRowsTemplate\"></ng-container>\n      } @else {\n      <tr class=\"ng0-table-no-records-row\">\n        <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\n          {{ $tableLocale?.noRecords ?? 'No Records.' }}\n        </td>\n      </tr>\n      }\n      } @else if (_lastError) {\n      <ng-container *ngTemplateOutlet=\"nowDataTemplate\"></ng-container>\n      }\n      }\n    </tbody>\n  </table>\n</div>\n\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\n  <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n</div>\n\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\n<div class=\"ng0-table-loading-cover text-center\">\n  @if (loadingCover() == 'spinner') {\n  <div class=\"spinner-border\" role=\"status\"></div>\n  }\n</div>\n}\n\n<ng-template #filtersTemplate>\n  <thead>\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th></th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th>\n        @if(col.filterable() && (col.field() || col.filterValue())) {\n\n        <div class=\"input-group\">\n          @switch (col.type()) {\n          @case ('text') {\n          <input [name]=\"'filter-' + col.field\"\n                 type=\"search\"\n                 [maxlength]=\"50\"\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          @case ('number') {\n          <input [name]=\"'datatablecol-' + col.field\"\n                 type=\"search\"\n                 ng0Number\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          }\n\n          <button class=\"btn btn-outline-light\"\n                  style=\"border-color: var(--bs-border-color);\"\n                  cdkOverlayOrigin\n                  #trigger=\"cdkOverlayOrigin\"\n                  (click)=\"_onToggleFilterOperator(col)\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M19 3H5C3.58579 3 2.87868 3 2.43934 3.4122C2 3.8244 2 4.48782 2 5.81466V6.50448C2 7.54232 2 8.06124 2.2596 8.49142C2.5192 8.9216 2.99347 9.18858 3.94202 9.72255L6.85504 11.3624C7.49146 11.7206 7.80967 11.8998 8.03751 12.0976C8.51199 12.5095 8.80408 12.9935 8.93644 13.5872C9 13.8722 9 14.2058 9 14.8729L9 17.5424C9 18.452 9 18.9067 9.25192 19.2613C9.50385 19.6158 9.95128 19.7907 10.8462 20.1406C12.7248 20.875 13.6641 21.2422 14.3321 20.8244C15 20.4066 15 19.4519 15 17.5424V14.8729C15 14.2058 15 13.8722 15.0636 13.5872C15.1959 12.9935 15.488 12.5095 15.9625 12.0976C16.1903 11.8998 16.5085 11.7206 17.145 11.3624L20.058 9.72255C21.0065 9.18858 21.4808 8.9216 21.7404 8.49142C22 8.06124 22 7.54232 22 6.50448V5.81466C22 4.48782 22 3.8244 21.5607 3.4122C21.1213 3 20.4142 3 19 3Z\"\n                    stroke=\"#1C274C\" stroke-width=\"1.5\" />\n            </svg>\n          </button>\n        </div>\n\n        <ng-template\n                     cdkConnectedOverlay\n                     [cdkConnectedOverlayOrigin]=\"trigger\"\n                     [cdkConnectedOverlayOpen]=\"col.showFilterOperators()\"\n                     (overlayOutsideClick)=\"col.showFilterOperators.set(false)\"\n                     (detach)=\"col.showFilterOperators.set(false)\">\n          <ul class=\"dropdown-menu show\" animate.enter=\"fade-in\">\n            @for (item of col.getFilterOperators(); track $index) {\n            <li>\n              <button class=\"dropdown-item\" [class.active]=\"item == col.filterOperator()\"\n                      (click)=\"_onSelectFilterOperator(col, item)\">\n                {{_ls.get()?.definition?.data?.logicalOperators?.[item] ?? item }}\n              </button>\n            </li>\n            }\n          </ul>\n        </ng-template>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #headerTemplate>\n  <thead [ngClass]=\"headerClass()\">\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th class=\"row-number text-muted\">#</th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th\n          (click)=\"col.toggleSortDirection(); load()\"\n          [class.sortable]=\"sortable() && col.sortable()\"\n          [ngClass]=\"{ \n            'sort-asc': col.sortDirection() == 'asc', \n            'sort-desc': col.sortDirection() == 'desc',\n            'sort-none': col.sortDirection() == 'none'\n          }\">\n        {{ col.title() }}\n\n        @if(sortable() && col.sortable()) {\n        <svg class=\"ng0-table-sort-icon\"\n             width=\"24\"\n             height=\"24\"\n             viewBox=\"0 0 24 24\" fill=\"none\"\n             xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M12 7L12 16\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n          <path d=\"M8 13L12 17L16 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\" />\n        </svg>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #dataRowsTemplate>\n  @for (row of $data; track $index) {\n  <tr [class.table-active]=\"isRowExpanded(row)\">\n    @if (_detailRow) {\n    <td class=\"detail-row-expander\">\n      @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\n      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\n        @if (isRowExpanded(row)) {\n        <i class=\"far fa-minus\"></i>\n        } @else {\n        <i class=\"far fa-plus\"></i>\n        }\n      </button>\n      }\n    </td>\n    }\n\n    @if (showRowNumbers()) {\n    <td class=\"ng0-table-row-number\">\n      {{ $firstRecord + $index }}\n    </td>\n    }\n\n    @for (col of _columns; track $index) {\n    <td\n        [ngClass]=\"col.cellClass()\"\n        [class.shrinked]=\"col.shrink()\"\n        [class.fw-bold]=\"col.bold()\">\n      @if (col.template) {\n      <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row }\">\n      </ng-container>\n      } @else if (col.field()) {\n      @let cellValue = _getCellValue(row, col);\n\n      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\n      {{ col.emptyCellText() }}\n      } @else {\n      @if (col.type()) {\n      @let type = $any(col.type());\n\n      @if (type == \"date\") {\n      {{ cellValue | ng0Date }}\n      } @else if (type == \"number\") {\n      {{ cellValue | number }}\n      } @else if (type == \"currency\") {\n      {{ cellValue | currency }}\n      } @else if (type.enum) {\n      {{ cellValue | ng0TranslateEnum: type.enum.name : type.enum.fallback }}\n      } @else if (type.boolean || type == \"boolean\") {\n      {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\n      }@else {\n      {{ cellValue }}\n      }\n      }\n      }\n      }\n    </td>\n    }\n  </tr>\n\n  @if (_detailRow && isRowExpanded(row)) {\n  <tr class=\"detail-row\">\n    <td\n        [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\n        class=\"ps-2 pb-4\">\n      <ng-container\n                    *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"></ng-container>\n    </td>\n  </tr>\n  }\n  }\n</ng-template>\n\n<ng-template #footerTemplate>\n  @if ($pageable && $pageable.showPagingControls && $anyRecords && $totalRecordsCount! > 0) {\n  <div class=\"ng0-table-pagination me-2\">\n    <ng0-pagination\n                    class=\"mb-0 d-inline-block\"\n                    [showFirstLastButtons]=\"$pageable.showFirstLastButtons == true\"\n                    [showNextPreviousButtons]=\"$pageable.showNextPreviousButtons == true\"\n                    [totalRecords]=\"$totalRecordsCount!\"\n                    [pageSize]=\"$pageable.pageSize!\"\n                    [selectedPage]=\"$pageIndex\"\n                    (itemClick)=\"_onPageChange($event)\"\n                    [maxVisiblePages]=\"$pageable.maxVisiblePages!\">\n      <ng-container ngProjectAs=\"first\">\n        <ng-content select=\"paging-first\">\n          {{ \"first\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"last\">\n        <ng-content select=\"paging-last\">\n          {{ \"last\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"next\">\n        <ng-content select=\"paging-next\">\n          {{ \"next\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"previous\">\n        <ng-content select=\"paging-previous\">\n          {{ \"previous\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n    </ng0-pagination>\n  </div>\n\n  @if ($pageable.showPageSizeOptions || $pageable.showPageSizeOptions == undefined) {\n  <div class=\"ng0-table-paging-options\">\n    <select name=\"pageSizeOptions\" class=\"form-select w-auto d-inline-block\">\n      <option [ngValue]=\"10\" selected>10</option>\n    </select>\n  </div>\n  }\n\n  @if ($pageable.showPagingInfo == undefined || $pageable.showPagingInfo) {\n  <div class=\"ng0-table-paging-info ms-auto\">\n    <ng-content select=\"paging-info\">\n      {{\n      _pagingFormatter({firstRecord: $firstRecord, lastRecord: $lastRecord, totalRecords: $totalRecordsCount!,\n      currentPage: $pageIndex!})\n      }}\n    </ng-content>\n  </div>\n  }\n  }\n</ng-template>\n\n<ng-template #nowDataTemplate>\n  <tr class=\"ng0-table-error-row\">\n    <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\n      <div class=\"d-flex align-items-baseline\">\n        <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\n        <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\n          {{ \"retry\" | ng0Translate }}\n        </button>\n      </div>\n    </td>\n  </tr>\n</ng-template>","import { NgModule } from '@angular/core';\nimport { TableColumnDirective } from './table-column.directive';\nimport { TableComponent } from './table.component';\nimport { TableDetailRowDirective } from './table-detail-row.directive';\n\n@NgModule({\n    imports: [\n        TableComponent,\n        TableColumnDirective,\n        TableDetailRowDirective,\n    ],\n    exports: [\n        TableComponent,\n        TableColumnDirective,\n        TableDetailRowDirective\n    ],\n})\nexport class TableModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;MAOa,oBAAoB,CAAA;AAC/B;;AAEG;IACH,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAEvB;;AAEG;IACH,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAEvB;;AAEG;IACH,aAAa,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAE/B;;AAEG;AACH,IAAA,IAAI,GAAG,KAAK,CAAgB,MAAM,gDAAC;AAEnC;;AAEG;IACH,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAwD;AAEzE;;AAEG;AACH,IAAA,IAAI,GAAG,KAAK,CAAC,KAAK,wCAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAEpD;;AAEG;AACH,IAAA,MAAM,GAAG,KAAK,CAAC,KAAK,0CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAEtD;;AAEG;AACH,IAAA,UAAU,GAAG,KAAK,CAAC,KAAK,8CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAE1D;;AAEG;IACH,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAO;AAE1B;;;AAGG;IACH,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAE7B;;AAEG;IACH,cAAc,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAEhC;;AAEG;IACH,eAAe,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAY;AAEnC;;AAEG;AACH,IAAA,mBAAmB,GAAG,MAAM,CAAC,KAAK,+DAAC;AAEnC;;AAEG;IACH,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAE3B;;AAEG;AACI,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,4CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAE/D;;AAEG;AACI,IAAA,aAAa,GAAG,KAAK,CAA0B,MAAM,yDAAC;AAElC,IAAA,QAAQ;AAEnC,IAAA,WAAA,GAAA;IACA;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE,IAAI,SAAS,EAAE;YACtC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,MAAM,GAAG,UAAU,GAAG,IAAI,CAAC;QACpE;IACF;AAEA;;AAEG;IACI,kBAAkB,GAAA;AACvB,QAAA,IAAI,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE;AAC/B,QAAA,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;AACrB,YAAA,OAAO,EAAE;AAEX,QAAA,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AACtB,QAAA,IAAI,IAAI,IAAI,QAAQ,IAAI,IAAI,IAAI,UAAU,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,EAAE;AAC9E,YAAA,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;QAChD;AAAO,aAAA,IAAI,IAAI,IAAI,MAAM,EAAE;YACzB,OAAO,CAAC,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC;QAC3D;aAAO;AACL,YAAA,OAAO,EAAE;QACX;IACF;AAEA;;;AAGG;IACI,mBAAmB,GAAA;AACxB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;YACpB;QACF;AAEA,QAAA,IAAI,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE;AAC9B,QAAA,IAAI,GAAG,KAAK,MAAM,EAAE;AAClB,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;QAC/B;AAAO,aAAA,IAAI,GAAG,KAAK,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC;QAChC;aAAO;AACL,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC;QAChC;IACF;wGAhIW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,0rEAkFjB,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAlFd,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;sBAmFE,YAAY;uBAAC,WAAW;;;MCnFd,uBAAuB,CAAA;AAGN,IAAA,WAAA;AAFnB,IAAA,YAAY;AAErB,IAAA,WAAA,CAA4B,WAA6B,EAAA;QAA7B,IAAA,CAAA,WAAW,GAAX,WAAW;IACvC;wGAJW,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;sBAEE;;;ACQH;;;;AAIG;MAiBU,cAAc,CAAA;AACf,IAAA,GAAG,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACnC,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,mBAAmB;AAGjB,IAAA,QAAQ;AAGR,IAAA,UAAU;AAEV,IAAA,WAAW,GAAG,MAAM,CAAyB,SAAS,uDAAC;IACvD,YAAY,CAAe;IAC3B,eAAe,CAAe;AAC9B,IAAA,UAAU,GAAG,IAAI,GAAG,EAA8B;IAClD,aAAa,GAAG,YAAY;AAC5B,IAAA,WAAW;AACX,IAAA,gBAAgB;AAChB,IAAA,UAAU;AAEpB;;;;AAIG;AACa,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAuB;AAE9D;;;AAGG;AACa,IAAA,QAAQ,GAAG,KAAK,CAAC,IAAI,4CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAEvE;;;AAGG;AACa,IAAA,cAAc,GAAG,KAAK,CAAC,KAAK,kDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAE9E;;AAEG;AACa,IAAA,UAAU,GAAG,KAAK,CAAC,IAAI,8CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAEzE;;;AAGG;IACa,QAAQ,GAAG,KAAK,CAA+D,SAAS,4CACtG,SAAS,EAAE,CAAC,IAAG;AACb,gBAAA,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE;AAChD,oBAAA,OAAO,SAAS;gBAClB;AAEA,gBAAA,IAAI,CAAC,KAAK,IAAI,EAAE;oBACd,CAAC,GAAG,EAAE;gBACR;gBAEA,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC;gBAC9B,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,IAAI,EAAE;gBAC7B,CAAC,CAAC,eAAe,GAAG,CAAC,CAAC,eAAe,IAAI,EAAE;gBAC3C,CAAC,CAAC,kBAAkB,GAAG,CAAC,CAAC,kBAAkB,IAAI,IAAI;AACnD,gBAAA,OAAO,CAAC;AACV,YAAA,CAAC,EAAA,CAAA,GAAA,CAfuG;YACxG,SAAS,EAAE,CAAC,IAAG;AACb,gBAAA,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE;AAChD,oBAAA,OAAO,SAAS;gBAClB;AAEA,gBAAA,IAAI,CAAC,KAAK,IAAI,EAAE;oBACd,CAAC,GAAG,EAAE;gBACR;gBAEA,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC;gBAC9B,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,IAAI,EAAE;gBAC7B,CAAC,CAAC,eAAe,GAAG,CAAC,CAAC,eAAe,IAAI,EAAE;gBAC3C,CAAC,CAAC,kBAAkB,GAAG,CAAC,CAAC,kBAAkB,IAAI,IAAI;AACnD,gBAAA,OAAO,CAAC;YACV;AACD,SAAA,CAAA,CAAA,CAAC;AAEF;;;AAGG;AACa,IAAA,QAAQ,GAAG,KAAK,CAAC,IAAI,4CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAEvE;;;AAGG;IACa,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAqB;AAEvD;;AAEG;IACa,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAE7C;;AAEG;IACa,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAEzC;;;AAGG;IACa,MAAM,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAExC;;;AAGG;AACa,IAAA,UAAU,GAAG,KAAK,CAAC,KAAK,8CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAE1E;;AAEG;IACa,gBAAgB,GAAG,KAAK,CAAyE,SAAS,oDACxH,SAAS,EAAE,CAAC,IAAG;AACb,gBAAA,IAAI,OAAO,CAAC,KAAK,SAAS,EAAE;oBAC1B,OAAO,CAAC,GAAG,SAAS,GAAG,MAAM;gBAC/B;AACA,gBAAA,OAAO,CAAC;AACV,YAAA,CAAC,EAAA,CAAA,GAAA,CANyH;YAC1H,SAAS,EAAE,CAAC,IAAG;AACb,gBAAA,IAAI,OAAO,CAAC,KAAK,SAAS,EAAE;oBAC1B,OAAO,CAAC,GAAG,SAAS,GAAG,MAAM;gBAC/B;AACA,gBAAA,OAAO,CAAC;YACV;AACD,SAAA,CAAA,CAAA,CAAC;AAEF;;;;AAIG;IACa,YAAY,GAAG,KAAK,CAAyE,SAAS,gDACpH,SAAS,EAAE,CAAC,IAAG;AACb,gBAAA,IAAI,OAAO,CAAC,KAAK,SAAS,EAAE;oBAC1B,OAAO,CAAC,GAAG,SAAS,GAAG,MAAM;gBAC/B;AACA,gBAAA,OAAO,CAAC;AACV,YAAA,CAAC,EAAA,CAAA,GAAA,CANqH;YACtH,SAAS,EAAE,CAAC,IAAG;AACb,gBAAA,IAAI,OAAO,CAAC,KAAK,SAAS,EAAE;oBAC1B,OAAO,CAAC,GAAG,SAAS,GAAG,MAAM;gBAC/B;AACA,gBAAA,OAAO,CAAC;YACV;AACD,SAAA,CAAA,CAAA,CAAC;;IAIF,kBAAkB,GAAA;QAChB,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACrD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,gBAAgB,GAAG,MAAM,EAAE,UAAU,CAAC,UAAU,EAAE,KAAK,EAAE,UAAU;AACtE,aAAC,CAAC,CAAC,KAAK,CAAA,QAAA,EAAW,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,UAAU,CAAA,IAAA,EAAO,CAAC,CAAC,YAAY,CAAA,QAAA,CAAU,CAAC;;;;AAMlF,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC;QACvC;IACF;AAEA;;;AAGG;AACI,IAAA,IAAI,CAAC,SAAkB,EAAA;AAC5B,QAAA,IAAI,IAAiC;QACrC,IAAI,OAAO,GAAwB,EAAE;AACrC,QAAA,IAAI,IAAiC;AAErC,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;AACrB,YAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAG;AAC1B,gBAAA,IAAI,GAAG,CAAC,UAAU,EAAE,IAAI,GAAG,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,WAAW,EAAE,IAAI,SAAS,EAAE;AACjF,oBAAA,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,SAAS,EAAE,IAAI,GAAG,CAAC,WAAW,EAAE,IAAI,GAAG,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,GAAG,CAAC,cAAc,EAAE,EAAE,CAAC;gBACxI;AACF,YAAA,CAAC,CAAC;QACJ;AAEA,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,YAAA,IAAI,GAAG;gBACL,KAAK,EAAE,SAAS,IAAI,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;gBACvD,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE;aAC1C;QACH;AAEA,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,YAAA,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,aAAa,EAAE,IAAI,MAAM,KAAK,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1H,IAAI,GAAG,EAAE;AACP,gBAAA,IAAI,GAAG;oBACL,KAAK,EAAE,GAAG,CAAC,SAAS,EAAE,IAAI,GAAG,CAAC,KAAK,EAAG;AACtC,oBAAA,GAAG,EAAE,GAAG,CAAC,aAAa,EAAE,KAAK;iBAC9B;YACH;QACF;QAEA,IAAI,CAAC,eAAe,GAAG,IAAI,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;QAE/F,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe;aACvC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;YACpD,IAAI,EAAE,MAAM,IAAG;AACb,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC;AAC5B,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe;AACxC,gBAAA,IAAI,CAAC,eAAe,GAAG,SAAS;AAChC,gBAAA,IAAI,CAAC,UAAU,GAAG,SAAS;AAC7B,YAAA,CAAC,EAAE,KAAK,EAAE,GAAG,IAAG;AACd,gBAAA,IAAI,CAAC,UAAU,GAAG,GAAG;AACrB,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe;AACxC,gBAAA,IAAI,CAAC,eAAe,GAAG,SAAS;YAClC;AACD,SAAA,CAAC;IACN;AAEA;;AAEG;AACH,IAAA,IACW,SAAS,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,SAAS;IACnC;IAEU,aAAa,CAAC,GAAQ,EAAE,GAAyB,EAAA;QACzD,IAAI,SAAS,GAAG,GAAG,CAAC,KAAK,EAAG,CAAC,KAAK,CAAC,GAAG,CAAC;QACvC,IAAI,KAAK,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAC7B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,KAAK,IAAI,IAAI;gBAAE;YACnB,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAC7B;AAEA,QAAA,OAAO,KAAK;IACd;AAEU,IAAA,aAAa,CAAC,SAAiB,EAAA;AACvC,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IACtB;AAEU,IAAA,uBAAuB,CAAC,GAAQ,EAAA;QACxC,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC;QACpC,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAC9C;aAAO;AACL,YAAA,KAAK,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,QAAQ;QAClC;IACF;AAEU,IAAA,aAAa,CAAC,GAAQ,EAAA;QAC9B,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC;AACpC,QAAA,OAAO,KAAK,IAAI,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC,QAAQ;IACpD;AAEU,IAAA,uBAAuB,CAAC,GAAyB,EAAA;AACzD,QAAA,IAAI,GAAG,CAAC,mBAAmB,EAAE,EAAE;AAC7B,YAAA,GAAG,CAAC,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC;QACpC;aAAO;AACL,YAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAC5D,YAAA,GAAG,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC;QACnC;IACF;IAEU,uBAAuB,CAAC,GAAyB,EAAE,cAAsB,EAAA;AACjF,QAAA,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC;AACtC,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAC5D,QAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACd;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,mBAAmB,EAAE,WAAW,EAAE;IACzC;wGAxPW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,w4DAQX,uBAAuB,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,SAAA,EAHpB,oBAAoB,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzCvC,y9WAoUc,EAAA,MAAA,EAAA,CAAA,itCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxSV,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,WAAW,89BACX,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,mBAAmB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,yBAAA,EAAA,sBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,eAAe,wIACf,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,qEAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,EAAA,8BAAA,EAAA,qCAAA,EAAA,4BAAA,EAAA,4BAAA,EAAA,0BAAA,EAAA,2BAAA,EAAA,6BAAA,EAAA,8BAAA,EAAA,kCAAA,EAAA,+BAAA,EAAA,mCAAA,EAAA,mCAAA,EAAA,yBAAA,EAAA,iCAAA,EAAA,sCAAA,EAAA,gCAAA,EAAA,iCAAA,EAAA,uCAAA,EAAA,kCAAA,EAAA,yBAAA,EAAA,wCAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,4DAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,UAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAGJ,cAAc,EAAA,UAAA,EAAA,CAAA;kBAhB1B,SAAS;+BACE,WAAW,EAAA,QAAA,EACX,UAAU,EAAA,eAAA,EAGH,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,OAAA,EACP;wBACP,YAAY;wBACZ,WAAW;wBACX,kBAAkB;wBAClB,mBAAmB;wBACnB,eAAe;wBACf;AACD,qBAAA,EAAA,QAAA,EAAA,y9WAAA,EAAA,MAAA,EAAA,CAAA,itCAAA,CAAA,EAAA;;sBAOA,eAAe;uBAAC,oBAAoB;;sBAGpC,YAAY;uBAAC,uBAAuB;;sBA6LpC,WAAW;uBAAC,mBAAmB;;;MExNrB,WAAW,CAAA;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAVhB,cAAc;YACd,oBAAoB;AACpB,YAAA,uBAAuB,aAGvB,cAAc;YACd,oBAAoB;YACpB,uBAAuB,CAAA,EAAA,CAAA;AAGlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAVhB,cAAc,CAAA,EAAA,CAAA;;4FAUT,WAAW,EAAA,UAAA,EAAA,CAAA;kBAZvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,cAAc;wBACd,oBAAoB;wBACpB,uBAAuB;AAC1B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,cAAc;wBACd,oBAAoB;wBACpB;AACH,qBAAA;AACJ,iBAAA;;;AChBD;;AAEG;;;;"}
+{"version":3,"file":"bootkit-ng0-components-table.mjs","sources":["../../../projects/ng0/components/table/table-column.directive.ts","../../../projects/ng0/components/table/table-detail-row.directive.ts","../../../projects/ng0/components/table/table.component.ts","../../../projects/ng0/components/table/table.component.html","../../../projects/ng0/components/table/table.module.ts","../../../projects/ng0/components/table/bootkit-ng0-components-table.ts"],"sourcesContent":["import { booleanAttribute, ContentChild, Directive, input, model, OnInit, signal, TemplateRef } from '@angular/core';\nimport { TableCellType } from './types';\n\n@Directive({\n  selector: 'ng0-table-col',\n  standalone: true,\n})\nexport class TableColumnDirective implements OnInit {\n  /**\n   * The field in the data source to bind to. If not set, the column will not display any data.\n   */\n  field = input<string>();\n\n  /**\n   * The title of the column. This will be displayed in the header row.\n   */\n  title = input<string>();\n\n  /**\n   * Text to display in the cell if the value is null or undefined.\n   */\n  emptyCellText = input<string>();\n\n  /**\n   * Type of the table cell.\n   */\n  type = input<TableCellType>('text');\n\n  /**\n   * CSS class(es) to apply to the table cell.\n   */\n  cellClass = input<string | string[] | { [klass: string]: any; } | null>();\n\n  /** \n   * @deprecated Use `cellClass` instead.\n   */\n  bold = input(false, { transform: booleanAttribute });\n\n  /** \n   * @deprecated Use `cellClass` instead.\n   */\n  shrink = input(false, { transform: booleanAttribute });\n\n  /**\n   * If true, the column will support filtering.\n   */\n  filterable = input(false, { transform: booleanAttribute });\n\n  /**\n   * The current filter value of the column.\n   */\n  filterValue = model<any>();\n\n  /**\n   * The field to use for filtering. If not set, the `field` property will be used.\n   * @deprecated Use `fieldName` instead.\n   */\n  filterField = input<string>();\n\n  /**\n   * The current filter operator of the column.\n   */\n  filterOperator = model<string>();\n\n  /**\n   * The list of filter operators to show in the filter dropdown. If not set, a default list will be used based on the column type.\n   */\n  filterOperators = input<string[]>();\n\n  /**\n   * If true, the filter operators dropdown will be shown.\n   */\n  showFilterOperators = signal(false);\n\n  /**\n   * The name of the field in the data source. If not set, the `field` property will be used.\n   */\n  fieldName = input<string>();\n\n  /**\n   * If true, the column will support sorting.\n   */\n  public sortable = input(false, { transform: booleanAttribute });\n\n  /**\n   * The current sort direction of the column.\n   */\n  public sortDirection = model<'none' | 'asc' | 'desc'>('none');\n\n  @ContentChild(TemplateRef) template?: TemplateRef<any>;\n\n  constructor() {\n  }\n\n  ngOnInit(): void {\n    if (this.filterOperator() == undefined) {\n      this.filterOperator.set(this.type() == 'text' ? 'contains' : 'eq');\n    }\n  }\n\n  /**\n   * Get the list of filter operators to show in the filter dropdown.\n   */\n  public getFilterOperators(): string[] {\n    let op = this.filterOperators();\n    if (op && op.length > 0)\n      return op;\n\n    let type = this.type();\n    if (type == 'number' || type == 'currency' || type == 'date' || type == 'time') {\n      return ['eq', 'ne', 'gt', 'gte', 'lt', 'lte',]\n    } else if (type == 'text') {\n      return ['contains', 'startsWith', 'endsWith', 'eq', 'ne']\n    } else {\n      return []\n    }\n  }\n\n  /**\n   * Toggle the sort direction of the column.\n   * @returns void\n   */\n  public toggleSortDirection(): void {\n    if (!this.sortable()) {\n      return;\n    }\n\n    let dir = this.sortDirection();\n    if (dir === 'none') {\n      this.sortDirection.set('asc');\n    } else if (dir === 'asc') {\n      this.sortDirection.set('desc');\n    } else {\n      this.sortDirection.set('none');\n    }\n  }\n}\n","import { Directive, Input, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ng0-table-detail-row]',\n  standalone: true,\n})\nexport class TableDetailRowDirective {\n  @Input() showCallback?: (row: any) => boolean;\n\n  constructor(public readonly templateRef: TemplateRef<any>) {\n  }\n}\n","import { AfterContentInit, booleanAttribute, ChangeDetectionStrategy, Component, ContentChild, ContentChildren, DestroyRef, HostBinding, inject, input, model, numberAttribute, OnDestroy, QueryList, signal } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { TableColumnDirective } from './table-column.directive';\nimport { TableDetailRowDirective } from './table-detail-row.directive';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { formatString } from '@bootkit/ng0/common';\nimport { LocalizationModule, LocalizationService, TableComponentPagingFormatter } from '@bootkit/ng0/localization';\nimport { DataRequest, DataRequestFilter, DataRequestPage, DataRequestSort, DataResult, DataSource, dataSourceAttribute, DataSourceLike } from '@bootkit/ng0/data';\nimport { PaginationComponent } from '@bootkit/ng0/components/pagination';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { NumberDirective } from '@bootkit/ng0/form';\n\n/**\n * A generic table component that can display data in a tabular format.\n * It supports features like pagination, sorting, filtering, and row details.\n * It can be used with any data source that implements the DataSource interface.\n */\n@Component({\n  selector: 'ng0-table',\n  exportAs: 'ng0Table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    LocalizationModule,\n    PaginationComponent,\n    NumberDirective,\n    OverlayModule\n  ]\n})\nexport class TableComponent implements AfterContentInit, OnDestroy {\n  protected readonly _ls = inject(LocalizationService);\n  private readonly _destroyRef = inject(DestroyRef);\n  private _changeSubscription?: Subscription;\n\n  @ContentChildren(TableColumnDirective)\n  protected _columns!: QueryList<TableColumnDirective>;\n\n  @ContentChild(TableDetailRowDirective)\n  protected _detailRow?: TableDetailRowDirective;\n\n  protected readonly _dataResult = signal<DataResult | undefined>(undefined);\n  protected _lastRequest?: DataRequest; // The last data request made to the data source\n  protected _loadingRequest?: DataRequest; // The current data request being processed\n  protected _rowStates = new Map<any, { expanded: boolean }>();\n  protected _formatString = formatString;\n  protected _dataSource!: DataSource;\n  protected _pagingFormatter!: TableComponentPagingFormatter;\n  protected _lastError?: any;\n\n  /**\n   * The data source for the table.\n   * This can be an array of data, a function that returns an observable of data,\n   * or an instance of DataSource.\n   */\n  public readonly source = input.required<DataSourceLike<any>>();\n\n  /**\n   * If true, the table will automatically load data when initialized.\n   * This is useful for tables that need to display data immediately without user interaction.\n   */\n  public readonly autoLoad = input(true, { transform: booleanAttribute });\n\n  /**\n   * If true, the table will show row numbers.\n   * This will add a column to the left of the table with the row numbers.\n   */\n  public readonly showRowNumbers = input(false, { transform: booleanAttribute });\n\n  /** \n   * If true, the table will show the header row.\n   */\n  public readonly showHeader = input(true, { transform: booleanAttribute });\n\n  /**\n   * If true, the table will support pagination.\n   */\n  public readonly pageable = input(false, { transform: booleanAttribute });\n\n  /**\n   * The currently selected page in the table.\n   * @default 0\n   */\n  public readonly pageIndex = model(0);\n\n  /**\n   * The number of records to display per page.\n   * @default 10\n   */\n  public readonly pageSize = model(10);\n\n  /**\n   * Maximum number of visible pages in the pagination controls.\n   * @default 10\n   */\n  public readonly maxVisiblePages = input(10, { transform: numberAttribute });\n\n  /**\n   * If true, the table will show pagination controls at the bottom.\n   * This will allow users to navigate between pages of data.\n   * @default true\n   */\n  public readonly showPagingControls = input(true, { transform: booleanAttribute });\n\n  /**\n   * Whether to show the first and last buttons in the pagination controls.\n   * @default true\n   */\n  public readonly showFirstLastButtons = input(false, { transform: booleanAttribute });\n\n  /**\n   * Whetheer to show the next and previous buttons in the pagination controls.\n   * @default true\n   */\n  public readonly showNextPreviousButtons = input(false, { transform: booleanAttribute });\n\n  /**\n   * Array of page size options to display in the page size selector.\n   * If not provided, the default page size options will be used.\n   * @default true\n   */\n  public readonly pageSizeOptions = input<number[] | undefined>([10, 25, 50, 100]);\n\n  /**\n   * Whether to show paging info at the bottom of the table.\n   * This will show the number of records displayed and total records.\n   * @default true\n   */\n  public readonly showPagingInfo = input(true, { transform: booleanAttribute });\n\n  /**\n   * If true, the table will support sorting.\n   * This will add a sort icon to each column header.\n   */\n  public readonly sortable = input(true, { transform: booleanAttribute });\n\n  /**\n   * The CSS class to apply to the internal table element.\n   * This can be used to apply custom styles to the table.\n   */\n  public readonly tableClass = input<string | string[]>();\n\n  /**\n   * The CSS class to apply to the header element.\n   */\n  public readonly headerClass = input<string>();\n\n  /**\n   * The caption of the table.\n   */\n  public readonly caption = input<string>();\n\n  /**\n   * The height of the table in pixels.\n   * This can be used to set a fixed height for the table.\n   */\n  public readonly height = input<number>();\n\n  /**\n   * If true, the table will support filtering.\n   * This will add a filter input to each column header.\n   */\n  public readonly filterable = input(false, { transform: booleanAttribute });\n\n  /**\n   * The indicator to show while the table is loading data for the first time.\n   */\n  public readonly loadingIndicator = input<'none' | 'simple' | 'spinner', boolean | 'none' | 'simple' | 'spinner'>('spinner', {\n    transform: v => {\n      if (typeof v === 'boolean') {\n        return v ? 'spinner' : 'none';\n      }\n      return v;\n    }\n  });\n\n  /** If true, the table will show a loading cover while data is being loaded.\n   * This can be used to prevent user interaction with the table while loading.\n   * This cover is not displayed when the table is loading for the first time.\n   * Instead, the table will show a loading based on loadingIndicator settings.\n   */\n  public readonly loadingCover = input<'none' | 'simple' | 'spinner', boolean | 'none' | 'simple' | 'spinner'>('spinner', {\n    transform: v => {\n      if (typeof v === 'boolean') {\n        return v ? 'spinner' : 'none';\n      }\n      return v;\n    }\n  });\n\n  // @Input() rowColor?: (row: any) => BootstrapColor;\n\n  ngAfterContentInit(): void {\n    this._dataSource = dataSourceAttribute(this.source());\n    const locale = this._ls.get();\n    this._pagingFormatter = locale?.definition.components?.table?.pagingInfo ??\n      ((o) => `Showing ${o.firstRecord}-${o.lastRecord} of ${o.totalRecords} records`);\n\n    // this._changeSubscription = this.dataSource().change.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(result => {\n    //   this.reload();\n    // });\n\n    if (this.autoLoad()) {\n      this.load();\n    }\n  }\n\n  /**\n   * Loads data from the data source based on the current state of the table (pagination, sorting, filtering).\n   * This method can be called manually to refresh the data in the table.\n   * It will construct a DataRequest object based on the current pagination, sorting, and filtering settings,\n   * and then call the load method of the data source with that request.\n   */\n  public load(pageIndex?: number) {\n    let page: DataRequestPage | undefined;\n    let filters: DataRequestFilter[] = [];\n    let sort: DataRequestSort | undefined;\n\n    if (this.filterable()) {\n      this._columns.forEach(col => {\n        if (col.filterable() && col.filterValue() != '' && col.filterValue() != undefined) {\n          filters.push({ field: col.fieldName() ?? col.filterField() ?? col.field(), value: col.filterValue(), operator: col.filterOperator() });\n        }\n      });\n    }\n\n    if (this.pageable()) {\n      if (pageIndex != undefined) {\n        this.pageIndex.set(pageIndex);\n      }\n\n      page = {\n        index: this.pageIndex(),\n        size: this.pageSize(),\n      };\n    }\n\n    if (this.sortable()) {\n      let col = this._columns.find(c => c.sortable() && c.sortDirection() != 'none' && (c.field() != '' || c.fieldName() != ''));\n      if (col) {\n        sort = {\n          field: col.fieldName() ?? col.field()!,\n          asc: col.sortDirection() === 'asc'\n        }\n      }\n    }\n\n    this._loadingRequest = new DataRequest({ page, filters, sort, select: [], computeTotal: true });\n\n    this._dataSource.load(this._loadingRequest)\n      .pipe(takeUntilDestroyed(this._destroyRef)).subscribe({\n        next: result => {\n          this._dataResult.set(result);\n          this._lastRequest = this._loadingRequest;\n          this._loadingRequest = undefined;\n          this._lastError = undefined;\n        }, error: err => {\n          this._lastError = err;\n          this._lastRequest = this._loadingRequest;\n          this._loadingRequest = undefined;\n        }\n      });\n  }\n\n  /**\n   * Determines if the table is currently loading data.\n   */\n  @HostBinding('class.ng0-loading')\n  public get isLoading() {\n    return this._dataSource.isLoading;\n  }\n\n  protected _getCellValue(row: any, col: TableColumnDirective) {\n    var subFields = col.field()!.split('.');\n    let value = row[subFields[0]];\n    for (let i = 1; i < subFields.length; i++) {\n      if (value == null) break;\n      value = value[subFields[i]];\n    }\n\n    return value;\n  }\n\n  protected _onPageChange(pageIndex: number) {\n    this.load(pageIndex);\n  }\n\n  protected _onToggleRowDetailClick(row: any) {\n    var state = this._rowStates.get(row)\n    if (!state) {\n      this._rowStates.set(row, { expanded: true });\n    } else {\n      state.expanded = !state.expanded;\n    }\n  }\n\n  protected isRowExpanded(row: any) {\n    var state = this._rowStates.get(row)\n    return state == undefined ? false : state.expanded;\n  }\n\n  protected _onToggleFilterOperator(col: TableColumnDirective) {\n    if (col.showFilterOperators()) {\n      col.showFilterOperators.set(false)\n    } else {\n      this._columns.forEach(x => x.showFilterOperators.set(false));\n      col.showFilterOperators.set(true)\n    }\n  }\n\n  protected _onSelectFilterOperator(col: TableColumnDirective, filterOperator: string) {\n    col.filterOperator.set(filterOperator);\n    this._columns.forEach(x => x.showFilterOperators.set(false));\n    this.load(0);\n  }\n\n  ngOnDestroy(): void {\n    this._changeSubscription?.unsubscribe();\n  }\n}\n","@let $dataResult = _dataResult();\n@let $pageable = pageable();\n@let $pageIndex = pageIndex();\n@let $pageSize = pageSize();\n@let $data = $dataResult?.data;\n@let $anyRecords = $data && $data.length > 0;\n@let $totalRecordsCount = $dataResult?.total;\n@let $firstRecordIndex = $pageable ? ($pageSize * $pageIndex) : 0;\n@let $lastRecordIndex = $data ? $firstRecordIndex + $data.length - 1 : 1;\n@let $isLoading = _dataSource.isLoading();\n@let $isFirstLoad = $dataResult == undefined;\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\n@let $tableLocale = _ls.get()?.definition?.components?.table;\n\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\n  <table class=\"table\" [ngClass]=\"tableClass()\">\n    @if (caption()) {\n    <caption>{{caption()}}</caption>\n    }\n\n    @if (showHeader()) {\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    }\n\n    @if (filterable()) {\n    <ng-container *ngTemplateOutlet=\"filtersTemplate\"></ng-container>\n    }\n\n    <tbody>\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\n      <tr class=\"ng0-table-loading-row\">\n        <td [attr.colspan]=\"$columnsCount\">\n          @switch (loadingIndicator()) {\n          @case ('spinner') {\n          <div class=\"text-center\">\n            <div class=\"spinner-border\" role=\"status\"></div>\n          </div>\n          }\n          }\n        </td>\n      </tr>\n      } @else {\n      @if ($data) {\n      @if ($data.length > 0) {\n      <ng-container *ngTemplateOutlet=\"dataRowsTemplate\"></ng-container>\n      } @else {\n      <tr class=\"ng0-table-no-records-row\">\n        <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\n          {{ $tableLocale?.noRecords ?? 'No Records.' }}\n        </td>\n      </tr>\n      }\n      } @else if (_lastError) {\n      <ng-container *ngTemplateOutlet=\"nowDataTemplate\"></ng-container>\n      }\n      }\n    </tbody>\n  </table>\n</div>\n\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\n  <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n</div>\n\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\n<div class=\"ng0-table-loading-cover text-center\">\n  @if (loadingCover() == 'spinner') {\n  <div class=\"spinner-border\" role=\"status\"></div>\n  }\n</div>\n}\n\n<ng-template #filtersTemplate>\n  <thead>\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th></th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th>\n        @if(col.filterable() && (col.field() || col.filterValue())) {\n\n        <div class=\"input-group\">\n          @switch (col.type()) {\n          @case ('text') {\n          <input [name]=\"'filter-' + col.field\"\n                 type=\"search\"\n                 [maxlength]=\"50\"\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          @case ('number') {\n          <input [name]=\"'datatablecol-' + col.field\"\n                 type=\"search\"\n                 ng0Number\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          }\n\n          <button class=\"btn btn-outline-light\"\n                  style=\"border-color: var(--bs-border-color);\"\n                  cdkOverlayOrigin\n                  #trigger=\"cdkOverlayOrigin\"\n                  (click)=\"_onToggleFilterOperator(col)\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M19 3H5C3.58579 3 2.87868 3 2.43934 3.4122C2 3.8244 2 4.48782 2 5.81466V6.50448C2 7.54232 2 8.06124 2.2596 8.49142C2.5192 8.9216 2.99347 9.18858 3.94202 9.72255L6.85504 11.3624C7.49146 11.7206 7.80967 11.8998 8.03751 12.0976C8.51199 12.5095 8.80408 12.9935 8.93644 13.5872C9 13.8722 9 14.2058 9 14.8729L9 17.5424C9 18.452 9 18.9067 9.25192 19.2613C9.50385 19.6158 9.95128 19.7907 10.8462 20.1406C12.7248 20.875 13.6641 21.2422 14.3321 20.8244C15 20.4066 15 19.4519 15 17.5424V14.8729C15 14.2058 15 13.8722 15.0636 13.5872C15.1959 12.9935 15.488 12.5095 15.9625 12.0976C16.1903 11.8998 16.5085 11.7206 17.145 11.3624L20.058 9.72255C21.0065 9.18858 21.4808 8.9216 21.7404 8.49142C22 8.06124 22 7.54232 22 6.50448V5.81466C22 4.48782 22 3.8244 21.5607 3.4122C21.1213 3 20.4142 3 19 3Z\"\n                    stroke=\"#1C274C\" stroke-width=\"1.5\" />\n            </svg>\n          </button>\n        </div>\n\n        <ng-template\n                     cdkConnectedOverlay\n                     [cdkConnectedOverlayOrigin]=\"trigger\"\n                     [cdkConnectedOverlayOpen]=\"col.showFilterOperators()\"\n                     (overlayOutsideClick)=\"col.showFilterOperators.set(false)\"\n                     (detach)=\"col.showFilterOperators.set(false)\">\n          <ul class=\"dropdown-menu show\" animate.enter=\"fade-in\">\n            @for (item of col.getFilterOperators(); track $index) {\n            <li>\n              <button class=\"dropdown-item\" [class.active]=\"item == col.filterOperator()\"\n                      (click)=\"_onSelectFilterOperator(col, item)\">\n                {{_ls.get()?.definition?.data?.logicalOperators?.[item] ?? item }}\n              </button>\n            </li>\n            }\n          </ul>\n        </ng-template>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #headerTemplate>\n  <thead [ngClass]=\"headerClass()\">\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th class=\"row-number text-muted\">#</th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th\n          (click)=\"col.toggleSortDirection(); load()\"\n          [class.sortable]=\"sortable() && col.sortable()\"\n          [ngClass]=\"{ \n            'sort-asc': col.sortDirection() == 'asc', \n            'sort-desc': col.sortDirection() == 'desc',\n            'sort-none': col.sortDirection() == 'none'\n          }\">\n        {{ col.title() }}\n\n        @if(sortable() && col.sortable()) {\n        <svg class=\"ng0-table-sort-icon\"\n             width=\"24\"\n             height=\"24\"\n             viewBox=\"0 0 24 24\" fill=\"none\"\n             xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M12 7L12 16\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n          <path d=\"M8 13L12 17L16 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\" />\n        </svg>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #dataRowsTemplate>\n  @for (row of $data; track $index) {\n  <tr [class.table-active]=\"isRowExpanded(row)\">\n    @if (_detailRow) {\n    <td class=\"detail-row-expander\">\n      @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\n      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\n        @if (isRowExpanded(row)) {\n        <i class=\"far fa-minus\"></i>\n        } @else {\n        <i class=\"far fa-plus\"></i>\n        }\n      </button>\n      }\n    </td>\n    }\n\n    @if (showRowNumbers()) {\n    <td class=\"ng0-table-row-number\">\n      {{ $firstRecordIndex + $index + 1}}\n    </td>\n    }\n\n    @for (col of _columns; track $index) {\n    <td\n        [ngClass]=\"col.cellClass()\"\n        [class.shrinked]=\"col.shrink()\"\n        [class.fw-bold]=\"col.bold()\">\n      @if (col.template) {\n      <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row }\">\n      </ng-container>\n      } @else if (col.field()) {\n      @let cellValue = _getCellValue(row, col);\n\n      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\n      {{ col.emptyCellText() }}\n      } @else {\n      @if (col.type()) {\n      @let type = $any(col.type());\n\n      @if (type == \"date\") {\n      {{ cellValue | ng0Date }}\n      } @else if (type == \"number\") {\n      {{ cellValue | number }}\n      } @else if (type == \"currency\") {\n      {{ cellValue | currency }}\n      } @else if (type.enum) {\n      {{ cellValue | ng0TranslateEnum: type.enum.name : type.enum.fallback }}\n      } @else if (type.boolean || type == \"boolean\") {\n      {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\n      }@else {\n      {{ cellValue }}\n      }\n      }\n      }\n      }\n    </td>\n    }\n  </tr>\n\n  @if (_detailRow && isRowExpanded(row)) {\n  <tr class=\"detail-row\">\n    <td\n        [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\n        class=\"ps-2 pb-4\">\n      <ng-container\n                    *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"></ng-container>\n    </td>\n  </tr>\n  }\n  }\n</ng-template>\n\n<ng-template #footerTemplate>\n  @if ($pageable && showPagingControls() && $anyRecords && $totalRecordsCount! > 0) {\n  <div class=\"ng0-table-pagination me-2\">\n    <ng0-pagination\n                    class=\"mb-0 d-inline-block\"\n                    [showFirstLastButtons]=\"showFirstLastButtons()\"\n                    [showNextPreviousButtons]=\"showNextPreviousButtons()\"\n                    [totalRecords]=\"$totalRecordsCount!\"\n                    [pageSize]=\"pageSize()\"\n                    [selectedPage]=\"pageIndex()\"\n                    (itemClick)=\"_onPageChange($event)\"\n                    [maxVisiblePages]=\"maxVisiblePages()\">\n      <ng-container ngProjectAs=\"first\">\n        <ng-content select=\"paging-first\">\n          {{ \"first\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"last\">\n        <ng-content select=\"paging-last\">\n          {{ \"last\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"next\">\n        <ng-content select=\"paging-next\">\n          {{ \"next\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"previous\">\n        <ng-content select=\"paging-previous\">\n          {{ \"previous\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n    </ng0-pagination>\n  </div>\n\n  @if (pageSizeOptions()) {\n  <div class=\"ng0-table-paging-options\">\n    <select name=\"pageSizeOptions\" class=\"form-select w-auto d-inline-block\">\n      <option [ngValue]=\"10\" selected>10</option>\n    </select>\n  </div>\n  }\n\n  @if (showPagingInfo()) {\n  <div class=\"ng0-table-paging-info ms-auto\">\n    <ng-content select=\"paging-info\">\n      {{\n      _pagingFormatter({firstRecord: $firstRecordIndex, lastRecord: $lastRecordIndex, totalRecords: $totalRecordsCount!,\n      currentPage: $pageIndex!})\n      }}\n    </ng-content>\n  </div>\n  }\n  }\n</ng-template>\n\n<ng-template #nowDataTemplate>\n  <tr class=\"ng0-table-error-row\">\n    <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\n      <div class=\"d-flex align-items-baseline\">\n        <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\n        <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\n          {{ \"retry\" | ng0Translate }}\n        </button>\n      </div>\n    </td>\n  </tr>\n</ng-template>","import { NgModule } from '@angular/core';\nimport { TableColumnDirective } from './table-column.directive';\nimport { TableComponent } from './table.component';\nimport { TableDetailRowDirective } from './table-detail-row.directive';\n\n@NgModule({\n    imports: [\n        TableComponent,\n        TableColumnDirective,\n        TableDetailRowDirective,\n    ],\n    exports: [\n        TableComponent,\n        TableColumnDirective,\n        TableDetailRowDirective\n    ],\n})\nexport class TableModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;MAOa,oBAAoB,CAAA;AAC/B;;AAEG;IACH,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAEvB;;AAEG;IACH,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAEvB;;AAEG;IACH,aAAa,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAE/B;;AAEG;AACH,IAAA,IAAI,GAAG,KAAK,CAAgB,MAAM,gDAAC;AAEnC;;AAEG;IACH,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAwD;AAEzE;;AAEG;AACH,IAAA,IAAI,GAAG,KAAK,CAAC,KAAK,wCAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAEpD;;AAEG;AACH,IAAA,MAAM,GAAG,KAAK,CAAC,KAAK,0CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAEtD;;AAEG;AACH,IAAA,UAAU,GAAG,KAAK,CAAC,KAAK,8CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAE1D;;AAEG;IACH,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAO;AAE1B;;;AAGG;IACH,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAE7B;;AAEG;IACH,cAAc,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAEhC;;AAEG;IACH,eAAe,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAY;AAEnC;;AAEG;AACH,IAAA,mBAAmB,GAAG,MAAM,CAAC,KAAK,+DAAC;AAEnC;;AAEG;IACH,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAE3B;;AAEG;AACI,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,4CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAE/D;;AAEG;AACI,IAAA,aAAa,GAAG,KAAK,CAA0B,MAAM,yDAAC;AAElC,IAAA,QAAQ;AAEnC,IAAA,WAAA,GAAA;IACA;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE,IAAI,SAAS,EAAE;YACtC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,MAAM,GAAG,UAAU,GAAG,IAAI,CAAC;QACpE;IACF;AAEA;;AAEG;IACI,kBAAkB,GAAA;AACvB,QAAA,IAAI,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE;AAC/B,QAAA,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;AACrB,YAAA,OAAO,EAAE;AAEX,QAAA,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AACtB,QAAA,IAAI,IAAI,IAAI,QAAQ,IAAI,IAAI,IAAI,UAAU,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,EAAE;AAC9E,YAAA,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;QAChD;AAAO,aAAA,IAAI,IAAI,IAAI,MAAM,EAAE;YACzB,OAAO,CAAC,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC;QAC3D;aAAO;AACL,YAAA,OAAO,EAAE;QACX;IACF;AAEA;;;AAGG;IACI,mBAAmB,GAAA;AACxB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;YACpB;QACF;AAEA,QAAA,IAAI,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE;AAC9B,QAAA,IAAI,GAAG,KAAK,MAAM,EAAE;AAClB,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;QAC/B;AAAO,aAAA,IAAI,GAAG,KAAK,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC;QAChC;aAAO;AACL,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC;QAChC;IACF;wGAhIW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,0rEAkFjB,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAlFd,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;sBAmFE,YAAY;uBAAC,WAAW;;;MCnFd,uBAAuB,CAAA;AAGN,IAAA,WAAA;AAFnB,IAAA,YAAY;AAErB,IAAA,WAAA,CAA4B,WAA6B,EAAA;QAA7B,IAAA,CAAA,WAAW,GAAX,WAAW;IACvC;wGAJW,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;sBAEE;;;ACOH;;;;AAIG;MAiBU,cAAc,CAAA;AACN,IAAA,GAAG,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACnC,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AACzC,IAAA,mBAAmB;AAGjB,IAAA,QAAQ;AAGR,IAAA,UAAU;AAED,IAAA,WAAW,GAAG,MAAM,CAAyB,SAAS,uDAAC;IAChE,YAAY,CAAe;IAC3B,eAAe,CAAe;AAC9B,IAAA,UAAU,GAAG,IAAI,GAAG,EAA8B;IAClD,aAAa,GAAG,YAAY;AAC5B,IAAA,WAAW;AACX,IAAA,gBAAgB;AAChB,IAAA,UAAU;AAEpB;;;;AAIG;AACa,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAuB;AAE9D;;;AAGG;AACa,IAAA,QAAQ,GAAG,KAAK,CAAC,IAAI,4CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAEvE;;;AAGG;AACa,IAAA,cAAc,GAAG,KAAK,CAAC,KAAK,kDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAE9E;;AAEG;AACa,IAAA,UAAU,GAAG,KAAK,CAAC,IAAI,8CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAEzE;;AAEG;AACa,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,4CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAExE;;;AAGG;AACa,IAAA,SAAS,GAAG,KAAK,CAAC,CAAC,qDAAC;AAEpC;;;AAGG;AACa,IAAA,QAAQ,GAAG,KAAK,CAAC,EAAE,oDAAC;AAEpC;;;AAGG;AACa,IAAA,eAAe,GAAG,KAAK,CAAC,EAAE,mDAAI,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC;AAE3E;;;;AAIG;AACa,IAAA,kBAAkB,GAAG,KAAK,CAAC,IAAI,sDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAEjF;;;AAGG;AACa,IAAA,oBAAoB,GAAG,KAAK,CAAC,KAAK,wDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAEpF;;;AAGG;AACa,IAAA,uBAAuB,GAAG,KAAK,CAAC,KAAK,2DAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAEvF;;;;AAIG;AACa,IAAA,eAAe,GAAG,KAAK,CAAuB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,2DAAC;AAEhF;;;;AAIG;AACa,IAAA,cAAc,GAAG,KAAK,CAAC,IAAI,kDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAE7E;;;AAGG;AACa,IAAA,QAAQ,GAAG,KAAK,CAAC,IAAI,4CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAEvE;;;AAGG;IACa,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAqB;AAEvD;;AAEG;IACa,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAE7C;;AAEG;IACa,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAEzC;;;AAGG;IACa,MAAM,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAExC;;;AAGG;AACa,IAAA,UAAU,GAAG,KAAK,CAAC,KAAK,8CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAE1E;;AAEG;IACa,gBAAgB,GAAG,KAAK,CAAyE,SAAS,oDACxH,SAAS,EAAE,CAAC,IAAG;AACb,gBAAA,IAAI,OAAO,CAAC,KAAK,SAAS,EAAE;oBAC1B,OAAO,CAAC,GAAG,SAAS,GAAG,MAAM;gBAC/B;AACA,gBAAA,OAAO,CAAC;AACV,YAAA,CAAC,EAAA,CAAA,GAAA,CANyH;YAC1H,SAAS,EAAE,CAAC,IAAG;AACb,gBAAA,IAAI,OAAO,CAAC,KAAK,SAAS,EAAE;oBAC1B,OAAO,CAAC,GAAG,SAAS,GAAG,MAAM;gBAC/B;AACA,gBAAA,OAAO,CAAC;YACV;AACD,SAAA,CAAA,CAAA,CAAC;AAEF;;;;AAIG;IACa,YAAY,GAAG,KAAK,CAAyE,SAAS,gDACpH,SAAS,EAAE,CAAC,IAAG;AACb,gBAAA,IAAI,OAAO,CAAC,KAAK,SAAS,EAAE;oBAC1B,OAAO,CAAC,GAAG,SAAS,GAAG,MAAM;gBAC/B;AACA,gBAAA,OAAO,CAAC;AACV,YAAA,CAAC,EAAA,CAAA,GAAA,CANqH;YACtH,SAAS,EAAE,CAAC,IAAG;AACb,gBAAA,IAAI,OAAO,CAAC,KAAK,SAAS,EAAE;oBAC1B,OAAO,CAAC,GAAG,SAAS,GAAG,MAAM;gBAC/B;AACA,gBAAA,OAAO,CAAC;YACV;AACD,SAAA,CAAA,CAAA,CAAC;;IAIF,kBAAkB,GAAA;QAChB,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACrD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,gBAAgB,GAAG,MAAM,EAAE,UAAU,CAAC,UAAU,EAAE,KAAK,EAAE,UAAU;AACtE,aAAC,CAAC,CAAC,KAAK,CAAA,QAAA,EAAW,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,UAAU,CAAA,IAAA,EAAO,CAAC,CAAC,YAAY,CAAA,QAAA,CAAU,CAAC;;;;AAMlF,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,IAAI,CAAC,IAAI,EAAE;QACb;IACF;AAEA;;;;;AAKG;AACI,IAAA,IAAI,CAAC,SAAkB,EAAA;AAC5B,QAAA,IAAI,IAAiC;QACrC,IAAI,OAAO,GAAwB,EAAE;AACrC,QAAA,IAAI,IAAiC;AAErC,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;AACrB,YAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAG;AAC1B,gBAAA,IAAI,GAAG,CAAC,UAAU,EAAE,IAAI,GAAG,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,WAAW,EAAE,IAAI,SAAS,EAAE;AACjF,oBAAA,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,SAAS,EAAE,IAAI,GAAG,CAAC,WAAW,EAAE,IAAI,GAAG,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,GAAG,CAAC,cAAc,EAAE,EAAE,CAAC;gBACxI;AACF,YAAA,CAAC,CAAC;QACJ;AAEA,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,YAAA,IAAI,SAAS,IAAI,SAAS,EAAE;AAC1B,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;YAC/B;AAEA,YAAA,IAAI,GAAG;AACL,gBAAA,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE;AACvB,gBAAA,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE;aACtB;QACH;AAEA,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,YAAA,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,aAAa,EAAE,IAAI,MAAM,KAAK,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1H,IAAI,GAAG,EAAE;AACP,gBAAA,IAAI,GAAG;oBACL,KAAK,EAAE,GAAG,CAAC,SAAS,EAAE,IAAI,GAAG,CAAC,KAAK,EAAG;AACtC,oBAAA,GAAG,EAAE,GAAG,CAAC,aAAa,EAAE,KAAK;iBAC9B;YACH;QACF;QAEA,IAAI,CAAC,eAAe,GAAG,IAAI,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;QAE/F,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe;aACvC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;YACpD,IAAI,EAAE,MAAM,IAAG;AACb,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC;AAC5B,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe;AACxC,gBAAA,IAAI,CAAC,eAAe,GAAG,SAAS;AAChC,gBAAA,IAAI,CAAC,UAAU,GAAG,SAAS;AAC7B,YAAA,CAAC,EAAE,KAAK,EAAE,GAAG,IAAG;AACd,gBAAA,IAAI,CAAC,UAAU,GAAG,GAAG;AACrB,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe;AACxC,gBAAA,IAAI,CAAC,eAAe,GAAG,SAAS;YAClC;AACD,SAAA,CAAC;IACN;AAEA;;AAEG;AACH,IAAA,IACW,SAAS,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,SAAS;IACnC;IAEU,aAAa,CAAC,GAAQ,EAAE,GAAyB,EAAA;QACzD,IAAI,SAAS,GAAG,GAAG,CAAC,KAAK,EAAG,CAAC,KAAK,CAAC,GAAG,CAAC;QACvC,IAAI,KAAK,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAC7B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,KAAK,IAAI,IAAI;gBAAE;YACnB,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAC7B;AAEA,QAAA,OAAO,KAAK;IACd;AAEU,IAAA,aAAa,CAAC,SAAiB,EAAA;AACvC,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IACtB;AAEU,IAAA,uBAAuB,CAAC,GAAQ,EAAA;QACxC,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC;QACpC,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAC9C;aAAO;AACL,YAAA,KAAK,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,QAAQ;QAClC;IACF;AAEU,IAAA,aAAa,CAAC,GAAQ,EAAA;QAC9B,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC;AACpC,QAAA,OAAO,KAAK,IAAI,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC,QAAQ;IACpD;AAEU,IAAA,uBAAuB,CAAC,GAAyB,EAAA;AACzD,QAAA,IAAI,GAAG,CAAC,mBAAmB,EAAE,EAAE;AAC7B,YAAA,GAAG,CAAC,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC;QACpC;aAAO;AACL,YAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAC5D,YAAA,GAAG,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC;QACnC;IACF;IAEU,uBAAuB,CAAC,GAAyB,EAAE,cAAsB,EAAA;AACjF,QAAA,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC;AACtC,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAC5D,QAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACd;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,mBAAmB,EAAE,WAAW,EAAE;IACzC;wGAhSW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,qoGAQX,uBAAuB,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,SAAA,EAHpB,oBAAoB,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxCvC,60WAqUc,EAAA,MAAA,EAAA,CAAA,6tCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED1SV,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,WAAW,89BACX,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,mBAAmB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,yBAAA,EAAA,sBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,eAAe,wIACf,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,qEAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,EAAA,8BAAA,EAAA,qCAAA,EAAA,4BAAA,EAAA,4BAAA,EAAA,0BAAA,EAAA,2BAAA,EAAA,6BAAA,EAAA,8BAAA,EAAA,kCAAA,EAAA,+BAAA,EAAA,mCAAA,EAAA,mCAAA,EAAA,yBAAA,EAAA,iCAAA,EAAA,sCAAA,EAAA,gCAAA,EAAA,iCAAA,EAAA,uCAAA,EAAA,kCAAA,EAAA,yBAAA,EAAA,wCAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,4DAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,UAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAGJ,cAAc,EAAA,UAAA,EAAA,CAAA;kBAhB1B,SAAS;+BACE,WAAW,EAAA,QAAA,EACX,UAAU,EAAA,eAAA,EAGH,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,OAAA,EACP;wBACP,YAAY;wBACZ,WAAW;wBACX,kBAAkB;wBAClB,mBAAmB;wBACnB,eAAe;wBACf;AACD,qBAAA,EAAA,QAAA,EAAA,60WAAA,EAAA,MAAA,EAAA,CAAA,6tCAAA,CAAA,EAAA;;sBAOA,eAAe;uBAAC,oBAAoB;;sBAGpC,YAAY;uBAAC,uBAAuB;;sBAqOpC,WAAW;uBAAC,mBAAmB;;;ME/PrB,WAAW,CAAA;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAVhB,cAAc;YACd,oBAAoB;AACpB,YAAA,uBAAuB,aAGvB,cAAc;YACd,oBAAoB;YACpB,uBAAuB,CAAA,EAAA,CAAA;AAGlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAVhB,cAAc,CAAA,EAAA,CAAA;;4FAUT,WAAW,EAAA,UAAA,EAAA,CAAA;kBAZvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,cAAc;wBACd,oBAAoB;wBACpB,uBAAuB;AAC1B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,cAAc;wBACd,oBAAoB;wBACpB;AACH,qBAAA;AACJ,iBAAA;;;AChBD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bootkit/ng0",
-  "version": "0.0.0-alpha.50",
+  "version": "0.0.0-alpha.51",
   "description": "Angular+Bootstrap Component Library",
   "homepage": "https://bootkitlib.github.io/",
   "author": "BootKit",