@g9tm/lynxcontrols 1.4.7 → 1.4.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.tsbuildinfo +1 -1
- package/dist/base/index.d.ts +1 -1
- package/dist/base/index.d.ts.map +1 -1
- package/dist/base/index.jsx +1 -1
- package/dist/base/selection-item.d.ts +9 -1
- package/dist/base/selection-item.d.ts.map +1 -1
- package/dist/base/selection-item.jsx +10 -1
- package/dist/base/selection-item.jsx.map +1 -1
- package/dist/button/button.css +20 -0
- package/dist/button/button.css.map +1 -1
- package/dist/button/header-action-button.d.ts +5 -0
- package/dist/button/header-action-button.d.ts.map +1 -1
- package/dist/button/header-action-button.jsx +6 -1
- package/dist/button/header-action-button.jsx.map +1 -1
- package/dist/button/visuals.d.ts.map +1 -1
- package/dist/button/visuals.jsx +1 -1
- package/dist/button/visuals.jsx.map +1 -1
- package/dist/fields/editor.d.ts.map +1 -1
- package/dist/fields/editor.jsx +2 -2
- package/dist/fields/editor.jsx.map +1 -1
- package/dist/fields/fields.css +21 -0
- package/dist/fields/fields.css.map +1 -1
- package/dist/fields/index.d.ts +1 -1
- package/dist/fields/index.d.ts.map +1 -1
- package/dist/fields/index.jsx +1 -1
- package/dist/fields/outlined-field.d.ts +27 -1
- package/dist/fields/outlined-field.d.ts.map +1 -1
- package/dist/fields/outlined-field.jsx +29 -2
- package/dist/fields/outlined-field.jsx.map +1 -1
- package/dist/fields/text-entry.d.ts.map +1 -1
- package/dist/fields/text-entry.jsx +2 -2
- package/dist/fields/text-entry.jsx.map +1 -1
- package/dist/pickers/combo-box.d.ts +8 -0
- package/dist/pickers/combo-box.d.ts.map +1 -1
- package/dist/pickers/combo-box.jsx +51 -9
- package/dist/pickers/combo-box.jsx.map +1 -1
- package/dist/pickers/date-time-picker.d.ts +2 -2
- package/dist/pickers/date-time-picker.d.ts.map +1 -1
- package/dist/pickers/date-time-picker.jsx +4 -3
- package/dist/pickers/date-time-picker.jsx.map +1 -1
- package/dist/pickers/date-time.d.ts +5 -2
- package/dist/pickers/date-time.d.ts.map +1 -1
- package/dist/pickers/date-time.jsx +1 -1
- package/dist/pickers/date-time.jsx.map +1 -1
- package/dist/pickers/picker-sheet.d.ts +6 -2
- package/dist/pickers/picker-sheet.d.ts.map +1 -1
- package/dist/pickers/picker-sheet.jsx +2 -3
- package/dist/pickers/picker-sheet.jsx.map +1 -1
- package/dist/pickers/picker.d.ts.map +1 -1
- package/dist/pickers/picker.jsx +3 -2
- package/dist/pickers/picker.jsx.map +1 -1
- package/dist/pickers/pickers.css +27 -0
- package/dist/pickers/pickers.css.map +1 -1
- package/dist/pickers/timespan-picker.d.ts.map +1 -1
- package/dist/pickers/timespan-picker.jsx +3 -2
- package/dist/pickers/timespan-picker.jsx.map +1 -1
- package/dist/pickers/trigger.d.ts +3 -1
- package/dist/pickers/trigger.d.ts.map +1 -1
- package/dist/pickers/trigger.jsx +6 -1
- package/dist/pickers/trigger.jsx.map +1 -1
- package/dist/provider/settings.d.ts +12 -0
- package/dist/provider/settings.d.ts.map +1 -1
- package/dist/provider/settings.jsx +6 -3
- package/dist/provider/settings.jsx.map +1 -1
- package/dist/provider/theme.css +4 -0
- package/dist/provider/theme.css.map +1 -1
- package/dist/range-slider/math.d.ts +14 -4
- package/dist/range-slider/math.d.ts.map +1 -1
- package/dist/range-slider/math.jsx +16 -4
- package/dist/range-slider/math.jsx.map +1 -1
- package/dist/range-slider/range-slider.css +17 -0
- package/dist/range-slider/range-slider.css.map +1 -1
- package/dist/range-slider/range-slider.d.ts +11 -0
- package/dist/range-slider/range-slider.d.ts.map +1 -1
- package/dist/range-slider/range-slider.jsx +35 -13
- package/dist/range-slider/range-slider.jsx.map +1 -1
- package/dist/selection/index.d.ts +2 -1
- package/dist/selection/index.d.ts.map +1 -1
- package/dist/selection/index.jsx +2 -1
- package/dist/selection/selection-sheet.d.ts +3 -1
- package/dist/selection/selection-sheet.d.ts.map +1 -1
- package/dist/selection/selection-sheet.jsx +57 -8
- package/dist/selection/selection-sheet.jsx.map +1 -1
- package/dist/selection/selection.css +7 -0
- package/dist/selection/selection.css.map +1 -1
- package/dist/selection/window.d.ts +29 -0
- package/dist/selection/window.d.ts.map +1 -0
- package/dist/selection/window.jsx +24 -0
- package/dist/selection/window.jsx.map +1 -0
- package/dist/sheet/frame.d.ts.map +1 -1
- package/dist/sheet/frame.jsx +8 -4
- package/dist/sheet/frame.jsx.map +1 -1
- package/dist/sheet/header.d.ts.map +1 -1
- package/dist/sheet/header.jsx +3 -1
- package/dist/sheet/header.jsx.map +1 -1
- package/dist/sheet/index.d.ts +1 -1
- package/dist/sheet/index.d.ts.map +1 -1
- package/dist/sheet/index.jsx +1 -1
- package/dist/sheet/options.d.ts +20 -0
- package/dist/sheet/options.d.ts.map +1 -1
- package/dist/sheet/options.jsx +2 -1
- package/dist/sheet/options.jsx.map +1 -1
- package/dist/sheet/service.d.ts +8 -0
- package/dist/sheet/service.d.ts.map +1 -1
- package/dist/sheet/service.jsx +15 -4
- package/dist/sheet/service.jsx.map +1 -1
- package/dist/sheet/sizing.d.ts +2 -0
- package/dist/sheet/sizing.d.ts.map +1 -1
- package/dist/sheet/sizing.jsx +2 -1
- package/dist/sheet/sizing.jsx.map +1 -1
- package/dist/toggle/chip-group.d.ts +9 -1
- package/dist/toggle/chip-group.d.ts.map +1 -1
- package/dist/toggle/chip-group.jsx +51 -12
- package/dist/toggle/chip-group.jsx.map +1 -1
- package/dist/toggle/switch.d.ts +1 -1
- package/dist/toggle/switch.d.ts.map +1 -1
- package/dist/toggle/switch.jsx +3 -2
- package/dist/toggle/switch.jsx.map +1 -1
- package/dist/toggle/toggle.css +20 -0
- package/dist/toggle/toggle.css.map +1 -1
- package/package.json +2 -2
|
@@ -1 +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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"}
|
|
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 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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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export type { G9SelectionItem } from '../base/selection-item.js';
|
|
2
2
|
export { createSelectionModel, foldSearchText, type G9SelectionMode, type G9SelectionModel, type G9SelectionModelOptions, } from './model.js';
|
|
3
|
-
export { estimateSelectionHeight, type G9ListSheetRequest, type G9SelectionSheetRequest, type G9SelectionSheetResult, g9SelectionCloseDelayMs, g9SelectionEagerBuildItemLimit, g9SelectionRowHeight, g9SelectionSearchDebounceMs, selectionIdentities, showListSheet, showSelectionSheet, } from './selection-sheet.js';
|
|
3
|
+
export { estimateSelectionHeight, type G9ListSheetRequest, type G9SelectionSheetRequest, type G9SelectionSheetResult, g9SelectionCloseDelayMs, g9SelectionEagerBuildItemLimit, g9SelectionRowHeight, g9SelectionSearchDebounceMs, g9SelectionSkeletonRowCap, selectionIdentities, showListSheet, showSelectionSheet, } from './selection-sheet.js';
|
|
4
4
|
export { type G9SelectionModelHookOptions, useSelectionModel } from './use-selection-model.js';
|
|
5
|
+
export { computeSelectionWindow, type G9SelectionWindow, g9SelectionGrowThreshold, g9SelectionMaxRenderedRows, g9SelectionRowPageSize, nextSelectionLimit, } from './window.js';
|
|
5
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +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"}
|
|
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,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
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export { createSelectionModel, foldSearchText } from "./model.jsx";
|
|
2
|
-
export { estimateSelectionHeight, g9SelectionCloseDelayMs, g9SelectionEagerBuildItemLimit, g9SelectionRowHeight, g9SelectionSearchDebounceMs, selectionIdentities, showListSheet, showSelectionSheet } from "./selection-sheet.jsx";
|
|
2
|
+
export { estimateSelectionHeight, g9SelectionCloseDelayMs, g9SelectionEagerBuildItemLimit, g9SelectionRowHeight, g9SelectionSearchDebounceMs, g9SelectionSkeletonRowCap, selectionIdentities, showListSheet, showSelectionSheet } from "./selection-sheet.jsx";
|
|
3
3
|
export { useSelectionModel } from "./use-selection-model.jsx";
|
|
4
|
+
export { computeSelectionWindow, g9SelectionGrowThreshold, g9SelectionMaxRenderedRows, g9SelectionRowPageSize, nextSelectionLimit } from "./window.jsx";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './selection.css';
|
|
2
2
|
import { type G9TextInputDirection } from '@g9tm/lynxcontrols-foundation';
|
|
3
|
-
import type
|
|
3
|
+
import { type G9SelectionItem } from '../base/selection-item.js';
|
|
4
4
|
import { type G9SheetOptions } from '../sheet/options.js';
|
|
5
5
|
import type { G9SheetService } from '../sheet/service.js';
|
|
6
6
|
/** MAUI `G9SelectionSheet.EagerBuildItemLimit`: lists up to 40 items are built at once; longer lists defer. */
|
|
@@ -53,6 +53,8 @@ export interface G9SelectionSheetRequest<T extends G9SelectionItem> {
|
|
|
53
53
|
/** Extra sheet options (merged over the defaults). */
|
|
54
54
|
readonly options?: G9SheetOptions;
|
|
55
55
|
}
|
|
56
|
+
/** Placeholder rows: no more than the tallest selection sheet can show (MAUI 1.4.8 `SkeletonRowCap`). */
|
|
57
|
+
export declare const g9SelectionSkeletonRowCap: number;
|
|
56
58
|
/**
|
|
57
59
|
* Shows the selection sheet (MAUI `G9SelectionSheet.ShowForResultAsync`): a fit sheet with a header (title near the
|
|
58
60
|
* close button), optional search (150 ms debounce, text match, hidden selected rows stay selected), rows with icon or
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection-sheet.d.ts","sourceRoot":"","sources":["../../src/selection/selection-sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AACzB,OAAO,
|
|
1
|
+
{"version":3,"file":"selection-sheet.d.ts","sourceRoot":"","sources":["../../src/selection/selection-sheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import "./selection.css";
|
|
2
|
-
import { G9StringKey, formatColor, withAlpha } from "@g9tm/lynxcontrols-foundation";
|
|
2
|
+
import { G9Metrics, G9StringKey, formatColor, withAlpha } from "@g9tm/lynxcontrols-foundation";
|
|
3
3
|
import { useEffect, useRef, useState, useSyncExternalStore } from "@lynx-js/react";
|
|
4
4
|
import { g9ChildId, g9RowStyle, g9TextStart } from "../base/control.jsx";
|
|
5
5
|
import { useG9Press } from "../base/press.jsx";
|
|
6
|
+
import { isAvatarImage } from "../base/selection-item.jsx";
|
|
6
7
|
import { startTimer, stopTimer } from "../base/timers.jsx";
|
|
7
8
|
import { G9Button } from "../button/button.jsx";
|
|
8
9
|
import { G9SearchEntry } from "../fields/search-entry.jsx";
|
|
@@ -12,6 +13,7 @@ import { G9Swatch } from "../icon/swatch.jsx";
|
|
|
12
13
|
import { useG9Direction, useG9Settings, useG9Strings, useG9Theme } from "../provider/hooks.jsx";
|
|
13
14
|
import { fitToContentSheetOptions, fullScreenWithoutHandleSheetOptions } from "../sheet/options.jsx";
|
|
14
15
|
import { createSelectionModel } from "./model.jsx";
|
|
16
|
+
import { computeSelectionWindow, g9SelectionGrowThreshold, g9SelectionRowPageSize, nextSelectionLimit } from "./window.jsx";
|
|
15
17
|
const g9SelectionEagerBuildItemLimit = 40;
|
|
16
18
|
const g9SelectionRowHeight = 52;
|
|
17
19
|
const g9SelectionSearchDebounceMs = 150;
|
|
@@ -31,6 +33,7 @@ function estimateSelectionHeight(count, showSearch) {
|
|
|
31
33
|
const chrome = (showSearch ? 64 : 0) + 18;
|
|
32
34
|
return Math.min(520, Math.max(2 * g9SelectionRowHeight + chrome, count * g9SelectionRowHeight + chrome));
|
|
33
35
|
}
|
|
36
|
+
const g9SelectionSkeletonRowCap = Math.ceil(G9Metrics.SelectionMaxHeight / G9Metrics.SelectionRowHeight) + 1;
|
|
34
37
|
function SelectionRow(props) {
|
|
35
38
|
var _item_iconTintColor;
|
|
36
39
|
var _item_swatchFirstColor, _item_swatchSecondColor;
|
|
@@ -49,6 +52,8 @@ function SelectionRow(props) {
|
|
|
49
52
|
image: item.iconImage
|
|
50
53
|
};
|
|
51
54
|
const iconColor = null != (_item_iconTintColor = item.iconTintColor) ? _item_iconTintColor : selected ? palette.Primary : palette.TextSecondary;
|
|
55
|
+
const avatar = isAvatarImage(item);
|
|
56
|
+
const iconSize = avatar ? G9Metrics.SelectionAvatarSize : G9Metrics.SelectionIconSize;
|
|
52
57
|
return <view {...props.elementId ? {
|
|
53
58
|
id: props.elementId
|
|
54
59
|
} : {}} className={`g9-selection-row${selected ? ' g9-selection-row--selected' : ''}`} style={selected ? {
|
|
@@ -62,7 +67,9 @@ function SelectionRow(props) {
|
|
|
62
67
|
opacity: 0.45
|
|
63
68
|
} : {}
|
|
64
69
|
}}>
|
|
65
|
-
{hasIconSlot(icon) ? <G9IconSlot {...icon} size={
|
|
70
|
+
{hasIconSlot(icon) ? <G9IconSlot {...icon} size={iconSize} color={iconColor} {...avatar ? {
|
|
71
|
+
imageCornerRadius: iconSize / 2
|
|
72
|
+
} : {}}/> : (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"/>}
|
|
66
73
|
<text className="g9-selection-row__text" text-maxline="1" style={{
|
|
67
74
|
color: selected ? palette.Primary : palette.TextPrimary,
|
|
68
75
|
fontWeight: selected ? 'bold' : 'normal',
|
|
@@ -93,6 +100,32 @@ function SelectionBody(props) {
|
|
|
93
100
|
}, []);
|
|
94
101
|
const visible = request.showSearch ? model.withItems(request.items).filter(applied) : request.items;
|
|
95
102
|
const visibleIds = new Set(visible.map((item)=>ids[request.items.indexOf(item)]));
|
|
103
|
+
const [grown, setGrown] = useState({
|
|
104
|
+
query: applied,
|
|
105
|
+
limit: g9SelectionRowPageSize
|
|
106
|
+
});
|
|
107
|
+
const limit = grown.query === applied ? grown.limit : g9SelectionRowPageSize;
|
|
108
|
+
const shown = computeSelectionWindow(request.items.length, (i)=>visibleIds.has(ids[i]), (i)=>model.isSelected(ids[i]), limit);
|
|
109
|
+
const latest = useRef({
|
|
110
|
+
applied,
|
|
111
|
+
limit,
|
|
112
|
+
hidden: shown.hidden
|
|
113
|
+
});
|
|
114
|
+
latest.current = {
|
|
115
|
+
applied,
|
|
116
|
+
limit,
|
|
117
|
+
hidden: shown.hidden
|
|
118
|
+
};
|
|
119
|
+
useEffect(()=>props.scrolledToEnd.subscribe(()=>{
|
|
120
|
+
const now = latest.current;
|
|
121
|
+
const next = nextSelectionLimit(now.limit, now.hidden);
|
|
122
|
+
if (next !== now.limit) setGrown({
|
|
123
|
+
query: now.applied,
|
|
124
|
+
limit: next
|
|
125
|
+
});
|
|
126
|
+
}), [
|
|
127
|
+
props.scrolledToEnd
|
|
128
|
+
]);
|
|
96
129
|
const dir = 'leftToRight' === request.itemTextDirection ? 'ltr' : 'rightToLeft' === request.itemTextDirection ? 'rtl' : parentDir;
|
|
97
130
|
const multiple = true === request.allowMultiple;
|
|
98
131
|
const onQuery = (value)=>{
|
|
@@ -116,15 +149,16 @@ function SelectionBody(props) {
|
|
|
116
149
|
{request.showSearch ? <view className="g9-selection__search">
|
|
117
150
|
<G9TextEntry placeholder={strings.get(G9StringKey.Search)} leadingIcon="search" value={query} onValueChange={onQuery}/>
|
|
118
151
|
</view> : null}
|
|
119
|
-
{
|
|
120
|
-
{
|
|
152
|
+
{shown.indices.length > 0 ? <view className="g9-selection__items">
|
|
153
|
+
{shown.indices.map((i)=>{
|
|
121
154
|
var _item_key;
|
|
122
155
|
var _request_options;
|
|
123
156
|
const id = ids[i];
|
|
124
|
-
|
|
157
|
+
const item = request.items[i];
|
|
125
158
|
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)}/>;
|
|
126
159
|
})}
|
|
127
160
|
</view> : null}
|
|
161
|
+
{shown.hidden > 0 ? <text className="g9-selection__more">{strings.format(G9StringKey.MoreResultsFormat, shown.hidden)}</text> : null}
|
|
128
162
|
{0 === visible.length ? <text className="g9-selection__empty">{null != (_request_emptyText = request.emptyText) ? _request_emptyText : strings.get(G9StringKey.NoResults)}</text> : null}
|
|
129
163
|
</view>;
|
|
130
164
|
}
|
|
@@ -194,7 +228,16 @@ function showSelectionSheet(sheets, request) {
|
|
|
194
228
|
null == handle || handle.close();
|
|
195
229
|
};
|
|
196
230
|
const reset = request.resetSelection && request.resetSelection.length > 0 ? request.resetSelection : null;
|
|
197
|
-
const
|
|
231
|
+
const endListeners = new Set();
|
|
232
|
+
const scrolledToEnd = {
|
|
233
|
+
subscribe: (l)=>{
|
|
234
|
+
endListeners.add(l);
|
|
235
|
+
return ()=>{
|
|
236
|
+
endListeners.delete(l);
|
|
237
|
+
};
|
|
238
|
+
}
|
|
239
|
+
};
|
|
240
|
+
const body = ()=><SelectionBody request={request} ids={ids} initial={initial} done={done} scrolledToEnd={scrolledToEnd} onDraft={(m)=>{
|
|
198
241
|
draft = m;
|
|
199
242
|
for (const l of [
|
|
200
243
|
...draftListeners
|
|
@@ -205,7 +248,13 @@ function showSelectionSheet(sheets, request) {
|
|
|
205
248
|
deferContent: items.length > g9SelectionEagerBuildItemLimit,
|
|
206
249
|
deferredLoadingPlaceholderHeight: estimateSelectionHeight(items.length, true === request.showSearch),
|
|
207
250
|
loadingSkeleton: 'listRows',
|
|
208
|
-
loadingSkeletonRowCount: items.length,
|
|
251
|
+
loadingSkeletonRowCount: Math.min(items.length, g9SelectionSkeletonRowCap),
|
|
252
|
+
onScrollToEnd: ()=>{
|
|
253
|
+
for (const l of [
|
|
254
|
+
...endListeners
|
|
255
|
+
])l();
|
|
256
|
+
},
|
|
257
|
+
scrollToEndThreshold: g9SelectionGrowThreshold,
|
|
209
258
|
backgroundColor: 'var(--g9-surface)',
|
|
210
259
|
showToolbar: true,
|
|
211
260
|
showCloseButton: true,
|
|
@@ -367,6 +416,6 @@ function ListPickerRow(props) {
|
|
|
367
416
|
</text>
|
|
368
417
|
</view>;
|
|
369
418
|
}
|
|
370
|
-
export { estimateSelectionHeight, g9SelectionCloseDelayMs, g9SelectionEagerBuildItemLimit, g9SelectionRowHeight, g9SelectionSearchDebounceMs, selectionIdentities, showListSheet, showSelectionSheet };
|
|
419
|
+
export { estimateSelectionHeight, g9SelectionCloseDelayMs, g9SelectionEagerBuildItemLimit, g9SelectionRowHeight, g9SelectionSearchDebounceMs, g9SelectionSkeletonRowCap, selectionIdentities, showListSheet, showSelectionSheet };
|
|
371
420
|
|
|
372
421
|
//# sourceMappingURL=selection-sheet.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection/selection-sheet.jsx","sources":["../../src/selection/selection-sheet.tsx"],"sourcesContent":["import './selection.css';\nimport { formatColor, G9StringKey, type G9TextInputDirection, withAlpha } from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useEffect, useRef, useState, useSyncExternalStore } from '@lynx-js/react';\nimport { g9ChildId, g9RowStyle, g9TextStart } from '../base/control';\nimport { useG9Press } from '../base/press';\nimport type { G9SelectionItem } from '../base/selection-item';\nimport { type G9TimerHandle, startTimer, stopTimer } from '../base/timers';\nimport { G9Button } from '../button/button';\nimport { G9SearchEntry } from '../fields/search-entry';\nimport { G9TextEntry } from '../fields/text-entry';\nimport { G9IconSlot, hasIconSlot } from '../icon/slot';\nimport { G9Swatch } from '../icon/swatch';\nimport { useG9Direction, useG9Settings, useG9Strings, useG9Theme } from '../provider/hooks';\nimport { fitToContentSheetOptions, fullScreenWithoutHandleSheetOptions, type G9SheetOptions } from '../sheet/options';\nimport type { G9SheetService } from '../sheet/service';\nimport type { G9SheetHandle } from '../sheet/stack';\nimport { createSelectionModel, type G9SelectionModel } from './model';\n\n/** MAUI `G9SelectionSheet.EagerBuildItemLimit`: lists up to 40 items are built at once; longer lists defer. */\nexport const g9SelectionEagerBuildItemLimit = 40;\n/** Row height of the selection sheet (MAUI 52). */\nexport const g9SelectionRowHeight = 52;\n/** Search debounce of the selection sheet (MAUI 150 ms). */\nexport const g9SelectionSearchDebounceMs = 150;\n/** Wait after a close-on-select pick before closing (MAUI 120 ms). */\nexport const g9SelectionCloseDelayMs = 120;\n\n/** The outcome of a selection sheet (MAUI `G9SelectionSheetResult`). */\nexport interface G9SelectionSheetResult<T extends G9SelectionItem = G9SelectionItem> {\n /** A pick on a close-on-select sheet, Done, or Reset; `false` for every dismissal. */\n readonly wasAccepted: boolean;\n /** The selection differs from the opening one. */\n readonly selectionChanged: boolean;\n /** The final selection (opening items that are not listed or disabled stay unless deselected). */\n readonly items: ReadonlyArray<T>;\n}\n\n/**\n * The selection identity of an item inside one list (MAUI `G9SelectionSheet.KeyOf`): `k:<key>` when the key is set,\n * else `t:<text>` when the text is unique among key-less items, else the position (`i:<n>`). Keys and texts never\n * match each other.\n */\nexport function selectionIdentities(items: ReadonlyArray<G9SelectionItem>): string[] {\n const counts = new Map<string, number>();\n for (const item of items) {\n if (item.key == null || item.key.trim() === '') counts.set(item.text, (counts.get(item.text) ?? 0) + 1);\n }\n return items.map((item, i) =>\n item.key != null && item.key.trim() !== ''\n ? `k:${item.key}`\n : (counts.get(item.text) ?? 0) > 1\n ? `i:${i}`\n : `t:${item.text}`,\n );\n}\n\n/** Estimated body height (MAUI `EstimateContentHeight`): rows × 52 + chrome, clamped to [2 rows + chrome, 520]. */\nexport function estimateSelectionHeight(count: number, showSearch: boolean): number {\n const chrome = (showSearch ? 64 : 0) + 18;\n return Math.min(520, Math.max(2 * g9SelectionRowHeight + chrome, count * g9SelectionRowHeight + chrome));\n}\n\n/** Arguments of {@link showSelectionSheet} (MAUI `ShowForResultAsync`). */\nexport interface G9SelectionSheetRequest<T extends G9SelectionItem> {\n readonly title: string;\n readonly items: ReadonlyArray<T>;\n readonly selectedItems?: ReadonlyArray<T>;\n readonly allowMultiple?: boolean;\n /** Single mode: a pick completes and closes after 120 ms. Default true. */\n readonly closeOnSingleSelection?: boolean;\n readonly showSearch?: boolean;\n /** No-results text. Default the `noResults` string. */\n readonly emptyText?: string | null;\n /** Row text direction. Default `'matchParent'`. */\n readonly itemTextDirection?: G9TextInputDirection;\n /** A non-empty reset selection adds a Reset toolbar item that completes with it. */\n readonly resetSelection?: ReadonlyArray<T> | null;\n /** Count pill label (multi). Default `\"{n} {selected}\"`. */\n readonly countLabel?: (count: number) => string;\n /**\n * Multi: Done stays disabled until at least this many items are ticked (MAUI `minimumSelected`, G9MAUIControls 1.4.7) —\n * the sheet never closes on an answer the caller would refuse and reopen. Default 0.\n */\n readonly minimumSelected?: number;\n /** Extra sheet options (merged over the defaults). */\n readonly options?: G9SheetOptions;\n}\n\ninterface BodyProps<T extends G9SelectionItem> {\n readonly request: G9SelectionSheetRequest<T>;\n readonly ids: ReadonlyArray<string>;\n readonly initial: G9SelectionModel<T>;\n readonly onComplete: (keys: ReadonlyArray<string>, accepted: boolean) => void;\n readonly onDraft: (model: G9SelectionModel<T>) => void;\n readonly done: { current: boolean };\n}\n\nfunction SelectionRow(props: {\n readonly item: G9SelectionItem;\n /** Element id (`${sheet automationId}_Item_${key}`), so automation finds the row like a person sees it. */\n readonly elementId?: string | undefined;\n readonly selected: boolean;\n readonly direction: 'ltr' | 'rtl';\n readonly onTap: () => void;\n}): ReactNode {\n const palette = useG9Theme().palette;\n const glyphs = useG9Settings().glyphs;\n const { item, selected } = props;\n const press = useG9Press(props.onTap, { blocked: item.isEnabled === false, source: 'G9SelectionSheet', guardMs: 0 });\n const icon = { emoji: item.emoji, icon: item.icon, imagePath: item.iconPath, image: item.iconImage };\n const iconColor = item.iconTintColor ?? (selected ? palette.Primary : palette.TextSecondary);\n return (\n <view\n {...(props.elementId ? { id: props.elementId } : {})}\n className={`g9-selection-row${selected ? ' g9-selection-row--selected' : ''}`}\n style={selected ? { backgroundColor: formatColor(withAlpha(palette.Primary, 0.1)) } : {}}\n accessibility-element={true}\n accessibility-traits=\"button\"\n accessibility-label={item.text}\n {...(selected ? { 'accessibility-value': 'selected' } : {})}\n bindtap={press}\n >\n <view\n className={`g9-selection-row__inner g9-dir-${props.direction}`}\n style={{ ...g9RowStyle(props.direction), ...(item.isEnabled === false ? { opacity: 0.45 } : {}) }}\n >\n {hasIconSlot(icon) ? (\n <G9IconSlot {...icon} size={18} color={iconColor} />\n ) : item.swatchFirstColor?.trim() || item.swatchSecondColor?.trim() ? (\n <G9Swatch first={item.swatchFirstColor} second={item.swatchSecondColor} direction={props.direction} />\n ) : (\n // MAUI's row is a Grid of ColumnSpacing 12 whose icon column stays when empty: its spacing still sits before\n // the text, so an icon-less row's text starts 16 + 12 dp in, level with nothing but the same in every picker.\n <view className=\"g9-selection-row__icon-gap\" />\n )}\n <text\n className=\"g9-selection-row__text\"\n text-maxline=\"1\"\n style={{\n color: selected ? palette.Primary : palette.TextPrimary,\n fontWeight: selected ? 'bold' : 'normal',\n ...g9TextStart(props.direction),\n }}\n >\n {item.text}\n </text>\n <view style={{ opacity: selected ? 1 : 0 }}>\n <G9IconSlot icon={glyphs.check} size={18} color={palette.Primary} />\n </view>\n </view>\n </view>\n );\n}\n\nfunction SelectionBody<T extends G9SelectionItem>(props: BodyProps<T>): ReactNode {\n const strings = useG9Strings();\n const parentDir = useG9Direction();\n const { request, ids } = props;\n const [model, setModel] = useState(props.initial);\n const [query, setQuery] = useState('');\n const [applied, setApplied] = useState('');\n const timer = useRef<G9TimerHandle | null>(null);\n const picking = useRef(false);\n useEffect(\n () => () => {\n if (timer.current !== null) stopTimer(timer.current);\n },\n [],\n );\n const visible = request.showSearch ? model.withItems(request.items).filter(applied) : request.items;\n const visibleIds = new Set(visible.map((item) => ids[request.items.indexOf(item)]));\n const dir =\n request.itemTextDirection === 'leftToRight'\n ? 'ltr'\n : request.itemTextDirection === 'rightToLeft'\n ? 'rtl'\n : parentDir;\n const multiple = request.allowMultiple === true;\n const onQuery = (value: string) => {\n setQuery(value);\n if (timer.current !== null) stopTimer(timer.current);\n if (value.trim() === '') {\n setApplied(value);\n return;\n }\n timer.current = startTimer(() => setApplied(value), g9SelectionSearchDebounceMs);\n };\n const tap = (id: string) => {\n if (props.done.current || picking.current) return;\n const next = model.toggle(id);\n if (next === model) return;\n setModel(next);\n props.onDraft(next);\n if (!multiple && request.closeOnSingleSelection !== false) {\n picking.current = true;\n startTimer(() => props.onComplete(next.selectedKeys, true), g9SelectionCloseDelayMs);\n }\n };\n return (\n <view className=\"g9-selection\">\n {request.showSearch ? (\n <view className=\"g9-selection__search\">\n <G9TextEntry\n placeholder={strings.get(G9StringKey.Search)}\n leadingIcon=\"search\"\n value={query}\n onValueChange={onQuery}\n />\n </view>\n ) : null}\n {visible.length > 0 ? (\n <view className=\"g9-selection__items\">\n {request.items.map((item, i) => {\n const id = ids[i] as string;\n if (!visibleIds.has(id)) return null;\n return (\n <SelectionRow\n key={id}\n item={item}\n elementId={g9ChildId(request.options?.automationId, `Item_${item.key ?? i}`)}\n selected={model.isSelected(id)}\n direction={dir}\n onTap={() => tap(id)}\n />\n );\n })}\n </view>\n ) : null}\n {visible.length === 0 ? (\n <text className=\"g9-selection__empty\">{request.emptyText ?? strings.get(G9StringKey.NoResults)}</text>\n ) : null}\n </view>\n );\n}\n\n/**\n * Shows the selection sheet (MAUI `G9SelectionSheet.ShowForResultAsync`): a fit sheet with a header (title near the\n * close button), optional search (150 ms debounce, text match, hidden selected rows stay selected), rows with icon or\n * swatch, check mark and selection tint. Single mode with `closeOnSingleSelection` completes on a pick; multi mode\n * shows a count pill and Done; a reset selection adds Reset. Any dismissal resolves `wasAccepted: false` with the\n * current draft (or the opening selection when the sheet never built).\n */\nexport function showSelectionSheet<T extends G9SelectionItem>(\n sheets: G9SheetService,\n request: G9SelectionSheetRequest<T>,\n): Promise<G9SelectionSheetResult<T>> {\n const items = [...request.items];\n const ids = selectionIdentities(items);\n const opening = request.selectedItems ?? [];\n // Opening items match listed items by identity; the rest are kept as \"not listed\".\n const openingIds = selectionIdentities([...items, ...opening]).slice(items.length);\n const listedIds = new Set(ids);\n const initialKeys = openingIds.filter((id) => listedIds.has(id));\n const unlisted = opening.filter((_, i) => !listedIds.has(openingIds[i] as string));\n const multiple = request.allowMultiple === true;\n const initial = createSelectionModel<T>({\n items,\n getKey: (item) => ids[items.indexOf(item)] as string,\n getText: (item) => item.text,\n mode: multiple ? 'multiple' : 'single',\n selectedKeys: initialKeys,\n isEnabled: (item) => item.isEnabled !== false,\n });\n return new Promise((resolve) => {\n let draft = initial;\n const draftListeners = new Set<() => void>();\n const draftStore = {\n subscribe: (l: () => void) => {\n draftListeners.add(l);\n return () => {\n draftListeners.delete(l);\n };\n },\n count: () => draft.selectedKeys.length,\n };\n let settled = false;\n const done = { current: false };\n const startKeys = new Set(initialKeys);\n const collect = (keys: ReadonlyArray<string>): T[] => {\n const set = new Set(keys);\n return [...items.filter((_, i) => set.has(ids[i] as string)), ...unlisted];\n };\n const settle = (keys: ReadonlyArray<string>, accepted: boolean, explicit?: ReadonlyArray<T>) => {\n if (settled) return;\n settled = true;\n done.current = true;\n const result = explicit ?? collect(keys);\n const changed = explicit !== undefined || keys.length !== startKeys.size || keys.some((k) => !startKeys.has(k));\n resolve({ wasAccepted: accepted, selectionChanged: changed, items: result });\n };\n let handle: G9SheetHandle | null = null;\n const complete = (keys: ReadonlyArray<string>, accepted: boolean) => {\n settle(keys, accepted);\n handle?.close();\n };\n const reset = request.resetSelection && request.resetSelection.length > 0 ? request.resetSelection : null;\n const body = () => (\n <SelectionBody\n request={request}\n ids={ids}\n initial={initial}\n done={done}\n onDraft={(m) => {\n draft = m;\n for (const l of [...draftListeners]) l();\n }}\n onComplete={complete}\n />\n );\n const options: G9SheetOptions = {\n ...fitToContentSheetOptions(),\n deferContent: items.length > g9SelectionEagerBuildItemLimit,\n deferredLoadingPlaceholderHeight: estimateSelectionHeight(items.length, request.showSearch === true),\n loadingSkeleton: 'listRows',\n loadingSkeletonRowCount: items.length,\n backgroundColor: 'var(--g9-surface)',\n showToolbar: true,\n showCloseButton: true,\n title: request.title,\n headerTitlePlacement: 'nearBack',\n ...(multiple || reset\n ? {\n headerTrailingView: (\n <SelectionHeaderActions\n multiple={multiple}\n draft={draftStore}\n minimum={Math.max(0, request.minimumSelected ?? 0)}\n {...(request.countLabel ? { countLabel: request.countLabel } : {})}\n onDone={() => {\n if (draft.selectedKeys.length >= Math.max(0, request.minimumSelected ?? 0))\n complete(draft.selectedKeys, true);\n }}\n {...(reset\n ? {\n onReset: () => {\n settle([], true, reset);\n handle?.close();\n },\n }\n : {})}\n />\n ),\n }\n : {}),\n ...request.options,\n onClosed: () => {\n request.options?.onClosed?.();\n settle(draft.selectedKeys, false);\n },\n };\n handle = sheets.show(items.length > g9SelectionEagerBuildItemLimit ? body : body(), options);\n if (!handle) settle(initialKeys, false);\n });\n}\n\nfunction SelectionHeaderActions(props: {\n readonly multiple: boolean;\n readonly draft: { subscribe(listener: () => void): () => void; count(): number };\n readonly minimum: number;\n readonly countLabel?: (n: number) => string;\n readonly onDone: () => void;\n readonly onReset?: () => void;\n}): ReactNode {\n const strings = useG9Strings();\n const direction = useG9Direction();\n const n = useSyncExternalStore(props.draft.subscribe, props.draft.count);\n return (\n <view className=\"g9-selection__actions\" style={g9RowStyle(direction)}>\n {props.onReset ? (\n <G9Button text={strings.get(G9StringKey.Reset)} variant=\"text\" size=\"small\" onPress={props.onReset} />\n ) : null}\n {props.multiple && n > 0 ? (\n <view className=\"g9-selection__count\">\n <text className=\"g9-selection__count-text\">\n {props.countLabel ? props.countLabel(n) : `${n} ${strings.get(G9StringKey.Selected)}`}\n </text>\n </view>\n ) : null}\n {props.multiple ? (\n <G9Button\n text={strings.get(G9StringKey.Done)}\n variant=\"text\"\n size=\"small\"\n disabled={n < props.minimum}\n onPress={props.onDone}\n />\n ) : null}\n </view>\n );\n}\n\n/** Arguments of {@link showListSheet} (MAUI `ShowListG9BottomSheetAsync`). */\nexport interface G9ListSheetRequest<T extends G9SelectionItem> {\n readonly title: string;\n readonly items: ReadonlyArray<T>;\n readonly selected?: ReadonlyArray<T>;\n readonly multiple?: boolean;\n /** Default true. */\n readonly closeOnSingleSelection?: boolean;\n /** Shows the search field (250 ms debounce, trimmed) with this placeholder. */\n readonly searchPlaceholder?: string | null;\n /** Default full screen without a handle (MAUI). A fit-to-content `sizeMode` keeps the sheet compact. */\n readonly options?: G9SheetOptions;\n /** Apply button text (multi). Default the `save` string. */\n readonly applyButtonText?: string;\n}\n\n/**\n * The shared list picker (MAUI `ShowListG9BottomSheetAsync` / `G9BottomSheetListPickerModal`): search field with\n * placeholder, rows with a selection tint (no check mark), Apply in multi mode, close-on-select after 120 ms. Resolves\n * with the selection when it completes or closes (no accepted/dismissed distinction, as MAUI); `[]` when throttled.\n */\nexport function showListSheet<T extends G9SelectionItem>(\n sheets: G9SheetService,\n request: G9ListSheetRequest<T>,\n): Promise<T[]> {\n const items = [...request.items];\n const keyOf = (item: G9SelectionItem) => (item.key != null && item.key.trim() !== '' ? item.key : item.text);\n const multiple = request.multiple === true;\n const initial = createSelectionModel<T>({\n items,\n getKey: keyOf,\n getText: (item) => item.text,\n mode: multiple ? 'multiple' : 'single',\n selectedKeys: (request.selected ?? []).map(keyOf),\n isEnabled: (item) => item.isEnabled !== false,\n });\n return new Promise((resolve) => {\n let draft = initial;\n let settled = false;\n let handle: G9SheetHandle | null = null;\n const settle = () => {\n if (settled) return;\n settled = true;\n resolve(draft.selectedItems());\n };\n const complete = () => {\n settle();\n handle?.close();\n };\n const body = () => (\n <ListPickerBody\n request={request}\n initial={initial}\n keyOf={keyOf}\n onDraft={(m) => {\n draft = m;\n }}\n onComplete={complete}\n />\n );\n const base = request.options ?? fullScreenWithoutHandleSheetOptions();\n const fit = base.sizeMode === 'fitToContent';\n const options: G9SheetOptions = {\n ...base,\n ...(fit\n ? {}\n : {\n states: ['large'],\n currentState: 'large',\n hasHandle: false,\n isDraggable: true,\n useFullScreenLoadingPlaceholder: true,\n }),\n showToolbar: true,\n showCloseButton: true,\n title: request.title,\n headerTitlePlacement: 'nearBack',\n deferContent: true,\n onClosed: () => {\n base.onClosed?.();\n settle();\n },\n };\n handle = sheets.show(body, options);\n if (!handle) {\n settled = true;\n resolve([]);\n }\n });\n}\n\nfunction ListPickerBody<T extends G9SelectionItem>(props: {\n readonly request: G9ListSheetRequest<T>;\n readonly initial: G9SelectionModel<T>;\n readonly keyOf: (item: G9SelectionItem) => string;\n readonly onDraft: (model: G9SelectionModel<T>) => void;\n readonly onComplete: () => void;\n}): ReactNode {\n const strings = useG9Strings();\n const palette = useG9Theme().palette;\n const [model, setModel] = useState(props.initial);\n const [query, setQuery] = useState('');\n const picking = useRef(false);\n const { request } = props;\n const visible = model.filter(query, { trim: true });\n const tap = (item: T) => {\n if (picking.current || item.isEnabled === false) return;\n const next = model.toggle(props.keyOf(item));\n setModel(next);\n props.onDraft(next);\n if (!request.multiple && request.closeOnSingleSelection !== false) {\n picking.current = true;\n startTimer(props.onComplete, g9SelectionCloseDelayMs);\n }\n };\n return (\n <view className=\"g9-list-picker\">\n {request.searchPlaceholder ? (\n <view className=\"g9-selection__search\">\n <G9SearchEntry\n placeholder={request.searchPlaceholder}\n voiceEnabled={false}\n onDebouncedValueChange={setQuery}\n />\n </view>\n ) : null}\n {visible.map((item) => (\n <ListPickerRow\n key={props.keyOf(item)}\n item={item}\n selected={model.isSelected(props.keyOf(item))}\n tint={palette.PrimaryContainer}\n onTap={() => tap(item)}\n />\n ))}\n {request.multiple ? (\n <view className=\"g9-list-picker__apply\">\n <G9Button\n text={request.applyButtonText ?? strings.get(G9StringKey.Save)}\n size=\"hero\"\n onPress={props.onComplete}\n />\n </view>\n ) : null}\n </view>\n );\n}\n\nfunction ListPickerRow(props: {\n readonly item: G9SelectionItem;\n readonly selected: boolean;\n readonly tint: string;\n readonly onTap: () => void;\n}): ReactNode {\n const press = useG9Press(props.onTap, {\n source: 'G9ListPicker',\n guardMs: 0,\n blocked: props.item.isEnabled === false,\n });\n const icon = { icon: props.item.icon, imagePath: props.item.iconPath, image: props.item.iconImage };\n const direction = useG9Direction();\n return (\n <view\n className={`g9-list-picker__row${props.selected ? ' g9-list-picker__row--selected' : ''}`}\n style={{ ...g9RowStyle(direction), ...(props.selected ? { backgroundColor: props.tint } : {}) }}\n accessibility-element={true}\n accessibility-traits=\"button\"\n accessibility-label={props.item.text}\n bindtap={press}\n >\n {hasIconSlot(icon) ? <G9IconSlot {...icon} size={20} color=\"var(--g9-on-surface-variant)\" /> : null}\n <text className=\"g9-list-picker__text\" text-maxline=\"1\" style={g9TextStart(direction)}>\n {props.item.text}\n </text>\n </view>\n );\n}\n"],"names":["g9SelectionEagerBuildItemLimit","g9SelectionRowHeight","g9SelectionSearchDebounceMs","g9SelectionCloseDelayMs","selectionIdentities","items","counts","Map","item","_counts_get","i","estimateSelectionHeight","count","showSearch","chrome","Math","SelectionRow","props","_item_iconTintColor","_item_swatchFirstColor","_item_swatchSecondColor","palette","useG9Theme","glyphs","useG9Settings","selected","press","useG9Press","icon","iconColor","view","formatColor","withAlpha","g9RowStyle","hasIconSlot","G9IconSlot","G9Swatch","text","g9TextStart","SelectionBody","_request_emptyText","strings","useG9Strings","parentDir","useG9Direction","request","ids","model","setModel","useState","query","setQuery","applied","setApplied","timer","useRef","picking","useEffect","stopTimer","visible","visibleIds","Set","dir","multiple","onQuery","value","startTimer","tap","id","next","G9TextEntry","G9StringKey","_item_key","_request_options","g9ChildId","showSelectionSheet","sheets","_request_selectedItems","opening","openingIds","listedIds","initialKeys","unlisted","_","initial","createSelectionModel","Promise","resolve","_request_minimumSelected","draft","draftListeners","draftStore","l","settled","done","startKeys","collect","keys","set","settle","accepted","explicit","result","changed","undefined","k","handle","complete","reset","body","m","options","fitToContentSheetOptions","SelectionHeaderActions","direction","n","useSyncExternalStore","G9Button","showListSheet","_request_selected","keyOf","ListPickerBody","base","fullScreenWithoutHandleSheetOptions","fit","_request_applyButtonText","G9SearchEntry","ListPickerRow"],"mappings":";;;;;;;;;;;;;;AAmBO,MAAMA,iCAAiC;AAEvC,MAAMC,uBAAuB;AAE7B,MAAMC,8BAA8B;AAEpC,MAAMC,0BAA0B;AAiBhC,SAASC,oBAAoBC,KAAqC;IACvE,MAAMC,SAAS,IAAIC;IACnB,KAAK,MAAMC,QAAQH,MAAO;YAC+CI;QAAvE,IAAID,AAAY,QAAZA,KAAK,GAAG,IAAYA,AAAoB,OAApBA,KAAK,GAAG,CAAC,IAAI,IAAWF,OAAO,GAAG,CAACE,KAAK,IAAI,EAAE,AAAC,SAAAC,CAAAA,cAAAA,OAAO,GAAG,CAACD,KAAK,IAAI,KAApBC,cAAyB,KAAK;IACvG;IACA,OAAOJ,MAAM,GAAG,CAAC,CAACG,MAAME;YAGjBD;eAFLD,AAAY,QAAZA,KAAK,GAAG,IAAYA,AAAoB,OAApBA,KAAK,GAAG,CAAC,IAAI,KAC7B,CAAC,EAAE,EAAEA,KAAK,GAAG,EAAE,GACf,AAAC,SAAAC,CAAAA,cAAAA,OAAO,GAAG,CAACD,KAAK,IAAI,KAApBC,cAAyB,KAAK,IAC7B,CAAC,EAAE,EAAEC,GAAG,GACR,CAAC,EAAE,EAAEF,KAAK,IAAI,EAAE;;AAE1B;AAGO,SAASG,wBAAwBC,KAAa,EAAEC,UAAmB;IACxE,MAAMC,SAAUD,AAAAA,CAAAA,aAAa,KAAK,KAAK;IACvC,OAAOE,KAAK,GAAG,CAAC,KAAKA,KAAK,GAAG,CAAC,IAAId,uBAAuBa,QAAQF,QAAQX,uBAAuBa;AAClG;AAqCA,SAASE,aAAaC,KAOrB;QAMmBC;QAkBRC,wBAAiCC;IAvB3C,MAAMC,UAAUC,aAAa,OAAO;IACpC,MAAMC,SAASC,gBAAgB,MAAM;IACrC,MAAM,EAAEhB,IAAI,EAAEiB,QAAQ,EAAE,GAAGR;IAC3B,MAAMS,QAAQC,WAAWV,MAAM,KAAK,EAAE;QAAE,SAAST,AAAmB,UAAnBA,KAAK,SAAS;QAAY,QAAQ;QAAoB,SAAS;IAAE;IAClH,MAAMoB,OAAO;QAAE,OAAOpB,KAAK,KAAK;QAAE,MAAMA,KAAK,IAAI;QAAE,WAAWA,KAAK,QAAQ;QAAE,OAAOA,KAAK,SAAS;IAAC;IACnG,MAAMqB,YAAY,QAAAX,CAAAA,sBAAAA,KAAK,aAAa,AAAD,IAAjBA,sBAAuBO,WAAWJ,QAAQ,OAAO,GAAGA,QAAQ,aAAa;IAC3F,QACGS,MACE,GAAIb,MAAM,SAAS,GAAG;QAAE,IAAIA,MAAM,SAAS;IAAC,IAAI,CAAC,CAAC,EACnD,WAAW,CAAC,gBAAgB,EAAEQ,WAAW,gCAAgC,IAAI,EAC7E,OAAOA,WAAW;QAAE,iBAAiBM,YAAYC,UAAUX,QAAQ,OAAO,EAAE;IAAM,IAAI,CAAC,GACvF,uBAAuB,MACvB,qBAAqB,SACrB,qBAAqBb,KAAK,IAAI,GAC7B,GAAIiB,WAAW;QAAE,uBAAuB;IAAW,IAAI,CAAC,CAAC,EAC1D,SAASC,OACV;MACC,CAACI,KACC,WAAW,CAAC,+BAA+B,EAAEb,MAAM,SAAS,EAAE,EAC9D,OAAO;QAAE,GAAGgB,WAAWhB,MAAM,SAAS,CAAC;QAAE,GAAIT,AAAmB,UAAnBA,KAAK,SAAS,GAAa;YAAE,SAAS;QAAK,IAAI,CAAC,CAAC;IAAE,GACjG;QACC,CAAC0B,YAAYN,SACVO,YAAY,GAAGP,IAAI,EAAE,MAAM,IAAI,OAAOC,eACrCV,AAAAA,SAAAA,CAAAA,yBAAAA,KAAK,gBAAgB,AAAD,IAApBA,KAAAA,IAAAA,uBAAuB,IAAI,EAAC,KAAD,SAAMC,CAAAA,0BAAAA,KAAK,iBAAiB,AAAD,IAArBA,KAAAA,IAAAA,wBAAwB,IAAI,EAAC,KAC/DgB,SAAS,OAAO5B,KAAK,gBAAgB,EAAE,QAAQA,KAAK,iBAAiB,EAAE,WAAWS,MAAM,SAAS,OAIjGa,KAAK,UAAU,+BAChB;QACF,CAACO,KACC,UAAU,yBACV,aAAa,IACb,OAAO;QACL,OAAOZ,WAAWJ,QAAQ,OAAO,GAAGA,QAAQ,WAAW;QACvD,YAAYI,WAAW,SAAS;QAChC,GAAGa,YAAYrB,MAAM,SAAS,CAAC;IACjC,GACD;UACC,CAACT,KAAK,IAAI,CAAC;QACb,EAAE6B,KAAK;QACP,CAACP,KAAK,OAAO;QAAE,SAASL,WAAW,IAAI;IAAE,GAAG;UAC1C,CAACU,WAAW,MAAMZ,OAAO,KAAK,EAAE,MAAM,IAAI,OAAOF,QAAQ,OAAO,GAAI;QACtE,EAAES,KAAK;MACT,EAAEA,KAAK;IACT,EAAEA;AAEN;AAEA,SAASS,cAAyCtB,KAAmB;QA2EtBuB;IA1E7C,MAAMC,UAAUC;IAChB,MAAMC,YAAYC;IAClB,MAAM,EAAEC,OAAO,EAAEC,GAAG,EAAE,GAAG7B;IACzB,MAAM,CAAC8B,OAAOC,SAAS,GAAGC,SAAShC,MAAM,OAAO;IAChD,MAAM,CAACiC,OAAOC,SAAS,GAAGF,SAAS;IACnC,MAAM,CAACG,SAASC,WAAW,GAAGJ,SAAS;IACvC,MAAMK,QAAQC,OAA6B;IAC3C,MAAMC,UAAUD,OAAO;IACvBE,UACE,IAAM;YACJ,IAAIH,AAAkB,SAAlBA,MAAM,OAAO,EAAWI,UAAUJ,MAAM,OAAO;QACrD,GACA,EAAE;IAEJ,MAAMK,UAAUd,QAAQ,UAAU,GAAGE,MAAM,SAAS,CAACF,QAAQ,KAAK,EAAE,MAAM,CAACO,WAAWP,QAAQ,KAAK;IACnG,MAAMe,aAAa,IAAIC,IAAIF,QAAQ,GAAG,CAAC,CAACnD,OAASsC,GAAG,CAACD,QAAQ,KAAK,CAAC,OAAO,CAACrC,MAAM;IACjF,MAAMsD,MACJjB,AAA8B,kBAA9BA,QAAQ,iBAAiB,GACrB,QACAA,AAA8B,kBAA9BA,QAAQ,iBAAiB,GACvB,QACAF;IACR,MAAMoB,WAAWlB,AAA0B,SAA1BA,QAAQ,aAAa;IACtC,MAAMmB,UAAU,CAACC;QACfd,SAASc;QACT,IAAIX,AAAkB,SAAlBA,MAAM,OAAO,EAAWI,UAAUJ,MAAM,OAAO;QACnD,IAAIW,AAAiB,OAAjBA,MAAM,IAAI,IAAW,YACvBZ,WAAWY;QAGbX,MAAM,OAAO,GAAGY,WAAW,IAAMb,WAAWY,QAAQ/D;IACtD;IACA,MAAMiE,MAAM,CAACC;QACX,IAAInD,MAAM,IAAI,CAAC,OAAO,IAAIuC,QAAQ,OAAO,EAAE;QAC3C,MAAMa,OAAOtB,MAAM,MAAM,CAACqB;QAC1B,IAAIC,SAAStB,OAAO;QACpBC,SAASqB;QACTpD,MAAM,OAAO,CAACoD;QACd,IAAI,CAACN,YAAYlB,AAAmC,UAAnCA,QAAQ,sBAAsB,EAAY;YACzDW,QAAQ,OAAO,GAAG;YAClBU,WAAW,IAAMjD,MAAM,UAAU,CAACoD,KAAK,YAAY,EAAE,OAAOlE;QAC9D;IACF;IACA,QACG2B,KAAK,UAAU,eAAe;MAC7B,CAACe,QAAQ,UAAU,IAChBf,KAAK,UAAU,uBAAuB;UACrC,CAACwC,YACC,aAAa7B,QAAQ,GAAG,CAAC8B,YAAY,MAAM,GAC3C,YAAY,SACZ,OAAOrB,OACP,eAAec,UACf;QACJ,EAAElC,QACA,KAAK;MACT,CAAC6B,QAAQ,MAAM,GAAG,KACf7B,KAAK,UAAU,sBAAsB;UACpC,CAACe,QAAQ,KAAK,CAAC,GAAG,CAAC,CAACrC,MAAME;YAOwC8D;YAAvCC;QANzB,MAAML,KAAKtB,GAAG,CAACpC,EAAE;QACjB,IAAI,CAACkD,WAAW,GAAG,CAACQ,KAAK,OAAO;QAChC,QACGpD,aACC,KAAKoD,IACL,MAAM5D,MACN,WAAWkE,UAAU,QAAAD,CAAAA,mBAAAA,QAAQ,OAAO,AAAD,IAAdA,KAAAA,IAAAA,iBAAiB,YAAY,EAAE,CAAC,KAAK,EAAE,QAAAD,CAAAA,YAAAA,KAAK,GAAG,AAAD,IAAPA,YAAY9D,GAAG,GAC3E,UAAUqC,MAAM,UAAU,CAACqB,KAC3B,WAAWN,KACX,OAAO,IAAMK,IAAIC;IAGvB,GAAG;QACL,EAAEtC,QACA,KAAK;MACT,CAAC6B,AAAmB,MAAnBA,QAAQ,MAAM,IACZtB,KAAK,UAAU,uBAAuB,QAAAG,CAAAA,qBAAAA,QAAQ,SAAS,AAAD,IAAhBA,qBAAqBC,QAAQ,GAAG,CAAC8B,YAAY,SAAS,IAAIlC,QAC/F,KAAK;IACX,EAAEP;AAEN;AASO,SAAS6C,mBACdC,MAAsB,EACtB/B,OAAmC;QAInBgC;IAFhB,MAAMxE,QAAQ;WAAIwC,QAAQ,KAAK;KAAC;IAChC,MAAMC,MAAM1C,oBAAoBC;IAChC,MAAMyE,UAAU,QAAAD,CAAAA,yBAAAA,QAAQ,aAAa,AAAD,IAApBA,yBAAyB,EAAE;IAE3C,MAAME,aAAa3E,oBAAoB;WAAIC;WAAUyE;KAAQ,EAAE,KAAK,CAACzE,MAAM,MAAM;IACjF,MAAM2E,YAAY,IAAInB,IAAIf;IAC1B,MAAMmC,cAAcF,WAAW,MAAM,CAAC,CAACX,KAAOY,UAAU,GAAG,CAACZ;IAC5D,MAAMc,WAAWJ,QAAQ,MAAM,CAAC,CAACK,GAAGzE,IAAM,CAACsE,UAAU,GAAG,CAACD,UAAU,CAACrE,EAAE;IACtE,MAAMqD,WAAWlB,AAA0B,SAA1BA,QAAQ,aAAa;IACtC,MAAMuC,UAAUC,qBAAwB;QACtChF;QACA,QAAQ,CAACG,OAASsC,GAAG,CAACzC,MAAM,OAAO,CAACG,MAAM;QAC1C,SAAS,CAACA,OAASA,KAAK,IAAI;QAC5B,MAAMuD,WAAW,aAAa;QAC9B,cAAckB;QACd,WAAW,CAACzE,OAASA,AAAmB,UAAnBA,KAAK,SAAS;IACrC;IACA,OAAO,IAAI8E,QAAQ,CAACC;YA+DeC;QA9DjC,IAAIC,QAAQL;QACZ,MAAMM,iBAAiB,IAAI7B;QAC3B,MAAM8B,aAAa;YACjB,WAAW,CAACC;gBACVF,eAAe,GAAG,CAACE;gBACnB,OAAO;oBACLF,eAAe,MAAM,CAACE;gBACxB;YACF;YACA,OAAO,IAAMH,MAAM,YAAY,CAAC,MAAM;QACxC;QACA,IAAII,UAAU;QACd,MAAMC,OAAO;YAAE,SAAS;QAAM;QAC9B,MAAMC,YAAY,IAAIlC,IAAIoB;QAC1B,MAAMe,UAAU,CAACC;YACf,MAAMC,MAAM,IAAIrC,IAAIoC;YACpB,OAAO;mBAAI5F,MAAM,MAAM,CAAC,CAAC8E,GAAGzE,IAAMwF,IAAI,GAAG,CAACpD,GAAG,CAACpC,EAAE;mBAAiBwE;aAAS;QAC5E;QACA,MAAMiB,SAAS,CAACF,MAA6BG,UAAmBC;YAC9D,IAAIR,SAAS;YACbA,UAAU;YACVC,KAAK,OAAO,GAAG;YACf,MAAMQ,SAASD,QAAAA,WAAAA,WAAYL,QAAQC;YACnC,MAAMM,UAAUF,AAAaG,WAAbH,YAA0BJ,KAAK,MAAM,KAAKF,UAAU,IAAI,IAAIE,KAAK,IAAI,CAAC,CAACQ,IAAM,CAACV,UAAU,GAAG,CAACU;YAC5GlB,QAAQ;gBAAE,aAAaa;gBAAU,kBAAkBG;gBAAS,OAAOD;YAAO;QAC5E;QACA,IAAII,SAA+B;QACnC,MAAMC,WAAW,CAACV,MAA6BG;YAC7CD,OAAOF,MAAMG;YACbM,QAAAA,UAAAA,OAAQ,KAAK;QACf;QACA,MAAME,QAAQ/D,QAAQ,cAAc,IAAIA,QAAQ,cAAc,CAAC,MAAM,GAAG,IAAIA,QAAQ,cAAc,GAAG;QACrG,MAAMgE,OAAO,KACVtE,cACC,SAASM,SACT,KAAKC,KACL,SAASsC,SACT,MAAMU,MACN,SAAS,CAACgB;gBACRrB,QAAQqB;gBACR,KAAK,MAAMlB,KAAK;uBAAIF;iBAAe,CAAEE;YACvC,GACA,YAAYe;QAGhB,MAAMI,UAA0B;YAC9B,GAAGC,0BAA0B;YAC7B,cAAc3G,MAAM,MAAM,GAAGL;YAC7B,kCAAkCW,wBAAwBN,MAAM,MAAM,EAAEwC,AAAuB,SAAvBA,QAAQ,UAAU;YAC1F,iBAAiB;YACjB,yBAAyBxC,MAAM,MAAM;YACrC,iBAAiB;YACjB,aAAa;YACb,iBAAiB;YACjB,OAAOwC,QAAQ,KAAK;YACpB,sBAAsB;YACtB,GAAIkB,YAAY6C,QACZ;gBACE,qBACGK,uBACC,UAAUlD,UACV,OAAO4B,YACP,SAAS5E,KAAK,GAAG,CAAC,GAAG,QAAAyE,CAAAA,2BAAAA,QAAQ,eAAe,AAAD,IAAtBA,2BAA2B,KAC/C,GAAI3C,QAAQ,UAAU,GAAG;oBAAE,YAAYA,QAAQ,UAAU;gBAAC,IAAI,CAAC,CAAC,EACjE,QAAQ;wBACuC2C;oBAA7C,IAAIC,MAAM,YAAY,CAAC,MAAM,IAAI1E,KAAK,GAAG,CAAC,GAAG,QAAAyE,CAAAA,2BAAAA,QAAQ,eAAe,AAAD,IAAtBA,2BAA2B,IACtEmB,SAASlB,MAAM,YAAY,EAAE;gBACjC,IACC,GAAImB,QACD;oBACE,SAAS;wBACPT,OAAO,EAAE,EAAE,MAAMS;wBACjBF,QAAAA,UAAAA,OAAQ,KAAK;oBACf;gBACF,IACA,CAAC,CAAC;YAGZ,IACA,CAAC,CAAC;YACN,GAAG7D,QAAQ,OAAO;YAClB,UAAU;oBACR4B,2BAAAA;wBAAAA,CAAAA,mBAAAA,QAAQ,OAAO,AAAD,KAAdA,QAAAA,CAAAA,4BAAAA,iBAAiB,QAAQ,AAAD,KAAxBA,0BAAAA,IAAAA,CAAAA;gBACA0B,OAAOV,MAAM,YAAY,EAAE;YAC7B;QACF;QACAiB,SAAS9B,OAAO,IAAI,CAACvE,MAAM,MAAM,GAAGL,iCAAiC6G,OAAOA,QAAQE;QACpF,IAAI,CAACL,QAAQP,OAAOlB,aAAa;IACnC;AACF;AAEA,SAASgC,uBAAuBhG,KAO/B;IACC,MAAMwB,UAAUC;IAChB,MAAMwE,YAAYtE;IAClB,MAAMuE,IAAIC,qBAAqBnG,MAAM,KAAK,CAAC,SAAS,EAAEA,MAAM,KAAK,CAAC,KAAK;IACvE,QACGa,KAAK,UAAU,wBAAwB,OAAOG,WAAWiF,YAAY;MACpE,CAACjG,MAAM,OAAO,IACXoG,SAAS,MAAM5E,QAAQ,GAAG,CAAC8B,YAAY,KAAK,GAAG,QAAQ,OAAO,KAAK,QAAQ,SAAStD,MAAM,OAAO,MAChG,KAAK;MACT,CAACA,MAAM,QAAQ,IAAIkG,IAAI,KACpBrF,KAAK,UAAU,sBAAsB;UACpC,CAACO,KAAK,UAAU,2BAA2B;YACzC,CAACpB,MAAM,UAAU,GAAGA,MAAM,UAAU,CAACkG,KAAK,GAAGA,EAAE,CAAC,EAAE1E,QAAQ,GAAG,CAAC8B,YAAY,QAAQ,GAAG,CAAC;UACxF,EAAElC,KAAK;QACT,EAAEP,QACA,KAAK;MACT,CAACb,MAAM,QAAQ,IACZoG,SACC,MAAM5E,QAAQ,GAAG,CAAC8B,YAAY,IAAI,GAClC,QAAQ,OACR,KAAK,QACL,UAAU4C,IAAIlG,MAAM,OAAO,EAC3B,SAASA,MAAM,MAAM,MAErB,KAAK;IACX,EAAEa;AAEN;AAuBO,SAASwF,cACd1C,MAAsB,EACtB/B,OAA8B;QAUb0E;IARjB,MAAMlH,QAAQ;WAAIwC,QAAQ,KAAK;KAAC;IAChC,MAAM2E,QAAQ,CAAChH,OAA2BA,AAAY,QAAZA,KAAK,GAAG,IAAYA,AAAoB,OAApBA,KAAK,GAAG,CAAC,IAAI,KAAYA,KAAK,GAAG,GAAGA,KAAK,IAAI;IAC3G,MAAMuD,WAAWlB,AAAqB,SAArBA,QAAQ,QAAQ;IACjC,MAAMuC,UAAUC,qBAAwB;QACtChF;QACA,QAAQmH;QACR,SAAS,CAAChH,OAASA,KAAK,IAAI;QAC5B,MAAMuD,WAAW,aAAa;QAC9B,cAAc,AAAC,SAAAwD,CAAAA,oBAAAA,QAAQ,QAAQ,AAAD,IAAfA,oBAAoB,EAAE,AAAD,EAAG,GAAG,CAACC;QAC3C,WAAW,CAAChH,OAASA,AAAmB,UAAnBA,KAAK,SAAS;IACrC;IACA,OAAO,IAAI8E,QAAQ,CAACC;YAwBLd;QAvBb,IAAIgB,QAAQL;QACZ,IAAIS,UAAU;QACd,IAAIa,SAA+B;QACnC,MAAMP,SAAS;YACb,IAAIN,SAAS;YACbA,UAAU;YACVN,QAAQE,MAAM,aAAa;QAC7B;QACA,MAAMkB,WAAW;YACfR;YACAO,QAAAA,UAAAA,OAAQ,KAAK;QACf;QACA,MAAMG,OAAO,KACVY,eACC,SAAS5E,SACT,SAASuC,SACT,OAAOoC,OACP,SAAS,CAACV;gBACRrB,QAAQqB;YACV,GACA,YAAYH;QAGhB,MAAMe,OAAO,QAAAjD,CAAAA,mBAAAA,QAAQ,OAAO,AAAD,IAAdA,mBAAmBkD;QAChC,MAAMC,MAAMF,AAAkB,mBAAlBA,KAAK,QAAQ;QACzB,MAAMX,UAA0B;YAC9B,GAAGW,IAAI;YACP,GAAIE,MACA,CAAC,IACD;gBACE,QAAQ;oBAAC;iBAAQ;gBACjB,cAAc;gBACd,WAAW;gBACX,aAAa;gBACb,iCAAiC;YACnC,CAAC;YACL,aAAa;YACb,iBAAiB;YACjB,OAAO/E,QAAQ,KAAK;YACpB,sBAAsB;YACtB,cAAc;YACd,UAAU;oBACR6E;wBAAAA,CAAAA,iBAAAA,KAAK,QAAQ,AAAD,KAAZA,eAAAA,IAAAA,CAAAA;gBACAvB;YACF;QACF;QACAO,SAAS9B,OAAO,IAAI,CAACiC,MAAME;QAC3B,IAAI,CAACL,QAAQ;YACXb,UAAU;YACVN,QAAQ,EAAE;QACZ;IACF;AACF;AAEA,SAASkC,eAA0CxG,KAMlD;QAyCiB4G;IAxChB,MAAMpF,UAAUC;IAChB,MAAMrB,UAAUC,aAAa,OAAO;IACpC,MAAM,CAACyB,OAAOC,SAAS,GAAGC,SAAShC,MAAM,OAAO;IAChD,MAAM,CAACiC,OAAOC,SAAS,GAAGF,SAAS;IACnC,MAAMO,UAAUD,OAAO;IACvB,MAAM,EAAEV,OAAO,EAAE,GAAG5B;IACpB,MAAM0C,UAAUZ,MAAM,MAAM,CAACG,OAAO;QAAE,MAAM;IAAK;IACjD,MAAMiB,MAAM,CAAC3D;QACX,IAAIgD,QAAQ,OAAO,IAAIhD,AAAmB,UAAnBA,KAAK,SAAS,EAAY;QACjD,MAAM6D,OAAOtB,MAAM,MAAM,CAAC9B,MAAM,KAAK,CAACT;QACtCwC,SAASqB;QACTpD,MAAM,OAAO,CAACoD;QACd,IAAI,CAACxB,QAAQ,QAAQ,IAAIA,AAAmC,UAAnCA,QAAQ,sBAAsB,EAAY;YACjEW,QAAQ,OAAO,GAAG;YAClBU,WAAWjD,MAAM,UAAU,EAAEd;QAC/B;IACF;IACA,QACG2B,KAAK,UAAU,iBAAiB;MAC/B,CAACe,QAAQ,iBAAiB,IACvBf,KAAK,UAAU,uBAAuB;UACrC,CAACgG,cACC,aAAajF,QAAQ,iBAAiB,EACtC,cAAc,OACd,wBAAwBM,WACxB;QACJ,EAAErB,QACA,KAAK;MACT,CAAC6B,QAAQ,GAAG,CAAC,CAACnD,QACXuH,cACC,KAAK9G,MAAM,KAAK,CAACT,OACjB,MAAMA,MACN,UAAUuC,MAAM,UAAU,CAAC9B,MAAM,KAAK,CAACT,QACvC,MAAMa,QAAQ,gBAAgB,EAC9B,OAAO,IAAM8C,IAAI3D,UAElB;MACH,CAACqC,QAAQ,QAAQ,IACdf,KAAK,UAAU,wBAAwB;UACtC,CAACuF,SACC,MAAM,QAAAQ,CAAAA,2BAAAA,QAAQ,eAAe,AAAD,IAAtBA,2BAA2BpF,QAAQ,GAAG,CAAC8B,YAAY,IAAI,GAC7D,KAAK,OACL,SAAStD,MAAM,UAAU,GACzB;QACJ,EAAEa,QACA,KAAK;IACX,EAAEA;AAEN;AAEA,SAASiG,cAAc9G,KAKtB;IACC,MAAMS,QAAQC,WAAWV,MAAM,KAAK,EAAE;QACpC,QAAQ;QACR,SAAS;QACT,SAASA,AAAyB,UAAzBA,MAAM,IAAI,CAAC,SAAS;IAC/B;IACA,MAAMW,OAAO;QAAE,MAAMX,MAAM,IAAI,CAAC,IAAI;QAAE,WAAWA,MAAM,IAAI,CAAC,QAAQ;QAAE,OAAOA,MAAM,IAAI,CAAC,SAAS;IAAC;IAClG,MAAMiG,YAAYtE;IAClB,QACGd,KACC,WAAW,CAAC,mBAAmB,EAAEb,MAAM,QAAQ,GAAG,mCAAmC,IAAI,EACzF,OAAO;QAAE,GAAGgB,WAAWiF,UAAU;QAAE,GAAIjG,MAAM,QAAQ,GAAG;YAAE,iBAAiBA,MAAM,IAAI;QAAC,IAAI,CAAC,CAAC;IAAE,GAC9F,uBAAuB,MACvB,qBAAqB,SACrB,qBAAqBA,MAAM,IAAI,CAAC,IAAI,EACpC,SAASS,OACV;MACC,CAACQ,YAAYN,SAASO,YAAY,GAAGP,IAAI,EAAE,MAAM,IAAI,MAAM,mCAAoC,KAAK;MACpG,CAACS,KAAK,UAAU,uBAAuB,aAAa,IAAI,OAAOC,YAAY4E,YAAY;QACrF,CAACjG,MAAM,IAAI,CAAC,IAAI,CAAC;MACnB,EAAEoB,KAAK;IACT,EAAEP;AAEN"}
|
|
1
|
+
{"version":3,"file":"selection/selection-sheet.jsx","sources":["../../src/selection/selection-sheet.tsx"],"sourcesContent":["import './selection.css';\nimport {\n formatColor,\n G9Metrics,\n G9StringKey,\n type G9TextInputDirection,\n withAlpha,\n} from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useEffect, useRef, useState, useSyncExternalStore } from '@lynx-js/react';\nimport { g9ChildId, g9RowStyle, g9TextStart } from '../base/control';\nimport { useG9Press } from '../base/press';\nimport { type G9SelectionItem, isAvatarImage } from '../base/selection-item';\nimport { type G9TimerHandle, startTimer, stopTimer } from '../base/timers';\nimport { G9Button } from '../button/button';\nimport { G9SearchEntry } from '../fields/search-entry';\nimport { G9TextEntry } from '../fields/text-entry';\nimport { G9IconSlot, hasIconSlot } from '../icon/slot';\nimport { G9Swatch } from '../icon/swatch';\nimport { useG9Direction, useG9Settings, useG9Strings, useG9Theme } from '../provider/hooks';\nimport { fitToContentSheetOptions, fullScreenWithoutHandleSheetOptions, type G9SheetOptions } from '../sheet/options';\nimport type { G9SheetService } from '../sheet/service';\nimport type { G9SheetHandle } from '../sheet/stack';\nimport { createSelectionModel, type G9SelectionModel } from './model';\nimport { computeSelectionWindow, g9SelectionGrowThreshold, g9SelectionRowPageSize, nextSelectionLimit } from './window';\n\n/** MAUI `G9SelectionSheet.EagerBuildItemLimit`: lists up to 40 items are built at once; longer lists defer. */\nexport const g9SelectionEagerBuildItemLimit = 40;\n/** Row height of the selection sheet (MAUI 52). */\nexport const g9SelectionRowHeight = 52;\n/** Search debounce of the selection sheet (MAUI 150 ms). */\nexport const g9SelectionSearchDebounceMs = 150;\n/** Wait after a close-on-select pick before closing (MAUI 120 ms). */\nexport const g9SelectionCloseDelayMs = 120;\n\n/** The outcome of a selection sheet (MAUI `G9SelectionSheetResult`). */\nexport interface G9SelectionSheetResult<T extends G9SelectionItem = G9SelectionItem> {\n /** A pick on a close-on-select sheet, Done, or Reset; `false` for every dismissal. */\n readonly wasAccepted: boolean;\n /** The selection differs from the opening one. */\n readonly selectionChanged: boolean;\n /** The final selection (opening items that are not listed or disabled stay unless deselected). */\n readonly items: ReadonlyArray<T>;\n}\n\n/**\n * The selection identity of an item inside one list (MAUI `G9SelectionSheet.KeyOf`): `k:<key>` when the key is set,\n * else `t:<text>` when the text is unique among key-less items, else the position (`i:<n>`). Keys and texts never\n * match each other.\n */\nexport function selectionIdentities(items: ReadonlyArray<G9SelectionItem>): string[] {\n const counts = new Map<string, number>();\n for (const item of items) {\n if (item.key == null || item.key.trim() === '') counts.set(item.text, (counts.get(item.text) ?? 0) + 1);\n }\n return items.map((item, i) =>\n item.key != null && item.key.trim() !== ''\n ? `k:${item.key}`\n : (counts.get(item.text) ?? 0) > 1\n ? `i:${i}`\n : `t:${item.text}`,\n );\n}\n\n/** Estimated body height (MAUI `EstimateContentHeight`): rows × 52 + chrome, clamped to [2 rows + chrome, 520]. */\nexport function estimateSelectionHeight(count: number, showSearch: boolean): number {\n const chrome = (showSearch ? 64 : 0) + 18;\n return Math.min(520, Math.max(2 * g9SelectionRowHeight + chrome, count * g9SelectionRowHeight + chrome));\n}\n\n/** Arguments of {@link showSelectionSheet} (MAUI `ShowForResultAsync`). */\nexport interface G9SelectionSheetRequest<T extends G9SelectionItem> {\n readonly title: string;\n readonly items: ReadonlyArray<T>;\n readonly selectedItems?: ReadonlyArray<T>;\n readonly allowMultiple?: boolean;\n /** Single mode: a pick completes and closes after 120 ms. Default true. */\n readonly closeOnSingleSelection?: boolean;\n readonly showSearch?: boolean;\n /** No-results text. Default the `noResults` string. */\n readonly emptyText?: string | null;\n /** Row text direction. Default `'matchParent'`. */\n readonly itemTextDirection?: G9TextInputDirection;\n /** A non-empty reset selection adds a Reset toolbar item that completes with it. */\n readonly resetSelection?: ReadonlyArray<T> | null;\n /** Count pill label (multi). Default `\"{n} {selected}\"`. */\n readonly countLabel?: (count: number) => string;\n /**\n * Multi: Done stays disabled until at least this many items are ticked (MAUI `minimumSelected`, G9MAUIControls 1.4.7) —\n * the sheet never closes on an answer the caller would refuse and reopen. Default 0.\n */\n readonly minimumSelected?: number;\n /** Extra sheet options (merged over the defaults). */\n readonly options?: G9SheetOptions;\n}\n\ninterface BodyProps<T extends G9SelectionItem> {\n readonly request: G9SelectionSheetRequest<T>;\n readonly ids: ReadonlyArray<string>;\n readonly initial: G9SelectionModel<T>;\n readonly onComplete: (keys: ReadonlyArray<string>, accepted: boolean) => void;\n readonly onDraft: (model: G9SelectionModel<T>) => void;\n readonly done: { current: boolean };\n /** The sheet body was scrolled to its end (options.onScrollToEnd): the window grows by a page. */\n readonly scrolledToEnd: { subscribe(listener: () => void): () => void };\n}\n\n/** Placeholder rows: no more than the tallest selection sheet can show (MAUI 1.4.8 `SkeletonRowCap`). */\nexport const g9SelectionSkeletonRowCap = Math.ceil(G9Metrics.SelectionMaxHeight / G9Metrics.SelectionRowHeight) + 1;\n\nfunction SelectionRow(props: {\n readonly item: G9SelectionItem;\n /** Element id (`${sheet automationId}_Item_${key}`), so automation finds the row like a person sees it. */\n readonly elementId?: string | undefined;\n readonly selected: boolean;\n readonly direction: 'ltr' | 'rtl';\n readonly onTap: () => void;\n}): ReactNode {\n const palette = useG9Theme().palette;\n const glyphs = useG9Settings().glyphs;\n const { item, selected } = props;\n const press = useG9Press(props.onTap, { blocked: item.isEnabled === false, source: 'G9SelectionSheet', guardMs: 0 });\n const icon = { emoji: item.emoji, icon: item.icon, imagePath: item.iconPath, image: item.iconImage };\n const iconColor = item.iconTintColor ?? (selected ? palette.Primary : palette.TextSecondary);\n // A person's picture is round and larger (MAUI 1.4.10 IsAvatar); an emoji or a glyph never is.\n const avatar = isAvatarImage(item);\n const iconSize = avatar ? G9Metrics.SelectionAvatarSize : G9Metrics.SelectionIconSize;\n return (\n <view\n {...(props.elementId ? { id: props.elementId } : {})}\n className={`g9-selection-row${selected ? ' g9-selection-row--selected' : ''}`}\n style={selected ? { backgroundColor: formatColor(withAlpha(palette.Primary, 0.1)) } : {}}\n accessibility-element={true}\n accessibility-traits=\"button\"\n accessibility-label={item.text}\n {...(selected ? { 'accessibility-value': 'selected' } : {})}\n bindtap={press}\n >\n <view\n className={`g9-selection-row__inner g9-dir-${props.direction}`}\n style={{ ...g9RowStyle(props.direction), ...(item.isEnabled === false ? { opacity: 0.45 } : {}) }}\n >\n {hasIconSlot(icon) ? (\n <G9IconSlot\n {...icon}\n size={iconSize}\n color={iconColor}\n {...(avatar ? { imageCornerRadius: iconSize / 2 } : {})}\n />\n ) : item.swatchFirstColor?.trim() || item.swatchSecondColor?.trim() ? (\n <G9Swatch first={item.swatchFirstColor} second={item.swatchSecondColor} direction={props.direction} />\n ) : (\n // MAUI's row is a Grid of ColumnSpacing 12 whose icon column stays when empty: its spacing still sits before\n // the text, so an icon-less row's text starts 16 + 12 dp in, level with nothing but the same in every picker.\n <view className=\"g9-selection-row__icon-gap\" />\n )}\n <text\n className=\"g9-selection-row__text\"\n text-maxline=\"1\"\n style={{\n color: selected ? palette.Primary : palette.TextPrimary,\n fontWeight: selected ? 'bold' : 'normal',\n ...g9TextStart(props.direction),\n }}\n >\n {item.text}\n </text>\n <view style={{ opacity: selected ? 1 : 0 }}>\n <G9IconSlot icon={glyphs.check} size={18} color={palette.Primary} />\n </view>\n </view>\n </view>\n );\n}\n\nfunction SelectionBody<T extends G9SelectionItem>(props: BodyProps<T>): ReactNode {\n const strings = useG9Strings();\n const parentDir = useG9Direction();\n const { request, ids } = props;\n const [model, setModel] = useState(props.initial);\n const [query, setQuery] = useState('');\n const [applied, setApplied] = useState('');\n const timer = useRef<G9TimerHandle | null>(null);\n const picking = useRef(false);\n useEffect(\n () => () => {\n if (timer.current !== null) stopTimer(timer.current);\n },\n [],\n );\n const visible = request.showSearch ? model.withItems(request.items).filter(applied) : request.items;\n const visibleIds = new Set(visible.map((item) => ids[request.items.indexOf(item)]));\n // The row window (MAUI 1.4.8, LES-0056): the first page of matches, one more page per scroll to the end, never more\n // than g9SelectionMaxRenderedRows; a new query starts from the first page again (the window is the top of ITS matches).\n const [grown, setGrown] = useState({ query: applied, limit: g9SelectionRowPageSize });\n const limit = grown.query === applied ? grown.limit : g9SelectionRowPageSize;\n const shown = computeSelectionWindow(\n request.items.length,\n (i) => visibleIds.has(ids[i] as string),\n (i) => model.isSelected(ids[i] as string),\n limit,\n );\n const latest = useRef({ applied, limit, hidden: shown.hidden });\n latest.current = { applied, limit, hidden: shown.hidden };\n useEffect(\n () =>\n props.scrolledToEnd.subscribe(() => {\n const now = latest.current;\n const next = nextSelectionLimit(now.limit, now.hidden);\n if (next !== now.limit) setGrown({ query: now.applied, limit: next });\n }),\n [props.scrolledToEnd],\n );\n const dir =\n request.itemTextDirection === 'leftToRight'\n ? 'ltr'\n : request.itemTextDirection === 'rightToLeft'\n ? 'rtl'\n : parentDir;\n const multiple = request.allowMultiple === true;\n const onQuery = (value: string) => {\n setQuery(value);\n if (timer.current !== null) stopTimer(timer.current);\n if (value.trim() === '') {\n setApplied(value);\n return;\n }\n timer.current = startTimer(() => setApplied(value), g9SelectionSearchDebounceMs);\n };\n const tap = (id: string) => {\n if (props.done.current || picking.current) return;\n const next = model.toggle(id);\n if (next === model) return;\n setModel(next);\n props.onDraft(next);\n if (!multiple && request.closeOnSingleSelection !== false) {\n picking.current = true;\n startTimer(() => props.onComplete(next.selectedKeys, true), g9SelectionCloseDelayMs);\n }\n };\n return (\n <view className=\"g9-selection\">\n {request.showSearch ? (\n <view className=\"g9-selection__search\">\n <G9TextEntry\n placeholder={strings.get(G9StringKey.Search)}\n leadingIcon=\"search\"\n value={query}\n onValueChange={onQuery}\n />\n </view>\n ) : null}\n {shown.indices.length > 0 ? (\n <view className=\"g9-selection__items\">\n {shown.indices.map((i) => {\n const id = ids[i] as string;\n const item = request.items[i] as T;\n return (\n <SelectionRow\n key={id}\n item={item}\n elementId={g9ChildId(request.options?.automationId, `Item_${item.key ?? i}`)}\n selected={model.isSelected(id)}\n direction={dir}\n onTap={() => tap(id)}\n />\n );\n })}\n </view>\n ) : null}\n {shown.hidden > 0 ? (\n <text className=\"g9-selection__more\">{strings.format(G9StringKey.MoreResultsFormat, shown.hidden)}</text>\n ) : null}\n {visible.length === 0 ? (\n <text className=\"g9-selection__empty\">{request.emptyText ?? strings.get(G9StringKey.NoResults)}</text>\n ) : null}\n </view>\n );\n}\n\n/**\n * Shows the selection sheet (MAUI `G9SelectionSheet.ShowForResultAsync`): a fit sheet with a header (title near the\n * close button), optional search (150 ms debounce, text match, hidden selected rows stay selected), rows with icon or\n * swatch, check mark and selection tint. Single mode with `closeOnSingleSelection` completes on a pick; multi mode\n * shows a count pill and Done; a reset selection adds Reset. Any dismissal resolves `wasAccepted: false` with the\n * current draft (or the opening selection when the sheet never built).\n */\nexport function showSelectionSheet<T extends G9SelectionItem>(\n sheets: G9SheetService,\n request: G9SelectionSheetRequest<T>,\n): Promise<G9SelectionSheetResult<T>> {\n const items = [...request.items];\n const ids = selectionIdentities(items);\n const opening = request.selectedItems ?? [];\n // Opening items match listed items by identity; the rest are kept as \"not listed\".\n const openingIds = selectionIdentities([...items, ...opening]).slice(items.length);\n const listedIds = new Set(ids);\n const initialKeys = openingIds.filter((id) => listedIds.has(id));\n const unlisted = opening.filter((_, i) => !listedIds.has(openingIds[i] as string));\n const multiple = request.allowMultiple === true;\n const initial = createSelectionModel<T>({\n items,\n getKey: (item) => ids[items.indexOf(item)] as string,\n getText: (item) => item.text,\n mode: multiple ? 'multiple' : 'single',\n selectedKeys: initialKeys,\n isEnabled: (item) => item.isEnabled !== false,\n });\n return new Promise((resolve) => {\n let draft = initial;\n const draftListeners = new Set<() => void>();\n const draftStore = {\n subscribe: (l: () => void) => {\n draftListeners.add(l);\n return () => {\n draftListeners.delete(l);\n };\n },\n count: () => draft.selectedKeys.length,\n };\n let settled = false;\n const done = { current: false };\n const startKeys = new Set(initialKeys);\n const collect = (keys: ReadonlyArray<string>): T[] => {\n const set = new Set(keys);\n return [...items.filter((_, i) => set.has(ids[i] as string)), ...unlisted];\n };\n const settle = (keys: ReadonlyArray<string>, accepted: boolean, explicit?: ReadonlyArray<T>) => {\n if (settled) return;\n settled = true;\n done.current = true;\n const result = explicit ?? collect(keys);\n const changed = explicit !== undefined || keys.length !== startKeys.size || keys.some((k) => !startKeys.has(k));\n resolve({ wasAccepted: accepted, selectionChanged: changed, items: result });\n };\n let handle: G9SheetHandle | null = null;\n const complete = (keys: ReadonlyArray<string>, accepted: boolean) => {\n settle(keys, accepted);\n handle?.close();\n };\n const reset = request.resetSelection && request.resetSelection.length > 0 ? request.resetSelection : null;\n const endListeners = new Set<() => void>();\n const scrolledToEnd = {\n subscribe: (l: () => void) => {\n endListeners.add(l);\n return () => {\n endListeners.delete(l);\n };\n },\n };\n const body = () => (\n <SelectionBody\n request={request}\n ids={ids}\n initial={initial}\n done={done}\n scrolledToEnd={scrolledToEnd}\n onDraft={(m) => {\n draft = m;\n for (const l of [...draftListeners]) l();\n }}\n onComplete={complete}\n />\n );\n const options: G9SheetOptions = {\n ...fitToContentSheetOptions(),\n deferContent: items.length > g9SelectionEagerBuildItemLimit,\n deferredLoadingPlaceholderHeight: estimateSelectionHeight(items.length, request.showSearch === true),\n loadingSkeleton: 'listRows',\n // ⛔ Capped at what the sheet can show. It was the item count: 3,416 people built 3,416 placeholder rows before\n // the real ones (MAUI's ANR of 2026-11-08, LES-0056).\n loadingSkeletonRowCount: Math.min(items.length, g9SelectionSkeletonRowCap),\n onScrollToEnd: () => {\n for (const l of [...endListeners]) l();\n },\n scrollToEndThreshold: g9SelectionGrowThreshold,\n backgroundColor: 'var(--g9-surface)',\n showToolbar: true,\n showCloseButton: true,\n title: request.title,\n headerTitlePlacement: 'nearBack',\n ...(multiple || reset\n ? {\n headerTrailingView: (\n <SelectionHeaderActions\n multiple={multiple}\n draft={draftStore}\n minimum={Math.max(0, request.minimumSelected ?? 0)}\n {...(request.countLabel ? { countLabel: request.countLabel } : {})}\n onDone={() => {\n if (draft.selectedKeys.length >= Math.max(0, request.minimumSelected ?? 0))\n complete(draft.selectedKeys, true);\n }}\n {...(reset\n ? {\n onReset: () => {\n settle([], true, reset);\n handle?.close();\n },\n }\n : {})}\n />\n ),\n }\n : {}),\n ...request.options,\n onClosed: () => {\n request.options?.onClosed?.();\n settle(draft.selectedKeys, false);\n },\n };\n handle = sheets.show(items.length > g9SelectionEagerBuildItemLimit ? body : body(), options);\n if (!handle) settle(initialKeys, false);\n });\n}\n\nfunction SelectionHeaderActions(props: {\n readonly multiple: boolean;\n readonly draft: { subscribe(listener: () => void): () => void; count(): number };\n readonly minimum: number;\n readonly countLabel?: (n: number) => string;\n readonly onDone: () => void;\n readonly onReset?: () => void;\n}): ReactNode {\n const strings = useG9Strings();\n const direction = useG9Direction();\n const n = useSyncExternalStore(props.draft.subscribe, props.draft.count);\n return (\n <view className=\"g9-selection__actions\" style={g9RowStyle(direction)}>\n {props.onReset ? (\n <G9Button text={strings.get(G9StringKey.Reset)} variant=\"text\" size=\"small\" onPress={props.onReset} />\n ) : null}\n {props.multiple && n > 0 ? (\n <view className=\"g9-selection__count\">\n <text className=\"g9-selection__count-text\">\n {props.countLabel ? props.countLabel(n) : `${n} ${strings.get(G9StringKey.Selected)}`}\n </text>\n </view>\n ) : null}\n {props.multiple ? (\n <G9Button\n text={strings.get(G9StringKey.Done)}\n variant=\"text\"\n size=\"small\"\n disabled={n < props.minimum}\n onPress={props.onDone}\n />\n ) : null}\n </view>\n );\n}\n\n/** Arguments of {@link showListSheet} (MAUI `ShowListG9BottomSheetAsync`). */\nexport interface G9ListSheetRequest<T extends G9SelectionItem> {\n readonly title: string;\n readonly items: ReadonlyArray<T>;\n readonly selected?: ReadonlyArray<T>;\n readonly multiple?: boolean;\n /** Default true. */\n readonly closeOnSingleSelection?: boolean;\n /** Shows the search field (250 ms debounce, trimmed) with this placeholder. */\n readonly searchPlaceholder?: string | null;\n /** Default full screen without a handle (MAUI). A fit-to-content `sizeMode` keeps the sheet compact. */\n readonly options?: G9SheetOptions;\n /** Apply button text (multi). Default the `save` string. */\n readonly applyButtonText?: string;\n}\n\n/**\n * The shared list picker (MAUI `ShowListG9BottomSheetAsync` / `G9BottomSheetListPickerModal`): search field with\n * placeholder, rows with a selection tint (no check mark), Apply in multi mode, close-on-select after 120 ms. Resolves\n * with the selection when it completes or closes (no accepted/dismissed distinction, as MAUI); `[]` when throttled.\n */\nexport function showListSheet<T extends G9SelectionItem>(\n sheets: G9SheetService,\n request: G9ListSheetRequest<T>,\n): Promise<T[]> {\n const items = [...request.items];\n const keyOf = (item: G9SelectionItem) => (item.key != null && item.key.trim() !== '' ? item.key : item.text);\n const multiple = request.multiple === true;\n const initial = createSelectionModel<T>({\n items,\n getKey: keyOf,\n getText: (item) => item.text,\n mode: multiple ? 'multiple' : 'single',\n selectedKeys: (request.selected ?? []).map(keyOf),\n isEnabled: (item) => item.isEnabled !== false,\n });\n return new Promise((resolve) => {\n let draft = initial;\n let settled = false;\n let handle: G9SheetHandle | null = null;\n const settle = () => {\n if (settled) return;\n settled = true;\n resolve(draft.selectedItems());\n };\n const complete = () => {\n settle();\n handle?.close();\n };\n const body = () => (\n <ListPickerBody\n request={request}\n initial={initial}\n keyOf={keyOf}\n onDraft={(m) => {\n draft = m;\n }}\n onComplete={complete}\n />\n );\n const base = request.options ?? fullScreenWithoutHandleSheetOptions();\n const fit = base.sizeMode === 'fitToContent';\n const options: G9SheetOptions = {\n ...base,\n ...(fit\n ? {}\n : {\n states: ['large'],\n currentState: 'large',\n hasHandle: false,\n isDraggable: true,\n useFullScreenLoadingPlaceholder: true,\n }),\n showToolbar: true,\n showCloseButton: true,\n title: request.title,\n headerTitlePlacement: 'nearBack',\n deferContent: true,\n onClosed: () => {\n base.onClosed?.();\n settle();\n },\n };\n handle = sheets.show(body, options);\n if (!handle) {\n settled = true;\n resolve([]);\n }\n });\n}\n\nfunction ListPickerBody<T extends G9SelectionItem>(props: {\n readonly request: G9ListSheetRequest<T>;\n readonly initial: G9SelectionModel<T>;\n readonly keyOf: (item: G9SelectionItem) => string;\n readonly onDraft: (model: G9SelectionModel<T>) => void;\n readonly onComplete: () => void;\n}): ReactNode {\n const strings = useG9Strings();\n const palette = useG9Theme().palette;\n const [model, setModel] = useState(props.initial);\n const [query, setQuery] = useState('');\n const picking = useRef(false);\n const { request } = props;\n const visible = model.filter(query, { trim: true });\n const tap = (item: T) => {\n if (picking.current || item.isEnabled === false) return;\n const next = model.toggle(props.keyOf(item));\n setModel(next);\n props.onDraft(next);\n if (!request.multiple && request.closeOnSingleSelection !== false) {\n picking.current = true;\n startTimer(props.onComplete, g9SelectionCloseDelayMs);\n }\n };\n return (\n <view className=\"g9-list-picker\">\n {request.searchPlaceholder ? (\n <view className=\"g9-selection__search\">\n <G9SearchEntry\n placeholder={request.searchPlaceholder}\n voiceEnabled={false}\n onDebouncedValueChange={setQuery}\n />\n </view>\n ) : null}\n {visible.map((item) => (\n <ListPickerRow\n key={props.keyOf(item)}\n item={item}\n selected={model.isSelected(props.keyOf(item))}\n tint={palette.PrimaryContainer}\n onTap={() => tap(item)}\n />\n ))}\n {request.multiple ? (\n <view className=\"g9-list-picker__apply\">\n <G9Button\n text={request.applyButtonText ?? strings.get(G9StringKey.Save)}\n size=\"hero\"\n onPress={props.onComplete}\n />\n </view>\n ) : null}\n </view>\n );\n}\n\nfunction ListPickerRow(props: {\n readonly item: G9SelectionItem;\n readonly selected: boolean;\n readonly tint: string;\n readonly onTap: () => void;\n}): ReactNode {\n const press = useG9Press(props.onTap, {\n source: 'G9ListPicker',\n guardMs: 0,\n blocked: props.item.isEnabled === false,\n });\n const icon = { icon: props.item.icon, imagePath: props.item.iconPath, image: props.item.iconImage };\n const direction = useG9Direction();\n return (\n <view\n className={`g9-list-picker__row${props.selected ? ' g9-list-picker__row--selected' : ''}`}\n style={{ ...g9RowStyle(direction), ...(props.selected ? { backgroundColor: props.tint } : {}) }}\n accessibility-element={true}\n accessibility-traits=\"button\"\n accessibility-label={props.item.text}\n bindtap={press}\n >\n {hasIconSlot(icon) ? <G9IconSlot {...icon} size={20} color=\"var(--g9-on-surface-variant)\" /> : null}\n <text className=\"g9-list-picker__text\" text-maxline=\"1\" style={g9TextStart(direction)}>\n {props.item.text}\n </text>\n </view>\n );\n}\n"],"names":["g9SelectionEagerBuildItemLimit","g9SelectionRowHeight","g9SelectionSearchDebounceMs","g9SelectionCloseDelayMs","selectionIdentities","items","counts","Map","item","_counts_get","i","estimateSelectionHeight","count","showSearch","chrome","Math","g9SelectionSkeletonRowCap","G9Metrics","SelectionRow","props","_item_iconTintColor","_item_swatchFirstColor","_item_swatchSecondColor","palette","useG9Theme","glyphs","useG9Settings","selected","press","useG9Press","icon","iconColor","avatar","isAvatarImage","iconSize","view","formatColor","withAlpha","g9RowStyle","hasIconSlot","G9IconSlot","G9Swatch","text","g9TextStart","SelectionBody","_request_emptyText","strings","useG9Strings","parentDir","useG9Direction","request","ids","model","setModel","useState","query","setQuery","applied","setApplied","timer","useRef","picking","useEffect","stopTimer","visible","visibleIds","Set","grown","setGrown","g9SelectionRowPageSize","limit","shown","computeSelectionWindow","latest","now","next","nextSelectionLimit","dir","multiple","onQuery","value","startTimer","tap","id","G9TextEntry","G9StringKey","_item_key","_request_options","g9ChildId","showSelectionSheet","sheets","_request_selectedItems","opening","openingIds","listedIds","initialKeys","unlisted","_","initial","createSelectionModel","Promise","resolve","_request_minimumSelected","draft","draftListeners","draftStore","l","settled","done","startKeys","collect","keys","set","settle","accepted","explicit","result","changed","undefined","k","handle","complete","reset","endListeners","scrolledToEnd","body","m","options","fitToContentSheetOptions","g9SelectionGrowThreshold","SelectionHeaderActions","direction","n","useSyncExternalStore","G9Button","showListSheet","_request_selected","keyOf","ListPickerBody","base","fullScreenWithoutHandleSheetOptions","fit","_request_applyButtonText","G9SearchEntry","ListPickerRow"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack://./src/selection/selection.css"],"names":[],"mappings":"AACA;EAAE,sBAAsB;EACtB,aAAa;AACf;;AAMA;EAHE,mBAAmB;AACrB;;AAMA;EAHE,sBAAsB;EACtB,cAAc;EACd,aAAa;AACf;;AAMA;EAHE,iBAAiB;AACnB;;AAQA;EALE,sBAAsB;EACtB,uBAAuB;EACvB,gBAAgB;EAChB,aAAa;AACf;;AAQA;EALE,mBAAmB;EACnB,mBAAmB;EACnB,gBAAgB;EAChB,eAAe;EACf,aAAa;AACf;;AAQA;EALE,QAAQ;EACR,WAAW;AACb;;AAQA;EALE,uBAAuB;EACvB,OAAO;EACP,eAAe;AACjB;;AAQA;EALE,kBAAkB;EAClB,8BAA8B;EAC9B,kBAAkB;EAClB,eAAe;AACjB;;
|
|
1
|
+
{"version":3,"sources":["webpack://./src/selection/selection.css"],"names":[],"mappings":"AACA;EAAE,sBAAsB;EACtB,aAAa;AACf;;AAMA;EAHE,mBAAmB;AACrB;;AAMA;EAHE,sBAAsB;EACtB,cAAc;EACd,aAAa;AACf;;AAMA;EAHE,iBAAiB;AACnB;;AAQA;EALE,sBAAsB;EACtB,uBAAuB;EACvB,gBAAgB;EAChB,aAAa;AACf;;AAQA;EALE,mBAAmB;EACnB,mBAAmB;EACnB,gBAAgB;EAChB,eAAe;EACf,aAAa;AACf;;AAQA;EALE,QAAQ;EACR,WAAW;AACb;;AAQA;EALE,uBAAuB;EACvB,OAAO;EACP,eAAe;AACjB;;AAQA;EALE,kBAAkB;EAClB,8BAA8B;EAC9B,kBAAkB;EAClB,eAAe;AACjB;;AASA;EANE,kBAAkB;EAClB,8BAA8B;EAC9B,kBAAkB;EAClB,eAAe;AACjB;;AASA;EANE,mBAAmB;EACnB,mBAAmB;EACnB,eAAe;EACf,aAAa;AACf;;AASA;EANE,6CAA6C;EAC7C,mBAAmB;EACnB,gBAAgB;AAClB;;AASA;EANE,qCAAqC;EACrC,eAAe;AACjB;;AASA;EANE,mBAAmB;EACnB,mBAAmB;EACnB,gBAAgB;EAChB,gBAAgB;EAChB,eAAe;EACf,aAAa;AACf;;AASA;EANE,6BAA6B;EAC7B,OAAO;EACP,eAAe;AACjB;;AASA;EANE,kBAAkB;AACpB","sourcesContent":["/* Selection sheet and list picker (MAUI G9SelectionSheet, G9BottomSheetListPickerModal). */\n.g9-selection,\n.g9-list-picker {\n display: flex;\n flex-direction: column;\n}\n\n/* MAUI G9SelectionSheet: the sheet's Padding (0, 0, 0, 4) and the rows host's Padding (0, 4, 0, 4) — 4 dp between the\n header and the first row, 8 dp under the last. */\n.g9-selection {\n padding-bottom: 4px;\n}\n\n.g9-selection__items {\n display: flex;\n flex-direction: column;\n padding: 4px 0px;\n}\n\n.g9-selection__search {\n padding: 8px 12px;\n}\n\n/* A column: the inner row stretches to the full width and is centred VERTICALLY (as a row container, the inner row\n was centred horizontally — icon, text and check bunched in the middle of the sheet). */\n.g9-selection-row {\n min-height: 52px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.g9-selection-row__inner {\n display: flex;\n flex-direction: row;\n align-items: center;\n column-gap: 12px;\n padding: 0px 16px;\n}\n\n.g9-selection-row__icon-gap {\n width: 0px;\n height: 1px;\n}\n\n.g9-selection-row__text {\n flex: 1;\n font-size: 14px;\n text-overflow: ellipsis;\n}\n\n.g9-selection__empty {\n padding: 28px 16px;\n font-size: 13px;\n text-align: center;\n color: var(--g9-text-tertiary);\n}\n\n/* The «N more — search» footer of a long list (MAUI 1.4.8): TextTertiary 12, centred, 16 / 14 padding. */\n.g9-selection__more {\n padding: 14px 16px;\n font-size: 12px;\n text-align: center;\n color: var(--g9-text-tertiary);\n}\n\n.g9-selection__actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n column-gap: 8px;\n}\n\n.g9-selection__count {\n padding: 2px 8px;\n border-radius: 10px;\n background-color: var(--g9-primary-container);\n}\n\n.g9-selection__count-text {\n font-size: 12px;\n color: var(--g9-on-primary-container);\n}\n\n.g9-list-picker__row {\n display: flex;\n flex-direction: row;\n align-items: center;\n column-gap: 10px;\n min-height: 52px;\n padding: 0px 16px;\n}\n\n.g9-list-picker__text {\n flex: 1;\n font-size: 14px;\n color: var(--g9-text-primary);\n}\n\n.g9-list-picker__apply {\n padding: 12px 16px;\n}\n"],"sourceRoot":""}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The selection sheet's row window (MAUI 1.4.8 `G9SelectionWindow`, LES-0056). A 3,416-person assignee list built a row
|
|
3
|
+
* per item and was killed as an ANR in the MAUI app; the Lynx sheet built a row per item too. The sheet now renders only
|
|
4
|
+
* the window this computes: the first `limit` matches in list order, plus every selected match beyond them (a chosen
|
|
5
|
+
* value must stay on screen to be un-chosen), and counts the matches it left out for the «N more» footer.
|
|
6
|
+
*/
|
|
7
|
+
export interface G9SelectionWindow {
|
|
8
|
+
/** The item indices to render, in list order. */
|
|
9
|
+
readonly indices: ReadonlyArray<number>;
|
|
10
|
+
/** Matches left out of the window by the limit (selected ones are never left out). */
|
|
11
|
+
readonly hidden: number;
|
|
12
|
+
}
|
|
13
|
+
/** Rows rendered per page; the next page joins when the list is scrolled to its end (MAUI `RowPageSize`, 60). */
|
|
14
|
+
export declare const g9SelectionRowPageSize = 60;
|
|
15
|
+
/** The most matching rows one query renders, whatever the scrolling (MAUI `MaxRenderedRows`, 200). */
|
|
16
|
+
export declare const g9SelectionMaxRenderedRows = 200;
|
|
17
|
+
/** How close to the end of the list (px) the next page is asked for: four rows (MAUI `SelectionRowHeight * 4`). */
|
|
18
|
+
export declare const g9SelectionGrowThreshold: number;
|
|
19
|
+
/**
|
|
20
|
+
* The window of a query (MAUI `G9SelectionWindow.Compute`).
|
|
21
|
+
* @param count how many items the sheet holds
|
|
22
|
+
* @param matches whether item `i` matches the query
|
|
23
|
+
* @param isSelected whether item `i` is selected now
|
|
24
|
+
* @param limit how many matching rows the window may hold (selected ones beyond it do not count)
|
|
25
|
+
*/
|
|
26
|
+
export declare function computeSelectionWindow(count: number, matches: (index: number) => boolean, isSelected: (index: number) => boolean, limit: number): G9SelectionWindow;
|
|
27
|
+
/** The next render limit after a scroll to the end: one more page, never past {@link g9SelectionMaxRenderedRows}. */
|
|
28
|
+
export declare function nextSelectionLimit(current: number, hidden: number): number;
|
|
29
|
+
//# sourceMappingURL=window.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../src/selection/window.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAChC,iDAAiD;IACjD,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC,sFAAsF;IACtF,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,iHAAiH;AACjH,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,sGAAsG;AACtG,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,mHAAmH;AACnH,eAAO,MAAM,wBAAwB,QAAS,CAAC;AAE/C;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EACnC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EACtC,KAAK,EAAE,MAAM,GACZ,iBAAiB,CAgBnB;AAED,qHAAqH;AACrH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAG1E"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
const g9SelectionRowPageSize = 60;
|
|
2
|
+
const g9SelectionMaxRenderedRows = 200;
|
|
3
|
+
const g9SelectionGrowThreshold = 208;
|
|
4
|
+
function computeSelectionWindow(count, matches, isSelected, limit) {
|
|
5
|
+
const indices = [];
|
|
6
|
+
let hidden = 0;
|
|
7
|
+
let shown = 0;
|
|
8
|
+
for(let i = 0; i < count; i++)if (matches(i)) if (shown < limit) {
|
|
9
|
+
indices.push(i);
|
|
10
|
+
shown++;
|
|
11
|
+
} else if (isSelected(i)) indices.push(i);
|
|
12
|
+
else hidden++;
|
|
13
|
+
return {
|
|
14
|
+
indices,
|
|
15
|
+
hidden
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
function nextSelectionLimit(current, hidden) {
|
|
19
|
+
if (hidden <= 0) return current;
|
|
20
|
+
return Math.min(current + g9SelectionRowPageSize, g9SelectionMaxRenderedRows);
|
|
21
|
+
}
|
|
22
|
+
export { computeSelectionWindow, g9SelectionGrowThreshold, g9SelectionMaxRenderedRows, g9SelectionRowPageSize, nextSelectionLimit };
|
|
23
|
+
|
|
24
|
+
//# sourceMappingURL=window.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selection/window.jsx","sources":["../../src/selection/window.ts"],"sourcesContent":["/**\n * The selection sheet's row window (MAUI 1.4.8 `G9SelectionWindow`, LES-0056). A 3,416-person assignee list built a row\n * per item and was killed as an ANR in the MAUI app; the Lynx sheet built a row per item too. The sheet now renders only\n * the window this computes: the first `limit` matches in list order, plus every selected match beyond them (a chosen\n * value must stay on screen to be un-chosen), and counts the matches it left out for the «N more» footer.\n */\nexport interface G9SelectionWindow {\n /** The item indices to render, in list order. */\n readonly indices: ReadonlyArray<number>;\n /** Matches left out of the window by the limit (selected ones are never left out). */\n readonly hidden: number;\n}\n\n/** Rows rendered per page; the next page joins when the list is scrolled to its end (MAUI `RowPageSize`, 60). */\nexport const g9SelectionRowPageSize = 60;\n/** The most matching rows one query renders, whatever the scrolling (MAUI `MaxRenderedRows`, 200). */\nexport const g9SelectionMaxRenderedRows = 200;\n/** How close to the end of the list (px) the next page is asked for: four rows (MAUI `SelectionRowHeight * 4`). */\nexport const g9SelectionGrowThreshold = 4 * 52;\n\n/**\n * The window of a query (MAUI `G9SelectionWindow.Compute`).\n * @param count how many items the sheet holds\n * @param matches whether item `i` matches the query\n * @param isSelected whether item `i` is selected now\n * @param limit how many matching rows the window may hold (selected ones beyond it do not count)\n */\nexport function computeSelectionWindow(\n count: number,\n matches: (index: number) => boolean,\n isSelected: (index: number) => boolean,\n limit: number,\n): G9SelectionWindow {\n const indices: number[] = [];\n let hidden = 0;\n let shown = 0;\n for (let i = 0; i < count; i++) {\n if (!matches(i)) continue;\n if (shown < limit) {\n indices.push(i);\n shown++;\n } else if (isSelected(i)) {\n indices.push(i);\n } else {\n hidden++;\n }\n }\n return { indices, hidden };\n}\n\n/** The next render limit after a scroll to the end: one more page, never past {@link g9SelectionMaxRenderedRows}. */\nexport function nextSelectionLimit(current: number, hidden: number): number {\n if (hidden <= 0) return current;\n return Math.min(current + g9SelectionRowPageSize, g9SelectionMaxRenderedRows);\n}\n"],"names":["g9SelectionRowPageSize","g9SelectionMaxRenderedRows","g9SelectionGrowThreshold","computeSelectionWindow","count","matches","isSelected","limit","indices","hidden","shown","i","nextSelectionLimit","current","Math"],"mappings":"AAcO,MAAMA,yBAAyB;AAE/B,MAAMC,6BAA6B;AAEnC,MAAMC,2BAA2B;AASjC,SAASC,uBACdC,KAAa,EACbC,OAAmC,EACnCC,UAAsC,EACtCC,KAAa;IAEb,MAAMC,UAAoB,EAAE;IAC5B,IAAIC,SAAS;IACb,IAAIC,QAAQ;IACZ,IAAK,IAAIC,IAAI,GAAGA,IAAIP,OAAOO,IACzB,IAAKN,QAAQM,IACb,IAAID,QAAQH,OAAO;QACjBC,QAAQ,IAAI,CAACG;QACbD;IACF,OAAO,IAAIJ,WAAWK,IACpBH,QAAQ,IAAI,CAACG;SAEbF;IAGJ,OAAO;QAAED;QAASC;IAAO;AAC3B;AAGO,SAASG,mBAAmBC,OAAe,EAAEJ,MAAc;IAChE,IAAIA,UAAU,GAAG,OAAOI;IACxB,OAAOC,KAAK,GAAG,CAACD,UAAUb,wBAAwBC;AACpD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../src/sheet/frame.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,EAIL,KAAK,aAAa,EAKnB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAiB,KAAK,SAAS,EAA2C,MAAM,gBAAgB,CAAC;AASxG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,KAAK,EAAiB,eAAe,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../src/sheet/frame.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,EAIL,KAAK,aAAa,EAKnB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAiB,KAAK,SAAS,EAA2C,MAAM,gBAAgB,CAAC;AASxG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,KAAK,EAAiB,eAAe,EAAE,MAAM,WAAW,CAAC;AAgBhE,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzE,qGAAqG;AACrG,MAAM,WAAW,mBAAmB;IAClC,iEAAiE;IACjE,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,oEAAoE;IACpE,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,oCAAoC;IACpC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,4BAA4B;IAC5B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,yDAAyD;IACzD,QAAQ,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CACvC;AAID,kDAAkD;AAClD,wBAAgB,iBAAiB,IAAI,mBAAmB,GAAG,IAAI,CAE9D;AAED,qCAAqC;AACrC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,wEAAwE;IACxE,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,kGAAkG;IAClG,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC7C,QAAQ,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACxC,mCAAmC;IACnC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,gEAAgE;IAChE,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,qFAAqF;IACrF,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AA4BD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAmXhE"}
|