voyager-ionic-core 7.6.3 → 7.6.5

package/dist/cjs/{overlays-e77cc023.js → overlays-4c97edb0.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 const index = require('./index-c8d52405.js');
-const ionicGlobal = require('./ionic-global-a4edbf03.js');
+const ionicGlobal = require('./ionic-global-c70c3fb5.js');
 const frameworkDelegate = require('./framework-delegate-1c29b14a.js');
 const hardwareBackButton = require('./hardware-back-button-76833cac.js');
 const helpers = require('./helpers-76bb7efb.js');
@@ -413,7 +413,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
      * from returning focus as a result.
      */
     if (overlay.el.tagName !== 'ION-TOAST') {
-        focusPreviousElementOnDismiss(overlay.el);
+        focusPreviousElementOnDismissIfNeeded(overlay.el);
     }
     /**
      * If the focused element is already
@@ -435,7 +435,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
  * to where they were before they
  * opened the overlay.
  */
-const focusPreviousElementOnDismiss = async (overlayEl) => {
+const focusPreviousElementOnDismissIfNeeded = async (overlayEl) => {
     let previousElement = document.activeElement;
     if (!previousElement) {
         return;
@@ -446,7 +446,16 @@ const focusPreviousElementOnDismiss = async (overlayEl) => {
         previousElement = shadowRoot.querySelector(focusableQueryString) || previousElement;
     }
     await overlayEl.onDidDismiss();
-    previousElement.focus();
+    /**
+     * If the user has already removed focus
+     * from the overlay (For example, focusing
+     * a text box after tapping a button in an
+     * action sheet) then don't restore focus
+     * to previous element
+     */
+    if (document.activeElement === null || document.activeElement === document.body) {
+        previousElement.focus();
+    }
 };
 const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnimation, opts) => {
     var _a, _b;

package/dist/cjs/{status-tap-b5d77c08.js → status-tap-66296dcb.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index = require('./index-50dcfe2f.js');
+const index = require('./index-71f41461.js');
 const index$1 = require('./index-da15e99c.js');
 const helpers = require('./helpers-76bb7efb.js');
 require('./index-5915f9b3.js');

package/dist/collection/collection-manifest.json

@@ -94,8 +94,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.8.2",
-    "typescriptVersion": "5.2.2"
+    "version": "4.10.0",
+    "typescriptVersion": "5.3.3"
   },
   "collections": [
     {

package/dist/collection/components/accordion-group/accordion-group.js

@@ -382,11 +382,13 @@ export class AccordionGroup {
                 "complexType": {
                     "signature": "(accordionValue: string | undefined, accordionExpand: boolean) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "accordionValue",
+                            "type": "string | undefined",
+                            "docs": ""
                         }, {
-                            "tags": [],
-                            "text": ""
+                            "name": "accordionExpand",
+                            "type": "boolean",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/components/action-sheet/action-sheet.js

@@ -684,17 +684,13 @@ export class ActionSheet {
                 "complexType": {
                     "signature": "(data?: any, role?: string) => Promise<boolean>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "data Any data to emit in the dismiss events."
-                                }],
-                            "text": "Any data to emit in the dismiss events."
+                            "name": "data",
+                            "type": "any",
+                            "docs": "Any data to emit in the dismiss events."
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "role The role of the element that is dismissing the action sheet.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the action sheet.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
-                                }],
-                            "text": "The role of the element that is dismissing the action sheet.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the action sheet.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
+                            "name": "role",
+                            "type": "string | undefined",
+                            "docs": "The role of the element that is dismissing the action sheet.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the action sheet.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/components/alert/alert.js

@@ -926,17 +926,13 @@ export class Alert {
                 "complexType": {
                     "signature": "(data?: any, role?: string) => Promise<boolean>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "data Any data to emit in the dismiss events."
-                                }],
-                            "text": "Any data to emit in the dismiss events."
+                            "name": "data",
+                            "type": "any",
+                            "docs": "Any data to emit in the dismiss events."
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "role The role of the element that is dismissing the alert.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the alert.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
-                                }],
-                            "text": "The role of the element that is dismissing the alert.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the alert.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
+                            "name": "role",
+                            "type": "string | undefined",
+                            "docs": "The role of the element that is dismissing the alert.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the alert.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/components/app/app.js

@@ -78,8 +78,9 @@ export class App {
                 "complexType": {
                     "signature": "(elements: HTMLElement[]) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "elements",
+                            "type": "HTMLElement[]",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/components/back-button/back-button.js

@@ -74,7 +74,7 @@ export class BackButton {
         const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
         return (h(Host, { onClick: this.onClick, class: createColorClasses(color, {
                 [mode]: true,
-                button: true,
+                button: true, // ion-buttons target .button
                 'back-button-disabled': disabled,
                 'back-button-has-icon-only': hasIconOnly,
                 'in-toolbar': hostContext('ion-toolbar', this.el),

package/dist/collection/components/content/content.js

@@ -596,11 +596,9 @@ export class Content {
                 "complexType": {
                     "signature": "(duration?: number) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "duration The amount of time to take scrolling to the top. Defaults to `0`."
-                                }],
-                            "text": "The amount of time to take scrolling to the top. Defaults to `0`."
+                            "name": "duration",
+                            "type": "number",
+                            "docs": "The amount of time to take scrolling to the top. Defaults to `0`."
                         }],
                     "references": {
                         "Promise": {
@@ -622,11 +620,9 @@ export class Content {
                 "complexType": {
                     "signature": "(duration?: number) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "duration The amount of time to take scrolling to the bottom. Defaults to `0`."
-                                }],
-                            "text": "The amount of time to take scrolling to the bottom. Defaults to `0`."
+                            "name": "duration",
+                            "type": "number",
+                            "docs": "The amount of time to take scrolling to the bottom. Defaults to `0`."
                         }],
                     "references": {
                         "Promise": {
@@ -648,23 +644,17 @@ export class Content {
                 "complexType": {
                     "signature": "(x: number, y: number, duration: number) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "x The amount to scroll by on the horizontal axis."
-                                }],
-                            "text": "The amount to scroll by on the horizontal axis."
+                            "name": "x",
+                            "type": "number",
+                            "docs": "The amount to scroll by on the horizontal axis."
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "y The amount to scroll by on the vertical axis."
-                                }],
-                            "text": "The amount to scroll by on the vertical axis."
+                            "name": "y",
+                            "type": "number",
+                            "docs": "The amount to scroll by on the vertical axis."
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "duration The amount of time to take scrolling by that amount."
-                                }],
-                            "text": "The amount of time to take scrolling by that amount."
+                            "name": "duration",
+                            "type": "number",
+                            "docs": "The amount of time to take scrolling by that amount."
                         }],
                     "references": {
                         "Promise": {
@@ -692,23 +682,17 @@ export class Content {
                 "complexType": {
                     "signature": "(x: number | undefined | null, y: number | undefined | null, duration?: number) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "x The point to scroll to on the horizontal axis."
-                                }],
-                            "text": "The point to scroll to on the horizontal axis."
+                            "name": "x",
+                            "type": "number | null | undefined",
+                            "docs": "The point to scroll to on the horizontal axis."
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "y The point to scroll to on the vertical axis."
-                                }],
-                            "text": "The point to scroll to on the vertical axis."
+                            "name": "y",
+                            "type": "number | null | undefined",
+                            "docs": "The point to scroll to on the vertical axis."
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "duration The amount of time to take scrolling to that point. Defaults to `0`."
-                                }],
-                            "text": "The amount of time to take scrolling to that point. Defaults to `0`."
+                            "name": "duration",
+                            "type": "number",
+                            "docs": "The amount of time to take scrolling to that point. Defaults to `0`."
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/components/datetime/datetime.js

@@ -2293,8 +2293,9 @@ export class Datetime {
                 "complexType": {
                     "signature": "(closeOverlay?: boolean) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "closeOverlay",
+                            "type": "boolean",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
@@ -2313,8 +2314,9 @@ export class Datetime {
                 "complexType": {
                     "signature": "(startDate?: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "startDate",
+                            "type": "string | undefined",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
@@ -2333,8 +2335,9 @@ export class Datetime {
                 "complexType": {
                     "signature": "(closeOverlay?: boolean) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "closeOverlay",
+                            "type": "boolean",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/components/datetime/test/highlighted-dates/datetime.e2e.js

@@ -15,7 +15,7 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
             await datetime.evaluate((el) => {
                 el.highlightedDates = [
                     {
-                        date: '2023-01-01',
+                        date: '2023-01-01', // ensure selected date style overrides highlight
                         textColor: '#800080',
                         backgroundColor: '#ffc0cb',
                     },

package/dist/collection/components/input/input.ios.css

@@ -308,13 +308,13 @@
   visibility: visible;
 }
 
-:host(.has-focus) {
+:host(.has-focus.legacy-input) {
   pointer-events: none;
 }
 
-:host(.has-focus) input,
-:host(.has-focus) a,
-:host(.has-focus) button {
+:host(.has-focus.legacy-input) input,
+:host(.has-focus.legacy-input) a,
+:host(.has-focus.legacy-input) button {
   pointer-events: auto;
 }
 

package/dist/collection/components/input/input.md.css

@@ -308,13 +308,13 @@
   visibility: visible;
 }
 
-:host(.has-focus) {
+:host(.has-focus.legacy-input) {
   pointer-events: none;
 }
 
-:host(.has-focus) input,
-:host(.has-focus) a,
-:host(.has-focus) button {
+:host(.has-focus.legacy-input) input,
+:host(.has-focus.legacy-input) a,
+:host(.has-focus.legacy-input) button {
   pointer-events: auto;
 }
 

package/dist/collection/components/item-sliding/item-sliding.js

@@ -491,11 +491,9 @@ export class ItemSliding {
                 "complexType": {
                     "signature": "(side: Side | undefined) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "side The side of the options to open. If a side is not provided, it will open the first set of options it finds within the item."
-                                }],
-                            "text": "The side of the options to open. If a side is not provided, it will open the first set of options it finds within the item."
+                            "name": "side",
+                            "type": "Side | undefined",
+                            "docs": "The side of the options to open. If a side is not provided, it will open the first set of options it finds within the item."
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/components/list/list.md.css

@@ -232,25 +232,9 @@ ion-list.list-inset {
   border-radius: 2px;
 }
 
-/**
- * These selectors ensure the first item in the list
- * has the correct radius.
- * We need to consider the following scenarios:
- 1. The first item in a list as long as it is not the only item.
- 2. The item in the first item-sliding in a list.
- * Note that we do not select "ion-item-sliding ion-item:first-of-type"
- * because that will cause the borders to disappear on
- * items in an item-sliding when the item is the first
- * element in the item-sliding container.
- */
-.list-md.list-inset ion-item:not(:only-of-type):first-of-type,
-.list-md.list-inset ion-item-sliding:first-of-type ion-item {
-  --border-radius: 2px 2px 0 0;
-}
-
 /**
  * These selectors ensure the last item in the list
- * has the correct radius and border.
+ * has the correct border.
  * We need to consider the following scenarios:
  1. The last item in a list as long as it is not the only item.
  2. The item in the last item-sliding in a list.
@@ -261,21 +245,17 @@ ion-list.list-inset {
  */
 .list-md.list-inset ion-item:not(:only-of-type):last-of-type,
 .list-md.list-inset ion-item-sliding:last-of-type ion-item {
-  --border-radius: 0 0 2px 2px;
   --border-width: 0;
   --inner-border-width: 0;
 }
 
 /**
- * The only item in a list should have a border radius
- * on all corners.
  * We target :only-child instead of :only-of-type
  * otherwise borders will disappear on items inside of
  * ion-item-sliding because the item will be the only
  * one of its type inside of the ion-item-sliding group.
  */
 .list-md.list-inset ion-item:only-child {
-  --border-radius: 2px;
   --border-width: 0;
   --inner-border-width: 0;
 }

package/dist/collection/components/loading/loading.js

@@ -674,17 +674,13 @@ export class Loading {
                 "complexType": {
                     "signature": "(data?: any, role?: string) => Promise<boolean>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "data Any data to emit in the dismiss events."
-                                }],
-                            "text": "Any data to emit in the dismiss events."
+                            "name": "data",
+                            "type": "any",
+                            "docs": "Any data to emit in the dismiss events."
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "role The role of the element that is dismissing the loading.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the loading.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
-                                }],
-                            "text": "The role of the element that is dismissing the loading.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the loading.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
+                            "name": "role",
+                            "type": "string | undefined",
+                            "docs": "The role of the element that is dismissing the loading.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the loading.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/components/menu/menu.js

@@ -883,8 +883,9 @@ export class Menu {
                 "complexType": {
                     "signature": "(animated?: boolean) => Promise<boolean>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "animated",
+                            "type": "boolean",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
@@ -903,8 +904,9 @@ export class Menu {
                 "complexType": {
                     "signature": "(animated?: boolean) => Promise<boolean>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "animated",
+                            "type": "boolean",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
@@ -923,8 +925,9 @@ export class Menu {
                 "complexType": {
                     "signature": "(animated?: boolean) => Promise<boolean>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "animated",
+                            "type": "boolean",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
@@ -943,11 +946,13 @@ export class Menu {
                 "complexType": {
                     "signature": "(shouldOpen: boolean, animated?: boolean) => Promise<boolean>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "shouldOpen",
+                            "type": "boolean",
+                            "docs": ""
                         }, {
-                            "tags": [],
-                            "text": ""
+                            "name": "animated",
+                            "type": "boolean",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/components/menu-button/menu-button.js

@@ -48,7 +48,7 @@ export class MenuButton {
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
         return (h(Host, { onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
                 [mode]: true,
-                button: true,
+                button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
                 'menu-button-disabled': disabled,
                 'in-toolbar': hostContext('ion-toolbar', this.el),

package/dist/collection/components/modal/modal.js

@@ -1229,17 +1229,13 @@ export class Modal {
                 "complexType": {
                     "signature": "(data?: any, role?: string) => Promise<boolean>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "data Any data to emit in the dismiss events."
-                                }],
-                            "text": "Any data to emit in the dismiss events."
+                            "name": "data",
+                            "type": "any",
+                            "docs": "Any data to emit in the dismiss events."
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "role The role of the element that is dismissing the modal. For example, 'cancel' or 'backdrop'."
-                                }],
-                            "text": "The role of the element that is dismissing the modal. For example, 'cancel' or 'backdrop'."
+                            "name": "role",
+                            "type": "string | undefined",
+                            "docs": "The role of the element that is dismissing the modal. For example, 'cancel' or 'backdrop'."
                         }],
                     "references": {
                         "Promise": {
@@ -1320,8 +1316,9 @@ export class Modal {
                 "complexType": {
                     "signature": "(breakpoint: number) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "breakpoint",
+                            "type": "number",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {