@pequity/squirrel 6.1.1 → 7.0.1

package/dist/cjs/chunks/p-alert.js

@@ -0,0 +1,52 @@
+"use strict";
+const vue = require("vue");
+const pIcon_vue_vue_type_script_setup_true_lang = require("./p-icon.js");
+const _hoisted_1 = { class: "flex" };
+const _hoisted_2 = { class: "pr-2" };
+const ALERT_TYPES = {
+  info: { classes: `bg-info text-on-info`, icon: "streamline:information-circle-solid" },
+  warning: { classes: `bg-warning text-on-warning`, icon: "streamline:warning-triangle-solid" },
+  error: { classes: `bg-error text-on-error`, icon: "streamline:warning-octagon-solid" },
+  success: { classes: `bg-success text-on-success`, icon: "streamline:check-square-solid" }
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PAlert"
+  },
+  __name: "p-alert",
+  props: {
+    type: {
+      type: String,
+      default: "info",
+      validator(value) {
+        return Object.keys(ALERT_TYPES).includes(value);
+      }
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["rounded p-4 text-xs font-semibold", ALERT_TYPES[props.type].classes]),
+        role: "alert"
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+              vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
+                icon: ALERT_TYPES[props.type].icon,
+                width: "16",
+                class: "-mb-0.5",
+                inline: ""
+              }, null, 8, ["icon"])
+            ])
+          ]),
+          vue.createElementVNode("div", null, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-avatar.js

@@ -0,0 +1,65 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = ["src", "alt"];
+const SHAPES = ["rectangle", "circle"];
+const SHAPE_CLASSES = {
+  rectangle: "rounded-lg",
+  circle: "rounded-full"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PAvatar"
+  },
+  __name: "p-avatar",
+  props: {
+    shape: {
+      type: String,
+      default: "circle",
+      validator: (value) => SHAPES.includes(value)
+    },
+    imageSrc: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      required: true
+    },
+    imageClass: {
+      type: String,
+      default: ""
+    },
+    labelClass: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const imageBroken = vue.ref(false);
+    const shapeClass = vue.computed(() => SHAPE_CLASSES[props.shape]);
+    vue.watch(
+      () => props.imageSrc,
+      () => {
+        imageBroken.value = false;
+      }
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(shapeClass.value)
+      }, [
+        __props.imageSrc && !imageBroken.value ? (vue.openBlock(), vue.createElementBlock("img", {
+          key: 0,
+          src: __props.imageSrc,
+          alt: __props.label,
+          class: vue.normalizeClass(["h-full w-full object-cover", [shapeClass.value, __props.imageClass]]),
+          onError: _cache[0] || (_cache[0] = ($event) => imageBroken.value = true)
+        }, null, 42, _hoisted_1)) : (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: vue.normalizeClass(["flex h-full w-full items-center justify-center", [shapeClass.value, __props.labelClass]])
+        }, vue.toDisplayString(__props.label), 3))
+      ], 2);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-btn.js

