@knime/jsonforms 1.21.16 → 1.21.17
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 +6 -0
- package/dist/AnyOfTwinlist-SXwBBRp2.js +23 -0
- package/dist/CheckboxControl-CbWn843V.js +40 -0
- package/dist/CheckboxesControl-BiQOMrsp.js +39 -0
- package/dist/{ColorControl-wEr-pQ4g.js → ColorControl-B_mQdOCs.js} +10 -8
- package/dist/{ColorPreviewControl-B7aXaak-.js → ColorPreviewControl-BREwhSO9.js} +28 -28
- package/dist/ComboBoxControl-BIZlnizm.js +39 -0
- package/dist/DateControl-vkwY-8Qy.js +44 -0
- package/dist/DateTimeControl-CtXV6_D2.js +80 -0
- package/dist/DateTimeFormatPickerControl-a7MPaNFN.js +34 -0
- package/dist/{DateTimeFormatPickerWithTypeControl-BVG_BSaN.js → DateTimeFormatPickerWithTypeControl-B9Nu0dh1.js} +18 -17
- package/dist/DropdownControl-BUwovb4K.js +32 -0
- package/dist/{ExecutorCoresControl-Cphh4q2c.js → ExecutorCoresControl-DN-1o1XJ.js} +10 -9
- package/dist/{ExecutorMemoryControl-BQDSkKjf.js → ExecutorMemoryControl-UzqzP4hI.js} +9 -8
- package/dist/{FileUploadControl-CnPXEafs.js → FileUploadControl-WC8TFQHe.js} +46 -45
- package/dist/{GridSelectionControl-093qWj_x.js → GridSelectionControl-BgqT1t9d.js} +24 -23
- package/dist/{HorizontalLayout-D07DfljM.js → HorizontalLayout-CESRA3YR.js} +6 -6
- package/dist/{IntegerControl-D0qSSA_X.js → IntegerControl-DKXN0mcE.js} +5 -4
- package/dist/IntervalControl-BswGPjcV.js +51 -0
- package/dist/LinkControl-DTqOfnTg.js +35 -0
- package/dist/{LoadingDropdown.vue_vue_type_script_setup_true_lang-B4K9Nnse.js → LoadingDropdown.vue_vue_type_script_setup_true_lang-Cic7UEOM.js} +1 -1
- package/dist/ManualTwinlistControl-CoZdPu6n.js +74 -0
- package/dist/{MultiSelectListBoxControl-qdxrfyqT.js → MultiSelectListBoxControl-CjM94miu.js} +53 -52
- package/dist/{MultimodeTwinlistControl-DKNf9s6C.js → MultimodeTwinlistControl-NMnPBn6a.js} +1 -1
- package/dist/MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-mQFRHgGM.js +159 -0
- package/dist/{NameFilter-DxsfvMYP.js → NameFilter-DuVJG0SF.js} +7 -6
- package/dist/{NumberControl-gRIAl0Xw.js → NumberControl-NMJmxuze.js} +7 -6
- package/dist/NumberControlBase.vue_vue_type_script_setup_true_lang-bph2Cze8.js +52 -0
- package/dist/{OneOfDropdown-6EW73QQp.js → OneOfDropdown-CwJemyYo.js} +13 -11
- package/dist/{RadioButtonsWithDescriptionControl-DDdnwXUW.js → RadioButtonsWithDescriptionControl-BK3UCreL.js} +15 -15
- package/dist/{RadioControl-BOGJkSzd.js → RadioControl-ts1-JozG.js} +5 -4
- package/dist/RadioControlBase.vue_vue_type_script_setup_true_lang-jxw_5dVt.js +57 -0
- package/dist/{ResourceControlBase-D-oG-tP4.js → ResourceControlBase-FDiyHyQi.js} +18 -15
- package/dist/{RichTextControl-FgGsWYtG.js → RichTextControl-DH6GqUeF.js} +4 -3
- package/dist/{SectionHeading-xMNeMcnS.js → SectionHeading-DIAFnjCM.js} +1 -1
- package/dist/{SectionLayout-Bo11XVly.js → SectionLayout-Cb3_L9Te.js} +3 -3
- package/dist/{SettingsSubPanel-D_FDP5Zc.js → SettingsSubPanel-BuxORlJO.js} +1 -1
- package/dist/{SettingsSubPanelLayout-Dp_jLbsR.js → SettingsSubPanelLayout-DruWJjQA.js} +4 -4
- package/dist/{SimpleButtonControl-QdWssOCJ.js → SimpleButtonControl-BeRnF6lP.js} +13 -13
- package/dist/{SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BwXsSmUx.js → SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DML-OwvR.js} +5294 -5346
- package/dist/{SimpleTwinlistControl-CAaKpaUA.js → SimpleTwinlistControl-CnBe4qsI.js} +6 -5
- package/dist/{SingleSelectControl-D7D5AanU.js → SingleSelectControl-C4Qzk2Ki.js} +21 -19
- package/dist/{SingleSelectListBoxControl-XeWCleLY.js → SingleSelectListBoxControl-sLe2Y67h.js} +16 -15
- package/dist/SortListControl-ChpYm3CZ.js +105 -0
- package/dist/{StyledListItem-CjOv-VlL.js → StyledListItem-BJEJoIzr.js} +1 -1
- package/dist/{TeamAndSpacesControl-DFrotXG1.js → TeamAndSpacesControl-7ZXPUwBb.js} +12 -11
- package/dist/{TeamResourceControl-BnBXHcn9.js → TeamResourceControl-BZDXMRLZ.js} +12 -11
- package/dist/{TextAreaControl-9YsuIVg_.js → TextAreaControl-BDGtgWys.js} +10 -8
- package/dist/{TextControl-BrUMvx4G.js → TextControl-8jfyOJKb.js} +1 -1
- package/dist/{TextControl.vue_vue_type_script_setup_true_lang-4BT0xCnX.js → TextControl.vue_vue_type_script_setup_true_lang--8lz3nbO.js} +16 -14
- package/dist/{TimeControl-DvzIDb-2.js → TimeControl-Dvt5U7xN.js} +28 -26
- package/dist/{TimeframesControl-2GAc0ndD.js → TimeframesControl-DcUxC3kX.js} +7 -6
- package/dist/{TwinlistControlBase.vue_vue_type_script_setup_true_lang-Chqnf11f.js → TwinlistControlBase.vue_vue_type_script_setup_true_lang-Buo-KA0N.js} +14 -11
- package/dist/{TypedStringFilter-mklK-qwG.js → TypedStringFilter-Cx8OCQcE.js} +5 -4
- package/dist/{ValueSwitchControl-BOUlFthR.js → ValueSwitchControl-1ax1yKbk.js} +6 -5
- package/dist/{VerticalLayout-u04mODMq.js → VerticalLayout-DnyoqTeh.js} +2 -2
- package/dist/{VerticalLayoutBase-rWbtLYJT.js → VerticalLayoutBase-BS5IpgON.js} +2 -2
- package/dist/ZonedDateTimeControl-mIIRwaHz.js +79 -0
- package/dist/{_Uint8Array-S1XaShiS.js → _Uint8Array-CsgDtogS.js} +12 -12
- package/dist/knime-jsonforms.css +1 -1
- package/dist/knime-jsonforms.js +41 -42
- package/dist/src/higherOrderComponents/control/index.d.ts +1 -2
- package/dist/src/higherOrderComponents/control/util.d.ts +4 -5
- package/dist/src/higherOrderComponents/control/validation/types.d.ts +2 -2
- package/dist/src/higherOrderComponents/control/withLabel.d.ts +1 -1
- package/dist/src/renderers/checkboxRenderer.d.ts +120 -1
- package/dist/src/renderers/defaultRenderers.d.ts +120 -1
- package/dist/src/renderers/fallbackRenderers.d.ts +120 -1
- package/dist/testing.js +3 -3
- package/dist/{toString-DXjInt1t.js → toString-hCFROtg1.js} +1 -1
- package/dist/{useBuiltinValidations-CFNcCpco.js → useBuiltinValidations-Cfw3JlJf.js} +1 -1
- package/dist/{usePossibleValues-yDswh8Qc.js → usePossibleValues-CtPV4Cjp.js} +1 -1
- package/dist/{useUnknownValuesInTwinlist-BSnLQI_Q.js → useUnknownValuesInTwinlist-BCbqJg7j.js} +1 -1
- package/package.json +1 -1
- package/dist/AnyOfTwinlist-BCIsT83q.js +0 -22
- package/dist/CheckboxControl-CjiUwvWU.js +0 -38
- package/dist/CheckboxesControl-CAHj0UnX.js +0 -37
- package/dist/ComboBoxControl-hveFsDLi.js +0 -37
- package/dist/DateControl-BtCCimuA.js +0 -42
- package/dist/DateTimeControl-Bll2rZlX.js +0 -78
- package/dist/DateTimeFormatPickerControl-CsKD9vWJ.js +0 -32
- package/dist/DropdownControl-DA8lNfVk.js +0 -30
- package/dist/IntervalControl-vOi33CZB.js +0 -48
- package/dist/LinkControl-D5t3awqb.js +0 -35
- package/dist/ManualTwinlistControl-BQ4H-fRR.js +0 -72
- package/dist/MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-DHx6nrqi.js +0 -157
- package/dist/NumberControlBase.vue_vue_type_script_setup_true_lang-DEG90Gdx.js +0 -50
- package/dist/RadioControlBase.vue_vue_type_script_setup_true_lang-BOuoChe1.js +0 -52
- package/dist/SortListControl-kjhkdRwC.js +0 -103
- package/dist/ZonedDateTimeControl-BzV5ZuYf.js +0 -77
- package/dist/src/higherOrderComponents/control/errorMessage/ErrorLine.vue.d.ts +0 -5
- package/dist/src/higherOrderComponents/control/errorMessage/ErrorMessages.vue.d.ts +0 -23
- package/dist/src/higherOrderComponents/control/errorMessage/withErrorMessage.d.ts +0 -11
package/dist/{MultiSelectListBoxControl-qdxrfyqT.js → MultiSelectListBoxControl-CjM94miu.js}
RENAMED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { toRef as S, watch as y, resolveComponent as p, openBlock as h, createElementBlock as c, normalizeStyle as I, normalizeClass as
|
|
2
|
-
import { u as
|
|
3
|
-
import {
|
|
4
|
-
import { S as M } from "./StyledListItem-
|
|
1
|
+
import { toRef as S, watch as y, resolveComponent as p, openBlock as h, createElementBlock as c, normalizeStyle as I, normalizeClass as v, createElementVNode as f, mergeProps as C, withKeys as a, withModifiers as d, normalizeProps as V, guardReactiveProps as w, Fragment as k, renderList as D, createBlock as g, withCtx as B, renderSlot as H, resolveDynamicComponent as K, toDisplayString as N, createCommentVNode as b, createVNode as L, defineComponent as T, unref as x } from "vue";
|
|
2
|
+
import { u as A } from "./usePossibleValues-CtPV4Cjp.js";
|
|
3
|
+
import { a2 as O, P as z, _ as P } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DML-OwvR.js";
|
|
4
|
+
import { S as M } from "./StyledListItem-BJEJoIzr.js";
|
|
5
5
|
const E = (e, t) => {
|
|
6
|
-
let i,
|
|
6
|
+
let i, l = 0;
|
|
7
7
|
return (...o) => {
|
|
8
8
|
const [s, r] = o;
|
|
9
9
|
clearTimeout(i);
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
const n = Date.now();
|
|
11
|
+
n - l > t ? (l = n, e(s, r)) : i = setTimeout(() => {
|
|
12
|
+
l = n, e(s, r);
|
|
13
13
|
}, t);
|
|
14
14
|
};
|
|
15
15
|
}, R = 250, U = {
|
|
@@ -122,7 +122,7 @@ const E = (e, t) => {
|
|
|
122
122
|
"keyArrowRight"
|
|
123
123
|
],
|
|
124
124
|
setup(e) {
|
|
125
|
-
const { containerProps: i, wrapperProps:
|
|
125
|
+
const { containerProps: i, wrapperProps: l, list: o, scrollTo: s } = O(
|
|
126
126
|
S(e, "possibleValues"),
|
|
127
127
|
{
|
|
128
128
|
itemHeight: 22
|
|
@@ -147,7 +147,7 @@ const E = (e, t) => {
|
|
|
147
147
|
), {
|
|
148
148
|
optionLineHeight: 22,
|
|
149
149
|
containerProps: i,
|
|
150
|
-
wrapperProps:
|
|
150
|
+
wrapperProps: l,
|
|
151
151
|
list: o
|
|
152
152
|
};
|
|
153
153
|
},
|
|
@@ -232,25 +232,25 @@ const E = (e, t) => {
|
|
|
232
232
|
* @returns {String[]}
|
|
233
233
|
*/
|
|
234
234
|
getPossibleValuesInSection(e, t) {
|
|
235
|
-
const i = e > t ? t : e,
|
|
236
|
-
return this.possibleValuesWithBottom.slice(i,
|
|
235
|
+
const i = e > t ? t : e, l = e > t ? e : t;
|
|
236
|
+
return this.possibleValuesWithBottom.slice(i, l + 1).map((o) => o.id);
|
|
237
237
|
},
|
|
238
238
|
onStartDrag(e, t = !1) {
|
|
239
239
|
if (this.disabled || e.shiftKey)
|
|
240
240
|
return;
|
|
241
241
|
(e.ctrlKey || e.metaKey) && (this.draggingInverseMode = !0);
|
|
242
|
-
const i = e.target,
|
|
243
|
-
|
|
242
|
+
const i = e.target, l = t ? this.bottomIndex : this.getDataOptionIndex(i);
|
|
243
|
+
l && (this.draggingStartIndex = Number(l));
|
|
244
244
|
},
|
|
245
245
|
onDrag(e) {
|
|
246
246
|
if (this.draggingStartIndex !== -1) {
|
|
247
247
|
const t = e.target, i = this.getDataOptionIndex(t);
|
|
248
248
|
if (!i)
|
|
249
249
|
return;
|
|
250
|
-
const
|
|
250
|
+
const l = Number(i);
|
|
251
251
|
let o = this.getPossibleValuesInSection(
|
|
252
252
|
this.draggingStartIndex,
|
|
253
|
-
|
|
253
|
+
l
|
|
254
254
|
);
|
|
255
255
|
this.draggingInverseMode && (o = this.selectedValues.filter(
|
|
256
256
|
(s) => !o.includes(s)
|
|
@@ -329,8 +329,8 @@ const E = (e, t) => {
|
|
|
329
329
|
return;
|
|
330
330
|
const i = this.containerProps.ref.value;
|
|
331
331
|
if (i.scrollHeight > i.clientHeight) {
|
|
332
|
-
const
|
|
333
|
-
if (!(s >
|
|
332
|
+
const l = i.clientHeight + i.scrollTop, o = e * this.optionLineHeight, s = o + this.optionLineHeight, r = o < i.scrollTop;
|
|
333
|
+
if (!(s > l || r))
|
|
334
334
|
return;
|
|
335
335
|
t === "up" || t === "auto" && r ? i.scrollTop = o : i.scrollTop = s - i.clientHeight;
|
|
336
336
|
}
|
|
@@ -437,18 +437,18 @@ const E = (e, t) => {
|
|
|
437
437
|
}, F = { class: "box" }, W = ["id", "aria-label", "aria-activedescendant"], j = {
|
|
438
438
|
key: 0,
|
|
439
439
|
class: "empty-state"
|
|
440
|
-
}, q = { key: 1 },
|
|
440
|
+
}, q = { key: 1 }, Y = {
|
|
441
441
|
key: 1,
|
|
442
442
|
role: "bottom-box"
|
|
443
443
|
};
|
|
444
|
-
function
|
|
444
|
+
function G(e, t, i, l, o, s) {
|
|
445
445
|
const r = p("StyledListItem");
|
|
446
446
|
return h(), c("div", {
|
|
447
|
-
class:
|
|
447
|
+
class: v(["multiselect-list-box", { invalid: !i.isValid, disabled: i.disabled }]),
|
|
448
448
|
style: I(s.cssStyleSize)
|
|
449
449
|
}, [
|
|
450
450
|
f("div", F, [
|
|
451
|
-
f("ul",
|
|
451
|
+
f("ul", C(l.containerProps, {
|
|
452
452
|
id: i.id,
|
|
453
453
|
role: "listbox",
|
|
454
454
|
tabindex: "0",
|
|
@@ -456,36 +456,36 @@ function Y(e, t, i, n, o, s) {
|
|
|
456
456
|
"aria-label": i.ariaLabel,
|
|
457
457
|
"aria-activedescendant": s.generateOptionId(s.getCurrentKeyNavItem()),
|
|
458
458
|
onKeydown: [
|
|
459
|
-
t[1] || (t[1] = a(d((...
|
|
460
|
-
t[2] || (t[2] = a(d((...
|
|
461
|
-
t[3] || (t[3] = a(d((...
|
|
462
|
-
t[4] || (t[4] = a(d((...
|
|
463
|
-
t[5] || (t[5] = a(d((...
|
|
464
|
-
t[6] || (t[6] = a(d((...
|
|
465
|
-
t[7] || (t[7] = a(d((...
|
|
466
|
-
t[8] || (t[8] = a(d((...
|
|
467
|
-
t[9] || (t[9] = a(d((...
|
|
459
|
+
t[1] || (t[1] = a(d((...n) => s.onCtrlA && s.onCtrlA(...n), ["ctrl", "prevent", "exact"]), ["a"])),
|
|
460
|
+
t[2] || (t[2] = a(d((...n) => s.onArrowUp && s.onArrowUp(...n), ["prevent", "exact"]), ["up"])),
|
|
461
|
+
t[3] || (t[3] = a(d((...n) => s.onArrowDown && s.onArrowDown(...n), ["prevent", "exact"]), ["down"])),
|
|
462
|
+
t[4] || (t[4] = a(d((...n) => s.onArrowUpShift && s.onArrowUpShift(...n), ["shift", "prevent", "exact"]), ["up"])),
|
|
463
|
+
t[5] || (t[5] = a(d((...n) => s.onArrowDownShift && s.onArrowDownShift(...n), ["shift", "prevent", "exact"]), ["down"])),
|
|
464
|
+
t[6] || (t[6] = a(d((...n) => s.onArrowLeft && s.onArrowLeft(...n), ["prevent", "exact"]), ["left"])),
|
|
465
|
+
t[7] || (t[7] = a(d((...n) => s.onArrowRight && s.onArrowRight(...n), ["prevent", "exact"]), ["right"])),
|
|
466
|
+
t[8] || (t[8] = a(d((...n) => s.onHomeKey && s.onHomeKey(...n), ["prevent", "exact"]), ["home"])),
|
|
467
|
+
t[9] || (t[9] = a(d((...n) => s.onEndKey && s.onEndKey(...n), ["prevent", "exact"]), ["end"]))
|
|
468
468
|
],
|
|
469
|
-
onMousedown: t[10] || (t[10] = (...
|
|
470
|
-
onMousemove: t[11] || (t[11] = (...
|
|
469
|
+
onMousedown: t[10] || (t[10] = (...n) => s.onStartDrag && s.onStartDrag(...n)),
|
|
470
|
+
onMousemove: t[11] || (t[11] = (...n) => s.onDrag && s.onDrag(...n))
|
|
471
471
|
}), [
|
|
472
|
-
f("div",
|
|
473
|
-
(h(!0), c(k, null, D(
|
|
474
|
-
id: s.generateOptionId(
|
|
475
|
-
key: `listbox-${
|
|
476
|
-
text:
|
|
472
|
+
f("div", V(w(l.wrapperProps)), [
|
|
473
|
+
(h(!0), c(k, null, D(l.list, ({ data: n, index: u }) => (h(), g(r, {
|
|
474
|
+
id: s.generateOptionId(n),
|
|
475
|
+
key: `listbox-${n.id}`,
|
|
476
|
+
text: n.text,
|
|
477
477
|
"data-option-index": u,
|
|
478
|
-
"line-height":
|
|
479
|
-
selected: s.isCurrentValue(
|
|
480
|
-
invalid:
|
|
481
|
-
special:
|
|
478
|
+
"line-height": l.optionLineHeight,
|
|
479
|
+
selected: s.isCurrentValue(n.id),
|
|
480
|
+
invalid: n.invalid,
|
|
481
|
+
special: n.special,
|
|
482
482
|
disabled: i.disabled,
|
|
483
|
-
onClick: (m) => s.handleClick(m,
|
|
483
|
+
onClick: (m) => s.handleClick(m, n.id, u),
|
|
484
484
|
onDblclickShift: t[0] || (t[0] = (m) => s.handleShiftDblClick()),
|
|
485
|
-
onDblclickExact: (m) => s.handleDblClick(
|
|
485
|
+
onDblclickExact: (m) => s.handleDblClick(n.id, u)
|
|
486
486
|
}, {
|
|
487
487
|
default: B(() => [
|
|
488
|
-
H(e.$slots, "option", { slotItem:
|
|
488
|
+
H(e.$slots, "option", { slotItem: n }, void 0, !0)
|
|
489
489
|
]),
|
|
490
490
|
_: 2
|
|
491
491
|
}, 1032, ["id", "text", "data-option-index", "line-height", "selected", "invalid", "special", "disabled", "onClick", "onDblclickExact"]))), 128))
|
|
@@ -494,7 +494,7 @@ function Y(e, t, i, n, o, s) {
|
|
|
494
494
|
s.showEmptyState ? (h(), c("div", j, [
|
|
495
495
|
i.emptyStateComponent ? (h(), g(K(i.emptyStateComponent), { key: 0 })) : (h(), c("span", q, N(i.emptyStateLabel), 1))
|
|
496
496
|
])) : b("", !0),
|
|
497
|
-
i.withBottomValue ? (h(), c("div",
|
|
497
|
+
i.withBottomValue ? (h(), c("div", Y, [
|
|
498
498
|
L(r, {
|
|
499
499
|
id: s.generateOptionId(i.bottomValue),
|
|
500
500
|
special: "",
|
|
@@ -503,7 +503,7 @@ function Y(e, t, i, n, o, s) {
|
|
|
503
503
|
selected: s.isCurrentValue(i.bottomValue.id),
|
|
504
504
|
disabled: i.disabled,
|
|
505
505
|
onClick: s.handleBottomClick,
|
|
506
|
-
onDblclickShift: t[12] || (t[12] = (
|
|
506
|
+
onDblclickShift: t[12] || (t[12] = (n) => s.handleShiftDblClick()),
|
|
507
507
|
onDblclickExact: s.handleBottomDblClick,
|
|
508
508
|
onMousedown: s.onBottomStartDrag,
|
|
509
509
|
onMousemove: s.onBottomDrag
|
|
@@ -512,25 +512,26 @@ function Y(e, t, i, n, o, s) {
|
|
|
512
512
|
])
|
|
513
513
|
], 6);
|
|
514
514
|
}
|
|
515
|
-
const
|
|
515
|
+
const J = /* @__PURE__ */ P(U, [["render", G], ["__scopeId", "data-v-4ee62d65"]]), $ = /* @__PURE__ */ T({
|
|
516
516
|
__name: "MultiSelectListBoxControl",
|
|
517
517
|
props: {
|
|
518
518
|
control: {},
|
|
519
519
|
handleChange: { type: Function },
|
|
520
520
|
changeValue: { type: Function },
|
|
521
521
|
disabled: { type: Boolean },
|
|
522
|
-
|
|
522
|
+
error: { type: Boolean },
|
|
523
|
+
subText: {},
|
|
523
524
|
onRegisterValidation: { type: Function },
|
|
524
525
|
labelForId: {}
|
|
525
526
|
},
|
|
526
527
|
setup(e) {
|
|
527
|
-
const t = e, { possibleValues: i } =
|
|
528
|
-
return (
|
|
528
|
+
const t = e, { possibleValues: i } = A(S(t, "control"));
|
|
529
|
+
return (l, o) => (h(), g(x(J), {
|
|
529
530
|
id: e.labelForId,
|
|
530
531
|
"possible-values": x(i) || [],
|
|
531
532
|
disabled: e.disabled,
|
|
532
533
|
"model-value": e.control.data,
|
|
533
|
-
"is-valid": e.
|
|
534
|
+
"is-valid": !e.error,
|
|
534
535
|
ariaLabel: e.control.label,
|
|
535
536
|
size: e.control.uischema.options?.size,
|
|
536
537
|
"onUpdate:modelValue": e.changeValue
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
import { defineComponent as A, toRef as h, computed as u, openBlock as B, createBlock as S, unref as c, mergeProps as N } from "vue";
|
|
2
|
+
import { a3 as r, Y } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DML-OwvR.js";
|
|
3
|
+
import { m as g } from "./index-Blg1O3Fz.js";
|
|
4
|
+
import { u as G, a as X } from "./usePossibleValues-CtPV4Cjp.js";
|
|
5
|
+
import { t as W } from "./toKdsPossibleValues-BklBg3gG.js";
|
|
6
|
+
import { u as q } from "./useUnknownValuesInTwinlist-BCbqJg7j.js";
|
|
7
|
+
const O = /* @__PURE__ */ A({
|
|
8
|
+
__name: "MultimodeTwinlistControl",
|
|
9
|
+
props: {
|
|
10
|
+
control: {},
|
|
11
|
+
handleChange: {},
|
|
12
|
+
changeValue: {},
|
|
13
|
+
disabled: { type: Boolean },
|
|
14
|
+
error: { type: Boolean },
|
|
15
|
+
subText: {},
|
|
16
|
+
onRegisterValidation: {},
|
|
17
|
+
labelForId: {},
|
|
18
|
+
showUnknownValues: { type: Boolean, default: !1 },
|
|
19
|
+
showTypeFilter: { type: Boolean, default: !1 }
|
|
20
|
+
},
|
|
21
|
+
setup(l) {
|
|
22
|
+
const a = l, { possibleValues: i } = G(
|
|
23
|
+
h(a, "control")
|
|
24
|
+
), { excludedLabel: T, includedLabel: x } = X(
|
|
25
|
+
h(a, "control")
|
|
26
|
+
), { selectedAndDeselected: p, setCurrentManualFilter: C } = q({
|
|
27
|
+
data: u(() => a.control.data),
|
|
28
|
+
possibleValueIds: u(
|
|
29
|
+
() => i.value?.map(({ id: e }) => e) ?? null
|
|
30
|
+
)
|
|
31
|
+
}), s = (e) => {
|
|
32
|
+
const t = g(a.control.data, e);
|
|
33
|
+
a.changeValue(t), C(t.manualFilter);
|
|
34
|
+
}, U = u(
|
|
35
|
+
() => W(i.value ?? [])
|
|
36
|
+
);
|
|
37
|
+
let o = null;
|
|
38
|
+
const w = () => {
|
|
39
|
+
if (o !== null) {
|
|
40
|
+
const e = o;
|
|
41
|
+
o = null, s(e);
|
|
42
|
+
}
|
|
43
|
+
}, m = (e) => {
|
|
44
|
+
o === null ? (o = e, queueMicrotask(w)) : o = g(
|
|
45
|
+
o,
|
|
46
|
+
e
|
|
47
|
+
);
|
|
48
|
+
}, M = (e) => {
|
|
49
|
+
m({
|
|
50
|
+
manualFilter: { manuallySelected: e },
|
|
51
|
+
selected: e
|
|
52
|
+
});
|
|
53
|
+
}, k = (e) => {
|
|
54
|
+
m({
|
|
55
|
+
manualFilter: { manuallyDeselected: e }
|
|
56
|
+
});
|
|
57
|
+
}, E = (e) => {
|
|
58
|
+
e !== null && m({
|
|
59
|
+
manualFilter: { includeUnknownColumns: e }
|
|
60
|
+
});
|
|
61
|
+
}, y = u(() => {
|
|
62
|
+
switch (a.control.data.mode.toUpperCase()) {
|
|
63
|
+
case "WILDCARD":
|
|
64
|
+
case "REGEX":
|
|
65
|
+
return r.PATTERN;
|
|
66
|
+
case "TYPE":
|
|
67
|
+
return r.TYPE;
|
|
68
|
+
default:
|
|
69
|
+
return r.MANUAL;
|
|
70
|
+
}
|
|
71
|
+
}), b = u(
|
|
72
|
+
() => a.control.data.mode.toUpperCase() === "REGEX"
|
|
73
|
+
), v = (e) => {
|
|
74
|
+
let t;
|
|
75
|
+
switch (e) {
|
|
76
|
+
case r.PATTERN:
|
|
77
|
+
t = b.value ? "REGEX" : "WILDCARD";
|
|
78
|
+
break;
|
|
79
|
+
case r.TYPE:
|
|
80
|
+
t = "TYPE";
|
|
81
|
+
break;
|
|
82
|
+
default:
|
|
83
|
+
t = "MANUAL";
|
|
84
|
+
}
|
|
85
|
+
s({ mode: t });
|
|
86
|
+
}, F = (e) => {
|
|
87
|
+
y.value === r.PATTERN && s({ mode: e ? "REGEX" : "WILDCARD" });
|
|
88
|
+
}, R = (e) => {
|
|
89
|
+
s({ patternFilter: { pattern: e } });
|
|
90
|
+
}, D = (e) => {
|
|
91
|
+
s({ patternFilter: { isInverted: e } });
|
|
92
|
+
}, I = (e) => {
|
|
93
|
+
s({ patternFilter: { isCaseSensitive: e } });
|
|
94
|
+
}, P = () => {
|
|
95
|
+
const e = a.control.data.typeFilter;
|
|
96
|
+
if (!e)
|
|
97
|
+
return [];
|
|
98
|
+
const t = e.selectedTypes, n = new Map(
|
|
99
|
+
(e.typeDisplays ?? []).map(({ id: d, text: L }) => [d, L])
|
|
100
|
+
);
|
|
101
|
+
return t.map((d) => ({
|
|
102
|
+
id: d,
|
|
103
|
+
text: n.get(d) || d
|
|
104
|
+
}));
|
|
105
|
+
}, f = u(() => {
|
|
106
|
+
if (!a.showTypeFilter)
|
|
107
|
+
return;
|
|
108
|
+
const e = /* @__PURE__ */ new Map();
|
|
109
|
+
return i.value?.forEach((t) => {
|
|
110
|
+
t.type && e.set(t.type.id, t.type.text);
|
|
111
|
+
}), P().forEach(({ id: t, text: n }) => {
|
|
112
|
+
e.has(t) || e.set(t, n);
|
|
113
|
+
}), [...e.entries()].map(([t, n]) => ({
|
|
114
|
+
id: t,
|
|
115
|
+
text: n,
|
|
116
|
+
accessory: { type: "dataType", name: t }
|
|
117
|
+
}));
|
|
118
|
+
}), V = (e) => {
|
|
119
|
+
const t = (f.value ?? []).filter((n) => e.includes(n.id)).map(({ id: n, text: d }) => ({ id: n, text: d }));
|
|
120
|
+
s({
|
|
121
|
+
typeFilter: { selectedTypes: e, typeDisplays: t }
|
|
122
|
+
});
|
|
123
|
+
};
|
|
124
|
+
return (e, t) => (B(), S(c(Y), N(e.$attrs, {
|
|
125
|
+
id: l.labelForId,
|
|
126
|
+
ariaLabel: l.control.label,
|
|
127
|
+
disabled: l.disabled,
|
|
128
|
+
mode: y.value,
|
|
129
|
+
"manually-included": c(p).selected ?? [],
|
|
130
|
+
"manually-excluded": c(p).deselected ?? [],
|
|
131
|
+
"include-unknown-values": a.showUnknownValues ? a.control.data.manualFilter.includeUnknownColumns : null,
|
|
132
|
+
pattern: l.control.data.patternFilter.pattern,
|
|
133
|
+
"case-sensitive": l.control.data.patternFilter.isCaseSensitive,
|
|
134
|
+
"exclude-matches": l.control.data.patternFilter.isInverted,
|
|
135
|
+
"use-regex": b.value,
|
|
136
|
+
"selected-types": l.control.data.typeFilter?.selectedTypes ?? [],
|
|
137
|
+
"possible-values": U.value,
|
|
138
|
+
"filter-types": f.value,
|
|
139
|
+
"enable-pattern-filter": !0,
|
|
140
|
+
loading: c(p).selected === null,
|
|
141
|
+
"exclude-label": c(T),
|
|
142
|
+
"include-label": c(x),
|
|
143
|
+
error: l.error,
|
|
144
|
+
"sub-text": l.subText,
|
|
145
|
+
"onUpdate:mode": v,
|
|
146
|
+
"onUpdate:manuallyIncluded": M,
|
|
147
|
+
"onUpdate:manuallyExcluded": k,
|
|
148
|
+
"onUpdate:includeUnknownValues": E,
|
|
149
|
+
"onUpdate:pattern": R,
|
|
150
|
+
"onUpdate:caseSensitive": I,
|
|
151
|
+
"onUpdate:excludeMatches": D,
|
|
152
|
+
"onUpdate:useRegex": F,
|
|
153
|
+
"onUpdate:selectedTypes": V
|
|
154
|
+
}), null, 16, ["id", "ariaLabel", "disabled", "mode", "manually-included", "manually-excluded", "include-unknown-values", "pattern", "case-sensitive", "exclude-matches", "use-regex", "selected-types", "possible-values", "filter-types", "loading", "exclude-label", "include-label", "error", "sub-text"]));
|
|
155
|
+
}
|
|
156
|
+
});
|
|
157
|
+
export {
|
|
158
|
+
O as _
|
|
159
|
+
};
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import { defineComponent as n, openBlock as o, createBlock as t, mergeProps as a } from "vue";
|
|
2
|
-
import { _ as
|
|
3
|
-
const
|
|
2
|
+
import { _ as r } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-mQFRHgGM.js";
|
|
3
|
+
const i = /* @__PURE__ */ n({
|
|
4
4
|
__name: "NameFilter",
|
|
5
5
|
props: {
|
|
6
6
|
control: {},
|
|
7
7
|
handleChange: { type: Function },
|
|
8
8
|
changeValue: { type: Function },
|
|
9
9
|
disabled: { type: Boolean },
|
|
10
|
-
|
|
10
|
+
error: { type: Boolean },
|
|
11
|
+
subText: {},
|
|
11
12
|
onRegisterValidation: { type: Function },
|
|
12
13
|
labelForId: {}
|
|
13
14
|
},
|
|
14
|
-
setup(
|
|
15
|
-
return (e,
|
|
15
|
+
setup(l) {
|
|
16
|
+
return (e, s) => (o(), t(r, a({ ...e.$props, ...e.$attrs }, {
|
|
16
17
|
"unknown-values-text": "Any unknown value",
|
|
17
18
|
"show-unknown-values": "",
|
|
18
19
|
"empty-state-label": "No values in this list"
|
|
@@ -20,5 +21,5 @@ const u = /* @__PURE__ */ n({
|
|
|
20
21
|
}
|
|
21
22
|
});
|
|
22
23
|
export {
|
|
23
|
-
|
|
24
|
+
i as default
|
|
24
25
|
};
|
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as r } from "vue";
|
|
2
|
-
import { _ as
|
|
3
|
-
const
|
|
2
|
+
import { _ as p } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-bph2Cze8.js";
|
|
3
|
+
const i = /* @__PURE__ */ o({
|
|
4
4
|
__name: "NumberControl",
|
|
5
5
|
props: {
|
|
6
6
|
control: {},
|
|
7
7
|
handleChange: { type: Function },
|
|
8
8
|
changeValue: { type: Function },
|
|
9
9
|
disabled: { type: Boolean },
|
|
10
|
-
|
|
10
|
+
error: { type: Boolean },
|
|
11
|
+
subText: {},
|
|
11
12
|
onRegisterValidation: { type: Function },
|
|
12
13
|
labelForId: {}
|
|
13
14
|
},
|
|
14
|
-
setup(
|
|
15
|
-
return (e, l) => (n(), t(
|
|
15
|
+
setup(a) {
|
|
16
|
+
return (e, l) => (n(), t(p, r(e.$props, { type: "double" }), null, 16));
|
|
16
17
|
}
|
|
17
18
|
});
|
|
18
19
|
export {
|
|
19
|
-
|
|
20
|
+
i as default
|
|
20
21
|
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { defineComponent as u, computed as s, openBlock as m, createBlock as d, unref as p } from "vue";
|
|
2
|
+
import { W as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DML-OwvR.js";
|
|
3
|
+
import { u as b } from "./useBuiltinValidations-Cfw3JlJf.js";
|
|
4
|
+
const E = 1, v = 0.1, h = /* @__PURE__ */ u({
|
|
5
|
+
__name: "NumberControlBase",
|
|
6
|
+
props: {
|
|
7
|
+
control: {},
|
|
8
|
+
handleChange: { type: Function },
|
|
9
|
+
changeValue: { type: Function },
|
|
10
|
+
disabled: { type: Boolean },
|
|
11
|
+
error: { type: Boolean },
|
|
12
|
+
subText: {},
|
|
13
|
+
onRegisterValidation: { type: Function },
|
|
14
|
+
labelForId: {},
|
|
15
|
+
type: {}
|
|
16
|
+
},
|
|
17
|
+
setup(t) {
|
|
18
|
+
const o = t, i = s(
|
|
19
|
+
() => o.control.uischema.options?.stepSize ?? (o.type === "integer" ? E : v)
|
|
20
|
+
), l = b(
|
|
21
|
+
{
|
|
22
|
+
min: ({ min: e, isExclusive: n }) => (a) => isNaN(a) || (n ? a > e : a >= e),
|
|
23
|
+
max: ({ max: e, isExclusive: n }) => (a) => isNaN(a) || (n ? a < e : a <= e)
|
|
24
|
+
},
|
|
25
|
+
o
|
|
26
|
+
), r = s(() => {
|
|
27
|
+
const e = l.value.min;
|
|
28
|
+
if (!(!e || e.min === null))
|
|
29
|
+
return e.min + (e.isExclusive ? i.value : 0);
|
|
30
|
+
}), c = s(() => {
|
|
31
|
+
const e = l.value.max;
|
|
32
|
+
if (!(!e || e.max === null))
|
|
33
|
+
return e.max - (e.isExclusive ? i.value : 0);
|
|
34
|
+
});
|
|
35
|
+
return (e, n) => (m(), d(p(x), {
|
|
36
|
+
id: t.labelForId,
|
|
37
|
+
ariaLabel: t.control.label,
|
|
38
|
+
class: "number-input",
|
|
39
|
+
disabled: t.disabled,
|
|
40
|
+
"model-value": t.control.data,
|
|
41
|
+
min: r.value,
|
|
42
|
+
max: c.value,
|
|
43
|
+
step: i.value,
|
|
44
|
+
error: t.error,
|
|
45
|
+
"sub-text": t.subText,
|
|
46
|
+
"onUpdate:modelValue": t.changeValue
|
|
47
|
+
}, null, 8, ["id", "ariaLabel", "disabled", "model-value", "min", "max", "step", "error", "sub-text", "onUpdate:modelValue"]));
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
export {
|
|
51
|
+
h as _
|
|
52
|
+
};
|
|
@@ -1,33 +1,35 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import {
|
|
3
|
-
import { o as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as s, computed as u, openBlock as d, createBlock as i, unref as t } from "vue";
|
|
2
|
+
import { V as c } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DML-OwvR.js";
|
|
3
|
+
import { o as m } from "./index-Blg1O3Fz.js";
|
|
4
|
+
const x = /* @__PURE__ */ s({
|
|
5
5
|
__name: "OneOfDropdown",
|
|
6
6
|
props: {
|
|
7
7
|
control: {},
|
|
8
8
|
handleChange: { type: Function },
|
|
9
9
|
changeValue: { type: Function },
|
|
10
10
|
disabled: { type: Boolean },
|
|
11
|
-
|
|
11
|
+
error: { type: Boolean },
|
|
12
|
+
subText: {},
|
|
12
13
|
onRegisterValidation: { type: Function },
|
|
13
14
|
labelForId: {}
|
|
14
15
|
},
|
|
15
16
|
setup(e) {
|
|
16
|
-
const o = e,
|
|
17
|
+
const o = e, n = o.control.schema?.oneOf?.map(m) ?? [], a = u({
|
|
17
18
|
get: () => o.control.data ?? "",
|
|
18
19
|
set: o.changeValue
|
|
19
20
|
});
|
|
20
|
-
return (
|
|
21
|
+
return (b, l) => (d(), i(t(c), {
|
|
21
22
|
id: e.labelForId,
|
|
22
23
|
modelValue: a.value,
|
|
23
24
|
"onUpdate:modelValue": l[0] || (l[0] = (r) => a.value = r),
|
|
24
|
-
"possible-values": n
|
|
25
|
+
"possible-values": t(n),
|
|
25
26
|
ariaLabel: e.control.label,
|
|
26
27
|
disabled: e.disabled,
|
|
27
|
-
error:
|
|
28
|
-
|
|
28
|
+
error: e.error,
|
|
29
|
+
"sub-text": e.subText
|
|
30
|
+
}, null, 8, ["id", "modelValue", "possible-values", "ariaLabel", "disabled", "error", "sub-text"]));
|
|
29
31
|
}
|
|
30
32
|
});
|
|
31
33
|
export {
|
|
32
|
-
|
|
34
|
+
x as default
|
|
33
35
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import {
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as b, computed as r, openBlock as n, createElementBlock as t, Fragment as c, renderList as v, createVNode as V, unref as _, createElementVNode as i, normalizeClass as y, createCommentVNode as L } from "vue";
|
|
2
|
+
import { a6 as M } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DML-OwvR.js";
|
|
3
|
+
const T = ["innerHTML"], g = ["innerHTML"], x = ["innerHTML"], H = /* @__PURE__ */ b({
|
|
4
4
|
__name: "RadioButtonsWithDescriptionControl",
|
|
5
5
|
props: {
|
|
6
6
|
control: {},
|
|
@@ -8,27 +8,27 @@ const M = ["innerHTML"], B = ["innerHTML"], C = ["innerHTML"], x = /* @__PURE__
|
|
|
8
8
|
changeValue: { type: Function },
|
|
9
9
|
disabled: { type: Boolean },
|
|
10
10
|
labelForId: {},
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
error: { type: Boolean },
|
|
12
|
+
subText: {},
|
|
13
13
|
onRegisterValidation: { type: Function }
|
|
14
14
|
},
|
|
15
15
|
setup(l) {
|
|
16
|
-
const o = l, u =
|
|
17
|
-
id:
|
|
16
|
+
const o = l, u = r(() => o.control.schema.oneOf?.map(({ const: s, title: e, price: h, description: f }) => ({
|
|
17
|
+
id: s,
|
|
18
18
|
text: e,
|
|
19
19
|
price: h,
|
|
20
20
|
description: f
|
|
21
|
-
})) || []), p =
|
|
21
|
+
})) || []), p = r(() => !o.control.enabled), d = r(
|
|
22
22
|
() => o.control.uischema.options?.footnote || null
|
|
23
23
|
), m = (a) => {
|
|
24
24
|
o.changeValue(a);
|
|
25
25
|
};
|
|
26
|
-
return (a,
|
|
26
|
+
return (a, s) => (n(), t(c, null, [
|
|
27
27
|
(n(!0), t(c, null, v(u.value, (e) => (n(), t("label", {
|
|
28
28
|
key: `radio-${e.id}`,
|
|
29
29
|
class: "radio-wrapper"
|
|
30
30
|
}, [
|
|
31
|
-
|
|
31
|
+
V(_(M), {
|
|
32
32
|
class: "radio-button",
|
|
33
33
|
"model-value": l.control.data === e.id,
|
|
34
34
|
text: e.text,
|
|
@@ -38,20 +38,20 @@ const M = ["innerHTML"], B = ["innerHTML"], C = ["innerHTML"], x = /* @__PURE__
|
|
|
38
38
|
i("div", {
|
|
39
39
|
class: "description",
|
|
40
40
|
innerHTML: e.description
|
|
41
|
-
}, null, 8,
|
|
41
|
+
}, null, 8, T),
|
|
42
42
|
i("div", {
|
|
43
|
-
class:
|
|
43
|
+
class: y(["price", { selected: l.control.data === e.id }]),
|
|
44
44
|
innerHTML: e.price
|
|
45
|
-
}, null, 10,
|
|
45
|
+
}, null, 10, g)
|
|
46
46
|
]))), 128)),
|
|
47
47
|
d.value ? (n(), t("div", {
|
|
48
48
|
key: 0,
|
|
49
49
|
class: "footnote",
|
|
50
50
|
innerHTML: d.value
|
|
51
|
-
}, null, 8,
|
|
51
|
+
}, null, 8, x)) : L("", !0)
|
|
52
52
|
], 64));
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
55
|
export {
|
|
56
|
-
|
|
56
|
+
H as default
|
|
57
57
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as
|
|
2
|
-
import { _ as
|
|
1
|
+
import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as r } from "vue";
|
|
2
|
+
import { _ as a } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-jxw_5dVt.js";
|
|
3
3
|
const s = /* @__PURE__ */ o({
|
|
4
4
|
__name: "RadioControl",
|
|
5
5
|
props: {
|
|
@@ -7,12 +7,13 @@ const s = /* @__PURE__ */ o({
|
|
|
7
7
|
handleChange: { type: Function },
|
|
8
8
|
changeValue: { type: Function },
|
|
9
9
|
disabled: { type: Boolean },
|
|
10
|
-
|
|
10
|
+
error: { type: Boolean },
|
|
11
|
+
subText: {},
|
|
11
12
|
onRegisterValidation: { type: Function },
|
|
12
13
|
labelForId: {}
|
|
13
14
|
},
|
|
14
15
|
setup(p) {
|
|
15
|
-
return (e,
|
|
16
|
+
return (e, l) => (n(), t(a, r(e.$props, { type: "radio" }), null, 16));
|
|
16
17
|
}
|
|
17
18
|
});
|
|
18
19
|
export {
|