tnx-shared 5.2.17 → 5.2.18

package/esm2020/components/statemachines/statemachines-connection-metadata/statemachines-connection-metadata.component.mjs

@@ -9,12 +9,12 @@ import { DataSourceTargetType } from '../models/constants';
 import { setMetadataConnection } from '../utils/utils';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../services/notifier.service";
-import * as i2 from "../../crud/crud-form/crud-form.component";
-import * as i3 from "../../tn-tabview/tn-tabview.component";
-import * as i4 from "../statemachines-connection-sender/statemachines-connection-sender.component";
+import * as i2 from "@angular/common";
+import * as i3 from "tn-custom-primeng/button";
+import * as i4 from "../../crud/crud-form/crud-form.component";
 import * as i5 from "../statemachines-connection-receiver/statemachines-connection-receiver.component";
-import * as i6 from "@angular/common";
-import * as i7 from "tn-custom-primeng/button";
+import * as i6 from "../statemachines-connection-sender/statemachines-connection-sender.component";
+import * as i7 from "../../tn-tabview/tn-tabview.component";
 import * as i8 from "@ngx-translate/core";
 export const dataSourceIcon = [
     { id: 'replay', ten: 'pi pi-replay' },
@@ -170,11 +170,11 @@ export class StateMachinesConnectionMetadataComponent extends DataFormBase {
         }
     }
 }
-StateMachinesConnectionMetadataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionMetadataComponent, deps: [{ token: i0.Injector }, { token: i1.NotifierService }], target: i0.ɵɵFactoryTarget.Component });
-StateMachinesConnectionMetadataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: StateMachinesConnectionMetadataComponent, selector: "statemachines-connection-metadata", inputs: { designerContext: "designerContext", data: "data", machinesData: "machinesData", viewOnly: "viewOnly" }, outputs: { onRemove: "onRemove" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "senderForm", first: true, predicate: ["senderForm"], descendants: true }, { propertyName: "receiverForm", first: true, predicate: ["receiverForm"], descendants: true }, { propertyName: "templateDropdownIcon", first: true, predicate: ["templateDropdownIcon"], descendants: true, static: true }, { propertyName: "templateDropdownIconSelected", first: true, predicate: ["templateDropdownIconSelected"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-column\" style=\"height: 100%\">\r\n    <crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n        (onFormReady)=\"_handleFormReady($event)\">\r\n    </crud-form>\r\n    <div class=\"fit\" style=\"overflow: hidden;\">\r\n        <tn-tabview [data]=\"mainTabData\" [allowViewAll]=\"true\">\r\n            <ng-template #sender>\r\n                <statemachines-connection-sender #senderForm [data]=\"data\" [machines]=\"machinesData.machines\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-sender>\r\n            </ng-template>\r\n            <ng-template #receiver>\r\n                <statemachines-connection-receiver #receiverForm [designerContext]=\"designerContext\" [data]=\"data\"\r\n                    [isFormAdd]=\"isFormAdd\" [workflowData]=\"machinesData\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver>\r\n            </ng-template>\r\n        </tn-tabview>\r\n    </div>\r\n</div>\r\n<ng-template #buttonTemplate>\r\n    <ng-container *ngIf=\"!viewOnly\">\r\n        <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\"\r\n            class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($event)\"></button>\r\n        <button type=\"button\" pButton icon=\"pi pi-trash\" class=\"p-button-text p-button-danger\"\r\n            [label]=\"'X\u00F3a' | translate\" (click)=\"remove($event)\"></button>\r\n    </ng-container>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>\r\n\r\n<ng-template #templateDropdownIconSelected let-item let-selectedValue=\"selectedValue\">\r\n    <span [class]=\"item.label\"></span>\r\n</ng-template>\r\n<ng-template #templateDropdownIcon let-item>\r\n    <div class=\"__workflow-setting-icon-item\">\r\n        <span [class]=\"item.label\"></span>\r\n    </div>\r\n</ng-template>", styles: [""], components: [{ type: i2.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }, { type: i3.TnTabViewComponent, selector: "tn-tabview", inputs: ["vertical", "data", "allowViewAll", "activeIndex", "isDynamicHeight", "useScrollbar"], outputs: ["onTabChange", "activeIndexChange"] }, { type: i4.StateMachinesConnectionSenderComponent, selector: "statemachines-connection-sender", inputs: ["data", "machines", "viewOnly"] }, { type: i5.StateMachinesConnectionReceiverComponent, selector: "statemachines-connection-receiver", inputs: ["designerContext", "data", "isFormAdd", "workflowData", "viewOnly"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }], pipes: { "translate": i8.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionMetadataComponent, decorators: [{
+StateMachinesConnectionMetadataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionMetadataComponent, deps: [{ token: i0.Injector }, { token: i1.NotifierService }], target: i0.ɵɵFactoryTarget.Component });
+StateMachinesConnectionMetadataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: StateMachinesConnectionMetadataComponent, selector: "statemachines-connection-metadata", inputs: { designerContext: "designerContext", data: "data", machinesData: "machinesData", viewOnly: "viewOnly" }, outputs: { onRemove: "onRemove" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "senderForm", first: true, predicate: ["senderForm"], descendants: true }, { propertyName: "receiverForm", first: true, predicate: ["receiverForm"], descendants: true }, { propertyName: "templateDropdownIcon", first: true, predicate: ["templateDropdownIcon"], descendants: true, static: true }, { propertyName: "templateDropdownIconSelected", first: true, predicate: ["templateDropdownIconSelected"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-column\" style=\"height: 100%\">\r\n    <crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n        (onFormReady)=\"_handleFormReady($event)\">\r\n    </crud-form>\r\n    <div class=\"fit\" style=\"overflow: hidden;\">\r\n        <tn-tabview [data]=\"mainTabData\" [allowViewAll]=\"true\">\r\n            <ng-template #sender>\r\n                <statemachines-connection-sender #senderForm [data]=\"data\" [machines]=\"machinesData.machines\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-sender>\r\n            </ng-template>\r\n            <ng-template #receiver>\r\n                <statemachines-connection-receiver #receiverForm [designerContext]=\"designerContext\" [data]=\"data\"\r\n                    [isFormAdd]=\"isFormAdd\" [workflowData]=\"machinesData\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver>\r\n            </ng-template>\r\n        </tn-tabview>\r\n    </div>\r\n</div>\r\n<ng-template #buttonTemplate>\r\n    <ng-container *ngIf=\"!viewOnly\">\r\n        <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\"\r\n            class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($event)\"></button>\r\n        <button type=\"button\" pButton icon=\"pi pi-trash\" class=\"p-button-text p-button-danger\"\r\n            [label]=\"'X\u00F3a' | translate\" (click)=\"remove($event)\"></button>\r\n    </ng-container>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>\r\n\r\n<ng-template #templateDropdownIconSelected let-item let-selectedValue=\"selectedValue\">\r\n    <span [class]=\"item.label\"></span>\r\n</ng-template>\r\n<ng-template #templateDropdownIcon let-item>\r\n    <div class=\"__workflow-setting-icon-item\">\r\n        <span [class]=\"item.label\"></span>\r\n    </div>\r\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "component", type: i4.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }, { kind: "component", type: i5.StateMachinesConnectionReceiverComponent, selector: "statemachines-connection-receiver", inputs: ["designerContext", "data", "isFormAdd", "workflowData", "viewOnly"] }, { kind: "component", type: i6.StateMachinesConnectionSenderComponent, selector: "statemachines-connection-sender", inputs: ["data", "machines", "viewOnly"] }, { kind: "component", type: i7.TnTabViewComponent, selector: "tn-tabview", inputs: ["vertical", "data", "allowViewAll", "activeIndex", "isDynamicHeight", "useScrollbar"], outputs: ["onTabChange", "activeIndexChange"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionMetadataComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'statemachines-connection-metadata', providers: [ComponentContextService], template: "<div class=\"flex flex-column\" style=\"height: 100%\">\r\n    <crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n        (onFormReady)=\"_handleFormReady($event)\">\r\n    </crud-form>\r\n    <div class=\"fit\" style=\"overflow: hidden;\">\r\n        <tn-tabview [data]=\"mainTabData\" [allowViewAll]=\"true\">\r\n            <ng-template #sender>\r\n                <statemachines-connection-sender #senderForm [data]=\"data\" [machines]=\"machinesData.machines\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-sender>\r\n            </ng-template>\r\n            <ng-template #receiver>\r\n                <statemachines-connection-receiver #receiverForm [designerContext]=\"designerContext\" [data]=\"data\"\r\n                    [isFormAdd]=\"isFormAdd\" [workflowData]=\"machinesData\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver>\r\n            </ng-template>\r\n        </tn-tabview>\r\n    </div>\r\n</div>\r\n<ng-template #buttonTemplate>\r\n    <ng-container *ngIf=\"!viewOnly\">\r\n        <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\"\r\n            class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($event)\"></button>\r\n        <button type=\"button\" pButton icon=\"pi pi-trash\" class=\"p-button-text p-button-danger\"\r\n            [label]=\"'X\u00F3a' | translate\" (click)=\"remove($event)\"></button>\r\n    </ng-container>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>\r\n\r\n<ng-template #templateDropdownIconSelected let-item let-selectedValue=\"selectedValue\">\r\n    <span [class]=\"item.label\"></span>\r\n</ng-template>\r\n<ng-template #templateDropdownIcon let-item>\r\n    <div class=\"__workflow-setting-icon-item\">\r\n        <span [class]=\"item.label\"></span>\r\n    </div>\r\n</ng-template>", styles: [""] }]
+            args: [{ selector: 'statemachines-connection-metadata', providers: [ComponentContextService], template: "<div class=\"flex flex-column\" style=\"height: 100%\">\r\n    <crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n        (onFormReady)=\"_handleFormReady($event)\">\r\n    </crud-form>\r\n    <div class=\"fit\" style=\"overflow: hidden;\">\r\n        <tn-tabview [data]=\"mainTabData\" [allowViewAll]=\"true\">\r\n            <ng-template #sender>\r\n                <statemachines-connection-sender #senderForm [data]=\"data\" [machines]=\"machinesData.machines\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-sender>\r\n            </ng-template>\r\n            <ng-template #receiver>\r\n                <statemachines-connection-receiver #receiverForm [designerContext]=\"designerContext\" [data]=\"data\"\r\n                    [isFormAdd]=\"isFormAdd\" [workflowData]=\"machinesData\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver>\r\n            </ng-template>\r\n        </tn-tabview>\r\n    </div>\r\n</div>\r\n<ng-template #buttonTemplate>\r\n    <ng-container *ngIf=\"!viewOnly\">\r\n        <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\"\r\n            class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($event)\"></button>\r\n        <button type=\"button\" pButton icon=\"pi pi-trash\" class=\"p-button-text p-button-danger\"\r\n            [label]=\"'X\u00F3a' | translate\" (click)=\"remove($event)\"></button>\r\n    </ng-container>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>\r\n\r\n<ng-template #templateDropdownIconSelected let-item let-selectedValue=\"selectedValue\">\r\n    <span [class]=\"item.label\"></span>\r\n</ng-template>\r\n<ng-template #templateDropdownIcon let-item>\r\n    <div class=\"__workflow-setting-icon-item\">\r\n        <span [class]=\"item.label\"></span>\r\n    </div>\r\n</ng-template>" }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.NotifierService }]; }, propDecorators: { senderForm: [{
                 type: ViewChild,
                 args: ['senderForm', { static: false }]

package/esm2020/components/statemachines/statemachines-connection-receiver/statemachines-connection-receiver.component.mjs

@@ -5,11 +5,11 @@ import { StateMachinesConnectionReceiverConditionComponent } from '../statemachi
 import { StateMachinesConnectionReceiverDepartmentComponent } from '../statemachines-connection-receiver-department/statemachines-connection-receiver-department.component';
 import { StateMachinesConnectionReceiverGroupComponent } from '../statemachines-connection-receiver-group/statemachines-connection-receiver-group.component';
 import * as i0 from "@angular/core";
-import * as i1 from "../../tn-tabview/tn-tabview.component";
-import * as i2 from "../../tn-custom-scrollbar/tn-custom-scrollbar.component";
+import * as i1 from "../statemachines-connection-receiver-department/statemachines-connection-receiver-department.component";
+import * as i2 from "../statemachines-connection-receiver-group/statemachines-connection-receiver-group.component";
 import * as i3 from "../statemachines-connection-receiver-condition/statemachines-connection-receiver-condition.component";
-import * as i4 from "../statemachines-connection-receiver-department/statemachines-connection-receiver-department.component";
-import * as i5 from "../statemachines-connection-receiver-group/statemachines-connection-receiver-group.component";
+import * as i4 from "../../tn-custom-scrollbar/tn-custom-scrollbar.component";
+import * as i5 from "../../tn-tabview/tn-tabview.component";
 export class StateMachinesConnectionReceiverComponent extends ComponentBase {
     constructor(injector) {
         super(injector);
@@ -73,9 +73,9 @@ export class StateMachinesConnectionReceiverComponent extends ComponentBase {
         return dataPlus;
     }
 }
-StateMachinesConnectionReceiverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionReceiverComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-StateMachinesConnectionReceiverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: StateMachinesConnectionReceiverComponent, selector: "statemachines-connection-receiver", inputs: { designerContext: "designerContext", data: "data", isFormAdd: "isFormAdd", workflowData: "workflowData", viewOnly: "viewOnly" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "conditionForm", first: true, predicate: StateMachinesConnectionReceiverConditionComponent, descendants: true }, { propertyName: "departmentForm", first: true, predicate: StateMachinesConnectionReceiverDepartmentComponent, descendants: true }, { propertyName: "groupForm", first: true, predicate: StateMachinesConnectionReceiverGroupComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"height: 100%\">\r\n    <tn-tabview [data]=\"tabDataReceiver\" [allowViewAll]=\"true\" [vertical]=\"true\">\r\n        <!-- <ng-template #user>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-user #user [designerContext]=\"designerContext\" [data]=\"data\"\r\n                    [workflowData]=\"workflowData\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-user>\r\n            </tn-custom-scrollbar>\r\n        </ng-template> -->\r\n        <ng-template #condition>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-condition #condition [workflowData]=\"workflowData\" [data]=\"data\"\r\n                    [isFormAdd]=\"isFormAdd\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-condition>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <ng-template #department>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-department #user [data]=\"data\" [isFormAdd]=\"isFormAdd\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-department>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <ng-template #group>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-group #user [data]=\"data\" [isFormAdd]=\"isFormAdd\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-group>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <!-- <ng-template #role>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-role #user [data]=\"data\" [isFormAdd]=\"isFormAdd\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-role>\r\n            </tn-custom-scrollbar>\r\n        </ng-template> -->\r\n    </tn-tabview>\r\n</div>", styles: ["::ng-deep statemachines-connection-metadata .userRules .tn-check-box-list,::ng-deep statemachines-connection-metadata .userViewRules .tn-check-box-list{margin-top:-.5em;margin-bottom:.5em!important}::ng-deep statemachines-connection-metadata .userIds .label,::ng-deep statemachines-connection-metadata .userViewIds .label{font-weight:700}\n"], components: [{ type: i1.TnTabViewComponent, selector: "tn-tabview", inputs: ["vertical", "data", "allowViewAll", "activeIndex", "isDynamicHeight", "useScrollbar"], outputs: ["onTabChange", "activeIndexChange"] }, { type: i2.TnCustomScrollbarComponent, selector: "tn-custom-scrollbar", inputs: ["style", "useDefaultScrollBar", "autoMode", "class", "config", "whiteBackGround", "showScrollHorizontal"], outputs: ["scrollY", "scrollUp", "scrollDown", "scrollLeft", "scrollRight", "scrollYReachEnd", "scrollYReachStart", "scrollXReachEnd", "scrollXReachStart"] }, { type: i3.StateMachinesConnectionReceiverConditionComponent, selector: "statemachines-connection-receiver-condition", inputs: ["workflowData", "data", "isFormAdd", "viewOnly"] }, { type: i4.StateMachinesConnectionReceiverDepartmentComponent, selector: "statemachines-connection-receiver-department", inputs: ["data", "isFormAdd", "viewOnly"] }, { type: i5.StateMachinesConnectionReceiverGroupComponent, selector: "statemachines-connection-receiver-group", inputs: ["data", "isFormAdd", "viewOnly"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionReceiverComponent, decorators: [{
+StateMachinesConnectionReceiverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionReceiverComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+StateMachinesConnectionReceiverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: StateMachinesConnectionReceiverComponent, selector: "statemachines-connection-receiver", inputs: { designerContext: "designerContext", data: "data", isFormAdd: "isFormAdd", workflowData: "workflowData", viewOnly: "viewOnly" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "conditionForm", first: true, predicate: StateMachinesConnectionReceiverConditionComponent, descendants: true }, { propertyName: "departmentForm", first: true, predicate: StateMachinesConnectionReceiverDepartmentComponent, descendants: true }, { propertyName: "groupForm", first: true, predicate: StateMachinesConnectionReceiverGroupComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"height: 100%\">\r\n    <tn-tabview [data]=\"tabDataReceiver\" [allowViewAll]=\"true\" [vertical]=\"true\">\r\n        <!-- <ng-template #user>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-user #user [designerContext]=\"designerContext\" [data]=\"data\"\r\n                    [workflowData]=\"workflowData\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-user>\r\n            </tn-custom-scrollbar>\r\n        </ng-template> -->\r\n        <ng-template #condition>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-condition #condition [workflowData]=\"workflowData\" [data]=\"data\"\r\n                    [isFormAdd]=\"isFormAdd\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-condition>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <ng-template #department>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-department #user [data]=\"data\" [isFormAdd]=\"isFormAdd\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-department>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <ng-template #group>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-group #user [data]=\"data\" [isFormAdd]=\"isFormAdd\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-group>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <!-- <ng-template #role>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-role #user [data]=\"data\" [isFormAdd]=\"isFormAdd\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-role>\r\n            </tn-custom-scrollbar>\r\n        </ng-template> -->\r\n    </tn-tabview>\r\n</div>", styles: ["::ng-deep statemachines-connection-metadata .userRules .tn-check-box-list,::ng-deep statemachines-connection-metadata .userViewRules .tn-check-box-list{margin-top:-.5em;margin-bottom:.5em!important}::ng-deep statemachines-connection-metadata .userIds .label,::ng-deep statemachines-connection-metadata .userViewIds .label{font-weight:700}\n"], dependencies: [{ kind: "component", type: i1.StateMachinesConnectionReceiverDepartmentComponent, selector: "statemachines-connection-receiver-department", inputs: ["data", "isFormAdd", "viewOnly"] }, { kind: "component", type: i2.StateMachinesConnectionReceiverGroupComponent, selector: "statemachines-connection-receiver-group", inputs: ["data", "isFormAdd", "viewOnly"] }, { kind: "component", type: i3.StateMachinesConnectionReceiverConditionComponent, selector: "statemachines-connection-receiver-condition", inputs: ["workflowData", "data", "isFormAdd", "viewOnly"] }, { kind: "component", type: i4.TnCustomScrollbarComponent, selector: "tn-custom-scrollbar", inputs: ["style", "useDefaultScrollBar", "autoMode", "class", "config", "whiteBackGround", "showScrollHorizontal"], outputs: ["scrollY", "scrollUp", "scrollDown", "scrollLeft", "scrollRight", "scrollYReachEnd", "scrollYReachStart", "scrollXReachEnd", "scrollXReachStart"] }, { kind: "component", type: i5.TnTabViewComponent, selector: "tn-tabview", inputs: ["vertical", "data", "allowViewAll", "activeIndex", "isDynamicHeight", "useScrollbar"], outputs: ["onTabChange", "activeIndexChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionReceiverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'statemachines-connection-receiver', providers: [ComponentContextService], template: "<div style=\"height: 100%\">\r\n    <tn-tabview [data]=\"tabDataReceiver\" [allowViewAll]=\"true\" [vertical]=\"true\">\r\n        <!-- <ng-template #user>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-user #user [designerContext]=\"designerContext\" [data]=\"data\"\r\n                    [workflowData]=\"workflowData\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-user>\r\n            </tn-custom-scrollbar>\r\n        </ng-template> -->\r\n        <ng-template #condition>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-condition #condition [workflowData]=\"workflowData\" [data]=\"data\"\r\n                    [isFormAdd]=\"isFormAdd\" [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-condition>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <ng-template #department>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-department #user [data]=\"data\" [isFormAdd]=\"isFormAdd\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-department>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <ng-template #group>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-group #user [data]=\"data\" [isFormAdd]=\"isFormAdd\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-group>\r\n            </tn-custom-scrollbar>\r\n        </ng-template>\r\n        <!-- <ng-template #role>\r\n            <tn-custom-scrollbar>\r\n                <statemachines-connection-receiver-role #user [data]=\"data\" [isFormAdd]=\"isFormAdd\"\r\n                    [viewOnly]=\"viewOnly\">\r\n                </statemachines-connection-receiver-role>\r\n            </tn-custom-scrollbar>\r\n        </ng-template> -->\r\n    </tn-tabview>\r\n</div>", styles: ["::ng-deep statemachines-connection-metadata .userRules .tn-check-box-list,::ng-deep statemachines-connection-metadata .userViewRules .tn-check-box-list{margin-top:-.5em;margin-bottom:.5em!important}::ng-deep statemachines-connection-metadata .userIds .label,::ng-deep statemachines-connection-metadata .userViewIds .label{font-weight:700}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { conditionForm: [{

package/esm2020/components/statemachines/statemachines-connection-receiver-condition/statemachines-connection-receiver-condition.component.mjs

@@ -142,9 +142,9 @@ export class StateMachinesConnectionReceiverConditionComponent extends DataFormB
         return dataPlus;
     }
 }
-StateMachinesConnectionReceiverConditionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionReceiverConditionComponent, deps: [{ token: i0.Injector }, { token: i1.DmChucVuService }, { token: i2.UserGroupRealService }, { token: i3.WorkflowSettingsService }], target: i0.ɵɵFactoryTarget.Component });
-StateMachinesConnectionReceiverConditionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: StateMachinesConnectionReceiverConditionComponent, selector: "statemachines-connection-receiver-condition", inputs: { workflowData: "workflowData", data: "data", isFormAdd: "isFormAdd", viewOnly: "viewOnly" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "queryBuilder", first: true, predicate: ["queryBuilder"], descendants: true }, { propertyName: "queryBuilderView", first: true, predicate: ["queryBuilderView"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n    <ng-template #receiverRules>\r\n        <query-builder #queryBuilder [searchSchema]=\"dynamicSchema\" [filters]=\"receiverDynamicRules\"\r\n            [hiddenButtons]=\"true\" [useScrollBar]=\"false\"></query-builder>\r\n    </ng-template>\r\n    <ng-template #receiverViewRules>\r\n        <query-builder #queryBuilderView [searchSchema]=\"dynamicSchema\" [filters]=\"receiverDynamicViewRules\"\r\n            [hiddenButtons]=\"true\" [useScrollBar]=\"false\"></query-builder>\r\n    </ng-template>\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-condition query-builder-rule .tn__rule-field{width:180px;flex:0 0 180px}::ng-deep statemachines-connection-receiver-condition query-builder-rule .tn__rule-value{width:calc(100% - 340px);flex:0 0 calc(100% - 340px)}\n"], components: [{ type: i4.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }, { type: i5.QueryBuilderComponent, selector: "query-builder", inputs: ["searchSchema", "filters", "style", "styleClass", "useScrollBar", "hiddenButtons"], outputs: ["onSearch", "onSave", "onDeleteSave"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionReceiverConditionComponent, decorators: [{
+StateMachinesConnectionReceiverConditionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionReceiverConditionComponent, deps: [{ token: i0.Injector }, { token: i1.DmChucVuService }, { token: i2.UserGroupRealService }, { token: i3.WorkflowSettingsService }], target: i0.ɵɵFactoryTarget.Component });
+StateMachinesConnectionReceiverConditionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: StateMachinesConnectionReceiverConditionComponent, selector: "statemachines-connection-receiver-condition", inputs: { workflowData: "workflowData", data: "data", isFormAdd: "isFormAdd", viewOnly: "viewOnly" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "queryBuilder", first: true, predicate: ["queryBuilder"], descendants: true }, { propertyName: "queryBuilderView", first: true, predicate: ["queryBuilderView"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n    <ng-template #receiverRules>\r\n        <query-builder #queryBuilder [searchSchema]=\"dynamicSchema\" [filters]=\"receiverDynamicRules\"\r\n            [hiddenButtons]=\"true\" [useScrollBar]=\"false\"></query-builder>\r\n    </ng-template>\r\n    <ng-template #receiverViewRules>\r\n        <query-builder #queryBuilderView [searchSchema]=\"dynamicSchema\" [filters]=\"receiverDynamicViewRules\"\r\n            [hiddenButtons]=\"true\" [useScrollBar]=\"false\"></query-builder>\r\n    </ng-template>\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-condition query-builder-rule .tn__rule-field{width:180px;flex:0 0 180px}::ng-deep statemachines-connection-receiver-condition query-builder-rule .tn__rule-value{width:calc(100% - 340px);flex:0 0 calc(100% - 340px)}\n"], dependencies: [{ kind: "component", type: i4.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }, { kind: "component", type: i5.QueryBuilderComponent, selector: "query-builder", inputs: ["searchSchema", "filters", "style", "styleClass", "useScrollBar", "hiddenButtons"], outputs: ["onSearch", "onSave", "onDeleteSave"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionReceiverConditionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'statemachines-connection-receiver-condition', providers: [ComponentContextService], template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n    <ng-template #receiverRules>\r\n        <query-builder #queryBuilder [searchSchema]=\"dynamicSchema\" [filters]=\"receiverDynamicRules\"\r\n            [hiddenButtons]=\"true\" [useScrollBar]=\"false\"></query-builder>\r\n    </ng-template>\r\n    <ng-template #receiverViewRules>\r\n        <query-builder #queryBuilderView [searchSchema]=\"dynamicSchema\" [filters]=\"receiverDynamicViewRules\"\r\n            [hiddenButtons]=\"true\" [useScrollBar]=\"false\"></query-builder>\r\n    </ng-template>\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-condition query-builder-rule .tn__rule-field{width:180px;flex:0 0 180px}::ng-deep statemachines-connection-receiver-condition query-builder-rule .tn__rule-value{width:calc(100% - 340px);flex:0 0 calc(100% - 340px)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.DmChucVuService }, { type: i2.UserGroupRealService }, { type: i3.WorkflowSettingsService }]; }, propDecorators: { queryBuilder: [{

package/esm2020/components/statemachines/statemachines-connection-receiver-department/statemachines-connection-receiver-department.component.mjs

@@ -72,9 +72,9 @@ export class StateMachinesConnectionReceiverDepartmentComponent extends DataForm
         dest.departmentViewIds = source.departmentViewIds;
     }
 }
-StateMachinesConnectionReceiverDepartmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionReceiverDepartmentComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-StateMachinesConnectionReceiverDepartmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: StateMachinesConnectionReceiverDepartmentComponent, selector: "statemachines-connection-receiver-department", inputs: { data: "data", isFormAdd: "isFormAdd", viewOnly: "viewOnly" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-user .infoRecevier,::ng-deep statemachines-connection-receiver-user .infoRecevier .p-datatable .p-datatable-tbody tr td{padding:0}::ng-deep statemachines-connection-receiver-user .user-container{padding:0}::ng-deep statemachines-connection-receiver-user .user-container .show-in-box{border:none}::ng-deep statemachines-connection-receiver-user .ids .tn-check-box-list,::ng-deep statemachines-connection-receiver-user .rules .tn-check-box-list{margin-top:-.5em}\n"], components: [{ type: i1.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionReceiverDepartmentComponent, decorators: [{
+StateMachinesConnectionReceiverDepartmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionReceiverDepartmentComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+StateMachinesConnectionReceiverDepartmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: StateMachinesConnectionReceiverDepartmentComponent, selector: "statemachines-connection-receiver-department", inputs: { data: "data", isFormAdd: "isFormAdd", viewOnly: "viewOnly" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-user .infoRecevier,::ng-deep statemachines-connection-receiver-user .infoRecevier .p-datatable .p-datatable-tbody tr td{padding:0}::ng-deep statemachines-connection-receiver-user .user-container{padding:0}::ng-deep statemachines-connection-receiver-user .user-container .show-in-box{border:none}::ng-deep statemachines-connection-receiver-user .ids .tn-check-box-list,::ng-deep statemachines-connection-receiver-user .rules .tn-check-box-list{margin-top:-.5em}\n"], dependencies: [{ kind: "component", type: i1.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionReceiverDepartmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'statemachines-connection-receiver-department', providers: [ComponentContextService], template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-user .infoRecevier,::ng-deep statemachines-connection-receiver-user .infoRecevier .p-datatable .p-datatable-tbody tr td{padding:0}::ng-deep statemachines-connection-receiver-user .user-container{padding:0}::ng-deep statemachines-connection-receiver-user .user-container .show-in-box{border:none}::ng-deep statemachines-connection-receiver-user .ids .tn-check-box-list,::ng-deep statemachines-connection-receiver-user .rules .tn-check-box-list{margin-top:-.5em}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { data: [{

package/esm2020/components/statemachines/statemachines-connection-receiver-group/statemachines-connection-receiver-group.component.mjs

@@ -74,9 +74,9 @@ export class StateMachinesConnectionReceiverGroupComponent extends DataFormBase
         dest.groupViewIds = source.groupViewIds;
     }
 }
-StateMachinesConnectionReceiverGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionReceiverGroupComponent, deps: [{ token: i0.Injector }, { token: i1.UserGroupRealService }], target: i0.ɵɵFactoryTarget.Component });
-StateMachinesConnectionReceiverGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: StateMachinesConnectionReceiverGroupComponent, selector: "statemachines-connection-receiver-group", inputs: { data: "data", isFormAdd: "isFormAdd", viewOnly: "viewOnly" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-user .infoRecevier,::ng-deep statemachines-connection-receiver-user .infoRecevier .p-datatable .p-datatable-tbody tr td{padding:0}::ng-deep statemachines-connection-receiver-user .user-container{padding:0}::ng-deep statemachines-connection-receiver-user .user-container .show-in-box{border:none}::ng-deep statemachines-connection-receiver-user .ids .tn-check-box-list,::ng-deep statemachines-connection-receiver-user .rules .tn-check-box-list{margin-top:-.5em}\n"], components: [{ type: i2.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionReceiverGroupComponent, decorators: [{
+StateMachinesConnectionReceiverGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionReceiverGroupComponent, deps: [{ token: i0.Injector }, { token: i1.UserGroupRealService }], target: i0.ɵɵFactoryTarget.Component });
+StateMachinesConnectionReceiverGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: StateMachinesConnectionReceiverGroupComponent, selector: "statemachines-connection-receiver-group", inputs: { data: "data", isFormAdd: "isFormAdd", viewOnly: "viewOnly" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-user .infoRecevier,::ng-deep statemachines-connection-receiver-user .infoRecevier .p-datatable .p-datatable-tbody tr td{padding:0}::ng-deep statemachines-connection-receiver-user .user-container{padding:0}::ng-deep statemachines-connection-receiver-user .user-container .show-in-box{border:none}::ng-deep statemachines-connection-receiver-user .ids .tn-check-box-list,::ng-deep statemachines-connection-receiver-user .rules .tn-check-box-list{margin-top:-.5em}\n"], dependencies: [{ kind: "component", type: i2.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionReceiverGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'statemachines-connection-receiver-group', providers: [ComponentContextService], template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-user .infoRecevier,::ng-deep statemachines-connection-receiver-user .infoRecevier .p-datatable .p-datatable-tbody tr td{padding:0}::ng-deep statemachines-connection-receiver-user .user-container{padding:0}::ng-deep statemachines-connection-receiver-user .user-container .show-in-box{border:none}::ng-deep statemachines-connection-receiver-user .ids .tn-check-box-list,::ng-deep statemachines-connection-receiver-user .rules .tn-check-box-list{margin-top:-.5em}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.UserGroupRealService }]; }, propDecorators: { data: [{

package/esm2020/components/statemachines/statemachines-connection-receiver-role/statemachines-connection-receiver-role.component.mjs

@@ -74,9 +74,9 @@ export class StateMachinesConnectionReceiverRoleComponent extends DataFormBase {
         dest.roleViewIds = source.roleViewIds;
     }
 }
-StateMachinesConnectionReceiverRoleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionReceiverRoleComponent, deps: [{ token: i0.Injector }, { token: i1.DmChucVuService }], target: i0.ɵɵFactoryTarget.Component });
-StateMachinesConnectionReceiverRoleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: StateMachinesConnectionReceiverRoleComponent, selector: "statemachines-connection-receiver-role", inputs: { data: "data", isFormAdd: "isFormAdd", viewOnly: "viewOnly" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-user .infoRecevier,::ng-deep statemachines-connection-receiver-user .infoRecevier .p-datatable .p-datatable-tbody tr td{padding:0}::ng-deep statemachines-connection-receiver-user .user-container{padding:0}::ng-deep statemachines-connection-receiver-user .user-container .show-in-box{border:none}::ng-deep statemachines-connection-receiver-user .ids .tn-check-box-list,::ng-deep statemachines-connection-receiver-user .rules .tn-check-box-list{margin-top:-.5em}\n"], components: [{ type: i2.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionReceiverRoleComponent, decorators: [{
+StateMachinesConnectionReceiverRoleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionReceiverRoleComponent, deps: [{ token: i0.Injector }, { token: i1.DmChucVuService }], target: i0.ɵɵFactoryTarget.Component });
+StateMachinesConnectionReceiverRoleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: StateMachinesConnectionReceiverRoleComponent, selector: "statemachines-connection-receiver-role", inputs: { data: "data", isFormAdd: "isFormAdd", viewOnly: "viewOnly" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-user .infoRecevier,::ng-deep statemachines-connection-receiver-user .infoRecevier .p-datatable .p-datatable-tbody tr td{padding:0}::ng-deep statemachines-connection-receiver-user .user-container{padding:0}::ng-deep statemachines-connection-receiver-user .user-container .show-in-box{border:none}::ng-deep statemachines-connection-receiver-user .ids .tn-check-box-list,::ng-deep statemachines-connection-receiver-user .rules .tn-check-box-list{margin-top:-.5em}\n"], dependencies: [{ kind: "component", type: i2.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionReceiverRoleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'statemachines-connection-receiver-role', providers: [ComponentContextService], template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-user .infoRecevier,::ng-deep statemachines-connection-receiver-user .infoRecevier .p-datatable .p-datatable-tbody tr td{padding:0}::ng-deep statemachines-connection-receiver-user .user-container{padding:0}::ng-deep statemachines-connection-receiver-user .user-container .show-in-box{border:none}::ng-deep statemachines-connection-receiver-user .ids .tn-check-box-list,::ng-deep statemachines-connection-receiver-user .rules .tn-check-box-list{margin-top:-.5em}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.DmChucVuService }]; }, propDecorators: { data: [{

package/esm2020/components/statemachines/statemachines-connection-receiver-user/statemachines-connection-receiver-user.component.mjs

@@ -165,9 +165,9 @@ export class StateMachinesConnectionReceiverUserComponent extends DataFormBase {
         dest.infoReceiver = source.infoReceiver;
     }
 }
-StateMachinesConnectionReceiverUserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionReceiverUserComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-StateMachinesConnectionReceiverUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: StateMachinesConnectionReceiverUserComponent, selector: "statemachines-connection-receiver-user", inputs: { designerContext: "designerContext", data: "data", workflowData: "workflowData", viewOnly: "viewOnly" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-user .infoRecevier,::ng-deep statemachines-connection-receiver-user .infoRecevier .p-datatable .p-datatable-tbody tr td{padding:0}::ng-deep statemachines-connection-receiver-user .user-container{padding:0}::ng-deep statemachines-connection-receiver-user .user-container .show-in-box{border:none}::ng-deep statemachines-connection-receiver-user .ids .tn-check-box-list,::ng-deep statemachines-connection-receiver-user .rules .tn-check-box-list{margin-top:-.5em}\n"], components: [{ type: i1.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionReceiverUserComponent, decorators: [{
+StateMachinesConnectionReceiverUserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionReceiverUserComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+StateMachinesConnectionReceiverUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: StateMachinesConnectionReceiverUserComponent, selector: "statemachines-connection-receiver-user", inputs: { designerContext: "designerContext", data: "data", workflowData: "workflowData", viewOnly: "viewOnly" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-user .infoRecevier,::ng-deep statemachines-connection-receiver-user .infoRecevier .p-datatable .p-datatable-tbody tr td{padding:0}::ng-deep statemachines-connection-receiver-user .user-container{padding:0}::ng-deep statemachines-connection-receiver-user .user-container .show-in-box{border:none}::ng-deep statemachines-connection-receiver-user .ids .tn-check-box-list,::ng-deep statemachines-connection-receiver-user .rules .tn-check-box-list{margin-top:-.5em}\n"], dependencies: [{ kind: "component", type: i1.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionReceiverUserComponent, decorators: [{
             type: Component,
             args: [{ selector: 'statemachines-connection-receiver-user', providers: [ComponentContextService], template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-receiver-user .infoRecevier,::ng-deep statemachines-connection-receiver-user .infoRecevier .p-datatable .p-datatable-tbody tr td{padding:0}::ng-deep statemachines-connection-receiver-user .user-container{padding:0}::ng-deep statemachines-connection-receiver-user .user-container .show-in-box{border:none}::ng-deep statemachines-connection-receiver-user .ids .tn-check-box-list,::ng-deep statemachines-connection-receiver-user .rules .tn-check-box-list{margin-top:-.5em}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { designerContext: [{

package/esm2020/components/statemachines/statemachines-connection-sender/statemachines-connection-sender.component.mjs

@@ -107,9 +107,9 @@ export class StateMachinesConnectionSenderComponent extends DataFormBase {
     handleSearchBuilder(evt) {
     }
 }
-StateMachinesConnectionSenderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionSenderComponent, deps: [{ token: i0.Injector }, { token: i1.NotifierService }, { token: i2.UserGroupRealService }, { token: i3.DmChucVuService }], target: i0.ɵɵFactoryTarget.Component });
-StateMachinesConnectionSenderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: StateMachinesConnectionSenderComponent, selector: "statemachines-connection-sender", inputs: { data: "data", machines: "machines", viewOnly: "viewOnly" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "queryBuilder", first: true, predicate: ["queryBuilder"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n    <ng-template #senderDynamicRules>\r\n        <query-builder #queryBuilder [searchSchema]=\"dynamicSchema\" [filters]=\"dynamicRules\"\r\n            [hiddenButtons]=\"true\" [useScrollBar]=\"false\" (onSave)=\"handleSaveSetting($event)\"\r\n            (onDeleteSave)=\"handleDeleteSaveSetting()\" (onSearch)=\"handleSearchBuilder($event)\"></query-builder>\r\n    </ng-template>\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-sender query-builder-rule .tn__rule-field{width:180px;flex:0 0 180px}::ng-deep statemachines-connection-sender query-builder-rule .tn__rule-value{width:calc(100% - 340px);flex:0 0 calc(100% - 340px)}\n"], components: [{ type: i4.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }, { type: i5.QueryBuilderComponent, selector: "query-builder", inputs: ["searchSchema", "filters", "style", "styleClass", "useScrollBar", "hiddenButtons"], outputs: ["onSearch", "onSave", "onDeleteSave"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesConnectionSenderComponent, decorators: [{
+StateMachinesConnectionSenderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionSenderComponent, deps: [{ token: i0.Injector }, { token: i1.NotifierService }, { token: i2.UserGroupRealService }, { token: i3.DmChucVuService }], target: i0.ɵɵFactoryTarget.Component });
+StateMachinesConnectionSenderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: StateMachinesConnectionSenderComponent, selector: "statemachines-connection-sender", inputs: { data: "data", machines: "machines", viewOnly: "viewOnly" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "queryBuilder", first: true, predicate: ["queryBuilder"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n    <ng-template #senderDynamicRules>\r\n        <query-builder #queryBuilder [searchSchema]=\"dynamicSchema\" [filters]=\"dynamicRules\"\r\n            [hiddenButtons]=\"true\" [useScrollBar]=\"false\" (onSave)=\"handleSaveSetting($event)\"\r\n            (onDeleteSave)=\"handleDeleteSaveSetting()\" (onSearch)=\"handleSearchBuilder($event)\"></query-builder>\r\n    </ng-template>\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-sender query-builder-rule .tn__rule-field{width:180px;flex:0 0 180px}::ng-deep statemachines-connection-sender query-builder-rule .tn__rule-value{width:calc(100% - 340px);flex:0 0 calc(100% - 340px)}\n"], dependencies: [{ kind: "component", type: i4.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }, { kind: "component", type: i5.QueryBuilderComponent, selector: "query-builder", inputs: ["searchSchema", "filters", "style", "styleClass", "useScrollBar", "hiddenButtons"], outputs: ["onSearch", "onSave", "onDeleteSave"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesConnectionSenderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'statemachines-connection-sender', providers: [ComponentContextService], template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n    <ng-template #senderDynamicRules>\r\n        <query-builder #queryBuilder [searchSchema]=\"dynamicSchema\" [filters]=\"dynamicRules\"\r\n            [hiddenButtons]=\"true\" [useScrollBar]=\"false\" (onSave)=\"handleSaveSetting($event)\"\r\n            (onDeleteSave)=\"handleDeleteSaveSetting()\" (onSearch)=\"handleSearchBuilder($event)\"></query-builder>\r\n    </ng-template>\r\n</crud-form>", styles: ["::ng-deep statemachines-connection-sender query-builder-rule .tn__rule-field{width:180px;flex:0 0 180px}::ng-deep statemachines-connection-sender query-builder-rule .tn__rule-value{width:calc(100% - 340px);flex:0 0 calc(100% - 340px)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.NotifierService }, { type: i2.UserGroupRealService }, { type: i3.DmChucVuService }]; }, propDecorators: { queryBuilder: [{

package/esm2020/components/statemachines/statemachines-designer/statemachines-designer.component.mjs

@@ -6,15 +6,15 @@ import { StateMachineTopic } from '../models/constants';
 import { createJsPlumnInstance, setMetadataConnection, translateStateMachine } from '../utils/utils';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../services/notifier.service";
-import * as i2 from "../../tn-custom-scrollbar/tn-custom-scrollbar.component";
-import * as i3 from "../state/state.component";
-import * as i4 from "tn-custom-primeng/contextmenu";
-import * as i5 from "../../tn-dialog/tn-dialog.component";
-import * as i6 from "../state-metadata/state-metadata.component";
-import * as i7 from "../statemachines-connection-metadata/statemachines-connection-metadata.component";
-import * as i8 from "@angular/common";
-import * as i9 from "tn-custom-primeng/button";
-import * as i10 from "tn-custom-primeng/tooltip";
+import * as i2 from "@angular/common";
+import * as i3 from "tn-custom-primeng/button";
+import * as i4 from "tn-custom-primeng/tooltip";
+import * as i5 from "tn-custom-primeng/contextmenu";
+import * as i6 from "../state/state.component";
+import * as i7 from "../state-metadata/state-metadata.component";
+import * as i8 from "../statemachines-connection-metadata/statemachines-connection-metadata.component";
+import * as i9 from "../../tn-dialog/tn-dialog.component";
+import * as i10 from "../../tn-custom-scrollbar/tn-custom-scrollbar.component";
 import * as i11 from "@ngx-translate/core";
 export class StateMachinesDesignerComponent extends ComponentBase {
     constructor(injector, notifierService) {
@@ -424,11 +424,11 @@ export class StateMachinesDesignerComponent extends ComponentBase {
         }
     }
 }
-StateMachinesDesignerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesDesignerComponent, deps: [{ token: i0.Injector }, { token: i1.NotifierService }], target: i0.ɵɵFactoryTarget.Component });
-StateMachinesDesignerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: StateMachinesDesignerComponent, selector: "statemachines-designer", inputs: { useScrollBar: "useScrollBar", viewOnly: "viewOnly", data: "data", currentConnection: "currentConnection", containerId: "containerId", jsPlumbOption: "jsPlumbOption" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "containerDOM", first: true, predicate: ["container"], descendants: true, static: true }, { propertyName: "contextMenu", first: true, predicate: ["contextMenu"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"state-control\" [class.fullScreenMode]=\"fullScreenMode\" [class.highlight]=\"highlighting\"\r\n    [class.viewOnly]=\"viewOnly\">\r\n    <tn-custom-scrollbar *ngIf=\"useScrollBar\" #scrollbar [showScrollHorizontal]=\"true\">\r\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </tn-custom-scrollbar>\r\n    <ng-container *ngIf=\"!useScrollBar\">\r\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </ng-container>\r\n    <div class=\"container-note\">\r\n        <ng-container *ngIf=\"!viewOnly\">\r\n            <span><i class=\"fas fa-info-circle\"></i> Click \u0111\u00FAp v\u00E0o v\u00F9ng tr\u1ED1ng \u0111\u1EC3 th\u00EAm m\u1EDBi tr\u1EA1ng th\u00E1i\r\n            </span>\r\n            <button pButton type=\"button\" pTooltip=\"Sao ch\u00E9p\" tooltipPosition=\"top\"\r\n                class=\"p-button-rounded p-button-info p-button-outlined p-ripple p-button p-component p-button-icon-only\"\r\n                (click)=\"copyWfToClipboard()\">\r\n                <i class=\"fas fa-copy\"></i>\r\n            </button>\r\n\r\n            <button pButton type=\"button\" label=\"Success\" pTooltip=\"D\u00E1n\" tooltipPosition=\"top\"\r\n                class=\"p-button-rounded p-button-success p-button-outlined p-ripple p-button p-component p-button-icon-only\"\r\n                (click)=\"pasteWfToClipboard()\">\r\n                <i class=\"fas fa-paste\"></i>\r\n            </button>\r\n        </ng-container>\r\n        <button pButton type=\"button\" label=\"Success\" pTooltip=\"M\u1EDF r\u1ED9ng\" tooltipPosition=\"top\"\r\n            class=\"p-button-rounded p-button-secondary p-button-outlined p-ripple p-button p-component p-button-icon-only\"\r\n            (click)=\"fullScreen(!fullScreenMode)\">\r\n            <i *ngIf=\"!fullScreenMode\" class=\"fas fa-expand-arrows-alt\"></i>\r\n            <i *ngIf=\"fullScreenMode\" class=\"fas fa-compress-arrows-alt\"></i>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #content>\r\n    <div *ngIf=\"jsPlumbReady\" #container [id]=\"containerId\" class=\"container\" [ngClass]=\"viewOnly?'':'editable'\"\r\n        [ngStyle]=\"containerStyle\" (dblclick)=\"createNewNode($event, container)\">\r\n        <ng-container *ngIf=\"data.machines.length > 0\">\r\n            <state *ngFor=\"let machine of data.machines\" [id]=\"containerId + '_' + machine.id\" [machine]=\"machine\"\r\n                [viewOnly]=\"viewOnly\" class=\"state-node\"\r\n                [ngStyle]=\"{'left': machine.location[0] + 'px', 'top': machine.location[1] + 'px'}\"\r\n                [jsPlumbInstance]=\"jsPlumbInstance\" [containerId]=\"containerId\" (onEdit)=\"editNode($event)\"\r\n                (onDelete)=\"deleteNode($event)\" (onReady)=\"checkStatesReadyThenRenderConnections($event)\">\r\n            </state>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"buttonContexts\"></p-contextMenu>\r\n\r\n<tn-dialog *ngIf=\"stateMetadataModel.showEditForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"'Th\u00F4ng tin tr\u1EA1ng th\u00E1i' | translate\" [popupSize]=\"stateMetadataModel.popupSize\"\r\n    (onHide)=\"hideStateMetadataForm()\">\r\n    <state-metadata #formBase [data]=\"currentState\" [location]=\"locationWhenAdd\" [machinesData]=\"data\"\r\n        (onSaved)=\"handleSavedStateMetadata($event)\" (onCancel)=\"hideStateMetadataForm()\"\r\n        (onRemove)=\"handleRemoveFromDialog()\">\r\n    </state-metadata>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"stateMachineConnectionModel.showEditForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [useDefaultScrollBar]=\"true\" [header]=\"'Th\u00F4ng tin \u0111\u01B0\u1EDDng n\u1ED1i' | translate\"\r\n    [popupSize]=\"stateMachineConnectionModel.popupSize\" (onHide)=\"hideConnectionForm()\">\r\n    <statemachines-connection-metadata #formBase [data]=\"currentConnectionObject.connectionMetadata\"\r\n        [designerContext]=\"context\" [machinesData]=\"data\" [viewOnly]=\"viewOnly\"\r\n        (onSaved)=\"handleSavedConnection($event)\" (onCancel)=\"hideConnectionForm()\"\r\n        (onRemove)=\"handleRemoveConnectionFromDialog()\">\r\n    </statemachines-connection-metadata>\r\n</tn-dialog>", styles: [".state-control{width:100%;height:100%;position:relative;border:1px solid #ced4da;overflow:hidden;border-radius:3px}.state-control .container{height:1500px;position:relative}.state-control .container .state-node{position:absolute;width:150px;height:100px;max-height:100px;display:block}.state-control .container-note{position:absolute;top:0px;font-weight:100;text-align:right;display:inline-block;width:auto;right:0;padding:10px 14px;margin:0;background:white;z-index:15}.state-control .container-note span{margin-right:10px;line-height:30px;background:#ffeb3b;padding:5px}.state-control .container-note button{margin-right:5px}.state-control .container-note button:last-child{margin-right:0}.state-control.viewOnly{border:none}.state-control.fullScreenMode{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background-color:#fff;overflow:auto}:host ::ng-deep .jtk-hover{z-index:1}:host ::ng-deep .conn-label{z-index:2;border:1px dashed #c5c5c5;padding:5px;background:#61b7cf4d}:host ::ng-deep .conn-label:hover{background:#fff}:host ::ng-deep .conn-label.jtk-hover{z-index:3;background:#44a7c3;color:#fff;border:none}:host ::ng-deep .editable path,:host ::ng-deep .editable .jtk-endpoint,:host ::ng-deep .editable .jtk-connector{cursor:pointer}:host ::ng-deep .editable .conn-label{cursor:pointer}::ng-deep .state-control.highlight state,::ng-deep .state-control.highlight .jtk-connector,::ng-deep .state-control.highlight .conn-label{opacity:.3}::ng-deep .state-control.highlight state.--current,::ng-deep .state-control.highlight .jtk-connector.--current,::ng-deep .state-control.highlight .conn-label.--current{opacity:unset}::ng-deep .state-control.highlight .conn-label.--current{background:#44a7c3;border:none;color:#fff}::ng-deep .state-control.highlight state.lastState{animation:zoomInOut 1s infinite ease-in-out}::ng-deep .ps__rail-x,::ng-deep .ps__rail-y{z-index:16}@keyframes zoomInOut{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}\n"], components: [{ type: i2.TnCustomScrollbarComponent, selector: "tn-custom-scrollbar", inputs: ["style", "useDefaultScrollBar", "autoMode", "class", "config", "whiteBackGround", "showScrollHorizontal"], outputs: ["scrollY", "scrollUp", "scrollDown", "scrollLeft", "scrollRight", "scrollYReachEnd", "scrollYReachStart", "scrollXReachEnd", "scrollXReachStart"] }, { type: i3.StateComponent, selector: "state", inputs: ["viewOnly", "jsPlumbInstance", "containerId", "machine"], outputs: ["onDelete", "onEdit", "onReady"] }, { type: i4.ContextMenu, selector: "p-contextMenu", inputs: ["autoZIndex", "baseZIndex", "triggerEvent", "model", "global", "target", "style", "styleClass", "appendTo"], outputs: ["onShow", "onHide"] }, { type: i5.TnDialogComponent, selector: "tn-dialog", inputs: ["maskClass", "styleClass", "scrollBarStyleClass", "useDefaultScrollBar", "visible", "disabledButton", "modal", "header", "popupSize", "closeOnEscape", "showFooter", "positionTop", "minY", "hiddenSave", "maximizable"], outputs: ["onSave", "onCancel", "onShow", "onHide"] }, { type: i6.StateMetadataComponent, selector: "state-metadata", inputs: ["data", "machinesData", "location"], outputs: ["onRemove"] }, { type: i7.StateMachinesConnectionMetadataComponent, selector: "statemachines-connection-metadata", inputs: ["designerContext", "data", "machinesData", "viewOnly"], outputs: ["onRemove"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i9.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { type: i10.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i11.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: StateMachinesDesignerComponent, decorators: [{
+StateMachinesDesignerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesDesignerComponent, deps: [{ token: i0.Injector }, { token: i1.NotifierService }], target: i0.ɵɵFactoryTarget.Component });
+StateMachinesDesignerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: StateMachinesDesignerComponent, selector: "statemachines-designer", inputs: { useScrollBar: "useScrollBar", viewOnly: "viewOnly", data: "data", currentConnection: "currentConnection", containerId: "containerId", jsPlumbOption: "jsPlumbOption" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "containerDOM", first: true, predicate: ["container"], descendants: true, static: true }, { propertyName: "contextMenu", first: true, predicate: ["contextMenu"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"state-control\" [class.fullScreenMode]=\"fullScreenMode\" [class.highlight]=\"highlighting\"\r\n    [class.viewOnly]=\"viewOnly\">\r\n    <tn-custom-scrollbar *ngIf=\"useScrollBar\" #scrollbar [showScrollHorizontal]=\"true\">\r\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </tn-custom-scrollbar>\r\n    <ng-container *ngIf=\"!useScrollBar\">\r\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </ng-container>\r\n    <div class=\"container-note\">\r\n        <ng-container *ngIf=\"!viewOnly\">\r\n            <span><i class=\"fas fa-info-circle\"></i> Click \u0111\u00FAp v\u00E0o v\u00F9ng tr\u1ED1ng \u0111\u1EC3 th\u00EAm m\u1EDBi tr\u1EA1ng th\u00E1i\r\n            </span>\r\n            <button pButton type=\"button\" pTooltip=\"Sao ch\u00E9p\" tooltipPosition=\"top\"\r\n                class=\"p-button-rounded p-button-info p-button-outlined p-ripple p-button p-component p-button-icon-only\"\r\n                (click)=\"copyWfToClipboard()\">\r\n                <i class=\"fas fa-copy\"></i>\r\n            </button>\r\n\r\n            <button pButton type=\"button\" label=\"Success\" pTooltip=\"D\u00E1n\" tooltipPosition=\"top\"\r\n                class=\"p-button-rounded p-button-success p-button-outlined p-ripple p-button p-component p-button-icon-only\"\r\n                (click)=\"pasteWfToClipboard()\">\r\n                <i class=\"fas fa-paste\"></i>\r\n            </button>\r\n        </ng-container>\r\n        <button pButton type=\"button\" label=\"Success\" pTooltip=\"M\u1EDF r\u1ED9ng\" tooltipPosition=\"top\"\r\n            class=\"p-button-rounded p-button-secondary p-button-outlined p-ripple p-button p-component p-button-icon-only\"\r\n            (click)=\"fullScreen(!fullScreenMode)\">\r\n            <i *ngIf=\"!fullScreenMode\" class=\"fas fa-expand-arrows-alt\"></i>\r\n            <i *ngIf=\"fullScreenMode\" class=\"fas fa-compress-arrows-alt\"></i>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #content>\r\n    <div *ngIf=\"jsPlumbReady\" #container [id]=\"containerId\" class=\"container\" [ngClass]=\"viewOnly?'':'editable'\"\r\n        [ngStyle]=\"containerStyle\" (dblclick)=\"createNewNode($event, container)\">\r\n        <ng-container *ngIf=\"data.machines.length > 0\">\r\n            <state *ngFor=\"let machine of data.machines\" [id]=\"containerId + '_' + machine.id\" [machine]=\"machine\"\r\n                [viewOnly]=\"viewOnly\" class=\"state-node\"\r\n                [ngStyle]=\"{'left': machine.location[0] + 'px', 'top': machine.location[1] + 'px'}\"\r\n                [jsPlumbInstance]=\"jsPlumbInstance\" [containerId]=\"containerId\" (onEdit)=\"editNode($event)\"\r\n                (onDelete)=\"deleteNode($event)\" (onReady)=\"checkStatesReadyThenRenderConnections($event)\">\r\n            </state>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"buttonContexts\"></p-contextMenu>\r\n\r\n<tn-dialog *ngIf=\"stateMetadataModel.showEditForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"'Th\u00F4ng tin tr\u1EA1ng th\u00E1i' | translate\" [popupSize]=\"stateMetadataModel.popupSize\"\r\n    (onHide)=\"hideStateMetadataForm()\">\r\n    <state-metadata #formBase [data]=\"currentState\" [location]=\"locationWhenAdd\" [machinesData]=\"data\"\r\n        (onSaved)=\"handleSavedStateMetadata($event)\" (onCancel)=\"hideStateMetadataForm()\"\r\n        (onRemove)=\"handleRemoveFromDialog()\">\r\n    </state-metadata>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"stateMachineConnectionModel.showEditForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [useDefaultScrollBar]=\"true\" [header]=\"'Th\u00F4ng tin \u0111\u01B0\u1EDDng n\u1ED1i' | translate\"\r\n    [popupSize]=\"stateMachineConnectionModel.popupSize\" (onHide)=\"hideConnectionForm()\">\r\n    <statemachines-connection-metadata #formBase [data]=\"currentConnectionObject.connectionMetadata\"\r\n        [designerContext]=\"context\" [machinesData]=\"data\" [viewOnly]=\"viewOnly\"\r\n        (onSaved)=\"handleSavedConnection($event)\" (onCancel)=\"hideConnectionForm()\"\r\n        (onRemove)=\"handleRemoveConnectionFromDialog()\">\r\n    </statemachines-connection-metadata>\r\n</tn-dialog>", styles: [".state-control{width:100%;height:100%;position:relative;border:1px solid #ced4da;overflow:hidden;border-radius:3px}.state-control .container{height:1500px;position:relative}.state-control .container .state-node{position:absolute;width:150px;height:100px;max-height:100px;display:block}.state-control .container-note{position:absolute;top:0px;font-weight:100;text-align:right;display:inline-block;width:auto;right:0;padding:10px 14px;margin:0;background:white;z-index:15}.state-control .container-note span{margin-right:10px;line-height:30px;background:#ffeb3b;padding:5px}.state-control .container-note button{margin-right:5px}.state-control .container-note button:last-child{margin-right:0}.state-control.viewOnly{border:none}.state-control.fullScreenMode{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background-color:#fff;overflow:auto}:host ::ng-deep .jtk-hover{z-index:1}:host ::ng-deep .conn-label{z-index:2;border:1px dashed #c5c5c5;padding:5px;background:rgba(97,183,207,.3019607843)}:host ::ng-deep .conn-label:hover{background:#fff}:host ::ng-deep .conn-label.jtk-hover{z-index:3;background:#44a7c3;color:#fff;border:none}:host ::ng-deep .editable path,:host ::ng-deep .editable .jtk-endpoint,:host ::ng-deep .editable .jtk-connector{cursor:pointer}:host ::ng-deep .editable .conn-label{cursor:pointer}::ng-deep .state-control.highlight state,::ng-deep .state-control.highlight .jtk-connector,::ng-deep .state-control.highlight .conn-label{opacity:.3}::ng-deep .state-control.highlight state.--current,::ng-deep .state-control.highlight .jtk-connector.--current,::ng-deep .state-control.highlight .conn-label.--current{opacity:unset}::ng-deep .state-control.highlight .conn-label.--current{background:#44a7c3;border:none;color:#fff}::ng-deep .state-control.highlight state.lastState{animation:zoomInOut 1s infinite ease-in-out}::ng-deep .ps__rail-x,::ng-deep .ps__rail-y{z-index:16}@keyframes zoomInOut{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { kind: "component", type: i5.ContextMenu, selector: "p-contextMenu", inputs: ["autoZIndex", "baseZIndex", "triggerEvent", "model", "global", "target", "style", "styleClass", "appendTo"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i6.StateComponent, selector: "state", inputs: ["viewOnly", "jsPlumbInstance", "containerId", "machine"], outputs: ["onDelete", "onEdit", "onReady"] }, { kind: "component", type: i7.StateMetadataComponent, selector: "state-metadata", inputs: ["data", "machinesData", "location"], outputs: ["onRemove"] }, { kind: "component", type: i8.StateMachinesConnectionMetadataComponent, selector: "statemachines-connection-metadata", inputs: ["designerContext", "data", "machinesData", "viewOnly"], outputs: ["onRemove"] }, { kind: "component", type: i9.TnDialogComponent, selector: "tn-dialog", inputs: ["maskClass", "styleClass", "scrollBarStyleClass", "useDefaultScrollBar", "visible", "disabledButton", "modal", "header", "popupSize", "closeOnEscape", "showFooter", "positionTop", "minY", "hiddenSave", "maximizable"], outputs: ["onSave", "onCancel", "onShow", "onHide"] }, { kind: "component", type: i10.TnCustomScrollbarComponent, selector: "tn-custom-scrollbar", inputs: ["style", "useDefaultScrollBar", "autoMode", "class", "config", "whiteBackGround", "showScrollHorizontal"], outputs: ["scrollY", "scrollUp", "scrollDown", "scrollLeft", "scrollRight", "scrollYReachEnd", "scrollYReachStart", "scrollXReachEnd", "scrollXReachStart"] }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StateMachinesDesignerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'statemachines-designer', providers: [ComponentContextService], template: "<div class=\"state-control\" [class.fullScreenMode]=\"fullScreenMode\" [class.highlight]=\"highlighting\"\r\n    [class.viewOnly]=\"viewOnly\">\r\n    <tn-custom-scrollbar *ngIf=\"useScrollBar\" #scrollbar [showScrollHorizontal]=\"true\">\r\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </tn-custom-scrollbar>\r\n    <ng-container *ngIf=\"!useScrollBar\">\r\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </ng-container>\r\n    <div class=\"container-note\">\r\n        <ng-container *ngIf=\"!viewOnly\">\r\n            <span><i class=\"fas fa-info-circle\"></i> Click \u0111\u00FAp v\u00E0o v\u00F9ng tr\u1ED1ng \u0111\u1EC3 th\u00EAm m\u1EDBi tr\u1EA1ng th\u00E1i\r\n            </span>\r\n            <button pButton type=\"button\" pTooltip=\"Sao ch\u00E9p\" tooltipPosition=\"top\"\r\n                class=\"p-button-rounded p-button-info p-button-outlined p-ripple p-button p-component p-button-icon-only\"\r\n                (click)=\"copyWfToClipboard()\">\r\n                <i class=\"fas fa-copy\"></i>\r\n            </button>\r\n\r\n            <button pButton type=\"button\" label=\"Success\" pTooltip=\"D\u00E1n\" tooltipPosition=\"top\"\r\n                class=\"p-button-rounded p-button-success p-button-outlined p-ripple p-button p-component p-button-icon-only\"\r\n                (click)=\"pasteWfToClipboard()\">\r\n                <i class=\"fas fa-paste\"></i>\r\n            </button>\r\n        </ng-container>\r\n        <button pButton type=\"button\" label=\"Success\" pTooltip=\"M\u1EDF r\u1ED9ng\" tooltipPosition=\"top\"\r\n            class=\"p-button-rounded p-button-secondary p-button-outlined p-ripple p-button p-component p-button-icon-only\"\r\n            (click)=\"fullScreen(!fullScreenMode)\">\r\n            <i *ngIf=\"!fullScreenMode\" class=\"fas fa-expand-arrows-alt\"></i>\r\n            <i *ngIf=\"fullScreenMode\" class=\"fas fa-compress-arrows-alt\"></i>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #content>\r\n    <div *ngIf=\"jsPlumbReady\" #container [id]=\"containerId\" class=\"container\" [ngClass]=\"viewOnly?'':'editable'\"\r\n        [ngStyle]=\"containerStyle\" (dblclick)=\"createNewNode($event, container)\">\r\n        <ng-container *ngIf=\"data.machines.length > 0\">\r\n            <state *ngFor=\"let machine of data.machines\" [id]=\"containerId + '_' + machine.id\" [machine]=\"machine\"\r\n                [viewOnly]=\"viewOnly\" class=\"state-node\"\r\n                [ngStyle]=\"{'left': machine.location[0] + 'px', 'top': machine.location[1] + 'px'}\"\r\n                [jsPlumbInstance]=\"jsPlumbInstance\" [containerId]=\"containerId\" (onEdit)=\"editNode($event)\"\r\n                (onDelete)=\"deleteNode($event)\" (onReady)=\"checkStatesReadyThenRenderConnections($event)\">\r\n            </state>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"buttonContexts\"></p-contextMenu>\r\n\r\n<tn-dialog *ngIf=\"stateMetadataModel.showEditForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"'Th\u00F4ng tin tr\u1EA1ng th\u00E1i' | translate\" [popupSize]=\"stateMetadataModel.popupSize\"\r\n    (onHide)=\"hideStateMetadataForm()\">\r\n    <state-metadata #formBase [data]=\"currentState\" [location]=\"locationWhenAdd\" [machinesData]=\"data\"\r\n        (onSaved)=\"handleSavedStateMetadata($event)\" (onCancel)=\"hideStateMetadataForm()\"\r\n        (onRemove)=\"handleRemoveFromDialog()\">\r\n    </state-metadata>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"stateMachineConnectionModel.showEditForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [useDefaultScrollBar]=\"true\" [header]=\"'Th\u00F4ng tin \u0111\u01B0\u1EDDng n\u1ED1i' | translate\"\r\n    [popupSize]=\"stateMachineConnectionModel.popupSize\" (onHide)=\"hideConnectionForm()\">\r\n    <statemachines-connection-metadata #formBase [data]=\"currentConnectionObject.connectionMetadata\"\r\n        [designerContext]=\"context\" [machinesData]=\"data\" [viewOnly]=\"viewOnly\"\r\n        (onSaved)=\"handleSavedConnection($event)\" (onCancel)=\"hideConnectionForm()\"\r\n        (onRemove)=\"handleRemoveConnectionFromDialog()\">\r\n    </statemachines-connection-metadata>\r\n</tn-dialog>", styles: [".state-control{width:100%;height:100%;position:relative;border:1px solid #ced4da;overflow:hidden;border-radius:3px}.state-control .container{height:1500px;position:relative}.state-control .container .state-node{position:absolute;width:150px;height:100px;max-height:100px;display:block}.state-control .container-note{position:absolute;top:0px;font-weight:100;text-align:right;display:inline-block;width:auto;right:0;padding:10px 14px;margin:0;background:white;z-index:15}.state-control .container-note span{margin-right:10px;line-height:30px;background:#ffeb3b;padding:5px}.state-control .container-note button{margin-right:5px}.state-control .container-note button:last-child{margin-right:0}.state-control.viewOnly{border:none}.state-control.fullScreenMode{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background-color:#fff;overflow:auto}:host ::ng-deep .jtk-hover{z-index:1}:host ::ng-deep .conn-label{z-index:2;border:1px dashed #c5c5c5;padding:5px;background:#61b7cf4d}:host ::ng-deep .conn-label:hover{background:#fff}:host ::ng-deep .conn-label.jtk-hover{z-index:3;background:#44a7c3;color:#fff;border:none}:host ::ng-deep .editable path,:host ::ng-deep .editable .jtk-endpoint,:host ::ng-deep .editable .jtk-connector{cursor:pointer}:host ::ng-deep .editable .conn-label{cursor:pointer}::ng-deep .state-control.highlight state,::ng-deep .state-control.highlight .jtk-connector,::ng-deep .state-control.highlight .conn-label{opacity:.3}::ng-deep .state-control.highlight state.--current,::ng-deep .state-control.highlight .jtk-connector.--current,::ng-deep .state-control.highlight .conn-label.--current{opacity:unset}::ng-deep .state-control.highlight .conn-label.--current{background:#44a7c3;border:none;color:#fff}::ng-deep .state-control.highlight state.lastState{animation:zoomInOut 1s infinite ease-in-out}::ng-deep .ps__rail-x,::ng-deep .ps__rail-y{z-index:16}@keyframes zoomInOut{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}\n"] }]
+            args: [{ selector: 'statemachines-designer', providers: [ComponentContextService], template: "<div class=\"state-control\" [class.fullScreenMode]=\"fullScreenMode\" [class.highlight]=\"highlighting\"\r\n    [class.viewOnly]=\"viewOnly\">\r\n    <tn-custom-scrollbar *ngIf=\"useScrollBar\" #scrollbar [showScrollHorizontal]=\"true\">\r\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </tn-custom-scrollbar>\r\n    <ng-container *ngIf=\"!useScrollBar\">\r\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </ng-container>\r\n    <div class=\"container-note\">\r\n        <ng-container *ngIf=\"!viewOnly\">\r\n            <span><i class=\"fas fa-info-circle\"></i> Click \u0111\u00FAp v\u00E0o v\u00F9ng tr\u1ED1ng \u0111\u1EC3 th\u00EAm m\u1EDBi tr\u1EA1ng th\u00E1i\r\n            </span>\r\n            <button pButton type=\"button\" pTooltip=\"Sao ch\u00E9p\" tooltipPosition=\"top\"\r\n                class=\"p-button-rounded p-button-info p-button-outlined p-ripple p-button p-component p-button-icon-only\"\r\n                (click)=\"copyWfToClipboard()\">\r\n                <i class=\"fas fa-copy\"></i>\r\n            </button>\r\n\r\n            <button pButton type=\"button\" label=\"Success\" pTooltip=\"D\u00E1n\" tooltipPosition=\"top\"\r\n                class=\"p-button-rounded p-button-success p-button-outlined p-ripple p-button p-component p-button-icon-only\"\r\n                (click)=\"pasteWfToClipboard()\">\r\n                <i class=\"fas fa-paste\"></i>\r\n            </button>\r\n        </ng-container>\r\n        <button pButton type=\"button\" label=\"Success\" pTooltip=\"M\u1EDF r\u1ED9ng\" tooltipPosition=\"top\"\r\n            class=\"p-button-rounded p-button-secondary p-button-outlined p-ripple p-button p-component p-button-icon-only\"\r\n            (click)=\"fullScreen(!fullScreenMode)\">\r\n            <i *ngIf=\"!fullScreenMode\" class=\"fas fa-expand-arrows-alt\"></i>\r\n            <i *ngIf=\"fullScreenMode\" class=\"fas fa-compress-arrows-alt\"></i>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #content>\r\n    <div *ngIf=\"jsPlumbReady\" #container [id]=\"containerId\" class=\"container\" [ngClass]=\"viewOnly?'':'editable'\"\r\n        [ngStyle]=\"containerStyle\" (dblclick)=\"createNewNode($event, container)\">\r\n        <ng-container *ngIf=\"data.machines.length > 0\">\r\n            <state *ngFor=\"let machine of data.machines\" [id]=\"containerId + '_' + machine.id\" [machine]=\"machine\"\r\n                [viewOnly]=\"viewOnly\" class=\"state-node\"\r\n                [ngStyle]=\"{'left': machine.location[0] + 'px', 'top': machine.location[1] + 'px'}\"\r\n                [jsPlumbInstance]=\"jsPlumbInstance\" [containerId]=\"containerId\" (onEdit)=\"editNode($event)\"\r\n                (onDelete)=\"deleteNode($event)\" (onReady)=\"checkStatesReadyThenRenderConnections($event)\">\r\n            </state>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"buttonContexts\"></p-contextMenu>\r\n\r\n<tn-dialog *ngIf=\"stateMetadataModel.showEditForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"'Th\u00F4ng tin tr\u1EA1ng th\u00E1i' | translate\" [popupSize]=\"stateMetadataModel.popupSize\"\r\n    (onHide)=\"hideStateMetadataForm()\">\r\n    <state-metadata #formBase [data]=\"currentState\" [location]=\"locationWhenAdd\" [machinesData]=\"data\"\r\n        (onSaved)=\"handleSavedStateMetadata($event)\" (onCancel)=\"hideStateMetadataForm()\"\r\n        (onRemove)=\"handleRemoveFromDialog()\">\r\n    </state-metadata>\r\n</tn-dialog>\r\n\r\n<tn-dialog *ngIf=\"stateMachineConnectionModel.showEditForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [useDefaultScrollBar]=\"true\" [header]=\"'Th\u00F4ng tin \u0111\u01B0\u1EDDng n\u1ED1i' | translate\"\r\n    [popupSize]=\"stateMachineConnectionModel.popupSize\" (onHide)=\"hideConnectionForm()\">\r\n    <statemachines-connection-metadata #formBase [data]=\"currentConnectionObject.connectionMetadata\"\r\n        [designerContext]=\"context\" [machinesData]=\"data\" [viewOnly]=\"viewOnly\"\r\n        (onSaved)=\"handleSavedConnection($event)\" (onCancel)=\"hideConnectionForm()\"\r\n        (onRemove)=\"handleRemoveConnectionFromDialog()\">\r\n    </statemachines-connection-metadata>\r\n</tn-dialog>", styles: [".state-control{width:100%;height:100%;position:relative;border:1px solid #ced4da;overflow:hidden;border-radius:3px}.state-control .container{height:1500px;position:relative}.state-control .container .state-node{position:absolute;width:150px;height:100px;max-height:100px;display:block}.state-control .container-note{position:absolute;top:0px;font-weight:100;text-align:right;display:inline-block;width:auto;right:0;padding:10px 14px;margin:0;background:white;z-index:15}.state-control .container-note span{margin-right:10px;line-height:30px;background:#ffeb3b;padding:5px}.state-control .container-note button{margin-right:5px}.state-control .container-note button:last-child{margin-right:0}.state-control.viewOnly{border:none}.state-control.fullScreenMode{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background-color:#fff;overflow:auto}:host ::ng-deep .jtk-hover{z-index:1}:host ::ng-deep .conn-label{z-index:2;border:1px dashed #c5c5c5;padding:5px;background:rgba(97,183,207,.3019607843)}:host ::ng-deep .conn-label:hover{background:#fff}:host ::ng-deep .conn-label.jtk-hover{z-index:3;background:#44a7c3;color:#fff;border:none}:host ::ng-deep .editable path,:host ::ng-deep .editable .jtk-endpoint,:host ::ng-deep .editable .jtk-connector{cursor:pointer}:host ::ng-deep .editable .conn-label{cursor:pointer}::ng-deep .state-control.highlight state,::ng-deep .state-control.highlight .jtk-connector,::ng-deep .state-control.highlight .conn-label{opacity:.3}::ng-deep .state-control.highlight state.--current,::ng-deep .state-control.highlight .jtk-connector.--current,::ng-deep .state-control.highlight .conn-label.--current{opacity:unset}::ng-deep .state-control.highlight .conn-label.--current{background:#44a7c3;border:none;color:#fff}::ng-deep .state-control.highlight state.lastState{animation:zoomInOut 1s infinite ease-in-out}::ng-deep .ps__rail-x,::ng-deep .ps__rail-y{z-index:16}@keyframes zoomInOut{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.NotifierService }]; }, propDecorators: { containerDOM: [{
                 type: ViewChild,
                 args: ['container', { static: true }]

package/esm2020/components/tn-app-help/helper-current-page/helper-current-page.component.mjs

@@ -221,9 +221,9 @@ export class HelperCurrentPageComponent {
         }
     }
 }
-HelperCurrentPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: HelperCurrentPageComponent, deps: [{ token: i1.PathNameService }, { token: i2.DomService }], target: i0.ɵɵFactoryTarget.Component });
-HelperCurrentPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: HelperCurrentPageComponent, selector: "helper-current-page", providers: [ComponentContextService], viewQueries: [{ propertyName: "frameGuide", first: true, predicate: ["frameGuide"], descendants: true }, { propertyName: "guideContent", first: true, predicate: ["guideContent"], descendants: true }, { propertyName: "currentSlide", first: true, predicate: ["currentSlide"], descendants: true }, { propertyName: "totalSlide", first: true, predicate: ["totalSlide"], descendants: true }], ngImport: i0, template: "<div #frameGuide id=\"frameGuide\" class=\"FrameGuide\"></div>\r\n\r\n<div #guideContent id=\"guideContent\" class=\"GuidePopup\" (click)=\"guideContentClick($event)\"\r\n    (keyup)=\"keyUpGuideContent($event)\">\r\n    <div class='GuideTitle'></div>\r\n    <div class='GuideContent'></div>\r\n    <div class='GuideAction'>\r\n        <div class=\"ui-g-2 ui-md-2 ui-sm-2\" style=\"text-align: left; padding-left: 0px; line-height: 30px;\">\r\n            <span #currentSlide id=\"currentSlide\"></span> / <span #totalSlide id=\"totalSlide\"></span>\r\n        </div>\r\n        <div class=\"ui-g-10 ui-md-10 ui-sm-10 button-group\">\r\n            <button icon=\"far fa-play-circle\" pButton type=\"button\" (click)=\"doShowGuide($event)\"\r\n                label=\"Xem ti\u1EBFp\"></button>\r\n            <button icon=\"far fa-stop-circle\" pButton type=\"button\" (click)=\"completeGuide()\"\r\n                class=\"ui-button-secondary\" label=\"B\u1ECF qua\"></button>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".FrameGuide{position:absolute;visibility:hidden;opacity:0;z-index:99991;background-color:transparent;box-shadow:0 0 0 9999px #424242b3;transform:scale(5);transition:transform .6s}.GuidePopup{position:absolute;visibility:hidden;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:99992;width:400px;background-color:#fff;transition:left .5s,top .5s,visibility 0s,opacity .6s linear;box-shadow:0 6px 20px #00000030,0 8px 17px #0003}.GuidePopup:before{width:0;height:0;content:\" \";position:absolute}.GuidePopup>.GuideTitle,.GuidePopup .GuideContent,.GuidePopup .GuideAction{padding-left:30px;padding-right:30px}.GuidePopup>.GuideTitle{font-weight:700;padding-top:15px;padding-bottom:15px;box-shadow:0 2px 5px #8c8c8c26}.GuideTitleUnderRight:before{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff;top:-10px;left:20px}.GuideTitleUnderLeft:before{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff;top:-10px;right:20px}.GuideTitleMiddleUnder:before{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff;top:-10px;left:calc(50% - 5px)}.GuideTitleMiddleTop:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #fff;bottom:-10px;left:calc(50% - 5px)}.GuideTitleMiddleLeft:before{border-bottom:8px solid transparent;border-top:8px solid transparent;border-left:10px solid #fff;top:calc(50% - 10px);right:-10px}.GuideTitleMiddleRight:before{border-bottom:8px solid transparent;border-top:8px solid transparent;border-right:10px solid #fff;top:calc(50% - 10px);left:-10px}.GuideTitleTopLeft:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #fff;bottom:-10px;right:20px}.GuideTitleTopRight:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #fff;bottom:-10px;left:20px}.GuideContent{padding-bottom:30px}.GuideAction{text-align:right;padding-bottom:15px}.GuideAction button{margin-left:10px}\n"], directives: [{ type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: HelperCurrentPageComponent, decorators: [{
+HelperCurrentPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: HelperCurrentPageComponent, deps: [{ token: i1.PathNameService }, { token: i2.DomService }], target: i0.ɵɵFactoryTarget.Component });
+HelperCurrentPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: HelperCurrentPageComponent, selector: "helper-current-page", providers: [ComponentContextService], viewQueries: [{ propertyName: "frameGuide", first: true, predicate: ["frameGuide"], descendants: true }, { propertyName: "guideContent", first: true, predicate: ["guideContent"], descendants: true }, { propertyName: "currentSlide", first: true, predicate: ["currentSlide"], descendants: true }, { propertyName: "totalSlide", first: true, predicate: ["totalSlide"], descendants: true }], ngImport: i0, template: "<div #frameGuide id=\"frameGuide\" class=\"FrameGuide\"></div>\r\n\r\n<div #guideContent id=\"guideContent\" class=\"GuidePopup\" (click)=\"guideContentClick($event)\"\r\n    (keyup)=\"keyUpGuideContent($event)\">\r\n    <div class='GuideTitle'></div>\r\n    <div class='GuideContent'></div>\r\n    <div class='GuideAction'>\r\n        <div class=\"ui-g-2 ui-md-2 ui-sm-2\" style=\"text-align: left; padding-left: 0px; line-height: 30px;\">\r\n            <span #currentSlide id=\"currentSlide\"></span> / <span #totalSlide id=\"totalSlide\"></span>\r\n        </div>\r\n        <div class=\"ui-g-10 ui-md-10 ui-sm-10 button-group\">\r\n            <button icon=\"far fa-play-circle\" pButton type=\"button\" (click)=\"doShowGuide($event)\"\r\n                label=\"Xem ti\u1EBFp\"></button>\r\n            <button icon=\"far fa-stop-circle\" pButton type=\"button\" (click)=\"completeGuide()\"\r\n                class=\"ui-button-secondary\" label=\"B\u1ECF qua\"></button>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".FrameGuide{position:absolute;visibility:hidden;opacity:0;z-index:99991;background-color:transparent;box-shadow:0 0 0 9999px #424242b3;transform:scale(5);transition:transform .6s}.GuidePopup{position:absolute;visibility:hidden;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:99992;width:400px;background-color:#fff;transition:left .5s,top .5s,visibility 0s,opacity .6s linear;box-shadow:0 6px 20px #00000030,0 8px 17px #0003}.GuidePopup:before{width:0;height:0;content:\" \";position:absolute}.GuidePopup>.GuideTitle,.GuidePopup .GuideContent,.GuidePopup .GuideAction{padding-left:30px;padding-right:30px}.GuidePopup>.GuideTitle{font-weight:700;padding-top:15px;padding-bottom:15px;box-shadow:0 2px 5px #8c8c8c26}.GuideTitleUnderRight:before{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff;top:-10px;left:20px}.GuideTitleUnderLeft:before{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff;top:-10px;right:20px}.GuideTitleMiddleUnder:before{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff;top:-10px;left:calc(50% - 5px)}.GuideTitleMiddleTop:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #fff;bottom:-10px;left:calc(50% - 5px)}.GuideTitleMiddleLeft:before{border-bottom:8px solid transparent;border-top:8px solid transparent;border-left:10px solid #fff;top:calc(50% - 10px);right:-10px}.GuideTitleMiddleRight:before{border-bottom:8px solid transparent;border-top:8px solid transparent;border-right:10px solid #fff;top:calc(50% - 10px);left:-10px}.GuideTitleTopLeft:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #fff;bottom:-10px;right:20px}.GuideTitleTopRight:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #fff;bottom:-10px;left:20px}.GuideContent{padding-bottom:30px}.GuideAction{text-align:right;padding-bottom:15px}.GuideAction button{margin-left:10px}\n"], dependencies: [{ kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: HelperCurrentPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'helper-current-page', providers: [ComponentContextService], encapsulation: ViewEncapsulation.None, template: "<div #frameGuide id=\"frameGuide\" class=\"FrameGuide\"></div>\r\n\r\n<div #guideContent id=\"guideContent\" class=\"GuidePopup\" (click)=\"guideContentClick($event)\"\r\n    (keyup)=\"keyUpGuideContent($event)\">\r\n    <div class='GuideTitle'></div>\r\n    <div class='GuideContent'></div>\r\n    <div class='GuideAction'>\r\n        <div class=\"ui-g-2 ui-md-2 ui-sm-2\" style=\"text-align: left; padding-left: 0px; line-height: 30px;\">\r\n            <span #currentSlide id=\"currentSlide\"></span> / <span #totalSlide id=\"totalSlide\"></span>\r\n        </div>\r\n        <div class=\"ui-g-10 ui-md-10 ui-sm-10 button-group\">\r\n            <button icon=\"far fa-play-circle\" pButton type=\"button\" (click)=\"doShowGuide($event)\"\r\n                label=\"Xem ti\u1EBFp\"></button>\r\n            <button icon=\"far fa-stop-circle\" pButton type=\"button\" (click)=\"completeGuide()\"\r\n                class=\"ui-button-secondary\" label=\"B\u1ECF qua\"></button>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".FrameGuide{position:absolute;visibility:hidden;opacity:0;z-index:99991;background-color:transparent;box-shadow:0 0 0 9999px #424242b3;transform:scale(5);transition:transform .6s}.GuidePopup{position:absolute;visibility:hidden;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:99992;width:400px;background-color:#fff;transition:left .5s,top .5s,visibility 0s,opacity .6s linear;box-shadow:0 6px 20px #00000030,0 8px 17px #0003}.GuidePopup:before{width:0;height:0;content:\" \";position:absolute}.GuidePopup>.GuideTitle,.GuidePopup .GuideContent,.GuidePopup .GuideAction{padding-left:30px;padding-right:30px}.GuidePopup>.GuideTitle{font-weight:700;padding-top:15px;padding-bottom:15px;box-shadow:0 2px 5px #8c8c8c26}.GuideTitleUnderRight:before{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff;top:-10px;left:20px}.GuideTitleUnderLeft:before{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff;top:-10px;right:20px}.GuideTitleMiddleUnder:before{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff;top:-10px;left:calc(50% - 5px)}.GuideTitleMiddleTop:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #fff;bottom:-10px;left:calc(50% - 5px)}.GuideTitleMiddleLeft:before{border-bottom:8px solid transparent;border-top:8px solid transparent;border-left:10px solid #fff;top:calc(50% - 10px);right:-10px}.GuideTitleMiddleRight:before{border-bottom:8px solid transparent;border-top:8px solid transparent;border-right:10px solid #fff;top:calc(50% - 10px);left:-10px}.GuideTitleTopLeft:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #fff;bottom:-10px;right:20px}.GuideTitleTopRight:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #fff;bottom:-10px;left:20px}.GuideContent{padding-bottom:30px}.GuideAction{text-align:right;padding-bottom:15px}.GuideAction button{margin-left:10px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.PathNameService }, { type: i2.DomService }]; }, propDecorators: { frameGuide: [{

package/esm2020/components/tn-app-help/services/path-name.service.mjs

@@ -22,9 +22,9 @@ export class PathNameService extends BaseService {
         return this._httpClient.get(uri).toPromise();
     }
 }
-PathNameService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: PathNameService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
-PathNameService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: PathNameService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: PathNameService, decorators: [{
+PathNameService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PathNameService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
+PathNameService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PathNameService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PathNameService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'