kdutify 2.6.0 → 2.7.2

package/lib/directives/ripple/index.js

@@ -1,41 +1,30 @@
 // Styles
-import "..\\..\\..\\src\\directives\\ripple\\KRipple.sass"; // Utilities
-
+import "..\\..\\..\\src\\directives\\ripple\\KRipple.sass";
+// Utilities
 import { consoleWarn } from '../../util/console';
 import { keyCodes } from '../../util/helpers';
 const DELAY_RIPPLE = 80;
-
 function transform(el, value) {
   el.style.transform = value;
   el.style.webkitTransform = value;
 }
-
-function opacity(el, value) {
-  el.style.opacity = value.toString();
-}
-
 function isTouchEvent(e) {
   return e.constructor.name === 'TouchEvent';
 }
-
 function isKeyboardEvent(e) {
   return e.constructor.name === 'KeyboardEvent';
 }
-
 const calculate = (e, el, value = {}) => {
   let localX = 0;
   let localY = 0;
-
   if (!isKeyboardEvent(e)) {
     const offset = el.getBoundingClientRect();
     const target = isTouchEvent(e) ? e.touches[e.touches.length - 1] : e;
     localX = target.clientX - offset.left;
     localY = target.clientY - offset.top;
   }
-
   let radius = 0;
   let scale = 0.3;
-
   if (el._ripple && el._ripple.circle) {
     scale = 0.15;
     radius = el.clientWidth / 2;
@@ -43,7 +32,6 @@ const calculate = (e, el, value = {}) => {
   } else {
     radius = Math.sqrt(el.clientWidth ** 2 + el.clientHeight ** 2) / 2;
   }
-
   const centerX = `${(el.clientWidth - radius * 2) / 2}px`;
   const centerY = `${(el.clientHeight - radius * 2) / 2}px`;
   const x = value.center ? centerX : `${localX - radius}px`;
@@ -57,23 +45,19 @@ const calculate = (e, el, value = {}) => {
     centerY
   };
 };
-
 const ripples = {
   /* eslint-disable max-statements */
   show(e, el, value = {}) {
     if (!el._ripple || !el._ripple.enabled) {
       return;
     }
-
     const container = document.createElement('span');
     const animation = document.createElement('span');
     container.appendChild(animation);
     container.className = 'k-ripple__container';
-
     if (value.class) {
       container.className += ` ${value.class}`;
     }
-
     const {
       radius,
       scale,
@@ -88,25 +72,20 @@ const ripples = {
     animation.style.height = size;
     el.appendChild(container);
     const computed = window.getComputedStyle(el);
-
     if (computed && computed.position === 'static') {
       el.style.position = 'relative';
       el.dataset.previousPosition = 'static';
     }
-
     animation.classList.add('k-ripple__animation--enter');
     animation.classList.add('k-ripple__animation--visible');
     transform(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`);
-    opacity(animation, 0);
     animation.dataset.activated = String(performance.now());
     setTimeout(() => {
       animation.classList.remove('k-ripple__animation--enter');
       animation.classList.add('k-ripple__animation--in');
       transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
-      opacity(animation, 0.25);
     }, 0);
   },
-
   hide(el) {
     if (!el || !el._ripple || !el._ripple.enabled) return;
     const ripples = el.getElementsByClassName('k-ripple__animation');
@@ -118,33 +97,27 @@ const ripples = {
     setTimeout(() => {
       animation.classList.remove('k-ripple__animation--in');
       animation.classList.add('k-ripple__animation--out');
-      opacity(animation, 0);
       setTimeout(() => {
+        var _a;
         const ripples = el.getElementsByClassName('k-ripple__animation');
-
         if (ripples.length === 1 && el.dataset.previousPosition) {
           el.style.position = el.dataset.previousPosition;
           delete el.dataset.previousPosition;
         }
-
-        animation.parentNode && el.removeChild(animation.parentNode);
+        if (((_a = animation.parentNode) === null || _a === void 0 ? void 0 : _a.parentNode) === el) el.removeChild(animation.parentNode);
       }, 300);
     }, delay);
   }
-
 };
-
 function isRippleEnabled(value) {
   return typeof value === 'undefined' || !!value;
 }
-
 function rippleShow(e) {
   const value = {};
   const element = e.currentTarget;
-  if (!element || !element._ripple || element._ripple.touched || e.rippleStop) return; // Don't allow the event to trigger ripples on any other elements
-
+  if (!element || !element._ripple || element._ripple.touched || e.rippleStop) return;
+  // Don't allow the event to trigger ripples on any other elements
   e.rippleStop = true;
-
   if (isTouchEvent(e)) {
     element._ripple.touched = true;
     element._ripple.isTouch = true;
@@ -155,25 +128,19 @@ function rippleShow(e) {
     // already been registered as touch
     if (element._ripple.isTouch) return;
   }
-
   value.center = element._ripple.centered || isKeyboardEvent(e);
-
   if (element._ripple.class) {
     value.class = element._ripple.class;
   }
-
   if (isTouchEvent(e)) {
     // already queued that shows or hides the ripple
     if (element._ripple.showTimerCommit) return;
-
     element._ripple.showTimerCommit = () => {
       ripples.show(e, element, value);
     };
-
     element._ripple.showTimer = window.setTimeout(() => {
       if (element && element._ripple && element._ripple.showTimerCommit) {
         element._ripple.showTimerCommit();
-
         element._ripple.showTimerCommit = null;
       }
     }, DELAY_RIPPLE);
@@ -181,24 +148,21 @@ function rippleShow(e) {
     ripples.show(e, element, value);
   }
 }
-
 function rippleHide(e) {
   const element = e.currentTarget;
   if (!element || !element._ripple) return;
-  window.clearTimeout(element._ripple.showTimer); // The touch interaction occurs before the show timer is triggered.
+  window.clearTimeout(element._ripple.showTimer);
+  // The touch interaction occurs before the show timer is triggered.
   // We still want to show ripple effect.
-
   if (e.type === 'touchend' && element._ripple.showTimerCommit) {
     element._ripple.showTimerCommit();
-
-    element._ripple.showTimerCommit = null; // re-queue ripple hiding
-
+    element._ripple.showTimerCommit = null;
+    // re-queue ripple hiding
     element._ripple.showTimer = setTimeout(() => {
       rippleHide(e);
     });
     return;
   }
-
   window.setTimeout(() => {
     if (element._ripple) {
       element._ripple.touched = false;
@@ -206,62 +170,48 @@ function rippleHide(e) {
   });
   ripples.hide(element);
 }
-
 function rippleCancelShow(e) {
   const element = e.currentTarget;
   if (!element || !element._ripple) return;
-
   if (element._ripple.showTimerCommit) {
     element._ripple.showTimerCommit = null;
   }
-
   window.clearTimeout(element._ripple.showTimer);
 }
-
 let keyboardRipple = false;
-
 function keyboardRippleShow(e) {
   if (!keyboardRipple && (e.keyCode === keyCodes.enter || e.keyCode === keyCodes.space)) {
     keyboardRipple = true;
     rippleShow(e);
   }
 }
-
 function keyboardRippleHide(e) {
   keyboardRipple = false;
   rippleHide(e);
 }
-
 function focusRippleHide(e) {
   if (keyboardRipple === true) {
     keyboardRipple = false;
     rippleHide(e);
   }
 }
-
 function updateRipple(el, binding, wasEnabled) {
   const enabled = isRippleEnabled(binding.value);
-
   if (!enabled) {
     ripples.hide(el);
   }
-
   el._ripple = el._ripple || {};
   el._ripple.enabled = enabled;
   const value = binding.value || {};
-
   if (value.center) {
     el._ripple.centered = true;
   }
-
   if (value.class) {
     el._ripple.class = binding.value.class;
   }
-
   if (value.circle) {
     el._ripple.circle = value.circle;
   }
-
   if (enabled && !wasEnabled) {
     el.addEventListener('touchstart', rippleShow, {
       passive: true
@@ -278,8 +228,8 @@ function updateRipple(el, binding, wasEnabled) {
     el.addEventListener('mouseleave', rippleHide);
     el.addEventListener('keydown', keyboardRippleShow);
     el.addEventListener('keyup', keyboardRippleHide);
-    el.addEventListener('blur', focusRippleHide); // Anchor tags can be dragged, causes other hides to fail - #1537
-
+    el.addEventListener('blur', focusRippleHide);
+    // Anchor tags can be dragged, causes other hides to fail - #1537
     el.addEventListener('dragstart', rippleHide, {
       passive: true
     });
@@ -287,7 +237,6 @@ function updateRipple(el, binding, wasEnabled) {
     removeListeners(el);
   }
 }
-
 function removeListeners(el) {
   el.removeEventListener('mousedown', rippleShow);
   el.removeEventListener('touchstart', rippleShow);
@@ -301,15 +250,12 @@ function removeListeners(el) {
   el.removeEventListener('dragstart', rippleHide);
   el.removeEventListener('blur', focusRippleHide);
 }
-
 function directive(el, binding, node) {
   updateRipple(el, binding, false);
-
   if (process.env.NODE_ENV === 'development') {
     // warn if an inline element is used, waiting for el to be in the DOM first
     node.context && node.context.$nextTick(() => {
       const computed = window.getComputedStyle(el);
-
       if (computed && computed.display === 'inline') {
         const context = node.fnOptions ? [node.fnOptions, node.context] : [node.componentInstance];
         consoleWarn('k-ripple can only be used on block-level elements', ...context);
@@ -317,21 +263,17 @@ function directive(el, binding, node) {
     });
   }
 }
-
 function unbind(el) {
   delete el._ripple;
   removeListeners(el);
 }
-
 function update(el, binding) {
   if (binding.value === binding.oldValue) {
     return;
   }
-
   const wasEnabled = isRippleEnabled(binding.oldValue);
   updateRipple(el, binding, wasEnabled);
 }
-
 export const Ripple = {
   bind: directive,
   unbind,

package/lib/directives/ripple/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/ripple/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KRipple.sass'\n\n// Utilities\nimport { consoleWarn } from '../../util/console'\nimport { keyCodes } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeDirective } from 'kdu'\n\ntype KdutifyRippleEvent = (MouseEvent | TouchEvent | KeyboardEvent) & { rippleStop?: boolean }\n\nconst DELAY_RIPPLE = 80\n\nfunction transform (el: HTMLElement, value: string) {\n  el.style.transform = value\n  el.style.webkitTransform = value\n}\n\nfunction opacity (el: HTMLElement, value: number) {\n  el.style.opacity = value.toString()\n}\n\nexport interface RippleOptions {\n  class?: string\n  center?: boolean\n  circle?: boolean\n}\n\nfunction isTouchEvent (e: KdutifyRippleEvent): e is TouchEvent {\n  return e.constructor.name === 'TouchEvent'\n}\n\nfunction isKeyboardEvent (e: KdutifyRippleEvent): e is KeyboardEvent {\n  return e.constructor.name === 'KeyboardEvent'\n}\n\nconst calculate = (\n  e: KdutifyRippleEvent,\n  el: HTMLElement,\n  value: RippleOptions = {}\n) => {\n  let localX = 0\n  let localY = 0\n\n  if (!isKeyboardEvent(e)) {\n    const offset = el.getBoundingClientRect()\n    const target = isTouchEvent(e) ? e.touches[e.touches.length - 1] : e\n\n    localX = target.clientX - offset.left\n    localY = target.clientY - offset.top\n  }\n\n  let radius = 0\n  let scale = 0.3\n  if (el._ripple && el._ripple.circle) {\n    scale = 0.15\n    radius = el.clientWidth / 2\n    radius = value.center ? radius : radius + Math.sqrt((localX - radius) ** 2 + (localY - radius) ** 2) / 4\n  } else {\n    radius = Math.sqrt(el.clientWidth ** 2 + el.clientHeight ** 2) / 2\n  }\n\n  const centerX = `${(el.clientWidth - (radius * 2)) / 2}px`\n  const centerY = `${(el.clientHeight - (radius * 2)) / 2}px`\n\n  const x = value.center ? centerX : `${localX - radius}px`\n  const y = value.center ? centerY : `${localY - radius}px`\n\n  return { radius, scale, x, y, centerX, centerY }\n}\n\nconst ripples = {\n  /* eslint-disable max-statements */\n  show (\n    e: KdutifyRippleEvent,\n    el: HTMLElement,\n    value: RippleOptions = {}\n  ) {\n    if (!el._ripple || !el._ripple.enabled) {\n      return\n    }\n\n    const container = document.createElement('span')\n    const animation = document.createElement('span')\n\n    container.appendChild(animation)\n    container.className = 'k-ripple__container'\n\n    if (value.class) {\n      container.className += ` ${value.class}`\n    }\n\n    const { radius, scale, x, y, centerX, centerY } = calculate(e, el, value)\n\n    const size = `${radius * 2}px`\n    animation.className = 'k-ripple__animation'\n    animation.style.width = size\n    animation.style.height = size\n\n    el.appendChild(container)\n\n    const computed = window.getComputedStyle(el)\n    if (computed && computed.position === 'static') {\n      el.style.position = 'relative'\n      el.dataset.previousPosition = 'static'\n    }\n\n    animation.classList.add('k-ripple__animation--enter')\n    animation.classList.add('k-ripple__animation--visible')\n    transform(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`)\n    opacity(animation, 0)\n    animation.dataset.activated = String(performance.now())\n\n    setTimeout(() => {\n      animation.classList.remove('k-ripple__animation--enter')\n      animation.classList.add('k-ripple__animation--in')\n      transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`)\n      opacity(animation, 0.25)\n    }, 0)\n  },\n\n  hide (el: HTMLElement | null) {\n    if (!el || !el._ripple || !el._ripple.enabled) return\n\n    const ripples = el.getElementsByClassName('k-ripple__animation')\n\n    if (ripples.length === 0) return\n    const animation = ripples[ripples.length - 1]\n\n    if (animation.dataset.isHiding) return\n    else animation.dataset.isHiding = 'true'\n\n    const diff = performance.now() - Number(animation.dataset.activated)\n    const delay = Math.max(250 - diff, 0)\n\n    setTimeout(() => {\n      animation.classList.remove('k-ripple__animation--in')\n      animation.classList.add('k-ripple__animation--out')\n      opacity(animation, 0)\n\n      setTimeout(() => {\n        const ripples = el.getElementsByClassName('k-ripple__animation')\n        if (ripples.length === 1 && el.dataset.previousPosition) {\n          el.style.position = el.dataset.previousPosition\n          delete el.dataset.previousPosition\n        }\n\n        animation.parentNode && el.removeChild(animation.parentNode)\n      }, 300)\n    }, delay)\n  },\n}\n\nfunction isRippleEnabled (value: any): value is true {\n  return typeof value === 'undefined' || !!value\n}\n\nfunction rippleShow (e: KdutifyRippleEvent) {\n  const value: RippleOptions = {}\n  const element = e.currentTarget as HTMLElement\n\n  if (!element || !element._ripple || element._ripple.touched || e.rippleStop) return\n\n  // Don't allow the event to trigger ripples on any other elements\n  e.rippleStop = true\n\n  if (isTouchEvent(e)) {\n    element._ripple.touched = true\n    element._ripple.isTouch = true\n  } else {\n    // It's possible for touch events to fire\n    // as mouse events on Android/iOS, this\n    // will skip the event call if it has\n    // already been registered as touch\n    if (element._ripple.isTouch) return\n  }\n  value.center = element._ripple.centered || isKeyboardEvent(e)\n  if (element._ripple.class) {\n    value.class = element._ripple.class\n  }\n\n  if (isTouchEvent(e)) {\n    // already queued that shows or hides the ripple\n    if (element._ripple.showTimerCommit) return\n\n    element._ripple.showTimerCommit = () => {\n      ripples.show(e, element, value)\n    }\n    element._ripple.showTimer = window.setTimeout(() => {\n      if (element && element._ripple && element._ripple.showTimerCommit) {\n        element._ripple.showTimerCommit()\n        element._ripple.showTimerCommit = null\n      }\n    }, DELAY_RIPPLE)\n  } else {\n    ripples.show(e, element, value)\n  }\n}\n\nfunction rippleHide (e: Event) {\n  const element = e.currentTarget as HTMLElement | null\n  if (!element || !element._ripple) return\n\n  window.clearTimeout(element._ripple.showTimer)\n\n  // The touch interaction occurs before the show timer is triggered.\n  // We still want to show ripple effect.\n  if (e.type === 'touchend' && element._ripple.showTimerCommit) {\n    element._ripple.showTimerCommit()\n    element._ripple.showTimerCommit = null\n\n    // re-queue ripple hiding\n    element._ripple.showTimer = setTimeout(() => {\n      rippleHide(e)\n    })\n    return\n  }\n\n  window.setTimeout(() => {\n    if (element._ripple) {\n      element._ripple.touched = false\n    }\n  })\n  ripples.hide(element)\n}\n\nfunction rippleCancelShow (e: MouseEvent | TouchEvent) {\n  const element = e.currentTarget as HTMLElement | undefined\n\n  if (!element || !element._ripple) return\n\n  if (element._ripple.showTimerCommit) {\n    element._ripple.showTimerCommit = null\n  }\n\n  window.clearTimeout(element._ripple.showTimer)\n}\n\nlet keyboardRipple = false\n\nfunction keyboardRippleShow (e: KeyboardEvent) {\n  if (!keyboardRipple && (e.keyCode === keyCodes.enter || e.keyCode === keyCodes.space)) {\n    keyboardRipple = true\n    rippleShow(e)\n  }\n}\n\nfunction keyboardRippleHide (e: KeyboardEvent) {\n  keyboardRipple = false\n  rippleHide(e)\n}\n\nfunction focusRippleHide (e: FocusEvent) {\n  if (keyboardRipple === true) {\n    keyboardRipple = false\n    rippleHide(e)\n  }\n}\n\nfunction updateRipple (el: HTMLElement, binding: KNodeDirective, wasEnabled: boolean) {\n  const enabled = isRippleEnabled(binding.value)\n  if (!enabled) {\n    ripples.hide(el)\n  }\n  el._ripple = el._ripple || {}\n  el._ripple.enabled = enabled\n  const value = binding.value || {}\n  if (value.center) {\n    el._ripple.centered = true\n  }\n  if (value.class) {\n    el._ripple.class = binding.value.class\n  }\n  if (value.circle) {\n    el._ripple.circle = value.circle\n  }\n  if (enabled && !wasEnabled) {\n    el.addEventListener('touchstart', rippleShow, { passive: true })\n    el.addEventListener('touchend', rippleHide, { passive: true })\n    el.addEventListener('touchmove', rippleCancelShow, { passive: true })\n    el.addEventListener('touchcancel', rippleHide)\n\n    el.addEventListener('mousedown', rippleShow)\n    el.addEventListener('mouseup', rippleHide)\n    el.addEventListener('mouseleave', rippleHide)\n\n    el.addEventListener('keydown', keyboardRippleShow)\n    el.addEventListener('keyup', keyboardRippleHide)\n\n    el.addEventListener('blur', focusRippleHide)\n\n    // Anchor tags can be dragged, causes other hides to fail - #1537\n    el.addEventListener('dragstart', rippleHide, { passive: true })\n  } else if (!enabled && wasEnabled) {\n    removeListeners(el)\n  }\n}\n\nfunction removeListeners (el: HTMLElement) {\n  el.removeEventListener('mousedown', rippleShow)\n  el.removeEventListener('touchstart', rippleShow)\n  el.removeEventListener('touchend', rippleHide)\n  el.removeEventListener('touchmove', rippleCancelShow)\n  el.removeEventListener('touchcancel', rippleHide)\n  el.removeEventListener('mouseup', rippleHide)\n  el.removeEventListener('mouseleave', rippleHide)\n  el.removeEventListener('keydown', keyboardRippleShow)\n  el.removeEventListener('keyup', keyboardRippleHide)\n  el.removeEventListener('dragstart', rippleHide)\n  el.removeEventListener('blur', focusRippleHide)\n}\n\nfunction directive (el: HTMLElement, binding: KNodeDirective, node: KNode) {\n  updateRipple(el, binding, false)\n\n  if (process.env.NODE_ENV === 'development') {\n    // warn if an inline element is used, waiting for el to be in the DOM first\n    node.context && node.context.$nextTick(() => {\n      const computed = window.getComputedStyle(el)\n      if (computed && computed.display === 'inline') {\n        const context = (node as any).fnOptions ? [(node as any).fnOptions, node.context] : [node.componentInstance]\n        consoleWarn('k-ripple can only be used on block-level elements', ...context)\n      }\n    })\n  }\n}\n\nfunction unbind (el: HTMLElement) {\n  delete el._ripple\n  removeListeners(el)\n}\n\nfunction update (el: HTMLElement, binding: KNodeDirective) {\n  if (binding.value === binding.oldValue) {\n    return\n  }\n\n  const wasEnabled = isRippleEnabled(binding.oldValue)\n  updateRipple(el, binding, wasEnabled)\n}\n\nexport const Ripple = {\n  bind: directive,\n  unbind,\n  update,\n}\n\nexport default Ripple\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/ripple/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KRipple.sass'\n\n// Utilities\nimport { consoleWarn } from '../../util/console'\nimport { keyCodes } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeDirective } from 'kdu'\n\ntype KdutifyRippleEvent = (MouseEvent | TouchEvent | KeyboardEvent) & { rippleStop?: boolean }\n\nconst DELAY_RIPPLE = 80\n\nfunction transform (el: HTMLElement, value: string) {\n  el.style.transform = value\n  el.style.webkitTransform = value\n}\n\nexport interface RippleOptions {\n  class?: string\n  center?: boolean\n  circle?: boolean\n}\n\nfunction isTouchEvent (e: KdutifyRippleEvent): e is TouchEvent {\n  return e.constructor.name === 'TouchEvent'\n}\n\nfunction isKeyboardEvent (e: KdutifyRippleEvent): e is KeyboardEvent {\n  return e.constructor.name === 'KeyboardEvent'\n}\n\nconst calculate = (\n  e: KdutifyRippleEvent,\n  el: HTMLElement,\n  value: RippleOptions = {}\n) => {\n  let localX = 0\n  let localY = 0\n\n  if (!isKeyboardEvent(e)) {\n    const offset = el.getBoundingClientRect()\n    const target = isTouchEvent(e) ? e.touches[e.touches.length - 1] : e\n\n    localX = target.clientX - offset.left\n    localY = target.clientY - offset.top\n  }\n\n  let radius = 0\n  let scale = 0.3\n  if (el._ripple && el._ripple.circle) {\n    scale = 0.15\n    radius = el.clientWidth / 2\n    radius = value.center ? radius : radius + Math.sqrt((localX - radius) ** 2 + (localY - radius) ** 2) / 4\n  } else {\n    radius = Math.sqrt(el.clientWidth ** 2 + el.clientHeight ** 2) / 2\n  }\n\n  const centerX = `${(el.clientWidth - (radius * 2)) / 2}px`\n  const centerY = `${(el.clientHeight - (radius * 2)) / 2}px`\n\n  const x = value.center ? centerX : `${localX - radius}px`\n  const y = value.center ? centerY : `${localY - radius}px`\n\n  return { radius, scale, x, y, centerX, centerY }\n}\n\nconst ripples = {\n  /* eslint-disable max-statements */\n  show (\n    e: KdutifyRippleEvent,\n    el: HTMLElement,\n    value: RippleOptions = {}\n  ) {\n    if (!el._ripple || !el._ripple.enabled) {\n      return\n    }\n\n    const container = document.createElement('span')\n    const animation = document.createElement('span')\n\n    container.appendChild(animation)\n    container.className = 'k-ripple__container'\n\n    if (value.class) {\n      container.className += ` ${value.class}`\n    }\n\n    const { radius, scale, x, y, centerX, centerY } = calculate(e, el, value)\n\n    const size = `${radius * 2}px`\n    animation.className = 'k-ripple__animation'\n    animation.style.width = size\n    animation.style.height = size\n\n    el.appendChild(container)\n\n    const computed = window.getComputedStyle(el)\n    if (computed && computed.position === 'static') {\n      el.style.position = 'relative'\n      el.dataset.previousPosition = 'static'\n    }\n\n    animation.classList.add('k-ripple__animation--enter')\n    animation.classList.add('k-ripple__animation--visible')\n    transform(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`)\n    animation.dataset.activated = String(performance.now())\n\n    setTimeout(() => {\n      animation.classList.remove('k-ripple__animation--enter')\n      animation.classList.add('k-ripple__animation--in')\n      transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`)\n    }, 0)\n  },\n\n  hide (el: HTMLElement | null) {\n    if (!el || !el._ripple || !el._ripple.enabled) return\n\n    const ripples = el.getElementsByClassName('k-ripple__animation')\n\n    if (ripples.length === 0) return\n    const animation = ripples[ripples.length - 1]\n\n    if (animation.dataset.isHiding) return\n    else animation.dataset.isHiding = 'true'\n\n    const diff = performance.now() - Number(animation.dataset.activated)\n    const delay = Math.max(250 - diff, 0)\n\n    setTimeout(() => {\n      animation.classList.remove('k-ripple__animation--in')\n      animation.classList.add('k-ripple__animation--out')\n\n      setTimeout(() => {\n        const ripples = el.getElementsByClassName('k-ripple__animation')\n        if (ripples.length === 1 && el.dataset.previousPosition) {\n          el.style.position = el.dataset.previousPosition\n          delete el.dataset.previousPosition\n        }\n\n        if (animation.parentNode?.parentNode === el) el.removeChild(animation.parentNode)\n      }, 300)\n    }, delay)\n  },\n}\n\nfunction isRippleEnabled (value: any): value is true {\n  return typeof value === 'undefined' || !!value\n}\n\nfunction rippleShow (e: KdutifyRippleEvent) {\n  const value: RippleOptions = {}\n  const element = e.currentTarget as HTMLElement\n\n  if (!element || !element._ripple || element._ripple.touched || e.rippleStop) return\n\n  // Don't allow the event to trigger ripples on any other elements\n  e.rippleStop = true\n\n  if (isTouchEvent(e)) {\n    element._ripple.touched = true\n    element._ripple.isTouch = true\n  } else {\n    // It's possible for touch events to fire\n    // as mouse events on Android/iOS, this\n    // will skip the event call if it has\n    // already been registered as touch\n    if (element._ripple.isTouch) return\n  }\n  value.center = element._ripple.centered || isKeyboardEvent(e)\n  if (element._ripple.class) {\n    value.class = element._ripple.class\n  }\n\n  if (isTouchEvent(e)) {\n    // already queued that shows or hides the ripple\n    if (element._ripple.showTimerCommit) return\n\n    element._ripple.showTimerCommit = () => {\n      ripples.show(e, element, value)\n    }\n    element._ripple.showTimer = window.setTimeout(() => {\n      if (element && element._ripple && element._ripple.showTimerCommit) {\n        element._ripple.showTimerCommit()\n        element._ripple.showTimerCommit = null\n      }\n    }, DELAY_RIPPLE)\n  } else {\n    ripples.show(e, element, value)\n  }\n}\n\nfunction rippleHide (e: Event) {\n  const element = e.currentTarget as HTMLElement | null\n  if (!element || !element._ripple) return\n\n  window.clearTimeout(element._ripple.showTimer)\n\n  // The touch interaction occurs before the show timer is triggered.\n  // We still want to show ripple effect.\n  if (e.type === 'touchend' && element._ripple.showTimerCommit) {\n    element._ripple.showTimerCommit()\n    element._ripple.showTimerCommit = null\n\n    // re-queue ripple hiding\n    element._ripple.showTimer = setTimeout(() => {\n      rippleHide(e)\n    })\n    return\n  }\n\n  window.setTimeout(() => {\n    if (element._ripple) {\n      element._ripple.touched = false\n    }\n  })\n  ripples.hide(element)\n}\n\nfunction rippleCancelShow (e: MouseEvent | TouchEvent) {\n  const element = e.currentTarget as HTMLElement | undefined\n\n  if (!element || !element._ripple) return\n\n  if (element._ripple.showTimerCommit) {\n    element._ripple.showTimerCommit = null\n  }\n\n  window.clearTimeout(element._ripple.showTimer)\n}\n\nlet keyboardRipple = false\n\nfunction keyboardRippleShow (e: KeyboardEvent) {\n  if (!keyboardRipple && (e.keyCode === keyCodes.enter || e.keyCode === keyCodes.space)) {\n    keyboardRipple = true\n    rippleShow(e)\n  }\n}\n\nfunction keyboardRippleHide (e: KeyboardEvent) {\n  keyboardRipple = false\n  rippleHide(e)\n}\n\nfunction focusRippleHide (e: FocusEvent) {\n  if (keyboardRipple === true) {\n    keyboardRipple = false\n    rippleHide(e)\n  }\n}\n\nfunction updateRipple (el: HTMLElement, binding: KNodeDirective, wasEnabled: boolean) {\n  const enabled = isRippleEnabled(binding.value)\n  if (!enabled) {\n    ripples.hide(el)\n  }\n  el._ripple = el._ripple || {}\n  el._ripple.enabled = enabled\n  const value = binding.value || {}\n  if (value.center) {\n    el._ripple.centered = true\n  }\n  if (value.class) {\n    el._ripple.class = binding.value.class\n  }\n  if (value.circle) {\n    el._ripple.circle = value.circle\n  }\n  if (enabled && !wasEnabled) {\n    el.addEventListener('touchstart', rippleShow, { passive: true })\n    el.addEventListener('touchend', rippleHide, { passive: true })\n    el.addEventListener('touchmove', rippleCancelShow, { passive: true })\n    el.addEventListener('touchcancel', rippleHide)\n\n    el.addEventListener('mousedown', rippleShow)\n    el.addEventListener('mouseup', rippleHide)\n    el.addEventListener('mouseleave', rippleHide)\n\n    el.addEventListener('keydown', keyboardRippleShow)\n    el.addEventListener('keyup', keyboardRippleHide)\n\n    el.addEventListener('blur', focusRippleHide)\n\n    // Anchor tags can be dragged, causes other hides to fail - #1537\n    el.addEventListener('dragstart', rippleHide, { passive: true })\n  } else if (!enabled && wasEnabled) {\n    removeListeners(el)\n  }\n}\n\nfunction removeListeners (el: HTMLElement) {\n  el.removeEventListener('mousedown', rippleShow)\n  el.removeEventListener('touchstart', rippleShow)\n  el.removeEventListener('touchend', rippleHide)\n  el.removeEventListener('touchmove', rippleCancelShow)\n  el.removeEventListener('touchcancel', rippleHide)\n  el.removeEventListener('mouseup', rippleHide)\n  el.removeEventListener('mouseleave', rippleHide)\n  el.removeEventListener('keydown', keyboardRippleShow)\n  el.removeEventListener('keyup', keyboardRippleHide)\n  el.removeEventListener('dragstart', rippleHide)\n  el.removeEventListener('blur', focusRippleHide)\n}\n\nfunction directive (el: HTMLElement, binding: KNodeDirective, node: KNode) {\n  updateRipple(el, binding, false)\n\n  if (process.env.NODE_ENV === 'development') {\n    // warn if an inline element is used, waiting for el to be in the DOM first\n    node.context && node.context.$nextTick(() => {\n      const computed = window.getComputedStyle(el)\n      if (computed && computed.display === 'inline') {\n        const context = (node as any).fnOptions ? [(node as any).fnOptions, node.context] : [node.componentInstance]\n        consoleWarn('k-ripple can only be used on block-level elements', ...context)\n      }\n    })\n  }\n}\n\nfunction unbind (el: HTMLElement) {\n  delete el._ripple\n  removeListeners(el)\n}\n\nfunction update (el: HTMLElement, binding: KNodeDirective) {\n  if (binding.value === binding.oldValue) {\n    return\n  }\n\n  const wasEnabled = isRippleEnabled(binding.oldValue)\n  updateRipple(el, binding, wasEnabled)\n}\n\nexport const Ripple = {\n  bind: directive,\n  unbind,\n  update,\n}\n\nexport default Ripple\n"],"sourceRoot":"","file":"index.js"}

package/lib/directives/scroll/index.js

@@ -18,11 +18,9 @@ function inserted(el, binding, knode) {
     target: self ? undefined : target
   };
 }
-
 function unbind(el, binding, knode) {
-  var _el$_onScroll;
-
-  if (!((_el$_onScroll = el._onScroll) != null && _el$_onScroll[knode.context._uid])) return;
+  var _a;
+  if (!((_a = el._onScroll) === null || _a === void 0 ? void 0 : _a[knode.context._uid])) return;
   const {
     handler,
     options,
@@ -31,7 +29,6 @@ function unbind(el, binding, knode) {
   target.removeEventListener('scroll', handler, options);
   delete el._onScroll[knode.context._uid];
 }
-
 export const Scroll = {
   inserted,
   unbind

package/lib/directives/scroll/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/scroll/index.ts"],"names":[],"mappings":"AAaA,SAAS,QAAT,CAAmB,EAAnB,EAAoC,OAApC,EAAmE,KAAnE,EAA+E;AAC7E,QAAM;AAAE,IAAA,IAAI,GAAG;AAAT,MAAmB,OAAO,CAAC,SAAR,IAAqB,EAA9C;AACA,QAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;AACA,QAAM,OAAO,GAAI,OAAO,KAAP,KAAiB,QAAjB,IAA6B,KAAK,CAAC,OAApC,IAAgD;AAAE,IAAA,OAAO,EAAE;AAAX,GAAhE;AACA,QAAM,OAAO,GAAG,OAAO,KAAP,KAAiB,UAAjB,IAA+B,iBAAiB,KAAhD,GAAwD,KAAxD,GAAgE,KAAK,CAAC,OAAtF;AAEA,QAAM,MAAM,GAAG,IAAI,GACf,EADe,GAEf,OAAO,CAAC,GAAR,GACE,QAAQ,CAAC,aAAT,CAAuB,OAAO,CAAC,GAA/B,CADF,GAEE,MAJN;AAMA,MAAI,CAAC,MAAL,EAAa;AAEb,EAAA,MAAM,CAAC,gBAAP,CAAwB,QAAxB,EAAkC,OAAlC,EAA2C,OAA3C;AAEA,EAAA,EAAE,CAAC,SAAH,GAAe,MAAM,CAAC,EAAE,CAAC,SAAJ,CAArB;AACA,EAAA,EAAE,CAAC,SAAH,CAAc,KAAK,CAAC,OAAN,CAAe,IAA7B,IAAqC;AACnC,IAAA,OADmC;AAEnC,IAAA,OAFmC;AAGnC;AACA,IAAA,MAAM,EAAE,IAAI,GAAG,SAAH,GAAe;AAJQ,GAArC;AAMD;;AAED,SAAS,MAAT,CAAiB,EAAjB,EAAkC,OAAlC,EAAiE,KAAjE,EAA6E;AAAA;;AAC3E,MAAI,mBAAC,EAAE,CAAC,SAAJ,aAAC,cAAe,KAAK,CAAC,OAAN,CAAe,IAA9B,CAAD,CAAJ,EAA0C;AAE1C,QAAM;AAAE,IAAA,OAAF;AAAW,IAAA,OAAX;AAAoB,IAAA,MAAM,GAAG;AAA7B,MAAoC,EAAE,CAAC,SAAH,CAAa,KAAK,CAAC,OAAN,CAAe,IAA5B,CAA1C;AAEA,EAAA,MAAM,CAAC,mBAAP,CAA2B,QAA3B,EAAqC,OAArC,EAA8C,OAA9C;AACA,SAAO,EAAE,CAAC,SAAH,CAAa,KAAK,CAAC,OAAN,CAAe,IAA5B,CAAP;AACD;;AAED,OAAO,MAAM,MAAM,GAAG;AACpB,EAAA,QADoB;AAEpB,EAAA;AAFoB,CAAf;AAKP,eAAe,MAAf","sourcesContent":["import { KNodeDirective } from 'kdu/types/knode'\nimport { DirectiveOptions, KNode } from 'kdu'\n\ninterface ScrollKNodeDirective extends Omit<KNodeDirective, 'modifiers'> {\n  value: EventListener | {\n    handler: EventListener\n    options?: boolean | AddEventListenerOptions\n  } | EventListenerObject & { options?: boolean | AddEventListenerOptions }\n  modifiers?: {\n    self?: boolean\n  }\n}\n\nfunction inserted (el: HTMLElement, binding: ScrollKNodeDirective, knode: KNode) {\n  const { self = false } = binding.modifiers || {}\n  const value = binding.value\n  const options = (typeof value === 'object' && value.options) || { passive: true }\n  const handler = typeof value === 'function' || 'handleEvent' in value ? value : value.handler\n\n  const target = self\n    ? el\n    : binding.arg\n      ? document.querySelector(binding.arg)\n      : window\n\n  if (!target) return\n\n  target.addEventListener('scroll', handler, options)\n\n  el._onScroll = Object(el._onScroll)\n  el._onScroll![knode.context!._uid] = {\n    handler,\n    options,\n    // Don't reference self\n    target: self ? undefined : target,\n  }\n}\n\nfunction unbind (el: HTMLElement, binding: ScrollKNodeDirective, knode: KNode) {\n  if (!el._onScroll?.[knode.context!._uid]) return\n\n  const { handler, options, target = el } = el._onScroll[knode.context!._uid]!\n\n  target.removeEventListener('scroll', handler, options)\n  delete el._onScroll[knode.context!._uid]\n}\n\nexport const Scroll = {\n  inserted,\n  unbind,\n} as DirectiveOptions\n\nexport default Scroll\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/scroll/index.ts"],"names":[],"mappings":"AAaA,SAAS,QAAQ,CAAE,EAAe,EAAE,OAA6B,EAAE,KAAY,EAAA;EAC7E,MAAM;IAAE,IAAI,GAAG;EAAK,CAAE,GAAG,OAAO,CAAC,SAAS,IAAI,CAAA,CAAE;EAChD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK;EAC3B,MAAM,OAAO,GAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,IAAK;IAAE,OAAO,EAAE;EAAI,CAAE;EACjF,MAAM,OAAO,GAAG,OAAO,KAAK,KAAK,UAAU,IAAI,aAAa,IAAI,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,OAAO;EAE7F,MAAM,MAAM,GAAG,IAAI,GACf,EAAE,GACF,OAAO,CAAC,GAAG,GACT,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,GACnC,MAAM;EAEZ,IAAI,CAAC,MAAM,EAAE;EAEb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC;EAEnD,EAAE,CAAC,SAAS,GAAG,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC;EACnC,EAAE,CAAC,SAAU,CAAC,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAC,GAAG;IACnC,OAAO;IACP,OAAO;IACP;IACA,MAAM,EAAE,IAAI,GAAG,SAAS,GAAG;GAC5B;AACH;AAEA,SAAS,MAAM,CAAE,EAAe,EAAE,OAA6B,EAAE,KAAY,EAAA;;EAC3E,IAAI,EAAC,CAAA,EAAA,GAAA,EAAE,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAC,CAAA,EAAE;EAE1C,MAAM;IAAE,OAAO;IAAE,OAAO;IAAE,MAAM,GAAG;EAAE,CAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAE;EAE5E,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC;EACtD,OAAO,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAC;AAC1C;AAEA,OAAO,MAAM,MAAM,GAAG;EACpB,QAAQ;EACR;CACmB;AAErB,eAAe,MAAM","sourcesContent":["import { KNodeDirective } from 'kdu/types/knode'\nimport { DirectiveOptions, KNode } from 'kdu'\n\ninterface ScrollKNodeDirective extends Omit<KNodeDirective, 'modifiers'> {\n  value: EventListener | {\n    handler: EventListener\n    options?: boolean | AddEventListenerOptions\n  } | EventListenerObject & { options?: boolean | AddEventListenerOptions }\n  modifiers?: {\n    self?: boolean\n  }\n}\n\nfunction inserted (el: HTMLElement, binding: ScrollKNodeDirective, knode: KNode) {\n  const { self = false } = binding.modifiers || {}\n  const value = binding.value\n  const options = (typeof value === 'object' && value.options) || { passive: true }\n  const handler = typeof value === 'function' || 'handleEvent' in value ? value : value.handler\n\n  const target = self\n    ? el\n    : binding.arg\n      ? document.querySelector(binding.arg)\n      : window\n\n  if (!target) return\n\n  target.addEventListener('scroll', handler, options)\n\n  el._onScroll = Object(el._onScroll)\n  el._onScroll![knode.context!._uid] = {\n    handler,\n    options,\n    // Don't reference self\n    target: self ? undefined : target,\n  }\n}\n\nfunction unbind (el: HTMLElement, binding: ScrollKNodeDirective, knode: KNode) {\n  if (!el._onScroll?.[knode.context!._uid]) return\n\n  const { handler, options, target = el } = el._onScroll[knode.context!._uid]!\n\n  target.removeEventListener('scroll', handler, options)\n  delete el._onScroll[knode.context!._uid]\n}\n\nexport const Scroll = {\n  inserted,\n  unbind,\n} as DirectiveOptions\n\nexport default Scroll\n"],"sourceRoot":"","file":"index.js"}

package/lib/directives/touch/index.js

@@ -1,5 +1,4 @@
 import { keys } from '../../util/helpers';
-
 const handleGesture = wrapper => {
   const {
     touchstartX,
@@ -11,25 +10,21 @@ const handleGesture = wrapper => {
   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) {
   const touch = event.changedTouches[0];
   wrapper.touchstartX = touch.clientX;
   wrapper.touchstartY = touch.clientY;
   wrapper.start && wrapper.start(Object.assign(event, wrapper));
 }
-
 function touchend(event, wrapper) {
   const touch = event.changedTouches[0];
   wrapper.touchendX = touch.clientX;
@@ -37,14 +32,12 @@ function touchend(event, wrapper) {
   wrapper.end && wrapper.end(Object.assign(event, wrapper));
   handleGesture(wrapper);
 }
-
 function touchmove(event, wrapper) {
   const touch = event.changedTouches[0];
   wrapper.touchmoveX = touch.clientX;
   wrapper.touchmoveY = touch.clientY;
   wrapper.move && wrapper.move(Object.assign(event, wrapper));
 }
-
 function createHandlers(value) {
   const wrapper = {
     touchstartX: 0,
@@ -69,14 +62,13 @@ function createHandlers(value) {
     touchmove: e => touchmove(e, wrapper)
   };
 }
-
 function inserted(el, binding, knode) {
   const value = binding.value;
   const target = value.parent ? el.parentElement : el;
   const options = value.options || {
     passive: true
-  }; // Needed to pass unit tests
-
+  };
+  // Needed to pass unit tests
   if (!target) return;
   const handlers = createHandlers(binding.value);
   target._touchHandlers = Object(target._touchHandlers);
@@ -85,7 +77,6 @@ function inserted(el, binding, knode) {
     target.addEventListener(eventName, handlers[eventName], options);
   });
 }
-
 function unbind(el, binding, knode) {
   const target = binding.value.parent ? el.parentElement : el;
   if (!target || !target._touchHandlers) return;
@@ -95,7 +86,6 @@ function unbind(el, binding, knode) {
   });
   delete target._touchHandlers[knode.context._uid];
 }
-
 export const Touch = {
   inserted,
   unbind

package/lib/directives/touch/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/touch/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { KNodeDirective, KNode } from 'kdu/types/knode'\nimport { keys } from '../../util/helpers'\nimport { TouchHandlers, TouchValue, TouchWrapper } from 'kdutify/types'\n\nexport interface TouchStoredHandlers {\n  touchstart: (e: TouchEvent) => void\n  touchend: (e: TouchEvent) => void\n  touchmove: (e: TouchEvent) => void\n}\n\ninterface TouchKNodeDirective extends KNodeDirective {\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 && (touchendX < touchstartX - minDistance) && wrapper.left(wrapper)\n    wrapper.right && (touchendX > touchstartX + minDistance) && wrapper.right(wrapper)\n  }\n\n  if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {\n    wrapper.up && (touchendY < touchstartY - minDistance) && wrapper.up(wrapper)\n    wrapper.down && (touchendY > touchstartY + minDistance) && wrapper.down(wrapper)\n  }\n}\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 &&\n    wrapper.start(Object.assign(event, wrapper))\n}\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 &&\n    wrapper.end(Object.assign(event, wrapper))\n\n  handleGesture(wrapper)\n}\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 && wrapper.move(Object.assign(event, wrapper))\n}\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\nfunction inserted (el: HTMLElement, binding: TouchKNodeDirective, knode: KNode) {\n  const value = binding.value!\n  const target = value.parent ? el.parentElement : el\n  const options = value.options || { passive: true }\n\n  // Needed to pass unit tests\n  if (!target) return\n\n  const handlers = createHandlers(binding.value!)\n  target._touchHandlers = Object(target._touchHandlers)\n  target._touchHandlers![knode.context!._uid] = handlers\n\n  keys(handlers).forEach(eventName => {\n    target.addEventListener(eventName, handlers[eventName] as EventListener, options)\n  })\n}\n\nfunction unbind (el: HTMLElement, binding: TouchKNodeDirective, knode: KNode) {\n  const target = binding.value!.parent ? el.parentElement : el\n  if (!target || !target._touchHandlers) return\n\n  const handlers = target._touchHandlers[knode.context!._uid]\n  keys(handlers).forEach(eventName => {\n    target.removeEventListener(eventName, handlers[eventName])\n  })\n  delete target._touchHandlers[knode.context!._uid]\n}\n\nexport const Touch = {\n  inserted,\n  unbind,\n}\n\nexport default Touch\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/touch/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { KNodeDirective, KNode } from 'kdu/types/knode'\nimport { keys } from '../../util/helpers'\nimport { TouchHandlers, TouchValue, TouchWrapper } from 'kdutify/types'\n\nexport interface TouchStoredHandlers {\n  touchstart: (e: TouchEvent) => void\n  touchend: (e: TouchEvent) => void\n  touchmove: (e: TouchEvent) => void\n}\n\ninterface TouchKNodeDirective extends KNodeDirective {\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 && (touchendX < touchstartX - minDistance) && wrapper.left(wrapper)\n    wrapper.right && (touchendX > touchstartX + minDistance) && wrapper.right(wrapper)\n  }\n\n  if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {\n    wrapper.up && (touchendY < touchstartY - minDistance) && wrapper.up(wrapper)\n    wrapper.down && (touchendY > touchstartY + minDistance) && wrapper.down(wrapper)\n  }\n}\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 &&\n    wrapper.start(Object.assign(event, wrapper))\n}\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 &&\n    wrapper.end(Object.assign(event, wrapper))\n\n  handleGesture(wrapper)\n}\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 && wrapper.move(Object.assign(event, wrapper))\n}\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\nfunction inserted (el: HTMLElement, binding: TouchKNodeDirective, knode: KNode) {\n  const value = binding.value!\n  const target = value.parent ? el.parentElement : el\n  const options = value.options || { passive: true }\n\n  // Needed to pass unit tests\n  if (!target) return\n\n  const handlers = createHandlers(binding.value!)\n  target._touchHandlers = Object(target._touchHandlers)\n  target._touchHandlers![knode.context!._uid] = handlers\n\n  keys(handlers).forEach(eventName => {\n    target.addEventListener(eventName, handlers[eventName] as EventListener, options)\n  })\n}\n\nfunction unbind (el: HTMLElement, binding: TouchKNodeDirective, knode: KNode) {\n  const target = binding.value!.parent ? el.parentElement : el\n  if (!target || !target._touchHandlers) return\n\n  const handlers = target._touchHandlers[knode.context!._uid]\n  keys(handlers).forEach(eventName => {\n    target.removeEventListener(eventName, handlers[eventName])\n  })\n  delete target._touchHandlers[knode.context!._uid]\n}\n\nexport const Touch = {\n  inserted,\n  unbind,\n}\n\nexport default Touch\n"],"sourceRoot":"","file":"index.js"}

package/lib/framework.js

@@ -1,5 +1,5 @@
-import { install } from './install'; // Services
-
+import { install } from './install';
+// Services
 import * as services from './services';
 export default class Kdutify {
   constructor(userPreset = {}) {
@@ -17,36 +17,33 @@ export default class Kdutify {
     this.use(services.Icons);
     this.use(services.Lang);
     this.use(services.Theme);
-  } // Called on the new kdutify instance
+  }
+  // Called on the new kdutify instance
   // bootstrap in install beforeCreate
   // Exposes ssrContext if available
-
-
   init(root, ssrContext) {
     this.installed.forEach(property => {
       const service = this.framework[property];
       service.framework = this.framework;
       service.init(root, ssrContext);
-    }); // rtl is not installed and
+    });
+    // rtl is not installed and
     // will never be called by
     // the init process
-
     this.framework.rtl = Boolean(this.preset.rtl);
-  } // Instantiate a KdutifyService
-
-
+  }
+  // Instantiate a KdutifyService
   use(Service) {
     const property = Service.property;
-    if (this.installed.includes(property)) return; // TODO maybe a specific type for arg 2?
-
+    if (this.installed.includes(property)) return;
+    // TODO maybe a specific type for arg 2?
     this.framework[property] = new Service(this.preset, this);
     this.installed.push(property);
   }
-
 }
 Kdutify.install = install;
 Kdutify.installed = false;
-Kdutify.version = "2.6.0";
+Kdutify.version = "2.7.2-0";
 Kdutify.config = {
   silent: false
 };