@leaflink/stash 48.21.0 → 48.21.2

package/dist/Dialog.js

@@ -1,19 +1,19 @@
-import { defineComponent as H, useSlots as K, useAttrs as L, useCssModule as q, ref as S, computed as s, watchEffect as P, nextTick as Y, openBlock as l, createBlock as f, Transition as j, withCtx as m, createElementBlock as p, mergeProps as F, unref as e, withKeys as G, createElementVNode as a, normalizeClass as o, createCommentVNode as r, toDisplayString as _, renderSlot as J, createTextVNode as B, createVNode as O } from "vue";
+import { defineComponent as A, useSlots as H, useAttrs as K, useCssModule as L, ref as T, computed as s, watchEffect as q, nextTick as F, openBlock as l, createBlock as f, Transition as P, withCtx as m, createElementBlock as p, mergeProps as Y, unref as e, withKeys as j, createElementVNode as a, normalizeClass as o, createCommentVNode as i, toDisplayString as _, renderSlot as G, createTextVNode as S, createVNode as J } from "vue";
 import y from "lodash-es/capitalize";
-import Q from "lodash-es/uniqueId";
-import { S as I, b as g, a as z } from "./statusLevels-a8b041f4.js";
+import O from "lodash-es/uniqueId";
+import { S as B, b as g, a as I } from "./statusLevels-a8b041f4.js";
 import { t as c } from "./locale.js";
