eco-vue-js 0.9.17 → 0.9.19

package/dist/components/Form/WFormValidator.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AAknBA,iBAAS,cAAc;;iBAbZ,MAAM,IAAI;;iBAAV,MAAM,IAAI;;;;;WA4GP,OAAO,IAA6B;EAEjD;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WApaZ,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;eACR,OAAO;;;wBA0QE,MAAM;qBAzEN,IAAI;;;;;;;WAvMjB,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;eACR,OAAO;;;;;;kFA2alB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AA4mBA,iBAAS,cAAc;;iBAbZ,MAAM,IAAI;;iBAAV,MAAM,IAAI;;;;;WA4GP,OAAO,IAA6B;EAEjD;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAjaZ,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;eACR,OAAO;;;wBAuQE,MAAM;qBAxEN,IAAI;;;;;;;WArMjB,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;eACR,OAAO;;;;;;kFAwalB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -60,7 +60,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const mandatory = computed(() => componentSlot.value?.props?.mandatory !== void 0 ? componentSlot.value?.props?.mandatory !== false : void 0);
     const title = computed(() => props.title ?? componentSlot.value?.props?.title);
     const errorMessage = ref(null);
-    const hasChanges = ref(false);
+    const hasChanges = computed(() => {
+      if (props.noChanges) return false;
+      if (initModelValue.value === void 0) {
+        return modelValue.value !== void 0 && modelValue.value !== "";
+      } else {
+        if (Array.isArray(modelValue.value) && Array.isArray(initModelValue.value)) {
+          const oldValue = initModelValue.value;
+          const newValue = modelValue.value;
+          return newValue.length !== oldValue.length || newValue.some((item) => !oldValue.includes(item));
+        } else {
+          return modelValue.value !== initModelValue.value;
+        }
+      }
+    });
     const hasBeenValidated = ref(false);
     const hasValueExact = computed(() => {
       if (props.hasValue) return true;
@@ -70,20 +83,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const _hasValue = computed(() => mandatory.value && hasValueExact.value === false ? null : hasValueExact.value);
     const requiredSymbols = computed(() => props.requiredSymbols?.split("") ?? []);
-    const _updateHasChanges = (value) => {
-      if (props.noChanges) return;
-      if (initModelValue.value === void 0) {
-        hasChanges.value = value !== void 0 && value !== "";
-      } else {
-        if (Array.isArray(value) && Array.isArray(initModelValue.value)) {
-          const oldValue = initModelValue.value;
-          const newValue = value;
-          hasChanges.value = newValue.length !== oldValue.length || newValue.some((item) => !oldValue.includes(item));
-        } else {
-          hasChanges.value = value !== initModelValue.value;
-        }
-      }
-    };
     const _validate = (value) => {
       const requiredMessage = required.value ? validateRequired(value) : void 0;
       if (requiredMessage) return requiredMessage;
@@ -128,7 +127,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const validateOnUpdate = (value) => {
       const message = _validate(value);
-      _updateHasChanges(value);
       errorMessage.value = message;
       hasBeenValidated.value = true;
       return message;
@@ -166,7 +164,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const initModel = () => {
       initModelValue.value = modelValue.value;
-      hasChanges.value = false;
     };
     const scrollTo = () => {
       if (!errorMessage.value) return;

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

@@ -24,6 +24,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: {},
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },

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

@@ -34,6 +34,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: {},
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },

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

@@ -39,6 +39,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: {},
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },

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

@@ -35,6 +35,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: {},
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },

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

@@ -35,6 +35,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: {},
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },

package/dist/components/Input/WInput.vue.d.ts

@@ -11,6 +11,8 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: NonNullab
         subtitle?(_: {}): any;
         prefix?(_: {}): any;
         prefix?(_: {}): any;
+        before?(_: {}): any;
+        after?(_: {}): any;
         suffix?(_: {}): any;
         right?(_: {}): any;
     };

