@knime/jsonforms 0.1.4

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.
Files changed (67) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/LICENSE +710 -0
  3. package/README.md +125 -0
  4. package/dist/AnyOfTwinlist-GJ6LGkM1.js +17 -0
  5. package/dist/ArrayLayout-CbpSgf0X.js +487 -0
  6. package/dist/ButtonControl-CVu36jz8.js +127 -0
  7. package/dist/CheckboxControl-DYFLb-qW.js +50 -0
  8. package/dist/Checkboxes-DlhdiWWA.js +103 -0
  9. package/dist/CheckboxesControl-DYV72Aua.js +39 -0
  10. package/dist/ColumnFilter-BbweAsmq.js +17 -0
  11. package/dist/ColumnSelect-aw7cYcWC.js +60 -0
  12. package/dist/ComboBoxControl-BqVUWz4q.js +600 -0
  13. package/dist/CredentialsControl-Ci6ZEuKM.js +20 -0
  14. package/dist/CredentialsControlBase-CxYOD3ne.js +110 -0
  15. package/dist/DateControl-ZyQ_vmOW.js +30 -0
  16. package/dist/DateTimeControl-anye7xvC.js +4 -0
  17. package/dist/DropdownControl-JX1LF5Tk.js +4 -0
  18. package/dist/DropdownControl.vue_vue_type_script_setup_true_lang-B5dPfH3x.js +171 -0
  19. package/dist/DynamicValuesControl-CFubOaRb.js +127 -0
  20. package/dist/FileChooserControl-Cf_UaWqV.js +605 -0
  21. package/dist/FileExplorerTab-Ba76jD3y.js +3951 -0
  22. package/dist/HorizontalLayout-5irQmhXp.js +39 -0
  23. package/dist/IntegerControl-CqHJWRgn.js +13 -0
  24. package/dist/IntervalControl-BUhs5_lc.js +549 -0
  25. package/dist/LayoutComponentWrapper-CDw9BDq5.js +36 -0
  26. package/dist/LegacyCredentialsControl-DxRZcRVo.js +62 -0
  27. package/dist/LocalFileChooserControl-DxSeiKxg.js +57 -0
  28. package/dist/MenuItems.vue_vue_type_style_index_0_lang-qMVpH9oC.js +464 -0
  29. package/dist/MultiselectListBox-C4ZnJvJJ.js +579 -0
  30. package/dist/NameFilter-D6EI_V08.js +17 -0
  31. package/dist/NodeDialog.vue.d.ts +8 -0
  32. package/dist/NumberControl-DLo0LCsi.js +13 -0
  33. package/dist/NumberControlBase.vue_vue_type_script_setup_true_lang-B69hrnY1.js +43 -0
  34. package/dist/NumberInput-BdL-jZ-i.js +219 -0
  35. package/dist/OneOfDropdown-BmbbuaZk.js +15 -0
  36. package/dist/RadioControl-GbwpOdAy.js +13 -0
  37. package/dist/RadioControlBase.vue_vue_type_script_setup_true_lang-BlImm9is.js +128 -0
  38. package/dist/RichTextControl-CGY3rdM7.js +16895 -0
  39. package/dist/SectionLayout-CqSFyj1K.js +54 -0
  40. package/dist/SimpleButtonControl-BgOrTGEP.js +59 -0
  41. package/dist/SimpleTwinlistControl-ByOlLGIN.js +68 -0
  42. package/dist/SortListControl-Dege54Dj.js +316 -0
  43. package/dist/TextAreaControl-CKviHabr.js +111 -0
  44. package/dist/TextControl-CPL48j4B.js +49 -0
  45. package/dist/TimeControl-CGsLRgR3.js +842 -0
  46. package/dist/TwinlistControl-C4XaH_Xc.js +587 -0
  47. package/dist/TwinlistLoadingInfo-CFlSBQXn.js +1057 -0
  48. package/dist/ValueSwitch-B9oWSkM_.js +138 -0
  49. package/dist/ValueSwitchControl-4ODpL58f.js +13 -0
  50. package/dist/VennDiagramLayout-CabCs-fX.js +104 -0
  51. package/dist/VerticalLayout-D5HeZyKY.js +39 -0
  52. package/dist/VerticalLayoutBase-C0PZ-y5d.js +20 -0
  53. package/dist/arrow-next-CvdR0-WC.js +17 -0
  54. package/dist/arrow-up-Dsq3EgtE.js +30 -0
  55. package/dist/createMissingItem-B00Kg95q.js +4 -0
  56. package/dist/floating-ui.vue.esm-CIFBDytk.js +94 -0
  57. package/dist/getFlattenedSettings-D64OwqpI.js +7 -0
  58. package/dist/index-ZDm2GXeD.js +32714 -0
  59. package/dist/index.d.ts +3 -0
  60. package/dist/knime-jsonforms.js +5 -0
  61. package/dist/layoutComponents/Form.vue.d.ts +2 -0
  62. package/dist/link-BA69Hfx6.js +17 -0
  63. package/dist/loading/LoadingDialog.vue.d.ts +2 -0
  64. package/dist/navigator-BYUFe-z3.js +8 -0
  65. package/dist/style.css +1 -0
  66. package/dist/useHideOnNull-CCfNP3O7.js +42 -0
  67. package/package.json +74 -0
