@vc-shell/framework 1.0.178 → 1.0.180

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

package/ui/components/molecules/vc-code-editor/vc-code-editor.vue

@@ -1,96 +0,0 @@
-<template>
-  <div
-    class="vc-editor"
-    :class="[
-      {
-        'vc-code-editor_error': errorMessage,
-        'vc-code-editor_disabled': disabled,
-      },
-    ]"
-  >
-    <!-- Editor label -->
-    <VcLabel
-      v-if="label"
-      class="tw-mb-2"
-      :required="required"
-    >
-      <span>{{ label }}</span>
-      <template
-        v-if="tooltip"
-        #tooltip
-        >{{ tooltip }}</template
-      >
-    </VcLabel>
-
-    <!-- Editor field -->
-    <v-ace-editor
-      v-model:value="content"
-      class="tw-border tw-border-solid tw-border-[color:var(--code-editor-border-color)] tw-rounded-[var(--code-editor-border-radius)] tw-h-[200px]"
-      lang="html"
-      theme="chrome"
-      @input="onInput"
-    />
-    <slot
-      v-if="errorMessage"
-      name="error"
-    >
-      <VcHint class="vc-code-editor__error">
-        {{ errorMessage }}
-      </VcHint>
-    </slot>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { VAceEditor } from "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/theme-chrome";
-import { ref, onMounted } from "vue";
-import { VcLabel, VcHint } from "./../../";
-
-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;
-}
-
-const props = defineProps<Props>();
-
-const emit = defineEmits<Emits>();
-const content = ref();
-
-onMounted(() => {
-  content.value = props.modelValue;
-});
-
-function onInput() {
-  emit("update:modelValue", content.value);
-}
-</script>
-
-<style lang="scss">
-:root {
-  --code-editor-border-radius: 3px;
-  --code-editor-border-color: #d3dbe9;
-  --code-editor-border-color-error: #f14e4e;
-  --code-editor-placeholder-color: #a5a5a5;
-}
-
-.vc-code-editor {
-  &__error {
-    @apply tw-text-[color:var(--editor-border-color-error)] tw-mt-1;
-  }
-
-  &_error .ace_editor {
-    @apply tw-border tw-border-solid tw-border-[color:var(--editor-border-color-error)];
-  }
-}
-</style>