@leaflink/stash 52.0.3 → 53.0.0

package/dist/Tooltip.js

@@ -1,84 +1,5 @@
-import { defineComponent as g, ref as n, computed as r, createElementBlock as S, openBlock as w, createElementVNode as i, createBlock as T, renderSlot as a, Teleport as E, normalizeStyle as f, unref as $, createTextVNode as k, toDisplayString as B } from "vue";
-import { u as D, a as O, f as z, s as A, o as F, b as I } from "./floating-ui.vue-CuGrC-z8.js";
-import { a as P } from "./index-C14LhAwV.js";
-const M = {
-  ref: "wrapper",
-  class: "stash-tooltip__wrapper tw-relative tw-inline-flex tw-size-fit"
-}, N = 6, C = 12, U = /* @__PURE__ */ g({
-  __name: "Tooltip",
-  props: {
-    disableTeleport: { type: Boolean, default: !1 },
-    side: { default: "top" },
-    isDisabled: { type: Boolean, default: !1 },
-    isOpen: { type: Boolean, default: !1 },
-    teleportTo: { default: "#stash-menus-mount-node" },
-    text: { default: "" }
-  },
-  setup(u) {
-    const m = {
-      top: "bottom",
-      right: "left",
-      bottom: "top",
-      left: "right"
-    }, t = u, s = n(null), p = n(null), c = n(null), { isOutside: h } = P(s), y = r(() => !t.isDisabled && (!h.value || t.isOpen)), _ = r(() => t.side), { floatingStyles: x, middlewareData: o, placement: b } = D(s, c, {
-      whileElementsMounted: O,
-      placement: _,
-      middleware: [
-        z(),
-        A({ padding: 8 }),
-        F(C),
-        I({ element: p, padding: 8 })
-      ]
-    }), v = r(() => {
-      var l, d;
-      const e = m[b.value];
-      return {
-        left: ((l = o.value.arrow) == null ? void 0 : l.x) != null ? `${o.value.arrow.x}px` : "",
-        top: ((d = o.value.arrow) == null ? void 0 : d.y) != null ? `${o.value.arrow.y}px` : "",
-        [e]: `-${N}px`
-      };
-    });
-    return (e, l) => (w(), S("div", M, [
-      i("span", {
-        ref_key: "anchor",
-        ref: s,
-        "data-test": "stash-tooltip|anchor",
-        class: "stash-tooltip__anchor"
-      }, [
-        a(e.$slots, "default")
-      ], 512),
-      (w(), T(E, {
-        to: t.teleportTo,
-        disabled: t.disableTeleport
-      }, [
-        i("div", {
-          ref_key: "tooltip",
-          ref: c,
-          "data-test": "stash-tooltip",
-          class: "stash-tooltip tw-pointer-events-none tw-z-screen tw-flex tw-w-[148px] tw-flex-col tw-items-center tw-whitespace-normal tw-rounded tw-bg-ice-900 tw-p-3 tw-text-center tw-text-xs tw-text-white tw-opacity-0 tw-shadow tw-transition-opacity",
-          role: "tooltip",
-          style: f({
-            ...$(x),
-            opacity: y.value ? 0.95 : 0
-          })
-        }, [
-          a(e.$slots, "icon"),
-          a(e.$slots, "content", {}, () => [
-            k(B(t.text), 1)
-          ]),
-          a(e.$slots, "secondaryIcon"),
-          i("div", {
-            ref_key: "floatingArrow",
-            ref: p,
-            class: "stash-tooltip__arrow tw-absolute tw-z-behind tw-size-[12px] tw-rotate-45 tw-bg-ice-900",
-            style: f(v.value)
-          }, null, 4)
-        ], 4)
-      ], 8, ["to", "disabled"]))
-    ], 512));
-  }
-});
+import { _ as f } from "./Tooltip.vue_vue_type_script_setup_true_lang-mzBLSXy3.js";
 export {
-  U as default
+  f as default
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { arrow, autoUpdate, flip, offset, shift, type Side, useFloating } from '@floating-ui/vue';\n  import { useMouseInElement } from '@vueuse/core';\n  import { computed, ref } from 'vue';\n\n  export type TooltipSide = Side;\n\n  const ARROW_OFFSET_PX = 6;\n  const OFFSET_DISTANCE_PX = 12;\n\n  const SIDE_MAP: Record<TooltipSide, TooltipSide> = {\n    top: 'bottom',\n    right: 'left',\n    bottom: 'top',\n    left: 'right',\n  };\n\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  export interface TooltipSlots {\n    /**\n     * The content to display in the tooltip. This may be text node, an element, or a component.\n     */\n    content: any;\n    /**\n     * The default slot is the element or component to which the tooltip will be anchored.\n     */\n    default: any;\n    /**\n     * A slot for the primary icon. This icon will be displayed before the text or content.\n     */\n    icon: any;\n    /**\n     * A slot for the secondary icon. This icon will be displayed after the text or content.\n     */\n    secondaryIcon: any;\n  }\n  /* eslint-enable @typescript-eslint/no-explicit-any */\n\n  defineSlots<TooltipSlots>();\n\n  export interface TooltipProps {\n    /**\n     * Disables teleporting the popover menu to an external element\n     * @default false\n     */\n    disableTeleport?: boolean;\n    /**\n     * Sets the placement of the menu\n     * @default 'top'\n     */\n    side?: TooltipSide;\n    /**\n     * Disables the tooltip\n     * @default false\n     */\n    isDisabled?: boolean;\n    /**\n     * Sets if the menu is open. If not set from the parent context, the menu will be controlled internally.\n     * @default false\n     */\n    isOpen?: boolean;\n    /**\n     * The query selector where the tooltip should be teleported\n     * @default '#stash-menus-mount-node'\n     */\n    teleportTo?: string | HTMLElement;\n    /**\n     * String content to display within the tooltip\n     * @default ''\n     */\n    text?: string;\n  }\n\n  const props = withDefaults(defineProps<TooltipProps>(), {\n    disableTeleport: false,\n    isDisabled: false,\n    isOpen: false,\n    side: 'top',\n    teleportTo: '#stash-menus-mount-node',\n    text: '',\n  });\n\n  const anchor = ref<HTMLElement | null>(null);\n  const floatingArrow = ref<HTMLElement | null>(null);\n  const tooltip = ref<HTMLElement | null>(null);\n\n  const { isOutside } = useMouseInElement(anchor);\n\n  const open = computed(() => !props.isDisabled && (!isOutside.value || props.isOpen));\n  const placementSetting = computed(() => props.side);\n\n  const { floatingStyles, middlewareData, placement } = useFloating(anchor, tooltip, {\n    whileElementsMounted: autoUpdate,\n    placement: placementSetting,\n    middleware: [\n      flip(),\n      shift({ padding: 8 }),\n      offset(OFFSET_DISTANCE_PX),\n      arrow({ element: floatingArrow, padding: 8 }),\n    ],\n  });\n\n  const arrowStyles = computed(() => {\n    const arrowPosition = SIDE_MAP[placement.value];\n\n    return {\n      left: middlewareData.value.arrow?.x != null ? `${middlewareData.value.arrow.x}px` : '',\n      top: middlewareData.value.arrow?.y != null ? `${middlewareData.value.arrow.y}px` : '',\n      [arrowPosition]: `-${ARROW_OFFSET_PX}px`,\n    };\n  });\n</script>\n\n<template>\n  <div ref=\"wrapper\" class=\"stash-tooltip__wrapper tw-relative tw-inline-flex tw-size-fit\">\n    <span ref=\"anchor\" data-test=\"stash-tooltip|anchor\" class=\"stash-tooltip__anchor\">\n      <slot></slot>\n    </span>\n    <Teleport :to=\"props.teleportTo\" :disabled=\"props.disableTeleport\">\n      <div\n        ref=\"tooltip\"\n        data-test=\"stash-tooltip\"\n        class=\"stash-tooltip tw-pointer-events-none tw-z-screen tw-flex tw-w-[148px] tw-flex-col tw-items-center tw-whitespace-normal tw-rounded tw-bg-ice-900 tw-p-3 tw-text-center tw-text-xs tw-text-white tw-opacity-0 tw-shadow tw-transition-opacity\"\n        role=\"tooltip\"\n        :style=\"{\n          ...floatingStyles,\n          opacity: open ? 0.95 : 0,\n        }\"\n      >\n        <slot name=\"icon\"></slot>\n        <slot name=\"content\">{{ props.text }}</slot>\n        <slot name=\"secondaryIcon\"></slot>\n        <div\n          ref=\"floatingArrow\"\n          class=\"stash-tooltip__arrow tw-absolute tw-z-behind tw-size-[12px] tw-rotate-45 tw-bg-ice-900\"\n          :style=\"arrowStyles\"\n        ></div>\n      </div>\n    </Teleport>\n  </div>\n</template>\n"],"names":["ARROW_OFFSET_PX","OFFSET_DISTANCE_PX","SIDE_MAP","props","__props","anchor","ref","floatingArrow","tooltip","isOutside","useMouseInElement","open","computed","placementSetting","floatingStyles","middlewareData","placement","useFloating","autoUpdate","flip","shift","offset","arrow","arrowStyles","arrowPosition","_a","_b"],"mappings":";;;;;;GAOQA,IAAkB,GAClBC,IAAqB;;;;;;;;;;;AAE3B,UAAMC,IAA6C;AAAA,MACjD,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA,GA2DFC,IAAQC,GASRC,IAASC,EAAwB,IAAI,GACrCC,IAAgBD,EAAwB,IAAI,GAC5CE,IAAUF,EAAwB,IAAI,GAEtC,EAAE,WAAAG,EAAA,IAAcC,EAAkBL,CAAM,GAExCM,IAAOC,EAAS,MAAM,CAACT,EAAM,eAAe,CAACM,EAAU,SAASN,EAAM,OAAO,GAC7EU,IAAmBD,EAAS,MAAMT,EAAM,IAAI,GAE5C,EAAE,gBAAAW,GAAgB,gBAAAC,GAAgB,WAAAC,MAAcC,EAAYZ,GAAQG,GAAS;AAAA,MACjF,sBAAsBU;AAAA,MACtB,WAAWL;AAAA,MACX,YAAY;AAAA,QACVM,EAAA;AAAA,QACAC,EAAM,EAAE,SAAS,GAAG;AAAA,QACpBC,EAAOpB,CAAkB;AAAA,QACzBqB,EAAM,EAAE,SAASf,GAAe,SAAS,GAAG;AAAA,MAAA;AAAA,IAC9C,CACD,GAEKgB,IAAcX,EAAS,MAAM;;AACjC,YAAMY,IAAgBtB,EAASc,EAAU,KAAK;AAE9C,aAAO;AAAA,QACL,QAAMS,IAAAV,EAAe,MAAM,UAArB,gBAAAU,EAA4B,MAAK,OAAO,GAAGV,EAAe,MAAM,MAAM,CAAC,OAAO;AAAA,QACpF,OAAKW,IAAAX,EAAe,MAAM,UAArB,gBAAAW,EAA4B,MAAK,OAAO,GAAGX,EAAe,MAAM,MAAM,CAAC,OAAO;AAAA,QACnF,CAACS,CAAa,GAAG,IAAIxB,CAAe;AAAA,MAAA;AAAA,IAExC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Tooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/Tooltip.vue.d.ts