@@ -0,0 +1,54 @@
1
+ import { ref as i, openBlock as r, createBlock as n, unref as e, withCtx as c, createElementVNode as l, createTextVNode as d, toDisplayString as h, createCommentVNode as v, createVNode as f } from "vue";
2
+ import { _ as y, r as _, u as L, D as V, s as b } from "./index-ZDm2GXeD.js";
3
+ import { L as x } from "./LayoutComponentWrapper-CDw9BDq5.js";
4
+ import { V as $ } from "./VerticalLayoutBase-C0PZ-y5d.js";
5
+ const k = { class: "section-header" }, N = {
6
+ __name: "SectionLayout",
7
+ props: _(),
8
+ setup(u) {
9
+ const m = u, { layout: t } = L(m), s = i(!1);
10
+ return (B, o) => (r(), n(x, {
11
+ layout: e(t),
12
+ class: "layout-component-wrapper"
13
+ }, {
14
+ default: c(() => [
15
+ l("div", {
16
+ class: "section",
17
+ onMouseover: o[0] || (o[0] = (a) => s.value = !0),
18
+ onMouseleave: o[1] || (o[1] = (a) => s.value = !1)
19
+ }, [
20
+ l("div", k, [
21
+ l("h3", null, [
22
+ d(h(e(t).uischema.label) + " ", 1),
23
+ e(t).uischema.description ? (r(), n(V, {
24
+ key: 0,
25
+ html: e(t).uischema.description,
26
+ hover: s.value
27
+ }, null, 8, ["html", "hover"])) : v("", !0)
28
+ ])
29
+ ]),
30
+ f($, {
31
+ elements: e(t).uischema.elements
32
+ }, {
33
+ default: c(({ element: a, index: p }) => [
34
+ (r(), n(e(b), {
35
+ key: `${e(t).path}-${p}`,
36
+ schema: e(t).schema,
37
+ uischema: a,
38
+ path: e(t).path,
39
+ enabled: e(t).enabled,
40
+ renderers: e(t).renderers,
41
+ cells: e(t).cells
42
+ }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))
43
+ ]),
44
+ _: 1
45
+ }, 8, ["elements"])
46
+ ], 32)
47
+ ]),
48
+ _: 1
49
+ }, 8, ["layout"]));
50
+ }
51
+ }, M = /* @__PURE__ */ y(N, [["__scopeId", "data-v-b39e7dda"]]);
52
+ export {
53
+ M as default
54
+ };
@@ -0,0 +1,59 @@
1
+ import { defineComponent as m, openBlock as n, createBlock as r, resolveDynamicComponent as b, computed as l, ref as C, unref as o, withCtx as u, createElementVNode as h, createVNode as B, createCommentVNode as d, createTextVNode as D, toDisplayString as k } from "vue";
2
+ import { aA as x, r as y, j as I, q as N, l as V, B as S, D as $, _ as j } from "./index-ZDm2GXeD.js";
3
+ const w = /* @__PURE__ */ m({
4
+ __name: "DynamicIcon",
5
+ props: {
6
+ icon: {}
7
+ },
8
+ setup(c) {
9
+ const s = {
10
+ reload: x
11
+ };
12
+ return (e, i) => (n(), r(b(s[e.icon])));
13
+ }
14
+ }), M = /* @__PURE__ */ m({
15
+ __name: "SimpleButtonControl",
16
+ props: y(),
17
+ setup(c) {
18
+ const s = c, { control: e } = I(s), i = l(() => !e.value.enabled), v = l(() => e.value.uischema.options.triggerId), p = l(
19
+ () => e.value.uischema.options.icon
20
+ ), _ = N("trigger"), f = () => {
21
+ _({ id: v.value });
22
+ }, a = C(!1);
23
+ return (P, t) => (n(), r(V, { control: o(e) }, {
24
+ default: u(() => [
25
+ h("div", {
26
+ class: "simple-button-input",
27
+ onMouseover: t[0] || (t[0] = (g) => a.value = !0),
28
+ onMouseleave: t[1] || (t[1] = (g) => a.value = !1)
29
+ }, [
30
+ B(o(S), {
31
+ compact: "",
32
+ "with-border": "",
33
+ disabled: i.value,
34
+ class: "button-input",
35
+ onClick: f
36
+ }, {
37
+ default: u(() => [
38
+ p.value ? (n(), r(w, {
39
+ key: 0,
40
+ icon: p.value
41
+ }, null, 8, ["icon"])) : d("", !0),
42
+ D(k(o(e).label), 1)
43
+ ]),
44
+ _: 1
45
+ }, 8, ["disabled"]),
46
+ o(e).description ? (n(), r($, {
47
+ key: 0,
48
+ html: o(e).description,
49
+ hover: a.value
50
+ }, null, 8, ["html", "hover"])) : d("", !0)
51
+ ], 32)
52
+ ]),
53
+ _: 1
54
+ }, 8, ["control"]));
55
+ }
56
+ }), A = /* @__PURE__ */ j(M, [["__scopeId", "data-v-b6830e47"]]);
57
+ export {
58
+ A as default
59
+ };
@@ -0,0 +1,68 @@
1
+ import { defineComponent as p, computed as f, markRaw as m, openBlock as b, createBlock as h, unref as e, withCtx as w, createVNode as v } from "vue";
2
+ import { r as g, a as S, q as L, p as C, L as V, _ as y } from "./index-ZDm2GXeD.js";
3
+ import { T as P, a as T } from "./TwinlistLoadingInfo-CFlSBQXn.js";
4
+ const _ = /* @__PURE__ */ p({
5
+ __name: "SimpleTwinlistControl",
6
+ props: {
7
+ ...g(),
8
+ twinlistSize: {
9
+ type: Number,
10
+ required: !1,
11
+ default: 10
12
+ },
13
+ twinlistLeftLabel: {
14
+ type: String,
15
+ required: !1,
16
+ default: "Excludes"
17
+ },
18
+ twinlistRightLabel: {
19
+ type: String,
20
+ required: !1,
21
+ default: "Includes"
22
+ },
23
+ optionsGenerator: {
24
+ type: Function,
25
+ required: !1,
26
+ default: null
27
+ }
28
+ },
29
+ setup(a) {
30
+ const i = a, { control: l, onChange: n, disabled: r } = S({ props: i }), u = L("getPossibleValuesFromUiSchema"), s = f(
31
+ () => {
32
+ var o;
33
+ return (o = l.value.uischema.options) == null ? void 0 : o.choicesProvider;
34
+ }
35
+ ), t = C(
36
+ s,
37
+ null
38
+ ), d = m(P);
39
+ return s.value || (i.optionsGenerator === null ? u(l.value).then((o) => {
40
+ t.value = o;
41
+ }) : t.value = i.optionsGenerator(l.value)), (o, q) => (b(), h(V, {
42
+ control: e(l),
43
+ onControllingFlowVariableSet: e(n)
44
+ }, {
45
+ default: w(({ labelForId: c }) => [
46
+ v(e(T), {
47
+ id: c,
48
+ disabled: e(r),
49
+ "model-value": e(l).data,
50
+ "possible-values": e(t) ?? [],
51
+ "empty-state-component": e(t) === null ? e(d) : null,
52
+ "hide-options": e(t) === null,
53
+ size: a.twinlistSize,
54
+ "left-label": a.twinlistLeftLabel,
55
+ "right-label": a.twinlistRightLabel,
56
+ compact: "",
57
+ "show-resize-handle": "",
58
+ "filter-chosen-values-on-possible-values-change": !1,
59
+ "onUpdate:modelValue": e(n)
60
+ }, null, 8, ["id", "disabled", "model-value", "possible-values", "empty-state-component", "hide-options", "size", "left-label", "right-label", "onUpdate:modelValue"])
61
+ ]),
62
+ _: 1
63
+ }, 8, ["control", "onControllingFlowVariableSet"]));
64
+ }
65
+ }), I = /* @__PURE__ */ y(_, [["__scopeId", "data-v-af10dfc3"]]);
66
+ export {
67
+ I as default
68
+ };
@@ -0,0 +1,316 @@
1
+ import { openBlock as T, createElementBlock as N, createElementVNode as U, defineComponent as Z, computed as k, ref as O, watch as j, Fragment as W, createVNode as p, withKeys as C, withModifiers as I, unref as u, withCtx as w, nextTick as ae, onMounted as se, createTextVNode as E, normalizeClass as ie } from "vue";
2
+ import { aB as re, aC as ce, aD as ue, aE as de, F as y, _ as q, r as pe, a as me, V as ve, p as fe, q as we, B as F, L as he } from "./index-ZDm2GXeD.js";
3
+ import { A as be, a as Ve } from "./arrow-up-Dsq3EgtE.js";
4
+ import { i as _e } from "./navigator-BYUFe-z3.js";
5
+ import { M as ge } from "./MultiselectListBox-C4ZnJvJJ.js";
6
+ import { c as xe } from "./createMissingItem-B00Kg95q.js";
7
+ function ke(e, t, o, n) {
8
+ for (var s = e.length, l = o + -1; ++l < s; )
9
+ if (t(e[l], l, e))
10
+ return l;
11
+ return -1;
12
+ }
13
+ function Se(e) {
14
+ return e !== e;
15
+ }
16
+ function Ae(e, t, o) {
17
+ for (var n = o - 1, s = e.length; ++n < s; )
18
+ if (e[n] === t)
19
+ return n;
20
+ return -1;
21
+ }
22
+ function Ce(e, t, o) {
23
+ return t === t ? Ae(e, t, o) : ke(e, Se, o);
24
+ }
25
+ function Ie(e, t, o, n) {
26
+ for (var s = -1, l = e == null ? 0 : e.length; ++s < l; ) {
27
+ var i = e[s];
28
+ t(n, i, o(i), e);
29
+ }
30
+ return n;
31
+ }
32
+ function ye(e, t, o, n) {
33
+ return re(e, function(s, l, i) {
34
+ t(n, s, o(s), i);
35
+ }), n;
36
+ }
37
+ function z(e, t) {
38
+ return function(o, n) {
39
+ var s = ue(o) ? Ie : ye, l = t ? t() : {};
40
+ return s(o, e, ce(n), l);
41
+ };
42
+ }
43
+ function Y(e, t, o) {
44
+ var n = e == null ? 0 : e.length;
45
+ if (!n)
46
+ return -1;
47
+ var s = 0;
48
+ return Ce(e, t, s);
49
+ }
50
+ var Ue = z(function(e, t, o) {
51
+ de(e, o, t);
52
+ }), Le = z(function(e, t, o) {
53
+ e[o ? 0 : 1].push(t);
54
+ }, function() {
55
+ return [[], []];
56
+ });
57
+ const H = {
58
+ ArrowUp: "↑",
59
+ ArrowDown: "↓",
60
+ ArrowLeft: "←",
61
+ ArrowRight: "→",
62
+ Enter: "↵",
63
+ " ": "Space",
64
+ // we use event.key and there space is an actual space not the code "Space"
65
+ CtrlOrCmd: "Ctrl"
66
+ }, Me = {
67
+ Shift: "⇧",
68
+ Delete: "⌫",
69
+ CtrlOrCmd: "⌘",
70
+ Ctrl: "⌃",
71
+ Alt: "⌥",
72
+ Enter: "↩"
73
+ }, G = (e) => {
74
+ const t = (l) => (i) => l[i] ?? i, n = ((...l) => l.reduce((i, m) => (b) => m(i(b))))(
75
+ t(Me),
76
+ t(H)
77
+ ), s = t(H);
78
+ return _e() ? n(e) : s(e);
79
+ }, J = () => " ", Be = (e, t = J) => e.map(G).join(t()), Ee = { formatHotkeys: Be, formatHotkey: G, getDefaultSeparator: J }, Fe = {
80
+ xmlns: "http://www.w3.org/2000/svg",
81
+ fill: "none",
82
+ stroke: "#000",
83
+ viewBox: "0 0 32 32"
84
+ }, Te = /* @__PURE__ */ U("path", { d: "M23.4 13.4 16 20.8l-7.4-7.4m7.4 7.4V4.5m12.5 23h-25" }, null, -1), Ne = [
85
+ Te
86
+ ];
87
+ function De(e, t) {
88
+ return T(), N("svg", Fe, [...Ne]);
89
+ }
90
+ const R = { render: De }, Pe = { class: "buttons" }, Ke = /* @__PURE__ */ Z({
91
+ __name: "SortList",
92
+ props: {
93
+ modelValue: {},
94
+ id: {},
95
+ ariaLabel: {},
96
+ disabled: { type: Boolean },
97
+ possibleValues: {}
98
+ },
99
+ emits: ["update:modelValue"],
100
+ setup(e, { emit: t }) {
101
+ const o = e, n = t, s = k(() => Ue(o.possibleValues, "id")), l = k(
102
+ () => o.modelValue.map(
103
+ (a) => s.value[a] ?? xe(a)
104
+ )
105
+ ), i = O([]);
106
+ j(
107
+ () => o.modelValue,
108
+ (a) => {
109
+ const r = new Set(a);
110
+ i.value = i.value.filter((c) => r.has(c));
111
+ }
112
+ );
113
+ const m = k(() => i.value.length === 0), b = (a, r, c) => [
114
+ a.slice(0, r),
115
+ a.slice(r, c),
116
+ a.slice(c)
117
+ ], L = (a) => {
118
+ let r = 0;
119
+ return (c) => a(c, r++);
120
+ }, M = (a, r) => Le(
121
+ a,
122
+ L((c, x) => r(x))
123
+ ), h = O(null), S = (a) => ({ to: r } = {}) => {
124
+ const c = i.value.map((f) => Y(o.modelValue, f)).sort((f, A) => f - A), x = (a === "up" ? r : null) ?? Math.max(c[0] - 1, 0), B = (a === "down" ? r : null) ?? c[c.length - 1] + 1, [Q, X, ee] = b(
125
+ o.modelValue,
126
+ x,
127
+ B + 1
128
+ ), te = new Set(c), [D, P] = M(
129
+ X,
130
+ (f) => te.has(f + x)
131
+ ), [oe, ne] = a === "up" ? [D, P] : [P, D], le = Q.concat(oe, ne, ee);
132
+ n("update:modelValue", le), ae(() => {
133
+ var f, A, K, $;
134
+ a === "up" ? ((f = h.value) == null || f.scrollUpIntoView(x - 1), (A = h.value) == null || A.setCurrentKeyNavIndex(x)) : ((K = h.value) == null || K.scrollDownIntoView(B + 1), ($ = h.value) == null || $.setCurrentKeyNavIndex(B));
135
+ });
136
+ }, V = S("up"), d = S("down"), v = () => V({ to: 0 }), _ = () => d({ to: o.modelValue.length }), g = (a, r) => `${a} (${Ee.formatHotkeys(r)})`;
137
+ return (a, r) => (T(), N(W, null, [
138
+ p(ge, {
139
+ id: a.id,
140
+ ref_key: "listBox",
141
+ ref: h,
142
+ modelValue: i.value,
143
+ "onUpdate:modelValue": r[0] || (r[0] = (c) => i.value = c),
144
+ "possible-values": l.value,
145
+ ariaLabel: `sortListBox_${a.ariaLabel}`,
146
+ "with-is-empty-state": !0,
147
+ "empty-state-label": "Empty",
148
+ size: 10,
149
+ onKeydown: [
150
+ C(I(u(d), ["alt"]), ["down"]),
151
+ C(I(u(V), ["alt"]), ["up"]),
152
+ C(I(v, ["alt"]), ["home"]),
153
+ C(I(_, ["alt"]), ["end"])
154
+ ]
155
+ }, null, 8, ["id", "modelValue", "possible-values", "ariaLabel", "onKeydown"]),
156
+ U("div", Pe, [
157
+ p(y, {
158
+ disabled: m.value,
159
+ title: g("Move to top", ["Alt", "Home"]),
160
+ compact: "",
161
+ onClick: v
162
+ }, {
163
+ default: w(() => [
164
+ p(u(R), { class: "rotated" })
165
+ ]),
166
+ _: 1
167
+ }, 8, ["disabled", "title"]),
168
+ p(y, {
169
+ disabled: m.value,
170
+ title: g("Move to bottom", ["Alt", "End"]),
171
+ compact: "",
172
+ onClick: _
173
+ }, {
174
+ default: w(() => [
175
+ p(u(R))
176
+ ]),
177
+ _: 1
178
+ }, 8, ["disabled", "title"]),
179
+ p(y, {
180
+ disabled: m.value,
181
+ title: g("Move up", ["Alt", "ArrowUp"]),
182
+ compact: "",
183
+ onClick: u(V)
184
+ }, {
185
+ default: w(() => [
186
+ p(u(be))
187
+ ]),
188
+ _: 1
189
+ }, 8, ["disabled", "title", "onClick"]),
190
+ p(y, {
191
+ disabled: m.value,
192
+ title: g("Move down", ["Alt", "ArrowDown"]),
193
+ compact: "",
194
+ onClick: u(d)
195
+ }, {
196
+ default: w(() => [
197
+ p(u(Ve))
198
+ ]),
199
+ _: 1
200
+ }, 8, ["disabled", "title", "onClick"])
201
+ ])
202
+ ], 64));
203
+ }
204
+ }), $e = /* @__PURE__ */ q(Ke, [["__scopeId", "data-v-116782be"]]), Oe = {
205
+ class: /* @__PURE__ */ ie(["flex", "space-between", "with-padding"])
206
+ }, He = { class: "flex" }, Re = "<any unknown new column>", Ze = /* @__PURE__ */ Z({
207
+ __name: "SortListControl",
208
+ props: {
209
+ ...pe(),
210
+ anyUnknownValuesId: {
211
+ type: String,
212
+ default: Re
213
+ },
214
+ anyUnknownValuesText: {
215
+ type: String,
216
+ default: "Any unknown column"
217
+ }
218
+ },
219
+ setup(e) {
220
+ const t = e, { onChange: o, control: n, disabled: s } = me({ props: t }), l = k(() => n.value.data), i = k(
221
+ () => n.value.uischema.options.choicesProvider
222
+ ), m = ve(
223
+ fe(
224
+ i,
225
+ []
226
+ ),
227
+ n.value
228
+ ), b = k(
229
+ () => m.value.concat({
230
+ id: t.anyUnknownValuesId,
231
+ text: t.anyUnknownValuesText,
232
+ special: !0
233
+ })
234
+ ), L = (d) => {
235
+ if (l.value.length === 0) {
236
+ V();
237
+ return;
238
+ }
239
+ const v = Y(l.value, t.anyUnknownValuesId);
240
+ if (v === -1)
241
+ throw new Error(
242
+ `SortList data have to contain the value "${t.anyUnknownValuesId}"`
243
+ );
244
+ const _ = l.value.slice(0, v + 1), g = l.value.slice(v + 1), a = new Set(l.value), r = d.map(({ id: c }) => c).filter((c) => !a.has(c));
245
+ r.length > 0 && o(_.concat(r, g));
246
+ }, M = we("getPossibleValuesFromUiSchema");
247
+ se(async () => {
248
+ const d = n.value.uischema.options.possibleValues;
249
+ d ? m.value = d : i.value || (m.value = await M(n.value));
250
+ }), j(() => m.value, L);
251
+ const h = () => {
252
+ o(l.value.toSorted((d, v) => d.localeCompare(v)));
253
+ }, S = () => {
254
+ o(l.value.toSorted((d, v) => v.localeCompare(d)));
255
+ }, V = () => {
256
+ o(b.value.map(({ id: d }) => d));
257
+ };
258
+ return (d, v) => (T(), N(W, null, [
259
+ U("div", Oe, [
260
+ U("div", He, [
261
+ p(u(F), {
262
+ "with-border": "",
263
+ compact: "",
264
+ onClick: h
265
+ }, {
266
+ default: w(() => [
267
+ E("A - Z")
268
+ ]),
269
+ _: 1
270
+ }),
271
+ p(u(F), {
272
+ "with-border": "",
273
+ compact: "",
274
+ onClick: S
275
+ }, {
276
+ default: w(() => [
277
+ E("Z - A")
278
+ ]),
279
+ _: 1
280
+ })
281
+ ]),
282
+ p(u(F), {
283
+ "with-border": "",
284
+ compact: "",
285
+ onClick: V
286
+ }, {
287
+ default: w(() => [
288
+ E("Reset all")
289
+ ]),
290
+ _: 1
291
+ })
292
+ ]),
293
+ p(he, {
294
+ control: u(n),
295
+ onControllingFlowVariableSet: u(o)
296
+ }, {
297
+ default: w(({ labelForId: _ }) => [
298
+ p(u($e), {
299
+ id: _ ?? void 0,
300
+ "possible-values": b.value,
301
+ "model-value": l.value,
302
+ ariaLabel: u(n).label,
303
+ disabled: u(s),
304
+ compact: "",
305
+ "onUpdate:modelValue": u(o)
306
+ }, null, 8, ["id", "possible-values", "model-value", "ariaLabel", "disabled", "onUpdate:modelValue"])
307
+ ]),
308
+ _: 1
309
+ }, 8, ["control", "onControllingFlowVariableSet"])
310
+ ], 64));
311
+ }
312
+ }), Je = /* @__PURE__ */ q(Ze, [["__scopeId", "data-v-7880564f"]]);
313
+ export {
314
+ Re as DEFAULT_ANY_UNKNOWN_VALUES_ID,
315
+ Je as default
316
+ };
@@ -0,0 +1,111 @@
1
+ import { openBlock as n, createElementBlock as u, normalizeClass as c, createElementVNode as p, createCommentVNode as _, defineComponent as b, createBlock as V, unref as t, withCtx as h, createVNode as C } from "vue";
2
+ import { _ as m, r as g, a as x, L as y } from "./index-ZDm2GXeD.js";
3
+ const w = {
4
+ name: "TextArea",
5
+ props: {
6
+ modelValue: {
7
+ default: "",
8
+ type: [Number, String]
9
+ },
10
+ id: {
11
+ type: String,
12
+ default: null
13
+ },
14
+ name: {
15
+ type: String,
16
+ default: null
17
+ },
18
+ /**
19
+ * Validity controlled by the parent component to be flexible.
20
+ */
21
+ isValid: {
22
+ default: !0,
23
+ type: Boolean
24
+ },
25
+ cols: {
26
+ default: 12,
27
+ type: Number
28
+ },
29
+ rows: {
30
+ default: 4,
31
+ type: Number
32
+ },
33
+ placeholder: {
34
+ default: null,
35
+ type: String
36
+ },
37
+ inputClasses: {
38
+ default: "",
39
+ type: String
40
+ },
41
+ title: {
42
+ default: null,
43
+ type: String
44
+ },
45
+ disabled: {
46
+ default: !1,
47
+ type: Boolean
48
+ }
49
+ },
50
+ emits: ["update:modelValue"],
51
+ methods: {
52
+ getValue() {
53
+ return this.$refs.input.value;
54
+ },
55
+ onInput() {
56
+ this.$emit("update:modelValue", this.getValue());
57
+ }
58
+ }
59
+ }, v = ["id", "name", "title", "value", "cols", "disabled", "rows", "placeholder"], S = {
60
+ key: 0,
61
+ class: "invalid-marker"
62
+ };
63
+ function I(d, l, e, a, r, o) {
64
+ return n(), u("div", {
65
+ class: c({ disabled: e.disabled })
66
+ }, [
67
+ p("textarea", {
68
+ id: e.id,
69
+ ref: "input",
70
+ name: e.name,
71
+ title: e.title,
72
+ value: e.modelValue,
73
+ class: c(e.inputClasses),
74
+ cols: e.cols,
75
+ disabled: e.disabled,
76
+ rows: e.rows,
77
+ placeholder: e.placeholder,
78
+ onInput: l[0] || (l[0] = (...s) => o.onInput && o.onInput(...s))
79
+ }, null, 42, v),
80
+ e.isValid ? _("", !0) : (n(), u("span", S))
81
+ ], 2);
82
+ }
83
+ const N = /* @__PURE__ */ m(w, [["render", I], ["__scopeId", "data-v-12f15ade"]]), k = /* @__PURE__ */ b({
84
+ __name: "TextAreaControl",
85
+ props: g(),
86
+ setup(d) {
87
+ const l = d, { control: e, onChange: a, disabled: r } = x({ props: l });
88
+ return (o, s) => (n(), V(y, {
89
+ control: t(e),
90
+ onControllingFlowVariableSet: t(a)
91
+ }, {
92
+ default: h(({ labelForId: f }) => {
93
+ var i;
94
+ return [
95
+ C(t(N), {
96
+ id: f,
97
+ class: "text-area-input",
98
+ "model-value": t(e).data,
99
+ disabled: t(r),
100
+ rows: (i = t(e).uischema.options) == null ? void 0 : i.rows,
101
+ "onUpdate:modelValue": t(a)
102
+ }, null, 8, ["id", "model-value", "disabled", "rows", "onUpdate:modelValue"])
103
+ ];
104
+ }),
105
+ _: 1
106
+ }, 8, ["control", "onControllingFlowVariableSet"]));
107
+ }
108
+ }), T = /* @__PURE__ */ m(k, [["__scopeId", "data-v-d2f64319"]]);
109
+ export {
110
+ T as default
111
+ };
@@ -0,0 +1,49 @@
1
+ import { defineComponent as k, ref as _, openBlock as r, createBlock as t, unref as e, withCtx as d, normalizeProps as x, mergeProps as v, createCommentVNode as u } from "vue";
2
+ import { r as P, a as g, p as w, L as V, m as y, I as F } from "./index-ZDm2GXeD.js";
3
+ import { u as N } from "./useHideOnNull-CCfNP3O7.js";
4
+ const L = /* @__PURE__ */ k({
5
+ __name: "TextControl",
6
+ props: P(),
7
+ setup(p) {
8
+ var s, c;
9
+ const i = p, { onChange: l, control: o, disabled: a } = g({ props: i }), m = w(
10
+ (s = o.value.uischema.options) == null ? void 0 : s.placeholderProvider,
11
+ ((c = o.value.uischema.options) == null ? void 0 : c.placeholder) ?? ""
12
+ ), n = _(null), { showCheckbox: h, showControl: f, checkboxProps: C } = N(
13
+ {
14
+ control: o,
15
+ disabled: a,
16
+ controlElement: n
17
+ },
18
+ {
19
+ setDefault: () => l(""),
20
+ setNull: () => l(null)
21
+ }
22
+ );
23
+ return (S, B) => (r(), t(V, {
24
+ control: e(o),
25
+ onControllingFlowVariableSet: e(l)
26
+ }, {
27
+ "before-label": d(() => [
28
+ e(h) ? (r(), t(e(y), x(v({ key: 0 }, e(C))), null, 16)) : u("", !0)
29
+ ]),
30
+ default: d(({ labelForId: b }) => [
31
+ e(f) ? (r(), t(e(F), {
32
+ key: 0,
33
+ id: b,
34
+ ref_key: "controlElement",
35
+ ref: n,
36
+ placeholder: e(m),
37
+ "model-value": e(o).data,
38
+ disabled: e(a),
39
+ compact: "",
40
+ "onUpdate:modelValue": e(l)
41
+ }, null, 8, ["id", "placeholder", "model-value", "disabled", "onUpdate:modelValue"])) : u("", !0)
42
+ ]),
43
+ _: 1
44
+ }, 8, ["control", "onControllingFlowVariableSet"]));
45
+ }
46
+ });
47
+ export {
48
+ L as default
49
+ };