voyager-ionic-core 8.8.8 → 8.8.10

package/dist/cjs/ion-modal.cjs.entry.js

@@ -3,22 +3,22 @@
  */
 'use strict';
 
-var index$3 = require('./index-CqT-2gKy.js');
-var index$2 = require('./index-MbaBbWXk.js');
-var frameworkDelegate = require('./framework-delegate-CRgp8o_p.js');
-var helpers = require('./helpers-CxTYJdbT.js');
+var index$3 = require('./index-Ct7gcRif.js');
+var index$2 = require('./index-CIrkNXqJ.js');
+var frameworkDelegate = require('./framework-delegate-BtICZDHr.js');
+var helpers = require('./helpers-Cv23MFHM.js');
 var lockController = require('./lock-controller-aDB9wrEf.js');
 var capacitor = require('./capacitor-DmA66EwP.js');
-var overlays = require('./overlays-C2jiBSNQ.js');
+var overlays = require('./overlays-TbKsuC-K.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var index$4 = require('./index-C845Ti6K.js');
-var ionicGlobal = require('./ionic-global-Bc3kJi1Z.js');
+var index$4 = require('./index-BERfRao3.js');
+var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
 var keyboard = require('./keyboard-hHzlEQpk.js');
-var animation = require('./animation-Dg4yiuR2.js');
+var animation = require('./animation-BJq0kcy2.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
 var index$1 = require('./index-CAvQ7Tka.js');
 var index = require('./index-DkNv4J_i.js');
-require('./hardware-back-button-C4rMJ5uI.js');
+require('./hardware-back-button-iUuF_76h.js');
 require('./gesture-controller-dtqlP_q4.js');
 require('./keyboard-UuAS4D_9.js');
 
@@ -2961,20 +2961,20 @@ const Modal = class {
         const isCardModal = presentingElement !== undefined && mode === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
         const isSheetModalWithHandle = isSheetModal && showHandle;
-        return (index$3.h(index$3.Host, Object.assign({ key: 'd6a271ace939c33703966a1425ab32b7a30bf246', "no-router": true,
+        return (index$3.h(index$3.Host, Object.assign({ key: 'ab93657f4a5b4c97168d292b398d975e4b5b4af4', "no-router": true,
             // Allow the modal to be navigable when the handle is focusable
             tabIndex: isHandleCycle && isSheetModalWithHandle ? 0 : -1 }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), index$3.h("ion-backdrop", { key: '51e29823c1444059edc1299e2f8509dda4c39008', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && index$3.h("div", { key: '4292a849e82b83570b18b95e3cbdf05af0a4e170', class: "modal-shadow" }), index$3.h("div", Object.assign({ key: 'd3131150733c13cd6658545207e4ab49094672b7',
+            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), index$3.h("ion-backdrop", { key: '5ba6315c7c8c64fa04c62f85fd493da5275b2cbd', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && index$3.h("div", { key: 'a76c48d41c67f86c18a7481e980e6925e614f85d', class: "modal-shadow" }), index$3.h("div", Object.assign({ key: '3f6c61ba60b063592784d76a9594073b3bf210a9',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
               shadow DOM otherwise ion-button will not be highlighted
               when using VoiceOver: https://bugs.webkit.org/show_bug.cgi?id=247134
             */
-            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (index$3.h("button", { key: '3da13bff87602c8c0aa8e3db54375b40d96d3b83', class: "modal-handle",
+            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (index$3.h("button", { key: '7f66b4fdb3dec61a2b9aec4e9dbacf5d013d637c', class: "modal-handle",
             // Prevents the handle from receiving keyboard focus when it does not cycle
-            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", ref: (el) => (this.dragHandleEl = el) })), index$3.h("slot", { key: '73b22a4eb7ca2e499b9f843b66751a1dbfef69a9', onSlotchange: this.onSlotChange }))));
+            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", ref: (el) => (this.dragHandleEl = el) })), index$3.h("slot", { key: '2dfaaebe3d0b2a46be1224c25f9ab89bf1744332', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index$3.getElement(this); }
     static get watchers() { return {
@@ -2983,6 +2983,9 @@ const Modal = class {
             }],
         "trigger": [{
                 "triggerChanged": 0
+            }],
+        "breakpoints": [{
+                "breakpointsChanged": 0
             }]
     }; }
 };

package/dist/cjs/ion-nav_2.cjs.entry.js

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
+var index = require('./index-Ct7gcRif.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var helpers = require('./helpers-CxTYJdbT.js');
-var index$1 = require('./index-C845Ti6K.js');
-var ionicGlobal = require('./ionic-global-Bc3kJi1Z.js');
-var frameworkDelegate = require('./framework-delegate-CRgp8o_p.js');
+var helpers = require('./helpers-Cv23MFHM.js');
+var index$1 = require('./index-BERfRao3.js');
+var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
+var frameworkDelegate = require('./framework-delegate-BtICZDHr.js');
 
 const VIEW_STATE_NEW = 1;
 const VIEW_STATE_ATTACHED = 2;
@@ -131,7 +131,7 @@ const Nav = class {
         // We want to set this flag before any watch callbacks are manually called
         this.didLoad = true;
         this.rootChanged();
-        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-CCpyQb6R.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
+        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-CCMaNiP2.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
         this.swipeGestureChanged();
     }
     connectedCallback() {

package/dist/cjs/ion-picker-column-option.cjs.entry.js

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
-var helpers = require('./helpers-CxTYJdbT.js');
+var index = require('./index-Ct7gcRif.js');
+var helpers = require('./helpers-Cv23MFHM.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var ionicGlobal = require('./ionic-global-Bc3kJi1Z.js');
+var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
 
 const pickerColumnOptionIosCss = () => `.picker-column-option-button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}:host(.option-disabled){opacity:0.4}:host(.option-disabled) .picker-column-option-button{cursor:default}`;
 
-const pickerColumnOptionMdCss = () => `.picker-column-option-button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}:host(.option-disabled){opacity:0.4}:host(.option-disabled) .picker-column-option-button{cursor:default}:host(.option-active){color:var(--ion-color-base)}`;
+const pickerColumnOptionMdCss = () => `.picker-column-option-button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}:host(.option-disabled){opacity:0.4}:host(.option-disabled) .picker-column-option-button{cursor:default}:host(.option-active),:host([part~=active]){color:var(--ion-color-base)}`;
 
 const PickerColumnOption = class {
     constructor(hostRef) {

package/dist/cjs/ion-picker-column.cjs.entry.js

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
+var index = require('./index-Ct7gcRif.js');
 var index$1 = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-CxTYJdbT.js');
+var helpers = require('./helpers-Cv23MFHM.js');
 var haptic = require('./haptic-ClPPQ_PS.js');
-var ionicGlobal = require('./ionic-global-Bc3kJi1Z.js');
+var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
 var theme = require('./theme-CeDs6Hcv.js');
 require('./capacitor-DmA66EwP.js');
 

package/dist/cjs/ion-picker.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
-var helpers = require('./helpers-CxTYJdbT.js');
+var index = require('./index-Ct7gcRif.js');
+var helpers = require('./helpers-Cv23MFHM.js');
 
 const pickerIosCss = () => `:host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-after{background:-webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-highlight{background:var(--highlight-background, var(--ion-color-step-150, var(--ion-background-color-step-150, #eeeeef)))}`;
 

package/dist/cjs/ion-popover.cjs.entry.js

@@ -3,17 +3,17 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
-var overlays = require('./overlays-C2jiBSNQ.js');
-var frameworkDelegate = require('./framework-delegate-CRgp8o_p.js');
-var helpers = require('./helpers-CxTYJdbT.js');
+var index = require('./index-Ct7gcRif.js');
+var overlays = require('./overlays-TbKsuC-K.js');
+var frameworkDelegate = require('./framework-delegate-BtICZDHr.js');
+var helpers = require('./helpers-Cv23MFHM.js');
 var lockController = require('./lock-controller-aDB9wrEf.js');
-var ionicGlobal = require('./ionic-global-Bc3kJi1Z.js');
+var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var index$1 = require('./index-C845Ti6K.js');
-var animation = require('./animation-Dg4yiuR2.js');
+var index$1 = require('./index-BERfRao3.js');
+var animation = require('./animation-BJq0kcy2.js');
 require('./index-DkNv4J_i.js');
-require('./hardware-back-button-C4rMJ5uI.js');
+require('./hardware-back-button-iUuF_76h.js');
 require('./gesture-controller-dtqlP_q4.js');
 
 /**

package/dist/cjs/ion-progress-bar.cjs.entry.js

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
-var helpers = require('./helpers-CxTYJdbT.js');
+var index = require('./index-Ct7gcRif.js');
+var helpers = require('./helpers-Cv23MFHM.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var ionicGlobal = require('./ionic-global-Bc3kJi1Z.js');
+var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
 
 const progressBarIosCss = () => `:host{--background:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.3);--progress-background:var(--ion-color-primary, #0054e9);display:block;position:relative;width:100%;contain:strict;direction:ltr;overflow:hidden}.progress,.progress-indeterminate,.indeterminate-bar-primary,.indeterminate-bar-secondary,.progress-buffer-bar{left:0;right:0;top:0;bottom:0;position:absolute;width:100%;height:100%}.buffer-circles-container,.buffer-circles{left:0;right:0;top:0;bottom:0;position:absolute}.buffer-circles{right:-10px;left:-10px;}.progress,.progress-buffer-bar,.buffer-circles-container{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 150ms linear;transition:-webkit-transform 150ms linear;transition:transform 150ms linear;transition:transform 150ms linear, -webkit-transform 150ms linear}.progress,.progress-indeterminate{background:var(--progress-background);z-index:2}.progress-buffer-bar{background:var(--background);z-index:1}.buffer-circles-container{overflow:hidden}.indeterminate-bar-primary{top:0;right:0;bottom:0;left:-145.166611%;-webkit-animation:primary-indeterminate-translate 2s infinite linear;animation:primary-indeterminate-translate 2s infinite linear}.indeterminate-bar-primary .progress-indeterminate{-webkit-animation:primary-indeterminate-scale 2s infinite linear;animation:primary-indeterminate-scale 2s infinite linear;-webkit-animation-play-state:inherit;animation-play-state:inherit}.indeterminate-bar-secondary{top:0;right:0;bottom:0;left:-54.888891%;-webkit-animation:secondary-indeterminate-translate 2s infinite linear;animation:secondary-indeterminate-translate 2s infinite linear}.indeterminate-bar-secondary .progress-indeterminate{-webkit-animation:secondary-indeterminate-scale 2s infinite linear;animation:secondary-indeterminate-scale 2s infinite linear;-webkit-animation-play-state:inherit;animation-play-state:inherit}.buffer-circles{background-image:radial-gradient(ellipse at center, var(--background) 0%, var(--background) 30%, transparent 30%);background-repeat:repeat-x;background-position:5px center;background-size:10px 10px;z-index:0;-webkit-animation:buffering 450ms infinite linear;animation:buffering 450ms infinite linear}:host(.progress-bar-reversed){-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.progress-paused) .indeterminate-bar-secondary,:host(.progress-paused) .indeterminate-bar-primary,:host(.progress-paused) .buffer-circles{-webkit-animation-play-state:paused;animation-play-state:paused}:host(.ion-color) .buffer-circles{background-image:radial-gradient(ellipse at center, rgba(var(--ion-color-base-rgb), 0.3) 0%, rgba(var(--ion-color-base-rgb), 0.3) 30%, transparent 30%)}:host(.ion-color) .progress,:host(.ion-color) .progress-indeterminate{background:var(--ion-color-base)}@-webkit-keyframes primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%)}100%{-webkit-transform:translateX(200.611057%);transform:translateX(200.611057%)}}@keyframes primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%)}100%{-webkit-transform:translateX(200.611057%);transform:translateX(200.611057%)}}@-webkit-keyframes primary-indeterminate-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);-webkit-transform:scaleX(0.661479);transform:scaleX(0.661479)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes primary-indeterminate-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);-webkit-transform:scaleX(0.661479);transform:scaleX(0.661479)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);-webkit-transform:translateX(37.651913%);transform:translateX(37.651913%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);-webkit-transform:translateX(84.386165%);transform:translateX(84.386165%)}100%{-webkit-transform:translateX(160.277782%);transform:translateX(160.277782%)}}@keyframes secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);-webkit-transform:translateX(37.651913%);transform:translateX(37.651913%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);-webkit-transform:translateX(84.386165%);transform:translateX(84.386165%)}100%{-webkit-transform:translateX(160.277782%);transform:translateX(160.277782%)}}@-webkit-keyframes secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);-webkit-transform:scaleX(0.457104);transform:scaleX(0.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);-webkit-transform:scaleX(0.72796);transform:scaleX(0.72796)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);-webkit-transform:scaleX(0.457104);transform:scaleX(0.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);-webkit-transform:scaleX(0.72796);transform:scaleX(0.72796)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes buffering{to{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes buffering{to{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}:host{border-radius:9999px;height:4px}:host(.progress-bar-solid){--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}`;
 

package/dist/cjs/ion-radio_2.cjs.entry.js

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
-var helpers = require('./helpers-CxTYJdbT.js');
+var index = require('./index-Ct7gcRif.js');
+var helpers = require('./helpers-Cv23MFHM.js');
 var compareWithUtils = require('./compare-with-utils-DSicavqM.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var ionicGlobal = require('./ionic-global-Bc3kJi1Z.js');
+var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
 var validity = require('./validity-BpS37YFM.js');
 
 const radioIosCss = () => `:host{--inner-border-radius:50%;display:inline-block;position:relative;max-width:100%;min-height:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.radio-disabled){pointer-events:none}.radio-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}.radio-icon,.radio-inner{-webkit-box-sizing:border-box;box-sizing:border-box}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host(:focus){outline:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.radio-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;min-height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item) .label-text-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.radio-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.radio-label-placement-stacked) .native-wrapper{margin-bottom:10px}.label-text-wrapper-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.radio-justify-space-between) .radio-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.radio-justify-start) .radio-wrapper{-ms-flex-pack:start;justify-content:start}:host(.radio-justify-end) .radio-wrapper{-ms-flex-pack:end;justify-content:end}:host(.radio-alignment-start) .radio-wrapper{-ms-flex-align:start;align-items:start}:host(.radio-alignment-center) .radio-wrapper{-ms-flex-align:center;align-items:center}:host(.radio-justify-space-between),:host(.radio-justify-start),:host(.radio-justify-end),:host(.radio-alignment-start),:host(.radio-alignment-center){display:block}:host(.radio-label-placement-start) .radio-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.radio-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.radio-label-placement-end) .radio-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.radio-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.radio-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.radio-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px}:host(.radio-label-placement-stacked) .radio-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.radio-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).radio-label-placement-stacked.radio-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.radio-label-placement-stacked.radio-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).radio-label-placement-stacked.radio-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.radio-label-placement-stacked.radio-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host{--color-checked:var(--ion-color-primary, #0054e9)}:host(.ion-color.radio-checked) .radio-inner{border-color:var(--ion-color-base)}.item-radio.item-ios ion-label{-webkit-margin-start:0;margin-inline-start:0}.radio-inner{width:33%;height:50%}:host(.radio-checked) .radio-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:0.125rem;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--color-checked)}:host(.radio-disabled){opacity:0.3}:host(.ion-focused) .radio-icon::after{border-radius:var(--inner-border-radius);top:-8px;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #1a65eb);content:"";opacity:0.2}:host(.ion-focused) .radio-icon::after{inset-inline-start:-9px}.native-wrapper .radio-icon{width:0.9375rem;height:1.5rem}`;

package/dist/cjs/ion-range.cjs.entry.js

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
-var index$1 = require('./index-MbaBbWXk.js');
-var helpers = require('./helpers-CxTYJdbT.js');
+var index = require('./index-Ct7gcRif.js');
+var index$1 = require('./index-CIrkNXqJ.js');
+var helpers = require('./helpers-Cv23MFHM.js');
 var dir = require('./dir-Cn0z1rJH.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var ionicGlobal = require('./ionic-global-Bc3kJi1Z.js');
+var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
 
 function getDecimalPlaces(n) {
     if (!helpers.isSafeNumber(n))

package/dist/cjs/ion-refresher_2.cjs.entry.js

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
+var index = require('./index-Ct7gcRif.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var index$1 = require('./index-MbaBbWXk.js');
-var helpers = require('./helpers-CxTYJdbT.js');
+var index$1 = require('./index-CIrkNXqJ.js');
+var helpers = require('./helpers-Cv23MFHM.js');
 var haptic = require('./haptic-ClPPQ_PS.js');
-var ionicGlobal = require('./ionic-global-Bc3kJi1Z.js');
-var animation = require('./animation-Dg4yiuR2.js');
-var config = require('./config-BukYi_pW.js');
+var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
+var animation = require('./animation-BJq0kcy2.js');
+var config = require('./config-xninhj0J.js');
 var index$2 = require('./index-DqmRDbxg.js');
 var spinnerConfigs = require('./spinner-configs-DxHKnd3-.js');
 require('./capacitor-DmA66EwP.js');

package/dist/cjs/ion-reorder_2.cjs.entry.js

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
+var index = require('./index-Ct7gcRif.js');
 var index$1 = require('./index-DqmRDbxg.js');
-var ionicGlobal = require('./ionic-global-Bc3kJi1Z.js');
-var index$2 = require('./index-MbaBbWXk.js');
-var helpers = require('./helpers-CxTYJdbT.js');
+var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
+var index$2 = require('./index-CIrkNXqJ.js');
+var helpers = require('./helpers-Cv23MFHM.js');
 var haptic = require('./haptic-ClPPQ_PS.js');
 require('./capacitor-DmA66EwP.js');
 require('./index-DkNv4J_i.js');
@@ -283,7 +283,7 @@ const ReorderGroup = class {
         }
         let amount = 0;
         if (posY < this.scrollElTop) {
-            amount = -10;
+            amount = -SCROLL_JUMP;
         }
         else if (posY > this.scrollElBottom) {
             amount = SCROLL_JUMP;

package/dist/cjs/ion-ripple-effect.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
-var ionicGlobal = require('./ionic-global-Bc3kJi1Z.js');
+var index = require('./index-Ct7gcRif.js');
+var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
 
 const rippleEffectCss = () => `:host{left:0;right:0;top:0;bottom:0;position:absolute;contain:strict;pointer-events:none}:host(.unbounded){contain:layout size style}.ripple-effect{border-radius:50%;position:absolute;background-color:currentColor;color:inherit;contain:strict;opacity:0;-webkit-animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;will-change:transform, opacity;pointer-events:none}.fade-out{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1));-webkit-animation:150ms fadeOutAnimation forwards;animation:150ms fadeOutAnimation forwards}@-webkit-keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@-webkit-keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@-webkit-keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}@keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}`;
 

package/dist/cjs/ion-route_4.cjs.entry.js

@@ -3,10 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
-var helpers = require('./helpers-CxTYJdbT.js');
+var index = require('./index-Ct7gcRif.js');
+var helpers = require('./helpers-Cv23MFHM.js');
+var index$1 = require('./index-CIrkNXqJ.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var ionicGlobal = require('./ionic-global-Bc3kJi1Z.js');
+var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
 
 const Route = class {
     constructor(hostRef) {
@@ -86,7 +87,7 @@ const generatePath = (segments) => {
     const path = segments.filter((s) => s.length > 0).join('/');
     return '/' + path;
 };
-const generateUrl = (segments, useHash, queryString) => {
+const generateUrl = (segments, useHash, queryString, fragment) => {
     let url = generatePath(segments);
     if (useHash) {
         url = '#' + url;
@@ -94,10 +95,13 @@ const generateUrl = (segments, useHash, queryString) => {
     if (queryString !== undefined) {
         url += '?' + queryString;
     }
+    if (fragment !== undefined) {
+        url += '#' + fragment;
+    }
     return url;
 };
-const writeSegments = (history, root, useHash, segments, direction, state, queryString) => {
-    const url = generateUrl([...parsePath(root).segments, ...segments], useHash, queryString);
+const writeSegments = (history, root, useHash, segments, direction, state, queryString, fragment) => {
+    const url = generateUrl([...parsePath(root).segments, ...segments], useHash, queryString, fragment);
     if (direction === ROUTER_INTENT_FORWARD) {
         history.pushState(state, '', url);
     }
@@ -164,12 +168,21 @@ const readSegments = (loc, root, useHash) => {
 /**
  * Parses the path to:
  * - segments an array of '/' separated parts,
- * - queryString (undefined when no query string).
+ * - queryString (undefined when no query string),
+ * - fragment (undefined when no `#`).
  */
 const parsePath = (path) => {
     let segments = [''];
     let queryString;
+    let fragment;
     if (path != null) {
+        // The fragment ("#") starts a section that runs to the end of the URL.
+        // Anything inside it (including "?") is part of the fragment per RFC 3986.
+        const fragStart = path.indexOf('#');
+        if (fragStart > -1) {
+            fragment = path.substring(fragStart + 1);
+            path = path.substring(0, fragStart);
+        }
         const qsStart = path.indexOf('?');
         if (qsStart > -1) {
             queryString = path.substring(qsStart + 1);
@@ -183,7 +196,7 @@ const parsePath = (path) => {
             segments = [''];
         }
     }
-    return { segments, queryString };
+    return { segments, queryString, fragment };
 };
 
 const printRoutes = (routes) => {
@@ -268,6 +281,118 @@ const readNavState = async (root) => {
     }
     return { ids, outlet };
 };
+/** Max animation frames `scrollToFragment` polls while waiting for the target to mount. */
+const FRAGMENT_POLL_FRAMES = 30;
+/** Duration (ms) of the smooth-scroll animation that lands on the fragment target. */
+const FRAGMENT_SCROLL_DURATION = 300;
+const nextFrame = () => new Promise((resolve) => helpers.raf(() => resolve()));
+/**
+ * Returns true when `el` lives inside an active `.ion-page`. `ion-page-hidden`
+ * marks nav back-stack entries; `tab-hidden` marks inactive `ion-tab` elements.
+ * Either class on the page's ancestor chain disqualifies it. When no `.ion-page`
+ * exists in the document at all (non-router pages), the candidate is accepted
+ * so plain anchors still work.
+ */
+const isInActivePage = (el) => {
+    const page = el.closest('.ion-page');
+    if (page === null) {
+        return document.querySelector('.ion-page') === null;
+    }
+    return page.closest('.ion-page-hidden, .tab-hidden') === null;
+};
+/**
+ * Polls across animation frames for an element matching `fragment` that lives
+ * in the active page. Scoping by "last `.ion-page:not(.ion-page-hidden)`" is
+ * unreliable: inactive `ion-tab` siblings carry `.ion-page` (gated by
+ * `.tab-hidden`, not `.ion-page-hidden`) and can be ordered after the leaf.
+ * Instead, locate candidates globally and walk them from last to first,
+ * accepting the deepest one whose `.ion-page` ancestor is not hidden. The
+ * last-to-first order preserves leaf-most preference for nested outlets.
+ */
+const findFragmentTarget = async (fragment, shouldContinue) => {
+    // CSS.escape is unavailable on very old WebViews; the fallback path uses
+    // `getElementById` and drops the legacy `<a name>` branch.
+    const canEscape = typeof CSS !== 'undefined' && typeof CSS.escape === 'function';
+    const escaped = canEscape ? CSS.escape(fragment) : null;
+    for (let i = 0; i < FRAGMENT_POLL_FRAMES; i++) {
+        if (!shouldContinue())
+            return null;
+        let candidates = [];
+        if (escaped !== null) {
+            try {
+                candidates = [...document.querySelectorAll(`#${escaped}, a[name="${escaped}"]`)];
+            }
+            catch (_a) {
+                candidates = [...document.querySelectorAll(`#${escaped}`)];
+            }
+        }
+        else {
+            const byId = document.getElementById(fragment);
+            if (byId !== null)
+                candidates = [byId];
+        }
+        for (let j = candidates.length - 1; j >= 0; j--) {
+            if (isInActivePage(candidates[j])) {
+                return candidates[j];
+            }
+        }
+        await nextFrame();
+    }
+    return null;
+};
+/**
+ * Scrolls to the element whose id matches `fragment`, falling back to a legacy
+ * `<a name="...">` target. When the target lives inside an `ion-content`, the
+ * scroll uses its smooth-animated scroll API; otherwise it falls back to
+ * `Element.scrollIntoView`.
+ *
+ * `shouldContinue` lets callers cancel in-flight scrolls when a newer
+ * navigation supersedes this one. It is checked between async steps.
+ */
+const scrollToFragment = async (fragment, shouldContinue = () => true) => {
+    if (fragment == null || fragment === '') {
+        return false;
+    }
+    // URL fragments are percent-encoded but element ids are not; decode for
+    // matching per the HTML spec's indicated-element resolution.
+    let decoded;
+    try {
+        decoded = decodeURIComponent(fragment);
+    }
+    catch (_a) {
+        decoded = fragment;
+    }
+    const target = await findFragmentTarget(decoded, shouldContinue);
+    if (!target || !shouldContinue()) {
+        return false;
+    }
+    // Best-effort scroll: swallow exceptions if the page tears down mid-animation.
+    try {
+        const contentHost = index$1.findClosestIonContent(target);
+        if (contentHost && index$1.isIonContent(contentHost)) {
+            const content = contentHost;
+            const scrollEl = await index$1.getScrollElement(content);
+            // Yield one frame so the newly mounted target's layout is stable
+            // before we measure its rect.
+            await nextFrame();
+            if (!shouldContinue())
+                return false;
+            const targetRect = target.getBoundingClientRect();
+            const scrollRect = scrollEl.getBoundingClientRect();
+            const top = targetRect.top - scrollRect.top + scrollEl.scrollTop;
+            // Preserve scrollLeft so RTL and horizontally-scrolling pages aren't reset.
+            await content.scrollToPoint(scrollEl.scrollLeft, top, FRAGMENT_SCROLL_DURATION);
+        }
+        else {
+            target.scrollIntoView({ behavior: 'smooth' });
+        }
+        return true;
+    }
+    catch (e) {
+        index.printIonError('[ion-router] - Exception in scrollToFragment:', e);
+        return false;
+    }
+};
 const waitUntilNavNode = () => {
     if (searchNavNode(document.body)) {
         return Promise.resolve();
@@ -609,6 +734,7 @@ const Router = class {
         this.busy = false;
         this.state = 0;
         this.lastState = 0;
+        this.fragmentScrollToken = 0;
         /**
          * The root path to use when matching URLs. By default, this is set to "/", but you can specify
          * an alternate prefix for all URL paths.
@@ -637,12 +763,17 @@ const Router = class {
             if (typeof canProceed === 'object') {
                 const { redirect } = canProceed;
                 const path = parsePath(redirect);
-                this.setSegments(path.segments, ROUTER_INTENT_NONE, path.queryString);
-                await this.writeNavStateRoot(path.segments, ROUTER_INTENT_NONE);
+                this.setSegments(path.segments, ROUTER_INTENT_NONE, path.queryString, path.fragment);
+                const result = await this.writeNavStateRoot(path.segments, ROUTER_INTENT_NONE);
+                if (result) {
+                    this.maybeScrollToFragment();
+                }
             }
+            return;
         }
-        else {
-            await this.onRoutesChanged();
+        const result = await this.onRoutesChanged();
+        if (result) {
+            this.maybeScrollToFragment();
         }
     }
     componentDidLoad() {
@@ -661,7 +792,11 @@ const Router = class {
                 return false;
             }
         }
-        return this.writeNavStateRoot(segments, direction);
+        const result = await this.writeNavStateRoot(segments, direction);
+        if (result) {
+            this.maybeScrollToFragment();
+        }
+        return result;
     }
     onBackButton(ev) {
         ev.detail.register(0, (processNextHandler) => {
@@ -695,7 +830,7 @@ const Router = class {
             const currentPath = (_a = this.previousPath) !== null && _a !== void 0 ? _a : '/';
             // Convert currentPath to an URL by pre-pending a protocol and a host to resolve the relative path.
             const url = new URL(path, `https://host/${currentPath}`);
-            path = url.pathname + url.search;
+            path = url.pathname + url.search + url.hash;
         }
         let parsedPath = parsePath(path);
         const canProceed = await this.runGuards(parsedPath.segments);
@@ -707,8 +842,12 @@ const Router = class {
                 return false;
             }
         }
-        this.setSegments(parsedPath.segments, direction, parsedPath.queryString);
-        return this.writeNavStateRoot(parsedPath.segments, direction, animation);
+        this.setSegments(parsedPath.segments, direction, parsedPath.queryString, parsedPath.fragment);
+        const result = await this.writeNavStateRoot(parsedPath.segments, direction, animation);
+        if (result) {
+            this.maybeScrollToFragment();
+        }
+        return result;
     }
     /** Go back to previous page in the window.history. */
     back() {
@@ -738,7 +877,12 @@ const Router = class {
             index.printIonWarning('[ion-router] - Router could not match path because some required param is missing.');
             return false;
         }
-        this.setSegments(segments, direction);
+        // navChanged is an outlet-driven URL sync. Only keep the fragment when
+        // the path is unchanged; on a real navigation it refers to an anchor on
+        // the page being left and would be stale.
+        const newPath = generatePath(segments);
+        const fragment = newPath === this.previousPath ? this.getFragment() : undefined;
+        this.setSegments(segments, direction, undefined, fragment);
         await this.safeWriteNavState(outlet, chain, ROUTER_INTENT_NONE, segments, null, ids.length);
         return true;
     }
@@ -781,8 +925,8 @@ const Router = class {
         const redirect = findRouteRedirect(segments, redirects);
         let redirectFrom = null;
         if (redirect) {
-            const { segments: toSegments, queryString } = redirect.to;
-            this.setSegments(toSegments, direction, queryString);
+            const { segments: toSegments, queryString, fragment } = redirect.to;
+            this.setSegments(toSegments, direction, queryString, fragment);
             redirectFrom = redirect.from;
             segments = toSegments;
         }
@@ -862,13 +1006,35 @@ const Router = class {
         }
         return changed;
     }
-    setSegments(segments, direction, queryString) {
+    setSegments(segments, direction, queryString, fragment) {
         this.state++;
-        writeSegments(window.history, this.root, this.useHash, segments, direction, this.state, queryString);
+        // Every URL write invalidates any in-flight fragment scroll: a newer nav
+        // (with or without a fragment, successful or not) should always supersede.
+        this.fragmentScrollToken++;
+        writeSegments(window.history, this.root, this.useHash, segments, direction, this.state, queryString, fragment);
     }
     getSegments() {
         return readSegments(window.location, this.root, this.useHash);
     }
+    getFragment() {
+        // In hash mode the URL fragment trails a second `#` (e.g. `#/path#anchor`);
+        // parse the routing portion to extract it.
+        const raw = this.useHash ? parsePath(window.location.hash.slice(1)).fragment : window.location.hash.slice(1);
+        return raw ? raw : undefined;
+    }
+    /**
+     * Fires a best-effort scroll to the current URL fragment. The scroll bails
+     * if a newer `setSegments` advances `fragmentScrollToken` mid-flight.
+     */
+    maybeScrollToFragment() {
+        const fragment = this.getFragment();
+        if (!fragment)
+            return;
+        const token = this.fragmentScrollToken;
+        // Fire-and-forget; the returned promise resolves only after the scroll
+        // animation completes, which the caller does not need to await.
+        scrollToFragment(fragment, () => token === this.fragmentScrollToken).catch(() => { });
+    }
     routeChangeEvent(toSegments, redirectFromSegments) {
         const from = this.previousPath;
         const to = generatePath(toSegments);