@surdeddd/bottom-sheet 0.20.0 → 0.20.1

package/dist/vue.cjs

@@ -4996,7 +4996,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* KEYED_FRAGMENT */
   ))], 8, ["to", "disabled"]);
 }
-var BottomSheet_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/BottomSheet/BottomSheet/src/vue/BottomSheet.vue"]]);
+var BottomSheet_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/Users/maksimkravcov/Projects/Personal/BottomSheet/src/vue/BottomSheet.vue"]]);
 
 exports.BottomSheet = BottomSheet_default;
 exports.useBottomSheet = useBottomSheet;

package/dist/vue.js

@@ -4994,7 +4994,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* KEYED_FRAGMENT */
   ))], 8, ["to", "disabled"]);
 }
-var BottomSheet_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/BottomSheet/BottomSheet/src/vue/BottomSheet.vue"]]);
+var BottomSheet_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/Users/maksimkravcov/Projects/Personal/BottomSheet/src/vue/BottomSheet.vue"]]);
 
 export { BottomSheet_default as BottomSheet, useBottomSheet };
 //# sourceMappingURL=vue.js.map

package/dist/webgl.cjs

@@ -1,12 +1,22 @@
 'use strict';
 
 // src/webgl/gl-context.ts
+var supportsHighpFragment = (gl) => {
+  try {
+    const fmt = gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT);
+    return !!fmt && fmt.precision > 0;
+  } catch {
+    return false;
+  }
+};
 var hasWebGL = () => {
   if (typeof document === "undefined") return false;
-  if (typeof WebGLRenderingContext === "undefined") return false;
+  if (typeof WebGLRenderingContext === "undefined" && typeof WebGL2RenderingContext === "undefined") {
+    return false;
+  }
   try {
     const probe = document.createElement("canvas");
-    const gl = probe.getContext("webgl", { alpha: true }) ?? probe.getContext("experimental-webgl");
+    const gl = probe.getContext("webgl2", { alpha: true }) ?? probe.getContext("webgl", { alpha: true }) ?? probe.getContext("experimental-webgl");
     if (!gl) return false;
     const lose = gl.getExtension(
       "WEBGL_lose_context"
@@ -25,18 +35,26 @@ var createGLHandle = (onLost) => {
   canvas.style.left = "0";
   canvas.style.top = "0";
   canvas.style.pointerEvents = "none";
+  const attrs = {
+    alpha: true,
+    premultipliedAlpha: true,
+    antialias: true,
+    depth: false,
+    stencil: false,
+    preserveDrawingBuffer: false
+  };
   let gl = null;
-  try {
-    gl = canvas.getContext("webgl", {
-      alpha: true,
-      premultipliedAlpha: true,
-      antialias: true,
-      depth: false,
-      stencil: false,
-      preserveDrawingBuffer: false
-    });
-  } catch {
-    gl = null;
+  let isWebGL2 = false;
+  for (const id of ["webgl2", "webgl", "experimental-webgl"]) {
+    try {
+      const ctx = canvas.getContext(id, attrs);
+      if (ctx) {
+        gl = ctx;
+        isWebGL2 = id === "webgl2";
+        break;
+      }
+    } catch {
+    }
   }
   if (!gl) return null;
   const handleLost = (e) => {
@@ -47,6 +65,8 @@ var createGLHandle = (onLost) => {
   return {
     canvas,
     gl,
+    isWebGL2,
+    highp: isWebGL2 || supportsHighpFragment(gl),
     destroy: () => {
       canvas.removeEventListener("webglcontextlost", handleLost);
       const lose = gl?.getExtension("WEBGL_lose_context");
@@ -77,8 +97,8 @@ void main() {
   gl_Position = vec4(a_pos, 0.0, 1.0);
 }
 `;
-var FRAGMENT_SRC = `
-precision mediump float;
+var FRAGMENT_SRC = (precision) => `
+precision ${precision} float;
 
 uniform vec2 u_resolution;
 uniform vec4 u_rect;
@@ -155,9 +175,16 @@ var compile = (gl, type, src) => {
   }
   return shader;
 };
-var createSurfaceProgram = (gl) => {
+var createSurfaceProgram = (gl, highp = true) => {
   const vs = compile(gl, gl.VERTEX_SHADER, VERTEX_SRC);
-  const fs = compile(gl, gl.FRAGMENT_SHADER, FRAGMENT_SRC);
+  let fs = compile(
+    gl,
+    gl.FRAGMENT_SHADER,
+    FRAGMENT_SRC(highp ? "highp" : "mediump")
+  );
+  if (!fs && highp) {
+    fs = compile(gl, gl.FRAGMENT_SHADER, FRAGMENT_SRC("mediump"));
+  }
   if (!vs || !fs) return null;
   const program = gl.createProgram();
   if (!program) return null;
@@ -538,7 +565,7 @@ var webglRenderer = (options = {}) => ({
       bail("no-webgl");
       return;
     }
-    program = createSurfaceProgram(handle.gl);
+    program = createSurfaceProgram(handle.gl, handle.highp);
     if (!program) {
       handle.destroy();
       handle = null;
@@ -598,10 +625,13 @@ var webglRenderer = (options = {}) => ({
       paint();
       const held = ctx.isDragging();
       bend *= held ? BEND_DECAY_HELD : BEND_DECAY_FREE;
-      const settled = !held && !ctx.isAnimating() && Math.abs(bend) < BEND_REST;
-      if (settled) {
+      const flat = Math.abs(bend) < BEND_REST;
+      if (!held && flat && capture) {
         bend = 0;
         releaseCapture();
+      }
+      if (!held && flat && !ctx.isAnimating()) {
+        bend = 0;
         paint();
         running = false;
         frameId = null;

package/dist/webgl.js

@@ -1,10 +1,20 @@
 // src/webgl/gl-context.ts
+var supportsHighpFragment = (gl) => {
+  try {
+    const fmt = gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT);
+    return !!fmt && fmt.precision > 0;
+  } catch {
+    return false;
+  }
+};
 var hasWebGL = () => {
   if (typeof document === "undefined") return false;
-  if (typeof WebGLRenderingContext === "undefined") return false;
+  if (typeof WebGLRenderingContext === "undefined" && typeof WebGL2RenderingContext === "undefined") {
+    return false;
+  }
   try {
     const probe = document.createElement("canvas");
-    const gl = probe.getContext("webgl", { alpha: true }) ?? probe.getContext("experimental-webgl");
+    const gl = probe.getContext("webgl2", { alpha: true }) ?? probe.getContext("webgl", { alpha: true }) ?? probe.getContext("experimental-webgl");
     if (!gl) return false;
     const lose = gl.getExtension(
       "WEBGL_lose_context"
@@ -23,18 +33,26 @@ var createGLHandle = (onLost) => {
   canvas.style.left = "0";
   canvas.style.top = "0";
   canvas.style.pointerEvents = "none";
+  const attrs = {
+    alpha: true,
+    premultipliedAlpha: true,
+    antialias: true,
+    depth: false,
+    stencil: false,
+    preserveDrawingBuffer: false
+  };
   let gl = null;
-  try {
-    gl = canvas.getContext("webgl", {
-      alpha: true,
-      premultipliedAlpha: true,
-      antialias: true,
-      depth: false,
-      stencil: false,
-      preserveDrawingBuffer: false
-    });
-  } catch {
-    gl = null;
+  let isWebGL2 = false;
+  for (const id of ["webgl2", "webgl", "experimental-webgl"]) {
+    try {
+      const ctx = canvas.getContext(id, attrs);
+      if (ctx) {
+        gl = ctx;
+        isWebGL2 = id === "webgl2";
+        break;
+      }
+    } catch {
+    }
   }
   if (!gl) return null;
   const handleLost = (e) => {
@@ -45,6 +63,8 @@ var createGLHandle = (onLost) => {
   return {
     canvas,
     gl,
+    isWebGL2,
+    highp: isWebGL2 || supportsHighpFragment(gl),
     destroy: () => {
       canvas.removeEventListener("webglcontextlost", handleLost);
       const lose = gl?.getExtension("WEBGL_lose_context");
@@ -75,8 +95,8 @@ void main() {
   gl_Position = vec4(a_pos, 0.0, 1.0);
 }
 `;
-var FRAGMENT_SRC = `
-precision mediump float;
+var FRAGMENT_SRC = (precision) => `
+precision ${precision} float;
 
 uniform vec2 u_resolution;
 uniform vec4 u_rect;
@@ -153,9 +173,16 @@ var compile = (gl, type, src) => {
   }
   return shader;
 };
-var createSurfaceProgram = (gl) => {
+var createSurfaceProgram = (gl, highp = true) => {
   const vs = compile(gl, gl.VERTEX_SHADER, VERTEX_SRC);
-  const fs = compile(gl, gl.FRAGMENT_SHADER, FRAGMENT_SRC);
+  let fs = compile(
+    gl,
+    gl.FRAGMENT_SHADER,
+    FRAGMENT_SRC(highp ? "highp" : "mediump")
+  );
+  if (!fs && highp) {
+    fs = compile(gl, gl.FRAGMENT_SHADER, FRAGMENT_SRC("mediump"));
+  }
   if (!vs || !fs) return null;
   const program = gl.createProgram();
   if (!program) return null;
@@ -536,7 +563,7 @@ var webglRenderer = (options = {}) => ({
       bail("no-webgl");
       return;
     }
-    program = createSurfaceProgram(handle.gl);
+    program = createSurfaceProgram(handle.gl, handle.highp);
     if (!program) {
       handle.destroy();
       handle = null;
@@ -596,10 +623,13 @@ var webglRenderer = (options = {}) => ({
       paint();
       const held = ctx.isDragging();
       bend *= held ? BEND_DECAY_HELD : BEND_DECAY_FREE;
-      const settled = !held && !ctx.isAnimating() && Math.abs(bend) < BEND_REST;
-      if (settled) {
+      const flat = Math.abs(bend) < BEND_REST;
+      if (!held && flat && capture) {
         bend = 0;
         releaseCapture();
+      }
+      if (!held && flat && !ctx.isAnimating()) {
+        bend = 0;
         paint();
         running = false;
         frameId = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@surdeddd/bottom-sheet",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "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",