@erkamyaman/capacitor-foldable 8.1.0 → 8.3.0

package/dist/esm/definitions.d.ts

@@ -62,10 +62,11 @@ export interface FoldState {
      */
     activeDisplay?: 'inner' | 'outer';
     /**
-     * Areas of the web view covered by a front-facing camera, in CSS pixels. On
-     * Android these are the display cutouts. On iPhone Duo they are the outer
-     * camera and the under-display inner camera while it is in use. Omitted when
-     * there are none.
+     * Areas of the web view something covers, in CSS pixels. On Android these are
+     * the display cutouts. On iPhone Duo these are the active occlusion regions:
+     * the camera in use, and the strip the system keeps for the vertical status
+     * bar. Use `getReservedRegions()` when you need to tell them apart. Omitted
+     * when there are none.
      *
      * @since 7.0.0
      */
@@ -75,7 +76,59 @@ export interface FoldState {
         width: number;
         height: number;
     }[];
+    /**
+     * Space the system asks you to keep clear around the fold, in CSS pixels.
+     * `hingeBounds` covers the crease plus these margins, so the crease itself is
+     * `hingeBounds` shrunk by them. iPhone Duo reports 20 on each side of a
+     * vertical fold. Omitted on Android and where there is no fold.
+     *
+     * @since 8.2.0
+     */
+    hingeMargins?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
 }
