@ionic/vue 7.3.5-dev.11694621267.1e5f63c2 → 7.4.0

package/dist/types/index.d.ts

@@ -16,4 +16,4 @@ export { IonApp } from "./components/IonApp";
 export * from "./components/Overlays";
 export { modalController, popoverController, alertController, actionSheetController, loadingController, pickerController, toastController, } from "./controllers";
 export * from "./globalExtensions";
-export { createAnimation, createGesture, iosTransitionAnimation, mdTransitionAnimation, IonicSlides, getPlatforms, isPlatform, menuController, getTimeGivenProgression, Animation, AnimationBuilder, AnimationCallbackOptions, AnimationDirection, AnimationFill, AnimationKeyFrames, AnimationLifecycle, Gesture, GestureConfig, GestureDetail, NavComponentWithProps, SpinnerTypes, AccordionGroupCustomEvent, AccordionGroupChangeEventDetail, BreadcrumbCustomEvent, BreadcrumbCollapsedClickEventDetail, ActionSheetOptions, ActionSheetButton, AlertOptions, AlertInput, AlertButton, BackButtonEvent, CheckboxCustomEvent, CheckboxChangeEventDetail, DatetimeCustomEvent, DatetimeChangeEventDetail, InfiniteScrollCustomEvent, InputCustomEvent, InputChangeEventDetail, ItemReorderEventDetail, ItemReorderCustomEvent, ItemSlidingCustomEvent, IonicSafeString, LoadingOptions, MenuCustomEvent, ModalOptions, NavCustomEvent, PickerOptions, PickerButton, PickerColumn, PickerColumnOption, Platforms, PlatformConfig, PopoverOptions, RadioGroupCustomEvent, RadioGroupChangeEventDetail, RangeCustomEvent, RangeChangeEventDetail, RangeKnobMoveStartEventDetail, RangeKnobMoveEndEventDetail, RefresherCustomEvent, RefresherEventDetail, RouterEventDetail, RouterCustomEvent, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollDetail, ScrollCustomEvent, SearchbarCustomEvent, SearchbarChangeEventDetail, SearchbarInputEventDetail, SegmentChangeEventDetail, SegmentCustomEvent, SegmentValue, SelectChangeEventDetail, SelectCustomEvent, TabsCustomEvent, TextareaChangeEventDetail, TextareaCustomEvent, ToastOptions, ToastButton, ToastLayout, ToggleChangeEventDetail, ToggleCustomEvent, } from "@ionic/core/components";
+export { createAnimation, createGesture, iosTransitionAnimation, mdTransitionAnimation, IonicSlides, getPlatforms, isPlatform, menuController, getTimeGivenProgression, getIonPageElement, Animation, AnimationBuilder, AnimationCallbackOptions, AnimationDirection, AnimationFill, AnimationKeyFrames, AnimationLifecycle, Gesture, GestureConfig, GestureDetail, NavComponentWithProps, SpinnerTypes, AccordionGroupCustomEvent, AccordionGroupChangeEventDetail, BreadcrumbCustomEvent, BreadcrumbCollapsedClickEventDetail, ActionSheetOptions, ActionSheetButton, AlertOptions, AlertInput, AlertButton, BackButtonEvent, CheckboxCustomEvent, CheckboxChangeEventDetail, DatetimeCustomEvent, DatetimeChangeEventDetail, InfiniteScrollCustomEvent, InputCustomEvent, InputChangeEventDetail, ItemReorderEventDetail, ItemReorderCustomEvent, ItemSlidingCustomEvent, IonicSafeString, LoadingOptions, MenuCustomEvent, ModalOptions, NavCustomEvent, PickerOptions, PickerButton, PickerColumn, PickerColumnOption, Platforms, PlatformConfig, PopoverOptions, RadioGroupCustomEvent, RadioGroupChangeEventDetail, RangeCustomEvent, RangeChangeEventDetail, RangeKnobMoveStartEventDetail, RangeKnobMoveEndEventDetail, RefresherCustomEvent, RefresherEventDetail, RouterEventDetail, RouterCustomEvent, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollDetail, ScrollCustomEvent, SearchbarCustomEvent, SearchbarChangeEventDetail, SearchbarInputEventDetail, SegmentChangeEventDetail, SegmentCustomEvent, SegmentValue, SelectChangeEventDetail, SelectCustomEvent, TabsCustomEvent, TextareaChangeEventDetail, TextareaCustomEvent, ToastOptions, ToastButton, ToastLayout, ToggleChangeEventDetail, ToggleCustomEvent, TransitionOptions, } from "@ionic/core/components";

