ngx-histaff-alpha 6.4.8 → 6.4.9

package/fesm2022/ngx-histaff-alpha-wf-lab.component-Db5dIgKZ.mjs

@@ -0,0 +1,130 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, effect, Component } from '@angular/core';
+import { Router } from '@angular/router';
+import { m as CoreWorkflowService } from './ngx-histaff-alpha-ngx-histaff-alpha-TWTSrQ0J.mjs';
+import * as i1 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i2 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i3 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i4 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+
+class WfLabComponent {
+    constructor() {
+        this.router = inject(Router);
+        this.wfs = inject(CoreWorkflowService);
+        // Inputs
+        this.$workflowId = signal('');
+        this.$correlationId = signal('');
+        this.$stepId = signal('');
+        this.$actorId = signal('');
+        this.$reason = signal('LAB reason…');
+        // React / Inject
+        this.$reactType = signal('APPROVED');
+        this.$injectType = signal('CANCELLED');
+        // Groups + Workflows
+        this.$groups = this.wfs.$allGroups;
+        this.$allWorkflows = computed(() => {
+            return this.$groups().flatMap(g => g.wfWorkflows.map(w => ({
+                id: w.id,
+                label: `${g.name} / ${w.name}`
+            })));
+        });
+        // Current steps (design-time steps)
+        this.$steps = this.wfs.$currentSteps;
+        // Auto-build United Correlation IDs
+        this.$united = computed(() => {
+            const w = this.$workflowId();
+            const c = this.$correlationId();
+            const s = this.$stepId();
+            const a = this.$actorId();
+            return (w && c && s && a)
+                ? `${w}___${c}___${s}___${a}`
+                : '';
+        });
+        effect(() => {
+            const existing = this.wfs.$allGroups();
+            if (existing.length === 0) {
+                this.loadGroupsOnce();
+            }
+        });
+    }
+    loadGroupsOnce() {
+        this.wfs
+            .refreshObservable('/api/WfWorkflowGroup/GetAllWithWorkflows', '', undefined, false)
+            .subscribe(x => {
+            if (x.ok && x.status === 200 && x.body?.statusCode === 200) {
+                const groups = x.body.innerBody
+                    .map(g => ({ ...g, orderNum: g.orderNum ?? 999 }))
+                    .sort((a, b) => a.orderNum - b.orderNum);
+                this.wfs.$allGroups.set(groups);
+            }
+            else {
+                console.warn('⚠️ LAB: GetAllWithWorkflows failed', x.body);
+            }
+        });
+    }
+    // Select Workflow
+    selectWorkflow(id) {
+        this.$workflowId.set(id);
+    }
+    // Select React Type
+    selectReactType(v) {
+        this.$reactType.set(v);
+    }
+    // Select Inject Type
+    selectInjectType(v) {
+        this.$injectType.set(v);
+    }
+    // Execute React
+    doReact() {
+        const uid = this.$united();
+        if (!uid)
+            return;
+        this.wfs.react(uid, this.$reactType(), this.$reason(), {}).subscribe();
+    }
+    // Execute Inject
+    doInject() {
+        const uid = this.$united();
+        if (!uid)
+            return;
+        this.wfs.inject(uid, this.$injectType(), this.$reason()).subscribe();
+    }
+    // Navigation
+    openKickoff() {
+        if (!this.$workflowId())
+            return;
+        this.router.navigate(['/root/workflow/workflow-consume', this.$workflowId()]);
+    }
+    openReactPage() {
+        if (!this.$united())
+            return;
+        this.router.navigate(['/root/workflow/react', this.$united()]);
+    }
+    openStatus() {
+        if (!this.$workflowId())
+            return;
+        this.router.navigate(['/root/workflow/status', this.$workflowId()]);
+    }
+    openPreview() {
+        if (!this.$workflowId())
+            return;
+        this.router.navigate(['/root/workflow/workflow-consume', this.$workflowId()], { queryParams: { preview: true } });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WfLabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: WfLabComponent, isStandalone: true, selector: "core-wf-lab", ngImport: i0, template: "<div class=\"lab-container\">\r\n\r\n  <h2>Workflow Engine LAB (Backend-Accurate)</h2>\r\n\r\n  <!-- Workflow selector -->\r\n  <mat-form-field appearance=\"outline\" class=\"w100\">\r\n    <mat-label>Select Workflow</mat-label>\r\n    <mat-select\r\n      [value]=\"$workflowId()\"\r\n      (selectionChange)=\"selectWorkflow($any($event.value))\">\r\n\r\n      @for (wf of $allWorkflows(); track wf.id) {\r\n        <mat-option [value]=\"wf.id\">{{ wf.label }}</mat-option>\r\n      }\r\n\r\n    </mat-select>\r\n  </mat-form-field>\r\n\r\n  <!-- Input Grid -->\r\n  <div class=\"input-grid\">\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Workflow ID</mat-label>\r\n      <input matInput [value]=\"$workflowId()\"\r\n             (input)=\"$workflowId.set($any($event.target).value)\" />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Correlation ID</mat-label>\r\n      <input matInput [value]=\"$correlationId()\"\r\n             (input)=\"$correlationId.set($any($event.target).value)\" />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Step ID</mat-label>\r\n      <mat-select\r\n        [value]=\"$stepId()\"\r\n        (selectionChange)=\"$stepId.set($any($event.value))\">\r\n\r\n        @for (s of $steps(); track s.id) {\r\n          <mat-option [value]=\"s.id\">{{ s.name }}</mat-option>\r\n        }\r\n\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Actor ID</mat-label>\r\n      <input matInput [value]=\"$actorId()\"\r\n             (input)=\"$actorId.set($any($event.target).value)\" />\r\n    </mat-form-field>\r\n\r\n  </div>\r\n\r\n  <!-- Auto United -->\r\n  <div class=\"united-display\">\r\n    <div class=\"label\">UnitedCorrelationIds:</div>\r\n    <div class=\"value\">{{$united()}}</div>\r\n  </div>\r\n\r\n  <!-- Reason -->\r\n  <mat-form-field appearance=\"outline\" class=\"w100\">\r\n    <mat-label>Reason</mat-label>\r\n    <textarea matInput rows=\"3\"\r\n              [value]=\"$reason()\"\r\n              (input)=\"$reason.set($any($event.target).value)\">\r\n    </textarea>\r\n  </mat-form-field>\r\n\r\n  <!-- React Actions -->\r\n  <div class=\"section-title\">React Actions (Actor)</div>\r\n\r\n  <div class=\"action-row\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>React Type</mat-label>\r\n      <mat-select [value]=\"$reactType()\"\r\n                  (selectionChange)=\"selectReactType($any($event.value))\">\r\n\r\n        <mat-option value=\"APPROVED\">APPROVED</mat-option>\r\n        <mat-option value=\"REJECTED\">REJECTED</mat-option>\r\n        <mat-option value=\"CONFIRMED\">CONFIRMED</mat-option>\r\n\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <button mat-raised-button color=\"primary\" (click)=\"doReact()\">\r\n      Run React\r\n    </button>\r\n  </div>\r\n\r\n  <!-- Inject Actions -->\r\n  <div class=\"section-title\">Inject Actions (System)</div>\r\n\r\n  <div class=\"action-row\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Inject Type</mat-label>\r\n      <mat-select [value]=\"$injectType()\"\r\n                  (selectionChange)=\"selectInjectType($any($event.value))\">\r\n\r\n        <mat-option value=\"CANCELLED\">CANCELLED</mat-option>\r\n        <mat-option value=\"REVOKED\">REVOKED</mat-option>\r\n        <mat-option value=\"TERMINATED\">TERMINATED</mat-option>\r\n\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <button mat-raised-button color=\"warn\" (click)=\"doInject()\">\r\n      Run Inject\r\n    </button>\r\n  </div>\r\n\r\n  <!-- Navigation -->\r\n  <div class=\"section-title\">Navigation</div>\r\n\r\n  <div class=\"button-row\">\r\n    <button mat-raised-button (click)=\"openKickoff()\">Open Kickoff</button>\r\n    <button mat-raised-button (click)=\"openReactPage()\">Open React Page</button>\r\n    <button mat-raised-button (click)=\"openStatus()\">Open Status</button>\r\n    <button mat-raised-button (click)=\"openPreview()\">Preview Mode</button>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".lab-container{padding:24px;max-width:900px;margin:0 auto}.lab-container h2{font-size:26px;font-weight:700;margin-bottom:24px}.w100{width:100%}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.input-grid mat-form-field{width:100%}.united-display{margin:12px 0 20px;padding:12px;background:#f3f3f3;border-radius:6px;font-size:14px;line-height:24px;display:flex;flex-direction:column}.united-display .label{font-weight:700;color:#555}.united-display .value{font-family:monospace;word-break:break-all}.section-title{margin-top:32px;margin-bottom:12px;font-size:18px;font-weight:600}.action-row{display:flex;align-items:center;gap:16px;margin-bottom:24px}.action-row mat-form-field{width:240px;flex-shrink:0}.action-row button{height:48px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button-row button{min-width:180px}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WfLabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-wf-lab', standalone: true, imports: [
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatSelectModule,
+                        MatButtonModule,
+                    ], template: "<div class=\"lab-container\">\r\n\r\n  <h2>Workflow Engine LAB (Backend-Accurate)</h2>\r\n\r\n  <!-- Workflow selector -->\r\n  <mat-form-field appearance=\"outline\" class=\"w100\">\r\n    <mat-label>Select Workflow</mat-label>\r\n    <mat-select\r\n      [value]=\"$workflowId()\"\r\n      (selectionChange)=\"selectWorkflow($any($event.value))\">\r\n\r\n      @for (wf of $allWorkflows(); track wf.id) {\r\n        <mat-option [value]=\"wf.id\">{{ wf.label }}</mat-option>\r\n      }\r\n\r\n    </mat-select>\r\n  </mat-form-field>\r\n\r\n  <!-- Input Grid -->\r\n  <div class=\"input-grid\">\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Workflow ID</mat-label>\r\n      <input matInput [value]=\"$workflowId()\"\r\n             (input)=\"$workflowId.set($any($event.target).value)\" />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Correlation ID</mat-label>\r\n      <input matInput [value]=\"$correlationId()\"\r\n             (input)=\"$correlationId.set($any($event.target).value)\" />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Step ID</mat-label>\r\n      <mat-select\r\n        [value]=\"$stepId()\"\r\n        (selectionChange)=\"$stepId.set($any($event.value))\">\r\n\r\n        @for (s of $steps(); track s.id) {\r\n          <mat-option [value]=\"s.id\">{{ s.name }}</mat-option>\r\n        }\r\n\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Actor ID</mat-label>\r\n      <input matInput [value]=\"$actorId()\"\r\n             (input)=\"$actorId.set($any($event.target).value)\" />\r\n    </mat-form-field>\r\n\r\n  </div>\r\n\r\n  <!-- Auto United -->\r\n  <div class=\"united-display\">\r\n    <div class=\"label\">UnitedCorrelationIds:</div>\r\n    <div class=\"value\">{{$united()}}</div>\r\n  </div>\r\n\r\n  <!-- Reason -->\r\n  <mat-form-field appearance=\"outline\" class=\"w100\">\r\n    <mat-label>Reason</mat-label>\r\n    <textarea matInput rows=\"3\"\r\n              [value]=\"$reason()\"\r\n              (input)=\"$reason.set($any($event.target).value)\">\r\n    </textarea>\r\n  </mat-form-field>\r\n\r\n  <!-- React Actions -->\r\n  <div class=\"section-title\">React Actions (Actor)</div>\r\n\r\n  <div class=\"action-row\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>React Type</mat-label>\r\n      <mat-select [value]=\"$reactType()\"\r\n                  (selectionChange)=\"selectReactType($any($event.value))\">\r\n\r\n        <mat-option value=\"APPROVED\">APPROVED</mat-option>\r\n        <mat-option value=\"REJECTED\">REJECTED</mat-option>\r\n        <mat-option value=\"CONFIRMED\">CONFIRMED</mat-option>\r\n\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <button mat-raised-button color=\"primary\" (click)=\"doReact()\">\r\n      Run React\r\n    </button>\r\n  </div>\r\n\r\n  <!-- Inject Actions -->\r\n  <div class=\"section-title\">Inject Actions (System)</div>\r\n\r\n  <div class=\"action-row\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Inject Type</mat-label>\r\n      <mat-select [value]=\"$injectType()\"\r\n                  (selectionChange)=\"selectInjectType($any($event.value))\">\r\n\r\n        <mat-option value=\"CANCELLED\">CANCELLED</mat-option>\r\n        <mat-option value=\"REVOKED\">REVOKED</mat-option>\r\n        <mat-option value=\"TERMINATED\">TERMINATED</mat-option>\r\n\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <button mat-raised-button color=\"warn\" (click)=\"doInject()\">\r\n      Run Inject\r\n    </button>\r\n  </div>\r\n\r\n  <!-- Navigation -->\r\n  <div class=\"section-title\">Navigation</div>\r\n\r\n  <div class=\"button-row\">\r\n    <button mat-raised-button (click)=\"openKickoff()\">Open Kickoff</button>\r\n    <button mat-raised-button (click)=\"openReactPage()\">Open React Page</button>\r\n    <button mat-raised-button (click)=\"openStatus()\">Open Status</button>\r\n    <button mat-raised-button (click)=\"openPreview()\">Preview Mode</button>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".lab-container{padding:24px;max-width:900px;margin:0 auto}.lab-container h2{font-size:26px;font-weight:700;margin-bottom:24px}.w100{width:100%}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.input-grid mat-form-field{width:100%}.united-display{margin:12px 0 20px;padding:12px;background:#f3f3f3;border-radius:6px;font-size:14px;line-height:24px;display:flex;flex-direction:column}.united-display .label{font-weight:700;color:#555}.united-display .value{font-family:monospace;word-break:break-all}.section-title{margin-top:32px;margin-bottom:12px;font-size:18px;font-weight:600}.action-row{display:flex;align-items:center;gap:16px;margin-bottom:24px}.action-row mat-form-field{width:240px;flex-shrink:0}.action-row button{height:48px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button-row button{min-width:180px}\n"] }]
+        }], ctorParameters: () => [] });
+
+export { WfLabComponent };
+//# sourceMappingURL=ngx-histaff-alpha-wf-lab.component-Db5dIgKZ.mjs.map

