@wikicasa-dev/components 2.0.17 → 2.0.19

package/dist/BaseSlider.js

@@ -1,257 +1,208 @@
-import f from "./BaseInput.js";
-import { defineComponent as c, resolveComponent as S, openBlock as V, createElementBlock as g, createElementVNode as a, withModifiers as h, createVNode as d } from "vue";
-import { _ as x } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/BaseSlider.css';function p(t, i) {
-  const e = parseInt(t.value, 10), l = parseInt(i.value, 10);
-  return [e, l];
-}
-const v = (t) => t.minPos + (Math.log(t.value) - t.minlval) / t.scale, $ = (t) => Math.exp(
-  (t.position - t.minPos) * t.scale + t.minlval
-);
-function m(t, i, e, l, s) {
-  const r = i.max - i.min, o = t - i.min, n = i.value - i.min;
-  s.style.background = `linear-gradient(
-      to right,
-      ${e} 0%,
-      ${e} ${o / r * 100}%,
-      ${l} ${o / r * 100}%,
-      ${l} ${n / r * 100}%,
-      ${e} ${n / r * 100}%,
-      ${e} 100%)`;
-}
-function u(t, i) {
-  t <= 0 ? i.style.zIndex = "2" : i.style.zIndex = "0";
-}
-const I = c({
-  name: "BaseSlider",
-  components: { BaseInput: f },
-  props: {
-    type: {
-      type: String,
-      default: "linear"
+import { defineComponent as R, mergeModels as j, useModel as D, ref as p, useTemplateRef as T, useAttrs as q, onMounted as G, openBlock as H, createElementBlock as J, createElementVNode as x, withModifiers as _, unref as h, createVNode as k } from "vue";
+import C from "./BaseInput.js";
+import { _ as K } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/BaseSlider.css';const O = { class: "range_container" }, Q = { class: "sliders_control" }, W = ["value", "min", "max", "step"], X = ["value", "min", "max", "step"], Y = { class: "form_control row" }, Z = { class: "pb-15 pb-sm-0 col-sm-6 col-xl-4" }, ee = { class: "col-sm-6 col-xl-4" }, le = /* @__PURE__ */ R({
+  __name: "BaseSlider",
+  props: /* @__PURE__ */ j({
+    type: { default: "linear" },
+    min: { default: 0 },
+    max: { default: 100 }
+  }, {
+    minValue: { default: 0 },
+    minValueModifiers: {},
+    maxValue: { default: 0 },
+    maxValueModifiers: {}
+  }),
+  emits: ["update:minValue", "update:maxValue"],
+  setup(m) {
+    function M(e, l) {
+      const a = parseInt(e.value, 10), t = parseInt(l.value, 10);
+      return [a, t];
     }
-  },
-  emits: ["minChanged", "maxChanged"],
-  data() {
-    return {
-      leftSliderLimit: 0,
-      rightSliderLimit: 100,
-      minValue: 0,
-      maxValue: 0,
-      sliderMinValue: 10,
-      sliderMaxValue: 40,
-      /* Logaritmic values */
-      minlval: 0,
-      maxlval: 0,
-      scale: 0
-    };
-  },
-  computed: {
-    fromSlider() {
-      return this.$refs.fromSlider;
-    },
-    toSlider() {
-      return this.$refs.toSlider;
-    },
-    fromInput() {
-      return this.$refs.fromInput;
-    },
-    toInput() {
-      return this.$refs.toInput;
+    const E = (e) => e.minPos + (Math.log(e.value) - e.minlval) / e.scale, L = (e) => Math.exp(
+      (e.position - e.minPos) * e.scale + e.minlval
+    );
+    function V(e, l, a, t, v) {
+      const i = l.max - l.min, f = e - l.min, $ = l.value - l.min;
+      v.style.background = `linear-gradient(
+      to right,
+      ${a} 0%,
+      ${a} ${f / i * 100}%,
+      ${t} ${f / i * 100}%,
+      ${t} ${$ / i * 100}%,
+      ${a} ${$ / i * 100}%,
+      ${a} 100%)`;
     }
-  },
-  watch: {
-    minValue(t) {
-      this.$emit("minChanged", t);
-    },
-    maxValue(t) {
-      this.$emit("maxChanged", t);
+    function y(e, l) {
+      e <= 0 ? l.style.zIndex = "2" : l.style.zIndex = "0";
     }
-  },
-  created() {
-    this.leftSliderLimit = parseInt(`${this.$attrs.min || 0}`, 10), this.rightSliderLimit = parseInt(`${this.$attrs.max || 100}`, 10), this.sliderMinValue = this.leftSliderLimit, this.sliderMaxValue = this.rightSliderLimit, this.minValue = parseInt(
-      `${this.$attrs.minValue || this.leftSliderLimit}`,
-      10
-    ), this.maxValue = parseInt(
-      `${this.$attrs.maxValue || this.rightSliderLimit}`,
-      10
-    ), this.minlval = Math.log(this.minValue || 1), this.maxlval = Math.log(this.maxValue), this.scale = (this.maxlval - this.minlval) / (this.rightSliderLimit - this.leftSliderLimit);
-  },
-  mounted() {
-    !this.fromSlider || !this.toSlider || (m(
-      this.sliderMinValue,
-      {
-        min: this.leftSliderLimit,
-        max: this.rightSliderLimit,
-        value: this.sliderMaxValue
-      },
-      "#B4C2F0",
-      "#2B5DFF",
-      this.toSlider
-    ), u(this.sliderMaxValue, this.toSlider));
-  },
-  methods: {
-    handleInputChange(t, i) {
-      if (!this.fromSlider || !this.toSlider) return;
-      i || (i = "0");
-      const e = parseInt(i, 10);
-      if (t == "min-input") {
-        if (e >= this.maxValue) return;
-        this.minValue = e, this.controlFromInput(this.toSlider);
+    const r = D(m, "minValue"), o = D(m, "maxValue"), n = p(0), u = p(100), c = p(10), d = p(40), F = p(0), P = p(0), B = p(0), g = T("fromSlider"), s = T("toSlider"), S = (e, l) => {
+      if (!g.value || !s.value) return;
+      l || (l = "0");
+      const a = parseInt(l, 10);
+      if (e == "min-input") {
+        if (a >= o.value) return;
+        r.value = a, z(s.value, a, o.value);
         return;
       }
-      e < this.minValue || (this.maxValue = e, this.controlToInput(this.toSlider, this.toSlider));
-    },
-    getCurrentPosition(t) {
-      if (this.type === "logarithmic")
-        return t = t || 1, parseInt(
-          v({
-            value: t,
-            minPos: this.leftSliderLimit,
-            minlval: this.minlval,
-            scale: this.scale
+      a < r.value || (o.value = a, A(s.value, s.value, r.value, a));
+    }, I = (e) => {
+      if (m.type === "logarithmic")
+        return e = e || 1, parseInt(
+          E({
+            value: e,
+            minPos: n.value,
+            minlval: F.value,
+            scale: B.value
           }).toFixed(0),
           10
         );
-      if (this.type === "linear")
-        return t;
+      if (m.type === "linear")
+        return e;
       throw new Error("The slider type has not been implemented");
-    },
-    getCurrentValue(t) {
-      if (this.type === "logarithmic")
-        return t = t || 1, parseInt(
-          $({
-            position: t,
-            scale: this.scale,
-            minlval: this.minlval,
-            minPos: this.leftSliderLimit
+    }, b = (e) => {
+      if (m.type === "logarithmic")
+        return e = e || 1, parseInt(
+          L({
+            position: e,
+            scale: B.value,
+            minlval: F.value,
+            minPos: n.value
           }).toFixed(0),
           10
         );
-      if (this.type === "linear")
-        return t;
+      if (m.type === "linear")
+        return e;
       throw new Error("The slider type has not been implemented");
-    },
-    controlFromInput(t) {
-      const i = this.getCurrentPosition(this.minValue), e = this.getCurrentPosition(this.maxValue);
-      m(
-        i,
+    }, z = (e, l, a) => {
+      const t = I(l), v = I(a);
+      V(
+        t,
         {
-          min: this.leftSliderLimit,
-          max: this.rightSliderLimit,
-          value: e
+          min: n.value,
+          max: u.value,
+          value: v
         },
         "#B4C2F0",
         "#2B5DFF",
-        t
+        e
       );
-      const l = i, s = this.maxValue;
-      l > s ? this.sliderMinValue = s : this.sliderMinValue = l;
-    },
-    controlToInput(t, i) {
-      const e = this.getCurrentPosition(this.minValue), l = this.getCurrentPosition(this.maxValue);
-      m(
-        e,
+      const i = t, f = o.value;
+      i > f ? c.value = f : c.value = i;
+    }, A = (e, l, a, t) => {
+      const v = I(a), i = I(t);
+      V(
+        v,
         {
-          min: this.leftSliderLimit,
-          max: this.rightSliderLimit,
-          value: l
+          min: n.value,
+          max: u.value,
+          value: i
         },
         "#B4C2F0",
         "#2B5DFF",
-        i
+        l
       );
-      const s = this.minValue, r = l;
-      u(this.maxValue, t), s <= r ? this.sliderMaxValue = r : this.sliderMaxValue = s;
-    },
-    controlFromSlider(t, i) {
-      if (!this.toSlider) return;
-      const [e, l] = p(t, i), s = this.getCurrentValue(e);
-      m(
-        e,
+      const f = r.value, $ = i;
+      y(o.value, e), f <= $ ? d.value = $ : d.value = f;
+    }, N = (e, l) => {
+      if (!l.value) return;
+      const [a, t] = M(e, l), v = b(a);
+      V(
+        a,
         {
-          min: this.leftSliderLimit,
-          max: this.rightSliderLimit,
-          value: l
+          min: n.value,
+          max: u.value,
+          value: t
         },
         "#B4C2F0",
         "#2B5DFF",
-        i
-      ), e > l ? (t.value = `${l}`, this.sliderMinValue = l, this.minValue = l) : (this.sliderMinValue = e, this.minValue = s);
-    },
-    controlToSlider(t, i) {
-      if (!this.toSlider) return;
-      const [e, l] = p(t, i), s = this.getCurrentValue(l);
-      m(
-        this.sliderMinValue,
+        l
+      ), a > t ? (e.value = `${t}`, c.value = t, r.value = t) : (c.value = a, r.value = v);
+    }, U = (e, l) => {
+      if (!l.value) return;
+      const [a, t] = M(e, l), v = b(t);
+      V(
+        c.value,
         {
-          min: this.leftSliderLimit,
-          max: this.rightSliderLimit,
-          value: l
+          min: n.value,
+          max: u.value,
+          value: t
         },
         "#B4C2F0",
         "#2B5DFF",
-        i
-      ), u(parseInt(this.toSlider.value, 10), i), e <= l ? (this.sliderMaxValue = l, this.maxValue = s) : (i.value = `${e}`, this.sliderMaxValue = e, this.maxValue = e);
-    }
-  }
-}), L = { class: "range_container" }, M = { class: "sliders_control" }, F = ["value", "min", "max", "step"], C = ["value", "min", "max", "step"], P = { class: "form_control row" }, y = { class: "pb-15 pb-sm-0 col-sm-6 col-xl-4" }, B = { class: "col-sm-6 col-xl-4" };
-function b(t, i, e, l, s, r) {
-  const o = S("base-input");
-  return V(), g("div", L, [
-    a("div", M, [
-      a("input", {
-        ref: "fromSlider",
-        class: "fromSlider",
-        type: "range",
-        value: t.sliderMinValue,
-        min: t.leftSliderLimit,
-        max: t.rightSliderLimit,
-        step: t.$attrs.step,
-        onInput: i[0] || (i[0] = h((n) => t.controlFromSlider(
-          t.fromSlider,
-          t.toSlider
-        ), ["stop"]))
-      }, null, 40, F),
-      a("input", {
-        ref: "toSlider",
-        class: "toSlider",
-        type: "range",
-        value: t.sliderMaxValue,
-        min: t.leftSliderLimit,
-        max: t.rightSliderLimit,
-        step: t.$attrs.step,
-        onInput: i[1] || (i[1] = h((n) => t.controlToSlider(
-          t.fromSlider,
-          t.toSlider
-        ), ["stop"]))
-      }, null, 40, C)
-    ]),
-    a("div", P, [
-      a("div", y, [
-        d(o, {
-          "label-text": "Min",
-          type: "text",
-          pattern: "[0-9]*",
-          inputmode: "numeric",
-          "model-value": t.minValue,
-          "onUpdate:modelValue": i[2] || (i[2] = (n) => t.handleInputChange("min-input", `${n || ""}`))
-        }, null, 8, ["model-value"])
+        l
+      ), y(parseInt(l.value, 10), l), a <= t ? (d.value = t, o.value = v) : (l.value = `${a}`, d.value = a, o.value = a);
+    }, w = q();
+    return (() => {
+      n.value = parseInt(`${m.min || 0}`, 10), u.value = parseInt(`${m.max || 100}`, 10), c.value = n.value, d.value = u.value, r.value = parseInt(`${w.minValue || n.value}`, 10), o.value = parseInt(`${w.maxValue || u.value}`, 10), F.value = Math.log(r.value || 1), P.value = Math.log(o.value), B.value = (P.value - F.value) / (u.value - n.value);
+    })(), G(() => {
+      !g.value || !s.value || (V(
+        c.value,
+        {
+          min: n.value,
+          max: u.value,
+          value: d.value
+        },
+        "#B4C2F0",
+        "#2B5DFF",
+        s.value
+      ), y(d.value, s.value));
+    }), (e, l) => (H(), J("div", O, [
+      x("div", Q, [
+        x("input", {
+          ref_key: "fromSlider",
+          ref: g,
+          class: "fromSlider",
+          type: "range",
+          value: c.value,
+          min: n.value,
+          max: u.value,
+          step: e.$attrs.step,
+          onInput: l[0] || (l[0] = _((a) => N(
+            h(g),
+            h(s)
+          ), ["stop"]))
+        }, null, 40, W),
+        x("input", {
+          ref_key: "toSlider",
+          ref: s,
+          class: "toSlider",
+          type: "range",
+          value: d.value,
+          min: n.value,
+          max: u.value,
+          step: e.$attrs.step,
+          onInput: l[1] || (l[1] = _((a) => U(
+            h(g),
+            h(s)
+          ), ["stop"]))
+        }, null, 40, X)
       ]),
-      a("div", B, [
-        d(o, {
-          "label-text": "Max",
-          type: "text",
-          pattern: "[0-9]*",
-          inputmode: "numeric",
-          "model-value": t.maxValue,
-          "onUpdate:modelValue": i[3] || (i[3] = (n) => t.handleInputChange("max-input", `${n || ""}`))
-        }, null, 8, ["model-value"])
+      x("div", Y, [
+        x("div", Z, [
+          k(C, {
+            "label-text": "Min",
+            type: "text",
+            pattern: "[0-9]*",
+            inputmode: "numeric",
+            "model-value": r.value,
+            "onUpdate:modelValue": l[2] || (l[2] = (a) => S("min-input", `${a || ""}`))
+          }, null, 8, ["model-value"])
+        ]),
+        x("div", ee, [
+          k(C, {
+            "label-text": "Max",
+            type: "text",
+            pattern: "[0-9]*",
+            inputmode: "numeric",
+            "model-value": o.value,
+            "onUpdate:modelValue": l[3] || (l[3] = (a) => S("max-input", `${a || ""}`))
+          }, null, 8, ["model-value"])
+        ])
       ])
-    ])
-  ]);
-}
-const _ = /* @__PURE__ */ x(I, [["render", b], ["__scopeId", "data-v-c87c86da"]]);
+    ]));
+  }
+}), oe = /* @__PURE__ */ K(le, [["__scopeId", "data-v-581ec7f4"]]);
 export {
-  _ as default
+  oe as default
 };

package/dist/UIKit/BaseSlider.vue.d.ts

@@ -1,167 +1,18 @@
-import { Nullable } from '@wikicasa-dev/types';
-type Inputs = "min-input" | "max-input";
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    type: {
-        type: () => "linear" | "logarithmic";
-        default: string;
-    };
-}>, {}, {
-    leftSliderLimit: number;
-    rightSliderLimit: number;
-    minValue: number;
-    maxValue: number;
-    sliderMinValue: number;
-    sliderMaxValue: number;
-    minlval: number;
-    maxlval: number;
-    scale: number;
-}, {
-    fromSlider(): Nullable<HTMLInputElement>;
-    toSlider(): Nullable<HTMLInputElement>;
-    fromInput(): Nullable<HTMLInputElement>;
-    toInput(): Nullable<HTMLInputElement>;
-}, {
-    handleInputChange(from: Inputs, value: string): void;
-    getCurrentPosition(value: number): number;
-    getCurrentValue(position: number): number;
-    controlFromInput(controlSlider: HTMLInputElement): void;
-    controlToInput(toSlider: HTMLInputElement, controlSlider: HTMLInputElement): void;
-    controlFromSlider(fromSlider: HTMLInputElement, toSlider: HTMLInputElement): void;
-    controlToSlider(fromSlider: HTMLInputElement, toSlider: HTMLInputElement): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("minChanged" | "maxChanged")[], "minChanged" | "maxChanged", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    type: {
-        type: () => "linear" | "logarithmic";
-        default: string;
-    };
-}>> & Readonly<{
-    onMinChanged?: ((...args: any[]) => any) | undefined;
-    onMaxChanged?: ((...args: any[]) => any) | undefined;
-}>, {
-    type: "linear" | "logarithmic";
-}, {}, {
-    BaseInput: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            modelValue?: string | number | undefined;
-        } & {
-            inputClass?: import('./types').ClassType | import('./types').ClassType[];
-            labelText?: string;
-            feedback?: import('./types').FeedbackLabels;
-            isValid?: Nullable<boolean>;
-            keepFloatingLabel?: boolean;
-            formatter?: Nullable<Partial<{
-                formatFn: (n: number | string) => string;
-                unFormatFn: (v: string) => string | number | null;
-            }>>;
-            labelClasses?: import('./types').ClassTypeProp;
-            fieldsetClasses?: import('./types').ClassTypeProp;
-            labelTextClasses?: import('./types').ClassTypeProp;
-            withLeftIcon?: boolean;
-            withRightIcon?: boolean;
-            dataCy?: string;
-        }> & Readonly<{
-            onClick?: ((args_0: MouseEvent) => any) | undefined;
-            "onUpdate:modelValue"?: ((modelValue: string | number | undefined) => any) | undefined;
-            onFocusin?: (() => any) | undefined;
-            onFocusout?: (() => any) | undefined;
-            onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-            onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
-            onKeydownEnterPressed?: (() => any) | undefined;
-        }>, {
-            select: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (args_0: MouseEvent) => any;
-            "update:modelValue": (modelValue: string | number | undefined) => any;
-            focusin: () => any;
-            focusout: () => any;
-            keydown: (args_0: KeyboardEvent) => any;
-            keyup: (args_0: KeyboardEvent) => any;
-            keydownEnterPressed: () => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            modelValue?: string | number | undefined;
-        } & {
-            inputClass?: import('./types').ClassType | import('./types').ClassType[];
-            labelText?: string;
-            feedback?: import('./types').FeedbackLabels;
-            isValid?: Nullable<boolean>;
-            keepFloatingLabel?: boolean;
-            formatter?: Nullable<Partial<{
-                formatFn: (n: number | string) => string;
-                unFormatFn: (v: string) => string | number | null;
-            }>>;
-            labelClasses?: import('./types').ClassTypeProp;
-            fieldsetClasses?: import('./types').ClassTypeProp;
-            labelTextClasses?: import('./types').ClassTypeProp;
-            withLeftIcon?: boolean;
-            withRightIcon?: boolean;
-            dataCy?: string;
-        }> & Readonly<{
-            onClick?: ((args_0: MouseEvent) => any) | undefined;
-            "onUpdate:modelValue"?: ((modelValue: string | number | undefined) => any) | undefined;
-            onFocusin?: (() => any) | undefined;
-            onFocusout?: (() => any) | undefined;
-            onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-            onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
-            onKeydownEnterPressed?: (() => any) | undefined;
-        }>, {
-            select: () => void;
-        }, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<{
-        modelValue?: string | number | undefined;
-    } & {
-        inputClass?: import('./types').ClassType | import('./types').ClassType[];
-        labelText?: string;
-        feedback?: import('./types').FeedbackLabels;
-        isValid?: Nullable<boolean>;
-        keepFloatingLabel?: boolean;
-        formatter?: Nullable<Partial<{
-            formatFn: (n: number | string) => string;
-            unFormatFn: (v: string) => string | number | null;
-        }>>;
-        labelClasses?: import('./types').ClassTypeProp;
-        fieldsetClasses?: import('./types').ClassTypeProp;
-        labelTextClasses?: import('./types').ClassTypeProp;
-        withLeftIcon?: boolean;
-        withRightIcon?: boolean;
-        dataCy?: string;
-    }> & Readonly<{
-        onClick?: ((args_0: MouseEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((modelValue: string | number | undefined) => any) | undefined;
-        onFocusin?: (() => any) | undefined;
-        onFocusout?: (() => any) | undefined;
-        onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-        onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
-        onKeydownEnterPressed?: (() => any) | undefined;
-    }>, {
-        select: () => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        click: (args_0: MouseEvent) => any;
-        "update:modelValue": (modelValue: string | number | undefined) => any;
-        focusin: () => any;
-        focusout: () => any;
-        keydown: (args_0: KeyboardEvent) => any;
-        keyup: (args_0: KeyboardEvent) => any;
-        keydownEnterPressed: () => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            leftIcon?(_: {}): any;
-            righticon?(_: {
-                handleClean: () => void;
-                handleShowPasswd: () => void;
-                curType: import('@wikicasa-dev/types').InputTypeHTMLAttribute;
-            }): any;
-            feedback?(_: {}): any;
-            "under-label"?(_: {}): any;
-        };
-    });
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+import { Optional } from '@wikicasa-dev/types';
+declare let __VLS_typeProps: {
+    type?: "linear" | "logarithmic";
+    min?: number;
+    max?: number;
+};
+type __VLS_PublicProps = {
+    "minValue"?: Optional<number>;
+    "maxValue"?: Optional<number>;
+} & typeof __VLS_typeProps;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:minValue": (minValue: Optional<number>) => any;
+    "update:maxValue": (maxValue: Optional<number>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:minValue"?: ((minValue: Optional<number>) => any) | undefined;
+    "onUpdate:maxValue"?: ((maxValue: Optional<number>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/assets/BaseSlider.css

@@ -1 +1 @@
-[data-v-c87c86da] .form-control{max-width:none!important}.range_container[data-v-c87c86da]{padding-top:15px}.sliders_control[data-v-c87c86da]{position:relative;min-height:30px}.form_control[data-v-c87c86da]{position:relative;display:flex;justify-content:space-between;font-size:24px;color:#635a5a}input[type=range][data-v-c87c86da]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;width:100%;position:absolute;background-color:#b4c2f0;pointer-events:none}input[type=range][data-v-c87c86da]::-webkit-slider-thumb:hover{background:#f7f7f7}input[type=range][data-v-c87c86da]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe;-webkit-box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe}input[type=range][data-v-c87c86da]::-moz-range-thumb{-moz-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 0 0 1px #c6c6c6;cursor:pointer}input[type=range][data-v-c87c86da]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;background-color:#fff;border:2px solid #2B5DFF;border-radius:50%;cursor:pointer}input[type=number][data-v-c87c86da]{color:#8a8383;width:50px;height:30px;font-size:20px;border:none}input[type=number][data-v-c87c86da]::-webkit-inner-spin-button,input[type=number][data-v-c87c86da]::-webkit-outer-spin-button{opacity:1}.fromSlider[data-v-c87c86da]{height:0!important;z-index:1}.toSlider[data-v-c87c86da]{height:3px!important}
+[data-v-581ec7f4] .form-control{max-width:none!important}.range_container[data-v-581ec7f4]{padding-top:15px}.sliders_control[data-v-581ec7f4]{position:relative;min-height:30px}.form_control[data-v-581ec7f4]{position:relative;display:flex;justify-content:space-between;font-size:24px;color:#635a5a}input[type=range][data-v-581ec7f4]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;width:100%;position:absolute;background-color:#b4c2f0;pointer-events:none}input[type=range][data-v-581ec7f4]::-webkit-slider-thumb:hover{background:#f7f7f7}input[type=range][data-v-581ec7f4]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe;-webkit-box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe}input[type=range][data-v-581ec7f4]::-moz-range-thumb{-moz-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 0 0 1px #c6c6c6;cursor:pointer}input[type=range][data-v-581ec7f4]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;background-color:#fff;border:2px solid #2B5DFF;border-radius:50%;cursor:pointer}input[type=number][data-v-581ec7f4]{color:#8a8383;width:50px;height:30px;font-size:20px;border:none}input[type=number][data-v-581ec7f4]::-webkit-inner-spin-button,input[type=number][data-v-581ec7f4]::-webkit-outer-spin-button{opacity:1}.fromSlider[data-v-581ec7f4]{height:0!important;z-index:1}.toSlider[data-v-581ec7f4]{height:3px!important}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.0.17",
+  "version": "2.0.19",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",