capacitor-extended-dialog 0.0.9 → 0.0.10

package/android/src/main/java/com/albermonte/extendeddialog/DialogStyleOptions.java

@@ -16,6 +16,7 @@ public class DialogStyleOptions {
     private static final String KEY_TITLE_FONT_SIZE = "titleFontSize";
     private static final String KEY_MESSAGE_FONT_SIZE = "messageFontSize";
     private static final String KEY_BUTTON_FONT_SIZE = "buttonFontSize";
+    private static final String KEY_CONTENT_BUTTON_SPACING = "contentButtonSpacing";
 
     private Integer buttonColor;
     private Integer cancelButtonColor;
@@ -25,6 +26,7 @@ public class DialogStyleOptions {
     private Float titleFontSize;
     private Float messageFontSize;
     private Float buttonFontSize;
+    private Float contentButtonSpacing;
 
     public DialogStyleOptions() {}
 
@@ -43,34 +45,94 @@ public class DialogStyleOptions {
         return (size != null && size > 0) ? size.floatValue() : null;
     }
 
-    public Integer getButtonColor() { return buttonColor; }
-    public void setButtonColor(String hexColor) { this.buttonColor = parseColor(hexColor); }
+    private static Float parseSpacing(Double size) {
+        return (size != null && size >= 0) ? size.floatValue() : null;
+    }
+
+    public Integer getButtonColor() {
+        return buttonColor;
+    }
+
+    public void setButtonColor(String hexColor) {
+        this.buttonColor = parseColor(hexColor);
+    }
+
+    public Integer getCancelButtonColor() {
+        return cancelButtonColor;
+    }
+
+    public void setCancelButtonColor(String hexColor) {
+        this.cancelButtonColor = parseColor(hexColor);
+    }
+
+    public Integer getTitleColor() {
+        return titleColor;
+    }
+
+    public void setTitleColor(String hexColor) {
+        this.titleColor = parseColor(hexColor);
+    }
+
+    public Integer getMessageColor() {
+        return messageColor;
+    }
 
-    public Integer getCancelButtonColor() { return cancelButtonColor; }
-    public void setCancelButtonColor(String hexColor) { this.cancelButtonColor = parseColor(hexColor); }
+    public void setMessageColor(String hexColor) {
+        this.messageColor = parseColor(hexColor);
+    }
+
+    public Integer getBackgroundColor() {
+        return backgroundColor;
+    }
 
-    public Integer getTitleColor() { return titleColor; }
-    public void setTitleColor(String hexColor) { this.titleColor = parseColor(hexColor); }
+    public void setBackgroundColor(String hexColor) {
+        this.backgroundColor = parseColor(hexColor);
+    }
 
-    public Integer getMessageColor() { return messageColor; }
-    public void setMessageColor(String hexColor) { this.messageColor = parseColor(hexColor); }
+    public Float getTitleFontSize() {
+        return titleFontSize;
+    }
 
-    public Integer getBackgroundColor() { return backgroundColor; }
-    public void setBackgroundColor(String hexColor) { this.backgroundColor = parseColor(hexColor); }
+    public void setTitleFontSize(Double size) {
+        this.titleFontSize = parseSize(size);
+    }
 
-    public Float getTitleFontSize() { return titleFontSize; }
-    public void setTitleFontSize(Double size) { this.titleFontSize = parseSize(size); }
+    public Float getMessageFontSize() {
+        return messageFontSize;
+    }
 
-    public Float getMessageFontSize() { return messageFontSize; }
-    public void setMessageFontSize(Double size) { this.messageFontSize = parseSize(size); }
+    public void setMessageFontSize(Double size) {
+        this.messageFontSize = parseSize(size);
+    }
 
-    public Float getButtonFontSize() { return buttonFontSize; }
-    public void setButtonFontSize(Double size) { this.buttonFontSize = parseSize(size); }
+    public Float getButtonFontSize() {
+        return buttonFontSize;
+    }
+
+    public void setButtonFontSize(Double size) {
+        this.buttonFontSize = parseSize(size);
+    }
+
+    public Float getContentButtonSpacing() {
+        return contentButtonSpacing;
+    }
+
+    public void setContentButtonSpacing(Double size) {
+        this.contentButtonSpacing = parseSpacing(size);
+    }
 
     public boolean hasStyles() {
-        return buttonColor != null || cancelButtonColor != null || titleColor != null ||
-               messageColor != null || backgroundColor != null || titleFontSize != null ||
-               messageFontSize != null || buttonFontSize != null;
+        return (
+            buttonColor != null ||
+            cancelButtonColor != null ||
+            titleColor != null ||
+            messageColor != null ||
+            backgroundColor != null ||
+            titleFontSize != null ||
+            messageFontSize != null ||
+            buttonFontSize != null ||
+            contentButtonSpacing != null
+        );
     }
 
     public void writeToBundle(Bundle bundle) {
@@ -82,6 +144,7 @@ public class DialogStyleOptions {
         if (titleFontSize != null) bundle.putFloat(KEY_TITLE_FONT_SIZE, titleFontSize);
         if (messageFontSize != null) bundle.putFloat(KEY_MESSAGE_FONT_SIZE, messageFontSize);
         if (buttonFontSize != null) bundle.putFloat(KEY_BUTTON_FONT_SIZE, buttonFontSize);
+        if (contentButtonSpacing != null) bundle.putFloat(KEY_CONTENT_BUTTON_SPACING, contentButtonSpacing);
     }
 
     public static DialogStyleOptions readFromBundle(Bundle bundle) {
@@ -94,6 +157,7 @@ public class DialogStyleOptions {
         options.titleFontSize = bundle.containsKey(KEY_TITLE_FONT_SIZE) ? bundle.getFloat(KEY_TITLE_FONT_SIZE) : null;
         options.messageFontSize = bundle.containsKey(KEY_MESSAGE_FONT_SIZE) ? bundle.getFloat(KEY_MESSAGE_FONT_SIZE) : null;
         options.buttonFontSize = bundle.containsKey(KEY_BUTTON_FONT_SIZE) ? bundle.getFloat(KEY_BUTTON_FONT_SIZE) : null;
+        options.contentButtonSpacing = bundle.containsKey(KEY_CONTENT_BUTTON_SPACING) ? bundle.getFloat(KEY_CONTENT_BUTTON_SPACING) : null;
         return options;
     }
 }

package/android/src/main/java/com/albermonte/extendeddialog/ExtendedDialog.java

@@ -111,8 +111,7 @@ public class ExtendedDialog {
         // MaterialAlertDialogBuilder uses appcompat's alertTitle, not android's
         TextView titleView = dialog.findViewById(androidx.appcompat.R.id.alertTitle);
         if (titleView != null) {
-            TextViewCompat.setTextAppearance(titleView,
-                com.google.android.material.R.style.TextAppearance_Material3_HeadlineSmall);
+            TextViewCompat.setTextAppearance(titleView, com.google.android.material.R.style.TextAppearance_Material3_HeadlineSmall);
             // M3 dialog headline color: onSurface (#1D1B20)
             // Use MaterialColors for proper theme attribute resolution across different R class configurations
             int onSurfaceColor = MaterialColors.getColor(ctx, android.R.attr.textColorPrimary, 0xFF1D1B20);
@@ -122,8 +121,7 @@ public class ExtendedDialog {
         // Apply M3 BodyMedium to message with onSurfaceVariant color
         TextView messageView = dialog.findViewById(android.R.id.message);
         if (messageView != null) {
-            TextViewCompat.setTextAppearance(messageView,
-                com.google.android.material.R.style.TextAppearance_Material3_BodyMedium);
+            TextViewCompat.setTextAppearance(messageView, com.google.android.material.R.style.TextAppearance_Material3_BodyMedium);
             // M3 dialog supporting text color: onSurfaceVariant (#49454F)
             // Use MaterialColors for proper theme attribute resolution
             int onSurfaceVariantColor = MaterialColors.getColor(ctx, android.R.attr.textColorSecondary, 0xFF49454F);
@@ -198,8 +196,10 @@ public class ExtendedDialog {
     ) {
         activity.runOnUiThread(() -> {
             Context themedContext = getThemedContext(activity);
-            MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(themedContext,
-                R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog);
+            MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(
+                themedContext,
+                R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog
+            );
 
             if (title != null && !title.isEmpty()) {
                 builder.setTitle(title);
@@ -268,8 +268,10 @@ public class ExtendedDialog {
     ) {
         activity.runOnUiThread(() -> {
             Context themedContext = getThemedContext(activity);
-            MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(themedContext,
-                R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog);
+            MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(
+                themedContext,
+                R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog
+            );
 
             if (title != null && !title.isEmpty()) {
                 builder.setTitle(title);
@@ -370,8 +372,10 @@ public class ExtendedDialog {
     ) {
         activity.runOnUiThread(() -> {
             Context themedContext = getThemedContext(activity);
-            MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(themedContext,
-                R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog);
+            MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(
+                themedContext,
+                R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog
+            );
 
             if (title != null && !title.isEmpty()) {
                 builder.setTitle(title);
@@ -519,8 +523,10 @@ public class ExtendedDialog {
 
                 final int[] selectedIndex = { checkedItem };
 
-                MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(getThemedContext(activity),
-                    R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog);
+                MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(
+                    getThemedContext(activity),
+                    R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog
+                );
 
                 if (title != null && !title.isEmpty()) {
                     builder.setTitle(title);
@@ -662,8 +668,10 @@ public class ExtendedDialog {
 
                 final Set<String> resultSet = new HashSet<>(selectedSet);
 
-                MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(getThemedContext(activity),
-                    R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog);
+                MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(
+                    getThemedContext(activity),
+                    R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog
+                );
 
                 if (title != null && !title.isEmpty()) {
                     builder.setTitle(title);

package/android/src/main/java/com/albermonte/extendeddialog/ExtendedDialogPlugin.java

@@ -25,6 +25,7 @@ public class ExtendedDialogPlugin extends Plugin {
         styleOptions.setTitleFontSize(call.getDouble("titleFontSize"));
         styleOptions.setMessageFontSize(call.getDouble("messageFontSize"));
         styleOptions.setButtonFontSize(call.getDouble("buttonFontSize"));
+        styleOptions.setContentButtonSpacing(call.getDouble("contentButtonSpacing"));
         return styleOptions;
     }
 

package/android/src/main/java/com/albermonte/extendeddialog/FullScreenDialogFragment.java

@@ -250,8 +250,7 @@ public class FullScreenDialogFragment extends DialogFragment {
                 messageView.setTextSize(TypedValue.COMPLEX_UNIT_SP, styleOptions.getMessageFontSize());
             } else {
                 // M3 dialog supporting text: 14sp, weight 400, tracking 0.25sp
-                TextViewCompat.setTextAppearance(messageView,
-                    com.google.android.material.R.style.TextAppearance_Material3_BodyMedium);
+                TextViewCompat.setTextAppearance(messageView, com.google.android.material.R.style.TextAppearance_Material3_BodyMedium);
             }
             if (styleOptions.getMessageColor() != null) {
                 messageView.setTextColor(styleOptions.getMessageColor());
@@ -293,7 +292,9 @@ public class FullScreenDialogFragment extends DialogFragment {
         buttonContainer.setOrientation(LinearLayout.HORIZONTAL);
         buttonContainer.setGravity(Gravity.END);
         int buttonPadding = (int) (16 * density);
-        buttonContainer.setPadding(buttonPadding, buttonPadding, buttonPadding, buttonPadding);
+        float topSpacing = styleOptions.getContentButtonSpacing() != null ? styleOptions.getContentButtonSpacing() : 16f;
+        int buttonTopPadding = (int) (topSpacing * density);
+        buttonContainer.setPadding(buttonPadding, buttonTopPadding, buttonPadding, buttonPadding);
 
         // Cancel button (not shown for ALERT type)
         if (type != DialogType.ALERT) {
@@ -353,8 +354,9 @@ public class FullScreenDialogFragment extends DialogFragment {
         // Use Material 3 TextInputLayout with outlined style
         TextInputLayout textInputLayout = new TextInputLayout(ctx);
         textInputLayout.setBoxBackgroundMode(TextInputLayout.BOX_BACKGROUND_OUTLINE);
-        textInputLayout.setLayoutParams(new LinearLayout.LayoutParams(
-            ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
+        textInputLayout.setLayoutParams(
+            new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT)
+        );
 
         inputField = new TextInputEditText(textInputLayout.getContext());
         inputField.setInputType(InputType.TYPE_CLASS_TEXT);
@@ -371,15 +373,18 @@ public class FullScreenDialogFragment extends DialogFragment {
         if (focusInput) {
             inputField.requestFocus();
             // Show keyboard when dialog is shown
-            inputField.postDelayed(() -> {
-                if (getContext() != null) {
-                    android.view.inputmethod.InputMethodManager imm =
-                        (android.view.inputmethod.InputMethodManager) getContext().getSystemService(Context.INPUT_METHOD_SERVICE);
-                    if (imm != null) {
-                        imm.showSoftInput(inputField, android.view.inputmethod.InputMethodManager.SHOW_IMPLICIT);
+            inputField.postDelayed(
+                () -> {
+                    if (getContext() != null) {
+                        android.view.inputmethod.InputMethodManager imm =
+                            (android.view.inputmethod.InputMethodManager) getContext().getSystemService(Context.INPUT_METHOD_SERVICE);
+                        if (imm != null) {
+                            imm.showSoftInput(inputField, android.view.inputmethod.InputMethodManager.SHOW_IMPLICIT);
+                        }
                     }
-                }
-            }, 200);
+                },
+                200
+            );
         }
     }
 
@@ -403,8 +408,7 @@ public class FullScreenDialogFragment extends DialogFragment {
 
                 RadioButton radioButton = new RadioButton(ctx);
                 radioButton.setText(label);
-                TextViewCompat.setTextAppearance(radioButton,
-                    com.google.android.material.R.style.TextAppearance_Material3_BodyLarge);
+                TextViewCompat.setTextAppearance(radioButton, com.google.android.material.R.style.TextAppearance_Material3_BodyLarge);
                 // M3 list item text color: onSurface (#1D1B20)
                 // Use android.R.attr.textColorPrimary which maps to onSurface in M3 themes
                 int onSurfaceColor = MaterialColors.getColor(ctx, android.R.attr.textColorPrimary, 0xFF1D1B20);
@@ -465,8 +469,7 @@ public class FullScreenDialogFragment extends DialogFragment {
 
                 CheckBox checkBox = new CheckBox(ctx);
                 checkBox.setText(label);
-                TextViewCompat.setTextAppearance(checkBox,
-                    com.google.android.material.R.style.TextAppearance_Material3_BodyLarge);
+                TextViewCompat.setTextAppearance(checkBox, com.google.android.material.R.style.TextAppearance_Material3_BodyLarge);
                 // M3 list item text color: onSurface (#1D1B20)
                 // Use android.R.attr.textColorPrimary which maps to onSurface in M3 themes
                 int onSurfaceColor = MaterialColors.getColor(ctx, android.R.attr.textColorPrimary, 0xFF1D1B20);

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

@@ -1,7 +1,8 @@
 package com.albermonte.extendeddialog;
 
-import android.content.DialogInterface;
+import android.app.Dialog;
 import android.content.Context;
+import android.content.DialogInterface;
 import android.content.res.ColorStateList;
 import android.graphics.Bitmap;
 import android.graphics.BitmapFactory;
@@ -18,7 +19,6 @@ import android.widget.ImageView;
 import android.widget.LinearLayout;
 import android.widget.ScrollView;
 import android.widget.TextView;
-import android.app.Dialog;
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import androidx.core.widget.TextViewCompat;
@@ -151,8 +151,7 @@ public class SheetBottomDialogFragment extends BottomSheetDialogFragment {
 
         // ScrollView for content
         ScrollView scrollView = new ScrollView(ctx);
-        scrollView.setLayoutParams(new LinearLayout.LayoutParams(
-            ViewGroup.LayoutParams.MATCH_PARENT, 0, 1f));
+        scrollView.setLayoutParams(new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 0, 1f));
 
         LinearLayout contentLayout = new LinearLayout(ctx);
         contentLayout.setOrientation(LinearLayout.VERTICAL);
@@ -176,8 +175,7 @@ public class SheetBottomDialogFragment extends BottomSheetDialogFragment {
         if (title != null && !title.isEmpty()) {
             TextView titleView = new TextView(ctx);
             titleView.setText(title);
-            TextViewCompat.setTextAppearance(titleView,
-                com.google.android.material.R.style.TextAppearance_Material3_HeadlineSmall);
+            TextViewCompat.setTextAppearance(titleView, com.google.android.material.R.style.TextAppearance_Material3_HeadlineSmall);
             if (styleOptions.getTitleColor() != null) {
                 titleView.setTextColor(styleOptions.getTitleColor());
             } else {
@@ -214,10 +212,37 @@ public class SheetBottomDialogFragment extends BottomSheetDialogFragment {
         scrollView.addView(contentLayout);
         root.addView(scrollView);
 
+        // Count rows for minimum height calculation
+        int rowCount = 0;
+        if (rowsJson != null) {
+            try {
+                JSONArray countRows = new JSONArray(rowsJson);
+                rowCount = countRows.length();
+            } catch (JSONException e) {
+                // ignore
+            }
+        }
+
         // Button container pinned at bottom
         LinearLayout buttonContainer = new LinearLayout(ctx);
         buttonContainer.setOrientation(LinearLayout.VERTICAL);
-        buttonContainer.setPadding(horizontalPadding, (int) (12 * density), horizontalPadding, (int) (4 * density));
+        float topSpacing = styleOptions.getContentButtonSpacing() != null ? styleOptions.getContentButtonSpacing() : 12f;
+
+        // For sheets with ≤4 rows and no explicit spacing, add extra spacing to reach ~50% screen height
+        if (rowCount <= 4 && styleOptions.getContentButtonSpacing() == null) {
+            int screenHeight = getResources().getDisplayMetrics().heightPixels;
+            float targetHeight = screenHeight * 0.5f;
+            // Estimate current content height: header + title + rows + buttons
+            float estimatedContent = (16 + 8 + 48 + 12 + 20) * density; // drag handle + logo area + title + margins
+            estimatedContent += rowCount * 56 * density; // ~56dp per row
+            estimatedContent += (48 + 12 + 48 + 4) * density; // buttons + padding
+            estimatedContent += topSpacing * density;
+            if (targetHeight > estimatedContent) {
+                topSpacing += (targetHeight - estimatedContent) / density;
+            }
+        }
+
+        buttonContainer.setPadding(horizontalPadding, (int) (topSpacing * density), horizontalPadding, (int) (4 * density));
 
         int primaryColor = MaterialColors.getColor(ctx, android.R.attr.colorPrimary, 0xFF6750A4);
 
@@ -228,7 +253,7 @@ public class SheetBottomDialogFragment extends BottomSheetDialogFragment {
         // Confirm button (filled style with purple background, white text)
         MaterialButton confirmBtn = new MaterialButton(ctx);
         confirmBtn.setText(confirmButton);
-        confirmBtn.setOnClickListener(v -> {
+        confirmBtn.setOnClickListener((v) -> {
             handleConfirm();
             dismiss();
         });
@@ -246,14 +271,16 @@ public class SheetBottomDialogFragment extends BottomSheetDialogFragment {
             confirmBtn.setTextSize(TypedValue.COMPLEX_UNIT_SP, styleOptions.getButtonFontSize());
         }
         LinearLayout.LayoutParams confirmParams = new LinearLayout.LayoutParams(
-            ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
+            ViewGroup.LayoutParams.MATCH_PARENT,
+            ViewGroup.LayoutParams.WRAP_CONTENT
+        );
         confirmBtn.setLayoutParams(confirmParams);
         buttonContainer.addView(confirmBtn);
 
         // Cancel button (text-only style, no background fill)
         MaterialButton cancelBtn = new MaterialButton(ctx, null, android.R.attr.borderlessButtonStyle);
         cancelBtn.setText(cancelButton);
-        cancelBtn.setOnClickListener(v -> {
+        cancelBtn.setOnClickListener((v) -> {
             handleCancel();
             dismiss();
         });
@@ -270,7 +297,9 @@ public class SheetBottomDialogFragment extends BottomSheetDialogFragment {
             cancelBtn.setTextSize(TypedValue.COMPLEX_UNIT_SP, styleOptions.getButtonFontSize());
         }
         LinearLayout.LayoutParams cancelParams = new LinearLayout.LayoutParams(
-            ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
+            ViewGroup.LayoutParams.MATCH_PARENT,
+            ViewGroup.LayoutParams.WRAP_CONTENT
+        );
         cancelBtn.setLayoutParams(cancelParams);
         buttonContainer.addView(cancelBtn);
 
@@ -290,7 +319,7 @@ public class SheetBottomDialogFragment extends BottomSheetDialogFragment {
         BottomSheetDialog dialog = (BottomSheetDialog) getDialog();
         if (dialog == null) return;
 
-        dialog.setOnShowListener(dialogInterface -> {
+        dialog.setOnShowListener((dialogInterface) -> {
             BottomSheetDialog d = (BottomSheetDialog) dialogInterface;
             FrameLayout bottomSheet = d.findViewById(com.google.android.material.R.id.design_bottom_sheet);
             if (bottomSheet == null) return;
@@ -315,12 +344,20 @@ public class SheetBottomDialogFragment extends BottomSheetDialogFragment {
         });
     }
 
-    private LinearLayout createSheetRow(Context context, JSONObject row, DialogStyleOptions styleOptions, float density, boolean showDivider) throws JSONException {
+    private LinearLayout createSheetRow(
+        Context context,
+        JSONObject row,
+        DialogStyleOptions styleOptions,
+        float density,
+        boolean showDivider
+    ) throws JSONException {
         LinearLayout rowLayout = new LinearLayout(context);
         rowLayout.setOrientation(LinearLayout.HORIZONTAL);
         rowLayout.setGravity(Gravity.CENTER_VERTICAL);
         LinearLayout.LayoutParams rowParams = new LinearLayout.LayoutParams(
-            LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);
+            LinearLayout.LayoutParams.MATCH_PARENT,
+            LinearLayout.LayoutParams.WRAP_CONTENT
+        );
         rowLayout.setLayoutParams(rowParams);
         rowLayout.setPadding(0, (int) (8 * density), 0, (int) (8 * density));
 
@@ -338,8 +375,7 @@ public class SheetBottomDialogFragment extends BottomSheetDialogFragment {
         // Row title
         TextView rowTitle = new TextView(context);
         rowTitle.setText(row.getString("title"));
-        TextViewCompat.setTextAppearance(rowTitle,
-            com.google.android.material.R.style.TextAppearance_Material3_TitleMedium);
+        TextViewCompat.setTextAppearance(rowTitle, com.google.android.material.R.style.TextAppearance_Material3_TitleMedium);
         if (styleOptions.getMessageColor() != null) {
             rowTitle.setTextColor(styleOptions.getMessageColor());
         } else {
@@ -357,8 +393,7 @@ public class SheetBottomDialogFragment extends BottomSheetDialogFragment {
         if (row.has("value") && !row.getString("value").isEmpty()) {
             TextView rowValue = new TextView(context);
             rowValue.setText(row.getString("value"));
-            TextViewCompat.setTextAppearance(rowValue,
-                com.google.android.material.R.style.TextAppearance_Material3_BodyLarge);
+            TextViewCompat.setTextAppearance(rowValue, com.google.android.material.R.style.TextAppearance_Material3_BodyLarge);
             int onSurfaceVariantColor = MaterialColors.getColor(context, android.R.attr.textColorSecondary, 0xFF49454F);
             rowValue.setTextColor(onSurfaceVariantColor);
             rowValue.setGravity(Gravity.END);
@@ -381,7 +416,9 @@ public class SheetBottomDialogFragment extends BottomSheetDialogFragment {
             View divider = new View(context);
             divider.setBackgroundColor(MaterialColors.getColor(context, android.R.attr.listDivider, 0xFFE0E0E0));
             LinearLayout.LayoutParams dividerParams = new LinearLayout.LayoutParams(
-                LinearLayout.LayoutParams.MATCH_PARENT, (int) (1 * density));
+                LinearLayout.LayoutParams.MATCH_PARENT,
+                (int) (1 * density)
+            );
             divider.setLayoutParams(dividerParams);
             container.addView(divider);
         }

package/dist/esm/definitions.d.ts

@@ -38,6 +38,28 @@ export interface DialogStyleOptions {
      * Font size for the button text in sp/pt (e.g., 14)
      */
     buttonFontSize?: number;
+    /**
+     * Vertical spacing between dialog content and the confirm/cancel buttons in dp/pt/px (e.g., 16).
+     * Only applies to fullscreen and sheet modes.
+     *
+     * @example
+     * // Fullscreen confirm with extra spacing between content and buttons
+     * await ExtendedDialog.confirm({
+     *   title: 'Delete Account',
+     *   message: 'This action cannot be undone.',
+     *   mode: 'fullscreen',
+     *   contentButtonSpacing: 32,
+     * });
+     *
+     * @example
+     * // Sheet with tight spacing
+     * await ExtendedDialog.sheet({
+     *   title: 'Order Summary',
+     *   rows: [{ title: 'Total', value: '$9.99' }],
+     *   contentButtonSpacing: 8,
+     * });
+     */
+    contentButtonSpacing?: number;
 }
 export interface BaseDialogOptions extends DialogStyleOptions {
     /**

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\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  /** 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 SheetResult {\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"]}
+{"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\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  /** 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 SheetResult {\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"]}

package/dist/esm/web.js

@@ -49,7 +49,7 @@ export class ExtendedDialogWeb extends WebPlugin {
                 optionsContainer.appendChild(label);
             });
             dialog.appendChild(optionsContainer);
-            const buttonContainer = this.createButtonContainer();
+            const buttonContainer = this.createButtonContainer(options.contentButtonSpacing);
             const cancelButton = this.createButton((_b = options.cancelButtonTitle) !== null && _b !== void 0 ? _b : 'Cancel', false, () => {
                 this.removeOverlay(overlay);
                 resolve({ value: null, cancelled: true });
@@ -98,7 +98,7 @@ export class ExtendedDialogWeb extends WebPlugin {
                 optionsContainer.appendChild(label);
             });
             dialog.appendChild(optionsContainer);
-            const buttonContainer = this.createButtonContainer();
+            const buttonContainer = this.createButtonContainer(options.contentButtonSpacing);
             const cancelButton = this.createButton((_b = options.cancelButtonTitle) !== null && _b !== void 0 ? _b : 'Cancel', false, () => {
                 this.removeOverlay(overlay);
                 resolve({ values: [], cancelled: true });
@@ -162,9 +162,10 @@ export class ExtendedDialogWeb extends WebPlugin {
         }
         return dialog;
     }
-    createButtonContainer() {
+    createButtonContainer(contentButtonSpacing) {
         const container = document.createElement('div');
-        container.style.cssText = 'display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px;';
+        const spacing = contentButtonSpacing !== null && contentButtonSpacing !== void 0 ? contentButtonSpacing : 24;
+        container.style.cssText = `display: flex; justify-content: flex-end; gap: 8px; margin-top: ${spacing}px;`;
         return container;
     }
     createButton(text, primary, onClick, styleOptions) {
@@ -200,7 +201,8 @@ export class ExtendedDialogWeb extends WebPlugin {
             if (options.headerLogo) {
                 const headerLogo = document.createElement('img');
                 headerLogo.src = options.headerLogo;
-                headerLogo.style.cssText = 'width: 48px; height: 48px; object-fit: contain; margin-bottom: 12px; border-radius: 8px;';
+                headerLogo.style.cssText =
+                    'width: 48px; height: 48px; object-fit: contain; margin-bottom: 12px; border-radius: 8px;';
                 headerLogo.onerror = () => {
                     headerLogo.style.display = 'none';
                 };
@@ -228,7 +230,8 @@ export class ExtendedDialogWeb extends WebPlugin {
                 if (row.logo) {
                     const rowLogo = document.createElement('img');
                     rowLogo.src = row.logo;
-                    rowLogo.style.cssText = 'width: 24px; height: 24px; object-fit: contain; margin-right: 12px; border-radius: 4px; flex-shrink: 0;';
+                    rowLogo.style.cssText =
+                        'width: 24px; height: 24px; object-fit: contain; margin-right: 12px; border-radius: 4px; flex-shrink: 0;';
                     rowLogo.onerror = () => {
                         rowLogo.style.display = 'none';
                     };
@@ -249,8 +252,18 @@ export class ExtendedDialogWeb extends WebPlugin {
                 rowsContainer.appendChild(rowEl);
             });
             dialog.appendChild(rowsContainer);
+            // For sheets with ≤4 rows and no explicit spacing, add extra spacing to reach ~50% viewport height
+            let sheetSpacing = options.contentButtonSpacing;
+            if (sheetSpacing === undefined && options.rows.length <= 4) {
+                const targetHeight = window.innerHeight * 0.5;
+                // Estimate content: padding(48) + header(~80) + rows(~49 each) + buttons(~44) + default spacing(24)
+                const estimatedHeight = 48 + 80 + options.rows.length * 49 + 44 + 24;
+                if (targetHeight > estimatedHeight) {
+                    sheetSpacing = 24 + (targetHeight - estimatedHeight);
+                }
+            }
             // Button container
-            const buttonContainer = this.createButtonContainer();
+            const buttonContainer = this.createButtonContainer(sheetSpacing);
             const cancelButton = this.createButton((_c = options.cancelButtonTitle) !== null && _c !== void 0 ? _c : 'Cancel', false, () => {
                 this.removeOverlay(overlay);
                 resolve({ confirmed: false });