@ionic/vue 8.8.19 → 9.0.0

package/dist/vetur/attributes.json

@@ -1539,12 +1539,9 @@
     ]
   },
   "ion-input/autocorrect": {
-    "type": "\"off\" | \"on\"",
+    "type": "boolean",
     "description": "Whether auto correction should be enabled when the user is entering/editing the text value.",
-    "options": [
-      "off",
-      "on"
-    ]
+    "options": []
   },
   "ion-input/autofocus": {
     "type": "boolean",
@@ -2409,7 +2406,7 @@
   },
   "ion-modal/handle-behavior": {
     "type": "\"cycle\" | \"none\" | undefined",
-    "description": "The interaction behavior for the sheet modal when the handle is pressed.\n\nDefaults to `\"none\"`, which  means the modal will not change size or position when the handle is pressed.\nSet to `\"cycle\"` to let the modal cycle between available breakpoints when pressed.\n\nHandle behavior is unavailable when the `handle` property is set to `false` or\nwhen the `breakpoints` property is not set (using a fullscreen or card modal).",
+    "description": "The interaction behavior for the sheet modal when the handle is pressed.\n\nHandle behavior is unavailable when the `handle` property is set to\n`false` or when the `breakpoints` property is not set (using a\nfullscreen or card modal).\n\nSet to `\"cycle\"` to make the handle focusable and let the sheet modal\ncycle between available breakpoints when pressed. This keeps the sheet\noperable with assistive technology.\n\nSet to `\"none\"` to make the handle purely decorative when pressed and\nremoved from the tab order.\n\nDefaults to `\"cycle\"`.",
     "options": [
       "cycle",
       "none"
@@ -2606,79 +2603,6 @@
     "description": "The text value of the option.",
     "options": []
   },
-  "ion-picker-legacy/animated": {
-    "type": "boolean",
-    "description": "If `true`, the picker will animate.",
-    "options": []
-  },
-  "ion-picker-legacy/backdrop-dismiss": {
-    "type": "boolean",
-    "description": "If `true`, the picker will be dismissed when the backdrop is clicked.",
-    "options": []
-  },
-  "ion-picker-legacy/buttons": {
-    "type": "PickerButton[]",
-    "description": "Array of buttons to be displayed at the top of the picker.",
-    "options": []
-  },
-  "ion-picker-legacy/columns": {
-    "type": "PickerColumn[]",
-    "description": "Array of columns to be displayed in the picker.",
-    "options": []
-  },
-  "ion-picker-legacy/css-class": {
-    "type": "string | string[] | undefined",
-    "description": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces.",
-    "options": []
-  },
-  "ion-picker-legacy/duration": {
-    "type": "number",
-    "description": "Number of milliseconds to wait before dismissing the picker.",
-    "options": []
-  },
-  "ion-picker-legacy/enter-animation": {
-    "type": "((baseEl: any, opts?: any) => Animation) | undefined",
-    "description": "Animation to use when the picker is presented.",
-    "options": []
-  },
-  "ion-picker-legacy/html-attributes": {
-    "type": "undefined | { [key: string]: any; }",
-    "description": "Additional attributes to pass to the picker.",
-    "options": []
-  },
-  "ion-picker-legacy/is-open": {
-    "type": "boolean",
-    "description": "If `true`, the picker will open. If `false`, the picker will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the pickerController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe picker dismisses. You will need to do that in your code.",
-    "options": []
-  },
-  "ion-picker-legacy/keyboard-close": {
-    "type": "boolean",
-    "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented.",
-    "options": []
-  },
-  "ion-picker-legacy/leave-animation": {
-    "type": "((baseEl: any, opts?: any) => Animation) | undefined",
-    "description": "Animation to use when the picker is dismissed.",
-    "options": []
-  },
-  "ion-picker-legacy/mode": {
-    "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
-    "options": [
-      "ios",
-      "md"
-    ]
-  },
-  "ion-picker-legacy/show-backdrop": {
-    "type": "boolean",
-    "description": "If `true`, a backdrop will be displayed behind the picker.",
-    "options": []
-  },
-  "ion-picker-legacy/trigger": {
-    "type": "string | undefined",
-    "description": "An ID corresponding to the trigger element that\ncauses the picker to open when clicked.",
-    "options": []
-  },
   "ion-popover/alignment": {
     "type": "\"center\" | \"end\" | \"start\" | undefined",
     "description": "Describes how to align the popover content with the `reference` point.\nDefaults to `\"center\"` for `ios` mode, and `\"start\"` for `md` mode.",
@@ -3155,7 +3079,7 @@
   },
   "ion-route/component": {
     "type": "string",
-    "description": "Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-nav`)\nwhen the route matches.\n\nThe value of this property is not always the tagname of the component to load,\nin `ion-tabs` it actually refers to the name of the `ion-tab` to select.",
+    "description": "Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-router-outlet`)\nwhen the route matches.\n\nThe value of this property is not always the tagname of the component to load,\nin `ion-tabs` it actually refers to the name of the `ion-tab` to select.",
     "options": []
   },
   "ion-route/component-props": {
@@ -3250,6 +3174,11 @@
       "md"
     ]
   },
