@ionic/core 8.8.19-dev.11786610762.137bbb21 → 8.8.19-dev.11786730389.1a1927bf

package/dist/cjs/ion-segment-content.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C1knGA9x.js');
+var index = require('./index-uvry__L4.js');
 
 const segmentContentCss = () => `:host{scroll-snap-align:center;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%;min-height:1px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;}:host::-webkit-scrollbar{display:none}`;
 
@@ -12,7 +12,7 @@ const SegmentContent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '2f43cadcbcb1a9423b30e7abc169ff923a8c431f' }, index.h("slot", { key: 'c3a6d3e9c336f5124cdec9f37ef516324558073c' })));
+        return (index.h(index.Host, { key: 'ef39f29c444177c3b083cd35680ba891e4bb6a2a' }, index.h("slot", { key: '51f9dd9ca084ddd928b376aa9d716509669c32b2' })));
     }
 };
 SegmentContent.style = segmentContentCss();

package/dist/cjs/ion-segment-view.cjs.entry.js

@@ -3,10 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-C1knGA9x.js');
-var dir = require('./dir-Cn0z1rJH.js');
-
-const ionicSegmentViewMdCss = () => `:host{display:-ms-flexbox;display:flex;height:100%;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.segment-view-disabled),:host(.segment-view-swipe-disabled){-ms-touch-action:none;touch-action:none;overflow-x:hidden}:host(.segment-view-scroll-disabled){pointer-events:none}:host(.segment-view-disabled){opacity:0.3}`;
+var index = require('./index-uvry__L4.js');
+var dir = require('./dir-Brx7VkvP.js');
 
 const segmentViewIosCss = () => `:host{display:-ms-flexbox;display:flex;height:100%;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.segment-view-disabled),:host(.segment-view-swipe-disabled){-ms-touch-action:none;touch-action:none;overflow-x:hidden}:host(.segment-view-scroll-disabled){pointer-events:none}:host(.segment-view-disabled){opacity:0.3}`;
 
@@ -16,32 +14,37 @@ const SegmentView = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.ionSegmentViewScroll = index.createEvent(this, "ionSegmentViewScroll", 7);
-        this.scrollEndTimeout = null;
-        this.isTouching = false;
-        /**
-         * 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;
     }
+    scrollEndTimeout = null;
+    isTouching = false;
+    get el() { return index.getElement(this); }
+    /**
+     * If `true`, the segment view cannot be interacted with.
+     */
+    disabled = false;
+    /**
+     * If `true`, users will be able to swipe the segment view to navigate between segment contents.
+     */
+    swipeGesture = true;
+    /**
+     * @internal
+     *
+     * If `true`, the segment view is scrollable.
+     * If `false`, pointer events will be disabled. This is to prevent issues with
+     * quickly scrolling after interacting with a segment button.
+     */
+    isManualScroll;
+    /**
+     * Emitted when the segment view is scrolled.
+     */
+    ionSegmentViewScroll;
     handleScroll(ev) {
-        var _a;
         const { scrollLeft, scrollWidth, clientWidth } = ev.target;
         const max = scrollWidth - clientWidth;
-        // When only one content item is present max is 0 — skip to avoid NaN/Infinity scrollRatio.
-        // Still reset the timeout so isManualScroll isn't cleared prematurely if setContent
-        // started the timer and a stray scroll event arrives on a non-overflowing element.
-        if (max <= 0) {
-            this.resetScrollEndTimeout();
-            return;
-        }
         const scrollRatio = (dir.isRTL(this.el) ? -1 : 1) * (scrollLeft / max);
         this.ionSegmentViewScroll.emit({
             scrollRatio,
-            isManualScroll: (_a = this.isManualScroll) !== null && _a !== void 0 ? _a : true,
+            isManualScroll: this.isManualScroll ?? true,
         });
         // Reset the timeout to check for scroll end
         this.resetScrollEndTimeout();
@@ -121,16 +124,14 @@ const SegmentView = class {
     }
     render() {
         const { disabled, isManualScroll, swipeGesture } = this;
-        return (index.h(index.Host, { key: '8d1aa594c5674bca376ee3e9b18b60b0925dd875', class: {
+        return (index.h(index.Host, { key: 'a6c6ac0232c4bb6f2a954b3de7993019d71f423a', class: {
                 'segment-view-disabled': disabled,
                 'segment-view-scroll-disabled': isManualScroll === false,
                 'segment-view-swipe-disabled': swipeGesture === false,
-            } }, index.h("slot", { key: '6375fa794ae615b74a70968718aadefa0a9fc1d6' })));
+            } }, index.h("slot", { key: '386305be2a75069c79def12005d9f6b49276763f' })));
     }
-    get el() { return index.getElement(this); }
 };
 SegmentView.style = {
-    ionic: ionicSegmentViewMdCss(),
     ios: segmentViewIosCss(),
     md: segmentViewMdCss()
 };