@ng-native/expo 0.9.0 → 0.10.0

package/android/build.gradle

@@ -0,0 +1,20 @@
+plugins {
+  id 'com.android.library'
+  id 'expo-module-gradle-plugin'
+}
+
+group = 'dev.ngnative.expo'
+version = '1.0.0'
+
+android {
+  namespace "dev.ngnative.expo"
+  defaultConfig {
+    versionCode 1
+    versionName '1.0.0'
+  }
+}
+
+dependencies {
+  // The first version with ProgressStyle and promoted ongoing notifications in NotificationCompat.
+  implementation 'androidx.core:core:1.17.0'
+}

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,10 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+  <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
+  <uses-permission android:name="android.permission.POST_PROMOTED_NOTIFICATIONS" />
+
+  <application>
+    <receiver
+      android:name=".OngoingNotificationReceiver"
+      android:exported="false" />
+  </application>
+</manifest>

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

@@ -0,0 +1,207 @@
+package dev.ngnative.expo
+
+import android.Manifest
+import android.app.Notification
+import android.app.NotificationChannel
+import android.app.NotificationManager
+import android.app.PendingIntent
+import android.content.Context
+import android.content.Intent
+import android.content.pm.PackageManager
+import android.net.Uri
+import android.os.Build
+import android.provider.Settings
+import androidx.core.app.NotificationCompat
+import androidx.core.app.NotificationManagerCompat
+import expo.modules.interfaces.permissions.PermissionsStatus
+import expo.modules.kotlin.Promise
+import expo.modules.kotlin.exception.CodedException
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+
+/**
+ * An ongoing notification drawn from data: a title and text, time Android counts by itself, a
+ * progress bar, and actions. It asks to be promoted to a Live Update, which Android 16 grants to a
+ * notification of a standard style with a title, and the user can turn off.
+ */
+class OngoingNotificationModule : Module() {
+  private val context: Context
+    get() = appContext.reactContext ?: throw CodedException("There is no Android context yet.")
+
+  private val manager: NotificationManager
+    get() = context.getSystemService(Context.NOTIFICATION_SERVICE) as NotificationManager
+
+  override fun definition() = ModuleDefinition {
+    Name("NgNativeOngoingNotification")
+
+    Events("onChange")
+
+    OnStartObserving {
+      OngoingNotificationReceiver.onChange = { sendEvent("onChange", emptyMap()) }
+    }
+
+    OnStopObserving {
+      OngoingNotificationReceiver.onChange = null
+    }
+
+    AsyncFunction("show") { id: String, content: Map<String, Any?>, options: Map<String, Any?>, promise: Promise ->
+      whenAllowed(promise) {
+        createChannel(options["channel"] as Map<*, *>)
+        manager.notify(id, NOTIFICATION, build(id, content, options))
+        promise.resolve(mapOf("promoted" to isPromoted(id)))
+      }
+    }
+
+    Function("cancel") { id: String ->
+      manager.cancel(id, NOTIFICATION)
+    }
+
+    Function("isActive") { id: String ->
+      active(id) != null
+    }
+
+    Function("takeTaps") { id: String ->
+      OngoingNotificationReceiver.take(context, id)
+    }
+
+    Function("openPromotionSettings") {
+      val action =
+        // Settings.ACTION_MANAGE_APP_PROMOTED_NOTIFICATIONS, which the SDK this builds with does not name.
+        if (Build.VERSION.SDK_INT >= 36) "android.settings.MANAGE_APP_PROMOTED_NOTIFICATIONS"
+        else Settings.ACTION_APP_NOTIFICATION_SETTINGS
+      context.startActivity(
+        Intent(action)
+          .putExtra(Settings.EXTRA_APP_PACKAGE, context.packageName)
+          .addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
+      )
+    }
+  }
+
+  /**
+   * Runs `show` once notifications are allowed, asking first where Android 13 and later need it.
+   * Only when it is not granted yet: asking goes through the activity, and answers denied when
+   * there is none, as when an action is tapped with the app closed to the background.
+   */
+  private fun whenAllowed(promise: Promise, show: () -> Unit) {
+    val guarded = {
+      try {
+        if (NotificationManagerCompat.from(context).areNotificationsEnabled()) show()
+        else promise.reject(CodedException("Notifications are turned off for this app."))
+      } catch (failure: Throwable) {
+        promise.reject(CodedException(failure.message ?: "The notification could not be shown.", failure))
+      }
+    }
+    val permissions = appContext.permissions
+    if (
+      Build.VERSION.SDK_INT < 33 ||
+      permissions == null ||
+      permissions.hasGrantedPermissions(Manifest.permission.POST_NOTIFICATIONS)
+    ) {
+      return guarded()
+    }
+    permissions.askForPermissions(
+      { result ->
+        if (result[Manifest.permission.POST_NOTIFICATIONS]?.status == PermissionsStatus.GRANTED) guarded()
+        else promise.reject(CodedException("The notification permission was not granted."))
+      },
+      Manifest.permission.POST_NOTIFICATIONS
+    )
+  }
+
+  private fun createChannel(channel: Map<*, *>) {
+    if (Build.VERSION.SDK_INT < 26) return
+    val id = channel["id"] as String
+    if (manager.getNotificationChannel(id) != null) return
+    // Low: it is shown without a sound, and a Live Update needs more than the minimum.
+    manager.createNotificationChannel(
+      NotificationChannel(id, channel["name"] as String, NotificationManager.IMPORTANCE_LOW)
+    )
+  }
+
+  private fun build(id: String, content: Map<String, Any?>, options: Map<String, Any?>): Notification {
+    val channel = (options["channel"] as Map<*, *>)["id"] as String
+    val builder = NotificationCompat.Builder(context, channel)
+      .setSmallIcon(smallIcon())
+      .setContentTitle(content["title"] as String)
+      .setContentText(content["text"] as String?)
+      .setOngoing(true)
+      .setOnlyAlertOnce(true)
+      .setRequestPromotedOngoing(true)
+      .setVisibility(NotificationCompat.VISIBILITY_PUBLIC)
+      .setShowWhen(false)
+      .setContentIntent(open(id, options["url"] as String?))
+      .setDeleteIntent(broadcast(id, null))
+
+    (content["chip"] as String?)?.let { builder.setShortCriticalText(it) }
+
+    (content["timer"] as Map<*, *>?)?.let { timer ->
+      val until = timer["until"] as Number?
+      builder
+        .setWhen(((until ?: timer["since"]) as Number).toLong())
+        .setShowWhen(true)
+        .setUsesChronometer(true)
+        .setChronometerCountDown(until != null)
+    }
+
+    // ponytail: the plain bar every version draws; ProgressStyle's segments and points when an app asks.
+    (content["progress"] as Map<*, *>?)?.let { progress ->
+      val indeterminate = progress["indeterminate"] == true
+      builder.setProgress(
+        (progress["max"] as Number?)?.toInt() ?: 100,
+        (progress["value"] as Number?)?.toInt() ?: 0,
+        indeterminate
+      )
+    }
+
+    (content["actions"] as List<*>?)?.forEach { action ->
+      action as Map<*, *>
+      val target = action["target"] as String
+      val url = action["url"] as String?
+      builder.addAction(
+        0,
+        action["title"] as String,
+        if (url != null) open("$id $target", url) else broadcast(id, target)
+      )
+    }
+    return builder.build()
+  }
+
+  /** The app's notification icon, as `expo-notifications` names it, or the app's own icon. */
+  private fun smallIcon(): Int {
+    val info = context.packageManager.getApplicationInfo(context.packageName, PackageManager.GET_META_DATA)
+    return info.metaData?.getInt("expo.modules.notifications.default_notification_icon", 0)
+      ?.takeIf { it != 0 } ?: info.icon
+  }
+
+  /** Opens the app, at `url` when there is one. */
+  private fun open(key: String, url: String?): PendingIntent? {
+    val intent =
+      if (url != null) Intent(Intent.ACTION_VIEW, Uri.parse(url)).setPackage(context.packageName)
+      else context.packageManager.getLaunchIntentForPackage(context.packageName) ?: return null
+    intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK or Intent.FLAG_ACTIVITY_SINGLE_TOP)
+    return PendingIntent.getActivity(context, key.hashCode(), intent, FLAGS)
+  }
+
+  /** Tells the receiver of a tap on `target`, or with none, that the notification was swiped away. */
+  private fun broadcast(id: String, target: String?): PendingIntent {
+    val intent = Intent(context, OngoingNotificationReceiver::class.java)
+      .setData(Uri.fromParts("ongoing", id, target))
+      .putExtra(OngoingNotificationReceiver.EXTRA_ID, id)
+      .putExtra(OngoingNotificationReceiver.EXTRA_TARGET, target)
+    return PendingIntent.getBroadcast(context, 0, intent, FLAGS)
+  }
+
+  private fun active(id: String) =
+    manager.activeNotifications.firstOrNull { it.tag == id && it.id == NOTIFICATION }
+
+  private fun isPromoted(id: String): Boolean =
+    Build.VERSION.SDK_INT >= 36 &&
+      manager.canPostPromotedNotifications() &&
+      active(id)?.notification?.hasPromotableCharacteristics() == true
+
+  companion object {
+    /** Every notification shares this number and is told apart by its tag, the id JavaScript gives. */
+    private const val NOTIFICATION = 0x6e67
+    private const val FLAGS = PendingIntent.FLAG_UPDATE_CURRENT or PendingIntent.FLAG_IMMUTABLE
+  }
+}

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

