@wikicasa-dev/components 1.2.14 → 1.2.16

package/dist/lib/UIKit/BasePagination.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./BaseIcon.cjs"),u=require("../../utilities-gwVlEyWn.cjs"),e=require("vue"),l=require("../../_plugin-vue_export-helper-BHFhmbuH.cjs"),k=e.defineComponent({name:"BasePagination",components:{BaseIcon:a},props:{offset:{type:Number,default:0},count:{type:Number,default:0},limit:{type:Number,default:25},siblings:{type:Number,default:3},additionalCount:{type:Number,default:0}},emits:["new-pagination-offset"],data(){return{activeHoverOnLeftIcon:!1,activeHoverOnRightIcon:!1}},methods:{handleHoverIcon(t,i){t?i==="LeftArrow"?this.activeHoverOnLeftIcon=!0:this.activeHoverOnRightIcon=!0:(this.activeHoverOnLeftIcon=!1,this.activeHoverOnRightIcon=!1)},getPages(){return Math.ceil((this.count+this.additionalCount)/this.limit)},getFormattedPages(){return u.ws(Math.ceil((this.count+this.additionalCount)/this.limit))},getCurrentPage(){return Math.round(this.offset/this.limit)+1},getPreviousPages(){const t=Math.max(2,this.getCurrentPage()-this.siblings);let i=[];for(let n=t;n<this.getCurrentPage();n++)i.push(n);return i},getNextPages(){const t=Math.min(this.getPages()-1,this.getCurrentPage()+this.siblings);let i=[];for(let n=this.getCurrentPage()+1;n<=t;n++)i.push(n);return i},formatInteger(t){return u.ws(t)},selectPage(t){this.$emit("new-pagination-offset",Math.round((t-1)*this.limit-this.additionalCount))},getCount(){return this.count}}}),c={"aria-label":"Page navigation"},g={key:0,class:"uikit-text-14 uikit-flex uikit-list-none uikit-content-center uikit-gap-4 uikit-pl-0 uikit-font-semibold sm:uikit-gap-5"},p={key:2,class:"font-weight-bold uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"},m=["onClick"],h={class:"selected uikit-pointer-events-none uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-bg-w-primary uikit-p-5px uikit-text-white hover:uikit-bg-w-primary hover:uikit-text-white"},d=["onClick"],v={key:3,class:"uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"};function f(t,i,n,P,y,C){const o=e.resolveComponent("baseIcon");return e.openBlock(),e.createElementBlock("nav",c,[t.getCount()>0?(e.openBlock(),e.createElementBlock("ul",g,[t.getCurrentPage()>1?(e.openBlock(),e.createElementBlock("li",{key:0,class:"arrow-button prev-page uikit-h-30x uikit-flex uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary md:uikit-mr-5 [&_>_img]:hover:uikit-brightness-0 [&_>_img]:hover:uikit-invert",onClick:i[0]||(i[0]=r=>t.selectPage(t.getCurrentPage()-1)),onMouseover:i[1]||(i[1]=r=>t.handleHoverIcon(!0,"LeftArrow")),onMouseout:i[2]||(i[2]=r=>t.handleHoverIcon(!1,"LeftArrow"))},[e.createVNode(o,{"icon-name":"arrow-sx-blue.svg","alt-attribute":"icona pagina successiva","icon-class":"uikit-mr-0"})],32)):e.createCommentVNode("",!0),t.getCurrentPage()>1?(e.openBlock(),e.createElementBlock("li",{key:1,class:"page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",onClick:i[3]||(i[3]=r=>t.selectPage(1))}," 1 ")):e.createCommentVNode("",!0),t.getCurrentPage()>t.siblings+2?(e.openBlock(),e.createElementBlock("li",p," ... ")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.getPreviousPages(),r=>(e.openBlock(),e.createElementBlock("li",{key:r,class:"uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",onClick:s=>t.selectPage(r)},e.toDisplayString(t.formatInteger(r)),9,m))),128)),e.createElementVNode("li",h,e.toDisplayString(t.getCurrentPage()),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.getNextPages(),r=>(e.openBlock(),e.createElementBlock("li",{key:r,class:"uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",onClick:s=>t.selectPage(r)},e.toDisplayString(t.formatInteger(r)),9,d))),128)),t.getCurrentPage()<t.getPages()-t.siblings-1?(e.openBlock(),e.createElementBlock("li",v," ... ")):e.createCommentVNode("",!0),t.getCurrentPage()<t.getPages()?(e.openBlock(),e.createElementBlock("li",{key:4,class:"uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",onClick:i[4]||(i[4]=r=>t.selectPage(t.getPages()))},e.toDisplayString(t.getFormattedPages()),1)):e.createCommentVNode("",!0),t.getCurrentPage()<t.getPages()?(e.openBlock(),e.createElementBlock("li",{key:5,class:"arrow-button next-page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary md:uikit-ml-5 [&_>_img]:hover:uikit-brightness-0 [&_>_img]:hover:uikit-invert",onClick:i[5]||(i[5]=r=>t.selectPage(t.getCurrentPage()+1)),onMouseover:i[6]||(i[6]=r=>t.handleHoverIcon(!0,"RightArrow")),onMouseout:i[7]||(i[7]=r=>t.handleHoverIcon(!1,"RightArrow"))},[e.createVNode(o,{"icon-name":"arrow-dx-blue.svg","alt-attribute":"icona pagina successiva","icon-class":"uikit-mr-0"})],32)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])}const w=l._export_sfc(k,[["render",f]]);module.exports=w;

