@wikicasa-dev/components 1.2.30 → 1.2.32

package/dist/BaseInput.js

@@ -1 +1,278 @@
-require('./assets/BaseInput.css');"use strict";const d=require("./BaseFloatingLabel.js"),p=require("./useFloatingLabel.js"),t=require("vue"),k=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),b=t.defineComponent({name:"BaseInput",components:{BaseFloatingLabel:d},inheritAttrs:!1,props:{inputClass:{type:[String,Array],required:!1,default:""},inputType:{type:String,default:"text-input"},labelText:{type:String,default:""},border:{type:Boolean,default:!0},radius:{type:Boolean,default:!0},modelValue:{type:[String,Number]},feedback:{type:Object},isValid:{type:Boolean,default:null},auto:{type:Boolean,default:!0},keepFloatingLabel:{type:Boolean,default:!1},formatter:{type:Object,default:null}},emits:["update:modelValue","click","keydown-enter-pressed","focusin","focusout","keydown"],setup(e,i){const{labelState:l,setInitialLabelState:o,handleFocusIn:r,handleFocusOut:u,setInlineLabel:n,setFloatingLabel:a}=p.useFloatingLabel(i.emit);return{labelState:l,setInitialLabelState:o,handleFocusIn:r,handleFocusOut:u,setInlineLabel:n,setFloatingLabel:a}},data(){return{type:"",feedbackObj:{},pointerDownListener:e=>{e.preventDefault()}}},computed:{passwordIcon(){return document?document.querySelector("[data-type='password-icon']"):null}},watch:{feedback(){this.normalizeFeedbackProp()},modelValue(e){if(e){const i=this.$refs.baseInput;if(!i)return;!i.value&&this.formatter&&(e=i.value);const l=this.updateInputValue(i,e);this.$emit("update:modelValue",l)}else this.$refs.baseInput.value="";e!=null&&`${e}`.length>0&&this.auto&&this.labelState!=="floating-label"?this.labelState="floating-label":(e==null||e==null)&&(this.labelState="inline-label")},keepFloatingLabel(e){e?this.setFloatingLabel():this.handleFocusOut(this.modelValue,!0,this.auto)}},created(){this.type=this.$attrs.type,this.normalizeFeedbackProp(),this.setInitialLabelState(this.modelValue)},mounted(){if((this.modelValue!=null||this.modelValue!=null)&&(this.$refs.baseInput.value=`${this.modelValue}`),this.formatter){const e=this.updateInputValue(this.$refs.baseInput,`${this.modelValue}`);this.$emit("update:modelValue",e)}this.setPointerOutListener()},unmounted(){this.passwordIcon?.removeEventListener("pointerdown",this.pointerDownListener)},methods:{select(){this.$refs.baseInput.select()},setPointerOutListener(){if(this.$attrs.type!=="password")return;const e=this.passwordIcon;e&&e.addEventListener("pointerdown",this.pointerDownListener)},handleFloatingLabelClick(){this.$refs.baseInput.focus()},normalizeFeedbackProp(){this.feedback&&(this.feedbackObj=this.feedback,this.feedback.valid&&typeof this.feedback.valid=="string"&&(this.feedbackObj.valid=[this.feedback.valid]),this.feedback.invalid&&typeof this.feedback.invalid=="string"&&(this.feedbackObj.invalid=[this.feedback.invalid]))},updateInputValue(e,i){if(!i)return e.value="","";let l="";return this.formatter&&this.formatter.unFormatFn?l=`${this.formatter.unFormatFn(i)}`:l=i,this.formatter?e.value=this.formatter.formatFn(l):e.value=l,l},handleInputChange({target:e}){if(this.inputType==="select")return;const i=e,l=this.updateInputValue(i,i.value);this.$emit("update:modelValue",l)},handleClick(e){this.$emit("click",e)},handleClean(){this.$emit("update:modelValue",""),this.setInlineLabel()},handleShowPasswd(){this.type==="password"?this.type="text":this.type==="text"&&(this.type="password")}}}),h=["id","data-cy","name","autocomplete","disabled","aria-labelledby","readonly","type","pattern","min","max","maxlength","inputmode","placeholder"],f={key:0,class:"uikit-invisible uikit-float-none uikit-mb-2 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-transition-[max-width] uikit-duration-[50ms] uikit-ease-out"},m=["innerHTML"],$=["innerHTML"],v=["innerHTML"],c={class:"under-label uikit-absolute uikit-text-12"};function y(e,i,l,o,r,u){const n=t.resolveComponent("base-floating-label");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px",[e.$attrs.class,{"uikit-mt-10px":e.labelText},{"floating-label":e.labelText},e.labelState==="floating-label"?"floating-state":"inline-state",{"has-right-icon":e.$attrs["with-right-icon"]!==void 0?e.$attrs["with-right-icon"]:!!e.$slots.righticon},{"has-left-icon":e.$attrs["with-left-icon"]!==void 0?e.$attrs["with-left-icon"]:!!e.$slots.leftIcon},{"is-invalid":e.isValid===!1,"is-valid":e.isValid}]])},[t.renderSlot(e.$slots,"leftIcon",{},void 0,!0),t.renderSlot(e.$slots,"righticon",{handleClean:e.handleClean,handleShowPasswd:e.handleShowPasswd,curType:e.type},void 0,!0),t.createElementVNode("input",{id:e.$attrs.id,ref:"baseInput","data-cy":e.$attrs["data-cy"],name:e.$attrs.name,class:t.normalizeClass(["uikit-peer uikit-box-border uikit-h-11 uikit-truncate !uikit-border-none uikit-bg-no-repeat focus:uikit-shadow-none focus:uikit-outline-none",[{"uikit-rounded-xs":e.radius},{"input-element uikit-block uikit-w-full uikit-appearance-none uikit-px-4 uikit-outline-0":e.inputType==="text-input"},{"uikit-text-w-secondary":e.$attrs.disabled},{"is-invalid invalid-bg !uikit-pr-9":e.isValid===!1,"is-valid valid-bg !uikit-pr-9":e.isValid},{"uikit-pr-[42px]":e.$attrs["with-right-icon"]!==void 0?e.$attrs["with-right-icon"]:!!e.$slots.righticon},{"uikit-pl-[42px]":e.$attrs["with-left-icon"]!==void 0?e.$attrs["with-left-icon"]:!!e.$slots.leftIcon},e.inputClass]]),autocomplete:e.$attrs.autocomplete==="on"?"on":"off",disabled:e.$attrs.disabled,"aria-labelledby":e.$attrs.id,readonly:e.$attrs.readonly,type:e.type,pattern:e.$attrs.pattern,min:e.$attrs.min,max:e.$attrs.max,maxlength:e.$attrs.maxlength,inputmode:e.$attrs.inputmode,placeholder:e.$attrs.placeholder,onClick:i[0]||(i[0]=(...a)=>e.handleClick&&e.handleClick(...a)),onFocusin:i[1]||(i[1]=t.withModifiers(()=>e.handleFocusIn(),["stop"])),onFocusout:i[2]||(i[2]=t.withModifiers(a=>!e.keepFloatingLabel&&e.handleFocusOut(e.modelValue,!1,e.auto),["stop"])),onInput:i[3]||(i[3]=t.withModifiers((...a)=>e.handleInputChange&&e.handleInputChange(...a),["stop"])),onKeydown:[i[4]||(i[4]=t.withKeys(a=>e.$emit("keydown-enter-pressed"),["enter"])),i[5]||(i[5]=a=>e.$emit("keydown",a))]},null,42,h),t.createElementVNode("fieldset",{class:t.normalizeClass(["uikit-pointer-events-none uikit-absolute -uikit-top-[5px] uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-h-12 uikit-overflow-hidden uikit-px-2 uikit-py-0 uikit-text-left",[{"uikit-border-0":!e.border},{"uikit-border uikit-border-solid uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger":e.border,"uikit-rounded-xs":e.radius,"is-invalid uikit-border-w-danger":e.isValid===!1,"is-valid uikit-border-w-primary":e.isValid,"uikit-border-w-secondary":e.isValid===null&&e.border},{"no-floating-label uikit-top-0":!e.labelText},e.$attrs["fieldset-classes"]]])},[e.labelText?(t.openBlock(),t.createElementBlock("legend",f,[t.createElementVNode("span",{class:t.normalizeClass(["visible-label uikit-opacity-0",[{"uikit-mx-5px":e.labelText},{"uikit-visible uikit-inline-block":e.labelState==="floating-label"},{"uikit-invisible uikit-hidden":e.labelState==="inline-label"}]]),innerHTML:e.labelText},null,10,m)])):t.createCommentVNode("",!0)],2),e.labelText?(t.openBlock(),t.createBlock(n,{key:0,for:e.$attrs.id,"label-text":e.labelText,"label-state":e.labelState,"is-valid":e.isValid,required:e.$attrs.required,disabled:e.$attrs.disabled,"label-classes":e.$attrs["label-classes"],onClick:e.handleFloatingLabelClick},null,8,["for","label-text","label-state","is-valid","required","disabled","label-classes","onClick"])):t.createCommentVNode("",!0),e.isValid===!1?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(e.feedbackObj.invalid,(a,s)=>(t.openBlock(),t.createElementBlock("div",{key:`${e.$attrs.id}_invalid_${s}`,class:"uikit-mt-1 uikit-text-12 uikit-text-w-danger",innerHTML:a},null,8,$))),128)):e.isValid===!0?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:2},t.renderList(e.feedbackObj.valid,(a,s)=>(t.openBlock(),t.createElementBlock("div",{key:`${e.$attrs.id}_valid_${s}`,class:"uikit-mt-1 uikit-text-12 uikit-text-w-primary",innerHTML:a},null,8,v))),128)):t.createCommentVNode("",!0),t.createElementVNode("div",c,[t.renderSlot(e.$slots,"under-label",{},void 0,!0)])],2)}const w=k._export_sfc(b,[["render",y],["__scopeId","data-v-bbdd7899"]]);module.exports=w;
+import './assets/BaseInput.css';
+import v from "./BaseFloatingLabel.js";
+import { useFloatingLabel as y } from "./useFloatingLabel.js";
+import { defineComponent as w, resolveComponent as g, openBlock as l, createElementBlock as s, normalizeClass as n, renderSlot as d, createElementVNode as o, withModifiers as p, withKeys as V, createCommentVNode as b, createBlock as c, Fragment as m, renderList as $ } from "vue";
+import { _ as I } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+const F = w({
+  name: "BaseInput",
+  components: { BaseFloatingLabel: v },
+  inheritAttrs: !1,
+  props: {
+    inputClass: { type: [String, Array], required: !1, default: "" },
+    inputType: {
+      type: String,
+      default: "text-input"
+    },
+    labelText: { type: String, default: "" },
+    border: { type: Boolean, default: !0 },
+    radius: { type: Boolean, default: !0 },
+    modelValue: { type: [String, Number] },
+    feedback: { type: Object },
+    isValid: { type: Boolean, default: null },
+    auto: { type: Boolean, default: !0 },
+    keepFloatingLabel: { type: Boolean, default: !1 },
+    formatter: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "click",
+    "keydown-enter-pressed",
+    "focusin",
+    "focusout",
+    "keydown"
+  ],
+  setup(e, t) {
+    const {
+      labelState: a,
+      setInitialLabelState: k,
+      handleFocusIn: h,
+      handleFocusOut: f,
+      setInlineLabel: r,
+      setFloatingLabel: i
+    } = y(t.emit);
+    return {
+      labelState: a,
+      setInitialLabelState: k,
+      handleFocusIn: h,
+      handleFocusOut: f,
+      setInlineLabel: r,
+      setFloatingLabel: i
+    };
+  },
+  data() {
+    return {
+      type: "",
+      //a valid input type
+      feedbackObj: {},
+      pointerDownListener: (e) => {
+        e.preventDefault();
+      }
+    };
+  },
+  computed: {
+    passwordIcon() {
+      return document ? document.querySelector("[data-type='password-icon']") : null;
+    }
+  },
+  watch: {
+    feedback() {
+      this.normalizeFeedbackProp();
+    },
+    modelValue(e) {
+      if (e) {
+        const t = this.$refs.baseInput;
+        if (!t)
+          return;
+        !t.value && this.formatter && (e = t.value);
+        const a = this.updateInputValue(t, e);
+        this.$emit("update:modelValue", a);
+      } else
+        this.$refs.baseInput.value = "";
+      e != null && `${e}`.length > 0 && this.auto && this.labelState !== "floating-label" ? this.labelState = "floating-label" : (e == null || e == null) && (this.labelState = "inline-label");
+    },
+    //Manually moving the floating label
+    keepFloatingLabel(e) {
+      e ? this.setFloatingLabel() : this.handleFocusOut(this.modelValue, !0, this.auto);
+    }
+  },
+  created() {
+    this.type = this.$attrs.type, this.normalizeFeedbackProp(), this.setInitialLabelState(this.modelValue);
+  },
+  mounted() {
+    if ((this.modelValue != null || this.modelValue != null) && (this.$refs.baseInput.value = `${this.modelValue}`), this.formatter) {
+      const e = this.updateInputValue(
+        this.$refs.baseInput,
+        `${this.modelValue}`
+      );
+      this.$emit("update:modelValue", e);
+    }
+    this.setPointerOutListener();
+  },
+  unmounted() {
+    this.passwordIcon?.removeEventListener(
+      "pointerdown",
+      this.pointerDownListener
+    );
+  },
+  methods: {
+    select() {
+      this.$refs.baseInput.select();
+    },
+    /**
+     * Prevents the default behaviour of pointerout so the clicked element won't make lose the focus to the input element
+     * */
+    setPointerOutListener() {
+      if (this.$attrs.type !== "password")
+        return;
+      const e = this.passwordIcon;
+      e && e.addEventListener("pointerdown", this.pointerDownListener);
+    },
+    handleFloatingLabelClick() {
+      this.$refs.baseInput.focus();
+    },
+    normalizeFeedbackProp() {
+      this.feedback && (this.feedbackObj = this.feedback, this.feedback.valid && typeof this.feedback.valid == "string" && (this.feedbackObj.valid = [this.feedback.valid]), this.feedback.invalid && typeof this.feedback.invalid == "string" && (this.feedbackObj.invalid = [this.feedback.invalid]));
+    },
+    updateInputValue(e, t) {
+      if (!t)
+        return e.value = "", "";
+      let a = "";
+      return this.formatter && this.formatter.unFormatFn ? a = `${this.formatter.unFormatFn(t)}` : a = t, this.formatter ? e.value = this.formatter.formatFn(a) : e.value = a, a;
+    },
+    handleInputChange({ target: e }) {
+      if (this.inputType === "select")
+        return;
+      const t = e, a = this.updateInputValue(t, t.value);
+      this.$emit("update:modelValue", a);
+    },
+    handleClick(e) {
+      this.$emit("click", e);
+    },
+    handleClean() {
+      this.$emit("update:modelValue", ""), this.setInlineLabel();
+    },
+    handleShowPasswd() {
+      this.type === "password" ? this.type = "text" : this.type === "text" && (this.type = "password");
+    }
+  }
+}), L = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder"], C = {
+  key: 0,
+  class: "uikit-invisible uikit-float-none uikit-mb-2 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-transition-[max-width] uikit-duration-[50ms] uikit-ease-out"
+}, S = ["innerHTML"], T = ["innerHTML"], O = ["innerHTML"], B = { class: "under-label uikit-absolute uikit-text-12" };
+function j(e, t, a, k, h, f) {
+  const r = g("base-floating-label");
+  return l(), s("div", {
+    class: n(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px", [
+      e.$attrs.class,
+      { "uikit-mt-10px": e.labelText },
+      { "floating-label": e.labelText },
+      e.labelState === "floating-label" ? "floating-state" : "inline-state",
+      {
+        "has-right-icon": e.$attrs["with-right-icon"] !== void 0 ? e.$attrs["with-right-icon"] : !!e.$slots.righticon
+      },
+      {
+        "has-left-icon": e.$attrs["with-left-icon"] !== void 0 ? e.$attrs["with-left-icon"] : !!e.$slots.leftIcon
+      },
+      { "is-invalid": e.isValid === !1, "is-valid": e.isValid }
+    ]])
+  }, [
+    d(e.$slots, "leftIcon", {}, void 0, !0),
+    d(e.$slots, "righticon", {
+      handleClean: e.handleClean,
+      handleShowPasswd: e.handleShowPasswd,
+      curType: e.type
+    }, void 0, !0),
+    o("input", {
+      id: e.$attrs.id,
+      ref: "baseInput",
+      "data-cy": e.$attrs["data-cy"],
+      name: e.$attrs.name,
+      class: n(["uikit-peer uikit-box-border uikit-h-11 uikit-truncate !uikit-border-none uikit-bg-no-repeat focus:uikit-shadow-none focus:uikit-outline-none", [
+        { "uikit-rounded-xs": e.radius },
+        {
+          "input-element uikit-block uikit-w-full uikit-appearance-none uikit-px-4 uikit-outline-0": e.inputType === "text-input"
+        },
+        { "uikit-text-w-secondary": e.$attrs.disabled },
+        {
+          "is-invalid invalid-bg !uikit-pr-9": e.isValid === !1,
+          "is-valid valid-bg !uikit-pr-9": e.isValid
+        },
+        {
+          "uikit-pr-[42px]": e.$attrs["with-right-icon"] !== void 0 ? e.$attrs["with-right-icon"] : !!e.$slots.righticon
+        },
+        {
+          "uikit-pl-[42px]": e.$attrs["with-left-icon"] !== void 0 ? e.$attrs["with-left-icon"] : !!e.$slots.leftIcon
+        },
+        e.inputClass
+      ]]),
+      autocomplete: e.$attrs.autocomplete === "on" ? "on" : "off",
+      disabled: e.$attrs.disabled,
+      "aria-labelledby": e.$attrs.id,
+      readonly: e.$attrs.readonly,
+      type: e.type,
+      pattern: e.$attrs.pattern,
+      min: e.$attrs.min,
+      max: e.$attrs.max,
+      maxlength: e.$attrs.maxlength,
+      inputmode: e.$attrs.inputmode,
+      placeholder: e.$attrs.placeholder,
+      onClick: t[0] || (t[0] = (...i) => e.handleClick && e.handleClick(...i)),
+      onFocusin: t[1] || (t[1] = p(() => e.handleFocusIn(), ["stop"])),
+      onFocusout: t[2] || (t[2] = p((i) => !e.keepFloatingLabel && e.handleFocusOut(e.modelValue, !1, e.auto), ["stop"])),
+      onInput: t[3] || (t[3] = p((...i) => e.handleInputChange && e.handleInputChange(...i), ["stop"])),
+      onKeydown: [
+        t[4] || (t[4] = V((i) => e.$emit("keydown-enter-pressed"), ["enter"])),
+        t[5] || (t[5] = (i) => e.$emit("keydown", i))
+      ]
+    }, null, 42, L),
+    o("fieldset", {
+      class: n(["uikit-pointer-events-none uikit-absolute -uikit-top-[5px] uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-h-12 uikit-overflow-hidden uikit-px-2 uikit-py-0 uikit-text-left", [
+        { "uikit-border-0": !e.border },
+        {
+          "uikit-border uikit-border-solid uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger": e.border,
+          "uikit-rounded-xs": e.radius,
+          "is-invalid uikit-border-w-danger": e.isValid === !1,
+          "is-valid uikit-border-w-primary": e.isValid,
+          "uikit-border-w-secondary": e.isValid === null && e.border
+        },
+        { "no-floating-label uikit-top-0": !e.labelText },
+        e.$attrs["fieldset-classes"]
+      ]])
+    }, [
+      e.labelText ? (l(), s("legend", C, [
+        o("span", {
+          class: n(["visible-label uikit-opacity-0", [
+            { "uikit-mx-5px": e.labelText },
+            {
+              "uikit-visible uikit-inline-block": e.labelState === "floating-label"
+            },
+            {
+              "uikit-invisible uikit-hidden": e.labelState === "inline-label"
+            }
+          ]]),
+          innerHTML: e.labelText
+        }, null, 10, S)
+      ])) : b("", !0)
+    ], 2),
+    e.labelText ? (l(), c(r, {
+      key: 0,
+      for: e.$attrs.id,
+      "label-text": e.labelText,
+      "label-state": e.labelState,
+      "is-valid": e.isValid,
+      required: e.$attrs.required,
+      disabled: e.$attrs.disabled,
+      "label-classes": e.$attrs["label-classes"],
+      onClick: e.handleFloatingLabelClick
+    }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "onClick"])) : b("", !0),
+    e.isValid === !1 ? (l(!0), s(m, { key: 1 }, $(e.feedbackObj.invalid, (i, u) => (l(), s("div", {
+      key: `${e.$attrs.id}_invalid_${u}`,
+      class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
+      innerHTML: i
+    }, null, 8, T))), 128)) : e.isValid === !0 ? (l(!0), s(m, { key: 2 }, $(e.feedbackObj.valid, (i, u) => (l(), s("div", {
+      key: `${e.$attrs.id}_valid_${u}`,
+      class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
+      innerHTML: i
+    }, null, 8, O))), 128)) : b("", !0),
+    o("div", B, [
+      d(e.$slots, "under-label", {}, void 0, !0)
+    ])
+  ], 2);
+}
+const z = /* @__PURE__ */ I(F, [["render", j], ["__scopeId", "data-v-bbdd7899"]]);
+export {
+  z as default
+};

