@evance/evance-ui 1.1.9 → 1.1.11

package/dist/cjs/directives/click-outside.cjs

@@ -1,97 +0,0 @@
-"use strict";
-/*! Evance UI v1.1.9 | MIT License */
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const isFunctions = require("../util/is-functions.cjs");
-function getRoot(el) {
-  const root = el.getRootNode();
-  if (root !== document && root.getRootNode({ composed: true }) !== document) {
-    return null;
-  }
-  return root;
-}
-function isActive(e, binding) {
-  const isActiveCallback = isFunctions.isObject(binding.value) && binding.value.condition || (() => true);
-  return isActiveCallback(e);
-}
-function isEventOutside(e, el, binding) {
-  if (!e || !isActive(e, binding)) {
-    return false;
-  }
-  const root = getRoot(el);
-  if (isFunctions.isShadowRoot(root) && root.host === e.target) {
-    return false;
-  }
-  const elements = (isFunctions.isObject(binding.value) && binding.value.include || (() => []))();
-  elements.push(el);
-  return !elements.some((el2) => {
-    return el2 == null ? void 0 : el2.contains(e.target);
-  });
-}
-function onClickHandler(e, el, binding) {
-  const handler = isFunctions.isFunction(binding.value) ? binding.value : binding.value.handler;
-  if (!el.__clickOutside.wasMousedownOutside || !isEventOutside(e, el, binding)) {
-    return;
-  }
-  setTimeout(() => {
-    isActive(e, binding) && handler && handler(e);
-  }, 0);
-}
-function handleCallback(el, callback) {
-  callback(document);
-  const root = getRoot(el);
-  if (isFunctions.isShadowRoot(root)) {
-    callback(root);
-  }
-}
-const clickOutside = {
-  /**
-   * Add event listeners when the component is mounted.
-   * @param el
-   * @param binding
-   */
-  mounted(el, binding) {
-    const onClick = (e) => {
-      onClickHandler(e, el, binding);
-    };
-    const onMousedown = (e) => {
-      el.__clickOutside.wasMousedownOutside = isEventOutside(
-        e,
-        el,
-        binding
-      );
-    };
-    handleCallback(el, (app) => {
-      app.addEventListener("click", onClick, true);
-      app.addEventListener("mousedown", onMousedown, true);
-    });
-    if (!el.__clickOutside) {
-      el.__clickOutside = {
-        wasMousedownOutside: false
-      };
-    }
-    el.__clickOutside[binding.instance.$.uid] = { onClick, onMousedown };
-  },
-  /**
-   * Remove event listeners when the component is unmounted.
-   * @param el
-   * @param binding
-   */
-  unmounted(el, binding) {
-    if (!el.__clickOutside) {
-      return;
-    }
-    handleCallback(el, (app) => {
-      var _a;
-      if (!app || !((_a = el.__clickOutside) == null ? void 0 : _a[binding.instance.$.uid])) {
-        return;
-      }
-      const { onClick, onMousedown } = el.__clickOutside[binding.instance.$.uid];
-      app.removeEventListener("click", onClick, true);
-      app.removeEventListener("mousedown", onMousedown, true);
-    });
-    delete el.__clickOutside[binding.instance.$.uid];
-  }
-};
-exports.clickOutside = clickOutside;
-exports.default = clickOutside;
-//# sourceMappingURL=click-outside.cjs.map

