overflowed 0.0.0-experimental-20230103160007 → 0.0.0-experimental-005

package/index.js

@@ -1,31 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// modules/index.ts
-var modules_exports = {};
-__export(modules_exports, {
-  default: () => modules_default
-});
-module.exports = __toCommonJS(modules_exports);
-var modules_default = void 0;
-throw new Error(
-  "You imported `overflowed` directly, instead you should import from it's subdirectories such as `overflowed/react` or `overflowed/core`. Documentation for this error is available at https://overflowed.aht.cx/errors/imported-root"
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/index.mjs

@@ -1,8 +0,0 @@
-// modules/index.ts
-var modules_default = void 0;
-throw new Error(
-  "You imported `overflowed` directly, instead you should import from it's subdirectories such as `overflowed/react` or `overflowed/core`. Documentation for this error is available at https://overflowed.aht.cx/errors/imported-root"
-);
-export {
-  modules_default as default
-};

package/react/index.d.ts

@@ -1,17 +0,0 @@
-import { O as OverflowedOptions } from '../Overflowed-4d9a04ab.js';
-
-interface UseOverflowedItemsState {
-    visibleItemCount: number;
-    indicatorElementOffset: number | undefined;
-    isMounted: boolean;
-}
-interface UseOverflowedItemsOptions extends Omit<OverflowedOptions, "onUpdate"> {
-    enableEmptyOverflowedItems?: boolean;
-    maxItemCount?: number;
-}
-declare const useOverflowedItems: <Item extends unknown>(items: Item[], { enableEmptyOverflowedItems, maxItemCount, ...options }?: UseOverflowedItemsOptions) => readonly [(readonly [Item, any])[], Item[], {
-    getContainerProps: any;
-    getIndicatorProps: any;
-}];
-
-export { UseOverflowedItemsOptions, UseOverflowedItemsState, useOverflowedItems };

package/react/index.js

@@ -1,291 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// modules/react/index.ts
-var react_exports = {};
-__export(react_exports, {
-  useOverflowedItems: () => useOverflowedItems
-});
-module.exports = __toCommonJS(react_exports);
-
-// modules/react/useOverflowedItems.tsx
-var import_react = require("react");
-
-// modules/core/Overflowed.ts
-var Overflowed = class {
-  axis;
-  onUpdate;
-  resizeObserver;
-  containerElement = null;
-  indicatorElement = null;
-  indicatorSize;
-  constructor({
-    ResizeObserver = typeof window === "undefined" ? void 0 : window.ResizeObserver,
-    axis = "horizontal",
-    onUpdate
-  }) {
-    this.resizeObserver = ResizeObserver && new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        if (entry.target === this.indicatorElement) {
-          if (entry.target.clientWidth > 0 && entry.target.clientWidth !== this.indicatorSize) {
-            console.warn("width doesn't match", this.indicatorSize, entry.target.clientWidth);
-          }
-          this.indicatorSize = entry.target.clientWidth;
-        } else if (entry.target.parentNode === this.containerElement) {
-        }
-      }
-      this.requestUpdate();
-    });
-    this.axis = axis;
-    this.onUpdate = onUpdate;
-  }
-  registerContainerElement(containerElement) {
-    this.containerElement = containerElement;
-    this.resizeObserver?.observe(containerElement);
-    this.requestUpdate();
-  }
-  registerIndicatorElement(indicatorElement) {
-    this.indicatorElement = indicatorElement;
-    this.indicatorSize = indicatorElement.clientWidth;
-    this.resizeObserver?.observe(indicatorElement);
-    this.requestUpdate();
-  }
-  registerItemElement(itemElement) {
-    this.resizeObserver?.observe(itemElement);
-    this.requestUpdate();
-  }
-  onContainerElementWillUnmount() {
-    this.resizeObserver?.disconnect();
-    this.containerElement = null;
-    this.indicatorElement = null;
-  }
-  getElementSize(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return element.offsetWidth;
-    }
-    return element.offsetHeight;
-  }
-  getElementOffsetFromRight(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return this.getElementSize(element.parentElement) - this.getElementSize(element) - element.offsetLeft;
-    }
-    return this.getElementSize(element.parentElement) - this.getElementSize(element) - element.offsetTop;
-  }
-  getElementOffsetFromLeft(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return element.offsetLeft;
-    }
-    return element.offsetTop;
-  }
-  getElementComputedValues(element) {
-    const {
-      direction,
-      marginBlockStart,
-      marginBlockEnd,
-      marginInlineStart,
-      marginInlineEnd,
-      paddingBlockStart,
-      paddingBlockEnd,
-      paddingInlineStart,
-      paddingInlineEnd
-    } = window.getComputedStyle(element);
-    const marginStartAsString = this.axis === "horizontal" ? marginInlineStart : marginBlockStart;
-    const marginEndAsString = this.axis === "horizontal" ? marginInlineEnd : marginBlockEnd;
-    const paddingStartAsString = this.axis === "horizontal" ? paddingInlineStart : paddingBlockStart;
-    const paddingEndAsString = this.axis === "horizontal" ? paddingInlineEnd : paddingBlockEnd;
-    if (marginStartAsString && !marginStartAsString.endsWith("px"))
-      throw new Error("ok1");
-    if (marginEndAsString && !marginEndAsString.endsWith("px"))
-      throw new Error("ok2");
-    if (paddingStartAsString && !paddingStartAsString.endsWith("px"))
-      throw new Error("ok3");
-    if (paddingEndAsString && !paddingEndAsString.endsWith("px"))
-      throw new Error("ok4");
-    const marginStart = parseInt(marginStartAsString || "0", 10);
-    const marginEnd = parseInt(marginEndAsString || "0", 10);
-    const paddingStart = parseInt(paddingStartAsString || "0", 10);
-    const paddingEnd = parseInt(paddingEndAsString || "0", 10);
-    const isRtl = direction === "rtl";
-    return { isRtl, marginStart, marginEnd, paddingStart, paddingEnd };
-  }
-  update() {
-    if (!this.containerElement) {
-      return;
-    }
-    const {
-      isRtl,
-      paddingStart: containerPaddingStart,
-      paddingEnd: containerPaddingEnd
-    } = this.getElementComputedValues(this.containerElement);
-    const indicatorMarginEnd = this.indicatorElement ? this.getElementComputedValues(this.indicatorElement).marginEnd : 0;
-    const containerElementSize = this.getElementSize(this.containerElement) - containerPaddingStart - containerPaddingEnd;
-    const indicatorElementSize = this.getElementSize(this.indicatorElement) + indicatorMarginEnd;
-    const childrenArray = Array.from(this.containerElement.children).filter((element) => element !== this.indicatorElement).filter(isHtmlElement);
-    const getOffset = isRtl ? this.getElementOffsetFromRight.bind(this) : this.getElementOffsetFromLeft.bind(this);
-    const breakpoints = [];
-    for (const childElement of childrenArray.values()) {
-      const childOffset = getOffset(childElement);
-      const childSize = this.getElementSize(childElement);
-      breakpoints.push([childOffset - containerPaddingStart, childOffset + childSize + containerPaddingEnd]);
-    }
-    if (breakpoints.length === 0) {
-      return;
-    }
-    const containerIntersectingChildIndex = breakpoints.findIndex(([_start, end]) => end > containerElementSize);
-    if (containerIntersectingChildIndex !== -1) {
-      const intersectingChildIndex = breakpoints.findIndex(
-        ([start, end]) => (this.indicatorElement ? start : end) > containerElementSize - indicatorElementSize
-      );
-      const newVisibleItemCount = Math.max(intersectingChildIndex - (this.indicatorElement ? 1 : 0), 0);
-      const newIndicatorElementOffset = breakpoints[newVisibleItemCount]?.[0] + containerPaddingStart;
-      this.onUpdate(newVisibleItemCount, newIndicatorElementOffset);
-    } else {
-      this.onUpdate(breakpoints.length, 0);
-    }
-  }
-  requestedUpdate = false;
-  requestUpdate() {
-    if (this.requestedUpdate) {
-      return;
-    }
-    this.requestedUpdate = true;
-    this.update();
-    window.requestAnimationFrame(() => {
-      this.requestedUpdate = false;
-    });
-  }
-};
-var isHtmlElement = (element) => {
-  if (element instanceof HTMLElement) {
-    return true;
-  }
-  throw new Error("Element provided is not a HTMLElement.");
-};
-
-// modules/react/defaultCreateGetContainerProps.ts
-var defaultCreateGetContainerProps = (overflowed, state) => ({ style } = {}) => ({
-  ref: (containerElement) => {
-    if (!(containerElement instanceof HTMLElement)) {
-      return;
-    }
-    overflowed.registerContainerElement(containerElement);
-  },
-  style: {
-    overflowX: overflowed.axis === "horizontal" ? state.isMounted ? "clip" : "auto" : void 0,
-    overflowY: overflowed.axis === "horizontal" ? state.isMounted ? "clip" : "auto" : void 0,
-    position: "relative",
-    ...style
-  }
-});
-
-// modules/react/defaultCreateGetIndicatorProps.ts
-var defaultCreateGetIndicatorProps = (overflowed, state, isVisible) => ({ style } = {}) => ({
-  ref: (indicatorElement) => {
-    if (!(indicatorElement instanceof HTMLElement)) {
-      return;
-    }
-    overflowed.registerIndicatorElement(indicatorElement);
-  },
-  style: {
-    position: "absolute",
-    marginInlineStart: 0,
-    insetInlineStart: isVisible ? state.indicatorElementOffset : 0,
-    userSelect: isVisible ? void 0 : "none",
-    pointerEvents: isVisible ? void 0 : "none",
-    visibility: isVisible ? void 0 : "hidden",
-    ...style
-  }
-});
-
-// modules/react/defaultCreateGetItemProps.ts
-var defaultCreateGetItemProps = (overflowed, state, isHidden) => ({ style } = {}) => ({
-  ref: (itemElement) => {
-    if (!(itemElement instanceof HTMLElement)) {
-      return;
-    }
-    overflowed.registerItemElement(itemElement);
-  },
-  style: {
-    ...isHidden ? {
-      userSelect: "none",
-      pointerEvents: "none",
-      visibility: "hidden"
-    } : {},
-    ...style
-  },
-  "aria-hidden": isHidden ? true : false
-});
-
-// modules/react/useOverflowedItems.tsx
-var useOverflowedItems = (items, {
-  enableEmptyOverflowedItems,
-  maxItemCount = items.length,
-  ...options
-} = {}) => {
-  const [state, setState] = (0, import_react.useState)({
-    visibleItemCount: maxItemCount,
-    indicatorElementOffset: void 0,
-    isMounted: false
-  });
-  const overflowedRef = (0, import_react.useRef)(
-    new Overflowed({
-      ...options,
-      onUpdate: (newVisibleItemCount, newIndicatorElementOffset) => setState(({ isMounted }) => ({
-        isMounted,
-        visibleItemCount: Math.min(newVisibleItemCount, maxItemCount),
-        indicatorElementOffset: newIndicatorElementOffset
-      }))
-    })
-  );
-  (0, import_react.useEffect)(() => {
-    setState((previousState) => ({ ...previousState, isMounted: true }));
-    return () => overflowedRef.current.onContainerElementWillUnmount();
-  }, []);
-  const visibleItems = (0, import_react.useMemo)(
-    () => items.map(
-      (item, index) => [item, defaultCreateGetItemProps(overflowedRef.current, state, index >= state.visibleItemCount)]
-    ),
-    [items, state]
-  );
-  const overflowedItems = (0, import_react.useMemo)(
-    () => state.visibleItemCount < items.length ? items.slice(state.visibleItemCount) : [],
-    [state.visibleItemCount, enableEmptyOverflowedItems]
-  );
-  const props = (0, import_react.useMemo)(
-    () => ({
-      getContainerProps: defaultCreateGetContainerProps(overflowedRef.current, state),
-      getIndicatorProps: defaultCreateGetIndicatorProps(overflowedRef.current, state, overflowedItems.length > 0)
-    }),
-    [state, overflowedItems]
-  );
-  return [visibleItems, overflowedItems, props];
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useOverflowedItems
-});

