@capgo/capacitor-sheets 8.0.6 → 8.0.7

package/dist/{chunk-LAUTMWR7.mjs → chunk-HC63VDD5.mjs}

@@ -102,7 +102,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;
@@ -136,30 +136,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 {
@@ -258,4 +252,4 @@ export {
   CSS,
   injectCapSheetStyles
 };
-//# sourceMappingURL=chunk-LAUTMWR7.mjs.map
+//# sourceMappingURL=chunk-HC63VDD5.mjs.map

package/dist/{chunk-LAUTMWR7.mjs.map → chunk-HC63VDD5.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/styles.ts"],"sourcesContent":["const STYLE_ID = 'capgo-capacitor-sheets-styles';\n\nconst CSS = `\n:root {\n  --cap-sheet-100-lvh-dvh-pct: max(100%, 100vh);\n  --cap-sheet-backdrop-color: rgb(0 0 0);\n  --cap-sheet-backdrop-opacity: 0.44;\n  --cap-sheet-radius: 1.5em;\n  --cap-sheet-handle-color: rgb(115 115 115);\n  --cap-sheet-surface: Canvas;\n  --cap-sheet-shadow: 0 0.5em 2.5em rgb(0 0 0 / 0.18);\n  --cap-sheet-z-index: 1000;\n  --cap-sheet-safe-area-top: max(env(safe-area-inset-top, 0em), var(--safe-area-inset-top, 0em));\n  --cap-sheet-safe-area-bottom: max(env(safe-area-inset-bottom, 0em), var(--safe-area-inset-bottom, 0em));\n  --cap-sheet-safe-area-left: max(env(safe-area-inset-left, 0em), var(--safe-area-inset-left, 0em));\n  --cap-sheet-safe-area-right: max(env(safe-area-inset-right, 0em), var(--safe-area-inset-right, 0em));\n  --cap-sheet-applied-safe-area-top: var(--cap-sheet-safe-area-top);\n  --cap-sheet-applied-safe-area-bottom: var(--cap-sheet-safe-area-bottom);\n  --cap-sheet-applied-safe-area-left: var(--cap-sheet-safe-area-left);\n  --cap-sheet-applied-safe-area-right: var(--cap-sheet-safe-area-right);\n}\n\n@supports (height: 1dvh) {\n  :root {\n    --cap-sheet-100-lvh-dvh-pct: max(100dvh, 100lvh);\n  }\n}\n\ncap-sheet,\ncap-sheet-portal,\ncap-sheet-special-wrapper,\ncap-sheet-special-wrapper-content,\ncap-sheet-stack {\n  display: contents;\n}\n\ncap-sheet-view {\n  position: fixed;\n  inset: 0;\n  display: grid;\n  width: 100%;\n  height: var(--cap-sheet-100-lvh-dvh-pct);\n  z-index: var(--cap-sheet-z-index);\n  pointer-events: none;\n  touch-action: none;\n  overscroll-behavior: none;\n  contain: layout style;\n  box-sizing: border-box;\n  padding-block-start: var(--cap-sheet-applied-safe-area-top, 0em);\n  padding-block-end: calc(var(--cap-sheet-applied-safe-area-bottom, 0em) + var(--cap-sheet-keyboard-offset, 0em));\n  padding-inline-start: var(--cap-sheet-applied-safe-area-left, 0em);\n  padding-inline-end: var(--cap-sheet-applied-safe-area-right, 0em);\n}\n\ncap-sheet-view[hidden] {\n  display: none !important;\n}\n\ncap-sheet-view[content-placement=\"top\"] {\n  align-items: start;\n  justify-items: center;\n}\n\ncap-sheet-view[content-placement=\"bottom\"],\ncap-sheet-view:not([content-placement]) {\n  align-items: end;\n  justify-items: center;\n}\n\ncap-sheet-view[content-placement=\"left\"] {\n  align-items: center;\n  justify-items: start;\n}\n\ncap-sheet-view[content-placement=\"right\"] {\n  align-items: center;\n  justify-items: end;\n}\n\ncap-sheet-view[content-placement=\"center\"] {\n  align-items: center;\n  justify-items: center;\n}\n\ncap-sheet-backdrop {\n  position: absolute;\n  inset: 0;\n  display: block;\n  background: var(--cap-sheet-backdrop-color);\n  opacity: 0;\n  pointer-events: none;\n  touch-action: none;\n  will-change: opacity;\n}\n\ncap-sheet-content {\n  box-sizing: border-box;\n  position: relative;\n  display: block;\n  width: min(100%, 34em);\n  max-height: 100%;\n  color: CanvasText;\n  background: var(--cap-sheet-surface);\n  border-radius: var(--cap-sheet-radius) var(--cap-sheet-radius) 0 0;\n  box-shadow: var(--cap-sheet-shadow);\n  overflow: auto;\n  overscroll-behavior: contain;\n  pointer-events: auto;\n  touch-action: pan-x pan-y;\n  will-change: transform, opacity;\n  -webkit-overflow-scrolling: touch;\n}\n\ncap-sheet-view[content-placement=\"top\"] cap-sheet-content {\n  border-radius: 0 0 var(--cap-sheet-radius) var(--cap-sheet-radius);\n}\n\ncap-sheet-view[content-placement=\"left\"] cap-sheet-content {\n  width: min(88%, 28em);\n  height: 100%;\n  max-height: 100%;\n  border-radius: 0 var(--cap-sheet-radius) var(--cap-sheet-radius) 0;\n}\n\ncap-sheet-view[content-placement=\"right\"] cap-sheet-content {\n  width: min(88%, 28em);\n  height: 100%;\n  max-height: 100%;\n  border-radius: var(--cap-sheet-radius) 0 0 var(--cap-sheet-radius);\n}\n\ncap-sheet-view[content-placement=\"center\"] cap-sheet-content {\n  width: min(90%, 30em);\n  max-height: min(90%, 42em);\n  border-radius: var(--cap-sheet-radius);\n}\n\ncap-sheet-bleeding-background {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  display: block;\n  background: var(--cap-sheet-surface);\n  border-radius: inherit;\n  pointer-events: none;\n}\n\ncap-sheet-view[content-placement=\"bottom\"] cap-sheet-bleeding-background,\ncap-sheet-view:not([content-placement]) cap-sheet-bleeding-background {\n  inset-block-end: -8em;\n}\n\ncap-sheet-view[content-placement=\"top\"] cap-sheet-bleeding-background {\n  inset-block-start: -8em;\n}\n\ncap-sheet-view[content-placement=\"left\"] cap-sheet-bleeding-background {\n  inset-inline-start: -8em;\n}\n\ncap-sheet-view[content-placement=\"right\"] cap-sheet-bleeding-background {\n  inset-inline-end: -8em;\n}\n\ncap-sheet-handle {\n  box-sizing: border-box;\n  display: grid;\n  place-items: center;\n  width: 100%;\n  height: 2.25em;\n  cursor: grab;\n  touch-action: none;\n}\n\ncap-sheet-handle::before {\n  content: \"\";\n  display: block;\n  width: 2.75em;\n  height: 0.3125em;\n  border-radius: 999em;\n  background: var(--cap-sheet-handle-color);\n  opacity: 0.65;\n}\n\ncap-sheet-handle:active {\n  cursor: grabbing;\n}\n\ncap-sheet-title,\ncap-sheet-description {\n  display: block;\n}\n\ncap-sheet-outlet {\n  display: block;\n  transform-origin: center;\n  will-change: transform, opacity, filter;\n}\n\ncap-scroll {\n  display: block;\n  overflow: auto;\n  overscroll-behavior: contain;\n  -webkit-overflow-scrolling: touch;\n  scroll-behavior: smooth;\n}\n\ncap-scroll[axis=\"x\"] {\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n\ncap-scroll[axis=\"y\"],\ncap-scroll:not([axis]) {\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\ncap-scroll-content {\n  display: block;\n  min-width: 100%;\n  min-height: 100%;\n}\n\ncap-fixed {\n  position: fixed;\n  inset-inline: 0;\n  z-index: calc(var(--cap-sheet-z-index) + 1);\n}\n\ncap-island,\ncap-external-overlay {\n  display: contents;\n}\n\ncap-visually-hidden,\ncap-auto-focus-target[hidden-target] {\n  position: absolute;\n  width: 0.0625em;\n  height: 0.0625em;\n  margin: -0.0625em;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n  padding: 0;\n}\n`;\n\n/** Injects the structural styles required by the sheet web components. */\nexport function injectCapSheetStyles(root: Document = document): void {\n  if (root.getElementById(STYLE_ID)) return;\n\n  const style = root.createElement('style');\n  style.id = STYLE_ID;\n  style.textContent = CSS;\n  root.head.appendChild(style);\n}\n\nexport { CSS as CAP_SHEETS_CSS };\n"],"mappings":";AAAA,IAAM,WAAW;AAEjB,IAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwPL,SAAS,qBAAqB,OAAiB,UAAgB;AACpE,MAAI,KAAK,eAAe,QAAQ,EAAG;AAEnC,QAAM,QAAQ,KAAK,cAAc,OAAO;AACxC,QAAM,KAAK;AACX,QAAM,cAAc;AACpB,OAAK,KAAK,YAAY,KAAK;AAC7B;","names":[]}
+{"version":3,"sources":["../src/core/styles.ts"],"sourcesContent":["const STYLE_ID = 'capgo-capacitor-sheets-styles';\n\nconst CSS = `\n:root {\n  --cap-sheet-100-lvh-dvh-pct: max(100%, 100vh);\n  --cap-sheet-backdrop-color: rgb(0 0 0);\n  --cap-sheet-backdrop-opacity: 0.44;\n  --cap-sheet-radius: 1.5em;\n  --cap-sheet-handle-color: rgb(115 115 115);\n  --cap-sheet-surface: Canvas;\n  --cap-sheet-shadow: 0 0.5em 2.5em rgb(0 0 0 / 0.18);\n  --cap-sheet-z-index: 1000;\n  --cap-sheet-safe-area-top: max(env(safe-area-inset-top, 0em), var(--safe-area-inset-top, 0em));\n  --cap-sheet-safe-area-bottom: max(env(safe-area-inset-bottom, 0em), var(--safe-area-inset-bottom, 0em));\n  --cap-sheet-safe-area-left: max(env(safe-area-inset-left, 0em), var(--safe-area-inset-left, 0em));\n  --cap-sheet-safe-area-right: max(env(safe-area-inset-right, 0em), var(--safe-area-inset-right, 0em));\n  --cap-sheet-applied-safe-area-top: var(--cap-sheet-safe-area-top);\n  --cap-sheet-applied-safe-area-bottom: var(--cap-sheet-safe-area-bottom);\n  --cap-sheet-applied-safe-area-left: var(--cap-sheet-safe-area-left);\n  --cap-sheet-applied-safe-area-right: var(--cap-sheet-safe-area-right);\n}\n\n@supports (height: 1dvh) {\n  :root {\n    --cap-sheet-100-lvh-dvh-pct: max(100dvh, 100lvh);\n  }\n}\n\ncap-sheet,\ncap-sheet-portal,\ncap-sheet-special-wrapper,\ncap-sheet-special-wrapper-content,\ncap-sheet-stack {\n  display: contents;\n}\n\ncap-sheet-view {\n  position: fixed;\n  inset: 0;\n  display: grid;\n  width: 100%;\n  height: var(--cap-sheet-100-lvh-dvh-pct);\n  z-index: var(--cap-sheet-z-index);\n  pointer-events: none;\n  touch-action: none;\n  overscroll-behavior: none;\n  contain: layout style;\n  box-sizing: border-box;\n  padding-block-start: var(--cap-sheet-applied-safe-area-top, 0em);\n  padding-block-end: calc(var(--cap-sheet-applied-safe-area-bottom, 0em) + var(--cap-sheet-keyboard-offset, 0em));\n  padding-inline-start: var(--cap-sheet-applied-safe-area-left, 0em);\n  padding-inline-end: var(--cap-sheet-applied-safe-area-right, 0em);\n}\n\ncap-sheet-view[hidden] {\n  display: none !important;\n}\n\ncap-sheet-view[content-placement=\"top\"] {\n  align-items: start;\n  justify-items: center;\n}\n\ncap-sheet-view[content-placement=\"bottom\"],\ncap-sheet-view:not([content-placement]) {\n  align-items: end;\n  justify-items: center;\n}\n\ncap-sheet-view[content-placement=\"left\"] {\n  align-items: center;\n  justify-items: start;\n}\n\ncap-sheet-view[content-placement=\"right\"] {\n  align-items: center;\n  justify-items: end;\n}\n\ncap-sheet-view[content-placement=\"center\"] {\n  align-items: center;\n  justify-items: center;\n}\n\ncap-sheet-backdrop {\n  position: absolute;\n  inset: 0;\n  display: block;\n  background: var(--cap-sheet-backdrop-color);\n  opacity: 0;\n  pointer-events: none;\n  touch-action: none;\n  will-change: opacity;\n}\n\ncap-sheet-content {\n  box-sizing: border-box;\n  position: relative;\n  display: block;\n  width: min(100%, 34em);\n  max-height: 100%;\n  color: CanvasText;\n  background: var(--cap-sheet-surface);\n  border-radius: var(--cap-sheet-radius) var(--cap-sheet-radius) 0 0;\n  box-shadow: var(--cap-sheet-shadow), var(--cap-sheet-edge-bleed-shadow, 0 0 0 0 transparent);\n  overflow: auto;\n  overscroll-behavior: contain;\n  pointer-events: auto;\n  touch-action: pan-x pan-y;\n  will-change: transform, opacity;\n  -webkit-overflow-scrolling: touch;\n}\n\ncap-sheet-view[content-placement=\"top\"] cap-sheet-content {\n  border-radius: 0 0 var(--cap-sheet-radius) var(--cap-sheet-radius);\n}\n\ncap-sheet-view[content-placement=\"left\"] cap-sheet-content {\n  width: min(88%, 28em);\n  height: 100%;\n  max-height: 100%;\n  border-radius: 0 var(--cap-sheet-radius) var(--cap-sheet-radius) 0;\n}\n\ncap-sheet-view[content-placement=\"right\"] cap-sheet-content {\n  width: min(88%, 28em);\n  height: 100%;\n  max-height: 100%;\n  border-radius: var(--cap-sheet-radius) 0 0 var(--cap-sheet-radius);\n}\n\ncap-sheet-view[content-placement=\"center\"] cap-sheet-content {\n  width: min(90%, 30em);\n  max-height: min(90%, 42em);\n  border-radius: var(--cap-sheet-radius);\n}\n\ncap-sheet-bleeding-background {\n  display: none;\n}\n\ncap-sheet-view[content-placement=\"bottom\"] cap-sheet-content[data-cap-sheet-bleeds],\ncap-sheet-view:not([content-placement]) cap-sheet-content[data-cap-sheet-bleeds] {\n  --cap-sheet-edge-bleed-shadow: 0 8em 0 0 var(--cap-sheet-surface);\n}\n\ncap-sheet-view[content-placement=\"top\"] cap-sheet-content[data-cap-sheet-bleeds] {\n  --cap-sheet-edge-bleed-shadow: 0 -8em 0 0 var(--cap-sheet-surface);\n}\n\ncap-sheet-view[content-placement=\"left\"] cap-sheet-content[data-cap-sheet-bleeds] {\n  --cap-sheet-edge-bleed-shadow: -8em 0 0 0 var(--cap-sheet-surface);\n}\n\ncap-sheet-view[content-placement=\"right\"] cap-sheet-content[data-cap-sheet-bleeds] {\n  --cap-sheet-edge-bleed-shadow: 8em 0 0 0 var(--cap-sheet-surface);\n}\n\ncap-sheet-handle {\n  box-sizing: border-box;\n  display: grid;\n  place-items: center;\n  width: 100%;\n  height: 2.25em;\n  cursor: grab;\n  touch-action: none;\n}\n\ncap-sheet-handle::before {\n  content: \"\";\n  display: block;\n  width: 2.75em;\n  height: 0.3125em;\n  border-radius: 999em;\n  background: var(--cap-sheet-handle-color);\n  opacity: 0.65;\n}\n\ncap-sheet-handle:active {\n  cursor: grabbing;\n}\n\ncap-sheet-title,\ncap-sheet-description {\n  display: block;\n}\n\ncap-sheet-outlet {\n  display: block;\n  transform-origin: center;\n  will-change: transform, opacity, filter;\n}\n\ncap-scroll {\n  display: block;\n  overflow: auto;\n  overscroll-behavior: contain;\n  -webkit-overflow-scrolling: touch;\n  scroll-behavior: smooth;\n}\n\ncap-scroll[axis=\"x\"] {\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n\ncap-scroll[axis=\"y\"],\ncap-scroll:not([axis]) {\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\ncap-scroll-content {\n  display: block;\n  min-width: 100%;\n  min-height: 100%;\n}\n\ncap-fixed {\n  position: fixed;\n  inset-inline: 0;\n  z-index: calc(var(--cap-sheet-z-index) + 1);\n}\n\ncap-island,\ncap-external-overlay {\n  display: contents;\n}\n\ncap-visually-hidden,\ncap-auto-focus-target[hidden-target] {\n  position: absolute;\n  width: 0.0625em;\n  height: 0.0625em;\n  margin: -0.0625em;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n  padding: 0;\n}\n`;\n\n/** Injects the structural styles required by the sheet web components. */\nexport function injectCapSheetStyles(root: Document = document): void {\n  if (root.getElementById(STYLE_ID)) return;\n\n  const style = root.createElement('style');\n  style.id = STYLE_ID;\n  style.textContent = CSS;\n  root.head.appendChild(style);\n}\n\nexport { CSS as CAP_SHEETS_CSS };\n"],"mappings":";AAAA,IAAM,WAAW;AAEjB,IAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkPL,SAAS,qBAAqB,OAAiB,UAAgB;AACpE,MAAI,KAAK,eAAe,QAAQ,EAAG;AAEnC,QAAM,QAAQ,KAAK,cAAc,OAAO;AACxC,QAAM,KAAK;AACX,QAAM,cAAc;AACpB,OAAK,KAAK,YAAY,KAAK;AAC7B;","names":[]}

package/dist/{chunk-EYNTXD52.mjs → chunk-KKL5P5OQ.mjs}

@@ -1,6 +1,6 @@
 import {
   injectCapSheetStyles
-} from "./chunk-LAUTMWR7.mjs";
+} from "./chunk-HC63VDD5.mjs";
 
 // src/core/utils.ts
 var focusableSelector = [
@@ -1550,8 +1550,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 {
@@ -1664,4 +1679,4 @@ export {
   CapAutoFocusTarget,
   CapSheetPortal
 };
-//# sourceMappingURL=chunk-EYNTXD52.mjs.map
+//# sourceMappingURL=chunk-KKL5P5OQ.mjs.map