@octane-xplat/pager 0.11.1 → 0.13.0

package/README.md

@@ -1,26 +1,24 @@
 # `@octane-xplat/pager`
 
+A paged horizontal swipe container for Octane Xplat apps — onboarding flows,
+media galleries. Each page fills the host; the user swipes between pages.
+
 ```sh
 pnpm add @octane-xplat/pager
 ```
 
-Paged horizontal swipe container for Octane xplat apps — onboarding flows,
-media galleries. iOS/Android run `@nativescript-community/ui-pager`
-(ViewPager2 on Android, a paging `UICollectionView` on iOS); web is a
-scroll-snap scroller; a macOS entry exists.
-
 ```tsx
 import { useState } from 'octane'
 import { Text } from '@octane-xplat/ui'
 import { Pager } from '@octane-xplat/pager'
 
 export function Onboarding() {
-	const [index, setIndex] = useState(0)
+	const [page, setPage] = useState(0)
 	return (
 		<Pager
 			items={['Pack', 'Travel']}
-			page={index}
-			onPageChange={setIndex}
+			page={page}
+			onPageChange={setPage}
 			renderItem={(title) => <Text>{title}</Text>}
 			renderEmpty={() => <Text>No pages</Text>}
 		/>
@@ -28,39 +26,31 @@ export function Onboarding() {
 }
 ```
 
-It follows the platform-list contract — `items` + `renderItem`, no
-children; each page is a full-host-size cell. `onPageChange` fires on
-settled user swipes; programmatic `page` writes don't echo back. No page
-indicator is built in — compose dots from `HStack` + `View` driven by the
-`page` state. `renderEmpty` covers the empty list.
+It follows the platform-list contract — `items` + `renderItem`, no children;
+each page is a full-host-size cell. `onPageChange` fires on settled user
+swipes; programmatic `page` writes don't echo back. `renderEmpty` covers the
+empty list.
+
+There is no built-in page indicator. Compose one from `HStack` + `Text`
+driven by the `page` state:
 
 ```tsx
-import { useState } from 'octane'
 import { HStack, Text } from '@octane-xplat/ui'
-import { Pager } from '@octane-xplat/pager'
 
-export function Pages() {
-	const titles = ['Pack', 'Travel']
-	const [page, setPage] = useState(0)
-	return (
-		<>
-			<Pager
-				items={titles}
-				page={page}
-				onPageChange={setPage}
-				renderItem={(title) => <Text>{title}</Text>}
-				renderEmpty={() => <Text>No pages</Text>}
-			/>
-			<HStack>
-				{titles.map((title, index) => (
-					<Text>{index === page ? '●' : '○'}</Text>
-				))}
-			</HStack>
-		</>
-	)
-}
+;<HStack>
+	{titles.map((title, index) => (
+		<Text>{index === page ? '●' : '○'}</Text>
+	))}
+</HStack>
 ```
 
+## Platform support
+
+- **iOS/Android** — `@nativescript-community/ui-pager` (ViewPager2 on Android,
+  a paging `UICollectionView` on iOS)
+- **Web** — a scroll-snap scroller
+- **macOS** — an entry exists
+
 Per-target limits are recorded in
 [known limits](../../docs/verify/known-limits.md). Exercised by
 [`PagerDemo`](../demos/src/PagerDemo.tsrx).

package/dist/native/Pager.tsrx.js

