@pequity/squirrel 1.0.20-beta.1 → 1.0.20-beta.3

package/dist/cjs/p-inline-date-picker.js

@@ -1 +1,142 @@
-"use strict";const r=require("dayjs"),i=require("./inputClassesMixin.js"),n=require("v-calendar"),t=require("vue"),o=require("./chunks/_plugin-vue_export-helper.js"),d={highlight:{class:"bg-primary",contentClass:"text-white"}},u={input:"DD-MMM-YYYY",data:"YYYY-MM-DD"},m=t.defineComponent({name:"PInlineDatePicker",components:{DatePicker:n.DatePicker},mixins:[i],inheritAttrs:!1,props:{modelValue:{type:String,default:""},label:{type:String,default:""},errorMsg:{type:String,default:""},required:{type:Boolean,default:!1},minDate:{type:Date,default:null},maxDate:{type:Date,default:null},timezone:{type:String,default:""}},emits:["update:modelValue"],data(){return{innerValue:null,selectAttribute:d}},computed:{masks(){return Object.assign(u,this.$attrs.masks)},attrs(){const{class:e,style:s,...a}=this.$attrs;return a},listeners(){return Object.keys(this.$attrs).reduce((e,s)=>s.startsWith("on")?{...e,[s]:this.$attrs[s]}:e,{})},style(){return this.$attrs.style},styleDatepicker(){return this.errorMsg?{border:"1px solid var(--color-on-error)"}:{}}},watch:{modelValue:{handler(e){const s=r(e,this.masks.data).toDate();if(e&&s.toString()==="Invalid Date"){this.$emit("update:modelValue",null);return}this.innerValue=e?r(e,this.masks.data).toDate():null;const a=this.$refs.datepicker;a&&this.innerValue&&a.move(this.innerValue)},immediate:!0}},methods:{dayclick(e){this.$emit("update:modelValue",e.id)}}}),c=["data-has-error"];function p(e,s,a,k,y,D){const l=t.resolveComponent("DatePicker");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([{hidden:e.$attrs.hidden},e.$attrs.class]),"data-has-error":!!e.errorMsg,style:t.normalizeStyle(e.style)},[t.renderSlot(e.$slots,"label",{label:e.label,labelClasses:e.labelClasses},()=>[e.label?(t.openBlock(),t.createElementBlock("label",{key:0,class:t.normalizeClass(e.labelClasses)},t.toDisplayString(e.label),3)):t.createCommentVNode("",!0)]),t.createVNode(l,t.mergeProps({ref:"datepicker",class:{"pointer-events-none opacity-70":e.$attrs.disabled},"model-value":e.innerValue,"select-attribute":e.selectAttribute,"min-date":e.minDate||null,"max-date":e.maxDate||null,masks:e.masks,style:e.styleDatepicker,timezone:e.timezone},e.listeners,{onDayclick:e.dayclick}),null,16,["class","model-value","select-attribute","min-date","max-date","masks","style","timezone","onDayclick"]),t.withDirectives(t.createElementVNode("div",{class:t.normalizeClass(e.errorMsgClasses)},t.toDisplayString(e.errorMsg),3),[[t.vShow,e.errorMsg]])],14,c)}const h=o._export_sfc(m,[["render",p]]);module.exports=h;
+"use strict";
+const dayjs = require("dayjs");
+const inputClassesMixin = require("./inputClassesMixin.js");
+const vCalendar = require("v-calendar");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const selectAttribute = { highlight: { class: "bg-primary", contentClass: "text-white" } };
+const DEFAULT_MASKS = {
+  // The mask for the input
+  input: "DD-MMM-YYYY",
+  // The mask for the model value
+  data: "YYYY-MM-DD"
+};
+const _sfc_main = vue.defineComponent({
+  name: "PInlineDatePicker",
+  components: {
+    DatePicker: vCalendar.DatePicker
+  },
+  mixins: [inputClassesMixin],
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    minDate: {
+      type: Date,
+      default: null
+    },
+    maxDate: {
+      type: Date,
+      default: null
+    },
+    timezone: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      // innerValue is a Date object
+      innerValue: null,
+      selectAttribute
+    };
+  },
+  computed: {
+    masks() {
+      return Object.assign(DEFAULT_MASKS, this.$attrs.masks);
+    },
+    attrs() {
+      const { class: classes, style, ...rest } = this.$attrs;
+      return rest;
+    },
+    listeners() {
+      return Object.keys(this.$attrs).reduce((acc, curr) => {
+        if (curr.startsWith("on")) {
+          return { ...acc, [curr]: this.$attrs[curr] };
+        } else {
+          return acc;
+        }
+      }, {});
+    },
+    style() {
+      return this.$attrs.style;
+    },
+    styleDatepicker() {
+      return this.errorMsg ? { border: "1px solid var(--color-on-error)" } : {};
+    }
+  },
+  watch: {
+    modelValue: {
+      handler(nV) {
+        const date = dayjs(nV, this.masks.data).toDate();
+        if (nV && date.toString() === "Invalid Date") {
+          this.$emit("update:modelValue", null);
+          return;
+        }
+        this.innerValue = nV ? dayjs(nV, this.masks.data).toDate() : null;
+        const datepicker = this.$refs.datepicker;
+        if (datepicker && this.innerValue) {
+          datepicker.move(this.innerValue);
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    dayclick(e) {
+      this.$emit("update:modelValue", e.id);
+    }
+  }
+});
+const _hoisted_1 = ["data-has-error"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_DatePicker = vue.resolveComponent("DatePicker");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+    "data-has-error": !!_ctx.errorMsg,
+    style: vue.normalizeStyle(_ctx.style)
+  }, [
+    vue.renderSlot(_ctx.$slots, "label", {
+      label: _ctx.label,
+      labelClasses: _ctx.labelClasses
+    }, () => [
+      _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+        key: 0,
+        class: vue.normalizeClass(_ctx.labelClasses)
+      }, vue.toDisplayString(_ctx.label), 3)) : vue.createCommentVNode("", true)
+    ]),
+    vue.createVNode(_component_DatePicker, vue.mergeProps({
+      ref: "datepicker",
+      class: { "pointer-events-none opacity-70": _ctx.$attrs.disabled },
+      "model-value": _ctx.innerValue,
+      "select-attribute": _ctx.selectAttribute,
+      "min-date": _ctx.minDate || null,
+      "max-date": _ctx.maxDate || null,
+      masks: _ctx.masks,
+      style: _ctx.styleDatepicker,
+      timezone: _ctx.timezone
+    }, _ctx.listeners, { onDayclick: _ctx.dayclick }), null, 16, ["class", "model-value", "select-attribute", "min-date", "max-date", "masks", "style", "timezone", "onDayclick"]),
+    vue.withDirectives(vue.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.errorMsgClasses)
+    }, vue.toDisplayString(_ctx.errorMsg), 3), [
+      [vue.vShow, _ctx.errorMsg]
+    ])
+  ], 14, _hoisted_1);
+}
+const pInlineDatePicker = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = pInlineDatePicker;

