@wikicasa-dev/components 1.2.30 → 1.2.32

package/dist/BaseSlider.js

@@ -1,8 +1,262 @@
-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(
+import './assets/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 "./chunks/_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(
       to right,
-      ${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;
+      ${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
+};

package/dist/BaseSnackbar.js

@@ -1 +1,80 @@
-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=_;
+import './assets/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 "./chunks/CloseIcon.BiYjxFIs.js";
+import { _ as v } from "./chunks/_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
+};

package/dist/BaseTab.js

@@ -1 +1,78 @@
-"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;
+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 "./chunks/_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
+};

package/dist/BaseTextarea.js

@@ -1 +1,143 @@
-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;
+import './assets/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 "./chunks/_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
+};

package/dist/BaseToggle.js

@@ -1 +1,45 @@
-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;
+import './assets/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 "./chunks/_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
+};