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

package/dist/cjs/p-btn.js

@@ -1,5 +1,361 @@
-"use strict";const N=require("./chunks/p-ring-loader.js"),k=require("./tailwind.js"),t=require("vue"),L=require("./chunks/_plugin-vue_export-helper.js");/*!
+"use strict";
+const pRingLoader_vue_vue_type_script_setup_true_lang = require("./chunks/p-ring-loader.js");
+const tailwind = require("./tailwind.js");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+/*!
   * vue-router v4.3.0
   * (c) 2024 Eduardo San Martin Morote
   * @license MIT
-  */const D=typeof document<"u",I=()=>{},d=Array.isArray;function m(e,r){return(e.aliasOf||e)===(r.aliasOf||r)}function T(e,r){if(Object.keys(e).length!==Object.keys(r).length)return!1;for(const n in e)if(!Y(e[n],r[n]))return!1;return!0}function Y(e,r){return d(e)?b(e,r):d(r)?b(r,e):e===r}function b(e,r){return d(r)?e.length===r.length&&e.every((n,a)=>n===r[a]):e.length===1&&e[0]===r}var E;(function(e){e.pop="pop",e.push="push"})(E||(E={}));var y;(function(e){e.back="back",e.forward="forward",e.unknown=""})(y||(y={}));Symbol(process.env.NODE_ENV!=="production"?"navigation failure":"");var h;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(h||(h={}));Symbol(process.env.NODE_ENV!=="production"?"router view location matched":"");Symbol(process.env.NODE_ENV!=="production"?"router view depth":"");const _=Symbol(process.env.NODE_ENV!=="production"?"router":""),P=Symbol(process.env.NODE_ENV!=="production"?"route location":"");Symbol(process.env.NODE_ENV!=="production"?"router view location":"");function S(e){const r=t.inject(_),n=t.inject(P),a=t.computed(()=>r.resolve(t.unref(e.to))),s=t.computed(()=>{const{matched:l}=a.value,{length:i}=l,f=l[i-1],p=n.matched;if(!f||!p.length)return-1;const v=p.findIndex(m.bind(null,f));if(v>-1)return v;const g=R(l[i-2]);return i>1&&R(f)===g&&p[p.length-1].path!==g?p.findIndex(m.bind(null,l[i-2])):v}),u=t.computed(()=>s.value>-1&&V(n.params,a.value.params)),c=t.computed(()=>s.value>-1&&s.value===n.matched.length-1&&T(n.params,a.value.params));function C(l={}){return x(l)?r[t.unref(e.replace)?"replace":"push"](t.unref(e.to)).catch(I):Promise.resolve()}if(process.env.NODE_ENV!=="production"&&D){const l=t.getCurrentInstance();if(l){const i={route:a.value,isActive:u.value,isExactActive:c.value};l.__vrl_devtools=l.__vrl_devtools||[],l.__vrl_devtools.push(i),t.watchEffect(()=>{i.route=a.value,i.isActive=u.value,i.isExactActive=c.value},{flush:"post"})}}return{route:a,href:t.computed(()=>a.value.href),isActive:u,isExactActive:c,navigate:C}}const B=t.defineComponent({name:"RouterLink",compatConfig:{MODE:3},props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:"page"}},useLink:S,setup(e,{slots:r}){const n=t.reactive(S(e)),{options:a}=t.inject(_),s=t.computed(()=>({[O(e.activeClass,a.linkActiveClass,"router-link-active")]:n.isActive,[O(e.exactActiveClass,a.linkExactActiveClass,"router-link-exact-active")]:n.isExactActive}));return()=>{const u=r.default&&r.default(n);return e.custom?u:t.h("a",{"aria-current":n.isExactActive?e.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:s.value},u)}}}),U=B;function x(e){if(!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)&&!e.defaultPrevented&&!(e.button!==void 0&&e.button!==0)){if(e.currentTarget&&e.currentTarget.getAttribute){const r=e.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(r))return}return e.preventDefault&&e.preventDefault(),!0}}function V(e,r){for(const n in r){const a=r[n],s=e[n];if(typeof a=="string"){if(a!==s)return!1}else if(!d(s)||s.length!==a.length||a.some((u,c)=>u!==s[c]))return!1}return!0}function R(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const O=(e,r,n)=>e??r??n,o={PRIMARY:"primary",SECONDARY:"secondary",PRIMARY_OUTLINE:"primary-outline",SECONDARY_OUTLINE:"secondary-outline",SECONDARY_OUTLINE_BLUE:"secondary-outline-blue",ERROR:"error",SUCCESS:"success",PRIMARY_LINK:"primary-link",SECONDARY_GHOST:"secondary-ghost",SECONDARY_GHOST_DARK:"secondary-ghost-dark"},w=["button","submit","reset"],$="relative inline-block outline-none disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none",K={[o.PRIMARY]:"text-surface bg-primary hover:bg-accent active:bg-p-blue-80",[o.SECONDARY]:"bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40",[o.PRIMARY_OUTLINE]:"text-p-purple-60 bg-p-blue-10 border border-p-purple-60 hover:bg-p-gray-20 focus:ring-1 focus:ring-p-purple-60",[o.SECONDARY_OUTLINE]:"text-p-purple-60 bg-surface border border-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10",[o.SECONDARY_OUTLINE_BLUE]:"text-p-purple-60 bg-surface border border-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60",[o.ERROR]:"text-white bg-p-red-40 hover:bg-p-red-50",[o.SUCCESS]:"text-white bg-p-green-40 hover:bg-p-green-50",[o.PRIMARY_LINK]:"text-primary bg-transparent hover:text-accent underline",[o.SECONDARY_GHOST]:"text-on-surface hover:bg-p-gray-20",[o.SECONDARY_GHOST_DARK]:"text-white hover:bg-p-purple-50"},A={sm:"py-1 px-2 rounded font-medium text-sm",md:"py-2 px-6 rounded font-medium text-base",lg:"py-3 px-6 rounded font-medium text-lg"},M={sm:24,md:30,lg:40},j={[o.PRIMARY]:"p-blue-15",[o.SECONDARY]:"p-purple-60",[o.PRIMARY_OUTLINE]:"p-blue-60",[o.SECONDARY_OUTLINE]:"p-purple-60",[o.SECONDARY_OUTLINE_BLUE]:"p-purple-60",[o.ERROR]:"p-blue-15",[o.SUCCESS]:"p-blue-15",[o.PRIMARY_LINK]:"p-blue-60",[o.SECONDARY_GHOST]:"p-purple-60",[o.SECONDARY_GHOST_DARK]:"p-blue-15"},z=t.defineComponent({name:"PBtn",components:{PRingLoader:N._sfc_main,RouterLink:U},inheritAttrs:!1,props:{type:{type:String,default:"primary",validator(e){return Object.values(o).includes(e)}},nativeType:{type:String,default:"button",validator(e){return w.includes(e)}},size:{type:String,default:"md",validator(e){return Object.keys(A).includes(e)}},loading:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},to:{type:[Object,String],default:""}},data(){return{loaderStyle:{position:"absolute"}}},computed:{classes(){return`${$} ${A[this.size]} ${K[this.type]}`},loaderSize(){return+`${M[this.size]}`},loaderColor(){const e=j[this.type];return k.getColorDeep(e)},isExternalLink(){return typeof this.to=="string"&&this.to.startsWith("http")}}}),H=["href"];function q(e,r,n,a,s,u){const c=t.resolveComponent("PRingLoader");return e.isExternalLink?(t.openBlock(),t.createElementBlock("a",t.mergeProps({key:0},e.$attrs,{href:e.to,target:"_blank",class:e.classes}),[t.renderSlot(e.$slots,"default")],16,H)):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.to?"RouterLink":"button"),t.mergeProps({key:1,type:e.to?null:e.nativeType,to:e.to?e.to:null,"aria-selected":e.selected,class:e.classes},e.$attrs,{disabled:e.$attrs.disabled||e.loading}),{default:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass({invisible:e.loading})},[t.renderSlot(e.$slots,"default")],2),e.loading?(t.openBlock(),t.createBlock(c,{key:0,style:t.normalizeStyle(e.loaderStyle),color:e.loaderColor,size:e.loaderSize,class:"left-0 right-0 top-0 ml-auto mr-auto pt-1"},null,8,["style","color","size"])):t.createCommentVNode("",!0)]),_:3},16,["type","to","aria-selected","class","disabled"]))}const G=L._export_sfc(z,[["render",q]]);module.exports=G;
+  */
+const isBrowser = typeof document !== "undefined";
+const noop = () => {
+};
+const isArray = Array.isArray;
+function isSameRouteRecord(a, b) {
+  return (a.aliasOf || a) === (b.aliasOf || b);
+}
+function isSameRouteLocationParams(a, b) {
+  if (Object.keys(a).length !== Object.keys(b).length)
+    return false;
+  for (const key in a) {
+    if (!isSameRouteLocationParamsValue(a[key], b[key]))
+      return false;
+  }
+  return true;
+}
+function isSameRouteLocationParamsValue(a, b) {
+  return isArray(a) ? isEquivalentArray(a, b) : isArray(b) ? isEquivalentArray(b, a) : a === b;
+}
+function isEquivalentArray(a, b) {
+  return isArray(b) ? a.length === b.length && a.every((value, i) => value === b[i]) : a.length === 1 && a[0] === b;
+}
+var NavigationType;
+(function(NavigationType2) {
+  NavigationType2["pop"] = "pop";
+  NavigationType2["push"] = "push";
+})(NavigationType || (NavigationType = {}));
+var NavigationDirection;
+(function(NavigationDirection2) {
+  NavigationDirection2["back"] = "back";
+  NavigationDirection2["forward"] = "forward";
+  NavigationDirection2["unknown"] = "";
+})(NavigationDirection || (NavigationDirection = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
+var NavigationFailureType;
+(function(NavigationFailureType2) {
+  NavigationFailureType2[NavigationFailureType2["aborted"] = 4] = "aborted";
+  NavigationFailureType2[NavigationFailureType2["cancelled"] = 8] = "cancelled";
+  NavigationFailureType2[NavigationFailureType2["duplicated"] = 16] = "duplicated";
+})(NavigationFailureType || (NavigationFailureType = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
+const routerKey = Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
+const routeLocationKey = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
+function useLink(props) {
+  const router = vue.inject(routerKey);
+  const currentRoute = vue.inject(routeLocationKey);
+  const route = vue.computed(() => router.resolve(vue.unref(props.to)));
+  const activeRecordIndex = vue.computed(() => {
+    const { matched } = route.value;
+    const { length } = matched;
+    const routeMatched = matched[length - 1];
+    const currentMatched = currentRoute.matched;
+    if (!routeMatched || !currentMatched.length)
+      return -1;
+    const index = currentMatched.findIndex(isSameRouteRecord.bind(null, routeMatched));
+    if (index > -1)
+      return index;
+    const parentRecordPath = getOriginalPath(matched[length - 2]);
+    return (
+      // we are dealing with nested routes
+      length > 1 && // if the parent and matched route have the same path, this link is
+      // referring to the empty child. Or we currently are on a different
+      // child of the same parent
+      getOriginalPath(routeMatched) === parentRecordPath && // avoid comparing the child with its parent
+      currentMatched[currentMatched.length - 1].path !== parentRecordPath ? currentMatched.findIndex(isSameRouteRecord.bind(null, matched[length - 2])) : index
+    );
+  });
+  const isActive = vue.computed(() => activeRecordIndex.value > -1 && includesParams(currentRoute.params, route.value.params));
+  const isExactActive = vue.computed(() => activeRecordIndex.value > -1 && activeRecordIndex.value === currentRoute.matched.length - 1 && isSameRouteLocationParams(currentRoute.params, route.value.params));
+  function navigate(e = {}) {
+    if (guardEvent(e)) {
+      return router[vue.unref(props.replace) ? "replace" : "push"](
+        vue.unref(props.to)
+        // avoid uncaught errors are they are logged anyway
+      ).catch(noop);
+    }
+    return Promise.resolve();
+  }
+  if ((process.env.NODE_ENV !== "production" || false) && isBrowser) {
+    const instance = vue.getCurrentInstance();
+    if (instance) {
+      const linkContextDevtools = {
+        route: route.value,
+        isActive: isActive.value,
+        isExactActive: isExactActive.value
+      };
+      instance.__vrl_devtools = instance.__vrl_devtools || [];
+      instance.__vrl_devtools.push(linkContextDevtools);
+      vue.watchEffect(() => {
+        linkContextDevtools.route = route.value;
+        linkContextDevtools.isActive = isActive.value;
+        linkContextDevtools.isExactActive = isExactActive.value;
+      }, { flush: "post" });
+    }
+  }
+  return {
+    route,
+    href: vue.computed(() => route.value.href),
+    isActive,
+    isExactActive,
+    navigate
+  };
+}
+const RouterLinkImpl = /* @__PURE__ */ vue.defineComponent({
+  name: "RouterLink",
+  compatConfig: { MODE: 3 },
+  props: {
+    to: {
+      type: [String, Object],
+      required: true
+    },
+    replace: Boolean,
+    activeClass: String,
+    // inactiveClass: String,
+    exactActiveClass: String,
+    custom: Boolean,
+    ariaCurrentValue: {
+      type: String,
+      default: "page"
+    }
+  },
+  useLink,
+  setup(props, { slots }) {
+    const link = vue.reactive(useLink(props));
+    const { options } = vue.inject(routerKey);
+    const elClass = vue.computed(() => ({
+      [getLinkClass(props.activeClass, options.linkActiveClass, "router-link-active")]: link.isActive,
+      // [getLinkClass(
+      //   props.inactiveClass,
+      //   options.linkInactiveClass,
+      //   'router-link-inactive'
+      // )]: !link.isExactActive,
+      [getLinkClass(props.exactActiveClass, options.linkExactActiveClass, "router-link-exact-active")]: link.isExactActive
+    }));
+    return () => {
+      const children = slots.default && slots.default(link);
+      return props.custom ? children : vue.h("a", {
+        "aria-current": link.isExactActive ? props.ariaCurrentValue : null,
+        href: link.href,
+        // this would override user added attrs but Vue will still add
+        // the listener, so we end up triggering both
+        onClick: link.navigate,
+        class: elClass.value
+      }, children);
+    };
+  }
+});
+const RouterLink = RouterLinkImpl;
+function guardEvent(e) {
+  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey)
+    return;
+  if (e.defaultPrevented)
+    return;
+  if (e.button !== void 0 && e.button !== 0)
+    return;
+  if (e.currentTarget && e.currentTarget.getAttribute) {
+    const target = e.currentTarget.getAttribute("target");
+    if (/\b_blank\b/i.test(target))
+      return;
+  }
+  if (e.preventDefault)
+    e.preventDefault();
+  return true;
+}
+function includesParams(outer, inner) {
+  for (const key in inner) {
+    const innerValue = inner[key];
+    const outerValue = outer[key];
+    if (typeof innerValue === "string") {
+      if (innerValue !== outerValue)
+        return false;
+    } else {
+      if (!isArray(outerValue) || outerValue.length !== innerValue.length || innerValue.some((value, i) => value !== outerValue[i]))
+        return false;
+    }
+  }
+  return true;
+}
+function getOriginalPath(record) {
+  return record ? record.aliasOf ? record.aliasOf.path : record.path : "";
+}
+const getLinkClass = (propClass, globalClass, defaultClass) => propClass != null ? propClass : globalClass != null ? globalClass : defaultClass;
+const BUTTON_TYPES = {
+  PRIMARY: "primary",
+  SECONDARY: "secondary",
+  PRIMARY_OUTLINE: "primary-outline",
+  SECONDARY_OUTLINE: "secondary-outline",
+  SECONDARY_OUTLINE_BLUE: "secondary-outline-blue",
+  ERROR: "error",
+  SUCCESS: "success",
+  PRIMARY_LINK: "primary-link",
+  SECONDARY_GHOST: "secondary-ghost",
+  SECONDARY_GHOST_DARK: "secondary-ghost-dark"
+};
+const BUTTON_NATIVE_TYPES = ["button", "submit", "reset"];
+const DEFAULT_CLASSES = `relative inline-block outline-none disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none`;
+const BUTTON_CLASSES = {
+  [BUTTON_TYPES.PRIMARY]: "text-surface bg-primary hover:bg-accent active:bg-p-blue-80",
+  [BUTTON_TYPES.SECONDARY]: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40",
+  [BUTTON_TYPES.PRIMARY_OUTLINE]: "text-p-purple-60 bg-p-blue-10 border border-p-purple-60 hover:bg-p-gray-20 focus:ring-1 focus:ring-p-purple-60",
+  [BUTTON_TYPES.SECONDARY_OUTLINE]: "text-p-purple-60 bg-surface border border-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10",
+  [BUTTON_TYPES.SECONDARY_OUTLINE_BLUE]: "text-p-purple-60 bg-surface border border-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60",
+  [BUTTON_TYPES.ERROR]: "text-white bg-p-red-40 hover:bg-p-red-50",
+  [BUTTON_TYPES.SUCCESS]: "text-white bg-p-green-40 hover:bg-p-green-50",
+  [BUTTON_TYPES.PRIMARY_LINK]: "text-primary bg-transparent hover:text-accent underline",
+  [BUTTON_TYPES.SECONDARY_GHOST]: "text-on-surface hover:bg-p-gray-20",
+  [BUTTON_TYPES.SECONDARY_GHOST_DARK]: "text-white hover:bg-p-purple-50"
+};
+const BUTTON_SIZES = {
+  sm: "py-1 px-2 rounded font-medium text-sm",
+  md: "py-2 px-6 rounded font-medium text-base",
+  lg: "py-3 px-6 rounded font-medium text-lg"
+};
+const LOADER_SIZES = {
+  sm: 24,
+  md: 30,
+  lg: 40
+};
+const LOADER_COLORS = {
+  [BUTTON_TYPES.PRIMARY]: "p-blue-15",
+  [BUTTON_TYPES.SECONDARY]: "p-purple-60",
+  [BUTTON_TYPES.PRIMARY_OUTLINE]: "p-blue-60",
+  [BUTTON_TYPES.SECONDARY_OUTLINE]: "p-purple-60",
+  [BUTTON_TYPES.SECONDARY_OUTLINE_BLUE]: "p-purple-60",
+  [BUTTON_TYPES.ERROR]: "p-blue-15",
+  [BUTTON_TYPES.SUCCESS]: "p-blue-15",
+  [BUTTON_TYPES.PRIMARY_LINK]: "p-blue-60",
+  [BUTTON_TYPES.SECONDARY_GHOST]: "p-purple-60",
+  [BUTTON_TYPES.SECONDARY_GHOST_DARK]: "p-blue-15"
+};
+const _sfc_main = vue.defineComponent({
+  name: "PBtn",
+  components: {
+    PRingLoader: pRingLoader_vue_vue_type_script_setup_true_lang._sfc_main,
+    RouterLink
+  },
+  inheritAttrs: false,
+  props: {
+    /**
+     * The button style e.g primary, secondary, primary-outline, secondary-outline, error, success, primary-link
+     */
+    type: {
+      type: String,
+      default: "primary",
+      validator(value) {
+        return Object.values(BUTTON_TYPES).includes(value);
+      }
+    },
+    /**
+     * The button native type e.g button, submit, reset
+     */
+    nativeType: {
+      type: String,
+      default: "button",
+      validator(value) {
+        return BUTTON_NATIVE_TYPES.includes(value);
+      }
+    },
+    /**
+     * The button size e.g sm, md, lg
+     */
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return Object.keys(BUTTON_SIZES).includes(value);
+      }
+    },
+    /**
+     * Whether the button is loading
+     */
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Whether the button is selected (sets aria-selected attribute)
+     */
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Exactly as the `to` prop in `RouterLink`, when used, it renders a link that triggers a navigation on click.
+     * See https://router.vuejs.org/api/#RouteLocationRaw
+     */
+    to: {
+      type: [Object, String],
+      default: ""
+    }
+  },
+  data() {
+    return {
+      loaderStyle: { position: "absolute" }
+    };
+  },
+  computed: {
+    classes() {
+      return `${DEFAULT_CLASSES} ${BUTTON_SIZES[this.size]} ${BUTTON_CLASSES[this.type]}`;
+    },
+    loaderSize() {
+      return Number(`${LOADER_SIZES[this.size]}`);
+    },
+    loaderColor() {
+      const type = LOADER_COLORS[this.type];
+      return tailwind.getColorDeep(type);
+    },
+    isExternalLink() {
+      return typeof this.to === "string" && this.to.startsWith("http");
+    }
+  }
+});
+const _hoisted_1 = ["href"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_PRingLoader = vue.resolveComponent("PRingLoader");
+  return _ctx.isExternalLink ? (vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({ key: 0 }, _ctx.$attrs, {
+    href: _ctx.to,
+    target: "_blank",
+    class: _ctx.classes
+  }), [
+    vue.renderSlot(_ctx.$slots, "default")
+  ], 16, _hoisted_1)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.to ? "RouterLink" : "button"), vue.mergeProps({
+    key: 1,
+    type: _ctx.to ? null : _ctx.nativeType,
+    to: _ctx.to ? _ctx.to : null,
+    "aria-selected": _ctx.selected,
+    class: _ctx.classes
+  }, _ctx.$attrs, {
+    disabled: _ctx.$attrs.disabled || _ctx.loading
+  }), {
+    default: vue.withCtx(() => [
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass({ invisible: _ctx.loading })
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2),
+      _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_PRingLoader, {
+        key: 0,
+        style: vue.normalizeStyle(_ctx.loaderStyle),
+        color: _ctx.loaderColor,
+        size: _ctx.loaderSize,
+        class: "left-0 right-0 top-0 ml-auto mr-auto pt-1"
+      }, null, 8, ["style", "color", "size"])) : vue.createCommentVNode("", true)
+    ]),
+    _: 3
+  }, 16, ["type", "to", "aria-selected", "class", "disabled"]));
+}
+const PBtn = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = PBtn;