package/dist/cjs/directives/click-outside.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"click-outside.cjs","sources":["../../../src/directives/click-outside.ts"],"sourcesContent":["import { DirectiveBinding } from \"vue\";\nimport { isFunction, isObject, isShadowRoot } from \"@/util\";\n\n/**\n * ## Click Outside Args\n *\n * Allows us to accept custom arguments from v-click-outside attributes.\n * - `handler` the function to execute\n * - `condition` an optional function which determines whether the `handler` should be called.\n *              Effectively, this allows us to pause the event.\n * - `include`  an optional array of elements to include when evaluating the click outside event.\n */\ninterface ClickOutsideArgs {\n    handler: (e: MouseEvent) => void;\n    condition?: (e: Event) => boolean;\n    include?: () => HTMLElement[];\n}\n\n/**\n * ## Click Outside Binding\n */\ninterface ClickOutsideBinding extends DirectiveBinding {\n    value: ((e: MouseEvent) => void) | ClickOutsideArgs;\n}\n\ninterface ClickOutsideHTMLElement extends HTMLElement {\n    __clickOutside?: any;\n}\n\n/**\n * # Get the actual or shadow root of an element.\n * @param el\n */\nfunction getRoot(el: HTMLElement): null | Document | ShadowRoot {\n    const root = el.getRootNode();\n    if (\n        root !== document &&\n        root.getRootNode({ composed: true }) !== document\n    ) {\n        return null;\n    }\n    return root as Document | ShadowRoot;\n}\n\n/**\n * ## Is Active?\n * Determine if the callback should be called.\n * @param e\n * @param binding\n */\nfunction isActive(e: MouseEvent, binding: ClickOutsideBinding): boolean {\n    const isActiveCallback =\n        (isObject(binding.value) &&\n            (binding.value as ClickOutsideArgs).condition) ||\n        (() => true);\n    return isActiveCallback(e);\n}\n\n/**\n * ## Is Event Outside?\n *\n * 1. Check that the event listener still wants us to trigger events (`isActive`).\n *    This helps\n *\n *\n * @param e\n * @param el\n * @param binding\n */\nfunction isEventOutside(\n    e: MouseEvent,\n    el: HTMLElement,\n    binding: ClickOutsideBinding,\n): boolean {\n    // 1 Check isActive callback\n    if (!e || !isActive(e, binding)) {\n        return false;\n    }\n    const root = getRoot(el);\n    if (isShadowRoot(root) && root.host === e.target) {\n        return false;\n    }\n    const elements = (\n        (isObject(binding.value) &&\n            (binding.value as ClickOutsideArgs).include) ||\n        (() => [])\n    )();\n    elements.push(el);\n    return !elements.some((el) => {\n        return el?.contains(e.target as Node);\n    });\n}\n\n/**\n * # On Click Handler\n *\n * @param e\n * @param el\n * @param binding\n */\nfunction onClickHandler(\n    e: MouseEvent,\n    el: ClickOutsideHTMLElement,\n    binding: ClickOutsideBinding,\n) {\n    const handler = isFunction(binding.value)\n        ? binding.value\n        : binding.value.handler;\n    if (\n        !el.__clickOutside!.wasMousedownOutside ||\n        !isEventOutside(e, el, binding)\n    ) {\n        return;\n    }\n    // setTimeout so the callback function is executed asynchronously\n    setTimeout(() => {\n        isActive(e, binding) && handler && handler(e);\n    }, 0);\n}\n\n/**\n * ## Handle Callback\n * @param el\n * @param callback\n */\nfunction handleCallback(el: HTMLElement, callback: Function): void {\n    callback(document);\n    const root = getRoot(el);\n    if (isShadowRoot(root)) {\n        callback(root);\n    }\n}\n\n/**\n * # Click Outside Directive\n *\n * There are two handlers:\n * 1. onClick - handles click events, which are triggered after...\n * 2. onMouseDown - determines if the mouse was outside before the click event finished.\n *\n * This helps us get over an issue we had previously, where mouse dragging during a click\n * caused dialogs to close unwantedly.\n */\nexport const clickOutside = {\n    /**\n     * Add event listeners when the component is mounted.\n     * @param el\n     * @param binding\n     */\n    mounted(el: ClickOutsideHTMLElement, binding: ClickOutsideBinding) {\n        const onClick = (e: Event) => {\n            onClickHandler(e as MouseEvent, el, binding);\n        };\n        const onMousedown = (e: Event) => {\n            el.__clickOutside!.wasMousedownOutside = isEventOutside(\n                e as MouseEvent,\n                el,\n                binding,\n            );\n        };\n        handleCallback(el, (app: HTMLElement) => {\n            app.addEventListener(\"click\", onClick, true);\n            app.addEventListener(\"mousedown\", onMousedown, true);\n        });\n        if (!el.__clickOutside) {\n            el.__clickOutside = {\n                wasMousedownOutside: false,\n            };\n        }\n        el.__clickOutside[binding.instance!.$.uid] = { onClick, onMousedown };\n    },\n\n    /**\n     * Remove event listeners when the component is unmounted.\n     * @param el\n     * @param binding\n     */\n    unmounted(el: ClickOutsideHTMLElement, binding: ClickOutsideBinding) {\n        if (!el.__clickOutside) {\n            return;\n        }\n        handleCallback(el, (app: HTMLElement) => {\n            if (!app || !el.__clickOutside?.[binding.instance!.$.uid]) {\n                return;\n            }\n            const { onClick, onMousedown } =\n                el.__clickOutside[binding.instance!.$.uid]!;\n            app.removeEventListener(\"click\", onClick, true);\n            app.removeEventListener(\"mousedown\", onMousedown, true);\n        });\n        delete el.__clickOutside[binding.instance!.$.uid];\n    },\n};\n\nexport default clickOutside;\n"],"names":["isObject","isShadowRoot","el","isFunction"],"mappings":";;;;AAiCA,SAAS,QAAQ,IAA+C;AACtD,QAAA,OAAO,GAAG,YAAY;AAExB,MAAA,SAAS,YACT,KAAK,YAAY,EAAE,UAAU,MAAM,MAAM,UAC3C;AACS,WAAA;AAAA,EAAA;AAEJ,SAAA;AACX;AAQA,SAAS,SAAS,GAAe,SAAuC;AAC9D,QAAA,mBACDA,qBAAS,QAAQ,KAAK,KAClB,QAAQ,MAA2B,cACvC,MAAM;AACX,SAAO,iBAAiB,CAAC;AAC7B;AAaA,SAAS,eACL,GACA,IACA,SACO;AAEP,MAAI,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,GAAG;AACtB,WAAA;AAAA,EAAA;AAEL,QAAA,OAAO,QAAQ,EAAE;AACvB,MAAIC,YAAAA,aAAa,IAAI,KAAK,KAAK,SAAS,EAAE,QAAQ;AACvC,WAAA;AAAA,EAAA;AAEL,QAAA,YACDD,qBAAS,QAAQ,KAAK,KAClB,QAAQ,MAA2B,YACvC,MAAM,CAAA,IACT;AACF,WAAS,KAAK,EAAE;AAChB,SAAO,CAAC,SAAS,KAAK,CAACE,QAAO;AACnBA,WAAAA,2BAAI,SAAS,EAAE;AAAA,EAAc,CACvC;AACL;AASA,SAAS,eACL,GACA,IACA,SACF;AACQ,QAAA,UAAUC,uBAAW,QAAQ,KAAK,IAClC,QAAQ,QACR,QAAQ,MAAM;AAEhB,MAAA,CAAC,GAAG,eAAgB,uBACpB,CAAC,eAAe,GAAG,IAAI,OAAO,GAChC;AACE;AAAA,EAAA;AAGJ,aAAW,MAAM;AACb,aAAS,GAAG,OAAO,KAAK,WAAW,QAAQ,CAAC;AAAA,KAC7C,CAAC;AACR;AAOA,SAAS,eAAe,IAAiB,UAA0B;AAC/D,WAAS,QAAQ;AACX,QAAA,OAAO,QAAQ,EAAE;AACnB,MAAAF,YAAAA,aAAa,IAAI,GAAG;AACpB,aAAS,IAAI;AAAA,EAAA;AAErB;AAYO,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxB,QAAQ,IAA6B,SAA8B;AACzD,UAAA,UAAU,CAAC,MAAa;AACX,qBAAA,GAAiB,IAAI,OAAO;AAAA,IAC/C;AACM,UAAA,cAAc,CAAC,MAAa;AAC9B,SAAG,eAAgB,sBAAsB;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA,IACJ;AACe,mBAAA,IAAI,CAAC,QAAqB;AACjC,UAAA,iBAAiB,SAAS,SAAS,IAAI;AACvC,UAAA,iBAAiB,aAAa,aAAa,IAAI;AAAA,IAAA,CACtD;AACG,QAAA,CAAC,GAAG,gBAAgB;AACpB,SAAG,iBAAiB;AAAA,QAChB,qBAAqB;AAAA,MACzB;AAAA,IAAA;AAED,OAAA,eAAe,QAAQ,SAAU,EAAE,GAAG,IAAI,EAAE,SAAS,YAAY;AAAA,EACxE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,UAAU,IAA6B,SAA8B;AAC7D,QAAA,CAAC,GAAG,gBAAgB;AACpB;AAAA,IAAA;AAEW,mBAAA,IAAI,CAAC,QAAqB;;AACjC,UAAA,CAAC,OAAO,GAAC,QAAG,mBAAH,mBAAoB,QAAQ,SAAU,EAAE,OAAM;AACvD;AAAA,MAAA;AAEE,YAAA,EAAE,SAAS,YAAY,IACzB,GAAG,eAAe,QAAQ,SAAU,EAAE,GAAG;AACzC,UAAA,oBAAoB,SAAS,SAAS,IAAI;AAC1C,UAAA,oBAAoB,aAAa,aAAa,IAAI;AAAA,IAAA,CACzD;AACD,WAAO,GAAG,eAAe,QAAQ,SAAU,EAAE,GAAG;AAAA,EAAA;AAExD;;;"}

