@deskhero/dh_ui 1.31.1 → 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 +2501 -239
- 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,13 +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
|
|
10864
|
+
const _hoisted_1$i = /* @__PURE__ */ createTextVNode(" Back ");
|
|
10865
|
+
const _hoisted_2$g = /* @__PURE__ */ createElementVNode("div", null, "today", -1);
|
|
10866
|
+
const _sfc_main$i = {
|
|
10866
10867
|
__name: "DatePicker",
|
|
10867
10868
|
props: {
|
|
10868
10869
|
inline: {
|
|
@@ -10878,6 +10879,13 @@ const _sfc_main$h = {
|
|
|
10878
10879
|
date.value = modelData;
|
|
10879
10880
|
emit("update", date.value);
|
|
10880
10881
|
};
|
|
10882
|
+
const markers = ref([
|
|
10883
|
+
{
|
|
10884
|
+
date: addDays(new Date(), 0),
|
|
10885
|
+
type: "dot",
|
|
10886
|
+
tooltip: [{ text: "Dot with tooltip", color: "blue" }]
|
|
10887
|
+
}
|
|
10888
|
+
]);
|
|
10881
10889
|
return (_ctx, _cache) => {
|
|
10882
10890
|
return openBlock(), createElementBlock("div", null, [
|
|
10883
10891
|
createVNode(unref(ca), {
|
|
@@ -10892,6 +10900,8 @@ const _sfc_main$h = {
|
|
|
10892
10900
|
"day-names": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
|
|
10893
10901
|
"enable-time-picker": false,
|
|
10894
10902
|
inline: __props.inline,
|
|
10903
|
+
markers: markers.value,
|
|
10904
|
+
"month-name-format": "short",
|
|
10895
10905
|
offset: 12,
|
|
10896
10906
|
placeholder: "MM/DD/YYYY",
|
|
10897
10907
|
"select-text": "Apply",
|
|
@@ -10911,22 +10921,25 @@ const _sfc_main$h = {
|
|
|
10911
10921
|
})
|
|
10912
10922
|
]),
|
|
10913
10923
|
"calendar-icon": withCtx(() => [
|
|
10914
|
-
_hoisted_1$
|
|
10924
|
+
_hoisted_1$i
|
|
10915
10925
|
]),
|
|
10916
10926
|
"clear-icon": withCtx(() => []),
|
|
10917
10927
|
"action-preview": withCtx(() => []),
|
|
10928
|
+
"marker-tooltip": withCtx(() => [
|
|
10929
|
+
_hoisted_2$g
|
|
10930
|
+
]),
|
|
10918
10931
|
_: 1
|
|
10919
|
-
}, 8, ["modelValue", "inline"])
|
|
10932
|
+
}, 8, ["modelValue", "inline", "markers"])
|
|
10920
10933
|
]);
|
|
10921
10934
|
};
|
|
10922
10935
|
}
|
|
10923
10936
|
};
|
|
10924
10937
|
var Error_vue_vue_type_style_index_0_lang = "";
|
|
10925
|
-
const _hoisted_1$
|
|
10938
|
+
const _hoisted_1$h = {
|
|
10926
10939
|
key: 0,
|
|
10927
10940
|
class: "invalid-feedback"
|
|
10928
10941
|
};
|
|
10929
|
-
const _sfc_main$
|
|
10942
|
+
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
10930
10943
|
__name: "Error",
|
|
10931
10944
|
props: {
|
|
10932
10945
|
errors: {
|
|
@@ -10939,7 +10952,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
10939
10952
|
const props = __props;
|
|
10940
10953
|
return (_ctx, _cache) => {
|
|
10941
10954
|
var _a;
|
|
10942
|
-
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, [
|
|
10943
10956
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.errors, (error) => {
|
|
10944
10957
|
return openBlock(), createElementBlock("span", { key: error }, toDisplayString(error), 1);
|
|
10945
10958
|
}), 128))
|
|
@@ -10948,45 +10961,45 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
10948
10961
|
}
|
|
10949
10962
|
});
|
|
10950
10963
|
var FileUpload_vue_vue_type_style_index_0_lang = "";
|
|
10951
|
-
const _hoisted_1$
|
|
10964
|
+
const _hoisted_1$g = /* @__PURE__ */ createElementVNode("label", { for: "upload_pdf" }, [
|
|
10952
10965
|
/* @__PURE__ */ createTextVNode(" Drag and drop file or "),
|
|
10953
10966
|
/* @__PURE__ */ createElementVNode("span", { id: "upload" }, "browse")
|
|
10954
10967
|
], -1);
|
|
10955
|
-
const _hoisted_2$
|
|
10968
|
+
const _hoisted_2$f = {
|
|
10956
10969
|
key: 1,
|
|
10957
10970
|
class: "file__upload_items"
|
|
10958
10971
|
};
|
|
10959
|
-
const _hoisted_3$
|
|
10960
|
-
const _hoisted_4$
|
|
10961
|
-
const _hoisted_5$
|
|
10962
|
-
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 = {
|
|
10963
10976
|
key: 0,
|
|
10964
10977
|
class: "label__antivirus"
|
|
10965
10978
|
};
|
|
10966
|
-
const _hoisted_7$
|
|
10979
|
+
const _hoisted_7$3 = {
|
|
10967
10980
|
key: 1,
|
|
10968
10981
|
class: "label__antivirus label__antivirus--failed"
|
|
10969
10982
|
};
|
|
10970
|
-
const _hoisted_8$
|
|
10983
|
+
const _hoisted_8$2 = {
|
|
10971
10984
|
key: 2,
|
|
10972
10985
|
class: "label__antivirus label__antivirus--detected"
|
|
10973
10986
|
};
|
|
10974
|
-
const _hoisted_9$
|
|
10975
|
-
const _hoisted_10$
|
|
10976
|
-
const _hoisted_11$
|
|
10977
|
-
const _hoisted_12 = { key: 0 };
|
|
10978
|
-
const _hoisted_13 = ["value"];
|
|
10979
|
-
const _hoisted_14 = ["href"];
|
|
10980
|
-
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 = {
|
|
10981
10994
|
key: 2,
|
|
10982
10995
|
class: "file__upload_placeholder"
|
|
10983
10996
|
};
|
|
10984
|
-
const _hoisted_16 = {
|
|
10997
|
+
const _hoisted_16$1 = {
|
|
10985
10998
|
key: 3,
|
|
10986
10999
|
class: "file__upload_action"
|
|
10987
11000
|
};
|
|
10988
|
-
const _hoisted_17 = /* @__PURE__ */ createElementVNode("button", { class: "file__upload_action_cancel" }, "Cancel", -1);
|
|
10989
|
-
const _sfc_main$
|
|
11001
|
+
const _hoisted_17$1 = /* @__PURE__ */ createElementVNode("button", { class: "file__upload_action_cancel" }, "Cancel", -1);
|
|
11002
|
+
const _sfc_main$g = {
|
|
10990
11003
|
__name: "FileUpload",
|
|
10991
11004
|
props: {
|
|
10992
11005
|
uploadProgress: {
|
|
@@ -11134,7 +11147,7 @@ const _sfc_main$f = {
|
|
|
11134
11147
|
"icon-name": "upload",
|
|
11135
11148
|
size: 24
|
|
11136
11149
|
}),
|
|
11137
|
-
_hoisted_1$
|
|
11150
|
+
_hoisted_1$g,
|
|
11138
11151
|
createElementVNode("input", {
|
|
11139
11152
|
id: "upload_pdf",
|
|
11140
11153
|
ref_key: "upload",
|
|
@@ -11145,7 +11158,7 @@ const _sfc_main$f = {
|
|
|
11145
11158
|
onInput: _cache[0] || (_cache[0] = ($event) => uploadFile($event))
|
|
11146
11159
|
}, null, 544)
|
|
11147
11160
|
], 32)) : createCommentVNode("", true),
|
|
11148
|
-
fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
11161
|
+
fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
|
|
11149
11162
|
(openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file, id) => {
|
|
11150
11163
|
return openBlock(), createElementBlock("div", {
|
|
11151
11164
|
key: id,
|
|
@@ -11184,13 +11197,13 @@ const _sfc_main$f = {
|
|
|
11184
11197
|
size: 20,
|
|
11185
11198
|
style: normalizeStyle({ "z-index": props.zIndex })
|
|
11186
11199
|
}, null, 8, ["style"])) : createCommentVNode("", true),
|
|
11187
|
-
createElementVNode("div", _hoisted_3$
|
|
11188
|
-
createElementVNode("div", _hoisted_4$
|
|
11200
|
+
createElementVNode("div", _hoisted_3$b, [
|
|
11201
|
+
createElementVNode("div", _hoisted_4$7, [
|
|
11189
11202
|
createElementVNode("div", null, [
|
|
11190
11203
|
createElementVNode("span", {
|
|
11191
11204
|
title: file.name
|
|
11192
|
-
}, toDisplayString(getName(file.name)) + toDisplayString(getExtension(file.name)), 9, _hoisted_5$
|
|
11193
|
-
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, [
|
|
11194
11207
|
createTextVNode(toDisplayString(__props.virusCheckText) + " ", 1),
|
|
11195
11208
|
createVNode(DhIcon, {
|
|
11196
11209
|
class: "file__upload_list_icon_sub--loading",
|
|
@@ -11198,20 +11211,20 @@ const _sfc_main$f = {
|
|
|
11198
11211
|
size: 18
|
|
11199
11212
|
})
|
|
11200
11213
|
])) : createCommentVNode("", true),
|
|
11201
|
-
props.uploadProgress[id] == 100 && __props.fileSaved && __props.virusCheck[id] == "failed" ? (openBlock(), createElementBlock("span", _hoisted_7$
|
|
11202
|
-
props.uploadProgress[id] == 100 && __props.fileSaved && __props.virusCheck[id] == "detected" ? (openBlock(), createElementBlock("span", _hoisted_8$
|
|
11203
|
-
_hoisted_9$
|
|
11204
|
-
__props.fileSaved && !__props.errorOccured[id] || !__props.errorOccured[id] && __props.virusCheck[id] ? (openBlock(), createElementBlock("span", _hoisted_10$
|
|
11205
|
-
__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)
|
|
11206
11219
|
]),
|
|
11207
|
-
!__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)
|
|
11208
11221
|
]),
|
|
11209
11222
|
!__props.fileSaved ? (openBlock(), createElementBlock("progress", {
|
|
11210
11223
|
key: 0,
|
|
11211
11224
|
id: "file",
|
|
11212
11225
|
max: "100",
|
|
11213
11226
|
value: props.uploadProgress[id]
|
|
11214
|
-
}, toDisplayString(props.uploadProgress[id]) + "% ", 9, _hoisted_13)) : createCommentVNode("", true)
|
|
11227
|
+
}, toDisplayString(props.uploadProgress[id]) + "% ", 9, _hoisted_13$1)) : createCommentVNode("", true)
|
|
11215
11228
|
]),
|
|
11216
11229
|
__props.fileSaved && !__props.virusCheck[id] && !__props.errorOccured[id] ? (openBlock(), createElementBlock("a", {
|
|
11217
11230
|
key: 4,
|
|
@@ -11224,7 +11237,7 @@ const _sfc_main$f = {
|
|
|
11224
11237
|
"icon-name": "download",
|
|
11225
11238
|
size: 24
|
|
11226
11239
|
})
|
|
11227
|
-
], 8, _hoisted_14)) : createCommentVNode("", true),
|
|
11240
|
+
], 8, _hoisted_14$1)) : createCommentVNode("", true),
|
|
11228
11241
|
__props.fileSaved && __props.errorOccured[id] ? (openBlock(), createElementBlock("a", {
|
|
11229
11242
|
key: 5,
|
|
11230
11243
|
class: "file__upload_list_retry",
|
|
@@ -11252,9 +11265,9 @@ const _sfc_main$f = {
|
|
|
11252
11265
|
], 2);
|
|
11253
11266
|
}), 128))
|
|
11254
11267
|
])) : createCommentVNode("", true),
|
|
11255
|
-
!fileSelected.value && !__props.inline ? (openBlock(), createElementBlock("div", _hoisted_15, " No file selected ")) : createCommentVNode("", true),
|
|
11256
|
-
!__props.inline && !__props.fileSaved ? (openBlock(), createElementBlock("div", _hoisted_16, [
|
|
11257
|
-
_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,
|
|
11258
11271
|
createElementVNode("button", {
|
|
11259
11272
|
class: normalizeClass([
|
|
11260
11273
|
"file__upload_action_done",
|
|
@@ -11267,7 +11280,7 @@ const _sfc_main$f = {
|
|
|
11267
11280
|
};
|
|
11268
11281
|
}
|
|
11269
11282
|
};
|
|
11270
|
-
const _sfc_main$
|
|
11283
|
+
const _sfc_main$f = defineComponent({
|
|
11271
11284
|
components: { DhIcon },
|
|
11272
11285
|
props: {
|
|
11273
11286
|
hasCloseButton: {
|
|
@@ -11314,17 +11327,17 @@ const _sfc_main$e = defineComponent({
|
|
|
11314
11327
|
}
|
|
11315
11328
|
}
|
|
11316
11329
|
});
|
|
11317
|
-
const _hoisted_1$
|
|
11330
|
+
const _hoisted_1$f = {
|
|
11318
11331
|
key: 1,
|
|
11319
11332
|
id: "modal-sidebar",
|
|
11320
11333
|
class: "modal-sidebar"
|
|
11321
11334
|
};
|
|
11322
|
-
const _hoisted_2$
|
|
11335
|
+
const _hoisted_2$e = {
|
|
11323
11336
|
key: 0,
|
|
11324
11337
|
id: "modalTitle",
|
|
11325
11338
|
class: "modal-header"
|
|
11326
11339
|
};
|
|
11327
|
-
const _hoisted_3$
|
|
11340
|
+
const _hoisted_3$a = { class: "modal-footer" };
|
|
11328
11341
|
function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11329
11342
|
const _component_dh_icon = resolveComponent("dh-icon");
|
|
11330
11343
|
return openBlock(), createBlock(Transition, { name: "modal-fade" }, {
|
|
@@ -11354,14 +11367,14 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11354
11367
|
size: 24
|
|
11355
11368
|
})
|
|
11356
11369
|
])) : createCommentVNode("", true),
|
|
11357
|
-
_ctx.hasSideBar ? (openBlock(), createElementBlock("aside", _hoisted_1$
|
|
11370
|
+
_ctx.hasSideBar ? (openBlock(), createElementBlock("aside", _hoisted_1$f, [
|
|
11358
11371
|
renderSlot(_ctx.$slots, "sidebar"),
|
|
11359
11372
|
_ctx.hasSideBarButtonBottom ? renderSlot(_ctx.$slots, "sidebar-button-bottom", { key: 0 }) : createCommentVNode("", true)
|
|
11360
11373
|
])) : createCommentVNode("", true),
|
|
11361
11374
|
createElementVNode("section", {
|
|
11362
11375
|
class: normalizeClass(`right-section ${_ctx.hasSideBar ? "" : "full"}`)
|
|
11363
11376
|
}, [
|
|
11364
|
-
_ctx.hasHeader ? (openBlock(), createElementBlock("header", _hoisted_2$
|
|
11377
|
+
_ctx.hasHeader ? (openBlock(), createElementBlock("header", _hoisted_2$e, [
|
|
11365
11378
|
renderSlot(_ctx.$slots, "header")
|
|
11366
11379
|
])) : createCommentVNode("", true),
|
|
11367
11380
|
createElementVNode("section", {
|
|
@@ -11370,7 +11383,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11370
11383
|
}, [
|
|
11371
11384
|
renderSlot(_ctx.$slots, "body")
|
|
11372
11385
|
], 2),
|
|
11373
|
-
createElementVNode("footer", _hoisted_3$
|
|
11386
|
+
createElementVNode("footer", _hoisted_3$a, [
|
|
11374
11387
|
_ctx.hasFooter ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : createCommentVNode("", true),
|
|
11375
11388
|
_ctx.hasFooterButtonRight ? renderSlot(_ctx.$slots, "footer-button-right", { key: 1 }) : createCommentVNode("", true)
|
|
11376
11389
|
])
|
|
@@ -11381,12 +11394,12 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11381
11394
|
_: 3
|
|
11382
11395
|
});
|
|
11383
11396
|
}
|
|
11384
|
-
var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11397
|
+
var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$6]]);
|
|
11385
11398
|
var __glob_1_0 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMy41YTguNSA4LjUgMCAxIDAgMCAxNyA4LjUgOC41IDAgMCAwIDAtMTd6TTIuNSAxMmE5LjUgOS41IDAgMSAxIDE5IDAgOS41IDkuNSAwIDAgMS0xOSAweiIgZmlsbD0iI0MzMkYyNyIvPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiA3LjVhLjUuNSAwIDAgMSAuNS41djRhLjUuNSAwIDAgMS0xIDBWOGEuNS41IDAgMCAxIC41LS41ek0xMS4yNSAxNmEuNzUuNzUgMCAwIDEgLjc1LS43NWguMDFhLjc1Ljc1IDAgMCAxIDAgMS41SDEyYS43NS43NSAwIDAgMS0uNzUtLjc1eiIgZmlsbD0iI0MzMkYyNyIvPgo8L3N2Zz4K";
|
|
11386
11399
|
var __glob_1_1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNy40NTIgMTkuMTg5SDYuNTU4QTIuNTYgMi41NiAwIDAgMSA0IDE2LjYzMVYxNmMwLTEgLjQxNS0xLjk1OSAxLjEzOC0yLjY0NS40MzMtLjQxLjY3OC0uOTc3LjY3OC0xLjU3MlY5LjE4NEE2LjE5MSA2LjE5MSAwIDAgMSAxMiAzYTYuMTkxIDYuMTkxIDAgMCAxIDYuMTg0IDYuMTg0djIuNmMwIC41OTQuMjQ1IDEuMTY1LjY3OCAxLjU3QTMuNjM2IDMuNjM2IDAgMCAxIDIwIDE2di42MzFhMi41NDcgMi41NDcgMCAwIDEtMi41NDkgMi41NTh6bS01LjQ0Ny0xNC43MmE0LjcxOCA0LjcxOCAwIDAgMC00LjcxIDQuNzF2Mi42YzAgMS0uNDE0IDEuOTU4LTEuMTM4IDIuNjQ1LS40MzMuNDEtLjY3Ny45NzctLjY3NyAxLjU3MXYuNjMyYzAgLjU5OS40ODQgMS4wNzggMS4wODMgMS4wODJoMTAuODk0Yy41OTQgMCAxLjA3OC0uNDgzIDEuMDgzLTEuMDgydi0uNjMyYzAtLjU5NC0uMjQ0LTEuMTY2LS42NzgtMS41NzFhMy42MzYgMy42MzYgMCAwIDEtMS4xMzgtMi42NDZWOS4xNzVhNC43MjUgNC43MjUgMCAwIDAtNC43MTktNC43MDV6TTEzLjkwNCAyMS40NjZoLTMuNzk4YS43NC43NCAwIDAgMS0uNzM3LS43MzguNzQuNzQgMCAwIDEgLjczNy0uNzM3aDMuNzk4YS43MzcuNzM3IDAgMSAxIDAgMS40NzV6IiBmaWxsPSIjQkZCRkJGIi8+Cjwvc3ZnPgo=";
|
|
11387
11400
|
var __glob_1_2 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuNDI3IDYuMjUzYTEgMSAwIDAgMSAwIDEuNDE0bC05LjI0IDkuMjRhMSAxIDAgMCAxLTEuNDE0IDBsLTQuMi00LjJhMSAxIDAgMSAxIDEuNDE0LTEuNDE0bDMuNDkzIDMuNDkzIDguNTMzLTguNTMzYTEgMSAwIDAgMSAxLjQxNCAweiIgZmlsbD0iIzNDQTA2NCIvPgo8L3N2Zz4K";
|
|
11388
11401
|
var __glob_1_3 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuODkzIDMuNzlhMi4yNTYgMi4yNTYgMCAwIDEgMy4wMzYuNzk2bC4wMDIuMDAzIDcuNDQyIDEyLjQyNGEyLjI1NyAyLjI1NyAwIDAgMS0xLjkzIDMuMzg0SDQuNTU3YTIuMjU3IDIuMjU3IDAgMCAxLTEuOTI5LTMuMzg0bC4wMDQtLjAwN0wxMC4wNyA0LjU4OWwuMDAyLS4wMDNjLjIwMS0uMzMxLjQ4NC0uNjA2LjgyMi0uNzk2ek0xMiA0LjVhMS4yNTYgMS4yNTYgMCAwIDAtMS4wNzMuNjA0aC0uMDAxTDMuNDkgMTcuNTE3YTEuMjU2IDEuMjU2IDAgMCAwIDEuMDc0IDEuODgxaDE0Ljg3YTEuMjU2IDEuMjU2IDAgMCAwIDEuMDc0LTEuODgxTDEzLjA3NCA1LjEwNXYtLjAwMUExLjI1NyAxLjI1NyAwIDAgMCAxMiA0LjV6IiBmaWxsPSIjRjI5OTRBIi8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDguODZhLjUuNSAwIDAgMSAuNS41djMuNTEyYS41LjUgMCAxIDEtMSAwVjkuMzU5YS41LjUgMCAwIDEgLjUtLjV6TTExLjI1IDE2LjM4NWEuNzUuNzUgMCAwIDEgLjc1LS43NWguMDA5YS43NS43NSAwIDEgMSAwIDEuNUgxMmEuNzUuNzUgMCAwIDEtLjc1LS43NXoiIGZpbGw9IiNGMjk5NEEiLz4KPC9zdmc+Cg==";
|
|
11389
|
-
const _sfc_main$
|
|
11402
|
+
const _sfc_main$e = defineComponent({
|
|
11390
11403
|
props: {
|
|
11391
11404
|
notificationType: {
|
|
11392
11405
|
type: String,
|
|
@@ -11457,21 +11470,21 @@ const _sfc_main$d = defineComponent({
|
|
|
11457
11470
|
}
|
|
11458
11471
|
}
|
|
11459
11472
|
});
|
|
11460
|
-
const _hoisted_1$
|
|
11473
|
+
const _hoisted_1$e = /* @__PURE__ */ createElementVNode("img", {
|
|
11461
11474
|
alt: "icon",
|
|
11462
11475
|
class: "close-icon",
|
|
11463
|
-
src: _imports_0
|
|
11476
|
+
src: _imports_0$1
|
|
11464
11477
|
}, null, -1);
|
|
11465
|
-
const _hoisted_2$
|
|
11466
|
-
_hoisted_1$
|
|
11478
|
+
const _hoisted_2$d = [
|
|
11479
|
+
_hoisted_1$e
|
|
11467
11480
|
];
|
|
11468
|
-
const _hoisted_3$
|
|
11469
|
-
const _hoisted_4$
|
|
11470
|
-
const _hoisted_5$
|
|
11481
|
+
const _hoisted_3$9 = ["src"];
|
|
11482
|
+
const _hoisted_4$6 = { class: "additional-text" };
|
|
11483
|
+
const _hoisted_5$3 = {
|
|
11471
11484
|
key: 0,
|
|
11472
11485
|
class: "descriptions"
|
|
11473
11486
|
};
|
|
11474
|
-
const _hoisted_6$
|
|
11487
|
+
const _hoisted_6$3 = { class: "btn btn-normal btn-primary" };
|
|
11475
11488
|
function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11476
11489
|
return openBlock(), createElementBlock("div", {
|
|
11477
11490
|
class: normalizeClass(`dh-notification-container ${_ctx.notificationType}`)
|
|
@@ -11484,7 +11497,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11484
11497
|
key: 0,
|
|
11485
11498
|
class: "close-notification",
|
|
11486
11499
|
onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.close && _ctx.close(...args), ["prevent"]))
|
|
11487
|
-
}, _hoisted_2$
|
|
11500
|
+
}, _hoisted_2$d)) : createCommentVNode("", true),
|
|
11488
11501
|
createElementVNode("div", {
|
|
11489
11502
|
class: normalizeClass(`content content- ${_ctx.notificationType}`)
|
|
11490
11503
|
}, [
|
|
@@ -11494,19 +11507,19 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11494
11507
|
createElementVNode("img", {
|
|
11495
11508
|
class: normalizeClass(`icons icons-${_ctx.status} icons-${_ctx.status}-${_ctx.notificationType}`),
|
|
11496
11509
|
src: _ctx.getIconUrl()
|
|
11497
|
-
}, null, 10, _hoisted_3$
|
|
11510
|
+
}, null, 10, _hoisted_3$9)
|
|
11498
11511
|
], 2),
|
|
11499
|
-
createElementVNode("div", _hoisted_4$
|
|
11512
|
+
createElementVNode("div", _hoisted_4$6, [
|
|
11500
11513
|
createElementVNode("div", {
|
|
11501
11514
|
class: normalizeClass(`title title-${_ctx.notificationType}`)
|
|
11502
11515
|
}, toDisplayString(_ctx.limitTitle(_ctx.title, _ctx.notificationType)), 3),
|
|
11503
|
-
!["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)
|
|
11504
11517
|
]),
|
|
11505
11518
|
!["toast", "bottom-message"].includes(_ctx.notificationType) ? (openBlock(), createElementBlock("div", {
|
|
11506
11519
|
key: 0,
|
|
11507
11520
|
class: normalizeClass(`buttons ${_ctx.notificationType}`)
|
|
11508
11521
|
}, [
|
|
11509
|
-
createElementVNode("button", _hoisted_6$
|
|
11522
|
+
createElementVNode("button", _hoisted_6$3, toDisplayString(_ctx.notificationButton), 1),
|
|
11510
11523
|
createElementVNode("button", {
|
|
11511
11524
|
class: "btn btn-normal btn-secondary dismiss",
|
|
11512
11525
|
onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.close && _ctx.close(...args), ["prevent"]))
|
|
@@ -11516,7 +11529,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11516
11529
|
], 2)) : createCommentVNode("", true)
|
|
11517
11530
|
], 2);
|
|
11518
11531
|
}
|
|
11519
|
-
var Notification = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11532
|
+
var Notification = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$5]]);
|
|
11520
11533
|
/*!
|
|
11521
11534
|
* Chart.js v3.9.1
|
|
11522
11535
|
* https://www.chartjs.org
|
|
@@ -11544,7 +11557,7 @@ function isArray(value) {
|
|
|
11544
11557
|
}
|
|
11545
11558
|
return false;
|
|
11546
11559
|
}
|
|
11547
|
-
function isObject(value) {
|
|
11560
|
+
function isObject$1(value) {
|
|
11548
11561
|
return value !== null && Object.prototype.toString.call(value) === "[object Object]";
|
|
11549
11562
|
}
|
|
11550
11563
|
const isNumberFinite = (value) => (typeof value === "number" || value instanceof Number) && isFinite(+value);
|
|
@@ -11574,7 +11587,7 @@ function each(loopable, fn, thisArg, reverse) {
|
|
|
11574
11587
|
fn.call(thisArg, loopable[i2], i2);
|
|
11575
11588
|
}
|
|
11576
11589
|
}
|
|
11577
|
-
} else if (isObject(loopable)) {
|
|
11590
|
+
} else if (isObject$1(loopable)) {
|
|
11578
11591
|
keys = Object.keys(loopable);
|
|
11579
11592
|
len = keys.length;
|
|
11580
11593
|
for (i2 = 0; i2 < len; i2++) {
|
|
@@ -11600,7 +11613,7 @@ function clone$1(source) {
|
|
|
11600
11613
|
if (isArray(source)) {
|
|
11601
11614
|
return source.map(clone$1);
|
|
11602
11615
|
}
|
|
11603
|
-
if (isObject(source)) {
|
|
11616
|
+
if (isObject$1(source)) {
|
|
11604
11617
|
const target = /* @__PURE__ */ Object.create(null);
|
|
11605
11618
|
const keys = Object.keys(source);
|
|
11606
11619
|
const klen = keys.length;
|
|
@@ -11621,7 +11634,7 @@ function _merger(key, target, source, options) {
|
|
|
11621
11634
|
}
|
|
11622
11635
|
const tval = target[key];
|
|
11623
11636
|
const sval = source[key];
|
|
11624
|
-
if (isObject(tval) && isObject(sval)) {
|
|
11637
|
+
if (isObject$1(tval) && isObject$1(sval)) {
|
|
11625
11638
|
merge(tval, sval, options);
|
|
11626
11639
|
} else {
|
|
11627
11640
|
target[key] = clone$1(sval);
|
|
@@ -11630,14 +11643,14 @@ function _merger(key, target, source, options) {
|
|
|
11630
11643
|
function merge(target, source, options) {
|
|
11631
11644
|
const sources = isArray(source) ? source : [source];
|
|
11632
11645
|
const ilen = sources.length;
|
|
11633
|
-
if (!isObject(target)) {
|
|
11646
|
+
if (!isObject$1(target)) {
|
|
11634
11647
|
return target;
|
|
11635
11648
|
}
|
|
11636
11649
|
options = options || {};
|
|
11637
11650
|
const merger = options.merger || _merger;
|
|
11638
11651
|
for (let i2 = 0; i2 < ilen; ++i2) {
|
|
11639
11652
|
source = sources[i2];
|
|
11640
|
-
if (!isObject(source)) {
|
|
11653
|
+
if (!isObject$1(source)) {
|
|
11641
11654
|
continue;
|
|
11642
11655
|
}
|
|
11643
11656
|
const keys = Object.keys(source);
|
|
@@ -11656,7 +11669,7 @@ function _mergerIf(key, target, source) {
|
|
|
11656
11669
|
}
|
|
11657
11670
|
const tval = target[key];
|
|
11658
11671
|
const sval = source[key];
|
|
11659
|
-
if (isObject(tval) && isObject(sval)) {
|
|
11672
|
+
if (isObject$1(tval) && isObject$1(sval)) {
|
|
11660
11673
|
mergeIf(tval, sval);
|
|
11661
11674
|
} else if (!Object.prototype.hasOwnProperty.call(target, key)) {
|
|
11662
11675
|
target[key] = clone$1(sval);
|
|
@@ -12722,7 +12735,7 @@ class Defaults {
|
|
|
12722
12735
|
get() {
|
|
12723
12736
|
const local = this[privateName];
|
|
12724
12737
|
const target = targetScopeObject[targetName];
|
|
12725
|
-
if (isObject(local)) {
|
|
12738
|
+
if (isObject$1(local)) {
|
|
12726
12739
|
return Object.assign({}, target, local);
|
|
12727
12740
|
}
|
|
12728
12741
|
return valueOrDefault(local, target);
|
|
@@ -13043,9 +13056,9 @@ function toLineHeight(value, size) {
|
|
|
13043
13056
|
const numberOrZero = (v) => +v || 0;
|
|
13044
13057
|
function _readValueToProps(value, props) {
|
|
13045
13058
|
const ret = {};
|
|
13046
|
-
const objProps = isObject(props);
|
|
13059
|
+
const objProps = isObject$1(props);
|
|
13047
13060
|
const keys = objProps ? Object.keys(props) : props;
|
|
13048
|
-
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;
|
|
13049
13062
|
for (const prop of keys) {
|
|
13050
13063
|
ret[prop] = numberOrZero(read(prop));
|
|
13051
13064
|
}
|
|
@@ -13215,7 +13228,7 @@ function _descriptors(proxy, defaults2 = { scriptable: true, indexable: true })
|
|
|
13215
13228
|
};
|
|
13216
13229
|
}
|
|
13217
13230
|
const readKey = (prefix, name) => prefix ? prefix + _capitalize(name) : name;
|
|
13218
|
-
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);
|
|
13219
13232
|
function _cached(target, prop, resolve2) {
|
|
13220
13233
|
if (Object.prototype.hasOwnProperty.call(target, prop)) {
|
|
13221
13234
|
return target[prop];
|
|
@@ -13255,7 +13268,7 @@ function _resolveArray(prop, value, target, isIndexable) {
|
|
|
13255
13268
|
const { _proxy, _context, _subProxy, _descriptors: descriptors2 } = target;
|
|
13256
13269
|
if (defined(_context.index) && isIndexable(prop)) {
|
|
13257
13270
|
value = value[_context.index % value.length];
|
|
13258
|
-
} else if (isObject(value[0])) {
|
|
13271
|
+
} else if (isObject$1(value[0])) {
|
|
13259
13272
|
const arr = value;
|
|
13260
13273
|
const scopes = _proxy._scopes.filter((s3) => s3 !== arr);
|
|
13261
13274
|
value = [];
|
|
@@ -13315,7 +13328,7 @@ function subGetTarget(resolver, prop, value) {
|
|
|
13315
13328
|
parent[prop] = {};
|
|
13316
13329
|
}
|
|
13317
13330
|
const target = parent[prop];
|
|
13318
|
-
if (isArray(target) && isObject(value)) {
|
|
13331
|
+
if (isArray(target) && isObject$1(value)) {
|
|
13319
13332
|
return value;
|
|
13320
13333
|
}
|
|
13321
13334
|
return target;
|
|
@@ -13807,7 +13820,7 @@ function normalizeSegment({ start, end, count, loop, style }) {
|
|
|
13807
13820
|
}
|
|
13808
13821
|
function getSegment(segment, points, bounds) {
|
|
13809
13822
|
const { property, start: startBound, end: endBound } = bounds;
|
|
13810
|
-
const { between, normalize } = propertyFn(property);
|
|
13823
|
+
const { between, normalize: normalize2 } = propertyFn(property);
|
|
13811
13824
|
const count = points.length;
|
|
13812
13825
|
let { start, end, loop } = segment;
|
|
13813
13826
|
let i2, ilen;
|
|
@@ -13815,7 +13828,7 @@ function getSegment(segment, points, bounds) {
|
|
|
13815
13828
|
start += count;
|
|
13816
13829
|
end += count;
|
|
13817
13830
|
for (i2 = 0, ilen = count; i2 < ilen; ++i2) {
|
|
13818
|
-
if (!between(
|
|
13831
|
+
if (!between(normalize2(points[start % count][property]), startBound, endBound)) {
|
|
13819
13832
|
break;
|
|
13820
13833
|
}
|
|
13821
13834
|
start--;
|
|
@@ -13835,7 +13848,7 @@ function _boundSegment(segment, points, bounds) {
|
|
|
13835
13848
|
}
|
|
13836
13849
|
const { property, start: startBound, end: endBound } = bounds;
|
|
13837
13850
|
const count = points.length;
|
|
13838
|
-
const { compare, between, normalize } = propertyFn(property);
|
|
13851
|
+
const { compare, between, normalize: normalize2 } = propertyFn(property);
|
|
13839
13852
|
const { start, end, loop, style } = getSegment(segment, points, bounds);
|
|
13840
13853
|
const result = [];
|
|
13841
13854
|
let inside = false;
|
|
@@ -13850,7 +13863,7 @@ function _boundSegment(segment, points, bounds) {
|
|
|
13850
13863
|
if (point.skip) {
|
|
13851
13864
|
continue;
|
|
13852
13865
|
}
|
|
13853
|
-
value =
|
|
13866
|
+
value = normalize2(point[property]);
|
|
13854
13867
|
if (value === prevValue) {
|
|
13855
13868
|
continue;
|
|
13856
13869
|
}
|
|
@@ -14325,13 +14338,13 @@ class Animations {
|
|
|
14325
14338
|
this.configure(config);
|
|
14326
14339
|
}
|
|
14327
14340
|
configure(config) {
|
|
14328
|
-
if (!isObject(config)) {
|
|
14341
|
+
if (!isObject$1(config)) {
|
|
14329
14342
|
return;
|
|
14330
14343
|
}
|
|
14331
14344
|
const animatedProps = this._properties;
|
|
14332
14345
|
Object.getOwnPropertyNames(config).forEach((key) => {
|
|
14333
14346
|
const cfg = config[key];
|
|
14334
|
-
if (!isObject(cfg)) {
|
|
14347
|
+
if (!isObject$1(cfg)) {
|
|
14335
14348
|
return;
|
|
14336
14349
|
}
|
|
14337
14350
|
const resolved = {};
|
|
@@ -14458,7 +14471,7 @@ function defaultClip(xScale, yScale, allowedOverflow) {
|
|
|
14458
14471
|
}
|
|
14459
14472
|
function toClip(value) {
|
|
14460
14473
|
let t2, r, b2, l;
|
|
14461
|
-
if (isObject(value)) {
|
|
14474
|
+
if (isObject$1(value)) {
|
|
14462
14475
|
t2 = value.top;
|
|
14463
14476
|
r = value.right;
|
|
14464
14477
|
b2 = value.bottom;
|
|
@@ -14688,7 +14701,7 @@ class DatasetController {
|
|
|
14688
14701
|
const dataset = this.getDataset();
|
|
14689
14702
|
const data = dataset.data || (dataset.data = []);
|
|
14690
14703
|
const _data = this._data;
|
|
14691
|
-
if (isObject(data)) {
|
|
14704
|
+
if (isObject$1(data)) {
|
|
14692
14705
|
this._data = convertObjectDataToArray(data);
|
|
14693
14706
|
} else if (_data !== data) {
|
|
14694
14707
|
if (_data) {
|
|
@@ -14750,7 +14763,7 @@ class DatasetController {
|
|
|
14750
14763
|
} else {
|
|
14751
14764
|
if (isArray(data[start])) {
|
|
14752
14765
|
parsed = this.parseArrayData(meta, data, start, count);
|
|
14753
|
-
} else if (isObject(data[start])) {
|
|
14766
|
+
} else if (isObject$1(data[start])) {
|
|
14754
14767
|
parsed = this.parseObjectData(meta, data, start, count);
|
|
14755
14768
|
} else {
|
|
14756
14769
|
parsed = this.parsePrimitiveData(meta, data, start, count);
|
|
@@ -15765,7 +15778,7 @@ class DoughnutController extends DatasetController {
|
|
|
15765
15778
|
meta._parsed = data;
|
|
15766
15779
|
} else {
|
|
15767
15780
|
let getter = (i3) => +data[i3];
|
|
15768
|
-
if (isObject(data[start])) {
|
|
15781
|
+
if (isObject$1(data[start])) {
|
|
15769
15782
|
const { key = "value" } = this._parsing;
|
|
15770
15783
|
getter = (i3) => +resolveObjectKey(data[i3], key);
|
|
15771
15784
|
}
|
|
@@ -16717,7 +16730,7 @@ function titleArgs(scale, offset, position, align) {
|
|
|
16717
16730
|
const width = right - left;
|
|
16718
16731
|
if (scale.isHorizontal()) {
|
|
16719
16732
|
titleX = _alignStartEnd(align, left, right);
|
|
16720
|
-
if (isObject(position)) {
|
|
16733
|
+
if (isObject$1(position)) {
|
|
16721
16734
|
const positionAxisID = Object.keys(position)[0];
|
|
16722
16735
|
const value = position[positionAxisID];
|
|
16723
16736
|
titleY = scales[positionAxisID].getPixelForValue(value) + height - offset;
|
|
@@ -16728,7 +16741,7 @@ function titleArgs(scale, offset, position, align) {
|
|
|
16728
16741
|
}
|
|
16729
16742
|
maxWidth = right - left;
|
|
16730
16743
|
} else {
|
|
16731
|
-
if (isObject(position)) {
|
|
16744
|
+
if (isObject$1(position)) {
|
|
16732
16745
|
const positionAxisID = Object.keys(position)[0];
|
|
16733
16746
|
const value = position[positionAxisID];
|
|
16734
16747
|
titleX = scales[positionAxisID].getPixelForValue(value) - width + offset;
|
|
@@ -17299,7 +17312,7 @@ class Scale extends Element {
|
|
|
17299
17312
|
} else if (axis === "x") {
|
|
17300
17313
|
if (position === "center") {
|
|
17301
17314
|
borderValue = alignBorderValue((chartArea.top + chartArea.bottom) / 2 + 0.5);
|
|
17302
|
-
} else if (isObject(position)) {
|
|
17315
|
+
} else if (isObject$1(position)) {
|
|
17303
17316
|
const positionAxisID = Object.keys(position)[0];
|
|
17304
17317
|
const value = position[positionAxisID];
|
|
17305
17318
|
borderValue = alignBorderValue(this.chart.scales[positionAxisID].getPixelForValue(value));
|
|
@@ -17311,7 +17324,7 @@ class Scale extends Element {
|
|
|
17311
17324
|
} else if (axis === "y") {
|
|
17312
17325
|
if (position === "center") {
|
|
17313
17326
|
borderValue = alignBorderValue((chartArea.left + chartArea.right) / 2);
|
|
17314
|
-
} else if (isObject(position)) {
|
|
17327
|
+
} else if (isObject$1(position)) {
|
|
17315
17328
|
const positionAxisID = Object.keys(position)[0];
|
|
17316
17329
|
const value = position[positionAxisID];
|
|
17317
17330
|
borderValue = alignBorderValue(this.chart.scales[positionAxisID].getPixelForValue(value));
|
|
@@ -17397,7 +17410,7 @@ class Scale extends Element {
|
|
|
17397
17410
|
} else if (axis === "x") {
|
|
17398
17411
|
if (position === "center") {
|
|
17399
17412
|
y3 = (chartArea.top + chartArea.bottom) / 2 + tickAndPadding;
|
|
17400
|
-
} else if (isObject(position)) {
|
|
17413
|
+
} else if (isObject$1(position)) {
|
|
17401
17414
|
const positionAxisID = Object.keys(position)[0];
|
|
17402
17415
|
const value = position[positionAxisID];
|
|
17403
17416
|
y3 = this.chart.scales[positionAxisID].getPixelForValue(value) + tickAndPadding;
|
|
@@ -17406,7 +17419,7 @@ class Scale extends Element {
|
|
|
17406
17419
|
} else if (axis === "y") {
|
|
17407
17420
|
if (position === "center") {
|
|
17408
17421
|
x2 = (chartArea.left + chartArea.right) / 2 - tickAndPadding;
|
|
17409
|
-
} else if (isObject(position)) {
|
|
17422
|
+
} else if (isObject$1(position)) {
|
|
17410
17423
|
const positionAxisID = Object.keys(position)[0];
|
|
17411
17424
|
const value = position[positionAxisID];
|
|
17412
17425
|
x2 = this.chart.scales[positionAxisID].getPixelForValue(value);
|
|
@@ -17728,7 +17741,7 @@ class Scale extends Element {
|
|
|
17728
17741
|
const padding = toPadding(title.padding);
|
|
17729
17742
|
const align = title.align;
|
|
17730
17743
|
let offset = font.lineHeight / 2;
|
|
17731
|
-
if (position === "bottom" || position === "center" || isObject(position)) {
|
|
17744
|
+
if (position === "bottom" || position === "center" || isObject$1(position)) {
|
|
17732
17745
|
offset += padding.bottom;
|
|
17733
17746
|
if (isArray(title.text)) {
|
|
17734
17747
|
offset += font.lineHeight * (title.text.length - 1);
|
|
@@ -18400,7 +18413,7 @@ function updateMaxPadding(maxPadding, boxPadding) {
|
|
|
18400
18413
|
function updateDims(chartArea, params, layout, stacks) {
|
|
18401
18414
|
const { pos, box } = layout;
|
|
18402
18415
|
const maxPadding = chartArea.maxPadding;
|
|
18403
|
-
if (!isObject(pos)) {
|
|
18416
|
+
if (!isObject$1(pos)) {
|
|
18404
18417
|
if (layout.size) {
|
|
18405
18418
|
chartArea[pos] -= layout.size;
|
|
18406
18419
|
}
|
|
@@ -19040,7 +19053,7 @@ function mergeScaleConfig(config, options) {
|
|
|
19040
19053
|
const scales = /* @__PURE__ */ Object.create(null);
|
|
19041
19054
|
Object.keys(configScales).forEach((id) => {
|
|
19042
19055
|
const scaleConf = configScales[id];
|
|
19043
|
-
if (!isObject(scaleConf)) {
|
|
19056
|
+
if (!isObject$1(scaleConf)) {
|
|
19044
19057
|
return console.error(`Invalid scale configuration for scale: ${id}`);
|
|
19045
19058
|
}
|
|
19046
19059
|
if (scaleConf._proxy) {
|
|
@@ -19241,7 +19254,7 @@ class Config {
|
|
|
19241
19254
|
}
|
|
19242
19255
|
createResolver(scopes, context, prefixes = [""], descriptorDefaults) {
|
|
19243
19256
|
const { resolver } = getResolver(this._resolverCache, scopes, prefixes);
|
|
19244
|
-
return isObject(context) ? _attachContext(resolver, context, void 0, descriptorDefaults) : resolver;
|
|
19257
|
+
return isObject$1(context) ? _attachContext(resolver, context, void 0, descriptorDefaults) : resolver;
|
|
19245
19258
|
}
|
|
19246
19259
|
}
|
|
19247
19260
|
function getResolver(resolverCache, scopes, prefixes) {
|
|
@@ -19262,7 +19275,7 @@ function getResolver(resolverCache, scopes, prefixes) {
|
|
|
19262
19275
|
}
|
|
19263
19276
|
return cached;
|
|
19264
19277
|
}
|
|
19265
|
-
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);
|
|
19266
19279
|
function needContext(proxy, names2) {
|
|
19267
19280
|
const { isScriptable, isIndexable } = _descriptors(proxy);
|
|
19268
19281
|
for (const prop of names2) {
|
|
@@ -20766,7 +20779,7 @@ function parseBorderRadius(bar, maxW, maxH) {
|
|
|
20766
20779
|
const o = toTRBLCorners(value);
|
|
20767
20780
|
const maxR = Math.min(maxW, maxH);
|
|
20768
20781
|
const skip2 = bar.borderSkipped;
|
|
20769
|
-
const enableBorder = enableBorderRadius || isObject(value);
|
|
20782
|
+
const enableBorder = enableBorderRadius || isObject$1(value);
|
|
20770
20783
|
return {
|
|
20771
20784
|
topLeft: skipOrLimit(!enableBorder || skip2.top || skip2.left, o.topLeft, 0, maxR),
|
|
20772
20785
|
topRight: skipOrLimit(!enableBorder || skip2.top || skip2.right, o.topRight, 0, maxR),
|
|
@@ -21396,7 +21409,7 @@ class Tooltip$1 extends Element {
|
|
|
21396
21409
|
ctx.fillStyle = labelColors.backgroundColor;
|
|
21397
21410
|
drawPoint(ctx, drawOptions, centerX, centerY);
|
|
21398
21411
|
} else {
|
|
21399
|
-
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;
|
|
21400
21413
|
ctx.strokeStyle = labelColors.borderColor;
|
|
21401
21414
|
ctx.setLineDash(labelColors.borderDash || []);
|
|
21402
21415
|
ctx.lineDashOffset = labelColors.borderDashOffset || 0;
|
|
@@ -23418,7 +23431,7 @@ const generateChart = (chartId, chartType, chartController) => {
|
|
|
23418
23431
|
};
|
|
23419
23432
|
const Bar = /* @__PURE__ */ generateChart("bar-chart", "bar", BarController);
|
|
23420
23433
|
var MultiRangeSlider_vue_vue_type_style_index_0_lang = "";
|
|
23421
|
-
const _sfc_main$
|
|
23434
|
+
const _sfc_main$d = {
|
|
23422
23435
|
name: "MultiRangeSlider",
|
|
23423
23436
|
props: {
|
|
23424
23437
|
baseClassName: {
|
|
@@ -23716,23 +23729,23 @@ const _sfc_main$c = {
|
|
|
23716
23729
|
mounted() {
|
|
23717
23730
|
}
|
|
23718
23731
|
};
|
|
23719
|
-
const _hoisted_1$
|
|
23720
|
-
const _hoisted_2$
|
|
23721
|
-
const _hoisted_3$
|
|
23722
|
-
const _hoisted_4$
|
|
23723
|
-
const _hoisted_5$
|
|
23724
|
-
const _hoisted_6$
|
|
23725
|
-
const _hoisted_7$
|
|
23726
|
-
const _hoisted_8 = { class: "max-caption" };
|
|
23727
|
-
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 = {
|
|
23728
23741
|
key: 0,
|
|
23729
23742
|
class: "ruler"
|
|
23730
23743
|
};
|
|
23731
|
-
const _hoisted_10 = {
|
|
23744
|
+
const _hoisted_10$1 = {
|
|
23732
23745
|
key: 1,
|
|
23733
23746
|
class: "sub-ruler"
|
|
23734
23747
|
};
|
|
23735
|
-
const _hoisted_11 = {
|
|
23748
|
+
const _hoisted_11$1 = {
|
|
23736
23749
|
key: 2,
|
|
23737
23750
|
class: "labels"
|
|
23738
23751
|
};
|
|
@@ -23741,7 +23754,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23741
23754
|
class: normalizeClass([$props.baseClassName, $data.rangeMarginValue === 0 ? "zero-ranage-margin" : ""]),
|
|
23742
23755
|
onMousewheel: _cache[10] || (_cache[10] = withModifiers((...args) => $options.onMouseWheel && $options.onMouseWheel(...args), ["prevent", "stop"]))
|
|
23743
23756
|
}, [
|
|
23744
|
-
createElementVNode("div", _hoisted_1$
|
|
23757
|
+
createElementVNode("div", _hoisted_1$d, [
|
|
23745
23758
|
createElementVNode("div", {
|
|
23746
23759
|
class: "bar-left",
|
|
23747
23760
|
style: normalizeStyle({ width: $options.barMin + "%" }),
|
|
@@ -23755,17 +23768,17 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23755
23768
|
step: $props.step,
|
|
23756
23769
|
value: $data.valueMin,
|
|
23757
23770
|
onInput: _cache[1] || (_cache[1] = withModifiers((...args) => $options.onInputMinChange && $options.onInputMinChange(...args), ["stop", "prevent"]))
|
|
23758
|
-
}, null, 40, _hoisted_2$
|
|
23771
|
+
}, null, 40, _hoisted_2$c),
|
|
23759
23772
|
createElementVNode("div", {
|
|
23760
23773
|
class: "thumb thumb-left",
|
|
23761
23774
|
onMousedown: _cache[2] || (_cache[2] = (...args) => $options.onLeftThumbMousedown && $options.onLeftThumbMousedown(...args)),
|
|
23762
23775
|
onTouchstart: _cache[3] || (_cache[3] = (...args) => $options.onLeftThumbMousedown && $options.onLeftThumbMousedown(...args))
|
|
23763
23776
|
}, [
|
|
23764
|
-
createElementVNode("div", _hoisted_3$
|
|
23765
|
-
createElementVNode("span", _hoisted_4$
|
|
23777
|
+
createElementVNode("div", _hoisted_3$8, [
|
|
23778
|
+
createElementVNode("span", _hoisted_4$5, toDisplayString($props.minCaption || $options.barMinVal), 1)
|
|
23766
23779
|
])
|
|
23767
23780
|
], 32),
|
|
23768
|
-
createElementVNode("div", _hoisted_5$
|
|
23781
|
+
createElementVNode("div", _hoisted_5$2, [
|
|
23769
23782
|
createElementVNode("div", {
|
|
23770
23783
|
class: "bar-inner-left",
|
|
23771
23784
|
onClick: _cache[4] || (_cache[4] = (...args) => $options.onInnerBarLeftClick && $options.onInnerBarLeftClick(...args))
|
|
@@ -23783,14 +23796,14 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23783
23796
|
step: $props.step,
|
|
23784
23797
|
value: $data.valueMax,
|
|
23785
23798
|
onInput: _cache[6] || (_cache[6] = withModifiers((...args) => $options.onInputMaxChange && $options.onInputMaxChange(...args), ["stop", "prevent"]))
|
|
23786
|
-
}, null, 40, _hoisted_6$
|
|
23799
|
+
}, null, 40, _hoisted_6$2),
|
|
23787
23800
|
createElementVNode("div", {
|
|
23788
23801
|
class: "thumb thumb-right",
|
|
23789
23802
|
onMousedown: _cache[7] || (_cache[7] = (...args) => $options.onRightThumbMousedown && $options.onRightThumbMousedown(...args)),
|
|
23790
23803
|
onTouchstart: _cache[8] || (_cache[8] = (...args) => $options.onRightThumbMousedown && $options.onRightThumbMousedown(...args))
|
|
23791
23804
|
}, [
|
|
23792
|
-
createElementVNode("div", _hoisted_7$
|
|
23793
|
-
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)
|
|
23794
23807
|
])
|
|
23795
23808
|
], 32),
|
|
23796
23809
|
createElementVNode("div", {
|
|
@@ -23799,7 +23812,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23799
23812
|
onClick: _cache[9] || (_cache[9] = (...args) => $options.onBarRightClick && $options.onBarRightClick(...args))
|
|
23800
23813
|
}, null, 4)
|
|
23801
23814
|
]),
|
|
23802
|
-
$props.ruler ? (openBlock(), createElementBlock("div", _hoisted_9, [
|
|
23815
|
+
$props.ruler ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
|
|
23803
23816
|
(openBlock(true), createElementBlock(Fragment, null, renderList($options.stepCount, (n) => {
|
|
23804
23817
|
return openBlock(), createElementBlock("div", {
|
|
23805
23818
|
key: n,
|
|
@@ -23807,7 +23820,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23807
23820
|
});
|
|
23808
23821
|
}), 128))
|
|
23809
23822
|
])) : createCommentVNode("", true),
|
|
23810
|
-
$options.subStepCount ? (openBlock(), createElementBlock("div", _hoisted_10, [
|
|
23823
|
+
$options.subStepCount ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
|
|
23811
23824
|
(openBlock(true), createElementBlock(Fragment, null, renderList($options.subStepCount, (n) => {
|
|
23812
23825
|
return openBlock(), createElementBlock("div", {
|
|
23813
23826
|
key: n,
|
|
@@ -23815,7 +23828,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23815
23828
|
});
|
|
23816
23829
|
}), 128))
|
|
23817
23830
|
])) : createCommentVNode("", true),
|
|
23818
|
-
$props.label ? (openBlock(), createElementBlock("div", _hoisted_11, [
|
|
23831
|
+
$props.label ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
|
|
23819
23832
|
(openBlock(true), createElementBlock(Fragment, null, renderList($options.scaleLabels, (label) => {
|
|
23820
23833
|
return openBlock(), createElementBlock("div", {
|
|
23821
23834
|
class: "label",
|
|
@@ -23825,10 +23838,10 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23825
23838
|
])) : createCommentVNode("", true)
|
|
23826
23839
|
], 34);
|
|
23827
23840
|
}
|
|
23828
|
-
var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
23841
|
+
var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$4]]);
|
|
23829
23842
|
var MultiRangeSliderBarOnly = "";
|
|
23830
23843
|
Chart.register(plugin_tooltip, BarElement, CategoryScale, LinearScale);
|
|
23831
|
-
const _sfc_main$
|
|
23844
|
+
const _sfc_main$c = defineComponent({
|
|
23832
23845
|
components: { Bar, MultiRangeSlider, DhAdvancedFilter },
|
|
23833
23846
|
props: {
|
|
23834
23847
|
numberRange: {
|
|
@@ -24080,22 +24093,22 @@ const _sfc_main$b = defineComponent({
|
|
|
24080
24093
|
}
|
|
24081
24094
|
}
|
|
24082
24095
|
});
|
|
24083
|
-
const _hoisted_1$
|
|
24084
|
-
const _hoisted_2$
|
|
24085
|
-
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 = {
|
|
24086
24099
|
key: 0,
|
|
24087
24100
|
class: "input-group-section"
|
|
24088
24101
|
};
|
|
24089
|
-
const _hoisted_4$
|
|
24090
|
-
const _hoisted_5 = ["disabled", "max", "value"];
|
|
24091
|
-
const _hoisted_6 = { class: "input-group sb-input" };
|
|
24092
|
-
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"];
|
|
24093
24106
|
function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
24094
24107
|
const _component_Bar = resolveComponent("Bar");
|
|
24095
24108
|
const _component_MultiRangeSlider = resolveComponent("MultiRangeSlider");
|
|
24096
24109
|
const _component_dh_advanced_filter = resolveComponent("dh-advanced-filter");
|
|
24097
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24098
|
-
createElementVNode("div", _hoisted_2$
|
|
24110
|
+
return openBlock(), createElementBlock("div", _hoisted_1$c, [
|
|
24111
|
+
createElementVNode("div", _hoisted_2$b, [
|
|
24099
24112
|
createVNode(_component_Bar, {
|
|
24100
24113
|
"chart-data": _ctx.chartData,
|
|
24101
24114
|
"chart-id": _ctx.chartId,
|
|
@@ -24119,8 +24132,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24119
24132
|
onInput: _ctx.updateBarChart
|
|
24120
24133
|
}, null, 8, ["base-class-name", "max", "max-caption", "max-value", "min-caption", "min-value", "step", "onInput"])
|
|
24121
24134
|
]),
|
|
24122
|
-
_ctx.includeForm ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
24123
|
-
createElementVNode("div", _hoisted_4$
|
|
24135
|
+
_ctx.includeForm ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
|
|
24136
|
+
createElementVNode("div", _hoisted_4$4, [
|
|
24124
24137
|
createElementVNode("label", {
|
|
24125
24138
|
class: normalizeClass(`text-2 input-to ${_ctx.validated ? "disable" : ""}`)
|
|
24126
24139
|
}, " From ", 2),
|
|
@@ -24133,9 +24146,9 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24133
24146
|
type: "number",
|
|
24134
24147
|
value: `${_ctx.min}`,
|
|
24135
24148
|
onInput: _cache[0] || (_cache[0] = ($event) => _ctx.changeMin($event))
|
|
24136
|
-
}, null, 40, _hoisted_5)
|
|
24149
|
+
}, null, 40, _hoisted_5$1)
|
|
24137
24150
|
]),
|
|
24138
|
-
createElementVNode("div", _hoisted_6, [
|
|
24151
|
+
createElementVNode("div", _hoisted_6$1, [
|
|
24139
24152
|
createElementVNode("label", {
|
|
24140
24153
|
class: normalizeClass(`text-2 input-to ${_ctx.validated ? "disable" : ""}`)
|
|
24141
24154
|
}, " To ", 2),
|
|
@@ -24148,7 +24161,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24148
24161
|
type: "number",
|
|
24149
24162
|
value: `${_ctx.max}`,
|
|
24150
24163
|
onInput: _cache[1] || (_cache[1] = ($event) => _ctx.changeMax($event))
|
|
24151
|
-
}, null, 40, _hoisted_7)
|
|
24164
|
+
}, null, 40, _hoisted_7$1)
|
|
24152
24165
|
])
|
|
24153
24166
|
])) : createCommentVNode("", true),
|
|
24154
24167
|
renderSlot(_ctx.$slots, "default"),
|
|
@@ -24159,16 +24172,16 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24159
24172
|
}, null, 8, ["onExclude", "onFilter_missing", "onMatch"])
|
|
24160
24173
|
]);
|
|
24161
24174
|
}
|
|
24162
|
-
var NumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24175
|
+
var NumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$3]]);
|
|
24163
24176
|
var PasswordField_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
24164
|
-
const _hoisted_1$
|
|
24165
|
-
const _hoisted_2$
|
|
24166
|
-
const _hoisted_3$
|
|
24167
|
-
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 = {
|
|
24168
24181
|
key: 0,
|
|
24169
24182
|
class: "password__tooltip"
|
|
24170
24183
|
};
|
|
24171
|
-
const _sfc_main$
|
|
24184
|
+
const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
24172
24185
|
__name: "PasswordField",
|
|
24173
24186
|
props: {
|
|
24174
24187
|
modelValue: {
|
|
@@ -24224,7 +24237,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
24224
24237
|
onMounted(() => () => password.value = props.modelValue || "");
|
|
24225
24238
|
watch(props, () => (password.value = props.modelValue || "", hasMinimumLength.value = password.value.length > 11, hasNumber.value = /\d/.test(password.value), hasSpecial.value = /[!@#$%^&*)(+=._-]/.test(password.value)));
|
|
24226
24239
|
return (_ctx, _cache) => {
|
|
24227
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24240
|
+
return openBlock(), createElementBlock("div", _hoisted_1$b, [
|
|
24228
24241
|
withDirectives(createElementVNode("input", {
|
|
24229
24242
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
|
|
24230
24243
|
class: "form__input password__panel_input",
|
|
@@ -24234,7 +24247,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
24234
24247
|
onFocus,
|
|
24235
24248
|
onFocusout: outFocus,
|
|
24236
24249
|
onKeyup: emitChanged
|
|
24237
|
-
}, null, 40, _hoisted_2$
|
|
24250
|
+
}, null, 40, _hoisted_2$a), [
|
|
24238
24251
|
[vModelDynamic, password.value]
|
|
24239
24252
|
]),
|
|
24240
24253
|
createElementVNode("button", {
|
|
@@ -24242,7 +24255,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
24242
24255
|
type: "button",
|
|
24243
24256
|
onClick: toggleShow
|
|
24244
24257
|
}, [
|
|
24245
|
-
createElementVNode("span", _hoisted_3$
|
|
24258
|
+
createElementVNode("span", _hoisted_3$6, [
|
|
24246
24259
|
createVNode(DhIcon, {
|
|
24247
24260
|
active: isActive.value,
|
|
24248
24261
|
"icon-name": showPassword.value ? "invisible" : "visible",
|
|
@@ -24250,7 +24263,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
24250
24263
|
}, null, 8, ["active", "icon-name"])
|
|
24251
24264
|
])
|
|
24252
24265
|
]),
|
|
24253
|
-
tooltip.value && !props.passwordTooltipDisabled ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
24266
|
+
tooltip.value && !props.passwordTooltipDisabled ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
|
|
24254
24267
|
createElementVNode("p", {
|
|
24255
24268
|
class: normalizeClass(["password__tooltip_text", hasMinimumLength.value ? "password__tooltip_text--valid" : ""])
|
|
24256
24269
|
}, [
|
|
@@ -24286,13 +24299,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
24286
24299
|
};
|
|
24287
24300
|
}
|
|
24288
24301
|
});
|
|
24289
|
-
var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24302
|
+
var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-3ae35090"]]);
|
|
24290
24303
|
var RadioBox_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
24291
|
-
const _hoisted_1$
|
|
24292
|
-
const _hoisted_2$
|
|
24293
|
-
const _hoisted_3$
|
|
24294
|
-
const _hoisted_4$
|
|
24295
|
-
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 = {
|
|
24296
24309
|
__name: "RadioBox",
|
|
24297
24310
|
props: {
|
|
24298
24311
|
type: {
|
|
@@ -24311,7 +24324,7 @@ const _sfc_main$9 = {
|
|
|
24311
24324
|
emits: ["clickBox"],
|
|
24312
24325
|
setup(__props, { emit }) {
|
|
24313
24326
|
return (_ctx, _cache) => {
|
|
24314
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24327
|
+
return openBlock(), createElementBlock("div", _hoisted_1$a, [
|
|
24315
24328
|
createElementVNode("label", {
|
|
24316
24329
|
class: "radio__label",
|
|
24317
24330
|
for: __props.value
|
|
@@ -24323,16 +24336,16 @@ const _sfc_main$9 = {
|
|
|
24323
24336
|
type: __props.type,
|
|
24324
24337
|
value: __props.value,
|
|
24325
24338
|
onClick: _cache[0] || (_cache[0] = ($event) => emit("clickBox"))
|
|
24326
|
-
}, null, 8, _hoisted_3$
|
|
24327
|
-
createElementVNode("span", _hoisted_4$
|
|
24328
|
-
], 8, _hoisted_2$
|
|
24339
|
+
}, null, 8, _hoisted_3$5),
|
|
24340
|
+
createElementVNode("span", _hoisted_4$2, toDisplayString(__props.label), 1)
|
|
24341
|
+
], 8, _hoisted_2$9)
|
|
24329
24342
|
]);
|
|
24330
24343
|
};
|
|
24331
24344
|
}
|
|
24332
24345
|
};
|
|
24333
|
-
var DhRadioBox = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24346
|
+
var DhRadioBox = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-29696bd5"]]);
|
|
24334
24347
|
var RadioBoxGroup_vue_vue_type_style_index_0_lang = "";
|
|
24335
|
-
const _sfc_main$
|
|
24348
|
+
const _sfc_main$9 = {
|
|
24336
24349
|
__name: "RadioBoxGroup",
|
|
24337
24350
|
props: {
|
|
24338
24351
|
orientation: {
|
|
@@ -24384,9 +24397,9 @@ const _sfc_main$8 = {
|
|
|
24384
24397
|
}
|
|
24385
24398
|
};
|
|
24386
24399
|
var SearchInput_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
24387
|
-
const _hoisted_1$
|
|
24388
|
-
const _hoisted_2$
|
|
24389
|
-
const _sfc_main$
|
|
24400
|
+
const _hoisted_1$9 = { class: "search-panel" };
|
|
24401
|
+
const _hoisted_2$8 = ["placeholder"];
|
|
24402
|
+
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
24390
24403
|
__name: "SearchInput",
|
|
24391
24404
|
props: {
|
|
24392
24405
|
modelValue: {
|
|
@@ -24414,14 +24427,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
24414
24427
|
onMounted(() => () => search.value = props.modelValue || "");
|
|
24415
24428
|
watch(props, () => search.value = props.modelValue || "");
|
|
24416
24429
|
return (_ctx, _cache) => {
|
|
24417
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24430
|
+
return openBlock(), createElementBlock("div", _hoisted_1$9, [
|
|
24418
24431
|
withDirectives(createElementVNode("input", {
|
|
24419
24432
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
|
|
24420
24433
|
class: "form-input search-panel-input",
|
|
24421
24434
|
"data-e2e": "search-input",
|
|
24422
24435
|
placeholder: props.placeholder,
|
|
24423
24436
|
onKeyup: emitChanged
|
|
24424
|
-
}, null, 40, _hoisted_2$
|
|
24437
|
+
}, null, 40, _hoisted_2$8), [
|
|
24425
24438
|
[vModelText, search.value]
|
|
24426
24439
|
]),
|
|
24427
24440
|
!search.value ? (openBlock(), createElementBlock("button", {
|
|
@@ -24452,12 +24465,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
24452
24465
|
};
|
|
24453
24466
|
}
|
|
24454
24467
|
});
|
|
24455
|
-
var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24468
|
+
var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-562faa14"]]);
|
|
24456
24469
|
var Stepper_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
24457
24470
|
const _withScopeId = (n) => (pushScopeId("data-v-0213b522"), n = n(), popScopeId(), n);
|
|
24458
|
-
const _hoisted_1$
|
|
24459
|
-
const _hoisted_2$
|
|
24460
|
-
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({
|
|
24461
24474
|
__name: "Stepper",
|
|
24462
24475
|
props: {
|
|
24463
24476
|
maxSteps: {
|
|
@@ -24475,7 +24488,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
24475
24488
|
return Array.from(Array(props.maxSteps || 0).keys());
|
|
24476
24489
|
}
|
|
24477
24490
|
return (_ctx, _cache) => {
|
|
24478
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24491
|
+
return openBlock(), createElementBlock("div", _hoisted_1$8, [
|
|
24479
24492
|
(openBlock(true), createElementBlock(Fragment, null, renderList(getSteps(), (step, id) => {
|
|
24480
24493
|
return openBlock(), createElementBlock("div", {
|
|
24481
24494
|
key: id,
|
|
@@ -24484,15 +24497,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
24484
24497
|
createElementVNode("span", {
|
|
24485
24498
|
class: normalizeClass(["step-number", { active: step === __props.currentStep }])
|
|
24486
24499
|
}, toDisplayString(step + 1), 3),
|
|
24487
|
-
_hoisted_2$
|
|
24500
|
+
_hoisted_2$7
|
|
24488
24501
|
]);
|
|
24489
24502
|
}), 128))
|
|
24490
24503
|
]);
|
|
24491
24504
|
};
|
|
24492
24505
|
}
|
|
24493
24506
|
});
|
|
24494
|
-
var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24495
|
-
const _sfc_main$
|
|
24507
|
+
var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-0213b522"]]);
|
|
24508
|
+
const _sfc_main$6 = defineComponent({
|
|
24496
24509
|
props: {
|
|
24497
24510
|
data: {
|
|
24498
24511
|
type: Boolean,
|
|
@@ -24522,13 +24535,13 @@ const _sfc_main$5 = defineComponent({
|
|
|
24522
24535
|
}
|
|
24523
24536
|
}
|
|
24524
24537
|
});
|
|
24525
|
-
const _hoisted_1$
|
|
24526
|
-
const _hoisted_2$
|
|
24527
|
-
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);
|
|
24528
24541
|
function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
24529
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24542
|
+
return openBlock(), createElementBlock("div", _hoisted_1$7, [
|
|
24530
24543
|
createElementVNode("span", null, toDisplayString(_ctx.label), 1),
|
|
24531
|
-
createElementVNode("label", _hoisted_2$
|
|
24544
|
+
createElementVNode("label", _hoisted_2$6, [
|
|
24532
24545
|
withDirectives(createElementVNode("input", {
|
|
24533
24546
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.checkedValue = $event),
|
|
24534
24547
|
name: "switch",
|
|
@@ -24536,12 +24549,12 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24536
24549
|
}, null, 512), [
|
|
24537
24550
|
[vModelCheckbox, _ctx.checkedValue]
|
|
24538
24551
|
]),
|
|
24539
|
-
_hoisted_3$
|
|
24552
|
+
_hoisted_3$4
|
|
24540
24553
|
])
|
|
24541
24554
|
]);
|
|
24542
24555
|
}
|
|
24543
|
-
var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24544
|
-
const _sfc_main$
|
|
24556
|
+
var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$2]]);
|
|
24557
|
+
const _sfc_main$5 = defineComponent({
|
|
24545
24558
|
props: {
|
|
24546
24559
|
target: { type: String, required: true },
|
|
24547
24560
|
trigger: { type: String, required: true },
|
|
@@ -24570,9 +24583,9 @@ const _sfc_main$4 = defineComponent({
|
|
|
24570
24583
|
}
|
|
24571
24584
|
}
|
|
24572
24585
|
});
|
|
24573
|
-
const _hoisted_1$
|
|
24574
|
-
const _hoisted_2$
|
|
24575
|
-
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" };
|
|
24576
24589
|
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
24577
24590
|
return openBlock(), createElementBlock("div", {
|
|
24578
24591
|
id: "main-contain",
|
|
@@ -24591,14 +24604,14 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24591
24604
|
ref: _ctx.target,
|
|
24592
24605
|
class: normalizeClass(`tooltiptext ${_ctx.show}`)
|
|
24593
24606
|
}, [
|
|
24594
|
-
createElementVNode("span", _hoisted_3$
|
|
24595
|
-
], 10, _hoisted_2$
|
|
24596
|
-
], 40, _hoisted_1$
|
|
24607
|
+
createElementVNode("span", _hoisted_3$3, toDisplayString(_ctx.tooltipText), 1)
|
|
24608
|
+
], 10, _hoisted_2$5)
|
|
24609
|
+
], 40, _hoisted_1$6);
|
|
24597
24610
|
}
|
|
24598
|
-
var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24611
|
+
var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1]]);
|
|
24599
24612
|
var VerificationCode_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
24600
|
-
const _hoisted_1$
|
|
24601
|
-
const _sfc_main$
|
|
24613
|
+
const _hoisted_1$5 = { class: "code" };
|
|
24614
|
+
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
24602
24615
|
__name: "VerificationCode",
|
|
24603
24616
|
props: {
|
|
24604
24617
|
code: {
|
|
@@ -24719,7 +24732,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
24719
24732
|
}
|
|
24720
24733
|
});
|
|
24721
24734
|
return (_ctx, _cache) => {
|
|
24722
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24735
|
+
return openBlock(), createElementBlock("div", _hoisted_1$5, [
|
|
24723
24736
|
createElementVNode("input", {
|
|
24724
24737
|
ref_key: "txtInput1",
|
|
24725
24738
|
ref: txtInput1,
|
|
@@ -24827,8 +24840,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
24827
24840
|
};
|
|
24828
24841
|
}
|
|
24829
24842
|
});
|
|
24830
|
-
var VerificationCode = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24831
|
-
const _sfc_main$
|
|
24843
|
+
var VerificationCode = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7d5513ee"]]);
|
|
24844
|
+
const _sfc_main$3 = defineComponent({
|
|
24832
24845
|
components: { DhIcon },
|
|
24833
24846
|
props: {
|
|
24834
24847
|
title: {
|
|
@@ -24842,8 +24855,8 @@ const _sfc_main$2 = defineComponent({
|
|
|
24842
24855
|
};
|
|
24843
24856
|
}
|
|
24844
24857
|
});
|
|
24845
|
-
const _hoisted_1$
|
|
24846
|
-
const _hoisted_2$
|
|
24858
|
+
const _hoisted_1$4 = { class: "text-1" };
|
|
24859
|
+
const _hoisted_2$4 = /* @__PURE__ */ createTextVNode(" Content ");
|
|
24847
24860
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
24848
24861
|
const _component_dh_icon = resolveComponent("dh-icon");
|
|
24849
24862
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
@@ -24852,7 +24865,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24852
24865
|
"data-e2e": "expansion-panel-button",
|
|
24853
24866
|
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.isAdvancedSettingsOpen = !_ctx.isAdvancedSettingsOpen)
|
|
24854
24867
|
}, [
|
|
24855
|
-
createElementVNode("h4", _hoisted_1$
|
|
24868
|
+
createElementVNode("h4", _hoisted_1$4, toDisplayString(_ctx.title), 1),
|
|
24856
24869
|
createVNode(_component_dh_icon, {
|
|
24857
24870
|
class: "icon",
|
|
24858
24871
|
"icon-name": _ctx.isAdvancedSettingsOpen ? "arrow-up" : "arrow-down",
|
|
@@ -24860,18 +24873,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24860
24873
|
}, null, 8, ["icon-name"])
|
|
24861
24874
|
], 2),
|
|
24862
24875
|
_ctx.isAdvancedSettingsOpen ? renderSlot(_ctx.$slots, "content", { key: 0 }, () => [
|
|
24863
|
-
_hoisted_2$
|
|
24876
|
+
_hoisted_2$4
|
|
24864
24877
|
]) : createCommentVNode("", true)
|
|
24865
24878
|
], 64);
|
|
24866
24879
|
}
|
|
24867
|
-
var ExpansionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24880
|
+
var ExpansionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render]]);
|
|
24868
24881
|
var DropdownMenu_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
24869
|
-
const _hoisted_1$
|
|
24870
|
-
const _hoisted_2$
|
|
24882
|
+
const _hoisted_1$3 = ["src"];
|
|
24883
|
+
const _hoisted_2$3 = {
|
|
24871
24884
|
key: 3,
|
|
24872
24885
|
class: "menu-item-text-wrapper"
|
|
24873
24886
|
};
|
|
24874
|
-
const _sfc_main$
|
|
24887
|
+
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
24875
24888
|
__name: "DropdownMenu",
|
|
24876
24889
|
props: {
|
|
24877
24890
|
items: {
|
|
@@ -24946,7 +24959,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
24946
24959
|
alt: "icon image",
|
|
24947
24960
|
class: "icon icon-url",
|
|
24948
24961
|
src: item.iconUrl
|
|
24949
|
-
}, null, 8, _hoisted_1$
|
|
24962
|
+
}, null, 8, _hoisted_1$3)) : createCommentVNode("", true),
|
|
24950
24963
|
!item.iconUrl ? (openBlock(), createBlock(DhIcon, mergeProps({
|
|
24951
24964
|
key: 1,
|
|
24952
24965
|
class: "icon"
|
|
@@ -24955,7 +24968,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
24955
24968
|
key: 2,
|
|
24956
24969
|
class: normalizeClass(["text-2", { "text-ellipsis": props.textEllipsis }])
|
|
24957
24970
|
}, toDisplayString(item.text), 3)) : createCommentVNode("", true),
|
|
24958
|
-
item.subText ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
24971
|
+
item.subText ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
|
|
24959
24972
|
createElementVNode("span", {
|
|
24960
24973
|
class: normalizeClass(["text-4", { "text-ellipsis": props.textEllipsis }])
|
|
24961
24974
|
}, toDisplayString(item.text), 3),
|
|
@@ -24977,13 +24990,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
24977
24990
|
};
|
|
24978
24991
|
}
|
|
24979
24992
|
});
|
|
24980
|
-
var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24993
|
+
var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-3f98d032"]]);
|
|
24981
24994
|
var InputDropdown_vue_vue_type_style_index_0_lang = "";
|
|
24982
|
-
const _hoisted_1 = { class: "input__dropdown" };
|
|
24983
|
-
const _hoisted_2 = { class: "input__dropdown_second" };
|
|
24984
|
-
const _hoisted_3 = ["tabindex"];
|
|
24985
|
-
const _hoisted_4 = ["onClick"];
|
|
24986
|
-
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 = {
|
|
24987
25000
|
__name: "InputDropdown",
|
|
24988
25001
|
props: {
|
|
24989
25002
|
list: {
|
|
@@ -25018,15 +25031,15 @@ const _sfc_main = {
|
|
|
25018
25031
|
emit("update", name.value.value, selected.value);
|
|
25019
25032
|
}
|
|
25020
25033
|
return (_ctx, _cache) => {
|
|
25021
|
-
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
25034
|
+
return openBlock(), createElementBlock("div", _hoisted_1$2, [
|
|
25022
25035
|
createElementVNode("input", {
|
|
25023
|
-
class: "input__dropdown_text",
|
|
25024
|
-
type: "text",
|
|
25025
25036
|
ref_key: "name",
|
|
25026
25037
|
ref: name,
|
|
25038
|
+
class: "input__dropdown_text",
|
|
25039
|
+
type: "text",
|
|
25027
25040
|
onInput: update
|
|
25028
25041
|
}, null, 544),
|
|
25029
|
-
createElementVNode("div", _hoisted_2, [
|
|
25042
|
+
createElementVNode("div", _hoisted_2$2, [
|
|
25030
25043
|
createVNode(DhIcon, {
|
|
25031
25044
|
"icon-name": __props.icon,
|
|
25032
25045
|
size: 18
|
|
@@ -25051,13 +25064,2262 @@ const _sfc_main = {
|
|
|
25051
25064
|
open.value = false;
|
|
25052
25065
|
update();
|
|
25053
25066
|
}
|
|
25054
|
-
}, toDisplayString(option), 9, _hoisted_4);
|
|
25067
|
+
}, toDisplayString(option), 9, _hoisted_4$1);
|
|
25055
25068
|
}), 128))
|
|
25056
25069
|
], 2)
|
|
25057
|
-
], 40, _hoisted_3)
|
|
25070
|
+
], 40, _hoisted_3$2)
|
|
25058
25071
|
])
|
|
25059
25072
|
]);
|
|
25060
25073
|
};
|
|
25061
25074
|
}
|
|
25062
25075
|
};
|
|
25063
|
-
|
|
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 };
|