ngx-histaff-alpha 5.2.2 → 5.2.3

package/fesm2022/ngx-histaff-alpha-live-form.component-Cl8EQ7M8.mjs

@@ -0,0 +1,36 @@
+import * as i0 from '@angular/core';
+import { input, output, inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import { f as BaseComponent, C as CoreFormDesignService, E as EnumCorePageEditMode, c as CorePageHeaderComponent, d as CoreFormComponent, T as TranslatePipe } from './ngx-histaff-alpha-ngx-histaff-alpha-B6dYCMll.mjs';
+import { BehaviorSubject } from 'rxjs';
+import { NgStyle } from '@angular/common';
+
+class LiveFormComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.$normalMode = input.required();
+        this.$sections = input.required();
+        this.$onClose = output();
+        this.coreFormDesignService = inject(CoreFormDesignService);
+        this.crudMode$ = new BehaviorSubject(EnumCorePageEditMode.CREATE);
+    }
+    onLiveFormCreated(e) {
+    }
+    onLiveSubmit(e) {
+    }
+    onClose() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: LiveFormComponent, deps: null, 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: { $normalMode: { classPropertyName: "$normalMode", publicName: "$normalMode", isSignal: true, isRequired: true, transformFunction: null }, $sections: { classPropertyName: "$sections", publicName: "$sections", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { $onClose: "$onClose" }, usesInheritance: true, ngImport: i0, template: "@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        <core-form \r\n            [inputSections]=\"$sections()\" \r\n            [showCaptionButton]=\"true\"\r\n            [customFormButtonItems]=\"coreFormDesignService.$customFormButtonItems()!\" \r\n            (onSubmit)=\"onLiveSubmit($event)\" \r\n            [mode$]=\"crudMode$\"\r\n            (onFormCreated)=\"onLiveFormCreated($event)\"\r\n        ></core-form>\r\n    </div>\r\n} @else {\r\n\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\" [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 class=\"preview-close-icon\" (click)=\"$onClose.emit()\">\r\n                        <i class=\"feather-x\"></i>\r\n                    </div>\r\n                </div>\r\n                <core-form \r\n                    [inputSections]=\"$sections()\" \r\n                    [showCaptionButton]=\"true\"\r\n                    [customFormButtonItems]=\"coreFormDesignService.$customFormButtonItems()!\" \r\n                    (onSubmit)=\"onLiveSubmit($event)\" \r\n                    [mode$]=\"crudMode$\"\r\n                    (onFormCreated)=\"onLiveFormCreated($event)\"    \r\n                ></core-form>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n}\r\n", styles: [".form-wrapper.live-form{padding-bottom:15px}.form-wrapper.live-form .live-form-header{padding:0 15px}.form-wrapper.live-form .live-form-header .preview-close-icon{position:absolute;right:7px;top:6px;z-index:2;color:gray;cursor:pointer}.form-wrapper.live-form .live-form-header .preview-close-icon i{font-size:18px}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CorePageHeaderComponent, selector: "core-page-header", inputs: ["instanceNumber", "shownItems", "title", "hideButtonGroup"], outputs: ["buttonClick"] }, { kind: "component", type: CoreFormComponent, selector: "core-form", inputs: ["formName", "width", "submitText", "leftInputSections", "leftInputSectionsFlexSize", "inputSections", "mode$", "bottomTemplateRef", "customFormButtonItems", "showCaptionButton", "disableSaveButton", "disableCancelButton", "checkError$", "hideButtons"], 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,
+            args: [{ selector: 'live-form', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        NgStyle,
+                        CorePageHeaderComponent,
+                        CoreFormComponent,
+                        TranslatePipe
+                    ], template: "@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        <core-form \r\n            [inputSections]=\"$sections()\" \r\n            [showCaptionButton]=\"true\"\r\n            [customFormButtonItems]=\"coreFormDesignService.$customFormButtonItems()!\" \r\n            (onSubmit)=\"onLiveSubmit($event)\" \r\n            [mode$]=\"crudMode$\"\r\n            (onFormCreated)=\"onLiveFormCreated($event)\"\r\n        ></core-form>\r\n    </div>\r\n} @else {\r\n\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\" [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 class=\"preview-close-icon\" (click)=\"$onClose.emit()\">\r\n                        <i class=\"feather-x\"></i>\r\n                    </div>\r\n                </div>\r\n                <core-form \r\n                    [inputSections]=\"$sections()\" \r\n                    [showCaptionButton]=\"true\"\r\n                    [customFormButtonItems]=\"coreFormDesignService.$customFormButtonItems()!\" \r\n                    (onSubmit)=\"onLiveSubmit($event)\" \r\n                    [mode$]=\"crudMode$\"\r\n                    (onFormCreated)=\"onLiveFormCreated($event)\"    \r\n                ></core-form>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n}\r\n", styles: [".form-wrapper.live-form{padding-bottom:15px}.form-wrapper.live-form .live-form-header{padding:0 15px}.form-wrapper.live-form .live-form-header .preview-close-icon{position:absolute;right:7px;top:6px;z-index:2;color:gray;cursor:pointer}.form-wrapper.live-form .live-form-header .preview-close-icon i{font-size:18px}\n"] }]
+        }] });
+
+export { LiveFormComponent };
+//# sourceMappingURL=ngx-histaff-alpha-live-form.component-Cl8EQ7M8.mjs.map