package/dist/cjs/directives/index.cjs

@@ -1,12 +0,0 @@
-"use strict";
-/*! Evance UI v1.1.9 | MIT License */
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clickOutside = require("./click-outside.cjs");
-const intersect = require("./intersect.cjs");
-const slots = require("./slots.cjs");
-const touch = require("./touch.cjs");
-exports.clickOutside = clickOutside.clickOutside;
-exports.Intersect = intersect.Intersect;
-exports.SlotsDirective = slots.SlotsDirective;
-exports.Touch = touch.Touch;
-//# sourceMappingURL=index.cjs.map

package/dist/cjs/directives/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/cjs/directives/intersect.cjs

@@ -1,52 +0,0 @@
-"use strict";
-/*! Evance UI v1.1.9 | MIT License */
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const browser = require("../util/browser.cjs");
-function mounted(el, binding) {
-  if (!browser.Browser.supportsIntersection) {
-    return;
-  }
-  const modifiers = binding.modifiers || {};
-  const value = binding.value;
-  const { handler, options } = typeof value === "object" ? value : { handler: value, options: {} };
-  const observer = new IntersectionObserver(
-    (entries = [], observer2) => {
-      var _a;
-      const _observe = (_a = el._observe) == null ? void 0 : _a[binding.instance.$.uid];
-      if (!_observe) {
-        return;
-      }
-      const isIntersecting = entries.some(
-        (entry) => entry.isIntersecting
-      );
-      if (handler && (!modifiers.quiet || _observe.init) && (!modifiers.once || isIntersecting || _observe.init)) {
-        handler(isIntersecting, entries, observer2);
-      }
-      if (isIntersecting && modifiers.once) {
-        unmounted(el, binding);
-      } else {
-        _observe.init = true;
-      }
-    },
-    options
-  );
-  el._observe = Object(el._observe);
-  el._observe[binding.instance.$.uid] = { init: false, observer };
-  observer.observe(el);
-}
-function unmounted(el, binding) {
-  var _a;
-  const observe = (_a = el._observe) == null ? void 0 : _a[binding.instance.$.uid];
-  if (!observe) {
-    return;
-  }
-  observe.observer.unobserve(el);
-  delete el._observe[binding.instance.$.uid];
-}
-const Intersect = {
-  mounted,
-  unmounted
-};
-exports.Intersect = Intersect;
-exports.default = Intersect;
-//# sourceMappingURL=intersect.cjs.map

