@erkamyaman/capacitor-foldable 7.0.0

package/dist/esm/definitions.d.ts

@@ -0,0 +1,267 @@
+import type { PluginListenerHandle } from '@capacitor/core';
+export interface FoldState {
+    /**
+     * Posture of the fold. `'closed'` is never reported today: a device shut on
+     * its cover display reports `'flat'`.
+     *
+     * @since 7.0.0
+     */
+    state: 'flat' | 'half-opened' | 'closed';
+    /**
+     * Whether the fold splits the web view into two areas: `true` when
+     * half-opened, or when the hinge has a physical gap.
+     *
+     * @since 7.0.0
+     */
+    isSeparating: boolean;
+    /**
+     * How the device is held: `'tabletop'` when half-opened with a horizontal
+     * hinge, like a laptop, `'book'` when half-opened with a vertical hinge, and
+     * `'flat'` otherwise.
+     *
+     * @since 7.0.0
+     */
+    posture: 'flat' | 'tabletop' | 'book';
+    /**
+     * Direction of the hinge relative to the window, so it flips when the device
+     * rotates. Omitted when there is no fold.
+     *
+     * @since 7.0.0
+     */
+    hingeOrientation?: 'horizontal' | 'vertical';
+    /**
+     * Position of the fold in CSS pixels, relative to the web view. Zero wide (or
+     * zero tall) on a seamless fold. Omitted when there is no fold.
+     *
+     * @since 7.0.0
+     */
+    hingeBounds?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    /**
+     * Area of the web view the hinge covers, in CSS pixels. Only present on
+     * devices with a physical gap.
+     *
+     * @since 7.0.0
+     */
+    occludedBounds?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    /**
+     * Which display is showing the app, on a device with an inner and an outer
+     * display such as iPhone Duo. Reported on iPhone Duo (iOS 27.1 or later) and
+     * omitted elsewhere.
+     *
+     * @since 7.0.0
+     */
+    activeDisplay?: 'inner' | 'outer';
+    /**
+     * Areas of the web view covered by a front-facing camera, in CSS pixels. On
+     * Android these are the display cutouts. On iPhone Duo they are the outer
+     * camera and the under-display inner camera while it is in use. Omitted when
+     * there are none.
+     *
+     * @since 7.0.0
+     */
+    cameraBounds?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }[];
+}
+export interface SizeClass {
+    /**
+     * Width size class of the window: `'compact'` on a phone and on the outer
+     * display of a foldable, `'regular'` on the inner display, tablets and wide
+     * windows. On Android and web `'regular'` starts at 600 CSS pixels.
+     *
+     * @since 7.0.0
+     */
+    horizontal: 'compact' | 'regular';
+    /**
+     * Height size class of the window: `'compact'` on a phone in landscape. On
+     * Android and web `'regular'` starts at 480 CSS pixels.
+     *
+     * @since 7.0.0
+     */
+    vertical: 'compact' | 'regular';
+    /**
+     * Material window width class, from the window width in CSS pixels:
+     * `'compact'` below 600, `'medium'` below 840, `'expanded'` below 1200,
+     * `'large'` below 1600 and `'extraLarge'` from 1600.
+     *
+     * @since 7.0.0
+     */
+    widthClass: 'compact' | 'medium' | 'expanded' | 'large' | 'extraLarge';
+    /**
+     * Material window height class, from the window height in CSS pixels:
+     * `'compact'` below 480, `'medium'` below 900 and `'expanded'` from 900.
+     *
+     * @since 7.0.0
+     */
+    heightClass: 'compact' | 'medium' | 'expanded';
+}
+export type DisplayModeStatus = 'unsupported' | 'unavailable' | 'available' | 'active';
+export interface DisplayModes {
+    /**
+     * Rear display mode moves the app to the outer display, so people can frame a
+     * photo with the rear cameras. Only on Android foldables that offer it.
+     *
+     * @since 7.0.0
+     */
+    rearDisplay: DisplayModeStatus;
+    /**
+     * Dual-screen mode shows a second page on the outer display while the app
+     * stays on the inner one. Only on Android foldables that offer it.
+     *
+     * @since 7.0.0
+     */
+    dualScreen: DisplayModeStatus;
+}
+export interface BarPlacement {
+    /**
+     * The edge iPhone Duo moves tab bars and toolbars to when it lays them out
+     * vertically: `'leading'` or `'trailing'` in the reading direction, so
+     * `'leading'` is the left edge in left-to-right languages. `null` when bars
+     * stay horizontal, and always on Android, web and iOS before 27.1.
+     *
+     * @since 7.0.0
+     */
+    verticalBarEdge: 'leading' | 'trailing' | null;
+}
+export interface FoldablePlugin {
+    /**
+     * Whether the device has a fold at all, and whether it can be propped half
+     * open like a laptop. Both `false` on web, and on iOS except on iPhone Duo
+     * (iOS 27.1 or later).
+     *
+     * @since 7.0.0
+     */
+    isDeviceFoldable(): Promise<{
+        foldable: boolean;
+        supportsTabletop: boolean;
+    }>;
+    /**
+     * Read the current fold state. Resolves to
+     * `{ state: 'flat', isSeparating: false, posture: 'flat' }` when there is no
+     * fold information.
+     *
+     * @since 7.0.0
+     */
+    getFoldState(): Promise<FoldState>;
+    /**
+     * Read the angle between the two halves of the device, in degrees: `0` when
+     * closed, `180` when flat. Resolves to `{ angle: null }` on devices without a
+     * hinge angle sensor, on web, and on iOS before 27.1.
+     *
+     * @since 7.0.0
+     */
+    getHingeAngle(): Promise<{
+        angle: number | null;
+    }>;
+    /**
+     * Read the window's size classes: Apple's compact and regular, the signal its
+     * iPhone Duo guidelines recommend for telling the outer display from the inner
+     * one, and Material's width and height classes. On iOS `horizontal` and
+     * `vertical` are UIKit's size classes; everything else comes from the window
+     * size.
+     *
+     * @since 7.0.0
+     */
+    getSizeClass(): Promise<SizeClass>;
+    /**
+     * Read which of the foldable display modes the device offers right now. Both
+     * are `'unsupported'` on iOS and web.
+     *
+     * @since 7.0.0
+     */
+    getDisplayModes(): Promise<DisplayModes>;
+    /**
+     * Read where native bars go. Native tab bars and toolbars move to the side of
+     * the display on iPhone Duo, but HTML ones stay put, so use this to move your
+     * own tab bar too.
+     *
+     * @since 7.0.0
+     */
+    getBarPlacement(): Promise<BarPlacement>;
+    /**
+     * Move the app to the outer display. Android asks the user to confirm first,
+     * and the promise resolves once the app has moved. Rejects when rear display
+     * mode is not `'available'`. Only on Android.
+     *
+     * @since 7.0.0
+     */
+    startRearDisplay(): Promise<void>;
+    /**
+     * Move the app back to the inner display.
+     *
+     * @since 7.0.0
+     */
+    stopRearDisplay(): Promise<void>;
+    /**
+     * Show a page on the outer display while the app stays on the inner one. A
+     * relative `url` resolves against the app's own URL, so `'cover.html'` loads a
+     * page bundled with the app. The page runs in its own web view without access
+     * to Capacitor plugins. Calling this again while dual-screen mode is active
+     * replaces the page. Only on Android.
+     *
+     * @since 7.0.0
+     */
+    startDualScreen(options: {
+        url: string;
+    }): Promise<void>;
+    /**
+     * Close the page on the outer display.
+     *
+     * @since 7.0.0
+     */
+    stopDualScreen(): Promise<void>;
+    /**
+     * Listen for fold state changes. On a foldable this also fires when the
+     * device rotates, because `hingeOrientation` and `hingeBounds` rotate with
+     * the window.
+     *
+     * @since 7.0.0
+     */
+    addListener(eventName: 'foldStateChange', listenerFunc: (state: FoldState) => void): Promise<PluginListenerHandle>;
+    /**
+     * Listen for hinge angle changes. On Android the hinge sensor only runs while
+     * at least one of these listeners is registered. On iOS it fires on iPhone
+     * Duo (iOS 27.1 or later). Never fires on web.
+     *
+     * @since 7.0.0
+     */
+    addListener(eventName: 'hingeAngleChange', listenerFunc: (event: {
+        angle: number;
+    }) => void): Promise<PluginListenerHandle>;
+    /**
+     * Listen for size class changes, such as unfolding the device, rotating it or
+     * resizing the window. On iOS this fires when UIKit's size classes change
+     * (iOS 17 or later) or the device rotates, so a resize that keeps the same
+     * size classes may not update `widthClass` and `heightClass` until then.
+     *
+     * @since 7.0.0
+     */
+    addListener(eventName: 'sizeClassChange', listenerFunc: (sizeClass: SizeClass) => void): Promise<PluginListenerHandle>;
+    /**
+     * Listen for changes to the display modes, including a mode ending because
+     * the user folded or unfolded the device. Never fires on iOS and web.
+     *
+     * @since 7.0.0
+     */
+    addListener(eventName: 'displayModeChange', listenerFunc: (modes: DisplayModes) => void): Promise<PluginListenerHandle>;
+    /**
+     * Listen for bar placement changes, such as opening or rotating iPhone Duo.
+     * Only fires on iOS 27.1 or later.
+     *
+     * @since 7.0.0
+     */
+    addListener(eventName: 'barPlacementChange', listenerFunc: (placement: BarPlacement) => void): Promise<PluginListenerHandle>;
+}