package/dist/components/Input/WInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AAyWA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;yBAYtB,IAAI,SAAS,SAAS,wBACzB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAosBxD,mBAAmB,CAAC,sBAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;qBA7lB/B,IAAI;oBAML,IAAI;MAulBkD,GAAG,IAAI;WACpE,GAAG;;uBAvDc,GAAG;0BACA,GAAG;wBACL,GAAG;wBACF,GAAG;wBACH,GAAG;uBACJ,GAAG;;;YAnoBzB,mBAAmB,SAAS,4CAAa,SAAS,GAAG,IAAI;YACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;;;;YA6qBwB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9sBvE,wBA8sB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AAsXA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;yBAYtB,IAAI,SAAS,SAAS,wBACzB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6sBxD,mBAAmB,CAAC,sBAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;qBAtmB/B,IAAI;oBAML,IAAI;MAgmBkD,GAAG,IAAI;WACpE,GAAG;;uBAzDc,GAAG;0BACA,GAAG;wBACL,GAAG;wBACF,GAAG;wBACH,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;;;YA5oBzB,mBAAmB,SAAS,4CAAa,SAAS,GAAG,IAAI;YACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;;;;YAsrBwB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvtBvE,wBAutB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Input/WInput.vue.js

@@ -22,6 +22,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: { default: 10 },
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: { default: "off" },
     autofocus: { type: Boolean },
@@ -232,54 +235,64 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode("div", _hoisted_3, [
                   renderSlot(_ctx.$slots, "prefix"),
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.textarea ? "textarea" : "input"), {
-                    id,
-                    ref: "input",
-                    class: normalizeClass(["w-input max-w-full flex-1 appearance-none border-none bg-[inherit] text-base font-normal outline-0 placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-80 dark:placeholder:text-gray-500", {
-                      "min-h-[var(--textarea-height,10rem)] w-full py-3": _ctx.textarea,
-                      "resize-y": _ctx.resize && _ctx.textarea,
-                      "resize-none": !_ctx.resize && _ctx.textarea,
-                      "h-[var(--input-height,2.625rem)]": !_ctx.textarea && !_ctx.$slots.suffix,
-                      "h-[var(--input-height,2.125rem)]": !_ctx.textarea && _ctx.$slots.suffix,
+                  createElementVNode("div", {
+                    class: normalizeClass(["flex flex-1 items-baseline", {
                       "first:pl-0 group-first/input:pl-3 group-last/input:pr-3 [&:not(:first-child)]:pl-3": !_ctx.hideInput,
-                      "absolute w-0 max-w-0 p-0": _ctx.hideInput,
-                      "font-mono": _ctx.mono,
-                      "text-secure": _ctx.textSecure && !isSecureVisible.value,
-                      "text-black-default dark:text-gray-200": !_ctx.disabled,
-                      "text-black-default/50 dark:text-gray-200/50": _ctx.disabled
-                    }]),
-                    value: _ctx.placeholderSecure && _ctx.modelValue === void 0 && !focused ? "******" : _ctx.modelValue,
-                    placeholder: _ctx.placeholder,
-                    type: _ctx.type ?? "text",
-                    name: _ctx.name,
-                    disabled: _ctx.disabled,
-                    readonly: _ctx.readonly || _ctx.unclickable,
-                    autocomplete: _ctx.autocomplete,
-                    size: _ctx.size || void 0,
-                    spellcheck: _ctx.spellcheck ? "true" : "false",
-                    onInput: handleInputEvent,
-                    onKeypress: _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:enter", $event), ["exact"]), ["enter"])),
-                    onKeydown: [
-                      _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:up", $event), ["exact", "stop"]), ["up"])),
-                      _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:down", $event), ["exact", "stop"]), ["down"])),
-                      _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => {
-                        !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:delete", $event);
-                        handleBackspace($event);
-                      }, ["exact", "stop"]), ["delete"]))
-                    ],
-                    onFocus: ($event) => {
-                      _ctx.$emit("focus", $event);
-                      setFocused(true);
-                    },
-                    onBlur: ($event) => {
-                      _ctx.$emit("blur", $event);
-                      setFocused(false);
-                      isSecureVisible.value = false;
-                    },
-                    onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("click", $event)),
-                    onMousedown: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.$emit("mousedown", $event), ["stop"])),
-                    onSelect: _cache[6] || (_cache[6] = withModifiers(($event) => _ctx.$emit("select:input", $event), ["stop"]))
-                  }, null, 40, ["id", "class", "value", "placeholder", "type", "name", "disabled", "readonly", "autocomplete", "size", "spellcheck", "onFocus", "onBlur"]))
+                      "absolute w-0 max-w-0 p-0": _ctx.hideInput
+                    }])
+                  }, [
+                    renderSlot(_ctx.$slots, "before"),
+                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.textarea ? "textarea" : "input"), {
+                      id,
+                      ref: "input",
+                      class: normalizeClass(["w-input max-w-full flex-1 appearance-none border-none bg-[inherit] text-base font-normal outline-0 placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-80 dark:placeholder:text-gray-500", {
+                        "min-h-[var(--textarea-height,10rem)] w-full py-3": _ctx.textarea,
+                        "resize-y": _ctx.resize && _ctx.textarea,
+                        "resize-none": !_ctx.resize && _ctx.textarea,
+                        "h-[var(--input-height,2.625rem)]": !_ctx.textarea && !_ctx.$slots.suffix,
+                        "h-[var(--input-height,2.125rem)]": !_ctx.textarea && _ctx.$slots.suffix,
+                        "font-mono": _ctx.mono,
+                        "text-secure": _ctx.textSecure && !isSecureVisible.value,
+                        "text-black-default dark:text-gray-200": !_ctx.disabled,
+                        "text-black-default/50 dark:text-gray-200/50": _ctx.disabled
+                      }]),
+                      value: _ctx.placeholderSecure && _ctx.modelValue === void 0 && !focused ? "******" : _ctx.modelValue,
+                      placeholder: _ctx.placeholder,
+                      type: _ctx.type ?? "text",
+                      name: _ctx.name,
+                      disabled: _ctx.disabled,
+                      readonly: _ctx.readonly || _ctx.unclickable,
+                      autocomplete: _ctx.autocomplete,
+                      size: _ctx.size || void 0,
+                      step: _ctx.step,
+                      min: _ctx.min,
+                      max: _ctx.max,
+                      spellcheck: _ctx.spellcheck ? "true" : "false",
+                      onInput: handleInputEvent,
+                      onKeypress: _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:enter", $event), ["exact"]), ["enter"])),
+                      onKeydown: [
+                        _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:up", $event), ["exact", "stop"]), ["up"])),
+                        _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:down", $event), ["exact", "stop"]), ["down"])),
+                        _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => {
+                          !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:delete", $event);
+                          handleBackspace($event);
+                        }, ["exact", "stop"]), ["delete"]))
+                      ],
+                      onFocus: ($event) => {
+                        _ctx.$emit("focus", $event);
+                        setFocused(true);
+                      },
+                      onBlur: ($event) => {
+                        _ctx.$emit("blur", $event);
+                        setFocused(false);
+                        isSecureVisible.value = false;
+                      },
+                      onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("click", $event)),
+                      onMousedown: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.$emit("mousedown", $event), ["stop"])),
+                      onSelect: _cache[6] || (_cache[6] = withModifiers(($event) => _ctx.$emit("select:input", $event), ["stop"]))
+                    }, null, 40, ["id", "class", "value", "placeholder", "type", "name", "disabled", "readonly", "autocomplete", "size", "step", "min", "max", "spellcheck", "onFocus", "onBlur"])),
+                    renderSlot(_ctx.$slots, "after")
+                  ], 2)
                 ])
               ], 2),
               createVNode(_sfc_main$2, {

package/dist/components/Input/WInputAsync.vue.js

@@ -22,6 +22,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: {},
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },

package/dist/components/Input/WInputDate.vue.js

@@ -20,6 +20,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: {},
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },

