@g9tm/lynxcontrols 0.0.0-stage → 1.4.2

package/dist/edge-panel/edge-panel.jsx

@@ -0,0 +1,326 @@
+import "./edge-panel.css";
+import { G9StringKey } from "@g9tm/lynxcontrols-foundation";
+import { useEffect, useMemo, useRef, useState } from "@lynx-js/react";
+import { g9RowStyle, g9TextStart } from "../base/control.jsx";
+import { startTimer, stopTimer } from "../base/timers.jsx";
+import { useControllableState } from "../base/use-controllable-state.jsx";
+import { useG9Back, useG9LayerItem } from "../host/hooks.jsx";
+import { G9IconSlot } from "../icon/slot.jsx";
+import { useG9Core, useG9Diagnostics, useG9Direction, useG9Settings, useG9Strings, useG9Window } from "../provider/hooks.jsx";
+import { G9EdgeMenuNavigator, g9EdgePanelMetrics, isEdgeMenuHeaderEmpty, resolveEdgePanelMaxHeight } from "./types.jsx";
+function createEdgePanelController() {
+    let target = null;
+    return {
+        open: ()=>null == target ? void 0 : target.setOpen(true),
+        close: ()=>null == target ? void 0 : target.setOpen(false),
+        toggle: ()=>null == target ? void 0 : target.setOpen(!target.isOpen()),
+        get isOpen () {
+            return target ? target.isOpen() : false;
+        },
+        get isMounted () {
+            return null !== target;
+        },
+        handleHardwareBackPressed () {
+            if (!(null == target ? void 0 : target.isOpen())) return false;
+            target.setOpen(false);
+            return true;
+        },
+        navigateToSubList (items, header = null) {
+            if (!target) return;
+            target.navigator.navigateToSubList(items, header);
+            target.renderNav();
+        },
+        navigateToRoot () {
+            if (!target) return;
+            target.navigator.navigateToRoot();
+            target.renderNav();
+        },
+        refreshMenuItems () {
+            if (!target) return;
+            target.navigator.refresh();
+            target.renderNav();
+        },
+        bind (next) {
+            target = next;
+            return ()=>{
+                if (target === next) target = null;
+            };
+        }
+    };
+}
+function useEdgePanel() {
+    const ref = useRef(null);
+    if (null === ref.current) ref.current = createEdgePanelController();
+    return ref.current;
+}
+let panelSequence = 0;
+function G9EdgePanel(props) {
+    var _props_defaultOpen, _ref, _props_openAnimationDuration, _ref1, _props_closeAnimationDuration, _props_menuHeader, _props_useBackdrop;
+    const keyRef = useRef(null);
+    if (null === keyRef.current) {
+        panelSequence += 1;
+        keyRef.current = `g9-edge-panel-${panelSequence}`;
+    }
+    const key = keyRef.current;
+    const [isOpen, setOpen] = useControllableState({
+        value: props.open,
+        defaultValue: null != (_props_defaultOpen = props.defaultOpen) ? _props_defaultOpen : false,
+        onChange: props.onOpenChange,
+        name: 'G9EdgePanel.open'
+    });
+    const openMs = null != (_ref = null != (_props_openAnimationDuration = props.openAnimationDuration) ? _props_openAnimationDuration : props.animationDuration) ? _ref : g9EdgePanelMetrics.defaultOpenAnimationDurationMs;
+    const closeMs = null != (_ref1 = null != (_props_closeAnimationDuration = props.closeAnimationDuration) ? _props_closeAnimationDuration : props.animationDuration) ? _ref1 : g9EdgePanelMetrics.defaultCloseAnimationDurationMs;
+    const [phase, setPhase] = useState(isOpen ? 'entering' : 'closed');
+    const latest = useRef(props);
+    latest.current = props;
+    const openRef = useRef(isOpen);
+    openRef.current = isOpen;
+    useEffect(()=>{
+        var _latest_current_onClosing, _latest_current;
+        if (isOpen) {
+            setPhase((p)=>'closed' === p ? 'entering' : 'opening');
+            const enter = startTimer(()=>setPhase('opening'), 16);
+            const done = startTimer(()=>{
+                var _latest_current_onOpened, _latest_current;
+                setPhase('open');
+                null == (_latest_current_onOpened = (_latest_current = latest.current).onOpened) || _latest_current_onOpened.call(_latest_current);
+            }, openMs + 16);
+            return ()=>{
+                stopTimer(enter);
+                stopTimer(done);
+            };
+        }
+        if ('closed' === phase) return;
+        null == (_latest_current_onClosing = (_latest_current = latest.current).onClosing) || _latest_current_onClosing.call(_latest_current);
+        setPhase('closing');
+        const done = startTimer(()=>{
+            var _latest_current_onClosed, _latest_current;
+            setPhase('closed');
+            null == (_latest_current_onClosed = (_latest_current = latest.current).onClosed) || _latest_current_onClosed.call(_latest_current);
+        }, closeMs);
+        return ()=>stopTimer(done);
+    }, [
+        isOpen
+    ]);
+    const navigator = useMemo(()=>new G9EdgeMenuNavigator(), []);
+    const [, setNavVersion] = useState(0);
+    const renderNav = ()=>setNavVersion(navigator.version);
+    const rootHeader = null != (_props_menuHeader = props.menuHeader) ? _props_menuHeader : null;
+    useMemo(()=>navigator.setRoot(props.menuItems, rootHeader), [
+        props.menuItems,
+        rootHeader
+    ]);
+    useEffect(()=>{
+        var _props_controller;
+        return null == (_props_controller = props.controller) ? void 0 : _props_controller.bind({
+            setOpen: (open)=>setOpen(open),
+            isOpen: ()=>openRef.current,
+            navigator,
+            renderNav
+        });
+    }, [
+        props.controller
+    ]);
+    useG9Back(()=>{
+        setOpen(false);
+        return true;
+    }, {
+        enabled: isOpen,
+        layer: 'edgePanel'
+    });
+    const core = useG9Core();
+    const lastInteraction = useRef(-1 / 0);
+    const accept = ()=>{
+        const now = core.services.clock.monotonicNow();
+        if (now - lastInteraction.current < g9EdgePanelMetrics.interactionDebounceMs) return false;
+        lastInteraction.current = now;
+        return true;
+    };
+    const animating = 'entering' === phase || 'opening' === phase || 'closing' === phase;
+    const onTab = ()=>{
+        if (animating || !accept()) return;
+        setOpen(!openRef.current);
+    };
+    const useBackdrop = null != (_props_useBackdrop = props.useBackdrop) ? _props_useBackdrop : true;
+    const onBackdrop = ()=>{
+        var _props_enableOutsideTapToClose;
+        if (!accept()) return;
+        if (useBackdrop && (null != (_props_enableOutsideTapToClose = props.enableOutsideTapToClose) ? _props_enableOutsideTapToClose : true) && openRef.current) setOpen(false);
+    };
+    const overlay = <EdgePanelOverlay props={props} phase={phase} openMs={openMs} closeMs={closeMs} navigator={navigator} navVersion={navigator.version} onTab={onTab} onBackdrop={onBackdrop} onNavigate={renderNav} onClose={()=>setOpen(false)}/>;
+    const visible = 'closed' !== phase || true === props.showCollapsedTab;
+    useG9LayerItem('edgePanel', key, overlay, {
+        enabled: visible
+    });
+    return null;
+}
+function EdgePanelOverlay(o) {
+    var _p_side, _p_contentFlowDirection, _p_widthRatio, _p_topGap, _p_maxPanelHeight, _p_maxPanelHeightRatio, _p_useBackdrop, _p_closeButtonPlacement, _p_collapsedTabIcon, _p_panelBackgroundColor, _p_tabBackgroundColor, _p_tabBackgroundColor1;
+    const p = o.props;
+    const win = useG9Window();
+    const appRtl = 'rtl' === useG9Direction();
+    const glyphs = useG9Settings().glyphs;
+    const left = (null != (_p_side = p.side) ? _p_side : 'left') === 'left';
+    const direction = null != (_p_contentFlowDirection = p.contentFlowDirection) ? _p_contentFlowDirection : 'matchApplication';
+    const contentRtl = 'matchApplication' === direction ? appRtl : 'rightToLeft' === direction;
+    const width = Math.max(win.width * (null != (_p_widthRatio = p.widthRatio) ? _p_widthRatio : g9EdgePanelMetrics.defaultWidthRatio), 0);
+    const topGap = null != (_p_topGap = p.topGap) ? _p_topGap : g9EdgePanelMetrics.defaultTopGap;
+    const maxHeight = resolveEdgePanelMaxHeight(win.height, topGap, null != (_p_maxPanelHeight = p.maxPanelHeight) ? _p_maxPanelHeight : 0, null != (_p_maxPanelHeightRatio = p.maxPanelHeightRatio) ? _p_maxPanelHeightRatio : g9EdgePanelMetrics.defaultMaxPanelHeightRatio);
+    const shown = 'opening' === o.phase || 'open' === o.phase;
+    const cardRendered = 'closed' !== o.phase;
+    const hiddenOffset = (width + g9EdgePanelMetrics.collapsedExtraOffset) * (left ? -1 : 1);
+    const edge = left ? 'left' : 'right';
+    const far = left ? 'right' : 'left';
+    const useBackdrop = null != (_p_useBackdrop = p.useBackdrop) ? _p_useBackdrop : true;
+    const placement = null != (_p_closeButtonPlacement = p.closeButtonPlacement) ? _p_closeButtonPlacement : 'inset';
+    const closeStyle = 'onCorner' === placement ? {
+        top: `${topGap - g9EdgePanelMetrics.tabExpandedSize / 2}px`,
+        [edge]: `${width - g9EdgePanelMetrics.tabExpandedSize / 2}px`
+    } : {
+        top: `${topGap + g9EdgePanelMetrics.tabTopInset}px`,
+        [edge]: `${width - g9EdgePanelMetrics.tabTopInset - g9EdgePanelMetrics.tabExpandedSize}px`
+    };
+    const tabIcon = null != (_p_collapsedTabIcon = p.collapsedTabIcon) ? _p_collapsedTabIcon : left ? glyphs.chevronForward : glyphs.chevronBack;
+    return <view className="g9-edge-panel">
+      {useBackdrop && cardRendered ? <view className="g9-edge-panel__backdrop" style={{
+        opacity: shown ? 1 : 0,
+        transition: `opacity ${shown ? o.openMs : o.closeMs}ms ease-out`,
+        backgroundColor: `rgba(0, 0, 0, ${g9EdgePanelMetrics.backdropAlpha})`
+    }} bindtap={o.onBackdrop}/> : null}
+      {cardRendered ? <view className={`g9-edge-panel__card g9-edge-panel__card--${edge}`} style={{
+        [edge]: `${-g9EdgePanelMetrics.wallOverlap}px`,
+        top: `${topGap}px`,
+        width: `${width + g9EdgePanelMetrics.wallOverlap}px`,
+        maxHeight: `${maxHeight}px`,
+        backgroundColor: null != (_p_panelBackgroundColor = p.panelBackgroundColor) ? _p_panelBackgroundColor : 'var(--g9-surface-container-high)',
+        transform: `translateX(${shown ? 0 : hiddenOffset}px)`,
+        transition: 'entering' === o.phase ? 'none' : `transform ${shown ? o.openMs : o.closeMs}ms ${shown ? 'cubic-bezier(0.215, 0.61, 0.355, 1)' : 'cubic-bezier(0.55, 0.055, 0.675, 0.19)'}`
+    }}>
+          <PanelBody o={o} contentRtl={contentRtl} closeOnFar={far}/>
+        </view> : null}
+      {cardRendered ? <view className={`g9-edge-panel__close g9-edge-panel__close--${placement}`} style={{
+        ...closeStyle,
+        opacity: shown ? 1 : 0,
+        transition: `opacity ${g9EdgePanelMetrics.tabEntranceDurationMs}ms ease-out`,
+        backgroundColor: null != (_p_tabBackgroundColor = p.tabBackgroundColor) ? _p_tabBackgroundColor : 'var(--g9-surface-container-highest)'
+    }} accessibility-element accessibility-traits="button" bindtap={o.onTab}>
+          <G9IconSlot icon={glyphs.clear} size={g9EdgePanelMetrics.tabIconSize} color="var(--g9-on-surface)"/>
+        </view> : p.showCollapsedTab ? <view className={`g9-edge-panel__tab g9-edge-panel__tab--${edge}`} style={{
+        [edge]: '0px',
+        top: `${topGap + g9EdgePanelMetrics.tabTopInset}px`,
+        backgroundColor: null != (_p_tabBackgroundColor1 = p.tabBackgroundColor) ? _p_tabBackgroundColor1 : 'var(--g9-surface-container-highest)'
+    }} accessibility-element accessibility-traits="button" bindtap={o.onTab}>
+          <G9IconSlot icon={tabIcon} size={g9EdgePanelMetrics.tabIconSize} color="var(--g9-on-surface)"/>
+        </view> : null}
+    </view>;
+}
+function headerText(header, resolve) {
+    var _resolve;
+    if (header.text) return header.text;
+    const key = header.localizationKey;
+    return null != (_resolve = resolve(key)) ? _resolve : key;
+}
+function PanelBody(props) {
+    var _p_menuHeader, _ref, _p_menuHeaderAlignment;
+    const { o, contentRtl } = props;
+    const p = o.props;
+    const strings = useG9Strings();
+    const diagnostics = useG9Diagnostics();
+    const glyphs = useG9Settings().glyphs;
+    const resolve = (key)=>strings.resolve(key);
+    const nav = o.navigator;
+    const frame = nav.frame;
+    const header = null != p.panelContent ? null != (_p_menuHeader = p.menuHeader) ? _p_menuHeader : null : null != (_ref = null == frame ? void 0 : frame.header) ? _ref : null;
+    const alignment = null != (_p_menuHeaderAlignment = p.menuHeaderAlignment) ? _p_menuHeaderAlignment : 'auto';
+    const textAlign = 'center' === alignment ? 'center' : 'leftToRight' === alignment ? 'left' : 'rightToLeft' === alignment ? 'right' : contentRtl ? 'right' : 'left';
+    const footprint = g9EdgePanelMetrics.tabExpandedSize + g9EdgePanelMetrics.tabTopInset;
+    const headerPadding = 'center' === alignment ? {
+        paddingLeft: `${footprint}px`,
+        paddingRight: `${footprint}px`
+    } : {
+        ['right' === props.closeOnFar ? 'paddingRight' : 'paddingLeft']: `${footprint}px`
+    };
+    const [entered, setEntered] = useState(true);
+    const version = o.navVersion;
+    useEffect(()=>{
+        if ('none' === nav.transition) return;
+        setEntered(false);
+        const t = startTimer(()=>setEntered(true), 16);
+        return ()=>stopTimer(t);
+    }, [
+        version
+    ]);
+    const sign = ('forward' === nav.transition ? 1 : -1) * (contentRtl ? -1 : 1);
+    const onRow = (item)=>{
+        if (false === item.isEnabled) return;
+        try {
+            var _item_onClick, _item_command;
+            null == (_item_onClick = item.onClick) || _item_onClick.call(item, item);
+            null == (_item_command = item.command) || _item_command.call(item, item.commandParameter);
+        } catch (error) {
+            diagnostics.log({
+                level: 'error',
+                message: 'G9EdgePanel: menu item handler failed.',
+                source: 'G9EdgePanel',
+                error
+            });
+        }
+        if (item.nextList && item.nextList.length > 0) {
+            var _item_subMenuHeader;
+            nav.navigateToSubList(item.nextList, null != (_item_subMenuHeader = item.subMenuHeader) ? _item_subMenuHeader : null);
+            o.onNavigate();
+        } else if (item.closeAfterClick) o.onClose();
+    };
+    const content = null != p.panelContent ? p.panelContent : frame ? <view key={`level-${version}`} className="g9-edge-panel__menu" style={{
+        transform: `translateX(${entered ? 0 : 24 * sign}px)`,
+        opacity: entered ? 1 : 0,
+        transition: entered ? `transform ${g9EdgePanelMetrics.menuTransitionDurationMs}ms ease-out, opacity ${g9EdgePanelMetrics.menuTransitionDurationMs}ms ease-out` : 'none'
+    }}>
+        {nav.isRoot ? null : <view className="g9-edge-panel__back" style={g9RowStyle(contentRtl ? 'rtl' : 'ltr')} accessibility-element accessibility-traits="button" bindtap={()=>{
+        nav.back();
+        o.onNavigate();
+    }}>
+            <G9IconSlot icon={contentRtl ? glyphs.chevronForward : glyphs.chevronBack} size={g9EdgePanelMetrics.menuItemIconSize} color="var(--g9-on-surface)"/>
+            <text className="g9-edge-panel__back-text">{strings.get(G9StringKey.Back)}</text>
+          </view>}
+        {frame.items.map((item, i)=>{
+        var _item_backgroundColor, _item_iconColor, _item_textColor, _item_text, _resolve;
+        return <view key={`${version}-${i}`} className="g9-edge-panel__row-wrap">
+            <view className={`g9-edge-panel__row${false === item.isEnabled ? ' g9-edge-panel__row--disabled' : ''}`} {...item.automationId ? {
+            id: item.automationId
+        } : {}} style={{
+            ...g9RowStyle(contentRtl ? 'rtl' : 'ltr'),
+            backgroundColor: null != (_item_backgroundColor = item.backgroundColor) ? _item_backgroundColor : 'transparent',
+            opacity: false === item.isEnabled ? 0.5 : 1
+        }} accessibility-element accessibility-traits="button" bindtap={false === item.isEnabled ? void 0 : ()=>onRow(item)}>
+              <G9IconSlot emoji={item.emoji} icon={item.icon} imagePath={item.imageSource} image={item.image} size={item.icon ? g9EdgePanelMetrics.menuItemIconSize : item.emoji ? g9EdgePanelMetrics.menuItemEmojiSize : g9EdgePanelMetrics.menuItemImageSize} color={null != (_item_iconColor = item.iconColor) ? _item_iconColor : 'var(--g9-on-surface-variant)'}/>
+              <text className="g9-edge-panel__row-text" text-maxline="1" style={{
+            color: null != (_item_textColor = item.textColor) ? _item_textColor : 'var(--g9-on-surface)',
+            ...g9TextStart(contentRtl ? 'rtl' : 'ltr')
+        }}>
+                {null != (_item_text = item.text) ? _item_text : item.localizedTextKey ? null != (_resolve = resolve(item.localizedTextKey)) ? _resolve : item.localizedTextKey : ''}
+              </text>
+              {item.nextList && item.nextList.length > 0 ? <G9IconSlot icon={contentRtl ? glyphs.chevronBack : glyphs.chevronForward} size={18} color="var(--g9-on-surface-variant)"/> : null}
+            </view>
+            {item.showDividerBelow ? <view className="g9-edge-panel__divider"/> : null}
+          </view>;
+    })}
+      </view> : null;
+    return <view className="g9-edge-panel__body" style={{
+        direction: contentRtl ? 'rtl' : 'ltr'
+    }}>
+      {!isEdgeMenuHeaderEmpty(header) ? <view className="g9-edge-panel__header" style={headerPadding}>
+          {null != header.view ? header.view : <text className="g9-edge-panel__title" style={{
+        textAlign
+    }}>
+              {headerText(header, resolve)}
+            </text>}
+        </view> : null}
+      <scroll-view className="g9-edge-panel__scroll" scroll-orientation="vertical">
+        {content}
+      </scroll-view>
+    </view>;
+}
+export { G9EdgePanel, createEdgePanelController, useEdgePanel };
+
+//# sourceMappingURL=edge-panel.jsx.map