package/dist/esm/definitions.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=definitions.js.map

package/dist/esm/definitions.js.map

@@ -0,0 +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"]}

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -0,0 +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"]}

package/dist/esm/polyfill.d.ts

@@ -0,0 +1,19 @@
+import type { FoldablePlugin } from './definitions';
+type DevicePostureType = 'continuous' | 'folded';
+declare global {
+    interface DevicePosture extends EventTarget {
+        readonly type: DevicePostureType;
+        onchange: ((this: DevicePosture, event: Event) => unknown) | null;
+    }
+    interface Viewport {
+        readonly segments: readonly DOMRect[];
+    }
+    interface Navigator {
+        readonly devicePosture: DevicePosture;
+    }
+    interface Window {
+        readonly viewport: Viewport;
+    }
+}
+export declare function install(plugin: FoldablePlugin): Promise<void>;
+export {};

package/dist/esm/polyfill.js

@@ -0,0 +1,76 @@
+import { Capacitor } from '@capacitor/core';
+import { BAR_CLASSES, barClassFor, CSS_CLASSES, cssFor } from './css';
+import { splitViewport } from './segments';
+class DevicePosturePolyfill extends EventTarget {
+    constructor() {
+        super(...arguments);
+        this.onchange = null;
+        this.current = 'continuous';
+    }
+    get type() {
+        return this.current;
+    }
+    update(type) {
+        var _a;
+        if (type === this.current)
+            return;
+        this.current = type;
+        const event = new Event('change');
+        (_a = this.onchange) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        this.dispatchEvent(event);
+    }
+}
+const postureOf = (fold) => (fold === null || fold === void 0 ? void 0 : fold.state) === 'half-opened' ? 'folded' : 'continuous';
+let installation = null;
+export function install(plugin) {
+    if (!Capacitor.isNativePlatform())
+        return Promise.resolve();
+    installation !== null && installation !== void 0 ? installation : (installation = run(plugin));
+    return installation;
+}
+async function run(plugin) {
+    let fold = null;
+    const currentSegments = () => splitViewport(fold, window.innerWidth, window.innerHeight);
+    if (!('Viewport' in window)) {
+        Object.defineProperty(window, 'viewport', {
+            configurable: true,
+            value: {
+                get segments() {
+                    return Object.freeze(currentSegments().map((rect) => new DOMRect(rect.x, rect.y, rect.width, rect.height)));
+                },
+            },
+        });
+    }
+    const posture = 'DevicePosture' in window ? null : new DevicePosturePolyfill();
+    if (posture) {
+        Object.defineProperty(navigator, 'devicePosture', { configurable: true, value: posture });
+    }
+    const root = document.documentElement;
+    let variables = [];
+    const applyCss = () => {
+        const css = cssFor(currentSegments(), postureOf(fold));
+        for (const name of variables)
+            root.style.removeProperty(name);
+        variables = Object.keys(css.variables);
+        for (const name of variables)
+            root.style.setProperty(name, css.variables[name]);
+        for (const name of CSS_CLASSES)
+            root.classList.toggle(name, css.classes.includes(name));
+    };
+    const apply = (next) => {
+        fold = next;
+        posture === null || posture === void 0 ? void 0 : posture.update(postureOf(next));
+        applyCss();
+    };
+    const applyBars = ({ verticalBarEdge }) => {
+        const active = barClassFor(verticalBarEdge);
+        for (const name of BAR_CLASSES)
+            root.classList.toggle(name, name === active);
+    };
+    window.addEventListener('resize', applyCss);
+    await plugin.addListener('foldStateChange', apply);
+    await plugin.addListener('barPlacementChange', applyBars);
+    apply(await plugin.getFoldState());
+    applyBars(await plugin.getBarPlacement());
+}
+//# sourceMappingURL=polyfill.js.map

