@wikicasa-dev/components 1.2.28 → 1.2.30

package/dist/BaseSlider.js

@@ -1,262 +1,8 @@
-import './BaseSlider.css';
-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 "./_plugin-vue_export-helper-CHgC5LLL.js";
-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(
+require('./assets/BaseSlider.css');"use strict";const d=require("./BaseInput.js"),s=require("vue"),p=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js");function h(e,t){const i=parseInt(e.value,10),l=parseInt(t.value,10);return[i,l]}const c=e=>e.minPos+(Math.log(e.value)-e.minlval)/e.scale,f=e=>Math.exp((e.position-e.minPos)*e.scale+e.minlval);function m(e,t,i,l,r){const n=t.max-t.min,o=e-t.min,a=t.value-t.min;r.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"
-    }
-  },
-  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;
-    }
-  },
-  watch: {
-    minValue(t) {
-      this.$emit("minChanged", t);
-    },
-    maxValue(t) {
-      this.$emit("maxChanged", t);
-    }
-  },
-  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);
-        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
-          }).toFixed(0),
-          10
-        );
-      if (this.type === "linear")
-        return t;
-      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
-          }).toFixed(0),
-          10
-        );
-      if (this.type === "linear")
-        return t;
-      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,
-        {
-          min: this.leftSliderLimit,
-          max: this.rightSliderLimit,
-          value: e
-        },
-        "#B4C2F0",
-        "#2B5DFF",
-        t
-      );
-      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,
-        {
-          min: this.leftSliderLimit,
-          max: this.rightSliderLimit,
-          value: l
-        },
-        "#B4C2F0",
-        "#2B5DFF",
-        i
-      );
-      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,
-        {
-          min: this.leftSliderLimit,
-          max: this.rightSliderLimit,
-          value: l
-        },
-        "#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,
-        {
-          min: this.leftSliderLimit,
-          max: this.rightSliderLimit,
-          value: l
-        },
-        "#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"])
-      ]),
-      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"])
-      ])
-    ])
-  ]);
-}
-const _ = /* @__PURE__ */ x(I, [["render", b], ["__scopeId", "data-v-0fa5a933"]]);
-export {
-  _ as default
-};
+      ${i} 0%,
+      ${i} ${o/n*100}%,
+      ${l} ${o/n*100}%,
+      ${l} ${a/n*100}%,
+      ${i} ${a/n*100}%,
+      ${i} 100%)`}function u(e,t){e<=0?t.style.zIndex="2":t.style.zIndex="0"}const V=s.defineComponent({name:"BaseSlider",components:{BaseInput:d},props:{type:{type:String,default:"linear"}},emits:["minChanged","maxChanged"],data(){return{leftSliderLimit:0,rightSliderLimit:100,minValue:0,maxValue:0,sliderMinValue:10,sliderMaxValue:40,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}},watch:{minValue(e){this.$emit("minChanged",e)},maxValue(e){this.$emit("maxChanged",e)}},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(e,t){if(!this.fromSlider||!this.toSlider)return;t||(t="0");const i=parseInt(t,10);if(e=="min-input"){if(i>=this.maxValue)return;this.minValue=i,this.controlFromInput(this.toSlider);return}i<this.minValue||(this.maxValue=i,this.controlToInput(this.toSlider,this.toSlider))},getCurrentPosition(e){if(this.type==="logarithmic")return e=e||1,parseInt(c({value:e,minPos:this.leftSliderLimit,minlval:this.minlval,scale:this.scale}).toFixed(0),10);if(this.type==="linear")return e;throw new Error("The slider type has not been implemented")},getCurrentValue(e){if(this.type==="logarithmic")return e=e||1,parseInt(f({position:e,scale:this.scale,minlval:this.minlval,minPos:this.leftSliderLimit}).toFixed(0),10);if(this.type==="linear")return e;throw new Error("The slider type has not been implemented")},controlFromInput(e){const t=this.getCurrentPosition(this.minValue),i=this.getCurrentPosition(this.maxValue);m(t,{min:this.leftSliderLimit,max:this.rightSliderLimit,value:i},"#B4C2F0","#2B5DFF",e);const l=t,r=this.maxValue;l>r?this.sliderMinValue=r:this.sliderMinValue=l},controlToInput(e,t){const i=this.getCurrentPosition(this.minValue),l=this.getCurrentPosition(this.maxValue);m(i,{min:this.leftSliderLimit,max:this.rightSliderLimit,value:l},"#B4C2F0","#2B5DFF",t);const r=this.minValue,n=l;u(this.maxValue,e),r<=n?this.sliderMaxValue=n:this.sliderMaxValue=r},controlFromSlider(e,t){if(!this.toSlider)return;const[i,l]=h(e,t),r=this.getCurrentValue(i);m(i,{min:this.leftSliderLimit,max:this.rightSliderLimit,value:l},"#B4C2F0","#2B5DFF",t),i>l?(e.value=`${l}`,this.sliderMinValue=l,this.minValue=l):(this.sliderMinValue=i,this.minValue=r)},controlToSlider(e,t){if(!this.toSlider)return;const[i,l]=h(e,t),r=this.getCurrentValue(l);m(this.sliderMinValue,{min:this.leftSliderLimit,max:this.rightSliderLimit,value:l},"#B4C2F0","#2B5DFF",t),u(parseInt(this.toSlider.value,10),t),i<=l?(this.sliderMaxValue=l,this.maxValue=r):(t.value=`${i}`,this.sliderMaxValue=i,this.maxValue=i)}}}),S={class:"range_container"},g={class:"sliders_control"},x=["value","min","max","step"],v=["value","min","max","step"],$={class:"form_control row"},I={class:"pb-15 pb-sm-0 col-sm-6 col-xl-4"},L={class:"col-sm-6 col-xl-4"};function M(e,t,i,l,r,n){const o=s.resolveComponent("base-input");return s.openBlock(),s.createElementBlock("div",S,[s.createElementVNode("div",g,[s.createElementVNode("input",{ref:"fromSlider",class:"fromSlider",type:"range",value:e.sliderMinValue,min:e.leftSliderLimit,max:e.rightSliderLimit,step:e.$attrs.step,onInput:t[0]||(t[0]=s.withModifiers(a=>e.controlFromSlider(e.fromSlider,e.toSlider),["stop"]))},null,40,x),s.createElementVNode("input",{ref:"toSlider",class:"toSlider",type:"range",value:e.sliderMaxValue,min:e.leftSliderLimit,max:e.rightSliderLimit,step:e.$attrs.step,onInput:t[1]||(t[1]=s.withModifiers(a=>e.controlToSlider(e.fromSlider,e.toSlider),["stop"]))},null,40,v)]),s.createElementVNode("div",$,[s.createElementVNode("div",I,[s.createVNode(o,{"label-text":"Min",type:"text",pattern:"[0-9]*",inputmode:"numeric","model-value":e.minValue,"onUpdate:modelValue":t[2]||(t[2]=a=>e.handleInputChange("min-input",a))},null,8,["model-value"])]),s.createElementVNode("div",L,[s.createVNode(o,{"label-text":"Max",type:"text",pattern:"[0-9]*",inputmode:"numeric","model-value":e.maxValue,"onUpdate:modelValue":t[3]||(t[3]=a=>e.handleInputChange("max-input",a))},null,8,["model-value"])])])])}const F=p._export_sfc(V,[["render",M],["__scopeId","data-v-0fa5a933"]]);module.exports=F;

package/dist/BaseSnackbar.js

@@ -1,80 +1 @@
-import './BaseSnackbar.css';
-import { defineComponent as b, ref as u, onBeforeMount as f, openBlock as i, createElementBlock as e, createElementVNode as o, normalizeClass as h, withModifiers as l, createCommentVNode as a, createVNode as y, unref as x } from "vue";
-import { C as _ } from "./CloseIcon-o6CokGLA.js";
-import { _ as v } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const C = { class: "snackbar-container uikit-fixed uikit-bottom-10px uikit-left-10px uikit-z-[2000] max-sm:uikit-left-0 max-sm:uikit-w-full" }, g = ["data-cy"], w = ["src", "alt"], L = {
-  key: 1,
-  class: "snackbar-type-icon uikit-bg-contain uikit-bg-no-repeat"
-}, M = { class: "snackbar-text uikit-px-4 uikit-py-0 uikit-text uikit-font-regular max-sm:uikit-max-w-[80%] max-sm:uikit-pr-0 sm:uikit-text-16" }, T = ["innerHTML"], B = ["innerHTML"], S = /* @__PURE__ */ b({
-  inheritAttrs: !1,
-  __name: "BaseSnackbar",
-  props: {
-    type: { default: "" },
-    title: {},
-    body: {},
-    icon: {},
-    timeout: { default: 55e3 },
-    cb: { default: null }
-  },
-  emits: ["snackbar-hidden"],
-  setup(k, { emit: m }) {
-    const s = k, d = m, n = u(null), c = u(null), p = () => {
-      n.value && n.value();
-    }, r = () => {
-      const t = c.value;
-      t && (t.classList.remove("snackbar-active"), t.classList.add("snackbar-hidden"), setTimeout(() => {
-        d("snackbar-hidden");
-      }, 300));
-    };
-    return f(() => {
-      s.cb && (n.value = s.cb), setTimeout(() => {
-        r();
-      }, s.timeout);
-    }), (t, H) => (i(), e("div", C, [
-      o("div", {
-        ref_key: "snackbar",
-        ref: c,
-        "data-cy": t.$attrs["data-cy"],
-        class: h(["snackbar snackbar-active uikit-flex uikit-items-center uikit-rounded-[5px] uikit-px-4 uikit-py-10px uikit-font-medium uikit-shadow hover:uikit-cursor-pointer max-sm:uikit-relative max-sm:uikit-mx-10px max-sm:uikit-my-0", t.type]),
-        onClick: l(p, ["stop"])
-      }, [
-        t.icon ? (i(), e("img", {
-          key: 0,
-          src: t.icon.src,
-          alt: `${t.icon.alt}`,
-          width: "20",
-          height: "20"
-        }, null, 8, w)) : a("", !0),
-        t.type && !t.icon ? (i(), e("span", L)) : a("", !0),
-        o("div", M, [
-          t.title ? (i(), e("p", {
-            key: 0,
-            class: "uikit-m-0",
-            innerHTML: t.title
-          }, null, 8, T)) : a("", !0),
-          t.body ? (i(), e("p", {
-            key: 1,
-            class: "uikit-m-0",
-            innerHTML: t.body
-          }, null, 8, B)) : a("", !0)
-        ]),
-        o("button", {
-          type: "button",
-          "data-cy": "base-snackbar-close-btn",
-          class: "uikit-bg-transparent max-sm:uikit-absolute max-sm:uikit-right-5",
-          onClick: l(r, ["stop"])
-        }, [
-          y(x(_), {
-            class: "snackbar-close-icon",
-            width: 20,
-            height: 20,
-            "stroke-color": "#000"
-          })
-        ])
-      ], 10, g)
-    ]));
-  }
-}), z = /* @__PURE__ */ v(S, [["__scopeId", "data-v-2ec55ec6"]]);
-export {
-  z as default
-};
+require('./assets/BaseSnackbar.css');"use strict";const e=require("vue"),u=require("./chunks/CloseIcon.ClSHNHpF.js"),k=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),m={class:"snackbar-container uikit-fixed uikit-bottom-10px uikit-left-10px uikit-z-[2000] max-sm:uikit-left-0 max-sm:uikit-w-full"},d=["data-cy"],p=["src","alt"],b={key:1,class:"snackbar-type-icon uikit-bg-contain uikit-bg-no-repeat"},h={class:"snackbar-text uikit-px-4 uikit-py-0 uikit-text uikit-font-regular max-sm:uikit-max-w-[80%] max-sm:uikit-pr-0 sm:uikit-text-16"},f=["innerHTML"],y=["innerHTML"],x=e.defineComponent({inheritAttrs:!1,__name:"BaseSnackbar",props:{type:{default:""},title:{},body:{},icon:{},timeout:{default:55e3},cb:{default:null}},emits:["snackbar-hidden"],setup(s,{emit:c}){const i=s,r=c,a=e.ref(null),n=e.ref(null),l=()=>{a.value&&a.value()},o=()=>{const t=n.value;t&&(t.classList.remove("snackbar-active"),t.classList.add("snackbar-hidden"),setTimeout(()=>{r("snackbar-hidden")},300))};return e.onBeforeMount(()=>{i.cb&&(a.value=i.cb),setTimeout(()=>{o()},i.timeout)}),(t,v)=>(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("div",{ref_key:"snackbar",ref:n,"data-cy":t.$attrs["data-cy"],class:e.normalizeClass(["snackbar snackbar-active uikit-flex uikit-items-center uikit-rounded-[5px] uikit-px-4 uikit-py-10px uikit-font-medium uikit-shadow hover:uikit-cursor-pointer max-sm:uikit-relative max-sm:uikit-mx-10px max-sm:uikit-my-0",t.type]),onClick:e.withModifiers(l,["stop"])},[t.icon?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.icon.src,alt:`${t.icon.alt}`,width:"20",height:"20"},null,8,p)):e.createCommentVNode("",!0),t.type&&!t.icon?(e.openBlock(),e.createElementBlock("span",b)):e.createCommentVNode("",!0),e.createElementVNode("div",h,[t.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:"uikit-m-0",innerHTML:t.title},null,8,f)):e.createCommentVNode("",!0),t.body?(e.openBlock(),e.createElementBlock("p",{key:1,class:"uikit-m-0",innerHTML:t.body},null,8,y)):e.createCommentVNode("",!0)]),e.createElementVNode("button",{type:"button","data-cy":"base-snackbar-close-btn",class:"uikit-bg-transparent max-sm:uikit-absolute max-sm:uikit-right-5",onClick:e.withModifiers(o,["stop"])},[e.createVNode(e.unref(u.CloseIcon),{class:"snackbar-close-icon",width:20,height:20,"stroke-color":"#000"})])],10,d)]))}}),_=k._export_sfc(x,[["__scopeId","data-v-2ec55ec6"]]);module.exports=_;

package/dist/BaseTab.js

@@ -1,78 +1 @@
-import r from "./BaseNavItem.js";
-import { defineComponent as c, resolveComponent as m, openBlock as s, createElementBlock as o, normalizeClass as d, renderSlot as p, createVNode as l, Fragment as k, renderList as b, createBlock as u } from "vue";
-import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const v = c({
-  name: "BaseTab",
-  components: { BaseNavItem: r },
-  props: {
-    navTabsCustomClass: {
-      type: String
-    },
-    firstLabel: {
-      type: String,
-      default: "Tab1"
-    },
-    firstIconName: {
-      type: String
-    },
-    secondLabel: {
-      type: String,
-      default: "Tab2"
-    },
-    secondIconName: {
-      type: String
-    },
-    tabs: {
-      type: Array
-    }
-  },
-  emits: ["clickedTab"],
-  data() {
-    return {
-      selectedId: ""
-    };
-  },
-  methods: {
-    handleClick(e) {
-      this.clickTab(e), this.$emit("clickedTab", e);
-    },
-    clickTab(e) {
-      this.selectedId = e;
-    }
-  }
-});
-function C(e, i, y, I, T, $) {
-  const a = m("base-nav-item");
-  return s(), o("ul", {
-    class: d(["uikit-m-0 uikit-inline-flex uikit-list-none uikit-flex-wrap uikit-gap-5 uikit-p-0", [e.navTabsCustomClass]])
-  }, [
-    e.tabs ? (s(!0), o(k, { key: 1 }, b(e.tabs, (t, n) => (s(), u(a, {
-      id: t.id + "_" + n,
-      key: n,
-      text: t.label,
-      "is-active": e.selectedId === t.id + "_" + n,
-      "icon-name": t.iconName,
-      onClick: (g) => e.handleClick(`${t.id + "_" + n}`)
-    }, null, 8, ["id", "text", "is-active", "icon-name", "onClick"]))), 128)) : p(e.$slots, "custom", { key: 0 }, () => [
-      l(a, {
-        id: "tab1",
-        "is-active": e.selectedId === "tab1",
-        "icon-name": e.firstIconName,
-        text: e.firstLabel,
-        onClick: i[0] || (i[0] = (t) => e.handleClick("tab1"))
-      }, null, 8, ["is-active", "icon-name", "text"]),
-      l(a, {
-        id: "tab2",
-        ref: "tab2",
-        "is-active": e.selectedId === "tab2",
-        "icon-name": e.secondIconName,
-        text: e.secondLabel,
-        onClick: i[1] || (i[1] = (t) => e.handleClick("tab2"))
-      }, null, 8, ["is-active", "icon-name", "text"])
-    ])
-  ], 2);
-}
-const h = /* @__PURE__ */ f(v, [["render", C]]);
-export {
-  h as default
-};
+"use strict";const o=require("./BaseNavItem.js"),t=require("vue"),l=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),c=t.defineComponent({name:"BaseTab",components:{BaseNavItem:o},props:{navTabsCustomClass:{type:String},firstLabel:{type:String,default:"Tab1"},firstIconName:{type:String},secondLabel:{type:String,default:"Tab2"},secondIconName:{type:String},tabs:{type:Array}},emits:["clickedTab"],data(){return{selectedId:""}},methods:{handleClick(e){this.clickTab(e),this.$emit("clickedTab",e)},clickTab(e){this.selectedId=e}}});function r(e,i,m,u,k,p){const s=t.resolveComponent("base-nav-item");return t.openBlock(),t.createElementBlock("ul",{class:t.normalizeClass(["uikit-m-0 uikit-inline-flex uikit-list-none uikit-flex-wrap uikit-gap-5 uikit-p-0",[e.navTabsCustomClass]])},[e.tabs?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(e.tabs,(n,a)=>(t.openBlock(),t.createBlock(s,{id:n.id+"_"+a,key:a,text:n.label,"is-active":e.selectedId===n.id+"_"+a,"icon-name":n.iconName,onClick:b=>e.handleClick(`${n.id+"_"+a}`)},null,8,["id","text","is-active","icon-name","onClick"]))),128)):t.renderSlot(e.$slots,"custom",{key:0},()=>[t.createVNode(s,{id:"tab1","is-active":e.selectedId==="tab1","icon-name":e.firstIconName,text:e.firstLabel,onClick:i[0]||(i[0]=n=>e.handleClick("tab1"))},null,8,["is-active","icon-name","text"]),t.createVNode(s,{id:"tab2",ref:"tab2","is-active":e.selectedId==="tab2","icon-name":e.secondIconName,text:e.secondLabel,onClick:i[1]||(i[1]=n=>e.handleClick("tab2"))},null,8,["is-active","icon-name","text"])])],2)}const d=l._export_sfc(c,[["render",r]]);module.exports=d;

package/dist/BaseTextarea.js

@@ -1,143 +1 @@
-import './BaseTextarea.css';
-import f from "./BaseFloatingLabel.js";
-import { useFloatingLabel as m } from "./useFloatingLabel.js";
-import { defineComponent as h, resolveComponent as v, openBlock as l, createElementBlock as s, normalizeClass as t, createElementVNode as a, withModifiers as r, createCommentVNode as b, createVNode as g } from "vue";
-import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const y = h({
-  name: "BaseTextarea",
-  components: { BaseFloatingLabel: f },
-  inheritAttrs: !1,
-  props: {
-    labelText: { type: String, default: "" },
-    modelValue: { type: [String, Number] },
-    feedback: { type: Object },
-    isValid: { type: Boolean, default: null },
-    textAreaStyle: { type: String, default: "" },
-    isDisabled: { type: Boolean, default: !1 },
-    resize: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue", "focusin", "focusout"],
-  setup(e, i) {
-    const { labelState: o, setInitialLabelState: u, handleFocusIn: n, handleFocusOut: d } = m(i.emit);
-    return {
-      labelState: o,
-      setInitialLabelState: u,
-      handleFocusIn: n,
-      handleFocusOut: d
-    };
-  },
-  data() {
-    return {
-      //This inner value is useful in case the inner value of the textarea do not match with the modelValue
-      value: ""
-    };
-  },
-  computed: {
-    textareaElem() {
-      return this.$refs.textarea;
-    }
-  },
-  watch: {
-    modelValue(e) {
-      `${e}`.length > 0 && this.labelState !== "floating-label" && (this.labelState = "floating-label");
-    }
-  },
-  created() {
-    this.setInitialLabelState(this.modelValue);
-  },
-  methods: {
-    handleOnChange({ target: e }) {
-      this.value = e.value, this.$emit("update:modelValue", e.value);
-    },
-    handleFloatingLabelClick() {
-      this.$refs.textarea.focus();
-    },
-    /* Favorite scenario: multiple baseTextarea */
-    disableTextarea() {
-      this.textareaElem.setAttribute("readonly", "readonly"), this.textareaElem.classList.add("disabled");
-    },
-    clearTextareaElem() {
-      this.textareaElem.value = "", console.log(this.textareaElem.value);
-    },
-    disableAndFocusTextarea() {
-      this.textareaElem.removeAttribute("readonly"), this.textareaElem.classList.remove("disabled"), this.$nextTick(() => {
-        this.textareaElem.focus();
-      });
-    }
-  }
-}), V = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "innerHTML"], c = {
-  key: 0,
-  class: "uikit-visible uikit-float-none uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-duration-[50s] uikit-ease-out"
-}, $ = ["innerHTML"], T = ["innerHTML"];
-function L(e, i, o, u, n, d) {
-  const p = v("base-floating-label");
-  return l(), s("div", {
-    class: t(e.$attrs["wrapper-classes"])
-  }, [
-    a("div", {
-      class: t(["input-wrapper uikit-relative uikit-mt-15px uikit-rounded-xs uikit-px-0", [
-        e.labelState === "floating-label" ? "floating-state" : "inline-state"
-      ]])
-    }, [
-      a("textarea", {
-        id: e.$attrs.id,
-        ref: "textarea",
-        "data-cy": e.$attrs["data-cy"],
-        class: t(["textarea-scrollbar uikit-peer/fieldset uikit-w-full uikit-overflow-y-auto uikit-whitespace-pre-wrap uikit-rounded-xs uikit-border-0 uikit-bg-white uikit-bg-no-repeat uikit-px-15px uikit-pb-[8px] uikit-pt-15px uikit-outline-none", [
-          { "uikit-bg-w-cultured": e.$attrs.disabled || e.isDisabled },
-          { "is-invalid invalid-bg !uikit-pr-10": e.isValid === !1 },
-          { "is-valid valid-bg !uikit-pr-10": e.isValid },
-          { "uikit-resize-none": !e.resize }
-        ]]),
-        rows: e.$attrs.rows,
-        disabled: e.$attrs.disabled,
-        "aria-labelledby": e.$attrs.id,
-        onFocusin: i[0] || (i[0] = r(() => e.handleFocusIn(), ["stop"])),
-        onFocusout: i[1] || (i[1] = r((k) => e.handleFocusOut(`${e.modelValue}`.trim() || e.value), ["stop"])),
-        onInput: i[2] || (i[2] = r((...k) => e.handleOnChange && e.handleOnChange(...k), ["stop"])),
-        innerHTML: e.modelValue
-      }, null, 42, V),
-      a("fieldset", {
-        class: t(["uikit-pointer-events-none uikit-absolute -uikit-top-5px uikit-bottom-5px uikit-left-0 uikit-right-0 uikit-m-0 uikit-min-w-0 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 uikit-text-start uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus/fieldset:uikit-border-2 peer-focus/fieldset:uikit-border-w-primary", [
-          { "is-invalid": e.isValid === !1, "is-valid": e.isValid },
-          { "uikit-border-w-danger": e.isValid === !1 },
-          { "uikit-border-w-primary": e.isValid },
-          { "uikit-border-w-secondary": e.isValid === null }
-        ]])
-      }, [
-        e.labelText ? (l(), s("legend", c, [
-          a("span", {
-            class: t(["uikit-px-5px uikit-opacity-0", [
-              {
-                "uikit-visible uikit-inline-block": e.labelState === "floating-label"
-              },
-              {
-                "uikit-invisible uikit-hidden": e.labelState === "inline-label"
-              }
-            ]]),
-            innerHTML: e.labelText
-          }, null, 10, $)
-        ])) : b("", !0)
-      ], 2),
-      g(p, {
-        for: e.$attrs.id,
-        "label-text": e.labelText,
-        "label-state": e.labelState,
-        required: e.$attrs.required,
-        "is-valid": e.isValid,
-        onClick: e.handleFloatingLabelClick
-      }, null, 8, ["for", "label-text", "label-state", "required", "is-valid", "onClick"])
-    ], 2),
-    (e.isValid || e.isValid === !1) && e.feedback ? (l(), s("div", {
-      key: 0,
-      class: t(
-        e.isValid === !1 ? "uikit-mt-1 uikit-text-12 uikit-text-w-danger" : "uikit-mt-1 uikit-text-12 uikit-text-w-primary"
-      ),
-      innerHTML: e.isValid === !1 ? e.feedback.invalid : e.feedback.valid
-    }, null, 10, T)) : b("", !0)
-  ], 2);
-}
-const x = /* @__PURE__ */ w(y, [["render", L], ["__scopeId", "data-v-244ae276"]]);
-export {
-  x as default
-};
+require('./assets/BaseTextarea.css');"use strict";const u=require("./BaseFloatingLabel.js"),d=require("./useFloatingLabel.js"),i=require("vue"),k=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),b=i.defineComponent({name:"BaseTextarea",components:{BaseFloatingLabel:u},inheritAttrs:!1,props:{labelText:{type:String,default:""},modelValue:{type:[String,Number]},feedback:{type:Object},isValid:{type:Boolean,default:null},textAreaStyle:{type:String,default:""},isDisabled:{type:Boolean,default:!1},resize:{type:Boolean,default:!1}},emits:["update:modelValue","focusin","focusout"],setup(e,t){const{labelState:a,setInitialLabelState:l,handleFocusIn:s,handleFocusOut:r}=d.useFloatingLabel(t.emit);return{labelState:a,setInitialLabelState:l,handleFocusIn:s,handleFocusOut:r}},data(){return{value:""}},computed:{textareaElem(){return this.$refs.textarea}},watch:{modelValue(e){`${e}`.length>0&&this.labelState!=="floating-label"&&(this.labelState="floating-label")}},created(){this.setInitialLabelState(this.modelValue)},methods:{handleOnChange({target:e}){this.value=e.value,this.$emit("update:modelValue",e.value)},handleFloatingLabelClick(){this.$refs.textarea.focus()},disableTextarea(){this.textareaElem.setAttribute("readonly","readonly"),this.textareaElem.classList.add("disabled")},clearTextareaElem(){this.textareaElem.value="",console.log(this.textareaElem.value)},disableAndFocusTextarea(){this.textareaElem.removeAttribute("readonly"),this.textareaElem.classList.remove("disabled"),this.$nextTick(()=>{this.textareaElem.focus()})}}}),p=["id","data-cy","rows","disabled","aria-labelledby","innerHTML"],m={key:0,class:"uikit-visible uikit-float-none uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-duration-[50s] uikit-ease-out"},f=["innerHTML"],h=["innerHTML"];function c(e,t,a,l,s,r){const n=i.resolveComponent("base-floating-label");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(e.$attrs["wrapper-classes"])},[i.createElementVNode("div",{class:i.normalizeClass(["input-wrapper uikit-relative uikit-mt-15px uikit-rounded-xs uikit-px-0",[e.labelState==="floating-label"?"floating-state":"inline-state"]])},[i.createElementVNode("textarea",{id:e.$attrs.id,ref:"textarea","data-cy":e.$attrs["data-cy"],class:i.normalizeClass(["textarea-scrollbar uikit-peer/fieldset uikit-w-full uikit-overflow-y-auto uikit-whitespace-pre-wrap uikit-rounded-xs uikit-border-0 uikit-bg-white uikit-bg-no-repeat uikit-px-15px uikit-pb-[8px] uikit-pt-15px uikit-outline-none",[{"uikit-bg-w-cultured":e.$attrs.disabled||e.isDisabled},{"is-invalid invalid-bg !uikit-pr-10":e.isValid===!1},{"is-valid valid-bg !uikit-pr-10":e.isValid},{"uikit-resize-none":!e.resize}]]),rows:e.$attrs.rows,disabled:e.$attrs.disabled,"aria-labelledby":e.$attrs.id,onFocusin:t[0]||(t[0]=i.withModifiers(()=>e.handleFocusIn(),["stop"])),onFocusout:t[1]||(t[1]=i.withModifiers(o=>e.handleFocusOut(`${e.modelValue}`.trim()||e.value),["stop"])),onInput:t[2]||(t[2]=i.withModifiers((...o)=>e.handleOnChange&&e.handleOnChange(...o),["stop"])),innerHTML:e.modelValue},null,42,p),i.createElementVNode("fieldset",{class:i.normalizeClass(["uikit-pointer-events-none uikit-absolute -uikit-top-5px uikit-bottom-5px uikit-left-0 uikit-right-0 uikit-m-0 uikit-min-w-0 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 uikit-text-start uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus/fieldset:uikit-border-2 peer-focus/fieldset:uikit-border-w-primary",[{"is-invalid":e.isValid===!1,"is-valid":e.isValid},{"uikit-border-w-danger":e.isValid===!1},{"uikit-border-w-primary":e.isValid},{"uikit-border-w-secondary":e.isValid===null}]])},[e.labelText?(i.openBlock(),i.createElementBlock("legend",m,[i.createElementVNode("span",{class:i.normalizeClass(["uikit-px-5px uikit-opacity-0",[{"uikit-visible uikit-inline-block":e.labelState==="floating-label"},{"uikit-invisible uikit-hidden":e.labelState==="inline-label"}]]),innerHTML:e.labelText},null,10,f)])):i.createCommentVNode("",!0)],2),i.createVNode(n,{for:e.$attrs.id,"label-text":e.labelText,"label-state":e.labelState,required:e.$attrs.required,"is-valid":e.isValid,onClick:e.handleFloatingLabelClick},null,8,["for","label-text","label-state","required","is-valid","onClick"])],2),(e.isValid||e.isValid===!1)&&e.feedback?(i.openBlock(),i.createElementBlock("div",{key:0,class:i.normalizeClass(e.isValid===!1?"uikit-mt-1 uikit-text-12 uikit-text-w-danger":"uikit-mt-1 uikit-text-12 uikit-text-w-primary"),innerHTML:e.isValid===!1?e.feedback.invalid:e.feedback.valid},null,10,h)):i.createCommentVNode("",!0)],2)}const v=k._export_sfc(b,[["render",c],["__scopeId","data-v-244ae276"]]);module.exports=v;

package/dist/BaseToggle.js

@@ -1,45 +1 @@
-import './BaseToggle.css';
-import { defineComponent as l, openBlock as a, createElementBlock as s, normalizeClass as u, renderSlot as o, createElementVNode as t, withModifiers as n, createCommentVNode as d, pushScopeId as k, popScopeId as c } from "vue";
-import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const b = l({
-  name: "BaseToggle",
-  inheritAttrs: !1,
-  props: {
-    withRightLabel: { type: Boolean, default: !0 },
-    label: { type: String, default: "" },
-    modelValue: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  methods: {
-    handleToggle({ target: e }) {
-      this.$emit("update:modelValue", e.checked);
-    }
-  }
-}), f = (e) => (k("data-v-b0a3ed96"), e = e(), c(), e), h = { class: "switch uikit-relative uikit-inline-block uikit-min-w-[40px] uikit-text-sm" }, m = ["data-cy", "checked"], g = /* @__PURE__ */ f(() => /* @__PURE__ */ t("span", { class: "slider round uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-cursor-pointer uikit-bg-w-lavender uikit-duration-300 before:uikit-absolute before:uikit-bottom-0 before:uikit-left-0 before:uikit-h-[22px] before:uikit-w-[22px] before:uikit-rounded-circle before:uikit-border before:uikit-border-solid before:uikit-border-w-secondary before:uikit-bg-white before:uikit-shadow-sm before:uikit-duration-300 before:uikit-content-[''] peer-checked/toggle:uikit-bg-w-primary" }, null, -1)), w = ["innerHTML"];
-function y(e, i, _, $, v, B) {
-  return a(), s("div", {
-    class: u(["switch-container uikit-inline-block uikit-items-center", e.$attrs.class])
-  }, [
-    o(e.$slots, "leftLabel", {}, void 0, !0),
-    t("label", h, [
-      t("input", {
-        "data-cy": e.$attrs["data-cy"] ?? "",
-        class: "uikit-peer/toggle uikit-h-0 uikit-w-0 uikit-opacity-0",
-        type: "checkbox",
-        checked: e.modelValue,
-        onInput: i[0] || (i[0] = n((r) => e.handleToggle(r), ["stop"]))
-      }, null, 40, m),
-      g
-    ]),
-    e.withRightLabel ? o(e.$slots, "rightLabel", { key: 0 }, () => [
-      t("span", {
-        class: "uikit-ml-10px",
-        innerHTML: e.label
-      }, null, 8, w)
-    ], !0) : d("", !0)
-  ], 2);
-}
-const V = /* @__PURE__ */ p(b, [["render", y], ["__scopeId", "data-v-b0a3ed96"]]);
-export {
-  V as default
-};
+require('./assets/BaseToggle.css');"use strict";const t=require("vue"),r=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),l=t.defineComponent({name:"BaseToggle",inheritAttrs:!1,props:{withRightLabel:{type:Boolean,default:!0},label:{type:String,default:""},modelValue:{type:Boolean,default:!1}},emits:["update:modelValue"],methods:{handleToggle({target:e}){this.$emit("update:modelValue",e.checked)}}}),s=e=>(t.pushScopeId("data-v-b0a3ed96"),e=e(),t.popScopeId(),e),a={class:"switch uikit-relative uikit-inline-block uikit-min-w-[40px] uikit-text-sm"},u=["data-cy","checked"],n=s(()=>t.createElementVNode("span",{class:"slider round uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-cursor-pointer uikit-bg-w-lavender uikit-duration-300 before:uikit-absolute before:uikit-bottom-0 before:uikit-left-0 before:uikit-h-[22px] before:uikit-w-[22px] before:uikit-rounded-circle before:uikit-border before:uikit-border-solid before:uikit-border-w-secondary before:uikit-bg-white before:uikit-shadow-sm before:uikit-duration-300 before:uikit-content-[''] peer-checked/toggle:uikit-bg-w-primary"},null,-1)),d=["innerHTML"];function c(e,i,p,b,h,f){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["switch-container uikit-inline-block uikit-items-center",e.$attrs.class])},[t.renderSlot(e.$slots,"leftLabel",{},void 0,!0),t.createElementVNode("label",a,[t.createElementVNode("input",{"data-cy":e.$attrs["data-cy"]??"",class:"uikit-peer/toggle uikit-h-0 uikit-w-0 uikit-opacity-0",type:"checkbox",checked:e.modelValue,onInput:i[0]||(i[0]=t.withModifiers(o=>e.handleToggle(o),["stop"]))},null,40,u),n]),e.withRightLabel?t.renderSlot(e.$slots,"rightLabel",{key:0},()=>[t.createElementVNode("span",{class:"uikit-ml-10px",innerHTML:e.label},null,8,d)],!0):t.createCommentVNode("",!0)],2)}const k=r._export_sfc(l,[["render",c],["__scopeId","data-v-b0a3ed96"]]);module.exports=k;