package/dist/cjs/p-input-number.js

@@ -1 +1,146 @@
-"use strict";const b=require("./p-info-icon.js"),C=require("./inputClassesMixin.js"),h=require("vue-currency-input"),e=require("vue"),S=require("lodash-es"),d=require("./number.js"),N=require("./chunks/_plugin-vue_export-helper.js"),v=["locale","currency","currencyDisplay","hideGroupingSeparatorOnFocus","hideCurrencySymbolOnFocus","hideNegligibleDecimalDigitsOnFocus","precision","autoDecimalDigits","valueRange","useGrouping","valueScaling"],V=e.defineComponent({name:"PInputNumber",components:{PInfoIcon:b},mixins:[C],inheritAttrs:!1,props:{modelValue:{type:[Number,String],default:null},label:{type:String,default:""},errorMsg:{type:String,default:""},required:{type:Boolean,default:!1},selectOnClick:{type:Boolean,default:!0},tooltipText:{type:String,default:""}},emits:["update:modelValue","change"],setup(t,{attrs:l,emit:u,expose:i}){const n={locale:"en-US",currency:"USD",precision:0,currencyDisplay:"hidden"},c=e.computed(()=>(v.forEach(s=>{const r=l[S.kebabCase(s)];r&&typeof r<"u"&&(n[s]=r)}),n)),{inputRef:o,numberValue:a,setValue:p}=h.useCurrencyInput(c.value,!1);e.watch(a,s=>{u("update:modelValue",d.toNumberOrNull(s))}),e.watch(()=>t.modelValue,s=>{p(d.toNumberOrNull(s))});const m=e.computed(()=>{const{class:s,style:r,...g}=l;return g}),f=e.computed(()=>l.style),y=()=>{t.selectOnClick&&o.value.select()};return i({setValue:p}),{inputRef:o,computedAttrs:m,style:f,focus:y}}}),k=["data-has-error"],I={class:"flex flex-row items-center"},D={class:"relative w-full"},B={key:0};function E(t,l,u,i,n,c){const o=e.resolveComponent("PInfoIcon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{hidden:t.$attrs.hidden},t.$attrs.class]),"data-has-error":!!t.errorMsg,style:e.normalizeStyle(t.style)},[e.createElementVNode("div",I,[e.renderSlot(t.$slots,"label",{label:t.label,labelClasses:t.labelClasses},()=>[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(t.labelClasses)},e.toDisplayString(t.label),3)):e.createCommentVNode("",!0)]),t.tooltipText?(e.openBlock(),e.createBlock(o,{key:0,text:t.tooltipText,class:"ml-1"},null,8,["text"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",D,[t.$slots.prefix?(e.openBlock(),e.createElementBlock("div",B,[e.renderSlot(t.$slots,"prefix")])):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({ref:"inputRef",type:"text"},t.computedAttrs,{class:t.inputClasses,onFocus:l[0]||(l[0]=(...a)=>t.focus&&t.focus(...a))}),null,16)]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(t.errorMsgClasses)},e.toDisplayString(t.errorMsg),3),[[e.vShow,t.errorMsg]])],14,k)}const O=N._export_sfc(V,[["render",E]]);module.exports=O;
+"use strict";
+const pInfoIcon = require("./p-info-icon.js");
+const inputClassesMixin = require("./inputClassesMixin.js");
+const vueCurrencyInput = require("vue-currency-input");
+const vue = require("vue");
+const lodashEs = require("lodash-es");
+const number = require("./number.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const ALL_OPTIONS = [
+  "locale",
+  "currency",
+  "currencyDisplay",
+  "hideGroupingSeparatorOnFocus",
+  "hideCurrencySymbolOnFocus",
+  "hideNegligibleDecimalDigitsOnFocus",
+  "precision",
+  "autoDecimalDigits",
+  "valueRange",
+  "useGrouping",
+  "valueScaling"
+];
+const _sfc_main = vue.defineComponent({
+  name: "PInputNumber",
+  components: {
+    PInfoIcon: pInfoIcon
+  },
+  mixins: [inputClassesMixin],
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: [Number, String],
+      default: null
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    selectOnClick: {
+      type: Boolean,
+      default: true
+    },
+    tooltipText: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(props, { attrs, emit, expose }) {
+    const DEFAULTS = {
+      locale: "en-US",
+      currency: "USD",
+      precision: 0,
+      currencyDisplay: "hidden"
+    };
+    const inputCurrencyOptions = vue.computed(() => {
+      ALL_OPTIONS.forEach((key) => {
+        const attr = attrs[lodashEs.kebabCase(key)];
+        if (attr && typeof attr !== "undefined") {
+          DEFAULTS[key] = attr;
+        }
+      });
+      return DEFAULTS;
+    });
+    const { inputRef, numberValue, setValue } = vueCurrencyInput.useCurrencyInput(
+      inputCurrencyOptions.value,
+      false
+    );
+    vue.watch(numberValue, (value) => {
+      emit("update:modelValue", number.toNumberOrNull(value));
+    });
+    vue.watch(
+      () => props.modelValue,
+      (value) => {
+        setValue(number.toNumberOrNull(value));
+      }
+    );
+    const computedAttrs = vue.computed(() => {
+      const { class: classes, style: style2, ...rest } = attrs;
+      return rest;
+    });
+    const style = vue.computed(() => {
+      return attrs.style;
+    });
+    const focus = () => {
+      props.selectOnClick && inputRef.value.select();
+    };
+    expose({ setValue });
+    return { inputRef, computedAttrs, style, focus };
+  }
+});
+const _hoisted_1 = ["data-has-error"];
+const _hoisted_2 = { class: "flex flex-row items-center" };
+const _hoisted_3 = { class: "relative w-full" };
+const _hoisted_4 = { key: 0 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_PInfoIcon = vue.resolveComponent("PInfoIcon");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+    "data-has-error": !!_ctx.errorMsg,
+    style: vue.normalizeStyle(_ctx.style)
+  }, [
+    vue.createElementVNode("div", _hoisted_2, [
+      vue.renderSlot(_ctx.$slots, "label", {
+        label: _ctx.label,
+        labelClasses: _ctx.labelClasses
+      }, () => [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+          key: 0,
+          class: vue.normalizeClass(_ctx.labelClasses)
+        }, vue.toDisplayString(_ctx.label), 3)) : vue.createCommentVNode("", true)
+      ]),
+      _ctx.tooltipText ? (vue.openBlock(), vue.createBlock(_component_PInfoIcon, {
+        key: 0,
+        text: _ctx.tooltipText,
+        class: "ml-1"
+      }, null, 8, ["text"])) : vue.createCommentVNode("", true)
+    ]),
+    vue.createElementVNode("div", _hoisted_3, [
+      !!_ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+        vue.renderSlot(_ctx.$slots, "prefix")
+      ])) : vue.createCommentVNode("", true),
+      vue.createElementVNode("input", vue.mergeProps({
+        ref: "inputRef",
+        type: "text"
+      }, _ctx.computedAttrs, {
+        class: _ctx.inputClasses,
+        onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.focus && _ctx.focus(...args))
+      }), null, 16)
+    ]),
+    vue.withDirectives(vue.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.errorMsgClasses)
+    }, vue.toDisplayString(_ctx.errorMsg), 3), [
+      [vue.vShow, _ctx.errorMsg]
+    ])
+  ], 14, _hoisted_1);
+}
+const PInputNumber = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = PInputNumber;

