@ionic/core 8.7.19-dev.11772655618.1af0949f → 8.7.19-dev.11773072221.15efeed0

package/components/p-Cdm3dKWf.js

@@ -0,0 +1,108 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-DWoUQeZ3.js';
+import { c as createColorClasses, h as hostContext } from './p-DiVJyqlX.js';
+import { b as getIonMode } from './p-Bxl5etF4.js';
+
+const labelIosCss = ".item.sc-ion-label-ios-h,.item .sc-ion-label-ios-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-ios-h{color:var(--ion-color-base)}.ion-text-nowrap.sc-ion-label-ios-h{overflow:hidden}.item-interactive-disabled.sc-ion-label-ios-h:not(.item-multiple-inputs),.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-ios-h{cursor:default;opacity:0.3;pointer-events:none}.item-input.sc-ion-label-ios-h,.item-input .sc-ion-label-ios-h{-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}.item-textarea.sc-ion-label-ios-h,.item-textarea .sc-ion-label-ios-h{-ms-flex-item-align:baseline;align-self:baseline}.item-skeleton-text.sc-ion-label-ios-h,.item-skeleton-text .sc-ion-label-ios-h{overflow:hidden}.label-fixed.sc-ion-label-ios-h{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.label-stacked.sc-ion-label-ios-h,.label-floating.sc-ion-label-ios-h{margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}.label-no-animate.label-floating.sc-ion-label-ios-h{-webkit-transition:none;transition:none}.sc-ion-label-ios-s h1,.sc-ion-label-ios-s h2,.sc-ion-label-ios-s h3,.sc-ion-label-ios-s h4,.sc-ion-label-ios-s h5,.sc-ion-label-ios-s h6{text-overflow:inherit;overflow:inherit}.ion-text-wrap.sc-ion-label-ios-h{font-size:0.875rem;line-height:1.5}.label-stacked.sc-ion-label-ios-h{margin-bottom:4px;font-size:0.875rem}.label-floating.sc-ion-label-ios-h{margin-bottom:0;-webkit-transform:translate(0, 29px);transform:translate(0, 29px);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out}[dir=rtl].sc-ion-label-ios-h -no-combinator.label-floating.sc-ion-label-ios-h,[dir=rtl] .sc-ion-label-ios-h -no-combinator.label-floating.sc-ion-label-ios-h,[dir=rtl].label-floating.sc-ion-label-ios-h,[dir=rtl] .label-floating.sc-ion-label-ios-h{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.label-floating.sc-ion-label-ios-h:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.item-textarea.label-floating.sc-ion-label-ios-h,.item-textarea .label-floating.sc-ion-label-ios-h{-webkit-transform:translate(0, 28px);transform:translate(0, 28px)}.item-has-focus.label-floating.sc-ion-label-ios-h,.item-has-focus .label-floating.sc-ion-label-ios-h,.item-has-placeholder.sc-ion-label-ios-h:not(.item-input).label-floating,.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-ios-h,.item-has-value.label-floating.sc-ion-label-ios-h,.item-has-value .label-floating.sc-ion-label-ios-h{-webkit-transform:scale(0.82);transform:scale(0.82)}.sc-ion-label-ios-s h1{margin-left:0;margin-right:0;margin-top:3px;margin-bottom:2px;font-size:1.375rem;font-weight:normal}.sc-ion-label-ios-s h2{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.0625rem;font-weight:normal}.sc-ion-label-ios-s h3,.sc-ion-label-ios-s h4,.sc-ion-label-ios-s h5,.sc-ion-label-ios-s h6{margin-left:0;margin-right:0;margin-top:0;margin-bottom:3px;font-size:0.875rem;font-weight:normal;line-height:normal}.sc-ion-label-ios-s p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;line-height:normal;text-overflow:inherit;overflow:inherit}.sc-ion-label-ios-s>p{color:var(--ion-color-step-400, var(--ion-text-color-step-600, #999999))}.sc-ion-label-ios-h.in-item-color.sc-ion-label-ios-s>p{color:inherit}.sc-ion-label-ios-s h2:last-child,.sc-ion-label-ios-s h3:last-child,.sc-ion-label-ios-s h4:last-child,.sc-ion-label-ios-s h5:last-child,.sc-ion-label-ios-s h6:last-child,.sc-ion-label-ios-s p:last-child{margin-bottom:0}";
+
+const labelMdCss = ".item.sc-ion-label-md-h,.item .sc-ion-label-md-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-md-h{color:var(--ion-color-base)}.ion-text-nowrap.sc-ion-label-md-h{overflow:hidden}.item-interactive-disabled.sc-ion-label-md-h:not(.item-multiple-inputs),.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-md-h{cursor:default;opacity:0.3;pointer-events:none}.item-input.sc-ion-label-md-h,.item-input .sc-ion-label-md-h{-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}.item-textarea.sc-ion-label-md-h,.item-textarea .sc-ion-label-md-h{-ms-flex-item-align:baseline;align-self:baseline}.item-skeleton-text.sc-ion-label-md-h,.item-skeleton-text .sc-ion-label-md-h{overflow:hidden}.label-fixed.sc-ion-label-md-h{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.label-stacked.sc-ion-label-md-h,.label-floating.sc-ion-label-md-h{margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}.label-no-animate.label-floating.sc-ion-label-md-h{-webkit-transition:none;transition:none}.sc-ion-label-md-s h1,.sc-ion-label-md-s h2,.sc-ion-label-md-s h3,.sc-ion-label-md-s h4,.sc-ion-label-md-s h5,.sc-ion-label-md-s h6{text-overflow:inherit;overflow:inherit}.ion-text-wrap.sc-ion-label-md-h{line-height:1.5}.label-stacked.sc-ion-label-md-h,.label-floating.sc-ion-label-md-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-transform-origin:top left;transform-origin:top left}.label-stacked.label-rtl.sc-ion-label-md-h,.label-floating.label-rtl.sc-ion-label-md-h{-webkit-transform-origin:top right;transform-origin:top right}.label-stacked.sc-ion-label-md-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1)}.label-floating.sc-ion-label-md-h{-webkit-transform:translateY(96%);transform:translateY(96%);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}.ion-focused.label-floating.sc-ion-label-md-h,.ion-focused .label-floating.sc-ion-label-md-h,.item-has-focus.label-floating.sc-ion-label-md-h,.item-has-focus .label-floating.sc-ion-label-md-h,.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating,.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h,.item-has-value.label-floating.sc-ion-label-md-h,.item-has-value .label-floating.sc-ion-label-md-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75)}.ion-focused.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-focused .label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--ion-color-primary, #0054e9)}.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--ion-color-contrast)}.ion-invalid.ion-touched.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--highlight-color-invalid)}.sc-ion-label-md-s h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}.sc-ion-label-md-s h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;font-weight:normal}.sc-ion-label-md-s h3,.sc-ion-label-md-s h4,.sc-ion-label-md-s h5,.sc-ion-label-md-s h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:0.875rem;font-weight:normal;line-height:normal}.sc-ion-label-md-s p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;line-height:1.25rem;text-overflow:inherit;overflow:inherit}.sc-ion-label-md-s>p{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.sc-ion-label-md-h.in-item-color.sc-ion-label-md-s>p{color:inherit}";
+
+const Label = /*@__PURE__*/ proxyCustomElement(class Label extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.ionColor = createEvent(this, "ionColor", 7);
+        this.ionStyle = createEvent(this, "ionStyle", 7);
+        this.inRange = false;
+        this.noAnimate = false;
+    }
+    componentWillLoad() {
+        this.inRange = !!this.el.closest('ion-range');
+        this.noAnimate = this.position === 'floating';
+        this.emitStyle();
+        this.emitColor();
+    }
+    componentDidLoad() {
+        if (this.noAnimate) {
+            this.loadTimeout = setTimeout(() => {
+                this.noAnimate = false;
+            }, 1000);
+        }
+    }
+    disconnectedCallback() {
+        if (this.loadTimeout) {
+            clearTimeout(this.loadTimeout);
+        }
+    }
+    colorChanged() {
+        this.emitColor();
+    }
+    positionChanged() {
+        this.emitStyle();
+    }
+    emitColor() {
+        const { color } = this;
+        this.ionColor.emit({
+            'item-label-color': color !== undefined,
+            [`ion-color-${color}`]: color !== undefined,
+        });
+    }
+    emitStyle() {
+        const { inRange, position } = this;
+        // If the label is inside of a range we don't want
+        // to override the classes added by the label that
+        // is a direct child of the item
+        if (!inRange) {
+            this.ionStyle.emit({
+                label: true,
+                [`label-${position}`]: position !== undefined,
+            });
+        }
+    }
+    render() {
+        const position = this.position;
+        const mode = getIonMode(this);
+        return (h(Host, { key: 'd603670c442213c28737b0c052c094705b8c84ef', class: createColorClasses(this.color, {
+                [mode]: true,
+                'in-item-color': hostContext('ion-item.ion-color', this.el),
+                [`label-${position}`]: position !== undefined,
+                [`label-no-animate`]: this.noAnimate,
+                'label-rtl': document.dir === 'rtl',
+            }) }, h("slot", { key: 'a8c3aed240a20ee5856c423662878481a1e6d4cf' })));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "color": ["colorChanged"],
+        "position": ["positionChanged"]
+    }; }
+    static get style() { return {
+        ios: labelIosCss,
+        md: labelMdCss
+    }; }
+}, [294, "ion-label", {
+        "color": [513],
+        "position": [1],
+        "noAnimate": [32]
+    }, undefined, {
+        "color": ["colorChanged"],
+        "position": ["positionChanged"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ion-label"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ion-label":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Label);
+            }
+            break;
+    } });
+}
+
+export { Label as L, defineCustomElement as d };