@@ -0,0 +1,46 @@
+package dev.ngnative.expo
+
+import android.content.BroadcastReceiver
+import android.content.Context
+import android.content.Intent
+import org.json.JSONArray
+
+/**
+ * Receives a tap on one of an ongoing notification's actions, and the notification being swiped
+ * away. Android starts the app's process for it when there is none, so the tap is stored, and
+ * handed to JavaScript when it asks: nothing here needs the app's JavaScript to be running.
+ */
+class OngoingNotificationReceiver : BroadcastReceiver() {
+  override fun onReceive(context: Context, intent: Intent) {
+    val id = intent.getStringExtra(EXTRA_ID) ?: return
+    intent.getStringExtra(EXTRA_TARGET)?.let { store(context, id, it) }
+    onChange?.invoke()
+  }
+
+  companion object {
+    const val EXTRA_ID = "dev.ngnative.expo.ongoing.id"
+    const val EXTRA_TARGET = "dev.ngnative.expo.ongoing.target"
+    private const val PREFERENCES = "dev.ngnative.expo.ongoing.taps"
+
+    /** Set while the module is listening, to tell JavaScript there is something to take. */
+    @Volatile
+    var onChange: (() -> Unit)? = null
+
+    private fun preferences(context: Context) =
+      context.getSharedPreferences(PREFERENCES, Context.MODE_PRIVATE)
+
+    @Synchronized
+    private fun store(context: Context, id: String, target: String) {
+      val taps = JSONArray(preferences(context).getString(id, "[]")).put(target)
+      preferences(context).edit().putString(id, taps.toString()).commit()
+    }
+
+    /** The targets tapped on `id` and not yet taken, oldest first, which are then taken. */
+    @Synchronized
+    fun take(context: Context, id: String): List<String> {
+      val taps = JSONArray(preferences(context).getString(id, "[]"))
+      preferences(context).edit().remove(id).commit()
+      return List(taps.length()) { taps.getString(it) }
+    }
+  }
+}

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