package/dist/cjs/directives/intersect.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"intersect.cjs","sources":["../../../src/directives/intersect.ts"],"sourcesContent":["import { DirectiveBinding } from \"vue\";\nimport { Browser } from \"@/util\";\n\ntype ObserverHandler = (\n    isIntersecting: boolean,\n    entries: IntersectionObserverEntry[],\n    observer: IntersectionObserver,\n) => void;\n\ninterface ObserveHTMLElement extends HTMLElement {\n    _observe?: { init: boolean; observer: IntersectionObserver }[];\n}\n\nexport interface ObserverDirectiveBinding\n    extends Omit<DirectiveBinding, \"modifiers\" | \"value\"> {\n    value?:\n        | ObserverHandler\n        | { handler: ObserverHandler; options?: IntersectionObserverInit };\n    modifiers: {\n        once?: boolean;\n        quiet?: boolean;\n    };\n}\n\n/**\n * # Mounted\n */\nfunction mounted(el: ObserveHTMLElement, binding: ObserverDirectiveBinding) {\n    if (!Browser.supportsIntersection) {\n        return;\n    }\n    const modifiers = binding.modifiers || {};\n    const value = binding.value;\n    const { handler, options } =\n        typeof value === \"object\" ? value : { handler: value, options: {} };\n\n    const observer = new IntersectionObserver(\n        (\n            entries: IntersectionObserverEntry[] = [],\n            observer: IntersectionObserver,\n        ) => {\n            const _observe = el._observe?.[binding.instance!.$.uid];\n            // Just in case, should never fire\n            if (!_observe) {\n                return;\n            }\n            const isIntersecting = entries.some(\n                (entry) => entry.isIntersecting,\n            );\n\n            // If is not quiet or has already been initialized, invoke the user callback\n            if (\n                handler &&\n                (!modifiers.quiet || _observe.init) &&\n                (!modifiers.once || isIntersecting || _observe.init)\n            ) {\n                handler(isIntersecting, entries, observer);\n            }\n\n            if (isIntersecting && modifiers.once) {\n                unmounted(el, binding);\n            } else {\n                _observe.init = true;\n            }\n        },\n        options,\n    );\n\n    el._observe = Object(el._observe);\n    el._observe![binding.instance!.$.uid] = { init: false, observer };\n\n    observer.observe(el);\n}\n\n/**\n * # Unmounted\n */\nfunction unmounted(el: ObserveHTMLElement, binding: ObserverDirectiveBinding) {\n    const observe = el._observe?.[binding.instance!.$.uid];\n    if (!observe) {\n        return;\n    }\n    observe.observer.unobserve(el);\n    delete el._observe![binding.instance!.$.uid];\n}\n\nexport const Intersect = {\n    mounted,\n    unmounted,\n};\n\nexport default Intersect;\n"],"names":["Browser","observer"],"mappings":";;;;AA2BA,SAAS,QAAQ,IAAwB,SAAmC;AACpE,MAAA,CAACA,gBAAQ,sBAAsB;AAC/B;AAAA,EAAA;AAEE,QAAA,YAAY,QAAQ,aAAa,CAAC;AACxC,QAAM,QAAQ,QAAQ;AACtB,QAAM,EAAE,SAAS,QAAQ,IACrB,OAAO,UAAU,WAAW,QAAQ,EAAE,SAAS,OAAO,SAAS,CAAA,EAAG;AAEtE,QAAM,WAAW,IAAI;AAAA,IACjB,CACI,UAAuC,CAAC,GACxCC,cACC;;AACD,YAAM,YAAW,QAAG,aAAH,mBAAc,QAAQ,SAAU,EAAE;AAEnD,UAAI,CAAC,UAAU;AACX;AAAA,MAAA;AAEJ,YAAM,iBAAiB,QAAQ;AAAA,QAC3B,CAAC,UAAU,MAAM;AAAA,MACrB;AAII,UAAA,YACC,CAAC,UAAU,SAAS,SAAS,UAC7B,CAAC,UAAU,QAAQ,kBAAkB,SAAS,OACjD;AACU,gBAAA,gBAAgB,SAASA,SAAQ;AAAA,MAAA;AAGzC,UAAA,kBAAkB,UAAU,MAAM;AAClC,kBAAU,IAAI,OAAO;AAAA,MAAA,OAClB;AACH,iBAAS,OAAO;AAAA,MAAA;AAAA,IAExB;AAAA,IACA;AAAA,EACJ;AAEG,KAAA,WAAW,OAAO,GAAG,QAAQ;AAC7B,KAAA,SAAU,QAAQ,SAAU,EAAE,GAAG,IAAI,EAAE,MAAM,OAAO,SAAS;AAEhE,WAAS,QAAQ,EAAE;AACvB;AAKA,SAAS,UAAU,IAAwB,SAAmC;;AAC1E,QAAM,WAAU,QAAG,aAAH,mBAAc,QAAQ,SAAU,EAAE;AAClD,MAAI,CAAC,SAAS;AACV;AAAA,EAAA;AAEI,UAAA,SAAS,UAAU,EAAE;AAC7B,SAAO,GAAG,SAAU,QAAQ,SAAU,EAAE,GAAG;AAC/C;AAEO,MAAM,YAAY;AAAA,EACrB;AAAA,EACA;AACJ;;;"}

