@erkamyaman/capacitor-foldable 8.0.0 → 8.0.2

package/README.md

@@ -10,6 +10,16 @@
 Fold state, posture, hinge angle, size classes and bar placement for foldable phones such as Galaxy Z Fold and Flip, Pixel Fold and iPhone Duo, in Capacitor apps.
 </p>
 
+<p align="center">
+<img height="240" alt="iPhone Duo closed, on the outer display" src="https://raw.githubusercontent.com/erkamyaman/capacitor-foldable/main/docs/images/iphone-duo-closed.png">
+<img height="240" alt="iPhone Duo half-open in book posture" src="https://raw.githubusercontent.com/erkamyaman/capacitor-foldable/main/docs/images/iphone-duo-book.png">
+<img height="240" alt="iPhone Duo fully open" src="https://raw.githubusercontent.com/erkamyaman/capacitor-foldable/main/docs/images/iphone-duo-open.png">
+</p>
+<p align="center">
+<img height="300" alt="Pixel Fold in tabletop posture" src="https://raw.githubusercontent.com/erkamyaman/capacitor-foldable/main/docs/images/android-tabletop.jpg">
+<img height="300" alt="Pixel Fold half-open in book posture" src="https://raw.githubusercontent.com/erkamyaman/capacitor-foldable/main/docs/images/android-book.jpg">
+</p>
+
 ```typescript
 const { state, hingeOrientation } = await Foldable.getFoldState();
 // { state: 'half-opened', hingeOrientation: 'horizontal' }
@@ -39,7 +49,7 @@ Web views already resize with the window, so a responsive layout that pads with
 - **How the device is held**: flat, tabletop or book.
 - **The hinge angle**, for effects and interactions.
 - **Outer or inner display**, and Material window size classes.
-- **Where iPhone Duo puts native bars**, so your HTML tab bar can follow.
+- **Where iPhone Duo puts native bars**, so your HTML tab bar can follow. For Ionic's `ion-tabs` there's a ready-made stylesheet, plus a fix for the tab bar disappearing when you fold.
 - **The outer display on Android foldables**: rear display and dual screen.
 
 ## Installation
@@ -86,6 +96,8 @@ window.viewport.segments; // two DOMRects when the fold splits the web view
 | `env(viewport-segment-width 0 0)` | `var(--viewport-segment-width-0-0)` |
 | Native bars moved to the side (iPhone Duo) | `.vertical-bars-leading`, `.vertical-bars-trailing` |
 
+Using Ionic's `ion-tabs`? `import '@erkamyaman/capacitor-foldable/ionic-tabs.css'` moves it to the side the way native tab bars do on iPhone Duo. See [Ionic tabs](docs/iphone-duo.md#ionic-tabs).
+
 ## Guides
 
 - [Examples](docs/examples.md)

package/dist/esm/css.d.ts

@@ -2,6 +2,7 @@ import type { SegmentRect } from './segments';
 export declare const CSS_CLASSES: string[];
 export declare const BAR_CLASSES: string[];
 export declare function barClassFor(edge: 'leading' | 'trailing' | null): string | null;
+export declare function verticalTabBarBottom(cameras: SegmentRect[], viewportHeight: number): number;
 export declare function cssFor(segments: SegmentRect[], posture: 'continuous' | 'folded'): {
     variables: Record<string, string>;
     classes: string[];

package/dist/esm/css.js

@@ -8,6 +8,15 @@ export const BAR_CLASSES = ['vertical-bars-leading', 'vertical-bars-trailing'];
 export function barClassFor(edge) {
     return edge ? `vertical-bars-${edge}` : null;
 }
+const TAB_BAR_MARGIN = 24;
+const CAMERA_GAP = 15;
+export function verticalTabBarBottom(cameras, viewportHeight) {
+    const below = cameras.filter((camera) => camera.y > viewportHeight / 2);
+    const camera = below.sort((a, b) => a.width * a.height - b.width * b.height)[0];
+    if (!camera)
+        return TAB_BAR_MARGIN;
+    return Math.max(TAB_BAR_MARGIN, Math.round(viewportHeight - camera.y + CAMERA_GAP));
+}
 export function cssFor(segments, posture) {
     const stacked = segments.length > 1 && segments[1].y > segments[0].y;
     const variables = {};

package/dist/esm/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","sourceRoot":"","sources":["../../src/css.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,gCAAgC;IAChC,8BAA8B;IAC9B,2BAA2B;IAC3B,uBAAuB;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,uBAAuB,EAAE,wBAAwB,CAAC,CAAC;AAE/E,MAAM,UAAU,WAAW,CAAC,IAAmC;IAC7D,OAAO,IAAI,CAAC,CAAC,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,MAAM,CACpB,QAAuB,EACvB,OAAgC;IAEhC,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE,MAAM,SAAS,GAA2B,EAAE,CAAC;IAE7C,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QAClC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC;QACrD,SAAS,CAAC,0BAA0B,MAAM,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC;QACjE,SAAS,CAAC,2BAA2B,MAAM,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC;QAClE,SAAS,CAAC,6BAA6B,MAAM,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,IAAI,CAAC;QACrF,SAAS,CAAC,4BAA4B,MAAM,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,IAAI,CAAC;QACnF,SAAS,CAAC,4BAA4B,MAAM,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,KAAK,IAAI,CAAC;QACvE,SAAS,CAAC,6BAA6B,MAAM,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,IAAI,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,CAAC,kBAAkB,OAAO,EAAE,CAAC,CAAC;IAC9C,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC;IAC5F,CAAC;IAED,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAChC,CAAC","sourcesContent":["import type { SegmentRect } from './segments';\n\nexport const CSS_CLASSES = [\n  'horizontal-viewport-segments-2',\n  'vertical-viewport-segments-2',\n  'device-posture-continuous',\n  'device-posture-folded',\n];\n\nexport const BAR_CLASSES = ['vertical-bars-leading', 'vertical-bars-trailing'];\n\nexport function barClassFor(edge: 'leading' | 'trailing' | null): string | null {\n  return edge ? `vertical-bars-${edge}` : null;\n}\n\nexport function cssFor(\n  segments: SegmentRect[],\n  posture: 'continuous' | 'folded',\n): { variables: Record<string, string>; classes: string[] } {\n  const stacked = segments.length > 1 && segments[1].y > segments[0].y;\n  const variables: Record<string, string> = {};\n\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\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\n  return { variables, classes };\n}\n"]}
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../src/css.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,gCAAgC;IAChC,8BAA8B;IAC9B,2BAA2B;IAC3B,uBAAuB;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,uBAAuB,EAAE,wBAAwB,CAAC,CAAC;AAE/E,MAAM,UAAU,WAAW,CAAC,IAAmC;IAC7D,OAAO,IAAI,CAAC,CAAC,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/C,CAAC;AAED,MAAM,cAAc,GAAG,EAAE,CAAC;AAC1B,MAAM,UAAU,GAAG,EAAE,CAAC;AAEtB,MAAM,UAAU,oBAAoB,CAAC,OAAsB,EAAE,cAAsB;IACjF,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,GAAG,cAAc,GAAG,CAAC,CAAC,CAAC;IACxE,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAChF,IAAI,CAAC,MAAM;QAAE,OAAO,cAAc,CAAC;IACnC,OAAO,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,MAAM,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;AACtF,CAAC;AAED,MAAM,UAAU,MAAM,CACpB,QAAuB,EACvB,OAAgC;IAEhC,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE,MAAM,SAAS,GAA2B,EAAE,CAAC;IAE7C,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QAClC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC;QACrD,SAAS,CAAC,0BAA0B,MAAM,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC;QACjE,SAAS,CAAC,2BAA2B,MAAM,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC;QAClE,SAAS,CAAC,6BAA6B,MAAM,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,IAAI,CAAC;QACrF,SAAS,CAAC,4BAA4B,MAAM,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,IAAI,CAAC;QACnF,SAAS,CAAC,4BAA4B,MAAM,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,KAAK,IAAI,CAAC;QACvE,SAAS,CAAC,6BAA6B,MAAM,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,IAAI,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,CAAC,kBAAkB,OAAO,EAAE,CAAC,CAAC;IAC9C,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC;IAC5F,CAAC;IAED,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAChC,CAAC","sourcesContent":["import type { SegmentRect } from './segments';\n\nexport const CSS_CLASSES = [\n  'horizontal-viewport-segments-2',\n  'vertical-viewport-segments-2',\n  'device-posture-continuous',\n  'device-posture-folded',\n];\n\nexport const BAR_CLASSES = ['vertical-bars-leading', 'vertical-bars-trailing'];\n\nexport function barClassFor(edge: 'leading' | 'trailing' | null): string | null {\n  return edge ? `vertical-bars-${edge}` : null;\n}\n\nconst TAB_BAR_MARGIN = 24;\nconst CAMERA_GAP = 15;\n\nexport function verticalTabBarBottom(cameras: SegmentRect[], viewportHeight: number): number {\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) return TAB_BAR_MARGIN;\n  return Math.max(TAB_BAR_MARGIN, Math.round(viewportHeight - camera.y + CAMERA_GAP));\n}\n\nexport function cssFor(\n  segments: SegmentRect[],\n  posture: 'continuous' | 'folded',\n): { variables: Record<string, string>; classes: string[] } {\n  const stacked = segments.length > 1 && segments[1].y > segments[0].y;\n  const variables: Record<string, string> = {};\n\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\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\n  return { variables, classes };\n}\n"]}

package/dist/esm/definitions.d.ts

@@ -136,6 +136,21 @@ export interface BarPlacement {
      */
     verticalBarEdge: 'leading' | 'trailing' | null;
 }
+export interface FoldablePolyfillOptions {
+    /**
+     * Take over hiding Ionic's tab bar while the keyboard is open. iPhone Duo
+     * reports a keyboard on every fold, and Ionic waits for the window to return
+     * to the height it had when the keyboard first opened, so its tab bar can
+     * disappear until the device is folded back. With this on, the keyboard events
+     * never reach Ionic, and a `foldable-keyboard-open` class on `<html>` marks
+     * when a text field really has the keyboard. `ionic-tabs.css` hides the tab
+     * bar with it.
+     *
+     * @default false
+     * @since 8.0.2
+     */
+    ionicKeyboard?: boolean;
+}
 export interface FoldablePlugin {
     /**
      * Whether the device has a fold at all, and whether it can be propped half

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 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 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"]}

package/dist/esm/index.d.ts

@@ -1,5 +1,5 @@
-import type { FoldablePlugin } from './definitions';
+import type { FoldablePlugin, FoldablePolyfillOptions } from './definitions';
 declare const Foldable: FoldablePlugin;
-declare const installFoldablePolyfill: () => Promise<void>;
+declare const installFoldablePolyfill: (options?: FoldablePolyfillOptions) => Promise<void>;
 export * from './definitions';
 export { Foldable, installFoldablePolyfill };

package/dist/esm/index.js

@@ -3,7 +3,7 @@ import { install } from './polyfill';
 const Foldable = registerPlugin('Foldable', {
     web: () => import('./web').then((m) => new m.FoldableWeb()),
 });
-const installFoldablePolyfill = () => install(Foldable);
+const installFoldablePolyfill = (options) => install(Foldable, options);
 export * from './definitions';
 export { Foldable, installFoldablePolyfill };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,QAAQ,GAAG,cAAc,CAAiB,UAAU,EAAE;IAC1D,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;CAC5D,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,GAAkB,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AAEvE,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,CAAC","sourcesContent":["import { registerPlugin } from '@capacitor/core';\n\nimport type { FoldablePlugin } from './definitions';\nimport { install } from './polyfill';\n\nconst Foldable = registerPlugin<FoldablePlugin>('Foldable', {\n  web: () => import('./web').then((m) => new m.FoldableWeb()),\n});\n\nconst installFoldablePolyfill = (): Promise<void> => install(Foldable);\n\nexport * from './definitions';\nexport { Foldable, installFoldablePolyfill };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,QAAQ,GAAG,cAAc,CAAiB,UAAU,EAAE;IAC1D,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;CAC5D,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,CAAC,OAAiC,EAAiB,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAEjH,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,CAAC","sourcesContent":["import { registerPlugin } from '@capacitor/core';\n\nimport type { FoldablePlugin, FoldablePolyfillOptions } from './definitions';\nimport { install } from './polyfill';\n\nconst Foldable = registerPlugin<FoldablePlugin>('Foldable', {\n  web: () => import('./web').then((m) => new m.FoldableWeb()),\n});\n\nconst installFoldablePolyfill = (options?: FoldablePolyfillOptions): Promise<void> => install(Foldable, options);\n\nexport * from './definitions';\nexport { Foldable, installFoldablePolyfill };\n"]}

package/dist/esm/keyboard.d.ts

@@ -0,0 +1,9 @@
+export declare const KEYBOARD_CLASS = "foldable-keyboard-open";
+interface KeyboardDocument {
+    readonly activeElement: Element | null;
+    readonly documentElement: {
+        readonly classList: DOMTokenList;
+    };
+}
+export declare function takeOverKeyboard(target: EventTarget, doc: KeyboardDocument): void;
+export {};

package/dist/esm/keyboard.js

@@ -0,0 +1,16 @@
+export const KEYBOARD_CLASS = 'foldable-keyboard-open';
+const SHOW_EVENTS = ['keyboardWillShow', 'keyboardDidShow', 'ionKeyboardDidShow'];
+const isEditing = (element) => !!element &&
+    (element.isContentEditable || ['INPUT', 'TEXTAREA', 'SELECT'].includes(element.tagName));
+export function takeOverKeyboard(target, doc) {
+    const classes = doc.documentElement.classList;
+    for (const name of SHOW_EVENTS) {
+        target.addEventListener(name, (event) => {
+            event.stopImmediatePropagation();
+            if (isEditing(doc.activeElement))
+                classes.add(KEYBOARD_CLASS);
+        }, true);
+    }
+    target.addEventListener('keyboardWillHide', () => classes.remove(KEYBOARD_CLASS), true);
+}
+//# sourceMappingURL=keyboard.js.map

package/dist/esm/keyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard.js","sourceRoot":"","sources":["../../src/keyboard.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,wBAAwB,CAAC;AAEvD,MAAM,WAAW,GAAG,CAAC,kBAAkB,EAAE,iBAAiB,EAAE,oBAAoB,CAAC,CAAC;AAOlF,MAAM,SAAS,GAAG,CAAC,OAAuB,EAAW,EAAE,CACrD,CAAC,CAAC,OAAO;IACT,CAAE,OAAuB,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;AAE5G,MAAM,UAAU,gBAAgB,CAAC,MAAmB,EAAE,GAAqB;IACzE,MAAM,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC;IAE9C,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE,CAAC;QAC/B,MAAM,CAAC,gBAAgB,CACrB,IAAI,EACJ,CAAC,KAAK,EAAE,EAAE;YACR,KAAK,CAAC,wBAAwB,EAAE,CAAC;YACjC,IAAI,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;gBAAE,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAChE,CAAC,EACD,IAAI,CACL,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,CAAC;AAC1F,CAAC","sourcesContent":["export const KEYBOARD_CLASS = 'foldable-keyboard-open';\n\nconst SHOW_EVENTS = ['keyboardWillShow', 'keyboardDidShow', 'ionKeyboardDidShow'];\n\ninterface KeyboardDocument {\n  readonly activeElement: Element | null;\n  readonly documentElement: { readonly classList: DOMTokenList };\n}\n\nconst isEditing = (element: Element | null): boolean =>\n  !!element &&\n  ((element as HTMLElement).isContentEditable || ['INPUT', 'TEXTAREA', 'SELECT'].includes(element.tagName));\n\nexport function takeOverKeyboard(target: EventTarget, doc: KeyboardDocument): void {\n  const classes = doc.documentElement.classList;\n\n  for (const name of SHOW_EVENTS) {\n    target.addEventListener(\n      name,\n      (event) => {\n        event.stopImmediatePropagation();\n        if (isEditing(doc.activeElement)) classes.add(KEYBOARD_CLASS);\n      },\n      true,\n    );\n  }\n\n  target.addEventListener('keyboardWillHide', () => classes.remove(KEYBOARD_CLASS), true);\n}\n"]}

package/dist/esm/polyfill.d.ts

@@ -1,4 +1,4 @@
-import type { FoldablePlugin } from './definitions';
+import type { FoldablePlugin, FoldablePolyfillOptions } from './definitions';
 type DevicePostureType = 'continuous' | 'folded';
 declare global {
     interface DevicePosture extends EventTarget {
@@ -15,5 +15,5 @@ declare global {
         readonly viewport: Viewport;
     }
 }
-export declare function install(plugin: FoldablePlugin): Promise<void>;
+export declare function install(plugin: FoldablePlugin, options?: FoldablePolyfillOptions): Promise<void>;
 export {};

package/dist/esm/polyfill.js

@@ -1,5 +1,6 @@
 import { Capacitor } from '@capacitor/core';
-import { BAR_CLASSES, barClassFor, CSS_CLASSES, cssFor } from './css';
+import { BAR_CLASSES, barClassFor, CSS_CLASSES, cssFor, verticalTabBarBottom } from './css';
+import { takeOverKeyboard } from './keyboard';
 import { splitViewport } from './segments';
 class DevicePosturePolyfill extends EventTarget {
     constructor() {
@@ -22,13 +23,15 @@ class DevicePosturePolyfill extends EventTarget {
 }
 const postureOf = (fold) => (fold === null || fold === void 0 ? void 0 : fold.state) === 'half-opened' ? 'folded' : 'continuous';
 let installation = null;
-export function install(plugin) {
+export function install(plugin, options = {}) {
     if (!Capacitor.isNativePlatform())
         return Promise.resolve();
-    installation !== null && installation !== void 0 ? installation : (installation = run(plugin));
+    installation !== null && installation !== void 0 ? installation : (installation = run(plugin, options));
     return installation;
 }
-async function run(plugin) {
+async function run(plugin, options) {
+    if (options.ionicKeyboard)
+        takeOverKeyboard(window, document);
     let fold = null;
     const currentSegments = () => splitViewport(fold, window.innerWidth, window.innerHeight);
     if (!('Viewport' in window)) {
@@ -48,6 +51,7 @@ async function run(plugin) {
     const root = document.documentElement;
     let variables = [];
     const applyCss = () => {
+        var _a;
         const css = cssFor(currentSegments(), postureOf(fold));
         for (const name of variables)
             root.style.removeProperty(name);
@@ -56,6 +60,7 @@ async function run(plugin) {
             root.style.setProperty(name, css.variables[name]);
         for (const name of CSS_CLASSES)
             root.classList.toggle(name, css.classes.includes(name));
+        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`);
     };
     const apply = (next) => {
         fold = next;

package/dist/esm/polyfill.js.map

@@ -1 +1 @@
-{"version":3,"file":"polyfill.js","sourceRoot":"","sources":["../../src/polyfill.ts"],"names":[],"mappings":"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","sourcesContent":["import { Capacitor } from '@capacitor/core';\n\nimport { BAR_CLASSES, barClassFor, CSS_CLASSES, cssFor } from './css';\nimport type { BarPlacement, FoldablePlugin, FoldState } from './definitions';\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): Promise<void> {\n  if (!Capacitor.isNativePlatform()) return Promise.resolve();\n\n  installation ??= run(plugin);\n  return installation;\n}\n\nasync function run(plugin: FoldablePlugin): Promise<void> {\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  };\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 { BAR_CLASSES, barClassFor, CSS_CLASSES, cssFor, verticalTabBarBottom } 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    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"]}

package/dist/plugin.cjs.js

@@ -12,6 +12,15 @@ const BAR_CLASSES = ['vertical-bars-leading', 'vertical-bars-trailing'];
 function barClassFor(edge) {
     return edge ? `vertical-bars-${edge}` : null;
 }
+const TAB_BAR_MARGIN = 24;
+const CAMERA_GAP = 15;
+function verticalTabBarBottom(cameras, viewportHeight) {
+    const below = cameras.filter((camera) => camera.y > viewportHeight / 2);
+    const camera = below.sort((a, b) => a.width * a.height - b.width * b.height)[0];
+    if (!camera)
+        return TAB_BAR_MARGIN;
+    return Math.max(TAB_BAR_MARGIN, Math.round(viewportHeight - camera.y + CAMERA_GAP));
+}
 function cssFor(segments, posture) {
     const stacked = segments.length > 1 && segments[1].y > segments[0].y;
     const variables = {};
@@ -31,6 +40,22 @@ function cssFor(segments, posture) {
     return { variables, classes };
 }
 
+const KEYBOARD_CLASS = 'foldable-keyboard-open';
+const SHOW_EVENTS = ['keyboardWillShow', 'keyboardDidShow', 'ionKeyboardDidShow'];
+const isEditing = (element) => !!element &&
+    (element.isContentEditable || ['INPUT', 'TEXTAREA', 'SELECT'].includes(element.tagName));
+function takeOverKeyboard(target, doc) {
+    const classes = doc.documentElement.classList;
+    for (const name of SHOW_EVENTS) {
+        target.addEventListener(name, (event) => {
+            event.stopImmediatePropagation();
+            if (isEditing(doc.activeElement))
+                classes.add(KEYBOARD_CLASS);
+        }, true);
+    }
+    target.addEventListener('keyboardWillHide', () => classes.remove(KEYBOARD_CLASS), true);
+}
+
 const EDGE_TOLERANCE = 1;
 function splitViewport(fold, width, height) {
     const whole = [{ x: 0, y: 0, width, height }];
@@ -78,13 +103,15 @@ class DevicePosturePolyfill extends EventTarget {
 }
 const postureOf = (fold) => (fold === null || fold === void 0 ? void 0 : fold.state) === 'half-opened' ? 'folded' : 'continuous';
 let installation = null;
-function install(plugin) {
+function install(plugin, options = {}) {
     if (!core.Capacitor.isNativePlatform())
         return Promise.resolve();
-    installation !== null && installation !== void 0 ? installation : (installation = run(plugin));
+    installation !== null && installation !== void 0 ? installation : (installation = run(plugin, options));
     return installation;
 }
-async function run(plugin) {
+async function run(plugin, options) {
+    if (options.ionicKeyboard)
+        takeOverKeyboard(window, document);
     let fold = null;
     const currentSegments = () => splitViewport(fold, window.innerWidth, window.innerHeight);
     if (!('Viewport' in window)) {
@@ -104,6 +131,7 @@ async function run(plugin) {
     const root = document.documentElement;
     let variables = [];
     const applyCss = () => {
+        var _a;
         const css = cssFor(currentSegments(), postureOf(fold));
         for (const name of variables)
             root.style.removeProperty(name);
@@ -112,6 +140,7 @@ async function run(plugin) {
             root.style.setProperty(name, css.variables[name]);
         for (const name of CSS_CLASSES)
             root.classList.toggle(name, css.classes.includes(name));
+        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`);
     };
     const apply = (next) => {
         fold = next;
@@ -133,7 +162,7 @@ async function run(plugin) {
 const Foldable = core.registerPlugin('Foldable', {
     web: () => Promise.resolve().then(function () { return web; }).then((m) => new m.FoldableWeb()),
 });
-const installFoldablePolyfill = () => install(Foldable);
+const installFoldablePolyfill = (options) => install(Foldable, options);
 
 const MEDIUM_WIDTH = 600;
 const EXPANDED_WIDTH = 840;

package/dist/plugin.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.cjs.js","sources":["esm/css.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 function barClassFor(edge) {\n    return edge ? `vertical-bars-${edge}` : null;\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","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 } from './css';\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) {\n    if (!Capacitor.isNativePlatform())\n        return Promise.resolve();\n    installation !== null && installation !== void 0 ? installation : (installation = run(plugin));\n    return installation;\n}\nasync function run(plugin) {\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        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    };\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 = () => install(Foldable);\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 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, 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        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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"}

package/dist/plugin.js

@@ -11,6 +11,15 @@ var capacitorFoldable = (function (exports, core) {
     function barClassFor(edge) {
         return edge ? `vertical-bars-${edge}` : null;
     }
+    const TAB_BAR_MARGIN = 24;
+    const CAMERA_GAP = 15;
+    function verticalTabBarBottom(cameras, viewportHeight) {
+        const below = cameras.filter((camera) => camera.y > viewportHeight / 2);
+        const camera = below.sort((a, b) => a.width * a.height - b.width * b.height)[0];
+        if (!camera)
+            return TAB_BAR_MARGIN;
+        return Math.max(TAB_BAR_MARGIN, Math.round(viewportHeight - camera.y + CAMERA_GAP));
+    }
     function cssFor(segments, posture) {
         const stacked = segments.length > 1 && segments[1].y > segments[0].y;
         const variables = {};
@@ -30,6 +39,22 @@ var capacitorFoldable = (function (exports, core) {
         return { variables, classes };
     }
 
+    const KEYBOARD_CLASS = 'foldable-keyboard-open';
+    const SHOW_EVENTS = ['keyboardWillShow', 'keyboardDidShow', 'ionKeyboardDidShow'];
+    const isEditing = (element) => !!element &&
+        (element.isContentEditable || ['INPUT', 'TEXTAREA', 'SELECT'].includes(element.tagName));
+    function takeOverKeyboard(target, doc) {
+        const classes = doc.documentElement.classList;
+        for (const name of SHOW_EVENTS) {
+            target.addEventListener(name, (event) => {
+                event.stopImmediatePropagation();
+                if (isEditing(doc.activeElement))
+                    classes.add(KEYBOARD_CLASS);
+            }, true);
+        }
+        target.addEventListener('keyboardWillHide', () => classes.remove(KEYBOARD_CLASS), true);
+    }
+
     const EDGE_TOLERANCE = 1;
     function splitViewport(fold, width, height) {
         const whole = [{ x: 0, y: 0, width, height }];
@@ -77,13 +102,15 @@ var capacitorFoldable = (function (exports, core) {
     }
     const postureOf = (fold) => (fold === null || fold === void 0 ? void 0 : fold.state) === 'half-opened' ? 'folded' : 'continuous';
     let installation = null;
-    function install(plugin) {
+    function install(plugin, options = {}) {
         if (!core.Capacitor.isNativePlatform())
             return Promise.resolve();
-        installation !== null && installation !== void 0 ? installation : (installation = run(plugin));
+        installation !== null && installation !== void 0 ? installation : (installation = run(plugin, options));
         return installation;
     }
-    async function run(plugin) {
+    async function run(plugin, options) {
+        if (options.ionicKeyboard)
+            takeOverKeyboard(window, document);
         let fold = null;
         const currentSegments = () => splitViewport(fold, window.innerWidth, window.innerHeight);
         if (!('Viewport' in window)) {
@@ -103,6 +130,7 @@ var capacitorFoldable = (function (exports, core) {
         const root = document.documentElement;
         let variables = [];
         const applyCss = () => {
+            var _a;
             const css = cssFor(currentSegments(), postureOf(fold));
             for (const name of variables)
                 root.style.removeProperty(name);
@@ -111,6 +139,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));
+            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`);
         };
         const apply = (next) => {
             fold = next;
@@ -132,7 +161,7 @@ var capacitorFoldable = (function (exports, core) {
     const Foldable = core.registerPlugin('Foldable', {
         web: () => Promise.resolve().then(function () { return web; }).then((m) => new m.FoldableWeb()),
     });
-    const installFoldablePolyfill = () => install(Foldable);
+    const installFoldablePolyfill = (options) => install(Foldable, options);
 
     const MEDIUM_WIDTH = 600;
     const EXPANDED_WIDTH = 840;

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["esm/css.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 function barClassFor(edge) {\n    return edge ? `vertical-bars-${edge}` : null;\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","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 } from './css';\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) {\n    if (!Capacitor.isNativePlatform())\n        return Promise.resolve();\n    installation !== null && installation !== void 0 ? installation : (installation = run(plugin));\n    return installation;\n}\nasync function run(plugin) {\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        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    };\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 = () => install(Foldable);\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.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 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, 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        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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"}

package/ionic-tabs-ios26.css

@@ -0,0 +1,54 @@
+html.ios:not(.vertical-bars-leading):not(.vertical-bars-trailing) ion-tab-bar {
+  position: absolute;
+  bottom: 21px;
+  left: 50%;
+  z-index: 10;
+  width: auto;
+  height: 54px;
+  padding: 4px;
+  border: none;
+  border-radius: 31px;
+  contain: none;
+  transform: translateX(-50%);
+  background: rgba(255, 255, 255, 0.78);
+  -webkit-backdrop-filter: blur(12px) saturate(180%);
+  backdrop-filter: blur(12px) saturate(180%);
+  box-shadow:
+    inset 0 0 0 0.5px rgba(0, 0, 0, 0.2),
+    inset 0 0 8px rgba(0, 0, 0, 0.04),
+    0 2px 10px rgba(0, 0, 0, 0.05);
+}
+
+html.ios:not(.vertical-bars-leading):not(.vertical-bars-trailing) ion-tab-button {
+  --background: transparent;
+  --background-focused: transparent;
+  --color: #111;
+  --color-selected: #0088ff;
+  flex: 0 0 auto;
+  width: 88px;
+  max-width: none;
+  height: 54px;
+  border-radius: 27px;
+}
+
+html.ios:not(.vertical-bars-leading):not(.vertical-bars-trailing) ion-tab-button.tab-selected {
+  background: rgba(0, 0, 0, 0.08);
+}
+
+@media (prefers-color-scheme: dark) {
+  html.ios:not(.vertical-bars-leading):not(.vertical-bars-trailing) ion-tab-bar {
+    background: rgba(40, 40, 40, 0.78);
+    box-shadow:
+      inset 0 0 0 0.5px rgba(255, 255, 255, 0.18),
+      inset 0 0 8px rgba(255, 255, 255, 0.04),
+      0 2px 10px rgba(0, 0, 0, 0.3);
+  }
+
+  html.ios:not(.vertical-bars-leading):not(.vertical-bars-trailing) ion-tab-button {
+    --color: #f2f2f2;
+  }
+
+  html.ios:not(.vertical-bars-leading):not(.vertical-bars-trailing) ion-tab-button.tab-selected {
+    background: rgba(255, 255, 255, 0.1);
+  }
+}

package/ionic-tabs.css

@@ -0,0 +1,86 @@
+.vertical-bars-leading ion-tab-bar,
+.vertical-bars-trailing ion-tab-bar {
+  position: absolute;
+  bottom: var(--vertical-tab-bar-bottom, 24px);
+  z-index: 10;
+  flex-direction: column;
+  width: 45px;
+  height: auto;
+  padding: 3px 2px;
+  border: none;
+  border-radius: 24.5px;
+  contain: none;
+  background: rgba(255, 255, 255, 0.78);
+  -webkit-backdrop-filter: blur(12px) saturate(180%);
+  backdrop-filter: blur(12px) saturate(180%);
+  box-shadow:
+    inset 0 0 0 0.5px rgba(0, 0, 0, 0.2),
+    inset 0 0 8px rgba(0, 0, 0, 0.04),
+    0 2px 10px rgba(0, 0, 0, 0.05);
+}
+
+.vertical-bars-leading ion-tab-bar {
+  left: 24px;
+}
+
+.vertical-bars-trailing ion-tab-bar {
+  right: 24px;
+}
+
+.vertical-bars-leading ion-tab-button,
+.vertical-bars-trailing ion-tab-button {
+  --background: transparent;
+  --background-focused: transparent;
+  --color: #111;
+  --color-selected: #0088ff;
+  --padding-start: 0;
+  --padding-end: 0;
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: none;
+  height: 54px;
+  border-radius: 22px;
+}
+
+.vertical-bars-leading ion-tab-button ion-label,
+.vertical-bars-trailing ion-tab-button ion-label {
+  display: none;
+}
+
+.vertical-bars-leading ion-tab-button.tab-selected,
+.vertical-bars-trailing ion-tab-button.tab-selected {
+  background: rgba(0, 0, 0, 0.08);
+}
+
+.vertical-bars-leading ion-content {
+  --padding-start: env(safe-area-inset-left);
+}
+
+.vertical-bars-trailing ion-content {
+  --padding-end: env(safe-area-inset-right);
+}
+
+.foldable-keyboard-open ion-tab-bar {
+  display: none;
+}
+
+@media (prefers-color-scheme: dark) {
+  .vertical-bars-leading ion-tab-bar,
+  .vertical-bars-trailing ion-tab-bar {
+    background: rgba(40, 40, 40, 0.78);
+    box-shadow:
+      inset 0 0 0 0.5px rgba(255, 255, 255, 0.18),
+      inset 0 0 8px rgba(255, 255, 255, 0.04),
+      0 2px 10px rgba(0, 0, 0, 0.3);
+  }
+
+  .vertical-bars-leading ion-tab-button,
+  .vertical-bars-trailing ion-tab-button {
+    --color: #f2f2f2;
+  }
+
+  .vertical-bars-leading ion-tab-button.tab-selected,
+  .vertical-bars-trailing ion-tab-button.tab-selected {
+    background: rgba(255, 255, 255, 0.1);
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@erkamyaman/capacitor-foldable",
-  "version": "8.0.0",
+  "version": "8.0.2",
   "description": "Fold-state and dual-display APIs for foldable devices in Capacitor apps",
   "main": "dist/plugin.cjs.js",
   "module": "dist/esm/index.js",
@@ -8,6 +8,8 @@
   "unpkg": "dist/plugin.js",
   "files": [
     "ErkamyamanCapacitorFoldable.podspec",
+    "ionic-tabs-ios26.css",
+    "ionic-tabs.css",
     "LICENSE",
     "Package.swift",
     "android/build.gradle",
@@ -18,6 +20,10 @@
   ],
   "author": "Erkam Yaman <erkamyaman35@gmail.com>",
   "license": "MIT",
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/erkamyaman"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/erkamyaman/capacitor-foldable.git"
@@ -27,18 +33,24 @@
   },
   "keywords": [
     "capacitor",
+    "capacitor-plugin",
+    "ionic",
     "plugin",
-    "native",
     "foldable",
-    "fold",
     "foldables",
+    "fold",
     "hinge",
-    "dual-screen",
     "posture",
+    "device-posture",
+    "viewport-segments",
+    "polyfill",
+    "dual-screen",
     "large-screen",
     "android",
     "ios",
     "pixel-fold",
+    "galaxy-fold",
+    "jetpack-windowmanager",
     "iphone-duo"
   ],
   "scripts": {