@@ -114,8 +114,8 @@ export declare class UiButton {
     readonly systemImage: import("@angular/core").InputSignal<string | undefined>;
     readonly role: import("@angular/core").InputSignal<"default" | "cancel" | "destructive" | "close" | undefined>;
     /**
-     * In a home-screen widget's layout, what a tap on it records for the app: see
-     * `@ng-native/expo/widget`.
+     * In a home-screen widget's or a Live Activity's layout, what a tap on it hands the app: see
+     * `@ng-native/expo/widget` and `@ng-native/expo/live-activity`.
      */
     readonly target: import("@angular/core").InputSignal<string | undefined>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
@@ -207,27 +207,51 @@ export declare class UiVStack {
     static ɵfac: i0.ɵɵFactoryDeclaration<UiVStack, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiVStack, "ui-vstack", never, { "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
-/** A SwiftUI `Image`: an SF Symbol by `systemName`, or a picture by `uiImage` URL. */
+/**
+ * A SwiftUI `Image`: an SF Symbol by `systemName`, a symbol or picture in the asset catalog by
+ * `assetName`, or a picture by `uiImage`, the URL of a file on the device.
+ */
 export declare class UiImage {
     protected readonly nativeView: true;
     readonly systemName: import("@angular/core").InputSignal<string | undefined>;
+    readonly assetName: import("@angular/core").InputSignal<string | undefined>;
     readonly uiImage: import("@angular/core").InputSignal<string | undefined>;
     readonly size: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
     readonly color: import("@angular/core").InputSignal<string | undefined>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiImage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UiImage, "ui-image", never, { "systemName": { "alias": "systemName"; "required": false; "isSignal": true; }; "uiImage": { "alias": "uiImage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiImage, "ui-image", never, { "systemName": { "alias": "systemName"; "required": false; "isSignal": true; }; "assetName": { "alias": "assetName"; "required": false; "isSignal": true; }; "uiImage": { "alias": "uiImage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** A moment: a `Date`, milliseconds since the epoch, or a string `Date` reads. */
+export type UiDate = Date | number | string;
+/** The start and end of a timer. */
+export interface UiTimerInterval {
+    readonly lower: UiDate;
+    readonly upper: UiDate;
 }
 /**
  * A SwiftUI `Text`, or Compose's on Android. Its text is what is written inside it,
  * `<ui-text>Us {{ score }}</ui-text>`, as `<text>` takes its own, or `text`, which wins over it.
+ *
+ * On iOS it can keep time by itself instead, with no update from the app: `date` is drawn by
+ * `dateStyle`, as the time since or until it for `'relative'`, `'offset'` and `'timer'`, and
+ * `timerInterval` is a timer running from its `lower` to its `upper`, down unless `countsDown` is
+ * false.
  */
 export declare class UiText {
     protected readonly nativeView: true;
+    protected readonly android: boolean;
     readonly text: import("@angular/core").InputSignal<string | undefined>;
+    readonly date: import("@angular/core").InputSignalWithTransform<number | undefined, UiDate | null | undefined>;
+    readonly dateStyle: import("@angular/core").InputSignal<"date" | "time" | "timer" | "relative" | "offset" | undefined>;
+    readonly timerInterval: import("@angular/core").InputSignalWithTransform<{
+        lower: number;
+        upper: number;
+    } | undefined, UiTimerInterval | null | undefined>;
+    readonly countsDown: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiText, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UiText, "ui-text", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiText, "ui-text", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "dateStyle": { "alias": "dateStyle"; "required": false; "isSignal": true; }; "timerInterval": { "alias": "timerInterval"; "required": false; "isSignal": true; }; "countsDown": { "alias": "countsDown"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /**
  * What `ui-date-picker` sends when the user picks: the chosen moment, which SwiftUI reports in
@@ -478,14 +502,21 @@ export declare class UiChart {
 /**
  * A SwiftUI `ProgressView`: a bar filled to `value`, from 0 to 1, or a spinner without one. On
  * Android, Compose's `LinearProgressIndicator`, a moving bar rather than a spinner without a value.
+ * On iOS, `timerInterval` has the bar keep time by itself from its `lower` to its `upper`, emptying
+ * unless `countsDown` is false.
  */
 export declare class UiProgress {
     protected readonly nativeView: true;
     protected readonly android: boolean;
     readonly value: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    readonly timerInterval: import("@angular/core").InputSignalWithTransform<{
+        lower: number;
+        upper: number;
+    } | undefined, UiTimerInterval | null | undefined>;
+    readonly countsDown: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiProgress, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UiProgress, "ui-progress", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiProgress, "ui-progress", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "timerInterval": { "alias": "timerInterval"; "required": false; "isSignal": true; }; "countsDown": { "alias": "countsDown"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * A SwiftUI `HStack`, or Compose's `Row` on Android, centred, as SwiftUI's is, unless `alignment`

package/dist/expo-ui-components.js

@@ -182,8 +182,8 @@ export class UiButton {
     role = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "role" }] : /* istanbul ignore next */ []));
     /**
-     * In a home-screen widget's layout, what a tap on it records for the app: see
-     * `@ng-native/expo/widget`.
+     * In a home-screen widget's or a Live Activity's layout, what a tap on it hands the app: see
+     * `@ng-native/expo/widget` and `@ng-native/expo/live-activity`.
      */
     target = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "target" }] : /* istanbul ignore next */ []));
@@ -194,7 +194,7 @@ export class UiButton {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.0", type: UiButton, isStandalone: true, selector: "ui-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, systemImage: { classPropertyName: "systemImage", publicName: "systemImage", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, modifiers: { classPropertyName: "modifiers", publicName: "modifiers", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonPress: "buttonPress" }, host: { listeners: { "buttonPressed": "android && buttonPress.emit($event)" }, properties: { "label": "label()", "systemImage": "systemImage()", "role": "role()", "target": "target()", "modifiers": "modifiers()" } }, ngImport: i0, template: `@if (android && label()) {
       <ui-text [text]="label()" />
     }
-    <ng-content />`, isInline: true, dependencies: [{ kind: "component", type: i0.forwardRef(() => UiText), selector: "ui-text", inputs: ["text", "modifiers"] }] });
+    <ng-content />`, isInline: true, dependencies: [{ kind: "component", type: i0.forwardRef(() => UiText), selector: "ui-text", inputs: ["text", "date", "dateStyle", "timerInterval", "countsDown", "modifiers"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: UiButton, decorators: [{
             type: Component,
@@ -385,11 +385,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImpor
                     },
                 }]
         }], propDecorators: { alignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignment", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }], modifiers: [{ type: i0.Input, args: [{ isSignal: true, alias: "modifiers", required: false }] }] } });
-/** A SwiftUI `Image`: an SF Symbol by `systemName`, or a picture by `uiImage` URL. */
+/**
+ * A SwiftUI `Image`: an SF Symbol by `systemName`, a symbol or picture in the asset catalog by
+ * `assetName`, or a picture by `uiImage`, the URL of a file on the device.
+ */
 export class UiImage {
     nativeView = nativeView();
     systemName = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "systemName" }] : /* istanbul ignore next */ []));
+    assetName = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "assetName" }] : /* istanbul ignore next */ []));
     uiImage = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "uiImage" }] : /* istanbul ignore next */ []));
     size = input(undefined, { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), transform: optionalNumber });
@@ -398,7 +403,7 @@ export class UiImage {
     modifiers = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "modifiers" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: UiImage, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.0", type: UiImage, isStandalone: true, selector: "ui-image", inputs: { systemName: { classPropertyName: "systemName", publicName: "systemName", isSignal: true, isRequired: false, transformFunction: null }, uiImage: { classPropertyName: "uiImage", publicName: "uiImage", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, modifiers: { classPropertyName: "modifiers", publicName: "modifiers", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "systemName": "systemName()", "uiImage": "uiImage()", "size": "size()", "color": "color()", "modifiers": "modifiers()" } }, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.0", type: UiImage, isStandalone: true, selector: "ui-image", inputs: { systemName: { classPropertyName: "systemName", publicName: "systemName", isSignal: true, isRequired: false, transformFunction: null }, assetName: { classPropertyName: "assetName", publicName: "assetName", isSignal: true, isRequired: false, transformFunction: null }, uiImage: { classPropertyName: "uiImage", publicName: "uiImage", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, modifiers: { classPropertyName: "modifiers", publicName: "modifiers", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "systemName": "systemName()", "assetName": "assetName()", "uiImage": "uiImage()", "size": "size()", "color": "color()", "modifiers": "modifiers()" } }, ngImport: i0, template: '', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: UiImage, decorators: [{
             type: Component,
@@ -407,34 +412,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImpor
                     template: '',
                     host: {
                         '[systemName]': 'systemName()',
+                        '[assetName]': 'assetName()',
                         '[uiImage]': 'uiImage()',
                         '[size]': 'size()',
                         '[color]': 'color()',
                         '[modifiers]': 'modifiers()',
                     },
                 }]
-        }], propDecorators: { systemName: [{ type: i0.Input, args: [{ isSignal: true, alias: "systemName", required: false }] }], uiImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "uiImage", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], modifiers: [{ type: i0.Input, args: [{ isSignal: true, alias: "modifiers", required: false }] }] } });
+        }], propDecorators: { systemName: [{ type: i0.Input, args: [{ isSignal: true, alias: "systemName", required: false }] }], assetName: [{ type: i0.Input, args: [{ isSignal: true, alias: "assetName", required: false }] }], uiImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "uiImage", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], modifiers: [{ type: i0.Input, args: [{ isSignal: true, alias: "modifiers", required: false }] }] } });
+/** A moment as SwiftUI takes it, in milliseconds since the epoch, or none for what is not one. */
+function milliseconds(value) {
+    const time = value == null ? NaN : new Date(value).getTime();
+    return Number.isNaN(time) ? undefined : time;
+}
+/** No timer unless both ends are moments, as the extension has none. */
+function timerMilliseconds(value) {
+    const lower = milliseconds(value?.lower);
+    const upper = milliseconds(value?.upper);
+    return lower === undefined || upper === undefined ? undefined : { lower, upper };
+}
 /**
  * A SwiftUI `Text`, or Compose's on Android. Its text is what is written inside it,
  * `<ui-text>Us {{ score }}</ui-text>`, as `<text>` takes its own, or `text`, which wins over it.
+ *
+ * On iOS it can keep time by itself instead, with no update from the app: `date` is drawn by
+ * `dateStyle`, as the time since or until it for `'relative'`, `'offset'` and `'timer'`, and
+ * `timerInterval` is a timer running from its `lower` to its `upper`, down unless `countsDown` is
+ * false.
  */
 export class UiText {
     nativeView = nativeView();
+    android = nativePlatform() === 'android';
     text = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
+    date = input(undefined, { ...(ngDevMode ? { debugName: "date" } : /* istanbul ignore next */ {}), transform: milliseconds });
+    dateStyle = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "dateStyle" }] : /* istanbul ignore next */ []));
+    timerInterval = input(undefined, { ...(ngDevMode ? { debugName: "timerInterval" } : /* istanbul ignore next */ {}), transform: timerMilliseconds });
+    countsDown = input(undefined, { ...(ngDevMode ? { debugName: "countsDown" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
     modifiers = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "modifiers" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: UiText, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.0", type: UiText, isStandalone: true, selector: "ui-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, modifiers: { classPropertyName: "modifiers", publicName: "modifiers", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "text": "text()", "modifiers": "modifiers()" } }, ngImport: i0, template: '<ng-content />', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.0", type: UiText, isStandalone: true, selector: "ui-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, dateStyle: { classPropertyName: "dateStyle", publicName: "dateStyle", isSignal: true, isRequired: false, transformFunction: null }, timerInterval: { classPropertyName: "timerInterval", publicName: "timerInterval", isSignal: true, isRequired: false, transformFunction: null }, countsDown: { classPropertyName: "countsDown", publicName: "countsDown", isSignal: true, isRequired: false, transformFunction: null }, modifiers: { classPropertyName: "modifiers", publicName: "modifiers", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "text": "text()", "date": "android ? undefined : date()", "dateStyle": "android ? undefined : dateStyle()", "timerInterval": "android ? undefined : timerInterval()", "countsDown": "android ? undefined : countsDown()", "modifiers": "modifiers()" } }, ngImport: i0, template: '<ng-content />', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: UiText, decorators: [{
             type: Component,
             args: [{
                     selector: 'ui-text',
                     template: '<ng-content />',
-                    host: { '[text]': 'text()', '[modifiers]': 'modifiers()' },
+                    host: {
+                        '[text]': 'text()',
+                        '[date]': 'android ? undefined : date()',
+                        '[dateStyle]': 'android ? undefined : dateStyle()',
+                        '[timerInterval]': 'android ? undefined : timerInterval()',
+                        '[countsDown]': 'android ? undefined : countsDown()',
+                        '[modifiers]': 'modifiers()',
+                    },
                 }]
-        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], modifiers: [{ type: i0.Input, args: [{ isSignal: true, alias: "modifiers", required: false }] }] } });
+        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }], dateStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateStyle", required: false }] }], timerInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "timerInterval", required: false }] }], countsDown: [{ type: i0.Input, args: [{ isSignal: true, alias: "countsDown", required: false }] }], modifiers: [{ type: i0.Input, args: [{ isSignal: true, alias: "modifiers", required: false }] }] } });
 /**
  * Listen for one of a `ui-*` view's own events from inside its component. Not a host listener:
  * one named as an output listens to the output itself, and see the note at the top of this file
@@ -603,7 +638,7 @@ export class UiPicker {
       </ui-slot>
     }
     <ng-content />
-  `, isInline: true, dependencies: [{ kind: "component", type: UiSlot, selector: "ui-slot", inputs: ["name", "extraProps"] }, { kind: "component", type: UiText, selector: "ui-text", inputs: ["text", "modifiers"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: UiSlot, selector: "ui-slot", inputs: ["name", "extraProps"] }, { kind: "component", type: UiText, selector: "ui-text", inputs: ["text", "date", "dateStyle", "timerInterval", "countsDown", "modifiers"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: UiPicker, decorators: [{
             type: Component,
@@ -847,15 +882,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImpor
 /**
  * A SwiftUI `ProgressView`: a bar filled to `value`, from 0 to 1, or a spinner without one. On
  * Android, Compose's `LinearProgressIndicator`, a moving bar rather than a spinner without a value.
+ * On iOS, `timerInterval` has the bar keep time by itself from its `lower` to its `upper`, emptying
+ * unless `countsDown` is false.
  */
 export class UiProgress {
     nativeView = nativeView();
     android = nativePlatform() === 'android';
     value = input(undefined, { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    timerInterval = input(undefined, { ...(ngDevMode ? { debugName: "timerInterval" } : /* istanbul ignore next */ {}), transform: timerMilliseconds });
+    countsDown = input(undefined, { ...(ngDevMode ? { debugName: "countsDown" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
     modifiers = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "modifiers" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: UiProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.0", type: UiProgress, isStandalone: true, selector: "ui-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, modifiers: { classPropertyName: "modifiers", publicName: "modifiers", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "value": "android ? undefined : value()", "progress": "android ? value() : undefined", "modifiers": "modifiers()" } }, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.0", type: UiProgress, isStandalone: true, selector: "ui-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, timerInterval: { classPropertyName: "timerInterval", publicName: "timerInterval", isSignal: true, isRequired: false, transformFunction: null }, countsDown: { classPropertyName: "countsDown", publicName: "countsDown", isSignal: true, isRequired: false, transformFunction: null }, modifiers: { classPropertyName: "modifiers", publicName: "modifiers", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "value": "android ? undefined : value()", "progress": "android ? value() : undefined", "timerInterval": "android ? undefined : timerInterval()", "countsDown": "android ? undefined : countsDown()", "modifiers": "modifiers()" } }, ngImport: i0, template: '', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: UiProgress, decorators: [{
             type: Component,
@@ -865,10 +904,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImpor
                     host: {
                         '[value]': 'android ? undefined : value()',
                         '[progress]': 'android ? value() : undefined',
+                        '[timerInterval]': 'android ? undefined : timerInterval()',
+                        '[countsDown]': 'android ? undefined : countsDown()',
                         '[modifiers]': 'modifiers()',
                     },
                 }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], modifiers: [{ type: i0.Input, args: [{ isSignal: true, alias: "modifiers", required: false }] }] } });
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], timerInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "timerInterval", required: false }] }], countsDown: [{ type: i0.Input, args: [{ isSignal: true, alias: "countsDown", required: false }] }], modifiers: [{ type: i0.Input, args: [{ isSignal: true, alias: "modifiers", required: false }] }] } });
 /**
  * A SwiftUI `HStack`, or Compose's `Row` on Android, centred, as SwiftUI's is, unless `alignment`
  * says otherwise. Compose has no `firstTextBaseline`, and centres instead. Without `spacing`, SwiftUI