@leaflink/stash 48.19.0 → 48.20.1

package/dist/Dialog.js

@@ -7,7 +7,7 @@ import D from "./Button.js";
 import R from "./Icon.js";
 import { _ as U } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-4dabc2a9.js";
 import "./index-9e1095ef.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 const W = ["open", "aria-labelledby", "data-test"], X = ["id"], tt = {

package/dist/FileUpload.js

@@ -6,7 +6,7 @@ import F from "./Button.js";
 import ie from "./Icon.js";
 import { _ as ae } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-4dabc2a9.js";
 import "lodash-es/uniqueId";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 const M = {

package/dist/FilterDropdown.js

@@ -11,8 +11,10 @@ import { D as G } from "./DataViewFilters.keys-c80ffabe.js";
 import $ from "./Dropdown.js";
 import q from "./FilterChip.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
+import "./Icon.js";
+import "./index-9e1095ef.js";
 import "./_plugin-vue_export-helper-dad06003.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-4dabc2a9.js";
 import "./constants.js";
 import "./clickoutside.js";
 import "./utils/calculateElementOverflow.js";
@@ -20,8 +22,6 @@ import "./utils/helpers.js";
 import "lodash-es/camelCase";
 import "lodash-es/isFinite";
 import "lodash-es/isPlainObject";
-import "./Icon.js";
-import "./index-9e1095ef.js";
 import "./Chip.js";
 import "./utils/colorScheme.js";
 const H = { class: "tw-flex tw-h-full tw-flex-col tw-rounded" }, K = { class: "tw-relative tw-grow tw-overflow-hidden tw-rounded-t" }, M = {

package/dist/Filters.js

@@ -23,19 +23,18 @@ import "./utils/helpers.js";
 import "lodash-es/camelCase";
 import "lodash-es/isFinite";
 import "lodash-es/isPlainObject";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
+import "./Icon.js";
 import "lodash-es/uniqueId";
+import "./index-9e1095ef.js";
+import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-4dabc2a9.js";
 import "./Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js";
 import "./utils/createValidDate.js";
-import "./index-5e5945a9.js";
-import "./index-fe8d3765.js";
-import "./utils/formatDateTime.js";
+import "./parseISO-ed4094c1.js";
+import "./isValid-4b2b7a54.js";
+import "./formatDateTime-a5e70901.js";
 import "./utils/normalizeDate.js";
-import "./toTimeZone-e6e9ab75.js";
-import "./_commonjsHelpers-10dfc225.js";
-import "./Icon.js";
-import "./index-9e1095ef.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
+import "./toTimeZone-a2ed6470.js";
 import "lodash-es/isNil";
 import "./utils/i18n.js";
 import "./Field.vue_vue_type_script_setup_true_lang-e1e4ff03.js";
@@ -43,7 +42,8 @@ import "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
 import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
 import "./useSearch.js";
-import "./searchFuzzy-74a7de1c.js";
+import "./searchFuzzy-9b74ec4e.js";
+import "./_commonjsHelpers-10dfc225.js";
 import "./clickoutside.js";
 import "./MenusPlugin-9288029a.js";
 import "./Chip.js";

package/dist/Filters.vue.d.ts

@@ -117,6 +117,10 @@ declare const _default: DefineComponent<any, {
                 type: PropType<"blue" | "red">;
                 default: undefined;
             };
+            isLoading: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
             to: {
                 type: PropType<string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric>;
@@ -150,6 +154,10 @@ declare const _default: DefineComponent<any, {
                 type: PropType<"blue" | "red">;
                 default: undefined;
             };
+            isLoading: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {
             to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
             icon: boolean;
@@ -159,6 +167,7 @@ declare const _default: DefineComponent<any, {
             tertiary: boolean;
             inline: boolean;
             color: "blue" | "red";
+            isLoading: boolean;
         }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
             P: {};
             B: {};
@@ -199,6 +208,10 @@ declare const _default: DefineComponent<any, {
                 type: PropType<"blue" | "red">;
                 default: undefined;
             };
+            isLoading: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
             icon: boolean;
@@ -208,6 +221,7 @@ declare const _default: DefineComponent<any, {
             tertiary: boolean;
             inline: boolean;
             color: "blue" | "red";
+            isLoading: boolean;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -245,6 +259,10 @@ declare const _default: DefineComponent<any, {
             type: PropType<"blue" | "red">;
             default: undefined;
         };
+        isLoading: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
         to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
         icon: boolean;
@@ -254,6 +272,7 @@ declare const _default: DefineComponent<any, {
         tertiary: boolean;
         inline: boolean;
         color: "blue" | "red";
+        isLoading: boolean;
     }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;

package/dist/HttpError.js

@@ -1,13 +1,15 @@
-import { defineComponent as B, useCssModule as b, useSlots as z, computed as i, resolveComponent as S, openBlock as _, createElementBlock as m, normalizeClass as n, unref as s, createElementVNode as o, createVNode as p, withCtx as h, toDisplayString as a, createTextVNode as c, renderSlot as V, createCommentVNode as X } from "vue";
+import { defineComponent as B, useCssModule as b, useSlots as z, computed as s, resolveComponent as S, openBlock as m, createElementBlock as _, normalizeClass as n, unref as i, createElementVNode as o, createVNode as p, withCtx as h, toDisplayString as a, createTextVNode as c, renderSlot as V, createCommentVNode as X } from "vue";
 import { t } from "./locale.js";
 import I from "./Button.js";
 import { _ as N, I as $, V as M } from "./Illustration.vue_vue_type_script_setup_true_lang-e26c3841.js";
 import { _ as T } from "./Logo.vue_vue_type_script_setup_true_lang-2a2597cb.js";
 import { _ as D } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
+import "./Icon.js";
 import "lodash-es/uniqueId";
 import "./index-9e1095ef.js";
+import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-4dabc2a9.js";
 import "@leaflink/snitch";
 const H = { class: "heading-jumbo tw-m-0 tw-mb-3 !tw-text-white" }, j = { class: "tw-mb-8 tw-text-white" }, F = { class: "tw-mb-4 tw-text-white" }, R = ["href"], Y = {
   key: 0,
@@ -56,15 +58,15 @@ const H = { class: "heading-jumbo tw-m-0 tw-mb-3 !tw-text-white" }, j = { class:
         title: t("ll.httpError.504.title"),
         description: t("ll.httpError.504.description")
       }
-    }, r = f, l = b(), w = z(), E = i(() => r.errorCode.toString()), g = i(() => parseInt(E.value, 10)), u = i(() => d[g.value] || d[500]), v = i(() => r.title || u.value.title), y = i(() => r.description || u.value.description), k = i(() => !r.hideLogoutButton && r.onLogout), C = i(() => r.retryLink || window.location.href);
+    }, r = f, l = b(), w = z(), E = s(() => r.errorCode.toString()), g = s(() => parseInt(E.value, 10)), u = s(() => d[g.value] || d[500]), v = s(() => r.title || u.value.title), y = s(() => r.description || u.value.description), k = s(() => !r.hideLogoutButton && r.onLogout), C = s(() => r.retryLink || window.location.href);
     return (x, e) => {
       const L = S("router-link");
-      return _(), m("div", {
-        class: n(["stash-http-error tw-px-6 tw-py-12", s(l).root]),
+      return m(), _("div", {
+        class: n(["stash-http-error tw-px-6 tw-py-12", i(l).root]),
         "data-test": "stash-http-error"
       }, [
         o("div", {
-          class: n(s(l).wrapper)
+          class: n(i(l).wrapper)
         }, [
           p(L, {
             to: "/",
@@ -79,10 +81,10 @@ const H = { class: "heading-jumbo tw-m-0 tw-mb-3 !tw-text-white" }, j = { class:
             _: 1
           }),
           o("div", {
-            class: n(["tw-mb-8 tw-gap-6", s(l).content])
+            class: n(["tw-mb-8 tw-gap-6", i(l).content])
           }, [
             o("div", {
-              class: n(["tw-order-2 lg:tw-order-1", s(l).content__text])
+              class: n(["tw-order-2 lg:tw-order-1", i(l).content__text])
             }, [
               o("h1", H, a(v.value), 1),
               o("h2", j, "Error Code: " + a(r.errorCode), 1),
@@ -101,16 +103,16 @@ const H = { class: "heading-jumbo tw-m-0 tw-mb-3 !tw-text-white" }, j = { class:
               ])
             ], 2),
             o("div", {
-              class: n(["tw-order-1 lg:tw-order-2", s(l).illustration])
+              class: n(["tw-order-1 lg:tw-order-2", i(l).illustration])
             }, [
               p(N, {
                 size: 300,
-                type: s($).Vignette,
-                name: s(M).SearchStorefront
+                type: i($).Vignette,
+                name: i(M).SearchStorefront
               }, null, 8, ["type", "name"])
             ], 2)
           ], 2),
-          s(w).actions || k.value ? (_(), m("div", Y, [
+          i(w).actions || k.value ? (m(), _("div", Y, [
             V(x.$slots, "actions", {}, () => [
               p(I, {
                 tertiary: "",
@@ -135,8 +137,8 @@ const H = { class: "heading-jumbo tw-m-0 tw-mb-3 !tw-text-white" }, j = { class:
   content__text: O
 }, Q = {
   $style: P
-}, pt = /* @__PURE__ */ D(q, [["__cssModules", Q]]);
+}, at = /* @__PURE__ */ D(q, [["__cssModules", Q]]);
 export {
-  pt as default
+  at as default
 };
 //# sourceMappingURL=HttpError.js.map

package/dist/HttpError.js.map

@@ -1 +1 @@
-{"version":3,"file":"HttpError.js","sources":["../src/components/HttpError/HttpError.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useCssModule, useSlots } from 'vue';\n\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import { IllustrationType, VignetteName } from '../Illustration/Illustration.models';\n  import Illustration from '../Illustration/Illustration.vue';\n  import Logo from '../Logo/Logo.vue';\n\n  type ErrorCodes = 401 | 403 | 404 | 405 | 500 | 502 | 503 | 504;\n  const errors: Record<ErrorCodes, { title: string; description: string }> = {\n    401: {\n      title: t('ll.httpError.401.title'),\n      description: t('ll.httpError.401.description'),\n    },\n    403: {\n      title: t('ll.httpError.403.title'),\n      description: t('ll.httpError.403.description'),\n    },\n    404: {\n      title: t('ll.httpError.404.title'),\n      description: t('ll.httpError.404.description'),\n    },\n    405: {\n      title: t('ll.httpError.405.title'),\n      description: t('ll.httpError.405.description'),\n    },\n    500: {\n      title: t('ll.httpError.50X.title'),\n      description: t('ll.httpError.50X.description'),\n    },\n    502: {\n      title: t('ll.httpError.50X.title'),\n      description: t('ll.httpError.50X.description'),\n    },\n    503: {\n      title: t('ll.httpError.50X.title'),\n      description: t('ll.httpError.50X.description'),\n    },\n    504: {\n      title: t('ll.httpError.504.title'),\n      description: t('ll.httpError.504.description'),\n    },\n  };\n\n  export interface HttpErrorProps {\n    /**\n     * A description of what possibly happened.\n     */\n    description?: string;\n\n    /**\n     * The error code.\n     */\n    errorCode: keyof typeof errors | `${keyof typeof errors}`;\n\n    /**\n     * By default, the logout button is visible unless content is provided to the `actions` slot or\n     * this prop is `true`.\n     */\n    hideLogoutButton?: boolean;\n\n    /**\n     * A callback that will be called when the user clicks the logout button. If not provided,\n     * a `logout` event will be emitted.\n     */\n    onLogout?: () => void;\n\n    /**\n     * A link to redirect the user to see if a hard refresh fixes the issue.\n     */\n    retryLink?: string;\n\n    /**\n     * The error title.\n     */\n    title?: string;\n  }\n\n  const props = withDefaults(defineProps<HttpErrorProps>(), {\n    description: '',\n    errorCode: '404',\n    onLogout: undefined,\n    hideLogoutButton: false,\n    retryLink: undefined,\n    title: '',\n  });\n\n  const classes = useCssModule();\n  const slots = useSlots();\n\n  const errorCodeStr = computed(() => props.errorCode.toString());\n  const errorCodeInt = computed(() => parseInt(errorCodeStr.value, 10));\n  const defaultInfoByErrorCode = computed(() => errors[errorCodeInt.value] || errors['500']);\n  const errorTitle = computed(() => props.title || defaultInfoByErrorCode.value.title);\n  const errorDescription = computed(() => props.description || defaultInfoByErrorCode.value.description);\n\n  const showLogoutButton = computed(() => !props.hideLogoutButton && props.onLogout);\n  const computedRetryLink = computed(() => props.retryLink || window.location.href);\n</script>\n\n<template>\n  <div class=\"stash-http-error tw-px-6 tw-py-12\" :class=\"classes.root\" data-test=\"stash-http-error\">\n    <div :class=\"classes.wrapper\">\n      <router-link to=\"/\" class=\"tw-mb-8 tw-block\">\n        <Logo color=\"white\" width=\"192\" />\n      </router-link>\n\n      <div class=\"tw-mb-8 tw-gap-6\" :class=\"classes.content\">\n        <div class=\"tw-order-2 lg:tw-order-1\" :class=\"classes.content__text\">\n          <h1 class=\"heading-jumbo tw-m-0 tw-mb-3 !tw-text-white\">\n            {{ errorTitle }}\n          </h1>\n          <h2 class=\"tw-mb-8 tw-text-white\">Error Code: {{ props.errorCode }}</h2>\n          <p class=\"tw-mb-4 tw-text-white\">\n            {{ errorDescription }} You can <a :href=\"computedRetryLink\" class=\"link\">try again</a> or reach out to\n            <a href=\"mailto:support@leaflink.com\" class=\"link\">support@leaflink.com</a> for assistance.\n          </p>\n        </div>\n        <div class=\"tw-order-1 lg:tw-order-2\" :class=\"classes.illustration\">\n          <Illustration :size=\"300\" :type=\"IllustrationType.Vignette\" :name=\"VignetteName.SearchStorefront\" />\n        </div>\n      </div>\n\n      <div v-if=\"slots.actions || showLogoutButton\" class=\"tw-flex tw-items-start tw-gap-6\">\n        <slot name=\"actions\">\n          <Button tertiary @click=\"props.onLogout\">Logout</Button>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n  .root {\n    background-color: var(--color-purple-500);\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    align-items: center;\n    max-width: 100vw;\n  }\n\n  .wrapper {\n    max-width: 100%;\n    width: 56rem;\n  }\n\n  .content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .illustration {\n    /* width and height similar to figma. */\n    width: 300px;\n    height: 193px;\n  }\n\n  @media screen and (width < 1024px) {\n    .content {\n      flex-wrap: wrap;\n      gap: 0;\n    }\n\n    .illustration {\n      margin-bottom: 30px;\n    }\n  }\n\n  @media screen and (width >= 1024px) {\n    .content__text {\n      max-width: 50vw;\n    }\n  }\n\n  .illustration svg {\n    /*\n     * We cannot use the same sizes from figma because the illustration would be smaller\n     * and it would break alignment. The specified height in figma is 193px but the\n     * illustration is 300px, so, (300 - 193) / 2 ~= 53, which keeps it aligned.\n     */\n    margin-top: -53px;\n  }\n</style>\n"],"names":["errors","props","__props","classes","useCssModule","slots","useSlots","errorCodeStr","computed","errorCodeInt","defaultInfoByErrorCode","errorTitle","errorDescription","showLogoutButton","computedRetryLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUE,UAAMA,IAAqE;AAAA,MACzE,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,IAAA,GAqCIC,IAAQC,GASRC,IAAUC,KACVC,IAAQC,KAERC,IAAeC,EAAS,MAAMP,EAAM,UAAU,UAAU,GACxDQ,IAAeD,EAAS,MAAM,SAASD,EAAa,OAAO,EAAE,CAAC,GAC9DG,IAAyBF,EAAS,MAAMR,EAAOS,EAAa,KAAK,KAAKT,EAAO,GAAK,CAAC,GACnFW,IAAaH,EAAS,MAAMP,EAAM,SAASS,EAAuB,MAAM,KAAK,GAC7EE,IAAmBJ,EAAS,MAAMP,EAAM,eAAeS,EAAuB,MAAM,WAAW,GAE/FG,IAAmBL,EAAS,MAAM,CAACP,EAAM,oBAAoBA,EAAM,QAAQ,GAC3Ea,IAAoBN,EAAS,MAAMP,EAAM,aAAa,OAAO,SAAS,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HttpError.js","sources":["../src/components/HttpError/HttpError.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useCssModule, useSlots } from 'vue';\n\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import { IllustrationType, VignetteName } from '../Illustration/Illustration.models';\n  import Illustration from '../Illustration/Illustration.vue';\n  import Logo from '../Logo/Logo.vue';\n\n  type ErrorCodes = 401 | 403 | 404 | 405 | 500 | 502 | 503 | 504;\n  const errors: Record<ErrorCodes, { title: string; description: string }> = {\n    401: {\n      title: t('ll.httpError.401.title'),\n      description: t('ll.httpError.401.description'),\n    },\n    403: {\n      title: t('ll.httpError.403.title'),\n      description: t('ll.httpError.403.description'),\n    },\n    404: {\n      title: t('ll.httpError.404.title'),\n      description: t('ll.httpError.404.description'),\n    },\n    405: {\n      title: t('ll.httpError.405.title'),\n      description: t('ll.httpError.405.description'),\n    },\n    500: {\n      title: t('ll.httpError.50X.title'),\n      description: t('ll.httpError.50X.description'),\n    },\n    502: {\n      title: t('ll.httpError.50X.title'),\n      description: t('ll.httpError.50X.description'),\n    },\n    503: {\n      title: t('ll.httpError.50X.title'),\n      description: t('ll.httpError.50X.description'),\n    },\n    504: {\n      title: t('ll.httpError.504.title'),\n      description: t('ll.httpError.504.description'),\n    },\n  };\n\n  export interface HttpErrorProps {\n    /**\n     * A description of what possibly happened.\n     */\n    description?: string;\n\n    /**\n     * The error code.\n     */\n    errorCode: keyof typeof errors | `${keyof typeof errors}`;\n\n    /**\n     * By default, the logout button is visible unless content is provided to the `actions` slot or\n     * this prop is `true`.\n     */\n    hideLogoutButton?: boolean;\n\n    /**\n     * A callback that will be called when the user clicks the logout button. If not provided,\n     * a `logout` event will be emitted.\n     */\n    onLogout?: () => void;\n\n    /**\n     * A link to redirect the user to see if a hard refresh fixes the issue.\n     */\n    retryLink?: string;\n\n    /**\n     * The error title.\n     */\n    title?: string;\n  }\n\n  const props = withDefaults(defineProps<HttpErrorProps>(), {\n    description: '',\n    errorCode: '404',\n    onLogout: undefined,\n    hideLogoutButton: false,\n    retryLink: undefined,\n    title: '',\n  });\n\n  const classes = useCssModule();\n  const slots = useSlots();\n\n  const errorCodeStr = computed(() => props.errorCode.toString());\n  const errorCodeInt = computed(() => parseInt(errorCodeStr.value, 10));\n  const defaultInfoByErrorCode = computed(() => errors[errorCodeInt.value] || errors['500']);\n  const errorTitle = computed(() => props.title || defaultInfoByErrorCode.value.title);\n  const errorDescription = computed(() => props.description || defaultInfoByErrorCode.value.description);\n\n  const showLogoutButton = computed(() => !props.hideLogoutButton && props.onLogout);\n  const computedRetryLink = computed(() => props.retryLink || window.location.href);\n</script>\n\n<template>\n  <div class=\"stash-http-error tw-px-6 tw-py-12\" :class=\"classes.root\" data-test=\"stash-http-error\">\n    <div :class=\"classes.wrapper\">\n      <router-link to=\"/\" class=\"tw-mb-8 tw-block\">\n        <Logo color=\"white\" width=\"192\" />\n      </router-link>\n\n      <div class=\"tw-mb-8 tw-gap-6\" :class=\"classes.content\">\n        <div class=\"tw-order-2 lg:tw-order-1\" :class=\"classes.content__text\">\n          <h1 class=\"heading-jumbo tw-m-0 tw-mb-3 !tw-text-white\">\n            {{ errorTitle }}\n          </h1>\n          <h2 class=\"tw-mb-8 tw-text-white\">Error Code: {{ props.errorCode }}</h2>\n          <p class=\"tw-mb-4 tw-text-white\">\n            {{ errorDescription }} You can <a :href=\"computedRetryLink\" class=\"link\">try again</a> or reach out to\n            <a href=\"mailto:support@leaflink.com\" class=\"link\">support@leaflink.com</a> for assistance.\n          </p>\n        </div>\n        <div class=\"tw-order-1 lg:tw-order-2\" :class=\"classes.illustration\">\n          <Illustration :size=\"300\" :type=\"IllustrationType.Vignette\" :name=\"VignetteName.SearchStorefront\" />\n        </div>\n      </div>\n\n      <div v-if=\"slots.actions || showLogoutButton\" class=\"tw-flex tw-items-start tw-gap-6\">\n        <slot name=\"actions\">\n          <Button tertiary @click=\"props.onLogout\">Logout</Button>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n  .root {\n    background-color: var(--color-purple-500);\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    align-items: center;\n    max-width: 100vw;\n  }\n\n  .wrapper {\n    max-width: 100%;\n    width: 56rem;\n  }\n\n  .content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .illustration {\n    /* width and height similar to figma. */\n    width: 300px;\n    height: 193px;\n  }\n\n  @media screen and (width < 1024px) {\n    .content {\n      flex-wrap: wrap;\n      gap: 0;\n    }\n\n    .illustration {\n      margin-bottom: 30px;\n    }\n  }\n\n  @media screen and (width >= 1024px) {\n    .content__text {\n      max-width: 50vw;\n    }\n  }\n\n  .illustration svg {\n    /*\n     * We cannot use the same sizes from figma because the illustration would be smaller\n     * and it would break alignment. The specified height in figma is 193px but the\n     * illustration is 300px, so, (300 - 193) / 2 ~= 53, which keeps it aligned.\n     */\n    margin-top: -53px;\n  }\n</style>\n"],"names":["errors","props","__props","classes","useCssModule","slots","useSlots","errorCodeStr","computed","errorCodeInt","defaultInfoByErrorCode","errorTitle","errorDescription","showLogoutButton","computedRetryLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAUE,UAAMA,IAAqE;AAAA,MACzE,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,IAAA,GAqCIC,IAAQC,GASRC,IAAUC,KACVC,IAAQC,KAERC,IAAeC,EAAS,MAAMP,EAAM,UAAU,UAAU,GACxDQ,IAAeD,EAAS,MAAM,SAASD,EAAa,OAAO,EAAE,CAAC,GAC9DG,IAAyBF,EAAS,MAAMR,EAAOS,EAAa,KAAK,KAAKT,EAAO,GAAK,CAAC,GACnFW,IAAaH,EAAS,MAAMP,EAAM,SAASS,EAAuB,MAAM,KAAK,GAC7EE,IAAmBJ,EAAS,MAAMP,EAAM,eAAeS,EAAuB,MAAM,WAAW,GAE/FG,IAAmBL,EAAS,MAAM,CAACP,EAAM,oBAAoBA,EAAM,QAAQ,GAC3Ea,IAAoBN,EAAS,MAAMP,EAAM,aAAa,OAAO,SAAS,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/InputOptions.js

@@ -19,7 +19,7 @@ import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
 import "lodash-es/isPlainObject";
 import "./useSearch.js";
-import "./searchFuzzy-74a7de1c.js";
+import "./searchFuzzy-9b74ec4e.js";
 import "./_commonjsHelpers-10dfc225.js";
 import "./utils/helpers.js";
 import "lodash-es/camelCase";

package/dist/ListView.js

@@ -19,20 +19,20 @@ import { _ as k } from "./_plugin-vue_export-helper-dad06003.js";
 import oe from "./EmptyState.js";
 import ce from "./Loading.js";
 import "lodash-es/get";
-import "./searchFuzzy-74a7de1c.js";
+import "./searchFuzzy-9b74ec4e.js";
 import "./_commonjsHelpers-10dfc225.js";
 import "lodash-es/isPlainObject";
 import "lodash-es/camelCase";
 import "lodash-es/isFinite";
 import "./utils/storage.js";
 import "@leaflink/snitch";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-4dabc2a9.js";
 import "lodash-es/uniqueId";
+import "./index-9e1095ef.js";
+import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "./Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js";
 import "./clickoutside.js";
 import "./utils/calculateElementOverflow.js";
-import "./index-9e1095ef.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "lodash-es/merge";
 import "./useValidation.js";
 import "lodash-es/debounce";
@@ -40,11 +40,11 @@ import "./isDefined-2ce6cde4.js";
 import "lodash-es/round";
 import "./DatePicker.js";
 import "./utils/createValidDate.js";
-import "./index-5e5945a9.js";
-import "./index-fe8d3765.js";
-import "./utils/formatDateTime.js";
+import "./parseISO-ed4094c1.js";
+import "./isValid-4b2b7a54.js";
+import "./formatDateTime-a5e70901.js";
 import "./utils/normalizeDate.js";
-import "./toTimeZone-e6e9ab75.js";
+import "./toTimeZone-a2ed6470.js";
 import "./InputOptions.js";
 import "./Field.vue_vue_type_script_setup_true_lang-e1e4ff03.js";
 import "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";

package/dist/ListView.vue.d.ts

@@ -78,6 +78,10 @@ export declare const BulkActions: DefineComponent<any, {}, {
                 type: PropType<"blue" | "red">;
                 default: undefined;
             };
+            isLoading: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
             to: {
                 type: PropType<string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric>;
@@ -111,6 +115,10 @@ export declare const BulkActions: DefineComponent<any, {}, {
                 type: PropType<"blue" | "red">;
                 default: undefined;
             };
+            isLoading: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {
             to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
             icon: boolean;
@@ -120,6 +128,7 @@ export declare const BulkActions: DefineComponent<any, {}, {
             tertiary: boolean;
             inline: boolean;
             color: "blue" | "red";
+            isLoading: boolean;
         }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
             P: {};
             B: {};
@@ -160,6 +169,10 @@ export declare const BulkActions: DefineComponent<any, {}, {
                 type: PropType<"blue" | "red">;
                 default: undefined;
             };
+            isLoading: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
             icon: boolean;
@@ -169,6 +182,7 @@ export declare const BulkActions: DefineComponent<any, {}, {
             tertiary: boolean;
             inline: boolean;
             color: "blue" | "red";
+            isLoading: boolean;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -206,6 +220,10 @@ export declare const BulkActions: DefineComponent<any, {}, {
             type: PropType<"blue" | "red">;
             default: undefined;
         };
+        isLoading: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
         to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
         icon: boolean;
@@ -215,6 +233,7 @@ export declare const BulkActions: DefineComponent<any, {}, {
         tertiary: boolean;
         inline: boolean;
         color: "blue" | "red";
+        isLoading: boolean;
     }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -712,6 +731,10 @@ declare const _default: DefineComponent<any, {}, {
                     type: PropType<"blue" | "red">;
                     default: undefined;
                 };
+                isLoading: {
+                    type: PropType<boolean>;
+                    default: boolean;
+                };
             }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
                 to: {
                     type: PropType<string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric>;
@@ -745,6 +768,10 @@ declare const _default: DefineComponent<any, {}, {
                     type: PropType<"blue" | "red">;
                     default: undefined;
                 };
+                isLoading: {
+                    type: PropType<boolean>;
+                    default: boolean;
+                };
             }>> & Readonly<{}>, {
                 to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
                 icon: boolean;
@@ -754,6 +781,7 @@ declare const _default: DefineComponent<any, {}, {
                 tertiary: boolean;
                 inline: boolean;
                 color: "blue" | "red";
+                isLoading: boolean;
             }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -794,6 +822,10 @@ declare const _default: DefineComponent<any, {}, {
                     type: PropType<"blue" | "red">;
                     default: undefined;
                 };
+                isLoading: {
+                    type: PropType<boolean>;
+                    default: boolean;
+                };
             }>> & Readonly<{}>, {}, {}, {}, {}, {
                 to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
                 icon: boolean;
@@ -803,6 +835,7 @@ declare const _default: DefineComponent<any, {}, {
                 tertiary: boolean;
                 inline: boolean;
                 color: "blue" | "red";
+                isLoading: boolean;
             }>;
             __isFragment?: undefined;
             __isTeleport?: undefined;
@@ -840,6 +873,10 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<"blue" | "red">;
                 default: undefined;
             };
+            isLoading: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
             to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
             icon: boolean;
@@ -849,6 +886,7 @@ declare const _default: DefineComponent<any, {}, {
             tertiary: boolean;
             inline: boolean;
             color: "blue" | "red";
+            isLoading: boolean;
         }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
             $slots: {
                 default?(_: {}): any;
@@ -1138,6 +1176,10 @@ declare const _default: DefineComponent<any, {}, {
                     type: PropType<"blue" | "red">;
                     default: undefined;
                 };
+                isLoading: {
+                    type: PropType<boolean>;
+                    default: boolean;
+                };
             }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
                 to: {
                     type: PropType<string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric>;
@@ -1171,6 +1213,10 @@ declare const _default: DefineComponent<any, {}, {
                     type: PropType<"blue" | "red">;
                     default: undefined;
                 };
+                isLoading: {
+                    type: PropType<boolean>;
+                    default: boolean;
+                };
             }>> & Readonly<{}>, {
                 to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
                 icon: boolean;
@@ -1180,6 +1226,7 @@ declare const _default: DefineComponent<any, {}, {
                 tertiary: boolean;
                 inline: boolean;
                 color: "blue" | "red";
+                isLoading: boolean;
             }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -1220,6 +1267,10 @@ declare const _default: DefineComponent<any, {}, {
                     type: PropType<"blue" | "red">;
                     default: undefined;
                 };
+                isLoading: {
+                    type: PropType<boolean>;
+                    default: boolean;
+                };
             }>> & Readonly<{}>, {}, {}, {}, {}, {
                 to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
                 icon: boolean;
@@ -1229,6 +1280,7 @@ declare const _default: DefineComponent<any, {}, {
                 tertiary: boolean;
                 inline: boolean;
                 color: "blue" | "red";
+                isLoading: boolean;
             }>;
             __isFragment?: undefined;
             __isTeleport?: undefined;
@@ -1266,6 +1318,10 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<"blue" | "red">;
                 default: undefined;
             };
+            isLoading: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
             to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
             icon: boolean;
@@ -1275,6 +1331,7 @@ declare const _default: DefineComponent<any, {}, {
             tertiary: boolean;
             inline: boolean;
             color: "blue" | "red";
+            isLoading: boolean;
         }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
             $slots: {
                 default?(_: {}): any;
@@ -3739,6 +3796,10 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<"blue" | "red">;
                 default: undefined;
             };
+            isLoading: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
             to: {
                 type: PropType<string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric>;
@@ -3772,6 +3833,10 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<"blue" | "red">;
                 default: undefined;
             };
+            isLoading: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {
             to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
             icon: boolean;
@@ -3781,6 +3846,7 @@ declare const _default: DefineComponent<any, {}, {
             tertiary: boolean;
             inline: boolean;
             color: "blue" | "red";
+            isLoading: boolean;
         }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
             P: {};
             B: {};
@@ -3821,6 +3887,10 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<"blue" | "red">;
                 default: undefined;
             };
+            isLoading: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
             icon: boolean;
@@ -3830,6 +3900,7 @@ declare const _default: DefineComponent<any, {}, {
             tertiary: boolean;
             inline: boolean;
             color: "blue" | "red";
+            isLoading: boolean;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -3867,6 +3938,10 @@ declare const _default: DefineComponent<any, {}, {
             type: PropType<"blue" | "red">;
             default: undefined;
         };
+        isLoading: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
         to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
         icon: boolean;
@@ -3876,6 +3951,7 @@ declare const _default: DefineComponent<any, {}, {
         tertiary: boolean;
         inline: boolean;
         color: "blue" | "red";
+        isLoading: boolean;
     }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -4879,6 +4955,10 @@ export declare const ListGroup: DefineComponent<any, {}, {
                 type: PropType<"blue" | "red">;
                 default: undefined;
             };
+            isLoading: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
             to: {
                 type: PropType<string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric>;
@@ -4912,6 +4992,10 @@ export declare const ListGroup: DefineComponent<any, {}, {
                 type: PropType<"blue" | "red">;
                 default: undefined;
             };
+            isLoading: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {
             to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
             icon: boolean;
@@ -4921,6 +5005,7 @@ export declare const ListGroup: DefineComponent<any, {}, {
             tertiary: boolean;
             inline: boolean;
             color: "blue" | "red";
+            isLoading: boolean;
         }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
             P: {};
             B: {};
@@ -4961,6 +5046,10 @@ export declare const ListGroup: DefineComponent<any, {}, {
                 type: PropType<"blue" | "red">;
                 default: undefined;
             };
+            isLoading: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
             icon: boolean;
@@ -4970,6 +5059,7 @@ export declare const ListGroup: DefineComponent<any, {}, {
             tertiary: boolean;
             inline: boolean;
             color: "blue" | "red";
+            isLoading: boolean;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -5007,6 +5097,10 @@ export declare const ListGroup: DefineComponent<any, {}, {
             type: PropType<"blue" | "red">;
             default: undefined;
         };
+        isLoading: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
         to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
         icon: boolean;
@@ -5016,6 +5110,7 @@ export declare const ListGroup: DefineComponent<any, {}, {
         tertiary: boolean;
         inline: boolean;
         color: "blue" | "red";
+        isLoading: boolean;
     }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;