package/components/p-Cl0B-RWe.js

@@ -1,4 +1,455 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{G as t}from"./p-BTEOs1at.js";const e=(t,e,n,r)=>{const s=!!o(t)&&{capture:!1,passive:!!r.passive};let i,c;return t.__zone_symbol__addEventListener?(i="__zone_symbol__addEventListener",c="__zone_symbol__removeEventListener"):(i="addEventListener",c="removeEventListener"),t[i](e,n,s),()=>{t[c](e,n,s)}},o=t=>{if(void 0===n)try{const e=Object.defineProperty({},"passive",{get:()=>{n=!0}});t.addEventListener("optsTest",(()=>{}),e)}catch(t){n=!1}return!!n};let n;const r=t=>t instanceof Document?t:t.ownerDocument,s=o=>{let n=!1,s=!1,d=!0,u=!1;const l=Object.assign({disableScroll:!1,direction:"x",gesturePriority:0,passive:!0,maxAngle:40,threshold:10},o),v=l.canStart,m=l.onWillStart,p=l.onStart,f=l.onEnd,y=l.notCaptured,h=l.onMove,_=l.threshold,b=l.passive,D=l.blurOnStart,E={type:"pan",startX:0,startY:0,startTime:0,currentX:0,currentY:0,velocityX:0,velocityY:0,deltaX:0,deltaY:0,currentTime:0,event:void 0,data:void 0},g=((t,e,o)=>{const n=o*(Math.PI/180),r="x"===t,s=Math.cos(n),i=e*e;let c=0,a=0,d=!1,u=0;return{start(t,e){c=t,a=e,u=0,d=!0},detect(t,e){if(!d)return!1;const o=t-c,n=e-a,l=o*o+n*n;if(l<i)return!1;const v=Math.sqrt(l),m=(r?o:n)/v;return u=m>s?1:m<-s?-1:0,d=!1,!0},isGesture:()=>0!==u,getDirection:()=>u}})(l.direction,l.threshold,l.maxAngle),x=t.createGesture({name:o.gestureName,priority:o.gesturePriority,disableScroll:o.disableScroll}),L=()=>{n&&(u=!1,h&&h(E))},T=()=>!!x.capture()&&(n=!0,d=!1,E.startX=E.currentX,E.startY=E.currentY,E.startTime=E.currentTime,m?m(E).then(X):X(),!0),X=()=>{D&&(()=>{if("undefined"!=typeof document){const t=document.activeElement;(null==t?void 0:t.blur)&&t.blur()}})(),p&&p(E),d=!0},Y=()=>{n=!1,s=!1,u=!1,d=!0,x.release()},j=t=>{const e=n,o=d;Y(),o&&(i(E,t),e?f&&f(E):y&&y(E))},M=((t,o,n,s,i)=>{let c,a,d,u,l,v,m,p=0;const f=r=>{p=Date.now()+2e3,o(r)&&(!a&&n&&(a=e(t,"touchmove",n,i)),d||(d=e(r.target,"touchend",h,i)),u||(u=e(r.target,"touchcancel",h,i)))},y=s=>{p>Date.now()||o(s)&&(!v&&n&&(v=e(r(t),"mousemove",n,i)),m||(m=e(r(t),"mouseup",_,i)))},h=t=>{b(),s&&s(t)},_=t=>{D(),s&&s(t)},b=()=>{a&&a(),d&&d(),u&&u(),a=d=u=void 0},D=()=>{v&&v(),m&&m(),v=m=void 0},E=()=>{b(),D()},g=(o=!0)=>{o?(c||(c=e(t,"touchstart",f,i)),l||(l=e(t,"mousedown",y,i))):(c&&c(),l&&l(),c=l=void 0,E())};return{enable:g,stop:E,destroy:()=>{g(!1),s=n=o=void 0}}})(l.el,(t=>{const e=a(t);return!(s||!d)&&(c(t,E),E.startX=E.currentX,E.startY=E.currentY,E.startTime=E.currentTime=e,E.velocityX=E.velocityY=E.deltaX=E.deltaY=0,E.event=t,(!v||!1!==v(E))&&(x.release(),!!x.start()&&(s=!0,0===_?T():(g.start(E.startX,E.startY),!0))))}),(t=>{n?!u&&d&&(u=!0,i(E,t),requestAnimationFrame(L)):(i(E,t),g.detect(E.currentX,E.currentY)&&(g.isGesture()&&T()||O()))}),j,{passive:b}),O=()=>{Y(),M.stop(),y&&y(E)};return{enable(t=!0){t||(n&&j(void 0),Y()),M.enable(t)},destroy(){x.destroy(),M.destroy()}}},i=(t,e)=>{if(!e)return;const o=t.currentX,n=t.currentY,r=t.currentTime;c(e,t);const s=t.currentX,i=t.currentY,d=(t.currentTime=a(e))-r;if(d>0&&d<100){const e=(i-n)/d;t.velocityX=(s-o)/d*.7+.3*t.velocityX,t.velocityY=.7*e+.3*t.velocityY}t.deltaX=s-t.startX,t.deltaY=i-t.startY,t.event=e},c=(t,e)=>{let o=0,n=0;if(t){const e=t.changedTouches;if(e&&e.length>0){const t=e[0];o=t.clientX,n=t.clientY}else void 0!==t.pageX&&(o=t.pageX,n=t.pageY)}e.currentX=o,e.currentY=n},a=t=>t.timeStamp||Date.now();export{t as GESTURE_CONTROLLER,s as createGesture}
+import { G as GESTURE_CONTROLLER } from './p-BTEOs1at.js';
+
+const addEventListener = (el, // TODO(FW-2832): type
+eventName, callback, opts) => {
+    // use event listener options when supported
+    // otherwise it's just a boolean for the "capture" arg
+    const listenerOpts = supportsPassive(el)
+        ? {
+            capture: false,
+            passive: !!opts.passive,
+        }
+        : false;
+    let add;
+    let remove;
+    if (el['__zone_symbol__addEventListener']) {
+        add = '__zone_symbol__addEventListener';
+        remove = '__zone_symbol__removeEventListener';
+    }
+    else {
+        add = 'addEventListener';
+        remove = 'removeEventListener';
+    }
+    el[add](eventName, callback, listenerOpts);
+    return () => {
+        el[remove](eventName, callback, listenerOpts);
+    };
+};
+const supportsPassive = (node) => {
+    if (_sPassive === undefined) {
+        try {
+            const opts = Object.defineProperty({}, 'passive', {
+                get: () => {
+                    _sPassive = true;
+                },
+            });
+            node.addEventListener('optsTest', () => {
+                return;
+            }, opts);
+        }
+        catch (e) {
+            _sPassive = false;
+        }
+    }
+    return !!_sPassive;
+};
+let _sPassive;
+
+const MOUSE_WAIT = 2000;
+// TODO(FW-2832): types
+const createPointerEvents = (el, pointerDown, pointerMove, pointerUp, options) => {
+    let rmTouchStart;
+    let rmTouchMove;
+    let rmTouchEnd;
+    let rmTouchCancel;
+    let rmMouseStart;
+    let rmMouseMove;
+    let rmMouseUp;
+    let lastTouchEvent = 0;
+    const handleTouchStart = (ev) => {
+        lastTouchEvent = Date.now() + MOUSE_WAIT;
+        if (!pointerDown(ev)) {
+            return;
+        }
+        if (!rmTouchMove && pointerMove) {
+            rmTouchMove = addEventListener(el, 'touchmove', pointerMove, options);
+        }
+        /**
+         * Events are dispatched on the element that is tapped and bubble up to
+         * the reference element in the gesture. In the event that the element this
+         * event was first dispatched on is removed from the DOM, the event will no
+         * longer bubble up to our reference element. This leaves the gesture in an
+         * unusable state. To account for this, the touchend and touchcancel listeners
+         * should be added to the event target so that they still fire even if the target
+         * is removed from the DOM.
+         */
+        if (!rmTouchEnd) {
+            rmTouchEnd = addEventListener(ev.target, 'touchend', handleTouchEnd, options);
+        }
+        if (!rmTouchCancel) {
+            rmTouchCancel = addEventListener(ev.target, 'touchcancel', handleTouchEnd, options);
+        }
+    };
+    const handleMouseDown = (ev) => {
+        if (lastTouchEvent > Date.now()) {
+            return;
+        }
+        if (!pointerDown(ev)) {
+            return;
+        }
+        if (!rmMouseMove && pointerMove) {
+            rmMouseMove = addEventListener(getDocument(el), 'mousemove', pointerMove, options);
+        }
+        if (!rmMouseUp) {
+            rmMouseUp = addEventListener(getDocument(el), 'mouseup', handleMouseUp, options);
+        }
+    };
+    const handleTouchEnd = (ev) => {
+        stopTouch();
+        if (pointerUp) {
+            pointerUp(ev);
+        }
+    };
+    const handleMouseUp = (ev) => {
+        stopMouse();
+        if (pointerUp) {
+            pointerUp(ev);
+        }
+    };
+    const stopTouch = () => {
+        if (rmTouchMove) {
+            rmTouchMove();
+        }
+        if (rmTouchEnd) {
+            rmTouchEnd();
+        }
+        if (rmTouchCancel) {
+            rmTouchCancel();
+        }
+        rmTouchMove = rmTouchEnd = rmTouchCancel = undefined;
+    };
+    const stopMouse = () => {
+        if (rmMouseMove) {
+            rmMouseMove();
+        }
+        if (rmMouseUp) {
+            rmMouseUp();
+        }
+        rmMouseMove = rmMouseUp = undefined;
+    };
+    const stop = () => {
+        stopTouch();
+        stopMouse();
+    };
+    const enable = (isEnabled = true) => {
+        if (!isEnabled) {
+            if (rmTouchStart) {
+                rmTouchStart();
+            }
+            if (rmMouseStart) {
+                rmMouseStart();
+            }
+            rmTouchStart = rmMouseStart = undefined;
+            stop();
+        }
+        else {
+            if (!rmTouchStart) {
+                rmTouchStart = addEventListener(el, 'touchstart', handleTouchStart, options);
+            }
+            if (!rmMouseStart) {
+                rmMouseStart = addEventListener(el, 'mousedown', handleMouseDown, options);
+            }
+        }
+    };
+    const destroy = () => {
+        enable(false);
+        pointerUp = pointerMove = pointerDown = undefined;
+    };
+    return {
+        enable,
+        stop,
+        destroy,
+    };
+};
+const getDocument = (node) => {
+    return node instanceof Document ? node : node.ownerDocument;
+};
+
+const createPanRecognizer = (direction, thresh, maxAngle) => {
+    const radians = maxAngle * (Math.PI / 180);
+    const isDirX = direction === 'x';
+    const maxCosine = Math.cos(radians);
+    const threshold = thresh * thresh;
+    let startX = 0;
+    let startY = 0;
+    let dirty = false;
+    let isPan = 0;
+    return {
+        start(x, y) {
+            startX = x;
+            startY = y;
+            isPan = 0;
+            dirty = true;
+        },
+        detect(x, y) {
+            if (!dirty) {
+                return false;
+            }
+            const deltaX = x - startX;
+            const deltaY = y - startY;
+            const distance = deltaX * deltaX + deltaY * deltaY;
+            if (distance < threshold) {
+                return false;
+            }
+            const hypotenuse = Math.sqrt(distance);
+            const cosine = (isDirX ? deltaX : deltaY) / hypotenuse;
+            if (cosine > maxCosine) {
+                isPan = 1;
+            }
+            else if (cosine < -maxCosine) {
+                isPan = -1;
+            }
+            else {
+                isPan = 0;
+            }
+            dirty = false;
+            return true;
+        },
+        isGesture() {
+            return isPan !== 0;
+        },
+        getDirection() {
+            return isPan;
+        },
+    };
+};
+
+// TODO(FW-2832): types
+const createGesture = (config) => {
+    let hasCapturedPan = false;
+    let hasStartedPan = false;
+    let hasFiredStart = true;
+    let isMoveQueued = false;
+    const finalConfig = Object.assign({ disableScroll: false, direction: 'x', gesturePriority: 0, passive: true, maxAngle: 40, threshold: 10 }, config);
+    const canStart = finalConfig.canStart;
+    const onWillStart = finalConfig.onWillStart;
+    const onStart = finalConfig.onStart;
+    const onEnd = finalConfig.onEnd;
+    const notCaptured = finalConfig.notCaptured;
+    const onMove = finalConfig.onMove;
+    const threshold = finalConfig.threshold;
+    const passive = finalConfig.passive;
+    const blurOnStart = finalConfig.blurOnStart;
+    const detail = {
+        type: 'pan',
+        startX: 0,
+        startY: 0,
+        startTime: 0,
+        currentX: 0,
+        currentY: 0,
+        velocityX: 0,
+        velocityY: 0,
+        deltaX: 0,
+        deltaY: 0,
+        currentTime: 0,
+        event: undefined,
+        data: undefined,
+    };
+    const pan = createPanRecognizer(finalConfig.direction, finalConfig.threshold, finalConfig.maxAngle);
+    const gesture = GESTURE_CONTROLLER.createGesture({
+        name: config.gestureName,
+        priority: config.gesturePriority,
+        disableScroll: config.disableScroll,
+    });
+    const pointerDown = (ev) => {
+        const timeStamp = now(ev);
+        if (hasStartedPan || !hasFiredStart) {
+            return false;
+        }
+        updateDetail(ev, detail);
+        detail.startX = detail.currentX;
+        detail.startY = detail.currentY;
+        detail.startTime = detail.currentTime = timeStamp;
+        detail.velocityX = detail.velocityY = detail.deltaX = detail.deltaY = 0;
+        detail.event = ev;
+        // Check if gesture can start
+        if (canStart && canStart(detail) === false) {
+            return false;
+        }
+        // Release fallback
+        gesture.release();
+        // Start gesture
+        if (!gesture.start()) {
+            return false;
+        }
+        hasStartedPan = true;
+        if (threshold === 0) {
+            return tryToCapturePan();
+        }
+        pan.start(detail.startX, detail.startY);
+        return true;
+    };
+    const pointerMove = (ev) => {
+        // fast path, if gesture is currently captured
+        // do minimum job to get user-land even dispatched
+        if (hasCapturedPan) {
+            if (!isMoveQueued && hasFiredStart) {
+                isMoveQueued = true;
+                calcGestureData(detail, ev);
+                requestAnimationFrame(fireOnMove);
+            }
+            return;
+        }
+        // gesture is currently being detected
+        calcGestureData(detail, ev);
+        if (pan.detect(detail.currentX, detail.currentY)) {
+            if (!pan.isGesture() || !tryToCapturePan()) {
+                abortGesture();
+            }
+        }
+    };
+    const fireOnMove = () => {
+        // Since fireOnMove is called inside a RAF, onEnd() might be called,
+        // we must double check hasCapturedPan
+        if (!hasCapturedPan) {
+            return;
+        }
+        isMoveQueued = false;
+        if (onMove) {
+            onMove(detail);
+        }
+    };
+    const tryToCapturePan = () => {
+        if (!gesture.capture()) {
+            return false;
+        }
+        hasCapturedPan = true;
+        hasFiredStart = false;
+        // reset start position since the real user-land event starts here
+        // If the pan detector threshold is big, not resetting the start position
+        // will cause a jump in the animation equal to the detector threshold.
+        // the array of positions used to calculate the gesture velocity does not
+        // need to be cleaned, more points in the positions array always results in a
+        // more accurate value of the velocity.
+        detail.startX = detail.currentX;
+        detail.startY = detail.currentY;
+        detail.startTime = detail.currentTime;
+        if (onWillStart) {
+            onWillStart(detail).then(fireOnStart);
+        }
+        else {
+            fireOnStart();
+        }
+        return true;
+    };
+    const blurActiveElement = () => {
+        if (typeof document !== 'undefined') {
+            const activeElement = document.activeElement;
+            if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.blur) {
+                activeElement.blur();
+            }
+        }
+    };
+    const fireOnStart = () => {
+        if (blurOnStart) {
+            blurActiveElement();
+        }
+        if (onStart) {
+            onStart(detail);
+        }
+        hasFiredStart = true;
+    };
+    const reset = () => {
+        hasCapturedPan = false;
+        hasStartedPan = false;
+        isMoveQueued = false;
+        hasFiredStart = true;
+        gesture.release();
+    };
+    // END *************************
+    const pointerUp = (ev) => {
+        const tmpHasCaptured = hasCapturedPan;
+        const tmpHasFiredStart = hasFiredStart;
+        reset();
+        if (!tmpHasFiredStart) {
+            return;
+        }
+        calcGestureData(detail, ev);
+        // Try to capture press
+        if (tmpHasCaptured) {
+            if (onEnd) {
+                onEnd(detail);
+            }
+            return;
+        }
+        // Not captured any event
+        if (notCaptured) {
+            notCaptured(detail);
+        }
+    };
+    const pointerEvents = createPointerEvents(finalConfig.el, pointerDown, pointerMove, pointerUp, {
+        passive,
+    });
+    const abortGesture = () => {
+        reset();
+        pointerEvents.stop();
+        if (notCaptured) {
+            notCaptured(detail);
+        }
+    };
+    return {
+        enable(enable = true) {
+            if (!enable) {
+                if (hasCapturedPan) {
+                    pointerUp(undefined);
+                }
+                reset();
+            }
+            pointerEvents.enable(enable);
+        },
+        destroy() {
+            gesture.destroy();
+            pointerEvents.destroy();
+        },
+    };
+};
+const calcGestureData = (detail, ev) => {
+    if (!ev) {
+        return;
+    }
+    const prevX = detail.currentX;
+    const prevY = detail.currentY;
+    const prevT = detail.currentTime;
+    updateDetail(ev, detail);
+    const currentX = detail.currentX;
+    const currentY = detail.currentY;
+    const timestamp = (detail.currentTime = now(ev));
+    const timeDelta = timestamp - prevT;
+    if (timeDelta > 0 && timeDelta < 100) {
+        const velocityX = (currentX - prevX) / timeDelta;
+        const velocityY = (currentY - prevY) / timeDelta;
+        detail.velocityX = velocityX * 0.7 + detail.velocityX * 0.3;
+        detail.velocityY = velocityY * 0.7 + detail.velocityY * 0.3;
+    }
+    detail.deltaX = currentX - detail.startX;
+    detail.deltaY = currentY - detail.startY;
+    detail.event = ev;
+};
+const updateDetail = (ev, detail) => {
+    // get X coordinates for either a mouse click
+    // or a touch depending on the given event
+    let x = 0;
+    let y = 0;
+    if (ev) {
+        const changedTouches = ev.changedTouches;
+        if (changedTouches && changedTouches.length > 0) {
+            const touch = changedTouches[0];
+            x = touch.clientX;
+            y = touch.clientY;
+        }
+        else if (ev.pageX !== undefined) {
+            x = ev.pageX;
+            y = ev.pageY;
+        }
+    }
+    detail.currentX = x;
+    detail.currentY = y;
+};
+const now = (ev) => {
+    return ev.timeStamp || Date.now();
+};
+
+export { GESTURE_CONTROLLER, createGesture };