@ghentcdh/json-forms-vue 0.6.5 → 0.6.7

package/index.mjs

@@ -1,8 +1,8 @@
 import { useApi } from "@ghentcdh/tools-vue";
-import { NotificationService, ControlWrapper, Markdown, Autocomplete, IconEnum, Btn, BtnBadge, TextCell, Table, hasCustomEventListener, Card, ModalService, myStyles, Color, Modal } from "@ghentcdh/ui";
-import { rankWith, isBooleanControl, isIntegerControl, uiTypeIs, isNumberControl, createDefaultValue, composePaths, getArrayTranslations, defaultJsonFormsI18nState, arrayDefaultTranslations } from "@jsonforms/core";
+import { NotificationService, Checkbox, InputNumber, Markdown, Input, Textarea, Autocomplete, IconEnum, Btn, BtnBadge, TextCell, Table, hasCustomEventListener, Card, ModalService, myStyles, Color, Modal } from "@ghentcdh/ui";
+import { uiTypeIs, rankWith, isNumberControl, isIntegerControl, isBooleanControl, createDefaultValue, composePaths, getArrayTranslations, defaultJsonFormsI18nState, arrayDefaultTranslations } from "@jsonforms/core";
+import { ref, computed, defineComponent, openBlock, createBlock, unref, mergeProps, inject, resolveComponent, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, createVNode, withCtx, createTextVNode, watch, useModel, provide, mergeModels, renderSlot } from "vue";
 import { useJsonFormsControl, rendererProps, DispatchRenderer, useJsonFormsArrayControl, JsonForms } from "@jsonforms/vue";
-import { ref, computed, defineComponent, resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, withCtx, createElementVNode, normalizeClass, toDisplayString, createBlock, inject, createCommentVNode, Fragment, renderList, createTextVNode, watch, unref, useModel, provide, mergeModels, renderSlot } from "vue";
 import { useVanillaControl, useVanillaArrayControl, vanillaRenderers } from "@jsonforms/vue-vanilla";
 import { and, optionIs, or, schemaTypeIs } from "@jsonforms/core/src/testers/testers";
 import { ControlType, RequestSchema, extractFilters, findColumnDef } from "@ghentcdh/json-forms-core";
@@ -46,7 +46,7 @@ const useVanillaControlCustom = (input, adaptTarget = (v) => v.value) => {
     isTouched.value = true;
     isFocused.value = false;
   };
-  const controlWrapper2 = computed(() => {
+  const controlWrapper = computed(() => {
     return {
       ...vanillaControl.controlWrapper.value,
       isFocused: isFocused.value,
@@ -55,149 +55,142 @@ const useVanillaControlCustom = (input, adaptTarget = (v) => v.value) => {
   });
   return {
     ...vanillaControl,
-    controlWrapper: controlWrapper2,
+    controlWrapper,
     isFocused,
     isTouched,
     onFocus,
     onBlur
+    // handleChange,
   };
 };
-const controlRenderer$8 = defineComponent({
-  name: "BooleanControlRenderer",
-  components: {
-    ControlWrapper
-  },
-  props: {
-    ...rendererProps()
-  },
-  setup(props) {
-    const control = useVanillaControlCustom(
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "BooleanControlRenderer",
+  props: { ...rendererProps() },
+  setup(__props) {
+    const props = __props;
+    const { control, onChange, appliedOptions, onFocus, onBlur, controlWrapper } = useVanillaControlCustom(useJsonFormsControl(props), (target) => {
+      return Boolean(target.value) ?? false;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Checkbox), mergeProps(unref(controlWrapper), {
+        modelValue: unref(control).data,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(control).data = $event),
+        enabled: unref(control).enabled,
+        config: unref(appliedOptions),
+        onChange: unref(onChange),
+        onFocus: unref(onFocus),
+        onBlur: unref(onBlur)
+      }), null, 16, ["modelValue", "enabled", "config", "onChange", "onFocus", "onBlur"]);
+    };
+  }
+});
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "IntegerControlRenderer",
+  props: { ...rendererProps() },
+  setup(__props) {
+    const props = __props;
+    const { control, onChange, appliedOptions, onFocus, onBlur, controlWrapper } = useVanillaControlCustom(
       useJsonFormsControl(props),
-      (target) => {
-        return Boolean(target.value) ?? false;
-      }
+      (target) => target.value === "" ? void 0 : Number(target.value)
     );
-    if (control.control.value.data === void 0) {
-      control.handleChange(control.control.value.path, false);
-    }
-    return control;
-  },
-  computed: {
-    controlWrapper() {
-      return controlWrapper;
-    }
+    const steps = computed(() => appliedOptions.value.steps ?? 1);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(InputNumber), mergeProps(unref(controlWrapper), {
+        modelValue: unref(control).data,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(control).data = $event),
+        enabled: unref(control).enabled,
+        config: unref(appliedOptions),
+        steps: steps.value,
+        onChange: unref(onChange),
+        onFocus: unref(onFocus),
+        onBlur: unref(onBlur)
+      }), null, 16, ["modelValue", "enabled", "config", "steps", "onChange", "onFocus", "onBlur"]);
+    };
   }
 });
