@g9tm/lynxcontrols 0.0.0-stage → 1.4.0

package/dist/pickers/pickers.css

@@ -0,0 +1,219 @@
+.g9-picker__value {
+  flex-direction: row;
+  align-items: center;
+  height: 100%;
+  display: flex;
+}
+
+.g9-picker__text {
+  color: var(--g9-text-primary);
+  flex-shrink: 1;
+  font-size: 15px;
+}
+
+.g9-picker__text--placeholder {
+  color: var(--g9-text-tertiary);
+}
+
+.g9-picker__swatch {
+  margin-right: 8px;
+}
+
+.g9-dir-rtl .g9-picker__swatch {
+  margin-left: 8px;
+  margin-right: 0;
+}
+
+.g9-picker__icon {
+  margin-right: 8px;
+  display: flex;
+}
+
+.g9-dir-rtl .g9-picker__icon {
+  margin-left: 8px;
+  margin-right: 0;
+}
+
+.g9-combo__chip .g9-picker__icon {
+  margin-right: 6px;
+}
+
+.g9-dir-rtl .g9-combo__chip .g9-picker__icon {
+  margin-left: 6px;
+  margin-right: 0;
+}
+
+.g9-combo__value {
+  flex-direction: row;
+  align-items: center;
+  height: 100%;
+  display: flex;
+}
+
+.g9-combo__chips {
+  flex-direction: row;
+  align-items: center;
+  display: flex;
+}
+
+.g9-combo__chip {
+  background-color: var(--g9-primary);
+  border-radius: 6px;
+  flex-direction: row;
+  align-items: center;
+  height: 28px;
+  margin-right: 6px;
+  padding-left: 9px;
+  padding-right: 9px;
+  display: flex;
+}
+
+.g9-dir-rtl .g9-combo__chip {
+  margin-left: 6px;
+  margin-right: 0;
+}
+
+.g9-combo__chip--more {
+  background: var(--g9-surface-variant);
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--g9-outline-variant);
+}
+
+.g9-combo__chip-text {
+  color: var(--g9-on-primary);
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.g9-combo__chip--more .g9-combo__chip-text {
+  color: var(--g9-text-secondary);
+}
+
+.g9-picker-sheet {
+  background-color: var(--g9-surface);
+  flex-direction: column;
+  padding-bottom: 10px;
+  display: flex;
+}
+
+.g9-picker-sheet__header {
+  flex-direction: row;
+  align-items: center;
+  height: 52px;
+  padding-left: 8px;
+  padding-right: 8px;
+  display: flex;
+}
+
+.g9-picker-sheet__action {
+  justify-content: center;
+  align-items: center;
+  min-width: 64px;
+  height: 40px;
+  display: flex;
+}
+
+.g9-picker-sheet__action-text {
+  color: var(--g9-text-secondary);
+  font-size: 15px;
+}
+
+.g9-picker-sheet__action-text--done {
+  color: var(--g9-primary);
+  font-weight: 700;
+}
+
+.g9-picker-sheet__title {
+  text-align: center;
+  color: var(--g9-on-surface);
+  flex: 1;
+  font-size: 16.2px;
+  font-weight: 700;
+}
+
+.g9-picker-sheet__preview {
+  text-align: center;
+  color: var(--g9-text-secondary);
+  margin-bottom: 8px;
+  font-size: 14px;
+}
+
+.g9-picker-sheet__today {
+  background-color: var(--g9-primary-container);
+  border-radius: 15px;
+  justify-content: center;
+  align-self: center;
+  align-items: center;
+  height: 30px;
+  margin-bottom: 8px;
+  padding-left: 14px;
+  padding-right: 14px;
+  display: flex;
+}
+
+.g9-picker-sheet__today-text {
+  color: var(--g9-on-primary-container);
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.g9-picker-sheet__wheels {
+  flex-direction: row;
+  padding-left: 8px;
+  padding-right: 8px;
+  display: flex;
+}
+
+.g9-picker-sheet__wheels.g9-dir-rtl {
+  direction: ltr;
+  flex-direction: row-reverse;
+}
+
+.g9-wheel {
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.g9-wheel__label {
+  text-align: center;
+  color: var(--g9-text-tertiary);
+  margin-bottom: 4px;
+  font-size: 12px;
+}
+
+.g9-wheel__viewport {
+  position: relative;
+  overflow: hidden;
+}
+
+.g9-wheel__band {
+  border-style: solid;
+  border-width: 1.5px;
+  border-color: var(--g9-primary);
+  background-color: var(--g9-primary-container);
+  border-radius: 10px;
+  position: absolute;
+  left: 4px;
+  right: 4px;
+}
+
+.g9-wheel__row {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.g9-wheel__text {
+  color: var(--g9-text-secondary);
+  font-size: 16px;
+}
+
+.g9-wheel__row--selected .g9-wheel__text {
+  color: var(--g9-primary);
+  font-weight: 700;
+}
+
+
+/*# sourceMappingURL=pickers.css.map */

package/dist/pickers/pickers.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./src/pickers/pickers.css"],"names":[],"mappings":"AAAA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,6BAA6B;EAC7B,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,8BAA8B;AAChC;;AAGA;EAAE,iBAAiB;AACnB;;AAGA;EAAE,gBAAgB;EAChB,eAAe;AACjB;;AAGA;EAAE,iBAAiB;EACjB,aAAa;AACf;;AAGA;EAAE,gBAAgB;EAChB,eAAe;AACjB;;AAGA;EAAE,iBAAiB;AACnB;;AAGA;EAAE,gBAAgB;EAChB,eAAe;AACjB;;AAGA;EAAE,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,aAAa;AACf;;AAGA;EAAE,mBAAmB;EACnB,mBAAmB;EACnB,aAAa;AACf;;AAGA;EAAE,mCAAmC;EACnC,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;AACf;;AAGA;EAAE,gBAAgB;EAChB,eAAe;AACjB;;AAGA;EAAE,qCAAqC;EACrC,mBAAmB;EACnB,iBAAiB;EACjB,uCAAuC;AACzC;;AAGA;EAAE,2BAA2B;EAC3B,eAAe;EACf,gBAAgB;AAClB;;AAGA;EAAE,+BAA+B;AACjC;;AAGA;EAAE,mCAAmC;EACnC,sBAAsB;EACtB,oBAAoB;EACpB,aAAa;AACf;;AAGA;EAAE,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;AACf;;AAGA;EAAE,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;EACf,YAAY;EACZ,aAAa;AACf;;AAGA;EAAE,+BAA+B;EAC/B,eAAe;AACjB;;AAGA;EAAE,wBAAwB;EACxB,gBAAgB;AAClB;;AAGA;EAAE,kBAAkB;EAClB,2BAA2B;EAC3B,OAAO;EACP,iBAAiB;EACjB,gBAAgB;AAClB;;AAGA;EAAE,kBAAkB;EAClB,+BAA+B;EAC/B,kBAAkB;EAClB,eAAe;AACjB;;AAGA;EAAE,6CAA6C;EAC7C,mBAAmB;EACnB,uBAAuB;EACvB,kBAAkB;EAClB,mBAAmB;EACnB,YAAY;EACZ,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,aAAa;AACf;;AAGA;EAAE,qCAAqC;EACrC,eAAe;EACf,gBAAgB;AAClB;;AAGA;EAAE,mBAAmB;EACnB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;AACf;;AAKA;EAFE,cAAc;EACd,2BAA2B;AAC7B;;AAKA;EAFE,sBAAsB;EACtB,OAAO;EACP,aAAa;AACf;;AAKA;EAFE,kBAAkB;EAClB,8BAA8B;EAC9B,kBAAkB;EAClB,eAAe;AACjB;;AAKA;EAFE,kBAAkB;EAClB,gBAAgB;AAClB;;AAKA;EAFE,mBAAmB;EACnB,mBAAmB;EACnB,+BAA+B;EAC/B,6CAA6C;EAC7C,mBAAmB;EACnB,kBAAkB;EAClB,SAAS;EACT,UAAU;AACZ;;AAKA;EAFE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AAKA;EAFE,+BAA+B;EAC/B,eAAe;AACjB;;AAKA;EAFE,wBAAwB;EACxB,gBAAgB;AAClB","sourcesContent":[".g9-picker__value {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 100%;\n}\n\n.g9-picker__text {\n  font-size: 15px;\n  color: var(--g9-text-primary);\n  flex-shrink: 1;\n}\n\n.g9-picker__text--placeholder {\n  color: var(--g9-text-tertiary);\n}\n\n/* Gap after the swatch on the reading side (logical margins are dropped by the Lynx encoder, specs/02 §7). */\n.g9-picker__swatch {\n  margin-right: 8px;\n}\n\n.g9-dir-rtl .g9-picker__swatch {\n  margin-right: 0px;\n  margin-left: 8px;\n}\n\n.g9-picker__icon {\n  display: flex;\n  margin-right: 8px;\n}\n\n.g9-dir-rtl .g9-picker__icon {\n  margin-right: 0px;\n  margin-left: 8px;\n}\n\n.g9-combo__chip .g9-picker__icon {\n  margin-right: 6px;\n}\n\n.g9-dir-rtl .g9-combo__chip .g9-picker__icon {\n  margin-right: 0px;\n  margin-left: 6px;\n}\n\n.g9-combo__value {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 100%;\n}\n\n.g9-combo__chips {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.g9-combo__chip {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 28px;\n  padding-left: 9px;\n  padding-right: 9px;\n  margin-right: 6px;\n  border-radius: 6px;\n  background-color: var(--g9-primary);\n}\n\n.g9-dir-rtl .g9-combo__chip {\n  margin-right: 0px;\n  margin-left: 6px;\n}\n\n.g9-combo__chip--more {\n  background: var(--g9-surface-variant);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--g9-outline-variant);\n}\n\n.g9-combo__chip-text {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--g9-on-primary);\n}\n\n.g9-combo__chip--more .g9-combo__chip-text {\n  color: var(--g9-text-secondary);\n}\n\n.g9-picker-sheet {\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 10px;\n  background-color: var(--g9-surface);\n}\n\n.g9-picker-sheet__header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 52px;\n  padding-left: 8px;\n  padding-right: 8px;\n}\n\n.g9-picker-sheet__action {\n  min-width: 64px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.g9-picker-sheet__action-text {\n  font-size: 15px;\n  color: var(--g9-text-secondary);\n}\n\n.g9-picker-sheet__action-text--done {\n  color: var(--g9-primary);\n  font-weight: 700;\n}\n\n.g9-picker-sheet__title {\n  flex: 1;\n  text-align: center;\n  font-size: 16.2px;\n  font-weight: 700;\n  color: var(--g9-on-surface);\n}\n\n.g9-picker-sheet__preview {\n  text-align: center;\n  font-size: 14px;\n  color: var(--g9-text-secondary);\n  margin-bottom: 8px;\n}\n\n.g9-picker-sheet__today {\n  align-self: center;\n  height: 30px;\n  padding-left: 14px;\n  padding-right: 14px;\n  border-radius: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 8px;\n  background-color: var(--g9-primary-container);\n}\n\n.g9-picker-sheet__today-text {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--g9-on-primary-container);\n}\n\n.g9-picker-sheet__wheels {\n  display: flex;\n  flex-direction: row;\n  padding-left: 8px;\n  padding-right: 8px;\n}\n\n/* Mirrored explicitly; the row's own direction stays ltr so an engine that honours `direction` does not reverse it\n   again (Lynxtron ignores `direction`, E22). */\n.g9-picker-sheet__wheels.g9-dir-rtl {\n  direction: ltr;\n  flex-direction: row-reverse;\n}\n\n.g9-wheel {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.g9-wheel__label {\n  text-align: center;\n  font-size: 12px;\n  color: var(--g9-text-tertiary);\n  margin-bottom: 4px;\n}\n\n.g9-wheel__viewport {\n  position: relative;\n  overflow: hidden;\n}\n\n.g9-wheel__band {\n  position: absolute;\n  left: 4px;\n  right: 4px;\n  border-radius: 10px;\n  border-width: 1.5px;\n  border-style: solid;\n  border-color: var(--g9-primary);\n  background-color: var(--g9-primary-container);\n}\n\n.g9-wheel__row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.g9-wheel__text {\n  font-size: 16px;\n  color: var(--g9-text-secondary);\n}\n\n.g9-wheel__row--selected .g9-wheel__text {\n  color: var(--g9-primary);\n  font-weight: 700;\n}\n"],"sourceRoot":""}

package/dist/pickers/timespan-picker.d.ts

@@ -0,0 +1,36 @@
+import './pickers.css';
+import { type G9Culture } from '@g9tm/lynxcontrols-foundation';
+import { type ReactNode } from '@lynx-js/react';
+import { G9TimeSpanPickerMode } from './timespan.js';
+import { type G9PickerFieldProps } from './trigger.js';
+/** Props of {@link G9TimeSpanPicker}. */
+export interface G9TimeSpanPickerProps extends G9PickerFieldProps {
+    /** Duration in milliseconds (MAUI `SelectedTimeSpan`); `null` = none. Controlled with `onValueChange`. */
+    readonly value?: number | null;
+    readonly defaultValue?: number | null;
+    readonly onValueChange?: (ms: number | null) => void;
+    /** Which drums show. Default `'yearsMonthsDays'`. */
+    readonly mode?: G9TimeSpanPickerMode;
+    /** Caption of the seconds drum (there is no localized key for it). Default `'s'`. */
+    readonly secondsLabel?: string;
+    /** Done confirmed a duration (MAUI `TimeSpanSelected`). */
+    readonly onTimeSpanSelected?: (ms: number) => void;
+}
+/** The duration drum sheet body (MAUI `G9TimeSpanPickerSheet`, plus the hours/minutes/seconds drums). */
+export declare function TimeSpanSheetBody(props: {
+    readonly title: string;
+    readonly initial: number;
+    readonly mode: G9TimeSpanPickerMode;
+    readonly culture: G9Culture;
+    readonly secondsLabel: string;
+    readonly done: (ms: number) => void;
+    readonly cancel: () => void;
+}): ReactNode;
+/**
+ * A duration in an outlined box (MAUI `G9TimeSpanPicker`): a tap opens the drum sheet; Done writes the value and
+ * fires `onTimeSpanSelected`, Cancel and dismissals write nothing. Years/months/days follow the 365/30 convention;
+ * the hours/minutes/seconds modes add those drums (MAUI accepted the modes but never showed them). Must be inside a
+ * `G9Host`.
+ */
+export declare function G9TimeSpanPicker(props: G9TimeSpanPickerProps): ReactNode;
+//# sourceMappingURL=timespan-picker.d.ts.map

package/dist/pickers/timespan-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timespan-picker.d.ts","sourceRoot":"","sources":["../../src/pickers/timespan-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,+BAA+B,CAAC;AAC5F,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,gBAAgB,CAAC;AAMlE,OAAO,EAIL,oBAAoB,EAKrB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,KAAK,kBAAkB,EAA8B,MAAM,WAAW,CAAC;AAGhF,yCAAyC;AACzC,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D,0GAA0G;IAC1G,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,qDAAqD;IACrD,QAAQ,CAAC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IACrC,qFAAqF;IACrF,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,2DAA2D;IAC3D,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAQD,yGAAyG;AACzG,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,oBAAoB,CAAC;IACpC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;CAC7B,GAAG,SAAS,CAoEZ;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CA2CxE"}

package/dist/pickers/timespan-picker.jsx

@@ -0,0 +1,99 @@
+import "./pickers.css";
+import { G9StringKey, toNativeDigits } from "@g9tm/lynxcontrols-foundation";
+import { useRef, useState } from "@lynx-js/react";
+import { useControllableState } from "../base/use-controllable-state.jsx";
+import { useG9Culture, useG9Settings, useG9Strings } from "../provider/hooks.jsx";
+import { useG9Sheets } from "../sheet/service.jsx";
+import { PickerSheetHeader, showPickerSheet } from "./picker-sheet.jsx";
+import { G9TimeSpanPickerMode, composeTimeSpan, formatTimeSpan, g9TimeSpanDefaultMaxDays, g9TimeSpanMaxYears, timeSpanDepth, timeSpanParts } from "./timespan.jsx";
+import { PickerField, usePickerOpen } from "./trigger.jsx";
+import { G9WheelColumn } from "./wheel-column.jsx";
+const range = (from, to, culture, width)=>Array.from({
+        length: to - from + 1
+    }, (_, i)=>({
+            value: from + i,
+            text: toNativeDigits(String(from + i).padStart(width, '0'), culture.numberingSystem)
+        }));
+function TimeSpanSheetBody(props) {
+    const strings = useG9Strings();
+    const { culture } = props;
+    const depth = timeSpanDepth(props.mode);
+    const [parts, setParts] = useState(()=>timeSpanParts(props.initial, props.mode));
+    const latest = useRef(parts);
+    const change = (patch)=>{
+        latest.current = {
+            ...latest.current,
+            ...patch
+        };
+        setParts(latest.current);
+    };
+    return <view className="g9-picker-sheet">
+      <PickerSheetHeader title={props.title} onCancel={props.cancel} onDone={()=>props.done(composeTimeSpan(latest.current))}/>
+      <view className={`g9-picker-sheet__wheels g9-dir-${culture.direction}`}>
+        <G9WheelColumn label={strings.get(G9StringKey.Year)} items={range(0, g9TimeSpanMaxYears, culture, 2)} value={parts.years} onValueChange={(years)=>change({
+            years
+        })}/>
+        <G9WheelColumn label={strings.get(G9StringKey.Month)} items={range(0, 11, culture, 2)} value={parts.months} onValueChange={(months)=>change({
+            months
+        })}/>
+        {depth >= 1 ? <G9WheelColumn label={strings.get(G9StringKey.Day)} items={range(0, Math.max(g9TimeSpanDefaultMaxDays, parts.days), culture, 2)} value={parts.days} onValueChange={(days)=>change({
+            days
+        })}/> : null}
+        {depth >= 2 ? <G9WheelColumn label={strings.get(G9StringKey.Hour)} items={range(0, 23, culture, 2)} value={parts.hours} onValueChange={(hours)=>change({
+            hours
+        })}/> : null}
+        {depth >= 3 ? <G9WheelColumn label={strings.get(G9StringKey.Minute)} items={range(0, 59, culture, 2)} value={parts.minutes} onValueChange={(minutes)=>change({
+            minutes
+        })}/> : null}
+        {depth >= 4 ? <G9WheelColumn label={props.secondsLabel} items={range(0, 59, culture, 2)} value={parts.seconds} onValueChange={(seconds)=>change({
+            seconds
+        })}/> : null}
+      </view>
+    </view>;
+}
+function G9TimeSpanPicker(props) {
+    var _props_mode, _props_defaultValue, _props_placeholder;
+    const sheets = useG9Sheets();
+    const culture = useG9Culture();
+    const strings = useG9Strings();
+    const glyphs = useG9Settings().glyphs;
+    const open = usePickerOpen();
+    const mode = null != (_props_mode = props.mode) ? _props_mode : G9TimeSpanPickerMode.YearsMonthsDays;
+    const [value, setValue] = useControllableState({
+        value: props.value,
+        defaultValue: null != (_props_defaultValue = props.defaultValue) ? _props_defaultValue : null,
+        onChange: props.onValueChange,
+        name: 'G9TimeSpanPicker.value'
+    });
+    const latest = useRef({
+        props,
+        value
+    });
+    latest.current = {
+        props,
+        value
+    };
+    const onOpen = ()=>open(async (isCurrent)=>{
+            var _p_label, _latest_current_props_onTimeSpanSelected, _latest_current_props;
+            const p = latest.current.props;
+            const title = (null == (_p_label = p.label) ? void 0 : _p_label.trim()) ? p.label : strings.get(G9StringKey.SelectDuration);
+            const result = await showPickerSheet(sheets, ({ done, cancel })=>{
+                var _latest_current_value, _p_secondsLabel;
+                return <TimeSpanSheetBody title={title} initial={null != (_latest_current_value = latest.current.value) ? _latest_current_value : 0} mode={mode} culture={culture} secondsLabel={null != (_p_secondsLabel = p.secondsLabel) ? _p_secondsLabel : 's'} done={done} cancel={cancel}/>;
+            });
+            if (!isCurrent() || null === result) return;
+            setValue(result);
+            null == (_latest_current_props_onTimeSpanSelected = (_latest_current_props = latest.current.props).onTimeSpanSelected) || _latest_current_props_onTimeSpanSelected.call(_latest_current_props, result);
+        });
+    return <PickerField field={{
+        trailingIcon: glyphs.dateRange,
+        ...props
+    }} hasValue={null !== value} onOpen={onOpen}>
+      <text className={`g9-picker__text${null !== value ? '' : ' g9-picker__text--placeholder'}`} text-maxline="1">
+        {null !== value ? formatTimeSpan(value, mode, strings, culture) : props.label ? '' : null != (_props_placeholder = props.placeholder) ? _props_placeholder : ''}
+      </text>
+    </PickerField>;
+}
+export { G9TimeSpanPicker, TimeSpanSheetBody };
+
+//# sourceMappingURL=timespan-picker.jsx.map

package/dist/pickers/timespan-picker.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickers/timespan-picker.jsx","sources":["../../src/pickers/timespan-picker.tsx"],"sourcesContent":["import './pickers.css';\nimport { type G9Culture, G9StringKey, toNativeDigits } from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useRef, useState } from '@lynx-js/react';\nimport { useControllableState } from '../base/use-controllable-state';\nimport { useG9Culture, useG9Settings, useG9Strings } from '../provider/hooks';\nimport { useG9Sheets } from '../sheet/service';\nimport type { G9WheelItem } from './date-time';\nimport { PickerSheetHeader, showPickerSheet } from './picker-sheet';\nimport {\n  composeTimeSpan,\n  formatTimeSpan,\n  type G9TimeSpanParts,\n  G9TimeSpanPickerMode,\n  g9TimeSpanDefaultMaxDays,\n  g9TimeSpanMaxYears,\n  timeSpanDepth,\n  timeSpanParts,\n} from './timespan';\nimport { type G9PickerFieldProps, PickerField, usePickerOpen } from './trigger';\nimport { G9WheelColumn } from './wheel-column';\n\n/** Props of {@link G9TimeSpanPicker}. */\nexport interface G9TimeSpanPickerProps extends G9PickerFieldProps {\n  /** Duration in milliseconds (MAUI `SelectedTimeSpan`); `null` = none. Controlled with `onValueChange`. */\n  readonly value?: number | null;\n  readonly defaultValue?: number | null;\n  readonly onValueChange?: (ms: number | null) => void;\n  /** Which drums show. Default `'yearsMonthsDays'`. */\n  readonly mode?: G9TimeSpanPickerMode;\n  /** Caption of the seconds drum (there is no localized key for it). Default `'s'`. */\n  readonly secondsLabel?: string;\n  /** Done confirmed a duration (MAUI `TimeSpanSelected`). */\n  readonly onTimeSpanSelected?: (ms: number) => void;\n}\n\nconst range = (from: number, to: number, culture: G9Culture, width: number): G9WheelItem[] =>\n  Array.from({ length: to - from + 1 }, (_, i) => ({\n    value: from + i,\n    text: toNativeDigits(String(from + i).padStart(width, '0'), culture.numberingSystem),\n  }));\n\n/** The duration drum sheet body (MAUI `G9TimeSpanPickerSheet`, plus the hours/minutes/seconds drums). */\nexport function TimeSpanSheetBody(props: {\n  readonly title: string;\n  readonly initial: number;\n  readonly mode: G9TimeSpanPickerMode;\n  readonly culture: G9Culture;\n  readonly secondsLabel: string;\n  readonly done: (ms: number) => void;\n  readonly cancel: () => void;\n}): ReactNode {\n  const strings = useG9Strings();\n  const { culture } = props;\n  const depth = timeSpanDepth(props.mode);\n  // What Done returns is what the drums show, also when nothing is touched (MAUI fix).\n  const [parts, setParts] = useState<G9TimeSpanParts>(() => timeSpanParts(props.initial, props.mode));\n  // The latest drums, written synchronously: Done can be tapped before the re-render binds a handler that closes over\n  // the new parts, and returned the old duration (Windows CI agent, Azure build 541). See DateTimeSheetBody.\n  const latest = useRef(parts);\n  const change = (patch: Partial<G9TimeSpanParts>) => {\n    latest.current = { ...latest.current, ...patch };\n    setParts(latest.current);\n  };\n  return (\n    <view className=\"g9-picker-sheet\">\n      <PickerSheetHeader\n        title={props.title}\n        onCancel={props.cancel}\n        onDone={() => props.done(composeTimeSpan(latest.current))}\n      />\n      <view className={`g9-picker-sheet__wheels g9-dir-${culture.direction}`}>\n        <G9WheelColumn\n          label={strings.get(G9StringKey.Year)}\n          items={range(0, g9TimeSpanMaxYears, culture, 2)}\n          value={parts.years}\n          onValueChange={(years) => change({ years })}\n        />\n        <G9WheelColumn\n          label={strings.get(G9StringKey.Month)}\n          items={range(0, 11, culture, 2)}\n          value={parts.months}\n          onValueChange={(months) => change({ months })}\n        />\n        {depth >= 1 ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Day)}\n            items={range(0, Math.max(g9TimeSpanDefaultMaxDays, parts.days), culture, 2)}\n            value={parts.days}\n            onValueChange={(days) => change({ days })}\n          />\n        ) : null}\n        {depth >= 2 ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Hour)}\n            items={range(0, 23, culture, 2)}\n            value={parts.hours}\n            onValueChange={(hours) => change({ hours })}\n          />\n        ) : null}\n        {depth >= 3 ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Minute)}\n            items={range(0, 59, culture, 2)}\n            value={parts.minutes}\n            onValueChange={(minutes) => change({ minutes })}\n          />\n        ) : null}\n        {depth >= 4 ? (\n          <G9WheelColumn\n            label={props.secondsLabel}\n            items={range(0, 59, culture, 2)}\n            value={parts.seconds}\n            onValueChange={(seconds) => change({ seconds })}\n          />\n        ) : null}\n      </view>\n    </view>\n  );\n}\n\n/**\n * A duration in an outlined box (MAUI `G9TimeSpanPicker`): a tap opens the drum sheet; Done writes the value and\n * fires `onTimeSpanSelected`, Cancel and dismissals write nothing. Years/months/days follow the 365/30 convention;\n * the hours/minutes/seconds modes add those drums (MAUI accepted the modes but never showed them). Must be inside a\n * `G9Host`.\n */\nexport function G9TimeSpanPicker(props: G9TimeSpanPickerProps): ReactNode {\n  const sheets = useG9Sheets();\n  const culture = useG9Culture();\n  const strings = useG9Strings();\n  const glyphs = useG9Settings().glyphs;\n  const open = usePickerOpen();\n  const mode = props.mode ?? G9TimeSpanPickerMode.YearsMonthsDays;\n  const [value, setValue] = useControllableState<number | null>({\n    value: props.value,\n    defaultValue: props.defaultValue ?? null,\n    onChange: props.onValueChange,\n    name: 'G9TimeSpanPicker.value',\n  });\n  const latest = useRef({ props, value });\n  latest.current = { props, value };\n\n  const onOpen = () =>\n    open(async (isCurrent) => {\n      const p = latest.current.props;\n      const title = p.label?.trim() ? p.label : strings.get(G9StringKey.SelectDuration);\n      const result = await showPickerSheet<number>(sheets, ({ done, cancel }) => (\n        <TimeSpanSheetBody\n          title={title}\n          initial={latest.current.value ?? 0}\n          mode={mode}\n          culture={culture}\n          secondsLabel={p.secondsLabel ?? 's'}\n          done={done}\n          cancel={cancel}\n        />\n      ));\n      if (!isCurrent() || result === null) return;\n      setValue(result);\n      latest.current.props.onTimeSpanSelected?.(result);\n    });\n\n  return (\n    <PickerField field={{ trailingIcon: glyphs.dateRange, ...props }} hasValue={value !== null} onOpen={onOpen}>\n      <text className={`g9-picker__text${value !== null ? '' : ' g9-picker__text--placeholder'}`} text-maxline=\"1\">\n        {value !== null ? formatTimeSpan(value, mode, strings, culture) : props.label ? '' : (props.placeholder ?? '')}\n      </text>\n    </PickerField>\n  );\n}\n"],"names":["range","from","to","culture","width","Array","_","i","toNativeDigits","String","TimeSpanSheetBody","props","strings","useG9Strings","depth","timeSpanDepth","parts","setParts","useState","timeSpanParts","latest","useRef","change","patch","view","PickerSheetHeader","composeTimeSpan","G9WheelColumn","G9StringKey","g9TimeSpanMaxYears","years","months","Math","g9TimeSpanDefaultMaxDays","days","hours","minutes","seconds","G9TimeSpanPicker","_props_mode","_props_defaultValue","_props_placeholder","sheets","useG9Sheets","useG9Culture","glyphs","useG9Settings","open","usePickerOpen","mode","G9TimeSpanPickerMode","value","setValue","useControllableState","onOpen","isCurrent","_p_label","_latest_current_props","p","title","result","showPickerSheet","done","cancel","_latest_current_value","_p_secondsLabel","PickerField","text","formatTimeSpan"],"mappings":"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"}

package/dist/pickers/timespan.d.ts

@@ -0,0 +1,38 @@
+import { type G9Culture, type G9Strings } from '@g9tm/lynxcontrols-foundation';
+/** Which drums the duration picker shows (MAUI `G9TimeSpanPickerMode`). */
+export declare const G9TimeSpanPickerMode: {
+    readonly YearsMonths: "yearsMonths";
+    readonly YearsMonthsDays: "yearsMonthsDays";
+    readonly YearsMonthsDaysHours: "yearsMonthsDaysHours";
+    readonly YearsMonthsDaysHoursMinutes: "yearsMonthsDaysHoursMinutes";
+    readonly YearsMonthsDaysHoursMinutesSeconds: "yearsMonthsDaysHoursMinutesSeconds";
+};
+export type G9TimeSpanPickerMode = (typeof G9TimeSpanPickerMode)[keyof typeof G9TimeSpanPickerMode];
+/** The number of drums after years and months a mode shows (0 = none … 4 = days, hours, minutes, seconds). */
+export declare function timeSpanDepth(mode: G9TimeSpanPickerMode): number;
+/** Most years the years drum shows (MAUI `MaxYears`). */
+export declare const g9TimeSpanMaxYears = 100;
+/** Default last row of the days drum (MAUI `DefaultMaxDays`); the 365-day remainder can need up to 34. */
+export declare const g9TimeSpanDefaultMaxDays = 30;
+/** The parts a duration shows on the drums. */
+export interface G9TimeSpanParts {
+    readonly years: number;
+    readonly months: number;
+    readonly days: number;
+    readonly hours: number;
+    readonly minutes: number;
+    readonly seconds: number;
+}
+/**
+ * Splits a duration (ms) into the drum parts of a mode (MAUI sheet constructor): whole days decompose with the
+ * 365/30 rule, years are pinned to 100, parts the mode does not show are dropped, sub-second remainders too.
+ */
+export declare function timeSpanParts(ms: number, mode: G9TimeSpanPickerMode): G9TimeSpanParts;
+/** Joins drum parts into a duration in milliseconds (MAUI `ComposeSelection`, plus the time drums). */
+export declare function composeTimeSpan(parts: G9TimeSpanParts): number;
+/**
+ * The field text (MAUI `FormatValue`): non-zero years, months and (with days) days in the localized `{0}y {0}m {0}d`
+ * formats, `0d` when all are zero; time modes append `HH:mm[:ss]` when it is not zero. Digits follow the culture.
+ */
+export declare function formatTimeSpan(ms: number, mode: G9TimeSpanPickerMode, strings: G9Strings, culture: G9Culture): string;
+//# sourceMappingURL=timespan.d.ts.map

package/dist/pickers/timespan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timespan.d.ts","sourceRoot":"","sources":["../../src/pickers/timespan.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EAEd,KAAK,SAAS,EAGf,MAAM,+BAA+B,CAAC;AAMvC,2EAA2E;AAC3E,eAAO,MAAM,oBAAoB;;;;;;CAMvB,CAAC;AACX,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AAIpG,8GAA8G;AAC9G,wBAAgB,aAAa,CAAC,IAAI,EAAE,oBAAoB,GAAG,MAAM,CAEhE;AAED,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,0GAA0G;AAC1G,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,+CAA+C;AAC/C,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,GAAG,eAAe,CAcrF;AAED,uGAAuG;AACvG,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,CAO9D;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,GAAG,MAAM,CAerH"}

package/dist/pickers/timespan.jsx

@@ -0,0 +1,49 @@
+import { G9StringKey, MS_PER_DAY, composeDays, decomposeDays, toNativeDigits } from "@g9tm/lynxcontrols-foundation";
+const G9TimeSpanPickerMode = {
+    YearsMonths: 'yearsMonths',
+    YearsMonthsDays: 'yearsMonthsDays',
+    YearsMonthsDaysHours: 'yearsMonthsDaysHours',
+    YearsMonthsDaysHoursMinutes: 'yearsMonthsDaysHoursMinutes',
+    YearsMonthsDaysHoursMinutesSeconds: 'yearsMonthsDaysHoursMinutesSeconds'
+};
+const ORDER = Object.values(G9TimeSpanPickerMode);
+function timeSpanDepth(mode) {
+    return Math.max(0, ORDER.indexOf(mode));
+}
+const g9TimeSpanMaxYears = 100;
+const g9TimeSpanDefaultMaxDays = 30;
+function timeSpanParts(ms, mode) {
+    const total = Number.isFinite(ms) ? Math.max(0, 1000 * Math.floor(ms / 1000)) : 0;
+    const wholeDays = Math.floor(total / MS_PER_DAY);
+    const d = decomposeDays(wholeDays);
+    const depth = timeSpanDepth(mode);
+    const rest = total - wholeDays * MS_PER_DAY;
+    return {
+        years: Math.min(d.years, g9TimeSpanMaxYears),
+        months: d.months,
+        days: depth >= 1 ? d.days : 0,
+        hours: depth >= 2 ? Math.floor(rest / 3600000) : 0,
+        minutes: depth >= 3 ? Math.floor(rest % 3600000 / 60000) : 0,
+        seconds: depth >= 4 ? Math.floor(rest % 60000 / 1000) : 0
+    };
+}
+function composeTimeSpan(parts) {
+    return composeDays(parts.years, parts.months, parts.days) * MS_PER_DAY + 3600000 * parts.hours + 60000 * parts.minutes + 1000 * parts.seconds;
+}
+function formatTimeSpan(ms, mode, strings, culture) {
+    const p = timeSpanParts(ms, mode);
+    const depth = timeSpanDepth(mode);
+    const parts = [];
+    if (p.years > 0) parts.push(strings.format(G9StringKey.TimeSpanYearsFormat, p.years));
+    if (p.months > 0) parts.push(strings.format(G9StringKey.TimeSpanMonthsFormat, p.months));
+    if (depth >= 1 && p.days > 0) parts.push(strings.format(G9StringKey.TimeSpanDaysFormat, p.days));
+    if (depth >= 2 && (p.hours > 0 || p.minutes > 0 || p.seconds > 0)) {
+        const two = (v)=>toNativeDigits(String(v).padStart(2, '0'), culture.numberingSystem);
+        parts.push(depth >= 4 ? `${two(p.hours)}:${two(p.minutes)}:${two(p.seconds)}` : `${two(p.hours)}:${two(p.minutes)}`);
+    }
+    if (0 === parts.length) return strings.format(G9StringKey.TimeSpanDaysFormat, 0);
+    return parts.join(' ');
+}
+export { G9TimeSpanPickerMode, composeTimeSpan, formatTimeSpan, g9TimeSpanDefaultMaxDays, g9TimeSpanMaxYears, timeSpanDepth, timeSpanParts };
+
+//# sourceMappingURL=timespan.jsx.map

package/dist/pickers/timespan.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickers/timespan.jsx","sources":["../../src/pickers/timespan.ts"],"sourcesContent":["import {\n  composeDays,\n  decomposeDays,\n  type G9Culture,\n  G9StringKey,\n  type G9Strings,\n  MS_PER_DAY,\n  toNativeDigits,\n} from '@g9tm/lynxcontrols-foundation';\n\n// Duration math of the duration picker (MAUI `G9TimeSpanPicker` + `G9TimeSpanPickerSheet`). Days use the foundation\n// convention (year = 365 days, month = 30, months 0–11); the time drums are new in G9 Lynx: MAUI accepted the\n// hours/minutes/seconds modes but only ever showed years, months and days.\n\n/** Which drums the duration picker shows (MAUI `G9TimeSpanPickerMode`). */\nexport const G9TimeSpanPickerMode = {\n  YearsMonths: 'yearsMonths',\n  YearsMonthsDays: 'yearsMonthsDays',\n  YearsMonthsDaysHours: 'yearsMonthsDaysHours',\n  YearsMonthsDaysHoursMinutes: 'yearsMonthsDaysHoursMinutes',\n  YearsMonthsDaysHoursMinutesSeconds: 'yearsMonthsDaysHoursMinutesSeconds',\n} as const;\nexport type G9TimeSpanPickerMode = (typeof G9TimeSpanPickerMode)[keyof typeof G9TimeSpanPickerMode];\n\nconst ORDER: readonly G9TimeSpanPickerMode[] = Object.values(G9TimeSpanPickerMode);\n\n/** The number of drums after years and months a mode shows (0 = none … 4 = days, hours, minutes, seconds). */\nexport function timeSpanDepth(mode: G9TimeSpanPickerMode): number {\n  return Math.max(0, ORDER.indexOf(mode));\n}\n\n/** Most years the years drum shows (MAUI `MaxYears`). */\nexport const g9TimeSpanMaxYears = 100;\n/** Default last row of the days drum (MAUI `DefaultMaxDays`); the 365-day remainder can need up to 34. */\nexport const g9TimeSpanDefaultMaxDays = 30;\n\n/** The parts a duration shows on the drums. */\nexport interface G9TimeSpanParts {\n  readonly years: number;\n  readonly months: number;\n  readonly days: number;\n  readonly hours: number;\n  readonly minutes: number;\n  readonly seconds: number;\n}\n\n/**\n * Splits a duration (ms) into the drum parts of a mode (MAUI sheet constructor): whole days decompose with the\n * 365/30 rule, years are pinned to 100, parts the mode does not show are dropped, sub-second remainders too.\n */\nexport function timeSpanParts(ms: number, mode: G9TimeSpanPickerMode): G9TimeSpanParts {\n  const total = Number.isFinite(ms) ? Math.max(0, Math.floor(ms / 1000) * 1000) : 0;\n  const wholeDays = Math.floor(total / MS_PER_DAY);\n  const d = decomposeDays(wholeDays);\n  const depth = timeSpanDepth(mode);\n  const rest = total - wholeDays * MS_PER_DAY;\n  return {\n    years: Math.min(d.years, g9TimeSpanMaxYears),\n    months: d.months,\n    days: depth >= 1 ? d.days : 0,\n    hours: depth >= 2 ? Math.floor(rest / 3_600_000) : 0,\n    minutes: depth >= 3 ? Math.floor((rest % 3_600_000) / 60_000) : 0,\n    seconds: depth >= 4 ? Math.floor((rest % 60_000) / 1000) : 0,\n  };\n}\n\n/** Joins drum parts into a duration in milliseconds (MAUI `ComposeSelection`, plus the time drums). */\nexport function composeTimeSpan(parts: G9TimeSpanParts): number {\n  return (\n    composeDays(parts.years, parts.months, parts.days) * MS_PER_DAY +\n    parts.hours * 3_600_000 +\n    parts.minutes * 60_000 +\n    parts.seconds * 1000\n  );\n}\n\n/**\n * The field text (MAUI `FormatValue`): non-zero years, months and (with days) days in the localized `{0}y {0}m {0}d`\n * formats, `0d` when all are zero; time modes append `HH:mm[:ss]` when it is not zero. Digits follow the culture.\n */\nexport function formatTimeSpan(ms: number, mode: G9TimeSpanPickerMode, strings: G9Strings, culture: G9Culture): string {\n  const p = timeSpanParts(ms, mode);\n  const depth = timeSpanDepth(mode);\n  const parts: string[] = [];\n  if (p.years > 0) parts.push(strings.format(G9StringKey.TimeSpanYearsFormat, p.years));\n  if (p.months > 0) parts.push(strings.format(G9StringKey.TimeSpanMonthsFormat, p.months));\n  if (depth >= 1 && p.days > 0) parts.push(strings.format(G9StringKey.TimeSpanDaysFormat, p.days));\n  if (depth >= 2 && (p.hours > 0 || p.minutes > 0 || p.seconds > 0)) {\n    const two = (v: number) => toNativeDigits(String(v).padStart(2, '0'), culture.numberingSystem);\n    parts.push(\n      depth >= 4 ? `${two(p.hours)}:${two(p.minutes)}:${two(p.seconds)}` : `${two(p.hours)}:${two(p.minutes)}`,\n    );\n  }\n  if (parts.length === 0) return strings.format(G9StringKey.TimeSpanDaysFormat, 0);\n  return parts.join(' ');\n}\n"],"names":["G9TimeSpanPickerMode","ORDER","Object","timeSpanDepth","mode","Math","g9TimeSpanMaxYears","g9TimeSpanDefaultMaxDays","timeSpanParts","ms","total","Number","wholeDays","MS_PER_DAY","d","decomposeDays","depth","rest","composeTimeSpan","parts","composeDays","formatTimeSpan","strings","culture","p","G9StringKey","two","v","toNativeDigits","String"],"mappings":";AAeO,MAAMA,uBAAuB;IAClC,aAAa;IACb,iBAAiB;IACjB,sBAAsB;IACtB,6BAA6B;IAC7B,oCAAoC;AACtC;AAGA,MAAMC,QAAyCC,OAAO,MAAM,CAACF;AAGtD,SAASG,cAAcC,IAA0B;IACtD,OAAOC,KAAK,GAAG,CAAC,GAAGJ,MAAM,OAAO,CAACG;AACnC;AAGO,MAAME,qBAAqB;AAE3B,MAAMC,2BAA2B;AAgBjC,SAASC,cAAcC,EAAU,EAAEL,IAA0B;IAClE,MAAMM,QAAQC,OAAO,QAAQ,CAACF,MAAMJ,KAAK,GAAG,CAAC,GAAGA,AAAwB,OAAxBA,KAAK,KAAK,CAACI,KAAK,SAAgB;IAChF,MAAMG,YAAYP,KAAK,KAAK,CAACK,QAAQG;IACrC,MAAMC,IAAIC,cAAcH;IACxB,MAAMI,QAAQb,cAAcC;IAC5B,MAAMa,OAAOP,QAAQE,YAAYC;IACjC,OAAO;QACL,OAAOR,KAAK,GAAG,CAACS,EAAE,KAAK,EAAER;QACzB,QAAQQ,EAAE,MAAM;QAChB,MAAME,SAAS,IAAIF,EAAE,IAAI,GAAG;QAC5B,OAAOE,SAAS,IAAIX,KAAK,KAAK,CAACY,OAAO,WAAa;QACnD,SAASD,SAAS,IAAIX,KAAK,KAAK,CAAEY,OAAO,UAAa,SAAU;QAChE,SAASD,SAAS,IAAIX,KAAK,KAAK,CAAEY,OAAO,QAAU,QAAQ;IAC7D;AACF;AAGO,SAASC,gBAAgBC,KAAsB;IACpD,OACEC,YAAYD,MAAM,KAAK,EAAEA,MAAM,MAAM,EAAEA,MAAM,IAAI,IAAIN,aACrDM,AAAc,UAAdA,MAAM,KAAK,GACXA,AAAgB,QAAhBA,MAAM,OAAO,GACbA,AAAgB,OAAhBA,MAAM,OAAO;AAEjB;AAMO,SAASE,eAAeZ,EAAU,EAAEL,IAA0B,EAAEkB,OAAkB,EAAEC,OAAkB;IAC3G,MAAMC,IAAIhB,cAAcC,IAAIL;IAC5B,MAAMY,QAAQb,cAAcC;IAC5B,MAAMe,QAAkB,EAAE;IAC1B,IAAIK,EAAE,KAAK,GAAG,GAAGL,MAAM,IAAI,CAACG,QAAQ,MAAM,CAACG,YAAY,mBAAmB,EAAED,EAAE,KAAK;IACnF,IAAIA,EAAE,MAAM,GAAG,GAAGL,MAAM,IAAI,CAACG,QAAQ,MAAM,CAACG,YAAY,oBAAoB,EAAED,EAAE,MAAM;IACtF,IAAIR,SAAS,KAAKQ,EAAE,IAAI,GAAG,GAAGL,MAAM,IAAI,CAACG,QAAQ,MAAM,CAACG,YAAY,kBAAkB,EAAED,EAAE,IAAI;IAC9F,IAAIR,SAAS,KAAMQ,CAAAA,EAAE,KAAK,GAAG,KAAKA,EAAE,OAAO,GAAG,KAAKA,EAAE,OAAO,GAAG,IAAI;QACjE,MAAME,MAAM,CAACC,IAAcC,eAAeC,OAAOF,GAAG,QAAQ,CAAC,GAAG,MAAMJ,QAAQ,eAAe;QAC7FJ,MAAM,IAAI,CACRH,SAAS,IAAI,GAAGU,IAAIF,EAAE,KAAK,EAAE,CAAC,EAAEE,IAAIF,EAAE,OAAO,EAAE,CAAC,EAAEE,IAAIF,EAAE,OAAO,GAAG,GAAG,GAAGE,IAAIF,EAAE,KAAK,EAAE,CAAC,EAAEE,IAAIF,EAAE,OAAO,GAAG;IAE5G;IACA,IAAIL,AAAiB,MAAjBA,MAAM,MAAM,EAAQ,OAAOG,QAAQ,MAAM,CAACG,YAAY,kBAAkB,EAAE;IAC9E,OAAON,MAAM,IAAI,CAAC;AACpB"}

package/dist/pickers/trigger.d.ts

@@ -0,0 +1,34 @@
+import './pickers.css';
+import type { G9TextInputDirection } from '@g9tm/lynxcontrols-foundation';
+import { type ReactNode } from '@lynx-js/react';
+import type { G9SelectionItem } from '../base/selection-item.js';
+import { type G9OutlinedFieldProps, type G9TrailingAffordance } from '../fields/outlined-field.js';
+/**
+ * Opens a picker sheet at most once at a time and drops results that arrive after the field unmounted (MAUI
+ * `_isOpening` + `Unloaded`). `open(run)` runs `run(isCurrent)`; `isCurrent()` is false once a newer open started or
+ * the field is gone, so a stale result applies nothing. Errors go to the provider's diagnostics.
+ */
+export declare function usePickerOpen(): (run: (isCurrent: () => boolean) => Promise<void>) => void;
+/** The reading direction of a value written with a `G9TextInputDirection` (internal). */
+export declare function valueDirection(direction: G9TextInputDirection | undefined, culture: 'ltr' | 'rtl'): 'ltr' | 'rtl';
+/** The physical direction class of a value written with a `G9TextInputDirection`. */
+export declare function valueDirectionClass(direction: G9TextInputDirection | undefined, culture: 'ltr' | 'rtl'): string;
+/** The leading icon (or colour swatch) of a selected item inside the trigger (MAUI `CreateValueIcon`, 18 px). */
+export declare function SelectionValueIcon(props: {
+    readonly item: G9SelectionItem;
+    readonly color?: string;
+}): ReactNode;
+/** Props shared by every picker trigger: the outlined field props (label, helper, error, icons, read-only, …). */
+export type G9PickerFieldProps = G9OutlinedFieldProps;
+/**
+ * The tap-to-open outlined box every picker uses (MAUI `G9OutlinedFieldBase` with a tap recognizer): no keyboard,
+ * the label floats while there is a value, a tap on the box opens the sheet unless disabled or read-only.
+ */
+export declare function PickerField(props: {
+    readonly field: G9PickerFieldProps;
+    readonly hasValue: boolean;
+    readonly onOpen: () => void;
+    readonly trailingAffordance?: G9TrailingAffordance | null;
+    readonly children?: ReactNode;
+}): ReactNode;
+//# sourceMappingURL=trigger.d.ts.map

package/dist/pickers/trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../src/pickers/trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,gBAAgB,CAAC;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAmB,KAAK,oBAAoB,EAAE,KAAK,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAKjH;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,MAAM,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAwB1F;AAED,yFAAyF;AACzF,wBAAgB,cAAc,CAAC,SAAS,EAAE,oBAAoB,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAEjH;AAED,qFAAqF;AACrF,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,oBAAoB,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAE/G;AAED,iHAAiH;AACjH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAoBhH;AAED,kHAAkH;AAClH,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC;AAEtD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,QAAQ,CAAC,KAAK,EAAE,kBAAkB,CAAC;IACnC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B,GAAG,SAAS,CAqBZ"}

package/dist/pickers/trigger.jsx

@@ -0,0 +1,77 @@
+import "./pickers.css";
+import { useEffect, useRef } from "@lynx-js/react";
+import { g9RowStyle } from "../base/control.jsx";
+import { G9OutlinedField } from "../fields/outlined-field.jsx";
+import { G9IconSlot, hasIconSlot } from "../icon/slot.jsx";
+import { G9Swatch } from "../icon/swatch.jsx";
+import { useG9Diagnostics, useG9Direction } from "../provider/hooks.jsx";
+function usePickerOpen() {
+    const opening = useRef(false);
+    const generation = useRef(0);
+    const diagnostics = useG9Diagnostics();
+    useEffect(()=>()=>{
+            generation.current += 1;
+        }, []);
+    return (run)=>{
+        if (opening.current) return;
+        opening.current = true;
+        const mine = ++generation.current;
+        (async ()=>{
+            try {
+                await run(()=>generation.current === mine);
+            } catch (error) {
+                diagnostics.log({
+                    level: 'error',
+                    message: 'Picker failed.',
+                    source: 'G9Picker',
+                    error
+                });
+            } finally{
+                opening.current = false;
+            }
+        })();
+    };
+}
+function valueDirection(direction, culture) {
+    return 'leftToRight' === direction ? 'ltr' : 'rightToLeft' === direction ? 'rtl' : culture;
+}
+function valueDirectionClass(direction, culture) {
+    return `g9-dir-${valueDirection(direction, culture)}`;
+}
+function SelectionValueIcon(props) {
+    var _item_emoji, _item_iconPath, _item_iconImage;
+    var _item_swatchFirstColor, _item_swatchSecondColor;
+    const { item } = props;
+    const icon = {
+        emoji: null != (_item_emoji = item.emoji) ? _item_emoji : null,
+        icon: item.icon,
+        imagePath: null != (_item_iconPath = item.iconPath) ? _item_iconPath : null,
+        image: null != (_item_iconImage = item.iconImage) ? _item_iconImage : null
+    };
+    if (hasIconSlot(icon)) {
+        var _ref, _item_iconTintColor;
+        return <view className="g9-picker__icon">
+        <G9IconSlot {...icon} size={18} color={null != (_ref = null != (_item_iconTintColor = item.iconTintColor) ? _item_iconTintColor : props.color) ? _ref : 'var(--g9-on-surface-variant)'}/>
+      </view>;
+    }
+    if ((null == (_item_swatchFirstColor = item.swatchFirstColor) ? void 0 : _item_swatchFirstColor.trim()) || (null == (_item_swatchSecondColor = item.swatchSecondColor) ? void 0 : _item_swatchSecondColor.trim())) return <G9Swatch first={item.swatchFirstColor} second={item.swatchSecondColor} className="g9-picker__swatch"/>;
+    return null;
+}
+function PickerField(props) {
+    var _ref, _field_label;
+    const direction = useG9Direction();
+    const { field } = props;
+    const blocked = true === field.disabled || true === field.readOnly;
+    return <G9OutlinedField {...field} className={`g9-picker${field.className ? ` ${field.className}` : ''}`} focused={false} hasValue={props.hasValue} {...void 0 !== props.trailingAffordance ? {
+        trailingAffordance: props.trailingAffordance
+    } : {}} onFocusRequest={()=>{
+        if (!blocked) props.onOpen();
+    }} accessibilityLabel={null != (_ref = null != (_field_label = field.label) ? _field_label : field.placeholder) ? _ref : ''}>
+      <view className={`g9-picker__value g9-dir-${direction}`} style={g9RowStyle(direction)}>
+        {props.children}
+      </view>
+    </G9OutlinedField>;
+}
+export { PickerField, SelectionValueIcon, usePickerOpen, valueDirection, valueDirectionClass };
+
+//# sourceMappingURL=trigger.jsx.map

package/dist/pickers/trigger.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickers/trigger.jsx","sources":["../../src/pickers/trigger.tsx"],"sourcesContent":["import './pickers.css';\nimport type { G9TextInputDirection } from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useEffect, useRef } from '@lynx-js/react';\nimport { g9RowStyle } from '../base/control';\nimport type { G9SelectionItem } from '../base/selection-item';\nimport { G9OutlinedField, type G9OutlinedFieldProps, type G9TrailingAffordance } from '../fields/outlined-field';\nimport { G9IconSlot, hasIconSlot } from '../icon/slot';\nimport { G9Swatch } from '../icon/swatch';\nimport { useG9Diagnostics, useG9Direction } from '../provider/hooks';\n\n/**\n * Opens a picker sheet at most once at a time and drops results that arrive after the field unmounted (MAUI\n * `_isOpening` + `Unloaded`). `open(run)` runs `run(isCurrent)`; `isCurrent()` is false once a newer open started or\n * the field is gone, so a stale result applies nothing. Errors go to the provider's diagnostics.\n */\nexport function usePickerOpen(): (run: (isCurrent: () => boolean) => Promise<void>) => void {\n  const opening = useRef(false);\n  const generation = useRef(0);\n  const diagnostics = useG9Diagnostics();\n  useEffect(\n    () => () => {\n      generation.current += 1;\n    },\n    [],\n  );\n  return (run) => {\n    if (opening.current) return;\n    opening.current = true;\n    const mine = ++generation.current;\n    void (async () => {\n      try {\n        await run(() => generation.current === mine);\n      } catch (error) {\n        diagnostics.log({ level: 'error', message: 'Picker failed.', source: 'G9Picker', error });\n      } finally {\n        opening.current = false;\n      }\n    })();\n  };\n}\n\n/** The reading direction of a value written with a `G9TextInputDirection` (internal). */\nexport function valueDirection(direction: G9TextInputDirection | undefined, culture: 'ltr' | 'rtl'): 'ltr' | 'rtl' {\n  return direction === 'leftToRight' ? 'ltr' : direction === 'rightToLeft' ? 'rtl' : culture;\n}\n\n/** The physical direction class of a value written with a `G9TextInputDirection`. */\nexport function valueDirectionClass(direction: G9TextInputDirection | undefined, culture: 'ltr' | 'rtl'): string {\n  return `g9-dir-${valueDirection(direction, culture)}`;\n}\n\n/** The leading icon (or colour swatch) of a selected item inside the trigger (MAUI `CreateValueIcon`, 18 px). */\nexport function SelectionValueIcon(props: { readonly item: G9SelectionItem; readonly color?: string }): ReactNode {\n  const { item } = props;\n  const icon = {\n    emoji: item.emoji ?? null,\n    icon: item.icon,\n    imagePath: item.iconPath ?? null,\n    image: item.iconImage ?? null,\n  };\n  if (hasIconSlot(icon)) {\n    // MAUI keeps 8 px between the value icon and its text (6 px inside a combo chip): pickers.css.\n    return (\n      <view className=\"g9-picker__icon\">\n        <G9IconSlot {...icon} size={18} color={item.iconTintColor ?? props.color ?? 'var(--g9-on-surface-variant)'} />\n      </view>\n    );\n  }\n  if (item.swatchFirstColor?.trim() || item.swatchSecondColor?.trim()) {\n    return <G9Swatch first={item.swatchFirstColor} second={item.swatchSecondColor} className=\"g9-picker__swatch\" />;\n  }\n  return null;\n}\n\n/** Props shared by every picker trigger: the outlined field props (label, helper, error, icons, read-only, …). */\nexport type G9PickerFieldProps = G9OutlinedFieldProps;\n\n/**\n * The tap-to-open outlined box every picker uses (MAUI `G9OutlinedFieldBase` with a tap recognizer): no keyboard,\n * the label floats while there is a value, a tap on the box opens the sheet unless disabled or read-only.\n */\nexport function PickerField(props: {\n  readonly field: G9PickerFieldProps;\n  readonly hasValue: boolean;\n  readonly onOpen: () => void;\n  readonly trailingAffordance?: G9TrailingAffordance | null;\n  readonly children?: ReactNode;\n}): ReactNode {\n  const direction = useG9Direction();\n  const { field } = props;\n  const blocked = field.disabled === true || field.readOnly === true;\n  return (\n    <G9OutlinedField\n      {...field}\n      className={`g9-picker${field.className ? ` ${field.className}` : ''}`}\n      focused={false}\n      hasValue={props.hasValue}\n      {...(props.trailingAffordance !== undefined ? { trailingAffordance: props.trailingAffordance } : {})}\n      onFocusRequest={() => {\n        if (!blocked) props.onOpen();\n      }}\n      accessibilityLabel={field.label ?? field.placeholder ?? ''}\n    >\n      <view className={`g9-picker__value g9-dir-${direction}`} style={g9RowStyle(direction)}>\n        {props.children}\n      </view>\n    </G9OutlinedField>\n  );\n}\n"],"names":["usePickerOpen","opening","useRef","generation","diagnostics","useG9Diagnostics","useEffect","run","mine","error","valueDirection","direction","culture","valueDirectionClass","SelectionValueIcon","props","_item_emoji","_item_iconPath","_item_iconImage","_item_swatchFirstColor","_item_swatchSecondColor","item","icon","hasIconSlot","_ref","view","G9IconSlot","G9Swatch","PickerField","useG9Direction","field","blocked","G9OutlinedField","undefined","g9RowStyle"],"mappings":"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"}