@nanoporetech-digital/components 5.10.0 → 5.11.0

package/dist/collection/components/slides/lib/js/utils/gestures.js

@@ -0,0 +1,436 @@
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */
+/*!
+ * Unipointer v2.4.0
+ * base class for doing one thing with pointer event
+ * MIT license
+ */
+import { EvEmitter } from './event-emitter';
+function noop() { }
+export function Unipointer() { }
+// inherit EvEmitter
+const pointerProto = (Unipointer.prototype = Object.create(EvEmitter.prototype));
+pointerProto.bindStartEvent = function (elem) {
+  this._bindStartEvent(elem, true);
+};
+pointerProto.unbindStartEvent = function (elem) {
+  this._bindStartEvent(elem, false);
+};
+/**
+ * Add or remove start event
+ * @param {Element} elem
+ * @param {Boolean} isAdd - remove if falsey
+ */
+pointerProto._bindStartEvent = function (elem, isAdd) {
+  // munge isAdd, default to true
+  isAdd = isAdd === undefined ? true : isAdd;
+  const bindMethod = isAdd ? 'addEventListener' : 'removeEventListener';
+  // default to mouse events
+  let startEvent = 'mousedown';
+  if ('ontouchstart' in window) {
+    // HACK prefer Touch Events as you can preventDefault on touchstart to
+    // disable scroll in iOS & mobile Chrome metafizzy/flickity#1177
+    startEvent = 'touchstart';
+  }
+  else if (window.PointerEvent) {
+    // Pointer Events
+    startEvent = 'pointerdown';
+  }
+  elem[bindMethod](startEvent, this);
+};
+// trigger handler methods for events
+pointerProto.handleEvent = function (event) {
+  const method = 'on' + event.type;
+  if (this[method]) {
+    this[method](event);
+  }
+};
+// returns the touch that we're keeping track of
+pointerProto.getTouch = function (touches) {
+  for (let i = 0; i < touches.length; i++) {
+    const touch = touches[i];
+    if (touch.identifier == this.pointerIdentifier) {
+      return touch;
+    }
+  }
+};
+// ----- start event ----- //
+pointerProto.onmousedown = function (event) {
+  // dismiss clicks from right or middle buttons
+  const button = event.button;
+  if (button && button !== 0 && button !== 1) {
+    return;
+  }
+  this._pointerDown(event, event);
+};
+pointerProto.ontouchstart = function (event) {
+  this._pointerDown(event, event.changedTouches[0]);
+};
+pointerProto.onpointerdown = function (event) {
+  this._pointerDown(event, event);
+};
+/**
+ * pointer start
+ * @param {Event} event
+ * @param {Event or Touch} pointer
+ */
+pointerProto._pointerDown = function (event, pointer) {
+  // dismiss right click and other pointers
+  // button = 0 is okay, 1-4 not
+  if (event.button || this.isPointerDown) {
+    return;
+  }
+  this.isPointerDown = true;
+  // save pointer identifier to match up touch events
+  this.pointerIdentifier =
+    pointer.pointerId !== undefined
+      ? // pointerId for pointer events, touch.indentifier for touch events
+        pointer.pointerId
+      : pointer.identifier;
+  this.pointerDown(event, pointer);
+};
+pointerProto.pointerDown = function (event, pointer) {
+  this._bindPostStartEvents(event);
+  this.emitEvent('pointerDown', [event, pointer]);
+};
+// hash of events to be bound after start event
+const postStartEvents = {
+  mousedown: ['mousemove', 'mouseup'],
+  touchstart: ['touchmove', 'touchend', 'touchcancel'],
+  pointerdown: ['pointermove', 'pointerup', 'pointercancel'],
+};
+pointerProto._bindPostStartEvents = function (event) {
+  if (!event) {
+    return;
+  }
+  // get proper events to match start event
+  const events = postStartEvents[event.type];
+  // bind events to node
+  events.forEach(function (eventName) {
+    window.addEventListener(eventName, this);
+  }, this);
+  // save these arguments
+  this._boundPointerEvents = events;
+};
+pointerProto._unbindPostStartEvents = function () {
+  // check for _boundEvents, in case dragEnd triggered twice (old IE8 bug)
+  if (!this._boundPointerEvents) {
+    return;
+  }
+  this._boundPointerEvents.forEach(function (eventName) {
+    window.removeEventListener(eventName, this);
+  }, this);
+  delete this._boundPointerEvents;
+};
+// ----- move event ----- //
+pointerProto.onmousemove = function (event) {
+  this._pointerMove(event, event);
+};
+pointerProto.onpointermove = function (event) {
+  if (event.pointerId == this.pointerIdentifier) {
+    this._pointerMove(event, event);
+  }
+};
+pointerProto.ontouchmove = function (event) {
+  const touch = this.getTouch(event.changedTouches);
+  if (touch) {
+    this._pointerMove(event, touch);
+  }
+};
+/**
+ * pointer move
+ * @param {Event} event
+ * @param {Event or Touch} pointer
+ * @private
+ */
+pointerProto._pointerMove = function (event, pointer) {
+  this.pointerMove(event, pointer);
+};
+// public
+pointerProto.pointerMove = function (event, pointer) {
+  this.emitEvent('pointerMove', [event, pointer]);
+};
+// ----- end event ----- //
+pointerProto.onmouseup = function (event) {
+  this._pointerUp(event, event);
+};
+pointerProto.onpointerup = function (event) {
+  if (event.pointerId == this.pointerIdentifier) {
+    this._pointerUp(event, event);
+  }
+};
+pointerProto.ontouchend = function (event) {
+  const touch = this.getTouch(event.changedTouches);
+  if (touch) {
+    this._pointerUp(event, touch);
+  }
+};
+/**
+ * pointer up
+ * @param {Event} event
+ * @param {Event or Touch} pointer
+ * @private
+ */
+pointerProto._pointerUp = function (event, pointer) {
+  this._pointerDone();
+  this.pointerUp(event, pointer);
+};
+// public
+pointerProto.pointerUp = function (event, pointer) {
+  this.emitEvent('pointerUp', [event, pointer]);
+};
+// ----- pointer done ----- //
+// triggered on pointer up & pointer cancel
+pointerProto._pointerDone = function () {
+  this._pointerReset();
+  this._unbindPostStartEvents();
+  this.pointerDone();
+};
+pointerProto._pointerReset = function () {
+  // reset properties
+  this.isPointerDown = false;
+  delete this.pointerIdentifier;
+};
+pointerProto.pointerDone = noop;
+// ----- pointer cancel ----- //
+pointerProto.onpointercancel = function (event) {
+  if (event.pointerId == this.pointerIdentifier) {
+    this._pointerCancel(event, event);
+  }
+};
+pointerProto.ontouchcancel = function (event) {
+  const touch = this.getTouch(event.changedTouches);
+  if (touch) {
+    this._pointerCancel(event, touch);
+  }
+};
+/**
+ * pointer cancel
+ * @param {Event} event
+ * @param {Event or Touch} pointer
+ * @private
+ */
+pointerProto._pointerCancel = function (event, pointer) {
+  this._pointerDone();
+  this.pointerCancel(event, pointer);
+};
+// public
+pointerProto.pointerCancel = function (event, pointer) {
+  this.emitEvent('pointerCancel', [event, pointer]);
+};
+// -----  ----- //
+// utility function for getting x/y coords from event
+Unipointer.getPointerPoint = function (pointer) {
+  return {
+    x: pointer.pageX,
+    y: pointer.pageY,
+  };
+};
+/*!
+ * Unidragger v2.4.0
+ * Draggable base class
+ * MIT license
+ */
+export function Unidragger() { }
+// inherit Unipointer & EvEmitter
+const draggerProto = (Unidragger.prototype = Object.create(Unipointer.prototype));
+// ----- bind start ----- //
+draggerProto.bindHandles = function () {
+  this._bindHandles(true);
+};
+draggerProto.unbindHandles = function () {
+  this._bindHandles(false);
+};
+/**
+ * Add or remove start event
+ * @param {Boolean} isAdd
+ */
+draggerProto._bindHandles = function (isAdd) {
+  // munge isAdd, default to true
+  isAdd = isAdd === undefined ? true : isAdd;
+  // bind each handle
+  const bindMethod = isAdd ? 'addEventListener' : 'removeEventListener';
+  const touchAction = isAdd ? this._touchActionValue : '';
+  for (let i = 0; i < this.handles.length; i++) {
+    const handle = this.handles[i];
+    this._bindStartEvent(handle, isAdd);
+    handle[bindMethod]('click', this);
+    // touch-action: none to override browser touch gestures. metafizzy/flickity#540
+    if (window.PointerEvent) {
+      handle.style.touchAction = touchAction;
+    }
+  }
+};
+// prototype so it can be overwriteable by Flickity
+draggerProto._touchActionValue = 'none';
+// ----- start event ----- //
+/**
+ * pointer start
+ * @param {Event} event
+ * @param {Event or Touch} pointer
+ */
+draggerProto.pointerDown = function (event, pointer) {
+  const isOkay = this.okayPointerDown(event);
+  if (!isOkay) {
+    return;
+  }
+  // track start event position
+  // Safari 9 overrides pageX and pageY. These values needs to be copied. flickity#842
+  this.pointerDownPointer = {
+    pageX: pointer.pageX,
+    pageY: pointer.pageY,
+  };
+  event.preventDefault();
+  this.pointerDownBlur();
+  // bind move and end events
+  this._bindPostStartEvents(event);
+  this.emitEvent('pointerDown', [event, pointer]);
+};
+// nodes that have text fields
+const cursorNodes = {
+  TEXTAREA: true,
+  INPUT: true,
+  SELECT: true,
+  OPTION: true,
+};
+// input types that do not have text fields
+const clickTypes = {
+  radio: true,
+  checkbox: true,
+  button: true,
+  submit: true,
+  image: true,
+  file: true,
+};
+// dismiss inputs with text fields. flickity#403, flickity#404
+draggerProto.okayPointerDown = function (event) {
+  const isCursorNode = cursorNodes[event.target.nodeName];
+  const isClickType = clickTypes[event.target.type];
+  const isOkay = !isCursorNode || isClickType;
+  if (!isOkay) {
+    this._pointerReset();
+  }
+  return isOkay;
+};
+// kludge to blur previously focused input
+draggerProto.pointerDownBlur = function () {
+  const focused = document.activeElement;
+  // do not blur body for IE10, metafizzy/flickity#117
+  const canBlur = focused && focused.blur && focused != document.body;
+  if (canBlur) {
+    focused.blur();
+  }
+};
+// ----- move event ----- //
+/**
+ * drag move
+ * @param {Event} event
+ * @param {Event or Touch} pointer
+ */
+draggerProto.pointerMove = function (event, pointer) {
+  const moveVector = this._dragPointerMove(event, pointer);
+  this.emitEvent('pointerMove', [event, pointer, moveVector]);
+  this._dragMove(event, pointer, moveVector);
+};
+// base pointer move logic
+draggerProto._dragPointerMove = function (event, pointer) {
+  const moveVector = {
+    x: pointer.pageX - this.pointerDownPointer.pageX,
+    y: pointer.pageY - this.pointerDownPointer.pageY,
+  };
+  // start drag if pointer has moved far enough to start drag
+  if (!this.isDragging && this.hasDragStarted(moveVector)) {
+    this._dragStart(event, pointer);
+  }
+  return moveVector;
+};
+// condition if pointer has moved far enough to start drag
+draggerProto.hasDragStarted = function (moveVector) {
+  return Math.abs(moveVector.x) > 3 || Math.abs(moveVector.y) > 3;
+};
+// ----- end event ----- //
+/**
+ * pointer up
+ * @param {Event} event
+ * @param {Event or Touch} pointer
+ */
+draggerProto.pointerUp = function (event, pointer) {
+  this.emitEvent('pointerUp', [event, pointer]);
+  this._dragPointerUp(event, pointer);
+};
+draggerProto._dragPointerUp = function (event, pointer) {
+  if (this.isDragging) {
+    this._dragEnd(event, pointer);
+  }
+  else {
+    // pointer didn't move enough for drag to start
+    this._staticClick(event, pointer);
+  }
+};
+// -------------------------- drag -------------------------- //
+// dragStart
+draggerProto._dragStart = function (event, pointer) {
+  this.isDragging = true;
+  // prevent clicks
+  this.isPreventingClicks = true;
+  this.dragStart(event, pointer);
+};
+draggerProto.dragStart = function (event, pointer) {
+  this.emitEvent('dragStart', [event, pointer]);
+};
+// dragMove
+draggerProto._dragMove = function (event, pointer, moveVector) {
+  // do not drag if not dragging yet
+  if (!this.isDragging) {
+    return;
+  }
+  this.dragMove(event, pointer, moveVector);
+};
+draggerProto.dragMove = function (event, pointer, moveVector) {
+  event.preventDefault();
+  this.emitEvent('dragMove', [event, pointer, moveVector]);
+};
+// dragEnd
+draggerProto._dragEnd = function (event, pointer) {
+  // set flags
+  this.isDragging = false;
+  // re-enable clicking async
+  setTimeout(function () {
+    delete this.isPreventingClicks;
+  }.bind(this));
+  this.dragEnd(event, pointer);
+};
+draggerProto.dragEnd = function (event, pointer) {
+  this.emitEvent('dragEnd', [event, pointer]);
+};
+// ----- onclick ----- //
+// handle all clicks and prevent clicks when dragging
+draggerProto.onclick = function (event) {
+  if (this.isPreventingClicks) {
+    event.preventDefault();
+  }
+};
+// ----- staticClick ----- //
+// triggered after pointer down & up with no/tiny movement
+draggerProto._staticClick = function (event, pointer) {
+  // ignore emulated mouse up clicks
+  if (this.isIgnoringMouseUp && event.type == 'mouseup') {
+    return;
+  }
+  this.staticClick(event, pointer);
+  // set flag for emulated clicks 300ms after touchend
+  if (event.type != 'mouseup') {
+    this.isIgnoringMouseUp = true;
+    // reset flag after 300ms
+    setTimeout(function () {
+      delete this.isIgnoringMouseUp;
+    }.bind(this), 400);
+  }
+};
+draggerProto.staticClick = function (event, pointer) {
+  this.emitEvent('staticClick', [event, pointer]);
+};
+// ----- utils ----- //
+Unidragger.getPointerPoint = Unipointer.getPointerPoint;
+//# sourceMappingURL=gestures.js.map