package/dist/esm/polyfill.js.map

@@ -0,0 +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"]}

package/dist/esm/segments.d.ts

@@ -0,0 +1,8 @@
+import type { FoldState } from './definitions';
+export interface SegmentRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export declare function splitViewport(fold: FoldState | null, width: number, height: number): SegmentRect[];

package/dist/esm/segments.js

@@ -0,0 +1,26 @@
+const EDGE_TOLERANCE = 1;
+export function splitViewport(fold, width, height) {
+    const whole = [{ x: 0, y: 0, width, height }];
+    const hinge = fold === null || fold === void 0 ? void 0 : fold.hingeBounds;
+    if (!(fold === null || fold === void 0 ? void 0 : fold.isSeparating) || !hinge)
+        return whole;
+    if (fold.hingeOrientation === 'vertical') {
+        const right = hinge.x + hinge.width;
+        const spansHeight = hinge.y <= EDGE_TOLERANCE && hinge.y + hinge.height >= height - EDGE_TOLERANCE;
+        if (!spansHeight || hinge.x <= 0 || right >= width)
+            return whole;
+        return [
+            { x: 0, y: 0, width: hinge.x, height },
+            { x: right, y: 0, width: width - right, height },
+        ];
+    }
+    const bottom = hinge.y + hinge.height;
+    const spansWidth = hinge.x <= EDGE_TOLERANCE && hinge.x + hinge.width >= width - EDGE_TOLERANCE;
+    if (!spansWidth || hinge.y <= 0 || bottom >= height)
+        return whole;
+    return [
+        { x: 0, y: 0, width, height: hinge.y },
+        { x: 0, y: bottom, width, height: height - bottom },
+    ];
+}
+//# sourceMappingURL=segments.js.map