package/dist/components/Input/WInputOptions.vue.js

@@ -25,6 +25,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: {},
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },

package/dist/components/Input/WInputSuggest.vue.js

@@ -21,6 +21,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: {},
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },

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

@@ -10,6 +10,9 @@ export interface InputProps<Type extends InputType> extends Omit<FieldWrapperPro
     icon?: SVGComponent;
     size?: number;
     maxLength?: number;
+    step?: number;
+    min?: number;
+    max?: number;
     name?: string;
     autocomplete?: 'off' | string;
     autofocus?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAElC,MAAM,WAAW,UAAU,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC;IAC/F,UAAU,CAAC,EAAE,CAAC,IAAI,SAAS,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,CAAA;IAClE,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,eAAe,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,UAAU,CAAC,IAAI,CAAC;IAC/E,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;CACrC;AAED,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,YAAY,CAAC,CAAC;IAC5J,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,SAAS,EAAE,MAAM,CAAE,SAAQ,iBAAiB,CAAC,IAAI,CAAC;IAChG,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAChF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC,CAAA;CACnF;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC;IACnF,UAAU,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC7B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAElC,MAAM,WAAW,UAAU,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC;IAC/F,UAAU,CAAC,EAAE,CAAC,IAAI,SAAS,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,CAAA;IAClE,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,eAAe,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,UAAU,CAAC,IAAI,CAAC;IAC/E,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;CACrC;AAED,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,YAAY,CAAC,CAAC;IAC5J,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,SAAS,EAAE,MAAM,CAAE,SAAQ,iBAAiB,CAAC,IAAI,CAAC;IAChG,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAChF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC,CAAA;CACnF;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC;IACnF,UAAU,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC7B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf"}

