@koumoul/vjsf 3.0.0-beta.23 → 3.0.0-beta.25

package/README.md

@@ -0,0 +1,21 @@
+# VJSF
+
+*vuetify-json-schema-form* - *@koumoul/vjsf on npm*
+
+Easily create beautiful forms that output valid data.
+
+Based on [Vue.js](https://vuejs.org/) / [Vuetify](https://vuetifyjs.com/) / [JSON Schema](https://json-schema.org/) / [JSON Layout](https://github.com/json-layout/json-layout).
+
+See [the documentation](https://koumoul-dev.github.io/vuetify-jsonschema-form/latest/).
+
+See [the documentation for deprecated v2](https://koumoul-dev.github.io/vuetify-jsonschema-form/2.x/).
+
+![](doc/static/vjsf.gif)
+
+## Bug reports
+
+Bug reports are created using github issues. The examples in the documentation include codepen links, as much as possible please save a duplicate codepen with the minimal schema/config to reproduce your problem.
+
+## Contribute
+
+See [CONTRIBUTE.md](./CONTRIBUTE.md).

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@koumoul/vjsf",
-  "version": "3.0.0-beta.23",
+  "version": "3.0.0-beta.25",
   "description": "Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.",
   "scripts": {
     "test": "vitest",
     "build": "vue-tsc",
-    "watch:build": "vue-tsc --watch"
+    "watch:build": "vue-tsc --watch",
+    "prepublishOnly": "cp ../README.md README.md && cp ../LICENSE LICENSE"
   },
   "author": "Alban Mouton <alban.mouton@gmail.com>",
   "license": "MIT",
@@ -75,7 +76,7 @@
     "vuetify": "^3.6.8"
   },
   "dependencies": {
-    "@json-layout/core": "0.19.0",
+    "@json-layout/core": "0.21.1",
     "@vueuse/core": "^10.5.0",
     "debug": "^4.3.4",
     "ejs": "^3.1.9"

package/src/compat/v2.js

@@ -6,23 +6,57 @@ import { isPartialGetItemsObj } from '@json-layout/vocabulary'
 // @ts-ignore
 const Ajv = /** @type {typeof ajvModule.default} */ (ajvModule)
 
+const expressionKeyMappings = {
+  modelRoot: 'rootData',
+  root: 'rootData',
+  model: 'data',
+  value: 'data'
+}
+
+/**
+ * @param {string} expression
+ * @returns {string}
+ */
+const prefixExpression = (expression) => {
+  // looks like a simple expression missing the data. prefix
+  if (expression.match(/^[a-z.]*$/i) && !['data', 'context', 'rootData', 'parent'].some(key => expression.startsWith(key + '.'))) {
+    return 'rootData.' + expression
+  }
+  return expression
+}
+
 /**
  *
  * @param {string} expression
- * @returns {{type: 'js-eval' | undefined, expr: string, pure: boolean}}
+ * @param {'js-eval' | 'js-tpl'} [type]
+ * @returns {{type: 'js-eval' | 'js-tpl', expr: string, pure: boolean}}
  */
-const fixEvalExpression = (expression) => {
+const fixExpression = (expression, type = 'js-eval') => {
   let expr = expression
   let pure = true
-  if (expr.includes('rootData')) {
-    pure = false
-  }
+
   if (expr.includes('parent.value')) {
     pure = false
     expr = expr.replace(/parent\.value/g, 'parent.data')
   }
 
-  return { type: 'js-eval', expr, pure }
+  for (const [key, value] of Object.entries(expressionKeyMappings)) {
+    expr = expr.replace(new RegExp(`${key}\\.`, 'g'), value + '.')
+  }
+  if (type === 'js-eval') {
+    expr = prefixExpression(expr)
+  }
+  if (type === 'js-tpl') {
+    for (const expressionMatch of expr.matchAll(/\{(.*?)\}/g)) {
+      if (expressionMatch[1] !== 'q') expr = expr.replace(expressionMatch[0], '${' + prefixExpression(expressionMatch[1]) + '}')
+    }
+  }
+
+  if (expr.includes('rootData')) {
+    pure = false
+  }
+
+  return { type, expr, pure }
 }
 
 const processFragment = (/** @type {import("ajv").SchemaObject} */schema) => {
@@ -62,22 +96,19 @@ const processFragment = (/** @type {import("ajv").SchemaObject} */schema) => {
 
     if (schema['x-fromData']) {
       layout.comp = layout.comp ?? 'select'
-      layout.getItems = fixEvalExpression(schema['x-fromData'])
+      layout.getItems = fixExpression(schema['x-fromData'])
       delete schema['x-fromData']
     }
 
     if (schema['x-if']) {
-      layout.if = fixEvalExpression(schema['x-if'])
+      layout.if = fixExpression(schema['x-if'])
       delete schema['x-if']
     }
 
     if (schema['x-fromUrl']) {
       /** @type string */
-      let url = schema['x-fromUrl']
-      for (const expressionMatch of url.matchAll(/\{(.*?)\}/g)) {
-        if (expressionMatch[1] !== 'q') url = url.replace(expressionMatch[0], '$' + expressionMatch[0])
-      }
-      layout.getItems = { url }
+      const url = schema['x-fromUrl']
+      layout.getItems = { url: fixExpression(url, 'js-tpl') }
       delete schema['x-fromUrl']
     }
     if (layout.getItems && isPartialGetItemsObj(layout.getItems)) {
@@ -92,6 +123,10 @@ const processFragment = (/** @type {import("ajv").SchemaObject} */schema) => {
       delete schema['x-itemsProp']
     }
 
+    if (schema['x-cols']) {
+      layout.cols = schema['x-cols']
+    }
+
     // compact the layout keyword if possible
     if (Object.keys(layout).length === 1 && 'comp' in layout) {
       schema.layout = layout.comp

package/src/components/fragments/select-item-icon.vue

@@ -20,7 +20,7 @@ export default defineComponent({
       } else if (isSVG.value) {
         return h('div', { innerHTML: props.icon.replace('<svg ', '<svg class="v-icon__svg" '), class: 'v-icon' })
       } else {
-        return h(VIcon, null, props.icon)
+        return h(VIcon, null, () => props.icon)
       }
     }
   }

package/src/components/fragments/select-selection.vue

@@ -18,6 +18,7 @@ defineProps({
     required: true
   }
 })
+
 </script>
 
 <template>
@@ -26,7 +27,7 @@ defineProps({
       v-if="item.icon"
       :icon="item.icon"
     />
-    {{ item.title }}
+    {{ item.title ?? item.key ?? item.value }}
     <span
       v-if="multiple && !last"
       class="v-select__selection-comma"

package/src/components/fragments/selection-group.vue

@@ -1,7 +1,8 @@
 <script>
 import { VInput, VLabel, VCheckbox, VSwitch, VSkeletonLoader } from 'vuetify/components'
-import { defineComponent, h, computed, ref, shallowRef } from 'vue'
+import { defineComponent, h, computed } from 'vue'
 import { getInputProps, getCompSlots } from '../../utils/index.js'
+import useGetItems from '../../composables/use-get-items.js'
 
 export default defineComponent({
   props: {
@@ -21,10 +22,7 @@ export default defineComponent({
     }
   },
   setup (props) {
-    /** @type import('vue').Ref<import('@json-layout/vocabulary').SelectItems> */
-    const items = shallowRef([])
-    /** @type import('vue').Ref<boolean> */
-    const loading = ref(false)
+    const getItems = useGetItems(props)
 
     const fieldProps = computed(() => {
       const fieldProps = getInputProps(props.modelValue, props.statefulLayout)
@@ -33,24 +31,6 @@ export default defineComponent({
       return fieldProps
     })
 
-    /** @type import('@json-layout/core').StateTree | null */
-    let lastStateTree = null
-    /** @type Record<string, any> | null */
-    let lastContext = null
-
-    const refresh = async () => {
-      if (props.statefulLayout.stateTree === lastStateTree && props.statefulLayout.options.context === lastContext) return
-      lastStateTree = props.statefulLayout.stateTree
-      lastContext = props.statefulLayout.options.context ?? null
-      loading.value = true
-      items.value = await props.statefulLayout.getItems(props.modelValue)
-      loading.value = false
-    }
-
-    if (!props.modelValue.layout.items) {
-      refresh()
-    }
-
     const fieldSlots = computed(() => {
       const slots = getCompSlots(props.modelValue, props.statefulLayout)
 
@@ -58,12 +38,12 @@ export default defineComponent({
         slots.default = () => {
           /** @type {import('vue').VNode[]} */
           const children = [h(VLabel, { text: fieldProps.value.label })]
-          if (loading.value) {
+          if (getItems.loading.value) {
             children.push(h(VSkeletonLoader, { type: 'chip' }))
           } else {
             /** @type {import('vue').VNode[]} */
             const checkboxes = []
-            for (const item of items.value) {
+            for (const item of getItems.items.value) {
               let modelValue = false
               if (props.modelValue.layout.multiple) {
                 modelValue = props.modelValue.data?.includes(item.value)

package/src/components/fragments/text-field-menu.vue

@@ -24,6 +24,10 @@ const props = defineProps({
 const fieldProps = computed(() => {
   const fieldProps = getInputProps(props.modelValue, props.statefulLayout, [], false)
   fieldProps.readonly = true
+  fieldProps.clearable = fieldProps.clearable ?? !props.modelValue.skeleton.required
+  fieldProps['onClick:clear'] = () => {
+    props.statefulLayout.input(props.modelValue, null)
+  }
   return fieldProps
 })
 

package/src/components/nodes/autocomplete.vue

@@ -1,7 +1,8 @@
 <script>
 import { VAutocomplete } from 'vuetify/components'
-import { defineComponent, computed, ref, shallowRef, h } from 'vue'
+import { defineComponent, computed, h } from 'vue'
 import { getInputProps, getCompSlots } from '../../utils/index.js'
+import useGetItems from '../../composables/use-get-items.js'
 import SelectItem from '../fragments/select-item.vue'
 import SelectSelection from '../fragments/select-selection.vue'
 
@@ -13,54 +14,27 @@ export default defineComponent({
       required: true
     },
     statefulLayout: {
-    /** @type import('vue').PropType<import('../../types.js').VjsfStatefulLayout> */
+      /** @type import('vue').PropType<import('../../types.js').VjsfStatefulLayout> */
       type: Object,
       required: true
     }
   },
   setup (props) {
-    /** @type import('vue').ShallowRef<import('@json-layout/vocabulary').SelectItems> */
-    const items = shallowRef([])
-    /** @type import('vue').Ref<boolean> */
-    const loading = ref(false)
-    /** @type import('vue').Ref<string> */
-    const search = ref('')
+    const getItems = useGetItems(props)
 
     const fieldProps = computed(() => {
       const fieldProps = getInputProps(props.modelValue, props.statefulLayout, ['multiple'])
       if (props.modelValue.options.readOnly) fieldProps.menuProps = { modelValue: false }
       fieldProps.noFilter = true
       fieldProps['onUpdate:search'] = (/** @type string */searchValue) => {
-        search.value = searchValue
-        refresh()
+        getItems.search.value = searchValue
       }
-      fieldProps['onUpdate:menu'] = refresh
-      fieldProps.items = items.value
-      fieldProps.loading = loading.value
+      fieldProps.items = getItems.items.value
+      fieldProps.loading = getItems.loading.value
+      fieldProps.clearable = fieldProps.clearable ?? !props.modelValue.skeleton.required
       return fieldProps
     })
 
-    /** @type import('@json-layout/core').StateTree | null */
-    let lastStateTree = null
-    /** @type Record<string, any> | null */
-    let lastContext = null
-    /** @type string */
-    let lastSearch = ''
-
-    const refresh = async () => {
-      if (props.statefulLayout.stateTree === lastStateTree && props.statefulLayout.options.context === lastContext && search.value === lastSearch) return
-      loading.value = true
-      items.value = await props.statefulLayout.getItems(props.modelValue, search.value)
-      lastStateTree = props.statefulLayout.stateTree
-      lastContext = props.statefulLayout.options.context ?? null
-      lastSearch = search.value
-      loading.value = false
-    }
-
-    if (!props.modelValue.layout.items) {
-      refresh()
-    }
-
     const fieldSlots = computed(() => {
       const slots = getCompSlots(props.modelValue, props.statefulLayout)
       if (!slots.item) {
@@ -74,7 +48,7 @@ export default defineComponent({
         slots.selection = (/** @type {any} */ context) => h(SelectSelection, {
           multiple: props.modelValue.layout.multiple,
           last: props.modelValue.layout.multiple && context.index === props.modelValue.data.length - 1,
-          item: context.item.raw
+          item: getItems.prepareSelectedItem(context.item.raw, context.item.value)
         })
       }
       return slots

package/src/components/nodes/list.vue

@@ -142,7 +142,7 @@ const itemBorderColor = computed(() => (/** @type {import('@json-layout/core').S
                   />
                   <v-btn
                     v-else
-                    :title="modelValue.messages.edit"
+                    :title="modelValue.messages.close"
                     icon="mdi-close"
                     variant="flat"
                     color="primary"

package/src/components/nodes/radio-group.vue

@@ -1,7 +1,8 @@
 <script>
 import { VRadioGroup, VRadio, VSkeletonLoader } from 'vuetify/components'
-import { defineComponent, h, computed, ref, shallowRef } from 'vue'
+import { defineComponent, h, computed } from 'vue'
 import { getInputProps, getCompSlots } from '../../utils/index.js'
+import useGetItems from '../../composables/use-get-items.js'
 
 export default defineComponent({
   props: {
@@ -17,42 +18,21 @@ export default defineComponent({
     }
   },
   setup (props) {
-    /** @type import('vue').Ref<import('@json-layout/vocabulary').SelectItems> */
-    const items = shallowRef([])
-    /** @type import('vue').Ref<boolean> */
-    const loading = ref(false)
+    const getItems = useGetItems(props)
 
     const fieldProps = computed(() => {
       const fieldProps = getInputProps(props.modelValue, props.statefulLayout)
       return fieldProps
     })
 
-    /** @type import('@json-layout/core').StateTree | null */
-    let lastStateTree = null
-    /** @type Record<string, any> | null */
-    let lastContext = null
-
-    const refresh = async () => {
-      if (props.statefulLayout.stateTree === lastStateTree && props.statefulLayout.options.context === lastContext) return
-      lastStateTree = props.statefulLayout.stateTree
-      lastContext = props.statefulLayout.options.context ?? null
-      loading.value = true
-      items.value = await props.statefulLayout.getItems(props.modelValue)
-      loading.value = false
-    }
-
-    if (!props.modelValue.layout.items) {
-      refresh()
-    }
-
     const fieldSlots = computed(() => {
       const slots = getCompSlots(props.modelValue, props.statefulLayout)
       /** @type {import('vue').VNode[]} */
       const children = []
-      if (loading.value) {
+      if (getItems.loading.value) {
         children.push(h(VSkeletonLoader, { type: 'chip' }))
       } else {
-        for (const item of items.value) {
+        for (const item of getItems.items.value) {
           children.push(h(VRadio, { label: item.title, value: item.value }))
         }
       }

package/src/components/nodes/select.vue

@@ -1,7 +1,8 @@
 <script>
 import { VSelect } from 'vuetify/components'
-import { defineComponent, h, computed, ref, shallowRef } from 'vue'
+import { defineComponent, h, computed } from 'vue'
 import { getInputProps, getCompSlots } from '../../utils/index.js'
+import useGetItems from '../../composables/use-get-items.js'
 import SelectItem from '../fragments/select-item.vue'
 import SelectSelection from '../fragments/select-selection.vue'
 
@@ -19,38 +20,17 @@ export default defineComponent({
     }
   },
   setup (props) {
-    /** @type import('vue').Ref<import('@json-layout/vocabulary').SelectItems> */
-    const items = shallowRef([])
-    /** @type import('vue').Ref<boolean> */
-    const loading = ref(false)
+    const getItems = useGetItems(props)
 
     const fieldProps = computed(() => {
       const fieldProps = getInputProps(props.modelValue, props.statefulLayout, ['multiple'])
       if (props.modelValue.options.readOnly) fieldProps.menuProps = { modelValue: false }
-      fieldProps.loading = loading.value
-      fieldProps.items = items.value
-      fieldProps['onUpdate:menu'] = refresh
+      fieldProps.loading = getItems.loading.value
+      fieldProps.items = getItems.items.value
+      fieldProps.clearable = fieldProps.clearable ?? !props.modelValue.skeleton.required
       return fieldProps
     })
 
-    /** @type import('@json-layout/core').StateTree | null */
-    let lastStateTree = null
-    /** @type Record<string, any> | null */
-    let lastContext = null
-
-    const refresh = async () => {
-      if (props.statefulLayout.stateTree === lastStateTree && props.statefulLayout.options.context === lastContext) return
-      lastStateTree = props.statefulLayout.stateTree
-      lastContext = props.statefulLayout.options.context ?? null
-      loading.value = true
-      items.value = await props.statefulLayout.getItems(props.modelValue)
-      loading.value = false
-    }
-
-    if (!props.modelValue.layout.items) {
-      refresh()
-    }
-
     const fieldSlots = computed(() => {
       const slots = getCompSlots(props.modelValue, props.statefulLayout)
       if (!slots.item) {
@@ -64,7 +44,7 @@ export default defineComponent({
         slots.selection = (/** @type {any} */ context) => h(SelectSelection, {
           multiple: props.modelValue.layout.multiple,
           last: props.modelValue.layout.multiple && context.index === props.modelValue.data.length - 1,
-          item: context.item.raw
+          item: getItems.prepareSelectedItem(context.item.raw, context.item.value)
         })
       }
       return slots

package/src/composables/use-get-items.js

@@ -0,0 +1,48 @@
+import { watch, shallowRef, ref, computed } from 'vue'
+
+/**
+ * @param {{modelValue: import('@json-layout/core').StateNode, statefulLayout: import('../types.js').VjsfStatefulLayout}} props
+ */
+export default function (props) {
+  /** @type import('vue').Ref<import('@json-layout/vocabulary').SelectItems> */
+  const items = shallowRef([])
+  /** @type import('vue').Ref<boolean> */
+  const loading = ref(false)
+  /** @type import('vue').Ref<string> */
+  const search = ref('')
+
+  const fetchItems = async () => {
+    loading.value = true
+    items.value = await props.statefulLayout.getItems(props.modelValue, search.value)
+    loading.value = false
+  }
+
+  watch(() => props.modelValue.itemsCacheKey, (newValue, oldValue) => {
+    if (newValue === oldValue) return
+    fetchItems()
+  }, { immediate: true })
+
+  watch(search, () => {
+    fetchItems()
+  })
+
+  /**
+   * @param {any} selectedItem
+   * @param {any} itemValue
+   */
+  const prepareSelectedItem = (selectedItem, itemValue) => {
+    let item = selectedItem
+    // item and value are the same when the selection is not found in items list
+    if (selectedItem === itemValue) {
+      try {
+        item = props.statefulLayout.prepareSelectItem(props.modelValue, selectedItem)
+        if (item.value === undefined) item.value = itemValue
+      } catch (e) {
+        item = { value: itemValue }
+      }
+    }
+    return item
+  }
+
+  return { items, loading, search, prepareSelectedItem }
+}

package/types/compat/v2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"v2.d.ts","sourceRoot":"","sources":["../../src/compat/v2.js"],"names":[],"mappings":"AAqJA;;;;;;GAMG;AACH,kCALW,MAAM,+CAEN,MAAM,0BAkBhB;sBA3KqB,KAAK"}
+{"version":3,"file":"v2.d.ts","sourceRoot":"","sources":["../../src/compat/v2.js"],"names":[],"mappings":"AAoLA;;;;;;GAMG;AACH,kCALW,MAAM,+CAEN,MAAM,0BAkBhB;sBA1MqB,KAAK"}

package/types/components/fragments/select-item.vue.d.ts

@@ -1,11 +1,11 @@
 declare const _default: import("vue").DefineComponent<{}, {
     multiple: boolean;
-    item: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem;
     itemProps: Record<string, any>;
+    item: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem;
     $props: {
         readonly multiple?: boolean | undefined;
-        readonly item?: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem | undefined;
         readonly itemProps?: Record<string, any> | undefined;
+        readonly item?: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/types/components/fragments/selection-group.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-group.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/selection-group.vue.js"],"names":[],"mappings":";;QASM,mFAAmF;cAAzE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,qBAAqB,CAAC;;;;QAKhF,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;;;;;;;;QAL7E,mFAAmF;cAAzE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,qBAAqB,CAAC;;;;QAKhF,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC"}
+{"version":3,"file":"selection-group.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/selection-group.vue.js"],"names":[],"mappings":";;QAUM,mFAAmF;cAAzE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,qBAAqB,CAAC;;;;QAKhF,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;;;;;;;;QAL7E,mFAAmF;cAAzE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,qBAAqB,CAAC;;;;QAKhF,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC"}

package/types/components/fragments/text-field-menu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field-menu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/text-field-menu.vue.js"],"names":[],"mappings":";;;;;;;;;;6BAkIsC,GAAG;;;QACX,GAAG"}
+{"version":3,"file":"text-field-menu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/text-field-menu.vue.js"],"names":[],"mappings":";;;;;;;;;;6BAsIsC,GAAG;;;QACX,GAAG"}

package/types/components/nodes/autocomplete.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.vue.d.ts","sourceRoot":"","sources":["../../../src/components/nodes/autocomplete.vue.js"],"names":[],"mappings":";;QAWI,4EAA4E;cAAlE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,cAAc,CAAC;;;;QAKzE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;;;;QAL7E,4EAA4E;cAAlE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,cAAc,CAAC;;;;QAKzE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC"}
+{"version":3,"file":"autocomplete.vue.d.ts","sourceRoot":"","sources":["../../../src/components/nodes/autocomplete.vue.js"],"names":[],"mappings":";;QAYI,4EAA4E;cAAlE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,cAAc,CAAC;;;;QAKvE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;;;;QAL/E,4EAA4E;cAAlE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,cAAc,CAAC;;;;QAKvE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC"}

package/types/components/nodes/radio-group.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.vue.d.ts","sourceRoot":"","sources":["../../../src/components/nodes/radio-group.vue.js"],"names":[],"mappings":";;QASM,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;QAK7E,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;;;;QAL7E,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;QAK7E,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC"}
+{"version":3,"file":"radio-group.vue.d.ts","sourceRoot":"","sources":["../../../src/components/nodes/radio-group.vue.js"],"names":[],"mappings":";;QAUM,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;QAK7E,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;;;;QAL7E,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;QAK7E,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC"}

package/types/components/nodes/select.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.vue.d.ts","sourceRoot":"","sources":["../../../src/components/nodes/select.vue.js"],"names":[],"mappings":";;QAWI,4EAA4E;cAAlE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,cAAc,CAAC;;;;QAKzE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;;;;QAL7E,4EAA4E;cAAlE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,cAAc,CAAC;;;;QAKzE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC"}
+{"version":3,"file":"select.vue.d.ts","sourceRoot":"","sources":["../../../src/components/nodes/select.vue.js"],"names":[],"mappings":";;QAYI,4EAA4E;cAAlE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,cAAc,CAAC;;;;QAKzE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;;;;QAL7E,4EAA4E;cAAlE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,cAAc,CAAC;;;;QAKzE,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC"}

package/types/components/vjsf.vue.d.ts

@@ -1,12 +1,12 @@
 declare const _default: import("vue").DefineComponent<{}, {
     $emit: ((event: "update:modelValue", data: any) => void) & ((event: "update:state", state: import("../types.js").VjsfStatefulLayout) => void);
-    options: Partial<Omit<import("../types.js").VjsfOptions, "width" | "vjsfSlots">> | null;
     modelValue: any;
+    options: Partial<Omit<import("../types.js").VjsfOptions, "width" | "vjsfSlots">> | null;
     schema: Record<string, any>;
     precompiledLayout: import("../../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout;
     $props: {
-        readonly options?: Partial<Omit<import("../types.js").VjsfOptions, "width" | "vjsfSlots">> | null | undefined;
         readonly modelValue?: any;
+        readonly options?: Partial<Omit<import("../types.js").VjsfOptions, "width" | "vjsfSlots">> | null | undefined;
         readonly schema?: Record<string, any> | undefined;
         readonly precompiledLayout?: import("../../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout | undefined;
     };

package/types/composables/use-get-items.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @param {{modelValue: import('@json-layout/core').StateNode, statefulLayout: import('../types.js').VjsfStatefulLayout}} props
+ */
+export default function _default(props: {
+    modelValue: import('@json-layout/core').StateNode;
+    statefulLayout: import('../types.js').VjsfStatefulLayout;
+}): {
+    items: import("vue").Ref<import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems>;
+    loading: import("vue").Ref<boolean>;
+    search: import("vue").Ref<string>;
+    prepareSelectedItem: (selectedItem: any, itemValue: any) => any;
+};
+//# sourceMappingURL=use-get-items.d.ts.map

package/types/composables/use-get-items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-get-items.d.ts","sourceRoot":"","sources":["../../src/composables/use-get-items.js"],"names":[],"mappings":"AAEA;;GAEG;AACH,wCAFW;IAAC,UAAU,EAAE,OAAO,mBAAmB,EAAE,SAAS,CAAC;IAAC,cAAc,EAAE,OAAO,aAAa,EAAE,kBAAkB,CAAA;CAAC;;;;wCA0B3G,GAAG,aACH,GAAG;EAiBf"}