-const entry$8 = {
-  renderer: controlRenderer$8,
-  tester: rankWith(1, isBooleanControl)
-};
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "MarkdownControlRenderer",
+  props: { ...rendererProps() },
+  setup(__props) {
+    const props = __props;
+    const { control, onChange, appliedOptions, onFocus, onBlur, controlWrapper } = useVanillaControlCustom(useJsonFormsControl(props), (target) => {
+      return Boolean(target.value) ?? false;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Markdown), mergeProps(unref(controlWrapper), {
+        modelValue: unref(control).data,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(control).data = $event),
+        enabled: unref(control).enabled,
+        config: unref(appliedOptions),
+        onChange: unref(onChange),
+        onFocus: unref(onFocus),
+        onBlur: unref(onBlur)
+      }), null, 16, ["modelValue", "enabled", "config", "onChange", "onFocus", "onBlur"]);
+    };
   }
-  return target;
-};
-const _hoisted_1$a = { class: "flex justify-around flex-col h-full" };
-const _hoisted_2$3 = { class: "fieldset-label" };
-const _hoisted_3$3 = ["id", "checked", "disabled", "autofocus", "placeholder"];
-const _hoisted_4$2 = { class: "font-bold text-gray-500 text-sm" };
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_control_wrapper = resolveComponent("control-wrapper");
-  return openBlock(), createElementBlock("div", _hoisted_1$a, [
-    createVNode(_component_control_wrapper, mergeProps(_ctx.controlWrapper, {
-      styles: _ctx.styles,
-      "hide-label": true
-    }), {
-      default: withCtx(() => [
-        createElementVNode("label", _hoisted_2$3, [
-          createElementVNode("input", {
-            id: _ctx.control.id + "-input",
-            type: "checkbox",
-            class: normalizeClass(["checkbox"]),
-            checked: _ctx.control.data,
-            disabled: !_ctx.control.enabled,
-            autofocus: _ctx.appliedOptions.focus,
-            placeholder: _ctx.appliedOptions.placeholder,
-            onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
-            onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-            onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-          }, null, 40, _hoisted_3$3),
-          createElementVNode("span", _hoisted_4$2, toDisplayString(_ctx.control.label), 1)
-        ])
-      ]),
-      _: 1
-    }, 16, ["styles"])
-  ]);
-}
-const BooleanControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$8, [["render", _sfc_render$7]]);
-const showErrors = (isTouched, isFocused, errors) => {
-  return !!(isTouched && errors);
-};
-const inputClasses = (styles, isFocused, isTouched, errors) => {
-  return [
-    styles?.control.input,
-    { "input-error": showErrors(isTouched, isFocused, errors) }
-  ];
-};
-const controlRenderer$7 = defineComponent({
-  name: "IntegerControlRenderer",
-  components: {
-    ControlWrapper
-  },
-  props: {
-    ...rendererProps()
-  },
-  setup(props) {
-    return useVanillaControlCustom(
+});
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "NumberControlRenderer",
+  props: { ...rendererProps() },
+  setup(__props) {
+    const props = __props;
+    const { control, onChange, appliedOptions, onFocus, onBlur, controlWrapper } = useVanillaControlCustom(
       useJsonFormsControl(props),
       (target) => target.value === "" ? void 0 : Number(target.value)
     );
-  },
-  computed: {
-    step() {
-      const options = this.appliedOptions;
-      return options.step ?? 1;
-    },
-    inputClass() {
-      return inputClasses(
-        this.styles,
-        this.isFocused,
-        this.isTouched,
-        this.controlWrapper?.errors
-      );
-    }
+    const steps = computed(() => appliedOptions.value.steps ?? 0.01);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(InputNumber), mergeProps(unref(controlWrapper), {
+        modelValue: unref(control).data,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(control).data = $event),
+        enabled: unref(control).enabled,
+        config: unref(appliedOptions),
+        steps: steps.value,
+        onChange: unref(onChange),
+        onFocus: unref(onFocus),
+        onBlur: unref(onBlur)
+      }), null, 16, ["modelValue", "enabled", "config", "steps", "onChange", "onFocus", "onBlur"]);
+    };
+  }
+});
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "StringControlRenderer",
+  props: { ...rendererProps() },
+  setup(__props) {
+    const props = __props;
+    const { control, onChange, appliedOptions, onFocus, onBlur, controlWrapper } = useVanillaControlCustom(useJsonFormsControl(props));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Input), mergeProps(unref(controlWrapper), {
+        modelValue: unref(control).data,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(control).data = $event),
+        enabled: unref(control).enabled,
+        config: unref(appliedOptions),
+        onChange: unref(onChange),
+        onFocus: unref(onFocus),
+        onBlur: unref(onBlur)
+      }), null, 16, ["modelValue", "enabled", "config", "onChange", "onFocus", "onBlur"]);
+    };
+  }
+});
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "TextAreaControlRenderer",
+  props: { ...rendererProps() },
+  setup(__props) {
+    const props = __props;
+    const { control, onChange, appliedOptions, onFocus, onBlur, controlWrapper } = useVanillaControlCustom(useJsonFormsControl(props));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Textarea), mergeProps(unref(controlWrapper), {
+        modelValue: unref(control).data,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(control).data = $event),
+        enabled: unref(control).enabled,
+        config: unref(appliedOptions),
+        onChange: unref(onChange),
+        onFocus: unref(onFocus),
+        onBlur: unref(onBlur)
+      }), null, 16, ["modelValue", "enabled", "config", "onChange", "onFocus", "onBlur"]);
+    };
   }
 });