+export interface ReservedRegion {
+    /**
+     * `'division'` is the fold itself. `'occlusion'` is something covering the
+     * display, such as a camera or the vertical status bar area.
+     *
+     * @since 8.2.0
+     */
+    kind: 'division' | 'occlusion';
+    /**
+     * Whether the region applies right now. An inactive division is a flat fold,
+     * and an inactive occlusion is a camera that is not in use.
+     *
+     * @since 8.2.0
+     */
+    isActive: boolean;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    /**
+     * Space to keep clear around the region, in CSS pixels.
+     *
+     * @since 8.2.0
+     */
+    margins: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+}
+/**
+ * How far open the hinge is, as the system sees it. Note that it can lag the
+ * angle: iOS keeps reporting `'closed'` for a moment after the phone opens.
+ *
+ * @since 8.2.0
+ */
+export type HingeStatus = 'closed' | 'partiallyOpen' | 'fullyOpen';
 export interface SizeClass {
     /**
      * Width size class of the window: `'compact'` on a phone and on the outer
@@ -180,6 +233,32 @@ export interface FoldablePlugin {
      */
     getHingeAngle(): Promise<{
         angle: number | null;
+        status: HingeStatus | null;
+    }>;
+    /**
+     * Read every region the system reserves on this display: the fold and
+     * anything covering the screen, active or not. iPhone Duo reports the fold,
+     * the vertical status bar area and the under-display camera. Resolves to an
+     * empty list on Android, on web and on iOS before 27.1.
+     *
+     * @since 8.2.0
+     */
+    getReservedRegions(): Promise<{
+        regions: ReservedRegion[];
+    }>;
+    /**
+     * Choose whether iPhone Duo may move this app's bars to the side of the
+     * display. `'disabled'` keeps everything horizontal, including the status
+     * bar. Resolves to `{ applied: false }` when the app does not use
+     * `FoldableBridgeViewController`, on Android, on web and on iOS before 27.1.
+     * See the iPhone Duo guide for the one-line storyboard change.
+     *
+     * @since 8.2.0
+     */
+    setVerticalBarBehavior(options: {
+        behavior: 'automatic' | 'disabled';
+    }): Promise<{
+        applied: boolean;
     }>;
     /**
      * Read the window's size classes: Apple's compact and regular, the signal its
@@ -272,6 +351,18 @@ export interface FoldablePlugin {
      * @since 7.0.0
      */
     addListener(eventName: 'displayModeChange', listenerFunc: (modes: DisplayModes) => void): Promise<PluginListenerHandle>;
+    /**
+     * Listen for the device being folded or unfolded. `folding` turns `true` as
+     * soon as the hinge starts moving and `false` about half a second after it
+     * stops, so an app can pause animations or heavy work while the screen is in
+     * motion. Only fires where a hinge angle is available: Android foldables with
+     * a hinge sensor, and iPhone Duo on iOS 27.1 or later.
+     *
+     * @since 8.2.0
+     */
+    addListener(eventName: 'foldingChange', listenerFunc: (event: {
+        folding: boolean;
+    }) => void): Promise<PluginListenerHandle>;
     /**
      * Listen for bar placement changes, such as opening or rotating iPhone Duo.
      * Only fires on iOS 27.1 or later.

package/dist/esm/definitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["import type { PluginListenerHandle } from '@capacitor/core';\n\nexport interface FoldState {\n  /**\n   * Posture of the fold. `'closed'` is never reported today: a device shut on\n   * its cover display reports `'flat'`.\n   *\n   * @since 7.0.0\n   */\n  state: 'flat' | 'half-opened' | 'closed';\n\n  /**\n   * Whether the fold splits the web view into two areas: `true` when\n   * half-opened, or when the hinge has a physical gap.\n   *\n   * @since 7.0.0\n   */\n  isSeparating: boolean;\n\n  /**\n   * How the device is held: `'tabletop'` when half-opened with a horizontal\n   * hinge, like a laptop, `'book'` when half-opened with a vertical hinge, and\n   * `'flat'` otherwise.\n   *\n   * @since 7.0.0\n   */\n  posture: 'flat' | 'tabletop' | 'book';\n\n  /**\n   * Direction of the hinge relative to the window, so it flips when the device\n   * rotates. Omitted when there is no fold.\n   *\n   * @since 7.0.0\n   */\n  hingeOrientation?: 'horizontal' | 'vertical';\n\n  /**\n   * Position of the fold in CSS pixels, relative to the web view. Zero wide (or\n   * zero tall) on a seamless fold. Omitted when there is no fold.\n   *\n   * @since 7.0.0\n   */\n  hingeBounds?: { x: number; y: number; width: number; height: number };\n\n  /**\n   * Area of the web view the hinge covers, in CSS pixels. Only present on\n   * devices with a physical gap.\n   *\n   * @since 7.0.0\n   */\n  occludedBounds?: { x: number; y: number; width: number; height: number };\n\n  /**\n   * Which display is showing the app, on a device with an inner and an outer\n   * display such as iPhone Duo. Reported on iPhone Duo (iOS 27.1 or later) and\n   * omitted elsewhere.\n   *\n   * @since 7.0.0\n   */\n  activeDisplay?: 'inner' | 'outer';\n\n  /**\n   * Areas of the web view covered by a front-facing camera, in CSS pixels. On\n   * Android these are the display cutouts. On iPhone Duo they are the outer\n   * camera and the under-display inner camera while it is in use. Omitted when\n   * there are none.\n   *\n   * @since 7.0.0\n   */\n  cameraBounds?: { x: number; y: number; width: number; height: number }[];\n}\n\nexport interface SizeClass {\n  /**\n   * Width size class of the window: `'compact'` on a phone and on the outer\n   * display of a foldable, `'regular'` on the inner display, tablets and wide\n   * windows. On Android and web `'regular'` starts at 600 CSS pixels.\n   *\n   * @since 7.0.0\n   */\n  horizontal: 'compact' | 'regular';\n\n  /**\n   * Height size class of the window: `'compact'` on a phone in landscape. On\n   * Android and web `'regular'` starts at 480 CSS pixels.\n   *\n   * @since 7.0.0\n   */\n  vertical: 'compact' | 'regular';\n\n  /**\n   * Material window width class, from the window width in CSS pixels:\n   * `'compact'` below 600, `'medium'` below 840, `'expanded'` below 1200,\n   * `'large'` below 1600 and `'extraLarge'` from 1600.\n   *\n   * @since 7.0.0\n   */\n  widthClass: 'compact' | 'medium' | 'expanded' | 'large' | 'extraLarge';\n\n  /**\n   * Material window height class, from the window height in CSS pixels:\n   * `'compact'` below 480, `'medium'` below 900 and `'expanded'` from 900.\n   *\n   * @since 7.0.0\n   */\n  heightClass: 'compact' | 'medium' | 'expanded';\n}\n\nexport type DisplayModeStatus = 'unsupported' | 'unavailable' | 'available' | 'active';\n\nexport interface DisplayModes {\n  /**\n   * Rear display mode moves the app to the outer display, so people can frame a\n   * photo with the rear cameras. Only on Android foldables that offer it.\n   *\n   * @since 7.0.0\n   */\n  rearDisplay: DisplayModeStatus;\n\n  /**\n   * Dual-screen mode shows a second page on the outer display while the app\n   * stays on the inner one. Only on Android foldables that offer it.\n   *\n   * @since 7.0.0\n   */\n  dualScreen: DisplayModeStatus;\n}\n\nexport interface BarPlacement {\n  /**\n   * The edge iPhone Duo moves tab bars and toolbars to when it lays them out\n   * vertically: `'leading'` or `'trailing'` in the reading direction, so\n   * `'leading'` is the left edge in left-to-right languages. `null` when bars\n   * stay horizontal, and always on Android, web and iOS before 27.1.\n   *\n   * @since 7.0.0\n   */\n  verticalBarEdge: 'leading' | 'trailing' | null;\n}\n\nexport interface FoldablePolyfillOptions {\n  /**\n   * Take over hiding Ionic's tab bar while the keyboard is open. iPhone Duo\n   * reports a keyboard on every fold, and Ionic waits for the window to return\n   * to the height it had when the keyboard first opened, so its tab bar can\n   * disappear until the device is folded back. With this on, the keyboard events\n   * never reach Ionic, and a `foldable-keyboard-open` class on `<html>` marks\n   * when a text field really has the keyboard. `ionic-tabs.css` hides the tab\n   * bar with it.\n   *\n   * @default false\n   * @since 8.0.2\n   */\n  ionicKeyboard?: boolean;\n}\n\nexport interface FoldablePlugin {\n  /**\n   * Whether the device has a fold at all, and whether it can be propped half\n   * open like a laptop. Both `false` on web, and on iOS except on iPhone Duo\n   * (iOS 27.1 or later).\n   *\n   * @since 7.0.0\n   */\n  isDeviceFoldable(): Promise<{ foldable: boolean; supportsTabletop: boolean }>;\n\n  /**\n   * Read the current fold state. Resolves to\n   * `{ state: 'flat', isSeparating: false, posture: 'flat' }` when there is no\n   * fold information.\n   *\n   * @since 7.0.0\n   */\n  getFoldState(): Promise<FoldState>;\n\n  /**\n   * Read the angle between the two halves of the device, in degrees: `0` when\n   * closed, `180` when flat. Resolves to `{ angle: null }` on devices without a\n   * hinge angle sensor, on web, and on iOS before 27.1.\n   *\n   * @since 7.0.0\n   */\n  getHingeAngle(): Promise<{ angle: number | null }>;\n\n  /**\n   * Read the window's size classes: Apple's compact and regular, the signal its\n   * iPhone Duo guidelines recommend for telling the outer display from the inner\n   * one, and Material's width and height classes. On iOS `horizontal` and\n   * `vertical` are UIKit's size classes; everything else comes from the window\n   * size.\n   *\n   * @since 7.0.0\n   */\n  getSizeClass(): Promise<SizeClass>;\n\n  /**\n   * Read which of the foldable display modes the device offers right now. Both\n   * are `'unsupported'` on iOS and web.\n   *\n   * @since 7.0.0\n   */\n  getDisplayModes(): Promise<DisplayModes>;\n\n  /**\n   * Read where native bars go. Native tab bars and toolbars move to the side of\n   * the display on iPhone Duo, but HTML ones stay put, so use this to move your\n   * own tab bar too.\n   *\n   * @since 7.0.0\n   */\n  getBarPlacement(): Promise<BarPlacement>;\n\n  /**\n   * Move the app to the outer display. Android asks the user to confirm first,\n   * and the promise resolves once the app has moved. Rejects when rear display\n   * mode is not `'available'`. Only on Android.\n   *\n   * @since 7.0.0\n   */\n  startRearDisplay(): Promise<void>;\n\n  /**\n   * Move the app back to the inner display.\n   *\n   * @since 7.0.0\n   */\n  stopRearDisplay(): Promise<void>;\n\n  /**\n   * Show a page on the outer display while the app stays on the inner one. A\n   * relative `url` resolves against the app's own URL, so `'cover.html'` loads a\n   * page bundled with the app. The page runs in its own web view without access\n   * to Capacitor plugins. Calling this again while dual-screen mode is active\n   * replaces the page. Only on Android.\n   *\n   * @since 7.0.0\n   */\n  startDualScreen(options: { url: string }): Promise<void>;\n\n  /**\n   * Close the page on the outer display.\n   *\n   * @since 7.0.0\n   */\n  stopDualScreen(): Promise<void>;\n\n  /**\n   * Listen for fold state changes. On a foldable this also fires when the\n   * device rotates, because `hingeOrientation` and `hingeBounds` rotate with\n   * the window.\n   *\n   * @since 7.0.0\n   */\n  addListener(eventName: 'foldStateChange', listenerFunc: (state: FoldState) => void): Promise<PluginListenerHandle>;\n\n  /**\n   * Listen for hinge angle changes. On Android the hinge sensor only runs while\n   * at least one of these listeners is registered. On iOS it fires on iPhone\n   * Duo (iOS 27.1 or later). Never fires on web.\n   *\n   * @since 7.0.0\n   */\n  addListener(\n    eventName: 'hingeAngleChange',\n    listenerFunc: (event: { angle: number }) => void,\n  ): Promise<PluginListenerHandle>;\n\n  /**\n   * Listen for size class changes, such as unfolding the device, rotating it or\n   * resizing the window. On iOS this fires when UIKit's size classes change\n   * (iOS 17 or later) or the device rotates, so a resize that keeps the same\n   * size classes may not update `widthClass` and `heightClass` until then.\n   *\n   * @since 7.0.0\n   */\n  addListener(\n    eventName: 'sizeClassChange',\n    listenerFunc: (sizeClass: SizeClass) => void,\n  ): Promise<PluginListenerHandle>;\n\n  /**\n   * Listen for changes to the display modes, including a mode ending because\n   * the user folded or unfolded the device. Never fires on iOS and web.\n   *\n   * @since 7.0.0\n   */\n  addListener(\n    eventName: 'displayModeChange',\n    listenerFunc: (modes: DisplayModes) => void,\n  ): Promise<PluginListenerHandle>;\n\n  /**\n   * Listen for bar placement changes, such as opening or rotating iPhone Duo.\n   * Only fires on iOS 27.1 or later.\n   *\n   * @since 7.0.0\n   */\n  addListener(\n    eventName: 'barPlacementChange',\n    listenerFunc: (placement: BarPlacement) => void,\n  ): Promise<PluginListenerHandle>;\n}\n"]}
+{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["import type { PluginListenerHandle } from '@capacitor/core';\n\nexport interface FoldState {\n  /**\n   * Posture of the fold. `'closed'` is never reported today: a device shut on\n   * its cover display reports `'flat'`.\n   *\n   * @since 7.0.0\n   */\n  state: 'flat' | 'half-opened' | 'closed';\n\n  /**\n   * Whether the fold splits the web view into two areas: `true` when\n   * half-opened, or when the hinge has a physical gap.\n   *\n   * @since 7.0.0\n   */\n  isSeparating: boolean;\n\n  /**\n   * How the device is held: `'tabletop'` when half-opened with a horizontal\n   * hinge, like a laptop, `'book'` when half-opened with a vertical hinge, and\n   * `'flat'` otherwise.\n   *\n   * @since 7.0.0\n   */\n  posture: 'flat' | 'tabletop' | 'book';\n\n  /**\n   * Direction of the hinge relative to the window, so it flips when the device\n   * rotates. Omitted when there is no fold.\n   *\n   * @since 7.0.0\n   */\n  hingeOrientation?: 'horizontal' | 'vertical';\n\n  /**\n   * Position of the fold in CSS pixels, relative to the web view. Zero wide (or\n   * zero tall) on a seamless fold. Omitted when there is no fold.\n   *\n   * @since 7.0.0\n   */\n  hingeBounds?: { x: number; y: number; width: number; height: number };\n\n  /**\n   * Area of the web view the hinge covers, in CSS pixels. Only present on\n   * devices with a physical gap.\n   *\n   * @since 7.0.0\n   */\n  occludedBounds?: { x: number; y: number; width: number; height: number };\n\n  /**\n   * Which display is showing the app, on a device with an inner and an outer\n   * display such as iPhone Duo. Reported on iPhone Duo (iOS 27.1 or later) and\n   * omitted elsewhere.\n   *\n   * @since 7.0.0\n   */\n  activeDisplay?: 'inner' | 'outer';\n\n  /**\n   * Areas of the web view something covers, in CSS pixels. On Android these are\n   * the display cutouts. On iPhone Duo these are the active occlusion regions:\n   * the camera in use, and the strip the system keeps for the vertical status\n   * bar. Use `getReservedRegions()` when you need to tell them apart. Omitted\n   * when there are none.\n   *\n   * @since 7.0.0\n   */\n  cameraBounds?: { x: number; y: number; width: number; height: number }[];\n\n  /**\n   * Space the system asks you to keep clear around the fold, in CSS pixels.\n   * `hingeBounds` covers the crease plus these margins, so the crease itself is\n   * `hingeBounds` shrunk by them. iPhone Duo reports 20 on each side of a\n   * vertical fold. Omitted on Android and where there is no fold.\n   *\n   * @since 8.2.0\n   */\n  hingeMargins?: { top: number; right: number; bottom: number; left: number };\n}\n\nexport interface ReservedRegion {\n  /**\n   * `'division'` is the fold itself. `'occlusion'` is something covering the\n   * display, such as a camera or the vertical status bar area.\n   *\n   * @since 8.2.0\n   */\n  kind: 'division' | 'occlusion';\n\n  /**\n   * Whether the region applies right now. An inactive division is a flat fold,\n   * and an inactive occlusion is a camera that is not in use.\n   *\n   * @since 8.2.0\n   */\n  isActive: boolean;\n\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n\n  /**\n   * Space to keep clear around the region, in CSS pixels.\n   *\n   * @since 8.2.0\n   */\n  margins: { top: number; right: number; bottom: number; left: number };\n}\n\n/**\n * How far open the hinge is, as the system sees it. Note that it can lag the\n * angle: iOS keeps reporting `'closed'` for a moment after the phone opens.\n *\n * @since 8.2.0\n */\nexport type HingeStatus = 'closed' | 'partiallyOpen' | 'fullyOpen';\n\nexport interface SizeClass {\n  /**\n   * Width size class of the window: `'compact'` on a phone and on the outer\n   * display of a foldable, `'regular'` on the inner display, tablets and wide\n   * windows. On Android and web `'regular'` starts at 600 CSS pixels.\n   *\n   * @since 7.0.0\n   */\n  horizontal: 'compact' | 'regular';\n\n  /**\n   * Height size class of the window: `'compact'` on a phone in landscape. On\n   * Android and web `'regular'` starts at 480 CSS pixels.\n   *\n   * @since 7.0.0\n   */\n  vertical: 'compact' | 'regular';\n\n  /**\n   * Material window width class, from the window width in CSS pixels:\n   * `'compact'` below 600, `'medium'` below 840, `'expanded'` below 1200,\n   * `'large'` below 1600 and `'extraLarge'` from 1600.\n   *\n   * @since 7.0.0\n   */\n  widthClass: 'compact' | 'medium' | 'expanded' | 'large' | 'extraLarge';\n\n  /**\n   * Material window height class, from the window height in CSS pixels:\n   * `'compact'` below 480, `'medium'` below 900 and `'expanded'` from 900.\n   *\n   * @since 7.0.0\n   */\n  heightClass: 'compact' | 'medium' | 'expanded';\n}\n\nexport type DisplayModeStatus = 'unsupported' | 'unavailable' | 'available' | 'active';\n\nexport interface DisplayModes {\n  /**\n   * Rear display mode moves the app to the outer display, so people can frame a\n   * photo with the rear cameras. Only on Android foldables that offer it.\n   *\n   * @since 7.0.0\n   */\n  rearDisplay: DisplayModeStatus;\n\n  /**\n   * Dual-screen mode shows a second page on the outer display while the app\n   * stays on the inner one. Only on Android foldables that offer it.\n   *\n   * @since 7.0.0\n   */\n  dualScreen: DisplayModeStatus;\n}\n\nexport interface BarPlacement {\n  /**\n   * The edge iPhone Duo moves tab bars and toolbars to when it lays them out\n   * vertically: `'leading'` or `'trailing'` in the reading direction, so\n   * `'leading'` is the left edge in left-to-right languages. `null` when bars\n   * stay horizontal, and always on Android, web and iOS before 27.1.\n   *\n   * @since 7.0.0\n   */\n  verticalBarEdge: 'leading' | 'trailing' | null;\n}\n\nexport interface FoldablePolyfillOptions {\n  /**\n   * Take over hiding Ionic's tab bar while the keyboard is open. iPhone Duo\n   * reports a keyboard on every fold, and Ionic waits for the window to return\n   * to the height it had when the keyboard first opened, so its tab bar can\n   * disappear until the device is folded back. With this on, the keyboard events\n   * never reach Ionic, and a `foldable-keyboard-open` class on `<html>` marks\n   * when a text field really has the keyboard. `ionic-tabs.css` hides the tab\n   * bar with it.\n   *\n   * @default false\n   * @since 8.0.2\n   */\n  ionicKeyboard?: boolean;\n}\n\nexport interface FoldablePlugin {\n  /**\n   * Whether the device has a fold at all, and whether it can be propped half\n   * open like a laptop. Both `false` on web, and on iOS except on iPhone Duo\n   * (iOS 27.1 or later).\n   *\n   * @since 7.0.0\n   */\n  isDeviceFoldable(): Promise<{ foldable: boolean; supportsTabletop: boolean }>;\n\n  /**\n   * Read the current fold state. Resolves to\n   * `{ state: 'flat', isSeparating: false, posture: 'flat' }` when there is no\n   * fold information.\n   *\n   * @since 7.0.0\n   */\n  getFoldState(): Promise<FoldState>;\n\n  /**\n   * Read the angle between the two halves of the device, in degrees: `0` when\n   * closed, `180` when flat. Resolves to `{ angle: null }` on devices without a\n   * hinge angle sensor, on web, and on iOS before 27.1.\n   *\n   * @since 7.0.0\n   */\n  getHingeAngle(): Promise<{ angle: number | null; status: HingeStatus | null }>;\n\n  /**\n   * Read every region the system reserves on this display: the fold and\n   * anything covering the screen, active or not. iPhone Duo reports the fold,\n   * the vertical status bar area and the under-display camera. Resolves to an\n   * empty list on Android, on web and on iOS before 27.1.\n   *\n   * @since 8.2.0\n   */\n  getReservedRegions(): Promise<{ regions: ReservedRegion[] }>;\n\n  /**\n   * Choose whether iPhone Duo may move this app's bars to the side of the\n   * display. `'disabled'` keeps everything horizontal, including the status\n   * bar. Resolves to `{ applied: false }` when the app does not use\n   * `FoldableBridgeViewController`, on Android, on web and on iOS before 27.1.\n   * See the iPhone Duo guide for the one-line storyboard change.\n   *\n   * @since 8.2.0\n   */\n  setVerticalBarBehavior(options: { behavior: 'automatic' | 'disabled' }): Promise<{ applied: boolean }>;\n\n  /**\n   * Read the window's size classes: Apple's compact and regular, the signal its\n   * iPhone Duo guidelines recommend for telling the outer display from the inner\n   * one, and Material's width and height classes. On iOS `horizontal` and\n   * `vertical` are UIKit's size classes; everything else comes from the window\n   * size.\n   *\n   * @since 7.0.0\n   */\n  getSizeClass(): Promise<SizeClass>;\n\n  /**\n   * Read which of the foldable display modes the device offers right now. Both\n   * are `'unsupported'` on iOS and web.\n   *\n   * @since 7.0.0\n   */\n  getDisplayModes(): Promise<DisplayModes>;\n\n  /**\n   * Read where native bars go. Native tab bars and toolbars move to the side of\n   * the display on iPhone Duo, but HTML ones stay put, so use this to move your\n   * own tab bar too.\n   *\n   * @since 7.0.0\n   */\n  getBarPlacement(): Promise<BarPlacement>;\n\n  /**\n   * Move the app to the outer display. Android asks the user to confirm first,\n   * and the promise resolves once the app has moved. Rejects when rear display\n   * mode is not `'available'`. Only on Android.\n   *\n   * @since 7.0.0\n   */\n  startRearDisplay(): Promise<void>;\n\n  /**\n   * Move the app back to the inner display.\n   *\n   * @since 7.0.0\n   */\n  stopRearDisplay(): Promise<void>;\n\n  /**\n   * Show a page on the outer display while the app stays on the inner one. A\n   * relative `url` resolves against the app's own URL, so `'cover.html'` loads a\n   * page bundled with the app. The page runs in its own web view without access\n   * to Capacitor plugins. Calling this again while dual-screen mode is active\n   * replaces the page. Only on Android.\n   *\n   * @since 7.0.0\n   */\n  startDualScreen(options: { url: string }): Promise<void>;\n\n  /**\n   * Close the page on the outer display.\n   *\n   * @since 7.0.0\n   */\n  stopDualScreen(): Promise<void>;\n\n  /**\n   * Listen for fold state changes. On a foldable this also fires when the\n   * device rotates, because `hingeOrientation` and `hingeBounds` rotate with\n   * the window.\n   *\n   * @since 7.0.0\n   */\n  addListener(eventName: 'foldStateChange', listenerFunc: (state: FoldState) => void): Promise<PluginListenerHandle>;\n\n  /**\n   * Listen for hinge angle changes. On Android the hinge sensor only runs while\n   * at least one of these listeners is registered. On iOS it fires on iPhone\n   * Duo (iOS 27.1 or later). Never fires on web.\n   *\n   * @since 7.0.0\n   */\n  addListener(\n    eventName: 'hingeAngleChange',\n    listenerFunc: (event: { angle: number }) => void,\n  ): Promise<PluginListenerHandle>;\n\n  /**\n   * Listen for size class changes, such as unfolding the device, rotating it or\n   * resizing the window. On iOS this fires when UIKit's size classes change\n   * (iOS 17 or later) or the device rotates, so a resize that keeps the same\n   * size classes may not update `widthClass` and `heightClass` until then.\n   *\n   * @since 7.0.0\n   */\n  addListener(\n    eventName: 'sizeClassChange',\n    listenerFunc: (sizeClass: SizeClass) => void,\n  ): Promise<PluginListenerHandle>;\n\n  /**\n   * Listen for changes to the display modes, including a mode ending because\n   * the user folded or unfolded the device. Never fires on iOS and web.\n   *\n   * @since 7.0.0\n   */\n  addListener(\n    eventName: 'displayModeChange',\n    listenerFunc: (modes: DisplayModes) => void,\n  ): Promise<PluginListenerHandle>;\n\n  /**\n   * Listen for the device being folded or unfolded. `folding` turns `true` as\n   * soon as the hinge starts moving and `false` about half a second after it\n   * stops, so an app can pause animations or heavy work while the screen is in\n   * motion. Only fires where a hinge angle is available: Android foldables with\n   * a hinge sensor, and iPhone Duo on iOS 27.1 or later.\n   *\n   * @since 8.2.0\n   */\n  addListener(\n    eventName: 'foldingChange',\n    listenerFunc: (event: { folding: boolean }) => void,\n  ): Promise<PluginListenerHandle>;\n\n  /**\n   * Listen for bar placement changes, such as opening or rotating iPhone Duo.\n   * Only fires on iOS 27.1 or later.\n   *\n   * @since 7.0.0\n   */\n  addListener(\n    eventName: 'barPlacementChange',\n    listenerFunc: (placement: BarPlacement) => void,\n  ): Promise<PluginListenerHandle>;\n}\n"]}

