@reelkit/vue - npm Package Compare versions

Comparing version 0.2.0 to 0.3.0

dist/index.d.ts

@@ -6,3 +6,3 @@ /**
  *
- * The main component is {@link Reel} — a virtualized, gesture-driven
+ * The main component is {@link Reel}: a virtualized, gesture-driven
  * slider that renders only the visible slides to the DOM. It wraps
@@ -19,3 +19,3 @@ * `@reelkit/core`'s `createSliderController` and bridges its
  */
-export { createSignal, createComputed, reaction, batch, createDeferred, type Signal, type ComputedSignal, type Subscribable, type Listener, type Dispose, type Deferred, first, last, generate, abs, isNegative, clamp, lerp, extractRange, noop, animate, type AnimatedValue, observeDomEvent, createDisposableList, type DisposableList, captureFrame, createLruCache, createSharedVideo, type LruCache, type SharedVideoConfig, type SharedVideoInstance, createGestureController, type GestureController, type GestureControllerEvents, type GestureCommonEvent, type GestureEvent, slideTransition, flipTransition, cubeTransition, fadeTransition, zoomTransition, getSlideProgress, type TransitionTransformFn, type SlideTransformStyle, fullscreenSignal, requestFullscreen, exitFullscreen, createBodyLock, sharedBodyLock, type BodyLock, captureFocusForReturn, createFocusTrap, getFocusableElements, createSoundController, syncMutedToVideo, type SoundController, observeMediaLoading, type MediaLoadingCallbacks, createContentLoadingController, type ContentLoadingController, createContentPreloader, type ContentPreloader, type ContentPreloaderConfig, } from '@reelkit/core';
+export { createSignal, createComputed, reaction, batch, createDeferred, type Signal, type ComputedSignal, type Subscribable, type Listener, type Dispose, type Deferred, first, last, generate, abs, isNegative, clamp, lerp, extractRange, noop, animate, type AnimatedValue, observeDomEvent, createDisposableList, type DisposableList, type Disposer, captureFrame, createLruCache, createSharedVideo, syncVideoObjectFit, type LruCache, type SharedVideoConfig, type SharedVideoInstance, createGestureController, type GestureController, type GestureControllerEvents, type GestureCommonEvent, type GestureEvent, slideTransition, flipTransition, cubeTransition, fadeTransition, zoomTransition, getSlideProgress, type TransitionTransformFn, type SlideTransformStyle, fullscreenSignal, requestFullscreen, exitFullscreen, createBodyLock, sharedBodyLock, type BodyLock, captureFocusForReturn, createFocusTrap, getFocusableElements, createSoundController, syncMutedToVideo, type SoundController, createTimelineController, type TimelineController, type TimelineControllerConfig, type BufferedRange, observeMediaLoading, type MediaLoadingCallbacks, createContentLoadingController, type ContentLoadingController, createContentPreloader, type ContentPreloader, type ContentPreloaderConfig, } from '@reelkit/core';
 export type { SliderDirection, SliderConfig, RangeExtractor, NavKey, } from '@reelkit/core';
@@ -22,0 +22,0 @@ export { Reel, createDefaultKeyExtractorForLoop, defaultRangeExtractor, type ReelExpose, type ReelProps, } from './lib/components';

dist/index.js

