@g9tm/lynxcontrols 1.4.5 → 1.4.11

package/dist/range-slider/range-slider.d.ts

@@ -33,6 +33,17 @@ export interface G9RangeSliderProps {
     readonly showLabels?: boolean;
     /** .NET-style number format of labels and tooltip (`"0"`, `"0.0"`, `"0°"`). Default `"0"`. */
     readonly valueFormat?: string | null;
+    /**
+     * A LOGARITHMIC track (MAUI 1.4.9): equal distances are equal ratios, so a range over orders of magnitude (site areas
+     * 787 to 56,475 ha, AgriPad's site filter) is usable at both ends. Needs `minimum > 0` (else linear); the value then
+     * snaps to two significant figures instead of `step`. Default false.
+     */
+    readonly logarithmic?: boolean;
+    /**
+     * Each thumb's value drawn ABOVE it at all times, following it (MAUI 1.4.9, the design's «مساحت (هکتار)» readout); the
+     * min / max edge labels and the drag tooltip are then not drawn. Needs `showLabels` (it uses their room). Default false.
+     */
+    readonly showThumbValues?: boolean;
     readonly disabled?: boolean;
     /** After the user changed a value: the single value, or the range end (MAUI `ValueChanged`). */
     readonly onValueChanged?: (value: number) => void;

package/dist/range-slider/range-slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range-slider.d.ts","sourceRoot":"","sources":["../../src/range-slider/range-slider.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAe,iBAAiB,EAAW,MAAM,+BAA+B,CAAC;AAExF,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,gBAAgB,CAAC;AAYlE,gDAAgD;AAChD,eAAO,MAAM,eAAe;;;;;;EAM1B,CAAC;AAEH,sCAAsC;AACtC,MAAM,WAAW,kBAAkB;IACjC,iBAAiB;IACjB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB;IACnB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,6GAA6G;IAC7G,QAAQ,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAClC,wCAAwC;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,wDAAwD;IACxD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,gDAAgD;IAChD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,sFAAsF;IACtF,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,8FAA8F;IAC9F,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,gGAAgG;IAChG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,iGAAiG;AACjG,wBAAgB,aAAa,CAC3B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,OAAO,GACX,MAAM,GAAG,IAAI,CAUf;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAqHlE"}
+{"version":3,"file":"range-slider.d.ts","sourceRoot":"","sources":["../../src/range-slider/range-slider.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAe,iBAAiB,EAAW,MAAM,+BAA+B,CAAC;AAExF,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,gBAAgB,CAAC;AAclE,gDAAgD;AAChD,eAAO,MAAM,eAAe;;;;;;EAM1B,CAAC;AAEH,sCAAsC;AACtC,MAAM,WAAW,kBAAkB;IACjC,iBAAiB;IACjB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB;IACnB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,6GAA6G;IAC7G,QAAQ,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAClC,wCAAwC;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,wDAAwD;IACxD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,gDAAgD;IAChD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,sFAAsF;IACtF,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,8FAA8F;IAC9F,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC;;;;OAIG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,gGAAgG;IAChG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,iGAAiG;AACjG,wBAAgB,aAAa,CAC3B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,OAAO,GACX,MAAM,GAAG,IAAI,CAUf;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAoIlE"}

package/dist/range-slider/range-slider.jsx

@@ -4,7 +4,7 @@ import { SliderIndicator, SliderRoot, SliderThumb, SliderTrack } from "@lynx-js/
 import { useRef, useState } from "@lynx-js/react";
 import { useControllableState } from "../base/use-controllable-state.jsx";
 import { useG9Culture, useG9Direction, useG9Theme } from "../provider/hooks.jsx";
-import { coerceSliderRange, formatSliderValue, sliderBounds, sliderRatio, sliderValueAt, snapSliderValue } from "./math.jsx";
+import { coerceSliderRange, formatSliderValue, isLogTrack, sliderBounds, sliderRatio, sliderValueAt, snapLogValue, snapSliderValue } from "./math.jsx";
 const g9SliderMetrics = Object.freeze({
     height: 104,
     heightCompact: 36,
@@ -35,6 +35,17 @@ function G9RangeSlider(props) {
     const single = props.mode === G9RangeSliderMode.Single;
     const labels = false !== props.showLabels;
     const bounds = sliderBounds(min, max);
+    const log = isLogTrack(props.logarithmic, bounds.min, bounds.max);
+    const thumbValues = labels && true === props.showThumbValues;
+    const snap = (v)=>log && step > 0 ? snapLogValue(v, min, max) : snapSliderValue(v, min, max, step);
+    const ordered = (a, b)=>a <= b ? [
+            a,
+            b
+        ] : [
+            b,
+            a
+        ];
+    const ratioOf = (v)=>sliderRatio(v, min, max, log);
     const [value, setValue] = useControllableState({
         value: props.value,
         defaultValue: null != (_props_defaultValue = props.defaultValue) ? _props_defaultValue : 0,
@@ -58,8 +69,8 @@ function G9RangeSlider(props) {
         equals: (a, b)=>a[0] === b[0] && a[1] === b[1]
     });
     const [dragging, setDragging] = useState(null);
-    const shown = single ? snapSliderValue(value, min, max, step) : null;
-    const shownRange = coerceSliderRange(range[0], range[1], min, max, step);
+    const shown = single ? snap(value) : null;
+    const shownRange = log ? ordered(snap(range[0]), snap(range[1])) : coerceSliderRange(range[0], range[1], min, max, step);
     const latest = useRef({
         props,
         shownRange,
@@ -94,8 +105,8 @@ function G9RangeSlider(props) {
     };
     const onValueChange = (v, source)=>{
         if ('drag' !== source || props.disabled) return;
-        if ('number' == typeof v) applySingle(snapSliderValue(sliderValueAt(v, min, max), min, max, step));
-        else applyRange(coerceSliderRange(sliderValueAt(v[0], min, max), sliderValueAt(v[1], min, max), min, max, step));
+        if ('number' == typeof v) applySingle(snap(sliderValueAt(v, min, max, log)));
+        else applyRange(ordered(snap(sliderValueAt(v[0], min, max, log)), snap(sliderValueAt(v[1], min, max, log))));
     };
     const onDragging = ()=>setDragging((d)=>d ? null : {
                 index: 1
@@ -118,24 +129,35 @@ function G9RangeSlider(props) {
             Math.max(s, next)
         ]);
     };
-    const sliderValue = single ? sliderRatio(shown, min, max) : [
-        sliderRatio(shownRange[0], min, max),
-        sliderRatio(shownRange[1], min, max)
+    const sliderValue = single ? ratioOf(shown) : [
+        ratioOf(shownRange[0]),
+        ratioOf(shownRange[1])
     ];
     const tooltipValue = single ? shown : shownRange[null != (_ref = null == dragging ? void 0 : dragging.index) ? _ref : 1];
-    const tooltipRatio = sliderRatio(tooltipValue, min, max);
+    const tooltipRatio = ratioOf(tooltipValue);
+    const at = (ratio)=>`${(rtl ? 1 - ratio : ratio) * 100}%`;
     const thumb = (index)=><SliderThumb key={index} index={index} className="g9-slider__thumb">
       <view className={`g9-slider__thumb-dot${dragging && dragging.index === index ? ' g9-slider__thumb-dot--active' : ''}`}/>
     </SliderThumb>;
     return <view className={`g9-slider${labels ? ' g9-slider--labels' : ' g9-slider--compact'}${props.disabled ? ' g9-slider--disabled' : ''}${props.className ? ` ${props.className}` : ''}`} style={{
         height: `${labels ? g9SliderMetrics.height : g9SliderMetrics.heightCompact}px`
     }} accessibility-element={true} accessibility-label={null != (_props_accessibilityLabel = props.accessibilityLabel) ? _props_accessibilityLabel : ''} accessibility-value={single ? fmt(shown) : `${fmt(shownRange[0])} – ${fmt(shownRange[1])}`} bindkeydown={onKey}>
-      {labels && dragging ? <view className="g9-slider__tooltip" style={{
-        left: `${(rtl ? 1 - tooltipRatio : tooltipRatio) * 100}%`
+      {labels && dragging && !thumbValues ? <view className="g9-slider__tooltip" style={{
+        left: at(tooltipRatio)
     }}>
           <text className="g9-slider__tooltip-text">{fmt(tooltipValue)}</text>
         </view> : null}
-      <SliderRoot className="g9-slider__root" value={sliderValue} {...step > 0 ? {
+      {thumbValues ? (single ? [
+        shown
+    ] : [
+        shownRange[0],
+        shownRange[1]
+    ]).map((v, i)=><view key={`v${i}`} className="g9-slider__thumb-value" style={{
+            left: at(ratioOf(v))
+        }}>
+              <text className="g9-slider__thumb-value-text">{fmt(v)}</text>
+            </view>) : null}
+      <SliderRoot className="g9-slider__root" value={sliderValue} {...step > 0 && !log ? {
         step: step / (bounds.max - bounds.min)
     } : {}} disabled={true === props.disabled} enableRTL={rtl} onValueChange={onValueChange} onDragging={onDragging} onValueCommit={onCommit}>
         <SliderTrack className="g9-slider__track">
@@ -148,7 +170,7 @@ function G9RangeSlider(props) {
     ]}
         </SliderTrack>
       </SliderRoot>
-      {labels ? <view className="g9-slider__labels">
+      {labels && !thumbValues ? <view className="g9-slider__labels">
           <text className="g9-slider__label">{fmt(rtl ? bounds.max : bounds.min)}</text>
           <text className="g9-slider__label">{fmt(rtl ? bounds.min : bounds.max)}</text>
         </view> : null}

package/dist/range-slider/range-slider.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"range-slider/range-slider.jsx","sources":["../../src/range-slider/range-slider.tsx"],"sourcesContent":["import './range-slider.css';\nimport { formatColor, G9RangeSliderMode, lighten } from '@g9tm/lynxcontrols-foundation';\nimport { SliderIndicator, SliderRoot, SliderThumb, SliderTrack } from '@lynx-js/lynx-ui-slider';\nimport { type ReactNode, useRef, useState } from '@lynx-js/react';\nimport { useControllableState } from '../base/use-controllable-state';\nimport { useG9Culture, useG9Direction, useG9Theme } from '../provider/hooks';\nimport {\n  coerceSliderRange,\n  formatSliderValue,\n  sliderBounds,\n  sliderRatio,\n  sliderValueAt,\n  snapSliderValue,\n} from './math';\n\n/** Layout tokens (MAUI `G9Metrics.Slider*`). */\nexport const g9SliderMetrics = Object.freeze({\n  height: 104,\n  heightCompact: 36,\n  trackHeight: 8,\n  thumbRadius: 14,\n  horizontalInset: 16,\n});\n\n/** Props of {@link G9RangeSlider}. */\nexport interface G9RangeSliderProps {\n  /** Default 0. */\n  readonly minimum?: number;\n  /** Default 100. */\n  readonly maximum?: number;\n  /** `'single'` (one thumb, `value`) or `'range'` (two thumbs, `rangeStart`/`rangeEnd`). Default `'range'`. */\n  readonly mode?: G9RangeSliderMode;\n  /** Single mode value (MAUI `Value`). */\n  readonly value?: number;\n  readonly defaultValue?: number;\n  readonly onValueChange?: (value: number) => void;\n  /** Range mode thumbs (MAUI `RangeStart`/`RangeEnd`). */\n  readonly rangeStart?: number;\n  readonly rangeEnd?: number;\n  readonly defaultRangeStart?: number;\n  readonly defaultRangeEnd?: number;\n  readonly onRangeChange?: (start: number, end: number) => void;\n  /** Snap interval; 0 = continuous. Default 1. */\n  readonly step?: number;\n  /** Min/max edge labels and the drag tooltip (false = compact 36 px). Default true. */\n  readonly showLabels?: boolean;\n  /** .NET-style number format of labels and tooltip (`\"0\"`, `\"0.0\"`, `\"0°\"`). Default `\"0\"`. */\n  readonly valueFormat?: string | null;\n  readonly disabled?: boolean;\n  /** After the user changed a value: the single value, or the range end (MAUI `ValueChanged`). */\n  readonly onValueChanged?: (value: number) => void;\n  readonly accessibilityLabel?: string;\n  readonly className?: string;\n}\n\n/** Arrow/Home/End handling of the desktop keyboard: the new value, or `null` for another key. */\nexport function sliderKeyStep(\n  key: string,\n  value: number,\n  min: number,\n  max: number,\n  step: number,\n  rtl: boolean,\n): number | null {\n  const b = sliderBounds(min, max);\n  const delta = step > 0 ? step : (b.max - b.min) / 100;\n  const forward = rtl ? 'ArrowLeft' : 'ArrowRight';\n  const back = rtl ? 'ArrowRight' : 'ArrowLeft';\n  if (key === forward || key === 'ArrowUp') return snapSliderValue(value + delta, min, max, step);\n  if (key === back || key === 'ArrowDown') return snapSliderValue(value - delta, min, max, step);\n  if (key === 'Home') return b.min;\n  if (key === 'End') return b.max;\n  return null;\n}\n\n/**\n * One- or two-thumb slider (MAUI `G9RangeSlider`) on lynx-ui `SliderRoot`: lynx-ui owns the gesture (main-thread\n * drag, thumbs that meet but never cross); G9 maps minimum/maximum/step onto its normalized value, snaps with the\n * MAUI formula, keeps the stored values as given until the user moves them (display is always coerced; MAUI's\n * deferred write-back), paints the fill between the thumbs, shows min/max labels (swapped in RTL) and a tooltip\n * while dragging, and moves with the arrow keys on desktop.\n */\nexport function G9RangeSlider(props: G9RangeSliderProps): ReactNode {\n  const culture = useG9Culture();\n  const rtl = useG9Direction() === 'rtl';\n  const primary = useG9Theme().palette.Primary;\n  // MAUI G9RangeSliderDrawable: saturated at the minimum end, 22 % lighter towards the value, in reading direction.\n  const fill = `linear-gradient(to ${rtl ? 'left' : 'right'}, ${formatColor(primary)}, ${formatColor(lighten(primary, 0.22))})`;\n  const min = props.minimum ?? 0;\n  const max = props.maximum ?? 100;\n  const step = props.step ?? 1;\n  const single = props.mode === G9RangeSliderMode.Single;\n  const labels = props.showLabels !== false;\n  const bounds = sliderBounds(min, max);\n  const [value, setValue] = useControllableState<number>({\n    value: props.value,\n    defaultValue: props.defaultValue ?? 0,\n    onChange: props.onValueChange,\n    name: 'G9RangeSlider.value',\n  });\n  const [range, setRange] = useControllableState<readonly [number, number], []>({\n    value:\n      props.rangeStart !== undefined && props.rangeEnd !== undefined ? [props.rangeStart, props.rangeEnd] : undefined,\n    defaultValue: [props.defaultRangeStart ?? 0, props.defaultRangeEnd ?? 100],\n    onChange: (r) => props.onRangeChange?.(r[0], r[1]),\n    name: 'G9RangeSlider.range',\n    equals: (a, b) => a[0] === b[0] && a[1] === b[1],\n  });\n  const [dragging, setDragging] = useState<{ index: 0 | 1 } | null>(null);\n  const shown = single ? snapSliderValue(value, min, max, step) : null;\n  const shownRange = coerceSliderRange(range[0], range[1], min, max, step);\n  const latest = useRef({ props, shownRange, shown });\n  latest.current = { props, shownRange, shown };\n  const fmt = (v: number) => formatSliderValue(v, props.valueFormat ?? '0', culture);\n\n  const applySingle = (next: number) => {\n    if (next === latest.current.shown) return;\n    setValue(next);\n    latest.current.props.onValueChanged?.(next);\n  };\n  const applyRange = (next: readonly [number, number]) => {\n    const [s, e] = latest.current.shownRange;\n    if (next[0] === s && next[1] === e) return;\n    if (next[0] !== s) setDragging((d) => (d ? { index: 0 } : d));\n    else setDragging((d) => (d ? { index: 1 } : d));\n    setRange(next);\n    latest.current.props.onValueChanged?.(next[1]);\n  };\n  const onValueChange = (v: number | readonly [number, number], source: 'external' | 'drag') => {\n    if (source !== 'drag' || props.disabled) return;\n    if (typeof v === 'number') applySingle(snapSliderValue(sliderValueAt(v, min, max), min, max, step));\n    else applyRange(coerceSliderRange(sliderValueAt(v[0], min, max), sliderValueAt(v[1], min, max), min, max, step));\n  };\n  // lynx-ui reports the drag start and end through `onDragging`; the commit closes it for sure.\n  const onDragging = () => setDragging((d) => (d ? null : { index: 1 }));\n  const onCommit = () => setDragging(null);\n  const onKey = (e: { detail?: { key?: string } }) => {\n    if (props.disabled) return;\n    const key = e.detail?.key ?? '';\n    if (single) {\n      const next = sliderKeyStep(key, shown as number, min, max, step, rtl);\n      if (next !== null) applySingle(next);\n      return;\n    }\n    // Keys move the end thumb, never past the start (and vice versa with Shift-less Home).\n    const [s, end] = shownRange;\n    const next = sliderKeyStep(key, end, min, max, step, rtl);\n    if (next !== null) applyRange([Math.min(s, next), Math.max(s, next)]);\n  };\n\n  const sliderValue = single\n    ? sliderRatio(shown as number, min, max)\n    : ([sliderRatio(shownRange[0], min, max), sliderRatio(shownRange[1], min, max)] as const);\n  const tooltipValue = single ? (shown as number) : shownRange[dragging?.index ?? 1];\n  const tooltipRatio = sliderRatio(tooltipValue, min, max);\n  const thumb = (index: 0 | 1) => (\n    <SliderThumb key={index} index={index} className=\"g9-slider__thumb\">\n      <view\n        className={`g9-slider__thumb-dot${dragging && dragging.index === index ? ' g9-slider__thumb-dot--active' : ''}`}\n      />\n    </SliderThumb>\n  );\n  return (\n    <view\n      className={`g9-slider${labels ? ' g9-slider--labels' : ' g9-slider--compact'}${props.disabled ? ' g9-slider--disabled' : ''}${props.className ? ` ${props.className}` : ''}`}\n      style={{ height: `${labels ? g9SliderMetrics.height : g9SliderMetrics.heightCompact}px` }}\n      accessibility-element={true}\n      accessibility-label={props.accessibilityLabel ?? ''}\n      accessibility-value={single ? fmt(shown as number) : `${fmt(shownRange[0])} – ${fmt(shownRange[1])}`}\n      bindkeydown={onKey}\n    >\n      {labels && dragging ? (\n        <view className=\"g9-slider__tooltip\" style={{ left: `${(rtl ? 1 - tooltipRatio : tooltipRatio) * 100}%` }}>\n          <text className=\"g9-slider__tooltip-text\">{fmt(tooltipValue)}</text>\n        </view>\n      ) : null}\n      <SliderRoot\n        className=\"g9-slider__root\"\n        value={sliderValue as number}\n        {...(step > 0 ? { step: step / (bounds.max - bounds.min) } : {})}\n        disabled={props.disabled === true}\n        enableRTL={rtl}\n        onValueChange={onValueChange as (v: number, s: 'external' | 'drag') => void}\n        onDragging={onDragging}\n        onValueCommit={onCommit}\n      >\n        <SliderTrack className=\"g9-slider__track\">\n          <SliderIndicator className=\"g9-slider__fill\" style={{ background: fill }} />\n          {single ? thumb(0) : [thumb(0), thumb(1)]}\n        </SliderTrack>\n      </SliderRoot>\n      {labels ? (\n        <view className=\"g9-slider__labels\">\n          <text className=\"g9-slider__label\">{fmt(rtl ? bounds.max : bounds.min)}</text>\n          <text className=\"g9-slider__label\">{fmt(rtl ? bounds.min : bounds.max)}</text>\n        </view>\n      ) : null}\n    </view>\n  );\n}\n"],"names":["g9SliderMetrics","Object","sliderKeyStep","key","value","min","max","step","rtl","b","sliderBounds","delta","forward","back","snapSliderValue","G9RangeSlider","props","_props_minimum","_props_maximum","_props_step","_props_defaultValue","_props_defaultRangeStart","_props_defaultRangeEnd","_props_accessibilityLabel","culture","useG9Culture","useG9Direction","primary","useG9Theme","fill","formatColor","lighten","single","G9RangeSliderMode","labels","bounds","setValue","useControllableState","range","setRange","undefined","r","a","dragging","setDragging","useState","shown","shownRange","coerceSliderRange","latest","useRef","fmt","v","_props_valueFormat","formatSliderValue","applySingle","next","_latest_current_props","applyRange","s","e","d","onValueChange","source","sliderValueAt","onDragging","onCommit","onKey","_e_detail","end","Math","sliderValue","sliderRatio","tooltipValue","tooltipRatio","thumb","index","SliderThumb","view","text","SliderRoot","SliderTrack","SliderIndicator"],"mappings":"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"}
+{"version":3,"file":"range-slider/range-slider.jsx","sources":["../../src/range-slider/range-slider.tsx"],"sourcesContent":["import './range-slider.css';\nimport { formatColor, G9RangeSliderMode, lighten } from '@g9tm/lynxcontrols-foundation';\nimport { SliderIndicator, SliderRoot, SliderThumb, SliderTrack } from '@lynx-js/lynx-ui-slider';\nimport { type ReactNode, useRef, useState } from '@lynx-js/react';\nimport { useControllableState } from '../base/use-controllable-state';\nimport { useG9Culture, useG9Direction, useG9Theme } from '../provider/hooks';\nimport {\n  coerceSliderRange,\n  formatSliderValue,\n  isLogTrack,\n  sliderBounds,\n  sliderRatio,\n  sliderValueAt,\n  snapLogValue,\n  snapSliderValue,\n} from './math';\n\n/** Layout tokens (MAUI `G9Metrics.Slider*`). */\nexport const g9SliderMetrics = Object.freeze({\n  height: 104,\n  heightCompact: 36,\n  trackHeight: 8,\n  thumbRadius: 14,\n  horizontalInset: 16,\n});\n\n/** Props of {@link G9RangeSlider}. */\nexport interface G9RangeSliderProps {\n  /** Default 0. */\n  readonly minimum?: number;\n  /** Default 100. */\n  readonly maximum?: number;\n  /** `'single'` (one thumb, `value`) or `'range'` (two thumbs, `rangeStart`/`rangeEnd`). Default `'range'`. */\n  readonly mode?: G9RangeSliderMode;\n  /** Single mode value (MAUI `Value`). */\n  readonly value?: number;\n  readonly defaultValue?: number;\n  readonly onValueChange?: (value: number) => void;\n  /** Range mode thumbs (MAUI `RangeStart`/`RangeEnd`). */\n  readonly rangeStart?: number;\n  readonly rangeEnd?: number;\n  readonly defaultRangeStart?: number;\n  readonly defaultRangeEnd?: number;\n  readonly onRangeChange?: (start: number, end: number) => void;\n  /** Snap interval; 0 = continuous. Default 1. */\n  readonly step?: number;\n  /** Min/max edge labels and the drag tooltip (false = compact 36 px). Default true. */\n  readonly showLabels?: boolean;\n  /** .NET-style number format of labels and tooltip (`\"0\"`, `\"0.0\"`, `\"0°\"`). Default `\"0\"`. */\n  readonly valueFormat?: string | null;\n  /**\n   * A LOGARITHMIC track (MAUI 1.4.9): equal distances are equal ratios, so a range over orders of magnitude (site areas\n   * 787 to 56,475 ha, AgriPad's site filter) is usable at both ends. Needs `minimum > 0` (else linear); the value then\n   * snaps to two significant figures instead of `step`. Default false.\n   */\n  readonly logarithmic?: boolean;\n  /**\n   * Each thumb's value drawn ABOVE it at all times, following it (MAUI 1.4.9, the design's «مساحت (هکتار)» readout); the\n   * min / max edge labels and the drag tooltip are then not drawn. Needs `showLabels` (it uses their room). Default false.\n   */\n  readonly showThumbValues?: boolean;\n  readonly disabled?: boolean;\n  /** After the user changed a value: the single value, or the range end (MAUI `ValueChanged`). */\n  readonly onValueChanged?: (value: number) => void;\n  readonly accessibilityLabel?: string;\n  readonly className?: string;\n}\n\n/** Arrow/Home/End handling of the desktop keyboard: the new value, or `null` for another key. */\nexport function sliderKeyStep(\n  key: string,\n  value: number,\n  min: number,\n  max: number,\n  step: number,\n  rtl: boolean,\n): number | null {\n  const b = sliderBounds(min, max);\n  const delta = step > 0 ? step : (b.max - b.min) / 100;\n  const forward = rtl ? 'ArrowLeft' : 'ArrowRight';\n  const back = rtl ? 'ArrowRight' : 'ArrowLeft';\n  if (key === forward || key === 'ArrowUp') return snapSliderValue(value + delta, min, max, step);\n  if (key === back || key === 'ArrowDown') return snapSliderValue(value - delta, min, max, step);\n  if (key === 'Home') return b.min;\n  if (key === 'End') return b.max;\n  return null;\n}\n\n/**\n * One- or two-thumb slider (MAUI `G9RangeSlider`) on lynx-ui `SliderRoot`: lynx-ui owns the gesture (main-thread\n * drag, thumbs that meet but never cross); G9 maps minimum/maximum/step onto its normalized value, snaps with the\n * MAUI formula, keeps the stored values as given until the user moves them (display is always coerced; MAUI's\n * deferred write-back), paints the fill between the thumbs, shows min/max labels (swapped in RTL) and a tooltip\n * while dragging, and moves with the arrow keys on desktop.\n */\nexport function G9RangeSlider(props: G9RangeSliderProps): ReactNode {\n  const culture = useG9Culture();\n  const rtl = useG9Direction() === 'rtl';\n  const primary = useG9Theme().palette.Primary;\n  // MAUI G9RangeSliderDrawable: saturated at the minimum end, 22 % lighter towards the value, in reading direction.\n  const fill = `linear-gradient(to ${rtl ? 'left' : 'right'}, ${formatColor(primary)}, ${formatColor(lighten(primary, 0.22))})`;\n  const min = props.minimum ?? 0;\n  const max = props.maximum ?? 100;\n  const step = props.step ?? 1;\n  const single = props.mode === G9RangeSliderMode.Single;\n  const labels = props.showLabels !== false;\n  const bounds = sliderBounds(min, max);\n  const log = isLogTrack(props.logarithmic, bounds.min, bounds.max);\n  const thumbValues = labels && props.showThumbValues === true;\n  // MAUI Snap: a logarithmic track with a step snaps to two significant figures, a linear one to `step`; `step <= 0` is\n  // continuous on both (clamped only).\n  const snap = (v: number) => (log && step > 0 ? snapLogValue(v, min, max) : snapSliderValue(v, min, max, step));\n  const ordered = (a: number, b: number): readonly [number, number] => (a <= b ? [a, b] : [b, a]);\n  const ratioOf = (v: number) => sliderRatio(v, min, max, log);\n  const [value, setValue] = useControllableState<number>({\n    value: props.value,\n    defaultValue: props.defaultValue ?? 0,\n    onChange: props.onValueChange,\n    name: 'G9RangeSlider.value',\n  });\n  const [range, setRange] = useControllableState<readonly [number, number], []>({\n    value:\n      props.rangeStart !== undefined && props.rangeEnd !== undefined ? [props.rangeStart, props.rangeEnd] : undefined,\n    defaultValue: [props.defaultRangeStart ?? 0, props.defaultRangeEnd ?? 100],\n    onChange: (r) => props.onRangeChange?.(r[0], r[1]),\n    name: 'G9RangeSlider.range',\n    equals: (a, b) => a[0] === b[0] && a[1] === b[1],\n  });\n  const [dragging, setDragging] = useState<{ index: 0 | 1 } | null>(null);\n  const shown = single ? snap(value) : null;\n  const shownRange = log\n    ? ordered(snap(range[0]), snap(range[1]))\n    : coerceSliderRange(range[0], range[1], min, max, step);\n  const latest = useRef({ props, shownRange, shown });\n  latest.current = { props, shownRange, shown };\n  const fmt = (v: number) => formatSliderValue(v, props.valueFormat ?? '0', culture);\n\n  const applySingle = (next: number) => {\n    if (next === latest.current.shown) return;\n    setValue(next);\n    latest.current.props.onValueChanged?.(next);\n  };\n  const applyRange = (next: readonly [number, number]) => {\n    const [s, e] = latest.current.shownRange;\n    if (next[0] === s && next[1] === e) return;\n    if (next[0] !== s) setDragging((d) => (d ? { index: 0 } : d));\n    else setDragging((d) => (d ? { index: 1 } : d));\n    setRange(next);\n    latest.current.props.onValueChanged?.(next[1]);\n  };\n  const onValueChange = (v: number | readonly [number, number], source: 'external' | 'drag') => {\n    if (source !== 'drag' || props.disabled) return;\n    if (typeof v === 'number') applySingle(snap(sliderValueAt(v, min, max, log)));\n    else applyRange(ordered(snap(sliderValueAt(v[0], min, max, log)), snap(sliderValueAt(v[1], min, max, log))));\n  };\n  // lynx-ui reports the drag start and end through `onDragging`; the commit closes it for sure.\n  const onDragging = () => setDragging((d) => (d ? null : { index: 1 }));\n  const onCommit = () => setDragging(null);\n  const onKey = (e: { detail?: { key?: string } }) => {\n    if (props.disabled) return;\n    const key = e.detail?.key ?? '';\n    if (single) {\n      const next = sliderKeyStep(key, shown as number, min, max, step, rtl);\n      if (next !== null) applySingle(next);\n      return;\n    }\n    // Keys move the end thumb, never past the start (and vice versa with Shift-less Home).\n    const [s, end] = shownRange;\n    const next = sliderKeyStep(key, end, min, max, step, rtl);\n    if (next !== null) applyRange([Math.min(s, next), Math.max(s, next)]);\n  };\n\n  const sliderValue = single ? ratioOf(shown as number) : ([ratioOf(shownRange[0]), ratioOf(shownRange[1])] as const);\n  const tooltipValue = single ? (shown as number) : shownRange[dragging?.index ?? 1];\n  const tooltipRatio = ratioOf(tooltipValue);\n  const at = (ratio: number) => `${(rtl ? 1 - ratio : ratio) * 100}%`;\n  const thumb = (index: 0 | 1) => (\n    <SliderThumb key={index} index={index} className=\"g9-slider__thumb\">\n      <view\n        className={`g9-slider__thumb-dot${dragging && dragging.index === index ? ' g9-slider__thumb-dot--active' : ''}`}\n      />\n    </SliderThumb>\n  );\n  return (\n    <view\n      className={`g9-slider${labels ? ' g9-slider--labels' : ' g9-slider--compact'}${props.disabled ? ' g9-slider--disabled' : ''}${props.className ? ` ${props.className}` : ''}`}\n      style={{ height: `${labels ? g9SliderMetrics.height : g9SliderMetrics.heightCompact}px` }}\n      accessibility-element={true}\n      accessibility-label={props.accessibilityLabel ?? ''}\n      accessibility-value={single ? fmt(shown as number) : `${fmt(shownRange[0])} – ${fmt(shownRange[1])}`}\n      bindkeydown={onKey}\n    >\n      {labels && dragging && !thumbValues ? (\n        <view className=\"g9-slider__tooltip\" style={{ left: at(tooltipRatio) }}>\n          <text className=\"g9-slider__tooltip-text\">{fmt(tooltipValue)}</text>\n        </view>\n      ) : null}\n      {thumbValues\n        ? (single ? [shown as number] : [shownRange[0], shownRange[1]]).map((v, i) => (\n            <view key={`v${i}`} className=\"g9-slider__thumb-value\" style={{ left: at(ratioOf(v)) }}>\n              <text className=\"g9-slider__thumb-value-text\">{fmt(v)}</text>\n            </view>\n          ))\n        : null}\n      <SliderRoot\n        className=\"g9-slider__root\"\n        value={sliderValue as number}\n        {...(step > 0 && !log ? { step: step / (bounds.max - bounds.min) } : {})}\n        disabled={props.disabled === true}\n        enableRTL={rtl}\n        onValueChange={onValueChange as (v: number, s: 'external' | 'drag') => void}\n        onDragging={onDragging}\n        onValueCommit={onCommit}\n      >\n        <SliderTrack className=\"g9-slider__track\">\n          <SliderIndicator className=\"g9-slider__fill\" style={{ background: fill }} />\n          {single ? thumb(0) : [thumb(0), thumb(1)]}\n        </SliderTrack>\n      </SliderRoot>\n      {labels && !thumbValues ? (\n        <view className=\"g9-slider__labels\">\n          <text className=\"g9-slider__label\">{fmt(rtl ? bounds.max : bounds.min)}</text>\n          <text className=\"g9-slider__label\">{fmt(rtl ? bounds.min : bounds.max)}</text>\n        </view>\n      ) : null}\n    </view>\n  );\n}\n"],"names":["g9SliderMetrics","Object","sliderKeyStep","key","value","min","max","step","rtl","b","sliderBounds","delta","forward","back","snapSliderValue","G9RangeSlider","props","_props_minimum","_props_maximum","_props_step","_props_defaultValue","_props_defaultRangeStart","_props_defaultRangeEnd","_props_accessibilityLabel","culture","useG9Culture","useG9Direction","primary","useG9Theme","fill","formatColor","lighten","single","G9RangeSliderMode","labels","bounds","log","isLogTrack","thumbValues","snap","v","snapLogValue","ordered","a","ratioOf","sliderRatio","setValue","useControllableState","range","setRange","undefined","r","dragging","setDragging","useState","shown","shownRange","coerceSliderRange","latest","useRef","fmt","_props_valueFormat","formatSliderValue","applySingle","next","_latest_current_props","applyRange","s","e","d","onValueChange","source","sliderValueAt","onDragging","onCommit","onKey","_e_detail","end","Math","sliderValue","tooltipValue","tooltipRatio","at","ratio","thumb","index","SliderThumb","view","text","i","SliderRoot","SliderTrack","SliderIndicator"],"mappings":"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"}

package/dist/selection/index.d.ts

@@ -1,5 +1,6 @@
 export type { G9SelectionItem } from '../base/selection-item.js';
 export { createSelectionModel, foldSearchText, type G9SelectionMode, type G9SelectionModel, type G9SelectionModelOptions, } from './model.js';
-export { estimateSelectionHeight, type G9ListSheetRequest, type G9SelectionSheetRequest, type G9SelectionSheetResult, g9SelectionCloseDelayMs, g9SelectionEagerBuildItemLimit, g9SelectionRowHeight, g9SelectionSearchDebounceMs, selectionIdentities, showListSheet, showSelectionSheet, } from './selection-sheet.js';
+export { estimateSelectionHeight, type G9ListSheetRequest, type G9SelectionSheetRequest, type G9SelectionSheetResult, g9SelectionCloseDelayMs, g9SelectionEagerBuildItemLimit, g9SelectionRowHeight, g9SelectionSearchDebounceMs, g9SelectionSkeletonRowCap, selectionIdentities, showListSheet, showSelectionSheet, } from './selection-sheet.js';
 export { type G9SelectionModelHookOptions, useSelectionModel } from './use-selection-model.js';
+export { computeSelectionWindow, type G9SelectionWindow, g9SelectionGrowThreshold, g9SelectionMaxRenderedRows, g9SelectionRowPageSize, nextSelectionLimit, } from './window.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/selection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/selection/index.ts"],"names":[],"mappings":"AAEA,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,GAC7B,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,uBAAuB,EACvB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,uBAAuB,EACvB,8BAA8B,EAC9B,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,aAAa,EACb,kBAAkB,GACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,KAAK,2BAA2B,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/selection/index.ts"],"names":[],"mappings":"AAEA,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,GAC7B,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,uBAAuB,EACvB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,uBAAuB,EACvB,8BAA8B,EAC9B,oBAAoB,EACpB,2BAA2B,EAC3B,yBAAyB,EACzB,mBAAmB,EACnB,aAAa,EACb,kBAAkB,GACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,KAAK,2BAA2B,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC5F,OAAO,EACL,sBAAsB,EACtB,KAAK,iBAAiB,EACtB,wBAAwB,EACxB,0BAA0B,EAC1B,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,UAAU,CAAC"}

package/dist/selection/index.jsx

@@ -1,3 +1,4 @@
 export { createSelectionModel, foldSearchText } from "./model.jsx";
-export { estimateSelectionHeight, g9SelectionCloseDelayMs, g9SelectionEagerBuildItemLimit, g9SelectionRowHeight, g9SelectionSearchDebounceMs, selectionIdentities, showListSheet, showSelectionSheet } from "./selection-sheet.jsx";
+export { estimateSelectionHeight, g9SelectionCloseDelayMs, g9SelectionEagerBuildItemLimit, g9SelectionRowHeight, g9SelectionSearchDebounceMs, g9SelectionSkeletonRowCap, selectionIdentities, showListSheet, showSelectionSheet } from "./selection-sheet.jsx";
 export { useSelectionModel } from "./use-selection-model.jsx";
+export { computeSelectionWindow, g9SelectionGrowThreshold, g9SelectionMaxRenderedRows, g9SelectionRowPageSize, nextSelectionLimit } from "./window.jsx";

package/dist/selection/selection-sheet.d.ts

@@ -1,6 +1,6 @@
 import './selection.css';
 import { type G9TextInputDirection } from '@g9tm/lynxcontrols-foundation';
-import type { G9SelectionItem } from '../base/selection-item.js';
+import { type G9SelectionItem } from '../base/selection-item.js';
 import { type G9SheetOptions } from '../sheet/options.js';
 import type { G9SheetService } from '../sheet/service.js';
 /** MAUI `G9SelectionSheet.EagerBuildItemLimit`: lists up to 40 items are built at once; longer lists defer. */
@@ -45,9 +45,16 @@ export interface G9SelectionSheetRequest<T extends G9SelectionItem> {
     readonly resetSelection?: ReadonlyArray<T> | null;
     /** Count pill label (multi). Default `"{n} {selected}"`. */
     readonly countLabel?: (count: number) => string;
+    /**
+     * Multi: Done stays disabled until at least this many items are ticked (MAUI `minimumSelected`, G9MAUIControls 1.4.7) —
+     * the sheet never closes on an answer the caller would refuse and reopen. Default 0.
+     */
+    readonly minimumSelected?: number;
     /** Extra sheet options (merged over the defaults). */
     readonly options?: G9SheetOptions;
 }
+/** Placeholder rows: no more than the tallest selection sheet can show (MAUI 1.4.8 `SkeletonRowCap`). */
+export declare const g9SelectionSkeletonRowCap: number;
 /**
  * Shows the selection sheet (MAUI `G9SelectionSheet.ShowForResultAsync`): a fit sheet with a header (title near the
  * close button), optional search (150 ms debounce, text match, hidden selected rows stay selected), rows with icon or

package/dist/selection/selection-sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-sheet.d.ts","sourceRoot":"","sources":["../../src/selection/selection-sheet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"selection-sheet.d.ts","sourceRoot":"","sources":["../../src/selection/selection-sheet.tsx"],"names":[],"mappings":"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"}

package/dist/selection/selection-sheet.jsx

@@ -1,8 +1,9 @@
 import "./selection.css";
-import { G9StringKey, formatColor, withAlpha } from "@g9tm/lynxcontrols-foundation";
+import { G9Metrics, G9StringKey, formatColor, withAlpha } from "@g9tm/lynxcontrols-foundation";
 import { useEffect, useRef, useState, useSyncExternalStore } from "@lynx-js/react";
 import { g9ChildId, g9RowStyle, g9TextStart } from "../base/control.jsx";
 import { useG9Press } from "../base/press.jsx";
+import { isAvatarImage } from "../base/selection-item.jsx";
 import { startTimer, stopTimer } from "../base/timers.jsx";
 import { G9Button } from "../button/button.jsx";
 import { G9SearchEntry } from "../fields/search-entry.jsx";
@@ -12,6 +13,7 @@ import { G9Swatch } from "../icon/swatch.jsx";
 import { useG9Direction, useG9Settings, useG9Strings, useG9Theme } from "../provider/hooks.jsx";
 import { fitToContentSheetOptions, fullScreenWithoutHandleSheetOptions } from "../sheet/options.jsx";
 import { createSelectionModel } from "./model.jsx";
+import { computeSelectionWindow, g9SelectionGrowThreshold, g9SelectionRowPageSize, nextSelectionLimit } from "./window.jsx";
 const g9SelectionEagerBuildItemLimit = 40;
 const g9SelectionRowHeight = 52;
 const g9SelectionSearchDebounceMs = 150;
@@ -31,6 +33,7 @@ function estimateSelectionHeight(count, showSearch) {
     const chrome = (showSearch ? 64 : 0) + 18;
     return Math.min(520, Math.max(2 * g9SelectionRowHeight + chrome, count * g9SelectionRowHeight + chrome));
 }
+const g9SelectionSkeletonRowCap = Math.ceil(G9Metrics.SelectionMaxHeight / G9Metrics.SelectionRowHeight) + 1;
 function SelectionRow(props) {
     var _item_iconTintColor;
     var _item_swatchFirstColor, _item_swatchSecondColor;
@@ -49,6 +52,8 @@ function SelectionRow(props) {
         image: item.iconImage
     };
     const iconColor = null != (_item_iconTintColor = item.iconTintColor) ? _item_iconTintColor : selected ? palette.Primary : palette.TextSecondary;
+    const avatar = isAvatarImage(item);
+    const iconSize = avatar ? G9Metrics.SelectionAvatarSize : G9Metrics.SelectionIconSize;
     return <view {...props.elementId ? {
         id: props.elementId
     } : {}} className={`g9-selection-row${selected ? ' g9-selection-row--selected' : ''}`} style={selected ? {
@@ -62,7 +67,9 @@ function SelectionRow(props) {
             opacity: 0.45
         } : {}
     }}>
-        {hasIconSlot(icon) ? <G9IconSlot {...icon} size={18} color={iconColor}/> : (null == (_item_swatchFirstColor = item.swatchFirstColor) ? void 0 : _item_swatchFirstColor.trim()) || (null == (_item_swatchSecondColor = item.swatchSecondColor) ? void 0 : _item_swatchSecondColor.trim()) ? <G9Swatch first={item.swatchFirstColor} second={item.swatchSecondColor} direction={props.direction}/> : <view className="g9-selection-row__icon-gap"/>}
+        {hasIconSlot(icon) ? <G9IconSlot {...icon} size={iconSize} color={iconColor} {...avatar ? {
+        imageCornerRadius: iconSize / 2
+    } : {}}/> : (null == (_item_swatchFirstColor = item.swatchFirstColor) ? void 0 : _item_swatchFirstColor.trim()) || (null == (_item_swatchSecondColor = item.swatchSecondColor) ? void 0 : _item_swatchSecondColor.trim()) ? <G9Swatch first={item.swatchFirstColor} second={item.swatchSecondColor} direction={props.direction}/> : <view className="g9-selection-row__icon-gap"/>}
         <text className="g9-selection-row__text" text-maxline="1" style={{
         color: selected ? palette.Primary : palette.TextPrimary,
         fontWeight: selected ? 'bold' : 'normal',
@@ -93,6 +100,32 @@ function SelectionBody(props) {
         }, []);
     const visible = request.showSearch ? model.withItems(request.items).filter(applied) : request.items;
     const visibleIds = new Set(visible.map((item)=>ids[request.items.indexOf(item)]));
+    const [grown, setGrown] = useState({
+        query: applied,
+        limit: g9SelectionRowPageSize
+    });
+    const limit = grown.query === applied ? grown.limit : g9SelectionRowPageSize;
+    const shown = computeSelectionWindow(request.items.length, (i)=>visibleIds.has(ids[i]), (i)=>model.isSelected(ids[i]), limit);
+    const latest = useRef({
+        applied,
+        limit,
+        hidden: shown.hidden
+    });
+    latest.current = {
+        applied,
+        limit,
+        hidden: shown.hidden
+    };
+    useEffect(()=>props.scrolledToEnd.subscribe(()=>{
+            const now = latest.current;
+            const next = nextSelectionLimit(now.limit, now.hidden);
+            if (next !== now.limit) setGrown({
+                query: now.applied,
+                limit: next
+            });
+        }), [
+        props.scrolledToEnd
+    ]);
     const dir = 'leftToRight' === request.itemTextDirection ? 'ltr' : 'rightToLeft' === request.itemTextDirection ? 'rtl' : parentDir;
     const multiple = true === request.allowMultiple;
     const onQuery = (value)=>{
@@ -116,15 +149,16 @@ function SelectionBody(props) {
       {request.showSearch ? <view className="g9-selection__search">
           <G9TextEntry placeholder={strings.get(G9StringKey.Search)} leadingIcon="search" value={query} onValueChange={onQuery}/>
         </view> : null}
-      {visible.length > 0 ? <view className="g9-selection__items">
-          {request.items.map((item, i)=>{
+      {shown.indices.length > 0 ? <view className="g9-selection__items">
+          {shown.indices.map((i)=>{
         var _item_key;
         var _request_options;
         const id = ids[i];
-        if (!visibleIds.has(id)) return null;
+        const item = request.items[i];
         return <SelectionRow key={id} item={item} elementId={g9ChildId(null == (_request_options = request.options) ? void 0 : _request_options.automationId, `Item_${null != (_item_key = item.key) ? _item_key : i}`)} selected={model.isSelected(id)} direction={dir} onTap={()=>tap(id)}/>;
     })}
         </view> : null}
+      {shown.hidden > 0 ? <text className="g9-selection__more">{strings.format(G9StringKey.MoreResultsFormat, shown.hidden)}</text> : null}
       {0 === visible.length ? <text className="g9-selection__empty">{null != (_request_emptyText = request.emptyText) ? _request_emptyText : strings.get(G9StringKey.NoResults)}</text> : null}
     </view>;
 }
@@ -152,6 +186,7 @@ function showSelectionSheet(sheets, request) {
         isEnabled: (item)=>false !== item.isEnabled
     });
     return new Promise((resolve)=>{
+        var _request_minimumSelected;
         let draft = initial;
         const draftListeners = new Set();
         const draftStore = {
@@ -193,7 +228,16 @@ function showSelectionSheet(sheets, request) {
             null == handle || handle.close();
         };
         const reset = request.resetSelection && request.resetSelection.length > 0 ? request.resetSelection : null;
-        const body = ()=><SelectionBody request={request} ids={ids} initial={initial} done={done} onDraft={(m)=>{
+        const endListeners = new Set();
+        const scrolledToEnd = {
+            subscribe: (l)=>{
+                endListeners.add(l);
+                return ()=>{
+                    endListeners.delete(l);
+                };
+            }
+        };
+        const body = ()=><SelectionBody request={request} ids={ids} initial={initial} done={done} scrolledToEnd={scrolledToEnd} onDraft={(m)=>{
                 draft = m;
                 for (const l of [
                     ...draftListeners
@@ -204,16 +248,25 @@ function showSelectionSheet(sheets, request) {
             deferContent: items.length > g9SelectionEagerBuildItemLimit,
             deferredLoadingPlaceholderHeight: estimateSelectionHeight(items.length, true === request.showSearch),
             loadingSkeleton: 'listRows',
-            loadingSkeletonRowCount: items.length,
+            loadingSkeletonRowCount: Math.min(items.length, g9SelectionSkeletonRowCap),
+            onScrollToEnd: ()=>{
+                for (const l of [
+                    ...endListeners
+                ])l();
+            },
+            scrollToEndThreshold: g9SelectionGrowThreshold,
             backgroundColor: 'var(--g9-surface)',
             showToolbar: true,
             showCloseButton: true,
             title: request.title,
             headerTitlePlacement: 'nearBack',
             ...multiple || reset ? {
-                headerTrailingView: <SelectionHeaderActions multiple={multiple} draft={draftStore} {...request.countLabel ? {
+                headerTrailingView: <SelectionHeaderActions multiple={multiple} draft={draftStore} minimum={Math.max(0, null != (_request_minimumSelected = request.minimumSelected) ? _request_minimumSelected : 0)} {...request.countLabel ? {
                     countLabel: request.countLabel
-                } : {}} onDone={()=>complete(draft.selectedKeys, true)} {...reset ? {
+                } : {}} onDone={()=>{
+                    var _request_minimumSelected;
+                    if (draft.selectedKeys.length >= Math.max(0, null != (_request_minimumSelected = request.minimumSelected) ? _request_minimumSelected : 0)) complete(draft.selectedKeys, true);
+                }} {...reset ? {
                     onReset: ()=>{
                         settle([], true, reset);
                         null == handle || handle.close();
@@ -242,7 +295,7 @@ function SelectionHeaderActions(props) {
             {props.countLabel ? props.countLabel(n) : `${n} ${strings.get(G9StringKey.Selected)}`}
           </text>
         </view> : null}
-      {props.multiple ? <G9Button text={strings.get(G9StringKey.Done)} variant="text" size="small" onPress={props.onDone}/> : null}
+      {props.multiple ? <G9Button text={strings.get(G9StringKey.Done)} variant="text" size="small" disabled={n < props.minimum} onPress={props.onDone}/> : null}
     </view>;
 }
 function showListSheet(sheets, request) {
@@ -363,6 +416,6 @@ function ListPickerRow(props) {
       </text>
     </view>;
 }
-export { estimateSelectionHeight, g9SelectionCloseDelayMs, g9SelectionEagerBuildItemLimit, g9SelectionRowHeight, g9SelectionSearchDebounceMs, selectionIdentities, showListSheet, showSelectionSheet };
+export { estimateSelectionHeight, g9SelectionCloseDelayMs, g9SelectionEagerBuildItemLimit, g9SelectionRowHeight, g9SelectionSearchDebounceMs, g9SelectionSkeletonRowCap, selectionIdentities, showListSheet, showSelectionSheet };
 
 //# sourceMappingURL=selection-sheet.jsx.map