@capgo/capacitor-sheets 8.0.5 → 8.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/README.md +1 -0
  2. package/dist/angular/index.js +26 -17
  3. package/dist/angular/index.js.map +1 -1
  4. package/dist/angular/index.mjs +26 -17
  5. package/dist/angular/index.mjs.map +1 -1
  6. package/dist/{chunk-LAUTMWR7.mjs → chunk-HC63VDD5.mjs} +12 -18
  7. package/dist/{chunk-LAUTMWR7.mjs.map → chunk-HC63VDD5.mjs.map} +1 -1
  8. package/dist/{chunk-EYNTXD52.mjs → chunk-KKL5P5OQ.mjs} +17 -2
  9. package/dist/{chunk-EYNTXD52.mjs.map → chunk-KKL5P5OQ.mjs.map} +1 -1
  10. package/dist/{components-BH36ITEV.mjs → components-B6E2A52J.mjs} +3 -3
  11. package/dist/index.d.mts +4 -1
  12. package/dist/index.d.ts +4 -1
  13. package/dist/index.js +26 -17
  14. package/dist/index.js.map +1 -1
  15. package/dist/index.mjs +4 -4
  16. package/dist/react/index.js +26 -17
  17. package/dist/react/index.js.map +1 -1
  18. package/dist/react/index.mjs +26 -17
  19. package/dist/react/index.mjs.map +1 -1
  20. package/dist/solid/index.js +26 -17
  21. package/dist/solid/index.js.map +1 -1
  22. package/dist/solid/index.mjs +26 -17
  23. package/dist/solid/index.mjs.map +1 -1
  24. package/dist/{styles-ZKNWSPZR.mjs → styles-7RPEV7K2.mjs} +2 -2
  25. package/dist/svelte/index.js +26 -17
  26. package/dist/svelte/index.js.map +1 -1
  27. package/dist/svelte/index.mjs +26 -17
  28. package/dist/svelte/index.mjs.map +1 -1
  29. package/dist/vue/index.js +26 -17
  30. package/dist/vue/index.js.map +1 -1
  31. package/dist/vue/index.mjs +26 -17
  32. package/dist/vue/index.mjs.map +1 -1
  33. package/package.json +4 -1
  34. /package/dist/{components-BH36ITEV.mjs.map → components-B6E2A52J.mjs.map} +0 -0
  35. /package/dist/{styles-ZKNWSPZR.mjs.map → styles-7RPEV7K2.mjs.map} +0 -0
package/dist/svelte/index.mjs CHANGED
@@ -205,7 +205,7 @@ cap-sheet-content {
205
205
  color: CanvasText;
206
206
  background: var(--cap-sheet-surface);
207
207
  border-radius: var(--cap-sheet-radius) var(--cap-sheet-radius) 0 0;
208
- box-shadow: var(--cap-sheet-shadow);
208
+ box-shadow: var(--cap-sheet-shadow), var(--cap-sheet-edge-bleed-shadow, 0 0 0 0 transparent);
209
209
  overflow: auto;
210
210
  overscroll-behavior: contain;
211
211
  pointer-events: auto;
@@ -239,30 +239,24 @@ cap-sheet-view[content-placement="center"] cap-sheet-content {
239
239
  }
240
240
 
241
241
  cap-sheet-bleeding-background {
242
- position: absolute;
243
- inset: 0;
244
- z-index: -1;
245
- display: block;
246
- background: var(--cap-sheet-surface);
247
- border-radius: inherit;
248
- pointer-events: none;
242
+ display: none;
249
243
  }
250
244
 
251
- cap-sheet-view[content-placement="bottom"] cap-sheet-bleeding-background,
252
- cap-sheet-view:not([content-placement]) cap-sheet-bleeding-background {
253
- inset-block-end: -8em;
245
+ cap-sheet-view[content-placement="bottom"] cap-sheet-content[data-cap-sheet-bleeds],
246
+ cap-sheet-view:not([content-placement]) cap-sheet-content[data-cap-sheet-bleeds] {
247
+ --cap-sheet-edge-bleed-shadow: 0 8em 0 0 var(--cap-sheet-surface);
254
248
  }
255
249
 
256
- cap-sheet-view[content-placement="top"] cap-sheet-bleeding-background {
257
- inset-block-start: -8em;
250
+ cap-sheet-view[content-placement="top"] cap-sheet-content[data-cap-sheet-bleeds] {
251
+ --cap-sheet-edge-bleed-shadow: 0 -8em 0 0 var(--cap-sheet-surface);
258
252
  }
259
253
 
260
- cap-sheet-view[content-placement="left"] cap-sheet-bleeding-background {
261
- inset-inline-start: -8em;
254
+ cap-sheet-view[content-placement="left"] cap-sheet-content[data-cap-sheet-bleeds] {
255
+ --cap-sheet-edge-bleed-shadow: -8em 0 0 0 var(--cap-sheet-surface);
262
256
  }
263
257
 
264
- cap-sheet-view[content-placement="right"] cap-sheet-bleeding-background {
265
- inset-inline-end: -8em;
258
+ cap-sheet-view[content-placement="right"] cap-sheet-content[data-cap-sheet-bleeds] {
259
+ --cap-sheet-edge-bleed-shadow: 8em 0 0 0 var(--cap-sheet-surface);
266
260
  }
267
261
 
268
262
  cap-sheet-handle {
@@ -1793,8 +1787,23 @@ var CapSheetContent = class extends SheetPartElement {
1793
1787
  }
1794
1788
  };
1795
1789
  var CapSheetBleedingBackground = class extends HTMLElement {
1790
+ bleedingParent = null;
1796
1791
  connectedCallback() {
1797
1792
  injectCapSheetStyles(this.ownerDocument);
1793
+ this.setAttribute("aria-hidden", "true");
1794
+ this.bleedingParent = this.parentElement instanceof HTMLElement ? this.parentElement : null;
1795
+ this.updateParentBleedAttribute(this.bleedingParent);
1796
+ }
1797
+ disconnectedCallback() {
1798
+ this.updateParentBleedAttribute(this.bleedingParent);
1799
+ this.bleedingParent = null;
1800
+ }
1801
+ updateParentBleedAttribute(parent) {
1802
+ if (!parent) return;
1803
+ parent.toggleAttribute(
1804
+ "data-cap-sheet-bleeds",
1805
+ Boolean(parent.querySelector(":scope > cap-sheet-bleeding-background"))
1806
+ );
1798
1807
  }
1799
1808
  };
1800
1809
  var CapSheetTitle = class extends SheetPartElement {