package/dist/collection/components/slides/lib/js/utils/gestures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gestures.js","sourceRoot":"","sources":["../../../../../../src/components/slides/lib/js/utils/gestures.ts"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Unipointer v2.4.0\n * base class for doing one thing with pointer event\n * MIT license\n */\n\nimport { EvEmitter } from './event-emitter';\n\nfunction noop() {}\n\nexport function Unipointer() {}\n\n// inherit EvEmitter\nconst pointerProto = (Unipointer.prototype = Object.create(\n  EvEmitter.prototype\n));\n\npointerProto.bindStartEvent = function (elem) {\n  this._bindStartEvent(elem, true);\n};\n\npointerProto.unbindStartEvent = function (elem) {\n  this._bindStartEvent(elem, false);\n};\n\n/**\n * Add or remove start event\n * @param {Element} elem\n * @param {Boolean} isAdd - remove if falsey\n */\npointerProto._bindStartEvent = function (elem, isAdd) {\n  // munge isAdd, default to true\n  isAdd = isAdd === undefined ? true : isAdd;\n  const bindMethod = isAdd ? 'addEventListener' : 'removeEventListener';\n\n  // default to mouse events\n  let startEvent = 'mousedown';\n  if ('ontouchstart' in window) {\n    // HACK prefer Touch Events as you can preventDefault on touchstart to\n    // disable scroll in iOS & mobile Chrome metafizzy/flickity#1177\n    startEvent = 'touchstart';\n  } else if (window.PointerEvent) {\n    // Pointer Events\n    startEvent = 'pointerdown';\n  }\n  elem[bindMethod](startEvent, this);\n};\n\n// trigger handler methods for events\npointerProto.handleEvent = function (event) {\n  const method = 'on' + event.type;\n  if (this[method]) {\n    this[method](event);\n  }\n};\n\n// returns the touch that we're keeping track of\npointerProto.getTouch = function (touches) {\n  for (let i = 0; i < touches.length; i++) {\n    const touch = touches[i];\n    if (touch.identifier == this.pointerIdentifier) {\n      return touch;\n    }\n  }\n};\n\n// ----- start event ----- //\n\npointerProto.onmousedown = function (event) {\n  // dismiss clicks from right or middle buttons\n  const button = event.button;\n  if (button && button !== 0 && button !== 1) {\n    return;\n  }\n  this._pointerDown(event, event);\n};\n\npointerProto.ontouchstart = function (event) {\n  this._pointerDown(event, event.changedTouches[0]);\n};\n\npointerProto.onpointerdown = function (event) {\n  this._pointerDown(event, event);\n};\n\n/**\n * pointer start\n * @param {Event} event\n * @param {Event or Touch} pointer\n */\npointerProto._pointerDown = function (event, pointer) {\n  // dismiss right click and other pointers\n  // button = 0 is okay, 1-4 not\n  if (event.button || this.isPointerDown) {\n    return;\n  }\n\n  this.isPointerDown = true;\n  // save pointer identifier to match up touch events\n  this.pointerIdentifier =\n    pointer.pointerId !== undefined\n      ? // pointerId for pointer events, touch.indentifier for touch events\n        pointer.pointerId\n      : pointer.identifier;\n\n  this.pointerDown(event, pointer);\n};\n\npointerProto.pointerDown = function (event, pointer) {\n  this._bindPostStartEvents(event);\n  this.emitEvent('pointerDown', [event, pointer]);\n};\n\n// hash of events to be bound after start event\nconst postStartEvents = {\n  mousedown: ['mousemove', 'mouseup'],\n  touchstart: ['touchmove', 'touchend', 'touchcancel'],\n  pointerdown: ['pointermove', 'pointerup', 'pointercancel'],\n};\n\npointerProto._bindPostStartEvents = function (event) {\n  if (!event) {\n    return;\n  }\n  // get proper events to match start event\n  const events = postStartEvents[event.type];\n  // bind events to node\n  events.forEach(function (eventName) {\n    window.addEventListener(eventName, this);\n  }, this);\n  // save these arguments\n  this._boundPointerEvents = events;\n};\n\npointerProto._unbindPostStartEvents = function () {\n  // check for _boundEvents, in case dragEnd triggered twice (old IE8 bug)\n  if (!this._boundPointerEvents) {\n    return;\n  }\n  this._boundPointerEvents.forEach(function (eventName) {\n    window.removeEventListener(eventName, this);\n  }, this);\n\n  delete this._boundPointerEvents;\n};\n\n// ----- move event ----- //\n\npointerProto.onmousemove = function (event) {\n  this._pointerMove(event, event);\n};\n\npointerProto.onpointermove = function (event) {\n  if (event.pointerId == this.pointerIdentifier) {\n    this._pointerMove(event, event);\n  }\n};\n\npointerProto.ontouchmove = function (event) {\n  const touch = this.getTouch(event.changedTouches);\n  if (touch) {\n    this._pointerMove(event, touch);\n  }\n};\n\n/**\n * pointer move\n * @param {Event} event\n * @param {Event or Touch} pointer\n * @private\n */\npointerProto._pointerMove = function (event, pointer) {\n  this.pointerMove(event, pointer);\n};\n\n// public\npointerProto.pointerMove = function (event, pointer) {\n  this.emitEvent('pointerMove', [event, pointer]);\n};\n\n// ----- end event ----- //\n\npointerProto.onmouseup = function (event) {\n  this._pointerUp(event, event);\n};\n\npointerProto.onpointerup = function (event) {\n  if (event.pointerId == this.pointerIdentifier) {\n    this._pointerUp(event, event);\n  }\n};\n\npointerProto.ontouchend = function (event) {\n  const touch = this.getTouch(event.changedTouches);\n  if (touch) {\n    this._pointerUp(event, touch);\n  }\n};\n\n/**\n * pointer up\n * @param {Event} event\n * @param {Event or Touch} pointer\n * @private\n */\npointerProto._pointerUp = function (event, pointer) {\n  this._pointerDone();\n  this.pointerUp(event, pointer);\n};\n\n// public\npointerProto.pointerUp = function (event, pointer) {\n  this.emitEvent('pointerUp', [event, pointer]);\n};\n\n// ----- pointer done ----- //\n\n// triggered on pointer up & pointer cancel\npointerProto._pointerDone = function () {\n  this._pointerReset();\n  this._unbindPostStartEvents();\n  this.pointerDone();\n};\n\npointerProto._pointerReset = function () {\n  // reset properties\n  this.isPointerDown = false;\n  delete this.pointerIdentifier;\n};\n\npointerProto.pointerDone = noop;\n\n// ----- pointer cancel ----- //\n\npointerProto.onpointercancel = function (event) {\n  if (event.pointerId == this.pointerIdentifier) {\n    this._pointerCancel(event, event);\n  }\n};\n\npointerProto.ontouchcancel = function (event) {\n  const touch = this.getTouch(event.changedTouches);\n  if (touch) {\n    this._pointerCancel(event, touch);\n  }\n};\n\n/**\n * pointer cancel\n * @param {Event} event\n * @param {Event or Touch} pointer\n * @private\n */\npointerProto._pointerCancel = function (event, pointer) {\n  this._pointerDone();\n  this.pointerCancel(event, pointer);\n};\n\n// public\npointerProto.pointerCancel = function (event, pointer) {\n  this.emitEvent('pointerCancel', [event, pointer]);\n};\n\n// -----  ----- //\n\n// utility function for getting x/y coords from event\nUnipointer.getPointerPoint = function (pointer) {\n  return {\n    x: pointer.pageX,\n    y: pointer.pageY,\n  };\n};\n\n/*!\n * Unidragger v2.4.0\n * Draggable base class\n * MIT license\n */\n\nexport function Unidragger() {}\n\n// inherit Unipointer & EvEmitter\nconst draggerProto = (Unidragger.prototype = Object.create(\n  Unipointer.prototype\n));\n\n// ----- bind start ----- //\n\ndraggerProto.bindHandles = function () {\n  this._bindHandles(true);\n};\n\ndraggerProto.unbindHandles = function () {\n  this._bindHandles(false);\n};\n\n/**\n * Add or remove start event\n * @param {Boolean} isAdd\n */\ndraggerProto._bindHandles = function (isAdd) {\n  // munge isAdd, default to true\n  isAdd = isAdd === undefined ? true : isAdd;\n  // bind each handle\n  const bindMethod = isAdd ? 'addEventListener' : 'removeEventListener';\n  const touchAction = isAdd ? this._touchActionValue : '';\n  for (let i = 0; i < this.handles.length; i++) {\n    const handle = this.handles[i];\n    this._bindStartEvent(handle, isAdd);\n    handle[bindMethod]('click', this);\n    // touch-action: none to override browser touch gestures. metafizzy/flickity#540\n    if (window.PointerEvent) {\n      handle.style.touchAction = touchAction;\n    }\n  }\n};\n\n// prototype so it can be overwriteable by Flickity\ndraggerProto._touchActionValue = 'none';\n\n// ----- start event ----- //\n\n/**\n * pointer start\n * @param {Event} event\n * @param {Event or Touch} pointer\n */\ndraggerProto.pointerDown = function (event, pointer) {\n  const isOkay = this.okayPointerDown(event);\n  if (!isOkay) {\n    return;\n  }\n  // track start event position\n  // Safari 9 overrides pageX and pageY. These values needs to be copied. flickity#842\n  this.pointerDownPointer = {\n    pageX: pointer.pageX,\n    pageY: pointer.pageY,\n  };\n\n  event.preventDefault();\n  this.pointerDownBlur();\n  // bind move and end events\n  this._bindPostStartEvents(event);\n  this.emitEvent('pointerDown', [event, pointer]);\n};\n\n// nodes that have text fields\nconst cursorNodes = {\n  TEXTAREA: true,\n  INPUT: true,\n  SELECT: true,\n  OPTION: true,\n};\n\n// input types that do not have text fields\nconst clickTypes = {\n  radio: true,\n  checkbox: true,\n  button: true,\n  submit: true,\n  image: true,\n  file: true,\n};\n\n// dismiss inputs with text fields. flickity#403, flickity#404\ndraggerProto.okayPointerDown = function (event) {\n  const isCursorNode = cursorNodes[event.target.nodeName];\n  const isClickType = clickTypes[event.target.type];\n  const isOkay = !isCursorNode || isClickType;\n  if (!isOkay) {\n    this._pointerReset();\n  }\n  return isOkay;\n};\n\n// kludge to blur previously focused input\ndraggerProto.pointerDownBlur = function () {\n  const focused = document.activeElement as HTMLElement;\n  // do not blur body for IE10, metafizzy/flickity#117\n  const canBlur = focused && focused.blur && focused != document.body;\n  if (canBlur) {\n    focused.blur();\n  }\n};\n\n// ----- move event ----- //\n\n/**\n * drag move\n * @param {Event} event\n * @param {Event or Touch} pointer\n */\ndraggerProto.pointerMove = function (event, pointer) {\n  const moveVector = this._dragPointerMove(event, pointer);\n  this.emitEvent('pointerMove', [event, pointer, moveVector]);\n  this._dragMove(event, pointer, moveVector);\n};\n\n// base pointer move logic\ndraggerProto._dragPointerMove = function (event, pointer) {\n  const moveVector = {\n    x: pointer.pageX - this.pointerDownPointer.pageX,\n    y: pointer.pageY - this.pointerDownPointer.pageY,\n  };\n  // start drag if pointer has moved far enough to start drag\n  if (!this.isDragging && this.hasDragStarted(moveVector)) {\n    this._dragStart(event, pointer);\n  }\n  return moveVector;\n};\n\n// condition if pointer has moved far enough to start drag\ndraggerProto.hasDragStarted = function (moveVector) {\n  return Math.abs(moveVector.x) > 3 || Math.abs(moveVector.y) > 3;\n};\n\n// ----- end event ----- //\n\n/**\n * pointer up\n * @param {Event} event\n * @param {Event or Touch} pointer\n */\ndraggerProto.pointerUp = function (event, pointer) {\n  this.emitEvent('pointerUp', [event, pointer]);\n  this._dragPointerUp(event, pointer);\n};\n\ndraggerProto._dragPointerUp = function (event, pointer) {\n  if (this.isDragging) {\n    this._dragEnd(event, pointer);\n  } else {\n    // pointer didn't move enough for drag to start\n    this._staticClick(event, pointer);\n  }\n};\n\n// -------------------------- drag -------------------------- //\n\n// dragStart\ndraggerProto._dragStart = function (event, pointer) {\n  this.isDragging = true;\n  // prevent clicks\n  this.isPreventingClicks = true;\n  this.dragStart(event, pointer);\n};\n\ndraggerProto.dragStart = function (event, pointer) {\n  this.emitEvent('dragStart', [event, pointer]);\n};\n\n// dragMove\ndraggerProto._dragMove = function (event, pointer, moveVector) {\n  // do not drag if not dragging yet\n  if (!this.isDragging) {\n    return;\n  }\n\n  this.dragMove(event, pointer, moveVector);\n};\n\ndraggerProto.dragMove = function (event, pointer, moveVector) {\n  event.preventDefault();\n  this.emitEvent('dragMove', [event, pointer, moveVector]);\n};\n\n// dragEnd\ndraggerProto._dragEnd = function (event, pointer) {\n  // set flags\n  this.isDragging = false;\n  // re-enable clicking async\n  setTimeout(\n    function () {\n      delete this.isPreventingClicks;\n    }.bind(this)\n  );\n\n  this.dragEnd(event, pointer);\n};\n\ndraggerProto.dragEnd = function (event, pointer) {\n  this.emitEvent('dragEnd', [event, pointer]);\n};\n\n// ----- onclick ----- //\n\n// handle all clicks and prevent clicks when dragging\ndraggerProto.onclick = function (event) {\n  if (this.isPreventingClicks) {\n    event.preventDefault();\n  }\n};\n\n// ----- staticClick ----- //\n\n// triggered after pointer down & up with no/tiny movement\ndraggerProto._staticClick = function (event, pointer) {\n  // ignore emulated mouse up clicks\n  if (this.isIgnoringMouseUp && event.type == 'mouseup') {\n    return;\n  }\n\n  this.staticClick(event, pointer);\n\n  // set flag for emulated clicks 300ms after touchend\n  if (event.type != 'mouseup') {\n    this.isIgnoringMouseUp = true;\n    // reset flag after 300ms\n    setTimeout(\n      function () {\n        delete this.isIgnoringMouseUp;\n      }.bind(this),\n      400\n    );\n  }\n};\n\ndraggerProto.staticClick = function (event, pointer) {\n  this.emitEvent('staticClick', [event, pointer]);\n};\n\n// ----- utils ----- //\n\nUnidragger.getPointerPoint = Unipointer.getPointerPoint;\n"]}

