@deskhero/dh_ui 1.31.2 → 1.32.0
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/dh_ui.es.js +2487 -238
- package/dist/dh_ui.umd.js +6 -6
- package/dist/style.css +1 -1
- package/package.json +2 -1
package/dist/dh_ui.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createVNode, createCommentVNode, reactive, ref, useSlots, toRef, provide, computed, onMounted, onUnmounted, watch, normalizeClass, unref, mergeProps, isRef, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, Teleport, inject, withKeys, withModifiers, Transition, Fragment, normalizeStyle, resolveDynamicComponent, nextTick, withDirectives, vShow, onBeforeUpdate, getCurrentScope, onScopeDispose, shallowRef, onBeforeUnmount, toRaw, h, isProxy, vModelDynamic, vModelText, pushScopeId, popScopeId, vModelCheckbox } from "vue";
|
|
1
|
+
import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createVNode, createCommentVNode, reactive, ref, useSlots, toRef, provide, computed, onMounted, onUnmounted, watch, normalizeClass, unref, mergeProps, isRef, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, Teleport, inject, withKeys, withModifiers, Transition, Fragment, normalizeStyle, resolveDynamicComponent, nextTick, withDirectives, vShow, onBeforeUpdate, getCurrentScope, onScopeDispose, shallowRef, onBeforeUnmount, toRaw, h, isProxy, vModelDynamic, vModelText, pushScopeId, popScopeId, vModelCheckbox, toRefs, getCurrentInstance } from "vue";
|
|
2
2
|
var main$1 = "";
|
|
3
3
|
var _export_sfc = (sfc, props) => {
|
|
4
4
|
const target = sfc.__vccOpts || sfc;
|
|
@@ -7,7 +7,7 @@ var _export_sfc = (sfc, props) => {
|
|
|
7
7
|
}
|
|
8
8
|
return target;
|
|
9
9
|
};
|
|
10
|
-
const _sfc_main$
|
|
10
|
+
const _sfc_main$k = defineComponent({
|
|
11
11
|
components: { DhIcon },
|
|
12
12
|
props: {
|
|
13
13
|
mainText: {
|
|
@@ -64,19 +64,19 @@ const _sfc_main$j = defineComponent({
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
});
|
|
67
|
-
const _hoisted_1$
|
|
68
|
-
const _hoisted_2$
|
|
69
|
-
const _hoisted_3$
|
|
67
|
+
const _hoisted_1$k = { class: "dh-advanced-filter-container" };
|
|
68
|
+
const _hoisted_2$h = { class: "advance_section" };
|
|
69
|
+
const _hoisted_3$c = {
|
|
70
70
|
key: 0,
|
|
71
71
|
class: "list-none"
|
|
72
72
|
};
|
|
73
|
-
const _hoisted_4$
|
|
74
|
-
const _hoisted_5$
|
|
75
|
-
const _hoisted_6$
|
|
73
|
+
const _hoisted_4$8 = ["checked"];
|
|
74
|
+
const _hoisted_5$5 = ["checked"];
|
|
75
|
+
const _hoisted_6$5 = ["checked"];
|
|
76
76
|
function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
77
77
|
const _component_dh_icon = resolveComponent("dh-icon");
|
|
78
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
79
|
-
createElementVNode("div", _hoisted_2$
|
|
78
|
+
return openBlock(), createElementBlock("div", _hoisted_1$k, [
|
|
79
|
+
createElementVNode("div", _hoisted_2$h, [
|
|
80
80
|
createElementVNode("span", {
|
|
81
81
|
class: "toggle-icon",
|
|
82
82
|
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleFilter())
|
|
@@ -87,7 +87,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
87
87
|
size: 20
|
|
88
88
|
}, null, 8, ["icon-name"])
|
|
89
89
|
]),
|
|
90
|
-
_ctx.activeFilter ? (openBlock(), createElementBlock("ul", _hoisted_3$
|
|
90
|
+
_ctx.activeFilter ? (openBlock(), createElementBlock("ul", _hoisted_3$c, [
|
|
91
91
|
createElementVNode("li", null, [
|
|
92
92
|
createElementVNode("label", null, [
|
|
93
93
|
createElementVNode("input", {
|
|
@@ -95,7 +95,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
95
95
|
name: "number_filter",
|
|
96
96
|
type: "checkbox",
|
|
97
97
|
onChange: _cache[1] || (_cache[1] = ($event) => _ctx.missingFilter())
|
|
98
|
-
}, null, 40, _hoisted_4$
|
|
98
|
+
}, null, 40, _hoisted_4$8),
|
|
99
99
|
createTextVNode(" " + toDisplayString(_ctx.filterMissingText), 1)
|
|
100
100
|
])
|
|
101
101
|
]),
|
|
@@ -106,7 +106,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
106
106
|
name: "number_filter",
|
|
107
107
|
type: "radio",
|
|
108
108
|
onChange: _cache[2] || (_cache[2] = ($event) => _ctx.matchFilter())
|
|
109
|
-
}, null, 40, _hoisted_5$
|
|
109
|
+
}, null, 40, _hoisted_5$5),
|
|
110
110
|
createTextVNode(" " + toDisplayString(_ctx.matchText), 1)
|
|
111
111
|
]),
|
|
112
112
|
createElementVNode("label", null, [
|
|
@@ -115,7 +115,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
115
115
|
name: "number_filter",
|
|
116
116
|
type: "radio",
|
|
117
117
|
onChange: _cache[3] || (_cache[3] = ($event) => _ctx.excludeFilter())
|
|
118
|
-
}, null, 40, _hoisted_6$
|
|
118
|
+
}, null, 40, _hoisted_6$5),
|
|
119
119
|
createTextVNode(" " + toDisplayString(_ctx.excludeText), 1)
|
|
120
120
|
])
|
|
121
121
|
])
|
|
@@ -123,7 +123,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
123
123
|
])
|
|
124
124
|
]);
|
|
125
125
|
}
|
|
126
|
-
var DhAdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
126
|
+
var DhAdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$8]]);
|
|
127
127
|
function toInteger(dirtyNumber) {
|
|
128
128
|
if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
|
|
129
129
|
return NaN;
|
|
@@ -10740,7 +10740,7 @@ var __glob_1_11 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQ
|
|
|
10740
10740
|
var __glob_1_12 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMzLjI1IDYuMzMzMzNINC43NTAwNEMzLjAwMTE0IDYuMzMzMzMgMS41ODMzNyA3Ljc1MTEgMS41ODMzNyA5LjVWMjguNUMxLjU4MzM3IDMwLjI0ODkgMy4wMDExNCAzMS42NjY3IDQuNzUwMDQgMzEuNjY2N0gzMy4yNUMzNC45OTg5IDMxLjY2NjcgMzYuNDE2NyAzMC4yNDg5IDM2LjQxNjcgMjguNVY5LjVDMzYuNDE2NyA3Ljc1MTEgMzQuOTk4OSA2LjMzMzMzIDMzLjI1IDYuMzMzMzNaIiBzdHJva2U9IiNCRkJGQkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xLjU4MzM3IDE1LjgzMzNIMzYuNDE2NyIgc3Ryb2tlPSIjQkZCRkJGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
|
|
10741
10741
|
var __glob_1_13 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQ2Mjk2IDUuNDE2NjZDNC45NzcxNiA1LjQxNjY2IDQuNTgzMzMgNS44MTA0OSA0LjU4MzMzIDYuMjk2MjlWMTUuMzcwNEM0LjU4MzMzIDE1Ljg1NjIgNC45NzcxNiAxNi4yNSA1LjQ2Mjk2IDE2LjI1SDE0LjUzN0MxNS4wMjI4IDE2LjI1IDE1LjQxNjcgMTUuODU2MiAxNS40MTY3IDE1LjM3MDRWNi4yOTYyOUMxNS40MTY3IDUuODEwNDkgMTUuMDIyOCA1LjQxNjY2IDE0LjUzNyA1LjQxNjY2SDUuNDYyOTZaTTMuNzUgNi4yOTYyOUMzLjc1IDUuMzUwMjUgNC41MTY5MiA0LjU4MzMzIDUuNDYyOTYgNC41ODMzM0gxNC41MzdDMTUuNDgzMSA0LjU4MzMzIDE2LjI1IDUuMzUwMjUgMTYuMjUgNi4yOTYyOVYxNS4zNzA0QzE2LjI1IDE2LjMxNjQgMTUuNDgzMSAxNy4wODMzIDE0LjUzNyAxNy4wODMzSDUuNDYyOTZDNC41MTY5MiAxNy4wODMzIDMuNzUgMTYuMzE2NCAzLjc1IDE1LjM3MDRWNi4yOTYyOVoiIGZpbGw9IiNBQUFDQjQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4zMzMzIDIuOTE2NjdDMTMuNTYzNCAyLjkxNjY3IDEzLjc1IDMuMTAzMjIgMTMuNzUgMy4zMzMzNFY2LjY2NjY3QzEzLjc1IDYuODk2NzkgMTMuNTYzNCA3LjA4MzM0IDEzLjMzMzMgNy4wODMzNEMxMy4xMDMyIDcuMDgzMzQgMTIuOTE2NiA2Ljg5Njc5IDEyLjkxNjYgNi42NjY2N1YzLjMzMzM0QzEyLjkxNjYgMy4xMDMyMiAxMy4xMDMyIDIuOTE2NjcgMTMuMzMzMyAyLjkxNjY3WiIgZmlsbD0iI0FBQUNCNCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNjY2NjcgMi45MTY2N0M2Ljg5Njc5IDIuOTE2NjcgNy4wODMzMyAzLjEwMzIyIDcuMDgzMzMgMy4zMzMzNFY2LjY2NjY3QzcuMDgzMzMgNi44OTY3OSA2Ljg5Njc5IDcuMDgzMzQgNi42NjY2NyA3LjA4MzM0QzYuNDM2NTUgNy4wODMzNCA2LjI1IDYuODk2NzkgNi4yNSA2LjY2NjY3VjMuMzMzMzRDNi4yNSAzLjEwMzIyIDYuNDM2NTUgMi45MTY2NyA2LjY2NjY3IDIuOTE2NjdaIiBmaWxsPSIjQUFBQ0I0Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy43NSA4LjMzMzM0QzMuNzUgOC4xMDMyMiAzLjkzNjU1IDcuOTE2NjcgNC4xNjY2NyA3LjkxNjY3SDE1LjgzMzNDMTYuMDYzNSA3LjkxNjY3IDE2LjI1IDguMTAzMjIgMTYuMjUgOC4zMzMzNEMxNi4yNSA4LjU2MzQ2IDE2LjA2MzUgOC43NTAwMSAxNS44MzMzIDguNzUwMDFINC4xNjY2N0MzLjkzNjU1IDguNzUwMDEgMy43NSA4LjU2MzQ2IDMuNzUgOC4zMzMzNFoiIGZpbGw9IiNBQUFDQjQiLz4KPC9zdmc+Cg==";
|
|
10742
10742
|
var __glob_1_14 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY2ODU4IDEyLjAxMjdDMy42Njg1OCA3LjQxMTk4IDcuNDExOTggMy42Njg1OCAxMi4wMTI3IDMuNjY4NThDMTYuNjEzNCAzLjY2ODU4IDIwLjM1NjggNy40MTE5OCAyMC4zNTY4IDEyLjAxMjdDMjAuMzU2OCAxNi42MTM0IDE2LjYxMzQgMjAuMzU2OCAxMi4wMTI3IDIwLjM1NjhDNy40MTE5OCAyMC4zNTY4IDMuNjY4NTggMTYuNjEzNCAzLjY2ODU4IDEyLjAxMjdaTTQuNzk2NTggMTIuMDEyN0M0Ljc5NjU4IDE1Ljk5MTkgOC4wMzM3NiAxOS4yMjg4IDEyLjAxMjcgMTkuMjI4OEMxNS45OTE4IDE5LjIyODggMTkuMjI4OCAxNS45OTE4IDE5LjIyODggMTIuMDEyN0MxOS4yMjg4IDguMDMzNjEgMTUuOTkxOCA0Ljc5NjU4IDEyLjAxMjcgNC43OTY1OEM4LjAzMzYyIDQuNzk2NTggNC43OTY1OCA4LjAzMzQ3IDQuNzk2NTggMTIuMDEyN1oiIGZpbGw9IiNBQUFDQjQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi41NjY3IDExLjcxNjNMMTIuNTQxMyAxMS44Nzc1TDE1LjAzNzkgMTQuMTE1NUMxNS4yNjk3IDE0LjMyMzMgMTUuMjg5MiAxNC42Nzk2IDE1LjA4MTQgMTQuOTExN0MxNC45Njk4IDE1LjAzNiAxNC44MTYxIDE1LjA5OTQgMTQuNjYwOSAxNS4wOTk0QzE0LjUyNjQgMTUuMDk5NCAxNC4zOTIyIDE1LjA1MTkgMTQuMjg0NyAxNC45NTU0TDExLjYxMTEgMTIuNTU4NkMxMS42MDE1IDEyLjU1IDExLjU3MTggMTIuNTExNiAxMS41NDA1IDEyLjQxNjFDMTEuNTExNCAxMi4zMjczIDExLjQ5MDIgMTIuMjE4MiAxMS40NzU3IDEyLjEwNEMxMS40NDgyIDExLjg4NzcgMTEuNDQ4NiAxMS42ODczIDExLjQ0ODggMTEuNjM1OEwxMS40NDg4IDExLjYyODlWNy44NjA1MkMxMS40NDg4IDcuNTQ5MTUgMTEuNzAxNCA3LjI5NjU1IDEyLjAxMjcgNy4yOTY1NUMxMi4zMjQxIDcuMjk2NTUgMTIuNTc2NyA3LjU0OTE1IDEyLjU3NjcgNy44NjA1MlYxMS42Mjg1QzEyLjU3NjcgMTEuNjQ4MSAxMi41NzM5IDExLjY3MDMgMTIuNTY2NyAxMS43MTYzWiIgZmlsbD0iI0FBQUNCNCIvPgo8L3N2Zz4K";
|
|
10743
|
-
var _imports_0 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjI0IDZMNiAxNy4yNE02LjE1NjI3IDYuMzEyNTJMMTcuMDgzNyAxNy4yNCIgc3Ryb2tlPSIjODI4MjgyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==";
|
|
10743
|
+
var _imports_0$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjI0IDZMNiAxNy4yNE02LjE1NjI3IDYuMzEyNTJMMTcuMDgzNyAxNy4yNCIgc3Ryb2tlPSIjODI4MjgyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==";
|
|
10744
10744
|
var __glob_1_16 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNC43NSIgeT0iNC43NSIgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTQuNSIgcng9IjEuMjUiIHN0cm9rZT0iI0JGQkZCRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8bGluZSB4MT0iOS43NSIgeTE9IjUiIHgyPSI5Ljc1IiB5Mj0iMjAiIHN0cm9rZT0iI0JGQkZCRiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPGxpbmUgeDE9IjE0Ljc1IiB5MT0iNSIgeDI9IjE0Ljc1IiB5Mj0iMjAiIHN0cm9rZT0iI0JGQkZCRiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==";
|
|
10745
10745
|
var __glob_1_17 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI2OCAyLjk5OTk1QzExLjAzNzggMS42NjY2MiAxMi45NjIzIDEuNjY2NjIgMTMuNzMyMSAyLjk5OTk1TDIyLjM5MjQgMThDMjMuMTYyMiAxOS4zMzMzIDIyLjE5OTkgMjEgMjAuNjYwMyAyMUgzLjMzOTc3QzEuODAwMTcgMjEgMC44Mzc5MTMgMTkuMzMzMyAxLjYwNzcxIDE4TDEwLjI2OCAyLjk5OTk1WiIgZmlsbD0iI0U2OEI4NiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDcuOTk5OTVDMTEuNDQ3NyA3Ljk5OTk1IDExIDguNDQ3NjYgMTEgOC45OTk5NVYxM0MxMSAxMy41NTIyIDExLjQ0NzcgMTMuOTk5OSAxMiAxMy45OTk5QzEyLjU1MjIgMTMuOTk5OSAxMyAxMy41NTIyIDEzIDEzVjguOTk5OTVDMTMgOC40NDc2NiAxMi41NTIyIDcuOTk5OTUgMTIgNy45OTk5NVpNMTIgMTUuNzVDMTEuMzA5NyAxNS43NSAxMC43NSAxNi4zMDk2IDEwLjc1IDE2Ljk5OTlDMTAuNzUgMTcuNjkwMyAxMS4zMDk3IDE4LjI1IDEyIDE4LjI1SDEyLjAxQzEyLjcwMDMgMTguMjUgMTMuMjYgMTcuNjkwMyAxMy4yNiAxNi45OTk5QzEzLjI2IDE2LjMwOTYgMTIuNzAwMyAxNS43NSAxMi4wMSAxNS43NUgxMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=";
|
|
10746
10746
|
var __glob_1_18 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS40NTUgNC4xYy0uNzQ5IDAtMS4zNTUuNjA2LTEuMzU1IDEuMzU1djQuMzYzYzAgLjc0OC42MDYgMS4zNTUgMS4zNTUgMS4zNTVoNC4zNjNjLjc0OCAwIDEuMzU1LS42MDcgMS4zNTUtMS4zNTVWNS40NTVjMC0uNzQ5LS42MDctMS4zNTUtMS4zNTUtMS4zNTVINS40NTV6bS0uMSAxLjM1NWEuMS4xIDAgMCAxIC4xLS4xaDQuMzYzYS4xLjEgMCAwIDEgLjEuMXY0LjM2M2EuMS4xIDAgMCAxLS4xLjFINS40NTVhLjEuMSAwIDAgMS0uMS0uMVY1LjQ1NXpNMTQuMTgyIDQuMWMtLjc0OCAwLTEuMzU1LjYwNi0xLjM1NSAxLjM1NXY0LjM2M2MwIC43NDguNjA3IDEuMzU1IDEuMzU1IDEuMzU1aDQuMzYzYy43NDggMCAxLjM1NS0uNjA3IDEuMzU1LTEuMzU1VjUuNDU1YzAtLjc0OS0uNjA2LTEuMzU1LTEuMzU1LTEuMzU1aC00LjM2M3ptLS4xIDEuMzU1YS4xLjEgMCAwIDEgLjEtLjFoNC4zNjNhLjEuMSAwIDAgMSAuMS4xdjQuMzYzYS4xLjEgMCAwIDEtLjEuMWgtNC4zNjNhLjEuMSAwIDAgMS0uMS0uMVY1LjQ1NXpNNS40NTUgMTIuODI3Yy0uNzQ5IDAtMS4zNTUuNjA3LTEuMzU1IDEuMzU1djQuMzY0YzAgLjc0OC42MDYgMS4zNTQgMS4zNTUgMS4zNTRoNC4zNjNjLjc0OCAwIDEuMzU1LS42MDYgMS4zNTUtMS4zNTR2LTQuMzY0YzAtLjc0OC0uNjA3LTEuMzU1LTEuMzU1LTEuMzU1SDUuNDU1em0tLjEgMS4zNTVhLjEuMSAwIDAgMSAuMS0uMWg0LjM2M2EuMS4xIDAgMCAxIC4xLjF2NC4zNjRhLjEuMSAwIDAgMS0uMS4xSDUuNDU1YS4xLjEgMCAwIDEtLjEtLjF2LTQuMzY0eiIgZmlsbD0iI0JGQkZCRiIvPgogICAgPHBhdGggZD0iTTEzLjQ1NCAxMi44MjdhLjYyNy42MjcgMCAxIDAgMCAxLjI1NWg1LjgxOWEuNjI3LjYyNyAwIDEgMCAwLTEuMjU1aC01LjgxOXpNMTYuMzY0IDE1LjczNmEuNjI3LjYyNyAwIDEgMCAwIDEuMjU1aDIuOTA5YS42MjcuNjI3IDAgMSAwIDAtMS4yNTVoLTIuOTF6TTEzLjQ1NCAxOC42NDVhLjYyNy42MjcgMCAxIDAgMCAxLjI1NWg1LjgxOWEuNjI3LjYyNyAwIDEgMCAwLTEuMjU1aC01LjgxOXoiIGZpbGw9IiNCRkJGQkYiLz4KPC9zdmc+Cg==";
|
|
@@ -10816,7 +10816,7 @@ var __glob_1_87 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQ
|
|
|
10816
10816
|
var __glob_1_88 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI2NzkgM0MxMS4wMzc3IDEuNjY2NjcgMTIuOTYyMiAxLjY2NjY3IDEzLjczMiAzTDIyLjM5MjMgMThDMjMuMTYyMSAxOS4zMzMzIDIyLjE5OTkgMjEgMjAuNjYwMyAyMUgzLjMzOTc1QzEuODAwMTQgMjEgMC44Mzc4OTQgMTkuMzMzMyAxLjYwNzY5IDE4TDEwLjI2NzkgM1oiIGZpbGw9IiNGM0NDQTgiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiA4QzExLjQ0NzcgOCAxMSA4LjQ0NzcyIDExIDlWMTNDMTEgMTMuNTUyMyAxMS40NDc3IDE0IDEyIDE0QzEyLjU1MjMgMTQgMTMgMTMuNTUyMyAxMyAxM1Y5QzEzIDguNDQ3NzIgMTIuNTUyMyA4IDEyIDhaTTEyIDE1Ljc1QzExLjMwOTYgMTUuNzUgMTAuNzUgMTYuMzA5NiAxMC43NSAxN0MxMC43NSAxNy42OTA0IDExLjMwOTYgMTguMjUgMTIgMTguMjVIMTIuMDFDMTIuNzAwNCAxOC4yNSAxMy4yNiAxNy42OTA0IDEzLjI2IDE3QzEzLjI2IDE2LjMwOTYgMTIuNzAwNCAxNS43NSAxMi4wMSAxNS43NUgxMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=";
|
|
10817
10817
|
var __glob_1_89 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04Ljc0OSA0LjAzOCAyLjU1MSAxNC4zODZhMS40NjQgMS40NjQgMCAwIDAgMS4yNTEgMi4xOTVoMTIuMzk3YTEuNDYzIDEuNDYzIDAgMCAwIDEuMjUxLTIuMTk1TDExLjI1MiA0LjAzOGExLjQ2NCAxLjQ2NCAwIDAgMC0yLjUwMyAwdjB6TTEwIDcuOHYyLjkyNiIgc3Ryb2tlPSIjRjI5OTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICAgIDxwYXRoIGQ9Ik0xMCAxMy42NTRoLjAwNyIgc3Ryb2tlPSIjRjI5OTRBIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
|
|
10818
10818
|
var Icon_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
10819
|
-
const _sfc_main$
|
|
10819
|
+
const _sfc_main$j = defineComponent({
|
|
10820
10820
|
props: {
|
|
10821
10821
|
iconName: {
|
|
10822
10822
|
type: String,
|
|
@@ -10841,11 +10841,11 @@ const _sfc_main$i = defineComponent({
|
|
|
10841
10841
|
},
|
|
10842
10842
|
methods: {
|
|
10843
10843
|
getIconUrl() {
|
|
10844
|
-
return new URL({ "../assets/icons/A-Z.svg": __glob_1_0$1, "../assets/icons/accept.svg": __glob_1_1$1, "../assets/icons/appearance.svg": __glob_1_2$1, "../assets/icons/arrow-down-outline.svg": __glob_1_3$1, "../assets/icons/arrow-down.svg": __glob_1_4, "../assets/icons/arrow-left.svg": __glob_1_5, "../assets/icons/arrow-right.svg": __glob_1_6, "../assets/icons/arrow-up.svg": __glob_1_7, "../assets/icons/asterisk.svg": __glob_1_8, "../assets/icons/attachment.svg": __glob_1_9, "../assets/icons/automation.svg": __glob_1_10, "../assets/icons/bar-chart.svg": __glob_1_11, "../assets/icons/billing.svg": __glob_1_12, "../assets/icons/calendar.svg": __glob_1_13, "../assets/icons/clock.svg": __glob_1_14, "../assets/icons/close.svg": _imports_0, "../assets/icons/columns.svg": __glob_1_16, "../assets/icons/danger.svg": __glob_1_17, "../assets/icons/dashboard.svg": __glob_1_18, "../assets/icons/delete.svg": __glob_1_19, "../assets/icons/deskHeroLogo.svg": __glob_1_20, "../assets/icons/dot.svg": __glob_1_21, "../assets/icons/download.svg": __glob_1_22, "../assets/icons/drag-mark.svg": __glob_1_23, "../assets/icons/email-templates.svg": __glob_1_24, "../assets/icons/email.svg": __glob_1_25, "../assets/icons/emoji.svg": __glob_1_26, "../assets/icons/error.svg": __glob_1_27, "../assets/icons/expand-collapse.svg": __glob_1_28, "../assets/icons/expand.svg": __glob_1_29, "../assets/icons/export.svg": __glob_1_30, "../assets/icons/field.svg": __glob_1_31, "../assets/icons/file-csv.svg": __glob_1_32, "../assets/icons/file-doc.svg": __glob_1_33, "../assets/icons/file-jpeg.svg": __glob_1_34, "../assets/icons/file-mp4.svg": __glob_1_35, "../assets/icons/file-pdf.svg": __glob_1_36, "../assets/icons/file-png.svg": __glob_1_37, "../assets/icons/file-txt.svg": __glob_1_38, "../assets/icons/file-unknown.svg": __glob_1_39, "../assets/icons/file-xls.svg": __glob_1_40, "../assets/icons/filter.svg": __glob_1_41, "../assets/icons/forms.svg": __glob_1_42, "../assets/icons/groups.svg": __glob_1_43, "../assets/icons/happy.svg": __glob_1_44, "../assets/icons/help-section.svg": __glob_1_45, "../assets/icons/help.svg": __glob_1_46, "../assets/icons/home.svg": __glob_1_47, "../assets/icons/info.svg": __glob_1_48, "../assets/icons/invisible.svg": __glob_1_49, "../assets/icons/kanban.svg": __glob_1_50, "../assets/icons/key.svg": __glob_1_51, "../assets/icons/knowledgeBase.svg": __glob_1_52, "../assets/icons/link.svg": __glob_1_53, "../assets/icons/lists.svg": __glob_1_54, "../assets/icons/loader.svg": __glob_1_55, "../assets/icons/logout.svg": __glob_1_56, "../assets/icons/more.svg": __glob_1_57, "../assets/icons/newItem.svg": __glob_1_58, "../assets/icons/newList.svg": __glob_1_59, "../assets/icons/next.svg": __glob_1_60, "../assets/icons/notification.svg": __glob_1_61, "../assets/icons/notifications.svg": __glob_1_62, "../assets/icons/number.svg": __glob_1_63, "../assets/icons/options.svg": __glob_1_64, "../assets/icons/plans.svg": __glob_1_65, "../assets/icons/plus.svg": __glob_1_66, "../assets/icons/previous.svg": __glob_1_67, "../assets/icons/processing.svg": __glob_1_68, "../assets/icons/radio.svg": __glob_1_69, "../assets/icons/regex.svg": __glob_1_70, "../assets/icons/retry.svg": __glob_1_71, "../assets/icons/roles.svg": __glob_1_72, "../assets/icons/save.svg": __glob_1_73, "../assets/icons/search.svg": __glob_1_74, "../assets/icons/select.svg": __glob_1_75, "../assets/icons/settings.svg": __glob_1_76, "../assets/icons/shortcut.svg": __glob_1_77, "../assets/icons/star.svg": __glob_1_78, "../assets/icons/states.svg": __glob_1_79, "../assets/icons/text.svg": __glob_1_80, "../assets/icons/tickets.svg": __glob_1_81, "../assets/icons/upload.svg": __glob_1_82, "../assets/icons/user.svg": __glob_1_83, "../assets/icons/validation.svg": __glob_1_84, "../assets/icons/view.svg": __glob_1_85, "../assets/icons/visible.svg": __glob_1_86, "../assets/icons/wait.svg": __glob_1_87, "../assets/icons/warning-filled.svg": __glob_1_88, "../assets/icons/warning.svg": __glob_1_89 }[`../assets/icons/${this.iconName}.svg`], self.location).href;
|
|
10844
|
+
return new URL({ "../assets/icons/A-Z.svg": __glob_1_0$1, "../assets/icons/accept.svg": __glob_1_1$1, "../assets/icons/appearance.svg": __glob_1_2$1, "../assets/icons/arrow-down-outline.svg": __glob_1_3$1, "../assets/icons/arrow-down.svg": __glob_1_4, "../assets/icons/arrow-left.svg": __glob_1_5, "../assets/icons/arrow-right.svg": __glob_1_6, "../assets/icons/arrow-up.svg": __glob_1_7, "../assets/icons/asterisk.svg": __glob_1_8, "../assets/icons/attachment.svg": __glob_1_9, "../assets/icons/automation.svg": __glob_1_10, "../assets/icons/bar-chart.svg": __glob_1_11, "../assets/icons/billing.svg": __glob_1_12, "../assets/icons/calendar.svg": __glob_1_13, "../assets/icons/clock.svg": __glob_1_14, "../assets/icons/close.svg": _imports_0$1, "../assets/icons/columns.svg": __glob_1_16, "../assets/icons/danger.svg": __glob_1_17, "../assets/icons/dashboard.svg": __glob_1_18, "../assets/icons/delete.svg": __glob_1_19, "../assets/icons/deskHeroLogo.svg": __glob_1_20, "../assets/icons/dot.svg": __glob_1_21, "../assets/icons/download.svg": __glob_1_22, "../assets/icons/drag-mark.svg": __glob_1_23, "../assets/icons/email-templates.svg": __glob_1_24, "../assets/icons/email.svg": __glob_1_25, "../assets/icons/emoji.svg": __glob_1_26, "../assets/icons/error.svg": __glob_1_27, "../assets/icons/expand-collapse.svg": __glob_1_28, "../assets/icons/expand.svg": __glob_1_29, "../assets/icons/export.svg": __glob_1_30, "../assets/icons/field.svg": __glob_1_31, "../assets/icons/file-csv.svg": __glob_1_32, "../assets/icons/file-doc.svg": __glob_1_33, "../assets/icons/file-jpeg.svg": __glob_1_34, "../assets/icons/file-mp4.svg": __glob_1_35, "../assets/icons/file-pdf.svg": __glob_1_36, "../assets/icons/file-png.svg": __glob_1_37, "../assets/icons/file-txt.svg": __glob_1_38, "../assets/icons/file-unknown.svg": __glob_1_39, "../assets/icons/file-xls.svg": __glob_1_40, "../assets/icons/filter.svg": __glob_1_41, "../assets/icons/forms.svg": __glob_1_42, "../assets/icons/groups.svg": __glob_1_43, "../assets/icons/happy.svg": __glob_1_44, "../assets/icons/help-section.svg": __glob_1_45, "../assets/icons/help.svg": __glob_1_46, "../assets/icons/home.svg": __glob_1_47, "../assets/icons/info.svg": __glob_1_48, "../assets/icons/invisible.svg": __glob_1_49, "../assets/icons/kanban.svg": __glob_1_50, "../assets/icons/key.svg": __glob_1_51, "../assets/icons/knowledgeBase.svg": __glob_1_52, "../assets/icons/link.svg": __glob_1_53, "../assets/icons/lists.svg": __glob_1_54, "../assets/icons/loader.svg": __glob_1_55, "../assets/icons/logout.svg": __glob_1_56, "../assets/icons/more.svg": __glob_1_57, "../assets/icons/newItem.svg": __glob_1_58, "../assets/icons/newList.svg": __glob_1_59, "../assets/icons/next.svg": __glob_1_60, "../assets/icons/notification.svg": __glob_1_61, "../assets/icons/notifications.svg": __glob_1_62, "../assets/icons/number.svg": __glob_1_63, "../assets/icons/options.svg": __glob_1_64, "../assets/icons/plans.svg": __glob_1_65, "../assets/icons/plus.svg": __glob_1_66, "../assets/icons/previous.svg": __glob_1_67, "../assets/icons/processing.svg": __glob_1_68, "../assets/icons/radio.svg": __glob_1_69, "../assets/icons/regex.svg": __glob_1_70, "../assets/icons/retry.svg": __glob_1_71, "../assets/icons/roles.svg": __glob_1_72, "../assets/icons/save.svg": __glob_1_73, "../assets/icons/search.svg": __glob_1_74, "../assets/icons/select.svg": __glob_1_75, "../assets/icons/settings.svg": __glob_1_76, "../assets/icons/shortcut.svg": __glob_1_77, "../assets/icons/star.svg": __glob_1_78, "../assets/icons/states.svg": __glob_1_79, "../assets/icons/text.svg": __glob_1_80, "../assets/icons/tickets.svg": __glob_1_81, "../assets/icons/upload.svg": __glob_1_82, "../assets/icons/user.svg": __glob_1_83, "../assets/icons/validation.svg": __glob_1_84, "../assets/icons/view.svg": __glob_1_85, "../assets/icons/visible.svg": __glob_1_86, "../assets/icons/wait.svg": __glob_1_87, "../assets/icons/warning-filled.svg": __glob_1_88, "../assets/icons/warning.svg": __glob_1_89 }[`../assets/icons/${this.iconName}.svg`], self.location).href;
|
|
10845
10845
|
}
|
|
10846
10846
|
}
|
|
10847
10847
|
});
|
|
10848
|
-
const _hoisted_1$
|
|
10848
|
+
const _hoisted_1$j = ["height", "src", "width"];
|
|
10849
10849
|
function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10850
10850
|
return openBlock(), createElementBlock("img", {
|
|
10851
10851
|
alt: "icon",
|
|
@@ -10856,14 +10856,14 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10856
10856
|
height: _ctx.size,
|
|
10857
10857
|
src: _ctx.getIconUrl(),
|
|
10858
10858
|
width: _ctx.size
|
|
10859
|
-
}, null, 10, _hoisted_1$
|
|
10859
|
+
}, null, 10, _hoisted_1$j);
|
|
10860
10860
|
}
|
|
10861
|
-
var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
10861
|
+
var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$7], ["__scopeId", "data-v-201309a0"]]);
|
|
10862
10862
|
var main = "";
|
|
10863
10863
|
var DatePicker_vue_vue_type_style_index_0_lang = "";
|
|
10864
|
-
const _hoisted_1$
|
|
10865
|
-
const _hoisted_2$
|
|
10866
|
-
const _sfc_main$
|
|
10864
|
+
const _hoisted_1$i = /* @__PURE__ */ createTextVNode(" Back ");
|
|
10865
|
+
const _hoisted_2$g = /* @__PURE__ */ createElementVNode("div", null, "today", -1);
|
|
10866
|
+
const _sfc_main$i = {
|
|
10867
10867
|
__name: "DatePicker",
|
|
10868
10868
|
props: {
|
|
10869
10869
|
inline: {
|
|
@@ -10921,12 +10921,12 @@ const _sfc_main$h = {
|
|
|
10921
10921
|
})
|
|
10922
10922
|
]),
|
|
10923
10923
|
"calendar-icon": withCtx(() => [
|
|
10924
|
-
_hoisted_1$
|
|
10924
|
+
_hoisted_1$i
|
|
10925
10925
|
]),
|
|
10926
10926
|
"clear-icon": withCtx(() => []),
|
|
10927
10927
|
"action-preview": withCtx(() => []),
|
|
10928
10928
|
"marker-tooltip": withCtx(() => [
|
|
10929
|
-
_hoisted_2$
|
|
10929
|
+
_hoisted_2$g
|
|
10930
10930
|
]),
|
|
10931
10931
|
_: 1
|
|
10932
10932
|
}, 8, ["modelValue", "inline", "markers"])
|
|
@@ -10935,11 +10935,11 @@ const _sfc_main$h = {
|
|
|
10935
10935
|
}
|
|
10936
10936
|
};
|
|
10937
10937
|
var Error_vue_vue_type_style_index_0_lang = "";
|
|
10938
|
-
const _hoisted_1$
|
|
10938
|
+
const _hoisted_1$h = {
|
|
10939
10939
|
key: 0,
|
|
10940
10940
|
class: "invalid-feedback"
|
|
10941
10941
|
};
|
|
10942
|
-
const _sfc_main$
|
|
10942
|
+
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
10943
10943
|
__name: "Error",
|
|
10944
10944
|
props: {
|
|
10945
10945
|
errors: {
|
|
@@ -10952,7 +10952,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
10952
10952
|
const props = __props;
|
|
10953
10953
|
return (_ctx, _cache) => {
|
|
10954
10954
|
var _a;
|
|
10955
|
-
return unref(props).errors && ((_a = unref(props).errors) == null ? void 0 : _a.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
10955
|
+
return unref(props).errors && ((_a = unref(props).errors) == null ? void 0 : _a.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
|
|
10956
10956
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.errors, (error) => {
|
|
10957
10957
|
return openBlock(), createElementBlock("span", { key: error }, toDisplayString(error), 1);
|
|
10958
10958
|
}), 128))
|
|
@@ -10961,45 +10961,45 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
10961
10961
|
}
|
|
10962
10962
|
});
|
|
10963
10963
|
var FileUpload_vue_vue_type_style_index_0_lang = "";
|
|
10964
|
-
const _hoisted_1$
|
|
10964
|
+
const _hoisted_1$g = /* @__PURE__ */ createElementVNode("label", { for: "upload_pdf" }, [
|
|
10965
10965
|
/* @__PURE__ */ createTextVNode(" Drag and drop file or "),
|
|
10966
10966
|
/* @__PURE__ */ createElementVNode("span", { id: "upload" }, "browse")
|
|
10967
10967
|
], -1);
|
|
10968
|
-
const _hoisted_2$
|
|
10968
|
+
const _hoisted_2$f = {
|
|
10969
10969
|
key: 1,
|
|
10970
10970
|
class: "file__upload_items"
|
|
10971
10971
|
};
|
|
10972
|
-
const _hoisted_3$
|
|
10973
|
-
const _hoisted_4$
|
|
10974
|
-
const _hoisted_5$
|
|
10975
|
-
const _hoisted_6$
|
|
10972
|
+
const _hoisted_3$b = { class: "file__upload_list_item" };
|
|
10973
|
+
const _hoisted_4$7 = { class: "file__upload_list_item_label" };
|
|
10974
|
+
const _hoisted_5$4 = ["title"];
|
|
10975
|
+
const _hoisted_6$4 = {
|
|
10976
10976
|
key: 0,
|
|
10977
10977
|
class: "label__antivirus"
|
|
10978
10978
|
};
|
|
10979
|
-
const _hoisted_7$
|
|
10979
|
+
const _hoisted_7$3 = {
|
|
10980
10980
|
key: 1,
|
|
10981
10981
|
class: "label__antivirus label__antivirus--failed"
|
|
10982
10982
|
};
|
|
10983
|
-
const _hoisted_8$
|
|
10983
|
+
const _hoisted_8$2 = {
|
|
10984
10984
|
key: 2,
|
|
10985
10985
|
class: "label__antivirus label__antivirus--detected"
|
|
10986
10986
|
};
|
|
10987
|
-
const _hoisted_9$
|
|
10988
|
-
const _hoisted_10$
|
|
10989
|
-
const _hoisted_11$
|
|
10990
|
-
const _hoisted_12 = { key: 0 };
|
|
10991
|
-
const _hoisted_13 = ["value"];
|
|
10992
|
-
const _hoisted_14 = ["href"];
|
|
10993
|
-
const _hoisted_15 = {
|
|
10987
|
+
const _hoisted_9$2 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
|
|
10988
|
+
const _hoisted_10$2 = { key: 3 };
|
|
10989
|
+
const _hoisted_11$2 = { key: 4 };
|
|
10990
|
+
const _hoisted_12$1 = { key: 0 };
|
|
10991
|
+
const _hoisted_13$1 = ["value"];
|
|
10992
|
+
const _hoisted_14$1 = ["href"];
|
|
10993
|
+
const _hoisted_15$1 = {
|
|
10994
10994
|
key: 2,
|
|
10995
10995
|
class: "file__upload_placeholder"
|
|
10996
10996
|
};
|
|
10997
|
-
const _hoisted_16 = {
|
|
10997
|
+
const _hoisted_16$1 = {
|
|
10998
10998
|
key: 3,
|
|
10999
10999
|
class: "file__upload_action"
|
|
11000
11000
|
};
|
|
11001
|
-
const _hoisted_17 = /* @__PURE__ */ createElementVNode("button", { class: "file__upload_action_cancel" }, "Cancel", -1);
|
|
11002
|
-
const _sfc_main$
|
|
11001
|
+
const _hoisted_17$1 = /* @__PURE__ */ createElementVNode("button", { class: "file__upload_action_cancel" }, "Cancel", -1);
|
|
11002
|
+
const _sfc_main$g = {
|
|
11003
11003
|
__name: "FileUpload",
|
|
11004
11004
|
props: {
|
|
11005
11005
|
uploadProgress: {
|
|
@@ -11147,7 +11147,7 @@ const _sfc_main$f = {
|
|
|
11147
11147
|
"icon-name": "upload",
|
|
11148
11148
|
size: 24
|
|
11149
11149
|
}),
|
|
11150
|
-
_hoisted_1$
|
|
11150
|
+
_hoisted_1$g,
|
|
11151
11151
|
createElementVNode("input", {
|
|
11152
11152
|
id: "upload_pdf",
|
|
11153
11153
|
ref_key: "upload",
|
|
@@ -11158,7 +11158,7 @@ const _sfc_main$f = {
|
|
|
11158
11158
|
onInput: _cache[0] || (_cache[0] = ($event) => uploadFile($event))
|
|
11159
11159
|
}, null, 544)
|
|
11160
11160
|
], 32)) : createCommentVNode("", true),
|
|
11161
|
-
fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
11161
|
+
fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
|
|
11162
11162
|
(openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file, id) => {
|
|
11163
11163
|
return openBlock(), createElementBlock("div", {
|
|
11164
11164
|
key: id,
|
|
@@ -11197,13 +11197,13 @@ const _sfc_main$f = {
|
|
|
11197
11197
|
size: 20,
|
|
11198
11198
|
style: normalizeStyle({ "z-index": props.zIndex })
|
|
11199
11199
|
}, null, 8, ["style"])) : createCommentVNode("", true),
|
|
11200
|
-
createElementVNode("div", _hoisted_3$
|
|
11201
|
-
createElementVNode("div", _hoisted_4$
|
|
11200
|
+
createElementVNode("div", _hoisted_3$b, [
|
|
11201
|
+
createElementVNode("div", _hoisted_4$7, [
|
|
11202
11202
|
createElementVNode("div", null, [
|
|
11203
11203
|
createElementVNode("span", {
|
|
11204
11204
|
title: file.name
|
|
11205
|
-
}, toDisplayString(getName(file.name)) + toDisplayString(getExtension(file.name)), 9, _hoisted_5$
|
|
11206
|
-
props.uploadProgress[id] == 100 && __props.fileSaved && !__props.errorOccured[id] && __props.virusCheck[id] == "loading" ? (openBlock(), createElementBlock("span", _hoisted_6$
|
|
11205
|
+
}, toDisplayString(getName(file.name)) + toDisplayString(getExtension(file.name)), 9, _hoisted_5$4),
|
|
11206
|
+
props.uploadProgress[id] == 100 && __props.fileSaved && !__props.errorOccured[id] && __props.virusCheck[id] == "loading" ? (openBlock(), createElementBlock("span", _hoisted_6$4, [
|
|
11207
11207
|
createTextVNode(toDisplayString(__props.virusCheckText) + " ", 1),
|
|
11208
11208
|
createVNode(DhIcon, {
|
|
11209
11209
|
class: "file__upload_list_icon_sub--loading",
|
|
@@ -11211,20 +11211,20 @@ const _sfc_main$f = {
|
|
|
11211
11211
|
size: 18
|
|
11212
11212
|
})
|
|
11213
11213
|
])) : createCommentVNode("", true),
|
|
11214
|
-
props.uploadProgress[id] == 100 && __props.fileSaved && __props.virusCheck[id] == "failed" ? (openBlock(), createElementBlock("span", _hoisted_7$
|
|
11215
|
-
props.uploadProgress[id] == 100 && __props.fileSaved && __props.virusCheck[id] == "detected" ? (openBlock(), createElementBlock("span", _hoisted_8$
|
|
11216
|
-
_hoisted_9$
|
|
11217
|
-
__props.fileSaved && !__props.errorOccured[id] || !__props.errorOccured[id] && __props.virusCheck[id] ? (openBlock(), createElementBlock("span", _hoisted_10$
|
|
11218
|
-
__props.fileSaved && __props.errorOccured[id] ? (openBlock(), createElementBlock("span", _hoisted_11$
|
|
11214
|
+
props.uploadProgress[id] == 100 && __props.fileSaved && __props.virusCheck[id] == "failed" ? (openBlock(), createElementBlock("span", _hoisted_7$3, toDisplayString(__props.virusCheckFailedText), 1)) : createCommentVNode("", true),
|
|
11215
|
+
props.uploadProgress[id] == 100 && __props.fileSaved && __props.virusCheck[id] == "detected" ? (openBlock(), createElementBlock("span", _hoisted_8$2, toDisplayString(__props.virusDetectedText), 1)) : createCommentVNode("", true),
|
|
11216
|
+
_hoisted_9$2,
|
|
11217
|
+
__props.fileSaved && !__props.errorOccured[id] || !__props.errorOccured[id] && __props.virusCheck[id] ? (openBlock(), createElementBlock("span", _hoisted_10$2, toDisplayString(formatBytes(file.size)), 1)) : createCommentVNode("", true),
|
|
11218
|
+
__props.fileSaved && __props.errorOccured[id] ? (openBlock(), createElementBlock("span", _hoisted_11$2, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)
|
|
11219
11219
|
]),
|
|
11220
|
-
!__props.fileSaved ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(props.uploadProgress[id]) + "%", 1)) : createCommentVNode("", true)
|
|
11220
|
+
!__props.fileSaved ? (openBlock(), createElementBlock("span", _hoisted_12$1, toDisplayString(props.uploadProgress[id]) + "%", 1)) : createCommentVNode("", true)
|
|
11221
11221
|
]),
|
|
11222
11222
|
!__props.fileSaved ? (openBlock(), createElementBlock("progress", {
|
|
11223
11223
|
key: 0,
|
|
11224
11224
|
id: "file",
|
|
11225
11225
|
max: "100",
|
|
11226
11226
|
value: props.uploadProgress[id]
|
|
11227
|
-
}, toDisplayString(props.uploadProgress[id]) + "% ", 9, _hoisted_13)) : createCommentVNode("", true)
|
|
11227
|
+
}, toDisplayString(props.uploadProgress[id]) + "% ", 9, _hoisted_13$1)) : createCommentVNode("", true)
|
|
11228
11228
|
]),
|
|
11229
11229
|
__props.fileSaved && !__props.virusCheck[id] && !__props.errorOccured[id] ? (openBlock(), createElementBlock("a", {
|
|
11230
11230
|
key: 4,
|
|
@@ -11237,7 +11237,7 @@ const _sfc_main$f = {
|
|
|
11237
11237
|
"icon-name": "download",
|
|
11238
11238
|
size: 24
|
|
11239
11239
|
})
|
|
11240
|
-
], 8, _hoisted_14)) : createCommentVNode("", true),
|
|
11240
|
+
], 8, _hoisted_14$1)) : createCommentVNode("", true),
|
|
11241
11241
|
__props.fileSaved && __props.errorOccured[id] ? (openBlock(), createElementBlock("a", {
|
|
11242
11242
|
key: 5,
|
|
11243
11243
|
class: "file__upload_list_retry",
|
|
@@ -11265,9 +11265,9 @@ const _sfc_main$f = {
|
|
|
11265
11265
|
], 2);
|
|
11266
11266
|
}), 128))
|
|
11267
11267
|
])) : createCommentVNode("", true),
|
|
11268
|
-
!fileSelected.value && !__props.inline ? (openBlock(), createElementBlock("div", _hoisted_15, " No file selected ")) : createCommentVNode("", true),
|
|
11269
|
-
!__props.inline && !__props.fileSaved ? (openBlock(), createElementBlock("div", _hoisted_16, [
|
|
11270
|
-
_hoisted_17,
|
|
11268
|
+
!fileSelected.value && !__props.inline ? (openBlock(), createElementBlock("div", _hoisted_15$1, " No file selected ")) : createCommentVNode("", true),
|
|
11269
|
+
!__props.inline && !__props.fileSaved ? (openBlock(), createElementBlock("div", _hoisted_16$1, [
|
|
11270
|
+
_hoisted_17$1,
|
|
11271
11271
|
createElementVNode("button", {
|
|
11272
11272
|
class: normalizeClass([
|
|
11273
11273
|
"file__upload_action_done",
|
|
@@ -11280,7 +11280,7 @@ const _sfc_main$f = {
|
|
|
11280
11280
|
};
|
|
11281
11281
|
}
|
|
11282
11282
|
};
|
|
11283
|
-
const _sfc_main$
|
|
11283
|
+
const _sfc_main$f = defineComponent({
|
|
11284
11284
|
components: { DhIcon },
|
|
11285
11285
|
props: {
|
|
11286
11286
|
hasCloseButton: {
|
|
@@ -11327,17 +11327,17 @@ const _sfc_main$e = defineComponent({
|
|
|
11327
11327
|
}
|
|
11328
11328
|
}
|
|
11329
11329
|
});
|
|
11330
|
-
const _hoisted_1$
|
|
11330
|
+
const _hoisted_1$f = {
|
|
11331
11331
|
key: 1,
|
|
11332
11332
|
id: "modal-sidebar",
|
|
11333
11333
|
class: "modal-sidebar"
|
|
11334
11334
|
};
|
|
11335
|
-
const _hoisted_2$
|
|
11335
|
+
const _hoisted_2$e = {
|
|
11336
11336
|
key: 0,
|
|
11337
11337
|
id: "modalTitle",
|
|
11338
11338
|
class: "modal-header"
|
|
11339
11339
|
};
|
|
11340
|
-
const _hoisted_3$
|
|
11340
|
+
const _hoisted_3$a = { class: "modal-footer" };
|
|
11341
11341
|
function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11342
11342
|
const _component_dh_icon = resolveComponent("dh-icon");
|
|
11343
11343
|
return openBlock(), createBlock(Transition, { name: "modal-fade" }, {
|
|
@@ -11367,14 +11367,14 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11367
11367
|
size: 24
|
|
11368
11368
|
})
|
|
11369
11369
|
])) : createCommentVNode("", true),
|
|
11370
|
-
_ctx.hasSideBar ? (openBlock(), createElementBlock("aside", _hoisted_1$
|
|
11370
|
+
_ctx.hasSideBar ? (openBlock(), createElementBlock("aside", _hoisted_1$f, [
|
|
11371
11371
|
renderSlot(_ctx.$slots, "sidebar"),
|
|
11372
11372
|
_ctx.hasSideBarButtonBottom ? renderSlot(_ctx.$slots, "sidebar-button-bottom", { key: 0 }) : createCommentVNode("", true)
|
|
11373
11373
|
])) : createCommentVNode("", true),
|
|
11374
11374
|
createElementVNode("section", {
|
|
11375
11375
|
class: normalizeClass(`right-section ${_ctx.hasSideBar ? "" : "full"}`)
|
|
11376
11376
|
}, [
|
|
11377
|
-
_ctx.hasHeader ? (openBlock(), createElementBlock("header", _hoisted_2$
|
|
11377
|
+
_ctx.hasHeader ? (openBlock(), createElementBlock("header", _hoisted_2$e, [
|
|
11378
11378
|
renderSlot(_ctx.$slots, "header")
|
|
11379
11379
|
])) : createCommentVNode("", true),
|
|
11380
11380
|
createElementVNode("section", {
|
|
@@ -11383,7 +11383,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11383
11383
|
}, [
|
|
11384
11384
|
renderSlot(_ctx.$slots, "body")
|
|
11385
11385
|
], 2),
|
|
11386
|
-
createElementVNode("footer", _hoisted_3$
|
|
11386
|
+
createElementVNode("footer", _hoisted_3$a, [
|
|
11387
11387
|
_ctx.hasFooter ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : createCommentVNode("", true),
|
|
11388
11388
|
_ctx.hasFooterButtonRight ? renderSlot(_ctx.$slots, "footer-button-right", { key: 1 }) : createCommentVNode("", true)
|
|
11389
11389
|
])
|
|
@@ -11394,12 +11394,12 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11394
11394
|
_: 3
|
|
11395
11395
|
});
|
|
11396
11396
|
}
|
|
11397
|
-
var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11397
|
+
var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$6]]);
|
|
11398
11398
|
var __glob_1_0 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMy41YTguNSA4LjUgMCAxIDAgMCAxNyA4LjUgOC41IDAgMCAwIDAtMTd6TTIuNSAxMmE5LjUgOS41IDAgMSAxIDE5IDAgOS41IDkuNSAwIDAgMS0xOSAweiIgZmlsbD0iI0MzMkYyNyIvPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiA3LjVhLjUuNSAwIDAgMSAuNS41djRhLjUuNSAwIDAgMS0xIDBWOGEuNS41IDAgMCAxIC41LS41ek0xMS4yNSAxNmEuNzUuNzUgMCAwIDEgLjc1LS43NWguMDFhLjc1Ljc1IDAgMCAxIDAgMS41SDEyYS43NS43NSAwIDAgMS0uNzUtLjc1eiIgZmlsbD0iI0MzMkYyNyIvPgo8L3N2Zz4K";
|
|
11399
11399
|
var __glob_1_1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNy40NTIgMTkuMTg5SDYuNTU4QTIuNTYgMi41NiAwIDAgMSA0IDE2LjYzMVYxNmMwLTEgLjQxNS0xLjk1OSAxLjEzOC0yLjY0NS40MzMtLjQxLjY3OC0uOTc3LjY3OC0xLjU3MlY5LjE4NEE2LjE5MSA2LjE5MSAwIDAgMSAxMiAzYTYuMTkxIDYuMTkxIDAgMCAxIDYuMTg0IDYuMTg0djIuNmMwIC41OTQuMjQ1IDEuMTY1LjY3OCAxLjU3QTMuNjM2IDMuNjM2IDAgMCAxIDIwIDE2di42MzFhMi41NDcgMi41NDcgMCAwIDEtMi41NDkgMi41NTh6bS01LjQ0Ny0xNC43MmE0LjcxOCA0LjcxOCAwIDAgMC00LjcxIDQuNzF2Mi42YzAgMS0uNDE0IDEuOTU4LTEuMTM4IDIuNjQ1LS40MzMuNDEtLjY3Ny45NzctLjY3NyAxLjU3MXYuNjMyYzAgLjU5OS40ODQgMS4wNzggMS4wODMgMS4wODJoMTAuODk0Yy41OTQgMCAxLjA3OC0uNDgzIDEuMDgzLTEuMDgydi0uNjMyYzAtLjU5NC0uMjQ0LTEuMTY2LS42NzgtMS41NzFhMy42MzYgMy42MzYgMCAwIDEtMS4xMzgtMi42NDZWOS4xNzVhNC43MjUgNC43MjUgMCAwIDAtNC43MTktNC43MDV6TTEzLjkwNCAyMS40NjZoLTMuNzk4YS43NC43NCAwIDAgMS0uNzM3LS43MzguNzQuNzQgMCAwIDEgLjczNy0uNzM3aDMuNzk4YS43MzcuNzM3IDAgMSAxIDAgMS40NzV6IiBmaWxsPSIjQkZCRkJGIi8+Cjwvc3ZnPgo=";
|
|
11400
11400
|
var __glob_1_2 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuNDI3IDYuMjUzYTEgMSAwIDAgMSAwIDEuNDE0bC05LjI0IDkuMjRhMSAxIDAgMCAxLTEuNDE0IDBsLTQuMi00LjJhMSAxIDAgMSAxIDEuNDE0LTEuNDE0bDMuNDkzIDMuNDkzIDguNTMzLTguNTMzYTEgMSAwIDAgMSAxLjQxNCAweiIgZmlsbD0iIzNDQTA2NCIvPgo8L3N2Zz4K";
|
|
11401
11401
|
var __glob_1_3 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuODkzIDMuNzlhMi4yNTYgMi4yNTYgMCAwIDEgMy4wMzYuNzk2bC4wMDIuMDAzIDcuNDQyIDEyLjQyNGEyLjI1NyAyLjI1NyAwIDAgMS0xLjkzIDMuMzg0SDQuNTU3YTIuMjU3IDIuMjU3IDAgMCAxLTEuOTI5LTMuMzg0bC4wMDQtLjAwN0wxMC4wNyA0LjU4OWwuMDAyLS4wMDNjLjIwMS0uMzMxLjQ4NC0uNjA2LjgyMi0uNzk2ek0xMiA0LjVhMS4yNTYgMS4yNTYgMCAwIDAtMS4wNzMuNjA0aC0uMDAxTDMuNDkgMTcuNTE3YTEuMjU2IDEuMjU2IDAgMCAwIDEuMDc0IDEuODgxaDE0Ljg3YTEuMjU2IDEuMjU2IDAgMCAwIDEuMDc0LTEuODgxTDEzLjA3NCA1LjEwNXYtLjAwMUExLjI1NyAxLjI1NyAwIDAgMCAxMiA0LjV6IiBmaWxsPSIjRjI5OTRBIi8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDguODZhLjUuNSAwIDAgMSAuNS41djMuNTEyYS41LjUgMCAxIDEtMSAwVjkuMzU5YS41LjUgMCAwIDEgLjUtLjV6TTExLjI1IDE2LjM4NWEuNzUuNzUgMCAwIDEgLjc1LS43NWguMDA5YS43NS43NSAwIDEgMSAwIDEuNUgxMmEuNzUuNzUgMCAwIDEtLjc1LS43NXoiIGZpbGw9IiNGMjk5NEEiLz4KPC9zdmc+Cg==";
|
|
11402
|
-
const _sfc_main$
|
|
11402
|
+
const _sfc_main$e = defineComponent({
|
|
11403
11403
|
props: {
|
|
11404
11404
|
notificationType: {
|
|
11405
11405
|
type: String,
|
|
@@ -11470,21 +11470,21 @@ const _sfc_main$d = defineComponent({
|
|
|
11470
11470
|
}
|
|
11471
11471
|
}
|
|
11472
11472
|
});
|
|
11473
|
-
const _hoisted_1$
|
|
11473
|
+
const _hoisted_1$e = /* @__PURE__ */ createElementVNode("img", {
|
|
11474
11474
|
alt: "icon",
|
|
11475
11475
|
class: "close-icon",
|
|
11476
|
-
src: _imports_0
|
|
11476
|
+
src: _imports_0$1
|
|
11477
11477
|
}, null, -1);
|
|
11478
|
-
const _hoisted_2$
|
|
11479
|
-
_hoisted_1$
|
|
11478
|
+
const _hoisted_2$d = [
|
|
11479
|
+
_hoisted_1$e
|
|
11480
11480
|
];
|
|
11481
|
-
const _hoisted_3$
|
|
11482
|
-
const _hoisted_4$
|
|
11483
|
-
const _hoisted_5$
|
|
11481
|
+
const _hoisted_3$9 = ["src"];
|
|
11482
|
+
const _hoisted_4$6 = { class: "additional-text" };
|
|
11483
|
+
const _hoisted_5$3 = {
|
|
11484
11484
|
key: 0,
|
|
11485
11485
|
class: "descriptions"
|
|
11486
11486
|
};
|
|
11487
|
-
const _hoisted_6$
|
|
11487
|
+
const _hoisted_6$3 = { class: "btn btn-normal btn-primary" };
|
|
11488
11488
|
function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11489
11489
|
return openBlock(), createElementBlock("div", {
|
|
11490
11490
|
class: normalizeClass(`dh-notification-container ${_ctx.notificationType}`)
|
|
@@ -11497,7 +11497,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11497
11497
|
key: 0,
|
|
11498
11498
|
class: "close-notification",
|
|
11499
11499
|
onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.close && _ctx.close(...args), ["prevent"]))
|
|
11500
|
-
}, _hoisted_2$
|
|
11500
|
+
}, _hoisted_2$d)) : createCommentVNode("", true),
|
|
11501
11501
|
createElementVNode("div", {
|
|
11502
11502
|
class: normalizeClass(`content content- ${_ctx.notificationType}`)
|
|
11503
11503
|
}, [
|
|
@@ -11507,19 +11507,19 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11507
11507
|
createElementVNode("img", {
|
|
11508
11508
|
class: normalizeClass(`icons icons-${_ctx.status} icons-${_ctx.status}-${_ctx.notificationType}`),
|
|
11509
11509
|
src: _ctx.getIconUrl()
|
|
11510
|
-
}, null, 10, _hoisted_3$
|
|
11510
|
+
}, null, 10, _hoisted_3$9)
|
|
11511
11511
|
], 2),
|
|
11512
|
-
createElementVNode("div", _hoisted_4$
|
|
11512
|
+
createElementVNode("div", _hoisted_4$6, [
|
|
11513
11513
|
createElementVNode("div", {
|
|
11514
11514
|
class: normalizeClass(`title title-${_ctx.notificationType}`)
|
|
11515
11515
|
}, toDisplayString(_ctx.limitTitle(_ctx.title, _ctx.notificationType)), 3),
|
|
11516
|
-
!["bottom-message"].includes(_ctx.notificationType) ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
11516
|
+
!["bottom-message"].includes(_ctx.notificationType) ? (openBlock(), createElementBlock("div", _hoisted_5$3, toDisplayString(_ctx.message.length >= 280 ? `${_ctx.message.substring(0, 280)}..` : _ctx.message), 1)) : createCommentVNode("", true)
|
|
11517
11517
|
]),
|
|
11518
11518
|
!["toast", "bottom-message"].includes(_ctx.notificationType) ? (openBlock(), createElementBlock("div", {
|
|
11519
11519
|
key: 0,
|
|
11520
11520
|
class: normalizeClass(`buttons ${_ctx.notificationType}`)
|
|
11521
11521
|
}, [
|
|
11522
|
-
createElementVNode("button", _hoisted_6$
|
|
11522
|
+
createElementVNode("button", _hoisted_6$3, toDisplayString(_ctx.notificationButton), 1),
|
|
11523
11523
|
createElementVNode("button", {
|
|
11524
11524
|
class: "btn btn-normal btn-secondary dismiss",
|
|
11525
11525
|
onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.close && _ctx.close(...args), ["prevent"]))
|
|
@@ -11529,7 +11529,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11529
11529
|
], 2)) : createCommentVNode("", true)
|
|
11530
11530
|
], 2);
|
|
11531
11531
|
}
|
|
11532
|
-
var Notification = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11532
|
+
var Notification = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$5]]);
|
|
11533
11533
|
/*!
|
|
11534
11534
|
* Chart.js v3.9.1
|
|
11535
11535
|
* https://www.chartjs.org
|
|
@@ -11557,7 +11557,7 @@ function isArray(value) {
|
|
|
11557
11557
|
}
|
|
11558
11558
|
return false;
|
|
11559
11559
|
}
|
|
11560
|
-
function isObject(value) {
|
|
11560
|
+
function isObject$1(value) {
|
|
11561
11561
|
return value !== null && Object.prototype.toString.call(value) === "[object Object]";
|
|
11562
11562
|
}
|
|
11563
11563
|
const isNumberFinite = (value) => (typeof value === "number" || value instanceof Number) && isFinite(+value);
|
|
@@ -11587,7 +11587,7 @@ function each(loopable, fn, thisArg, reverse) {
|
|
|
11587
11587
|
fn.call(thisArg, loopable[i2], i2);
|
|
11588
11588
|
}
|
|
11589
11589
|
}
|
|
11590
|
-
} else if (isObject(loopable)) {
|
|
11590
|
+
} else if (isObject$1(loopable)) {
|
|
11591
11591
|
keys = Object.keys(loopable);
|
|
11592
11592
|
len = keys.length;
|
|
11593
11593
|
for (i2 = 0; i2 < len; i2++) {
|
|
@@ -11613,7 +11613,7 @@ function clone$1(source) {
|
|
|
11613
11613
|
if (isArray(source)) {
|
|
11614
11614
|
return source.map(clone$1);
|
|
11615
11615
|
}
|
|
11616
|
-
if (isObject(source)) {
|
|
11616
|
+
if (isObject$1(source)) {
|
|
11617
11617
|
const target = /* @__PURE__ */ Object.create(null);
|
|
11618
11618
|
const keys = Object.keys(source);
|
|
11619
11619
|
const klen = keys.length;
|
|
@@ -11634,7 +11634,7 @@ function _merger(key, target, source, options) {
|
|
|
11634
11634
|
}
|
|
11635
11635
|
const tval = target[key];
|
|
11636
11636
|
const sval = source[key];
|
|
11637
|
-
if (isObject(tval) && isObject(sval)) {
|
|
11637
|
+
if (isObject$1(tval) && isObject$1(sval)) {
|
|
11638
11638
|
merge(tval, sval, options);
|
|
11639
11639
|
} else {
|
|
11640
11640
|
target[key] = clone$1(sval);
|
|
@@ -11643,14 +11643,14 @@ function _merger(key, target, source, options) {
|
|
|
11643
11643
|
function merge(target, source, options) {
|
|
11644
11644
|
const sources = isArray(source) ? source : [source];
|
|
11645
11645
|
const ilen = sources.length;
|
|
11646
|
-
if (!isObject(target)) {
|
|
11646
|
+
if (!isObject$1(target)) {
|
|
11647
11647
|
return target;
|
|
11648
11648
|
}
|
|
11649
11649
|
options = options || {};
|
|
11650
11650
|
const merger = options.merger || _merger;
|
|
11651
11651
|
for (let i2 = 0; i2 < ilen; ++i2) {
|
|
11652
11652
|
source = sources[i2];
|
|
11653
|
-
if (!isObject(source)) {
|
|
11653
|
+
if (!isObject$1(source)) {
|
|
11654
11654
|
continue;
|
|
11655
11655
|
}
|
|
11656
11656
|
const keys = Object.keys(source);
|
|
@@ -11669,7 +11669,7 @@ function _mergerIf(key, target, source) {
|
|
|
11669
11669
|
}
|
|
11670
11670
|
const tval = target[key];
|
|
11671
11671
|
const sval = source[key];
|
|
11672
|
-
if (isObject(tval) && isObject(sval)) {
|
|
11672
|
+
if (isObject$1(tval) && isObject$1(sval)) {
|
|
11673
11673
|
mergeIf(tval, sval);
|
|
11674
11674
|
} else if (!Object.prototype.hasOwnProperty.call(target, key)) {
|
|
11675
11675
|
target[key] = clone$1(sval);
|
|
@@ -12735,7 +12735,7 @@ class Defaults {
|
|
|
12735
12735
|
get() {
|
|
12736
12736
|
const local = this[privateName];
|
|
12737
12737
|
const target = targetScopeObject[targetName];
|
|
12738
|
-
if (isObject(local)) {
|
|
12738
|
+
if (isObject$1(local)) {
|
|
12739
12739
|
return Object.assign({}, target, local);
|
|
12740
12740
|
}
|
|
12741
12741
|
return valueOrDefault(local, target);
|
|
@@ -13056,9 +13056,9 @@ function toLineHeight(value, size) {
|
|
|
13056
13056
|
const numberOrZero = (v) => +v || 0;
|
|
13057
13057
|
function _readValueToProps(value, props) {
|
|
13058
13058
|
const ret = {};
|
|
13059
|
-
const objProps = isObject(props);
|
|
13059
|
+
const objProps = isObject$1(props);
|
|
13060
13060
|
const keys = objProps ? Object.keys(props) : props;
|
|
13061
|
-
const read = isObject(value) ? objProps ? (prop) => valueOrDefault(value[prop], value[props[prop]]) : (prop) => value[prop] : () => value;
|
|
13061
|
+
const read = isObject$1(value) ? objProps ? (prop) => valueOrDefault(value[prop], value[props[prop]]) : (prop) => value[prop] : () => value;
|
|
13062
13062
|
for (const prop of keys) {
|
|
13063
13063
|
ret[prop] = numberOrZero(read(prop));
|
|
13064
13064
|
}
|
|
@@ -13228,7 +13228,7 @@ function _descriptors(proxy, defaults2 = { scriptable: true, indexable: true })
|
|
|
13228
13228
|
};
|
|
13229
13229
|
}
|
|
13230
13230
|
const readKey = (prefix, name) => prefix ? prefix + _capitalize(name) : name;
|
|
13231
|
-
const needsSubResolver = (prop, value) => isObject(value) && prop !== "adapters" && (Object.getPrototypeOf(value) === null || value.constructor === Object);
|
|
13231
|
+
const needsSubResolver = (prop, value) => isObject$1(value) && prop !== "adapters" && (Object.getPrototypeOf(value) === null || value.constructor === Object);
|
|
13232
13232
|
function _cached(target, prop, resolve2) {
|
|
13233
13233
|
if (Object.prototype.hasOwnProperty.call(target, prop)) {
|
|
13234
13234
|
return target[prop];
|
|
@@ -13268,7 +13268,7 @@ function _resolveArray(prop, value, target, isIndexable) {
|
|
|
13268
13268
|
const { _proxy, _context, _subProxy, _descriptors: descriptors2 } = target;
|
|
13269
13269
|
if (defined(_context.index) && isIndexable(prop)) {
|
|
13270
13270
|
value = value[_context.index % value.length];
|
|
13271
|
-
} else if (isObject(value[0])) {
|
|
13271
|
+
} else if (isObject$1(value[0])) {
|
|
13272
13272
|
const arr = value;
|
|
13273
13273
|
const scopes = _proxy._scopes.filter((s3) => s3 !== arr);
|
|
13274
13274
|
value = [];
|
|
@@ -13328,7 +13328,7 @@ function subGetTarget(resolver, prop, value) {
|
|
|
13328
13328
|
parent[prop] = {};
|
|
13329
13329
|
}
|
|
13330
13330
|
const target = parent[prop];
|
|
13331
|
-
if (isArray(target) && isObject(value)) {
|
|
13331
|
+
if (isArray(target) && isObject$1(value)) {
|
|
13332
13332
|
return value;
|
|
13333
13333
|
}
|
|
13334
13334
|
return target;
|
|
@@ -13820,7 +13820,7 @@ function normalizeSegment({ start, end, count, loop, style }) {
|
|
|
13820
13820
|
}
|
|
13821
13821
|
function getSegment(segment, points, bounds) {
|
|
13822
13822
|
const { property, start: startBound, end: endBound } = bounds;
|
|
13823
|
-
const { between, normalize } = propertyFn(property);
|
|
13823
|
+
const { between, normalize: normalize2 } = propertyFn(property);
|
|
13824
13824
|
const count = points.length;
|
|
13825
13825
|
let { start, end, loop } = segment;
|
|
13826
13826
|
let i2, ilen;
|
|
@@ -13828,7 +13828,7 @@ function getSegment(segment, points, bounds) {
|
|
|
13828
13828
|
start += count;
|
|
13829
13829
|
end += count;
|
|
13830
13830
|
for (i2 = 0, ilen = count; i2 < ilen; ++i2) {
|
|
13831
|
-
if (!between(
|
|
13831
|
+
if (!between(normalize2(points[start % count][property]), startBound, endBound)) {
|
|
13832
13832
|
break;
|
|
13833
13833
|
}
|
|
13834
13834
|
start--;
|
|
@@ -13848,7 +13848,7 @@ function _boundSegment(segment, points, bounds) {
|
|
|
13848
13848
|
}
|
|
13849
13849
|
const { property, start: startBound, end: endBound } = bounds;
|
|
13850
13850
|
const count = points.length;
|
|
13851
|
-
const { compare, between, normalize } = propertyFn(property);
|
|
13851
|
+
const { compare, between, normalize: normalize2 } = propertyFn(property);
|
|
13852
13852
|
const { start, end, loop, style } = getSegment(segment, points, bounds);
|
|
13853
13853
|
const result = [];
|
|
13854
13854
|
let inside = false;
|
|
@@ -13863,7 +13863,7 @@ function _boundSegment(segment, points, bounds) {
|
|
|
13863
13863
|
if (point.skip) {
|
|
13864
13864
|
continue;
|
|
13865
13865
|
}
|
|
13866
|
-
value =
|
|
13866
|
+
value = normalize2(point[property]);
|
|
13867
13867
|
if (value === prevValue) {
|
|
13868
13868
|
continue;
|
|
13869
13869
|
}
|
|
@@ -14338,13 +14338,13 @@ class Animations {
|
|
|
14338
14338
|
this.configure(config);
|
|
14339
14339
|
}
|
|
14340
14340
|
configure(config) {
|
|
14341
|
-
if (!isObject(config)) {
|
|
14341
|
+
if (!isObject$1(config)) {
|
|
14342
14342
|
return;
|
|
14343
14343
|
}
|
|
14344
14344
|
const animatedProps = this._properties;
|
|
14345
14345
|
Object.getOwnPropertyNames(config).forEach((key) => {
|
|
14346
14346
|
const cfg = config[key];
|
|
14347
|
-
if (!isObject(cfg)) {
|
|
14347
|
+
if (!isObject$1(cfg)) {
|
|
14348
14348
|
return;
|
|
14349
14349
|
}
|
|
14350
14350
|
const resolved = {};
|
|
@@ -14471,7 +14471,7 @@ function defaultClip(xScale, yScale, allowedOverflow) {
|
|
|
14471
14471
|
}
|
|
14472
14472
|
function toClip(value) {
|
|
14473
14473
|
let t2, r, b2, l;
|
|
14474
|
-
if (isObject(value)) {
|
|
14474
|
+
if (isObject$1(value)) {
|
|
14475
14475
|
t2 = value.top;
|
|
14476
14476
|
r = value.right;
|
|
14477
14477
|
b2 = value.bottom;
|
|
@@ -14701,7 +14701,7 @@ class DatasetController {
|
|
|
14701
14701
|
const dataset = this.getDataset();
|
|
14702
14702
|
const data = dataset.data || (dataset.data = []);
|
|
14703
14703
|
const _data = this._data;
|
|
14704
|
-
if (isObject(data)) {
|
|
14704
|
+
if (isObject$1(data)) {
|
|
14705
14705
|
this._data = convertObjectDataToArray(data);
|
|
14706
14706
|
} else if (_data !== data) {
|
|
14707
14707
|
if (_data) {
|
|
@@ -14763,7 +14763,7 @@ class DatasetController {
|
|
|
14763
14763
|
} else {
|
|
14764
14764
|
if (isArray(data[start])) {
|
|
14765
14765
|
parsed = this.parseArrayData(meta, data, start, count);
|
|
14766
|
-
} else if (isObject(data[start])) {
|
|
14766
|
+
} else if (isObject$1(data[start])) {
|
|
14767
14767
|
parsed = this.parseObjectData(meta, data, start, count);
|
|
14768
14768
|
} else {
|
|
14769
14769
|
parsed = this.parsePrimitiveData(meta, data, start, count);
|
|
@@ -15778,7 +15778,7 @@ class DoughnutController extends DatasetController {
|
|
|
15778
15778
|
meta._parsed = data;
|
|
15779
15779
|
} else {
|
|
15780
15780
|
let getter = (i3) => +data[i3];
|
|
15781
|
-
if (isObject(data[start])) {
|
|
15781
|
+
if (isObject$1(data[start])) {
|
|
15782
15782
|
const { key = "value" } = this._parsing;
|
|
15783
15783
|
getter = (i3) => +resolveObjectKey(data[i3], key);
|
|
15784
15784
|
}
|
|
@@ -16730,7 +16730,7 @@ function titleArgs(scale, offset, position, align) {
|
|
|
16730
16730
|
const width = right - left;
|
|
16731
16731
|
if (scale.isHorizontal()) {
|
|
16732
16732
|
titleX = _alignStartEnd(align, left, right);
|
|
16733
|
-
if (isObject(position)) {
|
|
16733
|
+
if (isObject$1(position)) {
|
|
16734
16734
|
const positionAxisID = Object.keys(position)[0];
|
|
16735
16735
|
const value = position[positionAxisID];
|
|
16736
16736
|
titleY = scales[positionAxisID].getPixelForValue(value) + height - offset;
|
|
@@ -16741,7 +16741,7 @@ function titleArgs(scale, offset, position, align) {
|
|
|
16741
16741
|
}
|
|
16742
16742
|
maxWidth = right - left;
|
|
16743
16743
|
} else {
|
|
16744
|
-
if (isObject(position)) {
|
|
16744
|
+
if (isObject$1(position)) {
|
|
16745
16745
|
const positionAxisID = Object.keys(position)[0];
|
|
16746
16746
|
const value = position[positionAxisID];
|
|
16747
16747
|
titleX = scales[positionAxisID].getPixelForValue(value) - width + offset;
|
|
@@ -17312,7 +17312,7 @@ class Scale extends Element {
|
|
|
17312
17312
|
} else if (axis === "x") {
|
|
17313
17313
|
if (position === "center") {
|
|
17314
17314
|
borderValue = alignBorderValue((chartArea.top + chartArea.bottom) / 2 + 0.5);
|
|
17315
|
-
} else if (isObject(position)) {
|
|
17315
|
+
} else if (isObject$1(position)) {
|
|
17316
17316
|
const positionAxisID = Object.keys(position)[0];
|
|
17317
17317
|
const value = position[positionAxisID];
|
|
17318
17318
|
borderValue = alignBorderValue(this.chart.scales[positionAxisID].getPixelForValue(value));
|
|
@@ -17324,7 +17324,7 @@ class Scale extends Element {
|
|
|
17324
17324
|
} else if (axis === "y") {
|
|
17325
17325
|
if (position === "center") {
|
|
17326
17326
|
borderValue = alignBorderValue((chartArea.left + chartArea.right) / 2);
|
|
17327
|
-
} else if (isObject(position)) {
|
|
17327
|
+
} else if (isObject$1(position)) {
|
|
17328
17328
|
const positionAxisID = Object.keys(position)[0];
|
|
17329
17329
|
const value = position[positionAxisID];
|
|
17330
17330
|
borderValue = alignBorderValue(this.chart.scales[positionAxisID].getPixelForValue(value));
|
|
@@ -17410,7 +17410,7 @@ class Scale extends Element {
|
|
|
17410
17410
|
} else if (axis === "x") {
|
|
17411
17411
|
if (position === "center") {
|
|
17412
17412
|
y3 = (chartArea.top + chartArea.bottom) / 2 + tickAndPadding;
|
|
17413
|
-
} else if (isObject(position)) {
|
|
17413
|
+
} else if (isObject$1(position)) {
|
|
17414
17414
|
const positionAxisID = Object.keys(position)[0];
|
|
17415
17415
|
const value = position[positionAxisID];
|
|
17416
17416
|
y3 = this.chart.scales[positionAxisID].getPixelForValue(value) + tickAndPadding;
|
|
@@ -17419,7 +17419,7 @@ class Scale extends Element {
|
|
|
17419
17419
|
} else if (axis === "y") {
|
|
17420
17420
|
if (position === "center") {
|
|
17421
17421
|
x2 = (chartArea.left + chartArea.right) / 2 - tickAndPadding;
|
|
17422
|
-
} else if (isObject(position)) {
|
|
17422
|
+
} else if (isObject$1(position)) {
|
|
17423
17423
|
const positionAxisID = Object.keys(position)[0];
|
|
17424
17424
|
const value = position[positionAxisID];
|
|
17425
17425
|
x2 = this.chart.scales[positionAxisID].getPixelForValue(value);
|
|
@@ -17741,7 +17741,7 @@ class Scale extends Element {
|
|
|
17741
17741
|
const padding = toPadding(title.padding);
|
|
17742
17742
|
const align = title.align;
|
|
17743
17743
|
let offset = font.lineHeight / 2;
|
|
17744
|
-
if (position === "bottom" || position === "center" || isObject(position)) {
|
|
17744
|
+
if (position === "bottom" || position === "center" || isObject$1(position)) {
|
|
17745
17745
|
offset += padding.bottom;
|
|
17746
17746
|
if (isArray(title.text)) {
|
|
17747
17747
|
offset += font.lineHeight * (title.text.length - 1);
|
|
@@ -18413,7 +18413,7 @@ function updateMaxPadding(maxPadding, boxPadding) {
|
|
|
18413
18413
|
function updateDims(chartArea, params, layout, stacks) {
|
|
18414
18414
|
const { pos, box } = layout;
|
|
18415
18415
|
const maxPadding = chartArea.maxPadding;
|
|
18416
|
-
if (!isObject(pos)) {
|
|
18416
|
+
if (!isObject$1(pos)) {
|
|
18417
18417
|
if (layout.size) {
|
|
18418
18418
|
chartArea[pos] -= layout.size;
|
|
18419
18419
|
}
|
|
@@ -19053,7 +19053,7 @@ function mergeScaleConfig(config, options) {
|
|
|
19053
19053
|
const scales = /* @__PURE__ */ Object.create(null);
|
|
19054
19054
|
Object.keys(configScales).forEach((id) => {
|
|
19055
19055
|
const scaleConf = configScales[id];
|
|
19056
|
-
if (!isObject(scaleConf)) {
|
|
19056
|
+
if (!isObject$1(scaleConf)) {
|
|
19057
19057
|
return console.error(`Invalid scale configuration for scale: ${id}`);
|
|
19058
19058
|
}
|
|
19059
19059
|
if (scaleConf._proxy) {
|
|
@@ -19254,7 +19254,7 @@ class Config {
|
|
|
19254
19254
|
}
|
|
19255
19255
|
createResolver(scopes, context, prefixes = [""], descriptorDefaults) {
|
|
19256
19256
|
const { resolver } = getResolver(this._resolverCache, scopes, prefixes);
|
|
19257
|
-
return isObject(context) ? _attachContext(resolver, context, void 0, descriptorDefaults) : resolver;
|
|
19257
|
+
return isObject$1(context) ? _attachContext(resolver, context, void 0, descriptorDefaults) : resolver;
|
|
19258
19258
|
}
|
|
19259
19259
|
}
|
|
19260
19260
|
function getResolver(resolverCache, scopes, prefixes) {
|
|
@@ -19275,7 +19275,7 @@ function getResolver(resolverCache, scopes, prefixes) {
|
|
|
19275
19275
|
}
|
|
19276
19276
|
return cached;
|
|
19277
19277
|
}
|
|
19278
|
-
const hasFunction = (value) => isObject(value) && Object.getOwnPropertyNames(value).reduce((acc, key) => acc || isFunction(value[key]), false);
|
|
19278
|
+
const hasFunction = (value) => isObject$1(value) && Object.getOwnPropertyNames(value).reduce((acc, key) => acc || isFunction(value[key]), false);
|
|
19279
19279
|
function needContext(proxy, names2) {
|
|
19280
19280
|
const { isScriptable, isIndexable } = _descriptors(proxy);
|
|
19281
19281
|
for (const prop of names2) {
|
|
@@ -20779,7 +20779,7 @@ function parseBorderRadius(bar, maxW, maxH) {
|
|
|
20779
20779
|
const o = toTRBLCorners(value);
|
|
20780
20780
|
const maxR = Math.min(maxW, maxH);
|
|
20781
20781
|
const skip2 = bar.borderSkipped;
|
|
20782
|
-
const enableBorder = enableBorderRadius || isObject(value);
|
|
20782
|
+
const enableBorder = enableBorderRadius || isObject$1(value);
|
|
20783
20783
|
return {
|
|
20784
20784
|
topLeft: skipOrLimit(!enableBorder || skip2.top || skip2.left, o.topLeft, 0, maxR),
|
|
20785
20785
|
topRight: skipOrLimit(!enableBorder || skip2.top || skip2.right, o.topRight, 0, maxR),
|
|
@@ -21409,7 +21409,7 @@ class Tooltip$1 extends Element {
|
|
|
21409
21409
|
ctx.fillStyle = labelColors.backgroundColor;
|
|
21410
21410
|
drawPoint(ctx, drawOptions, centerX, centerY);
|
|
21411
21411
|
} else {
|
|
21412
|
-
ctx.lineWidth = isObject(labelColors.borderWidth) ? Math.max(...Object.values(labelColors.borderWidth)) : labelColors.borderWidth || 1;
|
|
21412
|
+
ctx.lineWidth = isObject$1(labelColors.borderWidth) ? Math.max(...Object.values(labelColors.borderWidth)) : labelColors.borderWidth || 1;
|
|
21413
21413
|
ctx.strokeStyle = labelColors.borderColor;
|
|
21414
21414
|
ctx.setLineDash(labelColors.borderDash || []);
|
|
21415
21415
|
ctx.lineDashOffset = labelColors.borderDashOffset || 0;
|
|
@@ -23431,7 +23431,7 @@ const generateChart = (chartId, chartType, chartController) => {
|
|
|
23431
23431
|
};
|
|
23432
23432
|
const Bar = /* @__PURE__ */ generateChart("bar-chart", "bar", BarController);
|
|
23433
23433
|
var MultiRangeSlider_vue_vue_type_style_index_0_lang = "";
|
|
23434
|
-
const _sfc_main$
|
|
23434
|
+
const _sfc_main$d = {
|
|
23435
23435
|
name: "MultiRangeSlider",
|
|
23436
23436
|
props: {
|
|
23437
23437
|
baseClassName: {
|
|
@@ -23729,23 +23729,23 @@ const _sfc_main$c = {
|
|
|
23729
23729
|
mounted() {
|
|
23730
23730
|
}
|
|
23731
23731
|
};
|
|
23732
|
-
const _hoisted_1$
|
|
23733
|
-
const _hoisted_2$
|
|
23734
|
-
const _hoisted_3$
|
|
23735
|
-
const _hoisted_4$
|
|
23736
|
-
const _hoisted_5$
|
|
23737
|
-
const _hoisted_6$
|
|
23738
|
-
const _hoisted_7$
|
|
23739
|
-
const _hoisted_8 = { class: "max-caption" };
|
|
23740
|
-
const _hoisted_9 = {
|
|
23732
|
+
const _hoisted_1$d = { class: "bar" };
|
|
23733
|
+
const _hoisted_2$c = ["min", "max", "step", "value"];
|
|
23734
|
+
const _hoisted_3$8 = { class: "caption" };
|
|
23735
|
+
const _hoisted_4$5 = { class: "min-caption" };
|
|
23736
|
+
const _hoisted_5$2 = { class: "bar-inner" };
|
|
23737
|
+
const _hoisted_6$2 = ["min", "max", "step", "value"];
|
|
23738
|
+
const _hoisted_7$2 = { class: "caption" };
|
|
23739
|
+
const _hoisted_8$1 = { class: "max-caption" };
|
|
23740
|
+
const _hoisted_9$1 = {
|
|
23741
23741
|
key: 0,
|
|
23742
23742
|
class: "ruler"
|
|
23743
23743
|
};
|
|
23744
|
-
const _hoisted_10 = {
|
|
23744
|
+
const _hoisted_10$1 = {
|
|
23745
23745
|
key: 1,
|
|
23746
23746
|
class: "sub-ruler"
|
|
23747
23747
|
};
|
|
23748
|
-
const _hoisted_11 = {
|
|
23748
|
+
const _hoisted_11$1 = {
|
|
23749
23749
|
key: 2,
|
|
23750
23750
|
class: "labels"
|
|
23751
23751
|
};
|
|
@@ -23754,7 +23754,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23754
23754
|
class: normalizeClass([$props.baseClassName, $data.rangeMarginValue === 0 ? "zero-ranage-margin" : ""]),
|
|
23755
23755
|
onMousewheel: _cache[10] || (_cache[10] = withModifiers((...args) => $options.onMouseWheel && $options.onMouseWheel(...args), ["prevent", "stop"]))
|
|
23756
23756
|
}, [
|
|
23757
|
-
createElementVNode("div", _hoisted_1$
|
|
23757
|
+
createElementVNode("div", _hoisted_1$d, [
|
|
23758
23758
|
createElementVNode("div", {
|
|
23759
23759
|
class: "bar-left",
|
|
23760
23760
|
style: normalizeStyle({ width: $options.barMin + "%" }),
|
|
@@ -23768,17 +23768,17 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23768
23768
|
step: $props.step,
|
|
23769
23769
|
value: $data.valueMin,
|
|
23770
23770
|
onInput: _cache[1] || (_cache[1] = withModifiers((...args) => $options.onInputMinChange && $options.onInputMinChange(...args), ["stop", "prevent"]))
|
|
23771
|
-
}, null, 40, _hoisted_2$
|
|
23771
|
+
}, null, 40, _hoisted_2$c),
|
|
23772
23772
|
createElementVNode("div", {
|
|
23773
23773
|
class: "thumb thumb-left",
|
|
23774
23774
|
onMousedown: _cache[2] || (_cache[2] = (...args) => $options.onLeftThumbMousedown && $options.onLeftThumbMousedown(...args)),
|
|
23775
23775
|
onTouchstart: _cache[3] || (_cache[3] = (...args) => $options.onLeftThumbMousedown && $options.onLeftThumbMousedown(...args))
|
|
23776
23776
|
}, [
|
|
23777
|
-
createElementVNode("div", _hoisted_3$
|
|
23778
|
-
createElementVNode("span", _hoisted_4$
|
|
23777
|
+
createElementVNode("div", _hoisted_3$8, [
|
|
23778
|
+
createElementVNode("span", _hoisted_4$5, toDisplayString($props.minCaption || $options.barMinVal), 1)
|
|
23779
23779
|
])
|
|
23780
23780
|
], 32),
|
|
23781
|
-
createElementVNode("div", _hoisted_5$
|
|
23781
|
+
createElementVNode("div", _hoisted_5$2, [
|
|
23782
23782
|
createElementVNode("div", {
|
|
23783
23783
|
class: "bar-inner-left",
|
|
23784
23784
|
onClick: _cache[4] || (_cache[4] = (...args) => $options.onInnerBarLeftClick && $options.onInnerBarLeftClick(...args))
|
|
@@ -23796,14 +23796,14 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23796
23796
|
step: $props.step,
|
|
23797
23797
|
value: $data.valueMax,
|
|
23798
23798
|
onInput: _cache[6] || (_cache[6] = withModifiers((...args) => $options.onInputMaxChange && $options.onInputMaxChange(...args), ["stop", "prevent"]))
|
|
23799
|
-
}, null, 40, _hoisted_6$
|
|
23799
|
+
}, null, 40, _hoisted_6$2),
|
|
23800
23800
|
createElementVNode("div", {
|
|
23801
23801
|
class: "thumb thumb-right",
|
|
23802
23802
|
onMousedown: _cache[7] || (_cache[7] = (...args) => $options.onRightThumbMousedown && $options.onRightThumbMousedown(...args)),
|
|
23803
23803
|
onTouchstart: _cache[8] || (_cache[8] = (...args) => $options.onRightThumbMousedown && $options.onRightThumbMousedown(...args))
|
|
23804
23804
|
}, [
|
|
23805
|
-
createElementVNode("div", _hoisted_7$
|
|
23806
|
-
createElementVNode("span", _hoisted_8, toDisplayString($props.maxCaption || $options.barMaxVal), 1)
|
|
23805
|
+
createElementVNode("div", _hoisted_7$2, [
|
|
23806
|
+
createElementVNode("span", _hoisted_8$1, toDisplayString($props.maxCaption || $options.barMaxVal), 1)
|
|
23807
23807
|
])
|
|
23808
23808
|
], 32),
|
|
23809
23809
|
createElementVNode("div", {
|
|
@@ -23812,7 +23812,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23812
23812
|
onClick: _cache[9] || (_cache[9] = (...args) => $options.onBarRightClick && $options.onBarRightClick(...args))
|
|
23813
23813
|
}, null, 4)
|
|
23814
23814
|
]),
|
|
23815
|
-
$props.ruler ? (openBlock(), createElementBlock("div", _hoisted_9, [
|
|
23815
|
+
$props.ruler ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
|
|
23816
23816
|
(openBlock(true), createElementBlock(Fragment, null, renderList($options.stepCount, (n) => {
|
|
23817
23817
|
return openBlock(), createElementBlock("div", {
|
|
23818
23818
|
key: n,
|
|
@@ -23820,7 +23820,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23820
23820
|
});
|
|
23821
23821
|
}), 128))
|
|
23822
23822
|
])) : createCommentVNode("", true),
|
|
23823
|
-
$options.subStepCount ? (openBlock(), createElementBlock("div", _hoisted_10, [
|
|
23823
|
+
$options.subStepCount ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
|
|
23824
23824
|
(openBlock(true), createElementBlock(Fragment, null, renderList($options.subStepCount, (n) => {
|
|
23825
23825
|
return openBlock(), createElementBlock("div", {
|
|
23826
23826
|
key: n,
|
|
@@ -23828,7 +23828,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23828
23828
|
});
|
|
23829
23829
|
}), 128))
|
|
23830
23830
|
])) : createCommentVNode("", true),
|
|
23831
|
-
$props.label ? (openBlock(), createElementBlock("div", _hoisted_11, [
|
|
23831
|
+
$props.label ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
|
|
23832
23832
|
(openBlock(true), createElementBlock(Fragment, null, renderList($options.scaleLabels, (label) => {
|
|
23833
23833
|
return openBlock(), createElementBlock("div", {
|
|
23834
23834
|
class: "label",
|
|
@@ -23838,10 +23838,10 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23838
23838
|
])) : createCommentVNode("", true)
|
|
23839
23839
|
], 34);
|
|
23840
23840
|
}
|
|
23841
|
-
var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
23841
|
+
var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$4]]);
|
|
23842
23842
|
var MultiRangeSliderBarOnly = "";
|
|
23843
23843
|
Chart.register(plugin_tooltip, BarElement, CategoryScale, LinearScale);
|
|
23844
|
-
const _sfc_main$
|
|
23844
|
+
const _sfc_main$c = defineComponent({
|
|
23845
23845
|
components: { Bar, MultiRangeSlider, DhAdvancedFilter },
|
|
23846
23846
|
props: {
|
|
23847
23847
|
numberRange: {
|
|
@@ -24093,22 +24093,22 @@ const _sfc_main$b = defineComponent({
|
|
|
24093
24093
|
}
|
|
24094
24094
|
}
|
|
24095
24095
|
});
|
|
24096
|
-
const _hoisted_1$
|
|
24097
|
-
const _hoisted_2$
|
|
24098
|
-
const _hoisted_3$
|
|
24096
|
+
const _hoisted_1$c = { class: "dh-range-container" };
|
|
24097
|
+
const _hoisted_2$b = { class: "bar-chart" };
|
|
24098
|
+
const _hoisted_3$7 = {
|
|
24099
24099
|
key: 0,
|
|
24100
24100
|
class: "input-group-section"
|
|
24101
24101
|
};
|
|
24102
|
-
const _hoisted_4$
|
|
24103
|
-
const _hoisted_5 = ["disabled", "max", "value"];
|
|
24104
|
-
const _hoisted_6 = { class: "input-group sb-input" };
|
|
24105
|
-
const _hoisted_7 = ["disabled", "max", "min", "value"];
|
|
24102
|
+
const _hoisted_4$4 = { class: "input-group sb-input" };
|
|
24103
|
+
const _hoisted_5$1 = ["disabled", "max", "value"];
|
|
24104
|
+
const _hoisted_6$1 = { class: "input-group sb-input" };
|
|
24105
|
+
const _hoisted_7$1 = ["disabled", "max", "min", "value"];
|
|
24106
24106
|
function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
24107
24107
|
const _component_Bar = resolveComponent("Bar");
|
|
24108
24108
|
const _component_MultiRangeSlider = resolveComponent("MultiRangeSlider");
|
|
24109
24109
|
const _component_dh_advanced_filter = resolveComponent("dh-advanced-filter");
|
|
24110
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24111
|
-
createElementVNode("div", _hoisted_2$
|
|
24110
|
+
return openBlock(), createElementBlock("div", _hoisted_1$c, [
|
|
24111
|
+
createElementVNode("div", _hoisted_2$b, [
|
|
24112
24112
|
createVNode(_component_Bar, {
|
|
24113
24113
|
"chart-data": _ctx.chartData,
|
|
24114
24114
|
"chart-id": _ctx.chartId,
|
|
@@ -24132,8 +24132,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24132
24132
|
onInput: _ctx.updateBarChart
|
|
24133
24133
|
}, null, 8, ["base-class-name", "max", "max-caption", "max-value", "min-caption", "min-value", "step", "onInput"])
|
|
24134
24134
|
]),
|
|
24135
|
-
_ctx.includeForm ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
24136
|
-
createElementVNode("div", _hoisted_4$
|
|
24135
|
+
_ctx.includeForm ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
|
|
24136
|
+
createElementVNode("div", _hoisted_4$4, [
|
|
24137
24137
|
createElementVNode("label", {
|
|
24138
24138
|
class: normalizeClass(`text-2 input-to ${_ctx.validated ? "disable" : ""}`)
|
|
24139
24139
|
}, " From ", 2),
|
|
@@ -24146,9 +24146,9 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24146
24146
|
type: "number",
|
|
24147
24147
|
value: `${_ctx.min}`,
|
|
24148
24148
|
onInput: _cache[0] || (_cache[0] = ($event) => _ctx.changeMin($event))
|
|
24149
|
-
}, null, 40, _hoisted_5)
|
|
24149
|
+
}, null, 40, _hoisted_5$1)
|
|
24150
24150
|
]),
|
|
24151
|
-
createElementVNode("div", _hoisted_6, [
|
|
24151
|
+
createElementVNode("div", _hoisted_6$1, [
|
|
24152
24152
|
createElementVNode("label", {
|
|
24153
24153
|
class: normalizeClass(`text-2 input-to ${_ctx.validated ? "disable" : ""}`)
|
|
24154
24154
|
}, " To ", 2),
|
|
@@ -24161,7 +24161,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24161
24161
|
type: "number",
|
|
24162
24162
|
value: `${_ctx.max}`,
|
|
24163
24163
|
onInput: _cache[1] || (_cache[1] = ($event) => _ctx.changeMax($event))
|
|
24164
|
-
}, null, 40, _hoisted_7)
|
|
24164
|
+
}, null, 40, _hoisted_7$1)
|
|
24165
24165
|
])
|
|
24166
24166
|
])) : createCommentVNode("", true),
|
|
24167
24167
|
renderSlot(_ctx.$slots, "default"),
|
|
@@ -24172,16 +24172,16 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24172
24172
|
}, null, 8, ["onExclude", "onFilter_missing", "onMatch"])
|
|
24173
24173
|
]);
|
|
24174
24174
|
}
|
|
24175
|
-
var NumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24175
|
+
var NumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$3]]);
|
|
24176
24176
|
var PasswordField_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
24177
|
-
const _hoisted_1$
|
|
24178
|
-
const _hoisted_2$
|
|
24179
|
-
const _hoisted_3$
|
|
24180
|
-
const _hoisted_4$
|
|
24177
|
+
const _hoisted_1$b = { class: "password__panel" };
|
|
24178
|
+
const _hoisted_2$a = ["placeholder", "type"];
|
|
24179
|
+
const _hoisted_3$6 = { class: "icon is-right" };
|
|
24180
|
+
const _hoisted_4$3 = {
|
|
24181
24181
|
key: 0,
|
|
24182
24182
|
class: "password__tooltip"
|
|
24183
24183
|
};
|
|
24184
|
-
const _sfc_main$
|
|
24184
|
+
const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
24185
24185
|
__name: "PasswordField",
|
|
24186
24186
|
props: {
|
|
24187
24187
|
modelValue: {
|
|
@@ -24237,7 +24237,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
24237
24237
|
onMounted(() => () => password.value = props.modelValue || "");
|
|
24238
24238
|
watch(props, () => (password.value = props.modelValue || "", hasMinimumLength.value = password.value.length > 11, hasNumber.value = /\d/.test(password.value), hasSpecial.value = /[!@#$%^&*)(+=._-]/.test(password.value)));
|
|
24239
24239
|
return (_ctx, _cache) => {
|
|
24240
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24240
|
+
return openBlock(), createElementBlock("div", _hoisted_1$b, [
|
|
24241
24241
|
withDirectives(createElementVNode("input", {
|
|
24242
24242
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
|
|
24243
24243
|
class: "form__input password__panel_input",
|
|
@@ -24247,7 +24247,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
24247
24247
|
onFocus,
|
|
24248
24248
|
onFocusout: outFocus,
|
|
24249
24249
|
onKeyup: emitChanged
|
|
24250
|
-
}, null, 40, _hoisted_2$
|
|
24250
|
+
}, null, 40, _hoisted_2$a), [
|
|
24251
24251
|
[vModelDynamic, password.value]
|
|
24252
24252
|
]),
|
|
24253
24253
|
createElementVNode("button", {
|
|
@@ -24255,7 +24255,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
24255
24255
|
type: "button",
|
|
24256
24256
|
onClick: toggleShow
|
|
24257
24257
|
}, [
|
|
24258
|
-
createElementVNode("span", _hoisted_3$
|
|
24258
|
+
createElementVNode("span", _hoisted_3$6, [
|
|
24259
24259
|
createVNode(DhIcon, {
|
|
24260
24260
|
active: isActive.value,
|
|
24261
24261
|
"icon-name": showPassword.value ? "invisible" : "visible",
|
|
@@ -24263,7 +24263,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
24263
24263
|
}, null, 8, ["active", "icon-name"])
|
|
24264
24264
|
])
|
|
24265
24265
|
]),
|
|
24266
|
-
tooltip.value && !props.passwordTooltipDisabled ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
24266
|
+
tooltip.value && !props.passwordTooltipDisabled ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
|
|
24267
24267
|
createElementVNode("p", {
|
|
24268
24268
|
class: normalizeClass(["password__tooltip_text", hasMinimumLength.value ? "password__tooltip_text--valid" : ""])
|
|
24269
24269
|
}, [
|
|
@@ -24299,13 +24299,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
24299
24299
|
};
|
|
24300
24300
|
}
|
|
24301
24301
|
});
|
|
24302
|
-
var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24302
|
+
var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-3ae35090"]]);
|
|
24303
24303
|
var RadioBox_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
24304
|
-
const _hoisted_1$
|
|
24305
|
-
const _hoisted_2$
|
|
24306
|
-
const _hoisted_3$
|
|
24307
|
-
const _hoisted_4$
|
|
24308
|
-
const _sfc_main$
|
|
24304
|
+
const _hoisted_1$a = { class: "radio" };
|
|
24305
|
+
const _hoisted_2$9 = ["for"];
|
|
24306
|
+
const _hoisted_3$5 = ["id", "type", "value"];
|
|
24307
|
+
const _hoisted_4$2 = { class: "radio__label_txt" };
|
|
24308
|
+
const _sfc_main$a = {
|
|
24309
24309
|
__name: "RadioBox",
|
|
24310
24310
|
props: {
|
|
24311
24311
|
type: {
|
|
@@ -24324,7 +24324,7 @@ const _sfc_main$9 = {
|
|
|
24324
24324
|
emits: ["clickBox"],
|
|
24325
24325
|
setup(__props, { emit }) {
|
|
24326
24326
|
return (_ctx, _cache) => {
|
|
24327
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24327
|
+
return openBlock(), createElementBlock("div", _hoisted_1$a, [
|
|
24328
24328
|
createElementVNode("label", {
|
|
24329
24329
|
class: "radio__label",
|
|
24330
24330
|
for: __props.value
|
|
@@ -24336,16 +24336,16 @@ const _sfc_main$9 = {
|
|
|
24336
24336
|
type: __props.type,
|
|
24337
24337
|
value: __props.value,
|
|
24338
24338
|
onClick: _cache[0] || (_cache[0] = ($event) => emit("clickBox"))
|
|
24339
|
-
}, null, 8, _hoisted_3$
|
|
24340
|
-
createElementVNode("span", _hoisted_4$
|
|
24341
|
-
], 8, _hoisted_2$
|
|
24339
|
+
}, null, 8, _hoisted_3$5),
|
|
24340
|
+
createElementVNode("span", _hoisted_4$2, toDisplayString(__props.label), 1)
|
|
24341
|
+
], 8, _hoisted_2$9)
|
|
24342
24342
|
]);
|
|
24343
24343
|
};
|
|
24344
24344
|
}
|
|
24345
24345
|
};
|
|
24346
|
-
var DhRadioBox = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24346
|
+
var DhRadioBox = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-29696bd5"]]);
|
|
24347
24347
|
var RadioBoxGroup_vue_vue_type_style_index_0_lang = "";
|
|
24348
|
-
const _sfc_main$
|
|
24348
|
+
const _sfc_main$9 = {
|
|
24349
24349
|
__name: "RadioBoxGroup",
|
|
24350
24350
|
props: {
|
|
24351
24351
|
orientation: {
|
|
@@ -24397,9 +24397,9 @@ const _sfc_main$8 = {
|
|
|
24397
24397
|
}
|
|
24398
24398
|
};
|
|
24399
24399
|
var SearchInput_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
24400
|
-
const _hoisted_1$
|
|
24401
|
-
const _hoisted_2$
|
|
24402
|
-
const _sfc_main$
|
|
24400
|
+
const _hoisted_1$9 = { class: "search-panel" };
|
|
24401
|
+
const _hoisted_2$8 = ["placeholder"];
|
|
24402
|
+
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
24403
24403
|
__name: "SearchInput",
|
|
24404
24404
|
props: {
|
|
24405
24405
|
modelValue: {
|
|
@@ -24427,14 +24427,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
24427
24427
|
onMounted(() => () => search.value = props.modelValue || "");
|
|
24428
24428
|
watch(props, () => search.value = props.modelValue || "");
|
|
24429
24429
|
return (_ctx, _cache) => {
|
|
24430
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24430
|
+
return openBlock(), createElementBlock("div", _hoisted_1$9, [
|
|
24431
24431
|
withDirectives(createElementVNode("input", {
|
|
24432
24432
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
|
|
24433
24433
|
class: "form-input search-panel-input",
|
|
24434
24434
|
"data-e2e": "search-input",
|
|
24435
24435
|
placeholder: props.placeholder,
|
|
24436
24436
|
onKeyup: emitChanged
|
|
24437
|
-
}, null, 40, _hoisted_2$
|
|
24437
|
+
}, null, 40, _hoisted_2$8), [
|
|
24438
24438
|
[vModelText, search.value]
|
|
24439
24439
|
]),
|
|
24440
24440
|
!search.value ? (openBlock(), createElementBlock("button", {
|
|
@@ -24465,12 +24465,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
24465
24465
|
};
|
|
24466
24466
|
}
|
|
24467
24467
|
});
|
|
24468
|
-
var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24468
|
+
var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-562faa14"]]);
|
|
24469
24469
|
var Stepper_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
24470
24470
|
const _withScopeId = (n) => (pushScopeId("data-v-0213b522"), n = n(), popScopeId(), n);
|
|
24471
|
-
const _hoisted_1$
|
|
24472
|
-
const _hoisted_2$
|
|
24473
|
-
const _sfc_main$
|
|
24471
|
+
const _hoisted_1$8 = { class: "stepper" };
|
|
24472
|
+
const _hoisted_2$7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("hr", { class: "solid" }, null, -1));
|
|
24473
|
+
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
24474
24474
|
__name: "Stepper",
|
|
24475
24475
|
props: {
|
|
24476
24476
|
maxSteps: {
|
|
@@ -24488,7 +24488,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
24488
24488
|
return Array.from(Array(props.maxSteps || 0).keys());
|
|
24489
24489
|
}
|
|
24490
24490
|
return (_ctx, _cache) => {
|
|
24491
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24491
|
+
return openBlock(), createElementBlock("div", _hoisted_1$8, [
|
|
24492
24492
|
(openBlock(true), createElementBlock(Fragment, null, renderList(getSteps(), (step, id) => {
|
|
24493
24493
|
return openBlock(), createElementBlock("div", {
|
|
24494
24494
|
key: id,
|
|
@@ -24497,15 +24497,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
24497
24497
|
createElementVNode("span", {
|
|
24498
24498
|
class: normalizeClass(["step-number", { active: step === __props.currentStep }])
|
|
24499
24499
|
}, toDisplayString(step + 1), 3),
|
|
24500
|
-
_hoisted_2$
|
|
24500
|
+
_hoisted_2$7
|
|
24501
24501
|
]);
|
|
24502
24502
|
}), 128))
|
|
24503
24503
|
]);
|
|
24504
24504
|
};
|
|
24505
24505
|
}
|
|
24506
24506
|
});
|
|
24507
|
-
var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24508
|
-
const _sfc_main$
|
|
24507
|
+
var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-0213b522"]]);
|
|
24508
|
+
const _sfc_main$6 = defineComponent({
|
|
24509
24509
|
props: {
|
|
24510
24510
|
data: {
|
|
24511
24511
|
type: Boolean,
|
|
@@ -24535,13 +24535,13 @@ const _sfc_main$5 = defineComponent({
|
|
|
24535
24535
|
}
|
|
24536
24536
|
}
|
|
24537
24537
|
});
|
|
24538
|
-
const _hoisted_1$
|
|
24539
|
-
const _hoisted_2$
|
|
24540
|
-
const _hoisted_3$
|
|
24538
|
+
const _hoisted_1$7 = { class: "dp__options" };
|
|
24539
|
+
const _hoisted_2$6 = { class: "dp__options_switch" };
|
|
24540
|
+
const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("span", { class: "dp__options_slider" }, null, -1);
|
|
24541
24541
|
function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
24542
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24542
|
+
return openBlock(), createElementBlock("div", _hoisted_1$7, [
|
|
24543
24543
|
createElementVNode("span", null, toDisplayString(_ctx.label), 1),
|
|
24544
|
-
createElementVNode("label", _hoisted_2$
|
|
24544
|
+
createElementVNode("label", _hoisted_2$6, [
|
|
24545
24545
|
withDirectives(createElementVNode("input", {
|
|
24546
24546
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.checkedValue = $event),
|
|
24547
24547
|
name: "switch",
|
|
@@ -24549,12 +24549,12 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24549
24549
|
}, null, 512), [
|
|
24550
24550
|
[vModelCheckbox, _ctx.checkedValue]
|
|
24551
24551
|
]),
|
|
24552
|
-
_hoisted_3$
|
|
24552
|
+
_hoisted_3$4
|
|
24553
24553
|
])
|
|
24554
24554
|
]);
|
|
24555
24555
|
}
|
|
24556
|
-
var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24557
|
-
const _sfc_main$
|
|
24556
|
+
var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$2]]);
|
|
24557
|
+
const _sfc_main$5 = defineComponent({
|
|
24558
24558
|
props: {
|
|
24559
24559
|
target: { type: String, required: true },
|
|
24560
24560
|
trigger: { type: String, required: true },
|
|
@@ -24583,9 +24583,9 @@ const _sfc_main$4 = defineComponent({
|
|
|
24583
24583
|
}
|
|
24584
24584
|
}
|
|
24585
24585
|
});
|
|
24586
|
-
const _hoisted_1$
|
|
24587
|
-
const _hoisted_2$
|
|
24588
|
-
const _hoisted_3$
|
|
24586
|
+
const _hoisted_1$6 = ["placement", "target", "tooltipText", "trigger"];
|
|
24587
|
+
const _hoisted_2$5 = ["id"];
|
|
24588
|
+
const _hoisted_3$3 = { class: "text" };
|
|
24589
24589
|
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
24590
24590
|
return openBlock(), createElementBlock("div", {
|
|
24591
24591
|
id: "main-contain",
|
|
@@ -24604,14 +24604,14 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24604
24604
|
ref: _ctx.target,
|
|
24605
24605
|
class: normalizeClass(`tooltiptext ${_ctx.show}`)
|
|
24606
24606
|
}, [
|
|
24607
|
-
createElementVNode("span", _hoisted_3$
|
|
24608
|
-
], 10, _hoisted_2$
|
|
24609
|
-
], 40, _hoisted_1$
|
|
24607
|
+
createElementVNode("span", _hoisted_3$3, toDisplayString(_ctx.tooltipText), 1)
|
|
24608
|
+
], 10, _hoisted_2$5)
|
|
24609
|
+
], 40, _hoisted_1$6);
|
|
24610
24610
|
}
|
|
24611
|
-
var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24611
|
+
var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1]]);
|
|
24612
24612
|
var VerificationCode_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
24613
|
-
const _hoisted_1$
|
|
24614
|
-
const _sfc_main$
|
|
24613
|
+
const _hoisted_1$5 = { class: "code" };
|
|
24614
|
+
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
24615
24615
|
__name: "VerificationCode",
|
|
24616
24616
|
props: {
|
|
24617
24617
|
code: {
|
|
@@ -24732,7 +24732,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
24732
24732
|
}
|
|
24733
24733
|
});
|
|
24734
24734
|
return (_ctx, _cache) => {
|
|
24735
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24735
|
+
return openBlock(), createElementBlock("div", _hoisted_1$5, [
|
|
24736
24736
|
createElementVNode("input", {
|
|
24737
24737
|
ref_key: "txtInput1",
|
|
24738
24738
|
ref: txtInput1,
|
|
@@ -24840,8 +24840,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
24840
24840
|
};
|
|
24841
24841
|
}
|
|
24842
24842
|
});
|
|
24843
|
-
var VerificationCode = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24844
|
-
const _sfc_main$
|
|
24843
|
+
var VerificationCode = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7d5513ee"]]);
|
|
24844
|
+
const _sfc_main$3 = defineComponent({
|
|
24845
24845
|
components: { DhIcon },
|
|
24846
24846
|
props: {
|
|
24847
24847
|
title: {
|
|
@@ -24855,8 +24855,8 @@ const _sfc_main$2 = defineComponent({
|
|
|
24855
24855
|
};
|
|
24856
24856
|
}
|
|
24857
24857
|
});
|
|
24858
|
-
const _hoisted_1$
|
|
24859
|
-
const _hoisted_2$
|
|
24858
|
+
const _hoisted_1$4 = { class: "text-1" };
|
|
24859
|
+
const _hoisted_2$4 = /* @__PURE__ */ createTextVNode(" Content ");
|
|
24860
24860
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
24861
24861
|
const _component_dh_icon = resolveComponent("dh-icon");
|
|
24862
24862
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
@@ -24865,7 +24865,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24865
24865
|
"data-e2e": "expansion-panel-button",
|
|
24866
24866
|
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.isAdvancedSettingsOpen = !_ctx.isAdvancedSettingsOpen)
|
|
24867
24867
|
}, [
|
|
24868
|
-
createElementVNode("h4", _hoisted_1$
|
|
24868
|
+
createElementVNode("h4", _hoisted_1$4, toDisplayString(_ctx.title), 1),
|
|
24869
24869
|
createVNode(_component_dh_icon, {
|
|
24870
24870
|
class: "icon",
|
|
24871
24871
|
"icon-name": _ctx.isAdvancedSettingsOpen ? "arrow-up" : "arrow-down",
|
|
@@ -24873,18 +24873,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24873
24873
|
}, null, 8, ["icon-name"])
|
|
24874
24874
|
], 2),
|
|
24875
24875
|
_ctx.isAdvancedSettingsOpen ? renderSlot(_ctx.$slots, "content", { key: 0 }, () => [
|
|
24876
|
-
_hoisted_2$
|
|
24876
|
+
_hoisted_2$4
|
|
24877
24877
|
]) : createCommentVNode("", true)
|
|
24878
24878
|
], 64);
|
|
24879
24879
|
}
|
|
24880
|
-
var ExpansionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24880
|
+
var ExpansionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render]]);
|
|
24881
24881
|
var DropdownMenu_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
24882
|
-
const _hoisted_1$
|
|
24883
|
-
const _hoisted_2$
|
|
24882
|
+
const _hoisted_1$3 = ["src"];
|
|
24883
|
+
const _hoisted_2$3 = {
|
|
24884
24884
|
key: 3,
|
|
24885
24885
|
class: "menu-item-text-wrapper"
|
|
24886
24886
|
};
|
|
24887
|
-
const _sfc_main$
|
|
24887
|
+
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
24888
24888
|
__name: "DropdownMenu",
|
|
24889
24889
|
props: {
|
|
24890
24890
|
items: {
|
|
@@ -24959,7 +24959,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
24959
24959
|
alt: "icon image",
|
|
24960
24960
|
class: "icon icon-url",
|
|
24961
24961
|
src: item.iconUrl
|
|
24962
|
-
}, null, 8, _hoisted_1$
|
|
24962
|
+
}, null, 8, _hoisted_1$3)) : createCommentVNode("", true),
|
|
24963
24963
|
!item.iconUrl ? (openBlock(), createBlock(DhIcon, mergeProps({
|
|
24964
24964
|
key: 1,
|
|
24965
24965
|
class: "icon"
|
|
@@ -24968,7 +24968,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
24968
24968
|
key: 2,
|
|
24969
24969
|
class: normalizeClass(["text-2", { "text-ellipsis": props.textEllipsis }])
|
|
24970
24970
|
}, toDisplayString(item.text), 3)) : createCommentVNode("", true),
|
|
24971
|
-
item.subText ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
24971
|
+
item.subText ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
|
|
24972
24972
|
createElementVNode("span", {
|
|
24973
24973
|
class: normalizeClass(["text-4", { "text-ellipsis": props.textEllipsis }])
|
|
24974
24974
|
}, toDisplayString(item.text), 3),
|
|
@@ -24990,13 +24990,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
24990
24990
|
};
|
|
24991
24991
|
}
|
|
24992
24992
|
});
|
|
24993
|
-
var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24993
|
+
var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-3f98d032"]]);
|
|
24994
24994
|
var InputDropdown_vue_vue_type_style_index_0_lang = "";
|
|
24995
|
-
const _hoisted_1 = { class: "input__dropdown" };
|
|
24996
|
-
const _hoisted_2 = { class: "input__dropdown_second" };
|
|
24997
|
-
const _hoisted_3 = ["tabindex"];
|
|
24998
|
-
const _hoisted_4 = ["onClick"];
|
|
24999
|
-
const _sfc_main = {
|
|
24995
|
+
const _hoisted_1$2 = { class: "input__dropdown" };
|
|
24996
|
+
const _hoisted_2$2 = { class: "input__dropdown_second" };
|
|
24997
|
+
const _hoisted_3$2 = ["tabindex"];
|
|
24998
|
+
const _hoisted_4$1 = ["onClick"];
|
|
24999
|
+
const _sfc_main$1 = {
|
|
25000
25000
|
__name: "InputDropdown",
|
|
25001
25001
|
props: {
|
|
25002
25002
|
list: {
|
|
@@ -25031,7 +25031,7 @@ const _sfc_main = {
|
|
|
25031
25031
|
emit("update", name.value.value, selected.value);
|
|
25032
25032
|
}
|
|
25033
25033
|
return (_ctx, _cache) => {
|
|
25034
|
-
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
25034
|
+
return openBlock(), createElementBlock("div", _hoisted_1$2, [
|
|
25035
25035
|
createElementVNode("input", {
|
|
25036
25036
|
ref_key: "name",
|
|
25037
25037
|
ref: name,
|
|
@@ -25039,7 +25039,7 @@ const _sfc_main = {
|
|
|
25039
25039
|
type: "text",
|
|
25040
25040
|
onInput: update
|
|
25041
25041
|
}, null, 544),
|
|
25042
|
-
createElementVNode("div", _hoisted_2, [
|
|
25042
|
+
createElementVNode("div", _hoisted_2$2, [
|
|
25043
25043
|
createVNode(DhIcon, {
|
|
25044
25044
|
"icon-name": __props.icon,
|
|
25045
25045
|
size: 18
|
|
@@ -25064,13 +25064,2262 @@ const _sfc_main = {
|
|
|
25064
25064
|
open.value = false;
|
|
25065
25065
|
update();
|
|
25066
25066
|
}
|
|
25067
|
-
}, toDisplayString(option), 9, _hoisted_4);
|
|
25067
|
+
}, toDisplayString(option), 9, _hoisted_4$1);
|
|
25068
25068
|
}), 128))
|
|
25069
25069
|
], 2)
|
|
25070
|
-
], 40, _hoisted_3)
|
|
25070
|
+
], 40, _hoisted_3$2)
|
|
25071
25071
|
])
|
|
25072
25072
|
]);
|
|
25073
25073
|
};
|
|
25074
25074
|
}
|
|
25075
25075
|
};
|
|
25076
|
-
|
|
25076
|
+
var _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAR2SURBVHgBlVVdaFtlGH6+LydJ89OYtHVbf+YyhoPK5uK2G3/oIlTYhRctKApebAiCXowtDLzxIi3sUqnBiiBerF6osGl7J0idqWyD4WSZF3PzZ4tt7Y/NmnRN0yYn5/t8z9e0Ne35Wnwg5Jzzvt/7vO/7vT8MO6BnYDEuPP4TXMi4kIgyxqOrElEAZEZKZLhVHhpJBDPb2WE6wcsDZtwwXEkJGd9G7T9WRJqZ+f6RxONprUp9BDIs3CLJJM7tSLAJkg5xIT6EVSTCSEFLdPKT5ai36hqWzBVj8v+R1IFVM8y0ekcSvuwWop6BfFgaoR8kY0RSf04qRUriSh6l/AzcDY3wRtpgmWUSUhSewFYuITMFwV9MJ5iKzFgTCHfITtcWEhvW/H38NfYpViZ+UZ7Jmn920B3dZxDuPLnljOQsFmYiSY8J+53Xook734nE4v1r+P2rBMoTt1VUqzRC/ThFU85P2m7CCYKxc3bVrhNZRjDpdPHmoxnMXBmErFbgDIncza+RuzGE1QTXQ1k0fElF9OpAJcaZK+5kZuHuKCqlAraDbWzmxmWUJm5pXEH89Y8W49w0cNrBGYWlqTvbFvjTna1oigQoLQKP/ryq0eIooSFOxcCP6AxJaWkkDAEfw/uJ52GaJt658D1yhSmdGdJmJ+iOZEyrQaFeOPss9u3xKXUVHlXN8UO78U2qFx0tbuxv9eOzZDepCr0ZGlsGdUFYR3L04C50H4ugt2s/HkwXsVgqoyXUgLbdQeITtgFFEPK58VR7iFKk81dEuU7m5yWkXmtEo98Ao0jeS12FWeVo3+WnZhT48edJvNl3RTkU8nN8fKoJAWNJE5HdsJJl6SG6WVZhbsyZfuxVlSLwwbtd2NMcUM/2wReOP4Enoy2rVuhbQTRhpep25pGiwBmvZJ2EVcuD8/fewGwloIy1NftUdUlqUkn7glPKWpsblO7flTDO330FFjyORKSd4bBcY9CCYboUXFe3S9UmYmuvNeTJGRrEziTM1q/eJieLaWhAnuDbiQO12cZgLa0Ay1UI+7eyUfqjMwehWymMHHNXqxc57Y003W5aR3YrfwCXsp3KkCvgAfd7wX3073PRLAOGxztxbWqfrudtpC/R9uWrrGa/1KjS6MSXfxzFFxNdsJhXxUmOQbj8+Py35zB07xilh2kyAoom328/K6KRM740mUxtHoz2fRTmBKYfMMxXaP+wCMzcAsyHCyQLomRElayQs+y1tAVUAKnLtdW+3ke8avSRILNGZpPMjlsozlMBUI6u36Ebaz8M+OjiPUHwvc9g9KeyWkqLD13ITdpkG9OBPmcQNPrW3uti7hlYjkq3Z5iSH8vPEslCfSV1Ha7g1EucSt/Exe8krv/qrzMQeMxCUyu3d1WGutt5lW+QyXDZLPf9M26cldAODkfY99zSUU4FvL6+kdoK1xKt4dDbc3G3EUmSQhw7EDLqFSFZmvZtf2bQvm8HHeyA2FvFGPd6TlN0R0iZJj0Lq2NSZiWsLGNsjKOYvjlIbbIN/gUK8Nn86IrnuAAAAABJRU5ErkJggg==";
|
|
25077
|
+
function isNullish(val) {
|
|
25078
|
+
return [null, void 0].indexOf(val) !== -1;
|
|
25079
|
+
}
|
|
25080
|
+
function useData(props, context, dep) {
|
|
25081
|
+
const { object, valueProp, mode } = toRefs(props);
|
|
25082
|
+
const $this = getCurrentInstance().proxy;
|
|
25083
|
+
const iv = dep.iv;
|
|
25084
|
+
const update = (val) => {
|
|
25085
|
+
iv.value = makeInternal(val);
|
|
25086
|
+
const externalVal = makeExternal(val);
|
|
25087
|
+
context.emit("change", externalVal, $this);
|
|
25088
|
+
context.emit("input", externalVal);
|
|
25089
|
+
context.emit("update:modelValue", externalVal);
|
|
25090
|
+
};
|
|
25091
|
+
const makeExternal = (val) => {
|
|
25092
|
+
if (object.value) {
|
|
25093
|
+
return val;
|
|
25094
|
+
}
|
|
25095
|
+
if (isNullish(val)) {
|
|
25096
|
+
return val;
|
|
25097
|
+
}
|
|
25098
|
+
return !Array.isArray(val) ? val[valueProp.value] : val.map((v) => v[valueProp.value]);
|
|
25099
|
+
};
|
|
25100
|
+
const makeInternal = (val) => {
|
|
25101
|
+
if (isNullish(val)) {
|
|
25102
|
+
return mode.value === "single" ? {} : [];
|
|
25103
|
+
}
|
|
25104
|
+
return val;
|
|
25105
|
+
};
|
|
25106
|
+
return {
|
|
25107
|
+
update
|
|
25108
|
+
};
|
|
25109
|
+
}
|
|
25110
|
+
function useValue(props, context) {
|
|
25111
|
+
const { value, modelValue, mode, valueProp } = toRefs(props);
|
|
25112
|
+
const iv = ref(mode.value !== "single" ? [] : {});
|
|
25113
|
+
const ev = modelValue && modelValue.value !== void 0 ? modelValue : value;
|
|
25114
|
+
const plainValue = computed(() => {
|
|
25115
|
+
return mode.value === "single" ? iv.value[valueProp.value] : iv.value.map((v) => v[valueProp.value]);
|
|
25116
|
+
});
|
|
25117
|
+
const textValue = computed(() => {
|
|
25118
|
+
return mode.value !== "single" ? iv.value.map((v) => v[valueProp.value]).join(",") : iv.value[valueProp.value];
|
|
25119
|
+
});
|
|
25120
|
+
return {
|
|
25121
|
+
iv,
|
|
25122
|
+
internalValue: iv,
|
|
25123
|
+
ev,
|
|
25124
|
+
externalValue: ev,
|
|
25125
|
+
textValue,
|
|
25126
|
+
plainValue
|
|
25127
|
+
};
|
|
25128
|
+
}
|
|
25129
|
+
function useSearch(props, context, dep) {
|
|
25130
|
+
const { regex } = toRefs(props);
|
|
25131
|
+
const $this = getCurrentInstance().proxy;
|
|
25132
|
+
const isOpen = dep.isOpen;
|
|
25133
|
+
const open = dep.open;
|
|
25134
|
+
const search = ref(null);
|
|
25135
|
+
const input = ref(null);
|
|
25136
|
+
const clearSearch = () => {
|
|
25137
|
+
search.value = "";
|
|
25138
|
+
};
|
|
25139
|
+
const handleSearchInput = (e2) => {
|
|
25140
|
+
search.value = e2.target.value;
|
|
25141
|
+
};
|
|
25142
|
+
const handleKeypress = (e2) => {
|
|
25143
|
+
if (regex && regex.value) {
|
|
25144
|
+
let regexp = regex.value;
|
|
25145
|
+
if (typeof regexp === "string") {
|
|
25146
|
+
regexp = new RegExp(regexp);
|
|
25147
|
+
}
|
|
25148
|
+
if (!e2.key.match(regexp)) {
|
|
25149
|
+
e2.preventDefault();
|
|
25150
|
+
}
|
|
25151
|
+
}
|
|
25152
|
+
};
|
|
25153
|
+
const handlePaste = (e2) => {
|
|
25154
|
+
if (regex && regex.value) {
|
|
25155
|
+
let clipboardData = e2.clipboardData || window.clipboardData;
|
|
25156
|
+
let pastedData = clipboardData.getData("Text");
|
|
25157
|
+
let regexp = regex.value;
|
|
25158
|
+
if (typeof regexp === "string") {
|
|
25159
|
+
regexp = new RegExp(regexp);
|
|
25160
|
+
}
|
|
25161
|
+
if (!pastedData.split("").every((c2) => !!c2.match(regexp))) {
|
|
25162
|
+
e2.preventDefault();
|
|
25163
|
+
}
|
|
25164
|
+
}
|
|
25165
|
+
context.emit("paste", e2, $this);
|
|
25166
|
+
};
|
|
25167
|
+
watch(search, (val) => {
|
|
25168
|
+
if (!isOpen.value && val) {
|
|
25169
|
+
open();
|
|
25170
|
+
}
|
|
25171
|
+
context.emit("search-change", val, $this);
|
|
25172
|
+
});
|
|
25173
|
+
return {
|
|
25174
|
+
search,
|
|
25175
|
+
input,
|
|
25176
|
+
clearSearch,
|
|
25177
|
+
handleSearchInput,
|
|
25178
|
+
handleKeypress,
|
|
25179
|
+
handlePaste
|
|
25180
|
+
};
|
|
25181
|
+
}
|
|
25182
|
+
function usePointer$1(props, context, dep) {
|
|
25183
|
+
const { groupSelect, mode, groups, disabledProp } = toRefs(props);
|
|
25184
|
+
const pointer = ref(null);
|
|
25185
|
+
const setPointer = (option) => {
|
|
25186
|
+
if (option === void 0 || option !== null && option[disabledProp.value]) {
|
|
25187
|
+
return;
|
|
25188
|
+
}
|
|
25189
|
+
if (groups.value && option && option.group && (mode.value === "single" || !groupSelect.value)) {
|
|
25190
|
+
return;
|
|
25191
|
+
}
|
|
25192
|
+
pointer.value = option;
|
|
25193
|
+
};
|
|
25194
|
+
const clearPointer = () => {
|
|
25195
|
+
setPointer(null);
|
|
25196
|
+
};
|
|
25197
|
+
return {
|
|
25198
|
+
pointer,
|
|
25199
|
+
setPointer,
|
|
25200
|
+
clearPointer
|
|
25201
|
+
};
|
|
25202
|
+
}
|
|
25203
|
+
function normalize(str, strict = true) {
|
|
25204
|
+
return strict ? String(str).toLowerCase().trim() : String(str).normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase().trim();
|
|
25205
|
+
}
|
|
25206
|
+
function isObject(variable) {
|
|
25207
|
+
return Object.prototype.toString.call(variable) === "[object Object]";
|
|
25208
|
+
}
|
|
25209
|
+
function arraysEqual(array1, array2) {
|
|
25210
|
+
const array2Sorted = array2.slice().sort();
|
|
25211
|
+
return array1.length === array2.length && array1.slice().sort().every(function(value, index) {
|
|
25212
|
+
return value === array2Sorted[index];
|
|
25213
|
+
});
|
|
25214
|
+
}
|
|
25215
|
+
function useOptions(props, context, dep) {
|
|
25216
|
+
const {
|
|
25217
|
+
options,
|
|
25218
|
+
mode,
|
|
25219
|
+
trackBy: trackBy_,
|
|
25220
|
+
limit,
|
|
25221
|
+
hideSelected,
|
|
25222
|
+
createTag,
|
|
25223
|
+
createOption: createOption_,
|
|
25224
|
+
label,
|
|
25225
|
+
appendNewTag,
|
|
25226
|
+
appendNewOption: appendNewOption_,
|
|
25227
|
+
multipleLabel,
|
|
25228
|
+
object,
|
|
25229
|
+
loading,
|
|
25230
|
+
delay,
|
|
25231
|
+
resolveOnLoad,
|
|
25232
|
+
minChars,
|
|
25233
|
+
filterResults,
|
|
25234
|
+
clearOnSearch,
|
|
25235
|
+
clearOnSelect,
|
|
25236
|
+
valueProp,
|
|
25237
|
+
canDeselect,
|
|
25238
|
+
max,
|
|
25239
|
+
strict,
|
|
25240
|
+
closeOnSelect,
|
|
25241
|
+
groups: groupped,
|
|
25242
|
+
reverse,
|
|
25243
|
+
infinite,
|
|
25244
|
+
groupOptions,
|
|
25245
|
+
groupHideEmpty,
|
|
25246
|
+
groupSelect,
|
|
25247
|
+
onCreate,
|
|
25248
|
+
disabledProp,
|
|
25249
|
+
searchStart
|
|
25250
|
+
} = toRefs(props);
|
|
25251
|
+
const $this = getCurrentInstance().proxy;
|
|
25252
|
+
const iv = dep.iv;
|
|
25253
|
+
const ev = dep.ev;
|
|
25254
|
+
const search = dep.search;
|
|
25255
|
+
const clearSearch = dep.clearSearch;
|
|
25256
|
+
const update = dep.update;
|
|
25257
|
+
const pointer = dep.pointer;
|
|
25258
|
+
const clearPointer = dep.clearPointer;
|
|
25259
|
+
const focus = dep.focus;
|
|
25260
|
+
const deactivate = dep.deactivate;
|
|
25261
|
+
const close = dep.close;
|
|
25262
|
+
const ap = ref([]);
|
|
25263
|
+
const ro = ref([]);
|
|
25264
|
+
const resolving = ref(false);
|
|
25265
|
+
const searchWatcher = ref(null);
|
|
25266
|
+
const offset = ref(infinite.value && limit.value === -1 ? 10 : limit.value);
|
|
25267
|
+
const createOption = computed(() => {
|
|
25268
|
+
return createTag.value || createOption_.value || false;
|
|
25269
|
+
});
|
|
25270
|
+
const appendNewOption = computed(() => {
|
|
25271
|
+
if (appendNewTag.value !== void 0) {
|
|
25272
|
+
return appendNewTag.value;
|
|
25273
|
+
} else if (appendNewOption_.value !== void 0) {
|
|
25274
|
+
return appendNewOption_.value;
|
|
25275
|
+
}
|
|
25276
|
+
return true;
|
|
25277
|
+
});
|
|
25278
|
+
const eo = computed(() => {
|
|
25279
|
+
if (groupped.value) {
|
|
25280
|
+
let groups = ro.value || [];
|
|
25281
|
+
let eo2 = [];
|
|
25282
|
+
groups.forEach((group) => {
|
|
25283
|
+
optionsToArray(group[groupOptions.value]).forEach((option) => {
|
|
25284
|
+
eo2.push(Object.assign({}, option, group[disabledProp.value] ? { [disabledProp.value]: true } : {}));
|
|
25285
|
+
});
|
|
25286
|
+
});
|
|
25287
|
+
return eo2;
|
|
25288
|
+
} else {
|
|
25289
|
+
let eo2 = optionsToArray(ro.value || []);
|
|
25290
|
+
if (ap.value.length) {
|
|
25291
|
+
eo2 = eo2.concat(ap.value);
|
|
25292
|
+
}
|
|
25293
|
+
return eo2;
|
|
25294
|
+
}
|
|
25295
|
+
});
|
|
25296
|
+
const fg = computed(() => {
|
|
25297
|
+
if (!groupped.value) {
|
|
25298
|
+
return [];
|
|
25299
|
+
}
|
|
25300
|
+
return filterGroups((ro.value || []).map((group, index) => {
|
|
25301
|
+
const arrayOptions = optionsToArray(group[groupOptions.value]);
|
|
25302
|
+
return {
|
|
25303
|
+
...group,
|
|
25304
|
+
index,
|
|
25305
|
+
group: true,
|
|
25306
|
+
[groupOptions.value]: filterOptions(arrayOptions, false).map((o) => Object.assign({}, o, group[disabledProp.value] ? { [disabledProp.value]: true } : {})),
|
|
25307
|
+
__VISIBLE__: filterOptions(arrayOptions).map((o) => Object.assign({}, o, group[disabledProp.value] ? { [disabledProp.value]: true } : {}))
|
|
25308
|
+
};
|
|
25309
|
+
}));
|
|
25310
|
+
});
|
|
25311
|
+
const pfo = computed(() => {
|
|
25312
|
+
let options2 = eo.value;
|
|
25313
|
+
if (reverse.value) {
|
|
25314
|
+
options2 = options2.reverse();
|
|
25315
|
+
}
|
|
25316
|
+
if (createdOption.value.length) {
|
|
25317
|
+
options2 = createdOption.value.concat(options2);
|
|
25318
|
+
}
|
|
25319
|
+
return filterOptions(options2);
|
|
25320
|
+
});
|
|
25321
|
+
const fo = computed(() => {
|
|
25322
|
+
let options2 = pfo.value;
|
|
25323
|
+
if (offset.value > 0) {
|
|
25324
|
+
options2 = options2.slice(0, offset.value);
|
|
25325
|
+
}
|
|
25326
|
+
return options2;
|
|
25327
|
+
});
|
|
25328
|
+
const hasSelected = computed(() => {
|
|
25329
|
+
switch (mode.value) {
|
|
25330
|
+
case "single":
|
|
25331
|
+
return !isNullish(iv.value[valueProp.value]);
|
|
25332
|
+
case "multiple":
|
|
25333
|
+
case "tags":
|
|
25334
|
+
return !isNullish(iv.value) && iv.value.length > 0;
|
|
25335
|
+
}
|
|
25336
|
+
});
|
|
25337
|
+
const multipleLabelText = computed(() => {
|
|
25338
|
+
return multipleLabel !== void 0 && multipleLabel.value !== void 0 ? multipleLabel.value(iv.value, $this) : iv.value && iv.value.length > 1 ? `${iv.value.length} options selected` : `1 option selected`;
|
|
25339
|
+
});
|
|
25340
|
+
const noOptions = computed(() => {
|
|
25341
|
+
return !eo.value.length && !resolving.value && !createdOption.value.length;
|
|
25342
|
+
});
|
|
25343
|
+
const noResults = computed(() => {
|
|
25344
|
+
return eo.value.length > 0 && fo.value.length == 0 && (search.value && groupped.value || !groupped.value);
|
|
25345
|
+
});
|
|
25346
|
+
const createdOption = computed(() => {
|
|
25347
|
+
if (createOption.value === false || !search.value) {
|
|
25348
|
+
return [];
|
|
25349
|
+
}
|
|
25350
|
+
return getOptionByTrackBy(search.value) !== -1 ? [] : [{
|
|
25351
|
+
[valueProp.value]: search.value,
|
|
25352
|
+
[label.value]: search.value,
|
|
25353
|
+
[trackBy.value]: search.value,
|
|
25354
|
+
__CREATE__: true
|
|
25355
|
+
}];
|
|
25356
|
+
});
|
|
25357
|
+
const trackBy = computed(() => {
|
|
25358
|
+
return trackBy_.value || label.value;
|
|
25359
|
+
});
|
|
25360
|
+
const nullValue = computed(() => {
|
|
25361
|
+
switch (mode.value) {
|
|
25362
|
+
case "single":
|
|
25363
|
+
return null;
|
|
25364
|
+
case "multiple":
|
|
25365
|
+
case "tags":
|
|
25366
|
+
return [];
|
|
25367
|
+
}
|
|
25368
|
+
});
|
|
25369
|
+
const busy = computed(() => {
|
|
25370
|
+
return loading.value || resolving.value;
|
|
25371
|
+
});
|
|
25372
|
+
const select = (option) => {
|
|
25373
|
+
if (typeof option !== "object") {
|
|
25374
|
+
option = getOption(option);
|
|
25375
|
+
}
|
|
25376
|
+
switch (mode.value) {
|
|
25377
|
+
case "single":
|
|
25378
|
+
update(option);
|
|
25379
|
+
break;
|
|
25380
|
+
case "multiple":
|
|
25381
|
+
case "tags":
|
|
25382
|
+
update(iv.value.concat(option));
|
|
25383
|
+
break;
|
|
25384
|
+
}
|
|
25385
|
+
context.emit("select", finalValue(option), option, $this);
|
|
25386
|
+
};
|
|
25387
|
+
const deselect = (option) => {
|
|
25388
|
+
if (typeof option !== "object") {
|
|
25389
|
+
option = getOption(option);
|
|
25390
|
+
}
|
|
25391
|
+
switch (mode.value) {
|
|
25392
|
+
case "single":
|
|
25393
|
+
clear();
|
|
25394
|
+
break;
|
|
25395
|
+
case "tags":
|
|
25396
|
+
case "multiple":
|
|
25397
|
+
update(Array.isArray(option) ? iv.value.filter((v) => option.map((o) => o[valueProp.value]).indexOf(v[valueProp.value]) === -1) : iv.value.filter((v) => v[valueProp.value] != option[valueProp.value]));
|
|
25398
|
+
break;
|
|
25399
|
+
}
|
|
25400
|
+
context.emit("deselect", finalValue(option), option, $this);
|
|
25401
|
+
};
|
|
25402
|
+
const finalValue = (option) => {
|
|
25403
|
+
return object.value ? option : option[valueProp.value];
|
|
25404
|
+
};
|
|
25405
|
+
const remove = (option) => {
|
|
25406
|
+
deselect(option);
|
|
25407
|
+
};
|
|
25408
|
+
const handleTagRemove = (option, e2) => {
|
|
25409
|
+
if (e2.button !== 0) {
|
|
25410
|
+
e2.preventDefault();
|
|
25411
|
+
return;
|
|
25412
|
+
}
|
|
25413
|
+
remove(option);
|
|
25414
|
+
};
|
|
25415
|
+
const clear = () => {
|
|
25416
|
+
context.emit("clear", $this);
|
|
25417
|
+
update(nullValue.value);
|
|
25418
|
+
};
|
|
25419
|
+
const isSelected = (option) => {
|
|
25420
|
+
if (option.group !== void 0) {
|
|
25421
|
+
return mode.value === "single" ? false : areAllSelected(option[groupOptions.value]) && option[groupOptions.value].length;
|
|
25422
|
+
}
|
|
25423
|
+
switch (mode.value) {
|
|
25424
|
+
case "single":
|
|
25425
|
+
return !isNullish(iv.value) && iv.value[valueProp.value] == option[valueProp.value];
|
|
25426
|
+
case "tags":
|
|
25427
|
+
case "multiple":
|
|
25428
|
+
return !isNullish(iv.value) && iv.value.map((o) => o[valueProp.value]).indexOf(option[valueProp.value]) !== -1;
|
|
25429
|
+
}
|
|
25430
|
+
};
|
|
25431
|
+
const isDisabled = (option) => {
|
|
25432
|
+
return option[disabledProp.value] === true;
|
|
25433
|
+
};
|
|
25434
|
+
const isMax = () => {
|
|
25435
|
+
if (max === void 0 || max.value === -1 || !hasSelected.value && max.value > 0) {
|
|
25436
|
+
return false;
|
|
25437
|
+
}
|
|
25438
|
+
return iv.value.length >= max.value;
|
|
25439
|
+
};
|
|
25440
|
+
const handleOptionClick = (option) => {
|
|
25441
|
+
if (isDisabled(option)) {
|
|
25442
|
+
return;
|
|
25443
|
+
}
|
|
25444
|
+
if (onCreate && onCreate.value && !isSelected(option) && option.__CREATE__) {
|
|
25445
|
+
option = { ...option };
|
|
25446
|
+
delete option.__CREATE__;
|
|
25447
|
+
option = onCreate.value(option, $this);
|
|
25448
|
+
if (option instanceof Promise) {
|
|
25449
|
+
resolving.value = true;
|
|
25450
|
+
option.then((result) => {
|
|
25451
|
+
resolving.value = false;
|
|
25452
|
+
handleOptionSelect(result);
|
|
25453
|
+
});
|
|
25454
|
+
return;
|
|
25455
|
+
}
|
|
25456
|
+
}
|
|
25457
|
+
handleOptionSelect(option);
|
|
25458
|
+
};
|
|
25459
|
+
const handleOptionSelect = (option) => {
|
|
25460
|
+
if (option.__CREATE__) {
|
|
25461
|
+
option = { ...option };
|
|
25462
|
+
delete option.__CREATE__;
|
|
25463
|
+
}
|
|
25464
|
+
switch (mode.value) {
|
|
25465
|
+
case "single":
|
|
25466
|
+
if (option && isSelected(option)) {
|
|
25467
|
+
if (canDeselect.value) {
|
|
25468
|
+
deselect(option);
|
|
25469
|
+
}
|
|
25470
|
+
return;
|
|
25471
|
+
}
|
|
25472
|
+
if (option) {
|
|
25473
|
+
handleOptionAppend(option);
|
|
25474
|
+
}
|
|
25475
|
+
if (clearOnSelect.value) {
|
|
25476
|
+
clearSearch();
|
|
25477
|
+
}
|
|
25478
|
+
if (closeOnSelect.value) {
|
|
25479
|
+
clearPointer();
|
|
25480
|
+
close();
|
|
25481
|
+
}
|
|
25482
|
+
if (option) {
|
|
25483
|
+
select(option);
|
|
25484
|
+
}
|
|
25485
|
+
break;
|
|
25486
|
+
case "multiple":
|
|
25487
|
+
if (option && isSelected(option)) {
|
|
25488
|
+
deselect(option);
|
|
25489
|
+
return;
|
|
25490
|
+
}
|
|
25491
|
+
if (isMax()) {
|
|
25492
|
+
return;
|
|
25493
|
+
}
|
|
25494
|
+
if (option) {
|
|
25495
|
+
handleOptionAppend(option);
|
|
25496
|
+
select(option);
|
|
25497
|
+
}
|
|
25498
|
+
if (clearOnSelect.value) {
|
|
25499
|
+
clearSearch();
|
|
25500
|
+
}
|
|
25501
|
+
if (hideSelected.value) {
|
|
25502
|
+
clearPointer();
|
|
25503
|
+
}
|
|
25504
|
+
if (closeOnSelect.value) {
|
|
25505
|
+
close();
|
|
25506
|
+
}
|
|
25507
|
+
break;
|
|
25508
|
+
case "tags":
|
|
25509
|
+
if (option && isSelected(option)) {
|
|
25510
|
+
deselect(option);
|
|
25511
|
+
return;
|
|
25512
|
+
}
|
|
25513
|
+
if (isMax()) {
|
|
25514
|
+
return;
|
|
25515
|
+
}
|
|
25516
|
+
if (option) {
|
|
25517
|
+
handleOptionAppend(option);
|
|
25518
|
+
}
|
|
25519
|
+
if (clearOnSelect.value) {
|
|
25520
|
+
clearSearch();
|
|
25521
|
+
}
|
|
25522
|
+
if (option) {
|
|
25523
|
+
select(option);
|
|
25524
|
+
}
|
|
25525
|
+
if (hideSelected.value) {
|
|
25526
|
+
clearPointer();
|
|
25527
|
+
}
|
|
25528
|
+
if (closeOnSelect.value) {
|
|
25529
|
+
close();
|
|
25530
|
+
}
|
|
25531
|
+
break;
|
|
25532
|
+
}
|
|
25533
|
+
if (!closeOnSelect.value) {
|
|
25534
|
+
focus();
|
|
25535
|
+
}
|
|
25536
|
+
};
|
|
25537
|
+
const handleGroupClick = (group) => {
|
|
25538
|
+
if (isDisabled(group) || mode.value === "single" || !groupSelect.value) {
|
|
25539
|
+
return;
|
|
25540
|
+
}
|
|
25541
|
+
switch (mode.value) {
|
|
25542
|
+
case "multiple":
|
|
25543
|
+
case "tags":
|
|
25544
|
+
if (areAllEnabledSelected(group[groupOptions.value])) {
|
|
25545
|
+
deselect(group[groupOptions.value]);
|
|
25546
|
+
} else {
|
|
25547
|
+
select(group[groupOptions.value].filter((o) => iv.value.map((v) => v[valueProp.value]).indexOf(o[valueProp.value]) === -1).filter((o) => !o[disabledProp.value]).filter((o, k2) => iv.value.length + 1 + k2 <= max.value || max.value === -1));
|
|
25548
|
+
}
|
|
25549
|
+
break;
|
|
25550
|
+
}
|
|
25551
|
+
if (closeOnSelect.value) {
|
|
25552
|
+
deactivate();
|
|
25553
|
+
}
|
|
25554
|
+
};
|
|
25555
|
+
const handleOptionAppend = (option) => {
|
|
25556
|
+
if (getOption(option[valueProp.value]) === void 0 && createOption.value) {
|
|
25557
|
+
context.emit("tag", option[valueProp.value], $this);
|
|
25558
|
+
context.emit("option", option[valueProp.value], $this);
|
|
25559
|
+
if (appendNewOption.value) {
|
|
25560
|
+
appendOption(option);
|
|
25561
|
+
}
|
|
25562
|
+
clearSearch();
|
|
25563
|
+
}
|
|
25564
|
+
};
|
|
25565
|
+
const selectAll = () => {
|
|
25566
|
+
if (mode.value === "single") {
|
|
25567
|
+
return;
|
|
25568
|
+
}
|
|
25569
|
+
select(fo.value);
|
|
25570
|
+
};
|
|
25571
|
+
const areAllEnabledSelected = (options2) => {
|
|
25572
|
+
return options2.find((o) => !isSelected(o) && !o[disabledProp.value]) === void 0;
|
|
25573
|
+
};
|
|
25574
|
+
const areAllSelected = (options2) => {
|
|
25575
|
+
return options2.find((o) => !isSelected(o)) === void 0;
|
|
25576
|
+
};
|
|
25577
|
+
const getOption = (val) => {
|
|
25578
|
+
return eo.value[eo.value.map((o) => String(o[valueProp.value])).indexOf(String(val))];
|
|
25579
|
+
};
|
|
25580
|
+
const getOptionByTrackBy = (val, norm = true) => {
|
|
25581
|
+
return eo.value.map((o) => parseInt(o[trackBy.value]) == o[trackBy.value] ? parseInt(o[trackBy.value]) : o[trackBy.value]).indexOf(parseInt(val) == val ? parseInt(val) : val);
|
|
25582
|
+
};
|
|
25583
|
+
const shouldHideOption = (option) => {
|
|
25584
|
+
return ["tags", "multiple"].indexOf(mode.value) !== -1 && hideSelected.value && isSelected(option);
|
|
25585
|
+
};
|
|
25586
|
+
const appendOption = (option) => {
|
|
25587
|
+
ap.value.push(option);
|
|
25588
|
+
};
|
|
25589
|
+
const filterGroups = (groups) => {
|
|
25590
|
+
return groupHideEmpty.value ? groups.filter((g) => search.value ? g.__VISIBLE__.length : g[groupOptions.value].length) : groups.filter((g) => search.value ? g.__VISIBLE__.length : true);
|
|
25591
|
+
};
|
|
25592
|
+
const filterOptions = (options2, excludeHideSelected = true) => {
|
|
25593
|
+
let fo2 = options2;
|
|
25594
|
+
if (search.value && filterResults.value) {
|
|
25595
|
+
fo2 = fo2.filter((option) => {
|
|
25596
|
+
return searchStart.value ? normalize(option[trackBy.value], strict.value).startsWith(normalize(search.value, strict.value)) : normalize(option[trackBy.value], strict.value).indexOf(normalize(search.value, strict.value)) !== -1;
|
|
25597
|
+
});
|
|
25598
|
+
}
|
|
25599
|
+
if (hideSelected.value && excludeHideSelected) {
|
|
25600
|
+
fo2 = fo2.filter((option) => !shouldHideOption(option));
|
|
25601
|
+
}
|
|
25602
|
+
return fo2;
|
|
25603
|
+
};
|
|
25604
|
+
const optionsToArray = (options2) => {
|
|
25605
|
+
let uo = options2;
|
|
25606
|
+
if (isObject(uo)) {
|
|
25607
|
+
uo = Object.keys(uo).map((key) => {
|
|
25608
|
+
let val = uo[key];
|
|
25609
|
+
return { [valueProp.value]: key, [trackBy.value]: val, [label.value]: val };
|
|
25610
|
+
});
|
|
25611
|
+
}
|
|
25612
|
+
uo = uo.map((val) => {
|
|
25613
|
+
return typeof val === "object" ? val : { [valueProp.value]: val, [trackBy.value]: val, [label.value]: val };
|
|
25614
|
+
});
|
|
25615
|
+
return uo;
|
|
25616
|
+
};
|
|
25617
|
+
const initInternalValue = () => {
|
|
25618
|
+
if (!isNullish(ev.value)) {
|
|
25619
|
+
iv.value = makeInternal(ev.value);
|
|
25620
|
+
}
|
|
25621
|
+
};
|
|
25622
|
+
const resolveOptions = (callback2) => {
|
|
25623
|
+
resolving.value = true;
|
|
25624
|
+
return new Promise((resolve2, reject) => {
|
|
25625
|
+
options.value(search.value, $this).then((response) => {
|
|
25626
|
+
ro.value = response || [];
|
|
25627
|
+
if (typeof callback2 == "function") {
|
|
25628
|
+
callback2(response);
|
|
25629
|
+
}
|
|
25630
|
+
resolving.value = false;
|
|
25631
|
+
}).catch((e2) => {
|
|
25632
|
+
console.error(e2);
|
|
25633
|
+
ro.value = [];
|
|
25634
|
+
resolving.value = false;
|
|
25635
|
+
}).finally(() => {
|
|
25636
|
+
resolve2();
|
|
25637
|
+
});
|
|
25638
|
+
});
|
|
25639
|
+
};
|
|
25640
|
+
const refreshLabels = () => {
|
|
25641
|
+
if (!hasSelected.value) {
|
|
25642
|
+
return;
|
|
25643
|
+
}
|
|
25644
|
+
if (mode.value === "single") {
|
|
25645
|
+
let option = getOption(iv.value[valueProp.value]);
|
|
25646
|
+
if (option !== void 0) {
|
|
25647
|
+
let newLabel = option[label.value];
|
|
25648
|
+
iv.value[label.value] = newLabel;
|
|
25649
|
+
if (object.value) {
|
|
25650
|
+
ev.value[label.value] = newLabel;
|
|
25651
|
+
}
|
|
25652
|
+
}
|
|
25653
|
+
} else {
|
|
25654
|
+
iv.value.forEach((val, i2) => {
|
|
25655
|
+
let option = getOption(iv.value[i2][valueProp.value]);
|
|
25656
|
+
if (option !== void 0) {
|
|
25657
|
+
let newLabel = option[label.value];
|
|
25658
|
+
iv.value[i2][label.value] = newLabel;
|
|
25659
|
+
if (object.value) {
|
|
25660
|
+
ev.value[i2][label.value] = newLabel;
|
|
25661
|
+
}
|
|
25662
|
+
}
|
|
25663
|
+
});
|
|
25664
|
+
}
|
|
25665
|
+
};
|
|
25666
|
+
const refreshOptions = (callback2) => {
|
|
25667
|
+
resolveOptions(callback2);
|
|
25668
|
+
};
|
|
25669
|
+
const makeInternal = (val) => {
|
|
25670
|
+
if (isNullish(val)) {
|
|
25671
|
+
return mode.value === "single" ? {} : [];
|
|
25672
|
+
}
|
|
25673
|
+
if (object.value) {
|
|
25674
|
+
return val;
|
|
25675
|
+
}
|
|
25676
|
+
return mode.value === "single" ? getOption(val) || {} : val.filter((v) => !!getOption(v)).map((v) => getOption(v));
|
|
25677
|
+
};
|
|
25678
|
+
const initSearchWatcher = () => {
|
|
25679
|
+
searchWatcher.value = watch(search, (query) => {
|
|
25680
|
+
if (query.length < minChars.value || !query && minChars.value !== 0) {
|
|
25681
|
+
return;
|
|
25682
|
+
}
|
|
25683
|
+
resolving.value = true;
|
|
25684
|
+
if (clearOnSearch.value) {
|
|
25685
|
+
ro.value = [];
|
|
25686
|
+
}
|
|
25687
|
+
setTimeout(() => {
|
|
25688
|
+
if (query != search.value) {
|
|
25689
|
+
return;
|
|
25690
|
+
}
|
|
25691
|
+
options.value(search.value, $this).then((response) => {
|
|
25692
|
+
if (query == search.value || !search.value) {
|
|
25693
|
+
ro.value = response;
|
|
25694
|
+
pointer.value = fo.value.filter((o) => o[disabledProp.value] !== true)[0] || null;
|
|
25695
|
+
resolving.value = false;
|
|
25696
|
+
}
|
|
25697
|
+
}).catch((e2) => {
|
|
25698
|
+
console.error(e2);
|
|
25699
|
+
});
|
|
25700
|
+
}, delay.value);
|
|
25701
|
+
}, { flush: "sync" });
|
|
25702
|
+
};
|
|
25703
|
+
if (mode.value !== "single" && !isNullish(ev.value) && !Array.isArray(ev.value)) {
|
|
25704
|
+
throw new Error(`v-model must be an array when using "${mode.value}" mode`);
|
|
25705
|
+
}
|
|
25706
|
+
if (options && typeof options.value == "function") {
|
|
25707
|
+
if (resolveOnLoad.value) {
|
|
25708
|
+
resolveOptions(initInternalValue);
|
|
25709
|
+
} else if (object.value == true) {
|
|
25710
|
+
initInternalValue();
|
|
25711
|
+
}
|
|
25712
|
+
} else {
|
|
25713
|
+
ro.value = options.value;
|
|
25714
|
+
initInternalValue();
|
|
25715
|
+
}
|
|
25716
|
+
if (delay.value > -1) {
|
|
25717
|
+
initSearchWatcher();
|
|
25718
|
+
}
|
|
25719
|
+
watch(delay, (value, old) => {
|
|
25720
|
+
if (searchWatcher.value) {
|
|
25721
|
+
searchWatcher.value();
|
|
25722
|
+
}
|
|
25723
|
+
if (value >= 0) {
|
|
25724
|
+
initSearchWatcher();
|
|
25725
|
+
}
|
|
25726
|
+
});
|
|
25727
|
+
watch(ev, (newValue) => {
|
|
25728
|
+
if (isNullish(newValue)) {
|
|
25729
|
+
iv.value = makeInternal(newValue);
|
|
25730
|
+
return;
|
|
25731
|
+
}
|
|
25732
|
+
switch (mode.value) {
|
|
25733
|
+
case "single":
|
|
25734
|
+
if (object.value ? newValue[valueProp.value] != iv.value[valueProp.value] : newValue != iv.value[valueProp.value]) {
|
|
25735
|
+
iv.value = makeInternal(newValue);
|
|
25736
|
+
}
|
|
25737
|
+
break;
|
|
25738
|
+
case "multiple":
|
|
25739
|
+
case "tags":
|
|
25740
|
+
if (!arraysEqual(object.value ? newValue.map((o) => o[valueProp.value]) : newValue, iv.value.map((o) => o[valueProp.value]))) {
|
|
25741
|
+
iv.value = makeInternal(newValue);
|
|
25742
|
+
}
|
|
25743
|
+
break;
|
|
25744
|
+
}
|
|
25745
|
+
}, { deep: true });
|
|
25746
|
+
watch(options, (n, o) => {
|
|
25747
|
+
if (typeof props.options === "function") {
|
|
25748
|
+
if (resolveOnLoad.value && (!o || n && n.toString() !== o.toString())) {
|
|
25749
|
+
resolveOptions();
|
|
25750
|
+
}
|
|
25751
|
+
} else {
|
|
25752
|
+
ro.value = props.options;
|
|
25753
|
+
if (!Object.keys(iv.value).length) {
|
|
25754
|
+
initInternalValue();
|
|
25755
|
+
}
|
|
25756
|
+
refreshLabels();
|
|
25757
|
+
}
|
|
25758
|
+
});
|
|
25759
|
+
watch(label, refreshLabels);
|
|
25760
|
+
return {
|
|
25761
|
+
pfo,
|
|
25762
|
+
fo,
|
|
25763
|
+
filteredOptions: fo,
|
|
25764
|
+
hasSelected,
|
|
25765
|
+
multipleLabelText,
|
|
25766
|
+
eo,
|
|
25767
|
+
extendedOptions: eo,
|
|
25768
|
+
fg,
|
|
25769
|
+
filteredGroups: fg,
|
|
25770
|
+
noOptions,
|
|
25771
|
+
noResults,
|
|
25772
|
+
resolving,
|
|
25773
|
+
busy,
|
|
25774
|
+
offset,
|
|
25775
|
+
select,
|
|
25776
|
+
deselect,
|
|
25777
|
+
remove,
|
|
25778
|
+
selectAll,
|
|
25779
|
+
clear,
|
|
25780
|
+
isSelected,
|
|
25781
|
+
isDisabled,
|
|
25782
|
+
isMax,
|
|
25783
|
+
getOption,
|
|
25784
|
+
handleOptionClick,
|
|
25785
|
+
handleGroupClick,
|
|
25786
|
+
handleTagRemove,
|
|
25787
|
+
refreshOptions,
|
|
25788
|
+
resolveOptions,
|
|
25789
|
+
refreshLabels
|
|
25790
|
+
};
|
|
25791
|
+
}
|
|
25792
|
+
function usePointer(props, context, dep) {
|
|
25793
|
+
const {
|
|
25794
|
+
valueProp,
|
|
25795
|
+
showOptions,
|
|
25796
|
+
searchable,
|
|
25797
|
+
groupLabel,
|
|
25798
|
+
groups: groupped,
|
|
25799
|
+
mode,
|
|
25800
|
+
groupSelect,
|
|
25801
|
+
disabledProp
|
|
25802
|
+
} = toRefs(props);
|
|
25803
|
+
const fo = dep.fo;
|
|
25804
|
+
const fg = dep.fg;
|
|
25805
|
+
const handleOptionClick = dep.handleOptionClick;
|
|
25806
|
+
const handleGroupClick = dep.handleGroupClick;
|
|
25807
|
+
const search = dep.search;
|
|
25808
|
+
const pointer = dep.pointer;
|
|
25809
|
+
const setPointer = dep.setPointer;
|
|
25810
|
+
const clearPointer = dep.clearPointer;
|
|
25811
|
+
const multiselect = dep.multiselect;
|
|
25812
|
+
const isOpen = dep.isOpen;
|
|
25813
|
+
const options = computed(() => {
|
|
25814
|
+
return fo.value.filter((o) => !o[disabledProp.value]);
|
|
25815
|
+
});
|
|
25816
|
+
const groups = computed(() => {
|
|
25817
|
+
return fg.value.filter((o) => !o[disabledProp.value]);
|
|
25818
|
+
});
|
|
25819
|
+
const canPointGroups = computed(() => {
|
|
25820
|
+
return mode.value !== "single" && groupSelect.value;
|
|
25821
|
+
});
|
|
25822
|
+
const isPointerGroup = computed(() => {
|
|
25823
|
+
return pointer.value && pointer.value.group;
|
|
25824
|
+
});
|
|
25825
|
+
const currentGroup = computed(() => {
|
|
25826
|
+
return getParentGroup(pointer.value);
|
|
25827
|
+
});
|
|
25828
|
+
const prevGroup = computed(() => {
|
|
25829
|
+
const group = isPointerGroup.value ? pointer.value : getParentGroup(pointer.value);
|
|
25830
|
+
const groupIndex = groups.value.map((g) => g[groupLabel.value]).indexOf(group[groupLabel.value]);
|
|
25831
|
+
let prevGroup2 = groups.value[groupIndex - 1];
|
|
25832
|
+
if (prevGroup2 === void 0) {
|
|
25833
|
+
prevGroup2 = lastGroup.value;
|
|
25834
|
+
}
|
|
25835
|
+
return prevGroup2;
|
|
25836
|
+
});
|
|
25837
|
+
const nextGroup = computed(() => {
|
|
25838
|
+
let nextIndex = groups.value.map((g) => g.label).indexOf(isPointerGroup.value ? pointer.value[groupLabel.value] : getParentGroup(pointer.value)[groupLabel.value]) + 1;
|
|
25839
|
+
if (groups.value.length <= nextIndex) {
|
|
25840
|
+
nextIndex = 0;
|
|
25841
|
+
}
|
|
25842
|
+
return groups.value[nextIndex];
|
|
25843
|
+
});
|
|
25844
|
+
const lastGroup = computed(() => {
|
|
25845
|
+
return [...groups.value].slice(-1)[0];
|
|
25846
|
+
});
|
|
25847
|
+
const currentGroupFirstEnabledOption = computed(() => {
|
|
25848
|
+
return pointer.value.__VISIBLE__.filter((o) => !o[disabledProp.value])[0];
|
|
25849
|
+
});
|
|
25850
|
+
const currentGroupPrevEnabledOption = computed(() => {
|
|
25851
|
+
const options2 = currentGroup.value.__VISIBLE__.filter((o) => !o[disabledProp.value]);
|
|
25852
|
+
return options2[options2.map((o) => o[valueProp.value]).indexOf(pointer.value[valueProp.value]) - 1];
|
|
25853
|
+
});
|
|
25854
|
+
const currentGroupNextEnabledOption = computed(() => {
|
|
25855
|
+
const options2 = getParentGroup(pointer.value).__VISIBLE__.filter((o) => !o[disabledProp.value]);
|
|
25856
|
+
return options2[options2.map((o) => o[valueProp.value]).indexOf(pointer.value[valueProp.value]) + 1];
|
|
25857
|
+
});
|
|
25858
|
+
const prevGroupLastEnabledOption = computed(() => {
|
|
25859
|
+
return [...prevGroup.value.__VISIBLE__.filter((o) => !o[disabledProp.value])].slice(-1)[0];
|
|
25860
|
+
});
|
|
25861
|
+
const lastGroupLastEnabledOption = computed(() => {
|
|
25862
|
+
return [...lastGroup.value.__VISIBLE__.filter((o) => !o[disabledProp.value])].slice(-1)[0];
|
|
25863
|
+
});
|
|
25864
|
+
const isPointed = (option) => {
|
|
25865
|
+
return !!pointer.value && (!option.group && pointer.value[valueProp.value] == option[valueProp.value] || option.group !== void 0 && pointer.value[groupLabel.value] == option[groupLabel.value]) ? true : void 0;
|
|
25866
|
+
};
|
|
25867
|
+
const setPointerFirst = () => {
|
|
25868
|
+
setPointer(options.value[0] || null);
|
|
25869
|
+
};
|
|
25870
|
+
const selectPointer = () => {
|
|
25871
|
+
if (!pointer.value || pointer.value[disabledProp.value] === true) {
|
|
25872
|
+
return;
|
|
25873
|
+
}
|
|
25874
|
+
if (isPointerGroup.value) {
|
|
25875
|
+
handleGroupClick(pointer.value);
|
|
25876
|
+
} else {
|
|
25877
|
+
handleOptionClick(pointer.value);
|
|
25878
|
+
}
|
|
25879
|
+
};
|
|
25880
|
+
const forwardPointer = () => {
|
|
25881
|
+
if (pointer.value === null) {
|
|
25882
|
+
setPointer((groupped.value && canPointGroups.value ? groups.value[0] : options.value[0]) || null);
|
|
25883
|
+
} else if (groupped.value && canPointGroups.value) {
|
|
25884
|
+
let nextPointer = isPointerGroup.value ? currentGroupFirstEnabledOption.value : currentGroupNextEnabledOption.value;
|
|
25885
|
+
if (nextPointer === void 0) {
|
|
25886
|
+
nextPointer = nextGroup.value;
|
|
25887
|
+
}
|
|
25888
|
+
setPointer(nextPointer || null);
|
|
25889
|
+
} else {
|
|
25890
|
+
let next = options.value.map((o) => o[valueProp.value]).indexOf(pointer.value[valueProp.value]) + 1;
|
|
25891
|
+
if (options.value.length <= next) {
|
|
25892
|
+
next = 0;
|
|
25893
|
+
}
|
|
25894
|
+
setPointer(options.value[next] || null);
|
|
25895
|
+
}
|
|
25896
|
+
nextTick(() => {
|
|
25897
|
+
adjustWrapperScrollToPointer();
|
|
25898
|
+
});
|
|
25899
|
+
};
|
|
25900
|
+
const backwardPointer = () => {
|
|
25901
|
+
if (pointer.value === null) {
|
|
25902
|
+
let prevPointer = options.value[options.value.length - 1];
|
|
25903
|
+
if (groupped.value && canPointGroups.value) {
|
|
25904
|
+
prevPointer = lastGroupLastEnabledOption.value;
|
|
25905
|
+
if (prevPointer === void 0) {
|
|
25906
|
+
prevPointer = lastGroup.value;
|
|
25907
|
+
}
|
|
25908
|
+
}
|
|
25909
|
+
setPointer(prevPointer || null);
|
|
25910
|
+
} else if (groupped.value && canPointGroups.value) {
|
|
25911
|
+
let prevPointer = isPointerGroup.value ? prevGroupLastEnabledOption.value : currentGroupPrevEnabledOption.value;
|
|
25912
|
+
if (prevPointer === void 0) {
|
|
25913
|
+
prevPointer = isPointerGroup.value ? prevGroup.value : currentGroup.value;
|
|
25914
|
+
}
|
|
25915
|
+
setPointer(prevPointer || null);
|
|
25916
|
+
} else {
|
|
25917
|
+
let prevIndex = options.value.map((o) => o[valueProp.value]).indexOf(pointer.value[valueProp.value]) - 1;
|
|
25918
|
+
if (prevIndex < 0) {
|
|
25919
|
+
prevIndex = options.value.length - 1;
|
|
25920
|
+
}
|
|
25921
|
+
setPointer(options.value[prevIndex] || null);
|
|
25922
|
+
}
|
|
25923
|
+
nextTick(() => {
|
|
25924
|
+
adjustWrapperScrollToPointer();
|
|
25925
|
+
});
|
|
25926
|
+
};
|
|
25927
|
+
const getParentGroup = (option) => {
|
|
25928
|
+
return groups.value.find((group) => {
|
|
25929
|
+
return group.__VISIBLE__.map((o) => o[valueProp.value]).indexOf(option[valueProp.value]) !== -1;
|
|
25930
|
+
});
|
|
25931
|
+
};
|
|
25932
|
+
const adjustWrapperScrollToPointer = () => {
|
|
25933
|
+
let pointedOption = multiselect.value.querySelector(`[data-pointed]`);
|
|
25934
|
+
if (!pointedOption) {
|
|
25935
|
+
return;
|
|
25936
|
+
}
|
|
25937
|
+
let wrapper = pointedOption.parentElement.parentElement;
|
|
25938
|
+
if (groupped.value) {
|
|
25939
|
+
wrapper = isPointerGroup.value ? pointedOption.parentElement.parentElement.parentElement : pointedOption.parentElement.parentElement.parentElement.parentElement;
|
|
25940
|
+
}
|
|
25941
|
+
if (pointedOption.offsetTop + pointedOption.offsetHeight > wrapper.clientHeight + wrapper.scrollTop) {
|
|
25942
|
+
wrapper.scrollTop = pointedOption.offsetTop + pointedOption.offsetHeight - wrapper.clientHeight;
|
|
25943
|
+
}
|
|
25944
|
+
if (pointedOption.offsetTop < wrapper.scrollTop) {
|
|
25945
|
+
wrapper.scrollTop = pointedOption.offsetTop;
|
|
25946
|
+
}
|
|
25947
|
+
};
|
|
25948
|
+
watch(search, (val) => {
|
|
25949
|
+
if (searchable.value) {
|
|
25950
|
+
if (val.length && showOptions.value) {
|
|
25951
|
+
setPointerFirst();
|
|
25952
|
+
} else {
|
|
25953
|
+
clearPointer();
|
|
25954
|
+
}
|
|
25955
|
+
}
|
|
25956
|
+
});
|
|
25957
|
+
watch(isOpen, (val) => {
|
|
25958
|
+
if (val) {
|
|
25959
|
+
let firstSelected = multiselect.value.querySelectorAll(`[data-selected]`)[0];
|
|
25960
|
+
if (!firstSelected) {
|
|
25961
|
+
return;
|
|
25962
|
+
}
|
|
25963
|
+
let wrapper = firstSelected.parentElement.parentElement;
|
|
25964
|
+
nextTick(() => {
|
|
25965
|
+
if (wrapper.scrollTop > 0) {
|
|
25966
|
+
return;
|
|
25967
|
+
}
|
|
25968
|
+
wrapper.scrollTop = firstSelected.offsetTop;
|
|
25969
|
+
});
|
|
25970
|
+
}
|
|
25971
|
+
});
|
|
25972
|
+
return {
|
|
25973
|
+
pointer,
|
|
25974
|
+
canPointGroups,
|
|
25975
|
+
isPointed,
|
|
25976
|
+
setPointerFirst,
|
|
25977
|
+
selectPointer,
|
|
25978
|
+
forwardPointer,
|
|
25979
|
+
backwardPointer
|
|
25980
|
+
};
|
|
25981
|
+
}
|
|
25982
|
+
function useDropdown(props, context, dep) {
|
|
25983
|
+
const { disabled } = toRefs(props);
|
|
25984
|
+
const $this = getCurrentInstance().proxy;
|
|
25985
|
+
const isOpen = ref(false);
|
|
25986
|
+
const open = () => {
|
|
25987
|
+
if (isOpen.value || disabled.value) {
|
|
25988
|
+
return;
|
|
25989
|
+
}
|
|
25990
|
+
isOpen.value = true;
|
|
25991
|
+
context.emit("open", $this);
|
|
25992
|
+
};
|
|
25993
|
+
const close = () => {
|
|
25994
|
+
if (!isOpen.value) {
|
|
25995
|
+
return;
|
|
25996
|
+
}
|
|
25997
|
+
isOpen.value = false;
|
|
25998
|
+
context.emit("close", $this);
|
|
25999
|
+
};
|
|
26000
|
+
return {
|
|
26001
|
+
isOpen,
|
|
26002
|
+
open,
|
|
26003
|
+
close
|
|
26004
|
+
};
|
|
26005
|
+
}
|
|
26006
|
+
function useMultiselect(props, context, dep) {
|
|
26007
|
+
const { searchable, disabled } = toRefs(props);
|
|
26008
|
+
const input = dep.input;
|
|
26009
|
+
const open = dep.open;
|
|
26010
|
+
const close = dep.close;
|
|
26011
|
+
const clearSearch = dep.clearSearch;
|
|
26012
|
+
const isOpen = dep.isOpen;
|
|
26013
|
+
const multiselect = ref(null);
|
|
26014
|
+
const wrapper = ref(null);
|
|
26015
|
+
const tags = ref(null);
|
|
26016
|
+
const isActive = ref(false);
|
|
26017
|
+
const mouseClicked = ref(false);
|
|
26018
|
+
const tabindex = computed(() => {
|
|
26019
|
+
return searchable.value || disabled.value ? -1 : 0;
|
|
26020
|
+
});
|
|
26021
|
+
const blur = () => {
|
|
26022
|
+
if (searchable.value) {
|
|
26023
|
+
input.value.blur();
|
|
26024
|
+
}
|
|
26025
|
+
wrapper.value.blur();
|
|
26026
|
+
};
|
|
26027
|
+
const focus = () => {
|
|
26028
|
+
if (searchable.value && !disabled.value) {
|
|
26029
|
+
input.value.focus();
|
|
26030
|
+
}
|
|
26031
|
+
};
|
|
26032
|
+
const activate = (shouldOpen = true) => {
|
|
26033
|
+
if (disabled.value) {
|
|
26034
|
+
return;
|
|
26035
|
+
}
|
|
26036
|
+
isActive.value = true;
|
|
26037
|
+
if (shouldOpen) {
|
|
26038
|
+
open();
|
|
26039
|
+
}
|
|
26040
|
+
};
|
|
26041
|
+
const deactivate = () => {
|
|
26042
|
+
isActive.value = false;
|
|
26043
|
+
setTimeout(() => {
|
|
26044
|
+
if (!isActive.value) {
|
|
26045
|
+
close();
|
|
26046
|
+
clearSearch();
|
|
26047
|
+
}
|
|
26048
|
+
}, 1);
|
|
26049
|
+
};
|
|
26050
|
+
const handleFocusIn = (e2) => {
|
|
26051
|
+
if (e2.target.closest("[data-tags]") || e2.target.closest("[data-clear]")) {
|
|
26052
|
+
return;
|
|
26053
|
+
}
|
|
26054
|
+
activate(mouseClicked.value);
|
|
26055
|
+
};
|
|
26056
|
+
const handleFocusOut = () => {
|
|
26057
|
+
deactivate();
|
|
26058
|
+
};
|
|
26059
|
+
const handleCaretClick = () => {
|
|
26060
|
+
deactivate();
|
|
26061
|
+
blur();
|
|
26062
|
+
};
|
|
26063
|
+
const handleMousedown = (e2) => {
|
|
26064
|
+
mouseClicked.value = true;
|
|
26065
|
+
if (isOpen.value && (e2.target.isEqualNode(wrapper.value) || e2.target.isEqualNode(tags.value))) {
|
|
26066
|
+
setTimeout(() => {
|
|
26067
|
+
deactivate();
|
|
26068
|
+
}, 0);
|
|
26069
|
+
} else if (document.activeElement.isEqualNode(wrapper.value) && !isOpen.value) {
|
|
26070
|
+
console.log(e2.target.closest("[data-tags]"));
|
|
26071
|
+
activate();
|
|
26072
|
+
}
|
|
26073
|
+
setTimeout(() => {
|
|
26074
|
+
mouseClicked.value = false;
|
|
26075
|
+
}, 0);
|
|
26076
|
+
};
|
|
26077
|
+
return {
|
|
26078
|
+
multiselect,
|
|
26079
|
+
wrapper,
|
|
26080
|
+
tags,
|
|
26081
|
+
tabindex,
|
|
26082
|
+
isActive,
|
|
26083
|
+
mouseClicked,
|
|
26084
|
+
blur,
|
|
26085
|
+
focus,
|
|
26086
|
+
activate,
|
|
26087
|
+
deactivate,
|
|
26088
|
+
handleFocusIn,
|
|
26089
|
+
handleFocusOut,
|
|
26090
|
+
handleCaretClick,
|
|
26091
|
+
handleMousedown
|
|
26092
|
+
};
|
|
26093
|
+
}
|
|
26094
|
+
function useKeyboard(props, context, dep) {
|
|
26095
|
+
const {
|
|
26096
|
+
mode,
|
|
26097
|
+
addTagOn,
|
|
26098
|
+
openDirection,
|
|
26099
|
+
searchable,
|
|
26100
|
+
showOptions,
|
|
26101
|
+
valueProp,
|
|
26102
|
+
groups: groupped,
|
|
26103
|
+
addOptionOn: addOptionOn_,
|
|
26104
|
+
createTag,
|
|
26105
|
+
createOption: createOption_,
|
|
26106
|
+
reverse
|
|
26107
|
+
} = toRefs(props);
|
|
26108
|
+
const $this = getCurrentInstance().proxy;
|
|
26109
|
+
const iv = dep.iv;
|
|
26110
|
+
const update = dep.update;
|
|
26111
|
+
const search = dep.search;
|
|
26112
|
+
const setPointer = dep.setPointer;
|
|
26113
|
+
const selectPointer = dep.selectPointer;
|
|
26114
|
+
const backwardPointer = dep.backwardPointer;
|
|
26115
|
+
const forwardPointer = dep.forwardPointer;
|
|
26116
|
+
const multiselect = dep.multiselect;
|
|
26117
|
+
const wrapper = dep.wrapper;
|
|
26118
|
+
const tags = dep.tags;
|
|
26119
|
+
const isOpen = dep.isOpen;
|
|
26120
|
+
const open = dep.open;
|
|
26121
|
+
const blur = dep.blur;
|
|
26122
|
+
const fo = dep.fo;
|
|
26123
|
+
const createOption = computed(() => {
|
|
26124
|
+
return createTag.value || createOption_.value || false;
|
|
26125
|
+
});
|
|
26126
|
+
const addOptionOn = computed(() => {
|
|
26127
|
+
if (addTagOn.value !== void 0) {
|
|
26128
|
+
return addTagOn.value;
|
|
26129
|
+
} else if (addOptionOn_.value !== void 0) {
|
|
26130
|
+
return addOptionOn_.value;
|
|
26131
|
+
}
|
|
26132
|
+
return ["enter"];
|
|
26133
|
+
});
|
|
26134
|
+
const preparePointer = () => {
|
|
26135
|
+
if (mode.value === "tags" && !showOptions.value && createOption.value && searchable.value && !groupped.value) {
|
|
26136
|
+
setPointer(fo.value[fo.value.map((o) => o[valueProp.value]).indexOf(search.value)]);
|
|
26137
|
+
}
|
|
26138
|
+
};
|
|
26139
|
+
const handleKeydown = (e2) => {
|
|
26140
|
+
context.emit("keydown", e2, $this);
|
|
26141
|
+
let tagList;
|
|
26142
|
+
let activeIndex;
|
|
26143
|
+
if (["ArrowLeft", "ArrowRight", "Enter"].indexOf(e2.key) !== -1 && mode.value === "tags") {
|
|
26144
|
+
tagList = [...multiselect.value.querySelectorAll(`[data-tags] > *`)].filter((e3) => e3 !== tags.value);
|
|
26145
|
+
activeIndex = tagList.findIndex((e3) => e3 === document.activeElement);
|
|
26146
|
+
}
|
|
26147
|
+
switch (e2.key) {
|
|
26148
|
+
case "Backspace":
|
|
26149
|
+
if (mode.value === "single") {
|
|
26150
|
+
return;
|
|
26151
|
+
}
|
|
26152
|
+
if (searchable.value && [null, ""].indexOf(search.value) === -1) {
|
|
26153
|
+
return;
|
|
26154
|
+
}
|
|
26155
|
+
if (iv.value.length === 0) {
|
|
26156
|
+
return;
|
|
26157
|
+
}
|
|
26158
|
+
update([...iv.value].slice(0, -1));
|
|
26159
|
+
break;
|
|
26160
|
+
case "Enter":
|
|
26161
|
+
e2.preventDefault();
|
|
26162
|
+
if (e2.keyCode === 229) {
|
|
26163
|
+
return;
|
|
26164
|
+
}
|
|
26165
|
+
if (activeIndex !== -1 && activeIndex !== void 0) {
|
|
26166
|
+
update([...iv.value].filter((v, k2) => k2 !== activeIndex));
|
|
26167
|
+
if (activeIndex === tagList.length - 1) {
|
|
26168
|
+
if (tagList.length - 1) {
|
|
26169
|
+
tagList[tagList.length - 2].focus();
|
|
26170
|
+
} else if (searchable.value) {
|
|
26171
|
+
tags.value.querySelector("input").focus();
|
|
26172
|
+
} else {
|
|
26173
|
+
wrapper.value.focus();
|
|
26174
|
+
}
|
|
26175
|
+
}
|
|
26176
|
+
return;
|
|
26177
|
+
}
|
|
26178
|
+
if (addOptionOn.value.indexOf("enter") === -1 && createOption.value) {
|
|
26179
|
+
return;
|
|
26180
|
+
}
|
|
26181
|
+
preparePointer();
|
|
26182
|
+
selectPointer();
|
|
26183
|
+
break;
|
|
26184
|
+
case " ":
|
|
26185
|
+
if (!createOption.value && !searchable.value) {
|
|
26186
|
+
e2.preventDefault();
|
|
26187
|
+
preparePointer();
|
|
26188
|
+
selectPointer();
|
|
26189
|
+
return;
|
|
26190
|
+
}
|
|
26191
|
+
if (!createOption.value) {
|
|
26192
|
+
return false;
|
|
26193
|
+
}
|
|
26194
|
+
if (addOptionOn.value.indexOf("space") === -1 && createOption.value) {
|
|
26195
|
+
return;
|
|
26196
|
+
}
|
|
26197
|
+
e2.preventDefault();
|
|
26198
|
+
preparePointer();
|
|
26199
|
+
selectPointer();
|
|
26200
|
+
break;
|
|
26201
|
+
case "Tab":
|
|
26202
|
+
case ";":
|
|
26203
|
+
case ",":
|
|
26204
|
+
if (addOptionOn.value.indexOf(e2.key.toLowerCase()) === -1 || !createOption.value) {
|
|
26205
|
+
return;
|
|
26206
|
+
}
|
|
26207
|
+
preparePointer();
|
|
26208
|
+
selectPointer();
|
|
26209
|
+
e2.preventDefault();
|
|
26210
|
+
break;
|
|
26211
|
+
case "Escape":
|
|
26212
|
+
blur();
|
|
26213
|
+
break;
|
|
26214
|
+
case "ArrowUp":
|
|
26215
|
+
e2.preventDefault();
|
|
26216
|
+
if (!showOptions.value) {
|
|
26217
|
+
return;
|
|
26218
|
+
}
|
|
26219
|
+
if (!isOpen.value) {
|
|
26220
|
+
open();
|
|
26221
|
+
}
|
|
26222
|
+
backwardPointer();
|
|
26223
|
+
break;
|
|
26224
|
+
case "ArrowDown":
|
|
26225
|
+
e2.preventDefault();
|
|
26226
|
+
if (!showOptions.value) {
|
|
26227
|
+
return;
|
|
26228
|
+
}
|
|
26229
|
+
if (!isOpen.value) {
|
|
26230
|
+
open();
|
|
26231
|
+
}
|
|
26232
|
+
forwardPointer();
|
|
26233
|
+
break;
|
|
26234
|
+
case "ArrowLeft":
|
|
26235
|
+
if (searchable.value && tags.value && tags.value.querySelector("input").selectionStart || e2.shiftKey || mode.value !== "tags" || !iv.value || !iv.value.length) {
|
|
26236
|
+
return;
|
|
26237
|
+
}
|
|
26238
|
+
e2.preventDefault();
|
|
26239
|
+
if (activeIndex === -1) {
|
|
26240
|
+
tagList[tagList.length - 1].focus();
|
|
26241
|
+
} else if (activeIndex > 0) {
|
|
26242
|
+
tagList[activeIndex - 1].focus();
|
|
26243
|
+
}
|
|
26244
|
+
break;
|
|
26245
|
+
case "ArrowRight":
|
|
26246
|
+
if (activeIndex === -1 || e2.shiftKey || mode.value !== "tags" || !iv.value || !iv.value.length) {
|
|
26247
|
+
return;
|
|
26248
|
+
}
|
|
26249
|
+
e2.preventDefault();
|
|
26250
|
+
if (tagList.length > activeIndex + 1) {
|
|
26251
|
+
tagList[activeIndex + 1].focus();
|
|
26252
|
+
} else if (searchable.value) {
|
|
26253
|
+
tags.value.querySelector("input").focus();
|
|
26254
|
+
} else if (!searchable.value) {
|
|
26255
|
+
wrapper.value.focus();
|
|
26256
|
+
}
|
|
26257
|
+
break;
|
|
26258
|
+
}
|
|
26259
|
+
};
|
|
26260
|
+
const handleKeyup = (e2) => {
|
|
26261
|
+
context.emit("keyup", e2, $this);
|
|
26262
|
+
};
|
|
26263
|
+
return {
|
|
26264
|
+
handleKeydown,
|
|
26265
|
+
handleKeyup,
|
|
26266
|
+
preparePointer
|
|
26267
|
+
};
|
|
26268
|
+
}
|
|
26269
|
+
function useClasses(props, context, dependencies) {
|
|
26270
|
+
const {
|
|
26271
|
+
classes: classes_,
|
|
26272
|
+
disabled,
|
|
26273
|
+
openDirection,
|
|
26274
|
+
showOptions
|
|
26275
|
+
} = toRefs(props);
|
|
26276
|
+
const isOpen = dependencies.isOpen;
|
|
26277
|
+
const isPointed = dependencies.isPointed;
|
|
26278
|
+
const isSelected = dependencies.isSelected;
|
|
26279
|
+
const isDisabled = dependencies.isDisabled;
|
|
26280
|
+
const isActive = dependencies.isActive;
|
|
26281
|
+
const canPointGroups = dependencies.canPointGroups;
|
|
26282
|
+
const resolving = dependencies.resolving;
|
|
26283
|
+
const fo = dependencies.fo;
|
|
26284
|
+
const classes = computed(() => ({
|
|
26285
|
+
container: "multiselect",
|
|
26286
|
+
containerDisabled: "is-disabled",
|
|
26287
|
+
containerOpen: "is-open",
|
|
26288
|
+
containerOpenTop: "is-open-top",
|
|
26289
|
+
containerActive: "is-active",
|
|
26290
|
+
wrapper: "multiselect-wrapper",
|
|
26291
|
+
singleLabel: "multiselect-single-label",
|
|
26292
|
+
singleLabelText: "multiselect-single-label-text",
|
|
26293
|
+
multipleLabel: "multiselect-multiple-label",
|
|
26294
|
+
search: "multiselect-search",
|
|
26295
|
+
tags: "multiselect-tags",
|
|
26296
|
+
tag: "multiselect-tag",
|
|
26297
|
+
tagDisabled: "is-disabled",
|
|
26298
|
+
tagRemove: "multiselect-tag-remove",
|
|
26299
|
+
tagRemoveIcon: "multiselect-tag-remove-icon",
|
|
26300
|
+
tagsSearchWrapper: "multiselect-tags-search-wrapper",
|
|
26301
|
+
tagsSearch: "multiselect-tags-search",
|
|
26302
|
+
tagsSearchCopy: "multiselect-tags-search-copy",
|
|
26303
|
+
placeholder: "multiselect-placeholder",
|
|
26304
|
+
caret: "multiselect-caret",
|
|
26305
|
+
caretOpen: "is-open",
|
|
26306
|
+
clear: "multiselect-clear",
|
|
26307
|
+
clearIcon: "multiselect-clear-icon",
|
|
26308
|
+
spinner: "multiselect-spinner",
|
|
26309
|
+
inifinite: "multiselect-inifite",
|
|
26310
|
+
inifiniteSpinner: "multiselect-inifite-spinner",
|
|
26311
|
+
dropdown: "multiselect-dropdown",
|
|
26312
|
+
dropdownTop: "is-top",
|
|
26313
|
+
dropdownHidden: "is-hidden",
|
|
26314
|
+
options: "multiselect-options",
|
|
26315
|
+
optionsTop: "is-top",
|
|
26316
|
+
group: "multiselect-group",
|
|
26317
|
+
groupLabel: "multiselect-group-label",
|
|
26318
|
+
groupLabelPointable: "is-pointable",
|
|
26319
|
+
groupLabelPointed: "is-pointed",
|
|
26320
|
+
groupLabelSelected: "is-selected",
|
|
26321
|
+
groupLabelDisabled: "is-disabled",
|
|
26322
|
+
groupLabelSelectedPointed: "is-selected is-pointed",
|
|
26323
|
+
groupLabelSelectedDisabled: "is-selected is-disabled",
|
|
26324
|
+
groupOptions: "multiselect-group-options",
|
|
26325
|
+
option: "multiselect-option",
|
|
26326
|
+
optionPointed: "is-pointed",
|
|
26327
|
+
optionSelected: "is-selected",
|
|
26328
|
+
optionDisabled: "is-disabled",
|
|
26329
|
+
optionSelectedPointed: "is-selected is-pointed",
|
|
26330
|
+
optionSelectedDisabled: "is-selected is-disabled",
|
|
26331
|
+
noOptions: "multiselect-no-options",
|
|
26332
|
+
noResults: "multiselect-no-results",
|
|
26333
|
+
fakeInput: "multiselect-fake-input",
|
|
26334
|
+
assist: "multiselect-assistive-text",
|
|
26335
|
+
spacer: "multiselect-spacer",
|
|
26336
|
+
...classes_.value
|
|
26337
|
+
}));
|
|
26338
|
+
const showDropdown = computed(() => {
|
|
26339
|
+
return !!(isOpen.value && showOptions.value && (!resolving.value || resolving.value && fo.value.length));
|
|
26340
|
+
});
|
|
26341
|
+
const classList = computed(() => {
|
|
26342
|
+
const c2 = classes.value;
|
|
26343
|
+
return {
|
|
26344
|
+
container: [c2.container].concat(disabled.value ? c2.containerDisabled : []).concat(showDropdown.value && openDirection.value === "top" ? c2.containerOpenTop : []).concat(showDropdown.value && openDirection.value !== "top" ? c2.containerOpen : []).concat(isActive.value ? c2.containerActive : []),
|
|
26345
|
+
wrapper: c2.wrapper,
|
|
26346
|
+
spacer: c2.spacer,
|
|
26347
|
+
singleLabel: c2.singleLabel,
|
|
26348
|
+
singleLabelText: c2.singleLabelText,
|
|
26349
|
+
multipleLabel: c2.multipleLabel,
|
|
26350
|
+
search: c2.search,
|
|
26351
|
+
tags: c2.tags,
|
|
26352
|
+
tag: [c2.tag].concat(disabled.value ? c2.tagDisabled : []),
|
|
26353
|
+
tagRemove: c2.tagRemove,
|
|
26354
|
+
tagRemoveIcon: c2.tagRemoveIcon,
|
|
26355
|
+
tagsSearchWrapper: c2.tagsSearchWrapper,
|
|
26356
|
+
tagsSearch: c2.tagsSearch,
|
|
26357
|
+
tagsSearchCopy: c2.tagsSearchCopy,
|
|
26358
|
+
placeholder: c2.placeholder,
|
|
26359
|
+
caret: [c2.caret].concat(isOpen.value ? c2.caretOpen : []),
|
|
26360
|
+
clear: c2.clear,
|
|
26361
|
+
clearIcon: c2.clearIcon,
|
|
26362
|
+
spinner: c2.spinner,
|
|
26363
|
+
inifinite: c2.inifinite,
|
|
26364
|
+
inifiniteSpinner: c2.inifiniteSpinner,
|
|
26365
|
+
dropdown: [c2.dropdown].concat(openDirection.value === "top" ? c2.dropdownTop : []).concat(!isOpen.value || !showOptions.value || !showDropdown.value ? c2.dropdownHidden : []),
|
|
26366
|
+
options: [c2.options].concat(openDirection.value === "top" ? c2.optionsTop : []),
|
|
26367
|
+
group: c2.group,
|
|
26368
|
+
groupLabel: (g) => {
|
|
26369
|
+
let groupLabel = [c2.groupLabel];
|
|
26370
|
+
if (isPointed(g)) {
|
|
26371
|
+
groupLabel.push(isSelected(g) ? c2.groupLabelSelectedPointed : c2.groupLabelPointed);
|
|
26372
|
+
} else if (isSelected(g) && canPointGroups.value) {
|
|
26373
|
+
groupLabel.push(isDisabled(g) ? c2.groupLabelSelectedDisabled : c2.groupLabelSelected);
|
|
26374
|
+
} else if (isDisabled(g)) {
|
|
26375
|
+
groupLabel.push(c2.groupLabelDisabled);
|
|
26376
|
+
}
|
|
26377
|
+
if (canPointGroups.value) {
|
|
26378
|
+
groupLabel.push(c2.groupLabelPointable);
|
|
26379
|
+
}
|
|
26380
|
+
return groupLabel;
|
|
26381
|
+
},
|
|
26382
|
+
groupOptions: c2.groupOptions,
|
|
26383
|
+
option: (o, g) => {
|
|
26384
|
+
let option = [c2.option];
|
|
26385
|
+
if (isPointed(o)) {
|
|
26386
|
+
option.push(isSelected(o) ? c2.optionSelectedPointed : c2.optionPointed);
|
|
26387
|
+
} else if (isSelected(o)) {
|
|
26388
|
+
option.push(isDisabled(o) ? c2.optionSelectedDisabled : c2.optionSelected);
|
|
26389
|
+
} else if (isDisabled(o) || g && isDisabled(g)) {
|
|
26390
|
+
option.push(c2.optionDisabled);
|
|
26391
|
+
}
|
|
26392
|
+
return option;
|
|
26393
|
+
},
|
|
26394
|
+
noOptions: c2.noOptions,
|
|
26395
|
+
noResults: c2.noResults,
|
|
26396
|
+
assist: c2.assist,
|
|
26397
|
+
fakeInput: c2.fakeInput
|
|
26398
|
+
};
|
|
26399
|
+
});
|
|
26400
|
+
return {
|
|
26401
|
+
classList,
|
|
26402
|
+
showDropdown
|
|
26403
|
+
};
|
|
26404
|
+
}
|
|
26405
|
+
function useScroll$1(props, context, dep) {
|
|
26406
|
+
const {
|
|
26407
|
+
limit,
|
|
26408
|
+
infinite
|
|
26409
|
+
} = toRefs(props);
|
|
26410
|
+
const isOpen = dep.isOpen;
|
|
26411
|
+
const offset = dep.offset;
|
|
26412
|
+
const search = dep.search;
|
|
26413
|
+
const pfo = dep.pfo;
|
|
26414
|
+
const eo = dep.eo;
|
|
26415
|
+
const observer = ref(null);
|
|
26416
|
+
const infiniteLoader = ref(null);
|
|
26417
|
+
const hasMore = computed(() => {
|
|
26418
|
+
return offset.value < pfo.value.length;
|
|
26419
|
+
});
|
|
26420
|
+
const handleIntersectionObserver = (entries) => {
|
|
26421
|
+
const { isIntersecting, target } = entries[0];
|
|
26422
|
+
if (isIntersecting) {
|
|
26423
|
+
const parent = target.offsetParent;
|
|
26424
|
+
const scrollTop = parent.scrollTop;
|
|
26425
|
+
offset.value += limit.value == -1 ? 10 : limit.value;
|
|
26426
|
+
nextTick(() => {
|
|
26427
|
+
parent.scrollTop = scrollTop;
|
|
26428
|
+
});
|
|
26429
|
+
}
|
|
26430
|
+
};
|
|
26431
|
+
const observe = () => {
|
|
26432
|
+
if (isOpen.value && offset.value < pfo.value.length) {
|
|
26433
|
+
observer.value.observe(infiniteLoader.value);
|
|
26434
|
+
} else if (!isOpen.value && observer.value) {
|
|
26435
|
+
observer.value.disconnect();
|
|
26436
|
+
}
|
|
26437
|
+
};
|
|
26438
|
+
watch(isOpen, () => {
|
|
26439
|
+
if (!infinite.value) {
|
|
26440
|
+
return;
|
|
26441
|
+
}
|
|
26442
|
+
observe();
|
|
26443
|
+
});
|
|
26444
|
+
watch(search, () => {
|
|
26445
|
+
if (!infinite.value) {
|
|
26446
|
+
return;
|
|
26447
|
+
}
|
|
26448
|
+
offset.value = limit.value;
|
|
26449
|
+
observe();
|
|
26450
|
+
}, { flush: "post" });
|
|
26451
|
+
watch(eo, () => {
|
|
26452
|
+
if (!infinite.value) {
|
|
26453
|
+
return;
|
|
26454
|
+
}
|
|
26455
|
+
observe();
|
|
26456
|
+
}, { immediate: false, flush: "post" });
|
|
26457
|
+
onMounted(() => {
|
|
26458
|
+
if (window && window.IntersectionObserver) {
|
|
26459
|
+
observer.value = new IntersectionObserver(handleIntersectionObserver);
|
|
26460
|
+
}
|
|
26461
|
+
});
|
|
26462
|
+
return {
|
|
26463
|
+
hasMore,
|
|
26464
|
+
infiniteLoader
|
|
26465
|
+
};
|
|
26466
|
+
}
|
|
26467
|
+
function useScroll(props, context, dep) {
|
|
26468
|
+
const {
|
|
26469
|
+
placeholder,
|
|
26470
|
+
id,
|
|
26471
|
+
valueProp,
|
|
26472
|
+
label: labelProp,
|
|
26473
|
+
mode,
|
|
26474
|
+
groupLabel,
|
|
26475
|
+
aria,
|
|
26476
|
+
searchable
|
|
26477
|
+
} = toRefs(props);
|
|
26478
|
+
const pointer = dep.pointer;
|
|
26479
|
+
const iv = dep.iv;
|
|
26480
|
+
const hasSelected = dep.hasSelected;
|
|
26481
|
+
const multipleLabelText = dep.multipleLabelText;
|
|
26482
|
+
const label = ref(null);
|
|
26483
|
+
const ariaAssist = computed(() => {
|
|
26484
|
+
let texts = [];
|
|
26485
|
+
if (id && id.value) {
|
|
26486
|
+
texts.push(id.value);
|
|
26487
|
+
}
|
|
26488
|
+
texts.push("assist");
|
|
26489
|
+
return texts.join("-");
|
|
26490
|
+
});
|
|
26491
|
+
const ariaControls = computed(() => {
|
|
26492
|
+
let texts = [];
|
|
26493
|
+
if (id && id.value) {
|
|
26494
|
+
texts.push(id.value);
|
|
26495
|
+
}
|
|
26496
|
+
texts.push("multiselect-options");
|
|
26497
|
+
return texts.join("-");
|
|
26498
|
+
});
|
|
26499
|
+
const ariaActiveDescendant = computed(() => {
|
|
26500
|
+
let texts = [];
|
|
26501
|
+
if (id && id.value) {
|
|
26502
|
+
texts.push(id.value);
|
|
26503
|
+
}
|
|
26504
|
+
if (pointer.value) {
|
|
26505
|
+
texts.push(pointer.value.group ? "multiselect-group" : "multiselect-option");
|
|
26506
|
+
texts.push(pointer.value.group ? pointer.value.index : pointer.value[valueProp.value]);
|
|
26507
|
+
return texts.join("-");
|
|
26508
|
+
}
|
|
26509
|
+
});
|
|
26510
|
+
const ariaPlaceholder = computed(() => {
|
|
26511
|
+
return placeholder.value;
|
|
26512
|
+
});
|
|
26513
|
+
const ariaMultiselectable = computed(() => {
|
|
26514
|
+
return mode.value !== "single";
|
|
26515
|
+
});
|
|
26516
|
+
const ariaLabel = computed(() => {
|
|
26517
|
+
let ariaLabel2 = "";
|
|
26518
|
+
if (mode.value === "single" && hasSelected.value) {
|
|
26519
|
+
ariaLabel2 += iv.value[labelProp.value];
|
|
26520
|
+
}
|
|
26521
|
+
if (mode.value === "multiple" && hasSelected.value) {
|
|
26522
|
+
ariaLabel2 += multipleLabelText.value;
|
|
26523
|
+
}
|
|
26524
|
+
if (mode.value === "tags" && hasSelected.value) {
|
|
26525
|
+
ariaLabel2 += iv.value.map((v) => v[labelProp.value]).join(", ");
|
|
26526
|
+
}
|
|
26527
|
+
return ariaLabel2;
|
|
26528
|
+
});
|
|
26529
|
+
const arias = computed(() => {
|
|
26530
|
+
let arias2 = { ...aria.value };
|
|
26531
|
+
if (searchable.value) {
|
|
26532
|
+
arias2["aria-labelledby"] = arias2["aria-labelledby"] ? `${ariaAssist.value} ${arias2["aria-labelledby"]}` : ariaAssist.value;
|
|
26533
|
+
if (ariaLabel.value && arias2["aria-label"]) {
|
|
26534
|
+
arias2["aria-label"] = `${ariaLabel.value}, ${arias2["aria-label"]}`;
|
|
26535
|
+
}
|
|
26536
|
+
}
|
|
26537
|
+
return arias2;
|
|
26538
|
+
});
|
|
26539
|
+
const ariaOptionId = (option) => {
|
|
26540
|
+
let texts = [];
|
|
26541
|
+
if (id && id.value) {
|
|
26542
|
+
texts.push(id.value);
|
|
26543
|
+
}
|
|
26544
|
+
texts.push("multiselect-option");
|
|
26545
|
+
texts.push(option[valueProp.value]);
|
|
26546
|
+
return texts.join("-");
|
|
26547
|
+
};
|
|
26548
|
+
const ariaGroupId = (option) => {
|
|
26549
|
+
let texts = [];
|
|
26550
|
+
if (id && id.value) {
|
|
26551
|
+
texts.push(id.value);
|
|
26552
|
+
}
|
|
26553
|
+
texts.push("multiselect-group");
|
|
26554
|
+
texts.push(option.index);
|
|
26555
|
+
return texts.join("-");
|
|
26556
|
+
};
|
|
26557
|
+
const ariaOptionLabel = (option) => {
|
|
26558
|
+
let texts = [];
|
|
26559
|
+
texts.push(option[labelProp.value]);
|
|
26560
|
+
return texts.join(" ");
|
|
26561
|
+
};
|
|
26562
|
+
const ariaGroupLabel = (group) => {
|
|
26563
|
+
let texts = [];
|
|
26564
|
+
texts.push(group[groupLabel.value]);
|
|
26565
|
+
return texts.join(" ");
|
|
26566
|
+
};
|
|
26567
|
+
const ariaTagLabel = (label2) => {
|
|
26568
|
+
return `${label2} \u274E`;
|
|
26569
|
+
};
|
|
26570
|
+
onMounted(() => {
|
|
26571
|
+
if (id && id.value && document && document.querySelector) {
|
|
26572
|
+
let forTag = document.querySelector(`[for="${id.value}"]`);
|
|
26573
|
+
label.value = forTag ? forTag.innerText : null;
|
|
26574
|
+
}
|
|
26575
|
+
});
|
|
26576
|
+
return {
|
|
26577
|
+
arias,
|
|
26578
|
+
ariaLabel,
|
|
26579
|
+
ariaAssist,
|
|
26580
|
+
ariaControls,
|
|
26581
|
+
ariaPlaceholder,
|
|
26582
|
+
ariaMultiselectable,
|
|
26583
|
+
ariaActiveDescendant,
|
|
26584
|
+
ariaOptionId,
|
|
26585
|
+
ariaOptionLabel,
|
|
26586
|
+
ariaGroupId,
|
|
26587
|
+
ariaGroupLabel,
|
|
26588
|
+
ariaTagLabel
|
|
26589
|
+
};
|
|
26590
|
+
}
|
|
26591
|
+
function resolveDeps(props, context, features, deps = {}) {
|
|
26592
|
+
features.forEach((composable) => {
|
|
26593
|
+
if (composable) {
|
|
26594
|
+
deps = {
|
|
26595
|
+
...deps,
|
|
26596
|
+
...composable(props, context, deps)
|
|
26597
|
+
};
|
|
26598
|
+
}
|
|
26599
|
+
});
|
|
26600
|
+
return deps;
|
|
26601
|
+
}
|
|
26602
|
+
var script = {
|
|
26603
|
+
name: "Multiselect",
|
|
26604
|
+
emits: [
|
|
26605
|
+
"paste",
|
|
26606
|
+
"open",
|
|
26607
|
+
"close",
|
|
26608
|
+
"select",
|
|
26609
|
+
"deselect",
|
|
26610
|
+
"input",
|
|
26611
|
+
"search-change",
|
|
26612
|
+
"tag",
|
|
26613
|
+
"option",
|
|
26614
|
+
"update:modelValue",
|
|
26615
|
+
"change",
|
|
26616
|
+
"clear",
|
|
26617
|
+
"keydown",
|
|
26618
|
+
"keyup"
|
|
26619
|
+
],
|
|
26620
|
+
props: {
|
|
26621
|
+
value: {
|
|
26622
|
+
required: false
|
|
26623
|
+
},
|
|
26624
|
+
modelValue: {
|
|
26625
|
+
required: false
|
|
26626
|
+
},
|
|
26627
|
+
options: {
|
|
26628
|
+
type: [Array, Object, Function],
|
|
26629
|
+
required: false,
|
|
26630
|
+
default: () => []
|
|
26631
|
+
},
|
|
26632
|
+
id: {
|
|
26633
|
+
type: [String, Number],
|
|
26634
|
+
required: false
|
|
26635
|
+
},
|
|
26636
|
+
name: {
|
|
26637
|
+
type: [String, Number],
|
|
26638
|
+
required: false,
|
|
26639
|
+
default: "multiselect"
|
|
26640
|
+
},
|
|
26641
|
+
disabled: {
|
|
26642
|
+
type: Boolean,
|
|
26643
|
+
required: false,
|
|
26644
|
+
default: false
|
|
26645
|
+
},
|
|
26646
|
+
label: {
|
|
26647
|
+
type: String,
|
|
26648
|
+
required: false,
|
|
26649
|
+
default: "label"
|
|
26650
|
+
},
|
|
26651
|
+
trackBy: {
|
|
26652
|
+
type: String,
|
|
26653
|
+
required: false,
|
|
26654
|
+
default: void 0
|
|
26655
|
+
},
|
|
26656
|
+
valueProp: {
|
|
26657
|
+
type: String,
|
|
26658
|
+
required: false,
|
|
26659
|
+
default: "value"
|
|
26660
|
+
},
|
|
26661
|
+
placeholder: {
|
|
26662
|
+
type: String,
|
|
26663
|
+
required: false,
|
|
26664
|
+
default: null
|
|
26665
|
+
},
|
|
26666
|
+
mode: {
|
|
26667
|
+
type: String,
|
|
26668
|
+
required: false,
|
|
26669
|
+
default: "single"
|
|
26670
|
+
},
|
|
26671
|
+
searchable: {
|
|
26672
|
+
type: Boolean,
|
|
26673
|
+
required: false,
|
|
26674
|
+
default: false
|
|
26675
|
+
},
|
|
26676
|
+
limit: {
|
|
26677
|
+
type: Number,
|
|
26678
|
+
required: false,
|
|
26679
|
+
default: -1
|
|
26680
|
+
},
|
|
26681
|
+
hideSelected: {
|
|
26682
|
+
type: Boolean,
|
|
26683
|
+
required: false,
|
|
26684
|
+
default: true
|
|
26685
|
+
},
|
|
26686
|
+
createTag: {
|
|
26687
|
+
type: Boolean,
|
|
26688
|
+
required: false,
|
|
26689
|
+
default: void 0
|
|
26690
|
+
},
|
|
26691
|
+
createOption: {
|
|
26692
|
+
type: Boolean,
|
|
26693
|
+
required: false,
|
|
26694
|
+
default: void 0
|
|
26695
|
+
},
|
|
26696
|
+
appendNewTag: {
|
|
26697
|
+
type: Boolean,
|
|
26698
|
+
required: false,
|
|
26699
|
+
default: void 0
|
|
26700
|
+
},
|
|
26701
|
+
appendNewOption: {
|
|
26702
|
+
type: Boolean,
|
|
26703
|
+
required: false,
|
|
26704
|
+
default: void 0
|
|
26705
|
+
},
|
|
26706
|
+
addTagOn: {
|
|
26707
|
+
type: Array,
|
|
26708
|
+
required: false,
|
|
26709
|
+
default: void 0
|
|
26710
|
+
},
|
|
26711
|
+
addOptionOn: {
|
|
26712
|
+
type: Array,
|
|
26713
|
+
required: false,
|
|
26714
|
+
default: void 0
|
|
26715
|
+
},
|
|
26716
|
+
caret: {
|
|
26717
|
+
type: Boolean,
|
|
26718
|
+
required: false,
|
|
26719
|
+
default: true
|
|
26720
|
+
},
|
|
26721
|
+
loading: {
|
|
26722
|
+
type: Boolean,
|
|
26723
|
+
required: false,
|
|
26724
|
+
default: false
|
|
26725
|
+
},
|
|
26726
|
+
noOptionsText: {
|
|
26727
|
+
type: String,
|
|
26728
|
+
required: false,
|
|
26729
|
+
default: "The list is empty"
|
|
26730
|
+
},
|
|
26731
|
+
noResultsText: {
|
|
26732
|
+
type: String,
|
|
26733
|
+
required: false,
|
|
26734
|
+
default: "No results found"
|
|
26735
|
+
},
|
|
26736
|
+
multipleLabel: {
|
|
26737
|
+
type: Function,
|
|
26738
|
+
required: false
|
|
26739
|
+
},
|
|
26740
|
+
object: {
|
|
26741
|
+
type: Boolean,
|
|
26742
|
+
required: false,
|
|
26743
|
+
default: false
|
|
26744
|
+
},
|
|
26745
|
+
delay: {
|
|
26746
|
+
type: Number,
|
|
26747
|
+
required: false,
|
|
26748
|
+
default: -1
|
|
26749
|
+
},
|
|
26750
|
+
minChars: {
|
|
26751
|
+
type: Number,
|
|
26752
|
+
required: false,
|
|
26753
|
+
default: 0
|
|
26754
|
+
},
|
|
26755
|
+
resolveOnLoad: {
|
|
26756
|
+
type: Boolean,
|
|
26757
|
+
required: false,
|
|
26758
|
+
default: true
|
|
26759
|
+
},
|
|
26760
|
+
filterResults: {
|
|
26761
|
+
type: Boolean,
|
|
26762
|
+
required: false,
|
|
26763
|
+
default: true
|
|
26764
|
+
},
|
|
26765
|
+
clearOnSearch: {
|
|
26766
|
+
type: Boolean,
|
|
26767
|
+
required: false,
|
|
26768
|
+
default: false
|
|
26769
|
+
},
|
|
26770
|
+
clearOnSelect: {
|
|
26771
|
+
type: Boolean,
|
|
26772
|
+
required: false,
|
|
26773
|
+
default: true
|
|
26774
|
+
},
|
|
26775
|
+
canDeselect: {
|
|
26776
|
+
type: Boolean,
|
|
26777
|
+
required: false,
|
|
26778
|
+
default: true
|
|
26779
|
+
},
|
|
26780
|
+
canClear: {
|
|
26781
|
+
type: Boolean,
|
|
26782
|
+
required: false,
|
|
26783
|
+
default: true
|
|
26784
|
+
},
|
|
26785
|
+
max: {
|
|
26786
|
+
type: Number,
|
|
26787
|
+
required: false,
|
|
26788
|
+
default: -1
|
|
26789
|
+
},
|
|
26790
|
+
showOptions: {
|
|
26791
|
+
type: Boolean,
|
|
26792
|
+
required: false,
|
|
26793
|
+
default: true
|
|
26794
|
+
},
|
|
26795
|
+
required: {
|
|
26796
|
+
type: Boolean,
|
|
26797
|
+
required: false,
|
|
26798
|
+
default: false
|
|
26799
|
+
},
|
|
26800
|
+
openDirection: {
|
|
26801
|
+
type: String,
|
|
26802
|
+
required: false,
|
|
26803
|
+
default: "bottom"
|
|
26804
|
+
},
|
|
26805
|
+
nativeSupport: {
|
|
26806
|
+
type: Boolean,
|
|
26807
|
+
required: false,
|
|
26808
|
+
default: false
|
|
26809
|
+
},
|
|
26810
|
+
classes: {
|
|
26811
|
+
type: Object,
|
|
26812
|
+
required: false,
|
|
26813
|
+
default: () => ({})
|
|
26814
|
+
},
|
|
26815
|
+
strict: {
|
|
26816
|
+
type: Boolean,
|
|
26817
|
+
required: false,
|
|
26818
|
+
default: true
|
|
26819
|
+
},
|
|
26820
|
+
closeOnSelect: {
|
|
26821
|
+
type: Boolean,
|
|
26822
|
+
required: false,
|
|
26823
|
+
default: true
|
|
26824
|
+
},
|
|
26825
|
+
autocomplete: {
|
|
26826
|
+
type: String,
|
|
26827
|
+
required: false
|
|
26828
|
+
},
|
|
26829
|
+
groups: {
|
|
26830
|
+
type: Boolean,
|
|
26831
|
+
required: false,
|
|
26832
|
+
default: false
|
|
26833
|
+
},
|
|
26834
|
+
groupLabel: {
|
|
26835
|
+
type: String,
|
|
26836
|
+
required: false,
|
|
26837
|
+
default: "label"
|
|
26838
|
+
},
|
|
26839
|
+
groupOptions: {
|
|
26840
|
+
type: String,
|
|
26841
|
+
required: false,
|
|
26842
|
+
default: "options"
|
|
26843
|
+
},
|
|
26844
|
+
groupHideEmpty: {
|
|
26845
|
+
type: Boolean,
|
|
26846
|
+
required: false,
|
|
26847
|
+
default: false
|
|
26848
|
+
},
|
|
26849
|
+
groupSelect: {
|
|
26850
|
+
type: Boolean,
|
|
26851
|
+
required: false,
|
|
26852
|
+
default: true
|
|
26853
|
+
},
|
|
26854
|
+
inputType: {
|
|
26855
|
+
type: String,
|
|
26856
|
+
required: false,
|
|
26857
|
+
default: "text"
|
|
26858
|
+
},
|
|
26859
|
+
attrs: {
|
|
26860
|
+
required: false,
|
|
26861
|
+
type: Object,
|
|
26862
|
+
default: () => ({})
|
|
26863
|
+
},
|
|
26864
|
+
onCreate: {
|
|
26865
|
+
required: false,
|
|
26866
|
+
type: Function
|
|
26867
|
+
},
|
|
26868
|
+
disabledProp: {
|
|
26869
|
+
type: String,
|
|
26870
|
+
required: false,
|
|
26871
|
+
default: "disabled"
|
|
26872
|
+
},
|
|
26873
|
+
searchStart: {
|
|
26874
|
+
type: Boolean,
|
|
26875
|
+
required: false,
|
|
26876
|
+
default: false
|
|
26877
|
+
},
|
|
26878
|
+
reverse: {
|
|
26879
|
+
type: Boolean,
|
|
26880
|
+
required: false,
|
|
26881
|
+
default: false
|
|
26882
|
+
},
|
|
26883
|
+
regex: {
|
|
26884
|
+
type: [Object, String, RegExp],
|
|
26885
|
+
required: false,
|
|
26886
|
+
default: void 0
|
|
26887
|
+
},
|
|
26888
|
+
rtl: {
|
|
26889
|
+
type: Boolean,
|
|
26890
|
+
required: false,
|
|
26891
|
+
default: false
|
|
26892
|
+
},
|
|
26893
|
+
infinite: {
|
|
26894
|
+
type: Boolean,
|
|
26895
|
+
required: false,
|
|
26896
|
+
default: false
|
|
26897
|
+
},
|
|
26898
|
+
aria: {
|
|
26899
|
+
required: false,
|
|
26900
|
+
type: Object,
|
|
26901
|
+
default: () => ({})
|
|
26902
|
+
}
|
|
26903
|
+
},
|
|
26904
|
+
setup(props, context) {
|
|
26905
|
+
return resolveDeps(props, context, [
|
|
26906
|
+
useValue,
|
|
26907
|
+
usePointer$1,
|
|
26908
|
+
useDropdown,
|
|
26909
|
+
useSearch,
|
|
26910
|
+
useData,
|
|
26911
|
+
useMultiselect,
|
|
26912
|
+
useOptions,
|
|
26913
|
+
useScroll$1,
|
|
26914
|
+
usePointer,
|
|
26915
|
+
useKeyboard,
|
|
26916
|
+
useClasses,
|
|
26917
|
+
useScroll
|
|
26918
|
+
]);
|
|
26919
|
+
}
|
|
26920
|
+
};
|
|
26921
|
+
const _hoisted_1$1 = ["id", "dir"];
|
|
26922
|
+
const _hoisted_2$1 = ["tabindex", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable", "role"];
|
|
26923
|
+
const _hoisted_3$1 = ["type", "modelValue", "value", "autocomplete", "id", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"];
|
|
26924
|
+
const _hoisted_4 = ["onKeyup", "aria-label"];
|
|
26925
|
+
const _hoisted_5 = ["onClick"];
|
|
26926
|
+
const _hoisted_6 = ["type", "modelValue", "value", "id", "autocomplete", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"];
|
|
26927
|
+
const _hoisted_7 = ["innerHTML"];
|
|
26928
|
+
const _hoisted_8 = ["id"];
|
|
26929
|
+
const _hoisted_9 = ["id", "aria-label", "aria-selected"];
|
|
26930
|
+
const _hoisted_10 = ["data-pointed", "onMouseenter", "onClick"];
|
|
26931
|
+
const _hoisted_11 = ["innerHTML"];
|
|
26932
|
+
const _hoisted_12 = ["aria-label"];
|
|
26933
|
+
const _hoisted_13 = ["data-pointed", "data-selected", "onMouseenter", "onClick", "id", "aria-selected", "aria-label"];
|
|
26934
|
+
const _hoisted_14 = ["data-pointed", "data-selected", "onMouseenter", "onClick", "id", "aria-selected", "aria-label"];
|
|
26935
|
+
const _hoisted_15 = ["innerHTML"];
|
|
26936
|
+
const _hoisted_16 = ["innerHTML"];
|
|
26937
|
+
const _hoisted_17 = ["value"];
|
|
26938
|
+
const _hoisted_18 = ["name", "value"];
|
|
26939
|
+
const _hoisted_19 = ["name", "value"];
|
|
26940
|
+
const _hoisted_20 = ["id"];
|
|
26941
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
26942
|
+
return openBlock(), createElementBlock("div", {
|
|
26943
|
+
ref: "multiselect",
|
|
26944
|
+
class: normalizeClass(_ctx.classList.container),
|
|
26945
|
+
id: $props.searchable ? void 0 : $props.id,
|
|
26946
|
+
dir: $props.rtl ? "rtl" : void 0,
|
|
26947
|
+
onFocusin: _cache[10] || (_cache[10] = (...args) => _ctx.handleFocusIn && _ctx.handleFocusIn(...args)),
|
|
26948
|
+
onFocusout: _cache[11] || (_cache[11] = (...args) => _ctx.handleFocusOut && _ctx.handleFocusOut(...args)),
|
|
26949
|
+
onKeyup: _cache[12] || (_cache[12] = (...args) => _ctx.handleKeyup && _ctx.handleKeyup(...args)),
|
|
26950
|
+
onKeydown: _cache[13] || (_cache[13] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
|
|
26951
|
+
}, [
|
|
26952
|
+
createElementVNode("div", mergeProps({
|
|
26953
|
+
class: _ctx.classList.wrapper,
|
|
26954
|
+
onMousedown: _cache[9] || (_cache[9] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args)),
|
|
26955
|
+
ref: "wrapper",
|
|
26956
|
+
tabindex: _ctx.tabindex,
|
|
26957
|
+
"aria-controls": !$props.searchable ? _ctx.ariaControls : void 0,
|
|
26958
|
+
"aria-placeholder": !$props.searchable ? _ctx.ariaPlaceholder : void 0,
|
|
26959
|
+
"aria-expanded": !$props.searchable ? _ctx.isOpen : void 0,
|
|
26960
|
+
"aria-activedescendant": !$props.searchable ? _ctx.ariaActiveDescendant : void 0,
|
|
26961
|
+
"aria-multiselectable": !$props.searchable ? _ctx.ariaMultiselectable : void 0,
|
|
26962
|
+
role: !$props.searchable ? "combobox" : void 0
|
|
26963
|
+
}, !$props.searchable ? _ctx.arias : {}), [
|
|
26964
|
+
createCommentVNode(" Search "),
|
|
26965
|
+
$props.mode !== "tags" && $props.searchable && !$props.disabled ? (openBlock(), createElementBlock("input", mergeProps({
|
|
26966
|
+
key: 0,
|
|
26967
|
+
type: $props.inputType,
|
|
26968
|
+
modelValue: _ctx.search,
|
|
26969
|
+
value: _ctx.search,
|
|
26970
|
+
class: _ctx.classList.search,
|
|
26971
|
+
autocomplete: $props.autocomplete,
|
|
26972
|
+
id: $props.searchable ? $props.id : void 0,
|
|
26973
|
+
onInput: _cache[0] || (_cache[0] = (...args) => _ctx.handleSearchInput && _ctx.handleSearchInput(...args)),
|
|
26974
|
+
onKeypress: _cache[1] || (_cache[1] = (...args) => _ctx.handleKeypress && _ctx.handleKeypress(...args)),
|
|
26975
|
+
onPaste: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.handlePaste && _ctx.handlePaste(...args), ["stop"])),
|
|
26976
|
+
ref: "input",
|
|
26977
|
+
"aria-controls": _ctx.ariaControls,
|
|
26978
|
+
"aria-placeholder": _ctx.ariaPlaceholder,
|
|
26979
|
+
"aria-expanded": _ctx.isOpen,
|
|
26980
|
+
"aria-activedescendant": _ctx.ariaActiveDescendant,
|
|
26981
|
+
"aria-multiselectable": _ctx.ariaMultiselectable,
|
|
26982
|
+
role: "combobox"
|
|
26983
|
+
}, {
|
|
26984
|
+
...$props.attrs,
|
|
26985
|
+
..._ctx.arias
|
|
26986
|
+
}), null, 16, _hoisted_3$1)) : createCommentVNode("v-if", true),
|
|
26987
|
+
createCommentVNode(" Tags (with search) "),
|
|
26988
|
+
$props.mode == "tags" ? (openBlock(), createElementBlock("div", {
|
|
26989
|
+
key: 1,
|
|
26990
|
+
class: normalizeClass(_ctx.classList.tags),
|
|
26991
|
+
"data-tags": ""
|
|
26992
|
+
}, [
|
|
26993
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.iv, (option, i2, key) => {
|
|
26994
|
+
return renderSlot(_ctx.$slots, "tag", {
|
|
26995
|
+
option,
|
|
26996
|
+
handleTagRemove: _ctx.handleTagRemove,
|
|
26997
|
+
disabled: $props.disabled
|
|
26998
|
+
}, () => [
|
|
26999
|
+
(openBlock(), createElementBlock("span", {
|
|
27000
|
+
class: normalizeClass(_ctx.classList.tag),
|
|
27001
|
+
tabindex: "-1",
|
|
27002
|
+
onKeyup: withKeys(($event) => _ctx.handleTagRemove(option, $event), ["enter"]),
|
|
27003
|
+
key,
|
|
27004
|
+
"aria-label": _ctx.ariaTagLabel(option[$props.label])
|
|
27005
|
+
}, [
|
|
27006
|
+
createTextVNode(toDisplayString(option[$props.label]) + " ", 1),
|
|
27007
|
+
!$props.disabled ? (openBlock(), createElementBlock("span", {
|
|
27008
|
+
key: 0,
|
|
27009
|
+
class: normalizeClass(_ctx.classList.tagRemove),
|
|
27010
|
+
onClick: ($event) => _ctx.handleTagRemove(option, $event)
|
|
27011
|
+
}, [
|
|
27012
|
+
createElementVNode("span", {
|
|
27013
|
+
class: normalizeClass(_ctx.classList.tagRemoveIcon)
|
|
27014
|
+
}, null, 2)
|
|
27015
|
+
], 10, _hoisted_5)) : createCommentVNode("v-if", true)
|
|
27016
|
+
], 42, _hoisted_4))
|
|
27017
|
+
]);
|
|
27018
|
+
}), 256)),
|
|
27019
|
+
createElementVNode("div", {
|
|
27020
|
+
class: normalizeClass(_ctx.classList.tagsSearchWrapper),
|
|
27021
|
+
ref: "tags"
|
|
27022
|
+
}, [
|
|
27023
|
+
createCommentVNode(" Used for measuring search width "),
|
|
27024
|
+
createElementVNode("span", {
|
|
27025
|
+
class: normalizeClass(_ctx.classList.tagsSearchCopy)
|
|
27026
|
+
}, toDisplayString(_ctx.search), 3),
|
|
27027
|
+
createCommentVNode(" Actual search input "),
|
|
27028
|
+
$props.searchable && !$props.disabled ? (openBlock(), createElementBlock("input", mergeProps({
|
|
27029
|
+
key: 0,
|
|
27030
|
+
type: $props.inputType,
|
|
27031
|
+
modelValue: _ctx.search,
|
|
27032
|
+
value: _ctx.search,
|
|
27033
|
+
class: _ctx.classList.tagsSearch,
|
|
27034
|
+
id: $props.searchable ? $props.id : void 0,
|
|
27035
|
+
autocomplete: $props.autocomplete,
|
|
27036
|
+
onInput: _cache[3] || (_cache[3] = (...args) => _ctx.handleSearchInput && _ctx.handleSearchInput(...args)),
|
|
27037
|
+
onKeypress: _cache[4] || (_cache[4] = (...args) => _ctx.handleKeypress && _ctx.handleKeypress(...args)),
|
|
27038
|
+
onPaste: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.handlePaste && _ctx.handlePaste(...args), ["stop"])),
|
|
27039
|
+
ref: "input",
|
|
27040
|
+
"aria-controls": _ctx.ariaControls,
|
|
27041
|
+
"aria-placeholder": _ctx.ariaPlaceholder,
|
|
27042
|
+
"aria-expanded": _ctx.isOpen,
|
|
27043
|
+
"aria-activedescendant": _ctx.ariaActiveDescendant,
|
|
27044
|
+
"aria-multiselectable": _ctx.ariaMultiselectable,
|
|
27045
|
+
role: "combobox"
|
|
27046
|
+
}, {
|
|
27047
|
+
...$props.attrs,
|
|
27048
|
+
..._ctx.arias
|
|
27049
|
+
}), null, 16, _hoisted_6)) : createCommentVNode("v-if", true)
|
|
27050
|
+
], 2)
|
|
27051
|
+
], 2)) : createCommentVNode("v-if", true),
|
|
27052
|
+
createCommentVNode(" Single label "),
|
|
27053
|
+
$props.mode == "single" && _ctx.hasSelected && !_ctx.search && _ctx.iv ? renderSlot(_ctx.$slots, "singlelabel", {
|
|
27054
|
+
key: 2,
|
|
27055
|
+
value: _ctx.iv
|
|
27056
|
+
}, () => [
|
|
27057
|
+
createElementVNode("div", {
|
|
27058
|
+
class: normalizeClass(_ctx.classList.singleLabel)
|
|
27059
|
+
}, [
|
|
27060
|
+
createElementVNode("span", {
|
|
27061
|
+
class: normalizeClass(_ctx.classList.singleLabelText)
|
|
27062
|
+
}, toDisplayString(_ctx.iv[$props.label]), 3)
|
|
27063
|
+
], 2)
|
|
27064
|
+
]) : createCommentVNode("v-if", true),
|
|
27065
|
+
createCommentVNode(" Multiple label "),
|
|
27066
|
+
$props.mode == "multiple" && _ctx.hasSelected && !_ctx.search ? renderSlot(_ctx.$slots, "multiplelabel", {
|
|
27067
|
+
key: 3,
|
|
27068
|
+
values: _ctx.iv
|
|
27069
|
+
}, () => [
|
|
27070
|
+
createElementVNode("div", {
|
|
27071
|
+
class: normalizeClass(_ctx.classList.multipleLabel),
|
|
27072
|
+
innerHTML: _ctx.multipleLabelText
|
|
27073
|
+
}, null, 10, _hoisted_7)
|
|
27074
|
+
]) : createCommentVNode("v-if", true),
|
|
27075
|
+
createCommentVNode(" Placeholder "),
|
|
27076
|
+
$props.placeholder && !_ctx.hasSelected && !_ctx.search ? renderSlot(_ctx.$slots, "placeholder", { key: 4 }, () => [
|
|
27077
|
+
createElementVNode("div", {
|
|
27078
|
+
class: normalizeClass(_ctx.classList.placeholder),
|
|
27079
|
+
"aria-hidden": "true"
|
|
27080
|
+
}, toDisplayString($props.placeholder), 3)
|
|
27081
|
+
]) : createCommentVNode("v-if", true),
|
|
27082
|
+
createCommentVNode(" Spinner "),
|
|
27083
|
+
$props.loading || _ctx.resolving ? renderSlot(_ctx.$slots, "spinner", { key: 5 }, () => [
|
|
27084
|
+
createElementVNode("span", {
|
|
27085
|
+
class: normalizeClass(_ctx.classList.spinner),
|
|
27086
|
+
"aria-hidden": "true"
|
|
27087
|
+
}, null, 2)
|
|
27088
|
+
]) : createCommentVNode("v-if", true),
|
|
27089
|
+
createCommentVNode(" Clear "),
|
|
27090
|
+
_ctx.hasSelected && !$props.disabled && $props.canClear && !_ctx.busy ? renderSlot(_ctx.$slots, "clear", {
|
|
27091
|
+
key: 6,
|
|
27092
|
+
clear: _ctx.clear
|
|
27093
|
+
}, () => [
|
|
27094
|
+
createElementVNode("span", {
|
|
27095
|
+
"aria-hidden": "true",
|
|
27096
|
+
tabindex: "0",
|
|
27097
|
+
role: "button",
|
|
27098
|
+
"data-clear": "",
|
|
27099
|
+
"aria-roledescription": "\u274E",
|
|
27100
|
+
class: normalizeClass(_ctx.classList.clear),
|
|
27101
|
+
onClick: _cache[6] || (_cache[6] = (...args) => _ctx.clear && _ctx.clear(...args)),
|
|
27102
|
+
onKeyup: _cache[7] || (_cache[7] = withKeys((...args) => _ctx.clear && _ctx.clear(...args), ["enter"]))
|
|
27103
|
+
}, [
|
|
27104
|
+
createElementVNode("span", {
|
|
27105
|
+
class: normalizeClass(_ctx.classList.clearIcon)
|
|
27106
|
+
}, null, 2)
|
|
27107
|
+
], 34)
|
|
27108
|
+
]) : createCommentVNode("v-if", true),
|
|
27109
|
+
createCommentVNode(" Caret "),
|
|
27110
|
+
$props.caret && $props.showOptions ? renderSlot(_ctx.$slots, "caret", { key: 7 }, () => [
|
|
27111
|
+
createElementVNode("span", {
|
|
27112
|
+
class: normalizeClass(_ctx.classList.caret),
|
|
27113
|
+
onClick: _cache[8] || (_cache[8] = (...args) => _ctx.handleCaretClick && _ctx.handleCaretClick(...args)),
|
|
27114
|
+
"aria-hidden": "true"
|
|
27115
|
+
}, null, 2)
|
|
27116
|
+
]) : createCommentVNode("v-if", true)
|
|
27117
|
+
], 16, _hoisted_2$1),
|
|
27118
|
+
createCommentVNode(" Options "),
|
|
27119
|
+
createElementVNode("div", {
|
|
27120
|
+
class: normalizeClass(_ctx.classList.dropdown),
|
|
27121
|
+
tabindex: "-1"
|
|
27122
|
+
}, [
|
|
27123
|
+
renderSlot(_ctx.$slots, "beforelist", { options: _ctx.fo }),
|
|
27124
|
+
createElementVNode("ul", {
|
|
27125
|
+
class: normalizeClass(_ctx.classList.options),
|
|
27126
|
+
id: _ctx.ariaControls,
|
|
27127
|
+
role: "listbox"
|
|
27128
|
+
}, [
|
|
27129
|
+
$props.groups ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.fg, (group, i2, key) => {
|
|
27130
|
+
return openBlock(), createElementBlock("li", {
|
|
27131
|
+
class: normalizeClass(_ctx.classList.group),
|
|
27132
|
+
key,
|
|
27133
|
+
id: _ctx.ariaGroupId(group),
|
|
27134
|
+
"aria-label": _ctx.ariaGroupLabel(group),
|
|
27135
|
+
"aria-selected": _ctx.isSelected(group),
|
|
27136
|
+
role: "option"
|
|
27137
|
+
}, [
|
|
27138
|
+
createElementVNode("div", {
|
|
27139
|
+
class: normalizeClass(_ctx.classList.groupLabel(group)),
|
|
27140
|
+
"data-pointed": _ctx.isPointed(group),
|
|
27141
|
+
onMouseenter: ($event) => _ctx.setPointer(group, i2),
|
|
27142
|
+
onClick: ($event) => _ctx.handleGroupClick(group)
|
|
27143
|
+
}, [
|
|
27144
|
+
renderSlot(_ctx.$slots, "grouplabel", {
|
|
27145
|
+
group,
|
|
27146
|
+
isSelected: _ctx.isSelected,
|
|
27147
|
+
isPointed: _ctx.isPointed
|
|
27148
|
+
}, () => [
|
|
27149
|
+
createElementVNode("span", {
|
|
27150
|
+
innerHTML: group[$props.groupLabel]
|
|
27151
|
+
}, null, 8, _hoisted_11)
|
|
27152
|
+
])
|
|
27153
|
+
], 42, _hoisted_10),
|
|
27154
|
+
createElementVNode("ul", {
|
|
27155
|
+
class: normalizeClass(_ctx.classList.groupOptions),
|
|
27156
|
+
"aria-label": _ctx.ariaGroupLabel(group),
|
|
27157
|
+
role: "group"
|
|
27158
|
+
}, [
|
|
27159
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(group.__VISIBLE__, (option, i3, key2) => {
|
|
27160
|
+
return openBlock(), createElementBlock("li", {
|
|
27161
|
+
class: normalizeClass(_ctx.classList.option(option, group)),
|
|
27162
|
+
"data-pointed": _ctx.isPointed(option),
|
|
27163
|
+
"data-selected": _ctx.isSelected(option) || void 0,
|
|
27164
|
+
key: key2,
|
|
27165
|
+
onMouseenter: ($event) => _ctx.setPointer(option),
|
|
27166
|
+
onClick: ($event) => _ctx.handleOptionClick(option),
|
|
27167
|
+
id: _ctx.ariaOptionId(option),
|
|
27168
|
+
"aria-selected": _ctx.isSelected(option),
|
|
27169
|
+
"aria-label": _ctx.ariaOptionLabel(option),
|
|
27170
|
+
role: "option"
|
|
27171
|
+
}, [
|
|
27172
|
+
renderSlot(_ctx.$slots, "option", {
|
|
27173
|
+
option,
|
|
27174
|
+
isSelected: _ctx.isSelected,
|
|
27175
|
+
isPointed: _ctx.isPointed,
|
|
27176
|
+
search: _ctx.search
|
|
27177
|
+
}, () => [
|
|
27178
|
+
createElementVNode("span", null, toDisplayString(option[$props.label]), 1)
|
|
27179
|
+
])
|
|
27180
|
+
], 42, _hoisted_13);
|
|
27181
|
+
}), 128))
|
|
27182
|
+
], 10, _hoisted_12)
|
|
27183
|
+
], 10, _hoisted_9);
|
|
27184
|
+
}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.fo, (option, i2, key) => {
|
|
27185
|
+
return openBlock(), createElementBlock("li", {
|
|
27186
|
+
class: normalizeClass(_ctx.classList.option(option)),
|
|
27187
|
+
"data-pointed": _ctx.isPointed(option),
|
|
27188
|
+
"data-selected": _ctx.isSelected(option) || void 0,
|
|
27189
|
+
key,
|
|
27190
|
+
onMouseenter: ($event) => _ctx.setPointer(option),
|
|
27191
|
+
onClick: ($event) => _ctx.handleOptionClick(option),
|
|
27192
|
+
id: _ctx.ariaOptionId(option),
|
|
27193
|
+
"aria-selected": _ctx.isSelected(option),
|
|
27194
|
+
"aria-label": _ctx.ariaOptionLabel(option),
|
|
27195
|
+
role: "option"
|
|
27196
|
+
}, [
|
|
27197
|
+
renderSlot(_ctx.$slots, "option", {
|
|
27198
|
+
option,
|
|
27199
|
+
isSelected: _ctx.isSelected,
|
|
27200
|
+
isPointed: _ctx.isPointed,
|
|
27201
|
+
search: _ctx.search
|
|
27202
|
+
}, () => [
|
|
27203
|
+
createElementVNode("span", null, toDisplayString(option[$props.label]), 1)
|
|
27204
|
+
])
|
|
27205
|
+
], 42, _hoisted_14);
|
|
27206
|
+
}), 128))
|
|
27207
|
+
], 10, _hoisted_8),
|
|
27208
|
+
_ctx.noOptions ? renderSlot(_ctx.$slots, "nooptions", { key: 0 }, () => [
|
|
27209
|
+
createElementVNode("div", {
|
|
27210
|
+
class: normalizeClass(_ctx.classList.noOptions),
|
|
27211
|
+
innerHTML: $props.noOptionsText
|
|
27212
|
+
}, null, 10, _hoisted_15)
|
|
27213
|
+
]) : createCommentVNode("v-if", true),
|
|
27214
|
+
_ctx.noResults ? renderSlot(_ctx.$slots, "noresults", { key: 1 }, () => [
|
|
27215
|
+
createElementVNode("div", {
|
|
27216
|
+
class: normalizeClass(_ctx.classList.noResults),
|
|
27217
|
+
innerHTML: $props.noResultsText
|
|
27218
|
+
}, null, 10, _hoisted_16)
|
|
27219
|
+
]) : createCommentVNode("v-if", true),
|
|
27220
|
+
$props.infinite && _ctx.hasMore ? (openBlock(), createElementBlock("div", {
|
|
27221
|
+
key: 2,
|
|
27222
|
+
class: normalizeClass(_ctx.classList.inifinite),
|
|
27223
|
+
ref: "infiniteLoader"
|
|
27224
|
+
}, [
|
|
27225
|
+
renderSlot(_ctx.$slots, "infinite", {}, () => [
|
|
27226
|
+
createElementVNode("span", {
|
|
27227
|
+
class: normalizeClass(_ctx.classList.inifiniteSpinner)
|
|
27228
|
+
}, null, 2)
|
|
27229
|
+
])
|
|
27230
|
+
], 2)) : createCommentVNode("v-if", true),
|
|
27231
|
+
renderSlot(_ctx.$slots, "afterlist", { options: _ctx.fo })
|
|
27232
|
+
], 2),
|
|
27233
|
+
createCommentVNode(" Hacky input element to show HTML5 required warning "),
|
|
27234
|
+
$props.required ? (openBlock(), createElementBlock("input", {
|
|
27235
|
+
key: 0,
|
|
27236
|
+
class: normalizeClass(_ctx.classList.fakeInput),
|
|
27237
|
+
tabindex: "-1",
|
|
27238
|
+
value: _ctx.textValue,
|
|
27239
|
+
required: ""
|
|
27240
|
+
}, null, 10, _hoisted_17)) : createCommentVNode("v-if", true),
|
|
27241
|
+
createCommentVNode(" Native input support "),
|
|
27242
|
+
$props.nativeSupport ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
27243
|
+
$props.mode == "single" ? (openBlock(), createElementBlock("input", {
|
|
27244
|
+
key: 0,
|
|
27245
|
+
type: "hidden",
|
|
27246
|
+
name: $props.name,
|
|
27247
|
+
value: _ctx.plainValue !== void 0 ? _ctx.plainValue : ""
|
|
27248
|
+
}, null, 8, _hoisted_18)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.plainValue, (v, i2) => {
|
|
27249
|
+
return openBlock(), createElementBlock("input", {
|
|
27250
|
+
type: "hidden",
|
|
27251
|
+
name: `${$props.name}[]`,
|
|
27252
|
+
value: v,
|
|
27253
|
+
key: i2
|
|
27254
|
+
}, null, 8, _hoisted_19);
|
|
27255
|
+
}), 128))
|
|
27256
|
+
], 64)) : createCommentVNode("v-if", true),
|
|
27257
|
+
createCommentVNode(" Screen reader assistive text "),
|
|
27258
|
+
$props.searchable && _ctx.hasSelected ? (openBlock(), createElementBlock("div", {
|
|
27259
|
+
key: 2,
|
|
27260
|
+
class: normalizeClass(_ctx.classList.assist),
|
|
27261
|
+
id: _ctx.ariaAssist,
|
|
27262
|
+
"aria-hidden": "true"
|
|
27263
|
+
}, toDisplayString(_ctx.ariaLabel), 11, _hoisted_20)) : createCommentVNode("v-if", true),
|
|
27264
|
+
createCommentVNode(" Create height for empty input "),
|
|
27265
|
+
createElementVNode("div", {
|
|
27266
|
+
class: normalizeClass(_ctx.classList.spacer)
|
|
27267
|
+
}, null, 2)
|
|
27268
|
+
], 42, _hoisted_1$1);
|
|
27269
|
+
}
|
|
27270
|
+
script.render = render;
|
|
27271
|
+
script.__file = "src/Multiselect.vue";
|
|
27272
|
+
var default_css_vue_type_style_index_0_src_14e9ea27_lang = "";
|
|
27273
|
+
var InputList_vue_vue_type_style_index_1_lang = "";
|
|
27274
|
+
const _hoisted_1 = /* @__PURE__ */ createElementVNode("img", {
|
|
27275
|
+
alt: "",
|
|
27276
|
+
class: "list__item_thumb",
|
|
27277
|
+
src: _imports_0
|
|
27278
|
+
}, null, -1);
|
|
27279
|
+
const _hoisted_2 = { class: "list__item_text" };
|
|
27280
|
+
const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { id: "list" }, null, -1);
|
|
27281
|
+
const _sfc_main = {
|
|
27282
|
+
__name: "InputList",
|
|
27283
|
+
props: {
|
|
27284
|
+
list: {
|
|
27285
|
+
type: Array,
|
|
27286
|
+
required: true
|
|
27287
|
+
}
|
|
27288
|
+
},
|
|
27289
|
+
setup(__props) {
|
|
27290
|
+
const value = ref(null);
|
|
27291
|
+
return (_ctx, _cache) => {
|
|
27292
|
+
return openBlock(), createElementBlock(Fragment, null, [
|
|
27293
|
+
createVNode(unref(script), {
|
|
27294
|
+
modelValue: value.value,
|
|
27295
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
|
|
27296
|
+
mode: "tags",
|
|
27297
|
+
options: __props.list,
|
|
27298
|
+
placeholder: "Start typing a name",
|
|
27299
|
+
searchable: true
|
|
27300
|
+
}, {
|
|
27301
|
+
tag: withCtx(({ option, handleTagRemove, disabled }) => [
|
|
27302
|
+
(openBlock(), createBlock(Teleport, { to: "#list" }, [
|
|
27303
|
+
createElementVNode("div", {
|
|
27304
|
+
class: normalizeClass(["list__item", { "is-disabled": disabled }])
|
|
27305
|
+
}, [
|
|
27306
|
+
_hoisted_1,
|
|
27307
|
+
createElementVNode("p", _hoisted_2, toDisplayString(option.value), 1),
|
|
27308
|
+
createVNode(DhIcon, {
|
|
27309
|
+
class: "list__item_icon",
|
|
27310
|
+
"icon-name": "delete",
|
|
27311
|
+
size: 24,
|
|
27312
|
+
onClick: ($event) => handleTagRemove(option, $event)
|
|
27313
|
+
}, null, 8, ["onClick"]),
|
|
27314
|
+
renderSlot(_ctx.$slots, "default")
|
|
27315
|
+
], 2)
|
|
27316
|
+
]))
|
|
27317
|
+
]),
|
|
27318
|
+
_: 3
|
|
27319
|
+
}, 8, ["modelValue", "options"]),
|
|
27320
|
+
_hoisted_3
|
|
27321
|
+
], 64);
|
|
27322
|
+
};
|
|
27323
|
+
}
|
|
27324
|
+
};
|
|
27325
|
+
export { DhAdvancedFilter, _sfc_main$i as DhDatePicker, DropdownMenu as DhDropdownMenu, _sfc_main$h as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$g as DhFileUpload, DhIcon, _sfc_main$1 as DhInputDropdown, _sfc_main as DhInputList, Modal as DhModal, Notification as DhNotification, NumberRange as DhNumberRange, PasswordField as DhPasswordField, DhRadioBox, _sfc_main$9 as DhRadioBoxGroup, SearchInput as DhSearchInput, Stepper as DhStepper, Switch as DhSwitch, Tooltip as DhTooltip, VerificationCode as DhVerificationCode };
|