eco-vue-js 0.3.67

package/dist/components/Expansion/WExpansion.vue.d.ts

@@ -0,0 +1,31 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isShown: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isShown: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    isOpen: boolean;
+    isShown: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WExpansion.vue.d.ts.map

package/dist/components/Expansion/WExpansion.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WExpansion.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Expansion/WExpansion.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqHA,wBAA8G;AAU9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Expansion/WExpansion.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent, openBlock, createBlock, Transition, withCtx, KeepAlive, withDirectives, createElementBlock, createElementVNode, renderSlot, vShow, createCommentVNode } from 'vue';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "duration-[var(--expansion-duration,300ms)]"
+};
+const _hoisted_2 = { class: "[overflow:inherit]" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WExpansion",
+  props: {
+    isOpen: { type: Boolean, default: true },
+    isShown: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        "enter-active-class": "transition-[grid-template-rows] overflow-hidden grid",
+        "enter-from-class": "grid-rows-[0fr]",
+        "enter-to-class": "grid-rows-[1fr]",
+        "leave-active-class": "transition-[grid-template-rows] overflow-hidden grid",
+        "leave-from-class": "grid-rows-[1fr]",
+        "leave-to-class": "grid-rows-[0fr]"
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(KeepAlive, null, [
+            _ctx.isOpen ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+              createElementVNode("div", _hoisted_2, [
+                renderSlot(_ctx.$slots, "default")
+              ])
+            ], 512)), [
+              [vShow, _ctx.isShown]
+            ]) : createCommentVNode("", true)
+          ], 1024))
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Expansion/WExpansion.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WExpansion.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/Expansion/WExpansionItem.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    icon: {
+        type: import("vue").PropType<SVGComponent>;
+    };
+    hasFlag: {
+        type: import("vue").PropType<boolean>;
+    };
+    minTitle: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggle: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    icon: {
+        type: import("vue").PropType<SVGComponent>;
+    };
+    hasFlag: {
+        type: import("vue").PropType<boolean>;
+    };
+    minTitle: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onToggle?: (() => any) | undefined;
+}, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WExpansionItem.vue.d.ts.map

package/dist/components/Expansion/WExpansionItem.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WExpansionItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Expansion/WExpansionItem.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8KA,wBAA8G;AAiB9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Expansion/WExpansionItem.vue.js

@@ -0,0 +1,68 @@
+import { defineComponent, openBlock, createElementBlock, createBlock, resolveDynamicComponent, withCtx, createElementVNode, normalizeClass, createCommentVNode, createTextVNode, toDisplayString, createVNode, Transition, unref, renderSlot } from 'vue';
+import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
+import _sfc_main$1 from './WExpansion.vue.js';
+
+const _hoisted_1 = { class: "overflow-hidden" };
+const _hoisted_2 = {
+  key: 0,
+  class: "absolute top-0 right-0 square-2 rounded-full bg-info dark:bg-info-dark"
+};
+const _hoisted_3 = { class: "flex justify-center items-center ml-auto" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WExpansionItem",
+  props: {
+    isOpen: { type: Boolean },
+    title: {},
+    icon: {},
+    hasFlag: { type: Boolean },
+    minTitle: { type: Boolean }
+  },
+  emits: ["toggle"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.title?.()?.[0] ?? "button"), {
+          class: "flex py-4 cursor-pointer select-none w-full",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("toggle"))
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["relative text-base text-accent font-semibold pr-4 flex gap-2", { "text-xs": _ctx.minTitle, "text-base": !_ctx.minTitle }])
+            }, [
+              _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+                key: 0,
+                class: "square-6"
+              })) : createCommentVNode("", true),
+              createTextVNode(" " + toDisplayString(_ctx.title) + " ", 1),
+              createVNode(Transition, {
+                "enter-active-class": "transition-opacity",
+                "leave-active-class": "transition-opacity",
+                "enter-from-class": "opacity-0",
+                "leave-to-class": "opacity-0"
+              }, {
+                default: withCtx(() => [
+                  _ctx.hasFlag ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true)
+                ]),
+                _: 1
+              })
+            ], 2),
+            createElementVNode("div", _hoisted_3, [
+              createVNode(unref(IconArrow), {
+                class: normalizeClass(["text-accent transition-transform", { "rotate-180": _ctx.isOpen }])
+              }, null, 8, ["class"])
+            ])
+          ]),
+          _: 1
+        })),
+        createVNode(_sfc_main$1, { "is-open": _ctx.isOpen }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["is-open"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Expansion/WExpansionItem.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WExpansionItem.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts

@@ -0,0 +1,44 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<string>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+    };
+    skeleton: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<string>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+    };
+    skeleton: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WFieldWrapper.vue.d.ts.map

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkIA,wBAA8G;AAI9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/FieldWrapper/WFieldWrapper.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, toDisplayString, createBlock, renderSlot, createTextVNode, createCommentVNode } from 'vue';
+import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+
+const _hoisted_1 = { class: "mt-1 mb-4" };
+const _hoisted_2 = { class: "text-base font-normal min-h-[2.75rem] flex items-center border-t border-solid border-gray-300 dark:border-gray-700" };
+const _hoisted_3 = {
+  key: 0,
+  class: "text-xs font-normal text-description pt-4 whitespace-pre-wrap break-words"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WFieldWrapper",
+  props: {
+    modelValue: {},
+    title: {},
+    description: {},
+    skeleton: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["text-accent text-xs font-semibold mb-2", {
+            "opacity-50": _ctx.disabled
+          }])
+        }, toDisplayString(_ctx.title), 3),
+        createElementVNode("div", _hoisted_2, [
+          _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
+            createTextVNode(toDisplayString(_ctx.modelValue), 1)
+          ])
+        ]),
+        _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/FieldWrapper/WFieldWrapper.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WFieldWrapper.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/FilePicker/WFilePicker.vue.d.ts