package/dist/lib/UIKit/BasePagination.js

@@ -0,0 +1,151 @@
+import c from "./BaseIcon.js";
+import { w as k } from "../../utilities-CBCDB5EB.js";
+import { defineComponent as h, resolveComponent as d, openBlock as r, createElementBlock as n, createVNode as l, createCommentVNode as o, Fragment as g, renderList as p, toDisplayString as s, createElementVNode as f } from "vue";
+import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const w = h({
+  name: "BasePagination",
+  components: { BaseIcon: c },
+  props: {
+    offset: {
+      type: Number,
+      default: 0
+    },
+    count: {
+      type: Number,
+      default: 0
+    },
+    limit: {
+      type: Number,
+      default: 25
+    },
+    siblings: {
+      type: Number,
+      default: 3
+    },
+    additionalCount: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["new-pagination-offset"],
+  data() {
+    return {
+      activeHoverOnLeftIcon: !1,
+      activeHoverOnRightIcon: !1
+    };
+  },
+  methods: {
+    handleHoverIcon(i, e) {
+      i ? e === "LeftArrow" ? this.activeHoverOnLeftIcon = !0 : this.activeHoverOnRightIcon = !0 : (this.activeHoverOnLeftIcon = !1, this.activeHoverOnRightIcon = !1);
+    },
+    getPages() {
+      return Math.ceil((this.count + this.additionalCount) / this.limit);
+    },
+    getFormattedPages() {
+      return k(
+        Math.ceil((this.count + this.additionalCount) / this.limit)
+      );
+    },
+    getCurrentPage() {
+      return Math.round(this.offset / this.limit) + 1;
+    },
+    getPreviousPages() {
+      const i = Math.max(2, this.getCurrentPage() - this.siblings);
+      let e = [];
+      for (let u = i; u < this.getCurrentPage(); u++)
+        e.push(u);
+      return e;
+    },
+    getNextPages() {
+      const i = Math.min(
+        this.getPages() - 1,
+        this.getCurrentPage() + this.siblings
+      );
+      let e = [];
+      for (let u = this.getCurrentPage() + 1; u <= i; u++)
+        e.push(u);
+      return e;
+    },
+    formatInteger(i) {
+      return k(i);
+    },
+    selectPage(i) {
+      this.$emit(
+        "new-pagination-offset",
+        Math.round((i - 1) * this.limit - this.additionalCount)
+      );
+    },
+    getCount() {
+      return this.count;
+    }
+  }
+}), P = { "aria-label": "Page navigation" }, y = {
+  key: 0,
+  class: "uikit-text-14 uikit-flex uikit-list-none uikit-content-center uikit-gap-4 uikit-pl-0 uikit-font-semibold sm:uikit-gap-5"
+}, b = {
+  key: 2,
+  class: "font-weight-bold uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"
+}, C = ["onClick"], x = { class: "selected uikit-pointer-events-none uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-bg-w-primary uikit-p-5px uikit-text-white hover:uikit-bg-w-primary hover:uikit-text-white" }, I = ["onClick"], $ = {
+  key: 3,
+  class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"
+};
+function H(i, e, u, M, N, j) {
+  const a = d("baseIcon");
+  return r(), n("nav", P, [
+    i.getCount() > 0 ? (r(), n("ul", y, [
+      i.getCurrentPage() > 1 ? (r(), n("li", {
+        key: 0,
+        class: "arrow-button prev-page uikit-h-30x uikit-flex uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary md:uikit-mr-5 [&_>_img]:hover:uikit-brightness-0 [&_>_img]:hover:uikit-invert",
+        onClick: e[0] || (e[0] = (t) => i.selectPage(i.getCurrentPage() - 1)),
+        onMouseover: e[1] || (e[1] = (t) => i.handleHoverIcon(!0, "LeftArrow")),
+        onMouseout: e[2] || (e[2] = (t) => i.handleHoverIcon(!1, "LeftArrow"))
+      }, [
+        l(a, {
+          "icon-name": "arrow-sx-blue.svg",
+          "alt-attribute": "icona pagina successiva",
+          "icon-class": "uikit-mr-0"
+        })
+      ], 32)) : o("", !0),
+      i.getCurrentPage() > 1 ? (r(), n("li", {
+        key: 1,
+        class: "page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
+        onClick: e[3] || (e[3] = (t) => i.selectPage(1))
+      }, " 1 ")) : o("", !0),
+      i.getCurrentPage() > i.siblings + 2 ? (r(), n("li", b, " ... ")) : o("", !0),
+      (r(!0), n(g, null, p(i.getPreviousPages(), (t) => (r(), n("li", {
+        key: t,
+        class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
+        onClick: (m) => i.selectPage(t)
+      }, s(i.formatInteger(t)), 9, C))), 128)),
+      f("li", x, s(i.getCurrentPage()), 1),
+      (r(!0), n(g, null, p(i.getNextPages(), (t) => (r(), n("li", {
+        key: t,
+        class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
+        onClick: (m) => i.selectPage(t)
+      }, s(i.formatInteger(t)), 9, I))), 128)),
+      i.getCurrentPage() < i.getPages() - i.siblings - 1 ? (r(), n("li", $, " ... ")) : o("", !0),
+      i.getCurrentPage() < i.getPages() ? (r(), n("li", {
+        key: 4,
+        class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
+        onClick: e[4] || (e[4] = (t) => i.selectPage(i.getPages()))
+      }, s(i.getFormattedPages()), 1)) : o("", !0),
+      i.getCurrentPage() < i.getPages() ? (r(), n("li", {
+        key: 5,
+        class: "arrow-button next-page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary md:uikit-ml-5 [&_>_img]:hover:uikit-brightness-0 [&_>_img]:hover:uikit-invert",
+        onClick: e[5] || (e[5] = (t) => i.selectPage(i.getCurrentPage() + 1)),
+        onMouseover: e[6] || (e[6] = (t) => i.handleHoverIcon(!0, "RightArrow")),
+        onMouseout: e[7] || (e[7] = (t) => i.handleHoverIcon(!1, "RightArrow"))
+      }, [
+        l(a, {
+          "icon-name": "arrow-dx-blue.svg",
+          "alt-attribute": "icona pagina successiva",
+          "icon-class": "uikit-mr-0"
+        })
+      ], 32)) : o("", !0)
+    ])) : o("", !0)
+  ]);
+}
+const R = /* @__PURE__ */ v(w, [["render", H]]);
+export {
+  R as default
+};

package/dist/lib/UIKit/BasePaper.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("../../_plugin-vue_export-helper-BHFhmbuH.cjs"),r=e.defineComponent({name:"BasePaper"}),s={class:"base-paper"};function n(t,p,a,_,i,d){return e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(t.$slots,"content",{},void 0,!0)])}const c=o._export_sfc(r,[["render",n],["__scopeId","data-v-535e7409"]]);module.exports=c;

