@koumoul/vjsf 3.0.0-beta.32 → 3.0.0-beta.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koumoul/vjsf",
-  "version": "3.0.0-beta.32",
+  "version": "3.0.0-beta.34",
   "description": "Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.",
   "scripts": {
     "test": "vitest",
@@ -73,10 +73,10 @@
   },
   "peerDependencies": {
     "vue": "^3.4.3",
-    "vuetify": "^3.6.8"
+    "vuetify": "^3.6.13"
   },
   "dependencies": {
-    "@json-layout/core": "0.27.0",
+    "@json-layout/core": "0.28.1",
     "@vueuse/core": "^10.5.0",
     "debug": "^4.3.4",
     "ejs": "^3.1.9"

package/src/components/fragments/help-message.vue

@@ -23,7 +23,9 @@
 </template>
 
 <script setup>
-import { VAlert, VBtn, VSlideXReverseTransition } from 'vuetify/components'
+import { VSlideXReverseTransition } from 'vuetify/components/transitions'
+import { VAlert} from 'vuetify/components/VAlert'
+import { VBtn } from 'vuetify/components/VBtn'
 import { ref } from 'vue'
 
 defineProps({

package/src/components/fragments/section-header.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { VAlert } from 'vuetify/components'
+import { VAlert } from 'vuetify/components/VAlert'
 import { computed } from 'vue'
 
 const props = defineProps({
@@ -7,6 +7,10 @@ const props = defineProps({
     /** @type import('vue').PropType<import('../../types.js').VjsfNode> */
     type: Object,
     required: true
+  },
+  hideTitle: {
+    type: Boolean,
+    default: false
   }
 })
 
@@ -27,12 +31,12 @@ const titleClass = computed(() => {
 
 <template>
   <div
-    v-if="node.layout.title ?? node.layout.subtitle ?? (node.error && node.validated)"
+    v-if="(node.layout.title && !hideTitle) || node.layout.subtitle || (node.error && node.validated)"
     :class="`mb-${titleDepthBase - node.options.titleDepth} mt-${titleDepthBase - node.options.titleDepth}`"
   >
     <component
       :is="`h${node.options.titleDepth}`"
-      v-if="node.layout.title"
+      v-if="node.layout.title && !hideTitle"
       :class="`${titleClass}`"
     >
       {{ node.layout.title }}

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

@@ -2,7 +2,7 @@
 // cf https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VSelect/VSelect.tsx#L374
 
 import { defineComponent, h, computed } from 'vue'
-import { VIcon } from 'vuetify/components'
+import { VIcon } from 'vuetify/components/VIcon'
 
 export default defineComponent({
   props: {

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

@@ -1,7 +1,8 @@
 <script setup>
 // cf https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VSelect/VSelect.tsx#L374
 
-import { VListItem, VCheckboxBtn } from 'vuetify/components'
+import { VCheckboxBtn } from 'vuetify/components/VCheckbox'
+import { VListItem } from 'vuetify/components/VList'
 import VSelectItemIcon from './select-item-icon.vue'
 
 defineProps({

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

@@ -1,5 +1,9 @@
 <script>
-import { VInput, VLabel, VCheckbox, VSwitch, VSkeletonLoader } from 'vuetify/components'
+import { VSkeletonLoader } from 'vuetify/components/VSkeletonLoader'
+import { VInput } from 'vuetify/components/VInput'
+import { VLabel } from 'vuetify/components/VLabel'
+import { VCheckbox } from 'vuetify/components/VCheckbox'
+import { VSwitch } from 'vuetify/components/VSwitch'
 import { defineComponent, h, computed } from 'vue'
 import { getInputProps, getCompSlots } from '../../utils/index.js'
 import useGetItems from '../../composables/use-get-items.js'

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

@@ -1,5 +1,6 @@
 <script setup>
-import { VMenu, VTextField } from 'vuetify/components'
+import { VMenu } from 'vuetify/components/VMenu'
+import { VTextField } from 'vuetify/components/VTextField'
 import { computed, ref } from 'vue'
 import { getCompProps, getInputProps } from '../../utils/index.js'
 

package/src/components/node.vue

@@ -1,7 +1,8 @@
 <script setup>
 import { computed } from 'vue'
 import { useTheme, useDefaults } from 'vuetify'
-import { VCol, VDefaultsProvider } from 'vuetify/components'
+import { VCol } from 'vuetify/components/VGrid'
+import { VDefaultsProvider } from 'vuetify/components/VDefaultsProvider'
 import NodeSlot from './fragments/node-slot.vue'
 import HelpMessage from './fragments/help-message.vue'
 
@@ -29,11 +30,23 @@ const beforeAfterClasses = {
 
 const theme = useTheme()
 
+const indent = computed(() => {
+  if (props.modelValue.parentFullKey === null) return 0
+  if (!props.modelValue.options.indent) return 0
+  if (props.modelValue.layout.comp !== 'section') return 0
+  if (!props.modelValue.layout.title) return 0
+  if (typeof props.modelValue.options.indent === 'number') return props.modelValue.options.indent
+  if (props.modelValue.options.density === 'compact') return 2
+  if (props.modelValue.options.density === 'comfortable') return 4
+  return 6
+})
+
 const nodeClasses = computed(() => {
   let classes = `vjsf-node vjsf-node-${props.modelValue.layout.comp} vjsf-density-${props.modelValue.options.density}`
   if (props.modelValue.options.readOnly) classes += ' vjsf-readonly'
   if (props.modelValue.options.summary) classes += ' vjsf-summary'
   if (theme.current.value.dark) classes += ' vjsf-dark'
+  if (indent.value) classes += ' ml-' + indent.value
   return classes
 })
 

package/src/components/nodes/autocomplete.vue

@@ -1,5 +1,5 @@
 <script>
-import { VAutocomplete } from 'vuetify/components'
+import { VAutocomplete } from 'vuetify/components/VAutocomplete'
 import { useDefaults } from 'vuetify'
 import { defineComponent, computed, h } from 'vue'
 import { getInputProps, getCompSlots } from '../../utils/index.js'

package/src/components/nodes/card.vue

@@ -0,0 +1,39 @@
+<script setup>
+import { VCard } from 'vuetify/components/VCard'
+import { VContainer, VRow } from 'vuetify/components/VGrid'
+import Node from '../node.vue'
+import SectionHeader from '../fragments/section-header.vue'
+import { useDefaults } from 'vuetify'
+
+useDefaults({}, 'VjsfCard')
+
+defineProps({
+  modelValue: {
+    /** @type import('vue').PropType<import('../../types.js').VjsfCardNode> */
+    type: Object,
+    required: true
+  },
+  statefulLayout: {
+    /** @type import('vue').PropType<import('../../types.js').VjsfStatefulLayout> */
+    type: Object,
+    required: true
+  }
+})
+
+</script>
+
+<template>
+  <v-card :title="modelValue.layout.title ?? ''">
+    <v-container fluid>
+      <section-header :node="modelValue" hide-title />
+      <v-row :dense="modelValue.options?.density === 'compact' || modelValue.options?.density === 'comfortable'">
+        <node
+          v-for="child of modelValue.children"
+          :key="child.fullKey"
+          :model-value="/** @type import('../../types.js').VjsfNode */(child)"
+          :stateful-layout="statefulLayout"
+        />
+      </v-row>
+    </v-container>
+  </v-card>
+</template>

package/src/components/nodes/checkbox.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { VCheckbox } from 'vuetify/components'
+import { VCheckbox } from 'vuetify/components/VCheckbox'
 import { computed } from 'vue'
 import { getInputProps } from '../../utils/index.js'
 import { useDefaults } from 'vuetify'

package/src/components/nodes/color-picker.vue

@@ -1,6 +1,6 @@
 <script setup>
 import TextFieldMenu from '../fragments/text-field-menu.vue'
-import { VColorPicker } from 'vuetify/components'
+import { VColorPicker } from 'vuetify/components/VColorPicker'
 import { computed } from 'vue'
 import { getCompProps } from '../../utils/index.js'
 import { useDefaults } from 'vuetify'

package/src/components/nodes/combobox.vue

@@ -1,6 +1,6 @@
 <script>
 import { defineComponent, h, computed, shallowRef, ref } from 'vue'
-import { VCombobox } from 'vuetify/components'
+import { VCombobox } from 'vuetify/components/VCombobox'
 import { getInputProps, getCompSlots } from '../../utils/index.js'
 import { useDefaults } from 'vuetify'
 

package/src/components/nodes/expansion-panels.vue

@@ -1,8 +1,11 @@
 <script setup>
-import { VExpansionPanels, VExpansionPanel, VExpansionPanelTitle, VExpansionPanelText, VContainer, VRow, VIcon } from 'vuetify/components'
+import { VExpansionPanels, VExpansionPanel, VExpansionPanelTitle, VExpansionPanelText } from 'vuetify/components/VExpansionPanel'
+import { VContainer, VRow } from 'vuetify/components/VGrid'
+import { VIcon } from 'vuetify/components/VIcon'
 import { isSection } from '@json-layout/core'
 import Node from '../node.vue'
 import SectionHeader from '../fragments/section-header.vue'
+import ChildSubtitle from '../fragments/child-subtitle.vue'
 import { getCompProps } from '../../utils/index.js'
 import { useDefaults } from 'vuetify'
 
@@ -43,7 +46,8 @@ defineProps({
       </v-expansion-panel-title>
       <v-expansion-panel-text>
         <v-container fluid>
-          <v-row>
+          <child-subtitle :model-value="child" />
+          <v-row :dense="modelValue.options?.density === 'compact' || modelValue.options?.density === 'comfortable'">
             <node
               v-for="grandChild of isSection(child) ? child.children : [child]"
               :key="grandChild.fullKey"

package/src/components/nodes/file-input.vue

@@ -1,6 +1,6 @@
 <script>
 import { defineComponent, h, computed } from 'vue'
-import { VFileInput } from 'vuetify/components'
+import { VFileInput } from 'vuetify/components/VFileInput'
 import { getInputProps, getCompSlots } from '../../utils/index.js'
 import { useDefaults } from 'vuetify'
 

package/src/components/nodes/list.vue

@@ -1,7 +1,13 @@
 <script setup>
 import { watch, computed, ref } from 'vue'
 import { useDefaults, useTheme } from 'vuetify'
-import { VList, VListItem, VListItemAction, VBtn, VMenu, VIcon, VSheet, VSpacer, VDivider, VRow, VListSubheader } from 'vuetify/components'
+import { VList, VListItem, VListItemAction, VListSubheader } from 'vuetify/components/VList'
+import { VRow, VSpacer } from 'vuetify/components/VGrid'
+import { VSheet } from 'vuetify/components/VSheet'
+import { VDivider } from 'vuetify/components/VDivider'
+import { VIcon } from 'vuetify/components/VIcon'
+import { VBtn } from 'vuetify/components/VBtn'
+import { VMenu } from 'vuetify/components/VMenu'
 import { isSection, clone } from '@json-layout/core'
 import Node from '../node.vue'
 import { moveArrayItem } from '../../utils/index.js'

package/src/components/nodes/number-combobox.vue

@@ -1,6 +1,6 @@
 <script>
 import { defineComponent, h, computed, shallowRef, ref } from 'vue'
-import { VCombobox } from 'vuetify/components'
+import { VCombobox } from 'vuetify/components/VCombobox'
 import { getInputProps, getCompSlots } from '../../utils/index.js'
 import { useDefaults } from 'vuetify'
 

package/src/components/nodes/number-field.vue

@@ -1,6 +1,6 @@
 <script>
 import { defineComponent, h, computed } from 'vue'
-import { VTextField } from 'vuetify/components'
+import { VTextField } from 'vuetify/components/VTextField'
 import { getInputProps, getCompSlots } from '../../utils/index.js'
 import { useDefaults } from 'vuetify'
 

package/src/components/nodes/one-of-select.vue

@@ -1,5 +1,6 @@
 <script setup>
-import { VSelect, VRow, VCol } from 'vuetify/components'
+import { VRow, VCol } from 'vuetify/components/VGrid'
+import { VSelect } from 'vuetify/components/VSelect'
 import { ref, watch, computed, h } from 'vue'
 import { isSection } from '@json-layout/core'
 import { isCompObject } from '@json-layout/vocabulary'

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

@@ -1,5 +1,7 @@
 <script>
-import { VRadioGroup, VRadio, VSkeletonLoader } from 'vuetify/components'
+import { VRadio } from 'vuetify/components/VRadio'
+import { VRadioGroup } from 'vuetify/components/VRadioGroup'
+import { VSkeletonLoader } from 'vuetify/components/VSkeletonLoader'
 import { defineComponent, h, computed } from 'vue'
 import { getInputProps, getCompSlots } from '../../utils/index.js'
 import useGetItems from '../../composables/use-get-items.js'

package/src/components/nodes/section.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { VRow } from 'vuetify/components'
+import { VRow } from 'vuetify/components/VGrid'
 import Node from '../node.vue'
 import SectionHeader from '../fragments/section-header.vue'
 import { useDefaults } from 'vuetify'

package/src/components/nodes/select.vue

@@ -1,5 +1,5 @@
 <script>
-import { VSelect } from 'vuetify/components'
+import { VSelect } from 'vuetify/components/VSelect'
 import { defineComponent, h, computed } from 'vue'
 import { getInputProps, getCompSlots } from '../../utils/index.js'
 import useGetItems from '../../composables/use-get-items.js'

package/src/components/nodes/slider.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { VSlider } from 'vuetify/components'
+import { VSlider } from 'vuetify/components/VSlider'
 import { computed } from 'vue'
 import { getInputProps } from '../../utils/index.js'
 import { useDefaults } from 'vuetify'

package/src/components/nodes/stepper.vue

@@ -1,6 +1,9 @@
 <script setup>
 import { ref, computed } from 'vue'
-import { VStepper, VStepperHeader, VStepperItem, VStepperWindow, VStepperWindowItem, VStepperActions, VContainer, VRow, VSpacer, VBtn, VDivider } from 'vuetify/components'
+import { VStepper, VStepperHeader, VStepperItem, VStepperWindow, VStepperWindowItem, VStepperActions } from 'vuetify/components/VStepper'
+import { VContainer, VRow, VSpacer } from 'vuetify/components/VGrid'
+import { VBtn } from 'vuetify/components/VBtn'
+import { VDivider } from 'vuetify/components/VDivider'
 import { isSection } from '@json-layout/core'
 import Node from '../node.vue'
 import SectionHeader from '../fragments/section-header.vue'
@@ -64,7 +67,7 @@ const goNext = () => {
           class="pa-0"
         >
           <child-subtitle :model-value="child" />
-          <v-row>
+          <v-row :dense="modelValue.options?.density === 'compact' || modelValue.options?.density === 'comfortable'">
             <node
               v-for="grandChild of isSection(child) ? child.children : [child]"
               :key="grandChild.fullKey"

package/src/components/nodes/switch.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { VSwitch } from 'vuetify/components'
+import { VSwitch } from 'vuetify/components/VSwitch'
 import { computed } from 'vue'
 import { getInputProps } from '../../utils/index.js'
 import { useDefaults } from 'vuetify'

package/src/components/nodes/tabs.vue

@@ -1,5 +1,9 @@
 <script setup>
-import { VTabs, VTab, VContainer, VSheet, VWindow, VWindowItem, VRow, VIcon } from 'vuetify/components'
+import { VTabs, VTab } from 'vuetify/components/VTabs'
+import { VContainer, VRow } from 'vuetify/components/VGrid'
+import { VIcon } from 'vuetify/components/VIcon'
+import { VSheet } from 'vuetify/components/VSheet'
+import { VWindow, VWindowItem } from 'vuetify/components/VWindow'
 import { useDefaults } from 'vuetify'
 import { ref } from 'vue'
 import { isSection } from '@json-layout/core'
@@ -57,7 +61,7 @@ const tab = ref(0)
       >
         <v-container fluid>
           <child-subtitle :model-value="child" />
-          <v-row>
+          <v-row :dense="modelValue.options?.density === 'compact' || modelValue.options?.density === 'comfortable'">
             <node
               v-for="grandChild of isSection(child) ? child.children : [child]"
               :key="grandChild.fullKey"

package/src/components/nodes/text-field.vue

@@ -1,6 +1,6 @@
 <script>
 import { defineComponent, h, computed } from 'vue'
-import { VTextField } from 'vuetify/components'
+import { VTextField } from 'vuetify/components/VTextField'
 import { getInputProps, getCompSlots } from '../../utils/index.js'
 import { useDefaults } from 'vuetify'
 

package/src/components/nodes/textarea.vue

@@ -1,6 +1,6 @@
 <script>
 import { defineComponent, h, computed, ref, watch } from 'vue'
-import { VTextarea } from 'vuetify/components'
+import { VTextarea } from 'vuetify/components/VTextarea'
 import { getInputProps, getCompSlots } from '../../utils/index.js'
 import { useDefaults } from 'vuetify'
 

package/src/components/nodes/vertical-tabs.vue

@@ -1,6 +1,10 @@
 <script setup>
 import { isSection } from '@json-layout/core'
-import { VTabs, VTab, VContainer, VSheet, VWindow, VWindowItem, VRow, VIcon } from 'vuetify/components'
+import { VTabs, VTab} from 'vuetify/components/VTabs'
+import { VContainer, VRow } from 'vuetify/components/VGrid'
+import { VIcon } from 'vuetify/components/VIcon'
+import { VSheet } from 'vuetify/components/VSheet'
+import { VWindow, VWindowItem  } from 'vuetify/components/VWindow'
 import { ref } from 'vue'
 import Node from '../node.vue'
 import SectionHeader from '../fragments/section-header.vue'
@@ -61,7 +65,7 @@ const tab = ref(0)
         >
           <v-container fluid>
             <child-subtitle :model-value="child" />
-            <v-row>
+            <v-row :dense="modelValue.options?.density === 'compact' || modelValue.options?.density === 'comfortable'">
               <node
                 v-for="grandChild of isSection(child) ? child.children : [child]"
                 :key="grandChild.fullKey"

package/src/components/tree.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { VRow } from 'vuetify/components'
+import { VRow } from 'vuetify/components/VGrid'
 import Node from './node.vue'
 
 defineProps({

package/src/components/vjsf.vue

@@ -30,6 +30,7 @@ import NodeExpansionPanels from './nodes/expansion-panels.vue'
 import NodeStepper from './nodes/stepper.vue'
 import NodeList from './nodes/list.vue'
 import NodeFileInput from './nodes/file-input.vue'
+import NodeCard from './nodes/card.vue'
 
 /** @type {Record<string, import('vue').Component>} */
 const nodeComponents = {
@@ -56,7 +57,8 @@ const nodeComponents = {
   list: NodeList,
   combobox: NodeCombobox,
   'number-combobox': NodeNumberCombobox,
-  'file-input': NodeFileInput
+  'file-input': NodeFileInput,
+  card: NodeCard
 }
 
 const props = defineProps({

package/src/types.ts

@@ -28,6 +28,7 @@ import {
   StepperNode,
   ComboboxNode,
   FileInputNode,
+  CardNode,
   CompileOptions
 } from '@json-layout/core'
 
@@ -82,3 +83,4 @@ export type VjsfVerticalTabsNode = Omit<VerticalTabsNode, 'options'> & {options:
 export type VjsfStepperNode = Omit<StepperNode, 'options'> & {options: VjsfOptions}
 export type VjsfComboboxNode = Omit<ComboboxNode, 'options'> & {options: VjsfOptions}
 export type VjsfFileInputNode = Omit<FileInputNode, 'options'> & {options: VjsfOptions}
+export type VjsfCardNode = Omit<CardNode, 'options'> & {options: VjsfOptions}

package/types/components/fragments/section-header.vue.d.ts

@@ -1,7 +1,9 @@
 declare const _default: import("vue").DefineComponent<{}, {
     node: import("../../types.js").VjsfNode;
+    hideTitle: boolean;
     $props: {
         readonly node?: import("../../types.js").VjsfNode | undefined;
+        readonly hideTitle?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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/select-selection.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;
     last: boolean;
+    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 last?: boolean | 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":";;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"}
+{"version":3,"file":"selection-group.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/selection-group.vue.js"],"names":[],"mappings":";;QAcM,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":";;;;;;;;;;6BAsIsC,GAAG;;;QACX,GAAG"}
+{"version":3,"file":"text-field-menu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/text-field-menu.vue.js"],"names":[],"mappings":";;;;;;;;;;6BAuIsC,GAAG;;;QACX,GAAG"}

package/types/components/nodes/card.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    modelValue: import("../../types.js").VjsfCardNode;
+    statefulLayout: import("../../types.js").VjsfStatefulLayout;
+    $props: {
+        readonly modelValue?: import("../../types.js").VjsfCardNode | undefined;
+        readonly statefulLayout?: import("../../types.js").VjsfStatefulLayout | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=card.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.vue.d.ts","sourceRoot":"","sources":["../../../src/components/nodes/card.vue.js"],"names":[],"mappings":""}

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":";;QAWM,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":";;QAaM,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/vjsf.vue.d.ts

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

package/types/types.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'vue';
 import { ComponentInfo } from '@json-layout/vocabulary';
-import { StatefulLayout, StatefulLayoutOptions, StateNode, CheckboxNode, ColorPickerNode, DatePickerNode, DateTimePickerNode, TabsNode, ExpansionPanelsNode, ListNode, NumberFieldNode, OneOfSelectNode, SectionNode, SelectNode, RadioGroupNode, CheckboxGroupNode, SwitchGroupNode, SliderNode, SwitchNode, TextFieldNode, TextareaNode, VerticalTabsNode, StepperNode, ComboboxNode, FileInputNode, CompileOptions } from '@json-layout/core';
+import { StatefulLayout, StatefulLayoutOptions, StateNode, CheckboxNode, ColorPickerNode, DatePickerNode, DateTimePickerNode, TabsNode, ExpansionPanelsNode, ListNode, NumberFieldNode, OneOfSelectNode, SectionNode, SelectNode, RadioGroupNode, CheckboxGroupNode, SwitchGroupNode, SliderNode, SwitchNode, TextFieldNode, TextareaNode, VerticalTabsNode, StepperNode, ComboboxNode, FileInputNode, CardNode, CompileOptions } from '@json-layout/core';
 export type Density = 'default' | 'comfortable' | 'compact';
 export type Plugin = {
     info: ComponentInfo;
@@ -90,4 +90,7 @@ export type VjsfComboboxNode = Omit<ComboboxNode, 'options'> & {
 export type VjsfFileInputNode = Omit<FileInputNode, 'options'> & {
     options: VjsfOptions;
 };
+export type VjsfCardNode = Omit<CardNode, 'options'> & {
+    options: VjsfOptions;
+};
 //# sourceMappingURL=types.d.ts.map

package/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}