@@ -1,4 +0,4 @@
-import { noop as K, createSliderController as se, createSignal as ce, createDisposableList as ee, animate as ue, first as O, last as A, slideTransition as de, clamp as X, createGestureController as ve, abs as Z, sharedBodyLock as fe, fullscreenSignal as M, exitFullscreen as W, requestFullscreen as he, createSoundController as ye } from "@reelkit/core";
-import { abs as pe, animate as Oe, batch as Ae, captureFocusForReturn as Ve, captureFrame as Be, clamp as _e, createBodyLock as je, createComputed as We, createContentLoadingController as qe, createContentPreloader as Ge, createDeferred as Ue, createDisposableList as He, createFocusTrap as Ye, createGestureController as Je, createLruCache as Qe, createSharedVideo as Xe, createSignal as Ze, createSoundController as et, cubeTransition as tt, defaultRangeExtractor as nt, exitFullscreen as at, extractRange as it, fadeTransition as ot, first as lt, flipTransition as rt, fullscreenSignal as st, generate as ct, getFocusableElements as ut, getSlideProgress as dt, isNegative as vt, last as ft, lerp as ht, noop as yt, observeDomEvent as bt, observeMediaLoading as gt, reaction as mt, requestFullscreen as xt, sharedBodyLock as St, slideTransition as wt, syncMutedToVideo as Dt, zoomTransition as Ct } from "@reelkit/core";
-import { inject as q, shallowRef as te, onScopeDispose as be, readonly as ge, defineComponent as _, h as x, ref as S, provide as ne, watch as C, onMounted as G, onUnmounted as p, computed as V, isRef as me } from "vue";
+import { noop as K, createSliderController as se, createSignal as ce, createDisposableList as ee, animate as ue, first as p, last as A, slideTransition as de, clamp as X, createGestureController as ve, abs as Z, sharedBodyLock as fe, fullscreenSignal as M, exitFullscreen as W, requestFullscreen as he, createSoundController as ye } from "@reelkit/core";
+import { abs as Oe, animate as pe, batch as Ae, captureFocusForReturn as Ve, captureFrame as je, clamp as Be, createBodyLock as _e, createComputed as We, createContentLoadingController as qe, createContentPreloader as Ge, createDeferred as Ue, createDisposableList as He, createFocusTrap as Ye, createGestureController as Je, createLruCache as Qe, createSharedVideo as Xe, createSignal as Ze, createSoundController as et, createTimelineController as tt, cubeTransition as nt, defaultRangeExtractor as at, exitFullscreen as it, extractRange as ot, fadeTransition as lt, first as rt, flipTransition as st, fullscreenSignal as ct, generate as ut, getFocusableElements as dt, getSlideProgress as vt, isNegative as ft, last as ht, lerp as yt, noop as bt, observeDomEvent as gt, observeMediaLoading as mt, reaction as xt, requestFullscreen as St, sharedBodyLock as wt, slideTransition as Dt, syncMutedToVideo as Ct, syncVideoObjectFit as Et, zoomTransition as Rt } from "@reelkit/core";
+import { inject as q, shallowRef as te, onScopeDispose as be, readonly as ge, defineComponent as B, h as x, ref as S, provide as ne, watch as C, onMounted as G, onUnmounted as O, computed as V, isRef as me } from "vue";
 const U = /* @__PURE__ */ Symbol("RK_REEL_KEY"), ke = () => q(U, null);
