@g9tm/lynxcontrols 1.4.3 → 1.4.5

package/dist/popup/frame.jsx

@@ -1,10 +1,11 @@
 import "./popup.css";
-import { resolveThemeColor } from "@g9tm/lynxcontrols-foundation";
+import { formatColor, resolveThemeColor, withAlpha } from "@g9tm/lynxcontrols-foundation";
 import { createContext, useContext, useEffect, useRef, useState } from "@lynx-js/react";
 import { g9SafeId } from "../base/control.jsx";
 import { g9FieldNotchStyle } from "../fields/notch.jsx";
 import { useG9Theme } from "../provider/hooks.jsx";
 import { popupScrimOpacity } from "./types.jsx";
+const g9PopupRestingScale = 0.92;
 function popupMotionPose(animation, phase) {
     switch(animation){
         case 'none':
@@ -121,10 +122,11 @@ function G9PopupDragHandle(props) {
     </view>;
 }
 function PopupFrame(props) {
-    var _o_cardBackground, _o_animation, _o_animationDuration, _o_overlayMode, _o_animationEasing, _o_autoSizeMode, _o_absoluteX, _o_absoluteY, _o_relativeAbsoluteX, _o_relativeAbsoluteY, _o_padding, _o_overlayOpacity, _o_blurIntensity, _o_overlayColor, _o_cornerRadius, _o_cardBackground1, _o_borderColor;
+    var _o_cardBackground, _o_overlayColor, _o_animation, _o_animationDuration, _o_overlayMode, _o_animationEasing, _o_autoSizeMode, _o_absoluteX, _o_absoluteY, _o_relativeAbsoluteX, _o_relativeAbsoluteY, _o_padding, _o_overlayOpacity, _o_blurIntensity, _o_cornerRadius, _o_cardBackground1, _o_borderColor;
     const o = props.options;
     const palette = useG9Theme().palette;
     const notch = g9FieldNotchStyle(resolveThemeColor(null != (_o_cardBackground = o.cardBackground) ? _o_cardBackground : 'var(--g9-surface)', palette));
+    const scrimColor = formatColor(withAlpha(resolveThemeColor(null != (_o_overlayColor = o.overlayColor) ? _o_overlayColor : 'var(--g9-scrim)', palette), 1));
     const animation = null != (_o_animation = o.animation) ? _o_animation : 'slideUp';
     const duration = null != (_o_animationDuration = o.animationDuration) ? _o_animationDuration : 240;
     const mode = null != (_o_overlayMode = o.overlayMode) ? _o_overlayMode : 'transparent';
@@ -193,8 +195,8 @@ function PopupFrame(props) {
     return <view className={`g9-popup${'none' === mode ? ' g9-popup--nonmodal' : ''}${placed ? ' g9-popup--placed' : ''}`} {...'none' === mode ? {
         'event-through': true
     } : {}}>
-      {'none' !== mode ? <view className="g9-popup__scrim" style={{
-        backgroundColor: null != (_o_overlayColor = o.overlayColor) ? _o_overlayColor : 'var(--g9-scrim)',
+      {'none' !== mode ? <view flatten={false} className="g9-popup__scrim" style={{
+        backgroundColor: scrimColor,
         opacity: 'open' === props.phase ? scrimOpacity : 0,
         transition: 'enter' === props.phase ? 'none' : `opacity ${duration}ms`
     }} bindtap={()=>{
@@ -222,7 +224,7 @@ function PopupFrame(props) {
         padding: `${pad[1]}px ${pad[2]}px ${pad[3]}px ${pad[0]}px`,
         ...notch,
         opacity: pose.opacity,
-        transform: `${dragTranslate}${pose.transform}`,
+        transform: `${dragTranslate}${pose.transform} scale(${g9PopupRestingScale})`,
         transition
     }} bindlayoutchange={(e)=>{
         var _ref, _ref1;
@@ -247,6 +249,6 @@ function PopupFrame(props) {
       </view>
     </view>;
 }
-export { G9PopupDragHandle, PopupFrame, popupEasingCss, popupMotionPose, relativePopupPlacement };
+export { G9PopupDragHandle, PopupFrame, g9PopupRestingScale, popupEasingCss, popupMotionPose, relativePopupPlacement };
 
 //# sourceMappingURL=frame.jsx.map

package/dist/popup/frame.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"popup/frame.jsx","sources":["../../src/popup/frame.tsx"],"sourcesContent":["import './popup.css';\nimport { resolveThemeColor } from '@g9tm/lynxcontrols-foundation';\nimport { createContext, type ReactNode, useContext, useEffect, useRef, useState } from '@lynx-js/react';\nimport { g9SafeId } from '../base/control';\nimport { g9FieldNotchStyle } from '../fields/notch';\nimport { useG9Theme } from '../provider/hooks';\nimport type {\n  G9PopupAnimationEasing,\n  G9PopupAnimationType,\n  G9PopupAutoSizeMode,\n  G9PopupBlurIntensity,\n  G9PopupOverlayMode,\n  G9PopupRelativePosition,\n} from './types';\nimport { popupScrimOpacity } from './types';\n\n/** A rectangle in host coordinates (px), e.g. an anchor's `boundingClientRect`. */\nexport interface G9Rect {\n  readonly left: number;\n  readonly top: number;\n  readonly width: number;\n  readonly height: number;\n}\n\n/** How one popup card opens (MAUI `G9PopupViewOpenOptions`). */\nexport interface G9PopupViewOpenOptions {\n  /** Card width (px); unset = the auto-size mode decides (90 % of the host for centred `height` mode). */\n  readonly width?: number | null;\n  readonly height?: number | null;\n  /** Default 16. */\n  readonly cornerRadius?: number;\n  /** `[left, top, right, bottom]`. Default `[20, 16, 20, 12]`. */\n  readonly padding?: readonly [number, number, number, number];\n  /** Default `'height'`. */\n  readonly autoSizeMode?: G9PopupAutoSizeMode;\n  readonly cardBackground?: string | null;\n  readonly borderColor?: string | null;\n  /** Default `'transparent'`; `'none'` = non-modal (no scrim, taps pass through). */\n  readonly overlayMode?: G9PopupOverlayMode;\n  readonly blurIntensity?: G9PopupBlurIntensity;\n  /** Scrim colour (its opacity is `overlayOpacity`). Default the `Scrim` token. */\n  readonly overlayColor?: string | null;\n  /** Default 0.45. */\n  readonly overlayOpacity?: number;\n  /** Default false. */\n  readonly closeOnBackgroundTap?: boolean;\n  /** Default true. */\n  readonly closeOnBackButton?: boolean;\n  /** Default `'slideUp'`. */\n  readonly animation?: G9PopupAnimationType;\n  /** Default `'sinOut'`. */\n  readonly animationEasing?: G9PopupAnimationEasing;\n  /** Default 240 ms. */\n  readonly animationDuration?: number;\n  /** Close after this many ms; 0 = never. */\n  readonly autoCloseDuration?: number;\n  /** Anchor rectangle (MAUI `RelativeView`'s bounds); with `relativePosition`. */\n  readonly relativeRect?: G9Rect | null;\n  readonly relativePosition?: G9PopupRelativePosition | null;\n  /** Extra offset added to the relative placement. */\n  readonly relativeAbsoluteX?: number;\n  readonly relativeAbsoluteY?: number;\n  /** Absolute card position (host px). */\n  readonly absoluteX?: number | null;\n  readonly absoluteY?: number | null;\n  /** The card can be dragged: by a `<G9PopupDragHandle>` inside it, or anywhere when there is none. */\n  readonly isDraggable?: boolean;\n}\n\n/** The pose a card starts from / leaves to, per motion (MAUI `G9PopupView` animation table). */\nexport function popupMotionPose(\n  animation: G9PopupAnimationType,\n  phase: 'enter' | 'exit',\n): {\n  opacity: number;\n  transform: string;\n} {\n  switch (animation) {\n    case 'none':\n      return { opacity: phase === 'enter' ? 1 : 0, transform: 'translateY(0px) scale(1)' };\n    case 'fadeIn':\n      return { opacity: 0, transform: 'translateY(0px) scale(1)' };\n    case 'zoomIn':\n      return { opacity: 0, transform: 'translateY(0px) scale(0.92)' };\n    case 'dropIn':\n      return { opacity: 0, transform: 'translateY(-40px) scale(1)' };\n    case 'bounce':\n      // Opens from 0.6 with the bounce easing; closes like ZoomIn (MAUI).\n      return { opacity: 0, transform: `translateY(0px) scale(${phase === 'enter' ? 0.6 : 0.92})` };\n    default:\n      return { opacity: 0, transform: 'translateY(40px) scale(1)' };\n  }\n}\n\n/** CSS timing function of an easing (bounce approximated with an overshoot curve; CSS has no bounce). */\nexport function popupEasingCss(easing: G9PopupAnimationEasing): string {\n  switch (easing) {\n    case 'linear':\n      return 'linear';\n    case 'sinIn':\n      return 'cubic-bezier(0.47, 0, 0.745, 0.715)';\n    case 'sinInOut':\n      return 'cubic-bezier(0.445, 0.05, 0.55, 0.95)';\n    case 'cubicOut':\n      return 'cubic-bezier(0.215, 0.61, 0.355, 1)';\n    case 'bounceOut':\n      return 'cubic-bezier(0.34, 1.56, 0.64, 1)';\n    default:\n      return 'cubic-bezier(0.39, 0.575, 0.565, 1)';\n  }\n}\n\n/**\n * Where the card's top-left goes (host px) for a relative placement (MAUI `ShowRelativeToView`); `null` when the\n * anchor or the card has no size yet (the card is then centred, and the next layout corrects it).\n */\nexport function relativePopupPlacement(\n  anchor: G9Rect | null | undefined,\n  position: G9PopupRelativePosition | null | undefined,\n  card: { width: number; height: number },\n  offset: { x: number; y: number } = { x: 0, y: 0 },\n): { left: number; top: number } | null {\n  if (!anchor || !position || anchor.width <= 0 || anchor.height <= 0 || card.width <= 0 || card.height <= 0)\n    return null;\n  const right = anchor.left + anchor.width;\n  const bottom = anchor.top + anchor.height;\n  const cx = anchor.left + (anchor.width - card.width) / 2;\n  const cy = anchor.top + (anchor.height - card.height) / 2;\n  const at = (left: number, top: number) => ({ left: left + offset.x, top: top + offset.y });\n  switch (position) {\n    case 'alignTop':\n      return at(cx, anchor.top);\n    case 'alignBottom':\n      return at(cx, bottom - card.height);\n    case 'alignLeft':\n      return at(anchor.left, cy);\n    case 'alignRight':\n      return at(right - card.width, cy);\n    case 'alignTopLeft':\n      return at(anchor.left, anchor.top);\n    case 'alignTopRight':\n      return at(right - card.width, anchor.top);\n    case 'alignBottomLeft':\n      return at(anchor.left, bottom - card.height);\n    case 'alignBottomRight':\n      return at(right - card.width, bottom - card.height);\n    case 'alignToLeftOf':\n      return at(anchor.left - card.width, cy);\n    case 'alignToRightOf':\n      return at(right, cy);\n    case 'alignToTopOf':\n      return at(cx, anchor.top - card.height);\n    default:\n      return at(cx, bottom);\n  }\n}\n\ninterface DragApi {\n  readonly onStart: (x: number, y: number) => void;\n  readonly onMove: (x: number, y: number) => void;\n  readonly register: () => () => void;\n}\n\nconst DragContext = createContext<DragApi | null>(null);\n\ntype TouchEvent = { touches?: Array<{ clientX?: number; clientY?: number; pageX?: number; pageY?: number }> };\nconst point = (e: TouchEvent) => {\n  const t = e.touches?.[0];\n  return { x: t?.clientX ?? t?.pageX ?? 0, y: t?.clientY ?? t?.pageY ?? 0 };\n};\n\n/**\n * The grip of a draggable popup (MAUI `DragHandle`): put the header inside it so taps in the body keep working.\n * Without one, a draggable card drags from anywhere.\n */\nexport function G9PopupDragHandle(props: { readonly children?: ReactNode; readonly className?: string }): ReactNode {\n  const drag = useContext(DragContext);\n  useEffect(() => drag?.register(), [drag !== null]);\n  return (\n    <view\n      className={`g9-popup__drag-handle${props.className ? ` ${props.className}` : ''}`}\n      bindtouchstart={(e: TouchEvent) => {\n        const p = point(e);\n        drag?.onStart(p.x, p.y);\n      }}\n      bindtouchmove={(e: TouchEvent) => {\n        const p = point(e);\n        drag?.onMove(p.x, p.y);\n      }}\n    >\n      {props.children}\n    </view>\n  );\n}\n\n/** Props of {@link PopupFrame}. */\nexport interface PopupFrameProps {\n  readonly options: G9PopupViewOpenOptions;\n  /** `enter` = start pose (no transition), `open` = in place, `leave` = exit pose. */\n  readonly phase: 'enter' | 'open' | 'leave';\n  readonly hostWidth: number;\n  readonly onBackgroundTap?: () => void;\n  readonly children?: ReactNode;\n  readonly testId?: string;\n}\n\n/**\n * Scrim + card (MAUI `G9PopupView` visuals): the scrim fades on its own (also when the card has no motion); the card\n * runs one compound transition (opacity with transform) between its pose and identity; no shadow, the stroke\n * separates it. Placement: absolute, relative to an anchor, or centred (90 % wide in `height` mode). Non-modal\n * (`overlayMode: 'none'`): no scrim and the layer lets taps through.\n */\nexport function PopupFrame(props: PopupFrameProps): ReactNode {\n  const o = props.options;\n  // Fields on the card hide their outline under a floated label with the card's colour.\n  const palette = useG9Theme().palette;\n  const notch = g9FieldNotchStyle(resolveThemeColor(o.cardBackground ?? 'var(--g9-surface)', palette));\n  const animation = o.animation ?? 'slideUp';\n  const duration = o.animationDuration ?? 240;\n  const mode = o.overlayMode ?? 'transparent';\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const [offset, setOffset] = useState({ x: 0, y: 0 });\n  const drag = useRef({ x: 0, y: 0, ox: 0, oy: 0 });\n  const [handles, setHandles] = useState(0);\n  const dragApi: DragApi = {\n    onStart: (x, y) => {\n      drag.current = { ...drag.current, x, y, ox: offset.x, oy: offset.y };\n    },\n    onMove: (x, y) => {\n      if (!o.isDraggable) return;\n      setOffset({ x: drag.current.ox + x - drag.current.x, y: drag.current.oy + y - drag.current.y });\n    },\n    register: () => {\n      setHandles((n) => n + 1);\n      return () => setHandles((n) => n - 1);\n    },\n  };\n  const pose =\n    props.phase === 'open'\n      ? { opacity: 1, transform: 'translateY(0px) scale(1)' }\n      : popupMotionPose(animation, props.phase === 'enter' ? 'enter' : 'exit');\n  const easing =\n    animation === 'bounce' && props.phase !== 'leave'\n      ? popupEasingCss('bounceOut')\n      : popupEasingCss(o.animationEasing ?? 'sinOut');\n  const transition =\n    props.phase === 'enter' || animation === 'none'\n      ? 'none'\n      : `opacity ${duration}ms ${easing}, transform ${duration}ms ${easing}`;\n  const autoSize = o.autoSizeMode ?? 'height';\n  const placed =\n    o.absoluteX != null || o.absoluteY != null\n      ? { left: o.absoluteX ?? 0, top: o.absoluteY ?? 0 }\n      : relativePopupPlacement(o.relativeRect, o.relativePosition, size, {\n          x: o.relativeAbsoluteX ?? 0,\n          y: o.relativeAbsoluteY ?? 0,\n        });\n  const width =\n    o.width != null && autoSize !== 'both' && autoSize !== 'width'\n      ? `${o.width}px`\n      : !placed && autoSize === 'height'\n        ? `${Math.round(props.hostWidth * 0.9)}px`\n        : undefined;\n  const height = o.height != null && (autoSize === 'none' || autoSize === 'width') ? `${o.height}px` : undefined;\n  const pad = o.padding ?? [20, 16, 20, 12];\n  const scrimOpacity = popupScrimOpacity(mode, o.overlayOpacity ?? 0.45, o.blurIntensity ?? 'none');\n  const dragTranslate = o.isDraggable ? `translate(${offset.x}px, ${offset.y}px) ` : '';\n  const wholeCardDrags = o.isDraggable === true && handles === 0;\n  return (\n    <view\n      className={`g9-popup${mode === 'none' ? ' g9-popup--nonmodal' : ''}${placed ? ' g9-popup--placed' : ''}`}\n      {...(mode === 'none' ? { 'event-through': true } : {})}\n    >\n      {mode !== 'none' ? (\n        <view\n          className=\"g9-popup__scrim\"\n          style={{\n            backgroundColor: o.overlayColor ?? 'var(--g9-scrim)',\n            opacity: props.phase === 'open' ? scrimOpacity : 0,\n            transition: props.phase === 'enter' ? 'none' : `opacity ${duration}ms`,\n          }}\n          bindtap={() => props.onBackgroundTap?.()}\n        />\n      ) : null}\n      <view\n        className=\"g9-popup__card\"\n        {...(props.testId ? { 'data-testid': props.testId, id: g9SafeId(props.testId) } : {})}\n        event-through={false}\n        style={{\n          ...(placed ? { position: 'absolute', left: `${placed.left}px`, top: `${placed.top}px` } : {}),\n          ...(width ? { width } : {}),\n          ...(height ? { height } : {}),\n          borderRadius: `${o.cornerRadius ?? 16}px`,\n          backgroundColor: o.cardBackground ?? 'var(--g9-surface)',\n          borderColor: o.borderColor ?? 'var(--g9-surface)',\n          padding: `${pad[1]}px ${pad[2]}px ${pad[3]}px ${pad[0]}px`,\n          ...notch,\n          opacity: pose.opacity,\n          transform: `${dragTranslate}${pose.transform}`,\n          transition,\n        }}\n        bindlayoutchange={(e: { detail?: { width?: number; height?: number } }) => {\n          const w = e.detail?.width ?? 0;\n          const h = e.detail?.height ?? 0;\n          if (w > 0 && h > 0 && (w !== size.width || h !== size.height)) setSize({ width: w, height: h });\n        }}\n        {...(wholeCardDrags\n          ? {\n              bindtouchstart: (e: TouchEvent) => {\n                const p = point(e);\n                dragApi.onStart(p.x, p.y);\n              },\n              bindtouchmove: (e: TouchEvent) => {\n                const p = point(e);\n                dragApi.onMove(p.x, p.y);\n              },\n            }\n          : {})}\n      >\n        <DragContext.Provider value={dragApi}>{props.children}</DragContext.Provider>\n      </view>\n    </view>\n  );\n}\n"],"names":["popupMotionPose","animation","phase","popupEasingCss","easing","relativePopupPlacement","anchor","position","card","offset","right","bottom","cx","cy","at","left","top","DragContext","createContext","point","e","_ref","_ref2","_e_touches","t","G9PopupDragHandle","props","drag","useContext","useEffect","view","p","PopupFrame","_o_cardBackground","_o_animation","_o_animationDuration","_o_overlayMode","_o_animationEasing","_o_autoSizeMode","_o_absoluteX","_o_absoluteY","_o_relativeAbsoluteX","_o_relativeAbsoluteY","_o_padding","_o_overlayOpacity","_o_blurIntensity","_o_overlayColor","_o_cornerRadius","_o_cardBackground1","_o_borderColor","o","palette","useG9Theme","notch","g9FieldNotchStyle","resolveThemeColor","duration","mode","size","setSize","useState","setOffset","useRef","handles","setHandles","dragApi","x","y","n","pose","transition","autoSize","placed","width","undefined","Math","height","pad","scrimOpacity","popupScrimOpacity","dragTranslate","wholeCardDrags","g9SafeId","_e_detail","_e_detail1","w","h"],"mappings":";;;;;;;AAsEO,SAASA,gBACdC,SAA+B,EAC/BC,KAAuB;IAKvB,OAAQD;QACN,KAAK;YACH,OAAO;gBAAE,SAASC,AAAU,YAAVA,QAAoB,IAAI;gBAAG,WAAW;YAA2B;QACrF,KAAK;YACH,OAAO;gBAAE,SAAS;gBAAG,WAAW;YAA2B;QAC7D,KAAK;YACH,OAAO;gBAAE,SAAS;gBAAG,WAAW;YAA8B;QAChE,KAAK;YACH,OAAO;gBAAE,SAAS;gBAAG,WAAW;YAA6B;QAC/D,KAAK;YAEH,OAAO;gBAAE,SAAS;gBAAG,WAAW,CAAC,sBAAsB,EAAEA,AAAU,YAAVA,QAAoB,MAAM,KAAK,CAAC,CAAC;YAAC;QAC7F;YACE,OAAO;gBAAE,SAAS;gBAAG,WAAW;YAA4B;IAChE;AACF;AAGO,SAASC,eAAeC,MAA8B;IAC3D,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAMO,SAASC,uBACdC,MAAiC,EACjCC,QAAoD,EACpDC,IAAuC,EACvCC,SAAmC;IAAE,GAAG;IAAG,GAAG;AAAE,CAAC;IAEjD,IAAI,CAACH,UAAU,CAACC,YAAYD,OAAO,KAAK,IAAI,KAAKA,OAAO,MAAM,IAAI,KAAKE,KAAK,KAAK,IAAI,KAAKA,KAAK,MAAM,IAAI,GACvG,OAAO;IACT,MAAME,QAAQJ,OAAO,IAAI,GAAGA,OAAO,KAAK;IACxC,MAAMK,SAASL,OAAO,GAAG,GAAGA,OAAO,MAAM;IACzC,MAAMM,KAAKN,OAAO,IAAI,GAAIA,AAAAA,CAAAA,OAAO,KAAK,GAAGE,KAAK,KAAI,IAAK;IACvD,MAAMK,KAAKP,OAAO,GAAG,GAAIA,AAAAA,CAAAA,OAAO,MAAM,GAAGE,KAAK,MAAK,IAAK;IACxD,MAAMM,KAAK,CAACC,MAAcC,MAAiB;YAAE,MAAMD,OAAON,OAAO,CAAC;YAAE,KAAKO,MAAMP,OAAO,CAAC;QAAC;IACxF,OAAQF;QACN,KAAK;YACH,OAAOO,GAAGF,IAAIN,OAAO,GAAG;QAC1B,KAAK;YACH,OAAOQ,GAAGF,IAAID,SAASH,KAAK,MAAM;QACpC,KAAK;YACH,OAAOM,GAAGR,OAAO,IAAI,EAAEO;QACzB,KAAK;YACH,OAAOC,GAAGJ,QAAQF,KAAK,KAAK,EAAEK;QAChC,KAAK;YACH,OAAOC,GAAGR,OAAO,IAAI,EAAEA,OAAO,GAAG;QACnC,KAAK;YACH,OAAOQ,GAAGJ,QAAQF,KAAK,KAAK,EAAEF,OAAO,GAAG;QAC1C,KAAK;YACH,OAAOQ,GAAGR,OAAO,IAAI,EAAEK,SAASH,KAAK,MAAM;QAC7C,KAAK;YACH,OAAOM,GAAGJ,QAAQF,KAAK,KAAK,EAAEG,SAASH,KAAK,MAAM;QACpD,KAAK;YACH,OAAOM,GAAGR,OAAO,IAAI,GAAGE,KAAK,KAAK,EAAEK;QACtC,KAAK;YACH,OAAOC,GAAGJ,OAAOG;QACnB,KAAK;YACH,OAAOC,GAAGF,IAAIN,OAAO,GAAG,GAAGE,KAAK,MAAM;QACxC;YACE,OAAOM,GAAGF,IAAID;IAClB;AACF;AAQA,MAAMM,cAAcC,cAA8B;AAGlD,MAAMC,QAAQ,CAACC;QAEDC,MAAAA,OAAgCC,OAAAA;QADlCC;IAAV,MAAMC,IAAI,QAAAD,CAAAA,aAAAA,EAAE,OAAO,AAAD,IAARA,KAAAA,IAAAA,UAAW,CAAC,EAAE;IACxB,OAAO;QAAE,GAAG,QAAAF,CAAAA,OAAAA,QAAAA,CAAAA,QAAAA,QAAAA,IAAAA,KAAAA,IAAAA,EAAG,OAAO,AAAD,IAAC,QAAIG,QAAAA,IAAAA,KAAAA,IAAAA,EAAG,KAAK,AAAD,IAArBH,OAA0B;QAAG,GAAG,QAAAC,CAAAA,QAAAA,QAAAA,CAAAA,QAAAA,QAAAA,IAAAA,KAAAA,IAAAA,EAAG,OAAO,AAAD,IAAC,QAAIE,QAAAA,IAAAA,KAAAA,IAAAA,EAAG,KAAK,AAAD,IAArBF,QAA0B;IAAE;AAC1E;AAMO,SAASG,kBAAkBC,KAAqE;IACrG,MAAMC,OAAOC,WAAWX;IACxBY,UAAU,IAAMF,QAAAA,OAAAA,KAAAA,IAAAA,KAAM,QAAQ,IAAI;QAAU,SAATA;KAAc;IACjD,QACGG,KACC,WAAW,CAAC,qBAAqB,EAAEJ,MAAM,SAAS,GAAG,CAAC,CAAC,EAAEA,MAAM,SAAS,EAAE,GAAG,IAAI,EACjF,gBAAgB,CAACN;QACf,MAAMW,IAAIZ,MAAMC;QAChBO,QAAAA,QAAAA,KAAM,OAAO,CAACI,EAAE,CAAC,EAAEA,EAAE,CAAC;IACxB,GACA,eAAe,CAACX;QACd,MAAMW,IAAIZ,MAAMC;QAChBO,QAAAA,QAAAA,KAAM,MAAM,CAACI,EAAE,CAAC,EAAEA,EAAE,CAAC;IACvB,GACD;MACC,CAACL,MAAM,QAAQ,CAAC;IAClB,EAAEI;AAEN;AAmBO,SAASE,WAAWN,KAAsB;QAIGO,mBAChCC,cACDC,sBACJC,gBAyBQC,oBAKJC,iBAGHC,cAAuBC,cAE1BC,sBACAC,sBASCC,YACiCC,mBAA0BC,kBAY5CC,iBAeFC,iBACAC,oBACJC;IAjFrB,MAAMC,IAAIxB,MAAM,OAAO;IAEvB,MAAMyB,UAAUC,aAAa,OAAO;IACpC,MAAMC,QAAQC,kBAAkBC,kBAAkB,QAAAtB,CAAAA,oBAAAA,EAAE,cAAc,AAAD,IAAfA,oBAAoB,qBAAqBkB;IAC3F,MAAMlD,YAAY,QAAAiC,CAAAA,eAAAA,EAAE,SAAS,AAAD,IAAVA,eAAe;IACjC,MAAMsB,WAAW,QAAArB,CAAAA,uBAAAA,EAAE,iBAAiB,AAAD,IAAlBA,uBAAuB;IACxC,MAAMsB,OAAO,QAAArB,CAAAA,iBAAAA,EAAE,WAAW,AAAD,IAAZA,iBAAiB;IAC9B,MAAM,CAACsB,MAAMC,QAAQ,GAAGC,SAAS;QAAE,OAAO;QAAG,QAAQ;IAAE;IACvD,MAAM,CAACnD,QAAQoD,UAAU,GAAGD,SAAS;QAAE,GAAG;QAAG,GAAG;IAAE;IAClD,MAAMjC,OAAOmC,OAAO;QAAE,GAAG;QAAG,GAAG;QAAG,IAAI;QAAG,IAAI;IAAE;IAC/C,MAAM,CAACC,SAASC,WAAW,GAAGJ,SAAS;IACvC,MAAMK,UAAmB;QACvB,SAAS,CAACC,GAAGC;YACXxC,KAAK,OAAO,GAAG;gBAAE,GAAGA,KAAK,OAAO;gBAAEuC;gBAAGC;gBAAG,IAAI1D,OAAO,CAAC;gBAAE,IAAIA,OAAO,CAAC;YAAC;QACrE;QACA,QAAQ,CAACyD,GAAGC;YACV,IAAI,CAACjB,EAAE,WAAW,EAAE;YACpBW,UAAU;gBAAE,GAAGlC,KAAK,OAAO,CAAC,EAAE,GAAGuC,IAAIvC,KAAK,OAAO,CAAC,CAAC;gBAAE,GAAGA,KAAK,OAAO,CAAC,EAAE,GAAGwC,IAAIxC,KAAK,OAAO,CAAC,CAAC;YAAC;QAC/F;QACA,UAAU;YACRqC,WAAW,CAACI,IAAMA,IAAI;YACtB,OAAO,IAAMJ,WAAW,CAACI,IAAMA,IAAI;QACrC;IACF;IACA,MAAMC,OACJ3C,AAAgB,WAAhBA,MAAM,KAAK,GACP;QAAE,SAAS;QAAG,WAAW;IAA2B,IACpD1B,gBAAgBC,WAAWyB,AAAgB,YAAhBA,MAAM,KAAK,GAAe,UAAU;IACrE,MAAMtB,SACJH,AAAc,aAAdA,aAA0ByB,AAAgB,YAAhBA,MAAM,KAAK,GACjCvB,eAAe,eACfA,eAAe,QAAAkC,CAAAA,qBAAAA,EAAE,eAAe,AAAD,IAAhBA,qBAAqB;IAC1C,MAAMiC,aACJ5C,AAAgB,YAAhBA,MAAM,KAAK,IAAgBzB,AAAc,WAAdA,YACvB,SACA,CAAC,QAAQ,EAAEuD,SAAS,GAAG,EAAEpD,OAAO,YAAY,EAAEoD,SAAS,GAAG,EAAEpD,QAAQ;IAC1E,MAAMmE,WAAW,QAAAjC,CAAAA,kBAAAA,EAAE,YAAY,AAAD,IAAbA,kBAAkB;IACnC,MAAMkC,SACJtB,AAAe,QAAfA,EAAE,SAAS,IAAYA,AAAe,QAAfA,EAAE,SAAS,GAC9B;QAAE,MAAM,QAAAX,CAAAA,eAAAA,EAAE,SAAS,AAAD,IAAVA,eAAe;QAAG,KAAK,QAAAC,CAAAA,eAAAA,EAAE,SAAS,AAAD,IAAVA,eAAe;IAAE,IAChDnC,uBAAuB6C,EAAE,YAAY,EAAEA,EAAE,gBAAgB,EAAEQ,MAAM;QAC/D,GAAG,QAAAjB,CAAAA,uBAAAA,EAAE,iBAAiB,AAAD,IAAlBA,uBAAuB;QAC1B,GAAG,QAAAC,CAAAA,uBAAAA,EAAE,iBAAiB,AAAD,IAAlBA,uBAAuB;IAC5B;IACN,MAAM+B,QACJvB,AAAW,QAAXA,EAAE,KAAK,IAAYqB,AAAa,WAAbA,YAAuBA,AAAa,YAAbA,WACtC,GAAGrB,EAAE,KAAK,CAAC,EAAE,CAAC,GACd,AAACsB,UAAUD,AAAa,aAAbA,WAETG,SADA,GAAGC,KAAK,KAAK,CAACjD,AAAkB,MAAlBA,MAAM,SAAS,EAAQ,EAAE,CAAC;IAEhD,MAAMkD,SAAS1B,AAAY,QAAZA,EAAE,MAAM,IAAaqB,CAAAA,AAAa,WAAbA,YAAuBA,AAAa,YAAbA,QAAmB,IAAK,GAAGrB,EAAE,MAAM,CAAC,EAAE,CAAC,GAAGwB;IACrG,MAAMG,MAAM,QAAAlC,CAAAA,aAAAA,EAAE,OAAO,AAAD,IAARA,aAAa;QAAC;QAAI;QAAI;QAAI;KAAG;IACzC,MAAMmC,eAAeC,kBAAkBtB,MAAM,QAAAb,CAAAA,oBAAAA,EAAE,cAAc,AAAD,IAAfA,oBAAoB,MAAM,QAAAC,CAAAA,mBAAAA,EAAE,aAAa,AAAD,IAAdA,mBAAmB;IAC1F,MAAMmC,gBAAgB9B,EAAE,WAAW,GAAG,CAAC,UAAU,EAAEzC,OAAO,CAAC,CAAC,IAAI,EAAEA,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG;IACnF,MAAMwE,iBAAiB/B,AAAkB,SAAlBA,EAAE,WAAW,IAAaa,AAAY,MAAZA;IACjD,QACGjC,KACC,WAAW,CAAC,QAAQ,EAAE2B,AAAS,WAATA,OAAkB,wBAAwB,KAAKe,SAAS,sBAAsB,IAAI,GACvG,GAAIf,AAAS,WAATA,OAAkB;QAAE,iBAAiB;IAAK,IAAI,CAAC,CAAC,EACtD;MACC,CAACA,AAAS,WAATA,QACE3B,KACC,UAAU,kBACV,OAAO;QACL,iBAAiB,QAAAgB,CAAAA,kBAAAA,EAAE,YAAY,AAAD,IAAbA,kBAAkB;QACnC,SAASpB,AAAgB,WAAhBA,MAAM,KAAK,GAAcoD,eAAe;QACjD,YAAYpD,AAAgB,YAAhBA,MAAM,KAAK,GAAe,SAAS,CAAC,QAAQ,EAAE8B,SAAS,EAAE,CAAC;IACxE,GACA,SAAS;YAAM9B;uBAAAA,CAAAA,yBAAAA,MAAM,eAAe,AAAD,IAApBA,KAAAA,IAAAA,uBAAAA,IAAAA,CAAAA;WAEf,KAAK;MACT,CAACI,KACC,UAAU,kBACT,GAAIJ,MAAM,MAAM,GAAG;QAAE,eAAeA,MAAM,MAAM;QAAE,IAAIwD,SAASxD,MAAM,MAAM;IAAE,IAAI,CAAC,CAAC,EACpF,eAAe,OACf,OAAO;QACL,GAAI8C,SAAS;YAAE,UAAU;YAAY,MAAM,GAAGA,OAAO,IAAI,CAAC,EAAE,CAAC;YAAE,KAAK,GAAGA,OAAO,GAAG,CAAC,EAAE,CAAC;QAAC,IAAI,CAAC,CAAC;QAC5F,GAAIC,QAAQ;YAAEA;QAAM,IAAI,CAAC,CAAC;QAC1B,GAAIG,SAAS;YAAEA;QAAO,IAAI,CAAC,CAAC;QAC5B,cAAc,GAAG,QAAA7B,CAAAA,kBAAAA,EAAE,YAAY,AAAD,IAAbA,kBAAkB,GAAG,EAAE,CAAC;QACzC,iBAAiB,QAAAC,CAAAA,qBAAAA,EAAE,cAAc,AAAD,IAAfA,qBAAoB;QACrC,aAAa,QAAAC,CAAAA,iBAAAA,EAAE,WAAW,AAAD,IAAZA,iBAAiB;QAC9B,SAAS,GAAG4B,GAAG,CAAC,EAAE,CAAC,GAAG,EAAEA,GAAG,CAAC,EAAE,CAAC,GAAG,EAAEA,GAAG,CAAC,EAAE,CAAC,GAAG,EAAEA,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;QAC1D,GAAGxB,KAAK;QACR,SAASgB,KAAK,OAAO;QACrB,WAAW,GAAGW,gBAAgBX,KAAK,SAAS,EAAE;QAC9CC;IACF,GACA,kBAAkB,CAAClD;;YACP+D,WACAC;QADV,MAAMC,IAAI,QAAJA,CAAAA,OAAAA,QAAIF,CAAAA,YAAAA,EAAE,MAAM,AAAD,IAAPA,KAAAA,IAAAA,UAAU,KAAK,AAAD,IAAC,OAAI;QAC7B,MAAMG,IAAI,QAAJA,CAAAA,QAAAA,QAAIF,CAAAA,aAAAA,EAAE,MAAM,AAAD,IAAPA,KAAAA,IAAAA,WAAU,MAAM,AAAD,IAAC,QAAI;QAC9B,IAAIC,IAAI,KAAKC,IAAI,KAAMD,CAAAA,MAAM3B,KAAK,KAAK,IAAI4B,MAAM5B,KAAK,MAAK,GAAIC,QAAQ;YAAE,OAAO0B;YAAG,QAAQC;QAAE;IAC/F,IACC,GAAIL,iBACD;QACE,gBAAgB,CAAC7D;YACf,MAAMW,IAAIZ,MAAMC;YAChB6C,QAAQ,OAAO,CAAClC,EAAE,CAAC,EAAEA,EAAE,CAAC;QAC1B;QACA,eAAe,CAACX;YACd,MAAMW,IAAIZ,MAAMC;YAChB6C,QAAQ,MAAM,CAAClC,EAAE,CAAC,EAAEA,EAAE,CAAC;QACzB;IACF,IACA,CAAC,CAAC,EACP;QACC,CAACd,YAAY,SAAS,OAAOgD,UAAUvC,MAAM,QAAQ,GAAGT,YAAY,SAAS;MAC/E,EAAEa,KAAK;IACT,EAAEA;AAEN"}
+{"version":3,"file":"popup/frame.jsx","sources":["../../src/popup/frame.tsx"],"sourcesContent":["import './popup.css';\nimport { formatColor, resolveThemeColor, withAlpha } from '@g9tm/lynxcontrols-foundation';\nimport { createContext, type ReactNode, useContext, useEffect, useRef, useState } from '@lynx-js/react';\nimport { g9SafeId } from '../base/control';\nimport { g9FieldNotchStyle } from '../fields/notch';\nimport { useG9Theme } from '../provider/hooks';\nimport type {\n  G9PopupAnimationEasing,\n  G9PopupAnimationType,\n  G9PopupAutoSizeMode,\n  G9PopupBlurIntensity,\n  G9PopupOverlayMode,\n  G9PopupRelativePosition,\n} from './types';\nimport { popupScrimOpacity } from './types';\n\n/** A rectangle in host coordinates (px), e.g. an anchor's `boundingClientRect`. */\nexport interface G9Rect {\n  readonly left: number;\n  readonly top: number;\n  readonly width: number;\n  readonly height: number;\n}\n\n/** How one popup card opens (MAUI `G9PopupViewOpenOptions`). */\nexport interface G9PopupViewOpenOptions {\n  /** Card width (px); unset = the auto-size mode decides (90 % of the host for centred `height` mode). */\n  readonly width?: number | null;\n  readonly height?: number | null;\n  /** Default 16. */\n  readonly cornerRadius?: number;\n  /** `[left, top, right, bottom]`. Default `[20, 16, 20, 12]`. */\n  readonly padding?: readonly [number, number, number, number];\n  /** Default `'height'`. */\n  readonly autoSizeMode?: G9PopupAutoSizeMode;\n  readonly cardBackground?: string | null;\n  readonly borderColor?: string | null;\n  /** Default `'transparent'`; `'none'` = non-modal (no scrim, taps pass through). */\n  readonly overlayMode?: G9PopupOverlayMode;\n  readonly blurIntensity?: G9PopupBlurIntensity;\n  /** Scrim colour (its opacity is `overlayOpacity`). Default the `Scrim` token. */\n  readonly overlayColor?: string | null;\n  /** Default 0.45. */\n  readonly overlayOpacity?: number;\n  /** Default false. */\n  readonly closeOnBackgroundTap?: boolean;\n  /** Default true. */\n  readonly closeOnBackButton?: boolean;\n  /** Default `'slideUp'`. */\n  readonly animation?: G9PopupAnimationType;\n  /** Default `'sinOut'`. */\n  readonly animationEasing?: G9PopupAnimationEasing;\n  /** Default 240 ms. */\n  readonly animationDuration?: number;\n  /** Close after this many ms; 0 = never. */\n  readonly autoCloseDuration?: number;\n  /** Anchor rectangle (MAUI `RelativeView`'s bounds); with `relativePosition`. */\n  readonly relativeRect?: G9Rect | null;\n  readonly relativePosition?: G9PopupRelativePosition | null;\n  /** Extra offset added to the relative placement. */\n  readonly relativeAbsoluteX?: number;\n  readonly relativeAbsoluteY?: number;\n  /** Absolute card position (host px). */\n  readonly absoluteX?: number | null;\n  readonly absoluteY?: number | null;\n  /** The card can be dragged: by a `<G9PopupDragHandle>` inside it, or anywhere when there is none. */\n  readonly isDraggable?: boolean;\n}\n\n/**\n * The size every MAUI popup RESTS at: `G9PopupView` builds its card container with `ScaleX = ScaleY = 0.92` and its\n * open animations only ever set `Scale` (which multiplies them), so the card, its text and its buttons all show at\n * 92 % — a 403 dp card measures 371 dp on screen (MAUI 6.2.36, Pixel 9 Pro XL). The port reproduces what users see.\n */\nexport const g9PopupRestingScale = 0.92;\n\n/** The pose a card starts from / leaves to, per motion (MAUI `G9PopupView` animation table). */\nexport function popupMotionPose(\n  animation: G9PopupAnimationType,\n  phase: 'enter' | 'exit',\n): {\n  opacity: number;\n  transform: string;\n} {\n  switch (animation) {\n    case 'none':\n      return { opacity: phase === 'enter' ? 1 : 0, transform: 'translateY(0px) scale(1)' };\n    case 'fadeIn':\n      return { opacity: 0, transform: 'translateY(0px) scale(1)' };\n    case 'zoomIn':\n      return { opacity: 0, transform: 'translateY(0px) scale(0.92)' };\n    case 'dropIn':\n      return { opacity: 0, transform: 'translateY(-40px) scale(1)' };\n    case 'bounce':\n      // Opens from 0.6 with the bounce easing; closes like ZoomIn (MAUI).\n      return { opacity: 0, transform: `translateY(0px) scale(${phase === 'enter' ? 0.6 : 0.92})` };\n    default:\n      return { opacity: 0, transform: 'translateY(40px) scale(1)' };\n  }\n}\n\n/** CSS timing function of an easing (bounce approximated with an overshoot curve; CSS has no bounce). */\nexport function popupEasingCss(easing: G9PopupAnimationEasing): string {\n  switch (easing) {\n    case 'linear':\n      return 'linear';\n    case 'sinIn':\n      return 'cubic-bezier(0.47, 0, 0.745, 0.715)';\n    case 'sinInOut':\n      return 'cubic-bezier(0.445, 0.05, 0.55, 0.95)';\n    case 'cubicOut':\n      return 'cubic-bezier(0.215, 0.61, 0.355, 1)';\n    case 'bounceOut':\n      return 'cubic-bezier(0.34, 1.56, 0.64, 1)';\n    default:\n      return 'cubic-bezier(0.39, 0.575, 0.565, 1)';\n  }\n}\n\n/**\n * Where the card's top-left goes (host px) for a relative placement (MAUI `ShowRelativeToView`); `null` when the\n * anchor or the card has no size yet (the card is then centred, and the next layout corrects it).\n */\nexport function relativePopupPlacement(\n  anchor: G9Rect | null | undefined,\n  position: G9PopupRelativePosition | null | undefined,\n  card: { width: number; height: number },\n  offset: { x: number; y: number } = { x: 0, y: 0 },\n): { left: number; top: number } | null {\n  if (!anchor || !position || anchor.width <= 0 || anchor.height <= 0 || card.width <= 0 || card.height <= 0)\n    return null;\n  const right = anchor.left + anchor.width;\n  const bottom = anchor.top + anchor.height;\n  const cx = anchor.left + (anchor.width - card.width) / 2;\n  const cy = anchor.top + (anchor.height - card.height) / 2;\n  const at = (left: number, top: number) => ({ left: left + offset.x, top: top + offset.y });\n  switch (position) {\n    case 'alignTop':\n      return at(cx, anchor.top);\n    case 'alignBottom':\n      return at(cx, bottom - card.height);\n    case 'alignLeft':\n      return at(anchor.left, cy);\n    case 'alignRight':\n      return at(right - card.width, cy);\n    case 'alignTopLeft':\n      return at(anchor.left, anchor.top);\n    case 'alignTopRight':\n      return at(right - card.width, anchor.top);\n    case 'alignBottomLeft':\n      return at(anchor.left, bottom - card.height);\n    case 'alignBottomRight':\n      return at(right - card.width, bottom - card.height);\n    case 'alignToLeftOf':\n      return at(anchor.left - card.width, cy);\n    case 'alignToRightOf':\n      return at(right, cy);\n    case 'alignToTopOf':\n      return at(cx, anchor.top - card.height);\n    default:\n      return at(cx, bottom);\n  }\n}\n\ninterface DragApi {\n  readonly onStart: (x: number, y: number) => void;\n  readonly onMove: (x: number, y: number) => void;\n  readonly register: () => () => void;\n}\n\nconst DragContext = createContext<DragApi | null>(null);\n\ntype TouchEvent = { touches?: Array<{ clientX?: number; clientY?: number; pageX?: number; pageY?: number }> };\nconst point = (e: TouchEvent) => {\n  const t = e.touches?.[0];\n  return { x: t?.clientX ?? t?.pageX ?? 0, y: t?.clientY ?? t?.pageY ?? 0 };\n};\n\n/**\n * The grip of a draggable popup (MAUI `DragHandle`): put the header inside it so taps in the body keep working.\n * Without one, a draggable card drags from anywhere.\n */\nexport function G9PopupDragHandle(props: { readonly children?: ReactNode; readonly className?: string }): ReactNode {\n  const drag = useContext(DragContext);\n  useEffect(() => drag?.register(), [drag !== null]);\n  return (\n    <view\n      className={`g9-popup__drag-handle${props.className ? ` ${props.className}` : ''}`}\n      bindtouchstart={(e: TouchEvent) => {\n        const p = point(e);\n        drag?.onStart(p.x, p.y);\n      }}\n      bindtouchmove={(e: TouchEvent) => {\n        const p = point(e);\n        drag?.onMove(p.x, p.y);\n      }}\n    >\n      {props.children}\n    </view>\n  );\n}\n\n/** Props of {@link PopupFrame}. */\nexport interface PopupFrameProps {\n  readonly options: G9PopupViewOpenOptions;\n  /** `enter` = start pose (no transition), `open` = in place, `leave` = exit pose. */\n  readonly phase: 'enter' | 'open' | 'leave';\n  readonly hostWidth: number;\n  readonly onBackgroundTap?: () => void;\n  readonly children?: ReactNode;\n  readonly testId?: string;\n}\n\n/**\n * Scrim + card (MAUI `G9PopupView` visuals): the scrim fades on its own (also when the card has no motion); the card\n * runs one compound transition (opacity with transform) between its pose and identity; no shadow, the stroke\n * separates it. Placement: absolute, relative to an anchor, or centred (90 % wide in `height` mode). Non-modal\n * (`overlayMode: 'none'`): no scrim and the layer lets taps through.\n */\nexport function PopupFrame(props: PopupFrameProps): ReactNode {\n  const o = props.options;\n  // Fields on the card hide their outline under a floated label with the card's colour.\n  const palette = useG9Theme().palette;\n  const notch = g9FieldNotchStyle(resolveThemeColor(o.cardBackground ?? 'var(--g9-surface)', palette));\n  // MAUI ResolveOverlayColor: the colour's hue with the overlay opacity as its alpha (Colors.Black.WithAlpha by default) —\n  // the Scrim token's own alpha (0.6) does not multiply in, or the 0.45 dim reads as 0.27.\n  const scrimColor = formatColor(withAlpha(resolveThemeColor(o.overlayColor ?? 'var(--g9-scrim)', palette), 1));\n  const animation = o.animation ?? 'slideUp';\n  const duration = o.animationDuration ?? 240;\n  const mode = o.overlayMode ?? 'transparent';\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const [offset, setOffset] = useState({ x: 0, y: 0 });\n  const drag = useRef({ x: 0, y: 0, ox: 0, oy: 0 });\n  const [handles, setHandles] = useState(0);\n  const dragApi: DragApi = {\n    onStart: (x, y) => {\n      drag.current = { ...drag.current, x, y, ox: offset.x, oy: offset.y };\n    },\n    onMove: (x, y) => {\n      if (!o.isDraggable) return;\n      setOffset({ x: drag.current.ox + x - drag.current.x, y: drag.current.oy + y - drag.current.y });\n    },\n    register: () => {\n      setHandles((n) => n + 1);\n      return () => setHandles((n) => n - 1);\n    },\n  };\n  const pose =\n    props.phase === 'open'\n      ? { opacity: 1, transform: 'translateY(0px) scale(1)' }\n      : popupMotionPose(animation, props.phase === 'enter' ? 'enter' : 'exit');\n  const easing =\n    animation === 'bounce' && props.phase !== 'leave'\n      ? popupEasingCss('bounceOut')\n      : popupEasingCss(o.animationEasing ?? 'sinOut');\n  const transition =\n    props.phase === 'enter' || animation === 'none'\n      ? 'none'\n      : `opacity ${duration}ms ${easing}, transform ${duration}ms ${easing}`;\n  const autoSize = o.autoSizeMode ?? 'height';\n  const placed =\n    o.absoluteX != null || o.absoluteY != null\n      ? { left: o.absoluteX ?? 0, top: o.absoluteY ?? 0 }\n      : relativePopupPlacement(o.relativeRect, o.relativePosition, size, {\n          x: o.relativeAbsoluteX ?? 0,\n          y: o.relativeAbsoluteY ?? 0,\n        });\n  const width =\n    o.width != null && autoSize !== 'both' && autoSize !== 'width'\n      ? `${o.width}px`\n      : !placed && autoSize === 'height'\n        ? `${Math.round(props.hostWidth * 0.9)}px`\n        : undefined;\n  const height = o.height != null && (autoSize === 'none' || autoSize === 'width') ? `${o.height}px` : undefined;\n  const pad = o.padding ?? [20, 16, 20, 12];\n  const scrimOpacity = popupScrimOpacity(mode, o.overlayOpacity ?? 0.45, o.blurIntensity ?? 'none');\n  const dragTranslate = o.isDraggable ? `translate(${offset.x}px, ${offset.y}px) ` : '';\n  const wholeCardDrags = o.isDraggable === true && handles === 0;\n  return (\n    <view\n      className={`g9-popup${mode === 'none' ? ' g9-popup--nonmodal' : ''}${placed ? ' g9-popup--placed' : ''}`}\n      {...(mode === 'none' ? { 'event-through': true } : {})}\n    >\n      {mode !== 'none' ? (\n        <view\n          // Never flattened (see the sheet scrim): over a native SurfaceView a flattened dim is painted underneath it.\n          flatten={false}\n          className=\"g9-popup__scrim\"\n          style={{\n            backgroundColor: scrimColor,\n            opacity: props.phase === 'open' ? scrimOpacity : 0,\n            transition: props.phase === 'enter' ? 'none' : `opacity ${duration}ms`,\n          }}\n          bindtap={() => props.onBackgroundTap?.()}\n        />\n      ) : null}\n      <view\n        className=\"g9-popup__card\"\n        {...(props.testId ? { 'data-testid': props.testId, id: g9SafeId(props.testId) } : {})}\n        event-through={false}\n        style={{\n          ...(placed ? { position: 'absolute', left: `${placed.left}px`, top: `${placed.top}px` } : {}),\n          ...(width ? { width } : {}),\n          ...(height ? { height } : {}),\n          borderRadius: `${o.cornerRadius ?? 16}px`,\n          backgroundColor: o.cardBackground ?? 'var(--g9-surface)',\n          borderColor: o.borderColor ?? 'var(--g9-surface)',\n          padding: `${pad[1]}px ${pad[2]}px ${pad[3]}px ${pad[0]}px`,\n          ...notch,\n          opacity: pose.opacity,\n          transform: `${dragTranslate}${pose.transform} scale(${g9PopupRestingScale})`,\n          transition,\n        }}\n        bindlayoutchange={(e: { detail?: { width?: number; height?: number } }) => {\n          const w = e.detail?.width ?? 0;\n          const h = e.detail?.height ?? 0;\n          if (w > 0 && h > 0 && (w !== size.width || h !== size.height)) setSize({ width: w, height: h });\n        }}\n        {...(wholeCardDrags\n          ? {\n              bindtouchstart: (e: TouchEvent) => {\n                const p = point(e);\n                dragApi.onStart(p.x, p.y);\n              },\n              bindtouchmove: (e: TouchEvent) => {\n                const p = point(e);\n                dragApi.onMove(p.x, p.y);\n              },\n            }\n          : {})}\n      >\n        <DragContext.Provider value={dragApi}>{props.children}</DragContext.Provider>\n      </view>\n    </view>\n  );\n}\n"],"names":["g9PopupRestingScale","popupMotionPose","animation","phase","popupEasingCss","easing","relativePopupPlacement","anchor","position","card","offset","right","bottom","cx","cy","at","left","top","DragContext","createContext","point","e","_ref","_ref2","_e_touches","t","G9PopupDragHandle","props","drag","useContext","useEffect","view","p","PopupFrame","_o_cardBackground","_o_overlayColor","_o_animation","_o_animationDuration","_o_overlayMode","_o_animationEasing","_o_autoSizeMode","_o_absoluteX","_o_absoluteY","_o_relativeAbsoluteX","_o_relativeAbsoluteY","_o_padding","_o_overlayOpacity","_o_blurIntensity","_o_cornerRadius","_o_cardBackground1","_o_borderColor","o","palette","useG9Theme","notch","g9FieldNotchStyle","resolveThemeColor","scrimColor","formatColor","withAlpha","duration","mode","size","setSize","useState","setOffset","useRef","handles","setHandles","dragApi","x","y","n","pose","transition","autoSize","placed","width","undefined","Math","height","pad","scrimOpacity","popupScrimOpacity","dragTranslate","wholeCardDrags","g9SafeId","_e_detail","_e_detail1","w","h"],"mappings":"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"}

package/dist/popup/popup.css

@@ -37,16 +37,22 @@
 .g9-popup__header {
   flex-direction: row;
   align-items: center;
-  margin-bottom: 10px;
+  padding-bottom: 10px;
   display: flex;
 }
 
+.g9-popup__divider {
+  background-color: var(--g9-outline-variant);
+  opacity: .5;
+  height: 1px;
+}
+
 .g9-popup__badge {
-  border-radius: 18px;
+  border-radius: 8px;
   justify-content: center;
   align-items: center;
-  width: 36px;
-  height: 36px;
+  width: 30px;
+  height: 30px;
   margin-right: 10px;
   display: flex;
   position: relative;
@@ -58,8 +64,8 @@
 }
 
 .g9-popup__badge-tint {
-  opacity: .14;
-  border-radius: 18px;
+  opacity: .18;
+  border-radius: 8px;
   position: absolute;
   top: 0;
   bottom: 0;
@@ -68,7 +74,8 @@
 }
 
 .g9-popup__title {
-  flex: 1;
+  text-overflow: ellipsis;
+  flex: 1 1 0;
   font-size: 17px;
   font-weight: 700;
 }
@@ -82,42 +89,42 @@
 }
 
 .g9-popup__message {
-  margin-bottom: 12px;
+  padding: 12px 0;
   font-size: 15px;
   line-height: 22px;
 }
 
 .g9-popup__body {
-  margin-bottom: 12px;
+  padding: 12px 0;
 }
 
 .g9-popup__footer {
   flex-direction: row;
   align-items: center;
-  margin-top: 4px;
+  column-gap: 8px;
+  padding-top: 8px;
   display: flex;
 }
 
 .g9-popup__footer--stacked {
   flex-direction: column;
   align-items: stretch;
+  gap: 8px 0;
 }
 
 .g9-popup__button {
   border-radius: 12px;
   flex-direction: row;
-  flex: 1;
+  flex: 1 1 0;
   justify-content: center;
   align-items: center;
-  height: 44px;
-  margin-left: 4px;
-  margin-right: 4px;
+  min-height: 48px;
   display: flex;
 }
 
 .g9-popup__button--stacked {
-  flex: none;
-  margin: 4px 0;
+  flex-grow: 0;
+  flex-basis: auto;
 }
 
 .g9-popup__button--outline {

package/dist/popup/popup.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/popup/popup.css"],"names":[],"mappings":"AAGA;EAFE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,eAAe;EACf,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAKA;EAFE,cAAc;AAChB;;AAKA;EAFE,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAKA;EAFE,mBAAmB;EACnB,iBAAiB;EACjB,sBAAsB;EACtB,eAAe;EACf,aAAa;AACf;;AAKA;EAFE,sBAAsB;EACtB,aAAa;AACf;;AAKA;EAFE,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,aAAa;AACf;;AAKA;EAFE,mBAAmB;EACnB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,aAAa;EACb,kBAAkB;AACpB;;AAKA;EAFE,iBAAiB;EACjB,eAAe;AACjB;;AAKA;EAFE,YAAY;EACZ,mBAAmB;EACnB,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAKA;EAFE,OAAO;EACP,eAAe;EACf,gBAAgB;AAClB;;AAKA;EAFE,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAKA;EAFE,mBAAmB;EACnB,eAAe;EACf,iBAAiB;AACnB;;AAKA;EAFE,mBAAmB;AACrB;;AAKA;EAFE,mBAAmB;EACnB,mBAAmB;EACnB,eAAe;EACf,aAAa;AACf;;AAKA;EAFE,sBAAsB;EACtB,oBAAoB;AACtB;;AAKA;EAFE,mBAAmB;EACnB,mBAAmB;EACnB,OAAO;EACP,uBAAuB;EACvB,mBAAmB;EACnB,YAAY;EACZ,gBAAgB;EAChB,iBAAiB;EACjB,aAAa;AACf;;AAKA;EAFE,UAAU;EACV,aAAa;AACf;;AAKA;EAFE,mBAAmB;EACnB,mBAAmB;EACnB,uCAAuC;AACzC;;AAKA;EAFE,WAAW;AACb;;AAKA;EAFE,eAAe;EACf,gBAAgB;AAClB;;AAKA;EAFE,sBAAsB;EACtB,aAAa;AACf;;AAKA;EAFE,sBAAsB;EACtB,mBAAmB;EACnB,aAAa;AACf;;AAKA;EAFE,+BAA+B;EAC/B,kBAAkB;EAClB,eAAe;AACjB;;AAKA;EAFE,sBAAsB;EACtB,eAAe;EACf,eAAe;AACjB;;AAKA;EAFE,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,aAAa;AACf;;AAKA;EAFE,mBAAmB;EACnB,iBAAiB;EACjB,+BAA+B;EAC/B,mBAAmB;EACnB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAKA;EAFE,iBAAiB;EACjB,eAAe;AACjB;;AAKA;EAFE,+BAA+B;AACjC;;AAKA;EAFE,mCAAmC;EACnC,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;;AAKA;EAFE,2BAA2B;EAC3B,eAAe;AACjB","sourcesContent":["/* Fixed, not absolute: a G9 sheet is lynx-ui's `position: fixed` SheetView, which Lynx paints and hit-tests above\n   every in-flow node, so an absolute popup over an open sheet was hidden and its buttons unreachable. The popup root\n   is created per show, after the sheet, so it lands above it (2026-10-10). */\n.g9-popup {\n  position: fixed;\n  top: 0px;\n  left: 0px;\n  right: 0px;\n  bottom: 0px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.g9-popup--placed {\n  display: block;\n}\n\n.g9-popup__scrim {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  right: 0px;\n  bottom: 0px;\n}\n\n.g9-popup__card {\n  display: flex;\n  flex-direction: column;\n  border-width: 1px;\n  border-style: solid;\n  max-height: 90%;\n}\n\n.g9-popup__content {\n  display: flex;\n  flex-direction: column;\n}\n\n.g9-popup__header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 10px;\n}\n\n.g9-popup__badge {\n  width: 36px;\n  height: 36px;\n  border-radius: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n  position: relative;\n}\n\n.g9-dir-rtl .g9-popup__badge {\n  margin-right: 0px;\n  margin-left: 10px;\n}\n\n.g9-popup__badge-tint {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  right: 0px;\n  bottom: 0px;\n  border-radius: 18px;\n  opacity: 0.14;\n}\n\n.g9-popup__title {\n  flex: 1;\n  font-size: 17px;\n  font-weight: 700;\n}\n\n.g9-popup__close {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.g9-popup__message {\n  font-size: 15px;\n  line-height: 22px;\n  margin-bottom: 12px;\n}\n\n.g9-popup__body {\n  margin-bottom: 12px;\n}\n\n.g9-popup__footer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-top: 4px;\n}\n\n.g9-popup__footer--stacked {\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.g9-popup__button {\n  flex: 1;\n  height: 44px;\n  border-radius: 12px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  margin-left: 4px;\n  margin-right: 4px;\n}\n\n.g9-popup__button--stacked {\n  flex: none;\n  margin: 4px 0px;\n}\n\n.g9-popup__button--outline {\n  border-width: 1.5px;\n  border-style: solid;\n  border-color: var(--g9-outline-variant);\n}\n\n.g9-popup__button--busy {\n  opacity: 0.7;\n}\n\n.g9-popup__button-text {\n  font-size: 15px;\n  font-weight: 700;\n}\n\n.g9-popup-input {\n  display: flex;\n  flex-direction: column;\n}\n\n.g9-popup-input__group {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 10px;\n}\n\n.g9-popup-input__label {\n  font-size: 14px;\n  color: var(--g9-text-secondary);\n  margin-bottom: 6px;\n}\n\n.g9-popup-input__error {\n  font-size: 13px;\n  color: var(--g9-error);\n  margin-top: 4px;\n}\n\n.g9-popup-input__radio {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 40px;\n}\n\n.g9-popup-input__radio-ring {\n  width: 20px;\n  height: 20px;\n  border-radius: 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--g9-outline);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n\n.g9-dir-rtl .g9-popup-input__radio-ring {\n  margin-right: 0px;\n  margin-left: 10px;\n}\n\n.g9-popup-input__radio--selected .g9-popup-input__radio-ring {\n  border-color: var(--g9-primary);\n}\n\n.g9-popup-input__radio-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 5px;\n  background-color: var(--g9-primary);\n}\n\n.g9-popup-input__option-text {\n  font-size: 15px;\n  color: var(--g9-on-surface);\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/popup/popup.css"],"names":[],"mappings":"AAGA;EAFE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,eAAe;EACf,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAKA;EAFE,cAAc;AAChB;;AAKA;EAFE,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAKA;EAFE,mBAAmB;EACnB,iBAAiB;EACjB,sBAAsB;EACtB,eAAe;EACf,aAAa;AACf;;AAKA;EAFE,sBAAsB;EACtB,aAAa;AACf;;AAMA;EAHE,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EACpB,aAAa;AACf;;AAMA;EAHE,2CAA2C;EAC3C,WAAW;EACX,WAAW;AACb;;AAOA;EAJE,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,aAAa;EACb,kBAAkB;AACpB;;AAOA;EAJE,iBAAiB;EACjB,eAAe;AACjB;;AAOA;EAJE,YAAY;EACZ,kBAAkB;EAClB,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAOA;EAJE,uBAAuB;EACvB,WAAW;EACX,eAAe;EACf,gBAAgB;AAClB;;AASA;EANE,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAUA;EAPE,eAAe;EACf,eAAe;EACf,iBAAiB;AACnB;;AAUA;EAPE,eAAe;AACjB;;AAWA;EARE,mBAAmB;EACnB,mBAAmB;EACnB,eAAe;EACf,gBAAgB;EAChB,aAAa;AACf;;AAWA;EARE,sBAAsB;EACtB,oBAAoB;EACpB,UAAU;AACZ;;AAaA;EAVE,mBAAmB;EACnB,mBAAmB;EACnB,WAAW;EACX,uBAAuB;EACvB,mBAAmB;EACnB,gBAAgB;EAChB,aAAa;AACf;;AAeA;EAZE,YAAY;EACZ,gBAAgB;AAClB;;AAeA;EAZE,mBAAmB;EACnB,mBAAmB;EACnB,uCAAuC;AACzC;;AAeA;EAZE,WAAW;AACb;;AAeA;EAZE,eAAe;EACf,gBAAgB;AAClB;;AAeA;EAZE,sBAAsB;EACtB,aAAa;AACf;;AAeA;EAZE,sBAAsB;EACtB,mBAAmB;EACnB,aAAa;AACf;;AAeA;EAZE,+BAA+B;EAC/B,kBAAkB;EAClB,eAAe;AACjB;;AAeA;EAZE,sBAAsB;EACtB,eAAe;EACf,eAAe;AACjB;;AAeA;EAZE,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,aAAa;AACf;;AAeA;EAZE,mBAAmB;EACnB,iBAAiB;EACjB,+BAA+B;EAC/B,mBAAmB;EACnB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAeA;EAZE,iBAAiB;EACjB,eAAe;AACjB;;AAeA;EAZE,+BAA+B;AACjC;;AAeA;EAZE,mCAAmC;EACnC,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;;AAeA;EAZE,2BAA2B;EAC3B,eAAe;AACjB","sourcesContent":["/* Fixed, not absolute: a G9 sheet is lynx-ui's `position: fixed` SheetView, which Lynx paints and hit-tests above\n   every in-flow node, so an absolute popup over an open sheet was hidden and its buttons unreachable. The popup root\n   is created per show, after the sheet, so it lands above it (2026-10-10). */\n.g9-popup {\n  position: fixed;\n  top: 0px;\n  left: 0px;\n  right: 0px;\n  bottom: 0px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.g9-popup--placed {\n  display: block;\n}\n\n.g9-popup__scrim {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  right: 0px;\n  bottom: 0px;\n}\n\n.g9-popup__card {\n  display: flex;\n  flex-direction: column;\n  border-width: 1px;\n  border-style: solid;\n  max-height: 90%;\n}\n\n.g9-popup__content {\n  display: flex;\n  flex-direction: column;\n}\n\n/* MAUI BuildG9PopupHeader: a row (icon tile, title; ColumnSpacing 10, 10 under it), then a 1 dp divider. */\n.g9-popup__header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-bottom: 10px;\n}\n\n.g9-popup__divider {\n  height: 1px;\n  background-color: var(--g9-outline-variant);\n  opacity: 0.5;\n}\n\n/* MAUI: a 30 dp tile, corner 8, the accent at 18 % behind a 17 dp icon. */\n.g9-popup__badge {\n  width: 30px;\n  height: 30px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n  position: relative;\n}\n\n.g9-dir-rtl .g9-popup__badge {\n  margin-right: 0px;\n  margin-left: 10px;\n}\n\n.g9-popup__badge-tint {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  right: 0px;\n  bottom: 0px;\n  border-radius: 8px;\n  opacity: 0.18;\n}\n\n.g9-popup__title {\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: 0px;\n  font-size: 17px;\n  font-weight: 700;\n  text-overflow: ellipsis;\n}\n\n.g9-popup__close {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* MAUI BuildG9PopupBody: the message (or a custom body) inside Padding (0, 12, 0, 12). */\n.g9-popup__message {\n  font-size: 15px;\n  line-height: 22px;\n  padding: 12px 0px;\n}\n\n.g9-popup__body {\n  padding: 12px 0px;\n}\n\n/* MAUI BuildG9PopupFooter: Padding (0, 8, 0, 0), ColumnSpacing 8 (stacked: Spacing 8), buttons flush with the card. */\n.g9-popup__footer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-top: 8px;\n  column-gap: 8px;\n}\n\n.g9-popup__footer--stacked {\n  flex-direction: column;\n  align-items: stretch;\n  column-gap: 0px;\n  row-gap: 8px;\n}\n\n/* MAUI CreateFooterButton: MinimumHeightRequest 48, corner 12. */\n.g9-popup__button {\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: 0px;\n  min-height: 48px;\n  border-radius: 12px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\n.g9-popup__button--stacked {\n  flex-grow: 0;\n  flex-basis: auto;\n}\n\n.g9-popup__button--outline {\n  border-width: 1.5px;\n  border-style: solid;\n  border-color: var(--g9-outline-variant);\n}\n\n.g9-popup__button--busy {\n  opacity: 0.7;\n}\n\n.g9-popup__button-text {\n  font-size: 15px;\n  font-weight: 700;\n}\n\n.g9-popup-input {\n  display: flex;\n  flex-direction: column;\n}\n\n.g9-popup-input__group {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 10px;\n}\n\n.g9-popup-input__label {\n  font-size: 14px;\n  color: var(--g9-text-secondary);\n  margin-bottom: 6px;\n}\n\n.g9-popup-input__error {\n  font-size: 13px;\n  color: var(--g9-error);\n  margin-top: 4px;\n}\n\n.g9-popup-input__radio {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 40px;\n}\n\n.g9-popup-input__radio-ring {\n  width: 20px;\n  height: 20px;\n  border-radius: 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--g9-outline);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n\n.g9-dir-rtl .g9-popup-input__radio-ring {\n  margin-right: 0px;\n  margin-left: 10px;\n}\n\n.g9-popup-input__radio--selected .g9-popup-input__radio-ring {\n  border-color: var(--g9-primary);\n}\n\n.g9-popup-input__radio-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 5px;\n  background-color: var(--g9-primary);\n}\n\n.g9-popup-input__option-text {\n  font-size: 15px;\n  color: var(--g9-on-surface);\n}\n"],"sourceRoot":""}

package/dist/popup/service.d.ts.map

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

package/dist/popup/service.jsx

@@ -72,9 +72,9 @@ function PopupCardContent(props) {
             <view className="g9-popup__badge-tint" style={{
         backgroundColor: profile.iconColor
     }}/>
-            <G9IconSlot icon={profile.icon} size={22} color={profile.iconColor}/>
+            <G9IconSlot icon={profile.icon} size={17} color={profile.iconColor}/>
           </view>
-          <text className="g9-popup__title" style={{
+          <text className="g9-popup__title" text-maxline="1" style={{
         color: profile.titleColor,
         ...g9TextStart(direction)
     }}>
@@ -84,6 +84,7 @@ function PopupCardContent(props) {
               <G9IconSlot icon={glyphs.clear} size={20} color="var(--g9-on-surface-variant)"/>
             </view> : null}
         </view> : null}
+      {false !== settings.showHeader ? <view className="g9-popup__divider"/> : null}
       {d.message ? <text className="g9-popup__message" style={{
         color: profile.messageColor,
         ...g9TextStart(direction)

package/dist/popup/service.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"popup/service.jsx","sources":["../../src/popup/service.tsx"],"sourcesContent":["import './popup.css';\nimport { createCulture, createStrings, type G9ErrorPopupRequest, G9StringKey } from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useEffect, useRef, useState, useSyncExternalStore } from '@lynx-js/react';\nimport { g9RowStyle, g9SafeId, g9TextStart } from '../base/control';\nimport { useG9Press } from '../base/press';\nimport { startTimer, stopTimer } from '../base/timers';\nimport { G9ActivityIndicator } from '../display/activity-indicator';\nimport { useG9Host } from '../host/hooks';\nimport { type G9HostHandle, g9Hosts } from '../host/registry';\nimport { G9IconSlot } from '../icon/slot';\nimport { useG9Diagnostics, useG9Direction, useG9Settings, useG9Strings, useG9Window } from '../provider/hooks';\nimport { g9DefaultErrorPresenter } from '../provider/settings';\nimport { type G9PopupViewOpenOptions, PopupFrame } from './frame';\nimport { type G9PopupInputOptions, type G9PopupInputResult, g9PopupInputResult } from './input';\nimport { createPopupFormStore, PopupInputForm } from './input-form';\nimport { type G9PopupEntry, type G9PopupOutcome, G9PopupQueue } from './queue';\nimport {\n  createPopupVisualProfile,\n  customPopup,\n  type G9PopupAnimationType,\n  type G9PopupButton,\n  type G9PopupDescriptor,\n  type G9PopupResult,\n  type G9PopupSettings,\n  type G9PopupType,\n  type G9PopupVisualProfile,\n  g9PopupResult,\n  presetPopup,\n  resolvePopupSettings,\n} from './types';\n\n/** Most buttons a `row` footer shows (MAUI); more are dropped with a warning. */\nexport const g9PopupRowButtonLimit = 3;\n\n/** Options of `showConfirm` (MAUI `ShowConfirmAsync`). */\nexport interface G9ConfirmOptions {\n  readonly title?: string | null;\n  readonly okCallback?: ((context: { readonly aborted: boolean }) => unknown) | null;\n  readonly cancelCallback?: ((context: { readonly aborted: boolean }) => unknown) | null;\n  /** Default `'information'`; `'warning'` for a lossy confirm (sign out, discard). */\n  readonly type?: G9PopupType;\n  readonly okText?: string;\n  readonly cancelText?: string;\n}\n\n/** The popups of a host (MAUI `G9PopupHelper`). */\nexport interface G9PopupService {\n  /** Information popup (MAUI `ShowG9PopupAsync`); resolves the result of the button that closed it. */\n  show(\n    message: string,\n    title?: string | null,\n    buttons?: ReadonlyArray<G9PopupButton> | null,\n    settings?: G9PopupSettings | null,\n    animation?: G9PopupAnimationType | null,\n  ): Promise<G9PopupResult>;\n  showSuccess(\n    message: string,\n    title?: string | null,\n    buttons?: ReadonlyArray<G9PopupButton> | null,\n    settings?: G9PopupSettings | null,\n    animation?: G9PopupAnimationType | null,\n  ): Promise<G9PopupResult>;\n  showWarning(\n    message: string,\n    title?: string | null,\n    buttons?: ReadonlyArray<G9PopupButton> | null,\n    settings?: G9PopupSettings | null,\n    animation?: G9PopupAnimationType | null,\n  ): Promise<G9PopupResult>;\n  showError(\n    message: string,\n    title?: string | null,\n    buttons?: ReadonlyArray<G9PopupButton> | null,\n    settings?: G9PopupSettings | null,\n    animation?: G9PopupAnimationType | null,\n  ): Promise<G9PopupResult>;\n  /** Any content in the body (MAUI `ShowCustomG9PopupAsync`). */\n  showCustom(\n    content: ReactNode | (() => ReactNode),\n    title?: string | null,\n    buttons?: ReadonlyArray<G9PopupButton> | null,\n    settings?: G9PopupSettings | null,\n    animation?: G9PopupAnimationType | null,\n  ): Promise<G9PopupResult>;\n  /** Any descriptor; resolves how it ended. */\n  showDescriptor(descriptor: G9PopupDescriptor): Promise<G9PopupOutcome>;\n  /** A validated form (MAUI `ShowInputG9PopupAsync`). */\n  showInput(options: G9PopupInputOptions): Promise<G9PopupInputResult>;\n  /** OK/Cancel: `true` only for OK; every other exit is `false` (MAUI `ShowConfirmAsync`). */\n  showConfirm(message: string, options?: G9ConfirmOptions): Promise<boolean>;\n  /** Hardware back: `true` when a popup is on screen (closed unless `closeOnBackButton: false`). */\n  handleHardwareBack(): boolean;\n  /** Closes the popup on screen. */\n  closeActive(): void;\n  /** Drops waiting popups; the one on screen stays. */\n  clearQueue(): void;\n  /** Closes everything. */\n  dismissAll(): void;\n  readonly queue: G9PopupQueue;\n}\n\nconst FEATURE = 'g9.popups';\n\ninterface State {\n  service: G9PopupService;\n  defaults: G9PopupSettings;\n  /** Strings and diagnostics of the provider; refreshed by the layer on every render. */\n  strings: (key: G9StringKey) => string;\n  warn?: (message: string) => void;\n  report?: (error: unknown) => void;\n}\n\nconst fallbackStrings = createStrings({ culture: createCulture('en') });\n\nfunction PopupButtonView(props: {\n  readonly button: G9PopupButton;\n  /** Element id: the button's `testId` made selector-safe, else `G9Popup_Button_<index>`. */\n  readonly id: string;\n  readonly profile: G9PopupVisualProfile;\n  readonly busy: boolean;\n  readonly stacked: boolean;\n  readonly onPress: () => void;\n}): ReactNode {\n  const { button, profile } = props;\n  const primary = button.isPrimary !== false;\n  const press = useG9Press(props.onPress, { source: 'G9Popup', guardMs: 0 });\n  const background = button.backgroundColor ?? (primary ? profile.buttonBackground : 'transparent');\n  const color = button.textColor ?? (primary ? profile.buttonTextColor : 'var(--g9-on-surface)');\n  return (\n    <view\n      className={`g9-popup__button${primary ? ' g9-popup__button--primary' : ' g9-popup__button--outline'}${props.stacked ? ' g9-popup__button--stacked' : ''}${props.busy ? ' g9-popup__button--busy' : ''}`}\n      style={{ backgroundColor: background }}\n      accessibility-element={true}\n      accessibility-traits=\"button\"\n      accessibility-label={button.text}\n      {...(button.testId ? { 'data-testid': button.testId } : {})}\n      id={props.id}\n      bindtap={press}\n    >\n      {button.icon || button.iconImage ? (\n        <G9IconSlot icon={button.icon} image={button.iconImage ?? null} size={18} color={color} />\n      ) : null}\n      <text className=\"g9-popup__button-text\" style={{ color }}>\n        {button.text}\n      </text>\n    </view>\n  );\n}\n\n/** Header, body and footer of a queued popup (MAUI helper templates). */\nfunction PopupCardContent(props: {\n  readonly entry: G9PopupEntry;\n  readonly settings: G9PopupSettings;\n  readonly profile: G9PopupVisualProfile;\n  readonly state: State;\n}): ReactNode {\n  const { entry, settings, profile, state } = props;\n  const strings = useG9Strings();\n  const d = entry.descriptor;\n  const close = useG9Press(() => state.service.queue.closeActive(), { source: 'G9Popup', guardMs: 0 });\n  const glyphs = useG9Settings().glyphs;\n  const buttons = d.buttons;\n  const stacked = settings.footerButtonLayout === 'stacked';\n  const shown = stacked ? buttons : buttons.slice(0, g9PopupRowButtonLimit);\n  const warned = useRef(false);\n  if (!stacked && buttons.length > g9PopupRowButtonLimit && !warned.current) {\n    warned.current = true;\n    state.warn?.(\n      `A row footer shows at most ${g9PopupRowButtonLimit} buttons; ${buttons.length - g9PopupRowButtonLimit} dropped.`,\n    );\n  }\n  const title = d.title?.trim()\n    ? d.title\n    : strings.get(\n        d.type === 'success'\n          ? G9StringKey.Success\n          : d.type === 'warning'\n            ? G9StringKey.Warning\n            : d.type === 'error'\n              ? G9StringKey.Error\n              : G9StringKey.Information,\n      );\n  const content = typeof d.content === 'function' ? (d.content as () => ReactNode)() : d.content;\n  const direction = useG9Direction();\n  const row = g9RowStyle(direction);\n  return (\n    <view className=\"g9-popup__content\">\n      {settings.showHeader !== false ? (\n        <view className=\"g9-popup__header\" style={row}>\n          <view className=\"g9-popup__badge\" accessibility-label={profile.semanticIconDescription}>\n            <view className=\"g9-popup__badge-tint\" style={{ backgroundColor: profile.iconColor }} />\n            <G9IconSlot icon={profile.icon} size={22} color={profile.iconColor} />\n          </view>\n          <text className=\"g9-popup__title\" style={{ color: profile.titleColor, ...g9TextStart(direction) }}>\n            {title}\n          </text>\n          {settings.showCloseButton ? (\n            <view\n              className=\"g9-popup__close\"\n              accessibility-element={true}\n              accessibility-traits=\"button\"\n              accessibility-label={strings.get(G9StringKey.Close)}\n              bindtap={close}\n            >\n              <G9IconSlot icon={glyphs.clear} size={20} color=\"var(--g9-on-surface-variant)\" />\n            </view>\n          ) : null}\n        </view>\n      ) : null}\n      {d.message ? (\n        <text className=\"g9-popup__message\" style={{ color: profile.messageColor, ...g9TextStart(direction) }}>\n          {d.message}\n        </text>\n      ) : null}\n      {content !== null && content !== undefined ? <view className=\"g9-popup__body\">{content}</view> : null}\n      {settings.showFooter !== false ? (\n        <view className={`g9-popup__footer${stacked ? ' g9-popup__footer--stacked' : ''}`} style={stacked ? {} : row}>\n          {shown.map((button, i) => (\n            <PopupButtonView\n              key={i}\n              id={button.testId ? g9SafeId(button.testId) : `G9Popup_Button_${i}`}\n              button={button}\n              profile={profile}\n              busy={entry.busy}\n              stacked={stacked}\n              onPress={() => void state.service.queue.press(entry.id, i)}\n            />\n          ))}\n          {entry.busy ? <G9ActivityIndicator running size={18} /> : null}\n        </view>\n      ) : null}\n    </view>\n  );\n}\n\n/** The popup layer: the active popup's frame; motion phases from the queue phase. */\nfunction PopupLayer(props: { readonly state: State }): ReactNode {\n  const { state } = props;\n  const settingsAll = useG9Settings();\n  const diagnostics = useG9Diagnostics();\n  state.defaults = settingsAll.popups;\n  const glyphs = settingsAll.glyphs;\n  const strings = useG9Strings();\n  state.strings = (k) => strings.get(k);\n  state.warn = (message) => diagnostics.log({ level: 'warning', message, source: 'G9Popup' });\n  state.report = (error) =>\n    diagnostics.log({ level: 'error', message: 'A popup callback failed.', source: 'G9Popup', error });\n  const win = useG9Window();\n  const queue = state.service.queue;\n  const entry = useSyncExternalStore(\n    (l) => queue.subscribe(l),\n    () => queue.getSnapshot(),\n  );\n  // `enter` for one frame per show, then `open` (the transition runs), `leave` while closing.\n  const [entered, setEntered] = useState<string | null>(null);\n  const showKey = entry ? `${entry.id}:${entry.showCount}` : null;\n  useEffect(() => {\n    if (!showKey) return;\n    const t = startTimer(() => setEntered(showKey), 16);\n    return () => stopTimer(t);\n  }, [showKey]);\n  const settings = entry ? resolvePopupSettings(entry.descriptor, state.defaults) : null;\n  const duration = settings?.animationDuration ?? 240;\n  useEffect(() => {\n    if (!entry || entered !== showKey || entry.phase !== 'opening') return;\n    const t = startTimer(() => queue.markOpened(entry.id), duration);\n    return () => stopTimer(t);\n  }, [entered, showKey, entry?.phase]);\n  useEffect(() => () => queue.dispose(), [queue]);\n  if (!entry || !settings) return null;\n  const profile = createPopupVisualProfile(entry.descriptor, settings, glyphs, (k) =>\n    strings.get(\n      k === 'success'\n        ? G9StringKey.Success\n        : k === 'warning'\n          ? G9StringKey.Warning\n          : k === 'error'\n            ? G9StringKey.Error\n            : G9StringKey.Information,\n    ),\n  );\n  const options: G9PopupViewOpenOptions = {\n    width: profile.width,\n    height: profile.height,\n    cornerRadius: profile.cornerRadius,\n    padding: profile.padding,\n    autoSizeMode: settings.autoSizeMode ?? 'height',\n    cardBackground: profile.cardBackground,\n    borderColor: profile.borderColor,\n    overlayMode: settings.overlayMode ?? 'transparent',\n    blurIntensity: settings.blurIntensity ?? 'none',\n    overlayColor: profile.overlayColor,\n    overlayOpacity: profile.overlayOpacity,\n    animation: profile.animation,\n    animationEasing: settings.animationEasing ?? 'sinOut',\n    animationDuration: duration,\n  };\n  const phase = entry.phase === 'closing' ? 'leave' : entered === showKey ? 'open' : 'enter';\n  return (\n    <PopupFrame\n      key={showKey as string}\n      options={options}\n      phase={phase}\n      hostWidth={win.width}\n      onBackgroundTap={() => queue.backgroundTap(entry.id)}\n    >\n      <PopupCardContent entry={entry} settings={settings} profile={profile} state={state} />\n    </PopupFrame>\n  );\n}\n\nfunction createPopupService(host: G9HostHandle): State {\n  const state = { defaults: {}, strings: fallbackStrings.get } as unknown as State;\n  const strings = (k: G9StringKey) => state.strings(k);\n  const queue = new G9PopupQueue({\n    setTimer: (cb, ms) => startTimer(cb, ms),\n    clearTimer: (h) => stopTimer(h as never),\n    closeDurationMs: (d) =>\n      resolvePopupSettings(d, state.defaults).animation === 'none'\n        ? 0\n        : (resolvePopupSettings(d, state.defaults).animationDuration ?? 240),\n    autoCloseMs: (d) => resolvePopupSettings(d, state.defaults).autoCloseDuration ?? 0,\n    closesOnBack: (d) => resolvePopupSettings(d, state.defaults).closeOnBackButton !== false,\n    closesOnBackgroundTap: (d) => resolvePopupSettings(d, state.defaults).closeOnBackgroundClick === true,\n    onError: (error) => state.report?.(error),\n  });\n  // A popup without buttons gets an OK button (MAUI presets).\n  const withOk = (d: G9PopupDescriptor): G9PopupDescriptor =>\n    d.buttons.length > 0 ? d : { ...d, buttons: [{ text: strings(G9StringKey.Ok), isPrimary: true }] };\n  const preset =\n    (type: G9PopupType) =>\n    (\n      message: string,\n      title?: string | null,\n      buttons?: ReadonlyArray<G9PopupButton> | null,\n      settings?: G9PopupSettings | null,\n      animation?: G9PopupAnimationType | null,\n    ) =>\n      queue.show(withOk(presetPopup(type, message, title, buttons, settings, animation ?? null))).then((o) => o.result);\n  const service: G9PopupService = {\n    queue,\n    show: preset('information'),\n    showSuccess: preset('success'),\n    showWarning: preset('warning'),\n    showError: preset('error'),\n    showCustom: (content, title, buttons, settings, animation) =>\n      queue.show(withOk(customPopup(content, title, buttons, settings, animation ?? null))).then((o) => o.result),\n    showDescriptor: (descriptor) => queue.show(withOk(descriptor)),\n    async showInput(options) {\n      const store = createPopupFormStore(options.fields);\n      let result = g9PopupInputResult.cancel();\n      const cancel: G9PopupButton = {\n        ...(options.cancelButton ?? { text: options.cancelButtonText ?? strings(G9StringKey.Cancel) }),\n        isPrimary: false,\n        callback: () => {\n          result = g9PopupInputResult.cancel();\n          return g9PopupResult.close();\n        },\n      };\n      const submit: G9PopupButton = {\n        ...(options.submitButton ?? { text: options.submitButtonText ?? strings(G9StringKey.Save) }),\n        isPrimary: true,\n        callback: () => {\n          const v = store.validate({\n            requiredSuffix: strings(G9StringKey.RequiredSuffix),\n            invalidEmail: strings(G9StringKey.InvalidEmail),\n          });\n          result = v.valid\n            ? g9PopupInputResult.submit(v.values, v.arrayValues)\n            : g9PopupInputResult.validationFailed(v.values, v.arrayValues, v.errors);\n          return v.valid ? g9PopupResult.close() : g9PopupResult.noAction();\n        },\n      };\n      const settings: G9PopupSettings = {\n        showHeader: true,\n        showFooter: true,\n        showCloseButton: false,\n        closeOnBackgroundClick: false,\n        autoSizeMode: 'height',\n        padding: [20, 12, 20, 8],\n        ...Object.fromEntries(Object.entries(options.settings ?? {}).filter(([, v]) => v !== undefined && v !== null)),\n      };\n      await queue.show({\n        type: options.type ?? 'information',\n        title: options.title ?? null,\n        message: options.message ?? null,\n        content: () => <PopupInputForm store={store} focusFirst={options.focusFirstFieldOnOpen !== false} />,\n        buttons: [cancel, submit],\n        settings,\n        animation: options.animation ?? null,\n        form: {\n          fieldKeys: options.fields.map((f) => f.key),\n          setText: (key, value) => store.setText(key, value),\n          getText: (key) => store.getState().form.text[key] ?? null,\n        },\n      });\n      return result;\n    },\n    async showConfirm(message, options = {}) {\n      let ok = false;\n      await queue.show(\n        presetPopup(options.type ?? 'information', message, options.title ?? null, [\n          {\n            text: options.cancelText ?? strings(G9StringKey.Cancel),\n            isPrimary: false,\n            callback: async (c) => {\n              await options.cancelCallback?.(c);\n              return g9PopupResult.close();\n            },\n          },\n          {\n            text: options.okText ?? strings(G9StringKey.Ok),\n            isPrimary: true,\n            callback: async (c) => {\n              await options.okCallback?.(c);\n              ok = true;\n              return g9PopupResult.close();\n            },\n          },\n        ]),\n      );\n      return ok;\n    },\n    handleHardwareBack: () => queue.handleBack(),\n    closeActive: () => queue.closeActive(),\n    clearQueue: () => queue.clearQueue(),\n    dismissAll: () => queue.dismissAll(),\n  };\n  state.service = service;\n  host.attachFeature(FEATURE, state);\n  host.registerLayerItem('popups', { key: FEATURE, element: <PopupLayer state={state} />, order: 0 });\n  host.back.push(() => (queue.handleBack() ? 'handled' : 'pass'), { layer: 'popups' });\n  return state;\n}\n\n/** The popup service of a host (created once as a host feature). */\nexport function popupServiceOf(host: G9HostHandle): G9PopupService {\n  const existing = host.getFeature(FEATURE) as State | undefined;\n  return (existing ?? createPopupService(host)).service;\n}\n\n/** The popups of the nearest `G9Host` (MAUI `G9PopupHelper`): one card at a time, FIFO, in the `popups` layer. */\nexport function useG9Popups(): G9PopupService {\n  return popupServiceOf(useG9Host());\n}\n\n/** The popups of the active host, for code outside components. Throws `host-missing` without a host. */\nexport function g9Popups(): G9PopupService {\n  return popupServiceOf(g9Hosts.require());\n}\n\n/**\n * The default error presenter (installed when this module loads): the executor's error popup as an error-type popup\n * on the active host, with More details when diagnostics are available. Without a host it does nothing.\n */\nexport function presentErrorPopup(request: G9ErrorPopupRequest): Promise<void> | undefined {\n  const host = g9Hosts.active();\n  if (!host) return undefined;\n  const popups = popupServiceOf(host);\n  const buttons: G9PopupButton[] = [];\n  if (request.moreDetails) {\n    const more = request.moreDetails;\n    buttons.push({ text: more.text, isPrimary: false, callback: async () => void (await more.open()) });\n  }\n  buttons.push({ text: request.okText, isPrimary: true });\n  return popups.showError(request.message, request.title, buttons).then(() => undefined);\n}\n\ng9DefaultErrorPresenter.current = presentErrorPopup;\n"],"names":["g9PopupRowButtonLimit","FEATURE","fallbackStrings","createStrings","createCulture","PopupButtonView","props","_button_backgroundColor","_button_textColor","_button_iconImage","button","profile","primary","press","useG9Press","background","color","view","G9IconSlot","text","PopupCardContent","_d_title","entry","settings","state","strings","useG9Strings","d","close","glyphs","useG9Settings","buttons","stacked","shown","warned","useRef","title","G9StringKey","content","direction","useG9Direction","row","g9RowStyle","g9TextStart","i","g9SafeId","G9ActivityIndicator","PopupLayer","_settings_autoSizeMode","_settings_overlayMode","_settings_blurIntensity","_settings_animationEasing","settingsAll","diagnostics","useG9Diagnostics","k","message","error","win","useG9Window","queue","useSyncExternalStore","l","entered","setEntered","useState","showKey","useEffect","t","startTimer","stopTimer","resolvePopupSettings","duration","createPopupVisualProfile","options","phase","PopupFrame","createPopupService","host","G9PopupQueue","cb","ms","h","_resolvePopupSettings_animationDuration","_resolvePopupSettings_autoCloseDuration","withOk","preset","type","animation","presetPopup","o","service","customPopup","descriptor","_options_cancelButton","_options_cancelButtonText","_options_submitButton","_options_submitButtonText","_options_settings","_options_type","_options_title","_options_message","_options_animation","store","createPopupFormStore","result","g9PopupInputResult","cancel","g9PopupResult","submit","v","Object","PopupInputForm","f","key","value","_store_getState_form_text_key","_options_cancelText","_options_okText","ok","c","popupServiceOf","existing","useG9Popups","useG9Host","g9Popups","g9Hosts","presentErrorPopup","request","popups","more","undefined","g9DefaultErrorPresenter"],"mappings":"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"}
+{"version":3,"file":"popup/service.jsx","sources":["../../src/popup/service.tsx"],"sourcesContent":["import './popup.css';\nimport { createCulture, createStrings, type G9ErrorPopupRequest, G9StringKey } from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useEffect, useRef, useState, useSyncExternalStore } from '@lynx-js/react';\nimport { g9RowStyle, g9SafeId, g9TextStart } from '../base/control';\nimport { useG9Press } from '../base/press';\nimport { startTimer, stopTimer } from '../base/timers';\nimport { G9ActivityIndicator } from '../display/activity-indicator';\nimport { useG9Host } from '../host/hooks';\nimport { type G9HostHandle, g9Hosts } from '../host/registry';\nimport { G9IconSlot } from '../icon/slot';\nimport { useG9Diagnostics, useG9Direction, useG9Settings, useG9Strings, useG9Window } from '../provider/hooks';\nimport { g9DefaultErrorPresenter } from '../provider/settings';\nimport { type G9PopupViewOpenOptions, PopupFrame } from './frame';\nimport { type G9PopupInputOptions, type G9PopupInputResult, g9PopupInputResult } from './input';\nimport { createPopupFormStore, PopupInputForm } from './input-form';\nimport { type G9PopupEntry, type G9PopupOutcome, G9PopupQueue } from './queue';\nimport {\n  createPopupVisualProfile,\n  customPopup,\n  type G9PopupAnimationType,\n  type G9PopupButton,\n  type G9PopupDescriptor,\n  type G9PopupResult,\n  type G9PopupSettings,\n  type G9PopupType,\n  type G9PopupVisualProfile,\n  g9PopupResult,\n  presetPopup,\n  resolvePopupSettings,\n} from './types';\n\n/** Most buttons a `row` footer shows (MAUI); more are dropped with a warning. */\nexport const g9PopupRowButtonLimit = 3;\n\n/** Options of `showConfirm` (MAUI `ShowConfirmAsync`). */\nexport interface G9ConfirmOptions {\n  readonly title?: string | null;\n  readonly okCallback?: ((context: { readonly aborted: boolean }) => unknown) | null;\n  readonly cancelCallback?: ((context: { readonly aborted: boolean }) => unknown) | null;\n  /** Default `'information'`; `'warning'` for a lossy confirm (sign out, discard). */\n  readonly type?: G9PopupType;\n  readonly okText?: string;\n  readonly cancelText?: string;\n}\n\n/** The popups of a host (MAUI `G9PopupHelper`). */\nexport interface G9PopupService {\n  /** Information popup (MAUI `ShowG9PopupAsync`); resolves the result of the button that closed it. */\n  show(\n    message: string,\n    title?: string | null,\n    buttons?: ReadonlyArray<G9PopupButton> | null,\n    settings?: G9PopupSettings | null,\n    animation?: G9PopupAnimationType | null,\n  ): Promise<G9PopupResult>;\n  showSuccess(\n    message: string,\n    title?: string | null,\n    buttons?: ReadonlyArray<G9PopupButton> | null,\n    settings?: G9PopupSettings | null,\n    animation?: G9PopupAnimationType | null,\n  ): Promise<G9PopupResult>;\n  showWarning(\n    message: string,\n    title?: string | null,\n    buttons?: ReadonlyArray<G9PopupButton> | null,\n    settings?: G9PopupSettings | null,\n    animation?: G9PopupAnimationType | null,\n  ): Promise<G9PopupResult>;\n  showError(\n    message: string,\n    title?: string | null,\n    buttons?: ReadonlyArray<G9PopupButton> | null,\n    settings?: G9PopupSettings | null,\n    animation?: G9PopupAnimationType | null,\n  ): Promise<G9PopupResult>;\n  /** Any content in the body (MAUI `ShowCustomG9PopupAsync`). */\n  showCustom(\n    content: ReactNode | (() => ReactNode),\n    title?: string | null,\n    buttons?: ReadonlyArray<G9PopupButton> | null,\n    settings?: G9PopupSettings | null,\n    animation?: G9PopupAnimationType | null,\n  ): Promise<G9PopupResult>;\n  /** Any descriptor; resolves how it ended. */\n  showDescriptor(descriptor: G9PopupDescriptor): Promise<G9PopupOutcome>;\n  /** A validated form (MAUI `ShowInputG9PopupAsync`). */\n  showInput(options: G9PopupInputOptions): Promise<G9PopupInputResult>;\n  /** OK/Cancel: `true` only for OK; every other exit is `false` (MAUI `ShowConfirmAsync`). */\n  showConfirm(message: string, options?: G9ConfirmOptions): Promise<boolean>;\n  /** Hardware back: `true` when a popup is on screen (closed unless `closeOnBackButton: false`). */\n  handleHardwareBack(): boolean;\n  /** Closes the popup on screen. */\n  closeActive(): void;\n  /** Drops waiting popups; the one on screen stays. */\n  clearQueue(): void;\n  /** Closes everything. */\n  dismissAll(): void;\n  readonly queue: G9PopupQueue;\n}\n\nconst FEATURE = 'g9.popups';\n\ninterface State {\n  service: G9PopupService;\n  defaults: G9PopupSettings;\n  /** Strings and diagnostics of the provider; refreshed by the layer on every render. */\n  strings: (key: G9StringKey) => string;\n  warn?: (message: string) => void;\n  report?: (error: unknown) => void;\n}\n\nconst fallbackStrings = createStrings({ culture: createCulture('en') });\n\nfunction PopupButtonView(props: {\n  readonly button: G9PopupButton;\n  /** Element id: the button's `testId` made selector-safe, else `G9Popup_Button_<index>`. */\n  readonly id: string;\n  readonly profile: G9PopupVisualProfile;\n  readonly busy: boolean;\n  readonly stacked: boolean;\n  readonly onPress: () => void;\n}): ReactNode {\n  const { button, profile } = props;\n  const primary = button.isPrimary !== false;\n  const press = useG9Press(props.onPress, { source: 'G9Popup', guardMs: 0 });\n  const background = button.backgroundColor ?? (primary ? profile.buttonBackground : 'transparent');\n  const color = button.textColor ?? (primary ? profile.buttonTextColor : 'var(--g9-on-surface)');\n  return (\n    <view\n      className={`g9-popup__button${primary ? ' g9-popup__button--primary' : ' g9-popup__button--outline'}${props.stacked ? ' g9-popup__button--stacked' : ''}${props.busy ? ' g9-popup__button--busy' : ''}`}\n      style={{ backgroundColor: background }}\n      accessibility-element={true}\n      accessibility-traits=\"button\"\n      accessibility-label={button.text}\n      {...(button.testId ? { 'data-testid': button.testId } : {})}\n      id={props.id}\n      bindtap={press}\n    >\n      {button.icon || button.iconImage ? (\n        <G9IconSlot icon={button.icon} image={button.iconImage ?? null} size={18} color={color} />\n      ) : null}\n      <text className=\"g9-popup__button-text\" style={{ color }}>\n        {button.text}\n      </text>\n    </view>\n  );\n}\n\n/** Header, body and footer of a queued popup (MAUI helper templates). */\nfunction PopupCardContent(props: {\n  readonly entry: G9PopupEntry;\n  readonly settings: G9PopupSettings;\n  readonly profile: G9PopupVisualProfile;\n  readonly state: State;\n}): ReactNode {\n  const { entry, settings, profile, state } = props;\n  const strings = useG9Strings();\n  const d = entry.descriptor;\n  const close = useG9Press(() => state.service.queue.closeActive(), { source: 'G9Popup', guardMs: 0 });\n  const glyphs = useG9Settings().glyphs;\n  const buttons = d.buttons;\n  const stacked = settings.footerButtonLayout === 'stacked';\n  const shown = stacked ? buttons : buttons.slice(0, g9PopupRowButtonLimit);\n  const warned = useRef(false);\n  if (!stacked && buttons.length > g9PopupRowButtonLimit && !warned.current) {\n    warned.current = true;\n    state.warn?.(\n      `A row footer shows at most ${g9PopupRowButtonLimit} buttons; ${buttons.length - g9PopupRowButtonLimit} dropped.`,\n    );\n  }\n  const title = d.title?.trim()\n    ? d.title\n    : strings.get(\n        d.type === 'success'\n          ? G9StringKey.Success\n          : d.type === 'warning'\n            ? G9StringKey.Warning\n            : d.type === 'error'\n              ? G9StringKey.Error\n              : G9StringKey.Information,\n      );\n  const content = typeof d.content === 'function' ? (d.content as () => ReactNode)() : d.content;\n  const direction = useG9Direction();\n  const row = g9RowStyle(direction);\n  return (\n    <view className=\"g9-popup__content\">\n      {settings.showHeader !== false ? (\n        <view className=\"g9-popup__header\" style={row}>\n          <view className=\"g9-popup__badge\" accessibility-label={profile.semanticIconDescription}>\n            <view className=\"g9-popup__badge-tint\" style={{ backgroundColor: profile.iconColor }} />\n            <G9IconSlot icon={profile.icon} size={17} color={profile.iconColor} />\n          </view>\n          <text\n            className=\"g9-popup__title\"\n            text-maxline=\"1\"\n            style={{ color: profile.titleColor, ...g9TextStart(direction) }}\n          >\n            {title}\n          </text>\n          {settings.showCloseButton ? (\n            <view\n              className=\"g9-popup__close\"\n              accessibility-element={true}\n              accessibility-traits=\"button\"\n              accessibility-label={strings.get(G9StringKey.Close)}\n              bindtap={close}\n            >\n              <G9IconSlot icon={glyphs.clear} size={20} color=\"var(--g9-on-surface-variant)\" />\n            </view>\n          ) : null}\n        </view>\n      ) : null}\n      {settings.showHeader !== false ? <view className=\"g9-popup__divider\" /> : null}\n      {d.message ? (\n        <text className=\"g9-popup__message\" style={{ color: profile.messageColor, ...g9TextStart(direction) }}>\n          {d.message}\n        </text>\n      ) : null}\n      {content !== null && content !== undefined ? <view className=\"g9-popup__body\">{content}</view> : null}\n      {settings.showFooter !== false ? (\n        <view className={`g9-popup__footer${stacked ? ' g9-popup__footer--stacked' : ''}`} style={stacked ? {} : row}>\n          {shown.map((button, i) => (\n            <PopupButtonView\n              key={i}\n              id={button.testId ? g9SafeId(button.testId) : `G9Popup_Button_${i}`}\n              button={button}\n              profile={profile}\n              busy={entry.busy}\n              stacked={stacked}\n              onPress={() => void state.service.queue.press(entry.id, i)}\n            />\n          ))}\n          {entry.busy ? <G9ActivityIndicator running size={18} /> : null}\n        </view>\n      ) : null}\n    </view>\n  );\n}\n\n/** The popup layer: the active popup's frame; motion phases from the queue phase. */\nfunction PopupLayer(props: { readonly state: State }): ReactNode {\n  const { state } = props;\n  const settingsAll = useG9Settings();\n  const diagnostics = useG9Diagnostics();\n  state.defaults = settingsAll.popups;\n  const glyphs = settingsAll.glyphs;\n  const strings = useG9Strings();\n  state.strings = (k) => strings.get(k);\n  state.warn = (message) => diagnostics.log({ level: 'warning', message, source: 'G9Popup' });\n  state.report = (error) =>\n    diagnostics.log({ level: 'error', message: 'A popup callback failed.', source: 'G9Popup', error });\n  const win = useG9Window();\n  const queue = state.service.queue;\n  const entry = useSyncExternalStore(\n    (l) => queue.subscribe(l),\n    () => queue.getSnapshot(),\n  );\n  // `enter` for one frame per show, then `open` (the transition runs), `leave` while closing.\n  const [entered, setEntered] = useState<string | null>(null);\n  const showKey = entry ? `${entry.id}:${entry.showCount}` : null;\n  useEffect(() => {\n    if (!showKey) return;\n    const t = startTimer(() => setEntered(showKey), 16);\n    return () => stopTimer(t);\n  }, [showKey]);\n  const settings = entry ? resolvePopupSettings(entry.descriptor, state.defaults) : null;\n  const duration = settings?.animationDuration ?? 240;\n  useEffect(() => {\n    if (!entry || entered !== showKey || entry.phase !== 'opening') return;\n    const t = startTimer(() => queue.markOpened(entry.id), duration);\n    return () => stopTimer(t);\n  }, [entered, showKey, entry?.phase]);\n  useEffect(() => () => queue.dispose(), [queue]);\n  if (!entry || !settings) return null;\n  const profile = createPopupVisualProfile(entry.descriptor, settings, glyphs, (k) =>\n    strings.get(\n      k === 'success'\n        ? G9StringKey.Success\n        : k === 'warning'\n          ? G9StringKey.Warning\n          : k === 'error'\n            ? G9StringKey.Error\n            : G9StringKey.Information,\n    ),\n  );\n  const options: G9PopupViewOpenOptions = {\n    width: profile.width,\n    height: profile.height,\n    cornerRadius: profile.cornerRadius,\n    padding: profile.padding,\n    autoSizeMode: settings.autoSizeMode ?? 'height',\n    cardBackground: profile.cardBackground,\n    borderColor: profile.borderColor,\n    overlayMode: settings.overlayMode ?? 'transparent',\n    blurIntensity: settings.blurIntensity ?? 'none',\n    overlayColor: profile.overlayColor,\n    overlayOpacity: profile.overlayOpacity,\n    animation: profile.animation,\n    animationEasing: settings.animationEasing ?? 'sinOut',\n    animationDuration: duration,\n  };\n  const phase = entry.phase === 'closing' ? 'leave' : entered === showKey ? 'open' : 'enter';\n  return (\n    <PopupFrame\n      key={showKey as string}\n      options={options}\n      phase={phase}\n      hostWidth={win.width}\n      onBackgroundTap={() => queue.backgroundTap(entry.id)}\n    >\n      <PopupCardContent entry={entry} settings={settings} profile={profile} state={state} />\n    </PopupFrame>\n  );\n}\n\nfunction createPopupService(host: G9HostHandle): State {\n  const state = { defaults: {}, strings: fallbackStrings.get } as unknown as State;\n  const strings = (k: G9StringKey) => state.strings(k);\n  const queue = new G9PopupQueue({\n    setTimer: (cb, ms) => startTimer(cb, ms),\n    clearTimer: (h) => stopTimer(h as never),\n    closeDurationMs: (d) =>\n      resolvePopupSettings(d, state.defaults).animation === 'none'\n        ? 0\n        : (resolvePopupSettings(d, state.defaults).animationDuration ?? 240),\n    autoCloseMs: (d) => resolvePopupSettings(d, state.defaults).autoCloseDuration ?? 0,\n    closesOnBack: (d) => resolvePopupSettings(d, state.defaults).closeOnBackButton !== false,\n    closesOnBackgroundTap: (d) => resolvePopupSettings(d, state.defaults).closeOnBackgroundClick === true,\n    onError: (error) => state.report?.(error),\n  });\n  // A popup without buttons gets an OK button (MAUI presets).\n  const withOk = (d: G9PopupDescriptor): G9PopupDescriptor =>\n    d.buttons.length > 0 ? d : { ...d, buttons: [{ text: strings(G9StringKey.Ok), isPrimary: true }] };\n  const preset =\n    (type: G9PopupType) =>\n    (\n      message: string,\n      title?: string | null,\n      buttons?: ReadonlyArray<G9PopupButton> | null,\n      settings?: G9PopupSettings | null,\n      animation?: G9PopupAnimationType | null,\n    ) =>\n      queue.show(withOk(presetPopup(type, message, title, buttons, settings, animation ?? null))).then((o) => o.result);\n  const service: G9PopupService = {\n    queue,\n    show: preset('information'),\n    showSuccess: preset('success'),\n    showWarning: preset('warning'),\n    showError: preset('error'),\n    showCustom: (content, title, buttons, settings, animation) =>\n      queue.show(withOk(customPopup(content, title, buttons, settings, animation ?? null))).then((o) => o.result),\n    showDescriptor: (descriptor) => queue.show(withOk(descriptor)),\n    async showInput(options) {\n      const store = createPopupFormStore(options.fields);\n      let result = g9PopupInputResult.cancel();\n      const cancel: G9PopupButton = {\n        ...(options.cancelButton ?? { text: options.cancelButtonText ?? strings(G9StringKey.Cancel) }),\n        isPrimary: false,\n        callback: () => {\n          result = g9PopupInputResult.cancel();\n          return g9PopupResult.close();\n        },\n      };\n      const submit: G9PopupButton = {\n        ...(options.submitButton ?? { text: options.submitButtonText ?? strings(G9StringKey.Save) }),\n        isPrimary: true,\n        callback: () => {\n          const v = store.validate({\n            requiredSuffix: strings(G9StringKey.RequiredSuffix),\n            invalidEmail: strings(G9StringKey.InvalidEmail),\n          });\n          result = v.valid\n            ? g9PopupInputResult.submit(v.values, v.arrayValues)\n            : g9PopupInputResult.validationFailed(v.values, v.arrayValues, v.errors);\n          return v.valid ? g9PopupResult.close() : g9PopupResult.noAction();\n        },\n      };\n      const settings: G9PopupSettings = {\n        showHeader: true,\n        showFooter: true,\n        showCloseButton: false,\n        closeOnBackgroundClick: false,\n        autoSizeMode: 'height',\n        padding: [20, 12, 20, 8],\n        ...Object.fromEntries(Object.entries(options.settings ?? {}).filter(([, v]) => v !== undefined && v !== null)),\n      };\n      await queue.show({\n        type: options.type ?? 'information',\n        title: options.title ?? null,\n        message: options.message ?? null,\n        content: () => <PopupInputForm store={store} focusFirst={options.focusFirstFieldOnOpen !== false} />,\n        buttons: [cancel, submit],\n        settings,\n        animation: options.animation ?? null,\n        form: {\n          fieldKeys: options.fields.map((f) => f.key),\n          setText: (key, value) => store.setText(key, value),\n          getText: (key) => store.getState().form.text[key] ?? null,\n        },\n      });\n      return result;\n    },\n    async showConfirm(message, options = {}) {\n      let ok = false;\n      await queue.show(\n        presetPopup(options.type ?? 'information', message, options.title ?? null, [\n          {\n            text: options.cancelText ?? strings(G9StringKey.Cancel),\n            isPrimary: false,\n            callback: async (c) => {\n              await options.cancelCallback?.(c);\n              return g9PopupResult.close();\n            },\n          },\n          {\n            text: options.okText ?? strings(G9StringKey.Ok),\n            isPrimary: true,\n            callback: async (c) => {\n              await options.okCallback?.(c);\n              ok = true;\n              return g9PopupResult.close();\n            },\n          },\n        ]),\n      );\n      return ok;\n    },\n    handleHardwareBack: () => queue.handleBack(),\n    closeActive: () => queue.closeActive(),\n    clearQueue: () => queue.clearQueue(),\n    dismissAll: () => queue.dismissAll(),\n  };\n  state.service = service;\n  host.attachFeature(FEATURE, state);\n  host.registerLayerItem('popups', { key: FEATURE, element: <PopupLayer state={state} />, order: 0 });\n  host.back.push(() => (queue.handleBack() ? 'handled' : 'pass'), { layer: 'popups' });\n  return state;\n}\n\n/** The popup service of a host (created once as a host feature). */\nexport function popupServiceOf(host: G9HostHandle): G9PopupService {\n  const existing = host.getFeature(FEATURE) as State | undefined;\n  return (existing ?? createPopupService(host)).service;\n}\n\n/** The popups of the nearest `G9Host` (MAUI `G9PopupHelper`): one card at a time, FIFO, in the `popups` layer. */\nexport function useG9Popups(): G9PopupService {\n  return popupServiceOf(useG9Host());\n}\n\n/** The popups of the active host, for code outside components. Throws `host-missing` without a host. */\nexport function g9Popups(): G9PopupService {\n  return popupServiceOf(g9Hosts.require());\n}\n\n/**\n * The default error presenter (installed when this module loads): the executor's error popup as an error-type popup\n * on the active host, with More details when diagnostics are available. Without a host it does nothing.\n */\nexport function presentErrorPopup(request: G9ErrorPopupRequest): Promise<void> | undefined {\n  const host = g9Hosts.active();\n  if (!host) return undefined;\n  const popups = popupServiceOf(host);\n  const buttons: G9PopupButton[] = [];\n  if (request.moreDetails) {\n    const more = request.moreDetails;\n    buttons.push({ text: more.text, isPrimary: false, callback: async () => void (await more.open()) });\n  }\n  buttons.push({ text: request.okText, isPrimary: true });\n  return popups.showError(request.message, request.title, buttons).then(() => undefined);\n}\n\ng9DefaultErrorPresenter.current = presentErrorPopup;\n"],"names":["g9PopupRowButtonLimit","FEATURE","fallbackStrings","createStrings","createCulture","PopupButtonView","props","_button_backgroundColor","_button_textColor","_button_iconImage","button","profile","primary","press","useG9Press","background","color","view","G9IconSlot","text","PopupCardContent","_d_title","entry","settings","state","strings","useG9Strings","d","close","glyphs","useG9Settings","buttons","stacked","shown","warned","useRef","title","G9StringKey","content","direction","useG9Direction","row","g9RowStyle","g9TextStart","i","g9SafeId","G9ActivityIndicator","PopupLayer","_settings_autoSizeMode","_settings_overlayMode","_settings_blurIntensity","_settings_animationEasing","settingsAll","diagnostics","useG9Diagnostics","k","message","error","win","useG9Window","queue","useSyncExternalStore","l","entered","setEntered","useState","showKey","useEffect","t","startTimer","stopTimer","resolvePopupSettings","duration","createPopupVisualProfile","options","phase","PopupFrame","createPopupService","host","G9PopupQueue","cb","ms","h","_resolvePopupSettings_animationDuration","_resolvePopupSettings_autoCloseDuration","withOk","preset","type","animation","presetPopup","o","service","customPopup","descriptor","_options_cancelButton","_options_cancelButtonText","_options_submitButton","_options_submitButtonText","_options_settings","_options_type","_options_title","_options_message","_options_animation","store","createPopupFormStore","result","g9PopupInputResult","cancel","g9PopupResult","submit","v","Object","PopupInputForm","f","key","value","_store_getState_form_text_key","_options_cancelText","_options_okText","ok","c","popupServiceOf","existing","useG9Popups","useG9Host","g9Popups","g9Hosts","presentErrorPopup","request","popups","more","undefined","g9DefaultErrorPresenter"],"mappings":"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"}

package/dist/range-slider/range-slider.css

@@ -7,6 +7,11 @@
   position: relative;
 }
 
+.g9-slider--labels {
+  justify-content: flex-start;
+  padding-top: 38px;
+}
+
 .g9-slider--disabled {
   opacity: .38;
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/range-slider/range-slider.css"],"names":[],"mappings":"AAAA;EACE,sBAAsB;EACtB,uBAAuB;EACvB,kBAAkB;EAClB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,uBAAuB;EACvB,YAAY;EACZ,aAAa;AACf;;AAIA;EADE,2CAA2C;EAC3C,kBAAkB;EAClB,OAAO;EACP,WAAW;EACX,kBAAkB;AACpB;;AAIA;EADE,mCAAmC;EACnC,kBAAkB;EAClB,WAAW;EACX,kBAAkB;EAClB,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAKA;EAFE,WAAW;EACX,YAAY;AACd;;AAKA;EAFE,mBAAmB;EACnB,mBAAmB;EACnB,+BAA+B;EAC/B,mCAAmC;EACnC,mBAAmB;EACnB,WAAW;EACX,YAAY;AACd;;AAKA;EAFE,iBAAiB;AACnB;;AAKA;EAFE,2CAA2C;EAC3C,mBAAmB;EACnB,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;EACf,YAAY;EACZ,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,QAAQ;AACV;;AAKA;EAFE,mCAAmC;EACnC,eAAe;AACjB;;AAKA;EAFE,mBAAmB;EACnB,8BAA8B;EAC9B,gBAAgB;EAChB,aAAa;AACf;;AAKA;EAFE,+BAA+B;EAC/B,eAAe;AACjB","sourcesContent":[".g9-slider {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.g9-slider--disabled {\n  opacity: 0.38;\n}\n\n.g9-slider__root {\n  height: 28px;\n  display: flex;\n  justify-content: center;\n}\n\n/* lynx-ui SliderTrack: a 28 px flex row holding this view (the visible track) next to the fill and the thumbs, which\n   position against the 28 px row. The track takes the row's width; the fill is the 8 px band at its centre. */\n.g9-slider__track {\n  position: relative;\n  flex: 1;\n  height: 8px;\n  border-radius: 4px;\n  background-color: var(--g9-surface-variant);\n}\n\n.g9-slider__fill {\n  position: absolute;\n  top: 10px;\n  left: 0px;\n  right: 0px;\n  height: 8px;\n  border-radius: 4px;\n  background-color: var(--g9-primary);\n}\n\n/* lynx-ui SliderThumb centres this view on the value (top 50 %, translate -50 %). */\n.g9-slider__thumb {\n  width: 28px;\n  height: 28px;\n}\n\n.g9-slider__thumb-dot {\n  width: 28px;\n  height: 28px;\n  border-radius: 14px;\n  border-width: 2.5px;\n  border-style: solid;\n  border-color: var(--g9-primary);\n  background-color: var(--g9-surface);\n}\n\n.g9-slider__thumb-dot--active {\n  border-width: 3px;\n}\n\n.g9-slider__tooltip {\n  position: absolute;\n  top: 4px;\n  height: 26px;\n  margin-left: -21px;\n  min-width: 42px;\n  padding-left: 8px;\n  padding-right: 8px;\n  border-radius: 13px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--g9-inverse-surface);\n}\n\n.g9-slider__tooltip-text {\n  font-size: 12px;\n  color: var(--g9-inverse-on-surface);\n}\n\n.g9-slider__labels {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 18px;\n}\n\n.g9-slider__label {\n  font-size: 12px;\n  color: var(--g9-text-secondary);\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/range-slider/range-slider.css"],"names":[],"mappings":"AAAA;EACE,sBAAsB;EACtB,uBAAuB;EACvB,kBAAkB;EAClB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;AACpB;;AAKA;EAFE,2BAA2B;EAC3B,iBAAiB;AACnB;;AAKA;EAFE,YAAY;AACd;;AAKA;EAFE,uBAAuB;EACvB,YAAY;EACZ,aAAa;AACf;;AAOA;EAJE,2CAA2C;EAC3C,kBAAkB;EAClB,OAAO;EACP,WAAW;EACX,kBAAkB;AACpB;;AAOA;EAJE,mCAAmC;EACnC,kBAAkB;EAClB,WAAW;EACX,kBAAkB;EAClB,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAQA;EALE,WAAW;EACX,YAAY;AACd;;AAQA;EALE,mBAAmB;EACnB,mBAAmB;EACnB,+BAA+B;EAC/B,mCAAmC;EACnC,mBAAmB;EACnB,WAAW;EACX,YAAY;AACd;;AAQA;EALE,iBAAiB;AACnB;;AAQA;EALE,2CAA2C;EAC3C,mBAAmB;EACnB,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;EACf,YAAY;EACZ,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,QAAQ;AACV;;AAQA;EALE,mCAAmC;EACnC,eAAe;AACjB;;AAQA;EALE,mBAAmB;EACnB,8BAA8B;EAC9B,gBAAgB;EAChB,aAAa;AACf;;AAQA;EALE,+BAA+B;EAC/B,eAAe;AACjB","sourcesContent":[".g9-slider {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n/* MAUI G9RangeSliderDrawable with labels: the track's centre at SliderTrackY (52) of the 104 dp canvas — the room above\n   is the drag tooltip's — and the end labels SliderLabelGap (18) under the thumb. Centring the column put the track at\n   ~34 dp, 18 dp higher than MAUI's. */\n.g9-slider--labels {\n  justify-content: flex-start;\n  padding-top: 38px;\n}\n\n.g9-slider--disabled {\n  opacity: 0.38;\n}\n\n.g9-slider__root {\n  height: 28px;\n  display: flex;\n  justify-content: center;\n}\n\n/* lynx-ui SliderTrack: a 28 px flex row holding this view (the visible track) next to the fill and the thumbs, which\n   position against the 28 px row. The track takes the row's width; the fill is the 8 px band at its centre. */\n.g9-slider__track {\n  position: relative;\n  flex: 1;\n  height: 8px;\n  border-radius: 4px;\n  background-color: var(--g9-surface-variant);\n}\n\n.g9-slider__fill {\n  position: absolute;\n  top: 10px;\n  left: 0px;\n  right: 0px;\n  height: 8px;\n  border-radius: 4px;\n  background-color: var(--g9-primary);\n}\n\n/* lynx-ui SliderThumb centres this view on the value (top 50 %, translate -50 %). */\n.g9-slider__thumb {\n  width: 28px;\n  height: 28px;\n}\n\n.g9-slider__thumb-dot {\n  width: 28px;\n  height: 28px;\n  border-radius: 14px;\n  border-width: 2.5px;\n  border-style: solid;\n  border-color: var(--g9-primary);\n  background-color: var(--g9-surface);\n}\n\n.g9-slider__thumb-dot--active {\n  border-width: 3px;\n}\n\n.g9-slider__tooltip {\n  position: absolute;\n  top: 4px;\n  height: 26px;\n  margin-left: -21px;\n  min-width: 42px;\n  padding-left: 8px;\n  padding-right: 8px;\n  border-radius: 13px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--g9-inverse-surface);\n}\n\n.g9-slider__tooltip-text {\n  font-size: 12px;\n  color: var(--g9-inverse-on-surface);\n}\n\n.g9-slider__labels {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 18px;\n}\n\n.g9-slider__label {\n  font-size: 12px;\n  color: var(--g9-text-secondary);\n}\n"],"sourceRoot":""}

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

@@ -127,7 +127,7 @@ function G9RangeSlider(props) {
     const thumb = (index)=><SliderThumb key={index} index={index} className="g9-slider__thumb">
       <view className={`g9-slider__thumb-dot${dragging && dragging.index === index ? ' g9-slider__thumb-dot--active' : ''}`}/>
     </SliderThumb>;
-    return <view className={`g9-slider${labels ? '' : ' g9-slider--compact'}${props.disabled ? ' g9-slider--disabled' : ''}${props.className ? ` ${props.className}` : ''}`} style={{
+    return <view className={`g9-slider${labels ? ' g9-slider--labels' : ' g9-slider--compact'}${props.disabled ? ' g9-slider--disabled' : ''}${props.className ? ` ${props.className}` : ''}`} style={{
         height: `${labels ? g9SliderMetrics.height : g9SliderMetrics.heightCompact}px`
     }} accessibility-element={true} accessibility-label={null != (_props_accessibilityLabel = props.accessibilityLabel) ? _props_accessibilityLabel : ''} accessibility-value={single ? fmt(shown) : `${fmt(shownRange[0])} – ${fmt(shownRange[1])}`} bindkeydown={onKey}>
       {labels && dragging ? <view className="g9-slider__tooltip" style={{