ngx-histaff-alpha 6.4.1 → 6.4.3

package/fesm2022/{ngx-histaff-alpha-simple-chat.component-wlP13R-f.mjs → ngx-histaff-alpha-simple-chat.component-H1-OunWg.mjs}

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { inject, ChangeDetectorRef, signal, effect, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
-import { A as AppService, C as ChatService } from './ngx-histaff-alpha-ngx-histaff-alpha-DkFh1ZFO.mjs';
+import { A as AppService, C as ChatService } from './ngx-histaff-alpha-ngx-histaff-alpha-jpcD4cIU.mjs';
 
 class SimpleChatComponent {
     constructor() {
@@ -55,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
         }], ctorParameters: () => [] });
 
 export { SimpleChatComponent };
-//# sourceMappingURL=ngx-histaff-alpha-simple-chat.component-wlP13R-f.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-simple-chat.component-H1-OunWg.mjs.map

package/fesm2022/{ngx-histaff-alpha-simple-chat.component-wlP13R-f.mjs.map → ngx-histaff-alpha-simple-chat.component-H1-OunWg.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-histaff-alpha-simple-chat.component-wlP13R-f.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/root/simple-chat/simple-chat.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/root/simple-chat/simple-chat.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, effect, inject, signal } from '@angular/core';\r\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { AppService } from '../../services/app.service';\r\nimport { ChatService } from '../../services/chat.service';\r\n\r\n@Component({\r\n  selector: 'simple-chat',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    ReactiveFormsModule\r\n  ],\r\n  templateUrl: './simple-chat.component.html',\r\n  styleUrl: './simple-chat.component.scss'\r\n})\r\nexport class SimpleChatComponent {\r\n\r\n  appService = inject(AppService);\r\n  chatService = inject(ChatService);\r\n  cdr = inject(ChangeDetectorRef);\r\n\r\n  $currentChat = signal<{ sender: string; message: string }[]>([]);\r\n\r\n  form = new FormGroup({\r\n    username: new FormControl(''),\r\n    message: new FormControl(''),\r\n  });\r\n\r\n  constructor() {\r\n\r\n    effect(() => {\r\n      const chatSignal = this.chatService.$simpleChat();\r\n      if (!!chatSignal) {\r\n        const current = this.$currentChat();\r\n        current.push({\r\n          sender: chatSignal.sender,\r\n          message: chatSignal.message,\r\n        })\r\n        this.$currentChat.set(current);\r\n        this.cdr.markForCheck();\r\n      }\r\n    })\r\n\r\n  }\r\n\r\n\r\n  onFormSubmit(): void {\r\n    if (this.form.invalid) return;\r\n\r\n    const { username, message } = this.form.getRawValue();\r\n\r\n    this.appService.post('/api/Chat/SimpleSend', {\r\n      username,\r\n      message,\r\n    }).subscribe({\r\n      next: () => {\r\n        console.log('Message sent!');\r\n        this.form.controls.message.setValue(''); // clear message only\r\n      },\r\n      error: (err) => {\r\n        console.error('Send failed:', err);\r\n      }\r\n    });\r\n  }\r\n}\r\n","<div class=\"simple-chat-container py-4 px-3\">\r\n\r\n  <div class=\"container-fluid\">\r\n\r\n    <!-- Chat List -->\r\n    <div class=\"row mb-4\">\r\n      <div class=\"col-md-12\">\r\n        <ul class=\"list-group\">\r\n          @for (row of $currentChat(); track $index) {\r\n            <li class=\"list-group-item d-flex align-items-start\">\r\n              <i class=\"bi bi-person-fill me-2 text-primary\"></i>\r\n              <div>\r\n                <strong class=\"me-1\">{{ row.sender }}</strong>\r\n                <span class=\"text-muted\">said:</span><br />\r\n                <span class=\"text-dark\">{{ row.message }}</span>\r\n              </div>\r\n            </li>\r\n          }\r\n        </ul>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Chat Form -->\r\n    <form (ngSubmit)=\"onFormSubmit()\" [formGroup]=\"form\" autocomplete=\"off\">\r\n      <div class=\"row g-3 align-items-end\">\r\n\r\n        <div class=\"col-md-5\">\r\n          <label class=\"form-label fw-semibold\">Username</label>\r\n          <input type=\"text\" class=\"form-control\" [formControlName]=\"'username'\" placeholder=\"User to send to...\" />\r\n        </div>\r\n\r\n        <div class=\"col-md-5\">\r\n          <label class=\"form-label fw-semibold\">Message</label>\r\n          <input type=\"text\" class=\"form-control\" [formControlName]=\"'message'\" placeholder=\"Type your message...\" />\r\n        </div>\r\n\r\n        <div class=\"col-md-2 d-grid\">\r\n          <button type=\"submit\" class=\"btn btn-primary\">\r\n            <i class=\"bi bi-send-fill me-1\"></i> Send\r\n          </button>\r\n        </div>\r\n\r\n      </div>\r\n    </form>\r\n\r\n  </div>\r\n</div>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-histaff-alpha-simple-chat.component-H1-OunWg.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/root/simple-chat/simple-chat.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/root/simple-chat/simple-chat.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, effect, inject, signal } from '@angular/core';\r\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { AppService } from '../../services/app.service';\r\nimport { ChatService } from '../../services/chat.service';\r\n\r\n@Component({\r\n  selector: 'simple-chat',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    ReactiveFormsModule\r\n  ],\r\n  templateUrl: './simple-chat.component.html',\r\n  styleUrl: './simple-chat.component.scss'\r\n})\r\nexport class SimpleChatComponent {\r\n\r\n  appService = inject(AppService);\r\n  chatService = inject(ChatService);\r\n  cdr = inject(ChangeDetectorRef);\r\n\r\n  $currentChat = signal<{ sender: string; message: string }[]>([]);\r\n\r\n  form = new FormGroup({\r\n    username: new FormControl(''),\r\n    message: new FormControl(''),\r\n  });\r\n\r\n  constructor() {\r\n\r\n    effect(() => {\r\n      const chatSignal = this.chatService.$simpleChat();\r\n      if (!!chatSignal) {\r\n        const current = this.$currentChat();\r\n        current.push({\r\n          sender: chatSignal.sender,\r\n          message: chatSignal.message,\r\n        })\r\n        this.$currentChat.set(current);\r\n        this.cdr.markForCheck();\r\n      }\r\n    })\r\n\r\n  }\r\n\r\n\r\n  onFormSubmit(): void {\r\n    if (this.form.invalid) return;\r\n\r\n    const { username, message } = this.form.getRawValue();\r\n\r\n    this.appService.post('/api/Chat/SimpleSend', {\r\n      username,\r\n      message,\r\n    }).subscribe({\r\n      next: () => {\r\n        console.log('Message sent!');\r\n        this.form.controls.message.setValue(''); // clear message only\r\n      },\r\n      error: (err) => {\r\n        console.error('Send failed:', err);\r\n      }\r\n    });\r\n  }\r\n}\r\n","<div class=\"simple-chat-container py-4 px-3\">\r\n\r\n  <div class=\"container-fluid\">\r\n\r\n    <!-- Chat List -->\r\n    <div class=\"row mb-4\">\r\n      <div class=\"col-md-12\">\r\n        <ul class=\"list-group\">\r\n          @for (row of $currentChat(); track $index) {\r\n            <li class=\"list-group-item d-flex align-items-start\">\r\n              <i class=\"bi bi-person-fill me-2 text-primary\"></i>\r\n              <div>\r\n                <strong class=\"me-1\">{{ row.sender }}</strong>\r\n                <span class=\"text-muted\">said:</span><br />\r\n                <span class=\"text-dark\">{{ row.message }}</span>\r\n              </div>\r\n            </li>\r\n          }\r\n        </ul>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Chat Form -->\r\n    <form (ngSubmit)=\"onFormSubmit()\" [formGroup]=\"form\" autocomplete=\"off\">\r\n      <div class=\"row g-3 align-items-end\">\r\n\r\n        <div class=\"col-md-5\">\r\n          <label class=\"form-label fw-semibold\">Username</label>\r\n          <input type=\"text\" class=\"form-control\" [formControlName]=\"'username'\" placeholder=\"User to send to...\" />\r\n        </div>\r\n\r\n        <div class=\"col-md-5\">\r\n          <label class=\"form-label fw-semibold\">Message</label>\r\n          <input type=\"text\" class=\"form-control\" [formControlName]=\"'message'\" placeholder=\"Type your message...\" />\r\n        </div>\r\n\r\n        <div class=\"col-md-2 d-grid\">\r\n          <button type=\"submit\" class=\"btn btn-primary\">\r\n            <i class=\"bi bi-send-fill me-1\"></i> Send\r\n          </button>\r\n        </div>\r\n\r\n      </div>\r\n    </form>\r\n\r\n  </div>\r\n</div>\r\n"],"names":[],"mappings":"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"}

package/fesm2022/{ngx-histaff-alpha-template-list.component-CRpmKHB6.mjs → ngx-histaff-alpha-template-list.component-DS2ApYPK.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
-import { B as BaseComponent, E as EnumCoreTablePipeType, a as CorePageListComponent, b as CoreCheckboxComponent } from './ngx-histaff-alpha-ngx-histaff-alpha-DkFh1ZFO.mjs';
+import { B as BaseComponent, E as EnumCoreTablePipeType, a as CorePageListComponent, b as CoreCheckboxComponent } from './ngx-histaff-alpha-ngx-histaff-alpha-jpcD4cIU.mjs';
 import { EnumTranslateKey } from 'alpha-global-constants';
 import { FormsModule } from '@angular/forms';
 
@@ -93,4 +93,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
         }] });
 
 export { TemplateListComponent };
-//# sourceMappingURL=ngx-histaff-alpha-template-list.component-CRpmKHB6.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-template-list.component-DS2ApYPK.mjs.map

package/fesm2022/{ngx-histaff-alpha-template-list.component-CRpmKHB6.mjs.map → ngx-histaff-alpha-template-list.component-DS2ApYPK.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-histaff-alpha-template-list.component-CRpmKHB6.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-doc-gen/template-list/template-list.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-doc-gen/template-list/template-list.component.html"],"sourcesContent":["import { Component, TemplateRef, ViewChild } from '@angular/core';\r\nimport { CorePageListComponent, ICorePageListApiDefinition, ICorePageListCRUD, ICorePageListEditRouting } from '../../../libraries/core-page-list/core-page-list.component';\r\nimport { ICoreTableColumnItem } from '../../core-table/ICoreTableColumnItem';\r\nimport { EnumTranslateKey } from 'alpha-global-constants';\r\nimport { EnumCoreTablePipeType } from '../../core-table/EnumCoreTablePipeType';\r\nimport { BaseComponent } from '../../base-component/base/base.component';\r\nimport { CoreCheckboxComponent } from '../../core-checkbox/core-checkbox/core-checkbox.component';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'doc-template-list',\r\n  imports: [\r\n    CorePageListComponent,\r\n    CoreCheckboxComponent,\r\n    FormsModule,\r\n  ],\r\n  templateUrl: './template-list.component.html',\r\n  styleUrl: './template-list.component.scss'\r\n})\r\nexport class TemplateListComponent extends BaseComponent {\r\n\r\n  title = 'UI_COMPONENT_TITLE_DG_TEMPLATE';\r\n\r\n  apiDefinition: ICorePageListApiDefinition = {\r\n    queryListRelativePath: '/api/DocGen/QueryList',\r\n  }\r\n\r\n  crud: ICorePageListCRUD = {\r\n    deleteIds: '/api/DocGen/DeleteStringIds'\r\n  }\r\n\r\n  columns: ICoreTableColumnItem[] = [\r\n    {\r\n      caption: EnumTranslateKey.UI_ENTITY_FIELD_CAPTION_COMMON_ID,\r\n      field: 'id',\r\n      hidden: true,\r\n      type: 'number',\r\n      align: 'right',\r\n      width: 30,\r\n    },\r\n    {\r\n      caption: 'UI_ENTITY_FIELD_CAPTION_DG_TEMPLATE_NAME',\r\n      field: 'name',\r\n      showForConfirmation: true,\r\n      type: 'string',\r\n      align: 'left',\r\n      width: 400,\r\n    },\r\n    {\r\n      caption: 'UI_ENTITY_FIELD_CAPTION_DG_TEMPLATE_LOCALE',\r\n      field: 'locale',\r\n      type: 'string',\r\n      align: 'left',\r\n      width: 300\r\n    },\r\n    {\r\n      caption: 'UI_ENTITY_FIELD_CAPTION_DG_TEMPLATE_ENGINE',\r\n      field: 'engine',\r\n      type: 'string',\r\n      align: 'left',\r\n      width: 300\r\n    },\r\n    {\r\n      caption: EnumTranslateKey.UI_ENTITY_FIELD_CAPTION_COMMON_CREATED_DATE,\r\n      field: 'createdDate',\r\n      type: 'string',\r\n      align: 'left',\r\n      width: 150,\r\n      pipe: EnumCoreTablePipeType.DATE_TIME\r\n    },\r\n    {\r\n      caption: EnumTranslateKey.UI_ENTITY_FIELD_CAPTION_COMMON_CREATED_BY,\r\n      field: 'createdByUsername',\r\n      type: 'string',\r\n      align: 'left',\r\n      width: 150,\r\n    },\r\n    {\r\n      caption: EnumTranslateKey.UI_ENTITY_FIELD_CAPTION_COMMON_UPDATED_DATE,\r\n      field: 'updatedDate',\r\n      type: 'string',\r\n      align: 'left',\r\n      width: 150,\r\n      pipe: EnumCoreTablePipeType.DATE_TIME\r\n    },\r\n    {\r\n      caption: EnumTranslateKey.UI_ENTITY_FIELD_CAPTION_COMMON_UPDATED_BY,\r\n      field: 'updatedByUsername',\r\n      type: 'string',\r\n      align: 'left',\r\n      width: 150,\r\n    },\r\n  ]\r\n\r\n  editRoute: ICorePageListEditRouting = {\r\n    auxiliary: 'popupAux'\r\n  }\r\n\r\n}\r\n","<div class=\"doc-template-list-container\">\r\n    <core-page-list [apiDefinition]=\"apiDefinition\" [columns]=\"columns\" [editRoute]=\"editRoute\" [crud]=\"crud\"\r\n        [title]=\"title\" [autoResizeWithWindow]=\"true\" [columnSearchDefaultOpen]=\"true\" [normalMode]=\"true\"></core-page-list>\r\n</div>"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-histaff-alpha-template-list.component-DS2ApYPK.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-doc-gen/template-list/template-list.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-doc-gen/template-list/template-list.component.html"],"sourcesContent":["import { Component, TemplateRef, ViewChild } from '@angular/core';\r\nimport { CorePageListComponent, ICorePageListApiDefinition, ICorePageListCRUD, ICorePageListEditRouting } from '../../../libraries/core-page-list/core-page-list.component';\r\nimport { ICoreTableColumnItem } from '../../core-table/ICoreTableColumnItem';\r\nimport { EnumTranslateKey } from 'alpha-global-constants';\r\nimport { EnumCoreTablePipeType } from '../../core-table/EnumCoreTablePipeType';\r\nimport { BaseComponent } from '../../base-component/base/base.component';\r\nimport { CoreCheckboxComponent } from '../../core-checkbox/core-checkbox/core-checkbox.component';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'doc-template-list',\r\n  imports: [\r\n    CorePageListComponent,\r\n    CoreCheckboxComponent,\r\n    FormsModule,\r\n  ],\r\n  templateUrl: './template-list.component.html',\r\n  styleUrl: './template-list.component.scss'\r\n})\r\nexport class TemplateListComponent extends BaseComponent {\r\n\r\n  title = 'UI_COMPONENT_TITLE_DG_TEMPLATE';\r\n\r\n  apiDefinition: ICorePageListApiDefinition = {\r\n    queryListRelativePath: '/api/DocGen/QueryList',\r\n  }\r\n\r\n  crud: ICorePageListCRUD = {\r\n    deleteIds: '/api/DocGen/DeleteStringIds'\r\n  }\r\n\r\n  columns: ICoreTableColumnItem[] = [\r\n    {\r\n      caption: EnumTranslateKey.UI_ENTITY_FIELD_CAPTION_COMMON_ID,\r\n      field: 'id',\r\n      hidden: true,\r\n      type: 'number',\r\n      align: 'right',\r\n      width: 30,\r\n    },\r\n    {\r\n      caption: 'UI_ENTITY_FIELD_CAPTION_DG_TEMPLATE_NAME',\r\n      field: 'name',\r\n      showForConfirmation: true,\r\n      type: 'string',\r\n      align: 'left',\r\n      width: 400,\r\n    },\r\n    {\r\n      caption: 'UI_ENTITY_FIELD_CAPTION_DG_TEMPLATE_LOCALE',\r\n      field: 'locale',\r\n      type: 'string',\r\n      align: 'left',\r\n      width: 300\r\n    },\r\n    {\r\n      caption: 'UI_ENTITY_FIELD_CAPTION_DG_TEMPLATE_ENGINE',\r\n      field: 'engine',\r\n      type: 'string',\r\n      align: 'left',\r\n      width: 300\r\n    },\r\n    {\r\n      caption: EnumTranslateKey.UI_ENTITY_FIELD_CAPTION_COMMON_CREATED_DATE,\r\n      field: 'createdDate',\r\n      type: 'string',\r\n      align: 'left',\r\n      width: 150,\r\n      pipe: EnumCoreTablePipeType.DATE_TIME\r\n    },\r\n    {\r\n      caption: EnumTranslateKey.UI_ENTITY_FIELD_CAPTION_COMMON_CREATED_BY,\r\n      field: 'createdByUsername',\r\n      type: 'string',\r\n      align: 'left',\r\n      width: 150,\r\n    },\r\n    {\r\n      caption: EnumTranslateKey.UI_ENTITY_FIELD_CAPTION_COMMON_UPDATED_DATE,\r\n      field: 'updatedDate',\r\n      type: 'string',\r\n      align: 'left',\r\n      width: 150,\r\n      pipe: EnumCoreTablePipeType.DATE_TIME\r\n    },\r\n    {\r\n      caption: EnumTranslateKey.UI_ENTITY_FIELD_CAPTION_COMMON_UPDATED_BY,\r\n      field: 'updatedByUsername',\r\n      type: 'string',\r\n      align: 'left',\r\n      width: 150,\r\n    },\r\n  ]\r\n\r\n  editRoute: ICorePageListEditRouting = {\r\n    auxiliary: 'popupAux'\r\n  }\r\n\r\n}\r\n","<div class=\"doc-template-list-container\">\r\n    <core-page-list [apiDefinition]=\"apiDefinition\" [columns]=\"columns\" [editRoute]=\"editRoute\" [crud]=\"crud\"\r\n        [title]=\"title\" [autoResizeWithWindow]=\"true\" [columnSearchDefaultOpen]=\"true\" [normalMode]=\"true\"></core-page-list>\r\n</div>"],"names":[],"mappings":"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"}

