ngx-histaff-alpha 6.2.0 → 6.2.2

package/fesm2022/{ngx-histaff-alpha-design-wrapper.route-BJlMXj4M.mjs → ngx-histaff-alpha-design-wrapper.route-C58Xsud4.mjs}

@@ -1,23 +1,23 @@
-import { q as CanDeactivateGuard } from './ngx-histaff-alpha-ngx-histaff-alpha-BPy1ZFzg.mjs';
+import { q as CanDeactivateGuard } from './ngx-histaff-alpha-ngx-histaff-alpha-Ch-QritZ.mjs';
 
 const wfDesignWrapperRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-design-wrapper.component-BMjJioyu.mjs').then(m => m.DesignWrapperComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-design-wrapper.component-B02UPuqy.mjs').then(m => m.DesignWrapperComponent),
         canDeactivate: [CanDeactivateGuard],
         children: [
             {
                 path: ':id',
                 outlet: 'preview',
-                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-j7qvkJWf.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-CV_r5fwn.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent)
             },
         ]
     },
     {
         path: ':id',
-        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-j7qvkJWf.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-CV_r5fwn.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent)
     }
 ];
 
 export { wfDesignWrapperRoutes };
-//# sourceMappingURL=ngx-histaff-alpha-design-wrapper.route-BJlMXj4M.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-design-wrapper.route-C58Xsud4.mjs.map

package/fesm2022/{ngx-histaff-alpha-design-wrapper.route-BJlMXj4M.mjs.map → ngx-histaff-alpha-design-wrapper.route-C58Xsud4.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-histaff-alpha-design-wrapper.route-BJlMXj4M.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/design-wrapper/design-wrapper.route.ts"],"sourcesContent":["import { Routes } from '@angular/router';\r\nimport { CanDeactivateGuard } from '../../../guards/can-deactivate.guard';\r\n\r\nexport const wfDesignWrapperRoutes: Routes = [\r\n    {\r\n        path: '',\r\n        loadComponent: () => import('./design-wrapper.component').then(m => m.DesignWrapperComponent),\r\n        canDeactivate: [CanDeactivateGuard],\r\n        children: [\r\n            {\r\n                path: ':id',\r\n                outlet: 'preview',\r\n                loadComponent: () => import('../../core-form-design/live-form/live-form.component').then(m => m.LiveFormComponent)\r\n            },\r\n        ]\r\n    },\r\n    {\r\n        path: ':id',\r\n        loadComponent: () => import('../../core-form-design/live-form/live-form.component').then(m => m.LiveFormComponent)\r\n    }\r\n]"],"names":[],"mappings":";;AAGa,MAAA,qBAAqB,GAAW;AACzC,IAAA;AACI,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,aAAa,EAAE,MAAM,OAAO,2DAA4B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,sBAAsB,CAAC;QAC7F,aAAa,EAAE,CAAC,kBAAkB,CAAC;AACnC,QAAA,QAAQ,EAAE;AACN,YAAA;AACI,gBAAA,IAAI,EAAE,KAAK;AACX,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,aAAa,EAAE,MAAM,OAAO,sDAAsD,oCAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAiB;AACpH,aAAA;AACJ;AACJ,KAAA;AACD,IAAA;AACI,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,aAAa,EAAE,MAAM,OAAO,sDAAsD,oCAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAiB;AACpH;;;;;"}
+{"version":3,"file":"ngx-histaff-alpha-design-wrapper.route-C58Xsud4.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/design-wrapper/design-wrapper.route.ts"],"sourcesContent":["import { Routes } from '@angular/router';\r\nimport { CanDeactivateGuard } from '../../../guards/can-deactivate.guard';\r\n\r\nexport const wfDesignWrapperRoutes: Routes = [\r\n    {\r\n        path: '',\r\n        loadComponent: () => import('./design-wrapper.component').then(m => m.DesignWrapperComponent),\r\n        canDeactivate: [CanDeactivateGuard],\r\n        children: [\r\n            {\r\n                path: ':id',\r\n                outlet: 'preview',\r\n                loadComponent: () => import('../../core-form-design/live-form/live-form.component').then(m => m.LiveFormComponent)\r\n            },\r\n        ]\r\n    },\r\n    {\r\n        path: ':id',\r\n        loadComponent: () => import('../../core-form-design/live-form/live-form.component').then(m => m.LiveFormComponent)\r\n    }\r\n]"],"names":[],"mappings":";;AAGa,MAAA,qBAAqB,GAAW;AACzC,IAAA;AACI,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,aAAa,EAAE,MAAM,OAAO,2DAA4B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,sBAAsB,CAAC;QAC7F,aAAa,EAAE,CAAC,kBAAkB,CAAC;AACnC,QAAA,QAAQ,EAAE;AACN,YAAA;AACI,gBAAA,IAAI,EAAE,KAAK;AACX,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,aAAa,EAAE,MAAM,OAAO,sDAAsD,oCAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAiB;AACpH,aAAA;AACJ;AACJ,KAAA;AACD,IAAA;AACI,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,aAAa,EAAE,MAAM,OAAO,sDAAsD,oCAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAiB;AACpH;;;;;"}