package/dist/cjs/directives/slots.cjs

@@ -1,18 +0,0 @@
-"use strict";
-/*! Evance UI v1.1.9 | MIT License */
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const SlotsDirective = {
-  beforeMount(el, binding, vnode) {
-    const slots = binding.value || {};
-    const subComponentVNode = vnode.component;
-    if (!subComponentVNode) {
-      return;
-    }
-    Object.keys(slots).forEach((slotName) => {
-      subComponentVNode.slots[slotName] = slots[slotName];
-    });
-  }
-};
-exports.SlotsDirective = SlotsDirective;
-exports.default = SlotsDirective;
-//# sourceMappingURL=slots.cjs.map

package/dist/cjs/directives/slots.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"slots.cjs","sources":["../../../src/directives/slots.ts"],"sourcesContent":["import { DirectiveBinding } from \"vue\";\nimport { VNode } from \"vue\";\n\nexport const SlotsDirective = {\n    beforeMount(el: HTMLElement, binding: DirectiveBinding, vnode: VNode) {\n        const slots = binding.value || {};\n\n        const subComponentVNode = vnode.component;\n        if (!subComponentVNode) {\n            return;\n        }\n\n        Object.keys(slots).forEach((slotName) => {\n            subComponentVNode.slots[slotName] = slots[slotName];\n        });\n    },\n};\n\nexport default SlotsDirective;\n"],"names":[],"mappings":";;;AAGO,MAAM,iBAAiB;AAAA,EAC1B,YAAY,IAAiB,SAA2B,OAAc;AAC5D,UAAA,QAAQ,QAAQ,SAAS,CAAC;AAEhC,UAAM,oBAAoB,MAAM;AAChC,QAAI,CAAC,mBAAmB;AACpB;AAAA,IAAA;AAGJ,WAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,aAAa;AACrC,wBAAkB,MAAM,QAAQ,IAAI,MAAM,QAAQ;AAAA,IAAA,CACrD;AAAA,EAAA;AAET;;;"}

