@ionic/core 8.7.18 → 8.7.19-dev.11772655618.1af0949f

package/dist/collection/components/refresher/refresher.js

@@ -68,8 +68,8 @@ export class Refresher {
          * than `1`. The default value is `1` which is equal to the speed of the cursor.
          * If a negative value is passed in, the factor will be `1` instead.
          *
-         * For example: If the value passed is `1.2` and the content is dragged by
-         * `10` pixels, instead of `10` pixels the content will be pulled by `12` pixels
+         * For example, If the value passed is `1.2` and the content is dragged by
+         * `10` pixels, instead of `10` pixels, the content will be pulled by `12` pixels
          * (an increase of 20 percent). If the value passed is `0.8`, the dragged amount
          * will be `8` pixels, less than the amount the cursor has moved.
          *
@@ -119,6 +119,9 @@ export class Refresher {
         this.animations = [];
         this.progress = 0;
         this.state = 1 /* RefresherState.Inactive */;
+        this.ionPullEnd.emit({
+            reason: state === 32 /* RefresherState.Completing */ ? 'complete' : 'cancel',
+        });
     }
     async setupiOSNativeRefresher(pullingSpinner, refreshingSpinner) {
         this.elementToTransform = this.scrollEl;
@@ -151,6 +154,7 @@ export class Refresher {
                     if (!this.didStart) {
                         this.didStart = true;
                         this.ionStart.emit();
+                        this.ionPullStart.emit();
                     }
                     // emit "pulling" on every move
                     if (this.pointerDown) {
@@ -226,6 +230,7 @@ export class Refresher {
                 this.lastVelocityY = ev.velocityY;
             },
             onEnd: () => {
+                const hadStarted = this.didStart;
                 this.pointerDown = false;
                 this.didStart = false;
                 if (this.needsCompletion) {
@@ -235,6 +240,13 @@ export class Refresher {
                 else if (this.didRefresh) {
                     readTask(() => translateElement(this.elementToTransform, `${this.el.clientHeight}px`));
                 }
+                else if (hadStarted) {
+                    /**
+                     * User started pulling but released before reaching the refresh threshold.
+                     * Emit ionPullEnd to complete the event pair.
+                     */
+                    this.ionPullEnd.emit({ reason: 'cancel' });
+                }
             },
         });
         this.disabledChanged();
@@ -281,6 +293,7 @@ export class Refresher {
                     ev.data.animation = animation;
                     animation.progressStart(false, 0);
                     this.ionStart.emit();
+                    this.ionPullStart.emit();
                     this.animations.push(animation);
                     return;
                 }
@@ -303,6 +316,7 @@ export class Refresher {
                         this.animations = [];
                         this.gesture.enable(true);
                         this.state = 1 /* RefresherState.Inactive */;
+                        this.ionPullEnd.emit({ reason: 'cancel' });
                     });
                     return;
                 }
@@ -547,6 +561,7 @@ export class Refresher {
         if (!this.didStart) {
             this.didStart = true;
             this.ionStart.emit();
+            this.ionPullStart.emit();
         }
         // emit "pulling" on every move
         this.ionPull.emit();
@@ -590,6 +605,15 @@ export class Refresher {
              * available right away.
              */
             this.restoreOverflowStyle();
+            /**
+             * If ionPullStart was emitted, we need to emit ionPullEnd
+             * even though the gesture was aborted before reaching the
+             * pulling threshold.
+             */
+            if (this.didStart) {
+                this.didStart = false;
+                this.ionPullEnd.emit({ reason: 'cancel' });
+            }
         }
     }
     beginRefresh() {
@@ -636,6 +660,9 @@ export class Refresher {
             if (this.contentFullscreen && this.backgroundContentEl) {
                 (_a = this.backgroundContentEl) === null || _a === void 0 ? void 0 : _a.style.removeProperty('--offset-top');
             }
+            this.ionPullEnd.emit({
+                reason: state === 32 /* RefresherState.Completing */ ? 'complete' : 'cancel',
+            });
         }, 600);
         // reset the styles on the scroll element
         // set that the refresh is actively cancelling/completing
@@ -689,7 +716,7 @@ export class Refresher {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '06d61cc53260ce146dd6906cc96597e9baaa17cf', slot: "fixed", class: {
+        return (h(Host, { key: '80fa313b0d77161680836bdd6aa334d02c549b41', slot: "fixed", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`refresher-${mode}`]: true,
@@ -809,7 +836,7 @@ export class Refresher {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "How much to multiply the pull speed by. To slow the pull animation down,\npass a number less than `1`. To speed up the pull, pass a number greater\nthan `1`. The default value is `1` which is equal to the speed of the cursor.\nIf a negative value is passed in, the factor will be `1` instead.\n\nFor example: If the value passed is `1.2` and the content is dragged by\n`10` pixels, instead of `10` pixels the content will be pulled by `12` pixels\n(an increase of 20 percent). If the value passed is `0.8`, the dragged amount\nwill be `8` pixels, less than the amount the cursor has moved.\n\nDoes not apply when the refresher content uses a spinner,\nenabling the native refresher."
+                    "text": "How much to multiply the pull speed by. To slow the pull animation down,\npass a number less than `1`. To speed up the pull, pass a number greater\nthan `1`. The default value is `1` which is equal to the speed of the cursor.\nIf a negative value is passed in, the factor will be `1` instead.\n\nFor example, If the value passed is `1.2` and the content is dragged by\n`10` pixels, instead of `10` pixels, the content will be pulled by `12` pixels\n(an increase of 20 percent). If the value passed is `0.8`, the dragged amount\nwill be `8` pixels, less than the amount the cursor has moved.\n\nDoes not apply when the refresher content uses a spinner,\nenabling the native refresher."
                 },
                 "getter": false,
                 "setter": false,
@@ -863,7 +890,8 @@ export class Refresher {
                         "RefresherEventDetail": {
                             "location": "import",
                             "path": "./refresher-interface",
-                            "id": "src/components/refresher/refresher-interface.ts::RefresherEventDetail"
+                            "id": "src/components/refresher/refresher-interface.ts::RefresherEventDetail",
+                            "referenceLocation": "RefresherEventDetail"
                         }
                     }
                 }
@@ -888,6 +916,24 @@ export class Refresher {
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "deprecated",
+                            "text": "Use `ionPullStart` instead."
+                        }],
+                    "text": "Emitted when the user begins to start pulling down.\nTODO(FW-7044): Remove this in a major release"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "ionPullStart",
+                "name": "ionPullStart",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
                 "docs": {
                     "tags": [],
                     "text": "Emitted when the user begins to start pulling down."
@@ -897,6 +943,28 @@ export class Refresher {
                     "resolved": "void",
                     "references": {}
                 }
+            }, {
+                "method": "ionPullEnd",
+                "name": "ionPullEnd",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the refresher has returned to the inactive state\nafter a pull gesture. This fires whether the refresh completed\nsuccessfully or was canceled."
+                },
+                "complexType": {
+                    "original": "RefresherPullEndEventDetail",
+                    "resolved": "RefresherPullEndEventDetail",
+                    "references": {
+                        "RefresherPullEndEventDetail": {
+                            "location": "import",
+                            "path": "./refresher-interface",
+                            "id": "src/components/refresher/refresher-interface.ts::RefresherPullEndEventDetail",
+                            "referenceLocation": "RefresherPullEndEventDetail"
+                        }
+                    }
+                }
             }];
     }
     static get methods() {

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

@@ -63,7 +63,8 @@ export class RefresherContent {
                         "SpinnerTypes": {
                             "location": "import",
                             "path": "../spinner/spinner-configs",
-                            "id": "src/components/spinner/spinner-configs.ts::SpinnerTypes"
+                            "id": "src/components/spinner/spinner-configs.ts::SpinnerTypes",
+                            "referenceLocation": "SpinnerTypes"
                         }
                     }
                 },
@@ -88,7 +89,8 @@ export class RefresherContent {
                         "IonicSafeString": {
                             "location": "import",
                             "path": "../../utils/sanitization",
-                            "id": "src/utils/sanitization/index.ts::IonicSafeString"
+                            "id": "src/utils/sanitization/index.ts::IonicSafeString",
+                            "referenceLocation": "IonicSafeString"
                         }
                     }
                 },