package/fesm2022/{ngx-histaff-alpha-tracker-studio.component-DOJRO5VU.mjs → ngx-histaff-alpha-tracker-studio.component-C6Uok8mW.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { signal, ChangeDetectionStrategy, Component } from '@angular/core';
-import { f as CorePageHeaderComponent, g as CoreTabsComponent } from './ngx-histaff-alpha-ngx-histaff-alpha-DkFh1ZFO.mjs';
+import { f as CorePageHeaderComponent, g as CoreTabsComponent } from './ngx-histaff-alpha-ngx-histaff-alpha-jpcD4cIU.mjs';
 
 class TrackerStudioComponent {
     constructor() {
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
         }] });
 
 export { TrackerStudioComponent };
-//# sourceMappingURL=ngx-histaff-alpha-tracker-studio.component-DOJRO5VU.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-tracker-studio.component-C6Uok8mW.mjs.map

package/fesm2022/{ngx-histaff-alpha-tracker-studio.component-DOJRO5VU.mjs.map → ngx-histaff-alpha-tracker-studio.component-C6Uok8mW.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-histaff-alpha-tracker-studio.component-DOJRO5VU.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-navigation-tracker/tracker-studio/tracker-studio.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-navigation-tracker/tracker-studio/tracker-studio.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, signal } from '@angular/core';\r\nimport { CorePageHeaderComponent } from '../../core-page-header/core-page-header/core-page-header.component';\r\nimport { CoreTabsComponent } from '../../core-tabs/core-tabs/core-tabs.component';\r\n\r\n@Component({\r\n  selector: 'tracker-studio',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    CorePageHeaderComponent,\r\n    CoreTabsComponent\r\n  ],\r\n  templateUrl: './tracker-studio.component.html',\r\n  styleUrl: './tracker-studio.component.scss'\r\n})\r\nexport class TrackerStudioComponent {\r\n\r\n  $tabIndex = signal(0);\r\n\r\n  onTabHeaderClick(e: any): void {\r\n    this.$tabIndex.set(e.index);\r\n  }\r\n\r\n}\r\n","<core-page-header [title]=\"'Tracker Studio'\" />\r\n\r\n<core-tabs [headers]=\"['Tab1','Tab2']\" [height]=\"46\" (onHeaderClick)=\"onTabHeaderClick($event)\"/>\r\n\r\n@if ($tabIndex()===0) {\r\n\r\n    <div data-scope-code=\"salary\">\r\n\r\n        <form>\r\n            <input type=\"text\" data-field-code=\"value\" />\r\n        </form>\r\n\r\n        <button data-action-code=\"view\">View</button>\r\n        <button data-action-code=\"edit\">Edit</button>\r\n\r\n    </div>\r\n\r\n}\r\n\r\n@if ($tabIndex()===1) {\r\n\r\n    <div data-scope-code=\"attendance\">\r\n        <button data-action-code=\"print\">Print</button>\r\n        <button data-action-code=\"delete\">Delete</button>\r\n    </div>\r\n    \r\n}"],"names":[],"mappings":";;;;MAca,sBAAsB,CAAA;AAVnC,IAAA,WAAA,GAAA;AAYE,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC;AAMtB;AAJC,IAAA,gBAAgB,CAAC,CAAM,EAAA;QACrB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;8GALlB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,ECdnC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,ktBA0BC,EDlBG,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,uBAAuB,+KACvB,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKR,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EACT,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,uBAAuB;wBACvB;AACD,qBAAA,EAAA,QAAA,EAAA,ktBAAA,EAAA;;;;;"}
+{"version":3,"file":"ngx-histaff-alpha-tracker-studio.component-C6Uok8mW.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-navigation-tracker/tracker-studio/tracker-studio.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-navigation-tracker/tracker-studio/tracker-studio.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, signal } from '@angular/core';\r\nimport { CorePageHeaderComponent } from '../../core-page-header/core-page-header/core-page-header.component';\r\nimport { CoreTabsComponent } from '../../core-tabs/core-tabs/core-tabs.component';\r\n\r\n@Component({\r\n  selector: 'tracker-studio',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    CorePageHeaderComponent,\r\n    CoreTabsComponent\r\n  ],\r\n  templateUrl: './tracker-studio.component.html',\r\n  styleUrl: './tracker-studio.component.scss'\r\n})\r\nexport class TrackerStudioComponent {\r\n\r\n  $tabIndex = signal(0);\r\n\r\n  onTabHeaderClick(e: any): void {\r\n    this.$tabIndex.set(e.index);\r\n  }\r\n\r\n}\r\n","<core-page-header [title]=\"'Tracker Studio'\" />\r\n\r\n<core-tabs [headers]=\"['Tab1','Tab2']\" [height]=\"46\" (onHeaderClick)=\"onTabHeaderClick($event)\"/>\r\n\r\n@if ($tabIndex()===0) {\r\n\r\n    <div data-scope-code=\"salary\">\r\n\r\n        <form>\r\n            <input type=\"text\" data-field-code=\"value\" />\r\n        </form>\r\n\r\n        <button data-action-code=\"view\">View</button>\r\n        <button data-action-code=\"edit\">Edit</button>\r\n\r\n    </div>\r\n\r\n}\r\n\r\n@if ($tabIndex()===1) {\r\n\r\n    <div data-scope-code=\"attendance\">\r\n        <button data-action-code=\"print\">Print</button>\r\n        <button data-action-code=\"delete\">Delete</button>\r\n    </div>\r\n    \r\n}"],"names":[],"mappings":";;;;MAca,sBAAsB,CAAA;AAVnC,IAAA,WAAA,GAAA;AAYE,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC;AAMtB;AAJC,IAAA,gBAAgB,CAAC,CAAM,EAAA;QACrB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;8GALlB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,ECdnC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,ktBA0BC,EDlBG,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,uBAAuB,+KACvB,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKR,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EACT,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,uBAAuB;wBACvB;AACD,qBAAA,EAAA,QAAA,EAAA,ktBAAA,EAAA;;;;;"}

package/fesm2022/{ngx-histaff-alpha-wf-form-assign.component-o78tKC9U.mjs → ngx-histaff-alpha-wf-form-assign.component-mww4ZSnl.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, Component } from '@angular/core';
-import { c as BaseEditComponent, h as CoreWorkflowService, d as EnumFormBaseContolType, i as EnumCoreFormControlSeekerSourceType, e as CorePageEditComponent } from './ngx-histaff-alpha-ngx-histaff-alpha-DkFh1ZFO.mjs';
+import { c as BaseEditComponent, h as CoreWorkflowService, d as EnumFormBaseContolType, i as EnumCoreFormControlSeekerSourceType, e as CorePageEditComponent } from './ngx-histaff-alpha-ngx-histaff-alpha-jpcD4cIU.mjs';
 import { BehaviorSubject } from 'rxjs';
 import { AsyncPipe } from '@angular/common';
 
@@ -61,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
         }] });
 
 export { WfFormAssignComponent };
-//# sourceMappingURL=ngx-histaff-alpha-wf-form-assign.component-o78tKC9U.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-wf-form-assign.component-mww4ZSnl.mjs.map

package/fesm2022/{ngx-histaff-alpha-wf-form-assign.component-o78tKC9U.mjs.map → ngx-histaff-alpha-wf-form-assign.component-mww4ZSnl.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-histaff-alpha-wf-form-assign.component-o78tKC9U.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/wf-form-assign/wf-form-assign.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/wf-form-assign/wf-form-assign.component.html"],"sourcesContent":["import { Component, inject } from '@angular/core';\r\nimport { ICorePageEditCRUD } from '../../core-page-edit/ICorePageEditCRUD';\r\nimport { EnumFormBaseContolType } from '../../../enum/EnumFormBaseContolType';\r\nimport { EnumCoreFormControlSeekerSourceType } from '../../core-form-control-seeker/EnumCoreFormControlSeekerSourceType';\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { ICoreFormSection } from '../../core-form/core-form/enum-interfaces';\r\nimport { CorePageEditComponent } from '../../core-page-edit/core-page-edit.component';\r\nimport { BaseEditComponent } from '../../base-edit/base-edit/base-edit.component';\r\nimport { CoreWorkflowService } from '../core-workflow.service';\r\nimport { AsyncPipe } from '@angular/common';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'wf-form-assign',\r\n  imports: [\r\n    AsyncPipe,\r\n    CorePageEditComponent\r\n  ],\r\n  templateUrl: './wf-form-assign.component.html',\r\n  styleUrl: './wf-form-assign.component.scss'\r\n})\r\nexport class WfFormAssignComponent extends BaseEditComponent {\r\n\r\n  public coreWorkflowService = inject(CoreWorkflowService);\r\n  \r\n  crud: ICorePageEditCRUD = {\r\n    r: \"/api/WfWorkflow/GetById\",\r\n    u: \"/api/WfWorkflow/Update\"\r\n  }\r\n\r\n  sections: ICoreFormSection[] = [\r\n    {\r\n      rows: [\r\n        [\r\n          {\r\n            field: 'id',\r\n            label: 'Workflow id',\r\n            flexSize: 12,\r\n            value: '',\r\n            controlType: EnumFormBaseContolType.TEXTBOX,\r\n            readonly: true,\r\n          },\r\n        ],\r\n        [\r\n          {\r\n            field: 'afInstanceId',\r\n            label: 'Form template',\r\n            flexSize: 12,\r\n            value: '',\r\n            controlType: EnumFormBaseContolType.SEEKER,\r\n            seekerSourceType: EnumCoreFormControlSeekerSourceType.FORM_SEEK,\r\n            getByIdObject$: new BehaviorSubject<any>(null),\r\n            getByIdApi: '/api/AfInstance/GetById',\r\n            shownFrom: 'name',\r\n            boundFrom: 'id'\r\n          }\r\n        ]\r\n      ]\r\n    }\r\n  ]\r\n\r\n  onFormCreated(e: FormGroup): void {\r\n    this.form = e;\r\n  }\r\n\r\n  onFormReinit(e: string): void {\r\n    this.formInitStringValue = e;\r\n  }\r\n\r\n}\r\n","<core-page-edit\r\n    [width]=\"800\"\r\n    [entityTable]=\"'WF_WORKFLOW'\"\r\n    [hasIdOfStringType]=\"true\"\r\n    [captionCode]=\"coreWorkflowService.$currentFlow()?.name ?? 'UNKNOWN WORKFLOW'\"\r\n    [sections]=\"sections\"\r\n    [crud]=\"crud\"\r\n    (onFormCreated)=\"onFormCreated($event)\"\r\n    (onInitialValueStringReady)=\"onFormReinit($event)\"\r\n></core-page-edit>"],"names":[],"mappings":";;;;;;AAqBM,MAAO,qBAAsB,SAAQ,iBAAiB,CAAA;AAT5D,IAAA,WAAA,GAAA;;AAWS,QAAA,IAAA,CAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAExD,QAAA,IAAA,CAAA,IAAI,GAAsB;AACxB,YAAA,CAAC,EAAE,yBAAyB;AAC5B,YAAA,CAAC,EAAE;SACJ;AAED,QAAA,IAAA,CAAA,QAAQ,GAAuB;AAC7B,YAAA;AACE,gBAAA,IAAI,EAAE;AACJ,oBAAA;AACE,wBAAA;AACE,4BAAA,KAAK,EAAE,IAAI;AACX,4BAAA,KAAK,EAAE,aAAa;AACpB,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,EAAE;4BACT,WAAW,EAAE,sBAAsB,CAAC,OAAO;AAC3C,4BAAA,QAAQ,EAAE,IAAI;AACf,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA;AACE,4BAAA,KAAK,EAAE,cAAc;AACrB,4BAAA,KAAK,EAAE,eAAe;AACtB,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,EAAE;4BACT,WAAW,EAAE,sBAAsB,CAAC,MAAM;4BAC1C,gBAAgB,EAAE,mCAAmC,CAAC,SAAS;AAC/D,4BAAA,cAAc,EAAE,IAAI,eAAe,CAAM,IAAI,CAAC;AAC9C,4BAAA,UAAU,EAAE,yBAAyB;AACrC,4BAAA,SAAS,EAAE,MAAM;AACjB,4BAAA,SAAS,EAAE;AACZ;AACF;AACF;AACF;SACF;AAUF;AARC,IAAA,aAAa,CAAC,CAAY,EAAA;AACxB,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC;;AAGf,IAAA,YAAY,CAAC,CAAS,EAAA;AACpB,QAAA,IAAI,CAAC,mBAAmB,GAAG,CAAC;;8GA7CnB,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrBlC,oYASkB,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDOd,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,OAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,2BAAA,EAAA,UAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,kCAAA,EAAA,4BAAA,EAAA,UAAA,EAAA,MAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,IAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,aAAA,EAAA,WAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAKZ,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EACjB,OAAA,EAAA;wBACP,SAAS;wBACT;AACD,qBAAA,EAAA,QAAA,EAAA,oYAAA,EAAA;;;;;"}
+{"version":3,"file":"ngx-histaff-alpha-wf-form-assign.component-mww4ZSnl.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/wf-form-assign/wf-form-assign.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/wf-form-assign/wf-form-assign.component.html"],"sourcesContent":["import { Component, inject } from '@angular/core';\r\nimport { ICorePageEditCRUD } from '../../core-page-edit/ICorePageEditCRUD';\r\nimport { EnumFormBaseContolType } from '../../../enum/EnumFormBaseContolType';\r\nimport { EnumCoreFormControlSeekerSourceType } from '../../core-form-control-seeker/EnumCoreFormControlSeekerSourceType';\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { ICoreFormSection } from '../../core-form/core-form/enum-interfaces';\r\nimport { CorePageEditComponent } from '../../core-page-edit/core-page-edit.component';\r\nimport { BaseEditComponent } from '../../base-edit/base-edit/base-edit.component';\r\nimport { CoreWorkflowService } from '../core-workflow.service';\r\nimport { AsyncPipe } from '@angular/common';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'wf-form-assign',\r\n  imports: [\r\n    AsyncPipe,\r\n    CorePageEditComponent\r\n  ],\r\n  templateUrl: './wf-form-assign.component.html',\r\n  styleUrl: './wf-form-assign.component.scss'\r\n})\r\nexport class WfFormAssignComponent extends BaseEditComponent {\r\n\r\n  public coreWorkflowService = inject(CoreWorkflowService);\r\n  \r\n  crud: ICorePageEditCRUD = {\r\n    r: \"/api/WfWorkflow/GetById\",\r\n    u: \"/api/WfWorkflow/Update\"\r\n  }\r\n\r\n  sections: ICoreFormSection[] = [\r\n    {\r\n      rows: [\r\n        [\r\n          {\r\n            field: 'id',\r\n            label: 'Workflow id',\r\n            flexSize: 12,\r\n            value: '',\r\n            controlType: EnumFormBaseContolType.TEXTBOX,\r\n            readonly: true,\r\n          },\r\n        ],\r\n        [\r\n          {\r\n            field: 'afInstanceId',\r\n            label: 'Form template',\r\n            flexSize: 12,\r\n            value: '',\r\n            controlType: EnumFormBaseContolType.SEEKER,\r\n            seekerSourceType: EnumCoreFormControlSeekerSourceType.FORM_SEEK,\r\n            getByIdObject$: new BehaviorSubject<any>(null),\r\n            getByIdApi: '/api/AfInstance/GetById',\r\n            shownFrom: 'name',\r\n            boundFrom: 'id'\r\n          }\r\n        ]\r\n      ]\r\n    }\r\n  ]\r\n\r\n  onFormCreated(e: FormGroup): void {\r\n    this.form = e;\r\n  }\r\n\r\n  onFormReinit(e: string): void {\r\n    this.formInitStringValue = e;\r\n  }\r\n\r\n}\r\n","<core-page-edit\r\n    [width]=\"800\"\r\n    [entityTable]=\"'WF_WORKFLOW'\"\r\n    [hasIdOfStringType]=\"true\"\r\n    [captionCode]=\"coreWorkflowService.$currentFlow()?.name ?? 'UNKNOWN WORKFLOW'\"\r\n    [sections]=\"sections\"\r\n    [crud]=\"crud\"\r\n    (onFormCreated)=\"onFormCreated($event)\"\r\n    (onInitialValueStringReady)=\"onFormReinit($event)\"\r\n></core-page-edit>"],"names":[],"mappings":";;;;;;AAqBM,MAAO,qBAAsB,SAAQ,iBAAiB,CAAA;AAT5D,IAAA,WAAA,GAAA;;AAWS,QAAA,IAAA,CAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAExD,QAAA,IAAA,CAAA,IAAI,GAAsB;AACxB,YAAA,CAAC,EAAE,yBAAyB;AAC5B,YAAA,CAAC,EAAE;SACJ;AAED,QAAA,IAAA,CAAA,QAAQ,GAAuB;AAC7B,YAAA;AACE,gBAAA,IAAI,EAAE;AACJ,oBAAA;AACE,wBAAA;AACE,4BAAA,KAAK,EAAE,IAAI;AACX,4BAAA,KAAK,EAAE,aAAa;AACpB,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,EAAE;4BACT,WAAW,EAAE,sBAAsB,CAAC,OAAO;AAC3C,4BAAA,QAAQ,EAAE,IAAI;AACf,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA;AACE,4BAAA,KAAK,EAAE,cAAc;AACrB,4BAAA,KAAK,EAAE,eAAe;AACtB,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,EAAE;4BACT,WAAW,EAAE,sBAAsB,CAAC,MAAM;4BAC1C,gBAAgB,EAAE,mCAAmC,CAAC,SAAS;AAC/D,4BAAA,cAAc,EAAE,IAAI,eAAe,CAAM,IAAI,CAAC;AAC9C,4BAAA,UAAU,EAAE,yBAAyB;AACrC,4BAAA,SAAS,EAAE,MAAM;AACjB,4BAAA,SAAS,EAAE;AACZ;AACF;AACF;AACF;SACF;AAUF;AARC,IAAA,aAAa,CAAC,CAAY,EAAA;AACxB,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC;;AAGf,IAAA,YAAY,CAAC,CAAS,EAAA;AACpB,QAAA,IAAI,CAAC,mBAAmB,GAAG,CAAC;;8GA7CnB,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrBlC,oYASkB,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDOd,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,OAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,2BAAA,EAAA,UAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,kCAAA,EAAA,4BAAA,EAAA,UAAA,EAAA,MAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,IAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,aAAA,EAAA,WAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAKZ,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EACjB,OAAA,EAAA;wBACP,SAAS;wBACT;AACD,qBAAA,EAAA,QAAA,EAAA,oYAAA,EAAA;;;;;"}

