eco-vue-js 0.11.57 → 0.11.59

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

@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: "button",
           role: "button",
           tabindex: "0",
-          class: normalizeClass(["w-ripple w-ripple-hover -px--inner-margin relative grid cursor-pointer select-none grid-cols-[1fr,auto] items-center gap-2 py-3 text-start", _ctx.toggleClass]),
+          class: normalizeClass(["w-ripple w-ripple-hover -px--inner-margin relative grid cursor-pointer select-none grid-cols-[1fr,auto] items-center gap-2 py-3 text-start", __props.toggleClass]),
           onClick: toggle,
           onKeydown: [
             withKeys(toggle, ["enter"]),
@@ -41,15 +41,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createElementVNode("div", null, [
-              _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+              __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), {
                 key: 0,
                 class: "square-[1.25em] -mt-1 inline"
               })) : createCommentVNode("", true),
               _cache[0] || (_cache[0] = createTextVNode()),
               createElementVNode("span", {
-                class: normalizeClass(["relative pr-4 font-semibold", { "text-xs": _ctx.minTitle }])
+                class: normalizeClass(["relative pr-4 font-semibold", { "text-xs": __props.minTitle }])
               }, [
-                createTextVNode(toDisplayString(_ctx.title) + " ", 1),
+                createTextVNode(toDisplayString(__props.title) + " ", 1),
                 createVNode(Transition, {
                   "enter-active-class": "transition-opacity",
                   "leave-active-class": "transition-opacity",
@@ -57,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "leave-to-class": "opacity-0"
                 }, {
                   default: withCtx(() => [
-                    _ctx.hasFlag ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true)
+                    __props.hasFlag ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true)
                   ]),
                   _: 1
                 })