package/dist/esm/segments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segments.js","sourceRoot":"","sources":["../../src/segments.ts"],"names":[],"mappings":"AASA,MAAM,cAAc,GAAG,CAAC,CAAC;AAEzB,MAAM,UAAU,aAAa,CAAC,IAAsB,EAAE,KAAa,EAAE,MAAc;IACjF,MAAM,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAE9C,MAAM,KAAK,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAC;IAChC,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CAAA,IAAI,CAAC,KAAK;QAAE,OAAO,KAAK,CAAC;IAEhD,IAAI,IAAI,CAAC,gBAAgB,KAAK,UAAU,EAAE,CAAC;QACzC,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC;QACpC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,IAAI,cAAc,IAAI,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI,MAAM,GAAG,cAAc,CAAC;QACnG,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,KAAK;YAAE,OAAO,KAAK,CAAC;QAEjE,OAAO;YACL,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE;YACtC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,MAAM,EAAE;SACjD,CAAC;IACJ,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;IACtC,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,IAAI,cAAc,IAAI,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,GAAG,cAAc,CAAC;IAChG,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,MAAM,IAAI,MAAM;QAAE,OAAO,KAAK,CAAC;IAElE,OAAO;QACL,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,EAAE;QACtC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE;KACpD,CAAC;AACJ,CAAC","sourcesContent":["import type { FoldState } from './definitions';\n\nexport interface SegmentRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nconst EDGE_TOLERANCE = 1;\n\nexport function splitViewport(fold: FoldState | null, width: number, height: number): SegmentRect[] {\n  const whole = [{ x: 0, y: 0, width, height }];\n\n  const hinge = fold?.hingeBounds;\n  if (!fold?.isSeparating || !hinge) return whole;\n\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) return whole;\n\n    return [\n      { x: 0, y: 0, width: hinge.x, height },\n      { x: right, y: 0, width: width - right, height },\n    ];\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) return whole;\n\n  return [\n    { x: 0, y: 0, width, height: hinge.y },\n    { x: 0, y: bottom, width, height: height - bottom },\n  ];\n}\n"]}

