@pequity/squirrel 6.1.1 → 7.0.1

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

@@ -0,0 +1,53 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, createVNode } from "vue";
+import { _ as _sfc_main$1 } from "./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__ */ 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 openBlock(), createElementBlock("div", {
+        class: normalizeClass(["rounded p-4 text-xs font-semibold", ALERT_TYPES[props.type].classes]),
+        role: "alert"
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "icon", {}, () => [
+              createVNode(_sfc_main$1, {
+                icon: ALERT_TYPES[props.type].icon,
+                width: "16",
+                class: "-mb-0.5",
+                inline: ""
+              }, null, 8, ["icon"])
+            ])
+          ]),
+          createElementVNode("div", null, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

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

@@ -0,0 +1,66 @@
+import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeClass, toDisplayString } from "vue";
+const _hoisted_1 = ["src", "alt"];
+const SHAPES = ["rectangle", "circle"];
+const SHAPE_CLASSES = {
+  rectangle: "rounded-lg",
+  circle: "rounded-full"
+};
+const _sfc_main = /* @__PURE__ */ 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 = ref(false);
+    const shapeClass = computed(() => SHAPE_CLASSES[props.shape]);
+    watch(
+      () => props.imageSrc,
+      () => {
+        imageBroken.value = false;
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(shapeClass.value)
+      }, [
+        __props.imageSrc && !imageBroken.value ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          src: __props.imageSrc,
+          alt: __props.label,
+          class: normalizeClass(["h-full w-full object-cover", [shapeClass.value, __props.imageClass]]),
+          onError: _cache[0] || (_cache[0] = ($event) => imageBroken.value = true)
+        }, null, 42, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(["flex h-full w-full items-center justify-center", [shapeClass.value, __props.labelClass]])
+        }, toDisplayString(__props.label), 3))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

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

@@ -9,7 +9,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"
@@ -54,7 +54,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/es/chunks/p-date-picker.js

@@ -1,5 +1,5 @@
 import { defineComponent, mergeModels, useModel, useAttrs, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, withKeys } from "vue";