@@ -113,7 +115,8 @@ export class RefresherContent {
                         "SpinnerTypes": {
                             "location": "import",
                             "path": "../spinner/spinner-configs",
-                            "id": "src/components/spinner/spinner-configs.ts::SpinnerTypes"
+                            "id": "src/components/spinner/spinner-configs.ts::SpinnerTypes",
+                            "referenceLocation": "SpinnerTypes"
                         }
                     }
                 },
@@ -138,7 +141,8 @@ export class RefresherContent {
                         "IonicSafeString": {
                             "location": "import",
                             "path": "../../utils/sanitization",
-                            "id": "src/utils/sanitization/index.ts::IonicSafeString"
+                            "id": "src/utils/sanitization/index.ts::IonicSafeString",
+                            "referenceLocation": "IonicSafeString"
                         }
                     }
                 },

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

@@ -320,7 +320,8 @@ export class ReorderGroup {
                         "ItemReorderEventDetail": {
                             "location": "import",
                             "path": "./reorder-group-interface",
-                            "id": "src/components/reorder-group/reorder-group-interface.ts::ItemReorderEventDetail"
+                            "id": "src/components/reorder-group/reorder-group-interface.ts::ItemReorderEventDetail",
+                            "referenceLocation": "ItemReorderEventDetail"
                         }
                     }
                 }
