@vc-shell/framework 1.0.178 → 1.0.179

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.179",
   "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.179",
+    "@vc-shell/config-generator": "^1.0.179",
+    "@vc-shell/ts-config": "^1.0.179",
     "@vitejs/plugin-vue": "^5.0.3",
     "sass": "^1.69.6",
     "tsx": "^4.7.1",

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

@@ -189,7 +189,10 @@ watch(
 const validated = 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) {
+    return (validationState.value.modified && unref(toolbarSave.disabled)) ?? false;
+  }
+  return validationState.value.modified;
 });
 
 useBeforeUnload(validated);

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"}

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

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import { VcCodeEditor } from "./";
-declare const meta: Meta<typeof VcCodeEditor>;
-export default meta;
-type Story = StoryObj<typeof VcCodeEditor>;
-export declare const Primary: Story;
-//# sourceMappingURL=vc-code-editor.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"vc-code-editor.stories.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-code-editor/vc-code-editor.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAGnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC"}

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

@@ -1,38 +0,0 @@
-/// <reference types="ace-builds/ace-modules" />
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/theme-chrome";
-export interface Props {
-    placeholder?: string;
-    modelValue?: string | number | Date;
-    required?: boolean;
-    disabled?: boolean;
-    label?: string;
-    tooltip?: string;
-    errorMessage?: string;
-}
-export interface Emits {
-    (event: "update:modelValue", value: string | number | Date | null | undefined): void;
-}
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number | Date | null | undefined) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
-    "onUpdate:modelValue"?: ((value: string | number | Date | null | undefined) => any) | undefined;
-}, {}, {}>, {
-    error?(_: {}): any;
-}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=vc-code-editor.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"vc-code-editor.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-code-editor/vc-code-editor.vue.ts"],"names":[],"mappings":";AAGA,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wCAAwC,CAAC;AAIhD,MAAM,WAAW,KAAK;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;CACtF;;;;;;;;AAqKD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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

@@ -1,10 +0,0 @@
-import { VNode } from "vue";
-import _CodeEditor from "./vc-code-editor.vue";
-
-export const VcCodeEditor = _CodeEditor as typeof _CodeEditor & {
-  new (): {
-    $slots: {
-      error: () => VNode[];
-    };
-  };
-};

package/ui/components/molecules/vc-code-editor/vc-code-editor.stories.ts

@@ -1,23 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import { VcCodeEditor } from "./";
-
-const meta: Meta<typeof VcCodeEditor> = {
-  title: "molecules/VcCodeEditor",
-  component: VcCodeEditor,
-};
-
-export default meta;
-type Story = StoryObj<typeof VcCodeEditor>;
-
-export const Primary: Story = {
-  render: (args) => ({
-    components: { VcCodeEditor },
-    setup() {
-      return { args };
-    },
-    template: '<vc-code-editor v-bind="args" v-on="$props"></vc-code-editor>',
-  }),
-  args: {
-    modelValue: "<div>HTML markup editor</div>",
-  },
-};