@ionic/core 7.5.7-dev.11701270755.14f050ad → 7.5.7-dev.11701273756.1eb73d4c

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-11-29T15:14:27",
+  "timestamp": "2023-11-29T16:04:28",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.7.2",
@@ -2574,7 +2574,7 @@
         "ion-loading",
         "ion-menu",
         "ion-modal",
-        "ion-picker-legacy",
+        "ion-picker",
         "ion-popover"
       ],
       "dependencies": [],
@@ -2594,7 +2594,7 @@
         "ion-modal": [
           "ion-backdrop"
         ],
-        "ion-picker-legacy": [
+        "ion-picker": [
           "ion-backdrop"
         ],
         "ion-popover": [
@@ -7924,25 +7924,32 @@
       "dependencies": [
         "ion-buttons",
         "ion-button",
-        "ion-picker",
-        "ion-picker-column",
+        "ion-picker-internal",
+        "ion-picker-column-internal",
+        "ion-item",
+        "ion-label",
         "ion-icon",
-        "ion-ripple-effect",
         "ion-popover"
       ],
       "dependencyGraph": {
         "ion-datetime": [
           "ion-buttons",
           "ion-button",
-          "ion-picker",
-          "ion-picker-column",
+          "ion-picker-internal",
+          "ion-picker-column-internal",
+          "ion-item",
+          "ion-label",
           "ion-icon",
-          "ion-ripple-effect",
           "ion-popover"
         ],
         "ion-button": [
           "ion-ripple-effect"
         ],
+        "ion-item": [
+          "ion-icon",
+          "ion-ripple-effect",
+          "ion-note"
+        ],
         "ion-popover": [
           "ion-backdrop"
         ]
@@ -9650,6 +9657,14 @@
         {
           "name": "slot",
           "text": "label - The label text to associate with the input. Use the `labelPlacement` property to control where the label is placed relative to the input. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)"
+        },
+        {
+          "name": "slot",
+          "text": "start - Content to display at the leading edge of the input. (EXPERIMENTAL)"
+        },
+        {
+          "name": "slot",
+          "text": "end - Content to display at the trailing edge of the input. (EXPERIMENTAL)"
         }
       ],
       "usage": {},
@@ -11144,9 +11159,17 @@
         }
       ],
       "slots": [
+        {
+          "name": "end",
+          "docs": "Content to display at the trailing edge of the input. (EXPERIMENTAL)"
+        },
         {
           "name": "label",
           "docs": "The label text to associate with the input. Use the `labelPlacement` property to control where the label is placed relative to the input. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)"
+        },
+        {
+          "name": "start",
+          "docs": "Content to display at the leading edge of the input. (EXPERIMENTAL)"
         }
       ],
       "parts": [],
@@ -11957,6 +11980,7 @@
         }
       ],
       "dependents": [
+        "ion-datetime",
         "ion-select-popover"
       ],
       "dependencies": [
@@ -11970,6 +11994,9 @@
           "ion-ripple-effect",
           "ion-note"
         ],
+        "ion-datetime": [
+          "ion-item"
+        ],
         "ion-select-popover": [
           "ion-item"
         ]
@@ -12960,10 +12987,14 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "ion-datetime",
         "ion-select-popover"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "ion-datetime": [
+          "ion-label"
+        ],
         "ion-select-popover": [
           "ion-label"
         ]