package/dist/esm/size-class.d.ts

@@ -0,0 +1,2 @@
+import type { SizeClass } from './definitions';
+export declare function sizeClassOf(width: number, height: number): SizeClass;

package/dist/esm/size-class.js

@@ -0,0 +1,33 @@
+const MEDIUM_WIDTH = 600;
+const EXPANDED_WIDTH = 840;
+const LARGE_WIDTH = 1200;
+const EXTRA_LARGE_WIDTH = 1600;
+const MEDIUM_HEIGHT = 480;
+const EXPANDED_HEIGHT = 900;
+function widthClassOf(width) {
+    if (width >= EXTRA_LARGE_WIDTH)
+        return 'extraLarge';
+    if (width >= LARGE_WIDTH)
+        return 'large';
+    if (width >= EXPANDED_WIDTH)
+        return 'expanded';
+    if (width >= MEDIUM_WIDTH)
+        return 'medium';
+    return 'compact';
+}
+function heightClassOf(height) {
+    if (height >= EXPANDED_HEIGHT)
+        return 'expanded';
+    if (height >= MEDIUM_HEIGHT)
+        return 'medium';
+    return 'compact';
+}
+export function sizeClassOf(width, height) {
+    return {
+        horizontal: width >= MEDIUM_WIDTH ? 'regular' : 'compact',
+        vertical: height >= MEDIUM_HEIGHT ? 'regular' : 'compact',
+        widthClass: widthClassOf(width),
+        heightClass: heightClassOf(height),
+    };
+}
+//# sourceMappingURL=size-class.js.map

package/dist/esm/size-class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-class.js","sourceRoot":"","sources":["../../src/size-class.ts"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAAG,GAAG,CAAC;AACzB,MAAM,cAAc,GAAG,GAAG,CAAC;AAC3B,MAAM,WAAW,GAAG,IAAI,CAAC;AACzB,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAC/B,MAAM,aAAa,GAAG,GAAG,CAAC;AAC1B,MAAM,eAAe,GAAG,GAAG,CAAC;AAE5B,SAAS,YAAY,CAAC,KAAa;IACjC,IAAI,KAAK,IAAI,iBAAiB;QAAE,OAAO,YAAY,CAAC;IACpD,IAAI,KAAK,IAAI,WAAW;QAAE,OAAO,OAAO,CAAC;IACzC,IAAI,KAAK,IAAI,cAAc;QAAE,OAAO,UAAU,CAAC;IAC/C,IAAI,KAAK,IAAI,YAAY;QAAE,OAAO,QAAQ,CAAC;IAC3C,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,aAAa,CAAC,MAAc;IACnC,IAAI,MAAM,IAAI,eAAe;QAAE,OAAO,UAAU,CAAC;IACjD,IAAI,MAAM,IAAI,aAAa;QAAE,OAAO,QAAQ,CAAC;IAC7C,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAa,EAAE,MAAc;IACvD,OAAO;QACL,UAAU,EAAE,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACzD,QAAQ,EAAE,MAAM,IAAI,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACzD,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC;QAC/B,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC;KACnC,CAAC;AACJ,CAAC","sourcesContent":["import type { SizeClass } from './definitions';\n\nconst MEDIUM_WIDTH = 600;\nconst EXPANDED_WIDTH = 840;\nconst LARGE_WIDTH = 1200;\nconst EXTRA_LARGE_WIDTH = 1600;\nconst MEDIUM_HEIGHT = 480;\nconst EXPANDED_HEIGHT = 900;\n\nfunction widthClassOf(width: number): SizeClass['widthClass'] {\n  if (width >= EXTRA_LARGE_WIDTH) return 'extraLarge';\n  if (width >= LARGE_WIDTH) return 'large';\n  if (width >= EXPANDED_WIDTH) return 'expanded';\n  if (width >= MEDIUM_WIDTH) return 'medium';\n  return 'compact';\n}\n\nfunction heightClassOf(height: number): SizeClass['heightClass'] {\n  if (height >= EXPANDED_HEIGHT) return 'expanded';\n  if (height >= MEDIUM_HEIGHT) return 'medium';\n  return 'compact';\n}\n\nexport function sizeClassOf(width: number, height: number): SizeClass {\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"]}