package/dist/vetur/attributes.json

@@ -720,6 +720,14 @@
       "md"
     ]
   },
+  "ion-checkbox/alignment": {
+    "type": "\"center\" | \"start\"",
+    "description": "How to control the alignment of the checkbox and label on the cross axis.\n`\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL.",
+    "options": [
+      "center",
+      "start"
+    ]
+  },
   "ion-checkbox/checked": {
     "type": "boolean",
     "description": "If `true`, the checkbox is selected.",
@@ -760,11 +768,12 @@
     ]
   },
   "ion-checkbox/label-placement": {
-    "type": "\"end\" | \"fixed\" | \"start\"",
-    "description": "Where to place the label relative to the checkbox.\n`\"start\"`: The label will appear to the left of the checkbox in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the checkbox in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
+    "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\"",
+    "description": "Where to place the label relative to the checkbox.\n`\"start\"`: The label will appear to the left of the checkbox in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the checkbox in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n`\"stacked\"`: The label will appear above the checkbox regardless of the direction. The alignment of the label can be controlled with the `alignment` property.",
     "options": [
       "end",
       "fixed",
+      "stacked",
       "start"
     ]
   },
@@ -2639,6 +2648,14 @@
     "description": "The value determines how much of the active bar should display when the\n`type` is `\"determinate\"`.\nThe value should be between [0, 1].",
     "options": []
   },
+  "ion-radio/alignment": {
+    "type": "\"center\" | \"start\"",
+    "description": "How to control the alignment of the radio and label on the cross axis.\n`\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL.",
+    "options": [
+      "center",
+      "start"
+    ]
+  },
   "ion-radio/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -2669,11 +2686,12 @@
     ]
   },
   "ion-radio/label-placement": {
-    "type": "\"end\" | \"fixed\" | \"start\"",
-    "description": "Where to place the label relative to the radio.\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`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
+    "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\"",
+    "description": "Where to place the label relative to the radio.\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`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n`\"stacked\"`: The label will appear above the radio regardless of the direction. The alignment of the label can be controlled with the `alignment` property.",
     "options": [
       "end",
       "fixed",
+      "stacked",
       "start"
     ]
   },
@@ -2756,11 +2774,12 @@
     "options": []
   },
   "ion-range/label-placement": {
-    "type": "\"end\" | \"fixed\" | \"start\"",
-    "description": "Where to place the label relative to the range.\n`\"start\"`: The label will appear to the left of the range in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the range in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
+    "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\"",
+    "description": "Where to place the label relative to the range.\n`\"start\"`: The label will appear to the left of the range in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the range in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n`\"stacked\"`: The label will appear above the range regardless of the direction.",
     "options": [
       "end",
       "fixed",
+      "stacked",
       "start"
     ]
   },
@@ -3949,6 +3968,14 @@
     "description": "An ID corresponding to the trigger element that\ncauses the toast to open when clicked.",
     "options": []
   },
+  "ion-toggle/alignment": {
+    "type": "\"center\" | \"start\"",
+    "description": "How to control the alignment of the toggle and label on the cross axis.\n``\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL.",
+    "options": [
+      "center",
+      "start"
+    ]
+  },
   "ion-toggle/checked": {
     "type": "boolean",
     "description": "If `true`, the toggle is selected.",
@@ -3989,11 +4016,12 @@
     ]
   },
   "ion-toggle/label-placement": {
-    "type": "\"end\" | \"fixed\" | \"start\"",
-    "description": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the toggle in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the toggle in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
+    "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\"",
+    "description": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the toggle in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the toggle in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n`\"stacked\"`: The label will appear above the toggle regardless of the direction. The alignment of the label can be controlled with the `alignment` property.",
     "options": [
       "end",
       "fixed",
+      "stacked",
       "start"
     ]
   },

package/dist/vetur/tags.json

