@ssgoi/vue 2.0.0 → 2.1.1

package/dist/ssgoi-transition.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),r=require("./transition.cjs"),a=require("./context.cjs"),u=["data-ssgoi-transition"],c=t.defineComponent({__name:"ssgoi-transition",props:{id:{}},setup(i){const n=i,o=a.useSsgoi(),s=t.computed(()=>({...o(n.id),key:n.id}));return(e,d)=>t.withDirectives((t.openBlock(),t.createElementBlock("div",{"data-ssgoi-transition":e.id},[t.renderSlot(e.$slots,"default")],8,u)),[[t.unref(r.vTransition),s.value]])}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),r=require("./transition.cjs"),a=require("./context.cjs"),c=t.defineComponent({__name:"ssgoi-transition",props:{id:{},as:{default:"div"},class:{}},setup(n){const s=n,i=a.useSsgoi(),o=t.computed(()=>({...i(s.id),key:s.id}));return(e,u)=>t.withDirectives((t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.as),{"data-ssgoi-transition":e.id,class:t.normalizeClass(s.class)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["data-ssgoi-transition","class"])),[[t.unref(r.vTransition),o.value]])}});exports.default=c;

package/dist/ssgoi-transition.vue.d.ts

@@ -1,5 +1,7 @@
 interface Props {
     id: string;
+    as?: keyof HTMLElementTagNameMap;
+    class?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -7,10 +9,12 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    as: keyof HTMLElementTagNameMap;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/ssgoi-transition.vue.js

@@ -1,23 +1,31 @@
-import { defineComponent as e, computed as r, withDirectives as a, createElementBlock as c, openBlock as d, renderSlot as p, unref as m } from "vue";
-import { vTransition as u } from "./transition.js";
-import { useSsgoi as f } from "./context.js";
-const l = ["data-ssgoi-transition"], k = /* @__PURE__ */ e({
+import { defineComponent as a, computed as e, withDirectives as r, createBlock as c, openBlock as l, resolveDynamicComponent as d, normalizeClass as m, withCtx as p, renderSlot as u, unref as f } from "vue";
+import { vTransition as g } from "./transition.js";
+import { useSsgoi as v } from "./context.js";
+const w = /* @__PURE__ */ a({
   __name: "ssgoi-transition",
   props: {
-    id: {}
+    id: {},
+    as: { default: "div" },
+    class: {}
   },
-  setup(i) {
-    const o = i, n = f(), s = r(() => ({
-      ...n(o.id),
-      key: o.id
+  setup(o) {
+    const t = o, i = v(), n = e(() => ({
+      ...i(t.id),
+      key: t.id
     }));
-    return (t, g) => a((d(), c("div", { "data-ssgoi-transition": t.id }, [
-      p(t.$slots, "default")
-    ], 8, l)), [
-      [m(u), s.value]
+    return (s, C) => r((l(), c(d(s.as), {
+      "data-ssgoi-transition": s.id,
+      class: m(t.class)
+    }, {
+      default: p(() => [
+        u(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["data-ssgoi-transition", "class"])), [
+      [f(g), n.value]
     ]);
   }
 });
 export {
-  k as default
+  w as default
 };

package/dist/transition.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@ssgoi/core"),o=s.transition,r={mounted(n,t){if(!t.value){console.warn("[SSGOI] v-transition directive requires a configuration object");return}const e=t.value;setTimeout(()=>{const i=o(e)(n);n._ssgoiCleanup=i},0)},unmounted(n){const t=n._ssgoiCleanup;t&&(t(),delete n._ssgoiCleanup)}};exports.transition=o;exports.vTransition=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@ssgoi/core"),e=s.transition,r={mounted(n,t){if(!t.value){console.warn("[SSGOI] v-transition directive requires a configuration object");return}const o=t.value;setTimeout(()=>{const i=e({key:o.key,in:o.in,out:o.out,ref:n})(n);n._ssgoiCleanup=i},0)},unmounted(n){const t=n._ssgoiCleanup;t&&(t(),delete n._ssgoiCleanup)}};exports.transition=e;exports.vTransition=r;

package/dist/transition.d.ts

@@ -1,6 +1,6 @@
 import { transition as _transition, Transition, TransitionKey } from '@ssgoi/core';
 import { Directive } from 'vue';
 export declare const transition: typeof _transition;
-export declare const vTransition: Directive<HTMLElement, Transition & {
-    key: TransitionKey;
-}>;
+export declare const vTransition: Directive<HTMLElement, (Transition & {
+    key?: TransitionKey;
+}) | undefined>;

package/dist/transition.js

@@ -1,15 +1,18 @@
-import { transition as s } from "@ssgoi/core";
-const e = s, r = {
+import { transition as e } from "@ssgoi/core";
+const s = e, r = {
   mounted(n, t) {
     if (!t.value) {
-      console.warn(
-        "[SSGOI] v-transition directive requires a configuration object"
-      );
+      console.warn("[SSGOI] v-transition directive requires a configuration object");
       return;
     }
     const o = t.value;
     setTimeout(() => {
-      const i = e(o)(n);
+      const i = s({
+        key: o.key,
+        in: o.in,
+        out: o.out,
+        ref: n
+      })(n);
       n._ssgoiCleanup = i;
     }, 0);
   },
@@ -19,6 +22,6 @@ const e = s, r = {
   }
 };
 export {
-  e as transition,
+  s as transition,
   r as vTransition
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/vue",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "description": "Vue bindings for SSGOI - Native app-like page transitions for Vue applications",
   "private": false,
   "type": "module",
@@ -54,7 +54,7 @@
     "prepare": "pnpm run build"
   },
   "dependencies": {
-    "@ssgoi/core": "workspace:*"
+    "@ssgoi/core": "^2.1.0"
   },
   "peerDependencies": {
     "vue": "^3.5.0"