package/dist/esm/polyfill.js

@@ -60,7 +60,7 @@ async function run(plugin, options) {
             root.style.setProperty(name, css.variables[name]);
         for (const name of CSS_CLASSES)
             root.classList.toggle(name, css.classes.includes(name));
-        const foldCss = foldCssFor(fold === null || fold === void 0 ? void 0 : fold.hingeBounds, fold === null || fold === void 0 ? void 0 : fold.hingeOrientation);
+        const foldCss = foldCssFor(fold === null || fold === void 0 ? void 0 : fold.hingeBounds, fold === null || fold === void 0 ? void 0 : fold.hingeOrientation, fold === null || fold === void 0 ? void 0 : fold.hingeMargins);
         for (const name of FOLD_VARIABLES) {
             if (foldCss.variables[name])
                 root.style.setProperty(name, foldCss.variables[name]);
@@ -75,12 +75,17 @@ async function run(plugin, options) {
         fold = next;
         posture === null || posture === void 0 ? void 0 : posture.update(postureOf(next));
         applyCss();
+        // The web view can report the previous window size for a moment after the
+        // app moves between displays, so measure again once it has settled.
+        requestAnimationFrame(applyCss);
+        setTimeout(applyCss, 300);
     };
     const applyBars = ({ verticalBarEdge }) => {
         const active = barClassFor(verticalBarEdge);
         for (const name of BAR_CLASSES)
             root.classList.toggle(name, name === active);
     };
+    await plugin.addListener('foldingChange', ({ folding }) => root.classList.toggle('folding', folding));
     window.addEventListener('resize', applyCss);
     await plugin.addListener('foldStateChange', apply);
     await plugin.addListener('barPlacementChange', applyBars);

package/dist/esm/polyfill.js.map

@@ -1 +1 @@
-{"version":3,"file":"polyfill.js","sourceRoot":"","sources":["../../src/polyfill.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,MAAM,EACN,YAAY,EACZ,cAAc,EACd,UAAU,EACV,oBAAoB,GACrB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAuB3C,MAAM,qBAAsB,SAAQ,WAAW;IAA/C;;QACE,aAAQ,GAA4D,IAAI,CAAC;QAEjE,YAAO,GAAsB,YAAY,CAAC;IAcpD,CAAC;IAZC,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,MAAM,CAAC,IAAuB;;QAC5B,IAAI,IAAI,KAAK,IAAI,CAAC,OAAO;YAAE,OAAO;QAElC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;QAClC,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;CACF;AAED,MAAM,SAAS,GAAG,CAAC,IAAsB,EAAqB,EAAE,CAC9D,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,MAAK,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;AAE1D,IAAI,YAAY,GAAyB,IAAI,CAAC;AAE9C,MAAM,UAAU,OAAO,CAAC,MAAsB,EAAE,UAAmC,EAAE;IACnF,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE;QAAE,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAE5D,YAAY,aAAZ,YAAY,cAAZ,YAAY,IAAZ,YAAY,GAAK,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC;IACtC,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,KAAK,UAAU,GAAG,CAAC,MAAsB,EAAE,OAAgC;IACzE,IAAI,OAAO,CAAC,aAAa;QAAE,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAE9D,IAAI,IAAI,GAAqB,IAAI,CAAC;IAClC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAEzF,IAAI,CAAC,CAAC,UAAU,IAAI,MAAM,CAAC,EAAE,CAAC;QAC5B,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,UAAU,EAAE;YACxC,YAAY,EAAE,IAAI;YAClB,KAAK,EAAE;gBACL,IAAI,QAAQ;oBACV,OAAO,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAC9G,CAAC;aACF;SACF,CAAC,CAAC;IACL,CAAC;IAED,MAAM,OAAO,GAAG,eAAe,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,qBAAqB,EAAE,CAAC;IAC/E,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,eAAe,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;IAC5F,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;IACtC,IAAI,SAAS,GAAa,EAAE,CAAC;IAE7B,MAAM,QAAQ,GAAG,GAAG,EAAE;;QACpB,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,KAAK,MAAM,IAAI,IAAI,SAAS;YAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAC9D,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACvC,KAAK,MAAM,IAAI,IAAI,SAAS;YAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;QAChF,KAAK,MAAM,IAAI,IAAI,WAAW;YAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QACxF,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAC,CAAC;QACtE,KAAK,MAAM,IAAI,IAAI,cAAc,EAAE,CAAC;YAClC,IAAI,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;gBAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;;gBAC9E,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QACvC,CAAC;QACD,KAAK,MAAM,IAAI,IAAI,YAAY;YAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC;QACzF,IAAI,CAAC,KAAK,CAAC,WAAW,CACpB,2BAA2B,EAC3B,GAAG,oBAAoB,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,mCAAI,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,CAC1E,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,CAAC,IAAe,EAAE,EAAE;QAChC,IAAI,GAAG,IAAI,CAAC;QACZ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;QACjC,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,EAAE,eAAe,EAAgB,EAAE,EAAE;QACtD,MAAM,MAAM,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;QAC5C,KAAK,MAAM,IAAI,IAAI,WAAW;YAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC;IAC/E,CAAC,CAAC;IAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC5C,MAAM,MAAM,CAAC,WAAW,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;IACnD,MAAM,MAAM,CAAC,WAAW,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;IAC1D,KAAK,CAAC,MAAM,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC;IACnC,SAAS,CAAC,MAAM,MAAM,CAAC,eAAe,EAAE,CAAC,CAAC;AAC5C,CAAC","sourcesContent":["import { Capacitor } from '@capacitor/core';\n\nimport {\n  BAR_CLASSES,\n  barClassFor,\n  CSS_CLASSES,\n  cssFor,\n  FOLD_CLASSES,\n  FOLD_VARIABLES,\n  foldCssFor,\n  verticalTabBarBottom,\n} from './css';\nimport type { BarPlacement, FoldablePlugin, FoldablePolyfillOptions, FoldState } from './definitions';\nimport { takeOverKeyboard } from './keyboard';\nimport { splitViewport } from './segments';\n\ntype DevicePostureType = 'continuous' | 'folded';\n\ndeclare global {\n  interface DevicePosture extends EventTarget {\n    readonly type: DevicePostureType;\n    onchange: ((this: DevicePosture, event: Event) => unknown) | null;\n  }\n\n  interface Viewport {\n    readonly segments: readonly DOMRect[];\n  }\n\n  interface Navigator {\n    readonly devicePosture: DevicePosture;\n  }\n\n  interface Window {\n    readonly viewport: Viewport;\n  }\n}\n\nclass DevicePosturePolyfill extends EventTarget implements DevicePosture {\n  onchange: ((this: DevicePosture, event: Event) => unknown) | null = null;\n\n  private current: DevicePostureType = 'continuous';\n\n  get type(): DevicePostureType {\n    return this.current;\n  }\n\n  update(type: DevicePostureType): void {\n    if (type === this.current) return;\n\n    this.current = type;\n    const event = new Event('change');\n    this.onchange?.call(this, event);\n    this.dispatchEvent(event);\n  }\n}\n\nconst postureOf = (fold: FoldState | null): DevicePostureType =>\n  fold?.state === 'half-opened' ? 'folded' : 'continuous';\n\nlet installation: Promise<void> | null = null;\n\nexport function install(plugin: FoldablePlugin, options: FoldablePolyfillOptions = {}): Promise<void> {\n  if (!Capacitor.isNativePlatform()) return Promise.resolve();\n\n  installation ??= run(plugin, options);\n  return installation;\n}\n\nasync function run(plugin: FoldablePlugin, options: FoldablePolyfillOptions): Promise<void> {\n  if (options.ionicKeyboard) takeOverKeyboard(window, document);\n\n  let fold: FoldState | null = null;\n  const currentSegments = () => splitViewport(fold, window.innerWidth, window.innerHeight);\n\n  if (!('Viewport' in window)) {\n    Object.defineProperty(window, 'viewport', {\n      configurable: true,\n      value: {\n        get segments() {\n          return Object.freeze(currentSegments().map((rect) => new DOMRect(rect.x, rect.y, rect.width, rect.height)));\n        },\n      },\n    });\n  }\n\n  const posture = 'DevicePosture' in window ? null : new DevicePosturePolyfill();\n  if (posture) {\n    Object.defineProperty(navigator, 'devicePosture', { configurable: true, value: posture });\n  }\n\n  const root = document.documentElement;\n  let variables: string[] = [];\n\n  const applyCss = () => {\n    const css = cssFor(currentSegments(), postureOf(fold));\n    for (const name of variables) root.style.removeProperty(name);\n    variables = Object.keys(css.variables);\n    for (const name of variables) root.style.setProperty(name, css.variables[name]);\n    for (const name of CSS_CLASSES) root.classList.toggle(name, css.classes.includes(name));\n    const foldCss = foldCssFor(fold?.hingeBounds, fold?.hingeOrientation);\n    for (const name of FOLD_VARIABLES) {\n      if (foldCss.variables[name]) root.style.setProperty(name, foldCss.variables[name]);\n      else root.style.removeProperty(name);\n    }\n    for (const name of FOLD_CLASSES) root.classList.toggle(name, name === foldCss.className);\n    root.style.setProperty(\n      '--vertical-tab-bar-bottom',\n      `${verticalTabBarBottom(fold?.cameraBounds ?? [], window.innerHeight)}px`,\n    );\n  };\n\n  const apply = (next: FoldState) => {\n    fold = next;\n    posture?.update(postureOf(next));\n    applyCss();\n  };\n\n  const applyBars = ({ verticalBarEdge }: BarPlacement) => {\n    const active = barClassFor(verticalBarEdge);\n    for (const name of BAR_CLASSES) root.classList.toggle(name, name === active);\n  };\n\n  window.addEventListener('resize', applyCss);\n  await plugin.addListener('foldStateChange', apply);\n  await plugin.addListener('barPlacementChange', applyBars);\n  apply(await plugin.getFoldState());\n  applyBars(await plugin.getBarPlacement());\n}\n"]}
+{"version":3,"file":"polyfill.js","sourceRoot":"","sources":["../../src/polyfill.ts"],"names":[],"mappings":"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","sourcesContent":["import { Capacitor } from '@capacitor/core';\n\nimport {\n  BAR_CLASSES,\n  barClassFor,\n  CSS_CLASSES,\n  cssFor,\n  FOLD_CLASSES,\n  FOLD_VARIABLES,\n  foldCssFor,\n  verticalTabBarBottom,\n} from './css';\nimport type { BarPlacement, FoldablePlugin, FoldablePolyfillOptions, FoldState } from './definitions';\nimport { takeOverKeyboard } from './keyboard';\nimport { splitViewport } from './segments';\n\ntype DevicePostureType = 'continuous' | 'folded';\n\ndeclare global {\n  interface DevicePosture extends EventTarget {\n    readonly type: DevicePostureType;\n    onchange: ((this: DevicePosture, event: Event) => unknown) | null;\n  }\n\n  interface Viewport {\n    readonly segments: readonly DOMRect[];\n  }\n\n  interface Navigator {\n    readonly devicePosture: DevicePosture;\n  }\n\n  interface Window {\n    readonly viewport: Viewport;\n  }\n}\n\nclass DevicePosturePolyfill extends EventTarget implements DevicePosture {\n  onchange: ((this: DevicePosture, event: Event) => unknown) | null = null;\n\n  private current: DevicePostureType = 'continuous';\n\n  get type(): DevicePostureType {\n    return this.current;\n  }\n\n  update(type: DevicePostureType): void {\n    if (type === this.current) return;\n\n    this.current = type;\n    const event = new Event('change');\n    this.onchange?.call(this, event);\n    this.dispatchEvent(event);\n  }\n}\n\nconst postureOf = (fold: FoldState | null): DevicePostureType =>\n  fold?.state === 'half-opened' ? 'folded' : 'continuous';\n\nlet installation: Promise<void> | null = null;\n\nexport function install(plugin: FoldablePlugin, options: FoldablePolyfillOptions = {}): Promise<void> {\n  if (!Capacitor.isNativePlatform()) return Promise.resolve();\n\n  installation ??= run(plugin, options);\n  return installation;\n}\n\nasync function run(plugin: FoldablePlugin, options: FoldablePolyfillOptions): Promise<void> {\n  if (options.ionicKeyboard) takeOverKeyboard(window, document);\n\n  let fold: FoldState | null = null;\n  const currentSegments = () => splitViewport(fold, window.innerWidth, window.innerHeight);\n\n  if (!('Viewport' in window)) {\n    Object.defineProperty(window, 'viewport', {\n      configurable: true,\n      value: {\n        get segments() {\n          return Object.freeze(currentSegments().map((rect) => new DOMRect(rect.x, rect.y, rect.width, rect.height)));\n        },\n      },\n    });\n  }\n\n  const posture = 'DevicePosture' in window ? null : new DevicePosturePolyfill();\n  if (posture) {\n    Object.defineProperty(navigator, 'devicePosture', { configurable: true, value: posture });\n  }\n\n  const root = document.documentElement;\n  let variables: string[] = [];\n\n  const applyCss = () => {\n    const css = cssFor(currentSegments(), postureOf(fold));\n    for (const name of variables) root.style.removeProperty(name);\n    variables = Object.keys(css.variables);\n    for (const name of variables) root.style.setProperty(name, css.variables[name]);\n    for (const name of CSS_CLASSES) root.classList.toggle(name, css.classes.includes(name));\n    const foldCss = foldCssFor(fold?.hingeBounds, fold?.hingeOrientation, fold?.hingeMargins);\n    for (const name of FOLD_VARIABLES) {\n      if (foldCss.variables[name]) root.style.setProperty(name, foldCss.variables[name]);\n      else root.style.removeProperty(name);\n    }\n    for (const name of FOLD_CLASSES) root.classList.toggle(name, name === foldCss.className);\n    root.style.setProperty(\n      '--vertical-tab-bar-bottom',\n      `${verticalTabBarBottom(fold?.cameraBounds ?? [], window.innerHeight)}px`,\n    );\n  };\n\n  const apply = (next: FoldState) => {\n    fold = next;\n    posture?.update(postureOf(next));\n    applyCss();\n\n    // The web view can report the previous window size for a moment after the\n    // app moves between displays, so measure again once it has settled.\n    requestAnimationFrame(applyCss);\n    setTimeout(applyCss, 300);\n  };\n\n  const applyBars = ({ verticalBarEdge }: BarPlacement) => {\n    const active = barClassFor(verticalBarEdge);\n    for (const name of BAR_CLASSES) root.classList.toggle(name, name === active);\n  };\n\n  await plugin.addListener('foldingChange', ({ folding }) => root.classList.toggle('folding', folding));\n  window.addEventListener('resize', applyCss);\n  await plugin.addListener('foldStateChange', apply);\n  await plugin.addListener('barPlacementChange', applyBars);\n  apply(await plugin.getFoldState());\n  applyBars(await plugin.getBarPlacement());\n}\n"]}

package/dist/esm/web.d.ts

@@ -8,8 +8,15 @@ export declare class FoldableWeb extends WebPlugin implements FoldablePlugin {
         supportsTabletop: boolean;
     }>;
     getFoldState(): Promise<FoldState>;
+    setVerticalBarBehavior(): Promise<{
+        applied: boolean;
+    }>;
+    getReservedRegions(): Promise<{
+        regions: [];
+    }>;
     getHingeAngle(): Promise<{
         angle: number | null;
+        status: null;
     }>;
     getSizeClass(): Promise<SizeClass>;
     getDisplayModes(): Promise<DisplayModes>;

package/dist/esm/web.js

@@ -18,8 +18,14 @@ export class FoldableWeb extends WebPlugin {
     async getFoldState() {
         return { state: 'flat', isSeparating: false, posture: 'flat' };
     }
+    async setVerticalBarBehavior() {
+        return { applied: false };
+    }
+    async getReservedRegions() {
+        return { regions: [] };
+    }
     async getHingeAngle() {
-        return { angle: null };
+        return { angle: null, status: null };
     }
     async getSizeClass() {
         return sizeClassOf(window.innerWidth, window.innerHeight);

package/dist/esm/web.js.map

@@ -1 +1 @@
-{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,OAAO,WAAY,SAAQ,SAAS;IAGxC;QACE,KAAK,EAAE,CAAC;QAHF,cAAS,GAAG,WAAW,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;QAIrE,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;YACrC,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;YAChE,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;gBAAE,OAAO;YAEpE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC;IACtD,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IACjE,CAAC;IAED,KAAK,CAAC,aAAa;QACjB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IACzB,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,OAAO,WAAW,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAC5D,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC;IACnE,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,MAAM,IAAI,CAAC,WAAW,CAAC,iDAAiD,CAAC,CAAC;IAC5E,CAAC;IAED,eAAe;QACb,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,MAAM,IAAI,CAAC,WAAW,CAAC,gDAAgD,CAAC,CAAC;IAC3E,CAAC;IAED,cAAc;QACZ,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC;CACF","sourcesContent":["import { WebPlugin } from '@capacitor/core';\n\nimport type { BarPlacement, DisplayModes, FoldablePlugin, FoldState, SizeClass } from './definitions';\nimport { sizeClassOf } from './size-class';\n\nexport class FoldableWeb extends WebPlugin implements FoldablePlugin {\n  private sizeClass = sizeClassOf(window.innerWidth, window.innerHeight);\n\n  constructor() {\n    super();\n    window.addEventListener('resize', () => {\n      const next = sizeClassOf(window.innerWidth, window.innerHeight);\n      if (JSON.stringify(next) === JSON.stringify(this.sizeClass)) return;\n\n      this.sizeClass = next;\n      this.notifyListeners('sizeClassChange', next);\n    });\n  }\n\n  async isDeviceFoldable(): Promise<{ foldable: boolean; supportsTabletop: boolean }> {\n    return { foldable: false, supportsTabletop: false };\n  }\n\n  async getFoldState(): Promise<FoldState> {\n    return { state: 'flat', isSeparating: false, posture: 'flat' };\n  }\n\n  async getHingeAngle(): Promise<{ angle: number | null }> {\n    return { angle: null };\n  }\n\n  async getSizeClass(): Promise<SizeClass> {\n    return sizeClassOf(window.innerWidth, window.innerHeight);\n  }\n\n  async getDisplayModes(): Promise<DisplayModes> {\n    return { rearDisplay: 'unsupported', dualScreen: 'unsupported' };\n  }\n\n  async getBarPlacement(): Promise<BarPlacement> {\n    return { verticalBarEdge: null };\n  }\n\n  async startRearDisplay(): Promise<void> {\n    throw this.unavailable('Rear display mode is only available on Android.');\n  }\n\n  stopRearDisplay(): Promise<void> {\n    return Promise.resolve();\n  }\n\n  async startDualScreen(): Promise<void> {\n    throw this.unavailable('Dual-screen mode is only available on Android.');\n  }\n\n  stopDualScreen(): Promise<void> {\n    return Promise.resolve();\n  }\n}\n"]}
+{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,OAAO,WAAY,SAAQ,SAAS;IAGxC;QACE,KAAK,EAAE,CAAC;QAHF,cAAS,GAAG,WAAW,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;QAIrE,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;YACrC,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;YAChE,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;gBAAE,OAAO;YAEpE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC;IACtD,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IACjE,CAAC;IAED,KAAK,CAAC,sBAAsB;QAC1B,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC;IAED,KAAK,CAAC,kBAAkB;QACtB,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;IACzB,CAAC;IAED,KAAK,CAAC,aAAa;QACjB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IACvC,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,OAAO,WAAW,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAC5D,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC;IACnE,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,MAAM,IAAI,CAAC,WAAW,CAAC,iDAAiD,CAAC,CAAC;IAC5E,CAAC;IAED,eAAe;QACb,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,MAAM,IAAI,CAAC,WAAW,CAAC,gDAAgD,CAAC,CAAC;IAC3E,CAAC;IAED,cAAc;QACZ,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC;CACF","sourcesContent":["import { WebPlugin } from '@capacitor/core';\n\nimport type { BarPlacement, DisplayModes, FoldablePlugin, FoldState, SizeClass } from './definitions';\nimport { sizeClassOf } from './size-class';\n\nexport class FoldableWeb extends WebPlugin implements FoldablePlugin {\n  private sizeClass = sizeClassOf(window.innerWidth, window.innerHeight);\n\n  constructor() {\n    super();\n    window.addEventListener('resize', () => {\n      const next = sizeClassOf(window.innerWidth, window.innerHeight);\n      if (JSON.stringify(next) === JSON.stringify(this.sizeClass)) return;\n\n      this.sizeClass = next;\n      this.notifyListeners('sizeClassChange', next);\n    });\n  }\n\n  async isDeviceFoldable(): Promise<{ foldable: boolean; supportsTabletop: boolean }> {\n    return { foldable: false, supportsTabletop: false };\n  }\n\n  async getFoldState(): Promise<FoldState> {\n    return { state: 'flat', isSeparating: false, posture: 'flat' };\n  }\n\n  async setVerticalBarBehavior(): Promise<{ applied: boolean }> {\n    return { applied: false };\n  }\n\n  async getReservedRegions(): Promise<{ regions: [] }> {\n    return { regions: [] };\n  }\n\n  async getHingeAngle(): Promise<{ angle: number | null; status: null }> {\n    return { angle: null, status: null };\n  }\n\n  async getSizeClass(): Promise<SizeClass> {\n    return sizeClassOf(window.innerWidth, window.innerHeight);\n  }\n\n  async getDisplayModes(): Promise<DisplayModes> {\n    return { rearDisplay: 'unsupported', dualScreen: 'unsupported' };\n  }\n\n  async getBarPlacement(): Promise<BarPlacement> {\n    return { verticalBarEdge: null };\n  }\n\n  async startRearDisplay(): Promise<void> {\n    throw this.unavailable('Rear display mode is only available on Android.');\n  }\n\n  stopRearDisplay(): Promise<void> {\n    return Promise.resolve();\n  }\n\n  async startDualScreen(): Promise<void> {\n    throw this.unavailable('Dual-screen mode is only available on Android.');\n  }\n\n  stopDualScreen(): Promise<void> {\n    return Promise.resolve();\n  }\n}\n"]}

package/dist/plugin.cjs.js

@@ -10,16 +10,30 @@ const CSS_CLASSES = [
 ];
 const BAR_CLASSES = ['vertical-bars-leading', 'vertical-bars-trailing'];
 const FOLD_CLASSES = ['fold-vertical', 'fold-horizontal'];
-const FOLD_VARIABLES = ['--fold-left', '--fold-top', '--fold-width', '--fold-height'];
-function foldCssFor(hingeBounds, hingeOrientation) {
+const FOLD_VARIABLES = [
+    '--fold-left',
+    '--fold-top',
+    '--fold-width',
+    '--fold-height',
+    '--fold-margin-top',
+    '--fold-margin-right',
+    '--fold-margin-bottom',
+    '--fold-margin-left',
+];
+function foldCssFor(hingeBounds, hingeOrientation, hingeMargins) {
     if (!hingeBounds || !hingeOrientation)
         return { variables: {}, className: null };
+    const margins = hingeMargins !== null && hingeMargins !== void 0 ? hingeMargins : { top: 0, right: 0, bottom: 0, left: 0 };
     return {
         variables: {
             '--fold-left': `${hingeBounds.x}px`,
             '--fold-top': `${hingeBounds.y}px`,
             '--fold-width': `${hingeBounds.width}px`,
             '--fold-height': `${hingeBounds.height}px`,
+            '--fold-margin-top': `${margins.top}px`,
+            '--fold-margin-right': `${margins.right}px`,
+            '--fold-margin-bottom': `${margins.bottom}px`,
+            '--fold-margin-left': `${margins.left}px`,
         },
         className: `fold-${hingeOrientation}`,
     };
@@ -155,7 +169,7 @@ async function run(plugin, options) {
             root.style.setProperty(name, css.variables[name]);
         for (const name of CSS_CLASSES)
             root.classList.toggle(name, css.classes.includes(name));
-        const foldCss = foldCssFor(fold === null || fold === void 0 ? void 0 : fold.hingeBounds, fold === null || fold === void 0 ? void 0 : fold.hingeOrientation);
+        const foldCss = foldCssFor(fold === null || fold === void 0 ? void 0 : fold.hingeBounds, fold === null || fold === void 0 ? void 0 : fold.hingeOrientation, fold === null || fold === void 0 ? void 0 : fold.hingeMargins);
         for (const name of FOLD_VARIABLES) {
             if (foldCss.variables[name])
                 root.style.setProperty(name, foldCss.variables[name]);
@@ -170,12 +184,17 @@ async function run(plugin, options) {
         fold = next;
         posture === null || posture === void 0 ? void 0 : posture.update(postureOf(next));
         applyCss();
+        // The web view can report the previous window size for a moment after the
+        // app moves between displays, so measure again once it has settled.
+        requestAnimationFrame(applyCss);
+        setTimeout(applyCss, 300);
     };
     const applyBars = ({ verticalBarEdge }) => {
         const active = barClassFor(verticalBarEdge);
         for (const name of BAR_CLASSES)
             root.classList.toggle(name, name === active);
     };
+    await plugin.addListener('foldingChange', ({ folding }) => root.classList.toggle('folding', folding));
     window.addEventListener('resize', applyCss);
     await plugin.addListener('foldStateChange', apply);
     await plugin.addListener('barPlacementChange', applyBars);
@@ -239,8 +258,14 @@ class FoldableWeb extends core.WebPlugin {
     async getFoldState() {
         return { state: 'flat', isSeparating: false, posture: 'flat' };
     }
+    async setVerticalBarBehavior() {
+        return { applied: false };
+    }
+    async getReservedRegions() {
+        return { regions: [] };
+    }
     async getHingeAngle() {
-        return { angle: null };
+        return { angle: null, status: null };
     }
     async getSizeClass() {
         return sizeClassOf(window.innerWidth, window.innerHeight);

package/dist/plugin.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.cjs.js","sources":["esm/css.js","esm/keyboard.js","esm/segments.js","esm/polyfill.js","esm/index.js","esm/size-class.js","esm/web.js"],"sourcesContent":["export const CSS_CLASSES = [\n    'horizontal-viewport-segments-2',\n    'vertical-viewport-segments-2',\n    'device-posture-continuous',\n    'device-posture-folded',\n];\nexport const BAR_CLASSES = ['vertical-bars-leading', 'vertical-bars-trailing'];\nexport const FOLD_CLASSES = ['fold-vertical', 'fold-horizontal'];\nexport const FOLD_VARIABLES = ['--fold-left', '--fold-top', '--fold-width', '--fold-height'];\nexport function foldCssFor(hingeBounds, hingeOrientation) {\n    if (!hingeBounds || !hingeOrientation)\n        return { variables: {}, className: null };\n    return {\n        variables: {\n            '--fold-left': `${hingeBounds.x}px`,\n            '--fold-top': `${hingeBounds.y}px`,\n            '--fold-width': `${hingeBounds.width}px`,\n            '--fold-height': `${hingeBounds.height}px`,\n        },\n        className: `fold-${hingeOrientation}`,\n    };\n}\nexport function barClassFor(edge) {\n    return edge ? `vertical-bars-${edge}` : null;\n}\nconst TAB_BAR_MARGIN = 24;\nconst CAMERA_GAP = 15;\nexport function verticalTabBarBottom(cameras, viewportHeight) {\n    const below = cameras.filter((camera) => camera.y > viewportHeight / 2);\n    const camera = below.sort((a, b) => a.width * a.height - b.width * b.height)[0];\n    if (!camera)\n        return TAB_BAR_MARGIN;\n    return Math.max(TAB_BAR_MARGIN, Math.round(viewportHeight - camera.y + CAMERA_GAP));\n}\nexport function cssFor(segments, posture) {\n    const stacked = segments.length > 1 && segments[1].y > segments[0].y;\n    const variables = {};\n    segments.forEach((segment, index) => {\n        const suffix = stacked ? `0-${index}` : `${index}-0`;\n        variables[`--viewport-segment-top-${suffix}`] = `${segment.y}px`;\n        variables[`--viewport-segment-left-${suffix}`] = `${segment.x}px`;\n        variables[`--viewport-segment-bottom-${suffix}`] = `${segment.y + segment.height}px`;\n        variables[`--viewport-segment-right-${suffix}`] = `${segment.x + segment.width}px`;\n        variables[`--viewport-segment-width-${suffix}`] = `${segment.width}px`;\n        variables[`--viewport-segment-height-${suffix}`] = `${segment.height}px`;\n    });\n    const classes = [`device-posture-${posture}`];\n    if (segments.length > 1) {\n        classes.push(stacked ? 'vertical-viewport-segments-2' : 'horizontal-viewport-segments-2');\n    }\n    return { variables, classes };\n}\n//# sourceMappingURL=css.js.map","export const KEYBOARD_CLASS = 'foldable-keyboard-open';\nconst SHOW_EVENTS = ['keyboardWillShow', 'keyboardDidShow', 'ionKeyboardDidShow'];\nconst isEditing = (element) => !!element &&\n    (element.isContentEditable || ['INPUT', 'TEXTAREA', 'SELECT'].includes(element.tagName));\nexport function takeOverKeyboard(target, doc) {\n    const classes = doc.documentElement.classList;\n    for (const name of SHOW_EVENTS) {\n        target.addEventListener(name, (event) => {\n            event.stopImmediatePropagation();\n            if (isEditing(doc.activeElement))\n                classes.add(KEYBOARD_CLASS);\n        }, true);\n    }\n    target.addEventListener('keyboardWillHide', () => classes.remove(KEYBOARD_CLASS), true);\n}\n//# sourceMappingURL=keyboard.js.map","const EDGE_TOLERANCE = 1;\nexport function splitViewport(fold, width, height) {\n    const whole = [{ x: 0, y: 0, width, height }];\n    const hinge = fold === null || fold === void 0 ? void 0 : fold.hingeBounds;\n    if (!(fold === null || fold === void 0 ? void 0 : fold.isSeparating) || !hinge)\n        return whole;\n    if (fold.hingeOrientation === 'vertical') {\n        const right = hinge.x + hinge.width;\n        const spansHeight = hinge.y <= EDGE_TOLERANCE && hinge.y + hinge.height >= height - EDGE_TOLERANCE;\n        if (!spansHeight || hinge.x <= 0 || right >= width)\n            return whole;\n        return [\n            { x: 0, y: 0, width: hinge.x, height },\n            { x: right, y: 0, width: width - right, height },\n        ];\n    }\n    const bottom = hinge.y + hinge.height;\n    const spansWidth = hinge.x <= EDGE_TOLERANCE && hinge.x + hinge.width >= width - EDGE_TOLERANCE;\n    if (!spansWidth || hinge.y <= 0 || bottom >= height)\n        return whole;\n    return [\n        { x: 0, y: 0, width, height: hinge.y },\n        { x: 0, y: bottom, width, height: height - bottom },\n    ];\n}\n//# sourceMappingURL=segments.js.map","import { Capacitor } from '@capacitor/core';\nimport { BAR_CLASSES, barClassFor, CSS_CLASSES, cssFor, FOLD_CLASSES, FOLD_VARIABLES, foldCssFor, verticalTabBarBottom, } from './css';\nimport { takeOverKeyboard } from './keyboard';\nimport { splitViewport } from './segments';\nclass DevicePosturePolyfill extends EventTarget {\n    constructor() {\n        super(...arguments);\n        this.onchange = null;\n        this.current = 'continuous';\n    }\n    get type() {\n        return this.current;\n    }\n    update(type) {\n        var _a;\n        if (type === this.current)\n            return;\n        this.current = type;\n        const event = new Event('change');\n        (_a = this.onchange) === null || _a === void 0 ? void 0 : _a.call(this, event);\n        this.dispatchEvent(event);\n    }\n}\nconst postureOf = (fold) => (fold === null || fold === void 0 ? void 0 : fold.state) === 'half-opened' ? 'folded' : 'continuous';\nlet installation = null;\nexport function install(plugin, options = {}) {\n    if (!Capacitor.isNativePlatform())\n        return Promise.resolve();\n    installation !== null && installation !== void 0 ? installation : (installation = run(plugin, options));\n    return installation;\n}\nasync function run(plugin, options) {\n    if (options.ionicKeyboard)\n        takeOverKeyboard(window, document);\n    let fold = null;\n    const currentSegments = () => splitViewport(fold, window.innerWidth, window.innerHeight);\n    if (!('Viewport' in window)) {\n        Object.defineProperty(window, 'viewport', {\n            configurable: true,\n            value: {\n                get segments() {\n                    return Object.freeze(currentSegments().map((rect) => new DOMRect(rect.x, rect.y, rect.width, rect.height)));\n                },\n            },\n        });\n    }\n    const posture = 'DevicePosture' in window ? null : new DevicePosturePolyfill();\n    if (posture) {\n        Object.defineProperty(navigator, 'devicePosture', { configurable: true, value: posture });\n    }\n    const root = document.documentElement;\n    let variables = [];\n    const applyCss = () => {\n        var _a;\n        const css = cssFor(currentSegments(), postureOf(fold));\n        for (const name of variables)\n            root.style.removeProperty(name);\n        variables = Object.keys(css.variables);\n        for (const name of variables)\n            root.style.setProperty(name, css.variables[name]);\n        for (const name of CSS_CLASSES)\n            root.classList.toggle(name, css.classes.includes(name));\n        const foldCss = foldCssFor(fold === null || fold === void 0 ? void 0 : fold.hingeBounds, fold === null || fold === void 0 ? void 0 : fold.hingeOrientation);\n        for (const name of FOLD_VARIABLES) {\n            if (foldCss.variables[name])\n                root.style.setProperty(name, foldCss.variables[name]);\n            else\n                root.style.removeProperty(name);\n        }\n        for (const name of FOLD_CLASSES)\n            root.classList.toggle(name, name === foldCss.className);\n        root.style.setProperty('--vertical-tab-bar-bottom', `${verticalTabBarBottom((_a = fold === null || fold === void 0 ? void 0 : fold.cameraBounds) !== null && _a !== void 0 ? _a : [], window.innerHeight)}px`);\n    };\n    const apply = (next) => {\n        fold = next;\n        posture === null || posture === void 0 ? void 0 : posture.update(postureOf(next));\n        applyCss();\n    };\n    const applyBars = ({ verticalBarEdge }) => {\n        const active = barClassFor(verticalBarEdge);\n        for (const name of BAR_CLASSES)\n            root.classList.toggle(name, name === active);\n    };\n    window.addEventListener('resize', applyCss);\n    await plugin.addListener('foldStateChange', apply);\n    await plugin.addListener('barPlacementChange', applyBars);\n    apply(await plugin.getFoldState());\n    applyBars(await plugin.getBarPlacement());\n}\n//# sourceMappingURL=polyfill.js.map","import { registerPlugin } from '@capacitor/core';\nimport { install } from './polyfill';\nconst Foldable = registerPlugin('Foldable', {\n    web: () => import('./web').then((m) => new m.FoldableWeb()),\n});\nconst installFoldablePolyfill = (options) => install(Foldable, options);\nexport * from './definitions';\nexport { Foldable, installFoldablePolyfill };\n//# sourceMappingURL=index.js.map","const MEDIUM_WIDTH = 600;\nconst EXPANDED_WIDTH = 840;\nconst LARGE_WIDTH = 1200;\nconst EXTRA_LARGE_WIDTH = 1600;\nconst MEDIUM_HEIGHT = 480;\nconst EXPANDED_HEIGHT = 900;\nfunction widthClassOf(width) {\n    if (width >= EXTRA_LARGE_WIDTH)\n        return 'extraLarge';\n    if (width >= LARGE_WIDTH)\n        return 'large';\n    if (width >= EXPANDED_WIDTH)\n        return 'expanded';\n    if (width >= MEDIUM_WIDTH)\n        return 'medium';\n    return 'compact';\n}\nfunction heightClassOf(height) {\n    if (height >= EXPANDED_HEIGHT)\n        return 'expanded';\n    if (height >= MEDIUM_HEIGHT)\n        return 'medium';\n    return 'compact';\n}\nexport function sizeClassOf(width, height) {\n    return {\n        horizontal: width >= MEDIUM_WIDTH ? 'regular' : 'compact',\n        vertical: height >= MEDIUM_HEIGHT ? 'regular' : 'compact',\n        widthClass: widthClassOf(width),\n        heightClass: heightClassOf(height),\n    };\n}\n//# sourceMappingURL=size-class.js.map","import { WebPlugin } from '@capacitor/core';\nimport { sizeClassOf } from './size-class';\nexport class FoldableWeb extends WebPlugin {\n    constructor() {\n        super();\n        this.sizeClass = sizeClassOf(window.innerWidth, window.innerHeight);\n        window.addEventListener('resize', () => {\n            const next = sizeClassOf(window.innerWidth, window.innerHeight);\n            if (JSON.stringify(next) === JSON.stringify(this.sizeClass))\n                return;\n            this.sizeClass = next;\n            this.notifyListeners('sizeClassChange', next);\n        });\n    }\n    async isDeviceFoldable() {\n        return { foldable: false, supportsTabletop: false };\n    }\n    async getFoldState() {\n        return { state: 'flat', isSeparating: false, posture: 'flat' };\n    }\n    async getHingeAngle() {\n        return { angle: null };\n    }\n    async getSizeClass() {\n        return sizeClassOf(window.innerWidth, window.innerHeight);\n    }\n    async getDisplayModes() {\n        return { rearDisplay: 'unsupported', dualScreen: 'unsupported' };\n    }\n    async getBarPlacement() {\n        return { verticalBarEdge: null };\n    }\n    async startRearDisplay() {\n        throw this.unavailable('Rear display mode is only available on Android.');\n    }\n    stopRearDisplay() {\n        return Promise.resolve();\n    }\n    async startDualScreen() {\n        throw this.unavailable('Dual-screen mode is only available on Android.');\n    }\n    stopDualScreen() {\n        return Promise.resolve();\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["Capacitor","registerPlugin","WebPlugin"],"mappings":"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"}
+{"version":3,"file":"plugin.cjs.js","sources":["esm/css.js","esm/keyboard.js","esm/segments.js","esm/polyfill.js","esm/index.js","esm/size-class.js","esm/web.js"],"sourcesContent":["export const CSS_CLASSES = [\n    'horizontal-viewport-segments-2',\n    'vertical-viewport-segments-2',\n    'device-posture-continuous',\n    'device-posture-folded',\n];\nexport const BAR_CLASSES = ['vertical-bars-leading', 'vertical-bars-trailing'];\nexport const FOLD_CLASSES = ['fold-vertical', 'fold-horizontal'];\nexport const FOLD_VARIABLES = [\n    '--fold-left',\n    '--fold-top',\n    '--fold-width',\n    '--fold-height',\n    '--fold-margin-top',\n    '--fold-margin-right',\n    '--fold-margin-bottom',\n    '--fold-margin-left',\n];\nexport function foldCssFor(hingeBounds, hingeOrientation, hingeMargins) {\n    if (!hingeBounds || !hingeOrientation)\n        return { variables: {}, className: null };\n    const margins = hingeMargins !== null && hingeMargins !== void 0 ? hingeMargins : { top: 0, right: 0, bottom: 0, left: 0 };\n    return {\n        variables: {\n            '--fold-left': `${hingeBounds.x}px`,\n            '--fold-top': `${hingeBounds.y}px`,\n            '--fold-width': `${hingeBounds.width}px`,\n            '--fold-height': `${hingeBounds.height}px`,\n            '--fold-margin-top': `${margins.top}px`,\n            '--fold-margin-right': `${margins.right}px`,\n            '--fold-margin-bottom': `${margins.bottom}px`,\n            '--fold-margin-left': `${margins.left}px`,\n        },\n        className: `fold-${hingeOrientation}`,\n    };\n}\nexport function barClassFor(edge) {\n    return edge ? `vertical-bars-${edge}` : null;\n}\nconst TAB_BAR_MARGIN = 24;\nconst CAMERA_GAP = 15;\nexport function verticalTabBarBottom(cameras, viewportHeight) {\n    const below = cameras.filter((camera) => camera.y > viewportHeight / 2);\n    const camera = below.sort((a, b) => a.width * a.height - b.width * b.height)[0];\n    if (!camera)\n        return TAB_BAR_MARGIN;\n    return Math.max(TAB_BAR_MARGIN, Math.round(viewportHeight - camera.y + CAMERA_GAP));\n}\nexport function cssFor(segments, posture) {\n    const stacked = segments.length > 1 && segments[1].y > segments[0].y;\n    const variables = {};\n    segments.forEach((segment, index) => {\n        const suffix = stacked ? `0-${index}` : `${index}-0`;\n        variables[`--viewport-segment-top-${suffix}`] = `${segment.y}px`;\n        variables[`--viewport-segment-left-${suffix}`] = `${segment.x}px`;\n        variables[`--viewport-segment-bottom-${suffix}`] = `${segment.y + segment.height}px`;\n        variables[`--viewport-segment-right-${suffix}`] = `${segment.x + segment.width}px`;\n        variables[`--viewport-segment-width-${suffix}`] = `${segment.width}px`;\n        variables[`--viewport-segment-height-${suffix}`] = `${segment.height}px`;\n    });\n    const classes = [`device-posture-${posture}`];\n    if (segments.length > 1) {\n        classes.push(stacked ? 'vertical-viewport-segments-2' : 'horizontal-viewport-segments-2');\n    }\n    return { variables, classes };\n}\n//# sourceMappingURL=css.js.map","export const KEYBOARD_CLASS = 'foldable-keyboard-open';\nconst SHOW_EVENTS = ['keyboardWillShow', 'keyboardDidShow', 'ionKeyboardDidShow'];\nconst isEditing = (element) => !!element &&\n    (element.isContentEditable || ['INPUT', 'TEXTAREA', 'SELECT'].includes(element.tagName));\nexport function takeOverKeyboard(target, doc) {\n    const classes = doc.documentElement.classList;\n    for (const name of SHOW_EVENTS) {\n        target.addEventListener(name, (event) => {\n            event.stopImmediatePropagation();\n            if (isEditing(doc.activeElement))\n                classes.add(KEYBOARD_CLASS);\n        }, true);\n    }\n    target.addEventListener('keyboardWillHide', () => classes.remove(KEYBOARD_CLASS), true);\n}\n//# sourceMappingURL=keyboard.js.map","const EDGE_TOLERANCE = 1;\nexport function splitViewport(fold, width, height) {\n    const whole = [{ x: 0, y: 0, width, height }];\n    const hinge = fold === null || fold === void 0 ? void 0 : fold.hingeBounds;\n    if (!(fold === null || fold === void 0 ? void 0 : fold.isSeparating) || !hinge)\n        return whole;\n    if (fold.hingeOrientation === 'vertical') {\n        const right = hinge.x + hinge.width;\n        const spansHeight = hinge.y <= EDGE_TOLERANCE && hinge.y + hinge.height >= height - EDGE_TOLERANCE;\n        if (!spansHeight || hinge.x <= 0 || right >= width)\n            return whole;\n        return [\n            { x: 0, y: 0, width: hinge.x, height },\n            { x: right, y: 0, width: width - right, height },\n        ];\n    }\n    const bottom = hinge.y + hinge.height;\n    const spansWidth = hinge.x <= EDGE_TOLERANCE && hinge.x + hinge.width >= width - EDGE_TOLERANCE;\n    if (!spansWidth || hinge.y <= 0 || bottom >= height)\n        return whole;\n    return [\n        { x: 0, y: 0, width, height: hinge.y },\n        { x: 0, y: bottom, width, height: height - bottom },\n    ];\n}\n//# sourceMappingURL=segments.js.map","import { Capacitor } from '@capacitor/core';\nimport { BAR_CLASSES, barClassFor, CSS_CLASSES, cssFor, FOLD_CLASSES, FOLD_VARIABLES, foldCssFor, verticalTabBarBottom, } from './css';\nimport { takeOverKeyboard } from './keyboard';\nimport { splitViewport } from './segments';\nclass DevicePosturePolyfill extends EventTarget {\n    constructor() {\n        super(...arguments);\n        this.onchange = null;\n        this.current = 'continuous';\n    }\n    get type() {\n        return this.current;\n    }\n    update(type) {\n        var _a;\n        if (type === this.current)\n            return;\n        this.current = type;\n        const event = new Event('change');\n        (_a = this.onchange) === null || _a === void 0 ? void 0 : _a.call(this, event);\n        this.dispatchEvent(event);\n    }\n}\nconst postureOf = (fold) => (fold === null || fold === void 0 ? void 0 : fold.state) === 'half-opened' ? 'folded' : 'continuous';\nlet installation = null;\nexport function install(plugin, options = {}) {\n    if (!Capacitor.isNativePlatform())\n        return Promise.resolve();\n    installation !== null && installation !== void 0 ? installation : (installation = run(plugin, options));\n    return installation;\n}\nasync function run(plugin, options) {\n    if (options.ionicKeyboard)\n        takeOverKeyboard(window, document);\n    let fold = null;\n    const currentSegments = () => splitViewport(fold, window.innerWidth, window.innerHeight);\n    if (!('Viewport' in window)) {\n        Object.defineProperty(window, 'viewport', {\n            configurable: true,\n            value: {\n                get segments() {\n                    return Object.freeze(currentSegments().map((rect) => new DOMRect(rect.x, rect.y, rect.width, rect.height)));\n                },\n            },\n        });\n    }\n    const posture = 'DevicePosture' in window ? null : new DevicePosturePolyfill();\n    if (posture) {\n        Object.defineProperty(navigator, 'devicePosture', { configurable: true, value: posture });\n    }\n    const root = document.documentElement;\n    let variables = [];\n    const applyCss = () => {\n        var _a;\n        const css = cssFor(currentSegments(), postureOf(fold));\n        for (const name of variables)\n            root.style.removeProperty(name);\n        variables = Object.keys(css.variables);\n        for (const name of variables)\n            root.style.setProperty(name, css.variables[name]);\n        for (const name of CSS_CLASSES)\n            root.classList.toggle(name, css.classes.includes(name));\n        const foldCss = foldCssFor(fold === null || fold === void 0 ? void 0 : fold.hingeBounds, fold === null || fold === void 0 ? void 0 : fold.hingeOrientation, fold === null || fold === void 0 ? void 0 : fold.hingeMargins);\n        for (const name of FOLD_VARIABLES) {\n            if (foldCss.variables[name])\n                root.style.setProperty(name, foldCss.variables[name]);\n            else\n                root.style.removeProperty(name);\n        }\n        for (const name of FOLD_CLASSES)\n            root.classList.toggle(name, name === foldCss.className);\n        root.style.setProperty('--vertical-tab-bar-bottom', `${verticalTabBarBottom((_a = fold === null || fold === void 0 ? void 0 : fold.cameraBounds) !== null && _a !== void 0 ? _a : [], window.innerHeight)}px`);\n    };\n    const apply = (next) => {\n        fold = next;\n        posture === null || posture === void 0 ? void 0 : posture.update(postureOf(next));\n        applyCss();\n        // The web view can report the previous window size for a moment after the\n        // app moves between displays, so measure again once it has settled.\n        requestAnimationFrame(applyCss);\n        setTimeout(applyCss, 300);\n    };\n    const applyBars = ({ verticalBarEdge }) => {\n        const active = barClassFor(verticalBarEdge);\n        for (const name of BAR_CLASSES)\n            root.classList.toggle(name, name === active);\n    };\n    await plugin.addListener('foldingChange', ({ folding }) => root.classList.toggle('folding', folding));\n    window.addEventListener('resize', applyCss);\n    await plugin.addListener('foldStateChange', apply);\n    await plugin.addListener('barPlacementChange', applyBars);\n    apply(await plugin.getFoldState());\n    applyBars(await plugin.getBarPlacement());\n}\n//# sourceMappingURL=polyfill.js.map","import { registerPlugin } from '@capacitor/core';\nimport { install } from './polyfill';\nconst Foldable = registerPlugin('Foldable', {\n    web: () => import('./web').then((m) => new m.FoldableWeb()),\n});\nconst installFoldablePolyfill = (options) => install(Foldable, options);\nexport * from './definitions';\nexport { Foldable, installFoldablePolyfill };\n//# sourceMappingURL=index.js.map","const MEDIUM_WIDTH = 600;\nconst EXPANDED_WIDTH = 840;\nconst LARGE_WIDTH = 1200;\nconst EXTRA_LARGE_WIDTH = 1600;\nconst MEDIUM_HEIGHT = 480;\nconst EXPANDED_HEIGHT = 900;\nfunction widthClassOf(width) {\n    if (width >= EXTRA_LARGE_WIDTH)\n        return 'extraLarge';\n    if (width >= LARGE_WIDTH)\n        return 'large';\n    if (width >= EXPANDED_WIDTH)\n        return 'expanded';\n    if (width >= MEDIUM_WIDTH)\n        return 'medium';\n    return 'compact';\n}\nfunction heightClassOf(height) {\n    if (height >= EXPANDED_HEIGHT)\n        return 'expanded';\n    if (height >= MEDIUM_HEIGHT)\n        return 'medium';\n    return 'compact';\n}\nexport function sizeClassOf(width, height) {\n    return {\n        horizontal: width >= MEDIUM_WIDTH ? 'regular' : 'compact',\n        vertical: height >= MEDIUM_HEIGHT ? 'regular' : 'compact',\n        widthClass: widthClassOf(width),\n        heightClass: heightClassOf(height),\n    };\n}\n//# sourceMappingURL=size-class.js.map","import { WebPlugin } from '@capacitor/core';\nimport { sizeClassOf } from './size-class';\nexport class FoldableWeb extends WebPlugin {\n    constructor() {\n        super();\n        this.sizeClass = sizeClassOf(window.innerWidth, window.innerHeight);\n        window.addEventListener('resize', () => {\n            const next = sizeClassOf(window.innerWidth, window.innerHeight);\n            if (JSON.stringify(next) === JSON.stringify(this.sizeClass))\n                return;\n            this.sizeClass = next;\n            this.notifyListeners('sizeClassChange', next);\n        });\n    }\n    async isDeviceFoldable() {\n        return { foldable: false, supportsTabletop: false };\n    }\n    async getFoldState() {\n        return { state: 'flat', isSeparating: false, posture: 'flat' };\n    }\n    async setVerticalBarBehavior() {\n        return { applied: false };\n    }\n    async getReservedRegions() {\n        return { regions: [] };\n    }\n    async getHingeAngle() {\n        return { angle: null, status: null };\n    }\n    async getSizeClass() {\n        return sizeClassOf(window.innerWidth, window.innerHeight);\n    }\n    async getDisplayModes() {\n        return { rearDisplay: 'unsupported', dualScreen: 'unsupported' };\n    }\n    async getBarPlacement() {\n        return { verticalBarEdge: null };\n    }\n    async startRearDisplay() {\n        throw this.unavailable('Rear display mode is only available on Android.');\n    }\n    stopRearDisplay() {\n        return Promise.resolve();\n    }\n    async startDualScreen() {\n        throw this.unavailable('Dual-screen mode is only available on Android.');\n    }\n    stopDualScreen() {\n        return Promise.resolve();\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["Capacitor","registerPlugin","WebPlugin"],"mappings":"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"}

package/dist/plugin.js

@@ -9,16 +9,30 @@ var capacitorFoldable = (function (exports, core) {
     ];
     const BAR_CLASSES = ['vertical-bars-leading', 'vertical-bars-trailing'];
     const FOLD_CLASSES = ['fold-vertical', 'fold-horizontal'];
-    const FOLD_VARIABLES = ['--fold-left', '--fold-top', '--fold-width', '--fold-height'];
-    function foldCssFor(hingeBounds, hingeOrientation) {
+    const FOLD_VARIABLES = [
+        '--fold-left',
+        '--fold-top',
+        '--fold-width',
+        '--fold-height',
+        '--fold-margin-top',
+        '--fold-margin-right',
+        '--fold-margin-bottom',
+        '--fold-margin-left',
+    ];
+    function foldCssFor(hingeBounds, hingeOrientation, hingeMargins) {
         if (!hingeBounds || !hingeOrientation)
             return { variables: {}, className: null };
+        const margins = hingeMargins !== null && hingeMargins !== void 0 ? hingeMargins : { top: 0, right: 0, bottom: 0, left: 0 };
         return {
             variables: {
                 '--fold-left': `${hingeBounds.x}px`,
                 '--fold-top': `${hingeBounds.y}px`,
                 '--fold-width': `${hingeBounds.width}px`,
                 '--fold-height': `${hingeBounds.height}px`,
+                '--fold-margin-top': `${margins.top}px`,
+                '--fold-margin-right': `${margins.right}px`,
+                '--fold-margin-bottom': `${margins.bottom}px`,
+                '--fold-margin-left': `${margins.left}px`,
             },
             className: `fold-${hingeOrientation}`,
         };
@@ -154,7 +168,7 @@ var capacitorFoldable = (function (exports, core) {
                 root.style.setProperty(name, css.variables[name]);
             for (const name of CSS_CLASSES)
                 root.classList.toggle(name, css.classes.includes(name));
-            const foldCss = foldCssFor(fold === null || fold === void 0 ? void 0 : fold.hingeBounds, fold === null || fold === void 0 ? void 0 : fold.hingeOrientation);
+            const foldCss = foldCssFor(fold === null || fold === void 0 ? void 0 : fold.hingeBounds, fold === null || fold === void 0 ? void 0 : fold.hingeOrientation, fold === null || fold === void 0 ? void 0 : fold.hingeMargins);
             for (const name of FOLD_VARIABLES) {
                 if (foldCss.variables[name])
                     root.style.setProperty(name, foldCss.variables[name]);
@@ -169,12 +183,17 @@ var capacitorFoldable = (function (exports, core) {
             fold = next;
             posture === null || posture === void 0 ? void 0 : posture.update(postureOf(next));
             applyCss();
+            // The web view can report the previous window size for a moment after the
+            // app moves between displays, so measure again once it has settled.
+            requestAnimationFrame(applyCss);
+            setTimeout(applyCss, 300);
         };
         const applyBars = ({ verticalBarEdge }) => {
             const active = barClassFor(verticalBarEdge);
             for (const name of BAR_CLASSES)
                 root.classList.toggle(name, name === active);
         };
+        await plugin.addListener('foldingChange', ({ folding }) => root.classList.toggle('folding', folding));
         window.addEventListener('resize', applyCss);
         await plugin.addListener('foldStateChange', apply);
         await plugin.addListener('barPlacementChange', applyBars);
@@ -238,8 +257,14 @@ var capacitorFoldable = (function (exports, core) {
         async getFoldState() {
             return { state: 'flat', isSeparating: false, posture: 'flat' };
         }
+        async setVerticalBarBehavior() {
+            return { applied: false };
+        }
+        async getReservedRegions() {
+            return { regions: [] };
+        }
         async getHingeAngle() {
-            return { angle: null };
+            return { angle: null, status: null };
         }
         async getSizeClass() {
             return sizeClassOf(window.innerWidth, window.innerHeight);