@capgo/capacitor-sheets 8.0.2 → 8.0.4

package/dist/index.mjs

@@ -24,7 +24,7 @@ import {
   applySheetOptions,
   getSheetFromElement,
   updateThemeColor
-} from "./chunk-YBLI7KN6.mjs";
+} from "./chunk-EYNTXD52.mjs";
 import {
   CSS,
   injectCapSheetStyles
@@ -32,7 +32,7 @@ import {
 
 // src/index.ts
 function initCapSheets() {
-  import("./components-4JACDCD4.mjs");
+  import("./components-BH36ITEV.mjs");
   if (typeof document !== "undefined") {
     import("./styles-ZKNWSPZR.mjs").then(({ injectCapSheetStyles: injectCapSheetStyles2 }) => injectCapSheetStyles2(document));
   }

package/dist/react/index.js

@@ -770,13 +770,15 @@ var SheetController = class {
     this.root = root;
     this.options = readOptionsFromElement(root);
     this.id = this.options.componentId || root.id || createId("cap-sheet");
-    if (!root.id) root.id = this.id;
   }
   /** Connect the controller to the DOM and initialize current state. */
   connect() {
     if (this.connected) return;
     this.connected = true;
-    this.configure(readOptionsFromElement(this.root));
+    const elementOptions = readOptionsFromElement(this.root);
+    this.id = elementOptions.componentId || this.root.id || this.id;
+    if (!this.root.id) this.root.id = this.id;
+    this.configure(elementOptions);
     const nextPresented = this.options.presented ?? this.options.defaultPresented ?? false;
     this.activeDetent = this.resolveInitialDetent();
     this.presented = nextPresented;
@@ -1299,20 +1301,24 @@ var SheetController = class {
     this.clearInert();
     for (const child of Array.from(body.children)) {
       if (!(child instanceof HTMLElement)) continue;
+      this.inertedElements.set(child, { inert: child.inert, ariaHidden: child.getAttribute("aria-hidden") });
       const isAllowed = Array.from(allowed).some((element) => child === element || child.contains(element));
-      if (isAllowed) continue;
-      this.inertedElements.set(child, child.getAttribute("aria-hidden"));
+      if (isAllowed) {
+        child.inert = false;
+        child.removeAttribute("aria-hidden");
+        continue;
+      }
       child.inert = true;
       child.setAttribute("aria-hidden", "true");
     }
   }
   clearInert() {
-    for (const [element, ariaHidden] of this.inertedElements) {
-      element.inert = false;
-      if (ariaHidden === null) {
+    for (const [element, state] of this.inertedElements) {
+      element.inert = state.inert;
+      if (state.ariaHidden === null) {
         element.removeAttribute("aria-hidden");
       } else {
-        element.setAttribute("aria-hidden", ariaHidden);
+        element.setAttribute("aria-hidden", state.ariaHidden);
       }
     }
     this.inertedElements.clear();
@@ -1477,9 +1483,9 @@ var CapSheet = class extends HTMLElement {
   disconnectedCallback() {
     this.controller.disconnect();
   }
-  attributeChangedCallback() {
+  attributeChangedCallback(name) {
     if (this.syncingAttribute) return;
-    this.controller.configure({});
+    this.controller.configure(readChangedOptionsFromElement(this, name));
     if (this.isConnected) {
       if (this.hasAttribute("presented") && !this.controller.presented) {
         void this.present({ source: "programmatic" });
@@ -1557,6 +1563,38 @@ function isCapSheetElement(element) {
   const candidate = element;
   return typeof candidate.present === "function" && typeof candidate.dismiss === "function";
 }
+function readChangedOptionsFromElement(element, name) {
+  const options = readOptionsFromElement(element);
+  const keysByAttribute = {
+    "active-detent": ["activeDetent"],
+    "close-on-escape": ["closeOnEscape"],
+    "close-on-outside-click": ["closeOnOutsideClick"],
+    "content-placement": ["contentPlacement", "tracks"],
+    "default-active-detent": ["defaultActiveDetent"],
+    "default-presented": ["defaultPresented"],
+    detents: ["detents"],
+    "focus-trap": ["focusTrap"],
+    "inert-outside": ["inertOutside"],
+    "native-edge-swipe-prevention": ["nativeEdgeSwipePrevention"],
+    "native-focus-scroll-prevention": ["nativeFocusScrollPrevention"],
+    presented: ["presented"],
+    "restore-focus": ["restoreFocus"],
+    "safe-area": ["safeArea"],
+    "sheet-role": ["sheetRole"],
+    stack: ["stack"],
+    swipe: ["swipe"],
+    "swipe-dismissal": ["swipeDismissal"],
+    "swipe-overshoot": ["swipeOvershoot"],
+    "swipe-trap": ["swipeTrap"],
+    "theme-color-dimming": ["themeColorDimming"],
+    tracks: ["tracks"]
+  };
+  const changed = {};
+  for (const key of keysByAttribute[name] || []) {
+    changed[key] = options[key];
+  }
+  return changed;
+}
 function applySheetOptions(element, options) {
   if (options.contentPlacement) element.setAttribute("content-placement", options.contentPlacement);
   if (options.detents !== void 0) {