@leaflink/stash 49.4.1 → 50.0.0

package/dist/PageHeader.js

@@ -1,43 +1,46 @@
-import { defineComponent as g, useCssModule as h, useSlots as u, computed as f, openBlock as a, createElementBlock as c, normalizeClass as n, unref as s, createElementVNode as l, renderSlot as t, createCommentVNode as i, toDisplayString as _ } from "vue";
-import { _ as w } from "./_plugin-vue_export-helper-dad06003.js";
-const y = { class: "tw-col-span-full tw-flex tw-items-center lg:tw-col-span-1" }, v = { class: "stash-page-header__title tw-my-0" }, $ = {
+import { defineComponent as g, useCssModule as u, useSlots as h, computed as f, openBlock as t, createElementBlock as s, normalizeClass as n, unref as o, createElementVNode as p, renderSlot as a, createCommentVNode as i, toDisplayString as _ } from "vue";
+import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const y = { class: "tw-col-span-full tw-flex tw-items-center lg:tw-col-span-1" }, v = {
+  key: 0,
+  class: "stash-page-header__title tw-my-0"
+}, k = {
   key: 0,
   class: "stash-page-header__description tw-mb-0 tw-mt-1.5"
-}, k = /* @__PURE__ */ g({
+}, $ = /* @__PURE__ */ g({
   name: "ll-page-header",
   __name: "PageHeader",
   props: {
-    title: {},
-    description: { default: "" }
+    title: { default: void 0 },
+    description: { default: void 0 }
   },
   setup(m) {
-    const d = m, o = h(), r = u(), p = f(() => !!(r["primary-action"] || r["secondary-action"]));
-    return (e, H) => (a(), c("header", {
-      class: n(["stash-page-header", [s(o).root, { [s(o).grid]: p.value }]]),
+    const c = m, r = u(), l = h(), d = f(() => !!(l["primary-action"] || l["secondary-action"]));
+    return (e, H) => (t(), s("header", {
+      class: n(["stash-page-header", [o(r).root, { [o(r).grid]: d.value }]]),
       "data-test": "stash-page-header"
     }, [
-      l("div", y, [
-        s(r).media ? (a(), c("div", {
+      p("div", y, [
+        o(l).media ? (t(), s("div", {
           key: 0,
-          class: n(["stash-page-header__media tw-mr-3 tw-self-center", s(o).mediaTest])
+          class: n(["stash-page-header__media tw-mr-3 tw-self-center", o(r).mediaTest])
         }, [
-          t(e.$slots, "media")
+          a(e.$slots, "media")
         ], 2)) : i("", !0),
-        l("div", null, [
-          t(e.$slots, "title", {}, () => [
-            l("h1", v, _(d.title), 1)
+        p("div", null, [
+          a(e.$slots, "title", {}, () => [
+            c.title ? (t(), s("h1", v, _(c.title), 1)) : i("", !0)
           ]),
-          t(e.$slots, "description", {}, () => [
-            e.description ? (a(), c("p", $, _(d.description), 1)) : i("", !0)
+          a(e.$slots, "description", {}, () => [
+            c.description ? (t(), s("p", k, _(c.description), 1)) : i("", !0)
           ])
         ])
       ]),
-      p.value ? (a(), c("div", {
+      d.value ? (t(), s("div", {
         key: 0,
-        class: n(["stash-page-header__actions tw-col-span-full tw-flex lg:tw-col-span-1", s(o).actions])
+        class: n(["stash-page-header__actions tw-col-span-full tw-flex lg:tw-col-span-1", o(r).actions])
       }, [
-        t(e.$slots, "secondary-action"),
-        t(e.$slots, "primary-action")
+        a(e.$slots, "secondary-action"),
+        a(e.$slots, "primary-action")
       ], 2)) : i("", !0)
     ], 2));
   }
@@ -48,7 +51,7 @@ const y = { class: "tw-col-span-full tw-flex tw-items-center lg:tw-col-span-1" }
   "media-test": "_media-test_1gg6c_41"
 }, E = {
   $style: B
-}, V = /* @__PURE__ */ w(k, [["__cssModules", E]]);
+}, V = /* @__PURE__ */ w($, [["__cssModules", E]]);
 export {
   V as default
 };

package/dist/PageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.js","sources":["../src/components/PageHeader/PageHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useCssModule, useSlots } from 'vue';\n\n  export interface PageHeaderProps {\n    /**\n     * The title of the page.\n     */\n    title: string;\n    /**\n     * The description of the page.\n     */\n    description?: string;\n  }\n\n  defineOptions({\n    name: 'll-page-header',\n  });\n\n  const props = withDefaults(defineProps<PageHeaderProps>(), {\n    description: '',\n  });\n\n  const classes = useCssModule();\n  const slots = useSlots();\n\n  const hasActions = computed<boolean>(() => !!(slots['primary-action'] || slots['secondary-action']));\n</script>\n\n<template>\n  <header\n    class=\"stash-page-header\"\n    :class=\"[classes.root, { [classes.grid]: hasActions }]\"\n    data-test=\"stash-page-header\"\n  >\n    <div class=\"tw-col-span-full tw-flex tw-items-center lg:tw-col-span-1\">\n      <div v-if=\"slots.media\" class=\"stash-page-header__media tw-mr-3 tw-self-center\" :class=\"classes.mediaTest\">\n        <!-- @slot Receives a custom media -->\n        <slot name=\"media\"></slot>\n      </div>\n\n      <div>\n        <!-- @slot Receives a custom title -->\n        <slot name=\"title\">\n          <h1 class=\"stash-page-header__title tw-my-0\">{{ props.title }}</h1>\n        </slot>\n\n        <!-- @slot Receives a custom description -->\n        <slot name=\"description\">\n          <p v-if=\"description\" class=\"stash-page-header__description tw-mb-0 tw-mt-1.5\">{{ props.description }}</p>\n        </slot>\n      </div>\n    </div>\n\n    <div\n      v-if=\"hasActions\"\n      class=\"stash-page-header__actions tw-col-span-full tw-flex lg:tw-col-span-1\"\n      :class=\"classes.actions\"\n    >\n      <!-- @slot Receives a custom secondary action -->\n      <slot name=\"secondary-action\"> </slot>\n      <!-- @slot Receives a custom primary action -->\n      <slot name=\"primary-action\"> </slot>\n    </div>\n  </header>\n</template>\n\n<style module>\n  .root {\n    border-bottom: 0;\n    display: grid;\n    gap: var(--grid-gutter);\n    margin: 0 auto;\n    max-width: theme('width.container');\n    padding: theme('spacing.6') var(--grid-gutter) theme('spacing.12');\n    width: 100%;\n  }\n\n  @media screen('lg') {\n    .root.grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  .actions {\n    align-self: flex-end;\n    flex-direction: column-reverse;\n    row-gap: var(--grid-gutter);\n  }\n\n  @media screen('md') {\n    .actions {\n      column-gap: var(--grid-gutter);\n      flex-direction: row;\n      row-gap: 0;\n    }\n  }\n\n  @media screen('lg') {\n    .actions {\n      align-items: flex-end;\n      flex-direction: row;\n      justify-content: flex-end;\n    }\n  }\n\n  /* max size for media/marketing illustration icons we would be passing to the slot */\n  .media-test {\n    max-width: 58px;\n    max-height: 58px;\n  }\n</style>\n"],"names":["props","__props","classes","useCssModule","slots","useSlots","hasActions","computed"],"mappings":";;;;;;;;;;;;;AAkBE,UAAMA,IAAQC,GAIRC,IAAUC,KACVC,IAAQC,KAERC,IAAaC,EAAkB,MAAM,CAAC,EAAEH,EAAM,gBAAgB,KAAKA,EAAM,kBAAkB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PageHeader.js","sources":["../src/components/PageHeader/PageHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useCssModule, useSlots } from 'vue';\n\n  export interface PageHeaderProps {\n    /**\n     * The title of the page.\n     */\n    title?: string;\n    /**\n     * The description of the page.\n     */\n    description?: string;\n  }\n\n  defineOptions({\n    name: 'll-page-header',\n  });\n\n  const props = withDefaults(defineProps<PageHeaderProps>(), {\n    title: undefined,\n    description: undefined,\n  });\n\n  const classes = useCssModule();\n  const slots = useSlots();\n\n  const hasActions = computed<boolean>(() => !!(slots['primary-action'] || slots['secondary-action']));\n</script>\n\n<template>\n  <header\n    class=\"stash-page-header\"\n    :class=\"[classes.root, { [classes.grid]: hasActions }]\"\n    data-test=\"stash-page-header\"\n  >\n    <div class=\"tw-col-span-full tw-flex tw-items-center lg:tw-col-span-1\">\n      <div v-if=\"slots.media\" class=\"stash-page-header__media tw-mr-3 tw-self-center\" :class=\"classes.mediaTest\">\n        <!-- @slot Receives a custom media -->\n        <slot name=\"media\"></slot>\n      </div>\n\n      <div>\n        <!-- @slot Receives a custom title -->\n        <slot name=\"title\">\n          <h1 v-if=\"props.title\" class=\"stash-page-header__title tw-my-0\">{{ props.title }}</h1>\n        </slot>\n\n        <!-- @slot Receives a custom description -->\n        <slot name=\"description\">\n          <p v-if=\"props.description\" class=\"stash-page-header__description tw-mb-0 tw-mt-1.5\">\n            {{ props.description }}\n          </p>\n        </slot>\n      </div>\n    </div>\n\n    <div\n      v-if=\"hasActions\"\n      class=\"stash-page-header__actions tw-col-span-full tw-flex lg:tw-col-span-1\"\n      :class=\"classes.actions\"\n    >\n      <!-- @slot Receives a custom secondary action -->\n      <slot name=\"secondary-action\"> </slot>\n      <!-- @slot Receives a custom primary action -->\n      <slot name=\"primary-action\"> </slot>\n    </div>\n  </header>\n</template>\n\n<style module>\n  .root {\n    border-bottom: 0;\n    display: grid;\n    gap: var(--grid-gutter);\n    margin: 0 auto;\n    max-width: theme('width.container');\n    padding: theme('spacing.6') var(--grid-gutter) theme('spacing.12');\n    width: 100%;\n  }\n\n  @media screen('lg') {\n    .root.grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  .actions {\n    align-self: flex-end;\n    flex-direction: column-reverse;\n    row-gap: var(--grid-gutter);\n  }\n\n  @media screen('md') {\n    .actions {\n      column-gap: var(--grid-gutter);\n      flex-direction: row;\n      row-gap: 0;\n    }\n  }\n\n  @media screen('lg') {\n    .actions {\n      align-items: flex-end;\n      flex-direction: row;\n      justify-content: flex-end;\n    }\n  }\n\n  /* max size for media/marketing illustration icons we would be passing to the slot */\n  .media-test {\n    max-width: 58px;\n    max-height: 58px;\n  }\n</style>\n"],"names":["props","__props","classes","useCssModule","slots","useSlots","hasActions","computed"],"mappings":";;;;;;;;;;;;;;;;AAkBE,UAAMA,IAAQC,GAKRC,IAAUC,KACVC,IAAQC,KAERC,IAAaC,EAAkB,MAAM,CAAC,EAAEH,EAAM,gBAAgB,KAAKA,EAAM,kBAAkB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/PageHeader.vue.d.ts

@@ -33,11 +33,14 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
 };
 
 declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PageHeaderProps>, {
-    description: string;
+title: undefined;
+description: undefined;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PageHeaderProps>, {
-    description: string;
+title: undefined;
+description: undefined;
 }>>> & Readonly<{}>, {
-    description: string;
+title: string;
+description: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     media?(_: {}): any;
     title?(_: {}): any;
@@ -51,7 +54,7 @@ export declare interface PageHeaderProps {
     /**
      * The title of the page.
      */
-    title: string;
+    title?: string;
     /**
      * The description of the page.
      */

package/dist/PageNavigation.js

@@ -1,31 +1,13 @@
-import { defineComponent as g, ref as m, watch as x, onMounted as I, openBlock as i, createElementBlock as c, createVNode as _, withCtx as f, Fragment as T, renderList as V, createBlock as k, unref as N, createTextVNode as B, toDisplayString as C } from "vue";
-import U from "@leaflink/snitch";
+import { defineComponent as g, ref as x, watch as I, onMounted as _, openBlock as u, createElementBlock as i, createVNode as T, withCtx as p, Fragment as V, renderList as k, createBlock as N, unref as B, createTextVNode as C, toDisplayString as U } from "vue";
+import y from "@leaflink/snitch";
 import s from "lodash-es/kebabCase";
-import { useRoute as y, useRouter as P } from "vue-router";
-import D from "./Tab.js";
-import E from "./Tabs.js";
-import "./Badge.js";
-import "./_plugin-vue_export-helper-dad06003.js";
-import "./Tabs.vue_used_vue_type_style_index_0_lang.module-d7530989.js";
-import "lodash-es/debounce";
-import "lodash-es/uniqueId";
-import "./constants.js";
-import "./locale.js";
-import "lodash-es/get";
-import "./Dropdown.js";
-import "./directives/clickoutside.js";
-import "./utils/calculateElementOverflow.js";
-import "./utils/helpers.js";
-import "lodash-es/camelCase";
-import "lodash-es/isFinite";
-import "lodash-es/isPlainObject";
-import "./Icon.js";
-import "./index-9e1095ef.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
-const F = {
+import { useRoute as P, useRouter as D } from "vue-router";
+import E from "./Tab.js";
+import F from "./Tabs.js";
+const L = {
   class: "stash-page-navigation container",
   "data-test": "stash-page-navigation"
-}, oe = /* @__PURE__ */ g({
+}, z = /* @__PURE__ */ g({
   name: "ll-page-navigation",
   __name: "PageNavigation",
   props: {
@@ -35,63 +17,58 @@ const F = {
   },
   emits: ["update:modelValue", "change"],
   setup(v, { emit: h }) {
-    const r = v, p = h;
-    r.activeIndex && U.info("The `activeIndex` prop is deprecated. Use `v-model` instead.");
-    const o = y(), u = P(), d = m("");
-    function n(t) {
-      t !== d.value && (d.value = t, p("update:modelValue", t));
+    const n = v, c = h;
+    n.activeIndex && y.info("The `activeIndex` prop is deprecated. Use `v-model` instead.");
+    const r = P(), f = D(), d = x("");
+    function o(t) {
+      t !== d.value && (d.value = t, c("update:modelValue", t));
     }
-    return x(
-      () => r.modelValue,
+    return I(
+      () => n.modelValue,
       (t, e) => {
-        if (e === t)
-          return;
-        const a = r.items.findIndex((l) => s(l.label) === t);
-        p("change", a), n(t);
+        if (e === t) return;
+        const a = n.items.findIndex((l) => s(l.label) === t);
+        c("change", a), o(t);
       }
-    ), I(() => {
-      if (!r.items.length)
-        return;
-      if (r.activeIndex !== void 0) {
-        const e = r.items[r.activeIndex];
-        n(s(e.label));
+    ), _(() => {
+      if (!n.items.length) return;
+      if (n.activeIndex !== void 0) {
+        const e = n.items[n.activeIndex];
+        o(s(e.label));
         return;
       }
-      if (r.modelValue !== d.value) {
-        n(r.modelValue);
+      if (n.modelValue !== d.value) {
+        o(n.modelValue);
         return;
       }
-      if (!u)
-        return;
-      const t = r.items.find((e) => {
-        if (e != null && e.disabled || !(e != null && e.to) && !(e != null && e.href))
-          return;
-        const { path: a } = u.resolve((e == null ? void 0 : e.to) || (e == null ? void 0 : e.href));
-        if (a === o.path)
+      if (!f) return;
+      const t = n.items.find((e) => {
+        if (e != null && e.disabled || !(e != null && e.to) && !(e != null && e.href)) return;
+        const { path: a } = f.resolve((e == null ? void 0 : e.to) || (e == null ? void 0 : e.href));
+        if (a === r.path)
           return !0;
-        if (!o.path.includes(a))
-          return;
-        const l = (o.path.length - o.path.lastIndexOf("/")) * -1, b = o.path.slice(0, l);
+        if (!r.path.includes(a)) return;
+        const l = (r.path.length - r.path.lastIndexOf("/")) * -1, b = r.path.slice(0, l);
         return a === b;
       });
-      t && n((t == null ? void 0 : t.value) || s(t.label));
-    }), (t, e) => (i(), c("nav", F, [
-      _(E, {
+      t && o((t == null ? void 0 : t.value) || s(t.label));
+    }), (t, e) => (u(), i("nav", L, [
+      T(F, {
         "active-tab": d.value,
-        "onUpdate:activeTab": n
+        "onUpdate:activeTab": o
       }, {
-        default: f(() => [
-          (i(!0), c(T, null, V(r.items, (a, l) => (i(), k(D, {
+        default: p(() => [
+          (u(!0), i(V, null, k(n.items, (a, l) => (u(), N(E, {
             key: a.label,
-            value: (a == null ? void 0 : a.value) || N(s)(a.label),
+            value: (a == null ? void 0 : a.value) || B(s)(a.label),
             to: a.to,
             href: a.href,
             badge: a.badge,
             disabled: a.disabled,
             "data-id": l
           }, {
-            default: f(() => [
-              B(C(a.label), 1)
+            default: p(() => [
+              C(U(a.label), 1)
             ]),
             _: 2
           }, 1032, ["value", "to", "href", "badge", "disabled", "data-id"]))), 128))
@@ -102,6 +79,6 @@ const F = {
   }
 });
 export {
-  oe as default
+  z as default
 };
 //# sourceMappingURL=PageNavigation.js.map

package/dist/PageNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageNavigation.js","sources":["../src/components/PageNavigation/PageNavigation.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import kebabCase from 'lodash-es/kebabCase';\n  import { onMounted, ref, watch } from 'vue';\n  import { RouteLocationRaw, useRoute, useRouter } from 'vue-router';\n\n  import Tab, { type TabProps } from '../Tab/Tab.vue';\n  import Tabs from '../Tabs/Tabs.vue';\n\n  defineOptions({\n    name: 'll-page-navigation',\n  });\n\n  export interface NavItem extends Omit<TabProps, 'value'> {\n    /**\n     * The tab's label\n     */\n    label: string;\n\n    /**\n     * The tab's label\n     */\n    value?: string;\n  }\n\n  export interface PageNavigationProps {\n    /**\n     * Index of active tab (zero-based)\n     * @deprecated Use v-model instead.\n     */\n    activeIndex?: number | string;\n\n    /**\n     * The currently active tab value\n     */\n    modelValue?: string;\n\n    /**\n     * Array of tabs. A `tab` is an object containing a `label` and either an `href` | `to`\n     */\n    items: NavItem[];\n  }\n\n  const props = withDefaults(defineProps<PageNavigationProps>(), {\n    activeIndex: undefined,\n    modelValue: '',\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Emits the current active nav value\n     */\n    (e: 'update:modelValue', activeTab: string): void;\n\n    /**\n     * Emits the current active nav index\n     * @deprecated - Use v-model instead.\n     */\n    (e: 'change', activeNavIndex: number): void;\n  }>();\n\n  if (props.activeIndex) {\n    logger.info('The `activeIndex` prop is deprecated. Use `v-model` instead.');\n  }\n\n  const route = useRoute();\n  const router = useRouter();\n\n  // this ref is needed to keep track of the active tab even if v-model is not passed\n  const activeTab = ref('');\n\n  function onUpdateActiveTab(newActiveTab: string) {\n    if (newActiveTab === activeTab.value) return;\n\n    activeTab.value = newActiveTab;\n    emit('update:modelValue', newActiveTab);\n  }\n\n  watch(\n    () => props.modelValue,\n    (newValue, oldValue) => {\n      if (oldValue === newValue) return;\n\n      // TODO: Remove this once activeIndex is removed\n      const activeNavItemIndex = props.items.findIndex((item) => kebabCase(item.label) === newValue);\n      emit('change', activeNavItemIndex);\n\n      // Forcing updating activeTab when the component is in a keep alive state\n      onUpdateActiveTab(newValue);\n    },\n  );\n\n  onMounted(() => {\n    if (!props.items.length) return;\n\n    // TODO: Remove this once activeIndex is removed\n    if (props.activeIndex !== undefined) {\n      const activeTabItem = props.items[props.activeIndex];\n\n      onUpdateActiveTab(kebabCase(activeTabItem.label));\n\n      return;\n    }\n\n    if (props.modelValue !== activeTab.value) {\n      onUpdateActiveTab(props.modelValue);\n      return;\n    }\n\n    if (!router) return;\n\n    const itemMatchingRoute = props.items.find((item) => {\n      if (item?.disabled || (!item?.to && !item?.href)) return;\n\n      const { path } = router.resolve((item?.to as RouteLocationRaw) || (item?.href as string));\n\n      if (path === route.path) {\n        return true;\n      }\n\n      if (!route.path.includes(path)) return;\n\n      const sliceIndex = (route.path.length - route.path.lastIndexOf('/')) * -1;\n      const parentPath = route.path.slice(0, sliceIndex);\n\n      return path === parentPath;\n    });\n\n    if (!itemMatchingRoute) return;\n\n    onUpdateActiveTab(itemMatchingRoute?.value || kebabCase(itemMatchingRoute.label));\n  });\n</script>\n\n<template>\n  <nav class=\"stash-page-navigation container\" data-test=\"stash-page-navigation\">\n    <Tabs :active-tab=\"activeTab\" @update:active-tab=\"onUpdateActiveTab\">\n      <Tab\n        v-for=\"(item, index) in props.items\"\n        :key=\"item.label\"\n        :value=\"item?.value || kebabCase(item.label)\"\n        :to=\"item.to\"\n        :href=\"item.href\"\n        :badge=\"item.badge\"\n        :disabled=\"item.disabled\"\n        :data-id=\"index\"\n      >\n        {{ item.label }}\n      </Tab>\n    </Tabs>\n  </nav>\n</template>\n"],"names":["props","__props","emit","__emit","logger","route","useRoute","router","useRouter","activeTab","ref","onUpdateActiveTab","newActiveTab","watch","newValue","oldValue","activeNavItemIndex","item","kebabCase","onMounted","activeTabItem","itemMatchingRoute","path","sliceIndex","parentPath"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CE,UAAMA,IAAQC,GAKRC,IAAOC;AAab,IAAIH,EAAM,eACRI,EAAO,KAAK,8DAA8D;AAG5E,UAAMC,IAAQC,KACRC,IAASC,KAGTC,IAAYC,EAAI,EAAE;AAExB,aAASC,EAAkBC,GAAsB;AAC/C,MAAIA,MAAiBH,EAAU,UAE/BA,EAAU,QAAQG,GAClBV,EAAK,qBAAqBU,CAAY;AAAA,IACxC;AAEA,WAAAC;AAAA,MACE,MAAMb,EAAM;AAAA,MACZ,CAACc,GAAUC,MAAa;AACtB,YAAIA,MAAaD;AAAU;AAGrB,cAAAE,IAAqBhB,EAAM,MAAM,UAAU,CAACiB,MAASC,EAAUD,EAAK,KAAK,MAAMH,CAAQ;AAC7F,QAAAZ,EAAK,UAAUc,CAAkB,GAGjCL,EAAkBG,CAAQ;AAAA,MAC5B;AAAA,IAAA,GAGFK,EAAU,MAAM;AACV,UAAA,CAACnB,EAAM,MAAM;AAAQ;AAGrB,UAAAA,EAAM,gBAAgB,QAAW;AACnC,cAAMoB,IAAgBpB,EAAM,MAAMA,EAAM,WAAW;AAEjC,QAAAW,EAAAO,EAAUE,EAAc,KAAK,CAAC;AAEhD;AAAA;AAGE,UAAApB,EAAM,eAAeS,EAAU,OAAO;AACxC,QAAAE,EAAkBX,EAAM,UAAU;AAClC;AAAA;AAGF,UAAI,CAACO;AAAQ;AAEb,YAAMc,IAAoBrB,EAAM,MAAM,KAAK,CAACiB,MAAS;AACnD,YAAIA,KAAA,QAAAA,EAAM,YAAa,EAACA,KAAA,QAAAA,EAAM,OAAM,EAACA,KAAA,QAAAA,EAAM;AAAO;AAE5C,cAAA,EAAE,MAAAK,EAAS,IAAAf,EAAO,SAASU,KAAA,gBAAAA,EAAM,QAA4BA,KAAA,gBAAAA,EAAM,KAAe;AAEpF,YAAAK,MAASjB,EAAM;AACV,iBAAA;AAGT,YAAI,CAACA,EAAM,KAAK,SAASiB,CAAI;AAAG;AAE1B,cAAAC,KAAclB,EAAM,KAAK,SAASA,EAAM,KAAK,YAAY,GAAG,KAAK,IACjEmB,IAAanB,EAAM,KAAK,MAAM,GAAGkB,CAAU;AAEjD,eAAOD,MAASE;AAAA,MAAA,CACjB;AAED,MAAKH,KAELV,GAAkBU,KAAA,gBAAAA,EAAmB,UAASH,EAAUG,EAAkB,KAAK,CAAC;AAAA,IAAA,CACjF;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PageNavigation.js","sources":["../src/components/PageNavigation/PageNavigation.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import kebabCase from 'lodash-es/kebabCase';\n  import { onMounted, ref, watch } from 'vue';\n  import { RouteLocationRaw, useRoute, useRouter } from 'vue-router';\n\n  import Tab, { type TabProps } from '../Tab/Tab.vue';\n  import Tabs from '../Tabs/Tabs.vue';\n\n  defineOptions({\n    name: 'll-page-navigation',\n  });\n\n  export interface NavItem extends Omit<TabProps, 'value'> {\n    /**\n     * The tab's label\n     */\n    label: string;\n\n    /**\n     * The tab's label\n     */\n    value?: string;\n  }\n\n  export interface PageNavigationProps {\n    /**\n     * Index of active tab (zero-based)\n     * @deprecated Use v-model instead.\n     */\n    activeIndex?: number | string;\n\n    /**\n     * The currently active tab value\n     */\n    modelValue?: string;\n\n    /**\n     * Array of tabs. A `tab` is an object containing a `label` and either an `href` | `to`\n     */\n    items: NavItem[];\n  }\n\n  const props = withDefaults(defineProps<PageNavigationProps>(), {\n    activeIndex: undefined,\n    modelValue: '',\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Emits the current active nav value\n     */\n    (e: 'update:modelValue', activeTab: string): void;\n\n    /**\n     * Emits the current active nav index\n     * @deprecated - Use v-model instead.\n     */\n    (e: 'change', activeNavIndex: number): void;\n  }>();\n\n  if (props.activeIndex) {\n    logger.info('The `activeIndex` prop is deprecated. Use `v-model` instead.');\n  }\n\n  const route = useRoute();\n  const router = useRouter();\n\n  // this ref is needed to keep track of the active tab even if v-model is not passed\n  const activeTab = ref('');\n\n  function onUpdateActiveTab(newActiveTab: string) {\n    if (newActiveTab === activeTab.value) return;\n\n    activeTab.value = newActiveTab;\n    emit('update:modelValue', newActiveTab);\n  }\n\n  watch(\n    () => props.modelValue,\n    (newValue, oldValue) => {\n      if (oldValue === newValue) return;\n\n      // TODO: Remove this once activeIndex is removed\n      const activeNavItemIndex = props.items.findIndex((item) => kebabCase(item.label) === newValue);\n      emit('change', activeNavItemIndex);\n\n      // Forcing updating activeTab when the component is in a keep alive state\n      onUpdateActiveTab(newValue);\n    },\n  );\n\n  onMounted(() => {\n    if (!props.items.length) return;\n\n    // TODO: Remove this once activeIndex is removed\n    if (props.activeIndex !== undefined) {\n      const activeTabItem = props.items[props.activeIndex];\n\n      onUpdateActiveTab(kebabCase(activeTabItem.label));\n\n      return;\n    }\n\n    if (props.modelValue !== activeTab.value) {\n      onUpdateActiveTab(props.modelValue);\n      return;\n    }\n\n    if (!router) return;\n\n    const itemMatchingRoute = props.items.find((item) => {\n      if (item?.disabled || (!item?.to && !item?.href)) return;\n\n      const { path } = router.resolve((item?.to as RouteLocationRaw) || (item?.href as string));\n\n      if (path === route.path) {\n        return true;\n      }\n\n      if (!route.path.includes(path)) return;\n\n      const sliceIndex = (route.path.length - route.path.lastIndexOf('/')) * -1;\n      const parentPath = route.path.slice(0, sliceIndex);\n\n      return path === parentPath;\n    });\n\n    if (!itemMatchingRoute) return;\n\n    onUpdateActiveTab(itemMatchingRoute?.value || kebabCase(itemMatchingRoute.label));\n  });\n</script>\n\n<template>\n  <nav class=\"stash-page-navigation container\" data-test=\"stash-page-navigation\">\n    <Tabs :active-tab=\"activeTab\" @update:active-tab=\"onUpdateActiveTab\">\n      <Tab\n        v-for=\"(item, index) in props.items\"\n        :key=\"item.label\"\n        :value=\"item?.value || kebabCase(item.label)\"\n        :to=\"item.to\"\n        :href=\"item.href\"\n        :badge=\"item.badge\"\n        :disabled=\"item.disabled\"\n        :data-id=\"index\"\n      >\n        {{ item.label }}\n      </Tab>\n    </Tabs>\n  </nav>\n</template>\n"],"names":["props","__props","emit","__emit","logger","route","useRoute","router","useRouter","activeTab","ref","onUpdateActiveTab","newActiveTab","watch","newValue","oldValue","activeNavItemIndex","item","kebabCase","onMounted","activeTabItem","itemMatchingRoute","path","sliceIndex","parentPath"],"mappings":";;;;;;;;;;;;;;;;;;;AA2CE,UAAMA,IAAQC,GAKRC,IAAOC;AAab,IAAIH,EAAM,eACRI,EAAO,KAAK,8DAA8D;AAG5E,UAAMC,IAAQC,KACRC,IAASC,KAGTC,IAAYC,EAAI,EAAE;AAExB,aAASC,EAAkBC,GAAsB;AAC3C,MAAAA,MAAiBH,EAAU,UAE/BA,EAAU,QAAQG,GAClBV,EAAK,qBAAqBU,CAAY;AAAA,IACxC;AAEA,WAAAC;AAAA,MACE,MAAMb,EAAM;AAAA,MACZ,CAACc,GAAUC,MAAa;AACtB,YAAIA,MAAaD,EAAU;AAGrB,cAAAE,IAAqBhB,EAAM,MAAM,UAAU,CAACiB,MAASC,EAAUD,EAAK,KAAK,MAAMH,CAAQ;AAC7F,QAAAZ,EAAK,UAAUc,CAAkB,GAGjCL,EAAkBG,CAAQ;AAAA,MAC5B;AAAA,IAAA,GAGFK,EAAU,MAAM;AACV,UAAA,CAACnB,EAAM,MAAM,OAAQ;AAGrB,UAAAA,EAAM,gBAAgB,QAAW;AACnC,cAAMoB,IAAgBpB,EAAM,MAAMA,EAAM,WAAW;AAEjC,QAAAW,EAAAO,EAAUE,EAAc,KAAK,CAAC;AAEhD;AAAA,MACF;AAEI,UAAApB,EAAM,eAAeS,EAAU,OAAO;AACxC,QAAAE,EAAkBX,EAAM,UAAU;AAClC;AAAA,MACF;AAEA,UAAI,CAACO,EAAQ;AAEb,YAAMc,IAAoBrB,EAAM,MAAM,KAAK,CAACiB,MAAS;AACnD,YAAIA,KAAA,QAAAA,EAAM,YAAa,EAACA,KAAA,QAAAA,EAAM,OAAM,EAACA,KAAA,QAAAA,EAAM,MAAO;AAE5C,cAAA,EAAE,MAAAK,EAAS,IAAAf,EAAO,SAASU,KAAA,gBAAAA,EAAM,QAA4BA,KAAA,gBAAAA,EAAM,KAAe;AAEpF,YAAAK,MAASjB,EAAM;AACV,iBAAA;AAGT,YAAI,CAACA,EAAM,KAAK,SAASiB,CAAI,EAAG;AAE1B,cAAAC,KAAclB,EAAM,KAAK,SAASA,EAAM,KAAK,YAAY,GAAG,KAAK,IACjEmB,IAAanB,EAAM,KAAK,MAAM,GAAGkB,CAAU;AAEjD,eAAOD,MAASE;AAAA,MAAA,CACjB;AAED,MAAKH,KAELV,GAAkBU,KAAA,gBAAAA,EAAmB,UAASH,EAAUG,EAAkB,KAAK,CAAC;AAAA,IAAA,CACjF;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/PageNavigation.vue.d.ts

@@ -34,20 +34,20 @@ declare type __VLS_WithDefaults<P, D> = {
 declare type AnchorAttrs = HTMLAnchorElement['download'] | HTMLAnchorElement['hreflang'] | HTMLAnchorElement['ping'] | HTMLAnchorElement['referrerPolicy'] | HTMLAnchorElement['rel'] | HTMLAnchorElement['target'] | HTMLAnchorElement['type'];
 
 declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PageNavigationProps>, {
-    activeIndex: undefined;
-    modelValue: string;
+activeIndex: undefined;
+modelValue: string;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:modelValue": (activeTab: string) => void;
-    change: (activeNavIndex: number) => void;
+"update:modelValue": (activeTab: string) => void;
+change: (activeNavIndex: number) => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PageNavigationProps>, {
-    activeIndex: undefined;
-    modelValue: string;
+activeIndex: undefined;
+modelValue: string;
 }>>> & Readonly<{
-    onChange?: ((activeNavIndex: number) => any) | undefined;
-    "onUpdate:modelValue"?: ((activeTab: string) => any) | undefined;
+onChange?: ((activeNavIndex: number) => any) | undefined;
+"onUpdate:modelValue"?: ((activeTab: string) => any) | undefined;
 }>, {
-    modelValue: string;
-    activeIndex: string | number;
+modelValue: string;
+activeIndex: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
 

package/dist/Paginate.js

@@ -1,14 +1,10 @@
-import { defineComponent as y, useCssModule as S, computed as x, openBlock as r, createElementBlock as i, createElementVNode as c, normalizeClass as o, unref as l, createVNode as f, Fragment as m, renderList as z, createCommentVNode as p, toDisplayString as M } from "vue";
-import g from "./Icon.js";
-import { s as E } from "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
-import { _ as L } from "./_plugin-vue_export-helper-dad06003.js";
-import "lodash-es/uniqueId";
-import "./index-9e1095ef.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
-const $ = {
+import { defineComponent as C, useCssModule as w, computed as y, openBlock as i, createElementBlock as l, createElementVNode as c, normalizeClass as o, unref as r, createVNode as g, Fragment as f, renderList as S, createCommentVNode as p, toDisplayString as M } from "vue";
+import h from "./Icon.js";
+import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const L = {
   class: "stash-paginate tw-flex tw-justify-center",
   "data-test": "stash-paginate"
-}, N = ["onClick"], V = /* @__PURE__ */ y({
+}, $ = ["onClick"], N = /* @__PURE__ */ C({
   name: "ll-paginate",
   __name: "Paginate",
   props: {
@@ -17,64 +13,64 @@ const $ = {
     pageSize: { default: 50 }
   },
   emits: ["set-page"],
-  setup(h, { emit: v }) {
-    const t = h, P = v, n = S(), s = x(() => Math.ceil(t.listLength / t.pageSize));
+  setup(_, { emit: m }) {
+    const t = _, v = m, n = w(), s = y(() => Math.ceil(t.listLength / t.pageSize));
     function u(e) {
-      P("set-page", e);
+      v("set-page", e);
     }
-    function _() {
+    function P() {
       t.currentPage < s.value && u(t.currentPage + 1);
     }
     function b() {
       t.currentPage > 1 && u(t.currentPage - 1);
     }
-    function k(e) {
+    function z(e) {
       const d = Math.abs(t.currentPage - e);
       return s.value < 10 || e === 1 || e === s.value || t.currentPage < 6 && e < 8 || s.value - t.currentPage < 5 && s.value - e < 7 || d < 3;
     }
-    function C(e) {
+    function k(e) {
       return s.value > 9 && t.currentPage > 5 && e === 2;
     }
-    function w(e) {
+    function x(e) {
       return s.value > 9 && s.value - t.currentPage > 4 && e === s.value - 1;
     }
-    return (e, d) => (r(), i("div", $, [
+    return (e, d) => (i(), l("div", L, [
       c("ul", {
-        class: o(["stash-paginate__list tw-flex", l(n).pagination]),
+        class: o(["stash-paginate__list tw-flex", r(n).pagination]),
         "data-test": "stash-paginate|list"
       }, [
         c("button", {
           "data-test": "stash-paginate|prev-page",
-          class: o([l(n).prev, { [l(n)["is-disabled"]]: e.currentPage === 1 }]),
+          class: o([r(n).prev, { [r(n)["is-disabled"]]: e.currentPage === 1 }]),
           onClick: b
         }, [
-          f(g, {
+          g(h, {
             size: "small",
             name: "chevron-left"
           })
         ], 2),
-        (r(!0), i(m, null, z(s.value, (a) => (r(), i(m, null, [
-          C(a) ? (r(), i("button", {
+        (i(!0), l(f, null, S(s.value, (a) => (i(), l(f, null, [
+          k(a) ? (i(), l("button", {
             key: `${a}-ellipsis`,
             "data-test": "stash-paginate|first-ellipsis"
           }, " … ")) : p("", !0),
-          k(a) ? (r(), i("button", {
+          z(a) ? (i(), l("button", {
             key: a,
             "data-test": "stash-paginate|page-number",
-            class: o({ [l(n)["is-active"]]: e.currentPage === a }),
-            onClick: (D) => u(a)
-          }, M(a), 11, N)) : p("", !0),
-          w(a) ? (r(), i("button", {
+            class: o({ [r(n)["is-active"]]: e.currentPage === a }),
+            onClick: (I) => u(a)
+          }, M(a), 11, $)) : p("", !0),
+          x(a) ? (i(), l("button", {
             key: `${a}-ellipsis`,
             "data-test": "stash-paginate|last-ellipsis"
           }, " … ")) : p("", !0)
         ], 64))), 256)),
         c("button", {
           "data-test": "stash-paginate|next-page",
-          class: o([l(n).next, { [l(n)["is-disabled"]]: e.currentPage === s.value }]),
-          onClick: _
+          class: o([r(n).next, { [r(n)["is-disabled"]]: e.currentPage === s.value }]),
+          onClick: P
         }, [
-          f(g, {
+          g(h, {
             size: "small",
             class: "tw-rotate-180",
             name: "chevron-left"
@@ -83,10 +79,16 @@ const $ = {
       ], 2)
     ]));
   }
-}), B = {
-  $style: E
-}, J = /* @__PURE__ */ L(V, [["__cssModules", B]]);
+}), V = "_pagination_14zhb_2", B = "_prev_14zhb_20", D = "_next_14zhb_25", F = {
+  pagination: V,
+  prev: B,
+  next: D,
+  "is-active": "_is-active_14zhb_38",
+  "is-disabled": "_is-disabled_14zhb_51"
+}, j = {
+  $style: F
+}, H = /* @__PURE__ */ E(N, [["__cssModules", j]]);
 export {
-  J as default
+  H as default
 };
 //# sourceMappingURL=Paginate.js.map

package/dist/Paginate.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paginate.js","sources":["../src/components/Paginate/Paginate.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { computed, useCssModule } from 'vue';\n\n  import Icon from '../Icon/Icon.vue';\n\n  defineOptions({\n    name: 'll-paginate',\n  });\n\n  export interface PaginateProps {\n    /**\n     * Current page number\n     */\n    currentPage?: number;\n    /**\n     * Total number of items in list\n     */\n    listLength?: number;\n    /**\n     * Number of items per page\n     */\n    pageSize?: number;\n  }\n\n  const props = withDefaults(defineProps<PaginateProps>(), {\n    currentPage: 1,\n    listLength: 1,\n    pageSize: 50,\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Emitted when the page number changes.\n     */\n    (e: 'set-page', pageNumber: number): void;\n  }>();\n\n  const classes = useCssModule();\n\n  const pages = computed(() => Math.ceil(props.listLength / props.pageSize));\n\n  /**\n   * Emits current page to list view.\n   */\n  function updatePage(currentPage: number) {\n    emit('set-page', currentPage);\n  }\n\n  /**\n   * Sets current page to next page\n   */\n  function next() {\n    if (props.currentPage < pages.value) {\n      updatePage(props.currentPage + 1);\n    }\n  }\n\n  /**\n   * Sets current page to previous page\n   */\n  function prev() {\n    if (props.currentPage > 1) {\n      updatePage(props.currentPage - 1);\n    }\n  }\n\n  /**\n   * Determines whether to show page\n   * @returns {boolean} - should show page in pagination component\n   */\n  function shouldShowPage(page: number): boolean {\n    const pageDiff = Math.abs(props.currentPage - page);\n\n    if (\n      pages.value < 10 ||\n      page === 1 ||\n      page === pages.value ||\n      (props.currentPage < 6 && page < 8) ||\n      (pages.value - props.currentPage < 5 && pages.value - page < 7) ||\n      pageDiff < 3\n    ) {\n      return true;\n    }\n\n    return false;\n  }\n\n  /**\n   * Determines whether to show the leading ellipsis\n   * @returns {boolean} should show or not\n   */\n  function shouldShowFirstEllipsis(page: number): boolean {\n    return pages.value > 9 && props.currentPage > 5 && page === 2;\n  }\n\n  /**\n   * Determines whether to show the trailing ellipsis\n   * @returns {boolean} should show or not\n   */\n  function shouldShowLastEllipsis(page: number): boolean {\n    return pages.value > 9 && pages.value - props.currentPage > 4 && page === pages.value - 1;\n  }\n</script>\n\n<template>\n  <div class=\"stash-paginate tw-flex tw-justify-center\" data-test=\"stash-paginate\">\n    <ul class=\"stash-paginate__list tw-flex\" :class=\"classes.pagination\" data-test=\"stash-paginate|list\">\n      <button\n        data-test=\"stash-paginate|prev-page\"\n        :class=\"[classes.prev, { [classes['is-disabled']]: currentPage === 1 }]\"\n        @click=\"prev\"\n      >\n        <Icon size=\"small\" name=\"chevron-left\" />\n      </button>\n      <template v-for=\"page in pages\">\n        <button\n          v-if=\"shouldShowFirstEllipsis(page)\"\n          :key=\"`${page}-ellipsis`\"\n          data-test=\"stash-paginate|first-ellipsis\"\n        >\n          &#x2026;\n        </button>\n        <button\n          v-if=\"shouldShowPage(page)\"\n          :key=\"page\"\n          data-test=\"stash-paginate|page-number\"\n          :class=\"{ [classes['is-active']]: currentPage === page }\"\n          @click=\"updatePage(page)\"\n        >\n          {{ page }}\n        </button>\n        <button v-if=\"shouldShowLastEllipsis(page)\" :key=\"`${page}-ellipsis`\" data-test=\"stash-paginate|last-ellipsis\">\n          &#x2026;\n        </button>\n      </template>\n      <button\n        data-test=\"stash-paginate|next-page\"\n        :class=\"[classes.next, { [classes['is-disabled']]: currentPage === pages }]\"\n        @click=\"next\"\n      >\n        <Icon size=\"small\" class=\"tw-rotate-180\" name=\"chevron-left\" />\n      </button>\n    </ul>\n  </div>\n</template>\n\n<style module>\n  .pagination {\n    /* Todo: We shouldn't really be making assumptions about the outer spacing of the pagination component */\n    margin-top: theme('spacing.12');\n    z-index: 0;\n\n    a,\n    button {\n      @apply tw-border tw-border-solid tw-border-ice-200;\n      align-items: center;\n      background-color: theme('colors.white');\n      color: var(--color-blue-500);\n      cursor: pointer;\n      display: flex;\n      height: theme('height.input');\n      justify-content: center;\n      margin: 0 0 0 -1px;\n      width: theme('height.input');\n\n      &.prev {\n        border-bottom-left-radius: theme('borderRadius.DEFAULT');\n        border-top-left-radius: theme('borderRadius.DEFAULT');\n      }\n\n      &.next {\n        border-bottom-right-radius: theme('borderRadius.DEFAULT');\n        border-top-right-radius: theme('borderRadius.DEFAULT');\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      &:hover {\n        text-decoration: none;\n      }\n\n      &.is-active {\n        background-color: var(--color-blue-500);\n        color: theme('colors.white');\n        pointer-events: none;\n        z-index: theme('zIndex.control');\n      }\n\n      &:hover,\n      &.is-active {\n        @apply tw-border tw-border-solid tw-border-blue-500;\n        position: relative;\n      }\n\n      &.is-disabled {\n        cursor: not-allowed;\n        opacity: 0.5;\n      }\n    }\n  }\n</style>\n"],"names":["props","__props","emit","__emit","classes","useCssModule","pages","computed","updatePage","currentPage","next","prev","shouldShowPage","page","pageDiff","shouldShowFirstEllipsis","shouldShowLastEllipsis"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBE,UAAMA,IAAQC,GAMRC,IAAOC,GAOPC,IAAUC,KAEVC,IAAQC,EAAS,MAAM,KAAK,KAAKP,EAAM,aAAaA,EAAM,QAAQ,CAAC;AAKzE,aAASQ,EAAWC,GAAqB;AACvC,MAAAP,EAAK,YAAYO,CAAW;AAAA,IAC9B;AAKA,aAASC,IAAO;AACV,MAAAV,EAAM,cAAcM,EAAM,SACjBE,EAAAR,EAAM,cAAc,CAAC;AAAA,IAEpC;AAKA,aAASW,IAAO;AACV,MAAAX,EAAM,cAAc,KACXQ,EAAAR,EAAM,cAAc,CAAC;AAAA,IAEpC;AAMA,aAASY,EAAeC,GAAuB;AAC7C,YAAMC,IAAW,KAAK,IAAId,EAAM,cAAca,CAAI;AAGhD,aAAAP,EAAM,QAAQ,MACdO,MAAS,KACTA,MAASP,EAAM,SACdN,EAAM,cAAc,KAAKa,IAAO,KAChCP,EAAM,QAAQN,EAAM,cAAc,KAAKM,EAAM,QAAQO,IAAO,KAC7DC,IAAW;AAAA,IAMf;AAMA,aAASC,EAAwBF,GAAuB;AACtD,aAAOP,EAAM,QAAQ,KAAKN,EAAM,cAAc,KAAKa,MAAS;AAAA,IAC9D;AAMA,aAASG,EAAuBH,GAAuB;AAC9C,aAAAP,EAAM,QAAQ,KAAKA,EAAM,QAAQN,EAAM,cAAc,KAAKa,MAASP,EAAM,QAAQ;AAAA,IAC1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Paginate.js","sources":["../src/components/Paginate/Paginate.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { computed, useCssModule } from 'vue';\n\n  import Icon from '../Icon/Icon.vue';\n\n  defineOptions({\n    name: 'll-paginate',\n  });\n\n  export interface PaginateProps {\n    /**\n     * Current page number\n     */\n    currentPage?: number;\n    /**\n     * Total number of items in list\n     */\n    listLength?: number;\n    /**\n     * Number of items per page\n     */\n    pageSize?: number;\n  }\n\n  const props = withDefaults(defineProps<PaginateProps>(), {\n    currentPage: 1,\n    listLength: 1,\n    pageSize: 50,\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Emitted when the page number changes.\n     */\n    (e: 'set-page', pageNumber: number): void;\n  }>();\n\n  const classes = useCssModule();\n\n  const pages = computed(() => Math.ceil(props.listLength / props.pageSize));\n\n  /**\n   * Emits current page to list view.\n   */\n  function updatePage(currentPage: number) {\n    emit('set-page', currentPage);\n  }\n\n  /**\n   * Sets current page to next page\n   */\n  function next() {\n    if (props.currentPage < pages.value) {\n      updatePage(props.currentPage + 1);\n    }\n  }\n\n  /**\n   * Sets current page to previous page\n   */\n  function prev() {\n    if (props.currentPage > 1) {\n      updatePage(props.currentPage - 1);\n    }\n  }\n\n  /**\n   * Determines whether to show page\n   * @returns {boolean} - should show page in pagination component\n   */\n  function shouldShowPage(page: number): boolean {\n    const pageDiff = Math.abs(props.currentPage - page);\n\n    if (\n      pages.value < 10 ||\n      page === 1 ||\n      page === pages.value ||\n      (props.currentPage < 6 && page < 8) ||\n      (pages.value - props.currentPage < 5 && pages.value - page < 7) ||\n      pageDiff < 3\n    ) {\n      return true;\n    }\n\n    return false;\n  }\n\n  /**\n   * Determines whether to show the leading ellipsis\n   * @returns {boolean} should show or not\n   */\n  function shouldShowFirstEllipsis(page: number): boolean {\n    return pages.value > 9 && props.currentPage > 5 && page === 2;\n  }\n\n  /**\n   * Determines whether to show the trailing ellipsis\n   * @returns {boolean} should show or not\n   */\n  function shouldShowLastEllipsis(page: number): boolean {\n    return pages.value > 9 && pages.value - props.currentPage > 4 && page === pages.value - 1;\n  }\n</script>\n\n<template>\n  <div class=\"stash-paginate tw-flex tw-justify-center\" data-test=\"stash-paginate\">\n    <ul class=\"stash-paginate__list tw-flex\" :class=\"classes.pagination\" data-test=\"stash-paginate|list\">\n      <button\n        data-test=\"stash-paginate|prev-page\"\n        :class=\"[classes.prev, { [classes['is-disabled']]: currentPage === 1 }]\"\n        @click=\"prev\"\n      >\n        <Icon size=\"small\" name=\"chevron-left\" />\n      </button>\n      <template v-for=\"page in pages\">\n        <button\n          v-if=\"shouldShowFirstEllipsis(page)\"\n          :key=\"`${page}-ellipsis`\"\n          data-test=\"stash-paginate|first-ellipsis\"\n        >\n          &#x2026;\n        </button>\n        <button\n          v-if=\"shouldShowPage(page)\"\n          :key=\"page\"\n          data-test=\"stash-paginate|page-number\"\n          :class=\"{ [classes['is-active']]: currentPage === page }\"\n          @click=\"updatePage(page)\"\n        >\n          {{ page }}\n        </button>\n        <button v-if=\"shouldShowLastEllipsis(page)\" :key=\"`${page}-ellipsis`\" data-test=\"stash-paginate|last-ellipsis\">\n          &#x2026;\n        </button>\n      </template>\n      <button\n        data-test=\"stash-paginate|next-page\"\n        :class=\"[classes.next, { [classes['is-disabled']]: currentPage === pages }]\"\n        @click=\"next\"\n      >\n        <Icon size=\"small\" class=\"tw-rotate-180\" name=\"chevron-left\" />\n      </button>\n    </ul>\n  </div>\n</template>\n\n<style module>\n  .pagination {\n    /* Todo: We shouldn't really be making assumptions about the outer spacing of the pagination component */\n    margin-top: theme('spacing.12');\n    z-index: 0;\n\n    a,\n    button {\n      @apply tw-border tw-border-solid tw-border-ice-200;\n      align-items: center;\n      background-color: theme('colors.white');\n      color: var(--color-blue-500);\n      cursor: pointer;\n      display: flex;\n      height: theme('height.input');\n      justify-content: center;\n      margin: 0 0 0 -1px;\n      width: theme('height.input');\n\n      &.prev {\n        border-bottom-left-radius: theme('borderRadius.DEFAULT');\n        border-top-left-radius: theme('borderRadius.DEFAULT');\n      }\n\n      &.next {\n        border-bottom-right-radius: theme('borderRadius.DEFAULT');\n        border-top-right-radius: theme('borderRadius.DEFAULT');\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      &:hover {\n        text-decoration: none;\n      }\n\n      &.is-active {\n        background-color: var(--color-blue-500);\n        color: theme('colors.white');\n        pointer-events: none;\n        z-index: theme('zIndex.control');\n      }\n\n      &:hover,\n      &.is-active {\n        @apply tw-border tw-border-solid tw-border-blue-500;\n        position: relative;\n      }\n\n      &.is-disabled {\n        cursor: not-allowed;\n        opacity: 0.5;\n      }\n    }\n  }\n</style>\n"],"names":["props","__props","emit","__emit","classes","useCssModule","pages","computed","updatePage","currentPage","next","prev","shouldShowPage","page","pageDiff","shouldShowFirstEllipsis","shouldShowLastEllipsis"],"mappings":";;;;;;;;;;;;;;;;AAwBE,UAAMA,IAAQC,GAMRC,IAAOC,GAOPC,IAAUC,KAEVC,IAAQC,EAAS,MAAM,KAAK,KAAKP,EAAM,aAAaA,EAAM,QAAQ,CAAC;AAKzE,aAASQ,EAAWC,GAAqB;AACvC,MAAAP,EAAK,YAAYO,CAAW;AAAA,IAC9B;AAKA,aAASC,IAAO;AACV,MAAAV,EAAM,cAAcM,EAAM,SACjBE,EAAAR,EAAM,cAAc,CAAC;AAAA,IAEpC;AAKA,aAASW,IAAO;AACV,MAAAX,EAAM,cAAc,KACXQ,EAAAR,EAAM,cAAc,CAAC;AAAA,IAEpC;AAMA,aAASY,EAAeC,GAAuB;AAC7C,YAAMC,IAAW,KAAK,IAAId,EAAM,cAAca,CAAI;AAGhD,aAAAP,EAAM,QAAQ,MACdO,MAAS,KACTA,MAASP,EAAM,SACdN,EAAM,cAAc,KAAKa,IAAO,KAChCP,EAAM,QAAQN,EAAM,cAAc,KAAKM,EAAM,QAAQO,IAAO,KAC7DC,IAAW;AAAA,IAMf;AAMA,aAASC,EAAwBF,GAAuB;AACtD,aAAOP,EAAM,QAAQ,KAAKN,EAAM,cAAc,KAAKa,MAAS;AAAA,IAC9D;AAMA,aAASG,EAAuBH,GAAuB;AAC9C,aAAAP,EAAM,QAAQ,KAAKA,EAAM,QAAQN,EAAM,cAAc,KAAKa,MAASP,EAAM,QAAQ;AAAA,IAC1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Paginate.vue.d.ts

@@ -27,21 +27,21 @@ declare type __VLS_WithDefaults<P, D> = {
 };
 
 declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PaginateProps>, {
-    currentPage: number;
-    listLength: number;
-    pageSize: number;
+currentPage: number;
+listLength: number;
+pageSize: number;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "set-page": (pageNumber: number) => void;
+"set-page": (pageNumber: number) => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PaginateProps>, {
-    currentPage: number;
-    listLength: number;
-    pageSize: number;
+currentPage: number;
+listLength: number;
+pageSize: number;
 }>>> & Readonly<{
-    "onSet-page"?: ((pageNumber: number) => any) | undefined;
+"onSet-page"?: ((pageNumber: number) => any) | undefined;
 }>, {
-    currentPage: number;
-    listLength: number;
-    pageSize: number;
+currentPage: number;
+listLength: number;
+pageSize: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
 

package/dist/PlaidLink.js

@@ -1,8 +1,7 @@
 import { defineComponent as y, computed as h, ref as c, openBlock as E, createElementBlock as w, renderSlot as x } from "vue";
 import s from "@leaflink/snitch";
 import P from "./usePlaidLink.js";
-import "./useScriptTag.js";
-const K = /* @__PURE__ */ y({
+const L = /* @__PURE__ */ y({
   __name: "PlaidLink",
   props: {
     initScriptUrl: { default: "https://cdn.plaid.com/link/v2/stable/link-initialize.js" },
@@ -41,8 +40,7 @@ const K = /* @__PURE__ */ y({
               extra: { error: e }
             }), n("error", o);
           }
-        else
-          t.token && (a.value.token = t.token);
+        else t.token && (a.value.token = t.token);
         if (!a.value.token) {
           const e = new Error("Plaid: link token not found");
           s.error(e, { tags: { plaid: !0 } }), n("error", e), r.value = !1;
@@ -65,6 +63,6 @@ const K = /* @__PURE__ */ y({
   }
 });
 export {
-  K as default
+  L as default
 };
 //# sourceMappingURL=PlaidLink.js.map

package/dist/PlaidLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlaidLink.js","sources":["../src/components/PlaidLink/PlaidLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import { computed, ref } from 'vue';\n\n  import { LinkTokenResponse, Plaid } from '../../../types/plaid';\n  import usePlaidLink from '../../composables/usePlaidLink/usePlaidLink';\n\n  export interface PlaidLinkProps {\n    /**\n     * @deprecated Plaid does not support other URLs for loading its SDK\n     * Plaid initialization script url to be used\n     */\n    initScriptUrl?: string;\n\n    /**\n     * Key to be used in session storage for OAuth flow\n     */\n    storageKey?: string;\n\n    /**\n     * Url to be used to redirect the user from the OAuth flow\n     */\n    returnTo?: string;\n\n    /**\n     * Plaid link token\n     */\n    token?: string;\n\n    /**\n     * Plaid environment to connect\n     */\n    env?: Plaid.Environment;\n\n    /**\n     * Function that returns a link token object to be used with Plaid.\n     * `link_token` takes precedence over `token` if informed.\n     */\n    createToken?: () => Promise<LinkTokenResponse>;\n  }\n\n  const props = withDefaults(defineProps<PlaidLinkProps>(), {\n    initScriptUrl: 'https://cdn.plaid.com/link/v2/stable/link-initialize.js',\n    storageKey: undefined,\n    returnTo: window.location.href,\n    env: 'sandbox',\n    token: undefined,\n    createToken: undefined,\n  });\n\n  const internalStorageKey = computed(() => {\n    if (props.storageKey) {\n      return props.storageKey;\n    }\n\n    // returns up to the last 3 parts of the host. e.g. for `subdomain.my.domain.com` it will return `my.domain.com`\n    const host = window.location.host.split('.').splice(-3).join('.');\n\n    return `${host}-plaid`;\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Emitted whenever the exit event contains errors\n     */\n    (e: 'error', error: Plaid.Error | null | Error, metadata?: Plaid.OnExitMetaData): void;\n    /**\n     * Emitted whenever the user successfully links an item\n     */\n    (e: 'success', public_token: string, metadata: Plaid.OnSuccessMetaData): void;\n    /**\n     * Emitted whenever the user exits the Link flow\n     */\n    (e: 'exit', metadata: Plaid.OnExitMetaData): void;\n    /**\n     * Emitted when the Link is ready to be opened\n     */\n    (e: 'load'): void;\n    /**\n     * Emitted at specific points during the Link flow\n     */\n    (e: 'event', eventName: Plaid.EventName, metadata: Plaid.OnEventMetaData): void;\n  }>();\n\n  const isPlaidModalOpen = ref(false);\n\n  const onExit: Plaid.OnExit = (error: Plaid.Error | null, metadata: Plaid.OnExitMetaData) => {\n    isPlaidModalOpen.value = false;\n\n    if (error) {\n      logger.error(new Error('Plaid: Error trying to link an account'), {\n        tags: { plaid: true },\n        extra: { PlaidError: error },\n      });\n      emit('error', error, metadata);\n    }\n\n    sessionStorage.removeItem(internalStorageKey.value);\n\n    emit('exit', metadata);\n  };\n\n  const onSuccess: Plaid.OnSuccess = (public_token: string, metadata: Plaid.OnSuccessMetaData) => {\n    isPlaidModalOpen.value = false;\n\n    sessionStorage.removeItem(internalStorageKey.value);\n\n    emit('success', public_token, metadata);\n  };\n\n  const onLoad: Plaid.OnLoad = (...args) => emit('load', ...args);\n\n  const onEvent: Plaid.OnEvent = (...args) => emit('event', ...args);\n\n  const plaidLinkOptions = ref<Plaid.CreateConfig>({\n    env: props.env,\n    onSuccess,\n    onEvent,\n    onLoad,\n    onExit,\n  });\n\n  const { open: openPlaidLink } = usePlaidLink(plaidLinkOptions);\n\n  async function handleClick() {\n    if (isPlaidModalOpen.value === true) {\n      return;\n    }\n\n    isPlaidModalOpen.value = true;\n\n    if (typeof props.createToken === 'function') {\n      try {\n        const { link_token } = await props.createToken();\n\n        plaidLinkOptions.value.token = link_token;\n      } catch (err) {\n        const error = new Error('Plaid: Error trying to invoke createToken');\n\n        logger.error(error, {\n          tags: { plaid: true },\n          extra: { error: err },\n        });\n\n        emit('error', error);\n      }\n    } else if (props.token) {\n      plaidLinkOptions.value.token = props.token;\n    }\n\n    if (!plaidLinkOptions.value.token) {\n      const error = new Error('Plaid: link token not found');\n\n      logger.error(error, { tags: { plaid: true } });\n      emit('error', error);\n\n      isPlaidModalOpen.value = false;\n\n      return;\n    }\n\n    sessionStorage.setItem(\n      internalStorageKey.value,\n      JSON.stringify({ token: plaidLinkOptions.value.token, returnTo: props.returnTo, env: props.env }),\n    );\n\n    openPlaidLink();\n  }\n\n  defineExpose({\n    handleClick,\n  });\n</script>\n\n<template>\n  <span data-test=\"stash-plaid-link\" @click=\"handleClick\">\n    <!-- @slot Default slot to trigger Plaid's modal -->\n    <slot :open=\"isPlaidModalOpen\"></slot>\n  </span>\n</template>\n"],"names":["props","__props","internalStorageKey","computed","emit","__emit","isPlaidModalOpen","ref","onExit","error","metadata","logger","onSuccess","public_token","onLoad","args","onEvent","plaidLinkOptions","openPlaidLink","usePlaidLink","handleClick","link_token","err","__expose"],"mappings":";;;;;;;;;;;;;;;;AAyCE,UAAMA,IAAQC,GASRC,IAAqBC,EAAS,MAC9BH,EAAM,aACDA,EAAM,aAMR,GAFM,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,OAAO,EAAE,EAAE,KAAK,GAAG,SAGjE,GAEKI,IAAOC,GAuBPC,IAAmBC,EAAI,EAAK,GAE5BC,IAAuB,CAACC,GAA2BC,MAAmC;AAC1F,MAAAJ,EAAiB,QAAQ,IAErBG,MACFE,EAAO,MAAM,IAAI,MAAM,wCAAwC,GAAG;AAAA,QAChE,MAAM,EAAE,OAAO,GAAK;AAAA,QACpB,OAAO,EAAE,YAAYF,EAAM;AAAA,MAAA,CAC5B,GACIL,EAAA,SAASK,GAAOC,CAAQ,IAGhB,eAAA,WAAWR,EAAmB,KAAK,GAElDE,EAAK,QAAQM,CAAQ;AAAA,IAAA,GAGjBE,IAA6B,CAACC,GAAsBH,MAAsC;AAC9F,MAAAJ,EAAiB,QAAQ,IAEV,eAAA,WAAWJ,EAAmB,KAAK,GAE7CE,EAAA,WAAWS,GAAcH,CAAQ;AAAA,IAAA,GAGlCI,IAAuB,IAAIC,MAASX,EAAK,QAAQ,GAAGW,CAAI,GAExDC,IAAyB,IAAID,MAASX,EAAK,SAAS,GAAGW,CAAI,GAE3DE,IAAmBV,EAAwB;AAAA,MAC/C,KAAKP,EAAM;AAAA,MACX,WAAAY;AAAA,MACA,SAAAI;AAAA,MACA,QAAAF;AAAA,MACA,QAAAN;AAAA,IAAA,CACD,GAEK,EAAE,MAAMU,EAAc,IAAIC,EAAaF,CAAgB;AAE7D,mBAAeG,IAAc;AACvB,UAAAd,EAAiB,UAAU,IAM3B;AAAA,YAFJA,EAAiB,QAAQ,IAErB,OAAON,EAAM,eAAgB;AAC3B,cAAA;AACF,kBAAM,EAAE,YAAAqB,EAAe,IAAA,MAAMrB,EAAM,YAAY;AAE/C,YAAAiB,EAAiB,MAAM,QAAQI;AAAA,mBACxBC;AACD,kBAAAb,IAAQ,IAAI,MAAM,2CAA2C;AAEnE,YAAAE,EAAO,MAAMF,GAAO;AAAA,cAClB,MAAM,EAAE,OAAO,GAAK;AAAA,cACpB,OAAO,EAAE,OAAOa,EAAI;AAAA,YAAA,CACrB,GAEDlB,EAAK,SAASK,CAAK;AAAA,UACrB;AAAA;AACF,UAAWT,EAAM,UACEiB,EAAA,MAAM,QAAQjB,EAAM;AAGnC,YAAA,CAACiB,EAAiB,MAAM,OAAO;AAC3B,gBAAAR,IAAQ,IAAI,MAAM,6BAA6B;AAE9C,UAAAE,EAAA,MAAMF,GAAO,EAAE,MAAM,EAAE,OAAO,MAAQ,GAC7CL,EAAK,SAASK,CAAK,GAEnBH,EAAiB,QAAQ;AAEzB;AAAA;AAGa,uBAAA;AAAA,UACbJ,EAAmB;AAAA,UACnB,KAAK,UAAU,EAAE,OAAOe,EAAiB,MAAM,OAAO,UAAUjB,EAAM,UAAU,KAAKA,EAAM,KAAK;AAAA,QAAA,GAGpFkB;;IAChB;AAEa,WAAAK,EAAA;AAAA,MACX,aAAAH;AAAA,IAAA,CACD;;;;;;;;"}
+{"version":3,"file":"PlaidLink.js","sources":["../src/components/PlaidLink/PlaidLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import { computed, ref } from 'vue';\n\n  import { LinkTokenResponse, Plaid } from '../../../types/plaid';\n  import usePlaidLink from '../../composables/usePlaidLink/usePlaidLink';\n\n  export interface PlaidLinkProps {\n    /**\n     * @deprecated Plaid does not support other URLs for loading its SDK\n     * Plaid initialization script url to be used\n     */\n    initScriptUrl?: string;\n\n    /**\n     * Key to be used in session storage for OAuth flow\n     */\n    storageKey?: string;\n\n    /**\n     * Url to be used to redirect the user from the OAuth flow\n     */\n    returnTo?: string;\n\n    /**\n     * Plaid link token\n     */\n    token?: string;\n\n    /**\n     * Plaid environment to connect\n     */\n    env?: Plaid.Environment;\n\n    /**\n     * Function that returns a link token object to be used with Plaid.\n     * `link_token` takes precedence over `token` if informed.\n     */\n    createToken?: () => Promise<LinkTokenResponse>;\n  }\n\n  const props = withDefaults(defineProps<PlaidLinkProps>(), {\n    initScriptUrl: 'https://cdn.plaid.com/link/v2/stable/link-initialize.js',\n    storageKey: undefined,\n    returnTo: window.location.href,\n    env: 'sandbox',\n    token: undefined,\n    createToken: undefined,\n  });\n\n  const internalStorageKey = computed(() => {\n    if (props.storageKey) {\n      return props.storageKey;\n    }\n\n    // returns up to the last 3 parts of the host. e.g. for `subdomain.my.domain.com` it will return `my.domain.com`\n    const host = window.location.host.split('.').splice(-3).join('.');\n\n    return `${host}-plaid`;\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Emitted whenever the exit event contains errors\n     */\n    (e: 'error', error: Plaid.Error | null | Error, metadata?: Plaid.OnExitMetaData): void;\n    /**\n     * Emitted whenever the user successfully links an item\n     */\n    (e: 'success', public_token: string, metadata: Plaid.OnSuccessMetaData): void;\n    /**\n     * Emitted whenever the user exits the Link flow\n     */\n    (e: 'exit', metadata: Plaid.OnExitMetaData): void;\n    /**\n     * Emitted when the Link is ready to be opened\n     */\n    (e: 'load'): void;\n    /**\n     * Emitted at specific points during the Link flow\n     */\n    (e: 'event', eventName: Plaid.EventName, metadata: Plaid.OnEventMetaData): void;\n  }>();\n\n  const isPlaidModalOpen = ref(false);\n\n  const onExit: Plaid.OnExit = (error: Plaid.Error | null, metadata: Plaid.OnExitMetaData) => {\n    isPlaidModalOpen.value = false;\n\n    if (error) {\n      logger.error(new Error('Plaid: Error trying to link an account'), {\n        tags: { plaid: true },\n        extra: { PlaidError: error },\n      });\n      emit('error', error, metadata);\n    }\n\n    sessionStorage.removeItem(internalStorageKey.value);\n\n    emit('exit', metadata);\n  };\n\n  const onSuccess: Plaid.OnSuccess = (public_token: string, metadata: Plaid.OnSuccessMetaData) => {\n    isPlaidModalOpen.value = false;\n\n    sessionStorage.removeItem(internalStorageKey.value);\n\n    emit('success', public_token, metadata);\n  };\n\n  const onLoad: Plaid.OnLoad = (...args) => emit('load', ...args);\n\n  const onEvent: Plaid.OnEvent = (...args) => emit('event', ...args);\n\n  const plaidLinkOptions = ref<Plaid.CreateConfig>({\n    env: props.env,\n    onSuccess,\n    onEvent,\n    onLoad,\n    onExit,\n  });\n\n  const { open: openPlaidLink } = usePlaidLink(plaidLinkOptions);\n\n  async function handleClick() {\n    if (isPlaidModalOpen.value === true) {\n      return;\n    }\n\n    isPlaidModalOpen.value = true;\n\n    if (typeof props.createToken === 'function') {\n      try {\n        const { link_token } = await props.createToken();\n\n        plaidLinkOptions.value.token = link_token;\n      } catch (err) {\n        const error = new Error('Plaid: Error trying to invoke createToken');\n\n        logger.error(error, {\n          tags: { plaid: true },\n          extra: { error: err },\n        });\n\n        emit('error', error);\n      }\n    } else if (props.token) {\n      plaidLinkOptions.value.token = props.token;\n    }\n\n    if (!plaidLinkOptions.value.token) {\n      const error = new Error('Plaid: link token not found');\n\n      logger.error(error, { tags: { plaid: true } });\n      emit('error', error);\n\n      isPlaidModalOpen.value = false;\n\n      return;\n    }\n\n    sessionStorage.setItem(\n      internalStorageKey.value,\n      JSON.stringify({ token: plaidLinkOptions.value.token, returnTo: props.returnTo, env: props.env }),\n    );\n\n    openPlaidLink();\n  }\n\n  defineExpose({\n    handleClick,\n  });\n</script>\n\n<template>\n  <span data-test=\"stash-plaid-link\" @click=\"handleClick\">\n    <!-- @slot Default slot to trigger Plaid's modal -->\n    <slot :open=\"isPlaidModalOpen\"></slot>\n  </span>\n</template>\n"],"names":["props","__props","internalStorageKey","computed","emit","__emit","isPlaidModalOpen","ref","onExit","error","metadata","logger","onSuccess","public_token","onLoad","args","onEvent","plaidLinkOptions","openPlaidLink","usePlaidLink","handleClick","link_token","err","__expose"],"mappings":";;;;;;;;;;;;;;;AAyCE,UAAMA,IAAQC,GASRC,IAAqBC,EAAS,MAC9BH,EAAM,aACDA,EAAM,aAMR,GAFM,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,OAAO,EAAE,EAAE,KAAK,GAAG,CAElD,QACf,GAEKI,IAAOC,GAuBPC,IAAmBC,EAAI,EAAK,GAE5BC,IAAuB,CAACC,GAA2BC,MAAmC;AAC1F,MAAAJ,EAAiB,QAAQ,IAErBG,MACFE,EAAO,MAAM,IAAI,MAAM,wCAAwC,GAAG;AAAA,QAChE,MAAM,EAAE,OAAO,GAAK;AAAA,QACpB,OAAO,EAAE,YAAYF,EAAM;AAAA,MAAA,CAC5B,GACIL,EAAA,SAASK,GAAOC,CAAQ,IAGhB,eAAA,WAAWR,EAAmB,KAAK,GAElDE,EAAK,QAAQM,CAAQ;AAAA,IAAA,GAGjBE,IAA6B,CAACC,GAAsBH,MAAsC;AAC9F,MAAAJ,EAAiB,QAAQ,IAEV,eAAA,WAAWJ,EAAmB,KAAK,GAE7CE,EAAA,WAAWS,GAAcH,CAAQ;AAAA,IAAA,GAGlCI,IAAuB,IAAIC,MAASX,EAAK,QAAQ,GAAGW,CAAI,GAExDC,IAAyB,IAAID,MAASX,EAAK,SAAS,GAAGW,CAAI,GAE3DE,IAAmBV,EAAwB;AAAA,MAC/C,KAAKP,EAAM;AAAA,MACX,WAAAY;AAAA,MACA,SAAAI;AAAA,MACA,QAAAF;AAAA,MACA,QAAAN;AAAA,IAAA,CACD,GAEK,EAAE,MAAMU,EAAc,IAAIC,EAAaF,CAAgB;AAE7D,mBAAeG,IAAc;AACvB,UAAAd,EAAiB,UAAU,IAM3B;AAAA,YAFJA,EAAiB,QAAQ,IAErB,OAAON,EAAM,eAAgB;AAC3B,cAAA;AACF,kBAAM,EAAE,YAAAqB,EAAe,IAAA,MAAMrB,EAAM,YAAY;AAE/C,YAAAiB,EAAiB,MAAM,QAAQI;AAAA,mBACxBC,GAAK;AACN,kBAAAb,IAAQ,IAAI,MAAM,2CAA2C;AAEnE,YAAAE,EAAO,MAAMF,GAAO;AAAA,cAClB,MAAM,EAAE,OAAO,GAAK;AAAA,cACpB,OAAO,EAAE,OAAOa,EAAI;AAAA,YAAA,CACrB,GAEDlB,EAAK,SAASK,CAAK;AAAA,UACrB;AAAA,YACF,CAAWT,EAAM,UACEiB,EAAA,MAAM,QAAQjB,EAAM;AAGnC,YAAA,CAACiB,EAAiB,MAAM,OAAO;AAC3B,gBAAAR,IAAQ,IAAI,MAAM,6BAA6B;AAE9C,UAAAE,EAAA,MAAMF,GAAO,EAAE,MAAM,EAAE,OAAO,MAAQ,GAC7CL,EAAK,SAASK,CAAK,GAEnBH,EAAiB,QAAQ;AAEzB;AAAA,QACF;AAEe,uBAAA;AAAA,UACbJ,EAAmB;AAAA,UACnB,KAAK,UAAU,EAAE,OAAOe,EAAiB,MAAM,OAAO,UAAUjB,EAAM,UAAU,KAAKA,EAAM,KAAK;AAAA,QAAA,GAGpFkB;;IAChB;AAEa,WAAAK,EAAA;AAAA,MACX,aAAAH;AAAA,IAAA,CACD;;;;;;;;"}