capacitor-extended-dialog 0.0.2 → 0.0.4

package/dist/esm/definitions.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Dialog presentation mode.
+ *
+ * - `'basic'` — Standard modal dialog (default)
+ * - `'fullscreen'` — Full-screen dialog presentation
+ */
 export declare type DialogMode = 'basic' | 'fullscreen';
 export interface DialogStyleOptions {
     /**
@@ -34,21 +40,63 @@ export interface DialogStyleOptions {
     buttonFontSize?: number;
 }
 export interface BaseDialogOptions extends DialogStyleOptions {
+    /**
+     * Title displayed at the top of the dialog.
+     */
     title?: string;
+    /**
+     * Message body displayed in the dialog.
+     */
     message: string;
+    /**
+     * Presentation mode for the dialog.
+     *
+     * @default 'basic'
+     */
     mode?: DialogMode;
 }
 export interface AlertOptions extends BaseDialogOptions {
+    /**
+     * Title for the dismiss button.
+     *
+     * @default "OK"
+     */
     buttonTitle?: string;
 }
 export interface ConfirmOptions extends BaseDialogOptions {
+    /**
+     * Title for the confirmation button.
+     *
+     * @default "OK"
+     */
     okButtonTitle?: string;
+    /**
+     * Title for the cancel button.
+     *
+     * @default "Cancel"
+     */
     cancelButtonTitle?: string;
 }
 export interface PromptOptions extends BaseDialogOptions {
+    /**
+     * Title for the confirmation button.
+     *
+     * @default "OK"
+     */
     okButtonTitle?: string;
+    /**
+     * Title for the cancel button.
+     *
+     * @default "Cancel"
+     */
     cancelButtonTitle?: string;
+    /**
+     * Placeholder text shown in the input field when empty.
+     */
     inputPlaceholder?: string;
+    /**
+     * Pre-filled value for the input field.
+     */
     inputText?: string;
     /**
      * Whether to automatically focus the input field and open the keyboard when the dialog appears.
@@ -62,40 +110,161 @@ export interface PromptOptions extends BaseDialogOptions {
     focusInput?: boolean;
 }
 export interface SelectOption {
+    /**
+     * Display text for the option.
+     */
     label: string;
+    /**
+     * Value returned when the option is selected.
+     */
     value: string;
 }
 export interface SingleSelectOptions extends BaseDialogOptions {
+    /**
+     * List of options to display for selection.
+     */
     options: SelectOption[];
+    /**
+     * Value of the initially selected option.
+     */
     selectedValue?: string;
+    /**
+     * Title for the confirmation button.
+     *
+     * @default "OK"
+     */
     okButtonTitle?: string;
+    /**
+     * Title for the cancel button.
+     *
+     * @default "Cancel"
+     */
     cancelButtonTitle?: string;
 }
 export interface MultiSelectOptions extends BaseDialogOptions {
+    /**
+     * List of options to display for selection.
+     */
     options: SelectOption[];
+    /**
+     * Values of the initially selected options.
+     */
     selectedValues?: string[];
+    /**
+     * Title for the confirmation button.
+     *
+     * @default "OK"
+     */
     okButtonTitle?: string;
+    /**
+     * Title for the cancel button.
+     *
+     * @default "Cancel"
+     */
     cancelButtonTitle?: string;
 }
 export interface ConfirmResult {
+    /**
+     * Whether the user confirmed (`true`) or cancelled (`false`).
+     */
     value: boolean;
 }
 export interface PromptResult {
+    /**
+     * The text entered by the user. Empty string if cancelled.
+     */
     value: string;
+    /**
+     * Whether the user cancelled the dialog.
+     */
     cancelled: boolean;
 }
 export interface SingleSelectResult {
+    /**
+     * The value of the selected option, or `null` if cancelled.
+     */
     value: string | null;
+    /**
+     * Whether the user cancelled the dialog.
+     */
     cancelled: boolean;
 }
 export interface MultiSelectResult {
+    /**
+     * The values of the selected options. Empty array if cancelled.
+     */
     values: string[];
+    /**
+     * Whether the user cancelled the dialog.
+     */
     cancelled: boolean;
 }
