@capgo/capacitor-sheets 8.0.3 → 8.0.4

package/dist/solid/index.d.mts

@@ -1,3 +1,5 @@
+import { JSX } from 'solid-js';
+
 /** Placement of the sheet content inside the viewport. */
 type SheetPlacement = 'top' | 'bottom' | 'left' | 'right' | 'center';
 /** Swipe track used when the content can be dismissed from an edge. */
@@ -110,5 +112,63 @@ declare function setupSheet(element: HTMLElement, options?: Partial<SheetOptions
     onActiveDetentChange?: (event: SheetActiveDetentChangeEvent) => void;
     onTravel?: (event: SheetTravelEvent) => void;
 }): () => void;
+type CapElementAttributes = JSX.HTMLAttributes<HTMLElement> & {
+    for?: string;
+    action?: 'present' | 'dismiss' | 'toggle' | 'step';
+    detent?: number | string;
+    direction?: 'up' | 'down';
+    axis?: 'x' | 'y';
+    role?: string;
+    'content-placement'?: 'top' | 'bottom' | 'left' | 'right' | 'center';
+    'default-active-detent'?: number | string;
+    detents?: string;
+    disabled?: boolean | 'true' | 'false';
+    presented?: boolean | 'true' | 'false';
+    'default-presented'?: boolean | 'true' | 'false';
+    'active-detent'?: number | string;
+    'safe-area'?: boolean | 'true' | 'false' | 'auto' | 'none' | 'all' | string;
+    tracks?: string;
+    'sheet-role'?: string;
+    swipe?: boolean | 'true' | 'false';
+    'swipe-dismissal'?: boolean | 'true' | 'false';
+    'swipe-overshoot'?: boolean | 'true' | 'false';
+    'swipe-trap'?: boolean | 'true' | 'false';
+    'inert-outside'?: boolean | 'true' | 'false';
+    'native-edge-swipe-prevention'?: boolean | 'true' | 'false';
+    'native-focus-scroll-prevention'?: boolean | 'true' | 'false';
+    'close-on-outside-click'?: boolean | 'true' | 'false';
+    'close-on-escape'?: boolean | 'true' | 'false';
+    'focus-trap'?: boolean | 'true' | 'false';
+    'restore-focus'?: boolean | 'true' | 'false';
+    'theme-color-dimming'?: 'auto' | 'false';
+    stack?: string;
+};
+declare module 'solid-js' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'cap-sheet': CapElementAttributes;
+            'cap-sheet-trigger': CapElementAttributes;
+            'cap-sheet-portal': CapElementAttributes;
+            'cap-sheet-view': CapElementAttributes;
+            'cap-sheet-backdrop': CapElementAttributes;
+            'cap-sheet-content': CapElementAttributes;
+            'cap-sheet-bleeding-background': CapElementAttributes;
+            'cap-sheet-handle': CapElementAttributes;
+            'cap-sheet-title': CapElementAttributes;
+            'cap-sheet-description': CapElementAttributes;
+            'cap-sheet-special-wrapper': CapElementAttributes;
+            'cap-sheet-special-wrapper-content': CapElementAttributes;
+            'cap-sheet-stack': CapElementAttributes;
+            'cap-sheet-outlet': CapElementAttributes;
+            'cap-scroll': CapElementAttributes;
+            'cap-scroll-content': CapElementAttributes;
+            'cap-fixed': CapElementAttributes;
+            'cap-island': CapElementAttributes;
+            'cap-external-overlay': CapElementAttributes;
+            'cap-visually-hidden': CapElementAttributes;
+            'cap-auto-focus-target': CapElementAttributes;
+        }
+    }
+}
 
 export { type SheetActiveDetentChangeEvent, type SheetOptions, type SheetPresentedChangeEvent, type SheetSafeAreaEdge, type SheetSafeAreaMode, type SheetTravelEvent, setupSheet };

package/dist/solid/index.d.ts

@@ -1,3 +1,5 @@
+import { JSX } from 'solid-js';
+
 /** Placement of the sheet content inside the viewport. */
 type SheetPlacement = 'top' | 'bottom' | 'left' | 'right' | 'center';
 /** Swipe track used when the content can be dismissed from an edge. */
@@ -110,5 +112,63 @@ declare function setupSheet(element: HTMLElement, options?: Partial<SheetOptions
     onActiveDetentChange?: (event: SheetActiveDetentChangeEvent) => void;
     onTravel?: (event: SheetTravelEvent) => void;
 }): () => void;
+type CapElementAttributes = JSX.HTMLAttributes<HTMLElement> & {
+    for?: string;
+    action?: 'present' | 'dismiss' | 'toggle' | 'step';
+    detent?: number | string;
+    direction?: 'up' | 'down';
+    axis?: 'x' | 'y';
+    role?: string;
+    'content-placement'?: 'top' | 'bottom' | 'left' | 'right' | 'center';
+    'default-active-detent'?: number | string;
+    detents?: string;
+    disabled?: boolean | 'true' | 'false';
+    presented?: boolean | 'true' | 'false';
+    'default-presented'?: boolean | 'true' | 'false';
+    'active-detent'?: number | string;
+    'safe-area'?: boolean | 'true' | 'false' | 'auto' | 'none' | 'all' | string;
+    tracks?: string;
+    'sheet-role'?: string;
+    swipe?: boolean | 'true' | 'false';
+    'swipe-dismissal'?: boolean | 'true' | 'false';
+    'swipe-overshoot'?: boolean | 'true' | 'false';
+    'swipe-trap'?: boolean | 'true' | 'false';
+    'inert-outside'?: boolean | 'true' | 'false';
+    'native-edge-swipe-prevention'?: boolean | 'true' | 'false';
+    'native-focus-scroll-prevention'?: boolean | 'true' | 'false';
+    'close-on-outside-click'?: boolean | 'true' | 'false';
+    'close-on-escape'?: boolean | 'true' | 'false';
+    'focus-trap'?: boolean | 'true' | 'false';
+    'restore-focus'?: boolean | 'true' | 'false';
+    'theme-color-dimming'?: 'auto' | 'false';
+    stack?: string;
+};
+declare module 'solid-js' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'cap-sheet': CapElementAttributes;
+            'cap-sheet-trigger': CapElementAttributes;
+            'cap-sheet-portal': CapElementAttributes;
+            'cap-sheet-view': CapElementAttributes;
+            'cap-sheet-backdrop': CapElementAttributes;
+            'cap-sheet-content': CapElementAttributes;
+            'cap-sheet-bleeding-background': CapElementAttributes;
+            'cap-sheet-handle': CapElementAttributes;
+            'cap-sheet-title': CapElementAttributes;
+            'cap-sheet-description': CapElementAttributes;
+            'cap-sheet-special-wrapper': CapElementAttributes;
+            'cap-sheet-special-wrapper-content': CapElementAttributes;
+            'cap-sheet-stack': CapElementAttributes;
+            'cap-sheet-outlet': CapElementAttributes;
+            'cap-scroll': CapElementAttributes;
+            'cap-scroll-content': CapElementAttributes;
+            'cap-fixed': CapElementAttributes;
+            'cap-island': CapElementAttributes;
+            'cap-external-overlay': CapElementAttributes;
+            'cap-visually-hidden': CapElementAttributes;
+            'cap-auto-focus-target': CapElementAttributes;
+        }
+    }
+}
 
 export { type SheetActiveDetentChangeEvent, type SheetOptions, type SheetPresentedChangeEvent, type SheetSafeAreaEdge, type SheetSafeAreaMode, type SheetTravelEvent, setupSheet };

package/dist/solid/index.js

@@ -768,13 +768,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;