@knime/jsonforms 1.14.3 → 1.15.1
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 +32 -0
- package/dist/AnyOfTwinlist-BmHETHvW.js +28 -0
- package/dist/{Button-BxuGKyL5.js → Button-B9RSLVI2.js} +9 -8
- package/dist/CheckboxControl-q88fZSZD.js +58 -0
- package/dist/Checkboxes-Bofcg7tl.js +120 -0
- package/dist/CheckboxesControl-DY0R1PDD.js +47 -0
- package/dist/{ComboBoxControl-Dk02x7sN.js → ComboBoxControl-2r1FWcy-.js} +238 -172
- package/dist/DateControl-vnkppn62.js +38 -0
- package/dist/DateTimeControl-MkF9G3Xz.js +53 -0
- package/dist/DateTimeFormatInput-Ds2VLXw1.js +426 -0
- package/dist/DateTimeFormatPickerControl-D3OjZCj7.js +47 -0
- package/dist/DateTimeFormatPickerWithTypeControl-DDto-oJk.js +85 -0
- package/dist/DateTimeInput-DcwhvMD2.js +11321 -0
- package/dist/Dropdown-D49sEHBa.js +663 -0
- package/dist/DropdownControl-aeEqC-Yg.js +46 -0
- package/dist/HorizontalLayout-D0toQmVl.js +39 -0
- package/dist/{InputField-BYxW_-G3.js → InputField-C_aZPs-f.js} +48 -36
- package/dist/IntegerControl-DAwniqjW.js +33 -0
- package/dist/IntervalControl-Bkuhg0Ga.js +647 -0
- package/dist/LoadingDropdown-B9jHjdWV.js +50 -0
- package/dist/LoadingIcon-RPBUjTO3.js +23 -0
- package/dist/ManualTwinlistControl-DGW-7a2Q.js +90 -0
- package/dist/MultiSelectListBoxControl-BYHuC9jL.js +48 -0
- package/dist/MultimodeTwinlistControl-oIvgI_FP.js +486 -0
- package/dist/{MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_37fe7036_lang-DGKMWtLi.js → MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_bd2eaa56_lang-pnMOUiIt.js} +1 -1
- package/dist/{MultiselectListBox-CHvGxAhY.js → MultiselectListBox-CfdPbcn1.js} +105 -86
- package/dist/NameFilter-BV68t_P5.js +37 -0
- package/dist/NumberControl-Dm01CJW9.js +33 -0
- package/dist/NumberControlBase-CN5eTKEm.js +58 -0
- package/dist/{NumberInput-DJ38AGiR.js → NumberInput-DWTImcA_.js} +72 -54
- package/dist/OneOfDropdown-DuXXP0Qn.js +50 -0
- package/dist/RadioControl-X6HLs9F1.js +36 -0
- package/dist/RadioControlBase-BGUHTIUl.js +111 -0
- package/dist/{RichTextControl-CXY1ULxR.js → RichTextControl-B1mJMs1e.js} +5462 -4668
- package/dist/SectionHeading-B6JkPyMh.js +31 -0
- package/dist/SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js +15603 -0
- package/dist/SectionLayout-7pXn4OHo.js +61 -0
- package/dist/SettingsSubPanel-DToMRoLu.js +48 -0
- package/dist/SettingsSubPanelLayout-DnZnghFr.js +83 -0
- package/dist/SimpleButtonControl-DOSd92Kq.js +84 -0
- package/dist/SimpleTwinlistControl-RBfQTk47.js +31 -0
- package/dist/SingleSelectControl-C-GLQD-a.js +73 -0
- package/dist/SingleSelectListBoxControl-CDg_1QUT.js +260 -0
- package/dist/SortListControl-CWuxKIEb.js +445 -0
- package/dist/StyledListItem-NqAG7jSw.js +81 -0
- package/dist/TextAreaControl-Dt5ZGrae.js +122 -0
- package/dist/TextControl-w9vrCC1T.js +54 -0
- package/dist/TimeControl-DiNQSV4K.js +46 -0
- package/dist/TwinlistControlBase-CMFEecdr.js +47 -0
- package/dist/TwinlistLoadingInfo-Cy6HY-97.js +1080 -0
- package/dist/TypedStringFilter-FUF8sqOm.js +32 -0
- package/dist/ValueSwitch-Ozmr1YfK.js +162 -0
- package/dist/ValueSwitchControl-CdFlHo-2.js +33 -0
- package/dist/VerticalLayout-DY8gbasK.js +39 -0
- package/dist/VerticalLayoutBase-CpN-KONq.js +32 -0
- package/dist/ZonedDateTimeControl-Cg3dAfq5.js +79 -0
- package/dist/{_baseEach-cjHvi5iT.js → _baseEach-CWap1NWh.js} +4 -4
- package/dist/{_baseIteratee-CIxt0KWU.js → _baseIteratee-D0MXvnuf.js} +27 -27
- package/dist/{_getTag-sLUyzSDj.js → _getTag-BvpAzjaz.js} +10 -10
- package/dist/{arrow-dropdown-DdgjzLAO.js → arrow-dropdown-eS-nVNCv.js} +9 -3
- package/dist/{arrow-next-CIOU5o42.js → arrow-next-BmOStWql.js} +9 -3
- package/dist/{close-BuY4mhXV.js → close-0dYG2oDA.js} +9 -3
- package/dist/floating-ui.vue-CDo9Kas1.js +1055 -0
- package/dist/{hotkeys-kwHHtFKz.js → hotkeys-rxnt4egK.js} +1 -1
- package/dist/index-CpKfM262.js +376 -0
- package/dist/knime-jsonforms.css +1 -1
- package/dist/knime-jsonforms.js +133 -110
- package/dist/{localTimeUtils-Dv-1R88J.js → localTimeUtils-CfchSrLG.js} +179 -181
- package/dist/magic-string.es-BQ9KnLz-.js +659 -0
- package/dist/navigator-e30QQMkl.js +4 -0
- package/dist/popper-LGjf7Wza.js +905 -0
- package/dist/reload-57Xc2t-6.js +23 -0
- package/dist/src/higherOrderComponents/control/LabeledControl.vue.d.ts +26 -22
- package/dist/src/higherOrderComponents/control/errorMessage/ErrorLine.vue.d.ts +3 -4
- package/dist/src/higherOrderComponents/control/errorMessage/ErrorMessages.vue.d.ts +16 -10
- package/dist/src/higherOrderComponents/control/errorMessage/withErrorMessage.d.ts +1 -1
- package/dist/src/higherOrderComponents/control/util.d.ts +7 -33
- package/dist/src/higherOrderComponents/layout/util.d.ts +1 -17
- package/dist/src/layoutComponents/Form.vue.d.ts +12 -4
- package/dist/src/layoutComponents/HorizontalLayout.vue.d.ts +1 -1
- package/dist/src/layoutComponents/SectionLayout.vue.d.ts +13 -5
- package/dist/src/layoutComponents/VerticalLayout.vue.d.ts +1 -1
- package/dist/src/layoutComponents/VerticalLayoutBase.vue.d.ts +16 -9
- package/dist/src/layoutComponents/section/SectionHeading.vue.d.ts +13 -6
- package/dist/src/layoutComponents/settingsSubPanel/SettingsSubPanel.vue.d.ts +2 -2
- package/dist/src/layoutComponents/settingsSubPanel/SettingsSubPanelBackArrow.vue.d.ts +1 -1
- package/dist/src/renderers/dateTimeFormatPickerRenderer.d.ts +2 -2
- package/dist/src/renderers/defaultRenderers.d.ts +966 -151
- package/dist/src/renderers/dropdownRenderer.d.ts +1 -1
- package/dist/src/renderers/fallbackRenderers.d.ts +8 -8
- package/dist/src/renderers/horizontalLayoutRenderer.d.ts +1 -1
- package/dist/src/renderers/sectionLayoutRenderer.d.ts +4 -4
- package/dist/src/renderers/simpleButtonRenderer.d.ts +7 -89
- package/dist/src/renderers/sortListRenderer.d.ts +853 -20
- package/dist/src/renderers/textMessageRenderer.d.ts +65 -1
- package/dist/src/renderers/textRenderer.d.ts +1 -1
- package/dist/src/renderers/verticalLayoutRenderer.d.ts +2 -2
- package/dist/src/renderers/zonedDateTimeRenderer.d.ts +1 -1
- package/dist/src/uiComponents/CheckboxControl.vue.d.ts +15 -6
- package/dist/src/uiComponents/CheckboxesControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/ComboBoxControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/DateControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/DateTimeControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/DateTimeFormatPickerControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/DateTimeFormatPickerWithTypeControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/DropdownControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/IntegerControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/IntervalControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/MultiSelectListBoxControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/NumberControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/NumberControlBase.vue.d.ts +5 -9
- package/dist/src/uiComponents/OneOfDropdown.vue.d.ts +2 -1
- package/dist/src/uiComponents/RadioControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/RadioControlBase.vue.d.ts +4 -8
- package/dist/src/uiComponents/SimpleButtonControl.vue.d.ts +5 -129
- package/dist/src/uiComponents/SingleSelectControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/SingleSelectListBoxControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/SortListControl.vue.d.ts +845 -12
- package/dist/src/uiComponents/TextAreaControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/TextControl.vue.d.ts +203 -3
- package/dist/src/uiComponents/TextMessageControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/TimeControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/ValueSwitchControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/ZonedDateTimeControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/composables/useProvidedState.d.ts +1 -1
- package/dist/src/uiComponents/loading/TwinlistLoadingInfo.vue.d.ts +1 -1
- package/dist/src/uiComponents/richTextControl/DialogLinkModal.vue.d.ts +3 -1
- package/dist/src/uiComponents/richTextControl/RichTextControl.vue.d.ts +230 -1
- package/dist/src/uiComponents/twinlist/AnyOfTwinlist.vue.d.ts +2 -1
- package/dist/src/uiComponents/twinlist/ManualTwinlistControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/twinlist/MultimodeTwinlistControl.vue.d.ts +8 -15
- package/dist/src/uiComponents/twinlist/NameFilter.vue.d.ts +2 -1
- package/dist/src/uiComponents/twinlist/SimpleTwinlistControl.vue.d.ts +2 -1
- package/dist/src/uiComponents/twinlist/TwinlistControlBase.vue.d.ts +5 -10
- package/dist/src/uiComponents/twinlist/TypedStringFilter.vue.d.ts +2 -1
- package/dist/testUtils/component.d.ts +18 -18
- package/dist/testing.js +8688 -8655
- package/dist/{toString-C_MqBj3_.js → toString-C-X8cE7K.js} +1 -1
- package/dist/{useBuiltinValidations-DP7OS71z.js → useBuiltinValidations-D0WuEacN.js} +1 -1
- package/dist/useDropdownNavigation-BfCXUheD.js +817 -0
- package/dist/usePossibleValues-DTVXBGRC.js +16 -0
- package/package.json +14 -14
- package/dist/AnyOfTwinlist-Cwxtyt0Q.js +0 -22
- package/dist/CheckboxControl-Oe97HhY3.js +0 -40
- package/dist/Checkboxes-DIPjJhPO.js +0 -103
- package/dist/CheckboxesControl-5QlPmjwv.js +0 -41
- package/dist/DateControl-CddCObVg.js +0 -29
- package/dist/DateTimeControl-DyXUJBHE.js +0 -54
- package/dist/DateTimeFormatInput-bO1zHUyp.js +0 -381
- package/dist/DateTimeFormatPickerControl-Dq25_JV2.js +0 -43
- package/dist/DateTimeFormatPickerWithTypeControl-DZib_x-B.js +0 -79
- package/dist/DateTimeInput-CEYEV8dt.js +0 -11204
- package/dist/Dropdown-CJj0CUA8.js +0 -604
- package/dist/DropdownControl-BNQKWzTT.js +0 -31
- package/dist/HorizontalLayout-6GwurgkR.js +0 -25
- package/dist/IntegerControl-DZIY-wb_.js +0 -20
- package/dist/IntervalControl-Yts36_MI.js +0 -546
- package/dist/LoadingDropdown-Dw-0WQ8x.js +0 -40
- package/dist/ManualTwinlistControl-C3NnAug1.js +0 -85
- package/dist/MultiSelectListBoxControl-3Q41S4aA.js +0 -34
- package/dist/MultimodeTwinlistControl-B2Jven29.js +0 -470
- package/dist/NameFilter-D0hKO5Fr.js +0 -24
- package/dist/NumberControl-DkeQT1iR.js +0 -20
- package/dist/NumberControlBase.vue_vue_type_script_setup_true_lang-B9K5qEs3.js +0 -53
- package/dist/OneOfDropdown-NAgE-mPP.js +0 -34
- package/dist/RadioControl-DjrysNQ_.js +0 -24
- package/dist/RadioControlBase.vue_vue_type_script_setup_true_lang-WaVJMdQq.js +0 -114
- package/dist/SectionHeading-BU1W5lDr.js +0 -19
- package/dist/SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-CsYyUtDa.js +0 -14015
- package/dist/SectionLayout-CJP4sYyB.js +0 -46
- package/dist/SettingsSubPanel-KxEyzlB6.js +0 -5
- package/dist/SettingsSubPanelLayout-YBNVPQOD.js +0 -61
- package/dist/SimpleButtonControl-ejyUwJdL.js +0 -61
- package/dist/SimpleTwinlistControl-qXQxRI7h.js +0 -28
- package/dist/SingleSelectControl-B0JgDv7j.js +0 -58
- package/dist/SingleSelectListBoxControl-ClQOxnxW.js +0 -235
- package/dist/SortListControl-mvJofiWn.js +0 -375
- package/dist/StyledListItem-BXz08pEQ.js +0 -72
- package/dist/TextAreaControl-S4aoqAv1.js +0 -111
- package/dist/TextControl-rJrjrBw8.js +0 -4
- package/dist/TextControl.vue_vue_type_script_setup_true_lang-Bf6GB1zX.js +0 -50
- package/dist/TimeControl-DfhE8yu9.js +0 -42
- package/dist/TwinlistControlBase-D1l9t7Up.js +0 -40
- package/dist/TwinlistLoadingInfo-CQRx9cEu.js +0 -963
- package/dist/TypedStringFilter-C6JhWCCC.js +0 -29
- package/dist/ValueSwitch-CUYV7v67.js +0 -131
- package/dist/ValueSwitchControl-IP9SxrUs.js +0 -20
- package/dist/VerticalLayout-D2eQSYgv.js +0 -30
- package/dist/VerticalLayoutBase-DRfHwc4t.js +0 -20
- package/dist/ZonedDateTimeControl-Bi8cV34A.js +0 -75
- package/dist/floating-ui.vue-B-MrqKCT.js +0 -1019
- package/dist/index-CoRworrE.js +0 -322
- package/dist/magic-string.es-D-aKzDFf.js +0 -858
- package/dist/navigator-D_R-txCf.js +0 -7
- package/dist/popper-CRR--9mA.js +0 -907
- package/dist/reload-BVbCGubF.js +0 -17
- package/dist/src/JsonFormsDialog.vue.d.ts +0 -46
- package/dist/svgWithTitle-Cr3Pu3wr.js +0 -18
- package/dist/useDropdownNavigation-7o7SRJSo.js +0 -781
- package/dist/usePossibleValues-lz0Rcu_N.js +0 -20
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { defineComponent as u, ref as i, openBlock as l, createElementBlock as m, createVNode as s, withCtx as r, renderSlot as p, createBlock as c, unref as d } from "vue";
|
|
2
|
-
import { v as f, _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-CsYyUtDa.js";
|
|
3
|
-
import { V as h } from "./VerticalLayoutBase-DRfHwc4t.js";
|
|
4
|
-
import { S as v } from "./SectionHeading-BU1W5lDr.js";
|
|
5
|
-
const b = /* @__PURE__ */ u({
|
|
6
|
-
__name: "SectionLayout",
|
|
7
|
-
props: {
|
|
8
|
-
layout: {}
|
|
9
|
-
},
|
|
10
|
-
setup($) {
|
|
11
|
-
const o = i(!1);
|
|
12
|
-
return (e, t) => (l(), m("div", {
|
|
13
|
-
class: "section",
|
|
14
|
-
onMouseover: t[0] || (t[0] = (a) => o.value = !0),
|
|
15
|
-
onMouseleave: t[1] || (t[1] = (a) => o.value = !1)
|
|
16
|
-
}, [
|
|
17
|
-
s(v, {
|
|
18
|
-
"title-text": e.layout.uischema.label
|
|
19
|
-
}, {
|
|
20
|
-
"right-buttons": r(() => [
|
|
21
|
-
p(e.$slots, "buttons", { hover: o.value }, void 0, !0)
|
|
22
|
-
]),
|
|
23
|
-
_: 3
|
|
24
|
-
}, 8, ["title-text"]),
|
|
25
|
-
s(h, {
|
|
26
|
-
elements: e.layout.uischema.elements
|
|
27
|
-
}, {
|
|
28
|
-
default: r(({ element: a, index: n }) => [
|
|
29
|
-
(l(), c(d(f), {
|
|
30
|
-
key: `${e.layout.path}-${n}`,
|
|
31
|
-
schema: e.layout.schema,
|
|
32
|
-
uischema: a,
|
|
33
|
-
path: e.layout.path,
|
|
34
|
-
enabled: e.layout.enabled,
|
|
35
|
-
renderers: e.layout.renderers,
|
|
36
|
-
cells: e.layout.cells
|
|
37
|
-
}, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))
|
|
38
|
-
]),
|
|
39
|
-
_: 1
|
|
40
|
-
}, 8, ["elements"])
|
|
41
|
-
], 32));
|
|
42
|
-
}
|
|
43
|
-
}), V = /* @__PURE__ */ y(b, [["__scopeId", "data-v-84fc355c"]]);
|
|
44
|
-
export {
|
|
45
|
-
V as default
|
|
46
|
-
};
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { defineComponent as i, openBlock as n, createBlock as s, withCtx as t, createVNode as a, unref as l, createElementVNode as m } from "vue";
|
|
2
|
-
import { r as c, v as p, _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-CsYyUtDa.js";
|
|
3
|
-
import { N as f } from "./arrow-next-CIOU5o42.js";
|
|
4
|
-
import { V as h } from "./VerticalLayoutBase-DRfHwc4t.js";
|
|
5
|
-
import { S as y } from "./SectionHeading-BU1W5lDr.js";
|
|
6
|
-
import { S as b } from "./SettingsSubPanel-KxEyzlB6.js";
|
|
7
|
-
const S = /* @__PURE__ */ i({
|
|
8
|
-
__name: "SettingsSubPanelLayout",
|
|
9
|
-
props: {
|
|
10
|
-
layout: {}
|
|
11
|
-
},
|
|
12
|
-
setup(g) {
|
|
13
|
-
return (e, r) => (n(), s(b, {
|
|
14
|
-
"show-back-arrow": "",
|
|
15
|
-
"background-color-override": "var(--knime-gray-ultra-light"
|
|
16
|
-
}, {
|
|
17
|
-
"expand-button": t(({ expand: o }) => [
|
|
18
|
-
a(y, {
|
|
19
|
-
"title-text": e.layout.uischema.label
|
|
20
|
-
}, {
|
|
21
|
-
"right-buttons": t(() => [
|
|
22
|
-
a(l(c), {
|
|
23
|
-
compact: "",
|
|
24
|
-
class: "set-button",
|
|
25
|
-
onClick: o
|
|
26
|
-
}, {
|
|
27
|
-
default: t(() => [
|
|
28
|
-
r[0] || (r[0] = m("span", null, "Set", -1)),
|
|
29
|
-
a(l(f))
|
|
30
|
-
]),
|
|
31
|
-
_: 2
|
|
32
|
-
}, 1032, ["onClick"])
|
|
33
|
-
]),
|
|
34
|
-
_: 2
|
|
35
|
-
}, 1032, ["title-text"])
|
|
36
|
-
]),
|
|
37
|
-
default: t(() => [
|
|
38
|
-
a(h, {
|
|
39
|
-
elements: e.layout.uischema.elements
|
|
40
|
-
}, {
|
|
41
|
-
default: t(({ element: o, index: u }) => [
|
|
42
|
-
(n(), s(l(p), {
|
|
43
|
-
key: `${e.layout.path}-${u}`,
|
|
44
|
-
schema: e.layout.schema,
|
|
45
|
-
uischema: o,
|
|
46
|
-
path: e.layout.path,
|
|
47
|
-
enabled: e.layout.enabled,
|
|
48
|
-
renderers: e.layout.renderers,
|
|
49
|
-
cells: e.layout.cells
|
|
50
|
-
}, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))
|
|
51
|
-
]),
|
|
52
|
-
_: 1
|
|
53
|
-
}, 8, ["elements"])
|
|
54
|
-
]),
|
|
55
|
-
_: 1
|
|
56
|
-
}));
|
|
57
|
-
}
|
|
58
|
-
}), V = /* @__PURE__ */ d(S, [["__scopeId", "data-v-eab8ed9f"]]);
|
|
59
|
-
export {
|
|
60
|
-
V as default
|
|
61
|
-
};
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { defineComponent as u, openBlock as s, createBlock as p, resolveDynamicComponent as f, computed as r, ref as g, createElementBlock as _, createVNode as b, unref as y, withCtx as B, createCommentVNode as C, createTextVNode as h, toDisplayString as I, renderSlot as V } from "vue";
|
|
2
|
-
import { z as k, _ as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-CsYyUtDa.js";
|
|
3
|
-
import { R as S } from "./reload-BVbCGubF.js";
|
|
4
|
-
import { B as $ } from "./Button-BxuGKyL5.js";
|
|
5
|
-
const x = /* @__PURE__ */ u({
|
|
6
|
-
__name: "DynamicIcon",
|
|
7
|
-
props: {
|
|
8
|
-
icon: {}
|
|
9
|
-
},
|
|
10
|
-
setup(a) {
|
|
11
|
-
const e = {
|
|
12
|
-
reload: S
|
|
13
|
-
};
|
|
14
|
-
return (t, l) => (s(), p(f(e[t.icon])));
|
|
15
|
-
}
|
|
16
|
-
}), D = /* @__PURE__ */ u({
|
|
17
|
-
__name: "SimpleButtonControl",
|
|
18
|
-
props: {
|
|
19
|
-
control: {},
|
|
20
|
-
handleChange: { type: Function },
|
|
21
|
-
changeValue: { type: Function },
|
|
22
|
-
disabled: { type: Boolean },
|
|
23
|
-
labelForId: {},
|
|
24
|
-
isValid: { type: Boolean },
|
|
25
|
-
messages: {},
|
|
26
|
-
onRegisterValidation: { type: Function }
|
|
27
|
-
},
|
|
28
|
-
setup(a) {
|
|
29
|
-
const e = a, t = r(() => !e.control.enabled), l = r(() => e.control.uischema.options.triggerId), i = r(
|
|
30
|
-
() => e.control.uischema.options.icon
|
|
31
|
-
), d = k("trigger"), m = () => {
|
|
32
|
-
d({ id: l.value });
|
|
33
|
-
}, n = g(!1);
|
|
34
|
-
return (c, o) => (s(), _("div", {
|
|
35
|
-
class: "simple-button-input",
|
|
36
|
-
onMouseover: o[0] || (o[0] = (v) => n.value = !0),
|
|
37
|
-
onMouseleave: o[1] || (o[1] = (v) => n.value = !1)
|
|
38
|
-
}, [
|
|
39
|
-
b(y($), {
|
|
40
|
-
compact: "",
|
|
41
|
-
"with-border": "",
|
|
42
|
-
disabled: t.value,
|
|
43
|
-
class: "button-input",
|
|
44
|
-
onClick: m
|
|
45
|
-
}, {
|
|
46
|
-
default: B(() => [
|
|
47
|
-
i.value ? (s(), p(x, {
|
|
48
|
-
key: 0,
|
|
49
|
-
icon: i.value
|
|
50
|
-
}, null, 8, ["icon"])) : C("", !0),
|
|
51
|
-
h(I(c.control.label), 1)
|
|
52
|
-
]),
|
|
53
|
-
_: 1
|
|
54
|
-
}, 8, ["disabled"]),
|
|
55
|
-
V(c.$slots, "buttons", { hover: n.value }, void 0, !0)
|
|
56
|
-
], 32));
|
|
57
|
-
}
|
|
58
|
-
}), j = /* @__PURE__ */ F(D, [["__scopeId", "data-v-71d12dcd"]]);
|
|
59
|
-
export {
|
|
60
|
-
j as default
|
|
61
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { defineComponent as i, toRef as l, openBlock as a, createBlock as r, mergeProps as p, unref as c } from "vue";
|
|
2
|
-
import { u } from "./usePossibleValues-lz0Rcu_N.js";
|
|
3
|
-
import { T as m } from "./TwinlistControlBase-D1l9t7Up.js";
|
|
4
|
-
const w = /* @__PURE__ */ i({
|
|
5
|
-
__name: "SimpleTwinlistControl",
|
|
6
|
-
props: {
|
|
7
|
-
control: {},
|
|
8
|
-
handleChange: { type: Function },
|
|
9
|
-
changeValue: { type: Function },
|
|
10
|
-
disabled: { type: Boolean },
|
|
11
|
-
isValid: { type: Boolean },
|
|
12
|
-
onRegisterValidation: { type: Function },
|
|
13
|
-
labelForId: {}
|
|
14
|
-
},
|
|
15
|
-
setup(t) {
|
|
16
|
-
const o = t, n = l(o, "control"), { possibleValues: s } = u(n);
|
|
17
|
-
return (d, f) => {
|
|
18
|
-
var e;
|
|
19
|
-
return a(), r(m, p(o, {
|
|
20
|
-
"possible-values": c(s),
|
|
21
|
-
"twinlist-size": (e = o.control.uischema.options) == null ? void 0 : e.twinlistSize
|
|
22
|
-
}), null, 16, ["possible-values", "twinlist-size"]);
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
export {
|
|
27
|
-
w as default
|
|
28
|
-
};
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { defineComponent as I, computed as n, toRef as y, openBlock as v, createBlock as w } from "vue";
|
|
2
|
-
import { u as F } from "./usePossibleValues-lz0Rcu_N.js";
|
|
3
|
-
import { L as R } from "./LoadingDropdown-Dw-0WQ8x.js";
|
|
4
|
-
const t = "__special__", i = "__regular__", L = /* @__PURE__ */ I({
|
|
5
|
-
__name: "SingleSelectControl",
|
|
6
|
-
props: {
|
|
7
|
-
control: {},
|
|
8
|
-
handleChange: { type: Function },
|
|
9
|
-
changeValue: { type: Function },
|
|
10
|
-
disabled: { type: Boolean },
|
|
11
|
-
isValid: { type: Boolean },
|
|
12
|
-
onRegisterValidation: { type: Function },
|
|
13
|
-
labelForId: {}
|
|
14
|
-
},
|
|
15
|
-
setup(p) {
|
|
16
|
-
const r = p, d = n(
|
|
17
|
-
() => r.control.uischema.options.specialChoices
|
|
18
|
-
), { possibleValues: c } = F(
|
|
19
|
-
y(r, "control")
|
|
20
|
-
), l = (e) => `${t}${e}`, s = (e) => `${i}${e}`, h = ({
|
|
21
|
-
id: e,
|
|
22
|
-
text: o
|
|
23
|
-
}) => ({
|
|
24
|
-
id: l(e),
|
|
25
|
-
text: o,
|
|
26
|
-
isSpecial: !0
|
|
27
|
-
}), f = ({
|
|
28
|
-
id: e,
|
|
29
|
-
text: o
|
|
30
|
-
}) => ({
|
|
31
|
-
id: s(e),
|
|
32
|
-
text: o
|
|
33
|
-
}), a = n(() => c.value === null ? null : d.value.map(h).concat(c.value.map(f))), C = (e) => {
|
|
34
|
-
if (!e.startsWith(i) && !e.startsWith(t))
|
|
35
|
-
throw new Error(`Expected id to start with ${i}`);
|
|
36
|
-
}, m = (e) => e ? (C(e), e.startsWith(t) ? { specialChoice: e.slice(t.length) } : { regularChoice: e.slice(i.length) }) : null, b = (e) => typeof e > "u" || e === null ? "" : "regularChoice" in e && e.regularChoice ? s(e.regularChoice) : "specialChoice" in e && e.specialChoice ? l(e.specialChoice) : "", g = (e) => typeof e > "u" || e === null ? "" : "regularChoice" in e && e.regularChoice ? e.regularChoice : "specialChoice" in e && e.specialChoice ? e.specialChoice : "", u = n({
|
|
37
|
-
get: () => {
|
|
38
|
-
const e = b(r.control.data);
|
|
39
|
-
return a.value && !a.value.some((o) => o.id === e) ? g(r.control.data) : e;
|
|
40
|
-
},
|
|
41
|
-
set: (e) => {
|
|
42
|
-
r.changeValue(m(e));
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
return (e, o) => (v(), w(R, {
|
|
46
|
-
id: e.labelForId,
|
|
47
|
-
modelValue: u.value,
|
|
48
|
-
"onUpdate:modelValue": o[0] || (o[0] = (_) => u.value = _),
|
|
49
|
-
"possible-values": a.value,
|
|
50
|
-
ariaLabel: e.control.label,
|
|
51
|
-
disabled: e.disabled,
|
|
52
|
-
compact: ""
|
|
53
|
-
}, null, 8, ["id", "modelValue", "possible-values", "ariaLabel", "disabled"]));
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
export {
|
|
57
|
-
L as default
|
|
58
|
-
};
|
|
@@ -1,235 +0,0 @@
|
|
|
1
|
-
import { resolveComponent as m, openBlock as a, createElementBlock as u, normalizeClass as c, createElementVNode as V, normalizeStyle as h, Fragment as y, renderList as I, createBlock as f, defineComponent as x, toRef as g, unref as o, createCommentVNode as v } from "vue";
|
|
2
|
-
import { u as S } from "./usePossibleValues-lz0Rcu_N.js";
|
|
3
|
-
import { S as C } from "./StyledListItem-BXz08pEQ.js";
|
|
4
|
-
import { _ as L, A as _ } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-CsYyUtDa.js";
|
|
5
|
-
const B = 40, w = 38, H = 36, T = 35, K = {
|
|
6
|
-
name: "ListBox",
|
|
7
|
-
components: {
|
|
8
|
-
StyledListItem: C
|
|
9
|
-
},
|
|
10
|
-
props: {
|
|
11
|
-
id: {
|
|
12
|
-
type: String,
|
|
13
|
-
default() {
|
|
14
|
-
return `ListBox-${_()}`;
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
modelValue: {
|
|
18
|
-
type: String,
|
|
19
|
-
default: ""
|
|
20
|
-
},
|
|
21
|
-
/**
|
|
22
|
-
* Controls the size of the list. Number of visible items (for others user need to scroll)
|
|
23
|
-
* 0 means all
|
|
24
|
-
*/
|
|
25
|
-
size: {
|
|
26
|
-
type: Number,
|
|
27
|
-
default: 0,
|
|
28
|
-
validator(e) {
|
|
29
|
-
return e >= 0;
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
isValid: {
|
|
33
|
-
default: !0,
|
|
34
|
-
type: Boolean
|
|
35
|
-
},
|
|
36
|
-
ariaLabel: {
|
|
37
|
-
type: String,
|
|
38
|
-
required: !0
|
|
39
|
-
},
|
|
40
|
-
/**
|
|
41
|
-
* List of possible values. Each item must have an `id` and a `text` property
|
|
42
|
-
* @example
|
|
43
|
-
* [{
|
|
44
|
-
* id: 'pdf',
|
|
45
|
-
* text: 'PDF'
|
|
46
|
-
* }, {
|
|
47
|
-
* id: 'XLS',
|
|
48
|
-
* text: 'Excel',
|
|
49
|
-
* }]
|
|
50
|
-
*/
|
|
51
|
-
possibleValues: {
|
|
52
|
-
type: Array,
|
|
53
|
-
default: () => [],
|
|
54
|
-
validator(e) {
|
|
55
|
-
return Array.isArray(e) ? e.every(
|
|
56
|
-
(t) => t.hasOwnProperty("id") && t.hasOwnProperty("text")
|
|
57
|
-
) : !1;
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
disabled: {
|
|
61
|
-
type: Boolean,
|
|
62
|
-
default: !1
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
emits: ["update:modelValue"],
|
|
66
|
-
data() {
|
|
67
|
-
return {
|
|
68
|
-
selectedIndex: -1,
|
|
69
|
-
invalidPossibleValueIds: [],
|
|
70
|
-
optionLineHeight: 22
|
|
71
|
-
};
|
|
72
|
-
},
|
|
73
|
-
computed: {
|
|
74
|
-
ulSizeStyle() {
|
|
75
|
-
const e = (t) => `${t * this.optionLineHeight + 2}px`;
|
|
76
|
-
return this.size > 0 ? { height: e(this.size) } : { minHeight: e(2) };
|
|
77
|
-
},
|
|
78
|
-
selectableValues() {
|
|
79
|
-
return [
|
|
80
|
-
...this.invalidPossibleValueIds.map((e) => this.generateInvalidItem(e)),
|
|
81
|
-
...this.possibleValues
|
|
82
|
-
];
|
|
83
|
-
}
|
|
84
|
-
},
|
|
85
|
-
watch: {
|
|
86
|
-
modelValue(e) {
|
|
87
|
-
this.updateSelectedIndexAndInvalidValue(e);
|
|
88
|
-
}
|
|
89
|
-
},
|
|
90
|
-
mounted() {
|
|
91
|
-
this.updateSelectedIndexAndInvalidValue(this.modelValue);
|
|
92
|
-
},
|
|
93
|
-
methods: {
|
|
94
|
-
updateSelectedIndexAndInvalidValue(e) {
|
|
95
|
-
const t = this.selectableValues.findIndex((l) => l.id === e);
|
|
96
|
-
t === -1 && e ? (this.invalidPossibleValueIds.includes(e) || this.invalidPossibleValueIds.push(e), this.selectedIndex = this.selectableValues.findIndex(
|
|
97
|
-
(l) => l.id === e
|
|
98
|
-
)) : this.selectedIndex = t;
|
|
99
|
-
},
|
|
100
|
-
isCurrentValue(e) {
|
|
101
|
-
return this.modelValue === e;
|
|
102
|
-
},
|
|
103
|
-
setSelected(e, t) {
|
|
104
|
-
this.disabled || (consola.trace("ListBox setSelected on", e), this.selectedIndex = t, this.$emit("update:modelValue", e));
|
|
105
|
-
},
|
|
106
|
-
scrollToCurrent() {
|
|
107
|
-
const e = this.$refs.ul;
|
|
108
|
-
if (e.scrollHeight > e.clientHeight) {
|
|
109
|
-
const t = this.$refs.options[this.selectedIndex], l = e.clientHeight + e.scrollTop, n = t.offsetTop + t.offsetHeight;
|
|
110
|
-
n > l ? e.scrollTop = n - e.clientHeight : t.offsetTop < e.scrollTop && (e.scrollTop = t.offsetTop);
|
|
111
|
-
}
|
|
112
|
-
},
|
|
113
|
-
onArrowDown() {
|
|
114
|
-
if (this.disabled)
|
|
115
|
-
return;
|
|
116
|
-
const e = this.selectedIndex + 1;
|
|
117
|
-
e >= this.selectableValues.length || (this.setSelected(this.selectableValues[e].id, e), this.scrollToCurrent());
|
|
118
|
-
},
|
|
119
|
-
onArrowUp() {
|
|
120
|
-
if (this.disabled)
|
|
121
|
-
return;
|
|
122
|
-
const e = this.selectedIndex - 1;
|
|
123
|
-
e < 0 || (this.setSelected(this.selectableValues[e].id, e), this.scrollToCurrent());
|
|
124
|
-
},
|
|
125
|
-
onEndKey() {
|
|
126
|
-
if (this.disabled)
|
|
127
|
-
return;
|
|
128
|
-
const e = this.selectableValues.length - 1;
|
|
129
|
-
this.setSelected(this.selectableValues[e].id, e), this.$refs.ul.scrollTop = this.$refs.ul.scrollHeight;
|
|
130
|
-
},
|
|
131
|
-
onHomeKey() {
|
|
132
|
-
if (this.disabled)
|
|
133
|
-
return;
|
|
134
|
-
const e = 0;
|
|
135
|
-
this.setSelected(this.selectableValues[e].id, e), this.$refs.ul.scrollTop = 0;
|
|
136
|
-
},
|
|
137
|
-
handleKeyDown(e) {
|
|
138
|
-
this.disabled || (e.keyCode === B && (this.onArrowDown(), e.preventDefault()), e.keyCode === w && (this.onArrowUp(), e.preventDefault()), e.keyCode === T && (this.onEndKey(), e.preventDefault()), e.keyCode === H && (this.onHomeKey(), e.preventDefault()));
|
|
139
|
-
},
|
|
140
|
-
hasSelection() {
|
|
141
|
-
return this.selectedIndex >= 0;
|
|
142
|
-
},
|
|
143
|
-
validate() {
|
|
144
|
-
return { isValid: !this.getCurrentItem().invalid, errorMessage: null };
|
|
145
|
-
},
|
|
146
|
-
getCurrentItem() {
|
|
147
|
-
return this.selectableValues[this.selectedIndex] || { id: "", text: "" };
|
|
148
|
-
},
|
|
149
|
-
generateInvalidItem(e) {
|
|
150
|
-
return {
|
|
151
|
-
id: e,
|
|
152
|
-
text: `(MISSING) ${e}`,
|
|
153
|
-
invalid: !0
|
|
154
|
-
};
|
|
155
|
-
},
|
|
156
|
-
generateOptionId(e) {
|
|
157
|
-
if (!e || !e.id)
|
|
158
|
-
return "";
|
|
159
|
-
const t = e.id.replace(/[^\w]/gi, "");
|
|
160
|
-
return `option-${this.id}-${t}`;
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
}, k = ["id", "tabindex", "aria-label", "aria-activedescendant"];
|
|
164
|
-
function A(e, t, l, n, d, i) {
|
|
165
|
-
const p = m("StyledListItem");
|
|
166
|
-
return a(), u("div", {
|
|
167
|
-
class: c(["list-box", { invalid: !l.isValid, disabled: l.disabled }])
|
|
168
|
-
}, [
|
|
169
|
-
V("ul", {
|
|
170
|
-
id: l.id,
|
|
171
|
-
ref: "ul",
|
|
172
|
-
role: "listbox",
|
|
173
|
-
tabindex: l.disabled ? -1 : 0,
|
|
174
|
-
"aria-label": l.ariaLabel,
|
|
175
|
-
style: h(i.ulSizeStyle),
|
|
176
|
-
"aria-activedescendant": i.generateOptionId(i.getCurrentItem()),
|
|
177
|
-
onKeydown: t[0] || (t[0] = (...s) => i.handleKeyDown && i.handleKeyDown(...s))
|
|
178
|
-
}, [
|
|
179
|
-
(a(!0), u(y, null, I(i.selectableValues, (s, r) => (a(), f(p, {
|
|
180
|
-
id: i.generateOptionId(s),
|
|
181
|
-
key: `listbox-${s.id}`,
|
|
182
|
-
ref_for: !0,
|
|
183
|
-
ref: "options",
|
|
184
|
-
style: h({ "line-height": `${d.optionLineHeight}px` }),
|
|
185
|
-
text: s.text,
|
|
186
|
-
title: s.text,
|
|
187
|
-
class: c({
|
|
188
|
-
focused: i.isCurrentValue(s.id),
|
|
189
|
-
noselect: !0,
|
|
190
|
-
empty: s.text.trim() === ""
|
|
191
|
-
}),
|
|
192
|
-
"aria-selected": i.isCurrentValue(s.id),
|
|
193
|
-
"line-height": d.optionLineHeight,
|
|
194
|
-
selected: i.isCurrentValue(s.id),
|
|
195
|
-
invalid: s.invalid,
|
|
196
|
-
special: s.special,
|
|
197
|
-
disabled: l.disabled,
|
|
198
|
-
onClick: (b) => !l.disabled && i.setSelected(s.id, r),
|
|
199
|
-
onFocus: (b) => !l.disabled && i.setSelected(s.id, r)
|
|
200
|
-
}, null, 8, ["id", "style", "text", "title", "class", "aria-selected", "line-height", "selected", "invalid", "special", "disabled", "onClick", "onFocus"]))), 128))
|
|
201
|
-
], 44, k)
|
|
202
|
-
], 2);
|
|
203
|
-
}
|
|
204
|
-
const D = /* @__PURE__ */ L(K, [["render", A], ["__scopeId", "data-v-ef9a5a49"]]), N = /* @__PURE__ */ x({
|
|
205
|
-
__name: "SingleSelectListBoxControl",
|
|
206
|
-
props: {
|
|
207
|
-
control: {},
|
|
208
|
-
handleChange: { type: Function },
|
|
209
|
-
changeValue: { type: Function },
|
|
210
|
-
disabled: { type: Boolean },
|
|
211
|
-
isValid: { type: Boolean },
|
|
212
|
-
onRegisterValidation: { type: Function },
|
|
213
|
-
labelForId: {}
|
|
214
|
-
},
|
|
215
|
-
setup(e) {
|
|
216
|
-
const t = e, { possibleValues: l } = S(g(t, "control"));
|
|
217
|
-
return (n, d) => {
|
|
218
|
-
var i;
|
|
219
|
-
return o(l) ? (a(), f(o(D), {
|
|
220
|
-
key: 0,
|
|
221
|
-
id: n.labelForId,
|
|
222
|
-
"possible-values": o(l),
|
|
223
|
-
disabled: n.disabled,
|
|
224
|
-
"model-value": n.control.data,
|
|
225
|
-
"is-valid": n.isValid,
|
|
226
|
-
ariaLabel: n.control.label,
|
|
227
|
-
size: (i = n.control.uischema.options) == null ? void 0 : i.size,
|
|
228
|
-
"onUpdate:modelValue": n.changeValue
|
|
229
|
-
}, null, 8, ["id", "possible-values", "disabled", "model-value", "is-valid", "ariaLabel", "size", "onUpdate:modelValue"])) : v("", !0);
|
|
230
|
-
};
|
|
231
|
-
}
|
|
232
|
-
});
|
|
233
|
-
export {
|
|
234
|
-
N as default
|
|
235
|
-
};
|