package/fesm2022/ngx-histaff-alpha-live-form.component-Cl8EQ7M8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-histaff-alpha-live-form.component-Cl8EQ7M8.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-form-design/live-form/live-form.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-form-design/live-form/live-form.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, input, output } from '@angular/core';\r\nimport { CorePageHeaderComponent } from '../../core-page-header/core-page-header/core-page-header.component';\r\nimport { CoreFormComponent } from '../../core-form/core-form/core-form.component';\r\nimport { ICoreFormSection } from '../../core-form/core-form/enum-interfaces';\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { EnumCorePageEditMode } from '../../core-page-edit/EnumCorePageEditMode';\r\nimport { CoreFormDesignService } from '../core-form-design.service';\r\nimport { TranslatePipe } from '../../../app-pipes/translate.pipe';\r\nimport { NgStyle } from '@angular/common';\r\nimport { BaseComponent } from '../../base-component/base/base.component';\r\n\r\n@Component({\r\n  selector: 'live-form',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    NgStyle,\r\n    CorePageHeaderComponent,\r\n    CoreFormComponent,\r\n    TranslatePipe\r\n  ],\r\n  templateUrl: './live-form.component.html',\r\n  styleUrl: './live-form.component.scss'\r\n})\r\nexport class LiveFormComponent extends BaseComponent {\r\n\r\n  $normalMode = input.required<boolean>();\r\n  $sections = input.required<ICoreFormSection[]>();\r\n  $onClose = output();\r\n\r\n\r\n  public coreFormDesignService = inject(CoreFormDesignService);\r\n\r\n  crudMode$ = new BehaviorSubject<EnumCorePageEditMode>(EnumCorePageEditMode.CREATE);\r\n\r\n  onLiveFormCreated(e: any): void {\r\n\r\n  }\r\n\r\n  onLiveSubmit(e: any): void {\r\n\r\n  }\r\n\r\n  onClose(): void {\r\n\r\n  }\r\n\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        <core-form \r\n            [inputSections]=\"$sections()\" \r\n            [showCaptionButton]=\"true\"\r\n            [customFormButtonItems]=\"coreFormDesignService.$customFormButtonItems()!\" \r\n            (onSubmit)=\"onLiveSubmit($event)\" \r\n            [mode$]=\"crudMode$\"\r\n            (onFormCreated)=\"onLiveFormCreated($event)\"\r\n        ></core-form>\r\n    </div>\r\n} @else {\r\n\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\" [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 class=\"preview-close-icon\" (click)=\"$onClose.emit()\">\r\n                        <i class=\"feather-x\"></i>\r\n                    </div>\r\n                </div>\r\n                <core-form \r\n                    [inputSections]=\"$sections()\" \r\n                    [showCaptionButton]=\"true\"\r\n                    [customFormButtonItems]=\"coreFormDesignService.$customFormButtonItems()!\" \r\n                    (onSubmit)=\"onLiveSubmit($event)\" \r\n                    [mode$]=\"crudMode$\"\r\n                    (onFormCreated)=\"onLiveFormCreated($event)\"    \r\n                ></core-form>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n}\r\n"],"names":[],"mappings":";;;;;;AAuBM,MAAO,iBAAkB,SAAQ,aAAa,CAAA;AAZpD,IAAA,WAAA,GAAA;;AAcE,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,QAAQ,EAAW;AACvC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,QAAQ,EAAsB;QAChD,IAAQ,CAAA,QAAA,GAAG,MAAM,EAAE;AAGZ,QAAA,IAAA,CAAA,qBAAqB,GAAG,MAAM,CAAC,qBAAqB,CAAC;QAE5D,IAAS,CAAA,SAAA,GAAG,IAAI,eAAe,CAAuB,oBAAoB,CAAC,MAAM,CAAC;AAcnF;AAZC,IAAA,iBAAiB,CAAC,CAAM,EAAA;;AAIxB,IAAA,YAAY,CAAC,CAAM,EAAA;;IAInB,OAAO,GAAA;;8GAnBI,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvB9B,sjEA2CA,ED5BI,MAAA,EAAA,CAAA,8TAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,2EACP,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,YAAA,EAAA,OAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACvB,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,2BAAA,EAAA,eAAA,EAAA,OAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EACjB,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKJ,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAZ7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EACJ,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,OAAO;wBACP,uBAAuB;wBACvB,iBAAiB;wBACjB;AACD,qBAAA,EAAA,QAAA,EAAA,sjEAAA,EAAA,MAAA,EAAA,CAAA,8TAAA,CAAA,EAAA;;;;;"}