package/dist/collection/components/slides/lib/js/utils/get-size.js

@@ -0,0 +1,160 @@
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */
+/*!
+ * getSize v2.0.3
+ * measure size of elements
+ * MIT license
+ */
+// get a number from a string, not a percentage
+function getStyleSize(value) {
+  const num = parseFloat(value);
+  // not a percent like '100%', and a number
+  const isValid = value.indexOf('%') == -1 && !isNaN(num);
+  return isValid && num;
+}
+function noop() { }
+const logError = typeof console == 'undefined'
+  ? noop
+  : function (message) {
+    console.error(message);
+  };
+// -------------------------- measurements -------------------------- //
+const measurements = [
+  'paddingLeft',
+  'paddingRight',
+  'paddingTop',
+  'paddingBottom',
+  'marginLeft',
+  'marginRight',
+  'marginTop',
+  'marginBottom',
+  'borderLeftWidth',
+  'borderRightWidth',
+  'borderTopWidth',
+  'borderBottomWidth',
+];
+const measurementsLength = measurements.length;
+function getZeroSize() {
+  const size = {
+    width: 0,
+    height: 0,
+    innerWidth: 0,
+    innerHeight: 0,
+    outerWidth: 0,
+    outerHeight: 0,
+  };
+  for (let i = 0; i < measurementsLength; i++) {
+    const measurement = measurements[i];
+    size[measurement] = 0;
+  }
+  return size;
+}
+// -------------------------- getStyle -------------------------- //
+/**
+ * getStyle, get style of element, check for Firefox bug
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=548397
+ * @param elem element to get styles for
+ * @returns {CSSStyleDeclaration} styles of element
+ */
+function getStyle(elem) {
+  const style = getComputedStyle(elem);
+  if (!style) {
+    logError('Style returned ' +
+      style +
+      '. Are you running this code in a hidden iframe on Firefox? ' +
+      'See https://bit.ly/getsizebug1');
+  }
+  return style;
+}
+// -------------------------- setup -------------------------- //
+let isSetup = false;
+let isBoxSizeOuter;
+/**
+ * setup
+ * check isBoxSizerOuter
+ * do on first getSize() rather than on page load for Firefox bug
+ */
+function setup() {
+  // setup once
+  if (isSetup) {
+    return;
+  }
+  isSetup = true;
+  // -------------------------- box sizing -------------------------- //
+  /**
+   * Chrome & Safari measure the outer-width on style.width on border-box elems
+   * IE11 & Firefox<29 measures the inner-width
+   */
+  const div = document.createElement('div');
+  div.style.width = '200px';
+  div.style.padding = '1px 2px 3px 4px';
+  div.style.borderStyle = 'solid';
+  div.style.borderWidth = '1px 2px 3px 4px';
+  div.style.boxSizing = 'border-box';
+  const body = document.body || document.documentElement;
+  body.appendChild(div);
+  const style = getStyle(div);
+  // round value for browser zoom. desandro/masonry#928
+  isBoxSizeOuter = Math.round(getStyleSize(style.width)) == 200;
+  // @ts-ignore
+  getSize.isBoxSizeOuter = isBoxSizeOuter;
+  body.removeChild(div);
+}
+// -------------------------- getSize -------------------------- //
+export function getSize(elem) {
+  setup();
+  // use querySeletor if elem is string
+  if (typeof elem == 'string') {
+    elem = document.querySelector(elem);
+  }
+  // do not proceed on non-objects
+  if (!elem || typeof elem != 'object' || !elem.nodeType) {
+    return;
+  }
+  const style = getStyle(elem);
+  // if hidden, everything is 0
+  if (style.display == 'none') {
+    return getZeroSize();
+  }
+  const size = {};
+  size.width = elem.offsetWidth;
+  size.height = elem.offsetHeight;
+  const isBorderBox = (size.isBorderBox = style.boxSizing == 'border-box');
+  // get all measurements
+  for (let i = 0; i < measurementsLength; i++) {
+    const measurement = measurements[i];
+    const value = style[measurement];
+    const num = parseFloat(value);
+    // any 'auto', 'medium' value will be 0
+    size[measurement] = !isNaN(num) ? num : 0;
+  }
+  const paddingWidth = size.paddingLeft + size.paddingRight;
+  const paddingHeight = size.paddingTop + size.paddingBottom;
+  const marginWidth = size.marginLeft + size.marginRight;
+  const marginHeight = size.marginTop + size.marginBottom;
+  const borderWidth = size.borderLeftWidth + size.borderRightWidth;
+  const borderHeight = size.borderTopWidth + size.borderBottomWidth;
+  const isBorderBoxSizeOuter = isBorderBox && isBoxSizeOuter;
+  // overwrite width and height if we can get it from style
+  const styleWidth = getStyleSize(style.width);
+  if (styleWidth !== false) {
+    size.width =
+      styleWidth +
+        // add padding and border unless it's already including it
+        (isBorderBoxSizeOuter ? 0 : paddingWidth + borderWidth);
+  }
+  const styleHeight = getStyleSize(style.height);
+  if (styleHeight !== false) {
+    size.height =
+      styleHeight +
+        // add padding and border unless it's already including it
+        (isBorderBoxSizeOuter ? 0 : paddingHeight + borderHeight);
+  }
+  size.innerWidth = size.width - (paddingWidth + borderWidth);
+  size.innerHeight = size.height - (paddingHeight + borderHeight);
+  size.outerWidth = size.width + marginWidth;
+  size.outerHeight = size.height + marginHeight;
+  return size;
+}
+//# sourceMappingURL=get-size.js.map

