@knime/jsonforms 1.10.0 → 1.10.2
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/CHANGELOG.md +16 -0
- package/dist/{AnyOfTwinlist-DeqIlR2B.js → AnyOfTwinlist-CAyoczAB.js} +1 -1
- package/dist/{Button-CN9kOg52.js → Button-BzZgjDcV.js} +1 -1
- package/dist/{Checkbox-BECqYUi7.js → Checkbox-C_i21GaA.js} +1 -1
- package/dist/{CheckboxControl-YAifFlUs.js → CheckboxControl-DDoLA6Vd.js} +2 -2
- package/dist/{Checkboxes-SN0Gyz3F.js → Checkboxes-C_e0UeAC.js} +2 -2
- package/dist/{CheckboxesControl-B9FhxSt0.js → CheckboxesControl-mSVKQ6CW.js} +2 -2
- package/dist/{ComboBoxControl-CLROGipS.js → ComboBoxControl-BY9Wb-2K.js} +5 -5
- package/dist/{DateControl-BMIbCzdJ.js → DateControl-YjVx-aFd.js} +1 -1
- package/dist/{DateTimeControl-CxFb7-M5.js → DateTimeControl-D5Z7nHgz.js} +2 -2
- package/dist/{DateTimeFormatInput-BoT3Fq6o.js → DateTimeFormatInput-DP9GTXiX.js} +57 -57
- package/dist/{DateTimeFormatPickerControl-Bh6dVZmY.js → DateTimeFormatPickerControl-DdIvsCjx.js} +2 -2
- package/dist/{DateTimeFormatPickerWithTypeControl-7Z0nCv1N.js → DateTimeFormatPickerWithTypeControl-CrrpUdTR.js} +3 -3
- package/dist/{DateTimeInput-C4Nh_2EL.js → DateTimeInput-BSUVtZ_C.js} +1182 -1182
- package/dist/{Dropdown-3hPIkzit.js → Dropdown-DP_F92tv.js} +86 -87
- package/dist/{DropdownControl-UjRCUZHh.js → DropdownControl-GMJULpL6.js} +4 -4
- package/dist/{HorizontalLayout-CJ_o8Fs4.js → HorizontalLayout-COzD3yLU.js} +1 -1
- package/dist/{InputField-dinsVJC1.js → InputField-BF7vTszr.js} +39 -39
- package/dist/{IntegerControl-DYv-Y9M7.js → IntegerControl-CKIl5Rfi.js} +1 -1
- package/dist/{IntervalControl-ETsNbmWj.js → IntervalControl-C2ykMH4V.js} +129 -129
- package/dist/{LoadingDropdown-BBu6y57e.js → LoadingDropdown-CxqiKfdN.js} +3 -3
- package/dist/{MultimodeTwinlistControl-B-Fm5b9C.js → MultimodeTwinlistControl-BM744sO6.js} +27 -27
- package/dist/{MultiselectListBox-DiY_1JbY.js → MultiselectListBox-DwBSUb9V.js} +23 -25
- package/dist/{NameFilter-ByVouGxz.js → NameFilter-Dgf1mtuH.js} +1 -1
- package/dist/{NumberControl-8pxttJYW.js → NumberControl-Cp0OiNDl.js} +1 -1
- package/dist/{NumberControlBase.vue_vue_type_script_setup_true_lang-0MWDRFG4.js → NumberControlBase.vue_vue_type_script_setup_true_lang-B7BnKygX.js} +2 -2
- package/dist/{NumberInput-BsI5jyyt.js → NumberInput-H3BZ_gou.js} +2 -2
- package/dist/{OneOfDropdown-wSdpOv-h.js → OneOfDropdown-DbkVGpS-.js} +1 -1
- package/dist/{RadioControl-DrHwFQHw.js → RadioControl-9cZ9L-XZ.js} +2 -2
- package/dist/{RadioControlBase.vue_vue_type_script_setup_true_lang-E93Q0_oH.js → RadioControlBase.vue_vue_type_script_setup_true_lang-DXLEuMzn.js} +2 -2
- package/dist/{RichTextControl-C0MHCvEi.js → RichTextControl-B6KPOKpK.js} +1915 -1915
- package/dist/{SectionHeading-Dupn5jB4.js → SectionHeading-BMWemtGd.js} +1 -1
- package/dist/{SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js → SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-CilY1FPG.js} +3747 -3746
- package/dist/{SectionLayout-B1wqBbiJ.js → SectionLayout-DR_wqkbw.js} +3 -3
- package/dist/{SettingsSubPanel-CENkQVK4.js → SettingsSubPanel-TN03TZ-e.js} +1 -1
- package/dist/SettingsSubPanelLayout-DxJd3igq.js +61 -0
- package/dist/{SimpleButtonControl-C5XhU03v.js → SimpleButtonControl-BBy1H52n.js} +3 -3
- package/dist/{SimpleTwinlistControl-B0LaCmtv.js → SimpleTwinlistControl-lyNwPBvG.js} +2 -2
- package/dist/{SingleSelectControl-CK4-CrfC.js → SingleSelectControl-BRjpWFqk.js} +2 -2
- package/dist/{SortListControl-D-JHzIyw.js → SortListControl-BTrDdu9O.js} +121 -121
- package/dist/{TextAreaControl-CVjex7AA.js → TextAreaControl-B1-g-8ug.js} +1 -1
- package/dist/{TextControl-E0OK9u3d.js → TextControl-NsT1R1rk.js} +1 -1
- package/dist/{TextControl.vue_vue_type_script_setup_true_lang-DIBicKjn.js → TextControl.vue_vue_type_script_setup_true_lang-Dgyo9rJ-.js} +4 -4
- package/dist/{TimeControl-CjoQmYQT.js → TimeControl-CWjNnOHM.js} +2 -2
- package/dist/{TwinlistControlBase-BRT_sYid.js → TwinlistControlBase-Dam1VsbM.js} +3 -3
- package/dist/{TwinlistLoadingInfo-BHR4sp2h.js → TwinlistLoadingInfo-y6JvMoCY.js} +301 -301
- package/dist/{TypedStringFilter-C7u3z9EA.js → TypedStringFilter-BjzWIu-L.js} +1 -1
- package/dist/ValueSwitch-DZ5LB9vA.js +131 -0
- package/dist/{ValueSwitchControl-DRC37vZO.js → ValueSwitchControl-BCpz0Ya4.js} +1 -1
- package/dist/{VerticalLayout-HTwvzYs2.js → VerticalLayout-WkUU2XH3.js} +2 -2
- package/dist/{VerticalLayoutBase-CaUHhg4c.js → VerticalLayoutBase-413o9U_2.js} +1 -1
- package/dist/{ZonedDateTimeControl-Dry6mj8Q.js → ZonedDateTimeControl-6u9Nbw2f.js} +4 -4
- package/dist/{_baseEach-qp9WwRfp.js → _baseEach-D8bWEfeT.js} +2 -2
- package/dist/{_baseIteratee-D1BrioPy.js → _baseIteratee-c38lvCZS.js} +3 -3
- package/dist/{_getTag-D8q3h3ou.js → _getTag-DwDUrDKD.js} +1 -1
- package/dist/arrow-dropdown-DdgjzLAO.js +17 -0
- package/dist/arrow-next-CIOU5o42.js +17 -0
- package/dist/close-BuY4mhXV.js +17 -0
- package/dist/knime-jsonforms.css +1 -1
- package/dist/knime-jsonforms.js +73 -73
- package/dist/{localTimeUtils-BAL2gOb_.js → localTimeUtils-Bpn7Hjtc.js} +1 -1
- package/dist/{magic-string.es-BNAF4une.js → magic-string.es-Dlayy_3o.js} +1 -1
- package/dist/reload-BVbCGubF.js +17 -0
- package/dist/src/JsonFormsDialog.vue.d.ts +11 -20
- package/dist/src/higherOrderComponents/control/LabeledControl.vue.d.ts +3 -12
- package/dist/src/higherOrderComponents/control/errorMessage/ErrorLine.vue.d.ts +3 -12
- package/dist/src/higherOrderComponents/control/errorMessage/ErrorMessages.vue.d.ts +4 -25
- package/dist/src/layoutComponents/Form.vue.d.ts +1 -1
- package/dist/src/layoutComponents/HorizontalLayout.vue.d.ts +1 -10
- package/dist/src/layoutComponents/SectionLayout.vue.d.ts +1 -10
- package/dist/src/layoutComponents/SettingsSubPanelLayout.vue.d.ts +1 -10
- package/dist/src/layoutComponents/VerticalLayout.vue.d.ts +1 -10
- package/dist/src/layoutComponents/VerticalLayoutBase.vue.d.ts +3 -12
- package/dist/src/layoutComponents/section/SectionHeading.vue.d.ts +3 -12
- package/dist/src/layoutComponents/settingsSubPanel/SettingsSubPanel.vue.d.ts +3 -28
- package/dist/src/layoutComponents/settingsSubPanel/SettingsSubPanelBackArrow.vue.d.ts +2 -2
- package/dist/src/loading/LoadingDialog.vue.d.ts +1 -1
- package/dist/src/renderers/defaultRenderers.d.ts +106 -1095
- package/dist/src/renderers/dropdownRenderer.d.ts +3 -219
- package/dist/src/renderers/fallbackRenderers.d.ts +4 -262
- package/dist/src/renderers/horizontalLayoutRenderer.d.ts +1 -43
- package/dist/src/renderers/sectionLayoutRenderer.d.ts +3 -87
- package/dist/src/renderers/sectionSubPanelLayoutRenderer.d.ts +1 -43
- package/dist/src/renderers/sortListRenderer.d.ts +85 -282
- package/dist/src/renderers/textMessageRenderer.d.ts +1 -109
- package/dist/src/renderers/textRenderer.d.ts +3 -219
- package/dist/src/renderers/verticalLayoutRenderer.d.ts +2 -86
- package/dist/src/uiComponents/CheckboxControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/CheckboxesControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/ComboBoxControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/DateControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/DateTimeControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/DateTimeFormatPickerControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/DateTimeFormatPickerWithTypeControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/DropdownControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/DynamicIcon.vue.d.ts +3 -12
- package/dist/src/uiComponents/IntegerControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/IntervalControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/NumberControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/NumberControlBase.vue.d.ts +3 -12
- package/dist/src/uiComponents/OneOfDropdown.vue.d.ts +1 -10
- package/dist/src/uiComponents/RadioControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/RadioControlBase.vue.d.ts +3 -12
- package/dist/src/uiComponents/SingleSelectControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/SortListControl.vue.d.ts +8 -73
- package/dist/src/uiComponents/TextAreaControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/TextControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/TextMessageControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/TimeControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/ValueSwitchControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/ZonedDateTimeControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/composables/usePossibleValues.d.ts +3 -1
- package/dist/src/uiComponents/composables/useProvidedState.d.ts +1 -1
- package/dist/src/uiComponents/loading/LoadingDropdown.vue.d.ts +1 -10
- package/dist/src/uiComponents/loading/TwinlistLoadingInfo.vue.d.ts +1 -1
- package/dist/src/uiComponents/richTextControl/DialogLinkModal.vue.d.ts +1 -10
- package/dist/src/uiComponents/richTextControl/RichTextControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/twinlist/AnyOfTwinlist.vue.d.ts +1 -10
- package/dist/src/uiComponents/twinlist/MultimodeTwinlistControl.vue.d.ts +4 -31
- package/dist/src/uiComponents/twinlist/NameFilter.vue.d.ts +1 -10
- package/dist/src/uiComponents/twinlist/SimpleTwinlistControl.vue.d.ts +1 -10
- package/dist/src/uiComponents/twinlist/TwinlistControlBase.vue.d.ts +4 -25
- package/dist/src/uiComponents/twinlist/TypedStringFilter.vue.d.ts +1 -10
- package/dist/src/uiComponents/twinlist/useUnknownValuesInTwinlist.d.ts +6 -0
- package/dist/{svgWithTitle-BomcA1vs.js → svgWithTitle-CEHRG42c.js} +2 -2
- package/dist/testUtils/component.d.ts +10 -10
- package/dist/testing.js +4395 -4085
- package/dist/{toString-DkTEiU39.js → toString-BC2RXvs0.js} +1 -1
- package/dist/{useBuiltinValidations-DXisZ150.js → useBuiltinValidations-BsKhdvbW.js} +1 -1
- package/dist/{usePossibleValues-BYX8n8sq.js → usePossibleValues-D12PcddT.js} +1 -1
- package/package.json +6 -6
- package/dist/SettingsSubPanelLayout-BzokvPPl.js +0 -61
- package/dist/ValueSwitch-CTCKgRvt.js +0 -138
- package/dist/arrow-dropdown-DjUxzjqC.js +0 -17
- package/dist/arrow-next-Qa8PNb04.js +0 -17
- package/dist/close-h7XT0ja0.js +0 -17
- package/dist/reload-BhzcZRFp.js +0 -17
|
@@ -1,90 +1,90 @@
|
|
|
1
|
-
import { openBlock as
|
|
2
|
-
import { N as
|
|
3
|
-
import { u as
|
|
4
|
-
import { z as
|
|
5
|
-
import { M as
|
|
6
|
-
import { C as
|
|
7
|
-
import { I as
|
|
8
|
-
import { c as
|
|
9
|
-
import { L as
|
|
10
|
-
const
|
|
1
|
+
import { openBlock as r, createElementBlock as v, createElementVNode as c, computed as u, nextTick as Q, resolveComponent as w, createBlock as V, normalizeClass as k, withCtx as x, renderSlot as $, createVNode as I, createCommentVNode as y, defineComponent as j, useCssVars as G, ref as T, normalizeStyle as D, Fragment as ee, renderList as te, unref as H, toRef as U, toDisplayString as R } from "vue";
|
|
2
|
+
import { N as ne } from "./arrow-next-CIOU5o42.js";
|
|
3
|
+
import { u as O } from "./useSearch-hpyYQ_6y.js";
|
|
4
|
+
import { z as le, A as se, _ as A, q as oe, v as ie } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-CilY1FPG.js";
|
|
5
|
+
import { M as ae } from "./MultiselectListBox-DwBSUb9V.js";
|
|
6
|
+
import { C as ue } from "./close-BuY4mhXV.js";
|
|
7
|
+
import { I as de } from "./InputField-BF7vTszr.js";
|
|
8
|
+
import { c as P } from "./createMissingItem-B00Kg95q.js";
|
|
9
|
+
import { L as re } from "./svgWithTitle-CEHRG42c.js";
|
|
10
|
+
const ce = {
|
|
11
11
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12
12
|
fill: "none",
|
|
13
13
|
stroke: "#000",
|
|
14
14
|
"stroke-linejoin": "round",
|
|
15
15
|
viewBox: "0 0 32 32"
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
16
|
+
};
|
|
17
|
+
function he(e, t) {
|
|
18
|
+
return r(), v("svg", ce, t[0] || (t[0] = [
|
|
19
|
+
c("circle", {
|
|
20
|
+
cx: "13.2",
|
|
21
|
+
cy: "13.2",
|
|
22
|
+
r: "10"
|
|
23
|
+
}, null, -1),
|
|
24
|
+
c("path", { d: "m20.2 20.2 8.6 8.6" }, null, -1)
|
|
25
|
+
]));
|
|
26
26
|
}
|
|
27
|
-
const
|
|
28
|
-
var
|
|
29
|
-
function
|
|
27
|
+
const me = { render: he };
|
|
28
|
+
var ve = "Expected a function";
|
|
29
|
+
function fe(e, t, n) {
|
|
30
30
|
var s = !0, o = !0;
|
|
31
31
|
if (typeof e != "function")
|
|
32
|
-
throw new TypeError(
|
|
33
|
-
return
|
|
32
|
+
throw new TypeError(ve);
|
|
33
|
+
return se(n) && (s = "leading" in n ? !!n.leading : s, o = "trailing" in n ? !!n.trailing : o), le(e, t, {
|
|
34
34
|
leading: s,
|
|
35
|
-
maxWait:
|
|
35
|
+
maxWait: t,
|
|
36
36
|
trailing: o
|
|
37
37
|
});
|
|
38
38
|
}
|
|
39
|
-
const
|
|
40
|
-
const s =
|
|
39
|
+
const K = (e, t, n) => {
|
|
40
|
+
const s = u(() => !e.value || e.value.length === 0 ? 0 : e.value.length), o = u(() => 0);
|
|
41
41
|
return ((m, f, i) => `${m} of ${f} entries`)(
|
|
42
42
|
s.value,
|
|
43
|
-
|
|
43
|
+
t,
|
|
44
44
|
o.value
|
|
45
45
|
);
|
|
46
|
-
},
|
|
46
|
+
}, we = {
|
|
47
47
|
xmlns: "http://www.w3.org/2000/svg",
|
|
48
48
|
fill: "none",
|
|
49
49
|
stroke: "#000",
|
|
50
50
|
"stroke-linejoin": "round",
|
|
51
51
|
viewBox: "0 0 32 32"
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
]
|
|
55
|
-
|
|
56
|
-
|
|
52
|
+
};
|
|
53
|
+
function be(e, t) {
|
|
54
|
+
return r(), v("svg", we, t[0] || (t[0] = [
|
|
55
|
+
c("path", { d: "M6 22.7h21.3m-6.8 6.8 6.8-6.8-6.8-6.7M26 9.3H4.7m6.8-6.8L4.7 9.3l6.8 6.7" }, null, -1)
|
|
56
|
+
]));
|
|
57
57
|
}
|
|
58
|
-
const
|
|
58
|
+
const ge = { render: be }, Se = {
|
|
59
59
|
xmlns: "http://www.w3.org/2000/svg",
|
|
60
60
|
fill: "none",
|
|
61
61
|
stroke: "#000",
|
|
62
62
|
"stroke-linejoin": "round",
|
|
63
63
|
viewBox: "0 0 32 32"
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
64
|
+
};
|
|
65
|
+
function Ie(e, t) {
|
|
66
|
+
return r(), v("svg", Se, t[0] || (t[0] = [
|
|
67
|
+
c("path", {
|
|
68
|
+
fill: "#000",
|
|
69
|
+
stroke: "none",
|
|
70
|
+
d: "M13.297 19.097H5.444l-1.763 4.891H1.132L8.29 5.246h2.163l7.17 18.742h-2.536ZM6.19 17.063h6.372L9.371 8.297ZM28.37 23.988q-.205-.412-.334-1.467-1.66 1.725-3.965 1.725-2.06 0-3.385-1.159-1.313-1.171-1.313-2.96 0-2.176 1.647-3.373 1.66-1.21 4.66-1.21h2.317V14.45q0-1.249-.746-1.983-.747-.746-2.202-.746-1.274 0-2.136.643-.863.644-.863 1.558h-2.394q0-1.043.734-2.008.746-.979 2.008-1.545 1.274-.566 2.793-.566 2.407 0 3.772 1.21 1.364 1.197 1.416 3.308v6.41q0 1.919.489 3.051v.206zm-3.951-1.815q1.12 0 2.124-.579 1.004-.58 1.454-1.506V17.23h-1.866q-4.377 0-4.377 2.562 0 1.12.747 1.75.746.631 1.918.631",
|
|
71
|
+
class: "text"
|
|
72
|
+
}, null, -1)
|
|
73
|
+
]));
|
|
74
74
|
}
|
|
75
|
-
const
|
|
75
|
+
const pe = { render: Ie }, _e = {
|
|
76
76
|
clear: "Clear",
|
|
77
77
|
inverseSearch: "Exclude results that match query",
|
|
78
78
|
caseSensitive: "Toggle case sensitivity"
|
|
79
|
-
},
|
|
79
|
+
}, ye = {
|
|
80
80
|
name: "SearchInput",
|
|
81
81
|
components: {
|
|
82
|
-
InputField:
|
|
83
|
-
FunctionButton:
|
|
84
|
-
CloseIcon:
|
|
85
|
-
LensIcon:
|
|
86
|
-
InverseSearchIcon:
|
|
87
|
-
UpperLowerCaseIcon:
|
|
82
|
+
InputField: de,
|
|
83
|
+
FunctionButton: oe,
|
|
84
|
+
CloseIcon: ue,
|
|
85
|
+
LensIcon: me,
|
|
86
|
+
InverseSearchIcon: ge,
|
|
87
|
+
UpperLowerCaseIcon: pe
|
|
88
88
|
},
|
|
89
89
|
props: {
|
|
90
90
|
id: {
|
|
@@ -171,11 +171,11 @@ const Me = { render: Ce }, Re = {
|
|
|
171
171
|
return this.showClearButton && (this.showCaseSensitiveSearchButton || this.showInverseSearchButton);
|
|
172
172
|
},
|
|
173
173
|
tooltipsWithDefaults() {
|
|
174
|
-
return { ...
|
|
174
|
+
return { ..._e, ...this.tooltips };
|
|
175
175
|
}
|
|
176
176
|
},
|
|
177
177
|
async mounted() {
|
|
178
|
-
this.focusOnMount && (await
|
|
178
|
+
this.focusOnMount && (await Q(), this.focus());
|
|
179
179
|
},
|
|
180
180
|
methods: {
|
|
181
181
|
clearSearch() {
|
|
@@ -191,122 +191,120 @@ const Me = { render: Ce }, Re = {
|
|
|
191
191
|
this.$refs.searchInput.focus();
|
|
192
192
|
}
|
|
193
193
|
}
|
|
194
|
-
},
|
|
194
|
+
}, Le = {
|
|
195
195
|
key: 0,
|
|
196
196
|
class: "icon-slot-wrapper"
|
|
197
|
-
},
|
|
197
|
+
}, ke = {
|
|
198
198
|
key: 1,
|
|
199
199
|
class: "spacer"
|
|
200
200
|
};
|
|
201
|
-
function
|
|
202
|
-
const m = w("LensIcon"), f = w("CloseIcon"), i = w("FunctionButton"),
|
|
203
|
-
return
|
|
204
|
-
id:
|
|
201
|
+
function Be(e, t, n, s, o, l) {
|
|
202
|
+
const m = w("LensIcon"), f = w("CloseIcon"), i = w("FunctionButton"), S = w("UpperLowerCaseIcon"), b = w("InverseSearchIcon"), g = w("InputField");
|
|
203
|
+
return r(), V(g, {
|
|
204
|
+
id: n.id,
|
|
205
205
|
ref: "searchInput",
|
|
206
|
-
name:
|
|
207
|
-
"model-value":
|
|
208
|
-
placeholder:
|
|
209
|
-
autofocus:
|
|
210
|
-
disabled:
|
|
211
|
-
class: k(["search-input", { disabled:
|
|
206
|
+
name: n.name,
|
|
207
|
+
"model-value": n.modelValue,
|
|
208
|
+
placeholder: n.placeholder,
|
|
209
|
+
autofocus: n.autofocus,
|
|
210
|
+
disabled: n.disabled,
|
|
211
|
+
class: k(["search-input", { disabled: n.disabled }]),
|
|
212
212
|
autocomplete: "off",
|
|
213
|
-
"aria-owns":
|
|
214
|
-
"aria-activedescendant":
|
|
213
|
+
"aria-owns": n.ariaOwns,
|
|
214
|
+
"aria-activedescendant": n.ariaActivedescendant,
|
|
215
215
|
role: "searchbox",
|
|
216
|
-
compact:
|
|
217
|
-
onFocus:
|
|
218
|
-
"onUpdate:modelValue":
|
|
216
|
+
compact: n.compact,
|
|
217
|
+
onFocus: t[0] || (t[0] = (p) => e.$emit("focus", p)),
|
|
218
|
+
"onUpdate:modelValue": t[1] || (t[1] = (p) => e.$emit("update:modelValue", p))
|
|
219
219
|
}, {
|
|
220
220
|
icon: x(() => [
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
221
|
+
n.disabled ? y("", !0) : (r(), v("div", Le, [
|
|
222
|
+
$(e.$slots, "icon", {}, () => [
|
|
223
|
+
I(m)
|
|
224
224
|
], !0)
|
|
225
225
|
]))
|
|
226
226
|
]),
|
|
227
227
|
iconRight: x(() => [
|
|
228
|
-
l.showClearButton ? (
|
|
228
|
+
l.showClearButton ? (r(), V(i, {
|
|
229
229
|
key: 0,
|
|
230
230
|
class: "clear-search",
|
|
231
|
-
compact:
|
|
231
|
+
compact: n.compact,
|
|
232
232
|
title: l.tooltipsWithDefaults.clear,
|
|
233
233
|
onClick: l.clearSearch
|
|
234
234
|
}, {
|
|
235
235
|
default: x(() => [
|
|
236
|
-
|
|
236
|
+
I(f)
|
|
237
237
|
]),
|
|
238
238
|
_: 1
|
|
239
|
-
}, 8, ["compact", "title", "onClick"])) :
|
|
240
|
-
l.showSpacer ? (
|
|
241
|
-
!
|
|
239
|
+
}, 8, ["compact", "title", "onClick"])) : y("", !0),
|
|
240
|
+
l.showSpacer ? (r(), v("span", ke)) : y("", !0),
|
|
241
|
+
!n.disabled && n.showCaseSensitiveSearchButton ? (r(), V(i, {
|
|
242
242
|
key: 2,
|
|
243
243
|
class: "toggle-case-sensitive-search",
|
|
244
|
-
compact:
|
|
244
|
+
compact: n.compact,
|
|
245
245
|
active: o.caseSensitiveSearch,
|
|
246
246
|
title: l.tooltipsWithDefaults.caseSensitive,
|
|
247
247
|
onClick: l.toggleCaseSensitiveSearch
|
|
248
248
|
}, {
|
|
249
249
|
default: x(() => [
|
|
250
|
-
|
|
250
|
+
I(S)
|
|
251
251
|
]),
|
|
252
252
|
_: 1
|
|
253
|
-
}, 8, ["compact", "active", "title", "onClick"])) :
|
|
254
|
-
!
|
|
253
|
+
}, 8, ["compact", "active", "title", "onClick"])) : y("", !0),
|
|
254
|
+
!n.disabled && n.showInverseSearchButton ? (r(), V(i, {
|
|
255
255
|
key: 3,
|
|
256
256
|
class: "toggle-inverse-search",
|
|
257
|
-
compact:
|
|
257
|
+
compact: n.compact,
|
|
258
258
|
title: l.tooltipsWithDefaults.inverseSearch,
|
|
259
259
|
active: o.inverseSearch,
|
|
260
260
|
onClick: l.toggleInverseSearch
|
|
261
261
|
}, {
|
|
262
262
|
default: x(() => [
|
|
263
|
-
|
|
263
|
+
I(b)
|
|
264
264
|
]),
|
|
265
265
|
_: 1
|
|
266
|
-
}, 8, ["compact", "title", "active", "onClick"])) :
|
|
266
|
+
}, 8, ["compact", "title", "active", "onClick"])) : y("", !0)
|
|
267
267
|
]),
|
|
268
268
|
_: 3
|
|
269
269
|
}, 8, ["id", "name", "model-value", "placeholder", "autofocus", "disabled", "class", "aria-owns", "aria-activedescendant", "compact"]);
|
|
270
270
|
}
|
|
271
|
-
const
|
|
271
|
+
const xe = /* @__PURE__ */ A(ye, [["render", Be], ["__scopeId", "data-v-edba0a22"]]), Ve = {
|
|
272
272
|
xmlns: "http://www.w3.org/2000/svg",
|
|
273
273
|
fill: "none",
|
|
274
274
|
stroke: "#000",
|
|
275
275
|
"stroke-linejoin": "round",
|
|
276
276
|
viewBox: "0 0 32 32"
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
]
|
|
280
|
-
|
|
281
|
-
|
|
277
|
+
};
|
|
278
|
+
function Ce(e, t) {
|
|
279
|
+
return r(), v("svg", Ve, t[0] || (t[0] = [
|
|
280
|
+
c("path", { d: "m14.8 5 11 11-11 11M6.2 5l11 11-11 11" }, null, -1)
|
|
281
|
+
]));
|
|
282
282
|
}
|
|
283
|
-
const
|
|
283
|
+
const Me = { render: Ce }, Re = {
|
|
284
284
|
xmlns: "http://www.w3.org/2000/svg",
|
|
285
285
|
fill: "none",
|
|
286
286
|
stroke: "#000",
|
|
287
287
|
"stroke-linejoin": "round",
|
|
288
288
|
viewBox: "0 0 32 32"
|
|
289
|
-
}
|
|
290
|
-
|
|
291
|
-
]
|
|
292
|
-
|
|
293
|
-
|
|
289
|
+
};
|
|
290
|
+
function Ee(e, t) {
|
|
291
|
+
return r(), v("svg", Re, t[0] || (t[0] = [
|
|
292
|
+
c("path", { d: "m17.2 27-11-11 11-11m8.6 22-11-11 11-11" }, null, -1)
|
|
293
|
+
]));
|
|
294
294
|
}
|
|
295
|
-
const
|
|
295
|
+
const Te = { render: Ee }, Ae = {
|
|
296
296
|
xmlns: "http://www.w3.org/2000/svg",
|
|
297
297
|
fill: "none",
|
|
298
298
|
stroke: "#000",
|
|
299
299
|
"stroke-linejoin": "round",
|
|
300
300
|
viewBox: "0 0 32 32"
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
]
|
|
304
|
-
|
|
305
|
-
|
|
301
|
+
};
|
|
302
|
+
function De(e, t) {
|
|
303
|
+
return r(), v("svg", Ae, t[0] || (t[0] = [
|
|
304
|
+
c("path", { d: "m21.5 27-11-11 11-11" }, null, -1)
|
|
305
|
+
]));
|
|
306
306
|
}
|
|
307
|
-
const
|
|
308
|
-
$e
|
|
309
|
-
], tt = 10, F = "2px", nt = /* @__PURE__ */ Y({
|
|
307
|
+
const ze = { render: De }, He = 10, q = "2px", Ne = /* @__PURE__ */ j({
|
|
310
308
|
__name: "ResizeHandle",
|
|
311
309
|
props: {
|
|
312
310
|
numberOfHandles: {},
|
|
@@ -316,95 +314,97 @@ const Je = { render: Xe }, Qe = (e) => (N("data-v-d36066f7"), e = e(), U(), e),
|
|
|
316
314
|
disabled: { type: Boolean, default: !1 }
|
|
317
315
|
},
|
|
318
316
|
emits: ["resize-move", "resize-end"],
|
|
319
|
-
setup(e, { emit:
|
|
320
|
-
|
|
321
|
-
"36bdd4ea":
|
|
317
|
+
setup(e, { emit: t }) {
|
|
318
|
+
G((a) => ({
|
|
319
|
+
"36bdd4ea": q
|
|
322
320
|
}));
|
|
323
|
-
const
|
|
324
|
-
() => `calc(${s.handleWidth} + 2 * ${
|
|
325
|
-
), f =
|
|
321
|
+
const n = t, s = e, o = T(0), l = T(null), m = u(
|
|
322
|
+
() => `calc(${s.handleWidth} + 2 * ${q})`
|
|
323
|
+
), f = u(
|
|
326
324
|
() => s.connectHandlesOnResize && s.numberOfHandles > 1 && l.value !== null
|
|
327
|
-
), i =
|
|
325
|
+
), i = u(
|
|
328
326
|
() => `(${s.numberOfHandles} - 1) * ${s.multipleHandlesHandleGap}`
|
|
329
|
-
),
|
|
327
|
+
), S = u(
|
|
330
328
|
() => `(2 * ${s.numberOfHandles})`
|
|
331
|
-
), b =
|
|
332
|
-
() => `(100% - ${i.value}) / ${
|
|
333
|
-
),
|
|
329
|
+
), b = u(
|
|
330
|
+
() => `(100% - ${i.value}) / ${S.value}`
|
|
331
|
+
), g = u(
|
|
334
332
|
() => `calc(100% - 2 * ${b.value})`
|
|
335
|
-
),
|
|
333
|
+
), p = (a) => {
|
|
336
334
|
s.disabled || (a.target.setPointerCapture(a.pointerId), a.preventDefault(), l.value = a.pointerId, o.value = a.clientY);
|
|
337
|
-
}, B =
|
|
335
|
+
}, B = fe((a) => {
|
|
338
336
|
if (l.value === a.pointerId) {
|
|
339
|
-
const
|
|
340
|
-
(
|
|
337
|
+
const _ = a.clientY - o.value;
|
|
338
|
+
(_ < 0 && a.offsetY <= 0 || _ > 0 && a.offsetY >= 0) && n("resize-move", _), o.value = a.clientY;
|
|
341
339
|
}
|
|
342
|
-
},
|
|
343
|
-
l.value === a.pointerId && (o.value = 0, l.value = null,
|
|
340
|
+
}, He), d = (a) => {
|
|
341
|
+
l.value === a.pointerId && (o.value = 0, l.value = null, n("resize-end"));
|
|
344
342
|
};
|
|
345
|
-
return (a,
|
|
343
|
+
return (a, _) => (r(), v("div", {
|
|
346
344
|
class: "resize-handle-container",
|
|
347
345
|
style: D({ gap: a.multipleHandlesHandleGap })
|
|
348
346
|
}, [
|
|
349
|
-
f.value ? (
|
|
347
|
+
f.value ? (r(), v("div", {
|
|
350
348
|
key: 0,
|
|
351
349
|
class: "handle connection",
|
|
352
|
-
style: D({ width:
|
|
353
|
-
}, null, 4)) :
|
|
354
|
-
(
|
|
350
|
+
style: D({ width: g.value })
|
|
351
|
+
}, null, 4)) : y("", !0),
|
|
352
|
+
(r(!0), v(ee, null, te(a.numberOfHandles, (C) => (r(), v("div", {
|
|
355
353
|
key: C,
|
|
356
354
|
class: k(["handle-container", { disabled: a.disabled }]),
|
|
357
355
|
style: D({ width: m.value }),
|
|
358
|
-
onPointerdown:
|
|
359
|
-
onPointerup:
|
|
360
|
-
onPointermove:
|
|
356
|
+
onPointerdown: p,
|
|
357
|
+
onPointerup: d,
|
|
358
|
+
onPointermove: _[0] || (_[0] = //@ts-ignore
|
|
361
359
|
(...M) => H(B) && H(B)(...M)),
|
|
362
|
-
onLostpointercapture:
|
|
363
|
-
},
|
|
360
|
+
onLostpointercapture: d
|
|
361
|
+
}, _[1] || (_[1] = [
|
|
362
|
+
c("div", { class: "handle" }, null, -1)
|
|
363
|
+
]), 38))), 128))
|
|
364
364
|
], 4));
|
|
365
365
|
}
|
|
366
|
-
}),
|
|
367
|
-
const
|
|
366
|
+
}), Ue = /* @__PURE__ */ A(Ne, [["__scopeId", "data-v-d36066f7"]]), E = "Enter", z = 5, Y = 30, Z = 24, Oe = 4, Pe = 56, Ke = ["left", "right"], qe = Oe * Z + 2 * Pe, We = `calc((100% - ${Y}px) * 1 / 6)`, Fe = (e) => {
|
|
367
|
+
const t = u(
|
|
368
368
|
() => e.value !== null && "includeUnknownValues" in e.value ? { withUnknownValues: e.value } : { standard: e.value }
|
|
369
|
-
),
|
|
369
|
+
), n = u(() => typeof t.value.standard < "u" ? t.value.standard : t.value.withUnknownValues.includedValues), s = u(
|
|
370
370
|
() => {
|
|
371
371
|
var i;
|
|
372
|
-
return ((i =
|
|
372
|
+
return ((i = t.value.withUnknownValues) == null ? void 0 : i.excludedValues) ?? null;
|
|
373
373
|
}
|
|
374
|
-
), o =
|
|
374
|
+
), o = u(
|
|
375
375
|
() => {
|
|
376
376
|
var i;
|
|
377
|
-
return ((i =
|
|
377
|
+
return ((i = t.value.withUnknownValues) == null ? void 0 : i.includeUnknownValues) ?? null;
|
|
378
378
|
}
|
|
379
|
-
), l =
|
|
379
|
+
), l = u(
|
|
380
380
|
() => o.value === !1
|
|
381
|
-
), m =
|
|
381
|
+
), m = u(
|
|
382
382
|
() => o.value === !0
|
|
383
383
|
);
|
|
384
384
|
return {
|
|
385
|
-
includedValues:
|
|
385
|
+
includedValues: n,
|
|
386
386
|
excludedValues: s,
|
|
387
387
|
showUnknownExcludedValues: l,
|
|
388
388
|
showUnknownIncludedValues: m,
|
|
389
|
-
getEmitValue: (i,
|
|
389
|
+
getEmitValue: (i, S = (g) => g, b = (g) => g) => t.value.withUnknownValues ? {
|
|
390
390
|
includedValues: i,
|
|
391
|
-
excludedValues:
|
|
391
|
+
excludedValues: S(s.value),
|
|
392
392
|
includeUnknownValues: b(
|
|
393
|
-
|
|
393
|
+
t.value.withUnknownValues.includeUnknownValues
|
|
394
394
|
)
|
|
395
395
|
} : i
|
|
396
396
|
};
|
|
397
|
-
},
|
|
397
|
+
}, N = {
|
|
398
398
|
name: "Twinlist",
|
|
399
399
|
components: {
|
|
400
|
-
ArrowNextDoubleIcon:
|
|
401
|
-
ArrowNextIcon:
|
|
402
|
-
ArrowPrevDoubleIcon:
|
|
403
|
-
ArrowPrevIcon:
|
|
404
|
-
MultiselectListBox:
|
|
405
|
-
Label:
|
|
406
|
-
SearchInput:
|
|
407
|
-
ResizeHandle:
|
|
400
|
+
ArrowNextDoubleIcon: Me,
|
|
401
|
+
ArrowNextIcon: ne,
|
|
402
|
+
ArrowPrevDoubleIcon: Te,
|
|
403
|
+
ArrowPrevIcon: ze,
|
|
404
|
+
MultiselectListBox: ae,
|
|
405
|
+
Label: ie,
|
|
406
|
+
SearchInput: xe,
|
|
407
|
+
ResizeHandle: Ue
|
|
408
408
|
},
|
|
409
409
|
props: {
|
|
410
410
|
modelValue: {
|
|
@@ -531,73 +531,73 @@ const Je = { render: Xe }, Qe = (e) => (N("data-v-d36066f7"), e = e(), U(), e),
|
|
|
531
531
|
],
|
|
532
532
|
setup(e) {
|
|
533
533
|
const {
|
|
534
|
-
includedValues:
|
|
535
|
-
excludedValues:
|
|
534
|
+
includedValues: t,
|
|
535
|
+
excludedValues: n,
|
|
536
536
|
showUnknownExcludedValues: s,
|
|
537
537
|
showUnknownIncludedValues: o,
|
|
538
538
|
getEmitValue: l
|
|
539
|
-
} =
|
|
540
|
-
(h) =>
|
|
541
|
-
) :
|
|
539
|
+
} = Fe(U(e, "modelValue")), m = T(e.initialSearchTerm), f = T(e.initialCaseSensitiveSearch), i = u(() => e.possibleValues.map((h) => h.id)), S = u(() => new Set(i.value)), b = u(() => t.value ? o.value ? t.value.filter(
|
|
540
|
+
(h) => S.value.has(h)
|
|
541
|
+
) : t.value : null), g = u(() => Object.assign(
|
|
542
542
|
{},
|
|
543
|
-
...e.possibleValues.map((h,
|
|
544
|
-
[h.id]: { item: h, index:
|
|
543
|
+
...e.possibleValues.map((h, L) => ({
|
|
544
|
+
[h.id]: { item: h, index: L }
|
|
545
545
|
}))
|
|
546
|
-
)),
|
|
546
|
+
)), p = u(() => b.value === null ? [] : b.value.map(
|
|
547
547
|
(h) => {
|
|
548
|
-
var
|
|
549
|
-
return ((
|
|
548
|
+
var L;
|
|
549
|
+
return ((L = g.value[h]) == null ? void 0 : L.item) || P(h);
|
|
550
550
|
}
|
|
551
|
-
)), B =
|
|
551
|
+
)), B = U(e, "showSearch"), d = O(
|
|
552
552
|
m,
|
|
553
553
|
f,
|
|
554
|
-
|
|
554
|
+
p,
|
|
555
555
|
B
|
|
556
|
-
), a =
|
|
557
|
-
if (!
|
|
558
|
-
const h = new Set(
|
|
556
|
+
), a = u(() => {
|
|
557
|
+
if (!n.value) {
|
|
558
|
+
const h = new Set(t.value);
|
|
559
559
|
return i.value.filter(
|
|
560
|
-
(
|
|
560
|
+
(L) => !h.has(L)
|
|
561
561
|
);
|
|
562
562
|
}
|
|
563
|
-
return s.value ?
|
|
564
|
-
(h) =>
|
|
565
|
-
) :
|
|
566
|
-
}),
|
|
563
|
+
return s.value ? n.value.filter(
|
|
564
|
+
(h) => S.value.has(h)
|
|
565
|
+
) : n.value;
|
|
566
|
+
}), _ = u(() => b.value === null ? [] : a.value.map(
|
|
567
567
|
(h) => {
|
|
568
|
-
var
|
|
569
|
-
return ((
|
|
568
|
+
var L;
|
|
569
|
+
return ((L = g.value[h]) == null ? void 0 : L.item) || P(h);
|
|
570
570
|
}
|
|
571
|
-
)), C =
|
|
571
|
+
)), C = O(
|
|
572
572
|
m,
|
|
573
573
|
f,
|
|
574
|
-
|
|
574
|
+
_,
|
|
575
575
|
B
|
|
576
|
-
), M =
|
|
576
|
+
), M = u(() => e.showSearch && m.value !== ""), X = u(() => e.showSearch && M.value ? K(C, a.value.length) : null), J = u(() => {
|
|
577
577
|
var h;
|
|
578
|
-
return e.showSearch && M.value ?
|
|
579
|
-
|
|
578
|
+
return e.showSearch && M.value ? K(
|
|
579
|
+
d,
|
|
580
580
|
(h = b.value) == null ? void 0 : h.length
|
|
581
581
|
) : null;
|
|
582
582
|
});
|
|
583
583
|
return {
|
|
584
|
-
includedValues:
|
|
585
|
-
excludedValues:
|
|
584
|
+
includedValues: t,
|
|
585
|
+
excludedValues: n,
|
|
586
586
|
showUnknownExcludedValues: s,
|
|
587
587
|
showUnknownIncludedValues: o,
|
|
588
588
|
getEmitValue: l,
|
|
589
589
|
searchTerm: m,
|
|
590
590
|
filteredExcludedItems: C,
|
|
591
|
-
filteredIncludedItems:
|
|
591
|
+
filteredIncludedItems: d,
|
|
592
592
|
knownExcludedValues: a,
|
|
593
593
|
knownIncludedValues: b,
|
|
594
594
|
possibleValueIds: i,
|
|
595
|
-
possibleValueIdsSet:
|
|
596
|
-
excludedLabels:
|
|
597
|
-
includedLabels:
|
|
595
|
+
possibleValueIdsSet: S,
|
|
596
|
+
excludedLabels: X,
|
|
597
|
+
includedLabels: J,
|
|
598
598
|
caseSensitiveSearch: f,
|
|
599
|
-
allIncludedItems:
|
|
600
|
-
possibleValueMap:
|
|
599
|
+
allIncludedItems: p,
|
|
600
|
+
possibleValueMap: g
|
|
601
601
|
};
|
|
602
602
|
},
|
|
603
603
|
data() {
|
|
@@ -608,10 +608,10 @@ const Je = { render: Xe }, Qe = (e) => (N("data-v-d36066f7"), e = e(), U(), e),
|
|
|
608
608
|
unknownValuesId: Symbol("Unknown values"),
|
|
609
609
|
constants: Object.freeze({
|
|
610
610
|
MIN_LIST_SIZE: z,
|
|
611
|
-
BUTTON_HEIGHT:
|
|
612
|
-
BUTTON_WIDTH:
|
|
613
|
-
RESIZE_HANDLE_WIDTH:
|
|
614
|
-
MAX_HEIGHT_BUTTONS_CENTER_ALIGNMENT:
|
|
611
|
+
BUTTON_HEIGHT: Z,
|
|
612
|
+
BUTTON_WIDTH: Y,
|
|
613
|
+
RESIZE_HANDLE_WIDTH: We,
|
|
614
|
+
MAX_HEIGHT_BUTTONS_CENTER_ALIGNMENT: qe
|
|
615
615
|
})
|
|
616
616
|
};
|
|
617
617
|
},
|
|
@@ -638,28 +638,28 @@ const Je = { render: Xe }, Qe = (e) => (N("data-v-d36066f7"), e = e(), U(), e),
|
|
|
638
638
|
},
|
|
639
639
|
methods: {
|
|
640
640
|
getIndex(e) {
|
|
641
|
-
var
|
|
642
|
-
return ((
|
|
641
|
+
var t;
|
|
642
|
+
return ((t = this.possibleValueMap[e]) == null ? void 0 : t.index) ?? -1;
|
|
643
643
|
},
|
|
644
|
-
compareByOriginalSorting(e,
|
|
645
|
-
return this.getIndex(e) - this.getIndex(
|
|
644
|
+
compareByOriginalSorting(e, t) {
|
|
645
|
+
return this.getIndex(e) - this.getIndex(t);
|
|
646
646
|
},
|
|
647
647
|
clearSelections() {
|
|
648
648
|
this.getListBoxes().forEach((e) => e.clearSelection());
|
|
649
649
|
},
|
|
650
650
|
moveItems(e, {
|
|
651
|
-
toNewIncludedValues:
|
|
652
|
-
toNewExcludedValues:
|
|
651
|
+
toNewIncludedValues: t,
|
|
652
|
+
toNewExcludedValues: n
|
|
653
653
|
}) {
|
|
654
654
|
const s = e.filter((i) => i !== this.unknownValuesId), o = e.length > s.length, l = {
|
|
655
655
|
knownValues: s,
|
|
656
656
|
movingUnknownValues: o
|
|
657
657
|
};
|
|
658
658
|
let m = null, f = null;
|
|
659
|
-
this.includedValues !== null && (m =
|
|
659
|
+
this.includedValues !== null && (m = t({
|
|
660
660
|
previous: this.includedValues,
|
|
661
661
|
movingParts: l
|
|
662
|
-
})), this.excludedValues && (f =
|
|
662
|
+
})), this.excludedValues && (f = n({
|
|
663
663
|
previous: this.knownExcludedValues,
|
|
664
664
|
movingParts: l
|
|
665
665
|
})), this.clearSelections(), this.$emit(
|
|
@@ -688,11 +688,11 @@ const Je = { render: Xe }, Qe = (e) => (N("data-v-d36066f7"), e = e(), U(), e),
|
|
|
688
688
|
*/
|
|
689
689
|
filterMovedItems({
|
|
690
690
|
previous: e,
|
|
691
|
-
movingParts: { movingUnknownValues:
|
|
691
|
+
movingParts: { movingUnknownValues: t, knownValues: n }
|
|
692
692
|
}) {
|
|
693
|
-
const s = new Set(
|
|
693
|
+
const s = new Set(n);
|
|
694
694
|
return e.filter(
|
|
695
|
-
(o) => !s.has(o) && (!
|
|
695
|
+
(o) => !s.has(o) && (!t || this.possibleValueIdsSet.has(o))
|
|
696
696
|
);
|
|
697
697
|
},
|
|
698
698
|
/**
|
|
@@ -701,18 +701,18 @@ const Je = { render: Xe }, Qe = (e) => (N("data-v-d36066f7"), e = e(), U(), e),
|
|
|
701
701
|
*/
|
|
702
702
|
addMovedItems({
|
|
703
703
|
previous: e,
|
|
704
|
-
movingParts: { movingUnknownValues:
|
|
704
|
+
movingParts: { movingUnknownValues: t, knownValues: n }
|
|
705
705
|
}) {
|
|
706
706
|
return [
|
|
707
|
-
...
|
|
708
|
-
...
|
|
707
|
+
...t ? e.filter((s) => this.possibleValueIdsSet.has(s)) : e,
|
|
708
|
+
...n.filter((s) => this.possibleValueIdsSet.has(s))
|
|
709
709
|
].sort(this.compareByOriginalSorting);
|
|
710
710
|
},
|
|
711
711
|
onMoveRightButtonClick() {
|
|
712
712
|
this.moveRight();
|
|
713
713
|
},
|
|
714
714
|
onMoveAllRightButtonClick() {
|
|
715
|
-
const e = this.filteredExcludedItems.map((
|
|
715
|
+
const e = this.filteredExcludedItems.map((t) => t.id);
|
|
716
716
|
this.moveRight(
|
|
717
717
|
e.concat(
|
|
718
718
|
this.showUnknownExcludedValues ? [this.unknownValuesId] : []
|
|
@@ -729,7 +729,7 @@ const Je = { render: Xe }, Qe = (e) => (N("data-v-d36066f7"), e = e(), U(), e),
|
|
|
729
729
|
this.moveLeft();
|
|
730
730
|
},
|
|
731
731
|
onMoveAllLeftButtonClick() {
|
|
732
|
-
const e = this.filteredIncludedItems.map((
|
|
732
|
+
const e = this.filteredIncludedItems.map((t) => t.id);
|
|
733
733
|
this.moveLeft(
|
|
734
734
|
e.concat(
|
|
735
735
|
this.showUnknownIncludedValues ? [this.unknownValuesId] : []
|
|
@@ -771,173 +771,173 @@ const Je = { render: Xe }, Qe = (e) => (N("data-v-d36066f7"), e = e(), U(), e),
|
|
|
771
771
|
return (((e = this.includedValues) == null ? void 0 : e.length) ?? 0) > 0;
|
|
772
772
|
},
|
|
773
773
|
validate() {
|
|
774
|
-
const e = !this.filteredIncludedItems.some((
|
|
774
|
+
const e = !this.filteredIncludedItems.some((t) => t.invalid) && (!this.excludedValues || !this.filteredExcludedItems.some((t) => t.invalid));
|
|
775
775
|
return {
|
|
776
776
|
isValid: e,
|
|
777
777
|
errorMessage: e ? null : "One or more of the selected items is invalid."
|
|
778
778
|
};
|
|
779
779
|
},
|
|
780
780
|
getListBoxes() {
|
|
781
|
-
return
|
|
781
|
+
return Ke.map(
|
|
782
782
|
(e) => this.$refs[e]
|
|
783
783
|
);
|
|
784
784
|
},
|
|
785
785
|
onResizeMove(e) {
|
|
786
|
-
this.getListBoxes().forEach((
|
|
786
|
+
this.getListBoxes().forEach((t) => t.onResizeMove(e));
|
|
787
787
|
},
|
|
788
788
|
onResizeEnd() {
|
|
789
789
|
this.getListBoxes().forEach((e) => e.onResizeEnd());
|
|
790
790
|
}
|
|
791
791
|
}
|
|
792
|
-
},
|
|
793
|
-
|
|
792
|
+
}, W = () => {
|
|
793
|
+
G((e) => ({
|
|
794
794
|
"26ea00eb": `${e.constants.BUTTON_WIDTH}px`,
|
|
795
795
|
ab175dd0: `${e.constants.MAX_HEIGHT_BUTTONS_CENTER_ALIGNMENT}px`,
|
|
796
796
|
"6a6fa818": `${e.constants.BUTTON_HEIGHT}px`
|
|
797
797
|
}));
|
|
798
|
-
},
|
|
799
|
-
|
|
800
|
-
const
|
|
801
|
-
function
|
|
802
|
-
const m = w("SearchInput"), f = w("Label"), i = w("MultiselectListBox"),
|
|
803
|
-
return
|
|
804
|
-
|
|
798
|
+
}, F = N.setup;
|
|
799
|
+
N.setup = F ? (e, t) => (W(), F(e, t)) : W;
|
|
800
|
+
const je = { class: "twinlist" }, Ge = { class: "header" }, Ye = { class: "title" }, Ze = ["title"], Xe = ["title"], Je = { class: "title" }, Qe = ["title"], $e = ["title"], et = { class: "buttons" };
|
|
801
|
+
function tt(e, t, n, s, o, l) {
|
|
802
|
+
const m = w("SearchInput"), f = w("Label"), i = w("MultiselectListBox"), S = w("ArrowNextIcon"), b = w("ArrowNextDoubleIcon"), g = w("ArrowPrevIcon"), p = w("ArrowPrevDoubleIcon"), B = w("ResizeHandle");
|
|
803
|
+
return r(), v("div", je, [
|
|
804
|
+
n.showSearch ? (r(), V(f, {
|
|
805
805
|
key: 0,
|
|
806
|
-
active:
|
|
807
|
-
text:
|
|
806
|
+
active: n.withSearchLabel,
|
|
807
|
+
text: n.searchLabel,
|
|
808
808
|
class: "search-wrapper"
|
|
809
809
|
}, {
|
|
810
|
-
default: x(({ labelForId:
|
|
811
|
-
|
|
812
|
-
id:
|
|
810
|
+
default: x(({ labelForId: d }) => [
|
|
811
|
+
I(m, {
|
|
812
|
+
id: d,
|
|
813
813
|
ref: "search",
|
|
814
|
-
placeholder:
|
|
814
|
+
placeholder: n.searchPlaceholder,
|
|
815
815
|
"model-value": s.searchTerm,
|
|
816
|
-
label:
|
|
817
|
-
"initial-case-sensitive-search":
|
|
816
|
+
label: n.searchLabel,
|
|
817
|
+
"initial-case-sensitive-search": n.initialCaseSensitiveSearch,
|
|
818
818
|
"show-case-sensitive-search-button": "",
|
|
819
|
-
disabled:
|
|
819
|
+
disabled: n.disabled,
|
|
820
820
|
tooltips: {
|
|
821
821
|
inverseSearch: "Move matching to other side"
|
|
822
822
|
},
|
|
823
|
-
compact:
|
|
823
|
+
compact: n.compact,
|
|
824
824
|
"onUpdate:modelValue": l.onSearchInput,
|
|
825
|
-
onToggleCaseSensitiveSearch:
|
|
825
|
+
onToggleCaseSensitiveSearch: t[0] || (t[0] = (a) => s.caseSensitiveSearch = a)
|
|
826
826
|
}, null, 8, ["id", "placeholder", "model-value", "label", "initial-case-sensitive-search", "disabled", "compact", "onUpdate:modelValue"])
|
|
827
827
|
]),
|
|
828
828
|
_: 1
|
|
829
|
-
}, 8, ["active", "text"])) :
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
829
|
+
}, 8, ["active", "text"])) : y("", !0),
|
|
830
|
+
c("div", Ge, [
|
|
831
|
+
c("div", Ye, [
|
|
832
|
+
c("div", {
|
|
833
833
|
class: "label",
|
|
834
|
-
title:
|
|
835
|
-
}, R(
|
|
836
|
-
s.excludedLabels ? (
|
|
834
|
+
title: n.leftLabel
|
|
835
|
+
}, R(n.leftLabel), 9, Ze),
|
|
836
|
+
s.excludedLabels ? (r(), v("div", {
|
|
837
837
|
key: 0,
|
|
838
838
|
title: s.excludedLabels,
|
|
839
839
|
class: "info"
|
|
840
|
-
}, R(s.excludedLabels), 9,
|
|
840
|
+
}, R(s.excludedLabels), 9, Xe)) : y("", !0)
|
|
841
841
|
]),
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
842
|
+
t[9] || (t[9] = c("div", { class: "space" }, null, -1)),
|
|
843
|
+
c("div", Je, [
|
|
844
|
+
c("div", {
|
|
845
845
|
class: "label",
|
|
846
|
-
title:
|
|
847
|
-
}, R(
|
|
848
|
-
s.includedLabels ? (
|
|
846
|
+
title: n.rightLabel
|
|
847
|
+
}, R(n.rightLabel), 9, Qe),
|
|
848
|
+
s.includedLabels ? (r(), v("div", {
|
|
849
849
|
key: 0,
|
|
850
850
|
title: s.includedLabels,
|
|
851
851
|
class: "info"
|
|
852
|
-
}, R(s.includedLabels), 9,
|
|
852
|
+
}, R(s.includedLabels), 9, $e)) : y("", !0)
|
|
853
853
|
])
|
|
854
854
|
]),
|
|
855
|
-
|
|
856
|
-
class: k(["lists", { disabled:
|
|
855
|
+
c("div", {
|
|
856
|
+
class: k(["lists", { disabled: n.disabled }])
|
|
857
857
|
}, [
|
|
858
|
-
|
|
858
|
+
I(i, {
|
|
859
859
|
ref: "left",
|
|
860
|
-
"with-is-empty-state":
|
|
861
|
-
"empty-state-label":
|
|
862
|
-
"empty-state-component":
|
|
860
|
+
"with-is-empty-state": n.showEmptyState,
|
|
861
|
+
"empty-state-label": n.emptyStateLabel,
|
|
862
|
+
"empty-state-component": n.emptyStateComponent,
|
|
863
863
|
size: l.listSize,
|
|
864
864
|
"min-size": o.constants.MIN_LIST_SIZE,
|
|
865
865
|
class: "list-box",
|
|
866
866
|
"model-value": o.leftSelected,
|
|
867
867
|
"with-bottom-value": s.showUnknownExcludedValues,
|
|
868
|
-
"bottom-value": { id: o.unknownValuesId, text:
|
|
869
|
-
"is-valid":
|
|
868
|
+
"bottom-value": { id: o.unknownValuesId, text: n.unknownValuesText },
|
|
869
|
+
"is-valid": n.isValid,
|
|
870
870
|
"possible-values": s.filteredExcludedItems,
|
|
871
|
-
ariaLabel:
|
|
872
|
-
disabled:
|
|
871
|
+
ariaLabel: n.leftLabel,
|
|
872
|
+
disabled: n.disabled,
|
|
873
873
|
onDoubleClickOnItem: l.onLeftListBoxDoubleClick,
|
|
874
874
|
onDoubleClickShift: l.onLeftListBoxShiftDoubleClick,
|
|
875
875
|
onKeyArrowRight: l.moveRight,
|
|
876
876
|
"onUpdate:modelValue": l.onLeftInput
|
|
877
877
|
}, null, 8, ["with-is-empty-state", "empty-state-label", "empty-state-component", "size", "min-size", "model-value", "with-bottom-value", "bottom-value", "is-valid", "possible-values", "ariaLabel", "disabled", "onDoubleClickOnItem", "onDoubleClickShift", "onKeyArrowRight", "onUpdate:modelValue"]),
|
|
878
|
-
|
|
879
|
-
|
|
878
|
+
c("div", et, [
|
|
879
|
+
c("div", {
|
|
880
880
|
ref: "moveRight",
|
|
881
|
-
class: k({ disabled: l.moveRightButtonDisabled ||
|
|
881
|
+
class: k({ disabled: l.moveRightButtonDisabled || n.disabled }),
|
|
882
882
|
role: "button",
|
|
883
883
|
tabindex: "0",
|
|
884
|
-
onClick:
|
|
885
|
-
onKeydown:
|
|
884
|
+
onClick: t[1] || (t[1] = (...d) => l.onMoveRightButtonClick && l.onMoveRightButtonClick(...d)),
|
|
885
|
+
onKeydown: t[2] || (t[2] = (...d) => l.onMoveRightButtonKey && l.onMoveRightButtonKey(...d))
|
|
886
886
|
}, [
|
|
887
|
-
|
|
887
|
+
I(S, { class: "icon" })
|
|
888
888
|
], 34),
|
|
889
|
-
|
|
889
|
+
c("div", {
|
|
890
890
|
ref: "moveAllRight",
|
|
891
|
-
class: k({ disabled: l.moveAllRightButtonDisabled ||
|
|
891
|
+
class: k({ disabled: l.moveAllRightButtonDisabled || n.disabled }),
|
|
892
892
|
role: "button",
|
|
893
893
|
tabindex: "0",
|
|
894
|
-
onClick:
|
|
895
|
-
onKeydown:
|
|
894
|
+
onClick: t[3] || (t[3] = (...d) => l.onMoveAllRightButtonClick && l.onMoveAllRightButtonClick(...d)),
|
|
895
|
+
onKeydown: t[4] || (t[4] = (...d) => l.onMoveAllRightButtonKey && l.onMoveAllRightButtonKey(...d))
|
|
896
896
|
}, [
|
|
897
|
-
|
|
897
|
+
I(b, { class: "icon" })
|
|
898
898
|
], 34),
|
|
899
|
-
|
|
899
|
+
c("div", {
|
|
900
900
|
ref: "moveLeft",
|
|
901
|
-
class: k({ disabled: l.moveLeftButtonDisabled ||
|
|
901
|
+
class: k({ disabled: l.moveLeftButtonDisabled || n.disabled }),
|
|
902
902
|
role: "button",
|
|
903
903
|
tabindex: "0",
|
|
904
|
-
onClick:
|
|
905
|
-
onKeydown:
|
|
904
|
+
onClick: t[5] || (t[5] = (...d) => l.onMoveLeftButtonClick && l.onMoveLeftButtonClick(...d)),
|
|
905
|
+
onKeydown: t[6] || (t[6] = (...d) => l.onMoveLeftButtonKey && l.onMoveLeftButtonKey(...d))
|
|
906
906
|
}, [
|
|
907
|
-
g
|
|
907
|
+
I(g, { class: "icon" })
|
|
908
908
|
], 34),
|
|
909
|
-
|
|
909
|
+
c("div", {
|
|
910
910
|
ref: "moveAllLeft",
|
|
911
|
-
class: k({ disabled: l.moveAllLeftButtonDisabled ||
|
|
911
|
+
class: k({ disabled: l.moveAllLeftButtonDisabled || n.disabled }),
|
|
912
912
|
role: "button",
|
|
913
913
|
tabindex: "0",
|
|
914
|
-
onClick:
|
|
915
|
-
onKeydown:
|
|
914
|
+
onClick: t[7] || (t[7] = (...d) => l.onMoveAllLeftButtonClick && l.onMoveAllLeftButtonClick(...d)),
|
|
915
|
+
onKeydown: t[8] || (t[8] = (...d) => l.onMoveAllLeftButtonKey && l.onMoveAllLeftButtonKey(...d))
|
|
916
916
|
}, [
|
|
917
|
-
|
|
917
|
+
I(p, { class: "icon" })
|
|
918
918
|
], 34)
|
|
919
919
|
]),
|
|
920
|
-
|
|
920
|
+
I(i, {
|
|
921
921
|
ref: "right",
|
|
922
|
-
class: k(["list-box", { "with-empty-state-icon":
|
|
922
|
+
class: k(["list-box", { "with-empty-state-icon": n.emptyStateComponent }]),
|
|
923
923
|
"model-value": o.rightSelected,
|
|
924
924
|
"with-bottom-value": s.showUnknownIncludedValues,
|
|
925
|
-
"bottom-value": { id: o.unknownValuesId, text:
|
|
926
|
-
"with-is-empty-state":
|
|
927
|
-
"empty-state-label":
|
|
928
|
-
"empty-state-component":
|
|
925
|
+
"bottom-value": { id: o.unknownValuesId, text: n.unknownValuesText },
|
|
926
|
+
"with-is-empty-state": n.showEmptyState,
|
|
927
|
+
"empty-state-label": n.emptyStateLabel,
|
|
928
|
+
"empty-state-component": n.emptyStateComponent,
|
|
929
929
|
"possible-values": s.filteredIncludedItems,
|
|
930
930
|
size: l.listSize,
|
|
931
931
|
"min-size": o.constants.MIN_LIST_SIZE,
|
|
932
|
-
ariaLabel:
|
|
933
|
-
disabled:
|
|
932
|
+
ariaLabel: n.rightLabel,
|
|
933
|
+
disabled: n.disabled,
|
|
934
934
|
onDoubleClickOnItem: l.onRightListBoxDoubleClick,
|
|
935
935
|
onDoubleClickShift: l.onRightListBoxShiftDoubleClick,
|
|
936
936
|
onKeyArrowLeft: l.moveLeft,
|
|
937
937
|
"onUpdate:modelValue": l.onRightInput
|
|
938
938
|
}, null, 8, ["class", "model-value", "with-bottom-value", "bottom-value", "with-is-empty-state", "empty-state-label", "empty-state-component", "possible-values", "size", "min-size", "ariaLabel", "disabled", "onDoubleClickOnItem", "onDoubleClickShift", "onKeyArrowLeft", "onUpdate:modelValue"])
|
|
939
939
|
], 2),
|
|
940
|
-
|
|
940
|
+
n.showResizeHandle ? (r(), V(B, {
|
|
941
941
|
key: 1,
|
|
942
942
|
"number-of-handles": 2,
|
|
943
943
|
"handle-width": o.constants.RESIZE_HANDLE_WIDTH,
|
|
@@ -945,21 +945,21 @@ function It(e, n, t, s, o, l) {
|
|
|
945
945
|
"multiple-handles-handle-gap": `${o.constants.BUTTON_WIDTH}px`,
|
|
946
946
|
onResizeMove: l.onResizeMove,
|
|
947
947
|
onResizeEnd: l.onResizeEnd
|
|
948
|
-
}, null, 8, ["handle-width", "multiple-handles-handle-gap", "onResizeMove", "onResizeEnd"])) :
|
|
948
|
+
}, null, 8, ["handle-width", "multiple-handles-handle-gap", "onResizeMove", "onResizeEnd"])) : y("", !0)
|
|
949
949
|
]);
|
|
950
950
|
}
|
|
951
|
-
const
|
|
951
|
+
const mt = /* @__PURE__ */ A(N, [["render", tt], ["__scopeId", "data-v-4808b939"]]), nt = { class: "info" }, lt = /* @__PURE__ */ j({
|
|
952
952
|
__name: "TwinlistLoadingInfo",
|
|
953
953
|
setup(e) {
|
|
954
|
-
return (
|
|
955
|
-
|
|
956
|
-
|
|
954
|
+
return (t, n) => (r(), v("div", nt, [
|
|
955
|
+
n[0] || (n[0] = c("span", null, "Loading...", -1)),
|
|
956
|
+
I(H(re), { class: "icon" })
|
|
957
957
|
]));
|
|
958
958
|
}
|
|
959
|
-
}),
|
|
959
|
+
}), vt = /* @__PURE__ */ A(lt, [["__scopeId", "data-v-52b0b5dd"]]);
|
|
960
960
|
export {
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
961
|
+
xe as S,
|
|
962
|
+
vt as T,
|
|
963
|
+
mt as a,
|
|
964
|
+
Fe as u
|
|
965
965
|
};
|