package/dist/BaseNavItem.js

@@ -1 +1,59 @@
-require('./assets/BaseNavItem.css');"use strict";const a=require("./BaseIcon.js"),e=require("vue"),r=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),n=e.defineComponent({name:"BaseNavItem",components:{BaseIcon:a},props:{text:{type:String},iconName:{type:String},iconClass:{type:String,default:"uikit-mr-5px"},navItemCustomClass:{type:String},isActive:{type:Boolean,default:!1}},emits:["click"],watch:{isActive(t){const i=this.$refs["base-nav-item"];t?i.classList.add("active"):i.classList.remove("active")}}}),c=["id"];function l(t,i,p,m,d,f){const s=e.resolveComponent("base-icon");return e.openBlock(),e.createElementBlock("li",{id:`${t.$attrs.id}`,class:e.normalizeClass(["uikit-group/tabs uikit-relative uikit-flex uikit-cursor-pointer uikit-items-center uikit-pb-5px disabled:uikit-border-transparent disabled:uikit-bg-transparent disabled:uikit-text-gray-600",[t.navItemCustomClass]]),onClick:i[0]||(i[0]=o=>t.$emit("click",o))},[t.iconName?(e.openBlock(),e.createBlock(s,{key:0,"alt-attribute":"icon","icon-name":t.iconName,"icon-class":t.iconClass},null,8,["icon-name","icon-class"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createElementVNode("a",{ref:"base-nav-item",class:"after:uikit-absolute after:uikit-bottom-0 after:uikit-left-0 after:uikit-w-full after:uikit-content-[''] group-hover/tabs:after:uikit-border-b-2 group-hover/tabs:after:uikit-border-b-w-primary group-hover/tabs:after:[border-bottom-style:solid]"},e.toDisplayString(t.text),513)],!0)],10,c)}const u=r._export_sfc(n,[["render",l],["__scopeId","data-v-7f3f4fee"]]);module.exports=u;
+import './assets/BaseNavItem.css';
+import s from "./BaseIcon.js";
+import { defineComponent as r, resolveComponent as n, openBlock as i, createElementBlock as l, normalizeClass as c, createBlock as m, createCommentVNode as u, renderSlot as p, createElementVNode as d, toDisplayString as f } from "vue";
+import { _ as b } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+const k = r({
+  name: "BaseNavItem",
+  components: { BaseIcon: s },
+  props: {
+    text: {
+      type: String
+    },
+    iconName: {
+      type: String
+    },
+    iconClass: {
+      type: String,
+      default: "uikit-mr-5px"
+    },
+    navItemCustomClass: {
+      type: String
+    },
+    isActive: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click"],
+  watch: {
+    isActive(e) {
+      const t = this.$refs["base-nav-item"];
+      e ? t.classList.add("active") : t.classList.remove("active");
+    }
+  }
+}), v = ["id"];
+function g(e, t, C, y, $, N) {
+  const a = n("base-icon");
+  return i(), l("li", {
+    id: `${e.$attrs.id}`,
+    class: c(["uikit-group/tabs uikit-relative uikit-flex uikit-cursor-pointer uikit-items-center uikit-pb-5px disabled:uikit-border-transparent disabled:uikit-bg-transparent disabled:uikit-text-gray-600", [e.navItemCustomClass]]),
+    onClick: t[0] || (t[0] = (o) => e.$emit("click", o))
+  }, [
+    e.iconName ? (i(), m(a, {
+      key: 0,
+      "alt-attribute": "icon",
+      "icon-name": e.iconName,
+      "icon-class": e.iconClass
+    }, null, 8, ["icon-name", "icon-class"])) : u("", !0),
+    p(e.$slots, "default", {}, () => [
+      d("a", {
+        ref: "base-nav-item",
+        class: "after:uikit-absolute after:uikit-bottom-0 after:uikit-left-0 after:uikit-w-full after:uikit-content-[''] group-hover/tabs:after:uikit-border-b-2 group-hover/tabs:after:uikit-border-b-w-primary group-hover/tabs:after:[border-bottom-style:solid]"
+      }, f(e.text), 513)
+    ], !0)
+  ], 10, v);
+}
+const _ = /* @__PURE__ */ b(k, [["render", g], ["__scopeId", "data-v-7f3f4fee"]]);
+export {
+  _ as default
+};

package/dist/BasePagination.js

@@ -1 +1,164 @@
-"use strict";const a=require("./BaseIcon.js");require("./chunks/js.cookie.BMVAK0Pe.js");const t=require("vue"),l=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js");function u(e,i=!1){return e==null?"":k(i?Math.round(e):Math.floor(e),0)}function k(e,i){return!e&&e!==0?"":e.toLocaleString("it-IT",{minimumFractionDigits:i,maximumFractionDigits:i})}const c=t.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(e,i){e?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(Math.ceil((this.count+this.additionalCount)/this.limit))},getCurrentPage(){return Math.round(this.offset/this.limit)+1},getPreviousPages(){const e=Math.max(2,this.getCurrentPage()-this.siblings);let i=[];for(let n=e;n<this.getCurrentPage();n++)i.push(n);return i},getNextPages(){const e=Math.min(this.getPages()-1,this.getCurrentPage()+this.siblings);let i=[];for(let n=this.getCurrentPage()+1;n<=e;n++)i.push(n);return i},formatInteger(e){return u(e)},selectPage(e){this.$emit("new-pagination-offset",Math.round((e-1)*this.limit-this.additionalCount))},getCount(){return this.count}}}),g={"aria-label":"Page navigation"},m={key:0,class:"uikit-text-14 uikit-m-0 uikit-flex uikit-list-none uikit-content-center uikit-gap-4 uikit-p-0 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"},h=["onClick"],d={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"},v=["onClick"],f={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 P(e,i,n,y,C,b){const o=t.resolveComponent("baseIcon");return t.openBlock(),t.createElementBlock("nav",g,[e.getCount()>0?(t.openBlock(),t.createElementBlock("ul",m,[e.getCurrentPage()>1?(t.openBlock(),t.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=>e.selectPage(e.getCurrentPage()-1)),onMouseover:i[1]||(i[1]=r=>e.handleHoverIcon(!0,"LeftArrow")),onMouseout:i[2]||(i[2]=r=>e.handleHoverIcon(!1,"LeftArrow"))},[t.createVNode(o,{"icon-name":"arrow-sx-blue.svg","alt-attribute":"icona pagina successiva","icon-class":"uikit-mr-0"})],32)):t.createCommentVNode("",!0),e.getCurrentPage()>1?(t.openBlock(),t.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=>e.selectPage(1))}," 1 ")):t.createCommentVNode("",!0),e.getCurrentPage()>e.siblings+2?(t.openBlock(),t.createElementBlock("li",p," ... ")):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.getPreviousPages(),r=>(t.openBlock(),t.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=>e.selectPage(r)},t.toDisplayString(e.formatInteger(r)),9,h))),128)),t.createElementVNode("li",d,t.toDisplayString(e.getCurrentPage()),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.getNextPages(),r=>(t.openBlock(),t.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=>e.selectPage(r)},t.toDisplayString(e.formatInteger(r)),9,v))),128)),e.getCurrentPage()<e.getPages()-e.siblings-1?(t.openBlock(),t.createElementBlock("li",f," ... ")):t.createCommentVNode("",!0),e.getCurrentPage()<e.getPages()?(t.openBlock(),t.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=>e.selectPage(e.getPages()))},t.toDisplayString(e.getFormattedPages()),1)):t.createCommentVNode("",!0),e.getCurrentPage()<e.getPages()?(t.openBlock(),t.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=>e.selectPage(e.getCurrentPage()+1)),onMouseover:i[6]||(i[6]=r=>e.handleHoverIcon(!0,"RightArrow")),onMouseout:i[7]||(i[7]=r=>e.handleHoverIcon(!1,"RightArrow"))},[t.createVNode(o,{"icon-name":"arrow-dx-blue.svg","alt-attribute":"icona pagina successiva","icon-class":"uikit-mr-0"})],32)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])}const w=l._export_sfc(c,[["render",P]]);module.exports=w;
+import c from "./BaseIcon.js";
+import "./chunks/js.cookie.BaTT4o7s.js";
+import { defineComponent as h, resolveComponent as d, openBlock as r, createElementBlock as n, createVNode as k, createCommentVNode as o, Fragment as l, renderList as g, toDisplayString as s, createElementVNode as f } from "vue";
+import { _ as v } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+function p(i, t = !1) {
+  return i == null ? "" : P(t ? Math.round(i) : Math.floor(i), 0);
+}
+function P(i, t) {
+  return !i && i !== 0 ? "" : i.toLocaleString(
+    "it-IT",
+    // usare una stringa tipo 'en-US' per sovrascrivere la lingua del browser
+    {
+      minimumFractionDigits: t,
+      maximumFractionDigits: t
+    }
+  );
+}
+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, t) {
+      i ? t === "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 p(
+        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 t = [];
+      for (let u = i; u < this.getCurrentPage(); u++)
+        t.push(u);
+      return t;
+    },
+    getNextPages() {
+      const i = Math.min(
+        this.getPages() - 1,
+        this.getCurrentPage() + this.siblings
+      );
+      let t = [];
+      for (let u = this.getCurrentPage() + 1; u <= i; u++)
+        t.push(u);
+      return t;
+    },
+    formatInteger(i) {
+      return p(i);
+    },
+    selectPage(i) {
+      this.$emit(
+        "new-pagination-offset",
+        Math.round((i - 1) * this.limit - this.additionalCount)
+      );
+    },
+    getCount() {
+      return this.count;
+    }
+  }
+}), y = { "aria-label": "Page navigation" }, b = {
+  key: 0,
+  class: "uikit-text-14 uikit-m-0 uikit-flex uikit-list-none uikit-content-center uikit-gap-4 uikit-p-0 uikit-pl-0 uikit-font-semibold sm:uikit-gap-5"
+}, C = {
+  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"
+}, x = ["onClick"], I = { 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" }, $ = ["onClick"], M = {
+  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, t, u, N, j, L) {
+  const a = d("baseIcon");
+  return r(), n("nav", y, [
+    i.getCount() > 0 ? (r(), n("ul", b, [
+      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: t[0] || (t[0] = (e) => i.selectPage(i.getCurrentPage() - 1)),
+        onMouseover: t[1] || (t[1] = (e) => i.handleHoverIcon(!0, "LeftArrow")),
+        onMouseout: t[2] || (t[2] = (e) => i.handleHoverIcon(!1, "LeftArrow"))
+      }, [
+        k(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: t[3] || (t[3] = (e) => i.selectPage(1))
+      }, " 1 ")) : o("", !0),
+      i.getCurrentPage() > i.siblings + 2 ? (r(), n("li", C, " ... ")) : o("", !0),
+      (r(!0), n(l, null, g(i.getPreviousPages(), (e) => (r(), n("li", {
+        key: e,
+        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(e)
+      }, s(i.formatInteger(e)), 9, x))), 128)),
+      f("li", I, s(i.getCurrentPage()), 1),
+      (r(!0), n(l, null, g(i.getNextPages(), (e) => (r(), n("li", {
+        key: e,
+        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(e)
+      }, s(i.formatInteger(e)), 9, $))), 128)),
+      i.getCurrentPage() < i.getPages() - i.siblings - 1 ? (r(), n("li", M, " ... ")) : 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: t[4] || (t[4] = (e) => 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: t[5] || (t[5] = (e) => i.selectPage(i.getCurrentPage() + 1)),
+        onMouseover: t[6] || (t[6] = (e) => i.handleHoverIcon(!0, "RightArrow")),
+        onMouseout: t[7] || (t[7] = (e) => i.handleHoverIcon(!1, "RightArrow"))
+      }, [
+        k(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/BasePaper.js

@@ -1 +1,15 @@
-require('./assets/BasePaper.css');"use strict";const e=require("vue"),o=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),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-f52750e0"]]);module.exports=c;
+import './assets/BasePaper.css';
+import { defineComponent as o, openBlock as t, createElementBlock as r, renderSlot as s } from "vue";
+import { _ as n } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+const a = o({
+  name: "BasePaper"
+}), c = { class: "base-paper" };
+function p(e, _, d, f, i, m) {
+  return t(), r("div", c, [
+    s(e.$slots, "content", {}, void 0, !0)
+  ]);
+}
+const $ = /* @__PURE__ */ n(a, [["render", p], ["__scopeId", "data-v-f52750e0"]]);
+export {
+  $ as default
+};