-const entry$7 = {
-  renderer: controlRenderer$7,
-  tester: rankWith(1, isIntegerControl)
-};
-const _hoisted_1$9 = ["id", "step", "value", "disabled", "autofocus", "placeholder"];
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_control_wrapper = resolveComponent("control-wrapper");
-  return openBlock(), createBlock(_component_control_wrapper, mergeProps(_ctx.controlWrapper, { styles: _ctx.styles }), {
-    default: withCtx(() => [
-      createElementVNode("input", {
-        id: _ctx.control.id + "-input",
-        autocomplete: "off",
-        type: "number",
-        step: _ctx.step,
-        class: normalizeClass(_ctx.inputClass),
-        value: _ctx.control.data,
-        disabled: !_ctx.control.enabled,
-        autofocus: _ctx.appliedOptions.focus,
-        placeholder: _ctx.appliedOptions.placeholder,
-        onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
-        onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-        onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-      }, null, 42, _hoisted_1$9)
-    ]),
-    _: 1
-  }, 16, ["styles"]);
-}
-const IntegerControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$7, [["render", _sfc_render$6]]);
 const isAutoCompleteControl = and(
   // uiTypeIs('Control'),
   optionIs("format", ControlType.autocomplete)
@@ -228,228 +221,52 @@ const isCustomControl = (customType) => {
     optionIs("type", customType)
   );
 };
-const controlRenderer$6 = defineComponent({
-  name: "MarkdownControlRenderer",
-  components: {
-    Markdown
-  },
-  props: {
-    ...rendererProps()
-  },
-  setup(props) {
-    const control = useVanillaControlCustom(
-      useJsonFormsControl(props),
-      (target) => target.value ?? void 0
-    );
-    const field = control.appliedOptions.value.field;
-    const handleChange = (result) => {
-      const { path } = control.control.value;
-      control.handleChange(path, result);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "AutocompleteControlRenderer",
+  props: { ...rendererProps() },
+  setup(__props) {
+    const props = __props;
+    const { control, onChange, appliedOptions, onFocus, onBlur, controlWrapper } = useVanillaControlCustom(useJsonFormsControl(props), (target) => {
+      return target?.value ?? void 0;
+    });
+    const field = computed(() => appliedOptions.value.field);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Autocomplete), mergeProps(unref(controlWrapper), {
+        modelValue: unref(control).data,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(control).data = $event),
+        enabled: unref(control).enabled,
+        config: unref(appliedOptions),
+        "label-key": field.value?.label,
+        "value-key": field.value?.id,
+        onChange: unref(onChange),
+        onFocus: unref(onFocus),
+        onBlur: unref(onBlur)
+      }), null, 16, ["modelValue", "enabled", "config", "label-key", "value-key", "onChange", "onFocus", "onBlur"]);
     };
-    return { ...control, field, handleChange };
   }
 });
