eservices-core 1.0.312 → 1.0.315

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
-  * eservices-core v1.0.312
+  * eservices-core v1.0.315
   * (c) 2022 ESERVICES
   */
 'use strict';
@@ -411,13 +411,13 @@ const _hoisted_2$w = {
   key: 0,
   class: "input-title"
 };
-const _hoisted_3$n = {
+const _hoisted_3$o = {
   key: 0,
   class: "input-title_required"
 };
 const _hoisted_4$g = ["disabled", "error"];
 const _hoisted_5$c = ["type", "placeholder", "disabled", "error", "value"];
-const _hoisted_6$8 = {
+const _hoisted_6$7 = {
   key: 1,
   class: "input-text__error text_sm"
 };
@@ -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),
@@ -462,7 +462,7 @@ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
           ]))
         : vue.createCommentVNode("v-if", true),
       (_ctx.errorMessage)
-        ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$8, vue.toDisplayString(_ctx.errorMessage), 1 /* TEXT */))
+        ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$7, vue.toDisplayString(_ctx.errorMessage), 1 /* TEXT */))
         : vue.createCommentVNode("v-if", true)
     ], 8 /* PROPS */, _hoisted_4$g)
   ]))
@@ -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"
 };
@@ -581,7 +581,7 @@ const _hoisted_5$b = {
   key: 0,
   class: "input-select-value"
 };
-const _hoisted_6$7 = {
+const _hoisted_6$6 = {
   key: 1,
   class: "current-placeholder text_md"
 };
@@ -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),
@@ -612,7 +612,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
       vue.createElementVNode("div", _hoisted_4$f, [
         (!(_ctx.value === undefined || _ctx.value === null))
           ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$b, vue.toDisplayString($options.titleValue), 1 /* TEXT */))
-          : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$7, vue.toDisplayString(_ctx.placeholder), 1 /* TEXT */)),
+          : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$6, vue.toDisplayString(_ctx.placeholder), 1 /* TEXT */)),
         (!(_ctx.disabled || _ctx.isInsideDisabled))
           ? (vue.openBlock(), vue.createBlock(_component_icon, {
               key: 2,
@@ -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,13 +1341,13 @@ 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,
     class: "form-container-label"
 };
-const _hoisted_6$6 = { class: "form-label__title text_size_sm" };
+const _hoisted_6$5 = { class: "form-label__title text_size_sm" };
 var script$D = /*#__PURE__*/ vue.defineComponent({
     props: {
         title: { type: String, required: true },
@@ -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)
@@ -1370,7 +1370,7 @@ var script$D = /*#__PURE__*/ vue.defineComponent({
                                 class: "form-label__icon",
                                 name: __props.label.icon
                             }, null, 8 /* PROPS */, ["name"]),
-                            vue.createElementVNode("p", _hoisted_6$6, vue.toDisplayString(__props.label.title), 1 /* TEXT */)
+                            vue.createElementVNode("p", _hoisted_6$5, vue.toDisplayString(__props.label.title), 1 /* TEXT */)
                         ], 2 /* CLASS */)
                     ]))
                     : vue.createCommentVNode("v-if", true)
@@ -1407,10 +1407,10 @@ 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 = {
+const _hoisted_6$4 = {
     key: 0,
     class: "button__size-progress"
 };
@@ -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",
@@ -1456,7 +1456,7 @@ var script$B = /*#__PURE__*/ vue.defineComponent({
                     ], 2 /* CLASS */),
                     vue.createElementVNode("div", _hoisted_5$8, [
                         (vue.unref(pw).wait)
-                            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5, [
+                            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$4, [
                                 vue.createVNode(script$C, { class: "button-spinner" })
                             ]))
                             : (__props.array && __props.array.length > 1)
@@ -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)
@@ -3270,8 +3270,22 @@ class dataService {
             return result.data;
         });
     }
