eservices-core 1.0.310 → 1.0.313

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
-  * eservices-core v1.0.310
+  * eservices-core v1.0.313
   * (c) 2022 ESERVICES
   */
 'use strict';
@@ -10,12 +10,12 @@ var vue = require('vue');
 var jenesiusVueModal = require('jenesius-vue-modal');
 var vueRouter = require('vue-router');
 var dateAndTime = require('date-and-time');
-var require$$0 = require('crypto');
+var hash = require('object-hash');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var dateAndTime__default = /*#__PURE__*/_interopDefaultLegacy(dateAndTime);
-var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
+var hash__default = /*#__PURE__*/_interopDefaultLegacy(hash);
 
 var script$R = vue.defineComponent({
 	props: {
@@ -411,7 +411,7 @@ const _hoisted_2$w = {
   key: 0,
   class: "input-title"
 };
-const _hoisted_3$n = {
+const _hoisted_3$o = {
   key: 0,
   class: "input-title_required"
 };
@@ -430,7 +430,7 @@ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
       ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$w, [
           vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1 /* TEXT */),
           (_ctx.required)
-            ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$n, "*"))
+            ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$o, "*"))
             : vue.createCommentVNode("v-if", true)
         ]))
       : vue.createCommentVNode("v-if", true),
@@ -572,7 +572,7 @@ const _hoisted_2$v = {
   key: 0,
   class: "input-title"
 };
-const _hoisted_3$m = {
+const _hoisted_3$n = {
   key: 0,
   class: "color__text_red"
 };
@@ -600,7 +600,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
       ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$v, [
           vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1 /* TEXT */),
           (_ctx.required)
-            ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$m, "*"))
+            ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$n, "*"))
             : vue.createCommentVNode("v-if", true)
         ]))
       : vue.createCommentVNode("v-if", true),
@@ -781,7 +781,7 @@ const _hoisted_2$u = {
   key: 0,
   class: "process-info input-file__wait text_size_sm"
 };
-const _hoisted_3$l = {
+const _hoisted_3$m = {
   key: 1,
   class: "process-info input-file__error text_size_sm text_error"
 };
@@ -803,7 +803,7 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
       ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$u, "Loading..."))
       : vue.createCommentVNode("v-if", true),
     (_ctx.pw.error)
-      ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$l, "Error load file"))
+      ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$m, "Error load file"))
       : vue.createCommentVNode("v-if", true)
   ]))
 }
@@ -839,14 +839,14 @@ var script$L = {
 const _withScopeId$8 = n => (vue.pushScopeId("data-v-3fc725fe"),n=n(),vue.popScopeId(),n);
 const _hoisted_1$G = { class: "widget-input__container" };
 const _hoisted_2$t = { class: "input-container__content" };
-const _hoisted_3$k = /*#__PURE__*/ _withScopeId$8(() => /*#__PURE__*/vue.createElementVNode("div", { class: "widget-input__underline" }, null, -1 /* HOISTED */));
+const _hoisted_3$l = /*#__PURE__*/ _withScopeId$8(() => /*#__PURE__*/vue.createElementVNode("div", { class: "widget-input__underline" }, null, -1 /* HOISTED */));
 
 function render$k(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
     vue.createElementVNode("div", _hoisted_2$t, [
       vue.renderSlot(_ctx.$slots, "default")
     ]),
-    _hoisted_3$k,
+    _hoisted_3$l,
     ($props.placeholder)
       ? (vue.openBlock(), vue.createElementBlock("p", {
           key: 0,
@@ -1004,7 +1004,7 @@ const _hoisted_2$s = {
   key: 0,
   class: "color__text_red"
 };
-const _hoisted_3$j = ["disabled", "error"];
+const _hoisted_3$k = ["disabled", "error"];
 const _hoisted_4$e = ["type", "placeholder", "disabled", "error", "value"];
 const _hoisted_5$a = {
   key: 1,
@@ -1053,7 +1053,7 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
       (_ctx.errorMessage)
         ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$a, vue.toDisplayString(_ctx.errorMessage), 1 /* TEXT */))
         : vue.createCommentVNode("v-if", true)
-    ], 8 /* PROPS */, _hoisted_3$j)
+    ], 8 /* PROPS */, _hoisted_3$k)
   ], 64 /* STABLE_FRAGMENT */))
 }
 
