@ncim/sdk 0.2.7 → 0.2.8

package/fesm2022/{ncim-sdk-ncim-sdk-DPJwZ1er.mjs → ncim-sdk-ncim-sdk-Bx5Cb8t7.mjs}

@@ -58,7 +58,7 @@ import * as i1$6 from 'primeng/accordion';
 import { AccordionModule } from 'primeng/accordion';
 import { ENVIRONMENT as ENVIRONMENT$2 } from './ncim-sdk-core.mjs';
 import { LocalizedDatePipe as LocalizedDatePipe$2 } from './ncim-sdk-core.mjs';
-import * as i5 from 'primeng/tooltip';
+import * as i6 from 'primeng/tooltip';
 import { Tooltip as Tooltip$1, TooltipModule } from 'primeng/tooltip';
 import { AuthLayout as AuthLayout$1 } from './ncim-sdk-ui.mjs';
 import { Spinner as Spinner$1 } from './ncim-sdk-ui.mjs';
@@ -78,13 +78,12 @@ import { ContentBlock as ContentBlock$1 } from './ncim-sdk-ui.mjs';
 import { Card as Card$1 } from './ncim-sdk-ui.mjs';
 import { SupportContactCard } from './ncim-sdk-ui.mjs';
 import { Accordion as Accordion$1 } from './ncim-sdk-ui.mjs';
-import { Button as Button$2, ButtonModule } from 'primeng/button';
+import * as i4$1 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
 import * as i2$3 from 'primeng/table';
 import { TableModule } from 'primeng/table';
 import { ToggleSwitch } from 'primeng/toggleswitch';
-import { DgaTag as DgaTag$1 } from './ncim-sdk-ui.mjs';
-import { EmptyState as EmptyState$1 } from './ncim-sdk-ui.mjs';
-import * as i6 from 'primeng/menu';
+import * as i7 from 'primeng/menu';
 import { MenuModule } from 'primeng/menu';
 import * as i1$9 from 'primeng/drawer';
 import { DrawerModule } from 'primeng/drawer';
@@ -120,6 +119,7 @@ import { ArticlePage as ArticlePage$1 } from './ncim-sdk-ui.mjs';
 import { GridTable as GridTable$1 } from './ncim-sdk-ui.mjs';
 import { ColumnsEnum as ColumnsEnum$1 } from './ncim-sdk-ui.mjs';
 import { FilterForm as FilterForm$1 } from './ncim-sdk-ui.mjs';
+import { EmptyState as EmptyState$1 } from './ncim-sdk-ui.mjs';
 import { ViolationTimeline as ViolationTimeline$1 } from './ncim-sdk-ui.mjs';
 import { FeedbackSection as FeedbackSection$1 } from './ncim-sdk-ui.mjs';
 import { InfoRow as InfoRow$1 } from './ncim-sdk-ui.mjs';