package/dist/cjs/p-card.js

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

package/dist/cjs/p-checkbox.js

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

package/dist/cjs/p-chips.js

@@ -1 +1,110 @@
-"use strict";const t=require("vue"),h=require("lodash-es"),c=require("./chunks/_plugin-vue_export-helper.js"),a=t.defineComponent({name:"PChips",props:{items:{type:Array,default:()=>[],required:!0},itemText:{type:String,default:"text"}},emits:["click:chip","click:overflow"],data(){return{maxChipsDisplayed:1}},watch:{items(){this.resizeFilterChips()}},mounted(){this.resizeFilterChips(),this.$nextTick(()=>{window.addEventListener("resize",this.resizeFilterChips)})},beforeUnmount(){window.removeEventListener("resize",this.resizeFilterChips)},methods:{resizeFilterChips(){this.maxChipsDisplayed=this.items.length,this.$nextTick(()=>{if(!this.$refs.filterChipsRowInner)return;const e=this.$refs.filterChipsRow,r=this.$refs.filterChipsRowInner,d=this.$refs.afterSlotContainer,p=this.$refs.beforeSlotContainer,o=r.children;let n=0;const l=p.offsetWidth+d.offsetWidth+42;for(let s=0;s<o.length;s++)if(n+=o[s].offsetWidth,n+l>=e.offsetWidth){this.maxChipsDisplayed=s;break}})},getItemText(e){return typeof e=="string"?e:h.isObject(e)?e[this.itemText]:""}}}),f=e=>(t.pushScopeId("data-v-40bc335f"),e=e(),t.popScopeId(),e),m={ref:"filterChipsRow",class:"flex w-full items-center"},u={ref:"beforeSlotContainer"},C={ref:"filterChipsRowInner",class:"flex divide-x divide-p-blue-30 overflow-hidden rounded-md border border-p-blue-30 text-xs font-medium text-p-purple-60"},v=["onClick"],w={class:"inline-block truncate"},b=f(()=>t.createElementVNode("i",{class:"bg-cross ml-2 inline-block h-1.5 w-1.5"},null,-1)),k={ref:"afterSlotContainer"};function $(e,r,d,p,o,n){return t.openBlock(),t.createElementBlock("div",m,[t.createElementVNode("div",u,[t.renderSlot(e.$slots,"before",{},void 0,!0)],512),t.createElementVNode("div",C,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items.slice(0,e.maxChipsDisplayed),(i,l)=>(t.openBlock(),t.createElementBlock("div",{key:`${e.getItemText(i)}_${l}`,class:"flex cursor-pointer items-center px-3 py-1 hover:bg-p-blue-20",onClick:s=>e.$emit("click:chip",i)},[t.createElementVNode("div",w,t.toDisplayString(e.getItemText(i)),1),b],8,v))),128)),t.withDirectives(t.createElementVNode("div",{class:"cursor-pointer px-3 py-1 hover:bg-p-blue-20",onClick:r[0]||(r[0]=i=>e.$emit("click:overflow"))}," +"+t.toDisplayString(e.items.length-e.maxChipsDisplayed),513),[[t.vShow,e.items.length>e.maxChipsDisplayed]])],512),t.createElementVNode("div",k,[t.renderSlot(e.$slots,"after",{},void 0,!0)],512)],512)}const E=c._export_sfc(a,[["render",$],["__scopeId","data-v-40bc335f"]]);module.exports=E;
+"use strict";
+const vue = require("vue");
+const lodashEs = require("lodash-es");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _sfc_main = vue.defineComponent({
+  name: "PChips",
+  props: {
+    items: {
+      type: Array,
+      default: () => [],
+      required: true
+    },
+    itemText: {
+      type: String,
+      default: "text"
+    }
+  },
+  emits: ["click:chip", "click:overflow"],
+  data() {
+    return {
+      maxChipsDisplayed: 1
+    };
+  },
+  watch: {
+    items() {
+      this.resizeFilterChips();
+    }
+  },
+  mounted() {
+    this.resizeFilterChips();
+    this.$nextTick(() => {
+      window.addEventListener("resize", this.resizeFilterChips);
+    });
+  },
+  beforeUnmount() {
+    window.removeEventListener("resize", this.resizeFilterChips);
+  },
+  methods: {
+    resizeFilterChips() {
+      this.maxChipsDisplayed = this.items.length;
+      this.$nextTick(() => {
+        if (!this.$refs.filterChipsRowInner) {
+          return;
+        }
+        const filterChipsRowElement = this.$refs.filterChipsRow;
+        const filterChipsRowInnerElement = this.$refs.filterChipsRowInner;
+        const afterSlotContainerElement = this.$refs.afterSlotContainer;
+        const beforeSlotContainerElement = this.$refs.beforeSlotContainer;
+        const chips = filterChipsRowInnerElement.children;
+        let totalInnerWidth = 0;
+        const overflowChipWidth = 42;
+        const totalExtraWidth = beforeSlotContainerElement.offsetWidth + afterSlotContainerElement.offsetWidth + overflowChipWidth;
+        for (let i = 0; i < chips.length; i++) {
+          totalInnerWidth += chips[i].offsetWidth;
+          if (totalInnerWidth + totalExtraWidth >= filterChipsRowElement.offsetWidth) {
+            this.maxChipsDisplayed = i;
+            break;
+          }
+        }
+      });
+    },
+    getItemText(item) {
+      return typeof item === "string" ? item : lodashEs.isObject(item) ? item[this.itemText] : "";
+    }
+  }
+});
+const _withScopeId = (n) => (vue.pushScopeId("data-v-40bc335f"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = {
+  ref: "filterChipsRow",
+  class: "flex w-full items-center"
+};
+const _hoisted_2 = { ref: "beforeSlotContainer" };
+const _hoisted_3 = {
+  ref: "filterChipsRowInner",
+  class: "flex divide-x divide-p-blue-30 overflow-hidden rounded-md border border-p-blue-30 text-xs font-medium text-p-purple-60"
+};
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "inline-block truncate" };
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("i", { class: "bg-cross ml-2 inline-block h-1.5 w-1.5" }, null, -1));
+const _hoisted_7 = { ref: "afterSlotContainer" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.createElementVNode("div", _hoisted_2, [
+      vue.renderSlot(_ctx.$slots, "before", {}, void 0, true)
+    ], 512),
+    vue.createElementVNode("div", _hoisted_3, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items.slice(0, _ctx.maxChipsDisplayed), (item, idx) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          key: `${_ctx.getItemText(item)}_${idx}`,
+          class: "flex cursor-pointer items-center px-3 py-1 hover:bg-p-blue-20",
+          onClick: ($event) => _ctx.$emit("click:chip", item)
+        }, [
+          vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(_ctx.getItemText(item)), 1),
+          _hoisted_6
+        ], 8, _hoisted_4);
+      }), 128)),
+      vue.withDirectives(vue.createElementVNode("div", {
+        class: "cursor-pointer px-3 py-1 hover:bg-p-blue-20",
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:overflow"))
+      }, " +" + vue.toDisplayString(_ctx.items.length - _ctx.maxChipsDisplayed), 513), [
+        [vue.vShow, _ctx.items.length > _ctx.maxChipsDisplayed]
+      ])
+    ], 512),
+    vue.createElementVNode("div", _hoisted_7, [
+      vue.renderSlot(_ctx.$slots, "after", {}, void 0, true)
+    ], 512)
+  ], 512);
+}
+const pChips = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-40bc335f"]]);
+module.exports = pChips;

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