package/dist/collection/components/slides/lib/js/utils/get-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-size.js","sourceRoot":"","sources":["../../../../../../src/components/slides/lib/js/utils/get-size.ts"],"names":[],"mappings":"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","sourcesContent":["/*!\n * getSize v2.0.3\n * measure size of elements\n * MIT license\n */\n\n// get a number from a string, not a percentage\nfunction getStyleSize(value): number | boolean {\n  const num = parseFloat(value);\n  // not a percent like '100%', and a number\n  const isValid = value.indexOf('%') == -1 && !isNaN(num);\n  return isValid && num;\n}\n\nfunction noop() {}\n\nconst logError =\n  typeof console == 'undefined'\n    ? noop\n    : function (message) {\n        console.error(message);\n      };\n\n// -------------------------- measurements -------------------------- //\n\nconst measurements = [\n  'paddingLeft',\n  'paddingRight',\n  'paddingTop',\n  'paddingBottom',\n  'marginLeft',\n  'marginRight',\n  'marginTop',\n  'marginBottom',\n  'borderLeftWidth',\n  'borderRightWidth',\n  'borderTopWidth',\n  'borderBottomWidth',\n];\n\nconst measurementsLength = measurements.length;\n\nfunction getZeroSize() {\n  const size = {\n    width: 0,\n    height: 0,\n    innerWidth: 0,\n    innerHeight: 0,\n    outerWidth: 0,\n    outerHeight: 0,\n  };\n  for (let i = 0; i < measurementsLength; i++) {\n    const measurement = measurements[i];\n    size[measurement] = 0;\n  }\n  return size;\n}\n\n// -------------------------- getStyle -------------------------- //\n\n/**\n * getStyle, get style of element, check for Firefox bug\n * https://bugzilla.mozilla.org/show_bug.cgi?id=548397\n * @param elem element to get styles for\n * @returns {CSSStyleDeclaration} styles of element\n */\nfunction getStyle(elem) {\n  const style = getComputedStyle(elem);\n  if (!style) {\n    logError(\n      'Style returned ' +\n        style +\n        '. Are you running this code in a hidden iframe on Firefox? ' +\n        'See https://bit.ly/getsizebug1'\n    );\n  }\n  return style;\n}\n\n// -------------------------- setup -------------------------- //\n\nlet isSetup = false;\n\nlet isBoxSizeOuter;\n\n/**\n * setup\n * check isBoxSizerOuter\n * do on first getSize() rather than on page load for Firefox bug\n */\nfunction setup() {\n  // setup once\n  if (isSetup) {\n    return;\n  }\n  isSetup = true;\n\n  // -------------------------- box sizing -------------------------- //\n\n  /**\n   * Chrome & Safari measure the outer-width on style.width on border-box elems\n   * IE11 & Firefox<29 measures the inner-width\n   */\n  const div = document.createElement('div');\n  div.style.width = '200px';\n  div.style.padding = '1px 2px 3px 4px';\n  div.style.borderStyle = 'solid';\n  div.style.borderWidth = '1px 2px 3px 4px';\n  div.style.boxSizing = 'border-box';\n\n  const body = document.body || document.documentElement;\n  body.appendChild(div);\n  const style = getStyle(div);\n  // round value for browser zoom. desandro/masonry#928\n  isBoxSizeOuter = Math.round(getStyleSize(style.width) as number) == 200;\n  // @ts-ignore\n  getSize.isBoxSizeOuter = isBoxSizeOuter;\n\n  body.removeChild(div);\n}\n\n// -------------------------- getSize -------------------------- //\n\nexport function getSize(elem) {\n  setup();\n\n  // use querySeletor if elem is string\n  if (typeof elem == 'string') {\n    elem = document.querySelector(elem);\n  }\n\n  // do not proceed on non-objects\n  if (!elem || typeof elem != 'object' || !elem.nodeType) {\n    return;\n  }\n\n  const style = getStyle(elem);\n\n  // if hidden, everything is 0\n  if (style.display == 'none') {\n    return getZeroSize();\n  }\n\n  const size: any = {};\n  size.width = elem.offsetWidth;\n  size.height = elem.offsetHeight;\n\n  const isBorderBox = (size.isBorderBox = style.boxSizing == 'border-box');\n\n  // get all measurements\n  for (let i = 0; i < measurementsLength; i++) {\n    const measurement = measurements[i];\n    const value = style[measurement];\n    const num = parseFloat(value);\n    // any 'auto', 'medium' value will be 0\n    size[measurement] = !isNaN(num) ? num : 0;\n  }\n\n  const paddingWidth = size.paddingLeft + size.paddingRight;\n  const paddingHeight = size.paddingTop + size.paddingBottom;\n  const marginWidth = size.marginLeft + size.marginRight;\n  const marginHeight = size.marginTop + size.marginBottom;\n  const borderWidth = size.borderLeftWidth + size.borderRightWidth;\n  const borderHeight = size.borderTopWidth + size.borderBottomWidth;\n\n  const isBorderBoxSizeOuter = isBorderBox && isBoxSizeOuter;\n\n  // overwrite width and height if we can get it from style\n  const styleWidth = getStyleSize(style.width);\n  if (styleWidth !== false) {\n    size.width =\n      styleWidth +\n      // add padding and border unless it's already including it\n      (isBorderBoxSizeOuter ? 0 : paddingWidth + borderWidth);\n  }\n\n  const styleHeight = getStyleSize(style.height);\n  if (styleHeight !== false) {\n    size.height =\n      styleHeight +\n      // add padding and border unless it's already including it\n      (isBorderBoxSizeOuter ? 0 : paddingHeight + borderHeight);\n  }\n\n  size.innerWidth = size.width - (paddingWidth + borderWidth);\n  size.innerHeight = size.height - (paddingHeight + borderHeight);\n\n  size.outerWidth = size.width + marginWidth;\n  size.outerHeight = size.height + marginHeight;\n\n  return size;\n}\n"]}