@@ -199,6 +199,7 @@
   "ion-checkbox": {
     "description": "",
     "attributes": [
+      "alignment",
       "checked",
       "color",
       "disabled",
@@ -670,6 +671,7 @@
   "ion-radio": {
     "description": "",
     "attributes": [
+      "alignment",
       "color",
       "disabled",
       "justify",
@@ -1010,6 +1012,7 @@
   "ion-toggle": {
     "description": "",
     "attributes": [
+      "alignment",
       "checked",
       "color",
       "disabled",

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@ionic/vue",
-  "version": "7.3.5-dev.11694621267.1e5f63c2",
+  "version": "7.4.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -1524,6 +1524,16 @@
             "symbol": "Checkbox"
           },
           "attributes": [
+            {
+              "name": "alignment",
+              "description": "How to control the alignment of the checkbox and label on the cross axis.\n`\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL.",
+              "required": false,
+              "default": "'center'",
+              "value": {
+                "kind": "expression",
+                "type": "\"center\" | \"start\""
+              }
+            },
             {
               "name": "checked",
               "description": "If `true`, the checkbox is selected.",
@@ -1575,12 +1585,12 @@
             },
             {
               "name": "label-placement",
-              "description": "Where to place the label relative to the checkbox.\n`\"start\"`: The label will appear to the left of the checkbox in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the checkbox in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
+              "description": "Where to place the label relative to the checkbox.\n`\"start\"`: The label will appear to the left of the checkbox in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the checkbox in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n`\"stacked\"`: The label will appear above the checkbox regardless of the direction. The alignment of the label can be controlled with the `alignment` property.",
               "required": false,
               "default": "'start'",
               "value": {
                 "kind": "expression",
-                "type": "\"end\" | \"fixed\" | \"start\""
+                "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\""
               }
             },
             {
@@ -5356,6 +5366,16 @@
             "symbol": "Radio"
           },
           "attributes": [
+            {
+              "name": "alignment",
+              "description": "How to control the alignment of the radio and label on the cross axis.\n`\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL.",
+              "required": false,
+              "default": "'center'",
+              "value": {
+                "kind": "expression",
+                "type": "\"center\" | \"start\""
+              }
+            },
             {
               "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).",
@@ -5387,12 +5407,12 @@
             },
             {
               "name": "label-placement",
-              "description": "Where to place the label relative to the radio.\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`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
+              "description": "Where to place the label relative to the radio.\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`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n`\"stacked\"`: The label will appear above the radio regardless of the direction. The alignment of the label can be controlled with the `alignment` property.",
               "required": false,
               "default": "'start'",
               "value": {
                 "kind": "expression",
-                "type": "\"end\" | \"fixed\" | \"start\""
+                "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\""
               }
             },
             {
@@ -5582,12 +5602,12 @@
             },
             {
               "name": "label-placement",
-              "description": "Where to place the label relative to the range.\n`\"start\"`: The label will appear to the left of the range in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the range in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
+              "description": "Where to place the label relative to the range.\n`\"start\"`: The label will appear to the left of the range in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the range in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n`\"stacked\"`: The label will appear above the range regardless of the direction.",
               "required": false,
               "default": "'start'",
               "value": {
                 "kind": "expression",
-                "type": "\"end\" | \"fixed\" | \"start\""
+                "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\""
               }
             },
             {
@@ -7835,6 +7855,16 @@
             "symbol": "Toggle"
           },
           "attributes": [
+            {
+              "name": "alignment",
+              "description": "How to control the alignment of the toggle and label on the cross axis.\n``\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL.",
+              "required": false,
+              "default": "'center'",
+              "value": {
+                "kind": "expression",
+                "type": "\"center\" | \"start\""
+              }
+            },
             {
               "name": "checked",
               "description": "If `true`, the toggle is selected.",
@@ -7886,12 +7916,12 @@
             },
             {
               "name": "label-placement",
-              "description": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the toggle in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the toggle in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
+              "description": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the toggle in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the toggle in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n`\"stacked\"`: The label will appear above the toggle regardless of the direction. The alignment of the label can be controlled with the `alignment` property.",
               "required": false,
               "default": "'start'",
               "value": {
                 "kind": "expression",
-                "type": "\"end\" | \"fixed\" | \"start\""
+                "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\""
               }
             },
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue",
-  "version": "7.3.5-dev.11694621267.1e5f63c2",
+  "version": "7.4.0",
   "description": "Vue specific wrapper for @ionic/core",
   "scripts": {
     "eslint": "eslint src",
@@ -66,7 +66,7 @@
     "vue-router": "^4.0.16"
   },
   "dependencies": {
-    "@ionic/core": "7.3.5-dev.11694621267.1e5f63c2",
+    "@ionic/core": "7.4.0",
     "ionicons": "^7.0.0"
   },
   "vetur": {