@vielzeug/scroll 2.0.1 → 2.1.0

package/dist/reactive.d.ts

@@ -1,49 +0,0 @@
-/**
- * F1: Ripple integration layer.
- * Wraps `createVirtualizer` so the current state is exposed as a reactive
- * `Signal<VirtualizerState>` from `@vielzeug/ripple`.
- */
-import { type Signal } from '@vielzeug/ripple';
-import { type GroupVirtualizer, type GroupVirtualizerOptions, type GroupVirtualizerState } from './grouped-virtualizer';
-import { type ScrollTarget, type Virtualizer, type VirtualizerOptions, type VirtualizerState } from './virtualizer';
-export type { Signal };
-export interface ReactiveGroupVirtualizer<T> extends GroupVirtualizer<T> {
-    /** Reactive signal carrying the current grouped virtualizer state. */
-    readonly state: Signal<GroupVirtualizerState<T>>;
-}
-export interface ReactiveVirtualizer extends Virtualizer {
-    /** Reactive signal carrying the current virtualizer state. */
-    readonly state: Signal<VirtualizerState>;
-}
-/**
- * Create a grouped virtualizer whose current state is exposed as a reactive signal.
- *
- * All `GroupVirtualizer` accessors remain live through copied property descriptors.
- *
- * @example
- * ```ts
- * const v = createReactiveGroupedVirtualizer(el, { sections, estimateItemSize: 48 });
- * effect(() => {
- *   const { headers, items, stickyHeader, totalSize } = v.state.value;
- *   render(headers, items, totalSize);
- * });
- * ```
- */
-export declare function createReactiveGroupedVirtualizer<T>(target: ScrollTarget, options: Omit<GroupVirtualizerOptions<T>, 'onChange'>): ReactiveGroupVirtualizer<T>;
-/**
- * Create a virtualizer whose current state is exposed as a reactive signal.
- *
- * All `Virtualizer` accessors (count, items, totalSize, scrollOffset, stickyItems)
- * remain live through copied property descriptors, avoiding snapshots from object spread.
- *
- * @example
- * ```ts
- * const v = createReactiveVirtualizer(el, { count: 1000, estimateSize: 40 });
- * effect(() => {
- *   const { items, totalSize } = v.state.value;
- *   render(items, totalSize);
- * });
- * ```
- */
-export declare function createReactiveVirtualizer(target: ScrollTarget, options: Omit<VirtualizerOptions, 'onChange'>): ReactiveVirtualizer;
-//# sourceMappingURL=reactive.d.ts.map

package/dist/reactive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactive.d.ts","sourceRoot":"","sources":["../src/reactive.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,MAAM,EAAE,CAAC;AAEvB,MAAM,WAAW,wBAAwB,CAAC,CAAC,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC;IACtE,sEAAsE;IACtE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,8DAA8D;IAC9D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;CAC1C;AAeD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gCAAgC,CAAC,CAAC,EAChD,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,GACpD,wBAAwB,CAAC,CAAC,CAAC,CAgC7B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GAC5C,mBAAmB,CAgCrB"}

package/dist/reactive.js

@@ -1,2 +0,0 @@
-import{createVirtualizer as e}from"./virtualizer.js";import{createGroupedVirtualizer as t}from"./grouped-virtualizer.js";import{signal as n}from"@vielzeug/ripple";function r(e,t){return Object.defineProperties({},{...Object.getOwnPropertyDescriptors(e),state:{configurable:!0,enumerable:!0,value:t}})}function i(e,i){let a=n({headers:[],items:[],stickyHeader:null,totalSize:0}),o;function s(e){a.value=e,o?.(e)}let c=t(e,{...i,onChange:s}),l=r(c,a);return Object.defineProperty(l,"update",{configurable:!0,enumerable:!0,value(e,t){if(!t||!Object.hasOwn(t,`onChange`)){c.update(e,t);return}o=t.onChange;let{onChange:n,...r}=t;c.update(e,{...r,onChange:s})}}),l}function a(t,i){let a=n({items:[],stickyItems:[],totalSize:0}),o;function s(e){a.value=e,o?.(e)}let c=e(t,{...i,onChange:s}),l=r(c,a);return Object.defineProperty(l,"update",{configurable:!0,enumerable:!0,value(e){if(!Object.hasOwn(e,`onChange`)){c.update(e);return}o=e.onChange;let{onChange:t,...n}=e;c.update({...n,onChange:s})}}),l}export{i as createReactiveGroupedVirtualizer,a as createReactiveVirtualizer};
-//# sourceMappingURL=reactive.js.map