@@ -65,14 +65,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             createElementVNode("div", _hoisted_2, [
               createVNode(unref(IconArrow), {
-                class: normalizeClass(["text-accent square-[1.25em] transition-transform", { "rotate-180": _ctx.isOpen }])
+                class: normalizeClass(["text-accent square-[1.25em] transition-transform", { "rotate-180": __props.isOpen }])
               }, null, 8, ["class"])
             ])
           ]),
           _: 1
         }, 40, ["class"])),
         createVNode(_sfc_main$1, {
-          "is-open": _ctx.isOpen,
+          "is-open": __props.isOpen,
           class: normalizeClass([_ctx.$attrs.class, "py-2"])
         }, {
           default: withCtx(() => [

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

@@ -100,26 +100,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: "relative" }, { style: _ctx.$attrs.style }, {
         class: [_ctx.$attrs.class, {
-          "mb-[1.125rem]": !_ctx.noMargin && !_ctx.subgrid,
-          "col-span-full grid grid-cols-subgrid": _ctx.subgrid
+          "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))
       }), [
-        _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("label", {
+        __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("label", {
           key: 0,
           for: unref(id),
           class: normalizeClass(["text-accent relative block text-xs font-semibold leading-loose", {
             "cursor-not-allowed opacity-50": unref(isDisabled) && !unref(isReadonly) && !unref(isSkeleton),
-            "col-start-1": _ctx.subgrid
+            "col-start-1": __props.subgrid
           }])
         }, [
           !unref(isSkeleton) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             renderSlot(_ctx.$slots, "title", {}, () => [
-              _ctx.titleIcon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.titleIcon), { class: "square-[1.25em] mt-[-0.25em] inline" })),
-                _cache[1] || (_cache[1] = createTextVNode(" "))
+              __props.titleIcon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                (openBlock(), createBlock(resolveDynamicComponent(__props.titleIcon), { class: "square-[1.25em] mt-[-0.25em] inline" })),
+                _cache[1] || (_cache[1] = createTextVNode(" ", -1))
               ], 64)) : createCommentVNode("", true),
-              createTextVNode(toDisplayString(_ctx.title), 1)
+              createTextVNode(toDisplayString(__props.title), 1)
             ]),
             createVNode(Transition, {
               "enter-active-class": "transition-opacity",
@@ -128,13 +128,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "leave-to-class": "opacity-0"
             }, {
               default: withCtx(() => [
-                _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2, " * ")) : createCommentVNode("", true)
+                __props.required ? (openBlock(), createElementBlock("span", _hoisted_2, " * ")) : createCommentVNode("", true)
               ]),
               _: 1
             }),
-            _ctx.filterField && encodedQueryParam.value ? (openBlock(), createBlock(_sfc_main$1, {
+            __props.filterField && encodedQueryParam.value ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
-              "filter-field": _ctx.filterField,
+              "filter-field": __props.filterField,
               "encoded-query-param": encodedQueryParam.value,
               class: "absolute top-0.5 ml-2"
             }, null, 8, ["filter-field", "encoded-query-param"])) : createCommentVNode("", true)
@@ -144,32 +144,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           ref: "field",
           class: normalizeClass(["grid", {
-            "pr-9": !_ctx.title && !_ctx.$slots.title && _ctx.filterField,
-            "col-start-2 -col-end-1 row-start-1 -row-end-3 grid-cols-subgrid": _ctx.subgrid,
-            "grid-cols-[1fr,auto]": !_ctx.subgrid
+            "pr-9": !__props.title && !_ctx.$slots.title && __props.filterField,
+            "col-start-2 -col-end-1 row-start-1 -row-end-3 grid-cols-subgrid": __props.subgrid,
+            "grid-cols-[1fr,auto]": !__props.subgrid
           }])
         }, [
           !unref(isSkeleton) ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(["w-has-changes-color-info dark:w-has-changes-color-info-dark relative grid", {
-              "focus-within-not:w-has-changes-color-negative dark:focus-within-not:w-has-changes-color-negative-dark": _ctx.errorMessage,
-              "col-span-full grid-cols-subgrid": _ctx.subgrid,
-              "grid-cols-1": !_ctx.subgrid
+              "focus-within-not:w-has-changes-color-negative dark:focus-within-not:w-has-changes-color-negative-dark": __props.errorMessage,
+              "col-span-full grid-cols-subgrid": __props.subgrid,
+              "grid-cols-1": !__props.subgrid
             }])
           }, [
             renderSlot(_ctx.$slots, "field", normalizeProps(guardReactiveProps({ id: unref(id), setFocused, focused: focused.value })), () => [
               createElementVNode("div", {
                 class: normalizeClass(["flex min-h-[--w-input-height,2.75rem] items-center font-normal", {
-                  "font-mono": _ctx.mono,
-                  "border-t border-solid border-gray-300 dark:border-gray-700": _ctx.title || _ctx.$slots.title
+                  "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 })), () => [
-                  createTextVNode(toDisplayString(typeof _ctx.modelValue === "number" ? unref(numberFormatter).format(_ctx.modelValue) : _ctx.modelValue === null ? _ctx.emptyValue ?? "N / A" : _ctx.modelValue || _ctx.emptyValue), 1)
+                  createTextVNode(toDisplayString(typeof __props.modelValue === "number" ? unref(numberFormatter).format(__props.modelValue) : __props.modelValue === null ? __props.emptyValue ?? "N / A" : __props.modelValue || __props.emptyValue), 1)
                 ]),
-                _ctx.allowCopy && _ctx.modelValue ? (openBlock(), createBlock(_sfc_main$3, {
+                __props.allowCopy && __props.modelValue ? (openBlock(), createBlock(_sfc_main$3, {
                   key: 0,
-                  value: `${_ctx.modelValue}`,
+                  value: `${__props.modelValue}`,
                   class: "ml-2"
                 }, null, 8, ["value"])) : createCommentVNode("", true)
               ], 2)
@@ -181,7 +181,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "leave-to-class": "opacity-0"
             }, {
               default: withCtx(() => [
-                _ctx.hasChanges ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("", true)
+                __props.hasChanges ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("", true)
               ]),
               _: 1
             }),
@@ -194,19 +194,19 @@ 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", _ctx.topText ? "bottom-full" : "top-full"])
+                  class: normalizeClass(["text-description absolute right-0 whitespace-nowrap py-0.5 text-xs font-normal", __props.topText ? "bottom-full" : "top-full"])
                 }, toDisplayString(message.value), 3)), [
                   [vShow, isMessageShown.value]
-                ]) : _ctx.errorMessage ? (openBlock(), createElementBlock("div", {
+                ]) : __props.errorMessage ? (openBlock(), createElementBlock("div", {
                   key: 1,
                   class: normalizeClass(["text-negative dark:text-negative-dark absolute pt-0.5 text-xs font-normal", [
-                    !_ctx.leftError || _ctx.topText ? "right-0 text-end" : "left-0 text-start",
-                    _ctx.topText ? "bottom-full" : "top-full"
+                    !__props.leftError || __props.topText ? "right-0 text-end" : "left-0 text-start",
+                    __props.topText ? "bottom-full" : "top-full"
                   ]])
-                }, toDisplayString(_ctx.errorMessage), 3)) : _ctx.maxLength !== void 0 && focused.value ? (openBlock(), createElementBlock("div", {
+                }, 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", _ctx.topText ? "bottom-full" : "top-full"])
-                }, toDisplayString(unref(numberFormatter).format(`${typeof _ctx.modelValue === "number" ? _ctx.modelValue : _ctx.modelValue || ""}`.length)) + " / " + toDisplayString(unref(numberFormatter).format(_ctx.maxLength)), 3)) : createCommentVNode("", true)
+                  class: normalizeClass(["text-description absolute right-0 whitespace-nowrap pt-0.5 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
             })
@@ -217,29 +217,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_4, [
             renderSlot(_ctx.$slots, "right")
           ], 512)) : createCommentVNode("", true),