package/dist/components/NumberFormatter/WNumberFormatter.vue.d.ts

@@ -0,0 +1,15 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: number;
+    percent?: boolean;
+    compact?: boolean;
+    tag?: string;
+    noTouch?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    modelValue: number;
+    percent?: boolean;
+    compact?: boolean;
+    tag?: string;
+    noTouch?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=WNumberFormatter.vue.d.ts.map

package/dist/components/NumberFormatter/WNumberFormatter.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WNumberFormatter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/NumberFormatter/WNumberFormatter.vue"],"names":[],"mappings":";gBA0Cc,MAAM;cACR,OAAO;cACP,OAAO;UACX,MAAM;cACF,OAAO;;gBAJL,MAAM;cACR,OAAO;cACP,OAAO;UACX,MAAM;cACF,OAAO;;AAwEnB,wBAMG"}

package/dist/components/NumberFormatter/WNumberFormatter.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import _sfc_main$1 from '../EmptyComponent/WEmptyComponent.vue.js';
+import _sfc_main$2 from '../Tooltip/WTooltip.vue.js';
+import { percentCompactFormatter, numberCompactFormatter, percentFormatter, numberFormatter } from '../../utils/utils.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WNumberFormatter",
+  props: {
+    modelValue: {},
+    percent: { type: Boolean },
+    compact: { type: Boolean },
+    tag: {},
+    noTouch: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const formattedCompact = computed(() => (props.percent ? percentCompactFormatter : numberCompactFormatter).format(props.modelValue));
+    const formatted = computed(() => (props.percent ? percentFormatter : numberFormatter).format(props.modelValue));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag ?? _sfc_main$1), null, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.compact ? formattedCompact.value : formatted.value) + " ", 1),
+          _ctx.compact && formattedCompact.value !== formatted.value ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            text: formatted.value,
+            "no-touch": _ctx.noTouch
+          }, null, 8, ["text", "no-touch"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/NumberFormatter/WNumberFormatter.vue2.js

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

package/dist/components/Select/WSelect.vue.js

@@ -35,6 +35,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: {},
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },

package/dist/components/Select/WSelectAsync.vue.js

@@ -32,6 +32,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: {},
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },

package/dist/components/Select/WSelectAsyncSingle.vue.js

@@ -30,6 +30,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: {},
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },

package/dist/components/Select/WSelectSingle.vue.js

@@ -26,6 +26,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: {},
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },

package/dist/components/Select/WSelectStringified.vue.js

@@ -26,6 +26,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     size: {},
     maxLength: {},
+    step: {},
+    min: {},
+    max: {},
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },

package/dist/imports/componentsPlugin.d.ts

@@ -60,6 +60,7 @@ import { default as WNavItem } from '../components/Nav/WNavItem.vue';
 import { default as WNavItemExpand } from '../components/Nav/WNavItemExpand.vue';
 import { default as WNavItemTransition } from '../components/Nav/WNavItemTransition.vue';
 import { default as WNotify } from '../components/Notify/WNotify.vue';
+import { default as WNumberFormatter } from '../components/NumberFormatter/WNumberFormatter.vue';
 import { default as WProgress } from '../components/Progress/WProgress.vue';
 import { default as WSelect } from '../components/Select/WSelect.vue';
 import { default as WSelectAsync } from '../components/Select/WSelectAsync.vue';
@@ -79,5 +80,5 @@ declare const _default: {
     install: (app: App | any) => void;
 };
 export default _default;