package/dist/cjs/p-input-percent.js

@@ -1 +1,3 @@
-"use strict";const e=require("./chunks/p-input-percent.js");module.exports=e._sfc_main;
+"use strict";
+const pInputPercent_vue_vue_type_script_setup_true_lang = require("./chunks/p-input-percent.js");
+module.exports = pInputPercent_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/p-input-search.js

@@ -1 +1,110 @@
-"use strict";const l=require("./p-input.js"),a=require("./inputClassesShared.js"),t=require("vue"),u=require("./chunks/_plugin-vue_export-helper.js"),i=t.defineComponent({name:"PInputSearch",components:{PInput:l},inheritAttrs:!1,props:{modelValue:{type:String,default:""},size:{type:String,default:"md",validator(e){return Object.keys(a.INPUT_SIZES).includes(e)}},showEnterIcon:{type:Boolean,default:!1}},emits:["update:modelValue","enter"],data(){return{query:this.modelValue,showEnterIconOnFocus:!1}},computed:{searchIconClasses(){return`search search-${this.size}`},enterIconClasses(){return`enter enter-${this.size}`},clearIconClasses(){return`clear clear-${this.size}`}},watch:{modelValue(e){this.query=e},query(e){this.$emit("update:modelValue",e)}},methods:{clearSearch(){this.query="",requestAnimationFrame(()=>{this.$refs.searchInput.$el.querySelector("input").focus()})},keydownEnter(){this.$emit("enter",this.query)}}});function c(e,o,d,m,h,I){const r=t.resolveComponent("PInput"),s=t.resolveDirective("tooltip");return t.openBlock(),t.createBlock(r,t.mergeProps({ref:"searchInput",modelValue:e.query,"onUpdate:modelValue":o[1]||(o[1]=n=>e.query=n),size:e.size},e.$attrs,{role:"searchbox",onFocus:o[2]||(o[2]=n=>e.showEnterIconOnFocus=!0),onFocusout:o[3]||(o[3]=n=>e.showEnterIconOnFocus=!1),onKeydown:t.withKeys(e.keydownEnter,["enter"])}),{prefix:t.withCtx(()=>[t.createElementVNode("i",{class:t.normalizeClass(["icon absolute bg-no-repeat outline-none",e.searchIconClasses])},null,2)]),suffix:t.withCtx(()=>[e.query&&e.showEnterIcon&&e.showEnterIconOnFocus?t.withDirectives((t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["icon absolute bg-no-repeat outline-none",e.enterIconClasses])},null,2)),[[s,{content:"Press enter to search",delay:{show:100,hide:0}},void 0,{bottom:!0}]]):t.createCommentVNode("",!0),e.query?(t.openBlock(),t.createElementBlock("button",{key:1,role:"button","aria-label":"Clear search input",class:t.normalizeClass(["icon absolute cursor-pointer bg-no-repeat",e.clearIconClasses]),onClick:o[0]||(o[0]=(...n)=>e.clearSearch&&e.clearSearch(...n))},null,2)):t.createCommentVNode("",!0)]),_:1},16,["modelValue","size","onKeydown"])}const p=u._export_sfc(i,[["render",c],["__scopeId","data-v-3de99c69"]]);module.exports=p;
+"use strict";
+const pInput = require("./p-input.js");
+const inputClassesShared = require("./inputClassesShared.js");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _sfc_main = vue.defineComponent({
+  name: "PInputSearch",
+  components: {
+    PInput: pInput
+  },
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return Object.keys(inputClassesShared.INPUT_SIZES).includes(value);
+      }
+    },
+    showEnterIcon: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "enter"],
+  data() {
+    return {
+      query: this.modelValue,
+      showEnterIconOnFocus: false
+    };
+  },
+  computed: {
+    searchIconClasses() {
+      return `search search-${this.size}`;
+    },
+    enterIconClasses() {
+      return `enter enter-${this.size}`;
+    },
+    clearIconClasses() {
+      return `clear clear-${this.size}`;
+    }
+  },
+  watch: {
+    modelValue(value) {
+      this.query = value;
+    },
+    query(value) {
+      this.$emit("update:modelValue", value);
+    }
+  },
+  methods: {
+    clearSearch() {
+      this.query = "";
+      requestAnimationFrame(() => {
+        this.$refs.searchInput.$el.querySelector("input").focus();
+      });
+    },
+    keydownEnter() {
+      this.$emit("enter", this.query);
+    }
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_PInput = vue.resolveComponent("PInput");
+  const _directive_tooltip = vue.resolveDirective("tooltip");
+  return vue.openBlock(), vue.createBlock(_component_PInput, vue.mergeProps({
+    ref: "searchInput",
+    modelValue: _ctx.query,
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.query = $event),
+    size: _ctx.size
+  }, _ctx.$attrs, {
+    role: "searchbox",
+    onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.showEnterIconOnFocus = true),
+    onFocusout: _cache[3] || (_cache[3] = ($event) => _ctx.showEnterIconOnFocus = false),
+    onKeydown: vue.withKeys(_ctx.keydownEnter, ["enter"])
+  }), {
+    prefix: vue.withCtx(() => [
+      vue.createElementVNode("i", {
+        class: vue.normalizeClass(["icon absolute bg-no-repeat outline-none", _ctx.searchIconClasses])
+      }, null, 2)
+    ]),
+    suffix: vue.withCtx(() => [
+      _ctx.query && _ctx.showEnterIcon && _ctx.showEnterIconOnFocus ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("i", {
+        key: 0,
+        class: vue.normalizeClass(["icon absolute bg-no-repeat outline-none", _ctx.enterIconClasses])
+      }, null, 2)), [
+        [
+          _directive_tooltip,
+          { content: "Press enter to search", delay: { show: 100, hide: 0 } },
+          void 0,
+          { bottom: true }
+        ]
+      ]) : vue.createCommentVNode("", true),
+      _ctx.query ? (vue.openBlock(), vue.createElementBlock("button", {
+        key: 1,
+        role: "button",
+        "aria-label": "Clear search input",
+        class: vue.normalizeClass(["icon absolute cursor-pointer bg-no-repeat", _ctx.clearIconClasses]),
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clearSearch && _ctx.clearSearch(...args))
+      }, null, 2)) : vue.createCommentVNode("", true)
+    ]),
+    _: 1
+  }, 16, ["modelValue", "size", "onKeydown"]);
+}
+const PInputSearch = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3de99c69"]]);
+module.exports = PInputSearch;