@@ -17250,363 +17281,8 @@
     },
     {
       "filePath": "src/components/picker/picker.tsx",
-      "encapsulation": "shadow",
-      "tag": "ion-picker",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "mode",
-          "type": "\"ios\" | \"md\"",
-          "mutable": false,
-          "attr": "mode",
-          "reflectToAttr": false,
-          "docs": "The mode determines which platform styles to use.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "ionInputModeChange",
-          "detail": "PickerChangeEventDetail",
-          "bubbles": true,
-          "complexType": {
-            "original": "PickerChangeEventDetail",
-            "resolved": "PickerChangeEventDetail",
-            "references": {
-              "PickerChangeEventDetail": {
-                "location": "import",
-                "path": "./picker-interfaces",
-                "id": "src/components/picker/picker-interfaces.ts::PickerChangeEventDetail"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
-        }
-      ],
-      "listeners": [
-        {
-          "event": "touchstart",
-          "capture": false,
-          "passive": true
-        }
-      ],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "ion-datetime"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "ion-datetime": [
-          "ion-picker"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/picker-column/picker-column.tsx",
-      "encapsulation": "shadow",
-      "tag": "ion-picker-column",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "color",
-          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
-          "complexType": {
-            "original": "Color",
-            "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
-            "references": {
-              "Color": {
-                "location": "import",
-                "path": "../../interface",
-                "id": "src/interface.d.ts::Color"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "color",
-          "reflectToAttr": true,
-          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-          "docsTags": [],
-          "default": "'primary'",
-          "values": [
-            {
-              "value": "danger",
-              "type": "string"
-            },
-            {
-              "value": "dark",
-              "type": "string"
-            },
-            {
-              "value": "light",
-              "type": "string"
-            },
-            {
-              "value": "medium",
-              "type": "string"
-            },
-            {
-              "value": "primary",
-              "type": "string"
-            },
-            {
-              "value": "secondary",
-              "type": "string"
-            },
-            {
-              "value": "success",
-              "type": "string"
-            },
-            {
-              "value": "tertiary",
-              "type": "string"
-            },
-            {
-              "value": "warning",
-              "type": "string"
-            },
-            {
-              "type": "string & Record<never, never>"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "disabled",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": false,
-          "docs": "If `true`, the user cannot interact with the picker.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "items",
-          "type": "PickerColumnItem[]",
-          "complexType": {
-            "original": "PickerColumnItem[]",
-            "resolved": "PickerColumnItem[]",
-            "references": {
-              "PickerColumnItem": {
-                "location": "import",
-                "path": "./picker-column-interfaces",
-                "id": "src/components/picker-column/picker-column-interfaces.ts::PickerColumnItem"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "A list of options to be displayed in the picker",
-          "docsTags": [],
-          "default": "[]",
-          "values": [
-            {
-              "type": "PickerColumnItem[]"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "mode",
-          "type": "\"ios\" | \"md\"",
-          "mutable": false,
-          "attr": "mode",
-          "reflectToAttr": false,
-          "docs": "The mode determines which platform styles to use.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "value",
-          "type": "number | string | undefined",
-          "complexType": {
-            "original": "string | number",
-            "resolved": "number | string | undefined",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "value",
-          "reflectToAttr": false,
-          "docs": "The selected option in the picker.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            },
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "ionChange",
-          "detail": "PickerColumnItem",
-          "bubbles": true,
-          "complexType": {
-            "original": "PickerColumnItem",
-            "resolved": "PickerColumnItem",
-            "references": {
-              "PickerColumnItem": {
-                "location": "import",
-                "path": "./picker-column-interfaces",
-                "id": "src/components/picker-column/picker-column-interfaces.ts::PickerColumnItem"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the value has changed.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "ion-datetime"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "ion-datetime": [
-          "ion-picker-column"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/picker-column-option/picker-column-option.tsx",
-      "encapsulation": "shadow",
-      "tag": "ion-picker-column-option",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "disabled",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": false,
-          "docs": "If `true`, the user cannot interact with the select option.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "value",
-          "type": "any",
-          "complexType": {
-            "original": "any | null",
-            "resolved": "any",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "value",
-          "reflectToAttr": false,
-          "docs": "The text value of the option.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "any"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/picker-legacy/picker.tsx",
       "encapsulation": "scoped",
-      "tag": "ion-picker-legacy",
+      "tag": "ion-picker",
       "docs": "",
       "docsTags": [
         {
@@ -17670,7 +17346,7 @@
               "PickerButton": {
                 "location": "import",
                 "path": "./picker-interface",
-                "id": "src/components/picker-legacy/picker-interface.ts::PickerButton"
+                "id": "src/components/picker/picker-interface.ts::PickerButton"
               }
             }
           },
@@ -17697,7 +17373,7 @@
               "PickerColumn": {
                 "location": "import",
                 "path": "./picker-interface",
-                "id": "src/components/picker-legacy/picker-interface.ts::PickerColumn"
+                "id": "src/components/picker/picker-interface.ts::PickerColumn"
               }
             }
           },
@@ -18034,7 +17710,7 @@
               "PickerColumn": {
                 "location": "import",
                 "path": "./picker-interface",
-                "id": "src/components/picker-legacy/picker-interface.ts::PickerColumn"
+                "id": "src/components/picker/picker-interface.ts::PickerColumn"
               }
             },
             "return": "Promise<PickerColumn | undefined>"
@@ -18345,12 +18021,12 @@
       "dependents": [],
       "dependencies": [
         "ion-backdrop",
-        "ion-picker-legacy-column"
+        "ion-picker-column"
       ],
       "dependencyGraph": {
-        "ion-picker-legacy": [
+        "ion-picker": [
           "ion-backdrop",
-          "ion-picker-legacy-column"
+          "ion-picker-column"
         ]
       }
     },
@@ -20051,6 +19727,42 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "compareWith",
+          "type": "((currentValue: any, compareValue: any) => boolean) | null | string | undefined",
+          "complexType": {
+            "original": "string | RadioGroupCompareFn | null",
+            "resolved": "((currentValue: any, compareValue: any) => boolean) | null | string | undefined",
+            "references": {
+              "RadioGroupCompareFn": {
+                "location": "import",
+                "path": "./radio-group-interface",
+                "id": "src/components/radio-group/radio-group-interface.ts::RadioGroupCompareFn"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "compare-with",
+          "reflectToAttr": false,
+          "docs": "This property allows developers to specify a custom function or property\nname for comparing objects when determining the selected option in the\nion-radio-group. When not specified, the default behavior will use strict\nequality (===) for comparison.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "((currentValue: any, compareValue: any) => boolean)"
+            },
+            {
+              "type": "null"
+            },
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "name",
           "type": "string",
@@ -21578,7 +21290,6 @@
         "ion-button",
         "ion-card",
         "ion-chip",
-        "ion-datetime",
         "ion-datetime-button",
         "ion-fab-button",
         "ion-item",
@@ -21608,9 +21319,6 @@
         "ion-chip": [
           "ion-ripple-effect"
         ],
-        "ion-datetime": [
-          "ion-ripple-effect"
-        ],
         "ion-datetime-button": [
           "ion-ripple-effect"
         ],
@@ -24125,6 +23833,14 @@
           "name": "slot",
           "text": "label - The label text to associate with the select. Use the `labelPlacement` property to control where the label is placed relative to the select. Use this if you need to render a label with custom HTML."
         },
+        {
+          "name": "slot",
+          "text": "start - Content to display at the leading edge of the select."
+        },
+        {
+          "name": "slot",
+          "text": "end - Content to display at the trailing edge of the select."
+        },
         {
           "name": "part",
           "text": "placeholder - The text displayed in the select when there is no value."
@@ -24253,7 +23969,7 @@
           "mutable": false,
           "attr": "compare-with",
           "reflectToAttr": false,
-          "docs": "A property name or function used to compare object values",
+          "docs": "This property allows developers to specify a custom function or property\nname for comparing objects when determining the selected option in the\nion-select. When not specified, the default behavior will use strict\nequality (===) for comparison.",
           "docsTags": [],
           "values": [
             {
@@ -24940,9 +24656,17 @@
         }
       ],
       "slots": [
+        {
+          "name": "end",
+          "docs": "Content to display at the trailing edge of the select."
+        },
         {
           "name": "label",
           "docs": "The label text to associate with the select. Use the `labelPlacement` property to control where the label is placed relative to the select. Use this if you need to render a label with custom HTML."
+        },
+        {
+          "name": "start",
+          "docs": "Content to display at the leading edge of the select."
         }
       ],
       "parts": [
@@ -26385,6 +26109,14 @@
         {
           "name": "slot",
           "text": "label - The label text to associate with the textarea. Use the `labelPlacement` property to control where the label is placed relative to the textarea. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)"
+        },
+        {
+          "name": "slot",
+          "text": "start - Content to display at the leading edge of the textarea. (EXPERIMENTAL)"
+        },
+        {
+          "name": "slot",
+          "text": "end - Content to display at the trailing edge of the textarea. (EXPERIMENTAL)"
         }
       ],
       "usage": {},
@@ -27435,9 +27167,17 @@
         }
       ],
       "slots": [
+        {
+          "name": "end",
+          "docs": "Content to display at the trailing edge of the textarea. (EXPERIMENTAL)"
+        },
         {
           "name": "label",
           "docs": "The label text to associate with the textarea. Use the `labelPlacement` property to control where the label is placed relative to the textarea. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)"
+        },
+        {
+          "name": "start",
+          "docs": "Content to display at the leading edge of the textarea. (EXPERIMENTAL)"
         }
       ],
       "parts": [],
@@ -28129,6 +27869,37 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "swipeGesture",
+          "type": "\"vertical\" | undefined",
+          "complexType": {
+            "original": "ToastSwipeGestureDirection",
+            "resolved": "\"vertical\" | undefined",
+            "references": {
+              "ToastSwipeGestureDirection": {
+                "location": "import",
+                "path": "./toast-interface",
+                "id": "src/components/toast/toast-interface.ts::ToastSwipeGestureDirection"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "swipe-gesture",
+          "reflectToAttr": false,
+          "docs": "If set to 'vertical', the Toast can be dismissed with\na swipe gesture. The swipe direction is determined by\nthe value of the `position` property:\n`top`: The Toast can be swiped up to dismiss.\n`bottom`: The Toast can be swiped down to dismiss.\n`middle`: The Toast can be swiped up or down to dismiss.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "vertical",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "translucent",
           "type": "boolean",
@@ -29402,15 +29173,15 @@
       "docstring": "",
       "path": "src/components/datetime/datetime-interface.ts"
     },
-    "src/components/picker-column/picker-column-interfaces.ts::PickerColumnItem": {
+    "src/components/picker-column-internal/picker-column-internal-interfaces.ts::PickerColumnItem": {
       "declaration": "export interface PickerColumnItem {\n  text: string;\n  value: string | number;\n  disabled?: boolean;\n}",
       "docstring": "",
-      "path": "src/components/picker-column/picker-column-interfaces.ts"
+      "path": "src/components/picker-column-internal/picker-column-internal-interfaces.ts"
     },
-    "src/components/picker/picker-interfaces.ts::PickerChangeEventDetail": {
-      "declaration": "export interface PickerChangeEventDetail {\n  useInputMode: boolean;\n  inputModeColumn?: HTMLIonPickerColumnElement;\n}",
+    "src/components/picker-internal/picker-internal-interfaces.ts::PickerInternalChangeEventDetail": {
+      "declaration": "export interface PickerInternalChangeEventDetail {\n  useInputMode: boolean;\n  inputModeColumn?: HTMLIonPickerColumnInternalElement;\n}",
       "docstring": "",
-      "path": "src/components/picker/picker-interfaces.ts"
+      "path": "src/components/picker-internal/picker-internal-interfaces.ts"
     },
     "src/components/spinner/spinner-configs.ts::SpinnerTypes": {
       "declaration": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-small\" | \"lines-sharp\" | \"lines-sharp-small\"",
@@ -29437,6 +29208,11 @@
       "docstring": "Values are converted to strings when emitted which is\nwhy we do not have a `number` type here even though the\n`value` prop accepts a `number` type.",
       "path": "src/components/input/input-interface.ts"
     },
+    "src/components/radio-group/radio-group-interface.ts::RadioGroupCompareFn": {
+      "declaration": "(currentValue: any, compareValue: any) => boolean",
+      "docstring": "",
+      "path": "src/components/radio-group/radio-group-interface.ts"
+    },
     "src/components/radio-group/radio-group-interface.ts::RadioGroupChangeEventDetail": {
       "declaration": "export interface RadioGroupChangeEventDetail<T = any> {\n  value: T;\n  event?: Event;\n}",
       "docstring": "",
@@ -29512,15 +29288,15 @@
       "docstring": "",
       "path": "src/components/router/utils/interface.ts"
     },
-    "src/components/picker-legacy/picker-interface.ts::PickerButton": {
+    "src/components/picker/picker-interface.ts::PickerButton": {
       "declaration": "export interface PickerButton {\n  text?: string;\n  role?: string;\n  cssClass?: string | string[];\n  handler?: (value: any) => boolean | void;\n}",
       "docstring": "",
-      "path": "src/components/picker-legacy/picker-interface.ts"
+      "path": "src/components/picker/picker-interface.ts"
     },
-    "src/components/picker-legacy/picker-interface.ts::PickerColumn": {
+    "src/components/picker/picker-interface.ts::PickerColumn": {
       "declaration": "export interface PickerColumn {\n  name: string;\n  align?: string;\n  /**\n   * Changing this value allows the initial value of a picker column to be set.\n   */\n  selectedIndex?: number;\n  prevSelected?: number;\n  prefix?: string;\n  suffix?: string;\n  options: PickerColumnOption[];\n  cssClass?: string | string[];\n  columnWidth?: string;\n  prefixWidth?: string;\n  suffixWidth?: string;\n  optionsWidth?: string;\n}",
       "docstring": "",
-      "path": "src/components/picker-legacy/picker-interface.ts"
+      "path": "src/components/picker/picker-interface.ts"
     },
     "src/components/popover/popover-interface.ts::TriggerAction": {
       "declaration": "export type TriggerAction = 'click' | 'hover' | 'context-menu';",
@@ -29687,6 +29463,11 @@
       "docstring": "",
       "path": "src/components/toast/toast-interface.ts"
     },
+    "src/components/toast/toast-interface.ts::ToastSwipeGestureDirection": {
+      "declaration": "\"vertical\"",
+      "docstring": "",
+      "path": "src/components/toast/toast-interface.ts"
+    },
     "src/components/toast/toast-interface.ts::ToastPresentOptions": {
       "declaration": "export type ToastPresentOptions = ToastPositionAlias & ToastAnimationPosition;",
       "docstring": "",