@fastkit/scroller 0.16.0 → 0.17.0-next.0

package/dist/scroller.mjs

@@ -1,1416 +1,1401 @@
-import { EV } from '@fastkit/ev';
-import { visibilityManager } from '@fastkit/visibility';
-import { IN_WINDOW, removeUndef } from '@fastkit/helpers';
-import { TinyLogger } from '@fastkit/tiny-logger';
+import { EV } from "@fastkit/ev";
+import { visibilityManager } from "@fastkit/visibility";
+import { IN_WINDOW, removeUndef } from "@fastkit/helpers";
+import { TinyLogger } from "@fastkit/tiny-logger";
 
-// src/util.ts
+//#region src/util.ts
 function isDocumentElement(el) {
-  return el.constructor === HTMLHtmlElement;
+	return el.constructor === HTMLHtmlElement;
 }
-function isBodyElement(el) {
-  return el.constructor === HTMLBodyElement;
+function isBodyElement$1(el) {
+	return el.constructor === HTMLBodyElement;
 }
-var logger = new TinyLogger("scroller");
 
-// src/prevent-scroll.ts
-var SCROLLABLE_KEY_CODES = [32, 33, 34, 35, 36, 37, 38, 39, 40];
-var eventListenerOptions = {
-  passive: false
-};
-var handleWheel = (e) => {
-  e.preventDefault();
+//#endregion
+//#region src/logger.ts
+const logger = new TinyLogger("scroller");
+
+//#endregion
+//#region src/prevent-scroll.ts
+const SCROLLABLE_KEY_CODES = [
+	32,
+	33,
+	34,
+	35,
+	36,
+	37,
+	38,
+	39,
+	40
+];
+const eventListenerOptions = { passive: false };
+const handleWheel = (e) => {
+	e.preventDefault();
 };
-var handleScroll = (e) => {
-  const el = e.target;
-  if (el && el.__ps_ctx__) {
-    el.scrollTo(el.__ps_ctx__.lockPosition.x, el.__ps_ctx__.lockPosition.y);
-  }
+const handleScroll = (e) => {
+	const el = e.target;
+	if (el && el.__ps_ctx__) el.scrollTo(el.__ps_ctx__.lockPosition.x, el.__ps_ctx__.lockPosition.y);
 };
-var handleKeydown = (e) => {
-  if (e.target && ["INPUT", "TEXTAREA"].includes(e.target.tagName)) {
-    return;
-  }
-  if (SCROLLABLE_KEY_CODES.includes(e.which)) {
-    e.preventDefault();
-  }
+const handleKeydown = (e) => {
+	if (e.target && ["INPUT", "TEXTAREA"].includes(e.target.tagName)) return;
+	if (SCROLLABLE_KEY_CODES.includes(e.which)) e.preventDefault();
 };
 function enableScroll(el) {
-  const _el = el;
-  if (!_el.__ps_ctx__) return;
-  const { options } = _el.__ps_ctx__;
-  _el.removeEventListener("wheel", handleWheel, eventListenerOptions);
-  _el.removeEventListener("scroll", handleScroll, eventListenerOptions);
-  _el.removeEventListener("keydown", handleKeydown);
-  if (options.hideScrollbar) {
-    _el.style.overflow = _el.__ps_ctx__.overflowOrigin;
-  }
-  delete _el.__ps_ctx__;
+	const _el = el;
+	if (!_el.__ps_ctx__) return;
+	const { options } = _el.__ps_ctx__;
+	_el.removeEventListener("wheel", handleWheel, eventListenerOptions);
+	_el.removeEventListener("scroll", handleScroll, eventListenerOptions);
+	_el.removeEventListener("keydown", handleKeydown);
+	if (options.hideScrollbar) _el.style.overflow = _el.__ps_ctx__.overflowOrigin;
+	delete _el.__ps_ctx__;
 }
 function disableScroll(el, opts = {}) {
-  const { hideScrollbar = false } = opts;
-  const _el = el;
-  if (_el.__ps_ctx__) return;
-  const options = {
-    hideScrollbar
-  };
-  _el.__ps_ctx__ = {
-    options,
-    el: _el,
-    overflowOrigin: _el.style.overflow,
-    lockPosition: {
-      x: _el.scrollLeft || _el.scrollX,
-      y: _el.scrollTop || _el.scrollY
-    }
-  };
-  if (options.hideScrollbar) {
-    _el.style.overflow = "hidden";
-  }
-  _el.addEventListener("wheel", handleWheel, eventListenerOptions);
-  _el.addEventListener("scroll", handleScroll, eventListenerOptions);
-  _el.addEventListener("keydown", handleKeydown);
+	const { hideScrollbar = false } = opts;
+	const _el = el;
+	if (_el.__ps_ctx__) return;
+	const options = { hideScrollbar };
+	_el.__ps_ctx__ = {
+		options,
+		el: _el,
+		overflowOrigin: _el.style.overflow,
+		lockPosition: {
+			x: _el.scrollLeft || _el.scrollX,
+			y: _el.scrollTop || _el.scrollY
+		}
+	};
+	if (options.hideScrollbar) _el.style.overflow = "hidden";
+	_el.addEventListener("wheel", handleWheel, eventListenerOptions);
+	_el.addEventListener("scroll", handleScroll, eventListenerOptions);
+	_el.addEventListener("keydown", handleKeydown);
 }
 
-// src/scroll/schemes.ts
-var defaultBaseSettings = {
-  duration: 500,
-  easing: "ease",
-  cancelable: true
+//#endregion
+//#region src/scroll/schemes.ts
+const defaultBaseSettings = {
+	duration: 500,
+	easing: "ease",
+	cancelable: true
 };
-var defaultSettings = {
-  get container() {
-    return document.scrollingElement;
-  },
-  ...defaultBaseSettings
+const defaultSettings = {
+	get container() {
+		return document.scrollingElement;
+	},
+	...defaultBaseSettings
 };
 
-// src/bezier-easing.ts
+//#endregion
+//#region src/bezier-easing.ts
 function LinearEasing(x) {
-  return x;
+	return x;
 }
-var { cbrt, sqrt, PI: \u03C0 } = Math;
-var x2t = (x, a, b, c, d) => {
-  const q = a + b * x;
-  const s = q ** 2 + c;
-  if (s > 0) {
-    const root = sqrt(s);
-    return cbrt(q + root) + cbrt(q - root) - d;
-  }
-  const l = cbrt(sqrt(q * q - s));
-  const angle = q ? Math.atan(sqrt(-s) / q) : -\u03C0 / 2;
-  let \u03C6;
-  if (b < 0) {
-    \u03C6 = (q > 0 ? 2 * \u03C0 : \u03C0) - angle;
-  } else if (d < 0) {
-    \u03C6 = (q > 0 ? 2 * \u03C0 : -3 * \u03C0) + angle;
-  } else {
-    \u03C6 = (q > 0 ? 0 : \u03C0) + angle;
-  }
-  return 2 * l * Math.cos(\u03C6 / 3) - d;
+const { cbrt, sqrt, PI: π } = Math;
+const x2t = (x, a, b, c, d) => {
+	const q = a + b * x;
+	const s = q ** 2 + c;
+	if (s > 0) {
+		const root = sqrt(s);
+		return cbrt(q + root) + cbrt(q - root) - d;
+	}
+	const l = cbrt(sqrt(q * q - s));
+	const angle = q ? Math.atan(sqrt(-s) / q) : -π / 2;
+	let φ;
+	if (b < 0) φ = (q > 0 ? 2 * π : π) - angle;
+	else if (d < 0) φ = (q > 0 ? 2 * π : -3 * π) + angle;
+	else φ = (q > 0 ? 0 : π) + angle;
+	return 2 * l * Math.cos(φ / 3) - d;
 };
-var Y = (t, ay, by, cy) => ((ay * t + 3 * by) * t + cy) * t;
+const Y = (t, ay, by, cy) => ((ay * t + 3 * by) * t + cy) * t;
 function bezier(mX1, mY1, mX2, mY2) {
-  if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) {
-    throw new Error("bezier x values must be in [0, 1] range");
-  }
-  if (mX1 === mY1 && mX2 === mY2) {
-    return LinearEasing;
-  }
-  const a = 6 * (3 * mX1 - 3 * mX2 + 1);
-  const b = 6 * (mX2 - 2 * mX1);
-  const c = 3 * mX1;
-  const a2 = a * a;
-  const b2 = b * b;
-  const d = b / a;
-  const e = 3 * b * c / a2 - b2 * b / (a2 * a);
-  const w1 = 2 * c / a - b2 / a2;
-  const w = w1 * w1 * w1;
-  const o = 3 / a;
-  const ay = 3 * mY1 - 3 * mY2 + 1;
-  const by = mY2 - 2 * mY1;
-  const cy = 3 * mY1;
-  const X2T = a ? x2t : LinearEasing;
-  return function BezierEasing(x) {
-    if (x === 0 || x === 1) {
-      return x;
-    }
-    return Y(X2T(x, e, o, w, d), ay, by, cy);
-  };
+	if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) throw new Error("bezier x values must be in [0, 1] range");
+	if (mX1 === mY1 && mX2 === mY2) return LinearEasing;
+	const a = 6 * (3 * mX1 - 3 * mX2 + 1);
+	const b = 6 * (mX2 - 2 * mX1);
+	const c = 3 * mX1;
+	const a2 = a * a;
+	const b2 = b * b;
+	const d = b / a;
+	const e = 3 * b * c / a2 - b2 * b / (a2 * a);
+	const w1 = 2 * c / a - b2 / a2;
+	const w = w1 * w1 * w1;
+	const o = 3 / a;
+	const ay = 3 * mY1 - 3 * mY2 + 1;
+	const by = mY2 - 2 * mY1;
+	const cy = 3 * mY1;
+	const X2T = a ? x2t : LinearEasing;
+	return function BezierEasing(x) {
+		if (x === 0 || x === 1) return x;
+		return Y(X2T(x, e, o, w, d), ay, by, cy);
+	};
 }
 
-// src/scroll/easings.ts
-var easings = {
-  ease: [0.25, 0.1, 0.25, 1],
-  linear: [0, 0, 1, 1],
-  "ease-in": [0.42, 0, 1, 1],
-  "ease-out": [0, 0, 0.58, 1],
-  "ease-in-out": [0.42, 0, 0.58, 1]
+//#endregion
+//#region src/scroll/easings.ts
+const easings = {
+	ease: [
+		.25,
+		.1,
+		.25,
+		1
+	],
+	linear: [
+		0,
+		0,
+		1,
+		1
+	],
+	"ease-in": [
+		.42,
+		0,
+		1,
+		1
+	],
+	"ease-out": [
+		0,
+		0,
+		.58,
+		1
+	],
+	"ease-in-out": [
+		.42,
+		0,
+		.58,
+		1
+	]
 };
 var easings_default = easings;
 
-// src/scroll/util.ts
-function isBodyElement2(el) {
-  return el.tagName.toLowerCase() === "body";
+//#endregion
+//#region src/scroll/util.ts
+function isBodyElement(el) {
+	return el.tagName.toLowerCase() === "body";
 }
 function getContainerDimension(el) {
-  if (isBodyElement2(el)) {
-    const documentElement = document.documentElement;
-    return {
-      // width: window.innerWidth,
-      // height: window.innerHeight,
-      width: documentElement.clientWidth,
-      height: documentElement.clientWidth
-    };
-  }
-  return {
-    width: el.clientWidth,
-    height: el.clientHeight
-  };
+	if (isBodyElement(el)) {
+		const documentElement = document.documentElement;
+		return {
+			width: documentElement.clientWidth,
+			height: documentElement.clientWidth
+		};
+	}
+	return {
+		width: el.clientWidth,
+		height: el.clientHeight
+	};
 }
 function $(selectorOrElement) {
-  if (typeof selectorOrElement !== "string")
-    return selectorOrElement;
-  return document.querySelector(selectorOrElement);
+	if (typeof selectorOrElement !== "string") return selectorOrElement;
+	return document.querySelector(selectorOrElement);
 }
 function cumulativeOffset(element) {
-  let top = 0;
-  let left = 0;
-  let el = element;
-  while (el) {
-    top += el.offsetTop || 0;
-    left += el.offsetLeft || 0;
-    el = el.offsetParent;
-  }
-  return {
-    top,
-    left
-  };
+	let top = 0;
+	let left = 0;
+	let el = element;
+	while (el) {
+		top += el.offsetTop || 0;
+		left += el.offsetLeft || 0;
+		el = el.offsetParent;
+	}
+	return {
+		top,
+		left
+	};
 }
 function on(element, events, handler, opts = { passive: false }) {
-  if (!Array.isArray(events)) events = [events];
-  for (let i = 0; i < events.length; i++) {
-    element.addEventListener(events[i], handler, opts);
-  }
+	if (!Array.isArray(events)) events = [events];
+	for (let i = 0; i < events.length; i++) element.addEventListener(events[i], handler, opts);
 }
 function off(element, events, handler) {
-  if (!Array.isArray(events)) events = [events];
-  for (let i = 0; i < events.length; i++) {
-    element.removeEventListener(events[i], handler);
-  }
+	if (!Array.isArray(events)) events = [events];
+	for (let i = 0; i < events.length; i++) element.removeEventListener(events[i], handler);
 }
 function error(message) {
-  return new Error(`[scroll] ${message}`);
+	return /* @__PURE__ */ new Error(`[scroll] ${message}`);
 }
 
-// src/scroll/scroll-by-internal.ts
-var abortEvents = [
-  "mousedown",
-  "wheel",
-  "DOMMouseScroll",
-  "mousewheel",
-  "keyup",
-  "touchmove"
+//#endregion
+//#region src/scroll/scroll-by-internal.ts
+const abortEvents = [
+	"mousedown",
+	"wheel",
+	"DOMMouseScroll",
+	"mousewheel",
+	"keyup",
+	"touchmove"
 ];
 function scroll(diffX, diffY, options = {}, _computedValues) {
-  let $container;
-  let initialX;
-  let initialY;
-  let targetX;
-  let targetY;
-  const _options = { ...defaultSettings, ...removeUndef(options) };
-  const {
-    container,
-    duration,
-    easing,
-    cancelable,
-    onProgress,
-    onCancel,
-    onDone
-  } = _options;
-  const x = diffX !== 0;
-  const y = diffY !== 0;
-  if (_computedValues) {
-    $container = _computedValues.$container;
-    initialX = _computedValues.initialX;
-    initialY = _computedValues.initialY;
-    targetX = _computedValues.targetX;
-    targetY = _computedValues.targetY;
-  } else {
-    $container = $(container);
-    if (!$container) throw error(`missing container ${container}`);
-    initialX = $container.scrollLeft;
-    initialY = $container.scrollTop;
-    targetX = initialX + diffX;
-    targetY = initialY + diffY;
-  }
-  const { scrollWidth, scrollHeight } = $container;
-  const { width, height } = getContainerDimension($container);
-  const overflowX = targetX + width - scrollWidth;
-  const overflowY = targetY + height - scrollHeight;
-  if (overflowX > 0) {
-    diffX -= overflowX;
-    targetX -= overflowX;
-  }
-  if (overflowY > 0) {
-    diffY -= overflowY;
-    targetY -= overflowY;
-  }
-  let doneResolver;
-  let timeStart = 0;
-  let timeElapsed;
-  const callbackValues = {
-    container: $container,
-    progress: 0,
-    aborted: false,
-    abortEventSource: null
-  };
-  const result = {
-    cancel: canceller,
-    promise: new Promise((resolve) => {
-      doneResolver = resolve;
-    }),
-    plans: {
-      x: diffX,
-      y: diffY
-    }
-  };
-  if (diffY === 0 && diffX === 0 || !!$container.__ps_ctx__)
-    return initialAbort();
-  let easingValues;
-  if (!easing) {
-    easingValues = easings_default.ease;
-  } else if (typeof easing === "string") {
-    easingValues = easings_default[_options.easing];
-  } else {
-    easingValues = easing;
-  }
-  const easingFn = bezier.apply(
-    bezier,
-    easingValues
-  );
-  on($container, abortEvents, abortFn, { passive: true });
-  window.requestAnimationFrame(step);
-  return result;
-  function doneResolve() {
-    doneResolver();
-  }
-  function canceller(e = null, checkCancelable = false) {
-    if (checkCancelable && !cancelable) return;
-    off($container, abortEvents, abortFn);
-    callbackValues.abortEventSource = e;
-    callbackValues.aborted = true;
-    onCancel && onCancel(callbackValues);
-  }
-  function abortFn(e) {
-    canceller(e, true);
-  }
-  function initialAbort(e = null) {
-    canceller(e);
-    doneResolve();
-    return result;
-  }
-  function step(timestamp) {
-    if (callbackValues.aborted) return done();
-    if (!timeStart) timeStart = timestamp;
-    timeElapsed = timestamp - timeStart;
-    let progress = Math.min(timeElapsed / duration, 1);
-    progress = easingFn(progress);
-    callbackValues.progress = progress;
-    topLeft(initialY + diffY * progress, initialX + diffX * progress);
-    onProgress && onProgress(callbackValues);
-    timeElapsed < duration ? window.requestAnimationFrame(step) : done();
-  }
-  function topLeft(top, left) {
-    if (y) $container.scrollTop = top;
-    if (x) $container.scrollLeft = left;
-  }
-  function done() {
-    if (!callbackValues.aborted) topLeft(targetY, targetX);
-    timeStart = 0;
-    off($container, abortEvents, abortFn);
-    callbackValues.progress = 1;
-    doneResolve();
-    if (!callbackValues.aborted && onDone) onDone(callbackValues);
-  }
+	let $container;
+	let initialX;
+	let initialY;
+	let targetX;
+	let targetY;
+	const _options = {
+		...defaultSettings,
+		...removeUndef(options)
+	};
+	const { container, duration, easing, cancelable, onProgress, onCancel, onDone } = _options;
+	const x = diffX !== 0;
+	const y = diffY !== 0;
+	if (_computedValues) {
+		$container = _computedValues.$container;
+		initialX = _computedValues.initialX;
+		initialY = _computedValues.initialY;
+		targetX = _computedValues.targetX;
+		targetY = _computedValues.targetY;
+	} else {
+		$container = $(container);
+		if (!$container) throw error(`missing container ${container}`);
+		initialX = $container.scrollLeft;
+		initialY = $container.scrollTop;
+		targetX = initialX + diffX;
+		targetY = initialY + diffY;
+	}
+	const { scrollWidth, scrollHeight } = $container;
+	const { width, height } = getContainerDimension($container);
+	const overflowX = targetX + width - scrollWidth;
+	const overflowY = targetY + height - scrollHeight;
+	if (overflowX > 0) {
+		diffX -= overflowX;
+		targetX -= overflowX;
+	}
+	if (overflowY > 0) {
+		diffY -= overflowY;
+		targetY -= overflowY;
+	}
+	let doneResolver;
+	let timeStart = 0;
+	let timeElapsed;
+	const callbackValues = {
+		container: $container,
+		progress: 0,
+		aborted: false,
+		abortEventSource: null
+	};
+	const result = {
+		cancel: canceller,
+		promise: new Promise((resolve) => {
+			doneResolver = resolve;
+		}),
+		plans: {
+			x: diffX,
+			y: diffY
+		}
+	};
+	if (diffY === 0 && diffX === 0 || !!$container.__ps_ctx__) return initialAbort();
+	let easingValues;
+	if (!easing) easingValues = easings_default.ease;
+	else if (typeof easing === "string") easingValues = easings_default[_options.easing];
+	else easingValues = easing;
+	const easingFn = bezier.apply(bezier, easingValues);
+	on($container, abortEvents, abortFn, { passive: true });
+	window.requestAnimationFrame(step);
+	return result;
+	function doneResolve() {
+		doneResolver();
+	}
+	function canceller(e = null, checkCancelable = false) {
+		if (checkCancelable && !cancelable) return;
+		off($container, abortEvents, abortFn);
+		callbackValues.abortEventSource = e;
+		callbackValues.aborted = true;
+		onCancel && onCancel(callbackValues);
+	}
+	function abortFn(e) {
+		canceller(e, true);
+	}
+	function initialAbort(e = null) {
+		canceller(e);
+		doneResolve();
+		return result;
+	}
+	function step(timestamp) {
+		if (callbackValues.aborted) return done();
+		if (!timeStart) timeStart = timestamp;
+		timeElapsed = timestamp - timeStart;
+		let progress = Math.min(timeElapsed / duration, 1);
+		progress = easingFn(progress);
+		callbackValues.progress = progress;
+		topLeft(initialY + diffY * progress, initialX + diffX * progress);
+		onProgress && onProgress(callbackValues);
+		timeElapsed < duration ? window.requestAnimationFrame(step) : done();
+	}
+	function topLeft(top, left) {
+		if (y) $container.scrollTop = top;
+		if (x) $container.scrollLeft = left;
+	}
+	function done() {
+		if (!callbackValues.aborted) topLeft(targetY, targetX);
+		timeStart = 0;
+		off($container, abortEvents, abortFn);
+		callbackValues.progress = 1;
+		doneResolve();
+		if (!callbackValues.aborted && onDone) onDone(callbackValues);
+	}
 }
 
-// src/scroll/scroll-by.ts
+//#endregion
+//#region src/scroll/scroll-by.ts
+/**
+* 指定の差分だけコンテナをスクロールします。
+* @param diffX - 横軸の移動量（px）です。デフォルトは0です。
+* @param diffY - 縦軸の移動量（px）です。デフォルトは0です。
+* @param options - スクロールオプション
+*/
 function scrollBy(diffX, diffY, options) {
-  return scroll(diffX, diffY, options);
+	return scroll(diffX, diffY, options);
 }
 
-// src/scroll/scroll-to.ts
+//#endregion
+//#region src/scroll/scroll-to.ts
+/**
+* 任意の位置（px）へコンテナをスクロールします。
+* @param scrollPosition - スクロール先を指定します。x, y 共にオプショナルなるです。未指定の軸は現在のスクロール値のまま保持されます。
+* @param options - スクロールオプション
+*/
 function scrollTo(scrollPosition, options = {}) {
-  let { x, y } = scrollPosition;
-  const container = options.container || defaultSettings.container;
-  const $container = $(container);
-  if (!$container) throw error(`missing container ${container}`);
-  const initialY = $container.scrollTop;
-  const initialX = $container.scrollLeft;
-  if (x === void 0) x = initialX;
-  if (y === void 0) y = initialY;
-  const diffX = x - initialX;
-  const diffY = y - initialY;
-  return scroll(diffX, diffY, options, {
-    $container,
-    initialX,
-    initialY,
-    targetX: x,
-    targetY: y
-  });
+	let { x, y } = scrollPosition;
+	const container = options.container || defaultSettings.container;
+	const $container = $(container);
+	if (!$container) throw error(`missing container ${container}`);
+	const initialY = $container.scrollTop;
+	const initialX = $container.scrollLeft;
+	if (x === void 0) x = initialX;
+	if (y === void 0) y = initialY;
+	return scroll(x - initialX, y - initialY, options, {
+		$container,
+		initialX,
+		initialY,
+		targetX: x,
+		targetY: y
+	});
 }
 
-// src/scroll/scroll-to-element.ts
-var scrollToElementSettingsDefaults = {
-  offset: 0,
-  x: false,
-  y: true
+//#endregion
+//#region src/scroll/scroll-to-element.ts
+/**
+* 要素スクロール利用事のデフォルト設定です。
+* {@link ScrollToElementSettings}
+*/
+const scrollToElementSettingsDefaults = {
+	offset: 0,
+	x: false,
+	y: true
 };
+/**
+* 任意の要素の位置へスクロールします。
+* @param target - スクロール先の要素
+* @param options - スクロールオプション
+*/
 function scrollToElement(target, options = {}) {
-  const _options = { ...scrollToElementSettingsDefaults, ...options };
-  const { x, y } = _options;
-  const offsetSource = _options.offset;
-  const offset = typeof offsetSource === "number" ? { x: offsetSource, y: offsetSource } : offsetSource;
-  const $target = $(target);
-  if (!$target) throw error(`missing element ${target}`);
-  const container = _options.container || defaultSettings.container;
-  const $container = $(container);
-  if (!$container) throw error(`missing container ${container}`);
-  const cumulativeOffsetContainer = cumulativeOffset($container);
-  const cumulativeOffsetTarget = cumulativeOffset($target);
-  const initialY = $container.scrollTop;
-  const initialX = $container.scrollLeft;
-  const targetY = cumulativeOffsetTarget.top - cumulativeOffsetContainer.top + (offset.y || 0);
-  const targetX = cumulativeOffsetTarget.left - cumulativeOffsetContainer.left + (offset.x || 0);
-  const diffX = x ? targetX - initialX : 0;
-  const diffY = y ? targetY - initialY : 0;
-  return scroll(diffX, diffY, _options, {
-    $container,
-    initialX,
-    initialY,
-    targetX,
-    targetY
-  });
+	const _options = {
+		...scrollToElementSettingsDefaults,
+		...options
+	};
+	const { x, y } = _options;
+	const offsetSource = _options.offset;
+	const offset = typeof offsetSource === "number" ? {
+		x: offsetSource,
+		y: offsetSource
+	} : offsetSource;
+	const $target = $(target);
+	if (!$target) throw error(`missing element ${target}`);
+	const container = _options.container || defaultSettings.container;
+	const $container = $(container);
+	if (!$container) throw error(`missing container ${container}`);
+	const cumulativeOffsetContainer = cumulativeOffset($container);
+	const cumulativeOffsetTarget = cumulativeOffset($target);
+	const initialY = $container.scrollTop;
+	const initialX = $container.scrollLeft;
+	const targetY = cumulativeOffsetTarget.top - cumulativeOffsetContainer.top + (offset.y || 0);
+	const targetX = cumulativeOffsetTarget.left - cumulativeOffsetContainer.left + (offset.x || 0);
+	return scroll(x ? targetX - initialX : 0, y ? targetY - initialY : 0, _options, {
+		$container,
+		initialX,
+		initialY,
+		targetX,
+		targetY
+	});
 }
 
-// src/scroll/scroll-to-side.ts
+//#endregion
+//#region src/scroll/scroll-to-side.ts
+/**
+* コンテナをいずれかの辺までスクロールします。
+* @param targets - 辺を指定します。シングルの文字列、及び配列に対応しています。
+* @param options - スクロールオプション
+*/
 function scrollToSide(targets, options) {
-  const sides = typeof targets === "string" ? [targets] : targets;
-  const position = {};
-  const hasRight = sides.includes("right");
-  const hasBottom = sides.includes("bottom");
-  if (sides.includes("top")) {
-    position.y = 0;
-  }
-  if (sides.includes("left")) {
-    position.x = 0;
-  }
-  if (hasRight || hasBottom) {
-    const container = options && options.container || defaultSettings.container;
-    const $container = $(container);
-    if (!$container) throw error(`missing container ${container}`);
-    if (hasRight) position.x = $container.scrollWidth;
-    if (hasBottom) position.y = $container.scrollHeight;
-  }
-  return scrollTo(position, options);
+	const sides = typeof targets === "string" ? [targets] : targets;
+	const position = {};
+	const hasRight = sides.includes("right");
+	const hasBottom = sides.includes("bottom");
+	if (sides.includes("top")) position.y = 0;
+	if (sides.includes("left")) position.x = 0;
+	if (hasRight || hasBottom) {
+		const container = options && options.container || defaultSettings.container;
+		const $container = $(container);
+		if (!$container) throw error(`missing container ${container}`);
+		if (hasRight) position.x = $container.scrollWidth;
+		if (hasBottom) position.y = $container.scrollHeight;
+	}
+	return scrollTo(position, options);
 }
+/**
+* コンテナを上辺までスクロールします。
+* @param options - スクロールオプション
+*/
 function scrollToTop(options) {
-  return scrollToSide("top", options);
+	return scrollToSide("top", options);
 }
+/**
+* コンテナを右辺までスクロールします。
+* @param options - スクロールオプション
+*/
 function scrollToRight(options) {
-  return scrollToSide("right", options);
+	return scrollToSide("right", options);
 }
+/**
+* コンテナを下辺までスクロールします。
+* @param options - スクロールオプション
+*/
 function scrollToBottom(options) {
-  return scrollToSide("bottom", options);
+	return scrollToSide("bottom", options);
 }
+/**
+* コンテナを左辺までスクロールします。
+* @param options - スクロールオプション
+*/
 function scrollToLeft(options) {
-  return scrollToSide("left", options);
+	return scrollToSide("left", options);
 }
+/**
+* コンテナを左上コーナーまでスクロールします。
+* @param options - スクロールオプション
+*/
 function scrollToLeftTop(options) {
-  return scrollToSide(["left", "top"], options);
+	return scrollToSide(["left", "top"], options);
 }
+/**
+* コンテナを左下コーナーまでスクロールします。
+* @param options - スクロールオプション
+*/
 function scrollToLeftBottom(options) {
-  return scrollToSide(["left", "bottom"], options);
+	return scrollToSide(["left", "bottom"], options);
 }
+/**
+* コンテナを右上コーナーまでスクロールします。
+* @param options - スクロールオプション
+*/
 function scrollToRightTop(options) {
-  return scrollToSide(["right", "top"], options);
+	return scrollToSide(["right", "top"], options);
 }
+/**
+* コンテナを右下コーナーまでスクロールします。
+* @param options - スクロールオプション
+*/
 function scrollToRightBottom(options) {
-  return scrollToSide(["right", "bottom"], options);
+	return scrollToSide(["right", "bottom"], options);
 }
 
-// src/scroller.ts
-var ScrollerState = /* @__PURE__ */ ((ScrollerState2) => {
-  ScrollerState2["Pending"] = "pending";
-  ScrollerState2["Ready"] = "ready";
-  ScrollerState2["Running"] = "running";
-  ScrollerState2["Destroyed"] = "destroyed";
-  return ScrollerState2;
-})(ScrollerState || {});
-var scrollerObservableKeys = [
-  "state",
-  "isPending",
-  "isReady",
-  "isRunning",
-  "isDestroyed",
-  "scrollEnabled",
-  "containerWidth",
-  "containerHeight",
-  "scrollWidth",
-  "scrollHeight",
-  "scrollableX",
-  "scrollableY",
-  "scrollTop",
-  "scrollLeft",
-  "scrollRight",
-  "scrollBottom",
-  "lastAxis",
-  "lastDirection",
-  "lastYDirection",
-  "lastXDirection",
-  "nowScrolling"
+//#endregion
+//#region src/scroller.ts
+/**
+* Scrollerの状態を示します。
+*/
+let ScrollerState = /* @__PURE__ */ function(ScrollerState) {
+	/**
+	* Scrollerが初期化されていない（Elementが設定されていない）状態を示します。
+	*/
+	ScrollerState["Pending"] = "pending";
+	/**
+	* Scrollerが初期化されているが、[[Scroller.el]]のリサイズやスクロールのイベント監視が動作していない状態を示します。
+	*/
+	ScrollerState["Ready"] = "ready";
+	/**
+	* Scrollerが初期化されていて、[[Scroller.el]]のリサイズやスクロールのイベント監視が動作している状態を示します。
+	*/
+	ScrollerState["Running"] = "running";
+	/**
+	* [[Scroller.destroy]]が実行され、Scrollerが利用不可である状態を示します。
+	*/
+	ScrollerState["Destroyed"] = "destroyed";
+	return ScrollerState;
+}({});
+const scrollerObservableKeys = [
+	"state",
+	"isPending",
+	"isReady",
+	"isRunning",
+	"isDestroyed",
+	"scrollEnabled",
+	"containerWidth",
+	"containerHeight",
+	"scrollWidth",
+	"scrollHeight",
+	"scrollableX",
+	"scrollableY",
+	"scrollTop",
+	"scrollLeft",
+	"scrollRight",
+	"scrollBottom",
+	"lastAxis",
+	"lastDirection",
+	"lastYDirection",
+	"lastXDirection",
+	"nowScrolling"
 ];
+/**
+* 任意のElement（or HTML Document）のスクロールやサイズ変更を監視し、その情報を通知するクラスです。<br>
+* <a href="https://dadajam4.github.io/dadajam4/ev/classes/_ev_.ev.html" target="_blank">EV</a>を継承しており、イベントの購読[[Scroller.on]]等のインターフェースを利用するか、
+* [[Scroller.observe]]メソッドを利用します。<br>
+* [[Scroller.on]]、[[Scroller.once]]で購読可能なイベントについては[[ScrollerEventMap]]を参照してください。
+*/
 var Scroller = class extends EV {
-  /**
-   * Scrollerクラスの状態を監視＆同期するオブジェクトが
-   * 保有すべきプロパティ一のキーの配列です。
-   */
-  static scrollerObservableKeys = scrollerObservableKeys;
-  /**
-   * Scrollerの状態を示すenum値です。
-   * {@link ScrollerState}
-   */
-  static States = ScrollerState;
-  /**
-   * スクロールを検知してから、移動がなくなった際に、何ms後にスクロール終了と判定するかのインターバル値を示します。
-   * デフォルトは500です。
-   */
-  scrollingJudgeInterval = 500;
-  /**
-   * 縦、横のどちらのスクロールを基準とするかを示します。
-   * デフォルトはyです。<br>
-   * この設定は[[Scroller.toElement]]のデフォルト値にも影響します。
-   */
-  baseAxis = "y";
-  /**
-   * スクロール系メソッド[[Scroller.to]]等を利用する際のデフォルトの設定を示します。
-   */
-  scrollSettingsDefaults = { ...defaultBaseSettings };
-  /**
-   * [[Scroller.toElement]]のデフォルトオプションの設定を示します。
-   */
-  scrollToElementSettingsDefaults = {
-    ...scrollToElementSettingsDefaults
-  };
-  scrollSizeObserver;
-  /**
-   * 設定されたElement要素です。
-   * 初期化が完了していない時には本getterはundefinedを返却する事に注意してください。
-   */
-  get el() {
-    return this._el;
-  }
-  /**
-   * 現在の状態です。<br>
-   * {@link ScrollerState}
-   */
-  get state() {
-    return this._state;
-  }
-  /**
-   * 未初期化である場合trueを示します。
-   */
-  get isPending() {
-    return this._state === "pending" /* Pending */;
-  }
-  /**
-   * 初期化済み＆停止状態である場合trueを示します。
-   */
-  get isReady() {
-    return this._state === "ready" /* Ready */;
-  }
-  /**
-   * 初期化済み＆動作中である場合trueを示します。
-   */
-  get isRunning() {
-    return this._state === "running" /* Running */;
-  }
-  /**
-   * インスタンスが破棄済みである場合trueを示します。
-   */
-  get isDestroyed() {
-    return this._state === "destroyed" /* Destroyed */;
-  }
-  /**
-   * スクロールの有効状態を取得します
-   */
-  get scrollEnabled() {
-    return this._scrollStoppers.length === 0;
-  }
-  /**
-   * スクロール要素の幅を示します。
-   */
-  get containerWidth() {
-    return this._containerWidth;
-  }
-  /**
-   * スクロール要素の高さを示します。
-   */
-  get containerHeight() {
-    return this._containerHeight;
-  }
-  /**
-   * スクロール要素内のコンテンツの幅を示します。
-   */
-  get scrollWidth() {
-    return this._scrollWidth;
-  }
-  /**
-   * スクロール要素内のコンテンツの高さを示します。
-   */
-  get scrollHeight() {
-    return this._scrollHeight;
-  }
-  /**
-   * x軸にスクロール可能な場合trueを示します
-   */
-  get scrollableX() {
-    return this._scrollWidth > this._containerWidth;
-  }
-  /**
-   * y軸にスクロール可能な場合trueを示します
-   */
-  get scrollableY() {
-    return this._scrollHeight > this._containerHeight;
-  }
-  /**
-   * 現在の上辺からのスクロール量を示します。
-   */
-  get scrollTop() {
-    return this._scrollTop;
-  }
-  set scrollTop(scrollTop) {
-    if (!this.el) return;
-    this.el.scrollTop = scrollTop;
-  }
-  /**
-   * 現在の右辺からのスクロール量を示します。
-   */
-  get scrollRight() {
-    return this._scrollRight;
-  }
-  set scrollRight(scrollRight) {
-    if (!this.el) return;
-    this.el.scrollLeft = this._scrollWidth - this._containerWidth - scrollRight;
-  }
-  /**
-   * 現在の下辺からのスクロール量を示します。
-   */
-  get scrollBottom() {
-    return this._scrollBottom;
-  }
-  set scrollBottom(scrollBottom) {
-    if (!this.el) return;
-    this.el.scrollTop = this._scrollHeight - this._containerHeight - scrollBottom;
-  }
-  /**
-   * 現在の左辺からのスクロール量を示します。
-   */
-  get scrollLeft() {
-    return this._scrollLeft;
-  }
-  set scrollLeft(scrollLeft) {
-    if (!this.el) return;
-    this.el.scrollLeft = scrollLeft;
-  }
-  /**
-   * 現在スクロール中である場合trueを示します。
-   */
-  get nowScrolling() {
-    return this._nowScrolling;
-  }
-  /**
-   * 最後に検知したスクロールの軸を示します。
-   */
-  get lastAxis() {
-    return this._lastAxis;
-  }
-  /**
-   * 最後に検知したスクロールの方向を示します。
-   */
-  get lastDirection() {
-    return this._lastDirection;
-  }
-  /**
-   * 最後に検知したスクロールの垂直方向を示します。
-   */
-  get lastYDirection() {
-    return this._lastYDirection;
-  }
-  /**
-   * 最後に検知したスクロールの水平方向を示します。
-   */
-  get lastXDirection() {
-    return this._lastXDirection;
-  }
-  /**
-   * 最後に検知したスクロールにより通知した情報を示します。
-   */
-  get lastPayload() {
-    return {
-      top: this._scrollTop,
-      left: this._scrollLeft,
-      bottom: this._scrollBottom,
-      right: this._scrollRight,
-      axis: this._lastAxis,
-      direction: this._lastDirection,
-      directionX: this._lastXDirection,
-      directionY: this._lastYDirection,
-      tickedX: this._tickedX,
-      tickedY: this._tickedY,
-      totalX: this._lastTotalX,
-      totalY: this._lastTotalY
-    };
-  }
-  _el;
-  _eventTarget;
-  _isDocumentElement = false;
-  _isBodyElement = false;
-  _isRootElement = false;
-  _state = "pending" /* Pending */;
-  _containerWidth = 0;
-  _containerHeight = 0;
-  _scrollWidth = 0;
-  _scrollHeight = 0;
-  _scrollTop = 0;
-  _scrollRight = 0;
-  _scrollBottom = 0;
-  _scrollLeft = 0;
-  _lastAxis;
-  _lastDirection;
-  _lastYDirection = "top";
-  _lastXDirection = "left";
-  _nowScrolling = false;
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
-  _readyResolvers = [];
-  _scrollingJudgeTimerId = null;
-  _startX = 0;
-  _startY = 0;
-  _tickedX = 0;
-  _tickedY = 0;
-  _lastTotalX = 0;
-  _lastTotalY = 0;
-  _scrollListener;
-  _resizeListener;
-  _resizeObserver;
-  _scrollToResult = null;
-  _observers = [];
-  _scrollStoppers = [];
-  _scrollSizeObserverPollingId = null;
-  _scrollSizeObserverSuspended = false;
-  _visibilityListener;
-  /**
-   * Scrollerインスタンスを作成します。
-   * コンテキストとなるElementをこの時点で指定するか否かは任意です。
-   *
-   * @param settingOrElementOrQueryString - 任意です。{@link ScrollerSetting}か Element（or cssクエリセレクタ文字列）を直接指定します。この時点でElementを指定しない場合は、[[setElement]]を実行するまでインスタンスは動作しません。
-   */
-  constructor(settingOrElementOrQueryString = {}) {
-    super();
-    const convertedSetting = typeof settingOrElementOrQueryString === "string" || settingOrElementOrQueryString === null || IN_WINDOW && settingOrElementOrQueryString instanceof Element ? settingOrElementOrQueryString = {
-      el: settingOrElementOrQueryString
-    } : settingOrElementOrQueryString;
-    if (convertedSetting.scrollingJudgeInterval !== void 0)
-      this.scrollingJudgeInterval = convertedSetting.scrollingJudgeInterval;
-    if (convertedSetting.baseAxis) this.baseAxis = convertedSetting.baseAxis;
-    this._lastAxis = this.baseAxis;
-    const { scrollSizeObserver } = convertedSetting;
-    if (scrollSizeObserver) {
-      this.scrollSizeObserver = {
-        interval: 500,
-        width: true,
-        height: true,
-        ...scrollSizeObserver
-      };
-    }
-    this._visibilityListener = () => {
-      if (visibilityManager.isVisible) {
-        this.update();
-        if (this._scrollSizeObserverSuspended) {
-          this._scrollSizeObserverSuspended = false;
-          this._startScrollSizeObserver();
-        }
-      } else {
-        this._scrollSizeObserverSuspended = this._scrollSizeObserverPollingId !== null;
-        this._stopScrollSizeObserver();
-      }
-    };
-    this._lastDirection = this._lastAxis === "y" ? "top" : "left";
-    if (!IN_WINDOW) return;
-    visibilityManager.change(this._visibilityListener);
-    this.setElement(convertedSetting.el);
-  }
-  /**
-   * インスタンスにElementを設定します。特別な理由（SSRの利用等）によりコンストラクタでElementを指定できない場合、
-   * 本メソッドを利用しブラウザコンテキスト配下で本メソッドを実行してください。
-   * @param el - Element、もしくはCSSクエリセレクタ文字列を指定します。
-   */
-  setElement(el) {
-    if (el === null) return;
-    if (!IN_WINDOW)
-      logger.error("Element can be set only when it is under DOM context.");
-    this.stop();
-    let _el;
-    if (typeof el === "string") {
-      _el = document.querySelector(el);
-    } else {
-      _el = el || document.scrollingElement;
-    }
-    if (!_el) {
-      const message = "missing scrolling element";
-      logger.error(message, el);
-      throw new Error(message);
-    }
-    this._el = _el;
-    this._isDocumentElement = isDocumentElement(_el);
-    this._isBodyElement = isBodyElement(_el);
-    this._isRootElement = this._isDocumentElement || this._isBodyElement;
-    this._eventTarget = this._isDocumentElement || this._isBodyElement ? window : this._el;
-    this._setup();
-  }
-  _scrollToElementAdditionalOffset;
-  setScrollToElementAdditionalOffset(offset) {
-    this._scrollToElementAdditionalOffset = offset;
-  }
-  deleteScrollToElementAdditionalOffset() {
-    delete this._scrollToElementAdditionalOffset;
-  }
-  /**
-   * インスタンスが実行可能になった際にresolveされるPromiseインスタンスを返却します。
-   */
-  ready() {
-    this._checkDestroyed();
-    if (!this.isPending) return Promise.resolve();
-    return new Promise((resolve) => this._readyResolvers.push(resolve));
-  }
-  /**
-   * インスタンスの動作を開始します。本インスタンスはElementが設定され初期化された際に自動で動作を開始しますが、
-   * [[Scroller.stop]]メソッドを利用し動作を停止した後に再開する場合に本メソッドを利用します。
-   */
-  async start() {
-    this._checkDestroyed();
-    if (this.isRunning) return;
-    await this.ready();
-    this._startListeners();
-    this._setState("running" /* Running */);
-  }
-  /**
-   * インスタンスの動作（スクロール、リサイズイベントの検知等）を停止します。
-   * 何らかの理由で動作を停止させたい場合に利用してください。
-   * 本メソッドを実行後もインスタンス内の状態は保持されたままです。
-   * 完全にインスタンスを破棄するためには[[Scroller.destroy]]を利用してください。
-   */
-  stop() {
-    this._checkDestroyed();
-    if (!this.isRunning) return;
-    this._stopListeners();
-    this._setState("ready" /* Ready */);
-  }
-  /**
-   * インスタンスの動作を停止し、内部情報を完全に破棄します。
-   * これに伴い、スクロール中であった場合にはキャンセルされ、以後イベント通知は完全に行われません。
-   * また[[Scroller.start]]メソッドでの再利用も不可となります。
-   * 本インスタンスの利用を完全に停止する場合に必ず実行し、利用側のオブジェクト等において本インスタンスへの参照を完全に削除してください。
-   * 本メソッドはSPA等でのサービスにおいては意識的に実行する事を強く推奨します。
-   */
-  destroy() {
-    if (this.isDestroyed) return;
-    this.stop();
-    this.cancel();
-    this._readyResolvers = [];
-    this._scrollStoppers = [];
-    this._scrollEnable();
-    this._observers = [];
-    visibilityManager.remove(this._visibilityListener);
-    delete this._el;
-    delete this._eventTarget;
-    delete this._scrollListener;
-    delete this._resizeListener;
-    delete this._resizeObserver;
-    delete this._scrollToResult;
-    delete this._visibilityListener;
-    this.deleteScrollToElementAdditionalOffset();
-    this._setState("destroyed" /* Destroyed */);
-    this.offAll();
-  }
-  /**
-   * インスタンス内部のスクロール量や、Elementのサイズを強制的に更新します。
-   * 基本的に利用が必要なケースはありませんが、何らかの理由で更新をトリガーしたい場合に利用します。
-   */
-  update() {
-    this._update();
-  }
-  /**
-   * インスタンス内の情報をjsonオブジェクトとして返却します。
-   * 情報の詳細は[[ScrollerObserver]]を参照してください。
-   */
-  toJSON() {
-    const json = {};
-    for (const key of scrollerObservableKeys) {
-      json[key] = this[key];
-    }
-    return json;
-  }
-  /**
-   * [[Scroller.toJSON]]の情報を文字列として返却します。
-   */
-  toString() {
-    return JSON.stringify(this.toJSON());
-  }
-  /**
-   * 本インスタンスの情報を購読するためのオブジェクトを設定する事で、
-   * インスタンスの内部情報が変更される度にパラメータが同期されます。
-   * 設定するオブジェクトは[[ScrollerObserver]]のインターフェースを満たしていれば内容は問いません。
-   * 本機能により同期される方法は単純にオブジェクトプロパティへの変数代入です。
-   * 従って対象となるプロパティをgetterとして実装（Ex: Vue computed等、、）しておく事により、
-   * 同期を受け取るオブジェクト側でパラメータ変更後の動作をリアクティブに実装可能です。
-   * @param observer - 同期させたいオブジェクト
-   * @returns 同期を停止するためのメソッド
-   */
-  observe(observer) {
-    if (!this._observers.includes(observer)) {
-      this._observers.push(observer);
-    }
-    this._syncToObserver(observer);
-    const unobserve = () => {
-      this.unobserve(observer);
-    };
-    return unobserve;
-  }
-  /**
-   * [[Scroller.observe]]でパラメータ同期中のオブジェクトを停止します。
-   * [[Scroller.destroy]]実行時にも、同期中のオブジェクトは全停止されますが、destroy前に任意のタイミングで停止したい場合
-   * 本メソッドを利用します。
-   * @param observer - 同期中のオブジェクト
-   */
-  unobserve(observer) {
-    const index = this._observers.indexOf(observer);
-    if (index !== -1) {
-      this._observers.splice(index, 1);
-    }
-  }
-  /**
-   * スクロール中であった場合、スクロールをキャンセルします。
-   */
-  cancel() {
-    if (!this._scrollToResult) return;
-    this._scrollToResult.cancel();
-    this._clearScrollToResult();
-  }
-  /**
-   * x, yの差分pxを指定しスクロールします。
-   * メソッド、パラメータの詳細は[[scrollBy]]を参照してください。
-   * @param diffX - 横移動量
-   * @param diffY - 縦移動量
-   * @param options - スクロールオプション
-   */
-  by(diffX, diffY, options) {
-    return this._setScrollToResult(
-      scrollBy(diffX, diffY, this._createMergedScrollOptions(options))
-    );
-  }
-  /**
-   * 指定の座標へスクロールします。
-   * メソッド、パラメータの詳細は[[scrollTo]]を参照してください。
-   * @param scrollPosition - 座標
-   * @param options - スクロールオプション
-   */
-  to(scrollPosition, options) {
-    return this._setScrollToResult(
-      scrollTo(scrollPosition, this._createMergedScrollOptions(options))
-    );
-  }
-  /**
-   * 指定の要素の位置へスクロールします。
-   * メソッド、パラメータの詳細は[[scrollToElement]]を参照してください。
-   * オプションのx, yが未設定であった場合、[[Scroller.baseAxis]]により自動設定されます。
-   * @param target - スクロール先の要素
-   * @param options - スクロールオプション
-   */
-  toElement(target, options) {
-    const merged = this._createMergedScrollToElementOptions(options);
-    if (merged.x === void 0) merged.x = this.baseAxis === "x";
-    if (merged.y === void 0) merged.y = this.baseAxis === "y";
-    return this._setScrollToResult(scrollToElement(target, merged));
-  }
-  /**
-   * 指定の辺へスクロールします。
-   * メソッド、パラメータの詳細は[[scrollToSide]]を参照してください。
-   * @param targets - スクロール先
-   * @param options - スクロールオプション
-   */
-  toSide(targets, options) {
-    return this._setScrollToResult(
-      scrollToSide(targets, this._createMergedScrollOptions(options))
-    );
-  }
-  /**
-   * 上辺へスクロールします。
-   * メソッド、パラメータの詳細は[[scrollToTop]]を参照してください。
-   * @param options - スクロールオプション
-   */
-  toTop(options) {
-    return this._setScrollToResult(
-      scrollToTop(this._createMergedScrollOptions(options))
-    );
-  }
-  /**
-   * 右辺へスクロールします。
-   * メソッド、パラメータの詳細は[[scrollToRight]]を参照してください。
-   * @param options - スクロールオプション
-   */
-  toRight(options) {
-    return this._setScrollToResult(
-      scrollToRight(this._createMergedScrollOptions(options))
-    );
-  }
-  /**
-   * 下辺へスクロールします。
-   * メソッド、パラメータの詳細は[[scrollToBottom]]を参照してください。
-   * @param options - スクロールオプション
-   */
-  toBottom(options) {
-    return this._setScrollToResult(
-      scrollToBottom(this._createMergedScrollOptions(options))
-    );
-  }
-  /**
-   * 左辺へスクロールします。
-   * メソッド、パラメータの詳細は[[scrollToLeft]]を参照してください。
-   * @param options - スクロールオプション
-   */
-  toLeft(options) {
-    return this._setScrollToResult(
-      scrollToLeft(this._createMergedScrollOptions(options))
-    );
-  }
-  /**
-   * 左上コーナーへスクロールします。
-   * メソッド、パラメータの詳細は[[scrollToLeftTop]]を参照してください。
-   * @param options - スクロールオプション
-   */
-  toLeftTop(options) {
-    return this._setScrollToResult(
-      scrollToLeftTop(this._createMergedScrollOptions(options))
-    );
-  }
-  /**
-   * 左下コーナーへスクロールします。
-   * メソッド、パラメータの詳細は[[scrollToLeftBottom]]を参照してください。
-   * @param options - スクロールオプション
-   */
-  toLeftBottom(options) {
-    return this._setScrollToResult(
-      scrollToLeftBottom(this._createMergedScrollOptions(options))
-    );
-  }
-  /**
-   * 右上コーナーへスクロールします。
-   * メソッド、パラメータの詳細は[[scrollToRightTop]]を参照してください。
-   * @param options - スクロールオプション
-   */
-  toRightTop(options) {
-    return this._setScrollToResult(
-      scrollToRightTop(this._createMergedScrollOptions(options))
-    );
-  }
-  /**
-   * 右下コーナーへスクロールします。
-   * メソッド、パラメータの詳細は[[scrollToRightBottom]]を参照してください。
-   * @param options - スクロールオプション
-   */
-  toRightBottom(options) {
-    return this._setScrollToResult(
-      scrollToRightBottom(this._createMergedScrollOptions(options))
-    );
-  }
-  /**
-   * スクロールの停止を要求します。
-   * @param stopper - 停止要求ソース
-   */
-  pushScrollStopper(stopper) {
-    if (!this._scrollStoppers.includes(stopper)) {
-      this._scrollStoppers.push(stopper);
-      if (this._scrollStoppers.length === 1) {
-        this._updateScrollable();
-        this._syncToObservers(["scrollEnabled"]);
-      }
-    }
-    return () => {
-      this.removeScrollStopper(stopper);
-    };
-  }
-  /**
-   * スクロールの停止要求を解除します。<br>
-   * 別のプロセスにより異なる[[ScrollStopper]]が登録されている場合、
-   * スクロールは再開されない事に注意してください。
-   * @param stopper - 停止要求ソース
-   */
-  removeScrollStopper(stopper) {
-    const index = this._scrollStoppers.indexOf(stopper);
-    if (index !== -1) {
-      this._scrollStoppers.splice(index, 1);
-      if (this._scrollStoppers.length === 0) {
-        this._updateScrollable();
-        this._syncToObservers(["scrollEnabled"]);
-      }
-    }
-  }
-  async _setup() {
-    this._updateScrollable();
-    this._update();
-    this._setState("ready" /* Ready */);
-    this.start();
-    this.emit("ready", void 0);
-    this._readyResolvers.forEach((resolve) => resolve());
-    this._readyResolvers = [];
-  }
-  _setState(state) {
-    if (this._state !== state) {
-      this._state = state;
-      this._syncToObservers([
-        "state",
-        "isPending",
-        "isReady",
-        "isRunning",
-        "isDestroyed"
-      ]);
-      this.emit("changeState", state);
-    }
-  }
-  _checkDestroyed() {
-    if (this.isDestroyed) {
-      const message = "already destroyed.";
-      logger.error(message);
-      throw new Error(message);
-    }
-  }
-  _update(width, height) {
-    this._updateContainerSize(width, height);
-    this._updateScrollSize();
-    this._updateScrollPositions();
-  }
-  _updateContainerSize(width, height) {
-    const { el, _isBodyElement } = this;
-    if (width === void 0) {
-      if (!el) return;
-      width = _isBodyElement ? document.documentElement.clientWidth : el.clientWidth;
-    }
-    if (height === void 0) {
-      if (!el) return;
-      height = _isBodyElement ? document.documentElement.clientHeight : el.clientHeight;
-    }
-    const { _containerWidth, _containerHeight } = this;
-    this._containerWidth = width;
-    this._containerHeight = height;
-    if (width !== _containerWidth || height !== _containerHeight) {
-      this._syncToObservers([
-        "containerWidth",
-        "containerHeight",
-        "scrollableX",
-        "scrollableY"
-      ]);
-      this.emit("resize", { width, height });
-    }
-  }
-  _updateScrollSize() {
-    const { el, _scrollWidth, _scrollHeight } = this;
-    if (!el) return;
-    this._scrollWidth = el.scrollWidth;
-    this._scrollHeight = el.scrollHeight;
-    if (_scrollWidth !== this._scrollWidth || _scrollHeight !== this._scrollHeight) {
-      this._syncToObservers([
-        "scrollWidth",
-        "scrollHeight",
-        "scrollableX",
-        "scrollableY"
-      ]);
-    }
-  }
-  _startScrollSizeObserver() {
-    if (!IN_WINDOW) return;
-    this._stopScrollSizeObserver();
-    if (this.scrollSizeObserver) {
-      this._scrollSizeObserverPollingId = window.setInterval(() => {
-        if (!this.scrollSizeObserver || this.isDestroyed) {
-          this._stopScrollSizeObserver();
-          return;
-        }
-        this._updateScrollSize();
-      }, this.scrollSizeObserver.interval);
-    }
-  }
-  _stopScrollSizeObserver() {
-    if (this._scrollSizeObserverPollingId !== null) {
-      clearInterval(this._scrollSizeObserverPollingId);
-      this._scrollSizeObserverPollingId = null;
-    }
-  }
-  _updateScrollPositions() {
-    if (!this.el) return;
-    this._scrollTop = this.el.scrollTop;
-    this._scrollLeft = this.el.scrollLeft;
-    this._scrollBottom = this._scrollHeight - this._scrollTop - this._containerHeight;
-    this._scrollRight = this._scrollWidth - this._scrollLeft - this._containerWidth;
-    this._syncToObservers([
-      "scrollTop",
-      "scrollRight",
-      "scrollBottom",
-      "scrollLeft"
-    ]);
-  }
-  _startListeners() {
-    this._stopListeners();
-    this._scrollListener = () => {
-      this._onScroll();
-    };
-    this._eventTarget.addEventListener("scroll", this._scrollListener, false);
-    if (this._isRootElement) {
-      this._resizeListener = () => {
-        this._onResize();
-      };
-      window.addEventListener("resize", this._resizeListener, false);
-    } else {
-      this._resizeObserver = new ResizeObserver((entries) => {
-        for (const entry of entries) {
-          const { width, height } = entry.contentRect;
-          this._onResize(width, height);
-        }
-      });
-      this._el && this._resizeObserver.observe(this._el);
-    }
-    if (visibilityManager.isVisible) {
-      this._scrollSizeObserverSuspended = false;
-      this._startScrollSizeObserver();
-    } else {
-      this._scrollSizeObserverSuspended = true;
-    }
-  }
-  _stopListeners() {
-    if (this._scrollListener) {
-      this._eventTarget.removeEventListener(
-        "scroll",
-        this._scrollListener,
-        false
-      );
-      delete this._scrollListener;
-    }
-    if (this._resizeListener) {
-      if (this._isDocumentElement) {
-        window.removeEventListener("resize", this._resizeListener, false);
-        delete this._resizeListener;
-      }
-    }
-    if (this._resizeObserver && this._el) {
-      this._resizeObserver.unobserve(this._el);
-      this._resizeObserver.disconnect();
-      delete this._resizeObserver;
-    }
-  }
-  _clearScrollingJudgeTimer() {
-    if (this._scrollingJudgeTimerId !== null) {
-      clearTimeout(this._scrollingJudgeTimerId);
-      this._scrollingJudgeTimerId = null;
-    }
-  }
-  _onResize(width, height) {
-    this._update(width, height);
-  }
-  _triggerScrollTick(event) {
-    const { _nowScrolling } = this;
-    if (event === "scrollStart") {
-      this._startX = this._scrollLeft;
-      this._startY = this._scrollTop;
-      this._lastTotalX = 0;
-      this._lastTotalY = 0;
-      this._nowScrolling = true;
-    } else if (event === "scrollEnd") {
-      this._nowScrolling = false;
-    }
-    if (_nowScrolling !== this._nowScrolling) {
-      this._syncToObservers("nowScrolling");
-    }
-    this.emit(event, this.lastPayload);
-  }
-  _onScroll() {
-    if (!this.scrollEnabled && this._el) {
-      this._el.scrollLeft = this._scrollLeft;
-      this._el.scrollTop = this._scrollTop;
-      return;
-    }
-    const {
-      _scrollTop,
-      _scrollLeft,
-      _lastAxis,
-      _lastDirection,
-      _lastXDirection,
-      _lastYDirection
-    } = this;
-    this._updateScrollPositions();
-    const tickedX = this._scrollLeft - _scrollLeft;
-    const tickedY = this._scrollTop - _scrollTop;
-    this._tickedX = tickedX;
-    this._tickedY = tickedY;
-    if (tickedX === tickedY) {
-      this._lastAxis = this.baseAxis;
-    } else {
-      this._lastAxis = Math.abs(tickedX) > Math.abs(tickedY) ? "x" : "y";
-    }
-    if (_scrollTop < this._scrollTop) {
-      this._lastYDirection = "bottom";
-    } else if (_scrollTop > this._scrollTop) {
-      this._lastYDirection = "top";
-    }
-    if (_scrollLeft < this._scrollLeft) {
-      this._lastXDirection = "right";
-    } else if (_scrollLeft > this._scrollLeft) {
-      this._lastXDirection = "left";
-    }
-    this._lastDirection = this._lastAxis === "y" ? this._lastYDirection : this._lastXDirection;
-    const axisIsChanged = this._lastAxis !== _lastAxis;
-    const lastXDirectionIsChanged = this._lastXDirection !== _lastXDirection;
-    const lastYDirectionIsChanged = this._lastYDirection !== _lastYDirection;
-    const lastDirectionIsChanged = this._lastDirection !== _lastDirection;
-    if (axisIsChanged) {
-      this.emit("changeAxis", this._lastAxis);
-    }
-    if (lastXDirectionIsChanged) {
-      this.emit("changeLastXDirection", this._lastXDirection);
-    }
-    if (lastYDirectionIsChanged) {
-      this.emit("changeLastYDirection", this._lastYDirection);
-    }
-    if (lastDirectionIsChanged) {
-      this.emit("changeLastDirection", this._lastDirection);
-    }
-    if (axisIsChanged || lastXDirectionIsChanged || lastYDirectionIsChanged || lastDirectionIsChanged) {
-      this._syncToObservers([
-        "lastAxis",
-        "lastDirection",
-        "lastYDirection",
-        "lastXDirection"
-      ]);
-    }
-    if (this._nowScrolling) {
-      if (axisIsChanged || _lastAxis === "y" && lastYDirectionIsChanged || _lastAxis === "x" && lastXDirectionIsChanged) {
-        this._triggerScrollTick("scrollEnd");
-      } else {
-        this._lastTotalX = this._scrollLeft - this._startX;
-        this._lastTotalY = this._scrollTop - this._startY;
-        this._triggerScrollTick("scroll");
-      }
-    }
-    if (!this._nowScrolling) {
-      this._updateScrollSize();
-      this._triggerScrollTick("scrollStart");
-    }
-    this._clearScrollingJudgeTimer();
-    this._scrollingJudgeTimerId = window.setTimeout(() => {
-      this._triggerScrollTick("scrollEnd");
-    }, this.scrollingJudgeInterval);
-  }
-  _syncToObserver(observer, keys = scrollerObservableKeys) {
-    for (const key of keys) {
-      observer[key] = this[key];
-    }
-  }
-  _syncToObservers(keys) {
-    if (this._observers.length === 0) return;
-    keys = typeof keys === "string" ? [keys] : keys;
-    for (const observer of this._observers) {
-      this._syncToObserver(observer, keys);
-    }
-  }
-  _checkElement() {
-    const { _el } = this;
-    if (!_el) {
-      const message = "missing element";
-      logger.error(message);
-      throw new Error(message);
-    }
-    return _el;
-  }
-  _createMergedScrollOptions(source) {
-    const el = this._checkElement();
-    const merged = {
-      container: el,
-      ...this.scrollSettingsDefaults,
-      ...source
-    };
-    return merged;
-  }
-  _createMergedScrollToElementOptions(source) {
-    const el = this._checkElement();
-    const merged = {
-      container: el,
-      ...this.scrollToElementSettingsDefaults,
-      ...source
-    };
-    let { _scrollToElementAdditionalOffset: additionalOffset } = this;
-    if (!additionalOffset) return merged;
-    if (typeof additionalOffset === "function") {
-      additionalOffset = additionalOffset(this);
-    }
-    if (!additionalOffset) return merged;
-    if (typeof additionalOffset === "number") {
-      additionalOffset = {
-        x: additionalOffset,
-        y: additionalOffset
-      };
-    }
-    let { offset } = merged;
-    if (!offset) {
-      merged.offset = additionalOffset;
-      return merged;
-    }
-    if (typeof offset === "number") {
-      offset = {
-        x: offset,
-        y: offset
-      };
-    }
-    offset.x = (offset.x || 0) + (additionalOffset.x || 0);
-    offset.y = (offset.y || 0) + (additionalOffset.y || 0);
-    merged.offset = offset;
-    return merged;
-  }
-  _clearScrollToResult() {
-    if (!this._scrollToResult) return;
-    this._scrollToResult = null;
-  }
-  _setScrollToResult(result) {
-    this._scrollToResult = result;
-    result.promise.then(() => {
-      this._clearScrollToResult();
-    });
-    return result;
-  }
-  _updateScrollable() {
-    if (this.scrollEnabled) {
-      this._scrollEnable();
-    } else {
-      this._scrollDisable();
-    }
-  }
-  _scrollEnable() {
-    enableScroll(this._checkElement());
-  }
-  _scrollDisable() {
-    const el = this._checkElement();
-    this.cancel();
-    disableScroll(el);
-  }
+	/**
+	* Scrollerクラスの状態を監視＆同期するオブジェクトが
+	* 保有すべきプロパティ一のキーの配列です。
+	*/
+	static scrollerObservableKeys = scrollerObservableKeys;
+	/**
+	* Scrollerの状態を示すenum値です。
+	* {@link ScrollerState}
+	*/
+	static States = ScrollerState;
+	/**
+	* スクロールを検知してから、移動がなくなった際に、何ms後にスクロール終了と判定するかのインターバル値を示します。
+	* デフォルトは500です。
+	*/
+	scrollingJudgeInterval = 500;
+	/**
+	* 縦、横のどちらのスクロールを基準とするかを示します。
+	* デフォルトはyです。<br>
+	* この設定は[[Scroller.toElement]]のデフォルト値にも影響します。
+	*/
+	baseAxis = "y";
+	/**
+	* スクロール系メソッド[[Scroller.to]]等を利用する際のデフォルトの設定を示します。
+	*/
+	scrollSettingsDefaults = { ...defaultBaseSettings };
+	/**
+	* [[Scroller.toElement]]のデフォルトオプションの設定を示します。
+	*/
+	scrollToElementSettingsDefaults = { ...scrollToElementSettingsDefaults };
+	scrollSizeObserver;
+	/**
+	* 設定されたElement要素です。
+	* 初期化が完了していない時には本getterはundefinedを返却する事に注意してください。
+	*/
+	get el() {
+		return this._el;
+	}
+	/**
+	* 現在の状態です。<br>
+	* {@link ScrollerState}
+	*/
+	get state() {
+		return this._state;
+	}
+	/**
+	* 未初期化である場合trueを示します。
+	*/
+	get isPending() {
+		return this._state === ScrollerState.Pending;
+	}
+	/**
+	* 初期化済み＆停止状態である場合trueを示します。
+	*/
+	get isReady() {
+		return this._state === ScrollerState.Ready;
+	}
+	/**
+	* 初期化済み＆動作中である場合trueを示します。
+	*/
+	get isRunning() {
+		return this._state === ScrollerState.Running;
+	}
+	/**
+	* インスタンスが破棄済みである場合trueを示します。
+	*/
+	get isDestroyed() {
+		return this._state === ScrollerState.Destroyed;
+	}
+	/**
+	* スクロールの有効状態を取得します
+	*/
+	get scrollEnabled() {
+		return this._scrollStoppers.length === 0;
+	}
+	/**
+	* スクロール要素の幅を示します。
+	*/
+	get containerWidth() {
+		return this._containerWidth;
+	}
+	/**
+	* スクロール要素の高さを示します。
+	*/
+	get containerHeight() {
+		return this._containerHeight;
+	}
+	/**
+	* スクロール要素内のコンテンツの幅を示します。
+	*/
+	get scrollWidth() {
+		return this._scrollWidth;
+	}
+	/**
+	* スクロール要素内のコンテンツの高さを示します。
+	*/
+	get scrollHeight() {
+		return this._scrollHeight;
+	}
+	/**
+	* x軸にスクロール可能な場合trueを示します
+	*/
+	get scrollableX() {
+		return this._scrollWidth > this._containerWidth;
+	}
+	/**
+	* y軸にスクロール可能な場合trueを示します
+	*/
+	get scrollableY() {
+		return this._scrollHeight > this._containerHeight;
+	}
+	/**
+	* 現在の上辺からのスクロール量を示します。
+	*/
+	get scrollTop() {
+		return this._scrollTop;
+	}
+	set scrollTop(scrollTop) {
+		if (!this.el) return;
+		this.el.scrollTop = scrollTop;
+	}
+	/**
+	* 現在の右辺からのスクロール量を示します。
+	*/
+	get scrollRight() {
+		return this._scrollRight;
+	}
+	set scrollRight(scrollRight) {
+		if (!this.el) return;
+		this.el.scrollLeft = this._scrollWidth - this._containerWidth - scrollRight;
+	}
+	/**
+	* 現在の下辺からのスクロール量を示します。
+	*/
+	get scrollBottom() {
+		return this._scrollBottom;
+	}
+	set scrollBottom(scrollBottom) {
+		if (!this.el) return;
+		this.el.scrollTop = this._scrollHeight - this._containerHeight - scrollBottom;
+	}
+	/**
+	* 現在の左辺からのスクロール量を示します。
+	*/
+	get scrollLeft() {
+		return this._scrollLeft;
+	}
+	set scrollLeft(scrollLeft) {
+		if (!this.el) return;
+		this.el.scrollLeft = scrollLeft;
+	}
+	/**
+	* 現在スクロール中である場合trueを示します。
+	*/
+	get nowScrolling() {
+		return this._nowScrolling;
+	}
+	/**
+	* 最後に検知したスクロールの軸を示します。
+	*/
+	get lastAxis() {
+		return this._lastAxis;
+	}
+	/**
+	* 最後に検知したスクロールの方向を示します。
+	*/
+	get lastDirection() {
+		return this._lastDirection;
+	}
+	/**
+	* 最後に検知したスクロールの垂直方向を示します。
+	*/
+	get lastYDirection() {
+		return this._lastYDirection;
+	}
+	/**
+	* 最後に検知したスクロールの水平方向を示します。
+	*/
+	get lastXDirection() {
+		return this._lastXDirection;
+	}
+	/**
+	* 最後に検知したスクロールにより通知した情報を示します。
+	*/
+	get lastPayload() {
+		return {
+			top: this._scrollTop,
+			left: this._scrollLeft,
+			bottom: this._scrollBottom,
+			right: this._scrollRight,
+			axis: this._lastAxis,
+			direction: this._lastDirection,
+			directionX: this._lastXDirection,
+			directionY: this._lastYDirection,
+			tickedX: this._tickedX,
+			tickedY: this._tickedY,
+			totalX: this._lastTotalX,
+			totalY: this._lastTotalY
+		};
+	}
+	_el;
+	_eventTarget;
+	_isDocumentElement = false;
+	_isBodyElement = false;
+	_isRootElement = false;
+	_state = ScrollerState.Pending;
+	_containerWidth = 0;
+	_containerHeight = 0;
+	_scrollWidth = 0;
+	_scrollHeight = 0;
+	_scrollTop = 0;
+	_scrollRight = 0;
+	_scrollBottom = 0;
+	_scrollLeft = 0;
+	_lastAxis;
+	_lastDirection;
+	_lastYDirection = "top";
+	_lastXDirection = "left";
+	_nowScrolling = false;
+	_readyResolvers = [];
+	_scrollingJudgeTimerId = null;
+	_startX = 0;
+	_startY = 0;
+	_tickedX = 0;
+	_tickedY = 0;
+	_lastTotalX = 0;
+	_lastTotalY = 0;
+	_scrollListener;
+	_resizeListener;
+	_resizeObserver;
+	_scrollToResult = null;
+	_observers = [];
+	_scrollStoppers = [];
+	_scrollSizeObserverPollingId = null;
+	_scrollSizeObserverSuspended = false;
+	_visibilityListener;
+	/**
+	* Scrollerインスタンスを作成します。
+	* コンテキストとなるElementをこの時点で指定するか否かは任意です。
+	*
+	* @param settingOrElementOrQueryString - 任意です。{@link ScrollerSetting}か Element（or cssクエリセレクタ文字列）を直接指定します。この時点でElementを指定しない場合は、[[setElement]]を実行するまでインスタンスは動作しません。
+	*/
+	constructor(settingOrElementOrQueryString = {}) {
+		super();
+		const convertedSetting = typeof settingOrElementOrQueryString === "string" || settingOrElementOrQueryString === null || IN_WINDOW && settingOrElementOrQueryString instanceof Element ? settingOrElementOrQueryString = { el: settingOrElementOrQueryString } : settingOrElementOrQueryString;
+		if (convertedSetting.scrollingJudgeInterval !== void 0) this.scrollingJudgeInterval = convertedSetting.scrollingJudgeInterval;
+		if (convertedSetting.baseAxis) this.baseAxis = convertedSetting.baseAxis;
+		this._lastAxis = this.baseAxis;
+		const { scrollSizeObserver } = convertedSetting;
+		if (scrollSizeObserver) this.scrollSizeObserver = {
+			interval: 500,
+			width: true,
+			height: true,
+			...scrollSizeObserver
+		};
+		this._visibilityListener = () => {
+			if (visibilityManager.isVisible) {
+				this.update();
+				if (this._scrollSizeObserverSuspended) {
+					this._scrollSizeObserverSuspended = false;
+					this._startScrollSizeObserver();
+				}
+			} else {
+				this._scrollSizeObserverSuspended = this._scrollSizeObserverPollingId !== null;
+				this._stopScrollSizeObserver();
+			}
+		};
+		this._lastDirection = this._lastAxis === "y" ? "top" : "left";
+		if (!IN_WINDOW) return;
+		visibilityManager.change(this._visibilityListener);
+		this.setElement(convertedSetting.el);
+	}
+	/**
+	* インスタンスにElementを設定します。特別な理由（SSRの利用等）によりコンストラクタでElementを指定できない場合、
+	* 本メソッドを利用しブラウザコンテキスト配下で本メソッドを実行してください。
+	* @param el - Element、もしくはCSSクエリセレクタ文字列を指定します。
+	*/
+	setElement(el) {
+		if (el === null) return;
+		if (!IN_WINDOW) logger.error("Element can be set only when it is under DOM context.");
+		this.stop();
+		let _el;
+		if (typeof el === "string") _el = document.querySelector(el);
+		else _el = el || document.scrollingElement;
+		if (!_el) {
+			const message = "missing scrolling element";
+			logger.error(message, el);
+			throw new Error(message);
+		}
+		this._el = _el;
+		this._isDocumentElement = isDocumentElement(_el);
+		this._isBodyElement = isBodyElement$1(_el);
+		this._isRootElement = this._isDocumentElement || this._isBodyElement;
+		this._eventTarget = this._isDocumentElement || this._isBodyElement ? window : this._el;
+		this._setup();
+	}
+	_scrollToElementAdditionalOffset;
+	setScrollToElementAdditionalOffset(offset) {
+		this._scrollToElementAdditionalOffset = offset;
+	}
+	deleteScrollToElementAdditionalOffset() {
+		delete this._scrollToElementAdditionalOffset;
+	}
+	/**
+	* インスタンスが実行可能になった際にresolveされるPromiseインスタンスを返却します。
+	*/
+	ready() {
+		this._checkDestroyed();
+		if (!this.isPending) return Promise.resolve();
+		return new Promise((resolve) => this._readyResolvers.push(resolve));
+	}
+	/**
+	* インスタンスの動作を開始します。本インスタンスはElementが設定され初期化された際に自動で動作を開始しますが、
+	* [[Scroller.stop]]メソッドを利用し動作を停止した後に再開する場合に本メソッドを利用します。
+	*/
+	async start() {
+		this._checkDestroyed();
+		if (this.isRunning) return;
+		await this.ready();
+		this._startListeners();
+		this._setState(ScrollerState.Running);
+	}
+	/**
+	* インスタンスの動作（スクロール、リサイズイベントの検知等）を停止します。
+	* 何らかの理由で動作を停止させたい場合に利用してください。
+	* 本メソッドを実行後もインスタンス内の状態は保持されたままです。
+	* 完全にインスタンスを破棄するためには[[Scroller.destroy]]を利用してください。
+	*/
+	stop() {
+		this._checkDestroyed();
+		if (!this.isRunning) return;
+		this._stopListeners();
+		this._setState(ScrollerState.Ready);
+	}
+	/**
+	* インスタンスの動作を停止し、内部情報を完全に破棄します。
+	* これに伴い、スクロール中であった場合にはキャンセルされ、以後イベント通知は完全に行われません。
+	* また[[Scroller.start]]メソッドでの再利用も不可となります。
+	* 本インスタンスの利用を完全に停止する場合に必ず実行し、利用側のオブジェクト等において本インスタンスへの参照を完全に削除してください。
+	* 本メソッドはSPA等でのサービスにおいては意識的に実行する事を強く推奨します。
+	*/
+	destroy() {
+		if (this.isDestroyed) return;
+		this.stop();
+		this.cancel();
+		this._readyResolvers = [];
+		this._scrollStoppers = [];
+		this._scrollEnable();
+		this._observers = [];
+		visibilityManager.remove(this._visibilityListener);
+		delete this._el;
+		delete this._eventTarget;
+		delete this._scrollListener;
+		delete this._resizeListener;
+		delete this._resizeObserver;
+		delete this._scrollToResult;
+		delete this._visibilityListener;
+		this.deleteScrollToElementAdditionalOffset();
+		this._setState(ScrollerState.Destroyed);
+		this.offAll();
+	}
+	/**
+	* インスタンス内部のスクロール量や、Elementのサイズを強制的に更新します。
+	* 基本的に利用が必要なケースはありませんが、何らかの理由で更新をトリガーしたい場合に利用します。
+	*/
+	update() {
+		this._update();
+	}
+	/**
+	* インスタンス内の情報をjsonオブジェクトとして返却します。
+	* 情報の詳細は[[ScrollerObserver]]を参照してください。
+	*/
+	toJSON() {
+		const json = {};
+		for (const key of scrollerObservableKeys) json[key] = this[key];
+		return json;
+	}
+	/**
+	* [[Scroller.toJSON]]の情報を文字列として返却します。
+	*/
+	toString() {
+		return JSON.stringify(this.toJSON());
+	}
+	/**
+	* 本インスタンスの情報を購読するためのオブジェクトを設定する事で、
+	* インスタンスの内部情報が変更される度にパラメータが同期されます。
+	* 設定するオブジェクトは[[ScrollerObserver]]のインターフェースを満たしていれば内容は問いません。
+	* 本機能により同期される方法は単純にオブジェクトプロパティへの変数代入です。
+	* 従って対象となるプロパティをgetterとして実装（Ex: Vue computed等、、）しておく事により、
+	* 同期を受け取るオブジェクト側でパラメータ変更後の動作をリアクティブに実装可能です。
+	* @param observer - 同期させたいオブジェクト
+	* @returns 同期を停止するためのメソッド
+	*/
+	observe(observer) {
+		if (!this._observers.includes(observer)) this._observers.push(observer);
+		this._syncToObserver(observer);
+		const unobserve = () => {
+			this.unobserve(observer);
+		};
+		return unobserve;
+	}
+	/**
+	* [[Scroller.observe]]でパラメータ同期中のオブジェクトを停止します。
+	* [[Scroller.destroy]]実行時にも、同期中のオブジェクトは全停止されますが、destroy前に任意のタイミングで停止したい場合
+	* 本メソッドを利用します。
+	* @param observer - 同期中のオブジェクト
+	*/
+	unobserve(observer) {
+		const index = this._observers.indexOf(observer);
+		if (index !== -1) this._observers.splice(index, 1);
+	}
+	/**
+	* スクロール中であった場合、スクロールをキャンセルします。
+	*/
+	cancel() {
+		if (!this._scrollToResult) return;
+		this._scrollToResult.cancel();
+		this._clearScrollToResult();
+	}
+	/**
+	* x, yの差分pxを指定しスクロールします。
+	* メソッド、パラメータの詳細は[[scrollBy]]を参照してください。
+	* @param diffX - 横移動量
+	* @param diffY - 縦移動量
+	* @param options - スクロールオプション
+	*/
+	by(diffX, diffY, options) {
+		return this._setScrollToResult(scrollBy(diffX, diffY, this._createMergedScrollOptions(options)));
+	}
+	/**
+	* 指定の座標へスクロールします。
+	* メソッド、パラメータの詳細は[[scrollTo]]を参照してください。
+	* @param scrollPosition - 座標
+	* @param options - スクロールオプション
+	*/
+	to(scrollPosition, options) {
+		return this._setScrollToResult(scrollTo(scrollPosition, this._createMergedScrollOptions(options)));
+	}
+	/**
+	* 指定の要素の位置へスクロールします。
+	* メソッド、パラメータの詳細は[[scrollToElement]]を参照してください。
+	* オプションのx, yが未設定であった場合、[[Scroller.baseAxis]]により自動設定されます。
+	* @param target - スクロール先の要素
+	* @param options - スクロールオプション
+	*/
+	toElement(target, options) {
+		const merged = this._createMergedScrollToElementOptions(options);
+		if (merged.x === void 0) merged.x = this.baseAxis === "x";
+		if (merged.y === void 0) merged.y = this.baseAxis === "y";
+		return this._setScrollToResult(scrollToElement(target, merged));
+	}
+	/**
+	* 指定の辺へスクロールします。
+	* メソッド、パラメータの詳細は[[scrollToSide]]を参照してください。
+	* @param targets - スクロール先
+	* @param options - スクロールオプション
+	*/
+	toSide(targets, options) {
+		return this._setScrollToResult(scrollToSide(targets, this._createMergedScrollOptions(options)));
+	}
+	/**
+	* 上辺へスクロールします。
+	* メソッド、パラメータの詳細は[[scrollToTop]]を参照してください。
+	* @param options - スクロールオプション
+	*/
+	toTop(options) {
+		return this._setScrollToResult(scrollToTop(this._createMergedScrollOptions(options)));
+	}
+	/**
+	* 右辺へスクロールします。
+	* メソッド、パラメータの詳細は[[scrollToRight]]を参照してください。
+	* @param options - スクロールオプション
+	*/
+	toRight(options) {
+		return this._setScrollToResult(scrollToRight(this._createMergedScrollOptions(options)));
+	}
+	/**
+	* 下辺へスクロールします。
+	* メソッド、パラメータの詳細は[[scrollToBottom]]を参照してください。
+	* @param options - スクロールオプション
+	*/
+	toBottom(options) {
+		return this._setScrollToResult(scrollToBottom(this._createMergedScrollOptions(options)));
+	}
+	/**
+	* 左辺へスクロールします。
+	* メソッド、パラメータの詳細は[[scrollToLeft]]を参照してください。
+	* @param options - スクロールオプション
+	*/
+	toLeft(options) {
+		return this._setScrollToResult(scrollToLeft(this._createMergedScrollOptions(options)));
+	}
+	/**
+	* 左上コーナーへスクロールします。
+	* メソッド、パラメータの詳細は[[scrollToLeftTop]]を参照してください。
+	* @param options - スクロールオプション
+	*/
+	toLeftTop(options) {
+		return this._setScrollToResult(scrollToLeftTop(this._createMergedScrollOptions(options)));
+	}
+	/**
+	* 左下コーナーへスクロールします。
+	* メソッド、パラメータの詳細は[[scrollToLeftBottom]]を参照してください。
+	* @param options - スクロールオプション
+	*/
+	toLeftBottom(options) {
+		return this._setScrollToResult(scrollToLeftBottom(this._createMergedScrollOptions(options)));
+	}
+	/**
+	* 右上コーナーへスクロールします。
+	* メソッド、パラメータの詳細は[[scrollToRightTop]]を参照してください。
+	* @param options - スクロールオプション
+	*/
+	toRightTop(options) {
+		return this._setScrollToResult(scrollToRightTop(this._createMergedScrollOptions(options)));
+	}
+	/**
+	* 右下コーナーへスクロールします。
+	* メソッド、パラメータの詳細は[[scrollToRightBottom]]を参照してください。
+	* @param options - スクロールオプション
+	*/
+	toRightBottom(options) {
+		return this._setScrollToResult(scrollToRightBottom(this._createMergedScrollOptions(options)));
+	}
+	/**
+	* スクロールの停止を要求します。
+	* @param stopper - 停止要求ソース
+	*/
+	pushScrollStopper(stopper) {
+		if (!this._scrollStoppers.includes(stopper)) {
+			this._scrollStoppers.push(stopper);
+			if (this._scrollStoppers.length === 1) {
+				this._updateScrollable();
+				this._syncToObservers(["scrollEnabled"]);
+			}
+		}
+		return () => {
+			this.removeScrollStopper(stopper);
+		};
+	}
+	/**
+	* スクロールの停止要求を解除します。<br>
+	* 別のプロセスにより異なる[[ScrollStopper]]が登録されている場合、
+	* スクロールは再開されない事に注意してください。
+	* @param stopper - 停止要求ソース
+	*/
+	removeScrollStopper(stopper) {
+		const index = this._scrollStoppers.indexOf(stopper);
+		if (index !== -1) {
+			this._scrollStoppers.splice(index, 1);
+			if (this._scrollStoppers.length === 0) {
+				this._updateScrollable();
+				this._syncToObservers(["scrollEnabled"]);
+			}
+		}
+	}
+	async _setup() {
+		this._updateScrollable();
+		this._update();
+		this._setState(ScrollerState.Ready);
+		this.start();
+		this.emit("ready", void 0);
+		this._readyResolvers.forEach((resolve) => resolve());
+		this._readyResolvers = [];
+	}
+	_setState(state) {
+		if (this._state !== state) {
+			this._state = state;
+			this._syncToObservers([
+				"state",
+				"isPending",
+				"isReady",
+				"isRunning",
+				"isDestroyed"
+			]);
+			this.emit("changeState", state);
+		}
+	}
+	_checkDestroyed() {
+		if (this.isDestroyed) {
+			const message = "already destroyed.";
+			logger.error(message);
+			throw new Error(message);
+		}
+	}
+	_update(width, height) {
+		this._updateContainerSize(width, height);
+		this._updateScrollSize();
+		this._updateScrollPositions();
+	}
+	_updateContainerSize(width, height) {
+		const { el, _isBodyElement } = this;
+		if (width === void 0) {
+			if (!el) return;
+			width = _isBodyElement ? document.documentElement.clientWidth : el.clientWidth;
+		}
+		if (height === void 0) {
+			if (!el) return;
+			height = _isBodyElement ? document.documentElement.clientHeight : el.clientHeight;
+		}
+		const { _containerWidth, _containerHeight } = this;
+		this._containerWidth = width;
+		this._containerHeight = height;
+		if (width !== _containerWidth || height !== _containerHeight) {
+			this._syncToObservers([
+				"containerWidth",
+				"containerHeight",
+				"scrollableX",
+				"scrollableY"
+			]);
+			this.emit("resize", {
+				width,
+				height
+			});
+		}
+	}
+	_updateScrollSize() {
+		const { el, _scrollWidth, _scrollHeight } = this;
+		if (!el) return;
+		this._scrollWidth = el.scrollWidth;
+		this._scrollHeight = el.scrollHeight;
+		if (_scrollWidth !== this._scrollWidth || _scrollHeight !== this._scrollHeight) this._syncToObservers([
+			"scrollWidth",
+			"scrollHeight",
+			"scrollableX",
+			"scrollableY"
+		]);
+	}
+	_startScrollSizeObserver() {
+		if (!IN_WINDOW) return;
+		this._stopScrollSizeObserver();
+		if (this.scrollSizeObserver) this._scrollSizeObserverPollingId = window.setInterval(() => {
+			if (!this.scrollSizeObserver || this.isDestroyed) {
+				this._stopScrollSizeObserver();
+				return;
+			}
+			this._updateScrollSize();
+		}, this.scrollSizeObserver.interval);
+	}
+	_stopScrollSizeObserver() {
+		if (this._scrollSizeObserverPollingId !== null) {
+			clearInterval(this._scrollSizeObserverPollingId);
+			this._scrollSizeObserverPollingId = null;
+		}
+	}
+	_updateScrollPositions() {
+		if (!this.el) return;
+		this._scrollTop = this.el.scrollTop;
+		this._scrollLeft = this.el.scrollLeft;
+		this._scrollBottom = this._scrollHeight - this._scrollTop - this._containerHeight;
+		this._scrollRight = this._scrollWidth - this._scrollLeft - this._containerWidth;
+		this._syncToObservers([
+			"scrollTop",
+			"scrollRight",
+			"scrollBottom",
+			"scrollLeft"
+		]);
+	}
+	_startListeners() {
+		this._stopListeners();
+		this._scrollListener = () => {
+			this._onScroll();
+		};
+		this._eventTarget.addEventListener("scroll", this._scrollListener, false);
+		if (this._isRootElement) {
+			this._resizeListener = () => {
+				this._onResize();
+			};
+			window.addEventListener("resize", this._resizeListener, false);
+		} else {
+			this._resizeObserver = new ResizeObserver((entries) => {
+				for (const entry of entries) {
+					const { width, height } = entry.contentRect;
+					this._onResize(width, height);
+				}
+			});
+			this._el && this._resizeObserver.observe(this._el);
+		}
+		if (visibilityManager.isVisible) {
+			this._scrollSizeObserverSuspended = false;
+			this._startScrollSizeObserver();
+		} else this._scrollSizeObserverSuspended = true;
+	}
+	_stopListeners() {
+		if (this._scrollListener) {
+			this._eventTarget.removeEventListener("scroll", this._scrollListener, false);
+			delete this._scrollListener;
+		}
+		if (this._resizeListener) {
+			if (this._isDocumentElement) {
+				window.removeEventListener("resize", this._resizeListener, false);
+				delete this._resizeListener;
+			}
+		}
+		if (this._resizeObserver && this._el) {
+			this._resizeObserver.unobserve(this._el);
+			this._resizeObserver.disconnect();
+			delete this._resizeObserver;
+		}
+	}
+	_clearScrollingJudgeTimer() {
+		if (this._scrollingJudgeTimerId !== null) {
+			clearTimeout(this._scrollingJudgeTimerId);
+			this._scrollingJudgeTimerId = null;
+		}
+	}
+	_onResize(width, height) {
+		this._update(width, height);
+	}
+	_triggerScrollTick(event) {
+		const { _nowScrolling } = this;
+		if (event === "scrollStart") {
+			this._startX = this._scrollLeft;
+			this._startY = this._scrollTop;
+			this._lastTotalX = 0;
+			this._lastTotalY = 0;
+			this._nowScrolling = true;
+		} else if (event === "scrollEnd") this._nowScrolling = false;
+		if (_nowScrolling !== this._nowScrolling) this._syncToObservers("nowScrolling");
+		this.emit(event, this.lastPayload);
+	}
+	_onScroll() {
+		if (!this.scrollEnabled && this._el) {
+			this._el.scrollLeft = this._scrollLeft;
+			this._el.scrollTop = this._scrollTop;
+			return;
+		}
+		const { _scrollTop, _scrollLeft, _lastAxis, _lastDirection, _lastXDirection, _lastYDirection } = this;
+		this._updateScrollPositions();
+		const tickedX = this._scrollLeft - _scrollLeft;
+		const tickedY = this._scrollTop - _scrollTop;
+		this._tickedX = tickedX;
+		this._tickedY = tickedY;
+		if (tickedX === tickedY) this._lastAxis = this.baseAxis;
+		else this._lastAxis = Math.abs(tickedX) > Math.abs(tickedY) ? "x" : "y";
+		if (_scrollTop < this._scrollTop) this._lastYDirection = "bottom";
+		else if (_scrollTop > this._scrollTop) this._lastYDirection = "top";
+		if (_scrollLeft < this._scrollLeft) this._lastXDirection = "right";
+		else if (_scrollLeft > this._scrollLeft) this._lastXDirection = "left";
+		this._lastDirection = this._lastAxis === "y" ? this._lastYDirection : this._lastXDirection;
+		const axisIsChanged = this._lastAxis !== _lastAxis;
+		const lastXDirectionIsChanged = this._lastXDirection !== _lastXDirection;
+		const lastYDirectionIsChanged = this._lastYDirection !== _lastYDirection;
+		const lastDirectionIsChanged = this._lastDirection !== _lastDirection;
+		if (axisIsChanged) this.emit("changeAxis", this._lastAxis);
+		if (lastXDirectionIsChanged) this.emit("changeLastXDirection", this._lastXDirection);
+		if (lastYDirectionIsChanged) this.emit("changeLastYDirection", this._lastYDirection);
+		if (lastDirectionIsChanged) this.emit("changeLastDirection", this._lastDirection);
+		if (axisIsChanged || lastXDirectionIsChanged || lastYDirectionIsChanged || lastDirectionIsChanged) this._syncToObservers([
+			"lastAxis",
+			"lastDirection",
+			"lastYDirection",
+			"lastXDirection"
+		]);
+		if (this._nowScrolling) if (axisIsChanged || _lastAxis === "y" && lastYDirectionIsChanged || _lastAxis === "x" && lastXDirectionIsChanged) this._triggerScrollTick("scrollEnd");
+		else {
+			this._lastTotalX = this._scrollLeft - this._startX;
+			this._lastTotalY = this._scrollTop - this._startY;
+			this._triggerScrollTick("scroll");
+		}
+		if (!this._nowScrolling) {
+			this._updateScrollSize();
+			this._triggerScrollTick("scrollStart");
+		}
+		this._clearScrollingJudgeTimer();
+		this._scrollingJudgeTimerId = window.setTimeout(() => {
+			this._triggerScrollTick("scrollEnd");
+		}, this.scrollingJudgeInterval);
+	}
+	_syncToObserver(observer, keys = scrollerObservableKeys) {
+		for (const key of keys) observer[key] = this[key];
+	}
+	_syncToObservers(keys) {
+		if (this._observers.length === 0) return;
+		keys = typeof keys === "string" ? [keys] : keys;
+		for (const observer of this._observers) this._syncToObserver(observer, keys);
+	}
+	_checkElement() {
+		const { _el } = this;
+		if (!_el) {
+			const message = "missing element";
+			logger.error(message);
+			throw new Error(message);
+		}
+		return _el;
+	}
+	_createMergedScrollOptions(source) {
+		return {
+			container: this._checkElement(),
+			...this.scrollSettingsDefaults,
+			...source
+		};
+	}
+	_createMergedScrollToElementOptions(source) {
+		const merged = {
+			container: this._checkElement(),
+			...this.scrollToElementSettingsDefaults,
+			...source
+		};
+		let { _scrollToElementAdditionalOffset: additionalOffset } = this;
+		if (!additionalOffset) return merged;
+		if (typeof additionalOffset === "function") additionalOffset = additionalOffset(this);
+		if (!additionalOffset) return merged;
+		if (typeof additionalOffset === "number") additionalOffset = {
+			x: additionalOffset,
+			y: additionalOffset
+		};
+		let { offset } = merged;
+		if (!offset) {
+			merged.offset = additionalOffset;
+			return merged;
+		}
+		if (typeof offset === "number") offset = {
+			x: offset,
+			y: offset
+		};
+		offset.x = (offset.x || 0) + (additionalOffset.x || 0);
+		offset.y = (offset.y || 0) + (additionalOffset.y || 0);
+		merged.offset = offset;
+		return merged;
+	}
+	_clearScrollToResult() {
+		if (!this._scrollToResult) return;
+		this._scrollToResult = null;
+	}
+	_setScrollToResult(result) {
+		this._scrollToResult = result;
+		result.promise.then(() => {
+			this._clearScrollToResult();
+		});
+		return result;
+	}
+	_updateScrollable() {
+		if (this.scrollEnabled) this._scrollEnable();
+		else this._scrollDisable();
+	}
+	_scrollEnable() {
+		enableScroll(this._checkElement());
+	}
+	_scrollDisable() {
+		const el = this._checkElement();
+		this.cancel();
+		disableScroll(el);
+	}
 };
 
+//#endregion
 export { SCROLLABLE_KEY_CODES, Scroller, ScrollerState, defaultBaseSettings, defaultSettings, disableScroll, enableScroll, scrollBy, scrollTo, scrollToBottom, scrollToElement, scrollToElementSettingsDefaults, scrollToLeft, scrollToLeftBottom, scrollToLeftTop, scrollToRight, scrollToRightBottom, scrollToRightTop, scrollToSide, scrollToTop };
-//# sourceMappingURL=scroller.mjs.map
 //# sourceMappingURL=scroller.mjs.map