@surdeddd/bottom-sheet 0.11.0 → 0.12.0

package/dist/svelte.cjs

@@ -476,6 +476,10 @@ var patchedPushState = null;
 var patchedReplaceState = null;
 var hasWindow = () => typeof window !== "undefined";
 var hasHistory = () => typeof history !== "undefined";
+var brandMarker = (surface) => ({
+  ...surface.markerState(),
+  __bs: true
+});
 var runInternal = (fn) => {
   internalDepth += 1;
   try {
@@ -577,7 +581,7 @@ function restore(entry) {
   entry.live = true;
   runInternal(() => {
     try {
-      history.pushState(entry.surface.markerState(), "", entry.surface.url);
+      history.pushState(brandMarker(entry.surface), "", entry.surface.url);
     } catch {
       entry.live = false;
     }
@@ -595,7 +599,7 @@ function pushBackMarker(surface) {
   entry.priorUrl = surface.url !== void 0 ? location.href : void 0;
   runInternal(() => {
     try {
-      history.pushState(surface.markerState(), "", surface.url);
+      history.pushState(brandMarker(surface), "", surface.url);
       entry.live = true;
     } catch {
       entry.live = false;
@@ -621,7 +625,7 @@ function popBackMarker(handle) {
     pendingRebrand = () => {
       runInternal(() => {
         history.replaceState(
-          rebrandSurface.markerState(),
+          brandMarker(rebrandSurface),
           "",
           rebrandUrl !== void 0 ? rebrandUrl : location.href
         );
@@ -965,11 +969,15 @@ function createMaxHeightController(deps) {
 
 // src/core/features/fit-measurement.ts
 var measureSheetNatural = (element, content, vertical) => {
-  if (!content) {
-    return vertical ? element.offsetHeight : element.offsetWidth;
-  }
   const axis = vertical ? "height" : "width";
   const sheetStyle = element.style;
+  if (!content) {
+    const prev = sheetStyle[axis];
+    sheetStyle[axis] = "auto";
+    const poked2 = vertical ? element.offsetHeight : element.offsetWidth;
+    sheetStyle[axis] = prev;
+    return poked2;
+  }
   const cs = content.style;
   const prevSheet = sheetStyle[axis];
   const prevFlex = cs.flex;
@@ -2890,12 +2898,7 @@ var BottomSheetEngine = class {
           if (!entry.isIntersecting) continue;
           if (this.destroyed) return;
           this.snaps.recompute();
-          const current = this.snaps.findById(this.activeId);
-          if (current) {
-            this.size = current.size;
-            this.applySize(this.size);
-            this.updateAriaSlider();
-          }
+          this.healActiveSnap();
           io.disconnect();
           return;
         }
@@ -3059,6 +3062,8 @@ var BottomSheetEngine = class {
       const vt = document.startViewTransition(() => {
         this.applySize(target.size);
       });
+      vt.ready?.catch(() => {
+      });
       this.currentViewTransition = vt;
       try {
         await vt.finished;
@@ -3310,11 +3315,16 @@ var BottomSheetEngine = class {
     this.maxHeight.clampTo();
     this.scrim.invalidateOpacityCache();
     if (this.gesture?.isDragging) return;
+    this.healActiveSnap();
+  }
+  healActiveSnap() {
     const current = this.snaps.findById(this.activeId);
-    if (current) {
-      this.size = current.size;
-      this.applySize(this.size);
-      this.updateAriaSlider();
+    if (!current) return;
+    this.size = current.size;
+    this.applySize(this.size);
+    this.updateAriaSlider();
+    if (this.size > 0 && !this.lifecycle.isInstalled && !this.opening && !this.animation.isAnimating) {
+      this.emitOpenSequence(this.activeId);
     }
   }
   destroy() {

package/dist/svelte.js

@@ -454,6 +454,10 @@ var patchedPushState = null;
 var patchedReplaceState = null;
 var hasWindow = () => typeof window !== "undefined";
 var hasHistory = () => typeof history !== "undefined";
+var brandMarker = (surface) => ({
+  ...surface.markerState(),
+  __bs: true
+});
 var runInternal = (fn) => {
   internalDepth += 1;
   try {
@@ -555,7 +559,7 @@ function restore(entry) {
   entry.live = true;
   runInternal(() => {
     try {
-      history.pushState(entry.surface.markerState(), "", entry.surface.url);
+      history.pushState(brandMarker(entry.surface), "", entry.surface.url);
     } catch {
       entry.live = false;
     }
@@ -573,7 +577,7 @@ function pushBackMarker(surface) {
   entry.priorUrl = surface.url !== void 0 ? location.href : void 0;
   runInternal(() => {
     try {
-      history.pushState(surface.markerState(), "", surface.url);
+      history.pushState(brandMarker(surface), "", surface.url);
       entry.live = true;
     } catch {
       entry.live = false;
@@ -599,7 +603,7 @@ function popBackMarker(handle) {
     pendingRebrand = () => {
       runInternal(() => {
         history.replaceState(
-          rebrandSurface.markerState(),
+          brandMarker(rebrandSurface),
           "",
           rebrandUrl !== void 0 ? rebrandUrl : location.href
         );
@@ -943,11 +947,15 @@ function createMaxHeightController(deps) {
 
 // src/core/features/fit-measurement.ts
 var measureSheetNatural = (element, content, vertical) => {
-  if (!content) {
-    return vertical ? element.offsetHeight : element.offsetWidth;
-  }
   const axis = vertical ? "height" : "width";
   const sheetStyle = element.style;
+  if (!content) {
+    const prev = sheetStyle[axis];
+    sheetStyle[axis] = "auto";
+    const poked2 = vertical ? element.offsetHeight : element.offsetWidth;
+    sheetStyle[axis] = prev;
+    return poked2;
+  }
   const cs = content.style;
   const prevSheet = sheetStyle[axis];
   const prevFlex = cs.flex;
@@ -2868,12 +2876,7 @@ var BottomSheetEngine = class {
           if (!entry.isIntersecting) continue;
           if (this.destroyed) return;
           this.snaps.recompute();
-          const current = this.snaps.findById(this.activeId);
-          if (current) {
-            this.size = current.size;
-            this.applySize(this.size);
-            this.updateAriaSlider();
-          }
+          this.healActiveSnap();
           io.disconnect();
           return;
         }
@@ -3037,6 +3040,8 @@ var BottomSheetEngine = class {
       const vt = document.startViewTransition(() => {
         this.applySize(target.size);
       });
+      vt.ready?.catch(() => {
+      });
       this.currentViewTransition = vt;
       try {
         await vt.finished;
@@ -3288,11 +3293,16 @@ var BottomSheetEngine = class {
     this.maxHeight.clampTo();
     this.scrim.invalidateOpacityCache();
     if (this.gesture?.isDragging) return;
+    this.healActiveSnap();
+  }
+  healActiveSnap() {
     const current = this.snaps.findById(this.activeId);
-    if (current) {
-      this.size = current.size;
-      this.applySize(this.size);
-      this.updateAriaSlider();
+    if (!current) return;
+    this.size = current.size;
+    this.applySize(this.size);
+    this.updateAriaSlider();
+    if (this.size > 0 && !this.lifecycle.isInstalled && !this.opening && !this.animation.isAnimating) {
+      this.emitOpenSequence(this.activeId);
     }
   }
   destroy() {

package/dist/vue.cjs

@@ -454,6 +454,10 @@ var patchedPushState = null;
 var patchedReplaceState = null;
 var hasWindow = () => typeof window !== "undefined";
 var hasHistory = () => typeof history !== "undefined";
+var brandMarker = (surface) => ({
+  ...surface.markerState(),
+  __bs: true
+});
 var runInternal = (fn) => {
   internalDepth += 1;
   try {
@@ -555,7 +559,7 @@ function restore(entry) {
   entry.live = true;
   runInternal(() => {
     try {
-      history.pushState(entry.surface.markerState(), "", entry.surface.url);
+      history.pushState(brandMarker(entry.surface), "", entry.surface.url);
     } catch {
       entry.live = false;
     }
@@ -573,7 +577,7 @@ function pushBackMarker(surface) {
   entry.priorUrl = surface.url !== void 0 ? location.href : void 0;
   runInternal(() => {
     try {
-      history.pushState(surface.markerState(), "", surface.url);
+      history.pushState(brandMarker(surface), "", surface.url);
       entry.live = true;
     } catch {
       entry.live = false;
@@ -599,7 +603,7 @@ function popBackMarker(handle) {
     pendingRebrand = () => {
       runInternal(() => {
         history.replaceState(
-          rebrandSurface.markerState(),
+          brandMarker(rebrandSurface),
           "",
           rebrandUrl !== void 0 ? rebrandUrl : location.href
         );
@@ -943,11 +947,15 @@ function createMaxHeightController(deps) {
 
 // src/core/features/fit-measurement.ts
 var measureSheetNatural = (element, content, vertical) => {
-  if (!content) {
-    return vertical ? element.offsetHeight : element.offsetWidth;
-  }
   const axis = vertical ? "height" : "width";
   const sheetStyle = element.style;
+  if (!content) {
+    const prev = sheetStyle[axis];
+    sheetStyle[axis] = "auto";
+    const poked2 = vertical ? element.offsetHeight : element.offsetWidth;
+    sheetStyle[axis] = prev;
+    return poked2;
+  }
   const cs = content.style;
   const prevSheet = sheetStyle[axis];
   const prevFlex = cs.flex;
@@ -2868,12 +2876,7 @@ var BottomSheetEngine = class {
           if (!entry.isIntersecting) continue;
           if (this.destroyed) return;
           this.snaps.recompute();
-          const current = this.snaps.findById(this.activeId);
-          if (current) {
-            this.size = current.size;
-            this.applySize(this.size);
-            this.updateAriaSlider();
-          }
+          this.healActiveSnap();
           io.disconnect();
           return;
         }
@@ -3037,6 +3040,8 @@ var BottomSheetEngine = class {
       const vt = document.startViewTransition(() => {
         this.applySize(target.size);
       });
+      vt.ready?.catch(() => {
+      });
       this.currentViewTransition = vt;
       try {
         await vt.finished;
@@ -3288,11 +3293,16 @@ var BottomSheetEngine = class {
     this.maxHeight.clampTo();
     this.scrim.invalidateOpacityCache();
     if (this.gesture?.isDragging) return;
+    this.healActiveSnap();
+  }
+  healActiveSnap() {
     const current = this.snaps.findById(this.activeId);
-    if (current) {
-      this.size = current.size;
-      this.applySize(this.size);
-      this.updateAriaSlider();
+    if (!current) return;
+    this.size = current.size;
+    this.applySize(this.size);
+    this.updateAriaSlider();
+    if (this.size > 0 && !this.lifecycle.isInstalled && !this.opening && !this.animation.isAnimating) {
+      this.emitOpenSequence(this.activeId);
     }
   }
   destroy() {

package/dist/vue.js

@@ -452,6 +452,10 @@ var patchedPushState = null;
 var patchedReplaceState = null;
 var hasWindow = () => typeof window !== "undefined";
 var hasHistory = () => typeof history !== "undefined";
+var brandMarker = (surface) => ({
+  ...surface.markerState(),
+  __bs: true
+});
 var runInternal = (fn) => {
   internalDepth += 1;
   try {
@@ -553,7 +557,7 @@ function restore(entry) {
   entry.live = true;
   runInternal(() => {
     try {
-      history.pushState(entry.surface.markerState(), "", entry.surface.url);
+      history.pushState(brandMarker(entry.surface), "", entry.surface.url);
     } catch {
       entry.live = false;
     }
@@ -571,7 +575,7 @@ function pushBackMarker(surface) {
   entry.priorUrl = surface.url !== void 0 ? location.href : void 0;
   runInternal(() => {
     try {
-      history.pushState(surface.markerState(), "", surface.url);
+      history.pushState(brandMarker(surface), "", surface.url);
       entry.live = true;
     } catch {
       entry.live = false;
@@ -597,7 +601,7 @@ function popBackMarker(handle) {
     pendingRebrand = () => {
       runInternal(() => {
         history.replaceState(
-          rebrandSurface.markerState(),
+          brandMarker(rebrandSurface),
           "",
           rebrandUrl !== void 0 ? rebrandUrl : location.href
         );
@@ -941,11 +945,15 @@ function createMaxHeightController(deps) {
 
 // src/core/features/fit-measurement.ts
 var measureSheetNatural = (element, content, vertical) => {
-  if (!content) {
-    return vertical ? element.offsetHeight : element.offsetWidth;
-  }
   const axis = vertical ? "height" : "width";
   const sheetStyle = element.style;
+  if (!content) {
+    const prev = sheetStyle[axis];
+    sheetStyle[axis] = "auto";
+    const poked2 = vertical ? element.offsetHeight : element.offsetWidth;
+    sheetStyle[axis] = prev;
+    return poked2;
+  }
   const cs = content.style;
   const prevSheet = sheetStyle[axis];
   const prevFlex = cs.flex;
@@ -2866,12 +2874,7 @@ var BottomSheetEngine = class {
           if (!entry.isIntersecting) continue;
           if (this.destroyed) return;
           this.snaps.recompute();
-          const current = this.snaps.findById(this.activeId);
-          if (current) {
-            this.size = current.size;
-            this.applySize(this.size);
-            this.updateAriaSlider();
-          }
+          this.healActiveSnap();
           io.disconnect();
           return;
         }
@@ -3035,6 +3038,8 @@ var BottomSheetEngine = class {
       const vt = document.startViewTransition(() => {
         this.applySize(target.size);
       });
+      vt.ready?.catch(() => {
+      });
       this.currentViewTransition = vt;
       try {
         await vt.finished;
@@ -3286,11 +3291,16 @@ var BottomSheetEngine = class {
     this.maxHeight.clampTo();
     this.scrim.invalidateOpacityCache();
     if (this.gesture?.isDragging) return;
+    this.healActiveSnap();
+  }
+  healActiveSnap() {
     const current = this.snaps.findById(this.activeId);
-    if (current) {
-      this.size = current.size;
-      this.applySize(this.size);
-      this.updateAriaSlider();
+    if (!current) return;
+    this.size = current.size;
+    this.applySize(this.size);
+    this.updateAriaSlider();
+    if (this.size > 0 && !this.lifecycle.isInstalled && !this.opening && !this.animation.isAnimating) {
+      this.emitOpenSequence(this.activeId);
     }
   }
   destroy() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@surdeddd/bottom-sheet",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "Universal, headless bottom sheet — framework-agnostic core with React, Vue 3, Svelte, Solid, Qwik, Preact, Lit and Custom Element adapters. Pointer Events, snap points, momentum, a11y, SSR-safe.",
   "type": "module",
   "license": "MIT",
@@ -193,7 +193,7 @@
     {
       "name": "svelte adapter",
       "path": "dist/svelte.js",
-      "limit": "21.5 KB",
+      "limit": "22 KB",
       "gzip": true
     },
     {
@@ -220,7 +220,7 @@
     {
       "name": "web component (self-contained)",
       "path": "dist/element.js",
-      "limit": "25 KB",
+      "limit": "25.5 KB",
       "gzip": true
     },
     {