+  "ion-router-outlet/swipe-gesture": {
+    "type": "boolean | undefined",
+    "description": "If `true`, the router-outlet should allow navigation via swipe-to-go-back gesture.\nDefaults to `true` for `\"ios\"` mode and `false` for `\"md\"` mode.",
+    "options": []
+  },
   "ion-searchbar/animated": {
     "type": "boolean",
     "description": "If `true`, enable searchbar animation.",
@@ -3321,12 +3250,9 @@
     ]
   },
   "ion-searchbar/autocorrect": {
-    "type": "\"off\" | \"on\"",
+    "type": "boolean",
     "description": "Set the input's autocorrect property.",
-    "options": [
-      "off",
-      "on"
-    ]
+    "options": []
   },
   "ion-searchbar/cancel-button-icon": {
     "type": "string",
@@ -3739,11 +3665,41 @@
     "description": "",
     "options": []
   },
+  "ion-select-option/description": {
+    "type": "string | undefined",
+    "description": "Text that is placed underneath the option text to provide additional details about the option.",
+    "options": []
+  },
   "ion-select-option/disabled": {
     "type": "boolean",
-    "description": "If `true`, the user cannot interact with the select option. This property does not apply when `interface=\"action-sheet\"` as `ion-action-sheet` does not allow for disabled buttons.",
+    "description": "If `true`, the user cannot interact with the select option.",
     "options": []
   },
+  "ion-select-option/justify": {
+    "type": "\"end\" | \"space-between\" | \"start\" | undefined",
+    "description": "How to pack the label and the option's selection control within a line.\n`\"start\"`: The label and radio will appear on the left in LTR and\non the right in RTL.\n`\"end\"`: The label and radio will appear on the right in LTR and\non the left in RTL.\n`\"space-between\"`: The label and radio will appear on opposite\nends of the line with space between the two elements.\n\nApplies to the `alert`, `popover`, and `modal` interfaces, but has no\nvisible effect on radio options in `popover` or `modal` on `md` (the radio control is hidden there).\n\nWhen unset, the interface picks a default based on mode and control\ntype.",
+    "options": [
+      "end",
+      "space-between",
+      "start"
+    ]
+  },
+  "ion-select-option/label-placement": {
+    "type": "\"end\" | \"start\" | undefined",
+    "description": "Where the label is placed relative to the option's selection control\n(radio circle or checkbox box) when the option is rendered in an\n`alert`, `popover`, or `modal` interface.\n`\"start\"`: The label will appear to the left of the radio in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the radio in LTR and to the left in RTL.\n\nApplies to the `alert`, `popover`, and `modal` interfaces, but has no\nvisible effect on radio options in `popover` or `modal` on `md` (the radio control is hidden there).\n\nWhen unset, the interface picks a default based on mode and control\ntype.",
+    "options": [
+      "end",
+      "start"
+    ]
+  },
+  "ion-select-option/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-select-option/value": {
     "type": "any",
     "description": "The text value of the option.",

package/dist/vetur/tags.json

@@ -663,25 +663,6 @@
       "value"
     ]
   },