-          !_ctx.title && !_ctx.$slots.title && _ctx.filterField ? (openBlock(), createBlock(_sfc_main$1, {
+          !__props.title && !_ctx.$slots.title && __props.filterField ? (openBlock(), createBlock(_sfc_main$1, {
             key: 3,
-            "filter-field": _ctx.filterField,
+            "filter-field": __props.filterField,
             "encoded-query-param": encodedQueryParam.value,
             skeleton: unref(isSkeleton),
             class: "absolute right-0 self-center"
           }, null, 8, ["filter-field", "encoded-query-param", "skeleton"])) : createCommentVNode("", true)
         ], 2),
         renderSlot(_ctx.$slots, "bottom"),
-        _ctx.description ? (openBlock(), createElementBlock("div", {
+        __props.description ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(["text-description col-start-1 whitespace-pre-wrap text-pretty break-words text-xs font-normal", {
             "opacity-50": unref(isDisabled) && !unref(isReadonly) && !unref(isSkeleton),
-            "pt-4": !_ctx.subgrid
+            "pt-4": !__props.subgrid
           }])
         }, [
           unref(isSkeleton) ? (openBlock(), createBlock(_sfc_main$2, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createTextVNode(toDisplayString(_ctx.description), 1)
+            createTextVNode(toDisplayString(__props.description), 1)
           ], 64))
         ], 2)) : createCommentVNode("", true),
-        _ctx.tooltipText && !unref(isSkeleton) && !unref(isReadonly) ? (openBlock(), createBlock(_sfc_main$4, {
+        __props.tooltipText && !unref(isSkeleton) && !unref(isReadonly) ? (openBlock(), createBlock(_sfc_main$4, {
           key: 2,
-          text: _ctx.tooltipText
+          text: __props.tooltipText
         }, null, 8, ["text"])) : createCommentVNode("", true)
       ], 16);
     };

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

@@ -15,15 +15,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return _ctx.skeleton || !_ctx.encodedQueryParam ? (openBlock(), createElementBlock("div", _hoisted_1)) : (openBlock(), createElementBlock("button", {
+      return __props.skeleton || !__props.encodedQueryParam ? (openBlock(), createElementBlock("div", _hoisted_1)) : (openBlock(), createElementBlock("button", {
         key: 1,
         class: normalizeClass(["w-ripple w-ripple-hover rounded p-[0.125em]", {
-          "text-description": _ctx.$route.query[_ctx.filterField] !== _ctx.encodedQueryParam,
-          "bg-primary dark:bg-primary-dark text-default": _ctx.$route.query[_ctx.filterField] === _ctx.encodedQueryParam
+          "text-description": _ctx.$route.query[__props.filterField] !== __props.encodedQueryParam,
+          "bg-primary dark:bg-primary-dark text-default": _ctx.$route.query[__props.filterField] === __props.encodedQueryParam
         }]),
-        "aria-pressed": _ctx.$route.query[_ctx.filterField] === _ctx.encodedQueryParam,
+        "aria-pressed": _ctx.$route.query[__props.filterField] === __props.encodedQueryParam,
         "aria-label": "Toggle filter",
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.replace({ query: { ..._ctx.$route.query, [_ctx.filterField]: _ctx.$route.query[_ctx.filterField] === _ctx.encodedQueryParam ? void 0 : _ctx.encodedQueryParam } }))
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.replace({ query: { ..._ctx.$route.query, [__props.filterField]: _ctx.$route.query[__props.filterField] === __props.encodedQueryParam ? void 0 : __props.encodedQueryParam } }))
       }, [
         createVNode(unref(IconFilter), { class: "square-[1.25em]" })
       ], 10, _hoisted_2));

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

@@ -40,9 +40,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     skeleton: boolean;
     readonly: boolean;
     title: string;
+    placeholder: string;
     disabled: boolean;
     errorMessage: string;
-    placeholder: string;
     accept: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     container: HTMLLabelElement;

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;cAGH,OAAO;kBAJH,MAAM;iBAHP,MAAM;YAEX,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":"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"}

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

@@ -101,12 +101,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
           !unref(isSkeleton) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
+              createTextVNode(toDisplayString(__props.title), 1)
             ]),
