ngx-histaff-alpha 6.1.3 → 6.1.5

package/fesm2022/{ngx-histaff-alpha-design-wrapper.component-Diwex-Qk.mjs → ngx-histaff-alpha-design-wrapper.component-DS_szQjl.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, ChangeDetectionStrategy, Component, Injector, runInInjectionContext, effect, Input, EventEmitter, ElementRef, ViewChild, Output, Renderer2, input, isDevMode, signal, computed, Injectable, output, viewChild, ChangeDetectorRef, Directive, Pipe, ViewChildren } from '@angular/core';
-import { B as BaseComponent, h as CoreWorkflowService, t as CoreFormDesignService, j as AlertService, u as EnumWorkflowStepType, r as alertOptions, d as EnumFormBaseContolType, M as MultiLanguageService, m as TooltipDirective, T as TranslatePipe, c as BaseEditComponent, D as DialogService, A as AppService, e as CorePageEditComponent, F as FullscreenModalLoaderComponent, v as DomService, w as CoreDropdownComponent, x as CoreChecklistComponent, y as CoreDatePickerComponent, z as CoreFormControlSeekerComponent, G as CoreCurrencyInputComponent, i as EnumCoreFormControlSeekerSourceType, H as EnumActorSourceType, J as CoreParamControlComponent, K as CoreRadioGroupComponent, L as GptService, N as ApplicationHelpService, O as HotKeysDirective, P as EnumCorePageEditMode, Q as CoreFormComponent, R as NavigatorService, U as JsonService } from './ngx-histaff-alpha-ngx-histaff-alpha-B7mNQnao.mjs';
+import { B as BaseComponent, h as CoreWorkflowService, t as CoreFormDesignService, j as AlertService, u as EnumWorkflowStepType, r as alertOptions, d as EnumFormBaseContolType, M as MultiLanguageService, m as TooltipDirective, T as TranslatePipe, c as BaseEditComponent, D as DialogService, A as AppService, e as CorePageEditComponent, F as FullscreenModalLoaderComponent, v as DomService, w as CoreDropdownComponent, x as CoreChecklistComponent, y as CoreDatePickerComponent, z as CoreFormControlSeekerComponent, G as CoreCurrencyInputComponent, i as EnumCoreFormControlSeekerSourceType, H as EnumActorSourceType, J as CoreParamControlComponent, K as CoreRadioGroupComponent, L as GptService, N as ApplicationHelpService, O as HotKeysDirective, P as EnumCorePageEditMode, Q as CoreFormComponent, R as NavigatorService, U as JsonService } from './ngx-histaff-alpha-ngx-histaff-alpha-B-fat8-E.mjs';
 import * as i1$1 from '@angular/router';
 import { Router, ActivatedRoute, RouterOutlet } from '@angular/router';
 import { catchError, of, BehaviorSubject, distinctUntilChanged } from 'rxjs';
@@ -8,11 +8,11 @@ import { EnumTranslateKey } from 'alpha-global-constants';
 import { AsyncPipe, NgTemplateOutlet, LowerCasePipe, NgStyle } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { Validators, ReactiveFormsModule, FormGroup, FormControl, FormArray, FormsModule } from '@angular/forms';
