capacitor-extended-dialog 0.0.1

package/dist/docs.json

@@ -0,0 +1,384 @@
+{
+  "api": {
+    "name": "ExtendedDialogPlugin",
+    "slug": "extendeddialogplugin",
+    "docs": "",
+    "tags": [],
+    "methods": [
+      {
+        "name": "alert",
+        "signature": "(options: AlertOptions) => any",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "",
+            "type": "AlertOptions"
+          }
+        ],
+        "returns": "any",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [
+          "AlertOptions"
+        ],
+        "slug": "alert"
+      },
+      {
+        "name": "confirm",
+        "signature": "(options: ConfirmOptions) => any",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "",
+            "type": "ConfirmOptions"
+          }
+        ],
+        "returns": "any",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [
+          "ConfirmOptions",
+          "ConfirmResult"
+        ],
+        "slug": "confirm"
+      },
+      {
+        "name": "prompt",
+        "signature": "(options: PromptOptions) => any",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "",
+            "type": "PromptOptions"
+          }
+        ],
+        "returns": "any",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [
+          "PromptOptions",
+          "PromptResult"
+        ],
+        "slug": "prompt"
+      },
+      {
+        "name": "singleSelect",
+        "signature": "(options: SingleSelectOptions) => any",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "",
+            "type": "SingleSelectOptions"
+          }
+        ],
+        "returns": "any",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [
+          "SingleSelectOptions",
+          "SingleSelectResult"
+        ],
+        "slug": "singleselect"
+      },
+      {
+        "name": "multiSelect",
+        "signature": "(options: MultiSelectOptions) => any",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "",
+            "type": "MultiSelectOptions"
+          }
+        ],
+        "returns": "any",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [
+          "MultiSelectOptions",
+          "MultiSelectResult"
+        ],
+        "slug": "multiselect"
+      }
+    ],
+    "properties": []
+  },
+  "interfaces": [
+    {
+      "name": "AlertOptions",
+      "slug": "alertoptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "buttonTitle",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string | undefined"
+        }
+      ]
+    },
+    {
+      "name": "ConfirmOptions",
+      "slug": "confirmoptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "okButtonTitle",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "cancelButtonTitle",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string | undefined"
+        }
+      ]
+    },
+    {
+      "name": "ConfirmResult",
+      "slug": "confirmresult",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "value",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "boolean"
+        }
+      ]
+    },
+    {
+      "name": "PromptOptions",
+      "slug": "promptoptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "okButtonTitle",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "cancelButtonTitle",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "inputPlaceholder",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "inputText",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "focusInput",
+          "tags": [
+            {
+              "text": "false",
+              "name": "default"
+            }
+          ],
+          "docs": "Whether to automatically focus the input field and open the keyboard when the dialog appears.\n\nNote: On iOS, basic (non-fullscreen) dialogs always auto-focus the input field due to\nUIAlertController's built-in behavior. This option only takes effect on iOS when using\nfullscreen mode (`mode: 'fullscreen'`). On Android and web, this works for all modes.",
+          "complexTypes": [],
+          "type": "boolean | undefined"
+        }
+      ]
+    },
+    {
+      "name": "PromptResult",
+      "slug": "promptresult",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "value",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string"
+        },
+        {
+          "name": "cancelled",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "boolean"
+        }
+      ]
+    },
+    {
+      "name": "SingleSelectOptions",
+      "slug": "singleselectoptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "options",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [
+            "SelectOption"
+          ],
+          "type": "{}"
+        },
+        {
+          "name": "selectedValue",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "okButtonTitle",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "cancelButtonTitle",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string | undefined"
+        }
+      ]
+    },
+    {
+      "name": "SelectOption",
+      "slug": "selectoption",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "label",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string"
+        },
+        {
+          "name": "value",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string"
+        }
+      ]
+    },
+    {
+      "name": "SingleSelectResult",
+      "slug": "singleselectresult",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "value",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string | null"
+        },
+        {
+          "name": "cancelled",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "boolean"
+        }
+      ]
+    },
+    {
+      "name": "MultiSelectOptions",
+      "slug": "multiselectoptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "options",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [
+            "SelectOption"
+          ],
+          "type": "{}"
+        },
+        {
+          "name": "selectedValues",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "{} | undefined"
+        },
+        {
+          "name": "okButtonTitle",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "cancelButtonTitle",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "string | undefined"
+        }
+      ]
+    },
+    {
+      "name": "MultiSelectResult",
+      "slug": "multiselectresult",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "values",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "{}"
+        },
+        {
+          "name": "cancelled",
+          "tags": [],
+          "docs": "",
+          "complexTypes": [],
+          "type": "boolean"
+        }
+      ]
+    }
+  ],
+  "enums": [],
+  "typeAliases": [],
+  "pluginConfigs": []
+}

package/dist/esm/definitions.d.ts