package/dist/cjs/p-input.js

@@ -1 +1,89 @@
-"use strict";const o=require("./inputClassesMixin.js"),e=require("vue"),n=require("./chunks/_plugin-vue_export-helper.js"),r={TEXT:"text",PASSWORD:"password"},i=e.defineComponent({name:"PInput",mixins:[o],inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},type:{type:String,default:r.TEXT,validator(s){return Object.values(r).includes(s)}},label:{type:String,default:""},errorMsg:{type:String,default:""},required:{type:Boolean,default:!1}},emits:["update:modelValue"],computed:{attrs(){const{class:s,style:t,...l}=this.$attrs;return l},style(){return this.$attrs.style}}}),d=["data-has-error"],u={class:"relative w-full"},p={key:0},m=["type","value"],c={key:1};function y(s,t,l,g,v,S){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{hidden:s.$attrs.hidden},s.$attrs.class]),"data-has-error":!!s.errorMsg,style:e.normalizeStyle(s.style)},[e.renderSlot(s.$slots,"label",{label:s.label,labelClasses:s.labelClasses},()=>[s.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(s.labelClasses)},e.toDisplayString(s.label),3)):e.createCommentVNode("",!0)]),e.createElementVNode("div",u,[s.$slots.prefix?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(s.$slots,"prefix")])):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({type:s.type,value:s.modelValue},s.attrs,{class:s.inputClasses,onInput:t[0]||(t[0]=a=>s.$emit("update:modelValue",a.target.value))}),null,16,m),s.$slots.suffix?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(s.$slots,"suffix")])):e.createCommentVNode("",!0)]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(s.errorMsgClasses)},e.toDisplayString(s.errorMsg),3),[[e.vShow,s.errorMsg]])],14,d)}const f=n._export_sfc(i,[["render",y]]);module.exports=f;
+"use strict";
+const inputClassesMixin = require("./inputClassesMixin.js");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const INPUT_TYPES = { TEXT: "text", PASSWORD: "password" };
+const _sfc_main = vue.defineComponent({
+  name: "PInput",
+  mixins: [inputClassesMixin],
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: INPUT_TYPES.TEXT,
+      validator(value) {
+        return Object.values(INPUT_TYPES).includes(value);
+      }
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  computed: {
+    attrs() {
+      const { class: classes, style, ...rest } = this.$attrs;
+      return rest;
+    },
+    style() {
+      return this.$attrs.style;
+    }
+  }
+});
+const _hoisted_1 = ["data-has-error"];
+const _hoisted_2 = { class: "relative w-full" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = ["type", "value"];
+const _hoisted_5 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+    "data-has-error": !!_ctx.errorMsg,
+    style: vue.normalizeStyle(_ctx.style)
+  }, [
+    vue.renderSlot(_ctx.$slots, "label", {
+      label: _ctx.label,
+      labelClasses: _ctx.labelClasses
+    }, () => [
+      _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+        key: 0,
+        class: vue.normalizeClass(_ctx.labelClasses)
+      }, vue.toDisplayString(_ctx.label), 3)) : vue.createCommentVNode("", true)
+    ]),
+    vue.createElementVNode("div", _hoisted_2, [
+      !!_ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+        vue.renderSlot(_ctx.$slots, "prefix")
+      ])) : vue.createCommentVNode("", true),
+      vue.createElementVNode("input", vue.mergeProps({
+        type: _ctx.type,
+        value: _ctx.modelValue
+      }, _ctx.attrs, {
+        class: _ctx.inputClasses,
+        onInput: _cache[0] || (_cache[0] = (event) => _ctx.$emit("update:modelValue", event.target.value))
+      }), null, 16, _hoisted_4),
+      !!_ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+        vue.renderSlot(_ctx.$slots, "suffix")
+      ])) : vue.createCommentVNode("", true)
+    ]),
+    vue.withDirectives(vue.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.errorMsgClasses)
+    }, vue.toDisplayString(_ctx.errorMsg), 3), [
+      [vue.vShow, _ctx.errorMsg]
+    ])
+  ], 14, _hoisted_1);
+}
+const PInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = PInput;