package/dist/cjs/directives/touch.cjs

@@ -1,101 +0,0 @@
-"use strict";
-/*! Evance UI v1.1.9 | MIT License */
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const helpers = require("../util/helpers.cjs");
-const handleGesture = (wrapper) => {
-  const { touchstartX, touchendX, touchstartY, touchendY } = wrapper;
-  const dirRatio = 0.5;
-  const minDistance = 16;
-  wrapper.offsetX = touchendX - touchstartX;
-  wrapper.offsetY = touchendY - touchstartY;
-  if (Math.abs(wrapper.offsetY) < dirRatio * Math.abs(wrapper.offsetX)) {
-    wrapper.left && touchendX < touchstartX - minDistance && wrapper.left(wrapper);
-    wrapper.right && touchendX > touchstartX + minDistance && wrapper.right(wrapper);
-  }
-  if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {
-    wrapper.up && touchendY < touchstartY - minDistance && wrapper.up(wrapper);
-    wrapper.down && touchendY > touchstartY + minDistance && wrapper.down(wrapper);
-  }
-};
-function touchstart(event, wrapper) {
-  var _a;
-  const touch = event.changedTouches[0];
-  wrapper.touchstartX = touch.clientX;
-  wrapper.touchstartY = touch.clientY;
-  (_a = wrapper.start) == null ? void 0 : _a.call(wrapper, { originalEvent: event, ...wrapper });
-}
-function touchend(event, wrapper) {
-  var _a;
-  const touch = event.changedTouches[0];
-  wrapper.touchendX = touch.clientX;
-  wrapper.touchendY = touch.clientY;
-  (_a = wrapper.end) == null ? void 0 : _a.call(wrapper, { originalEvent: event, ...wrapper });
-  handleGesture(wrapper);
-}
-function touchmove(event, wrapper) {
-  var _a;
-  const touch = event.changedTouches[0];
-  wrapper.touchmoveX = touch.clientX;
-  wrapper.touchmoveY = touch.clientY;
-  (_a = wrapper.move) == null ? void 0 : _a.call(wrapper, { originalEvent: event, ...wrapper });
-}
-function createHandlers(value = {}) {
-  const wrapper = {
-    touchstartX: 0,
-    touchstartY: 0,
-    touchendX: 0,
-    touchendY: 0,
-    touchmoveX: 0,
-    touchmoveY: 0,
-    offsetX: 0,
-    offsetY: 0,
-    left: value.left,
-    right: value.right,
-    up: value.up,
-    down: value.down,
-    start: value.start,
-    move: value.move,
-    end: value.end
-  };
-  return {
-    touchstart: (e) => touchstart(e, wrapper),
-    touchend: (e) => touchend(e, wrapper),
-    touchmove: (e) => touchmove(e, wrapper)
-  };
-}
-function mounted(el, binding) {
-  var _a;
-  const value = binding.value;
-  const target = (value == null ? void 0 : value.parent) ? el.parentElement : el;
-  const options = (value == null ? void 0 : value.options) ?? { passive: true };
-  const uid = (_a = binding.instance) == null ? void 0 : _a.$.uid;
-  if (!target || !uid) {
-    return;
-  }
-  const handlers = createHandlers(binding.value);
-  target._touchHandlers = target._touchHandlers ?? /* @__PURE__ */ Object.create(null);
-  target._touchHandlers[uid] = handlers;
-  helpers.keys(handlers).forEach((eventName) => {
-    target.addEventListener(eventName, handlers[eventName], options);
-  });
-}
-function unmounted(el, binding) {
-  var _a, _b;
-  const target = ((_a = binding.value) == null ? void 0 : _a.parent) ? el.parentElement : el;
-  const uid = (_b = binding.instance) == null ? void 0 : _b.$.uid;
-  if (!(target == null ? void 0 : target._touchHandlers) || !uid) {
-    return;
-  }
-  const handlers = target._touchHandlers[uid];
-  helpers.keys(handlers).forEach((eventName) => {
-    target.removeEventListener(eventName, handlers[eventName]);
-  });
-  delete target._touchHandlers[uid];
-}
-const Touch = {
-  mounted,
-  unmounted
-};
-exports.Touch = Touch;
-exports.default = Touch;
-//# sourceMappingURL=touch.cjs.map