package/fesm2022/{ngx-histaff-alpha-wf-global-config.component-CslkkGtF.mjs → ngx-histaff-alpha-wf-global-config.component-DzVfuPXs.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
-import { c as BaseEditComponent, h as CoreWorkflowService, j as AlertService, k as CoreFormService, d as EnumFormBaseContolType, D as DialogService, e as CorePageEditComponent, F as FullscreenModalLoaderComponent } from './ngx-histaff-alpha-ngx-histaff-alpha-DkFh1ZFO.mjs';
+import { c as BaseEditComponent, h as CoreWorkflowService, j as AlertService, k as CoreFormService, d as EnumFormBaseContolType, D as DialogService, e as CorePageEditComponent, F as FullscreenModalLoaderComponent } from './ngx-histaff-alpha-ngx-histaff-alpha-jpcD4cIU.mjs';
 import { Router, ActivatedRoute } from '@angular/router';
 import { Validators } from '@angular/forms';
 
@@ -130,7 +130,25 @@ class WfGlobalConfigComponent extends BaseEditComponent {
                             ],
                             stickerCollectionShownFrom: 'name'
                         },
-                    ]
+                    ],
+                    [
+                        {
+                            flexSize: 12,
+                            label: "UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_INSTANCE_STATUS_HIDE_MORE",
+                            field: 'instanceStatusHideMore',
+                            value: '',
+                            controlType: EnumFormBaseContolType.IOS_SWITCHER,
+                            type: 'boolean',
+                        },
+                        {
+                            flexSize: 12,
+                            label: "UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_INSTANCE_STATUS_HIDE_LOGS",
+                            field: 'instanceStatusHideLogs',
+                            value: '',
+                            controlType: EnumFormBaseContolType.IOS_SWITCHER,
+                            type: 'boolean',
+                        },
+                    ],
                 ]
             }
         ];
@@ -183,4 +201,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
         }], ctorParameters: () => [{ type: DialogService }] });
 
 export { WfGlobalConfigComponent };
-//# sourceMappingURL=ngx-histaff-alpha-wf-global-config.component-CslkkGtF.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-wf-global-config.component-DzVfuPXs.mjs.map