+export interface SheetRow {
+    /** Row title (required) */
+    title: string;
+    /** Optional logo/icon - supports base64 data URL or HTTP/HTTPS URL */
+    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 */
+    headerLogo?: string;
+    /** Sheet title */
+    title: string;
+    /** Description rows */
+    rows: SheetRow[];
+    /** Confirm button title */
+    confirmButtonTitle?: string;
+    /** Cancel button title */
+    cancelButtonTitle?: string;
+    /** Dialog mode */
+    mode?: DialogMode;
+}
+export interface SheetResult {
+    /** True if confirmed, false if cancelled */
+    confirmed: boolean;
+}
 export interface ExtendedDialogPlugin {
+    /**
+     * Show an alert dialog with a single dismiss button.
+     *
+     * @param options - Alert configuration options.
+     */
     alert(options: AlertOptions): Promise<void>;
+    /**
+     * Show a confirmation dialog with OK and Cancel buttons.
+     *
+     * @param options - Confirm configuration options.
+     * @returns The user's confirmation choice.
+     */
     confirm(options: ConfirmOptions): Promise<ConfirmResult>;
+    /**
+     * Show a prompt dialog with a text input field.
+     *
+     * @param options - Prompt configuration options.
+     * @returns The entered text and whether the dialog was cancelled.
+     */
     prompt(options: PromptOptions): Promise<PromptResult>;
+    /**
+     * Show a single-select dialog where the user picks one option.
+     *
+     * @param options - Single select configuration options.
+     * @returns The selected value and whether the dialog was cancelled.
+     */
     singleSelect(options: SingleSelectOptions): Promise<SingleSelectResult>;
+    /**
+     * Show a multi-select dialog where the user picks one or more options.
+     *
+     * @param options - Multi select configuration options.
+     * @returns The selected values and whether the dialog was cancelled.
+     */
     multiSelect(options: MultiSelectOptions): Promise<MultiSelectResult>;
+    /**
+     * Show a sheet dialog with a header, title, and structured data rows.
+     *
+     * @param options - Sheet configuration options.
+     * @returns Whether the user confirmed or cancelled the sheet.
+     */
+    sheet(options: SheetOptions): Promise<SheetResult>;
 }

