@bootkit/ng0 0.0.0-alpha.36 → 0.0.0-alpha.38

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

@@ -125,10 +125,10 @@ class TableColumnDirective {
             this.sortDirection.set('none');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TableColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.11", type: TableColumnDirective, isStandalone: true, selector: "ng0-table-col", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, emptyCellText: { classPropertyName: "emptyCellText", publicName: "emptyCellText", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, cellClass: { classPropertyName: "cellClass", publicName: "cellClass", isSignal: true, isRequired: false, transformFunction: null }, bold: { classPropertyName: "bold", publicName: "bold", isSignal: true, isRequired: false, transformFunction: null }, shrink: { classPropertyName: "shrink", publicName: "shrink", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, filterValue: { classPropertyName: "filterValue", publicName: "filterValue", isSignal: true, isRequired: false, transformFunction: null }, filterField: { classPropertyName: "filterField", publicName: "filterField", isSignal: true, isRequired: false, transformFunction: null }, filterOperator: { classPropertyName: "filterOperator", publicName: "filterOperator", isSignal: true, isRequired: false, transformFunction: null }, filterOperators: { classPropertyName: "filterOperators", publicName: "filterOperators", isSignal: true, isRequired: false, transformFunction: null }, fieldName: { classPropertyName: "fieldName", publicName: "fieldName", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, sortDirection: { classPropertyName: "sortDirection", publicName: "sortDirection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterValue: "filterValueChange", filterOperator: "filterOperatorChange", sortDirection: "sortDirectionChange" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TableColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: TableColumnDirective, isStandalone: true, selector: "ng0-table-col", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, emptyCellText: { classPropertyName: "emptyCellText", publicName: "emptyCellText", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, cellClass: { classPropertyName: "cellClass", publicName: "cellClass", isSignal: true, isRequired: false, transformFunction: null }, bold: { classPropertyName: "bold", publicName: "bold", isSignal: true, isRequired: false, transformFunction: null }, shrink: { classPropertyName: "shrink", publicName: "shrink", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, filterValue: { classPropertyName: "filterValue", publicName: "filterValue", isSignal: true, isRequired: false, transformFunction: null }, filterField: { classPropertyName: "filterField", publicName: "filterField", isSignal: true, isRequired: false, transformFunction: null }, filterOperator: { classPropertyName: "filterOperator", publicName: "filterOperator", isSignal: true, isRequired: false, transformFunction: null }, filterOperators: { classPropertyName: "filterOperators", publicName: "filterOperators", isSignal: true, isRequired: false, transformFunction: null }, fieldName: { classPropertyName: "fieldName", publicName: "fieldName", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, sortDirection: { classPropertyName: "sortDirection", publicName: "sortDirection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterValue: "filterValueChange", filterOperator: "filterOperatorChange", sortDirection: "sortDirectionChange" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TableColumnDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TableColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng0-table-col',
@@ -145,10 +145,10 @@ class TableDetailRowDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TableDetailRowDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.11", type: TableDetailRowDirective, isStandalone: true, selector: "[ng0-table-detail-row]", inputs: { showCallback: "showCallback" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TableDetailRowDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: TableDetailRowDirective, isStandalone: true, selector: "[ng0-table-detail-row]", inputs: { showCallback: "showCallback" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TableDetailRowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TableDetailRowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ng0-table-detail-row]',
@@ -404,10 +404,10 @@ class TableComponent {
     ngOnDestroy() {
         this._changeSubscription?.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TableComponent, deps: [{ token: i1.LocalizationService }, { token: i0.DestroyRef }], 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();\r\n@let $pageable = pageable();\r\n@let $pageIndex = _lastRequest?.page?.index ?? 1;\r\n@let $data = $dataResult?.data;\r\n@let $anyRecords = $data && $data.length > 0;\r\n@let $totalRecordsCount = $dataResult?.total;\r\n@let $firstRecord = $pageable ? ($pageable.pageSize! * ($pageIndex - 1) + 1) : 1;\r\n@let $lastRecord = $data ? $firstRecord + $data.length - 1 : 1;\r\n@let $isLoading = _dataSource.isLoading();\r\n@let $isFirstLoad = $dataResult == undefined;\r\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\r\n@let $tableLocale = _ls.get()?.definition?.components?.table;\r\n\r\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\r\n  <table class=\"table\" [ngClass]=\"tableClass()\">\r\n    @if (caption()) {\r\n    <caption>{{caption()}}</caption>\r\n    }\r\n\r\n    @if (showHeader()) {\r\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n    }\r\n\r\n    @if (filterable()) {\r\n    <ng-container *ngTemplateOutlet=\"filtersTemplate\"></ng-container>\r\n    }\r\n\r\n    <tbody>\r\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\r\n      <tr class=\"ng0-table-loading-row\">\r\n        <td [attr.colspan]=\"$columnsCount\">\r\n          @switch (loadingIndicator()) {\r\n          @case ('spinner') {\r\n          <div class=\"text-center\">\r\n            <div class=\"spinner-border\" role=\"status\"></div>\r\n          </div>\r\n          }\r\n          }\r\n        </td>\r\n      </tr>\r\n      } @else {\r\n      @if ($data) {\r\n      @if ($data.length > 0) {\r\n      <ng-container *ngTemplateOutlet=\"dataRowsTemplate\"></ng-container>\r\n      } @else {\r\n      <tr class=\"ng0-table-no-records-row\">\r\n        <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\r\n          {{ $tableLocale?.noRecords ?? 'No Records.' }}\r\n        </td>\r\n      </tr>\r\n      }\r\n      } @else if (_lastError) {\r\n      <ng-container *ngTemplateOutlet=\"nowDataTemplate\"></ng-container>\r\n      }\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n\r\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\r\n  <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n</div>\r\n\r\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\r\n<div class=\"ng0-table-loading-cover text-center\">\r\n  @if (loadingCover() == 'spinner') {\r\n  <div class=\"spinner-border\" role=\"status\"></div>\r\n  }\r\n</div>\r\n}\r\n\r\n<ng-template #filtersTemplate>\r\n  <thead>\r\n    <tr>\r\n      @if (_detailRow) {\r\n      <th></th>\r\n      }\r\n\r\n      @if (showRowNumbers()) {\r\n      <th></th>\r\n      }\r\n\r\n      @for (col of _columns; track $index) {\r\n      <th>\r\n        @if(col.filterable() && (col.field() || col.filterValue())) {\r\n\r\n        <div class=\"input-group\">\r\n          @switch (col.type()) {\r\n          @case ('text') {\r\n          <input [name]=\"'filter-' + col.field\"\r\n                 type=\"search\"\r\n                 [maxlength]=\"50\"\r\n                 class=\"form-control form-control-sm\"\r\n                 [(ngModel)]=\"col.filterValue\"\r\n                 (keydown.enter)=\"load(0)\">\r\n          }\r\n          @case ('number') {\r\n          <input [name]=\"'datatablecol-' + col.field\"\r\n                 type=\"search\"\r\n                 ng0Number\r\n                 class=\"form-control form-control-sm\"\r\n                 [(ngModel)]=\"col.filterValue\"\r\n                 (keydown.enter)=\"load(0)\">\r\n          }\r\n          }\r\n\r\n          <button class=\"btn btn-outline-light\"\r\n                  style=\"border-color: var(--bs-border-color);\"\r\n                  cdkOverlayOrigin\r\n                  #trigger=\"cdkOverlayOrigin\"\r\n                  (click)=\"_onToggleFilterOperator(col)\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\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\"\r\n                    stroke=\"#1C274C\" stroke-width=\"1.5\" />\r\n            </svg>\r\n          </button>\r\n        </div>\r\n\r\n        <ng-template\r\n                     cdkConnectedOverlay\r\n                     [cdkConnectedOverlayOrigin]=\"trigger\"\r\n                     [cdkConnectedOverlayOpen]=\"col.showFilterOperators()\"\r\n                     (overlayOutsideClick)=\"col.showFilterOperators.set(false)\"\r\n                     (detach)=\"col.showFilterOperators.set(false)\">\r\n          <ul class=\"dropdown-menu show\" animate.enter=\"fade-in\">\r\n            @for (item of col.getFilterOperators(); track $index) {\r\n            <li>\r\n              <button class=\"dropdown-item\" [class.active]=\"item == col.filterOperator()\"\r\n                      (click)=\"_onSelectFilterOperator(col, item)\">\r\n                {{_ls.get()?.definition?.data?.logicalOperators?.[item] ?? item }}\r\n              </button>\r\n            </li>\r\n            }\r\n          </ul>\r\n        </ng-template>\r\n        }\r\n      </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n</ng-template>\r\n\r\n<ng-template #headerTemplate>\r\n  <thead [ngClass]=\"headerClass()\">\r\n    <tr>\r\n      @if (_detailRow) {\r\n      <th></th>\r\n      }\r\n\r\n      @if (showRowNumbers()) {\r\n      <th class=\"row-number text-muted\">#</th>\r\n      }\r\n\r\n      @for (col of _columns; track $index) {\r\n      <th\r\n          (click)=\"col.toggleSortDirection(); load()\"\r\n          [class.sortable]=\"sortable() && col.sortable()\"\r\n          [ngClass]=\"{ \r\n            'sort-asc': col.sortDirection() == 'asc', \r\n            'sort-desc': col.sortDirection() == 'desc',\r\n            'sort-none': col.sortDirection() == 'none'\r\n          }\">\r\n        {{ col.title() }}\r\n\r\n        @if(sortable() && col.sortable()) {\r\n        <svg class=\"ng0-table-sort-icon\"\r\n             width=\"24\"\r\n             height=\"24\"\r\n             viewBox=\"0 0 24 24\" fill=\"none\"\r\n             xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path d=\"M12 7L12 16\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n          <path d=\"M8 13L12 17L16 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\" />\r\n        </svg>\r\n        }\r\n      </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n</ng-template>\r\n\r\n<ng-template #dataRowsTemplate>\r\n  @for (row of $data; track $index) {\r\n  <tr [class.table-active]=\"isRowExpanded(row)\">\r\n    @if (_detailRow) {\r\n    <td class=\"detail-row-expander\">\r\n      @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\r\n      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\r\n        @if (isRowExpanded(row)) {\r\n        <i class=\"far fa-minus\"></i>\r\n        } @else {\r\n        <i class=\"far fa-plus\"></i>\r\n        }\r\n      </button>\r\n      }\r\n    </td>\r\n    }\r\n\r\n    @if (showRowNumbers()) {\r\n    <td class=\"ng0-table-row-number\">\r\n      {{ $firstRecord + $index }}\r\n    </td>\r\n    }\r\n\r\n    @for (col of _columns; track $index) {\r\n    <td\r\n        [ngClass]=\"col.cellClass()\"\r\n        [class.shrinked]=\"col.shrink()\"\r\n        [class.fw-bold]=\"col.bold()\">\r\n      @if (col.template) {\r\n      <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row }\">\r\n      </ng-container>\r\n      } @else if (col.field()) {\r\n      @let cellValue = _getCellValue(row, col);\r\n\r\n      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\r\n      {{ col.emptyCellText() }}\r\n      } @else {\r\n      @if (col.type()) {\r\n      @let type = $any(col.type());\r\n\r\n      @if (type == \"date\") {\r\n      {{ cellValue | ng0Date }}\r\n      } @else if (type == \"number\") {\r\n      {{ cellValue | number }}\r\n      } @else if (type == \"currency\") {\r\n      {{ cellValue | currency }}\r\n      } @else if (type.enum) {\r\n      {{ cellValue | ng0TranslateEnum: type.enum.name : type.enum.fallback }}\r\n      } @else if (type.boolean || type == \"boolean\") {\r\n      {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\r\n      }@else {\r\n      {{ cellValue }}\r\n      }\r\n      }\r\n      }\r\n      }\r\n    </td>\r\n    }\r\n  </tr>\r\n\r\n  @if (_detailRow && isRowExpanded(row)) {\r\n  <tr class=\"detail-row\">\r\n    <td\r\n        [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\r\n        class=\"ps-2 pb-4\">\r\n      <ng-container\r\n                    *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"></ng-container>\r\n    </td>\r\n  </tr>\r\n  }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #footerTemplate>\r\n  @if ($pageable && $pageable.showPagingControls && $anyRecords && $totalRecordsCount! > 0) {\r\n  <div class=\"ng0-table-pagination me-2\">\r\n    <ng0-pagination\r\n                    class=\"mb-0 d-inline-block\"\r\n                    [showFirstLastButtons]=\"$pageable.showFirstLastButtons == true\"\r\n                    [showNextPreviousButtons]=\"$pageable.showNextPreviousButtons == true\"\r\n                    [totalRecords]=\"$totalRecordsCount!\"\r\n                    [pageSize]=\"$pageable.pageSize!\"\r\n                    [selectedPage]=\"$pageIndex\"\r\n                    (itemClick)=\"_onPageChange($event)\"\r\n                    [maxVisiblePages]=\"$pageable.maxVisiblePages!\">\r\n      <ng-container ngProjectAs=\"first\">\r\n        <ng-content select=\"paging-first\">\r\n          {{ \"first\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"last\">\r\n        <ng-content select=\"paging-last\">\r\n          {{ \"last\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"next\">\r\n        <ng-content select=\"paging-next\">\r\n          {{ \"next\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"previous\">\r\n        <ng-content select=\"paging-previous\">\r\n          {{ \"previous\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n    </ng0-pagination>\r\n  </div>\r\n\r\n  @if ($pageable.showPageSizeOptions || $pageable.showPageSizeOptions == undefined) {\r\n  <div class=\"ng0-table-paging-options\">\r\n    <select name=\"pageSizeOptions\" class=\"form-select w-auto d-inline-block\">\r\n      <option [ngValue]=\"10\" selected>10</option>\r\n    </select>\r\n  </div>\r\n  }\r\n\r\n  @if ($pageable.showPagingInfo == undefined || $pageable.showPagingInfo) {\r\n  <div class=\"ng0-table-paging-info ms-auto\">\r\n    <ng-content select=\"paging-info\">\r\n      {{\r\n      _pagingFormatter({firstRecord: $firstRecord, lastRecord: $lastRecord, totalRecords: $totalRecordsCount!,\r\n      currentPage: $pageIndex!})\r\n      }}\r\n    </ng-content>\r\n  </div>\r\n  }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #nowDataTemplate>\r\n  <tr class=\"ng0-table-error-row\">\r\n    <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\r\n      <div class=\"d-flex align-items-baseline\">\r\n        <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\r\n        <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\r\n          {{ \"retry\" | ng0Translate }}\r\n        </button>\r\n      </div>\r\n    </td>\r\n  </tr>\r\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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.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: i4.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: i4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.TranslatePipe, name: "ng0Translate" }, { kind: "pipe", type: i1.TranslateEnumPipe, name: "ng0TranslateEnum" }, { kind: "pipe", type: i1.DatePipe, name: "ng0Date" }, { kind: "pipe", type: i1.LocalizeBooleanPipe, name: "ng0LocalizeBool" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TableComponent, deps: [{ token: i1.LocalizationService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", 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();\r\n@let $pageable = pageable();\r\n@let $pageIndex = _lastRequest?.page?.index ?? 1;\r\n@let $data = $dataResult?.data;\r\n@let $anyRecords = $data && $data.length > 0;\r\n@let $totalRecordsCount = $dataResult?.total;\r\n@let $firstRecord = $pageable ? ($pageable.pageSize! * ($pageIndex - 1) + 1) : 1;\r\n@let $lastRecord = $data ? $firstRecord + $data.length - 1 : 1;\r\n@let $isLoading = _dataSource.isLoading();\r\n@let $isFirstLoad = $dataResult == undefined;\r\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\r\n@let $tableLocale = _ls.get()?.definition?.components?.table;\r\n\r\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\r\n  <table class=\"table\" [ngClass]=\"tableClass()\">\r\n    @if (caption()) {\r\n    <caption>{{caption()}}</caption>\r\n    }\r\n\r\n    @if (showHeader()) {\r\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n    }\r\n\r\n    @if (filterable()) {\r\n    <ng-container *ngTemplateOutlet=\"filtersTemplate\"></ng-container>\r\n    }\r\n\r\n    <tbody>\r\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\r\n      <tr class=\"ng0-table-loading-row\">\r\n        <td [attr.colspan]=\"$columnsCount\">\r\n          @switch (loadingIndicator()) {\r\n          @case ('spinner') {\r\n          <div class=\"text-center\">\r\n            <div class=\"spinner-border\" role=\"status\"></div>\r\n          </div>\r\n          }\r\n          }\r\n        </td>\r\n      </tr>\r\n      } @else {\r\n      @if ($data) {\r\n      @if ($data.length > 0) {\r\n      <ng-container *ngTemplateOutlet=\"dataRowsTemplate\"></ng-container>\r\n      } @else {\r\n      <tr class=\"ng0-table-no-records-row\">\r\n        <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\r\n          {{ $tableLocale?.noRecords ?? 'No Records.' }}\r\n        </td>\r\n      </tr>\r\n      }\r\n      } @else if (_lastError) {\r\n      <ng-container *ngTemplateOutlet=\"nowDataTemplate\"></ng-container>\r\n      }\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n\r\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\r\n  <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n</div>\r\n\r\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\r\n<div class=\"ng0-table-loading-cover text-center\">\r\n  @if (loadingCover() == 'spinner') {\r\n  <div class=\"spinner-border\" role=\"status\"></div>\r\n  }\r\n</div>\r\n}\r\n\r\n<ng-template #filtersTemplate>\r\n  <thead>\r\n    <tr>\r\n      @if (_detailRow) {\r\n      <th></th>\r\n      }\r\n\r\n      @if (showRowNumbers()) {\r\n      <th></th>\r\n      }\r\n\r\n      @for (col of _columns; track $index) {\r\n      <th>\r\n        @if(col.filterable() && (col.field() || col.filterValue())) {\r\n\r\n        <div class=\"input-group\">\r\n          @switch (col.type()) {\r\n          @case ('text') {\r\n          <input [name]=\"'filter-' + col.field\"\r\n                 type=\"search\"\r\n                 [maxlength]=\"50\"\r\n                 class=\"form-control form-control-sm\"\r\n                 [(ngModel)]=\"col.filterValue\"\r\n                 (keydown.enter)=\"load(0)\">\r\n          }\r\n          @case ('number') {\r\n          <input [name]=\"'datatablecol-' + col.field\"\r\n                 type=\"search\"\r\n                 ng0Number\r\n                 class=\"form-control form-control-sm\"\r\n                 [(ngModel)]=\"col.filterValue\"\r\n                 (keydown.enter)=\"load(0)\">\r\n          }\r\n          }\r\n\r\n          <button class=\"btn btn-outline-light\"\r\n                  style=\"border-color: var(--bs-border-color);\"\r\n                  cdkOverlayOrigin\r\n                  #trigger=\"cdkOverlayOrigin\"\r\n                  (click)=\"_onToggleFilterOperator(col)\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\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\"\r\n                    stroke=\"#1C274C\" stroke-width=\"1.5\" />\r\n            </svg>\r\n          </button>\r\n        </div>\r\n\r\n        <ng-template\r\n                     cdkConnectedOverlay\r\n                     [cdkConnectedOverlayOrigin]=\"trigger\"\r\n                     [cdkConnectedOverlayOpen]=\"col.showFilterOperators()\"\r\n                     (overlayOutsideClick)=\"col.showFilterOperators.set(false)\"\r\n                     (detach)=\"col.showFilterOperators.set(false)\">\r\n          <ul class=\"dropdown-menu show\" animate.enter=\"fade-in\">\r\n            @for (item of col.getFilterOperators(); track $index) {\r\n            <li>\r\n              <button class=\"dropdown-item\" [class.active]=\"item == col.filterOperator()\"\r\n                      (click)=\"_onSelectFilterOperator(col, item)\">\r\n                {{_ls.get()?.definition?.data?.logicalOperators?.[item] ?? item }}\r\n              </button>\r\n            </li>\r\n            }\r\n          </ul>\r\n        </ng-template>\r\n        }\r\n      </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n</ng-template>\r\n\r\n<ng-template #headerTemplate>\r\n  <thead [ngClass]=\"headerClass()\">\r\n    <tr>\r\n      @if (_detailRow) {\r\n      <th></th>\r\n      }\r\n\r\n      @if (showRowNumbers()) {\r\n      <th class=\"row-number text-muted\">#</th>\r\n      }\r\n\r\n      @for (col of _columns; track $index) {\r\n      <th\r\n          (click)=\"col.toggleSortDirection(); load()\"\r\n          [class.sortable]=\"sortable() && col.sortable()\"\r\n          [ngClass]=\"{ \r\n            'sort-asc': col.sortDirection() == 'asc', \r\n            'sort-desc': col.sortDirection() == 'desc',\r\n            'sort-none': col.sortDirection() == 'none'\r\n          }\">\r\n        {{ col.title() }}\r\n\r\n        @if(sortable() && col.sortable()) {\r\n        <svg class=\"ng0-table-sort-icon\"\r\n             width=\"24\"\r\n             height=\"24\"\r\n             viewBox=\"0 0 24 24\" fill=\"none\"\r\n             xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path d=\"M12 7L12 16\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n          <path d=\"M8 13L12 17L16 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\" />\r\n        </svg>\r\n        }\r\n      </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n</ng-template>\r\n\r\n<ng-template #dataRowsTemplate>\r\n  @for (row of $data; track $index) {\r\n  <tr [class.table-active]=\"isRowExpanded(row)\">\r\n    @if (_detailRow) {\r\n    <td class=\"detail-row-expander\">\r\n      @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\r\n      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\r\n        @if (isRowExpanded(row)) {\r\n        <i class=\"far fa-minus\"></i>\r\n        } @else {\r\n        <i class=\"far fa-plus\"></i>\r\n        }\r\n      </button>\r\n      }\r\n    </td>\r\n    }\r\n\r\n    @if (showRowNumbers()) {\r\n    <td class=\"ng0-table-row-number\">\r\n      {{ $firstRecord + $index }}\r\n    </td>\r\n    }\r\n\r\n    @for (col of _columns; track $index) {\r\n    <td\r\n        [ngClass]=\"col.cellClass()\"\r\n        [class.shrinked]=\"col.shrink()\"\r\n        [class.fw-bold]=\"col.bold()\">\r\n      @if (col.template) {\r\n      <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row }\">\r\n      </ng-container>\r\n      } @else if (col.field()) {\r\n      @let cellValue = _getCellValue(row, col);\r\n\r\n      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\r\n      {{ col.emptyCellText() }}\r\n      } @else {\r\n      @if (col.type()) {\r\n      @let type = $any(col.type());\r\n\r\n      @if (type == \"date\") {\r\n      {{ cellValue | ng0Date }}\r\n      } @else if (type == \"number\") {\r\n      {{ cellValue | number }}\r\n      } @else if (type == \"currency\") {\r\n      {{ cellValue | currency }}\r\n      } @else if (type.enum) {\r\n      {{ cellValue | ng0TranslateEnum: type.enum.name : type.enum.fallback }}\r\n      } @else if (type.boolean || type == \"boolean\") {\r\n      {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\r\n      }@else {\r\n      {{ cellValue }}\r\n      }\r\n      }\r\n      }\r\n      }\r\n    </td>\r\n    }\r\n  </tr>\r\n\r\n  @if (_detailRow && isRowExpanded(row)) {\r\n  <tr class=\"detail-row\">\r\n    <td\r\n        [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\r\n        class=\"ps-2 pb-4\">\r\n      <ng-container\r\n                    *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"></ng-container>\r\n    </td>\r\n  </tr>\r\n  }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #footerTemplate>\r\n  @if ($pageable && $pageable.showPagingControls && $anyRecords && $totalRecordsCount! > 0) {\r\n  <div class=\"ng0-table-pagination me-2\">\r\n    <ng0-pagination\r\n                    class=\"mb-0 d-inline-block\"\r\n                    [showFirstLastButtons]=\"$pageable.showFirstLastButtons == true\"\r\n                    [showNextPreviousButtons]=\"$pageable.showNextPreviousButtons == true\"\r\n                    [totalRecords]=\"$totalRecordsCount!\"\r\n                    [pageSize]=\"$pageable.pageSize!\"\r\n                    [selectedPage]=\"$pageIndex\"\r\n                    (itemClick)=\"_onPageChange($event)\"\r\n                    [maxVisiblePages]=\"$pageable.maxVisiblePages!\">\r\n      <ng-container ngProjectAs=\"first\">\r\n        <ng-content select=\"paging-first\">\r\n          {{ \"first\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"last\">\r\n        <ng-content select=\"paging-last\">\r\n          {{ \"last\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"next\">\r\n        <ng-content select=\"paging-next\">\r\n          {{ \"next\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"previous\">\r\n        <ng-content select=\"paging-previous\">\r\n          {{ \"previous\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n    </ng0-pagination>\r\n  </div>\r\n\r\n  @if ($pageable.showPageSizeOptions || $pageable.showPageSizeOptions == undefined) {\r\n  <div class=\"ng0-table-paging-options\">\r\n    <select name=\"pageSizeOptions\" class=\"form-select w-auto d-inline-block\">\r\n      <option [ngValue]=\"10\" selected>10</option>\r\n    </select>\r\n  </div>\r\n  }\r\n\r\n  @if ($pageable.showPagingInfo == undefined || $pageable.showPagingInfo) {\r\n  <div class=\"ng0-table-paging-info ms-auto\">\r\n    <ng-content select=\"paging-info\">\r\n      {{\r\n      _pagingFormatter({firstRecord: $firstRecord, lastRecord: $lastRecord, totalRecords: $totalRecordsCount!,\r\n      currentPage: $pageIndex!})\r\n      }}\r\n    </ng-content>\r\n  </div>\r\n  }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #nowDataTemplate>\r\n  <tr class=\"ng0-table-error-row\">\r\n    <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\r\n      <div class=\"d-flex align-items-baseline\">\r\n        <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\r\n        <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\r\n          {{ \"retry\" | ng0Translate }}\r\n        </button>\r\n      </div>\r\n    </td>\r\n  </tr>\r\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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.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: i4.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: i4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.TranslatePipe, name: "ng0Translate" }, { kind: "pipe", type: i1.TranslateEnumPipe, name: "ng0TranslateEnum" }, { kind: "pipe", type: i1.DatePipe, name: "ng0Date" }, { kind: "pipe", type: i1.LocalizeBooleanPipe, name: "ng0LocalizeBool" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng0-table', exportAs: 'ng0Table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
@@ -429,15 +429,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
             }] } });
 
 class TableModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.11", ngImport: i0, type: TableModule, imports: [TableComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: TableModule, imports: [TableComponent,
             TableColumnDirective,
             TableDetailRowDirective], exports: [TableComponent,
             TableColumnDirective,
             TableDetailRowDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TableModule, imports: [TableComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TableModule, imports: [TableComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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';\r\nimport { TableCellType } from './types';\r\n\r\n@Directive({\r\n  selector: 'ng0-table-col',\r\n  standalone: true,\r\n})\r\nexport class TableColumnDirective implements OnInit {\r\n  /**\r\n   * The field in the data source to bind to. If not set, the column will not display any data.\r\n   */\r\n  field = input<string>();\r\n\r\n  /**\r\n   * The title of the column. This will be displayed in the header row.\r\n   */\r\n  title = input<string>();\r\n\r\n  /**\r\n   * Text to display in the cell if the value is null or undefined.\r\n   */\r\n  emptyCellText = input<string>();\r\n\r\n  /**\r\n   * Type of the table cell.\r\n   */\r\n  type = input<TableCellType>('text');\r\n\r\n  /**\r\n   * CSS class(es) to apply to the table cell.\r\n   */\r\n  cellClass = input<string | string[] | { [klass: string]: any; } | null>();\r\n\r\n  /** \r\n   * @deprecated Use `cellClass` instead.\r\n   */\r\n  bold = input(false, { transform: booleanAttribute });\r\n\r\n  /** \r\n   * @deprecated Use `cellClass` instead.\r\n   */\r\n  shrink = input(false, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * If true, the column will support filtering.\r\n   */\r\n  filterable = input(false, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * The current filter value of the column.\r\n   */\r\n  filterValue = model<any>();\r\n\r\n  /**\r\n   * The field to use for filtering. If not set, the `field` property will be used.\r\n   * @deprecated Use `fieldName` instead.\r\n   */\r\n  filterField = input<string>();\r\n\r\n  /**\r\n   * The current filter operator of the column.\r\n   */\r\n  filterOperator = model<string>();\r\n\r\n  /**\r\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.\r\n   */\r\n  filterOperators = input<string[]>();\r\n\r\n  /**\r\n   * If true, the filter operators dropdown will be shown.\r\n   */\r\n  showFilterOperators = signal(false);\r\n\r\n  /**\r\n   * The name of the field in the data source. If not set, the `field` property will be used.\r\n   */\r\n  fieldName = input<string>();\r\n\r\n  /**\r\n   * If true, the column will support sorting.\r\n   */\r\n  public sortable = input(false, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * The current sort direction of the column.\r\n   */\r\n  public sortDirection = model<'none' | 'asc' | 'desc'>('none');\r\n\r\n  @ContentChild(TemplateRef) template?: TemplateRef<any>;\r\n\r\n  constructor() {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    if (this.filterOperator() == undefined) {\r\n      this.filterOperator.set(this.type() == 'text' ? 'contains' : 'eq');\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Get the list of filter operators to show in the filter dropdown.\r\n   */\r\n  public getFilterOperators(): string[] {\r\n    let op = this.filterOperators();\r\n    if (op && op.length > 0)\r\n      return op;\r\n\r\n    let type = this.type();\r\n    if (type == 'number' || type == 'currency' || type == 'date' || type == 'time') {\r\n      return ['eq', 'ne', 'gt', 'gte', 'lt', 'lte',]\r\n    } else if (type == 'text') {\r\n      return ['contains', 'startsWith', 'endsWith', 'eq', 'ne']\r\n    } else {\r\n      return []\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Toggle the sort direction of the column.\r\n   * @returns void\r\n   */\r\n  public toggleSortDirection(): void {\r\n    if (!this.sortable()) {\r\n      return;\r\n    }\r\n\r\n    let dir = this.sortDirection();\r\n    if (dir === 'none') {\r\n      this.sortDirection.set('asc');\r\n    } else if (dir === 'asc') {\r\n      this.sortDirection.set('desc');\r\n    } else {\r\n      this.sortDirection.set('none');\r\n    }\r\n  }\r\n}\r\n","import { Directive, Input, TemplateRef } from '@angular/core';\r\n\r\n\r\n@Directive({\r\n  selector: '[ng0-table-detail-row]',\r\n  standalone: true,\r\n})\r\nexport class TableDetailRowDirective {\r\n  @Input() showCallback?: (row: any) => boolean;\r\n\r\n  constructor(public readonly templateRef: TemplateRef<any>) {\r\n  }\r\n}\r\n","import { AfterContentInit, booleanAttribute, ChangeDetectionStrategy, Component, computed, ContentChild, ContentChildren, DestroyRef, HostBinding, input, model, OnDestroy, OnInit, QueryList, signal } from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\nimport { TableColumnDirective } from './table-column.directive';\r\nimport { TableDetailRowDirective } from './table-detail-row.directive';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { formatString } from '@bootkit/ng0/common';\r\nimport { LocalizationModule, LocalizationService, TableComponentPagingFormatter } from '@bootkit/ng0/localization';\r\nimport { DataRequest, DataRequestFilter, DataRequestPage, DataRequestSort, DataResult, DataSource, dataSourceAttribute, DataSourceLike, LogicalOperator } from '@bootkit/ng0/data';\r\nimport { PaginationComponent } from '@bootkit/ng0/components/pagination';\r\nimport { TablePagingOptions } from './types';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\nimport { NumberDirective } from '@bootkit/ng0/form';\r\n\r\n/**\r\n * A generic table component that can display data in a tabular format.\r\n * It supports features like pagination, sorting, filtering, and row details.\r\n * It can be used with any data source that implements the DataSource interface.\r\n */\r\n@Component({\r\n  selector: 'ng0-table',\r\n  exportAs: 'ng0Table',\r\n  templateUrl: './table.component.html',\r\n  styleUrls: ['./table.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    LocalizationModule,\r\n    PaginationComponent,\r\n    NumberDirective,\r\n    OverlayModule\r\n  ]\r\n})\r\nexport class TableComponent implements OnInit, AfterContentInit, OnDestroy {\r\n  /**\r\n   * The data source for the table.\r\n   * This can be an array of data, a function that returns an observable of data,\r\n   * or an instance of DataSource.\r\n   */\r\n  public source = input.required<DataSourceLike<any>>();\r\n\r\n  /**\r\n   * If true, the table will automatically load data when initialized.\r\n   * This is useful for tables that need to display data immediately without user interaction.\r\n   */\r\n  public autoLoad = input(true, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * If true, the table will show row numbers.\r\n   * This will add a column to the left of the table with the row numbers.\r\n   */\r\n  public showRowNumbers = input(false, { transform: booleanAttribute });\r\n\r\n  /** \r\n   * If true, the table will show the header row.\r\n   */\r\n  public showHeader = input(true, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * If true, the table will support pagination.\r\n   * If false, the table will load all records at once.\r\n   */\r\n  public pageable = input<TablePagingOptions | undefined, TablePagingOptions | boolean>(undefined, {\r\n    transform: v => {\r\n      if (v === undefined || v === null || v === false) {\r\n        return undefined;\r\n      }\r\n\r\n      if (v === true) {\r\n        v = {};\r\n      }\r\n\r\n      v.pageIndex = v.pageIndex ?? 1;\r\n      v.pageSize = v.pageSize ?? 10;\r\n      v.maxVisiblePages = v.maxVisiblePages ?? 10;\r\n      v.showPagingControls = v.showPagingControls ?? true;\r\n      return v;\r\n    }\r\n  });\r\n\r\n  /**\r\n   * If true, the table will support sorting.\r\n   * This will add a sort icon to each column header.\r\n   */\r\n  public sortable = input(true, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * The CSS class to apply to the table element.\r\n   * This can be used to apply custom styles to the table.\r\n   */\r\n  public tableClass = input<string | string[]>();\r\n\r\n  /**\r\n   * The CSS class to apply to the header element.\r\n   */\r\n  public headerClass = input<string>();\r\n\r\n  /**\r\n   * The caption of the table.\r\n   */\r\n  public caption = input<string>();\r\n\r\n  /**\r\n   * The height of the table in pixels.\r\n   * This can be used to set a fixed height for the table.\r\n   */\r\n  public height = input<number>();\r\n\r\n  /**\r\n   * If true, the table will support filtering.\r\n   * This will add a filter input to each column header.\r\n   */\r\n  public filterable = input(false, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * The indicator to show while the table is loading data for the first time.\r\n   */\r\n  public loadingIndicator = input<'none' | 'simple' | 'spinner', boolean | 'none' | 'simple' | 'spinner'>('spinner', {\r\n    transform: v => {\r\n      if (typeof v === 'boolean') {\r\n        return v ? 'spinner' : 'none';\r\n      }\r\n      return v;\r\n    }\r\n  });\r\n\r\n  /** If true, the table will show a loading cover while data is being loaded.\r\n   * This can be used to prevent user interaction with the table while loading.\r\n   * This cover is not displayed when the table is loading for the first time.\r\n   * Instead, the table will show a loading based on loadingIndicator settings.\r\n   */\r\n  public loadingCover = input<'none' | 'simple' | 'spinner', boolean | 'none' | 'simple' | 'spinner'>('spinner', {\r\n    transform: v => {\r\n      if (typeof v === 'boolean') {\r\n        return v ? 'spinner' : 'none';\r\n      }\r\n      return v;\r\n    }\r\n  });\r\n\r\n  // @Input() rowColor?: (row: any) => BootstrapColor;\r\n\r\n  @ContentChildren(TableColumnDirective)\r\n  protected _columns!: QueryList<TableColumnDirective>;\r\n\r\n  @ContentChild(TableDetailRowDirective)\r\n  protected _detailRow?: TableDetailRowDirective;\r\n\r\n  protected _dataResult = signal<DataResult | undefined>(undefined);\r\n  protected _lastRequest?: DataRequest; // The last data request made to the data source\r\n  protected _loadingRequest?: DataRequest; // The current data request being processed\r\n  protected _rowStates = new Map<any, { expanded: boolean }>();\r\n  protected _formatString = formatString;\r\n  private _changeSubscription?: Subscription;\r\n  protected _dataSource!: DataSource;\r\n  protected _pagingFormatter!: TableComponentPagingFormatter;\r\n  protected _lastError?: any;\r\n\r\n\r\n  constructor(protected _ls: LocalizationService, private _destroyRef: DestroyRef) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n\r\n  }\r\n\r\n  ngAfterContentInit(): void {\r\n    this._dataSource = dataSourceAttribute(this.source());\r\n    const locale = this._ls.get();\r\n    this._pagingFormatter = locale?.definition.components?.table?.pagingInfo ??\r\n      ((o) => `Showing ${o.firstRecord}-${o.lastRecord} of ${o.totalRecords} records`);\r\n\r\n    // this._changeSubscription = this.dataSource().change.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(result => {\r\n    //   this.reload();\r\n    // });\r\n\r\n    if (this.autoLoad()) {\r\n      this.load(this.pageable()?.pageIndex);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Load data for the specified page index (optional).\r\n   * @param pageIndex The page index to load.\r\n   */\r\n  public load(pageIndex?: number) {\r\n    let page: DataRequestPage | undefined;\r\n    let filters: DataRequestFilter[] = [];\r\n    let sort: DataRequestSort | undefined;\r\n\r\n    if (this.filterable()) {\r\n      this._columns.forEach(col => {\r\n        if (col.filterable() && col.filterValue() != '' && col.filterValue() != undefined) {\r\n          filters.push({ field: col.fieldName() ?? col.filterField() ?? col.field(), value: col.filterValue(), operator: col.filterOperator() });\r\n        }\r\n      });\r\n    }\r\n\r\n    if (this.pageable()) {\r\n      page = {\r\n        index: pageIndex || this._lastRequest?.page?.index || 1,\r\n        size: this._lastRequest?.page?.size || 10,\r\n        zeroBased: false\r\n      };\r\n    }\r\n\r\n    if (this.sortable()) {\r\n      let col = this._columns.find(c => c.sortable() && c.sortDirection() != 'none' && (c.field() != '' || c.fieldName() != ''));\r\n      if (col) {\r\n        sort = { \r\n          field: col.fieldName() ?? col.field()!, \r\n          asc: col.sortDirection() === 'asc' \r\n        }\r\n      }\r\n    }\r\n\r\n    this._loadingRequest = new DataRequest({ page, filters, sort, select: [], computeTotal: true });\r\n\r\n    this._dataSource.load(this._loadingRequest)\r\n      .pipe(takeUntilDestroyed(this._destroyRef)).subscribe({\r\n        next: result => {\r\n          this._dataResult.set(result);\r\n          this._lastRequest = this._loadingRequest;\r\n          this._loadingRequest = undefined;\r\n          this._lastError = undefined;\r\n        }, error: err => {\r\n          this._lastError = err;\r\n          this._lastRequest = this._loadingRequest;\r\n          this._loadingRequest = undefined;\r\n        }\r\n      });\r\n  }\r\n\r\n  /**\r\n   * Determines if the table is currently loading data.\r\n   */\r\n  @HostBinding('class.ng0-loading')\r\n  public get isLoading() {\r\n    return this._dataSource.isLoading;\r\n  }\r\n\r\n  protected _getCellValue(row: any, col: TableColumnDirective) {\r\n    var subFields = col.field()!.split('.');\r\n    let value = row[subFields[0]];\r\n    for (let i = 1; i < subFields.length; i++) {\r\n      if (value == null) break;\r\n      value = value[subFields[i]];\r\n    }\r\n\r\n    return value;\r\n  }\r\n\r\n\r\n  protected _onPageChange(pageIndex: number) {\r\n    this.load(pageIndex);\r\n  }\r\n\r\n  protected _onToggleRowDetailClick(row: any) {\r\n    var state = this._rowStates.get(row)\r\n    if (!state) {\r\n      this._rowStates.set(row, { expanded: true });\r\n    } else {\r\n      state.expanded = !state.expanded;\r\n    }\r\n  }\r\n\r\n  protected isRowExpanded(row: any) {\r\n    var state = this._rowStates.get(row)\r\n    return state == undefined ? false : state.expanded;\r\n  }\r\n\r\n  protected _onToggleFilterOperator(col: TableColumnDirective) {\r\n    if (col.showFilterOperators()) {\r\n      col.showFilterOperators.set(false)\r\n    } else {\r\n      this._columns.forEach(x => x.showFilterOperators.set(false));\r\n      col.showFilterOperators.set(true)\r\n    }\r\n  }\r\n\r\n  protected _onSelectFilterOperator(col: TableColumnDirective, filterOperator: string) {\r\n    col.filterOperator.set(filterOperator);\r\n    this._columns.forEach(x => x.showFilterOperators.set(false));\r\n    this.load(0);\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._changeSubscription?.unsubscribe();\r\n  }\r\n}\r\n","@let $dataResult = _dataResult();\r\n@let $pageable = pageable();\r\n@let $pageIndex = _lastRequest?.page?.index ?? 1;\r\n@let $data = $dataResult?.data;\r\n@let $anyRecords = $data && $data.length > 0;\r\n@let $totalRecordsCount = $dataResult?.total;\r\n@let $firstRecord = $pageable ? ($pageable.pageSize! * ($pageIndex - 1) + 1) : 1;\r\n@let $lastRecord = $data ? $firstRecord + $data.length - 1 : 1;\r\n@let $isLoading = _dataSource.isLoading();\r\n@let $isFirstLoad = $dataResult == undefined;\r\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\r\n@let $tableLocale = _ls.get()?.definition?.components?.table;\r\n\r\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\r\n  <table class=\"table\" [ngClass]=\"tableClass()\">\r\n    @if (caption()) {\r\n    <caption>{{caption()}}</caption>\r\n    }\r\n\r\n    @if (showHeader()) {\r\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n    }\r\n\r\n    @if (filterable()) {\r\n    <ng-container *ngTemplateOutlet=\"filtersTemplate\"></ng-container>\r\n    }\r\n\r\n    <tbody>\r\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\r\n      <tr class=\"ng0-table-loading-row\">\r\n        <td [attr.colspan]=\"$columnsCount\">\r\n          @switch (loadingIndicator()) {\r\n          @case ('spinner') {\r\n          <div class=\"text-center\">\r\n            <div class=\"spinner-border\" role=\"status\"></div>\r\n          </div>\r\n          }\r\n          }\r\n        </td>\r\n      </tr>\r\n      } @else {\r\n      @if ($data) {\r\n      @if ($data.length > 0) {\r\n      <ng-container *ngTemplateOutlet=\"dataRowsTemplate\"></ng-container>\r\n      } @else {\r\n      <tr class=\"ng0-table-no-records-row\">\r\n        <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\r\n          {{ $tableLocale?.noRecords ?? 'No Records.' }}\r\n        </td>\r\n      </tr>\r\n      }\r\n      } @else if (_lastError) {\r\n      <ng-container *ngTemplateOutlet=\"nowDataTemplate\"></ng-container>\r\n      }\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n\r\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\r\n  <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n</div>\r\n\r\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\r\n<div class=\"ng0-table-loading-cover text-center\">\r\n  @if (loadingCover() == 'spinner') {\r\n  <div class=\"spinner-border\" role=\"status\"></div>\r\n  }\r\n</div>\r\n}\r\n\r\n<ng-template #filtersTemplate>\r\n  <thead>\r\n    <tr>\r\n      @if (_detailRow) {\r\n      <th></th>\r\n      }\r\n\r\n      @if (showRowNumbers()) {\r\n      <th></th>\r\n      }\r\n\r\n      @for (col of _columns; track $index) {\r\n      <th>\r\n        @if(col.filterable() && (col.field() || col.filterValue())) {\r\n\r\n        <div class=\"input-group\">\r\n          @switch (col.type()) {\r\n          @case ('text') {\r\n          <input [name]=\"'filter-' + col.field\"\r\n                 type=\"search\"\r\n                 [maxlength]=\"50\"\r\n                 class=\"form-control form-control-sm\"\r\n                 [(ngModel)]=\"col.filterValue\"\r\n                 (keydown.enter)=\"load(0)\">\r\n          }\r\n          @case ('number') {\r\n          <input [name]=\"'datatablecol-' + col.field\"\r\n                 type=\"search\"\r\n                 ng0Number\r\n                 class=\"form-control form-control-sm\"\r\n                 [(ngModel)]=\"col.filterValue\"\r\n                 (keydown.enter)=\"load(0)\">\r\n          }\r\n          }\r\n\r\n          <button class=\"btn btn-outline-light\"\r\n                  style=\"border-color: var(--bs-border-color);\"\r\n                  cdkOverlayOrigin\r\n                  #trigger=\"cdkOverlayOrigin\"\r\n                  (click)=\"_onToggleFilterOperator(col)\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\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\"\r\n                    stroke=\"#1C274C\" stroke-width=\"1.5\" />\r\n            </svg>\r\n          </button>\r\n        </div>\r\n\r\n        <ng-template\r\n                     cdkConnectedOverlay\r\n                     [cdkConnectedOverlayOrigin]=\"trigger\"\r\n                     [cdkConnectedOverlayOpen]=\"col.showFilterOperators()\"\r\n                     (overlayOutsideClick)=\"col.showFilterOperators.set(false)\"\r\n                     (detach)=\"col.showFilterOperators.set(false)\">\r\n          <ul class=\"dropdown-menu show\" animate.enter=\"fade-in\">\r\n            @for (item of col.getFilterOperators(); track $index) {\r\n            <li>\r\n              <button class=\"dropdown-item\" [class.active]=\"item == col.filterOperator()\"\r\n                      (click)=\"_onSelectFilterOperator(col, item)\">\r\n                {{_ls.get()?.definition?.data?.logicalOperators?.[item] ?? item }}\r\n              </button>\r\n            </li>\r\n            }\r\n          </ul>\r\n        </ng-template>\r\n        }\r\n      </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n</ng-template>\r\n\r\n<ng-template #headerTemplate>\r\n  <thead [ngClass]=\"headerClass()\">\r\n    <tr>\r\n      @if (_detailRow) {\r\n      <th></th>\r\n      }\r\n\r\n      @if (showRowNumbers()) {\r\n      <th class=\"row-number text-muted\">#</th>\r\n      }\r\n\r\n      @for (col of _columns; track $index) {\r\n      <th\r\n          (click)=\"col.toggleSortDirection(); load()\"\r\n          [class.sortable]=\"sortable() && col.sortable()\"\r\n          [ngClass]=\"{ \r\n            'sort-asc': col.sortDirection() == 'asc', \r\n            'sort-desc': col.sortDirection() == 'desc',\r\n            'sort-none': col.sortDirection() == 'none'\r\n          }\">\r\n        {{ col.title() }}\r\n\r\n        @if(sortable() && col.sortable()) {\r\n        <svg class=\"ng0-table-sort-icon\"\r\n             width=\"24\"\r\n             height=\"24\"\r\n             viewBox=\"0 0 24 24\" fill=\"none\"\r\n             xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path d=\"M12 7L12 16\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n          <path d=\"M8 13L12 17L16 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\" />\r\n        </svg>\r\n        }\r\n      </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n</ng-template>\r\n\r\n<ng-template #dataRowsTemplate>\r\n  @for (row of $data; track $index) {\r\n  <tr [class.table-active]=\"isRowExpanded(row)\">\r\n    @if (_detailRow) {\r\n    <td class=\"detail-row-expander\">\r\n      @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\r\n      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\r\n        @if (isRowExpanded(row)) {\r\n        <i class=\"far fa-minus\"></i>\r\n        } @else {\r\n        <i class=\"far fa-plus\"></i>\r\n        }\r\n      </button>\r\n      }\r\n    </td>\r\n    }\r\n\r\n    @if (showRowNumbers()) {\r\n    <td class=\"ng0-table-row-number\">\r\n      {{ $firstRecord + $index }}\r\n    </td>\r\n    }\r\n\r\n    @for (col of _columns; track $index) {\r\n    <td\r\n        [ngClass]=\"col.cellClass()\"\r\n        [class.shrinked]=\"col.shrink()\"\r\n        [class.fw-bold]=\"col.bold()\">\r\n      @if (col.template) {\r\n      <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row }\">\r\n      </ng-container>\r\n      } @else if (col.field()) {\r\n      @let cellValue = _getCellValue(row, col);\r\n\r\n      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\r\n      {{ col.emptyCellText() }}\r\n      } @else {\r\n      @if (col.type()) {\r\n      @let type = $any(col.type());\r\n\r\n      @if (type == \"date\") {\r\n      {{ cellValue | ng0Date }}\r\n      } @else if (type == \"number\") {\r\n      {{ cellValue | number }}\r\n      } @else if (type == \"currency\") {\r\n      {{ cellValue | currency }}\r\n      } @else if (type.enum) {\r\n      {{ cellValue | ng0TranslateEnum: type.enum.name : type.enum.fallback }}\r\n      } @else if (type.boolean || type == \"boolean\") {\r\n      {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\r\n      }@else {\r\n      {{ cellValue }}\r\n      }\r\n      }\r\n      }\r\n      }\r\n    </td>\r\n    }\r\n  </tr>\r\n\r\n  @if (_detailRow && isRowExpanded(row)) {\r\n  <tr class=\"detail-row\">\r\n    <td\r\n        [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\r\n        class=\"ps-2 pb-4\">\r\n      <ng-container\r\n                    *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"></ng-container>\r\n    </td>\r\n  </tr>\r\n  }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #footerTemplate>\r\n  @if ($pageable && $pageable.showPagingControls && $anyRecords && $totalRecordsCount! > 0) {\r\n  <div class=\"ng0-table-pagination me-2\">\r\n    <ng0-pagination\r\n                    class=\"mb-0 d-inline-block\"\r\n                    [showFirstLastButtons]=\"$pageable.showFirstLastButtons == true\"\r\n                    [showNextPreviousButtons]=\"$pageable.showNextPreviousButtons == true\"\r\n                    [totalRecords]=\"$totalRecordsCount!\"\r\n                    [pageSize]=\"$pageable.pageSize!\"\r\n                    [selectedPage]=\"$pageIndex\"\r\n                    (itemClick)=\"_onPageChange($event)\"\r\n                    [maxVisiblePages]=\"$pageable.maxVisiblePages!\">\r\n      <ng-container ngProjectAs=\"first\">\r\n        <ng-content select=\"paging-first\">\r\n          {{ \"first\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"last\">\r\n        <ng-content select=\"paging-last\">\r\n          {{ \"last\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"next\">\r\n        <ng-content select=\"paging-next\">\r\n          {{ \"next\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"previous\">\r\n        <ng-content select=\"paging-previous\">\r\n          {{ \"previous\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n    </ng0-pagination>\r\n  </div>\r\n\r\n  @if ($pageable.showPageSizeOptions || $pageable.showPageSizeOptions == undefined) {\r\n  <div class=\"ng0-table-paging-options\">\r\n    <select name=\"pageSizeOptions\" class=\"form-select w-auto d-inline-block\">\r\n      <option [ngValue]=\"10\" selected>10</option>\r\n    </select>\r\n  </div>\r\n  }\r\n\r\n  @if ($pageable.showPagingInfo == undefined || $pageable.showPagingInfo) {\r\n  <div class=\"ng0-table-paging-info ms-auto\">\r\n    <ng-content select=\"paging-info\">\r\n      {{\r\n      _pagingFormatter({firstRecord: $firstRecord, lastRecord: $lastRecord, totalRecords: $totalRecordsCount!,\r\n      currentPage: $pageIndex!})\r\n      }}\r\n    </ng-content>\r\n  </div>\r\n  }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #nowDataTemplate>\r\n  <tr class=\"ng0-table-error-row\">\r\n    <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\r\n      <div class=\"d-flex align-items-baseline\">\r\n        <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\r\n        <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\r\n          {{ \"retry\" | ng0Translate }}\r\n        </button>\r\n      </div>\r\n    </td>\r\n  </tr>\r\n</ng-template>","import { NgModule } from '@angular/core';\r\nimport { TableColumnDirective } from './table-column.directive';\r\nimport { TableComponent } from './table.component';\r\nimport { TableDetailRowDirective } from './table-detail-row.directive';\r\n\r\n@NgModule({\r\n    imports: [\r\n        TableComponent,\r\n        TableColumnDirective,\r\n        TableDetailRowDirective,\r\n    ],\r\n    exports: [\r\n        TableComponent,\r\n        TableColumnDirective,\r\n        TableDetailRowDirective\r\n    ],\r\n})\r\nexport class TableModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"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';\r\nimport { TableCellType } from './types';\r\n\r\n@Directive({\r\n  selector: 'ng0-table-col',\r\n  standalone: true,\r\n})\r\nexport class TableColumnDirective implements OnInit {\r\n  /**\r\n   * The field in the data source to bind to. If not set, the column will not display any data.\r\n   */\r\n  field = input<string>();\r\n\r\n  /**\r\n   * The title of the column. This will be displayed in the header row.\r\n   */\r\n  title = input<string>();\r\n\r\n  /**\r\n   * Text to display in the cell if the value is null or undefined.\r\n   */\r\n  emptyCellText = input<string>();\r\n\r\n  /**\r\n   * Type of the table cell.\r\n   */\r\n  type = input<TableCellType>('text');\r\n\r\n  /**\r\n   * CSS class(es) to apply to the table cell.\r\n   */\r\n  cellClass = input<string | string[] | { [klass: string]: any; } | null>();\r\n\r\n  /** \r\n   * @deprecated Use `cellClass` instead.\r\n   */\r\n  bold = input(false, { transform: booleanAttribute });\r\n\r\n  /** \r\n   * @deprecated Use `cellClass` instead.\r\n   */\r\n  shrink = input(false, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * If true, the column will support filtering.\r\n   */\r\n  filterable = input(false, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * The current filter value of the column.\r\n   */\r\n  filterValue = model<any>();\r\n\r\n  /**\r\n   * The field to use for filtering. If not set, the `field` property will be used.\r\n   * @deprecated Use `fieldName` instead.\r\n   */\r\n  filterField = input<string>();\r\n\r\n  /**\r\n   * The current filter operator of the column.\r\n   */\r\n  filterOperator = model<string>();\r\n\r\n  /**\r\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.\r\n   */\r\n  filterOperators = input<string[]>();\r\n\r\n  /**\r\n   * If true, the filter operators dropdown will be shown.\r\n   */\r\n  showFilterOperators = signal(false);\r\n\r\n  /**\r\n   * The name of the field in the data source. If not set, the `field` property will be used.\r\n   */\r\n  fieldName = input<string>();\r\n\r\n  /**\r\n   * If true, the column will support sorting.\r\n   */\r\n  public sortable = input(false, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * The current sort direction of the column.\r\n   */\r\n  public sortDirection = model<'none' | 'asc' | 'desc'>('none');\r\n\r\n  @ContentChild(TemplateRef) template?: TemplateRef<any>;\r\n\r\n  constructor() {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    if (this.filterOperator() == undefined) {\r\n      this.filterOperator.set(this.type() == 'text' ? 'contains' : 'eq');\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Get the list of filter operators to show in the filter dropdown.\r\n   */\r\n  public getFilterOperators(): string[] {\r\n    let op = this.filterOperators();\r\n    if (op && op.length > 0)\r\n      return op;\r\n\r\n    let type = this.type();\r\n    if (type == 'number' || type == 'currency' || type == 'date' || type == 'time') {\r\n      return ['eq', 'ne', 'gt', 'gte', 'lt', 'lte',]\r\n    } else if (type == 'text') {\r\n      return ['contains', 'startsWith', 'endsWith', 'eq', 'ne']\r\n    } else {\r\n      return []\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Toggle the sort direction of the column.\r\n   * @returns void\r\n   */\r\n  public toggleSortDirection(): void {\r\n    if (!this.sortable()) {\r\n      return;\r\n    }\r\n\r\n    let dir = this.sortDirection();\r\n    if (dir === 'none') {\r\n      this.sortDirection.set('asc');\r\n    } else if (dir === 'asc') {\r\n      this.sortDirection.set('desc');\r\n    } else {\r\n      this.sortDirection.set('none');\r\n    }\r\n  }\r\n}\r\n","import { Directive, Input, TemplateRef } from '@angular/core';\r\n\r\n\r\n@Directive({\r\n  selector: '[ng0-table-detail-row]',\r\n  standalone: true,\r\n})\r\nexport class TableDetailRowDirective {\r\n  @Input() showCallback?: (row: any) => boolean;\r\n\r\n  constructor(public readonly templateRef: TemplateRef<any>) {\r\n  }\r\n}\r\n","import { AfterContentInit, booleanAttribute, ChangeDetectionStrategy, Component, computed, ContentChild, ContentChildren, DestroyRef, HostBinding, input, model, OnDestroy, OnInit, QueryList, signal } from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\nimport { TableColumnDirective } from './table-column.directive';\r\nimport { TableDetailRowDirective } from './table-detail-row.directive';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { formatString } from '@bootkit/ng0/common';\r\nimport { LocalizationModule, LocalizationService, TableComponentPagingFormatter } from '@bootkit/ng0/localization';\r\nimport { DataRequest, DataRequestFilter, DataRequestPage, DataRequestSort, DataResult, DataSource, dataSourceAttribute, DataSourceLike, LogicalOperator } from '@bootkit/ng0/data';\r\nimport { PaginationComponent } from '@bootkit/ng0/components/pagination';\r\nimport { TablePagingOptions } from './types';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\nimport { NumberDirective } from '@bootkit/ng0/form';\r\n\r\n/**\r\n * A generic table component that can display data in a tabular format.\r\n * It supports features like pagination, sorting, filtering, and row details.\r\n * It can be used with any data source that implements the DataSource interface.\r\n */\r\n@Component({\r\n  selector: 'ng0-table',\r\n  exportAs: 'ng0Table',\r\n  templateUrl: './table.component.html',\r\n  styleUrls: ['./table.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    LocalizationModule,\r\n    PaginationComponent,\r\n    NumberDirective,\r\n    OverlayModule\r\n  ]\r\n})\r\nexport class TableComponent implements OnInit, AfterContentInit, OnDestroy {\r\n  /**\r\n   * The data source for the table.\r\n   * This can be an array of data, a function that returns an observable of data,\r\n   * or an instance of DataSource.\r\n   */\r\n  public source = input.required<DataSourceLike<any>>();\r\n\r\n  /**\r\n   * If true, the table will automatically load data when initialized.\r\n   * This is useful for tables that need to display data immediately without user interaction.\r\n   */\r\n  public autoLoad = input(true, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * If true, the table will show row numbers.\r\n   * This will add a column to the left of the table with the row numbers.\r\n   */\r\n  public showRowNumbers = input(false, { transform: booleanAttribute });\r\n\r\n  /** \r\n   * If true, the table will show the header row.\r\n   */\r\n  public showHeader = input(true, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * If true, the table will support pagination.\r\n   * If false, the table will load all records at once.\r\n   */\r\n  public pageable = input<TablePagingOptions | undefined, TablePagingOptions | boolean>(undefined, {\r\n    transform: v => {\r\n      if (v === undefined || v === null || v === false) {\r\n        return undefined;\r\n      }\r\n\r\n      if (v === true) {\r\n        v = {};\r\n      }\r\n\r\n      v.pageIndex = v.pageIndex ?? 1;\r\n      v.pageSize = v.pageSize ?? 10;\r\n      v.maxVisiblePages = v.maxVisiblePages ?? 10;\r\n      v.showPagingControls = v.showPagingControls ?? true;\r\n      return v;\r\n    }\r\n  });\r\n\r\n  /**\r\n   * If true, the table will support sorting.\r\n   * This will add a sort icon to each column header.\r\n   */\r\n  public sortable = input(true, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * The CSS class to apply to the table element.\r\n   * This can be used to apply custom styles to the table.\r\n   */\r\n  public tableClass = input<string | string[]>();\r\n\r\n  /**\r\n   * The CSS class to apply to the header element.\r\n   */\r\n  public headerClass = input<string>();\r\n\r\n  /**\r\n   * The caption of the table.\r\n   */\r\n  public caption = input<string>();\r\n\r\n  /**\r\n   * The height of the table in pixels.\r\n   * This can be used to set a fixed height for the table.\r\n   */\r\n  public height = input<number>();\r\n\r\n  /**\r\n   * If true, the table will support filtering.\r\n   * This will add a filter input to each column header.\r\n   */\r\n  public filterable = input(false, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * The indicator to show while the table is loading data for the first time.\r\n   */\r\n  public loadingIndicator = input<'none' | 'simple' | 'spinner', boolean | 'none' | 'simple' | 'spinner'>('spinner', {\r\n    transform: v => {\r\n      if (typeof v === 'boolean') {\r\n        return v ? 'spinner' : 'none';\r\n      }\r\n      return v;\r\n    }\r\n  });\r\n\r\n  /** If true, the table will show a loading cover while data is being loaded.\r\n   * This can be used to prevent user interaction with the table while loading.\r\n   * This cover is not displayed when the table is loading for the first time.\r\n   * Instead, the table will show a loading based on loadingIndicator settings.\r\n   */\r\n  public loadingCover = input<'none' | 'simple' | 'spinner', boolean | 'none' | 'simple' | 'spinner'>('spinner', {\r\n    transform: v => {\r\n      if (typeof v === 'boolean') {\r\n        return v ? 'spinner' : 'none';\r\n      }\r\n      return v;\r\n    }\r\n  });\r\n\r\n  // @Input() rowColor?: (row: any) => BootstrapColor;\r\n\r\n  @ContentChildren(TableColumnDirective)\r\n  protected _columns!: QueryList<TableColumnDirective>;\r\n\r\n  @ContentChild(TableDetailRowDirective)\r\n  protected _detailRow?: TableDetailRowDirective;\r\n\r\n  protected _dataResult = signal<DataResult | undefined>(undefined);\r\n  protected _lastRequest?: DataRequest; // The last data request made to the data source\r\n  protected _loadingRequest?: DataRequest; // The current data request being processed\r\n  protected _rowStates = new Map<any, { expanded: boolean }>();\r\n  protected _formatString = formatString;\r\n  private _changeSubscription?: Subscription;\r\n  protected _dataSource!: DataSource;\r\n  protected _pagingFormatter!: TableComponentPagingFormatter;\r\n  protected _lastError?: any;\r\n\r\n\r\n  constructor(protected _ls: LocalizationService, private _destroyRef: DestroyRef) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n\r\n  }\r\n\r\n  ngAfterContentInit(): void {\r\n    this._dataSource = dataSourceAttribute(this.source());\r\n    const locale = this._ls.get();\r\n    this._pagingFormatter = locale?.definition.components?.table?.pagingInfo ??\r\n      ((o) => `Showing ${o.firstRecord}-${o.lastRecord} of ${o.totalRecords} records`);\r\n\r\n    // this._changeSubscription = this.dataSource().change.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(result => {\r\n    //   this.reload();\r\n    // });\r\n\r\n    if (this.autoLoad()) {\r\n      this.load(this.pageable()?.pageIndex);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Load data for the specified page index (optional).\r\n   * @param pageIndex The page index to load.\r\n   */\r\n  public load(pageIndex?: number) {\r\n    let page: DataRequestPage | undefined;\r\n    let filters: DataRequestFilter[] = [];\r\n    let sort: DataRequestSort | undefined;\r\n\r\n    if (this.filterable()) {\r\n      this._columns.forEach(col => {\r\n        if (col.filterable() && col.filterValue() != '' && col.filterValue() != undefined) {\r\n          filters.push({ field: col.fieldName() ?? col.filterField() ?? col.field(), value: col.filterValue(), operator: col.filterOperator() });\r\n        }\r\n      });\r\n    }\r\n\r\n    if (this.pageable()) {\r\n      page = {\r\n        index: pageIndex || this._lastRequest?.page?.index || 1,\r\n        size: this._lastRequest?.page?.size || 10,\r\n        zeroBased: false\r\n      };\r\n    }\r\n\r\n    if (this.sortable()) {\r\n      let col = this._columns.find(c => c.sortable() && c.sortDirection() != 'none' && (c.field() != '' || c.fieldName() != ''));\r\n      if (col) {\r\n        sort = { \r\n          field: col.fieldName() ?? col.field()!, \r\n          asc: col.sortDirection() === 'asc' \r\n        }\r\n      }\r\n    }\r\n\r\n    this._loadingRequest = new DataRequest({ page, filters, sort, select: [], computeTotal: true });\r\n\r\n    this._dataSource.load(this._loadingRequest)\r\n      .pipe(takeUntilDestroyed(this._destroyRef)).subscribe({\r\n        next: result => {\r\n          this._dataResult.set(result);\r\n          this._lastRequest = this._loadingRequest;\r\n          this._loadingRequest = undefined;\r\n          this._lastError = undefined;\r\n        }, error: err => {\r\n          this._lastError = err;\r\n          this._lastRequest = this._loadingRequest;\r\n          this._loadingRequest = undefined;\r\n        }\r\n      });\r\n  }\r\n\r\n  /**\r\n   * Determines if the table is currently loading data.\r\n   */\r\n  @HostBinding('class.ng0-loading')\r\n  public get isLoading() {\r\n    return this._dataSource.isLoading;\r\n  }\r\n\r\n  protected _getCellValue(row: any, col: TableColumnDirective) {\r\n    var subFields = col.field()!.split('.');\r\n    let value = row[subFields[0]];\r\n    for (let i = 1; i < subFields.length; i++) {\r\n      if (value == null) break;\r\n      value = value[subFields[i]];\r\n    }\r\n\r\n    return value;\r\n  }\r\n\r\n\r\n  protected _onPageChange(pageIndex: number) {\r\n    this.load(pageIndex);\r\n  }\r\n\r\n  protected _onToggleRowDetailClick(row: any) {\r\n    var state = this._rowStates.get(row)\r\n    if (!state) {\r\n      this._rowStates.set(row, { expanded: true });\r\n    } else {\r\n      state.expanded = !state.expanded;\r\n    }\r\n  }\r\n\r\n  protected isRowExpanded(row: any) {\r\n    var state = this._rowStates.get(row)\r\n    return state == undefined ? false : state.expanded;\r\n  }\r\n\r\n  protected _onToggleFilterOperator(col: TableColumnDirective) {\r\n    if (col.showFilterOperators()) {\r\n      col.showFilterOperators.set(false)\r\n    } else {\r\n      this._columns.forEach(x => x.showFilterOperators.set(false));\r\n      col.showFilterOperators.set(true)\r\n    }\r\n  }\r\n\r\n  protected _onSelectFilterOperator(col: TableColumnDirective, filterOperator: string) {\r\n    col.filterOperator.set(filterOperator);\r\n    this._columns.forEach(x => x.showFilterOperators.set(false));\r\n    this.load(0);\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._changeSubscription?.unsubscribe();\r\n  }\r\n}\r\n","@let $dataResult = _dataResult();\r\n@let $pageable = pageable();\r\n@let $pageIndex = _lastRequest?.page?.index ?? 1;\r\n@let $data = $dataResult?.data;\r\n@let $anyRecords = $data && $data.length > 0;\r\n@let $totalRecordsCount = $dataResult?.total;\r\n@let $firstRecord = $pageable ? ($pageable.pageSize! * ($pageIndex - 1) + 1) : 1;\r\n@let $lastRecord = $data ? $firstRecord + $data.length - 1 : 1;\r\n@let $isLoading = _dataSource.isLoading();\r\n@let $isFirstLoad = $dataResult == undefined;\r\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\r\n@let $tableLocale = _ls.get()?.definition?.components?.table;\r\n\r\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\r\n  <table class=\"table\" [ngClass]=\"tableClass()\">\r\n    @if (caption()) {\r\n    <caption>{{caption()}}</caption>\r\n    }\r\n\r\n    @if (showHeader()) {\r\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n    }\r\n\r\n    @if (filterable()) {\r\n    <ng-container *ngTemplateOutlet=\"filtersTemplate\"></ng-container>\r\n    }\r\n\r\n    <tbody>\r\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\r\n      <tr class=\"ng0-table-loading-row\">\r\n        <td [attr.colspan]=\"$columnsCount\">\r\n          @switch (loadingIndicator()) {\r\n          @case ('spinner') {\r\n          <div class=\"text-center\">\r\n            <div class=\"spinner-border\" role=\"status\"></div>\r\n          </div>\r\n          }\r\n          }\r\n        </td>\r\n      </tr>\r\n      } @else {\r\n      @if ($data) {\r\n      @if ($data.length > 0) {\r\n      <ng-container *ngTemplateOutlet=\"dataRowsTemplate\"></ng-container>\r\n      } @else {\r\n      <tr class=\"ng0-table-no-records-row\">\r\n        <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\r\n          {{ $tableLocale?.noRecords ?? 'No Records.' }}\r\n        </td>\r\n      </tr>\r\n      }\r\n      } @else if (_lastError) {\r\n      <ng-container *ngTemplateOutlet=\"nowDataTemplate\"></ng-container>\r\n      }\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n\r\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\r\n  <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n</div>\r\n\r\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\r\n<div class=\"ng0-table-loading-cover text-center\">\r\n  @if (loadingCover() == 'spinner') {\r\n  <div class=\"spinner-border\" role=\"status\"></div>\r\n  }\r\n</div>\r\n}\r\n\r\n<ng-template #filtersTemplate>\r\n  <thead>\r\n    <tr>\r\n      @if (_detailRow) {\r\n      <th></th>\r\n      }\r\n\r\n      @if (showRowNumbers()) {\r\n      <th></th>\r\n      }\r\n\r\n      @for (col of _columns; track $index) {\r\n      <th>\r\n        @if(col.filterable() && (col.field() || col.filterValue())) {\r\n\r\n        <div class=\"input-group\">\r\n          @switch (col.type()) {\r\n          @case ('text') {\r\n          <input [name]=\"'filter-' + col.field\"\r\n                 type=\"search\"\r\n                 [maxlength]=\"50\"\r\n                 class=\"form-control form-control-sm\"\r\n                 [(ngModel)]=\"col.filterValue\"\r\n                 (keydown.enter)=\"load(0)\">\r\n          }\r\n          @case ('number') {\r\n          <input [name]=\"'datatablecol-' + col.field\"\r\n                 type=\"search\"\r\n                 ng0Number\r\n                 class=\"form-control form-control-sm\"\r\n                 [(ngModel)]=\"col.filterValue\"\r\n                 (keydown.enter)=\"load(0)\">\r\n          }\r\n          }\r\n\r\n          <button class=\"btn btn-outline-light\"\r\n                  style=\"border-color: var(--bs-border-color);\"\r\n                  cdkOverlayOrigin\r\n                  #trigger=\"cdkOverlayOrigin\"\r\n                  (click)=\"_onToggleFilterOperator(col)\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\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\"\r\n                    stroke=\"#1C274C\" stroke-width=\"1.5\" />\r\n            </svg>\r\n          </button>\r\n        </div>\r\n\r\n        <ng-template\r\n                     cdkConnectedOverlay\r\n                     [cdkConnectedOverlayOrigin]=\"trigger\"\r\n                     [cdkConnectedOverlayOpen]=\"col.showFilterOperators()\"\r\n                     (overlayOutsideClick)=\"col.showFilterOperators.set(false)\"\r\n                     (detach)=\"col.showFilterOperators.set(false)\">\r\n          <ul class=\"dropdown-menu show\" animate.enter=\"fade-in\">\r\n            @for (item of col.getFilterOperators(); track $index) {\r\n            <li>\r\n              <button class=\"dropdown-item\" [class.active]=\"item == col.filterOperator()\"\r\n                      (click)=\"_onSelectFilterOperator(col, item)\">\r\n                {{_ls.get()?.definition?.data?.logicalOperators?.[item] ?? item }}\r\n              </button>\r\n            </li>\r\n            }\r\n          </ul>\r\n        </ng-template>\r\n        }\r\n      </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n</ng-template>\r\n\r\n<ng-template #headerTemplate>\r\n  <thead [ngClass]=\"headerClass()\">\r\n    <tr>\r\n      @if (_detailRow) {\r\n      <th></th>\r\n      }\r\n\r\n      @if (showRowNumbers()) {\r\n      <th class=\"row-number text-muted\">#</th>\r\n      }\r\n\r\n      @for (col of _columns; track $index) {\r\n      <th\r\n          (click)=\"col.toggleSortDirection(); load()\"\r\n          [class.sortable]=\"sortable() && col.sortable()\"\r\n          [ngClass]=\"{ \r\n            'sort-asc': col.sortDirection() == 'asc', \r\n            'sort-desc': col.sortDirection() == 'desc',\r\n            'sort-none': col.sortDirection() == 'none'\r\n          }\">\r\n        {{ col.title() }}\r\n\r\n        @if(sortable() && col.sortable()) {\r\n        <svg class=\"ng0-table-sort-icon\"\r\n             width=\"24\"\r\n             height=\"24\"\r\n             viewBox=\"0 0 24 24\" fill=\"none\"\r\n             xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path d=\"M12 7L12 16\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n          <path d=\"M8 13L12 17L16 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\" />\r\n        </svg>\r\n        }\r\n      </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n</ng-template>\r\n\r\n<ng-template #dataRowsTemplate>\r\n  @for (row of $data; track $index) {\r\n  <tr [class.table-active]=\"isRowExpanded(row)\">\r\n    @if (_detailRow) {\r\n    <td class=\"detail-row-expander\">\r\n      @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\r\n      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\r\n        @if (isRowExpanded(row)) {\r\n        <i class=\"far fa-minus\"></i>\r\n        } @else {\r\n        <i class=\"far fa-plus\"></i>\r\n        }\r\n      </button>\r\n      }\r\n    </td>\r\n    }\r\n\r\n    @if (showRowNumbers()) {\r\n    <td class=\"ng0-table-row-number\">\r\n      {{ $firstRecord + $index }}\r\n    </td>\r\n    }\r\n\r\n    @for (col of _columns; track $index) {\r\n    <td\r\n        [ngClass]=\"col.cellClass()\"\r\n        [class.shrinked]=\"col.shrink()\"\r\n        [class.fw-bold]=\"col.bold()\">\r\n      @if (col.template) {\r\n      <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row }\">\r\n      </ng-container>\r\n      } @else if (col.field()) {\r\n      @let cellValue = _getCellValue(row, col);\r\n\r\n      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\r\n      {{ col.emptyCellText() }}\r\n      } @else {\r\n      @if (col.type()) {\r\n      @let type = $any(col.type());\r\n\r\n      @if (type == \"date\") {\r\n      {{ cellValue | ng0Date }}\r\n      } @else if (type == \"number\") {\r\n      {{ cellValue | number }}\r\n      } @else if (type == \"currency\") {\r\n      {{ cellValue | currency }}\r\n      } @else if (type.enum) {\r\n      {{ cellValue | ng0TranslateEnum: type.enum.name : type.enum.fallback }}\r\n      } @else if (type.boolean || type == \"boolean\") {\r\n      {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\r\n      }@else {\r\n      {{ cellValue }}\r\n      }\r\n      }\r\n      }\r\n      }\r\n    </td>\r\n    }\r\n  </tr>\r\n\r\n  @if (_detailRow && isRowExpanded(row)) {\r\n  <tr class=\"detail-row\">\r\n    <td\r\n        [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\r\n        class=\"ps-2 pb-4\">\r\n      <ng-container\r\n                    *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"></ng-container>\r\n    </td>\r\n  </tr>\r\n  }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #footerTemplate>\r\n  @if ($pageable && $pageable.showPagingControls && $anyRecords && $totalRecordsCount! > 0) {\r\n  <div class=\"ng0-table-pagination me-2\">\r\n    <ng0-pagination\r\n                    class=\"mb-0 d-inline-block\"\r\n                    [showFirstLastButtons]=\"$pageable.showFirstLastButtons == true\"\r\n                    [showNextPreviousButtons]=\"$pageable.showNextPreviousButtons == true\"\r\n                    [totalRecords]=\"$totalRecordsCount!\"\r\n                    [pageSize]=\"$pageable.pageSize!\"\r\n                    [selectedPage]=\"$pageIndex\"\r\n                    (itemClick)=\"_onPageChange($event)\"\r\n                    [maxVisiblePages]=\"$pageable.maxVisiblePages!\">\r\n      <ng-container ngProjectAs=\"first\">\r\n        <ng-content select=\"paging-first\">\r\n          {{ \"first\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"last\">\r\n        <ng-content select=\"paging-last\">\r\n          {{ \"last\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"next\">\r\n        <ng-content select=\"paging-next\">\r\n          {{ \"next\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"previous\">\r\n        <ng-content select=\"paging-previous\">\r\n          {{ \"previous\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n    </ng0-pagination>\r\n  </div>\r\n\r\n  @if ($pageable.showPageSizeOptions || $pageable.showPageSizeOptions == undefined) {\r\n  <div class=\"ng0-table-paging-options\">\r\n    <select name=\"pageSizeOptions\" class=\"form-select w-auto d-inline-block\">\r\n      <option [ngValue]=\"10\" selected>10</option>\r\n    </select>\r\n  </div>\r\n  }\r\n\r\n  @if ($pageable.showPagingInfo == undefined || $pageable.showPagingInfo) {\r\n  <div class=\"ng0-table-paging-info ms-auto\">\r\n    <ng-content select=\"paging-info\">\r\n      {{\r\n      _pagingFormatter({firstRecord: $firstRecord, lastRecord: $lastRecord, totalRecords: $totalRecordsCount!,\r\n      currentPage: $pageIndex!})\r\n      }}\r\n    </ng-content>\r\n  </div>\r\n  }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #nowDataTemplate>\r\n  <tr class=\"ng0-table-error-row\">\r\n    <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\r\n      <div class=\"d-flex align-items-baseline\">\r\n        <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\r\n        <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\r\n          {{ \"retry\" | ng0Translate }}\r\n        </button>\r\n      </div>\r\n    </td>\r\n  </tr>\r\n</ng-template>","import { NgModule } from '@angular/core';\r\nimport { TableColumnDirective } from './table-column.directive';\r\nimport { TableComponent } from './table.component';\r\nimport { TableDetailRowDirective } from './table-detail-row.directive';\r\n\r\n@NgModule({\r\n    imports: [\r\n        TableComponent,\r\n        TableColumnDirective,\r\n        TableDetailRowDirective,\r\n    ],\r\n    exports: [\r\n        TableComponent,\r\n        TableColumnDirective,\r\n        TableDetailRowDirective\r\n    ],\r\n})\r\nexport class TableModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -61,8 +61,8 @@ class ToastComponent {
             this._changeDetectorRef.markForCheck();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: ToastComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.11", type: ToastComponent, isStandalone: true, selector: "ng0-toast", host: { properties: { "@host": "this._show" } }, exportAs: ["ng0Toast"], ngImport: i0, template: "<div class=\"toast-header\" *ngIf=\"this._config.header\">\r\n    @if(_hasHeaderTemplate) {\r\n    <ng-container [ngTemplateOutlet]=\"$any(_config.header)\"></ng-container>\r\n    }@else {\r\n    <span *ngIf=\"_config.icon\" class=\"me-2\" [ngClass]=\"_config.icon\"></span>\r\n    <strong class=\"me-auto\">{{this._config.header}}</strong>\r\n    <small *ngIf=\"_config.hint\">{{_config.hint}}</small>\r\n    <button *ngIf=\"_config?.closeButton == undefined || _config?.closeButton\"\r\n            type=\"button\"\r\n            class=\"btn-close\"\r\n            aria-label=\"Close\"\r\n            (click)=\"toastRef.close()\">\r\n    </button>\r\n    }\r\n</div>\r\n\r\n<div class=\"toast-body\" *ngIf=\"this._config.body\">\r\n    @if(_hasBodyTemplate) {\r\n    <ng-container [ngTemplateOutlet]=\"$any(_config.body)\"></ng-container>\r\n    }@else {\r\n    {{this._config.body}}\r\n    }\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ToastComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: ToastComponent, isStandalone: true, selector: "ng0-toast", host: { properties: { "@host": "this._show" } }, exportAs: ["ng0Toast"], ngImport: i0, template: "<div class=\"toast-header\" *ngIf=\"this._config.header\">\r\n    @if(_hasHeaderTemplate) {\r\n    <ng-container [ngTemplateOutlet]=\"$any(_config.header)\"></ng-container>\r\n    }@else {\r\n    <span *ngIf=\"_config.icon\" class=\"me-2\" [ngClass]=\"_config.icon\"></span>\r\n    <strong class=\"me-auto\">{{this._config.header}}</strong>\r\n    <small *ngIf=\"_config.hint\">{{_config.hint}}</small>\r\n    <button *ngIf=\"_config?.closeButton == undefined || _config?.closeButton\"\r\n            type=\"button\"\r\n            class=\"btn-close\"\r\n            aria-label=\"Close\"\r\n            (click)=\"toastRef.close()\">\r\n    </button>\r\n    }\r\n</div>\r\n\r\n<div class=\"toast-body\" *ngIf=\"this._config.body\">\r\n    @if(_hasBodyTemplate) {\r\n    <ng-container [ngTemplateOutlet]=\"$any(_config.body)\"></ng-container>\r\n    }@else {\r\n    {{this._config.body}}\r\n    }\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
             trigger('host', [
                 transition(':enter', [
                     style({ opacity: 0, transform: 'scale(.85)' }),
@@ -75,7 +75,7 @@ class ToastComponent {
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: ToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ToastComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng0-toast', exportAs: 'ng0Toast', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -173,10 +173,10 @@ class ToastService {
         }, config?.duration ?? 3000);
         return this._toastRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: ToastService, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: ToastService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ToastService, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ToastService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: ToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ToastService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

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

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-toast.mjs","sources":["../../../projects/ng0/components/toast/toast-ref.ts","../../../projects/ng0/components/toast/toast.component.ts","../../../projects/ng0/components/toast/toast.component.html","../../../projects/ng0/components/toast/toast.service.ts","../../../projects/ng0/components/toast/bootkit-ng0-components-toast.ts"],"sourcesContent":["import { OverlayRef } from \"@angular/cdk/overlay\";\r\nimport { Subject, timer } from \"rxjs\";\r\nimport { ToastConfig } from \"./types\";\r\n\r\nexport class ToastRef {\r\n    private _isOpen = true;\r\n    private _closedSubject = new Subject<any>();\r\n    public closed = this._closedSubject.asObservable();\r\n\r\n    constructor(public readonly config: ToastConfig, private overlayRef: OverlayRef) {\r\n    }\r\n\r\n    public get isOpen() {\r\n        return this._isOpen;\r\n    }\r\n\r\n    public close() {\r\n        if (this._isOpen) {\r\n            this._closedSubject.next(0);\r\n            this._isOpen = false;\r\n\r\n            // Wait to ':leave' animation is done and then dispose the overlay\r\n            timer(100).subscribe(x => {\r\n                this.overlayRef.detach();\r\n                this.overlayRef.dispose();\r\n            });\r\n        }\r\n    }\r\n}\r\n","import { trigger, style, transition, animate, state } from '@angular/animations';\r\nimport { Component, OnInit, ChangeDetectionStrategy, DestroyRef, ChangeDetectorRef, HostBinding, Renderer2, ElementRef, TemplateRef } from '@angular/core';\r\nimport { ToastConfig } from './types';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastRef } from './toast-ref';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\n@Component({\r\n    selector: 'ng0-toast',\r\n    exportAs: 'ng0Toast',\r\n    templateUrl: 'toast.component.html',\r\n    standalone: true,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [\r\n        CommonModule,\r\n    ],\r\n    animations: [\r\n        trigger('host', [\r\n            transition(':enter', [\r\n                style({ opacity: 0, transform: 'scale(.85)' }),\r\n                animate('.1s', style({ opacity: '1', transform: 'scale(1)' })),\r\n            ]),\r\n            state('false', style({ opacity: 0, transform: 'scale(.85)' })),\r\n            transition('true => false', [\r\n                animate('.1s'),\r\n            ]),\r\n        ]),\r\n    ],\r\n})\r\nexport class ToastComponent implements OnInit {\r\n    public toastRef!: ToastRef;\r\n    protected _config!: ToastConfig;\r\n    @HostBinding('@host') protected _show = true;\r\n    protected _hasBodyTemplate!: boolean;\r\n    protected _hasHeaderTemplate!: boolean;\r\n\r\n    constructor(\r\n        private _changeDetectorRef: ChangeDetectorRef,\r\n        private _renderer: Renderer2,\r\n        private _elementRef: ElementRef,\r\n        private _destroyRef: DestroyRef) {\r\n            \r\n    }\r\n\r\n    ngOnInit(): void {\r\n        this._config = this.toastRef.config;\r\n        this._hasHeaderTemplate = this._config.header instanceof TemplateRef;\r\n        this._hasBodyTemplate = this._config.body instanceof TemplateRef;\r\n        \r\n        let style = this._config.style ?? 'success';\r\n        ['toast', 'show', `text-bg-${style}`].forEach(x => this._renderer.addClass(this._elementRef.nativeElement, x));\r\n        this.toastRef.closed.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(x => {\r\n            this._show = false;\r\n            this._changeDetectorRef.markForCheck();\r\n        })\r\n    }\r\n}\r\n","<div class=\"toast-header\" *ngIf=\"this._config.header\">\r\n    @if(_hasHeaderTemplate) {\r\n    <ng-container [ngTemplateOutlet]=\"$any(_config.header)\"></ng-container>\r\n    }@else {\r\n    <span *ngIf=\"_config.icon\" class=\"me-2\" [ngClass]=\"_config.icon\"></span>\r\n    <strong class=\"me-auto\">{{this._config.header}}</strong>\r\n    <small *ngIf=\"_config.hint\">{{_config.hint}}</small>\r\n    <button *ngIf=\"_config?.closeButton == undefined || _config?.closeButton\"\r\n            type=\"button\"\r\n            class=\"btn-close\"\r\n            aria-label=\"Close\"\r\n            (click)=\"toastRef.close()\">\r\n    </button>\r\n    }\r\n</div>\r\n\r\n<div class=\"toast-body\" *ngIf=\"this._config.body\">\r\n    @if(_hasBodyTemplate) {\r\n    <ng-container [ngTemplateOutlet]=\"$any(_config.body)\"></ng-container>\r\n    }@else {\r\n    {{this._config.body}}\r\n    }\r\n</div>","import { Overlay } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { Injectable, Injector } from '@angular/core';\r\nimport { ToastComponent } from './toast.component';\r\nimport { ToastConfig } from './types';\r\nimport { ToastRef } from './toast-ref';\r\n\r\n\r\n/**\r\n * Service for displaying toast notifications in the application.\r\n *\r\n * The `ToastService` provides methods to open toast messages with customizable content,\r\n * header, style, position, and duration. It manages the lifecycle of toast notifications,\r\n * ensuring only one toast is visible at a time.\r\n *\r\n * @example\r\n * // Open a simple toast\r\n * toastService.open('Message body', 'Header', 'success');\r\n *\r\n * @example\r\n * // Open a toast with configuration\r\n * toastService.open({\r\n *   body: 'Message body',\r\n *   header: 'Header',\r\n *   style: 'success',\r\n *   verticalPosition: 'bottom',\r\n *   horizontalPosition: 'end',\r\n *   duration: 5000\r\n * });\r\n *\r\n * @remarks\r\n * - Only one toast can be displayed at a time; opening a new toast closes the previous one.\r\n * - The toast will automatically close after the specified duration (default: 3000ms).\r\n *\r\n * @publicApi\r\n */\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class ToastService {\r\n  private _toastRef?: ToastRef;\r\n\r\n  constructor(private _overlayService: Overlay, private _injector: Injector) { }\r\n\r\n  open(body: string, header?: string, style?: string): ToastRef;\r\n  open(config: ToastConfig): ToastRef;\r\n  open(p: any): ToastRef {\r\n    if (this._toastRef) {\r\n      this._toastRef.close();\r\n    }\r\n\r\n    const config: ToastConfig =\r\n      typeof p === 'object' ? p :\r\n        { body: arguments[0], header: arguments[1], style: arguments[2] } as ToastConfig;\r\n\r\n    var portal = new ComponentPortal(ToastComponent, null, this._injector);\r\n\r\n    // Position\r\n    var vertical = config.verticalPosition ?? 'top';\r\n    var horizontal = config.horizontalPosition ?? 'center';\r\n    var posStrategy = this._overlayService.position().global();\r\n    const padding = '1rem';\r\n\r\n    switch (vertical) {\r\n      case 'top':\r\n        posStrategy = posStrategy.top(padding)\r\n        break;\r\n      case 'bottom':\r\n        posStrategy = posStrategy.bottom(padding)\r\n        break;\r\n    }\r\n\r\n    switch (horizontal) {\r\n      case 'center':\r\n        posStrategy = posStrategy.centerHorizontally();\r\n        break;\r\n      case 'end':\r\n        posStrategy = posStrategy.end(padding);\r\n        break;\r\n      case 'start':\r\n        posStrategy = posStrategy.start(padding);\r\n        break;\r\n    }\r\n\r\n    var overlayRef = this._overlayService.create({\r\n      positionStrategy: posStrategy,\r\n    });\r\n\r\n    var componentRef = overlayRef.attach(portal);\r\n    componentRef.instance.toastRef = this._toastRef = new ToastRef(config, overlayRef);\r\n\r\n    setTimeout(() => {\r\n      this._toastRef?.close();\r\n    }, config?.duration ?? 3000);\r\n\r\n    return this._toastRef;\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":";;;;;;;;;;MAIa,QAAQ,CAAA;AAKW,IAAA,MAAA;AAA6B,IAAA,UAAA;IAJjD,OAAO,GAAG,IAAI;AACd,IAAA,cAAc,GAAG,IAAI,OAAO,EAAO;AACpC,IAAA,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE;IAElD,WAAA,CAA4B,MAAmB,EAAU,UAAsB,EAAA;QAAnD,IAAA,CAAA,MAAM,GAAN,MAAM;QAAuB,IAAA,CAAA,UAAU,GAAV,UAAU;IACnE;AAEA,IAAA,IAAW,MAAM,GAAA;QACb,OAAO,IAAI,CAAC,OAAO;IACvB;IAEO,KAAK,GAAA;AACR,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3B,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;YAGpB,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,IAAG;AACrB,gBAAA,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE;AACxB,gBAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;AAC7B,YAAA,CAAC,CAAC;QACN;IACJ;AACH;;MCCY,cAAc,CAAA;AAQX,IAAA,kBAAA;AACA,IAAA,SAAA;AACA,IAAA,WAAA;AACA,IAAA,WAAA;AAVL,IAAA,QAAQ;AACL,IAAA,OAAO;IACe,KAAK,GAAG,IAAI;AAClC,IAAA,gBAAgB;AAChB,IAAA,kBAAkB;AAE5B,IAAA,WAAA,CACY,kBAAqC,EACrC,SAAoB,EACpB,WAAuB,EACvB,WAAuB,EAAA;QAHvB,IAAA,CAAA,kBAAkB,GAAlB,kBAAkB;QAClB,IAAA,CAAA,SAAS,GAAT,SAAS;QACT,IAAA,CAAA,WAAW,GAAX,WAAW;QACX,IAAA,CAAA,WAAW,GAAX,WAAW;IAEvB;IAEA,QAAQ,GAAA;QACJ,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM;QACnC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,YAAY,WAAW;QACpE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,YAAY,WAAW;QAEhE,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,SAAS;AAC3C,QAAA,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA,QAAA,EAAW,KAAK,CAAA,CAAE,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;AAC9G,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAG;AAC1E,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,YAAA,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;AAC1C,QAAA,CAAC,CAAC;IACN;wGA1BS,cAAc,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,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,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC7B3B,04BAsBM,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDRE,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,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,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,CAAA,EAAA,UAAA,EAEJ;YACR,OAAO,CAAC,MAAM,EAAE;gBACZ,UAAU,CAAC,QAAQ,EAAE;oBACjB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AAC9C,oBAAA,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;iBACjE,CAAC;AACF,gBAAA,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAC;gBAC9D,UAAU,CAAC,eAAe,EAAE;oBACxB,OAAO,CAAC,KAAK,CAAC;iBACjB,CAAC;aACL,CAAC;AACL,SAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAEQ,cAAc,EAAA,UAAA,EAAA,CAAA;kBAtB1B,SAAS;+BACI,WAAW,EAAA,QAAA,EACX,UAAU,EAAA,UAAA,EAER,IAAI,mBACC,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACL,YAAY;qBACf,EAAA,UAAA,EACW;wBACR,OAAO,CAAC,MAAM,EAAE;4BACZ,UAAU,CAAC,QAAQ,EAAE;gCACjB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AAC9C,gCAAA,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;6BACjE,CAAC;AACF,4BAAA,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAC;4BAC9D,UAAU,CAAC,eAAe,EAAE;gCACxB,OAAO,CAAC,KAAK,CAAC;6BACjB,CAAC;yBACL,CAAC;AACL,qBAAA,EAAA,QAAA,EAAA,04BAAA,EAAA;;sBAKA,WAAW;uBAAC,OAAO;;;AExBxB;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;MAIU,YAAY,CAAA;AAGH,IAAA,eAAA;AAAkC,IAAA,SAAA;AAF9C,IAAA,SAAS;IAEjB,WAAA,CAAoB,eAAwB,EAAU,SAAmB,EAAA;QAArD,IAAA,CAAA,eAAe,GAAf,eAAe;QAAmB,IAAA,CAAA,SAAS,GAAT,SAAS;IAAc;AAI7E,IAAA,IAAI,CAAC,CAAM,EAAA;AACT,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;QACxB;QAEA,MAAM,MAAM,GACV,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC;YACvB,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAiB;AAEpF,QAAA,IAAI,MAAM,GAAG,IAAI,eAAe,CAAC,cAAc,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;;AAGtE,QAAA,IAAI,QAAQ,GAAG,MAAM,CAAC,gBAAgB,IAAI,KAAK;AAC/C,QAAA,IAAI,UAAU,GAAG,MAAM,CAAC,kBAAkB,IAAI,QAAQ;QACtD,IAAI,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE;QAC1D,MAAM,OAAO,GAAG,MAAM;QAEtB,QAAQ,QAAQ;AACd,YAAA,KAAK,KAAK;AACR,gBAAA,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC;gBACtC;AACF,YAAA,KAAK,QAAQ;AACX,gBAAA,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC;gBACzC;;QAGJ,QAAQ,UAAU;AAChB,YAAA,KAAK,QAAQ;AACX,gBAAA,WAAW,GAAG,WAAW,CAAC,kBAAkB,EAAE;gBAC9C;AACF,YAAA,KAAK,KAAK;AACR,gBAAA,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC;gBACtC;AACF,YAAA,KAAK,OAAO;AACV,gBAAA,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC;gBACxC;;AAGJ,QAAA,IAAI,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;AAC3C,YAAA,gBAAgB,EAAE,WAAW;AAC9B,SAAA,CAAC;QAEF,IAAI,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC;AAC5C,QAAA,YAAY,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC;QAElF,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE;AACzB,QAAA,CAAC,EAAE,MAAM,EAAE,QAAQ,IAAI,IAAI,CAAC;QAE5B,OAAO,IAAI,CAAC,SAAS;IACvB;wGAzDW,YAAY,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,QAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,cAFX,MAAM,EAAA,CAAA;;4FAEP,YAAY,EAAA,UAAA,EAAA,CAAA;kBAHxB,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;ACtCD;;AAEG;;;;"}
+{"version":3,"file":"bootkit-ng0-components-toast.mjs","sources":["../../../projects/ng0/components/toast/toast-ref.ts","../../../projects/ng0/components/toast/toast.component.ts","../../../projects/ng0/components/toast/toast.component.html","../../../projects/ng0/components/toast/toast.service.ts","../../../projects/ng0/components/toast/bootkit-ng0-components-toast.ts"],"sourcesContent":["import { OverlayRef } from \"@angular/cdk/overlay\";\r\nimport { Subject, timer } from \"rxjs\";\r\nimport { ToastConfig } from \"./types\";\r\n\r\nexport class ToastRef {\r\n    private _isOpen = true;\r\n    private _closedSubject = new Subject<any>();\r\n    public closed = this._closedSubject.asObservable();\r\n\r\n    constructor(public readonly config: ToastConfig, private overlayRef: OverlayRef) {\r\n    }\r\n\r\n    public get isOpen() {\r\n        return this._isOpen;\r\n    }\r\n\r\n    public close() {\r\n        if (this._isOpen) {\r\n            this._closedSubject.next(0);\r\n            this._isOpen = false;\r\n\r\n            // Wait to ':leave' animation is done and then dispose the overlay\r\n            timer(100).subscribe(x => {\r\n                this.overlayRef.detach();\r\n                this.overlayRef.dispose();\r\n            });\r\n        }\r\n    }\r\n}\r\n","import { trigger, style, transition, animate, state } from '@angular/animations';\r\nimport { Component, OnInit, ChangeDetectionStrategy, DestroyRef, ChangeDetectorRef, HostBinding, Renderer2, ElementRef, TemplateRef } from '@angular/core';\r\nimport { ToastConfig } from './types';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastRef } from './toast-ref';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\n@Component({\r\n    selector: 'ng0-toast',\r\n    exportAs: 'ng0Toast',\r\n    templateUrl: 'toast.component.html',\r\n    standalone: true,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [\r\n        CommonModule,\r\n    ],\r\n    animations: [\r\n        trigger('host', [\r\n            transition(':enter', [\r\n                style({ opacity: 0, transform: 'scale(.85)' }),\r\n                animate('.1s', style({ opacity: '1', transform: 'scale(1)' })),\r\n            ]),\r\n            state('false', style({ opacity: 0, transform: 'scale(.85)' })),\r\n            transition('true => false', [\r\n                animate('.1s'),\r\n            ]),\r\n        ]),\r\n    ],\r\n})\r\nexport class ToastComponent implements OnInit {\r\n    public toastRef!: ToastRef;\r\n    protected _config!: ToastConfig;\r\n    @HostBinding('@host') protected _show = true;\r\n    protected _hasBodyTemplate!: boolean;\r\n    protected _hasHeaderTemplate!: boolean;\r\n\r\n    constructor(\r\n        private _changeDetectorRef: ChangeDetectorRef,\r\n        private _renderer: Renderer2,\r\n        private _elementRef: ElementRef,\r\n        private _destroyRef: DestroyRef) {\r\n            \r\n    }\r\n\r\n    ngOnInit(): void {\r\n        this._config = this.toastRef.config;\r\n        this._hasHeaderTemplate = this._config.header instanceof TemplateRef;\r\n        this._hasBodyTemplate = this._config.body instanceof TemplateRef;\r\n        \r\n        let style = this._config.style ?? 'success';\r\n        ['toast', 'show', `text-bg-${style}`].forEach(x => this._renderer.addClass(this._elementRef.nativeElement, x));\r\n        this.toastRef.closed.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(x => {\r\n            this._show = false;\r\n            this._changeDetectorRef.markForCheck();\r\n        })\r\n    }\r\n}\r\n","<div class=\"toast-header\" *ngIf=\"this._config.header\">\r\n    @if(_hasHeaderTemplate) {\r\n    <ng-container [ngTemplateOutlet]=\"$any(_config.header)\"></ng-container>\r\n    }@else {\r\n    <span *ngIf=\"_config.icon\" class=\"me-2\" [ngClass]=\"_config.icon\"></span>\r\n    <strong class=\"me-auto\">{{this._config.header}}</strong>\r\n    <small *ngIf=\"_config.hint\">{{_config.hint}}</small>\r\n    <button *ngIf=\"_config?.closeButton == undefined || _config?.closeButton\"\r\n            type=\"button\"\r\n            class=\"btn-close\"\r\n            aria-label=\"Close\"\r\n            (click)=\"toastRef.close()\">\r\n    </button>\r\n    }\r\n</div>\r\n\r\n<div class=\"toast-body\" *ngIf=\"this._config.body\">\r\n    @if(_hasBodyTemplate) {\r\n    <ng-container [ngTemplateOutlet]=\"$any(_config.body)\"></ng-container>\r\n    }@else {\r\n    {{this._config.body}}\r\n    }\r\n</div>","import { Overlay } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { Injectable, Injector } from '@angular/core';\r\nimport { ToastComponent } from './toast.component';\r\nimport { ToastConfig } from './types';\r\nimport { ToastRef } from './toast-ref';\r\n\r\n\r\n/**\r\n * Service for displaying toast notifications in the application.\r\n *\r\n * The `ToastService` provides methods to open toast messages with customizable content,\r\n * header, style, position, and duration. It manages the lifecycle of toast notifications,\r\n * ensuring only one toast is visible at a time.\r\n *\r\n * @example\r\n * // Open a simple toast\r\n * toastService.open('Message body', 'Header', 'success');\r\n *\r\n * @example\r\n * // Open a toast with configuration\r\n * toastService.open({\r\n *   body: 'Message body',\r\n *   header: 'Header',\r\n *   style: 'success',\r\n *   verticalPosition: 'bottom',\r\n *   horizontalPosition: 'end',\r\n *   duration: 5000\r\n * });\r\n *\r\n * @remarks\r\n * - Only one toast can be displayed at a time; opening a new toast closes the previous one.\r\n * - The toast will automatically close after the specified duration (default: 3000ms).\r\n *\r\n * @publicApi\r\n */\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class ToastService {\r\n  private _toastRef?: ToastRef;\r\n\r\n  constructor(private _overlayService: Overlay, private _injector: Injector) { }\r\n\r\n  open(body: string, header?: string, style?: string): ToastRef;\r\n  open(config: ToastConfig): ToastRef;\r\n  open(p: any): ToastRef {\r\n    if (this._toastRef) {\r\n      this._toastRef.close();\r\n    }\r\n\r\n    const config: ToastConfig =\r\n      typeof p === 'object' ? p :\r\n        { body: arguments[0], header: arguments[1], style: arguments[2] } as ToastConfig;\r\n\r\n    var portal = new ComponentPortal(ToastComponent, null, this._injector);\r\n\r\n    // Position\r\n    var vertical = config.verticalPosition ?? 'top';\r\n    var horizontal = config.horizontalPosition ?? 'center';\r\n    var posStrategy = this._overlayService.position().global();\r\n    const padding = '1rem';\r\n\r\n    switch (vertical) {\r\n      case 'top':\r\n        posStrategy = posStrategy.top(padding)\r\n        break;\r\n      case 'bottom':\r\n        posStrategy = posStrategy.bottom(padding)\r\n        break;\r\n    }\r\n\r\n    switch (horizontal) {\r\n      case 'center':\r\n        posStrategy = posStrategy.centerHorizontally();\r\n        break;\r\n      case 'end':\r\n        posStrategy = posStrategy.end(padding);\r\n        break;\r\n      case 'start':\r\n        posStrategy = posStrategy.start(padding);\r\n        break;\r\n    }\r\n\r\n    var overlayRef = this._overlayService.create({\r\n      positionStrategy: posStrategy,\r\n    });\r\n\r\n    var componentRef = overlayRef.attach(portal);\r\n    componentRef.instance.toastRef = this._toastRef = new ToastRef(config, overlayRef);\r\n\r\n    setTimeout(() => {\r\n      this._toastRef?.close();\r\n    }, config?.duration ?? 3000);\r\n\r\n    return this._toastRef;\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

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

@@ -33,10 +33,10 @@ class TooltipWrapperComponent {
         this.hasTemplate = content instanceof TemplateRef;
         this.changeDetectorRef.markForCheck();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TooltipWrapperComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.11", type: TooltipWrapperComponent, isStandalone: true, selector: "ng0-tooltip-wrapper", host: { properties: { "class.bs-tooltip-top": "placement == \"top\"", "class.bs-tooltip-bottom": "placement == \"bottom\"", "class.bs-tooltip-start": "placement == \"start\"", "class.bs-tooltip-end": "placement == \"end\"" } }, exportAs: ["ng0TooltipWrapper"], ngImport: i0, template: "<div class=\"tooltip-arrow\"></div>\r\n<div class=\"tooltip-inner\">\r\n    @if(hasTemplate) {\r\n    <ng-container [ngTemplateOutlet]=\"$any(content)\"></ng-container>\r\n    }@else{\r\n    {{content}}\r\n    }\r\n</div>", styles: [":host{position:relative;padding:var(--bs-tooltip-arrow-height)}:host .tooltip-arrow{position:absolute}:host.bs-tooltip-top .tooltip-arrow{bottom:0;left:calc(50% - var(--bs-tooltip-arrow-width) / 2)}:host.bs-tooltip-bottom .tooltip-arrow{top:0;left:calc(50% - var(--bs-tooltip-arrow-width) / 2)}:host.bs-tooltip-start .tooltip-arrow{right:0;top:calc(50% - var(--bs-tooltip-arrow-width) / 2)}[dir=rtl] :host.bs-tooltip-start .tooltip-arrow{right:unset!important;left:0;transform:rotate(180deg)}:host.bs-tooltip-end .tooltip-arrow{left:0;top:calc(50% - var(--bs-tooltip-arrow-width) / 2)}[dir=rtl] :host.bs-tooltip-end .tooltip-arrow{left:unset!important;right:0;transform:rotate(180deg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TooltipWrapperComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: TooltipWrapperComponent, isStandalone: true, selector: "ng0-tooltip-wrapper", host: { properties: { "class.bs-tooltip-top": "placement == \"top\"", "class.bs-tooltip-bottom": "placement == \"bottom\"", "class.bs-tooltip-start": "placement == \"start\"", "class.bs-tooltip-end": "placement == \"end\"" } }, exportAs: ["ng0TooltipWrapper"], ngImport: i0, template: "<div class=\"tooltip-arrow\"></div>\r\n<div class=\"tooltip-inner\">\r\n    @if(hasTemplate) {\r\n    <ng-container [ngTemplateOutlet]=\"$any(content)\"></ng-container>\r\n    }@else{\r\n    {{content}}\r\n    }\r\n</div>", styles: [":host{position:relative;padding:var(--bs-tooltip-arrow-height)}:host .tooltip-arrow{position:absolute}:host.bs-tooltip-top .tooltip-arrow{bottom:0;left:calc(50% - var(--bs-tooltip-arrow-width) / 2)}:host.bs-tooltip-bottom .tooltip-arrow{top:0;left:calc(50% - var(--bs-tooltip-arrow-width) / 2)}:host.bs-tooltip-start .tooltip-arrow{right:0;top:calc(50% - var(--bs-tooltip-arrow-width) / 2)}[dir=rtl] :host.bs-tooltip-start .tooltip-arrow{right:unset!important;left:0;transform:rotate(180deg)}:host.bs-tooltip-end .tooltip-arrow{left:0;top:calc(50% - var(--bs-tooltip-arrow-width) / 2)}[dir=rtl] :host.bs-tooltip-end .tooltip-arrow{left:unset!important;right:0;transform:rotate(180deg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng0-tooltip-wrapper', exportAs: 'ng0TooltipWrapper', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], host: {
                         '[class.bs-tooltip-top]': 'placement == "top"',
@@ -115,10 +115,10 @@ class TooltipDirective {
     ngOnDestroy() {
         this.disposeOverlay();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TooltipDirective, deps: [{ token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.DestroyRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.11", type: TooltipDirective, isStandalone: true, selector: "[ng0Tooltip]", inputs: { content: { classPropertyName: "content", publicName: "ng0Tooltip", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, exportAs: ["ng0Tooltip"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TooltipDirective, deps: [{ token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.DestroyRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: TooltipDirective, isStandalone: true, selector: "[ng0Tooltip]", inputs: { content: { classPropertyName: "content", publicName: "ng0Tooltip", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, exportAs: ["ng0Tooltip"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ng0Tooltip]',