@solid2-aria/stately 0.0.0-stage → 0.0.1

package/dist/virtualizer/virtualizer.js

@@ -0,0 +1,314 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/virtualizer/Virtualizer.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { requireValue } from "../utils/require-value.js";
+import { Rect } from "./rect.js";
+import { Size } from "./size.js";
+import { OverscanManager } from "./overscan-manager.js";
+import { RootView } from "./reusable-view.js";
+import { ScrollAnchorTracker } from "./scroll-anchor.js";
+import { isSetEqual } from "./utils.js";
+// src/virtualizer/virtualizer.ts
+/**
+* The Virtualizer class renders a scrollable collection of data using customizable layouts.
+* It supports very large collections by only rendering visible views to the DOM, reusing
+* them as you scroll. Virtualizer can present any type of view, including non-item views
+* such as section headers and footers.
+*
+* Virtualizer uses `Layout` objects to compute what views should be visible, and how
+* to position and style them. This means that virtualizer can have its items arranged in
+* a stack, a grid, a circle, or any other layout you can think of. The layout can be changed
+* dynamically at runtime as well.
+*
+* Layouts produce information on what views should appear in the virtualizer, but do not create the
+* views themselves directly. It is the responsibility of the `VirtualizerDelegate` object to render
+* elements for each layout info. The virtualizer manages a set of `ReusableView` objects, which are
+* reused as the user scrolls by swapping their content with cached elements returned by the
+* delegate.
+*/
+var Virtualizer = class {
+	/**
+	* The virtualizer delegate. The delegate is used by the virtualizer
+	* to create and configure views.
+	*/
+	delegate;
+	/** The current content of the virtualizer. */
+	_collection;
+	get collection() {
+		return this._collection;
+	}
+	/** The layout object that determines the visible views. */
+	_layout;
+	get layout() {
+		return this._layout;
+	}
+	/** The size of the scrollable content. */
+	_contentSize;
+	get contentSize() {
+		return this._contentSize;
+	}
+	/** The currently visible rectangle. */
+	_visibleRect;
+	get visibleRect() {
+		return this._visibleRect;
+	}
+	/** The size of the virtualizer scroll view. */
+	_size;
+	get size() {
+		return this._size;
+	}
+	/** The set of persisted keys that are always present in the DOM, even if not currently in view. */
+	_persistedKeys;
+	get persistedKeys() {
+		return this._persistedKeys;
+	}
+	_visibleViews;
+	_renderedContent;
+	_rootView;
+	_isScrolling;
+	_invalidationContext;
+	_overscanManager;
+	_scrollAnchor;
+	constructor(options) {
+		this.delegate = options.delegate;
+		this._collection = options.collection;
+		this._layout = options.layout;
+		this._contentSize = new Size();
+		this._visibleRect = new Rect();
+		this._size = new Size();
+		this._persistedKeys = /* @__PURE__ */ new Set();
+		this._visibleViews = /* @__PURE__ */ new Map();
+		this._renderedContent = /* @__PURE__ */ new WeakMap();
+		this._rootView = new RootView(this);
+		this._isScrolling = false;
+		this._invalidationContext = {};
+		this._overscanManager = new OverscanManager();
+		this._scrollAnchor = new ScrollAnchorTracker();
+	}
+	/** Returns whether the given key, or an ancestor, is persisted. */
+	isPersistedKey(key) {
+		if (this.persistedKeys.has(key)) return true;
+		for (let k of this.persistedKeys) while (k !== null && k !== void 0) {
+			const layoutInfo = this.layout.getLayoutInfo(k);
+			if (!layoutInfo || layoutInfo.parentKey === null || layoutInfo.parentKey === void 0) break;
+			k = layoutInfo.parentKey;
+			if (k === key) return true;
+		}
+		return false;
+	}
+	getParentView(layoutInfo) {
+		return layoutInfo.parentKey === null || layoutInfo.parentKey === void 0 ? this._rootView : this._visibleViews.get(layoutInfo.parentKey);
+	}
+	getReusableView(layoutInfo) {
+		const parentView = this.getParentView(layoutInfo);
+		const view = requireValue(parentView, "Expected parentView to exist.").getReusableView(layoutInfo.type);
+		view.layoutInfo = layoutInfo;
+		this._renderView(view);
+		return view;
+	}
+	_renderView(reusableView) {
+		if (reusableView.layoutInfo) {
+			const { type, key, content } = reusableView.layoutInfo;
+			reusableView.content = content ?? this.collection.getItem(key);
+			reusableView.rendered = this._renderContent(type, reusableView.content);
+		}
+	}
+	_renderContent(type, content) {
+		const cached = content === null || content === void 0 ? null : this._renderedContent.get(content);
+		if (cached !== null && cached !== void 0) return cached;
+		const rendered = this.delegate.renderView(type, content);
+		if (content) this._renderedContent.set(content, rendered);
+		return rendered;
+	}
+	/**
+	* Returns the key for the item view currently at the given point.
+	*/
+	keyAtPoint(point) {
+		const rect = new Rect(point.x, point.y, 1, 1);
+		const layoutInfos = rect.area === 0 ? [] : this.layout.getVisibleLayoutInfos(rect);
+		for (const layoutInfo of layoutInfos) if (layoutInfo.rect.intersects(rect)) return layoutInfo.key;
+		return null;
+	}
+	relayout(context = {}) {
+		const anchorInfo = this.layout.UNSTABLE_getScrollAnchorInfo?.(context.layoutOptions) ?? null;
+		let anchor = null;
+		if (anchorInfo) {
+			const preLayoutInfos = [];
+			for (const [key, view] of this._visibleViews) {
+				const layoutInfo = this.layout.getLayoutInfo(key) ?? view.layoutInfo;
+				if (layoutInfo) preLayoutInfos.push([key, layoutInfo]);
+			}
+			anchor = this._scrollAnchor.captureBeforeLayout(anchorInfo, preLayoutInfos, this.visibleRect);
+		}
+		const previousContentSize = this.contentSize;
+		const previousVisibleRect = this.visibleRect;
+		this.layout.update(context);
+		const rawContentSize = this.layout.getContentSize();
+		this._contentSize = new Size(rawContentSize.width, rawContentSize.height);
+		const target = this._scrollAnchor.resolveAfterLayout({
+			anchor,
+			anchorInfo,
+			contentSize: this.contentSize,
+			getLayoutInfo: (key) => this.layout.getLayoutInfo(key),
+			isScrolling: this._isScrolling,
+			itemSizeChanged: context.itemSizeChanged ?? false,
+			postLayoutInfos: anchorInfo ? this.getVisibleLayoutInfos() : /* @__PURE__ */ new Map(),
+			previousContentSize,
+			previousVisibleRect
+		});
+		if (target) {
+			this.delegate.setVisibleRect(target);
+			return;
+		}
+		const { visibleRect } = this;
+		let contentOffsetX = context.contentChanged === true ? 0 : visibleRect.x;
+		let contentOffsetY = context.contentChanged === true ? 0 : visibleRect.y;
+		contentOffsetX = Math.max(0, Math.min(this.contentSize.width - visibleRect.width, contentOffsetX));
+		contentOffsetY = Math.max(0, Math.min(this.contentSize.height - visibleRect.height, contentOffsetY));
+		if (contentOffsetX !== visibleRect.x || contentOffsetY !== visibleRect.y) {
+			const rect = new Rect(contentOffsetX, contentOffsetY, visibleRect.width, visibleRect.height);
+			this.delegate.setVisibleRect(rect);
+		} else this.updateSubviews();
+	}
+	getVisibleLayoutInfos() {
+		const isTestEnv = process.env.NODE_ENV === "test" && (process.env.VIRT_ON === void 0 || process.env.VIRT_ON === "");
+		const isClientWidthMocked = isTestEnv && typeof HTMLElement !== "undefined" && Object.getOwnPropertyNames(HTMLElement.prototype).includes("clientWidth");
+		const isClientHeightMocked = isTestEnv && typeof HTMLElement !== "undefined" && Object.getOwnPropertyNames(HTMLElement.prototype).includes("clientHeight");
+		const rect = isTestEnv && (!isClientWidthMocked || !isClientHeightMocked) ? new Rect(0, 0, this.contentSize.width, this.contentSize.height) : this._overscanManager.getOverscannedRect();
+		const layoutInfos = this.layout.getVisibleLayoutInfos(rect);
+		const map = /* @__PURE__ */ new Map();
+		for (const layoutInfo of layoutInfos) map.set(layoutInfo.key, layoutInfo);
+		return map;
+	}
+	updateSubviews() {
+		const visibleLayoutInfos = this.getVisibleLayoutInfos();
+		const removed = /* @__PURE__ */ new Set();
+		for (const [key, view] of this._visibleViews) {
+			const layoutInfo = visibleLayoutInfos.get(key);
+			if (!layoutInfo || view.parent !== this.getParentView(layoutInfo)) {
+				this._visibleViews.delete(key);
+				view.parent.reuseChild(view);
+				removed.add(view);
+			}
+		}
+		for (const [key, layoutInfo] of visibleLayoutInfos) {
+			let view = this._visibleViews.get(key);
+			if (view) {
+				view.layoutInfo = layoutInfo;
+				const item = this.collection.getItem(layoutInfo.key);
+				if (view.content !== item) {
+					if (view.content !== null && view.content !== void 0) this._renderedContent.delete(view.content);
+					this._renderView(view);
+				}
+			} else {
+				view = this.getReusableView(layoutInfo);
+				view.parent.children.add(view);
+				this._visibleViews.set(key, view);
+				removed.delete(view);
+			}
+		}
+		for (const view of removed) {
+			view.parent.children.delete(view);
+			view.parent.reusableViews.clear();
+		}
+		if (!this._isScrolling) for (const key of visibleLayoutInfos.keys()) {
+			const view = requireValue(this._visibleViews.get(key), "Visible layout keys must have rendered views.");
+			view.parent.children.delete(view);
+			view.parent.children.add(view);
+		}
+	}
+	/** Performs layout and updates visible views as needed. */
+	render(opts) {
+		let needsLayout = false;
+		let offsetChanged = false;
+		let sizeChanged = false;
+		let widthChanged = false;
+		let heightChanged = false;
+		let itemSizeChanged = false;
+		let layoutOptionsChanged = false;
+		let needsUpdate = false;
+		if (opts.collection !== this.collection) {
+			this._collection = opts.collection;
+			needsLayout = true;
+		}
+		if (opts.layout !== this.layout || this.layout.virtualizer !== this) {
+			this.layout.virtualizer = null;
+			opts.layout.virtualizer = this;
+			this._layout = opts.layout;
+			this._scrollAnchor.reset();
+			needsLayout = true;
+		}
+		if (opts.persistedKeys && !isSetEqual(opts.persistedKeys, this.persistedKeys)) {
+			this._persistedKeys = opts.persistedKeys;
+			needsUpdate = true;
+		}
+		if (!this.visibleRect.equals(opts.visibleRect) || !this.size.equals(opts.size)) {
+			this._overscanManager.setVisibleRect(opts.visibleRect);
+			const oldRect = new Rect(this.visibleRect.x, this.visibleRect.y, this.size.width, this.size.height);
+			const newRect = new Rect(opts.visibleRect.x, opts.visibleRect.y, opts.size.width, opts.size.height);
+			if (this.layout.shouldInvalidate(newRect, oldRect)) {
+				offsetChanged = !opts.visibleRect.pointEquals(this.visibleRect);
+				sizeChanged = !this.size.equals(opts.size);
+				widthChanged = this.size.width !== opts.size.width;
+				heightChanged = this.size.height !== opts.size.height;
+				needsLayout = true;
+			} else needsUpdate = true;
+			this._visibleRect = opts.visibleRect;
+			this._size = opts.size;
+		}
+		const applyInvalidationContext = () => {
+			if (opts.invalidationContext !== this._invalidationContext) {
+				sizeChanged ||= opts.invalidationContext.sizeChanged === true;
+				widthChanged ||= opts.invalidationContext.widthChanged === true;
+				heightChanged ||= opts.invalidationContext.heightChanged === true;
+				offsetChanged ||= opts.invalidationContext.offsetChanged === true;
+				itemSizeChanged ||= opts.invalidationContext.itemSizeChanged === true;
+				layoutOptionsChanged ||= opts.invalidationContext.layoutOptions !== null && opts.invalidationContext.layoutOptions !== void 0 && this._invalidationContext.layoutOptions !== null && this._invalidationContext.layoutOptions !== void 0 && opts.invalidationContext.layoutOptions !== this._invalidationContext.layoutOptions && this.layout.shouldInvalidateLayoutOptions(opts.invalidationContext.layoutOptions, this._invalidationContext.layoutOptions);
+				needsLayout ||= itemSizeChanged || sizeChanged || offsetChanged || layoutOptionsChanged;
+				this._invalidationContext = opts.invalidationContext;
+			}
+		};
+		applyInvalidationContext();
+		if (opts.isScrolling !== this._isScrolling) {
+			this._isScrolling = opts.isScrolling;
+			if (!opts.isScrolling) needsUpdate = true;
+		}
+		if (needsLayout) this.relayout({
+			heightChanged,
+			itemSizeChanged,
+			layoutOptions: this._invalidationContext.layoutOptions,
+			layoutOptionsChanged,
+			offsetChanged,
+			sizeChanged,
+			widthChanged
+		});
+		else if (needsUpdate) this.updateSubviews();
+		return [...this._rootView.children];
+	}
+	getVisibleView(key) {
+		return this._visibleViews.get(key);
+	}
+	invalidate(context) {
+		this.delegate.invalidate(context);
+	}
+	updateItemSize(key, size) {
+		if (!this.layout.updateItemSize) return;
+		if (this.layout.updateItemSize(key, size)) this.invalidate({ itemSizeChanged: true });
+	}
+};
+export { Virtualizer };
+
+//# sourceMappingURL=virtualizer.js.map

