v0.1.4

New directive : ClickOutside (removed dep v-click-outside)

Author: mathieustan

dist/vue-datepicker.esm.js

@@ -1,7 +1,7 @@
 {
   "name": "@mathieustan/vue-datepicker",
   "description": "A clean datepicker made with VueJs",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "author": "Mathieu Stanowski <[email protected]>",
   "keywords": [
     "vue",
@@ -45,8 +45,7 @@
   },
   "dependencies": {
     "body-scroll-lock": "^2.6.1",
-    "dayjs": "^1.8.14",
-    "v-click-outside": "^2.1.3"
+    "dayjs": "^1.8.14"
   },
   "peerDependencies": {
     "core-js": "^2.6.5",

dist/vue-datepicker.min.js

@@ -131,7 +131,7 @@
 
 <script>
 import { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';
-import { directive as clickOutside } from 'v-click-outside';
+import ClickOutside from '../../directives/click-outside';
 
 import Dates, {
   getWeekDays,
@@ -156,7 +156,7 @@ import DatePickerYearMonth from './DatePickerYearMonth.vue';
 export default {
   name: 'DatepickerAgenda',
   mixins: [ detachable, dynamicPosition ],
-  directives: { clickOutside },
+  directives: { ClickOutside },
   components: { DatePickerHeader, DatePickerControls, DatePickerYearMonth },
   props: {
     name: { type: String },

dist/vue-datepicker.umd.js

@@ -0,0 +1,75 @@
+// https://github.com/simplesmiler/vue-clickaway
+// https://github.com/ndelvalle/v-click-outside/blob/master/lib/v-click-outside.js
+// Mixed both :)
+
+const HAS_WINDOWS = typeof window !== 'undefined';
+const HAS_NAVIGATOR = typeof navigator !== 'undefined';
+const IS_TOUCH =
+  HAS_WINDOWS && ('ontouchstart' in window || (HAS_NAVIGATOR && navigator.msMaxTouchPoints > 0));
+const EVENTS = IS_TOUCH ? ['touchstart', 'click'] : ['click'];
+
+const instances = [];
+
+const ClickOutside = {
+  instances,
+  bind: bind,
+  update: (el, binding) => {
+    if (binding.value === binding.oldValue) return;
+    bind(el, binding);
+  },
+  unbind: unbind,
+};
+
+function bind (el, { value }) {
+  unbind(el);
+
+  const bindingValue = value;
+  const isFunction = typeof bindingValue === 'function';
+  const isObject = typeof bindingValue === 'object';
+
+  if (!isFunction && !isObject) return;
+
+  const isActive = !(bindingValue.isActive === false);
+  if (!isActive) return;
+
+  const handler = isFunction ? bindingValue : bindingValue.handler;
+  const instance = createInstance({ el, handler });
+
+  instance.eventHandlers.forEach(({ event, handler }) =>
+    setTimeout(() => document.addEventListener(event, handler, false), 0),
+  );
+  instances.push(instance);
+}
+
+function unbind (el) {
+  const instanceIndex = instances.findIndex(instance => instance.el === el);
+  if (instanceIndex === -1) return;
+
+  const instance = instances[instanceIndex];
+  instance.eventHandlers.forEach(({ event, handler }) =>
+    document.removeEventListener(event, handler, false),
+  );
+  instances.splice(instanceIndex, 1);
+}
+
+// --------------------
+// Helpers
+// --------------------
+function createInstance ({ el, handler }) {
+  return {
+    el,
+    eventHandlers: EVENTS.map(eventName => ({
+      event: eventName,
+      handler: event => onEvent({ event, el, handler }),
+    })),
+  };
+}
+
+function onEvent ({ event, el, handler }) {
+  const path = event.path || (event.composedPath ? event.composedPath() : undefined);
+  if (path ? path.indexOf(el) < 0 : !el.contains(event.target)) {
+    return handler(event, el);
+  }
+};
+
+export default ClickOutside;

package.json

@@ -10081,11 +10081,6 @@ uuid@^3.0.1, uuid@^3.3.2:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.3.2.tgz#1b4af4955eb3077c501c23872fc6513811587131"
   integrity sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==
 
-v-click-outside@^2.1.3:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/v-click-outside/-/v-click-outside-2.1.3.tgz#b7297abe833a439dc0895e6418a494381e64b5e7"
-  integrity sha512-8d11/fN+nkSPeor87K8OtGc/lDbRwbUiFwdzxQEGidlXt6eko3gIgRM7ghgi4p/zohF3Ja9hAaydAajV3gnlPQ==
-
 validate-npm-package-license@^3.0.1:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"