package/dist/cjs/p-loading.js

@@ -1 +1,38 @@
-"use strict";const e=require("vue"),n=require("./usePLoading.js"),a=require("./chunks/_plugin-vue_export-helper.js"),s=t=>(e.pushScopeId("data-v-3a800f21"),t=t(),e.popScopeId(),t),r={key:0,class:"fixed left-0 top-0 z-[120] flex w-full justify-center","aria-live":"polite","aria-busy":"true"},c=s(()=>e.createElementVNode("div",{class:"bg-blue-10 h-8 rounded-b border-x border-b border-p-gray-30 px-4 pt-2 text-sm font-semibold leading-none text-p-purple-60 shadow"}," Loading... ",-1)),i=[c],d=e.defineComponent({name:"PLoading",__name:"p-loading",setup(t){const{show:o}=n.usePLoading();return(l,u)=>(e.openBlock(),e.createBlock(e.Transition,{name:"pm-backdrop-transition","enter-active-class":"fadeInDown","leave-active-class":"fadeOutUp"},{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createElementBlock("div",r,i)):e.createCommentVNode("",!0)]),_:1}))}}),p=a._export_sfc(d,[["__scopeId","data-v-3a800f21"]]);module.exports=p;
+"use strict";
+const vue = require("vue");
+const usePLoading = require("./usePLoading.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-3a800f21"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = {
+  key: 0,
+  class: "fixed left-0 top-0 z-[120] flex w-full justify-center",
+  "aria-live": "polite",
+  "aria-busy": "true"
+};
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "bg-blue-10 h-8 rounded-b border-x border-b border-p-gray-30 px-4 pt-2 text-sm font-semibold leading-none text-p-purple-60 shadow" }, " Loading... ", -1));
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PLoading"
+  },
+  __name: "p-loading",
+  setup(__props) {
+    const { show } = usePLoading.usePLoading();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        name: "pm-backdrop-transition",
+        "enter-active-class": "fadeInDown",
+        "leave-active-class": "fadeOutUp"
+      }, {
+        default: vue.withCtx(() => [
+          vue.unref(show) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, _hoisted_3)) : vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const pLoading = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-3a800f21"]]);
+module.exports = pLoading;