@@ -356,7 +357,8 @@ export class ReorderGroup {
                         "ReorderMoveEventDetail": {
                             "location": "import",
                             "path": "./reorder-group-interface",
-                            "id": "src/components/reorder-group/reorder-group-interface.ts::ReorderMoveEventDetail"
+                            "id": "src/components/reorder-group/reorder-group-interface.ts::ReorderMoveEventDetail",
+                            "referenceLocation": "ReorderMoveEventDetail"
                         }
                     }
                 }
@@ -377,7 +379,8 @@ export class ReorderGroup {
                         "ReorderEndEventDetail": {
                             "location": "import",
                             "path": "./reorder-group-interface",
-                            "id": "src/components/reorder-group/reorder-group-interface.ts::ReorderEndEventDetail"
+                            "id": "src/components/reorder-group/reorder-group-interface.ts::ReorderEndEventDetail",
+                            "referenceLocation": "ReorderEndEventDetail"
                         }
                     }
                 }

package/dist/collection/components/route/route.js

@@ -101,7 +101,8 @@ export class Route {
                         "NavigationHookCallback": {
                             "location": "import",
                             "path": "./route-interface",
-                            "id": "src/components/route/route-interface.ts::NavigationHookCallback"
+                            "id": "src/components/route/route-interface.ts::NavigationHookCallback",
+                            "referenceLocation": "NavigationHookCallback"
                         }
                     }
                 },
@@ -124,7 +125,8 @@ export class Route {
                         "NavigationHookCallback": {
                             "location": "import",
                             "path": "./route-interface",
-                            "id": "src/components/route/route-interface.ts::NavigationHookCallback"
+                            "id": "src/components/route/route-interface.ts::NavigationHookCallback",
+                            "referenceLocation": "NavigationHookCallback"
                         }
                     }
                 },

package/dist/collection/components/router/router.js

@@ -349,7 +349,8 @@ export class Router {
                         "RouterEventDetail": {
                             "location": "import",
                             "path": "./utils/interface",
-                            "id": "src/components/router/utils/interface.ts::RouterEventDetail"
+                            "id": "src/components/router/utils/interface.ts::RouterEventDetail",
+                            "referenceLocation": "RouterEventDetail"
                         }
                     }
                 }
@@ -370,7 +371,8 @@ export class Router {
                         "RouterEventDetail": {
                             "location": "import",
                             "path": "./utils/interface",
-                            "id": "src/components/router/utils/interface.ts::RouterEventDetail"
+                            "id": "src/components/router/utils/interface.ts::RouterEventDetail",
+                            "referenceLocation": "RouterEventDetail"
                         }
                     }
                 }