package/dist/lib/UIKit/BasePaper.js

@@ -0,0 +1,14 @@
+import { defineComponent as o, openBlock as t, createElementBlock as r, renderSlot as s } from "vue";
+import { _ as n } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const a = o({
+  name: "BasePaper"
+}), c = { class: "base-paper" };
+function p(e, _, d, i, f, m) {
+  return t(), r("div", c, [
+    s(e.$slots, "content", {}, void 0, !0)
+  ]);
+}
+const $ = /* @__PURE__ */ n(a, [["render", p], ["__scopeId", "data-v-535e7409"]]);
+export {
+  $ as default
+};

package/dist/lib/UIKit/BaseSelect/SelectItem.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("../../../SelectItem.vue_vue_type_script_setup_true_lang-3ie26G8n.cjs");module.exports=e._sfc_main;

package/dist/lib/UIKit/BaseSelect/SelectItem.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../SelectItem.vue_vue_type_script_setup_true_lang-BOLdDTLM.js";
+export {
+  f as default
+};

package/dist/lib/UIKit/BaseSlider.cjs

@@ -0,0 +1,8 @@
+"use strict";const d=require("./BaseInput.cjs"),s=require("vue"),p=require("../../_plugin-vue_export-helper-BHFhmbuH.cjs");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,
+      ${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-deef9344"]]);module.exports=F;

package/dist/lib/UIKit/BaseSlider.js

@@ -0,0 +1,261 @@
+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(
+      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-deef9344"]]);
+export {
+  _ as default
+};

package/dist/lib/UIKit/BaseSnackbar.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),u=require("../../CloseIcon-B0iqXdWk.cjs"),k=require("../../_plugin-vue_export-helper-BHFhmbuH.cjs"),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"},f={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"},h=["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",f,[t.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:"uikit-m-0",innerHTML:t.title},null,8,h)):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-e15f981f"]]);module.exports=_;