-            _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_3, " * ")) : createCommentVNode("", true)
+            __props.required ? (openBlock(), createElementBlock("span", _hoisted_3, " * ")) : createCommentVNode("", true)
           ], 64)) : (openBlock(), createBlock(_sfc_main$1, {
             key: 1,
             class: "w-skeleton-h-4 w-skeleton-w-16"
@@ -126,8 +126,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref: "input",
             type: "file",
             class: "pointer-events-none hidden",
-            multiple: _ctx.multiple,
-            accept: _ctx.accept,
+            multiple: __props.multiple,
+            accept: __props.accept,
             onChange: updateModelValue
           }, null, 40, _hoisted_4)) : createCommentVNode("", true),
           containerWidth.value && containerHeight.value ? (openBlock(), createBlock(_sfc_main$2, {
@@ -135,13 +135,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "svg-width": containerWidth.value,
             "svg-height": containerHeight.value,
             "is-active": isActive.value,
-            "has-error": !!_ctx.errorMessage,
+            "has-error": !!__props.errorMessage,
             class: "absolute left-0 top-0"
           }, null, 8, ["svg-width", "svg-height", "is-active", "has-error"])) : createCommentVNode("", true),
-          _ctx.placeholder ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          __props.placeholder ? (openBlock(), createElementBlock("div", _hoisted_5, [
             createVNode(_sfc_main$3, {
-              name: _ctx.placeholder,
-              "has-error": !!_ctx.errorMessage,
+              name: __props.placeholder,
+              "has-error": !!__props.errorMessage,
               "onClick:cancel": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("clear:placeholder"))
             }, {
               positive: withCtx(() => [
@@ -152,27 +152,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 3
             }, 8, ["name", "has-error"])
-          ])) : _ctx.modelValue.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          ])) : __props.modelValue.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
             _cache[7] || (_cache[7] = createElementVNode("div", { class: "mt-16 font-semibold" }, " Drag and drop files here ", -1)),
             _cache[8] || (_cache[8] = createElementVNode("div", { class: "mt-4 font-normal" }, " or ", -1)),
             createVNode(_sfc_main$4, {
               "semantic-type": unref(SemanticType).PRIMARY,
               disabled: unref(isReadonly) || unref(isDisabled),
               class: "mt-4",
-              onClick: _cache[1] || (_cache[1] = withModifiers(($event) => unref(inputRef)?.click(), ["stop", "prevent"]))
+              onClick: _cache[1] || (_cache[1] = withModifiers(($event) => inputRef.value?.click(), ["stop", "prevent"]))
             }, {
-              default: withCtx(() => _cache[6] || (_cache[6] = [
-                createTextVNode(" Browse file ")
-              ])),
+              default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                createTextVNode(" Browse file ", -1)
+              ])]),
               _: 1
             }, 8, ["semantic-type", "disabled"])
           ])) : (openBlock(), createElementBlock("div", _hoisted_7, [
             createElementVNode("div", _hoisted_8, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.modelValue, (file, index) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (file, index) => {
                 return openBlock(), createBlock(_sfc_main$3, {
                   key: index,
                   name: file.name,
-                  "has-error": !!_ctx.errorMessage,
+                  "has-error": !!__props.errorMessage,
                   "onClick:cancel": ($event) => unselectFile(index)
                 }, {
                   positive: withCtx(() => [
@@ -194,7 +194,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "leave-to-class": "opacity-0"
         }, {
           default: withCtx(() => [
-            _ctx.errorMessage ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(_ctx.errorMessage), 1)) : createCommentVNode("", true)
+            __props.errorMessage ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)
           ]),
           _: 1
         })

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

@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          !_ctx.hasError ? renderSlot(_ctx.$slots, "positive", { key: 0 }, () => [
+          !__props.hasError ? renderSlot(_ctx.$slots, "positive", { key: 0 }, () => [
             createVNode(unref(IconCheckCircle), { class: "square-36 text-positive dark:text-positive-dark" })
           ]) : renderSlot(_ctx.$slots, "negative", { key: 1 }, () => [
             createVNode(unref(IconCloseCircle), { class: "square-36 text-negative dark:text-negative-dark" })
@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(IconCancel), { class: "square-3 text-description" })
           ])
         ]),
-        createElementVNode("div", _hoisted_3, toDisplayString(_ctx.name), 1)
+        createElementVNode("div", _hoisted_3, toDisplayString(__props.name), 1)
       ]);
     };
   }

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;;;;AAsHF,wBAQG"}
+{"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"}

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

