@vc-shell/framework 1.0.178 → 1.0.180

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

@@ -17,13 +17,10 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
     onHeaderClick?: ((item: ITableColumns) => any) | undefined;
     "onScroll:ptr"?: (() => any) | undefined;
     items: T[];
-    loading?: MaybeRef<boolean> | undefined;
-    totalCount?: number | undefined;
     expanded?: boolean | undefined;
-    pages?: number | undefined;
-    currentPage?: number | undefined;
-    onItemClick?: ((item: T) => any) | undefined;
+    loading?: MaybeRef<boolean> | undefined;
     columns: ITableColumns[];
+    onItemClick?: ((item: T) => any) | undefined;
     onSelectionChanged?: ((values: T[]) => any) | undefined;
     onPaginationClick?: ((page: number) => any) | undefined;
     "onSearch:change"?: ((value: string | number | Date | null | undefined) => any) | undefined;
@@ -36,6 +33,9 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
     itemActionBuilder?: ((item: T) => IActionBuilderResult[] | undefined) | undefined;
     multiselect?: boolean | undefined;
     totalLabel?: string | undefined;
+    totalCount?: number | undefined;
+    pages?: number | undefined;
+    currentPage?: number | undefined;
     searchPlaceholder?: string | undefined;
     searchValue?: string | undefined;
     empty?: StatusImage | undefined;
@@ -84,7 +84,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         empty: (props: any) => any;
         footer: (props: any) => any;
     };
