eco-vue-js 0.11.65 → 0.11.67

package/dist/assets/icons/IconCheckSecret.svg.js

@@ -0,0 +1,44 @@
+import { createElementBlock, openBlock, createElementVNode } from 'vue';
+
+const _hoisted_1 = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+function render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "m3.23 21.27 3.54-3.54m0 3.54-3.54-3.54M5 22v-5m2.5 2.5h-5m14.73 1.77 3.54-3.54m0 3.54-3.54-3.54M19 22v-5m2.5 2.5h-5m-6.27 1.77 3.54-3.54m0 3.54-3.54-3.54M12 22v-5m2.5 2.5h-5",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M5.4 6.8V5.6C5.4 3.6 6 2 9 2s3.6 1.6 3.6 3.6v1.2M9 11.12a.72.72 0 1 0 0-1.44.72.72 0 0 0 0 1.44",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M13.72 7q-.64-.2-1.72-.2H6c-2.4 0-3 .6-3 3V11c0 2.4.6 3 3 3h6q1.1 0 1.72-.2",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M13.5 9.5 16 12l5.5-5.5",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5"
+    }, null, -1)
+  ]))]))
+}
+const IconCheckSecret = { render: render };
+
+export { IconCheckSecret as default, render };

package/dist/assets/icons/IconUpload.svg.js

@@ -0,0 +1,38 @@
+import { createElementBlock, openBlock, createElementVNode } from 'vue';
+
+const _hoisted_1 = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+function render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M9 17v-6l-2 2m2-2 2 2",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M22 10v5c0 5-2 7-7 7H9c-5 0-7-2-7-7V9c0-5 2-7 7-7h5",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M22 10h-4c-3 0-4-1-4-4V2z",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5"
+    }, null, -1)
+  ]))]))
+}
+const IconUpload = { render: render };
+
+export { IconUpload as default, render };

package/dist/components/BorderSvg/WBorderSvg.vue.d.ts