-import PInput from "../p-input.js";
+import { _ as _sfc_main$1 } from "./p-input.js";
 import VueDatePicker from "@vuepic/vue-datepicker";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -150,7 +150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: [{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]
       }, datePickerProps.value), {
         "dp-input": withCtx(({ value, onInput, onEnter, onTab, onFocus, onBlur, onClear }) => [
-          createVNode(PInput, mergeProps({ "model-value": value }, inputPropsAndAttrs.value, {
+          createVNode(_sfc_main$1, mergeProps({ "model-value": value }, inputPropsAndAttrs.value, {
             onInput: ($event) => handleInput($event, onInput, onClear),
             onKeydown: [
               withKeys(($event) => onEnter($event), ["enter"]),

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

@@ -0,0 +1,162 @@
+import { defineComponent, useSlots, computed, useAttrs, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, withDirectives, renderSlot, createBlock, createCommentVNode, unref, toDisplayString, mergeProps, vShow } from "vue";
+import { S as SIZES } from "./p-btn.types.js";
+import { _ as _sfc_main$1 } from "./p-info-icon.js";
+import { useInputClasses } from "../useInputClasses.js";
+import { toNumberOrNull } from "../number.js";
+import { kebabCase } from "lodash-es";
+import { useCurrencyInput } from "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__ */ 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 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 = useSlots();
+    const { labelClasses, inputClasses, errorMsgClasses } = useInputClasses(
+      computed(() => ({
+        ...props,
+        prefix: !!slots.prefix,
+        suffix: !!slots.suffix
+      }))
+    );
+    const attrs = useAttrs();
+    const DEFAULTS = {
+      locale: "en-US",
+      currency: "USD",
+      precision: 0,
+      currencyDisplay: "hidden"
+    };
+    const inputCurrencyOptions = computed(() => {
+      ALL_OPTIONS.forEach((key) => {
+        const attr = attrs[kebabCase(key)];
+        if (attr && typeof attr !== "undefined") {
+          DEFAULTS[key] = attr;
+        }
+      });
+      return DEFAULTS;
+    });
+    const { inputRef, numberValue, setValue } = useCurrencyInput(
+      inputCurrencyOptions.value,
+      false
+    );
+    watch(numberValue, (value) => {
+      emit("update:modelValue", toNumberOrNull(value));
+    });
+    watch(
+      () => props.modelValue,
+      (value) => {
+        setValue(toNumberOrNull(value));
+      }
+    );
+    const computedAttrs = computed(() => {
+      const { class: classes, style: style2, ...rest } = attrs;
+      return rest;
+    });
+    const style = computed(() => {
+      return attrs.style;
+    });
+    const focus = () => {
+      props.selectOnClick && inputRef.value.select();
+    };
+    __expose({ setValue });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+        "data-has-error": !!__props.errorMsg,
+        style: normalizeStyle(style.value)
+      }, [
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "label", {
+            label: __props.label,
+            labelClasses: unref(labelClasses)
+          }, () => [
+            __props.label ? (openBlock(), createElementBlock("label", {
+              key: 0,
+              class: normalizeClass(unref(labelClasses))
+            }, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
+          ]),
+          __props.tooltipText ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            text: __props.tooltipText,
+            class: "ml-1"
+          }, null, 8, ["text"])) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          !!_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "prefix")
+          ])) : createCommentVNode("", true),
+          createElementVNode("input", mergeProps({
+            ref_key: "inputRef",
+            ref: inputRef,
+            type: "text"
+          }, computedAttrs.value, {
+            class: unref(inputClasses),
+            onFocus: focus
+          }), null, 16)
+        ]),
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(unref(errorMsgClasses))
+        }, toDisplayString(__props.errorMsg), 3), [
+          [vShow, __props.errorMsg]
+        ])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

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

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createBlock, openBlock, withCtx, createElementVNode, normalizeClass } from "vue";
-import PInputNumber from "../p-input-number.js";
+import { _ as _sfc_main$1 } from "./p-input-number.js";
 import { isNumber } from "lodash-es";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       set: (nV) => emit("update:modelValue", isNumber(nV) ? nV / 100 : nV)
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(PInputNumber, {
+      return openBlock(), createBlock(_sfc_main$1, {
         modelValue: convertedValue.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => convertedValue.value = $event),
         size: __props.size

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

@@ -0,0 +1,112 @@
+import { defineComponent, useSlots, computed, useAttrs, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createElementVNode, withDirectives, unref, createCommentVNode, toDisplayString, mergeProps, vShow } from "vue";
+import { S as SIZES } from "./p-btn.types.js";
+import { useInputClasses } from "../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__ */ 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 SIZES.includes(value);
+      }
+    },
+    rounded: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const { labelClasses, inputClasses, errorMsgClasses } = useInputClasses(
+      computed(() => ({
+        ...props,
+        prefix: !!slots.prefix,
+        suffix: !!slots.suffix
+      }))
+    );
+    const allAttrs = useAttrs();
+    const attrs = computed(() => {
+      const { class: classes, style: style2, ...rest } = allAttrs;
+      return rest;
+    });
+    const style = computed(() => {
+      return allAttrs.style;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+        "data-has-error": !!__props.errorMsg,
+        style: normalizeStyle(style.value)
+      }, [
+        renderSlot(_ctx.$slots, "label", {
+          label: __props.label,
+          labelClasses: unref(labelClasses)
+        }, () => [
+          __props.label ? (openBlock(), createElementBlock("label", {
+            key: 0,
+            class: normalizeClass(unref(labelClasses))
+          }, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_2, [
+          !!_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "prefix")
+          ])) : createCommentVNode("", true),
+          createElementVNode("input", mergeProps({
+            type: __props.type,
+            value: __props.modelValue
+          }, attrs.value, {
+            class: unref(inputClasses),
+            onInput: _cache[0] || (_cache[0] = (event) => _ctx.$emit("update:modelValue", event.target.value))
+          }), null, 16, _hoisted_4),
+          !!_ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            renderSlot(_ctx.$slots, "suffix")
+          ])) : createCommentVNode("", true)
+        ]),
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(unref(errorMsgClasses))
+        }, toDisplayString(__props.errorMsg), 3), [
+          [vShow, __props.errorMsg]
+        ])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

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

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

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

@@ -0,0 +1,90 @@
+import { defineComponent, computed, useAttrs, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createElementVNode, withDirectives, unref, createCommentVNode, toDisplayString, mergeProps, vShow } from "vue";
+import { S as SIZES } from "./p-btn.types.js";
+import { useInputClasses } from "../useInputClasses.js";
+const _hoisted_1 = ["data-has-error"];
+const _hoisted_2 = ["value"];
+const _sfc_main = /* @__PURE__ */ 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 SIZES.includes(value);
+      }
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const { labelClasses, textareaClasses, errorMsgClasses } = useInputClasses(
+      computed(() => ({
+        required: props.required,
+        errorMsg: props.errorMsg,
+        size: props.size
+      }))
+    );
+    const allAttrs = useAttrs();
+    const attrs = computed(() => {
+      const { class: classes, style: style2, ...rest } = allAttrs;
+      return rest;
+    });
+    const style = computed(() => {
+      return allAttrs.style;
+    });
+    const updateValue = (e) => {
+      const target = e.target;
+      emit("update:modelValue", target.value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+        "data-has-error": !!__props.errorMsg,
+        style: normalizeStyle(style.value)
+      }, [
+        renderSlot(_ctx.$slots, "label", {
+          label: __props.label,
+          labelClasses: unref(labelClasses)
+        }, () => [
+          __props.label ? (openBlock(), createElementBlock("label", {
+            key: 0,
+            class: normalizeClass(unref(labelClasses))
+          }, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
+        ]),
+        createElementVNode("textarea", mergeProps({ value: __props.modelValue }, attrs.value, {
+          class: unref(textareaClasses),
+          onInput: updateValue
+        }), " ", 16, _hoisted_2),
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(unref(errorMsgClasses))
+        }, toDisplayString(__props.errorMsg), 3), [
+          [vShow, __props.errorMsg]
+        ])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};