package/fesm2022/{ngx-histaff-alpha-wf-global-config.component-CslkkGtF.mjs.map → ngx-histaff-alpha-wf-global-config.component-DzVfuPXs.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-histaff-alpha-wf-global-config.component-CslkkGtF.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/wf-global-config/wf-global-config.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/wf-global-config/wf-global-config.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, Injector } from '@angular/core';\r\nimport { CorePageEditComponent } from '../../core-page-edit/core-page-edit.component';\r\nimport { FullscreenModalLoaderComponent } from '../../fullscreen-modal-loader/fullscreen-modal-loader.component';\r\nimport { AlertService } from '../../alert/alert.service';\r\nimport { CoreWorkflowService } from '../core-workflow.service';\r\nimport { DialogService } from '../../../services/dialog.service';\r\nimport { BaseEditComponent } from '../../base-edit/base-edit/base-edit.component';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { Subscription } from 'rxjs';\r\nimport { ICorePageEditCRUD } from '../../core-page-edit/ICorePageEditCRUD';\r\nimport { ICoreFormSection } from '../../core-form/core-form/enum-interfaces';\r\nimport { EnumFormBaseContolType } from '../../../enum/EnumFormBaseContolType';\r\nimport { FormGroup, Validators } from '@angular/forms';\r\nimport { CoreFormService } from '../../core-form/core-form.service';\r\n\r\n@Component({\r\n  selector: 'wf-global-config',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    CorePageEditComponent,\r\n    FullscreenModalLoaderComponent\r\n  ],\r\n  templateUrl: './wf-global-config.component.html',\r\n  styleUrl: './wf-global-config.component.scss'\r\n})\r\nexport class WfGlobalConfigComponent extends BaseEditComponent {\r\n\r\n  captionCode!: string;\r\n  public wfs = inject(CoreWorkflowService);\r\n  alertService = inject(AlertService);\r\n  cfs = inject(CoreFormService);\r\n\r\n  constructor(\r\n    public override dialogService: DialogService\r\n  ) {\r\n\r\n    super(dialogService);\r\n\r\n    if (!this.captionCode) {\r\n      this.captionCode = \"UI_COMPONENT_TITLE_WF_GLOBAL_CONFIG\";\r\n    }\r\n\r\n    this.crud = {\r\n      c: '', // No creation\r\n      r: '/api/WfGlobalConfig/GetById',\r\n      u: '/api/WfGlobalConfig/Update',\r\n      d: '', // No deletion\r\n    };\r\n\r\n  }\r\n\r\n  router = inject(Router);\r\n  route = inject(ActivatedRoute);\r\n\r\n  loading: boolean = false;\r\n  override entityTable = \"WF_GLOBAL_CONFIG\";\r\n  subscriptions: Subscription[] = [];\r\n\r\n  crud!: ICorePageEditCRUD;\r\n  sections: ICoreFormSection[] =\r\n    [\r\n      {\r\n        rows: [\r\n          [\r\n            {\r\n              flexSize: 0,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_COMMON_ID\",\r\n              field: 'id',\r\n              value: null,\r\n              hidden: true,\r\n              controlType: EnumFormBaseContolType.TEXTBOX,\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              flexSize: 12,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_EMAIL_DISPLAY_NAME\",\r\n              field: 'emailDisplayName',\r\n              value: '',\r\n              controlType: EnumFormBaseContolType.TEXTBOX,\r\n              type: 'string',\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              flexSize: 12,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_USE_WATCHDOG_BCC\",\r\n              field: 'useWatchdogBcc',\r\n              value: '',\r\n              controlType: EnumFormBaseContolType.IOS_SWITCHER,\r\n              type: 'boolean',\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              flexSize: 12,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_WATCHDOG_BCC_EMAILS\",\r\n              field: 'watchdogBccEmails',\r\n              value: '',\r\n              disabled: true,\r\n              textareaRows: 3,\r\n              controlType: EnumFormBaseContolType.TEXTAREA,\r\n              type: 'string',\r\n              validators: [\r\n                {\r\n                  name: 'pattern',\r\n                  validator: Validators.pattern(\r\n                    /^(\\s*[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}\\s*;)*\\s*[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}\\s*$/\r\n                  ),\r\n                  errorMessage: \"Please enter a list of email addresses separated by semicolons (;)\"\r\n                }\r\n              ]\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              flexSize: 12,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_WATCHDOG_BCC_EVENTS_JSON\",\r\n              field: 'watchdogBccEvents',\r\n              value: [],\r\n              disabled: true,\r\n              textareaRows: 3,\r\n              controlType: EnumFormBaseContolType.STICKER_COLLECTION,\r\n              type: 'object',\r\n              stickerCollectionItems: [\r\n                { name: 'Submitted' },\r\n                { name: 'VoterNotified' },\r\n                { name: 'CcByDesign' },\r\n                { name: 'FullyApproved' },\r\n                { name: 'Rejected' },\r\n                { name: 'Cancelled' },\r\n                { name: 'Terminated' },\r\n                { name: 'Revoked' },\r\n              ],\r\n              stickerCollectionShownFrom: 'name'\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              flexSize: 12,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_CUSTOM_CC_EVENTS_JSON\",\r\n              field: 'customCcEvents',\r\n              value: [],\r\n              disabled: true,\r\n              textareaRows: 3,\r\n              controlType: EnumFormBaseContolType.STICKER_COLLECTION,\r\n              type: 'object',\r\n              stickerCollectionItems: [\r\n                { name: 'Submitted' },\r\n                { name: 'VoterNotified' },\r\n                { name: 'CcByDesign' },\r\n                { name: 'FullyApproved' },\r\n                { name: 'Rejected' },\r\n                { name: 'Cancelled' },\r\n                { name: 'Terminated' },\r\n                { name: 'Revoked' },\r\n              ],\r\n              stickerCollectionShownFrom: 'name'\r\n            },\r\n          ],\r\n                    [\r\n            {\r\n              flexSize: 12,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_NON_APPROVAL_FLOW_EVENTS_JSON\",\r\n              field: 'nonApprovalFlowEvents',\r\n              value: [],\r\n              disabled: true,\r\n              textareaRows: 3,\r\n              controlType: EnumFormBaseContolType.STICKER_COLLECTION,\r\n              type: 'object',\r\n              stickerCollectionItems: [\r\n                { name: 'Submitted' },\r\n                { name: 'FullyApproved' },\r\n              ],\r\n              stickerCollectionShownFrom: 'name'\r\n            },\r\n          ]\r\n        ]\r\n      }\r\n    ];\r\n\r\n  private toggleWatchdogBccEmailsVisibility(useWatchdogBcc: boolean): void {\r\n    const watchdogBccEmails = this.form.get('watchdogBccEmails');\r\n    if (watchdogBccEmails) {\r\n      if (useWatchdogBcc) {\r\n        watchdogBccEmails.enable();\r\n      } else {\r\n        watchdogBccEmails.disable();\r\n      }\r\n\r\n    }\r\n  }\r\n\r\n  onFormCreated(e: FormGroup): void {\r\n    this.form = e;\r\n    e.get('useWatchdogBcc')?.valueChanges.subscribe(x => {\r\n      this.toggleWatchdogBccEmailsVisibility(x);\r\n    })\r\n  }\r\n\r\n  onFormReinit(e: string): void {\r\n    this.wfs.$initialBasicInfoJson.set(e);\r\n    this.formInitStringValue = e;\r\n  }\r\n\r\n  onGotById(e: any): void {\r\n    this.toggleWatchdogBccEmailsVisibility(!!e.useWatchdogBcc)\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.subscriptions.map(x => x?.unsubscribe())\r\n  }\r\n}","<div class=\"wf-global-config-container\">\r\n\r\n    <div class=\"container container-fluid\">\r\n\r\n        <core-page-edit\r\n            [normalMode]=\"true\"\r\n            [captionCode]=\"captionCode\"\r\n            [sections]=\"sections\"\r\n            [crud]=\"crud\"\r\n            [entityTable]=\"entityTable\"\r\n            [idAsInput]=\"true\"\r\n            [id]=\"1\"\r\n            [stayAfterSubmit]=\"true\" \r\n            [disableCancelButton]=\"true\"\r\n            (onFormCreated)=\"onFormCreated($event)\"\r\n            (onGotById)=\"onGotById($event)\"\r\n            (onInitialValueStringReady)=\"onFormReinit($event)\" />\r\n\r\n    </div>\r\n\r\n</div>\r\n\r\n@if (loading) {\r\n<app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n}"],"names":["i1.DialogService"],"mappings":";;;;;;AAyBM,MAAO,uBAAwB,SAAQ,iBAAiB,CAAA;AAO5D,IAAA,WAAA,CACkB,aAA4B,EAAA;QAG5C,KAAK,CAAC,aAAa,CAAC;QAHJ,IAAa,CAAA,aAAA,GAAb,aAAa;AALxB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACxC,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AACnC,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC;AAqB7B,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;QAE9B,IAAO,CAAA,OAAA,GAAY,KAAK;QACf,IAAW,CAAA,WAAA,GAAG,kBAAkB;QACzC,IAAa,CAAA,aAAA,GAAmB,EAAE;AAGlC,QAAA,IAAA,CAAA,QAAQ,GACN;AACE,YAAA;AACE,gBAAA,IAAI,EAAE;AACJ,oBAAA;AACE,wBAAA;AACE,4BAAA,QAAQ,EAAE,CAAC;AACX,4BAAA,KAAK,EAAE,mCAAmC;AAC1C,4BAAA,KAAK,EAAE,IAAI;AACX,4BAAA,KAAK,EAAE,IAAI;AACX,4BAAA,MAAM,EAAE,IAAI;4BACZ,WAAW,EAAE,sBAAsB,CAAC,OAAO;AAC5C,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA;AACE,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,6DAA6D;AACpE,4BAAA,KAAK,EAAE,kBAAkB;AACzB,4BAAA,KAAK,EAAE,EAAE;4BACT,WAAW,EAAE,sBAAsB,CAAC,OAAO;AAC3C,4BAAA,IAAI,EAAE,QAAQ;AACf,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA;AACE,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,2DAA2D;AAClE,4BAAA,KAAK,EAAE,gBAAgB;AACvB,4BAAA,KAAK,EAAE,EAAE;4BACT,WAAW,EAAE,sBAAsB,CAAC,YAAY;AAChD,4BAAA,IAAI,EAAE,SAAS;AAChB,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA;AACE,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,8DAA8D;AACrE,4BAAA,KAAK,EAAE,mBAAmB;AAC1B,4BAAA,KAAK,EAAE,EAAE;AACT,4BAAA,QAAQ,EAAE,IAAI;AACd,4BAAA,YAAY,EAAE,CAAC;4BACf,WAAW,EAAE,sBAAsB,CAAC,QAAQ;AAC5C,4BAAA,IAAI,EAAE,QAAQ;AACd,4BAAA,UAAU,EAAE;AACV,gCAAA;AACE,oCAAA,IAAI,EAAE,SAAS;AACf,oCAAA,SAAS,EAAE,UAAU,CAAC,OAAO,CAC3B,gHAAgH,CACjH;AACD,oCAAA,YAAY,EAAE;AACf;AACF;AACF,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA;AACE,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,mEAAmE;AAC1E,4BAAA,KAAK,EAAE,mBAAmB;AAC1B,4BAAA,KAAK,EAAE,EAAE;AACT,4BAAA,QAAQ,EAAE,IAAI;AACd,4BAAA,YAAY,EAAE,CAAC;4BACf,WAAW,EAAE,sBAAsB,CAAC,kBAAkB;AACtD,4BAAA,IAAI,EAAE,QAAQ;AACd,4BAAA,sBAAsB,EAAE;gCACtB,EAAE,IAAI,EAAE,WAAW,EAAE;gCACrB,EAAE,IAAI,EAAE,eAAe,EAAE;gCACzB,EAAE,IAAI,EAAE,YAAY,EAAE;gCACtB,EAAE,IAAI,EAAE,eAAe,EAAE;gCACzB,EAAE,IAAI,EAAE,UAAU,EAAE;gCACpB,EAAE,IAAI,EAAE,WAAW,EAAE;gCACrB,EAAE,IAAI,EAAE,YAAY,EAAE;gCACtB,EAAE,IAAI,EAAE,SAAS,EAAE;AACpB,6BAAA;AACD,4BAAA,0BAA0B,EAAE;AAC7B,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA;AACE,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,gEAAgE;AACvE,4BAAA,KAAK,EAAE,gBAAgB;AACvB,4BAAA,KAAK,EAAE,EAAE;AACT,4BAAA,QAAQ,EAAE,IAAI;AACd,4BAAA,YAAY,EAAE,CAAC;4BACf,WAAW,EAAE,sBAAsB,CAAC,kBAAkB;AACtD,4BAAA,IAAI,EAAE,QAAQ;AACd,4BAAA,sBAAsB,EAAE;gCACtB,EAAE,IAAI,EAAE,WAAW,EAAE;gCACrB,EAAE,IAAI,EAAE,eAAe,EAAE;gCACzB,EAAE,IAAI,EAAE,YAAY,EAAE;gCACtB,EAAE,IAAI,EAAE,eAAe,EAAE;gCACzB,EAAE,IAAI,EAAE,UAAU,EAAE;gCACpB,EAAE,IAAI,EAAE,WAAW,EAAE;gCACrB,EAAE,IAAI,EAAE,YAAY,EAAE;gCACtB,EAAE,IAAI,EAAE,SAAS,EAAE;AACpB,6BAAA;AACD,4BAAA,0BAA0B,EAAE;AAC7B,yBAAA;AACF,qBAAA;AACS,oBAAA;AACR,wBAAA;AACE,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,wEAAwE;AAC/E,4BAAA,KAAK,EAAE,uBAAuB;AAC9B,4BAAA,KAAK,EAAE,EAAE;AACT,4BAAA,QAAQ,EAAE,IAAI;AACd,4BAAA,YAAY,EAAE,CAAC;4BACf,WAAW,EAAE,sBAAsB,CAAC,kBAAkB;AACtD,4BAAA,IAAI,EAAE,QAAQ;AACd,4BAAA,sBAAsB,EAAE;gCACtB,EAAE,IAAI,EAAE,WAAW,EAAE;gCACrB,EAAE,IAAI,EAAE,eAAe,EAAE;AAC1B,6BAAA;AACD,4BAAA,0BAA0B,EAAE;AAC7B,yBAAA;AACF;AACF;AACF;SACF;AA7ID,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACrB,YAAA,IAAI,CAAC,WAAW,GAAG,qCAAqC;;QAG1D,IAAI,CAAC,IAAI,GAAG;YACV,CAAC,EAAE,EAAE;AACL,YAAA,CAAC,EAAE,6BAA6B;AAChC,YAAA,CAAC,EAAE,4BAA4B;YAC/B,CAAC,EAAE,EAAE;SACN;;AAsIK,IAAA,iCAAiC,CAAC,cAAuB,EAAA;QAC/D,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC;QAC5D,IAAI,iBAAiB,EAAE;YACrB,IAAI,cAAc,EAAE;gBAClB,iBAAiB,CAAC,MAAM,EAAE;;iBACrB;gBACL,iBAAiB,CAAC,OAAO,EAAE;;;;AAMjC,IAAA,aAAa,CAAC,CAAY,EAAA;AACxB,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC;AACb,QAAA,CAAC,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC,IAAG;AAClD,YAAA,IAAI,CAAC,iCAAiC,CAAC,CAAC,CAAC;AAC3C,SAAC,CAAC;;AAGJ,IAAA,YAAY,CAAC,CAAS,EAAA;QACpB,IAAI,CAAC,GAAG,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC;AACrC,QAAA,IAAI,CAAC,mBAAmB,GAAG,CAAC;;AAG9B,IAAA,SAAS,CAAC,CAAM,EAAA;QACd,IAAI,CAAC,iCAAiC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;;IAG5D,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,CAAC;;8GAzLpC,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,aAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,ECzBpC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAwBC,EDLG,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,qBAAqB,4rBACrB,8BAA8B,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKrB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EACX,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,qBAAqB;wBACrB;AACD,qBAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA;;;;;"}
+{"version":3,"file":"ngx-histaff-alpha-wf-global-config.component-DzVfuPXs.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/wf-global-config/wf-global-config.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/wf-global-config/wf-global-config.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, Injector } from '@angular/core';\r\nimport { CorePageEditComponent } from '../../core-page-edit/core-page-edit.component';\r\nimport { FullscreenModalLoaderComponent } from '../../fullscreen-modal-loader/fullscreen-modal-loader.component';\r\nimport { AlertService } from '../../alert/alert.service';\r\nimport { CoreWorkflowService } from '../core-workflow.service';\r\nimport { DialogService } from '../../../services/dialog.service';\r\nimport { BaseEditComponent } from '../../base-edit/base-edit/base-edit.component';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { Subscription } from 'rxjs';\r\nimport { ICorePageEditCRUD } from '../../core-page-edit/ICorePageEditCRUD';\r\nimport { ICoreFormSection } from '../../core-form/core-form/enum-interfaces';\r\nimport { EnumFormBaseContolType } from '../../../enum/EnumFormBaseContolType';\r\nimport { FormGroup, Validators } from '@angular/forms';\r\nimport { CoreFormService } from '../../core-form/core-form.service';\r\n\r\n@Component({\r\n  selector: 'wf-global-config',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    CorePageEditComponent,\r\n    FullscreenModalLoaderComponent\r\n  ],\r\n  templateUrl: './wf-global-config.component.html',\r\n  styleUrl: './wf-global-config.component.scss'\r\n})\r\nexport class WfGlobalConfigComponent extends BaseEditComponent {\r\n\r\n  captionCode!: string;\r\n  public wfs = inject(CoreWorkflowService);\r\n  alertService = inject(AlertService);\r\n  cfs = inject(CoreFormService);\r\n\r\n  constructor(\r\n    public override dialogService: DialogService\r\n  ) {\r\n\r\n    super(dialogService);\r\n\r\n    if (!this.captionCode) {\r\n      this.captionCode = \"UI_COMPONENT_TITLE_WF_GLOBAL_CONFIG\";\r\n    }\r\n\r\n    this.crud = {\r\n      c: '', // No creation\r\n      r: '/api/WfGlobalConfig/GetById',\r\n      u: '/api/WfGlobalConfig/Update',\r\n      d: '', // No deletion\r\n    };\r\n\r\n  }\r\n\r\n  router = inject(Router);\r\n  route = inject(ActivatedRoute);\r\n\r\n  loading: boolean = false;\r\n  override entityTable = \"WF_GLOBAL_CONFIG\";\r\n  subscriptions: Subscription[] = [];\r\n\r\n  crud!: ICorePageEditCRUD;\r\n  sections: ICoreFormSection[] =\r\n    [\r\n      {\r\n        rows: [\r\n          [\r\n            {\r\n              flexSize: 0,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_COMMON_ID\",\r\n              field: 'id',\r\n              value: null,\r\n              hidden: true,\r\n              controlType: EnumFormBaseContolType.TEXTBOX,\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              flexSize: 12,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_EMAIL_DISPLAY_NAME\",\r\n              field: 'emailDisplayName',\r\n              value: '',\r\n              controlType: EnumFormBaseContolType.TEXTBOX,\r\n              type: 'string',\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              flexSize: 12,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_USE_WATCHDOG_BCC\",\r\n              field: 'useWatchdogBcc',\r\n              value: '',\r\n              controlType: EnumFormBaseContolType.IOS_SWITCHER,\r\n              type: 'boolean',\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              flexSize: 12,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_WATCHDOG_BCC_EMAILS\",\r\n              field: 'watchdogBccEmails',\r\n              value: '',\r\n              disabled: true,\r\n              textareaRows: 3,\r\n              controlType: EnumFormBaseContolType.TEXTAREA,\r\n              type: 'string',\r\n              validators: [\r\n                {\r\n                  name: 'pattern',\r\n                  validator: Validators.pattern(\r\n                    /^(\\s*[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}\\s*;)*\\s*[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}\\s*$/\r\n                  ),\r\n                  errorMessage: \"Please enter a list of email addresses separated by semicolons (;)\"\r\n                }\r\n              ]\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              flexSize: 12,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_WATCHDOG_BCC_EVENTS_JSON\",\r\n              field: 'watchdogBccEvents',\r\n              value: [],\r\n              disabled: true,\r\n              textareaRows: 3,\r\n              controlType: EnumFormBaseContolType.STICKER_COLLECTION,\r\n              type: 'object',\r\n              stickerCollectionItems: [\r\n                { name: 'Submitted' },\r\n                { name: 'VoterNotified' },\r\n                { name: 'CcByDesign' },\r\n                { name: 'FullyApproved' },\r\n                { name: 'Rejected' },\r\n                { name: 'Cancelled' },\r\n                { name: 'Terminated' },\r\n                { name: 'Revoked' },\r\n              ],\r\n              stickerCollectionShownFrom: 'name'\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              flexSize: 12,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_CUSTOM_CC_EVENTS_JSON\",\r\n              field: 'customCcEvents',\r\n              value: [],\r\n              disabled: true,\r\n              textareaRows: 3,\r\n              controlType: EnumFormBaseContolType.STICKER_COLLECTION,\r\n              type: 'object',\r\n              stickerCollectionItems: [\r\n                { name: 'Submitted' },\r\n                { name: 'VoterNotified' },\r\n                { name: 'CcByDesign' },\r\n                { name: 'FullyApproved' },\r\n                { name: 'Rejected' },\r\n                { name: 'Cancelled' },\r\n                { name: 'Terminated' },\r\n                { name: 'Revoked' },\r\n              ],\r\n              stickerCollectionShownFrom: 'name'\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              flexSize: 12,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_NON_APPROVAL_FLOW_EVENTS_JSON\",\r\n              field: 'nonApprovalFlowEvents',\r\n              value: [],\r\n              disabled: true,\r\n              textareaRows: 3,\r\n              controlType: EnumFormBaseContolType.STICKER_COLLECTION,\r\n              type: 'object',\r\n              stickerCollectionItems: [\r\n                { name: 'Submitted' },\r\n                { name: 'FullyApproved' },\r\n              ],\r\n              stickerCollectionShownFrom: 'name'\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              flexSize: 12,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_INSTANCE_STATUS_HIDE_MORE\",\r\n              field: 'instanceStatusHideMore',\r\n              value: '',\r\n              controlType: EnumFormBaseContolType.IOS_SWITCHER,\r\n              type: 'boolean',\r\n            },\r\n            {\r\n              flexSize: 12,\r\n              label: \"UI_ENTITY_FIELD_CAPTION_WF_GLOBAL_CONFIG_INSTANCE_STATUS_HIDE_LOGS\",\r\n              field: 'instanceStatusHideLogs',\r\n              value: '',\r\n              controlType: EnumFormBaseContolType.IOS_SWITCHER,\r\n              type: 'boolean',\r\n            },\r\n          ],\r\n        ]\r\n      }\r\n    ];\r\n\r\n  private toggleWatchdogBccEmailsVisibility(useWatchdogBcc: boolean): void {\r\n    const watchdogBccEmails = this.form.get('watchdogBccEmails');\r\n    if (watchdogBccEmails) {\r\n      if (useWatchdogBcc) {\r\n        watchdogBccEmails.enable();\r\n      } else {\r\n        watchdogBccEmails.disable();\r\n      }\r\n\r\n    }\r\n  }\r\n\r\n  onFormCreated(e: FormGroup): void {\r\n    this.form = e;\r\n    e.get('useWatchdogBcc')?.valueChanges.subscribe(x => {\r\n      this.toggleWatchdogBccEmailsVisibility(x);\r\n    })\r\n  }\r\n\r\n  onFormReinit(e: string): void {\r\n    this.wfs.$initialBasicInfoJson.set(e);\r\n    this.formInitStringValue = e;\r\n  }\r\n\r\n  onGotById(e: any): void {\r\n    this.toggleWatchdogBccEmailsVisibility(!!e.useWatchdogBcc)\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.subscriptions.map(x => x?.unsubscribe())\r\n  }\r\n}","<div class=\"wf-global-config-container\">\r\n\r\n    <div class=\"container container-fluid\">\r\n\r\n        <core-page-edit\r\n            [normalMode]=\"true\"\r\n            [captionCode]=\"captionCode\"\r\n            [sections]=\"sections\"\r\n            [crud]=\"crud\"\r\n            [entityTable]=\"entityTable\"\r\n            [idAsInput]=\"true\"\r\n            [id]=\"1\"\r\n            [stayAfterSubmit]=\"true\" \r\n            [disableCancelButton]=\"true\"\r\n            (onFormCreated)=\"onFormCreated($event)\"\r\n            (onGotById)=\"onGotById($event)\"\r\n            (onInitialValueStringReady)=\"onFormReinit($event)\" />\r\n\r\n    </div>\r\n\r\n</div>\r\n\r\n@if (loading) {\r\n<app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n}"],"names":["i1.DialogService"],"mappings":";;;;;;AAyBM,MAAO,uBAAwB,SAAQ,iBAAiB,CAAA;AAO5D,IAAA,WAAA,CACkB,aAA4B,EAAA;QAG5C,KAAK,CAAC,aAAa,CAAC;QAHJ,IAAa,CAAA,aAAA,GAAb,aAAa;AALxB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACxC,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AACnC,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC;AAqB7B,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;QAE9B,IAAO,CAAA,OAAA,GAAY,KAAK;QACf,IAAW,CAAA,WAAA,GAAG,kBAAkB;QACzC,IAAa,CAAA,aAAA,GAAmB,EAAE;AAGlC,QAAA,IAAA,CAAA,QAAQ,GACN;AACE,YAAA;AACE,gBAAA,IAAI,EAAE;AACJ,oBAAA;AACE,wBAAA;AACE,4BAAA,QAAQ,EAAE,CAAC;AACX,4BAAA,KAAK,EAAE,mCAAmC;AAC1C,4BAAA,KAAK,EAAE,IAAI;AACX,4BAAA,KAAK,EAAE,IAAI;AACX,4BAAA,MAAM,EAAE,IAAI;4BACZ,WAAW,EAAE,sBAAsB,CAAC,OAAO;AAC5C,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA;AACE,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,6DAA6D;AACpE,4BAAA,KAAK,EAAE,kBAAkB;AACzB,4BAAA,KAAK,EAAE,EAAE;4BACT,WAAW,EAAE,sBAAsB,CAAC,OAAO;AAC3C,4BAAA,IAAI,EAAE,QAAQ;AACf,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA;AACE,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,2DAA2D;AAClE,4BAAA,KAAK,EAAE,gBAAgB;AACvB,4BAAA,KAAK,EAAE,EAAE;4BACT,WAAW,EAAE,sBAAsB,CAAC,YAAY;AAChD,4BAAA,IAAI,EAAE,SAAS;AAChB,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA;AACE,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,8DAA8D;AACrE,4BAAA,KAAK,EAAE,mBAAmB;AAC1B,4BAAA,KAAK,EAAE,EAAE;AACT,4BAAA,QAAQ,EAAE,IAAI;AACd,4BAAA,YAAY,EAAE,CAAC;4BACf,WAAW,EAAE,sBAAsB,CAAC,QAAQ;AAC5C,4BAAA,IAAI,EAAE,QAAQ;AACd,4BAAA,UAAU,EAAE;AACV,gCAAA;AACE,oCAAA,IAAI,EAAE,SAAS;AACf,oCAAA,SAAS,EAAE,UAAU,CAAC,OAAO,CAC3B,gHAAgH,CACjH;AACD,oCAAA,YAAY,EAAE;AACf;AACF;AACF,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA;AACE,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,mEAAmE;AAC1E,4BAAA,KAAK,EAAE,mBAAmB;AAC1B,4BAAA,KAAK,EAAE,EAAE;AACT,4BAAA,QAAQ,EAAE,IAAI;AACd,4BAAA,YAAY,EAAE,CAAC;4BACf,WAAW,EAAE,sBAAsB,CAAC,kBAAkB;AACtD,4BAAA,IAAI,EAAE,QAAQ;AACd,4BAAA,sBAAsB,EAAE;gCACtB,EAAE,IAAI,EAAE,WAAW,EAAE;gCACrB,EAAE,IAAI,EAAE,eAAe,EAAE;gCACzB,EAAE,IAAI,EAAE,YAAY,EAAE;gCACtB,EAAE,IAAI,EAAE,eAAe,EAAE;gCACzB,EAAE,IAAI,EAAE,UAAU,EAAE;gCACpB,EAAE,IAAI,EAAE,WAAW,EAAE;gCACrB,EAAE,IAAI,EAAE,YAAY,EAAE;gCACtB,EAAE,IAAI,EAAE,SAAS,EAAE;AACpB,6BAAA;AACD,4BAAA,0BAA0B,EAAE;AAC7B,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA;AACE,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,gEAAgE;AACvE,4BAAA,KAAK,EAAE,gBAAgB;AACvB,4BAAA,KAAK,EAAE,EAAE;AACT,4BAAA,QAAQ,EAAE,IAAI;AACd,4BAAA,YAAY,EAAE,CAAC;4BACf,WAAW,EAAE,sBAAsB,CAAC,kBAAkB;AACtD,4BAAA,IAAI,EAAE,QAAQ;AACd,4BAAA,sBAAsB,EAAE;gCACtB,EAAE,IAAI,EAAE,WAAW,EAAE;gCACrB,EAAE,IAAI,EAAE,eAAe,EAAE;gCACzB,EAAE,IAAI,EAAE,YAAY,EAAE;gCACtB,EAAE,IAAI,EAAE,eAAe,EAAE;gCACzB,EAAE,IAAI,EAAE,UAAU,EAAE;gCACpB,EAAE,IAAI,EAAE,WAAW,EAAE;gCACrB,EAAE,IAAI,EAAE,YAAY,EAAE;gCACtB,EAAE,IAAI,EAAE,SAAS,EAAE;AACpB,6BAAA;AACD,4BAAA,0BAA0B,EAAE;AAC7B,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA;AACE,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,wEAAwE;AAC/E,4BAAA,KAAK,EAAE,uBAAuB;AAC9B,4BAAA,KAAK,EAAE,EAAE;AACT,4BAAA,QAAQ,EAAE,IAAI;AACd,4BAAA,YAAY,EAAE,CAAC;4BACf,WAAW,EAAE,sBAAsB,CAAC,kBAAkB;AACtD,4BAAA,IAAI,EAAE,QAAQ;AACd,4BAAA,sBAAsB,EAAE;gCACtB,EAAE,IAAI,EAAE,WAAW,EAAE;gCACrB,EAAE,IAAI,EAAE,eAAe,EAAE;AAC1B,6BAAA;AACD,4BAAA,0BAA0B,EAAE;AAC7B,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA;AACE,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,oEAAoE;AAC3E,4BAAA,KAAK,EAAE,wBAAwB;AAC/B,4BAAA,KAAK,EAAE,EAAE;4BACT,WAAW,EAAE,sBAAsB,CAAC,YAAY;AAChD,4BAAA,IAAI,EAAE,SAAS;AAChB,yBAAA;AACD,wBAAA;AACE,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,KAAK,EAAE,oEAAoE;AAC3E,4BAAA,KAAK,EAAE,wBAAwB;AAC/B,4BAAA,KAAK,EAAE,EAAE;4BACT,WAAW,EAAE,sBAAsB,CAAC,YAAY;AAChD,4BAAA,IAAI,EAAE,SAAS;AAChB,yBAAA;AACF,qBAAA;AACF;AACF;SACF;AA/JD,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACrB,YAAA,IAAI,CAAC,WAAW,GAAG,qCAAqC;;QAG1D,IAAI,CAAC,IAAI,GAAG;YACV,CAAC,EAAE,EAAE;AACL,YAAA,CAAC,EAAE,6BAA6B;AAChC,YAAA,CAAC,EAAE,4BAA4B;YAC/B,CAAC,EAAE,EAAE;SACN;;AAwJK,IAAA,iCAAiC,CAAC,cAAuB,EAAA;QAC/D,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC;QAC5D,IAAI,iBAAiB,EAAE;YACrB,IAAI,cAAc,EAAE;gBAClB,iBAAiB,CAAC,MAAM,EAAE;;iBACrB;gBACL,iBAAiB,CAAC,OAAO,EAAE;;;;AAMjC,IAAA,aAAa,CAAC,CAAY,EAAA;AACxB,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC;AACb,QAAA,CAAC,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC,IAAG;AAClD,YAAA,IAAI,CAAC,iCAAiC,CAAC,CAAC,CAAC;AAC3C,SAAC,CAAC;;AAGJ,IAAA,YAAY,CAAC,CAAS,EAAA;QACpB,IAAI,CAAC,GAAG,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC;AACrC,QAAA,IAAI,CAAC,mBAAmB,GAAG,CAAC;;AAG9B,IAAA,SAAS,CAAC,CAAM,EAAA;QACd,IAAI,CAAC,iCAAiC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;;IAG5D,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,CAAC;;8GA3MpC,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,aAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,ECzBpC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wwBAwBC,EDLG,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,qBAAqB,4rBACrB,8BAA8B,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKrB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EACX,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,qBAAqB;wBACrB;AACD,qBAAA,EAAA,QAAA,EAAA,wwBAAA,EAAA;;;;;"}