package/dist/virtualizer/virtualizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualizer.js","names":["generatedContent"],"sources":["../../src/virtualizer/virtualizer.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/virtualizer/Virtualizer.ts.\n * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type { Collection, Key } from \"@solid2-aria/types-shared\";\n\nimport { requireValue } from \"../utils/require-value\";\nimport type { Layout } from \"./layout\";\nimport type { LayoutInfo } from \"./layout-info\";\nimport { OverscanManager } from \"./overscan-manager\";\nimport type { Point } from \"./point\";\nimport { Rect } from \"./rect\";\nimport type { ChildView, ReusableView } from \"./reusable-view\";\nimport { RootView } from \"./reusable-view\";\nimport { ScrollAnchorTracker } from \"./scroll-anchor\";\nimport type { ScrollAnchor } from \"./scroll-anchor\";\nimport { Size } from \"./size\";\nimport type {\n  InvalidationContext,\n  VirtualizerDelegate,\n  VirtualizerRenderOptions,\n} from \"./types\";\nimport { isSetEqual } from \"./utils\";\n\ninterface VirtualizerOptions<T extends object, V> {\n  delegate: VirtualizerDelegate<T, V>;\n  collection: Collection<T>;\n  layout: Layout<T>;\n}\n\n/**\n * The Virtualizer class renders a scrollable collection of data using customizable layouts.\n * It supports very large collections by only rendering visible views to the DOM, reusing\n * them as you scroll. Virtualizer can present any type of view, including non-item views\n * such as section headers and footers.\n *\n * Virtualizer uses `Layout` objects to compute what views should be visible, and how\n * to position and style them. This means that virtualizer can have its items arranged in\n * a stack, a grid, a circle, or any other layout you can think of. The layout can be changed\n * dynamically at runtime as well.\n *\n * Layouts produce information on what views should appear in the virtualizer, but do not create the\n * views themselves directly. It is the responsibility of the `VirtualizerDelegate` object to render\n * elements for each layout info. The virtualizer manages a set of `ReusableView` objects, which are\n * reused as the user scrolls by swapping their content with cached elements returned by the\n * delegate.\n */\nexport class Virtualizer<T extends object, V> {\n  /**\n   * The virtualizer delegate. The delegate is used by the virtualizer\n   * to create and configure views.\n   */\n  delegate: VirtualizerDelegate<T, V>;\n  /** The current content of the virtualizer. */\n  private _collection: Collection<T>;\n  get collection(): Collection<T> {\n    return this._collection;\n  }\n  /** The layout object that determines the visible views. */\n  private _layout: Layout<T>;\n  get layout(): Layout<T> {\n    return this._layout;\n  }\n  /** The size of the scrollable content. */\n  private _contentSize: Size;\n  get contentSize(): Size {\n    return this._contentSize;\n  }\n  /** The currently visible rectangle. */\n  private _visibleRect: Rect;\n  get visibleRect(): Rect {\n    return this._visibleRect;\n  }\n  /** The size of the virtualizer scroll view. */\n  private _size: Size;\n  get size(): Size {\n    return this._size;\n  }\n  /** The set of persisted keys that are always present in the DOM, even if not currently in view. */\n  private _persistedKeys: Set<Key>;\n  get persistedKeys(): Set<Key> {\n    return this._persistedKeys;\n  }\n  private readonly _visibleViews: Map<Key, ChildView<T, V>>;\n  private readonly _renderedContent: WeakMap<T, V>;\n  private readonly _rootView: RootView<T, V>;\n  private _isScrolling: boolean;\n  private _invalidationContext: InvalidationContext;\n  private readonly _overscanManager: OverscanManager;\n  private readonly _scrollAnchor: ScrollAnchorTracker;\n  constructor(options: VirtualizerOptions<T, V>) {\n    this.delegate = options.delegate;\n    this._collection = options.collection;\n    this._layout = options.layout;\n    this._contentSize = new Size();\n    this._visibleRect = new Rect();\n    this._size = new Size();\n    this._persistedKeys = new Set();\n    this._visibleViews = new Map();\n    this._renderedContent = new WeakMap();\n    this._rootView = new RootView(this);\n    this._isScrolling = false;\n    this._invalidationContext = {};\n    this._overscanManager = new OverscanManager();\n    this._scrollAnchor = new ScrollAnchorTracker();\n  }\n  /** Returns whether the given key, or an ancestor, is persisted. */\n  isPersistedKey(key: Key): boolean {\n    // Quick check if the key is directly in the set of persisted keys.\n    if (this.persistedKeys.has(key)) {\n      return true;\n    }\n\n    // If not, check if the key is an ancestor of any of the persisted keys.\n    for (let k of this.persistedKeys) {\n      while (k !== null && k !== undefined) {\n        const layoutInfo = this.layout.getLayoutInfo(k);\n\n        if (\n          !layoutInfo ||\n          layoutInfo.parentKey === null ||\n          layoutInfo.parentKey === undefined\n        ) {\n          break;\n        }\n\n        k = layoutInfo.parentKey;\n\n        if (k === key) {\n          return true;\n        }\n      }\n    }\n\n    return false;\n  }\n  private getParentView(\n    layoutInfo: LayoutInfo\n  ): ReusableView<T, V> | undefined {\n    return layoutInfo.parentKey === null || layoutInfo.parentKey === undefined\n      ? this._rootView\n      : this._visibleViews.get(layoutInfo.parentKey);\n  }\n  private getReusableView(layoutInfo: LayoutInfo): ChildView<T, V> {\n    const parentView = this.getParentView(layoutInfo);\n\n    const view = requireValue(\n      parentView,\n      \"Expected parentView to exist.\"\n    ).getReusableView(layoutInfo.type);\n\n    view.layoutInfo = layoutInfo;\n    this._renderView(view);\n\n    return view;\n  }\n  private _renderView(reusableView: ReusableView<T, V>) {\n    if (reusableView.layoutInfo) {\n      const { type, key, content } = reusableView.layoutInfo;\n      // SAFETY: layouts synthesize content with the attached collection's item type.\n      // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n      const generatedContent = content as T | null;\n      reusableView.content = generatedContent ?? this.collection.getItem(key);\n      reusableView.rendered = this._renderContent(type, reusableView.content);\n    }\n  }\n  private _renderContent(type: string, content: T | null) {\n    const cached =\n      content === null || content === undefined\n        ? null\n        : this._renderedContent.get(content);\n\n    if (cached !== null && cached !== undefined) {\n      return cached;\n    }\n\n    const rendered = this.delegate.renderView(type, content);\n\n    if (content) {\n      this._renderedContent.set(content, rendered);\n    }\n\n    return rendered;\n  }\n  /**\n   * Returns the key for the item view currently at the given point.\n   */\n  keyAtPoint(point: Point): Key | null {\n    const rect = new Rect(point.x, point.y, 1, 1);\n\n    const layoutInfos =\n      rect.area === 0 ? [] : this.layout.getVisibleLayoutInfos(rect);\n\n    // Layout may return multiple layout infos in the case of\n    // persisted keys, so find the first one that actually intersects.\n    for (const layoutInfo of layoutInfos) {\n      if (layoutInfo.rect.intersects(rect)) {\n        return layoutInfo.key;\n      }\n    }\n\n    return null;\n  }\n  private relayout(context: InvalidationContext = {}) {\n    const anchorInfo =\n      this.layout.UNSTABLE_getScrollAnchorInfo?.(context.layoutOptions) ?? null;\n\n    // Capture scroll anchor from current (pre-layout) view positions.\n    // On first render _visibleViews is empty so no anchor will be found.\n    let anchor: ScrollAnchor | null = null;\n\n    if (anchorInfo) {\n      const preLayoutInfos: [Key, LayoutInfo][] = [];\n\n      for (const [key, view] of this._visibleViews) {\n        const layoutInfo = this.layout.getLayoutInfo(key) ?? view.layoutInfo;\n\n        if (layoutInfo) {\n          preLayoutInfos.push([key, layoutInfo]);\n        }\n      }\n\n      anchor = this._scrollAnchor.captureBeforeLayout(\n        anchorInfo,\n        preLayoutInfos,\n        this.visibleRect\n      );\n    }\n\n    const previousContentSize = this.contentSize;\n    const previousVisibleRect = this.visibleRect;\n    // Update the layout\n    this.layout.update(context);\n    const rawContentSize = this.layout.getContentSize();\n    this._contentSize = new Size(rawContentSize.width, rawContentSize.height);\n\n    const target = this._scrollAnchor.resolveAfterLayout({\n      anchor,\n      anchorInfo,\n      contentSize: this.contentSize,\n      getLayoutInfo: (key: Key) => this.layout.getLayoutInfo(key),\n      isScrolling: this._isScrolling,\n      itemSizeChanged: context.itemSizeChanged ?? false,\n      postLayoutInfos: anchorInfo\n        ? this.getVisibleLayoutInfos()\n        : new Map<Key, LayoutInfo>(),\n      previousContentSize,\n      previousVisibleRect,\n    });\n\n    if (target) {\n      // Queues a new render cycle. Return early to skip updateSubviews — running it now\n      // would position views against the old visibleRect, causing a flash before the\n      // incoming relayout corrects them.\n      this.delegate.setVisibleRect(target);\n\n      return;\n    }\n\n    // Constrain scroll position.\n    // If the content changed, scroll to the top.\n    const { visibleRect } = this;\n    let contentOffsetX = context.contentChanged === true ? 0 : visibleRect.x;\n    let contentOffsetY = context.contentChanged === true ? 0 : visibleRect.y;\n    contentOffsetX = Math.max(\n      0,\n      Math.min(this.contentSize.width - visibleRect.width, contentOffsetX)\n    );\n    contentOffsetY = Math.max(\n      0,\n      Math.min(this.contentSize.height - visibleRect.height, contentOffsetY)\n    );\n\n    if (contentOffsetX !== visibleRect.x || contentOffsetY !== visibleRect.y) {\n      // If the offset changed, trigger a new re-render.\n      const rect = new Rect(\n        contentOffsetX,\n        contentOffsetY,\n        visibleRect.width,\n        visibleRect.height\n      );\n\n      this.delegate.setVisibleRect(rect);\n    } else {\n      this.updateSubviews();\n    }\n  }\n  getVisibleLayoutInfos(): Map<Key, LayoutInfo> {\n    const isTestEnv =\n      process.env.NODE_ENV === \"test\" &&\n      (process.env.VIRT_ON === undefined || process.env.VIRT_ON === \"\");\n\n    const isClientWidthMocked =\n      isTestEnv &&\n      typeof HTMLElement !== \"undefined\" &&\n      Object.getOwnPropertyNames(HTMLElement.prototype).includes(\"clientWidth\");\n\n    const isClientHeightMocked =\n      isTestEnv &&\n      typeof HTMLElement !== \"undefined\" &&\n      Object.getOwnPropertyNames(HTMLElement.prototype).includes(\n        \"clientHeight\"\n      );\n\n    const rect =\n      isTestEnv && (!isClientWidthMocked || !isClientHeightMocked)\n        ? new Rect(0, 0, this.contentSize.width, this.contentSize.height)\n        : this._overscanManager.getOverscannedRect();\n\n    const layoutInfos = this.layout.getVisibleLayoutInfos(rect);\n    const map = new Map<Key, LayoutInfo>();\n\n    for (const layoutInfo of layoutInfos) {\n      map.set(layoutInfo.key, layoutInfo);\n    }\n\n    return map;\n  }\n  private updateSubviews() {\n    const visibleLayoutInfos = this.getVisibleLayoutInfos();\n    const removed = new Set<ChildView<T, V>>();\n\n    for (const [key, view] of this._visibleViews) {\n      const layoutInfo = visibleLayoutInfos.get(key);\n\n      // If a view's parent changed, treat it as a delete and re-create in the new parent.\n      if (!layoutInfo || view.parent !== this.getParentView(layoutInfo)) {\n        this._visibleViews.delete(key);\n        view.parent.reuseChild(view);\n        // Defer removing in case we reuse this view.\n        removed.add(view);\n      }\n    }\n\n    for (const [key, layoutInfo] of visibleLayoutInfos) {\n      let view = this._visibleViews.get(key);\n\n      if (view) {\n        view.layoutInfo = layoutInfo;\n        const item = this.collection.getItem(layoutInfo.key);\n\n        if (view.content !== item) {\n          if (view.content !== null && view.content !== undefined) {\n            this._renderedContent.delete(view.content);\n          }\n\n          this._renderView(view);\n        }\n      } else {\n        view = this.getReusableView(layoutInfo);\n        view.parent.children.add(view);\n        this._visibleViews.set(key, view);\n        removed.delete(view);\n      }\n    }\n\n    // The remaining views in `removed` were not reused to render new items.\n    // They should be removed from the DOM. We also clear the reusable view queue\n    // here since there's no point holding onto views that have been removed.\n    // Doing so hurts performance in the future when reusing elements due to FIFO order.\n    for (const view of removed) {\n      view.parent.children.delete(view);\n      view.parent.reusableViews.clear();\n    }\n\n    // Reordering DOM nodes is costly, so we defer this until scrolling stops.\n    // DOM order does not affect visual order (due to absolute positioning),\n    // but does matter for assistive technology users.\n    if (!this._isScrolling) {\n      // Layout infos must be in topological order (parents before children).\n      for (const key of visibleLayoutInfos.keys()) {\n        const view = requireValue(\n          this._visibleViews.get(key),\n          \"Visible layout keys must have rendered views.\"\n        );\n\n        view.parent.children.delete(view);\n        view.parent.children.add(view);\n      }\n    }\n  }\n  /** Performs layout and updates visible views as needed. */\n  render(opts: VirtualizerRenderOptions<T>): ReusableView<T, V>[] {\n    let needsLayout = false;\n    let offsetChanged = false;\n    let sizeChanged = false;\n    let widthChanged = false;\n    let heightChanged = false;\n    let itemSizeChanged = false;\n    let layoutOptionsChanged = false;\n    let needsUpdate = false;\n\n    if (opts.collection !== this.collection) {\n      this._collection = opts.collection;\n      needsLayout = true;\n    }\n\n    if (opts.layout !== this.layout || this.layout.virtualizer !== this) {\n      this.layout.virtualizer = null;\n\n      opts.layout.virtualizer = this;\n      this._layout = opts.layout;\n      this._scrollAnchor.reset();\n      needsLayout = true;\n    }\n\n    if (\n      opts.persistedKeys &&\n      !isSetEqual(opts.persistedKeys, this.persistedKeys)\n    ) {\n      this._persistedKeys = opts.persistedKeys;\n      needsUpdate = true;\n    }\n\n    if (\n      !this.visibleRect.equals(opts.visibleRect) ||\n      !this.size.equals(opts.size)\n    ) {\n      this._overscanManager.setVisibleRect(opts.visibleRect);\n\n      // Create a rectangle using the scroll position and layout size of the scroll view. This is not the same\n      // as the visibleRect, whose width and height may change during window scrolling.\n      const oldRect = new Rect(\n        this.visibleRect.x,\n        this.visibleRect.y,\n        this.size.width,\n        this.size.height\n      );\n\n      const newRect = new Rect(\n        opts.visibleRect.x,\n        opts.visibleRect.y,\n        opts.size.width,\n        opts.size.height\n      );\n\n      const shouldInvalidate = this.layout.shouldInvalidate(newRect, oldRect);\n\n      if (shouldInvalidate) {\n        offsetChanged = !opts.visibleRect.pointEquals(this.visibleRect);\n        sizeChanged = !this.size.equals(opts.size);\n        widthChanged = this.size.width !== opts.size.width;\n        heightChanged = this.size.height !== opts.size.height;\n        needsLayout = true;\n      } else {\n        needsUpdate = true;\n      }\n\n      this._visibleRect = opts.visibleRect;\n      this._size = opts.size;\n    }\n\n    const applyInvalidationContext = () => {\n      if (opts.invalidationContext !== this._invalidationContext) {\n        sizeChanged ||= opts.invalidationContext.sizeChanged === true;\n        widthChanged ||= opts.invalidationContext.widthChanged === true;\n        heightChanged ||= opts.invalidationContext.heightChanged === true;\n        offsetChanged ||= opts.invalidationContext.offsetChanged === true;\n        itemSizeChanged ||= opts.invalidationContext.itemSizeChanged === true;\n        layoutOptionsChanged ||=\n          opts.invalidationContext.layoutOptions !== null &&\n          opts.invalidationContext.layoutOptions !== undefined &&\n          this._invalidationContext.layoutOptions !== null &&\n          this._invalidationContext.layoutOptions !== undefined &&\n          opts.invalidationContext.layoutOptions !==\n            this._invalidationContext.layoutOptions &&\n          this.layout.shouldInvalidateLayoutOptions(\n            opts.invalidationContext.layoutOptions,\n            this._invalidationContext.layoutOptions\n          );\n        needsLayout ||=\n          itemSizeChanged ||\n          sizeChanged ||\n          offsetChanged ||\n          layoutOptionsChanged;\n\n        this._invalidationContext = opts.invalidationContext;\n      }\n    };\n\n    applyInvalidationContext();\n\n    if (opts.isScrolling !== this._isScrolling) {\n      this._isScrolling = opts.isScrolling;\n\n      if (!opts.isScrolling) {\n        // Update to fix the DOM order after scrolling.\n        needsUpdate = true;\n      }\n    }\n\n    if (needsLayout) {\n      this.relayout({\n        heightChanged,\n        itemSizeChanged,\n        layoutOptions: this._invalidationContext.layoutOptions,\n        layoutOptionsChanged,\n        offsetChanged,\n        sizeChanged,\n        widthChanged,\n      });\n    } else if (needsUpdate) {\n      this.updateSubviews();\n    }\n\n    return [...this._rootView.children];\n  }\n  getVisibleView(key: Key): ReusableView<T, V> | undefined {\n    return this._visibleViews.get(key);\n  }\n  invalidate(context: InvalidationContext): void {\n    this.delegate.invalidate(context);\n  }\n  updateItemSize(key: Key, size: Size): void {\n    if (!this.layout.updateItemSize) {\n      return;\n    }\n\n    const changed = this.layout.updateItemSize(key, size);\n\n    if (changed) {\n      this.invalidate({\n        itemSizeChanged: true,\n      });\n    }\n  }\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,176 @@
 {
   "name": "@solid2-aria/stately",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.0.1",
+  "private": false,
+  "keywords": [
+    "solid",
+    "solid2-aria",
+    "solidjs"
+  ],
+  "license": "(MIT AND Apache-2.0)",
+  "author": {
+    "name": "pekochan069",
+    "email": "pekochan069@gmail.com",
+    "url": "https://github.com/pekochan069/solid2-aria.git"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pekochan069/solid2-aria.git",
+    "directory": "packages/solid2-stately"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "type": "module",
+  "imports": {
+    "#*": "./src/*"
+  },
+  "exports": {
+    ".": "./dist/index.js",
+    "./autocomplete/create-autocomplete-state": "./dist/autocomplete/create-autocomplete-state.js",
+    "./calendar/create-calendar-state": "./dist/calendar/create-calendar-state.js",
+    "./calendar/create-range-calendar-state": "./dist/calendar/create-range-calendar-state.js",
+    "./calendar/types": "./dist/calendar/types.js",
+    "./calendar/utils": "./dist/calendar/utils.js",
+    "./checkbox/create-checkbox-group-state": "./dist/checkbox/create-checkbox-group-state.js",
+    "./collections/collection-builder": "./dist/collections/collection-builder.js",
+    "./collections/create-collection": "./dist/collections/create-collection.js",
+    "./collections/get-child-nodes": "./dist/collections/get-child-nodes.js",
+    "./collections/get-item-count": "./dist/collections/get-item-count.js",
+    "./collections/item": "./dist/collections/item.js",
+    "./collections/section": "./dist/collections/section.js",
+    "./collections/types": "./dist/collections/types.js",
+    "./color/color": "./dist/color/color.js",
+    "./color/color/base-color": "./dist/color/color/base-color.js",
+    "./color/color/color": "./dist/color/color/color.js",
+    "./color/color/color-classes": "./dist/color/color/color-classes.js",
+    "./color/color/color-constructors": "./dist/color/color/color-constructors.js",
+    "./color/color/hsb-color": "./dist/color/color/hsb-color.js",
+    "./color/color/hsl-color": "./dist/color/color/hsl-color.js",
+    "./color/color/normalize-hue": "./dist/color/color/normalize-hue.js",
+    "./color/color/oklch": "./dist/color/color/oklch.js",
+    "./color/color/rgb-color": "./dist/color/color/rgb-color.js",
+    "./color/create-color": "./dist/color/create-color.js",
+    "./color/create-color-area-state": "./dist/color/create-color-area-state.js",
+    "./color/create-color-channel-field-state": "./dist/color/create-color-channel-field-state.js",
+    "./color/create-color-field-state": "./dist/color/create-color-field-state.js",
+    "./color/create-color-picker-state": "./dist/color/create-color-picker-state.js",
+    "./color/create-color-slider-state": "./dist/color/create-color-slider-state.js",
+    "./color/create-color-wheel-state": "./dist/color/create-color-wheel-state.js",
+    "./color/types": "./dist/color/types.js",
+    "./combobox/create-combo-box-state": "./dist/combobox/create-combo-box-state.js",
+    "./data/create-async-list": "./dist/data/create-async-list.js",
+    "./data/create-list-data": "./dist/data/create-list-data.js",
+    "./data/create-tree-data": "./dist/data/create-tree-data.js",
+    "./datepicker/create-date-field-state": "./dist/datepicker/create-date-field-state.js",
+    "./datepicker/create-date-picker-state": "./dist/datepicker/create-date-picker-state.js",
+    "./datepicker/create-date-range-picker-state": "./dist/datepicker/create-date-range-picker-state.js",
+    "./datepicker/create-time-field-state": "./dist/datepicker/create-time-field-state.js",
+    "./datepicker/incomplete-date": "./dist/datepicker/incomplete-date.js",
+    "./datepicker/placeholders": "./dist/datepicker/placeholders.js",
+    "./datepicker/types": "./dist/datepicker/types.js",
+    "./datepicker/utils": "./dist/datepicker/utils.js",
+    "./disclosure/create-disclosure-group-state": "./dist/disclosure/create-disclosure-group-state.js",
+    "./disclosure/create-disclosure-state": "./dist/disclosure/create-disclosure-state.js",
+    "./dnd/create-draggable-collection-state": "./dist/dnd/create-draggable-collection-state.js",
+    "./dnd/create-droppable-collection-state": "./dist/dnd/create-droppable-collection-state.js",
+    "./flags/flags": "./dist/flags/flags.js",
+    "./form/create-form-validation-state": "./dist/form/create-form-validation-state.js",
+    "./grid/create-grid-state": "./dist/grid/create-grid-state.js",
+    "./grid/grid-collection": "./dist/grid/grid-collection.js",
+    "./layout/grid-layout": "./dist/layout/grid-layout.js",
+    "./layout/list-layout": "./dist/layout/list-layout.js",
+    "./layout/table-layout": "./dist/layout/table-layout.js",
+    "./layout/waterfall-layout": "./dist/layout/waterfall-layout.js",
+    "./list/create-list-state": "./dist/list/create-list-state.js",
+    "./list/create-single-select-list-state": "./dist/list/create-single-select-list-state.js",
+    "./list/list-collection": "./dist/list/list-collection.js",
+    "./menu/create-menu-trigger-state": "./dist/menu/create-menu-trigger-state.js",
+    "./menu/create-submenu-trigger-state": "./dist/menu/create-submenu-trigger-state.js",
+    "./numberfield/create-number-field-state": "./dist/numberfield/create-number-field-state.js",
+    "./overlays/create-overlay-trigger-state": "./dist/overlays/create-overlay-trigger-state.js",
+    "./radio/create-radio-group-state": "./dist/radio/create-radio-group-state.js",
+    "./searchfield/create-search-field-state": "./dist/searchfield/create-search-field-state.js",
+    "./select/create-select-state": "./dist/select/create-select-state.js",
+    "./selection/create-multiple-selection-state": "./dist/selection/create-multiple-selection-state.js",
+    "./selection/selection": "./dist/selection/selection.js",
+    "./selection/selection-manager": "./dist/selection/selection-manager.js",
+    "./selection/types": "./dist/selection/types.js",
+    "./slider/create-slider-state": "./dist/slider/create-slider-state.js",
+    "./steplist/create-step-list-state": "./dist/steplist/create-step-list-state.js",
+    "./table/cell": "./dist/table/cell.js",
+    "./table/collection-context": "./dist/table/collection-context.js",
+    "./table/column": "./dist/table/column.js",
+    "./table/create-table-column-resize-state": "./dist/table/create-table-column-resize-state.js",
+    "./table/create-table-state": "./dist/table/create-table-state.js",
+    "./table/create-tree-grid-state": "./dist/table/create-tree-grid-state.js",
+    "./table/row": "./dist/table/row.js",
+    "./table/table-body": "./dist/table/table-body.js",
+    "./table/table-collection": "./dist/table/table-collection.js",
+    "./table/table-column-layout": "./dist/table/table-column-layout.js",
+    "./table/table-header": "./dist/table/table-header.js",
+    "./table/table-utils": "./dist/table/table-utils.js",
+    "./tabs/create-tab-list-state": "./dist/tabs/create-tab-list-state.js",
+    "./toast/create-toast-state": "./dist/toast/create-toast-state.js",
+    "./toggle/create-toggle-group-state": "./dist/toggle/create-toggle-group-state.js",
+    "./toggle/create-toggle-state": "./dist/toggle/create-toggle-state.js",
+    "./tokenfield/create-token-field-state": "./dist/tokenfield/create-token-field-state.js",
+    "./tokenfield/token-field-value": "./dist/tokenfield/token-field-value.js",
+    "./tooltip/create-tooltip-trigger-state": "./dist/tooltip/create-tooltip-trigger-state.js",
+    "./tree/create-tree-state": "./dist/tree/create-tree-state.js",
+    "./tree/tree-collection": "./dist/tree/tree-collection.js",
+    "./utils/create-controlled-signal": "./dist/utils/create-controlled-signal.js",
+    "./utils/get-item-key": "./dist/utils/get-item-key.js",
+    "./utils/get-node-props": "./dist/utils/get-node-props.js",
+    "./utils/has-content": "./dist/utils/has-content.js",
+    "./utils/legacy-props": "./dist/utils/legacy-props.js",
+    "./utils/number": "./dist/utils/number.js",
+    "./utils/parse-calendar-identifier": "./dist/utils/parse-calendar-identifier.js",
+    "./utils/require-value": "./dist/utils/require-value.js",
+    "./virtualizer/create-virtualizer-state": "./dist/virtualizer/create-virtualizer-state.js",
+    "./virtualizer/layout": "./dist/virtualizer/layout.js",
+    "./virtualizer/layout-info": "./dist/virtualizer/layout-info.js",
+    "./virtualizer/overscan-manager": "./dist/virtualizer/overscan-manager.js",
+    "./virtualizer/point": "./dist/virtualizer/point.js",
+    "./virtualizer/rect": "./dist/virtualizer/rect.js",
+    "./virtualizer/reusable-view": "./dist/virtualizer/reusable-view.js",
+    "./virtualizer/scroll-anchor": "./dist/virtualizer/scroll-anchor.js",
+    "./virtualizer/size": "./dist/virtualizer/size.js",
+    "./virtualizer/types": "./dist/virtualizer/types.js",
+    "./virtualizer/utils": "./dist/virtualizer/utils.js",
+    "./virtualizer/virtualizer": "./dist/virtualizer/virtualizer.js",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "prepack": "bun run build",
+    "test": "bun test --conditions=browser --conditions=development",
+    "check-types": "tsrs --noEmit",
+    "check": "ultracite check",
+    "fix": "ultracite fix",
+    "generate-intl-barrel-files": "bun scripts/generate-intl-barrel-files.ts",
+    "check-port-coverage": "bun scripts/check-port-coverage.ts",
+    "check-renderer-independence": "bun run build && bun scripts/check-renderer-independence.ts"
+  },
+  "dependencies": {
+    "@internationalized/date": "^3.12.4",
+    "@internationalized/number": "^3.6.9",
+    "@internationalized/string": "^3.2.10",
+    "@solid2-aria/types-shared": "^0.0.1"
+  },
+  "devDependencies": {
+    "@types/bun": "^1.4.4",
+    "tsdown": "^0.23.2",
+    "tsrs": "^0.20.0-ts7.1.0-beta",
+    "typescript": "^7.1.0-beta"
+  },
+  "peerDependencies": {
+    "solid-js": "^2.0.0-rc.17"
+  }
+}