@@ -45,13 +45,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("svg", {
         class: normalizeClass({
-          "opacity-50": !_ctx.isActive,
-          "opacity-100": _ctx.isActive,
-          "text-negative dark:text-negative-dark": _ctx.hasError,
-          "text-primary dark:text-primary-dark": !_ctx.hasError
+          "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: _ctx.svgWidth,
-        height: _ctx.svgHeight
+        width: __props.svgWidth,
+        height: __props.svgHeight
       }, [
         createElementVNode("rect", {
           ref: "rect",
@@ -68,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           stroke: "currentColor",
           fill: "none",
           class: normalizeClass({
-            "animate-border-rotate": _ctx.isActive
+            "animate-border-rotate": __props.isActive
           }),
           style: normalizeStyle({
             "--border-rotate-offset-from": dashoffset.value,

package/dist/components/FilterWrapper/WFilterWrapper.vue.js

@@ -75,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               createVNode(unref(IconFilterRemove)),
-              _cache[0] || (_cache[0] = createTextVNode(" Reset Filters "))
+              _cache[0] || (_cache[0] = createTextVNode(" Reset Filters ", -1))
             ]),
             _: 1
           }, 8, ["semantic-type", "disabled"])

package/dist/components/Form/WForm.vue.js

@@ -123,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       errorMessageMap: errorMessageMap.map
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.noTag ? _sfc_main$1 : "div"), null, {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.noTag ? _sfc_main$1 : "div"), null, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/Form/WFormValidator.vue.js

@@ -199,7 +199,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(resolveDynamicComponent(componentSlot.value), {
         ref: "component",
         "error-message": isErrorShown.value ? errorMessage.value : void 0,
-        "has-changes": _ctx.noChanges ? void 0 : hasChanges.value,
+        "has-changes": __props.noChanges ? void 0 : hasChanges.value,
         "onUpdate:modelValue": _validateOnUpdate,
         onSelect: _validateOnSelect,
         onUnselect: _validateOnUnselect,

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

@@ -58,11 +58,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, mergeProps({
         ...props,
         modelValue: unref(modelValue),
-        list: _ctx.list,
-        optionComponent: _ctx.optionComponent,
-        loading: _ctx.loading || unref(submitting),
-        disabled: _ctx.disabled || unref(isLoadingError),
-        skeleton: _ctx.skeleton || !unref(data)
+        list: __props.list,
+        optionComponent: __props.optionComponent,
+        loading: __props.loading || unref(submitting),
+        disabled: __props.disabled || unref(isLoadingError),
+        skeleton: __props.skeleton || !unref(data)
       }, {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(showModal)($event))
       }), createSlots({ _: 2 }, [

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

@@ -60,11 +60,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, mergeProps({
         ...props,
         modelValue: unref(modelValue),
-        list: _ctx.list,
-        optionComponent: _ctx.optionComponent,
-        loading: _ctx.loading || unref(submitting),
-        disabled: _ctx.disabled || unref(isLoadingError),
-        skeleton: _ctx.skeleton || !unref(data)
+        list: __props.list,
+        optionComponent: __props.optionComponent,
+        loading: __props.loading || unref(submitting),
+        disabled: __props.disabled || unref(isLoadingError),
+        skeleton: __props.skeleton || !unref(data)
       }, {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(showModal)($event))
       }), createSlots({ _: 2 }, [

package/dist/components/FormAsync/WFormAsyncInput.vue.d.ts

@@ -10,10 +10,10 @@ declare const _default: <Model, FieldType extends string | number, QueryParams>(
         subtitle?(_: {}): any;
         right?(_: {}): any;
         prefix?(_: {
-            modelValue: string | undefined;
+            modelValue: ((FieldType extends number ? "number" : "search" | "text" | "tel" | "password" | "email" | "url") extends infer T ? T extends (FieldType extends number ? "number" : "search" | "text" | "tel" | "password" | "email" | "url") ? T extends "number" ? number : string : never : never) | undefined;
         }): any;
         before?(_: {
-            modelValue: string | undefined;
+            modelValue: ((FieldType extends number ? "number" : "search" | "text" | "tel" | "password" | "email" | "url") extends infer T ? T extends (FieldType extends number ? "number" : "search" | "text" | "tel" | "password" | "email" | "url") ? T extends "number" ? number : string : never : never) | undefined;
         }): any;
     };
     emit: (e: "success", value: Model) => void;

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

@@ -79,12 +79,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, mergeProps({
         ...props,
-        modelValue: _ctx.textSecure ? void 0 : unref(modelValue),
-        skeleton: _ctx.skeleton || !unref(data),
-        disabled: _ctx.disabled || unref(isLoadingError),
-        loading: _ctx.loading || unref(submitting),
+        modelValue: __props.textSecure ? void 0 : unref(modelValue),
+        skeleton: __props.skeleton || !unref(data),
+        disabled: __props.disabled || unref(isLoadingError),
+        loading: __props.loading || unref(submitting),
         validate: validateFn.value,
-        placeholderSecure: _ctx.textSecure ? !!unref(modelValue) : void 0
+        placeholderSecure: __props.textSecure ? !!unref(modelValue) : void 0
       }, {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(showModal)($event))
       }), createSlots({ _: 2 }, [

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

@@ -101,9 +101,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, mergeProps({
         ...props,
         modelValue: unref(modelValue) ?? [],
-        skeleton: _ctx.skeleton || !unref(data),
-        disabled: _ctx.disabled || unref(isLoadingError),
-        loading: _ctx.loading || unref(submitting)
+        skeleton: __props.skeleton || !unref(data),
+        disabled: __props.disabled || unref(isLoadingError),
+        loading: __props.loading || unref(submitting)
       }, {
         onSelect: _cache[0] || (_cache[0] = ($event) => unref(showModal)(getNewValue($event))),
         onUnselect: _cache[1] || (_cache[1] = ($event) => unref(showModal)(getNewValue($event)))

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

@@ -96,9 +96,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, mergeProps({
         ...props,
         modelValue: unref(modelValue),
-        skeleton: _ctx.skeleton || !unref(data),
-        disabled: _ctx.disabled || unref(isLoadingError),
-        loading: _ctx.loading || unref(submitting)
+        skeleton: __props.skeleton || !unref(data),
+        disabled: __props.disabled || unref(isLoadingError),
+        loading: __props.loading || unref(submitting)
       }, {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(showModal)($event ?? null))
       }), createSlots({ _: 2 }, [

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

@@ -95,9 +95,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, mergeProps({
         ...props,
         modelValue: unref(modelValue),
-        skeleton: _ctx.skeleton || !unref(data),
-        disabled: _ctx.disabled || unref(isLoadingError),
-        loading: _ctx.loading || unref(submitting)
+        skeleton: __props.skeleton || !unref(data),
+        disabled: __props.disabled || unref(isLoadingError),
+        loading: __props.loading || unref(submitting)
       }, {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(showModal)($event ?? null))
       }), createSlots({ _: 2 }, [

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

@@ -95,9 +95,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, mergeProps({
         ...props,
         modelValue: unref(modelValue),
-        skeleton: _ctx.skeleton || !unref(data),
-        disabled: _ctx.disabled || unref(isLoadingError),
-        loading: _ctx.loading || unref(submitting)
+        skeleton: __props.skeleton || !unref(data),
+        disabled: __props.disabled || unref(isLoadingError),
+        loading: __props.loading || unref(submitting)
       }, {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(showModal)($event ?? null))
       }), createSlots({ _: 2 }, [

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

@@ -37,8 +37,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, mergeProps({
         ...props,
         modelValue: unref(modelValue),
-        loading: _ctx.loading || !unref(data) || unref(submitting),
-        disabled: !unref(data) || unref(isLoadingError) || _ctx.disabled
+        loading: __props.loading || !unref(data) || unref(submitting),
+        disabled: !unref(data) || unref(isLoadingError) || __props.disabled
       }, { "onUpdate:modelValue": unref(showModal) }), createSlots({ _: 2 }, [
         _ctx.$slots.title ? {
           name: "title",

package/dist/components/HeaderBar/WHeaderBar.vue.js

@@ -57,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           createElementVNode("div", _hoisted_1, [
             renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
+              createTextVNode(toDisplayString(__props.title), 1)
             ])
           ]),
           unref(search) ? (openBlock(), createElementBlock("button", {