@knime/jsonforms 1.21.0 → 1.21.1

package/dist/src/uiComponents/twinlist/AnyOfTwinlist.vue.d.ts

@@ -1,4 +1,4 @@
 import { VueControlPropsForLabelContent } from '../../higherOrderComponents/control/withLabel';
 type __VLS_Props = VueControlPropsForLabelContent<string[]>;
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
 export default _default;

package/dist/src/uiComponents/twinlist/ManualTwinlistControl.vue.d.ts

@@ -1,9 +1,9 @@
-import { VueControlPropsForLabelContent } from '../../higherOrderComponents/control/withLabel';
+import { VueControlPropsForLabelContent } from '../../higherOrderComponents';
 export type ManualTwinlistData = {
     manuallySelected: string[];
     manuallyDeselected: string[];
     includeUnknownColumns: boolean;
 };
 type __VLS_Props = VueControlPropsForLabelContent<ManualTwinlistData>;
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
 export default _default;

package/dist/src/uiComponents/twinlist/MultimodeTwinlistControl.vue.d.ts

@@ -1,4 +1,4 @@
-import { VueControlPropsForLabelContent } from '../../higherOrderComponents/control/withLabel';
+import { VueControlPropsForLabelContent } from '../../higherOrderComponents';
 import { IdAndText } from '../../types/ChoicesUiSchema';
 export type TwinlistData = {
     mode: string;
@@ -19,17 +19,11 @@ export type TwinlistData = {
     selected: string[] | null | undefined;
 };
 type __VLS_Props = VueControlPropsForLabelContent<TwinlistData> & {
-    twinlistSize?: number;
-    twinlistLeftLabel?: string;
     showUnknownValues?: boolean;
-    twinlistRightLabel?: string;
     showTypeFilter?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    twinlistSize: number;
-    twinlistLeftLabel: string;
     showUnknownValues: boolean;
-    twinlistRightLabel: string;
     showTypeFilter: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
 export default _default;

package/dist/src/uiComponents/twinlist/NameFilter.vue.d.ts

@@ -1,5 +1,5 @@
 import { VueControlPropsForLabelContent } from '../../higherOrderComponents/control/withLabel';
 import { TwinlistData } from './MultimodeTwinlistControl.vue';
 type __VLS_Props = VueControlPropsForLabelContent<TwinlistData>;
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
 export default _default;

package/dist/src/uiComponents/twinlist/SimpleTwinlistControl.vue.d.ts

@@ -1,4 +1,4 @@
 import { VueControlPropsForLabelContent } from '../../higherOrderComponents/control/withLabel';
 type __VLS_Props = VueControlPropsForLabelContent<string[]>;
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
 export default _default;

package/dist/src/uiComponents/twinlist/TwinlistControlBase.vue.d.ts

@@ -1,10 +1,7 @@
-import { VueControlPropsForLabelContent } from '../../higherOrderComponents/control/withLabel';
+import { VueControlPropsForLabelContent } from '../../higherOrderComponents';
 import { TypedIdAndText } from '../../types/ChoicesUiSchema';
 type __VLS_Props = VueControlPropsForLabelContent<string[]> & {
-    twinlistSize?: number;
     possibleValues: TypedIdAndText[] | null;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    twinlistSize: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
 export default _default;

package/dist/src/uiComponents/twinlist/TypedStringFilter.vue.d.ts

@@ -1,5 +1,5 @@
 import { VueControlPropsForLabelContent } from '../../higherOrderComponents/control/withLabel';
 import { TwinlistData } from './MultimodeTwinlistControl.vue';
 type __VLS_Props = VueControlPropsForLabelContent<TwinlistData>;
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
 export default _default;

package/dist/src/uiComponents/twinlist/toKdsPossibleValues.d.ts

@@ -0,0 +1,9 @@
+import { KdsTwinListPossibleValue } from '@knime/kds-components';
+import { IdAndText } from '../../types/ChoicesUiSchema';
+type PossibleValueWithOptionalType = {
+    id: string;
+    text: string;
+    type?: IdAndText;
+};
+export declare const toKdsPossibleValues: (values: PossibleValueWithOptionalType[]) => KdsTwinListPossibleValue[];
+export {};

package/dist/testing.js

@@ -1,7 +1,7 @@
 import * as nh from "vue";
 import { ssrUtils as Pi, initDirectivesForSSR as z_, nextTick as ho, defineComponent as fi, computed as kr, h as wn, shallowReactive as K_, reactive as G_, ref as rh, createApp as H_, transformVNodeArgs as X_, setDevtoolsHook as Y_, isRef as J_, TransitionGroup as Q_, Transition as Z_, BaseTransition as em } from "vue";
-import { r as tm, v as nm, e as rm } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
-import { b as im } from "./_baseIteratee-B7GNekaD.js";
+import { r as tm, v as nm, e as rm } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
+import { b as im } from "./_baseIteratee-pNDg46VS.js";
 function sm(e, t) {
   return e > t;
 }

package/dist/toKdsPossibleValues-BklBg3gG.js

@@ -0,0 +1,14 @@
+const p = (e) => e.map((t) => ({
+  id: t.id,
+  text: t.text,
+  ...t.type ? {
+    type: t.type.id,
+    accessory: {
+      type: "dataType",
+      name: t.type.id
+    }
+  } : {}
+}));
+export {
+  p as t
+};

package/dist/{toString-EJiXsCqP.js → toString-GoK24L1U.js}

@@ -1,4 +1,4 @@
-import { r as g, A as s } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { r as g, A as s } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 import { i as l } from "./isArray-WzO_os3q.js";
 function p(r, t) {
   for (var n = -1, i = r == null ? 0 : r.length, o = Array(i); ++n < i; )

package/dist/{useBuiltinValidations-C-jX-GU7.js → useBuiltinValidations-LGrGrHzT.js}

@@ -1,5 +1,5 @@
 import { onUnmounted as u, toRef as p, computed as d } from "vue";
-import { u as f } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { u as f } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 const h = (t = {}) => t.validation || null, m = (t) => t.replace(/^validation\./, ""), v = (t) => {
   const a = (t.providedOptions ?? []).filter(
     (e) => e.startsWith("validation.")

package/dist/{usePossibleValues-CdNvUspy.js → usePossibleValues-ItF87hxE.js}

@@ -1,5 +1,5 @@
 import { computed as l } from "vue";
-import { u as d } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { u as d } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 const t = (s, e) => {
   const u = l(() => s.value.uischema), o = d(u, "possibleValues");
   return { possibleValues: l(() => u.value.providedOptions?.includes("possibleValues") ? o.value : u.value.options?.possibleValues ?? (typeof e?.defaultOnNonProvided > "u" ? [] : e?.defaultOnNonProvided)) };

package/dist/{MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-De2_vatY.js → useUnknownValuesInTwinlist-B8gDSha9.js}

@@ -1,7 +1,6 @@
 import { ref as v, watch as m } from "vue";
 import { g as S, a as g } from "./index-Blg1O3Fz.js";
-import "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
-import "./TwinlistLoadingInfo-BwuYp151.js";
+import "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 const w = ({
   knownValuesSide: s,
   possibleValueIds: l,
@@ -15,7 +14,7 @@ const w = ({
     ...u(s.previous),
     ...g(l, t)
   ]);
-}, j = ({
+}, F = ({
   data: s,
   possibleValueIds: l
 }) => {
@@ -28,13 +27,13 @@ const w = ({
     if (!t.value || !l.value)
       return;
     let e, o;
-    const { manuallyDeselected: p, manuallySelected: f, includeUnknownColumns: r } = t.value, i = {
-      previous: p,
+    const { manuallyDeselected: f, manuallySelected: p, includeUnknownColumns: r } = t.value, i = {
+      previous: f,
       setNext: (c) => {
         e = c;
       }
     }, d = {
-      previous: f,
+      previous: p,
       setNext: (c) => {
         o = c;
       }
@@ -62,5 +61,5 @@ const w = ({
   }), { selectedAndDeselected: n, setCurrentManualFilter: a };
 };
 export {
-  j as u
+  F as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/jsonforms",
-  "version": "1.21.0",
+  "version": "1.21.1",
   "description": "Internal JSON Forms integration for frontend KNIME projects",
   "repository": {
     "type": "git",

package/dist/AnyOfTwinlist-BXOiwhPe.js

@@ -1,22 +0,0 @@
-import { defineComponent as s, openBlock as t, createBlock as p, mergeProps as a, unref as l } from "vue";
-import { o as r } from "./index-Blg1O3Fz.js";
-import { T as i } from "./TwinlistControlBase-DpODIPuw.js";
-const y = /* @__PURE__ */ s({
-  __name: "AnyOfTwinlist",
-  props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    isValid: { type: Boolean },
-    onRegisterValidation: { type: Function },
-    labelForId: {}
-  },
-  setup(o) {
-    const e = o.control.schema.anyOf.map(r);
-    return (n, u) => (t(), p(i, a(n.$props, { "possible-values": l(e) }), null, 16, ["possible-values"]));
-  }
-});
-export {
-  y as default
-};

package/dist/DateTimeFormatPickerWithTypeControl-TpmjEZVL.js

@@ -1,442 +0,0 @@
-import { openBlock as v, createElementBlock as w, createElementVNode as y, defineComponent as A, useCssVars as q, computed as h, ref as g, watch as I, reactive as G, onMounted as J, nextTick as $, onUnmounted as Q, createBlock as O, unref as x, withCtx as X, createCommentVNode as C, createVNode as b, Fragment as Y, renderList as ee, normalizeClass as _, toDisplayString as H, useModel as te, withDirectives as oe, vModelText as le, normalizeStyle as ae, mergeModels as se } from "vue";
-import { _ as S, P as ne, u as ie } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
-import { V as z } from "./ValueSwitch-BuQf-fpg.js";
-import { u as re, a as de, o as ce, s as ue, f as me } from "./floating-ui.vue-Bk6u3tWN.js";
-import { u as pe, F as ve } from "./useDropdownNavigation-EOwf_fL0.js";
-import { L as fe } from "./LoadingIcon-DWlZH7u-.js";
-const ye = {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  "stroke-linejoin": "round",
-  viewBox: "0 0 32 32"
-};
-function he(n, f) {
-  return v(), w("svg", ye, [...f[0] || (f[0] = [
-    y("path", {
-      fill: "#000",
-      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"
-    }, null, -1)
-  ])]);
-}
-const Te = { render: he }, ge = { class: "popover" }, we = { class: "formats-container-border-host" }, xe = {
-  key: 0,
-  class: "no-formats-available"
-}, Fe = {
-  key: 1,
-  class: "no-formats-available"
-}, Ee = ["onClick"], be = { class: "format-pattern" }, Ve = { class: "format-preview" }, U = 1, De = /* @__PURE__ */ A({
-  __name: "DateTimeFormatPickerPopover",
-  props: {
-    allFormats: {},
-    selectedType: {},
-    initialSelectedPattern: {},
-    showTypeSwitch: { type: Boolean }
-  },
-  emits: ["commit", "cancel"],
-  setup(n, { emit: f }) {
-    q((e) => ({
-      v3b9e5e3a: U
-    }));
-    const i = f, c = n, V = h(() => [
-      {
-        id: "RECENT",
-        text: "Recent"
-      },
-      {
-        id: "STANDARD",
-        text: "ISO"
-      },
-      {
-        id: "EUROPEAN",
-        text: "European"
-      },
-      {
-        id: "AMERICAN",
-        text: "United States"
-      }
-    ]), D = h(() => [
-      {
-        id: "DATE",
-        text: "Date"
-      },
-      {
-        id: "DATE_TIME",
-        text: "Date & time"
-      },
-      {
-        id: "TIME",
-        text: "Time"
-      },
-      {
-        id: "ZONED_DATE_TIME",
-        text: "Zoned date & time"
-      }
-    ]), r = g(null), u = g(null), a = g("RECENT"), d = g(c.selectedType);
-    I(
-      () => c.selectedType,
-      (e) => {
-        u.value = e;
-      }
-    );
-    const l = h(
-      () => c.allFormats?.filter(
-        (e) => e.category === a.value && e.temporalType === d.value
-      ) ?? null
-    ), m = g(null), p = G({}), F = (e) => `${e.format}-${e.category}-${e.temporalType}`, L = (e) => (t) => {
-      p[F(e)] = t;
-    }, E = (e) => ({
-      format: e.format,
-      temporalType: e.temporalType
-    }), {
-      currentIndex: R,
-      onKeydown: P,
-      resetNavigation: Z,
-      setElement: W
-    } = pe({
-      keepOpenedOnTab: !0,
-      getFirstElement: () => ({
-        index: 0,
-        onClick: () => i(
-          "commit",
-          E(l.value[0])
-        )
-      }),
-      getLastElement: () => {
-        const e = l.value.length - 1;
-        return {
-          index: e,
-          onClick: () => i(
-            "commit",
-            E(l.value[e])
-          )
-        };
-      },
-      getNextElement: (e, t) => {
-        if (e = e === null || e === -1 ? null : e, t === 1) {
-          const s = ((e ?? -1) + 1) % l.value.length;
-          return {
-            index: s,
-            onClick: () => i(
-              "commit",
-              E(l.value[s])
-            )
-          };
-        } else {
-          const s = ((e ?? 0) - 1 + l.value.length) % l.value.length;
-          return {
-            index: s,
-            onClick: () => i(
-              "commit",
-              E(l.value[s])
-            )
-          };
-        }
-      },
-      close: () => {
-        i("cancel");
-      }
-    }), K = (e) => {
-      const t = e.parentElement;
-      if (t && t.scrollHeight > t.clientHeight) {
-        const o = t.offsetTop + U, s = t.clientHeight + t.scrollTop, T = e.offsetTop + e.offsetHeight - o;
-        T > s ? t.scrollTop = T - t.clientHeight : e.offsetTop - t.scrollTop < o && (t.scrollTop = e.offsetTop - o);
-      }
-    }, N = (e) => {
-      const t = p[`${e}-${a.value}-${d.value}`];
-      t && K(t);
-    }, B = async (e, t, o) => {
-      d.value = t ?? d.value, a.value = o ?? a.value, await $(), u.value = e, N(e);
-      const s = l.value.findIndex(
-        (T) => T.format === e
-      );
-      W({
-        index: s,
-        onClick: () => i(
-          "commit",
-          E(l.value[s])
-        )
-      });
-    };
-    I(R, (e) => {
-      if (e === null)
-        return;
-      const t = l.value?.[e]?.format;
-      t && N(t);
-    }), I([d, a], () => {
-      d.value === r.value?.temporalType && a.value === r.value?.category ? B(
-        r.value.format,
-        r.value.temporalType,
-        r.value.category
-      ) : (u.value = null, Z());
-    });
-    const M = g(!1);
-    return J(async () => {
-      if (!c.allFormats)
-        return;
-      const e = [
-        "RECENT",
-        "STANDARD",
-        "EUROPEAN",
-        "AMERICAN"
-      ], t = c.allFormats.filter((o) => c.initialSelectedPattern === o.format).filter(
-        (o) => (
-          // if the type switch is hidden, filter to only formats with the same type
-          c.selectedType === o.temporalType || c.showTypeSwitch
-        )
-      ).sort((o, s) => {
-        const T = e.indexOf(o.category), k = e.indexOf(s.category);
-        return T - k;
-      });
-      if (t.length > 0) {
-        const o = t[0].format, s = t[0].temporalType, T = t[0].category;
-        await B(o, s, T);
-        const k = l.value.findIndex(
-          (j) => j.format === o
-        );
-        r.value = {
-          format: o,
-          index: k,
-          category: T,
-          temporalType: s
-        };
-      }
-      $(() => M.value = !0);
-    }), Q(() => M.value = !1), (e, t) => (v(), O(x(ve), {
-      active: M.value,
-      "onUpdate:active": t[3] || (t[3] = (o) => M.value = o),
-      "initial-focus": () => m.value ?? !1
-    }, {
-      default: X(() => [
-        y("div", ge, [
-          n.showTypeSwitch ? (v(), O(z, {
-            key: 0,
-            id: "selectedFormatType",
-            ref: "typeSwitchRef",
-            modelValue: d.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => d.value = o),
-            compact: "",
-            "possible-values": D.value,
-            class: "filter-switch"
-          }, null, 8, ["modelValue", "possible-values"])) : C("", !0),
-          b(z, {
-            id: "selectedFormatStandard",
-            ref: "standardSwitchRef",
-            modelValue: a.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (o) => a.value = o),
-            compact: "",
-            "possible-values": V.value,
-            class: "filter-switch"
-          }, null, 8, ["modelValue", "possible-values"]),
-          y("div", we, [
-            y("div", {
-              id: "dateFormats",
-              ref_key: "formatContainerRef",
-              ref: m,
-              class: "formats-container",
-              tabindex: "0",
-              role: "menu",
-              onKeydown: t[2] || (t[2] = //@ts-ignore
-              (...o) => x(P) && x(P)(...o))
-            }, [
-              l.value === null ? (v(), w("div", xe, [
-                b(fe, { class: "loading-spinner" })
-              ])) : l.value.length === 0 ? (v(), w("div", Fe, " No formats available ")) : (v(!0), w(Y, { key: 2 }, ee(l.value, (o, s) => (v(), w("div", {
-                key: F(o),
-                ref_for: !0,
-                ref: L(o),
-                class: _([{
-                  highlighted: s === x(R),
-                  applied: s === r.value?.index && o.category === r.value.category && o.temporalType === r.value.temporalType
-                }, "single-format"]),
-                role: "menuitem",
-                onClick: () => i("commit", E(o))
-              }, [
-                y("span", be, H(o.format), 1),
-                y("span", Ve, H(o.example), 1)
-              ], 10, Ee))), 128))
-            ], 544)
-          ])
-        ])
-      ]),
-      _: 1
-    }, 8, ["active", "initial-focus"]));
-  }
-}), Me = /* @__PURE__ */ S(De, [["__scopeId", "data-v-8bb40d8b"]]), ke = { class: "input-fields" }, Ie = ["disabled"], Ce = {
-  key: 0,
-  class: "invalid-marker"
-}, _e = ["disabled"], ze = {}, Ae = /* @__PURE__ */ A({
-  ...ze,
-  __name: "DateTimeFormatInput",
-  props: /* @__PURE__ */ se({
-    disabled: { type: Boolean, default: !1 },
-    compact: { type: Boolean, default: !1 },
-    isValid: { type: Boolean, default: !0 },
-    allDefaultFormats: {},
-    allowedTypes: { default: () => [
-      "DATE",
-      "TIME",
-      "DATE_TIME",
-      "ZONED_DATE_TIME"
-    ] },
-    showTypeSwitchInPopover: { type: Boolean, default: !0 }
-  }, {
-    modelValue: {
-      default: {
-        format: "yyyy-MM-dd",
-        temporalType: "DATE"
-      }
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(n) {
-    const f = n, i = te(n, "modelValue"), c = h({
-      get: () => i.value.format,
-      set: (m) => {
-        i.value = {
-          ...i.value,
-          format: m
-        };
-      }
-    }), V = "Format like 'yyyy-MM-dd'", D = h(() => f.isValid), r = g(null), u = g(null), a = g(!1), d = (m) => {
-      i.value = m, a.value = !1;
-    };
-    ne(u, () => a.value = !1, {
-      ignore: [r]
-    });
-    const { floatingStyles: l } = re(
-      r,
-      u,
-      {
-        middleware: [
-          ce({
-            mainAxis: 2,
-            crossAxis: 0
-          }),
-          ue(),
-          me({
-            mainAxis: !0,
-            crossAxis: !1
-          })
-        ],
-        placement: "top-end",
-        whileElementsMounted: de
-      }
-    );
-    return (m, p) => (v(), w("div", null, [
-      y("div", {
-        class: _(["wrapper", { disabled: n.disabled, compact: n.compact }])
-      }, [
-        y("span", ke, [
-          oe(y("input", {
-            "onUpdate:modelValue": p[0] || (p[0] = (F) => c.value = F),
-            type: "text",
-            disabled: n.disabled,
-            placeholder: V,
-            spellcheck: "false",
-            onFocus: p[1] || (p[1] = (F) => a.value = !1)
-          }, null, 40, Ie), [
-            [le, c.value]
-          ]),
-          D.value ? C("", !0) : (v(), w("span", Ce)),
-          y("button", {
-            ref_key: "togglePopoverButtonRef",
-            ref: r,
-            class: _(["trigger-popover-button", { active: a.value }]),
-            disabled: n.disabled,
-            onClick: p[2] || (p[2] = (F) => a.value = !a.value)
-          }, [
-            b(x(Te))
-          ], 10, _e)
-        ])
-      ], 2),
-      a.value ? (v(), w("div", {
-        key: 0,
-        ref_key: "floatingPopoverRef",
-        ref: u,
-        class: "popover",
-        style: ae(x(l))
-      }, [
-        b(Me, {
-          "all-formats": n.allDefaultFormats,
-          "initial-selected-pattern": i.value.format,
-          "selected-type": i.value.temporalType,
-          "show-type-switch": n.showTypeSwitchInPopover,
-          onCommit: d,
-          onCancel: p[3] || (p[3] = (F) => a.value = !1)
-        }, null, 8, ["all-formats", "initial-selected-pattern", "selected-type", "show-type-switch"])
-      ], 4)) : C("", !0)
-    ]));
-  }
-}), Se = /* @__PURE__ */ S(Ae, [["__scopeId", "data-v-1577d5ce"]]), Re = ["id"], Pe = /* @__PURE__ */ A({
-  __name: "DateTimeFormatPickerWithTypeControl",
-  props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    isValid: { type: Boolean },
-    onRegisterValidation: { type: Function },
-    labelForId: {}
-  },
-  setup(n) {
-    const f = n, i = h(
-      () => f.control.uischema
-    ), c = h(() => i.value.options), V = h(() => c.value?.allowedFormats), D = ie(i, "dateTimeFormats"), r = [
-      {
-        id: "DATE",
-        text: "Date"
-      },
-      {
-        id: "DATE_TIME",
-        text: "Date & time"
-      },
-      {
-        id: "TIME",
-        text: "Time"
-      },
-      {
-        id: "ZONED_DATE_TIME",
-        text: "Zoned date & time"
-      }
-    ], u = h({
-      get: () => f.control.data,
-      set: (d) => {
-        f.changeValue(d);
-      }
-    }), a = h({
-      get: () => u.value.temporalType,
-      set: (d) => {
-        u.value = {
-          ...u.value,
-          temporalType: d
-        };
-      }
-    });
-    return (d, l) => (v(), w("div", {
-      id: n.labelForId,
-      class: "control-container"
-    }, [
-      b(x(z), {
-        modelValue: a.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (m) => a.value = m),
-        compact: "",
-        "possible-values": r,
-        disabled: n.disabled
-      }, null, 8, ["modelValue", "disabled"]),
-      b(x(Se), {
-        modelValue: u.value,
-        "onUpdate:modelValue": l[1] || (l[1] = (m) => u.value = m),
-        compact: "",
-        disabled: n.disabled,
-        "show-type-switch-in-popover": !1,
-        "allowed-formats": V.value,
-        "all-default-formats": x(D),
-        "is-valid": !0
-      }, null, 8, ["modelValue", "disabled", "allowed-formats", "all-default-formats"])
-    ], 8, Re));
-  }
-}), Le = /* @__PURE__ */ S(Pe, [["__scopeId", "data-v-8517cafd"]]);
-export {
-  Le as default
-};