capacitor-extended-dialog 0.0.14 → 0.0.15

package/CapacitorExtendedDialog.podspec

@@ -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

@@ -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

@@ -249,24 +249,24 @@ Show a message sheet dialog with an optional header logo, title, and message.
 
 #### 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>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                                                                                                                                                                                                                      |
 
 
 #### 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
@@ -278,15 +278,15 @@ 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                                                                                                                                                                                                                      |
 
 
 ### Type Aliases

package/android/build.gradle

@@ -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

@@ -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

@@ -0,0 +1,90 @@
+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;
+        }
+
+        // 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

@@ -545,7 +545,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"
         },
@@ -614,7 +614,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"
         },
@@ -653,7 +653,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"
         },

package/dist/esm/definitions.d.ts

@@ -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

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

@@ -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

@@ -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

@@ -1,6 +1,6 @@
 {
   "name": "capacitor-extended-dialog",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "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",