@@ -52,8 +52,8 @@ text: string;
 isDisabled: boolean;
 teleportTo: string | HTMLElement;
 isOpen: boolean;
-side: Side;
 disableTeleport: boolean;
+side: Side;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<TooltipSlots> & TooltipSlots>;
 export default _default;
 

package/dist/Tooltip.vue_vue_type_script_setup_true_lang-mzBLSXy3.js

@@ -0,0 +1,84 @@
+import { defineComponent as g, ref as n, computed as r, createElementBlock as S, openBlock as f, createElementVNode as i, createBlock as T, renderSlot as s, Teleport as E, normalizeStyle as u, unref as $, createTextVNode as k, toDisplayString as B } from "vue";
+import { u as D, a as O, f as z, s as A, o as F, b as I } from "./floating-ui.vue-CuGrC-z8.js";
+import { u as P } from "./index-DBV9Uz0C.js";
+const M = {
+  ref: "wrapper",
+  class: "stash-tooltip__wrapper relative inline-flex size-fit"
+}, N = 6, C = 12, U = /* @__PURE__ */ g({
+  __name: "Tooltip",
+  props: {
+    disableTeleport: { type: Boolean, default: !1 },
+    side: { default: "top" },
+    isDisabled: { type: Boolean, default: !1 },
+    isOpen: { type: Boolean, default: !1 },
+    teleportTo: { default: "#stash-menus-mount-node" },
+    text: { default: "" }
+  },
+  setup(m) {
+    const h = {
+      top: "bottom",
+      right: "left",
+      bottom: "top",
+      left: "right"
+    }, e = m, a = n(null), p = n(null), c = n(null), { isOutside: w } = P(a), _ = r(() => !e.isDisabled && (!w.value || e.isOpen)), y = r(() => e.side), { floatingStyles: x, middlewareData: o, placement: b } = D(a, c, {
+      whileElementsMounted: O,
+      placement: y,
+      middleware: [
+        z(),
+        A({ padding: 8 }),
+        F(C),
+        I({ element: p, padding: 8 })
+      ]
+    }), v = r(() => {
+      var l, d;
+      const t = h[b.value];
+      return {
+        left: ((l = o.value.arrow) == null ? void 0 : l.x) != null ? `${o.value.arrow.x}px` : "",
+        top: ((d = o.value.arrow) == null ? void 0 : d.y) != null ? `${o.value.arrow.y}px` : "",
+        [t]: `-${N}px`
+      };
+    });
+    return (t, l) => (f(), S("div", M, [
+      i("span", {
+        ref_key: "anchor",
+        ref: a,
+        "data-test": "stash-tooltip|anchor",
+        class: "stash-tooltip__anchor"
+      }, [
+        s(t.$slots, "default")
+      ], 512),
+      (f(), T(E, {
+        to: e.teleportTo,
+        disabled: e.disableTeleport
+      }, [
+        i("div", {
+          ref_key: "tooltip",
+          ref: c,
+          "data-test": "stash-tooltip",
+          class: "stash-tooltip pointer-events-none z-screen flex w-[148px] flex-col items-center whitespace-normal rounded bg-ice-900 p-3 text-center text-xs text-white opacity-0 shadow transition-opacity",
+          role: "tooltip",
+          style: u({
+            ...$(x),
+            opacity: _.value ? 0.95 : 0
+          })
+        }, [
+          s(t.$slots, "icon"),
+          s(t.$slots, "content", {}, () => [
+            k(B(e.text), 1)
+          ]),
+          s(t.$slots, "secondaryIcon"),
+          i("div", {
+            ref_key: "floatingArrow",
+            ref: p,
+            class: "stash-tooltip__arrow absolute z-behind size-[12px] rotate-45 bg-ice-900",
+            style: u(v.value)
+          }, null, 4)
+        ], 4)
+      ], 8, ["to", "disabled"]))
+    ], 512));
+  }
+});
+export {
+  U as _
+};
+//# sourceMappingURL=Tooltip.vue_vue_type_script_setup_true_lang-mzBLSXy3.js.map