@@ -1262,7 +1262,7 @@ var script$F = {
 
 const _hoisted_1$B = { class: "widget-form flex_column" };
 const _hoisted_2$p = { class: "widget-form__head flex" };
-const _hoisted_3$i = { class: "widget-form__head-functions flex" };
+const _hoisted_3$j = { class: "widget-form__head-functions flex" };
 const _hoisted_4$d = { class: "widget-form__body" };
 
 function render$e(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1280,7 +1280,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
             values: $props.button
           }, null, 8 /* PROPS */, ["values"]))
         : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("div", _hoisted_3$i, [
+      vue.createElementVNode("div", _hoisted_3$j, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.functions, (elem, index) => {
           return (vue.openBlock(), vue.createBlock(_component_widget_form_function_item, {
             key: index,
@@ -1341,7 +1341,7 @@ script$E.__file = "core/widgets/forms/naomi/WidgetFormImage.vue";
 
 const _hoisted_1$z = { class: "widget-form-info flex" };
 const _hoisted_2$n = { class: "form-titles" };
-const _hoisted_3$h = { class: "form-title margin-0" };
+const _hoisted_3$i = { class: "form-title margin-0" };
 const _hoisted_4$c = { class: "form-info text_size_md margin-0" };
 const _hoisted_5$9 = {
     key: 0,
@@ -1358,7 +1358,7 @@ var script$D = /*#__PURE__*/ vue.defineComponent({
         return (_ctx, _cache) => {
             return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
                 vue.createElementVNode("div", _hoisted_2$n, [
-                    vue.createElementVNode("p", _hoisted_3$h, vue.toDisplayString(__props.title), 1 /* TEXT */),
+                    vue.createElementVNode("p", _hoisted_3$i, vue.toDisplayString(__props.title), 1 /* TEXT */),
                     vue.createElementVNode("p", _hoisted_4$c, vue.toDisplayString(__props.info), 1 /* TEXT */)
                 ]),
                 (__props.label)
@@ -1407,7 +1407,7 @@ script$C.__file = "core/widgets/spinner/WidgetSpinner.vue";
 
 const _hoisted_1$y = { class: "widget-button-wrap" };
 const _hoisted_2$m = { class: "multi-button" };
-const _hoisted_3$g = { class: "widget-button-list" };
+const _hoisted_3$h = { class: "widget-button-list" };
 const _hoisted_4$b = ["onClick"];
 const _hoisted_5$8 = { class: "button__side" };
 const _hoisted_6$5 = {
@@ -1444,7 +1444,7 @@ var script$B = /*#__PURE__*/ vue.defineComponent({
                                 onClick: _cache[0] || (_cache[0] = ($event) => (toggle()))
                             }, vue.toDisplayString(__props.title), 1 /* TEXT */))
                             : vue.createCommentVNode("v-if", true),
-                        vue.createElementVNode("div", _hoisted_3$g, [
+                        vue.createElementVNode("div", _hoisted_3$h, [
                             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.array, (elem, index) => {
                                 return (vue.openBlock(), vue.createElementBlock("p", {
                                     class: "button__content-title",
@@ -1486,7 +1486,7 @@ script$B.__file = "core/widgets/buttons/multi-button/WidgetMultiButton.vue";
 
 const _hoisted_1$x = { class: "wrap__widget-form" };
 const _hoisted_2$l = { class: "widget-form" };
-const _hoisted_3$f = { class: "widget-form__head" };
+const _hoisted_3$g = { class: "widget-form__head" };
 const _hoisted_4$a = { class: "widget-form__body" };
 var script$A = /*#__PURE__*/ vue.defineComponent({
     props: {
@@ -1501,7 +1501,7 @@ var script$A = /*#__PURE__*/ vue.defineComponent({
         return (_ctx, _cache) => {
             return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
                 vue.createElementVNode("div", _hoisted_2$l, [
-                    vue.createElementVNode("div", _hoisted_3$f, [
+                    vue.createElementVNode("div", _hoisted_3$g, [
                         vue.createVNode(script$E, {
                             icon: __props.icon,
                             image: __props.image
@@ -1590,7 +1590,7 @@ var script$y = {
 
 const _hoisted_1$v = { class: "form-container" };
 const _hoisted_2$k = { class: "form-container__head flex" };
-const _hoisted_3$e = { class: "form-container__head-title title_md flex_full" };
+const _hoisted_3$f = { class: "form-container__head-title title_md flex_full" };
 const _hoisted_4$9 = {
   key: 0,
   class: "title_md"
@@ -1602,7 +1602,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
     vue.createElementVNode("div", _hoisted_2$k, [
-      vue.createElementVNode("p", _hoisted_3$e, vue.toDisplayString($props.title), 1 /* TEXT */),
+      vue.createElementVNode("p", _hoisted_3$f, vue.toDisplayString($props.title), 1 /* TEXT */),
       ($props.rightTitle)
         ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$9, vue.toDisplayString($props.rightTitle), 1 /* TEXT */))
         : vue.createCommentVNode("v-if", true),
@@ -1647,7 +1647,7 @@ script$y.__file = "core/widgets/containers/ContainerForm.vue";
 
 const _hoisted_1$u = { class: "form-container-item__title flex" };
 const _hoisted_2$j = { class: "" };
-const _hoisted_3$d = {
+const _hoisted_3$e = {
   key: 0,
   class: ""
 };
@@ -1670,7 +1670,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
       vue.renderSlot(_ctx.$slots, "default")
     ], 2 /* CLASS */),
     ($props.subTitle)
-      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$d, [
+      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$e, [
           vue.createElementVNode("span", _hoisted_4$8, vue.toDisplayString($props.subTitle), 1 /* TEXT */),
           vue.renderSlot(_ctx.$slots, "centerRight")
         ]))
@@ -1696,14 +1696,14 @@ var script$w = {
 
 const _hoisted_1$t = { class: "container-auth-wrap" };
 const _hoisted_2$i = { class: "container-auth-sidebar" };
-const _hoisted_3$c = { class: "container-auth-main" };
+const _hoisted_3$d = { class: "container-auth-main" };
 
 function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
     vue.createElementVNode("div", _hoisted_2$i, [
       vue.renderSlot(_ctx.$slots, "side")
     ]),
-    vue.createElementVNode("div", _hoisted_3$c, [
+    vue.createElementVNode("div", _hoisted_3$d, [
       vue.renderSlot(_ctx.$slots, "default")
     ])
   ]))
@@ -2932,12 +2932,12 @@ var script$s = {
 const _withScopeId$7 = n => (vue.pushScopeId("data-v-36a6079a"),n=n(),vue.popScopeId(),n);
 const _hoisted_1$q = { class: "separator" };
 const _hoisted_2$g = /*#__PURE__*/ _withScopeId$7(() => /*#__PURE__*/vue.createElementVNode("div", null, null, -1 /* HOISTED */));
-const _hoisted_3$b = [
+const _hoisted_3$c = [
   _hoisted_2$g
 ];
 
 function render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, _hoisted_3$b))
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, _hoisted_3$c))
 }
 
 var css_248z$p = "\n.separator[data-v-36a6079a]{\r\n        display: flex;\r\n        height: 100%;\r\n        cursor: col-resize;\r\n\r\n        user-select: none;\n}\n.separator>div[data-v-36a6079a]{\r\n        width: 1px;\r\n        background-color: #979797;\n}\r\n";
@@ -3033,7 +3033,7 @@ const _hoisted_1$p = {
   ref: "refHead"
 };
 const _hoisted_2$f = ["onClick"];
-const _hoisted_3$a = { class: "head-cell" };
+const _hoisted_3$b = { class: "head-cell" };
 const _hoisted_4$7 = { class: "head-cell-label" };
 
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
@@ -3043,7 +3043,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
         key: index,
         onClick: $event => (_ctx.$emit('sort', elem.name))
       }, [
-        vue.createElementVNode("div", _hoisted_3$a, [
+        vue.createElementVNode("div", _hoisted_3$b, [
           vue.createElementVNode("p", _hoisted_4$7, vue.toDisplayString(elem.title), 1 /* TEXT */),
           vue.createElementVNode("div", null, [
             ($props.orderConfig.field === elem.name)
@@ -3916,7 +3916,7 @@ script$l.__file = "core/widgets/tables/table-with-form/widget-table.vue";
 const _withScopeId$6 = n => (vue.pushScopeId("data-v-665634eb"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$k = { class: "table-controller" };
 const _hoisted_2$d = /*#__PURE__*/ _withScopeId$6(() => /*#__PURE__*/ vue.createElementVNode("p", { class: "table-controller_action-text text_size_md" }, "Reload", -1 /* HOISTED */));
-const _hoisted_3$9 = /*#__PURE__*/ _withScopeId$6(() => /*#__PURE__*/ vue.createElementVNode("p", { class: "table-controller_action-text text_size_md" }, "Add", -1 /* HOISTED */));
+const _hoisted_3$a = /*#__PURE__*/ _withScopeId$6(() => /*#__PURE__*/ vue.createElementVNode("p", { class: "table-controller_action-text text_size_md" }, "Add", -1 /* HOISTED */));
 var script$k = /*#__PURE__*/ vue.defineComponent({
     props: {
         table: { type: null, required: true }
@@ -3942,7 +3942,7 @@ var script$k = /*#__PURE__*/ vue.defineComponent({
                         class: "table-controller__icon",
                         name: "plus"
                     }),
-                    _hoisted_3$9
+                    _hoisted_3$a
                 ])
             ]));
         };
@@ -3972,14 +3972,14 @@ var script$j = {
 
 const _hoisted_1$j = { class: "widget-error" };
 const _hoisted_2$c = { class: "widget-error-wrap" };
-const _hoisted_3$8 = { class: "widget-error-main" };
+const _hoisted_3$9 = { class: "widget-error-main" };
 const _hoisted_4$6 = { class: "widget-error-text widget-error-message" };
 const _hoisted_5$5 = { class: "widget-error__container-close" };
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
     vue.createElementVNode("div", _hoisted_2$c, [
-      vue.createElementVNode("div", _hoisted_3$8, [
+      vue.createElementVNode("div", _hoisted_3$9, [
         vue.createElementVNode("p", _hoisted_4$6, vue.toDisplayString($props.message), 1 /* TEXT */)
       ]),
       ($props.isGroup)
@@ -4274,7 +4274,7 @@ function renderInput(inputProps, type) {
 
 const _hoisted_1$g = { class: "form-section" };
 const _hoisted_2$b = { class: "form-section__header" };
-const _hoisted_3$7 = { class: "form-section__header-title" };
+const _hoisted_3$8 = { class: "form-section__header-title" };
 const _hoisted_4$5 = { class: "form-section__body" };
 var script$g = /*#__PURE__*/ vue.defineComponent({
     props: {
@@ -4284,7 +4284,7 @@ var script$g = /*#__PURE__*/ vue.defineComponent({
         return (_ctx, _cache) => {
             return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
                 vue.createElementVNode("div", _hoisted_2$b, [
-                    vue.createElementVNode("p", _hoisted_3$7, vue.toDisplayString(__props.title), 1 /* TEXT */)
+                    vue.createElementVNode("p", _hoisted_3$8, vue.toDisplayString(__props.title), 1 /* TEXT */)
                 ]),
                 vue.createElementVNode("div", _hoisted_4$5, [
                     vue.renderSlot(_ctx.$slots, "default")
@@ -4362,12 +4362,12 @@ var script$f = {
 const _withScopeId$5 = n => (vue.pushScopeId("data-v-19107abc"),n=n(),vue.popScopeId(),n);
 const _hoisted_1$f = { class: "form-body-wrap" };
 const _hoisted_2$a = /*#__PURE__*/ _withScopeId$5(() => /*#__PURE__*/vue.createElementVNode("div", { class: "form-body-wrap__header" }, null, -1 /* HOISTED */));
-const _hoisted_3$6 = { class: "form-body-wrap__content" };
+const _hoisted_3$7 = { class: "form-body-wrap__content" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
     _hoisted_2$a,
-    vue.createElementVNode("div", _hoisted_3$6, [
+    vue.createElementVNode("div", _hoisted_3$7, [
       vue.renderSlot(_ctx.$slots, "default")
     ])
   ]))
@@ -4655,12 +4655,12 @@ var types = /*#__PURE__*/Object.freeze({
 	__proto__: null
 });
 
-var css_248z$e = "*{\r\n    --extra-fast    :0.1s;\r\n    --fast          :0.2s;\r\n    --medium        :0.3s;\r\n\r\n    box-sizing: border-box;\r\n    --primary: #3949ab\r\n}\r\nhtml, body, #app{\r\n    height: 100%;\r\n}\r\nbody{\r\n    margin: 0;\r\n}\r\nul{\r\n    text-align: left;\r\n}\r\n.flex{\r\n    display: flex;\r\n}\r\n.flex_column{\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.flex_center{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.flex_full{\r\n    flex-grow: 1;\r\n}\r\n.grid{\r\n    display: grid;\r\n}\r\n.link{\r\n    text-decoration: var(--link-decoration);\r\n    color: var(--link-color);\r\n}\r\n.link_hover-underline:hover,\r\n.link_hover_underline:hover{\r\n    text-decoration: underline;\r\n}\r\n.link_full{\r\n    position: absolute;\r\n    height: 100%;\r\n    width: 100%;\r\n    left: 0;\r\n    top:0;\r\n}\r\n.text_sm{\r\n    font-weight: 400;\r\n    font-size: 12px;\r\n    line-height: 16px;\r\n}\r\n.text_md{\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n}\r\n.text_lg{\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n}\r\n.text_size_xxl{\r\n    font-size: 18px;\r\n    line-height: 25px;\r\n}\r\n.text_center{\r\n    text-align: center;\r\n}\r\n.text_bold{\r\n    font-weight: 600;\r\n}\r\n.text_nowrap{\r\n    white-space: nowrap;\r\n}\r\n.text_right{\r\n    text-align: right;\r\n}\r\n.text_center{\r\n    text-align: center;\r\n}\r\n.text_size_sm{\r\n    font-size: 12px;\r\n    line-height: 130%;\r\n}\r\n.text_size_md{\r\n    font-size: 14px;\r\n    line-height: 140%;\r\n}\r\n.text_error{\r\n    color: red;\r\n}\r\n.title_sm{\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n}\r\n.title_md{\r\n    font-weight: 600;\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n}\r\n.title_lg{\r\n    font-weight: bold;\r\n    font-size: 32px;\r\n    line-height: 48px;\r\n}\r\n.title_xxl{\r\n    font-weight: bold;\r\n    font-size: 48px;\r\n    line-height: 64px;\r\n}\r\n.cursor_pointer{\r\n    cursor: pointer;\r\n}\r\n.cursor_default{\r\n    cursor: default;\r\n}\r\nbutton{\r\n    outline: none;\r\n    user-select: none;\r\n\r\n    transition: background-color 0.2s;\r\n}\r\n.button{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    outline: none;\r\n}\r\n.button_main{\r\n    background-color: var(--button-background);\r\n    color: var(--button-color);\r\n}\r\n.button_main:focus{\r\n    background-color: var(--button-background-active);\r\n}\r\n.button_main:active{\r\n    background-color: var(--button-background-active);\r\n}\r\n.button_white{\r\n    background-color: var(--white);\r\n    color: var(--main);\r\n}\r\n.button_sm{\r\n    height: 30px;\r\n    width: 130px;\r\n}\r\n.button_shadow{\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);\r\n}\r\n.button_lg{\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n\r\n    padding: 12px 0;\r\n    height: 50px;\r\n    width: 200px;\r\n}\r\n.button_disabled{\r\n    background-color: var(--gray-1);\r\n}\r\n.button_resolve{\r\n    background-color: var(--main);\r\n    color: var(--white);\r\n    border-radius: 2px;\r\n}\r\n.button_reject{\r\n    border: 1px solid var(--color-dark);\r\n    border-radius: 2px;\r\n}\r\n.button_md{\r\n    height: 30px;\r\n    padding: 0 10px;\r\n\r\n    min-width: 80px;\r\n}\r\n.button_disabled{\r\n    background-color: var(--button-disabled-background-color);\r\n    cursor: pointer !important;\r\n}\r\n*{\r\n\r\n\r\n\r\n}\r\n.color_main,\r\n.color__text_main{\r\n    color: var(--main);\r\n}\r\n.color__text_black{\r\n    color: var(--black-1);\r\n}\r\n.color__text_gray{\r\n    color: var(--text-gray);\r\n}\r\n.color__text_red,\r\n.color_red{\r\n    color: var(--red);\r\n}\r\n.color__text_white{\r\n    color: var(--white);\r\n}\r\n.background_orange{\r\n    background-color: var(--orange)\r\n}\r\n.background_red{\r\n    background-color: var(--red)\r\n}\r\n.color_dark{\r\n    color: var(--dark);\r\n}\r\n.color_light{\r\n    color: var(--light);\r\n}\r\n.move-vertical-enter-active,\r\n.move-vertical-leave-active {\r\n    transition: transform 0.5s ease;\r\n}\r\n.move-vertical-enter-from,\r\n.move-vertical-leave-to {\r\n   transform: translateY(-10px);\r\n}\r\n.move-horizontal-enter-active,\r\n.move-horizontal-leave-active {\r\n    transition: transform 0.5s;\r\n}\r\n.move-horizontal-enter-from,\r\n.move-horizontal-leave-to {\r\n    transform: translateX(-40px);\r\n}\r\n.modal-vertical-enter-active , .modal-vertical-leave-active, .modal-default {\r\n    transition: transform var(--medium);\r\n}\r\n.modal-vertical-enter-active .modal-default, .modal-vertical-leave-active .modal-default{\r\n    transform: translateY(-100px);\r\n}\r\n.move-vertical-fast-enter-active,\r\n.move-vertical-fast-leave-active {\r\n    transition: transform var(--fast) ease;\r\n}\r\n.move-vertical-fast-enter-from,\r\n.move-vertical-fast-leave-to {\r\n    transform: translateY(-20px);\r\n}\r\n.slide-up-enter-active,\r\n.slide-up-leave-active {\r\n    transition: transform var(--fast) ease;\r\n}\r\n.slide-up-enter-from,\r\n.slide-up-leave-to {\r\n    transform: translateY(20px);\r\n}\r\n.opacity-enter-active,\r\n.opacity-leave-active {\r\n    transition: opacity var(--fast) ease;\r\n}\r\n.opacity-enter-from,\r\n.opacity-leave-to {\r\n    opacity: 0;\r\n}\r\n.modal-default{\r\n    background-color: var(--white);\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    width: auto;\r\n\r\n    background: var(--white);\r\n    border-radius: var(--border-radius);\r\n\r\n\r\n}\r\n.modal-default__head{\r\n    background-color: var(--black-1);\r\n    text-align: center;\r\n    padding: 5px 0;\r\n    border-radius: 6px 6px 0 0;\r\n}\r\n.modal-default__body{\r\n    gap: 20px;\r\n    padding: 0 15px;\r\n}\r\n.modal-default__foot{\r\n    padding: 30px 0;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n.tooltip-help-elem{}\r\n.hint-tooltip{\r\n    display: block;\r\n\r\n    z-index: 222;\r\n    margin: auto;\r\n    pointer-events: none;\r\n\r\n    box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);\r\n}\r\n.tooltip-help-circle-in,\r\n.tooltip-help-circle-out{\r\n    border-radius: 50%;\r\n}\r\n.tooltip-help-undefined{\r\n    border-radius: 50px;\r\n}\r\n.tooltip-card{\r\n    position: fixed;\r\n    z-index: 315;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    width: 480px;\r\n    height: fit-content;\r\n\r\n    margin: auto;\r\n\r\n    border-radius: 10px;\r\n    background-color: var(--hint-background);\r\n\r\n    cursor: default;\r\n}\r\n.tooltip-card__foot{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    background-color: var(--hint-background-navigation);\r\n    border-radius: 10px;\r\n\r\n    padding: 20px ;\r\n}\r\n.tooltip-card__foot-current{\r\n    font-weight: 600;\r\n    font-size: 20px;\r\n    line-height: 24px;\r\n\r\n    color: var(--white);\r\n}\r\n.tooltip-card__body{\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 8px;\r\n\r\n    padding: 20px 20px 10px 20px;\r\n}\r\n.tooltip-card__body-title{\r\n    font-weight: bold;\r\n    font-size: 20px;\r\n    line-height: 24px;\r\n\r\n    color: var(--white);\r\n}\r\n.tooltip-card__body-text{\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n\r\n    color: var(--white);\r\n}\r\n.tooltip-card__foot-button_back{\r\n    background-color: var(--main-1);\r\n}\r\n.tooltip-card__foot-button_next{\r\n    background-color: var(--hint);\r\n}\r\n.tooltip-card__body-close{\r\n    position: absolute;\r\n    right: 22px;\r\n    top: 12px;\r\n    width: 20px;\r\n    height: 16px;\r\n    opacity: 0.3;\r\n\r\n    cursor: pointer;\r\n}\r\n.tooltip-card__body-close:hover {\r\n    opacity: 1;\r\n}\r\n.tooltip-card__body-close:before,\r\n.tooltip-card__body-close:after {\r\n    position: absolute;\r\n    left: 15px;\r\n    content: ' ';\r\n    height: 21px;\r\n    width: 2px;\r\n    background-color: white;\r\n}\r\n.tooltip-card__body-close:before {\r\n    transform: rotate(45deg);\r\n}\r\n.tooltip-card__body-close:after {\r\n    transform: rotate(-45deg);\r\n}\r\n.tooltip-card-container-wrap{\r\n    pointer-events: none;\r\n    position: absolute;\r\n    left: 0;\r\n    top:0;\r\n\r\n    z-index: 123132;\r\n\r\n    height: 100%;\r\n    width: 100%;\r\n}\r\n.tooltip-card-container-wrap>div{\r\n\r\n    height: 100%;\r\n    width: 100%;\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.tester-box-tooltip{\r\n    pointer-events: all;\r\n}\r\n.position_relative{\r\n    position: relative;\r\n}\r\n.position_absolute{\r\n    position: absolute;\r\n}\r\n.gap_5{\r\n    gap: 5px;\r\n}\r\n.gap_10{\r\n    gap: 10px;\r\n}\r\n.gap_20{\r\n    gap: 20px;\r\n}\r\n.margin-0{\r\n    margin: 0;\r\n}\r\n.widget-input{\r\n\tbackground-color: var(--input-background);\r\n\tborder: var(--input-border);\r\n\tborder-radius: var(--input-border-radius);\r\n\tcolor: var(--input-color);\r\n}\r\n.widget-input:disabled{\r\n\tbackground-color: var(--input-background-disabled);\r\n\tborder: var(--input-border-disabled);\r\n}\r\n.widget-input[error=\"true\"] {\r\n\tborder: var(--input-border-error);\r\n}\r\n.widget-input::placeholder{\r\n\tcolor: var(--input-placeholder-color);\r\n}\r\n.widget-input:disabled::placeholder{\r\n\tcolor: var(--input-placeholder-color-disabled);\r\n}\r\n.input_error{\r\n\tborder: 1px solid red !important;\r\n}\r\n.input_size_md{\r\n\theight: var(--input-height);\r\n}\r\n.input-title{\r\n\tfont-size: 12px;\r\n\tline-height: 16px;\r\n\tcolor: #667085;\r\n\r\n\tmargin: 4px 0;\r\n}\r\n.widget-table{\r\n    border-collapse: collapse;\r\n}\r\n.widget-table_mini{\r\n\r\n}\r\n.widget-table_mini p{\r\n    margin: 0;\r\n}\r\n.list-cell-link>a{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0;\r\n    z-index: 1;\r\n    height: 100%;\r\n    width: 100%;\r\n\r\n    cursor: pointer;\r\n}\r\n.list-cell-link>p{\r\n    font-weight: 500;\r\n}\r\n.widget-table__cell{\r\n    padding: 0 20px;\r\n    font-weight: 400;\r\n    font-size: 14px;\r\n    line-height: 19px;\r\n\r\n    color: #4F4F4F;\r\n}\r\n";
+var css_248z$e = "*{\r\n    --extra-fast    :0.1s;\r\n    --fast          :0.2s;\r\n    --medium        :0.3s;\r\n\r\n    box-sizing: border-box;\r\n    --primary: #3949ab\r\n}\r\nhtml, body, #app{\r\n    height: 100%;\r\n}\r\nbody{\r\n    margin: 0;\r\n}\r\nul{\r\n    text-align: left;\r\n}\r\n.flex{\r\n    display: flex;\r\n}\r\n.flex_column{\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.flex_center{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.flex_full{\r\n    flex-grow: 1;\r\n}\r\n.grid{\r\n    display: grid;\r\n}\r\n.link{\r\n    text-decoration: var(--link-decoration);\r\n    color: var(--link-color);\r\n}\r\n.link_hover-underline:hover,\r\n.link_hover_underline:hover{\r\n    text-decoration: underline;\r\n}\r\n.link_full{\r\n    position: absolute;\r\n    height: 100%;\r\n    width: 100%;\r\n    left: 0;\r\n    top:0;\r\n}\r\n.text_sm{\r\n    font-weight: 400;\r\n    font-size: 12px;\r\n    line-height: 16px;\r\n}\r\n.text_md{\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n}\r\n.text_lg{\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n}\r\n.text_size_xxl{\r\n    font-size: 18px;\r\n    line-height: 25px;\r\n}\r\n.text_center{\r\n    text-align: center;\r\n}\r\n.text_bold{\r\n    font-weight: 600;\r\n}\r\n.text_nowrap{\r\n    white-space: nowrap;\r\n}\r\n.text_right{\r\n    text-align: right;\r\n}\r\n.text_center{\r\n    text-align: center;\r\n}\r\n.text_size_sm{\r\n    font-size: 12px;\r\n    line-height: 130%;\r\n}\r\n.text_size_md{\r\n    font-size: 14px;\r\n    line-height: 140%;\r\n}\r\n.text_error{\r\n    color: red;\r\n}\r\n.title_sm{\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n}\r\n.title_md{\r\n    font-weight: 600;\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n}\r\n.title_lg{\r\n    font-weight: bold;\r\n    font-size: 32px;\r\n    line-height: 48px;\r\n}\r\n.title_xxl{\r\n    font-weight: bold;\r\n    font-size: 48px;\r\n    line-height: 64px;\r\n}\r\n.cursor_pointer{\r\n    cursor: pointer;\r\n}\r\n.cursor_default{\r\n    cursor: default;\r\n}\r\nbutton{\r\n    outline: none;\r\n    user-select: none;\r\n\r\n    transition: background-color 0.2s;\r\n}\r\n.button{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    outline: none;\r\n}\r\n.button_main{\r\n    background-color: var(--button-background);\r\n    color: var(--button-color);\r\n}\r\n.button_main:focus{\r\n    background-color: var(--button-background-active);\r\n}\r\n.button_main:active{\r\n    background-color: var(--button-background-active);\r\n}\r\n.button_white{\r\n    background-color: var(--white);\r\n    color: var(--main);\r\n}\r\n.button_sm{\r\n    height: 30px;\r\n    width: 130px;\r\n}\r\n.button_shadow{\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);\r\n}\r\n.button_lg{\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n\r\n    padding: 12px 0;\r\n    height: 50px;\r\n    width: 200px;\r\n}\r\n.button_disabled{\r\n    background-color: var(--gray-1);\r\n}\r\n.button_resolve{\r\n    background-color: var(--main);\r\n    color: var(--white);\r\n    border-radius: 2px;\r\n}\r\n.button_reject{\r\n    border: 1px solid var(--color-dark);\r\n    border-radius: 2px;\r\n}\r\n.button_md{\r\n    height: 30px;\r\n    padding: 0 10px;\r\n\r\n    min-width: 80px;\r\n}\r\n.button_disabled{\r\n    background-color: var(--button-disabled-background-color);\r\n    cursor: pointer !important;\r\n}\r\n*{\r\n\r\n\r\n\r\n}\r\n.color_main,\r\n.color__text_main{\r\n    color: var(--main);\r\n}\r\n.color__text_black{\r\n    color: var(--black-1);\r\n}\r\n.color__text_gray{\r\n    color: var(--text-gray);\r\n}\r\n.color__text_red,\r\n.color_red{\r\n    color: var(--red);\r\n}\r\n.color__text_white{\r\n    color: var(--white);\r\n}\r\n.background_orange{\r\n    background-color: var(--orange)\r\n}\r\n.background_red{\r\n    background-color: var(--red)\r\n}\r\n.color_dark{\r\n    color: var(--dark);\r\n}\r\n.color_light{\r\n    color: var(--light);\r\n}\r\n.move-vertical-enter-active,\r\n.move-vertical-leave-active {\r\n    transition: transform 0.5s ease;\r\n}\r\n.move-vertical-enter-from,\r\n.move-vertical-leave-to {\r\n   transform: translateY(-10px);\r\n}\r\n.move-horizontal-enter-active,\r\n.move-horizontal-leave-active {\r\n    transition: transform 0.5s;\r\n}\r\n.move-horizontal-enter-from,\r\n.move-horizontal-leave-to {\r\n    transform: translateX(-40px);\r\n}\r\n.modal-vertical-enter-active , .modal-vertical-leave-active, .modal-default {\r\n    transition: transform var(--medium);\r\n}\r\n.modal-vertical-enter-active .modal-default, .modal-vertical-leave-active .modal-default{\r\n    transform: translateY(-100px);\r\n}\r\n.move-vertical-fast-enter-active,\r\n.move-vertical-fast-leave-active {\r\n    transition: transform var(--fast) ease;\r\n}\r\n.move-vertical-fast-enter-from,\r\n.move-vertical-fast-leave-to {\r\n    transform: translateY(-20px);\r\n}\r\n.slide-up-enter-active,\r\n.slide-up-leave-active {\r\n    transition: transform var(--fast) ease, opacity var(--fast);\r\n\r\n}\r\n.slide-up-enter-from,\r\n.slide-up-leave-to {\r\n    transform: translateY(20px);\r\n    opacity: 0;\r\n}\r\n.opacity-enter-active,\r\n.opacity-leave-active {\r\n    transition: opacity var(--fast) ease;\r\n}\r\n.opacity-enter-from,\r\n.opacity-leave-to {\r\n    opacity: 0;\r\n}\r\n.modal-default{\r\n    background-color: var(--white);\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    width: auto;\r\n\r\n    background: var(--white);\r\n    border-radius: var(--border-radius);\r\n\r\n\r\n}\r\n.modal-default__head{\r\n    background-color: var(--black-1);\r\n    text-align: center;\r\n    padding: 5px 0;\r\n    border-radius: 6px 6px 0 0;\r\n}\r\n.modal-default__body{\r\n    gap: 20px;\r\n    padding: 0 15px;\r\n}\r\n.modal-default__foot{\r\n    padding: 30px 0;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n.tooltip-help-elem{}\r\n.hint-tooltip{\r\n    display: block;\r\n\r\n    z-index: 222;\r\n    margin: auto;\r\n    pointer-events: none;\r\n\r\n    box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);\r\n}\r\n.tooltip-help-circle-in,\r\n.tooltip-help-circle-out{\r\n    border-radius: 50%;\r\n}\r\n.tooltip-help-undefined{\r\n    border-radius: 50px;\r\n}\r\n.tooltip-card{\r\n    position: fixed;\r\n    z-index: 315;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    width: 480px;\r\n    height: fit-content;\r\n\r\n    margin: auto;\r\n\r\n    border-radius: 10px;\r\n    background-color: var(--hint-background);\r\n\r\n    cursor: default;\r\n}\r\n.tooltip-card__foot{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    background-color: var(--hint-background-navigation);\r\n    border-radius: 10px;\r\n\r\n    padding: 20px ;\r\n}\r\n.tooltip-card__foot-current{\r\n    font-weight: 600;\r\n    font-size: 20px;\r\n    line-height: 24px;\r\n\r\n    color: var(--white);\r\n}\r\n.tooltip-card__body{\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 8px;\r\n\r\n    padding: 20px 20px 10px 20px;\r\n}\r\n.tooltip-card__body-title{\r\n    font-weight: bold;\r\n    font-size: 20px;\r\n    line-height: 24px;\r\n\r\n    color: var(--white);\r\n}\r\n.tooltip-card__body-text{\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n\r\n    color: var(--white);\r\n}\r\n.tooltip-card__foot-button_back{\r\n    background-color: var(--main-1);\r\n}\r\n.tooltip-card__foot-button_next{\r\n    background-color: var(--hint);\r\n}\r\n.tooltip-card__body-close{\r\n    position: absolute;\r\n    right: 22px;\r\n    top: 12px;\r\n    width: 20px;\r\n    height: 16px;\r\n    opacity: 0.3;\r\n\r\n    cursor: pointer;\r\n}\r\n.tooltip-card__body-close:hover {\r\n    opacity: 1;\r\n}\r\n.tooltip-card__body-close:before,\r\n.tooltip-card__body-close:after {\r\n    position: absolute;\r\n    left: 15px;\r\n    content: ' ';\r\n    height: 21px;\r\n    width: 2px;\r\n    background-color: white;\r\n}\r\n.tooltip-card__body-close:before {\r\n    transform: rotate(45deg);\r\n}\r\n.tooltip-card__body-close:after {\r\n    transform: rotate(-45deg);\r\n}\r\n.tooltip-card-container-wrap{\r\n    pointer-events: none;\r\n    position: absolute;\r\n    left: 0;\r\n    top:0;\r\n\r\n    z-index: 123132;\r\n\r\n    height: 100%;\r\n    width: 100%;\r\n}\r\n.tooltip-card-container-wrap>div{\r\n\r\n    height: 100%;\r\n    width: 100%;\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.tester-box-tooltip{\r\n    pointer-events: all;\r\n}\r\n.position_relative{\r\n    position: relative;\r\n}\r\n.position_absolute{\r\n    position: absolute;\r\n}\r\n.gap_5{\r\n    gap: 5px;\r\n}\r\n.gap_10{\r\n    gap: 10px;\r\n}\r\n.gap_20{\r\n    gap: 20px;\r\n}\r\n.margin-0{\r\n    margin: 0;\r\n}\r\n.widget-input{\r\n\tbackground-color: var(--input-background);\r\n\tborder: var(--input-border);\r\n\tborder-radius: var(--input-border-radius);\r\n\tcolor: var(--input-color);\r\n}\r\n.widget-input:disabled{\r\n\tbackground-color: var(--input-background-disabled);\r\n\tborder: var(--input-border-disabled);\r\n}\r\n.widget-input[error=\"true\"] {\r\n\tborder: var(--input-border-error);\r\n}\r\n.widget-input::placeholder{\r\n\tcolor: var(--input-placeholder-color);\r\n}\r\n.widget-input:disabled::placeholder{\r\n\tcolor: var(--input-placeholder-color-disabled);\r\n}\r\n.input_error{\r\n\tborder: 1px solid red !important;\r\n}\r\n.input_size_md{\r\n\theight: var(--input-height);\r\n}\r\n.input-title{\r\n\tfont-size: 12px;\r\n\tline-height: 16px;\r\n\tcolor: #667085;\r\n\r\n\tmargin: 4px 0;\r\n}\r\n.widget-table{\r\n    border-collapse: collapse;\r\n}\r\n.widget-table_mini{\r\n\r\n}\r\n.widget-table_mini p{\r\n    margin: 0;\r\n}\r\n.list-cell-link>a{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0;\r\n    z-index: 1;\r\n    height: 100%;\r\n    width: 100%;\r\n\r\n    cursor: pointer;\r\n}\r\n.list-cell-link>p{\r\n    font-weight: 500;\r\n}\r\n.widget-table__cell{\r\n    padding: 0 20px;\r\n    font-weight: 400;\r\n    font-size: 14px;\r\n    line-height: 19px;\r\n\r\n    color: #4F4F4F;\r\n}\r\n";
 styleInject(css_248z$e);
 
 const _hoisted_1$e = { class: "container-navigation-row" };
 const _hoisted_2$9 = { class: "navigation-row__title text_size_md" };
-const _hoisted_3$5 = {
+const _hoisted_3$6 = {
     key: 0,
     class: "navigation-row-children"
 };
@@ -4677,15 +4677,44 @@ var script$e = /*#__PURE__*/ vue.defineComponent({
             emits('toggle');
         }
         const router = vueRouter.useRouter();
-        const route = vueRouter.useRoute();
-        const activeByRoute = vue.computed(() => new RegExp(props.record.activeMatch || props.record.link).test(route.path));
+        vueRouter.useRoute();
+        /**
+         * @description Function check NavigationRecordRow and return true if current
+         * route is matched with row.link
+         * */
+        const checkRow = (row) => {
+            const currentPath = router.currentRoute.value.path;
+            try {
+                const resolved = router.resolve(row.link);
+                return resolved.path === currentPath;
+            }
+            catch (e) {
+                console.log("+", row);
+            }
+            return false;
+        };
+        /**
+         * @description Checking array of NavigationRecordRow, return true, if current
+         * route is matched or one of the children row is matched
+         * */
+        function checkChildren(children) {
+            for (let i = 0; i < children.length; i++) {
+                const row = children[i];
+                if (checkRow(row))
+                    return true;
+                if (row.children && checkChildren(row.children))
+                    return true;
+            }
+            return false;
+        }
+        const activeRow = vue.computed(() => checkChildren([props.record]));
         return (_ctx, _cache) => {
             var _a, _b;
             return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
                 vue.createElementVNode("div", {
                     class: vue.normalizeClass(["navigation-row", {
                             'navigation-row_bold': (_a = __props.record.children) === null || _a === void 0 ? void 0 : _a.length,
-                            'navigation-row_active': vue.unref(activeByRoute),
+                            'navigation-row_active': vue.unref(activeRow),
                         }]),
                     onClick: _cache[0] || (_cache[0] = ($event) => (activateRecord()))
                 }, [
@@ -4697,13 +4726,13 @@ var script$e = /*#__PURE__*/ vue.defineComponent({
                     ((_b = __props.record.children) === null || _b === void 0 ? void 0 : _b.length)
                         ? (vue.openBlock(), vue.createBlock(script$R, {
                             key: 0,
-                            class: vue.normalizeClass([{ 'navigation-row__toggle_active': vue.unref(activeByRoute) }, "navigation-row__toggle"]),
+                            class: vue.normalizeClass([{ 'navigation-row__toggle_active': vue.unref(activeRow) }, "navigation-row__toggle"]),
                             name: "angle-right"
                         }, null, 8 /* PROPS */, ["class"]))
                         : vue.createCommentVNode("v-if", true)
                 ], 2 /* CLASS */),
-                (vue.unref(activeByRoute))
-                    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, [
+                (vue.unref(activeRow))
+                    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, [
                         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.record.children, (elem, index) => {
                             return (vue.openBlock(), vue.createBlock(script$e, {
                                 key: index,
@@ -4723,465 +4752,6 @@ styleInject(css_248z$d);
 script$e.__scopeId = "data-v-476fe206";
 script$e.__file = "core/widgets/interface/interface-navigation-row.vue";
 
-var objectHash = {exports: {}};
-
-(function (module, exports) {
-
-var crypto = require$$0__default["default"];
-
-/**
- * Exported function
- *
- * Options:
- *
- *  - `algorithm` hash algo to be used by this instance: *'sha1', 'md5'
- *  - `excludeValues` {true|*false} hash object keys, values ignored
- *  - `encoding` hash encoding, supports 'buffer', '*hex', 'binary', 'base64'
- *  - `ignoreUnknown` {true|*false} ignore unknown object types
- *  - `replacer` optional function that replaces values before hashing
- *  - `respectFunctionProperties` {*true|false} consider function properties when hashing
- *  - `respectFunctionNames` {*true|false} consider 'name' property of functions for hashing
- *  - `respectType` {*true|false} Respect special properties (prototype, constructor)
- *    when hashing to distinguish between types
- *  - `unorderedArrays` {true|*false} Sort all arrays before hashing
- *  - `unorderedSets` {*true|false} Sort `Set` and `Map` instances before hashing
- *  * = default
- *
- * @param {object} object value to hash
- * @param {object} options hashing options
- * @return {string} hash value
- * @api public
- */
-exports = module.exports = objectHash;
-
-function objectHash(object, options){
-  options = applyDefaults(object, options);
-
-  return hash(object, options);
-}
-
-/**
- * Exported sugar methods
- *
- * @param {object} object value to hash
- * @return {string} hash value
- * @api public
- */
-exports.sha1 = function(object){
-  return objectHash(object);
-};
-exports.keys = function(object){
-  return objectHash(object, {excludeValues: true, algorithm: 'sha1', encoding: 'hex'});
-};
-exports.MD5 = function(object){
-  return objectHash(object, {algorithm: 'md5', encoding: 'hex'});
-};
-exports.keysMD5 = function(object){
-  return objectHash(object, {algorithm: 'md5', encoding: 'hex', excludeValues: true});
-};
-
-// Internals
-var hashes = crypto.getHashes ? crypto.getHashes().slice() : ['sha1', 'md5'];
-hashes.push('passthrough');
-var encodings = ['buffer', 'hex', 'binary', 'base64'];
-
-function applyDefaults(object, sourceOptions){
-  sourceOptions = sourceOptions || {};
-
-  // create a copy rather than mutating
-  var options = {};
-  options.algorithm = sourceOptions.algorithm || 'sha1';
-  options.encoding = sourceOptions.encoding || 'hex';
-  options.excludeValues = sourceOptions.excludeValues ? true : false;
-  options.algorithm = options.algorithm.toLowerCase();
-  options.encoding = options.encoding.toLowerCase();
-  options.ignoreUnknown = sourceOptions.ignoreUnknown !== true ? false : true; // default to false
-  options.respectType = sourceOptions.respectType === false ? false : true; // default to true
-  options.respectFunctionNames = sourceOptions.respectFunctionNames === false ? false : true;
-  options.respectFunctionProperties = sourceOptions.respectFunctionProperties === false ? false : true;
-  options.unorderedArrays = sourceOptions.unorderedArrays !== true ? false : true; // default to false
-  options.unorderedSets = sourceOptions.unorderedSets === false ? false : true; // default to false
-  options.unorderedObjects = sourceOptions.unorderedObjects === false ? false : true; // default to true
-  options.replacer = sourceOptions.replacer || undefined;
-  options.excludeKeys = sourceOptions.excludeKeys || undefined;
-
-  if(typeof object === 'undefined') {
-    throw new Error('Object argument required.');
-  }
-
-  // if there is a case-insensitive match in the hashes list, accept it
-  // (i.e. SHA256 for sha256)
-  for (var i = 0; i < hashes.length; ++i) {
-    if (hashes[i].toLowerCase() === options.algorithm.toLowerCase()) {
-      options.algorithm = hashes[i];
-    }
-  }
-
-  if(hashes.indexOf(options.algorithm) === -1){
-    throw new Error('Algorithm "' + options.algorithm + '"  not supported. ' +
-      'supported values: ' + hashes.join(', '));
-  }
-
-  if(encodings.indexOf(options.encoding) === -1 &&
-     options.algorithm !== 'passthrough'){
-    throw new Error('Encoding "' + options.encoding + '"  not supported. ' +
-      'supported values: ' + encodings.join(', '));
-  }
-
-  return options;
-}
-
-/** Check if the given function is a native function */
-function isNativeFunction(f) {
-  if ((typeof f) !== 'function') {
-    return false;
-  }
-  var exp = /^function\s+\w*\s*\(\s*\)\s*{\s+\[native code\]\s+}$/i;
-  return exp.exec(Function.prototype.toString.call(f)) != null;
-}
-
-function hash(object, options) {
-  var hashingStream;
-
-  if (options.algorithm !== 'passthrough') {
-    hashingStream = crypto.createHash(options.algorithm);
-  } else {
-    hashingStream = new PassThrough();
-  }
-
-  if (typeof hashingStream.write === 'undefined') {
-    hashingStream.write = hashingStream.update;
-    hashingStream.end   = hashingStream.update;
-  }
-
-  var hasher = typeHasher(options, hashingStream);
-  hasher.dispatch(object);
-  if (!hashingStream.update) {
-    hashingStream.end('');
-  }
-
-  if (hashingStream.digest) {
-    return hashingStream.digest(options.encoding === 'buffer' ? undefined : options.encoding);
-  }
-
-  var buf = hashingStream.read();
-  if (options.encoding === 'buffer') {
-    return buf;
-  }
-
-  return buf.toString(options.encoding);
-}
-
-/**
- * Expose streaming API
- *
- * @param {object} object  Value to serialize
- * @param {object} options  Options, as for hash()
- * @param {object} stream  A stream to write the serializiation to
- * @api public
- */
-exports.writeToStream = function(object, options, stream) {
-  if (typeof stream === 'undefined') {
-    stream = options;
-    options = {};
-  }
-
-  options = applyDefaults(object, options);
-
-  return typeHasher(options, stream).dispatch(object);
-};
-
-function typeHasher(options, writeTo, context){
-  context = context || [];
-  var write = function(str) {
-    if (writeTo.update) {
-      return writeTo.update(str, 'utf8');
-    } else {
-      return writeTo.write(str, 'utf8');
-    }
-  };
-
-  return {
-    dispatch: function(value){
-      if (options.replacer) {
-        value = options.replacer(value);
-      }
-
-      var type = typeof value;
-      if (value === null) {
-        type = 'null';
-      }
-
-      //console.log("[DEBUG] Dispatch: ", value, "->", type, " -> ", "_" + type);
-
-      return this['_' + type](value);
-    },
-    _object: function(object) {
-      var pattern = (/\[object (.*)\]/i);
-      var objString = Object.prototype.toString.call(object);
-      var objType = pattern.exec(objString);
-      if (!objType) { // object type did not match [object ...]
-        objType = 'unknown:[' + objString + ']';
-      } else {
-        objType = objType[1]; // take only the class name
-      }
-
-      objType = objType.toLowerCase();
-
-      var objectNumber = null;
-
-      if ((objectNumber = context.indexOf(object)) >= 0) {
-        return this.dispatch('[CIRCULAR:' + objectNumber + ']');
-      } else {
-        context.push(object);
-      }
-
-      if (typeof Buffer !== 'undefined' && Buffer.isBuffer && Buffer.isBuffer(object)) {
-        write('buffer:');
-        return write(object);
-      }
-
-      if(objType !== 'object' && objType !== 'function' && objType !== 'asyncfunction') {
-        if(this['_' + objType]) {
-          this['_' + objType](object);
-        } else if (options.ignoreUnknown) {
-          return write('[' + objType + ']');
-        } else {
-          throw new Error('Unknown object type "' + objType + '"');
-        }
-      }else {
-        var keys = Object.keys(object);
-        if (options.unorderedObjects) {
-          keys = keys.sort();
-        }
-        // Make sure to incorporate special properties, so
-        // Types with different prototypes will produce
-        // a different hash and objects derived from
-        // different functions (`new Foo`, `new Bar`) will
-        // produce different hashes.
-        // We never do this for native functions since some
-        // seem to break because of that.
-        if (options.respectType !== false && !isNativeFunction(object)) {
-          keys.splice(0, 0, 'prototype', '__proto__', 'constructor');
-        }
-
-        if (options.excludeKeys) {
-          keys = keys.filter(function(key) { return !options.excludeKeys(key); });
-        }
-
-        write('object:' + keys.length + ':');
-        var self = this;
-        return keys.forEach(function(key){
-          self.dispatch(key);
-          write(':');
-          if(!options.excludeValues) {
-            self.dispatch(object[key]);
-          }
-          write(',');
-        });
-      }
-    },
-    _array: function(arr, unordered){
-      unordered = typeof unordered !== 'undefined' ? unordered :
-        options.unorderedArrays !== false; // default to options.unorderedArrays
-
-      var self = this;
-      write('array:' + arr.length + ':');
-      if (!unordered || arr.length <= 1) {
-        return arr.forEach(function(entry) {
-          return self.dispatch(entry);
-        });
-      }
-
-      // the unordered case is a little more complicated:
-      // since there is no canonical ordering on objects,
-      // i.e. {a:1} < {a:2} and {a:1} > {a:2} are both false,
-      // we first serialize each entry using a PassThrough stream
-      // before sorting.
-      // also: we can’t use the same context array for all entries
-      // since the order of hashing should *not* matter. instead,
-      // we keep track of the additions to a copy of the context array
-      // and add all of them to the global context array when we’re done
-      var contextAdditions = [];
-      var entries = arr.map(function(entry) {
-        var strm = new PassThrough();
-        var localContext = context.slice(); // make copy
-        var hasher = typeHasher(options, strm, localContext);
-        hasher.dispatch(entry);
-        // take only what was added to localContext and append it to contextAdditions
-        contextAdditions = contextAdditions.concat(localContext.slice(context.length));
-        return strm.read().toString();
-      });
-      context = context.concat(contextAdditions);
-      entries.sort();
-      return this._array(entries, false);
-    },
-    _date: function(date){
-      return write('date:' + date.toJSON());
-    },
-    _symbol: function(sym){
-      return write('symbol:' + sym.toString());
-    },
-    _error: function(err){
-      return write('error:' + err.toString());
-    },
-    _boolean: function(bool){
-      return write('bool:' + bool.toString());
-    },
-    _string: function(string){
-      write('string:' + string.length + ':');
-      write(string.toString());
-    },
-    _function: function(fn){
-      write('fn:');
-      if (isNativeFunction(fn)) {
-        this.dispatch('[native]');
-      } else {
-        this.dispatch(fn.toString());
-      }
-
-      if (options.respectFunctionNames !== false) {
-        // Make sure we can still distinguish native functions
-        // by their name, otherwise String and Function will
-        // have the same hash
-        this.dispatch("function-name:" + String(fn.name));
-      }
-
-      if (options.respectFunctionProperties) {
-        this._object(fn);
-      }
-    },
-    _number: function(number){
-      return write('number:' + number.toString());
-    },
-    _xml: function(xml){
-      return write('xml:' + xml.toString());
-    },
-    _null: function() {
-      return write('Null');
-    },
-    _undefined: function() {
-      return write('Undefined');
-    },
-    _regexp: function(regex){
-      return write('regex:' + regex.toString());
-    },
-    _uint8array: function(arr){
-      write('uint8array:');
-      return this.dispatch(Array.prototype.slice.call(arr));
-    },
-    _uint8clampedarray: function(arr){
-      write('uint8clampedarray:');
-      return this.dispatch(Array.prototype.slice.call(arr));
-    },
-    _int8array: function(arr){
-      write('int8array:');
-      return this.dispatch(Array.prototype.slice.call(arr));
-    },
-    _uint16array: function(arr){
-      write('uint16array:');
-      return this.dispatch(Array.prototype.slice.call(arr));
-    },
-    _int16array: function(arr){
-      write('int16array:');
-      return this.dispatch(Array.prototype.slice.call(arr));
-    },
-    _uint32array: function(arr){
-      write('uint32array:');
-      return this.dispatch(Array.prototype.slice.call(arr));
-    },
-    _int32array: function(arr){
-      write('int32array:');
-      return this.dispatch(Array.prototype.slice.call(arr));
-    },
-    _float32array: function(arr){
-      write('float32array:');
-      return this.dispatch(Array.prototype.slice.call(arr));
-    },
-    _float64array: function(arr){
-      write('float64array:');
-      return this.dispatch(Array.prototype.slice.call(arr));
-    },
-    _arraybuffer: function(arr){
-      write('arraybuffer:');
-      return this.dispatch(new Uint8Array(arr));
-    },
-    _url: function(url) {
-      return write('url:' + url.toString());
-    },
-    _map: function(map) {
-      write('map:');
-      var arr = Array.from(map);
-      return this._array(arr, options.unorderedSets !== false);
-    },
-    _set: function(set) {
-      write('set:');
-      var arr = Array.from(set);
-      return this._array(arr, options.unorderedSets !== false);
-    },
-    _file: function(file) {
-      write('file:');
-      return this.dispatch([file.name, file.size, file.type, file.lastModfied]);
-    },
-    _blob: function() {
-      if (options.ignoreUnknown) {
-        return write('[blob]');
-      }
-
-      throw Error('Hashing Blob objects is currently not supported\n' +
-        '(see https://github.com/puleos/object-hash/issues/26)\n' +
-        'Use "options.replacer" or "options.ignoreUnknown"\n');
-    },
-    _domwindow: function() { return write('domwindow'); },
-    _bigint: function(number){
-      return write('bigint:' + number.toString());
-    },
-    /* Node.js standard native objects */
-    _process: function() { return write('process'); },
-    _timer: function() { return write('timer'); },
-    _pipe: function() { return write('pipe'); },
-    _tcp: function() { return write('tcp'); },
-    _udp: function() { return write('udp'); },
-    _tty: function() { return write('tty'); },
-    _statwatcher: function() { return write('statwatcher'); },
-    _securecontext: function() { return write('securecontext'); },
-    _connection: function() { return write('connection'); },
-    _zlib: function() { return write('zlib'); },
-    _context: function() { return write('context'); },
-    _nodescript: function() { return write('nodescript'); },
-    _httpparser: function() { return write('httpparser'); },
-    _dataview: function() { return write('dataview'); },
-    _signal: function() { return write('signal'); },
-    _fsevent: function() { return write('fsevent'); },
-    _tlswrap: function() { return write('tlswrap'); },
-  };
-}
-
-// Mini-implementation of stream.PassThrough
-// We are far from having need for the full implementation, and we can
-// make assumptions like "many writes, then only one final read"
-// and we can ignore encoding specifics
-function PassThrough() {
-  return {
-    buf: '',
-
-    write: function(b) {
-      this.buf += b;
-    },
-
-    end: function(b) {
-      this.buf += b;
-    },
-
-    read: function() {
-      return this.buf;
-    }
-  };
-}
-}(objectHash, objectHash.exports));
-
-var hash = objectHash.exports;
-
 const _hoisted_1$d = { class: "" };
 var script$d = /*#__PURE__*/ vue.defineComponent({
     props: {
@@ -5194,7 +4764,7 @@ var script$d = /*#__PURE__*/ vue.defineComponent({
          * объекта.
          * */
         const parsedConfig = vue.computed(() => props.config.map(elem => {
-            return Object.assign(Object.assign({}, elem), { hash: hash(elem).toString() });
+            return Object.assign(Object.assign({}, elem), { hash: hash__default["default"](elem).toString() });
         }));
         vue.reactive({
             activeRow: null
@@ -5248,7 +4818,7 @@ script$c.__file = "core/widgets/interface/user-popup-link.vue";
 
 const _hoisted_1$b = { class: "widget-popup" };
 const _hoisted_2$7 = { class: "popup-current-context popup-section" };
-const _hoisted_3$4 = ["src"];
+const _hoisted_3$5 = ["src"];
 const _hoisted_4$4 = { class: "popup-current-context__info" };
 const _hoisted_5$4 = { class: "info-title text_bold text_md info-paragraph" };
 const _hoisted_6$4 = { class: "info-id info-paragraph" };
@@ -5270,7 +4840,7 @@ var script$b = /*#__PURE__*/ vue.defineComponent({
                         class: "popup-current-context__avatar",
                         src: __props.photo,
                         alt: "avatar"
-                    }, null, 8 /* PROPS */, _hoisted_3$4),
+                    }, null, 8 /* PROPS */, _hoisted_3$5),
                     vue.createElementVNode("div", _hoisted_4$4, [
                         vue.createElementVNode("p", _hoisted_5$4, vue.toDisplayString(__props.email), 1 /* TEXT */),
                         vue.createElementVNode("p", _hoisted_6$4, "ID: " + vue.toDisplayString(__props.id), 1 /* TEXT */)
@@ -5298,8 +4868,9 @@ styleInject(css_248z$b);
 script$b.__scopeId = "data-v-0c550206";
 script$b.__file = "core/widgets/interface/interface-user-popup.vue";
 
-const _hoisted_1$a = { class: "user-card-name text_md text_bold" };
-const _hoisted_2$6 = ["src"];
+const _hoisted_1$a = { class: "position_relative" };
+const _hoisted_2$6 = { class: "user-card-name text_md text_bold" };
+const _hoisted_3$4 = ["src"];
 var script$a = /*#__PURE__*/ vue.defineComponent({
     props: {
         name: { type: String, required: true },
@@ -5318,17 +4889,17 @@ var script$a = /*#__PURE__*/ vue.defineComponent({
                 });
         });
         return (_ctx, _cache) => {
-            return (vue.openBlock(), vue.createElementBlock("div", null, [
+            return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
                 vue.createElementVNode("div", {
                     class: "user-card",
                     onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => (active.value = !active.value), ["stop"]))
                 }, [
-                    vue.createElementVNode("p", _hoisted_1$a, vue.toDisplayString(__props.name), 1 /* TEXT */),
+                    vue.createElementVNode("p", _hoisted_2$6, vue.toDisplayString(__props.name), 1 /* TEXT */),
                     vue.createElementVNode("img", {
                         class: "user-card-image",
                         src: __props.photo,
                         alt: "user-logo"
-                    }, null, 8 /* PROPS */, _hoisted_2$6)
+                    }, null, 8 /* PROPS */, _hoisted_3$4)
                 ]),
                 vue.createVNode(vue.Transition, { name: "slide-up" }, {
                     default: vue.withCtx(() => [
@@ -5358,7 +4929,7 @@ var script$a = /*#__PURE__*/ vue.defineComponent({
     }
 });
 
-var css_248z$a = "\n.user-card[data-v-610b1eb4]{\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        gap: 15px;\r\n        padding: 0 35px 0 0;\r\n        height: 100%;\r\n        user-select: none;\r\n        cursor: pointer;\n}\n.user-card-name[data-v-610b1eb4]{\r\n        color: white;\n}\n.user-card-image[data-v-610b1eb4]{\r\n        height: 40px;\r\n        width: 40px;\r\n        object-fit: cover;\r\n\r\n        border-radius: 50%;\n}\n.user-card__popup[data-v-610b1eb4]{\r\n        position: absolute;\r\n        right: 0;\n}\r\n";
+var css_248z$a = "\n.user-card[data-v-610b1eb4]{\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        gap: 15px;\r\n        padding: 0 35px 0 0;\r\n        height: 100%;\r\n        user-select: none;\r\n        cursor: pointer;\n}\n.user-card-name[data-v-610b1eb4]{\r\n        color: white;\n}\n.user-card-image[data-v-610b1eb4]{\r\n        height: 40px;\r\n        width: 40px;\r\n        object-fit: cover;\r\n\r\n        border-radius: 50%;\n}\n.user-card__popup[data-v-610b1eb4]{\r\n        position: absolute;\r\n        right: 0;\r\n        min-width: 250px;\n}\r\n";
 styleInject(css_248z$a);
 
 script$a.__scopeId = "data-v-610b1eb4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eservices-core",
-  "version": "1.0.310",
+  "version": "1.0.313",
   "description": "----",
   "author": "",
   "scripts": {
@@ -16,9 +16,9 @@
   "main": "dist/index.js",
   "dependencies": {
     "@rollup/plugin-commonjs": "^21.0.1",
+    "bencode": "^2.0.3",
     "date-and-time": "^2.0.1",
     "jenesius-event-emitter": "^1.0.4",
-    "object-hash": "^3.0.0",
     "rollup-plugin-styles": "^4.0.0",
     "rollup-plugin-typescript2": "^0.31.1",
     "socket.io": "^4.4.1",
@@ -30,6 +30,7 @@
     "@babel/preset-typescript": "^7.16.5",
     "@rollup/plugin-node-resolve": "^13.1.3",
     "@rollup/plugin-typescript": "^8.3.0",
+    "@types/bencode": "^2.0.1",
     "@types/date-and-time": "^0.13.0",
     "@types/jest": "^24.9.1",
     "@types/object-hash": "^2.2.1",
@@ -40,6 +41,7 @@
     "@vue/test-utils": "^2.0.0-rc.18",
     "babel-jest": "26.6.3",
     "jenesius-vue-modal": "^1.4.7",
+    "object-hash": "^3.0.0",
     "postcss-import": "^14.0.2",
     "rollup-plugin-filesize": "^9.1.2",
     "rollup-plugin-import-css": "^3.0.2",