@@ -422,12 +424,14 @@ export class Router {
                         "RouterDirection": {
                             "location": "import",
                             "path": "./utils/interface",
-                            "id": "src/components/router/utils/interface.ts::RouterDirection"
+                            "id": "src/components/router/utils/interface.ts::RouterDirection",
+                            "referenceLocation": "RouterDirection"
                         },
                         "AnimationBuilder": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::AnimationBuilder"
+                            "id": "src/interface.d.ts::AnimationBuilder",
+                            "referenceLocation": "AnimationBuilder"
                         }
                     },
                     "return": "Promise<boolean>"
@@ -499,7 +503,8 @@ export class Router {
                         "RouterDirection": {
                             "location": "import",
                             "path": "./utils/interface",
-                            "id": "src/components/router/utils/interface.ts::RouterDirection"
+                            "id": "src/components/router/utils/interface.ts::RouterDirection",
+                            "referenceLocation": "RouterDirection"
                         }
                     },
                     "return": "Promise<boolean>"

package/dist/collection/components/router-link/router-link.js

@@ -51,7 +51,8 @@ export class RouterLink {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -114,7 +115,8 @@ export class RouterLink {
                         "RouterDirection": {
                             "location": "import",
                             "path": "../router/utils/interface",
-                            "id": "src/components/router/utils/interface.ts::RouterDirection"
+                            "id": "src/components/router/utils/interface.ts::RouterDirection",
+                            "referenceLocation": "RouterDirection"
                         }
                     }
                 },
@@ -140,7 +142,8 @@ export class RouterLink {
                         "AnimationBuilder": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::AnimationBuilder"
+                            "id": "src/interface.d.ts::AnimationBuilder",
+                            "referenceLocation": "AnimationBuilder"
                         }
                     }
                 },

package/dist/collection/components/router-outlet/router-outlet.js

@@ -232,7 +232,8 @@ export class RouterOutlet {
                         "FrameworkDelegate": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::FrameworkDelegate"
+                            "id": "src/interface.d.ts::FrameworkDelegate",
+                            "referenceLocation": "FrameworkDelegate"
                         }
                     }
                 },
@@ -278,7 +279,8 @@ export class RouterOutlet {
                         "AnimationBuilder": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::AnimationBuilder"
+                            "id": "src/interface.d.ts::AnimationBuilder",
+                            "referenceLocation": "AnimationBuilder"
                         }
                     }
                 },
@@ -301,7 +303,8 @@ export class RouterOutlet {
                         "SwipeGestureHandler": {
                             "location": "import",
                             "path": "../nav/nav-interface",
-                            "id": "src/components/nav/nav-interface.ts::SwipeGestureHandler"
+                            "id": "src/components/nav/nav-interface.ts::SwipeGestureHandler",
+                            "referenceLocation": "SwipeGestureHandler"
                         }
                     }
                 },
@@ -406,7 +409,8 @@ export class RouterOutlet {
                         "RouterOutletOptions": {
                             "location": "import",
                             "path": "../nav/nav-interface",
-                            "id": "src/components/nav/nav-interface.ts::RouterOutletOptions"
+                            "id": "src/components/nav/nav-interface.ts::RouterOutletOptions",
+                            "referenceLocation": "RouterOutletOptions"
                         }
                     },
                     "return": "Promise<boolean>"
@@ -447,22 +451,26 @@ export class RouterOutlet {
                         "RouteWrite": {
                             "location": "import",
                             "path": "../router/utils/interface",
-                            "id": "src/components/router/utils/interface.ts::RouteWrite"
+                            "id": "src/components/router/utils/interface.ts::RouteWrite",
+                            "referenceLocation": "RouteWrite"
                         },
                         "ComponentProps": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::ComponentProps"
+                            "id": "src/interface.d.ts::ComponentProps",
+                            "referenceLocation": "ComponentProps"
                         },
                         "RouterDirection": {
                             "location": "import",
                             "path": "../router/utils/interface",
-                            "id": "src/components/router/utils/interface.ts::RouterDirection"
+                            "id": "src/components/router/utils/interface.ts::RouterDirection",
+                            "referenceLocation": "RouterDirection"
                         },
                         "AnimationBuilder": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::AnimationBuilder"
+                            "id": "src/interface.d.ts::AnimationBuilder",
+                            "referenceLocation": "AnimationBuilder"
                         }
                     },
                     "return": "Promise<RouteWrite>"