package/fesm2022/{ngx-histaff-alpha-wf-instance-status.component-Dvwxxkl9.mjs → ngx-histaff-alpha-wf-instance-status.component-BpvZcUYZ.mjs}

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { input, inject, computed, ChangeDetectionStrategy, Component, signal, effect } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { B as BaseComponent, j as AlertService, M as MultiLanguageService, I as ImageErrorResolverDirective, r as TableCellPipe, s as MapAvatarToServerPipe, A as AppService, h as CoreWorkflowService, t as alertOptions, S as SocketService, f as CorePageHeaderComponent, u as CoreTerminalSpinnerComponent } from './ngx-histaff-alpha-ngx-histaff-alpha-DkFh1ZFO.mjs';
+import { B as BaseComponent, j as AlertService, M as MultiLanguageService, I as ImageErrorResolverDirective, r as TableCellPipe, s as MapAvatarToServerPipe, A as AppService, h as CoreWorkflowService, t as alertOptions, S as SocketService, f as CorePageHeaderComponent, u as CoreTerminalSpinnerComponent } from './ngx-histaff-alpha-ngx-histaff-alpha-jpcD4cIU.mjs';
 import { catchError, of, tap, finalize } from 'rxjs';
 import { NgClass, JsonPipe } from '@angular/common';
 