package/dist/esm/definitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["export 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  title?: string;\n  message: string;\n  mode?: DialogMode; // default: 'basic'\n}\n\nexport interface AlertOptions extends BaseDialogOptions {\n  buttonTitle?: string; // default: \"OK\"\n}\n\nexport interface ConfirmOptions extends BaseDialogOptions {\n  okButtonTitle?: string; // default: \"OK\"\n  cancelButtonTitle?: string; // default: \"Cancel\"\n}\n\nexport interface PromptOptions extends BaseDialogOptions {\n  okButtonTitle?: string;\n  cancelButtonTitle?: string;\n  inputPlaceholder?: string;\n  inputText?: string; // pre-filled value\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  label: string;\n  value: string;\n}\n\nexport interface SingleSelectOptions extends BaseDialogOptions {\n  options: SelectOption[];\n  selectedValue?: string;\n  okButtonTitle?: string;\n  cancelButtonTitle?: string;\n}\n\nexport interface MultiSelectOptions extends BaseDialogOptions {\n  options: SelectOption[];\n  selectedValues?: string[];\n  okButtonTitle?: string;\n  cancelButtonTitle?: string;\n}\n\n// Results\nexport interface ConfirmResult {\n  value: boolean;\n}\n\nexport interface PromptResult {\n  value: string;\n  cancelled: boolean;\n}\n\nexport interface SingleSelectResult {\n  value: string | null;\n  cancelled: boolean;\n}\n\nexport interface MultiSelectResult {\n  values: string[];\n  cancelled: boolean;\n}\n\nexport interface ExtendedDialogPlugin {\n  alert(options: AlertOptions): Promise<void>;\n  confirm(options: ConfirmOptions): Promise<ConfirmResult>;\n  prompt(options: PromptOptions): Promise<PromptResult>;\n  singleSelect(options: SingleSelectOptions): Promise<SingleSelectResult>;\n  multiSelect(options: MultiSelectOptions): Promise<MultiSelectResult>;\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\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.d.ts

@@ -1,5 +1,5 @@
 import { WebPlugin } from '@capacitor/core';
-import type { ExtendedDialogPlugin, AlertOptions, ConfirmOptions, ConfirmResult, PromptOptions, PromptResult, SingleSelectOptions, SingleSelectResult, MultiSelectOptions, MultiSelectResult } from './definitions';
+import type { ExtendedDialogPlugin, AlertOptions, ConfirmOptions, ConfirmResult, PromptOptions, PromptResult, SingleSelectOptions, SingleSelectResult, MultiSelectOptions, MultiSelectResult, SheetOptions, SheetResult } from './definitions';
 export declare class ExtendedDialogWeb extends WebPlugin implements ExtendedDialogPlugin {
     alert(options: AlertOptions): Promise<void>;
     confirm(options: ConfirmOptions): Promise<ConfirmResult>;
@@ -11,4 +11,6 @@ export declare class ExtendedDialogWeb extends WebPlugin implements ExtendedDial
     private createButtonContainer;
     private createButton;
     private removeOverlay;
+    sheet(options: SheetOptions): Promise<SheetResult>;
+    private createSheetDialogContainer;
 }

package/dist/esm/web.js

@@ -189,5 +189,98 @@ export class ExtendedDialogWeb extends WebPlugin {
     removeOverlay(overlay) {
         overlay.remove();
     }
+    async sheet(options) {
+        return new Promise((resolve) => {
+            var _a, _b, _c, _d;
+            const overlay = this.createOverlay();
+            const dialog = this.createSheetDialogContainer(options);
+            // Header section with logo and title
+            const headerSection = document.createElement('div');
+            headerSection.style.cssText = 'display: flex; flex-direction: column; align-items: center; margin-bottom: 24px;';
+            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.onerror = () => {
+                    headerLogo.style.display = 'none';
+                };
+                headerSection.appendChild(headerLogo);
+            }
+            const titleEl = document.createElement('h2');
+            titleEl.textContent = options.title;
+            const titleFontSize = (_a = options.titleFontSize) !== null && _a !== void 0 ? _a : 20;
+            const titleColor = (_b = options.titleColor) !== null && _b !== void 0 ? _b : 'inherit';
+            titleEl.style.cssText = `margin: 0; font-size: ${titleFontSize}px; font-weight: 600; color: ${titleColor}; text-align: center;`;
+            headerSection.appendChild(titleEl);
+            dialog.appendChild(headerSection);
+            // Rows container
+            const rowsContainer = document.createElement('div');
+            rowsContainer.style.cssText = 'display: flex; flex-direction: column; gap: 0; margin-bottom: 24px;';
+            options.rows.forEach((row, index) => {
+                var _a, _b;
+                const rowEl = document.createElement('div');
+                rowEl.style.cssText = `
+          display: flex;
+          align-items: center;
+          padding: 16px 0;
+          ${index < options.rows.length - 1 ? 'border-bottom: 1px solid #e0e0e0;' : ''}
+        `;
+                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.onerror = () => {
+                        rowLogo.style.display = 'none';
+                    };
+                    rowEl.appendChild(rowLogo);
+                }
+                const rowTitle = document.createElement('span');
+                rowTitle.textContent = row.title;
+                const messageFontSize = (_a = options.messageFontSize) !== null && _a !== void 0 ? _a : 16;
+                const messageColor = (_b = options.messageColor) !== null && _b !== void 0 ? _b : '#333';
+                rowTitle.style.cssText = `font-size: ${messageFontSize}px; color: ${messageColor}; flex: 1;`;
+                rowEl.appendChild(rowTitle);
+                if (row.value) {
+                    const rowValue = document.createElement('span');
+                    rowValue.textContent = row.value;
+                    rowValue.style.cssText = `font-size: ${messageFontSize}px; color: #666; text-align: right; margin-left: 12px;`;
+                    rowEl.appendChild(rowValue);
+                }
+                rowsContainer.appendChild(rowEl);
+            });
+            dialog.appendChild(rowsContainer);
+            // Button container
+            const buttonContainer = this.createButtonContainer();
+            const cancelButton = this.createButton((_c = options.cancelButtonTitle) !== null && _c !== void 0 ? _c : 'Cancel', false, () => {
+                this.removeOverlay(overlay);
+                resolve({ confirmed: false });
+            }, options);
+            const confirmButton = this.createButton((_d = options.confirmButtonTitle) !== null && _d !== void 0 ? _d : 'Confirm', true, () => {
+                this.removeOverlay(overlay);
+                resolve({ confirmed: true });
+            }, options);
+            buttonContainer.appendChild(cancelButton);
+            buttonContainer.appendChild(confirmButton);
+            dialog.appendChild(buttonContainer);
+            overlay.appendChild(dialog);
+            document.body.appendChild(overlay);
+        });
+    }
+    createSheetDialogContainer(options) {
+        var _a;
+        const dialog = document.createElement('div');
+        const bgColor = (_a = options.backgroundColor) !== null && _a !== void 0 ? _a : 'white';
+        dialog.style.cssText = `
+      background: ${bgColor};
+      border-radius: 16px;
+      padding: 24px;
+      min-width: 320px;
+      max-width: 420px;
+      max-height: 80vh;
+      overflow-y: auto;
+      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
+    `;
+        return dialog;
+    }
 }
 //# sourceMappingURL=web.js.map

package/dist/esm/web.js.map