-import { C as CoreFormDesignComponent } from './ngx-histaff-alpha-core-form-design.component-BOWd5_mN.mjs';
+import { C as CoreFormDesignComponent } from './ngx-histaff-alpha-core-form-design.component-Ch-h_vCe.mjs';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import { HttpClient } from '@angular/common/http';
-import { C as CoreToastLoadingComponent } from './ngx-histaff-alpha-core-toast-loading.component-C7KrR136.mjs';
-import { R as RoutingPreviewPanelComponent } from './ngx-histaff-alpha-live-form.component-Cw2SaE7P.mjs';
+import { C as CoreToastLoadingComponent } from './ngx-histaff-alpha-core-toast-loading.component-B2nI6yJv.mjs';
+import { R as RoutingPreviewPanelComponent } from './ngx-histaff-alpha-live-form.component-Cg-kqBBL.mjs';
 
 class CurrentHeaderComponent extends BaseComponent {
     constructor(mls) {
@@ -2175,6 +2175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 
 const EMAIL_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>';
 const TEMPLATE_TYPES = [
+    { key: 'submit', caption: 'UI_WORKFLOW_EMAIL_TEMPLATE_SECTION_SUBMIT' },
     { key: 'react', caption: 'UI_WORKFLOW_EMAIL_TEMPLATE_SECTION_REACT' },
     { key: 'fullyApprove', caption: 'UI_WORKFLOW_EMAIL_TEMPLATE_SECTION_FULLY_APPROVE' },
     { key: 'reject', caption: 'UI_WORKFLOW_EMAIL_TEMPLATE_SECTION_REJECT' },
@@ -2265,13 +2266,13 @@ class WfEmailTemplatesComponent extends BaseEditComponent {
         this.subscriptions.map(x => x?.unsubscribe());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WfEmailTemplatesComponent, deps: [{ token: DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: WfEmailTemplatesComponent, isStandalone: true, selector: "wf-email-templates", inputs: { captionCode: "captionCode" }, usesInheritance: true, ngImport: i0, template: "@if (sections?.length) {\r\n    <div style=\"height: 50px;\"></div>\r\n    <core-form \r\n        [inputSections]=\"sections\" [mode$]=\"mode$\"\r\n        [hideButtons]=\"true\"\r\n        [wrapEachSectionInAccordion]=\"true\"\r\n        [checkError$]=\"wfs.emailTemplatesFormCheckError$\" (onFormCreated)=\"onFormCreated($event)\"\r\n    />\r\n}", styles: [""], dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: WfEmailTemplatesComponent, isStandalone: true, selector: "wf-email-templates", inputs: { captionCode: "captionCode" }, usesInheritance: true, ngImport: i0, template: "<div style=\"height: 50px;\"></div>\r\nRuntime Context:\r\n\r\n<div style=\"font-family: Arial, sans-serif; font-size: 14px; color: #333;\r\n            line-height: 1.6; padding: 30px;\r\n            border: 1px solid #e1e1e1; border-radius: 8px;\r\n            box-shadow: 0 2px 6px rgba(0,0,0,0.05);\">\r\n\r\n  <div style=\"background: #61affe;\r\n              color: #fff; padding: 12px 18px; border-radius: 8px 8px 0 0;\">\r\n    <strong>\uD83D\uDEE0 Runtime Context \u2014 Available Liquid Tokens</strong>\r\n  </div>\r\n\r\n  <div style=\"padding: 18px;\">\r\n    <p style=\"margin-top:0; color:#555;\">\r\n      You can use the following variables inside Liquid templates:\r\n    </p>\r\n\r\n    <table style=\"border-collapse: collapse; width: 100%; font-size: 13px;\">\r\n      <tr style=\"background:#f7f9fc;\">\r\n        <th style=\"border:1px solid #ddd; padding:8px; text-align:left; width:250px;\">Token</th>\r\n        <th style=\"border:1px solid #ddd; padding:8px; text-align:left;\">Description</th>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; webappStatusUrl &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">Workflow status URL (Webapp)</td>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; portalStatusUrl &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">Workflow status URL (Portal)</td>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; webappReactUrl &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">Approve/Reject link (Webapp)</td>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; portalReactUrl &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">Approve/Reject link (Portal)</td>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; workflowName &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">Workflow name</td>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; firstActorFullName &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">First approver\u2019s full name</td>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; submitterFullName &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">Submitter\u2019s full name</td>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; actorFullName &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">Current recipient\u2019s full name</td>\r\n      </tr>\r\n      <tr style=\"background:#f7f9fc;\">\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable>\r\n            And anything inside ___wys object\r\n          </div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          Dynamic fields from form (WYSIWYG).<br/>\r\n          Example array usage:\r\n          <div style=\"margin-top:6px; font-size:12px; color:#555;\">\r\n            <div ngNonBindable>\r\n              <code>\r\n                &#123;% for c in contracts___wys %&#125;\r\n                    &#123;&#123; c.jobName___wys &#125;&#125; - &#123;&#123; c.email___wys &#125;&#125; \r\n                &#123;% endfor %&#125;\r\n              </code>\r\n            </div>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n  </div>\r\n</div>\r\n\r\n<div style=\"height: 50px;\"></div>\r\n\r\n<core-form [inputSections]=\"sections\" [mode$]=\"mode$\" [hideButtons]=\"true\" [wrapEachSectionInAccordion]=\"true\"\r\n    [checkError$]=\"wfs.emailTemplatesFormCheckError$\" (onFormCreated)=\"onFormCreated($event)\" />\r\n", styles: [""], dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WfEmailTemplatesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wf-email-templates', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CoreFormComponent,
-                    ], template: "@if (sections?.length) {\r\n    <div style=\"height: 50px;\"></div>\r\n    <core-form \r\n        [inputSections]=\"sections\" [mode$]=\"mode$\"\r\n        [hideButtons]=\"true\"\r\n        [wrapEachSectionInAccordion]=\"true\"\r\n        [checkError$]=\"wfs.emailTemplatesFormCheckError$\" (onFormCreated)=\"onFormCreated($event)\"\r\n    />\r\n}" }]
+                    ], template: "<div style=\"height: 50px;\"></div>\r\nRuntime Context:\r\n\r\n<div style=\"font-family: Arial, sans-serif; font-size: 14px; color: #333;\r\n            line-height: 1.6; padding: 30px;\r\n            border: 1px solid #e1e1e1; border-radius: 8px;\r\n            box-shadow: 0 2px 6px rgba(0,0,0,0.05);\">\r\n\r\n  <div style=\"background: #61affe;\r\n              color: #fff; padding: 12px 18px; border-radius: 8px 8px 0 0;\">\r\n    <strong>\uD83D\uDEE0 Runtime Context \u2014 Available Liquid Tokens</strong>\r\n  </div>\r\n\r\n  <div style=\"padding: 18px;\">\r\n    <p style=\"margin-top:0; color:#555;\">\r\n      You can use the following variables inside Liquid templates:\r\n    </p>\r\n\r\n    <table style=\"border-collapse: collapse; width: 100%; font-size: 13px;\">\r\n      <tr style=\"background:#f7f9fc;\">\r\n        <th style=\"border:1px solid #ddd; padding:8px; text-align:left; width:250px;\">Token</th>\r\n        <th style=\"border:1px solid #ddd; padding:8px; text-align:left;\">Description</th>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; webappStatusUrl &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">Workflow status URL (Webapp)</td>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; portalStatusUrl &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">Workflow status URL (Portal)</td>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; webappReactUrl &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">Approve/Reject link (Webapp)</td>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; portalReactUrl &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">Approve/Reject link (Portal)</td>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; workflowName &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">Workflow name</td>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; firstActorFullName &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">First approver\u2019s full name</td>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; submitterFullName &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">Submitter\u2019s full name</td>\r\n      </tr>\r\n      <tr>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable><code>&#123;&#123; actorFullName &#125;&#125;</code></div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">Current recipient\u2019s full name</td>\r\n      </tr>\r\n      <tr style=\"background:#f7f9fc;\">\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          <div ngNonBindable>\r\n            And anything inside ___wys object\r\n          </div>\r\n        </td>\r\n        <td style=\"border:1px solid #ddd; padding:8px;\">\r\n          Dynamic fields from form (WYSIWYG).<br/>\r\n          Example array usage:\r\n          <div style=\"margin-top:6px; font-size:12px; color:#555;\">\r\n            <div ngNonBindable>\r\n              <code>\r\n                &#123;% for c in contracts___wys %&#125;\r\n                    &#123;&#123; c.jobName___wys &#125;&#125; - &#123;&#123; c.email___wys &#125;&#125; \r\n                &#123;% endfor %&#125;\r\n              </code>\r\n            </div>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n  </div>\r\n</div>\r\n\r\n<div style=\"height: 50px;\"></div>\r\n\r\n<core-form [inputSections]=\"sections\" [mode$]=\"mode$\" [hideButtons]=\"true\" [wrapEachSectionInAccordion]=\"true\"\r\n    [checkError$]=\"wfs.emailTemplatesFormCheckError$\" (onFormCreated)=\"onFormCreated($event)\" />\r\n" }]
         }], ctorParameters: () => [{ type: DialogService }], propDecorators: { captionCode: [{
                 type: Input
             }] } });
@@ -2394,4 +2395,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
         }], ctorParameters: () => [] });
 
 export { DesignWrapperComponent };
-//# sourceMappingURL=ngx-histaff-alpha-design-wrapper.component-Diwex-Qk.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-design-wrapper.component-DS_szQjl.mjs.map