@@ -146,3 +146,3 @@ function xe(e) {
   return e === 2 && [0, 1].includes(i) && c === 0 ? `${r}_cloned` : r;
-}, Fe = _({
+}, Fe = B({
   name: "Reel",
@@ -267,3 +267,3 @@ inheritAttrs: !1,
       (t) => {
-        const l = e.direction === "horizontal" ? O(t) : A(t);
+        const l = e.direction === "horizontal" ? p(t) : A(t);
         a.setPrimarySize(l);
@@ -294,5 +294,5 @@ },
       if (!r.value) return;
-      const t = h(), l = e.direction === "horizontal" ? O(t) : A(t);
+      const t = h(), l = e.direction === "horizontal" ? p(t) : A(t);
       a.setPrimarySize(l), a.attach(r.value), a.observe(), f() && w();
-    }), p(() => {
+    }), O(() => {
       m && (m(), m = null), N.dispose(), a.unobserve(), a.detach(), R();
@@ -307,3 +307,3 @@ }), c({
     }), () => {
-      const t = h(), l = e.direction === "horizontal", v = l ? O(t) : A(t), k = !f() || v > 0, j = d(), P = E(), ie = {
+      const t = h(), l = e.direction === "horizontal", v = l ? p(t) : A(t), k = !f() || v > 0, _ = d(), P = E(), ie = {
         userSelect: "none",
@@ -313,3 +313,3 @@ WebkitUserSelect: "none",
         overflow: "hidden",
-        ...f() ? { width: "100%", height: "100%" } : { width: `${O(t)}px`, height: `${A(t)}px` },
+        ...f() ? { width: "100%", height: "100%" } : { width: `${p(t)}px`, height: `${A(t)}px` },
         ...e.reelStyle ?? {}
@@ -326,3 +326,3 @@ }, $ = [], H = {
         for (let D = 0; D < L.length; D++) {
-          const T = j(
+          const T = _(
             o.value,
@@ -473,3 +473,3 @@ D,
   }
-}, ze = _({
+}, ze = B({
   name: "ReelIndicator",
@@ -507,3 +507,3 @@ props: De,
       }
-    ), p(() => {
+    ), O(() => {
       b.dispose();
@@ -579,3 +579,3 @@ });
           [y.value ? "left" : "top"]: "0"
-        }, j = {
+        }, _ = {
           width: `${f.value}px`,
@@ -605,3 +605,3 @@ height: `${f.value}px`,
             },
-            [x("span", { style: j })]
+            [x("span", { style: _ })]
           )
@@ -651,3 +651,3 @@ );
   threshold: { type: Number, default: 0.2 }
-}, Ne = _({
+}, Ne = B({
   name: "SwipeToClose",
@@ -699,3 +699,3 @@ props: Ce,
       }
-    ), p(a), () => x(
+    ), O(a), () => x(
       "div",
@@ -728,4 +728,4 @@ {
     { immediate: !0 }
-  ) : e && i(), p(c);
-}, B = (e) => (n) => {
+  ) : e && i(), O(c);
+}, j = (e) => (n) => {
   console.log(
@@ -738,5 +738,5 @@ `Error attempting to ${e === "enter" ? "enable" : "exit"} full-screen mode: ${n.message} (${n.name})`
     const b = e.elementRef.value;
-    b && (M.value && await W().catch(B("exit")), await he(b).catch(B("enter")));
+    b && (M.value && await W().catch(j("exit")), await he(b).catch(j("enter")));
   }, c = async () => {
-    await W().catch(B("exit"));
+    await W().catch(j("exit"));
   }, r = async () => {
@@ -747,6 +747,6 @@ M.value ? await c() : await i();
     n = M.observe(K);
-  }), p(() => {
-    n?.(), M.value && W().catch(B("exit"));
+  }), O(() => {
+    n?.(), M.value && W().catch(j("exit"));
   }), { isFullscreen: M, request: i, exit: c, toggle: r };
-}, ae = /* @__PURE__ */ Symbol("RK_SOUND_KEY"), $e = _({
+}, ae = /* @__PURE__ */ Symbol("RK_SOUND_KEY"), $e = B({
   name: "SoundProvider",
@@ -770,9 +770,9 @@ setup(e, { slots: n }) {
   Ne as SwipeToClose,
-  pe as abs,
-  Oe as animate,
+  Oe as abs,
+  pe as animate,
   Ae as batch,
   Ve as captureFocusForReturn,
-  Be as captureFrame,
-  _e as clamp,
-  je as createBodyLock,
+  je as captureFrame,
+  Be as clamp,
+  _e as createBodyLock,
   We as createComputed,
@@ -790,24 +790,26 @@ qe as createContentLoadingController,
   et as createSoundController,
-  tt as cubeTransition,
-  nt as defaultRangeExtractor,
-  at as exitFullscreen,
-  it as extractRange,
-  ot as fadeTransition,
-  lt as first,
-  rt as flipTransition,
-  st as fullscreenSignal,
-  ct as generate,
-  ut as getFocusableElements,
-  dt as getSlideProgress,
-  vt as isNegative,
-  ft as last,
-  ht as lerp,
-  yt as noop,
-  bt as observeDomEvent,
-  gt as observeMediaLoading,
-  mt as reaction,
-  xt as requestFullscreen,
-  St as sharedBodyLock,
-  wt as slideTransition,
-  Dt as syncMutedToVideo,
+  tt as createTimelineController,
+  nt as cubeTransition,
+  at as defaultRangeExtractor,
+  it as exitFullscreen,
+  ot as extractRange,
+  lt as fadeTransition,
+  rt as first,
+  st as flipTransition,
+  ct as fullscreenSignal,
+  ut as generate,
+  dt as getFocusableElements,
+  vt as getSlideProgress,
+  ft as isNegative,
+  ht as last,
+  yt as lerp,
+  bt as noop,
+  gt as observeDomEvent,
+  mt as observeMediaLoading,
+  xt as reaction,
+  St as requestFullscreen,
+  wt as sharedBodyLock,
+  Dt as slideTransition,
+  Ct as syncMutedToVideo,
+  Et as syncVideoObjectFit,
   xe as toVueRef,
@@ -818,3 +820,3 @@ Ke as useBodyLock,
   Le as useSoundState,
-  Ct as zoomTransition
+  Rt as zoomTransition
 };

package.json

 {
   "name": "@reelkit/vue",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
@@ -56,3 +56,3 @@ "sideEffects": false,
   "dependencies": {
-    "@reelkit/core": "^0.5.0"
+    "@reelkit/core": "^0.6.0"
   },
@@ -59,0 +59,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

74091

0.34%

Lines of code

2018

0.1%

Dependency changes

• + Added

  @reelkit/core@0.6.1
  (transitive)

• - Removed

  @reelkit/core@0.5.0
  (transitive)

• Updated

  @reelkit/core@^0.6.0