@@ -1 +1 @@
-{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"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","sourcesContent":["import { WebPlugin } from '@capacitor/core';\n\nimport type {\n  ExtendedDialogPlugin,\n  AlertOptions,\n  ConfirmOptions,\n  ConfirmResult,\n  PromptOptions,\n  PromptResult,\n  SingleSelectOptions,\n  SingleSelectResult,\n  MultiSelectOptions,\n  MultiSelectResult,\n  DialogStyleOptions,\n} from './definitions';\n\nexport class ExtendedDialogWeb extends WebPlugin implements ExtendedDialogPlugin {\n  async alert(options: AlertOptions): Promise<void> {\n    const message = options.title ? `${options.title}\\n\\n${options.message}` : options.message;\n    window.alert(message);\n  }\n\n  async confirm(options: ConfirmOptions): Promise<ConfirmResult> {\n    const message = options.title ? `${options.title}\\n\\n${options.message}` : options.message;\n    const result = window.confirm(message);\n    return { value: result };\n  }\n\n  async prompt(options: PromptOptions): Promise<PromptResult> {\n    // Note: focusInput option is ignored on web as window.prompt() handles focus automatically\n    // and does not provide programmatic control over keyboard/focus behavior\n    const message = options.title ? `${options.title}\\n\\n${options.message}` : options.message;\n    const result = window.prompt(message, options.inputText ?? '');\n    return {\n      value: result ?? '',\n      cancelled: result === null,\n    };\n  }\n\n  async singleSelect(options: SingleSelectOptions): Promise<SingleSelectResult> {\n    return new Promise((resolve) => {\n      const overlay = this.createOverlay();\n      const dialog = this.createDialogContainer(options.title, options.message, options);\n\n      const optionsContainer = document.createElement('div');\n      optionsContainer.style.cssText = 'max-height: 300px; overflow-y: auto; margin: 16px 0;';\n\n      let selectedValue = options.selectedValue ?? null;\n\n      options.options.forEach((option) => {\n        const label = document.createElement('label');\n        label.style.cssText =\n          'display: flex; align-items: center; padding: 12px 0; cursor: pointer; border-bottom: 1px solid #e0e0e0;';\n\n        const radio = document.createElement('input');\n        radio.type = 'radio';\n        radio.name = 'singleSelect';\n        radio.value = option.value;\n        radio.checked = option.value === selectedValue;\n        radio.style.cssText = 'margin-right: 12px; width: 20px; height: 20px;';\n        radio.addEventListener('change', () => {\n          selectedValue = option.value;\n        });\n\n        const text = document.createElement('span');\n        text.textContent = option.label;\n        text.style.cssText = 'font-size: 16px;';\n\n        label.appendChild(radio);\n        label.appendChild(text);\n        optionsContainer.appendChild(label);\n      });\n\n      dialog.appendChild(optionsContainer);\n\n      const buttonContainer = this.createButtonContainer();\n\n      const cancelButton = this.createButton(\n        options.cancelButtonTitle ?? 'Cancel',\n        false,\n        () => {\n          this.removeOverlay(overlay);\n          resolve({ value: null, cancelled: true });\n        },\n        options,\n      );\n\n      const okButton = this.createButton(\n        options.okButtonTitle ?? 'OK',\n        true,\n        () => {\n          this.removeOverlay(overlay);\n          resolve({ value: selectedValue, cancelled: false });\n        },\n        options,\n      );\n\n      buttonContainer.appendChild(cancelButton);\n      buttonContainer.appendChild(okButton);\n      dialog.appendChild(buttonContainer);\n      overlay.appendChild(dialog);\n      document.body.appendChild(overlay);\n    });\n  }\n\n  async multiSelect(options: MultiSelectOptions): Promise<MultiSelectResult> {\n    return new Promise((resolve) => {\n      const overlay = this.createOverlay();\n      const dialog = this.createDialogContainer(options.title, options.message, options);\n\n      const optionsContainer = document.createElement('div');\n      optionsContainer.style.cssText = 'max-height: 300px; overflow-y: auto; margin: 16px 0;';\n\n      const selectedValues = new Set(options.selectedValues ?? []);\n\n      options.options.forEach((option) => {\n        const label = document.createElement('label');\n        label.style.cssText =\n          'display: flex; align-items: center; padding: 12px 0; cursor: pointer; border-bottom: 1px solid #e0e0e0;';\n\n        const checkbox = document.createElement('input');\n        checkbox.type = 'checkbox';\n        checkbox.value = option.value;\n        checkbox.checked = selectedValues.has(option.value);\n        checkbox.style.cssText = 'margin-right: 12px; width: 20px; height: 20px;';\n        checkbox.addEventListener('change', () => {\n          if (checkbox.checked) {\n            selectedValues.add(option.value);\n          } else {\n            selectedValues.delete(option.value);\n          }\n        });\n\n        const text = document.createElement('span');\n        text.textContent = option.label;\n        text.style.cssText = 'font-size: 16px;';\n\n        label.appendChild(checkbox);\n        label.appendChild(text);\n        optionsContainer.appendChild(label);\n      });\n\n      dialog.appendChild(optionsContainer);\n\n      const buttonContainer = this.createButtonContainer();\n\n      const cancelButton = this.createButton(\n        options.cancelButtonTitle ?? 'Cancel',\n        false,\n        () => {\n          this.removeOverlay(overlay);\n          resolve({ values: [], cancelled: true });\n        },\n        options,\n      );\n\n      const okButton = this.createButton(\n        options.okButtonTitle ?? 'OK',\n        true,\n        () => {\n          this.removeOverlay(overlay);\n          resolve({ values: Array.from(selectedValues), cancelled: false });\n        },\n        options,\n      );\n\n      buttonContainer.appendChild(cancelButton);\n      buttonContainer.appendChild(okButton);\n      dialog.appendChild(buttonContainer);\n      overlay.appendChild(dialog);\n      document.body.appendChild(overlay);\n    });\n  }\n\n  private createOverlay(): HTMLDivElement {\n    const overlay = document.createElement('div');\n    overlay.style.cssText = `\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: rgba(0, 0, 0, 0.5);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 999999;\n    `;\n    return overlay;\n  }\n\n  private createDialogContainer(title?: string, message?: string, styleOptions?: DialogStyleOptions): HTMLDivElement {\n    const dialog = document.createElement('div');\n    const bgColor = styleOptions?.backgroundColor ?? 'white';\n    dialog.style.cssText = `\n      background: ${bgColor};\n      border-radius: 16px;\n      padding: 24px;\n      min-width: 300px;\n      max-width: 400px;\n      max-height: 80vh;\n      overflow-y: auto;\n      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);\n    `;\n\n    if (title) {\n      const titleEl = document.createElement('h2');\n      titleEl.textContent = title;\n      const titleFontSize = styleOptions?.titleFontSize ?? 20;\n      const titleColor = styleOptions?.titleColor ?? 'inherit';\n      titleEl.style.cssText = `margin: 0 0 8px 0; font-size: ${titleFontSize}px; font-weight: 600; color: ${titleColor};`;\n      dialog.appendChild(titleEl);\n    }\n\n    if (message) {\n      const messageEl = document.createElement('p');\n      messageEl.textContent = message;\n      const messageFontSize = styleOptions?.messageFontSize ?? 14;\n      const messageColor = styleOptions?.messageColor ?? '#666';\n      messageEl.style.cssText = `margin: 0; font-size: ${messageFontSize}px; color: ${messageColor};`;\n      dialog.appendChild(messageEl);\n    }\n\n    return dialog;\n  }\n\n  private createButtonContainer(): HTMLDivElement {\n    const container = document.createElement('div');\n    container.style.cssText = 'display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px;';\n    return container;\n  }\n\n  private createButton(\n    text: string,\n    primary: boolean,\n    onClick: () => void,\n    styleOptions?: DialogStyleOptions,\n  ): HTMLButtonElement {\n    const button = document.createElement('button');\n    button.textContent = text;\n    const fontSize = styleOptions?.buttonFontSize ?? 14;\n    const primaryColor = styleOptions?.buttonColor ?? '#6750A4';\n    const cancelColor = styleOptions?.cancelButtonColor ?? '#6750A4';\n    button.style.cssText = `\n      padding: 10px 24px;\n      border-radius: 8px;\n      font-size: ${fontSize}px;\n      font-weight: 500;\n      cursor: pointer;\n      border: none;\n      ${primary ? `background: ${primaryColor}; color: white;` : `background: transparent; color: ${cancelColor};`}\n    `;\n    button.addEventListener('click', onClick);\n    return button;\n  }\n\n  private removeOverlay(overlay: HTMLDivElement): void {\n    overlay.remove();\n  }\n}\n"]}
+{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"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","sourcesContent":["import { WebPlugin } from '@capacitor/core';\n\nimport type {\n  ExtendedDialogPlugin,\n  AlertOptions,\n  ConfirmOptions,\n  ConfirmResult,\n  PromptOptions,\n  PromptResult,\n  SingleSelectOptions,\n  SingleSelectResult,\n  MultiSelectOptions,\n  MultiSelectResult,\n  SheetOptions,\n  SheetResult,\n  DialogStyleOptions,\n} from './definitions';\n\nexport class ExtendedDialogWeb extends WebPlugin implements ExtendedDialogPlugin {\n  async alert(options: AlertOptions): Promise<void> {\n    const message = options.title ? `${options.title}\\n\\n${options.message}` : options.message;\n    window.alert(message);\n  }\n\n  async confirm(options: ConfirmOptions): Promise<ConfirmResult> {\n    const message = options.title ? `${options.title}\\n\\n${options.message}` : options.message;\n    const result = window.confirm(message);\n    return { value: result };\n  }\n\n  async prompt(options: PromptOptions): Promise<PromptResult> {\n    // Note: focusInput option is ignored on web as window.prompt() handles focus automatically\n    // and does not provide programmatic control over keyboard/focus behavior\n    const message = options.title ? `${options.title}\\n\\n${options.message}` : options.message;\n    const result = window.prompt(message, options.inputText ?? '');\n    return {\n      value: result ?? '',\n      cancelled: result === null,\n    };\n  }\n\n  async singleSelect(options: SingleSelectOptions): Promise<SingleSelectResult> {\n    return new Promise((resolve) => {\n      const overlay = this.createOverlay();\n      const dialog = this.createDialogContainer(options.title, options.message, options);\n\n      const optionsContainer = document.createElement('div');\n      optionsContainer.style.cssText = 'max-height: 300px; overflow-y: auto; margin: 16px 0;';\n\n      let selectedValue = options.selectedValue ?? null;\n\n      options.options.forEach((option) => {\n        const label = document.createElement('label');\n        label.style.cssText =\n          'display: flex; align-items: center; padding: 12px 0; cursor: pointer; border-bottom: 1px solid #e0e0e0;';\n\n        const radio = document.createElement('input');\n        radio.type = 'radio';\n        radio.name = 'singleSelect';\n        radio.value = option.value;\n        radio.checked = option.value === selectedValue;\n        radio.style.cssText = 'margin-right: 12px; width: 20px; height: 20px;';\n        radio.addEventListener('change', () => {\n          selectedValue = option.value;\n        });\n\n        const text = document.createElement('span');\n        text.textContent = option.label;\n        text.style.cssText = 'font-size: 16px;';\n\n        label.appendChild(radio);\n        label.appendChild(text);\n        optionsContainer.appendChild(label);\n      });\n\n      dialog.appendChild(optionsContainer);\n\n      const buttonContainer = this.createButtonContainer();\n\n      const cancelButton = this.createButton(\n        options.cancelButtonTitle ?? 'Cancel',\n        false,\n        () => {\n          this.removeOverlay(overlay);\n          resolve({ value: null, cancelled: true });\n        },\n        options,\n      );\n\n      const okButton = this.createButton(\n        options.okButtonTitle ?? 'OK',\n        true,\n        () => {\n          this.removeOverlay(overlay);\n          resolve({ value: selectedValue, cancelled: false });\n        },\n        options,\n      );\n\n      buttonContainer.appendChild(cancelButton);\n      buttonContainer.appendChild(okButton);\n      dialog.appendChild(buttonContainer);\n      overlay.appendChild(dialog);\n      document.body.appendChild(overlay);\n    });\n  }\n\n  async multiSelect(options: MultiSelectOptions): Promise<MultiSelectResult> {\n    return new Promise((resolve) => {\n      const overlay = this.createOverlay();\n      const dialog = this.createDialogContainer(options.title, options.message, options);\n\n      const optionsContainer = document.createElement('div');\n      optionsContainer.style.cssText = 'max-height: 300px; overflow-y: auto; margin: 16px 0;';\n\n      const selectedValues = new Set(options.selectedValues ?? []);\n\n      options.options.forEach((option) => {\n        const label = document.createElement('label');\n        label.style.cssText =\n          'display: flex; align-items: center; padding: 12px 0; cursor: pointer; border-bottom: 1px solid #e0e0e0;';\n\n        const checkbox = document.createElement('input');\n        checkbox.type = 'checkbox';\n        checkbox.value = option.value;\n        checkbox.checked = selectedValues.has(option.value);\n        checkbox.style.cssText = 'margin-right: 12px; width: 20px; height: 20px;';\n        checkbox.addEventListener('change', () => {\n          if (checkbox.checked) {\n            selectedValues.add(option.value);\n          } else {\n            selectedValues.delete(option.value);\n          }\n        });\n\n        const text = document.createElement('span');\n        text.textContent = option.label;\n        text.style.cssText = 'font-size: 16px;';\n\n        label.appendChild(checkbox);\n        label.appendChild(text);\n        optionsContainer.appendChild(label);\n      });\n\n      dialog.appendChild(optionsContainer);\n\n      const buttonContainer = this.createButtonContainer();\n\n      const cancelButton = this.createButton(\n        options.cancelButtonTitle ?? 'Cancel',\n        false,\n        () => {\n          this.removeOverlay(overlay);\n          resolve({ values: [], cancelled: true });\n        },\n        options,\n      );\n\n      const okButton = this.createButton(\n        options.okButtonTitle ?? 'OK',\n        true,\n        () => {\n          this.removeOverlay(overlay);\n          resolve({ values: Array.from(selectedValues), cancelled: false });\n        },\n        options,\n      );\n\n      buttonContainer.appendChild(cancelButton);\n      buttonContainer.appendChild(okButton);\n      dialog.appendChild(buttonContainer);\n      overlay.appendChild(dialog);\n      document.body.appendChild(overlay);\n    });\n  }\n\n  private createOverlay(): HTMLDivElement {\n    const overlay = document.createElement('div');\n    overlay.style.cssText = `\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: rgba(0, 0, 0, 0.5);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 999999;\n    `;\n    return overlay;\n  }\n\n  private createDialogContainer(title?: string, message?: string, styleOptions?: DialogStyleOptions): HTMLDivElement {\n    const dialog = document.createElement('div');\n    const bgColor = styleOptions?.backgroundColor ?? 'white';\n    dialog.style.cssText = `\n      background: ${bgColor};\n      border-radius: 16px;\n      padding: 24px;\n      min-width: 300px;\n      max-width: 400px;\n      max-height: 80vh;\n      overflow-y: auto;\n      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);\n    `;\n\n    if (title) {\n      const titleEl = document.createElement('h2');\n      titleEl.textContent = title;\n      const titleFontSize = styleOptions?.titleFontSize ?? 20;\n      const titleColor = styleOptions?.titleColor ?? 'inherit';\n      titleEl.style.cssText = `margin: 0 0 8px 0; font-size: ${titleFontSize}px; font-weight: 600; color: ${titleColor};`;\n      dialog.appendChild(titleEl);\n    }\n\n    if (message) {\n      const messageEl = document.createElement('p');\n      messageEl.textContent = message;\n      const messageFontSize = styleOptions?.messageFontSize ?? 14;\n      const messageColor = styleOptions?.messageColor ?? '#666';\n      messageEl.style.cssText = `margin: 0; font-size: ${messageFontSize}px; color: ${messageColor};`;\n      dialog.appendChild(messageEl);\n    }\n\n    return dialog;\n  }\n\n  private createButtonContainer(): HTMLDivElement {\n    const container = document.createElement('div');\n    container.style.cssText = 'display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px;';\n    return container;\n  }\n\n  private createButton(\n    text: string,\n    primary: boolean,\n    onClick: () => void,\n    styleOptions?: DialogStyleOptions,\n  ): HTMLButtonElement {\n    const button = document.createElement('button');\n    button.textContent = text;\n    const fontSize = styleOptions?.buttonFontSize ?? 14;\n    const primaryColor = styleOptions?.buttonColor ?? '#6750A4';\n    const cancelColor = styleOptions?.cancelButtonColor ?? '#6750A4';\n    button.style.cssText = `\n      padding: 10px 24px;\n      border-radius: 8px;\n      font-size: ${fontSize}px;\n      font-weight: 500;\n      cursor: pointer;\n      border: none;\n      ${primary ? `background: ${primaryColor}; color: white;` : `background: transparent; color: ${cancelColor};`}\n    `;\n    button.addEventListener('click', onClick);\n    return button;\n  }\n\n  private removeOverlay(overlay: HTMLDivElement): void {\n    overlay.remove();\n  }\n\n  async sheet(options: SheetOptions): Promise<SheetResult> {\n    return new Promise((resolve) => {\n      const overlay = this.createOverlay();\n      const dialog = this.createSheetDialogContainer(options);\n\n      // Header section with logo and title\n      const headerSection = document.createElement('div');\n      headerSection.style.cssText = 'display: flex; flex-direction: column; align-items: center; margin-bottom: 24px;';\n\n      if (options.headerLogo) {\n        const headerLogo = document.createElement('img');\n        headerLogo.src = options.headerLogo;\n        headerLogo.style.cssText = 'width: 48px; height: 48px; object-fit: contain; margin-bottom: 12px; border-radius: 8px;';\n        headerLogo.onerror = () => {\n          headerLogo.style.display = 'none';\n        };\n        headerSection.appendChild(headerLogo);\n      }\n\n      const titleEl = document.createElement('h2');\n      titleEl.textContent = options.title;\n      const titleFontSize = options.titleFontSize ?? 20;\n      const titleColor = options.titleColor ?? 'inherit';\n      titleEl.style.cssText = `margin: 0; font-size: ${titleFontSize}px; font-weight: 600; color: ${titleColor}; text-align: center;`;\n      headerSection.appendChild(titleEl);\n\n      dialog.appendChild(headerSection);\n\n      // Rows container\n      const rowsContainer = document.createElement('div');\n      rowsContainer.style.cssText = 'display: flex; flex-direction: column; gap: 0; margin-bottom: 24px;';\n\n      options.rows.forEach((row, index) => {\n        const rowEl = document.createElement('div');\n        rowEl.style.cssText = `\n          display: flex;\n          align-items: center;\n          padding: 16px 0;\n          ${index < options.rows.length - 1 ? 'border-bottom: 1px solid #e0e0e0;' : ''}\n        `;\n\n        if (row.logo) {\n          const rowLogo = document.createElement('img');\n          rowLogo.src = row.logo;\n          rowLogo.style.cssText = 'width: 24px; height: 24px; object-fit: contain; margin-right: 12px; border-radius: 4px; flex-shrink: 0;';\n          rowLogo.onerror = () => {\n            rowLogo.style.display = 'none';\n          };\n          rowEl.appendChild(rowLogo);\n        }\n\n        const rowTitle = document.createElement('span');\n        rowTitle.textContent = row.title;\n        const messageFontSize = options.messageFontSize ?? 16;\n        const messageColor = options.messageColor ?? '#333';\n        rowTitle.style.cssText = `font-size: ${messageFontSize}px; color: ${messageColor}; flex: 1;`;\n        rowEl.appendChild(rowTitle);\n\n        if (row.value) {\n          const rowValue = document.createElement('span');\n          rowValue.textContent = row.value;\n          rowValue.style.cssText = `font-size: ${messageFontSize}px; color: #666; text-align: right; margin-left: 12px;`;\n          rowEl.appendChild(rowValue);\n        }\n\n        rowsContainer.appendChild(rowEl);\n      });\n\n      dialog.appendChild(rowsContainer);\n\n      // Button container\n      const buttonContainer = this.createButtonContainer();\n\n      const cancelButton = this.createButton(\n        options.cancelButtonTitle ?? 'Cancel',\n        false,\n        () => {\n          this.removeOverlay(overlay);\n          resolve({ confirmed: false });\n        },\n        options,\n      );\n\n      const confirmButton = this.createButton(\n        options.confirmButtonTitle ?? 'Confirm',\n        true,\n        () => {\n          this.removeOverlay(overlay);\n          resolve({ confirmed: true });\n        },\n        options,\n      );\n\n      buttonContainer.appendChild(cancelButton);\n      buttonContainer.appendChild(confirmButton);\n      dialog.appendChild(buttonContainer);\n      overlay.appendChild(dialog);\n      document.body.appendChild(overlay);\n    });\n  }\n\n  private createSheetDialogContainer(options: SheetOptions): HTMLDivElement {\n    const dialog = document.createElement('div');\n    const bgColor = options.backgroundColor ?? 'white';\n    dialog.style.cssText = `\n      background: ${bgColor};\n      border-radius: 16px;\n      padding: 24px;\n      min-width: 320px;\n      max-width: 420px;\n      max-height: 80vh;\n      overflow-y: auto;\n      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);\n    `;\n    return dialog;\n  }\n}\n"]}

