npm - capacitor-extended-dialog - Versions diffs - 0.0.14 → 0.0.16 - Mend

capacitor-extended-dialog 0.0.14 → 0.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/CapacitorExtendedDialog.podspec +1 -0
package/Package.swift +4 -2
package/README.md +77 -75
package/android/build.gradle +1 -0
package/android/src/main/java/com/albermonte/extendeddialog/SheetBottomDialogFragment.java +19 -14
package/android/src/main/java/com/albermonte/extendeddialog/SvgImageLoader.java +101 -0
package/dist/docs.json +74 -74
package/dist/esm/definitions.d.ts +15 -3
package/dist/esm/definitions.js.map +1 -1
package/ios/Sources/ExtendedDialogPlugin/FullScreenDialogViewController.swift +22 -17
package/ios/Sources/ExtendedDialogPlugin/SvgImageLoader.swift +70 -0
package/package.json +1 -1

package/CapacitorExtendedDialog.podspec CHANGED Viewed

@@ -13,5 +13,6 @@ Pod::Spec.new do |s|
   s.source_files = 'ios/Sources/**/*.{swift,h,m,c,cc,mm,cpp}'
   s.ios.deployment_target = '15.0'
   s.dependency 'Capacitor'
+  s.dependency 'SVGKit', '~> 3.0'
   s.swift_version = '5.1'
 end

package/Package.swift CHANGED Viewed

