@ng-native/expo 0.18.1 → 0.19.0

package/android/src/main/java/dev/ngnative/expo/KeyboardModule.kt

@@ -54,6 +54,17 @@ class KeyboardModule : Module() {
 
     Events("onKeyboardChange", "onKeyboardMove")
 
+    // How far below the top of the screen the app's window starts, in points: not zero in the
+    // lower half of a split screen or in a freeform window. React Native measures a view in the
+    // window and reports the keyboard's top on the screen. Read where it is compared, since the
+    // window can move.
+    Function("windowTopOnScreen") {
+      val decor = appContext.currentActivity?.window?.decorView ?: return@Function 0.0
+      val location = IntArray(2)
+      decor.getLocationOnScreen(location)
+      location[1] / decor.resources.displayMetrics.density.toDouble()
+    }
+
     OnStartObserving {
       observing = true
       watchActivity()

package/dist/calendar.d.ts

@@ -0,0 +1,99 @@
+/**
+ * `Calendar`, bound to `expo-calendar`: the calendars on the device, and the events and reminders
+ * in them.
+ *
+ * ```ts
+ * import { Calendar } from '@ng-native/expo/calendar';
+ *
+ * private readonly calendar = inject(Calendar);
+ *
+ * async thisWeek(): Promise<ExpoCalendarEvent[]> {
+ *   if (!(await this.calendar.permission.ensure())) return [];
+ *   const calendars = await this.calendar.calendars();
+ *   const start = new Date();
+ *   const end = new Date(start.getTime() + 7 * 24 * 60 * 60 * 1000);
+ *   return this.calendar.events(calendars, start, end);
+ * }
+ *
+ * async book(calendar: ExpoCalendar): Promise<void> {
+ *   await calendar.createEvent({ title: 'Padel', startDate, endDate, alarms: [{ relativeOffset: -30 }] });
+ * }
+ * ```
+ *
+ * This is the module's object API: a calendar, an event, a reminder and an attendee are handles
+ * with their own `update()` and `delete()`, and a calendar makes its own events and reminders. The
+ * service is where the handles are reached from, so a test can provide them, and where the
+ * permissions are: full access to the calendars, the write-only access iOS 17 added for an app
+ * that only adds events, and on iOS the reminders.
+ *
+ * What exists on iOS alone - the default calendar, the calendar picker, the sources and the
+ * reminders - answers null, nothing or refused on Android rather than throwing, so code shared by
+ * both runs on both. Without the module installed, every list answers empty, every lookup null,
+ * and the permissions are refused.
+ */
+import { InjectionToken } from '@angular/core';
+import type { Availability as ExpoAvailability, EntityTypes as ExpoEntityTypes, ExpoCalendar, ExpoCalendarEvent, ExpoCalendarReminder, Frequency as ExpoFrequency, Source } from 'expo-calendar';
+import { type ModulePlatform } from './native.ts';
+import { Permission } from './permissions.ts';
+import * as i0 from "@angular/core";
+type Expo = typeof import('expo-calendar');
+/** The module's functions and classes this service calls. A test provides fakes of each. */
+export type NativeCalendar = Pick<Expo, 'getCalendarPermissions' | 'requestCalendarPermissions' | 'getRemindersPermissions' | 'requestRemindersPermissions' | 'getCalendars' | 'getDefaultCalendarSync' | 'createCalendar' | 'presentPicker' | 'listEvents' | 'getSourcesSync' | 'ExpoCalendar' | 'ExpoCalendarEvent' | 'ExpoCalendarReminder'>;
+type Args<K extends keyof NativeCalendar> = NativeCalendar[K] extends (...args: infer A) => unknown ? A : never;
+/**
+ * What a calendar holds, as `expo-calendar`'s own enum. Importing the enum from the module loads
+ * the module, which a test in Node cannot; these are the same strings, typed as the enum.
+ */
+export declare const EntityTypes: typeof ExpoEntityTypes;
+/** How often a recurrence rule repeats, as the module's own enum. */
+export declare const Frequency: typeof ExpoFrequency;
+/** Whether an event shows its time as taken, as the module's own enum. */
+export declare const Availability: typeof ExpoAvailability;
+export declare class Calendar {
+    /** Overridden in a test to read calendars that are not there. */
+    static readonly SOURCE: InjectionToken<NativeCalendar | null>;
+    /** Overridden in a test to be on iOS, where the calls only iOS has can be made. */
+    static readonly PLATFORM: InjectionToken<ModulePlatform | null>;
+    private readonly native;
+    private readonly platform;
+    /** Full access: reading the calendars and their events, as well as adding to them. */
+    readonly permission: Permission;
+    /**
+     * Write-only access, on iOS 17 and later: enough to add events, and nothing to read. Elsewhere
+     * the same as {@link permission}.
+     */
+    readonly writePermission: Permission;
+    /** The reminders, on iOS. Refused on Android, which keeps none in its calendars. */
+    readonly remindersPermission: Permission;
+    /**
+     * The calendars on the device, of events unless {@link EntityTypes.REMINDER} is asked for. The
+     * module itself lists both kinds when given none, and on iOS refuses that without reminders access.
+     */
+    calendars(entityType?: ExpoEntityTypes): Promise<ExpoCalendar[]>;
+    /** The calendar with this id, or null. */
+    calendar(id: string): Promise<ExpoCalendar | null>;
+    /** The calendar new events go in unless another is chosen, on iOS. Null on Android. */
+    defaultCalendar(): ExpoCalendar | null;
+    /** A new calendar, with the module's own details: `title`, `color`, `entityType` and the rest. */
+    createCalendar(...details: Args<'createCalendar'>): Promise<ExpoCalendar | null>;
+    /** On iOS, the system's calendar picker. Null if the user cancels it, and on Android. */
+    pickCalendar(): Promise<ExpoCalendar | null>;
+    /**
+     * The events from `start` to `end` in the calendars given, as handles or their ids, each
+     * occurrence of a recurring event as an event of its own. An event that overlaps the range at
+     * all is in it, one running across either end included.
+     */
+    events(calendars: readonly (string | ExpoCalendar)[], start: Date, end: Date): Promise<ExpoCalendarEvent[]>;
+    /** The event with this id, such as one kept from an earlier list, or null. */
+    event(id: string): Promise<ExpoCalendarEvent | null>;
+    /** The reminder with this id, on iOS, or null. */
+    reminder(id: string): Promise<ExpoCalendarReminder | null>;
+    /** The accounts the calendars belong to, on iOS: iCloud, Exchange, a subscription. */
+    sources(): Source[];
+    private calendarPermission;
+    /** The module is here and the app is on iOS, where the calls it has only there exist. */
+    private ios;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Calendar, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+export {};

package/dist/calendar.js

@@ -0,0 +1,135 @@
+/**
+ * `Calendar`, bound to `expo-calendar`: the calendars on the device, and the events and reminders
+ * in them.
+ *
+ * ```ts
+ * import { Calendar } from '@ng-native/expo/calendar';
+ *
+ * private readonly calendar = inject(Calendar);
+ *
+ * async thisWeek(): Promise<ExpoCalendarEvent[]> {
+ *   if (!(await this.calendar.permission.ensure())) return [];
+ *   const calendars = await this.calendar.calendars();
+ *   const start = new Date();
+ *   const end = new Date(start.getTime() + 7 * 24 * 60 * 60 * 1000);
+ *   return this.calendar.events(calendars, start, end);
+ * }
+ *
+ * async book(calendar: ExpoCalendar): Promise<void> {
+ *   await calendar.createEvent({ title: 'Padel', startDate, endDate, alarms: [{ relativeOffset: -30 }] });
+ * }
+ * ```
+ *
+ * This is the module's object API: a calendar, an event, a reminder and an attendee are handles
+ * with their own `update()` and `delete()`, and a calendar makes its own events and reminders. The
+ * service is where the handles are reached from, so a test can provide them, and where the
+ * permissions are: full access to the calendars, the write-only access iOS 17 added for an app
+ * that only adds events, and on iOS the reminders.
+ *
+ * What exists on iOS alone - the default calendar, the calendar picker, the sources and the
+ * reminders - answers null, nothing or refused on Android rather than throwing, so code shared by
+ * both runs on both. Without the module installed, every list answers empty, every lookup null,
+ * and the permissions are refused.
+ */
+import { InjectionToken, Service, inject } from '@angular/core';
+import { currentPlatform, expoModule } from "./native.js";
+import { Permission, UNAVAILABLE } from "./permissions.js";
+import * as i0 from "@angular/core";
+/**
+ * What a calendar holds, as `expo-calendar`'s own enum. Importing the enum from the module loads
+ * the module, which a test in Node cannot; these are the same strings, typed as the enum.
+ */
+export const EntityTypes = {
+    EVENT: 'event',
+    REMINDER: 'reminder',
+};
+/** How often a recurrence rule repeats, as the module's own enum. */
+export const Frequency = {
+    DAILY: 'daily',
+    WEEKLY: 'weekly',
+    MONTHLY: 'monthly',
+    YEARLY: 'yearly',
+};
+/** Whether an event shows its time as taken, as the module's own enum. */
+export const Availability = {
+    NOT_SUPPORTED: 'notSupported',
+    BUSY: 'busy',
+    FREE: 'free',
+    TENTATIVE: 'tentative',
+    UNAVAILABLE: 'unavailable',
+};
+export class Calendar {
+    /** Overridden in a test to read calendars that are not there. */
+    static SOURCE = new InjectionToken('angular-native.calendarSource', { factory: () => expoModule('expo-calendar', () => require('expo-calendar')) });
+    /** Overridden in a test to be on iOS, where the calls only iOS has can be made. */
+    static PLATFORM = new InjectionToken('angular-native.calendarPlatform', { factory: currentPlatform });
+    native = inject(Calendar.SOURCE);
+    platform = inject(Calendar.PLATFORM);
+    /** Full access: reading the calendars and their events, as well as adding to them. */
+    permission = this.calendarPermission(false);
+    /**
+     * Write-only access, on iOS 17 and later: enough to add events, and nothing to read. Elsewhere
+     * the same as {@link permission}.
+     */
+    writePermission = this.calendarPermission(true);
+    /** The reminders, on iOS. Refused on Android, which keeps none in its calendars. */
+    remindersPermission = Permission.of(() => (this.ios() ? this.native.getRemindersPermissions() : Promise.resolve(UNAVAILABLE)), () => (this.ios() ? this.native.requestRemindersPermissions() : Promise.resolve(UNAVAILABLE)));
+    /**
+     * The calendars on the device, of events unless {@link EntityTypes.REMINDER} is asked for. The
+     * module itself lists both kinds when given none, and on iOS refuses that without reminders access.
+     */
+    async calendars(entityType = EntityTypes.EVENT) {
+        return (await this.native?.getCalendars(entityType)) ?? [];
+    }
+    /** The calendar with this id, or null. */
+    async calendar(id) {
+        return (await this.native?.ExpoCalendar.get(id)) ?? null;
+    }
+    /** The calendar new events go in unless another is chosen, on iOS. Null on Android. */
+    defaultCalendar() {
+        return this.ios() ? this.native.getDefaultCalendarSync() : null;
+    }
+    /** A new calendar, with the module's own details: `title`, `color`, `entityType` and the rest. */
+    async createCalendar(...details) {
+        return (await this.native?.createCalendar(...details)) ?? null;
+    }
+    /** On iOS, the system's calendar picker. Null if the user cancels it, and on Android. */
+    async pickCalendar() {
+        return this.ios() ? this.native.presentPicker() : null;
+    }
+    /**
+     * The events from `start` to `end` in the calendars given, as handles or their ids, each
+     * occurrence of a recurring event as an event of its own. An event that overlaps the range at
+     * all is in it, one running across either end included.
+     */
+    async events(calendars, start, end) {
+        if (!this.native || calendars.length === 0)
+            return [];
+        return this.native.listEvents([...calendars], start, end);
+    }
+    /** The event with this id, such as one kept from an earlier list, or null. */
+    async event(id) {
+        return (await this.native?.ExpoCalendarEvent.get(id)) ?? null;
+    }
+    /** The reminder with this id, on iOS, or null. */
+    async reminder(id) {
+        return this.ios() ? this.native.ExpoCalendarReminder.get(id) : null;
+    }
+    /** The accounts the calendars belong to, on iOS: iCloud, Exchange, a subscription. */
+    sources() {
+        return this.ios() ? this.native.getSourcesSync() : [];
+    }
+    calendarPermission(writeOnly) {
+        return Permission.of(() => this.native?.getCalendarPermissions(writeOnly) ?? Promise.resolve(UNAVAILABLE), () => this.native?.requestCalendarPermissions(writeOnly) ?? Promise.resolve(UNAVAILABLE));
+    }
+    /** The module is here and the app is on iOS, where the calls it has only there exist. */
+    ios() {
+        return this.native !== null && this.platform === 'ios';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: Calendar, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.2.0", ngImport: i0, type: Calendar });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: Calendar, decorators: [{
+            type: Service
+        }] });
+//# sourceMappingURL=calendar.js.map

package/dist/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../src/calendar.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * `Calendar`, bound to `expo-calendar`: the calendars on the device, and the events and reminders\n * in them.\n *\n * ```ts\n * import { Calendar } from '@ng-native/expo/calendar';\n *\n * private readonly calendar = inject(Calendar);\n *\n * async thisWeek(): Promise<ExpoCalendarEvent[]> {\n *   if (!(await this.calendar.permission.ensure())) return [];\n *   const calendars = await this.calendar.calendars();\n *   const start = new Date();\n *   const end = new Date(start.getTime() + 7 * 24 * 60 * 60 * 1000);\n *   return this.calendar.events(calendars, start, end);\n * }\n *\n * async book(calendar: ExpoCalendar): Promise<void> {\n *   await calendar.createEvent({ title: 'Padel', startDate, endDate, alarms: [{ relativeOffset: -30 }] });\n * }\n * ```\n *\n * This is the module's object API: a calendar, an event, a reminder and an attendee are handles\n * with their own `update()` and `delete()`, and a calendar makes its own events and reminders. The\n * service is where the handles are reached from, so a test can provide them, and where the\n * permissions are: full access to the calendars, the write-only access iOS 17 added for an app\n * that only adds events, and on iOS the reminders.\n *\n * What exists on iOS alone - the default calendar, the calendar picker, the sources and the\n * reminders - answers null, nothing or refused on Android rather than throwing, so code shared by\n * both runs on both. Without the module installed, every list answers empty, every lookup null,\n * and the permissions are refused.\n */\nimport { InjectionToken, Service, inject } from '@angular/core';\nimport type {\n  Availability as ExpoAvailability,\n  EntityTypes as ExpoEntityTypes,\n  ExpoCalendar,\n  ExpoCalendarEvent,\n  ExpoCalendarReminder,\n  Frequency as ExpoFrequency,\n  Source,\n} from 'expo-calendar';\nimport { currentPlatform, expoModule, type ModulePlatform } from './native.ts';\nimport { Permission, UNAVAILABLE } from './permissions.ts';\n\ntype Expo = typeof import('expo-calendar');\n\n/** The module's functions and classes this service calls. A test provides fakes of each. */\nexport type NativeCalendar = Pick<\n  Expo,\n  | 'getCalendarPermissions'\n  | 'requestCalendarPermissions'\n  | 'getRemindersPermissions'\n  | 'requestRemindersPermissions'\n  | 'getCalendars'\n  | 'getDefaultCalendarSync'\n  | 'createCalendar'\n  | 'presentPicker'\n  | 'listEvents'\n  | 'getSourcesSync'\n  | 'ExpoCalendar'\n  | 'ExpoCalendarEvent'\n  | 'ExpoCalendarReminder'\n>;\n\ntype Args<K extends keyof NativeCalendar> = NativeCalendar[K] extends (...args: infer A) => unknown\n  ? A\n  : never;\n\n/**\n * What a calendar holds, as `expo-calendar`'s own enum. Importing the enum from the module loads\n * the module, which a test in Node cannot; these are the same strings, typed as the enum.\n */\nexport const EntityTypes = {\n  EVENT: 'event',\n  REMINDER: 'reminder',\n} as unknown as typeof ExpoEntityTypes;\n\n/** How often a recurrence rule repeats, as the module's own enum. */\nexport const Frequency = {\n  DAILY: 'daily',\n  WEEKLY: 'weekly',\n  MONTHLY: 'monthly',\n  YEARLY: 'yearly',\n} as unknown as typeof ExpoFrequency;\n\n/** Whether an event shows its time as taken, as the module's own enum. */\nexport const Availability = {\n  NOT_SUPPORTED: 'notSupported',\n  BUSY: 'busy',\n  FREE: 'free',\n  TENTATIVE: 'tentative',\n  UNAVAILABLE: 'unavailable',\n} as unknown as typeof ExpoAvailability;\n\n@Service()\nexport class Calendar {\n  /** Overridden in a test to read calendars that are not there. */\n  static readonly SOURCE = new InjectionToken<NativeCalendar | null>(\n    'angular-native.calendarSource',\n    { factory: () => expoModule('expo-calendar', () => require('expo-calendar') as Expo) },\n  );\n\n  /** Overridden in a test to be on iOS, where the calls only iOS has can be made. */\n  static readonly PLATFORM = new InjectionToken<ModulePlatform | null>(\n    'angular-native.calendarPlatform',\n    { factory: currentPlatform },\n  );\n\n  private readonly native = inject(Calendar.SOURCE);\n  private readonly platform = inject(Calendar.PLATFORM);\n\n  /** Full access: reading the calendars and their events, as well as adding to them. */\n  readonly permission: Permission = this.calendarPermission(false);\n\n  /**\n   * Write-only access, on iOS 17 and later: enough to add events, and nothing to read. Elsewhere\n   * the same as {@link permission}.\n   */\n  readonly writePermission: Permission = this.calendarPermission(true);\n\n  /** The reminders, on iOS. Refused on Android, which keeps none in its calendars. */\n  readonly remindersPermission: Permission = Permission.of(\n    () => (this.ios() ? this.native!.getRemindersPermissions() : Promise.resolve(UNAVAILABLE)),\n    () => (this.ios() ? this.native!.requestRemindersPermissions() : Promise.resolve(UNAVAILABLE)),\n  );\n\n  /**\n   * The calendars on the device, of events unless {@link EntityTypes.REMINDER} is asked for. The\n   * module itself lists both kinds when given none, and on iOS refuses that without reminders access.\n   */\n  async calendars(entityType: ExpoEntityTypes = EntityTypes.EVENT): Promise<ExpoCalendar[]> {\n    return (await this.native?.getCalendars(entityType)) ?? [];\n  }\n\n  /** The calendar with this id, or null. */\n  async calendar(id: string): Promise<ExpoCalendar | null> {\n    return (await this.native?.ExpoCalendar.get(id)) ?? null;\n  }\n\n  /** The calendar new events go in unless another is chosen, on iOS. Null on Android. */\n  defaultCalendar(): ExpoCalendar | null {\n    return this.ios() ? this.native!.getDefaultCalendarSync() : null;\n  }\n\n  /** A new calendar, with the module's own details: `title`, `color`, `entityType` and the rest. */\n  async createCalendar(...details: Args<'createCalendar'>): Promise<ExpoCalendar | null> {\n    return (await this.native?.createCalendar(...details)) ?? null;\n  }\n\n  /** On iOS, the system's calendar picker. Null if the user cancels it, and on Android. */\n  async pickCalendar(): Promise<ExpoCalendar | null> {\n    return this.ios() ? this.native!.presentPicker() : null;\n  }\n\n  /**\n   * The events from `start` to `end` in the calendars given, as handles or their ids, each\n   * occurrence of a recurring event as an event of its own. An event that overlaps the range at\n   * all is in it, one running across either end included.\n   */\n  async events(\n    calendars: readonly (string | ExpoCalendar)[],\n    start: Date,\n    end: Date,\n  ): Promise<ExpoCalendarEvent[]> {\n    if (!this.native || calendars.length === 0) return [];\n    return this.native.listEvents([...calendars], start, end);\n  }\n\n  /** The event with this id, such as one kept from an earlier list, or null. */\n  async event(id: string): Promise<ExpoCalendarEvent | null> {\n    return (await this.native?.ExpoCalendarEvent.get(id)) ?? null;\n  }\n\n  /** The reminder with this id, on iOS, or null. */\n  async reminder(id: string): Promise<ExpoCalendarReminder | null> {\n    return this.ios() ? this.native!.ExpoCalendarReminder.get(id) : null;\n  }\n\n  /** The accounts the calendars belong to, on iOS: iCloud, Exchange, a subscription. */\n  sources(): Source[] {\n    return this.ios() ? this.native!.getSourcesSync() : [];\n  }\n\n  private calendarPermission(writeOnly: boolean): Permission {\n    return Permission.of(\n      () => this.native?.getCalendarPermissions(writeOnly) ?? Promise.resolve(UNAVAILABLE),\n      () => this.native?.requestCalendarPermissions(writeOnly) ?? Promise.resolve(UNAVAILABLE),\n    );\n  }\n\n  /** The module is here and the app is on iOS, where the calls it has only there exist. */\n  private ios(): boolean {\n    return this.native !== null && this.platform === 'ios';\n  }\n}\n"]}

package/dist/dom-component.d.ts

@@ -31,9 +31,9 @@
  *   has no output for is an error naming the ones it does have, as `<ng-native-island>`'s is.
  * - **Errors** the page throws reach the app's `ErrorHandler`.
  * - **Only its own page is heard.** A message from any other page the web view shows, after a link
- *   in the content, say, is ignored, as is one that is not JSON. The inputs given before the page
- *   loads are the web view's to hand out, though, and it hands them to whatever page it is showing,
- *   so they are no place for a secret.
+ *   in the content, say, is ignored, as is one that is not JSON, and a changed input is sent to
+ *   its own page alone. The inputs given before the page loads are the web view's to hand out,
+ *   though, and it hands them to whatever page it is showing, so they are no place for a secret.
  */
 import { InjectionToken } from '@angular/core';
 import { type NativeSyntheticEvent } from '@ng-native/fabric';

package/dist/dom-component.js

@@ -31,9 +31,9 @@
  *   has no output for is an error naming the ones it does have, as `<ng-native-island>`'s is.
  * - **Errors** the page throws reach the app's `ErrorHandler`.
  * - **Only its own page is heard.** A message from any other page the web view shows, after a link
- *   in the content, say, is ignored, as is one that is not JSON. The inputs given before the page
- *   loads are the web view's to hand out, though, and it hands them to whatever page it is showing,
- *   so they are no place for a secret.
+ *   in the content, say, is ignored, as is one that is not JSON, and a changed input is sent to
+ *   its own page alone. The inputs given before the page loads are the web view's to hand out,
+ *   though, and it hands them to whatever page it is showing, so they are no place for a secret.
  */
 import { Component, ElementRef, InjectionToken, computed, effect, inject, input, untracked, } from '@angular/core';
 import { Engine } from '@ng-native/fabric';
@@ -136,10 +136,11 @@ export class DomComponent {
     }
     send(inputs) {
         const nativeTag = this.engine.tagOf(this.node);
-        if (!this.native.functions || nativeTag === null)
+        const source = this.source();
+        if (!this.native.functions || nativeTag === null || !source)
             return;
         const message = JSON.stringify({ type: 'inputs', inputs });
-        void this.native.functions.injectJavaScript.call({ nativeTag }, `window.__ngNative && window.__ngNative.receive(${message}); true;`);
+        void this.native.functions.injectJavaScript.call({ nativeTag }, inOwnPage(source.uri, `window.__ngNative && window.__ngNative.receive(${message});`));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: DomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.0", type: DomComponent, isStandalone: true, selector: "dom-component", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, inputs: { classPropertyName: "inputs", publicName: "inputs", isSignal: true, isRequired: false, transformFunction: null }, outputs: { classPropertyName: "outputs", publicName: "outputs", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "message": "receive($event)" }, properties: { "source": "source()", "injectedJavaScriptObject": "page()", "webviewDebuggingEnabled": "debuggable" } }, ngImport: i0, template: '', isInline: true });
@@ -174,11 +175,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImpor
 function isOwnPage(url, source) {
     if (!url)
         return false;
-    const served = /^https?:\/\/[^/?#]+/i.exec(source)?.[0];
+    const served = servedFrom(source);
     if (served)
-        return url.toLowerCase().startsWith(`${served.toLowerCase()}/`);
+        return url.toLowerCase().startsWith(`${served}/`);
     return /^file:/i.test(url) && fileName(url) === fileName(source);
 }
+/**
+ * A script that runs `call` only where the web view shows the component's own page, by
+ * `isOwnPage`'s rule, as the page itself reads its address. The web view runs what it is given
+ * in whatever page it is showing, and one a link took it to may define `__ngNative` to be handed
+ * the app's inputs, and may replace any method of a string or a pattern to pass a check made with
+ * one. So the check reads only what such a page cannot change: `location`'s own properties, a
+ * string's length and characters, and `===`.
+ */
+function inOwnPage(source, call) {
+    const served = servedFrom(source);
+    const own = served
+        ? `location.origin === ${JSON.stringify(served)}`
+        : `location.protocol === 'file:' && (function (path, end) {
+        var from = path.length - end.length;
+        for (var at = 0; at < end.length; at++) if (path[from + at] !== end[at]) return false;
+        return true;
+      })(location.pathname, ${JSON.stringify(`/${fileName(source)}`)})`;
+    return `if (${own}) { ${call} } true;`;
+}
+/** The origin of the dev server that serves the page, lowercased, as `location.origin` has it. */
+function servedFrom(source) {
+    return /^https?:\/\/[^/?#]+/i.exec(source)?.[0]?.toLowerCase();
+}
 function fileName(url) {
     return url.split(/[?#]/)[0].split('/').at(-1);
 }

package/dist/dom-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom-component.js","sourceRoot":"","sources":["../src/dom-component.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * `<dom-component>`: an Angular component rendered by a browser - DOM, CSS, anything a browser\n * runs - in a web view inside a native screen, with its inputs and outputs bound from the app's\n * template. Expo calls this a DOM component; it is not the Web Components standard.\n *\n * ```ts\n * // web/note.ts: an ordinary Angular component for the browser, in the app's own source\n * 'use dom';\n * @Component({ selector: 'app-note', template: '<textarea ...></textarea>', styles: [...] })\n * export class Note {\n *   readonly label = input('');\n *   readonly sent = output<string>();\n * }\n * export default mountInWebView(Note); // from '@ng-native/web/web-view'\n *\n * // a native screen\n * import note from './web/note.ts';\n * <dom-component [src]=\"note\" class=\"flex-1\"\n *   [inputs]=\"{ label: title() }\" [outputs]=\"{ sent: save }\" />\n * ```\n *\n * The component runs in Expo's own web view (`@expo/dom-webview`, which `expo` already installs),\n * so it is a separate JavaScript runtime from the app and only JSON crosses. It is shipped the way\n * Expo ships its `'use dom'` components: the import is a reference to a page that Expo's dev server\n * serves in development and `expo export:embed` bundles into the app for a release build (see\n * `@ng-native/metro`'s `dom-component.cjs`), and the page is found where Expo finds its own.\n *\n * - **`inputs`** go into the page before it loads, and a changed value is sent to it afterwards\n *   without reloading. Anything sent before the page is ready is sent again once it is.\n * - **`outputs`** map the component's outputs, by public name, to handlers. A name the component\n *   has no output for is an error naming the ones it does have, as `<ng-native-island>`'s is.\n * - **Errors** the page throws reach the app's `ErrorHandler`.\n * - **Only its own page is heard.** A message from any other page the web view shows, after a link\n *   in the content, say, is ignored, as is one that is not JSON. The inputs given before the page\n *   loads are the web view's to hand out, though, and it hands them to whatever page it is showing,\n *   so they are no place for a secret.\n */\nimport {\n  Component,\n  ElementRef,\n  InjectionToken,\n  computed,\n  effect,\n  inject,\n  input,\n  untracked,\n} from '@angular/core';\nimport { Engine, type EngineNode, type NativeSyntheticEvent } from '@ng-native/fabric';\nimport { optional } from './native.ts';\nimport { registerExpoView } from './register-expo-view.ts';\n\n/** The element is this package's, so it needs no `registerExpoViews` call of its own. */\nregisterExpoView('dom-component', 'ExpoDomWebViewModule');\n\n/** A handler for one of the DOM component's outputs. */\nexport type DomComponentOutputHandler = (value: never) => void;\n\n/** The functions Expo's web view defines on its view, called with the view's tag as `this`. */\nexport interface WebViewFunctions {\n  injectJavaScript(this: { nativeTag: number }, script: string): Promise<void>;\n}\n\n/** Where the pages are, and how to reach the view once it is on screen. */\nexport interface DomComponentSource {\n  /** Where Expo keeps DOM components' pages: the dev server, `www.bundle`, or an update. */\n  readonly baseUrl: string | null;\n  readonly functions: WebViewFunctions | null;\n}\n\n/** What native code gets for `import note from './web/note.ts'`. */\nexport interface DomComponentReference {\n  readonly domComponent: string;\n}\n\ntype PageMessage =\n  | { type: 'ready'; outputs: string[] }\n  | { type: 'output'; name: string; value: unknown }\n  | { type: 'error'; message: string };\n\n@Component({\n  selector: 'dom-component',\n  template: '',\n  host: {\n    '[source]': 'source()',\n    '[injectedJavaScriptObject]': 'page()',\n    '[webviewDebuggingEnabled]': 'debuggable',\n    '(message)': 'receive($event)',\n  },\n})\nexport class DomComponent {\n  /** Overridden in a test to load pages without a dev server. */\n  static readonly SOURCE = new InjectionToken<DomComponentSource>(\n    'angular-native.domComponentSource',\n    {\n      factory: () => {\n        // Expo's own resolution, so a page is found wherever Expo would look for a DOM\n        // component's: the dev server, the app's `www.bundle`, or a downloaded update.\n        const base = optional(() => require('expo/src/dom/base') as { getBaseURL(): string });\n        const core = optional(\n          () => require('expo-modules-core') as typeof import('expo-modules-core'),\n        );\n        const module = core?.requireOptionalNativeModule<{\n          ViewPrototypes?: Record<string, WebViewFunctions>;\n        }>('ExpoDomWebViewModule');\n        return {\n          baseUrl: optional(() => base?.getBaseURL() ?? null),\n          functions: module?.ViewPrototypes?.['ExpoDomWebViewModule'] ?? null,\n        };\n      },\n    },\n  );\n\n  private readonly native = inject(DomComponent.SOURCE);\n  private readonly engine = inject(Engine);\n  private readonly node = inject<ElementRef<EngineNode>>(ElementRef).nativeElement;\n  private ready = false;\n\n  /** The DOM component, as imported: `import note from './web/note.ts'`. */\n  readonly src = input.required<DomComponentReference>();\n  /** Its inputs, by public name. JSON only: this crosses into another runtime. */\n  readonly inputs = input<Readonly<Record<string, unknown>>>({});\n  /** Handlers for its outputs, by public name. */\n  readonly outputs = input<Readonly<Record<string, DomComponentOutputHandler>>>({});\n\n  protected readonly debuggable = typeof __DEV__ === 'undefined' || __DEV__;\n\n  protected readonly source = computed(() => {\n    const { domComponent } = this.src();\n    return this.native.baseUrl === null ? null : { uri: `${this.native.baseUrl}/${domComponent}` };\n  });\n\n  /** The file's name for an error message: the dev page names it, a release page is a hash. */\n  private readonly name = computed(() => this.src().domComponent.split('?')[0]!);\n\n  /**\n   * What the page reads before it loads. The inputs are read untracked: a change to this prop\n   * reloads the page, so a changed input is sent to the running page instead.\n   */\n  protected readonly page = computed(() => {\n    this.src();\n    return JSON.stringify({ inputs: untracked(this.inputs) });\n  });\n\n  constructor() {\n    effect(() => {\n      const inputs = this.inputs();\n      if (this.ready) untracked(() => this.send(inputs));\n    });\n  }\n\n  protected receive(event: NativeSyntheticEvent<{ data: string; url?: string }>): void {\n    const { data, url } = event.nativeEvent;\n    const source = this.source();\n    if (!source || !isOwnPage(url, source.uri)) {\n      if (this.debuggable) {\n        console.warn(\n          `[angular-native] <dom-component> ${this.name()}: ignored a message from ` +\n            `${url || 'an unnamed page'}, which is not its own page.`,\n        );\n      }\n      return;\n    }\n    const message = parse(data);\n    if (!message) {\n      if (this.debuggable) {\n        console.warn(\n          `[angular-native] <dom-component> ${this.name()}: dropped a message that is not JSON.`,\n        );\n      }\n      return;\n    }\n    if (message.type === 'ready') {\n      this.checkOutputs(message.outputs);\n      this.ready = true;\n      this.send(this.inputs());\n    } else if (message.type === 'output') {\n      const outputs = this.outputs();\n      if (Object.hasOwn(outputs, message.name)) outputs[message.name]!(message.value as never);\n    } else if (message.type === 'error') {\n      throw new Error(`[angular-native] <dom-component> ${this.name()}: ${message.message}`);\n    }\n  }\n\n  private checkOutputs(declared: readonly string[]): void {\n    for (const name of Object.keys(this.outputs())) {\n      if (!declared.includes(name)) {\n        throw new Error(\n          `[angular-native] <dom-component>: ${this.name()} has no output '${name}' ` +\n            `(its outputs: ${declared.join(', ') || 'none'}).`,\n        );\n      }\n    }\n  }\n\n  private send(inputs: Readonly<Record<string, unknown>>): void {\n    const nativeTag = this.engine.tagOf(this.node);\n    if (!this.native.functions || nativeTag === null) return;\n    const message = JSON.stringify({ type: 'inputs', inputs });\n    void this.native.functions.injectJavaScript.call(\n      { nativeTag },\n      `window.__ngNative && window.__ngNative.receive(${message}); true;`,\n    );\n  }\n}\n\n/**\n * Whether the page a message came from is the one the component loaded, so a page the web view\n * was taken to (by a link in the content, say) cannot fire the app's outputs or ask for its inputs.\n *\n * The web view names the page it is showing, not the frame that posted, so this tells pages apart\n * and not an iframe from the page that holds it. Every message is named on both platforms, from\n * the web view's own URL; one with no URL cannot be placed, so it is not trusted either.\n *\n * - **Served by the dev server**, the page is trusted by origin: that server serves the app itself.\n * - **Loaded from a file** in a release build or an update, the page is trusted by file name. The\n *   web view reports the file as the native side resolved it, which differs from the source URI\n *   before the name (on iOS the source is `www.bundle/...`, relative to the app), so the page must\n *   be a `file:` URL whose file name is the source's, a hash of the component's path.\n */\nfunction isOwnPage(url: string | undefined, source: string): boolean {\n  if (!url) return false;\n  const served = /^https?:\\/\\/[^/?#]+/i.exec(source)?.[0];\n  if (served) return url.toLowerCase().startsWith(`${served.toLowerCase()}/`);\n  return /^file:/i.test(url) && fileName(url) === fileName(source);\n}\n\nfunction fileName(url: string): string {\n  return url.split(/[?#]/)[0]!.split('/').at(-1)!;\n}\n\nfunction parse(data: string): PageMessage | undefined {\n  try {\n    const message: unknown = JSON.parse(data);\n    return typeof message === 'object' && message !== null ? (message as PageMessage) : undefined;\n  } catch {\n    return undefined;\n  }\n}\n\ndeclare const __DEV__: boolean | undefined;\n"]}
+{"version":3,"file":"dom-component.js","sourceRoot":"","sources":["../src/dom-component.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * `<dom-component>`: an Angular component rendered by a browser - DOM, CSS, anything a browser\n * runs - in a web view inside a native screen, with its inputs and outputs bound from the app's\n * template. Expo calls this a DOM component; it is not the Web Components standard.\n *\n * ```ts\n * // web/note.ts: an ordinary Angular component for the browser, in the app's own source\n * 'use dom';\n * @Component({ selector: 'app-note', template: '<textarea ...></textarea>', styles: [...] })\n * export class Note {\n *   readonly label = input('');\n *   readonly sent = output<string>();\n * }\n * export default mountInWebView(Note); // from '@ng-native/web/web-view'\n *\n * // a native screen\n * import note from './web/note.ts';\n * <dom-component [src]=\"note\" class=\"flex-1\"\n *   [inputs]=\"{ label: title() }\" [outputs]=\"{ sent: save }\" />\n * ```\n *\n * The component runs in Expo's own web view (`@expo/dom-webview`, which `expo` already installs),\n * so it is a separate JavaScript runtime from the app and only JSON crosses. It is shipped the way\n * Expo ships its `'use dom'` components: the import is a reference to a page that Expo's dev server\n * serves in development and `expo export:embed` bundles into the app for a release build (see\n * `@ng-native/metro`'s `dom-component.cjs`), and the page is found where Expo finds its own.\n *\n * - **`inputs`** go into the page before it loads, and a changed value is sent to it afterwards\n *   without reloading. Anything sent before the page is ready is sent again once it is.\n * - **`outputs`** map the component's outputs, by public name, to handlers. A name the component\n *   has no output for is an error naming the ones it does have, as `<ng-native-island>`'s is.\n * - **Errors** the page throws reach the app's `ErrorHandler`.\n * - **Only its own page is heard.** A message from any other page the web view shows, after a link\n *   in the content, say, is ignored, as is one that is not JSON, and a changed input is sent to\n *   its own page alone. The inputs given before the page loads are the web view's to hand out,\n *   though, and it hands them to whatever page it is showing, so they are no place for a secret.\n */\nimport {\n  Component,\n  ElementRef,\n  InjectionToken,\n  computed,\n  effect,\n  inject,\n  input,\n  untracked,\n} from '@angular/core';\nimport { Engine, type EngineNode, type NativeSyntheticEvent } from '@ng-native/fabric';\nimport { optional } from './native.ts';\nimport { registerExpoView } from './register-expo-view.ts';\n\n/** The element is this package's, so it needs no `registerExpoViews` call of its own. */\nregisterExpoView('dom-component', 'ExpoDomWebViewModule');\n\n/** A handler for one of the DOM component's outputs. */\nexport type DomComponentOutputHandler = (value: never) => void;\n\n/** The functions Expo's web view defines on its view, called with the view's tag as `this`. */\nexport interface WebViewFunctions {\n  injectJavaScript(this: { nativeTag: number }, script: string): Promise<void>;\n}\n\n/** Where the pages are, and how to reach the view once it is on screen. */\nexport interface DomComponentSource {\n  /** Where Expo keeps DOM components' pages: the dev server, `www.bundle`, or an update. */\n  readonly baseUrl: string | null;\n  readonly functions: WebViewFunctions | null;\n}\n\n/** What native code gets for `import note from './web/note.ts'`. */\nexport interface DomComponentReference {\n  readonly domComponent: string;\n}\n\ntype PageMessage =\n  | { type: 'ready'; outputs: string[] }\n  | { type: 'output'; name: string; value: unknown }\n  | { type: 'error'; message: string };\n\n@Component({\n  selector: 'dom-component',\n  template: '',\n  host: {\n    '[source]': 'source()',\n    '[injectedJavaScriptObject]': 'page()',\n    '[webviewDebuggingEnabled]': 'debuggable',\n    '(message)': 'receive($event)',\n  },\n})\nexport class DomComponent {\n  /** Overridden in a test to load pages without a dev server. */\n  static readonly SOURCE = new InjectionToken<DomComponentSource>(\n    'angular-native.domComponentSource',\n    {\n      factory: () => {\n        // Expo's own resolution, so a page is found wherever Expo would look for a DOM\n        // component's: the dev server, the app's `www.bundle`, or a downloaded update.\n        const base = optional(() => require('expo/src/dom/base') as { getBaseURL(): string });\n        const core = optional(\n          () => require('expo-modules-core') as typeof import('expo-modules-core'),\n        );\n        const module = core?.requireOptionalNativeModule<{\n          ViewPrototypes?: Record<string, WebViewFunctions>;\n        }>('ExpoDomWebViewModule');\n        return {\n          baseUrl: optional(() => base?.getBaseURL() ?? null),\n          functions: module?.ViewPrototypes?.['ExpoDomWebViewModule'] ?? null,\n        };\n      },\n    },\n  );\n\n  private readonly native = inject(DomComponent.SOURCE);\n  private readonly engine = inject(Engine);\n  private readonly node = inject<ElementRef<EngineNode>>(ElementRef).nativeElement;\n  private ready = false;\n\n  /** The DOM component, as imported: `import note from './web/note.ts'`. */\n  readonly src = input.required<DomComponentReference>();\n  /** Its inputs, by public name. JSON only: this crosses into another runtime. */\n  readonly inputs = input<Readonly<Record<string, unknown>>>({});\n  /** Handlers for its outputs, by public name. */\n  readonly outputs = input<Readonly<Record<string, DomComponentOutputHandler>>>({});\n\n  protected readonly debuggable = typeof __DEV__ === 'undefined' || __DEV__;\n\n  protected readonly source = computed(() => {\n    const { domComponent } = this.src();\n    return this.native.baseUrl === null ? null : { uri: `${this.native.baseUrl}/${domComponent}` };\n  });\n\n  /** The file's name for an error message: the dev page names it, a release page is a hash. */\n  private readonly name = computed(() => this.src().domComponent.split('?')[0]!);\n\n  /**\n   * What the page reads before it loads. The inputs are read untracked: a change to this prop\n   * reloads the page, so a changed input is sent to the running page instead.\n   */\n  protected readonly page = computed(() => {\n    this.src();\n    return JSON.stringify({ inputs: untracked(this.inputs) });\n  });\n\n  constructor() {\n    effect(() => {\n      const inputs = this.inputs();\n      if (this.ready) untracked(() => this.send(inputs));\n    });\n  }\n\n  protected receive(event: NativeSyntheticEvent<{ data: string; url?: string }>): void {\n    const { data, url } = event.nativeEvent;\n    const source = this.source();\n    if (!source || !isOwnPage(url, source.uri)) {\n      if (this.debuggable) {\n        console.warn(\n          `[angular-native] <dom-component> ${this.name()}: ignored a message from ` +\n            `${url || 'an unnamed page'}, which is not its own page.`,\n        );\n      }\n      return;\n    }\n    const message = parse(data);\n    if (!message) {\n      if (this.debuggable) {\n        console.warn(\n          `[angular-native] <dom-component> ${this.name()}: dropped a message that is not JSON.`,\n        );\n      }\n      return;\n    }\n    if (message.type === 'ready') {\n      this.checkOutputs(message.outputs);\n      this.ready = true;\n      this.send(this.inputs());\n    } else if (message.type === 'output') {\n      const outputs = this.outputs();\n      if (Object.hasOwn(outputs, message.name)) outputs[message.name]!(message.value as never);\n    } else if (message.type === 'error') {\n      throw new Error(`[angular-native] <dom-component> ${this.name()}: ${message.message}`);\n    }\n  }\n\n  private checkOutputs(declared: readonly string[]): void {\n    for (const name of Object.keys(this.outputs())) {\n      if (!declared.includes(name)) {\n        throw new Error(\n          `[angular-native] <dom-component>: ${this.name()} has no output '${name}' ` +\n            `(its outputs: ${declared.join(', ') || 'none'}).`,\n        );\n      }\n    }\n  }\n\n  private send(inputs: Readonly<Record<string, unknown>>): void {\n    const nativeTag = this.engine.tagOf(this.node);\n    const source = this.source();\n    if (!this.native.functions || nativeTag === null || !source) return;\n    const message = JSON.stringify({ type: 'inputs', inputs });\n    void this.native.functions.injectJavaScript.call(\n      { nativeTag },\n      inOwnPage(source.uri, `window.__ngNative && window.__ngNative.receive(${message});`),\n    );\n  }\n}\n\n/**\n * Whether the page a message came from is the one the component loaded, so a page the web view\n * was taken to (by a link in the content, say) cannot fire the app's outputs or ask for its inputs.\n *\n * The web view names the page it is showing, not the frame that posted, so this tells pages apart\n * and not an iframe from the page that holds it. Every message is named on both platforms, from\n * the web view's own URL; one with no URL cannot be placed, so it is not trusted either.\n *\n * - **Served by the dev server**, the page is trusted by origin: that server serves the app itself.\n * - **Loaded from a file** in a release build or an update, the page is trusted by file name. The\n *   web view reports the file as the native side resolved it, which differs from the source URI\n *   before the name (on iOS the source is `www.bundle/...`, relative to the app), so the page must\n *   be a `file:` URL whose file name is the source's, a hash of the component's path.\n */\nfunction isOwnPage(url: string | undefined, source: string): boolean {\n  if (!url) return false;\n  const served = servedFrom(source);\n  if (served) return url.toLowerCase().startsWith(`${served}/`);\n  return /^file:/i.test(url) && fileName(url) === fileName(source);\n}\n\n/**\n * A script that runs `call` only where the web view shows the component's own page, by\n * `isOwnPage`'s rule, as the page itself reads its address. The web view runs what it is given\n * in whatever page it is showing, and one a link took it to may define `__ngNative` to be handed\n * the app's inputs, and may replace any method of a string or a pattern to pass a check made with\n * one. So the check reads only what such a page cannot change: `location`'s own properties, a\n * string's length and characters, and `===`.\n */\nfunction inOwnPage(source: string, call: string): string {\n  const served = servedFrom(source);\n  const own = served\n    ? `location.origin === ${JSON.stringify(served)}`\n    : `location.protocol === 'file:' && (function (path, end) {\n        var from = path.length - end.length;\n        for (var at = 0; at < end.length; at++) if (path[from + at] !== end[at]) return false;\n        return true;\n      })(location.pathname, ${JSON.stringify(`/${fileName(source)}`)})`;\n  return `if (${own}) { ${call} } true;`;\n}\n\n/** The origin of the dev server that serves the page, lowercased, as `location.origin` has it. */\nfunction servedFrom(source: string): string | undefined {\n  return /^https?:\\/\\/[^/?#]+/i.exec(source)?.[0]?.toLowerCase();\n}\n\nfunction fileName(url: string): string {\n  return url.split(/[?#]/)[0]!.split('/').at(-1)!;\n}\n\nfunction parse(data: string): PageMessage | undefined {\n  try {\n    const message: unknown = JSON.parse(data);\n    return typeof message === 'object' && message !== null ? (message as PageMessage) : undefined;\n  } catch {\n    return undefined;\n  }\n}\n\ndeclare const __DEV__: boolean | undefined;\n"]}

package/dist/expo-ui-components.d.ts

@@ -967,9 +967,13 @@ export declare class UiBottomSheet {
      */
     readonly backgroundInteraction: import("@angular/core").InputSignal<UiBottomSheetBackgroundInteraction | undefined>;
     /**
-     * More SwiftUI modifiers, iOS only, after the sheet's own on the `ui-group` around its content,
-     * where SwiftUI reads presentation modifiers from: `presentationCornerRadius`, for one. They
-     * apply to the content too. Android takes no notice of them.
+     * More SwiftUI modifiers, iOS only, for presentation modifiers such as `presentationCornerRadius`
+     * and for ones that apply to the content, such as `ignoreSafeArea`. Where the content is in a
+     * navigation stack (the build has SwiftUI's toolbar and the sheet is not sized to its content)
+     * they are on the `ui-zstack` inside that stack, since the stack sets up the safe area again for
+     * what is inside it, and a content modifier such as `background` or `padding` applies below the
+     * sheet's bar, where it has one. Otherwise they are after the sheet's own on the `ui-group`
+     * around its content. Android takes no notice of them.
      */
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     /**

package/dist/expo-ui-components.js

@@ -1845,9 +1845,13 @@ export class UiBottomSheet {
     backgroundInteraction = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "backgroundInteraction" }] : /* istanbul ignore next */ []));
     /**
-     * More SwiftUI modifiers, iOS only, after the sheet's own on the `ui-group` around its content,
-     * where SwiftUI reads presentation modifiers from: `presentationCornerRadius`, for one. They
-     * apply to the content too. Android takes no notice of them.
+     * More SwiftUI modifiers, iOS only, for presentation modifiers such as `presentationCornerRadius`
+     * and for ones that apply to the content, such as `ignoreSafeArea`. Where the content is in a
+     * navigation stack (the build has SwiftUI's toolbar and the sheet is not sized to its content)
+     * they are on the `ui-zstack` inside that stack, since the stack sets up the safe area again for
+     * what is inside it, and a content modifier such as `background` or `padding` applies below the
+     * sheet's bar, where it has one. Otherwise they are after the sheet's own on the `ui-group`
+     * around its content. Android takes no notice of them.
      */
     modifiers = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "modifiers" }] : /* istanbul ignore next */ []));
@@ -1923,7 +1927,7 @@ export class UiBottomSheet {
             ? [{ $type: 'interactiveDismissDisabled', isDisabled: true }]
             : []),
         ...this.interaction(),
-        ...(this.modifiers() ?? []),
+        ...(this.stacked() ? [] : (this.modifiers() ?? [])),
     ], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []));
     /** Whether the screen behind the sheet takes touches, in `@expo/ui`'s shape, where one is set. */
@@ -2090,7 +2094,7 @@ export class UiBottomSheet {
             <ui-group [modifiers]="presentation()">
               @if (stacked()) {
                 <ui-navigation-stack>
-                  <ui-zstack>
+                  <ui-zstack [modifiers]="modifiers()">
                     <ui-toolbar [modifiers]="inlineTitle">
                       <ui-spacer />
                       <ui-slot name="content"><ng-content select="ui-toolbar-item" /></ui-slot>
@@ -2159,7 +2163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImpor
             <ui-group [modifiers]="presentation()">
               @if (stacked()) {
                 <ui-navigation-stack>
-                  <ui-zstack>
+                  <ui-zstack [modifiers]="modifiers()">
                     <ui-toolbar [modifiers]="inlineTitle">
                       <ui-spacer />
                       <ui-slot name="content"><ng-content select="ui-toolbar-item" /></ui-slot>