@@ -1 +1,36 @@
-"use strict";const e=require("vue"),a=require("./chunks/_plugin-vue_export-helper.js"),s=e.defineComponent({__name:"p-close-btn",props:{variant:{type:String,default:"transparent"}},setup(t){const n={transparent:["bg-transparent","hover:bg-p-gray-20"],gray:["bg-p-gray-10","hover:bg-p-gray-20"],dark:["bg-transparent"]},r={transparent:"x-black-icon",gray:"x-black-icon",dark:"x-white-icon"};return(c,i)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:e.normalizeClass(["inline-flex h-8 w-8 cursor-pointer items-center justify-center rounded focus:outline-none disabled:cursor-default disabled:opacity-30 disabled:hover:bg-white",n[t.variant]])},[e.createElementVNode("i",{class:e.normalizeClass(["block h-3 w-3 bg-center bg-no-repeat",r[t.variant]])},null,2)],2))}}),o=a._export_sfc(s,[["__scopeId","data-v-f61993bb"]]);module.exports=o;
+"use strict";
+const vue = require("vue");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "p-close-btn",
+  props: {
+    variant: {
+      type: String,
+      default: "transparent"
+    }
+  },
+  setup(__props) {
+    const variantClasses = {
+      transparent: ["bg-transparent", "hover:bg-p-gray-20"],
+      gray: ["bg-p-gray-10", "hover:bg-p-gray-20"],
+      dark: ["bg-transparent"]
+    };
+    const iconClass = {
+      transparent: "x-black-icon",
+      gray: "x-black-icon",
+      dark: "x-white-icon"
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", {
+        type: "button",
+        class: vue.normalizeClass(["inline-flex h-8 w-8 cursor-pointer items-center justify-center rounded focus:outline-none disabled:cursor-default disabled:opacity-30 disabled:hover:bg-white", variantClasses[__props.variant]])
+      }, [
+        vue.createElementVNode("i", {
+          class: vue.normalizeClass(["block h-3 w-3 bg-center bg-no-repeat", iconClass[__props.variant]])
+        }, null, 2)
+      ], 2);
+    };
+  }
+});
+const PCloseBtn = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-f61993bb"]]);
+module.exports = PCloseBtn;