@knime/jsonforms 1.9.3 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/{AnyOfTwinlist-Bno_Zsze.js → AnyOfTwinlist-DeqIlR2B.js} +1 -1
  3. package/dist/{Button-aTtpMrSv.js → Button-CN9kOg52.js} +1 -1
  4. package/dist/{Checkbox-UPkmNdnj.js → Checkbox-BECqYUi7.js} +1 -1
  5. package/dist/{CheckboxControl-BjQtt7Kb.js → CheckboxControl-YAifFlUs.js} +2 -2
  6. package/dist/{Checkboxes-CoYDUGFC.js → Checkboxes-SN0Gyz3F.js} +2 -2
  7. package/dist/{CheckboxesControl-ZS-Ktmhj.js → CheckboxesControl-B9FhxSt0.js} +2 -2
  8. package/dist/{ComboBoxControl-B5dr_jyI.js → ComboBoxControl-CLROGipS.js} +8 -8
  9. package/dist/{DateControl-BashGFS3.js → DateControl-BMIbCzdJ.js} +1 -1
  10. package/dist/{DateTimeControl-DDI4FI_3.js → DateTimeControl-CxFb7-M5.js} +2 -2
  11. package/dist/DateTimeFormatInput-BoT3Fq6o.js +381 -0
  12. package/dist/{DateTimeFormatPickerControl-CzzZbiPc.js → DateTimeFormatPickerControl-Bh6dVZmY.js} +2 -2
  13. package/dist/{DateTimeFormatPickerWithTypeControl-58Rwf49f.js → DateTimeFormatPickerWithTypeControl-7Z0nCv1N.js} +3 -3
  14. package/dist/{DateTimeInput-RgGJ9PqO.js → DateTimeInput-C4Nh_2EL.js} +6 -6
  15. package/dist/{Dropdown-CxkimEXT.js → Dropdown-3hPIkzit.js} +5 -5
  16. package/dist/{DropdownControl-Dj0WeArl.js → DropdownControl-UjRCUZHh.js} +4 -4
  17. package/dist/{HorizontalLayout--pJ_xwTq.js → HorizontalLayout-CJ_o8Fs4.js} +1 -1
  18. package/dist/{InputField-CTniEySK.js → InputField-dinsVJC1.js} +1 -1
  19. package/dist/{IntegerControl-D-BuNbr6.js → IntegerControl-DYv-Y9M7.js} +1 -1
  20. package/dist/{IntervalControl-BI_hr3VH.js → IntervalControl-ETsNbmWj.js} +11 -11
  21. package/dist/{LoadingDropdown-CmfR0AIL.js → LoadingDropdown-BBu6y57e.js} +3 -3
  22. package/dist/{MultimodeTwinlistControl-CF0KeII6.js → MultimodeTwinlistControl-B-Fm5b9C.js} +5 -5
  23. package/dist/{MultiselectListBox-C5Rkdy_s.js → MultiselectListBox-DiY_1JbY.js} +1 -1
  24. package/dist/{NameFilter-COgzNTb5.js → NameFilter-ByVouGxz.js} +1 -1
  25. package/dist/{NumberControl-vpxmEuqJ.js → NumberControl-8pxttJYW.js} +1 -1
  26. package/dist/{NumberControlBase.vue_vue_type_script_setup_true_lang-CRHY-CAe.js → NumberControlBase.vue_vue_type_script_setup_true_lang-0MWDRFG4.js} +2 -2
  27. package/dist/{NumberInput-CKC-BV3f.js → NumberInput-BsI5jyyt.js} +1 -1
  28. package/dist/{OneOfDropdown-viqm26x3.js → OneOfDropdown-wSdpOv-h.js} +1 -1
  29. package/dist/{RadioControl-ijhKRkTb.js → RadioControl-DrHwFQHw.js} +2 -2
  30. package/dist/{RadioControlBase.vue_vue_type_script_setup_true_lang-BdCi_2zA.js → RadioControlBase.vue_vue_type_script_setup_true_lang-E93Q0_oH.js} +2 -2
  31. package/dist/{RichTextControl-D1ABE38P.js → RichTextControl-C0MHCvEi.js} +3341 -4053
  32. package/dist/{SectionHeading-ZT7XeoF8.js → SectionHeading-Dupn5jB4.js} +1 -1
  33. package/dist/SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js +13803 -0
  34. package/dist/{SectionLayout-y_NzSLbA.js → SectionLayout-B1wqBbiJ.js} +3 -3
  35. package/dist/SettingsSubPanel-CENkQVK4.js +5 -0
  36. package/dist/{SettingsSubPanelLayout-WUuGaXGO.js → SettingsSubPanelLayout-BzokvPPl.js} +4 -4
  37. package/dist/{SimpleButtonControl-DvLqHeVO.js → SimpleButtonControl-C5XhU03v.js} +8 -8
  38. package/dist/{SimpleTwinlistControl-DXNHUJCa.js → SimpleTwinlistControl-B0LaCmtv.js} +2 -2
  39. package/dist/{SingleSelectControl-CEyyZ7Kc.js → SingleSelectControl-CK4-CrfC.js} +2 -2
  40. package/dist/{SortListControl-BqG6Z4Bw.js → SortListControl-D-JHzIyw.js} +16 -16
  41. package/dist/{TextAreaControl-DKdJlQhI.js → TextAreaControl-CVjex7AA.js} +1 -1
  42. package/dist/{TextControl-BY3BQYs4.js → TextControl-E0OK9u3d.js} +1 -1
  43. package/dist/{TextControl.vue_vue_type_script_setup_true_lang-DpgjORyQ.js → TextControl.vue_vue_type_script_setup_true_lang-DIBicKjn.js} +4 -4
  44. package/dist/{TimeControl-DcBc1RbW.js → TimeControl-CjoQmYQT.js} +2 -2
  45. package/dist/{TwinlistControlBase-B3TpCINH.js → TwinlistControlBase-BRT_sYid.js} +3 -3
  46. package/dist/TwinlistLoadingInfo-BHR4sp2h.js +965 -0
  47. package/dist/{TypedStringFilter-BOFOAKkO.js → TypedStringFilter-C7u3z9EA.js} +1 -1
  48. package/dist/{ValueSwitch-VbFoC4Pq.js → ValueSwitch-CTCKgRvt.js} +1 -1
  49. package/dist/{ValueSwitchControl-7mB1E9vK.js → ValueSwitchControl-DRC37vZO.js} +1 -1
  50. package/dist/{VerticalLayout-B-8z4Sbp.js → VerticalLayout-HTwvzYs2.js} +5 -5
  51. package/dist/{VerticalLayoutBase-B3t0dePr.js → VerticalLayoutBase-CaUHhg4c.js} +1 -1
  52. package/dist/{ZonedDateTimeControl-B0WFmRCJ.js → ZonedDateTimeControl-Dry6mj8Q.js} +4 -4
  53. package/dist/{_baseEach-FP8ISlsz.js → _baseEach-qp9WwRfp.js} +2 -2
  54. package/dist/_baseIteratee-D1BrioPy.js +516 -0
  55. package/dist/{_getTag-DiktJuv_.js → _getTag-D8q3h3ou.js} +25 -26
  56. package/dist/knime-jsonforms.css +1 -1
  57. package/dist/knime-jsonforms.js +7 -7
  58. package/dist/{localTimeUtils-DL7n5_3m.js → localTimeUtils-BAL2gOb_.js} +1 -1
  59. package/dist/{magic-string.es-XCVtxFA5.js → magic-string.es-BNAF4une.js} +10 -10
  60. package/dist/src/higherOrderComponents/control/controlToRenderer.d.ts +8 -1
  61. package/dist/src/higherOrderComponents/control/index.d.ts +1 -0
  62. package/dist/src/higherOrderComponents/control/validation/types.d.ts +1 -0
  63. package/dist/src/higherOrderComponents/control/validation/useValidation.d.ts +5 -2
  64. package/dist/src/renderers/defaultRenderers.d.ts +9 -1
  65. package/dist/{svgWithTitle-DDitbp5R.js → svgWithTitle-BomcA1vs.js} +1 -1
  66. package/dist/testing.js +19 -20
  67. package/dist/toString-DkTEiU39.js +25 -0
  68. package/dist/{useBuiltinValidations-BFizZjY8.js → useBuiltinValidations-DXisZ150.js} +1 -1
  69. package/dist/useDropdownNavigation-7o7SRJSo.js +781 -0
  70. package/dist/{usePossibleValues-CQ8_InqW.js → usePossibleValues-BYX8n8sq.js} +1 -1
  71. package/package.json +3 -3
  72. package/dist/DateTimeFormatInput-CxJptumG.js +0 -347
  73. package/dist/SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dhm8vqgx.js +0 -13635
  74. package/dist/SettingsSubPanel-AiCHC48O.js +0 -5
  75. package/dist/TwinlistLoadingInfo-D8rqzbMc.js +0 -1044
  76. package/dist/_baseIteratee-DhaGkQLM.js +0 -518
  77. package/dist/isObject-B53jY8Qg.js +0 -7
  78. package/dist/isObjectLike-BatpeCIi.js +0 -29
  79. package/dist/isSymbol-C3_SC0Qp.js +0 -8
  80. package/dist/toString-B9O7P854.js +0 -26
  81. package/dist/useDropdownNavigation-D6ZenVxz.js +0 -55
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @knime/json-forms
2
2
 