@@ -10,7 +10,7 @@ const _hoisted_1 = ["href", "disabled", "aria-disabled"];
 const _hoisted_2 = { class: "slot-wrapper empty:hidden" };
 const btnClasses = {
   slots: {
-    button: "relative inline-block rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50",
+    button: "relative inline-block whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50",
     content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0",
     loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium",
     icon: "shrink-0"
@@ -55,7 +55,7 @@ const btnClasses = {
         icon: "text-xl"
       },
       lg: {
-        button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-7",
+        button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-6",
         content: "gap-2.5",
         icon: "text-2xl"
       }

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

@@ -1,6 +1,6 @@
 "use strict";
 const vue = require("vue");
-const pInput = require("../p-input.js");
+const pInput_vue_vue_type_script_setup_true_lang = require("./p-input.js");
 const VueDatePicker = require("@vuepic/vue-datepicker");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -151,7 +151,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         class: [{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]
       }, datePickerProps.value), {
         "dp-input": vue.withCtx(({ value, onInput, onEnter, onTab, onFocus, onBlur, onClear }) => [
-          vue.createVNode(pInput, vue.mergeProps({ "model-value": value }, inputPropsAndAttrs.value, {
+          vue.createVNode(pInput_vue_vue_type_script_setup_true_lang._sfc_main, vue.mergeProps({ "model-value": value }, inputPropsAndAttrs.value, {
             onInput: ($event) => handleInput($event, onInput, onClear),
             onKeydown: [
               vue.withKeys(($event) => onEnter($event), ["enter"]),

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

@@ -0,0 +1,161 @@
+"use strict";
+const vue = require("vue");
+const pBtn_types = require("./p-btn.types.js");
+const pInfoIcon_vue_vue_type_script_setup_true_lang = require("./p-info-icon.js");
+const useInputClasses = require("../useInputClasses.js");
+const number = require("../number.js");
+const lodashEs = require("lodash-es");
+const vueCurrencyInput = require("vue-currency-input");
+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 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PInputNumber",
+    inheritAttrs: false
+  },
+  __name: "p-input-number",
+  props: {
+    modelValue: {
+      type: [Number, String],
+      default: null
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return pBtn_types.SIZES.includes(value);
+      }
+    },
+    selectOnClick: {
+      type: Boolean,
+      default: true
+    },
+    tooltipText: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const ALL_OPTIONS = [
+      "locale",
+      "currency",
+      "currencyDisplay",
+      "hideGroupingSeparatorOnFocus",
+      "hideCurrencySymbolOnFocus",
+      "hideNegligibleDecimalDigitsOnFocus",
+      "precision",
+      "autoDecimalDigits",
+      "valueRange",
+      "useGrouping",
+      "valueScaling"
+    ];
+    const emit = __emit;
+    const props = __props;
+    const slots = vue.useSlots();
+    const { labelClasses, inputClasses, errorMsgClasses } = useInputClasses.useInputClasses(
+      vue.computed(() => ({
+        ...props,
+        prefix: !!slots.prefix,
+        suffix: !!slots.suffix
+      }))
+    );
+    const attrs = vue.useAttrs();
+    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 (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+        "data-has-error": !!__props.errorMsg,
+        style: vue.normalizeStyle(style.value)
+      }, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.renderSlot(_ctx.$slots, "label", {
+            label: __props.label,
+            labelClasses: vue.unref(labelClasses)
+          }, () => [
+            __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(labelClasses))
+            }, vue.toDisplayString(__props.label), 3)) : vue.createCommentVNode("", true)
+          ]),
+          __props.tooltipText ? (vue.openBlock(), vue.createBlock(pInfoIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
+            key: 0,
+            text: __props.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_key: "inputRef",
+            ref: inputRef,
+            type: "text"
+          }, computedAttrs.value, {
+            class: vue.unref(inputClasses),
+            onFocus: focus
+          }), null, 16)
+        ]),
+        vue.withDirectives(vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(errorMsgClasses))
+        }, vue.toDisplayString(__props.errorMsg), 3), [
+          [vue.vShow, __props.errorMsg]
+        ])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

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

@@ -1,6 +1,6 @@
 "use strict";
 const vue = require("vue");