package/dist/reactive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactive.js","names":[],"sources":["../src/reactive.ts"],"sourcesContent":["/**\n * F1: Ripple integration layer.\n * Wraps `createVirtualizer` so the current state is exposed as a reactive\n * `Signal<VirtualizerState>` from `@vielzeug/ripple`.\n */\nimport { signal, type Signal } from '@vielzeug/ripple';\n\nimport {\n  createGroupedVirtualizer,\n  type GroupVirtualizer,\n  type GroupVirtualizerOptions,\n  type GroupVirtualizerState,\n} from './grouped-virtualizer';\nimport {\n  createVirtualizer,\n  type ScrollTarget,\n  type Virtualizer,\n  type VirtualizerOptions,\n  type VirtualizerState,\n} from './virtualizer';\n\nexport type { Signal };\n\nexport interface ReactiveGroupVirtualizer<T> extends GroupVirtualizer<T> {\n  /** Reactive signal carrying the current grouped virtualizer state. */\n  readonly state: Signal<GroupVirtualizerState<T>>;\n}\n\nexport interface ReactiveVirtualizer extends Virtualizer {\n  /** Reactive signal carrying the current virtualizer state. */\n  readonly state: Signal<VirtualizerState>;\n}\n\nfunction withState<THandle extends object, TState>(\n  handle: THandle,\n  state: Signal<TState>,\n): THandle & { readonly state: Signal<TState> } {\n  return Object.defineProperties(\n    {},\n    {\n      ...Object.getOwnPropertyDescriptors(handle),\n      state: { configurable: true, enumerable: true, value: state },\n    },\n  ) as THandle & { readonly state: Signal<TState> };\n}\n\n/**\n * Create a grouped virtualizer whose current state is exposed as a reactive signal.\n *\n * All `GroupVirtualizer` accessors remain live through copied property descriptors.\n *\n * @example\n * ```ts\n * const v = createReactiveGroupedVirtualizer(el, { sections, estimateItemSize: 48 });\n * effect(() => {\n *   const { headers, items, stickyHeader, totalSize } = v.state.value;\n *   render(headers, items, totalSize);\n * });\n * ```\n */\nexport function createReactiveGroupedVirtualizer<T>(\n  target: ScrollTarget,\n  options: Omit<GroupVirtualizerOptions<T>, 'onChange'>,\n): ReactiveGroupVirtualizer<T> {\n  const state = signal<GroupVirtualizerState<T>>({ headers: [], items: [], stickyHeader: null, totalSize: 0 });\n\n  let userOnChange: ((state: GroupVirtualizerState<T>) => void) | undefined;\n\n  function onChange(next: GroupVirtualizerState<T>): void {\n    state.value = next;\n    userOnChange?.(next);\n  }\n\n  const v = createGroupedVirtualizer<T>(target, { ...options, onChange });\n  const reactive = withState(v, state);\n\n  Object.defineProperty(reactive, 'update', {\n    configurable: true,\n    enumerable: true,\n    value(sections: Array<{ items: T[]; label: string }>, next?: Parameters<typeof v.update>[1]) {\n      if (!next || !Object.hasOwn(next, 'onChange')) {\n        v.update(sections, next);\n\n        return;\n      }\n\n      userOnChange = next.onChange;\n\n      const { onChange: _, ...nextOptions } = next;\n\n      v.update(sections, { ...nextOptions, onChange });\n    },\n  });\n\n  return reactive;\n}\n\n/**\n * Create a virtualizer whose current state is exposed as a reactive signal.\n *\n * All `Virtualizer` accessors (count, items, totalSize, scrollOffset, stickyItems)\n * remain live through copied property descriptors, avoiding snapshots from object spread.\n *\n * @example\n * ```ts\n * const v = createReactiveVirtualizer(el, { count: 1000, estimateSize: 40 });\n * effect(() => {\n *   const { items, totalSize } = v.state.value;\n *   render(items, totalSize);\n * });\n * ```\n */\nexport function createReactiveVirtualizer(\n  target: ScrollTarget,\n  options: Omit<VirtualizerOptions, 'onChange'>,\n): ReactiveVirtualizer {\n  const state = signal<VirtualizerState>({ items: [], stickyItems: [], totalSize: 0 });\n\n  let userOnChange: ((state: VirtualizerState) => void) | undefined;\n\n  function onChange(next: VirtualizerState): void {\n    state.value = next;\n    userOnChange?.(next);\n  }\n\n  const v = createVirtualizer(target, { ...options, onChange });\n  const reactive = withState(v, state);\n\n  Object.defineProperty(reactive, 'update', {\n    configurable: true,\n    enumerable: true,\n    value(next: Parameters<typeof v.update>[0]) {\n      if (!Object.hasOwn(next, 'onChange')) {\n        v.update(next);\n\n        return;\n      }\n\n      userOnChange = next.onChange;\n\n      const { onChange: _, ...nextOptions } = next;\n\n      v.update({ ...nextOptions, onChange });\n    },\n  });\n\n  return reactive;\n}\n"],"mappings":"mKAiCA,SAAS,EACP,EACA,EAC8C,CAC9C,OAAO,OAAO,iBACZ,CAAC,EACD,CACE,GAAG,OAAO,0BAA0B,CAAM,EAC1C,MAAO,CAAE,aAAc,GAAM,WAAY,GAAM,MAAO,CAAM,CAC9D,CACF,CACF,CAgBA,SAAgB,EACd,EACA,EAC6B,CAC7B,IAAM,EAAQ,EAAiC,CAAE,QAAS,CAAC,EAAG,MAAO,CAAC,EAAG,aAAc,KAAM,UAAW,CAAE,CAAC,EAEvG,EAEJ,SAAS,EAAS,EAAsC,CACtD,EAAM,MAAQ,EACd,IAAe,CAAI,CACrB,CAEA,IAAM,EAAI,EAA4B,EAAQ,CAAE,GAAG,EAAS,UAAS,CAAC,EAChE,EAAW,EAAU,EAAG,CAAK,EAoBnC,OAlBA,OAAO,eAAe,EAAU,SAAU,CACxC,aAAc,GACd,WAAY,GACZ,MAAM,EAAgD,EAAuC,CAC3F,GAAI,CAAC,GAAQ,CAAC,OAAO,OAAO,EAAM,UAAU,EAAG,CAC7C,EAAE,OAAO,EAAU,CAAI,EAEvB,MACF,CAEA,EAAe,EAAK,SAEpB,GAAM,CAAE,SAAU,EAAG,GAAG,GAAgB,EAExC,EAAE,OAAO,EAAU,CAAE,GAAG,EAAa,UAAS,CAAC,CACjD,CACF,CAAC,EAEM,CACT,CAiBA,SAAgB,EACd,EACA,EACqB,CACrB,IAAM,EAAQ,EAAyB,CAAE,MAAO,CAAC,EAAG,YAAa,CAAC,EAAG,UAAW,CAAE,CAAC,EAE/E,EAEJ,SAAS,EAAS,EAA8B,CAC9C,EAAM,MAAQ,EACd,IAAe,CAAI,CACrB,CAEA,IAAM,EAAI,EAAkB,EAAQ,CAAE,GAAG,EAAS,UAAS,CAAC,EACtD,EAAW,EAAU,EAAG,CAAK,EAoBnC,OAlBA,OAAO,eAAe,EAAU,SAAU,CACxC,aAAc,GACd,WAAY,GACZ,MAAM,EAAsC,CAC1C,GAAI,CAAC,OAAO,OAAO,EAAM,UAAU,EAAG,CACpC,EAAE,OAAO,CAAI,EAEb,MACF,CAEA,EAAe,EAAK,SAEpB,GAAM,CAAE,SAAU,EAAG,GAAG,GAAgB,EAExC,EAAE,OAAO,CAAE,GAAG,EAAa,UAAS,CAAC,CACvC,CACF,CAAC,EAEM,CACT"}