package/dist/edge-panel/edge-panel.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge-panel/edge-panel.jsx","sources":["../../src/edge-panel/edge-panel.tsx"],"sourcesContent":["import './edge-panel.css';\nimport { G9StringKey } from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useEffect, useMemo, useRef, useState } from '@lynx-js/react';\nimport { g9RowStyle, g9TextStart } from '../base/control';\nimport { startTimer, stopTimer } from '../base/timers';\nimport { useControllableState } from '../base/use-controllable-state';\nimport { useG9Back, useG9LayerItem } from '../host/hooks';\nimport type { G9IconInput } from '../icon/icon';\nimport { G9IconSlot } from '../icon/slot';\nimport {\n  useG9Core,\n  useG9Diagnostics,\n  useG9Direction,\n  useG9Settings,\n  useG9Strings,\n  useG9Window,\n} from '../provider/hooks';\nimport {\n  type G9EdgeCloseButtonPlacement,\n  type G9EdgeMenuHeader,\n  type G9EdgeMenuHeaderAlignment,\n  type G9EdgeMenuItem,\n  G9EdgeMenuNavigator,\n  type G9EdgePanelContentDirection,\n  type G9EdgeSide,\n  isEdgeMenuHeaderEmpty,\n  g9EdgePanelMetrics as M,\n  resolveEdgePanelMaxHeight,\n} from './types';\n\n/** Imperative handle of an edge panel (MAUI `G9EdgePanel` methods), from {@link useEdgePanel} or the helper. */\nexport interface G9EdgePanelController {\n  open(): void;\n  close(): void;\n  toggle(): void;\n  readonly isOpen: boolean;\n  /** Closes an open panel and reports whether the press was consumed (MAUI `HandleHardwareBackPressed`). */\n  handleHardwareBackPressed(): boolean;\n  navigateToSubList(items: readonly G9EdgeMenuItem[], header?: G9EdgeMenuHeader | null): void;\n  navigateToRoot(): void;\n  refreshMenuItems(): void;\n  /** `true` while a panel is mounted on this controller. */\n  readonly isMounted: boolean;\n  /** @internal set by the mounted panel */\n  bind(target: G9EdgePanelTarget): () => void;\n}\n\ninterface G9EdgePanelTarget {\n  setOpen(open: boolean): void;\n  isOpen(): boolean;\n  navigator: G9EdgeMenuNavigator;\n  renderNav(): void;\n}\n\n/** Creates a controller outside React. */\nexport function createEdgePanelController(): G9EdgePanelController {\n  let target: G9EdgePanelTarget | null = null;\n  return {\n    open: () => target?.setOpen(true),\n    close: () => target?.setOpen(false),\n    toggle: () => target?.setOpen(!target.isOpen()),\n    get isOpen() {\n      return target ? target.isOpen() : false;\n    },\n    get isMounted() {\n      return target !== null;\n    },\n    handleHardwareBackPressed() {\n      if (!target?.isOpen()) return false;\n      target.setOpen(false);\n      return true;\n    },\n    navigateToSubList(items, header = null) {\n      if (!target) return;\n      target.navigator.navigateToSubList(items, header);\n      target.renderNav();\n    },\n    navigateToRoot() {\n      if (!target) return;\n      target.navigator.navigateToRoot();\n      target.renderNav();\n    },\n    refreshMenuItems() {\n      if (!target) return;\n      target.navigator.refresh();\n      target.renderNav();\n    },\n    bind(next) {\n      target = next;\n      return () => {\n        if (target === next) target = null;\n      };\n    },\n  };\n}\n\n/** A stable controller for a `G9EdgePanel`. */\nexport function useEdgePanel(): G9EdgePanelController {\n  const ref = useRef<G9EdgePanelController | null>(null);\n  if (ref.current === null) ref.current = createEdgePanelController();\n  return ref.current;\n}\n\n/** Props of {@link G9EdgePanel} (MAUI bindable properties and events). */\nexport interface G9EdgePanelProps {\n  /** Absolute edge (MAUI `Side`). Default `'left'`. */\n  readonly side?: G9EdgeSide;\n  /** Panel width as a share of the host width (MAUI `WidthRatio`). Default 0.35. */\n  readonly widthRatio?: number;\n  /** Distance from the top (MAUI `TopGap`). Default 112. */\n  readonly topGap?: number;\n  /** Absolute height cap; 0 = none (MAUI `MaxPanelHeight`). */\n  readonly maxPanelHeight?: number;\n  /** Height cap as a share of the host height (MAUI `MaxPanelHeightRatio`). Default 0.69. */\n  readonly maxPanelHeightRatio?: number;\n  /** Controlled open state (MAUI `IsOpen`, two-way). */\n  readonly open?: boolean;\n  readonly defaultOpen?: boolean;\n  readonly onOpenChange?: (open: boolean) => void;\n  /** Custom content (MAUI `PanelContent`); wins over `menuItems`. */\n  readonly panelContent?: ReactNode;\n  /** A navigable list menu (MAUI `MenuItems`). */\n  readonly menuItems?: readonly G9EdgeMenuItem[] | null;\n  readonly panelBackgroundColor?: string | null;\n  readonly tabBackgroundColor?: string | null;\n  /** Icon of the collapsed tab. Default: a chevron pointing into the screen. */\n  readonly collapsedTabIcon?: G9IconInput;\n  /** Sets both durations (MAUI `AnimationDuration`); the specific ones win. */\n  readonly animationDuration?: number;\n  /** Slide-in duration (MAUI `OpenAnimationDuration`). Default 450. */\n  readonly openAnimationDuration?: number;\n  /** Slide-out duration (MAUI `CloseAnimationDuration`). Default 450. */\n  readonly closeAnimationDuration?: number;\n  /** A backdrop tap closes the panel (needs `useBackdrop`). Default true. */\n  readonly enableOutsideTapToClose?: boolean;\n  /** Modal: a dimmed backdrop takes every tap outside the panel. Default true. Off = non-modal: only the panel and its tab take touches. */\n  readonly useBackdrop?: boolean;\n  /** Show the peek tab while closed. Default false. */\n  readonly showCollapsedTab?: boolean;\n  readonly contentFlowDirection?: G9EdgePanelContentDirection;\n  readonly menuHeader?: G9EdgeMenuHeader | null;\n  readonly menuHeaderAlignment?: G9EdgeMenuHeaderAlignment;\n  readonly closeButtonPlacement?: G9EdgeCloseButtonPlacement;\n  /** After the open slide (MAUI `Opened`). */\n  readonly onOpened?: () => void;\n  /** When the close slide starts (MAUI `Closing`). */\n  readonly onClosing?: () => void;\n  /** After the close slide (MAUI `Closed`). */\n  readonly onClosed?: () => void;\n  readonly controller?: G9EdgePanelController;\n}\n\nlet panelSequence = 0;\n\ntype Phase = 'closed' | 'entering' | 'opening' | 'open' | 'closing';\n\n/**\n * A panel that slides in from a screen edge (MAUI `G9EdgePanel`), mounted in the host's `edgePanel` layer whatever\n * its place in the tree. Modal by default (a dimmed backdrop that closes on tap); with `useBackdrop={false}` it is\n * non-modal: the page stays interactive and only the panel and its tab receive touches. Content is a custom view or a\n * list menu with nested levels (Back row, per-level header). Hardware back closes it.\n */\nexport function G9EdgePanel(props: G9EdgePanelProps): ReactNode {\n  const keyRef = useRef<string | null>(null);\n  if (keyRef.current === null) {\n    panelSequence += 1;\n    keyRef.current = `g9-edge-panel-${panelSequence}`;\n  }\n  const key = keyRef.current;\n  const [isOpen, setOpen] = useControllableState<boolean>({\n    value: props.open,\n    defaultValue: props.defaultOpen ?? false,\n    onChange: props.onOpenChange,\n    name: 'G9EdgePanel.open',\n  });\n  const openMs = props.openAnimationDuration ?? props.animationDuration ?? M.defaultOpenAnimationDurationMs;\n  const closeMs = props.closeAnimationDuration ?? props.animationDuration ?? M.defaultCloseAnimationDurationMs;\n  const [phase, setPhase] = useState<Phase>(isOpen ? 'entering' : 'closed');\n  const latest = useRef(props);\n  latest.current = props;\n  const openRef = useRef(isOpen);\n  openRef.current = isOpen;\n\n  useEffect(() => {\n    if (isOpen) {\n      setPhase((p) => (p === 'closed' ? 'entering' : 'opening'));\n      const enter = startTimer(() => setPhase('opening'), 16);\n      const done = startTimer(() => {\n        setPhase('open');\n        latest.current.onOpened?.();\n      }, openMs + 16);\n      return () => {\n        stopTimer(enter);\n        stopTimer(done);\n      };\n    }\n    if (phase === 'closed') return;\n    latest.current.onClosing?.();\n    setPhase('closing');\n    const done = startTimer(() => {\n      setPhase('closed');\n      latest.current.onClosed?.();\n    }, closeMs);\n    return () => stopTimer(done);\n  }, [isOpen]);\n\n  // List navigation: a new menuItems list or header resets to the root level.\n  const navigator = useMemo(() => new G9EdgeMenuNavigator(), []);\n  const [, setNavVersion] = useState(0);\n  const renderNav = () => setNavVersion(navigator.version);\n  const rootHeader = props.menuHeader ?? null;\n  useMemo(() => navigator.setRoot(props.menuItems, rootHeader), [props.menuItems, rootHeader]);\n  useEffect(\n    () =>\n      props.controller?.bind({\n        setOpen: (open) => setOpen(open),\n        isOpen: () => openRef.current,\n        navigator,\n        renderNav,\n      }),\n    [props.controller],\n  );\n\n  useG9Back(\n    () => {\n      setOpen(false);\n      return true;\n    },\n    { enabled: isOpen, layer: 'edgePanel' },\n  );\n\n  // Shared debounce for tab and backdrop taps (MAUI InteractionDebounceMs: one physical tap can reach both).\n  const core = useG9Core();\n  const lastInteraction = useRef(Number.NEGATIVE_INFINITY);\n  const accept = () => {\n    const now = core.services.clock.monotonicNow();\n    if (now - lastInteraction.current < M.interactionDebounceMs) return false;\n    lastInteraction.current = now;\n    return true;\n  };\n  const animating = phase === 'entering' || phase === 'opening' || phase === 'closing';\n  const onTab = () => {\n    if (animating || !accept()) return;\n    setOpen(!openRef.current);\n  };\n  const useBackdrop = props.useBackdrop ?? true;\n  const onBackdrop = () => {\n    if (!accept()) return;\n    if (useBackdrop && (props.enableOutsideTapToClose ?? true) && openRef.current) setOpen(false);\n  };\n\n  const overlay = (\n    <EdgePanelOverlay\n      props={props}\n      phase={phase}\n      openMs={openMs}\n      closeMs={closeMs}\n      navigator={navigator}\n      navVersion={navigator.version}\n      onTab={onTab}\n      onBackdrop={onBackdrop}\n      onNavigate={renderNav}\n      onClose={() => setOpen(false)}\n    />\n  );\n  const visible = phase !== 'closed' || props.showCollapsedTab === true;\n  useG9LayerItem('edgePanel', key, overlay, { enabled: visible });\n  return null;\n}\n\ninterface OverlayProps {\n  readonly props: G9EdgePanelProps;\n  readonly phase: Phase;\n  readonly openMs: number;\n  readonly closeMs: number;\n  readonly navigator: G9EdgeMenuNavigator;\n  readonly navVersion: number;\n  readonly onTab: () => void;\n  readonly onBackdrop: () => void;\n  readonly onNavigate: () => void;\n  readonly onClose: () => void;\n}\n\nfunction EdgePanelOverlay(o: OverlayProps): ReactNode {\n  const p = o.props;\n  const win = useG9Window();\n  const appRtl = useG9Direction() === 'rtl';\n  const glyphs = useG9Settings().glyphs;\n  const left = (p.side ?? 'left') === 'left';\n  const direction = p.contentFlowDirection ?? 'matchApplication';\n  const contentRtl = direction === 'matchApplication' ? appRtl : direction === 'rightToLeft';\n  const width = Math.max(win.width * (p.widthRatio ?? M.defaultWidthRatio), 0);\n  const topGap = p.topGap ?? M.defaultTopGap;\n  const maxHeight = resolveEdgePanelMaxHeight(\n    win.height,\n    topGap,\n    p.maxPanelHeight ?? 0,\n    p.maxPanelHeightRatio ?? M.defaultMaxPanelHeightRatio,\n  );\n  const shown = o.phase === 'opening' || o.phase === 'open';\n  const cardRendered = o.phase !== 'closed';\n  const hiddenOffset = (width + M.collapsedExtraOffset) * (left ? -1 : 1);\n  const edge = left ? 'left' : 'right';\n  const far = left ? 'right' : 'left';\n  const useBackdrop = p.useBackdrop ?? true;\n  const placement = p.closeButtonPlacement ?? 'inset';\n\n  const closeStyle =\n    placement === 'onCorner'\n      ? { top: `${topGap - M.tabExpandedSize / 2}px`, [edge]: `${width - M.tabExpandedSize / 2}px` }\n      : { top: `${topGap + M.tabTopInset}px`, [edge]: `${width - M.tabTopInset - M.tabExpandedSize}px` };\n  const tabIcon = p.collapsedTabIcon ?? (left ? glyphs.chevronForward : glyphs.chevronBack);\n\n  return (\n    <view className=\"g9-edge-panel\">\n      {useBackdrop && cardRendered ? (\n        <view\n          className=\"g9-edge-panel__backdrop\"\n          style={{\n            opacity: shown ? 1 : 0,\n            transition: `opacity ${shown ? o.openMs : o.closeMs}ms ease-out`,\n            backgroundColor: `rgba(0, 0, 0, ${M.backdropAlpha})`,\n          }}\n          bindtap={o.onBackdrop}\n        />\n      ) : null}\n      {cardRendered ? (\n        <view\n          className={`g9-edge-panel__card g9-edge-panel__card--${edge}`}\n          style={{\n            [edge]: `${-M.wallOverlap}px`,\n            top: `${topGap}px`,\n            width: `${width + M.wallOverlap}px`,\n            maxHeight: `${maxHeight}px`,\n            backgroundColor: p.panelBackgroundColor ?? 'var(--g9-surface-container-high)',\n            transform: `translateX(${shown ? 0 : hiddenOffset}px)`,\n            transition:\n              o.phase === 'entering'\n                ? 'none'\n                : `transform ${shown ? o.openMs : o.closeMs}ms ${shown ? 'cubic-bezier(0.215, 0.61, 0.355, 1)' : 'cubic-bezier(0.55, 0.055, 0.675, 0.19)'}`,\n          }}\n        >\n          <PanelBody o={o} contentRtl={contentRtl} closeOnFar={far} />\n        </view>\n      ) : null}\n      {cardRendered ? (\n        <view\n          className={`g9-edge-panel__close g9-edge-panel__close--${placement}`}\n          style={{\n            ...closeStyle,\n            opacity: shown ? 1 : 0,\n            transition: `opacity ${M.tabEntranceDurationMs}ms ease-out`,\n            backgroundColor: p.tabBackgroundColor ?? 'var(--g9-surface-container-highest)',\n          }}\n          accessibility-element\n          accessibility-traits=\"button\"\n          bindtap={o.onTab}\n        >\n          <G9IconSlot icon={glyphs.clear} size={M.tabIconSize} color=\"var(--g9-on-surface)\" />\n        </view>\n      ) : p.showCollapsedTab ? (\n        <view\n          className={`g9-edge-panel__tab g9-edge-panel__tab--${edge}`}\n          style={{\n            [edge]: '0px',\n            top: `${topGap + M.tabTopInset}px`,\n            backgroundColor: p.tabBackgroundColor ?? 'var(--g9-surface-container-highest)',\n          }}\n          accessibility-element\n          accessibility-traits=\"button\"\n          bindtap={o.onTab}\n        >\n          <G9IconSlot icon={tabIcon} size={M.tabIconSize} color=\"var(--g9-on-surface)\" />\n        </view>\n      ) : null}\n    </view>\n  );\n}\n\nfunction headerText(header: G9EdgeMenuHeader, resolve: (key: string) => string | null): string {\n  if (header.text) return header.text;\n  const key = header.localizationKey as string;\n  return resolve(key) ?? key;\n}\n\nfunction PanelBody(props: {\n  readonly o: OverlayProps;\n  readonly contentRtl: boolean;\n  readonly closeOnFar: string;\n}): ReactNode {\n  const { o, contentRtl } = props;\n  const p = o.props;\n  const strings = useG9Strings();\n  const diagnostics = useG9Diagnostics();\n  const glyphs = useG9Settings().glyphs;\n  const resolve = (key: string) => strings.resolve(key);\n  const nav = o.navigator;\n  const frame = nav.frame;\n  const header = p.panelContent != null ? (p.menuHeader ?? null) : (frame?.header ?? null);\n  const alignment = p.menuHeaderAlignment ?? 'auto';\n  const textAlign =\n    alignment === 'center'\n      ? 'center'\n      : alignment === 'leftToRight'\n        ? 'left'\n        : alignment === 'rightToLeft'\n          ? 'right'\n          : contentRtl\n            ? 'right'\n            : 'left';\n  const footprint = M.tabExpandedSize + M.tabTopInset;\n  const headerPadding =\n    alignment === 'center'\n      ? { paddingLeft: `${footprint}px`, paddingRight: `${footprint}px` }\n      : { [props.closeOnFar === 'right' ? 'paddingRight' : 'paddingLeft']: `${footprint}px` };\n\n  // Directional entry of a new menu level (MAUI menu content slide, 220 ms).\n  const [entered, setEntered] = useState(true);\n  const version = o.navVersion;\n  useEffect(() => {\n    if (nav.transition === 'none') return;\n    setEntered(false);\n    const t = startTimer(() => setEntered(true), 16);\n    return () => stopTimer(t);\n  }, [version]);\n  const sign = (nav.transition === 'forward' ? 1 : -1) * (contentRtl ? -1 : 1);\n\n  const onRow = (item: G9EdgeMenuItem) => {\n    if (item.isEnabled === false) return;\n    try {\n      item.onClick?.(item);\n      item.command?.(item.commandParameter);\n    } catch (error) {\n      diagnostics.log({\n        level: 'error',\n        message: 'G9EdgePanel: menu item handler failed.',\n        source: 'G9EdgePanel',\n        error,\n      });\n    }\n    if (item.nextList && item.nextList.length > 0) {\n      nav.navigateToSubList(item.nextList, item.subMenuHeader ?? null);\n      o.onNavigate();\n    } else if (item.closeAfterClick) {\n      o.onClose();\n    }\n  };\n\n  const content =\n    p.panelContent != null ? (\n      p.panelContent\n    ) : frame ? (\n      <view\n        key={`level-${version}`}\n        className=\"g9-edge-panel__menu\"\n        style={{\n          transform: `translateX(${entered ? 0 : 24 * sign}px)`,\n          opacity: entered ? 1 : 0,\n          transition: entered\n            ? `transform ${M.menuTransitionDurationMs}ms ease-out, opacity ${M.menuTransitionDurationMs}ms ease-out`\n            : 'none',\n        }}\n      >\n        {nav.isRoot ? null : (\n          <view\n            className=\"g9-edge-panel__back\"\n            style={g9RowStyle(contentRtl ? 'rtl' : 'ltr')}\n            accessibility-element\n            accessibility-traits=\"button\"\n            bindtap={() => {\n              nav.back();\n              o.onNavigate();\n            }}\n          >\n            <G9IconSlot\n              icon={contentRtl ? glyphs.chevronForward : glyphs.chevronBack}\n              size={M.menuItemIconSize}\n              color=\"var(--g9-on-surface)\"\n            />\n            <text className=\"g9-edge-panel__back-text\">{strings.get(G9StringKey.Back)}</text>\n          </view>\n        )}\n        {frame.items.map((item, i) => (\n          <view key={`${version}-${i}`} className=\"g9-edge-panel__row-wrap\">\n            <view\n              className={`g9-edge-panel__row${item.isEnabled === false ? ' g9-edge-panel__row--disabled' : ''}`}\n              {...(item.automationId ? { id: item.automationId } : {})}\n              style={{\n                ...g9RowStyle(contentRtl ? 'rtl' : 'ltr'),\n                backgroundColor: item.backgroundColor ?? 'transparent',\n                opacity: item.isEnabled === false ? 0.5 : 1,\n              }}\n              accessibility-element\n              accessibility-traits=\"button\"\n              bindtap={item.isEnabled === false ? undefined : () => onRow(item)}\n            >\n              <G9IconSlot\n                emoji={item.emoji}\n                icon={item.icon}\n                imagePath={item.imageSource}\n                image={item.image}\n                size={item.icon ? M.menuItemIconSize : item.emoji ? M.menuItemEmojiSize : M.menuItemImageSize}\n                color={item.iconColor ?? 'var(--g9-on-surface-variant)'}\n              />\n              <text\n                className=\"g9-edge-panel__row-text\"\n                text-maxline=\"1\"\n                style={{ color: item.textColor ?? 'var(--g9-on-surface)', ...g9TextStart(contentRtl ? 'rtl' : 'ltr') }}\n              >\n                {item.text ?? (item.localizedTextKey ? (resolve(item.localizedTextKey) ?? item.localizedTextKey) : '')}\n              </text>\n              {item.nextList && item.nextList.length > 0 ? (\n                <G9IconSlot\n                  icon={contentRtl ? glyphs.chevronBack : glyphs.chevronForward}\n                  size={18}\n                  color=\"var(--g9-on-surface-variant)\"\n                />\n              ) : null}\n            </view>\n            {item.showDividerBelow ? <view className=\"g9-edge-panel__divider\" /> : null}\n          </view>\n        ))}\n      </view>\n    ) : null;\n\n  return (\n    <view className=\"g9-edge-panel__body\" style={{ direction: contentRtl ? 'rtl' : 'ltr' }}>\n      {!isEdgeMenuHeaderEmpty(header) ? (\n        <view className=\"g9-edge-panel__header\" style={headerPadding}>\n          {(header as G9EdgeMenuHeader).view != null ? (\n            (header as G9EdgeMenuHeader).view\n          ) : (\n            <text className=\"g9-edge-panel__title\" style={{ textAlign }}>\n              {headerText(header as G9EdgeMenuHeader, resolve)}\n            </text>\n          )}\n        </view>\n      ) : null}\n      <scroll-view className=\"g9-edge-panel__scroll\" scroll-orientation=\"vertical\">\n        {content}\n      </scroll-view>\n    </view>\n  );\n}\n"],"names":["createEdgePanelController","target","items","header","next","useEdgePanel","ref","useRef","panelSequence","G9EdgePanel","props","_props_defaultOpen","_ref","_ref1","_props_menuHeader","_props_useBackdrop","keyRef","key","isOpen","setOpen","useControllableState","openMs","M","closeMs","phase","setPhase","useState","latest","openRef","useEffect","_latest_current","p","enter","startTimer","done","stopTimer","navigator","useMemo","G9EdgeMenuNavigator","setNavVersion","renderNav","rootHeader","_props_controller","open","useG9Back","core","useG9Core","lastInteraction","Number","accept","now","animating","onTab","useBackdrop","onBackdrop","_props_enableOutsideTapToClose","overlay","EdgePanelOverlay","visible","useG9LayerItem","o","_p_side","_p_contentFlowDirection","_p_widthRatio","_p_topGap","_p_maxPanelHeight","_p_maxPanelHeightRatio","_p_useBackdrop","_p_closeButtonPlacement","_p_collapsedTabIcon","_p_panelBackgroundColor","_p_tabBackgroundColor","_p_tabBackgroundColor1","win","useG9Window","appRtl","useG9Direction","glyphs","useG9Settings","left","direction","contentRtl","width","Math","topGap","maxHeight","resolveEdgePanelMaxHeight","shown","cardRendered","hiddenOffset","edge","far","placement","closeStyle","tabIcon","view","PanelBody","G9IconSlot","headerText","resolve","_resolve","_p_menuHeader","_p_menuHeaderAlignment","strings","useG9Strings","diagnostics","useG9Diagnostics","nav","frame","alignment","textAlign","footprint","headerPadding","entered","setEntered","version","t","sign","onRow","item","error","_item_subMenuHeader","content","g9RowStyle","text","G9StringKey","i","_item_backgroundColor","_item_iconColor","_item_textColor","_item_text","undefined","g9TextStart","isEdgeMenuHeaderEmpty","scroll-view"],"mappings":"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"}

package/dist/edge-panel/helper.d.ts

@@ -0,0 +1,27 @@
+import './edge-panel.css';
+import { type ReactNode } from '@lynx-js/react';
+import { type G9HostHandle } from '../host/registry.js';
+import { type G9EdgePanelController, type G9EdgePanelProps } from './edge-panel.js';
+import { type G9EdgeMenuItem, type G9EdgePanelOptions } from './types.js';
+/** The helper-managed panel service of a host (MAUI `G9EdgePanelHelper`). One helper panel at a time. */
+export interface G9EdgePanelService {
+    /** Attaches a panel with custom content; only the peek tab shows unless `autoOpen` (MAUI `ShowCustomView`). */
+    showCustomView(content: ReactNode, options?: G9EdgePanelOptions): G9EdgePanelController;
+    /** Attaches a panel with a navigable list menu (MAUI `ShowListMenu`). */
+    showListMenu(items: readonly G9EdgeMenuItem[], options?: G9EdgePanelOptions): G9EdgePanelController;
+    /** Slides the active panel closed, then removes it (MAUI `Dismiss`). */
+    dismiss(): void;
+    /** The active helper panel, or `null` (MAUI `ActivePanel`). */
+    readonly activePanel: G9EdgePanelController | null;
+    /** Closes an open, mounted helper panel; `true` when the press was consumed (MAUI `HandleHardwareBackPressed`). */
+    handleHardwareBackPressed(): boolean;
+}
+/** Maps helper options onto panel props (MAUI `CreatePanel`): unset options keep the panel defaults. */
+export declare function edgePanelPropsFromOptions(options?: G9EdgePanelOptions): G9EdgePanelProps;
+/** The helper panel service of a host (created once as a host feature). */
+export declare function edgePanelServiceOf(host: G9HostHandle): G9EdgePanelService;
+/** The helper panels of the nearest `G9Host`. */
+export declare function useG9EdgePanels(): G9EdgePanelService;
+/** The helper panels of the active host, for code outside components. Throws `host-missing` without a host. */
+export declare function g9EdgePanels(): G9EdgePanelService;
+//# sourceMappingURL=helper.d.ts.map

package/dist/edge-panel/helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/edge-panel/helper.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,gBAAgB,CAAC;AAGtE,OAAO,EAAE,KAAK,YAAY,EAAW,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,kBAAkB,EAAsB,MAAM,SAAS,CAAC;AAE3F,yGAAyG;AACzG,MAAM,WAAW,kBAAkB;IACjC,+GAA+G;IAC/G,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,kBAAkB,GAAG,qBAAqB,CAAC;IACxF,yEAAyE;IACzE,YAAY,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,EAAE,OAAO,CAAC,EAAE,kBAAkB,GAAG,qBAAqB,CAAC;IACpG,wEAAwE;IACxE,OAAO,IAAI,IAAI,CAAC;IAChB,+DAA+D;IAC/D,QAAQ,CAAC,WAAW,EAAE,qBAAqB,GAAG,IAAI,CAAC;IACnD,mHAAmH;IACnH,yBAAyB,IAAI,OAAO,CAAC;CACtC;AAiBD,wGAAwG;AACxG,wBAAgB,yBAAyB,CAAC,OAAO,GAAE,kBAAuB,GAAG,gBAAgB,CA2B5F;AAuDD,2EAA2E;AAC3E,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,YAAY,GAAG,kBAAkB,CAGzE;AAED,iDAAiD;AACjD,wBAAgB,eAAe,IAAI,kBAAkB,CAEpD;AAED,+GAA+G;AAC/G,wBAAgB,YAAY,IAAI,kBAAkB,CAEjD"}

package/dist/edge-panel/helper.jsx

@@ -0,0 +1,118 @@
+import "./edge-panel.css";
+import { useSyncExternalStore } from "@lynx-js/react";
+import { startTimer } from "../base/timers.jsx";
+import { useG9Host } from "../host/hooks.jsx";
+import { g9Hosts } from "../host/registry.jsx";
+import { G9EdgePanel, createEdgePanelController } from "./edge-panel.jsx";
+import { g9EdgePanelMetrics } from "./types.jsx";
+const FEATURE = 'g9.edgePanels';
+function edgePanelPropsFromOptions(options = {}) {
+    var _o_showCollapsedTab, _o_autoOpen;
+    const o = options;
+    const out = {
+        showCollapsedTab: null != (_o_showCollapsedTab = o.showCollapsedTab) ? _o_showCollapsedTab : true,
+        defaultOpen: null != (_o_autoOpen = o.autoOpen) ? _o_autoOpen : false
+    };
+    const copy = [
+        'side',
+        'widthRatio',
+        'topGap',
+        'maxPanelHeight',
+        'maxPanelHeightRatio',
+        'animationDuration',
+        'openAnimationDuration',
+        'closeAnimationDuration',
+        'enableOutsideTapToClose',
+        'useBackdrop',
+        'panelBackgroundColor',
+        'tabBackgroundColor',
+        'contentFlowDirection',
+        'menuHeader',
+        'menuHeaderAlignment',
+        'collapsedTabIcon',
+        'closeButtonPlacement'
+    ];
+    for (const key of copy)if (void 0 !== o[key] && null !== o[key]) out[key] = o[key];
+    return out;
+}
+function HelperLayer(props) {
+    const active = useSyncExternalStore((listener)=>{
+        props.state.listeners.add(listener);
+        return ()=>props.state.listeners.delete(listener);
+    }, ()=>props.state.active);
+    if (!active) return null;
+    return <G9EdgePanel key={active.id} {...active.props} controller={active.controller}/>;
+}
+function createService(host) {
+    const state = {
+        active: null,
+        sequence: 0,
+        listeners: new Set(),
+        service: null
+    };
+    const publish = (active)=>{
+        state.active = active;
+        for (const listener of Array.from(state.listeners))listener();
+    };
+    const attach = (props)=>{
+        state.sequence += 1;
+        const controller = createEdgePanelController();
+        publish({
+            id: state.sequence,
+            controller,
+            props
+        });
+        return controller;
+    };
+    state.service = {
+        showCustomView: (content, options)=>attach({
+                ...edgePanelPropsFromOptions(options),
+                panelContent: content
+            }),
+        showListMenu: (items, options)=>attach({
+                ...edgePanelPropsFromOptions(options),
+                menuItems: items
+            }),
+        dismiss () {
+            var _ref, _active_props_closeAnimationDuration;
+            const active = state.active;
+            if (!active) return;
+            active.controller.close();
+            const close = null != (_ref = null != (_active_props_closeAnimationDuration = active.props.closeAnimationDuration) ? _active_props_closeAnimationDuration : active.props.animationDuration) ? _ref : g9EdgePanelMetrics.defaultCloseAnimationDurationMs;
+            startTimer(()=>{
+                if (state.active === active) publish(null);
+            }, close);
+        },
+        get activePanel () {
+            var _ref;
+            var _state_active;
+            return null != (_ref = null == (_state_active = state.active) ? void 0 : _state_active.controller) ? _ref : null;
+        },
+        handleHardwareBackPressed () {
+            var _state_active;
+            const controller = null == (_state_active = state.active) ? void 0 : _state_active.controller;
+            if (!(null == controller ? void 0 : controller.isMounted) || host.released) return false;
+            return controller.handleHardwareBackPressed();
+        }
+    };
+    host.attachFeature(FEATURE, state);
+    host.registerLayerItem('edgePanel', {
+        key: FEATURE,
+        element: <HelperLayer state={state}/>,
+        order: 1
+    });
+    return state;
+}
+function edgePanelServiceOf(host) {
+    const existing = host.getFeature(FEATURE);
+    return (null != existing ? existing : createService(host)).service;
+}
+function useG9EdgePanels() {
+    return edgePanelServiceOf(useG9Host());
+}
+function g9EdgePanels() {
+    return edgePanelServiceOf(g9Hosts.require());
+}
+export { edgePanelPropsFromOptions, edgePanelServiceOf, g9EdgePanels, useG9EdgePanels };
+
+//# sourceMappingURL=helper.jsx.map

package/dist/edge-panel/helper.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge-panel/helper.jsx","sources":["../../src/edge-panel/helper.tsx"],"sourcesContent":["import './edge-panel.css';\nimport { type ReactNode, useSyncExternalStore } from '@lynx-js/react';\nimport { startTimer } from '../base/timers';\nimport { useG9Host } from '../host/hooks';\nimport { type G9HostHandle, g9Hosts } from '../host/registry';\nimport {\n  createEdgePanelController,\n  G9EdgePanel,\n  type G9EdgePanelController,\n  type G9EdgePanelProps,\n} from './edge-panel';\nimport { type G9EdgeMenuItem, type G9EdgePanelOptions, g9EdgePanelMetrics } from './types';\n\n/** The helper-managed panel service of a host (MAUI `G9EdgePanelHelper`). One helper panel at a time. */\nexport interface G9EdgePanelService {\n  /** Attaches a panel with custom content; only the peek tab shows unless `autoOpen` (MAUI `ShowCustomView`). */\n  showCustomView(content: ReactNode, options?: G9EdgePanelOptions): G9EdgePanelController;\n  /** Attaches a panel with a navigable list menu (MAUI `ShowListMenu`). */\n  showListMenu(items: readonly G9EdgeMenuItem[], options?: G9EdgePanelOptions): G9EdgePanelController;\n  /** Slides the active panel closed, then removes it (MAUI `Dismiss`). */\n  dismiss(): void;\n  /** The active helper panel, or `null` (MAUI `ActivePanel`). */\n  readonly activePanel: G9EdgePanelController | null;\n  /** Closes an open, mounted helper panel; `true` when the press was consumed (MAUI `HandleHardwareBackPressed`). */\n  handleHardwareBackPressed(): boolean;\n}\n\ninterface Active {\n  readonly id: number;\n  readonly controller: G9EdgePanelController;\n  readonly props: G9EdgePanelProps;\n}\n\ninterface State {\n  active: Active | null;\n  sequence: number;\n  readonly listeners: Set<() => void>;\n  service: G9EdgePanelService;\n}\n\nconst FEATURE = 'g9.edgePanels';\n\n/** Maps helper options onto panel props (MAUI `CreatePanel`): unset options keep the panel defaults. */\nexport function edgePanelPropsFromOptions(options: G9EdgePanelOptions = {}): G9EdgePanelProps {\n  const o = options;\n  const out: Record<string, unknown> = {\n    showCollapsedTab: o.showCollapsedTab ?? true,\n    defaultOpen: o.autoOpen ?? false,\n  };\n  const copy: Array<keyof G9EdgePanelOptions & keyof G9EdgePanelProps> = [\n    'side',\n    'widthRatio',\n    'topGap',\n    'maxPanelHeight',\n    'maxPanelHeightRatio',\n    'animationDuration',\n    'openAnimationDuration',\n    'closeAnimationDuration',\n    'enableOutsideTapToClose',\n    'useBackdrop',\n    'panelBackgroundColor',\n    'tabBackgroundColor',\n    'contentFlowDirection',\n    'menuHeader',\n    'menuHeaderAlignment',\n    'collapsedTabIcon',\n    'closeButtonPlacement',\n  ];\n  for (const key of copy) if (o[key] !== undefined && o[key] !== null) out[key] = o[key];\n  return out as G9EdgePanelProps;\n}\n\nfunction HelperLayer(props: { readonly state: State }): ReactNode {\n  const active = useSyncExternalStore(\n    (listener) => {\n      props.state.listeners.add(listener);\n      return () => props.state.listeners.delete(listener);\n    },\n    () => props.state.active,\n  );\n  if (!active) return null;\n  return <G9EdgePanel key={active.id} {...active.props} controller={active.controller} />;\n}\n\nfunction createService(host: G9HostHandle): State {\n  const state: State = { active: null, sequence: 0, listeners: new Set(), service: null as never };\n  const publish = (active: Active | null) => {\n    state.active = active;\n    for (const listener of Array.from(state.listeners)) listener();\n  };\n  const attach = (props: G9EdgePanelProps): G9EdgePanelController => {\n    state.sequence += 1;\n    const controller = createEdgePanelController();\n    publish({ id: state.sequence, controller, props });\n    return controller;\n  };\n  state.service = {\n    showCustomView: (content, options) => attach({ ...edgePanelPropsFromOptions(options), panelContent: content }),\n    showListMenu: (items, options) => attach({ ...edgePanelPropsFromOptions(options), menuItems: items }),\n    dismiss() {\n      const active = state.active;\n      if (!active) return;\n      active.controller.close();\n      const close =\n        active.props.closeAnimationDuration ??\n        active.props.animationDuration ??\n        g9EdgePanelMetrics.defaultCloseAnimationDurationMs;\n      startTimer(() => {\n        if (state.active === active) publish(null);\n      }, close);\n    },\n    get activePanel() {\n      return state.active?.controller ?? null;\n    },\n    handleHardwareBackPressed() {\n      const controller = state.active?.controller;\n      if (!controller?.isMounted || host.released) return false;\n      return controller.handleHardwareBackPressed();\n    },\n  };\n  host.attachFeature(FEATURE, state);\n  host.registerLayerItem('edgePanel', { key: FEATURE, element: <HelperLayer state={state} />, order: 1 });\n  return state;\n}\n\n/** The helper panel service of a host (created once as a host feature). */\nexport function edgePanelServiceOf(host: G9HostHandle): G9EdgePanelService {\n  const existing = host.getFeature(FEATURE) as State | undefined;\n  return (existing ?? createService(host)).service;\n}\n\n/** The helper panels of the nearest `G9Host`. */\nexport function useG9EdgePanels(): G9EdgePanelService {\n  return edgePanelServiceOf(useG9Host());\n}\n\n/** The helper panels of the active host, for code outside components. Throws `host-missing` without a host. */\nexport function g9EdgePanels(): G9EdgePanelService {\n  return edgePanelServiceOf(g9Hosts.require());\n}\n"],"names":["FEATURE","edgePanelPropsFromOptions","options","_o_showCollapsedTab","_o_autoOpen","o","out","copy","key","undefined","HelperLayer","props","active","useSyncExternalStore","listener","G9EdgePanel","createService","host","state","Set","publish","Array","attach","controller","createEdgePanelController","content","items","_ref","close","g9EdgePanelMetrics","startTimer","_state_active","edgePanelServiceOf","existing","useG9EdgePanels","useG9Host","g9EdgePanels","g9Hosts"],"mappings":";;;;;;;AAwCA,MAAMA,UAAU;AAGT,SAASC,0BAA0BC,UAA8B,CAAC,CAAC;QAGpDC,qBACLC;IAHf,MAAMC,IAAIH;IACV,MAAMI,MAA+B;QACnC,kBAAkB,QAAAH,CAAAA,sBAAAA,EAAE,gBAAgB,AAAD,IAAjBA,sBAAsB;QACxC,aAAa,QAAAC,CAAAA,cAAAA,EAAE,QAAQ,AAAD,IAATA,cAAc;IAC7B;IACA,MAAMG,OAAiE;QACrE;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACD;IACD,KAAK,MAAMC,OAAOD,KAAM,IAAIF,AAAWI,WAAXJ,CAAC,CAACG,IAAI,IAAkBH,AAAW,SAAXA,CAAC,CAACG,IAAI,EAAWF,GAAG,CAACE,IAAI,GAAGH,CAAC,CAACG,IAAI;IACtF,OAAOF;AACT;AAEA,SAASI,YAAYC,KAAgC;IACnD,MAAMC,SAASC,qBACb,CAACC;QACCH,MAAM,KAAK,CAAC,SAAS,CAAC,GAAG,CAACG;QAC1B,OAAO,IAAMH,MAAM,KAAK,CAAC,SAAS,CAAC,MAAM,CAACG;IAC5C,GACA,IAAMH,MAAM,KAAK,CAAC,MAAM;IAE1B,IAAI,CAACC,QAAQ,OAAO;IACpB,QAAQG,YAAY,KAAKH,OAAO,EAAE,GAAG,GAAGA,OAAO,KAAK,EAAE,YAAYA,OAAO,UAAU;AACrF;AAEA,SAASI,cAAcC,IAAkB;IACvC,MAAMC,QAAe;QAAE,QAAQ;QAAM,UAAU;QAAG,WAAW,IAAIC;QAAO,SAAS;IAAc;IAC/F,MAAMC,UAAU,CAACR;QACfM,MAAM,MAAM,GAAGN;QACf,KAAK,MAAME,YAAYO,MAAM,IAAI,CAACH,MAAM,SAAS,EAAGJ;IACtD;IACA,MAAMQ,SAAS,CAACX;QACdO,MAAM,QAAQ,IAAI;QAClB,MAAMK,aAAaC;QACnBJ,QAAQ;YAAE,IAAIF,MAAM,QAAQ;YAAEK;YAAYZ;QAAM;QAChD,OAAOY;IACT;IACAL,MAAM,OAAO,GAAG;QACd,gBAAgB,CAACO,SAASvB,UAAYoB,OAAO;gBAAE,GAAGrB,0BAA0BC,QAAQ;gBAAE,cAAcuB;YAAQ;QAC5G,cAAc,CAACC,OAAOxB,UAAYoB,OAAO;gBAAE,GAAGrB,0BAA0BC,QAAQ;gBAAE,WAAWwB;YAAM;QACnG;gBAKIC,MAAAA;YAJF,MAAMf,SAASM,MAAM,MAAM;YAC3B,IAAI,CAACN,QAAQ;YACbA,OAAO,UAAU,CAAC,KAAK;YACvB,MAAMgB,QAAAA,QACJD,CAAAA,OAAAA,QAAAA,CAAAA,uCAAAA,OAAO,KAAK,CAAC,sBAAsB,AAAD,IAAlCA,uCACAf,OAAO,KAAK,CAAC,iBAAiB,AAAD,IAD7Be,OAEAE,mBAAmB,+BAA+B;YACpDC,WAAW;gBACT,IAAIZ,MAAM,MAAM,KAAKN,QAAQQ,QAAQ;YACvC,GAAGQ;QACL;QACA,IAAI;;gBACKG;YAAP,OAAO,QAAP,gBAAOA,CAAAA,gBAAAA,MAAM,MAAM,AAAD,IAAXA,KAAAA,IAAAA,cAAc,UAAU,AAAD,IAAC,OAAI;QACrC;QACA;gBACqBA;YAAnB,MAAMR,aAAa,QAAAQ,CAAAA,gBAAAA,MAAM,MAAM,AAAD,IAAXA,KAAAA,IAAAA,cAAc,UAAU;YAC3C,IAAI,CAACR,CAAAA,QAAAA,aAAAA,KAAAA,IAAAA,WAAY,SAAS,AAAD,KAAKN,KAAK,QAAQ,EAAE,OAAO;YACpD,OAAOM,WAAW,yBAAyB;QAC7C;IACF;IACAN,KAAK,aAAa,CAACjB,SAASkB;IAC5BD,KAAK,iBAAiB,CAAC,aAAa;QAAE,KAAKjB;QAAS,UAAUU,YAAY,OAAOQ;QAAW,OAAO;IAAE;IACrG,OAAOA;AACT;AAGO,SAASc,mBAAmBf,IAAkB;IACnD,MAAMgB,WAAWhB,KAAK,UAAU,CAACjB;IACjC,OAAO,AAACiC,CAAAA,QAAAA,WAAAA,WAAYjB,cAAcC,KAAI,EAAG,OAAO;AAClD;AAGO,SAASiB;IACd,OAAOF,mBAAmBG;AAC5B;AAGO,SAASC;IACd,OAAOJ,mBAAmBK,QAAQ,OAAO;AAC3C"}

package/dist/edge-panel/index.d.ts

@@ -0,0 +1,4 @@
+export { createEdgePanelController, G9EdgePanel, type G9EdgePanelController, type G9EdgePanelProps, useEdgePanel, } from './edge-panel.js';
+export { edgePanelPropsFromOptions, edgePanelServiceOf, type G9EdgePanelService, g9EdgePanels, useG9EdgePanels, } from './helper.js';
+export { type G9EdgeCloseButtonPlacement, type G9EdgeMenuFrame, type G9EdgeMenuHeader, type G9EdgeMenuHeaderAlignment, type G9EdgeMenuItem, G9EdgeMenuNavigator, type G9EdgeMenuTransition, type G9EdgePanelContentDirection, type G9EdgePanelOptions, type G9EdgeSide, g9EdgeMenuHeader, g9EdgeMenuItem, g9EdgePanelMetrics, isEdgeMenuHeaderEmpty, resolveEdgePanelMaxHeight, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/edge-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/edge-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,WAAW,EACX,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,YAAY,GACb,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,yBAAyB,EACzB,kBAAkB,EAClB,KAAK,kBAAkB,EACvB,YAAY,EACZ,eAAe,GAChB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,KAAK,0BAA0B,EAC/B,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,yBAAyB,EAC9B,KAAK,cAAc,EACnB,mBAAmB,EACnB,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,EAChC,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}

package/dist/edge-panel/index.jsx

@@ -0,0 +1,3 @@
+export { G9EdgePanel, createEdgePanelController, useEdgePanel } from "./edge-panel.jsx";
+export { edgePanelPropsFromOptions, edgePanelServiceOf, g9EdgePanels, useG9EdgePanels } from "./helper.jsx";
+export { G9EdgeMenuNavigator, g9EdgeMenuHeader, g9EdgeMenuItem, g9EdgePanelMetrics, isEdgeMenuHeaderEmpty, resolveEdgePanelMaxHeight } from "./types.jsx";