@@ -0,0 +1,26 @@
+import { SVGAttributes } from 'vue';
+type __VLS_Props = {
+    stroke?: string;
+    strokeDasharray?: string;
+    strokeDashoffset?: string;
+    strokeLinecap?: SVGAttributes['stroke-linecap'];
+    rectClass?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: SVGSVGElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WBorderSvg.vue.d.ts.map

package/dist/components/BorderSvg/WBorderSvg.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WBorderSvg.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BorderSvg/WBorderSvg.vue"],"names":[],"mappings":"AAyBA;AAuCA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,KAAK,CAAA;AAEtC,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAKF,iBAAS,cAAc;WAmCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,4SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/BorderSvg/WBorderSvg.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode, normalizeClass, renderSlot } from 'vue';
+
+const _hoisted_1 = {
+  fill: "none",
+  preserveAspectRatio: "xMidYMid meet",
+  class: "pointer-events-none absolute inset-0 z-10 -m-[--w-border-svg-padding,0px] size-[calc(100%+var(--w-border-svg-padding,0px)*2)]",
+  style: { "--border-svg-padding": "calc(var(--w-border-svg-padding, 0px) + var(--w-border-svg-stroke-width, 2px) / 2)" }
+};
+const _hoisted_2 = ["stroke", "stroke-dasharray", "stroke-linecap", "stroke-dashoffset"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WBorderSvg",
+  props: {
+    stroke: {},
+    strokeDasharray: {},
+    strokeDashoffset: {},
+    strokeLinecap: {},
+    rectClass: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1, [
+        createElementVNode("rect", {
+          stroke: __props.stroke,
+          "stroke-dasharray": __props.strokeDasharray,
+          "stroke-linecap": __props.strokeLinecap,
+          "stroke-dashoffset": __props.strokeDashoffset,
+          class: normalizeClass([__props.rectClass, "size-[calc(100%-var(--border-svg-padding)*2)] [rx:var(--w-border-svg-rounded)] [stroke-width:--w-border-svg-stroke-width,2px] [x:--border-svg-padding] [y:--border-svg-padding]"])
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 10, _hoisted_2)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/BorderSvg/WBorderSvg.vue2.js

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

package/dist/components/Button/WButtonGroup.vue.js

@@ -41,6 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     seamless: { type: Boolean },
     savedText: {},
     topText: { type: Boolean },
+    allowDropFile: { type: Boolean },
     loading: { type: Boolean },
     download: {},
     autofocus: { type: Boolean },

package/dist/components/Checkbox/WCheckboxGroup.vue.js

@@ -41,6 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     seamless: { type: Boolean },
     savedText: {},
     topText: { type: Boolean },
+    allowDropFile: { type: Boolean },
     radio: { type: Boolean },
     loading: { type: Boolean },
     alignTop: { type: Boolean },

package/dist/components/Checkbox/WCheckboxGroupMultiple.vue.js

@@ -40,6 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     seamless: { type: Boolean },
     savedText: {},
     topText: { type: Boolean },
+    allowDropFile: { type: Boolean },
     radio: { type: Boolean },
     loading: { type: Boolean },
     alignTop: { type: Boolean },

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

@@ -11,11 +11,13 @@ declare function __VLS_template(): {
             id: string;
             focused: boolean;
             setFocused: (value: boolean) => void;
+            isDragover: boolean;
         }) => VNode[];
         default: (props: {
             id: string;
             focused: boolean;
             setFocused: (value: boolean) => void;
+            isDragover: boolean;
         }) => VNode[];
     }> & {
         title: () => VNode[];
@@ -26,11 +28,13 @@ declare function __VLS_template(): {
             id: string;
             focused: boolean;
             setFocused: (value: boolean) => void;
+            isDragover: boolean;
         }) => VNode[];
         default: (props: {
             id: string;
             focused: boolean;
             setFocused: (value: boolean) => void;
+            isDragover: boolean;
         }) => VNode[];
     };
     refs: {
@@ -45,8 +49,10 @@ declare const __VLS_component: import('vue').DefineComponent<FieldWrapperProps,
     showMessage: (value: string, durationMs?: number) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (value: MouseEvent) => any;
+    drop: (value: DataTransferItemList) => any;
 }, string, import('vue').PublicProps, Readonly<FieldWrapperProps> & Readonly<{
     onClick?: ((value: MouseEvent) => any) | undefined;
+    onDrop?: ((value: DataTransferItemList) => any) | undefined;
 }>, {
     skeleton: boolean;
     readonly: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AA6LA;AAAA,OAsSO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAkB,KAAK,KAAK,EAAgE,MAAM,KAAK,CAAA;AAgH9G,iBAAS,cAAc;WA+RT,OAAO,IAA6B;;eA9SzC,MAAM,KAAK,EAAE;kBACV,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;gBACZ,MAAM,KAAK,EAAE;eACd,CAAC,KAAK,EAAE;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;SAAC,KAAK,KAAK,EAAE;iBACtF,CAAC,KAAK,EAAE;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;SAAC,KAAK,KAAK,EAAE;;eAL1F,MAAM,KAAK,EAAE;kBACV,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;gBACZ,MAAM,KAAK,EAAE;eACd,CAAC,KAAK,EAAE;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;SAAC,KAAK,KAAK,EAAE;iBACtF,CAAC,KAAK,EAAE;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;SAAC,KAAK,KAAK,EAAE;;;;;;;EA8SlG;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;yBA9WO,MAAM,eAAc,MAAM;;;;;;;;;;;;OAwXpD,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAqMA;AAAA,OA+TO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAkB,KAAK,KAAK,EAAgE,MAAM,KAAK,CAAA;AAiI9G,iBAAS,cAAc;WAuST,OAAO,IAA6B;;eAtTzC,MAAM,KAAK,EAAE;kBACV,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;gBACZ,MAAM,KAAK,EAAE;eACd,CAAC,KAAK,EAAE;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;YAAC,UAAU,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;iBAC3G,CAAC,KAAK,EAAE;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;YAAC,UAAU,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;eAL/G,MAAM,KAAK,EAAE;kBACV,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;gBACZ,MAAM,KAAK,EAAE;eACd,CAAC,KAAK,EAAE;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;YAAC,UAAU,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;iBAC3G,CAAC,KAAK,EAAE;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;YAAC,UAAU,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;;;;;;EAsTvH;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;yBA1YO,MAAM,eAAc,MAAM;;;;;;;;;;;;;;OAoZpD,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -49,11 +49,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
     savedText: {},
-    topText: { type: Boolean }
+    topText: { type: Boolean },
+    allowDropFile: { type: Boolean }
   },
-  emits: ["click"],
-  setup(__props, { expose: __expose }) {
+  emits: ["click", "drop"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const { isReadonly, isDisabled, isSkeleton } = useComponentStates(props);
     const id = useId();
     const fieldRef = useTemplateRef("field");
@@ -89,6 +91,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const setShowMessageInjected = inject(wFieldSetShowMessage, null);
     setShowMessageInjected?.(showMessage);
+    const isDragover = ref(false);
+    const onDragover = () => {
+      isDragover.value = true;
+    };
+    const onDragleave = () => {
+      isDragover.value = false;
+    };
+    const onDrop = (event) => {
+      const list = event.dataTransfer?.items;
+      if (list) emit("drop", list);
+    };
     onBeforeUnmount(() => {
       setShowMessageInjected?.(null);
       resetMessage();
@@ -98,13 +111,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       showMessage
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({ class: "relative" }, { style: _ctx.$attrs.style }, {
-        class: [_ctx.$attrs.class, {
-          "mb-[1.125rem]": !__props.noMargin && !__props.subgrid,
-          "col-span-full grid grid-cols-subgrid": __props.subgrid
-        }],
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
-      }), [
+      return openBlock(), createElementBlock("div", mergeProps(
+        { class: "relative" },
+        __props.allowDropFile ? {
+          style: _ctx.$attrs.style,
+          onDragover,
+          onDragleave,
+          onDrop
+        } : {
+          style: _ctx.$attrs.style
+        },
+        {
+          class: [_ctx.$attrs.class, {
+            "mb-[1.125rem]": !__props.noMargin && !__props.subgrid,
+            "col-span-full grid grid-cols-subgrid": __props.subgrid
+          }],
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+        }
+      ), [
         __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("label", {
           key: 0,
           for: unref(id),
@@ -157,14 +181,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "grid-cols-1": !__props.subgrid
             }])
           }, [
-            renderSlot(_ctx.$slots, "field", normalizeProps(guardReactiveProps({ id: unref(id), setFocused, focused: focused.value })), () => [
+            renderSlot(_ctx.$slots, "field", normalizeProps(guardReactiveProps({ id: unref(id), setFocused, focused: focused.value, isDragover: isDragover.value })), () => [
               createElementVNode("div", {
                 class: normalizeClass(["flex min-h-[--w-input-height,2.75rem] items-center font-normal", {
                   "font-mono": __props.mono,
                   "border-t border-solid border-gray-300 dark:border-gray-700": __props.title || _ctx.$slots.title
                 }])
               }, [
-                renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ id: unref(id), setFocused, focused: focused.value })), () => [
+                renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ id: unref(id), setFocused, focused: focused.value, isDragover: isDragover.value })), () => [
                   createTextVNode(toDisplayString(typeof __props.modelValue === "number" ? unref(numberFormatter).format(__props.modelValue) : __props.modelValue === null ? __props.emptyValue ?? "N / A" : __props.modelValue || __props.emptyValue), 1)
                 ]),
                 __props.allowCopy && __props.modelValue ? (openBlock(), createBlock(_sfc_main$3, {
@@ -194,18 +218,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 message.value ? withDirectives((openBlock(), createElementBlock("div", {
                   key: 0,
-                  class: normalizeClass(["text-description absolute right-0 whitespace-nowrap py-0.5 text-xs font-normal", __props.topText ? "bottom-full" : "top-full"])
+                  class: normalizeClass(["text-description absolute right-0 whitespace-nowrap my-0.5 bg-default dark:bg-default-dark text-xs font-normal", __props.topText ? "bottom-full" : "top-full"])
                 }, toDisplayString(message.value), 3)), [
                   [vShow, isMessageShown.value]
                 ]) : __props.errorMessage ? (openBlock(), createElementBlock("div", {
                   key: 1,
-                  class: normalizeClass(["text-negative dark:text-negative-dark absolute pt-0.5 text-xs font-normal", [
+                  class: normalizeClass(["text-negative dark:text-negative-dark absolute mt-0.5 bg-default dark:bg-default-dark text-xs font-normal", [
                     !__props.leftError || __props.topText ? "right-0 text-end" : "left-0 text-start",
                     __props.topText ? "bottom-full" : "top-full"
                   ]])
                 }, toDisplayString(__props.errorMessage), 3)) : __props.maxLength !== void 0 && focused.value ? (openBlock(), createElementBlock("div", {
                   key: 2,
-                  class: normalizeClass(["text-description absolute right-0 whitespace-nowrap pt-0.5 text-xs font-normal", __props.topText ? "bottom-full" : "top-full"])
+                  class: normalizeClass(["text-description absolute right-0 whitespace-nowrap mt-0.5 bg-default dark:bg-default-dark text-xs font-normal", __props.topText ? "bottom-full" : "top-full"])
                 }, toDisplayString(unref(numberFormatter).format(`${typeof __props.modelValue === "number" ? __props.modelValue : __props.modelValue || ""}`.length)) + " / " + toDisplayString(unref(numberFormatter).format(__props.maxLength)), 3)) : createCommentVNode("", true)
               ]),
               _: 1

package/dist/components/FieldWrapper/types.d.ts

@@ -23,5 +23,6 @@ export interface FieldWrapperProps {
     seamless?: boolean;
     savedText?: string;
     topText?: boolean;
+    allowDropFile?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/FieldWrapper/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB"}

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

@@ -24,7 +24,6 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {
-        container: HTMLLabelElement;
         input: HTMLInputElement;
     };
     rootEl: HTMLDivElement;
@@ -45,7 +44,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     errorMessage: string;
     accept: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    container: HTMLLabelElement;
     input: HTMLInputElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1 +1 @@
-{"version":3,"file":"WFilePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FilePicker/WFilePicker.vue"],"names":[],"mappings":"AA2IA;AA2QA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,IAAI,EAAE,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAkGJ,iBAAS,cAAc;WAgQT,OAAO,IAA6B;;uBAhBvB,GAAG;0BACC,GAAG;;;YAEH,GAAG;0BADH,GAAG;;;YAEH,GAAG;;;;;;;EAiBjC;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;cArYN,OAAO;cACP,OAAO;WAFV,MAAM;iBAJA,MAAM;cAOT,OAAO;kBAJH,MAAM;YADZ,MAAM;;;;kBAkZjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WFilePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FilePicker/WFilePicker.vue"],"names":[],"mappings":"AA8IA;AAoOA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,IAAI,EAAE,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA4DJ,iBAAS,cAAc;WAgQT,OAAO,IAA6B;;uBAfvB,GAAG;0BACC,GAAG;;;YAEH,GAAG;0BADH,GAAG;;;YAEH,GAAG;;;;;;EAgBjC;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;cA9VN,OAAO;cACP,OAAO;WAFV,MAAM;iBAJA,MAAM;cAOT,OAAO;kBAJH,MAAM;YADZ,MAAM;;;kBA2WjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,12 +1,11 @@
-import { defineComponent, useTemplateRef, ref, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, createElementVNode, createVNode, createBlock, unref, Fragment, renderSlot, createTextVNode, toDisplayString, withModifiers, withCtx, renderList, Transition } from 'vue';
+import { defineComponent, useTemplateRef, ref, createElementBlock, openBlock, createCommentVNode, createElementVNode, createVNode, createBlock, unref, Fragment, renderSlot, createTextVNode, toDisplayString, withModifiers, normalizeClass, withCtx, renderList, Transition } from 'vue';
 import _sfc_main$4 from '../Button/WButton.vue.js';
 import _sfc_main$1 from '../Skeleton/WSkeleton.vue.js';
 import { SemanticType } from '../../utils/SemanticType.js';
+import { isDragging } from '../../utils/preventDragFile.js';
 import { useComponentStates } from '../../utils/useComponentStates.js';
-import { getIsClientSide } from '../../utils/utils.js';
 import _sfc_main$3 from './components/FilePickerItem.vue.js';
 import _sfc_main$2 from './components/FilePickerSvg.vue.js';
-import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
 
 const _hoisted_1 = { class: "relative mb-6" };
 const _hoisted_2 = {
@@ -19,15 +18,15 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = ["multiple", "accept"];
 const _hoisted_5 = {
-  key: 2,
+  key: 1,
   class: "grid-cols-fit-44 grid h-full items-center justify-center gap-6"
 };
 const _hoisted_6 = {
-  key: 3,
+  key: 2,
   class: "text-accent flex size-full flex-col items-center"
 };
 const _hoisted_7 = {
-  key: 4,
+  key: 3,
   class: "flex h-full items-center justify-center"
 };
 const _hoisted_8 = { class: "overflow-x-overlay flex items-center gap-6" };
@@ -55,9 +54,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const { isReadonly, isDisabled, isSkeleton } = useComponentStates(props);
     const inputRef = useTemplateRef("input");
-    const containerRef = useTemplateRef("container");
-    const containerWidth = ref(void 0);
-    const containerHeight = ref(void 0);
     const isActive = ref(false);
     const updateModelValue = () => {
       emit("update:model-value", inputRef.value?.files?.length ? Array.from(inputRef.value.files) : []);
@@ -75,30 +71,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:model-value", newFiles);
       if (newFiles.length === 0 && inputRef.value) inputRef.value.value = "";
     };
-    const preventDefaults = (e) => {
-      e.preventDefault();
-    };
-    const events = ["dragenter", "dragover", "dragleave", "drop"];
-    const updateSize = () => {
-      containerWidth.value = containerRef.value?.offsetWidth;
-      containerHeight.value = containerRef.value?.offsetHeight;
-    };
-    useTabActiveListener(updateSize);
-    onMounted(() => {
-      if (!getIsClientSide()) return;
-      updateSize();
-      events.forEach((eventName) => {
-        document.body.addEventListener(eventName, preventDefaults);
-      });
-      window.addEventListener("resize", updateSize);
-    });
-    onUnmounted(() => {
-      if (!getIsClientSide()) return;
-      events.forEach((eventName) => {
-        document.body.removeEventListener(eventName, preventDefaults);
-      });
-      window.removeEventListener("resize", updateSize);
-    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
@@ -113,8 +85,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }))
         ])) : createCommentVNode("", true),
         createElementVNode("label", {
-          ref: "container",
-          class: "height-64 relative mb-1 block w-full min-w-60",
+          class: normalizeClass(["height-64 relative mb-1 block w-full min-w-60 rounded-xl", {
+            "bg-primary/10 dark:bg-primary-dark/10": !isActive.value,
+            "bg-primary/20 dark:bg-primary-dark/20": isActive.value
+          }]),
           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"])),
@@ -130,14 +104,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             accept: __props.accept,
             onChange: updateModelValue
           }, null, 40, _hoisted_4)) : createCommentVNode("", true),
-          containerWidth.value && containerHeight.value ? (openBlock(), createBlock(_sfc_main$2, {
-            key: 1,
-            "svg-width": containerWidth.value,
-            "svg-height": containerHeight.value,
-            "is-active": isActive.value,
-            "has-error": !!__props.errorMessage,
-            class: "absolute left-0 top-0"
-          }, null, 8, ["svg-width", "svg-height", "is-active", "has-error"])) : createCommentVNode("", true),
+          createVNode(_sfc_main$2, {
+            animate: unref(isDragging),
+            class: normalizeClass(["w-border-svg-rounded-xl absolute left-0 top-0", {
+              "text-negative dark:text-negative-dark": !!__props.errorMessage,
+              "text-primary dark:text-primary-dark": !__props.errorMessage
+            }])
+          }, null, 8, ["animate", "class"]),
           __props.placeholder ? (openBlock(), createElementBlock("div", _hoisted_5, [
             createVNode(_sfc_main$3, {
               name: __props.placeholder,
@@ -186,7 +159,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }), 128))
             ])
           ]))
-        ], 544),
+        ], 34),
         createVNode(Transition, {
           "enter-active-class": "transition-opacity",
           "leave-active-class": "transition-opacity",

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

@@ -1,11 +1,6 @@
 type __VLS_Props = {
-    svgWidth: number;
-    svgHeight: number;
-    isActive?: boolean;
-    hasError?: boolean;
+    animate?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    rect: SVGRectElement;
-}, SVGSVGElement>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
 export default _default;
 //# sourceMappingURL=FilePickerSvg.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilePickerSvg.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/FilePicker/components/FilePickerSvg.vue"],"names":[],"mappings":"AAmCA;AAwFA,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;AAqHF,wBAQG"}
+{"version":3,"file":"FilePickerSvg.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/FilePicker/components/FilePickerSvg.vue"],"names":[],"mappings":"AAgBA;AA2BA,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;;AA8DF,wBAOG"}

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

@@ -1,81 +1,31 @@
-import { defineComponent, ref, useTemplateRef, computed, watch, toRef, onBeforeMount, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle } from 'vue';
+import { defineComponent, createBlock, openBlock, withCtx, createElementBlock, createCommentVNode } from 'vue';
+import _sfc_main$1 from '../../BorderSvg/WBorderSvg.vue.js';
 
-const _hoisted_1 = ["width", "height"];
-const _hoisted_2 = ["x", "y", "width", "height", "rx", "ry", "stroke-width", "stroke-dasharray", "stroke-dashoffset"];
+const _hoisted_1 = {
+  key: 0,
+  attributeName: "stroke-dashoffset",
+  from: "0px",
+  to: "-12px",
+  dur: "0.5s",
+  repeatCount: "indefinite"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FilePickerSvg",
   props: {
-    svgWidth: {},
-    svgHeight: {},
-    isActive: { type: Boolean },
-    hasError: { type: Boolean }
+    animate: { type: Boolean }
   },
   setup(__props) {
-    const props = __props;
-    const lengthList = Array(8).fill(void 0).map((_, index) => (7 + index * 2) * 4);
-    const borderRaduis = ref(12);
-    const strokeWidth = ref(4);
-    const rectRef = useTemplateRef("rect");
-    const fraction = ref(48);
-    const fractionShift = ref(0);
-    const rectWidth = computed(() => props.svgWidth - strokeWidth.value);
-    const rectHeight = computed(() => props.svgHeight - strokeWidth.value);
-    const roundedHalf = computed(() => 12 * Math.PI / 2);
-    const pathLength = computed(() => rectRef.value?.getTotalLength() ?? 480);
-    const segmentLength = computed(() => pathLength.value / fraction.value);
-    const dashoffset = computed(() => (segmentLength.value + roundedHalf.value) / 2);
-    const calcFaction = () => {
-      const factor = rectWidth.value / rectHeight.value;
-      let result = 2;
-      let index = 0;
-      for (let i = 0; i < lengthList.length; i++) {
-        const value = lengthList[i] * factor % 1;
-        if (result > value) {
-          result = value;
-          index = i;
-        }
-      }
-      fraction.value = lengthList[index] ?? 48;
-      fractionShift.value = result;
-    };
-    watch(toRef(props, "svgWidth"), calcFaction);
-    onBeforeMount(() => {
-      calcFaction();
-    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", {
-        class: normalizeClass({
-          "opacity-50": !__props.isActive,
-          "opacity-100": __props.isActive,
-          "text-negative dark:text-negative-dark": __props.hasError,
-          "text-primary dark:text-primary-dark": !__props.hasError
-        }),
-        width: __props.svgWidth,
-        height: __props.svgHeight
-      }, [
-        createElementVNode("rect", {
-          ref: "rect",
-          x: strokeWidth.value / 2,
-          y: strokeWidth.value / 2,
-          width: rectWidth.value,
-          height: rectHeight.value,
-          rx: borderRaduis.value,
-          ry: borderRaduis.value,
-          "stroke-width": strokeWidth.value,
-          "stroke-dasharray": segmentLength.value + " " + segmentLength.value,
-          "stroke-dashoffset": dashoffset.value,
-          "stroke-linecap": "round",
-          stroke: "currentColor",
-          fill: "none",
-          class: normalizeClass({
-            "animate-border-rotate": __props.isActive
-          }),
-          style: normalizeStyle({
-            "--border-rotate-offset-from": dashoffset.value,
-            "--border-rotate-offset-to": dashoffset.value - pathLength.value
-          })
-        }, null, 14, _hoisted_2)
-      ], 10, _hoisted_1);
+      return openBlock(), createBlock(_sfc_main$1, {
+        stroke: "currentColor",
+        "stroke-linecap": "round",
+        "stroke-dasharray": "4px 8px"
+      }, {
+        default: withCtx(() => [
+          __props.animate ? (openBlock(), createElementBlock("animate", _hoisted_1)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      });
     };
   }
 });

package/dist/components/FormAsync/WFormAsyncButtonGroup.vue.js

@@ -36,6 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     seamless: { type: Boolean },
     savedText: {},
     topText: { type: Boolean },
+    allowDropFile: { type: Boolean },
     loading: { type: Boolean },
     download: {},
     autofocus: { type: Boolean },

package/dist/components/FormAsync/WFormAsyncCheckboxGroup.vue.js

@@ -39,6 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     seamless: { type: Boolean },
     savedText: {},
     topText: { type: Boolean },
+    allowDropFile: { type: Boolean },
     radio: { type: Boolean },
     loading: { type: Boolean },
     alignTop: { type: Boolean },