@leaflink/stash 53.4.7 → 53.4.9

package/dist/ThumbnailGroup.js

@@ -1,11 +1,11 @@
-import { defineComponent as h, mergeModels as m, useModel as c, computed as l, ref as g, provide as v, createElementBlock as d, openBlock as o, renderSlot as T, normalizeProps as y, guardReactiveProps as _, unref as E, Fragment as x, renderList as I, createBlock as B } from "vue";
-import k, { moveSortableElements as S } from "./useSortable.js";
-import w from "./ThumbnailEmpty.js";
-import { T as C } from "./ThumbnailGroup.keys-EJ4qFNhx.js";
-import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const M = /* @__PURE__ */ h({
+import { defineComponent as f, mergeModels as i, useModel as h, computed as l, ref as g, provide as v, createElementBlock as d, openBlock as s, renderSlot as y, normalizeProps as T, guardReactiveProps as _, unref as E, Fragment as x, renderList as B, createBlock as I } from "vue";
+import k, { moveSortableElements as M } from "./useSortable.js";
+import S from "./ThumbnailEmpty.js";
+import { T as w } from "./ThumbnailGroup.keys-EJ4qFNhx.js";
+import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const D = /* @__PURE__ */ f({
   __name: "ThumbnailGroup",
-  props: /* @__PURE__ */ m({
+  props: /* @__PURE__ */ i({
     draggable: { type: Boolean, default: !1 },
     radius: { default: "rounded" },
     removable: { type: Boolean, default: !1 },
@@ -18,16 +18,16 @@ const M = /* @__PURE__ */ h({
     },
     activeThumbnailModifiers: {}
   }),
-  emits: /* @__PURE__ */ m(["dragStart", "dragEnd", "update:thumbnails"], ["update:activeThumbnail"]),
-  setup(s, { emit: p }) {
-    const n = p, t = s, r = c(s, "activeThumbnail"), a = l({
+  emits: /* @__PURE__ */ i(["dragStart", "dragEnd", "update:thumbnails"], ["update:activeThumbnail"]),
+  setup(o, { emit: p }) {
+    const n = p, t = o, r = h(o, "activeThumbnail"), a = l({
       get() {
         return t.thumbnails;
       },
       set(e) {
         n("update:thumbnails", e);
       }
-    }), u = g(null), { isDragging: i } = k({
+    }), u = g(null), { isDragging: m } = k({
       ref: u,
       list: a,
       isEnabled: t.draggable,
@@ -36,38 +36,40 @@ const M = /* @__PURE__ */ h({
       sortInPlace: !1,
       onDragStart: (e) => n("dragStart", e),
       onDragEnd: (e) => {
-        r.value = e.newIndex, S({ list: a, from: e.oldIndex, to: e.newIndex }), n("dragEnd", e);
+        r.value = e.newIndex, M({ list: a, from: e.oldIndex, to: e.newIndex }), n("dragEnd", e);
       }
-    }), b = l(() => {
+    }), c = l(() => {
       if (!t.showEmpty) return 0;
       const { max: e } = t.emptyOptions || {};
       return a.value.length < e ? e - a.value.length : 0;
     });
     return v(
-      C.key,
+      w.key,
       Object.freeze({
         draggable: l(() => t.draggable),
         removable: l(() => t.removable),
         thumbnails: a,
         radius: t.radius,
         activeThumbnail: r,
-        isDragging: i
+        isDragging: m
       })
-    ), (e, O) => (o(), d("ul", {
+    ), (e, P) => (s(), d("ul", {
       ref_key: "thumbnailRef",
       ref: u,
       class: "stash-thumbnail-group flex flex-wrap gap-3",
       "data-test": "stash-thumbnail-group"
     }, [
-      T(e.$slots, "default", y(_({ activeThumbnail: r.value, isDragging: E(i) })), void 0, !0),
-      (o(!0), d(x, null, I(b.value, (N, f) => (o(), B(w, {
-        key: `empty_thumb_${f}`
+      y(e.$slots, "default", T(_({ activeThumbnail: r.value, isDragging: E(m) }))),
+      (s(!0), d(x, null, B(c.value, (R, b) => (s(), I(S, {
+        key: `empty_thumb_${b}`
       }))), 128))
     ], 512));
   }
-}), $ = /* @__PURE__ */ D(M, [["__scopeId", "data-v-2507f5b5"]]);
+}), O = {}, N = {
+  $style: O
+}, A = /* @__PURE__ */ C(D, [["__cssModules", N]]);
 export {
-  $ as default,
-  S as moveSortableElements
+  A as default,
+  M as moveSortableElements
 };
 //# sourceMappingURL=ThumbnailGroup.js.map

package/dist/ThumbnailGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailGroup.js","sources":["../src/components/ThumbnailGroup/ThumbnailGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n  import type { ThumbnailEmptyOptions, ThumbnailRadius } from './ThumbnailGroup.types';\n\n  export * from '../../composables/useSortable/useSortable';\n  export * from './ThumbnailGroup.types';\n</script>\n\n<script setup lang=\"ts\" generic=\"Thumbnail extends ThumbnailDefinition\">\n  import { computed, provide, ref } from 'vue';\n\n  import useSortable, {\n    moveSortableElements,\n    type SortableOnDragEndEvent,\n    type SortableOnDragStartEvent,\n  } from '../../composables/useSortable/useSortable';\n  import { ThumbnailDefinition } from '../Thumbnail/Thumbnail.types';\n  import ThumbnailEmpty from '../ThumbnailEmpty/ThumbnailEmpty.vue';\n  import { THUMBNAIL_INJECTION } from './ThumbnailGroup.keys';\n\n  const emit = defineEmits<{\n    /**\n     * Emits when a thumbnail starts dragging\n     */\n    dragStart: [event: SortableOnDragStartEvent];\n\n    /**\n     * Emits when a thumbnail stops dragging\n     */\n    dragEnd: [event: SortableOnDragEndEvent];\n\n    /**\n     * Emits when the thumbnails are updated\n     */\n    'update:thumbnails': [thumbnails: Thumbnail[]];\n  }>();\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * Enable drag and drop functionality\n       * @default false\n       */\n      draggable?: boolean;\n\n      /**\n       * Thumbnail radius. Can be 'rounded' or 'circle'\n       * @default 'rounded'\n       */\n      radius?: ThumbnailRadius;\n\n      /**\n       * Shows a close button on the thumbnail when set to true\n       * @default false\n       */\n      removable?: boolean;\n\n      /**\n       * Shows empty thumbnails when set to true\n       */\n      showEmpty?: boolean;\n\n      /**\n       * Empty thumbnail options. Only applicable when `showEmpty` is true\n       * @default { max: 6 }\n       */\n      emptyOptions?: ThumbnailEmptyOptions;\n\n      /**\n       * List of thumbnails to display\n       * @default []\n       */\n      thumbnails?: Thumbnail[];\n    }>(),\n    {\n      thumbnails: () => [],\n      draggable: false,\n      radius: 'rounded',\n      variant: 'opaque',\n      removable: false,\n      showEmpty: false,\n      emptyOptions: () => ({ max: 6 }),\n    },\n  );\n\n  /**\n   * The active thumbnail index\n   */\n  const activeThumbnail = defineModel<number>('activeThumbnail', {\n    default: -1,\n  });\n\n  const internalThumbnails = computed({\n    get() {\n      return props.thumbnails;\n    },\n    set(value) {\n      emit('update:thumbnails', value);\n    },\n  });\n\n  const thumbnailRef = ref<HTMLElement | null>(null);\n  const { isDragging } = useSortable({\n    ref: thumbnailRef,\n    list: internalThumbnails,\n    isEnabled: props.draggable,\n    ghostClass: 'thumbnail-ghost',\n    chosenClass: 'thumbnail-chosen',\n    sortInPlace: false,\n    onDragStart: (e) => emit('dragStart', e),\n    onDragEnd: (e) => {\n      activeThumbnail.value = e.newIndex;\n      moveSortableElements({ list: internalThumbnails, from: e.oldIndex, to: e.newIndex });\n      emit('dragEnd', e);\n    },\n  });\n\n  const emptyThumbnailsCount = computed(() => {\n    if (!props.showEmpty) return 0;\n\n    const { max } = props.emptyOptions || {};\n\n    return internalThumbnails.value.length < max ? max - internalThumbnails.value.length : 0;\n  });\n\n  provide(\n    THUMBNAIL_INJECTION.key,\n    Object.freeze({\n      draggable: computed(() => props.draggable),\n      removable: computed(() => props.removable),\n      thumbnails: internalThumbnails,\n      radius: props.radius,\n      activeThumbnail,\n      isDragging,\n    }),\n  );\n</script>\n\n<template>\n  <ul ref=\"thumbnailRef\" class=\"stash-thumbnail-group flex flex-wrap gap-3\" data-test=\"stash-thumbnail-group\">\n    <slot v-bind=\"{ activeThumbnail, isDragging }\"></slot>\n\n    <ThumbnailEmpty v-for=\"(_, index) in emptyThumbnailsCount\" :key=\"`empty_thumb_${index}`\" />\n  </ul>\n</template>\n\n<style>\n  @layer utilities {\n    .thumbnail-ghost {\n      .stash-thumbnail-item__img {\n        border: 1px solid var(--color-blue-500);\n        mask-image: none !important;\n        box-shadow: var(--shadow-sm);\n      }\n\n      .stash-thumbnail-item__remove {\n        opacity: 0;\n      }\n    }\n  }\n</style>\n\n<style scoped>\n  @layer utilities {\n    :deep(.thumbnail-chosen) {\n      opacity: 0 !important;\n    }\n  }\n</style>\n"],"names":["emit","__emit","props","__props","activeThumbnail","_useModel","internalThumbnails","computed","value","thumbnailRef","ref","isDragging","useSortable","moveSortableElements","emptyThumbnailsCount","max","provide","THUMBNAIL_INJECTION","_createElementBlock","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","_unref","_openBlock","_Fragment","_renderList","_","index","_createBlock","ThumbnailEmpty"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBE,UAAMA,IAAOC,GAiBPC,IAAQC,GAmDRC,IAAkBC,EAAmBF,GAAC,iBAE3C,GAEKG,IAAqBC,EAAS;AAAA,MAClC,MAAM;AACJ,eAAOL,EAAM;AAAA,MACf;AAAA,MACA,IAAIM,GAAO;AACT,QAAAR,EAAK,qBAAqBQ,CAAK;AAAA,MACjC;AAAA,IAAA,CACD,GAEKC,IAAeC,EAAwB,IAAI,GAC3C,EAAE,YAAAC,EAAA,IAAeC,EAAY;AAAA,MACjC,KAAKH;AAAA,MACL,MAAMH;AAAA,MACN,WAAWJ,EAAM;AAAA,MACjB,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA,MACb,aAAa,CAAC,MAAMF,EAAK,aAAa,CAAC;AAAA,MACvC,WAAW,CAAC,MAAM;AAChB,QAAAI,EAAgB,QAAQ,EAAE,UAC1BS,EAAqB,EAAE,MAAMP,GAAoB,MAAM,EAAE,UAAU,IAAI,EAAE,UAAU,GACnFN,EAAK,WAAW,CAAC;AAAA,MACnB;AAAA,IAAA,CACD,GAEKc,IAAuBP,EAAS,MAAM;AAC1C,UAAI,CAACL,EAAM,UAAW,QAAO;AAE7B,YAAM,EAAE,KAAAa,EAAA,IAAQb,EAAM,gBAAgB,CAAA;AAEtC,aAAOI,EAAmB,MAAM,SAASS,IAAMA,IAAMT,EAAmB,MAAM,SAAS;AAAA,IACzF,CAAC;AAED,WAAAU;AAAA,MACEC,EAAoB;AAAA,MACpB,OAAO,OAAO;AAAA,QACZ,WAAWV,EAAS,MAAML,EAAM,SAAS;AAAA,QACzC,WAAWK,EAAS,MAAML,EAAM,SAAS;AAAA,QACzC,YAAYI;AAAA,QACZ,QAAQJ,EAAM;AAAA,QACd,iBAAAE;AAAA,QACA,YAAAO;AAAA,MAAA,CACD;AAAA,IAAA,mBAKHO,EAIK,MAAA;AAAA,eAJG;AAAA,MAAJ,KAAIT;AAAA,MAAe,OAAM;AAAA,MAA6C,aAAU;AAAA,IAAA;MAClFU,EAAsDC,EAAA,QAAA,WAAAC,EAAAC,EAAA,EAAA,iBAAtClB,EAAA,OAAe,YAAEmB,EAAAZ,CAAA,EAAA,CAAU,CAAA,GAAA,QAAA,EAAA;AAAA,OAE3Ca,EAAA,EAAA,GAAAN,EAA2FO,GAAA,MAAAC,EAAtDZ,EAAA,OAAoB,CAAjCa,GAAGC,YAA3BC,EAA2FC,GAAA;AAAA,QAA/B,oBAAoBF,CAAK;AAAA,MAAA;;;;"}
+{"version":3,"file":"ThumbnailGroup.js","sources":["../src/components/ThumbnailGroup/ThumbnailGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n  import type { ThumbnailEmptyOptions, ThumbnailRadius } from './ThumbnailGroup.types';\n\n  export * from '../../composables/useSortable/useSortable';\n  export * from './ThumbnailGroup.types';\n</script>\n\n<script setup lang=\"ts\" generic=\"Thumbnail extends ThumbnailDefinition\">\n  import { computed, provide, ref } from 'vue';\n\n  import useSortable, {\n    moveSortableElements,\n    type SortableOnDragEndEvent,\n    type SortableOnDragStartEvent,\n  } from '../../composables/useSortable/useSortable';\n  import { ThumbnailDefinition } from '../Thumbnail/Thumbnail.types';\n  import ThumbnailEmpty from '../ThumbnailEmpty/ThumbnailEmpty.vue';\n  import { THUMBNAIL_INJECTION } from './ThumbnailGroup.keys';\n\n  const emit = defineEmits<{\n    /**\n     * Emits when a thumbnail starts dragging\n     */\n    dragStart: [event: SortableOnDragStartEvent];\n\n    /**\n     * Emits when a thumbnail stops dragging\n     */\n    dragEnd: [event: SortableOnDragEndEvent];\n\n    /**\n     * Emits when the thumbnails are updated\n     */\n    'update:thumbnails': [thumbnails: Thumbnail[]];\n  }>();\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * Enable drag and drop functionality\n       * @default false\n       */\n      draggable?: boolean;\n\n      /**\n       * Thumbnail radius. Can be 'rounded' or 'circle'\n       * @default 'rounded'\n       */\n      radius?: ThumbnailRadius;\n\n      /**\n       * Shows a close button on the thumbnail when set to true\n       * @default false\n       */\n      removable?: boolean;\n\n      /**\n       * Shows empty thumbnails when set to true\n       */\n      showEmpty?: boolean;\n\n      /**\n       * Empty thumbnail options. Only applicable when `showEmpty` is true\n       * @default { max: 6 }\n       */\n      emptyOptions?: ThumbnailEmptyOptions;\n\n      /**\n       * List of thumbnails to display\n       * @default []\n       */\n      thumbnails?: Thumbnail[];\n    }>(),\n    {\n      thumbnails: () => [],\n      draggable: false,\n      radius: 'rounded',\n      variant: 'opaque',\n      removable: false,\n      showEmpty: false,\n      emptyOptions: () => ({ max: 6 }),\n    },\n  );\n\n  /**\n   * The active thumbnail index\n   */\n  const activeThumbnail = defineModel<number>('activeThumbnail', {\n    default: -1,\n  });\n\n  const internalThumbnails = computed({\n    get() {\n      return props.thumbnails;\n    },\n    set(value) {\n      emit('update:thumbnails', value);\n    },\n  });\n\n  const thumbnailRef = ref<HTMLElement | null>(null);\n  const { isDragging } = useSortable({\n    ref: thumbnailRef,\n    list: internalThumbnails,\n    isEnabled: props.draggable,\n    ghostClass: 'thumbnail-ghost',\n    chosenClass: 'thumbnail-chosen',\n    sortInPlace: false,\n    onDragStart: (e) => emit('dragStart', e),\n    onDragEnd: (e) => {\n      activeThumbnail.value = e.newIndex;\n      moveSortableElements({ list: internalThumbnails, from: e.oldIndex, to: e.newIndex });\n      emit('dragEnd', e);\n    },\n  });\n\n  const emptyThumbnailsCount = computed(() => {\n    if (!props.showEmpty) return 0;\n\n    const { max } = props.emptyOptions || {};\n\n    return internalThumbnails.value.length < max ? max - internalThumbnails.value.length : 0;\n  });\n\n  provide(\n    THUMBNAIL_INJECTION.key,\n    Object.freeze({\n      draggable: computed(() => props.draggable),\n      removable: computed(() => props.removable),\n      thumbnails: internalThumbnails,\n      radius: props.radius,\n      activeThumbnail,\n      isDragging,\n    }),\n  );\n</script>\n\n<template>\n  <ul ref=\"thumbnailRef\" class=\"stash-thumbnail-group flex flex-wrap gap-3\" data-test=\"stash-thumbnail-group\">\n    <slot v-bind=\"{ activeThumbnail, isDragging }\"></slot>\n\n    <ThumbnailEmpty v-for=\"(_, index) in emptyThumbnailsCount\" :key=\"`empty_thumb_${index}`\" />\n  </ul>\n</template>\n\n<style>\n  @layer utilities {\n    /* Ghost is cloned to document.body (see createGhostElement); must not require .stash-thumbnail-group ancestor */\n    .thumbnail-ghost {\n      .stash-thumbnail-item__img {\n        border: 1px solid var(--color-blue-500);\n        mask-image: none !important;\n        box-shadow: var(--shadow-sm);\n      }\n\n      .stash-thumbnail-item__remove {\n        opacity: 0;\n      }\n    }\n  }\n</style>\n\n<style module>\n  @layer utilities {\n    :global(:where(.stash-thumbnail-group) .thumbnail-chosen) {\n      opacity: 0 !important;\n    }\n  }\n</style>\n"],"names":["emit","__emit","props","__props","activeThumbnail","_useModel","internalThumbnails","computed","value","thumbnailRef","ref","isDragging","useSortable","moveSortableElements","emptyThumbnailsCount","max","provide","THUMBNAIL_INJECTION","_createElementBlock","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","_unref","_openBlock","_Fragment","_renderList","_","index","_createBlock","ThumbnailEmpty"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBE,UAAMA,IAAOC,GAiBPC,IAAQC,GAmDRC,IAAkBC,EAAmBF,GAAC,iBAE3C,GAEKG,IAAqBC,EAAS;AAAA,MAClC,MAAM;AACJ,eAAOL,EAAM;AAAA,MACf;AAAA,MACA,IAAIM,GAAO;AACT,QAAAR,EAAK,qBAAqBQ,CAAK;AAAA,MACjC;AAAA,IAAA,CACD,GAEKC,IAAeC,EAAwB,IAAI,GAC3C,EAAE,YAAAC,EAAA,IAAeC,EAAY;AAAA,MACjC,KAAKH;AAAA,MACL,MAAMH;AAAA,MACN,WAAWJ,EAAM;AAAA,MACjB,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA,MACb,aAAa,CAAC,MAAMF,EAAK,aAAa,CAAC;AAAA,MACvC,WAAW,CAAC,MAAM;AAChB,QAAAI,EAAgB,QAAQ,EAAE,UAC1BS,EAAqB,EAAE,MAAMP,GAAoB,MAAM,EAAE,UAAU,IAAI,EAAE,UAAU,GACnFN,EAAK,WAAW,CAAC;AAAA,MACnB;AAAA,IAAA,CACD,GAEKc,IAAuBP,EAAS,MAAM;AAC1C,UAAI,CAACL,EAAM,UAAW,QAAO;AAE7B,YAAM,EAAE,KAAAa,EAAA,IAAQb,EAAM,gBAAgB,CAAA;AAEtC,aAAOI,EAAmB,MAAM,SAASS,IAAMA,IAAMT,EAAmB,MAAM,SAAS;AAAA,IACzF,CAAC;AAED,WAAAU;AAAA,MACEC,EAAoB;AAAA,MACpB,OAAO,OAAO;AAAA,QACZ,WAAWV,EAAS,MAAML,EAAM,SAAS;AAAA,QACzC,WAAWK,EAAS,MAAML,EAAM,SAAS;AAAA,QACzC,YAAYI;AAAA,QACZ,QAAQJ,EAAM;AAAA,QACd,iBAAAE;AAAA,QACA,YAAAO;AAAA,MAAA,CACD;AAAA,IAAA,mBAKHO,EAIK,MAAA;AAAA,eAJG;AAAA,MAAJ,KAAIT;AAAA,MAAe,OAAM;AAAA,MAA6C,aAAU;AAAA,IAAA;MAClFU,EAAsDC,EAAA,QAAA,WAAAC,EAAAC,EAAA,EAAA,iBAAtClB,EAAA,OAAe,YAAEmB,EAAAZ,CAAA,EAAA,CAAU,CAAA,CAAA;AAAA,OAE3Ca,EAAA,EAAA,GAAAN,EAA2FO,GAAA,MAAAC,EAAtDZ,EAAA,OAAoB,CAAjCa,GAAGC,YAA3BC,EAA2FC,GAAA;AAAA,QAA/B,oBAAoBF,CAAK;AAAA,MAAA;;;;;;"}

package/dist/Timeline.js

@@ -1,26 +1,28 @@
-import { defineComponent as o, provide as a, computed as t, createElementBlock as n, openBlock as r, normalizeClass as d, renderSlot as l } from "vue";
+import { defineComponent as o, provide as n, computed as s, createElementBlock as l, openBlock as a, normalizeClass as r, renderSlot as d } from "vue";
 import { T as m } from "./keys-BEdEsanp.js";
-import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const c = /* @__PURE__ */ o({
+import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const p = /* @__PURE__ */ o({
   __name: "Timeline",
   props: {
     side: { default: "end" },
     density: { default: "comfortable" }
   },
-  setup(s) {
-    const e = s;
-    return a(m.key, {
-      side: t(() => e.side),
-      density: t(() => e.density)
-    }), (i, f) => (r(), n("ol", {
-      class: d(["stash-timeline grid grid-flow-dense items-start justify-center gap-x-3 gap-y-1.5", [`stash-timeline--${e.side}`, `stash-timeline--${e.density}`]]),
+  setup(t) {
+    const e = t;
+    return n(m.key, {
+      side: s(() => e.side),
+      density: s(() => e.density)
+    }), (i, _) => (a(), l("ol", {
+      class: r(["stash-timeline grid grid-flow-dense items-start justify-center gap-x-3 gap-y-1.5", [`stash-timeline--${e.side}`, `stash-timeline--${e.density}`]]),
       "data-test": "stash-timeline"
     }, [
-      l(i.$slots, "default", {}, void 0, !0)
+      d(i.$slots, "default")
     ], 2));
   }
-}), h = /* @__PURE__ */ p(c, [["__scopeId", "data-v-a5c666f3"]]);
+}), f = {}, u = {
+  $style: f
+}, g = /* @__PURE__ */ c(p, [["__cssModules", u]]);
 export {
-  h as default
+  g as default
 };
 //# sourceMappingURL=Timeline.js.map

package/dist/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sources":["../src/components/Timeline/Timeline.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, provide } from 'vue';\n\n  import { SpacingDensities } from '../../../types/misc';\n  import { TIMELINE_INJECTION } from './keys';\n\n  export interface TimelineProps {\n    /**\n     * Sets which side of the timeline the main and opposed content is going to be displayed.\n     */\n    side?: 'start' | 'end';\n\n    /**\n     * Sets the size of each timeline item.\n     */\n    density?: SpacingDensities;\n  }\n\n  const props = withDefaults(defineProps<TimelineProps>(), {\n    side: 'end',\n    density: 'comfortable',\n  });\n\n  provide(TIMELINE_INJECTION.key, {\n    side: computed(() => props.side),\n    density: computed(() => props.density),\n  });\n</script>\n\n<template>\n  <ol\n    class=\"stash-timeline grid grid-flow-dense items-start justify-center gap-x-3 gap-y-1.5\"\n    :class=\"[`stash-timeline--${props.side}`, `stash-timeline--${props.density}`]\"\n    data-test=\"stash-timeline\"\n  >\n    <slot></slot>\n  </ol>\n</template>\n\n<style scoped>\n  @layer utilities {\n    .stash-timeline {\n      grid-template-columns: auto min-content auto;\n    }\n  }\n</style>\n"],"names":["props","__props","provide","TIMELINE_INJECTION","computed","_createElementBlock","_normalizeClass","_renderSlot","_ctx"],"mappings":";;;;;;;;;;AAkBE,UAAMA,IAAQC;AAKd,WAAAC,EAAQC,EAAmB,KAAK;AAAA,MAC9B,MAAMC,EAAS,MAAMJ,EAAM,IAAI;AAAA,MAC/B,SAASI,EAAS,MAAMJ,EAAM,OAAO;AAAA,IAAA,CACtC,mBAIDK,EAMK,MAAA;AAAA,MALH,OAAKC,EAAA,CAAC,oFAAkF,CAAA,mBAC5DN,EAAM,IAAI,IAAA,mBAAuBA,EAAM,OAAO,EAAA,CAAA,CAAA;AAAA,MAC1E,aAAU;AAAA,IAAA;MAEVO,EAAaC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"Timeline.js","sources":["../src/components/Timeline/Timeline.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, provide } from 'vue';\n\n  import { SpacingDensities } from '../../../types/misc';\n  import { TIMELINE_INJECTION } from './keys';\n\n  export interface TimelineProps {\n    /**\n     * Sets which side of the timeline the main and opposed content is going to be displayed.\n     */\n    side?: 'start' | 'end';\n\n    /**\n     * Sets the size of each timeline item.\n     */\n    density?: SpacingDensities;\n  }\n\n  const props = withDefaults(defineProps<TimelineProps>(), {\n    side: 'end',\n    density: 'comfortable',\n  });\n\n  provide(TIMELINE_INJECTION.key, {\n    side: computed(() => props.side),\n    density: computed(() => props.density),\n  });\n</script>\n\n<template>\n  <ol\n    class=\"stash-timeline grid grid-flow-dense items-start justify-center gap-x-3 gap-y-1.5\"\n    :class=\"[`stash-timeline--${props.side}`, `stash-timeline--${props.density}`]\"\n    data-test=\"stash-timeline\"\n  >\n    <slot></slot>\n  </ol>\n</template>\n\n<style module>\n  @layer utilities {\n    :global(:where(.stash-timeline)) {\n      grid-template-columns: auto min-content auto;\n    }\n  }\n</style>\n"],"names":["props","__props","provide","TIMELINE_INJECTION","computed","_createElementBlock","_normalizeClass","_renderSlot","_ctx"],"mappings":";;;;;;;;;;AAkBE,UAAMA,IAAQC;AAKd,WAAAC,EAAQC,EAAmB,KAAK;AAAA,MAC9B,MAAMC,EAAS,MAAMJ,EAAM,IAAI;AAAA,MAC/B,SAASI,EAAS,MAAMJ,EAAM,OAAO;AAAA,IAAA,CACtC,mBAIDK,EAMK,MAAA;AAAA,MALH,OAAKC,EAAA,CAAC,oFAAkF,CAAA,mBAC5DN,EAAM,IAAI,IAAA,mBAAuBA,EAAM,OAAO,EAAA,CAAA,CAAA;AAAA,MAC1E,aAAU;AAAA,IAAA;MAEVO,EAAaC,EAAA,QAAA,SAAA;AAAA,IAAA;;;;;"}