@capgo/capacitor-sheets 8.0.6 → 8.0.7

package/dist/index.mjs

@@ -24,17 +24,17 @@ import {
   applySheetOptions,
   getSheetFromElement,
   updateThemeColor
-} from "./chunk-EYNTXD52.mjs";
+} from "./chunk-KKL5P5OQ.mjs";
 import {
   CSS,
   injectCapSheetStyles
-} from "./chunk-LAUTMWR7.mjs";
+} from "./chunk-HC63VDD5.mjs";
 
 // src/index.ts
 function initCapSheets() {
-  import("./components-BH36ITEV.mjs");
+  import("./components-B6E2A52J.mjs");
   if (typeof document !== "undefined") {
-    import("./styles-ZKNWSPZR.mjs").then(({ injectCapSheetStyles: injectCapSheetStyles2 }) => injectCapSheetStyles2(document));
+    import("./styles-7RPEV7K2.mjs").then(({ injectCapSheetStyles: injectCapSheetStyles2 }) => injectCapSheetStyles2(document));
   }
 }
 export {

package/dist/react/index.js

@@ -233,7 +233,7 @@ cap-sheet-content {
   color: CanvasText;
   background: var(--cap-sheet-surface);
   border-radius: var(--cap-sheet-radius) var(--cap-sheet-radius) 0 0;
-  box-shadow: var(--cap-sheet-shadow);
+  box-shadow: var(--cap-sheet-shadow), var(--cap-sheet-edge-bleed-shadow, 0 0 0 0 transparent);
   overflow: auto;
   overscroll-behavior: contain;
   pointer-events: auto;
@@ -267,30 +267,24 @@ cap-sheet-view[content-placement="center"] cap-sheet-content {
 }
 
 cap-sheet-bleeding-background {
-  position: absolute;
-  inset: 0;
-  z-index: -1;
-  display: block;
-  background: var(--cap-sheet-surface);
-  border-radius: inherit;
-  pointer-events: none;
+  display: none;
 }
 
-cap-sheet-view[content-placement="bottom"] cap-sheet-bleeding-background,
-cap-sheet-view:not([content-placement]) cap-sheet-bleeding-background {
-  inset-block-end: -8em;
+cap-sheet-view[content-placement="bottom"] cap-sheet-content[data-cap-sheet-bleeds],
+cap-sheet-view:not([content-placement]) cap-sheet-content[data-cap-sheet-bleeds] {
+  --cap-sheet-edge-bleed-shadow: 0 8em 0 0 var(--cap-sheet-surface);
 }
 
-cap-sheet-view[content-placement="top"] cap-sheet-bleeding-background {
-  inset-block-start: -8em;
+cap-sheet-view[content-placement="top"] cap-sheet-content[data-cap-sheet-bleeds] {
+  --cap-sheet-edge-bleed-shadow: 0 -8em 0 0 var(--cap-sheet-surface);
 }
 
-cap-sheet-view[content-placement="left"] cap-sheet-bleeding-background {
-  inset-inline-start: -8em;
+cap-sheet-view[content-placement="left"] cap-sheet-content[data-cap-sheet-bleeds] {
+  --cap-sheet-edge-bleed-shadow: -8em 0 0 0 var(--cap-sheet-surface);
 }
 
-cap-sheet-view[content-placement="right"] cap-sheet-bleeding-background {
-  inset-inline-end: -8em;
+cap-sheet-view[content-placement="right"] cap-sheet-content[data-cap-sheet-bleeds] {
+  --cap-sheet-edge-bleed-shadow: 8em 0 0 0 var(--cap-sheet-surface);
 }
 
 cap-sheet-handle {
@@ -1821,8 +1815,23 @@ var CapSheetContent = class extends SheetPartElement {
   }
 };
 var CapSheetBleedingBackground = class extends HTMLElement {
+  bleedingParent = null;
   connectedCallback() {
     injectCapSheetStyles(this.ownerDocument);
+    this.setAttribute("aria-hidden", "true");
+    this.bleedingParent = this.parentElement instanceof HTMLElement ? this.parentElement : null;
+    this.updateParentBleedAttribute(this.bleedingParent);
+  }
+  disconnectedCallback() {
+    this.updateParentBleedAttribute(this.bleedingParent);
+    this.bleedingParent = null;
+  }
+  updateParentBleedAttribute(parent) {
+    if (!parent) return;
+    parent.toggleAttribute(
+      "data-cap-sheet-bleeds",
+      Boolean(parent.querySelector(":scope > cap-sheet-bleeding-background"))
+    );
   }
 };
 var CapSheetTitle = class extends SheetPartElement {