package/dist/plugin.cjs.js

@@ -196,6 +196,99 @@ class ExtendedDialogWeb extends core.WebPlugin {
     removeOverlay(overlay) {
         overlay.remove();
     }
+    async sheet(options) {
+        return new Promise((resolve) => {
+            var _a, _b, _c, _d;
+            const overlay = this.createOverlay();
+            const dialog = this.createSheetDialogContainer(options);
+            // Header section with logo and title
+            const headerSection = document.createElement('div');
+            headerSection.style.cssText = 'display: flex; flex-direction: column; align-items: center; margin-bottom: 24px;';
+            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.onerror = () => {
+                    headerLogo.style.display = 'none';
+                };
+                headerSection.appendChild(headerLogo);
+            }
+            const titleEl = document.createElement('h2');
+            titleEl.textContent = options.title;
+            const titleFontSize = (_a = options.titleFontSize) !== null && _a !== void 0 ? _a : 20;
+            const titleColor = (_b = options.titleColor) !== null && _b !== void 0 ? _b : 'inherit';
+            titleEl.style.cssText = `margin: 0; font-size: ${titleFontSize}px; font-weight: 600; color: ${titleColor}; text-align: center;`;
+            headerSection.appendChild(titleEl);
+            dialog.appendChild(headerSection);
+            // Rows container
+            const rowsContainer = document.createElement('div');
+            rowsContainer.style.cssText = 'display: flex; flex-direction: column; gap: 0; margin-bottom: 24px;';
+            options.rows.forEach((row, index) => {
+                var _a, _b;
+                const rowEl = document.createElement('div');
+                rowEl.style.cssText = `
+          display: flex;
+          align-items: center;
+          padding: 16px 0;
+          ${index < options.rows.length - 1 ? 'border-bottom: 1px solid #e0e0e0;' : ''}
+        `;
+                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.onerror = () => {
+                        rowLogo.style.display = 'none';
+                    };
+                    rowEl.appendChild(rowLogo);
+                }
+                const rowTitle = document.createElement('span');
+                rowTitle.textContent = row.title;
+                const messageFontSize = (_a = options.messageFontSize) !== null && _a !== void 0 ? _a : 16;
+                const messageColor = (_b = options.messageColor) !== null && _b !== void 0 ? _b : '#333';
+                rowTitle.style.cssText = `font-size: ${messageFontSize}px; color: ${messageColor}; flex: 1;`;
+                rowEl.appendChild(rowTitle);
+                if (row.value) {
+                    const rowValue = document.createElement('span');
+                    rowValue.textContent = row.value;
+                    rowValue.style.cssText = `font-size: ${messageFontSize}px; color: #666; text-align: right; margin-left: 12px;`;
+                    rowEl.appendChild(rowValue);
+                }
+                rowsContainer.appendChild(rowEl);
+            });
+            dialog.appendChild(rowsContainer);
+            // Button container
+            const buttonContainer = this.createButtonContainer();
+            const cancelButton = this.createButton((_c = options.cancelButtonTitle) !== null && _c !== void 0 ? _c : 'Cancel', false, () => {
+                this.removeOverlay(overlay);
+                resolve({ confirmed: false });
+            }, options);
+            const confirmButton = this.createButton((_d = options.confirmButtonTitle) !== null && _d !== void 0 ? _d : 'Confirm', true, () => {
+                this.removeOverlay(overlay);
+                resolve({ confirmed: true });
+            }, options);
+            buttonContainer.appendChild(cancelButton);
+            buttonContainer.appendChild(confirmButton);
+            dialog.appendChild(buttonContainer);
+            overlay.appendChild(dialog);
+            document.body.appendChild(overlay);
+        });
+    }
+    createSheetDialogContainer(options) {
+        var _a;
+        const dialog = document.createElement('div');
+        const bgColor = (_a = options.backgroundColor) !== null && _a !== void 0 ? _a : 'white';
+        dialog.style.cssText = `
+      background: ${bgColor};
+      border-radius: 16px;
+      padding: 24px;
+      min-width: 320px;
+      max-width: 420px;
+      max-height: 80vh;
+      overflow-y: auto;
+      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
+    `;
+        return dialog;
+    }
 }
 
 var web = /*#__PURE__*/Object.freeze({