@@ -33,7 +33,7 @@ class RuntimeRoutingComponent extends BaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: RuntimeRoutingComponent, deps: [{ token: MultiLanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: RuntimeRoutingComponent, isStandalone: true, selector: "runtime-routing", inputs: { $instance: { classPropertyName: "$instance", publicName: "$instance", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"runtime-routing-container inter-font p-relative\">\r\n    @if ($instance() && $steps()?.length) {\r\n    <div class=\"workflow-wrapper\">\r\n        @for (step of $steps(); track step.id) {\r\n\r\n        <div class=\"step-column\" [attr.data-actor-count]=\"step.stepProgressActors?.length\">\r\n\r\n            <div class=\"step-column-aux\">\r\n                <div [ngClass]=\"step.exeConfig?.routingLogic ?? ''\" class=\"step-header {{ step.stepType.toLowerCase() }} {{ getStepStatusClass(step) }}\">\r\n                    {{ step.stepName }}\r\n                </div>\r\n\r\n                @for (actor of step.stepProgressActors; track actor.id) {\r\n                <div class=\"actor-card-aux\">\r\n                    <div class=\"actor-card d-flex d-flex-start {{ step.stepType.toLowerCase() }}\">\r\n                        <div class=\"avatar-wrapper\">\r\n                            <img [src]=\"actor.actorAvatar\"\r\n                                appImageErrorResolver\r\n                                [type]=\"'AVATAR'\"\r\n                                [isFemale]=\"!!actor.isFemale!\"\r\n                                class=\"actor-avatar\" [alt]=\"actor.actorFullname\" />\r\n                            <div class=\"status-icon\" [ngClass]=\"(actor.status || 'pending').toLowerCase()\">\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"actor-details\">\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-user\"></i>\r\n                                <span class=\"actor-full-name\" [title]=\"actor.actorFullname\">{{ actor.actorFullname\r\n                                    }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-briefcase\"></i>\r\n                                <span [title]=\"actor.actorJobName\">{{ actor.actorJobName || '\u2014' }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-mail\"></i>\r\n                                <span [title]=\"actor.actorEmail\">{{ actor.actorEmail }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-hash\"></i>\r\n                                <span [title]=\"actor.actorEmployeeCode\">{{ actor.actorEmployeeCode }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-check-circle\"></i>\r\n                                <span [title]=\"actor.status\">{{ actor.status || 'Pending' }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-clock\"></i>\r\n                                <span [title]=\"actor.votedAt\">{{ actor.votedAt | tableCell: 'DATE_TIME' : lang }}</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n        @if (!$steps().length) {\r\n        <div class=\"step-column\">\r\n            <div class=\"step-header empty\">No steps</div>\r\n        </div>\r\n        }\r\n    </div>\r\n    } @else {\r\n    <div class=\"workflow-wrapper\">\r\n        <div class=\"step-column\">\r\n            <div class=\"step-header empty\">\u26A0 No steps to display</div>\r\n        </div>\r\n    </div>\r\n    }\r\n</div>", styles: [".runtime-routing-container{--card-height: 180px;font-size:13px}.runtime-routing-container .workflow-wrapper{display:flex;flex-direction:row;gap:64px;padding:24px;background:#f5f5f5;overflow-x:auto;min-width:576px;min-height:200px}.runtime-routing-container .workflow-wrapper .step-column{width:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;min-height:100%}.runtime-routing-container .workflow-wrapper .step-header{position:relative;font-weight:600;font-size:14px;text-align:center;border:1px solid #ccc;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:6px 10px;margin-bottom:10px;width:100%;color:#fff}.runtime-routing-container .workflow-wrapper .step-header.submit{background-color:#00bcd4}.runtime-routing-container .workflow-wrapper .step-header.approval{background-color:#f80}.runtime-routing-container .workflow-wrapper .step-header.cc{background-color:#3370ff}.runtime-routing-container .workflow-wrapper .step-header.handle{background-color:#935af6}.runtime-routing-container .workflow-wrapper .step-header.end{background-color:#673ab7}.runtime-routing-container .workflow-wrapper .step-header.resolved{box-shadow:0 0 0 3px #4caf50 inset}.runtime-routing-container .workflow-wrapper .step-header.empty{box-shadow:0 0 0 3px #ff9800 inset}.runtime-routing-container .workflow-wrapper .step-header.fallback{box-shadow:0 0 0 3px #03a9f4 inset}.runtime-routing-container .workflow-wrapper .step-header.error{box-shadow:0 0 0 3px #f44336 inset}.runtime-routing-container .workflow-wrapper .actor-card-aux{position:relative}.runtime-routing-container .workflow-wrapper .actor-card.d-flex{display:flex;align-items:center;justify-content:flex-start;width:240px;height:var(--card-height);font-size:13px;border:1px solid #ccc;padding:0 12px;margin:8px auto;box-shadow:0 1px 3px #0000001a;position:relative;background-color:#fff;border-radius:8px}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .actor-details .actor-line>span{font-weight:700;width:140px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .actor-details .actor-line>span.actor-full-name{color:#000}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper{flex-shrink:0;margin-right:8px}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon{width:40px;height:40px;border-radius:50%;font-family:feather;font-size:40px}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.pending:after{content:\"\\e939\";color:#848484}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.wait:after{content:\"\\e98a\";color:#848484}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.sent:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.approved:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.skipped:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.completed:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.rejected:after{content:\"\\e9d0\";color:red}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .actor-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:first-child) .actor-card:before{content:\"\";position:absolute;top:50%;left:-20px;width:16px;height:2px;background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:first-child) .actor-card-aux:not(:last-child) .actor-card:after{content:\"\";position:absolute;top:50%;left:-20px;width:2px;height:calc(100% + 10px);background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:last-child) .actor-card-aux:before{content:\"\";position:absolute;top:50%;right:-16px;width:16px;height:2px;background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:last-child) .actor-card-aux:not(:last-child):after{content:\"\";position:absolute;top:50%;right:-16px;width:2px;height:calc(100% + 10px);background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column-aux{position:relative}.runtime-routing-container .workflow-wrapper .step-column:not(:last-child) .step-column-aux:after{content:\"\";position:absolute;top:calc(50% + 18.5px);right:-48px;width:32px;height:2px;background-color:#ccc}.runtime-routing-container .workflow-wrapper .actor-card.submit{background-color:#e0f7fa;border-left:4px solid #00bcd4}.runtime-routing-container .workflow-wrapper .actor-card.approval{background-color:#fff3e0;border-left:4px solid #f80}.runtime-routing-container .workflow-wrapper .actor-card.cc{background-color:#e6ecff;border-left:4px solid #3370ff}.runtime-routing-container .workflow-wrapper .actor-card.handle{background-color:#f3e6ff;border-left:4px solid #935af6}.runtime-routing-container .workflow-wrapper .actor-card.end{background-color:#ede7f6;border-left:4px solid #673ab7}.runtime-routing-container .workflow-wrapper .actor-line{display:flex;align-items:center;gap:6px;margin:2px 0;height:23.5px}.runtime-routing-container .workflow-wrapper .actor-line i{width:16px;height:16px;font-size:16px;color:#848484}.runtime-routing-container .workflow-wrapper .actor-line input.email-debug-input{border:1px dashed #00bcd4;background-color:#e0f7fa;width:140px;padding:0 8px}.runtime-routing-container .workflow-wrapper .actor-card span{display:block;color:#555;margin:2px 0}@media (max-width: 576px){.runtime-routing-container .workflow-wrapper .workflow-wrapper{flex-direction:column;align-items:center;gap:24px}.runtime-routing-container .workflow-wrapper .step-column{width:90vw}.runtime-routing-container .workflow-wrapper .actor-card{width:100%}}.runtime-routing-container .p-relative{position:relative}.runtime-routing-container .routing-preview-header{display:flex;align-items:center;justify-content:space-between;height:35px;margin-bottom:15px}.runtime-routing-container .routing-preview-header .button-group{display:flex;align-items:center;justify-content:flex-start;gap:8px;height:35px}.runtime-routing-container .routing-preview-header .button-group button{border-radius:0;color:#fff;height:35px;font-size:13px}.runtime-routing-container .routing-preview-header .debug-group{display:flex;align-items:center;justify-content:flex-start;height:35px}.runtime-routing-container .routing-preview-header .debug-group label{-webkit-user-select:none;user-select:none;margin-right:8px}.runtime-routing-container h5{padding:15px;color:#848484}.runtime-routing-container .resolved-steps pre{padding:15px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ImageErrorResolverDirective, selector: "[appImageErrorResolver]", inputs: ["type", "isFemale"] }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: RuntimeRoutingComponent, isStandalone: true, selector: "runtime-routing", inputs: { $instance: { classPropertyName: "$instance", publicName: "$instance", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"runtime-routing-container inter-font p-relative\">\r\n    @if ($instance() && $steps()?.length) {\r\n    <div class=\"workflow-wrapper\">\r\n        @for (step of $steps(); track step.id) {\r\n\r\n        <div class=\"step-column\" [attr.data-actor-count]=\"step.stepProgressActors?.length\">\r\n\r\n            <div class=\"step-column-aux\">\r\n                <div [ngClass]=\"step.exeConfig?.routingLogic ?? ''\" class=\"step-header {{ step.stepType.toLowerCase() }} {{ getStepStatusClass(step) }}\">\r\n                    {{ step.stepName }}\r\n                </div>\r\n\r\n                @for (actor of step.stepProgressActors; track actor.id) {\r\n                <div class=\"actor-card-aux\">\r\n                    <div class=\"actor-card d-flex d-flex-start {{ step.stepType.toLowerCase() }}\">\r\n                        <div class=\"avatar-wrapper\">\r\n                            <img [src]=\"actor.actorAvatar\"\r\n                                appImageErrorResolver\r\n                                [type]=\"'AVATAR'\"\r\n                                [isFemale]=\"!!actor.isFemale!\"\r\n                                class=\"actor-avatar\" [alt]=\"actor.actorFullname\" />\r\n                            <div class=\"status-icon\" [ngClass]=\"(actor.status || 'pending').toLowerCase()\">\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"actor-details\">\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-user\"></i>\r\n                                <span class=\"actor-full-name\" [title]=\"actor.actorFullname\">{{ actor.actorFullname\r\n                                    }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-briefcase\"></i>\r\n                                <span [title]=\"actor.actorJobName\">{{ actor.actorJobName || '\u2014' }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-mail\"></i>\r\n                                <span [title]=\"actor.actorEmail\">{{ actor.actorEmail }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-hash\"></i>\r\n                                <span [title]=\"actor.actorEmployeeCode\">{{ actor.actorEmployeeCode }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-check-circle\"></i>\r\n                                <span [title]=\"actor.status\">{{ actor.status || 'Pending' }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-clock\"></i>\r\n                                <span [title]=\"actor.votedAt\">{{ actor.votedAt | tableCell: 'DATE_TIME' : lang }}</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n        @if (!$steps().length) {\r\n        <div class=\"step-column\">\r\n            <div class=\"step-header empty\">No steps</div>\r\n        </div>\r\n        }\r\n    </div>\r\n    } @else {\r\n    <div class=\"workflow-wrapper\">\r\n        <div class=\"step-column\">\r\n            <div class=\"step-header empty\">\u26A0 No steps to display</div>\r\n        </div>\r\n    </div>\r\n    }\r\n</div>", styles: [".runtime-routing-container{--card-height: 180px;font-size:13px}.runtime-routing-container .workflow-wrapper{display:flex;flex-direction:row;gap:64px;padding:24px;background:#f5f5f5;overflow-x:auto;min-width:576px;min-height:200px}.runtime-routing-container .workflow-wrapper .step-column{width:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;min-height:100%}.runtime-routing-container .workflow-wrapper .step-header{position:relative;font-weight:600;font-size:14px;text-align:center;border:1px solid #ccc;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:6px 10px;margin-bottom:10px;width:100%;color:#fff;height:38.5px}.runtime-routing-container .workflow-wrapper .step-header.submit{background-color:#00bcd4}.runtime-routing-container .workflow-wrapper .step-header.approval{background-color:#f80}.runtime-routing-container .workflow-wrapper .step-header.cc{background-color:#3370ff}.runtime-routing-container .workflow-wrapper .step-header.handle{background-color:#935af6}.runtime-routing-container .workflow-wrapper .step-header.end{background-color:#673ab7}.runtime-routing-container .workflow-wrapper .step-header.resolved{box-shadow:0 0 0 3px #4caf50 inset}.runtime-routing-container .workflow-wrapper .step-header.empty{box-shadow:0 0 0 3px #ff9800 inset}.runtime-routing-container .workflow-wrapper .step-header.fallback{box-shadow:0 0 0 3px #03a9f4 inset}.runtime-routing-container .workflow-wrapper .step-header.error{box-shadow:0 0 0 3px #f44336 inset}.runtime-routing-container .workflow-wrapper .actor-card-aux{position:relative}.runtime-routing-container .workflow-wrapper .actor-card.d-flex{display:flex;align-items:center;justify-content:flex-start;width:240px;height:var(--card-height);font-size:13px;border:1px solid #ccc;padding:0 12px;margin:8px auto;box-shadow:0 1px 3px #0000001a;position:relative;background-color:#fff;border-radius:8px}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .actor-details .actor-line>span{font-weight:700;width:140px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .actor-details .actor-line>span.actor-full-name{color:#000}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper{flex-shrink:0;margin-right:8px}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon{width:40px;height:40px;border-radius:50%;font-family:feather;font-size:40px}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.pending:after{content:\"\\e939\";color:#848484}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.wait:after{content:\"\\e98a\";color:#848484}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.sent:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.approved:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.skipped:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.completed:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.rejected:after{content:\"\\e9d0\";color:red}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .actor-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:first-child) .actor-card:before{content:\"\";position:absolute;top:50%;left:-20px;width:16px;height:2px;background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:first-child) .actor-card-aux:not(:last-child) .actor-card:after{content:\"\";position:absolute;top:50%;left:-20px;width:2px;height:calc(100% + 10px);background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:last-child) .actor-card-aux:before{content:\"\";position:absolute;top:50%;right:-16px;width:16px;height:2px;background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:last-child) .actor-card-aux:not(:last-child):after{content:\"\";position:absolute;top:50%;right:-16px;width:2px;height:calc(100% + 10px);background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column-aux{position:relative}.runtime-routing-container .workflow-wrapper .step-column:not(:last-child) .step-column-aux:after{content:\"\";position:absolute;top:calc(50% + 20.25px);right:-48px;width:32px;height:2px;background-color:#ccc}.runtime-routing-container .workflow-wrapper .actor-card.submit{background-color:#e0f7fa;border-left:4px solid #00bcd4}.runtime-routing-container .workflow-wrapper .actor-card.approval{background-color:#fff3e0;border-left:4px solid #f80}.runtime-routing-container .workflow-wrapper .actor-card.cc{background-color:#e6ecff;border-left:4px solid #3370ff}.runtime-routing-container .workflow-wrapper .actor-card.handle{background-color:#f3e6ff;border-left:4px solid #935af6}.runtime-routing-container .workflow-wrapper .actor-card.end{background-color:#ede7f6;border-left:4px solid #673ab7}.runtime-routing-container .workflow-wrapper .actor-line{display:flex;align-items:center;gap:6px;margin:2px 0;height:23.5px}.runtime-routing-container .workflow-wrapper .actor-line i{width:16px;height:16px;font-size:16px;color:#848484}.runtime-routing-container .workflow-wrapper .actor-line input.email-debug-input{border:1px dashed #00bcd4;background-color:#e0f7fa;width:140px;padding:0 8px}.runtime-routing-container .workflow-wrapper .actor-card span{display:block;color:#555;margin:2px 0}@media (max-width: 576px){.runtime-routing-container .workflow-wrapper .workflow-wrapper{flex-direction:column;align-items:center;gap:24px}.runtime-routing-container .workflow-wrapper .step-column{width:90vw}.runtime-routing-container .workflow-wrapper .actor-card{width:100%}}.runtime-routing-container .p-relative{position:relative}.runtime-routing-container .routing-preview-header{display:flex;align-items:center;justify-content:space-between;height:35px;margin-bottom:15px}.runtime-routing-container .routing-preview-header .button-group{display:flex;align-items:center;justify-content:flex-start;gap:8px;height:35px}.runtime-routing-container .routing-preview-header .button-group button{border-radius:0;color:#fff;height:35px;font-size:13px}.runtime-routing-container .routing-preview-header .debug-group{display:flex;align-items:center;justify-content:flex-start;height:35px}.runtime-routing-container .routing-preview-header .debug-group label{-webkit-user-select:none;user-select:none;margin-right:8px}.runtime-routing-container h5{padding:15px;color:#848484}.runtime-routing-container .resolved-steps pre{padding:15px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ImageErrorResolverDirective, selector: "[appImageErrorResolver]", inputs: ["type", "isFemale"] }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: RuntimeRoutingComponent, decorators: [{
             type: Component,
@@ -43,7 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         MapAvatarToServerPipe,
                         TableCellPipe,
                         JsonPipe,
-                    ], template: "<div class=\"runtime-routing-container inter-font p-relative\">\r\n    @if ($instance() && $steps()?.length) {\r\n    <div class=\"workflow-wrapper\">\r\n        @for (step of $steps(); track step.id) {\r\n\r\n        <div class=\"step-column\" [attr.data-actor-count]=\"step.stepProgressActors?.length\">\r\n\r\n            <div class=\"step-column-aux\">\r\n                <div [ngClass]=\"step.exeConfig?.routingLogic ?? ''\" class=\"step-header {{ step.stepType.toLowerCase() }} {{ getStepStatusClass(step) }}\">\r\n                    {{ step.stepName }}\r\n                </div>\r\n\r\n                @for (actor of step.stepProgressActors; track actor.id) {\r\n                <div class=\"actor-card-aux\">\r\n                    <div class=\"actor-card d-flex d-flex-start {{ step.stepType.toLowerCase() }}\">\r\n                        <div class=\"avatar-wrapper\">\r\n                            <img [src]=\"actor.actorAvatar\"\r\n                                appImageErrorResolver\r\n                                [type]=\"'AVATAR'\"\r\n                                [isFemale]=\"!!actor.isFemale!\"\r\n                                class=\"actor-avatar\" [alt]=\"actor.actorFullname\" />\r\n                            <div class=\"status-icon\" [ngClass]=\"(actor.status || 'pending').toLowerCase()\">\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"actor-details\">\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-user\"></i>\r\n                                <span class=\"actor-full-name\" [title]=\"actor.actorFullname\">{{ actor.actorFullname\r\n                                    }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-briefcase\"></i>\r\n                                <span [title]=\"actor.actorJobName\">{{ actor.actorJobName || '\u2014' }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-mail\"></i>\r\n                                <span [title]=\"actor.actorEmail\">{{ actor.actorEmail }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-hash\"></i>\r\n                                <span [title]=\"actor.actorEmployeeCode\">{{ actor.actorEmployeeCode }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-check-circle\"></i>\r\n                                <span [title]=\"actor.status\">{{ actor.status || 'Pending' }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-clock\"></i>\r\n                                <span [title]=\"actor.votedAt\">{{ actor.votedAt | tableCell: 'DATE_TIME' : lang }}</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n        @if (!$steps().length) {\r\n        <div class=\"step-column\">\r\n            <div class=\"step-header empty\">No steps</div>\r\n        </div>\r\n        }\r\n    </div>\r\n    } @else {\r\n    <div class=\"workflow-wrapper\">\r\n        <div class=\"step-column\">\r\n            <div class=\"step-header empty\">\u26A0 No steps to display</div>\r\n        </div>\r\n    </div>\r\n    }\r\n</div>", styles: [".runtime-routing-container{--card-height: 180px;font-size:13px}.runtime-routing-container .workflow-wrapper{display:flex;flex-direction:row;gap:64px;padding:24px;background:#f5f5f5;overflow-x:auto;min-width:576px;min-height:200px}.runtime-routing-container .workflow-wrapper .step-column{width:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;min-height:100%}.runtime-routing-container .workflow-wrapper .step-header{position:relative;font-weight:600;font-size:14px;text-align:center;border:1px solid #ccc;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:6px 10px;margin-bottom:10px;width:100%;color:#fff}.runtime-routing-container .workflow-wrapper .step-header.submit{background-color:#00bcd4}.runtime-routing-container .workflow-wrapper .step-header.approval{background-color:#f80}.runtime-routing-container .workflow-wrapper .step-header.cc{background-color:#3370ff}.runtime-routing-container .workflow-wrapper .step-header.handle{background-color:#935af6}.runtime-routing-container .workflow-wrapper .step-header.end{background-color:#673ab7}.runtime-routing-container .workflow-wrapper .step-header.resolved{box-shadow:0 0 0 3px #4caf50 inset}.runtime-routing-container .workflow-wrapper .step-header.empty{box-shadow:0 0 0 3px #ff9800 inset}.runtime-routing-container .workflow-wrapper .step-header.fallback{box-shadow:0 0 0 3px #03a9f4 inset}.runtime-routing-container .workflow-wrapper .step-header.error{box-shadow:0 0 0 3px #f44336 inset}.runtime-routing-container .workflow-wrapper .actor-card-aux{position:relative}.runtime-routing-container .workflow-wrapper .actor-card.d-flex{display:flex;align-items:center;justify-content:flex-start;width:240px;height:var(--card-height);font-size:13px;border:1px solid #ccc;padding:0 12px;margin:8px auto;box-shadow:0 1px 3px #0000001a;position:relative;background-color:#fff;border-radius:8px}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .actor-details .actor-line>span{font-weight:700;width:140px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .actor-details .actor-line>span.actor-full-name{color:#000}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper{flex-shrink:0;margin-right:8px}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon{width:40px;height:40px;border-radius:50%;font-family:feather;font-size:40px}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.pending:after{content:\"\\e939\";color:#848484}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.wait:after{content:\"\\e98a\";color:#848484}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.sent:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.approved:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.skipped:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.completed:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.rejected:after{content:\"\\e9d0\";color:red}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .actor-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:first-child) .actor-card:before{content:\"\";position:absolute;top:50%;left:-20px;width:16px;height:2px;background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:first-child) .actor-card-aux:not(:last-child) .actor-card:after{content:\"\";position:absolute;top:50%;left:-20px;width:2px;height:calc(100% + 10px);background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:last-child) .actor-card-aux:before{content:\"\";position:absolute;top:50%;right:-16px;width:16px;height:2px;background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:last-child) .actor-card-aux:not(:last-child):after{content:\"\";position:absolute;top:50%;right:-16px;width:2px;height:calc(100% + 10px);background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column-aux{position:relative}.runtime-routing-container .workflow-wrapper .step-column:not(:last-child) .step-column-aux:after{content:\"\";position:absolute;top:calc(50% + 18.5px);right:-48px;width:32px;height:2px;background-color:#ccc}.runtime-routing-container .workflow-wrapper .actor-card.submit{background-color:#e0f7fa;border-left:4px solid #00bcd4}.runtime-routing-container .workflow-wrapper .actor-card.approval{background-color:#fff3e0;border-left:4px solid #f80}.runtime-routing-container .workflow-wrapper .actor-card.cc{background-color:#e6ecff;border-left:4px solid #3370ff}.runtime-routing-container .workflow-wrapper .actor-card.handle{background-color:#f3e6ff;border-left:4px solid #935af6}.runtime-routing-container .workflow-wrapper .actor-card.end{background-color:#ede7f6;border-left:4px solid #673ab7}.runtime-routing-container .workflow-wrapper .actor-line{display:flex;align-items:center;gap:6px;margin:2px 0;height:23.5px}.runtime-routing-container .workflow-wrapper .actor-line i{width:16px;height:16px;font-size:16px;color:#848484}.runtime-routing-container .workflow-wrapper .actor-line input.email-debug-input{border:1px dashed #00bcd4;background-color:#e0f7fa;width:140px;padding:0 8px}.runtime-routing-container .workflow-wrapper .actor-card span{display:block;color:#555;margin:2px 0}@media (max-width: 576px){.runtime-routing-container .workflow-wrapper .workflow-wrapper{flex-direction:column;align-items:center;gap:24px}.runtime-routing-container .workflow-wrapper .step-column{width:90vw}.runtime-routing-container .workflow-wrapper .actor-card{width:100%}}.runtime-routing-container .p-relative{position:relative}.runtime-routing-container .routing-preview-header{display:flex;align-items:center;justify-content:space-between;height:35px;margin-bottom:15px}.runtime-routing-container .routing-preview-header .button-group{display:flex;align-items:center;justify-content:flex-start;gap:8px;height:35px}.runtime-routing-container .routing-preview-header .button-group button{border-radius:0;color:#fff;height:35px;font-size:13px}.runtime-routing-container .routing-preview-header .debug-group{display:flex;align-items:center;justify-content:flex-start;height:35px}.runtime-routing-container .routing-preview-header .debug-group label{-webkit-user-select:none;user-select:none;margin-right:8px}.runtime-routing-container h5{padding:15px;color:#848484}.runtime-routing-container .resolved-steps pre{padding:15px}\n"] }]
+                    ], template: "<div class=\"runtime-routing-container inter-font p-relative\">\r\n    @if ($instance() && $steps()?.length) {\r\n    <div class=\"workflow-wrapper\">\r\n        @for (step of $steps(); track step.id) {\r\n\r\n        <div class=\"step-column\" [attr.data-actor-count]=\"step.stepProgressActors?.length\">\r\n\r\n            <div class=\"step-column-aux\">\r\n                <div [ngClass]=\"step.exeConfig?.routingLogic ?? ''\" class=\"step-header {{ step.stepType.toLowerCase() }} {{ getStepStatusClass(step) }}\">\r\n                    {{ step.stepName }}\r\n                </div>\r\n\r\n                @for (actor of step.stepProgressActors; track actor.id) {\r\n                <div class=\"actor-card-aux\">\r\n                    <div class=\"actor-card d-flex d-flex-start {{ step.stepType.toLowerCase() }}\">\r\n                        <div class=\"avatar-wrapper\">\r\n                            <img [src]=\"actor.actorAvatar\"\r\n                                appImageErrorResolver\r\n                                [type]=\"'AVATAR'\"\r\n                                [isFemale]=\"!!actor.isFemale!\"\r\n                                class=\"actor-avatar\" [alt]=\"actor.actorFullname\" />\r\n                            <div class=\"status-icon\" [ngClass]=\"(actor.status || 'pending').toLowerCase()\">\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"actor-details\">\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-user\"></i>\r\n                                <span class=\"actor-full-name\" [title]=\"actor.actorFullname\">{{ actor.actorFullname\r\n                                    }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-briefcase\"></i>\r\n                                <span [title]=\"actor.actorJobName\">{{ actor.actorJobName || '\u2014' }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-mail\"></i>\r\n                                <span [title]=\"actor.actorEmail\">{{ actor.actorEmail }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-hash\"></i>\r\n                                <span [title]=\"actor.actorEmployeeCode\">{{ actor.actorEmployeeCode }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-check-circle\"></i>\r\n                                <span [title]=\"actor.status\">{{ actor.status || 'Pending' }}</span>\r\n                            </div>\r\n\r\n                            <div class=\"actor-line\">\r\n                                <i class=\"feather-clock\"></i>\r\n                                <span [title]=\"actor.votedAt\">{{ actor.votedAt | tableCell: 'DATE_TIME' : lang }}</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n        @if (!$steps().length) {\r\n        <div class=\"step-column\">\r\n            <div class=\"step-header empty\">No steps</div>\r\n        </div>\r\n        }\r\n    </div>\r\n    } @else {\r\n    <div class=\"workflow-wrapper\">\r\n        <div class=\"step-column\">\r\n            <div class=\"step-header empty\">\u26A0 No steps to display</div>\r\n        </div>\r\n    </div>\r\n    }\r\n</div>", styles: [".runtime-routing-container{--card-height: 180px;font-size:13px}.runtime-routing-container .workflow-wrapper{display:flex;flex-direction:row;gap:64px;padding:24px;background:#f5f5f5;overflow-x:auto;min-width:576px;min-height:200px}.runtime-routing-container .workflow-wrapper .step-column{width:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;min-height:100%}.runtime-routing-container .workflow-wrapper .step-header{position:relative;font-weight:600;font-size:14px;text-align:center;border:1px solid #ccc;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:6px 10px;margin-bottom:10px;width:100%;color:#fff;height:38.5px}.runtime-routing-container .workflow-wrapper .step-header.submit{background-color:#00bcd4}.runtime-routing-container .workflow-wrapper .step-header.approval{background-color:#f80}.runtime-routing-container .workflow-wrapper .step-header.cc{background-color:#3370ff}.runtime-routing-container .workflow-wrapper .step-header.handle{background-color:#935af6}.runtime-routing-container .workflow-wrapper .step-header.end{background-color:#673ab7}.runtime-routing-container .workflow-wrapper .step-header.resolved{box-shadow:0 0 0 3px #4caf50 inset}.runtime-routing-container .workflow-wrapper .step-header.empty{box-shadow:0 0 0 3px #ff9800 inset}.runtime-routing-container .workflow-wrapper .step-header.fallback{box-shadow:0 0 0 3px #03a9f4 inset}.runtime-routing-container .workflow-wrapper .step-header.error{box-shadow:0 0 0 3px #f44336 inset}.runtime-routing-container .workflow-wrapper .actor-card-aux{position:relative}.runtime-routing-container .workflow-wrapper .actor-card.d-flex{display:flex;align-items:center;justify-content:flex-start;width:240px;height:var(--card-height);font-size:13px;border:1px solid #ccc;padding:0 12px;margin:8px auto;box-shadow:0 1px 3px #0000001a;position:relative;background-color:#fff;border-radius:8px}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .actor-details .actor-line>span{font-weight:700;width:140px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .actor-details .actor-line>span.actor-full-name{color:#000}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper{flex-shrink:0;margin-right:8px}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon{width:40px;height:40px;border-radius:50%;font-family:feather;font-size:40px}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.pending:after{content:\"\\e939\";color:#848484}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.wait:after{content:\"\\e98a\";color:#848484}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.sent:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.approved:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.skipped:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.completed:after{content:\"\\e92c\";color:#4caf50}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .avatar-wrapper .status-icon.rejected:after{content:\"\\e9d0\";color:red}.runtime-routing-container .workflow-wrapper .actor-card.d-flex .actor-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:first-child) .actor-card:before{content:\"\";position:absolute;top:50%;left:-20px;width:16px;height:2px;background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:first-child) .actor-card-aux:not(:last-child) .actor-card:after{content:\"\";position:absolute;top:50%;left:-20px;width:2px;height:calc(100% + 10px);background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:last-child) .actor-card-aux:before{content:\"\";position:absolute;top:50%;right:-16px;width:16px;height:2px;background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column:not(:last-child) .actor-card-aux:not(:last-child):after{content:\"\";position:absolute;top:50%;right:-16px;width:2px;height:calc(100% + 10px);background-color:#ccc}.runtime-routing-container .workflow-wrapper .step-column-aux{position:relative}.runtime-routing-container .workflow-wrapper .step-column:not(:last-child) .step-column-aux:after{content:\"\";position:absolute;top:calc(50% + 20.25px);right:-48px;width:32px;height:2px;background-color:#ccc}.runtime-routing-container .workflow-wrapper .actor-card.submit{background-color:#e0f7fa;border-left:4px solid #00bcd4}.runtime-routing-container .workflow-wrapper .actor-card.approval{background-color:#fff3e0;border-left:4px solid #f80}.runtime-routing-container .workflow-wrapper .actor-card.cc{background-color:#e6ecff;border-left:4px solid #3370ff}.runtime-routing-container .workflow-wrapper .actor-card.handle{background-color:#f3e6ff;border-left:4px solid #935af6}.runtime-routing-container .workflow-wrapper .actor-card.end{background-color:#ede7f6;border-left:4px solid #673ab7}.runtime-routing-container .workflow-wrapper .actor-line{display:flex;align-items:center;gap:6px;margin:2px 0;height:23.5px}.runtime-routing-container .workflow-wrapper .actor-line i{width:16px;height:16px;font-size:16px;color:#848484}.runtime-routing-container .workflow-wrapper .actor-line input.email-debug-input{border:1px dashed #00bcd4;background-color:#e0f7fa;width:140px;padding:0 8px}.runtime-routing-container .workflow-wrapper .actor-card span{display:block;color:#555;margin:2px 0}@media (max-width: 576px){.runtime-routing-container .workflow-wrapper .workflow-wrapper{flex-direction:column;align-items:center;gap:24px}.runtime-routing-container .workflow-wrapper .step-column{width:90vw}.runtime-routing-container .workflow-wrapper .actor-card{width:100%}}.runtime-routing-container .p-relative{position:relative}.runtime-routing-container .routing-preview-header{display:flex;align-items:center;justify-content:space-between;height:35px;margin-bottom:15px}.runtime-routing-container .routing-preview-header .button-group{display:flex;align-items:center;justify-content:flex-start;gap:8px;height:35px}.runtime-routing-container .routing-preview-header .button-group button{border-radius:0;color:#fff;height:35px;font-size:13px}.runtime-routing-container .routing-preview-header .debug-group{display:flex;align-items:center;justify-content:flex-start;height:35px}.runtime-routing-container .routing-preview-header .debug-group label{-webkit-user-select:none;user-select:none;margin-right:8px}.runtime-routing-container h5{padding:15px;color:#848484}.runtime-routing-container .resolved-steps pre{padding:15px}\n"] }]
         }], ctorParameters: () => [{ type: MultiLanguageService }] });
 
 class RuntimeLogsComponent extends BaseComponent {
@@ -170,7 +170,7 @@ class WfInstanceStatusComponent extends BaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WfInstanceStatusComponent, deps: [{ token: MultiLanguageService }, { token: SocketService }, { token: AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: WfInstanceStatusComponent, isStandalone: true, selector: "wf-instance-status", usesInheritance: true, ngImport: i0, template: "<div class=\"wf-instance-status-container\">\r\n  <core-page-header [title]=\"'Workflow Instance Status'\" (buttonClick)=\"onCorePageHeaderButtonClicked($event)\"/>\r\n\r\n  <div class=\"status-parts\">\r\n    <div class=\"saga\">\r\n      @if ($loading()) {\r\n      <p class=\"wf-status-loading\">\r\n        <core-terminal-spinner />\r\n      </p>\r\n      } @else if ($error()) {\r\n      <p class=\"wf-status-error\">\u26A0\uFE0F {{ $error() }}</p>\r\n      } @else if (!$instance()) {\r\n      <p class=\"wf-status-empty\">No instance data found.</p>\r\n      } @else {\r\n      <div class=\"wf-status-card\">\r\n\r\n        <!-- Workflow Info -->\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Workflow Name:</label>\r\n          <span>{{ $instance()!.workflowName }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Current State:</label>\r\n          <span class=\"wf-status-badge1 wf-status-{{ $instance()!.currentState.toLowerCase() }}\">\r\n            {{ $instance()!.currentState }}\r\n          </span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Current Step:</label>\r\n          <span>{{ $instance()!.currentStepName || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Last Action At:</label>\r\n          <span>{{ $instance()!.lastActionAt | tableCell : 'DATE_TIME' : lang }}</span>\r\n        </div>\r\n\r\n        <!-- First Actor Info -->\r\n        <div class=\"wf-status-subtitle\">\uD83D\uDCCC First Actor</div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Full Name:</label>\r\n          <span>{{ $instance()!.firstActorFullname }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Email:</label>\r\n          <span>{{ $instance()!.firstActorEmail }}</span>\r\n        </div>\r\n\r\n        <!-- Last Actor Info -->\r\n        <div class=\"wf-status-subtitle\">\uD83D\uDD0D Last Actor</div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Full Name:</label>\r\n          <span>{{ $instance()!.lastActorFullname || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Email:</label>\r\n          <span>{{ $instance()!.lastActorEmail || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Employee Code:</label>\r\n          <span>{{ $instance()!.lastActorEmployeeCode || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Position Name:</label>\r\n          <span>{{ $instance()!.lastActorPositionName || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Job Name:</label>\r\n          <span>{{ $instance()!.lastActorJobName || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>System Messages:</label>\r\n          <span>{{ $instance()!.systemMessages || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <!-- Show More Section -->\r\n\r\n        <div class=\"wf-status-accordion\">\r\n          <button class=\"accordion-summary\" (click)=\"toggleAccordion()\">\r\n            <span><i [ngClass]=\"$isExpanded() ? 'feather-minus' : 'feather-plus'\"></i></span> {{ $isExpanded() ? 'Hide Details' : 'Show More' }}\r\n          </button>\r\n\r\n          <div class=\"accordion-body\" [style.maxHeight]=\"$isExpanded() ? '1000px' : '0'\"\r\n            [style.opacity]=\"$isExpanded() ? '1' : '0'\" [style.pointerEvents]=\"$isExpanded() ? 'auto' : 'none'\">\r\n            <div class=\"wf-status-row\">\r\n              <label>Workflow ID:</label>\r\n              <span>\r\n                {{ $instance()!.workflowId }}\r\n              </span>\r\n              <button type=\"button\" (click)=\"copy($instance()!.workflowId)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Employee ID:</label>\r\n              <span>\r\n                {{ $instance()!.lastActorEmployeeId }}\r\n              </span>\r\n              <button type=\"button\" (click)=\"copy($instance()!.lastActorEmployeeId)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Last Triggered Step ID:</label>\r\n              <span>\r\n                {{ $instance()!.lastTriggeredStepId || '\u2014' }}\r\n              </span>\r\n              @if ($instance()!.lastTriggeredStepId) {\r\n              <button type=\"button\" (click)=\"copy($instance()!.lastTriggeredStepId)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n              }\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Attributes JSON:</label>\r\n              <span>\r\n                <code>{{ $attributesBeauty() }}</code>\r\n              </span>\r\n              <button type=\"button\" (click)=\"copy($instance()!.attributesJson)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Debug Mode:</label>\r\n              <span>{{ $instance()!.isDebug ? '\u2714 Enabled' : '\u274C Disabled' }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"runtime-routing-n-logs\">\r\n      <runtime-routing [$instance]=\"$instance()\" />\r\n      <div class=\"h15\"></div>\r\n      <runtime-logs [$instance]=\"$instance()\" />\r\n    </div>\r\n  </div>\r\n</div>", styles: [".wf-instance-status-container .status-parts{display:flex;width:100%;overflow:auto}.wf-instance-status-container .status-parts .saga{width:480px;padding:15px;background-color:#fdfdfd;border:1px solid #e5e7eb;font-size:13px;display:inline-block}.wf-instance-status-container .status-parts .saga .wf-status-title{margin-bottom:1.5rem;color:#1f2937}.wf-instance-status-container .status-parts .saga .wf-status-loading,.wf-instance-status-container .status-parts .saga .wf-status-empty{color:#3b82f6}.wf-instance-status-container .status-parts .saga .wf-status-error{color:#dc2626}.wf-instance-status-container .status-parts .saga .wf-status-card{background-color:#fff;padding:15px;border:1px solid #d1d5db;display:flex;flex-direction:column;gap:8px}.wf-instance-status-container .status-parts .saga .wf-status-section-title{background-color:#e0f2fe;color:#0284c7;padding:15px;border-left:4px solid #38bdf8;border-radius:4px;margin-bottom:.25rem}.wf-instance-status-container .status-parts .saga .wf-status-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-bottom:1px dashed #e5e7eb;padding-bottom:8px}.wf-instance-status-container .status-parts .saga .wf-status-row label{color:#374151;width:120px}.wf-instance-status-container .status-parts .saga .wf-status-row span{font-family:monospace;color:#111827;width:280px}.wf-instance-status-container .status-parts .saga .wf-status-row span:not(:has(code)){overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.wf-instance-status-container .status-parts .saga .wf-status-badge{display:inline-block;padding:15px;border-radius:9999px;text-transform:uppercase}.wf-instance-status-container .status-parts .saga .wf-status-approved{background-color:#d1fae5;color:#065f46}.wf-instance-status-container .status-parts .saga .wf-status-revoked,.wf-instance-status-container .status-parts .saga .wf-status-terminated,.wf-instance-status-container .status-parts .saga .wf-status-rejected{background-color:#fee2e2;color:#991b1b}.wf-instance-status-container .status-parts .saga .wf-status-in_progress{background-color:#fef3c7;color:#92400e}.wf-instance-status-container .status-parts .saga .wf-status-debug-true{background-color:#e0f2fe;color:#0369a1;padding:15px}.wf-instance-status-container .status-parts .saga .wf-status-debug-false{background-color:#f3f4f6;color:#6b7280;padding:15px}.wf-instance-status-container .status-parts .saga .wf-status-actor-card{background-color:#f0fdf4;border:1px dashed #34d399;padding:15px;display:flex;flex-direction:column;gap:.5rem}.wf-instance-status-container .status-parts .saga .wf-status-actor-card .wf-status-row{border:none;padding:0}.wf-instance-status-container .status-parts .saga .wf-status-actor-card label,.wf-instance-status-container .status-parts .saga .wf-status-actor-card span{color:#065f46}.wf-instance-status-container .status-parts .saga .wf-status-accordion{margin-top:1rem;border-top:1px dashed #ccc;padding-top:1rem}.wf-instance-status-container .status-parts .saga .accordion-summary{background:none;border:none;cursor:pointer;padding:.5rem 0;color:#444;transition:color .2s}.wf-instance-status-container .status-parts .saga .accordion-summary:hover{color:#000}.wf-instance-status-container .status-parts .saga .accordion-body{overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.wf-instance-status-container .status-parts .saga .copy-btn{background:none;border:none;cursor:pointer;font-size:1em;margin-left:.5rem;color:#888}.wf-instance-status-container .status-parts .saga .copy-btn:hover{color:#000}.wf-instance-status-container .status-parts .runtime-routing-n-logs{margin-left:15px;display:inline-block}.wf-instance-status-container .status-parts .runtime-routing-n-logs .h15{height:15px}\n"], dependencies: [{ kind: "pipe", type: TableCellPipe, name: "tableCell" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CorePageHeaderComponent, selector: "core-page-header", inputs: ["instanceNumber", "shownItems", "title", "hideButtonGroup", "htmlTooltipRef"], outputs: ["buttonClick"] }, { kind: "component", type: CoreTerminalSpinnerComponent, selector: "core-terminal-spinner" }, { kind: "component", type: RuntimeRoutingComponent, selector: "runtime-routing", inputs: ["$instance"] }, { kind: "component", type: RuntimeLogsComponent, selector: "runtime-logs", inputs: ["$instance"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: WfInstanceStatusComponent, isStandalone: true, selector: "wf-instance-status", usesInheritance: true, ngImport: i0, template: "<div class=\"wf-instance-status-container\">\r\n  <core-page-header [title]=\"'Workflow Instance Status'\" (buttonClick)=\"onCorePageHeaderButtonClicked($event)\"/>\r\n\r\n  <div class=\"status-parts\">\r\n    <div class=\"saga\">\r\n      @if ($loading()) {\r\n      <p class=\"wf-status-loading\">\r\n        <core-terminal-spinner />\r\n      </p>\r\n      } @else if ($error()) {\r\n      <p class=\"wf-status-error\">\u26A0\uFE0F {{ $error() }}</p>\r\n      } @else if (!$instance()) {\r\n      <p class=\"wf-status-empty\">No instance data found.</p>\r\n      } @else {\r\n      <div class=\"wf-status-card\">\r\n\r\n        <!-- Workflow Info -->\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Workflow Name:</label>\r\n          <span>{{ $instance()!.workflowName }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Current State:</label>\r\n          <span class=\"wf-status-badge1 wf-status-{{ $instance()!.currentState.toLowerCase() }}\">\r\n            {{ $instance()!.currentState }}\r\n          </span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Current Step:</label>\r\n          <span>{{ $instance()!.currentStepName || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Last Action At:</label>\r\n          <span>{{ $instance()!.lastActionAt | tableCell : 'DATE_TIME' : lang }}</span>\r\n        </div>\r\n\r\n        <!-- First Actor Info -->\r\n        <div class=\"wf-status-subtitle\">\uD83D\uDCCC First Actor</div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Full Name:</label>\r\n          <span>{{ $instance()!.firstActorFullname }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Email:</label>\r\n          <span>{{ $instance()!.firstActorEmail }}</span>\r\n        </div>\r\n\r\n        <!-- Last Actor Info -->\r\n        <div class=\"wf-status-subtitle\">\uD83D\uDD0D Last Actor</div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Full Name:</label>\r\n          <span>{{ $instance()!.lastActorFullname || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Email:</label>\r\n          <span>{{ $instance()!.lastActorEmail || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Employee Code:</label>\r\n          <span>{{ $instance()!.lastActorEmployeeCode || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Position Name:</label>\r\n          <span>{{ $instance()!.lastActorPositionName || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Job Name:</label>\r\n          <span>{{ $instance()!.lastActorJobName || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>System Messages:</label>\r\n          <span>{{ $instance()!.systemMessages || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <!-- Show More Section -->\r\n\r\n        @if (!$instance()?.globalConfig.instanceStatusHideMore) {\r\n\r\n        <div class=\"wf-status-accordion\">\r\n          <button class=\"accordion-summary\" (click)=\"toggleAccordion()\">\r\n            <span><i [ngClass]=\"$isExpanded() ? 'feather-minus' : 'feather-plus'\"></i></span> {{ $isExpanded() ? 'Hide Details' : 'Show More' }}\r\n          </button>\r\n\r\n          <div class=\"accordion-body\" [style.maxHeight]=\"$isExpanded() ? '1000px' : '0'\"\r\n            [style.opacity]=\"$isExpanded() ? '1' : '0'\" [style.pointerEvents]=\"$isExpanded() ? 'auto' : 'none'\">\r\n            <div class=\"wf-status-row\">\r\n              <label>Workflow ID:</label>\r\n              <span>\r\n                {{ $instance()!.workflowId }}\r\n              </span>\r\n              <button type=\"button\" (click)=\"copy($instance()!.workflowId)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Employee ID:</label>\r\n              <span>\r\n                {{ $instance()!.lastActorEmployeeId }}\r\n              </span>\r\n              <button type=\"button\" (click)=\"copy($instance()!.lastActorEmployeeId)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Last Triggered Step ID:</label>\r\n              <span>\r\n                {{ $instance()!.lastTriggeredStepId || '\u2014' }}\r\n              </span>\r\n              @if ($instance()!.lastTriggeredStepId) {\r\n              <button type=\"button\" (click)=\"copy($instance()!.lastTriggeredStepId)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n              }\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Attributes JSON:</label>\r\n              <span>\r\n                <code>{{ $attributesBeauty() }}</code>\r\n              </span>\r\n              <button type=\"button\" (click)=\"copy($instance()!.attributesJson)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Debug Mode:</label>\r\n              <span>{{ $instance()!.isDebug ? '\u2714 Enabled' : '\u274C Disabled' }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n       }\r\n\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"runtime-routing-n-logs\">\r\n      <runtime-routing [$instance]=\"$instance()\" />\r\n      @if (!$instance()?.globalConfig.instanceStatusHideLogs) {\r\n        <div class=\"h15\"></div>\r\n        <runtime-logs [$instance]=\"$instance()\" />\r\n      }\r\n    </div>\r\n\r\n  </div>\r\n</div>", styles: [".wf-instance-status-container .status-parts{display:flex;width:100%;overflow:auto}.wf-instance-status-container .status-parts .saga{width:480px;padding:15px;background-color:#fdfdfd;border:1px solid #e5e7eb;font-size:13px;display:inline-block}.wf-instance-status-container .status-parts .saga .wf-status-title{margin-bottom:1.5rem;color:#1f2937}.wf-instance-status-container .status-parts .saga .wf-status-loading,.wf-instance-status-container .status-parts .saga .wf-status-empty{color:#3b82f6}.wf-instance-status-container .status-parts .saga .wf-status-error{color:#dc2626}.wf-instance-status-container .status-parts .saga .wf-status-card{background-color:#fff;padding:15px;border:1px solid #d1d5db;display:flex;flex-direction:column;gap:8px}.wf-instance-status-container .status-parts .saga .wf-status-section-title{background-color:#e0f2fe;color:#0284c7;padding:15px;border-left:4px solid #38bdf8;border-radius:4px;margin-bottom:.25rem}.wf-instance-status-container .status-parts .saga .wf-status-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-bottom:1px dashed #e5e7eb;padding-bottom:8px}.wf-instance-status-container .status-parts .saga .wf-status-row label{color:#374151;width:120px}.wf-instance-status-container .status-parts .saga .wf-status-row span{font-family:monospace;color:#111827;width:280px}.wf-instance-status-container .status-parts .saga .wf-status-row span:not(:has(code)){overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.wf-instance-status-container .status-parts .saga .wf-status-badge{display:inline-block;padding:15px;border-radius:9999px;text-transform:uppercase}.wf-instance-status-container .status-parts .saga .wf-status-approved{background-color:#d1fae5;color:#065f46}.wf-instance-status-container .status-parts .saga .wf-status-revoked,.wf-instance-status-container .status-parts .saga .wf-status-terminated,.wf-instance-status-container .status-parts .saga .wf-status-rejected{background-color:#fee2e2;color:#991b1b}.wf-instance-status-container .status-parts .saga .wf-status-in_progress{background-color:#fef3c7;color:#92400e}.wf-instance-status-container .status-parts .saga .wf-status-debug-true{background-color:#e0f2fe;color:#0369a1;padding:15px}.wf-instance-status-container .status-parts .saga .wf-status-debug-false{background-color:#f3f4f6;color:#6b7280;padding:15px}.wf-instance-status-container .status-parts .saga .wf-status-actor-card{background-color:#f0fdf4;border:1px dashed #34d399;padding:15px;display:flex;flex-direction:column;gap:.5rem}.wf-instance-status-container .status-parts .saga .wf-status-actor-card .wf-status-row{border:none;padding:0}.wf-instance-status-container .status-parts .saga .wf-status-actor-card label,.wf-instance-status-container .status-parts .saga .wf-status-actor-card span{color:#065f46}.wf-instance-status-container .status-parts .saga .wf-status-accordion{margin-top:1rem;border-top:1px dashed #ccc;padding-top:1rem}.wf-instance-status-container .status-parts .saga .accordion-summary{background:none;border:none;cursor:pointer;padding:.5rem 0;color:#444;transition:color .2s}.wf-instance-status-container .status-parts .saga .accordion-summary:hover{color:#000}.wf-instance-status-container .status-parts .saga .accordion-body{overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.wf-instance-status-container .status-parts .saga .copy-btn{background:none;border:none;cursor:pointer;font-size:1em;margin-left:.5rem;color:#888}.wf-instance-status-container .status-parts .saga .copy-btn:hover{color:#000}.wf-instance-status-container .status-parts .runtime-routing-n-logs{margin-left:15px;display:inline-block}.wf-instance-status-container .status-parts .runtime-routing-n-logs .h15{height:15px}\n"], dependencies: [{ kind: "pipe", type: TableCellPipe, name: "tableCell" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CorePageHeaderComponent, selector: "core-page-header", inputs: ["instanceNumber", "shownItems", "title", "hideButtonGroup", "htmlTooltipRef"], outputs: ["buttonClick"] }, { kind: "component", type: CoreTerminalSpinnerComponent, selector: "core-terminal-spinner" }, { kind: "component", type: RuntimeRoutingComponent, selector: "runtime-routing", inputs: ["$instance"] }, { kind: "component", type: RuntimeLogsComponent, selector: "runtime-logs", inputs: ["$instance"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WfInstanceStatusComponent, decorators: [{
             type: Component,
@@ -181,8 +181,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         CoreTerminalSpinnerComponent,
                         RuntimeRoutingComponent,
                         RuntimeLogsComponent,
-                    ], template: "<div class=\"wf-instance-status-container\">\r\n  <core-page-header [title]=\"'Workflow Instance Status'\" (buttonClick)=\"onCorePageHeaderButtonClicked($event)\"/>\r\n\r\n  <div class=\"status-parts\">\r\n    <div class=\"saga\">\r\n      @if ($loading()) {\r\n      <p class=\"wf-status-loading\">\r\n        <core-terminal-spinner />\r\n      </p>\r\n      } @else if ($error()) {\r\n      <p class=\"wf-status-error\">\u26A0\uFE0F {{ $error() }}</p>\r\n      } @else if (!$instance()) {\r\n      <p class=\"wf-status-empty\">No instance data found.</p>\r\n      } @else {\r\n      <div class=\"wf-status-card\">\r\n\r\n        <!-- Workflow Info -->\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Workflow Name:</label>\r\n          <span>{{ $instance()!.workflowName }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Current State:</label>\r\n          <span class=\"wf-status-badge1 wf-status-{{ $instance()!.currentState.toLowerCase() }}\">\r\n            {{ $instance()!.currentState }}\r\n          </span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Current Step:</label>\r\n          <span>{{ $instance()!.currentStepName || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Last Action At:</label>\r\n          <span>{{ $instance()!.lastActionAt | tableCell : 'DATE_TIME' : lang }}</span>\r\n        </div>\r\n\r\n        <!-- First Actor Info -->\r\n        <div class=\"wf-status-subtitle\">\uD83D\uDCCC First Actor</div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Full Name:</label>\r\n          <span>{{ $instance()!.firstActorFullname }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Email:</label>\r\n          <span>{{ $instance()!.firstActorEmail }}</span>\r\n        </div>\r\n\r\n        <!-- Last Actor Info -->\r\n        <div class=\"wf-status-subtitle\">\uD83D\uDD0D Last Actor</div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Full Name:</label>\r\n          <span>{{ $instance()!.lastActorFullname || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Email:</label>\r\n          <span>{{ $instance()!.lastActorEmail || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Employee Code:</label>\r\n          <span>{{ $instance()!.lastActorEmployeeCode || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Position Name:</label>\r\n          <span>{{ $instance()!.lastActorPositionName || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Job Name:</label>\r\n          <span>{{ $instance()!.lastActorJobName || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>System Messages:</label>\r\n          <span>{{ $instance()!.systemMessages || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <!-- Show More Section -->\r\n\r\n        <div class=\"wf-status-accordion\">\r\n          <button class=\"accordion-summary\" (click)=\"toggleAccordion()\">\r\n            <span><i [ngClass]=\"$isExpanded() ? 'feather-minus' : 'feather-plus'\"></i></span> {{ $isExpanded() ? 'Hide Details' : 'Show More' }}\r\n          </button>\r\n\r\n          <div class=\"accordion-body\" [style.maxHeight]=\"$isExpanded() ? '1000px' : '0'\"\r\n            [style.opacity]=\"$isExpanded() ? '1' : '0'\" [style.pointerEvents]=\"$isExpanded() ? 'auto' : 'none'\">\r\n            <div class=\"wf-status-row\">\r\n              <label>Workflow ID:</label>\r\n              <span>\r\n                {{ $instance()!.workflowId }}\r\n              </span>\r\n              <button type=\"button\" (click)=\"copy($instance()!.workflowId)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Employee ID:</label>\r\n              <span>\r\n                {{ $instance()!.lastActorEmployeeId }}\r\n              </span>\r\n              <button type=\"button\" (click)=\"copy($instance()!.lastActorEmployeeId)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Last Triggered Step ID:</label>\r\n              <span>\r\n                {{ $instance()!.lastTriggeredStepId || '\u2014' }}\r\n              </span>\r\n              @if ($instance()!.lastTriggeredStepId) {\r\n              <button type=\"button\" (click)=\"copy($instance()!.lastTriggeredStepId)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n              }\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Attributes JSON:</label>\r\n              <span>\r\n                <code>{{ $attributesBeauty() }}</code>\r\n              </span>\r\n              <button type=\"button\" (click)=\"copy($instance()!.attributesJson)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Debug Mode:</label>\r\n              <span>{{ $instance()!.isDebug ? '\u2714 Enabled' : '\u274C Disabled' }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"runtime-routing-n-logs\">\r\n      <runtime-routing [$instance]=\"$instance()\" />\r\n      <div class=\"h15\"></div>\r\n      <runtime-logs [$instance]=\"$instance()\" />\r\n    </div>\r\n  </div>\r\n</div>", styles: [".wf-instance-status-container .status-parts{display:flex;width:100%;overflow:auto}.wf-instance-status-container .status-parts .saga{width:480px;padding:15px;background-color:#fdfdfd;border:1px solid #e5e7eb;font-size:13px;display:inline-block}.wf-instance-status-container .status-parts .saga .wf-status-title{margin-bottom:1.5rem;color:#1f2937}.wf-instance-status-container .status-parts .saga .wf-status-loading,.wf-instance-status-container .status-parts .saga .wf-status-empty{color:#3b82f6}.wf-instance-status-container .status-parts .saga .wf-status-error{color:#dc2626}.wf-instance-status-container .status-parts .saga .wf-status-card{background-color:#fff;padding:15px;border:1px solid #d1d5db;display:flex;flex-direction:column;gap:8px}.wf-instance-status-container .status-parts .saga .wf-status-section-title{background-color:#e0f2fe;color:#0284c7;padding:15px;border-left:4px solid #38bdf8;border-radius:4px;margin-bottom:.25rem}.wf-instance-status-container .status-parts .saga .wf-status-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-bottom:1px dashed #e5e7eb;padding-bottom:8px}.wf-instance-status-container .status-parts .saga .wf-status-row label{color:#374151;width:120px}.wf-instance-status-container .status-parts .saga .wf-status-row span{font-family:monospace;color:#111827;width:280px}.wf-instance-status-container .status-parts .saga .wf-status-row span:not(:has(code)){overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.wf-instance-status-container .status-parts .saga .wf-status-badge{display:inline-block;padding:15px;border-radius:9999px;text-transform:uppercase}.wf-instance-status-container .status-parts .saga .wf-status-approved{background-color:#d1fae5;color:#065f46}.wf-instance-status-container .status-parts .saga .wf-status-revoked,.wf-instance-status-container .status-parts .saga .wf-status-terminated,.wf-instance-status-container .status-parts .saga .wf-status-rejected{background-color:#fee2e2;color:#991b1b}.wf-instance-status-container .status-parts .saga .wf-status-in_progress{background-color:#fef3c7;color:#92400e}.wf-instance-status-container .status-parts .saga .wf-status-debug-true{background-color:#e0f2fe;color:#0369a1;padding:15px}.wf-instance-status-container .status-parts .saga .wf-status-debug-false{background-color:#f3f4f6;color:#6b7280;padding:15px}.wf-instance-status-container .status-parts .saga .wf-status-actor-card{background-color:#f0fdf4;border:1px dashed #34d399;padding:15px;display:flex;flex-direction:column;gap:.5rem}.wf-instance-status-container .status-parts .saga .wf-status-actor-card .wf-status-row{border:none;padding:0}.wf-instance-status-container .status-parts .saga .wf-status-actor-card label,.wf-instance-status-container .status-parts .saga .wf-status-actor-card span{color:#065f46}.wf-instance-status-container .status-parts .saga .wf-status-accordion{margin-top:1rem;border-top:1px dashed #ccc;padding-top:1rem}.wf-instance-status-container .status-parts .saga .accordion-summary{background:none;border:none;cursor:pointer;padding:.5rem 0;color:#444;transition:color .2s}.wf-instance-status-container .status-parts .saga .accordion-summary:hover{color:#000}.wf-instance-status-container .status-parts .saga .accordion-body{overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.wf-instance-status-container .status-parts .saga .copy-btn{background:none;border:none;cursor:pointer;font-size:1em;margin-left:.5rem;color:#888}.wf-instance-status-container .status-parts .saga .copy-btn:hover{color:#000}.wf-instance-status-container .status-parts .runtime-routing-n-logs{margin-left:15px;display:inline-block}.wf-instance-status-container .status-parts .runtime-routing-n-logs .h15{height:15px}\n"] }]
+                    ], template: "<div class=\"wf-instance-status-container\">\r\n  <core-page-header [title]=\"'Workflow Instance Status'\" (buttonClick)=\"onCorePageHeaderButtonClicked($event)\"/>\r\n\r\n  <div class=\"status-parts\">\r\n    <div class=\"saga\">\r\n      @if ($loading()) {\r\n      <p class=\"wf-status-loading\">\r\n        <core-terminal-spinner />\r\n      </p>\r\n      } @else if ($error()) {\r\n      <p class=\"wf-status-error\">\u26A0\uFE0F {{ $error() }}</p>\r\n      } @else if (!$instance()) {\r\n      <p class=\"wf-status-empty\">No instance data found.</p>\r\n      } @else {\r\n      <div class=\"wf-status-card\">\r\n\r\n        <!-- Workflow Info -->\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Workflow Name:</label>\r\n          <span>{{ $instance()!.workflowName }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Current State:</label>\r\n          <span class=\"wf-status-badge1 wf-status-{{ $instance()!.currentState.toLowerCase() }}\">\r\n            {{ $instance()!.currentState }}\r\n          </span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Current Step:</label>\r\n          <span>{{ $instance()!.currentStepName || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Last Action At:</label>\r\n          <span>{{ $instance()!.lastActionAt | tableCell : 'DATE_TIME' : lang }}</span>\r\n        </div>\r\n\r\n        <!-- First Actor Info -->\r\n        <div class=\"wf-status-subtitle\">\uD83D\uDCCC First Actor</div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Full Name:</label>\r\n          <span>{{ $instance()!.firstActorFullname }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Email:</label>\r\n          <span>{{ $instance()!.firstActorEmail }}</span>\r\n        </div>\r\n\r\n        <!-- Last Actor Info -->\r\n        <div class=\"wf-status-subtitle\">\uD83D\uDD0D Last Actor</div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Full Name:</label>\r\n          <span>{{ $instance()!.lastActorFullname || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Email:</label>\r\n          <span>{{ $instance()!.lastActorEmail || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Employee Code:</label>\r\n          <span>{{ $instance()!.lastActorEmployeeCode || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Position Name:</label>\r\n          <span>{{ $instance()!.lastActorPositionName || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>Job Name:</label>\r\n          <span>{{ $instance()!.lastActorJobName || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <div class=\"wf-status-row\">\r\n          <label>System Messages:</label>\r\n          <span>{{ $instance()!.systemMessages || '\u2014' }}</span>\r\n        </div>\r\n\r\n        <!-- Show More Section -->\r\n\r\n        @if (!$instance()?.globalConfig.instanceStatusHideMore) {\r\n\r\n        <div class=\"wf-status-accordion\">\r\n          <button class=\"accordion-summary\" (click)=\"toggleAccordion()\">\r\n            <span><i [ngClass]=\"$isExpanded() ? 'feather-minus' : 'feather-plus'\"></i></span> {{ $isExpanded() ? 'Hide Details' : 'Show More' }}\r\n          </button>\r\n\r\n          <div class=\"accordion-body\" [style.maxHeight]=\"$isExpanded() ? '1000px' : '0'\"\r\n            [style.opacity]=\"$isExpanded() ? '1' : '0'\" [style.pointerEvents]=\"$isExpanded() ? 'auto' : 'none'\">\r\n            <div class=\"wf-status-row\">\r\n              <label>Workflow ID:</label>\r\n              <span>\r\n                {{ $instance()!.workflowId }}\r\n              </span>\r\n              <button type=\"button\" (click)=\"copy($instance()!.workflowId)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Employee ID:</label>\r\n              <span>\r\n                {{ $instance()!.lastActorEmployeeId }}\r\n              </span>\r\n              <button type=\"button\" (click)=\"copy($instance()!.lastActorEmployeeId)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Last Triggered Step ID:</label>\r\n              <span>\r\n                {{ $instance()!.lastTriggeredStepId || '\u2014' }}\r\n              </span>\r\n              @if ($instance()!.lastTriggeredStepId) {\r\n              <button type=\"button\" (click)=\"copy($instance()!.lastTriggeredStepId)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n              }\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Attributes JSON:</label>\r\n              <span>\r\n                <code>{{ $attributesBeauty() }}</code>\r\n              </span>\r\n              <button type=\"button\" (click)=\"copy($instance()!.attributesJson)\" class=\"copy-btn\"><i class=\"feather-clipboard\"></i></button>\r\n            </div>\r\n\r\n            <div class=\"wf-status-row\">\r\n              <label>Debug Mode:</label>\r\n              <span>{{ $instance()!.isDebug ? '\u2714 Enabled' : '\u274C Disabled' }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n       }\r\n\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"runtime-routing-n-logs\">\r\n      <runtime-routing [$instance]=\"$instance()\" />\r\n      @if (!$instance()?.globalConfig.instanceStatusHideLogs) {\r\n        <div class=\"h15\"></div>\r\n        <runtime-logs [$instance]=\"$instance()\" />\r\n      }\r\n    </div>\r\n\r\n  </div>\r\n</div>", styles: [".wf-instance-status-container .status-parts{display:flex;width:100%;overflow:auto}.wf-instance-status-container .status-parts .saga{width:480px;padding:15px;background-color:#fdfdfd;border:1px solid #e5e7eb;font-size:13px;display:inline-block}.wf-instance-status-container .status-parts .saga .wf-status-title{margin-bottom:1.5rem;color:#1f2937}.wf-instance-status-container .status-parts .saga .wf-status-loading,.wf-instance-status-container .status-parts .saga .wf-status-empty{color:#3b82f6}.wf-instance-status-container .status-parts .saga .wf-status-error{color:#dc2626}.wf-instance-status-container .status-parts .saga .wf-status-card{background-color:#fff;padding:15px;border:1px solid #d1d5db;display:flex;flex-direction:column;gap:8px}.wf-instance-status-container .status-parts .saga .wf-status-section-title{background-color:#e0f2fe;color:#0284c7;padding:15px;border-left:4px solid #38bdf8;border-radius:4px;margin-bottom:.25rem}.wf-instance-status-container .status-parts .saga .wf-status-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-bottom:1px dashed #e5e7eb;padding-bottom:8px}.wf-instance-status-container .status-parts .saga .wf-status-row label{color:#374151;width:120px}.wf-instance-status-container .status-parts .saga .wf-status-row span{font-family:monospace;color:#111827;width:280px}.wf-instance-status-container .status-parts .saga .wf-status-row span:not(:has(code)){overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.wf-instance-status-container .status-parts .saga .wf-status-badge{display:inline-block;padding:15px;border-radius:9999px;text-transform:uppercase}.wf-instance-status-container .status-parts .saga .wf-status-approved{background-color:#d1fae5;color:#065f46}.wf-instance-status-container .status-parts .saga .wf-status-revoked,.wf-instance-status-container .status-parts .saga .wf-status-terminated,.wf-instance-status-container .status-parts .saga .wf-status-rejected{background-color:#fee2e2;color:#991b1b}.wf-instance-status-container .status-parts .saga .wf-status-in_progress{background-color:#fef3c7;color:#92400e}.wf-instance-status-container .status-parts .saga .wf-status-debug-true{background-color:#e0f2fe;color:#0369a1;padding:15px}.wf-instance-status-container .status-parts .saga .wf-status-debug-false{background-color:#f3f4f6;color:#6b7280;padding:15px}.wf-instance-status-container .status-parts .saga .wf-status-actor-card{background-color:#f0fdf4;border:1px dashed #34d399;padding:15px;display:flex;flex-direction:column;gap:.5rem}.wf-instance-status-container .status-parts .saga .wf-status-actor-card .wf-status-row{border:none;padding:0}.wf-instance-status-container .status-parts .saga .wf-status-actor-card label,.wf-instance-status-container .status-parts .saga .wf-status-actor-card span{color:#065f46}.wf-instance-status-container .status-parts .saga .wf-status-accordion{margin-top:1rem;border-top:1px dashed #ccc;padding-top:1rem}.wf-instance-status-container .status-parts .saga .accordion-summary{background:none;border:none;cursor:pointer;padding:.5rem 0;color:#444;transition:color .2s}.wf-instance-status-container .status-parts .saga .accordion-summary:hover{color:#000}.wf-instance-status-container .status-parts .saga .accordion-body{overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.wf-instance-status-container .status-parts .saga .copy-btn{background:none;border:none;cursor:pointer;font-size:1em;margin-left:.5rem;color:#888}.wf-instance-status-container .status-parts .saga .copy-btn:hover{color:#000}.wf-instance-status-container .status-parts .runtime-routing-n-logs{margin-left:15px;display:inline-block}.wf-instance-status-container .status-parts .runtime-routing-n-logs .h15{height:15px}\n"] }]
         }], ctorParameters: () => [{ type: MultiLanguageService }, { type: SocketService }, { type: AlertService }] });
 
 export { WfInstanceStatusComponent };
-//# sourceMappingURL=ngx-histaff-alpha-wf-instance-status.component-Dvwxxkl9.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-wf-instance-status.component-BpvZcUYZ.mjs.map