{"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: 100%;\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  --cap-sheet-container-offset-top: 0em;\n  --cap-sheet-container-offset-bottom: 0em;\n  --cap-sheet-container-offset-left: 0em;\n  --cap-sheet-container-offset-right: 0em;\n  --cap-sheet-keyboard-offset: 0em;\n}\n\n@supports (height: 1dvh) {\n  :root {\n    --cap-sheet-100-lvh-dvh-pct: 100dvh;\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-top: calc(var(--cap-sheet-applied-safe-area-top, 0em) + var(--cap-sheet-container-offset-top, 0em));\n  padding-bottom: calc(\n    var(--cap-sheet-applied-safe-area-bottom, 0em) + var(--cap-sheet-container-offset-bottom, 0em) +\n      var(--cap-sheet-keyboard-offset, 0em)\n  );\n  padding-left: calc(var(--cap-sheet-applied-safe-area-left, 0em) + var(--cap-sheet-container-offset-left, 0em));\n  padding-right: calc(var(--cap-sheet-applied-safe-area-right, 0em) + var(--cap-sheet-container-offset-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  --cap-sheet-content-border-radius: var(--cap-sheet-radius) var(--cap-sheet-radius) 0 0;\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-content-border-radius);\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  --cap-sheet-content-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  --cap-sheet-content-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  --cap-sheet-content-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  --cap-sheet-content-border-radius: var(--cap-sheet-radius);\n}\n\ncap-sheet-view[data-detached=\"true\"] cap-sheet-content {\n  --cap-sheet-content-border-radius: var(--cap-sheet-detached-radius, var(--cap-sheet-radius));\n}\n\ncap-sheet-view[data-detached=\"true\"] cap-sheet-content[data-cap-sheet-bleeds] {\n  --cap-sheet-edge-bleed-shadow: 0 0 0 0 transparent;\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmQL,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":[]}