package/fesm2022/{ngx-histaff-alpha-form-array-props.component-BEH1sHvd.mjs → ngx-histaff-alpha-form-array-props.component-D-A6AbY8.mjs}

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
-import { B as BasePropsComponent } from './ngx-histaff-alpha-core-form-design.component-CufMNYnC.mjs';
-import { d as EnumFormBaseContolType } from './ngx-histaff-alpha-ngx-histaff-alpha-BPy1ZFzg.mjs';
+import { B as BasePropsComponent } from './ngx-histaff-alpha-core-form-design.component-Z8uLnwrz.mjs';
+import { d as EnumFormBaseContolType } from './ngx-histaff-alpha-ngx-histaff-alpha-Ch-QritZ.mjs';
 
 class FormArrayPropsComponent extends BasePropsComponent {
     openDesigner() {
@@ -23,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
         }] });
 
 export { FormArrayPropsComponent };
-//# sourceMappingURL=ngx-histaff-alpha-form-array-props.component-BEH1sHvd.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-form-array-props.component-D-A6AbY8.mjs.map

package/fesm2022/{ngx-histaff-alpha-form-array-props.component-BEH1sHvd.mjs.map → ngx-histaff-alpha-form-array-props.component-D-A6AbY8.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-histaff-alpha-form-array-props.component-BEH1sHvd.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-form-design/field-setting/type-specific/form-array-props/form-array-props.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-form-design/field-setting/type-specific/form-array-props/form-array-props.component.html"],"sourcesContent":["import { Component } from '@angular/core';\r\nimport { BasePropsComponent } from '../../base-props/base-props.component';\r\nimport { EnumFormBaseContolType } from '../../../../../enum/EnumFormBaseContolType';\r\n\r\n@Component({\r\n  selector: 'form-array-props',\r\n  imports: [],\r\n  templateUrl: './form-array-props.component.html',\r\n  styleUrl: './form-array-props.component.scss'\r\n})\r\nexport class FormArrayPropsComponent extends BasePropsComponent {\r\n\r\n  openDesigner() {\r\n    const control = this.coreFormDesignService.$control();\r\n      if (control?.controlType === EnumFormBaseContolType.FORM_ARRAY) {\r\n\r\n\r\n        this.coreFormDesignService.$fieldSettingPanelOpen.set(false);\r\n        this.coreFormDesignService.$showFormArrayDesign.set(true);\r\n\r\n        // Since $nestedDesignSections is of type WritableSignal<ICoreFormSection[] | null>\r\n        // if set (not null), we use @if in parent conponent (CoreFormDesignComponent template)\r\n        // to display a popup containing CoreFormArrayLayoutEditorComponent\r\n      }\r\n  }\r\n}\r\n","    <div class=\"mt-3 d-flex d-flex-center\">\r\n      <button class=\"btn btn-outline-primary\" (click)=\"openDesigner()\">\r\n        Design Nested Layout\r\n      </button>\r\n    </div>"],"names":[],"mappings":";;;;;AAUM,MAAO,uBAAwB,SAAQ,kBAAkB,CAAA;IAE7D,YAAY,GAAA;QACV,MAAM,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,EAAE;QACnD,IAAI,OAAO,EAAE,WAAW,KAAK,sBAAsB,CAAC,UAAU,EAAE;YAG9D,IAAI,CAAC,qBAAqB,CAAC,sBAAsB,CAAC,GAAG,CAAC,KAAK,CAAC;YAC5D,IAAI,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,GAAG,CAAC,IAAI,CAAC;;;;;;8GARpD,uBAAuB,EAAA,IAAA,EAAA,IAAA,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,mGCVpC,+LAIU,EAAA,MAAA,EAAA,CAAA,sDAAA,CAAA,EAAA,CAAA,CAAA;;2FDMG,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,WACnB,EAAE,EAAA,QAAA,EAAA,+LAAA,EAAA,MAAA,EAAA,CAAA,sDAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"ngx-histaff-alpha-form-array-props.component-D-A6AbY8.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-form-design/field-setting/type-specific/form-array-props/form-array-props.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-form-design/field-setting/type-specific/form-array-props/form-array-props.component.html"],"sourcesContent":["import { Component } from '@angular/core';\r\nimport { BasePropsComponent } from '../../base-props/base-props.component';\r\nimport { EnumFormBaseContolType } from '../../../../../enum/EnumFormBaseContolType';\r\n\r\n@Component({\r\n  selector: 'form-array-props',\r\n  imports: [],\r\n  templateUrl: './form-array-props.component.html',\r\n  styleUrl: './form-array-props.component.scss'\r\n})\r\nexport class FormArrayPropsComponent extends BasePropsComponent {\r\n\r\n  openDesigner() {\r\n    const control = this.coreFormDesignService.$control();\r\n      if (control?.controlType === EnumFormBaseContolType.FORM_ARRAY) {\r\n\r\n\r\n        this.coreFormDesignService.$fieldSettingPanelOpen.set(false);\r\n        this.coreFormDesignService.$showFormArrayDesign.set(true);\r\n\r\n        // Since $nestedDesignSections is of type WritableSignal<ICoreFormSection[] | null>\r\n        // if set (not null), we use @if in parent conponent (CoreFormDesignComponent template)\r\n        // to display a popup containing CoreFormArrayLayoutEditorComponent\r\n      }\r\n  }\r\n}\r\n","    <div class=\"mt-3 d-flex d-flex-center\">\r\n      <button class=\"btn btn-outline-primary\" (click)=\"openDesigner()\">\r\n        Design Nested Layout\r\n      </button>\r\n    </div>"],"names":[],"mappings":";;;;;AAUM,MAAO,uBAAwB,SAAQ,kBAAkB,CAAA;IAE7D,YAAY,GAAA;QACV,MAAM,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,EAAE;QACnD,IAAI,OAAO,EAAE,WAAW,KAAK,sBAAsB,CAAC,UAAU,EAAE;YAG9D,IAAI,CAAC,qBAAqB,CAAC,sBAAsB,CAAC,GAAG,CAAC,KAAK,CAAC;YAC5D,IAAI,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,GAAG,CAAC,IAAI,CAAC;;;;;;8GARpD,uBAAuB,EAAA,IAAA,EAAA,IAAA,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,mGCVpC,+LAIU,EAAA,MAAA,EAAA,CAAA,sDAAA,CAAA,EAAA,CAAA,CAAA;;2FDMG,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,WACnB,EAAE,EAAA,QAAA,EAAA,+LAAA,EAAA,MAAA,EAAA,CAAA,sDAAA,CAAA,EAAA;;;;;"}

package/fesm2022/{ngx-histaff-alpha-hrm-schema.component-D1B9X3p7.mjs → ngx-histaff-alpha-hrm-schema.component-pXyPPlfL.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, Component } from '@angular/core';
-import { B as BaseComponent, A as AppService } from './ngx-histaff-alpha-ngx-histaff-alpha-BPy1ZFzg.mjs';
+import { B as BaseComponent, A as AppService } from './ngx-histaff-alpha-ngx-histaff-alpha-Ch-QritZ.mjs';
 import { finalize } from 'rxjs';
 
 class HrmSchemaComponent extends BaseComponent {
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
         }] });
 
 export { HrmSchemaComponent };
-//# sourceMappingURL=ngx-histaff-alpha-hrm-schema.component-D1B9X3p7.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-hrm-schema.component-pXyPPlfL.mjs.map

package/fesm2022/{ngx-histaff-alpha-hrm-schema.component-D1B9X3p7.mjs.map → ngx-histaff-alpha-hrm-schema.component-pXyPPlfL.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-histaff-alpha-hrm-schema.component-D1B9X3p7.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/root/hrm-schema/hrm-schema.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/root/hrm-schema/hrm-schema.component.html"],"sourcesContent":["import { AfterViewInit, Component, inject } from '@angular/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { BaseComponent } from '../../libraries/base-component/base/base.component';\r\nimport { finalize } from 'rxjs';\r\n\r\ninterface SchemaReport {\r\n  name: string;\r\n  success: boolean;\r\n  durationMs: number;\r\n  logs: string[];\r\n  errors: string[];\r\n}\r\n\r\n@Component({\r\n  selector: 'hrm-schema',\r\n  imports: [],\r\n  templateUrl: './hrm-schema.component.html',\r\n  styleUrl: './hrm-schema.component.scss'\r\n})\r\nexport class HrmSchemaComponent extends BaseComponent implements AfterViewInit {\r\n  reports: SchemaReport[] = [];\r\n  loading: boolean = false;\r\n  appService = inject(AppService)\r\n\r\n  get maxDuration(): number {\r\n    return this.reports.length ? Math.max(...this.reports.map(r => r.durationMs)) : 1;\r\n  }\r\n\r\n  // Scale bar width as percentage\r\n  getWidth(report: SchemaReport): string {\r\n    return `${(report.durationMs / this.maxDuration) * 100}%`;\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    setTimeout(() => {\r\n      this.loading = true;\r\n      this.subscriptions.push(\r\n        this.appService.get('/api/HrmSchemaEssential/SchemaCheck').pipe(\r\n          finalize(() => this.loading = false)\r\n        ).subscribe(x => {\r\n          if (x.ok && x.status === 200 && x.body?.statusCode === 200) {\r\n            this.reports = x.body.innerBody;\r\n          }\r\n        })\r\n      )\r\n    })\r\n  }\r\n}\r\n","\r\n<div class=\"container-fluid\">\r\n    <div class=\"schema-bar-chart\">\r\n        @for (r of reports; track $index) {\r\n        <div class=\"schema-bar-row\">\r\n            <div class=\"schema-label\">{{ r.name }}</div>\r\n            <div class=\"schema-bar-wrapper\">\r\n                <div class=\"schema-bar\" [class.success]=\"r.success\" [class.fail]=\"!r.success\" [style.width]=\"getWidth(r)\"\r\n                    [title]=\"r.durationMs + ' ms\\n' + (r.errors.length ? r.errors.join('; ') : 'OK')\">\r\n                    {{ r.durationMs }} ms\r\n                </div>\r\n            </div>\r\n        </div>\r\n        }\r\n    </div>\r\n</div>"],"names":[],"mappings":";;;;;AAmBM,MAAO,kBAAmB,SAAQ,aAAa,CAAA;AANrD,IAAA,WAAA,GAAA;;QAOE,IAAO,CAAA,OAAA,GAAmB,EAAE;QAC5B,IAAO,CAAA,OAAA,GAAY,KAAK;AACxB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAyBhC;AAvBC,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC;;;AAInF,IAAA,QAAQ,CAAC,MAAoB,EAAA;AAC3B,QAAA,OAAO,CAAG,EAAA,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,IAAI,GAAG,GAAG;;IAG3D,eAAe,GAAA;QACb,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CACrB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC,IAAI,CAC7D,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,CACrC,CAAC,SAAS,CAAC,CAAC,IAAG;AACd,gBAAA,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,GAAG,EAAE;oBAC1D,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS;;aAElC,CAAC,CACH;AACH,SAAC,CAAC;;8GA1BO,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,6FCnB/B,4pBAeM,EAAA,MAAA,EAAA,CAAA,sfAAA,CAAA,EAAA,CAAA,CAAA;;2FDIO,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,WACb,EAAE,EAAA,QAAA,EAAA,4pBAAA,EAAA,MAAA,EAAA,CAAA,sfAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"ngx-histaff-alpha-hrm-schema.component-pXyPPlfL.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/root/hrm-schema/hrm-schema.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/root/hrm-schema/hrm-schema.component.html"],"sourcesContent":["import { AfterViewInit, Component, inject } from '@angular/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { BaseComponent } from '../../libraries/base-component/base/base.component';\r\nimport { finalize } from 'rxjs';\r\n\r\ninterface SchemaReport {\r\n  name: string;\r\n  success: boolean;\r\n  durationMs: number;\r\n  logs: string[];\r\n  errors: string[];\r\n}\r\n\r\n@Component({\r\n  selector: 'hrm-schema',\r\n  imports: [],\r\n  templateUrl: './hrm-schema.component.html',\r\n  styleUrl: './hrm-schema.component.scss'\r\n})\r\nexport class HrmSchemaComponent extends BaseComponent implements AfterViewInit {\r\n  reports: SchemaReport[] = [];\r\n  loading: boolean = false;\r\n  appService = inject(AppService)\r\n\r\n  get maxDuration(): number {\r\n    return this.reports.length ? Math.max(...this.reports.map(r => r.durationMs)) : 1;\r\n  }\r\n\r\n  // Scale bar width as percentage\r\n  getWidth(report: SchemaReport): string {\r\n    return `${(report.durationMs / this.maxDuration) * 100}%`;\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    setTimeout(() => {\r\n      this.loading = true;\r\n      this.subscriptions.push(\r\n        this.appService.get('/api/HrmSchemaEssential/SchemaCheck').pipe(\r\n          finalize(() => this.loading = false)\r\n        ).subscribe(x => {\r\n          if (x.ok && x.status === 200 && x.body?.statusCode === 200) {\r\n            this.reports = x.body.innerBody;\r\n          }\r\n        })\r\n      )\r\n    })\r\n  }\r\n}\r\n","\r\n<div class=\"container-fluid\">\r\n    <div class=\"schema-bar-chart\">\r\n        @for (r of reports; track $index) {\r\n        <div class=\"schema-bar-row\">\r\n            <div class=\"schema-label\">{{ r.name }}</div>\r\n            <div class=\"schema-bar-wrapper\">\r\n                <div class=\"schema-bar\" [class.success]=\"r.success\" [class.fail]=\"!r.success\" [style.width]=\"getWidth(r)\"\r\n                    [title]=\"r.durationMs + ' ms\\n' + (r.errors.length ? r.errors.join('; ') : 'OK')\">\r\n                    {{ r.durationMs }} ms\r\n                </div>\r\n            </div>\r\n        </div>\r\n        }\r\n    </div>\r\n</div>"],"names":[],"mappings":";;;;;AAmBM,MAAO,kBAAmB,SAAQ,aAAa,CAAA;AANrD,IAAA,WAAA,GAAA;;QAOE,IAAO,CAAA,OAAA,GAAmB,EAAE;QAC5B,IAAO,CAAA,OAAA,GAAY,KAAK;AACxB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAyBhC;AAvBC,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC;;;AAInF,IAAA,QAAQ,CAAC,MAAoB,EAAA;AAC3B,QAAA,OAAO,CAAG,EAAA,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,IAAI,GAAG,GAAG;;IAG3D,eAAe,GAAA;QACb,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CACrB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC,IAAI,CAC7D,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,CACrC,CAAC,SAAS,CAAC,CAAC,IAAG;AACd,gBAAA,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,GAAG,EAAE;oBAC1D,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS;;aAElC,CAAC,CACH;AACH,SAAC,CAAC;;8GA1BO,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,6FCnB/B,4pBAeM,EAAA,MAAA,EAAA,CAAA,sfAAA,CAAA,EAAA,CAAA,CAAA;;2FDIO,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,WACb,EAAE,EAAA,QAAA,EAAA,4pBAAA,EAAA,MAAA,EAAA,CAAA,sfAAA,CAAA,EAAA;;;;;"}

package/fesm2022/{ngx-histaff-alpha-live-form.component-j7qvkJWf.mjs → ngx-histaff-alpha-live-form.component-CV_r5fwn.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { input, signal, computed, isDevMode, inject, HostListener, ChangeDetectionStrategy, Component, output, ChangeDetectorRef, Injector, effect } from '@angular/core';
-import { B as BaseComponent, a8 as EnumImageResolverType, h as CoreWorkflowService, k as CoreFormService, j as AlertService, X as AppConfigService, t as alertOptions, M as MultiLanguageService, T as TranslatePipe, I as ImageErrorResolverDirective, a9 as NormalizeHumanNamePipe, o as TooltipDirective, aa as CoreIosSwitcherComponent, u as CoreTerminalSpinnerComponent, f as CorePageHeaderComponent, x as DomService, L as CoreParamControlComponent, v as CoreFormDesignService, P as ApplicationHelpService, W as JsonService, A as AppService, d as EnumFormBaseContolType, R as EnumCorePageEditMode, Y as EnumCoreButtonVNSCode, i as EnumCoreFormControlSeekerSourceType, Q as HotKeysDirective, U as CoreFormComponent, a5 as JsonSafePipe } from './ngx-histaff-alpha-ngx-histaff-alpha-BPy1ZFzg.mjs';
+import { B as BaseComponent, a8 as EnumImageResolverType, h as CoreWorkflowService, k as CoreFormService, j as AlertService, X as AppConfigService, t as alertOptions, M as MultiLanguageService, T as TranslatePipe, I as ImageErrorResolverDirective, a9 as NormalizeHumanNamePipe, o as TooltipDirective, aa as CoreIosSwitcherComponent, u as CoreTerminalSpinnerComponent, f as CorePageHeaderComponent, x as DomService, L as CoreParamControlComponent, v as CoreFormDesignService, P as ApplicationHelpService, W as JsonService, A as AppService, d as EnumFormBaseContolType, R as EnumCorePageEditMode, Y as EnumCoreButtonVNSCode, i as EnumCoreFormControlSeekerSourceType, Q as HotKeysDirective, U as CoreFormComponent, a5 as JsonSafePipe } from './ngx-histaff-alpha-ngx-histaff-alpha-Ch-QritZ.mjs';
 import { catchError, of, finalize, BehaviorSubject, filter, distinctUntilChanged } from 'rxjs';
 import { NgClass, JsonPipe, NgStyle } from '@angular/common';
 import { RouterLink, Router, ActivatedRoute } from '@angular/router';
@@ -935,7 +935,7 @@ class LiveFormComponent extends BaseComponent {
         this.clearInjectedFields();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: LiveFormComponent, deps: [{ token: MultiLanguageService }, { token: CoreFormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: LiveFormComponent, isStandalone: true, selector: "live-form", inputs: { $designMode: { classPropertyName: "$designMode", publicName: "$designMode", isSignal: true, isRequired: false, transformFunction: null }, $forKickOff: { classPropertyName: "$forKickOff", publicName: "$forKickOff", isSignal: true, isRequired: false, transformFunction: null }, $workflowReactContext: { classPropertyName: "$workflowReactContext", publicName: "$workflowReactContext", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { $onClose: "$onClose" }, usesInheritance: true, ngImport: i0, template: "<div class=\"live-form-container\" [hotKeys]=\"['F3', 'F6', 'Escape']\">\r\n\r\n  @if ($normalMode()) {\r\n    <div class=\"form-wrapper live-form\" [ngStyle]=\"{\r\n        width: !!coreFormDesignService.$afInstance().width ? coreFormDesignService.$afInstance().width + 'px' : 'unset'\r\n    }\">\r\n      <div class=\"live-form-header\">\r\n        <core-page-header [title]=\"coreFormDesignService.$afInstance().captionCode | translate : lang\" [hideButtonGroup]=\"true\"></core-page-header>\r\n      </div>\r\n\r\n      <core-form\r\n        [inputSections]=\"$inputSections()\"\r\n        [customFormButtonItems]=\"$customButtons()!\"\r\n        [forceCreateNewForm]=\"true\"\r\n        [mode$]=\"mode$\"\r\n        [hideButtons]=\"$previewMode()\"\r\n        [hideCalculatedSection]=\"true\"\r\n        [hideDevSector]=\"true\"\r\n        [bottomTemplateRef]=\"bottomTemplateRef\"\r\n        [buttonGroupTemplateRef]=\"buttonGroupTemplateRef\"\r\n        [checkError$]=\"checkError$\"\r\n        (onSubmit)=\"onLiveSubmit($event)\"\r\n        (onFormCreated)=\"onLiveFormCreated($event)\"\r\n        (onCancal)=\"onClose()\"\r\n      />\r\n\r\n      @if ($previewMode()) {\r\n        <div class=\"show-routing-wrapper\">\r\n          <button type=\"button\" class=\"btn btn-primary\" (click)=\"toggleShowRouting()\">\r\n            {{ $showLiveRouting() ? 'Hide Routing' : 'Show Routing' }}\r\n          </button>\r\n        </div>\r\n      }\r\n\r\n    </div>\r\n\r\n    <div class=\"routing-preview-wrapper\" [class.visible]=\"$showLiveRouting()\">\r\n      @if ($showLiveRouting()) {\r\n        <routing-preview-panel />\r\n      }\r\n    </div>\r\n\r\n\r\n  } @else {\r\n    <div class=\"modal-container\">\r\n      <div class=\"modal-content-root no-padding\">\r\n\r\n        <div class=\"form-wrapper live-form\" [class.d-none]=\"$showLiveRouting()\" [ngStyle]=\"{\r\n            width: !!coreFormDesignService.$afInstance().width ? coreFormDesignService.$afInstance().width + 'px' : 'unset'\r\n        }\">\r\n\r\n          <div class=\"live-form-header\">\r\n            <core-page-header [title]=\"coreFormDesignService.$afInstance().captionCode | translate : lang\" [hideButtonGroup]=\"true\" />\r\n            <div class=\"preview-close-icon\" (click)=\"onClose()\">\r\n              <i class=\"feather-x\"></i>\r\n            </div>\r\n          </div>\r\n\r\n          <core-form\r\n            [inputSections]=\"$inputSections()\"\r\n            [customFormButtonItems]=\"$customButtons()!\"\r\n            [forceCreateNewForm]=\"true\"\r\n            [hideCalculatedSection]=\"true\"\r\n            [mode$]=\"mode$\"\r\n            [hideButtons]=\"$previewMode()\"\r\n            [bottomTemplateRef]=\"bottomTemplateRef\"\r\n            [buttonGroupTemplateRef]=\"buttonGroupTemplateRef\"\r\n            [hideDevSector]=\"false\"\r\n            [checkError$]=\"checkError$\"\r\n            (onSubmit)=\"onLiveSubmit($event)\"\r\n            (onFormCreated)=\"onLiveFormCreated($event)\"\r\n            (onCancal)=\"onClose()\"\r\n          />\r\n\r\n          <div class=\"submition-wrapper\">\r\n            <button type=\"button\" class=\"btn btn-secondary\" (click)=\"toggleShowRouting()\">\r\n              {{ $showLiveRouting() ? 'Hide Routing' : 'Show Routing' }}\r\n            </button>\r\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"initialSubmit()\">\r\n              Submit  \r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"routing-preview-wrapper\" [class.visible]=\"$showLiveRouting()\">\r\n          @if ($showLiveRouting()) {\r\n            <div class=\"h50\"></div>\r\n            <routing-preview-panel [$minWidth]=\"coreFormDesignService.$afInstance().width\"/>\r\n            <div class=\"h50\"></div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <ng-template #bottomTemplateRef>\r\n    <!-- <pre [ngStyle]=\"{ maxWidth: !!$afInstance()?.width ? $afInstance()?.width! + 'px' : 'unset'}\">{{ $inputSectionsJson() }}</pre> -->\r\n    <!-- @if (isDevMode) {\r\n      <p class=\"dev-hint\">F3/ESC: Show/Hide afInstance | F6/ESC: Show/Hide Workflow</p>\r\n    } -->\r\n    @if ($showAfInstanceJson()) {\r\n      <pre [ngStyle]=\"{ maxWidth: !!$afInstance()?.width ? $afInstance()?.width! + 'px' : 'unset'}\">{{ $afInstanceJson() }}</pre>\r\n    }\r\n    @if ($showWfWorkflowJson()) {\r\n      <pre [ngStyle]=\"{ maxWidth: !!$afInstance()?.width ? $afInstance()?.width! + 'px' : 'unset'}\">{{ $wfWorkflowJson() }}</pre>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-template #buttonGroupTemplateRef>\r\n    <div class=\"button-group\">\r\n      <div class=\"button-group-left\"></div>\r\n      <div class=\"button-group-right\">\r\n        @if ($reactMode()) {\r\n          @if (true) {\r\n            <button type=\"button\" class=\"btn btn-secondary\">Cancel</button>  \r\n          }\r\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"react('REJECTED')\">Reject</button>\r\n          <button type=\"button\" class=\"btn btn-primary\" (click)=\"react('APPROVED')\">Approve</button>\r\n        } @else {\r\n          <button type=\"button\" class=\"btn btn-secondary\">Cancel</button>\r\n          <button type=\"button\" class=\"btn btn-primary\">Send Request</button>\r\n        }\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n</div>", styles: [".live-form-container .modal-container{overflow-y:auto!important;box-sizing:border-box}.live-form-container .form-wrapper.live-form{padding-top:0;padding-bottom:15px;background-color:#fff;position:relative}.live-form-container .form-wrapper.live-form .live-form-header{padding:0 15px}.live-form-container .form-wrapper.live-form .live-form-header .preview-close-icon{position:absolute;right:7px;top:6px;z-index:2;color:gray;cursor:pointer}.live-form-container .form-wrapper.live-form .live-form-header .preview-close-icon i{font-size:18px}.live-form-container .form-wrapper.live-form .submition-wrapper{display:flex;align-items:center;justify-content:flex-end;padding:0 24px;font-size:13px}.live-form-container .form-wrapper.live-form .submition-wrapper button{border-radius:0;font-size:13px}.live-form-container .form-wrapper.live-form .submition-wrapper button:not(:last-child){margin-right:8px}.live-form-container .form-wrapper.live-form .show-routing-wrapper{padding:15px;display:flex;align-items:center;justify-content:flex-end}.live-form-container .form-wrapper.live-form .show-routing-wrapper input{width:120px}.live-form-container .modal-content-root{padding:0;overflow-y:visible;background-color:transparent!important;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.live-form-container pre{background-color:#fff;color:#333;padding:1rem 1.5rem;border-radius:10px;box-shadow:0 2px 6px #00000014;font-family:Fira Code,monospace;font-size:.85rem;word-break:keep-all;overflow-x:auto;line-height:1.5;max-height:500px;overflow-y:auto;margin:0}.live-form-container .dev-hint{font-size:12px;color:#888;background-color:#f9f9f9;padding:6px 12px;margin:8px 0;border-left:4px solid #ccc}.live-form-container .h50{height:50px}.live-form-container .routing-preview-wrapper{overflow:hidden;max-height:0;opacity:0;transform:translateY(-10px);transition:max-height .4s ease-out,opacity .4s ease-out,transform .4s ease-out}.live-form-container .routing-preview-wrapper.visible{max-height:800px;overflow:visible;opacity:1;transform:translateY(0)}.live-form-container .show-routing-wrapper button{height:35px;font-size:13px;border-radius:0;color:#fff}.live-form-container .hidden-requester-selector{position:absolute;width:0;height:0;top:-200px;left:-200px;overflow:visible}.live-form-container .button-group{padding:15px;display:flex;align-items:center;justify-content:flex-end}.live-form-container .button-group button{height:35px;border-radius:0;font-size:13px;margin:0 7.5px;width:120px}.live-form-container .button-group button:last-child{margin-right:0}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: HotKeysDirective, selector: "[hotKeys]", inputs: ["hotKeys"] }, { kind: "component", type: RoutingPreviewPanelComponent, selector: "routing-preview-panel", inputs: ["$minWidth"] }, { kind: "component", type: CorePageHeaderComponent, selector: "core-page-header", inputs: ["instanceNumber", "shownItems", "title", "hideButtonGroup", "htmlTooltipRef"], outputs: ["buttonClick"] }, { kind: "component", type: CoreFormComponent, selector: "core-form", inputs: ["formName", "width", "submitText", "leftInputSections", "leftInputSectionsFlexSize", "inputSections", "mode$", "bottomTemplateRef", "customFormButtonItems", "showCaptionButton", "disableSaveButton", "disableCancelButton", "checkError$", "hideButtons", "forceCreateNewForm", "secondBottomTemplateRef", "hideDevSector", "hideCalculatedSection", "buttonGroupTemplateRef", "wrapEachSectionInAccordion"], outputs: ["onFormCreated", "onFormRefCreated", "onSubmit", "onSave", "onCancal", "buttonClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: LiveFormComponent, isStandalone: true, selector: "live-form", inputs: { $designMode: { classPropertyName: "$designMode", publicName: "$designMode", isSignal: true, isRequired: false, transformFunction: null }, $forKickOff: { classPropertyName: "$forKickOff", publicName: "$forKickOff", isSignal: true, isRequired: false, transformFunction: null }, $workflowReactContext: { classPropertyName: "$workflowReactContext", publicName: "$workflowReactContext", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { $onClose: "$onClose" }, usesInheritance: true, ngImport: i0, template: "<div class=\"live-form-container\" [hotKeys]=\"['F3', 'F6', 'Escape']\">\r\n\r\n  @if ($normalMode()) {\r\n    <div class=\"form-wrapper live-form\" [ngStyle]=\"{\r\n        width: !!coreFormDesignService.$afInstance().width ? coreFormDesignService.$afInstance().width + 'px' : 'unset'\r\n    }\">\r\n      <div class=\"live-form-header\">\r\n        <core-page-header [title]=\"coreFormDesignService.$afInstance().captionCode | translate : lang\" [hideButtonGroup]=\"true\"></core-page-header>\r\n      </div>\r\n\r\n      <core-form\r\n        [inputSections]=\"$inputSections()\"\r\n        [customFormButtonItems]=\"$customButtons()!\"\r\n        [forceCreateNewForm]=\"true\"\r\n        [mode$]=\"mode$\"\r\n        [hideButtons]=\"$previewMode()\"\r\n        [hideCalculatedSection]=\"true\"\r\n        [hideDevSector]=\"true\"\r\n        [bottomTemplateRef]=\"bottomTemplateRef\"\r\n        [buttonGroupTemplateRef]=\"buttonGroupTemplateRef\"\r\n        [checkError$]=\"checkError$\"\r\n        (onSubmit)=\"onLiveSubmit($event)\"\r\n        (onFormCreated)=\"onLiveFormCreated($event)\"\r\n        (onCancal)=\"onClose()\"\r\n      />\r\n\r\n      @if ($previewMode()) {\r\n        <div class=\"show-routing-wrapper\">\r\n          <button type=\"button\" class=\"btn btn-primary\" (click)=\"toggleShowRouting()\">\r\n            {{ $showLiveRouting() ? 'Hide Routing' : 'Show Routing' }}\r\n          </button>\r\n        </div>\r\n      }\r\n\r\n    </div>\r\n\r\n    <div class=\"routing-preview-wrapper\" [class.visible]=\"$showLiveRouting()\">\r\n      @if ($showLiveRouting()) {\r\n        <routing-preview-panel />\r\n      }\r\n    </div>\r\n\r\n\r\n  } @else {\r\n    <div class=\"modal-container\">\r\n      <div class=\"modal-content-root no-padding\">\r\n\r\n        <div class=\"form-wrapper live-form\" [class.d-none]=\"$showLiveRouting()\" [ngStyle]=\"{\r\n            width: !!coreFormDesignService.$afInstance().width ? coreFormDesignService.$afInstance().width + 'px' : 'unset'\r\n        }\">\r\n\r\n          <div class=\"live-form-header\">\r\n            <core-page-header [title]=\"coreFormDesignService.$afInstance().captionCode | translate : lang\" [hideButtonGroup]=\"true\" />\r\n            <div class=\"preview-close-icon\" (click)=\"onClose()\">\r\n              <i class=\"feather-x\"></i>\r\n            </div>\r\n          </div>\r\n\r\n          <core-form\r\n            [inputSections]=\"$inputSections()\"\r\n            [customFormButtonItems]=\"$customButtons()!\"\r\n            [forceCreateNewForm]=\"true\"\r\n            [hideCalculatedSection]=\"true\"\r\n            [mode$]=\"mode$\"\r\n            [hideButtons]=\"$previewMode()\"\r\n            [bottomTemplateRef]=\"bottomTemplateRef\"\r\n            [buttonGroupTemplateRef]=\"buttonGroupTemplateRef\"\r\n            [hideDevSector]=\"false\"\r\n            [checkError$]=\"checkError$\"\r\n            (onSubmit)=\"onLiveSubmit($event)\"\r\n            (onFormCreated)=\"onLiveFormCreated($event)\"\r\n            (onCancal)=\"onClose()\"\r\n          />\r\n\r\n          <div class=\"submition-wrapper\">\r\n            <button type=\"button\" class=\"btn btn-secondary\" (click)=\"toggleShowRouting()\">\r\n              {{ $showLiveRouting() ? 'Hide Routing' : 'Show Routing' }}\r\n            </button>\r\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"initialSubmit()\">\r\n              Submit  \r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"routing-preview-wrapper\" [class.visible]=\"$showLiveRouting()\">\r\n          @if ($showLiveRouting()) {\r\n            <div class=\"h50\"></div>\r\n            <routing-preview-panel [$minWidth]=\"coreFormDesignService.$afInstance().width\"/>\r\n            <div class=\"h50\"></div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <ng-template #bottomTemplateRef>\r\n    <!-- <pre [ngStyle]=\"{ maxWidth: !!$afInstance()?.width ? $afInstance()?.width! + 'px' : 'unset'}\">{{ $inputSectionsJson() }}</pre> -->\r\n    <!-- @if (isDevMode) {\r\n      <p class=\"dev-hint\">F3/ESC: Show/Hide afInstance | F6/ESC: Show/Hide Workflow</p>\r\n    } -->\r\n    @if ($showAfInstanceJson()) {\r\n      <pre [ngStyle]=\"{ maxWidth: !!$afInstance()?.width ? $afInstance()?.width! + 'px' : 'unset'}\">{{ $afInstanceJson() }}</pre>\r\n    }\r\n    @if ($showWfWorkflowJson()) {\r\n      <pre [ngStyle]=\"{ maxWidth: !!$afInstance()?.width ? $afInstance()?.width! + 'px' : 'unset'}\">{{ $wfWorkflowJson() }}</pre>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-template #buttonGroupTemplateRef>\r\n    <div class=\"button-group\">\r\n      <div class=\"button-group-left\"></div>\r\n      <div class=\"button-group-right\">\r\n        @if ($reactMode()) {\r\n          @if (true) {\r\n            <button type=\"button\" class=\"btn btn-secondary\">Cancel</button>  \r\n          }\r\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"react('REJECTED')\">Reject</button>\r\n          <button type=\"button\" class=\"btn btn-primary\" (click)=\"react('APPROVED')\">Approve</button>\r\n        } @else {\r\n          <button type=\"button\" class=\"btn btn-secondary\">Cancel</button>\r\n          <button type=\"button\" class=\"btn btn-primary\">Send Request</button>\r\n        }\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n</div>", styles: [".live-form-container .modal-container{overflow-y:auto!important;box-sizing:border-box}.live-form-container .form-wrapper.live-form{padding-top:0;padding-bottom:15px;background-color:#fff;position:relative}.live-form-container .form-wrapper.live-form .live-form-header{padding:0 15px}.live-form-container .form-wrapper.live-form .live-form-header .preview-close-icon{position:absolute;right:7px;top:6px;z-index:2;color:gray;cursor:pointer}.live-form-container .form-wrapper.live-form .live-form-header .preview-close-icon i{font-size:18px}.live-form-container .form-wrapper.live-form .submition-wrapper{display:flex;align-items:center;justify-content:flex-end;padding:0 24px;font-size:13px}.live-form-container .form-wrapper.live-form .submition-wrapper button{border-radius:0;font-size:13px}.live-form-container .form-wrapper.live-form .submition-wrapper button:not(:last-child){margin-right:8px}.live-form-container .form-wrapper.live-form .show-routing-wrapper{padding:15px;display:flex;align-items:center;justify-content:flex-end}.live-form-container .form-wrapper.live-form .show-routing-wrapper input{width:120px}.live-form-container .modal-content-root{padding:0;overflow-y:visible;background-color:transparent!important;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.live-form-container pre{background-color:#fff;color:#333;padding:1rem 1.5rem;border-radius:10px;box-shadow:0 2px 6px #00000014;font-family:Fira Code,monospace;font-size:.85rem;word-break:keep-all;overflow-x:auto;line-height:1.5;max-height:500px;overflow-y:auto;margin:0}.live-form-container .dev-hint{font-size:12px;color:#888;background-color:#f9f9f9;padding:6px 12px;margin:8px 0;border-left:4px solid #ccc}.live-form-container .h50{height:50px}.live-form-container .routing-preview-wrapper{overflow:hidden;max-height:0;opacity:0;transform:translateY(-10px);transition:max-height .4s ease-out,opacity .4s ease-out,transform .4s ease-out}.live-form-container .routing-preview-wrapper.visible{max-height:800px;overflow:visible;opacity:1;transform:translateY(0)}.live-form-container .show-routing-wrapper button{height:35px;font-size:13px;border-radius:0;color:#fff}.live-form-container .hidden-requester-selector{position:absolute;width:0;height:0;top:-200px;left:-200px;overflow:visible}.live-form-container .button-group{padding:15px;display:flex;align-items:center;justify-content:flex-end}.live-form-container .button-group button{height:35px;border-radius:0;font-size:13px;margin:0 7.5px;width:120px}.live-form-container .button-group button:last-child{margin-right:0}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: HotKeysDirective, selector: "[hotKeys]", inputs: ["hotKeys"] }, { kind: "component", type: RoutingPreviewPanelComponent, selector: "routing-preview-panel", inputs: ["$minWidth"] }, { kind: "component", type: CorePageHeaderComponent, selector: "core-page-header", inputs: ["instanceNumber", "shownItems", "title", "hideButtonGroup", "htmlTooltipRef"], outputs: ["buttonClick"] }, { kind: "component", type: CoreFormComponent, selector: "core-form", inputs: ["formName", "width", "submitText", "leftInputSections", "leftInputSectionsFlexSize", "inputSections", "mode$", "bottomTemplateRef", "customFormButtonItems", "showCaptionButton", "disableSaveButton", "disableCancelButton", "checkError$", "hideButtons", "forceCreateNewForm", "secondBottomTemplateRef", "hideDevSector", "hideCalculatedSection", "buttonGroupTemplateRef", "wrapEachSectionInAccordion", "gridMode"], outputs: ["onFormCreated", "onFormRefCreated", "onSubmit", "onSave", "onCancal", "buttonClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: LiveFormComponent, decorators: [{
             type: Component,
@@ -956,4 +956,4 @@ var liveForm_component = /*#__PURE__*/Object.freeze({
 });
 
 export { LiveFormComponent as L, RoutingPreviewPanelComponent as R, liveForm_component as l };
-//# sourceMappingURL=ngx-histaff-alpha-live-form.component-j7qvkJWf.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-live-form.component-CV_r5fwn.mjs.map