-export { WActionsBar, WBottomSheet, WButton, WButtonAction, WButtonCopy, WButtonDropdown, WButtonGroup, WButtonMore, WButtonMoreItem, WButtonSelection, WButtonSelectionAction, WCheckbox, WChip, WClickOutside, WCounter, WDatePicker, WDatePickerSingle, WDropdown, WDropdownMenu, WEmptyComponent, WExpansion, WExpansionItem, WFieldWrapper, WFilePicker, WFilterWrapper, WForm, WFormAsyncButtonGroup, WFormAsyncInput, WFormAsyncSelect, WFormAsyncSelectInfiniteSingle, WFormAsyncSelectSingle, WFormAsyncSelectStringified, WFormAsyncToggle, WFormValidator, WHeaderBar, WImageViewer, WInfiniteList, WInfiniteListWrapper, WInfoCard, WInfoCardNegative, WInput, WInputAsync, WInputDate, WInputOptions, WInputSuggest, WLink, WLinkArrow, WList, WListCard, WListCardField, WListHeader, WListHeaderItem, WMenuItem, WModal, WModalStepper, WModalWrapper, WNavBar, WNavItem, WNavItemExpand, WNavItemTransition, WNotify, WProgress, WSelect, WSelectAsync, WSelectAsyncList, WSelectAsyncSingle, WSelectSingle, WSelectStringified, WSkeleton, WSpinner, WTabs, WTabsColumns, WTabsItem, WToggle, WTooltip, WTooltipContainer, };
+export { WActionsBar, WBottomSheet, WButton, WButtonAction, WButtonCopy, WButtonDropdown, WButtonGroup, WButtonMore, WButtonMoreItem, WButtonSelection, WButtonSelectionAction, WCheckbox, WChip, WClickOutside, WCounter, WDatePicker, WDatePickerSingle, WDropdown, WDropdownMenu, WEmptyComponent, WExpansion, WExpansionItem, WFieldWrapper, WFilePicker, WFilterWrapper, WForm, WFormAsyncButtonGroup, WFormAsyncInput, WFormAsyncSelect, WFormAsyncSelectInfiniteSingle, WFormAsyncSelectSingle, WFormAsyncSelectStringified, WFormAsyncToggle, WFormValidator, WHeaderBar, WImageViewer, WInfiniteList, WInfiniteListWrapper, WInfoCard, WInfoCardNegative, WInput, WInputAsync, WInputDate, WInputOptions, WInputSuggest, WLink, WLinkArrow, WList, WListCard, WListCardField, WListHeader, WListHeaderItem, WMenuItem, WModal, WModalStepper, WModalWrapper, WNavBar, WNavItem, WNavItemExpand, WNavItemTransition, WNotify, WNumberFormatter, WProgress, WSelect, WSelectAsync, WSelectAsyncList, WSelectAsyncSingle, WSelectSingle, WSelectStringified, WSkeleton, WSpinner, WTabs, WTabsColumns, WTabsItem, WToggle, WTooltip, WTooltipContainer, };
 //# sourceMappingURL=componentsPlugin.d.ts.map