package/dist/cjs/directives/touch.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"touch.cjs","sources":["../../../src/directives/touch.ts"],"sourcesContent":["// Utilities\nimport { keys } from \"@/util\";\n\n// Types\nimport type { DirectiveBinding } from \"vue\";\n\nexport interface TouchHandlers {\n    start?: (wrapperEvent: { originalEvent: TouchEvent } & TouchData) => void;\n    end?: (wrapperEvent: { originalEvent: TouchEvent } & TouchData) => void;\n    move?: (wrapperEvent: { originalEvent: TouchEvent } & TouchData) => void;\n    left?: (wrapper: TouchData) => void;\n    right?: (wrapper: TouchData) => void;\n    up?: (wrapper: TouchData) => void;\n    down?: (wrapper: TouchData) => void;\n}\n\nexport interface TouchData {\n    touchstartX: number;\n    touchstartY: number;\n    touchmoveX: number;\n    touchmoveY: number;\n    touchendX: number;\n    touchendY: number;\n    offsetX: number;\n    offsetY: number;\n}\n\nexport type TouchWrapper = TouchHandlers & TouchData;\n\nexport interface TouchValue extends TouchHandlers {\n    parent?: boolean;\n    options?: AddEventListenerOptions;\n}\n\nexport interface TouchStoredHandlers {\n    touchstart: (e: TouchEvent) => void;\n    touchend: (e: TouchEvent) => void;\n    touchmove: (e: TouchEvent) => void;\n}\n\nexport interface TouchDirectiveBinding extends Omit<DirectiveBinding, \"value\"> {\n    value?: TouchValue;\n}\n\nconst handleGesture = (wrapper: TouchWrapper) => {\n    const { touchstartX, touchendX, touchstartY, touchendY } = wrapper;\n    const dirRatio = 0.5;\n    const minDistance = 16;\n    wrapper.offsetX = touchendX - touchstartX;\n    wrapper.offsetY = touchendY - touchstartY;\n\n    if (Math.abs(wrapper.offsetY) < dirRatio * Math.abs(wrapper.offsetX)) {\n        wrapper.left &&\n            touchendX < touchstartX - minDistance &&\n            wrapper.left(wrapper);\n        wrapper.right &&\n            touchendX > touchstartX + minDistance &&\n            wrapper.right(wrapper);\n    }\n\n    if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {\n        wrapper.up &&\n            touchendY < touchstartY - minDistance &&\n            wrapper.up(wrapper);\n        wrapper.down &&\n            touchendY > touchstartY + minDistance &&\n            wrapper.down(wrapper);\n    }\n};\n\n/**\n * # touchstart\n * @param event\n * @param wrapper\n */\nfunction touchstart(event: TouchEvent, wrapper: TouchWrapper) {\n    const touch = event.changedTouches[0];\n    wrapper.touchstartX = touch.clientX;\n    wrapper.touchstartY = touch.clientY;\n\n    wrapper.start?.({ originalEvent: event, ...wrapper });\n}\n\n/**\n * # touchend\n * @param event\n * @param wrapper\n */\nfunction touchend(event: TouchEvent, wrapper: TouchWrapper) {\n    const touch = event.changedTouches[0];\n    wrapper.touchendX = touch.clientX;\n    wrapper.touchendY = touch.clientY;\n\n    wrapper.end?.({ originalEvent: event, ...wrapper });\n\n    handleGesture(wrapper);\n}\n\n/**\n * # touchmove\n * @param event\n * @param wrapper\n */\nfunction touchmove(event: TouchEvent, wrapper: TouchWrapper) {\n    const touch = event.changedTouches[0];\n    wrapper.touchmoveX = touch.clientX;\n    wrapper.touchmoveY = touch.clientY;\n\n    wrapper.move?.({ originalEvent: event, ...wrapper });\n}\n\n/**\n * # createHandlers\n * @param value\n */\nfunction createHandlers(value: TouchHandlers = {}): TouchStoredHandlers {\n    const wrapper = {\n        touchstartX: 0,\n        touchstartY: 0,\n        touchendX: 0,\n        touchendY: 0,\n        touchmoveX: 0,\n        touchmoveY: 0,\n        offsetX: 0,\n        offsetY: 0,\n        left: value.left,\n        right: value.right,\n        up: value.up,\n        down: value.down,\n        start: value.start,\n        move: value.move,\n        end: value.end,\n    };\n\n    return {\n        touchstart: (e: TouchEvent) => touchstart(e, wrapper),\n        touchend: (e: TouchEvent) => touchend(e, wrapper),\n        touchmove: (e: TouchEvent) => touchmove(e, wrapper),\n    };\n}\n\ntype TouchableElement = HTMLElement & {\n    _touchHandlers?: { [key: string | number]: TouchStoredHandlers };\n};\n\nfunction mounted(el: TouchableElement, binding: TouchDirectiveBinding) {\n    const value = binding.value;\n    const target = (value?.parent ? el.parentElement : el) as TouchableElement;\n    const options = value?.options ?? { passive: true };\n    const uid = binding.instance?.$.uid; // TODO: use custom uid generator\n\n    if (!target || !uid) {\n        return;\n    }\n\n    const handlers = createHandlers(binding.value);\n\n    target._touchHandlers = target._touchHandlers ?? Object.create(null);\n    target._touchHandlers![uid] = handlers;\n\n    keys(handlers).forEach((eventName) => {\n        target.addEventListener(eventName, handlers[eventName], options);\n    });\n}\n\nfunction unmounted(el: HTMLElement, binding: TouchDirectiveBinding) {\n    const target = (\n        binding.value?.parent ? el.parentElement : el\n    ) as TouchableElement;\n    const uid = binding.instance?.$.uid;\n\n    if (!target?._touchHandlers || !uid) {\n        return;\n    }\n\n    const handlers = target._touchHandlers[uid];\n\n    keys(handlers).forEach((eventName) => {\n        target.removeEventListener(eventName, handlers[eventName]);\n    });\n\n    delete target._touchHandlers[uid];\n}\n\nexport const Touch = {\n    mounted,\n    unmounted,\n};\n\nexport default Touch;\n"],"names":["keys"],"mappings":"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"}