@@ -10,14 +10,16 @@ let package = Package(
             targets: ["ExtendedDialogPlugin"])
     ],
     dependencies: [
-        .package(url: "https://github.com/ionic-team/capacitor-swift-pm.git", from: "8.0.0")
+        .package(url: "https://github.com/ionic-team/capacitor-swift-pm.git", from: "8.0.0"),
+        .package(url: "https://github.com/SVGKit/SVGKit.git", from: "3.0.0")
     ],
     targets: [
         .target(
             name: "ExtendedDialogPlugin",
             dependencies: [
                 .product(name: "Capacitor", package: "capacitor-swift-pm"),
-                .product(name: "Cordova", package: "capacitor-swift-pm")
+                .product(name: "Cordova", package: "capacitor-swift-pm"),
+                .product(name: "SVGKit", package: "SVGKit")
             ],
             path: "ios/Sources/ExtendedDialogPlugin"),
         .testTarget(

package/README.md CHANGED Viewed

@@ -38,7 +38,7 @@ npx cap sync
 ### alert(...)
 ```typescript
-alert(options: AlertOptions) => Promise<void>
+alert(options: AlertOptions) => any
 ```
 Show an alert dialog with a single dismiss button.
@@ -47,13 +47,15 @@ Show an alert dialog with a single dismiss button.
 | ------------- | ----------------------------------------------------- | ------------------------------ |
 | **`options`** | <code><a href="#alertoptions">AlertOptions</a></code> | - Alert configuration options. |
+**Returns:** <code>any</code>
 --------------------
 ### confirm(...)
 ```typescript
-confirm(options: ConfirmOptions) => Promise<ConfirmResult>
+confirm(options: ConfirmOptions) => any
 ```
 Show a confirmation dialog with OK and Cancel buttons.
@@ -62,7 +64,7 @@ Show a confirmation dialog with OK and Cancel buttons.
 | ------------- | --------------------------------------------------------- | -------------------------------- |
 | **`options`** | <code><a href="#confirmoptions">ConfirmOptions</a></code> | - Confirm configuration options. |
-**Returns:** <code>Promise&lt;<a href="#confirmresult">ConfirmResult</a>&gt;</code>
+**Returns:** <code>any</code>
 --------------------
@@ -70,7 +72,7 @@ Show a confirmation dialog with OK and Cancel buttons.
 ### prompt(...)
 ```typescript
-prompt(options: PromptOptions) => Promise<PromptResult>
+prompt(options: PromptOptions) => any
 ```
 Show a prompt dialog with a text input field.
@@ -79,7 +81,7 @@ Show a prompt dialog with a text input field.
 | ------------- | ------------------------------------------------------- | ------------------------------- |
 | **`options`** | <code><a href="#promptoptions">PromptOptions</a></code> | - Prompt configuration options. |
-**Returns:** <code>Promise&lt;<a href="#promptresult">PromptResult</a>&gt;</code>
+**Returns:** <code>any</code>
 --------------------
@@ -87,7 +89,7 @@ Show a prompt dialog with a text input field.
 ### singleSelect(...)
 ```typescript
-singleSelect(options: SingleSelectOptions) => Promise<SingleSelectResult>
+singleSelect(options: SingleSelectOptions) => any
 ```
 Show a single-select dialog where the user picks one option.
@@ -96,7 +98,7 @@ Show a single-select dialog where the user picks one option.
 | ------------- | ------------------------------------------------------------------- | -------------------------------------- |
 | **`options`** | <code><a href="#singleselectoptions">SingleSelectOptions</a></code> | - Single select configuration options. |
-**Returns:** <code>Promise&lt;<a href="#singleselectresult">SingleSelectResult</a>&gt;</code>
+**Returns:** <code>any</code>
 --------------------
@@ -104,7 +106,7 @@ Show a single-select dialog where the user picks one option.
 ### multiSelect(...)
 ```typescript
-multiSelect(options: MultiSelectOptions) => Promise<MultiSelectResult>
+multiSelect(options: MultiSelectOptions) => any
 ```
 Show a multi-select dialog where the user picks one or more options.
@@ -113,7 +115,7 @@ Show a multi-select dialog where the user picks one or more options.
 | ------------- | ----------------------------------------------------------------- | ------------------------------------- |
 | **`options`** | <code><a href="#multiselectoptions">MultiSelectOptions</a></code> | - Multi select configuration options. |
-**Returns:** <code>Promise&lt;<a href="#multiselectresult">MultiSelectResult</a>&gt;</code>
+**Returns:** <code>any</code>
 --------------------
@@ -121,7 +123,7 @@ Show a multi-select dialog where the user picks one or more options.
 ### sheet(...)
 ```typescript
-sheet(options: SheetOptions) => Promise<SheetResult>
+sheet(options: SheetOptions) => any
 ```
 Show a sheet dialog with a header, title, and structured data rows.
@@ -130,7 +132,7 @@ Show a sheet dialog with a header, title, and structured data rows.
 | ------------- | ----------------------------------------------------- | ------------------------------ |
 | **`options`** | <code><a href="#sheetoptions">SheetOptions</a></code> | - Sheet configuration options. |
-**Returns:** <code>Promise&lt;<a href="#sheetresult">SheetResult</a>&gt;</code>
+**Returns:** <code>any</code>
 --------------------
@@ -138,7 +140,7 @@ Show a sheet dialog with a header, title, and structured data rows.
 ### messageSheet(...)
 ```typescript
-messageSheet(options: MessageSheetOptions) => Promise<MessageSheetResult>
+messageSheet(options: MessageSheetOptions) => any
 ```
 Show a message sheet dialog with an optional header logo, title, and message.
@@ -147,7 +149,7 @@ Show a message sheet dialog with an optional header logo, title, and message.
 | ------------- | ------------------------------------------------------------------- | -------------------------------------- |
 | **`options`** | <code><a href="#messagesheetoptions">MessageSheetOptions</a></code> | - Message sheet configuration options. |
-**Returns:** <code>Promise&lt;<a href="#messagesheetresult">MessageSheetResult</a>&gt;</code>
+**Returns:** <code>any</code>
 --------------------
@@ -162,13 +164,6 @@ Show a message sheet dialog with an optional header logo, title, and message.
 | **`buttonTitle`** | <code>string</code> | Title for the dismiss button. | <code>"OK"</code> |
-#### ConfirmResult
-| Prop        | Type                 | Description                                                 |
-| ----------- | -------------------- | ----------------------------------------------------------- |
-| **`value`** | <code>boolean</code> | Whether the user confirmed (`true`) or cancelled (`false`). |
 #### ConfirmOptions
 | Prop                    | Type                | Description                        | Default               |
@@ -177,12 +172,11 @@ Show a message sheet dialog with an optional header logo, title, and message.
 | **`cancelButtonTitle`** | <code>string</code> | Title for the cancel button.       | <code>"Cancel"</code> |
-#### PromptResult
+#### ConfirmResult
-| Prop            | Type                 | Description                                              |
-| --------------- | -------------------- | -------------------------------------------------------- |
-| **`value`**     | <code>string</code>  | The text entered by the user. Empty string if cancelled. |
-| **`cancelled`** | <code>boolean</code> | Whether the user cancelled the dialog.                   |
+| Prop        | Type                 | Description                                                 |
+| ----------- | -------------------- | ----------------------------------------------------------- |
+| **`value`** | <code>boolean</code> | Whether the user confirmed (`true`) or cancelled (`false`). |
 #### PromptOptions
@@ -196,22 +190,22 @@ Show a message sheet dialog with an optional header logo, title, and message.
 | **`focusInput`**        | <code>boolean</code> | Whether to automatically focus the input field and open the keyboard when the dialog appears. Note: On iOS, basic (non-fullscreen) dialogs always auto-focus the input field due to UIAlertController's built-in behavior. This option only takes effect on iOS when using fullscreen mode (`mode: 'fullscreen'`). On Android and web, this works for all modes. | <code>false</code>    |
-#### SingleSelectResult
+#### PromptResult
-| Prop            | Type                        | Description                                               |
-| --------------- | --------------------------- | --------------------------------------------------------- |
-| **`value`**     | <code>string \| null</code> | The value of the selected option, or `null` if cancelled. |
-| **`cancelled`** | <code>boolean</code>        | Whether the user cancelled the dialog.                    |
+| Prop            | Type                 | Description                                              |
+| --------------- | -------------------- | -------------------------------------------------------- |
+| **`value`**     | <code>string</code>  | The text entered by the user. Empty string if cancelled. |
+| **`cancelled`** | <code>boolean</code> | Whether the user cancelled the dialog.                   |
 #### SingleSelectOptions
-| Prop                    | Type                        | Description                               | Default               |
-| ----------------------- | --------------------------- | ----------------------------------------- | --------------------- |
-| **`options`**           | <code>SelectOption[]</code> | List of options to display for selection. |                       |
-| **`selectedValue`**     | <code>string</code>         | Value of the initially selected option.   |                       |
-| **`okButtonTitle`**     | <code>string</code>         | Title for the confirmation button.        | <code>"OK"</code>     |
-| **`cancelButtonTitle`** | <code>string</code>         | Title for the cancel button.              | <code>"Cancel"</code> |
+| Prop                    | Type                | Description                               | Default               |
+| ----------------------- | ------------------- | ----------------------------------------- | --------------------- |
+| **`options`**           | <code>{}</code>     | List of options to display for selection. |                       |
+| **`selectedValue`**     | <code>string</code> | Value of the initially selected option.   |                       |
+| **`okButtonTitle`**     | <code>string</code> | Title for the confirmation button.        | <code>"OK"</code>     |
+| **`cancelButtonTitle`** | <code>string</code> | Title for the cancel button.              | <code>"Cancel"</code> |
 #### SelectOption
@@ -222,54 +216,55 @@ Show a message sheet dialog with an optional header logo, title, and message.
 | **`value`** | <code>string</code> | Value returned when the option is selected. |
-#### MultiSelectResult
+#### SingleSelectResult
-| Prop            | Type                  | Description                                                   |
-| --------------- | --------------------- | ------------------------------------------------------------- |
-| **`values`**    | <code>string[]</code> | The values of the selected options. Empty array if cancelled. |
-| **`cancelled`** | <code>boolean</code>  | Whether the user cancelled the dialog.                        |
+| Prop            | Type                        | Description                                               |
+| --------------- | --------------------------- | --------------------------------------------------------- |
+| **`value`**     | <code>string \| null</code> | The value of the selected option, or `null` if cancelled. |
+| **`cancelled`** | <code>boolean</code>        | Whether the user cancelled the dialog.                    |
 #### MultiSelectOptions
-| Prop                    | Type                        | Description                               | Default               |
-| ----------------------- | --------------------------- | ----------------------------------------- | --------------------- |
-| **`options`**           | <code>SelectOption[]</code> | List of options to display for selection. |                       |
-| **`selectedValues`**    | <code>string[]</code>       | Values of the initially selected options. |                       |
-| **`okButtonTitle`**     | <code>string</code>         | Title for the confirmation button.        | <code>"OK"</code>     |
-| **`cancelButtonTitle`** | <code>string</code>         | Title for the cancel button.              | <code>"Cancel"</code> |
+| Prop                    | Type                | Description                               | Default               |
+| ----------------------- | ------------------- | ----------------------------------------- | --------------------- |
+| **`options`**           | <code>{}</code>     | List of options to display for selection. |                       |
+| **`selectedValues`**    | <code>{}</code>     | Values of the initially selected options. |                       |
+| **`okButtonTitle`**     | <code>string</code> | Title for the confirmation button.        | <code>"OK"</code>     |
+| **`cancelButtonTitle`** | <code>string</code> | Title for the cancel button.              | <code>"Cancel"</code> |
-#### SheetResult
+#### MultiSelectResult
-| Prop            | Type                 | Description                           |
-| --------------- | -------------------- | ------------------------------------- |
-| **`confirmed`** | <code>boolean</code> | True if confirmed, false if cancelled |
+| Prop            | Type                 | Description                                                   |
+| --------------- | -------------------- | ------------------------------------------------------------- |
+| **`values`**    | <code>{}</code>      | The values of the selected options. Empty array if cancelled. |
+| **`cancelled`** | <code>boolean</code> | Whether the user cancelled the dialog.                        |
 #### SheetOptions
-| Prop                     | Type                                              | Description                                              |
-| ------------------------ | ------------------------------------------------- | -------------------------------------------------------- |
-| **`headerLogo`**         | <code>string</code>                               | Header logo - supports base64 data URL or HTTP/HTTPS URL |
-| **`title`**              | <code>string</code>                               | Sheet title                                              |
-| **`subtitle`**           | <code>string</code>                               | Optional subtitle displayed between title and rows       |
-| **`rows`**               | <code>SheetRow[]</code>                           | Description rows                                         |
-| **`confirmButtonTitle`** | <code>string</code>                               | Confirm button title                                     |
-| **`cancelButtonTitle`**  | <code>string</code>                               | Cancel button title                                      |
-| **`mode`**               | <code><a href="#dialogmode">DialogMode</a></code> | Dialog mode                                              |
+| Prop                     | Type                                              | Description                                                                                                                                                                                                                      |
+| ------------------------ | ------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **`headerLogo`**         | <code>string</code>                               | Header logo. Supports: - PNG/JPEG/WebP/GIF as base64 data URL or HTTP/HTTPS URL - SVG as `data:image/svg+xml;base64,...`, `data:image/svg+xml,&lt;svg ...&gt;...` (URL-encoded or plain), or any HTTP/HTTPS URL ending in `.svg` |
+| **`title`**              | <code>string</code>                               | Sheet title                                                                                                                                                                                                                      |
+| **`subtitle`**           | <code>string</code>                               | Optional subtitle displayed between title and rows                                                                                                                                                                               |
+| **`rows`**               | <code>{}</code>                                   | Description rows                                                                                                                                                                                                                 |
+| **`confirmButtonTitle`** | <code>string</code>                               | Confirm button title                                                                                                                                                                                                             |
+| **`cancelButtonTitle`**  | <code>string</code>                               | Cancel button title                                                                                                                                                                                                              |
+| **`mode`**               | <code><a href="#dialogmode">DialogMode</a></code> | Dialog mode                                                                                                                                                                                                                      |
 #### SheetRow
-| Prop        | Type                | Description                                                     |
-| ----------- | ------------------- | --------------------------------------------------------------- |
-| **`title`** | <code>string</code> | Row title (required)                                            |
-| **`logo`**  | <code>string</code> | Optional logo/icon - supports base64 data URL or HTTP/HTTPS URL |
-| **`value`** | <code>string</code> | Optional value displayed on the right                           |
+| Prop        | Type                | Description                                                                                                                                                                                                                             |
+| ----------- | ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **`title`** | <code>string</code> | Row title (required)                                                                                                                                                                                                                    |
+| **`logo`**  | <code>string</code> | Optional logo/icon. Supports: - PNG/JPEG/WebP/GIF as base64 data URL or HTTP/HTTPS URL - SVG as `data:image/svg+xml;base64,...`, `data:image/svg+xml,&lt;svg ...&gt;...` (URL-encoded or plain), or any HTTP/HTTPS URL ending in `.svg` |
+| **`value`** | <code>string</code> | Optional value displayed on the right                                                                                                                                                                                                   |
-#### MessageSheetResult
+#### SheetResult
 | Prop            | Type                 | Description                           |
 | --------------- | -------------------- | ------------------------------------- |
@@ -278,15 +273,22 @@ Show a message sheet dialog with an optional header logo, title, and message.
 #### MessageSheetOptions
-| Prop                     | Type                                              | Description                                              |
-| ------------------------ | ------------------------------------------------- | -------------------------------------------------------- |
-| **`headerLogo`**         | <code>string</code>                               | Header logo - supports base64 data URL or HTTP/HTTPS URL |
-| **`title`**              | <code>string</code>                               | Sheet title                                              |
-| **`subtitle`**           | <code>string</code>                               | Optional subtitle displayed between title and message    |
-| **`message`**            | <code>string</code>                               | Message body displayed in the sheet                      |
-| **`confirmButtonTitle`** | <code>string</code>                               | Confirm button title                                     |
-| **`cancelButtonTitle`**  | <code>string</code>                               | Cancel button title                                      |
-| **`mode`**               | <code><a href="#dialogmode">DialogMode</a></code> | Dialog mode                                              |
+| Prop                     | Type                                              | Description                                                                                                                                                                                                                      |
+| ------------------------ | ------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **`headerLogo`**         | <code>string</code>                               | Header logo. Supports: - PNG/JPEG/WebP/GIF as base64 data URL or HTTP/HTTPS URL - SVG as `data:image/svg+xml;base64,...`, `data:image/svg+xml,&lt;svg ...&gt;...` (URL-encoded or plain), or any HTTP/HTTPS URL ending in `.svg` |
+| **`title`**              | <code>string</code>                               | Sheet title                                                                                                                                                                                                                      |
+| **`subtitle`**           | <code>string</code>                               | Optional subtitle displayed between title and message                                                                                                                                                                            |
+| **`message`**            | <code>string</code>                               | Message body displayed in the sheet                                                                                                                                                                                              |
+| **`confirmButtonTitle`** | <code>string</code>                               | Confirm button title                                                                                                                                                                                                             |
+| **`cancelButtonTitle`**  | <code>string</code>                               | Cancel button title                                                                                                                                                                                                              |
+| **`mode`**               | <code><a href="#dialogmode">DialogMode</a></code> | Dialog mode                                                                                                                                                                                                                      |
+#### MessageSheetResult
+| Prop            | Type                 | Description                           |
+| --------------- | -------------------- | ------------------------------------- |
+| **`confirmed`** | <code>boolean</code> | True if confirmed, false if cancelled |
 ### Type Aliases

package/android/build.gradle CHANGED Viewed

@@ -53,6 +53,7 @@ dependencies {
     implementation project(':capacitor-android')
     implementation "androidx.appcompat:appcompat:$androidxAppCompatVersion"
     implementation 'com.google.android.material:material:1.12.0'
+    implementation 'com.caverock:androidsvg-aar:1.4'
     testImplementation "junit:junit:$junitVersion"
     androidTestImplementation "androidx.test.ext:junit:$androidxJunitVersion"
     androidTestImplementation "androidx.test.espresso:espresso-core:$androidxEspressoCoreVersion"

package/android/src/main/java/com/albermonte/extendeddialog/SheetBottomDialogFragment.java CHANGED Viewed

@@ -7,7 +7,6 @@ import android.content.res.ColorStateList;
 import android.graphics.Bitmap;
 import android.graphics.BitmapFactory;
 import android.os.Bundle;
-import android.util.Base64;
 import android.util.TypedValue;
 import android.view.ContextThemeWrapper;
 import android.view.Gravity;
@@ -52,6 +51,8 @@ public class SheetBottomDialogFragment extends BottomSheetDialogFragment {
     private static final String ARG_SUBTITLE = "subtitle";
     private static final String ARG_IS_MESSAGE_SHEET = "isMessageSheet";
+    private static final Executor IMAGE_EXECUTOR = Executors.newCachedThreadPool();
     private ExtendedDialog.SheetCallback sheetCallback;
     private boolean dismissed = false;
     private Context themedContext;
@@ -706,28 +707,32 @@ public class SheetBottomDialogFragment extends BottomSheetDialogFragment {
     }
     private void loadImageAsync(ImageView imageView, String imageUrl) {
-        Executor executor = Executors.newSingleThreadExecutor();
-        executor.execute(() -> {
+        if (imageUrl == null || imageUrl.isEmpty()) return;
+        IMAGE_EXECUTOR.execute(() -> {
             try {
-                Bitmap bitmap;
-                if (imageUrl.startsWith("data:")) {
-                    String base64Data = imageUrl.substring(imageUrl.indexOf(",") + 1);
-                    byte[] decodedBytes = Base64.decode(base64Data, Base64.DEFAULT);
-                    bitmap = BitmapFactory.decodeByteArray(decodedBytes, 0, decodedBytes.length);
-                } else {
-                    InputStream inputStream = new URL(imageUrl).openStream();
-                    bitmap = BitmapFactory.decodeStream(inputStream);
-                    inputStream.close();
-                }
+                Bitmap bitmap = decodeImage(imageUrl, imageView);
                 if (bitmap != null) {
                     imageView.post(() -> imageView.setImageBitmap(bitmap));
                 }
             } catch (Exception e) {
-                // Silently fail - image won't be displayed
+                android.util.Log.w("ExtendedDialog", "Failed to load image: " + e.getMessage());
             }
         });
     }
+    private static Bitmap decodeImage(String imageUrl, ImageView imageView) throws Exception {
+        if (SvgImageLoader.isSvgSource(imageUrl)) {
+            return SvgImageLoader.render(imageUrl, imageView);
+        }
+        if (SvgImageLoader.isDataUrl(imageUrl)) {
+            byte[] decodedBytes = SvgImageLoader.decodeDataUrl(imageUrl);
+            return BitmapFactory.decodeByteArray(decodedBytes, 0, decodedBytes.length);
+        }
+        try (InputStream inputStream = new URL(imageUrl).openStream()) {
+            return BitmapFactory.decodeStream(inputStream);
+        }
+    }
     private void handleConfirm() {
         if (dismissed) return;
         dismissed = true;

package/android/src/main/java/com/albermonte/extendeddialog/SvgImageLoader.java ADDED Viewed

@@ -0,0 +1,101 @@
+package com.albermonte.extendeddialog;
+import android.graphics.Bitmap;
+import android.graphics.Canvas;
+import android.net.Uri;
+import android.util.Base64;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import com.caverock.androidsvg.SVG;
+import com.caverock.androidsvg.SVGParseException;
+import java.io.ByteArrayInputStream;
+import java.io.IOException;
+import java.io.InputStream;
+import java.net.URL;
+import java.net.URLDecoder;
+import java.nio.charset.StandardCharsets;
+import java.util.Locale;
+final class SvgImageLoader {
+    private static final String SVG_DATA_URL_PREFIX = "data:image/svg+xml";
+    private static final String DATA_URL_PREFIX = "data:";
+    private static final String SVG_SUFFIX = ".svg";
+    private SvgImageLoader() {}
+    static boolean isDataUrl(String source) {
+        return source != null && source.regionMatches(true, 0, DATA_URL_PREFIX, 0, DATA_URL_PREFIX.length());
+    }
+    static boolean isSvgSource(String source) {
+        if (source == null) return false;
+        if (source.regionMatches(true, 0, SVG_DATA_URL_PREFIX, 0, SVG_DATA_URL_PREFIX.length())) return true;
+        Uri uri = Uri.parse(source);
+        String scheme = uri.getScheme();
+        if (scheme == null || (!scheme.equalsIgnoreCase("http") && !scheme.equalsIgnoreCase("https"))) {
+            return false;
+        }
+        String path = uri.getPath();
+        return path != null && path.toLowerCase(Locale.ROOT).endsWith(SVG_SUFFIX);
+    }
+    /** Supports `;base64` and percent-encoded payloads. */
+    static byte[] decodeDataUrl(String source) throws IOException {
+        int comma = source.indexOf(',');
+        if (comma < 0) throw new IOException("Malformed data URL");
+        String header = source.substring(0, comma);
+        String payload = source.substring(comma + 1);
+        if (header.toLowerCase(Locale.ROOT).contains(";base64")) {
+            return Base64.decode(payload, Base64.DEFAULT);
+        }
+        return URLDecoder.decode(payload, StandardCharsets.UTF_8.name()).getBytes(StandardCharsets.UTF_8);
+    }
+    /** Sizes Bitmap to {@code targetView}'s layout params (or 64dp default). */
+    static Bitmap render(String source, ImageView targetView) throws SVGParseException, IOException {
+        SVG svg = parse(source);
+        ViewGroup.LayoutParams params = targetView.getLayoutParams();
+        int width = params != null ? params.width : 0;
+        int height = params != null ? params.height : 0;
+        if (width <= 0 || height <= 0) {
+            float density = targetView.getResources().getDisplayMetrics().density;
+            int fallback = (int) (64 * density);
+            if (width <= 0) width = fallback;
+            if (height <= 0) height = fallback;
+        }
+        // AndroidSVG only scales through the viewBox. Without one, resizing the
+        // document clips the drawing to its top-left corner, so derive it from
+        // the declared width/height.
+        if (svg.getDocumentViewBox() == null) {
+            float docWidth = svg.getDocumentWidth();
+            float docHeight = svg.getDocumentHeight();
+            if (docWidth > 0 && docHeight > 0) {
+                svg.setDocumentViewBox(0, 0, docWidth, docHeight);
+            }
+        }
+        // Rescale via viewBox + preserveAspectRatio so small-viewport SVGs
+        // (e.g. width="20") aren't rendered tiny in the top-left corner.
+        svg.setDocumentWidth(width);
+        svg.setDocumentHeight(height);
+        Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
+        Canvas canvas = new Canvas(bitmap);
+        svg.renderToCanvas(canvas);
+        return bitmap;
+    }
+    private static SVG parse(String source) throws SVGParseException, IOException {
+        if (isDataUrl(source)) {
+            byte[] bytes = decodeDataUrl(source);
+            try (InputStream in = new ByteArrayInputStream(bytes)) {
+                return SVG.getFromInputStream(in);
+            }
+        }
+        try (InputStream in = new URL(source).openStream()) {
+            return SVG.getFromInputStream(in);
+        }
+    }
+}

package/dist/docs.json CHANGED Viewed

@@ -7,7 +7,7 @@
     "methods": [
       {
         "name": "alert",
-        "signature": "(options: AlertOptions) => Promise<void>",
+        "signature": "(options: AlertOptions) => any",
         "parameters": [
           {
             "name": "options",
@@ -15,7 +15,7 @@
             "type": "AlertOptions"
           }
         ],
-        "returns": "Promise<void>",
+        "returns": "any",
         "tags": [
           {
             "name": "param",
@@ -30,7 +30,7 @@
       },
       {
         "name": "confirm",
-        "signature": "(options: ConfirmOptions) => Promise<ConfirmResult>",
+        "signature": "(options: ConfirmOptions) => any",
         "parameters": [
           {
             "name": "options",
@@ -38,7 +38,7 @@
             "type": "ConfirmOptions"
           }
         ],
-        "returns": "Promise<ConfirmResult>",
+        "returns": "any",
         "tags": [
           {
             "name": "param",
@@ -51,14 +51,14 @@
         ],
         "docs": "Show a confirmation dialog with OK and Cancel buttons.",
         "complexTypes": [
-          "ConfirmResult",
-          "ConfirmOptions"
+          "ConfirmOptions",
+          "ConfirmResult"
         ],
         "slug": "confirm"
       },
       {
         "name": "prompt",
-        "signature": "(options: PromptOptions) => Promise<PromptResult>",
+        "signature": "(options: PromptOptions) => any",
         "parameters": [
           {
             "name": "options",
@@ -66,7 +66,7 @@
             "type": "PromptOptions"
           }
         ],
-        "returns": "Promise<PromptResult>",
+        "returns": "any",
         "tags": [
           {
             "name": "param",
@@ -79,14 +79,14 @@
         ],
         "docs": "Show a prompt dialog with a text input field.",
         "complexTypes": [
-          "PromptResult",
-          "PromptOptions"
+          "PromptOptions",
+          "PromptResult"
         ],
         "slug": "prompt"
       },
       {
         "name": "singleSelect",
-        "signature": "(options: SingleSelectOptions) => Promise<SingleSelectResult>",
+        "signature": "(options: SingleSelectOptions) => any",
         "parameters": [
           {
             "name": "options",
@@ -94,7 +94,7 @@
             "type": "SingleSelectOptions"
           }
         ],
-        "returns": "Promise<SingleSelectResult>",
+        "returns": "any",
         "tags": [
           {
             "name": "param",
@@ -107,14 +107,14 @@
         ],
         "docs": "Show a single-select dialog where the user picks one option.",
         "complexTypes": [
-          "SingleSelectResult",
-          "SingleSelectOptions"
+          "SingleSelectOptions",
+          "SingleSelectResult"
         ],
         "slug": "singleselect"
       },
       {
         "name": "multiSelect",
-        "signature": "(options: MultiSelectOptions) => Promise<MultiSelectResult>",
+        "signature": "(options: MultiSelectOptions) => any",
         "parameters": [
           {
             "name": "options",
@@ -122,7 +122,7 @@
             "type": "MultiSelectOptions"
           }
         ],
-        "returns": "Promise<MultiSelectResult>",
+        "returns": "any",
         "tags": [
           {
             "name": "param",
@@ -135,14 +135,14 @@
         ],
         "docs": "Show a multi-select dialog where the user picks one or more options.",
         "complexTypes": [
-          "MultiSelectResult",
-          "MultiSelectOptions"
+          "MultiSelectOptions",
+          "MultiSelectResult"
         ],
         "slug": "multiselect"
       },
       {
         "name": "sheet",
-        "signature": "(options: SheetOptions) => Promise<SheetResult>",
+        "signature": "(options: SheetOptions) => any",
         "parameters": [
           {
             "name": "options",
@@ -150,7 +150,7 @@
             "type": "SheetOptions"
           }
         ],
-        "returns": "Promise<SheetResult>",
+        "returns": "any",
         "tags": [
           {
             "name": "param",
@@ -163,14 +163,14 @@
         ],
         "docs": "Show a sheet dialog with a header, title, and structured data rows.",
         "complexTypes": [
-          "SheetResult",
-          "SheetOptions"
+          "SheetOptions",
+          "SheetResult"
         ],
         "slug": "sheet"
       },
       {
         "name": "messageSheet",
-        "signature": "(options: MessageSheetOptions) => Promise<MessageSheetResult>",
+        "signature": "(options: MessageSheetOptions) => any",
         "parameters": [
           {
             "name": "options",
@@ -178,7 +178,7 @@
             "type": "MessageSheetOptions"
           }
         ],
-        "returns": "Promise<MessageSheetResult>",
+        "returns": "any",
         "tags": [
           {
             "name": "param",
@@ -191,8 +191,8 @@
         ],
         "docs": "Show a message sheet dialog with an optional header logo, title, and message.",
         "complexTypes": [
-          "MessageSheetResult",
-          "MessageSheetOptions"
+          "MessageSheetOptions",
+          "MessageSheetResult"
         ],
         "slug": "messagesheet"
       }
@@ -221,22 +221,6 @@
         }
       ]
     },
-    {
-      "name": "ConfirmResult",
-      "slug": "confirmresult",
-      "docs": "",
-      "tags": [],
-      "methods": [],
-      "properties": [
-        {
-          "name": "value",
-          "tags": [],
-          "docs": "Whether the user confirmed (`true`) or cancelled (`false`).",
-          "complexTypes": [],
-          "type": "boolean"
-        }
-      ]
-    },
     {
       "name": "ConfirmOptions",
       "slug": "confirmoptions",
@@ -271,8 +255,8 @@
       ]
     },
     {
-      "name": "PromptResult",
-      "slug": "promptresult",
+      "name": "ConfirmResult",
+      "slug": "confirmresult",
       "docs": "",
       "tags": [],
       "methods": [],
@@ -280,14 +264,7 @@
         {
           "name": "value",
           "tags": [],
-          "docs": "The text entered by the user. Empty string if cancelled.",
-          "complexTypes": [],
-          "type": "string"
-        },
-        {
-          "name": "cancelled",
-          "tags": [],
-          "docs": "Whether the user cancelled the dialog.",
+          "docs": "Whether the user confirmed (`true`) or cancelled (`false`).",
           "complexTypes": [],
           "type": "boolean"
         }
@@ -353,8 +330,8 @@
       ]
     },
     {
-      "name": "SingleSelectResult",
-      "slug": "singleselectresult",
+      "name": "PromptResult",
+      "slug": "promptresult",
       "docs": "",
       "tags": [],
       "methods": [],
@@ -362,9 +339,9 @@
         {
           "name": "value",
           "tags": [],
-          "docs": "The value of the selected option, or `null` if cancelled.",
+          "docs": "The text entered by the user. Empty string if cancelled.",
           "complexTypes": [],
-          "type": "string | null"
+          "type": "string"
         },
         {
           "name": "cancelled",
@@ -389,7 +366,7 @@
           "complexTypes": [
             "SelectOption"
           ],
-          "type": "SelectOption[]"
+          "type": "{}"
         },
         {
           "name": "selectedValue",
@@ -448,18 +425,18 @@
       ]
     },
     {
-      "name": "MultiSelectResult",
-      "slug": "multiselectresult",
+      "name": "SingleSelectResult",
+      "slug": "singleselectresult",
       "docs": "",
       "tags": [],
       "methods": [],
       "properties": [
         {
-          "name": "values",
+          "name": "value",
           "tags": [],
-          "docs": "The values of the selected options. Empty array if cancelled.",
+          "docs": "The value of the selected option, or `null` if cancelled.",
           "complexTypes": [],
-          "type": "string[]"
+          "type": "string | null"
         },
         {
           "name": "cancelled",
@@ -484,14 +461,14 @@
           "complexTypes": [
             "SelectOption"
           ],
-          "type": "SelectOption[]"
+          "type": "{}"
         },
         {
           "name": "selectedValues",
           "tags": [],
           "docs": "Values of the initially selected options.",
           "complexTypes": [],
-          "type": "string[] | undefined"
+          "type": "{} | undefined"
         },
         {
           "name": "okButtonTitle",
@@ -520,16 +497,23 @@
       ]
     },
     {
-      "name": "SheetResult",
-      "slug": "sheetresult",
+      "name": "MultiSelectResult",
+      "slug": "multiselectresult",
       "docs": "",
       "tags": [],
       "methods": [],
       "properties": [
         {
-          "name": "confirmed",
+          "name": "values",
           "tags": [],
-          "docs": "True if confirmed, false if cancelled",
+          "docs": "The values of the selected options. Empty array if cancelled.",
+          "complexTypes": [],
+          "type": "{}"
+        },
+        {
+          "name": "cancelled",
+          "tags": [],
+          "docs": "Whether the user cancelled the dialog.",
           "complexTypes": [],
           "type": "boolean"
         }
@@ -545,7 +529,7 @@
         {
           "name": "headerLogo",
           "tags": [],
-          "docs": "Header logo - supports base64 data URL or HTTP/HTTPS URL",
+          "docs": "Header logo. Supports:\n- PNG/JPEG/WebP/GIF as base64 data URL or HTTP/HTTPS URL\n- SVG as `data:image/svg+xml;base64,...`, `data:image/svg+xml,<svg ...>...` (URL-encoded or plain), or any HTTP/HTTPS URL ending in `.svg`",
           "complexTypes": [],
           "type": "string | undefined"
         },
@@ -570,7 +554,7 @@
           "complexTypes": [
             "SheetRow"
           ],
-          "type": "SheetRow[]"
+          "type": "{}"
         },
         {
           "name": "confirmButtonTitle",
@@ -614,7 +598,7 @@
         {
           "name": "logo",
           "tags": [],
-          "docs": "Optional logo/icon - supports base64 data URL or HTTP/HTTPS URL",
+          "docs": "Optional logo/icon. Supports:\n- PNG/JPEG/WebP/GIF as base64 data URL or HTTP/HTTPS URL\n- SVG as `data:image/svg+xml;base64,...`, `data:image/svg+xml,<svg ...>...` (URL-encoded or plain), or any HTTP/HTTPS URL ending in `.svg`",
           "complexTypes": [],
           "type": "string | undefined"
         },
@@ -628,8 +612,8 @@
       ]
     },
     {
-      "name": "MessageSheetResult",
-      "slug": "messagesheetresult",
+      "name": "SheetResult",
+      "slug": "sheetresult",
       "docs": "",
       "tags": [],
       "methods": [],
@@ -653,7 +637,7 @@
         {
           "name": "headerLogo",
           "tags": [],
-          "docs": "Header logo - supports base64 data URL or HTTP/HTTPS URL",
+          "docs": "Header logo. Supports:\n- PNG/JPEG/WebP/GIF as base64 data URL or HTTP/HTTPS URL\n- SVG as `data:image/svg+xml;base64,...`, `data:image/svg+xml,<svg ...>...` (URL-encoded or plain), or any HTTP/HTTPS URL ending in `.svg`",
           "complexTypes": [],
           "type": "string | undefined"
         },
@@ -702,6 +686,22 @@
           "type": "DialogMode"
         }
       ]
+    },
+    {
+      "name": "MessageSheetResult",
+      "slug": "messagesheetresult",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "confirmed",
+          "tags": [],
+          "docs": "True if confirmed, false if cancelled",
+          "complexTypes": [],
+          "type": "boolean"
+        }
+      ]
     }
   ],
   "enums": [],

package/dist/esm/definitions.d.ts CHANGED Viewed

@@ -260,13 +260,21 @@ export interface MultiSelectResult {
 export interface SheetRow {
     /** Row title (required) */
     title: string;
-    /** Optional logo/icon - supports base64 data URL or HTTP/HTTPS URL */
+    /**
+     * Optional logo/icon. Supports:
+     * - PNG/JPEG/WebP/GIF as base64 data URL or HTTP/HTTPS URL
+     * - SVG as `data:image/svg+xml;base64,...`, `data:image/svg+xml,<svg ...>...` (URL-encoded or plain), or any HTTP/HTTPS URL ending in `.svg`
+     */
     logo?: string;
     /** Optional value displayed on the right */
     value?: string;
 }
 export interface SheetOptions extends DialogStyleOptions {
-    /** Header logo - supports base64 data URL or HTTP/HTTPS URL */
+    /**
+     * Header logo. Supports:
+     * - PNG/JPEG/WebP/GIF as base64 data URL or HTTP/HTTPS URL
+     * - SVG as `data:image/svg+xml;base64,...`, `data:image/svg+xml,<svg ...>...` (URL-encoded or plain), or any HTTP/HTTPS URL ending in `.svg`
+     */
     headerLogo?: string;
     /** Sheet title */
     title: string;
@@ -282,7 +290,11 @@ export interface SheetOptions extends DialogStyleOptions {
     mode?: DialogMode;
 }
 export interface MessageSheetOptions extends DialogStyleOptions {
-    /** Header logo - supports base64 data URL or HTTP/HTTPS URL */
+    /**
+     * Header logo. Supports:
+     * - PNG/JPEG/WebP/GIF as base64 data URL or HTTP/HTTPS URL
+     * - SVG as `data:image/svg+xml;base64,...`, `data:image/svg+xml,<svg ...>...` (URL-encoded or plain), or any HTTP/HTTPS URL ending in `.svg`
+     */
     headerLogo?: string;
     /** Sheet title */
     title: string;

package/dist/esm/definitions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["/*\n Dialog presentation mode.\n \n - `'basic'` — Standard modal dialog (default)\n * - `'fullscreen'` — Full-screen dialog presentation\n /\nexport type DialogMode = 'basic' \| 'fullscreen';\n\nexport interface DialogStyleOptions {\n /\n Color for the OK/primary button (hex format, e.g., \"#FF5722\")\n /\n buttonColor?: string;\n /\n Color for the cancel button (hex format, e.g., \"#757575\")\n /\n cancelButtonColor?: string;\n /\n Color for the title text (hex format, e.g., \"#000000\")\n /\n titleColor?: string;\n /\n Color for the message text (hex format, e.g., \"#666666\")\n /\n messageColor?: string;\n /\n Background color of the dialog (hex format, e.g., \"#FFFFFF\")\n /\n backgroundColor?: string;\n /\n Font size for the title text in sp/pt (e.g., 20)\n /\n titleFontSize?: number;\n /\n Font size for the message text in sp/pt (e.g., 16)\n /\n messageFontSize?: number;\n /\n Font size for the button text in sp/pt (e.g., 14)\n /\n buttonFontSize?: number;\n /\n Vertical spacing between dialog content and the confirm/cancel buttons in dp/pt/px (e.g., 16).\n * Only applies to fullscreen and sheet modes.\n \n @example\n * // Fullscreen confirm with extra spacing between content and buttons\n * await ExtendedDialog.confirm({\n * title: 'Delete Account',\n * message: 'This action cannot be undone.',\n * mode: 'fullscreen',\n * contentButtonSpacing: 32,\n * });\n \n @example\n * // Sheet with tight spacing\n * await ExtendedDialog.sheet({\n * title: 'Order Summary',\n * rows: [{ title: 'Total', value: '$9.99' }],\n * contentButtonSpacing: 8,\n * });\n /\n contentButtonSpacing?: number;\n /\n Corner radius for the header logo in sheet dialogs (in dp/pt/px).\n * - Positive number: specific radius (e.g., 12)\n * - 0: square corners (no rounding)\n * - -1: full circle (radius = half of logo size)\n \n @default 8\n \n @example\n * // Custom rounded corners (12px)\n * await ExtendedDialog.sheet({\n * title: 'Settings',\n * headerLogo: 'https://example.com/logo.png',\n * headerLogoCornerRadius: 12,\n * rows: [],\n * });\n \n @example\n * // Full circle logo\n * await ExtendedDialog.sheet({\n * title: 'Profile',\n * headerLogo: 'https://example.com/avatar.png',\n * headerLogoCornerRadius: -1,\n * rows: [],\n * });\n \n @example\n * // Square logo (no rounding)\n * await ExtendedDialog.sheet({\n * title: 'Document',\n * headerLogo: 'https://example.com/icon.png',\n * headerLogoCornerRadius: 0,\n * rows: [],\n * });\n /\n headerLogoCornerRadius?: number;\n}\n\nexport interface BaseDialogOptions extends DialogStyleOptions {\n /\n Title displayed at the top of the dialog.\n /\n title?: string;\n /\n Message body displayed in the dialog.\n /\n message: string;\n /\n Presentation mode for the dialog.\n \n @default 'basic'\n /\n mode?: DialogMode;\n}\n\nexport interface AlertOptions extends BaseDialogOptions {\n /\n Title for the dismiss button.\n \n @default \"OK\"\n /\n buttonTitle?: string;\n}\n\nexport interface ConfirmOptions extends BaseDialogOptions {\n /\n Title for the confirmation button.\n \n @default \"OK\"\n /\n okButtonTitle?: string;\n /\n Title for the cancel button.\n \n @default \"Cancel\"\n /\n cancelButtonTitle?: string;\n}\n\nexport interface PromptOptions extends BaseDialogOptions {\n /\n Title for the confirmation button.\n \n @default \"OK\"\n /\n okButtonTitle?: string;\n /\n Title for the cancel button.\n \n @default \"Cancel\"\n /\n cancelButtonTitle?: string;\n /\n Placeholder text shown in the input field when empty.\n /\n inputPlaceholder?: string;\n /\n Pre-filled value for the input field.\n /\n inputText?: string;\n /\n Whether to automatically focus the input field and open the keyboard when the dialog appears.\n \n Note: On iOS, basic (non-fullscreen) dialogs always auto-focus the input field due to\n * UIAlertController's built-in behavior. This option only takes effect on iOS when using\n * fullscreen mode (`mode: 'fullscreen'`). On Android and web, this works for all modes.\n \n @default false\n /\n focusInput?: boolean;\n}\n\nexport interface SelectOption {\n /\n Display text for the option.\n /\n label: string;\n /\n Value returned when the option is selected.\n /\n value: string;\n}\n\nexport interface SingleSelectOptions extends BaseDialogOptions {\n /\n List of options to display for selection.\n /\n options: SelectOption[];\n /\n Value of the initially selected option.\n /\n selectedValue?: string;\n /\n Title for the confirmation button.\n \n @default \"OK\"\n /\n okButtonTitle?: string;\n /\n Title for the cancel button.\n \n @default \"Cancel\"\n /\n cancelButtonTitle?: string;\n}\n\nexport interface MultiSelectOptions extends BaseDialogOptions {\n /\n List of options to display for selection.\n /\n options: SelectOption[];\n /\n Values of the initially selected options.\n /\n selectedValues?: string[];\n /\n Title for the confirmation button.\n \n @default \"OK\"\n /\n okButtonTitle?: string;\n /\n Title for the cancel button.\n \n @default \"Cancel\"\n /\n cancelButtonTitle?: string;\n}\n\nexport interface ConfirmResult {\n /\n Whether the user confirmed (`true`) or cancelled (`false`).\n /\n value: boolean;\n}\n\nexport interface PromptResult {\n /\n The text entered by the user. Empty string if cancelled.\n /\n value: string;\n /\n Whether the user cancelled the dialog.\n /\n cancelled: boolean;\n}\n\nexport interface SingleSelectResult {\n /\n The value of the selected option, or `null` if cancelled.\n /\n value: string \| null;\n /\n Whether the user cancelled the dialog.\n /\n cancelled: boolean;\n}\n\nexport interface MultiSelectResult {\n /\n The values of the selected options. Empty array if cancelled.\n /\n values: string[];\n /\n Whether the user cancelled the dialog.\n /\n cancelled: boolean;\n}\n\nexport interface SheetRow {\n /* Row title (required) /\n title: string;\n /* Optional logo/icon - supports base64 data URL or HTTP/HTTPS URL /\n logo?: string;\n /* Optional value displayed on the right /\n value?: string;\n}\n\nexport interface SheetOptions extends DialogStyleOptions {\n /* Header logo - supports base64 data URL or HTTP/HTTPS URL /\n headerLogo?: string;\n /* Sheet title /\n title: string;\n /* Optional subtitle displayed between title and rows /\n subtitle?: string;\n /* Description rows /\n rows: SheetRow[];\n /* Confirm button title /\n confirmButtonTitle?: string; // default: \"Confirm\"\n /* Cancel button title /\n cancelButtonTitle?: string; // default: \"Cancel\"\n /* Dialog mode /\n mode?: DialogMode;\n}\n\nexport interface MessageSheetOptions extends DialogStyleOptions {\n /* Header logo - supports base64 data URL or HTTP/HTTPS URL /\n headerLogo?: string;\n /* Sheet title /\n title: string;\n /* Optional subtitle displayed between title and message /\n subtitle?: string;\n /* Message body displayed in the sheet /\n message: string;\n /* Confirm button title /\n confirmButtonTitle?: string; // default: \"Confirm\"\n /* Cancel button title /\n cancelButtonTitle?: string; // default: \"Cancel\"\n /* Dialog mode /\n mode?: DialogMode;\n}\n\nexport interface SheetResult {\n /* True if confirmed, false if cancelled /\n confirmed: boolean;\n}\n\nexport interface MessageSheetResult {\n /* True if confirmed, false if cancelled /\n confirmed: boolean;\n}\n\nexport interface ExtendedDialogPlugin {\n /\n Show an alert dialog with a single dismiss button.\n \n @param options - Alert configuration options.\n /\n alert(options: AlertOptions): Promise<void>;\n /\n Show a confirmation dialog with OK and Cancel buttons.\n \n @param options - Confirm configuration options.\n * @returns The user's confirmation choice.\n /\n confirm(options: ConfirmOptions): Promise<ConfirmResult>;\n /\n Show a prompt dialog with a text input field.\n \n @param options - Prompt configuration options.\n * @returns The entered text and whether the dialog was cancelled.\n /\n prompt(options: PromptOptions): Promise<PromptResult>;\n /\n Show a single-select dialog where the user picks one option.\n \n @param options - Single select configuration options.\n * @returns The selected value and whether the dialog was cancelled.\n /\n singleSelect(options: SingleSelectOptions): Promise<SingleSelectResult>;\n /\n Show a multi-select dialog where the user picks one or more options.\n \n @param options - Multi select configuration options.\n * @returns The selected values and whether the dialog was cancelled.\n /\n multiSelect(options: MultiSelectOptions): Promise<MultiSelectResult>;\n /\n Show a sheet dialog with a header, title, and structured data rows.\n \n @param options - Sheet configuration options.\n * @returns Whether the user confirmed or cancelled the sheet.\n /\n sheet(options: SheetOptions): Promise<SheetResult>;\n\n /\n Show a message sheet dialog with an optional header logo, title, and message.\n \n @param options - Message sheet configuration options.\n * @returns Whether the user confirmed or cancelled the sheet.\n */\n messageSheet(options: MessageSheetOptions): Promise<MessageSheetResult>;\n}\n"]}
1	+ {"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["/*\n Dialog presentation mode.\n \n - `'basic'` — Standard modal dialog (default)\n * - `'fullscreen'` — Full-screen dialog presentation\n /\nexport type DialogMode = 'basic' \| 'fullscreen';\n\nexport interface DialogStyleOptions {\n /\n Color for the OK/primary button (hex format, e.g., \"#FF5722\")\n /\n buttonColor?: string;\n /\n Color for the cancel button (hex format, e.g., \"#757575\")\n /\n cancelButtonColor?: string;\n /\n Color for the title text (hex format, e.g., \"#000000\")\n /\n titleColor?: string;\n /\n Color for the message text (hex format, e.g., \"#666666\")\n /\n messageColor?: string;\n /\n Background color of the dialog (hex format, e.g., \"#FFFFFF\")\n /\n backgroundColor?: string;\n /\n Font size for the title text in sp/pt (e.g., 20)\n /\n titleFontSize?: number;\n /\n Font size for the message text in sp/pt (e.g., 16)\n /\n messageFontSize?: number;\n /\n Font size for the button text in sp/pt (e.g., 14)\n /\n buttonFontSize?: number;\n /\n Vertical spacing between dialog content and the confirm/cancel buttons in dp/pt/px (e.g., 16).\n * Only applies to fullscreen and sheet modes.\n \n @example\n * // Fullscreen confirm with extra spacing between content and buttons\n * await ExtendedDialog.confirm({\n * title: 'Delete Account',\n * message: 'This action cannot be undone.',\n * mode: 'fullscreen',\n * contentButtonSpacing: 32,\n * });\n \n @example\n * // Sheet with tight spacing\n * await ExtendedDialog.sheet({\n * title: 'Order Summary',\n * rows: [{ title: 'Total', value: '$9.99' }],\n * contentButtonSpacing: 8,\n * });\n /\n contentButtonSpacing?: number;\n /\n Corner radius for the header logo in sheet dialogs (in dp/pt/px).\n * - Positive number: specific radius (e.g., 12)\n * - 0: square corners (no rounding)\n * - -1: full circle (radius = half of logo size)\n \n @default 8\n \n @example\n * // Custom rounded corners (12px)\n * await ExtendedDialog.sheet({\n * title: 'Settings',\n * headerLogo: 'https://example.com/logo.png',\n * headerLogoCornerRadius: 12,\n * rows: [],\n * });\n \n @example\n * // Full circle logo\n * await ExtendedDialog.sheet({\n * title: 'Profile',\n * headerLogo: 'https://example.com/avatar.png',\n * headerLogoCornerRadius: -1,\n * rows: [],\n * });\n \n @example\n * // Square logo (no rounding)\n * await ExtendedDialog.sheet({\n * title: 'Document',\n * headerLogo: 'https://example.com/icon.png',\n * headerLogoCornerRadius: 0,\n * rows: [],\n * });\n /\n headerLogoCornerRadius?: number;\n}\n\nexport interface BaseDialogOptions extends DialogStyleOptions {\n /\n Title displayed at the top of the dialog.\n /\n title?: string;\n /\n Message body displayed in the dialog.\n /\n message: string;\n /\n Presentation mode for the dialog.\n \n @default 'basic'\n /\n mode?: DialogMode;\n}\n\nexport interface AlertOptions extends BaseDialogOptions {\n /\n Title for the dismiss button.\n \n @default \"OK\"\n /\n buttonTitle?: string;\n}\n\nexport interface ConfirmOptions extends BaseDialogOptions {\n /\n Title for the confirmation button.\n \n @default \"OK\"\n /\n okButtonTitle?: string;\n /\n Title for the cancel button.\n \n @default \"Cancel\"\n /\n cancelButtonTitle?: string;\n}\n\nexport interface PromptOptions extends BaseDialogOptions {\n /\n Title for the confirmation button.\n \n @default \"OK\"\n /\n okButtonTitle?: string;\n /\n Title for the cancel button.\n \n @default \"Cancel\"\n /\n cancelButtonTitle?: string;\n /\n Placeholder text shown in the input field when empty.\n /\n inputPlaceholder?: string;\n /\n Pre-filled value for the input field.\n /\n inputText?: string;\n /\n Whether to automatically focus the input field and open the keyboard when the dialog appears.\n \n Note: On iOS, basic (non-fullscreen) dialogs always auto-focus the input field due to\n * UIAlertController's built-in behavior. This option only takes effect on iOS when using\n * fullscreen mode (`mode: 'fullscreen'`). On Android and web, this works for all modes.\n \n @default false\n /\n focusInput?: boolean;\n}\n\nexport interface SelectOption {\n /\n Display text for the option.\n /\n label: string;\n /\n Value returned when the option is selected.\n /\n value: string;\n}\n\nexport interface SingleSelectOptions extends BaseDialogOptions {\n /\n List of options to display for selection.\n /\n options: SelectOption[];\n /\n Value of the initially selected option.\n /\n selectedValue?: string;\n /\n Title for the confirmation button.\n \n @default \"OK\"\n /\n okButtonTitle?: string;\n /\n Title for the cancel button.\n \n @default \"Cancel\"\n /\n cancelButtonTitle?: string;\n}\n\nexport interface MultiSelectOptions extends BaseDialogOptions {\n /\n List of options to display for selection.\n /\n options: SelectOption[];\n /\n Values of the initially selected options.\n /\n selectedValues?: string[];\n /\n Title for the confirmation button.\n \n @default \"OK\"\n /\n okButtonTitle?: string;\n /\n Title for the cancel button.\n \n @default \"Cancel\"\n /\n cancelButtonTitle?: string;\n}\n\nexport interface ConfirmResult {\n /\n Whether the user confirmed (`true`) or cancelled (`false`).\n /\n value: boolean;\n}\n\nexport interface PromptResult {\n /\n The text entered by the user. Empty string if cancelled.\n /\n value: string;\n /\n Whether the user cancelled the dialog.\n /\n cancelled: boolean;\n}\n\nexport interface SingleSelectResult {\n /\n The value of the selected option, or `null` if cancelled.\n /\n value: string \| null;\n /\n Whether the user cancelled the dialog.\n /\n cancelled: boolean;\n}\n\nexport interface MultiSelectResult {\n /\n The values of the selected options. Empty array if cancelled.\n /\n values: string[];\n /\n Whether the user cancelled the dialog.\n /\n cancelled: boolean;\n}\n\nexport interface SheetRow {\n /* Row title (required) /\n title: string;\n /\n Optional logo/icon. Supports:\n * - PNG/JPEG/WebP/GIF as base64 data URL or HTTP/HTTPS URL\n * - SVG as `data:image/svg+xml;base64,...`, `data:image/svg+xml,<svg ...>...` (URL-encoded or plain), or any HTTP/HTTPS URL ending in `.svg`\n /\n logo?: string;\n /* Optional value displayed on the right /\n value?: string;\n}\n\nexport interface SheetOptions extends DialogStyleOptions {\n /\n Header logo. Supports:\n * - PNG/JPEG/WebP/GIF as base64 data URL or HTTP/HTTPS URL\n * - SVG as `data:image/svg+xml;base64,...`, `data:image/svg+xml,<svg ...>...` (URL-encoded or plain), or any HTTP/HTTPS URL ending in `.svg`\n /\n headerLogo?: string;\n /* Sheet title /\n title: string;\n /* Optional subtitle displayed between title and rows /\n subtitle?: string;\n /* Description rows /\n rows: SheetRow[];\n /* Confirm button title /\n confirmButtonTitle?: string; // default: \"Confirm\"\n /* Cancel button title /\n cancelButtonTitle?: string; // default: \"Cancel\"\n /* Dialog mode /\n mode?: DialogMode;\n}\n\nexport interface MessageSheetOptions extends DialogStyleOptions {\n /\n Header logo. Supports:\n * - PNG/JPEG/WebP/GIF as base64 data URL or HTTP/HTTPS URL\n * - SVG as `data:image/svg+xml;base64,...`, `data:image/svg+xml,<svg ...>...` (URL-encoded or plain), or any HTTP/HTTPS URL ending in `.svg`\n /\n headerLogo?: string;\n /* Sheet title /\n title: string;\n /* Optional subtitle displayed between title and message /\n subtitle?: string;\n /* Message body displayed in the sheet /\n message: string;\n /* Confirm button title /\n confirmButtonTitle?: string; // default: \"Confirm\"\n /* Cancel button title /\n cancelButtonTitle?: string; // default: \"Cancel\"\n /* Dialog mode /\n mode?: DialogMode;\n}\n\nexport interface SheetResult {\n /* True if confirmed, false if cancelled /\n confirmed: boolean;\n}\n\nexport interface MessageSheetResult {\n /* True if confirmed, false if cancelled /\n confirmed: boolean;\n}\n\nexport interface ExtendedDialogPlugin {\n /\n Show an alert dialog with a single dismiss button.\n \n @param options - Alert configuration options.\n /\n alert(options: AlertOptions): Promise<void>;\n /\n Show a confirmation dialog with OK and Cancel buttons.\n \n @param options - Confirm configuration options.\n * @returns The user's confirmation choice.\n /\n confirm(options: ConfirmOptions): Promise<ConfirmResult>;\n /\n Show a prompt dialog with a text input field.\n \n @param options - Prompt configuration options.\n * @returns The entered text and whether the dialog was cancelled.\n /\n prompt(options: PromptOptions): Promise<PromptResult>;\n /\n Show a single-select dialog where the user picks one option.\n \n @param options - Single select configuration options.\n * @returns The selected value and whether the dialog was cancelled.\n /\n singleSelect(options: SingleSelectOptions): Promise<SingleSelectResult>;\n /\n Show a multi-select dialog where the user picks one or more options.\n \n @param options - Multi select configuration options.\n * @returns The selected values and whether the dialog was cancelled.\n /\n multiSelect(options: MultiSelectOptions): Promise<MultiSelectResult>;\n /\n Show a sheet dialog with a header, title, and structured data rows.\n \n @param options - Sheet configuration options.\n * @returns Whether the user confirmed or cancelled the sheet.\n /\n sheet(options: SheetOptions): Promise<SheetResult>;\n\n /\n Show a message sheet dialog with an optional header logo, title, and message.\n \n @param options - Message sheet configuration options.\n * @returns Whether the user confirmed or cancelled the sheet.\n */\n messageSheet(options: MessageSheetOptions): Promise<MessageSheetResult>;\n}\n"]}

package/ios/Sources/ExtendedDialogPlugin/FullScreenDialogViewController.swift CHANGED Viewed

@@ -946,25 +946,30 @@ public class FullScreenDialogViewController: UIViewController {
     }
     private func loadImage(from urlString: String, into imageView: UIImageView) {
-        // Check if it's a base64 data URL
-        if urlString.hasPrefix("data:") {
-            if let commaIndex = urlString.firstIndex(of: ",") {
-                let base64String = String(urlString[urlString.index(after: commaIndex)...])
-                if let imageData = Data(base64Encoded: base64String),
-                   let image = UIImage(data: imageData) {
-                    imageView.image = image
-                }
+        if SvgImageLoader.isSvgSource(urlString) {
+            let targetSize = imageView.bounds.size == .zero
+                ? CGSize(width: 64, height: 64)
+                : imageView.bounds.size
+            SvgImageLoader.render(source: urlString, targetSize: targetSize) { [weak imageView] image in
+                imageView?.image = image
             }
-        } else if let url = URL(string: urlString) {
-            // Load from HTTP/HTTPS URL asynchronously
-            URLSession.shared.dataTask(with: url) { data, _, _ in
-                if let data = data, let image = UIImage(data: data) {
-                    DispatchQueue.main.async {
-                        imageView.image = image
-                    }
-                }
-            }.resume()
+            return
+        }
+        if SvgImageLoader.isDataUrl(urlString) {
+            if let imageData = SvgImageLoader.decodeDataUrl(urlString),
+               let image = UIImage(data: imageData) {
+                imageView.image = image
+            }
+            return
         }
+        guard let url = URL(string: urlString) else { return }
+        URLSession.shared.dataTask(with: url) { [weak imageView] data, _, _ in
+            if let data = data, let image = UIImage(data: data) {
+                DispatchQueue.main.async {
+                    imageView?.image = image
+                }
+            }
+        }.resume()
     }
     private func applyLiquidGlassStyle() {

package/ios/Sources/ExtendedDialogPlugin/SvgImageLoader.swift ADDED Viewed

@@ -0,0 +1,70 @@
+import UIKit
+import SVGKit
+enum SvgImageLoader {
+    private static let svgDataUrlPrefix = "data:image/svg+xml"
+    private static let dataUrlPrefix = "data:"
+    static func isDataUrl(_ source: String) -> Bool {
+        source.range(of: dataUrlPrefix, options: [.anchored, .caseInsensitive]) != nil
+    }
+    static func isSvgSource(_ source: String) -> Bool {
+        if source.range(of: svgDataUrlPrefix, options: [.anchored, .caseInsensitive]) != nil {
+            return true
+        }
+        if let url = URL(string: source),
+           let scheme = url.scheme?.lowercased(),
+           scheme == "http" || scheme == "https" {
+            return url.pathExtension.caseInsensitiveCompare("svg") == .orderedSame
+        }
+        return false
+    }
+    /// Supports `;base64` and percent-encoded payloads.
+    static func decodeDataUrl(_ source: String) -> Data? {
+        guard let commaIndex = source.firstIndex(of: ",") else { return nil }
+        let header = source[..<commaIndex]
+        let payload = String(source[source.index(after: commaIndex)...])
+        if header.range(of: ";base64", options: .caseInsensitive) != nil {
+            return Data(base64Encoded: payload)
+        }
+        return (payload.removingPercentEncoding ?? payload).data(using: .utf8)
+    }
+    /// Uses image's intrinsic size when `targetSize` is `.zero`.
+    static func render(source: String, targetSize: CGSize, completion: @escaping (UIImage?) -> Void) {
+        if isDataUrl(source) {
+            guard let data = decodeDataUrl(source) else {
+                completion(nil); return
+            }
+            DispatchQueue.global(qos: .userInitiated).async {
+                let image = render(data: data, targetSize: targetSize)
+                DispatchQueue.main.async { completion(image) }
+            }
+            return
+        }
+        guard let url = URL(string: source) else {
+            completion(nil); return
+        }
+        URLSession.shared.dataTask(with: url) { data, _, _ in
+            guard let data = data else {
+                DispatchQueue.main.async { completion(nil) }
+                return
+            }
+            DispatchQueue.global(qos: .userInitiated).async {
+                let image = render(data: data, targetSize: targetSize)
+                DispatchQueue.main.async { completion(image) }
+            }
+        }.resume()
+    }
+    private static func render(data: Data, targetSize: CGSize) -> UIImage? {
+        guard let svgImage = SVGKImage(data: data) else { return nil }
+        if targetSize.width > 0 && targetSize.height > 0 && svgImage.size != targetSize {
+            svgImage.size = targetSize
+        }
+        return svgImage.uiImage
+    }
+}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "capacitor-extended-dialog",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "Show native dialogs and sheets in Capacitor with Material 3 and Liquid Glass UI",
   "main": "dist/plugin.cjs.js",
   "module": "dist/esm/index.js",