package/dist/imports/componentsPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"componentsPlugin.d.ts","sourceRoot":"","sources":["../../src/imports/componentsPlugin.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"componentsPlugin.d.ts","sourceRoot":"","sources":["../../src/imports/componentsPlugin.ts"],"names":[],"mappings":"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"}

package/dist/main.js

@@ -63,6 +63,7 @@ export { default as WNavItem } from './components/Nav/WNavItem.vue.js';
 export { default as WNavItemExpand } from './components/Nav/WNavItemExpand.vue.js';
 export { default as WNavItemTransition } from './components/Nav/WNavItemTransition.vue.js';
 export { default as WNotify } from './components/Notify/WNotify.vue.js';
+export { default as WNumberFormatter } from './components/NumberFormatter/WNumberFormatter.vue.js';
 export { default as WProgress } from './components/Progress/WProgress.vue.js';
 export { default as WSelect } from './components/Select/WSelect.vue.js';
 export { default as WSelectAsync } from './components/Select/WSelectAsync.vue.js';
@@ -90,5 +91,5 @@ export { getIsMobile, getIsTouchDevice } from './utils/mobile.js';
 export { PAGE_LENGTH, makeQueryPaginated, useDefaultQuery } from './utils/useDefaultQuery.js';
 export { paginatedResponseUpdater, useQueryUpdater } from './utils/useQueryUpdater.js';
 export { useCopy } from './utils/useCopy.js';
-export { debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, set, throttle } from './utils/utils.js';
+export { debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, percentFormatter, set, throttle } from './utils/utils.js';
 export { validateRequired } from './utils/validate.js';

package/dist/utils/utils.d.ts

@@ -8,8 +8,9 @@ export declare function throttle<T extends DebounceCb>(cb: T, delay?: number): T
 export declare const isEqualArr: (arr1: unknown[], arr2: unknown[]) => boolean;
 export declare const isEqualObj: (obj1: Record<string, unknown>, obj2: Record<string, unknown>, exclude?: string[], include?: string[]) => boolean;
 export declare const percentCompactFormatter: Intl.NumberFormat;
+export declare const percentFormatter: Pick<Intl.NumberFormat, "format">;
 export declare const numberCompactFormatter: Intl.NumberFormat;
-export declare const numberFormatter: Intl.NumberFormat;
+export declare const numberFormatter: Pick<Intl.NumberFormat, "format">;
 export declare const isClientSide: boolean;
 export declare const genId: () => number;
 export declare const isId: (value: unknown) => value is number;

package/dist/utils/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,cAAc,EAAE,cAAc,EAAE,UAAU,EAAC,MAAM,yBAAyB,CAAA;AAYpG,eAAO,MAAM,eAAe,SAAU,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,UAAW,OAAO,mBAAa,KAAK,CAAC,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,EAAE,QAAQ,OAAO,EAAE,KAAG,OAE7D,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,MAAM,EAAE,YAAY,MAAM,EAAE,KAAG,OAWjI,CAAA;AAED,eAAO,MAAM,uBAAuB,mBAAmE,CAAA;AACvG,eAAO,MAAM,sBAAsB,mBAAiD,CAAA;AACpF,eAAO,MAAM,eAAe,mBAA0B,CAAA;AAEtD,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,OAAO,KAAG,KAAK,IAAI,MAE9C,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,MAUxC,CAAA;AAED,eAAO,MAAM,MAAM,UAAW,OAAO,KAAG,KAAK,IAAI,MAAqB,CAAA;AAEtE,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,KAAK,IAAI,MAEjD,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,OAAO,KAAG,MAU3C,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,SAAS,EAAE,IAAI,QAAQ,IAAI,QAAQ,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,KAAG,SAAS,GAAG,SAA2J,CAAA;AAEnQ,eAAO,MAAM,GAAG,GAAI,SAAS,EAAE,IAAI,QAAQ,IAAI,QAAQ,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,SAAS,KAAG,IAe7G,CAAA;AAGD,eAAO,MAAM,wBAAwB,GAAI,MAAM,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,UAAU,MAAM,WAAW,IAAI,SAAS,OAAO,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,EAAE,GAAG,MAAM,EAAE,KAAG,cAAc,CAAC,MAAM,CAiBhM,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,cAAc,EAAE,cAAc,EAAE,UAAU,EAAC,MAAM,yBAAyB,CAAA;AAYpG,eAAO,MAAM,eAAe,SAAU,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,UAAW,OAAO,mBAAa,KAAK,CAAC,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,EAAE,QAAQ,OAAO,EAAE,KAAG,OAE7D,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,MAAM,EAAE,YAAY,MAAM,EAAE,KAAG,OAWjI,CAAA;AAQD,eAAO,MAAM,uBAAuB,mBAA6F,CAAA;AACjI,eAAO,MAAM,gBAAgB,mCAA+F,CAAA;AAE5H,eAAO,MAAM,sBAAsB,mBAA2E,CAAA;AAC9G,eAAO,MAAM,eAAe,mCAA6E,CAAA;AAEzG,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,OAAO,KAAG,KAAK,IAAI,MAE9C,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,MAUxC,CAAA;AAED,eAAO,MAAM,MAAM,UAAW,OAAO,KAAG,KAAK,IAAI,MAAqB,CAAA;AAEtE,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,KAAK,IAAI,MAEjD,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,OAAO,KAAG,MAU3C,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,SAAS,EAAE,IAAI,QAAQ,IAAI,QAAQ,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,KAAG,SAAS,GAAG,SAA2J,CAAA;AAEnQ,eAAO,MAAM,GAAG,GAAI,SAAS,EAAE,IAAI,QAAQ,IAAI,QAAQ,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,SAAS,KAAG,IAe7G,CAAA;AAGD,eAAO,MAAM,wBAAwB,GAAI,MAAM,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,UAAU,MAAM,WAAW,IAAI,SAAS,OAAO,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,EAAE,GAAG,MAAM,EAAE,KAAG,cAAc,CAAC,MAAM,CAiBhM,CAAA"}

package/dist/utils/utils.js

@@ -50,9 +50,15 @@ const isEqualObj = (obj1, obj2, exclude, include) => {
     return false;
   });
 };
