@vc-shell/framework 1.0.124 → 1.0.125

package/dist/ui/components/molecules/vc-multivalue/index.d.ts

@@ -1,108 +1,2 @@
-export declare const VcMultivalue: <T extends {
-    id?: string | undefined;
-    alias?: string | undefined;
-    languageCode?: string | undefined;
-    value?: string | undefined;
-}>(__VLS_props: {
-    disabled?: boolean | undefined;
-    type?: "number" | "text" | undefined;
-    label?: string | undefined;
-    name?: string | undefined;
-    modelValue?: T[] | undefined;
-    required?: boolean | undefined;
-    errorMessage?: string | undefined;
-    tooltip?: string | undefined;
-    multilanguage?: boolean | undefined;
-    currentLanguage?: string | undefined;
-    error?: boolean | undefined;
-    placeholder?: string | undefined;
-    options?: T[] | undefined;
-    onClose?: (() => any) | undefined;
-    onSearch?: ((value: string) => any) | undefined;
-    optionValue?: string | undefined;
-    optionLabel?: string | undefined;
-    emitValue?: string | undefined;
-    "onUpdate:model-value"?: ((value: T[]) => any) | undefined;
-    multivalue?: boolean | undefined;
-    emitLabel?: string | undefined;
-} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
-    attrs: any;
-    slots: {
-        item?(_: {
-            item: T;
-        }): any;
-        error?(_: {}): any;
-    };
-    emit: import("./vc-multivalue.vue").Emits<T>;
-} | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
-    props: {
-        disabled?: boolean | undefined;
-        type?: "number" | "text" | undefined;
-        label?: string | undefined;
-        name?: string | undefined;
-        modelValue?: T[] | undefined;
-        required?: boolean | undefined;
-        errorMessage?: string | undefined;
-        tooltip?: string | undefined;
-        multilanguage?: boolean | undefined;
-        currentLanguage?: string | undefined;
-        error?: boolean | undefined;
-        placeholder?: string | undefined;
-        options?: T[] | undefined;
-        onClose?: (() => any) | undefined;
-        onSearch?: ((value: string) => any) | undefined;
-        optionValue?: string | undefined;
-        optionLabel?: string | undefined;
-        emitValue?: string | undefined;
-        "onUpdate:model-value"?: ((value: T[]) => any) | undefined;
-        multivalue?: boolean | undefined;
-        emitLabel?: string | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {
-        item?(_: {
-            item: T;
-        }): any;
-        error?(_: {}): any;
-    };
-    emit: import("./vc-multivalue.vue").Emits<T>;
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> & {
-    __ctx?: {
-        props: {
-            disabled?: boolean | undefined;
-            type?: "number" | "text" | undefined;
-            label?: string | undefined;
-            name?: string | undefined;
-            modelValue?: T[] | undefined;
-            required?: boolean | undefined;
-            errorMessage?: string | undefined;
-            tooltip?: string | undefined;
-            multilanguage?: boolean | undefined;
-            currentLanguage?: string | undefined;
-            error?: boolean | undefined;
-            placeholder?: string | undefined;
-            options?: T[] | undefined;
-            onClose?: (() => any) | undefined;
-            onSearch?: ((value: string) => any) | undefined;
-            optionValue?: string | undefined;
-            optionLabel?: string | undefined;
-            emitValue?: string | undefined;
-            "onUpdate:model-value"?: ((value: T[]) => any) | undefined;
-            multivalue?: boolean | undefined;
-            emitLabel?: string | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
-        attrs: any;
-        slots: {
-            item?(_: {
-                item: T;
-            }): any;
-            error?(_: {}): any;
-        };
-        emit: import("./vc-multivalue.vue").Emits<T>;
-    } | undefined;
-};
+export { default as VcMultivalue } from "./vc-multivalue.vue";
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/components/molecules/vc-multivalue/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-multivalue/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAoC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-multivalue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/ui/components/molecules/vc-multivalue/vc-multivalue.vue.d.ts

@@ -44,20 +44,20 @@ declare const _default: <T extends {
     options?: T[] | undefined;
     onClose?: (() => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
+    "onUpdate:model-value"?: ((value: T[]) => any) | undefined;
     optionValue?: string | undefined;
     optionLabel?: string | undefined;
     emitValue?: string | undefined;
-    "onUpdate:model-value"?: ((value: T[]) => any) | undefined;
-    multivalue?: boolean | undefined;
     emitLabel?: string | undefined;
+    multivalue?: boolean | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
-    slots: {
-        item?(_: {
+    slots: Readonly<{
+        item: (args: {
             item: T;
-        }): any;
-        error?(_: {}): any;
-    };
+        }) => any;
+        error: (props: any) => any;
+    }>;
     emit: Emits<T>;
 } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
@@ -76,21 +76,21 @@ declare const _default: <T extends {
         options?: T[] | undefined;
         onClose?: (() => any) | undefined;
         onSearch?: ((value: string) => any) | undefined;
+        "onUpdate:model-value"?: ((value: T[]) => any) | undefined;
         optionValue?: string | undefined;
         optionLabel?: string | undefined;
         emitValue?: string | undefined;
-        "onUpdate:model-value"?: ((value: T[]) => any) | undefined;
-        multivalue?: boolean | undefined;
         emitLabel?: string | undefined;
+        multivalue?: boolean | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {
-        item?(_: {
+    slots: Readonly<{
+        item: (args: {
             item: T;
-        }): any;
-        error?(_: {}): any;
-    };
+        }) => any;
+        error: (props: any) => any;
+    }>;
     emit: Emits<T>;
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -112,21 +112,21 @@ declare const _default: <T extends {
             options?: T[] | undefined;
             onClose?: (() => any) | undefined;
             onSearch?: ((value: string) => any) | undefined;
+            "onUpdate:model-value"?: ((value: T[]) => any) | undefined;
             optionValue?: string | undefined;
             optionLabel?: string | undefined;
             emitValue?: string | undefined;
-            "onUpdate:model-value"?: ((value: T[]) => any) | undefined;
-            multivalue?: boolean | undefined;
             emitLabel?: string | undefined;
+            multivalue?: boolean | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;
-        slots: {
-            item?(_: {
+        slots: Readonly<{
+            item: (args: {
                 item: T;
-            }): any;
-            error?(_: {}): any;
-        };
+            }) => any;
+            error: (props: any) => any;
+        }>;
         emit: Emits<T>;
     } | undefined;
 };

package/dist/ui/components/molecules/vc-multivalue/vc-multivalue.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-multivalue.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-multivalue/vc-multivalue.vue.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,KAAK,CAAC,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,KAAK,CAAC,CAAC;IACtB,CAAC,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;IAChD,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA8fM,GAAG;;;;YAtCiB,GAAG;uBACF,GAAG;;;yCAoCf,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;oBAAzC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YAtCiB,GAAG;uBACF,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAoCf,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;;;gBAtCiB,GAAG;2BACF,GAAG;;;;;AAtd/B,wBAggB2E"}
+{"version":3,"file":"vc-multivalue.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-multivalue/vc-multivalue.vue.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,KAAK,CAAC,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,KAAK,CAAC,CAAC;IACtB,CAAC,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;IAChD,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA8fM,GAAG;;;;cA7dqB,GAAG;uBACjB,GAAG,KAAK,GAAG;;;yCA2dZ,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;oBAAzC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;cA7dqB,GAAG;uBACjB,GAAG,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA2dZ,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;;;kBA7dqB,GAAG;2BACjB,GAAG,KAAK,GAAG;;;;;AA/B5B,wBAggB2E"}

package/dist/ui/components/molecules/vc-select/vc-select.vue.d.ts

@@ -25,10 +25,10 @@ declare const _default: <T, P extends {
     debounce?: string | number | undefined;
     multiple?: boolean | undefined;
     onSearch?: ((inputValue: string) => any) | undefined;
-    mapOptions?: boolean | undefined;
     optionValue?: OptionProp<T & P["results"][number]>;
     optionLabel?: OptionProp<T & P["results"][number]>;
     emitValue?: boolean | undefined;
+    mapOptions?: boolean | undefined;
     searchable?: boolean | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
@@ -140,10 +140,10 @@ declare const _default: <T, P extends {
         debounce?: string | number | undefined;
         multiple?: boolean | undefined;
         onSearch?: ((inputValue: string) => any) | undefined;
-        mapOptions?: boolean | undefined;
         optionValue?: OptionProp<T & P["results"][number]>;
         optionLabel?: OptionProp<T & P["results"][number]>;
         emitValue?: boolean | undefined;
+        mapOptions?: boolean | undefined;
         searchable?: boolean | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
@@ -259,10 +259,10 @@ declare const _default: <T, P extends {
             debounce?: string | number | undefined;
             multiple?: boolean | undefined;
             onSearch?: ((inputValue: string) => any) | undefined;
-            mapOptions?: boolean | undefined;
             optionValue?: OptionProp<T & P["results"][number]>;
             optionLabel?: OptionProp<T & P["results"][number]>;
             emitValue?: boolean | undefined;
+            mapOptions?: boolean | undefined;
             searchable?: boolean | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;

package/dist/ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue.d.ts

@@ -19,15 +19,15 @@ declare const _default: <T extends {
         max?: number | undefined;
         regex?: string | undefined;
     } | undefined;
-    property: T;
     "onUpdate:model-value"?: ((data: {
         readonly property: T;
         readonly value: any;
         readonly dictionary?: any[] | undefined;
         readonly locale?: string | undefined;
     }) => any) | undefined;
-    optionsGetter: (property: T, keyword?: string, locale?: string) => Promise<any[]> | any[];
     multivalue?: boolean | undefined;
+    property: T;
+    optionsGetter: (property: T, keyword?: string, locale?: string) => Promise<any[]> | any[];
     dictionary?: boolean | undefined;
     optionsValue?: string | undefined;
     optionsLabel?: string | undefined;
@@ -59,15 +59,15 @@ declare const _default: <T extends {
             max?: number | undefined;
             regex?: string | undefined;
         } | undefined;
-        property: T;
         "onUpdate:model-value"?: ((data: {
             readonly property: T;
             readonly value: any;
             readonly dictionary?: any[] | undefined;
             readonly locale?: string | undefined;
         }) => any) | undefined;
-        optionsGetter: (property: T, keyword?: string, locale?: string) => Promise<any[]> | any[];
         multivalue?: boolean | undefined;
+        property: T;
+        optionsGetter: (property: T, keyword?: string, locale?: string) => Promise<any[]> | any[];
         dictionary?: boolean | undefined;
         optionsValue?: string | undefined;
         optionsLabel?: string | undefined;
@@ -103,15 +103,15 @@ declare const _default: <T extends {
                 max?: number | undefined;
                 regex?: string | undefined;
             } | undefined;
-            property: T;
             "onUpdate:model-value"?: ((data: {
                 readonly property: T;
                 readonly value: any;
                 readonly dictionary?: any[] | undefined;
                 readonly locale?: string | undefined;
             }) => any) | undefined;
-            optionsGetter: (property: T, keyword?: string, locale?: string) => Promise<any[]> | any[];
             multivalue?: boolean | undefined;
+            property: T;
+            optionsGetter: (property: T, keyword?: string, locale?: string) => Promise<any[]> | any[];
             dictionary?: boolean | undefined;
             optionsValue?: string | undefined;
             optionsLabel?: string | undefined;

package/dist/ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-dynamic-property.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue.ts"],"names":[],"mappings":";;;;;UAyZU,MAAM;gBARA,GAAG;cAEL,OAAO;;;;eAIN,MAAM;;;;;;;;;;;;;wBA/V6B,GAAG;;;;2CA0VV,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE;;;;;;WA4BtF,GAAG;;;;wBAtXwC,GAAG;;;;yCAqXrC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;cApB/C,MAAM;oBARA,GAAG;kBAEL,OAAO;;;;mBAIN,MAAM;;;;;;;;;;;;;4BA/V6B,GAAG;;;;+CA0VV,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE;;;;;;oBA2B7E,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;wBAtXwC,GAAG;;;;;;;;;;kBAiW3C,MAAM;wBARA,GAAG;sBAEL,OAAO;;;;uBAIN,MAAM;;;;;;;;;;;;;gCA/V6B,GAAG;;;;mDA0VV,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE;;;;;;wBA2B7E,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;;;4BAtXwC,GAAG;;;;;;AAhDrD,wBA2a2E"}
+{"version":3,"file":"vc-dynamic-property.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue.ts"],"names":[],"mappings":";;;;;UAyZU,MAAM;gBARA,GAAG;cAEL,OAAO;;;;eAIN,MAAM;;;;;;;;;;;;wBA/V6B,GAAG;;;;;;2CA0VV,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE;;;;;WA4BtF,GAAG;;;;wBAtXwC,GAAG;;;;yCAqXrC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;cApB/C,MAAM;oBARA,GAAG;kBAEL,OAAO;;;;mBAIN,MAAM;;;;;;;;;;;;4BA/V6B,GAAG;;;;;;+CA0VV,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE;;;;;oBA2B7E,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;wBAtXwC,GAAG;;;;;;;;;;kBAiW3C,MAAM;wBARA,GAAG;sBAEL,OAAO;;;;uBAIN,MAAM;;;;;;;;;;;;gCA/V6B,GAAG;;;;;;mDA0VV,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE;;;;;wBA2B7E,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;;;4BAtXwC,GAAG;;;;;;AAhDrD,wBA2a2E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.124",
+  "version": "1.0.125",
   "main": "./dist/framework.mjs",
   "module": "./dist/framework.mjs",
   "types": "./dist/index.d.ts",
@@ -57,9 +57,9 @@
     "whatwg-fetch": "^3.6.2"
   },
   "devDependencies": {
-    "@vc-shell/api-client-generator": "^1.0.124",
-    "@vc-shell/config-generator": "^1.0.124",
-    "@vc-shell/ts-config": "^1.0.124",
+    "@vc-shell/api-client-generator": "^1.0.125",
+    "@vc-shell/config-generator": "^1.0.125",
+    "@vc-shell/ts-config": "^1.0.125",
     "@vitejs/plugin-vue": "^4.2.3",
     "sass": "^1.62.1",
     "typescript": "^5.2.2",

package/shared/modules/dynamic/components/FIELD_MAP.ts

@@ -13,6 +13,7 @@ import ContentField from "./fields/ContentField";
 import VideoField from "./fields/VideoField";
 import ImageField from "./fields/ImageField";
 import TextareaField from "./fields/TextareaField";
+import MultivalueField from "./fields/MultivalueField";
 
 import { ControlSchema } from "../types";
 
@@ -36,6 +37,7 @@ const FIELD_MAP: TFieldMap = {
   "vc-video": VideoField,
   "vc-image": ImageField,
   "vc-textarea": TextareaField,
+  "vc-multivalue": MultivalueField,
 };
 
 export default FIELD_MAP;

package/shared/modules/dynamic/components/factories.ts

@@ -1,22 +1,5 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { markRaw } from "vue";
-import {
-  VcButton,
-  VcCard,
-  VcCheckbox,
-  VcDynamicProperty,
-  VcEditor,
-  VcField,
-  VcGallery,
-  VcImage,
-  VcInput,
-  VcInputCurrency,
-  VcSelect,
-  VcStatus,
-  VcVideo,
-  VcTextarea,
-} from "../../../../ui/components";
 import {
+  IMultivalueField,
   IControlBaseProps,
   ISelectField,
   IInputField,
@@ -34,7 +17,26 @@ import {
   IVideoField,
   IImageField,
   ITextareaField,
-} from "../types/models";
+} from "./../types/models";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { markRaw } from "vue";
+import {
+  VcButton,
+  VcCard,
+  VcCheckbox,
+  VcDynamicProperty,
+  VcEditor,
+  VcField,
+  VcGallery,
+  VcImage,
+  VcInput,
+  VcInputCurrency,
+  VcSelect,
+  VcStatus,
+  VcVideo,
+  VcTextarea,
+  VcMultivalue,
+} from "../../../../ui/components";
 
 export const ControlBase = ({ visibility = undefined }: IControlBaseOptions): IControlBaseOptions => ({
   visibility,
@@ -64,6 +66,16 @@ export const ControlBaseProps = ({
   ...rest,
 });
 
+export const MultivalueField = ({ props, slots, options }: IMultivalueField): IMultivalueField => ({
+  component: markRaw(VcMultivalue),
+  props: {
+    ...ControlBaseProps(props),
+    ...props,
+  },
+  options: ControlBase(options),
+  slots,
+});
+
 export const SelectField = ({ props, slots, options }: ISelectField): ISelectField => ({
   component: markRaw(VcSelect) as any,
   props: {

package/shared/modules/dynamic/components/fields/MultivalueField.ts

@@ -0,0 +1,62 @@
+import { ComponentSlots } from "../../../../utilities/vueUtils";
+import { h, resolveComponent, ExtractPropTypes, Component, VNode } from "vue";
+import { MultivalueField } from "../factories";
+import componentProps from "./props";
+import ValidationField from "./ValidationField";
+import { MultivalueSchema } from "../../types";
+import { VcMultivalue } from "../../../../../ui/components";
+
+type TScope = Parameters<ComponentSlots<typeof VcMultivalue>["item"]>["0"];
+
+export default {
+  name: "MultivalueField",
+  props: componentProps,
+  setup(props: ExtractPropTypes<typeof componentProps> & { element: MultivalueSchema }) {
+    return () => {
+      const field = MultivalueField({
+        props: {
+          ...props.baseProps,
+          multivalue: props.element.multivalue,
+          type: props.element.variant,
+          optionValue: props.element.optionValue,
+          optionLabel: props.element.optionLabel,
+          emitValue: props.element.emitValue,
+          emitLabel: props.element.emitLabel,
+          options: props.element.options ? props.bladeContext.scope?.[props.element.options] : undefined,
+          currentLanguage: props.currentLocale,
+        },
+        options: props.baseOptions,
+
+        slots:
+          props.element.customTemplate &&
+          ["item"].reduce((obj, slot) => {
+            obj[slot] = (scope: TScope) =>
+              h(resolveComponent(props.element.customTemplate?.component as string), {
+                context: scope,
+                slotName: slot,
+              });
+            return obj;
+          }, {} as Record<string, (scope: TScope) => VNode>),
+      });
+
+      const render = h(field.component as unknown as Component, field.props, field.slots);
+
+      if (field.props.rules) {
+        return props.baseOptions.visibility
+          ? h(
+              ValidationField,
+              {
+                props: field.props,
+                index: props.elIndex,
+                rows: props.rows,
+                key: `${String(field.props.key)}_validation`,
+              },
+              () => render
+            )
+          : null;
+      } else {
+        return props.baseOptions.visibility ? render : null;
+      }
+    };
+  },
+};

package/shared/modules/dynamic/types/index.ts

@@ -1,4 +1,13 @@
-import { VcField, VcGallery, VcIcon, VcImage, VcInput, VcStatus, VcVideo } from "./../../../../ui/components";
+import {
+  VcField,
+  VcGallery,
+  VcIcon,
+  VcImage,
+  VcInput,
+  VcMultivalue,
+  VcStatus,
+  VcVideo,
+} from "./../../../../ui/components";
 import { ITableColumns, IValidationRules } from "../../../../core/types";
 import type { ComponentProps } from "./../../../utilities/vueUtils";
 
@@ -203,13 +212,13 @@ export interface SelectSchema extends SchemaBase {
    */
   component: "vc-select";
   /**
-   * Property of optionProperty which holds the `value`
+   * Property which holds the `value`
    * @default id
    * @type {string}
    */
   optionValue: string;
   /**
-   * Property of optionProperty which holds the `label`
+   * Property which holds the `label`
    * @default title
    * @type {string}
    */
@@ -253,6 +262,60 @@ export interface SelectSchema extends SchemaBase {
   searchable?: boolean;
 }
 
+export interface MultivalueSchema extends SchemaBase {
+  /**
+   * Component type for multivalue.
+   * @type {"vc-multivalue"}
+   */
+  component: "vc-multivalue";
+  /**
+   * Property which holds the `value`
+   * @default id
+   * @type {string}
+   */
+  optionValue: string;
+  /**
+   * Property which holds the `label`
+   * @default title
+   * @type {string}
+   */
+  optionLabel: string;
+  /**
+   * Array with multivalue dictionary.
+   * @description Array should be defined in the blade `scope`.
+   * @type {string}
+   */
+  options?: string;
+  /**
+   * Key of emmited object on select from dictionary.
+   * @default `valueId`
+   */
+  emitValue?: boolean;
+  /**
+   * Key of emmited object on input.
+   * @default `value`
+   */
+  emitLabel?: boolean;
+  /**
+   * Whether the select is multivalue or not.
+   * @type {boolean}
+   */
+  multivalue?: boolean;
+  /**
+   * Multivalue type
+   * @default `text`
+   */
+  variant?: ComponentProps<typeof VcMultivalue>["type"];
+  /**
+   * Name of custom template to display dictionary data in multivalue.
+   * Component should be registered globally.
+   * @type {{component: string}}
+   */
+  customTemplate?: {
+    component: string;
+  };
+}
+
 export interface TextareaSchema extends SchemaBase {
   /**
    * Component type for textarea.
@@ -687,7 +750,8 @@ export type ControlSchema =
   | FieldSchema
   | VideoSchema
   | ImageSchema
-  | TextareaSchema;
+  | TextareaSchema
+  | MultivalueSchema;
 
 export interface FilterBase {
   columns: {

package/shared/modules/dynamic/types/models.ts

@@ -15,6 +15,7 @@ import {
   VcStatus,
   VcVideo,
   VcTextarea,
+  VcMultivalue,
 } from "../../../../ui/components";
 import type { ComponentProps, ComponentEmit, ComponentSlots } from "vue-component-type-helpers";
 
@@ -52,7 +53,8 @@ export type ControlType =
   | IContentField
   | IImageField
   | ITextareaField
-  | IVideoField;
+  | IVideoField
+  | IMultivalueField;
 
 export type ControlTypeWithSlots = Extract<
   ControlType,
@@ -83,6 +85,12 @@ export interface IControlBaseOptions {
   visibility?: ComputedRef<boolean | undefined>;
 }
 
+export type IMultivalueField = {
+  props: ComponentProps<typeof VcMultivalue> | IControlBaseProps;
+  slots?: Partial<ComponentSlots<typeof VcMultivalue>>;
+  options: IControlBaseOptions;
+} & FieldOpts<typeof VcMultivalue>;
+
 export type ISelectField = {
   props: ComponentProps<typeof VcSelect> | IControlBaseProps;
   slots?: Partial<ComponentSlots<typeof VcSelect>>;

package/ui/components/molecules/vc-multivalue/index.ts

@@ -1,3 +1 @@
-import _Multivalue from "./vc-multivalue.vue";
-
-export const VcMultivalue = _Multivalue as typeof _Multivalue;
+export { default as VcMultivalue } from "./vc-multivalue.vue";

package/ui/components/molecules/vc-multivalue/vc-multivalue.vue

@@ -117,7 +117,7 @@
     </slot>
   </div>
 </template>
-
+<!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts" setup generic="T extends {id?: string; alias?: string, languageCode?: string, value?: string}">
 import { unref, nextTick, ref, computed } from "vue";
 import { vOnClickOutside } from "@vueuse/components";
@@ -174,6 +174,10 @@ const props = withDefaults(defineProps<Props<T>>(), {
 });
 
 const emit = defineEmits<Emits<T>>();
+defineSlots<{
+  item: (args: { item: T }) => any;
+  error: (props: any) => any;
+}>();
 
 const dropdownToggleRef = ref();
 const dropdownRef = ref();