@@ -138,9 +138,9 @@ var PagerInner = defineUniversalComponent("nativescript", function PagerInner(pr
 		pageSeeded.current = true;
 	}, [
 		props,
-		__methodDep(props, "items", true),
-		__methodDep(props, "page", true),
-		__methodDep(props, "defaultPage", true)
+		__methodDep(props, "items", true, true),
+		__methodDep(props, "page", true, true),
+		__methodDep(props, "defaultPage", true, true)
 	], _h$5);
 	return universalValue(__octaneUniversalPlan1, [universalProps([
 		[

package/dist/native/cx.mobile.js

@@ -1,9 +1,10 @@
 //#region src/cx.mobile.ts
-/** NS `className` splits on ' ' only, and the universal driver applies the
-*  prop via `String(value)` — an array would arrive comma-joined and match
-*  no class at all. Native leaves normalize through cx() before handing
-*  className to an intrinsic. (The DOM renderer already flattens arrays,
-*  so web leaves don't need this.) */
+/** Native renderers now normalize the declarative `className` prop, but
+*  imperative `view.className` writes still need a pre-joined string — NS
+*  splits on ' ' only. Native leaves keep normalizing through cx() before
+*  handing className to an intrinsic so both paths accept the same values.
+*  (The DOM renderer already flattens arrays, so web leaves don't need
+*  this.) */
 function cx(...parts) {
 	return parts.flat(Infinity).filter(Boolean).join(" ");
 }

package/dist/native/octane-client-build.json

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "buildId": "65e5fadb-9d72-4e51-b4aa-56f4496226db",
+  "buildId": "ce0e291a-916a-4800-b978-225b4de2fe8c",
   "mode": "production",
   "capabilities": {
     "independentHydration": false

package/dist/web/Pager.web.tsrx.js

@@ -15,10 +15,8 @@ function __item$2(item, __s, __extra) {
 	const i = __block.itemIndex;
 	let _b = __s.slots[0];
 	if (_b === void 0) {
-		let _m1;
 		const _root = clone(_t$0);
-		_m1 = _root;
-		_b = bag4(__s, _root, void 0, _m1, null, void 0);
+		_b = bag4(__s, _root, void 0, _root, null, __s);
 	}
 	_b.a = setAriaAttributeIfChanged(`${i + 1} of ${props.items.length}`, _b.a, _b.b, "aria-label");
 	_b.e = bindSignalChild(__s, _b.e, 1, _b.b, props.renderItem(item, i), "b:a193c343", null, void 0, void 0, void 0, true);
@@ -33,7 +31,7 @@ function __then$0(__props, __s, __extra) {
 	const props = __extra[1];
 	let _b = __s.slots[0];
 	if (_b === void 0) {
-		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, _m13, _m14, _m15, _m16;
+		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, _m13, _m15, _m16;
 		const _root = clone(_t$1);
 		_m0 = (el) => {
 			host.current = el;
@@ -52,7 +50,6 @@ function __then$0(__props, __s, __extra) {
 		_m11 = props.accessibilityState?.selected;
 		_m12 = props.accessibilityState?.checked;
 		_m13 = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
-		_m14 = _root;
 		_m15 = bindSignalHostPropSources(__s, void 0, _root, [
 			[
 				false,
@@ -138,7 +135,7 @@ function __then$0(__props, __s, __extra) {
 			l: _m11,
 			m: _m12,
 			n: _m13,
-			o: _m14,
+			o: _root,
 			p: _m15,
 			q: _m16
 		});
@@ -281,9 +278,9 @@ function __else$6(__props, __s, __extra) {
 		_m0 = __block.parentNode;
 		_m1 = child(_root);
 		drainFrag(_root, __block.parentNode, __block.endMarker);
-		_b = bag4(__s, null, _m0, _m1, null, void 0);
+		_b = bag4(__s, null, _m0, _m1, null, __s);
 	}
-	_b.e = bindSignalChild(__s, _b.e, 1, _b.a, props.renderEmpty?.(), "b:8f0f2972", _b.b, true, void 0, true, void 0);
+	_b.e = bindSignalChild(__s, _b.e, 1, _b.a, props.renderEmpty?.(), "b:8f0f2972", _b.b, true, void 0, true);
 }
 var Pager = function Pager(props, __s, __extra) {
 	const __block = __s.block;
@@ -331,7 +328,7 @@ var Pager = function Pager(props, __s, __extra) {
 			behavior: "smooth"
 		});
 	}, [props.page], _hs$ + 7);
-	ifBlock(__s, 0, __block.parentNode, props.items.length > 0, __then$0, __else$6, __block.endMarker, [host, props]);
+	ifBlock(__s, 0, __block.parentNode, props.items.length > 0, __then$0, __else$6, __block.endMarker, [host, props], 2);
 };
 //#endregion
 export { Pager };

package/dist/web/octane-client-build.json

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "buildId": "5763aa85-1430-4b62-ad33-f8221a0cfb2b",
+  "buildId": "76e68915-55bc-4195-aba5-8e915c633737",
   "mode": "production",
   "capabilities": {
     "independentHydration": false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octane-xplat/pager",
-  "version": "0.11.1",
+  "version": "0.13.0",
   "description": "Paged swipe container for Octane xplat — web scroll-snap row + @nativescript-community/ui-pager (ViewPager2 / paging UICollectionView)",
   "keywords": [
     "android",
@@ -49,9 +49,9 @@
   },
   "devDependencies": {
     "@nativescript-community/octane": "0.2.4",
-    "@nativescript/core": "9.1.2",
+    "@nativescript/core": "9.1.3",
     "@octanejs/vite-plugin": "0.1.61",
-    "octane": "0.6.3",
+    "octane": "0.11.0",
     "tsrx-typegen": "0.2.2",
     "typescript": "5.9.3",
     "vite": "8.3.0"

package/src/cx.mobile.ts

@@ -1,8 +1,9 @@
-/** NS `className` splits on ' ' only, and the universal driver applies the
- *  prop via `String(value)` — an array would arrive comma-joined and match
- *  no class at all. Native leaves normalize through cx() before handing
- *  className to an intrinsic. (The DOM renderer already flattens arrays,
- *  so web leaves don't need this.) */
+/** Native renderers now normalize the declarative `className` prop, but
+ *  imperative `view.className` writes still need a pre-joined string — NS
+ *  splits on ' ' only. Native leaves keep normalizing through cx() before
+ *  handing className to an intrinsic so both paths accept the same values.
+ *  (The DOM renderer already flattens arrays, so web leaves don't need
+ *  this.) */
 export function cx(...parts: any[]): string {
 	return parts.flat(Infinity).filter(Boolean).join(' ')
 }