package/react/index.mjs

@@ -1,108 +0,0 @@
-import {
-  Overflowed
-} from "../chunk-DZKPYTOC.mjs";
-
-// modules/react/useOverflowedItems.tsx
-import { useEffect, useMemo, useRef, useState } from "react";
-
-// modules/react/defaultCreateGetContainerProps.ts
-var defaultCreateGetContainerProps = (overflowed, state) => ({ style } = {}) => ({
-  ref: (containerElement) => {
-    if (!(containerElement instanceof HTMLElement)) {
-      return;
-    }
-    overflowed.registerContainerElement(containerElement);
-  },
-  style: {
-    overflowX: overflowed.axis === "horizontal" ? state.isMounted ? "clip" : "auto" : void 0,
-    overflowY: overflowed.axis === "horizontal" ? state.isMounted ? "clip" : "auto" : void 0,
-    position: "relative",
-    ...style
-  }
-});
-
-// modules/react/defaultCreateGetIndicatorProps.ts
-var defaultCreateGetIndicatorProps = (overflowed, state, isVisible) => ({ style } = {}) => ({
-  ref: (indicatorElement) => {
-    if (!(indicatorElement instanceof HTMLElement)) {
-      return;
-    }
-    overflowed.registerIndicatorElement(indicatorElement);
-  },
-  style: {
-    position: "absolute",
-    marginInlineStart: 0,
-    insetInlineStart: isVisible ? state.indicatorElementOffset : 0,
-    userSelect: isVisible ? void 0 : "none",
-    pointerEvents: isVisible ? void 0 : "none",
-    visibility: isVisible ? void 0 : "hidden",
-    ...style
-  }
-});
-
-// modules/react/defaultCreateGetItemProps.ts
-var defaultCreateGetItemProps = (overflowed, state, isHidden) => ({ style } = {}) => ({
-  ref: (itemElement) => {
-    if (!(itemElement instanceof HTMLElement)) {
-      return;
-    }
-    overflowed.registerItemElement(itemElement);
-  },
-  style: {
-    ...isHidden ? {
-      userSelect: "none",
-      pointerEvents: "none",
-      visibility: "hidden"
-    } : {},
-    ...style
-  },
-  "aria-hidden": isHidden ? true : false
-});
-
-// modules/react/useOverflowedItems.tsx
-var useOverflowedItems = (items, {
-  enableEmptyOverflowedItems,
-  maxItemCount = items.length,
-  ...options
-} = {}) => {
-  const [state, setState] = useState({
-    visibleItemCount: maxItemCount,
-    indicatorElementOffset: void 0,
-    isMounted: false
-  });
-  const overflowedRef = useRef(
-    new Overflowed({
-      ...options,
-      onUpdate: (newVisibleItemCount, newIndicatorElementOffset) => setState(({ isMounted }) => ({
-        isMounted,
-        visibleItemCount: Math.min(newVisibleItemCount, maxItemCount),
-        indicatorElementOffset: newIndicatorElementOffset
-      }))
-    })
-  );
-  useEffect(() => {
-    setState((previousState) => ({ ...previousState, isMounted: true }));
-    return () => overflowedRef.current.onContainerElementWillUnmount();
-  }, []);
-  const visibleItems = useMemo(
-    () => items.map(
-      (item, index) => [item, defaultCreateGetItemProps(overflowedRef.current, state, index >= state.visibleItemCount)]
-    ),
-    [items, state]
-  );
-  const overflowedItems = useMemo(
-    () => state.visibleItemCount < items.length ? items.slice(state.visibleItemCount) : [],
-    [state.visibleItemCount, enableEmptyOverflowedItems]
-  );
-  const props = useMemo(
-    () => ({
-      getContainerProps: defaultCreateGetContainerProps(overflowedRef.current, state),
-      getIndicatorProps: defaultCreateGetIndicatorProps(overflowedRef.current, state, overflowedItems.length > 0)
-    }),
-    [state, overflowedItems]
-  );
-  return [visibleItems, overflowedItems, props];
-};
-export {
-  useOverflowedItems
-};