@@ -9325,7 +9325,7 @@ class GridTable {
         const rows = event.rows ?? this.rows();
         const page = Math.floor(first / rows) + 1;
         const last = this.lastPageEvent;
-        if (last && last.page === page && last.rows === rows && last.first === first) {
+        if (last?.page === page && last?.rows === rows && last?.first === first) {
             return;
         }
         this.lastPageEvent = { first, rows, page };
@@ -9350,14 +9350,13 @@ class GridTable {
         return action.type === 'menu';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GridTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GridTable, isStandalone: true, selector: "ncim-grid-table", inputs: { showSelect: { classPropertyName: "showSelect", publicName: "showSelect", isSignal: true, isRequired: false, transformFunction: null }, btnLabel: { classPropertyName: "btnLabel", publicName: "btnLabel", isSignal: true, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: true, isRequired: false, transformFunction: null }, searchPipeKey: { classPropertyName: "searchPipeKey", publicName: "searchPipeKey", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, showAddButton: { classPropertyName: "showAddButton", publicName: "showAddButton", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingDelay: { classPropertyName: "loadingDelay", publicName: "loadingDelay", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, tableMinWidth: { classPropertyName: "tableMinWidth", publicName: "tableMinWidth", isSignal: true, isRequired: false, transformFunction: null }, emptyStateIcon: { classPropertyName: "emptyStateIcon", publicName: "emptyStateIcon", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTitleKey: { classPropertyName: "emptyStateTitleKey", publicName: "emptyStateTitleKey", isSignal: true, isRequired: false, transformFunction: null }, emptyStateSubtitleKey: { classPropertyName: "emptyStateSubtitleKey", publicName: "emptyStateSubtitleKey", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, sortField: { classPropertyName: "sortField", publicName: "sortField", isSignal: true, isRequired: false, transformFunction: null }, sortOrder: { classPropertyName: "sortOrder", publicName: "sortOrder", isSignal: true, isRequired: false, transformFunction: null }, rowRoute: { classPropertyName: "rowRoute", publicName: "rowRoute", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedItems: "selectedItemsChange", addActionEvent: "addActionEvent", searchQuery: "searchQuery", selectItems: "selectItems", sortChange: "sortChange", pageChange: "pageChange" }, providers: [MessageService], queries: [{ propertyName: "customColumnTemplates", predicate: CustomColsDirective, isSignal: true }], ngImport: i0, template: "@if (normalizedColumns().length) {\n  @if (showSkeleton()) {\n    <div class=\"grid-table\">\n      <table class=\"grid-table__skeleton-table\">\n        <thead>\n          <tr>\n            @if (showSelect()) {\n              <th class=\"grid-table__th\">\n                <ncim-skeleton variant=\"rectangular\" [width]=\"'20px'\" [height]=\"'20px'\" />\n              </th>\n            }\n            @for (col of normalizedColumns(); track $index) {\n              <th class=\"grid-table__th\">\n                <ncim-skeleton variant=\"text\" [width]=\"'80px'\" [height]=\"'20px'\" />\n              </th>\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of skeletonRows(); track $index) {\n            <tr class=\"grid-table__row\">\n              @if (showSelect()) {\n                <td class=\"grid-table__td\">\n                  <ncim-skeleton variant=\"rectangular\" [width]=\"'20px'\" [height]=\"'20px'\" />\n                </td>\n              }\n              @for (col of normalizedColumns(); track $index) {\n                <td class=\"grid-table__td\">\n                  <ncim-skeleton variant=\"text\" [width]=\"colWidth($index)\" [height]=\"'16px'\" />\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  } @else {\n    <div class=\"grid-table\">\n      <!-- Rows-per-page dropdown appended to body so it is not clipped by overflow/scroll containers -->\n      <p-table\n        #dt1\n        [value]=\"data()\"\n        [tableStyle]=\"{ 'min-width': tableMinWidth() }\"\n        paginatorDropdownAppendTo=\"body\"\n        [paginator]=\"showPaginator()\"\n        [lazy]=\"lazy()\"\n        [totalRecords]=\"lazy() ? totalRecords() : data().length\"\n        [first]=\"first()\"\n        [rows]=\"rows()\"\n        [globalFilterFields]=\"globalFilterFields()\"\n        [(selection)]=\"selectedItems\"\n        (selectionChange)=\"onSelectChange($event)\"\n        (onPage)=\"!lazy() && onPage($event)\"\n        (onLazyLoad)=\"lazy() && onLazyLoad($event)\"\n        [selectionPageOnly]=\"true\"\n        [showFirstLastIcon]=\"false\"\n        [customSort]=\"true\"\n        [sortField]=\"sortField() ?? ''\"\n        [sortOrder]=\"primeNgSortOrder()\"\n        (onSort)=\"onTableSort($event)\"\n      >\n        <ng-template pTemplate=\"sorticon\" let-sortOrder>\n          @switch (sortOrder) {\n            @case (0) {\n              <ncim-icon name=\"sort-direction\" [size]=\"16\"></ncim-icon>\n            }\n            @case (1) {\n              <ncim-icon name=\"sort-up\" [size]=\"16\"></ncim-icon>\n            }\n            @case (-1) {\n              <ncim-icon name=\"sort-down\" [size]=\"16\"></ncim-icon>\n            }\n          }\n        </ng-template>\n\n        @if (showAddButton()) {\n          <ng-template #caption>\n            <div class=\"grid-table__caption\">\n              <p-button severity=\"success\" [label]=\"btnLabel() | translate\" icon=\"pi pi-plus\" size=\"small\" (click)=\"addActionEmit()\" />\n            </div>\n          </ng-template>\n        }\n\n        <ng-template #header>\n          <tr>\n            @if (showSelect()) {\n              <th class=\"grid-table__th\">\n                <p-tableHeaderCheckbox />\n              </th>\n            }\n\n            @for (column of normalizedColumns(); track $index) {\n              <th class=\"grid-table__th\" [pSortableColumn]=\"column.field\">\n                <div class=\"d-flex justify-content-between\">\n                  {{ column.header | translate }}\n                  @if (column.isSorted) {\n                    <p-sortIcon [field]=\"column.field\"></p-sortIcon>\n                  }\n                </div>\n              </th>\n            }\n          </tr>\n        </ng-template>\n\n        <ng-template #body let-row>\n          <tr class=\"grid-table__row\" [class.grid-table__row--clickable]=\"hasRowRoute()\" (click)=\"onRowClick(row, $event)\">\n            @if (showSelect()) {\n              <td class=\"grid-table__td\">\n                <p-tableCheckbox [value]=\"row\" />\n              </td>\n            }\n\n            @for (column of normalizedColumns(); track $index) {\n              <td class=\"grid-table__td\" [style]=\"column.cssStyle\" [class.grid-table__td--status]=\"column.type === ColumnsEnum.STATUS\">\n                @switch (column.type) {\n                  @case (ColumnsEnum.TEXT) {\n                    {{ (column.cellValue ? column.cellValue(row) : (row | nestedValue: column.field)) | translate }}\n                  }\n\n                  @case (ColumnsEnum.MULTILINE) {\n                    <div class=\"grid-table__multiline\">\n                      @if (column.display) {\n                        <!--\n                        NOTE: If column.display(row) returns an already-rendered HTML string\n                        you are responsible for translating inside that function.\n                        If it returns a plain translation key, use the translate pipe instead of innerHTML.\n                      -->\n                        <div [innerHTML]=\"column.display(row)\"></div>\n                      } @else {\n                        {{ (column.cellValue ? column.cellValue(row) : (row | nestedValue: column.field)) | translate }}\n                      }\n                    </div>\n                  }\n\n                  @case (ColumnsEnum.DATE) {\n                    <span class=\"date\">{{\n                      (column.cellValue ? column.cellValue(row) : (row | nestedValue: column.field))\n                        | localizedDate: column.pipeArgs || 'long'\n                    }}</span>\n                  }\n\n                  @case (ColumnsEnum.HASH_ID) {\n                    <span class=\"hash-id\">#{{ column.cellValue ? column.cellValue(row) : (row | nestedValue: column.field) }}</span>\n                  }\n\n                  @case (ColumnsEnum.BADGE) {\n                    <!--\n                    Badge pill \u2014 expects column.getBadgeColor?(row) to return a hex/CSS color.\n                    The pill background is auto-derived as a 15%-opacity tint of that color.\n                    Usage in column config:\n                      type: ColumnsEnum.BADGE,\n                      getBadgeColor: (row) => row.statusColor,   // e.g. '#B91C1C'\n                      cellValue: (row) => row.statusLabel        // translation key or translated string\n                  -->\n                    <div class=\"grid-table__badge-pill\" [style.--badge-color]=\"column.getBadgeColor?.(row)\">\n                      <span class=\"grid-table__badge-dot\"></span>\n                      <span class=\"grid-table__badge-label\">\n                        {{ (column.cellValue ? column.cellValue(row) : (row | nestedValue: column.field)) | translate }}\n                      </span>\n                    </div>\n                  }\n\n                  @case (ColumnsEnum.STATUS) {\n                    @let status = row | statusConfig: column.field : column.statusMap;\n                    @if (status.variant) {\n                      <ncim-dga-tag [variant]=\"status.variant\" [style]=\"'subtle'\" [size]=\"'sm'\" [ariaLabel]=\"status.label | translate\">\n                        {{ status.label | translate }}\n                      </ncim-dga-tag>\n                    } @else {\n                      <span\n                        class=\"grid-table__status\"\n                        [style.background]=\"status.bgColor ?? 'color-mix(in srgb, ' + (status.color ?? '') + ' 10%, transparent)'\"\n                        [style.color]=\"status.color\"\n                      >\n                        <span class=\"grid-table__status-dot\" [style.background-color]=\"status.color\"></span>\n                        {{ status.label | translate }}\n                      </span>\n                    }\n                  }\n\n                  @case (ColumnsEnum.PROGRESS) {\n                    <!--\n                    Progress bar \u2014 expects column.getProgress?(row) to return:\n                    {\n                      value: number,   // days remaining (current)\n                      max: number,     // total days\n                      color: string,   // bar fill color e.g. '#F97316'\n                      label: string    // translation key e.g. 'PROGRESS.DAYS_LEFT' or pre-translated string\n                    }\n                  -->\n                    @if (column.getProgress) {\n                      @let progress = column.getProgress(row);\n                      <div class=\"grid-table__progress-wrapper\">\n                        <div\n                          class=\"grid-table__progress-container\"\n                          [style.background]=\"'color-mix(in srgb, ' + progress.color + ' 10%, transparent)'\"\n                        >\n                          <div\n                            class=\"grid-table__progress-bar\"\n                            [style.width.%]=\"(progress.value / progress.max) * 100\"\n                            [style.background-color]=\"progress.color\"\n                          ></div>\n                        </div>\n                        <div class=\"grid-table__progress-label\">{{ progress.label | translate }}</div>\n                      </div>\n                    }\n                  }\n\n                  @case (ColumnsEnum.CUSTOM) {\n                    @if (getCustomTemplate(column.columnDef)) {\n                      <ng-container\n                        *ngTemplateOutlet=\"getCustomTemplate(column.columnDef); context: { $implicit: row, column: column }\"\n                      ></ng-container>\n                    } @else {\n                      <span class=\"text-muted\">No template found for {{ column.columnDef }}</span>\n                    }\n                  }\n\n                  @case (ColumnsEnum.TOGGLE) {\n                    <p-toggleswitch\n                      [ngModel]=\"row | nestedValue: column.field\"\n                      (onChange)=\"setNestedValue(row, column.field, $event.checked); column.onChange?.(row)\"\n                    />\n                  }\n\n                  @case (ColumnsEnum.CHECKBOX) {\n                    <p-checkbox\n                      [(ngModel)]=\"selectedItems\"\n                      (onChange)=\"column?.onChange?.(row, $event)\"\n                      [inputId]=\"row[searchPipeKey()]\"\n                      name=\"group\"\n                      [value]=\"row\"\n                    />\n                  }\n\n                  @case (ColumnsEnum.BUTTON) {\n                    <div class=\"grid-table__actions\">\n                      @for (action of column.actions; track $index) {\n                        @if (action.type === 'link') {\n                          <a\n                            [href]=\"action.link?.(row)\"\n                            class=\"grid-table__action-btn\"\n                            [class.grid-table__action-btn--icon-only]=\"action.iconOnly\"\n                            [class]=\"action.severity ? 'severity-' + action.severity : ''\"\n                            [pTooltip]=\"action.iconOnly ? (action.label | translate) : ''\"\n                            tooltipPosition=\"top\"\n                            target=\"_blank\"\n                          >\n                            @if (action.icon) {\n                              <ncim-icon [name]=\"action.icon\" [size]=\"20\" />\n                            }\n                            @if (!action.iconOnly) {\n                              <span>{{ action.label | translate }}</span>\n                            }\n                          </a>\n                        } @else if (action.type === 'command') {\n                          <button\n                            type=\"button\"\n                            class=\"grid-table__action-btn\"\n                            [class.grid-table__action-btn--icon-only]=\"action.iconOnly\"\n                            [class]=\"action.severity ? 'severity-' + action.severity : ''\"\n                            [pTooltip]=\"action.iconOnly ? (action.label | translate) : ''\"\n                            tooltipPosition=\"top\"\n                            (click)=\"action.command?.(row)\"\n                          >\n                            @if (action.icon) {\n                              <ncim-icon [name]=\"action.icon\" [size]=\"20\" />\n                            }\n                            @if (!action.iconOnly) {\n                              <span>{{ action.label | translate }}</span>\n                            }\n                          </button>\n                        }\n                      }\n                    </div>\n                  }\n\n                  @case (ColumnsEnum.MENU) {\n                    <div class=\"grid-table__actions\">\n                      @for (action of column.actions; track $index) {\n                        @if (action.type === 'menu') {\n                          <p-menu\n                            #menu\n                            [model]=\"buildMenuItems(action, row)\"\n                            [popup]=\"true\"\n                            appendTo=\"body\"\n                            [autoZIndex]=\"true\"\n                            [styleClass]=\"'table-actions'\"\n                          >\n                            <ng-template pTemplate=\"item\" let-item>\n                              <a pRipple class=\"grid-action cursor-pointer\" [class]=\"item.linkClass\">\n                                @if (item.icon) {\n                                  <ncim-icon [name]=\"item.icon\" [size]=\"16\" />\n                                }\n                                <span class=\"ms-2\">{{ item.label | translate }}</span>\n                              </a>\n                            </ng-template>\n                          </p-menu>\n                          <button\n                            type=\"button\"\n                            class=\"grid-table__action-btn grid-table__action-btn--menu\"\n                            [class.grid-table__action-btn--icon-only]=\"action.iconOnly\"\n                            [class]=\"action.severity ? 'severity-' + action.severity : ''\"\n                            [pTooltip]=\"action.iconOnly ? (action.label | translate) : ''\"\n                            tooltipPosition=\"top\"\n                            (click)=\"menu.toggle($event)\"\n                          >\n                            @if (action.icon) {\n                              <ncim-icon [name]=\"action.icon\" [size]=\"20\" />\n                            }\n                            @if (!action.iconOnly) {\n                              <span>{{ action.label | translate }}</span>\n                            }\n                          </button>\n                        }\n                      }\n                    </div>\n                  }\n                }\n              </td>\n            }\n          </tr>\n        </ng-template>\n\n        <ng-template #emptymessage>\n          <tr>\n            <td class=\"grid-table__empty\" [attr.colspan]=\"normalizedColumns().length\">\n              @if (error()) {\n                <ncim-empty-state titleKey=\"COMMON.LOAD_ERROR\" icon=\"error-state\" [compact]=\"true\" [iconSize]=\"120\" />\n              } @else if (emptyStateIcon() && emptyStateTitleKey()) {\n                <ncim-empty-state\n                  [titleKey]=\"emptyStateTitleKey()!\"\n                  [subtitleKey]=\"emptyStateSubtitleKey()\"\n                  [icon]=\"emptyStateIcon()!\"\n                  [compact]=\"true\"\n                  [iconSize]=\"120\"\n                />\n              } @else {\n                {{ 'COMMON.NO_DATA' | translate }}\n              }\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n  }\n}\n", styles: [":host{display:block;width:100%;min-width:0}.grid-table{width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.grid-table__caption{display:flex;align-items:center;justify-content:flex-end}.grid-table__th{background:var(--color-grid-header-bg)!important;color:var(--text-secondary-paragraph, #6c737f)!important;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;text-align:start;padding:var(--space-lg) var(--space-20)!important}.grid-table__td{position:relative;font-size:var(--grid-table-td-font-size, var(--font-size-sm));color:var(--grid-table-td-color, var(--color-text-default));vertical-align:middle;padding:var(--grid-table-td-padding, var(--space-sm) var(--space-16))!important;text-align:start;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='3'%3e%3cline x1='0' y1='1.5' x2='100%25' y2='1.5' stroke='%23E5E7EBFF' stroke-width='3' stroke-dasharray='6%2c14' stroke-linecap='square' /%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:bottom;background-size:100% 1px;font-weight:var(--grid-table-td-font-weight, var(--font-weight-regular));word-wrap:break-word;overflow-wrap:break-word;min-width:0}.grid-table__td .hash-id{unicode-bidi:plaintext;display:inline-block;color:var(--color-text-default);font-size:var(--font-size-md)}.grid-table__td .date{color:var(--text-primary-paragraph);font-weight:var(--font-weight-medium)}.grid-table__td:after{content:\"\";position:absolute;bottom:0;left:0;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='665' height='1' viewBox='0 0 665 1' fill='none'%3E%3Cline y1='0.5' x2='665' y2='0.5' stroke='%23e5e7eb' stroke-dasharray='6 6'/%3E%3C/svg%3E\");background-repeat:repeat-x;background-position:center;height:1px;width:100%}.grid-table__row{transition:background .15s ease}.grid-table__row:hover td{background:var(--color-grid-row-hover)!important}.grid-table__row--clickable{cursor:pointer}.grid-table__row--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.grid-table__badge-label{font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-semibold, 600);color:var(--badge-color, #6b7280);white-space:nowrap}.grid-table__multiline{line-height:1.5;max-width:250px}.grid-table__multiline ::ng-deep .primary{font-weight:var(--font-weight-medium);color:var(--color-grid-cell-text);margin-bottom:var(--space-xs)}.grid-table__multiline ::ng-deep .secondary{font-size:var(--font-size-xs);color:var(--color-grid-sub-text);font-weight:var(--font-weight-medium)}.grid-table__status{display:inline-flex;align-items:center;gap:var(--space-10);white-space:nowrap;font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);border-radius:50rem;font-size:var(--font-size-sm)}.grid-table__status-dot{width:var(--size-10);height:var(--size-10);border-radius:50%;flex-shrink:0}.grid-table__progress-wrapper{display:flex;flex-direction:column;gap:var(--space-xs, 4px);min-width:120px}.grid-table__progress-container{width:100%;height:var(--size-6, 6px);border-radius:var(--radius-3, 3px);overflow:hidden}.grid-table__progress-bar{height:100%;border-radius:var(--radius-3, 3px);transition:width .3s ease,background-color .3s ease}.grid-table__progress-label{font-size:var(--font-size-13, 13px);color:var(--color-grid-header-text, #6b7280);font-weight:var(--font-weight-medium, 500);text-align:start}.grid-table__action-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none}.grid-table__action-link:hover{text-decoration:underline}.grid-table__action-btn{font-size:var(--font-size-sm)!important;color:var(--color-grid-cell-subtle)!important}.grid-table__action-btn:hover{color:var(--color-grid-cell-hover)!important}.grid-table__empty{text-align:center;font-weight:var(--font-weight-medium);padding:var(--space-3xl) 0!important;color:var(--color-text-muted)}:host ::ng-deep .p-datatable{background:var(--color-white);border:none;overflow:hidden;width:100%}:host ::ng-deep .p-datatable-header{padding:var(--space-lg) var(--space-xl);background:var(--color-white);border-bottom:1px solid var(--color-grid-border-dashed)}:host ::ng-deep .p-datatable-thead>tr>th{padding:var(--space-lg) var(--space-xl);border:none}:host ::ng-deep .p-datatable-thead>tr>th .p-sortable-column-icon{color:var(--color-grid-cell-subtle);font-size:var(--font-size-xs)}:host ::ng-deep .p-datatable-tbody>tr>td{padding:var(--space-20) var(--space-20);border:none}:host ::ng-deep .p-datatable-tbody>tr{border-bottom:1px solid var(--color-grid-border-dashed)}:host ::ng-deep .p-datatable-tbody>tr:last-child{border-bottom:none}:host ::ng-deep .p-paginator{border:none;padding:var(--space-lg) var(--space-xl);justify-content:center;gap:var(--space-sm)}:host ::ng-deep .p-paginator-page{min-width:var(--size-24);height:var(--size-24);border-radius:var(--radius-4);color:var(--color-text-default);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm)}:host ::ng-deep .p-paginator-page:hover{background:var(--color-grid-pagination-bg)}:host ::ng-deep .p-paginator-page.p-highlight{background:var(--color-grid-pagination-active);color:var(--color-white);border-radius:var(--radius-5)}:host ::ng-deep .p-paginator-first,:host ::ng-deep .p-paginator-prev,:host ::ng-deep .p-paginator-next,:host ::ng-deep .p-paginator-last{min-width:var(--size-24);height:var(--size-24);border-radius:var(--radius-4);color:var(--color-icon-default)}:host ::ng-deep .p-paginator-first:hover,:host ::ng-deep .p-paginator-prev:hover,:host ::ng-deep .p-paginator-next:hover,:host ::ng-deep .p-paginator-last:hover{background:var(--color-grid-pagination-bg)}:host ::ng-deep .p-paginator-first .p-icon,:host ::ng-deep .p-paginator-prev .p-icon,:host ::ng-deep .p-paginator-next .p-icon,:host ::ng-deep .p-paginator-last .p-icon{width:var(--size-16);height:var(--size-16)}:host ::ng-deep .p-paginator-page-selected{position:relative;background-color:var(--color-grid-pagination-bg)!important}:host ::ng-deep .p-paginator-page-selected:after{position:absolute;content:\"\";inset-block-end:0;inset-inline-start:50;width:60%;height:3px;border-radius:50rem;background-color:var(--color-primary)}@media(max-width:1024px){.grid-table .grid-table__th{padding:var(--space-md) var(--space-md)!important;font-size:var(--font-size-xs)}.grid-table .grid-table__td{padding:var(--space-sm) var(--space-md)!important;font-size:var(--font-size-xs)}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{padding:var(--space-md) var(--space-md)!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:var(--space-md)!important}:host ::ng-deep .p-datatable-header{padding:var(--space-md) var(--space-lg)!important}:host ::ng-deep .p-paginator{padding:var(--space-md) var(--space-lg)!important}}@media(max-width:768px){.grid-table .grid-table__th,.grid-table .grid-table__td{padding:var(--space-sm) var(--space-md)!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:var(--space-sm) var(--space-md)!important}:host ::ng-deep .p-datatable-header,:host ::ng-deep .p-paginator{padding:var(--space-md) var(--space-lg)!important}}@media(max-width:600px){.grid-table .grid-table__th,.grid-table .grid-table__td{padding:var(--space-sm) var(--space-sm)!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:var(--space-sm)!important}:host ::ng-deep .p-datatable-header,:host ::ng-deep .p-paginator{padding:var(--space-md)!important}}@media(max-width:400px){.grid-table .grid-table__th,.grid-table .grid-table__td{padding:var(--space-xs) var(--space-sm)!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:var(--space-xs) var(--space-sm)!important}:host ::ng-deep .p-datatable-header,:host ::ng-deep .p-paginator{padding:var(--space-sm) var(--space-md)!important}}.cursor-pointer{cursor:pointer}.grid-table__skeleton-table{width:100%;min-width:60rem;border-collapse:collapse;background:var(--color-white)}.grid-table__skeleton-table .grid-table__th ncim-skeleton,.grid-table__skeleton-table .grid-table__td ncim-skeleton{display:block;max-width:100%}@media(max-width:1024px){.grid-table__skeleton-table{min-width:100%;table-layout:fixed}.grid-table__skeleton-table .grid-table__th,.grid-table__skeleton-table .grid-table__td{padding:var(--space-md) var(--space-md)!important}.grid-table__skeleton-table .grid-table__th ncim-skeleton,.grid-table__skeleton-table .grid-table__td ncim-skeleton{max-width:100%}}@media(max-width:768px){.grid-table__skeleton-table{min-width:100%;table-layout:fixed}.grid-table__skeleton-table .grid-table__th,.grid-table__skeleton-table .grid-table__td{padding:var(--space-sm) var(--space-md)!important}}@media(max-width:600px){.grid-table__skeleton-table{min-width:100%;table-layout:fixed}.grid-table__skeleton-table .grid-table__th,.grid-table__skeleton-table .grid-table__td{padding:var(--space-sm) var(--space-sm)!important}}@media(max-width:400px){.grid-table__skeleton-table{min-width:100%;table-layout:fixed}.grid-table__skeleton-table .grid-table__th,.grid-table__skeleton-table .grid-table__td{padding:var(--space-xs) var(--space-sm)!important}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: Button$2, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$3.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2$3.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: ToastModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i1$4.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: DgaTag$1, selector: "ncim-dga-tag", inputs: ["variant", "style", "size", "textDark", "ariaLabel"] }, { kind: "component", type: EmptyState$1, selector: "ncim-empty-state", inputs: ["titleKey", "title", "subtitleKey", "subtitle", "imageSrc", "imageAlt", "icon", "iconSize", "compact"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Icon$1, selector: "ncim-icon", inputs: ["name", "size", "height"] }, { kind: "component", type: Skeleton$1, selector: "ncim-skeleton", inputs: ["variant", "animation", "width", "height", "borderRadius", "count", "gap", "shrinkLastLine", "aspectRatio"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: MenuModule }, { kind: "component", type: i6.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex", "appendTo", "motionOptions"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: NestedValuePipe, name: "nestedValue" }, { kind: "pipe", type: StatusConfigPipe, name: "statusConfig" }, { kind: "pipe", type: LocalizedDatePipe$1, name: "localizedDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GridTable, isStandalone: true, selector: "ncim-grid-table", inputs: { showSelect: { classPropertyName: "showSelect", publicName: "showSelect", isSignal: true, isRequired: false, transformFunction: null }, btnLabel: { classPropertyName: "btnLabel", publicName: "btnLabel", isSignal: true, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: true, isRequired: false, transformFunction: null }, searchPipeKey: { classPropertyName: "searchPipeKey", publicName: "searchPipeKey", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, showAddButton: { classPropertyName: "showAddButton", publicName: "showAddButton", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingDelay: { classPropertyName: "loadingDelay", publicName: "loadingDelay", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, tableMinWidth: { classPropertyName: "tableMinWidth", publicName: "tableMinWidth", isSignal: true, isRequired: false, transformFunction: null }, emptyStateIcon: { classPropertyName: "emptyStateIcon", publicName: "emptyStateIcon", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTitleKey: { classPropertyName: "emptyStateTitleKey", publicName: "emptyStateTitleKey", isSignal: true, isRequired: false, transformFunction: null }, emptyStateSubtitleKey: { classPropertyName: "emptyStateSubtitleKey", publicName: "emptyStateSubtitleKey", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, sortField: { classPropertyName: "sortField", publicName: "sortField", isSignal: true, isRequired: false, transformFunction: null }, sortOrder: { classPropertyName: "sortOrder", publicName: "sortOrder", isSignal: true, isRequired: false, transformFunction: null }, rowRoute: { classPropertyName: "rowRoute", publicName: "rowRoute", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedItems: "selectedItemsChange", addActionEvent: "addActionEvent", searchQuery: "searchQuery", selectItems: "selectItems", sortChange: "sortChange", pageChange: "pageChange" }, providers: [MessageService], queries: [{ propertyName: "customColumnTemplates", predicate: CustomColsDirective, isSignal: true }], ngImport: i0, template: "@if (normalizedColumns().length) {\n  @if (showSkeleton()) {\n    <div class=\"grid-table\">\n      <table class=\"grid-table__skeleton-table\">\n        <thead>\n          <tr>\n            @if (showSelect()) {\n              <th class=\"grid-table__th\">\n                <ncim-skeleton variant=\"rectangular\" [width]=\"'20px'\" [height]=\"'20px'\" />\n              </th>\n            }\n            @for (col of normalizedColumns(); track $index) {\n              <th class=\"grid-table__th\">\n                <ncim-skeleton variant=\"text\" [width]=\"'80px'\" [height]=\"'20px'\" />\n              </th>\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of skeletonRows(); track $index) {\n            <tr class=\"grid-table__row\">\n              @if (showSelect()) {\n                <td class=\"grid-table__td\">\n                  <ncim-skeleton variant=\"rectangular\" [width]=\"'20px'\" [height]=\"'20px'\" />\n                </td>\n              }\n              @for (col of normalizedColumns(); track $index) {\n                <td class=\"grid-table__td\">\n                  <ncim-skeleton variant=\"text\" [width]=\"colWidth($index)\" [height]=\"'16px'\" />\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  } @else {\n    <div class=\"grid-table\">\n      <!-- Rows-per-page dropdown appended to body so it is not clipped by overflow/scroll containers -->\n      <p-table\n        #dt1\n        [value]=\"data()\"\n        [tableStyle]=\"{ 'min-width': tableMinWidth() }\"\n        paginatorDropdownAppendTo=\"body\"\n        [paginator]=\"showPaginator()\"\n        [lazy]=\"lazy()\"\n        [totalRecords]=\"lazy() ? totalRecords() : data().length\"\n        [first]=\"first()\"\n        [rows]=\"rows()\"\n        [globalFilterFields]=\"globalFilterFields()\"\n        [(selection)]=\"selectedItems\"\n        (selectionChange)=\"onSelectChange($event)\"\n        (onPage)=\"!lazy() && onPage($event)\"\n        (onLazyLoad)=\"lazy() && onLazyLoad($event)\"\n        [selectionPageOnly]=\"true\"\n        [showFirstLastIcon]=\"false\"\n        [customSort]=\"true\"\n        [sortField]=\"sortField() ?? ''\"\n        [sortOrder]=\"primeNgSortOrder()\"\n        (onSort)=\"onTableSort($event)\"\n      >\n        <ng-template pTemplate=\"sorticon\" let-sortOrder>\n          @switch (sortOrder) {\n            @case (0) {\n              <ncim-icon name=\"sort-direction\" [size]=\"16\"></ncim-icon>\n            }\n            @case (1) {\n              <ncim-icon name=\"sort-up\" [size]=\"16\"></ncim-icon>\n            }\n            @case (-1) {\n              <ncim-icon name=\"sort-down\" [size]=\"16\"></ncim-icon>\n            }\n          }\n        </ng-template>\n\n        @if (showAddButton()) {\n          <ng-template #caption>\n            <div class=\"grid-table__caption\">\n              <p-button severity=\"success\" [label]=\"btnLabel() | translate\" icon=\"pi pi-plus\" size=\"small\" (click)=\"addActionEmit()\" />\n            </div>\n          </ng-template>\n        }\n\n        <ng-template #header>\n          <tr>\n            @if (showSelect()) {\n              <th class=\"grid-table__th\">\n                <p-tableHeaderCheckbox />\n              </th>\n            }\n\n            @for (column of normalizedColumns(); track $index) {\n              <th class=\"grid-table__th\" [pSortableColumn]=\"column.field\">\n                <div class=\"d-flex justify-content-between\">\n                  {{ column.header | translate }}\n                  @if (column.isSorted) {\n                    <p-sortIcon [field]=\"column.field\"></p-sortIcon>\n                  }\n                </div>\n              </th>\n            }\n          </tr>\n        </ng-template>\n\n        <ng-template #body let-row>\n          <tr class=\"grid-table__row\" [class.grid-table__row--clickable]=\"hasRowRoute()\" (click)=\"onRowClick(row, $event)\">\n            @if (showSelect()) {\n              <td class=\"grid-table__td\">\n                <p-tableCheckbox [value]=\"row\" />\n              </td>\n            }\n\n            @for (column of normalizedColumns(); track $index) {\n              <td class=\"grid-table__td\" [style]=\"column.cssStyle\" [class.grid-table__td--status]=\"column.type === ColumnsEnum.STATUS\">\n                @switch (column.type) {\n                  @case (ColumnsEnum.TEXT) {\n                    {{ (column.cellValue ? column.cellValue(row) : (row | nestedValue: column.field)) | translate }}\n                  }\n\n                  @case (ColumnsEnum.MULTILINE) {\n                    <div class=\"grid-table__multiline\">\n                      @if (column.display) {\n                        <!--\n                        NOTE: If column.display(row) returns an already-rendered HTML string\n                        you are responsible for translating inside that function.\n                        If it returns a plain translation key, use the translate pipe instead of innerHTML.\n                      -->\n                        <div [innerHTML]=\"column.display(row)\"></div>\n                      } @else {\n                        {{ (column.cellValue ? column.cellValue(row) : (row | nestedValue: column.field)) | translate }}\n                      }\n                    </div>\n                  }\n\n                  @case (ColumnsEnum.DATE) {\n                    <span class=\"date\">{{\n                      (column.cellValue ? column.cellValue(row) : (row | nestedValue: column.field))\n                        | localizedDate: column.pipeArgs || 'long'\n                    }}</span>\n                  }\n\n                  @case (ColumnsEnum.HASH_ID) {\n                    <span class=\"hash-id\">#{{ column.cellValue ? column.cellValue(row) : (row | nestedValue: column.field) }}</span>\n                  }\n\n                  @case (ColumnsEnum.BADGE) {\n                    <!--\n                    Badge pill \u2014 expects column.getBadgeColor?(row) to return a hex/CSS color.\n                    The pill background is auto-derived as a 15%-opacity tint of that color.\n                    Usage in column config:\n                      type: ColumnsEnum.BADGE,\n                      getBadgeColor: (row) => row.statusColor,   // e.g. '#B91C1C'\n                      cellValue: (row) => row.statusLabel        // translation key or translated string\n                  -->\n                    <div class=\"grid-table__badge-pill\" [style.--badge-color]=\"column.getBadgeColor?.(row)\">\n                      <span class=\"grid-table__badge-dot\"></span>\n                      <span class=\"grid-table__badge-label\">\n                        {{ (column.cellValue ? column.cellValue(row) : (row | nestedValue: column.field)) | translate }}\n                      </span>\n                    </div>\n                  }\n\n                  @case (ColumnsEnum.STATUS) {\n                    @let status = row | statusConfig: column.field : column.statusMap;\n                    @if (status.variant) {\n                      <ncim-dga-tag [variant]=\"status.variant\" [style]=\"'subtle'\" [size]=\"'sm'\" [ariaLabel]=\"status.label | translate\">\n                        {{ status.label | translate }}\n                      </ncim-dga-tag>\n                    } @else {\n                      <span\n                        class=\"grid-table__status\"\n                        [style.background]=\"status.bgColor ?? 'color-mix(in srgb, ' + (status.color ?? '') + ' 10%, transparent)'\"\n                        [style.color]=\"status.color\"\n                      >\n                        <span class=\"grid-table__status-dot\" [style.background-color]=\"status.color\"></span>\n                        {{ status.label | translate }}\n                      </span>\n                    }\n                  }\n\n                  @case (ColumnsEnum.PROGRESS) {\n                    <!--\n                    Progress bar \u2014 expects column.getProgress?(row) to return:\n                    {\n                      value: number,   // days remaining (current)\n                      max: number,     // total days\n                      color: string,   // bar fill color e.g. '#F97316'\n                      label: string    // translation key e.g. 'PROGRESS.DAYS_LEFT' or pre-translated string\n                    }\n                  -->\n                    @if (column.getProgress) {\n                      @let progress = column.getProgress(row);\n                      <div class=\"grid-table__progress-wrapper\">\n                        <div\n                          class=\"grid-table__progress-container\"\n                          [style.background]=\"'color-mix(in srgb, ' + progress.color + ' 10%, transparent)'\"\n                        >\n                          <div\n                            class=\"grid-table__progress-bar\"\n                            [style.width.%]=\"(progress.value / progress.max) * 100\"\n                            [style.background-color]=\"progress.color\"\n                          ></div>\n                        </div>\n                        <div class=\"grid-table__progress-label\">{{ progress.label | translate }}</div>\n                      </div>\n                    }\n                  }\n\n                  @case (ColumnsEnum.CUSTOM) {\n                    @if (getCustomTemplate(column.columnDef)) {\n                      <ng-container\n                        *ngTemplateOutlet=\"getCustomTemplate(column.columnDef); context: { $implicit: row, column: column }\"\n                      ></ng-container>\n                    } @else {\n                      <span class=\"text-muted\">No template found for {{ column.columnDef }}</span>\n                    }\n                  }\n\n                  @case (ColumnsEnum.TOGGLE) {\n                    <p-toggleswitch\n                      [ngModel]=\"row | nestedValue: column.field\"\n                      (onChange)=\"setNestedValue(row, column.field, $event.checked); column.onChange?.(row)\"\n                    />\n                  }\n\n                  @case (ColumnsEnum.CHECKBOX) {\n                    <p-checkbox\n                      [(ngModel)]=\"selectedItems\"\n                      (onChange)=\"column?.onChange?.(row, $event)\"\n                      [inputId]=\"row[searchPipeKey()]\"\n                      name=\"group\"\n                      [value]=\"row\"\n                    />\n                  }\n\n                  @case (ColumnsEnum.BUTTON) {\n                    <div class=\"grid-table__actions\">\n                      @for (action of column.actions; track $index) {\n                        @if (action.type === 'link') {\n                          <a\n                            [href]=\"action.link?.(row)\"\n                            class=\"grid-table__action-btn\"\n                            [class.grid-table__action-btn--icon-only]=\"action.iconOnly\"\n                            [class]=\"action.severity ? 'severity-' + action.severity : ''\"\n                            [pTooltip]=\"action.iconOnly ? (action.label | translate) : ''\"\n                            tooltipPosition=\"top\"\n                            target=\"_blank\"\n                          >\n                            @if (action.icon) {\n                              <ncim-icon [name]=\"action.icon\" [size]=\"20\" />\n                            }\n                            @if (!action.iconOnly) {\n                              <span>{{ action.label | translate }}</span>\n                            }\n                          </a>\n                        } @else if (action.type === 'command') {\n                          <button\n                            type=\"button\"\n                            class=\"grid-table__action-btn\"\n                            [class.grid-table__action-btn--icon-only]=\"action.iconOnly\"\n                            [class]=\"action.severity ? 'severity-' + action.severity : ''\"\n                            [pTooltip]=\"action.iconOnly ? (action.label | translate) : ''\"\n                            tooltipPosition=\"top\"\n                            (click)=\"action.command?.(row)\"\n                          >\n                            @if (action.icon) {\n                              <ncim-icon [name]=\"action.icon\" [size]=\"20\" />\n                            }\n                            @if (!action.iconOnly) {\n                              <span>{{ action.label | translate }}</span>\n                            }\n                          </button>\n                        }\n                      }\n                    </div>\n                  }\n\n                  @case (ColumnsEnum.MENU) {\n                    <div class=\"grid-table__actions\">\n                      @for (action of column.actions; track $index) {\n                        @if (action.type === 'menu') {\n                          <p-menu\n                            #menu\n                            [model]=\"buildMenuItems(action, row)\"\n                            [popup]=\"true\"\n                            appendTo=\"body\"\n                            [autoZIndex]=\"true\"\n                            [styleClass]=\"'table-actions'\"\n                          >\n                            <ng-template pTemplate=\"item\" let-item>\n                              <a pRipple class=\"grid-action cursor-pointer\" [class]=\"item.linkClass\">\n                                @if (item.icon) {\n                                  <ncim-icon [name]=\"item.icon\" [size]=\"16\" />\n                                }\n                                <span class=\"ms-2\">{{ item.label | translate }}</span>\n                              </a>\n                            </ng-template>\n                          </p-menu>\n                          <button\n                            type=\"button\"\n                            class=\"grid-table__action-btn grid-table__action-btn--menu\"\n                            [class.grid-table__action-btn--icon-only]=\"action.iconOnly\"\n                            [class]=\"action.severity ? 'severity-' + action.severity : ''\"\n                            [pTooltip]=\"action.iconOnly ? (action.label | translate) : ''\"\n                            tooltipPosition=\"top\"\n                            (click)=\"menu.toggle($event)\"\n                          >\n                            @if (action.icon) {\n                              <ncim-icon [name]=\"action.icon\" [size]=\"20\" />\n                            }\n                            @if (!action.iconOnly) {\n                              <span>{{ action.label | translate }}</span>\n                            }\n                          </button>\n                        }\n                      }\n                    </div>\n                  }\n                }\n              </td>\n            }\n          </tr>\n        </ng-template>\n\n        <ng-template #emptymessage>\n          <tr>\n            <td class=\"grid-table__empty\" [attr.colspan]=\"normalizedColumns().length\">\n              @if (error()) {\n                <ncim-empty-state titleKey=\"COMMON.LOAD_ERROR\" icon=\"error-state\" [compact]=\"true\" [iconSize]=\"120\" />\n              } @else if (emptyStateIcon() && emptyStateTitleKey()) {\n                <ncim-empty-state\n                  [titleKey]=\"emptyStateTitleKey()!\"\n                  [subtitleKey]=\"emptyStateSubtitleKey()\"\n                  [icon]=\"emptyStateIcon()!\"\n                  [compact]=\"true\"\n                  [iconSize]=\"120\"\n                />\n              } @else {\n                {{ 'COMMON.NO_DATA' | translate }}\n              }\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n  }\n}\n", styles: [":host{display:block;width:100%;min-width:0}.grid-table{width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.grid-table__caption{display:flex;align-items:center;justify-content:flex-end}.grid-table__th{background:var(--color-grid-header-bg)!important;color:var(--text-secondary-paragraph, #6c737f)!important;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;text-align:start;padding:var(--space-lg) var(--space-20)!important}.grid-table__td{position:relative;font-size:var(--grid-table-td-font-size, var(--font-size-sm));color:var(--grid-table-td-color, var(--color-text-default));vertical-align:middle;padding:var(--grid-table-td-padding, var(--space-sm) var(--space-16))!important;text-align:start;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='3'%3e%3cline x1='0' y1='1.5' x2='100%25' y2='1.5' stroke='%23E5E7EBFF' stroke-width='3' stroke-dasharray='6%2c14' stroke-linecap='square' /%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:bottom;background-size:100% 1px;font-weight:var(--grid-table-td-font-weight, var(--font-weight-regular));word-wrap:break-word;overflow-wrap:break-word;min-width:0}.grid-table__td .hash-id{unicode-bidi:plaintext;display:inline-block;color:var(--color-text-default);font-size:var(--font-size-md)}.grid-table__td .date{color:var(--text-primary-paragraph);font-weight:var(--font-weight-medium)}.grid-table__td:after{content:\"\";position:absolute;bottom:0;left:0;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='665' height='1' viewBox='0 0 665 1' fill='none'%3E%3Cline y1='0.5' x2='665' y2='0.5' stroke='%23e5e7eb' stroke-dasharray='6 6'/%3E%3C/svg%3E\");background-repeat:repeat-x;background-position:center;height:1px;width:100%}.grid-table__row{transition:background .15s ease}.grid-table__row:hover td{background:var(--color-grid-row-hover)!important}.grid-table__row--clickable{cursor:pointer}.grid-table__row--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.grid-table__badge-label{font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-semibold, 600);color:var(--badge-color, #6b7280);white-space:nowrap}.grid-table__multiline{line-height:1.5;max-width:250px}.grid-table__multiline ::ng-deep .primary{font-weight:var(--font-weight-medium);color:var(--color-grid-cell-text);margin-bottom:var(--space-xs)}.grid-table__multiline ::ng-deep .secondary{font-size:var(--font-size-xs);color:var(--color-grid-sub-text);font-weight:var(--font-weight-medium)}.grid-table__status{display:inline-flex;align-items:center;gap:var(--space-10);white-space:nowrap;font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);border-radius:50rem;font-size:var(--font-size-sm)}.grid-table__status-dot{width:var(--size-10);height:var(--size-10);border-radius:50%;flex-shrink:0}.grid-table__progress-wrapper{display:flex;flex-direction:column;gap:var(--space-xs, 4px);min-width:120px}.grid-table__progress-container{width:100%;height:var(--size-6, 6px);border-radius:var(--radius-3, 3px);overflow:hidden}.grid-table__progress-bar{height:100%;border-radius:var(--radius-3, 3px);transition:width .3s ease,background-color .3s ease}.grid-table__progress-label{font-size:var(--font-size-13, 13px);color:var(--color-grid-header-text, #6b7280);font-weight:var(--font-weight-medium, 500);text-align:start}.grid-table__action-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none}.grid-table__action-link:hover{text-decoration:underline}.grid-table__action-btn{font-size:var(--font-size-sm)!important;color:var(--color-grid-cell-subtle)!important}.grid-table__action-btn:hover{color:var(--color-grid-cell-hover)!important}.grid-table__empty{text-align:center;font-weight:var(--font-weight-medium);padding:var(--space-3xl) 0!important;color:var(--color-text-muted)}:host ::ng-deep .p-datatable{background:var(--color-white);border:none;overflow:hidden;width:100%}:host ::ng-deep .p-datatable-header{padding:var(--space-lg) var(--space-xl);background:var(--color-white);border-bottom:1px solid var(--color-grid-border-dashed)}:host ::ng-deep .p-datatable-thead>tr>th{padding:var(--space-lg) var(--space-xl);border:none}:host ::ng-deep .p-datatable-thead>tr>th .p-sortable-column-icon{color:var(--color-grid-cell-subtle);font-size:var(--font-size-xs)}:host ::ng-deep .p-datatable-tbody>tr>td{padding:var(--space-20) var(--space-20);border:none}:host ::ng-deep .p-datatable-tbody>tr{border-bottom:1px solid var(--color-grid-border-dashed)}:host ::ng-deep .p-datatable-tbody>tr:last-child{border-bottom:none}:host ::ng-deep .p-paginator{border:none;padding:var(--space-lg) var(--space-xl);justify-content:center;gap:var(--space-sm)}:host ::ng-deep .p-paginator-page{min-width:var(--size-24);height:var(--size-24);border-radius:var(--radius-4);color:var(--color-text-default);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm)}:host ::ng-deep .p-paginator-page:hover{background:var(--color-grid-pagination-bg)}:host ::ng-deep .p-paginator-page.p-highlight{background:var(--color-grid-pagination-active);color:var(--color-white);border-radius:var(--radius-5)}:host ::ng-deep .p-paginator-first,:host ::ng-deep .p-paginator-prev,:host ::ng-deep .p-paginator-next,:host ::ng-deep .p-paginator-last{min-width:var(--size-24);height:var(--size-24);border-radius:var(--radius-4);color:var(--color-icon-default)}:host ::ng-deep .p-paginator-first:hover,:host ::ng-deep .p-paginator-prev:hover,:host ::ng-deep .p-paginator-next:hover,:host ::ng-deep .p-paginator-last:hover{background:var(--color-grid-pagination-bg)}:host ::ng-deep .p-paginator-first .p-icon,:host ::ng-deep .p-paginator-prev .p-icon,:host ::ng-deep .p-paginator-next .p-icon,:host ::ng-deep .p-paginator-last .p-icon{width:var(--size-16);height:var(--size-16)}:host ::ng-deep .p-paginator-page-selected{position:relative;background-color:var(--color-grid-pagination-bg)!important}:host ::ng-deep .p-paginator-page-selected:after{position:absolute;content:\"\";inset-block-end:0;inset-inline-start:50;width:60%;height:3px;border-radius:50rem;background-color:var(--color-primary)}@media(max-width:1024px){.grid-table .grid-table__th{padding:var(--space-md) var(--space-md)!important;font-size:var(--font-size-xs)}.grid-table .grid-table__td{padding:var(--space-sm) var(--space-md)!important;font-size:var(--font-size-xs)}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{padding:var(--space-md) var(--space-md)!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:var(--space-md)!important}:host ::ng-deep .p-datatable-header{padding:var(--space-md) var(--space-lg)!important}:host ::ng-deep .p-paginator{padding:var(--space-md) var(--space-lg)!important}}@media(max-width:768px){.grid-table .grid-table__th,.grid-table .grid-table__td{padding:var(--space-sm) var(--space-md)!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:var(--space-sm) var(--space-md)!important}:host ::ng-deep .p-datatable-header,:host ::ng-deep .p-paginator{padding:var(--space-md) var(--space-lg)!important}}@media(max-width:600px){.grid-table .grid-table__th,.grid-table .grid-table__td{padding:var(--space-sm) var(--space-sm)!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:var(--space-sm)!important}:host ::ng-deep .p-datatable-header,:host ::ng-deep .p-paginator{padding:var(--space-md)!important}}@media(max-width:400px){.grid-table .grid-table__th,.grid-table .grid-table__td{padding:var(--space-xs) var(--space-sm)!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:var(--space-xs) var(--space-sm)!important}:host ::ng-deep .p-datatable-header,:host ::ng-deep .p-paginator{padding:var(--space-sm) var(--space-md)!important}}.cursor-pointer{cursor:pointer}.grid-table__skeleton-table{width:100%;min-width:60rem;border-collapse:collapse;background:var(--color-white)}.grid-table__skeleton-table .grid-table__th ncim-skeleton,.grid-table__skeleton-table .grid-table__td ncim-skeleton{display:block;max-width:100%}@media(max-width:1024px){.grid-table__skeleton-table{min-width:100%;table-layout:fixed}.grid-table__skeleton-table .grid-table__th,.grid-table__skeleton-table .grid-table__td{padding:var(--space-md) var(--space-md)!important}.grid-table__skeleton-table .grid-table__th ncim-skeleton,.grid-table__skeleton-table .grid-table__td ncim-skeleton{max-width:100%}}@media(max-width:768px){.grid-table__skeleton-table{min-width:100%;table-layout:fixed}.grid-table__skeleton-table .grid-table__th,.grid-table__skeleton-table .grid-table__td{padding:var(--space-sm) var(--space-md)!important}}@media(max-width:600px){.grid-table__skeleton-table{min-width:100%;table-layout:fixed}.grid-table__skeleton-table .grid-table__th,.grid-table__skeleton-table .grid-table__td{padding:var(--space-sm) var(--space-sm)!important}}@media(max-width:400px){.grid-table__skeleton-table{min-width:100%;table-layout:fixed}.grid-table__skeleton-table .grid-table__th,.grid-table__skeleton-table .grid-table__td{padding:var(--space-xs) var(--space-sm)!important}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$3.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2$3.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ToastModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i1$4.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: DgaTag, selector: "ncim-dga-tag", inputs: ["variant", "style", "size", "textDark", "ariaLabel"] }, { kind: "component", type: EmptyState, selector: "ncim-empty-state", inputs: ["titleKey", "title", "subtitleKey", "subtitle", "imageSrc", "imageAlt", "icon", "iconSize", "compact"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Icon, selector: "ncim-icon", inputs: ["name", "size", "height"] }, { kind: "component", type: Skeleton, selector: "ncim-skeleton", inputs: ["variant", "animation", "width", "height", "borderRadius", "count", "gap", "shrinkLastLine", "aspectRatio"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: MenuModule }, { kind: "component", type: i7.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex", "appendTo", "motionOptions"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: NestedValuePipe, name: "nestedValue" }, { kind: "pipe", type: StatusConfigPipe, name: "statusConfig" }, { kind: "pipe", type: LocalizedDatePipe$1, name: "localizedDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GridTable, decorators: [{
             type: Component,
             args: [{ selector: 'ncim-grid-table', imports: [
                         FormsModule,
                         TranslateModule,
-                        Button$2,
                         TableModule,
                         ToggleSwitch,
                         DatePickerModule,
@@ -9366,11 +9365,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                         CheckboxModule,
                         NestedValuePipe,
                         StatusConfigPipe,
-                        DgaTag$1,
-                        EmptyState$1,
+                        DgaTag,
+                        EmptyState,
                         NgTemplateOutlet,
-                        Icon$1,
-                        Skeleton$1,
+                        Icon,
+                        Skeleton,
                         TooltipModule,
                         MenuModule,
                         CommonModule,
@@ -13017,7 +13016,7 @@ function ssoCallbackRoute() {
     return {
         path: ROUTE_SEGMENTS$1.SSO_CALLBACK,
         pathMatch: 'full',
-        loadComponent: () => import('./ncim-sdk-sso-callback-DxhXnPAG.mjs').then(mod => mod.SsoCallback),
+        loadComponent: () => import('./ncim-sdk-sso-callback-ChEH_twA.mjs').then(mod => mod.SsoCallback),
         data: { title: SSO_ROUTE_DATA.CALLBACK_TITLE },
     };
 }
@@ -13029,7 +13028,7 @@ function ssoErrorRoute() {
     return {
         path: ROUTE_SEGMENTS$1.SSO_ERROR,
         pathMatch: 'full',
-        loadComponent: () => import('./ncim-sdk-sso-error-CVdCgF23.mjs').then(mod => mod.SsoError),
+        loadComponent: () => import('./ncim-sdk-sso-error-BFhPxPPi.mjs').then(mod => mod.SsoError),
         data: { title: SSO_ROUTE_DATA.ERROR_TITLE },
     };
 }
@@ -13375,4 +13374,4 @@ var index = /*#__PURE__*/Object.freeze({
  */
 
 export { SSO_ERROR_PARAM as S, SSO_ERROR_DESCRIPTION_PARAM as a, buildSsoErrorQueryParams as b, SSO_UNKNOWN_ERROR_CODE as c, index as d, index$1 as e, index$2 as f, getSsoErrorMessageKey as g, index$3 as i };
-//# sourceMappingURL=ncim-sdk-ncim-sdk-DPJwZ1er.mjs.map
+//# sourceMappingURL=ncim-sdk-ncim-sdk-Bx5Cb8t7.mjs.map