package/dist/lib/UIKit/BaseSnackbar.js

@@ -0,0 +1,79 @@
+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), r = u(null), p = () => {
+      n.value && n.value();
+    }, c = () => {
+      const t = r.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(() => {
+        c();
+      }, s.timeout);
+    }), (t, H) => (i(), e("div", C, [
+      o("div", {
+        ref_key: "snackbar",
+        ref: r,
+        "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(c, ["stop"])
+        }, [
+          y(x(_), {
+            class: "snackbar-close-icon",
+            width: 20,
+            height: 20,
+            "stroke-color": "#000"
+          })
+        ])
+      ], 10, g)
+    ]));
+  }
+}), z = /* @__PURE__ */ v(S, [["__scopeId", "data-v-e15f981f"]]);
+export {
+  z as default
+};

package/dist/lib/UIKit/BaseSnackbar.vue.d.ts

@@ -0,0 +1,56 @@
+import { Action, Nullable, SnackbarTypes } from "@wikicasa-dev/types";
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    type?: SnackbarTypes | undefined;
+    title: string;
+    body: string;
+    icon?: {
+        src: string;
+        alt: string;
+    } | undefined;
+    timeout?: number | undefined;
+    cb?: Nullable<Action> | undefined;
+}>, {
+    type: string;
+    timeout: number;
+    cb: null;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "snackbar-hidden": () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    type?: SnackbarTypes | undefined;
+    title: string;
+    body: string;
+    icon?: {
+        src: string;
+        alt: string;
+    } | undefined;
+    timeout?: number | undefined;
+    cb?: Nullable<Action> | undefined;
+}>, {
+    type: string;
+    timeout: number;
+    cb: null;
+}>>> & {
+    "onSnackbar-hidden"?: (() => any) | undefined;
+}, {
+    type: SnackbarTypes;
+    timeout: number;
+    cb: Nullable<Action>;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/lib/UIKit/BaseTab.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./BaseNavItem.cjs"),t=require("vue"),l=require("../../_plugin-vue_export-helper-BHFhmbuH.cjs"),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,a,m,p,u,b){const s=t.resolveComponent("base-nav-item");return t.openBlock(),t.createElementBlock("ul",{class:t.normalizeClass(["uikit-inline-flex uikit-flex-wrap uikit-gap-5",[e.navTabsCustomClass]])},[e.tabs?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(e.tabs,(n,i)=>(t.openBlock(),t.createBlock(s,{id:n.id+"_"+i,key:i,text:n.label,"is-active":e.selectedId===n.id+"_"+i,"icon-name":n.iconName,onClick:k=>e.handleClick(`${n.id+"_"+i}`)},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:a[0]||(a[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:a[1]||(a[1]=n=>e.handleClick("tab2"))},null,8,["is-active","icon-name","text"])])],2)}const d=l._export_sfc(c,[["render",r]]);module.exports=d;