@@ -487,7 +495,8 @@ export class RouterOutlet {
                         "RouteID": {
                             "location": "import",
                             "path": "../router/utils/interface",
-                            "id": "src/components/router/utils/interface.ts::RouteID"
+                            "id": "src/components/router/utils/interface.ts::RouteID",
+                            "referenceLocation": "RouteID"
                         }
                     },
                     "return": "Promise<RouteID | undefined>"

package/dist/collection/components/searchbar/searchbar.js

@@ -484,7 +484,8 @@ export class Searchbar {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -544,12 +545,13 @@ export class Searchbar {
                 "mutable": false,
                 "complexType": {
                     "original": "AutocompleteTypes",
-                    "resolved": "\"name\" | \"email\" | \"tel\" | \"url\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"",
+                    "resolved": "\"additional-name\" | \"address-level1\" | \"address-level2\" | \"address-level3\" | \"address-level4\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"cc-additional-name\" | \"cc-csc\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-family-name\" | \"cc-given-name\" | \"cc-name\" | \"cc-number\" | \"cc-type\" | \"country\" | \"country-name\" | \"current-password\" | \"email\" | \"family-name\" | \"given-name\" | \"honorific-prefix\" | \"honorific-suffix\" | \"impp\" | \"language\" | \"name\" | \"new-password\" | \"nickname\" | \"off\" | \"on\" | \"one-time-code\" | \"organization\" | \"organization-title\" | \"photo\" | \"postal-code\" | \"sex\" | \"street-address\" | \"tel\" | \"tel-area-code\" | \"tel-country-code\" | \"tel-extension\" | \"tel-local\" | \"tel-national\" | \"transaction-amount\" | \"transaction-currency\" | \"url\" | \"username\"",
                     "references": {
                         "AutocompleteTypes": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::AutocompleteTypes"
+                            "id": "src/interface.d.ts::AutocompleteTypes",
+                            "referenceLocation": "AutocompleteTypes"
                         }
                     }
                 },
@@ -944,7 +946,8 @@ export class Searchbar {
                         "SearchbarInputEventDetail": {
                             "location": "import",
                             "path": "./searchbar-interface",
-                            "id": "src/components/searchbar/searchbar-interface.ts::SearchbarInputEventDetail"
+                            "id": "src/components/searchbar/searchbar-interface.ts::SearchbarInputEventDetail",
+                            "referenceLocation": "SearchbarInputEventDetail"
                         }
                     }
                 }
@@ -965,7 +968,8 @@ export class Searchbar {
                         "SearchbarChangeEventDetail": {
                             "location": "import",
                             "path": "./searchbar-interface",
-                            "id": "src/components/searchbar/searchbar-interface.ts::SearchbarChangeEventDetail"
+                            "id": "src/components/searchbar/searchbar-interface.ts::SearchbarChangeEventDetail",
+                            "referenceLocation": "SearchbarChangeEventDetail"
                         }
                     }
                 }
@@ -1049,7 +1053,8 @@ export class Searchbar {
                         "StyleEventDetail": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::StyleEventDetail"
+                            "id": "src/interface.d.ts::StyleEventDetail",
+                            "referenceLocation": "StyleEventDetail"
                         }
                     }
                 }

package/dist/collection/components/segment/segment.js

@@ -578,7 +578,8 @@ export class Segment {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -663,7 +664,8 @@ export class Segment {
                         "SegmentValue": {
                             "location": "import",
                             "path": "./segment-interface",
-                            "id": "src/components/segment/segment-interface.ts::SegmentValue"
+                            "id": "src/components/segment/segment-interface.ts::SegmentValue",
+                            "referenceLocation": "SegmentValue"
                         }
                     }
                 },
@@ -723,7 +725,8 @@ export class Segment {
                         "SegmentChangeEventDetail": {
                             "location": "import",
                             "path": "./segment-interface",
-                            "id": "src/components/segment/segment-interface.ts::SegmentChangeEventDetail"
+                            "id": "src/components/segment/segment-interface.ts::SegmentChangeEventDetail",
+                            "referenceLocation": "SegmentChangeEventDetail"
                         }
                     }
                 }