-const pInputNumber = require("../p-input-number.js");
+const pInputNumber_vue_vue_type_script_setup_true_lang = require("./p-input-number.js");
 const lodashEs = require("lodash-es");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       set: (nV) => emit("update:modelValue", lodashEs.isNumber(nV) ? nV / 100 : nV)
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(pInputNumber, {
+      return vue.openBlock(), vue.createBlock(pInputNumber_vue_vue_type_script_setup_true_lang._sfc_main, {
         modelValue: convertedValue.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => convertedValue.value = $event),
         size: __props.size

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

@@ -0,0 +1,111 @@
+"use strict";
+const vue = require("vue");
+const pBtn_types = require("./p-btn.types.js");
+const useInputClasses = require("../useInputClasses.js");
+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 };
+const INPUT_TYPES = { TEXT: "text", PASSWORD: "password" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PInput",
+    inheritAttrs: false
+  },
+  __name: "p-input",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, null],
+      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
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return pBtn_types.SIZES.includes(value);
+      }
+    },
+    rounded: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const slots = vue.useSlots();
+    const { labelClasses, inputClasses, errorMsgClasses } = useInputClasses.useInputClasses(
+      vue.computed(() => ({
+        ...props,
+        prefix: !!slots.prefix,
+        suffix: !!slots.suffix
+      }))
+    );
+    const allAttrs = vue.useAttrs();
+    const attrs = vue.computed(() => {
+      const { class: classes, style: style2, ...rest } = allAttrs;
+      return rest;
+    });
+    const style = vue.computed(() => {
+      return allAttrs.style;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+        "data-has-error": !!__props.errorMsg,
+        style: vue.normalizeStyle(style.value)
+      }, [
+        vue.renderSlot(_ctx.$slots, "label", {
+          label: __props.label,
+          labelClasses: vue.unref(labelClasses)
+        }, () => [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(labelClasses))
+          }, vue.toDisplayString(__props.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: __props.type,
+            value: __props.modelValue
+          }, attrs.value, {
+            class: vue.unref(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(vue.unref(errorMsgClasses))
+        }, vue.toDisplayString(__props.errorMsg), 3), [
+          [vue.vShow, __props.errorMsg]
+        ])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-progress-bar.js

@@ -0,0 +1,38 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = {
+  class: "flex justify-start overflow-hidden rounded bg-p-blue-20",
+  role: "progressbar"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PProgressBar"
+  },
+  __name: "p-progress-bar",
+  props: {
+    total: {},
+    items: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _directive_tooltip = vue.resolveDirective("tooltip");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
+          return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+            key: `progress-value-${item.color}`,
+            class: "h-full",
+            style: vue.normalizeStyle({ width: `${item.value / _ctx.total * 100}%`, background: item.color })
+          }, null, 4)), [
+            [
+              _directive_tooltip,
+              item.label,
+              void 0,
+              { top: true }
+            ]
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-textarea.js

@@ -0,0 +1,89 @@
+"use strict";
+const vue = require("vue");
+const pBtn_types = require("./p-btn.types.js");
+const useInputClasses = require("../useInputClasses.js");
+const _hoisted_1 = ["data-has-error"];
+const _hoisted_2 = ["value"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PTextarea",
+    inheritAttrs: false
+  },
+  __name: "p-textarea",
+  props: {
+    modelValue: {
+      type: [String, Number, null],
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return pBtn_types.SIZES.includes(value);
+      }
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const { labelClasses, textareaClasses, errorMsgClasses } = useInputClasses.useInputClasses(
+      vue.computed(() => ({
+        required: props.required,
+        errorMsg: props.errorMsg,
+        size: props.size
+      }))
+    );
+    const allAttrs = vue.useAttrs();
+    const attrs = vue.computed(() => {
+      const { class: classes, style: style2, ...rest } = allAttrs;
+      return rest;
+    });
+    const style = vue.computed(() => {
+      return allAttrs.style;
+    });
+    const updateValue = (e) => {
+      const target = e.target;
+      emit("update:modelValue", target.value);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+        "data-has-error": !!__props.errorMsg,
+        style: vue.normalizeStyle(style.value)
+      }, [
+        vue.renderSlot(_ctx.$slots, "label", {
+          label: __props.label,
+          labelClasses: vue.unref(labelClasses)
+        }, () => [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(labelClasses))
+          }, vue.toDisplayString(__props.label), 3)) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("textarea", vue.mergeProps({ value: __props.modelValue }, attrs.value, {
+          class: vue.unref(textareaClasses),
+          onInput: updateValue
+        }), " ", 16, _hoisted_2),
+        vue.withDirectives(vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(errorMsgClasses))
+        }, vue.toDisplayString(__props.errorMsg), 3), [
+          [vue.vShow, __props.errorMsg]
+        ])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;