-import D from "./Button.js";
-import R from "./Icon.js";
-import { _ as U } from "./_plugin-vue_export-helper-dad06003.js";
+import z from "./Button.js";
+import Q from "./Icon.js";
+import { _ as R } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
 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 = {
+const U = ["open", "aria-labelledby", "data-test"], W = ["id"], X = {
   key: 0,
   class: "tw-mb-0"
-}, et = ["innerHTML"], ot = { class: "tw-text-right" }, at = /* @__PURE__ */ H({
+}, tt = ["innerHTML"], et = { class: "tw-text-right" }, ot = /* @__PURE__ */ A({
   name: "ll-dialog",
   inheritAttrs: !1,
   __name: "Dialog",
@@ -25,44 +25,51 @@ const W = ["open", "aria-labelledby", "data-test"], X = ["id"], tt = {
     description: { default: "" },
     cancelText: { default: c("ll.cancel") },
     confirmText: { default: "" },
+    onConfirm: { type: Function, default: () => {
+    } },
     alert: { type: Boolean, default: !1 },
     status: { default: void 0 }
   },
   emits: ["update:open", "cancel"],
-  setup(M, { emit: E }) {
-    const t = M, b = E, h = K(), d = L(), n = q(), v = Q("dialog-header-"), i = S(!1), w = S(), N = s(() => t.confirmText || (t.alert ? c("ll.okay") : c("ll.confirm"))), x = s(() => !!h.default || t.description), V = s(
-      () => t.status ? I[y(t.status)] : I.Info
-    ), $ = s(
+  setup(D, { emit: M }) {
+    const t = D, b = M, h = H(), v = K(), n = L(), w = O("dialog-header-"), r = T(!1), d = T(), E = s(() => t.confirmText || (t.alert ? c("ll.okay") : c("ll.confirm"))), x = s(() => !!h.default || t.description), N = s(
+      () => t.status ? B[y(t.status)] : B.Info
+    ), V = s(
       () => t.status ? g[y(t.status)] : g.Info
     ), k = s(
-      () => t.status ? z[y(t.status)] : z.Info
-    ), Z = s(() => t.dangerZone || t.status === g.Error);
+      () => t.status ? I[y(t.status)] : I.Info
+    ), $ = s(() => t.dangerZone || t.status === g.Error);
     function C() {
       b("update:open", !1), b("cancel");
     }
-    async function A(u) {
-      i.value = !0;
-      const T = d.onConfirm;
-      await T(u), i.value = !1;
+    async function Z(u) {
+      if (!r.value) {
+        r.value = !0;
+        try {
+          await t.onConfirm(u);
+        } finally {
+          r.value = !1;
+        }
+      }
     }
-    return P(() => {
-      t.open && Y(function() {
-        w.value.focus();
+    return q(() => {
+      t.open && d.value && F(function() {
+        d.value.focus();
       });
-    }), (u, T) => (l(), f(j, { name: "fade" }, {
+    }), (u, dt) => (l(), f(P, { name: "fade" }, {
       default: m(() => [
-        t.open ? (l(), p("dialog", F({
+        t.open ? (l(), p("dialog", Y({
           key: 0,
           ref_key: "root",
-          ref: w,
+          ref: d,
           open: t.open,
           tabindex: "0",
-          "aria-labelledby": e(v),
+          "aria-labelledby": e(w),
           "aria-modal": "true",
           class: ["stash-dialog", e(n).dialog],
-          "data-test": e(d)["data-test"] || "ll-dialog"
-        }, e(d), {
-          onKeydown: G(C, ["esc"])
+          "data-test": e(v)["data-test"] || "ll-dialog"
+        }, e(v), {
+          onKeydown: j(C, ["esc"])
         }), [
           a("div", {
             class: o(["stash-dialog__body", [
@@ -81,76 +88,77 @@ const W = ["open", "aria-labelledby", "data-test"], X = ["id"], tt = {
               a("div", {
                 class: o(["tw-flex tw-items-center", x.value && "tw-mb-1.5"])
               }, [
-                t.status ? (l(), f(R, {
+                t.status ? (l(), f(Q, {
                   key: 0,
                   "data-test": "dialog-status-icon",
-                  name: V.value,
-                  title: $.value,
+                  name: N.value,
+                  title: V.value,
                   class: o(`tw-text-${k.value}`)
-                }, null, 8, ["name", "title", "class"])) : r("", !0),
+                }, null, 8, ["name", "title", "class"])) : i("", !0),
                 a("h3", {
-                  id: e(v),
+                  id: e(w),
                   class: o({ "tw-ml-1.5 tw-mt-px": t.status })
-                }, _(t.header), 11, X)
+                }, _(t.header), 11, W)
               ], 2),
-              x.value ? (l(), p("p", tt, [
-                e(h).default ? J(u.$slots, "default", { key: 0 }) : (l(), p("span", {
+              x.value ? (l(), p("p", X, [
+                e(h).default ? G(u.$slots, "default", { key: 0 }) : (l(), p("span", {
                   key: 1,
                   innerHTML: t.description
-                }, null, 8, et))
-              ])) : r("", !0)
+                }, null, 8, tt))
+              ])) : i("", !0)
             ], 2),
             a("footer", {
               class: o(["stash-dialog__footer", e(n).footer]),
               "data-test": "stash-dialog|footer"
             }, [
-              a("div", ot, [
+              a("div", et, [
                 a("div", {
                   class: o({ "button-grid": !t.alert })
                 }, [
-                  t.alert ? r("", !0) : (l(), f(D, {
+                  t.alert ? i("", !0) : (l(), f(z, {
                     key: 0,
                     "data-test": "button|cancel",
                     secondary: "",
                     onClick: C
                   }, {
                     default: m(() => [
-                      B(_(t.cancelText), 1)
+                      S(_(t.cancelText), 1)
                     ]),
                     _: 1
                   })),
-                  O(D, {
+                  J(z, {
                     "data-test": "button|confirm",
-                    disabled: t.disabled || i.value,
-                    color: Z.value ? "red" : "blue",
+                    disabled: t.disabled,
+                    "is-loading": r.value,
+                    color: $.value ? "red" : "blue",
                     class: o({
                       "tw-w-full": t.alert
                     }),
-                    onClick: A
+                    onClick: Z
                   }, {
                     default: m(() => [
-                      B(_(N.value), 1)
+                      S(_(E.value), 1)
                     ]),
                     _: 1
-                  }, 8, ["disabled", "color", "class"])
+                  }, 8, ["disabled", "is-loading", "color", "class"])
                 ], 2)
               ])
             ], 2)
           ], 2)
-        ], 16, W)) : r("", !0)
+        ], 16, U)) : i("", !0)
       ]),
       _: 3
     }));
   }
-}), st = "_dialog_1fzac_2", lt = "_body_1fzac_19", nt = "_grey_1fzac_32", rt = "_content_1fzac_42", ct = "_footer_1fzac_47", dt = {
-  dialog: st,
-  body: lt,
-  grey: nt,
-  content: rt,
-  footer: ct
-}, it = {
-  $style: dt
-}, kt = /* @__PURE__ */ U(at, [["__cssModules", it]]);
+}), at = "_dialog_1fzac_2", st = "_body_1fzac_19", lt = "_grey_1fzac_32", nt = "_content_1fzac_42", rt = "_footer_1fzac_47", it = {
+  dialog: at,
+  body: st,
+  grey: lt,
+  content: nt,
+  footer: rt
+}, ct = {
+  $style: it
+}, kt = /* @__PURE__ */ R(ot, [["__cssModules", ct]]);
 export {
   kt as default
 };

package/dist/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../src/components/Dialog/Dialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import capitalize from 'lodash-es/capitalize';\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, nextTick, ref, useAttrs, useCssModule, useSlots, watchEffect } from 'vue';\n\n  import {\n    StatusColor,\n    StatusColors,\n    StatusIcon,\n    StatusIcons,\n    StatusSeverities,\n    StatusSeverity,\n  } from '../../../types/statusLevels';\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface DialogProps {\n    /**\n     * Shows or hides the dialog.\n     * Usage: v-model:open=\"isOpen\"\n     */\n    open?: boolean;\n\n    /**\n     * Whether the confirmation button is enabled or not.\n     */\n    disabled?: boolean;\n\n    /**\n     * Is this a dangerous action? Will turn the confirmation button red.\n     */\n    dangerZone?: boolean;\n\n    /**\n     * Header text.\n     */\n    header?: string;\n\n    /**\n     * Description text.\n     */\n    description?: string;\n\n    /**\n     * Cancel button text.\n     */\n    cancelText?: string;\n\n    /**\n     * Confirm button text.\n     */\n    confirmText?: string;\n\n    /**\n     * Treats it like an Alert Dialog, with only the confirmation button showing.\n     *\n     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Window/alert}\n     */\n    alert?: boolean;\n\n    /**\n     * Adds a top accent border and icon next to the header.\n     * This behaves similarly to the Alert component in respect to the levels, icons, and colors\n     * passing `error` will treat the dialog the same as `dangerZone`\n     */\n    status?: StatusSeverity;\n  }\n\n  const props = withDefaults(defineProps<DialogProps>(), {\n    open: false,\n    disabled: false,\n    dangerZone: false,\n    header: t('ll.areYouSure'),\n    description: '',\n    cancelText: t('ll.cancel'),\n    confirmText: '',\n    alert: false,\n    status: undefined,\n  });\n\n  defineOptions({\n    name: 'll-dialog',\n    inheritAttrs: false,\n  });\n\n  const emits = defineEmits<{\n    (e: 'update:open', value: boolean): void;\n    (e: 'cancel'): void;\n  }>();\n\n  const slots = useSlots();\n  const attrs = useAttrs();\n  const classes = useCssModule();\n  const headerId = uniqueId('dialog-header-');\n\n  const isConfirming = ref(false);\n  const root = ref();\n\n  // Set the default confirm button text to \"Confirm\".\n  // If the `alert` prop is true, the default text is \"Okay\".\n  // If the `confirmText` prop is provided, `confirmText` is used whether the alert prop is true.\n  const modifiedConfirmText = computed(() => props.confirmText || (props.alert ? t('ll.okay') : t('ll.confirm')));\n\n  const hasDescription = computed(() => !!slots.default || props.description);\n\n  const statusIcon = computed<StatusIcon>(() =>\n    props.status ? StatusIcons[capitalize(props.status)] : StatusIcons.Info,\n  );\n  const statusTitle = computed<StatusSeverity>(() =>\n    props.status ? StatusSeverities[capitalize(props.status)] : StatusSeverities.Info,\n  );\n  const statusColor = computed<StatusColor>(() =>\n    props.status ? StatusColors[capitalize(props.status)] : StatusColors.Info,\n  );\n\n  const computedDangerZone = computed(() => props.dangerZone || props.status === StatusSeverities.Error);\n\n  function cancel() {\n    emits('update:open', false);\n    emits('cancel');\n  }\n\n  async function handleConfirm(event: Event) {\n    isConfirming.value = true;\n\n    // useAttrs returns a Record<string, unknown> type, which causes\n    // TS errors when trying to call a passed listener\n    const onConfirm = attrs.onConfirm as (event: Event) => void;\n\n    // Call the parent confirm listener and await it. Using Async/Await lets\n    // us await even non-promises. Pass the event so modifiers can work.\n    await onConfirm(event);\n    isConfirming.value = false;\n  }\n\n  watchEffect(() => {\n    if (props.open) {\n      // Move focus to confirm button\n      nextTick(function () {\n        root.value.focus();\n      });\n    }\n  });\n</script>\n\n<template>\n  <transition name=\"fade\">\n    <dialog\n      v-if=\"props.open\"\n      ref=\"root\"\n      :open=\"props.open\"\n      tabindex=\"0\"\n      :aria-labelledby=\"headerId\"\n      aria-modal=\"true\"\n      class=\"stash-dialog\"\n      :class=\"classes.dialog\"\n      :data-test=\"attrs['data-test'] || 'll-dialog'\"\n      v-bind=\"attrs\"\n      @keydown.esc=\"cancel\"\n    >\n      <div\n        class=\"stash-dialog__body\"\n        :class=\"[\n          classes.body,\n          `tw-border-${statusColor}`,\n          {\n            'tw-border-t-6': props.status,\n          },\n        ]\"\n        data-test=\"stash-dialog|body\"\n      >\n        <div class=\"stash-dialog__body__content\" :class=\"classes.content\" data-test=\"stash-dialog|body-content\">\n          <div class=\"tw-flex tw-items-center\" :class=\"hasDescription && 'tw-mb-1.5'\">\n            <Icon\n              v-if=\"props.status\"\n              data-test=\"dialog-status-icon\"\n              :name=\"statusIcon\"\n              :title=\"statusTitle\"\n              :class=\"`tw-text-${statusColor}`\"\n            />\n            <h3 :id=\"headerId\" :class=\"{ 'tw-ml-1.5 tw-mt-px': props.status }\">{{ props.header }}</h3>\n          </div>\n\n          <p v-if=\"hasDescription\" class=\"tw-mb-0\">\n            <slot v-if=\"slots.default\"></slot>\n            <!-- eslint-disable-next-line vue/no-v-html -->\n            <span v-else v-html=\"props.description\"></span>\n          </p>\n        </div>\n\n        <footer class=\"stash-dialog__footer\" :class=\"classes.footer\" data-test=\"stash-dialog|footer\">\n          <div class=\"tw-text-right\">\n            <div :class=\"{ 'button-grid': !props.alert }\">\n              <Button v-if=\"!props.alert\" data-test=\"button|cancel\" secondary @click=\"cancel\">\n                {{ props.cancelText }}\n              </Button>\n\n              <Button\n                data-test=\"button|confirm\"\n                :disabled=\"props.disabled || isConfirming\"\n                :color=\"computedDangerZone ? 'red' : 'blue'\"\n                :class=\"{\n                  'tw-w-full': props.alert,\n                }\"\n                @click=\"handleConfirm\"\n              >\n                {{ modifiedConfirmText }}\n              </Button>\n            </div>\n          </div>\n        </footer>\n      </div>\n    </dialog>\n  </transition>\n</template>\n\n<style module>\n  .dialog {\n    background: rgb(0 0 0 / 30%);\n    bottom: 0;\n    display: flex;\n    flex-direction: column;\n    left: 0;\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    place-content: center;\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: theme('zIndex.dialog');\n    width: 100%;\n    height: 100vh;\n  }\n\n  .body {\n    @apply tw-shadow-3xl;\n\n    background: var(--color-white);\n    color: var(--color-ice-700);\n    display: flex;\n    flex-direction: column;\n    margin: 0 auto;\n    max-height: 100vh;\n    max-width: 360px;\n    transition: transform theme('transitionDuration.150') theme('transitionTimingFunction.swing');\n    width: 100%;\n\n    &.grey {\n      background: var(--color-ice-200);\n      border-radius: theme('borderRadius.DEFAULT');\n    }\n\n    @media screen('md') {\n      border-radius: theme('borderRadius.DEFAULT');\n    }\n  }\n\n  .content {\n    flex-grow: 1;\n    padding: theme('spacing.6') var(--grid-gutter);\n  }\n\n  .footer {\n    background: var(--color-ice-200);\n    border-top: theme('borderWidth.DEFAULT') solid var(--color-ice-500);\n    display: initial; /* TEMP. Will need to fix marketplace `footer` style */\n    padding: theme('spacing.6') var(--grid-gutter);\n\n    @media screen('md') {\n      border-bottom-left-radius: theme('borderRadius.DEFAULT');\n      border-bottom-right-radius: theme('borderRadius.DEFAULT');\n    }\n  }\n\n  :global(.fade-enter-from),\n  :global(.fade-leave-active) {\n    .body {\n      transform: translate3d(0, theme('spacing.3'), 0);\n    }\n  }\n</style>\n"],"names":["props","__props","emits","__emit","slots","useSlots","attrs","useAttrs","classes","useCssModule","headerId","uniqueId","isConfirming","ref","root","modifiedConfirmText","computed","t","hasDescription","statusIcon","StatusIcons","capitalize","statusTitle","StatusSeverities","statusColor","StatusColors","computedDangerZone","cancel","handleConfirm","event","onConfirm","watchEffect","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEE,UAAMA,IAAQC,GAiBRC,IAAQC,GAKRC,IAAQC,KACRC,IAAQC,KACRC,IAAUC,KACVC,IAAWC,EAAS,gBAAgB,GAEpCC,IAAeC,EAAI,EAAK,GACxBC,IAAOD,KAKPE,IAAsBC,EAAS,MAAMhB,EAAM,gBAAgBA,EAAM,QAAQiB,EAAE,SAAS,IAAIA,EAAE,YAAY,EAAE,GAExGC,IAAiBF,EAAS,MAAM,CAAC,CAACZ,EAAM,WAAWJ,EAAM,WAAW,GAEpEmB,IAAaH;AAAA,MAAqB,MACtChB,EAAM,SAASoB,EAAYC,EAAWrB,EAAM,MAAM,CAAC,IAAIoB,EAAY;AAAA,IAAA,GAE/DE,IAAcN;AAAA,MAAyB,MAC3ChB,EAAM,SAASuB,EAAiBF,EAAWrB,EAAM,MAAM,CAAC,IAAIuB,EAAiB;AAAA,IAAA,GAEzEC,IAAcR;AAAA,MAAsB,MACxChB,EAAM,SAASyB,EAAaJ,EAAWrB,EAAM,MAAM,CAAC,IAAIyB,EAAa;AAAA,IAAA,GAGjEC,IAAqBV,EAAS,MAAMhB,EAAM,cAAcA,EAAM,WAAWuB,EAAiB,KAAK;AAErG,aAASI,IAAS;AAChB,MAAAzB,EAAM,eAAe,EAAK,GAC1BA,EAAM,QAAQ;AAAA,IAChB;AAEA,mBAAe0B,EAAcC,GAAc;AACzC,MAAAjB,EAAa,QAAQ;AAIrB,YAAMkB,IAAYxB,EAAM;AAIxB,YAAMwB,EAAUD,CAAK,GACrBjB,EAAa,QAAQ;AAAA,IACvB;AAEA,WAAAmB,EAAY,MAAM;AAChB,MAAI/B,EAAM,QAERgC,EAAS,WAAY;AACnB,QAAAlB,EAAK,MAAM;MAAM,CAClB;AAAA,IACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Dialog.js","sources":["../src/components/Dialog/Dialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import capitalize from 'lodash-es/capitalize';\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, nextTick, ref, useAttrs, useCssModule, useSlots, watchEffect } from 'vue';\n\n  import {\n    StatusColor,\n    StatusColors,\n    StatusIcon,\n    StatusIcons,\n    StatusSeverities,\n    StatusSeverity,\n  } from '../../../types/statusLevels';\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface DialogProps {\n    /**\n     * Shows or hides the dialog.\n     * Usage: v-model:open=\"isOpen\"\n     */\n    open?: boolean;\n\n    /**\n     * Whether the confirmation button is enabled or not.\n     */\n    disabled?: boolean;\n\n    /**\n     * Is this a dangerous action? Will turn the confirmation button red.\n     */\n    dangerZone?: boolean;\n\n    /**\n     * Header text.\n     */\n    header?: string;\n\n    /**\n     * Description text.\n     */\n    description?: string;\n\n    /**\n     * Cancel button text.\n     */\n    cancelText?: string;\n\n    /**\n     * Confirm button text.\n     */\n    confirmText?: string;\n\n    /**\n     * Callback function when the confirm button is clicked.\n     */\n    onConfirm?: (event: Event) => Promise<void> | void;\n\n    /**\n     * Treats it like an Alert Dialog, with only the confirmation button showing.\n     *\n     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Window/alert}\n     */\n    alert?: boolean;\n\n    /**\n     * Adds a top accent border and icon next to the header.\n     * This behaves similarly to the Alert component in respect to the levels, icons, and colors\n     * passing `error` will treat the dialog the same as `dangerZone`\n     */\n    status?: StatusSeverity;\n  }\n\n  const props = withDefaults(defineProps<DialogProps>(), {\n    open: false,\n    disabled: false,\n    dangerZone: false,\n    header: t('ll.areYouSure'),\n    description: '',\n    cancelText: t('ll.cancel'),\n    confirmText: '',\n    onConfirm: () => undefined,\n    alert: false,\n    status: undefined,\n  });\n\n  defineOptions({\n    name: 'll-dialog',\n    inheritAttrs: false,\n  });\n\n  const emits = defineEmits<{\n    (e: 'update:open', value: boolean): void;\n    (e: 'cancel'): void;\n  }>();\n\n  const slots = useSlots();\n  const attrs = useAttrs();\n  const classes = useCssModule();\n  const headerId = uniqueId('dialog-header-');\n\n  const isConfirming = ref(false);\n  const root = ref();\n\n  // Set the default confirm button text to \"Confirm\".\n  // If the `alert` prop is true, the default text is \"Okay\".\n  // If the `confirmText` prop is provided, `confirmText` is used whether the alert prop is true.\n  const modifiedConfirmText = computed(() => props.confirmText || (props.alert ? t('ll.okay') : t('ll.confirm')));\n\n  const hasDescription = computed(() => !!slots.default || props.description);\n\n  const statusIcon = computed<StatusIcon>(() =>\n    props.status ? StatusIcons[capitalize(props.status)] : StatusIcons.Info,\n  );\n  const statusTitle = computed<StatusSeverity>(() =>\n    props.status ? StatusSeverities[capitalize(props.status)] : StatusSeverities.Info,\n  );\n  const statusColor = computed<StatusColor>(() =>\n    props.status ? StatusColors[capitalize(props.status)] : StatusColors.Info,\n  );\n\n  const computedDangerZone = computed(() => props.dangerZone || props.status === StatusSeverities.Error);\n\n  function cancel() {\n    emits('update:open', false);\n    emits('cancel');\n  }\n\n  async function handleConfirm(event: Event) {\n    if (isConfirming.value) {\n      return;\n    }\n\n    isConfirming.value = true;\n\n    try {\n      await props.onConfirm(event);\n    } finally {\n      isConfirming.value = false;\n    }\n  }\n\n  watchEffect(() => {\n    if (props.open && root.value) {\n      // Move focus to confirm button\n      nextTick(function () {\n        root.value.focus();\n      });\n    }\n  });\n</script>\n\n<template>\n  <transition name=\"fade\">\n    <dialog\n      v-if=\"props.open\"\n      ref=\"root\"\n      :open=\"props.open\"\n      tabindex=\"0\"\n      :aria-labelledby=\"headerId\"\n      aria-modal=\"true\"\n      class=\"stash-dialog\"\n      :class=\"classes.dialog\"\n      :data-test=\"attrs['data-test'] || 'll-dialog'\"\n      v-bind=\"attrs\"\n      @keydown.esc=\"cancel\"\n    >\n      <div\n        class=\"stash-dialog__body\"\n        :class=\"[\n          classes.body,\n          `tw-border-${statusColor}`,\n          {\n            'tw-border-t-6': props.status,\n          },\n        ]\"\n        data-test=\"stash-dialog|body\"\n      >\n        <div class=\"stash-dialog__body__content\" :class=\"classes.content\" data-test=\"stash-dialog|body-content\">\n          <div class=\"tw-flex tw-items-center\" :class=\"hasDescription && 'tw-mb-1.5'\">\n            <Icon\n              v-if=\"props.status\"\n              data-test=\"dialog-status-icon\"\n              :name=\"statusIcon\"\n              :title=\"statusTitle\"\n              :class=\"`tw-text-${statusColor}`\"\n            />\n            <h3 :id=\"headerId\" :class=\"{ 'tw-ml-1.5 tw-mt-px': props.status }\">{{ props.header }}</h3>\n          </div>\n\n          <p v-if=\"hasDescription\" class=\"tw-mb-0\">\n            <slot v-if=\"slots.default\"></slot>\n            <!-- eslint-disable-next-line vue/no-v-html -->\n            <span v-else v-html=\"props.description\"></span>\n          </p>\n        </div>\n\n        <footer class=\"stash-dialog__footer\" :class=\"classes.footer\" data-test=\"stash-dialog|footer\">\n          <div class=\"tw-text-right\">\n            <div :class=\"{ 'button-grid': !props.alert }\">\n              <Button v-if=\"!props.alert\" data-test=\"button|cancel\" secondary @click=\"cancel\">\n                {{ props.cancelText }}\n              </Button>\n\n              <Button\n                data-test=\"button|confirm\"\n                :disabled=\"props.disabled\"\n                :is-loading=\"isConfirming\"\n                :color=\"computedDangerZone ? 'red' : 'blue'\"\n                :class=\"{\n                  'tw-w-full': props.alert,\n                }\"\n                @click=\"handleConfirm\"\n              >\n                {{ modifiedConfirmText }}\n              </Button>\n            </div>\n          </div>\n        </footer>\n      </div>\n    </dialog>\n  </transition>\n</template>\n\n<style module>\n  .dialog {\n    background: rgb(0 0 0 / 30%);\n    bottom: 0;\n    display: flex;\n    flex-direction: column;\n    left: 0;\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    place-content: center;\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: theme('zIndex.dialog');\n    width: 100%;\n    height: 100vh;\n  }\n\n  .body {\n    @apply tw-shadow-3xl;\n\n    background: var(--color-white);\n    color: var(--color-ice-700);\n    display: flex;\n    flex-direction: column;\n    margin: 0 auto;\n    max-height: 100vh;\n    max-width: 360px;\n    transition: transform theme('transitionDuration.150') theme('transitionTimingFunction.swing');\n    width: 100%;\n\n    &.grey {\n      background: var(--color-ice-200);\n      border-radius: theme('borderRadius.DEFAULT');\n    }\n\n    @media screen('md') {\n      border-radius: theme('borderRadius.DEFAULT');\n    }\n  }\n\n  .content {\n    flex-grow: 1;\n    padding: theme('spacing.6') var(--grid-gutter);\n  }\n\n  .footer {\n    background: var(--color-ice-200);\n    border-top: theme('borderWidth.DEFAULT') solid var(--color-ice-500);\n    display: initial; /* TEMP. Will need to fix marketplace `footer` style */\n    padding: theme('spacing.6') var(--grid-gutter);\n\n    @media screen('md') {\n      border-bottom-left-radius: theme('borderRadius.DEFAULT');\n      border-bottom-right-radius: theme('borderRadius.DEFAULT');\n    }\n  }\n\n  :global(.fade-enter-from),\n  :global(.fade-leave-active) {\n    .body {\n      transform: translate3d(0, theme('spacing.3'), 0);\n    }\n  }\n</style>\n"],"names":["props","__props","emits","__emit","slots","useSlots","attrs","useAttrs","classes","useCssModule","headerId","uniqueId","isConfirming","ref","root","modifiedConfirmText","computed","t","hasDescription","statusIcon","StatusIcons","capitalize","statusTitle","StatusSeverities","statusColor","StatusColors","computedDangerZone","cancel","handleConfirm","event","watchEffect","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EE,UAAMA,IAAQC,GAkBRC,IAAQC,GAKRC,IAAQC,KACRC,IAAQC,KACRC,IAAUC,KACVC,IAAWC,EAAS,gBAAgB,GAEpCC,IAAeC,EAAI,EAAK,GACxBC,IAAOD,KAKPE,IAAsBC,EAAS,MAAMhB,EAAM,gBAAgBA,EAAM,QAAQiB,EAAE,SAAS,IAAIA,EAAE,YAAY,EAAE,GAExGC,IAAiBF,EAAS,MAAM,CAAC,CAACZ,EAAM,WAAWJ,EAAM,WAAW,GAEpEmB,IAAaH;AAAA,MAAqB,MACtChB,EAAM,SAASoB,EAAYC,EAAWrB,EAAM,MAAM,CAAC,IAAIoB,EAAY;AAAA,IAAA,GAE/DE,IAAcN;AAAA,MAAyB,MAC3ChB,EAAM,SAASuB,EAAiBF,EAAWrB,EAAM,MAAM,CAAC,IAAIuB,EAAiB;AAAA,IAAA,GAEzEC,IAAcR;AAAA,MAAsB,MACxChB,EAAM,SAASyB,EAAaJ,EAAWrB,EAAM,MAAM,CAAC,IAAIyB,EAAa;AAAA,IAAA,GAGjEC,IAAqBV,EAAS,MAAMhB,EAAM,cAAcA,EAAM,WAAWuB,EAAiB,KAAK;AAErG,aAASI,IAAS;AAChB,MAAAzB,EAAM,eAAe,EAAK,GAC1BA,EAAM,QAAQ;AAAA,IAChB;AAEA,mBAAe0B,EAAcC,GAAc;AACzC,UAAI,CAAAjB,EAAa,OAIjB;AAAA,QAAAA,EAAa,QAAQ;AAEjB,YAAA;AACI,gBAAAZ,EAAM,UAAU6B,CAAK;AAAA,QAAA,UAC3B;AACA,UAAAjB,EAAa,QAAQ;AAAA,QACvB;AAAA;AAAA,IACF;AAEA,WAAAkB,EAAY,MAAM;AACZ,MAAA9B,EAAM,QAAQc,EAAK,SAErBiB,EAAS,WAAY;AACnB,QAAAjB,EAAK,MAAM;MAAM,CAClB;AAAA,IACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Dialog.vue.d.ts

@@ -40,6 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes
     description: string;
     cancelText: any;
     confirmText: string;
+    onConfirm: () => undefined;
     alert: boolean;
     status: undefined;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -53,6 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes
     description: string;
     cancelText: any;
     confirmText: string;
+    onConfirm: () => undefined;
     alert: boolean;
     status: undefined;
 }>>> & Readonly<{
@@ -66,6 +68,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes
     dangerZone: boolean;
     cancelText: string;
     confirmText: string;
+    onConfirm: (event: Event) => void | Promise<void>;
     alert: boolean;
     status: "error" | "warning" | "info" | "success";
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
@@ -103,6 +106,10 @@ export declare interface DialogProps {
      * Confirm button text.
      */
     confirmText?: string;
+    /**
+     * Callback function when the confirm button is clicked.
+     */
+    onConfirm?: (event: Event) => Promise<void> | void;
     /**
      * Treats it like an Alert Dialog, with only the confirmation button showing.
      *

package/dist/ModalsPlugin.js

@@ -1,21 +1,19 @@
-import { createVNode as l, h as r, render as n } from "vue";
-import u from "./Modals.js";
+import { createVNode as o, h as s, render as n } from "vue";
+import c from "./Modals.js";
 import "./useModals.js";
 import "lodash-es/merge";
 import "./_plugin-vue_export-helper-dad06003.js";
-const a = "stash-modals-mount-node", _ = {
-  install(o, e) {
-    const d = (e == null ? void 0 : e.mountNodeId) || a;
+const m = "stash-modals-mount-node", I = {
+  install(l, e) {
+    const d = (e == null ? void 0 : e.mountNodeId) || m;
     let t = document.getElementById(d);
-    if (t)
-      return;
-    t = document.createElement("div"), t.id = d, t.dataset.test = a, e != null && e.mountNodeClass && t.classList.add(e.mountNodeClass);
-    const m = l(r(u));
-    document.body.appendChild(t), m.appContext = o._context, n(m, t);
+    t || (t = document.createElement("div"), t.id = d, t.dataset.test = m, document.body.appendChild(t)), e != null && e.mountNodeClass && !t.classList.contains(e.mountNodeClass) && t.classList.add(e.mountNodeClass);
+    const a = o(s(c));
+    a.appContext = l._context, n(a, t);
   }
 };
 export {
-  a as DEFAULT_MODALS_PLUGIN_NODE_ID,
-  _ as default
+  m as DEFAULT_MODALS_PLUGIN_NODE_ID,
+  I as default
 };
 //# sourceMappingURL=ModalsPlugin.js.map

package/dist/ModalsPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalsPlugin.js","sources":["../src/plugins/ModalsPlugin.ts"],"sourcesContent":["import { App, createVNode, h, Plugin, render } from 'vue';\n\nimport Modals from '../components/Modals/Modals.vue';\n\nexport interface ModalsPluginOptions {\n  mountNodeClass?: string;\n  mountNodeId?: string;\n}\n\nexport const DEFAULT_MODALS_PLUGIN_NODE_ID = 'stash-modals-mount-node';\n\nexport default <Plugin>{\n  install(app: App, options?: ModalsPluginOptions) {\n    const mountNodeId = options?.mountNodeId || DEFAULT_MODALS_PLUGIN_NODE_ID;\n    let mountNode = document.getElementById(mountNodeId);\n\n    // If the mount node already exists, do nothing\n    if (mountNode) {\n      return;\n    }\n\n    mountNode = document.createElement('div');\n    mountNode.id = mountNodeId;\n    mountNode.dataset.test = DEFAULT_MODALS_PLUGIN_NODE_ID;\n\n    if (options?.mountNodeClass) {\n      mountNode.classList.add(options.mountNodeClass);\n    }\n\n    const vNode = createVNode(h(Modals));\n    document.body.appendChild(mountNode);\n    vNode.appContext = app._context;\n\n    render(vNode, mountNode);\n  },\n};\n"],"names":["DEFAULT_MODALS_PLUGIN_NODE_ID","ModalsPlugin","app","options","mountNodeId","mountNode","vNode","createVNode","h","Modals","render"],"mappings":";;;;;AASO,MAAMA,IAAgC,2BAEtBC,IAAA;AAAA,EACrB,QAAQC,GAAUC,GAA+B;AACzC,UAAAC,KAAcD,KAAA,gBAAAA,EAAS,gBAAeH;AACxC,QAAAK,IAAY,SAAS,eAAeD,CAAW;AAGnD,QAAIC;AACF;AAGU,IAAAA,IAAA,SAAS,cAAc,KAAK,GACxCA,EAAU,KAAKD,GACfC,EAAU,QAAQ,OAAOL,GAErBG,KAAA,QAAAA,EAAS,kBACDE,EAAA,UAAU,IAAIF,EAAQ,cAAc;AAGhD,UAAMG,IAAQC,EAAYC,EAAEC,CAAM,CAAC;AAC1B,aAAA,KAAK,YAAYJ,CAAS,GACnCC,EAAM,aAAaJ,EAAI,UAEvBQ,EAAOJ,GAAOD,CAAS;AAAA,EACzB;AACF;"}
+{"version":3,"file":"ModalsPlugin.js","sources":["../src/plugins/ModalsPlugin.ts"],"sourcesContent":["import { App, createVNode, h, Plugin, render } from 'vue';\n\nimport Modals from '../components/Modals/Modals.vue';\n\nexport interface ModalsPluginOptions {\n  mountNodeClass?: string;\n  mountNodeId?: string;\n}\n\nexport const DEFAULT_MODALS_PLUGIN_NODE_ID = 'stash-modals-mount-node';\n\nexport default <Plugin>{\n  install(app: App, options?: ModalsPluginOptions) {\n    const mountNodeId = options?.mountNodeId || DEFAULT_MODALS_PLUGIN_NODE_ID;\n    let mountNode = document.getElementById(mountNodeId);\n\n    if (!mountNode) {\n      mountNode = document.createElement('div');\n      mountNode.id = mountNodeId;\n      mountNode.dataset.test = DEFAULT_MODALS_PLUGIN_NODE_ID;\n      document.body.appendChild(mountNode);\n    }\n\n    if (options?.mountNodeClass && !mountNode.classList.contains(options.mountNodeClass)) {\n      mountNode.classList.add(options.mountNodeClass);\n    }\n\n    const vNode = createVNode(h(Modals));\n    vNode.appContext = app._context;\n\n    render(vNode, mountNode);\n  },\n};\n"],"names":["DEFAULT_MODALS_PLUGIN_NODE_ID","ModalsPlugin","app","options","mountNodeId","mountNode","vNode","createVNode","h","Modals","render"],"mappings":";;;;;AASO,MAAMA,IAAgC,2BAEtBC,IAAA;AAAA,EACrB,QAAQC,GAAUC,GAA+B;AACzC,UAAAC,KAAcD,KAAA,gBAAAA,EAAS,gBAAeH;AACxC,QAAAK,IAAY,SAAS,eAAeD,CAAW;AAEnD,IAAKC,MACSA,IAAA,SAAS,cAAc,KAAK,GACxCA,EAAU,KAAKD,GACfC,EAAU,QAAQ,OAAOL,GAChB,SAAA,KAAK,YAAYK,CAAS,IAGjCF,KAAA,QAAAA,EAAS,kBAAkB,CAACE,EAAU,UAAU,SAASF,EAAQ,cAAc,KACvEE,EAAA,UAAU,IAAIF,EAAQ,cAAc;AAGhD,UAAMG,IAAQC,EAAYC,EAAEC,CAAM,CAAC;AACnC,IAAAH,EAAM,aAAaJ,EAAI,UAEvBQ,EAAOJ,GAAOD,CAAS;AAAA,EACzB;AACF;"}

package/dist/ToastsPlugin.js

@@ -1,5 +1,5 @@
-import { createVNode as a, h as n, render as s } from "vue";
-import i from "./Toasts.js";
+import { createVNode as a, h as s, render as n } from "vue";
+import c from "./Toasts.js";
 import "./useToasts.js";
 import "lodash-es/merge";
 import "lodash-es/uniqueId";
@@ -12,19 +12,17 @@ import "./Icon.js";
 import "./index-9e1095ef.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "./_plugin-vue_export-helper-dad06003.js";
-const o = "stash-toasts-mount-node", L = {
+const o = "stash-toasts-mount-node", D = {
   install(r, t) {
     const m = (t == null ? void 0 : t.mountNodeId) || o;
     let e = document.getElementById(m);
-    if (e)
-      return;
-    e = document.createElement("div"), e.id = m, e.dataset.test = o, t != null && t.mountNodeClass && e.classList.add(t.mountNodeClass);
-    const d = a(n(i));
-    document.body.appendChild(e), d.appContext = r._context, s(d, e);
+    e || (e = document.createElement("div"), e.id = m, e.dataset.test = o, document.body.appendChild(e)), t != null && t.mountNodeClass && !e.classList.contains(t.mountNodeClass) && e.classList.add(t.mountNodeClass);
+    const d = a(s(c));
+    d.appContext = r._context, n(d, e);
   }
 };
 export {
   o as DEFAULT_TOASTS_PLUGIN_NODE_ID,
-  L as default
+  D as default
 };
 //# sourceMappingURL=ToastsPlugin.js.map

package/dist/ToastsPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastsPlugin.js","sources":["../src/plugins/ToastsPlugin.ts"],"sourcesContent":["import { App, createVNode, h, Plugin, render } from 'vue';\n\nimport Toasts from '../components/Toasts/Toasts.vue';\n\nexport interface ToastsPluginOptions {\n  mountNodeClass?: string;\n  mountNodeId?: string;\n}\n\nexport const DEFAULT_TOASTS_PLUGIN_NODE_ID = 'stash-toasts-mount-node';\n\nexport default <Plugin>{\n  install(app: App, options?: ToastsPluginOptions) {\n    const mountNodeId = options?.mountNodeId || DEFAULT_TOASTS_PLUGIN_NODE_ID;\n    let mountNode = document.getElementById(mountNodeId);\n\n    // If the mount node already exists, do nothing\n    if (mountNode) {\n      return;\n    }\n\n    mountNode = document.createElement('div');\n    mountNode.id = mountNodeId;\n    mountNode.dataset.test = DEFAULT_TOASTS_PLUGIN_NODE_ID;\n\n    if (options?.mountNodeClass) {\n      mountNode.classList.add(options.mountNodeClass);\n    }\n\n    const vNode = createVNode(h(Toasts));\n    document.body.appendChild(mountNode);\n    vNode.appContext = app._context;\n\n    render(vNode, mountNode);\n  },\n};\n"],"names":["DEFAULT_TOASTS_PLUGIN_NODE_ID","ToastsPlugin","app","options","mountNodeId","mountNode","vNode","createVNode","h","Toasts","render"],"mappings":";;;;;;;;;;;;;;AASO,MAAMA,IAAgC,2BAEtBC,IAAA;AAAA,EACrB,QAAQC,GAAUC,GAA+B;AACzC,UAAAC,KAAcD,KAAA,gBAAAA,EAAS,gBAAeH;AACxC,QAAAK,IAAY,SAAS,eAAeD,CAAW;AAGnD,QAAIC;AACF;AAGU,IAAAA,IAAA,SAAS,cAAc,KAAK,GACxCA,EAAU,KAAKD,GACfC,EAAU,QAAQ,OAAOL,GAErBG,KAAA,QAAAA,EAAS,kBACDE,EAAA,UAAU,IAAIF,EAAQ,cAAc;AAGhD,UAAMG,IAAQC,EAAYC,EAAEC,CAAM,CAAC;AAC1B,aAAA,KAAK,YAAYJ,CAAS,GACnCC,EAAM,aAAaJ,EAAI,UAEvBQ,EAAOJ,GAAOD,CAAS;AAAA,EACzB;AACF;"}
+{"version":3,"file":"ToastsPlugin.js","sources":["../src/plugins/ToastsPlugin.ts"],"sourcesContent":["import { App, createVNode, h, Plugin, render } from 'vue';\n\nimport Toasts from '../components/Toasts/Toasts.vue';\n\nexport interface ToastsPluginOptions {\n  mountNodeClass?: string;\n  mountNodeId?: string;\n}\n\nexport const DEFAULT_TOASTS_PLUGIN_NODE_ID = 'stash-toasts-mount-node';\n\nexport default <Plugin>{\n  install(app: App, options?: ToastsPluginOptions) {\n    const mountNodeId = options?.mountNodeId || DEFAULT_TOASTS_PLUGIN_NODE_ID;\n    let mountNode = document.getElementById(mountNodeId);\n\n    if (!mountNode) {\n      mountNode = document.createElement('div');\n      mountNode.id = mountNodeId;\n      mountNode.dataset.test = DEFAULT_TOASTS_PLUGIN_NODE_ID;\n      document.body.appendChild(mountNode);\n    }\n\n    if (options?.mountNodeClass && !mountNode.classList.contains(options.mountNodeClass)) {\n      mountNode.classList.add(options.mountNodeClass);\n    }\n\n    const vNode = createVNode(h(Toasts));\n    vNode.appContext = app._context;\n\n    render(vNode, mountNode);\n  },\n};\n"],"names":["DEFAULT_TOASTS_PLUGIN_NODE_ID","ToastsPlugin","app","options","mountNodeId","mountNode","vNode","createVNode","h","Toasts","render"],"mappings":";;;;;;;;;;;;;;AASO,MAAMA,IAAgC,2BAEtBC,IAAA;AAAA,EACrB,QAAQC,GAAUC,GAA+B;AACzC,UAAAC,KAAcD,KAAA,gBAAAA,EAAS,gBAAeH;AACxC,QAAAK,IAAY,SAAS,eAAeD,CAAW;AAEnD,IAAKC,MACSA,IAAA,SAAS,cAAc,KAAK,GACxCA,EAAU,KAAKD,GACfC,EAAU,QAAQ,OAAOL,GAChB,SAAA,KAAK,YAAYK,CAAS,IAGjCF,KAAA,QAAAA,EAAS,kBAAkB,CAACE,EAAU,UAAU,SAASF,EAAQ,cAAc,KACvEE,EAAA,UAAU,IAAIF,EAAQ,cAAc;AAGhD,UAAMG,IAAQC,EAAYC,EAAEC,CAAM,CAAC;AACnC,IAAAH,EAAM,aAAaJ,EAAI,UAEvBQ,EAAOJ,GAAOD,CAAS;AAAA,EACzB;AACF;"}

package/dist/index.js

@@ -1,5 +1,5 @@
 import w from "./locale.js";
-import { defineComponent as y, computed as x, openBlock as X, createBlock as Y, mergeProps as D, createSlots as P, renderList as $, unref as N, withCtx as _, createVNode as k, h as I, render as H } from "vue";
+import { defineComponent as y, computed as x, openBlock as X, createBlock as Y, mergeProps as D, createSlots as P, renderList as N, unref as $, withCtx as _, createVNode as k, h as I, render as H } from "vue";
 import B from "lodash-es/omit";
 import F from "./useDialog.js";
 import q from "./CustomRender.js";
@@ -9,7 +9,7 @@ import G from "./ModalsPlugin.js";
 import U from "./ToastsPlugin.js";
 import { overridePersistentStorage as V } from "./storage.js";
 import { persistentStorage as Dt } from "./storage.js";
-import { S as $t, a as Nt, b as _t } from "./colors-8d9b9429.js";
+import { S as Nt, a as $t, b as _t } from "./colors-8d9b9429.js";
 import { S as Ht, a as Bt } from "./misc-76697f61.js";
 import { a as qt, S as At, b as Rt } from "./statusLevels-a8b041f4.js";
 import "lodash-es/get";
@@ -101,7 +101,7 @@ var z = function() {
       var e = this.$$touchObj;
       S(e), O(this), e.touchStarted = e.touchMoved = !1, e.startX = e.startY = 0;
     }
-    function h(e) {
+    function m(e) {
       var t = this.$$touchObj, r = e.type.indexOf("touch") >= 0, f = e.type.indexOf("mouse") >= 0;
       r && (t.lastTouchEndTime = e.timeStamp);
       var d = r && !t.touchHoldTimer;
@@ -119,7 +119,7 @@ var z = function() {
         } else
           T(e, this, "tap");
     }
-    function m() {
+    function h() {
       C(this);
     }
     function b() {
@@ -182,10 +182,10 @@ var z = function() {
           default:
             r.callbacks[d] = r.callbacks[d] || [], r.callbacks[d].push(t);
         }
-        r.hasBindTouchEvents || (e.addEventListener("touchstart", a, f), e.addEventListener("touchmove", p, f), e.addEventListener("touchcancel", v), e.addEventListener("touchend", h), r.options.disableClick || (e.addEventListener("mousedown", a), e.addEventListener("mousemove", p), e.addEventListener("mouseup", h), e.addEventListener("mouseenter", m), e.addEventListener("mouseleave", b)), r.hasBindTouchEvents = !0);
+        r.hasBindTouchEvents || (e.addEventListener("touchstart", a, f), e.addEventListener("touchmove", p, f), e.addEventListener("touchcancel", v), e.addEventListener("touchend", m), r.options.disableClick || (e.addEventListener("mousedown", a), e.addEventListener("mousemove", p), e.addEventListener("mouseup", m), e.addEventListener("mouseenter", h), e.addEventListener("mouseleave", b)), r.hasBindTouchEvents = !0);
       },
       unmounted: function(e) {
-        S(e.$$touchObj), e.removeEventListener("touchstart", a), e.removeEventListener("touchmove", p), e.removeEventListener("touchcancel", v), e.removeEventListener("touchend", h), e.$$touchObj && !e.$$touchObj.options.disableClick && (e.removeEventListener("mousedown", a), e.removeEventListener("mousemove", p), e.removeEventListener("mouseup", h), e.removeEventListener("mouseenter", m), e.removeEventListener("mouseleave", b)), delete e.$$touchObj;
+        S(e.$$touchObj), e.removeEventListener("touchstart", a), e.removeEventListener("touchmove", p), e.removeEventListener("touchcancel", v), e.removeEventListener("touchend", m), e.$$touchObj && !e.$$touchObj.options.disableClick && (e.removeEventListener("mousedown", a), e.removeEventListener("mousemove", p), e.removeEventListener("mouseup", m), e.removeEventListener("mouseenter", h), e.removeEventListener("mouseleave", b)), delete e.$$touchObj;
       }
     }), s.directive(`${n.namespace}-class`, {
       beforeMount: function(e, t) {
@@ -205,26 +205,26 @@ const K = /* @__PURE__ */ y({
   setup(s) {
     const o = F(), n = x(() => o.active ? B(o.active, ["deferred", "onConfirm", "onCancel", "slots"]) : null);
     function a() {
-      var v, h, m;
-      (v = o.active) != null && v.onCancel && o.active.onCancel(), (m = (h = o.active) == null ? void 0 : h.deferred) == null || m.resolve({
+      var v, m, h;
+      (v = o.active) != null && v.onCancel && o.active.onCancel(), (h = (m = o.active) == null ? void 0 : m.deferred) == null || h.resolve({
         isCanceled: !0
       }), o.close();
     }
     async function p() {
-      var v, h, m;
-      (v = o.active) != null && v.onConfirm && await o.active.onConfirm(), (m = (h = o.active) == null ? void 0 : h.deferred) == null || m.resolve({
+      var v, m, h;
+      (v = o.active) != null && v.onConfirm && await o.active.onConfirm(), (h = (m = o.active) == null ? void 0 : m.deferred) == null || h.resolve({
         isConfirmed: !0
       }), o.close();
     }
-    return (v, h) => {
-      var m;
+    return (v, m) => {
+      var h;
       return X(), Y(A, D({
         open: !!n.value
       }, n.value, {
         onConfirm: p,
         onCancel: a
       }), P({ _: 2 }, [
-        $((m = N(o).active) == null ? void 0 : m.slots, (b, c) => ({
+        N((h = $(o).active) == null ? void 0 : h.slots, (b, c) => ({
           name: c,
           fn: _(() => [
             k(q, { render: b }, null, 8, ["render"])
@@ -237,11 +237,9 @@ const K = /* @__PURE__ */ y({
   install(s, o) {
     const n = (o == null ? void 0 : o.mountNodeId) || j;
     let a = document.getElementById(n);
-    if (a)
-      return;
-    a = document.createElement("div"), a.id = n, a.dataset.test = j, o != null && o.mountNodeClass && a.classList.add(o.mountNodeClass);
+    a || (a = document.createElement("div"), a.id = n, a.dataset.test = j, document.body.appendChild(a)), o != null && o.mountNodeClass && !a.classList.contains(o.mountNodeClass) && a.classList.add(o.mountNodeClass);
     const p = k(I(K));
-    document.body.appendChild(a), p.appContext = s._context, H(p, a);
+    p.appContext = s._context, H(p, a);
   }
 }, xt = {
   install(s, {
@@ -252,8 +250,8 @@ const K = /* @__PURE__ */ y({
       provider: "static"
     },
     googleMapsApiKey: v = void 0,
-    menus: h,
-    modals: m,
+    menus: m,
+    modals: h,
     toasts: b,
     dialogs: c
   } = {}) {
@@ -263,13 +261,13 @@ const K = /* @__PURE__ */ y({
       storage: n,
       staticPath: a,
       googleMapsApiKey: v
-    }), h !== !1 && s.use(R, h), m !== !1 && s.use(G, m), b !== !1 && s.use(U, b), c !== !1 && s.use(Q, c);
+    }), m !== !1 && s.use(R, m), h !== !1 && s.use(G, h), b !== !1 && s.use(U, b), c !== !1 && s.use(Q, c);
   }
 };
 export {
   Ht as SpacingDensity,
-  $t as StashColors,
-  Nt as StashCommonColors,
+  Nt as StashColors,
+  $t as StashCommonColors,
   Bt as StashImageProvider,
   _t as StashPrimaryColors,
   qt as StatusColors,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../node_modules/vue3-touch-events/index.js","../src/components/Dialogs/Dialogs.vue","../src/plugins/DialogsPlugin.ts","../src/index.ts"],"sourcesContent":["/**\r\n * @project   vue3-touch-events\r\n * @author    Robin Rodricks, Xavier Julien, Jerry Bendy\r\n * @since     30/4/2021\r\n * @url       https://github.com/robinrodricks/vue3-touch-events\r\n */\r\n\r\nfunction touchX(event) {\r\n    if(event.type.indexOf('mouse') !== -1){\r\n        return event.clientX;\r\n    }\r\n    return event.touches[0].clientX;\r\n}\r\n\r\nfunction touchY(event) {\r\n    if(event.type.indexOf('mouse') !== -1){\r\n        return event.clientY;\r\n    }\r\n    return event.touches[0].clientY;\r\n}\r\n\r\nvar isPassiveSupported = (function() {\r\n    var supportsPassive = false;\r\n    try {\r\n        var opts = Object.defineProperty({}, 'passive', {\r\n            get: function() {\r\n                supportsPassive = true;\r\n            }\r\n        });\r\n        window.addEventListener('test', null, opts);\r\n    } catch (e) {}\r\n    return supportsPassive;\r\n})();\r\n\r\nvar vueTouchEvents = {\r\n    install: function (app, constructorOptions) {\r\n\t\t\r\n        var globalOptions = Object.assign({}, {\r\n            disableClick: false,\r\n            tapTolerance: 10,  // px\r\n            swipeTolerance: 30,  // px\r\n            touchHoldTolerance: 400,  // ms\r\n            longTapTimeInterval: 400,  // ms\r\n            touchClass: '',\r\n\t\t\tdragFrequency: 100, // ms\r\n\t\t\trollOverFrequency: 100, // ms\r\n            namespace: 'touch',\r\n        }, constructorOptions);\r\n\r\n        function touchStartEvent(event) {\r\n            var $this = this.$$touchObj,\r\n                isTouchEvent = event.type.indexOf('touch') >= 0,\r\n                isMouseEvent = event.type.indexOf('mouse') >= 0,\r\n                $el = this;\r\n\r\n            if (isTouchEvent) {\r\n                $this.lastTouchStartTime = event.timeStamp;\r\n            }\r\n\r\n            if (isMouseEvent && $this.lastTouchStartTime && event.timeStamp - $this.lastTouchStartTime < 350) {\r\n                return;\r\n            }\r\n\r\n            if ($this.touchStarted) {\r\n                return;\r\n            }\r\n\r\n            addTouchClass(this);\r\n\r\n            $this.touchStarted = true; // always true while the element is being PRESSED\r\n\r\n            $this.touchMoved = false; // true only when the element is PRESSED and DRAGGED a bit\r\n            $this.swipeOutBounded = false;\r\n\r\n            $this.startX = touchX(event);\r\n            $this.startY = touchY(event);\r\n\r\n            $this.currentX = 0; // always updated with the last mouse X/Y while over the element\r\n            $this.currentY = 0;\r\n\r\n            $this.touchStartTime = event.timeStamp;\r\n\t\t\t\r\n\t\t\t// performance: only process swipe events if `swipe.*` event is registered on this element\r\n\t\t\t$this.hasSwipe = hasEvent(this, 'swipe')\r\n\t\t\t\t|| hasEvent(this, 'swipe.left') || hasEvent(this, 'swipe.right')\r\n\t\t\t\t|| hasEvent(this, 'swipe.top') || hasEvent(this, 'swipe.bottom');\r\n\r\n\t\t\t// performance: only start hold timer if the `hold` event is registered on this element\r\n\t\t\tif (hasEvent(this, 'hold')){\r\n\t\t\t\t\r\n\t\t\t\t// Trigger touchhold event after `touchHoldTolerance` MS\r\n\t\t\t\t$this.touchHoldTimer = setTimeout(function() {\r\n\t\t\t\t\t$this.touchHoldTimer = null;\r\n\t\t\t\t\ttriggerEvent(event, $el, 'hold');\r\n\t\t\t\t}, $this.options.touchHoldTolerance);\r\n\t\t\t}\r\n\t\t\t\r\n            triggerEvent(event, this, 'press');\r\n        }\r\n\r\n        function touchMoveEvent(event) {\r\n            var $this = this.$$touchObj;\r\n\t\t\t\r\n\t\t\tvar curX = touchX(event);\r\n\t\t\tvar curY = touchY(event);\r\n\r\n\t\t\tvar movedAgain = ($this.currentX != curX) || ($this.currentY != curY);\r\n\t\t\t\r\n            $this.currentX = curX;\r\n            $this.currentY = curY;\r\n\r\n            if (!$this.touchMoved) {\r\n                var tapTolerance = $this.options.tapTolerance;\r\n\r\n                $this.touchMoved = Math.abs($this.startX - $this.currentX) > tapTolerance ||\r\n\t\t\t\t\t\t\t\t   Math.abs($this.startY - $this.currentY) > tapTolerance;\r\n\r\n\t\t\t\t// trigger `drag.once` only once after mouse FIRST moved while dragging the element\r\n\t\t\t\t// (`touchMoved` is the flag that indicates we no longer need to trigger this)\r\n                if($this.touchMoved){\r\n                    cancelTouchHoldTimer($this);\r\n                    triggerEvent(event, this, 'drag.once');\r\n                }\r\n\r\n\t\t\t// performance: only process swipe events if `swipe.*` event is registered on this element\r\n            } else if ($this.hasSwipe && !$this.swipeOutBounded) {\r\n\t\t\t\tvar swipeOutBounded = $this.options.swipeTolerance;\r\n\r\n\t\t\t\t$this.swipeOutBounded = Math.abs($this.startX - $this.currentX) > swipeOutBounded &&\r\n\t\t\t\t\tMath.abs($this.startY - $this.currentY) > swipeOutBounded;\r\n            }\r\n\r\n\t\t\t// only trigger `rollover` event if cursor actually moved over this element\r\n            if(hasEvent(this, 'rollover') && movedAgain){\r\n\t\t\t\t\r\n\t\t\t\t// throttle the `rollover` event based on `rollOverFrequency`\r\n\t\t\t\tvar now = event.timeStamp;\r\n\t\t\t\tvar throttle = $this.options.rollOverFrequency;\r\n\t\t\t\tif ($this.touchRollTime == null || now > ($this.touchRollTime + throttle)){\r\n\t\t\t\t\t$this.touchRollTime = now;\r\n\t\t\t\t\t\r\n\t\t\t\t\ttriggerEvent(event, this, 'rollover');\r\n\t\t\t\t}\r\n            }\r\n\r\n\t\t\t// only trigger `drag` event if cursor actually moved and if we are still dragging this element\r\n            if(hasEvent(this, 'drag') && $this.touchStarted && $this.touchMoved && movedAgain){\r\n\t\t\t\t\r\n\t\t\t\t// throttle the `drag` event based on `dragFrequency`\r\n\t\t\t\tvar now = event.timeStamp;\r\n\t\t\t\tvar throttle = $this.options.dragFrequency;\r\n\t\t\t\tif ($this.touchDragTime == null || now > ($this.touchDragTime + throttle)){\r\n\t\t\t\t\t$this.touchDragTime = now;\r\n\t\t\t\t\t\r\n\t\t\t\t\ttriggerEvent(event, this, 'drag');\r\n\t\t\t\t}\r\n            }\r\n        }\r\n\r\n        function touchCancelEvent() {\r\n            var $this = this.$$touchObj;\r\n\r\n            cancelTouchHoldTimer($this);\r\n            removeTouchClass(this);\r\n\r\n            $this.touchStarted = $this.touchMoved = false;\r\n            $this.startX = $this.startY = 0;\r\n        }\r\n\r\n        function touchEndEvent(event) {\r\n            var $this = this.$$touchObj,\r\n                isTouchEvent = event.type.indexOf('touch') >= 0,\r\n                isMouseEvent = event.type.indexOf('mouse') >= 0;\r\n\r\n            if (isTouchEvent) {\r\n                $this.lastTouchEndTime = event.timeStamp;\r\n            }\r\n\r\n            var touchholdEnd = isTouchEvent && !$this.touchHoldTimer;\r\n            cancelTouchHoldTimer($this);\r\n\r\n            $this.touchStarted = false;\r\n\r\n            removeTouchClass(this);\r\n\r\n            if (isMouseEvent && $this.lastTouchEndTime && event.timeStamp - $this.lastTouchEndTime < 350) {\r\n                return;\r\n            }\r\n\r\n            // trigger `end` event when touch stopped\r\n            triggerEvent(event, this, 'release');\r\n\r\n            if (!$this.touchMoved) {\r\n                // detect if this is a longTap event or not\r\n                if (hasEvent(this, 'longtap') && event.timeStamp - $this.touchStartTime > $this.options.longTapTimeInterval) {\r\n                    if (event.cancelable) {\r\n                        event.preventDefault();\r\n                    }\r\n                    triggerEvent(event, this, 'longtap');\r\n\r\n                } else if (hasEvent(this, 'hold') && touchholdEnd) {\r\n                    if (event.cancelable) {\r\n                        event.preventDefault();\r\n                    }\r\n                    return;\r\n                } else {\r\n                    // emit tap event\r\n                    triggerEvent(event, this, 'tap');\r\n                }\r\n\r\n\t\t\t// performance: only process swipe events if `swipe.*` event is registered on this element\r\n            } else if ($this.hasSwipe && !$this.swipeOutBounded) {\r\n                var swipeOutBounded = $this.options.swipeTolerance,\r\n                    direction,\r\n                    distanceY = Math.abs($this.startY - $this.currentY),\r\n                    distanceX = Math.abs($this.startX - $this.currentX);\r\n\r\n                if (distanceY > swipeOutBounded || distanceX > swipeOutBounded) {\r\n                    if (distanceY > distanceX) {\r\n                        direction = $this.startY > $this.currentY ? 'top' : 'bottom';\r\n                    } else {\r\n                        direction = $this.startX > $this.currentX ? 'left' : 'right';\r\n                    }\r\n\r\n                    // Only emit the specified event when it has modifiers\r\n                    if (hasEvent(this, 'swipe.' + direction)) {\r\n                        triggerEvent(event, this, 'swipe.' + direction, direction);\r\n                    } else {\r\n                        // Emit a common event when it has no any modifier\r\n                        triggerEvent(event, this, 'swipe', direction);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        function mouseEnterEvent() {\r\n            addTouchClass(this);\r\n        }\r\n\r\n        function mouseLeaveEvent() {\r\n            removeTouchClass(this);\r\n        }\r\n\r\n        function hasEvent($el, eventType) {\r\n            var callbacks = $el.$$touchObj.callbacks[eventType];\r\n\t\t\treturn (callbacks != null && callbacks.length > 0);\r\n\t\t}\r\n\t\t\r\n        function triggerEvent(e, $el, eventType, param) {\r\n            var $this = $el.$$touchObj;\r\n\r\n            // get the subscribers for this event\r\n            var callbacks = $this.callbacks[eventType];\r\n\t\t\t\r\n\t\t\t// exit if no subscribers to this particular event\r\n            if (callbacks == null || callbacks.length === 0) {\r\n                return null;\r\n            }\r\n\r\n\t\t\t// per callback\r\n            for (var i = 0; i < callbacks.length; i++) {\r\n                var binding = callbacks[i];\r\n\r\n                if (binding.modifiers.stop) {\r\n                    e.stopPropagation();\r\n                }\r\n\r\n                if (binding.modifiers.prevent) {\r\n                    e.preventDefault();\r\n                }\r\n\r\n                // handle `self` modifier`\r\n                if (binding.modifiers.self && e.target !== e.currentTarget) {\r\n                    continue;\r\n                }\r\n\r\n                if (typeof binding.value === 'function') {\r\n                    if (param) {\r\n                        binding.value(param, e);\r\n                    } else {\r\n                        binding.value(e);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        function addTouchClass($el) {\r\n            var className = $el.$$touchObj.options.touchClass;\r\n            className && $el.classList.add(className);\r\n        }\r\n\r\n        function removeTouchClass($el) {\r\n            var className = $el.$$touchObj.options.touchClass;\r\n            className && $el.classList.remove(className);\r\n        }\r\n\r\n        function cancelTouchHoldTimer($this) {\r\n            if ($this && $this.touchHoldTimer) {\r\n                clearTimeout($this.touchHoldTimer);\r\n                $this.touchHoldTimer = null;\r\n            }\r\n        }\r\n\r\n        function buildTouchObj($el, extraOptions) {\r\n            var touchObj = $el.$$touchObj || {\r\n                // an object contains all callbacks registered,\r\n                // key is event name, value is an array\r\n                callbacks: {},\r\n                // prevent bind twice, set to true when event bound\r\n                hasBindTouchEvents: false,\r\n                // default options, would be override by v-touch-options\r\n                options: globalOptions\r\n            };\r\n            if (extraOptions) {\r\n                touchObj.options = Object.assign({}, touchObj.options, extraOptions);\r\n            }\r\n            $el.$$touchObj = touchObj;\r\n            return $el.$$touchObj;\r\n        }\r\n\r\n        app.directive(globalOptions.namespace, {\r\n            beforeMount: function ($el, binding) {\r\n                // build a touch configuration object\r\n                var $this = buildTouchObj($el);\r\n                // declare passive option for the event listener. Defaults to { passive: true } if supported\r\n                var passiveOpt = isPassiveSupported ? { passive: true } : false;\r\n                // register callback\r\n                var eventType = binding.arg || 'tap';\r\n                switch (eventType) {\r\n                    case 'swipe':\r\n                        var _m = binding.modifiers;\r\n                        if (_m.left || _m.right || _m.top || _m.bottom) {\r\n                            for (var i in binding.modifiers) {\r\n                                if (['left', 'right', 'top', 'bottom'].indexOf(i) >= 0) {\r\n                                    var _e = 'swipe.' + i;\r\n                                    $this.callbacks[_e] = $this.callbacks[_e] || [];\r\n                                    $this.callbacks[_e].push(binding);\r\n                                }\r\n                            }\r\n                        } else {\r\n                            $this.callbacks.swipe = $this.callbacks.swipe || [];\r\n                            $this.callbacks.swipe.push(binding);\r\n                        }\r\n                        break;\r\n\r\n                    case 'press':\r\n                    case 'drag':\r\n                        if (binding.modifiers.disablePassive) {\r\n                            // change the passive option for the `drag` event if disablePassive modifier exists\r\n                            passiveOpt = false;\r\n                        }\r\n                    default:\r\n                        $this.callbacks[eventType] = $this.callbacks[eventType] || [];\r\n                        $this.callbacks[eventType].push(binding);\r\n                }\r\n\r\n                // prevent bind twice\r\n                if ($this.hasBindTouchEvents) {\r\n                    return;\r\n                }\r\n\r\n                $el.addEventListener('touchstart', touchStartEvent, passiveOpt);\r\n                $el.addEventListener('touchmove', touchMoveEvent, passiveOpt);\r\n                $el.addEventListener('touchcancel', touchCancelEvent);\r\n                $el.addEventListener('touchend', touchEndEvent);\r\n\r\n                if (!$this.options.disableClick) {\r\n                    $el.addEventListener('mousedown', touchStartEvent);\r\n                    $el.addEventListener('mousemove', touchMoveEvent);\r\n                    $el.addEventListener('mouseup', touchEndEvent);\r\n                    $el.addEventListener('mouseenter', mouseEnterEvent);\r\n                    $el.addEventListener('mouseleave', mouseLeaveEvent);\r\n                }\r\n\r\n                // set bind mark to true\r\n                $this.hasBindTouchEvents = true;\r\n            },\r\n\r\n            unmounted: function ($el) {\r\n                cancelTouchHoldTimer($el.$$touchObj)\r\n\r\n                $el.removeEventListener('touchstart', touchStartEvent);\r\n                $el.removeEventListener('touchmove', touchMoveEvent);\r\n                $el.removeEventListener('touchcancel', touchCancelEvent);\r\n                $el.removeEventListener('touchend', touchEndEvent);\r\n\r\n                if ($el.$$touchObj && !$el.$$touchObj.options.disableClick) {\r\n                    $el.removeEventListener('mousedown', touchStartEvent);\r\n                    $el.removeEventListener('mousemove', touchMoveEvent);\r\n                    $el.removeEventListener('mouseup', touchEndEvent);\r\n                    $el.removeEventListener('mouseenter', mouseEnterEvent);\r\n                    $el.removeEventListener('mouseleave', mouseLeaveEvent);\r\n                }\r\n\r\n                // remove vars\r\n                delete $el.$$touchObj;\r\n            }\r\n        });\r\n\r\n        app.directive(`${globalOptions.namespace}-class`, {\r\n            beforeMount: function ($el, binding) {\r\n                buildTouchObj($el, {\r\n                    touchClass: binding.value\r\n                });\r\n            }\r\n        });\r\n\r\n        app.directive(`${globalOptions.namespace}-options`, {\r\n            beforeMount: function($el, binding) {\r\n                buildTouchObj($el, binding.value);\r\n            }\r\n        });\r\n    }\r\n};\r\n\r\n/*\r\n * Exports\r\n */\r\nexport default vueTouchEvents\r\n","<script setup lang=\"ts\">\n  import omit from 'lodash-es/omit';\n  import { computed } from 'vue';\n\n  import useDialog from '../../composables/useDialog/useDialog';\n  import CustomRender from '../CustomRender/CustomRender.vue';\n  import Dialog from '../Dialog/Dialog.vue';\n\n  const dialog = useDialog();\n\n  const attributes = computed(() => {\n    if (!dialog.active) return null;\n\n    return omit(dialog.active, ['deferred', 'onConfirm', 'onCancel', 'slots']);\n  });\n\n  function onCancel() {\n    if (dialog.active?.onCancel) {\n      dialog.active.onCancel();\n    }\n\n    dialog.active?.deferred?.resolve({\n      isCanceled: true,\n    });\n\n    dialog.close();\n  }\n\n  async function onConfirm() {\n    if (dialog.active?.onConfirm) {\n      await dialog.active.onConfirm();\n    }\n\n    dialog.active?.deferred?.resolve({\n      isConfirmed: true,\n    });\n\n    dialog.close();\n  }\n</script>\n\n<template>\n  <Dialog :open=\"!!attributes\" v-bind=\"attributes\" @confirm=\"onConfirm\" @cancel=\"onCancel\">\n    <template v-for=\"(value, name) in dialog.active?.slots\" :key=\"name\" #[name]>\n      <CustomRender :render=\"value\" />\n    </template>\n  </Dialog>\n</template>\n","import { App, createVNode, h, Plugin, render } from 'vue';\n\nimport Dialogs from '../components/Dialogs/Dialogs.vue';\n\nexport interface DialogsPluginOptions {\n  mountNodeClass?: string;\n  mountNodeId?: string;\n}\n\nexport const DEFAULT_DIALOGS_PLUGIN_NODE_ID = 'stash-dialogs-mount-node';\n\nexport default <Plugin>{\n  install(app: App, options?: DialogsPluginOptions) {\n    const mountNodeId = options?.mountNodeId || DEFAULT_DIALOGS_PLUGIN_NODE_ID;\n    let mountNode = document.getElementById(mountNodeId);\n\n    // If the mount node already exists, do nothing\n    if (mountNode) {\n      return;\n    }\n\n    mountNode = document.createElement('div');\n    mountNode.id = mountNodeId;\n    mountNode.dataset.test = DEFAULT_DIALOGS_PLUGIN_NODE_ID;\n\n    if (options?.mountNodeClass) {\n      mountNode.classList.add(options.mountNodeClass);\n    }\n\n    const vNode = createVNode(h(Dialogs));\n    document.body.appendChild(mountNode);\n    vNode.appContext = app._context;\n\n    render(vNode, mountNode);\n  },\n};\n","import { Plugin } from 'vue';\nimport Vue3TouchEvents, { type Vue3TouchEventsOptions } from 'vue3-touch-events';\n\nimport { I18nPlugin, StashOptionImages, StashProvideState } from '../types/misc';\nimport locale from './locale';\n// this is valid syntax per the TS docs, but prettier throws an error expecting a comma after `type`\n// eslint-disable-next-line prettier/prettier\nimport DialogsPlugin, { type DialogsPluginOptions } from './plugins/DialogsPlugin';\nimport MenusPlugin, { type MenusPluginOptions } from './plugins/MenusPlugin';\nimport ModalsPlugin, { type ModalsPluginOptions } from './plugins/ModalsPlugin';\nimport ToastsPlugin, { type ToastsPluginOptions } from './plugins/ToastsPlugin';\nimport { overridePersistentStorage, persistentStorage } from './storage';\n\nexport interface StashPluginOptions {\n  i18n?: I18nPlugin;\n  storage?: {\n    set: <T = unknown>(name: string, data: T, options?: { [key: string]: unknown }) => void;\n    get: <T = unknown>(name: string, options?: { [key: string]: unknown }) => T;\n  };\n  staticPath?: string;\n  images?: StashOptionImages;\n  googleMapsApiKey?: string;\n  menus?: false | MenusPluginOptions;\n  modals?: false | ModalsPluginOptions;\n  toasts?: false | ToastsPluginOptions;\n  dialogs?: false | DialogsPluginOptions;\n}\n\nexport default <Plugin>{\n  install(\n    app,\n    {\n      i18n = undefined,\n      storage = undefined,\n      staticPath = '/static',\n      images = {\n        provider: 'static',\n      },\n      googleMapsApiKey = undefined,\n      menus,\n      modals,\n      toasts,\n      dialogs,\n    }: StashPluginOptions = {},\n  ) {\n    app.use<Vue3TouchEventsOptions>(Vue3TouchEvents, {});\n\n    // locale\n    if (i18n) {\n      locale.use(i18n.locale);\n      locale.i18n(i18n && i18n.t);\n    }\n\n    // persistent storage (localStorage)\n    if (storage) {\n      overridePersistentStorage(storage);\n    }\n\n    // expose stash options to the rest of your application\n    app.provide<StashProvideState>('stashOptions', {\n      i18n,\n      images,\n      storage,\n      staticPath,\n      googleMapsApiKey,\n    });\n\n    if (menus !== false) {\n      app.use(MenusPlugin, menus);\n    }\n\n    if (modals !== false) {\n      app.use(ModalsPlugin, modals);\n    }\n\n    if (toasts !== false) {\n      app.use(ToastsPlugin, toasts);\n    }\n\n    if (dialogs !== false) {\n      app.use(DialogsPlugin, dialogs);\n    }\n  },\n};\n\nexport { persistentStorage };\n\n// Re-export things that are useful for consumers\nexport * from '../types';\nexport * from './storage';\n\n// Todo: Investigate tree-shaking issues to see if we can expose these. Theoritically\n// should be no issue, however test framework startup time, specifically w/ Jest,\n// seems to be the major blocker here.\n// export * from './components';\n// export * from './composables';\n// export * from './constants';\n// export * from './directives';\n// export * from './locale';\n// export * from './plugins';\n// export { default as ToastsPlugin } from './plugins/ToastsPlugin';\n"],"names":["touchX","event","touchY","isPassiveSupported","supportsPassive","opts","vueTouchEvents","app","constructorOptions","globalOptions","touchStartEvent","$this","isTouchEvent","isMouseEvent","$el","addTouchClass","hasEvent","triggerEvent","touchMoveEvent","curX","curY","movedAgain","swipeOutBounded","tapTolerance","cancelTouchHoldTimer","now","throttle","touchCancelEvent","removeTouchClass","touchEndEvent","touchholdEnd","direction","distanceY","distanceX","mouseEnterEvent","mouseLeaveEvent","eventType","callbacks","param","i","binding","className","buildTouchObj","extraOptions","touchObj","passiveOpt","_m","_e","dialog","useDialog","attributes","computed","omit","onCancel","_a","_c","_b","onConfirm","DEFAULT_DIALOGS_PLUGIN_NODE_ID","DialogsPlugin","options","mountNodeId","mountNode","vNode","createVNode","h","Dialogs","render","index","i18n","storage","staticPath","images","googleMapsApiKey","menus","modals","toasts","dialogs","Vue3TouchEvents","locale","overridePersistentStorage","MenusPlugin","ModalsPlugin","ToastsPlugin"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../node_modules/vue3-touch-events/index.js","../src/components/Dialogs/Dialogs.vue","../src/plugins/DialogsPlugin.ts","../src/index.ts"],"sourcesContent":["/**\r\n * @project   vue3-touch-events\r\n * @author    Robin Rodricks, Xavier Julien, Jerry Bendy\r\n * @since     30/4/2021\r\n * @url       https://github.com/robinrodricks/vue3-touch-events\r\n */\r\n\r\nfunction touchX(event) {\r\n    if(event.type.indexOf('mouse') !== -1){\r\n        return event.clientX;\r\n    }\r\n    return event.touches[0].clientX;\r\n}\r\n\r\nfunction touchY(event) {\r\n    if(event.type.indexOf('mouse') !== -1){\r\n        return event.clientY;\r\n    }\r\n    return event.touches[0].clientY;\r\n}\r\n\r\nvar isPassiveSupported = (function() {\r\n    var supportsPassive = false;\r\n    try {\r\n        var opts = Object.defineProperty({}, 'passive', {\r\n            get: function() {\r\n                supportsPassive = true;\r\n            }\r\n        });\r\n        window.addEventListener('test', null, opts);\r\n    } catch (e) {}\r\n    return supportsPassive;\r\n})();\r\n\r\nvar vueTouchEvents = {\r\n    install: function (app, constructorOptions) {\r\n\t\t\r\n        var globalOptions = Object.assign({}, {\r\n            disableClick: false,\r\n            tapTolerance: 10,  // px\r\n            swipeTolerance: 30,  // px\r\n            touchHoldTolerance: 400,  // ms\r\n            longTapTimeInterval: 400,  // ms\r\n            touchClass: '',\r\n\t\t\tdragFrequency: 100, // ms\r\n\t\t\trollOverFrequency: 100, // ms\r\n            namespace: 'touch',\r\n        }, constructorOptions);\r\n\r\n        function touchStartEvent(event) {\r\n            var $this = this.$$touchObj,\r\n                isTouchEvent = event.type.indexOf('touch') >= 0,\r\n                isMouseEvent = event.type.indexOf('mouse') >= 0,\r\n                $el = this;\r\n\r\n            if (isTouchEvent) {\r\n                $this.lastTouchStartTime = event.timeStamp;\r\n            }\r\n\r\n            if (isMouseEvent && $this.lastTouchStartTime && event.timeStamp - $this.lastTouchStartTime < 350) {\r\n                return;\r\n            }\r\n\r\n            if ($this.touchStarted) {\r\n                return;\r\n            }\r\n\r\n            addTouchClass(this);\r\n\r\n            $this.touchStarted = true; // always true while the element is being PRESSED\r\n\r\n            $this.touchMoved = false; // true only when the element is PRESSED and DRAGGED a bit\r\n            $this.swipeOutBounded = false;\r\n\r\n            $this.startX = touchX(event);\r\n            $this.startY = touchY(event);\r\n\r\n            $this.currentX = 0; // always updated with the last mouse X/Y while over the element\r\n            $this.currentY = 0;\r\n\r\n            $this.touchStartTime = event.timeStamp;\r\n\t\t\t\r\n\t\t\t// performance: only process swipe events if `swipe.*` event is registered on this element\r\n\t\t\t$this.hasSwipe = hasEvent(this, 'swipe')\r\n\t\t\t\t|| hasEvent(this, 'swipe.left') || hasEvent(this, 'swipe.right')\r\n\t\t\t\t|| hasEvent(this, 'swipe.top') || hasEvent(this, 'swipe.bottom');\r\n\r\n\t\t\t// performance: only start hold timer if the `hold` event is registered on this element\r\n\t\t\tif (hasEvent(this, 'hold')){\r\n\t\t\t\t\r\n\t\t\t\t// Trigger touchhold event after `touchHoldTolerance` MS\r\n\t\t\t\t$this.touchHoldTimer = setTimeout(function() {\r\n\t\t\t\t\t$this.touchHoldTimer = null;\r\n\t\t\t\t\ttriggerEvent(event, $el, 'hold');\r\n\t\t\t\t}, $this.options.touchHoldTolerance);\r\n\t\t\t}\r\n\t\t\t\r\n            triggerEvent(event, this, 'press');\r\n        }\r\n\r\n        function touchMoveEvent(event) {\r\n            var $this = this.$$touchObj;\r\n\t\t\t\r\n\t\t\tvar curX = touchX(event);\r\n\t\t\tvar curY = touchY(event);\r\n\r\n\t\t\tvar movedAgain = ($this.currentX != curX) || ($this.currentY != curY);\r\n\t\t\t\r\n            $this.currentX = curX;\r\n            $this.currentY = curY;\r\n\r\n            if (!$this.touchMoved) {\r\n                var tapTolerance = $this.options.tapTolerance;\r\n\r\n                $this.touchMoved = Math.abs($this.startX - $this.currentX) > tapTolerance ||\r\n\t\t\t\t\t\t\t\t   Math.abs($this.startY - $this.currentY) > tapTolerance;\r\n\r\n\t\t\t\t// trigger `drag.once` only once after mouse FIRST moved while dragging the element\r\n\t\t\t\t// (`touchMoved` is the flag that indicates we no longer need to trigger this)\r\n                if($this.touchMoved){\r\n                    cancelTouchHoldTimer($this);\r\n                    triggerEvent(event, this, 'drag.once');\r\n                }\r\n\r\n\t\t\t// performance: only process swipe events if `swipe.*` event is registered on this element\r\n            } else if ($this.hasSwipe && !$this.swipeOutBounded) {\r\n\t\t\t\tvar swipeOutBounded = $this.options.swipeTolerance;\r\n\r\n\t\t\t\t$this.swipeOutBounded = Math.abs($this.startX - $this.currentX) > swipeOutBounded &&\r\n\t\t\t\t\tMath.abs($this.startY - $this.currentY) > swipeOutBounded;\r\n            }\r\n\r\n\t\t\t// only trigger `rollover` event if cursor actually moved over this element\r\n            if(hasEvent(this, 'rollover') && movedAgain){\r\n\t\t\t\t\r\n\t\t\t\t// throttle the `rollover` event based on `rollOverFrequency`\r\n\t\t\t\tvar now = event.timeStamp;\r\n\t\t\t\tvar throttle = $this.options.rollOverFrequency;\r\n\t\t\t\tif ($this.touchRollTime == null || now > ($this.touchRollTime + throttle)){\r\n\t\t\t\t\t$this.touchRollTime = now;\r\n\t\t\t\t\t\r\n\t\t\t\t\ttriggerEvent(event, this, 'rollover');\r\n\t\t\t\t}\r\n            }\r\n\r\n\t\t\t// only trigger `drag` event if cursor actually moved and if we are still dragging this element\r\n            if(hasEvent(this, 'drag') && $this.touchStarted && $this.touchMoved && movedAgain){\r\n\t\t\t\t\r\n\t\t\t\t// throttle the `drag` event based on `dragFrequency`\r\n\t\t\t\tvar now = event.timeStamp;\r\n\t\t\t\tvar throttle = $this.options.dragFrequency;\r\n\t\t\t\tif ($this.touchDragTime == null || now > ($this.touchDragTime + throttle)){\r\n\t\t\t\t\t$this.touchDragTime = now;\r\n\t\t\t\t\t\r\n\t\t\t\t\ttriggerEvent(event, this, 'drag');\r\n\t\t\t\t}\r\n            }\r\n        }\r\n\r\n        function touchCancelEvent() {\r\n            var $this = this.$$touchObj;\r\n\r\n            cancelTouchHoldTimer($this);\r\n            removeTouchClass(this);\r\n\r\n            $this.touchStarted = $this.touchMoved = false;\r\n            $this.startX = $this.startY = 0;\r\n        }\r\n\r\n        function touchEndEvent(event) {\r\n            var $this = this.$$touchObj,\r\n                isTouchEvent = event.type.indexOf('touch') >= 0,\r\n                isMouseEvent = event.type.indexOf('mouse') >= 0;\r\n\r\n            if (isTouchEvent) {\r\n                $this.lastTouchEndTime = event.timeStamp;\r\n            }\r\n\r\n            var touchholdEnd = isTouchEvent && !$this.touchHoldTimer;\r\n            cancelTouchHoldTimer($this);\r\n\r\n            $this.touchStarted = false;\r\n\r\n            removeTouchClass(this);\r\n\r\n            if (isMouseEvent && $this.lastTouchEndTime && event.timeStamp - $this.lastTouchEndTime < 350) {\r\n                return;\r\n            }\r\n\r\n            // trigger `end` event when touch stopped\r\n            triggerEvent(event, this, 'release');\r\n\r\n            if (!$this.touchMoved) {\r\n                // detect if this is a longTap event or not\r\n                if (hasEvent(this, 'longtap') && event.timeStamp - $this.touchStartTime > $this.options.longTapTimeInterval) {\r\n                    if (event.cancelable) {\r\n                        event.preventDefault();\r\n                    }\r\n                    triggerEvent(event, this, 'longtap');\r\n\r\n                } else if (hasEvent(this, 'hold') && touchholdEnd) {\r\n                    if (event.cancelable) {\r\n                        event.preventDefault();\r\n                    }\r\n                    return;\r\n                } else {\r\n                    // emit tap event\r\n                    triggerEvent(event, this, 'tap');\r\n                }\r\n\r\n\t\t\t// performance: only process swipe events if `swipe.*` event is registered on this element\r\n            } else if ($this.hasSwipe && !$this.swipeOutBounded) {\r\n                var swipeOutBounded = $this.options.swipeTolerance,\r\n                    direction,\r\n                    distanceY = Math.abs($this.startY - $this.currentY),\r\n                    distanceX = Math.abs($this.startX - $this.currentX);\r\n\r\n                if (distanceY > swipeOutBounded || distanceX > swipeOutBounded) {\r\n                    if (distanceY > distanceX) {\r\n                        direction = $this.startY > $this.currentY ? 'top' : 'bottom';\r\n                    } else {\r\n                        direction = $this.startX > $this.currentX ? 'left' : 'right';\r\n                    }\r\n\r\n                    // Only emit the specified event when it has modifiers\r\n                    if (hasEvent(this, 'swipe.' + direction)) {\r\n                        triggerEvent(event, this, 'swipe.' + direction, direction);\r\n                    } else {\r\n                        // Emit a common event when it has no any modifier\r\n                        triggerEvent(event, this, 'swipe', direction);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        function mouseEnterEvent() {\r\n            addTouchClass(this);\r\n        }\r\n\r\n        function mouseLeaveEvent() {\r\n            removeTouchClass(this);\r\n        }\r\n\r\n        function hasEvent($el, eventType) {\r\n            var callbacks = $el.$$touchObj.callbacks[eventType];\r\n\t\t\treturn (callbacks != null && callbacks.length > 0);\r\n\t\t}\r\n\t\t\r\n        function triggerEvent(e, $el, eventType, param) {\r\n            var $this = $el.$$touchObj;\r\n\r\n            // get the subscribers for this event\r\n            var callbacks = $this.callbacks[eventType];\r\n\t\t\t\r\n\t\t\t// exit if no subscribers to this particular event\r\n            if (callbacks == null || callbacks.length === 0) {\r\n                return null;\r\n            }\r\n\r\n\t\t\t// per callback\r\n            for (var i = 0; i < callbacks.length; i++) {\r\n                var binding = callbacks[i];\r\n\r\n                if (binding.modifiers.stop) {\r\n                    e.stopPropagation();\r\n                }\r\n\r\n                if (binding.modifiers.prevent) {\r\n                    e.preventDefault();\r\n                }\r\n\r\n                // handle `self` modifier`\r\n                if (binding.modifiers.self && e.target !== e.currentTarget) {\r\n                    continue;\r\n                }\r\n\r\n                if (typeof binding.value === 'function') {\r\n                    if (param) {\r\n                        binding.value(param, e);\r\n                    } else {\r\n                        binding.value(e);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        function addTouchClass($el) {\r\n            var className = $el.$$touchObj.options.touchClass;\r\n            className && $el.classList.add(className);\r\n        }\r\n\r\n        function removeTouchClass($el) {\r\n            var className = $el.$$touchObj.options.touchClass;\r\n            className && $el.classList.remove(className);\r\n        }\r\n\r\n        function cancelTouchHoldTimer($this) {\r\n            if ($this && $this.touchHoldTimer) {\r\n                clearTimeout($this.touchHoldTimer);\r\n                $this.touchHoldTimer = null;\r\n            }\r\n        }\r\n\r\n        function buildTouchObj($el, extraOptions) {\r\n            var touchObj = $el.$$touchObj || {\r\n                // an object contains all callbacks registered,\r\n                // key is event name, value is an array\r\n                callbacks: {},\r\n                // prevent bind twice, set to true when event bound\r\n                hasBindTouchEvents: false,\r\n                // default options, would be override by v-touch-options\r\n                options: globalOptions\r\n            };\r\n            if (extraOptions) {\r\n                touchObj.options = Object.assign({}, touchObj.options, extraOptions);\r\n            }\r\n            $el.$$touchObj = touchObj;\r\n            return $el.$$touchObj;\r\n        }\r\n\r\n        app.directive(globalOptions.namespace, {\r\n            beforeMount: function ($el, binding) {\r\n                // build a touch configuration object\r\n                var $this = buildTouchObj($el);\r\n                // declare passive option for the event listener. Defaults to { passive: true } if supported\r\n                var passiveOpt = isPassiveSupported ? { passive: true } : false;\r\n                // register callback\r\n                var eventType = binding.arg || 'tap';\r\n                switch (eventType) {\r\n                    case 'swipe':\r\n                        var _m = binding.modifiers;\r\n                        if (_m.left || _m.right || _m.top || _m.bottom) {\r\n                            for (var i in binding.modifiers) {\r\n                                if (['left', 'right', 'top', 'bottom'].indexOf(i) >= 0) {\r\n                                    var _e = 'swipe.' + i;\r\n                                    $this.callbacks[_e] = $this.callbacks[_e] || [];\r\n                                    $this.callbacks[_e].push(binding);\r\n                                }\r\n                            }\r\n                        } else {\r\n                            $this.callbacks.swipe = $this.callbacks.swipe || [];\r\n                            $this.callbacks.swipe.push(binding);\r\n                        }\r\n                        break;\r\n\r\n                    case 'press':\r\n                    case 'drag':\r\n                        if (binding.modifiers.disablePassive) {\r\n                            // change the passive option for the `drag` event if disablePassive modifier exists\r\n                            passiveOpt = false;\r\n                        }\r\n                    default:\r\n                        $this.callbacks[eventType] = $this.callbacks[eventType] || [];\r\n                        $this.callbacks[eventType].push(binding);\r\n                }\r\n\r\n                // prevent bind twice\r\n                if ($this.hasBindTouchEvents) {\r\n                    return;\r\n                }\r\n\r\n                $el.addEventListener('touchstart', touchStartEvent, passiveOpt);\r\n                $el.addEventListener('touchmove', touchMoveEvent, passiveOpt);\r\n                $el.addEventListener('touchcancel', touchCancelEvent);\r\n                $el.addEventListener('touchend', touchEndEvent);\r\n\r\n                if (!$this.options.disableClick) {\r\n                    $el.addEventListener('mousedown', touchStartEvent);\r\n                    $el.addEventListener('mousemove', touchMoveEvent);\r\n                    $el.addEventListener('mouseup', touchEndEvent);\r\n                    $el.addEventListener('mouseenter', mouseEnterEvent);\r\n                    $el.addEventListener('mouseleave', mouseLeaveEvent);\r\n                }\r\n\r\n                // set bind mark to true\r\n                $this.hasBindTouchEvents = true;\r\n            },\r\n\r\n            unmounted: function ($el) {\r\n                cancelTouchHoldTimer($el.$$touchObj)\r\n\r\n                $el.removeEventListener('touchstart', touchStartEvent);\r\n                $el.removeEventListener('touchmove', touchMoveEvent);\r\n                $el.removeEventListener('touchcancel', touchCancelEvent);\r\n                $el.removeEventListener('touchend', touchEndEvent);\r\n\r\n                if ($el.$$touchObj && !$el.$$touchObj.options.disableClick) {\r\n                    $el.removeEventListener('mousedown', touchStartEvent);\r\n                    $el.removeEventListener('mousemove', touchMoveEvent);\r\n                    $el.removeEventListener('mouseup', touchEndEvent);\r\n                    $el.removeEventListener('mouseenter', mouseEnterEvent);\r\n                    $el.removeEventListener('mouseleave', mouseLeaveEvent);\r\n                }\r\n\r\n                // remove vars\r\n                delete $el.$$touchObj;\r\n            }\r\n        });\r\n\r\n        app.directive(`${globalOptions.namespace}-class`, {\r\n            beforeMount: function ($el, binding) {\r\n                buildTouchObj($el, {\r\n                    touchClass: binding.value\r\n                });\r\n            }\r\n        });\r\n\r\n        app.directive(`${globalOptions.namespace}-options`, {\r\n            beforeMount: function($el, binding) {\r\n                buildTouchObj($el, binding.value);\r\n            }\r\n        });\r\n    }\r\n};\r\n\r\n/*\r\n * Exports\r\n */\r\nexport default vueTouchEvents\r\n","<script setup lang=\"ts\">\n  import omit from 'lodash-es/omit';\n  import { computed } from 'vue';\n\n  import useDialog from '../../composables/useDialog/useDialog';\n  import CustomRender from '../CustomRender/CustomRender.vue';\n  import Dialog from '../Dialog/Dialog.vue';\n\n  const dialog = useDialog();\n\n  const attributes = computed(() => {\n    if (!dialog.active) return null;\n\n    return omit(dialog.active, ['deferred', 'onConfirm', 'onCancel', 'slots']);\n  });\n\n  function onCancel() {\n    if (dialog.active?.onCancel) {\n      dialog.active.onCancel();\n    }\n\n    dialog.active?.deferred?.resolve({\n      isCanceled: true,\n    });\n\n    dialog.close();\n  }\n\n  async function onConfirm() {\n    if (dialog.active?.onConfirm) {\n      await dialog.active.onConfirm();\n    }\n\n    dialog.active?.deferred?.resolve({\n      isConfirmed: true,\n    });\n\n    dialog.close();\n  }\n</script>\n\n<template>\n  <Dialog :open=\"!!attributes\" v-bind=\"attributes\" @confirm=\"onConfirm\" @cancel=\"onCancel\">\n    <template v-for=\"(value, name) in dialog.active?.slots\" :key=\"name\" #[name]>\n      <CustomRender :render=\"value\" />\n    </template>\n  </Dialog>\n</template>\n","import { App, createVNode, h, Plugin, render } from 'vue';\n\nimport Dialogs from '../components/Dialogs/Dialogs.vue';\n\nexport interface DialogsPluginOptions {\n  mountNodeClass?: string;\n  mountNodeId?: string;\n}\n\nexport const DEFAULT_DIALOGS_PLUGIN_NODE_ID = 'stash-dialogs-mount-node';\n\nexport default <Plugin>{\n  install(app: App, options?: DialogsPluginOptions) {\n    const mountNodeId = options?.mountNodeId || DEFAULT_DIALOGS_PLUGIN_NODE_ID;\n    let mountNode = document.getElementById(mountNodeId);\n\n    if (!mountNode) {\n      mountNode = document.createElement('div');\n      mountNode.id = mountNodeId;\n      mountNode.dataset.test = DEFAULT_DIALOGS_PLUGIN_NODE_ID;\n      document.body.appendChild(mountNode);\n    }\n\n    if (options?.mountNodeClass && !mountNode.classList.contains(options.mountNodeClass)) {\n      mountNode.classList.add(options.mountNodeClass);\n    }\n\n    const vNode = createVNode(h(Dialogs));\n    vNode.appContext = app._context;\n\n    render(vNode, mountNode);\n  },\n};\n","import { Plugin } from 'vue';\nimport Vue3TouchEvents, { type Vue3TouchEventsOptions } from 'vue3-touch-events';\n\nimport { I18nPlugin, StashOptionImages, StashProvideState } from '../types/misc';\nimport locale from './locale';\n// this is valid syntax per the TS docs, but prettier throws an error expecting a comma after `type`\n// eslint-disable-next-line prettier/prettier\nimport DialogsPlugin, { type DialogsPluginOptions } from './plugins/DialogsPlugin';\nimport MenusPlugin, { type MenusPluginOptions } from './plugins/MenusPlugin';\nimport ModalsPlugin, { type ModalsPluginOptions } from './plugins/ModalsPlugin';\nimport ToastsPlugin, { type ToastsPluginOptions } from './plugins/ToastsPlugin';\nimport { overridePersistentStorage, persistentStorage } from './storage';\n\nexport interface StashPluginOptions {\n  i18n?: I18nPlugin;\n  storage?: {\n    set: <T = unknown>(name: string, data: T, options?: { [key: string]: unknown }) => void;\n    get: <T = unknown>(name: string, options?: { [key: string]: unknown }) => T;\n  };\n  staticPath?: string;\n  images?: StashOptionImages;\n  googleMapsApiKey?: string;\n  menus?: false | MenusPluginOptions;\n  modals?: false | ModalsPluginOptions;\n  toasts?: false | ToastsPluginOptions;\n  dialogs?: false | DialogsPluginOptions;\n}\n\nexport default <Plugin>{\n  install(\n    app,\n    {\n      i18n = undefined,\n      storage = undefined,\n      staticPath = '/static',\n      images = {\n        provider: 'static',\n      },\n      googleMapsApiKey = undefined,\n      menus,\n      modals,\n      toasts,\n      dialogs,\n    }: StashPluginOptions = {},\n  ) {\n    app.use<Vue3TouchEventsOptions>(Vue3TouchEvents, {});\n\n    // locale\n    if (i18n) {\n      locale.use(i18n.locale);\n      locale.i18n(i18n && i18n.t);\n    }\n\n    // persistent storage (localStorage)\n    if (storage) {\n      overridePersistentStorage(storage);\n    }\n\n    // expose stash options to the rest of your application\n    app.provide<StashProvideState>('stashOptions', {\n      i18n,\n      images,\n      storage,\n      staticPath,\n      googleMapsApiKey,\n    });\n\n    if (menus !== false) {\n      app.use(MenusPlugin, menus);\n    }\n\n    if (modals !== false) {\n      app.use(ModalsPlugin, modals);\n    }\n\n    if (toasts !== false) {\n      app.use(ToastsPlugin, toasts);\n    }\n\n    if (dialogs !== false) {\n      app.use(DialogsPlugin, dialogs);\n    }\n  },\n};\n\nexport { persistentStorage };\n\n// Re-export things that are useful for consumers\nexport * from '../types';\nexport * from './storage';\n\n// Todo: Investigate tree-shaking issues to see if we can expose these. Theoritically\n// should be no issue, however test framework startup time, specifically w/ Jest,\n// seems to be the major blocker here.\n// export * from './components';\n// export * from './composables';\n// export * from './constants';\n// export * from './directives';\n// export * from './locale';\n// export * from './plugins';\n// export { default as ToastsPlugin } from './plugins/ToastsPlugin';\n"],"names":["touchX","event","touchY","isPassiveSupported","supportsPassive","opts","vueTouchEvents","app","constructorOptions","globalOptions","touchStartEvent","$this","isTouchEvent","isMouseEvent","$el","addTouchClass","hasEvent","triggerEvent","touchMoveEvent","curX","curY","movedAgain","swipeOutBounded","tapTolerance","cancelTouchHoldTimer","now","throttle","touchCancelEvent","removeTouchClass","touchEndEvent","touchholdEnd","direction","distanceY","distanceX","mouseEnterEvent","mouseLeaveEvent","eventType","callbacks","param","i","binding","className","buildTouchObj","extraOptions","touchObj","passiveOpt","_m","_e","dialog","useDialog","attributes","computed","omit","onCancel","_a","_c","_b","onConfirm","DEFAULT_DIALOGS_PLUGIN_NODE_ID","DialogsPlugin","options","mountNodeId","mountNode","vNode","createVNode","h","Dialogs","render","index","i18n","storage","staticPath","images","googleMapsApiKey","menus","modals","toasts","dialogs","Vue3TouchEvents","locale","overridePersistentStorage","MenusPlugin","ModalsPlugin","ToastsPlugin"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/useDialog.d.ts

@@ -44,6 +44,10 @@ declare interface DialogProps {
      * Confirm button text.
      */
     confirmText?: string;
+    /**
+     * Callback function when the confirm button is clicked.
+     */
+    onConfirm?: (event: Event) => Promise<void> | void;
     /**
      * Treats it like an Alert Dialog, with only the confirmation button showing.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leaflink/stash",
-  "version": "48.21.0",
+  "version": "48.21.2",
   "description": "LeafLink's design system.",
   "homepage": "https://stash.leaflink.com",
   "main": "./dist/index.ts",