package/svelte/index.d.ts

@@ -1,9 +0,0 @@
-import { Action } from 'svelte/action';
-
-declare const overflowedItems: <Item>(items: Item[], onUpdate: (newVisibleItems: Item[], newOverflowedItems: Item[]) => void) => readonly [Item[], Item[], {
-    readonly container: Action<HTMLElement, any, Record<never, any>>;
-    readonly indicator: Action<HTMLElement, any, Record<never, any>>;
-    readonly item: Action<HTMLElement, number, Record<never, any>>;
-}];
-
-export { overflowedItems };

package/svelte/index.js

@@ -1,216 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// modules/svelte/index.ts
-var svelte_exports = {};
-__export(svelte_exports, {
-  overflowedItems: () => overflowedItems
-});
-module.exports = __toCommonJS(svelte_exports);
-
-// modules/core/Overflowed.ts
-var Overflowed = class {
-  axis;
-  onUpdate;
-  resizeObserver;
-  containerElement = null;
-  indicatorElement = null;
-  indicatorSize;
-  constructor({
-    ResizeObserver = typeof window === "undefined" ? void 0 : window.ResizeObserver,
-    axis = "horizontal",
-    onUpdate
-  }) {
-    this.resizeObserver = ResizeObserver && new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        if (entry.target === this.indicatorElement) {
-          if (entry.target.clientWidth > 0 && entry.target.clientWidth !== this.indicatorSize) {
-            console.warn("width doesn't match", this.indicatorSize, entry.target.clientWidth);
-          }
-          this.indicatorSize = entry.target.clientWidth;
-        } else if (entry.target.parentNode === this.containerElement) {
-        }
-      }
-      this.requestUpdate();
-    });
-    this.axis = axis;
-    this.onUpdate = onUpdate;
-  }
-  registerContainerElement(containerElement) {
-    this.containerElement = containerElement;
-    this.resizeObserver?.observe(containerElement);
-    this.requestUpdate();
-  }
-  registerIndicatorElement(indicatorElement) {
-    this.indicatorElement = indicatorElement;
-    this.indicatorSize = indicatorElement.clientWidth;
-    this.resizeObserver?.observe(indicatorElement);
-    this.requestUpdate();
-  }
-  registerItemElement(itemElement) {
-    this.resizeObserver?.observe(itemElement);
-    this.requestUpdate();
-  }
-  onContainerElementWillUnmount() {
-    this.resizeObserver?.disconnect();
-    this.containerElement = null;
-    this.indicatorElement = null;
-  }
-  getElementSize(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return element.offsetWidth;
-    }
-    return element.offsetHeight;
-  }
-  getElementOffsetFromRight(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return this.getElementSize(element.parentElement) - this.getElementSize(element) - element.offsetLeft;
-    }
-    return this.getElementSize(element.parentElement) - this.getElementSize(element) - element.offsetTop;
-  }
-  getElementOffsetFromLeft(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return element.offsetLeft;
-    }
-    return element.offsetTop;
-  }
-  getElementComputedValues(element) {
-    const {
-      direction,
-      marginBlockStart,
-      marginBlockEnd,
-      marginInlineStart,
-      marginInlineEnd,
-      paddingBlockStart,
-      paddingBlockEnd,
-      paddingInlineStart,
-      paddingInlineEnd
-    } = window.getComputedStyle(element);
-    const marginStartAsString = this.axis === "horizontal" ? marginInlineStart : marginBlockStart;
-    const marginEndAsString = this.axis === "horizontal" ? marginInlineEnd : marginBlockEnd;
-    const paddingStartAsString = this.axis === "horizontal" ? paddingInlineStart : paddingBlockStart;
-    const paddingEndAsString = this.axis === "horizontal" ? paddingInlineEnd : paddingBlockEnd;
-    if (marginStartAsString && !marginStartAsString.endsWith("px"))
-      throw new Error("ok1");
-    if (marginEndAsString && !marginEndAsString.endsWith("px"))
-      throw new Error("ok2");
-    if (paddingStartAsString && !paddingStartAsString.endsWith("px"))
-      throw new Error("ok3");
-    if (paddingEndAsString && !paddingEndAsString.endsWith("px"))
-      throw new Error("ok4");
-    const marginStart = parseInt(marginStartAsString || "0", 10);
-    const marginEnd = parseInt(marginEndAsString || "0", 10);
-    const paddingStart = parseInt(paddingStartAsString || "0", 10);
-    const paddingEnd = parseInt(paddingEndAsString || "0", 10);
-    const isRtl = direction === "rtl";
-    return { isRtl, marginStart, marginEnd, paddingStart, paddingEnd };
-  }
-  update() {
-    if (!this.containerElement) {
-      return;
-    }
-    const {
-      isRtl,
-      paddingStart: containerPaddingStart,
-      paddingEnd: containerPaddingEnd
-    } = this.getElementComputedValues(this.containerElement);
-    const indicatorMarginEnd = this.indicatorElement ? this.getElementComputedValues(this.indicatorElement).marginEnd : 0;
-    const containerElementSize = this.getElementSize(this.containerElement) - containerPaddingStart - containerPaddingEnd;
-    const indicatorElementSize = this.getElementSize(this.indicatorElement) + indicatorMarginEnd;
-    const childrenArray = Array.from(this.containerElement.children).filter((element) => element !== this.indicatorElement).filter(isHtmlElement);
-    const getOffset = isRtl ? this.getElementOffsetFromRight.bind(this) : this.getElementOffsetFromLeft.bind(this);
-    const breakpoints = [];
-    for (const childElement of childrenArray.values()) {
-      const childOffset = getOffset(childElement);
-      const childSize = this.getElementSize(childElement);
-      breakpoints.push([childOffset - containerPaddingStart, childOffset + childSize + containerPaddingEnd]);
-    }
-    if (breakpoints.length === 0) {
-      return;
-    }
-    const containerIntersectingChildIndex = breakpoints.findIndex(([_start, end]) => end > containerElementSize);
-    if (containerIntersectingChildIndex !== -1) {
-      const intersectingChildIndex = breakpoints.findIndex(
-        ([start, end]) => (this.indicatorElement ? start : end) > containerElementSize - indicatorElementSize
-      );
-      const newVisibleItemCount = Math.max(intersectingChildIndex - (this.indicatorElement ? 1 : 0), 0);
-      const newIndicatorElementOffset = breakpoints[newVisibleItemCount]?.[0] + containerPaddingStart;
-      this.onUpdate(newVisibleItemCount, newIndicatorElementOffset);
-    } else {
-      this.onUpdate(breakpoints.length, 0);
-    }
-  }
-  requestedUpdate = false;
-  requestUpdate() {
-    if (this.requestedUpdate) {
-      return;
-    }
-    this.requestedUpdate = true;
-    this.update();
-    window.requestAnimationFrame(() => {
-      this.requestedUpdate = false;
-    });
-  }
-};
-var isHtmlElement = (element) => {
-  if (element instanceof HTMLElement) {
-    return true;
-  }
-  throw new Error("Element provided is not a HTMLElement.");
-};
-
-// modules/svelte/overflowedItems.ts
-var overflowedItems = (items, onUpdate) => {
-  const overflowed = new Overflowed({
-    onUpdate: (newVisibleItemCount, indicatorElementOffset) => {
-      onUpdate(items, newVisibleItemCount < items.length ? items.slice(newVisibleItemCount) : []);
-      console.log(indicatorElementOffset);
-    }
-  });
-  const container = (element) => {
-    overflowed.registerContainerElement(element);
-    element.style.display = "flex";
-    element.style.position = "relative";
-    element.style.flexDirection = overflowed.axis === "horizontal" ? "row" : "column";
-    element.style.overflowX = overflowed.axis === "horizontal" ? "clip" : "";
-    element.style.overflowY = overflowed.axis === "horizontal" ? "clip" : "";
-  };
-  const indicator = (element) => {
-    overflowed.registerIndicatorElement(element);
-    element.style.flexShrink = "0";
-  };
-  const item = (element, index) => {
-    overflowed.registerItemElement(element);
-    element.style.flexShrink = "0";
-  };
-  return [items, items, { container, indicator, item }];
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  overflowedItems
-});