@@ -0,0 +1,74 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<File[]>;
+        required: true;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    multiple: {
+        type: import("vue").PropType<boolean>;
+    };
+    accept: {
+        type: import("vue").PropType<string>;
+    };
+    errorMessage: {
+        type: import("vue").PropType<string>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    skeleton: {
+        type: import("vue").PropType<boolean>;
+    };
+    required: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: File[]) => void;
+    "clear:placeholder": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<File[]>;
+        required: true;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    multiple: {
+        type: import("vue").PropType<boolean>;
+    };
+    accept: {
+        type: import("vue").PropType<string>;
+    };
+    errorMessage: {
+        type: import("vue").PropType<string>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    skeleton: {
+        type: import("vue").PropType<boolean>;
+    };
+    required: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
+    "onClear:placeholder"?: (() => any) | undefined;
+}, {}, {}>, {
+    title?(_: {}): any;
+    positive?(_: {
+        file: File;
+    }): any;
+    negative?(_: {
+        file: File;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WFilePicker.vue.d.ts.map

package/dist/components/FilePicker/WFilePicker.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WFilePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FilePicker/WFilePicker.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2eA,wBAA8G;AAmB9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/FilePicker/WFilePicker.vue.js

@@ -0,0 +1,207 @@
+import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, Fragment, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createBlock, createElementVNode, withModifiers, createVNode, withCtx, unref, renderList, Transition } from 'vue';
+import _sfc_main$3 from '../Button/WButton.vue.js';
+import { SemanticType } from '../../utils/SemanticType.js';
+import _sfc_main$2 from './components/FilePickerItem.vue.js';
+import _sfc_main$1 from './components/FilePickerSvg.vue.js';
+import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
+import { isClientSide } from '../../utils/utils.js';
+
+const _hoisted_1 = { class: "mb-6 relative" };
+const _hoisted_2 = {
+  key: 0,
+  class: "text-xs font-semibold text-accent mb-2"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "text-negative dark:text-negative-dark"
+};
+const _hoisted_4 = ["onDrop"];
+const _hoisted_5 = ["multiple", "accept"];
+const _hoisted_6 = {
+  key: 1,
+  class: "flex gap-6 h-full items-center justify-center"
+};
+const _hoisted_7 = {
+  key: 2,
+  class: "w-full h-full flex flex-col items-center text-base text-accent"
+};
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("div", { class: "font-semibold mt-16" }, " Drag and drop files here ", -1);
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("div", { class: "font-normal mt-4" }, " or ", -1);
+const _hoisted_10 = {
+  key: 3,
+  class: "h-full flex items-center justify-center"
+};
+const _hoisted_11 = { class: "overflow-x-overlay flex gap-6 items-center" };
+const _hoisted_12 = {
+  key: 0,
+  class: "absolute right-0 text-xs text-negative dark:text-negative-dark font-normal"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WFilePicker",
+  props: {
+    modelValue: {},
+    placeholder: {},
+    multiple: { type: Boolean },
+    accept: {},
+    errorMessage: {},
+    title: {},
+    skeleton: { type: Boolean },
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue", "clear:placeholder"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const input = ref();
+    const container = ref();
+    const containerWidth = ref(void 0);
+    const containerHeight = ref(void 0);
+    const isActive = ref(false);
+    const updateModelValue = () => {
+      emit("update:modelValue", input.value?.files?.length ? Array.from(input.value.files) : []);
+    };
+    const setIsActive = (value) => {
+      isActive.value = value;
+    };
+    const onDrop = (event) => {
+      setIsActive(false);
+      emit("update:modelValue", event.dataTransfer?.files?.length ? Array.from(event.dataTransfer.files) : []);
+    };
+    const unselectFile = (index) => {
+      const newFiles = props.modelValue.slice();
+      newFiles.splice(index, 1);
+      emit("update:modelValue", newFiles);
+      if (newFiles.length === 0 && input.value)
+        input.value.value = "";
+    };
+    const preventDefaults = (e) => {
+      e.preventDefault();
+    };
+    const events = ["dragenter", "dragover", "dragleave", "drop"];
+    const updateSize = () => {
+      containerWidth.value = container.value?.offsetWidth;
+      containerHeight.value = container.value?.offsetHeight;
+    };
+    useTabActiveListener(updateSize);
+    onMounted(() => {
+      if (!isClientSide)
+        return;
+      updateSize();
+      events.forEach((eventName) => {
+        document.body.addEventListener(eventName, preventDefaults);
+      });
+      window.addEventListener("resize", updateSize);
+    });
+    onUnmounted(() => {
+      if (!isClientSide)
+        return;
+      events.forEach((eventName) => {
+        document.body.removeEventListener(eventName, preventDefaults);
+      });
+      window.removeEventListener("resize", updateSize);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.title || _ctx.$slots.title?.()?.length ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          !_ctx.skeleton ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ]),
+            _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_3, " * ")) : createCommentVNode("", true)
+          ], 64)) : (openBlock(), createBlock(WSkeleton, {
+            key: 1,
+            class: "h-4 w-16"
+          }))
+        ])) : createCommentVNode("", true),
+        createElementVNode("label", {
+          ref_key: "container",
+          ref: container,
+          class: "relative block height-64 w-full min-w-[15rem] mb-1",
+          onDragenter: _cache[2] || (_cache[2] = withModifiers(($event) => setIsActive(true), ["prevent"])),
+          onDragover: _cache[3] || (_cache[3] = withModifiers(($event) => setIsActive(true), ["prevent"])),
+          onDragleave: _cache[4] || (_cache[4] = withModifiers(($event) => setIsActive(false), ["prevent"])),
+          onDragend: _cache[5] || (_cache[5] = withModifiers(($event) => setIsActive(false), ["prevent"])),
+          onDrop: withModifiers(onDrop, ["prevent"])
+        }, [
+          createElementVNode("input", {
+            ref_key: "input",
+            ref: input,
+            type: "file",
+            class: "hidden pointer-events-none",
+            multiple: _ctx.multiple,
+            accept: _ctx.accept,
+            onChange: updateModelValue
+          }, null, 40, _hoisted_5),
+          containerWidth.value && containerHeight.value ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            "svg-width": containerWidth.value,
+            "svg-height": containerHeight.value,
+            "is-active": isActive.value,
+            "has-error": _ctx.errorMessage !== void 0,
+            class: "absolute top-0 left-0"
+          }, null, 8, ["svg-width", "svg-height", "is-active", "has-error"])) : createCommentVNode("", true),
+          _ctx.placeholder ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            createVNode(_sfc_main$2, {
+              name: _ctx.placeholder,
+              "has-error": _ctx.errorMessage !== void 0,
+              "onClick:cancel": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("clear:placeholder"))
+            }, {
+              positive: withCtx(() => [
+                renderSlot(_ctx.$slots, "positive")
+              ]),
+              negative: withCtx(() => [
+                renderSlot(_ctx.$slots, "negative")
+              ]),
+              _: 3
+            }, 8, ["name", "has-error"])
+          ])) : _ctx.modelValue.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_7, [
+            _hoisted_8,
+            _hoisted_9,
+            createVNode(_sfc_main$3, {
+              "semantic-type": unref(SemanticType).PRIMARY,
+              class: "mt-4",
+              onClick: _cache[1] || (_cache[1] = withModifiers(($event) => input.value?.click(), ["stop", "prevent"]))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" Browse file ")
+              ]),
+              _: 1
+            }, 8, ["semantic-type"])
+          ])) : (openBlock(), createElementBlock("div", _hoisted_10, [
+            createElementVNode("div", _hoisted_11, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.modelValue, (file, index) => {
+                return openBlock(), createBlock(_sfc_main$2, {
+                  key: index,
+                  name: file.name,
+                  "has-error": _ctx.errorMessage !== void 0,
+                  "onClick:cancel": ($event) => unselectFile(index)
+                }, {
+                  positive: withCtx(() => [
+                    renderSlot(_ctx.$slots, "positive", { file })
+                  ]),
+                  negative: withCtx(() => [
+                    renderSlot(_ctx.$slots, "negative", { file })
+                  ]),
+                  _: 2
+                }, 1032, ["name", "has-error", "onClick:cancel"]);
+              }), 128))
+            ])
+          ]))
+        ], 40, _hoisted_4),
+        createVNode(Transition, {
+          "enter-active-class": "transition-opacity",
+          "leave-active-class": "transition-opacity",
+          "enter-from-class": "opacity-0",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: withCtx(() => [
+            _ctx.errorMessage ? (openBlock(), createElementBlock("div", _hoisted_12, toDisplayString(_ctx.errorMessage), 1)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/FilePicker/WFilePicker.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WFilePicker.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/FilePicker/components/FilePickerItem.vue.d.ts

@@ -0,0 +1,29 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    name: {
+        type: import("vue").PropType<string>;
+    };
+    hasError: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "click:cancel": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: import("vue").PropType<string>;
+    };
+    hasError: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    "onClick:cancel"?: (() => any) | undefined;
+}, {}, {}>, {
+    positive?(_: {}): any;
+    negative?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=FilePickerItem.vue.d.ts.map

package/dist/components/FilePicker/components/FilePickerItem.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePickerItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/FilePicker/components/FilePickerItem.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0KA,wBAA8G;AAiB9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}