@capgo/capacitor-sheets 8.0.6 → 8.0.8

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 (34) hide show
  1. package/dist/angular/index.js +26 -17
  2. package/dist/angular/index.js.map +1 -1
  3. package/dist/angular/index.mjs +26 -17
  4. package/dist/angular/index.mjs.map +1 -1
  5. package/dist/{chunk-LAUTMWR7.mjs → chunk-HC63VDD5.mjs} +12 -18
  6. package/dist/{chunk-LAUTMWR7.mjs.map → chunk-HC63VDD5.mjs.map} +1 -1
  7. package/dist/{chunk-EYNTXD52.mjs → chunk-KKL5P5OQ.mjs} +17 -2
  8. package/dist/{chunk-EYNTXD52.mjs.map → chunk-KKL5P5OQ.mjs.map} +1 -1
  9. package/dist/{components-BH36ITEV.mjs → components-B6E2A52J.mjs} +3 -3
  10. package/dist/index.d.mts +4 -1
  11. package/dist/index.d.ts +4 -1
  12. package/dist/index.js +26 -17
  13. package/dist/index.js.map +1 -1
  14. package/dist/index.mjs +4 -4
  15. package/dist/react/index.js +26 -17
  16. package/dist/react/index.js.map +1 -1
  17. package/dist/react/index.mjs +26 -17
  18. package/dist/react/index.mjs.map +1 -1
  19. package/dist/solid/index.js +26 -17
  20. package/dist/solid/index.js.map +1 -1
  21. package/dist/solid/index.mjs +26 -17
  22. package/dist/solid/index.mjs.map +1 -1
  23. package/dist/{styles-ZKNWSPZR.mjs → styles-7RPEV7K2.mjs} +2 -2
  24. package/dist/svelte/index.js +26 -17
  25. package/dist/svelte/index.js.map +1 -1
  26. package/dist/svelte/index.mjs +26 -17
  27. package/dist/svelte/index.mjs.map +1 -1
  28. package/dist/vue/index.js +26 -17
  29. package/dist/vue/index.js.map +1 -1
  30. package/dist/vue/index.mjs +26 -17
  31. package/dist/vue/index.mjs.map +1 -1
  32. package/package.json +2 -2
  33. /package/dist/{components-BH36ITEV.mjs.map → components-B6E2A52J.mjs.map} +0 -0
  34. /package/dist/{styles-ZKNWSPZR.mjs.map → styles-7RPEV7K2.mjs.map} +0 -0
package/dist/{styles-ZKNWSPZR.mjs → styles-7RPEV7K2.mjs} RENAMED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  CSS,
3
3
  injectCapSheetStyles
4
- } from "./chunk-LAUTMWR7.mjs";
4
+ } from "./chunk-HC63VDD5.mjs";
5
5
  export {
6
6
  CSS as CAP_SHEETS_CSS,
7
7
  injectCapSheetStyles
8
8
  };
9
- //# sourceMappingURL=styles-ZKNWSPZR.mjs.map
9
+ //# sourceMappingURL=styles-7RPEV7K2.mjs.map
package/dist/svelte/index.js CHANGED
@@ -232,7 +232,7 @@ cap-sheet-content {
232
232
  color: CanvasText;
233
233
  background: var(--cap-sheet-surface);
234
234
  border-radius: var(--cap-sheet-radius) var(--cap-sheet-radius) 0 0;
235
- box-shadow: var(--cap-sheet-shadow);
235
+ box-shadow: var(--cap-sheet-shadow), var(--cap-sheet-edge-bleed-shadow, 0 0 0 0 transparent);
236
236
  overflow: auto;
237
237
  overscroll-behavior: contain;
238
238
  pointer-events: auto;
@@ -266,30 +266,24 @@ cap-sheet-view[content-placement="center"] cap-sheet-content {
266
266
  }
267
267
 
268
268
  cap-sheet-bleeding-background {
269
- position: absolute;
270
- inset: 0;
271
- z-index: -1;
272
- display: block;
273
- background: var(--cap-sheet-surface);
274
- border-radius: inherit;
275
- pointer-events: none;
269
+ display: none;
276
270
  }
277
271
 
278
- cap-sheet-view[content-placement="bottom"] cap-sheet-bleeding-background,
279
- cap-sheet-view:not([content-placement]) cap-sheet-bleeding-background {
280
- inset-block-end: -8em;
272
+ cap-sheet-view[content-placement="bottom"] cap-sheet-content[data-cap-sheet-bleeds],
273
+ cap-sheet-view:not([content-placement]) cap-sheet-content[data-cap-sheet-bleeds] {
274
+ --cap-sheet-edge-bleed-shadow: 0 8em 0 0 var(--cap-sheet-surface);
281
275
  }
282
276
 
283
- cap-sheet-view[content-placement="top"] cap-sheet-bleeding-background {
284
- inset-block-start: -8em;
277
+ cap-sheet-view[content-placement="top"] cap-sheet-content[data-cap-sheet-bleeds] {
278
+ --cap-sheet-edge-bleed-shadow: 0 -8em 0 0 var(--cap-sheet-surface);
285
279
  }
286
280
 
287
- cap-sheet-view[content-placement="left"] cap-sheet-bleeding-background {
288
- inset-inline-start: -8em;
281
+ cap-sheet-view[content-placement="left"] cap-sheet-content[data-cap-sheet-bleeds] {
282
+ --cap-sheet-edge-bleed-shadow: -8em 0 0 0 var(--cap-sheet-surface);
289
283
  }
290
284
 
291
- cap-sheet-view[content-placement="right"] cap-sheet-bleeding-background {
292
- inset-inline-end: -8em;
285
+ cap-sheet-view[content-placement="right"] cap-sheet-content[data-cap-sheet-bleeds] {
286
+ --cap-sheet-edge-bleed-shadow: 8em 0 0 0 var(--cap-sheet-surface);
293
287
  }
294
288
 
295
289
  cap-sheet-handle {
@@ -1820,8 +1814,23 @@ var CapSheetContent = class extends SheetPartElement {
1820
1814
  }
1821
1815
  };
1822
1816
  var CapSheetBleedingBackground = class extends HTMLElement {
1817
+ bleedingParent = null;
1823
1818
  connectedCallback() {
1824
1819
  injectCapSheetStyles(this.ownerDocument);
1820
+ this.setAttribute("aria-hidden", "true");
1821
+ this.bleedingParent = this.parentElement instanceof HTMLElement ? this.parentElement : null;
1822
+ this.updateParentBleedAttribute(this.bleedingParent);
1823
+ }
1824
+ disconnectedCallback() {
1825
+ this.updateParentBleedAttribute(this.bleedingParent);
1826
+ this.bleedingParent = null;
1827
+ }
1828
+ updateParentBleedAttribute(parent) {
1829
+ if (!parent) return;
1830
+ parent.toggleAttribute(
1831
+ "data-cap-sheet-bleeds",
1832
+ Boolean(parent.querySelector(":scope > cap-sheet-bleeding-background"))
1833
+ );
1825
1834
  }
1826
1835
  };
1827
1836
  var CapSheetTitle = class extends SheetPartElement {