eservices-core 1.0.370 → 1.0.371
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* eservices-core v1.0.
|
|
2
|
+
* eservices-core v1.0.371
|
|
3
3
|
* (c) 2022 ESERVICES
|
|
4
4
|
*/
|
|
5
5
|
'use strict';
|
|
@@ -18,7 +18,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
18
18
|
var dateAndTime__default = /*#__PURE__*/_interopDefaultLegacy(dateAndTime);
|
|
19
19
|
var hash__default = /*#__PURE__*/_interopDefaultLegacy(hash);
|
|
20
20
|
|
|
21
|
-
var script$
|
|
21
|
+
var script$13 = {
|
|
22
22
|
props: {
|
|
23
23
|
name: String
|
|
24
24
|
},
|
|
@@ -37,7 +37,7 @@ var script$11 = {
|
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
39
|
|
|
40
|
-
script$
|
|
40
|
+
script$13.__file = "core/widgets/icons/Icon.vue";
|
|
41
41
|
|
|
42
42
|
function validPassword(a, b) {
|
|
43
43
|
return (!!a && a === b) || "password is not equal";
|
|
@@ -308,8 +308,8 @@ function modifiersInput$1(input, array = []) {
|
|
|
308
308
|
|
|
309
309
|
|
|
310
310
|
|
|
311
|
-
var script$
|
|
312
|
-
components: {Icon: script$
|
|
311
|
+
var script$12 = {
|
|
312
|
+
components: {Icon: script$13},
|
|
313
313
|
props: {
|
|
314
314
|
modify: {
|
|
315
315
|
type: Function,
|
|
@@ -380,8 +380,8 @@ function modifiersInput$1(input, array = []) {
|
|
|
380
380
|
name: "InputText"
|
|
381
381
|
};
|
|
382
382
|
|
|
383
|
-
const _hoisted_1$
|
|
384
|
-
const _hoisted_2$
|
|
383
|
+
const _hoisted_1$X = { class: "input-wrap" };
|
|
384
|
+
const _hoisted_2$E = {
|
|
385
385
|
key: 0,
|
|
386
386
|
class: "input-title"
|
|
387
387
|
};
|
|
@@ -396,12 +396,12 @@ const _hoisted_6$8 = {
|
|
|
396
396
|
class: "input-text__error text_sm"
|
|
397
397
|
};
|
|
398
398
|
|
|
399
|
-
function render$
|
|
399
|
+
function render$o(_ctx, _cache, $props, $setup, $data, $options) {
|
|
400
400
|
const _component_icon = vue.resolveComponent("icon");
|
|
401
401
|
|
|
402
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
402
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
|
|
403
403
|
(_ctx.title)
|
|
404
|
-
? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$
|
|
404
|
+
? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$E, [
|
|
405
405
|
vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1 /* TEXT */),
|
|
406
406
|
(_ctx.required)
|
|
407
407
|
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$v, "*"))
|
|
@@ -469,53 +469,53 @@ function styleInject(css, ref) {
|
|
|
469
469
|
}
|
|
470
470
|
}
|
|
471
471
|
|
|
472
|
-
var css_248z$
|
|
473
|
-
styleInject(css_248z$
|
|
472
|
+
var css_248z$_ = "\n.input-text-container[data-v-02a6a8ce]{\r\n position: relative;\r\n\r\n height: var(--input-height);\r\n width: 100%;\r\n\r\n background-color: var(--input-background-color);\r\n border: var(--input-border);\r\n border-radius: var(--input-border-radius);\n}\n.input-text-container[data-v-02a6a8ce]:focus-within{\r\n outline: var(--input-border-active);\n}\n.input-text__error[data-v-02a6a8ce]{\r\n position: absolute;\r\n margin: 0;\r\n top: 100%;\n}\n.input-text[data-v-02a6a8ce]{\r\n width: 100%;\r\n height: 100%;\r\n padding: 0 10px;\r\n\r\n background-color: transparent;\r\n border: 0;\r\n color: var(--input-color);\r\n font-size: var(--input-font-size);\r\n outline: none;\n}\n.input-text[data-v-02a6a8ce]::placeholder{\r\n color: var(--input-placeholder-color);\n}\n.input-text-container[disabled=\"true\"][data-v-02a6a8ce]{\r\n background-color: var(--input-background-color-disabled);\r\n border: var(--input-border-disabled);\n}\n.input-text-container[error=\"true\"][data-v-02a6a8ce]{\r\n border: var(--input-border-error);\n}\n.input-text__password[data-v-02a6a8ce]{\r\n padding: 0 6px;\r\n display: flex;\r\n align-items: center;\n}\n.input-title[data-v-02a6a8ce]{\r\n font-size: 12px;\r\n line-height: 16px;\r\n color: #667085;\r\n\r\n margin: 4px 0;\n}\n.input-title_required[data-v-02a6a8ce],\r\n .input-text__error[data-v-02a6a8ce]{\r\n color: red;\n}\r\n";
|
|
473
|
+
styleInject(css_248z$_);
|
|
474
474
|
|
|
475
|
-
script$
|
|
476
|
-
script$
|
|
477
|
-
script$
|
|
475
|
+
script$12.render = render$o;
|
|
476
|
+
script$12.__scopeId = "data-v-02a6a8ce";
|
|
477
|
+
script$12.__file = "core/widgets/inputs/default-style/InputText.vue";
|
|
478
478
|
|
|
479
|
-
var script
|
|
479
|
+
var script$11 = {
|
|
480
480
|
mixins: [MixinInput],
|
|
481
481
|
name: "InputToggle"
|
|
482
482
|
};
|
|
483
483
|
|
|
484
|
-
function render$
|
|
484
|
+
function render$n(_ctx, _cache, $props, $setup, $data, $options) {
|
|
485
485
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
486
486
|
class: vue.normalizeClass(["input__toggle widget-input", {active: _ctx.value, disabled: _ctx.disabled || _ctx.isInsideDisabled}]),
|
|
487
487
|
onClick: _cache[0] || (_cache[0] = $event => (_ctx.input(!_ctx.value)))
|
|
488
488
|
}, null, 2 /* CLASS */))
|
|
489
489
|
}
|
|
490
490
|
|
|
491
|
-
var css_248z$
|
|
492
|
-
styleInject(css_248z$
|
|
491
|
+
var css_248z$Z = "\n.input__toggle[data-v-b8171d80]{\r\n position: relative;\r\n width: 40px;\r\n height: 20px;\r\n\r\n background-color: var(--input-toggle-background-color);\r\n border-radius: var(--input-toggle-border-radius);\r\n\r\n cursor: pointer;\r\n\r\n transition: var(--fast);\r\n\t\tborder: var(--input-toggle-border);\n}\n.input__toggle[data-v-b8171d80]:before{\r\n content: \"\";\r\n position: absolute;\r\n\r\n top: 0;\r\n bottom: 0;\r\n margin: auto;\r\n\r\n left: 3px;\r\n height: 14px;\r\n width: 14px;\r\n border-radius: var(--input-toggle-round-radius);\r\n\r\n background-color: var(--input-toggle-round-background-color);\r\n\r\n transition: var(--transition-fast);\n}\n.input__toggle.active[data-v-b8171d80]{\r\n background-color: var(--input-toggle-background-color-active);\n}\n.input__toggle.active[data-v-b8171d80]:before{\r\n transform: translateX(20px);\n}\n.input__toggle.disabled[data-v-b8171d80]{\r\n background-color: var(--input-disabled-background-color);\r\n border: var(--input-disabled-border);\n}\n.input__toggle.disabled[data-v-b8171d80]:before{\r\n background-color: var(--gray-1) ;\n}\n.input__toggle.disabled[data-v-b8171d80]{\r\n cursor: auto;\n}\r\n\r\n";
|
|
492
|
+
styleInject(css_248z$Z);
|
|
493
493
|
|
|
494
|
-
script
|
|
495
|
-
script
|
|
496
|
-
script
|
|
494
|
+
script$11.render = render$n;
|
|
495
|
+
script$11.__scopeId = "data-v-b8171d80";
|
|
496
|
+
script$11.__file = "core/widgets/inputs/default-style/InputToggle.vue";
|
|
497
497
|
|
|
498
|
-
var script$
|
|
498
|
+
var script$10 = {
|
|
499
499
|
props: ["isActive", "title"],
|
|
500
500
|
name: "FragmentInputSelectItem"
|
|
501
501
|
};
|
|
502
502
|
|
|
503
|
-
const _hoisted_1$
|
|
503
|
+
const _hoisted_1$W = { class: "item-wrap" };
|
|
504
504
|
|
|
505
|
-
function render$
|
|
506
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
505
|
+
function render$m(_ctx, _cache, $props, $setup, $data, $options) {
|
|
506
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
|
|
507
507
|
vue.createElementVNode("p", {
|
|
508
508
|
class: vue.normalizeClass(["input-select__item cursor_pointer", {active: $props.isActive}])
|
|
509
509
|
}, vue.toDisplayString($props.title), 3 /* TEXT, CLASS */)
|
|
510
510
|
]))
|
|
511
511
|
}
|
|
512
512
|
|
|
513
|
-
var css_248z$
|
|
514
|
-
styleInject(css_248z$
|
|
513
|
+
var css_248z$Y = "\n.item-wrap[data-v-1edd33aa]{\r\n display: flex;\r\n align-items: center;\n}\n.input-select__item[data-v-1edd33aa]{\r\n margin: 0;\r\n\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n\r\n color: var(--text-black);\r\n transition: var(--fast);\r\n\r\n font-size: 14px;\r\n line-height: 19px;\r\n font-weight: normal;\n}\n.input-select__item.active[data-v-1edd33aa]{\r\n background-color: var(--main);\r\n color:var(--text-white);\n}\r\n\r\n";
|
|
514
|
+
styleInject(css_248z$Y);
|
|
515
515
|
|
|
516
|
-
script$
|
|
517
|
-
script$
|
|
518
|
-
script$
|
|
516
|
+
script$10.render = render$m;
|
|
517
|
+
script$10.__scopeId = "data-v-1edd33aa";
|
|
518
|
+
script$10.__file = "core/widgets/inputs/default-style/FragmentInputSelectItem.vue";
|
|
519
519
|
|
|
520
520
|
function clickOutside(element, callback) {
|
|
521
521
|
if (!element)
|
|
@@ -534,7 +534,7 @@ function clickOutside(element, callback) {
|
|
|
534
534
|
}
|
|
535
535
|
}
|
|
536
536
|
|
|
537
|
-
var script
|
|
537
|
+
var script$$ = {
|
|
538
538
|
data: () => ({
|
|
539
539
|
isActive: false
|
|
540
540
|
}),
|
|
@@ -563,13 +563,13 @@ var script$Z = {
|
|
|
563
563
|
|
|
564
564
|
}
|
|
565
565
|
},
|
|
566
|
-
components: {Icon: script$
|
|
566
|
+
components: {Icon: script$13, FragmentInputSelectItem: script$10},
|
|
567
567
|
mixins: [MixinInput],
|
|
568
568
|
name: "InputSelect"
|
|
569
569
|
};
|
|
570
570
|
|
|
571
|
-
const _hoisted_1$
|
|
572
|
-
const _hoisted_2$
|
|
571
|
+
const _hoisted_1$V = { class: "input-wrap" };
|
|
572
|
+
const _hoisted_2$D = {
|
|
573
573
|
key: 0,
|
|
574
574
|
class: "input-title"
|
|
575
575
|
};
|
|
@@ -592,13 +592,13 @@ const _hoisted_8 = {
|
|
|
592
592
|
class: "input-text__error position_absolute margin-0 text_sm color__text_red"
|
|
593
593
|
};
|
|
594
594
|
|
|
595
|
-
function render$
|
|
595
|
+
function render$l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
596
596
|
const _component_icon = vue.resolveComponent("icon");
|
|
597
597
|
const _component_fragment_input_select_item = vue.resolveComponent("fragment-input-select-item");
|
|
598
598
|
|
|
599
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
599
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
|
|
600
600
|
(_ctx.title)
|
|
601
|
-
? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$
|
|
601
|
+
? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$D, [
|
|
602
602
|
vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1 /* TEXT */),
|
|
603
603
|
(_ctx.required)
|
|
604
604
|
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$u, "*"))
|
|
@@ -646,12 +646,12 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
646
646
|
]))
|
|
647
647
|
}
|
|
648
648
|
|
|
649
|
-
var css_248z$
|
|
650
|
-
styleInject(css_248z$
|
|
649
|
+
var css_248z$X = "\n.input-select-container[data-v-740fd6e8]{\r\n position: relative;\r\n width: 100%;\r\n\r\n outline: none;\n}\n.input-select-container.disabled>.input-select-container__current[data-v-740fd6e8]{\r\n background-color: var(--input-background-color-disabled);\n}\n.input-select-container__list[data-v-740fd6e8]{\r\n display: none;\r\n\r\n position: absolute;\r\n top: calc(100% - 5px);\r\n z-index: 100;\r\n padding-top: 4px;\r\n border: 1px solid var(--gray-1);\r\n border-top: 0;\r\n max-height: 250px;\r\n width: 100%;\r\n\r\n overflow: auto;\n}\n.input-select-container.active .input-select-container__list[data-v-740fd6e8]{\r\n display: block;\n}\n.input-select-container.active>.input-select-container__current>img[data-v-740fd6e8]{\r\n transform: rotateZ(-180deg);\n}\n.input-select-container__current[data-v-740fd6e8]{\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n padding: 0 10px 0 0;\r\n border: var(--input-border);\r\n\r\n width: 100%;\r\n\r\n border-radius: var(--input-border-radius);\r\n\r\n cursor: pointer;\r\n\r\n background-color: var(--input-background-color);\n}\n.current-placeholder[data-v-740fd6e8]{\r\n padding: 0 10px;\r\n color: var(--input-placeholder-color)\n}\n.input-select__ico-toggle[data-v-740fd6e8]{\r\n fill: var(--main);\n}\n.input-select-container.error >.input-select-container__current[data-v-740fd6e8]{\r\n border: 1px solid var(--error);\n}\n.input-select-container.active>.input-select-container__current[data-v-740fd6e8]{\r\n outline: var(--input-border-active);\n}\n.input-select-value[data-v-740fd6e8]{\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n margin: 0;\r\n padding: 0 16px;\r\n color: var(--input-color);\n}\r\n\r\n";
|
|
650
|
+
styleInject(css_248z$X);
|
|
651
651
|
|
|
652
|
-
script
|
|
653
|
-
script
|
|
654
|
-
script
|
|
652
|
+
script$$.render = render$l;
|
|
653
|
+
script$$.__scopeId = "data-v-740fd6e8";
|
|
654
|
+
script$$.__file = "core/widgets/inputs/default-style/InputSelect.vue";
|
|
655
655
|
|
|
656
656
|
/******************************************************************************
|
|
657
657
|
Copyright (c) Microsoft Corporation.
|
|
@@ -745,7 +745,7 @@ function ProcessWrap(fn = () => null) {
|
|
|
745
745
|
return wrap;
|
|
746
746
|
}
|
|
747
747
|
|
|
748
|
-
var script$
|
|
748
|
+
var script$_ = vue.defineComponent({
|
|
749
749
|
props: {
|
|
750
750
|
entityName: {
|
|
751
751
|
type: String,
|
|
@@ -774,11 +774,11 @@ var script$Y = vue.defineComponent({
|
|
|
774
774
|
}
|
|
775
775
|
},
|
|
776
776
|
mixins: [MixinInput],
|
|
777
|
-
components: {Icon: script$
|
|
777
|
+
components: {Icon: script$13}
|
|
778
778
|
});
|
|
779
779
|
|
|
780
|
-
const _hoisted_1$
|
|
781
|
-
const _hoisted_2$
|
|
780
|
+
const _hoisted_1$U = { class: "container-input-file" };
|
|
781
|
+
const _hoisted_2$C = {
|
|
782
782
|
key: 0,
|
|
783
783
|
class: "process-info input-file__wait text_size_sm"
|
|
784
784
|
};
|
|
@@ -787,10 +787,10 @@ const _hoisted_3$t = {
|
|
|
787
787
|
class: "process-info input-file__error text_size_sm text_error"
|
|
788
788
|
};
|
|
789
789
|
|
|
790
|
-
function render$
|
|
790
|
+
function render$k(_ctx, _cache, $props, $setup, $data, $options) {
|
|
791
791
|
const _component_icon = vue.resolveComponent("icon");
|
|
792
792
|
|
|
793
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
793
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
|
|
794
794
|
vue.createVNode(_component_icon, {
|
|
795
795
|
name: "plus",
|
|
796
796
|
class: "icon__file-upload"
|
|
@@ -801,7 +801,7 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
801
801
|
onChange: _cache[0] || (_cache[0] = $event => (_ctx.onChange($event.target.files[0])))
|
|
802
802
|
}, null, 32 /* HYDRATE_EVENTS */),
|
|
803
803
|
(_ctx.pw.wait)
|
|
804
|
-
? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$
|
|
804
|
+
? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$C, "Loading..."))
|
|
805
805
|
: vue.createCommentVNode("v-if", true),
|
|
806
806
|
(_ctx.pw.error)
|
|
807
807
|
? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$t, "Error load file"))
|
|
@@ -809,22 +809,22 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
809
809
|
]))
|
|
810
810
|
}
|
|
811
811
|
|
|
812
|
-
var css_248z$
|
|
813
|
-
styleInject(css_248z$
|
|
812
|
+
var css_248z$W = "\n.container-input-file[data-v-d5199524]{\r\n height: var(--input-height);\r\n border: var(--input-border);\r\n background-color: var(--input-background-color);\r\n border-radius: var(--input-border-radius);\r\n\r\n padding: 5px;\r\n display: flex;\r\n align-items: center;\r\n\r\n position: relative;\n}\n.icon__file-upload[data-v-d5199524]{\r\n font-size: 12px;\r\n color: var(--input-color);\n}\n.input-file[data-v-d5199524]{\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n z-index: 500;\r\n\r\n width: 100%;\r\n height: 100%;\r\n\r\n opacity: 0;\r\n cursor: pointer;\n}\n.input-file[data-v-d5199524]::-webkit-file-upload-button {\r\n visibility: hidden;\n}\n.process-info[data-v-d5199524]{\r\n margin: 4px 0;\n}\r\n";
|
|
813
|
+
styleInject(css_248z$W);
|
|
814
814
|
|
|
815
|
-
script$
|
|
816
|
-
script$
|
|
817
|
-
script$
|
|
815
|
+
script$_.render = render$k;
|
|
816
|
+
script$_.__scopeId = "data-v-d5199524";
|
|
817
|
+
script$_.__file = "core/widgets/inputs/default-style/InputLoadFile.vue";
|
|
818
818
|
|
|
819
819
|
const state = {
|
|
820
820
|
//InputAddress,
|
|
821
|
-
InputText: script$
|
|
822
|
-
InputToggle: script
|
|
823
|
-
InputSelect: script
|
|
824
|
-
InputLoadFile: script$
|
|
821
|
+
InputText: script$12,
|
|
822
|
+
InputToggle: script$11,
|
|
823
|
+
InputSelect: script$$,
|
|
824
|
+
InputLoadFile: script$_,
|
|
825
825
|
};
|
|
826
826
|
|
|
827
|
-
var script$
|
|
827
|
+
var script$Z = {
|
|
828
828
|
props: {
|
|
829
829
|
placeholder: String,
|
|
830
830
|
error: [Boolean, String]
|
|
@@ -837,14 +837,14 @@ var script$X = {
|
|
|
837
837
|
name: "WidgetInputContainer"
|
|
838
838
|
};
|
|
839
839
|
|
|
840
|
-
const _withScopeId$
|
|
841
|
-
const _hoisted_1$
|
|
842
|
-
const _hoisted_2$
|
|
843
|
-
const _hoisted_3$s = /*#__PURE__*/ _withScopeId$
|
|
840
|
+
const _withScopeId$9 = n => (vue.pushScopeId("data-v-3fc725fe"),n=n(),vue.popScopeId(),n);
|
|
841
|
+
const _hoisted_1$T = { class: "widget-input__container" };
|
|
842
|
+
const _hoisted_2$B = { class: "input-container__content" };
|
|
843
|
+
const _hoisted_3$s = /*#__PURE__*/ _withScopeId$9(() => /*#__PURE__*/vue.createElementVNode("div", { class: "widget-input__underline" }, null, -1 /* HOISTED */));
|
|
844
844
|
|
|
845
|
-
function render$
|
|
846
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
847
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
845
|
+
function render$j(_ctx, _cache, $props, $setup, $data, $options) {
|
|
846
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$T, [
|
|
847
|
+
vue.createElementVNode("div", _hoisted_2$B, [
|
|
848
848
|
vue.renderSlot(_ctx.$slots, "default")
|
|
849
849
|
]),
|
|
850
850
|
_hoisted_3$s,
|
|
@@ -857,22 +857,22 @@ function render$h(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
857
857
|
]))
|
|
858
858
|
}
|
|
859
859
|
|
|
860
|
-
var css_248z$
|
|
861
|
-
styleInject(css_248z$
|
|
860
|
+
var css_248z$V = "\n.widget-input__container[data-v-3fc725fe]{\r\n position: relative;\r\n outline: none;\n}\n.widget-input__underline[data-v-3fc725fe]{\r\n height: 2px;\r\n background-color: var(--input-line-color);\n}\n.widget-input__placeholder[data-v-3fc725fe]{\r\n margin: 2px 0 0 0;\r\n color: var(--input-line-placeholder-color);\r\n font-size: var(--input-line-placeholder-font-size);\r\n line-height: var(--input-line-placeholder-line-height);\r\n\r\n user-select: none;\n}\n.widget-input__placeholder_error[data-v-3fc725fe]{\r\n color: var(--error);\n}\n.input-container__content[data-v-3fc725fe]{\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\n}\r\n";
|
|
861
|
+
styleInject(css_248z$V);
|
|
862
862
|
|
|
863
|
-
script$
|
|
864
|
-
script$
|
|
865
|
-
script$
|
|
863
|
+
script$Z.render = render$j;
|
|
864
|
+
script$Z.__scopeId = "data-v-3fc725fe";
|
|
865
|
+
script$Z.__file = "core/widgets/inputs/line-style/WidgetInputContainer.vue";
|
|
866
866
|
|
|
867
|
-
var script$
|
|
868
|
-
components: {Icon: script$
|
|
867
|
+
var script$Y = {
|
|
868
|
+
components: {Icon: script$13, WidgetInputContainer: script$Z},
|
|
869
869
|
mixins: [MixinInput, MixinInputText],
|
|
870
870
|
name: "InputText"
|
|
871
871
|
};
|
|
872
872
|
|
|
873
|
-
const _hoisted_1$
|
|
873
|
+
const _hoisted_1$S = ["type", "value"];
|
|
874
874
|
|
|
875
|
-
function render$
|
|
875
|
+
function render$i(_ctx, _cache, $props, $setup, $data, $options) {
|
|
876
876
|
const _component_icon = vue.resolveComponent("icon");
|
|
877
877
|
const _component_widget_input_container = vue.resolveComponent("widget-input-container");
|
|
878
878
|
|
|
@@ -887,7 +887,7 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
887
887
|
value: _ctx.value,
|
|
888
888
|
onChange: _cache[0] || (_cache[0] = $event => (_ctx.input($event.target.value))),
|
|
889
889
|
onKeyup: _cache[1] || (_cache[1] = vue.withKeys($event => (_ctx.$emit('enter')), ["enter"]))
|
|
890
|
-
}, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1$
|
|
890
|
+
}, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1$S),
|
|
891
891
|
(_ctx.password)
|
|
892
892
|
? (vue.openBlock(), vue.createElementBlock("div", {
|
|
893
893
|
key: 0,
|
|
@@ -905,15 +905,15 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
905
905
|
}, 8 /* PROPS */, ["placeholder", "error"]))
|
|
906
906
|
}
|
|
907
907
|
|
|
908
|
-
var css_248z$
|
|
909
|
-
styleInject(css_248z$
|
|
908
|
+
var css_248z$U = "\n.input-text[data-v-6ffad664]{\r\n height: 31px;\r\n width: 100%;\r\n border: unset;\r\n outline: unset;\r\n\r\n background-color: transparent;\r\n color: var(--input-line-color);\r\n font-size: var(--input-line-font-size);\n}\n.input-text__password[data-v-6ffad664]{\r\n\t\tpadding: 0 6px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\n}\r\n";
|
|
909
|
+
styleInject(css_248z$U);
|
|
910
910
|
|
|
911
|
-
script$
|
|
912
|
-
script$
|
|
913
|
-
script$
|
|
911
|
+
script$Y.render = render$i;
|
|
912
|
+
script$Y.__scopeId = "data-v-6ffad664";
|
|
913
|
+
script$Y.__file = "core/widgets/inputs/line-style/InputText.vue";
|
|
914
914
|
|
|
915
915
|
var lineStyle = {
|
|
916
|
-
InputText: script$
|
|
916
|
+
InputText: script$Y
|
|
917
917
|
};
|
|
918
918
|
|
|
919
919
|
function modifiersInput(input, array = []) {
|
|
@@ -924,8 +924,8 @@ function modifiersInput(input, array = []) {
|
|
|
924
924
|
return output;
|
|
925
925
|
}
|
|
926
926
|
|
|
927
|
-
var script$
|
|
928
|
-
components: {Icon: script$
|
|
927
|
+
var script$X = vue.defineComponent({
|
|
928
|
+
components: {Icon: script$13},
|
|
929
929
|
props: {
|
|
930
930
|
title: String,
|
|
931
931
|
modify: {
|
|
@@ -997,11 +997,11 @@ function modifiersInput(input, array = []) {
|
|
|
997
997
|
name: "InputText"
|
|
998
998
|
});
|
|
999
999
|
|
|
1000
|
-
const _hoisted_1$
|
|
1000
|
+
const _hoisted_1$R = {
|
|
1001
1001
|
key: 0,
|
|
1002
1002
|
class: "input-title"
|
|
1003
1003
|
};
|
|
1004
|
-
const _hoisted_2$
|
|
1004
|
+
const _hoisted_2$A = {
|
|
1005
1005
|
key: 0,
|
|
1006
1006
|
class: "color__text_red"
|
|
1007
1007
|
};
|
|
@@ -1012,15 +1012,15 @@ const _hoisted_5$e = {
|
|
|
1012
1012
|
class: "input-text__error text_sm color__text_red"
|
|
1013
1013
|
};
|
|
1014
1014
|
|
|
1015
|
-
function render$
|
|
1015
|
+
function render$h(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1016
1016
|
const _component_icon = vue.resolveComponent("icon");
|
|
1017
1017
|
|
|
1018
1018
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
1019
1019
|
(_ctx.title)
|
|
1020
|
-
? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$
|
|
1020
|
+
? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$R, [
|
|
1021
1021
|
vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1 /* TEXT */),
|
|
1022
1022
|
(_ctx.required)
|
|
1023
|
-
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$
|
|
1023
|
+
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$A, "*"))
|
|
1024
1024
|
: vue.createCommentVNode("v-if", true)
|
|
1025
1025
|
]))
|
|
1026
1026
|
: vue.createCommentVNode("v-if", true),
|
|
@@ -1058,15 +1058,15 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1058
1058
|
], 64 /* STABLE_FRAGMENT */))
|
|
1059
1059
|
}
|
|
1060
1060
|
|
|
1061
|
-
var css_248z$
|
|
1062
|
-
styleInject(css_248z$
|
|
1061
|
+
var css_248z$T = "\r\n\r\n /**INPUT-TITLE**/\n.input-title[data-v-8bd17ee0]{\r\n font-size: 12px;\r\n line-height: 16px;\r\n color: #667085;\r\n\r\n margin: 4px 0;\n}\n.input-text-container[data-v-8bd17ee0]{\r\n position: relative;\r\n\r\n height: 32px;\r\n width: 100%;\r\n\r\n background-color: var(--input-background-color);\r\n border: var(--input-border);\r\n border-radius: var(--input-border-radius);\n}\n.input-text-container[data-v-8bd17ee0]:focus-within {\r\n border: var(--input-border-active) !important;\n}\n.input-text__error[data-v-8bd17ee0]{\r\n position: absolute;\r\n margin: 0;\r\n top: 100%;\r\n\r\n text-align: right;\n}\n.input-text[data-v-8bd17ee0]{\r\n width: 100%;\r\n height: 100%;\r\n padding: 0 10px;\r\n\r\n background-color: transparent;\r\n border: 0;\r\n color: var(--input-color);\r\n font-size: var(--input-font-size);\n}\n.input-text[data-v-8bd17ee0]::placeholder{\r\n color: var(--input-placeholder-color);\n}\n.input-text-container[disabled=\"true\"][data-v-8bd17ee0]{\r\n background-color: var(--input-background-disabled);\r\n border: var(--input-border-disabled);\n}\n.input-text-container[error=\"true\"][data-v-8bd17ee0]{\r\n border: var(--input-border-error);\n}\n.input-text__password[data-v-8bd17ee0]{\r\n padding: 0 6px;\r\n display: flex;\r\n align-items: center;\n}\n.input-text[data-v-8bd17ee0]:focus{\r\n border: 0;\r\n outline: 0;\n}\r\n";
|
|
1062
|
+
styleInject(css_248z$T);
|
|
1063
1063
|
|
|
1064
|
-
script$
|
|
1065
|
-
script$
|
|
1066
|
-
script$
|
|
1064
|
+
script$X.render = render$h;
|
|
1065
|
+
script$X.__scopeId = "data-v-8bd17ee0";
|
|
1066
|
+
script$X.__file = "core/widgets/inputs/naomi-style/InputText.vue";
|
|
1067
1067
|
|
|
1068
1068
|
var naomiStyle = {
|
|
1069
|
-
InputText: script$
|
|
1069
|
+
InputText: script$X
|
|
1070
1070
|
};
|
|
1071
1071
|
|
|
1072
1072
|
var inputs = {
|
|
@@ -1075,8 +1075,8 @@ var inputs = {
|
|
|
1075
1075
|
naomi: naomiStyle
|
|
1076
1076
|
};
|
|
1077
1077
|
|
|
1078
|
-
var script$
|
|
1079
|
-
components: {Icon: script$
|
|
1078
|
+
var script$W = {
|
|
1079
|
+
components: {Icon: script$13},
|
|
1080
1080
|
props: {
|
|
1081
1081
|
title: String,
|
|
1082
1082
|
values: [Object, Array, String]
|
|
@@ -1140,13 +1140,13 @@ var script$U = {
|
|
|
1140
1140
|
name: "Button"
|
|
1141
1141
|
};
|
|
1142
1142
|
|
|
1143
|
-
const _hoisted_1$
|
|
1144
|
-
const _hoisted_2$
|
|
1143
|
+
const _hoisted_1$Q = { class: "widget-button-wrap flex" };
|
|
1144
|
+
const _hoisted_2$z = ["onClick"];
|
|
1145
1145
|
|
|
1146
|
-
function render$
|
|
1146
|
+
function render$g(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1147
1147
|
const _component_icon = vue.resolveComponent("icon");
|
|
1148
1148
|
|
|
1149
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1149
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
|
|
1150
1150
|
vue.createElementVNode("div", {
|
|
1151
1151
|
class: vue.normalizeClass(["widget-button flex", {active: $setup.isActive}]),
|
|
1152
1152
|
ref: "button"
|
|
@@ -1167,7 +1167,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1167
1167
|
class: "widget-button__list-elem cursor_pointer",
|
|
1168
1168
|
onClick: $event => (elem.callback(), $setup.toggle(false)),
|
|
1169
1169
|
key: index
|
|
1170
|
-
}, vue.toDisplayString(elem.title), 9 /* TEXT, PROPS */, _hoisted_2$
|
|
1170
|
+
}, vue.toDisplayString(elem.title), 9 /* TEXT, PROPS */, _hoisted_2$z))
|
|
1171
1171
|
}), 128 /* KEYED_FRAGMENT */))
|
|
1172
1172
|
], 4 /* STYLE */),
|
|
1173
1173
|
($setup.array.length > 1)
|
|
@@ -1186,28 +1186,28 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1186
1186
|
]))
|
|
1187
1187
|
}
|
|
1188
1188
|
|
|
1189
|
-
var css_248z$
|
|
1190
|
-
styleInject(css_248z$
|
|
1189
|
+
var css_248z$S = "\n.widget-button-wrap[data-v-734ab152]{\r\n width: fit-content;\r\n outline: none;\r\n\r\n user-select: none;\r\n position: relative;\r\n\r\n\t\t--size: \t\t30px;\r\n max-height: \tvar(--size);\r\n\t\theight: \t\tvar(--size);\n}\n.widget-button[data-v-734ab152]{\r\n\t\tbackground-color: var(--widget-button-background);\r\n\t\tcolor: var(--widget-button-color);\r\n\t\tborder: var(--widget-button-border);\r\n\t\tborder-radius: var(--widget-button-radius);\r\n\r\n\t\theight: fit-content;\r\n\t\toverflow: hidden;\n}\n.widget-button__toggle[data-v-734ab152]{\r\n height: var(--size);\r\n width: var(--size);\n}\n.widget-button__toggle[data-v-734ab152]:hover{\r\n background-color: var(--widget-button-background-hover);\n}\n.widget-button__list[data-v-734ab152]{\r\n\t\toverflow: hidden;\r\n max-height: \tvar(--size);\r\n\r\n transition: \tvar(--fast);\r\n\r\n\t\theight: fit-content;\n}\n.widget-button .widget-button__toggle-icon[data-v-734ab152]{\r\n transition: var(--fast);\n}\n.widget-button.active .widget-button__toggle-icon[data-v-734ab152]{\r\n transform: rotateZ(-180deg);\n}\n.widget-button__list-elem[data-v-734ab152]{\r\n line-height: var(--size);\r\n font-size: 14px;\r\n\r\n padding: 0 10px;\r\n transition: var(--extra-fast);\r\n\r\n min-width: 80px;\n}\n.widget-button__list-elem[data-v-734ab152]:hover{\r\n background-color: var(--widget-button-background-hover);\n}\r\n";
|
|
1190
|
+
styleInject(css_248z$S);
|
|
1191
1191
|
|
|
1192
|
-
script$
|
|
1193
|
-
script$
|
|
1194
|
-
script$
|
|
1192
|
+
script$W.render = render$g;
|
|
1193
|
+
script$W.__scopeId = "data-v-734ab152";
|
|
1194
|
+
script$W.__file = "core/widgets/buttons/Button.vue";
|
|
1195
1195
|
|
|
1196
1196
|
/**
|
|
1197
1197
|
* ico: String
|
|
1198
1198
|
* func: Function
|
|
1199
1199
|
*
|
|
1200
1200
|
* */
|
|
1201
|
-
var script$
|
|
1201
|
+
var script$V = {
|
|
1202
1202
|
props: {
|
|
1203
1203
|
icon: String,
|
|
1204
1204
|
func: Function
|
|
1205
1205
|
},
|
|
1206
1206
|
name: "WidgetFormFunctionItem",
|
|
1207
|
-
components: {Icon: script$
|
|
1207
|
+
components: {Icon: script$13}
|
|
1208
1208
|
};
|
|
1209
1209
|
|
|
1210
|
-
function render$
|
|
1210
|
+
function render$f(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1211
1211
|
const _component_icon = vue.resolveComponent("icon");
|
|
1212
1212
|
|
|
1213
1213
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
@@ -1218,38 +1218,38 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1218
1218
|
]))
|
|
1219
1219
|
}
|
|
1220
1220
|
|
|
1221
|
-
var css_248z$
|
|
1222
|
-
styleInject(css_248z$
|
|
1221
|
+
var css_248z$R = "\n.function-item[data-v-00227c40]{\r\n padding: 10px;\n}\r\n";
|
|
1222
|
+
styleInject(css_248z$R);
|
|
1223
1223
|
|
|
1224
|
-
script$
|
|
1225
|
-
script$
|
|
1226
|
-
script$
|
|
1224
|
+
script$V.render = render$f;
|
|
1225
|
+
script$V.__scopeId = "data-v-00227c40";
|
|
1226
|
+
script$V.__file = "core/widgets/forms/head/WidgetFormFunctionItem.vue";
|
|
1227
1227
|
|
|
1228
|
-
var script$
|
|
1228
|
+
var script$U = {
|
|
1229
1229
|
props: {
|
|
1230
1230
|
title: String
|
|
1231
1231
|
},
|
|
1232
1232
|
name: "WidgetFormTitle"
|
|
1233
1233
|
};
|
|
1234
1234
|
|
|
1235
|
-
const _hoisted_1$
|
|
1236
|
-
const _hoisted_2$
|
|
1235
|
+
const _hoisted_1$P = { class: "form-title" };
|
|
1236
|
+
const _hoisted_2$y = { class: "title_lg color__text_black margin-0" };
|
|
1237
1237
|
|
|
1238
|
-
function render$
|
|
1239
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1240
|
-
vue.createElementVNode("h2", _hoisted_2$
|
|
1238
|
+
function render$e(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1239
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
|
|
1240
|
+
vue.createElementVNode("h2", _hoisted_2$y, vue.toDisplayString($props.title), 1 /* TEXT */)
|
|
1241
1241
|
]))
|
|
1242
1242
|
}
|
|
1243
1243
|
|
|
1244
|
-
var css_248z$
|
|
1245
|
-
styleInject(css_248z$
|
|
1244
|
+
var css_248z$Q = "\n.form-title[data-v-5fd3445a]{\r\n flex-grow: 1;\n}\r\n";
|
|
1245
|
+
styleInject(css_248z$Q);
|
|
1246
1246
|
|
|
1247
|
-
script$
|
|
1248
|
-
script$
|
|
1249
|
-
script$
|
|
1247
|
+
script$U.render = render$e;
|
|
1248
|
+
script$U.__scopeId = "data-v-5fd3445a";
|
|
1249
|
+
script$U.__file = "core/widgets/forms/head/WidgetFormTitle.vue";
|
|
1250
1250
|
|
|
1251
|
-
var script$
|
|
1252
|
-
components: {WidgetFormTitle: script$
|
|
1251
|
+
var script$T = {
|
|
1252
|
+
components: {WidgetFormTitle: script$U, WidgetFormFunctionItem: script$V, WidgetButton: script$W},
|
|
1253
1253
|
props: {
|
|
1254
1254
|
title: String,
|
|
1255
1255
|
button: {
|
|
@@ -1261,18 +1261,18 @@ var script$R = {
|
|
|
1261
1261
|
name: "WidgetForm"
|
|
1262
1262
|
};
|
|
1263
1263
|
|
|
1264
|
-
const _hoisted_1$
|
|
1265
|
-
const _hoisted_2$
|
|
1264
|
+
const _hoisted_1$O = { class: "widget-form flex_column" };
|
|
1265
|
+
const _hoisted_2$x = { class: "widget-form__head flex" };
|
|
1266
1266
|
const _hoisted_3$q = { class: "widget-form__head-functions flex" };
|
|
1267
1267
|
const _hoisted_4$k = { class: "widget-form__body" };
|
|
1268
1268
|
|
|
1269
|
-
function render$
|
|
1269
|
+
function render$d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1270
1270
|
const _component_widget_form_title = vue.resolveComponent("widget-form-title");
|
|
1271
1271
|
const _component_widget_button = vue.resolveComponent("widget-button");
|
|
1272
1272
|
const _component_widget_form_function_item = vue.resolveComponent("widget-form-function-item");
|
|
1273
1273
|
|
|
1274
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1275
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
1274
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
|
|
1275
|
+
vue.createElementVNode("div", _hoisted_2$x, [
|
|
1276
1276
|
vue.createVNode(_component_widget_form_title, { title: $props.title }, null, 8 /* PROPS */, ["title"]),
|
|
1277
1277
|
((Array.isArray($props.button) && $props.button.length) || (!Array.isArray($props.button) && $props.button))
|
|
1278
1278
|
? (vue.openBlock(), vue.createBlock(_component_widget_button, {
|
|
@@ -1297,15 +1297,15 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1297
1297
|
]))
|
|
1298
1298
|
}
|
|
1299
1299
|
|
|
1300
|
-
var css_248z$
|
|
1301
|
-
styleInject(css_248z$
|
|
1300
|
+
var css_248z$P = "\n.widget-form[data-v-2ee2f45a]{\r\n width: 100%;\r\n max-width: 966px;\r\n overflow: hidden;\r\n\r\n\t\tborder: var(--form-border);\r\n\t\tbackground-color: var(--form-background-color);\r\n\t\tbox-shadow: var(--form-shadow);\r\n\t\tborder-radius: var(--form-radius);\r\n border-bottom: 5px solid var(--form-border-bottom);\n}\n.widget-form__head[data-v-2ee2f45a]{\r\n min-height: 60px;\r\n align-items: center;\r\n\r\n background-color: var(--form-head-background-color);\n}\n@media screen and (min-width: 769px) {\n.widget-form__head[data-v-2ee2f45a]{\r\n flex-wrap: nowrap;\r\n\r\n padding: 0 20px 0 40px;\n}\n.widget-form__head-button[data-v-2ee2f45a]{\r\n margin-right: 15px;\n}\n}\n@media screen and (max-width: 768px){\n.widget-form[data-v-2ee2f45a]{\r\n width: 100%;\n}\n.widget-form__head[data-v-2ee2f45a]{\r\n flex-wrap: wrap;\n}\n}\n.widget-form__head-functions[data-v-2ee2f45a]{\r\n height: 100%;\r\n align-items: center;\n}\n.widget-form__body[data-v-2ee2f45a]{\r\n overflow: auto;\n}\r\n\r\n";
|
|
1301
|
+
styleInject(css_248z$P);
|
|
1302
1302
|
|
|
1303
|
-
script$
|
|
1304
|
-
script$
|
|
1305
|
-
script$
|
|
1303
|
+
script$T.render = render$d;
|
|
1304
|
+
script$T.__scopeId = "data-v-2ee2f45a";
|
|
1305
|
+
script$T.__file = "core/widgets/forms/WidgetForm.vue";
|
|
1306
1306
|
|
|
1307
|
-
const _hoisted_1$
|
|
1308
|
-
const _hoisted_2$
|
|
1307
|
+
const _hoisted_1$N = { class: "widget-form-info flex" };
|
|
1308
|
+
const _hoisted_2$w = { class: "form-titles" };
|
|
1309
1309
|
const _hoisted_3$p = { class: "form-title margin-0" };
|
|
1310
1310
|
const _hoisted_4$j = { class: "form-info text_size_md margin-0" };
|
|
1311
1311
|
const _hoisted_5$d = {
|
|
@@ -1313,7 +1313,7 @@ const _hoisted_5$d = {
|
|
|
1313
1313
|
class: "form-container-label"
|
|
1314
1314
|
};
|
|
1315
1315
|
const _hoisted_6$6 = { class: "form-label__title text_size_sm" };
|
|
1316
|
-
var script$
|
|
1316
|
+
var script$S = /*#__PURE__*/ vue.defineComponent({
|
|
1317
1317
|
__name: 'WidgetFormInfo',
|
|
1318
1318
|
props: {
|
|
1319
1319
|
title: { type: String, required: true },
|
|
@@ -1322,8 +1322,8 @@ var script$Q = /*#__PURE__*/ vue.defineComponent({
|
|
|
1322
1322
|
},
|
|
1323
1323
|
setup(__props) {
|
|
1324
1324
|
return (_ctx, _cache) => {
|
|
1325
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1326
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
1325
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
|
|
1326
|
+
vue.createElementVNode("div", _hoisted_2$w, [
|
|
1327
1327
|
vue.createElementVNode("p", _hoisted_3$p, vue.toDisplayString(__props.title), 1 /* TEXT */),
|
|
1328
1328
|
vue.createElementVNode("p", _hoisted_4$j, vue.toDisplayString(__props.info), 1 /* TEXT */)
|
|
1329
1329
|
]),
|
|
@@ -1333,7 +1333,7 @@ var script$Q = /*#__PURE__*/ vue.defineComponent({
|
|
|
1333
1333
|
class: vue.normalizeClass(["form-label", `form-label_${__props.label.type}`])
|
|
1334
1334
|
}, [
|
|
1335
1335
|
(__props.label.icon)
|
|
1336
|
-
? (vue.openBlock(), vue.createBlock(script$
|
|
1336
|
+
? (vue.openBlock(), vue.createBlock(script$13, {
|
|
1337
1337
|
key: 0,
|
|
1338
1338
|
class: "form-label__icon",
|
|
1339
1339
|
name: __props.label.icon
|
|
@@ -1348,13 +1348,13 @@ var script$Q = /*#__PURE__*/ vue.defineComponent({
|
|
|
1348
1348
|
}
|
|
1349
1349
|
});
|
|
1350
1350
|
|
|
1351
|
-
var css_248z$
|
|
1352
|
-
styleInject(css_248z$
|
|
1351
|
+
var css_248z$O = "\n.form-titles[data-v-2673c95f]{\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\n}\n.form-label[data-v-2673c95f]{\r\n display: flex;\r\n gap: 10px;\r\n padding: 4px 7px;\r\n\r\n align-items: center;\n}\n.form-container-label[data-v-2673c95f]{\r\n margin: 0 0 0 6px;\n}\n.form-info[data-v-2673c95f]{\r\n color: #828282;\n}\n.form-label[data-v-2673c95f]{\r\n background-color: #FF6262;\r\n color: white;\r\n border-radius: 4px;\n}\n.form-title[data-v-2673c95f] {\r\n font-weight: bold;\r\n font-size: 18px;\r\n line-height: 25px;\n}\n.form-label__title[data-v-2673c95f]{\r\n margin: 0;\r\n line-height: 16px;\n}\n.form-label__icon[data-v-2673c95f]{\r\n height: 16px;\r\n font-size: 16px;\n}\n.form-label_inactive[data-v-2673c95f]{\r\n\t\tbackground-color: gray;\n}\n.form-label_correct[data-v-2673c95f] {\r\n\t\tbackground-color: green;\n}\n.form-label_warning[data-v-2673c95f] {\r\n\t\tbackground-color: yellow;\n}\n.form-label_error[data-v-2673c95f] {\r\n\t\tbackground-color: #FF6262;\n}\r\n";
|
|
1352
|
+
styleInject(css_248z$O);
|
|
1353
1353
|
|
|
1354
|
-
script$
|
|
1355
|
-
script$
|
|
1354
|
+
script$S.__scopeId = "data-v-2673c95f";
|
|
1355
|
+
script$S.__file = "core/widgets/forms/naomi/WidgetFormInfo.vue";
|
|
1356
1356
|
|
|
1357
|
-
var script$
|
|
1357
|
+
var script$R = /*#__PURE__*/ vue.defineComponent({
|
|
1358
1358
|
__name: 'WidgetSpinner',
|
|
1359
1359
|
props: {
|
|
1360
1360
|
color: { type: String, required: false }
|
|
@@ -1369,14 +1369,14 @@ var script$P = /*#__PURE__*/ vue.defineComponent({
|
|
|
1369
1369
|
}
|
|
1370
1370
|
});
|
|
1371
1371
|
|
|
1372
|
-
var css_248z$
|
|
1373
|
-
styleInject(css_248z$
|
|
1372
|
+
var css_248z$N = "\n.loader[data-v-5f6b3e5d],\r\n.loader[data-v-5f6b3e5d]:after {\r\n border-radius: 50%;\r\n width: 14px;\r\n height: 14px;\n}\n.loader[data-v-5f6b3e5d] {\r\n\r\n font-size: 2px;\r\n position: relative;\r\n text-indent: -9999em;\r\n border-top: 1.1em solid rgba(255, 255, 255, 0.2);\r\n border-right: 1.1em solid rgba(255, 255, 255, 0.2);\r\n border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);\r\n border-left: 1.1em solid #ffffff;\r\n -webkit-transform: translateZ(0);\r\n -ms-transform: translateZ(0);\r\n transform: translateZ(0);\r\n -webkit-animation: load8-5f6b3e5d 1.1s infinite linear;\r\n animation: load8-5f6b3e5d 1.1s infinite linear;\n}\n@-webkit-keyframes load8-5f6b3e5d {\n0% {\r\n -webkit-transform: rotate(0deg);\r\n transform: rotate(0deg);\n}\n100% {\r\n -webkit-transform: rotate(360deg);\r\n transform: rotate(360deg);\n}\n}\n@keyframes load8-5f6b3e5d {\n0% {\r\n -webkit-transform: rotate(0deg);\r\n transform: rotate(0deg);\n}\n100% {\r\n -webkit-transform: rotate(360deg);\r\n transform: rotate(360deg);\n}\n}\r\n\r\n";
|
|
1373
|
+
styleInject(css_248z$N);
|
|
1374
1374
|
|
|
1375
|
-
script$
|
|
1376
|
-
script$
|
|
1375
|
+
script$R.__scopeId = "data-v-5f6b3e5d";
|
|
1376
|
+
script$R.__file = "core/widgets/spinner/WidgetSpinner.vue";
|
|
1377
1377
|
|
|
1378
|
-
const _hoisted_1$
|
|
1379
|
-
const _hoisted_2$
|
|
1378
|
+
const _hoisted_1$M = { class: "widget-button-wrap" };
|
|
1379
|
+
const _hoisted_2$v = { class: "multi-button" };
|
|
1380
1380
|
const _hoisted_3$o = { class: "widget-button-list" };
|
|
1381
1381
|
const _hoisted_4$i = ["onClick"];
|
|
1382
1382
|
const _hoisted_5$c = { class: "button__side" };
|
|
@@ -1384,7 +1384,7 @@ const _hoisted_6$5 = {
|
|
|
1384
1384
|
key: 0,
|
|
1385
1385
|
class: "button__size-progress"
|
|
1386
1386
|
};
|
|
1387
|
-
var script$
|
|
1387
|
+
var script$Q = /*#__PURE__*/ vue.defineComponent({
|
|
1388
1388
|
__name: 'WidgetMultiButton',
|
|
1389
1389
|
props: {
|
|
1390
1390
|
title: { type: String, required: false },
|
|
@@ -1403,8 +1403,8 @@ var script$O = /*#__PURE__*/ vue.defineComponent({
|
|
|
1403
1403
|
pw.call();
|
|
1404
1404
|
}
|
|
1405
1405
|
return (_ctx, _cache) => {
|
|
1406
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1407
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
1406
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
|
|
1407
|
+
vue.createElementVNode("div", _hoisted_2$v, [
|
|
1408
1408
|
vue.createElementVNode("div", {
|
|
1409
1409
|
class: vue.normalizeClass(["button__content", { 'button__content_active': state.active }])
|
|
1410
1410
|
}, [
|
|
@@ -1428,7 +1428,7 @@ var script$O = /*#__PURE__*/ vue.defineComponent({
|
|
|
1428
1428
|
vue.createElementVNode("div", _hoisted_5$c, [
|
|
1429
1429
|
(vue.unref(pw).wait)
|
|
1430
1430
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5, [
|
|
1431
|
-
vue.createVNode(script$
|
|
1431
|
+
vue.createVNode(script$R, { class: "button-spinner" })
|
|
1432
1432
|
]))
|
|
1433
1433
|
: (__props.array && __props.array.length > 1)
|
|
1434
1434
|
? (vue.openBlock(), vue.createElementBlock("div", {
|
|
@@ -1436,7 +1436,7 @@ var script$O = /*#__PURE__*/ vue.defineComponent({
|
|
|
1436
1436
|
class: vue.normalizeClass(["button__size-toggle", { 'button__toggle_active': state.active }]),
|
|
1437
1437
|
onClick: _cache[1] || (_cache[1] = ($event) => (toggle()))
|
|
1438
1438
|
}, [
|
|
1439
|
-
vue.createVNode(script$
|
|
1439
|
+
vue.createVNode(script$13, {
|
|
1440
1440
|
class: "button__toggle-icon",
|
|
1441
1441
|
name: "angle-small-down"
|
|
1442
1442
|
})
|
|
@@ -1449,19 +1449,19 @@ var script$O = /*#__PURE__*/ vue.defineComponent({
|
|
|
1449
1449
|
}
|
|
1450
1450
|
});
|
|
1451
1451
|
|
|
1452
|
-
var css_248z$
|
|
1453
|
-
styleInject(css_248z$
|
|
1452
|
+
var css_248z$M = "\n.widget-button-wrap[data-v-161d0584]{\r\n\r\n --button-size: 40px;\r\n\r\n max-height: var(--button-size);\r\n z-index: 1;\r\n position: relative;\r\n\r\n cursor: pointer;\r\n width: fit-content;\n}\n.multi-button[data-v-161d0584]{\r\n display: flex;\r\n background-color: #3949AB;\r\n\r\n border-radius: 20px;\r\n overflow: hidden;\n}\n.button__content[data-v-161d0584]{\r\n max-height: 40px;\r\n min-width: 80px;\r\n transition: 0.2s;\r\n overflow: hidden;\n}\n.button__content_active[data-v-161d0584]{\r\n max-height: 200px;\n}\n.button__content-title[data-v-161d0584]{\r\n white-space: nowrap;\r\n font-size: 14px;\r\n line-height: 20px;\r\n padding: 10px 10px 10px 20px;\r\n color: white;\r\n margin: 0;\r\n\r\n transition: background-color 0.2s;\n}\n.button__content-title[data-v-161d0584]:hover{\r\n background-color: #223296;\n}\n.button__toggle_active[data-v-161d0584]{\r\n transform: rotate(180deg);\n}\n.button__side[data-v-161d0584]{\r\n min-width: var(--button-size);\n}\n.button__size-toggle[data-v-161d0584]{\r\n height: var(--button-size);\n}\n.button__size-toggle[data-v-161d0584]{\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition:transform 0.1s, background-color 0.2s;\r\n color: white;\n}\n.button__size-toggle[data-v-161d0584]:hover{\r\n background-color: #223296;\n}\n.button__toggle-icon[data-v-161d0584]{\r\n height: 16px;\n}\n.button__size-progress[data-v-161d0584]{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: var(--button-size);\n}\r\n";
|
|
1453
|
+
styleInject(css_248z$M);
|
|
1454
1454
|
|
|
1455
|
-
script$
|
|
1456
|
-
script$
|
|
1455
|
+
script$Q.__scopeId = "data-v-161d0584";
|
|
1456
|
+
script$Q.__file = "core/widgets/buttons/multi-button/WidgetMultiButton.vue";
|
|
1457
1457
|
|
|
1458
|
-
const _hoisted_1$
|
|
1459
|
-
const _hoisted_2$
|
|
1458
|
+
const _hoisted_1$L = { class: "wrap__widget-form" };
|
|
1459
|
+
const _hoisted_2$u = { class: "widget-form" };
|
|
1460
1460
|
const _hoisted_3$n = { class: "widget-form__head" };
|
|
1461
1461
|
const _hoisted_4$h = { class: "head-image" };
|
|
1462
1462
|
const _hoisted_5$b = { key: 1 };
|
|
1463
1463
|
const _hoisted_6$4 = { class: "widget-form__body" };
|
|
1464
|
-
var script$
|
|
1464
|
+
var script$P = /*#__PURE__*/ vue.defineComponent({
|
|
1465
1465
|
__name: 'WidgetForm',
|
|
1466
1466
|
props: {
|
|
1467
1467
|
title: { type: String, required: true },
|
|
@@ -1474,18 +1474,18 @@ var script$N = /*#__PURE__*/ vue.defineComponent({
|
|
|
1474
1474
|
},
|
|
1475
1475
|
setup(__props) {
|
|
1476
1476
|
return (_ctx, _cache) => {
|
|
1477
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1478
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
1477
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
|
|
1478
|
+
vue.createElementVNode("div", _hoisted_2$u, [
|
|
1479
1479
|
vue.createElementVNode("div", _hoisted_3$n, [
|
|
1480
1480
|
vue.createElementVNode("div", _hoisted_4$h, [
|
|
1481
1481
|
(__props.wait)
|
|
1482
|
-
? (vue.openBlock(), vue.createBlock(script$
|
|
1482
|
+
? (vue.openBlock(), vue.createBlock(script$R, {
|
|
1483
1483
|
key: 0,
|
|
1484
1484
|
color: "#3949AB"
|
|
1485
1485
|
}))
|
|
1486
1486
|
: (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$b, [
|
|
1487
1487
|
(__props.icon)
|
|
1488
|
-
? (vue.openBlock(), vue.createBlock(script$
|
|
1488
|
+
? (vue.openBlock(), vue.createBlock(script$13, {
|
|
1489
1489
|
key: 0,
|
|
1490
1490
|
class: "form-image",
|
|
1491
1491
|
name: __props.icon
|
|
@@ -1493,13 +1493,13 @@ var script$N = /*#__PURE__*/ vue.defineComponent({
|
|
|
1493
1493
|
: vue.createCommentVNode("v-if", true)
|
|
1494
1494
|
]))
|
|
1495
1495
|
]),
|
|
1496
|
-
vue.createVNode(script$
|
|
1496
|
+
vue.createVNode(script$S, {
|
|
1497
1497
|
title: __props.title,
|
|
1498
1498
|
info: __props.info,
|
|
1499
1499
|
label: __props.label
|
|
1500
1500
|
}, null, 8 /* PROPS */, ["title", "info", "label"]),
|
|
1501
1501
|
(__props.button && __props.button.length)
|
|
1502
|
-
? (vue.openBlock(), vue.createBlock(script$
|
|
1502
|
+
? (vue.openBlock(), vue.createBlock(script$Q, {
|
|
1503
1503
|
key: 0,
|
|
1504
1504
|
class: "widget-form__button",
|
|
1505
1505
|
array: __props.button
|
|
@@ -1515,23 +1515,23 @@ var script$N = /*#__PURE__*/ vue.defineComponent({
|
|
|
1515
1515
|
}
|
|
1516
1516
|
});
|
|
1517
1517
|
|
|
1518
|
-
var css_248z$
|
|
1519
|
-
styleInject(css_248z$
|
|
1518
|
+
var css_248z$L = "\n.widget-form[data-v-b0fd27de]{\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\n}\n.widget-form__body[data-v-b0fd27de]{}\n.widget-form__head[data-v-b0fd27de]{\r\n display: flex;\r\n gap: 16px;\r\n align-items: center;\r\n z-index: 1;\r\n\r\n padding: 10px 0;\n}\n.widget-form__button[data-v-b0fd27de]{\r\n margin-left: auto;\n}\n.wrap__widget-form[data-v-b0fd27de]{\r\n padding: 20px;\n}\n.widget-form__head[data-v-b0fd27de]{\r\n position: sticky;\r\n top: 0;\n}\n@media screen and (max-width: 768px) {\n.wrap__widget-form[data-v-b0fd27de]{\r\n padding: 10px;\n}\n.widget-form__head[data-v-b0fd27de]{\r\n\r\n top: 15px;\n}\n}\n.head-image[data-v-b0fd27de] {\r\n\t\tpadding: 15px;\r\n\t\tbackground-color: #F3F4FC;\r\n\t\tborder-radius: 8px;\n}\r\n";
|
|
1519
|
+
styleInject(css_248z$L);
|
|
1520
1520
|
|
|
1521
|
-
script$
|
|
1522
|
-
script$
|
|
1521
|
+
script$P.__scopeId = "data-v-b0fd27de";
|
|
1522
|
+
script$P.__file = "core/widgets/forms/naomi/WidgetForm.vue";
|
|
1523
1523
|
|
|
1524
1524
|
var forms = {
|
|
1525
1525
|
default: {
|
|
1526
|
-
WidgetForm: script$
|
|
1526
|
+
WidgetForm: script$T
|
|
1527
1527
|
},
|
|
1528
1528
|
naomi: {
|
|
1529
|
-
WidgetFormNaomi: script$
|
|
1529
|
+
WidgetFormNaomi: script$P
|
|
1530
1530
|
}
|
|
1531
1531
|
};
|
|
1532
1532
|
|
|
1533
|
-
const _hoisted_1$
|
|
1534
|
-
var script$
|
|
1533
|
+
const _hoisted_1$K = { class: "button-element" };
|
|
1534
|
+
var script$O = /*#__PURE__*/ vue.defineComponent({
|
|
1535
1535
|
__name: 'WidgetButton',
|
|
1536
1536
|
props: {
|
|
1537
1537
|
title: { type: String, required: true },
|
|
@@ -1554,12 +1554,12 @@ var script$M = /*#__PURE__*/ vue.defineComponent({
|
|
|
1554
1554
|
onClick: _cache[0] || (_cache[0] = ($event) => (vue.unref(pw).call()))
|
|
1555
1555
|
}, [
|
|
1556
1556
|
(vue.unref(pw).wait)
|
|
1557
|
-
? (vue.openBlock(), vue.createBlock(script$
|
|
1557
|
+
? (vue.openBlock(), vue.createBlock(script$R, {
|
|
1558
1558
|
key: 0,
|
|
1559
1559
|
class: "button-spinner"
|
|
1560
1560
|
}))
|
|
1561
1561
|
: vue.createCommentVNode("v-if", true),
|
|
1562
|
-
vue.createElementVNode("button", _hoisted_1$
|
|
1562
|
+
vue.createElementVNode("button", _hoisted_1$K, [
|
|
1563
1563
|
vue.createTextVNode(vue.toDisplayString(__props.title), 1 /* TEXT */),
|
|
1564
1564
|
vue.renderSlot(_ctx.$slots, "default")
|
|
1565
1565
|
])
|
|
@@ -1568,14 +1568,14 @@ var script$M = /*#__PURE__*/ vue.defineComponent({
|
|
|
1568
1568
|
}
|
|
1569
1569
|
});
|
|
1570
1570
|
|
|
1571
|
-
var css_248z$
|
|
1572
|
-
styleInject(css_248z$
|
|
1571
|
+
var css_248z$K = "\n.button-wrap[data-v-a88b4694]{\r\n\r\n\t\tposition: relative;\n}\n.button-spinner[data-v-a88b4694]{\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tbottom: 0;\r\n\t\tleft: 5px;\r\n margin: auto;\n}\n.button-element[data-v-a88b4694]{\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t\tpadding: 0 20px;\r\n\r\n cursor: pointer;\r\n background-color: transparent;\r\n outline: unset;\r\n border: unset;\r\n color: unset;\r\n\r\n font-weight: unset;\r\n font-size: unset;\n}\r\n";
|
|
1572
|
+
styleInject(css_248z$K);
|
|
1573
1573
|
|
|
1574
|
-
script$
|
|
1575
|
-
script$
|
|
1574
|
+
script$O.__scopeId = "data-v-a88b4694";
|
|
1575
|
+
script$O.__file = "core/widgets/buttons/WidgetButton.vue";
|
|
1576
1576
|
|
|
1577
|
-
var script$
|
|
1578
|
-
components: {WidgetMultiButton: script$
|
|
1577
|
+
var script$N = {
|
|
1578
|
+
components: {WidgetMultiButton: script$Q, WidgetButton: script$O},
|
|
1579
1579
|
props: {
|
|
1580
1580
|
title: String,
|
|
1581
1581
|
rightTitle: String,
|
|
@@ -1584,8 +1584,8 @@ var script$L = {
|
|
|
1584
1584
|
name: "ContainerForm"
|
|
1585
1585
|
};
|
|
1586
1586
|
|
|
1587
|
-
const _hoisted_1$
|
|
1588
|
-
const _hoisted_2$
|
|
1587
|
+
const _hoisted_1$J = { class: "form-container" };
|
|
1588
|
+
const _hoisted_2$t = { class: "form-container__head flex" };
|
|
1589
1589
|
const _hoisted_3$m = { class: "form-container__head-title title_md flex_full" };
|
|
1590
1590
|
const _hoisted_4$g = {
|
|
1591
1591
|
key: 0,
|
|
@@ -1593,11 +1593,11 @@ const _hoisted_4$g = {
|
|
|
1593
1593
|
};
|
|
1594
1594
|
const _hoisted_5$a = { class: "form-container__body flex_column" };
|
|
1595
1595
|
|
|
1596
|
-
function render$
|
|
1596
|
+
function render$c(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1597
1597
|
const _component_widget_multi_button = vue.resolveComponent("widget-multi-button");
|
|
1598
1598
|
|
|
1599
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1600
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
1599
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
|
|
1600
|
+
vue.createElementVNode("div", _hoisted_2$t, [
|
|
1601
1601
|
vue.createElementVNode("p", _hoisted_3$m, vue.toDisplayString($props.title), 1 /* TEXT */),
|
|
1602
1602
|
($props.rightTitle)
|
|
1603
1603
|
? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$g, vue.toDisplayString($props.rightTitle), 1 /* TEXT */))
|
|
@@ -1615,12 +1615,12 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1615
1615
|
]))
|
|
1616
1616
|
}
|
|
1617
1617
|
|
|
1618
|
-
var css_248z$
|
|
1619
|
-
styleInject(css_248z$
|
|
1618
|
+
var css_248z$J = "\n.form-container[data-v-eb5dee8c]{\r\n flex-direction: column;\r\n\r\n padding: 0 40px;\n}\n.form-container__head[data-v-eb5dee8c]{\r\n align-items: center;\r\n height: 48px;\r\n\r\n border-bottom: 1px solid var(--gray-1);\r\n background-color: var(--form-section-head-background-color);\n}\n.form-container__body[data-v-eb5dee8c]{\r\n padding: 20px 0;\r\n\r\n gap: 20px;\n}\r\n";
|
|
1619
|
+
styleInject(css_248z$J);
|
|
1620
1620
|
|
|
1621
|
-
script$
|
|
1622
|
-
script$
|
|
1623
|
-
script$
|
|
1621
|
+
script$N.render = render$c;
|
|
1622
|
+
script$N.__scopeId = "data-v-eb5dee8c";
|
|
1623
|
+
script$N.__file = "core/widgets/containers/ContainerForm.vue";
|
|
1624
1624
|
|
|
1625
1625
|
/**
|
|
1626
1626
|
* type:
|
|
@@ -1628,7 +1628,7 @@ script$L.__file = "core/widgets/containers/ContainerForm.vue";
|
|
|
1628
1628
|
* 1 - left - centerFull
|
|
1629
1629
|
* 2 - left - center - centerRight - right
|
|
1630
1630
|
* */
|
|
1631
|
-
var script$
|
|
1631
|
+
var script$M = {
|
|
1632
1632
|
props: {
|
|
1633
1633
|
title: String,
|
|
1634
1634
|
subTitle: String,
|
|
@@ -1641,8 +1641,8 @@ script$L.__file = "core/widgets/containers/ContainerForm.vue";
|
|
|
1641
1641
|
name: "ContainerFormElem"
|
|
1642
1642
|
};
|
|
1643
1643
|
|
|
1644
|
-
const _hoisted_1$
|
|
1645
|
-
const _hoisted_2$
|
|
1644
|
+
const _hoisted_1$I = { class: "form-container-item__title flex" };
|
|
1645
|
+
const _hoisted_2$s = { class: "" };
|
|
1646
1646
|
const _hoisted_3$l = {
|
|
1647
1647
|
key: 0,
|
|
1648
1648
|
class: ""
|
|
@@ -1653,12 +1653,12 @@ const _hoisted_5$9 = {
|
|
|
1653
1653
|
class: "form-container-item__right"
|
|
1654
1654
|
};
|
|
1655
1655
|
|
|
1656
|
-
function render$
|
|
1656
|
+
function render$b(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1657
1657
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
1658
1658
|
class: vue.normalizeClass(["form-container-item flex", [`form-container-item-${$props.type}`]])
|
|
1659
1659
|
}, [
|
|
1660
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
1661
|
-
vue.createElementVNode("span", _hoisted_2$
|
|
1660
|
+
vue.createElementVNode("div", _hoisted_1$I, [
|
|
1661
|
+
vue.createElementVNode("span", _hoisted_2$s, vue.toDisplayString($props.title), 1 /* TEXT */)
|
|
1662
1662
|
]),
|
|
1663
1663
|
vue.createElementVNode("div", {
|
|
1664
1664
|
class: vue.normalizeClass(["form-container-item-center flex_column", {'content_double': $props.double}])
|
|
@@ -1679,24 +1679,24 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1679
1679
|
], 2 /* CLASS */))
|
|
1680
1680
|
}
|
|
1681
1681
|
|
|
1682
|
-
var css_248z$
|
|
1683
|
-
styleInject(css_248z$
|
|
1682
|
+
var css_248z$I = "\n.form-container-item[data-v-c37e902e]{\r\n flex-wrap: wrap;\r\n gap: 10px;\n}\n.form-container-item-center[data-v-c37e902e]{\r\n flex-grow: 1;\r\n max-width: 240px;\n}\n.form-container-item__title[data-v-c37e902e]{\r\n min-width: 180px;\r\n max-width: 180px;\r\n min-height: 30px;\r\n\r\n justify-content: flex-end;\n}\n.form-container-item__title>span[data-v-c37e902e]{\r\n /*Для контроллирования вертикального положения*/\r\n display: flex;\r\n align-items: center;\r\n\r\n font-size: 14px;\r\n height: 30px;\r\n line-height: 130%;\n}\n.form-container-item-1 .form-container-item-center[data-v-c37e902e]{\r\n max-width: unset;\n}\n.form-container-item__right[data-v-c37e902e]{\r\n flex-grow: 1;\r\n max-width: 240px;\n}\n.content_double[data-v-c37e902e]{\r\n max-width: 480px;\n}\r\n";
|
|
1683
|
+
styleInject(css_248z$I);
|
|
1684
1684
|
|
|
1685
|
-
script$
|
|
1686
|
-
script$
|
|
1687
|
-
script$
|
|
1685
|
+
script$M.render = render$b;
|
|
1686
|
+
script$M.__scopeId = "data-v-c37e902e";
|
|
1687
|
+
script$M.__file = "core/widgets/containers/ContainerFormElem.vue";
|
|
1688
1688
|
|
|
1689
|
-
var script$
|
|
1689
|
+
var script$L = {
|
|
1690
1690
|
name: "ContainerAuthView"
|
|
1691
1691
|
};
|
|
1692
1692
|
|
|
1693
|
-
const _hoisted_1$
|
|
1694
|
-
const _hoisted_2$
|
|
1693
|
+
const _hoisted_1$H = { class: "container-auth-wrap" };
|
|
1694
|
+
const _hoisted_2$r = { class: "container-auth-sidebar" };
|
|
1695
1695
|
const _hoisted_3$k = { class: "container-auth-main" };
|
|
1696
1696
|
|
|
1697
|
-
function render$
|
|
1698
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1699
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
1697
|
+
function render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1698
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
|
|
1699
|
+
vue.createElementVNode("div", _hoisted_2$r, [
|
|
1700
1700
|
vue.renderSlot(_ctx.$slots, "side")
|
|
1701
1701
|
]),
|
|
1702
1702
|
vue.createElementVNode("div", _hoisted_3$k, [
|
|
@@ -1705,12 +1705,12 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1705
1705
|
]))
|
|
1706
1706
|
}
|
|
1707
1707
|
|
|
1708
|
-
var css_248z$
|
|
1709
|
-
styleInject(css_248z$
|
|
1708
|
+
var css_248z$H = "\n.container-auth-wrap[data-v-402f98e3]{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n\r\n background-color: var(--container-auth-background-color);\r\n border-radius: var(--container-auth-border-radius);\r\n box-shadow: var(--container-auth-box-shadow);\r\n\r\n overflow: hidden;\r\n\r\n max-width: 900px;\n}\n.container-auth-wrap[data-v-402f98e3]{\r\n display: flex;\r\n width: 100%;\r\n height: 100%;\n}\n.container-auth-sidebar[data-v-402f98e3]{\r\n width: 300px;\r\n background-color: var(--container-auth-sidebar-background-color);\n}\n.container-auth-main[data-v-402f98e3]{\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n position: relative;\n}\n@media screen and (min-width: 768px){\n.container-auth-wrap[data-v-402f98e3]{\r\n height: 500px;\n}\n.container-auth-wrap>div[data-v-402f98e3]{\r\n height: 100%;\n}\n.container-auth-sidebar[data-v-402f98e3]{\r\n height: 100%;\n}\n}\n@media screen and (max-width: 768px){\n.container-auth-wrap[data-v-402f98e3]{\r\n flex-direction: column;\n}\n.container-auth-sidebar[data-v-402f98e3]{\r\n height: 220px;\n}\n}\r\n\r\n";
|
|
1709
|
+
styleInject(css_248z$H);
|
|
1710
1710
|
|
|
1711
|
-
script$
|
|
1712
|
-
script$
|
|
1713
|
-
script$
|
|
1711
|
+
script$L.render = render$a;
|
|
1712
|
+
script$L.__scopeId = "data-v-402f98e3";
|
|
1713
|
+
script$L.__file = "core/widgets/containers/ContainerAuthView.vue";
|
|
1714
1714
|
|
|
1715
1715
|
/**
|
|
1716
1716
|
* @description Функция вернёт значения поля из объекта. Prop может быть вложеным, указывается через точку
|
|
@@ -2004,31 +2004,31 @@ function firstChapterToLowerCase(str) {
|
|
|
2004
2004
|
return str[0].toLowerCase() + str.slice(1);
|
|
2005
2005
|
}
|
|
2006
2006
|
|
|
2007
|
-
var script$
|
|
2007
|
+
var script$K = {
|
|
2008
2008
|
props: {
|
|
2009
2009
|
message: String
|
|
2010
2010
|
},
|
|
2011
2011
|
name: "ModalWait",
|
|
2012
|
-
components: {WidgetSpinner: script$
|
|
2012
|
+
components: {WidgetSpinner: script$R}
|
|
2013
2013
|
};
|
|
2014
2014
|
|
|
2015
|
-
const _hoisted_1$
|
|
2015
|
+
const _hoisted_1$G = { class: "modal__wait modal-default flex_column" };
|
|
2016
2016
|
|
|
2017
|
-
function render$
|
|
2017
|
+
function render$9(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2018
2018
|
const _component_widget_spinner = vue.resolveComponent("widget-spinner");
|
|
2019
2019
|
|
|
2020
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
2020
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
|
|
2021
2021
|
vue.createVNode(_component_widget_spinner),
|
|
2022
2022
|
vue.createElementVNode("p", null, vue.toDisplayString($props.message), 1 /* TEXT */)
|
|
2023
2023
|
]))
|
|
2024
2024
|
}
|
|
2025
2025
|
|
|
2026
|
-
var css_248z$
|
|
2027
|
-
styleInject(css_248z$
|
|
2026
|
+
var css_248z$G = "\n.modal__wait[data-v-63bc86eb]{\r\n padding: 40px 30px;\r\n max-width: 450px;\n}\r\n";
|
|
2027
|
+
styleInject(css_248z$G);
|
|
2028
2028
|
|
|
2029
|
-
script$
|
|
2030
|
-
script$
|
|
2031
|
-
script$
|
|
2029
|
+
script$K.render = render$9;
|
|
2030
|
+
script$K.__scopeId = "data-v-63bc86eb";
|
|
2031
|
+
script$K.__file = "core/widgets/modals/ModalWait.vue";
|
|
2032
2032
|
|
|
2033
2033
|
var _a;
|
|
2034
2034
|
var NotificationSystem = new (_a = class NotificationSystem {
|
|
@@ -2090,7 +2090,7 @@ function requestHandler(callback, options = {}) {
|
|
|
2090
2090
|
options = Object.assign({}, options, DefaultValuesOptions);
|
|
2091
2091
|
try {
|
|
2092
2092
|
if (options.wait)
|
|
2093
|
-
state.modalWait = yield jenesiusVueModal.openModal(script$
|
|
2093
|
+
state.modalWait = yield jenesiusVueModal.openModal(script$K, { message: typeof options.wait === "string" ? options.wait : "" });
|
|
2094
2094
|
}
|
|
2095
2095
|
catch (e) {
|
|
2096
2096
|
console.warn(e);
|
|
@@ -2672,8 +2672,8 @@ class Form extends InterfaceForm {
|
|
|
2672
2672
|
}
|
|
2673
2673
|
}
|
|
2674
2674
|
|
|
2675
|
-
var script$
|
|
2676
|
-
components: {WidgetButton: script$
|
|
2675
|
+
var script$J = {
|
|
2676
|
+
components: {WidgetButton: script$O},
|
|
2677
2677
|
props: {
|
|
2678
2678
|
config: Array,
|
|
2679
2679
|
sw: Object
|
|
@@ -2724,17 +2724,17 @@ var script$H = {
|
|
|
2724
2724
|
name: "ContainerStep"
|
|
2725
2725
|
};
|
|
2726
2726
|
|
|
2727
|
-
const _hoisted_1$
|
|
2728
|
-
const _hoisted_2$
|
|
2727
|
+
const _hoisted_1$F = { class: "container-step-body" };
|
|
2728
|
+
const _hoisted_2$q = { class: "container-step-navigation flex gap-10" };
|
|
2729
2729
|
|
|
2730
|
-
function render$
|
|
2730
|
+
function render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2731
2731
|
const _component_widget_button = vue.resolveComponent("widget-button");
|
|
2732
2732
|
|
|
2733
2733
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
2734
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
2734
|
+
vue.createElementVNode("div", _hoisted_1$F, [
|
|
2735
2735
|
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.config[$props.sw.current.value].component), { ref: "currentComponent" }, null, 512 /* NEED_PATCH */))
|
|
2736
2736
|
]),
|
|
2737
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
2737
|
+
vue.createElementVNode("div", _hoisted_2$q, [
|
|
2738
2738
|
(!$props.sw.first.value)
|
|
2739
2739
|
? (vue.openBlock(), vue.createElementBlock("button", {
|
|
2740
2740
|
key: 0,
|
|
@@ -2751,33 +2751,33 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2751
2751
|
], 64 /* STABLE_FRAGMENT */))
|
|
2752
2752
|
}
|
|
2753
2753
|
|
|
2754
|
-
var css_248z$
|
|
2755
|
-
styleInject(css_248z$
|
|
2754
|
+
var css_248z$F = "\n.container-step-body[data-v-71611081]{\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n grid-template-rows: repeat(auto-fill, 50px);\r\n\r\n gap: 13px 36px;\n}\n.container-step-navigation[data-v-71611081]{\r\n display: flex;\r\n gap: 10px;\r\n padding: 30px 0;\r\n justify-content: flex-end;\n}\r\n";
|
|
2755
|
+
styleInject(css_248z$F);
|
|
2756
2756
|
|
|
2757
|
-
script$
|
|
2758
|
-
script$
|
|
2759
|
-
script$
|
|
2757
|
+
script$J.render = render$8;
|
|
2758
|
+
script$J.__scopeId = "data-v-71611081";
|
|
2759
|
+
script$J.__file = "core/widgets/containers/auth/ContainerStep.vue";
|
|
2760
2760
|
|
|
2761
2761
|
var containers = {
|
|
2762
|
-
ContainerForm: script$
|
|
2763
|
-
ContainerFormElem: script$
|
|
2764
|
-
ContainerAuthView: script$
|
|
2762
|
+
ContainerForm: script$N,
|
|
2763
|
+
ContainerFormElem: script$M,
|
|
2764
|
+
ContainerAuthView: script$L,
|
|
2765
2765
|
auth: {
|
|
2766
|
-
ContainerStep: script$
|
|
2766
|
+
ContainerStep: script$J
|
|
2767
2767
|
}
|
|
2768
2768
|
};
|
|
2769
2769
|
|
|
2770
2770
|
var buttons = {
|
|
2771
|
-
WidgetButton: script$
|
|
2772
|
-
WidgetMultiButton: script$
|
|
2771
|
+
WidgetButton: script$O,
|
|
2772
|
+
WidgetMultiButton: script$Q
|
|
2773
2773
|
};
|
|
2774
2774
|
|
|
2775
2775
|
var icons = {
|
|
2776
|
-
Icon: script$
|
|
2776
|
+
Icon: script$13
|
|
2777
2777
|
};
|
|
2778
2778
|
|
|
2779
2779
|
var spinners = {
|
|
2780
|
-
WidgetSpinner: script$
|
|
2780
|
+
WidgetSpinner: script$R
|
|
2781
2781
|
};
|
|
2782
2782
|
|
|
2783
2783
|
/**
|
|
@@ -2902,7 +2902,7 @@ class List extends EventEmitter {
|
|
|
2902
2902
|
* Добавляем иконку к полю
|
|
2903
2903
|
* */
|
|
2904
2904
|
if (cell.icon) { // @ts-ignore
|
|
2905
|
-
cellNodeChildren.push(vue.h(script$
|
|
2905
|
+
cellNodeChildren.push(vue.h(script$13, { name: cell.icon }));
|
|
2906
2906
|
}
|
|
2907
2907
|
if (cell.class)
|
|
2908
2908
|
cellClasses.push(...(Array.isArray(cell.class) ? cell.class : [cell.class]));
|
|
@@ -2956,7 +2956,7 @@ function useListState(list) {
|
|
|
2956
2956
|
return { state };
|
|
2957
2957
|
}
|
|
2958
2958
|
|
|
2959
|
-
var script$
|
|
2959
|
+
var script$I = {
|
|
2960
2960
|
props: {
|
|
2961
2961
|
config: Array,
|
|
2962
2962
|
values: Object
|
|
@@ -2966,36 +2966,36 @@ var script$G = {
|
|
|
2966
2966
|
}
|
|
2967
2967
|
};
|
|
2968
2968
|
|
|
2969
|
-
var css_248z$
|
|
2970
|
-
styleInject(css_248z$
|
|
2969
|
+
var css_248z$E = "\ntr[data-v-2fcca30e]{\r\n border: 1px solid #F3F4FC;\r\n height: 30px;\n}\nth[data-v-2fcca30e],\r\n td[data-v-2fcca30e]{\r\n position: relative;\r\n\r\n padding: 0 9px;\n}\nth[data-v-2fcca30e]{\r\n text-align: left;\n}\np[data-v-2fcca30e] {\r\n margin: 0;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\n}\r\n";
|
|
2970
|
+
styleInject(css_248z$E);
|
|
2971
2971
|
|
|
2972
|
-
script$
|
|
2973
|
-
script$
|
|
2972
|
+
script$I.__scopeId = "data-v-2fcca30e";
|
|
2973
|
+
script$I.__file = "core/widgets/tables/WidgetCell.vue";
|
|
2974
2974
|
|
|
2975
|
-
var script$
|
|
2975
|
+
var script$H = {
|
|
2976
2976
|
name: "WidgetListHeadSeparator"
|
|
2977
2977
|
};
|
|
2978
2978
|
|
|
2979
|
-
const _withScopeId$
|
|
2980
|
-
const _hoisted_1$
|
|
2981
|
-
const _hoisted_2$
|
|
2979
|
+
const _withScopeId$8 = n => (vue.pushScopeId("data-v-36a6079a"),n=n(),vue.popScopeId(),n);
|
|
2980
|
+
const _hoisted_1$E = { class: "separator" };
|
|
2981
|
+
const _hoisted_2$p = /*#__PURE__*/ _withScopeId$8(() => /*#__PURE__*/vue.createElementVNode("div", null, null, -1 /* HOISTED */));
|
|
2982
2982
|
const _hoisted_3$j = [
|
|
2983
|
-
_hoisted_2$
|
|
2983
|
+
_hoisted_2$p
|
|
2984
2984
|
];
|
|
2985
2985
|
|
|
2986
|
-
function render$
|
|
2987
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
2986
|
+
function render$7(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2987
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, _hoisted_3$j))
|
|
2988
2988
|
}
|
|
2989
2989
|
|
|
2990
|
-
var css_248z$
|
|
2991
|
-
styleInject(css_248z$
|
|
2990
|
+
var css_248z$D = "\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";
|
|
2991
|
+
styleInject(css_248z$D);
|
|
2992
2992
|
|
|
2993
|
-
script$
|
|
2994
|
-
script$
|
|
2995
|
-
script$
|
|
2993
|
+
script$H.render = render$7;
|
|
2994
|
+
script$H.__scopeId = "data-v-36a6079a";
|
|
2995
|
+
script$H.__file = "core/widgets/tables/list/WidgetListHeadSeparator.vue";
|
|
2996
2996
|
|
|
2997
|
-
var script$
|
|
2998
|
-
components: { WidgetListHeadSeparator: script$
|
|
2997
|
+
var script$G = {
|
|
2998
|
+
components: { WidgetListHeadSeparator: script$H },
|
|
2999
2999
|
props: {
|
|
3000
3000
|
config: Array,
|
|
3001
3001
|
orderConfig: Object
|
|
@@ -3075,16 +3075,16 @@ var script$E = {
|
|
|
3075
3075
|
name: "WidgetListHead"
|
|
3076
3076
|
};
|
|
3077
3077
|
|
|
3078
|
-
const _hoisted_1$
|
|
3078
|
+
const _hoisted_1$D = {
|
|
3079
3079
|
class: "widget-list-head",
|
|
3080
3080
|
ref: "refHead"
|
|
3081
3081
|
};
|
|
3082
|
-
const _hoisted_2$
|
|
3082
|
+
const _hoisted_2$o = ["onClick"];
|
|
3083
3083
|
const _hoisted_3$i = { class: "head-cell" };
|
|
3084
3084
|
const _hoisted_4$e = { class: "head-cell-label" };
|
|
3085
3085
|
|
|
3086
|
-
function render$
|
|
3087
|
-
return (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$
|
|
3086
|
+
function render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3087
|
+
return (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$D, [
|
|
3088
3088
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.config, (elem, index) => {
|
|
3089
3089
|
return (vue.openBlock(), vue.createElementBlock("th", {
|
|
3090
3090
|
key: index,
|
|
@@ -3102,23 +3102,23 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3102
3102
|
])
|
|
3103
3103
|
]),
|
|
3104
3104
|
vue.createCommentVNode("\r\n <widget-list-head-separator @mousedown = \"onScale\" class = \"separator\"/>\r\n ")
|
|
3105
|
-
], 8 /* PROPS */, _hoisted_2$
|
|
3105
|
+
], 8 /* PROPS */, _hoisted_2$o))
|
|
3106
3106
|
}), 128 /* KEYED_FRAGMENT */))
|
|
3107
3107
|
], 512 /* NEED_PATCH */))
|
|
3108
3108
|
}
|
|
3109
3109
|
|
|
3110
|
-
var css_248z$
|
|
3111
|
-
styleInject(css_248z$
|
|
3110
|
+
var css_248z$C = "\n.widget-list-head[data-v-33fbe54a]{\r\n border: 1px solid #F3F4FC;\n}\n.widget-list-head th[data-v-33fbe54a]{\r\n position: sticky;\r\n top: 0;\r\n z-index: 2;\n}\n.head-cell[data-v-33fbe54a]{\r\n display: flex;\r\n cursor: pointer;\r\n padding: 5px 10px;\n}\n.head-cell-label[data-v-33fbe54a]{\r\n flex-grow: 1;\r\n margin: 0;\r\n white-space: nowrap;\n}\n.separator[data-v-33fbe54a]{\r\n position: absolute;\r\n top: 0;\r\n z-index: 1;\n}\ni[data-v-33fbe54a] {\r\n border: solid black;\r\n border-width: 0 2px 2px 0;\r\n display: inline-block;\r\n padding: 3px;\n}\n.down[data-v-33fbe54a] {\r\n transform: rotate(45deg);\r\n -webkit-transform: rotate(45deg);\n}\n.up[data-v-33fbe54a] {\r\n transform: rotate(-135deg);\r\n -webkit-transform: rotate(-135deg);\n}\r\n";
|
|
3111
|
+
styleInject(css_248z$C);
|
|
3112
3112
|
|
|
3113
|
-
script$
|
|
3114
|
-
script$
|
|
3115
|
-
script$
|
|
3113
|
+
script$G.render = render$6;
|
|
3114
|
+
script$G.__scopeId = "data-v-33fbe54a";
|
|
3115
|
+
script$G.__file = "core/widgets/tables/WidgetListHead.vue";
|
|
3116
3116
|
|
|
3117
|
-
const _hoisted_1$
|
|
3117
|
+
const _hoisted_1$C = {
|
|
3118
3118
|
key: 0,
|
|
3119
3119
|
class: "widget-list"
|
|
3120
3120
|
};
|
|
3121
|
-
var script$
|
|
3121
|
+
var script$F = /*#__PURE__*/ vue.defineComponent({
|
|
3122
3122
|
__name: 'WidgetList',
|
|
3123
3123
|
props: {
|
|
3124
3124
|
filters: { type: null, required: false },
|
|
@@ -3145,9 +3145,9 @@ var script$D = /*#__PURE__*/ vue.defineComponent({
|
|
|
3145
3145
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
3146
3146
|
vue.createCommentVNode("\r\n <widget-list-head-filters :filters = \"filters\"/>\r\n "),
|
|
3147
3147
|
(__props.list)
|
|
3148
|
-
? (vue.openBlock(), vue.createElementBlock("table", _hoisted_1$
|
|
3148
|
+
? (vue.openBlock(), vue.createElementBlock("table", _hoisted_1$C, [
|
|
3149
3149
|
vue.createElementVNode("thead", null, [
|
|
3150
|
-
vue.createVNode(script$
|
|
3150
|
+
vue.createVNode(script$G, {
|
|
3151
3151
|
config: vue.unref(config),
|
|
3152
3152
|
onSort: onSort,
|
|
3153
3153
|
"order-config": vue.unref(state).order
|
|
@@ -3155,7 +3155,7 @@ var script$D = /*#__PURE__*/ vue.defineComponent({
|
|
|
3155
3155
|
]),
|
|
3156
3156
|
vue.createElementVNode("tbody", null, [
|
|
3157
3157
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.list.array, (values, index) => {
|
|
3158
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
3158
|
+
return (vue.openBlock(), vue.createBlock(script$I, {
|
|
3159
3159
|
key: index,
|
|
3160
3160
|
config: vue.unref(config),
|
|
3161
3161
|
values: values,
|
|
@@ -3170,11 +3170,11 @@ var script$D = /*#__PURE__*/ vue.defineComponent({
|
|
|
3170
3170
|
}
|
|
3171
3171
|
});
|
|
3172
3172
|
|
|
3173
|
-
var css_248z$
|
|
3174
|
-
styleInject(css_248z$
|
|
3173
|
+
var css_248z$B = "\n.widget-list[data-v-929a676c]{\r\n\t\tmin-width: 100%;\r\n border-collapse: collapse;\r\n table-layout: fixed;\n}\n.widget-list-cell[data-v-929a676c]:nth-child(2n){\r\n background-color: #F3F4FC;\n}\r\n\r\n";
|
|
3174
|
+
styleInject(css_248z$B);
|
|
3175
3175
|
|
|
3176
|
-
script$
|
|
3177
|
-
script$
|
|
3176
|
+
script$F.__scopeId = "data-v-929a676c";
|
|
3177
|
+
script$F.__file = "core/widgets/tables/WidgetList.vue";
|
|
3178
3178
|
|
|
3179
3179
|
class dataService {
|
|
3180
3180
|
constructor() {
|
|
@@ -3358,20 +3358,20 @@ class dataService {
|
|
|
3358
3358
|
}
|
|
3359
3359
|
}
|
|
3360
3360
|
|
|
3361
|
-
var script$
|
|
3361
|
+
var script$E = {
|
|
3362
3362
|
props: {
|
|
3363
3363
|
modelValue: Boolean
|
|
3364
3364
|
},
|
|
3365
3365
|
name: "WidgetRoundSelect",
|
|
3366
|
-
components: {Icon: script$
|
|
3366
|
+
components: {Icon: script$13}
|
|
3367
3367
|
};
|
|
3368
3368
|
|
|
3369
|
-
const _hoisted_1$
|
|
3369
|
+
const _hoisted_1$B = { class: "widget-select" };
|
|
3370
3370
|
|
|
3371
|
-
function render$
|
|
3371
|
+
function render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3372
3372
|
const _component_icon = vue.resolveComponent("icon");
|
|
3373
3373
|
|
|
3374
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
3374
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
|
|
3375
3375
|
($props.modelValue)
|
|
3376
3376
|
? (vue.openBlock(), vue.createBlock(_component_icon, {
|
|
3377
3377
|
key: 0,
|
|
@@ -3382,15 +3382,15 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3382
3382
|
]))
|
|
3383
3383
|
}
|
|
3384
3384
|
|
|
3385
|
-
var css_248z$
|
|
3386
|
-
styleInject(css_248z$
|
|
3385
|
+
var css_248z$A = "\n.widget-select[data-v-89410148]{\r\n height: 18px;\r\n width: 18px;\r\n\r\n border: 1px solid #828282;\r\n border-radius: 50%;\r\n\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\n}\n.widget-select__arrow[data-v-89410148]{\r\n height: 9px;\r\n font-size: 9px;\r\n color: #6F74DD;\n}\r\n";
|
|
3386
|
+
styleInject(css_248z$A);
|
|
3387
3387
|
|
|
3388
|
-
script$
|
|
3389
|
-
script$
|
|
3390
|
-
script$
|
|
3388
|
+
script$E.render = render$5;
|
|
3389
|
+
script$E.__scopeId = "data-v-89410148";
|
|
3390
|
+
script$E.__file = "core/widgets/simplest/WidgetRoundSelect.vue";
|
|
3391
3391
|
|
|
3392
|
-
const _hoisted_1$
|
|
3393
|
-
var script$
|
|
3392
|
+
const _hoisted_1$A = ["colspan"];
|
|
3393
|
+
var script$D = /*#__PURE__*/ vue.defineComponent({
|
|
3394
3394
|
__name: 'widget-table-form',
|
|
3395
3395
|
props: {
|
|
3396
3396
|
table: { type: null, required: true },
|
|
@@ -3406,13 +3406,13 @@ var script$B = /*#__PURE__*/ vue.defineComponent({
|
|
|
3406
3406
|
values: __props.values,
|
|
3407
3407
|
"table-controller": __props.table.tableController
|
|
3408
3408
|
}, null, 8 /* PROPS */, ["values", "table-controller"]))
|
|
3409
|
-
], 8 /* PROPS */, _hoisted_1$
|
|
3409
|
+
], 8 /* PROPS */, _hoisted_1$A)
|
|
3410
3410
|
]));
|
|
3411
3411
|
};
|
|
3412
3412
|
}
|
|
3413
3413
|
});
|
|
3414
3414
|
|
|
3415
|
-
script$
|
|
3415
|
+
script$D.__file = "core/widgets/tables/table-with-form/widget-table-form.vue";
|
|
3416
3416
|
|
|
3417
3417
|
class Table extends List {
|
|
3418
3418
|
constructor(props) {
|
|
@@ -3619,7 +3619,7 @@ class Table extends List {
|
|
|
3619
3619
|
* Добавляем иконку к полю
|
|
3620
3620
|
* */
|
|
3621
3621
|
if (cell.icon)
|
|
3622
|
-
cellNodeChildren.push(vue.h(script$
|
|
3622
|
+
cellNodeChildren.push(vue.h(script$13, { name: cell.icon }));
|
|
3623
3623
|
if (cell.class)
|
|
3624
3624
|
cellClasses.push(...(Array.isArray(cell.class) ? cell.class : [cell.class]));
|
|
3625
3625
|
// Добавление обычной ячейки со значением
|
|
@@ -3639,7 +3639,7 @@ class Table extends List {
|
|
|
3639
3639
|
if (table.activeFormIndex.value === rowValues[Table.INDEX_FIELD_NAME]) {
|
|
3640
3640
|
row.push(
|
|
3641
3641
|
// @ts-ignore
|
|
3642
|
-
vue.h(script$
|
|
3642
|
+
vue.h(script$D, { values: rowValues, table }));
|
|
3643
3643
|
}
|
|
3644
3644
|
return row;
|
|
3645
3645
|
}
|
|
@@ -3679,7 +3679,7 @@ class Table extends List {
|
|
|
3679
3679
|
}
|
|
3680
3680
|
case "select": {
|
|
3681
3681
|
// @ts-ignore
|
|
3682
|
-
cellChild = vue.h(script$
|
|
3682
|
+
cellChild = vue.h(script$E, {
|
|
3683
3683
|
modelValue: this.selectedArray.includes(rowTableIndex),
|
|
3684
3684
|
onClick: () => this.toggleSelectedRow(rowTableIndex)
|
|
3685
3685
|
});
|
|
@@ -3713,7 +3713,7 @@ class Table extends List {
|
|
|
3713
3713
|
}, elemValue);
|
|
3714
3714
|
if (elem.icon) {
|
|
3715
3715
|
// @ts-ignore
|
|
3716
|
-
cellChild = vue.h(script$
|
|
3716
|
+
cellChild = vue.h(script$13, {
|
|
3717
3717
|
name: elem.icon
|
|
3718
3718
|
});
|
|
3719
3719
|
}
|
|
@@ -3909,7 +3909,7 @@ class Table extends List {
|
|
|
3909
3909
|
Table.INDEX_ITEM = 1;
|
|
3910
3910
|
Table.INDEX_FIELD_NAME = '_tableId'; // name of inside index key
|
|
3911
3911
|
|
|
3912
|
-
var script$
|
|
3912
|
+
var script$C = {
|
|
3913
3913
|
props: {
|
|
3914
3914
|
config: Array
|
|
3915
3915
|
},/*
|
|
@@ -3934,30 +3934,30 @@ var script$A = {
|
|
|
3934
3934
|
name: "WidgetTableHead"
|
|
3935
3935
|
};
|
|
3936
3936
|
|
|
3937
|
-
const _hoisted_1$
|
|
3938
|
-
const _hoisted_2$
|
|
3937
|
+
const _hoisted_1$z = { class: "widget-table__head" };
|
|
3938
|
+
const _hoisted_2$n = { class: "widget-table__head-title" };
|
|
3939
3939
|
|
|
3940
|
-
function render$
|
|
3941
|
-
return (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$
|
|
3940
|
+
function render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3941
|
+
return (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$z, [
|
|
3942
3942
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.config, (elem, index) => {
|
|
3943
3943
|
return (vue.openBlock(), vue.createElementBlock("th", {
|
|
3944
3944
|
class: "widget-table__head-cell",
|
|
3945
3945
|
key: index
|
|
3946
3946
|
}, [
|
|
3947
|
-
vue.createElementVNode("p", _hoisted_2$
|
|
3947
|
+
vue.createElementVNode("p", _hoisted_2$n, vue.toDisplayString(elem.title), 1 /* TEXT */)
|
|
3948
3948
|
]))
|
|
3949
3949
|
}), 128 /* KEYED_FRAGMENT */))
|
|
3950
3950
|
]))
|
|
3951
3951
|
}
|
|
3952
3952
|
|
|
3953
|
-
var css_248z$
|
|
3954
|
-
styleInject(css_248z$
|
|
3953
|
+
var css_248z$z = "\n.widget-table__head[data-v-55bcf25c]{\r\n text-align: left;\n}\n.widget-table__head-cell[data-v-55bcf25c]{\r\n padding: 18px;\n}\n.widget-table__head-title[data-v-55bcf25c]{\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n font-weight: 600;\r\n font-size: 14px;\r\n line-height: 19px;\r\n margin: 0;\n}\r\n";
|
|
3954
|
+
styleInject(css_248z$z);
|
|
3955
3955
|
|
|
3956
|
-
script$
|
|
3957
|
-
script$
|
|
3958
|
-
script$
|
|
3956
|
+
script$C.render = render$4;
|
|
3957
|
+
script$C.__scopeId = "data-v-55bcf25c";
|
|
3958
|
+
script$C.__file = "core/widgets/tables/WidgetTableHead.vue";
|
|
3959
3959
|
|
|
3960
|
-
var script$
|
|
3960
|
+
var script$B = {
|
|
3961
3961
|
props: {
|
|
3962
3962
|
values: Object,
|
|
3963
3963
|
table: Table
|
|
@@ -3967,9 +3967,9 @@ var script$z = {
|
|
|
3967
3967
|
}
|
|
3968
3968
|
};
|
|
3969
3969
|
|
|
3970
|
-
script$
|
|
3970
|
+
script$B.__file = "core/widgets/tables/table-with-form/widget-table-row.vue";
|
|
3971
3971
|
|
|
3972
|
-
var script$
|
|
3972
|
+
var script$A = /*#__PURE__*/ vue.defineComponent({
|
|
3973
3973
|
__name: 'widget-table',
|
|
3974
3974
|
props: {
|
|
3975
3975
|
table: { type: null, required: true },
|
|
@@ -3981,26 +3981,26 @@ var script$y = /*#__PURE__*/ vue.defineComponent({
|
|
|
3981
3981
|
return (vue.openBlock(), vue.createElementBlock("table", {
|
|
3982
3982
|
class: vue.normalizeClass(["widget-table", { 'widget-table_mini': __props.mini }])
|
|
3983
3983
|
}, [
|
|
3984
|
-
vue.createVNode(script$
|
|
3984
|
+
vue.createVNode(script$C, {
|
|
3985
3985
|
config: __props.table.config.value
|
|
3986
3986
|
}, null, 8 /* PROPS */, ["config"]),
|
|
3987
3987
|
vue.createElementVNode("tbody", null, [
|
|
3988
3988
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.table.array, (values) => {
|
|
3989
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
3989
|
+
return (vue.openBlock(), vue.createBlock(script$B, {
|
|
3990
3990
|
key: values[vue.unref(IndexName)],
|
|
3991
3991
|
table: __props.table,
|
|
3992
3992
|
values: values
|
|
3993
3993
|
}, null, 8 /* PROPS */, ["table", "values"]));
|
|
3994
3994
|
}), 128 /* KEYED_FRAGMENT */)),
|
|
3995
3995
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.table.changes.new, (values) => {
|
|
3996
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
3996
|
+
return (vue.openBlock(), vue.createBlock(script$B, {
|
|
3997
3997
|
key: values[vue.unref(IndexName)],
|
|
3998
3998
|
table: __props.table,
|
|
3999
3999
|
values: values
|
|
4000
4000
|
}, null, 8 /* PROPS */, ["table", "values"]));
|
|
4001
4001
|
}), 128 /* KEYED_FRAGMENT */)),
|
|
4002
4002
|
(__props.table.activeFormIndex.value === 0)
|
|
4003
|
-
? (vue.openBlock(), vue.createBlock(script$
|
|
4003
|
+
? (vue.openBlock(), vue.createBlock(script$D, {
|
|
4004
4004
|
key: 0,
|
|
4005
4005
|
values: {},
|
|
4006
4006
|
table: __props.table
|
|
@@ -4012,10 +4012,10 @@ var script$y = /*#__PURE__*/ vue.defineComponent({
|
|
|
4012
4012
|
}
|
|
4013
4013
|
});
|
|
4014
4014
|
|
|
4015
|
-
script$
|
|
4015
|
+
script$A.__file = "core/widgets/tables/table-with-form/widget-table.vue";
|
|
4016
4016
|
|
|
4017
|
-
const _hoisted_1$
|
|
4018
|
-
var script$
|
|
4017
|
+
const _hoisted_1$y = { class: "table-controller_action-text text_size_md" };
|
|
4018
|
+
var script$z = /*#__PURE__*/ vue.defineComponent({
|
|
4019
4019
|
__name: 'widget-table-controller-action',
|
|
4020
4020
|
props: {
|
|
4021
4021
|
action: { type: null, required: true },
|
|
@@ -4028,24 +4028,24 @@ var script$x = /*#__PURE__*/ vue.defineComponent({
|
|
|
4028
4028
|
class: "table-controller__action",
|
|
4029
4029
|
onClick: _cache[0] || (_cache[0] = ($event) => (__props.action()))
|
|
4030
4030
|
}, [
|
|
4031
|
-
vue.createVNode(script$
|
|
4031
|
+
vue.createVNode(script$13, {
|
|
4032
4032
|
class: "table-controller__icon",
|
|
4033
4033
|
name: __props.icon
|
|
4034
4034
|
}, null, 8 /* PROPS */, ["name"]),
|
|
4035
|
-
vue.createElementVNode("p", _hoisted_1$
|
|
4035
|
+
vue.createElementVNode("p", _hoisted_1$y, vue.toDisplayString(__props.label), 1 /* TEXT */)
|
|
4036
4036
|
]));
|
|
4037
4037
|
};
|
|
4038
4038
|
}
|
|
4039
4039
|
});
|
|
4040
4040
|
|
|
4041
|
-
var css_248z$
|
|
4042
|
-
styleInject(css_248z$
|
|
4041
|
+
var css_248z$y = "\n.table-controller__action[data-v-2cb4c82a]{\r\n\tdisplay: flex;\r\n\tgap: 8px;\r\n\r\n\talign-items: center;\r\n\r\n\tmargin: 10px 0;\r\n\tcolor: #4F4F4F;\r\n\r\n\tcursor: pointer;\n}\n.table-controller__icon[data-v-2cb4c82a]{\r\n\tcolor: #828282;\r\n\tfont-size: 16px;\n}\r\n";
|
|
4042
|
+
styleInject(css_248z$y);
|
|
4043
4043
|
|
|
4044
|
-
script$
|
|
4045
|
-
script$
|
|
4044
|
+
script$z.__scopeId = "data-v-2cb4c82a";
|
|
4045
|
+
script$z.__file = "core/widgets/tables/table-with-form/widget-table-controller-action.vue";
|
|
4046
4046
|
|
|
4047
|
-
const _hoisted_1$
|
|
4048
|
-
var script$
|
|
4047
|
+
const _hoisted_1$x = { class: "table-controller" };
|
|
4048
|
+
var script$y = /*#__PURE__*/ vue.defineComponent({
|
|
4049
4049
|
__name: 'widget-table-controller',
|
|
4050
4050
|
props: {
|
|
4051
4051
|
read: { type: null, required: false },
|
|
@@ -4065,36 +4065,36 @@ var script$w = /*#__PURE__*/ vue.defineComponent({
|
|
|
4065
4065
|
}
|
|
4066
4066
|
];
|
|
4067
4067
|
return (_ctx, _cache) => {
|
|
4068
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4068
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
|
|
4069
4069
|
(__props.read)
|
|
4070
|
-
? (vue.openBlock(), vue.createBlock(script$
|
|
4070
|
+
? (vue.openBlock(), vue.createBlock(script$z, vue.mergeProps({ key: 0 }, actionsConfig[0], { action: __props.read }), null, 16 /* FULL_PROPS */, ["action"]))
|
|
4071
4071
|
: vue.createCommentVNode("v-if", true),
|
|
4072
4072
|
(__props.create)
|
|
4073
|
-
? (vue.openBlock(), vue.createBlock(script$
|
|
4073
|
+
? (vue.openBlock(), vue.createBlock(script$z, vue.mergeProps({ key: 1 }, actionsConfig[1], { action: __props.create }), null, 16 /* FULL_PROPS */, ["action"]))
|
|
4074
4074
|
: vue.createCommentVNode("v-if", true)
|
|
4075
4075
|
]));
|
|
4076
4076
|
};
|
|
4077
4077
|
}
|
|
4078
4078
|
});
|
|
4079
4079
|
|
|
4080
|
-
var css_248z$
|
|
4081
|
-
styleInject(css_248z$
|
|
4080
|
+
var css_248z$x = "\n.table-controller[data-v-102169ee]{\r\n display: flex;\r\n gap: 16px;\r\n padding: 0 16px;\n}\r\n";
|
|
4081
|
+
styleInject(css_248z$x);
|
|
4082
4082
|
|
|
4083
|
-
script$
|
|
4084
|
-
script$
|
|
4083
|
+
script$y.__scopeId = "data-v-102169ee";
|
|
4084
|
+
script$y.__file = "core/widgets/tables/table-with-form/widget-table-controller.vue";
|
|
4085
4085
|
|
|
4086
4086
|
var tables = {
|
|
4087
|
-
WidgetList: script$
|
|
4088
|
-
WidgetTable: script$
|
|
4089
|
-
WidgetTableController: script$
|
|
4087
|
+
WidgetList: script$F,
|
|
4088
|
+
WidgetTable: script$A,
|
|
4089
|
+
WidgetTableController: script$y
|
|
4090
4090
|
};
|
|
4091
4091
|
|
|
4092
|
-
const _hoisted_1$
|
|
4093
|
-
const _hoisted_2$
|
|
4092
|
+
const _hoisted_1$w = { class: "widget-error" };
|
|
4093
|
+
const _hoisted_2$m = { class: "widget-error-wrap" };
|
|
4094
4094
|
const _hoisted_3$h = { class: "widget-error-main" };
|
|
4095
4095
|
const _hoisted_4$d = { class: "widget-error-text widget-error-message" };
|
|
4096
4096
|
const _hoisted_5$8 = { class: "widget-error__container-close" };
|
|
4097
|
-
var script$
|
|
4097
|
+
var script$x = /*#__PURE__*/ vue.defineComponent({
|
|
4098
4098
|
__name: 'WidgetError',
|
|
4099
4099
|
props: {
|
|
4100
4100
|
isGroup: { type: Boolean, required: false },
|
|
@@ -4103,8 +4103,8 @@ var script$v = /*#__PURE__*/ vue.defineComponent({
|
|
|
4103
4103
|
emits: ["close", "toggle"],
|
|
4104
4104
|
setup(__props, { emit: emits }) {
|
|
4105
4105
|
return (_ctx, _cache) => {
|
|
4106
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4107
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
4106
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
|
|
4107
|
+
vue.createElementVNode("div", _hoisted_2$m, [
|
|
4108
4108
|
vue.createElementVNode("div", _hoisted_3$h, [
|
|
4109
4109
|
vue.createElementVNode("p", _hoisted_4$d, vue.toDisplayString(__props.message), 1 /* TEXT */)
|
|
4110
4110
|
]),
|
|
@@ -4127,17 +4127,17 @@ var script$v = /*#__PURE__*/ vue.defineComponent({
|
|
|
4127
4127
|
}
|
|
4128
4128
|
});
|
|
4129
4129
|
|
|
4130
|
-
var css_248z$
|
|
4131
|
-
styleInject(css_248z$
|
|
4130
|
+
var css_248z$w = "\n.widget-error[data-v-35cda53c]{\r\n\r\n height: 38px;\r\n background-color: #FFB694;\r\n box-shadow: 4px 4px 10px rgba(255, 80, 0, 0.2);\n}\n.widget-error-text[data-v-35cda53c]{\r\n margin: 0;\n}\n.widget-error-wrap[data-v-35cda53c]{\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\n}\n.widget-error-close[data-v-35cda53c]{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n width: 40px;\r\n\r\n cursor: pointer;\n}\n.widget-error-close[data-v-35cda53c]:after,\r\n .widget-error-close[data-v-35cda53c]:before{\r\n position: absolute;\r\n content: \"\";\r\n height: 20px;\r\n width: 2px;\r\n background-color: black;\r\n border-radius: 2px;\n}\n.widget-error-close[data-v-35cda53c]:after{\r\n transform: rotate(45deg);\n}\n.widget-error-close[data-v-35cda53c]:before{\r\n transform: rotate(-45deg);\n}\n.widget-error-message[data-v-35cda53c]{\r\n font-size: 14px;\r\n line-height: 130%;\r\n letter-spacing: 0.05em;\r\n\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n overflow: hidden;\n}\n.widget-error-main[data-v-35cda53c]{\r\n width: 700px;\n}\n.widget-error__container-close[data-v-35cda53c]{\r\n height: 100%;\n}\n.article-details[data-v-35cda53c]{\r\n font-size: 18px;\r\n line-height: 130%;\r\n letter-spacing: 0.05em;\r\n text-decoration-line: underline;\r\n font-weight: bold;\r\n cursor: pointer;\n}\r\n";
|
|
4131
|
+
styleInject(css_248z$w);
|
|
4132
4132
|
|
|
4133
|
-
script$
|
|
4134
|
-
script$
|
|
4133
|
+
script$x.__scopeId = "data-v-35cda53c";
|
|
4134
|
+
script$x.__file = "core/widgets/errorSystem/default/WidgetError.vue";
|
|
4135
4135
|
|
|
4136
|
-
const _hoisted_1$
|
|
4136
|
+
const _hoisted_1$v = {
|
|
4137
4137
|
key: 0,
|
|
4138
4138
|
class: "widget-error-details"
|
|
4139
4139
|
};
|
|
4140
|
-
var script$
|
|
4140
|
+
var script$w = /*#__PURE__*/ vue.defineComponent({
|
|
4141
4141
|
__name: 'WidgetErrorGroup',
|
|
4142
4142
|
props: {
|
|
4143
4143
|
card: { type: null, required: true }
|
|
@@ -4150,7 +4150,7 @@ var script$u = /*#__PURE__*/ vue.defineComponent({
|
|
|
4150
4150
|
const hidden = vue.ref(true);
|
|
4151
4151
|
return (_ctx, _cache) => {
|
|
4152
4152
|
return (vue.openBlock(), vue.createElementBlock("div", null, [
|
|
4153
|
-
(vue.openBlock(), vue.createBlock(script$
|
|
4153
|
+
(vue.openBlock(), vue.createBlock(script$x, {
|
|
4154
4154
|
message: __props.card.msg,
|
|
4155
4155
|
key: __props.card.id,
|
|
4156
4156
|
onClose: _cache[0] || (_cache[0] = ($event) => (emits('closeCard', __props.card.id))),
|
|
@@ -4158,11 +4158,11 @@ var script$u = /*#__PURE__*/ vue.defineComponent({
|
|
|
4158
4158
|
"is-group": vue.unref(isList)
|
|
4159
4159
|
}, null, 8 /* PROPS */, ["message", "is-group"])),
|
|
4160
4160
|
(!hidden.value && __props.card.children)
|
|
4161
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4161
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
|
|
4162
4162
|
vue.createVNode(vue.TransitionGroup, { name: "fade" }, {
|
|
4163
4163
|
default: vue.withCtx(() => [
|
|
4164
4164
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.card.children, (child) => {
|
|
4165
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
4165
|
+
return (vue.openBlock(), vue.createBlock(script$x, {
|
|
4166
4166
|
key: child.id,
|
|
4167
4167
|
message: child.msg,
|
|
4168
4168
|
onClose: ($event) => (emits('closeChild', child.id))
|
|
@@ -4178,22 +4178,22 @@ var script$u = /*#__PURE__*/ vue.defineComponent({
|
|
|
4178
4178
|
}
|
|
4179
4179
|
});
|
|
4180
4180
|
|
|
4181
|
-
var css_248z$
|
|
4182
|
-
styleInject(css_248z$
|
|
4181
|
+
var css_248z$v = "\n.fade-enter-active[data-v-17a78553],\r\n.fade-leave-active[data-v-17a78553] {\r\n transition: 0.5s ease;\r\n max-height: 38px;\n}\n.fade-enter-from[data-v-17a78553],\r\n.fade-leave-to[data-v-17a78553] {\r\n opacity: 0;\r\n max-height: 0;\n}\r\n";
|
|
4182
|
+
styleInject(css_248z$v);
|
|
4183
4183
|
|
|
4184
|
-
script$
|
|
4185
|
-
script$
|
|
4184
|
+
script$w.__scopeId = "data-v-17a78553";
|
|
4185
|
+
script$w.__file = "core/widgets/errorSystem/default/WidgetErrorGroup.vue";
|
|
4186
4186
|
|
|
4187
|
-
const _hoisted_1$
|
|
4188
|
-
var script$
|
|
4187
|
+
const _hoisted_1$u = { class: "container-errors" };
|
|
4188
|
+
var script$v = /*#__PURE__*/ vue.defineComponent({
|
|
4189
4189
|
__name: 'WidgetNotificationSystem',
|
|
4190
4190
|
setup(__props) {
|
|
4191
4191
|
return (_ctx, _cache) => {
|
|
4192
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4192
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
|
|
4193
4193
|
vue.createVNode(vue.TransitionGroup, { name: "fade" }, {
|
|
4194
4194
|
default: vue.withCtx(() => [
|
|
4195
4195
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(NotificationSystem).store, (elem) => {
|
|
4196
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
4196
|
+
return (vue.openBlock(), vue.createBlock(script$w, {
|
|
4197
4197
|
key: elem.id,
|
|
4198
4198
|
card: elem,
|
|
4199
4199
|
onCloseCard: ($event) => (vue.unref(NotificationSystem).remove(elem.id)),
|
|
@@ -4208,14 +4208,14 @@ var script$t = /*#__PURE__*/ vue.defineComponent({
|
|
|
4208
4208
|
}
|
|
4209
4209
|
});
|
|
4210
4210
|
|
|
4211
|
-
var css_248z$
|
|
4212
|
-
styleInject(css_248z$
|
|
4211
|
+
var css_248z$u = "\n.container-errors[data-v-6ee1e976]{\r\n display: flex;\r\n gap: 1px;\r\n flex-direction: column;\r\n\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n\r\n width: 100%;\r\n z-index: 11;\n}\n.fade-enter-active[data-v-6ee1e976],\r\n .fade-leave-active[data-v-6ee1e976] {\r\n transition: 0.5s ease;\r\n max-height: 38px;\n}\n.fade-enter-from[data-v-6ee1e976],\r\n .fade-leave-to[data-v-6ee1e976] {\r\n opacity: 0;\r\n max-height: 0;\n}\r\n";
|
|
4212
|
+
styleInject(css_248z$u);
|
|
4213
4213
|
|
|
4214
|
-
script$
|
|
4215
|
-
script$
|
|
4214
|
+
script$v.__scopeId = "data-v-6ee1e976";
|
|
4215
|
+
script$v.__file = "core/widgets/errorSystem/default/WidgetNotificationSystem.vue";
|
|
4216
4216
|
|
|
4217
4217
|
var errorSystem = {
|
|
4218
|
-
default: script$
|
|
4218
|
+
default: script$v,
|
|
4219
4219
|
};
|
|
4220
4220
|
|
|
4221
4221
|
let a = {
|
|
@@ -4338,7 +4338,7 @@ function renderInput(inputProps, type) {
|
|
|
4338
4338
|
let v = self.metadata.state.fields[name];
|
|
4339
4339
|
if (!v) {
|
|
4340
4340
|
console.log('Field ' + `%c${name}` + ' %cnot founded in metadata.', 'color: red', 'color: black');
|
|
4341
|
-
return script$
|
|
4341
|
+
return script$12;
|
|
4342
4342
|
}
|
|
4343
4343
|
return getInputComponent(v.type);
|
|
4344
4344
|
}
|
|
@@ -4365,11 +4365,11 @@ function renderInput(inputProps, type) {
|
|
|
4365
4365
|
};
|
|
4366
4366
|
}
|
|
4367
4367
|
|
|
4368
|
-
const _hoisted_1$
|
|
4369
|
-
const _hoisted_2$
|
|
4368
|
+
const _hoisted_1$t = { class: "form-section" };
|
|
4369
|
+
const _hoisted_2$l = { class: "form-section__header" };
|
|
4370
4370
|
const _hoisted_3$g = { class: "form-section__header-title" };
|
|
4371
4371
|
const _hoisted_4$c = { class: "form-section__body" };
|
|
4372
|
-
var script$
|
|
4372
|
+
var script$u = /*#__PURE__*/ vue.defineComponent({
|
|
4373
4373
|
__name: 'FormSection',
|
|
4374
4374
|
props: {
|
|
4375
4375
|
title: { type: String, required: false }
|
|
@@ -4377,8 +4377,8 @@ var script$s = /*#__PURE__*/ vue.defineComponent({
|
|
|
4377
4377
|
setup(__props) {
|
|
4378
4378
|
// DEPRECATED
|
|
4379
4379
|
return (_ctx, _cache) => {
|
|
4380
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4381
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
4380
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
|
|
4381
|
+
vue.createElementVNode("div", _hoisted_2$l, [
|
|
4382
4382
|
vue.createElementVNode("p", _hoisted_3$g, vue.toDisplayString(__props.title), 1 /* TEXT */)
|
|
4383
4383
|
]),
|
|
4384
4384
|
vue.createElementVNode("div", _hoisted_4$c, [
|
|
@@ -4389,13 +4389,13 @@ var script$s = /*#__PURE__*/ vue.defineComponent({
|
|
|
4389
4389
|
}
|
|
4390
4390
|
});
|
|
4391
4391
|
|
|
4392
|
-
var css_248z$
|
|
4393
|
-
styleInject(css_248z$
|
|
4392
|
+
var css_248z$t = "\n.form-section[data-v-6feb863f]{\r\n background-color: var(--form-section-background-color);\r\n box-shadow: var(--form-section-box-shadow);\r\n border-radius: var(--form-section-border-radius);\n}\n.form-section__header[data-v-6feb863f]{\r\n display: flex;\r\n padding: 8px 8px 8px 40px;\r\n\r\n background-color: var(--form-section-header-background-color);\n}\n.form-section__header-title[data-v-6feb863f]{\r\n flex-grow: 1;\r\n\r\n font-weight: var(--form-section-title-font-weight);\r\n color: var(--form-section-title-color);\r\n font-size: var(--form-section-title-font-size);\r\n line-height: var(--form-section-title-line-height);\r\n margin: 0;\n}\n.form-section__body[data-v-6feb863f]{\r\n\r\n padding: 20px 40px;\n}\r\n\r\n";
|
|
4393
|
+
styleInject(css_248z$t);
|
|
4394
4394
|
|
|
4395
|
-
script$
|
|
4396
|
-
script$
|
|
4395
|
+
script$u.__scopeId = "data-v-6feb863f";
|
|
4396
|
+
script$u.__file = "core/widgets/forms/FormSection.vue";
|
|
4397
4397
|
|
|
4398
|
-
function render$
|
|
4398
|
+
function render$3(array) {
|
|
4399
4399
|
try {
|
|
4400
4400
|
if (!array) {
|
|
4401
4401
|
console.log('Array of render-item has not been provided.');
|
|
@@ -4412,7 +4412,7 @@ function render$1(array) {
|
|
|
4412
4412
|
if (typeof elem === "function")
|
|
4413
4413
|
return elem();
|
|
4414
4414
|
if (Array.isArray(elem.children))
|
|
4415
|
-
return vue.h(elem.component, elem.props, { default: () => render$
|
|
4415
|
+
return vue.h(elem.component, elem.props, { default: () => render$3(elem.children) });
|
|
4416
4416
|
return vue.h(elem.component, elem.props, (typeof elem.children === "object") ? elem.children.value : elem.children);
|
|
4417
4417
|
});
|
|
4418
4418
|
return v;
|
|
@@ -4426,7 +4426,7 @@ function render$1(array) {
|
|
|
4426
4426
|
|
|
4427
4427
|
function renderChildren(arr) {
|
|
4428
4428
|
return arr.reduce((acc, fn) => {
|
|
4429
|
-
const v = (typeof fn === "function") ? fn() : render$
|
|
4429
|
+
const v = (typeof fn === "function") ? fn() : render$3(fn);
|
|
4430
4430
|
if (v !== null)
|
|
4431
4431
|
acc.push(v);
|
|
4432
4432
|
return acc;
|
|
@@ -4447,36 +4447,36 @@ function containerRender(Component, props, children) {
|
|
|
4447
4447
|
}
|
|
4448
4448
|
|
|
4449
4449
|
function renderFormSection(props, children) {
|
|
4450
|
-
return containerRender(script$
|
|
4450
|
+
return containerRender(script$u, props, children);
|
|
4451
4451
|
}
|
|
4452
4452
|
|
|
4453
|
-
var script$
|
|
4453
|
+
var script$t = {
|
|
4454
4454
|
name: "FormBodyWrap"
|
|
4455
4455
|
};
|
|
4456
4456
|
|
|
4457
|
-
const _withScopeId$
|
|
4458
|
-
const _hoisted_1$
|
|
4459
|
-
const _hoisted_2$
|
|
4457
|
+
const _withScopeId$7 = n => (vue.pushScopeId("data-v-19107abc"),n=n(),vue.popScopeId(),n);
|
|
4458
|
+
const _hoisted_1$s = { class: "form-body-wrap" };
|
|
4459
|
+
const _hoisted_2$k = /*#__PURE__*/ _withScopeId$7(() => /*#__PURE__*/vue.createElementVNode("div", { class: "form-body-wrap__header" }, null, -1 /* HOISTED */));
|
|
4460
4460
|
const _hoisted_3$f = { class: "form-body-wrap__content" };
|
|
4461
4461
|
|
|
4462
|
-
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4463
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4464
|
-
_hoisted_2$
|
|
4462
|
+
function render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4463
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
|
|
4464
|
+
_hoisted_2$k,
|
|
4465
4465
|
vue.createElementVNode("div", _hoisted_3$f, [
|
|
4466
4466
|
vue.renderSlot(_ctx.$slots, "default")
|
|
4467
4467
|
])
|
|
4468
4468
|
]))
|
|
4469
4469
|
}
|
|
4470
4470
|
|
|
4471
|
-
var css_248z$
|
|
4472
|
-
styleInject(css_248z$
|
|
4471
|
+
var css_248z$s = "\n.form-body-wrap[data-v-19107abc]{\r\n background-color: var(--form-body-background-color);\r\n border-radius: var(--form-body-border-radius);\n}\n.form-body-wrap__content[data-v-19107abc]{\r\n padding: 20px 40px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 40px;\n}\n@media screen and (max-width: 768px){\n.form-body-wrap__content[data-v-19107abc]{\r\n padding: 20px 10px;\r\n gap: 20px;\n}\n}\r\n";
|
|
4472
|
+
styleInject(css_248z$s);
|
|
4473
4473
|
|
|
4474
|
-
script$
|
|
4475
|
-
script$
|
|
4476
|
-
script$
|
|
4474
|
+
script$t.render = render$2;
|
|
4475
|
+
script$t.__scopeId = "data-v-19107abc";
|
|
4476
|
+
script$t.__file = "core/widgets/forms/FormBodyWrap.vue";
|
|
4477
4477
|
|
|
4478
4478
|
function renderFormBody(props, children) {
|
|
4479
|
-
return containerRender(script$
|
|
4479
|
+
return containerRender(script$t, props, children);
|
|
4480
4480
|
}
|
|
4481
4481
|
|
|
4482
4482
|
class Metadata extends EventEmitter {
|
|
@@ -4711,7 +4711,7 @@ var classes = {
|
|
|
4711
4711
|
Table,
|
|
4712
4712
|
ErrorStorageSystem,
|
|
4713
4713
|
form: {
|
|
4714
|
-
render: render$
|
|
4714
|
+
render: render$3
|
|
4715
4715
|
},
|
|
4716
4716
|
InterfaceWorker,
|
|
4717
4717
|
ApplicationManager
|
|
@@ -4858,11 +4858,11 @@ var types = /*#__PURE__*/Object.freeze({
|
|
|
4858
4858
|
__proto__: null
|
|
4859
4859
|
});
|
|
4860
4860
|
|
|
4861
|
-
var css_248z$p = "*{\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.widget-table_mini{\r\n\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";
|
|
4862
|
-
styleInject(css_248z$
|
|
4861
|
+
var css_248z$r = "*{\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.widget-table_mini{\r\n\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";
|
|
4862
|
+
styleInject(css_248z$r);
|
|
4863
4863
|
|
|
4864
|
-
const _hoisted_1$
|
|
4865
|
-
var script$
|
|
4864
|
+
const _hoisted_1$r = { class: "breadcrumb__title" };
|
|
4865
|
+
var script$s = /*#__PURE__*/ vue.defineComponent({
|
|
4866
4866
|
__name: 'widget-breadcrumb-item',
|
|
4867
4867
|
props: {
|
|
4868
4868
|
active: { type: Boolean, required: true },
|
|
@@ -4874,9 +4874,9 @@ var script$q = /*#__PURE__*/ vue.defineComponent({
|
|
|
4874
4874
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
4875
4875
|
class: vue.normalizeClass(["breadcrumb flex", { 'breadcrumb_active': __props.active }])
|
|
4876
4876
|
}, [
|
|
4877
|
-
vue.createElementVNode("p", _hoisted_1$
|
|
4877
|
+
vue.createElementVNode("p", _hoisted_1$r, vue.toDisplayString(__props.title), 1 /* TEXT */),
|
|
4878
4878
|
(!__props.active)
|
|
4879
|
-
? (vue.openBlock(), vue.createBlock(script$
|
|
4879
|
+
? (vue.openBlock(), vue.createBlock(script$13, {
|
|
4880
4880
|
key: 0,
|
|
4881
4881
|
class: "breadcrumb__icon",
|
|
4882
4882
|
name: "caret-right"
|
|
@@ -4887,23 +4887,23 @@ var script$q = /*#__PURE__*/ vue.defineComponent({
|
|
|
4887
4887
|
}
|
|
4888
4888
|
});
|
|
4889
4889
|
|
|
4890
|
-
var css_248z$
|
|
4891
|
-
styleInject(css_248z$
|
|
4890
|
+
var css_248z$q = "\n.breadcrumb[data-v-28f4de65] {\r\n gap: 8px;\r\n align-items: center;\r\n color: #828282;\r\n\r\n cursor: pointer;\n}\n.breadcrumb__title[data-v-28f4de65] {\r\n font-weight: 400;\r\n font-size: 12px;\r\n line-height: 16px;\r\n margin: 0;\n}\n.breadcrumb__icon[data-v-28f4de65] {\r\n height: 16px;\n}\n.breadcrumb_active[data-v-28f4de65],\r\n .breadcrumb[data-v-28f4de65]:hover{\r\n color: #4F4F4F;\n}\r\n";
|
|
4891
|
+
styleInject(css_248z$q);
|
|
4892
4892
|
|
|
4893
|
-
script$
|
|
4894
|
-
script$
|
|
4893
|
+
script$s.__scopeId = "data-v-28f4de65";
|
|
4894
|
+
script$s.__file = "core/widgets/breadcrumbs/widget-breadcrumb-item.vue";
|
|
4895
4895
|
|
|
4896
|
-
const _hoisted_1$
|
|
4897
|
-
var script$
|
|
4896
|
+
const _hoisted_1$q = { class: "widget-breadcrumbs" };
|
|
4897
|
+
var script$r = /*#__PURE__*/ vue.defineComponent({
|
|
4898
4898
|
__name: 'widget-breadcrumbs',
|
|
4899
4899
|
props: {
|
|
4900
4900
|
array: { type: Array, required: true }
|
|
4901
4901
|
},
|
|
4902
4902
|
setup(__props) {
|
|
4903
4903
|
return (_ctx, _cache) => {
|
|
4904
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4904
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
|
|
4905
4905
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.array, (elem, index) => {
|
|
4906
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
4906
|
+
return (vue.openBlock(), vue.createBlock(script$s, {
|
|
4907
4907
|
key: index,
|
|
4908
4908
|
title: elem.title,
|
|
4909
4909
|
link: elem.link,
|
|
@@ -4915,14 +4915,14 @@ var script$p = /*#__PURE__*/ vue.defineComponent({
|
|
|
4915
4915
|
}
|
|
4916
4916
|
});
|
|
4917
4917
|
|
|
4918
|
-
var css_248z$
|
|
4919
|
-
styleInject(css_248z$
|
|
4918
|
+
var css_248z$p = "\n.widget-breadcrumbs[data-v-ee0481d0]{\r\n display: flex;\r\n gap: 14px;\n}\r\n";
|
|
4919
|
+
styleInject(css_248z$p);
|
|
4920
4920
|
|
|
4921
|
-
script$
|
|
4922
|
-
script$
|
|
4921
|
+
script$r.__scopeId = "data-v-ee0481d0";
|
|
4922
|
+
script$r.__file = "core/widgets/breadcrumbs/widget-breadcrumbs.vue";
|
|
4923
4923
|
|
|
4924
|
-
const _hoisted_1$
|
|
4925
|
-
var script$
|
|
4924
|
+
const _hoisted_1$p = { class: "widget-communication-message" };
|
|
4925
|
+
var script$q = /*#__PURE__*/ vue.defineComponent({
|
|
4926
4926
|
__name: 'communication-input',
|
|
4927
4927
|
props: {
|
|
4928
4928
|
handleSend: { type: Function, required: true }
|
|
@@ -4934,7 +4934,7 @@ var script$o = /*#__PURE__*/ vue.defineComponent({
|
|
|
4934
4934
|
message.value = '';
|
|
4935
4935
|
}));
|
|
4936
4936
|
return (_ctx, _cache) => {
|
|
4937
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4937
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
|
|
4938
4938
|
vue.withDirectives(vue.createElementVNode("input", {
|
|
4939
4939
|
type: "text",
|
|
4940
4940
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => ((message).value = $event)),
|
|
@@ -4948,8 +4948,8 @@ var script$o = /*#__PURE__*/ vue.defineComponent({
|
|
|
4948
4948
|
onClick: _cache[2] || (_cache[2] = ($event) => (vue.unref(p).call()))
|
|
4949
4949
|
}, [
|
|
4950
4950
|
(vue.unref(p).wait)
|
|
4951
|
-
? (vue.openBlock(), vue.createBlock(script$
|
|
4952
|
-
: (vue.openBlock(), vue.createBlock(script$
|
|
4951
|
+
? (vue.openBlock(), vue.createBlock(script$R, { key: 0 }))
|
|
4952
|
+
: (vue.openBlock(), vue.createBlock(script$13, {
|
|
4953
4953
|
key: 1,
|
|
4954
4954
|
name: "paper-plane"
|
|
4955
4955
|
}))
|
|
@@ -4959,16 +4959,16 @@ var script$o = /*#__PURE__*/ vue.defineComponent({
|
|
|
4959
4959
|
}
|
|
4960
4960
|
});
|
|
4961
4961
|
|
|
4962
|
-
var css_248z$
|
|
4963
|
-
styleInject(css_248z$
|
|
4962
|
+
var css_248z$o = "\n.widget-communication-message[data-v-1345a598]{\r\n display: flex;\r\n gap: 10px;\r\n padding: 20px 32px;\n}\n.communication_textarea[data-v-1345a598]{\r\n border: 1px solid #D0D0D0;\r\n box-sizing: border-box;\r\n border-radius: 4px;\r\n height: 44px;\n}\n.button__send-message[data-v-1345a598]{\r\n\r\n aspect-ratio: 1/1 ;\r\n cursor: pointer;\r\n display: grid;\r\n place-content: center;\r\n\r\n box-sizing: border-box;\r\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.25);\r\n border-radius: 8px;\r\n background: #6F74DD;\r\n color: white;\r\n height: 44px;\n}\r\n\r\n\r\n";
|
|
4963
|
+
styleInject(css_248z$o);
|
|
4964
4964
|
|
|
4965
|
-
script$
|
|
4966
|
-
script$
|
|
4965
|
+
script$q.__scopeId = "data-v-1345a598";
|
|
4966
|
+
script$q.__file = "core/widgets/communication/communication-input.vue";
|
|
4967
4967
|
|
|
4968
|
-
const _withScopeId$
|
|
4969
|
-
const _hoisted_1$
|
|
4970
|
-
const _hoisted_2$
|
|
4971
|
-
var script$
|
|
4968
|
+
const _withScopeId$6 = n => (vue.pushScopeId("data-v-41e9b757"), n = n(), vue.popScopeId(), n);
|
|
4969
|
+
const _hoisted_1$o = { class: "head-create" };
|
|
4970
|
+
const _hoisted_2$j = /*#__PURE__*/ _withScopeId$6(() => /*#__PURE__*/ vue.createElementVNode("span", { class: "head-create__button-text" }, "Start chat", -1 /* HOISTED */));
|
|
4971
|
+
var script$p = /*#__PURE__*/ vue.defineComponent({
|
|
4972
4972
|
__name: 'communication-head-create',
|
|
4973
4973
|
props: {
|
|
4974
4974
|
handleCreate: { type: Function, required: true }
|
|
@@ -4977,10 +4977,10 @@ var script$n = /*#__PURE__*/ vue.defineComponent({
|
|
|
4977
4977
|
const props = __props;
|
|
4978
4978
|
const p = ProcessWrap(props.handleCreate);
|
|
4979
4979
|
return (_ctx, _cache) => {
|
|
4980
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4980
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
|
|
4981
4981
|
vue.createCommentVNode("loader"),
|
|
4982
4982
|
(vue.unref(p).wait)
|
|
4983
|
-
? (vue.openBlock(), vue.createBlock(script$
|
|
4983
|
+
? (vue.openBlock(), vue.createBlock(script$R, {
|
|
4984
4984
|
key: 0,
|
|
4985
4985
|
color: "#3949AB"
|
|
4986
4986
|
}))
|
|
@@ -4989,33 +4989,33 @@ var script$n = /*#__PURE__*/ vue.defineComponent({
|
|
|
4989
4989
|
class: "head-create__button",
|
|
4990
4990
|
onClick: _cache[0] || (_cache[0] = ($event) => (vue.unref(p).call()))
|
|
4991
4991
|
}, [
|
|
4992
|
-
_hoisted_2$
|
|
4993
|
-
vue.createVNode(script$
|
|
4992
|
+
_hoisted_2$j,
|
|
4993
|
+
vue.createVNode(script$13, { name: "edit" })
|
|
4994
4994
|
])
|
|
4995
4995
|
]));
|
|
4996
4996
|
};
|
|
4997
4997
|
}
|
|
4998
4998
|
});
|
|
4999
4999
|
|
|
5000
|
-
var css_248z$
|
|
5001
|
-
styleInject(css_248z$
|
|
5000
|
+
var css_248z$n = "\n.head-create[data-v-41e9b757]{\r\n display: flex;\r\n gap: 10px;\n}\n.head-create__button[data-v-41e9b757]{\r\n cursor: pointer;\r\n color: #828282;\r\n display: flex;\r\n gap: 5px;\n}\n.head-create__button-text[data-v-41e9b757]{\r\n font-weight: 400;\r\n font-size: 12px;\r\n line-height: 16px;\n}\r\n";
|
|
5001
|
+
styleInject(css_248z$n);
|
|
5002
5002
|
|
|
5003
|
-
script$
|
|
5004
|
-
script$
|
|
5003
|
+
script$p.__scopeId = "data-v-41e9b757";
|
|
5004
|
+
script$p.__file = "core/widgets/communication/communication-head-create.vue";
|
|
5005
5005
|
|
|
5006
|
-
const _withScopeId$
|
|
5007
|
-
const _hoisted_1$
|
|
5008
|
-
const _hoisted_2$
|
|
5006
|
+
const _withScopeId$5 = n => (vue.pushScopeId("data-v-79f1bcfc"), n = n(), vue.popScopeId(), n);
|
|
5007
|
+
const _hoisted_1$n = { class: "communication-head" };
|
|
5008
|
+
const _hoisted_2$i = { class: "communication-head__info" };
|
|
5009
5009
|
const _hoisted_3$e = { class: "communication-head__title text_size_xxl" };
|
|
5010
5010
|
const _hoisted_4$b = {
|
|
5011
5011
|
key: 0,
|
|
5012
5012
|
class: "communication-head__navigation flex"
|
|
5013
5013
|
};
|
|
5014
|
-
const _hoisted_5$7 = /*#__PURE__*/ _withScopeId$
|
|
5014
|
+
const _hoisted_5$7 = /*#__PURE__*/ _withScopeId$5(() => /*#__PURE__*/ vue.createElementVNode("p", { class: "communication-head__navigation-item text_size_md navigation-item_active" }, "Messages", -1 /* HOISTED */));
|
|
5015
5015
|
const _hoisted_6$3 = [
|
|
5016
5016
|
_hoisted_5$7
|
|
5017
5017
|
];
|
|
5018
|
-
var script$
|
|
5018
|
+
var script$o = /*#__PURE__*/ vue.defineComponent({
|
|
5019
5019
|
__name: 'communication-head',
|
|
5020
5020
|
props: {
|
|
5021
5021
|
title: { type: String, required: true },
|
|
@@ -5024,11 +5024,11 @@ var script$m = /*#__PURE__*/ vue.defineComponent({
|
|
|
5024
5024
|
},
|
|
5025
5025
|
setup(__props) {
|
|
5026
5026
|
return (_ctx, _cache) => {
|
|
5027
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5028
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
5027
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
|
|
5028
|
+
vue.createElementVNode("div", _hoisted_2$i, [
|
|
5029
5029
|
vue.createElementVNode("p", _hoisted_3$e, vue.toDisplayString(__props.title), 1 /* TEXT */),
|
|
5030
5030
|
(__props.showCreate)
|
|
5031
|
-
? (vue.openBlock(), vue.createBlock(script$
|
|
5031
|
+
? (vue.openBlock(), vue.createBlock(script$p, {
|
|
5032
5032
|
key: 0,
|
|
5033
5033
|
"handle-create": __props.handleCreate
|
|
5034
5034
|
}, null, 8 /* PROPS */, ["handle-create"]))
|
|
@@ -5042,19 +5042,19 @@ var script$m = /*#__PURE__*/ vue.defineComponent({
|
|
|
5042
5042
|
}
|
|
5043
5043
|
});
|
|
5044
5044
|
|
|
5045
|
-
var css_248z$
|
|
5046
|
-
styleInject(css_248z$
|
|
5045
|
+
var css_248z$m = "\n.communication-head[data-v-79f1bcfc]{\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n padding: 20px 16px;\n}\n.communication-head__title[data-v-79f1bcfc]{\r\n margin: 0;\r\n text-transform: uppercase;\n}\n.communication-head__info[data-v-79f1bcfc]{\r\n display: flex;\r\n justify-content: space-between;\n}\n.communication-head__navigation[data-v-79f1bcfc]{\r\n padding: 5px;\r\n background: #F3F4FC;\r\n border: 1px solid #E6E9FA;\r\n border-radius: 8px;\n}\n.communication-head__navigation-item[data-v-79f1bcfc]{\r\n color: #4F4F4F;\r\n margin: 0;\r\n flex:1 1 auto;\r\n text-align: center;\r\n padding: 8px 0;\r\n\r\n font-weight: 600;\r\n font-size: 14px;\r\n line-height: 19px;\r\n\r\n cursor: pointer;\n}\n.navigation-item_active[data-v-79f1bcfc]{\r\n background: #FFFFFF;\r\n box-shadow: 0px 2px 8px rgba(16, 24, 40, 0.16);\r\n border-radius: 6px;\n}\r\n";
|
|
5046
|
+
styleInject(css_248z$m);
|
|
5047
5047
|
|
|
5048
|
-
script$
|
|
5049
|
-
script$
|
|
5048
|
+
script$o.__scopeId = "data-v-79f1bcfc";
|
|
5049
|
+
script$o.__file = "core/widgets/communication/communication-head.vue";
|
|
5050
5050
|
|
|
5051
|
-
const _hoisted_1$
|
|
5052
|
-
const _hoisted_2$
|
|
5051
|
+
const _hoisted_1$m = { class: "chat-message" };
|
|
5052
|
+
const _hoisted_2$h = { class: "message-info" };
|
|
5053
5053
|
const _hoisted_3$d = { class: "message-info__username" };
|
|
5054
5054
|
const _hoisted_4$a = { class: "message-info__date" };
|
|
5055
5055
|
const _hoisted_5$6 = { class: "message-content" };
|
|
5056
5056
|
const _hoisted_6$2 = { class: "message-content__text" };
|
|
5057
|
-
var script$
|
|
5057
|
+
var script$n = /*#__PURE__*/ vue.defineComponent({
|
|
5058
5058
|
__name: 'communication-chat-message',
|
|
5059
5059
|
props: {
|
|
5060
5060
|
userName: { type: String, required: true },
|
|
@@ -5071,8 +5071,8 @@ var script$l = /*#__PURE__*/ vue.defineComponent({
|
|
|
5071
5071
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
5072
5072
|
class: vue.normalizeClass(["chat-message-wrap flex", { 'chat-message_right': __props.myMessage }])
|
|
5073
5073
|
}, [
|
|
5074
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
5075
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
5074
|
+
vue.createElementVNode("div", _hoisted_1$m, [
|
|
5075
|
+
vue.createElementVNode("div", _hoisted_2$h, [
|
|
5076
5076
|
vue.createElementVNode("span", _hoisted_3$d, vue.toDisplayString(__props.userName), 1 /* TEXT */),
|
|
5077
5077
|
vue.createElementVNode("span", _hoisted_4$a, vue.toDisplayString(vue.unref(pretty)), 1 /* TEXT */)
|
|
5078
5078
|
]),
|
|
@@ -5085,14 +5085,14 @@ var script$l = /*#__PURE__*/ vue.defineComponent({
|
|
|
5085
5085
|
}
|
|
5086
5086
|
});
|
|
5087
5087
|
|
|
5088
|
-
var css_248z$
|
|
5089
|
-
styleInject(css_248z$
|
|
5088
|
+
var css_248z$l = "\n.chat-message[data-v-75379f34]{\r\n max-width: 65%;\r\n min-width: 20%;\n}\n.message-info[data-v-75379f34]{\r\n display: flex;\r\n\r\n justify-content: space-between;\n}\n.message-info__date[data-v-75379f34] {\r\n font-weight: 400;\r\n font-size: 12px;\r\n line-height: 18px;\r\n color: #828282;\n}\n.message-info__username[data-v-75379f34]{\r\n font-weight: 500;\r\n font-size: 14px;\r\n line-height: 20px;\r\n\r\n color: #4F4F4F;\n}\n.message-content[data-v-75379f34] {\r\n box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);\r\n border-radius: 0px 8px 8px 8px;\r\n padding: 10px 14px;\n}\n.message-content__text[data-v-75379f34]{\r\n font-weight: 400;\r\n font-size: 16px;\r\n line-height: 24px;\r\n margin: 0;\n}\n.chat-message_right .message-content[data-v-75379f34]{\r\n background: #6F74DD;\r\n color: white;\r\n border-radius: 8px 0 8px 8px;\n}\n.chat-message_right[data-v-75379f34]{\r\n justify-content: flex-end;\n}\r\n";
|
|
5089
|
+
styleInject(css_248z$l);
|
|
5090
5090
|
|
|
5091
|
-
script$
|
|
5092
|
-
script$
|
|
5091
|
+
script$n.__scopeId = "data-v-75379f34";
|
|
5092
|
+
script$n.__file = "core/widgets/communication/communication-chat-message.vue";
|
|
5093
5093
|
|
|
5094
|
-
const _hoisted_1$
|
|
5095
|
-
var script$
|
|
5094
|
+
const _hoisted_1$l = { class: "container__communication-chat" };
|
|
5095
|
+
var script$m = /*#__PURE__*/ vue.defineComponent({
|
|
5096
5096
|
__name: 'communication-chat',
|
|
5097
5097
|
props: {
|
|
5098
5098
|
list: { type: Array, required: true },
|
|
@@ -5100,9 +5100,9 @@ var script$k = /*#__PURE__*/ vue.defineComponent({
|
|
|
5100
5100
|
},
|
|
5101
5101
|
setup(__props) {
|
|
5102
5102
|
return (_ctx, _cache) => {
|
|
5103
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5103
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
|
|
5104
5104
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.list, (msg, index) => {
|
|
5105
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
5105
|
+
return (vue.openBlock(), vue.createBlock(script$n, {
|
|
5106
5106
|
key: index,
|
|
5107
5107
|
content: msg.content,
|
|
5108
5108
|
"user-name": msg.personName,
|
|
@@ -5115,11 +5115,11 @@ var script$k = /*#__PURE__*/ vue.defineComponent({
|
|
|
5115
5115
|
}
|
|
5116
5116
|
});
|
|
5117
5117
|
|
|
5118
|
-
var css_248z$
|
|
5119
|
-
styleInject(css_248z$
|
|
5118
|
+
var css_248z$k = "\n.container__communication-chat[data-v-5b356afa]{\r\n display: flex;\r\n flex-direction: column;\r\n gap: 7px;\n}\r\n";
|
|
5119
|
+
styleInject(css_248z$k);
|
|
5120
5120
|
|
|
5121
|
-
script$
|
|
5122
|
-
script$
|
|
5121
|
+
script$m.__scopeId = "data-v-5b356afa";
|
|
5122
|
+
script$m.__file = "core/widgets/communication/communication-chat.vue";
|
|
5123
5123
|
|
|
5124
5124
|
class CommunicationError extends Error {
|
|
5125
5125
|
/**
|
|
@@ -5131,14 +5131,14 @@ class CommunicationError extends Error {
|
|
|
5131
5131
|
}
|
|
5132
5132
|
}
|
|
5133
5133
|
|
|
5134
|
-
const _withScopeId$
|
|
5135
|
-
const _hoisted_1$
|
|
5136
|
-
const _hoisted_2$
|
|
5134
|
+
const _withScopeId$4 = n => (vue.pushScopeId("data-v-4b4d3458"), n = n(), vue.popScopeId(), n);
|
|
5135
|
+
const _hoisted_1$k = { class: "widget-communication" };
|
|
5136
|
+
const _hoisted_2$g = {
|
|
5137
5137
|
key: 0,
|
|
5138
5138
|
class: "widget-communication__spinner"
|
|
5139
5139
|
};
|
|
5140
5140
|
const _hoisted_3$c = { key: 1 };
|
|
5141
|
-
const _hoisted_4$9 = /*#__PURE__*/ _withScopeId$
|
|
5141
|
+
const _hoisted_4$9 = /*#__PURE__*/ _withScopeId$4(() => /*#__PURE__*/ vue.createElementVNode("p", { class: "text_error" }, "Failed to update list", -1 /* HOISTED */));
|
|
5142
5142
|
const _hoisted_5$5 = [
|
|
5143
5143
|
_hoisted_4$9
|
|
5144
5144
|
];
|
|
@@ -5146,7 +5146,7 @@ const _hoisted_6$1 = {
|
|
|
5146
5146
|
key: 0,
|
|
5147
5147
|
class: "content-spinner"
|
|
5148
5148
|
};
|
|
5149
|
-
var script$
|
|
5149
|
+
var script$l = /*#__PURE__*/ vue.defineComponent({
|
|
5150
5150
|
__name: 'widget-communication',
|
|
5151
5151
|
props: {
|
|
5152
5152
|
entity: { type: Object, required: true },
|
|
@@ -5239,8 +5239,8 @@ var script$j = /*#__PURE__*/ vue.defineComponent({
|
|
|
5239
5239
|
});
|
|
5240
5240
|
}
|
|
5241
5241
|
return (_ctx, _cache) => {
|
|
5242
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5243
|
-
vue.createVNode(script$
|
|
5242
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
|
|
5243
|
+
vue.createVNode(script$o, {
|
|
5244
5244
|
class: "widget-communication-head",
|
|
5245
5245
|
title: __props.title,
|
|
5246
5246
|
"handle-create": handleCreate,
|
|
@@ -5248,8 +5248,8 @@ var script$j = /*#__PURE__*/ vue.defineComponent({
|
|
|
5248
5248
|
}, null, 8 /* PROPS */, ["title", "show-create"]),
|
|
5249
5249
|
vue.createCommentVNode("Content"),
|
|
5250
5250
|
(vue.unref(processTalkList).wait)
|
|
5251
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
5252
|
-
vue.createVNode(script$
|
|
5251
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
|
|
5252
|
+
vue.createVNode(script$R, { color: "red" })
|
|
5253
5253
|
]))
|
|
5254
5254
|
: vue.createCommentVNode("v-if", true),
|
|
5255
5255
|
(vue.unref(processTalkList).error)
|
|
@@ -5260,41 +5260,41 @@ var script$j = /*#__PURE__*/ vue.defineComponent({
|
|
|
5260
5260
|
ref_key: "refContent",
|
|
5261
5261
|
ref: refContent
|
|
5262
5262
|
}, [
|
|
5263
|
-
vue.createVNode(script$
|
|
5263
|
+
vue.createVNode(script$m, {
|
|
5264
5264
|
list: messages,
|
|
5265
5265
|
"current-person-id": __props.currentPersonId
|
|
5266
5266
|
}, null, 8 /* PROPS */, ["list", "current-person-id"]),
|
|
5267
5267
|
(vue.unref(processMessages).wait)
|
|
5268
5268
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
|
|
5269
|
-
vue.createVNode(script$
|
|
5269
|
+
vue.createVNode(script$R, { color: "red" })
|
|
5270
5270
|
]))
|
|
5271
5271
|
: vue.createCommentVNode("v-if", true)
|
|
5272
5272
|
], 512 /* NEED_PATCH */),
|
|
5273
|
-
vue.createVNode(script$
|
|
5273
|
+
vue.createVNode(script$q, { "handle-send": handleSend })
|
|
5274
5274
|
]));
|
|
5275
5275
|
};
|
|
5276
5276
|
}
|
|
5277
5277
|
});
|
|
5278
5278
|
|
|
5279
|
-
var css_248z$
|
|
5280
|
-
styleInject(css_248z$
|
|
5279
|
+
var css_248z$j = "\n.widget-communication[data-v-4b4d3458]{\r\n box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);\r\n border-radius: 8px;\r\n background-color: white;\r\n padding: 16px;\n}\n.widget-communication-head[data-v-4b4d3458]{\r\n border-bottom: 1px solid #E9E9E9;\n}\n.content[data-v-4b4d3458]{\r\n max-height: 500px;\r\n overflow: auto;\r\n padding: 10px 29px;\n}\n.widget-communication__spinner[data-v-4b4d3458],\r\n .content-spinner[data-v-4b4d3458]{\r\n padding: 10px;\r\n display: flex;\r\n justify-content: center;\n}\r\n";
|
|
5280
|
+
styleInject(css_248z$j);
|
|
5281
5281
|
|
|
5282
|
-
script$
|
|
5283
|
-
script$
|
|
5282
|
+
script$l.__scopeId = "data-v-4b4d3458";
|
|
5283
|
+
script$l.__file = "core/widgets/communication/widget-communication.vue";
|
|
5284
5284
|
|
|
5285
|
-
const _hoisted_1$
|
|
5286
|
-
const _hoisted_2$
|
|
5285
|
+
const _hoisted_1$j = { class: "widget-section" };
|
|
5286
|
+
const _hoisted_2$f = { class: "widget-section__header" };
|
|
5287
5287
|
const _hoisted_3$b = { class: "widget-section-title" };
|
|
5288
5288
|
const _hoisted_4$8 = { class: "widget-section__body" };
|
|
5289
|
-
var script$
|
|
5289
|
+
var script$k = /*#__PURE__*/ vue.defineComponent({
|
|
5290
5290
|
__name: 'widget-section',
|
|
5291
5291
|
props: {
|
|
5292
5292
|
title: { type: String, required: false }
|
|
5293
5293
|
},
|
|
5294
5294
|
setup(__props) {
|
|
5295
5295
|
return (_ctx, _cache) => {
|
|
5296
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5297
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
5296
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
|
|
5297
|
+
vue.createElementVNode("div", _hoisted_2$f, [
|
|
5298
5298
|
vue.createElementVNode("p", _hoisted_3$b, vue.toDisplayString(__props.title), 1 /* TEXT */)
|
|
5299
5299
|
]),
|
|
5300
5300
|
vue.createElementVNode("div", _hoisted_4$8, [
|
|
@@ -5305,18 +5305,18 @@ var script$i = /*#__PURE__*/ vue.defineComponent({
|
|
|
5305
5305
|
}
|
|
5306
5306
|
});
|
|
5307
5307
|
|
|
5308
|
-
var css_248z$
|
|
5309
|
-
styleInject(css_248z$
|
|
5308
|
+
var css_248z$i = "\n.widget-section[data-v-317af778]{\r\n background-color: var(--form-section-background-color);\r\n box-shadow: var(--form-section-box-shadow);\r\n border-radius: var(--form-section-border-radius);\n}\n.widget-section__header[data-v-317af778]{\r\n\tborder-radius: 10px 10px 0 0;\r\n display: flex;\r\n padding: 8px 8px 8px 40px;\r\n\r\n background-color: var(--form-section-header-background-color);\n}\n.widget-section-title[data-v-317af778]{\r\n flex-grow: 1;\r\n\r\n font-weight: var(--form-section-title-font-weight);\r\n color: var(--form-section-title-color);\r\n font-size: var(--form-section-title-font-size);\r\n line-height: var(--form-section-title-line-height);\r\n margin: 0;\n}\n.widget-section__body[data-v-317af778]{\r\n padding: 20px 40px;\n}\r\n\r\n";
|
|
5309
|
+
styleInject(css_248z$i);
|
|
5310
5310
|
|
|
5311
|
-
script$
|
|
5312
|
-
script$
|
|
5311
|
+
script$k.__scopeId = "data-v-317af778";
|
|
5312
|
+
script$k.__file = "core/widgets/section/widget-section.vue";
|
|
5313
5313
|
|
|
5314
|
-
const _hoisted_1$
|
|
5315
|
-
const _hoisted_2$
|
|
5314
|
+
const _hoisted_1$i = { class: "validation-item-header" };
|
|
5315
|
+
const _hoisted_2$e = { class: "validation-item__title text_bold margin-0" };
|
|
5316
5316
|
const _hoisted_3$a = { class: "validation-item-content" };
|
|
5317
5317
|
const _hoisted_4$7 = { class: "text_bold text_md margin-0" };
|
|
5318
5318
|
const _hoisted_5$4 = { class: "text_md margin-0" };
|
|
5319
|
-
var script$
|
|
5319
|
+
var script$j = /*#__PURE__*/ vue.defineComponent({
|
|
5320
5320
|
__name: 'modal-validation-item',
|
|
5321
5321
|
props: {
|
|
5322
5322
|
message: { type: String, required: true },
|
|
@@ -5330,8 +5330,8 @@ var script$h = /*#__PURE__*/ vue.defineComponent({
|
|
|
5330
5330
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
5331
5331
|
class: vue.normalizeClass(["validation-item", `validation-item_${__props.statusName.toLowerCase()}`])
|
|
5332
5332
|
}, [
|
|
5333
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
5334
|
-
vue.createElementVNode("p", _hoisted_2$
|
|
5333
|
+
vue.createElementVNode("div", _hoisted_1$i, [
|
|
5334
|
+
vue.createElementVNode("p", _hoisted_2$e, vue.toDisplayString(__props.statusName), 1 /* TEXT */)
|
|
5335
5335
|
]),
|
|
5336
5336
|
vue.createElementVNode("div", _hoisted_3$a, [
|
|
5337
5337
|
vue.createElementVNode("p", _hoisted_4$7, vue.toDisplayString(__props.title), 1 /* TEXT */),
|
|
@@ -5342,25 +5342,25 @@ var script$h = /*#__PURE__*/ vue.defineComponent({
|
|
|
5342
5342
|
}
|
|
5343
5343
|
});
|
|
5344
5344
|
|
|
5345
|
-
var css_248z$
|
|
5346
|
-
styleInject(css_248z$
|
|
5345
|
+
var css_248z$h = "\n.validation-item[data-v-1f1af250]{\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: 70px 1fr;\r\n\t\t\r\n\t\tborder: 1px solid #00CCB1;\r\n\t\tborder-radius: 4px;\n}\n.validation-item_failed[data-v-1f1af250]{\r\n\t\tborder-color: #EE8030;\n}\n.validation-item-header[data-v-1f1af250]{\r\n\t\tdisplay: grid;\r\n\t\tplace-content: center;\r\n\t\tbackground-color: #00CCB1;\n}\n.validation-item_failed .validation-item-header[data-v-1f1af250]{\r\n\t\tbackground-color: #EE8030;\n}\n.validation-item__title[data-v-1f1af250]{\r\n\t\tfont-weight: 700;\r\n\t\tfont-size: 18px;\r\n\t\tline-height: 25px;\r\n\t\t\r\n\t\tcolor: white;\n}\n.validation-item-content[data-v-1f1af250]{\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 10px 16px;\r\n\t\tgap: 10px;\n}\r\n";
|
|
5346
|
+
styleInject(css_248z$h);
|
|
5347
5347
|
|
|
5348
|
-
script$
|
|
5349
|
-
script$
|
|
5348
|
+
script$j.__scopeId = "data-v-1f1af250";
|
|
5349
|
+
script$j.__file = "core/widgets/modals/modal-validation/modal-validation-item.vue";
|
|
5350
5350
|
|
|
5351
|
-
const _hoisted_1$
|
|
5352
|
-
const _hoisted_2$
|
|
5351
|
+
const _hoisted_1$h = { class: "modal-wrap" };
|
|
5352
|
+
const _hoisted_2$d = { class: "modal-wrap-head" };
|
|
5353
5353
|
const _hoisted_3$9 = { class: "modal-head__title margin-0" };
|
|
5354
5354
|
const _hoisted_4$6 = { class: "modal-wrap-body" };
|
|
5355
|
-
var script$
|
|
5355
|
+
var script$i = /*#__PURE__*/ vue.defineComponent({
|
|
5356
5356
|
__name: 'modal-wrap',
|
|
5357
5357
|
props: {
|
|
5358
5358
|
title: { type: String, required: true }
|
|
5359
5359
|
},
|
|
5360
5360
|
setup(__props) {
|
|
5361
5361
|
return (_ctx, _cache) => {
|
|
5362
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5363
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
5362
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
|
|
5363
|
+
vue.createElementVNode("div", _hoisted_2$d, [
|
|
5364
5364
|
vue.createElementVNode("p", _hoisted_3$9, vue.toDisplayString(__props.title), 1 /* TEXT */)
|
|
5365
5365
|
]),
|
|
5366
5366
|
vue.createElementVNode("div", _hoisted_4$6, [
|
|
@@ -5371,25 +5371,25 @@ var script$g = /*#__PURE__*/ vue.defineComponent({
|
|
|
5371
5371
|
}
|
|
5372
5372
|
});
|
|
5373
5373
|
|
|
5374
|
-
var css_248z$
|
|
5375
|
-
styleInject(css_248z$
|
|
5374
|
+
var css_248z$g = "\n.modal-wrap[data-v-ae4ae91e]{\r\n\t\tmax-height: 80%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\n}\n.modal-wrap-head[data-v-ae4ae91e]{\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 10px;\r\n\t\tbackground: #F3F4FC;\r\n\t\tborder-radius: 8px 8px 0px 0px;\n}\n.modal-head__title[data-v-ae4ae91e]{\r\n\t\tfont-weight: 700;\r\n\t\tfont-size: 18px;\r\n\t\tline-height: 25px;\n}\n.modal-wrap-body[data-v-ae4ae91e]{\r\n\t\tbackground-color: white;\r\n\t\tborder-radius: 0 0 8px 8px;\r\n\t\toverflow: auto;\n}\r\n";
|
|
5375
|
+
styleInject(css_248z$g);
|
|
5376
5376
|
|
|
5377
|
-
script$
|
|
5378
|
-
script$
|
|
5377
|
+
script$i.__scopeId = "data-v-ae4ae91e";
|
|
5378
|
+
script$i.__file = "core/widgets/modals/modal-wrap.vue";
|
|
5379
5379
|
|
|
5380
|
-
const _hoisted_1$
|
|
5381
|
-
var script$
|
|
5380
|
+
const _hoisted_1$g = { class: "modal-validation-body" };
|
|
5381
|
+
var script$h = /*#__PURE__*/ vue.defineComponent({
|
|
5382
5382
|
__name: 'modal-validation',
|
|
5383
5383
|
props: {
|
|
5384
5384
|
array: { type: Array, required: true }
|
|
5385
5385
|
},
|
|
5386
5386
|
setup(__props) {
|
|
5387
5387
|
return (_ctx, _cache) => {
|
|
5388
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
5388
|
+
return (vue.openBlock(), vue.createBlock(script$i, { title: "Validation results" }, {
|
|
5389
5389
|
default: vue.withCtx(() => [
|
|
5390
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
5390
|
+
vue.createElementVNode("div", _hoisted_1$g, [
|
|
5391
5391
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.array, (item, index) => {
|
|
5392
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
5392
|
+
return (vue.openBlock(), vue.createBlock(script$j, {
|
|
5393
5393
|
key: index,
|
|
5394
5394
|
message: item.message,
|
|
5395
5395
|
name: item.name,
|
|
@@ -5406,14 +5406,14 @@ var script$f = /*#__PURE__*/ vue.defineComponent({
|
|
|
5406
5406
|
}
|
|
5407
5407
|
});
|
|
5408
5408
|
|
|
5409
|
-
var css_248z$
|
|
5410
|
-
styleInject(css_248z$
|
|
5409
|
+
var css_248z$f = "\n.modal-validation-body[data-v-51ad29d0]{\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 10px;\r\n\t\tpadding: 20px;\n}\r\n";
|
|
5410
|
+
styleInject(css_248z$f);
|
|
5411
5411
|
|
|
5412
|
-
script$
|
|
5413
|
-
script$
|
|
5412
|
+
script$h.__scopeId = "data-v-51ad29d0";
|
|
5413
|
+
script$h.__file = "core/widgets/modals/modal-validation/modal-validation.vue";
|
|
5414
5414
|
|
|
5415
|
-
const _hoisted_1$
|
|
5416
|
-
var script$
|
|
5415
|
+
const _hoisted_1$f = ["alt"];
|
|
5416
|
+
var script$g = /*#__PURE__*/ vue.defineComponent({
|
|
5417
5417
|
__name: 'widget-image',
|
|
5418
5418
|
props: {
|
|
5419
5419
|
src: { type: null, required: true },
|
|
@@ -5436,20 +5436,20 @@ var script$e = /*#__PURE__*/ vue.defineComponent({
|
|
|
5436
5436
|
ref_key: "refImage",
|
|
5437
5437
|
ref: refImage,
|
|
5438
5438
|
src: "#"
|
|
5439
|
-
}, null, 8 /* PROPS */, _hoisted_1$
|
|
5439
|
+
}, null, 8 /* PROPS */, _hoisted_1$f));
|
|
5440
5440
|
};
|
|
5441
5441
|
}
|
|
5442
5442
|
});
|
|
5443
5443
|
|
|
5444
|
-
script$
|
|
5444
|
+
script$g.__file = "core/widgets/image/widget-image.vue";
|
|
5445
5445
|
|
|
5446
|
-
const _withScopeId$
|
|
5447
|
-
const _hoisted_1$
|
|
5448
|
-
const _hoisted_2$
|
|
5449
|
-
const _hoisted_3$8 = /*#__PURE__*/ _withScopeId$
|
|
5446
|
+
const _withScopeId$3 = n => (vue.pushScopeId("data-v-245f2dd1"),n=n(),vue.popScopeId(),n);
|
|
5447
|
+
const _hoisted_1$e = { class: "widget-not-found flex_column" };
|
|
5448
|
+
const _hoisted_2$c = /*#__PURE__*/ _withScopeId$3(() => /*#__PURE__*/vue.createElementVNode("p", { class: "widget-not-found__title" }, "Error 404", -1 /* HOISTED */));
|
|
5449
|
+
const _hoisted_3$8 = /*#__PURE__*/ _withScopeId$3(() => /*#__PURE__*/vue.createElementVNode("p", { class: "widget-not-found__info text_lg" }, "Something seems to have gone wrong! The page you are requesting does not exist. Perhaps it is outdated, has been removed, or an incorrect address has been entered in the address bar.", -1 /* HOISTED */));
|
|
5450
5450
|
const _hoisted_4$5 = { class: "flex flex_center" };
|
|
5451
5451
|
|
|
5452
|
-
var script$
|
|
5452
|
+
var script$f = {
|
|
5453
5453
|
__name: 'WidgetNotFound',
|
|
5454
5454
|
setup(__props) {
|
|
5455
5455
|
|
|
@@ -5459,11 +5459,11 @@ function getBack() {
|
|
|
5459
5459
|
}
|
|
5460
5460
|
|
|
5461
5461
|
return (_ctx, _cache) => {
|
|
5462
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5463
|
-
_hoisted_2$
|
|
5462
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
|
|
5463
|
+
_hoisted_2$c,
|
|
5464
5464
|
_hoisted_3$8,
|
|
5465
5465
|
vue.createElementVNode("div", _hoisted_4$5, [
|
|
5466
|
-
vue.createVNode(vue.unref(script$
|
|
5466
|
+
vue.createVNode(vue.unref(script$O), {
|
|
5467
5467
|
class: "button button_size_md button_style_main",
|
|
5468
5468
|
title: "Return to main page",
|
|
5469
5469
|
callback: getBack
|
|
@@ -5475,15 +5475,15 @@ return (_ctx, _cache) => {
|
|
|
5475
5475
|
|
|
5476
5476
|
};
|
|
5477
5477
|
|
|
5478
|
-
var css_248z$
|
|
5479
|
-
styleInject(css_248z$
|
|
5478
|
+
var css_248z$e = "\n.widget-not-found[data-v-245f2dd1]{\r\n\t\ttext-align: center;\r\n\t\tmargin: auto;\r\n\t\tmax-width: 760px;\n}\n.widget-not-found__title[data-v-245f2dd1]{\r\n\t\tfont-size: 44px;\r\n\t\tfont-weight: 600;\n}\n.widget-not-found__info[data-v-245f2dd1]{\r\n\t\ttext-align: center;\n}\r\n";
|
|
5479
|
+
styleInject(css_248z$e);
|
|
5480
5480
|
|
|
5481
|
-
script$
|
|
5482
|
-
script$
|
|
5481
|
+
script$f.__scopeId = "data-v-245f2dd1";
|
|
5482
|
+
script$f.__file = "core/widgets/notFound/WidgetNotFound.vue";
|
|
5483
5483
|
|
|
5484
|
-
const _hoisted_1$
|
|
5485
|
-
const _hoisted_2$
|
|
5486
|
-
var script$
|
|
5484
|
+
const _hoisted_1$d = { class: "navigation-cell widget-navigation-cell" };
|
|
5485
|
+
const _hoisted_2$b = { class: "navigation-cell-label widget-navigation-cell-label" };
|
|
5486
|
+
var script$e = /*#__PURE__*/ vue.defineComponent({
|
|
5487
5487
|
__name: 'interface-navigation-cell',
|
|
5488
5488
|
props: {
|
|
5489
5489
|
icon: { type: String, required: true },
|
|
@@ -5493,14 +5493,14 @@ var script$c = /*#__PURE__*/ vue.defineComponent({
|
|
|
5493
5493
|
setup(__props) {
|
|
5494
5494
|
return (_ctx, _cache) => {
|
|
5495
5495
|
const _component_router_link = vue.resolveComponent("router-link");
|
|
5496
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5497
|
-
vue.createVNode(script$
|
|
5496
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
|
|
5497
|
+
vue.createVNode(script$13, { class: "navigation-cell-icon widget-navigation-cell-icon" }, {
|
|
5498
5498
|
default: vue.withCtx(() => [
|
|
5499
5499
|
vue.createTextVNode(vue.toDisplayString(__props.icon), 1 /* TEXT */)
|
|
5500
5500
|
]),
|
|
5501
5501
|
_: 1 /* STABLE */
|
|
5502
5502
|
}),
|
|
5503
|
-
vue.createElementVNode("span", _hoisted_2$
|
|
5503
|
+
vue.createElementVNode("span", _hoisted_2$b, vue.toDisplayString(__props.label), 1 /* TEXT */),
|
|
5504
5504
|
vue.createVNode(_component_router_link, {
|
|
5505
5505
|
to: __props.link,
|
|
5506
5506
|
class: "widget-navigation-cell__link"
|
|
@@ -5510,19 +5510,19 @@ var script$c = /*#__PURE__*/ vue.defineComponent({
|
|
|
5510
5510
|
}
|
|
5511
5511
|
});
|
|
5512
5512
|
|
|
5513
|
-
var css_248z$
|
|
5514
|
-
styleInject(css_248z$
|
|
5513
|
+
var css_248z$d = "\n.navigation-cell[data-v-760d8ccf]{\r\n\t\tposition: relative;\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: 35px 1fr;\r\n\t\talign-items: center;\r\n\t\tpadding: 4px 0;\r\n\t\tcursor: pointer;\n}\n.widget-navigation-cell__link[data-v-760d8ccf]{\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\n}\n.navigation-cell-icon[data-v-760d8ccf]{\r\n\t\tfont-size: 12px;\n}\n.navigation-cell-label[data-v-760d8ccf]{\n}\r\n";
|
|
5514
|
+
styleInject(css_248z$d);
|
|
5515
5515
|
|
|
5516
|
-
script$
|
|
5517
|
-
script$
|
|
5516
|
+
script$e.__scopeId = "data-v-760d8ccf";
|
|
5517
|
+
script$e.__file = "core/widgets/interface/interface-navigation-cell.vue";
|
|
5518
5518
|
|
|
5519
|
-
const _hoisted_1$
|
|
5520
|
-
const _hoisted_2$
|
|
5519
|
+
const _hoisted_1$c = { class: "container-navigation-row widget-navigation-row" };
|
|
5520
|
+
const _hoisted_2$a = { class: "navigation-row__title text_size_md" };
|
|
5521
5521
|
const _hoisted_3$7 = {
|
|
5522
5522
|
key: 0,
|
|
5523
5523
|
class: "navigation-row-children"
|
|
5524
5524
|
};
|
|
5525
|
-
var script$
|
|
5525
|
+
var script$d = /*#__PURE__*/ vue.defineComponent({
|
|
5526
5526
|
__name: 'interface-navigation-row',
|
|
5527
5527
|
props: {
|
|
5528
5528
|
record: { type: null, required: true },
|
|
@@ -5572,7 +5572,7 @@ var script$b = /*#__PURE__*/ vue.defineComponent({
|
|
|
5572
5572
|
const activeRow = vue.computed(() => checkChildren([props.record]));
|
|
5573
5573
|
return (_ctx, _cache) => {
|
|
5574
5574
|
var _a, _b;
|
|
5575
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5575
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
|
|
5576
5576
|
vue.createElementVNode("div", {
|
|
5577
5577
|
class: vue.normalizeClass(["navigation-row widget-navigation-cell", {
|
|
5578
5578
|
'navigation-row_bold': (_a = __props.record.children) === null || _a === void 0 ? void 0 : _a.length,
|
|
@@ -5580,18 +5580,18 @@ var script$b = /*#__PURE__*/ vue.defineComponent({
|
|
|
5580
5580
|
}]),
|
|
5581
5581
|
onClick: _cache[1] || (_cache[1] = ($event) => (activateRecord()))
|
|
5582
5582
|
}, [
|
|
5583
|
-
vue.createVNode(script$
|
|
5583
|
+
vue.createVNode(script$13, {
|
|
5584
5584
|
class: "navigation-row__icon",
|
|
5585
5585
|
name: __props.record.icon
|
|
5586
5586
|
}, null, 8 /* PROPS */, ["name"]),
|
|
5587
|
-
vue.createElementVNode("p", _hoisted_2$
|
|
5587
|
+
vue.createElementVNode("p", _hoisted_2$a, vue.toDisplayString(__props.record.title), 1 /* TEXT */),
|
|
5588
5588
|
((_b = __props.record.children) === null || _b === void 0 ? void 0 : _b.length)
|
|
5589
5589
|
? (vue.openBlock(), vue.createElementBlock("div", {
|
|
5590
5590
|
key: 0,
|
|
5591
5591
|
class: "navigation-row-toggle",
|
|
5592
5592
|
onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => (emits('toggle')), ["stop"]))
|
|
5593
5593
|
}, [
|
|
5594
|
-
vue.createVNode(script$
|
|
5594
|
+
vue.createVNode(script$13, {
|
|
5595
5595
|
class: vue.normalizeClass([{ 'navigation-row__toggle_active': vue.unref(activeRow) || __props.activeList }, "navigation-row__toggle"]),
|
|
5596
5596
|
name: "angle-right"
|
|
5597
5597
|
}, null, 8 /* PROPS */, ["class"])
|
|
@@ -5601,7 +5601,7 @@ var script$b = /*#__PURE__*/ vue.defineComponent({
|
|
|
5601
5601
|
(__props.children.length && (vue.unref(activeRow) || __props.activeList))
|
|
5602
5602
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
|
|
5603
5603
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.record.children, (elem, index) => {
|
|
5604
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
5604
|
+
return (vue.openBlock(), vue.createBlock(script$e, {
|
|
5605
5605
|
key: index,
|
|
5606
5606
|
icon: elem.icon,
|
|
5607
5607
|
label: elem.title,
|
|
@@ -5615,14 +5615,14 @@ var script$b = /*#__PURE__*/ vue.defineComponent({
|
|
|
5615
5615
|
}
|
|
5616
5616
|
});
|
|
5617
5617
|
|
|
5618
|
-
var css_248z$
|
|
5619
|
-
styleInject(css_248z$
|
|
5618
|
+
var css_248z$c = "\n.container-navigation-row[data-v-476fe206]{\r\n border-bottom: var(--interface-navigation-row-border-bottom);\n}\n.navigation-row[data-v-476fe206]{\r\n display: grid;\r\n\t\tgrid-template-rows: 60px;\r\n\t\tgrid-template-columns: min-content 1fr min-content;\r\n\t\talign-items: center;\r\n cursor: pointer;\r\n\t\tpadding: 0 0 0 20px;\r\n\t\tgap: 10px;\n}\n.navigation-row[data-v-476fe206]:not(.navigation-row_active):hover{\r\n background-color: var(--interface-navigation-row-background-color-hover);\n}\n.navigation-row_active[data-v-476fe206]{\r\n background-color: var(--interface-navigation-row-primary-background-color-active);\r\n color: var(--interface-navigation-row-primary-color-active);\n}\n.navigation-row__icon[data-v-476fe206] {\r\n font-size: 20px;\n}\n.navigation-row__title[data-v-476fe206]{\r\n margin: 0;\r\n flex-grow: 1;\r\n user-select: none;\n}\n.navigation-row_bold[data-v-476fe206]{\r\n font-weight: 600;\n}\n.navigation-row__toggle[data-v-476fe206]{\r\n height: 13px;\r\n font-size: 13px;\n}\n.navigation-row-children[data-v-476fe206]{\r\n border-left: var(--interface-navigation-row-children-border-left);\r\n\t\tpadding: 5px 0 5px 40px;\n}\n.navigation-row__toggle_active[data-v-476fe206]{\r\n transform: rotate(90deg);\n}\n.navigation-row-toggle[data-v-476fe206]{\r\n\t\theight: 100%;\r\n\t\tpadding: 0 10px;\r\n\t\tdisplay: grid;\r\n\t\tplace-content: center;\n}\r\n";
|
|
5619
|
+
styleInject(css_248z$c);
|
|
5620
5620
|
|
|
5621
|
-
script$
|
|
5622
|
-
script$
|
|
5621
|
+
script$d.__scopeId = "data-v-476fe206";
|
|
5622
|
+
script$d.__file = "core/widgets/interface/interface-navigation-row.vue";
|
|
5623
5623
|
|
|
5624
|
-
const _hoisted_1$
|
|
5625
|
-
var script$
|
|
5624
|
+
const _hoisted_1$b = { class: "" };
|
|
5625
|
+
var script$c = /*#__PURE__*/ vue.defineComponent({
|
|
5626
5626
|
__name: 'interface-navigation',
|
|
5627
5627
|
props: {
|
|
5628
5628
|
config: { type: Array, required: true }
|
|
@@ -5640,9 +5640,9 @@ var script$a = /*#__PURE__*/ vue.defineComponent({
|
|
|
5640
5640
|
state.activeList = newActivity;
|
|
5641
5641
|
}
|
|
5642
5642
|
return (_ctx, _cache) => {
|
|
5643
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5643
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
|
|
5644
5644
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.config, (item, index) => {
|
|
5645
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
5645
|
+
return (vue.openBlock(), vue.createBlock(script$d, {
|
|
5646
5646
|
key: index,
|
|
5647
5647
|
record: item,
|
|
5648
5648
|
children: item.children || [],
|
|
@@ -5655,11 +5655,11 @@ var script$a = /*#__PURE__*/ vue.defineComponent({
|
|
|
5655
5655
|
}
|
|
5656
5656
|
});
|
|
5657
5657
|
|
|
5658
|
-
script$
|
|
5658
|
+
script$c.__file = "core/widgets/interface/interface-navigation.vue";
|
|
5659
5659
|
|
|
5660
|
-
const _hoisted_1$
|
|
5661
|
-
const _hoisted_2$
|
|
5662
|
-
var script$
|
|
5660
|
+
const _hoisted_1$a = { class: "event" };
|
|
5661
|
+
const _hoisted_2$9 = { class: "event-title text_md" };
|
|
5662
|
+
var script$b = /*#__PURE__*/ vue.defineComponent({
|
|
5663
5663
|
__name: 'user-popup-link',
|
|
5664
5664
|
props: {
|
|
5665
5665
|
icon: { type: String, required: true },
|
|
@@ -5669,12 +5669,12 @@ var script$9 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5669
5669
|
setup(__props) {
|
|
5670
5670
|
return (_ctx, _cache) => {
|
|
5671
5671
|
const _component_router_link = vue.resolveComponent("router-link");
|
|
5672
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5673
|
-
vue.createVNode(script$
|
|
5672
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
|
|
5673
|
+
vue.createVNode(script$13, {
|
|
5674
5674
|
name: __props.icon,
|
|
5675
5675
|
class: "event-image"
|
|
5676
5676
|
}, null, 8 /* PROPS */, ["name"]),
|
|
5677
|
-
vue.createElementVNode("p", _hoisted_2$
|
|
5677
|
+
vue.createElementVNode("p", _hoisted_2$9, vue.toDisplayString(__props.label), 1 /* TEXT */),
|
|
5678
5678
|
vue.createVNode(_component_router_link, {
|
|
5679
5679
|
class: "event-link",
|
|
5680
5680
|
to: __props.link
|
|
@@ -5684,22 +5684,22 @@ var script$9 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5684
5684
|
}
|
|
5685
5685
|
});
|
|
5686
5686
|
|
|
5687
|
-
var css_248z$
|
|
5688
|
-
styleInject(css_248z$
|
|
5687
|
+
var css_248z$b = "\n.event[data-v-2454fca5]{\r\n position: relative;\r\n display: flex;\r\n gap: 16px;\r\n padding: 16px;\r\n transition: background-color var(--fast);\r\n cursor: pointer;\r\n color: #828282;\n}\n.event[data-v-2454fca5]:hover{\r\n background: #F3F4FC;\n}\n.event-image[data-v-2454fca5]{\r\n font-size: 24px;\r\n height: 24px;\n}\n.event-title[data-v-2454fca5]{\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n margin: 0;\r\n line-height: 24px;\n}\n.event-link[data-v-2454fca5]{\r\n position: absolute;\r\n z-index: 1;\r\n top:0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\n}\r\n";
|
|
5688
|
+
styleInject(css_248z$b);
|
|
5689
5689
|
|
|
5690
|
-
script$
|
|
5691
|
-
script$
|
|
5690
|
+
script$b.__scopeId = "data-v-2454fca5";
|
|
5691
|
+
script$b.__file = "core/widgets/interface/user-popup-link.vue";
|
|
5692
5692
|
|
|
5693
|
-
const _withScopeId$
|
|
5694
|
-
const _hoisted_1$
|
|
5693
|
+
const _withScopeId$2 = n => (vue.pushScopeId("data-v-6102b41a"), n = n(), vue.popScopeId(), n);
|
|
5694
|
+
const _hoisted_1$9 = {
|
|
5695
5695
|
key: 0,
|
|
5696
5696
|
class: "popup-person cursor_pointer"
|
|
5697
5697
|
};
|
|
5698
|
-
const _hoisted_2$
|
|
5698
|
+
const _hoisted_2$8 = /*#__PURE__*/ _withScopeId$2(() => /*#__PURE__*/ vue.createElementVNode("p", { class: "popup-person-title" }, "Switch to person", -1 /* HOISTED */));
|
|
5699
5699
|
const _hoisted_3$6 = [
|
|
5700
|
-
_hoisted_2$
|
|
5700
|
+
_hoisted_2$8
|
|
5701
5701
|
];
|
|
5702
|
-
var script$
|
|
5702
|
+
var script$a = /*#__PURE__*/ vue.defineComponent({
|
|
5703
5703
|
__name: 'user-popup-switch-person',
|
|
5704
5704
|
props: {
|
|
5705
5705
|
currentContextId: { type: Number, required: true },
|
|
@@ -5708,24 +5708,24 @@ var script$8 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5708
5708
|
setup(__props) {
|
|
5709
5709
|
return (_ctx, _cache) => {
|
|
5710
5710
|
return (__props.person.id !== __props.currentContextId)
|
|
5711
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5711
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, _hoisted_3$6))
|
|
5712
5712
|
: vue.createCommentVNode("v-if", true);
|
|
5713
5713
|
};
|
|
5714
5714
|
}
|
|
5715
5715
|
});
|
|
5716
5716
|
|
|
5717
|
-
var css_248z$
|
|
5718
|
-
styleInject(css_248z$
|
|
5717
|
+
var css_248z$a = "\n.popup-person-title[data-v-6102b41a]{\r\n\t\tmargin: 0;\r\n\t\tpadding: 20px 0;\r\n\t\tfont-weight: 600;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 19px;\r\n\t\tcolor: #4F4F4F;\r\n\t\ttext-align: center;\n}\n.popup-person[data-v-6102b41a]{\r\n\t\ttransition: background-color var(--fast);\n}\n.popup-person[data-v-6102b41a]:hover{\r\n\t\tbackground-color: #F3F4FC;\n}\r\n";
|
|
5718
|
+
styleInject(css_248z$a);
|
|
5719
5719
|
|
|
5720
|
-
script$
|
|
5721
|
-
script$
|
|
5720
|
+
script$a.__scopeId = "data-v-6102b41a";
|
|
5721
|
+
script$a.__file = "core/widgets/interface/user-popup-switch-person.vue";
|
|
5722
5722
|
|
|
5723
|
-
const _hoisted_1$
|
|
5724
|
-
const _hoisted_2$
|
|
5723
|
+
const _hoisted_1$8 = { class: "organization" };
|
|
5724
|
+
const _hoisted_2$7 = { class: "organization-image" };
|
|
5725
5725
|
const _hoisted_3$5 = ["src"];
|
|
5726
5726
|
const _hoisted_4$4 = { class: "organization-body" };
|
|
5727
5727
|
const _hoisted_5$3 = { class: "organization-name" };
|
|
5728
|
-
var script$
|
|
5728
|
+
var script$9 = /*#__PURE__*/ vue.defineComponent({
|
|
5729
5729
|
__name: 'user-popup-organization-item',
|
|
5730
5730
|
props: {
|
|
5731
5731
|
name: { type: String, required: true },
|
|
@@ -5733,8 +5733,8 @@ var script$7 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5733
5733
|
},
|
|
5734
5734
|
setup(__props) {
|
|
5735
5735
|
return (_ctx, _cache) => {
|
|
5736
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5737
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
5736
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
|
|
5737
|
+
vue.createElementVNode("div", _hoisted_2$7, [
|
|
5738
5738
|
vue.createElementVNode("img", {
|
|
5739
5739
|
src: __props.photo || '/static-folder/images/organization-photo.svg',
|
|
5740
5740
|
alt: "organization-logo"
|
|
@@ -5748,19 +5748,19 @@ var script$7 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5748
5748
|
}
|
|
5749
5749
|
});
|
|
5750
5750
|
|
|
5751
|
-
var css_248z$
|
|
5752
|
-
styleInject(css_248z$
|
|
5751
|
+
var css_248z$9 = "\n.organization[data-v-6fb25b52]{\r\n\t\tpadding: 10px 0;\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: max-content 1fr;\r\n\t\ttransition: background-color var(--fast);\r\n\t\tcursor: pointer;\n}\n.organization[data-v-6fb25b52]:hover{\r\n\t\tbackground-color: #F3F4FC;\n}\n.organization-name[data-v-6fb25b52] {\r\n\t\tfont-weight: 400;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 19px;\r\n\t\tcolor: #828282;\n}\n.organization-image[data-v-6fb25b52]{\r\n\t\tpadding: 0 16px;\n}\n.organization-image>img[data-v-6fb25b52]{\r\n\t\theight: 40px;\r\n\t\twidth: 40px;\n}\r\n";
|
|
5752
|
+
styleInject(css_248z$9);
|
|
5753
5753
|
|
|
5754
|
-
script$
|
|
5755
|
-
script$
|
|
5754
|
+
script$9.__scopeId = "data-v-6fb25b52";
|
|
5755
|
+
script$9.__file = "core/widgets/interface/user-popup-organization-item.vue";
|
|
5756
5756
|
|
|
5757
|
-
const _withScopeId$
|
|
5758
|
-
const _hoisted_1$
|
|
5757
|
+
const _withScopeId$1 = n => (vue.pushScopeId("data-v-23db5c51"), n = n(), vue.popScopeId(), n);
|
|
5758
|
+
const _hoisted_1$7 = {
|
|
5759
5759
|
key: 0,
|
|
5760
5760
|
class: "popup-organizations"
|
|
5761
5761
|
};
|
|
5762
|
-
const _hoisted_2$
|
|
5763
|
-
var script$
|
|
5762
|
+
const _hoisted_2$6 = /*#__PURE__*/ _withScopeId$1(() => /*#__PURE__*/ vue.createElementVNode("p", { class: "popup-organizations-title" }, "Switch to organization", -1 /* HOISTED */));
|
|
5763
|
+
var script$8 = /*#__PURE__*/ vue.defineComponent({
|
|
5764
5764
|
__name: 'user-popup-switch-organization',
|
|
5765
5765
|
props: {
|
|
5766
5766
|
array: { type: Array, required: true },
|
|
@@ -5775,10 +5775,10 @@ var script$6 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5775
5775
|
const availableOrganizations = vue.computed(() => props.array.filter(org => org.id !== props.currentContextId));
|
|
5776
5776
|
return (_ctx, _cache) => {
|
|
5777
5777
|
return (vue.unref(availableOrganizations).length)
|
|
5778
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5779
|
-
_hoisted_2$
|
|
5778
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
|
|
5779
|
+
_hoisted_2$6,
|
|
5780
5780
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(availableOrganizations), (item) => {
|
|
5781
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
5781
|
+
return (vue.openBlock(), vue.createBlock(script$9, {
|
|
5782
5782
|
key: item.id,
|
|
5783
5783
|
name: item.name,
|
|
5784
5784
|
photo: item.photo,
|
|
@@ -5791,19 +5791,19 @@ var script$6 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5791
5791
|
}
|
|
5792
5792
|
});
|
|
5793
5793
|
|
|
5794
|
-
var css_248z$
|
|
5795
|
-
styleInject(css_248z$
|
|
5794
|
+
var css_248z$8 = "\n.popup-organizations-title[data-v-23db5c51]{\r\n\t\tmargin: 0;\r\n\t\tpadding: 20px 0;\r\n\t\tfont-weight: 600;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 19px;\r\n\t\tcolor: #4F4F4F;\r\n\t\ttext-align: center;\n}\r\n";
|
|
5795
|
+
styleInject(css_248z$8);
|
|
5796
5796
|
|
|
5797
|
-
script$
|
|
5798
|
-
script$
|
|
5797
|
+
script$8.__scopeId = "data-v-23db5c51";
|
|
5798
|
+
script$8.__file = "core/widgets/interface/user-popup-switch-organization.vue";
|
|
5799
5799
|
|
|
5800
|
-
const _hoisted_1$
|
|
5801
|
-
const _hoisted_2$
|
|
5800
|
+
const _hoisted_1$6 = { class: "widget-popup" };
|
|
5801
|
+
const _hoisted_2$5 = { class: "popup-current-context popup-section" };
|
|
5802
5802
|
const _hoisted_3$4 = { class: "popup-current-context__info" };
|
|
5803
5803
|
const _hoisted_4$3 = { class: "info-title text_bold text_md info-paragraph" };
|
|
5804
5804
|
const _hoisted_5$2 = { class: "info-id info-paragraph" };
|
|
5805
5805
|
const _hoisted_6 = { class: "flex_column popup-section" };
|
|
5806
|
-
var script$
|
|
5806
|
+
var script$7 = /*#__PURE__*/ vue.defineComponent({
|
|
5807
5807
|
__name: 'interface-user-popup',
|
|
5808
5808
|
props: {
|
|
5809
5809
|
config: { type: Array, required: true }
|
|
@@ -5817,9 +5817,9 @@ var script$5 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5817
5817
|
const organizations = ApplicationManager.organizations;
|
|
5818
5818
|
const person = ApplicationManager.person;
|
|
5819
5819
|
return (_ctx, _cache) => {
|
|
5820
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5821
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
5822
|
-
vue.createVNode(script$
|
|
5820
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
|
|
5821
|
+
vue.createElementVNode("div", _hoisted_2$5, [
|
|
5822
|
+
vue.createVNode(script$g, {
|
|
5823
5823
|
src: vue.unref(person).photo,
|
|
5824
5824
|
alt: "avatar",
|
|
5825
5825
|
class: "popup-current-context__avatar",
|
|
@@ -5832,7 +5832,7 @@ var script$5 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5832
5832
|
]),
|
|
5833
5833
|
vue.createElementVNode("div", _hoisted_6, [
|
|
5834
5834
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.config, (elem, index) => {
|
|
5835
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
5835
|
+
return (vue.openBlock(), vue.createBlock(script$b, {
|
|
5836
5836
|
key: index,
|
|
5837
5837
|
label: elem.title,
|
|
5838
5838
|
icon: elem.icon,
|
|
@@ -5841,12 +5841,12 @@ var script$5 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5841
5841
|
}, null, 8 /* PROPS */, ["label", "icon", "link"]));
|
|
5842
5842
|
}), 128 /* KEYED_FRAGMENT */))
|
|
5843
5843
|
]),
|
|
5844
|
-
vue.createVNode(script$
|
|
5844
|
+
vue.createVNode(script$a, {
|
|
5845
5845
|
"current-context-id": vue.unref(currentContextId),
|
|
5846
5846
|
person: vue.unref(person),
|
|
5847
5847
|
onClick: _cache[1] || (_cache[1] = ($event) => (changeContext(vue.unref(person).id)))
|
|
5848
5848
|
}, null, 8 /* PROPS */, ["current-context-id", "person"]),
|
|
5849
|
-
vue.createVNode(script$
|
|
5849
|
+
vue.createVNode(script$8, {
|
|
5850
5850
|
"current-context-id": vue.unref(currentContextId),
|
|
5851
5851
|
array: vue.unref(organizations),
|
|
5852
5852
|
onSelect: _cache[2] || (_cache[2] = ($event) => (changeContext($event), emits('hide')))
|
|
@@ -5856,20 +5856,20 @@ var script$5 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5856
5856
|
}
|
|
5857
5857
|
});
|
|
5858
5858
|
|
|
5859
|
-
var css_248z$
|
|
5860
|
-
styleInject(css_248z$
|
|
5859
|
+
var css_248z$7 = "\n.widget-popup[data-v-0c550206]{\r\n background-color: white;\r\n max-width: 400px;\r\n\t\tbox-shadow: 0px 0px 4px rgba(111, 116, 221, 0.25);\n}\n.popup-section[data-v-0c550206]{\r\n border-bottom: 1px solid #E9E9E9;\n}\n.popup-current-context[data-v-0c550206]{\r\n display: flex;\r\n gap: 16px;\r\n padding: 16px;\n}\n.popup-current-context__avatar[data-v-0c550206]{\r\n height: 40px;\r\n width: 40px;\r\n object-fit: cover;\r\n border-radius: 50%;\n}\n.popup-current-context__info[data-v-0c550206]{\r\n overflow: hidden;\n}\n.info-paragraph[data-v-0c550206]{\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n\r\n color: #4F4F4F;\r\n margin: 0;\n}\r\n\r\n";
|
|
5860
|
+
styleInject(css_248z$7);
|
|
5861
5861
|
|
|
5862
|
-
script$
|
|
5863
|
-
script$
|
|
5862
|
+
script$7.__scopeId = "data-v-0c550206";
|
|
5863
|
+
script$7.__file = "core/widgets/interface/interface-user-popup.vue";
|
|
5864
5864
|
|
|
5865
|
-
const _hoisted_1$
|
|
5866
|
-
const _hoisted_2$
|
|
5865
|
+
const _hoisted_1$5 = { class: "position_relative" };
|
|
5866
|
+
const _hoisted_2$4 = { class: "user-card-labels" };
|
|
5867
5867
|
const _hoisted_3$3 = { class: "user-card__current-name text_md text_bold" };
|
|
5868
5868
|
const _hoisted_4$2 = {
|
|
5869
5869
|
key: 0,
|
|
5870
5870
|
class: "user-card__person-name text_md text_bold"
|
|
5871
5871
|
};
|
|
5872
|
-
var script$
|
|
5872
|
+
var script$6 = /*#__PURE__*/ vue.defineComponent({
|
|
5873
5873
|
__name: 'interface-user-card',
|
|
5874
5874
|
props: {
|
|
5875
5875
|
popup: { type: null, required: true }
|
|
@@ -5888,12 +5888,12 @@ var script$4 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5888
5888
|
const organizations = ApplicationManager.organizations;
|
|
5889
5889
|
const person = ApplicationManager.person;
|
|
5890
5890
|
return (_ctx, _cache) => {
|
|
5891
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5891
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
|
|
5892
5892
|
vue.createElementVNode("div", {
|
|
5893
5893
|
class: "user-card",
|
|
5894
5894
|
onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => (active.value = !active.value), ["stop"]))
|
|
5895
5895
|
}, [
|
|
5896
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
5896
|
+
vue.createElementVNode("div", _hoisted_2$4, [
|
|
5897
5897
|
vue.createElementVNode("p", _hoisted_3$3, vue.toDisplayString(vue.unref(currentContext).name), 1 /* TEXT */),
|
|
5898
5898
|
vue.createVNode(vue.Transition, { name: "slide-up" }, {
|
|
5899
5899
|
default: vue.withCtx(() => [
|
|
@@ -5904,7 +5904,7 @@ var script$4 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5904
5904
|
_: 1 /* STABLE */
|
|
5905
5905
|
})
|
|
5906
5906
|
]),
|
|
5907
|
-
vue.createVNode(script$
|
|
5907
|
+
vue.createVNode(script$g, {
|
|
5908
5908
|
class: "user-card-image",
|
|
5909
5909
|
src: vue.unref(person).photo,
|
|
5910
5910
|
alt: "user-logo",
|
|
@@ -5921,7 +5921,7 @@ var script$4 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5921
5921
|
ref_key: "refPopup",
|
|
5922
5922
|
ref: refPopup
|
|
5923
5923
|
}, [
|
|
5924
|
-
vue.createVNode(script$
|
|
5924
|
+
vue.createVNode(script$7, {
|
|
5925
5925
|
config: __props.popup,
|
|
5926
5926
|
organizations: vue.unref(organizations),
|
|
5927
5927
|
user: vue.unref(person),
|
|
@@ -5941,30 +5941,122 @@ var script$4 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5941
5941
|
}
|
|
5942
5942
|
});
|
|
5943
5943
|
|
|
5944
|
-
var css_248z$
|
|
5944
|
+
var css_248z$6 = "\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-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}\n.user-card__current-name[data-v-610b1eb4]{\r\n\t\tcolor: white;\n}\n.user-card__person-name[data-v-610b1eb4]{\r\n\t\tcolor: #d3d2d2;\n}\n.user-card-labels p[data-v-610b1eb4]{\r\n\t\tmargin: 0;\n}\r\n";
|
|
5945
|
+
styleInject(css_248z$6);
|
|
5946
|
+
|
|
5947
|
+
script$6.__scopeId = "data-v-610b1eb4";
|
|
5948
|
+
script$6.__file = "core/widgets/interface/interface-user-card.vue";
|
|
5949
|
+
|
|
5950
|
+
var script$5 = {
|
|
5951
|
+
props: {
|
|
5952
|
+
icon: String,
|
|
5953
|
+
count: Number,
|
|
5954
|
+
title: String,
|
|
5955
|
+
color: {
|
|
5956
|
+
type: String,
|
|
5957
|
+
default: "orange"
|
|
5958
|
+
}
|
|
5959
|
+
},
|
|
5960
|
+
name: "InterfaceHeaderNotificationItem",
|
|
5961
|
+
components: {Icon: script$13}
|
|
5962
|
+
};
|
|
5963
|
+
|
|
5964
|
+
const _hoisted_1$4 = { class: "notification-item flex cursor_pointer widget-notification-item" };
|
|
5965
|
+
const _hoisted_2$3 = { class: "notification-item__ico" };
|
|
5966
|
+
const _hoisted_3$2 = { class: "notification-item__title widget-notification-text text_md" };
|
|
5967
|
+
|
|
5968
|
+
function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5969
|
+
const _component_icon = vue.resolveComponent("icon");
|
|
5970
|
+
|
|
5971
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
|
|
5972
|
+
vue.createElementVNode("div", _hoisted_2$3, [
|
|
5973
|
+
vue.createVNode(_component_icon, {
|
|
5974
|
+
class: "notification-item-image widget-notification-icon",
|
|
5975
|
+
name: $props.icon
|
|
5976
|
+
}, null, 8 /* PROPS */, ["name"]),
|
|
5977
|
+
vue.createVNode(vue.Transition, { name: "move-vertical" }, {
|
|
5978
|
+
default: vue.withCtx(() => [
|
|
5979
|
+
($props.count)
|
|
5980
|
+
? (vue.openBlock(), vue.createElementBlock("div", {
|
|
5981
|
+
key: 0,
|
|
5982
|
+
style: vue.normalizeStyle(`background-color: ${$props.color}`),
|
|
5983
|
+
class: "notification-item__count flex flex_center"
|
|
5984
|
+
}, [
|
|
5985
|
+
vue.createElementVNode("span", null, vue.toDisplayString(($props.count > 99)? '99+' : $props.count), 1 /* TEXT */)
|
|
5986
|
+
], 4 /* STYLE */))
|
|
5987
|
+
: vue.createCommentVNode("v-if", true)
|
|
5988
|
+
]),
|
|
5989
|
+
_: 1 /* STABLE */
|
|
5990
|
+
})
|
|
5991
|
+
]),
|
|
5992
|
+
vue.createElementVNode("p", _hoisted_3$2, vue.toDisplayString($props.title), 1 /* TEXT */)
|
|
5993
|
+
]))
|
|
5994
|
+
}
|
|
5995
|
+
|
|
5996
|
+
var css_248z$5 = "\n.notification-item[data-v-196910d0]{\r\n height: 100%;\r\n padding: 0 38px;\r\n\r\n align-items: center;\r\n\r\n transition: background-color var(--fast);\n}\n.notification-item__title[data-v-196910d0]{\r\n max-width: 0;\r\n overflow: hidden;\r\n\r\n transition: var(--medium);\r\n\r\n\t\tcolor: var(--interface-header-notification-color);\n}\n.notification-item__ico[data-v-196910d0]{\r\n position: relative;\n}\n.notification-item__count[data-v-196910d0]{\r\n position: absolute;\r\n top:-8px;\r\n right: -8px;\r\n\r\n font-weight: 600;\r\n font-size: 9px;\r\n line-height: 15px;\r\n\r\n width: 17px;\r\n height: 17px;\r\n\r\n border-radius: 50%;\r\n\r\n color: var(--text-white);\n}\n.notification-item[data-v-196910d0]:hover{\r\n background-color: var(--interface-header-notification-background-active);\n}\n.notification-item:hover > .notification-item__title[data-v-196910d0]{\r\n max-width: unset;\r\n\r\n padding: 0 5px 0 15px;\n}\n.notification-item-image[data-v-196910d0]{\r\n color: var(--interface-header-notification-icon-color);\r\n font-size: var(--interface-header-notification-icon-font-size);\n}\n.notification-item:hover .notification-item-image[data-v-196910d0]{\r\n\t\tcolor: var(--interface-header-notification-icon-color-active);\n}\r\n";
|
|
5997
|
+
styleInject(css_248z$5);
|
|
5998
|
+
|
|
5999
|
+
script$5.render = render$1;
|
|
6000
|
+
script$5.__scopeId = "data-v-196910d0";
|
|
6001
|
+
script$5.__file = "core/widgets/interface/default/header/InterfaceHeaderNotificationItem.vue";
|
|
6002
|
+
|
|
6003
|
+
var script$4 = {
|
|
6004
|
+
components: {InterfaceHeaderNotificationItem: script$5},
|
|
6005
|
+
props: {
|
|
6006
|
+
array: {
|
|
6007
|
+
type: Array,
|
|
6008
|
+
default: () => []
|
|
6009
|
+
}
|
|
6010
|
+
},
|
|
6011
|
+
name: "InterfaceHeaderNotification"
|
|
6012
|
+
};
|
|
6013
|
+
|
|
6014
|
+
const _hoisted_1$3 = { class: "interface-notification flex flex_full" };
|
|
6015
|
+
|
|
6016
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6017
|
+
const _component_interface_header_notification_item = vue.resolveComponent("interface-header-notification-item");
|
|
6018
|
+
|
|
6019
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
|
|
6020
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.array, (elem, index) => {
|
|
6021
|
+
return (vue.openBlock(), vue.createBlock(_component_interface_header_notification_item, {
|
|
6022
|
+
key: index,
|
|
6023
|
+
elem: elem,
|
|
6024
|
+
title: elem.title,
|
|
6025
|
+
count: elem.count,
|
|
6026
|
+
icon: elem.icon
|
|
6027
|
+
}, null, 8 /* PROPS */, ["elem", "title", "count", "icon"]))
|
|
6028
|
+
}), 128 /* KEYED_FRAGMENT */))
|
|
6029
|
+
]))
|
|
6030
|
+
}
|
|
6031
|
+
|
|
6032
|
+
var css_248z$4 = "\n.interface-notification[data-v-6e530865]{\r\n align-items: center;\n}\n.interface-notification__separator[data-v-6e530865]{\r\n width: 3px;\r\n height: 50px;\r\n\r\n background-color: var(--gray);\r\n margin: 0 15px;\n}\r\n\r\n";
|
|
5945
6033
|
styleInject(css_248z$4);
|
|
5946
6034
|
|
|
5947
|
-
script$4.
|
|
5948
|
-
script$4.
|
|
6035
|
+
script$4.render = render;
|
|
6036
|
+
script$4.__scopeId = "data-v-6e530865";
|
|
6037
|
+
script$4.__file = "core/widgets/interface/default/header/InterfaceHeaderNotification.vue";
|
|
5949
6038
|
|
|
5950
|
-
const _withScopeId$1 = n => (vue.pushScopeId("data-v-3ab490e9"), n = n(), vue.popScopeId(), n);
|
|
5951
6039
|
const _hoisted_1$2 = { class: "interface-header flex widget-interface-header" };
|
|
5952
|
-
const _hoisted_2$2 =
|
|
5953
|
-
const _hoisted_3$2 = { class: "interface-user-card widget-interface-card" };
|
|
6040
|
+
const _hoisted_2$2 = { class: "interface-user-card widget-interface-card" };
|
|
5954
6041
|
var script$3 = /*#__PURE__*/ vue.defineComponent({
|
|
5955
6042
|
__name: 'interface-header',
|
|
5956
6043
|
props: {
|
|
5957
|
-
popup: { type: null, required: true }
|
|
6044
|
+
popup: { type: null, required: true },
|
|
6045
|
+
notifications: { type: Array, required: true }
|
|
5958
6046
|
},
|
|
5959
6047
|
setup(__props) {
|
|
5960
6048
|
const currentContextId = ApplicationManager.currentContextId;
|
|
5961
6049
|
return (_ctx, _cache) => {
|
|
5962
6050
|
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
|
|
5963
|
-
|
|
5964
|
-
|
|
6051
|
+
vue.createVNode(script$4, {
|
|
6052
|
+
class: "interface-notification",
|
|
6053
|
+
array: __props.notifications
|
|
6054
|
+
}, null, 8 /* PROPS */, ["array"]),
|
|
6055
|
+
vue.createCommentVNode("\r\n <div class = \"interface-notification\">\r\n\r\n\t\t\t<div class = \"interface-notification-item\"\r\n\t\t\t\tv-for = \"(elem, index) in notifications\"\r\n\t\t\t\t :key = \"index\"\r\n\t\t\t>\r\n\t\t\t\t<widget-icon>{{elem.icon}}</widget-icon>\r\n\t\t\t</div>\r\n\r\n\r\n\t\t</div>\r\n"),
|
|
6056
|
+
vue.createElementVNode("div", _hoisted_2$2, [
|
|
5965
6057
|
(vue.unref(currentContextId) === null)
|
|
5966
|
-
? (vue.openBlock(), vue.createBlock(script$
|
|
5967
|
-
: (vue.openBlock(), vue.createBlock(script$
|
|
6058
|
+
? (vue.openBlock(), vue.createBlock(script$R, { key: 0 }))
|
|
6059
|
+
: (vue.openBlock(), vue.createBlock(script$6, {
|
|
5968
6060
|
key: 1,
|
|
5969
6061
|
popup: __props.popup,
|
|
5970
6062
|
style: { "height": "100%" }
|
|
@@ -5975,7 +6067,7 @@ var script$3 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5975
6067
|
}
|
|
5976
6068
|
});
|
|
5977
6069
|
|
|
5978
|
-
var css_248z$3 = "\n.interface-header[data-v-3ab490e9] {\r\n justify-content: space-between;\n}\n.interface-user-card[data-v-3ab490e9]{\r\n\t\tdisplay:flex;\r\n\t\talign-items: center;\r\n\t\tplace-content: center;\r\n\t\tgrid-template-rows: 1fr;\r\n\r\n\t\tmin-width: 220px;\n}\r\n";
|
|
6070
|
+
var css_248z$3 = "\n.interface-header[data-v-3ab490e9] {\r\n justify-content: space-between;\n}\n.interface-user-card[data-v-3ab490e9]{\r\n\t\tdisplay:flex;\r\n\t\talign-items: center;\r\n\t\tplace-content: center;\r\n\t\tgrid-template-rows: 1fr;\r\n\r\n\t\tmin-width: 220px;\n}\n.interface-notification[data-v-3ab490e9]{\r\n\t\tflex: 1;\n}\r\n";
|
|
5979
6071
|
styleInject(css_248z$3);
|
|
5980
6072
|
|
|
5981
6073
|
script$3.__scopeId = "data-v-3ab490e9";
|
|
@@ -5992,7 +6084,8 @@ var script$2 = /*#__PURE__*/ vue.defineComponent({
|
|
|
5992
6084
|
props: {
|
|
5993
6085
|
nav: { type: Array, required: false },
|
|
5994
6086
|
popup: { type: null, required: false },
|
|
5995
|
-
logotype: { type: String, required: false }
|
|
6087
|
+
logotype: { type: String, required: false },
|
|
6088
|
+
notifications: { type: Array, required: false }
|
|
5996
6089
|
},
|
|
5997
6090
|
setup(__props) {
|
|
5998
6091
|
// If true on mobile devices' navigation will be showed
|
|
@@ -6013,14 +6106,17 @@ var script$2 = /*#__PURE__*/ vue.defineComponent({
|
|
|
6013
6106
|
]),
|
|
6014
6107
|
_: 1 /* STABLE */
|
|
6015
6108
|
}),
|
|
6016
|
-
vue.createVNode(script$3, {
|
|
6109
|
+
vue.createVNode(script$3, {
|
|
6110
|
+
popup: __props.popup,
|
|
6111
|
+
notifications: __props.notifications
|
|
6112
|
+
}, null, 8 /* PROPS */, ["popup", "notifications"]),
|
|
6017
6113
|
vue.createCommentVNode("Mobile navigation toggle"),
|
|
6018
6114
|
vue.createElementVNode("div", _hoisted_3$1, [
|
|
6019
6115
|
vue.createElementVNode("button", {
|
|
6020
6116
|
class: "menu",
|
|
6021
6117
|
onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => (mobileNavigationActive.value = !mobileNavigationActive.value), ["stop"]))
|
|
6022
6118
|
}, [
|
|
6023
|
-
vue.createVNode(script$
|
|
6119
|
+
vue.createVNode(script$13, {
|
|
6024
6120
|
class: "menu-icon",
|
|
6025
6121
|
name: "menu-burger"
|
|
6026
6122
|
}),
|
|
@@ -6039,7 +6135,7 @@ var script$2 = /*#__PURE__*/ vue.defineComponent({
|
|
|
6039
6135
|
]),
|
|
6040
6136
|
_: 1 /* STABLE */
|
|
6041
6137
|
}),
|
|
6042
|
-
vue.createVNode(script$
|
|
6138
|
+
vue.createVNode(script$c, {
|
|
6043
6139
|
config: __props.nav,
|
|
6044
6140
|
class: vue.normalizeClass(["interface-navigation widget-interface-navigation", {
|
|
6045
6141
|
'interface-navigation-mobile_active': mobileNavigationActive.value
|
|
@@ -6076,7 +6172,7 @@ var script$1 = /*#__PURE__*/ vue.defineComponent({
|
|
|
6076
6172
|
onClick: onInput
|
|
6077
6173
|
}, [
|
|
6078
6174
|
(__props.modelValue)
|
|
6079
|
-
? (vue.openBlock(), vue.createBlock(script$
|
|
6175
|
+
? (vue.openBlock(), vue.createBlock(script$13, {
|
|
6080
6176
|
key: 0,
|
|
6081
6177
|
name: "check"
|
|
6082
6178
|
}))
|
|
@@ -6126,7 +6222,7 @@ var script = /*#__PURE__*/ vue.defineComponent({
|
|
|
6126
6222
|
class: "widget-card-arrow",
|
|
6127
6223
|
onClick: _cache[1] || (_cache[1] = ($event) => (state.hidden = !state.hidden))
|
|
6128
6224
|
}, [
|
|
6129
|
-
vue.createVNode(script$
|
|
6225
|
+
vue.createVNode(script$13, {
|
|
6130
6226
|
name: "angle-small-right",
|
|
6131
6227
|
class: vue.normalizeClass(["card-icon-arrow", { 'card-icon-arrow_active': !state.hidden }])
|
|
6132
6228
|
}, null, 8 /* PROPS */, ["class"])
|
|
@@ -6310,25 +6406,25 @@ var index = {
|
|
|
6310
6406
|
exports.ApplicationManager = ApplicationManager;
|
|
6311
6407
|
exports.CoreError = CoreError;
|
|
6312
6408
|
exports.List = List;
|
|
6313
|
-
exports.ModalValidation = script$
|
|
6409
|
+
exports.ModalValidation = script$h;
|
|
6314
6410
|
exports.NotificationSystem = NotificationSystem;
|
|
6315
6411
|
exports.ProcessWrap = ProcessWrap;
|
|
6316
6412
|
exports.Table = Table;
|
|
6317
|
-
exports.WidgetBreadcrumbs = script$
|
|
6318
|
-
exports.WidgetButton = script$
|
|
6413
|
+
exports.WidgetBreadcrumbs = script$r;
|
|
6414
|
+
exports.WidgetButton = script$O;
|
|
6319
6415
|
exports.WidgetCard = script;
|
|
6320
|
-
exports.WidgetCommunication = script$
|
|
6321
|
-
exports.WidgetForm = script$
|
|
6322
|
-
exports.WidgetIcon = script$
|
|
6323
|
-
exports.WidgetImage = script$
|
|
6416
|
+
exports.WidgetCommunication = script$l;
|
|
6417
|
+
exports.WidgetForm = script$P;
|
|
6418
|
+
exports.WidgetIcon = script$13;
|
|
6419
|
+
exports.WidgetImage = script$g;
|
|
6324
6420
|
exports.WidgetInterfaceContainer = script$2;
|
|
6325
|
-
exports.WidgetList = script$
|
|
6326
|
-
exports.WidgetNotFound = script$
|
|
6327
|
-
exports.WidgetNotificationSystem = script$
|
|
6328
|
-
exports.WidgetSection = script$
|
|
6329
|
-
exports.WidgetSpinner = script$
|
|
6330
|
-
exports.WidgetTable = script$
|
|
6331
|
-
exports.WidgetTableController = script$
|
|
6421
|
+
exports.WidgetList = script$F;
|
|
6422
|
+
exports.WidgetNotFound = script$f;
|
|
6423
|
+
exports.WidgetNotificationSystem = script$v;
|
|
6424
|
+
exports.WidgetSection = script$k;
|
|
6425
|
+
exports.WidgetSpinner = script$R;
|
|
6426
|
+
exports.WidgetTable = script$A;
|
|
6427
|
+
exports.WidgetTableController = script$y;
|
|
6332
6428
|
exports.authService = authService;
|
|
6333
6429
|
exports.clickOutside = clickOutside;
|
|
6334
6430
|
exports.communicationService = CommunicationService;
|