package/dist/esm/web.d.ts

@@ -0,0 +1,21 @@
+import { WebPlugin } from '@capacitor/core';
+import type { BarPlacement, DisplayModes, FoldablePlugin, FoldState, SizeClass } from './definitions';
+export declare class FoldableWeb extends WebPlugin implements FoldablePlugin {
+    private sizeClass;
+    constructor();
+    isDeviceFoldable(): Promise<{
+        foldable: boolean;
+        supportsTabletop: boolean;
+    }>;
+    getFoldState(): Promise<FoldState>;
+    getHingeAngle(): Promise<{
+        angle: number | null;
+    }>;
+    getSizeClass(): Promise<SizeClass>;
+    getDisplayModes(): Promise<DisplayModes>;
+    getBarPlacement(): Promise<BarPlacement>;
+    startRearDisplay(): Promise<void>;
+    stopRearDisplay(): Promise<void>;
+    startDualScreen(): Promise<void>;
+    stopDualScreen(): Promise<void>;
+}

package/dist/esm/web.js

@@ -0,0 +1,46 @@
+import { WebPlugin } from '@capacitor/core';
+import { sizeClassOf } from './size-class';
+export class FoldableWeb extends WebPlugin {
+    constructor() {
+        super();
+        this.sizeClass = sizeClassOf(window.innerWidth, window.innerHeight);
+        window.addEventListener('resize', () => {
+            const next = sizeClassOf(window.innerWidth, window.innerHeight);
+            if (JSON.stringify(next) === JSON.stringify(this.sizeClass))
+                return;
+            this.sizeClass = next;
+            this.notifyListeners('sizeClassChange', next);
+        });
+    }
+    async isDeviceFoldable() {
+        return { foldable: false, supportsTabletop: false };
+    }
+    async getFoldState() {
+        return { state: 'flat', isSeparating: false, posture: 'flat' };
+    }
+    async getHingeAngle() {
+        return { angle: null };
+    }
+    async getSizeClass() {
+        return sizeClassOf(window.innerWidth, window.innerHeight);
+    }
+    async getDisplayModes() {
+        return { rearDisplay: 'unsupported', dualScreen: 'unsupported' };
+    }
+    async getBarPlacement() {
+        return { verticalBarEdge: null };
+    }
+    async startRearDisplay() {
+        throw this.unavailable('Rear display mode is only available on Android.');
+    }
+    stopRearDisplay() {
+        return Promise.resolve();
+    }
+    async startDualScreen() {
+        throw this.unavailable('Dual-screen mode is only available on Android.');
+    }
+    stopDualScreen() {
+        return Promise.resolve();
+    }
+}
+//# sourceMappingURL=web.js.map

package/dist/esm/web.js.map

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