@@ -747,7 +750,8 @@ export class Segment {
                         "SegmentChangeEventDetail": {
                             "location": "import",
                             "path": "./segment-interface",
-                            "id": "src/components/segment/segment-interface.ts::SegmentChangeEventDetail"
+                            "id": "src/components/segment/segment-interface.ts::SegmentChangeEventDetail",
+                            "referenceLocation": "SegmentChangeEventDetail"
                         }
                     }
                 }
@@ -771,7 +775,8 @@ export class Segment {
                         "StyleEventDetail": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::StyleEventDetail"
+                            "id": "src/interface.d.ts::StyleEventDetail",
+                            "referenceLocation": "StyleEventDetail"
                         }
                     }
                 }

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

@@ -194,7 +194,8 @@ export class SegmentButton {
                         "SegmentButtonLayout": {
                             "location": "import",
                             "path": "./segment-button-interface",
-                            "id": "src/components/segment-button/segment-button-interface.ts::SegmentButtonLayout"
+                            "id": "src/components/segment-button/segment-button-interface.ts::SegmentButtonLayout",
+                            "referenceLocation": "SegmentButtonLayout"
                         }
                     }
                 },
@@ -240,7 +241,8 @@ export class SegmentButton {
                         "SegmentValue": {
                             "location": "import",
                             "path": "../segment/segment-interface",
-                            "id": "src/components/segment/segment-interface.ts::SegmentValue"
+                            "id": "src/components/segment/segment-interface.ts::SegmentValue",
+                            "referenceLocation": "SegmentValue"
                         }
                     }
                 },

package/dist/collection/components/segment-view/segment-view.ios.css

@@ -14,7 +14,8 @@
   display: none;
 }
 
-:host(.segment-view-disabled) {
+:host(.segment-view-disabled),
+:host(.segment-view-swipe-disabled) {
   touch-action: none;
   overflow-x: hidden;
 }

package/dist/collection/components/segment-view/segment-view.js

@@ -11,6 +11,10 @@ export class SegmentView {
          * If `true`, the segment view cannot be interacted with.
          */
         this.disabled = false;
+        /**
+         * If `true`, users will be able to swipe the segment view to navigate between segment contents.
+         */
+        this.swipeGesture = true;
     }
     handleScroll(ev) {
         var _a;
@@ -98,11 +102,12 @@ export class SegmentView {
         return Array.from(this.el.querySelectorAll('ion-segment-content'));
     }
     render() {
-        const { disabled, isManualScroll } = this;
-        return (h(Host, { key: '1c9bfce83967a93d63c225031a5cd688509d8fc8', class: {
+        const { disabled, isManualScroll, swipeGesture } = this;
+        return (h(Host, { key: '2a6e0a1046af75b1fa0eed20a5fbbb4634480297', class: {
                 'segment-view-disabled': disabled,
                 'segment-view-scroll-disabled': isManualScroll === false,
-            } }, h("slot", { key: '19fee034e76fffbdb5f622cb514037c00f9d55d5' })));
+                'segment-view-swipe-disabled': swipeGesture === false,
+            } }, h("slot", { key: '644b60d179d0de3fa204e3bef26a3503ceeaf1d6' })));
     }
     static get is() { return "ion-segment-view"; }
     static get encapsulation() { return "shadow"; }
@@ -139,6 +144,26 @@ export class SegmentView {
                 "reflect": false,
                 "attribute": "disabled",
                 "defaultValue": "false"
+            },
+            "swipeGesture": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If `true`, users will be able to swipe the segment view to navigate between segment contents."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "swipe-gesture",
+                "defaultValue": "true"
             }
         };
     }
@@ -165,7 +190,8 @@ export class SegmentView {
                         "SegmentViewScrollEvent": {
                             "location": "import",
                             "path": "./segment-view-interface",
-                            "id": "src/components/segment-view/segment-view-interface.ts::SegmentViewScrollEvent"
+                            "id": "src/components/segment-view/segment-view-interface.ts::SegmentViewScrollEvent",
+                            "referenceLocation": "SegmentViewScrollEvent"
                         }
                     }
                 }