-const entry$6 = {
-  renderer: controlRenderer$6,
-  tester: rankWith(1, isMarkdownControl)
-};
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Markdown = resolveComponent("Markdown");
-  return openBlock(), createBlock(_component_Markdown, mergeProps(_ctx.controlWrapper, {
-    modelValue: _ctx.control.data,
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.control.data = $event),
-    enabled: _ctx.control.enabled,
-    config: _ctx.appliedOptions,
-    onChange: _ctx.handleChange,
-    onFocus: _ctx.onFocus,
-    onBlur: _ctx.onBlur
-  }), null, 16, ["modelValue", "enabled", "config", "onChange", "onFocus", "onBlur"]);
-}
-const MarkdownControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$6, [["render", _sfc_render$5]]);
-const controlRenderer$5 = defineComponent({
-  name: "NumberControlRenderer",
-  components: {
-    ControlWrapper
-  },
-  props: {
-    ...rendererProps()
-  },
-  setup(props) {
-    return useVanillaControlCustom(
-      useJsonFormsControl(props),
-      (target) => target.value === "" ? void 0 : Number(target.value)
-    );
-  },
-  computed: {
-    step() {
-      const options = this.appliedOptions;
-      return options.step ?? 0.1;
-    },
-    inputClass() {
-      return inputClasses(
-        this.styles,
-        this.isFocused,
-        this.isTouched,
-        this.controlWrapper?.errors
-      );
-    }
-  }
-});
-const entry$5 = {
-  renderer: controlRenderer$5,
-  tester: rankWith(1, isNumberControl)
-};
-const _hoisted_1$8 = ["id", "step", "value", "disabled", "autofocus", "placeholder"];
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_control_wrapper = resolveComponent("control-wrapper");
-  return openBlock(), createBlock(_component_control_wrapper, mergeProps(_ctx.controlWrapper, { styles: _ctx.styles }), {
-    default: withCtx(() => [
-      createElementVNode("input", {
-        id: _ctx.control.id + "-input",
-        autocomplete: "off",
-        type: "number",
-        step: _ctx.step,
-        class: normalizeClass(_ctx.inputClass),
-        value: _ctx.control.data,
-        disabled: !_ctx.control.enabled,
-        autofocus: _ctx.appliedOptions.focus,
-        placeholder: _ctx.appliedOptions.placeholder,
-        onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
-        onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-        onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-      }, null, 42, _hoisted_1$8)
-    ]),
-    _: 1
-  }, 16, ["styles"]);
-}
-const NumberControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$5, [["render", _sfc_render$4]]);
-const controlRenderer$4 = defineComponent({
-  name: "StringControlRenderer",
-  components: {
-    ControlWrapper
-  },
-  props: {
-    ...rendererProps()
-  },
-  setup(props) {
-    return useVanillaControlCustom(
-      useJsonFormsControl(props),
-      (target) => target.value ?? void 0
-    );
-  },
-  computed: {
-    inputClass() {
-      return inputClasses(
-        this.styles,
-        this.isFocused,
-        this.isTouched,
-        this.controlWrapper?.errors
-      );
-    }
-  }
-});
-const entry$4 = {
-  renderer: controlRenderer$4,
-  tester: rankWith(1, isStringFormat)
-};
-const _hoisted_1$7 = ["id", "value", "disabled", "autofocus", "placeholder"];
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ControlWrapper = resolveComponent("ControlWrapper");
-  return openBlock(), createBlock(_component_ControlWrapper, mergeProps(_ctx.controlWrapper, { styles: _ctx.styles }), {
-    default: withCtx(() => [
-      createElementVNode("input", {
-        id: _ctx.control.id + "-input",
-        type: "text",
-        class: normalizeClass(_ctx.inputClass),
-        value: _ctx.control.data,
-        disabled: !_ctx.control.enabled,
-        autofocus: _ctx.appliedOptions.focus,
-        placeholder: _ctx.appliedOptions.placeholder,
-        autocomplete: "off",
-        onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
-        onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-        onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-      }, null, 42, _hoisted_1$7)
-    ]),
-    _: 1
-  }, 16, ["styles"]);
-}
-const StringControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$4, [["render", _sfc_render$3]]);
-const controlRenderer$3 = defineComponent({
-  name: "TextAreaControlRenderer",
-  components: {
-    ControlWrapper
+const controlRenderers = [
+  // First custom renderers on format
+  {
+    tester: rankWith(10, isMarkdownControl),
+    renderer: _sfc_main$a
   },
-  props: {
-    ...rendererProps()
+  {
+    tester: rankWith(10, isAutoCompleteControl),
+    renderer: _sfc_main$6
   },
-  setup(props) {
-    return useVanillaControlCustom(
-      useJsonFormsControl(props),
-      (target) => target.value ?? void 0
-    );
-  }
-});
-const entry$3 = {
-  renderer: controlRenderer$3,
-  tester: rankWith(1, isTextAreaControl)
-};
-const controlRenderer$2 = defineComponent({
-  name: "AutocompleteControlRenderer",
-  components: {
-    Autocomplete
+  {
+    tester: rankWith(10, isTextAreaControl),
+    renderer: _sfc_main$7
   },
-  props: {
-    ...rendererProps()
-  },
-  setup(props) {
-    const control = useVanillaControlCustom(
-      useJsonFormsControl(props),
-      (target) => target.value ?? void 0
-    );
-    const field = control.appliedOptions.value.field;
-    const handleChange = (result) => {
-      const { path } = control.control.value;
-      control.handleChange(path, result);
-    };
-    return { ...control, field, handleChange };
-  }
-});
-const entry$2 = {
-  renderer: controlRenderer$2,
-  tester: rankWith(1, isAutoCompleteControl)
-};
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Autocomplete = resolveComponent("Autocomplete");
-  return openBlock(), createBlock(_component_Autocomplete, mergeProps(_ctx.controlWrapper, {
-    modelValue: _ctx.control.data,
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.control.data = $event),
-    enabled: _ctx.control.enabled,
-    config: _ctx.appliedOptions,
-    "label-key": _ctx.field?.label,
-    "value-key": _ctx.field?.id,
-    onChange: _ctx.handleChange,
-    onFocus: _ctx.onFocus,
-    onBlur: _ctx.onBlur
-  }), null, 16, ["modelValue", "enabled", "config", "label-key", "value-key", "onChange", "onFocus", "onBlur"]);
-}
-const AutocompleteControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$2, [["render", _sfc_render$2]]);
-const controlRenderers = [
-  // First custom renderers on format
-  entry$6,
-  entry$2,
-  entry$3,
-  // multiStringControlRendererEntry,
-  // enumControlRendererEntry,
-  // oneOfEnumControlRendererEntry,
-  // dateControlRendererEntry,
-  // dateTimeControlRendererEntry,
-  // timeControlRendererEntry,
-  entry$8,
   // Renderers based on type if no format is provided
-  entry$4,
-  entry$5,
-  entry$7
+  { tester: rankWith(10, isStringFormat), renderer: _sfc_main$8 },
+  { tester: rankWith(10, isNumberControl), renderer: _sfc_main$9 },
+  {
+    tester: rankWith(10, isIntegerControl),
+    renderer: _sfc_main$b
+  },
+  { tester: rankWith(10, isBooleanControl), renderer: _sfc_main$c }
 ];
 const actionMap = {
   edit: (router, action) => ({
@@ -557,6 +374,13 @@ const entry$1 = {
   renderer: controlRenderer$1,
   tester: rankWith(2, isArrayRenderer)
 };
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
 const _hoisted_1$6 = { class: "fieldset" };
 const _hoisted_2$2 = { class: "flex gap-2 items-center" };
 const _hoisted_3$2 = { class: "mt-3 flex gap-2" };
@@ -1411,8 +1235,8 @@ const createRepository = (formSchemaModel, httpRequest, options = {}) => {
 };
 export {
   ArrayRenderer,
-  AutocompleteControlRenderer,
-  BooleanControlRenderer,
+  _sfc_main$6 as AutocompleteControlRenderer,
+  _sfc_main$c as BooleanControlRenderer,
   FixedArrayRenderer,
   _sfc_main$2 as FormComponent,
   _sfc_main as FormModal,
@@ -1420,9 +1244,9 @@ export {
   FormStore,
   _sfc_main$1 as FormWithActions,
   _sfc_main$3 as FormWithTableComponent,
-  IntegerControlRenderer,
-  NumberControlRenderer,
-  StringControlRenderer,
+  _sfc_main$b as IntegerControlRenderer,
+  _sfc_main$9 as NumberControlRenderer,
+  _sfc_main$8 as StringControlRenderer,
   _sfc_main$4 as TableComponent,
   arrayRenderers,
   controlRenderers,
@@ -1435,6 +1259,6 @@ export {
   isStringFormat,
   isTextAreaControl,
   layoutRenderers,
-  MarkdownControlRenderer as markdownControlRenderer,
+  _sfc_main$a as markdownControlRenderer,
   useFormState
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ghentcdh/json-forms-vue",
-  "version": "0.6.5",
+  "version": "0.6.7",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",