-const percentCompactFormatter = Intl.NumberFormat("en", { notation: "compact", style: "percent" });
-const numberCompactFormatter = Intl.NumberFormat("en", { notation: "compact" });
-const numberFormatter = Intl.NumberFormat("fr");
+const getFormatter = (formatter) => {
+  return {
+    format: (value) => formatter.format(value).replace(",", " ")
+  };
+};
+const percentCompactFormatter = Intl.NumberFormat("en", { notation: "compact", maximumFractionDigits: 1, style: "percent" });
+const percentFormatter = getFormatter(Intl.NumberFormat("en", { roundingPriority: "morePrecision", style: "percent" }));
+const numberCompactFormatter = Intl.NumberFormat("en", { notation: "compact", maximumFractionDigits: 1 });
+const numberFormatter = getFormatter(Intl.NumberFormat("en", { roundingPriority: "morePrecision" }));
 const isClientSide = typeof window !== "undefined";
 let iterator = 1;
 const genId = () => {
@@ -108,4 +114,4 @@ const getDefaultFieldConfigMap = (fields, visible) => {
   return result;
 };
 
-export { debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, set, throttle };
+export { debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, percentFormatter, set, throttle };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.9.17",
+  "version": "0.9.19",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",
@@ -338,6 +338,9 @@
     "./dist/components/Notify/WNotify.vue": {
       "import": "./dist/components/Notify/WNotify.vue.js"
     },
+    "./dist/components/NumberFormatter/WNumberFormatter.vue": {
+      "import": "./dist/components/NumberFormatter/WNumberFormatter.vue.js"
+    },
     "./dist/components/Progress/WProgress.vue": {
       "import": "./dist/components/Progress/WProgress.vue.js"
     },

package/tailwind-base/plugins/default.cjs

@@ -1,6 +1,6 @@
 const plugin = require('tailwindcss/plugin')
 
-module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, addBase, theme, addComponents}) {
+module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, addBase, theme, addComponents, config}) {
   matchUtilities(
     {
       square: (value) => {
@@ -128,7 +128,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
 
       '--input-autofill-bg': theme('colors.default'),
       '--input-autofull-text': theme('colors.black.default'),
-      '.dark &':{
+      [config('darkMode')[1][0]]: {
         '--input-autofill-bg': theme('colors.default-dark'),
         '--input-autofull-text': theme('colors.gray.100'),
       },
@@ -213,7 +213,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
       'background-position': 'top',
       'background-image': 'linear-gradient(135deg, currentColor 10%, transparent 10%, transparent 50%, currentColor 50%, currentColor 60%, transparent 60%, transparent 100%)',
       'color': theme('colors.gray.300'),
-      '.dark &': {
+      [config('darkMode')[1][0]]: {
         'color': theme('colors.gray.700'),
       },
     },
@@ -275,13 +275,13 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
   addComponents({
     '.text-accent': {
       'color': theme('colors.black.default'),
-      '.dark &': {
+      [config('darkMode')[1][0]]: {
         'color': theme('colors.gray.200'),
       },
     },
     '.text-description': {
       'color': theme('colors.gray.400'),
-      '.dark &': {
+      [config('darkMode')[1][0]]: {
         'color': theme('colors.gray.500'),
       },
     },
@@ -405,9 +405,11 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
         'background-size': '40px 40px',
         'animation': theme('animation.move-horizontal'),
       },
-      '.dark &::before': {
-        'background-image': 'linear-gradient(135deg, hsla(0,0%,10%,.125) 25%, transparent 0, transparent 50%, hsla(0,0%,10%,.125) 0, hsla(0,0%,10%,.125) 75%, transparent 0, transparent)',
-      },
+      [config('darkMode')[1][0]]: {
+        '&::before': {
+          'background-image': 'linear-gradient(135deg, hsla(0,0%,10%,.125) 25%, transparent 0, transparent 50%, hsla(0,0%,10%,.125) 0, hsla(0,0%,10%,.125) 75%, transparent 0, transparent)',
+        },
+      }
     },
   })
 
@@ -441,7 +443,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
         'background-image': 'linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0))',
         'animation': theme('animation.ticker'),
 
-        '.dark &': {
+        [config('darkMode')[1][0]]: {
           'background-image': 'linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.01),rgba(255,255,255,0))',
         },
       },