package/dist/Tooltip.vue_vue_type_script_setup_true_lang-mzBLSXy3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.vue_vue_type_script_setup_true_lang-mzBLSXy3.js","sources":["../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { arrow, autoUpdate, flip, offset, shift, type Side, useFloating } from '@floating-ui/vue';\n  import { useMouseInElement } from '@vueuse/core';\n  import { computed, ref } from 'vue';\n\n  export type TooltipSide = Side;\n\n  const ARROW_OFFSET_PX = 6;\n  const OFFSET_DISTANCE_PX = 12;\n\n  const SIDE_MAP: Record<TooltipSide, TooltipSide> = {\n    top: 'bottom',\n    right: 'left',\n    bottom: 'top',\n    left: 'right',\n  };\n\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  export interface TooltipSlots {\n    /**\n     * The content to display in the tooltip. This may be text node, an element, or a component.\n     */\n    content: any;\n    /**\n     * The default slot is the element or component to which the tooltip will be anchored.\n     */\n    default: any;\n    /**\n     * A slot for the primary icon. This icon will be displayed before the text or content.\n     */\n    icon: any;\n    /**\n     * A slot for the secondary icon. This icon will be displayed after the text or content.\n     */\n    secondaryIcon: any;\n  }\n  /* eslint-enable @typescript-eslint/no-explicit-any */\n\n  defineSlots<TooltipSlots>();\n\n  export interface TooltipProps {\n    /**\n     * Disables teleporting the popover menu to an external element\n     * @default false\n     */\n    disableTeleport?: boolean;\n    /**\n     * Sets the placement of the menu\n     * @default 'top'\n     */\n    side?: TooltipSide;\n    /**\n     * Disables the tooltip\n     * @default false\n     */\n    isDisabled?: boolean;\n    /**\n     * Sets if the menu is open. If not set from the parent context, the menu will be controlled internally.\n     * @default false\n     */\n    isOpen?: boolean;\n    /**\n     * The query selector where the tooltip should be teleported\n     * @default '#stash-menus-mount-node'\n     */\n    teleportTo?: string | HTMLElement;\n    /**\n     * String content to display within the tooltip\n     * @default ''\n     */\n    text?: string;\n  }\n\n  const props = withDefaults(defineProps<TooltipProps>(), {\n    disableTeleport: false,\n    isDisabled: false,\n    isOpen: false,\n    side: 'top',\n    teleportTo: '#stash-menus-mount-node',\n    text: '',\n  });\n\n  const anchor = ref<HTMLElement | null>(null);\n  const floatingArrow = ref<HTMLElement | null>(null);\n  const tooltip = ref<HTMLElement | null>(null);\n\n  const { isOutside } = useMouseInElement(anchor);\n\n  const open = computed(() => !props.isDisabled && (!isOutside.value || props.isOpen));\n  const placementSetting = computed(() => props.side);\n\n  const { floatingStyles, middlewareData, placement } = useFloating(anchor, tooltip, {\n    whileElementsMounted: autoUpdate,\n    placement: placementSetting,\n    middleware: [\n      flip(),\n      shift({ padding: 8 }),\n      offset(OFFSET_DISTANCE_PX),\n      arrow({ element: floatingArrow, padding: 8 }),\n    ],\n  });\n\n  const arrowStyles = computed(() => {\n    const arrowPosition = SIDE_MAP[placement.value];\n\n    return {\n      left: middlewareData.value.arrow?.x != null ? `${middlewareData.value.arrow.x}px` : '',\n      top: middlewareData.value.arrow?.y != null ? `${middlewareData.value.arrow.y}px` : '',\n      [arrowPosition]: `-${ARROW_OFFSET_PX}px`,\n    };\n  });\n</script>\n\n<template>\n  <div ref=\"wrapper\" class=\"stash-tooltip__wrapper relative inline-flex size-fit\">\n    <span ref=\"anchor\" data-test=\"stash-tooltip|anchor\" class=\"stash-tooltip__anchor\">\n      <slot></slot>\n    </span>\n    <Teleport :to=\"props.teleportTo\" :disabled=\"props.disableTeleport\">\n      <div\n        ref=\"tooltip\"\n        data-test=\"stash-tooltip\"\n        class=\"stash-tooltip pointer-events-none z-screen flex w-[148px] flex-col items-center whitespace-normal rounded bg-ice-900 p-3 text-center text-xs text-white opacity-0 shadow transition-opacity\"\n        role=\"tooltip\"\n        :style=\"{\n          ...floatingStyles,\n          opacity: open ? 0.95 : 0,\n        }\"\n      >\n        <slot name=\"icon\"></slot>\n        <slot name=\"content\">{{ props.text }}</slot>\n        <slot name=\"secondaryIcon\"></slot>\n        <div\n          ref=\"floatingArrow\"\n          class=\"stash-tooltip__arrow absolute z-behind size-[12px] rotate-45 bg-ice-900\"\n          :style=\"arrowStyles\"\n        ></div>\n      </div>\n    </Teleport>\n  </div>\n</template>\n"],"names":["ARROW_OFFSET_PX","OFFSET_DISTANCE_PX","SIDE_MAP","props","__props","anchor","ref","floatingArrow","tooltip","isOutside","useMouseInElement","open","computed","placementSetting","floatingStyles","middlewareData","placement","useFloating","autoUpdate","flip","shift","offset","arrow","arrowStyles","arrowPosition","_a","_b"],"mappings":";;;;;;GAOQA,IAAkB,GAClBC,IAAqB;;;;;;;;;;;AAE3B,UAAMC,IAA6C;AAAA,MACjD,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA,GA2DFC,IAAQC,GASRC,IAASC,EAAwB,IAAI,GACrCC,IAAgBD,EAAwB,IAAI,GAC5CE,IAAUF,EAAwB,IAAI,GAEtC,EAAE,WAAAG,EAAA,IAAcC,EAAkBL,CAAM,GAExCM,IAAOC,EAAS,MAAM,CAACT,EAAM,eAAe,CAACM,EAAU,SAASN,EAAM,OAAO,GAC7EU,IAAmBD,EAAS,MAAMT,EAAM,IAAI,GAE5C,EAAE,gBAAAW,GAAgB,gBAAAC,GAAgB,WAAAC,MAAcC,EAAYZ,GAAQG,GAAS;AAAA,MACjF,sBAAsBU;AAAA,MACtB,WAAWL;AAAA,MACX,YAAY;AAAA,QACVM,EAAA;AAAA,QACAC,EAAM,EAAE,SAAS,GAAG;AAAA,QACpBC,EAAOpB,CAAkB;AAAA,QACzBqB,EAAM,EAAE,SAASf,GAAe,SAAS,GAAG;AAAA,MAAA;AAAA,IAC9C,CACD,GAEKgB,IAAcX,EAAS,MAAM;;AACjC,YAAMY,IAAgBtB,EAASc,EAAU,KAAK;AAE9C,aAAO;AAAA,QACL,QAAMS,IAAAV,EAAe,MAAM,UAArB,gBAAAU,EAA4B,MAAK,OAAO,GAAGV,EAAe,MAAM,MAAM,CAAC,OAAO;AAAA,QACpF,OAAKW,IAAAX,EAAe,MAAM,UAArB,gBAAAW,EAA4B,MAAK,OAAO,GAAGX,EAAe,MAAM,MAAM,CAAC,OAAO;AAAA,QACnF,CAACS,CAAa,GAAG,IAAIxB,CAAe;AAAA,MAAA;AAAA,IAExC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}