-  "ion-picker-legacy": {
-    "description": "",
-    "attributes": [
-      "animated",
-      "backdrop-dismiss",
-      "buttons",
-      "columns",
-      "css-class",
-      "duration",
-      "enter-animation",
-      "html-attributes",
-      "is-open",
-      "keyboard-close",
-      "leave-animation",
-      "mode",
-      "show-backdrop",
-      "trigger"
-    ]
-  },
   "ion-popover": {
     "description": "",
     "attributes": [
@@ -844,7 +825,8 @@
     "attributes": [
       "animated",
       "animation",
-      "mode"
+      "mode",
+      "swipe-gesture"
     ]
   },
   "ion-row": {
@@ -953,7 +935,11 @@
   "ion-select-option": {
     "description": "",
     "attributes": [
+      "description",
       "disabled",
+      "justify",
+      "label-placement",
+      "mode",
       "value"
     ]
   },

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@ionic/vue",
-  "version": "8.8.19",
+  "version": "9.0.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -2122,7 +2122,6 @@
               "name": "color",
               "description": "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, refer to [theming](/docs/theming/basics).",
               "required": false,
-              "default": "'primary'",
               "value": {
                 "kind": "expression",
                 "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
@@ -2475,7 +2474,6 @@
               "name": "color",
               "description": "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).",
               "required": false,
-              "default": "'primary'",
               "value": {
                 "kind": "expression",
                 "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
@@ -3076,10 +3074,10 @@
               "name": "autocorrect",
               "description": "Whether auto correction should be enabled when the user is entering/editing the text value.",
               "required": false,
-              "default": "'off'",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "\"off\" | \"on\""
+                "type": "boolean"
               }
             },
             {
@@ -4774,9 +4772,9 @@
             },
             {
               "name": "handle-behavior",
-              "description": "The interaction behavior for the sheet modal when the handle is pressed.\n\nDefaults to `\"none\"`, which  means the modal will not change size or position when the handle is pressed.\nSet to `\"cycle\"` to let the modal cycle between available breakpoints when pressed.\n\nHandle behavior is unavailable when the `handle` property is set to `false` or\nwhen the `breakpoints` property is not set (using a fullscreen or card modal).",
+              "description": "The interaction behavior for the sheet modal when the handle is pressed.\n\nHandle behavior is unavailable when the `handle` property is set to\n`false` or when the `breakpoints` property is not set (using a\nfullscreen or card modal).\n\nSet to `\"cycle\"` to make the handle focusable and let the sheet modal\ncycle between available breakpoints when pressed. This keeps the sheet\noperable with assistive technology.\n\nSet to `\"none\"` to make the handle purely decorative when pressed and\nremoved from the tab order.\n\nDefaults to `\"cycle\"`.",
               "required": false,
-              "default": "'none'",
+              "default": "'cycle'",
               "value": {
                 "kind": "expression",
                 "type": "\"cycle\" | \"none\" | undefined"
@@ -5072,7 +5070,6 @@
               "name": "color",
               "description": "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).",
               "required": false,
-              "default": "'primary'",
               "value": {
                 "kind": "expression",
                 "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
@@ -5143,7 +5140,6 @@
               "name": "color",
               "description": "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).",
               "required": false,
-              "default": "'primary'",
               "value": {
                 "kind": "expression",
                 "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
@@ -5172,234 +5168,6 @@
           "slots": [],
           "events": []
         },
-        {
-          "name": "IonPickerLegacy",
-          "doc-url": "https://ionicframework.com/docs/api/picker-legacy",
-          "description": "",
-          "source": {
-            "module": "@ionic/core/src/components/picker-legacy/picker.d.ts",
-            "symbol": "PickerLegacy"
-          },
-          "attributes": [
-            {
-              "name": "animated",
-              "description": "If `true`, the picker will animate.",
-              "required": false,
-              "default": "true",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "backdrop-dismiss",
-              "description": "If `true`, the picker will be dismissed when the backdrop is clicked.",
-              "required": false,
-              "default": "true",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "buttons",
-              "description": "Array of buttons to be displayed at the top of the picker.",
-              "required": false,
-              "default": "[]",
-              "value": {
-                "kind": "expression",
-                "type": "PickerButton[]"
-              }
-            },
-            {
-              "name": "columns",
-              "description": "Array of columns to be displayed in the picker.",
-              "required": false,
-              "default": "[]",
-              "value": {
-                "kind": "expression",
-                "type": "PickerColumn[]"
-              }
-            },
-            {
-              "name": "css-class",
-              "description": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string | string[] | undefined"
-              }
-            },
-            {
-              "name": "duration",
-              "description": "Number of milliseconds to wait before dismissing the picker.",
-              "required": false,
-              "default": "0",
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "enterAnimation",
-              "description": "Animation to use when the picker is presented.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "((baseEl: any, opts?: any) => Animation) | undefined"
-              }
-            },
-            {
-              "name": "htmlAttributes",
-              "description": "Additional attributes to pass to the picker.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "undefined | { [key: string]: any; }"
-              }
-            },
-            {
-              "name": "is-open",
-              "description": "If `true`, the picker will open. If `false`, the picker will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the pickerController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe picker dismisses. You will need to do that in your code.",
-              "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "keyboard-close",
-              "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented.",
-              "required": false,
-              "default": "true",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "leaveAnimation",
-              "description": "Animation to use when the picker is dismissed.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "((baseEl: any, opts?: any) => Animation) | undefined"
-              }
-            },
-            {
-              "name": "mode",
-              "description": "The mode determines which platform styles to use.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"ios\" | \"md\""
-              }
-            },
-            {
-              "name": "show-backdrop",
-              "description": "If `true`, a backdrop will be displayed behind the picker.",
-              "required": false,
-              "default": "true",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "trigger",
-              "description": "An ID corresponding to the trigger element that\ncauses the picker to open when clicked.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string | undefined"
-              }
-            }
-          ],
-          "slots": [],
-          "events": [
-            {
-              "name": "didDismiss",
-              "description": "Emitted after the picker has dismissed.\nShorthand for ionPickerDidDismiss.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "OverlayEventDetail<any>"
-                }
-              ]
-            },
-            {
-              "name": "didPresent",
-              "description": "Emitted after the picker has presented.\nShorthand for ionPickerWillDismiss.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "ionPickerDidDismiss",
-              "description": "Emitted after the picker has dismissed.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "OverlayEventDetail<any>"
-                }
-              ]
-            },
-            {
-              "name": "ionPickerDidPresent",
-              "description": "Emitted after the picker has presented.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "ionPickerWillDismiss",
-              "description": "Emitted before the picker has dismissed.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "OverlayEventDetail<any>"
-                }
-              ]
-            },
-            {
-              "name": "ionPickerWillPresent",
-              "description": "Emitted before the picker has presented.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "willDismiss",
-              "description": "Emitted before the picker has dismissed.\nShorthand for ionPickerWillDismiss.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "OverlayEventDetail<any>"
-                }
-              ]
-            },
-            {
-              "name": "willPresent",
-              "description": "Emitted before the picker has presented.\nShorthand for ionPickerWillPresent.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            }
-          ]
-        },
         {
           "name": "IonPopover",
           "doc-url": "https://ionicframework.com/docs/api/popover",
@@ -6547,7 +6315,7 @@
             },
             {
               "name": "component",
-              "description": "Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-nav`)\nwhen the route matches.\n\nThe value of this property is not always the tagname of the component to load,\nin `ion-tabs` it actually refers to the name of the `ion-tab` to select.",
+              "description": "Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-router-outlet`)\nwhen the route matches.\n\nThe value of this property is not always the tagname of the component to load,\nin `ion-tabs` it actually refers to the name of the `ion-tab` to select.",
               "required": true,
               "value": {
                 "kind": "expression",
@@ -6643,10 +6411,10 @@
               "name": "autocorrect",
               "description": "Set the input's autocorrect property.",
               "required": false,
-              "default": "'off'",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "\"off\" | \"on\""
+                "type": "boolean"
               }
             },
             {
@@ -7466,9 +7234,18 @@
             "symbol": "SelectOption"
           },
           "attributes": [
+            {
+              "name": "description",
+              "description": "Text that is placed underneath the option text to provide additional details about the option.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
             {
               "name": "disabled",
-              "description": "If `true`, the user cannot interact with the select option. This property does not apply when `interface=\"action-sheet\"` as `ion-action-sheet` does not allow for disabled buttons.",
+              "description": "If `true`, the user cannot interact with the select option.",
               "required": false,
               "default": "false",
               "value": {
@@ -7476,6 +7253,33 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "justify",
+              "description": "How to pack the label and the option's selection control within a line.\n`\"start\"`: The label and radio will appear on the left in LTR and\non the right in RTL.\n`\"end\"`: The label and radio will appear on the right in LTR and\non the left in RTL.\n`\"space-between\"`: The label and radio will appear on opposite\nends of the line with space between the two elements.\n\nApplies to the `alert`, `popover`, and `modal` interfaces, but has no\nvisible effect on radio options in `popover` or `modal` on `md` (the radio control is hidden there).\n\nWhen unset, the interface picks a default based on mode and control\ntype.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"end\" | \"space-between\" | \"start\" | undefined"
+              }
+            },
+            {
+              "name": "label-placement",
+              "description": "Where the label is placed relative to the option's selection control\n(radio circle or checkbox box) when the option is rendered in an\n`alert`, `popover`, or `modal` interface.\n`\"start\"`: The label will appear to the left of the radio in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the radio in LTR and to the left in RTL.\n\nApplies to the `alert`, `popover`, and `modal` interfaces, but has no\nvisible effect on radio options in `popover` or `modal` on `md` (the radio control is hidden there).\n\nWhen unset, the interface picks a default based on mode and control\ntype.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"end\" | \"start\" | undefined"
+              }
+            },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
             {
               "name": "value",
               "description": "The text value of the option.",
@@ -7486,7 +7290,20 @@
               }
             }
           ],
-          "slots": [],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Content is placed between the named slots if provided without a slot."
+            },
+            {
+              "name": "end",
+              "description": "Content is placed to the right of the select option text in LTR, and to the left in RTL."
+            },
+            {
+              "name": "start",
+              "description": "Content is placed to the left of the select option text in LTR, and to the right in RTL."
+            }
+          ],
           "events": []
         },
         {