3
+ ## 1.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 9ba6782: Add option to perform external validations to renderers
8
+
9
+ ## 1.9.4
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies [e88dcfd]
14
+ - @knime/components@1.27.0
15
+ - @knime/rich-text-editor@1.4.9
16
+
3
17
  ## 1.9.3
4
18
 
5
19
  ### Patch Changes
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as s, openBlock as t, createBlock as p, mergeProps as a, unref as l } from "vue";
2
2
  import { o as r } from "./index-Blg1O3Fz.js";
3
- import { T as i } from "./TwinlistControlBase-B3TpCINH.js";
3
+ import { T as i } from "./TwinlistControlBase-BRT_sYid.js";
4
4
  const y = /* @__PURE__ */ s({
5
5
  __name: "AnyOfTwinlist",
6
6
  props: {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as o, resolveComponent as a, openBlock as s, createBlock as n, normalizeClass as r, withCtx as l, renderSlot as d } from "vue";
2
- import { B as i, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dhm8vqgx.js";
2
+ import { B as i, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js";
3
3
  const c = o({
4
4
  name: "Button",
5
5
  components: {
@@ -1,5 +1,5 @@
1
1
  import { openBlock as s, createElementBlock as i, normalizeClass as o, createElementVNode as d, renderSlot as c } from "vue";
2
- import { _ as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dhm8vqgx.js";
2
+ import { _ as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js";
3
3
  const r = {
4
4
  name: "Checkbox",
5
5
  props: {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as a, ref as r, openBlock as s, createElementBlock as d, createVNode as u, unref as i, withCtx as p, createTextVNode as c, toDisplayString as m, renderSlot as n } from "vue";
2
- import { C as f } from "./Checkbox-UPkmNdnj.js";
3
- import { _ as v } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dhm8vqgx.js";
2
+ import { C as f } from "./Checkbox-BECqYUi7.js";
3
+ import { _ as v } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js";
4
4
  const b = /* @__PURE__ */ a({
5
5
  __name: "CheckboxControl",
6
6
  props: {
@@ -1,6 +1,6 @@
1
- import { C as c } from "./Checkbox-UPkmNdnj.js";
1
+ import { C as c } from "./Checkbox-BECqYUi7.js";
2
2
  import { resolveComponent as u, openBlock as l, createElementBlock as s, normalizeClass as f, Fragment as m, renderList as h, createBlock as p, withCtx as x, createTextVNode as b, toDisplayString as V } from "vue";
3
- import { _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dhm8vqgx.js";
3
+ import { _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js";
4
4
  const _ = {
5
5
  name: "Checkboxes",
6
6
  components: {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as t, computed as s, ref as i, onMounted as c, openBlock as d, createBlock as r, unref as p, createCommentVNode as u } from "vue";
2
2
  import { o as m } from "./index-Blg1O3Fz.js";
3
- import { C as b } from "./Checkboxes-CoYDUGFC.js";
4
- import { _ as h } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dhm8vqgx.js";
3
+ import { C as b } from "./Checkboxes-SN0Gyz3F.js";
4
+ import { _ as h } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js";
5
5
  const f = /* @__PURE__ */ t({
6
6
  __name: "CheckboxesControl",
7
7
  props: {
@@ -1,17 +1,17 @@
1
1
  import { resolveComponent as f, openBlock as d, createElementBlock as V, normalizeClass as w, withKeys as r, withModifiers as a, renderSlot as E, createElementVNode as p, toDisplayString as g, createVNode as h, withDirectives as I, normalizeStyle as A, Fragment as k, renderList as D, createBlock as S, withCtx as O, createTextVNode as $, vShow as P, defineComponent as M, vModelText as R, ref as B, toRef as z, onMounted as U, computed as F, unref as N, createCommentVNode as L } from "vue";
2
- import { u as H } from "./usePossibleValues-CQ8_InqW.js";
2
+ import { u as H } from "./usePossibleValues-BYX8n8sq.js";
3
3
  import { C as K } from "./close-h7XT0ja0.js";
4
- import { _ as C, o as j } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dhm8vqgx.js";
4
+ import { _ as C, q as j } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js";
5
5
  /* empty css */
6
6
  import { u as W } from "./index-Bf0xDq3g.js";
7
- import { A as G } from "./arrow-dropdown-DjUxzjqC.js";
8
- import { C as X } from "./Checkbox-UPkmNdnj.js";
9
- import { c as q } from "./createMissingItem-B00Kg95q.js";
7
+ import { A as q } from "./arrow-dropdown-DjUxzjqC.js";
8
+ import { C as G } from "./Checkbox-BECqYUi7.js";
9
+ import { c as X } from "./createMissingItem-B00Kg95q.js";
10
10
  const y = 1, J = 28.5, Q = 8, Y = {
11
11
  name: "Multiselect",
12
12
  components: {
13
- Checkbox: X,
14
- DropdownIcon: G
13
+ Checkbox: G,
14
+ DropdownIcon: q
15
15
  },
16
16
  props: {
17
17
  /**
@@ -399,7 +399,7 @@ const ee = /* @__PURE__ */ C(Y, [["render", _], ["__scopeId", "data-v-e722538a"]
399
399
  },
400
400
  selectedValues() {
401
401
  return this.modelValue.map(
402
- (e) => this.allPossibleItems.find((t) => e === t.id) || q(e)
402
+ (e) => this.allPossibleItems.find((t) => e === t.id) || X(e)
403
403
  );
404
404
  },
405
405
  maxSizeVisibleOptions() {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as o, openBlock as a, createBlock as l, unref as n } from "vue";
2
- import { D as t } from "./DateTimeInput-RgGJ9PqO.js";
2
+ import { D as t } from "./DateTimeInput-C4Nh_2EL.js";
3
3
  const u = /* @__PURE__ */ o({
4
4
  __name: "DateControl",
5
5
  props: {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as h, computed as a, openBlock as f, createBlock as w, unref as V } from "vue";
2
- import { D as T } from "./DateTimeInput-RgGJ9PqO.js";
3
- import { t as i, f as b } from "./localTimeUtils-DL7n5_3m.js";
2
+ import { D as T } from "./DateTimeInput-C4Nh_2EL.js";
3
+ import { t as i, f as b } from "./localTimeUtils-BAL2gOb_.js";
4
4
  const y = /* @__PURE__ */ h({
5
5
  __name: "DateTimeControl",
6
6
  props: {
@@ -0,0 +1,381 @@
1
+ import { openBlock as p, createElementBlock as y, createElementVNode as v, defineComponent as O, computed as E, ref as f, watch as I, reactive as G, onMounted as J, nextTick as N, onUnmounted as Q, createBlock as P, unref as w, withCtx as X, createCommentVNode as C, createVNode as k, normalizeStyle as U, Fragment as Y, renderList as ee, normalizeClass as V, toDisplayString as $, mergeModels as te, useModel as oe, withDirectives as le, vModelText as ae } from "vue";
2
+ import { o as se } from "./index-Bf0xDq3g.js";
3
+ import { u as ne, o as ie, s as re, f as de, a as ce } from "./floating-ui.vue-B-MrqKCT.js";
4
+ import { u as me, F as ue } from "./useDropdownNavigation-7o7SRJSo.js";
5
+ import { L as pe } from "./svgWithTitle-BomcA1vs.js";
6
+ import { V as B } from "./ValueSwitch-CTCKgRvt.js";
7
+ import { _ as L } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js";
8
+ const ve = {
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ fill: "none",
11
+ "stroke-linejoin": "round",
12
+ viewBox: "0 0 32 32"
13
+ }, fe = /* @__PURE__ */ v("path", {
14
+ fill: "#000",
15
+ d: "M2 3.842v-.5a.5.5 0 0 0-.5.5zm22.611 0h.5a.5.5 0 0 0-.5-.5zm-.5 7.48a.5.5 0 1 0 1 0zM2 21.43h-.5a.5.5 0 0 0 .5.5zm10.298.5a.5.5 0 1 0 0-1zm5.283 8.222h-.5a.5.5 0 0 0 .765.424zm3.278-2.046.265.424a.5.5 0 0 0 .235-.424zm0-5.87-.366-.34a.5.5 0 0 0-.134.34zM27.613 15l.366.341a.5.5 0 0 0-.366-.841zm-10.032 7.235h.5a.5.5 0 0 0-.128-.334zM11.063 15v-.5a.5.5 0 0 0-.372.835zm-.69-9.483V2h-1v3.517zM16.155 2v3.517h1V2zM2 4.342h22.611v-1H2zm22.111-.5v7.48h1v-7.48zM2.5 21.43V3.842h-1V21.43zM2 8.362h22.611v-1H2zM12.298 20.93h-6.81v1h6.81zm-6.81 0H2v1h3.488zm12.358 9.646 3.278-2.046-.53-.849-3.278 2.047zm3.513-2.47v-5.87h-1v5.87zm-.135-5.528 6.755-7.236-.731-.682-6.755 7.235zm-4.143-.342v7.916h1v-7.916zm.872-.334-6.519-7.236-.743.67 6.519 7.235zm-6.89-6.401h16.55v-1h-16.55z"
16
+ }, null, -1), ye = [
17
+ fe
18
+ ];
19
+ function he(_, x) {
20
+ return p(), y("svg", ve, [...ye]);
21
+ }
22
+ const Te = { render: he }, ge = { class: "popover" }, we = { class: "formats-container-border-host" }, _e = {
23
+ key: 0,
24
+ class: "no-formats-available"
25
+ }, Ee = {
26
+ key: 1,
27
+ class: "no-formats-available"
28
+ }, xe = ["onClick"], Fe = { class: "format-pattern" }, ke = { class: "format-preview" }, H = 1, Me = /* @__PURE__ */ O({
29
+ __name: "DateTimeFormatPickerPopover",
30
+ props: {
31
+ allFormats: {},
32
+ selectedType: {},
33
+ initialSelectedPattern: {},
34
+ showTypeSwitch: { type: Boolean }
35
+ },
36
+ emits: ["commit", "cancel"],
37
+ setup(_, { emit: x }) {
38
+ const n = x, c = _, M = E(() => [
39
+ {
40
+ id: "RECENT",
41
+ text: "Recent"
42
+ },
43
+ {
44
+ id: "STANDARD",
45
+ text: "ISO"
46
+ },
47
+ {
48
+ id: "EUROPEAN",
49
+ text: "European"
50
+ },
51
+ {
52
+ id: "AMERICAN",
53
+ text: "United States"
54
+ }
55
+ ]), D = E(() => [
56
+ {
57
+ id: "DATE",
58
+ text: "Date"
59
+ },
60
+ {
61
+ id: "DATE_TIME",
62
+ text: "Date & time"
63
+ },
64
+ {
65
+ id: "TIME",
66
+ text: "Time"
67
+ },
68
+ {
69
+ id: "ZONED_DATE_TIME",
70
+ text: "Zoned date & time"
71
+ }
72
+ ]), i = f(null), h = f(null), a = f("RECENT"), u = f(c.selectedType);
73
+ I(
74
+ () => c.selectedType,
75
+ (e) => {
76
+ h.value = e;
77
+ }
78
+ );
79
+ const s = E(
80
+ () => {
81
+ var e;
82
+ return ((e = c.allFormats) == null ? void 0 : e.filter(
83
+ (t) => t.category === a.value && t.temporalType === u.value
84
+ )) ?? null;
85
+ }
86
+ ), r = f(null), m = G({}), T = (e) => `${e.format}-${e.category}-${e.temporalType}`, K = (e) => (t) => {
87
+ m[T(e)] = t;
88
+ }, g = (e) => ({
89
+ format: e.format,
90
+ temporalType: e.temporalType
91
+ }), {
92
+ currentIndex: b,
93
+ onKeydown: S,
94
+ resetNavigation: Z,
95
+ setElement: W
96
+ } = me({
97
+ keepOpenedOnTab: !0,
98
+ getFirstElement: () => ({
99
+ index: 0,
100
+ onClick: () => n(
101
+ "commit",
102
+ g(s.value[0])
103
+ )
104
+ }),
105
+ getLastElement: () => {
106
+ const e = s.value.length - 1;
107
+ return {
108
+ index: e,
109
+ onClick: () => n(
110
+ "commit",
111
+ g(s.value[e])
112
+ )
113
+ };
114
+ },
115
+ getNextElement: (e, t) => {
116
+ if (e = e === null || e === -1 ? null : e, t === 1) {
117
+ const l = ((e ?? -1) + 1) % s.value.length;
118
+ return {
119
+ index: l,
120
+ onClick: () => n(
121
+ "commit",
122
+ g(s.value[l])
123
+ )
124
+ };
125
+ } else {
126
+ const l = ((e ?? 0) - 1 + s.value.length) % s.value.length;
127
+ return {
128
+ index: l,
129
+ onClick: () => n(
130
+ "commit",
131
+ g(s.value[l])
132
+ )
133
+ };
134
+ }
135
+ },
136
+ close: () => {
137
+ n("cancel");
138
+ }
139
+ }), j = (e) => {
140
+ const t = e.parentElement;
141
+ if (t && t.scrollHeight > t.clientHeight) {
142
+ const o = t.offsetTop + H, l = t.clientHeight + t.scrollTop, d = e.offsetTop + e.offsetHeight - o;
143
+ d > l ? t.scrollTop = d - t.clientHeight : e.offsetTop - t.scrollTop < o && (t.scrollTop = e.offsetTop - o);
144
+ }
145
+ }, A = (e) => {
146
+ const t = m[`${e}-${a.value}-${u.value}`];
147
+ t && j(t);
148
+ }, R = async (e, t, o) => {
149
+ u.value = t ?? u.value, a.value = o ?? a.value, await N(), h.value = e, A(e);
150
+ const l = s.value.findIndex(
151
+ (d) => d.format === e
152
+ );
153
+ W({
154
+ index: l,
155
+ onClick: () => n(
156
+ "commit",
157
+ g(s.value[l])
158
+ )
159
+ });
160
+ };
161
+ I(b, (e) => {
162
+ var o, l;
163
+ if (e === null)
164
+ return;
165
+ const t = (l = (o = s.value) == null ? void 0 : o[e]) == null ? void 0 : l.format;
166
+ t && A(t);
167
+ }), I([u, a], () => {
168
+ var e, t;
169
+ u.value === ((e = i.value) == null ? void 0 : e.temporalType) && a.value === ((t = i.value) == null ? void 0 : t.category) ? R(
170
+ i.value.format,
171
+ i.value.temporalType,
172
+ i.value.category
173
+ ) : (h.value = null, Z());
174
+ });
175
+ const F = f(!1);
176
+ return J(async () => {
177
+ if (!c.allFormats)
178
+ return;
179
+ const e = [
180
+ "RECENT",
181
+ "STANDARD",
182
+ "EUROPEAN",
183
+ "AMERICAN"
184
+ ], t = c.allFormats.filter((o) => c.initialSelectedPattern === o.format).filter(
185
+ (o) => (
186
+ // if the type switch is hidden, filter to only formats with the same type
187
+ c.selectedType === o.temporalType || c.showTypeSwitch
188
+ )
189
+ ).sort((o, l) => {
190
+ const d = e.indexOf(o.category), z = e.indexOf(l.category);
191
+ return d - z;
192
+ });
193
+ if (t.length > 0) {
194
+ const o = t[0].format, l = t[0].temporalType, d = t[0].category;
195
+ await R(o, l, d);
196
+ const z = s.value.findIndex(
197
+ (q) => q.format === o
198
+ );
199
+ i.value = {
200
+ format: o,
201
+ index: z,
202
+ category: d,
203
+ temporalType: l
204
+ };
205
+ }
206
+ N(() => F.value = !0);
207
+ }), Q(() => F.value = !1), (e, t) => (p(), P(w(ue), {
208
+ active: F.value,
209
+ "onUpdate:active": t[3] || (t[3] = (o) => F.value = o),
210
+ "initial-focus": () => r.value ?? !1
211
+ }, {
212
+ default: X(() => [
213
+ v("div", ge, [
214
+ e.showTypeSwitch ? (p(), P(B, {
215
+ key: 0,
216
+ id: "selectedFormatType",
217
+ ref: "typeSwitchRef",
218
+ modelValue: u.value,
219
+ "onUpdate:modelValue": t[0] || (t[0] = (o) => u.value = o),
220
+ compact: "",
221
+ "possible-values": D.value,
222
+ class: "filter-switch"
223
+ }, null, 8, ["modelValue", "possible-values"])) : C("", !0),
224
+ k(B, {
225
+ id: "selectedFormatStandard",
226
+ ref: "standardSwitchRef",
227
+ modelValue: a.value,
228
+ "onUpdate:modelValue": t[1] || (t[1] = (o) => a.value = o),
229
+ compact: "",
230
+ "possible-values": M.value,
231
+ class: "filter-switch"
232
+ }, null, 8, ["modelValue", "possible-values"]),
233
+ v("div", we, [
234
+ v("div", {
235
+ id: "dateFormats",
236
+ ref_key: "formatContainerRef",
237
+ ref: r,
238
+ class: "formats-container",
239
+ style: U({ "--formats-container-border-width": H + "px" }),
240
+ tabindex: "0",
241
+ role: "menu",
242
+ onKeydown: t[2] || (t[2] = //@ts-ignore
243
+ (...o) => w(S) && w(S)(...o))
244
+ }, [
245
+ s.value === null ? (p(), y("div", _e, [
246
+ k(pe, { class: "loading-spinner" })
247
+ ])) : s.value.length === 0 ? (p(), y("div", Ee, " No formats available ")) : (p(!0), y(Y, { key: 2 }, ee(s.value, (o, l) => {
248
+ var d;
249
+ return p(), y("div", {
250
+ key: T(o),
251
+ ref_for: !0,
252
+ ref: K(o),
253
+ class: V([{
254
+ highlighted: l === w(b),
255
+ applied: l === ((d = i.value) == null ? void 0 : d.index) && o.category === i.value.category && o.temporalType === i.value.temporalType
256
+ }, "single-format"]),
257
+ role: "menuitem",
258
+ onClick: () => n("commit", g(o))
259
+ }, [
260
+ v("span", Fe, $(o.format), 1),
261
+ v("span", ke, $(o.example), 1)
262
+ ], 10, xe);
263
+ }), 128))
264
+ ], 36)
265
+ ])
266
+ ])
267
+ ]),
268
+ _: 1
269
+ }, 8, ["active", "initial-focus"]));
270
+ }
271
+ }), De = /* @__PURE__ */ L(Me, [["__scopeId", "data-v-5d20d963"]]), ze = { class: "input-fields" }, Ie = ["disabled"], Ce = {
272
+ key: 0,
273
+ class: "invalid-marker"
274
+ }, Ve = ["disabled"], be = {}, Se = /* @__PURE__ */ O({
275
+ ...be,
276
+ __name: "DateTimeFormatInput",
277
+ props: /* @__PURE__ */ te({
278
+ disabled: { type: Boolean, default: !1 },
279
+ compact: { type: Boolean, default: !1 },
280
+ isValid: { type: Boolean, default: !0 },
281
+ allDefaultFormats: {},
282
+ allowedTypes: { default: () => [
283
+ "DATE",
284
+ "TIME",
285
+ "DATE_TIME",
286
+ "ZONED_DATE_TIME"
287
+ ] },
288
+ showTypeSwitchInPopover: { type: Boolean, default: !0 }
289
+ }, {
290
+ modelValue: {
291
+ default: {
292
+ format: "yyyy-MM-dd",
293
+ temporalType: "DATE"
294
+ }
295
+ },
296
+ modelModifiers: {}
297
+ }),
298
+ emits: ["update:modelValue"],
299
+ setup(_) {
300
+ const x = _, n = oe(_, "modelValue"), c = E({
301
+ get: () => n.value.format,
302
+ set: (r) => {
303
+ n.value = {
304
+ ...n.value,
305
+ format: r
306
+ };
307
+ }
308
+ }), M = "Format like 'yyyy-MM-dd'", D = E(() => x.isValid), i = f(null), h = f(null), a = f(!1), u = (r) => {
309
+ n.value = r, a.value = !1;
310
+ };
311
+ se(h, () => a.value = !1, {
312
+ ignore: [i]
313
+ });
314
+ const { floatingStyles: s } = ne(
315
+ i,
316
+ h,
317
+ {
318
+ middleware: [
319
+ ie({
320
+ mainAxis: 2,
321
+ crossAxis: 0
322
+ }),
323
+ re(),
324
+ de({
325
+ mainAxis: !0,
326
+ crossAxis: !1
327
+ })
328
+ ],
329
+ placement: "top-end",
330
+ whileElementsMounted: ce
331
+ }
332
+ );
333
+ return (r, m) => (p(), y("div", null, [
334
+ v("div", {
335
+ class: V(["wrapper", { disabled: r.disabled, compact: r.compact }])
336
+ }, [
337
+ v("span", ze, [
338
+ le(v("input", {
339
+ "onUpdate:modelValue": m[0] || (m[0] = (T) => c.value = T),
340
+ type: "text",
341
+ disabled: r.disabled,
342
+ placeholder: M,
343
+ spellcheck: "false",
344
+ onFocus: m[1] || (m[1] = (T) => a.value = !1)
345
+ }, null, 40, Ie), [
346
+ [ae, c.value]
347
+ ]),
348
+ D.value ? C("", !0) : (p(), y("span", Ce)),
349
+ v("button", {
350
+ ref_key: "togglePopoverButtonRef",
351
+ ref: i,
352
+ class: V(["trigger-popover-button", { active: a.value }]),
353
+ disabled: r.disabled,
354
+ onClick: m[2] || (m[2] = (T) => a.value = !a.value)
355
+ }, [
356
+ k(w(Te))
357
+ ], 10, Ve)
358
+ ])
359
+ ], 2),
360
+ a.value ? (p(), y("div", {
361
+ key: 0,
362
+ ref_key: "floatingPopoverRef",
363
+ ref: h,
364
+ class: "popover",
365
+ style: U(w(s))
366
+ }, [
367
+ k(De, {
368
+ "all-formats": r.allDefaultFormats,
369
+ "initial-selected-pattern": n.value.format,
370
+ "selected-type": n.value.temporalType,
371
+ "show-type-switch": r.showTypeSwitchInPopover,
372
+ onCommit: u,
373
+ onCancel: m[3] || (m[3] = (T) => a.value = !1)
374
+ }, null, 8, ["all-formats", "initial-selected-pattern", "selected-type", "show-type-switch"])
375
+ ], 4)) : C("", !0)
376
+ ]));
377
+ }
378
+ }), Oe = /* @__PURE__ */ L(Se, [["__scopeId", "data-v-a18d67d3"]]);
379
+ export {
380
+ Oe as D
381
+ };
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as m, computed as o, openBlock as p, createBlock as c, unref as n } from "vue";
2
- import { u as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dhm8vqgx.js";
3
- import { D as F } from "./DateTimeFormatInput-CxJptumG.js";
2
+ import { u as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js";
3
+ import { D as F } from "./DateTimeFormatInput-BoT3Fq6o.js";
4
4
  const b = /* @__PURE__ */ m({
5
5
  __name: "DateTimeFormatPickerControl",
6
6
  props: {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as f, computed as t, openBlock as v, createElementBlock as T, createVNode as r, unref as d } from "vue";
2
- import { u as V, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dhm8vqgx.js";
3
- import { V as y } from "./ValueSwitch-VbFoC4Pq.js";
4
- import { D as F } from "./DateTimeFormatInput-CxJptumG.js";
2
+ import { u as V, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js";
3
+ import { V as y } from "./ValueSwitch-CTCKgRvt.js";
4
+ import { D as F } from "./DateTimeFormatInput-BoT3Fq6o.js";
5
5
  const h = ["id"], D = /* @__PURE__ */ f({
6
6
  __name: "DateTimeFormatPickerWithTypeControl",
7
7
  props: {
@@ -1,13 +1,13 @@
1
1
  import { resolveComponent as je, openBlock as C, createElementBlock as E, normalizeClass as te, createElementVNode as j, createCommentVNode as ee, withModifiers as Nt, createVNode as z, reactive as Ia, computed as _, defineComponent as Oe, ref as we, watch as Ae, onMounted as rn, onUnmounted as Sa, toRefs as Iu, inject as wr, watchEffect as Ls, provide as br, nextTick as dr, unref as M, createBlock as Pe, resolveDynamicComponent as Ea, normalizeProps as hr, mergeProps as Mt, renderSlot as Dr, withCtx as Te, toDisplayString as Le, Fragment as Ce, renderList as Ge, normalizeStyle as mr, withKeys as Lr, withDirectives as Hs, toRef as Nr, guardReactiveProps as Un, createTextVNode as Na, isRef as ir, Transition as Rs, resolveDirective as Su, toHandlers as js, pushScopeId as Eu, popScopeId as Nu } from "vue";
2
2
  import { c as Au } from "./popper-CRR--9mA.js";
3
- import { _ as Vs, y as nn, z as Wu } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dhm8vqgx.js";
4
- import { D as Uu } from "./Dropdown-CxkimEXT.js";
3
+ import { _ as Vs, C as nn, D as Wu } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js";
4
+ import { D as Uu } from "./Dropdown-3hPIkzit.js";
5
5
  import { A as Fu } from "./arrow-dropdown-DjUxzjqC.js";
6
6
  /* empty css */
7
- import { a as Lu } from "./toString-B9O7P854.js";
8
- import { b as Hu } from "./_baseIteratee-DhaGkQLM.js";
9
- import { b as Ru } from "./_baseEach-FP8ISlsz.js";
10
- import { i as ju } from "./_getTag-DiktJuv_.js";
7
+ import { a as Lu } from "./toString-DkTEiU39.js";
8
+ import { b as Hu } from "./_baseIteratee-D1BrioPy.js";
9
+ import { b as Ru } from "./_baseEach-qp9WwRfp.js";
10
+ import { i as ju } from "./_getTag-D8q3h3ou.js";
11
11
  import { i as Vu } from "./isArray-WzO_os3q.js";
12
12
  function it(e) {
13
13
  "@babel/helpers - typeof";
@@ -1,11 +1,11 @@
1
- import { defineComponent as Y, ref as V, h as j, watch as S, computed as P, toRefs as G, nextTick as z, resolveComponent as v, openBlock as d, createBlock as O, withCtx as D, createElementVNode as g, normalizeClass as x, normalizeStyle as U, createElementBlock as p, withModifiers as b, renderSlot as k, toDisplayString as I, createCommentVNode as E, withKeys as X, createVNode as B, withDirectives as q, Fragment as C, renderList as M, createTextVNode as Q, vShow as J, pushScopeId as Z, popScopeId as $ } from "vue";
1
+ import { defineComponent as Y, ref as V, h as j, watch as S, computed as P, toRefs as G, nextTick as z, resolveComponent as v, openBlock as d, createBlock as O, withCtx as D, createElementVNode as g, normalizeClass as x, normalizeStyle as U, createElementBlock as p, withModifiers as b, renderSlot as k, toDisplayString as I, createCommentVNode as E, withKeys as q, createVNode as B, withDirectives as X, Fragment as C, renderList as M, createTextVNode as Q, vShow as J, pushScopeId as Z, popScopeId as $ } from "vue";
2
2
  import { o as ee, t as te, c as w, d as K, i as A, n as se, e as ne, f as ie } from "./index-Bf0xDq3g.js";
3
3
  import { A as oe } from "./arrow-dropdown-DjUxzjqC.js";
4
4
  import { C as re } from "./close-h7XT0ja0.js";
5
5
  /* empty css */
6
6
  import { u as le } from "./useSearch-hpyYQ_6y.js";
7
- import { o as ae, _ as de } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dhm8vqgx.js";
8
- import { i as ue, a as ce, b as he, c as pe, d as fe, e as me, f as ge } from "./_getTag-DiktJuv_.js";
7
+ import { q as ae, _ as de } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js";
8
+ import { i as ue, a as ce, b as he, c as pe, d as fe, e as me, f as ge } from "./_getTag-D8q3h3ou.js";
9
9
  import { i as ye } from "./isArray-WzO_os3q.js";
10
10
  import { i as xe } from "./hotkeys-kwHHtFKz.js";
11
11
  var we = "[object Map]", Ve = "[object Set]", ve = Object.prototype, be = ve.hasOwnProperty;
@@ -520,7 +520,7 @@ function Ue(e, t, s, o, i, n) {
520
520
  tabindex: "0",
521
521
  class: "button",
522
522
  compact: s.compact,
523
- onKeydown: t[2] || (t[2] = X(b(() => {
523
+ onKeydown: t[2] || (t[2] = q(b(() => {
524
524
  }, ["stop"]), ["enter"])),
525
525
  onClick: b(n.handleResetInput, ["stop"])
526
526
  }, {
@@ -547,7 +547,7 @@ function Ue(e, t, s, o, i, n) {
547
547
  }, 8, ["compact", "disabled", "title", "tabindex", "onClick"])) : E("", !0)
548
548
  ])
549
549
  ], 46, Ne),
550
- q(g("ul", {
550
+ X(g("ul", {
551
551
  ref: "ul",
552
552
  role: "listbox",
553
553
  tabindex: "-1",
@@ -1,9 +1,9 @@
1
1
  import { defineComponent as C, ref as c, toRef as k, computed as p, openBlock as s, createBlock as i, withCtx as l, unref as a, normalizeProps as y, mergeProps as L, createCommentVNode as m, createVNode as w, renderSlot as b } from "vue";
2
- import { L as F, E as D } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dhm8vqgx.js";
2
+ import { L as F, E as D } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js";
3
3
  import { u as E } from "./useHideOnNull-CCfNP3O7.js";
4
- import { u as N } from "./usePossibleValues-CQ8_InqW.js";
5
- import { L as B } from "./LoadingDropdown-CmfR0AIL.js";
6
- import { C as P } from "./Checkbox-UPkmNdnj.js";
4
+ import { u as N } from "./usePossibleValues-BYX8n8sq.js";
5
+ import { L as B } from "./LoadingDropdown-BBu6y57e.js";
6
+ import { C as P } from "./Checkbox-BECqYUi7.js";
7
7
  const I = /* @__PURE__ */ C({
8
8
  __name: "DropdownControl",
9
9
  props: {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as l, openBlock as a, createElementBlock as o, Fragment as s, renderList as n, createBlock as u, unref as c } from "vue";
2
- import { q as m, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dhm8vqgx.js";
2
+ import { r as m, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js";
3
3
  const i = { class: "horizontal" }, d = /* @__PURE__ */ l({
4
4
  __name: "HorizontalLayout",
5
5
  props: {
@@ -1,6 +1,6 @@
1
1
  /* empty css */
2
2
  import { openBlock as s, createElementBlock as l, normalizeClass as r, renderSlot as o, createCommentVNode as u, createElementVNode as d, mergeProps as c, pushScopeId as p, popScopeId as f } from "vue";
3
- import { _ as m } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dhm8vqgx.js";
3
+ import { _ as m } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-u8QsGw29.js";
4
4
  const h = {
5
5
  name: "InputField",
6
6
  props: {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as r } from "vue";
2
- import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-CRHY-CAe.js";
2
+ import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-0MWDRFG4.js";
3
3
  const s = /* @__PURE__ */ o({
4
4
  __name: "IntegerControl",
5
5
  props: {