voyager-ionic-core 8.2.6 → 8.3.3

package/dist/collection/components/tabs/tabs.js

@@ -27,7 +27,17 @@ export class Tabs {
     }
     async componentWillLoad() {
         if (!this.useRouter) {
-            this.useRouter = !!document.querySelector('ion-router') && !this.el.closest('[no-router]');
+            /**
+             * JavaScript and StencilJS use `ion-router`, while
+             * the other frameworks use `ion-router-outlet`.
+             *
+             * If either component is present then tabs will not use
+             * a basic tab-based navigation. It will use the history
+             * stack or URL updates associated with the router.
+             */
+            this.useRouter =
+                (!!this.el.querySelector('ion-router-outlet') || !!document.querySelector('ion-router')) &&
+                    !this.el.closest('[no-router]');
         }
         if (!this.useRouter) {
             const tabs = this.tabs;
@@ -135,7 +145,7 @@ export class Tabs {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
     render() {
-        return (h(Host, { key: '239bdb2ff2ec5cfcc74c51812cf6240f48acc617', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '2b266d0f87c7c82e992fe0d9b5c8f25569b118e3', name: "top" }), h("div", { key: '4cbbd010f0b0b1cd82714db7d098d28fab6d5218', class: "tabs-inner" }, h("slot", { key: '72b2a02cd29d5b30e47758f3d6daaa1021916256' })), h("slot", { key: '25494076dbbf7606d477b44f1b969719e7b4a805', name: "bottom" })));
+        return (h(Host, { key: 'eb094c9bd15b7777c53bd0bd6d225784fa472849', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: 'a516ca6915bf26e77eeeb0ff684c4fcc7d4420a7', name: "top" }), h("div", { key: 'dd2a32a072d77afe216abc4958c1d686405fb780', class: "tabs-inner" }, h("slot", { key: '222c20ba862068f5c78e7bbef4fa213499fb2fa5' })), h("slot", { key: '3e76dcb1b21873aa137d095c56131514054ead3a', name: "bottom" })));
     }
     static get is() { return "ion-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -130,6 +130,8 @@ input {
   display: flex;
   position: relative;
   flex-grow: 1;
+  align-items: center;
+  justify-content: space-between;
   height: inherit;
   transition: background-color 15ms linear;
   cursor: inherit;
@@ -189,6 +191,14 @@ input {
   align-items: center;
 }
 
+:host(.toggle-justify-space-between),
+:host(.toggle-justify-start),
+:host(.toggle-justify-end),
+:host(.toggle-alignment-start),
+:host(.toggle-alignment-center) {
+  display: block;
+}
+
 /**
  * Label is on the left of the input in LTR and
  * on the right in RTL.

package/dist/collection/components/toggle/toggle.js

@@ -69,8 +69,8 @@ export class Toggle {
         this.value = 'on';
         this.enableOnOffLabels = config.get('toggleOnOffLabels');
         this.labelPlacement = 'start';
-        this.justify = 'space-between';
-        this.alignment = 'center';
+        this.justify = undefined;
+        this.alignment = undefined;
     }
     disabledChanged() {
         if (this.gesture) {
@@ -157,20 +157,20 @@ export class Toggle {
         const value = this.getValue();
         const rtl = isRTL(el) ? 'rtl' : 'ltr';
         renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (h(Host, { key: 'b0d648e071bc8095998b519ce4dcdd0ea91575c0', onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: '8f024fb0fbc2d4442be0574b03450426e8e4fc9e', onClick: this.onClick, class: createColorClasses(color, {
                 [mode]: true,
                 'in-item': hostContext('ion-item', el),
                 'toggle-activated': activated,
                 'toggle-checked': checked,
                 'toggle-disabled': disabled,
-                [`toggle-justify-${justify}`]: true,
-                [`toggle-alignment-${alignment}`]: true,
+                [`toggle-justify-${justify}`]: justify !== undefined,
+                [`toggle-alignment-${alignment}`]: alignment !== undefined,
                 [`toggle-label-placement-${labelPlacement}`]: true,
                 [`toggle-${rtl}`]: true,
-            }) }, h("label", { key: '9a2fe1d16dba66a9dfef450efebf2e5cbe3dcd00', class: "toggle-wrapper" }, h("input", Object.assign({ key: '4358d18cb86da768155c17f9da3aac641296c256', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { key: '0ec99e452164d7059cc4f93d09e5b918f82c022a', class: {
+            }) }, h("label", { key: '0492f009cd89755adf41f60925028002df0e67b1', class: "toggle-wrapper" }, h("input", Object.assign({ key: 'fd98b23e8adfa2630878eddc30607a0b1bf9e798', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { key: 'bcbde055ad9450319ae41e8956a1e8cc0a7796a4', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !this.hasLabel,
-            }, part: "label" }, h("slot", { key: '1c5cbc99905a79e842e9487eb3ca654e1bab3c66' })), h("div", { key: 'ca8196423b429899febd11c7337d768ff05df6f4', class: "native-wrapper" }, this.renderToggleControl()))));
+            }, part: "label" }, h("slot", { key: '7a6ea9515d454d80615f0622f361c5f91b41345c' })), h("div", { key: '6d3670b81b8f809092c98b3f3b8e483ddf6a7cac', class: "native-wrapper" }, this.renderToggleControl()))));
     }
     static get is() { return "ion-toggle"; }
     static get encapsulation() { return "shadow"; }
@@ -324,36 +324,34 @@ export class Toggle {
                 "mutable": false,
                 "complexType": {
                     "original": "'start' | 'end' | 'space-between'",
-                    "resolved": "\"end\" | \"space-between\" | \"start\"",
+                    "resolved": "\"end\" | \"space-between\" | \"start\" | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "How to pack the label and toggle within a line.\n`\"start\"`: The label and toggle will appear on the left in LTR and\non the right in RTL.\n`\"end\"`: The label and toggle will appear on the right in LTR and\non the left in RTL.\n`\"space-between\"`: The label and toggle will appear on opposite\nends of the line with space between the two elements."
+                    "text": "How to pack the label and toggle within a line.\n`\"start\"`: The label and toggle will appear on the left in LTR and\non the right in RTL.\n`\"end\"`: The label and toggle will appear on the right in LTR and\non the left in RTL.\n`\"space-between\"`: The label and toggle will appear on opposite\nends of the line with space between the two elements.\nSetting this property will change the toggle `display` to `block`."
                 },
                 "attribute": "justify",
-                "reflect": false,
-                "defaultValue": "'space-between'"
+                "reflect": false
             },
             "alignment": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
                     "original": "'start' | 'center'",
-                    "resolved": "\"center\" | \"start\"",
+                    "resolved": "\"center\" | \"start\" | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "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."
+                    "text": "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.\nSetting this property will change the toggle `display` to `block`."
                 },
                 "attribute": "alignment",
-                "reflect": false,
-                "defaultValue": "'center'"
+                "reflect": false
             }
         };
     }

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

@@ -130,6 +130,8 @@ input {
   display: flex;
   position: relative;
   flex-grow: 1;
+  align-items: center;
+  justify-content: space-between;
   height: inherit;
   transition: background-color 15ms linear;
   cursor: inherit;
@@ -189,6 +191,14 @@ input {
   align-items: center;
 }
 
+:host(.toggle-justify-space-between),
+:host(.toggle-justify-start),
+:host(.toggle-justify-end),
+:host(.toggle-alignment-start),
+:host(.toggle-alignment-center) {
+  display: block;
+}
+
 /**
  * Label is on the left of the input in LTR and
  * on the right in RTL.

package/dist/docs.json

@@ -1,9 +1,9 @@
 {
-  "timestamp": "2024-08-04T04:12:22",
+  "timestamp": "2024-10-18T01:46:16",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.19.2",
-    "typescriptVersion": "5.4.5"
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
   },
   "components": [
     {
@@ -2202,7 +2202,46 @@
       "docsTags": [],
       "usage": {},
       "props": [],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(elements: HTMLElement[]) => Promise<void>",
+            "parameters": [
+              {
+                "name": "elements",
+                "type": "HTMLElement[]",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "setFocus(elements: HTMLElement[]) => Promise<void>",
+          "parameters": [
+            {
+              "name": "elements",
+              "type": "HTMLElement[]",
+              "docs": ""
+            }
+          ],
+          "docs": "Used to set focus on an element that uses `ion-focusable`.\nDo not use this if focusing the element as a result of a keyboard\nevent as the focus utility should handle this for us. This method\nshould be used when we want to programmatically focus an element as\na result of another user action. (Ex: We focus the first element\ninside of a popover when the user presents it, but the popover is not always\npresented as a result of keyboard action.)",
+          "docsTags": []
+        }
+      ],
       "events": [],
       "listeners": [],
       "styles": [],
@@ -5701,18 +5740,17 @@
       "props": [
         {
           "name": "alignment",
-          "type": "\"center\" | \"start\"",
+          "type": "\"center\" | \"start\" | undefined",
           "complexType": {
             "original": "'start' | 'center'",
-            "resolved": "\"center\" | \"start\"",
+            "resolved": "\"center\" | \"start\" | undefined",
             "references": {}
           },
           "mutable": false,
           "attr": "alignment",
           "reflectToAttr": false,
-          "docs": "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.",
+          "docs": "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.\nSetting this property will change the checkbox `display` to `block`.",
           "docsTags": [],
-          "default": "'center'",
           "values": [
             {
               "value": "center",
@@ -5721,9 +5759,12 @@
             {
               "value": "start",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -5860,18 +5901,17 @@
         },
         {
           "name": "justify",
-          "type": "\"end\" | \"space-between\" | \"start\"",
+          "type": "\"end\" | \"space-between\" | \"start\" | undefined",
           "complexType": {
             "original": "'start' | 'end' | 'space-between'",
-            "resolved": "\"end\" | \"space-between\" | \"start\"",
+            "resolved": "\"end\" | \"space-between\" | \"start\" | undefined",
             "references": {}
           },
           "mutable": false,
           "attr": "justify",
           "reflectToAttr": false,
-          "docs": "How to pack the label and checkbox within a line.\n`\"start\"`: The label and checkbox will appear on the left in LTR and\non the right in RTL.\n`\"end\"`: The label and checkbox will appear on the right in LTR and\non the left in RTL.\n`\"space-between\"`: The label and checkbox will appear on opposite\nends of the line with space between the two elements.",
+          "docs": "How to pack the label and checkbox within a line.\n`\"start\"`: The label and checkbox will appear on the left in LTR and\non the right in RTL.\n`\"end\"`: The label and checkbox will appear on the right in LTR and\non the left in RTL.\n`\"space-between\"`: The label and checkbox will appear on opposite\nends of the line with space between the two elements.\nSetting this property will change the checkbox `display` to `block`.",
           "docsTags": [],
-          "default": "'space-between'",
           "values": [
             {
               "value": "end",
@@ -5884,9 +5924,12 @@
             {
               "value": "start",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -21998,18 +22041,17 @@
       "props": [
         {
           "name": "alignment",
-          "type": "\"center\" | \"start\"",
+          "type": "\"center\" | \"start\" | undefined",
           "complexType": {
             "original": "'start' | 'center'",
-            "resolved": "\"center\" | \"start\"",
+            "resolved": "\"center\" | \"start\" | undefined",
             "references": {}
           },
           "mutable": false,
           "attr": "alignment",
           "reflectToAttr": false,
-          "docs": "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.",
+          "docs": "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.\nSetting this property will change the radio `display` to `block`.",
           "docsTags": [],
-          "default": "'center'",
           "values": [
             {
               "value": "center",
@@ -22018,9 +22060,12 @@
             {
               "value": "start",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -22113,18 +22158,17 @@
         },
         {
           "name": "justify",
-          "type": "\"end\" | \"space-between\" | \"start\"",
+          "type": "\"end\" | \"space-between\" | \"start\" | undefined",
           "complexType": {
             "original": "'start' | 'end' | 'space-between'",
-            "resolved": "\"end\" | \"space-between\" | \"start\"",
+            "resolved": "\"end\" | \"space-between\" | \"start\" | undefined",
             "references": {}
           },
           "mutable": false,
           "attr": "justify",
           "reflectToAttr": false,
-          "docs": "How to pack the label and radio 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.",
+          "docs": "How to pack the label and radio 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.\nSetting this property will change the radio `display` to `block`.",
           "docsTags": [],
-          "default": "'space-between'",
           "values": [
             {
               "value": "end",
@@ -22137,9 +22181,12 @@
             {
               "value": "start",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -27236,10 +27283,10 @@
         },
         {
           "name": "justify",
-          "type": "\"end\" | \"space-between\" | \"start\"",
+          "type": "\"end\" | \"space-between\" | \"start\" | undefined",
           "complexType": {
             "original": "'start' | 'end' | 'space-between'",
-            "resolved": "\"end\" | \"space-between\" | \"start\"",
+            "resolved": "\"end\" | \"space-between\" | \"start\" | undefined",
             "references": {}
           },
           "mutable": false,
@@ -27247,7 +27294,6 @@
           "reflectToAttr": false,
           "docs": "How to pack the label and select within a line.\n`justify` does not apply when the label and select\nare on different lines when `labelPlacement` is set to\n`\"floating\"` or `\"stacked\"`.\n`\"start\"`: The label and select will appear on the left in LTR and\non the right in RTL.\n`\"end\"`: The label and select will appear on the right in LTR and\non the left in RTL.\n`\"space-between\"`: The label and select will appear on opposite\nends of the line with space between the two elements.",
           "docsTags": [],
-          "default": "'space-between'",
           "values": [
             {
               "value": "end",
@@ -27260,9 +27306,12 @@
             {
               "value": "start",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -31961,18 +32010,17 @@
       "props": [
         {
           "name": "alignment",
-          "type": "\"center\" | \"start\"",
+          "type": "\"center\" | \"start\" | undefined",
           "complexType": {
             "original": "'start' | 'center'",
-            "resolved": "\"center\" | \"start\"",
+            "resolved": "\"center\" | \"start\" | undefined",
             "references": {}
           },
           "mutable": false,
           "attr": "alignment",
           "reflectToAttr": false,
-          "docs": "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.",
+          "docs": "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.\nSetting this property will change the toggle `display` to `block`.",
           "docsTags": [],
-          "default": "'center'",
           "values": [
             {
               "value": "center",
@@ -31981,9 +32029,12 @@
             {
               "value": "start",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -32123,18 +32174,17 @@
         },
         {
           "name": "justify",
-          "type": "\"end\" | \"space-between\" | \"start\"",
+          "type": "\"end\" | \"space-between\" | \"start\" | undefined",
           "complexType": {
             "original": "'start' | 'end' | 'space-between'",
-            "resolved": "\"end\" | \"space-between\" | \"start\"",
+            "resolved": "\"end\" | \"space-between\" | \"start\" | undefined",
             "references": {}
           },
           "mutable": false,
           "attr": "justify",
           "reflectToAttr": false,
-          "docs": "How to pack the label and toggle within a line.\n`\"start\"`: The label and toggle will appear on the left in LTR and\non the right in RTL.\n`\"end\"`: The label and toggle will appear on the right in LTR and\non the left in RTL.\n`\"space-between\"`: The label and toggle will appear on opposite\nends of the line with space between the two elements.",
+          "docs": "How to pack the label and toggle within a line.\n`\"start\"`: The label and toggle will appear on the left in LTR and\non the right in RTL.\n`\"end\"`: The label and toggle will appear on the right in LTR and\non the left in RTL.\n`\"space-between\"`: The label and toggle will appear on opposite\nends of the line with space between the two elements.\nSetting this property will change the toggle `display` to `block`.",
           "docsTags": [],
-          "default": "'space-between'",
           "values": [
             {
               "value": "end",
@@ -32147,9 +32197,12 @@
             {
               "value": "start",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {

package/dist/esm/{app-globals-7f30ce3c.js → app-globals-5dbb61a5.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { i as initialize } from './ionic-global-81a1064f.js';
+import { i as initialize } from './ionic-global-c81d82ab.js';
 
 const globalScripts = initialize;
 

package/dist/esm/{button-active-78f50add.js → button-active-f6503382.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as writeTask } from './index-7a952e7a.js';
+import { w as writeTask } from './index-28849c61.js';
 import { h as hapticSelectionEnd, a as hapticSelectionStart, b as hapticSelectionChanged } from './haptic-ac164e4c.js';
 import { createGesture } from './index-39782642.js';
 

package/dist/esm/{hardware-back-button-2e99752e.js → hardware-back-button-06ef3c3e.js}

@@ -2,8 +2,8 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as win } from './index-a5d50daf.js';
-import { c as config } from './ionic-global-81a1064f.js';
-import './index-7a952e7a.js';
+import { c as config } from './ionic-global-c81d82ab.js';
+import './index-28849c61.js';
 
 /**
  * CloseWatcher is a newer API that lets