@leaflink/stash 51.9.3 → 51.11.0

package/dist/ThumbnailGroup.vue.d.ts

@@ -6,41 +6,44 @@ import { Ref } from 'vue';
 import { RendererElement } from 'vue';
 import { RendererNode } from 'vue';
 import { ShallowUnwrapRef } from 'vue';
+import { SortableDragEvent as SortableDragEvent_2 } from '../../composables/useSortable/useSortable.types';
 import { VNode } from 'vue';
 import { VNodeProps } from 'vue';
 
 declare const _default: <Thumbnail extends ThumbnailDefinition>(__VLS_props: {
-    radius?: ThumbnailRadius | undefined;
-    draggable?: boolean | undefined;
-    removable?: boolean | undefined;
-    thumbnails?: Thumbnail[] | undefined;
-    activeThumbnail?: number | undefined;
     readonly onDragStart?: ((event: SortableOnDragStartEvent) => any) | undefined;
-    readonly onDragEnd?: ((event: SortableDragEvent) => any) | undefined;
+    readonly onDragEnd?: ((event: SortableDragEvent_2) => any) | undefined;
+    readonly "onUpdate:activeThumbnail"?: ((value: number) => any) | undefined;
     readonly "onUpdate:thumbnails"?: ((thumbnails: Thumbnail[]) => any) | undefined;
+    activeThumbnail?: number | undefined;
+    draggable?: boolean | undefined;
+    radius?: ThumbnailRadius | undefined;
+    removable?: boolean | undefined;
     showEmpty?: boolean | undefined;
     emptyOptions?: ThumbnailEmptyOptions | undefined;
+    thumbnails?: Thumbnail[] | undefined;
 } & VNodeProps & AllowedComponentProps & ComponentCustomProps, __VLS_ctx?: {
-    attrs: any;
     slots: {
         default?(_: {
             activeThumbnail: number;
             isDragging: boolean;
         }): any;
     };
-    emit: ((evt: "dragStart", event: SortableOnDragStartEvent) => void) & ((evt: "dragEnd", event: SortableDragEvent) => void) & ((evt: "update:thumbnails", thumbnails: Thumbnail[]) => void);
+    attrs: any;
+    emit: ((evt: "dragStart", event: SortableOnDragStartEvent) => void) & ((evt: "dragEnd", event: SortableDragEvent_2) => void) & ((evt: "update:thumbnails", thumbnails: Thumbnail[]) => void) & ((evt: "update:activeThumbnail", value: number) => void);
 } | undefined, __VLS_expose?: ((exposed: ShallowUnwrapRef<    {}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
-        radius?: ThumbnailRadius | undefined;
-        draggable?: boolean | undefined;
-        removable?: boolean | undefined;
-        thumbnails?: Thumbnail[] | undefined;
-        activeThumbnail?: number | undefined;
         readonly onDragStart?: ((event: SortableOnDragStartEvent) => any) | undefined;
-        readonly onDragEnd?: ((event: SortableDragEvent) => any) | undefined;
+        readonly onDragEnd?: ((event: SortableDragEvent_2) => any) | undefined;
+        readonly "onUpdate:activeThumbnail"?: ((value: number) => any) | undefined;
         readonly "onUpdate:thumbnails"?: ((thumbnails: Thumbnail[]) => any) | undefined;
+        activeThumbnail?: number | undefined;
+        draggable?: boolean | undefined;
+        radius?: ThumbnailRadius | undefined;
+        removable?: boolean | undefined;
         showEmpty?: boolean | undefined;
         emptyOptions?: ThumbnailEmptyOptions | undefined;
+        thumbnails?: Thumbnail[] | undefined;
     } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
     expose(exposed: ShallowUnwrapRef<    {}>): void;
     attrs: any;
@@ -50,22 +53,23 @@ declare const _default: <Thumbnail extends ThumbnailDefinition>(__VLS_props: {
             isDragging: boolean;
         }): any;
     };
-    emit: ((evt: "dragStart", event: SortableOnDragStartEvent) => void) & ((evt: "dragEnd", event: SortableDragEvent) => void) & ((evt: "update:thumbnails", thumbnails: Thumbnail[]) => void);
+    emit: ((evt: "dragStart", event: SortableOnDragStartEvent) => void) & ((evt: "dragEnd", event: SortableDragEvent_2) => void) & ((evt: "update:thumbnails", thumbnails: Thumbnail[]) => void) & ((evt: "update:activeThumbnail", value: number) => void);
 }>) => VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }> & {
     __ctx?: {
         props: {
-            radius?: ThumbnailRadius | undefined;
-            draggable?: boolean | undefined;
-            removable?: boolean | undefined;
-            thumbnails?: Thumbnail[] | undefined;
-            activeThumbnail?: number | undefined;
             readonly onDragStart?: ((event: SortableOnDragStartEvent) => any) | undefined;
-            readonly onDragEnd?: ((event: SortableDragEvent) => any) | undefined;
+            readonly onDragEnd?: ((event: SortableDragEvent_2) => any) | undefined;
+            readonly "onUpdate:activeThumbnail"?: ((value: number) => any) | undefined;
             readonly "onUpdate:thumbnails"?: ((thumbnails: Thumbnail[]) => any) | undefined;
+            activeThumbnail?: number | undefined;
+            draggable?: boolean | undefined;
+            radius?: ThumbnailRadius | undefined;
+            removable?: boolean | undefined;
             showEmpty?: boolean | undefined;
             emptyOptions?: ThumbnailEmptyOptions | undefined;
+            thumbnails?: Thumbnail[] | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
         expose(exposed: ShallowUnwrapRef<    {}>): void;
         attrs: any;
@@ -75,7 +79,7 @@ declare const _default: <Thumbnail extends ThumbnailDefinition>(__VLS_props: {
                 isDragging: boolean;
             }): any;
         };
-        emit: ((evt: "dragStart", event: SortableOnDragStartEvent) => void) & ((evt: "dragEnd", event: SortableDragEvent) => void) & ((evt: "update:thumbnails", thumbnails: Thumbnail[]) => void);
+        emit: ((evt: "dragStart", event: SortableOnDragStartEvent) => void) & ((evt: "dragEnd", event: SortableDragEvent_2) => void) & ((evt: "update:thumbnails", thumbnails: Thumbnail[]) => void) & ((evt: "update:activeThumbnail", value: number) => void);
     } | undefined;
 };
 export default _default;

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 { SpacingDensities } from 'types';\n  import { computed, provide } from 'vue';\n\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 tw-grid tw-grid-flow-dense tw-items-start tw-justify-center tw-gap-x-3 tw-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  .stash-timeline {\n    grid-template-columns: auto min-content auto;\n  }\n</style>\n"],"names":["props","__props","provide","TIMELINE_INJECTION","computed"],"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;;;;;;;;"}
+{"version":3,"file":"Timeline.js","sources":["../src/components/Timeline/Timeline.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { SpacingDensities } from 'types';\n  import { computed, provide } from 'vue';\n\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 tw-grid tw-grid-flow-dense tw-items-start tw-justify-center tw-gap-x-3 tw-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  .stash-timeline {\n    grid-template-columns: auto min-content auto;\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,sGAAoG,CAAA,mBAC9EN,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;;;"}

package/dist/Timeline.vue.d.ts

@@ -1,47 +1,18 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
-import { ExtractPropTypes } from 'vue';
-import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-
-declare type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TimelineProps>, {
-side: string;
-density: string;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TimelineProps>, {
-side: string;
-density: string;
-}>>> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<TimelineProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TimelineProps> & Readonly<{}>, {
 side: "start" | "end";
 density: "compact" | "comfortable";
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLOListElement>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -56,7 +27,7 @@ declare enum SpacingDensity {
     Comfortable = 'comfortable',
 }
 
-export declare interface TimelineProps {
+declare interface TimelineProps {
     /**
      * Sets which side of the timeline the main and opposed content is going to be displayed.
      */

package/dist/TimelineItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.js","sources":["../src/components/TimelineItem/TimelineItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, inject } from 'vue';\n\n  import { TIMELINE_INJECTION } from '../Timeline/keys';\n\n  const slots = defineSlots<{\n    /**\n     * The opposite content of the timeline item.\n     */\n    opposite?: () => Record<string, never>;\n\n    /**\n     * The default content of the timeline item.\n     */\n    default: () => Record<string, never>;\n  }>();\n\n  const timelineInjection = inject(TIMELINE_INJECTION.key);\n\n  if (!timelineInjection) {\n    throw Error('The TimelineItem component must be a child of the Timeline component.');\n  }\n\n  const { density, side } = timelineInjection;\n\n  const sideClasses = computed(() => {\n    return {\n      main: {\n        'tw-col-start-3': side.value === 'end',\n        'tw-col-end-2': side.value === 'start',\n      },\n      opposite: {\n        'tw-col-end-2': side.value === 'end',\n        'tw-col-start-3': side.value === 'start',\n      },\n    };\n  });\n\n  const contentDensity = computed(() => ({\n    'tw-mb-3': density.value === 'compact',\n    'tw-mb-6': density.value === 'comfortable',\n  }));\n</script>\n\n<template>\n  <li class=\"stash-timeline-item group tw-contents tw-list-none\" data-test=\"stash-timeline-item\">\n    <div\n      class=\"stash-timeline-item__main-content\"\n      :class=\"[sideClasses.main, contentDensity]\"\n      data-test=\"stash-timeline-item|content\"\n    >\n      <slot></slot>\n    </div>\n\n    <div\n      class=\"stash-timeline-separator tw-col-start-2 tw-col-end-3 tw-flex tw-h-full tw-flex-col tw-items-center\"\n      data-test=\"stash-timeline-separator\"\n    >\n      <div class=\"tw-mt-[5px] tw-rounded-full tw-bg-ice-500 tw-p-1.5\"></div>\n      <div class=\"tw-w-[2px] tw-flex-1 tw-bg-ice-500\"></div>\n    </div>\n\n    <div\n      v-if=\"slots.opposite\"\n      class=\"stash-timeline-item__opposite-content\"\n      :class=\"[sideClasses.opposite, contentDensity]\"\n      data-test=\"stash-timeline-item|opposite-content\"\n    >\n      <slot name=\"opposite\"></slot>\n    </div>\n  </li>\n</template>\n"],"names":["slots","_useSlots","timelineInjection","inject","TIMELINE_INJECTION","density","side","sideClasses","computed","contentDensity"],"mappings":";;;;;;;;AAKE,UAAMA,IAAQC,EAUV,GAEEC,IAAoBC,EAAOC,EAAmB,GAAG;AAEvD,QAAI,CAACF;AACH,YAAM,MAAM,uEAAuE;AAG/E,UAAA,EAAE,SAAAG,GAAS,MAAAC,EAAA,IAASJ,GAEpBK,IAAcC,EAAS,OACpB;AAAA,MACL,MAAM;AAAA,QACJ,kBAAkBF,EAAK,UAAU;AAAA,QACjC,gBAAgBA,EAAK,UAAU;AAAA,MACjC;AAAA,MACA,UAAU;AAAA,QACR,gBAAgBA,EAAK,UAAU;AAAA,QAC/B,kBAAkBA,EAAK,UAAU;AAAA,MAAA;AAAA,IAErC,EACD,GAEKG,IAAiBD,EAAS,OAAO;AAAA,MACrC,WAAWH,EAAQ,UAAU;AAAA,MAC7B,WAAWA,EAAQ,UAAU;AAAA,IAAA,EAC7B;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TimelineItem.js","sources":["../src/components/TimelineItem/TimelineItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, inject } from 'vue';\n\n  import { TIMELINE_INJECTION } from '../Timeline/keys';\n\n  const slots = defineSlots<{\n    /**\n     * The opposite content of the timeline item.\n     */\n    opposite?: () => Record<string, never>;\n\n    /**\n     * The default content of the timeline item.\n     */\n    default: () => Record<string, never>;\n  }>();\n\n  const timelineInjection = inject(TIMELINE_INJECTION.key);\n\n  if (!timelineInjection) {\n    throw Error('The TimelineItem component must be a child of the Timeline component.');\n  }\n\n  const { density, side } = timelineInjection;\n\n  const sideClasses = computed(() => {\n    return {\n      main: {\n        'tw-col-start-3': side.value === 'end',\n        'tw-col-end-2': side.value === 'start',\n      },\n      opposite: {\n        'tw-col-end-2': side.value === 'end',\n        'tw-col-start-3': side.value === 'start',\n      },\n    };\n  });\n\n  const contentDensity = computed(() => ({\n    'tw-mb-3': density.value === 'compact',\n    'tw-mb-6': density.value === 'comfortable',\n  }));\n</script>\n\n<template>\n  <li class=\"stash-timeline-item group tw-contents tw-list-none\" data-test=\"stash-timeline-item\">\n    <div\n      class=\"stash-timeline-item__main-content\"\n      :class=\"[sideClasses.main, contentDensity]\"\n      data-test=\"stash-timeline-item|content\"\n    >\n      <slot></slot>\n    </div>\n\n    <div\n      class=\"stash-timeline-separator tw-col-start-2 tw-col-end-3 tw-flex tw-h-full tw-flex-col tw-items-center\"\n      data-test=\"stash-timeline-separator\"\n    >\n      <div class=\"tw-mt-[5px] tw-rounded-full tw-bg-ice-500 tw-p-1.5\"></div>\n      <div class=\"tw-w-[2px] tw-flex-1 tw-bg-ice-500\"></div>\n    </div>\n\n    <div\n      v-if=\"slots.opposite\"\n      class=\"stash-timeline-item__opposite-content\"\n      :class=\"[sideClasses.opposite, contentDensity]\"\n      data-test=\"stash-timeline-item|opposite-content\"\n    >\n      <slot name=\"opposite\"></slot>\n    </div>\n  </li>\n</template>\n"],"names":["slots","_useSlots","timelineInjection","inject","TIMELINE_INJECTION","density","side","sideClasses","computed","contentDensity","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_renderSlot","_ctx"],"mappings":";;;;;;;;AAKE,UAAMA,IAAQC,EAAA,GAYRC,IAAoBC,EAAOC,EAAmB,GAAG;AAEvD,QAAI,CAACF;AACH,YAAM,MAAM,uEAAuE;AAGrF,UAAM,EAAE,SAAAG,GAAS,MAAAC,EAAA,IAASJ,GAEpBK,IAAcC,EAAS,OACpB;AAAA,MACL,MAAM;AAAA,QACJ,kBAAkBF,EAAK,UAAU;AAAA,QACjC,gBAAgBA,EAAK,UAAU;AAAA,MAAA;AAAA,MAEjC,UAAU;AAAA,QACR,gBAAgBA,EAAK,UAAU;AAAA,QAC/B,kBAAkBA,EAAK,UAAU;AAAA,MAAA;AAAA,IACnC,EAEH,GAEKG,IAAiBD,EAAS,OAAO;AAAA,MACrC,WAAWH,EAAQ,UAAU;AAAA,MAC7B,WAAWA,EAAQ,UAAU;AAAA,IAAA,EAC7B;sBAIFK,EAAA,GAAAC,EAyBK,MAzBLC,GAyBK;AAAA,MAxBHC,EAMM,OAAA;AAAA,QALJ,UAAM,qCAAmC,CAChCN,QAAY,MAAME,EAAA,KAAc,CAAA,CAAA;AAAA,QACzC,aAAU;AAAA,MAAA;QAEVK,EAAaC,EAAA,QAAA,SAAA;AAAA,MAAA;sBAGfF,EAMM,OAAA;AAAA,QALJ,OAAM;AAAA,QACN,aAAU;AAAA,MAAA;QAEVA,EAAsE,OAAA,EAAjE,OAAM,sDAAoD;AAAA,QAC/DA,EAAsD,OAAA,EAAjD,OAAM,sCAAoC;AAAA,MAAA;MAIzCb,EAAM,iBADdW,EAOM,OAAA;AAAA;QALJ,UAAM,yCAAuC,CACpCJ,QAAY,UAAUE,EAAA,KAAc,CAAA,CAAA;AAAA,QAC7C,aAAU;AAAA,MAAA;QAEVK,EAA6BC,EAAA,QAAA,UAAA;AAAA,MAAA;;;;"}

package/dist/TimelineItem.vue.d.ts

@@ -9,7 +9,7 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLLIElement>, Readonly<{
     /**
      * The opposite content of the timeline item.
      */