-    emit: ((evt: "scroll:ptr") => void) & ((evt: "itemClick", item: T) => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null | undefined) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "row:reorder", args: {
+    emit: ((evt: "scroll:ptr") => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null | undefined) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "itemClick", item: T) => void) & ((evt: "row:reorder", args: {
         dragIndex: number;
         dropIndex: number;
         value: T[];
@@ -97,13 +97,10 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         onHeaderClick?: ((item: ITableColumns) => any) | undefined;
         "onScroll:ptr"?: (() => any) | undefined;
         items: T[];
-        loading?: MaybeRef<boolean> | undefined;
-        totalCount?: number | undefined;
         expanded?: boolean | undefined;
-        pages?: number | undefined;
-        currentPage?: number | undefined;
-        onItemClick?: ((item: T) => any) | undefined;
+        loading?: MaybeRef<boolean> | undefined;
         columns: ITableColumns[];
+        onItemClick?: ((item: T) => any) | undefined;
         onSelectionChanged?: ((values: T[]) => any) | undefined;
         onPaginationClick?: ((page: number) => any) | undefined;
         "onSearch:change"?: ((value: string | number | Date | null | undefined) => any) | undefined;
@@ -116,6 +113,9 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         itemActionBuilder?: ((item: T) => IActionBuilderResult[] | undefined) | undefined;
         multiselect?: boolean | undefined;
         totalLabel?: string | undefined;
+        totalCount?: number | undefined;
+        pages?: number | undefined;
+        currentPage?: number | undefined;
         searchPlaceholder?: string | undefined;
         searchValue?: string | undefined;
         empty?: StatusImage | undefined;
@@ -165,7 +165,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         empty: (props: any) => any;
         footer: (props: any) => any;
     };
-    emit: ((evt: "scroll:ptr") => void) & ((evt: "itemClick", item: T) => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null | undefined) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "row:reorder", args: {
+    emit: ((evt: "scroll:ptr") => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null | undefined) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "itemClick", item: T) => void) & ((evt: "row:reorder", args: {
         dragIndex: number;
         dropIndex: number;
         value: T[];
@@ -181,13 +181,10 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
             onHeaderClick?: ((item: ITableColumns) => any) | undefined;
             "onScroll:ptr"?: (() => any) | undefined;
             items: T[];
-            loading?: MaybeRef<boolean> | undefined;
-            totalCount?: number | undefined;
             expanded?: boolean | undefined;
-            pages?: number | undefined;
-            currentPage?: number | undefined;
-            onItemClick?: ((item: T) => any) | undefined;
+            loading?: MaybeRef<boolean> | undefined;
             columns: ITableColumns[];
+            onItemClick?: ((item: T) => any) | undefined;
             onSelectionChanged?: ((values: T[]) => any) | undefined;
             onPaginationClick?: ((page: number) => any) | undefined;
             "onSearch:change"?: ((value: string | number | Date | null | undefined) => any) | undefined;
@@ -200,6 +197,9 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
             itemActionBuilder?: ((item: T) => IActionBuilderResult[] | undefined) | undefined;
             multiselect?: boolean | undefined;
             totalLabel?: string | undefined;
+            totalCount?: number | undefined;
+            pages?: number | undefined;
+            currentPage?: number | undefined;
             searchPlaceholder?: string | undefined;
             searchValue?: string | undefined;
             empty?: StatusImage | undefined;
@@ -249,7 +249,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
             empty: (props: any) => any;
             footer: (props: any) => any;
         };
-        emit: ((evt: "scroll:ptr") => void) & ((evt: "itemClick", item: T) => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null | undefined) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "row:reorder", args: {
+        emit: ((evt: "scroll:ptr") => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null | undefined) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "itemClick", item: T) => void) & ((evt: "row:reorder", args: {
             dragIndex: number;
             dropIndex: number;
             value: T[];

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

@@ -1 +1 @@
-{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.178",
+  "version": "1.0.180",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -39,7 +39,6 @@
     "@vueuse/components": "^10.7.1",
     "@vueuse/core": "^10.7.1",
     "@vueuse/integrations": "^10.7.1",
-    "ace-builds": "^1.32.2",
     "core-js": "^3.35.0",
     "iso-639-1": "^3.1.0",
     "moment": "^2.30.1",
@@ -52,14 +51,13 @@
     "vue-currency-input": "^3.0.5",
     "vue-i18n": "^9.8.0",
     "vue-router": "^4.2.5",
-    "vue3-ace-editor": "^2.2.4",
     "vue3-touch-events": "^4.1.8",
     "whatwg-fetch": "^3.6.19"
   },
   "devDependencies": {
-    "@vc-shell/api-client-generator": "^1.0.178",
-    "@vc-shell/config-generator": "^1.0.178",
-    "@vc-shell/ts-config": "^1.0.178",
+    "@vc-shell/api-client-generator": "^1.0.180",
+    "@vc-shell/config-generator": "^1.0.180",
+    "@vc-shell/ts-config": "^1.0.180",
     "@vitejs/plugin-vue": "^5.0.3",
     "sass": "^1.69.6",
     "tsx": "^4.7.1",

package/shared/components/blade-navigation/components/vc-blade-view/vc-blade-view.ts

@@ -12,12 +12,12 @@ export const VcBladeView = defineComponent({
     },
   },
   setup(props, { attrs, slots }) {
-    provide(navigationViewLocation, props.blade!);
-
     const viewRef = ref<CoreBladeExposed>();
 
+    const bl = toRef(props.blade);
+
     watch(
-      () => [viewRef.value, props.blade] as const,
+      () => [viewRef.value, bl.value] as const,
       ([instance, blade]) => {
         if (blade && blade.props?.navigation) {
           blade.props.navigation.instance = toRef(instance);
@@ -26,6 +26,7 @@ export const VcBladeView = defineComponent({
       { flush: "post" },
     );
 
+    provide(navigationViewLocation, bl.value!);
     return () => {
       /**
        * Callback function onClose, which is passed while opening blade, called when a BladeVNode is unmounted.

package/shared/components/blade-navigation/composables/useBladeNavigation/index.ts

@@ -167,30 +167,36 @@ const useBladeNavigationSingleton = createSharedComposable(() => {
   async function closeBlade(index: number) {
     console.debug(`[@vc-shell/framework#useBladeNavigation] - closeBlade called.`);
 
-    if (navigationInstance.blades.value.length === 1) {
+    if (navigationInstance.blades.value.length === 0) {
       return false;
     }
 
-    const children = navigationInstance.blades.value.slice(index).reverse();
-    let isPrevented = false;
-    for (let index = 0; index < children.length; index++) {
-      const element = children[index];
+    try {
+      const children = navigationInstance.blades.value.slice(index).reverse();
+      let isPrevented = false;
+      for (let index = 0; index < children.length; index++) {
+        const element = children[index];
 
-      if (element.props?.navigation?.onBeforeClose) {
-        const result = await element.props.navigation.onBeforeClose();
+        if (element.props?.navigation?.onBeforeClose) {
+          const result = await element.props.navigation.onBeforeClose();
 
-        if (result === false) {
-          isPrevented = true;
-          console.debug(`[@vc-shell/framework#useBladeNavigation] - Navigation is prevented`);
+          if (result === false) {
+            isPrevented = true;
+            console.debug(`[@vc-shell/framework#useBladeNavigation] - Navigation is prevented`);
+          }
+          // we use break here to prevent running onBeforeClose for all children, cause it can be prevented by first child
+          break;
         }
       }
-    }
 
-    if (!isPrevented) {
-      navigationInstance.blades.value.splice(index);
-    }
+      if (!isPrevented) {
+        navigationInstance.blades.value.splice(index);
+      }
 
-    return isPrevented;
+      return isPrevented;
+    } finally {
+      console.debug(`[@vc-shell/framework#useBladeNavigation] - closeBlade finished.`);
+    }
   }
 
   return {
@@ -228,6 +234,12 @@ export function useBladeNavigation(): IUseBladeNavigation {
         if (hasAccess(blade.permissions)) {
           navigationInstance.blades.value = [createdComponent];
 
+          // Find the route with the matching URL and update the components.default property with the new component
+          const route = router.getRoutes().find((r) => r.path === createdComponent.type?.url);
+          if (route && route.components) {
+            route.components.default = createdComponent;
+          }
+
           return await router.replace({ path: createdComponent.type?.url as string });
         } else
           notification.error(i18n.global.t("PERMISSION_MESSAGES.ACCESS_RESTRICTED"), {

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

@@ -27,6 +27,7 @@ export default {
             currentLanguage: props.currentLocale,
             clearable: props.element.clearable || false,
             searchable: props.element.searchable || false,
+            multiple: props.element.multiple || false,
           },
           unrefNested(props.baseProps),
           {

package/shared/modules/dynamic/pages/dynamic-blade-form.vue

@@ -130,8 +130,6 @@ const { t } = useI18n({ useScope: "global" });
 
 const { showConfirmation } = usePopup();
 
-const { onBeforeClose } = useBladeNavigation();
-
 const widgetsRefs = useTemplateRefsList<{ el: HTMLDivElement; component: ConcreteComponent }>();
 
 const { loading, item, validationState, scope, load, remove, saveChanges, bladeTitle } = props.composables
@@ -149,7 +147,7 @@ const { loading, item, validationState, scope, load, remove, saveChanges, bladeT
       saveChanges: undefined,
       bladeTitle: undefined,
     } as unknown as UseDetails<Record<string, any>, DetailsBaseBladeScope>);
-
+const { onBeforeClose } = useBladeNavigation();
 const title = ref();
 const isReady = ref(false);
 const activeWidgetExposed = ref<CoreBladeExposed>();
@@ -186,13 +184,16 @@ watch(
 /**
  * Validated state. Uses 'disabled' property from toolbarOverrides.saveChanges OR validationState.modified
  */
-const validated = computed(() => {
+const isFormModified = computed(() => {
   const toolbarSave = _.get(toValue(scope)?.toolbarOverrides, "saveChanges") as unknown as IBladeToolbar;
 
-  return (toolbarSave && !unref("disabled" in toolbarSave && toolbarSave.disabled)) || validationState.value.modified;
+  if (toolbarSave && "disabled" in toolbarSave && toolbarSave.disabled !== undefined) {
+    return !unref(toolbarSave.disabled) || validationState.value.modified;
+  }
+  return validationState.value.modified;
 });
 
-useBeforeUnload(validated);
+useBeforeUnload(isFormModified);
 
 const form = computed(
   (): FormContentSchema => props.model?.content.find((x) => x?.component === "vc-form") as FormContentSchema,
@@ -348,7 +349,7 @@ onBeforeMount(async () => {
 });
 
 onBeforeClose(async () => {
-  if (unref(validated)) {
+  if (unref(isFormModified)) {
     return await showConfirmation(
       unref(
         computed(() => t(`${settings.value?.localizationPrefix.trim().toUpperCase()}.PAGES.ALERTS.CLOSE_CONFIRMATION`)),

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

@@ -314,6 +314,11 @@ export interface SelectSchema extends SchemaBase {
    * @type {boolean}
    */
   searchable?: boolean;
+  /**
+   * Select multiple values.
+   * @type {boolean}
+   */
+  multiple?: boolean;
 }
 
 export interface MultivalueSchema extends SchemaBase {

package/ui/components/atoms/vc-badge/vc-badge.vue

@@ -30,6 +30,13 @@ const props = defineProps<Props>();
 
 const emit = defineEmits<Emits>();
 
+defineSlots<{
+  /**
+   * Slot for component content
+   * */
+  default: void;
+}>();
+
 function onClick(): void {
   if (props.clickable && !props.disabled) {
     emit("click");

package/ui/components/atoms/vc-button/vc-button.vue

@@ -170,7 +170,11 @@ $variants: primary, warning, danger;
         @apply tw-bg-[color:rgb(var(--button-#{$variant}-background-color-hover))];
 
         &.vc-button_text {
-          @apply tw-bg-[color:rgba(var(--button-#{$variant}-background-color-hover),0.07)];
+          @apply tw-bg-[color:rgba(var(--button-#{$variant}-background-color-hover),0.07)] tw-p-1;
+        }
+
+        &.vc-button_outline {
+          @apply tw-border-[color:rgb(var(--button-#{$variant}-background-color-hover))]  tw-bg-transparent  #{!important};
         }
       }
     }

package/ui/components/atoms/vc-card/vc-card.vue

@@ -48,6 +48,9 @@ export interface Props {
   icon?: string;
   isCollapsable?: boolean;
   isCollapsed?: boolean;
+  /**
+   * Card content will fill the available space
+   */
   fill?: boolean;
   variant?: "default" | "success" | "danger";
 }

package/ui/components/atoms/vc-image/vc-image.vue

@@ -7,7 +7,7 @@
       :class="[
         `vc-image_${aspect}`,
         {
-          'tw-rounded-full tw-pb-[var(--image-padding-bottom-1x1)]': rounded,
+          'tw-rounded-full': rounded,
           'tw-rounded-[3px] tw-border tw-border-solid tw-border-[color:#efefef]': bordered,
           'tw-cursor-pointer': clickable,
         },

package/ui/components/molecules/index.ts

@@ -1,5 +1,4 @@
 export * from "./vc-breadcrumbs";
-export * from "./vc-code-editor";
 export * from "./vc-editor";
 export * from "./vc-form";
 export * from "./vc-file-upload";

package/ui/components/molecules/vc-file-upload/vc-file-upload.vue

@@ -56,13 +56,14 @@ import { getCurrentInstance, ref, unref } from "vue";
 import { useField } from "vee-validate";
 import { VcIcon, VcLink, VcHint } from "./../../";
 import { useI18n } from "vue-i18n";
+import { IValidationRules } from "./../../../../core/types";
 
 export interface Props {
   variant?: "gallery" | "file-upload";
   loading?: boolean;
   accept?: string;
   multiple?: boolean;
-  rules?: string | Record<string, unknown>;
+  rules?: keyof IValidationRules | IValidationRules;
   name?: string;
 }
 

package/ui/components/molecules/vc-input-currency/vc-input-currency.vue

@@ -5,9 +5,11 @@
     :option-value="optionValue"
     :searchable="true"
     :debounce="debounce"
+    :disabled="disabled"
     :label="label"
     :required="required"
     :model-value="option"
+    :tooltip="tooltip"
     @update:model-value="$emit('update:option', $event)"
   >
     <template #control="{ toggleHandler }">
@@ -24,7 +26,6 @@
         :error="error"
         :error-message="errorMessage"
         :maxlength="maxlength"
-        :tooltip="tooltip"
         class="tw-w-full"
         type="number"
       >
@@ -45,6 +46,7 @@
           <input
             ref="inputRef"
             type="text"
+            :disabled="disabled"
             :placeholder="holder"
           />
         </template>

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

@@ -110,14 +110,31 @@
       </template>
     </div>
 
-    <slot
-      v-if="errorMessage"
-      name="error"
+    <Transition
+      name="slide-up"
+      mode="out-in"
     >
-      <VcHint class="vc-multivalue__error tw-mt-1">
-        {{ errorMessage }}
-      </VcHint>
-    </slot>
+      <div v-if="error">
+        <slot name="error">
+          <VcHint
+            v-if="errorMessage"
+            class="vc-multivalue__error"
+          >
+            {{ errorMessage }}
+          </VcHint>
+        </slot>
+      </div>
+      <div v-else>
+        <slot name="hint">
+          <VcHint
+            v-if="hint"
+            class="tw-text-[color:var(--multivalue-placeholder-color)] tw-mt-1 tw-break-words tw-p-0"
+          >
+            {{ hint }}
+          </VcHint>
+        </slot>
+      </div>
+    </Transition>
   </div>
 </template>
 <!-- eslint-disable @typescript-eslint/no-explicit-any -->
@@ -136,6 +153,7 @@ export interface Props<T> {
   label?: string;
   tooltip?: string;
   name?: string;
+  hint?: string;
   options?: T[];
   optionValue?: string;
   optionLabel?: string;
@@ -175,7 +193,8 @@ const props = withDefaults(defineProps<Props<T>>(), {
 const emit = defineEmits<Emits<T>>();
 defineSlots<{
   item: (args: { item: T }) => any;
-  error: (props: any) => any;
+  hint: void;
+  error: void;
 }>();
 
 const dropdownToggleRef = ref();
@@ -358,7 +377,7 @@ function onSearch(event: Event) {
   }
 
   &__error {
-    @apply tw-text-[color:var(--multivalue-border-color-error)];
+    @apply tw-mt-1 [--hint-color:var(--multivalue-border-color-error)];
   }
 
   &__field {
@@ -400,4 +419,19 @@ function onSearch(event: Event) {
     @apply tw-bg-[#fafafa] tw-text-[#424242];
   }
 }
+
+.slide-up-enter-active,
+.slide-up-leave-active {
+  transition: all 0.25s ease-out;
+}
+
+.slide-up-enter-from {
+  opacity: 0;
+  transform: translateY(5px);
+}
+
+.slide-up-leave-to {
+  opacity: 0;
+  transform: translateY(-5px);
+}
 </style>

package/ui/components/organisms/vc-gallery/vc-gallery.vue

@@ -61,7 +61,7 @@
 
 <script lang="ts" setup>
 import { MaybeRef, computed, ref, unref, watch } from "vue";
-import { ICommonAsset } from "../../../../core/types";
+import { ICommonAsset, IValidationRules } from "../../../../core/types";
 import { VcLabel, VcFileUpload, VcHint } from "./../../";
 import VcGalleryItem from "./_internal/vc-gallery-item/vc-gallery-item.vue";
 import VcGalleryPreview from "./_internal/vc-gallery-preview/vc-gallery-preview.vue";
@@ -84,7 +84,7 @@ export interface Props {
     remove: boolean;
   };
   hideAfterUpload?: boolean;
-  rules?: string | Record<string, unknown>;
+  rules?: keyof IValidationRules | IValidationRules;
   name?: string;
   loading?: boolean;
 }

package/ui/components/organisms/vc-popup/vc-popup.vue

@@ -56,7 +56,7 @@
                 <slot name="header">{{ title }}</slot>
 
                 <button
-                  class="tw-h-[26px] tw-w-[26px] tw-bg-[var(--close-btn-bg)] tw-rounded-[4px] tw-inline-flex tw-items-center tw-justify-center tw-ml-auto hover:tw-bg-[var(--close-btn-bg-hover)]"
+                  class="tw-h-[26px] tw-w-[26px] tw-bg-[var(--close-btn-bg)] tw-rounded-[4px] tw-inline-flex tw-items-center tw-justify-center tw-ml-auto hover:tw-bg-[var(--close-btn-bg-hover)] tw-outline-none"
                   @click="closeModal"
                 >
                   <svg

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

@@ -1,123 +0,0 @@
-import { VNode } from "vue";
-export declare const VcCodeEditor: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        placeholder: {
-            type: import("vue").PropType<string>;
-        };
-        modelValue: {
-            type: import("vue").PropType<string | number | Date>;
-        };
-        required: {
-            type: import("vue").PropType<boolean>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        tooltip: {
-            type: import("vue").PropType<string>;
-        };
-        errorMessage: {
-            type: import("vue").PropType<string>;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((value: string | number | Date | null | undefined) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: string | number | Date | null | undefined) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        placeholder: {
-            type: import("vue").PropType<string>;
-        };
-        modelValue: {
-            type: import("vue").PropType<string | number | Date>;
-        };
-        required: {
-            type: import("vue").PropType<boolean>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        tooltip: {
-            type: import("vue").PropType<string>;
-        };
-        errorMessage: {
-            type: import("vue").PropType<string>;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((value: string | number | Date | null | undefined) => any) | undefined;
-    }, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        placeholder: {
-            type: import("vue").PropType<string>;
-        };
-        modelValue: {
-            type: import("vue").PropType<string | number | Date>;
-        };
-        required: {
-            type: import("vue").PropType<boolean>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        tooltip: {
-            type: import("vue").PropType<string>;
-        };
-        errorMessage: {
-            type: import("vue").PropType<string>;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((value: string | number | Date | null | undefined) => any) | undefined;
-    }, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    placeholder: {
-        type: import("vue").PropType<string>;
-    };
-    modelValue: {
-        type: import("vue").PropType<string | number | Date>;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    tooltip: {
-        type: import("vue").PropType<string>;
-    };
-    errorMessage: {
-        type: import("vue").PropType<string>;
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((value: string | number | Date | null | undefined) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number | Date | null | undefined) => void;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        error?(_: {}): any;
-    };
-}) & (new () => {
-    $slots: {
-        error: () => VNode[];
-    };
-});
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-code-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAG5B,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBACf;IACN,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,KAAK,EAAE,CAAC;KACtB,CAAC;CACH,CACF,CAAC"}