-    static readById(entity, id) {
-        return Request(`/close-api/data/entities/${entity}/id/${id}`, {
+    /**
+     * @description Reading entity's data by id.
+     * @param {String} entity Entity name in the singular.
+     * @param {Number} id Entity id.
+     * @param {Object} options
+     * @param {String | String[]} options.fields String or Array of String. Contains input names.
+     */
+    static readById(entity, id, options = {}) {
+        const query = new URLSearchParams();
+        if (options.fields) {
+            let fields = options.fields;
+            if (typeof fields === 'string')
+                fields = [fields];
+            query.append('fields', fields.join(' '));
+        }
+        return Request(`/close-api/data/entities/${entity}/id/${id}?${query.toString()}`, {
             method: 'GET',
             headers: {
                 'Content-Type': 'application/json'
@@ -3916,7 +3930,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 +3956,7 @@ var script$k = /*#__PURE__*/ vue.defineComponent({
                         class: "table-controller__icon",
                         name: "plus"
                     }),
-                    _hoisted_3$9
+                    _hoisted_3$a
                 ])
             ]));
         };
@@ -3972,14 +3986,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 +4288,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 +4298,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 +4376,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 +4669,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 +4691,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 +4740,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,
@@ -4789,10 +4832,10 @@ 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" };
+const _hoisted_6$3 = { class: "info-id info-paragraph" };
 const _hoisted_7 = { class: "flex_column popup-section" };
 var script$b = /*#__PURE__*/ vue.defineComponent({
     props: {
@@ -4811,10 +4854,10 @@ 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 */)
+                        vue.createElementVNode("p", _hoisted_6$3, "ID: " + vue.toDisplayString(__props.id), 1 /* TEXT */)
                     ])
                 ]),
                 vue.createElementVNode("div", _hoisted_7, [
@@ -4839,8 +4882,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 },
@@ -4859,17 +4903,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(() => [
@@ -4899,7 +4943,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;\r\n        z-index: 5;\n}\r\n";
 styleInject(css_248z$a);
 
 script$a.__scopeId = "data-v-610b1eb4";
@@ -4940,11 +4984,10 @@ script$9.__file = "core/widgets/interface/interface-header.vue";
 
 const _withScopeId$3 = n => (vue.pushScopeId("data-v-378f75d5"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$8 = { class: "interface-container" };
-const _hoisted_2$4 = { class: "interface-container__logotype" };
-const _hoisted_3$3 = ["src"];
-const _hoisted_4$3 = { class: "interface-local-nav" };
-const _hoisted_5$3 = /*#__PURE__*/ _withScopeId$3(() => /*#__PURE__*/ vue.createElementVNode("span", null, "Menu", -1 /* HOISTED */));
-const _hoisted_6$3 = { class: "interface-container-content" };
+const _hoisted_2$4 = ["src"];
+const _hoisted_3$3 = { class: "interface-local-nav" };
+const _hoisted_4$3 = /*#__PURE__*/ _withScopeId$3(() => /*#__PURE__*/ vue.createElementVNode("span", null, "Menu", -1 /* HOISTED */));
+const _hoisted_5$3 = { class: "interface-container-content" };
 var script$8 = /*#__PURE__*/ vue.defineComponent({
     props: {
         nav: { type: Array, required: true },
@@ -4959,13 +5002,21 @@ var script$8 = /*#__PURE__*/ vue.defineComponent({
         // If true on mobile devices navigation will be showed
         const mobileNavigationActive = vue.ref(false);
         return (_ctx, _cache) => {
+            const _component_router_link = vue.resolveComponent("router-link");
             return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
-                vue.createElementVNode("div", _hoisted_2$4, [
-                    vue.createElementVNode("img", {
-                        src: __props.logotype,
-                        alt: "logotype"
-                    }, null, 8 /* PROPS */, _hoisted_3$3)
-                ]),
+                vue.createVNode(_component_router_link, {
+                    to: "/",
+                    tag: "div",
+                    class: "interface-container__logotype"
+                }, {
+                    default: vue.withCtx(() => [
+                        vue.createElementVNode("img", {
+                            src: __props.logotype,
+                            alt: "logotype"
+                        }, null, 8 /* PROPS */, _hoisted_2$4)
+                    ]),
+                    _: 1 /* STABLE */
+                }),
                 vue.createVNode(script$9, {
                     userId: __props.userId,
                     userName: __props.userName,
@@ -4974,7 +5025,7 @@ var script$8 = /*#__PURE__*/ vue.defineComponent({
                     popup: __props.popup
                 }, null, 8 /* PROPS */, ["userId", "userName", "userEmail", "user-photo", "popup"]),
                 vue.createCommentVNode("Mobile navigation toggle"),
-                vue.createElementVNode("div", _hoisted_4$3, [
+                vue.createElementVNode("div", _hoisted_3$3, [
                     vue.createElementVNode("button", {
                         class: "menu",
                         onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => (mobileNavigationActive.value = !mobileNavigationActive.value), ["stop"]))
@@ -4983,7 +5034,7 @@ var script$8 = /*#__PURE__*/ vue.defineComponent({
                             class: "menu-icon",
                             name: "menu-burger"
                         }),
-                        _hoisted_5$3
+                        _hoisted_4$3
                     ])
                 ]),
                 vue.createVNode(vue.Transition, { name: "opacity" }, {
@@ -5004,7 +5055,7 @@ var script$8 = /*#__PURE__*/ vue.defineComponent({
                             'interface-navigation-mobile_active': mobileNavigationActive.value
                         }])
                 }, null, 8 /* PROPS */, ["config", "class"]),
-                vue.createElementVNode("div", _hoisted_6$3, [
+                vue.createElementVNode("div", _hoisted_5$3, [
                     vue.renderSlot(_ctx.$slots, "default")
                 ])
             ]));
@@ -5012,7 +5063,7 @@ var script$8 = /*#__PURE__*/ vue.defineComponent({
     }
 });
 
-var css_248z$8 = "\n.interface-container[data-v-378f75d5]{\r\n        height: 100%;\r\n\r\n        display: grid;\r\n        grid-template-rows: 60px 1fr;\r\n        grid-template-columns: 250px 1fr;\n}\n.interface-container__logotype[data-v-378f75d5]{\r\n        display: grid;\r\n        place-content: center;\r\n        background-color: var(--primary);\n}\n.interface-local-nav[data-v-378f75d5]{\r\n        display: none;\n}\n.interface-navigation[data-v-378f75d5]{\r\n        background-color: white;\n}\n@media screen and (max-width: 768px){\n.interface-container[data-v-378f75d5]{\r\n            height: 100%;\r\n\r\n            display: grid;\r\n            grid-template-rows: 60px 60px 1fr;\r\n            grid-template-columns: 140px 1fr;\n}\n.interface-navigation[data-v-378f75d5]{\r\n            position: fixed;\r\n            height: 100%;\r\n            min-width: 250px;\r\n            z-index: 2;\r\n            opacity: 0;\r\n            transform: translate(-100%);\r\n\r\n            transition: opacity var(--fast), transform var(--fast);\n}\n.interface-navigation-mobile_active[data-v-378f75d5]{\r\n            opacity: 1;\r\n            transform: translate(0);\n}\n.interface-backdrop[data-v-378f75d5]{\r\n            position: fixed;\r\n            top: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            left: 0;\r\n            z-index: 1;\r\n            background: rgba(0,0,0,.6);\r\n            transition: opacity .5s;\n}\n.interface-local-nav[data-v-378f75d5]{\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 10px 0;\r\n            grid-column: 1/3;\n}\n.interface-container-content[data-v-378f75d5]{\r\n            grid-column: 1/3;\n}\n.menu[data-v-378f75d5] {\r\n            border: 0;\r\n            background-color: transparent;\n}\n.menu-icon[data-v-378f75d5]{\r\n            margin-right: 10px;\n}\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n";
+var css_248z$8 = "\n.interface-container[data-v-378f75d5]{\r\n        height: 100%;\r\n\r\n        display: grid;\r\n        grid-template-rows: 60px 1fr;\r\n        grid-template-columns: 250px 1fr;\n}\n.interface-container__logotype[data-v-378f75d5]{\r\n        display: grid;\r\n        place-content: center;\r\n        background-color: var(--primary);\n}\n.interface-local-nav[data-v-378f75d5]{\r\n        display: none;\n}\n.interface-navigation[data-v-378f75d5]{\r\n        background-color: white;\n}\n.interface-container-content[data-v-378f75d5] {\r\n        overflow: auto;\n}\n@media screen and (max-width: 768px){\n.interface-container[data-v-378f75d5]{\r\n            height: 100%;\r\n\r\n            display: grid;\r\n            grid-template-rows: 60px 60px 1fr;\r\n            grid-template-columns: 140px 1fr;\n}\n.interface-navigation[data-v-378f75d5]{\r\n            position: fixed;\r\n            height: 100%;\r\n            min-width: 250px;\r\n            z-index: 2;\r\n            opacity: 0;\r\n            transform: translate(-100%);\r\n\r\n            transition: opacity var(--fast), transform var(--fast);\n}\n.interface-navigation-mobile_active[data-v-378f75d5]{\r\n            opacity: 1;\r\n            transform: translate(0);\n}\n.interface-backdrop[data-v-378f75d5]{\r\n            position: fixed;\r\n            top: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            left: 0;\r\n            z-index: 1;\r\n            background: rgba(0,0,0,.6);\r\n            transition: opacity .5s;\n}\n.interface-local-nav[data-v-378f75d5]{\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 10px 0;\r\n            grid-column: 1/3;\n}\n.interface-container-content[data-v-378f75d5]{\r\n            grid-column: 1/3;\n}\n.menu[data-v-378f75d5] {\r\n            border: 0;\r\n            background-color: transparent;\n}\n.menu-icon[data-v-378f75d5]{\r\n            margin-right: 10px;\n}\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n";
 styleInject(css_248z$8);
 
 script$8.__scopeId = "data-v-378f75d5";

package/dist/services/data-service.d.ts

@@ -48,7 +48,16 @@ export default class dataService {
     static delete(entity: string, id: number): Promise<void>;
     static test(): Promise<Response>;
     static read(entity: string, keys: string, options: ReadOptions): Promise<ReadResponse>;
-    static readById(entity: string, id: number): Promise<any>;
+    /**
+     * @description Reading entity's data by id.
+     * @param {String} entity Entity name in the singular.
+     * @param {Number} id Entity id.
+     * @param {Object} options
+     * @param {String | String[]} options.fields String or Array of String. Contains input names.
+     */
+    static readById(entity: string, id: number, options?: {
+        fields?: string | string[];
+    }): Promise<any>;
     static updateById(entity: string, id: number, values: ValuesInterface, options?: UpdateOptions): Promise<any>;
     static getEnum(name: string): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eservices-core",
-  "version": "1.0.312",
+  "version": "1.0.315",
   "description": "----",
   "author": "",
   "scripts": {
@@ -41,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",