@@ -0,0 +1,101 @@
+export declare type DialogMode = 'basic' | 'fullscreen';
+export interface DialogStyleOptions {
+    /**
+     * Color for the OK/primary button (hex format, e.g., "#FF5722")
+     */
+    buttonColor?: string;
+    /**
+     * Color for the cancel button (hex format, e.g., "#757575")
+     */
+    cancelButtonColor?: string;
+    /**
+     * Color for the title text (hex format, e.g., "#000000")
+     */
+    titleColor?: string;
+    /**
+     * Color for the message text (hex format, e.g., "#666666")
+     */
+    messageColor?: string;
+    /**
+     * Background color of the dialog (hex format, e.g., "#FFFFFF")
+     */
+    backgroundColor?: string;
+    /**
+     * Font size for the title text in sp/pt (e.g., 20)
+     */
+    titleFontSize?: number;
+    /**
+     * Font size for the message text in sp/pt (e.g., 16)
+     */
+    messageFontSize?: number;
+    /**
+     * Font size for the button text in sp/pt (e.g., 14)
+     */
+    buttonFontSize?: number;
+}
+export interface BaseDialogOptions extends DialogStyleOptions {
+    title?: string;
+    message: string;
+    mode?: DialogMode;
+}
+export interface AlertOptions extends BaseDialogOptions {
+    buttonTitle?: string;
+}
+export interface ConfirmOptions extends BaseDialogOptions {
+    okButtonTitle?: string;
+    cancelButtonTitle?: string;
+}
+export interface PromptOptions extends BaseDialogOptions {
+    okButtonTitle?: string;
+    cancelButtonTitle?: string;
+    inputPlaceholder?: string;
+    inputText?: string;
+    /**
+     * Whether to automatically focus the input field and open the keyboard when the dialog appears.
+     *
+     * Note: On iOS, basic (non-fullscreen) dialogs always auto-focus the input field due to
+     * UIAlertController's built-in behavior. This option only takes effect on iOS when using
+     * fullscreen mode (`mode: 'fullscreen'`). On Android and web, this works for all modes.
+     *
+     * @default false
+     */
+    focusInput?: boolean;
+}
+export interface SelectOption {
+    label: string;
+    value: string;
+}
+export interface SingleSelectOptions extends BaseDialogOptions {
+    options: SelectOption[];
+    selectedValue?: string;
+    okButtonTitle?: string;
+    cancelButtonTitle?: string;
+}
+export interface MultiSelectOptions extends BaseDialogOptions {
+    options: SelectOption[];
+    selectedValues?: string[];
+    okButtonTitle?: string;
+    cancelButtonTitle?: string;
+}
+export interface ConfirmResult {
+    value: boolean;
+}
+export interface PromptResult {
+    value: string;
+    cancelled: boolean;
+}
+export interface SingleSelectResult {
+    value: string | null;
+    cancelled: boolean;
+}
+export interface MultiSelectResult {
+    values: string[];
+    cancelled: boolean;
+}
+export interface ExtendedDialogPlugin {
+    alert(options: AlertOptions): Promise<void>;
+    confirm(options: ConfirmOptions): Promise<ConfirmResult>;
+    prompt(options: PromptOptions): Promise<PromptResult>;
+    singleSelect(options: SingleSelectOptions): Promise<SingleSelectResult>;
+    multiSelect(options: MultiSelectOptions): Promise<MultiSelectResult>;
+}

package/dist/esm/definitions.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=definitions.js.map

package/dist/esm/definitions.js.map

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

package/dist/esm/index.d.ts

@@ -0,0 +1,4 @@
+import type { ExtendedDialogPlugin } from './definitions';
+declare const ExtendedDialog: ExtendedDialogPlugin;
+export * from './definitions';
+export { ExtendedDialog };

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import { registerPlugin } from '@capacitor/core';
+const ExtendedDialog = registerPlugin('ExtendedDialog', {
+    web: () => import('./web').then((m) => new m.ExtendedDialogWeb()),
+});
+export * from './definitions';
+export { ExtendedDialog };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIjD,MAAM,cAAc,GAAG,cAAc,CAAuB,gBAAgB,EAAE;IAC5E,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,iBAAiB,EAAE,CAAC;CAClE,CAAC,CAAC;AAEH,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import { registerPlugin } from '@capacitor/core';\n\nimport type { ExtendedDialogPlugin } from './definitions';\n\nconst ExtendedDialog = registerPlugin<ExtendedDialogPlugin>('ExtendedDialog', {\n  web: () => import('./web').then((m) => new m.ExtendedDialogWeb()),\n});\n\nexport * from './definitions';\nexport { ExtendedDialog };\n"]}

package/dist/esm/web.d.ts

@@ -0,0 +1,14 @@
+import { WebPlugin } from '@capacitor/core';
+import type { ExtendedDialogPlugin, AlertOptions, ConfirmOptions, ConfirmResult, PromptOptions, PromptResult, SingleSelectOptions, SingleSelectResult, MultiSelectOptions, MultiSelectResult } from './definitions';
+export declare class ExtendedDialogWeb extends WebPlugin implements ExtendedDialogPlugin {
+    alert(options: AlertOptions): Promise<void>;
+    confirm(options: ConfirmOptions): Promise<ConfirmResult>;
+    prompt(options: PromptOptions): Promise<PromptResult>;
+    singleSelect(options: SingleSelectOptions): Promise<SingleSelectResult>;
+    multiSelect(options: MultiSelectOptions): Promise<MultiSelectResult>;
+    private createOverlay;
+    private createDialogContainer;
+    private createButtonContainer;
+    private createButton;
+    private removeOverlay;
+}