@breadstone/mosaik-elements-svelte 0.0.230 → 0.0.232

package/CHANGELOG.md

@@ -1,3 +1,64 @@
+## 0.0.232 (2026-04-25)
+
+### 🚀 Features
+
+- **secrets-vercel-sync:** implement secrets synchronization from providers to Vercel ([09906bfba4](https://github.com/RueDeRennes/mosaik/commit/09906bfba4))
+- **app:** add AppView and AppViewStyle for Mosaik Studio ([2fe81e7079](https://github.com/RueDeRennes/mosaik/commit/2fe81e7079))
+- **marquee:** update article card rendering and enhance TOON format integration ([4ff2f3de21](https://github.com/RueDeRennes/mosaik/commit/4ff2f3de21))
+- **doppler): add command configuration for Doppler integration chore(dependencies:** update archipel platform packages to version 0.0.16 ([a88f0921d9](https://github.com/RueDeRennes/mosaik/commit/a88f0921d9))
+- **deployment:** enable corepack in install script for mosaik-blog ([0be6666537](https://github.com/RueDeRennes/mosaik/commit/0be6666537))
+- **blog): initialize blog app with TypeScript, Vite, and ESLint configuration feat(blog): add Vercel configuration for deployment feat(blog): implement production and development Vite configurations refactor(routes): remove DocsService and related routes from RoutesService refactor(app): update AppBar and SideNav to link to external blog URL refactor(views): remove ArticlesView and related templates refactor(controllers): clean up SideNav filter controllers by removing DocsService references chore(static-content): remove static content plugin and related interfaces chore(package:** update dependencies and scripts for blog app ([2694db201b](https://github.com/RueDeRennes/mosaik/commit/2694db201b))
+- **mcp:** implement McpThemeRegistrar for theme generation and validation tools ([75773f0d88](https://github.com/RueDeRennes/mosaik/commit/75773f0d88))
+- **projects:** implement multi-page support in ProjectService and related components ([a77c6f1154](https://github.com/RueDeRennes/mosaik/commit/a77c6f1154))
+- **nx-tasks): add executor for generating package documentation with TypeDoc feat(nx-tasks): create schema for generate-package-docs executor options feat(nx-tasks): implement markdown processing utilities for TypeDoc output feat(nx-tasks): add valid HTML tags for markdown processing chore(projects): configure docs-package executor for multiple libraries chore(deps:** update dependencies for TypeDoc and markdown processing ([bdac227dd0](https://github.com/RueDeRennes/mosaik/commit/bdac227dd0))
+- **table): add caption slot and allColumnsHidden property to DataTable and Table components feat(table): implement banner for hidden columns in DataTable with actions fix(table): adjust CSS for caption and banner styling across themes refactor(table:** update DataTable and TableColumnEditor components to support new properties ([fa231e0faa](https://github.com/RueDeRennes/mosaik/commit/fa231e0faa))
+- **table:** add multi-sort mode and display sort index in header cells ([3cb5241ab3](https://github.com/RueDeRennes/mosaik/commit/3cb5241ab3))
+- **data-table, table, table-header-cell, table-column-editor:** add intl property for internationalization support ([11edb0198e](https://github.com/RueDeRennes/mosaik/commit/11edb0198e))
+- **table:** enhance column visibility and styling for better UX ([f2d458ccc6](https://github.com/RueDeRennes/mosaik/commit/f2d458ccc6))
+- **data-table): enhance IDataTableElementProps with new properties and update themes feat(table-header-cell): add hideable, autoSizeable, and columnChoosable props feat(icons): add new icons for column actions and update existing ones fix(data-table:** bind new properties in Svelte and Vue components ([fbb6e0d297](https://github.com/RueDeRennes/mosaik/commit/fbb6e0d297))
+- **table:** implement pinable feature and enhance column management in table components ([29c66318c5](https://github.com/RueDeRennes/mosaik/commit/29c66318c5))
+- **table:** add TableColumnEditor component and related events for column management ([79bc9b0414](https://github.com/RueDeRennes/mosaik/commit/79bc9b0414))
+- **table:** add column pinning and resizing functionality with styles and events ([edfbcf86d7](https://github.com/RueDeRennes/mosaik/commit/edfbcf86d7))
+- **theme:** update action bar and table components for Joy and Memphis themes ([584bd94fd7](https://github.com/RueDeRennes/mosaik/commit/584bd94fd7))
+- **table:** add selection modes and types, enhance styling for selected and alternating rows ([57f5b6e71b](https://github.com/RueDeRennes/mosaik/commit/57f5b6e71b))
+- **playwright-guidelines:** add Playwright test writing guidelines document ([27bf34e023](https://github.com/RueDeRennes/mosaik/commit/27bf34e023))
+- **designer-canvas): add interaction mode for panning and cursor style docs(mosaik-wizard): enhance dir and lang property descriptions docs(mosaik-wrap): improve dir and lang property descriptions chore(cspell): add new words for artboard, pannable, and zoomable fix(designer-canvas): update cursor styles for interaction modes refactor(designer-canvas:** reorganize imports and improve code structure ([712697b80a](https://github.com/RueDeRennes/mosaik/commit/712697b80a))
+- **designer): implement Save As Recipe dialog and functionality feat(designer): add hidden-preview class for conditional visibility fix(expander): update slot names for header and sub-header components style(playground:** correct layout spacing variable name ([5135485994](https://github.com/RueDeRennes/mosaik/commit/5135485994))
+- **design:** add print styles for studio and designer views, include toggled event in components ([4125a87f02](https://github.com/RueDeRennes/mosaik/commit/4125a87f02))
+- **tile:** add Tile component for React, Svelte, and Vue with theme support ([0d58f0594e](https://github.com/RueDeRennes/mosaik/commit/0d58f0594e))
+- **code-editor:** add language support and themes for CodeMirror integration ([f96840827e](https://github.com/RueDeRennes/mosaik/commit/f96840827e))
+- **typewriter:** add TypewriterElement component with typing animation effect ([4824c9048e](https://github.com/RueDeRennes/mosaik/commit/4824c9048e))
+- **shared/mosaik-meta:** add vitest configuration and migration tools for components ([1e3c8f5f9c](https://github.com/RueDeRennes/mosaik/commit/1e3c8f5f9c))
+- **styles:** add shared styles and update package dependencies ([8c63e6d5e8](https://github.com/RueDeRennes/mosaik/commit/8c63e6d5e8))
+- **icons:** update fluent icons ([8d2104dfcf](https://github.com/RueDeRennes/mosaik/commit/8d2104dfcf))
+- **studio): add Vite configuration and TypeScript support for Mosaik Studio feat(studio): implement localization plugin and update build settings feat(studio): enhance AppBarTemplate with designer navigation link feat(studio): add new hero images for landing pages fix(studio): correct HTML structure in carousel and wizard components style(studio): update background styles for designer canvas themes fix(studio): adjust split element thumb positioning in themes chore(studio:** update dependencies and add vitest configuration ([1eb81044ad](https://github.com/RueDeRennes/mosaik/commit/1eb81044ad))
+- **designer): add Svelte and Vue components for designer layout and functionality feat(themes:** create tokens and JSON configurations for designer components in multiple themes ([447a42cf59](https://github.com/RueDeRennes/mosaik/commit/447a42cf59))
+- **actionbar:** add ActionbarSeparatorComponent and related theme tokens ([813fe9918f](https://github.com/RueDeRennes/mosaik/commit/813fe9918f))
+- **callout): update CalloutProcessor to support dynamic titles and content parsing feat(card): add CardProcessor for card layout with header, sub-header, and variant support test(card): implement tests for CardProcessor to validate various card formats feat(code-block): enhance CodeBlockProcessor to escape HTML and handle filename metadata test(code-block): add tests for CodeBlockProcessor to ensure proper rendering and escaping feat(details): introduce DetailsProcessor for collapsible sections with markdown support test(details): create tests for DetailsProcessor to validate details block rendering feat(split): implement SplitProcessor for creating split layouts with variant support test(split): add tests for SplitProcessor to ensure correct rendering and variant handling feat(steps): add StepsProcessor for vertical stepper layout with numbered steps test(steps): implement tests for StepsProcessor to validate step rendering and numbering feat(tab): introduce TabProcessor for tabbed content layout with variant support test(tab): add tests for TabProcessor to ensure correct tab rendering and content parsing fix(html:** improve html template function to handle null values correctly ([af7c11013b](https://github.com/RueDeRennes/mosaik/commit/af7c11013b))
+- **progress-bar): enhance indeterminate state with elastic animation and style adjustments feat(progress-ring): add elastic animations for indeterminate state and improve styling fix(segment): ensure mutual exclusivity of selected items on click feat(tab-strip): implement anticipation effect for tab selection with pointer events style(breadcrumb-item): set border style to none for consistency style(checkbox): update border style to none for cleaner appearance style(choice-group): change border style to none for uniformity style(drop-zone): modify border style to dashed for visual distinction style(file-upload): adjust border style to none for a streamlined look style(radio-group): set border style to none for a cohesive design style(rating): update border style to none for aesthetic consistency fix(scheduler-event:** correct hover background color to match theme ([bc6b86cad4](https://github.com/RueDeRennes/mosaik/commit/bc6b86cad4))
+- **api): define DEFAULT_GITHUB_REF for fetching content in GitHubContentService refactor(button): remove link part from button component and update templates docs(button): update documentation to reflect removal of link part in button feat(sandbox): add JSX support and update dependencies for Vite and Angular feat(getStarted): add MCP tools for framework guide and starter template fix(llms): simplify llms plugin file handling and remove unnecessary copying style(button:** clean up button themes by removing link styles ([8ac25a2f7a](https://github.com/RueDeRennes/mosaik/commit/8ac25a2f7a))
+- **split-element:** add double-click functionality to expand collapsed panel ([78ff6ee475](https://github.com/RueDeRennes/mosaik/commit/78ff6ee475))
+- **message-box:** enhance styling and properties for improved customization and themes ([4e097cadfd](https://github.com/RueDeRennes/mosaik/commit/4e097cadfd))
+- **button:** add PressButton component with events and styles for multiple frameworks ([59dedda1f9](https://github.com/RueDeRennes/mosaik/commit/59dedda1f9))
+- **diagram): enhance node styling and graph rendering with inheritance levels feat(meta): update graph method to return class hierarchy levels refactor(graph): improve graph rendering logic and add findNodeByLabel method fix(buttons): update button samples to include ripple effect and correct properties chore(cspell:** add new words for spell checking ([d947b4cd9b](https://github.com/RueDeRennes/mosaik/commit/d947b4cd9b))
+
+### 🩹 Fixes
+
+- **dependencies:** update breadstone packages to version 0.0.10 ([de299ae898](https://github.com/RueDeRennes/mosaik/commit/de299ae898))
+- **auth:** update dependencies and refactor GitHub authentication strategy ([174d27920f](https://github.com/RueDeRennes/mosaik/commit/174d27920f))
+- **projects:** add missing newlines in project.json files and update .gitignore ([8a9cc36342](https://github.com/RueDeRennes/mosaik/commit/8a9cc36342))
+- **buttons): unify background property usage and adjust opacity values fix(toast): implement progress fill animation and update styles for consistency style(toast): update CSS variables for progress fill color across themes refactor(toast:** remove intervalTick property and related logic from ToastElement ([0dbbbcd78d](https://github.com/RueDeRennes/mosaik/commit/0dbbbcd78d))
+- **tokens:** update ripple duration from 200ms to 0.20s across multiple components ([dbe821713f](https://github.com/RueDeRennes/mosaik/commit/dbe821713f))
+
+## 0.0.231 (2026-03-14)
+
+### 🚀 Features
+
+- **cli:** integrate CliParser for improved argument parsing and build scripts ([23b1773dce](https://github.com/RueDeRennes/mosaik/commit/23b1773dce))
+- **buttons): add ripple prop to button components and related updates feat(components): implement ripple behavior in various components fix(theme:** remove duplicate ripple property in theme JSON files ([d31f695f82](https://github.com/RueDeRennes/mosaik/commit/d31f695f82))
+- **McpToolRegistrar): add overview and framework guide tools with enhanced descriptions feat(package:** update dependencies across multiple packages to latest versions ([45bc8fb4f6](https://github.com/RueDeRennes/mosaik/commit/45bc8fb4f6))
+- **Button, Banner:** add shadow properties and update related styles and tokens ([5d69398b19](https://github.com/RueDeRennes/mosaik/commit/5d69398b19))
+
 ## 0.0.230 (2026-03-12)
 
 ### 🚀 Features

package/flow-BYP4Q42j.mjs

@@ -0,0 +1,396 @@
+//#region ../../node_modules/@lit-labs/virtualizer/layouts/shared/SizeCache.js
+var e = class {
+	constructor(e) {
+		this._map = /* @__PURE__ */ new Map(), this._roundAverageSize = !1, this.totalSize = 0, e?.roundAverageSize === !0 && (this._roundAverageSize = !0);
+	}
+	set(e, t) {
+		let n = this._map.get(e) || 0;
+		this._map.set(e, t), this.totalSize += t - n;
+	}
+	get averageSize() {
+		if (this._map.size > 0) {
+			let e = this.totalSize / this._map.size;
+			return this._roundAverageSize ? Math.round(e) : e;
+		}
+		return 0;
+	}
+	getSize(e) {
+		return this._map.get(e);
+	}
+	clear() {
+		this._map.clear(), this.totalSize = 0;
+	}
+};
+//#endregion
+//#region ../../node_modules/@lit-labs/virtualizer/layouts/shared/BaseLayout.js
+function t(e) {
+	return e === "horizontal" ? "width" : "height";
+}
+var n = class {
+	_getDefaultConfig() {
+		return { direction: "vertical" };
+	}
+	constructor(e, t) {
+		this._latestCoords = {
+			left: 0,
+			top: 0
+		}, this._direction = null, this._viewportSize = {
+			width: 0,
+			height: 0
+		}, this.totalScrollSize = {
+			width: 0,
+			height: 0
+		}, this.offsetWithinScroller = {
+			left: 0,
+			top: 0
+		}, this._pendingReflow = !1, this._pendingLayoutUpdate = !1, this._pin = null, this._firstVisible = 0, this._lastVisible = 0, this._physicalMin = 0, this._physicalMax = 0, this._first = -1, this._last = -1, this._sizeDim = "height", this._secondarySizeDim = "width", this._positionDim = "top", this._secondaryPositionDim = "left", this._scrollPosition = 0, this._scrollError = 0, this._items = [], this._scrollSize = 1, this._overhang = 1e3, this._hostSink = e, Promise.resolve().then(() => this.config = t || this._getDefaultConfig());
+	}
+	set config(e) {
+		Object.assign(this, Object.assign({}, this._getDefaultConfig(), e));
+	}
+	get config() {
+		return { direction: this.direction };
+	}
+	get items() {
+		return this._items;
+	}
+	set items(e) {
+		this._setItems(e);
+	}
+	_setItems(e) {
+		e !== this._items && (this._items = e, this._scheduleReflow());
+	}
+	get direction() {
+		return this._direction;
+	}
+	set direction(e) {
+		e = e === "horizontal" ? e : "vertical", e !== this._direction && (this._direction = e, this._sizeDim = e === "horizontal" ? "width" : "height", this._secondarySizeDim = e === "horizontal" ? "height" : "width", this._positionDim = e === "horizontal" ? "left" : "top", this._secondaryPositionDim = e === "horizontal" ? "top" : "left", this._triggerReflow());
+	}
+	get viewportSize() {
+		return this._viewportSize;
+	}
+	set viewportSize(e) {
+		let { _viewDim1: t, _viewDim2: n } = this;
+		Object.assign(this._viewportSize, e), n === this._viewDim2 ? t !== this._viewDim1 && this._checkThresholds() : this._scheduleLayoutUpdate();
+	}
+	get viewportScroll() {
+		return this._latestCoords;
+	}
+	set viewportScroll(e) {
+		Object.assign(this._latestCoords, e);
+		let t = this._scrollPosition;
+		this._scrollPosition = this._latestCoords[this._positionDim], Math.abs(t - this._scrollPosition) >= 1 && this._checkThresholds();
+	}
+	reflowIfNeeded(e = !1) {
+		(e || this._pendingReflow) && (this._pendingReflow = !1, this._reflow());
+	}
+	set pin(e) {
+		this._pin = e, this._triggerReflow();
+	}
+	get pin() {
+		if (this._pin !== null) {
+			let { index: e, block: t } = this._pin;
+			return {
+				index: Math.max(0, Math.min(e, this.items.length - 1)),
+				block: t
+			};
+		}
+		return null;
+	}
+	_clampScrollPosition(e) {
+		return Math.max(-this.offsetWithinScroller[this._positionDim], Math.min(e, this.totalScrollSize[t(this.direction)] - this._viewDim1));
+	}
+	unpin() {
+		this._pin !== null && (this._sendUnpinnedMessage(), this._pin = null);
+	}
+	_updateLayout() {}
+	get _viewDim1() {
+		return this._viewportSize[this._sizeDim];
+	}
+	get _viewDim2() {
+		return this._viewportSize[this._secondarySizeDim];
+	}
+	_scheduleReflow() {
+		this._pendingReflow = !0;
+	}
+	_scheduleLayoutUpdate() {
+		this._pendingLayoutUpdate = !0, this._scheduleReflow();
+	}
+	_triggerReflow() {
+		this._scheduleLayoutUpdate(), Promise.resolve().then(() => this.reflowIfNeeded());
+	}
+	_reflow() {
+		this._pendingLayoutUpdate &&= (this._updateLayout(), !1), this._updateScrollSize(), this._setPositionFromPin(), this._getActiveItems(), this._updateVisibleIndices(), this._sendStateChangedMessage();
+	}
+	_setPositionFromPin() {
+		if (this.pin !== null) {
+			let e = this._scrollPosition, { index: t, block: n } = this.pin;
+			this._scrollPosition = this._calculateScrollIntoViewPosition({
+				index: t,
+				block: n || "start"
+			}) - this.offsetWithinScroller[this._positionDim], this._scrollError = e - this._scrollPosition;
+		}
+	}
+	_calculateScrollIntoViewPosition(e) {
+		let { block: t } = e, n = Math.min(this.items.length, Math.max(0, e.index)), r = this._getItemPosition(n)[this._positionDim], i = r;
+		if (t !== "start") {
+			let e = this._getItemSize(n)[this._sizeDim];
+			if (t === "center") i = r - .5 * this._viewDim1 + .5 * e;
+			else {
+				let n = r - this._viewDim1 + e;
+				if (t === "end") i = n;
+				else {
+					let e = this._scrollPosition;
+					i = Math.abs(e - r) < Math.abs(e - n) ? r : n;
+				}
+			}
+		}
+		return i += this.offsetWithinScroller[this._positionDim], this._clampScrollPosition(i);
+	}
+	getScrollIntoViewCoordinates(e) {
+		return { [this._positionDim]: this._calculateScrollIntoViewPosition(e) };
+	}
+	_sendUnpinnedMessage() {
+		this._hostSink({ type: "unpinned" });
+	}
+	_sendVisibilityChangedMessage() {
+		this._hostSink({
+			type: "visibilityChanged",
+			firstVisible: this._firstVisible,
+			lastVisible: this._lastVisible
+		});
+	}
+	_sendStateChangedMessage() {
+		let e = /* @__PURE__ */ new Map();
+		if (this._first !== -1 && this._last !== -1) for (let t = this._first; t <= this._last; t++) e.set(t, this._getItemPosition(t));
+		let t = {
+			type: "stateChanged",
+			scrollSize: {
+				[this._sizeDim]: this._scrollSize,
+				[this._secondarySizeDim]: null
+			},
+			range: {
+				first: this._first,
+				last: this._last,
+				firstVisible: this._firstVisible,
+				lastVisible: this._lastVisible
+			},
+			childPositions: e
+		};
+		this._scrollError &&= (t.scrollError = {
+			[this._positionDim]: this._scrollError,
+			[this._secondaryPositionDim]: 0
+		}, 0), this._hostSink(t);
+	}
+	get _num() {
+		return this._first === -1 || this._last === -1 ? 0 : this._last - this._first + 1;
+	}
+	_checkThresholds() {
+		if (this._viewDim1 === 0 && this._num > 0 || this._pin !== null) this._scheduleReflow();
+		else {
+			let e = Math.max(0, this._scrollPosition - this._overhang), t = Math.min(this._scrollSize, this._scrollPosition + this._viewDim1 + this._overhang);
+			this._physicalMin > e || this._physicalMax < t ? this._scheduleReflow() : this._updateVisibleIndices({ emit: !0 });
+		}
+	}
+	_updateVisibleIndices(e) {
+		if (this._first === -1 || this._last === -1) return;
+		let t = this._first;
+		for (; t < this._last && Math.round(this._getItemPosition(t)[this._positionDim] + this._getItemSize(t)[this._sizeDim]) <= Math.round(this._scrollPosition);) t++;
+		let n = this._last;
+		for (; n > this._first && Math.round(this._getItemPosition(n)[this._positionDim]) >= Math.round(this._scrollPosition + this._viewDim1);) n--;
+		(t !== this._firstVisible || n !== this._lastVisible) && (this._firstVisible = t, this._lastVisible = n, e && e.emit && this._sendVisibilityChangedMessage());
+	}
+};
+//#endregion
+//#region ../../node_modules/@lit-labs/virtualizer/layouts/flow.js
+function r(e) {
+	return e === "horizontal" ? "marginLeft" : "marginTop";
+}
+function i(e) {
+	return e === "horizontal" ? "marginRight" : "marginBottom";
+}
+function a(e) {
+	return e === "horizontal" ? "xOffset" : "yOffset";
+}
+function o(e, t) {
+	let n = [e, t].sort();
+	return n[1] <= 0 ? Math.min(...n) : n[0] >= 0 ? Math.max(...n) : n[0] + n[1];
+}
+var s = class {
+	constructor() {
+		this._childSizeCache = new e(), this._marginSizeCache = new e(), this._metricsCache = /* @__PURE__ */ new Map();
+	}
+	update(e, n) {
+		let a = /* @__PURE__ */ new Set();
+		Object.keys(e).forEach((r) => {
+			let i = Number(r);
+			this._metricsCache.set(i, e[i]), this._childSizeCache.set(i, e[i][t(n)]), a.add(i), a.add(i + 1);
+		});
+		for (let e of a) {
+			let t = this._metricsCache.get(e)?.[r(n)] || 0, a = this._metricsCache.get(e - 1)?.[i(n)] || 0;
+			this._marginSizeCache.set(e, o(t, a));
+		}
+	}
+	get averageChildSize() {
+		return this._childSizeCache.averageSize;
+	}
+	get totalChildSize() {
+		return this._childSizeCache.totalSize;
+	}
+	get averageMarginSize() {
+		return this._marginSizeCache.averageSize;
+	}
+	get totalMarginSize() {
+		return this._marginSizeCache.totalSize;
+	}
+	getLeadingMarginValue(e, t) {
+		return this._metricsCache.get(e)?.[r(t)] || 0;
+	}
+	getChildSize(e) {
+		return this._childSizeCache.getSize(e);
+	}
+	getMarginSize(e) {
+		return this._marginSizeCache.getSize(e);
+	}
+	clear() {
+		this._childSizeCache.clear(), this._marginSizeCache.clear(), this._metricsCache.clear();
+	}
+}, c = class extends n {
+	constructor() {
+		super(...arguments), this._itemSize = {
+			width: 100,
+			height: 100
+		}, this._physicalItems = /* @__PURE__ */ new Map(), this._newPhysicalItems = /* @__PURE__ */ new Map(), this._metricsCache = new s(), this._anchorIdx = null, this._anchorPos = null, this._stable = !0, this._measureChildren = !0, this._estimate = !0;
+	}
+	get measureChildren() {
+		return this._measureChildren;
+	}
+	updateItemSizes(e) {
+		this._metricsCache.update(e, this.direction), this._scheduleReflow();
+	}
+	_getPhysicalItem(e) {
+		return this._newPhysicalItems.get(e) ?? this._physicalItems.get(e);
+	}
+	_getSize(e) {
+		return this._getPhysicalItem(e) && this._metricsCache.getChildSize(e);
+	}
+	_getAverageSize() {
+		return this._metricsCache.averageChildSize || this._itemSize[this._sizeDim];
+	}
+	_estimatePosition(e) {
+		let t = this._metricsCache;
+		if (this._first === -1 || this._last === -1) return t.averageMarginSize + e * (t.averageMarginSize + this._getAverageSize());
+		if (e < this._first) {
+			let n = this._first - e;
+			return this._getPhysicalItem(this._first).pos - (t.getMarginSize(this._first - 1) || t.averageMarginSize) - (n * t.averageChildSize + (n - 1) * t.averageMarginSize);
+		} else {
+			let n = e - this._last;
+			return this._getPhysicalItem(this._last).pos + (t.getChildSize(this._last) || t.averageChildSize) + (t.getMarginSize(this._last) || t.averageMarginSize) + n * (t.averageChildSize + t.averageMarginSize);
+		}
+	}
+	_getPosition(e) {
+		let t = this._getPhysicalItem(e), { averageMarginSize: n } = this._metricsCache;
+		return e === 0 ? this._metricsCache.getMarginSize(0) ?? n : t ? t.pos : this._estimatePosition(e);
+	}
+	_calculateAnchor(e, t) {
+		return e <= 0 ? 0 : t > this._scrollSize - this._viewDim1 ? this.items.length - 1 : Math.max(0, Math.min(this.items.length - 1, Math.floor((e + t) / 2 / this._delta)));
+	}
+	_getAnchor(e, t) {
+		if (this._physicalItems.size === 0 || this._first < 0 || this._last < 0) return this._calculateAnchor(e, t);
+		let n = this._getPhysicalItem(this._first), r = this._getPhysicalItem(this._last), i = n.pos;
+		if (r.pos + this._metricsCache.getChildSize(this._last) < e || i > t) return this._calculateAnchor(e, t);
+		let a = this._firstVisible - 1, o = -Infinity;
+		for (; o < e;) o = this._getPhysicalItem(++a).pos + this._metricsCache.getChildSize(a);
+		return a;
+	}
+	_getActiveItems() {
+		this._viewDim1 === 0 || this.items.length === 0 ? this._clearItems() : this._getItems();
+	}
+	_clearItems() {
+		this._first = -1, this._last = -1, this._physicalMin = 0, this._physicalMax = 0;
+		let e = this._newPhysicalItems;
+		this._newPhysicalItems = this._physicalItems, this._newPhysicalItems.clear(), this._physicalItems = e, this._stable = !0;
+	}
+	_getItems() {
+		let e = this._newPhysicalItems;
+		this._stable = !0;
+		let t, n;
+		if (this.pin !== null) {
+			let { index: e } = this.pin;
+			this._anchorIdx = e, this._anchorPos = this._getPosition(e);
+		}
+		if (t = this._scrollPosition - this._overhang, n = this._scrollPosition + this._viewDim1 + this._overhang, n < 0 || t > this._scrollSize) {
+			this._clearItems();
+			return;
+		}
+		(this._anchorIdx === null || this._anchorPos === null) && (this._anchorIdx = this._getAnchor(t, n), this._anchorPos = this._getPosition(this._anchorIdx));
+		let r = this._getSize(this._anchorIdx);
+		r === void 0 && (this._stable = !1, r = this._getAverageSize());
+		let i = this._metricsCache.getMarginSize(this._anchorIdx) ?? this._metricsCache.averageMarginSize, a = this._metricsCache.getMarginSize(this._anchorIdx + 1) ?? this._metricsCache.averageMarginSize;
+		this._anchorIdx === 0 && (this._anchorPos = i), this._anchorIdx === this.items.length - 1 && (this._anchorPos = this._scrollSize - a - r);
+		let o = 0;
+		for (this._anchorPos + r + a < t && (o = t - (this._anchorPos + r + a)), this._anchorPos - i > n && (o = n - (this._anchorPos - i)), o && (this._scrollPosition -= o, t -= o, n -= o, this._scrollError += o), e.set(this._anchorIdx, {
+			pos: this._anchorPos,
+			size: r
+		}), this._first = this._last = this._anchorIdx, this._physicalMin = this._anchorPos - i, this._physicalMax = this._anchorPos + r + a; this._physicalMin > t && this._first > 0;) {
+			let t = this._getSize(--this._first);
+			t === void 0 && (this._stable = !1, t = this._getAverageSize());
+			let n = this._metricsCache.getMarginSize(this._first);
+			n === void 0 && (this._stable = !1, n = this._metricsCache.averageMarginSize), this._physicalMin -= t;
+			let r = this._physicalMin;
+			if (e.set(this._first, {
+				pos: r,
+				size: t
+			}), this._physicalMin -= n, this._stable === !1 && this._estimate === !1) break;
+		}
+		for (; this._physicalMax < n && this._last < this.items.length - 1;) {
+			let t = this._getSize(++this._last);
+			t === void 0 && (this._stable = !1, t = this._getAverageSize());
+			let n = this._metricsCache.getMarginSize(this._last);
+			n === void 0 && (this._stable = !1, n = this._metricsCache.averageMarginSize);
+			let r = this._physicalMax;
+			if (e.set(this._last, {
+				pos: r,
+				size: t
+			}), this._physicalMax += t + n, !this._stable && !this._estimate) break;
+		}
+		let s = this._calculateError();
+		s && (this._physicalMin -= s, this._physicalMax -= s, this._anchorPos -= s, this._scrollPosition -= s, e.forEach((e) => e.pos -= s), this._scrollError += s), this._stable && (this._newPhysicalItems = this._physicalItems, this._newPhysicalItems.clear(), this._physicalItems = e);
+	}
+	_calculateError() {
+		return this._first === 0 ? this._physicalMin : this._physicalMin <= 0 ? this._physicalMin - this._first * this._delta : this._last === this.items.length - 1 ? this._physicalMax - this._scrollSize : this._physicalMax >= this._scrollSize ? this._physicalMax - this._scrollSize + (this.items.length - 1 - this._last) * this._delta : 0;
+	}
+	_reflow() {
+		let { _first: e, _last: t } = this;
+		super._reflow(), (this._first === -1 && this._last == -1 || this._first === e && this._last === t) && this._resetReflowState();
+	}
+	_resetReflowState() {
+		this._anchorIdx = null, this._anchorPos = null, this._stable = !0;
+	}
+	_updateScrollSize() {
+		let { averageMarginSize: e } = this._metricsCache;
+		this._scrollSize = Math.max(1, this.items.length * (e + this._getAverageSize()) + e);
+	}
+	get _delta() {
+		let { averageMarginSize: e } = this._metricsCache;
+		return this._getAverageSize() + e;
+	}
+	_getItemPosition(e) {
+		return {
+			[this._positionDim]: this._getPosition(e),
+			[this._secondaryPositionDim]: 0,
+			[a(this.direction)]: -(this._metricsCache.getLeadingMarginValue(e, this.direction) ?? this._metricsCache.averageMarginSize)
+		};
+	}
+	_getItemSize(e) {
+		return {
+			[this._sizeDim]: this._getSize(e) || this._getAverageSize(),
+			[this._secondarySizeDim]: this._itemSize[this._secondarySizeDim]
+		};
+	}
+	_viewDim2Changed() {
+		this._metricsCache.clear(), this._scheduleReflow();
+	}
+};
+//#endregion
+export { c as FlowLayout };