package/fesm2022/ngx-histaff-alpha-wf-lab.component-Db5dIgKZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-histaff-alpha-wf-lab.component-Db5dIgKZ.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/wf-lab/wf-lab.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/wf-lab/wf-lab.component.html"],"sourcesContent":["import { Component, signal, computed, inject, effect } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { CoreWorkflowService } from '../core-workflow.service';\r\n\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { IWfWorkflowGroup } from '../interfaces/IWfWorkflowGroup';\r\n\r\n@Component({\r\n  selector: 'core-wf-lab',\r\n  standalone: true,\r\n  imports: [\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatSelectModule,\r\n    MatButtonModule,\r\n  ],\r\n  templateUrl: './wf-lab.component.html',\r\n  styleUrl: './wf-lab.component.scss'\r\n})\r\nexport class WfLabComponent {\r\n\r\n  router = inject(Router);\r\n  wfs = inject(CoreWorkflowService);\r\n\r\n  // Inputs\r\n  $workflowId = signal<string>('');\r\n  $correlationId = signal<string>('');\r\n  $stepId = signal<string>('');\r\n  $actorId = signal<string>('');\r\n  $reason = signal<string>('LAB reason…');\r\n\r\n  // React / Inject\r\n  $reactType = signal<string>('APPROVED');\r\n  $injectType = signal<string>('CANCELLED');\r\n\r\n  // Groups + Workflows\r\n  $groups = this.wfs.$allGroups;\r\n  $allWorkflows = computed(() => {\r\n    return this.$groups().flatMap(g =>\r\n      g.wfWorkflows.map(w => ({\r\n        id: w.id,\r\n        label: `${g.name} / ${w.name}`\r\n      }))\r\n    );\r\n  });\r\n\r\n  // Current steps (design-time steps)\r\n  $steps = this.wfs.$currentSteps;\r\n\r\n  // Auto-build United Correlation IDs\r\n  $united = computed(() => {\r\n    const w = this.$workflowId();\r\n    const c = this.$correlationId();\r\n    const s = this.$stepId();\r\n    const a = this.$actorId();\r\n    return (w && c && s && a)\r\n      ? `${w}___${c}___${s}___${a}`\r\n      : '';\r\n  });\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const existing = this.wfs.$allGroups();\r\n      if (existing.length === 0) {\r\n        this.loadGroupsOnce();\r\n      }\r\n    });\r\n  }\r\n\r\n  private loadGroupsOnce() {\r\n    this.wfs\r\n      .refreshObservable(\r\n        '/api/WfWorkflowGroup/GetAllWithWorkflows',\r\n        '',\r\n        undefined,\r\n        false\r\n      )\r\n      .subscribe(x => {\r\n        if (x.ok && x.status === 200 && x.body?.statusCode === 200) {\r\n          const groups = (x.body.innerBody as IWfWorkflowGroup[])\r\n            .map(g => ({ ...g, orderNum: g.orderNum ?? 999 }))\r\n            .sort((a, b) => a.orderNum - b.orderNum);\r\n\r\n          this.wfs.$allGroups.set(groups);\r\n        } else {\r\n          console.warn('⚠️ LAB: GetAllWithWorkflows failed', x.body);\r\n        }\r\n      });\r\n  }\r\n\r\n  // Select Workflow\r\n  selectWorkflow(id: string) {\r\n    this.$workflowId.set(id);\r\n  }\r\n\r\n  // Select React Type\r\n  selectReactType(v: string) {\r\n    this.$reactType.set(v);\r\n  }\r\n\r\n  // Select Inject Type\r\n  selectInjectType(v: string) {\r\n    this.$injectType.set(v);\r\n  }\r\n\r\n  // Execute React\r\n  doReact() {\r\n    const uid = this.$united();\r\n    if (!uid) return;\r\n\r\n    this.wfs.react(\r\n      uid,\r\n      this.$reactType(),\r\n      this.$reason(),\r\n      {}\r\n    ).subscribe();\r\n  }\r\n\r\n  // Execute Inject\r\n  doInject() {\r\n    const uid = this.$united();\r\n    if (!uid) return;\r\n\r\n    this.wfs.inject(\r\n      uid,\r\n      this.$injectType(),\r\n      this.$reason()\r\n    ).subscribe();\r\n  }\r\n\r\n  // Navigation\r\n  openKickoff() {\r\n    if (!this.$workflowId()) return;\r\n    this.router.navigate(['/root/workflow/workflow-consume', this.$workflowId()]);\r\n  }\r\n\r\n  openReactPage() {\r\n    if (!this.$united()) return;\r\n    this.router.navigate(['/root/workflow/react', this.$united()]);\r\n  }\r\n\r\n  openStatus() {\r\n    if (!this.$workflowId()) return;\r\n    this.router.navigate(['/root/workflow/status', this.$workflowId()]);\r\n  }\r\n\r\n  openPreview() {\r\n    if (!this.$workflowId()) return;\r\n    this.router.navigate(\r\n      ['/root/workflow/workflow-consume', this.$workflowId()],\r\n      { queryParams: { preview: true } }\r\n    );\r\n  }\r\n}\r\n","<div class=\"lab-container\">\r\n\r\n  <h2>Workflow Engine LAB (Backend-Accurate)</h2>\r\n\r\n  <!-- Workflow selector -->\r\n  <mat-form-field appearance=\"outline\" class=\"w100\">\r\n    <mat-label>Select Workflow</mat-label>\r\n    <mat-select\r\n      [value]=\"$workflowId()\"\r\n      (selectionChange)=\"selectWorkflow($any($event.value))\">\r\n\r\n      @for (wf of $allWorkflows(); track wf.id) {\r\n        <mat-option [value]=\"wf.id\">{{ wf.label }}</mat-option>\r\n      }\r\n\r\n    </mat-select>\r\n  </mat-form-field>\r\n\r\n  <!-- Input Grid -->\r\n  <div class=\"input-grid\">\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Workflow ID</mat-label>\r\n      <input matInput [value]=\"$workflowId()\"\r\n             (input)=\"$workflowId.set($any($event.target).value)\" />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Correlation ID</mat-label>\r\n      <input matInput [value]=\"$correlationId()\"\r\n             (input)=\"$correlationId.set($any($event.target).value)\" />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Step ID</mat-label>\r\n      <mat-select\r\n        [value]=\"$stepId()\"\r\n        (selectionChange)=\"$stepId.set($any($event.value))\">\r\n\r\n        @for (s of $steps(); track s.id) {\r\n          <mat-option [value]=\"s.id\">{{ s.name }}</mat-option>\r\n        }\r\n\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Actor ID</mat-label>\r\n      <input matInput [value]=\"$actorId()\"\r\n             (input)=\"$actorId.set($any($event.target).value)\" />\r\n    </mat-form-field>\r\n\r\n  </div>\r\n\r\n  <!-- Auto United -->\r\n  <div class=\"united-display\">\r\n    <div class=\"label\">UnitedCorrelationIds:</div>\r\n    <div class=\"value\">{{$united()}}</div>\r\n  </div>\r\n\r\n  <!-- Reason -->\r\n  <mat-form-field appearance=\"outline\" class=\"w100\">\r\n    <mat-label>Reason</mat-label>\r\n    <textarea matInput rows=\"3\"\r\n              [value]=\"$reason()\"\r\n              (input)=\"$reason.set($any($event.target).value)\">\r\n    </textarea>\r\n  </mat-form-field>\r\n\r\n  <!-- React Actions -->\r\n  <div class=\"section-title\">React Actions (Actor)</div>\r\n\r\n  <div class=\"action-row\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>React Type</mat-label>\r\n      <mat-select [value]=\"$reactType()\"\r\n                  (selectionChange)=\"selectReactType($any($event.value))\">\r\n\r\n        <mat-option value=\"APPROVED\">APPROVED</mat-option>\r\n        <mat-option value=\"REJECTED\">REJECTED</mat-option>\r\n        <mat-option value=\"CONFIRMED\">CONFIRMED</mat-option>\r\n\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <button mat-raised-button color=\"primary\" (click)=\"doReact()\">\r\n      Run React\r\n    </button>\r\n  </div>\r\n\r\n  <!-- Inject Actions -->\r\n  <div class=\"section-title\">Inject Actions (System)</div>\r\n\r\n  <div class=\"action-row\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Inject Type</mat-label>\r\n      <mat-select [value]=\"$injectType()\"\r\n                  (selectionChange)=\"selectInjectType($any($event.value))\">\r\n\r\n        <mat-option value=\"CANCELLED\">CANCELLED</mat-option>\r\n        <mat-option value=\"REVOKED\">REVOKED</mat-option>\r\n        <mat-option value=\"TERMINATED\">TERMINATED</mat-option>\r\n\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <button mat-raised-button color=\"warn\" (click)=\"doInject()\">\r\n      Run Inject\r\n    </button>\r\n  </div>\r\n\r\n  <!-- Navigation -->\r\n  <div class=\"section-title\">Navigation</div>\r\n\r\n  <div class=\"button-row\">\r\n    <button mat-raised-button (click)=\"openKickoff()\">Open Kickoff</button>\r\n    <button mat-raised-button (click)=\"openReactPage()\">Open React Page</button>\r\n    <button mat-raised-button (click)=\"openStatus()\">Open Status</button>\r\n    <button mat-raised-button (click)=\"openPreview()\">Preview Mode</button>\r\n  </div>\r\n\r\n</div>\r\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-histaff-alpha.mjs

@@ -1,2 +1,2 @@
-export { aR as ActionService, cF as ActionSvgEditComponent, cn as AlertComponent, b as AlertService, cr as AnimatedTextComponent, cq as AnimatedTextService, a as AppConfigService, aS as AppInitializationService, A as AppService, R as ApplicationHelpService, bJ as AtShiftPatternApplyComponent, bI as AtShiftPatternComponent, bK as AtShiftPatternEditComponent, bL as AtWorksignComponent, bM as AtWorksignService, aT as AuthService, B as BaseComponent, cs as BaseDropdownComponent, h as BaseEditComponent, cv as ButtonGroupComponent, ct as ButtonGroupModule, cu as ButtonGroupService, an as CORE_VNS_BUTTONS, aU as CacheService, aB as CanActivateFunctionUrlMapperGuard, s as CanDeactivateGuard, C as ChatService, aW as CheckForUpdateService, a_ as ClientService, cJ as ComPartyService, a$ as CommonHttpRequestService, b1 as ConfigService, cQ as ConfirmDialogStateComponent, d7 as ControlBase, cy as CoreAccordionComponent, cz as CoreAccordionService, cA as CoreActiveUserCountComponent, cC as CoreApiProgressComponent, a7 as CoreAttachmentComponent, cx as CoreButtonComponent, cD as CoreButtonGroupComponent, cG as CoreButtonGroupService, a0 as CoreButtonGroupVnsComponent, cH as CoreButtonVnsComponent, g as CoreCheckboxComponent, H as CoreChecklistComponent, cX as CoreComProfileComponent, cI as CoreComTreeComponent, cK as CoreCommonParamKitComponent, cL as CoreCompareDbPipelineComponent, cO as CoreCompositionComponent, cN as CoreCompositionService, cM as CoreCompositionState, cP as CoreConfirmDialogComponent, cY as CoreContractSeekerComponent, a5 as CoreControlComponent, cZ as CoreControlNoGridBufferComponent, c_ as CoreControlNoSeekerComponent, d9 as CoreControlService, L as CoreCurrencyInputComponent, eD as CoreD3Service, J as CoreDatePickerComponent, eZ as CoreDatetimeService, d0 as CoreDocgenToolbarComponent, G as CoreDropdownComponent, d1 as CoreEmployeeScheduleComponent, d2 as CoreEmployeeSeekerComponent, d_ as CoreFileFormatPickerComponent, d4 as CoreFileUploaderComponent, d5 as CoreFilterHubComponent, d6 as CoreFilterHubService, W as CoreFormComponent, df as CoreFormControlBaseComponent, K as CoreFormControlSeekerComponent, x as CoreFormDesignService, de as CoreFormLiteComponent, o as CoreFormService, dd as CoreFormTabComponent, dq as CoreGridBufferComponent, dr as CoreHeaderParamsComponent, ds as CoreHelperComponent, ab as CoreIosSwitcherComponent, cR as CoreLazyMountComponent, dt as CoreLineComponent, du as CoreLiquidWysiwygComponent, dv as CoreListComponent, dw as CoreListLazyComponent, dx as CoreLoadingSurfaceComponent, dy as CoreMccComponent, dz as CoreMonthPickerComponent, a8 as CoreMonthSelectorComponent, dA as CoreNavigationTrackerComponent, dC as CoreOauthCallbackComponent, dD as CoreOauthCallbackOffice365Component, dL as CoreOrgParamComponent, dG as CoreOrgTreeComponent, dI as CoreOrgTreeService, dH as CoreOrgTreeState, dJ as CoreOrgUnitSeekerComponent, dK as CoreOrgchartflexComponent, k as CorePageEditComponent, dP as CorePageEditLiteComponent, dO as CorePageEditService, dQ as CorePageEditTabComponent, d as CorePageHeaderComponent, f as CorePageListComponent, dU as CorePageListContentComponent, dS as CorePageListService, dT as CorePageListState, dW as CorePageViewComponent, dX as CorePaginationComponent, dY as CorePaginationFullComponent, dZ as CorePaginationFullService, O as CoreParamControlComponent, e2 as CorePermissionActionsComponent, e1 as CorePermissionComponent, d$ as CorePermissionService, eE as CorePieComponent, e3 as CorePositionConcurrentSeekerComponent, e4 as CorePositionSeekerComponent, e5 as CoreQrcodeComponent, e7 as CoreQueryBuilderComponent, P as CoreRadioGroupComponent, e8 as CoreReducerIconComponent, cS as CoreRootMenuItemPickerComponent, cT as CoreRootMenuItemPickerService, e9 as CoreRotatingTextComponent, ea as CoreRouteAccumulatorComponent, eb as CoreRoutingHistoryComponent, ec as CoreSalaryPolicyPickerComponent, eF as CoreScatterPlotComponent, ed as CoreScrollComponent, ee as CoreScrollLazyComponent, ef as CoreSeenByComponent, eg as CoreShiftCardComponent, eh as CoreShiftCellComponent, ei as CoreShiftCollectionComponent, ej as CoreShiftStickerComponent, eI as CoreStatisticWidgetComponent, el as CoreStatusStickerComponent, em as CoreSubFormGroupComponent, en as CoreTabListComponent, cW as CoreTableComponent, b2 as CoreTableService, l as CoreTabsComponent, eo as CoreTagsComponent, c as CoreTerminalSpinnerComponent, ep as CoreTopicPickerComponent, er as CoreTopicTreeComponent, es as CoreTreeComponent, eu as CoreTreeGridComponent, ev as CoreWageSeekerComponent, ey as CoreWorkflowBuilderComponent, ez as CoreWorkflowGroupEditComponent, r as CoreWorkflowListComponent, ew as CoreWorkingSeekerComponent, eA as CoreYearPickerComponent, eB as CoreYearSelectorComponent, da as CustomValidators, as as DATE_VALUE_ACCESSOR, eO as DEFAULT_SVG, ap as DESKTOP_SCREEN_HEDER_HEIGHT, at as DateValueAccessor, eJ as DecisionComponent, j as DialogService, ah as DialogStateComponent, b3 as DndService, b4 as DocxMergeService, z as DomService, cV as ECoreTableToolClass, cU as ECoreTableToolCode, co as EnumAlertType, aY as EnumBrowserType, cw as EnumButtonCaptionCode, eq as EnumCoreArticleCategoryTreeaAccessorMode, cE as EnumCoreButtonCode, Z as EnumCoreButtonVNSCode, eC as EnumCoreD3ScaleType, d3 as EnumCoreFileUploaderType, n as EnumCoreFormControlSeekerSourceType, dE as EnumCoreOrgTreeaAccessorMode, dF as EnumCoreOrgTreeaSearchMode, dM as EnumCorePageEditBootstrapClass, dN as EnumCorePageEditFieldType, V as EnumCorePageEditMode, dn as EnumCoreSeekerColumnAutoForm, di as EnumCoreSeekerColumnContract, dg as EnumCoreSeekerColumnJob, dl as EnumCoreSeekerColumnPosition, dm as EnumCoreSeekerColumnPositionConcurrent, dh as EnumCoreSeekerColumnStaffProfile, dk as EnumCoreSeekerColumnWage, dj as EnumCoreSeekerColumnWorking, E as EnumCoreTablePipeType, et as EnumCoreTreeGridEditMode, dV as EnumCoreViewItemType, aX as EnumDeviceType, au as EnumDragType, av as EnumErrorType, dR as EnumExType, aP as EnumFilterOperator, i as EnumFormBaseContolType, a4 as EnumFormDesignMode, eG as EnumHrComparisonCode, eH as EnumICoreStatisticWidgetDataType, aw as EnumIconClass, a9 as EnumImageResolverType, bl as EnumNotificationDir, e6 as EnumOparator, aZ as EnumOsType, e0 as EnumPermissionObjectType, ax as EnumProfileInfoSector, f0 as EnumRecursiveFields, ay as EnumSignalRType, az as EnumSortDirection, bu as EnumSsrsExpressExportFormat, bt as EnumSsrsExpressFileExtension, aA as EnumStyleButtonClass, aV as EnumSwUpdateVersionUpdatesEventType, bG as EnumWorkScheduleViewMode, eK as EvaluateDialogComponent, bF as EvaluateDialogService, e_ as FileService, b5 as FilterKitService, eV as FilterPipe, ai as FooterComponent, F as FullscreenModalLoaderComponent, bN as FunctionComponent, bP as FunctionEditComponent, ch as FunctionEditService, bQ as FunctionIgnoreComponent, bR as FunctionIgnoreEditComponent, Q as GptService, bS as GroupFunctionComponent, bT as GroupFunctionEditComponent, b6 as GrpcService, b7 as HeaderService, b8 as HistoryService, U as HotKeysDirective, a2 as HtmlTooltipDirective, b9 as HttpErrorHandler, ba as HubConnectionService, eL as HuconcurrentlyComponent, cp as IAlertOptions, I as ImageErrorResolverDirective, bV as InMemoryComponent, bO as IndividualScheduleApplyComponent, aC as InitializationCanActivateFn, aD as InitializationCanMatchFn, aF as InterceptorSkipHeader, bb as IpServiceService, eP as ItemComponent, eM as JobComponent, Y as JsonService, eN as LanguageChangerComponent, bW as LanguageComponent, bX as LanguageEditComponent, bc as LayoutService, bd as LiquidJsService, e$ as LongTaskService, aq as MOBILE_SCREEN_HEDER_HEIGHT, ad as MapAppdemoToServerPipePipe, ae as MapAttachmentToServerPipe, u as MapAvatarToServerPipe, af as MapNewsfeedMediaToServerPipe, be as MapService, bY as MenuComponent, bZ as MenuEditComponent, bf as MenuService, bg as MessageService, bh as ModalService, M as MultiLanguageService, b_ as MutationLogComponent, b$ as MutationViewComponent, eQ as NavigatorComponent, X as NavigatorService, cB as NewlyCreatedTokenService, aa as NormalizeHumanNamePipe, bm as NotificationActionType, aQ as OnlineUsersComponent, bi as OrganizationService, eR as OtpInputComponent, eS as OtpInputService, c0 as PaSalaryPolicyComponent, c1 as PaSalaryPolicyEditComponent, eT as PageTitleComponent, eU as PaginationComponent, bj as PkceService, c2 as PortalRouteComponent, c5 as PortalRouteEditComponent, eX as PositionComponent, eY as PositionEditService, bk as PositionTransferService, bn as PushNotificationService, _ as READONLY_WORKFLOW_FIELDS, bo as RandomAvatarService, f1 as RecursiveService, bp as RequestCache, bq as RequestCacheWithMap, br as ResponseService, aj as RightchatComponent, bs as RoutingService, ek as STICKER_COLOR_SCHEMA, c3 as ScheduleOverviewComponent, dp as SeekerService, w as SocketService, bv as SsrsExpressService, f4 as StaffProfileComponent, bx as StatisticAuthService, bw as StatisticService, S as StringHtmlPipe, f2 as StringService, ac as SunnyRotatingComponent, cb as SysActionComponent, cc as SysActionEditComponent, cd as SysFunctionActionComponent, ce as SysFunctionActionEditComponent, cf as SysFunctionActionMapperComponent, cg as SysFunctionUrlMapperComponent, by as SysMenuService, ci as SysModuleComponent, cj as SysModuleEditComponent, c6 as SysOtherListComponent, c7 as SysOtherListEditComponent, c8 as SysOtherListTypeComponent, c9 as SysOtherListTypeEditComponent, ck as SysRouteAccessComponent, b0 as TLA_CONFIG, t as TableCellPipe, d8 as Textbox, f5 as ThreedotsComponent, bz as TimeSheetService, f6 as TooltipComponent, T as TooltipDirective, bA as TopicPermissionService, bB as TopicTreeService, e as TranslatePipe, db as URL_PATTERN, f3 as UnicodeService, bC as UploadedFileService, ag as UploadedFilenameCutoffPipe, bD as UrlService, f7 as UserActivityComponent, bE as UserActivityService, f8 as WageComponent, ak as WaittingScreenComponent, bH as WorkShiftDndService, v as alertOptions, aG as appTypeInterceptor, am as attachmentOptions, aI as authInterceptor, aH as baseUrlInterceptor, cm as blob_to_base64_script, aN as cachingInterceptor, c$ as coreDocGenRoutes, dc as coreFormDesignRoutes, dB as coreNavigationTrackerRoutes, ca as coreSysActionRoutes, ex as coreWorkflowRoutes, ao as defaultPaging, aJ as graphInterceptor, bU as hrmSchemaRoutes, aE as httpInterceptorProviders, aO as langInterceptor, cl as liner_to_nested_array_script, al as longAlertOptions, $ as noneAutoClosedAlertOptions, eW as normalizeHumanName, aL as responseInterceptor, c4 as simpleChatRoutes, ar as themeBlue, aM as timeZoneInterceptor, aK as tokenInterceptor } from './ngx-histaff-alpha-ngx-histaff-alpha-DZMJyvtg.mjs';
+export { aR as ActionService, cF as ActionSvgEditComponent, cn as AlertComponent, b as AlertService, cr as AnimatedTextComponent, cq as AnimatedTextService, a as AppConfigService, aS as AppInitializationService, A as AppService, U as ApplicationHelpService, bJ as AtShiftPatternApplyComponent, bI as AtShiftPatternComponent, bK as AtShiftPatternEditComponent, bL as AtWorksignComponent, bM as AtWorksignService, aT as AuthService, B as BaseComponent, cs as BaseDropdownComponent, h as BaseEditComponent, cv as ButtonGroupComponent, ct as ButtonGroupModule, cu as ButtonGroupService, ao as CORE_VNS_BUTTONS, aU as CacheService, aC as CanActivateFunctionUrlMapperGuard, s as CanDeactivateGuard, C as ChatService, aW as CheckForUpdateService, a_ as ClientService, cJ as ComPartyService, a$ as CommonHttpRequestService, b1 as ConfigService, cQ as ConfirmDialogStateComponent, d7 as ControlBase, cy as CoreAccordionComponent, cz as CoreAccordionService, cA as CoreActiveUserCountComponent, cC as CoreApiProgressComponent, a8 as CoreAttachmentComponent, cx as CoreButtonComponent, cD as CoreButtonGroupComponent, cG as CoreButtonGroupService, a1 as CoreButtonGroupVnsComponent, cH as CoreButtonVnsComponent, g as CoreCheckboxComponent, H as CoreChecklistComponent, cX as CoreComProfileComponent, cI as CoreComTreeComponent, cK as CoreCommonParamKitComponent, cL as CoreCompareDbPipelineComponent, cO as CoreCompositionComponent, cN as CoreCompositionService, cM as CoreCompositionState, cP as CoreConfirmDialogComponent, cY as CoreContractSeekerComponent, a6 as CoreControlComponent, cZ as CoreControlNoGridBufferComponent, c_ as CoreControlNoSeekerComponent, d9 as CoreControlService, L as CoreCurrencyInputComponent, eD as CoreD3Service, J as CoreDatePickerComponent, eZ as CoreDatetimeService, d0 as CoreDocgenToolbarComponent, G as CoreDropdownComponent, d1 as CoreEmployeeScheduleComponent, d2 as CoreEmployeeSeekerComponent, d_ as CoreFileFormatPickerComponent, d4 as CoreFileUploaderComponent, d5 as CoreFilterHubComponent, d6 as CoreFilterHubService, X as CoreFormComponent, df as CoreFormControlBaseComponent, K as CoreFormControlSeekerComponent, x as CoreFormDesignService, de as CoreFormLiteComponent, o as CoreFormService, dd as CoreFormTabComponent, dq as CoreGridBufferComponent, dr as CoreHeaderParamsComponent, ds as CoreHelperComponent, ac as CoreIosSwitcherComponent, cR as CoreLazyMountComponent, dt as CoreLineComponent, du as CoreLiquidWysiwygComponent, dv as CoreListComponent, dw as CoreListLazyComponent, dx as CoreLoadingSurfaceComponent, dy as CoreMccComponent, dz as CoreMonthPickerComponent, a9 as CoreMonthSelectorComponent, dA as CoreNavigationTrackerComponent, dC as CoreOauthCallbackComponent, dD as CoreOauthCallbackOffice365Component, dL as CoreOrgParamComponent, dG as CoreOrgTreeComponent, dI as CoreOrgTreeService, dH as CoreOrgTreeState, dJ as CoreOrgUnitSeekerComponent, dK as CoreOrgchartflexComponent, k as CorePageEditComponent, dP as CorePageEditLiteComponent, dO as CorePageEditService, dQ as CorePageEditTabComponent, d as CorePageHeaderComponent, f as CorePageListComponent, dU as CorePageListContentComponent, dS as CorePageListService, dT as CorePageListState, dW as CorePageViewComponent, dX as CorePaginationComponent, dY as CorePaginationFullComponent, dZ as CorePaginationFullService, O as CoreParamControlComponent, e2 as CorePermissionActionsComponent, e1 as CorePermissionComponent, d$ as CorePermissionService, eE as CorePieComponent, e3 as CorePositionConcurrentSeekerComponent, e4 as CorePositionSeekerComponent, e5 as CoreQrcodeComponent, e7 as CoreQueryBuilderComponent, P as CoreRadioGroupComponent, e8 as CoreReducerIconComponent, cS as CoreRootMenuItemPickerComponent, cT as CoreRootMenuItemPickerService, e9 as CoreRotatingTextComponent, ea as CoreRouteAccumulatorComponent, eb as CoreRoutingHistoryComponent, ec as CoreSalaryPolicyPickerComponent, eF as CoreScatterPlotComponent, ed as CoreScrollComponent, ee as CoreScrollLazyComponent, ef as CoreSeenByComponent, eg as CoreShiftCardComponent, eh as CoreShiftCellComponent, ei as CoreShiftCollectionComponent, ej as CoreShiftStickerComponent, eI as CoreStatisticWidgetComponent, el as CoreStatusStickerComponent, em as CoreSubFormGroupComponent, en as CoreTabListComponent, cW as CoreTableComponent, b2 as CoreTableService, l as CoreTabsComponent, eo as CoreTagsComponent, c as CoreTerminalSpinnerComponent, ep as CoreTopicPickerComponent, er as CoreTopicTreeComponent, es as CoreTreeComponent, eu as CoreTreeGridComponent, ev as CoreWageSeekerComponent, ey as CoreWorkflowBuilderComponent, ez as CoreWorkflowGroupEditComponent, r as CoreWorkflowListComponent, ew as CoreWorkingSeekerComponent, eA as CoreYearPickerComponent, eB as CoreYearSelectorComponent, da as CustomValidators, at as DATE_VALUE_ACCESSOR, eO as DEFAULT_SVG, aq as DESKTOP_SCREEN_HEDER_HEIGHT, au as DateValueAccessor, eJ as DecisionComponent, j as DialogService, ai as DialogStateComponent, b3 as DndService, b4 as DocxMergeService, z as DomService, cV as ECoreTableToolClass, cU as ECoreTableToolCode, co as EnumAlertType, aY as EnumBrowserType, cw as EnumButtonCaptionCode, eq as EnumCoreArticleCategoryTreeaAccessorMode, cE as EnumCoreButtonCode, _ as EnumCoreButtonVNSCode, eC as EnumCoreD3ScaleType, d3 as EnumCoreFileUploaderType, n as EnumCoreFormControlSeekerSourceType, dE as EnumCoreOrgTreeaAccessorMode, dF as EnumCoreOrgTreeaSearchMode, dM as EnumCorePageEditBootstrapClass, dN as EnumCorePageEditFieldType, W as EnumCorePageEditMode, dn as EnumCoreSeekerColumnAutoForm, di as EnumCoreSeekerColumnContract, dg as EnumCoreSeekerColumnJob, dl as EnumCoreSeekerColumnPosition, dm as EnumCoreSeekerColumnPositionConcurrent, dh as EnumCoreSeekerColumnStaffProfile, dk as EnumCoreSeekerColumnWage, dj as EnumCoreSeekerColumnWorking, E as EnumCoreTablePipeType, et as EnumCoreTreeGridEditMode, dV as EnumCoreViewItemType, aX as EnumDeviceType, av as EnumDragType, aw as EnumErrorType, dR as EnumExType, a2 as EnumFilterOperator, i as EnumFormBaseContolType, a5 as EnumFormDesignMode, eG as EnumHrComparisonCode, eH as EnumICoreStatisticWidgetDataType, ax as EnumIconClass, aa as EnumImageResolverType, bl as EnumNotificationDir, e6 as EnumOparator, aZ as EnumOsType, e0 as EnumPermissionObjectType, ay as EnumProfileInfoSector, f0 as EnumRecursiveFields, az as EnumSignalRType, aA as EnumSortDirection, bu as EnumSsrsExpressExportFormat, bt as EnumSsrsExpressFileExtension, aB as EnumStyleButtonClass, aV as EnumSwUpdateVersionUpdatesEventType, bG as EnumWorkScheduleViewMode, eK as EvaluateDialogComponent, bF as EvaluateDialogService, e_ as FileService, b5 as FilterKitService, eV as FilterPipe, aj as FooterComponent, F as FullscreenModalLoaderComponent, bN as FunctionComponent, bP as FunctionEditComponent, ch as FunctionEditService, bQ as FunctionIgnoreComponent, bR as FunctionIgnoreEditComponent, Q as GptService, bS as GroupFunctionComponent, bT as GroupFunctionEditComponent, b6 as GrpcService, b7 as HeaderService, b8 as HistoryService, V as HotKeysDirective, a3 as HtmlTooltipDirective, b9 as HttpErrorHandler, ba as HubConnectionService, eL as HuconcurrentlyComponent, cp as IAlertOptions, I as ImageErrorResolverDirective, bV as InMemoryComponent, bO as IndividualScheduleApplyComponent, aD as InitializationCanActivateFn, aE as InitializationCanMatchFn, aG as InterceptorSkipHeader, bb as IpServiceService, eP as ItemComponent, eM as JobComponent, Z as JsonService, eN as LanguageChangerComponent, bW as LanguageComponent, bX as LanguageEditComponent, bc as LayoutService, bd as LiquidJsService, e$ as LongTaskService, ar as MOBILE_SCREEN_HEDER_HEIGHT, ae as MapAppdemoToServerPipePipe, af as MapAttachmentToServerPipe, u as MapAvatarToServerPipe, ag as MapNewsfeedMediaToServerPipe, be as MapService, bY as MenuComponent, bZ as MenuEditComponent, bf as MenuService, bg as MessageService, bh as ModalService, M as MultiLanguageService, b_ as MutationLogComponent, b$ as MutationViewComponent, eQ as NavigatorComponent, Y as NavigatorService, cB as NewlyCreatedTokenService, ab as NormalizeHumanNamePipe, bm as NotificationActionType, aQ as OnlineUsersComponent, bi as OrganizationService, eR as OtpInputComponent, eS as OtpInputService, c0 as PaSalaryPolicyComponent, c1 as PaSalaryPolicyEditComponent, eT as PageTitleComponent, eU as PaginationComponent, bj as PkceService, c2 as PortalRouteComponent, c5 as PortalRouteEditComponent, eX as PositionComponent, eY as PositionEditService, bk as PositionTransferService, bn as PushNotificationService, $ as READONLY_WORKFLOW_FIELDS, bo as RandomAvatarService, f1 as RecursiveService, bp as RequestCache, bq as RequestCacheWithMap, br as ResponseService, ak as RightchatComponent, bs as RoutingService, ek as STICKER_COLOR_SCHEMA, c3 as ScheduleOverviewComponent, dp as SeekerService, w as SocketService, bv as SsrsExpressService, f4 as StaffProfileComponent, bx as StatisticAuthService, bw as StatisticService, S as StringHtmlPipe, f2 as StringService, ad as SunnyRotatingComponent, cb as SysActionComponent, cc as SysActionEditComponent, cd as SysFunctionActionComponent, ce as SysFunctionActionEditComponent, cf as SysFunctionActionMapperComponent, cg as SysFunctionUrlMapperComponent, by as SysMenuService, ci as SysModuleComponent, cj as SysModuleEditComponent, c6 as SysOtherListComponent, c7 as SysOtherListEditComponent, c8 as SysOtherListTypeComponent, c9 as SysOtherListTypeEditComponent, ck as SysRouteAccessComponent, b0 as TLA_CONFIG, t as TableCellPipe, d8 as Textbox, f5 as ThreedotsComponent, bz as TimeSheetService, f6 as TooltipComponent, T as TooltipDirective, bA as TopicPermissionService, bB as TopicTreeService, e as TranslatePipe, db as URL_PATTERN, f3 as UnicodeService, bC as UploadedFileService, ah as UploadedFilenameCutoffPipe, bD as UrlService, f7 as UserActivityComponent, bE as UserActivityService, f8 as WageComponent, al as WaittingScreenComponent, bH as WorkShiftDndService, v as alertOptions, aH as appTypeInterceptor, an as attachmentOptions, aJ as authInterceptor, aI as baseUrlInterceptor, cm as blob_to_base64_script, aO as cachingInterceptor, c$ as coreDocGenRoutes, dc as coreFormDesignRoutes, dB as coreNavigationTrackerRoutes, ca as coreSysActionRoutes, ex as coreWorkflowRoutes, ap as defaultPaging, aK as graphInterceptor, bU as hrmSchemaRoutes, aF as httpInterceptorProviders, aP as langInterceptor, cl as liner_to_nested_array_script, am as longAlertOptions, a0 as noneAutoClosedAlertOptions, eW as normalizeHumanName, aM as responseInterceptor, c4 as simpleChatRoutes, as as themeBlue, aN as timeZoneInterceptor, aL as tokenInterceptor } from './ngx-histaff-alpha-ngx-histaff-alpha-TWTSrQ0J.mjs';
 //# sourceMappingURL=ngx-histaff-alpha.mjs.map

package/lib/app/libraries/core-form/core-form/enum-interfaces.d.ts

@@ -61,6 +61,7 @@ interface ICoreFormArray {
     isFormArray?: boolean;
     formArraySections?: ICoreFormSection[];
     addNewMode$?: BehaviorSubject<boolean>;
+    ___addNewMode?: boolean;
 }
 interface ICoreControlOptional {
     readonly?: boolean;
@@ -105,14 +106,17 @@ interface ICoreDynamicMapping {
 }
 interface ICoreDropdown extends ICoreBindingWYSINWYG, ICoreDynamicMapping {
     dropdownOptions$?: BehaviorSubject<ICoreDropdownOption[]>;
+    ___dropdownOptions?: ICoreDropdownOption[];
     options?: IFormBaseDropdownOption[];
     fitHeightWithItemCount?: boolean;
 }
 interface ICoreChecklist extends ICoreBindingWYSINWYG, ICoreDynamicMapping {
     checklistOptions$?: BehaviorSubject<ICoreChecklistOption[]>;
+    ___checklistOptions?: ICoreChecklistOption[];
 }
 interface ICoreRadioGroup extends ICoreDynamicMapping {
     radioGroupOptions$?: BehaviorSubject<ICoreRadioOption[]>;
+    ___radioGroupOptions?: ICoreRadioOption[];
 }
 interface ICoreInputTypeNumber {
     step?: string;
@@ -136,6 +140,8 @@ interface ICoreSeeker extends ICoreBindingWYSINWYG, ICoreSeekerMultiMode {
     seekerVerifyIgnore?: boolean;
     preDefinedOuterParam$?: BehaviorSubject<any>;
     preDefinedOuterFilter$?: BehaviorSubject<IFilterOperator[]>;
+    ___preDefinedOuterParam?: any;
+    ___preDefinedOuterFilter?: IFilterOperator[];
 }
 interface ICoreSeekerMultiMode extends ICoreSeekerMultiModeEditable {
     objectList$?: BehaviorSubject<any[]>;

package/lib/app/libraries/core-form-design/core-form-design.component.d.ts

@@ -24,7 +24,7 @@ export declare class CoreFormDesignComponent extends BaseComponent implements Af
     $idAsInput: import("@angular/core").InputSignal<boolean | undefined>;
     $id: import("@angular/core").InputSignal<string | undefined>;
     $settingPanel: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    $jsonMode: WritableSignal<"full" | "selectedField">;
+    $jsonMode: WritableSignal<"selectedField" | "full">;
     injectedFields$: BehaviorSubject<IFormBaseControl[]>;
     enumType: typeof EnumFormDesignMode;
     enumLeftPanelMode: typeof EnumLeftPanelMode;

package/lib/app/libraries/core-form-design/core-form-group-editor.component.d.ts

@@ -25,7 +25,7 @@ export declare class CoreFormGroupEditorComponent extends BaseComponent {
     $idAsInput: import("@angular/core").InputSignal<boolean | undefined>;
     $id: import("@angular/core").InputSignal<string | undefined>;
     $settingPanel: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    $jsonMode: WritableSignal<"full" | "selectedField">;
+    $jsonMode: WritableSignal<"selectedField" | "full">;
     injectedFields$: BehaviorSubject<IFormBaseControl[]>;
     $sections: import("@angular/core").Signal<import("../core-form/core-form/enum-interfaces").ICoreFormSection[]>;
     enumType: typeof EnumFormDesignMode;

package/lib/app/libraries/core-form-design/field-setting/field-setting-props.registry.d.ts

@@ -0,0 +1,2 @@
+import { Type } from '@angular/core';
+export declare const FIELD_SETTING_PROPS_REGISTRY: Record<string, Type<any>>;

package/lib/app/libraries/core-form-design/field-setting/field-setting.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, Renderer2, Type } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, Renderer2 } from '@angular/core';
 import { IFormBaseControl } from '../../core-form/core-form/enum-interfaces';
 import { EnumFormBaseContolType } from '../../../enum/EnumFormBaseContolType';
 import { CoreFormDesignService } from '../core-form-design.service';
@@ -13,8 +13,14 @@ export declare class FieldSettingComponent extends BaseComponent implements Afte
     cdr: ChangeDetectorRef;
     $control: import("@angular/core").Signal<IFormBaseControl | null>;
     readonly $formContext: import("@angular/core").Signal<IFormBaseControl[]>;
+    readonly onParamsChanged: (updated: IFormBaseControl) => void;
+    readonly $resolvedType: import("@angular/core").Signal<string>;
+    readonly $props: import("@angular/core").Signal<{
+        control: IFormBaseControl;
+        onChange: (updated: IFormBaseControl) => void;
+    } | null>;
+    resolvePropsType(control: IFormBaseControl | null): string | null;
     onControlParamsChange(): void;
-    componentLoaderMap: Record<string, () => Promise<Type<any>>>;
     closeFieldSettingPanel(): void;
     getFriendlyControlLabel(control: IFormBaseControl | null): string;
     camelToTitle(input: string): string;

package/lib/app/libraries/core-form-design/field-setting/type-specific/seeker-props/seeker-props.component.d.ts

@@ -1,10 +1,34 @@
-import { EventEmitter } from '@angular/core';
-import { IFormBaseControl } from '../../../../core-form/core-form/enum-interfaces';
+import { BasePropsComponent } from '../../base-props/base-props.component';
+import { SeekerPropsService } from './seeker-props.service';
+import { IFilterOperator } from '../../../../../interfaces/IQueryListRequest';
+import { ICoreTableColumnItem } from '../../../../core-table/ICoreTableColumnItem';
+import { ICoreFormSection } from '../../../../core-form/core-form/enum-interfaces';
 import * as i0 from "@angular/core";
-export declare class SeekerPropsComponent {
-    control: IFormBaseControl;
-    controlChange: EventEmitter<IFormBaseControl>;
-    update(): void;
+export declare class SeekerPropsComponent extends BasePropsComponent {
+    readonly svc: SeekerPropsService;
+    $useTheseColumnsCsv: import("@angular/core").Signal<string>;
+    $excludedColumnsCsv: import("@angular/core").Signal<string>;
+    onUseColumnsChanged(raw: string): void;
+    onExcludedColumnsChanged(raw: string): void;
+    $alsoBind: import("@angular/core").Signal<import("../../../../core-form/core-form/enum-interfaces").ICoreFormControlSeekerExtraBindingModel[]>;
+    addAlsoBindRow(): void;
+    updateAlsoBindRow(i: number, key: 'takeFrom' | 'bindTo', v: string): void;
+    removeAlsoBindRow(i: number): void;
+    $outerParam: import("@angular/core").Signal<any>;
+    $outerParamJson: import("@angular/core").Signal<string>;
+    onOuterParamJsonChange(raw: string): void;
+    $outerFilter: import("@angular/core").Signal<IFilterOperator[]>;
+    addOuterFilter(): void;
+    updateOuterFilter(i: number, key: keyof IFilterOperator, v: any): void;
+    removeOuterFilter(i: number): void;
+    $extendedColumns: import("@angular/core").Signal<ICoreTableColumnItem[]>;
+    addExtendedColumn(): void;
+    updateExtendedColumn(i: number, key: keyof ICoreTableColumnItem, v: any): void;
+    removeExtendedColumn(i: number): void;
+    $extendedSections: import("@angular/core").Signal<ICoreFormSection[]>;
+    addExtendedSection(): void;
+    updateExtendedSection(i: number, caption: string): void;
+    removeExtendedSection(i: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SeekerPropsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SeekerPropsComponent, "seeker-props", never, { "control": { "alias": "control"; "required": false; }; }, { "controlChange": "controlChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SeekerPropsComponent, "seeker-props", never, {}, {}, never, never, true, never>;
 }

package/lib/app/libraries/core-form-design/field-setting/type-specific/seeker-props/seeker-props.service.d.ts

@@ -0,0 +1,16 @@
+import { BehaviorSubject } from 'rxjs';
+import { ICoreDropdownOption } from '../../../../../interfaces/ICoreDropdownOption';
+import * as i0 from "@angular/core";
+export declare class SeekerPropsService {
+    readonly sourceTypeOptions$: BehaviorSubject<ICoreDropdownOption[]>;
+    readonly filterOperatorOptions$: BehaviorSubject<ICoreDropdownOption[]>;
+    extractArray<T>(input: BehaviorSubject<T[]> | T[] | undefined): T[];
+    extractObject<T>(input: BehaviorSubject<T> | T | undefined): T;
+    wrapArray<T>(arr: T[]): BehaviorSubject<T[]>;
+    wrapObject<T>(obj: T): BehaviorSubject<T>;
+    addItem<T>(source: T[], newItem: T): T[];
+    updateItem<T>(source: T[], index: number, updated: Partial<T>): T[];
+    removeItem<T>(source: T[], index: number): T[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SeekerPropsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SeekerPropsService>;
+}

package/lib/app/libraries/core-form-design/live-form/live-form.component.d.ts

@@ -19,6 +19,7 @@ import { JsonService } from '../../../services/json.service';
 import { FormGroup } from '@angular/forms';
 import { IWorkflowReactContext } from '../../core-workflow-builder/interfaces/IWorkflowReactContext';
 import { IRoutingResult } from '../../core-workflow-builder/interfaces/IRoutingResult';
+import { IStepFormConfig } from '../../core-workflow-builder/interfaces/IStepConfig';
 import * as i0 from "@angular/core";
 export declare class LiveFormComponent extends BaseComponent implements AfterViewInit {
     mls: MultiLanguageService;
@@ -60,6 +61,7 @@ export declare class LiveFormComponent extends BaseComponent implements AfterVie
     $reactMode: WritableSignal<boolean>;
     $onBehalfMode: import("@angular/core").Signal<boolean | undefined>;
     $reactInjectedFieldsAdded: WritableSignal<boolean>;
+    $effectiveSections: import("@angular/core").Signal<ICoreFormSection[]>;
     constructor(mls: MultiLanguageService, coreFormService: CoreFormService);
     generateSubmitDto(): any;
     toggleShowRouting(): void;
@@ -81,9 +83,9 @@ export declare class LiveFormComponent extends BaseComponent implements AfterVie
     onLiveSubmit(e: any): void;
     onClose(): void;
     addKickOffInjectedFields(): void;
-    addReactInjectedFields(): void;
     clearInjectedFields(): void;
     react(reactType: string): void;
+    applyFormUi(sections: ICoreFormSection[], formUi: IStepFormConfig["formUi"]): ICoreFormSection[];
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LiveFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LiveFormComponent, "live-form", never, { "$designMode": { "alias": "$designMode"; "required": false; "isSignal": true; }; "$forKickOff": { "alias": "$forKickOff"; "required": false; "isSignal": true; }; "$workflowReactContext": { "alias": "$workflowReactContext"; "required": false; "isSignal": true; }; }, { "$onClose": "$onClose"; }, never, never, true, never>;

package/lib/app/libraries/core-form-design/props-host/props-host.component.d.ts

@@ -1,15 +1,13 @@
-import { OnInit, Type } from '@angular/core';
+import { OnInit } from "@angular/core";
 import * as i0 from "@angular/core";
 export declare class PropsHostComponent implements OnInit {
-    loadComponent: () => Promise<Type<any>>;
     isNested: boolean;
-    private _props;
-    set props(value: any);
+    type: string;
+    props: any;
     private vcRef;
-    private as;
+    private alert;
     private componentRef?;
-    ngOnInit(): Promise<void>;
-    private assignInputs;
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PropsHostComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PropsHostComponent, "props-host", never, { "loadComponent": { "alias": "loadComponent"; "required": false; }; "isNested": { "alias": "isNested"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PropsHostComponent, "props-host", never, { "isNested": { "alias": "isNested"; "required": false; }; "type": { "alias": "type"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/app/libraries/core-orgchartflex/core-orgchartflex/core-orgchartflex.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, TemplateRef, WritableSignal } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, Signal, TemplateRef, WritableSignal } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class CoreOrgchartflexComponent implements OnInit, AfterViewInit {
@@ -8,6 +8,8 @@ export declare class CoreOrgchartflexComponent implements OnInit, AfterViewInit
     $showDissolved: import("@angular/core").InputSignal<boolean | undefined>;
     $width: import("@angular/core").InputSignal<number | undefined>;
     $height: import("@angular/core").InputSignal<number | undefined>;
+    $showOrgTree: import("@angular/core").InputSignal<boolean>;
+    $orgTreeWidth: import("@angular/core").InputSignal<number>;
     $connectionColor: import("@angular/core").InputSignal<string | undefined>;
     $connectionSize: import("@angular/core").InputSignal<number | undefined>;
     $fromChildrenToTopLine: import("@angular/core").InputSignal<number | undefined>;
@@ -18,9 +20,10 @@ export declare class CoreOrgchartflexComponent implements OnInit, AfterViewInit
     printFlag$: BehaviorSubject<boolean>;
     printing$: BehaviorSubject<boolean>;
     onPrintAreaRendered: EventEmitter<any>;
-    $container: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    $parent: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    $printArea: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    $internalData: WritableSignal<any[]>;
+    $container: Signal<ElementRef<any> | undefined>;
+    $parent: Signal<ElementRef<any> | undefined>;
+    $printArea: Signal<ElementRef<any> | undefined>;
     $mouseDown: WritableSignal<boolean>;
     $startX: WritableSignal<any>;
     $scrollLeft: WritableSignal<any>;
@@ -28,6 +31,8 @@ export declare class CoreOrgchartflexComponent implements OnInit, AfterViewInit
     $scrollTop: WritableSignal<any>;
     $scale: WritableSignal<number>;
     cdr: ChangeDetectorRef;
+    $isCollapsed: WritableSignal<boolean>;
+    togglePanel(): void;
     startDragging(e: any, flag: any): void;
     stopDragging(e: any, flag: any): void;
     moveEvent(e: any): void;
@@ -37,12 +42,12 @@ export declare class CoreOrgchartflexComponent implements OnInit, AfterViewInit
     highlightChartRect(): void;
     clearChartHighlight(): void;
     toggleExpand(e: any): void;
-    zoonIn(): void;
-    zoonOut(): void;
-    zoonFeat(): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    zoomFeat(): void;
     ngAfterViewInit(): void;
     healImagesForCanvas(printArea: HTMLElement): Promise<void>;
     exportOrgChartPro(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoreOrgchartflexComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoreOrgchartflexComponent, "core-orgchartflex", never, { "$data": { "alias": "$data"; "required": true; "isSignal": true; }; "$itemTemplate": { "alias": "$itemTemplate"; "required": true; "isSignal": true; }; "$compactMode": { "alias": "$compactMode"; "required": false; "isSignal": true; }; "$showDissolved": { "alias": "$showDissolved"; "required": false; "isSignal": true; }; "$width": { "alias": "$width"; "required": false; "isSignal": true; }; "$height": { "alias": "$height"; "required": false; "isSignal": true; }; "$connectionColor": { "alias": "$connectionColor"; "required": false; "isSignal": true; }; "$connectionSize": { "alias": "$connectionSize"; "required": false; "isSignal": true; }; "$fromChildrenToTopLine": { "alias": "$fromChildrenToTopLine"; "required": false; "isSignal": true; }; "$fromParentToChildrenTopLine": { "alias": "$fromParentToChildrenTopLine"; "required": false; "isSignal": true; }; "$childrenHorizontalMargin": { "alias": "$childrenHorizontalMargin"; "required": false; "isSignal": true; }; "$childrenBorderSize": { "alias": "$childrenBorderSize"; "required": false; "isSignal": true; }; "$childrenBorderColor": { "alias": "$childrenBorderColor"; "required": false; "isSignal": true; }; "printFlag$": { "alias": "printFlag$"; "required": false; }; "printing$": { "alias": "printing$"; "required": false; }; }, { "onPrintAreaRendered": "onPrintAreaRendered"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoreOrgchartflexComponent, "core-orgchartflex", never, { "$data": { "alias": "$data"; "required": true; "isSignal": true; }; "$itemTemplate": { "alias": "$itemTemplate"; "required": true; "isSignal": true; }; "$compactMode": { "alias": "$compactMode"; "required": false; "isSignal": true; }; "$showDissolved": { "alias": "$showDissolved"; "required": false; "isSignal": true; }; "$width": { "alias": "$width"; "required": false; "isSignal": true; }; "$height": { "alias": "$height"; "required": false; "isSignal": true; }; "$showOrgTree": { "alias": "$showOrgTree"; "required": false; "isSignal": true; }; "$orgTreeWidth": { "alias": "$orgTreeWidth"; "required": false; "isSignal": true; }; "$connectionColor": { "alias": "$connectionColor"; "required": false; "isSignal": true; }; "$connectionSize": { "alias": "$connectionSize"; "required": false; "isSignal": true; }; "$fromChildrenToTopLine": { "alias": "$fromChildrenToTopLine"; "required": false; "isSignal": true; }; "$fromParentToChildrenTopLine": { "alias": "$fromParentToChildrenTopLine"; "required": false; "isSignal": true; }; "$childrenHorizontalMargin": { "alias": "$childrenHorizontalMargin"; "required": false; "isSignal": true; }; "$childrenBorderSize": { "alias": "$childrenBorderSize"; "required": false; "isSignal": true; }; "$childrenBorderColor": { "alias": "$childrenBorderColor"; "required": false; "isSignal": true; }; "printFlag$": { "alias": "printFlag$"; "required": false; }; "printing$": { "alias": "printing$"; "required": false; }; }, { "onPrintAreaRendered": "onPrintAreaRendered"; }, never, never, true, never>;
 }

package/lib/app/libraries/core-workflow-builder/core-workflow.service.d.ts

@@ -116,7 +116,7 @@ export declare class CoreWorkflowService {
     getPositionsByIds(payload: IIdsRequest): Observable<any>;
     initialDebugSubmit(request: IInitialDebugSubmitRequest): Observable<any>;
     initialSubmit(request: IGenerateWorkflowRoutingRequest): Observable<any>;
-    react(unitedCorrelationIds: string, reactType: string, reason: string): Observable<any>;
+    react(unitedCorrelationIds: string, reactType: string, reason: string, updatedAttributes: any): Observable<any>;
     inject(unitedCorrelationIds: string, injectType: string, reason: string, injectorEmployeeId?: number | undefined): Observable<any>;
     generatePreviewEmail(request: IRenderWorkflowEmailRequest): Observable<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoreWorkflowService, never>;

package/lib/app/libraries/core-workflow-builder/interfaces/IStepConfig.d.ts

@@ -1,7 +1,7 @@
 import { IFormBaseControl } from "../../core-form/core-form/enum-interfaces";
 import { IRuleTree } from "../../core-rule-tree/interfaces";
 import { IActorAssignment } from "./IActorAssignment";
-export interface IStepConfig extends IActorStepConfig, IStepRuleConfig {
+export interface IStepConfig extends IActorStepConfig, IStepRuleConfig, IStepFormConfig {
 }
 export interface IStepRuleConfig {
     ruleTree?: IRuleTree;
@@ -14,3 +14,12 @@ export interface IActorStepConfig {
     actors?: IActorAssignment;
     routingLogic?: 'parallel' | 'short-circuit' | 'sequential';
 }
+export interface IStepFormConfig {
+    formUi?: FormUi;
+}
+export type FormUi = {
+    hidden?: Record<string, true>;
+    readonly?: Record<string, true>;
+    required?: Record<string, true>;
+    reset?: Record<string, true>;
+};

package/lib/app/libraries/core-workflow-builder/wf-lab/wf-lab.component.d.ts

@@ -0,0 +1,35 @@
+import { Router } from '@angular/router';
+import { CoreWorkflowService } from '../core-workflow.service';
+import { IWfWorkflowGroup } from '../interfaces/IWfWorkflowGroup';
+import * as i0 from "@angular/core";
+export declare class WfLabComponent {
+    router: Router;
+    wfs: CoreWorkflowService;
+    $workflowId: import("@angular/core").WritableSignal<string>;
+    $correlationId: import("@angular/core").WritableSignal<string>;
+    $stepId: import("@angular/core").WritableSignal<string>;
+    $actorId: import("@angular/core").WritableSignal<string>;
+    $reason: import("@angular/core").WritableSignal<string>;
+    $reactType: import("@angular/core").WritableSignal<string>;
+    $injectType: import("@angular/core").WritableSignal<string>;
+    $groups: import("@angular/core").WritableSignal<IWfWorkflowGroup[]>;
+    $allWorkflows: import("@angular/core").Signal<{
+        id: string;
+        label: string;
+    }[]>;
+    $steps: import("@angular/core").WritableSignal<import("../interfaces/IStep").IStep[]>;
+    $united: import("@angular/core").Signal<string>;
+    constructor();
+    private loadGroupsOnce;
+    selectWorkflow(id: string): void;
+    selectReactType(v: string): void;
+    selectInjectType(v: string): void;
+    doReact(): void;
+    doInject(): void;
+    openKickoff(): void;
+    openReactPage(): void;
+    openStatus(): void;
+    openPreview(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WfLabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WfLabComponent, "core-wf-lab", never, {}, {}, never, never, true, never>;
+}

package/lib/app/libraries/core-workflow-builder/wf-process-design/wf-step-config-shell/wf-formui-config/wf-formui-config.component.d.ts

@@ -0,0 +1,21 @@
+import { CoreWorkflowService } from '../../../core-workflow.service';
+import { IFormBaseControl } from '../../../../core-form/core-form/enum-interfaces';
+import * as i0 from "@angular/core";
+export declare class WfFormuiConfigComponent {
+    private readonly systemFields;
+    wfs: CoreWorkflowService;
+    $availableCols: import("@angular/core").Signal<IFormBaseControl[]>;
+    /** All AF fields */
+    $fields: import("@angular/core").Signal<IFormBaseControl[]>;
+    /** Current step */
+    $step: import("@angular/core").Signal<import("../../../interfaces/IStep").IStep | null>;
+    /** Initial checklists */
+    $initialHidden: import("@angular/core").Signal<string[]>;
+    $initialReadonly: import("@angular/core").Signal<string[]>;
+    $initialRequired: import("@angular/core").Signal<string[]>;
+    $initialReset: import("@angular/core").Signal<string[]>;
+    /** Toggle handler */
+    onToggle(mode: 'hidden' | 'readonly' | 'required' | 'reset', list: string[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WfFormuiConfigComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WfFormuiConfigComponent, "wf-formui-config", never, {}, {}, never, never, true, never>;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ngx-histaff-alpha",
-  "version": "6.4.8",
-  "description": "6.4.8: HotFix(SysOtherListEdit: bổ sung biến số typeGetByIdApi",
+  "version": "6.4.9",
+  "description": "6.4.9: Feat(WFE: Multi-step form UI)",
   "peerDependencies": {
     "@angular/common": "^19.0.1",
     "@angular/core": "^19.0.1"