kdutify 2.6.1 → 2.7.2

package/lib/mixins/menuable/index.js

@@ -2,13 +2,12 @@
 import Stackable from '../stackable';
 import { factory as positionableFactory } from '../positionable';
 import Activatable from '../activatable';
-import Detachable from '../detachable'; // Utilities
-
+import Detachable from '../detachable';
+// Utilities
 import mixins from '../../util/mixins';
 import { convertToUnit } from '../../util/helpers';
 const baseMixins = mixins(Stackable, positionableFactory(['top', 'right', 'bottom', 'left', 'absolute']), Activatable, Detachable);
 /* @kdujs/component */
-
 export default baseMixins.extend().extend({
   name: 'menuable',
   props: {
@@ -41,7 +40,6 @@ export default baseMixins.extend().extend({
       default: 0
     },
     offsetOverflow: Boolean,
-    openOnClick: Boolean,
     positionX: {
       type: Number,
       default: null
@@ -101,18 +99,16 @@ export default baseMixins.extend().extend({
       const activatorLeft = (this.attach !== false ? a.offsetLeft : a.left) || 0;
       const minWidth = Math.max(a.width, c.width);
       let left = 0;
-      left += this.left ? activatorLeft - (minWidth - a.width) : activatorLeft;
-
+      left += activatorLeft;
+      if (this.left || this.$kdutify.rtl && !this.right) left -= minWidth - a.width;
       if (this.offsetX) {
         const maxWidth = isNaN(Number(this.maxWidth)) ? a.width : Math.min(a.width, Number(this.maxWidth));
         left += this.left ? -maxWidth : a.width;
       }
-
       if (this.nudgeLeft) left -= parseInt(this.nudgeLeft);
       if (this.nudgeRight) left += parseInt(this.nudgeRight);
       return left;
     },
-
     computedTop() {
       const a = this.dimensions.activator;
       const c = this.dimensions.content;
@@ -124,44 +120,35 @@ export default baseMixins.extend().extend({
       if (this.nudgeBottom) top += parseInt(this.nudgeBottom);
       return top;
     },
-
     hasActivator() {
       return !!this.$slots.activator || !!this.$scopedSlots.activator || !!this.activator || !!this.inputActivator;
     },
-
     absoluteYOffset() {
       return this.pageYOffset - this.relativeYOffset;
     }
-
   },
   watch: {
     disabled(val) {
       val && this.callDeactivate();
     },
-
     isActive(val) {
       if (this.disabled) return;
       val ? this.callActivate() : this.callDeactivate();
     },
-
     positionX: 'updateDimensions',
     positionY: 'updateDimensions'
   },
-
   beforeMount() {
     this.hasWindow = typeof window !== 'undefined';
-
     if (this.hasWindow) {
       window.addEventListener('resize', this.updateDimensions, false);
     }
   },
-
   beforeDestroy() {
     if (this.hasWindow) {
       window.removeEventListener('resize', this.updateDimensions, false);
     }
   },
-
   methods: {
     absolutePosition() {
       return {
@@ -176,116 +163,100 @@ export default baseMixins.extend().extend({
         width: 0
       };
     },
-
     activate() {},
-
     calcLeft(menuWidth) {
       return convertToUnit(this.attach !== false ? this.computedLeft : this.calcXOverflow(this.computedLeft, menuWidth));
     },
-
     calcTop() {
       return convertToUnit(this.attach !== false ? this.computedTop : this.calcYOverflow(this.computedTop));
     },
-
     calcXOverflow(left, menuWidth) {
       const xOverflow = left + menuWidth - this.pageWidth + 12;
-
       if ((!this.left || this.right) && xOverflow > 0) {
         left = Math.max(left - xOverflow, 0);
       } else {
         left = Math.max(left, 12);
       }
-
       return left + this.getOffsetLeft();
     },
-
     calcYOverflow(top) {
       const documentHeight = this.getInnerHeight();
       const toTop = this.absoluteYOffset + documentHeight;
       const activator = this.dimensions.activator;
       const contentHeight = this.dimensions.content.height;
       const totalHeight = top + contentHeight;
-      const isOverflowing = toTop < totalHeight; // If overflowing bottom and offset
+      const isOverflowing = toTop < totalHeight;
+      // If overflowing bottom and offset
       // TODO: set 'bottom' position instead of 'top'
-
-      if (isOverflowing && this.offsetOverflow && // If we don't have enough room to offset
+      if (isOverflowing && this.offsetOverflow &&
+      // If we don't have enough room to offset
       // the overflow, don't offset
       activator.top > contentHeight) {
-        top = this.pageYOffset + (activator.top - contentHeight); // If overflowing bottom
+        top = this.pageYOffset + (activator.top - contentHeight);
+        // If overflowing bottom
       } else if (isOverflowing && !this.allowOverflow) {
-        top = toTop - contentHeight - 12; // If overflowing top
+        top = toTop - contentHeight - 12;
+        // If overflowing top
       } else if (top < this.absoluteYOffset && !this.allowOverflow) {
         top = this.absoluteYOffset + 12;
       }
-
       return top < 12 ? 12 : top;
     },
-
     callActivate() {
       if (!this.hasWindow) return;
       this.activate();
     },
-
     callDeactivate() {
       this.isContentActive = false;
       this.deactivate();
     },
-
     checkForPageYOffset() {
       if (this.hasWindow) {
         this.pageYOffset = this.activatorFixed ? 0 : this.getOffsetTop();
       }
     },
-
     checkActivatorFixed() {
-      if (this.attach !== false) return;
+      if (this.attach !== false) {
+        this.activatorFixed = false;
+        return;
+      }
       let el = this.getActivator();
-
       while (el) {
         if (window.getComputedStyle(el).position === 'fixed') {
           this.activatorFixed = true;
           return;
         }
-
         el = el.offsetParent;
       }
-
       this.activatorFixed = false;
     },
-
     deactivate() {},
-
     genActivatorListeners() {
       const listeners = Activatable.options.methods.genActivatorListeners.call(this);
       const onClick = listeners.click;
-
-      listeners.click = e => {
-        if (this.openOnClick) {
-          onClick && onClick(e);
-        }
-
-        this.absoluteX = e.clientX;
-        this.absoluteY = e.clientY;
-      };
-
+      if (onClick) {
+        listeners.click = e => {
+          if (this.openOnClick) {
+            onClick && onClick(e);
+          }
+          this.absoluteX = e.clientX;
+          this.absoluteY = e.clientY;
+        };
+      }
       return listeners;
     },
-
     getInnerHeight() {
       if (!this.hasWindow) return 0;
       return window.innerHeight || document.documentElement.clientHeight;
     },
-
     getOffsetLeft() {
       if (!this.hasWindow) return 0;
       return window.pageXOffset || document.documentElement.scrollLeft;
     },
-
     getOffsetTop() {
       if (!this.hasWindow) return 0;
       return window.pageYOffset || document.documentElement.scrollTop;
     },
-
     getRoundedBoundedClientRect(el) {
       const rect = el.getBoundingClientRect();
       return {
@@ -297,54 +268,49 @@ export default baseMixins.extend().extend({
         height: Math.round(rect.height)
       };
     },
-
     measure(el) {
       if (!el || !this.hasWindow) return null;
-      const rect = this.getRoundedBoundedClientRect(el); // Account for activator margin
-
+      const rect = this.getRoundedBoundedClientRect(el);
+      // Account for activator margin
       if (this.attach !== false) {
         const style = window.getComputedStyle(el);
         rect.left = parseInt(style.marginLeft);
         rect.top = parseInt(style.marginTop);
       }
-
       return rect;
     },
-
     sneakPeek(cb) {
       requestAnimationFrame(() => {
         const el = this.$refs.content;
-
         if (!el || el.style.display !== 'none') {
           cb();
           return;
         }
-
         el.style.display = 'inline-block';
         cb();
         el.style.display = 'none';
       });
     },
-
     startTransition() {
       return new Promise(resolve => requestAnimationFrame(() => {
         this.isContentActive = this.hasJustFocused = this.isActive;
         resolve();
       }));
     },
-
     updateDimensions() {
       this.hasWindow = typeof window !== 'undefined';
       this.checkActivatorFixed();
       this.checkForPageYOffset();
       this.pageWidth = document.documentElement.clientWidth;
       const dimensions = {
-        activator: { ...this.dimensions.activator
+        activator: {
+          ...this.dimensions.activator
         },
-        content: { ...this.dimensions.content
+        content: {
+          ...this.dimensions.content
         }
-      }; // Activator should already be shown
-
+      };
+      // Activator should already be shown
       if (!this.hasActivator || this.absolute) {
         dimensions.activator = this.absolutePosition();
       } else {
@@ -352,7 +318,6 @@ export default baseMixins.extend().extend({
         if (!activator) return;
         dimensions.activator = this.measure(activator);
         dimensions.activator.offsetLeft = activator.offsetLeft;
-
         if (this.attach !== false) {
           // account for css padding causing things to not line up
           // this is mostly for k-autocomplete, hopefully it won't break anything
@@ -360,9 +325,8 @@ export default baseMixins.extend().extend({
         } else {
           dimensions.activator.offsetTop = 0;
         }
-      } // Display and hide to get dimensions
-
-
+      }
+      // Display and hide to get dimensions
       this.sneakPeek(() => {
         if (this.$refs.content) {
           if (this.$refs.content.offsetParent) {
@@ -371,14 +335,11 @@ export default baseMixins.extend().extend({
             dimensions.activator.top -= this.relativeYOffset;
             dimensions.activator.left -= window.pageXOffset + offsetRect.left;
           }
-
           dimensions.content = this.measure(this.$refs.content);
         }
-
         this.dimensions = dimensions;
       });
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

package/lib/mixins/menuable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/menuable/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport Stackable from '../stackable'\nimport { factory as positionableFactory } from '../positionable'\nimport Activatable from '../activatable'\nimport Detachable from '../detachable'\n\n// Utilities\nimport mixins, { ExtractKdu } from '../../util/mixins'\nimport { convertToUnit } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\n\nconst baseMixins = mixins(\n  Stackable,\n  positionableFactory(['top', 'right', 'bottom', 'left', 'absolute']),\n  Activatable,\n  Detachable,\n)\n\ninterface dimensions {\n  top: number\n  left: number\n  bottom: number\n  right: number\n  width: number\n  height: number\n  offsetTop: number\n  scrollHeight: number\n  offsetLeft: number\n}\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  attach: boolean | string | Element\n  offsetY: boolean\n  offsetX: boolean\n  dimensions: {\n    activator: dimensions\n    content: dimensions\n  }\n  $refs: {\n    content: HTMLElement\n    activator: HTMLElement\n  }\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'menuable',\n\n  props: {\n    allowOverflow: Boolean,\n    light: Boolean,\n    dark: Boolean,\n    maxWidth: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    minWidth: [Number, String],\n    nudgeBottom: {\n      type: [Number, String],\n      default: 0,\n    },\n    nudgeLeft: {\n      type: [Number, String],\n      default: 0,\n    },\n    nudgeRight: {\n      type: [Number, String],\n      default: 0,\n    },\n    nudgeTop: {\n      type: [Number, String],\n      default: 0,\n    },\n    nudgeWidth: {\n      type: [Number, String],\n      default: 0,\n    },\n    offsetOverflow: Boolean,\n    openOnClick: Boolean,\n    positionX: {\n      type: Number,\n      default: null,\n    },\n    positionY: {\n      type: Number,\n      default: null,\n    },\n    zIndex: {\n      type: [Number, String],\n      default: null,\n    },\n  },\n\n  data: () => ({\n    activatorNode: [] as KNode[],\n    absoluteX: 0,\n    absoluteY: 0,\n    activatedBy: null as EventTarget | null,\n    activatorFixed: false,\n    dimensions: {\n      activator: {\n        top: 0,\n        left: 0,\n        bottom: 0,\n        right: 0,\n        width: 0,\n        height: 0,\n        offsetTop: 0,\n        scrollHeight: 0,\n        offsetLeft: 0,\n      },\n      content: {\n        top: 0,\n        left: 0,\n        bottom: 0,\n        right: 0,\n        width: 0,\n        height: 0,\n        offsetTop: 0,\n        scrollHeight: 0,\n      },\n    },\n    relativeYOffset: 0,\n    hasJustFocused: false,\n    hasWindow: false,\n    inputActivator: false,\n    isContentActive: false,\n    pageWidth: 0,\n    pageYOffset: 0,\n    stackClass: 'k-menu__content--active',\n    stackMinZIndex: 6,\n  }),\n\n  computed: {\n    computedLeft () {\n      const a = this.dimensions.activator\n      const c = this.dimensions.content\n      const activatorLeft = (this.attach !== false ? a.offsetLeft : a.left) || 0\n      const minWidth = Math.max(a.width, c.width)\n      let left = 0\n      left += this.left ? activatorLeft - (minWidth - a.width) : activatorLeft\n      if (this.offsetX) {\n        const maxWidth = isNaN(Number(this.maxWidth))\n          ? a.width\n          : Math.min(a.width, Number(this.maxWidth))\n\n        left += this.left ? -maxWidth : a.width\n      }\n      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft)\n      if (this.nudgeRight) left += parseInt(this.nudgeRight)\n\n      return left\n    },\n    computedTop () {\n      const a = this.dimensions.activator\n      const c = this.dimensions.content\n      let top = 0\n\n      if (this.top) top += a.height - c.height\n      if (this.attach !== false) top += a.offsetTop\n      else top += a.top + this.pageYOffset\n      if (this.offsetY) top += this.top ? -a.height : a.height\n      if (this.nudgeTop) top -= parseInt(this.nudgeTop)\n      if (this.nudgeBottom) top += parseInt(this.nudgeBottom)\n\n      return top\n    },\n    hasActivator (): boolean {\n      return !!this.$slots.activator || !!this.$scopedSlots.activator || !!this.activator || !!this.inputActivator\n    },\n    absoluteYOffset (): number {\n      return this.pageYOffset - this.relativeYOffset\n    },\n  },\n\n  watch: {\n    disabled (val) {\n      val && this.callDeactivate()\n    },\n    isActive (val) {\n      if (this.disabled) return\n\n      val ? this.callActivate() : this.callDeactivate()\n    },\n    positionX: 'updateDimensions',\n    positionY: 'updateDimensions',\n  },\n\n  beforeMount () {\n    this.hasWindow = typeof window !== 'undefined'\n\n    if (this.hasWindow) {\n      window.addEventListener('resize', this.updateDimensions, false)\n    }\n  },\n\n  beforeDestroy () {\n    if (this.hasWindow) {\n      window.removeEventListener('resize', this.updateDimensions, false)\n    }\n  },\n\n  methods: {\n    absolutePosition () {\n      return {\n        offsetTop: this.positionY || this.absoluteY,\n        offsetLeft: this.positionX || this.absoluteX,\n        scrollHeight: 0,\n        top: this.positionY || this.absoluteY,\n        bottom: this.positionY || this.absoluteY,\n        left: this.positionX || this.absoluteX,\n        right: this.positionX || this.absoluteX,\n        height: 0,\n        width: 0,\n      }\n    },\n    activate () {},\n    calcLeft (menuWidth: number) {\n      return convertToUnit(this.attach !== false\n        ? this.computedLeft\n        : this.calcXOverflow(this.computedLeft, menuWidth))\n    },\n    calcTop () {\n      return convertToUnit(this.attach !== false\n        ? this.computedTop\n        : this.calcYOverflow(this.computedTop))\n    },\n    calcXOverflow (left: number, menuWidth: number) {\n      const xOverflow = left + menuWidth - this.pageWidth + 12\n\n      if ((!this.left || this.right) && xOverflow > 0) {\n        left = Math.max(left - xOverflow, 0)\n      } else {\n        left = Math.max(left, 12)\n      }\n\n      return left + this.getOffsetLeft()\n    },\n    calcYOverflow (top: number) {\n      const documentHeight = this.getInnerHeight()\n      const toTop = this.absoluteYOffset + documentHeight\n      const activator = this.dimensions.activator\n      const contentHeight = this.dimensions.content.height\n      const totalHeight = top + contentHeight\n      const isOverflowing = toTop < totalHeight\n\n      // If overflowing bottom and offset\n      // TODO: set 'bottom' position instead of 'top'\n      if (isOverflowing &&\n        this.offsetOverflow &&\n        // If we don't have enough room to offset\n        // the overflow, don't offset\n        activator.top > contentHeight\n      ) {\n        top = this.pageYOffset + (activator.top - contentHeight)\n      // If overflowing bottom\n      } else if (isOverflowing && !this.allowOverflow) {\n        top = toTop - contentHeight - 12\n      // If overflowing top\n      } else if (top < this.absoluteYOffset && !this.allowOverflow) {\n        top = this.absoluteYOffset + 12\n      }\n\n      return top < 12 ? 12 : top\n    },\n    callActivate () {\n      if (!this.hasWindow) return\n\n      this.activate()\n    },\n    callDeactivate () {\n      this.isContentActive = false\n\n      this.deactivate()\n    },\n    checkForPageYOffset () {\n      if (this.hasWindow) {\n        this.pageYOffset = this.activatorFixed ? 0 : this.getOffsetTop()\n      }\n    },\n    checkActivatorFixed () {\n      if (this.attach !== false) return\n      let el = this.getActivator()\n      while (el) {\n        if (window.getComputedStyle(el).position === 'fixed') {\n          this.activatorFixed = true\n          return\n        }\n        el = el.offsetParent as HTMLElement\n      }\n      this.activatorFixed = false\n    },\n    deactivate () {},\n    genActivatorListeners () {\n      const listeners = Activatable.options.methods.genActivatorListeners.call(this)\n\n      const onClick = listeners.click\n\n      listeners.click = (e: MouseEvent & KeyboardEvent & FocusEvent) => {\n        if (this.openOnClick) {\n          onClick && onClick(e)\n        }\n\n        this.absoluteX = e.clientX\n        this.absoluteY = e.clientY\n      }\n\n      return listeners\n    },\n    getInnerHeight () {\n      if (!this.hasWindow) return 0\n\n      return window.innerHeight ||\n        document.documentElement.clientHeight\n    },\n    getOffsetLeft () {\n      if (!this.hasWindow) return 0\n\n      return window.pageXOffset ||\n        document.documentElement.scrollLeft\n    },\n    getOffsetTop () {\n      if (!this.hasWindow) return 0\n\n      return window.pageYOffset ||\n        document.documentElement.scrollTop\n    },\n    getRoundedBoundedClientRect (el: Element) {\n      const rect = el.getBoundingClientRect()\n      return {\n        top: Math.round(rect.top),\n        left: Math.round(rect.left),\n        bottom: Math.round(rect.bottom),\n        right: Math.round(rect.right),\n        width: Math.round(rect.width),\n        height: Math.round(rect.height),\n      }\n    },\n    measure (el: HTMLElement) {\n      if (!el || !this.hasWindow) return null\n\n      const rect = this.getRoundedBoundedClientRect(el)\n\n      // Account for activator margin\n      if (this.attach !== false) {\n        const style = window.getComputedStyle(el)\n\n        rect.left = parseInt(style.marginLeft!)\n        rect.top = parseInt(style.marginTop!)\n      }\n\n      return rect\n    },\n    sneakPeek (cb: () => void) {\n      requestAnimationFrame(() => {\n        const el = this.$refs.content\n\n        if (!el || el.style.display !== 'none') {\n          cb()\n          return\n        }\n\n        el.style.display = 'inline-block'\n        cb()\n        el.style.display = 'none'\n      })\n    },\n    startTransition () {\n      return new Promise<void>(resolve => requestAnimationFrame(() => {\n        this.isContentActive = this.hasJustFocused = this.isActive\n        resolve()\n      }))\n    },\n    updateDimensions () {\n      this.hasWindow = typeof window !== 'undefined'\n      this.checkActivatorFixed()\n      this.checkForPageYOffset()\n      this.pageWidth = document.documentElement.clientWidth\n\n      const dimensions: any = {\n        activator: { ...this.dimensions.activator },\n        content: { ...this.dimensions.content },\n      }\n\n      // Activator should already be shown\n      if (!this.hasActivator || this.absolute) {\n        dimensions.activator = this.absolutePosition()\n      } else {\n        const activator = this.getActivator()\n        if (!activator) return\n\n        dimensions.activator = this.measure(activator)\n        dimensions.activator.offsetLeft = activator.offsetLeft\n        if (this.attach !== false) {\n          // account for css padding causing things to not line up\n          // this is mostly for k-autocomplete, hopefully it won't break anything\n          dimensions.activator.offsetTop = activator.offsetTop\n        } else {\n          dimensions.activator.offsetTop = 0\n        }\n      }\n\n      // Display and hide to get dimensions\n      this.sneakPeek(() => {\n        if (this.$refs.content) {\n          if (this.$refs.content.offsetParent) {\n            const offsetRect = this.getRoundedBoundedClientRect(this.$refs.content.offsetParent)\n\n            this.relativeYOffset = window.pageYOffset + offsetRect.top\n            dimensions.activator.top -= this.relativeYOffset\n            dimensions.activator.left -= window.pageXOffset + offsetRect.left\n          }\n\n          dimensions.content = this.measure(this.$refs.content)\n        }\n\n        this.dimensions = dimensions\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/menuable/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport Stackable from '../stackable'\nimport { factory as positionableFactory } from '../positionable'\nimport Activatable from '../activatable'\nimport Detachable from '../detachable'\n\n// Utilities\nimport mixins, { ExtractKdu } from '../../util/mixins'\nimport { convertToUnit } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\n\nconst baseMixins = mixins(\n  Stackable,\n  positionableFactory(['top', 'right', 'bottom', 'left', 'absolute']),\n  Activatable,\n  Detachable,\n)\n\ninterface dimensions {\n  top: number\n  left: number\n  bottom: number\n  right: number\n  width: number\n  height: number\n  offsetTop: number\n  scrollHeight: number\n  offsetLeft: number\n}\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  attach: boolean | string | Element\n  offsetY: boolean\n  offsetX: boolean\n  dimensions: {\n    activator: dimensions\n    content: dimensions\n  }\n  $refs: {\n    content: HTMLElement\n    activator: HTMLElement\n  }\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'menuable',\n\n  props: {\n    allowOverflow: Boolean,\n    light: Boolean,\n    dark: Boolean,\n    maxWidth: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    minWidth: [Number, String],\n    nudgeBottom: {\n      type: [Number, String],\n      default: 0,\n    },\n    nudgeLeft: {\n      type: [Number, String],\n      default: 0,\n    },\n    nudgeRight: {\n      type: [Number, String],\n      default: 0,\n    },\n    nudgeTop: {\n      type: [Number, String],\n      default: 0,\n    },\n    nudgeWidth: {\n      type: [Number, String],\n      default: 0,\n    },\n    offsetOverflow: Boolean,\n    positionX: {\n      type: Number,\n      default: null,\n    },\n    positionY: {\n      type: Number,\n      default: null,\n    },\n    zIndex: {\n      type: [Number, String],\n      default: null,\n    },\n  },\n\n  data: () => ({\n    activatorNode: [] as KNode[],\n    absoluteX: 0,\n    absoluteY: 0,\n    activatedBy: null as EventTarget | null,\n    activatorFixed: false,\n    dimensions: {\n      activator: {\n        top: 0,\n        left: 0,\n        bottom: 0,\n        right: 0,\n        width: 0,\n        height: 0,\n        offsetTop: 0,\n        scrollHeight: 0,\n        offsetLeft: 0,\n      },\n      content: {\n        top: 0,\n        left: 0,\n        bottom: 0,\n        right: 0,\n        width: 0,\n        height: 0,\n        offsetTop: 0,\n        scrollHeight: 0,\n      },\n    },\n    relativeYOffset: 0,\n    hasJustFocused: false,\n    hasWindow: false,\n    inputActivator: false,\n    isContentActive: false,\n    pageWidth: 0,\n    pageYOffset: 0,\n    stackClass: 'k-menu__content--active',\n    stackMinZIndex: 6,\n  }),\n\n  computed: {\n    computedLeft () {\n      const a = this.dimensions.activator\n      const c = this.dimensions.content\n      const activatorLeft = (this.attach !== false ? a.offsetLeft : a.left) || 0\n      const minWidth = Math.max(a.width, c.width)\n      let left = 0\n      left += activatorLeft\n      if (this.left || (this.$kdutify.rtl && !this.right)) left -= (minWidth - a.width)\n      if (this.offsetX) {\n        const maxWidth = isNaN(Number(this.maxWidth))\n          ? a.width\n          : Math.min(a.width, Number(this.maxWidth))\n\n        left += this.left ? -maxWidth : a.width\n      }\n      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft)\n      if (this.nudgeRight) left += parseInt(this.nudgeRight)\n\n      return left\n    },\n    computedTop () {\n      const a = this.dimensions.activator\n      const c = this.dimensions.content\n      let top = 0\n\n      if (this.top) top += a.height - c.height\n      if (this.attach !== false) top += a.offsetTop\n      else top += a.top + this.pageYOffset\n      if (this.offsetY) top += this.top ? -a.height : a.height\n      if (this.nudgeTop) top -= parseInt(this.nudgeTop)\n      if (this.nudgeBottom) top += parseInt(this.nudgeBottom)\n\n      return top\n    },\n    hasActivator (): boolean {\n      return !!this.$slots.activator || !!this.$scopedSlots.activator || !!this.activator || !!this.inputActivator\n    },\n    absoluteYOffset (): number {\n      return this.pageYOffset - this.relativeYOffset\n    },\n  },\n\n  watch: {\n    disabled (val) {\n      val && this.callDeactivate()\n    },\n    isActive (val) {\n      if (this.disabled) return\n\n      val ? this.callActivate() : this.callDeactivate()\n    },\n    positionX: 'updateDimensions',\n    positionY: 'updateDimensions',\n  },\n\n  beforeMount () {\n    this.hasWindow = typeof window !== 'undefined'\n\n    if (this.hasWindow) {\n      window.addEventListener('resize', this.updateDimensions, false)\n    }\n  },\n\n  beforeDestroy () {\n    if (this.hasWindow) {\n      window.removeEventListener('resize', this.updateDimensions, false)\n    }\n  },\n\n  methods: {\n    absolutePosition () {\n      return {\n        offsetTop: this.positionY || this.absoluteY,\n        offsetLeft: this.positionX || this.absoluteX,\n        scrollHeight: 0,\n        top: this.positionY || this.absoluteY,\n        bottom: this.positionY || this.absoluteY,\n        left: this.positionX || this.absoluteX,\n        right: this.positionX || this.absoluteX,\n        height: 0,\n        width: 0,\n      }\n    },\n    activate () {},\n    calcLeft (menuWidth: number) {\n      return convertToUnit(this.attach !== false\n        ? this.computedLeft\n        : this.calcXOverflow(this.computedLeft, menuWidth))\n    },\n    calcTop () {\n      return convertToUnit(this.attach !== false\n        ? this.computedTop\n        : this.calcYOverflow(this.computedTop))\n    },\n    calcXOverflow (left: number, menuWidth: number) {\n      const xOverflow = left + menuWidth - this.pageWidth + 12\n\n      if ((!this.left || this.right) && xOverflow > 0) {\n        left = Math.max(left - xOverflow, 0)\n      } else {\n        left = Math.max(left, 12)\n      }\n\n      return left + this.getOffsetLeft()\n    },\n    calcYOverflow (top: number) {\n      const documentHeight = this.getInnerHeight()\n      const toTop = this.absoluteYOffset + documentHeight\n      const activator = this.dimensions.activator\n      const contentHeight = this.dimensions.content.height\n      const totalHeight = top + contentHeight\n      const isOverflowing = toTop < totalHeight\n\n      // If overflowing bottom and offset\n      // TODO: set 'bottom' position instead of 'top'\n      if (isOverflowing &&\n        this.offsetOverflow &&\n        // If we don't have enough room to offset\n        // the overflow, don't offset\n        activator.top > contentHeight\n      ) {\n        top = this.pageYOffset + (activator.top - contentHeight)\n      // If overflowing bottom\n      } else if (isOverflowing && !this.allowOverflow) {\n        top = toTop - contentHeight - 12\n      // If overflowing top\n      } else if (top < this.absoluteYOffset && !this.allowOverflow) {\n        top = this.absoluteYOffset + 12\n      }\n\n      return top < 12 ? 12 : top\n    },\n    callActivate () {\n      if (!this.hasWindow) return\n\n      this.activate()\n    },\n    callDeactivate () {\n      this.isContentActive = false\n\n      this.deactivate()\n    },\n    checkForPageYOffset () {\n      if (this.hasWindow) {\n        this.pageYOffset = this.activatorFixed ? 0 : this.getOffsetTop()\n      }\n    },\n    checkActivatorFixed () {\n      if (this.attach !== false) {\n        this.activatorFixed = false\n        return\n      }\n      let el = this.getActivator()\n      while (el) {\n        if (window.getComputedStyle(el).position === 'fixed') {\n          this.activatorFixed = true\n          return\n        }\n        el = el.offsetParent as HTMLElement\n      }\n      this.activatorFixed = false\n    },\n    deactivate () {},\n    genActivatorListeners () {\n      const listeners = Activatable.options.methods.genActivatorListeners.call(this)\n\n      const onClick = listeners.click\n\n      if (onClick) {\n        listeners.click = (e: MouseEvent & KeyboardEvent & FocusEvent) => {\n          if (this.openOnClick) {\n            onClick && onClick(e)\n          }\n\n          this.absoluteX = e.clientX\n          this.absoluteY = e.clientY\n        }\n      }\n\n      return listeners\n    },\n    getInnerHeight () {\n      if (!this.hasWindow) return 0\n\n      return window.innerHeight ||\n        document.documentElement.clientHeight\n    },\n    getOffsetLeft () {\n      if (!this.hasWindow) return 0\n\n      return window.pageXOffset ||\n        document.documentElement.scrollLeft\n    },\n    getOffsetTop () {\n      if (!this.hasWindow) return 0\n\n      return window.pageYOffset ||\n        document.documentElement.scrollTop\n    },\n    getRoundedBoundedClientRect (el: Element) {\n      const rect = el.getBoundingClientRect()\n      return {\n        top: Math.round(rect.top),\n        left: Math.round(rect.left),\n        bottom: Math.round(rect.bottom),\n        right: Math.round(rect.right),\n        width: Math.round(rect.width),\n        height: Math.round(rect.height),\n      }\n    },\n    measure (el: HTMLElement) {\n      if (!el || !this.hasWindow) return null\n\n      const rect = this.getRoundedBoundedClientRect(el)\n\n      // Account for activator margin\n      if (this.attach !== false) {\n        const style = window.getComputedStyle(el)\n\n        rect.left = parseInt(style.marginLeft!)\n        rect.top = parseInt(style.marginTop!)\n      }\n\n      return rect\n    },\n    sneakPeek (cb: () => void) {\n      requestAnimationFrame(() => {\n        const el = this.$refs.content\n\n        if (!el || el.style.display !== 'none') {\n          cb()\n          return\n        }\n\n        el.style.display = 'inline-block'\n        cb()\n        el.style.display = 'none'\n      })\n    },\n    startTransition () {\n      return new Promise<void>(resolve => requestAnimationFrame(() => {\n        this.isContentActive = this.hasJustFocused = this.isActive\n        resolve()\n      }))\n    },\n    updateDimensions () {\n      this.hasWindow = typeof window !== 'undefined'\n      this.checkActivatorFixed()\n      this.checkForPageYOffset()\n      this.pageWidth = document.documentElement.clientWidth\n\n      const dimensions: any = {\n        activator: { ...this.dimensions.activator },\n        content: { ...this.dimensions.content },\n      }\n\n      // Activator should already be shown\n      if (!this.hasActivator || this.absolute) {\n        dimensions.activator = this.absolutePosition()\n      } else {\n        const activator = this.getActivator()\n        if (!activator) return\n\n        dimensions.activator = this.measure(activator)\n        dimensions.activator.offsetLeft = activator.offsetLeft\n        if (this.attach !== false) {\n          // account for css padding causing things to not line up\n          // this is mostly for k-autocomplete, hopefully it won't break anything\n          dimensions.activator.offsetTop = activator.offsetTop\n        } else {\n          dimensions.activator.offsetTop = 0\n        }\n      }\n\n      // Display and hide to get dimensions\n      this.sneakPeek(() => {\n        if (this.$refs.content) {\n          if (this.$refs.content.offsetParent) {\n            const offsetRect = this.getRoundedBoundedClientRect(this.$refs.content.offsetParent)\n\n            this.relativeYOffset = window.pageYOffset + offsetRect.top\n            dimensions.activator.top -= this.relativeYOffset\n            dimensions.activator.left -= window.pageXOffset + offsetRect.left\n          }\n\n          dimensions.content = this.measure(this.$refs.content)\n        }\n\n        this.dimensions = dimensions\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/mobile/index.js

@@ -1,19 +1,16 @@
 import { deprecate } from '../../util/console';
 import Kdu from 'kdu';
 /* @kdujs/component */
-
 export default Kdu.extend({
   name: 'mobile',
   props: {
     mobileBreakpoint: {
       type: [Number, String],
-
       default() {
         // Avoid destroying unit
         // tests for users
         return this.$kdutify ? this.$kdutify.breakpoint.mobileBreakpoint : undefined;
       },
-
       validator: v => !isNaN(Number(v)) || ['xs', 'sm', 'md', 'lg', 'xl'].includes(String(v))
     }
   },
@@ -24,23 +21,20 @@ export default Kdu.extend({
         width,
         name,
         mobileBreakpoint
-      } = this.$kdutify.breakpoint; // Check if local mobileBreakpoint matches
+      } = this.$kdutify.breakpoint;
+      // Check if local mobileBreakpoint matches
       // the application's mobileBreakpoint
-
       if (mobileBreakpoint === this.mobileBreakpoint) return mobile;
       const mobileWidth = parseInt(this.mobileBreakpoint, 10);
       const isNumber = !isNaN(mobileWidth);
       return isNumber ? width < mobileWidth : name === this.mobileBreakpoint;
     }
-
   },
-
   created() {
     /* istanbul ignore next */
     if (this.$attrs.hasOwnProperty('mobile-break-point')) {
       deprecate('mobile-break-point', 'mobile-breakpoint', this);
     }
   }
-
 });
 //# sourceMappingURL=index.js.map

package/lib/mixins/mobile/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/mobile/index.ts"],"names":[],"mappings":"AAEA,SAAS,SAAT,QAA0B,oBAA1B;AACA,OAAO,GAAP,MAA8B,KAA9B;AAEA;;AACA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,QADkB;AAGxB,EAAA,KAAK,EAAE;AACL,IAAA,gBAAgB,EAAE;AAChB,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADU;;AAEhB,MAAA,OAAO,GAAA;AACL;AACA;AACA,eAAO,KAAK,QAAL,GACH,KAAK,QAAL,CAAc,UAAd,CAAyB,gBADtB,GAEH,SAFJ;AAGD,OARe;;AAShB,MAAA,SAAS,EAAE,CAAC,IACV,CAAC,KAAK,CAAC,MAAM,CAAC,CAAD,CAAP,CAAN,IACA,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,QAA/B,CAAwC,MAAM,CAAC,CAAD,CAA9C;AAXc;AADb,GAHiB;AAoBxB,EAAA,QAAQ,EAAE;AACR,IAAA,QAAQ,GAAA;AACN,YAAM;AACJ,QAAA,MADI;AAEJ,QAAA,KAFI;AAGJ,QAAA,IAHI;AAIJ,QAAA;AAJI,UAKF,KAAK,QAAL,CAAc,UALlB,CADM,CAQN;AACA;;AACA,UAAI,gBAAgB,KAAK,KAAK,gBAA9B,EAAgD,OAAO,MAAP;AAEhD,YAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,gBAAN,EAAwB,EAAxB,CAA5B;AACA,YAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,WAAD,CAAvB;AAEA,aAAO,QAAQ,GACX,KAAK,GAAG,WADG,GAEX,IAAI,KAAK,KAAK,gBAFlB;AAGD;;AAnBO,GApBc;;AA0CxB,EAAA,OAAO,GAAA;AACL;AACA,QAAI,KAAK,MAAL,CAAY,cAAZ,CAA2B,oBAA3B,CAAJ,EAAsD;AACpD,MAAA,SAAS,CAAC,oBAAD,EAAuB,mBAAvB,EAA4C,IAA5C,CAAT;AACD;AACF;;AA/CuB,CAAX,CAAf","sourcesContent":["// Types\nimport { BreakpointName } from 'kdutify/types/services/breakpoint'\nimport { deprecate } from '../../util/console'\nimport Kdu, { PropType } from 'kdu'\n\n/* @kdujs/component */\nexport default Kdu.extend({\n  name: 'mobile',\n\n  props: {\n    mobileBreakpoint: {\n      type: [Number, String] as PropType<number | BreakpointName>,\n      default (): number | BreakpointName | undefined {\n        // Avoid destroying unit\n        // tests for users\n        return this.$kdutify\n          ? this.$kdutify.breakpoint.mobileBreakpoint\n          : undefined\n      },\n      validator: v => (\n        !isNaN(Number(v)) ||\n        ['xs', 'sm', 'md', 'lg', 'xl'].includes(String(v))\n      ),\n    },\n  },\n\n  computed: {\n    isMobile (): boolean {\n      const {\n        mobile,\n        width,\n        name,\n        mobileBreakpoint,\n      } = this.$kdutify.breakpoint\n\n      // Check if local mobileBreakpoint matches\n      // the application's mobileBreakpoint\n      if (mobileBreakpoint === this.mobileBreakpoint) return mobile\n\n      const mobileWidth = parseInt(this.mobileBreakpoint, 10)\n      const isNumber = !isNaN(mobileWidth)\n\n      return isNumber\n        ? width < mobileWidth\n        : name === this.mobileBreakpoint\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('mobile-break-point')) {\n      deprecate('mobile-break-point', 'mobile-breakpoint', this)\n    }\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/mobile/index.ts"],"names":[],"mappings":"AAEA,SAAS,SAAS,QAAQ,oBAAoB;AAC9C,OAAO,GAAiB,MAAM,KAAK;AAEnC;AACA,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,QAAQ;EAEd,KAAK,EAAE;IACL,gBAAgB,EAAE;MAChB,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAsC;MAC3D,OAAO,CAAA,EAAA;QACL;QACA;QACA,OAAO,IAAI,CAAC,QAAQ,GAChB,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,gBAAgB,GACzC,SAAS;MACf,CAAC;MACD,SAAS,EAAE,CAAC,IACV,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IACjB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAEpD;GACF;EAED,QAAQ,EAAE;IACR,QAAQ,CAAA,EAAA;MACN,MAAM;QACJ,MAAM;QACN,KAAK;QACL,IAAI;QACJ;MAAgB,CACjB,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU;MAE5B;MACA;MACA,IAAI,gBAAgB,KAAK,IAAI,CAAC,gBAAgB,EAAE,OAAO,MAAM;MAE7D,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,CAAC;MACvD,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC;MAEpC,OAAO,QAAQ,GACX,KAAK,GAAG,WAAW,GACnB,IAAI,KAAK,IAAI,CAAC,gBAAgB;IACpC;GACD;EAED,OAAO,CAAA,EAAA;IACL;IACA,IAAI,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE;MACpD,SAAS,CAAC,oBAAoB,EAAE,mBAAmB,EAAE,IAAI,CAAC;IAC3D;EACH;CACD,CAAC","sourcesContent":["// Types\nimport { BreakpointName } from 'kdutify/types/services/breakpoint'\nimport { deprecate } from '../../util/console'\nimport Kdu, { PropType } from 'kdu'\n\n/* @kdujs/component */\nexport default Kdu.extend({\n  name: 'mobile',\n\n  props: {\n    mobileBreakpoint: {\n      type: [Number, String] as PropType<number | BreakpointName>,\n      default (): number | BreakpointName | undefined {\n        // Avoid destroying unit\n        // tests for users\n        return this.$kdutify\n          ? this.$kdutify.breakpoint.mobileBreakpoint\n          : undefined\n      },\n      validator: v => (\n        !isNaN(Number(v)) ||\n        ['xs', 'sm', 'md', 'lg', 'xl'].includes(String(v))\n      ),\n    },\n  },\n\n  computed: {\n    isMobile (): boolean {\n      const {\n        mobile,\n        width,\n        name,\n        mobileBreakpoint,\n      } = this.$kdutify.breakpoint\n\n      // Check if local mobileBreakpoint matches\n      // the application's mobileBreakpoint\n      if (mobileBreakpoint === this.mobileBreakpoint) return mobile\n\n      const mobileWidth = parseInt(this.mobileBreakpoint, 10)\n      const isNumber = !isNaN(mobileWidth)\n\n      return isNumber\n        ? width < mobileWidth\n        : name === this.mobileBreakpoint\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('mobile-break-point')) {\n      deprecate('mobile-break-point', 'mobile-breakpoint', this)\n    }\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/{components/KCalendar/mixins/mouse.js → mixins/mouse/index.js}

@@ -2,75 +2,52 @@ import Kdu from 'kdu';
 export default Kdu.extend({
   name: 'mouse',
   methods: {
-    getDefaultMouseEventHandlers(suffix, getEvent) {
+    getDefaultMouseEventHandlers(suffix, getData, eventFirst = false) {
+      const listeners = Object.keys(this.$listeners).filter(key => key.endsWith(suffix)).reduce((acc, key) => {
+        acc[key] = {
+          event: key.slice(0, -suffix.length)
+        };
+        return acc;
+      }, {});
       return this.getMouseEventHandlers({
-        ['click' + suffix]: {
-          event: 'click'
-        },
+        ...listeners,
         ['contextmenu' + suffix]: {
           event: 'contextmenu',
           prevent: true,
           result: false
-        },
-        ['mousedown' + suffix]: {
-          event: 'mousedown'
-        },
-        ['mousemove' + suffix]: {
-          event: 'mousemove'
-        },
-        ['mouseup' + suffix]: {
-          event: 'mouseup'
-        },
-        ['mouseenter' + suffix]: {
-          event: 'mouseenter'
-        },
-        ['mouseleave' + suffix]: {
-          event: 'mouseleave'
-        },
-        ['touchstart' + suffix]: {
-          event: 'touchstart'
-        },
-        ['touchmove' + suffix]: {
-          event: 'touchmove'
-        },
-        ['touchend' + suffix]: {
-          event: 'touchend'
         }
-      }, getEvent);
+      }, getData, eventFirst);
     },
-
-    getMouseEventHandlers(events, getEvent) {
+    getMouseEventHandlers(events, getData, eventFirst = false) {
       const on = {};
-
       for (const event in events) {
         const eventOptions = events[event];
-        if (!this.$listeners[event]) continue; // TODO somehow pull in modifiers
-
+        if (!this.$listeners[event]) continue;
+        // TODO somehow pull in modifiers
         const prefix = eventOptions.passive ? '&' : (eventOptions.once ? '~' : '') + (eventOptions.capture ? '!' : '');
         const key = prefix + eventOptions.event;
-
         const handler = e => {
+          var _a, _b;
           const mouseEvent = e;
-
           if (eventOptions.button === undefined || mouseEvent.buttons > 0 && mouseEvent.button === eventOptions.button) {
             if (eventOptions.prevent) {
               e.preventDefault();
             }
-
             if (eventOptions.stop) {
               e.stopPropagation();
-            } // Due to TouchEvent target always returns the element that is first placed
+            }
+            // Due to TouchEvent target always returns the element that is first placed
             // Even if touch point has since moved outside the interactive area of that element
             // Ref: https://developer.mozilla.org/en-US/docs/Web/API/Touch/target
             // This block of code aims to make sure touchEvent is always dispatched from the element that is being pointed at
-
-
             if (e && 'touches' in e) {
-              var _e$target, _e$target2;
-
-              const currentTarget = document.elementFromPoint(e.changedTouches[0].clientX, e.changedTouches[0].clientY);
-
-              if (currentTarget && !((_e$target = e.target) != null && _e$target.isSameNode(currentTarget)) && ((_e$target2 = e.target) == null ? void 0 : _e$target2.className) === currentTarget.className) {
+              const classSeparator = ' ';
+              const eventTargetClasses = (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.className.split(classSeparator);
+              const currentTargets = document.elementsFromPoint(e.changedTouches[0].clientX, e.changedTouches[0].clientY);
+              // Get "the same kind" current hovering target by checking
+              // If element has the same class of initial touch start element (which has touch event listener registered)
+              const currentTarget = currentTargets.find(t => t.className.split(classSeparator).some(c => eventTargetClasses.includes(c)));
+              if (currentTarget && !((_b = e.target) === null || _b === void 0 ? void 0 : _b.isSameNode(currentTarget))) {
                 currentTarget.dispatchEvent(new TouchEvent(e.type, {
                   changedTouches: e.changedTouches,
                   targetTouches: e.targetTouches,
@@ -79,13 +56,16 @@ export default Kdu.extend({
                 return;
               }
             }
-
-            this.$emit(event, getEvent(e), e);
+            // TODO: KCalendar emits the calendar event as the first argument,
+            // but it really should be the native event instead so modifiers can be used
+            if (eventFirst) {
+              this.$emit(event, e, getData(e));
+            } else {
+              this.$emit(event, getData(e), e);
+            }
           }
-
           return eventOptions.result;
         };
-
         if (key in on) {
           /* istanbul ignore next */
           if (Array.isArray(on[key])) {
@@ -97,10 +77,8 @@ export default Kdu.extend({
           on[key] = handler;
         }
       }
-
       return on;
     }
-
   }
 });
-//# sourceMappingURL=mouse.js.map
+//# sourceMappingURL=index.js.map

package/lib/mixins/mouse/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mixins/mouse/index.ts"],"names":[],"mappings":"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","sourcesContent":["import Kdu from 'kdu'\n\nexport type MouseHandler = (e: MouseEvent | TouchEvent) => any\n\nexport type MouseEvents = {\n  [event: string]: {\n    event: string\n    passive?: boolean\n    capture?: boolean\n    once?: boolean\n    stop?: boolean\n    prevent?: boolean\n    button?: number\n    result?: any\n  }\n}\n\nexport type MouseEventsMap = {\n  [event: string]: MouseHandler | MouseHandler[]\n}\n\nexport default Kdu.extend({\n  name: 'mouse',\n\n  methods: {\n    getDefaultMouseEventHandlers (suffix: string, getData: MouseHandler, eventFirst = false): MouseEventsMap {\n      const listeners = Object.keys(this.$listeners)\n        .filter(key => key.endsWith(suffix))\n        .reduce((acc, key) => {\n          acc[key] = { event: key.slice(0, -suffix.length) }\n          return acc\n        }, {} as MouseEvents)\n\n      return this.getMouseEventHandlers({\n        ...listeners,\n        ['contextmenu' + suffix]: { event: 'contextmenu', prevent: true, result: false },\n      }, getData, eventFirst)\n    },\n    getMouseEventHandlers (events: MouseEvents, getData: MouseHandler, eventFirst = false): MouseEventsMap {\n      const on: MouseEventsMap = {}\n\n      for (const event in events) {\n        const eventOptions = events[event]\n\n        if (!this.$listeners[event]) continue\n\n        // TODO somehow pull in modifiers\n\n        const prefix = eventOptions.passive ? '&' : ((eventOptions.once ? '~' : '') + (eventOptions.capture ? '!' : ''))\n        const key = prefix + eventOptions.event\n\n        const handler: MouseHandler = e => {\n          const mouseEvent: MouseEvent = e as MouseEvent\n          if (eventOptions.button === undefined || (mouseEvent.buttons > 0 && mouseEvent.button === eventOptions.button)) {\n            if (eventOptions.prevent) {\n              e.preventDefault()\n            }\n            if (eventOptions.stop) {\n              e.stopPropagation()\n            }\n\n            // Due to TouchEvent target always returns the element that is first placed\n            // Even if touch point has since moved outside the interactive area of that element\n            // Ref: https://developer.mozilla.org/en-US/docs/Web/API/Touch/target\n            // This block of code aims to make sure touchEvent is always dispatched from the element that is being pointed at\n            if (e && 'touches' in e) {\n              const classSeparator = ' '\n\n              const eventTargetClasses = (e.currentTarget as HTMLElement)?.className.split(classSeparator)\n              const currentTargets = document.elementsFromPoint(e.changedTouches[0].clientX, e.changedTouches[0].clientY)\n\n              // Get \"the same kind\" current hovering target by checking\n              // If element has the same class of initial touch start element (which has touch event listener registered)\n              const currentTarget = currentTargets.find(t => t.className.split(classSeparator).some(c => eventTargetClasses.includes(c)))\n\n              if (currentTarget &&\n                !(e.target as HTMLElement)?.isSameNode(currentTarget)\n              ) {\n                currentTarget.dispatchEvent(new TouchEvent(e.type, {\n                  changedTouches: e.changedTouches as unknown as Touch[],\n                  targetTouches: e.targetTouches as unknown as Touch[],\n                  touches: e.touches as unknown as Touch[],\n                }))\n                return\n              }\n            }\n\n            // TODO: KCalendar emits the calendar event as the first argument,\n            // but it really should be the native event instead so modifiers can be used\n            if (eventFirst) {\n              this.$emit(event, e, getData(e))\n            } else {\n              this.$emit(event, getData(e), e)\n            }\n          }\n\n          return eventOptions.result\n        }\n\n        if (key in on) {\n          /* istanbul ignore next */\n          if (Array.isArray(on[key])) {\n            (on[key] as MouseHandler[]).push(handler)\n          } else {\n            on[key] = [on[key], handler] as MouseHandler[]\n          }\n        } else {\n          on[key] = handler\n        }\n      }\n\n      return on\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}