@aglyn/plugins-mui 1.0.0-beta.143

package/src/lib/components/drawer.js

@@ -0,0 +1,566 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import * as Aglyn from "@aglyn/aglyn";
+import { mdiClose, mdiDockLeft, mdiMenu } from "@aglyn/shared-data-mdi";
+import { MdiIcon } from "@aglyn/shared-ui-jsx";
+import Box from "@mui/material/Box";
+import MuiDrawer from "@mui/material/Drawer";
+import IconButton from "@mui/material/IconButton";
+import Stack from "@mui/material/Stack";
+import Typography from "@mui/material/Typography";
+import { forwardRef, useEffect, useMemo, useState } from "react";
+import { BUNDLE_ID } from "../constants/bundle-common.js";
+import { generatePresetId } from "../utils/generate-preset-id.js";
+// Component ids are persisted in screen documents; never rename.
+export const DRAWER_ID = 'muiDrawer';
+export const DRAWER_TOGGLE_ID = 'muiDrawerToggle';
+/** All four edges MUI's Drawer supports. */ export const DRAWER_ANCHORS = [
+    'left',
+    'right',
+    'top',
+    'bottom'
+];
+/** Horizontal anchors are the ones the `width` setting applies to. */ export function isSideAnchor(anchor) {
+    return anchor !== 'top' && anchor !== 'bottom';
+}
+/**
+ * The node id encoded in the renderer's stable `data-aglyn="leaf:<id>"`
+ * attribute (the same selector contract the interactions system uses).
+ */ export function parseLeafNodeId(dataAglyn) {
+    const match = /^leaf:(.+)$/.exec(String(dataAglyn != null ? dataAglyn : ''));
+    return (match == null ? void 0 : match[1]) || undefined;
+}
+/**
+ * True while the besigner canvas flags this leaf's subtree as holding the
+ * current selection (AGL-571): the renderer stamps
+ * `data-aglyn-selected-within` on a leaf whenever the node itself or any
+ * descendant is selected, and drops it when selection leaves the subtree.
+ * Live surfaces never set it, so absence simply means "render collapsed" —
+ * the same neutral `data-aglyn*` leaf contract `parseLeafNodeId` reads.
+ */ export function isLeafSelectedWithin(rest) {
+    return rest['data-aglyn-selected-within'] != null;
+}
+/**
+ * Mounted drawers in mount order. Broadcast commands (no target node id)
+ * are answered by the FIRST registered drawer only, so a page with one
+ * drawer — the overwhelmingly common case — needs no wiring at all.
+ */ const mountedDrawers = [];
+/** Test seam: the current broadcast owner (first mounted drawer). */ export function firstMountedDrawer() {
+    return mountedDrawers[0];
+}
+/**
+ * The canvas marker's box (AGL-1236). A drawer is a portal — it contributes
+ * nothing to the layout of the row it sits in — and on the canvas it has to
+ * cost exactly as little.
+ *
+ * `position: absolute` is doing the real work, and zero-sizing alone was not
+ * enough: a zero-WIDTH flex child is still a flex child, so the nav's
+ * `justify-content: space-between` kept it as a distribution point and its
+ * `gap: 24px` still applied on both sides — which pushed START FREE in off
+ * the right edge for an element that renders nowhere near it. Out of flow,
+ * the row lays out exactly as it ships.
+ *
+ * The visible chip is `fixed` to the canvas frame, so it no longer matters
+ * that an abspos flex child takes its static position from the container's
+ * justify-content (that is what once parked the chip on top of the logo).
+ */ const MARKER_SX = {
+    position: 'absolute',
+    width: 0,
+    height: 0,
+    overflow: 'visible',
+    m: 0,
+    p: 0
+};
+/**
+ * Slide-in drawer (AGL-562): a canvas children slot that opens from the
+ * page edge — the mobile-menu building block. Opens/closes/toggles via
+ * the shared window event bus (`dispatchDrawerCommand`), reachable from
+ * the interactions system's drawer steps and the Menu Button element.
+ * SSR ships it closed; the canvas shows a slim collapsed placeholder that
+ * expands its contents inline only while the drawer or one of its
+ * descendants is selected (AGL-571) — full drawer designability is
+ * AGL-572.
+ */ const DrawerElement = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { anchor, width, children, sx } = props, rest = _object_without_properties_loose(props, [
+        "anchor",
+        "width",
+        "children",
+        "sx"
+    ]);
+    // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).
+    const nodeSx = Array.isArray(sx) ? sx : sx ? [
+        sx
+    ] : [];
+    const resolvedAnchor = DRAWER_ANCHORS.includes(anchor) ? anchor : 'left';
+    // A top/bottom sheet spans the viewport; a width would pin it to a
+    // narrow strip against the edge, which is never what was meant.
+    const sideAnchored = isSideAnchor(resolvedAnchor);
+    const { editorInert } = Aglyn.useScreenLink(undefined);
+    const [open, setOpen] = useState(false);
+    // The renderer stamps the node id on every leaf; commands target it.
+    const nodeId = useMemo(()=>parseLeafNodeId(rest['data-aglyn']), // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        rest['data-aglyn']
+    ]);
+    useEffect(()=>{
+        if (editorInert || !nodeId) return undefined;
+        mountedDrawers.push(nodeId);
+        const unsubscribe = Aglyn.subscribeDrawerCommands((detail)=>{
+            // Match on the un-namespaced suffix (AGL-573): an interaction
+            // authored on a layout-scoped drawer stores the raw canvas id
+            // while this drawer's live id is `layout__`-namespaced (or vice
+            // versa) — leafIdsMatch compares them equal without re-authoring.
+            const targeted = detail.nodeId ? Aglyn.leafIdsMatch(detail.nodeId, nodeId) : mountedDrawers[0] === nodeId;
+            if (!targeted) return;
+            if (detail.command === 'open') setOpen(true);
+            else if (detail.command === 'close') setOpen(false);
+            else setOpen((value)=>!value);
+        });
+        return ()=>{
+            unsubscribe();
+            const index = mountedDrawers.indexOf(nodeId);
+            if (index >= 0) mountedDrawers.splice(index, 1);
+        };
+    }, [
+        editorInert,
+        nodeId
+    ]);
+    if (editorInert) {
+        // Editor affordance: a selectable marker mirroring the live
+        // hidden-until-opened drawer (AGL-571). While the drawer or a
+        // descendant is selected, the contents expand inline as a real
+        // design surface sized to the configured width with the live
+        // panel's padding (AGL-572), so links and headers render full size.
+        const authoring = isLeafSelectedWithin(rest);
+        if (authoring) {
+            // Selected: render the panel the way it actually opens — an overlay
+            // pinned to its anchor edge, at the configured width, with the same
+            // padding and close row as the live drawer (AGL-1236). It used to be
+            // an inline block in the parent's flow, so selecting it shoved the
+            // nav row apart and showed a column that looked nothing like the
+            // panel that ships. Zero-size wrapper + `fixed` child, so the design
+            // surface behind it is untouched while it is open.
+            const edge = {
+                left: 0,
+                right: 0,
+                top: 0,
+                bottom: 0
+            };
+            const opposite = {
+                left: 'right',
+                right: 'left',
+                top: 'bottom',
+                bottom: 'top'
+            };
+            delete edge[opposite[resolvedAnchor]];
+            return /*#__PURE__*/ _jsx(Box, _extends({
+                ref: ref
+            }, rest, {
+                sx: MARKER_SX,
+                children: /*#__PURE__*/ _jsxs(Box, {
+                    sx: [
+                        _extends({
+                            position: 'fixed'
+                        }, edge, {
+                            zIndex: 3,
+                            overflowY: 'auto',
+                            backgroundColor: 'background.paper',
+                            boxShadow: 16
+                        }),
+                        sideAnchored ? {
+                            width: width || 280,
+                            maxWidth: '90vw',
+                            p: 2
+                        } : {
+                            width: 'auto',
+                            p: 2
+                        },
+                        ...nodeSx
+                    ],
+                    children: [
+                        /*#__PURE__*/ _jsx(Stack, {
+                            direction: "row",
+                            sx: {
+                                justifyContent: 'flex-end',
+                                mb: 1
+                            },
+                            children: /*#__PURE__*/ _jsx(IconButton, {
+                                "aria-label": "Close menu",
+                                size: "small",
+                                disabled: true,
+                                children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                    path: mdiClose.path
+                                })
+                            })
+                        }),
+                        children
+                    ]
+                })
+            }));
+        }
+        // Unselected: a ZERO-SIZE anchor in flow, with its chip lifted out of
+        // the design surface to the canvas's top-right (AGL-1236).
+        //
+        // A drawer is a portal — on the live site it contributes nothing to
+        // the layout of the row it sits in — so a placeholder that consumed
+        // 280px made the canvas disagree with the page it renders: the
+        // marketing nav's logo collapsed and overlapped the first link.
+        //
+        // Two things were needed, and the first alone was not enough.
+        // Absolute positioning on the marker itself takes its static position
+        // from the flex container's justify-content, so under `space-between`
+        // it jumped to the START of the row and sat on top of the logo. The
+        // marker is therefore a zero-size in-flow box — correct place in the
+        // row, no reserved space — and the chip is `fixed` to the top-right
+        // of the canvas so it never covers content at all.
+        //
+        // Author `sx` deliberately does NOT apply here: on the live site
+        // those styles land on the panel body, which is not on screen while
+        // the drawer is closed. Applying `width: 280` to the marker would put
+        // the footprint straight back.
+        return /*#__PURE__*/ _jsx(Box, _extends({
+            ref: ref
+        }, rest, {
+            sx: MARKER_SX,
+            children: /*#__PURE__*/ _jsx(Typography, {
+                variant: "caption",
+                color: "text.secondary",
+                sx: {
+                    // `fixed` resolves against the canvas viewport frame (it is a
+                    // containing block), so a negative top puts the chip in the
+                    // gutter ABOVE the design surface rather than over it.
+                    position: 'fixed',
+                    top: -26,
+                    insetInlineEnd: 0,
+                    zIndex: 2,
+                    px: 0.75,
+                    py: 0.25,
+                    border: '1px dashed',
+                    borderColor: 'divider',
+                    borderRadius: 1,
+                    backgroundColor: 'background.paper',
+                    whiteSpace: 'nowrap',
+                    lineHeight: 1.4,
+                    opacity: 0.85
+                },
+                children: `Drawer · ${resolvedAnchor}`
+            })
+        }));
+    }
+    return /*#__PURE__*/ _jsx(MuiDrawer, _extends({
+        ref: ref
+    }, rest, {
+        anchor: resolvedAnchor,
+        open: open,
+        onClose: ()=>setOpen(false),
+        variant: "temporary",
+        children: /*#__PURE__*/ _jsxs(Box, {
+            sx: [
+                sideAnchored ? {
+                    width: width || 280,
+                    maxWidth: '90vw',
+                    p: 2
+                } : {
+                    width: 'auto',
+                    p: 2
+                },
+                ...nodeSx
+            ],
+            children: [
+                /*#__PURE__*/ _jsx(Stack, {
+                    direction: "row",
+                    sx: {
+                        justifyContent: 'flex-end',
+                        mb: 1
+                    },
+                    children: /*#__PURE__*/ _jsx(IconButton, {
+                        "aria-label": "Close menu",
+                        onClick: ()=>setOpen(false),
+                        size: "small",
+                        children: /*#__PURE__*/ _jsx(MdiIcon, {
+                            path: mdiClose.path
+                        })
+                    })
+                }),
+                children
+            ]
+        })
+    }));
+});
+DrawerElement.displayName = 'AglynDrawer';
+/**
+ * Menu button (AGL-562, targeting moved to interactions in AGL-572): a
+ * hamburger icon button whose click broadcast-toggles the page's first
+ * drawer over the shared command bus — the zero-config default that
+ * makes the one-insert Mobile Nav preset work. Targeting a specific
+ * drawer is an interaction (*When clicked → Open/close a drawer*), the
+ * same openDrawer/closeDrawer/toggleDrawer steps any element can use;
+ * the legacy `targetNodeId` attribute is discarded here so persisted
+ * values neither retarget the click nor leak into the DOM. Inert on the
+ * static canvas so canvas clicks only select; live (incl. Preview) it toggles.
+ */ export const DrawerToggle = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { targetNodeId: _ignoredLegacyBinding, ariaLabel } = props, rest = _object_without_properties_loose(props, [
+        "targetNodeId",
+        "ariaLabel"
+    ]);
+    const { editorInert } = Aglyn.useScreenLink(undefined);
+    return /*#__PURE__*/ _jsx(IconButton, _extends({
+        ref: ref,
+        color: "inherit",
+        "aria-label": ariaLabel || 'Open menu',
+        onClick: editorInert ? undefined : ()=>Aglyn.dispatchDrawerCommand('toggle')
+    }, rest, {
+        children: /*#__PURE__*/ _jsx(MdiIcon, {
+            path: mdiMenu.path
+        })
+    }));
+});
+DrawerToggle.displayName = 'AglynDrawerToggle';
+export const drawerSchema = {
+    $id: DRAWER_ID,
+    pluginId: BUNDLE_ID,
+    displayName: 'Drawer',
+    description: 'A panel that slides in from an edge. Pair it with a Menu Button.',
+    category: Aglyn.ComponentCategory.NAVIGATION,
+    icon: {
+        path: mdiDockLeft.path,
+        sx: {
+            color: '#2196f3'
+        }
+    },
+    attributes: [
+        {
+            name: 'anchor',
+            description: 'Which edge of the page the drawer slides in from.',
+            component: Aglyn.FieldComponentType.SELECT,
+            label: 'Slides in from',
+            // `left` is one of MUI's four anchors and the value `resolvedAnchor`
+            // already falls back to, so the sentinel is real (AGL-1451). Spelled
+            // `''` it could not persist (AGL-1191), which meant a drawer moved to
+            // the right could never be moved back.
+            options: [
+                {
+                    value: 'left',
+                    label: 'Left (default)'
+                },
+                {
+                    value: 'right',
+                    label: 'Right'
+                },
+                {
+                    value: 'top',
+                    label: 'Top'
+                },
+                {
+                    value: 'bottom',
+                    label: 'Bottom'
+                }
+            ]
+        },
+        {
+            name: 'width',
+            description: 'Width of the open drawer, e.g. 280px or 20rem. Top and ' + 'bottom drawers span the viewport instead.',
+            component: Aglyn.FieldComponentType.CSS_DIMENSION,
+            label: 'Width',
+            // A width on a top/bottom sheet is ignored by the renderer, so the
+            // control is hidden rather than left to do nothing.
+            condition: {
+                when: 'anchor',
+                is: [
+                    'top',
+                    'bottom'
+                ],
+                notMatch: true
+            }
+        }
+    ]
+};
+export const drawerToggleSchema = {
+    $id: DRAWER_TOGGLE_ID,
+    pluginId: BUNDLE_ID,
+    displayName: 'Menu Button',
+    description: "A hamburger button that opens the page's drawer.",
+    category: Aglyn.ComponentCategory.NAVIGATION,
+    icon: {
+        path: mdiMenu.path,
+        sx: {
+            color: '#2196f3'
+        }
+    },
+    flags: {
+        selfClosing: Aglyn.FEATURE_FLAG.ENABLED
+    },
+    // No drawer-binding attribute (AGL-572): clicking toggles the page's
+    // first drawer out of the box, and targeting a specific drawer is an
+    // interaction (*When clicked → Open/close a drawer*), per the AGL-568
+    // rule that behavior config rides interactions, not bespoke props.
+    attributes: [
+        {
+            name: 'ariaLabel',
+            description: 'Accessible name announced by screen readers.',
+            component: Aglyn.FieldComponentType.TEXT_FIELD,
+            label: 'Accessibility label'
+        }
+    ]
+};
+const navLink = (label)=>({
+        $id: null,
+        componentId: 'muiScreenLink',
+        pluginId: BUNDLE_ID,
+        props: {
+            children: label,
+            color: 'inherit'
+        }
+    });
+/** Vertical link stack every drawer preset starts from. */ const drawerLinkStack = {
+    $id: null,
+    componentId: 'muiStack',
+    pluginId: BUNDLE_ID,
+    props: {
+        spacing: 1
+    },
+    // On the node's own sx, not in props (AGL-1346): `props.sx` renders but
+    // the Styles panel cannot edit or clear it.
+    sx: {
+        alignItems: 'stretch'
+    },
+    nodes: [
+        navLink('Home'),
+        navLink('About'),
+        navLink('Contact')
+    ]
+};
+export const drawerPresets = [
+    {
+        $id: generatePresetId(DRAWER_ID),
+        type: Aglyn.NodeType.PRESET,
+        displayName: 'Drawer',
+        pluginId: BUNDLE_ID,
+        description: 'Slide-in panel with a vertical link stack; open it with a Menu ' + 'Button or an interaction',
+        category: Aglyn.ComponentCategory.NAVIGATION,
+        icon: drawerSchema.icon,
+        data: {
+            $id: null,
+            componentId: DRAWER_ID,
+            pluginId: BUNDLE_ID,
+            props: {},
+            nodes: [
+                drawerLinkStack
+            ]
+        }
+    },
+    {
+        $id: generatePresetId(DRAWER_TOGGLE_ID),
+        type: Aglyn.NodeType.PRESET,
+        displayName: 'Menu Button',
+        pluginId: BUNDLE_ID,
+        description: 'Hamburger icon button that opens a drawer',
+        category: Aglyn.ComponentCategory.NAVIGATION,
+        icon: drawerToggleSchema.icon,
+        data: {
+            $id: null,
+            componentId: DRAWER_TOGGLE_ID,
+            pluginId: BUNDLE_ID,
+            props: {}
+        }
+    },
+    {
+        // One-insert mobile navigation (AGL-562): hamburger (hidden on
+        // desktop) wired to a drawer of links (link cluster hidden below
+        // desktop). Media-band sx mirrors the styles panel's Visibility
+        // control, so authors can adjust it there afterwards.
+        $id: generatePresetId(DRAWER_ID, 'mobile-nav'),
+        type: Aglyn.NodeType.PRESET,
+        displayName: 'Mobile Nav',
+        pluginId: BUNDLE_ID,
+        description: 'Menu button plus drawer for small screens, with an inline link ' + 'row on desktop — a working responsive nav in one insert',
+        category: Aglyn.ComponentCategory.NAVIGATION,
+        icon: {
+            path: mdiMenu.path,
+            sx: {
+                color: '#1976d2'
+            }
+        },
+        data: {
+            $id: null,
+            componentId: 'muiStack',
+            pluginId: BUNDLE_ID,
+            props: {
+                direction: 'row',
+                spacing: 1
+            },
+            sx: {
+                alignItems: 'center'
+            },
+            nodes: [
+                {
+                    $id: null,
+                    componentId: DRAWER_TOGGLE_ID,
+                    pluginId: BUNDLE_ID,
+                    props: {
+                        ariaLabel: 'Open menu'
+                    },
+                    // Hidden where the inline links show. On `sx`, which is what the
+                    // panel's Visibility switches read and write (AGL-1346) — in
+                    // `props.sx` this band was invisible to the very control the
+                    // comment below promises authors can adjust it with.
+                    sx: {
+                        [Aglyn.VISIBILITY_BAND_MEDIA.desktop]: {
+                            display: 'none'
+                        }
+                    }
+                },
+                {
+                    $id: null,
+                    componentId: 'muiStack',
+                    pluginId: BUNDLE_ID,
+                    props: {
+                        direction: 'row',
+                        spacing: 1
+                    },
+                    sx: {
+                        [Aglyn.VISIBILITY_BAND_MEDIA.mobile]: {
+                            display: 'none'
+                        },
+                        [Aglyn.VISIBILITY_BAND_MEDIA.tablet]: {
+                            display: 'none'
+                        }
+                    },
+                    nodes: [
+                        navLink('Home'),
+                        navLink('About'),
+                        navLink('Contact')
+                    ]
+                },
+                {
+                    $id: null,
+                    componentId: DRAWER_ID,
+                    pluginId: BUNDLE_ID,
+                    props: {},
+                    nodes: [
+                        drawerLinkStack
+                    ]
+                }
+            ]
+        }
+    }
+];
+export default DrawerElement;
+
+//# sourceMappingURL=drawer.js.map

package/src/lib/components/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/mui/src/lib/components/drawer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport * as Aglyn from '@aglyn/aglyn'\nimport { mdiClose, mdiDockLeft, mdiMenu } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport Box from '@mui/material/Box'\nimport MuiDrawer from '@mui/material/Drawer'\nimport IconButton from '@mui/material/IconButton'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\nimport Typography from '@mui/material/Typography'\nimport {\n  forwardRef,\n  type ReactNode,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport { generatePresetId } from '../utils/generate-preset-id'\n\n// Component ids are persisted in screen documents; never rename.\nexport const DRAWER_ID: Aglyn.ComponentId = 'muiDrawer'\nexport const DRAWER_TOGGLE_ID: Aglyn.ComponentId = 'muiDrawerToggle'\n\nexport type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom'\n\n/** All four edges MUI's Drawer supports. */\nexport const DRAWER_ANCHORS: DrawerAnchor[] = ['left', 'right', 'top', 'bottom']\n\n/** Horizontal anchors are the ones the `width` setting applies to. */\nexport function isSideAnchor(anchor: unknown): boolean {\n  return anchor !== 'top' && anchor !== 'bottom'\n}\n\nexport interface DrawerElementProps {\n  /** Which edge the drawer slides in from. */\n  anchor?: DrawerAnchor\n  /** CSS width of the open panel (default 280px). Side anchors only. */\n  width?: string\n  /**\n   * Authored node styles, handed over by the renderer rather than typed into\n   * an attribute — recomposed below so the panel's own sx is merged, not\n   * replaced (AGL-1323 declared it; the merge predates it).\n   */\n  sx?: SxProps\n  children?: ReactNode\n}\n\nexport interface DrawerToggleProps {\n  /**\n   * Legacy pre-AGL-572 binding attribute. Persisted values are accepted\n   * and silently ignored (no migration): behavior config rides the\n   * interactions system (AGL-568), so explicit targeting is authored as\n   * *When clicked → Open/close a drawer* on the button instead.\n   */\n  targetNodeId?: string\n  /** Accessible name for the icon button. */\n  ariaLabel?: string\n}\n\n/**\n * The node id encoded in the renderer's stable `data-aglyn=\"leaf:<id>\"`\n * attribute (the same selector contract the interactions system uses).\n */\nexport function parseLeafNodeId(dataAglyn: unknown): string | undefined {\n  const match = /^leaf:(.+)$/.exec(String(dataAglyn ?? ''))\n  return match?.[1] || undefined\n}\n\n/**\n * True while the besigner canvas flags this leaf's subtree as holding the\n * current selection (AGL-571): the renderer stamps\n * `data-aglyn-selected-within` on a leaf whenever the node itself or any\n * descendant is selected, and drops it when selection leaves the subtree.\n * Live surfaces never set it, so absence simply means \"render collapsed\" —\n * the same neutral `data-aglyn*` leaf contract `parseLeafNodeId` reads.\n */\nexport function isLeafSelectedWithin(rest: Record<string, unknown>): boolean {\n  return rest['data-aglyn-selected-within'] != null\n}\n\n/**\n * Mounted drawers in mount order. Broadcast commands (no target node id)\n * are answered by the FIRST registered drawer only, so a page with one\n * drawer — the overwhelmingly common case — needs no wiring at all.\n */\nconst mountedDrawers: string[] = []\n\n/** Test seam: the current broadcast owner (first mounted drawer). */\nexport function firstMountedDrawer(): string | undefined {\n  return mountedDrawers[0]\n}\n\n/**\n * The canvas marker's box (AGL-1236). A drawer is a portal — it contributes\n * nothing to the layout of the row it sits in — and on the canvas it has to\n * cost exactly as little.\n *\n * `position: absolute` is doing the real work, and zero-sizing alone was not\n * enough: a zero-WIDTH flex child is still a flex child, so the nav's\n * `justify-content: space-between` kept it as a distribution point and its\n * `gap: 24px` still applied on both sides — which pushed START FREE in off\n * the right edge for an element that renders nowhere near it. Out of flow,\n * the row lays out exactly as it ships.\n *\n * The visible chip is `fixed` to the canvas frame, so it no longer matters\n * that an abspos flex child takes its static position from the container's\n * justify-content (that is what once parked the chip on top of the logo).\n */\nconst MARKER_SX = {\n  position: 'absolute',\n  width: 0,\n  height: 0,\n  overflow: 'visible',\n  m: 0,\n  p: 0,\n} as const\n\n/**\n * Slide-in drawer (AGL-562): a canvas children slot that opens from the\n * page edge — the mobile-menu building block. Opens/closes/toggles via\n * the shared window event bus (`dispatchDrawerCommand`), reachable from\n * the interactions system's drawer steps and the Menu Button element.\n * SSR ships it closed; the canvas shows a slim collapsed placeholder that\n * expands its contents inline only while the drawer or one of its\n * descendants is selected (AGL-571) — full drawer designability is\n * AGL-572.\n */\nconst DrawerElement = forwardRef<HTMLDivElement, DrawerElementProps>(\n  (props, ref) => {\n    const { anchor, width, children, sx, ...rest } = props\n    // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).\n    const nodeSx = Array.isArray(sx) ? sx : sx ? [sx] : []\n    const resolvedAnchor: DrawerAnchor = DRAWER_ANCHORS.includes(\n      anchor as DrawerAnchor,\n    )\n      ? (anchor as DrawerAnchor)\n      : 'left'\n    // A top/bottom sheet spans the viewport; a width would pin it to a\n    // narrow strip against the edge, which is never what was meant.\n    const sideAnchored = isSideAnchor(resolvedAnchor)\n    const { editorInert } = Aglyn.useScreenLink(undefined)\n    const [open, setOpen] = useState(false)\n    // The renderer stamps the node id on every leaf; commands target it.\n    const nodeId = useMemo(\n      () => parseLeafNodeId((rest as Record<string, unknown>)['data-aglyn']),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [(rest as Record<string, unknown>)['data-aglyn']],\n    )\n\n    useEffect(() => {\n      if (editorInert || !nodeId) return undefined\n      mountedDrawers.push(nodeId)\n      const unsubscribe = Aglyn.subscribeDrawerCommands((detail) => {\n        // Match on the un-namespaced suffix (AGL-573): an interaction\n        // authored on a layout-scoped drawer stores the raw canvas id\n        // while this drawer's live id is `layout__`-namespaced (or vice\n        // versa) — leafIdsMatch compares them equal without re-authoring.\n        const targeted = detail.nodeId\n          ? Aglyn.leafIdsMatch(detail.nodeId, nodeId)\n          : mountedDrawers[0] === nodeId\n        if (!targeted) return\n        if (detail.command === 'open') setOpen(true)\n        else if (detail.command === 'close') setOpen(false)\n        else setOpen((value) => !value)\n      })\n      return () => {\n        unsubscribe()\n        const index = mountedDrawers.indexOf(nodeId)\n        if (index >= 0) mountedDrawers.splice(index, 1)\n      }\n    }, [editorInert, nodeId])\n\n    if (editorInert) {\n      // Editor affordance: a selectable marker mirroring the live\n      // hidden-until-opened drawer (AGL-571). While the drawer or a\n      // descendant is selected, the contents expand inline as a real\n      // design surface sized to the configured width with the live\n      // panel's padding (AGL-572), so links and headers render full size.\n      const authoring = isLeafSelectedWithin(rest as Record<string, unknown>)\n      if (authoring) {\n        // Selected: render the panel the way it actually opens — an overlay\n        // pinned to its anchor edge, at the configured width, with the same\n        // padding and close row as the live drawer (AGL-1236). It used to be\n        // an inline block in the parent's flow, so selecting it shoved the\n        // nav row apart and showed a column that looked nothing like the\n        // panel that ships. Zero-size wrapper + `fixed` child, so the design\n        // surface behind it is untouched while it is open.\n        const edge = { left: 0, right: 0, top: 0, bottom: 0 }\n        const opposite = { left: 'right', right: 'left', top: 'bottom', bottom: 'top' } as const\n        delete (edge as Record<string, number>)[opposite[resolvedAnchor]]\n        return (\n          <Box\n            ref={ref}\n            {...rest}\n            sx={MARKER_SX}\n          >\n            <Box\n              sx={[\n                {\n                  position: 'fixed',\n                  ...edge,\n                  zIndex: 3,\n                  overflowY: 'auto',\n                  backgroundColor: 'background.paper',\n                  boxShadow: 16,\n                },\n                sideAnchored\n                  ? { width: width || 280, maxWidth: '90vw', p: 2 }\n                  : { width: 'auto', p: 2 },\n                ...nodeSx,\n              ]}\n            >\n              <Stack direction=\"row\" sx={{ justifyContent: 'flex-end', mb: 1 }}>\n                <IconButton aria-label=\"Close menu\" size=\"small\" disabled>\n                  <MdiIcon path={mdiClose.path} />\n                </IconButton>\n              </Stack>\n              {children}\n            </Box>\n          </Box>\n        )\n      }\n      // Unselected: a ZERO-SIZE anchor in flow, with its chip lifted out of\n      // the design surface to the canvas's top-right (AGL-1236).\n      //\n      // A drawer is a portal — on the live site it contributes nothing to\n      // the layout of the row it sits in — so a placeholder that consumed\n      // 280px made the canvas disagree with the page it renders: the\n      // marketing nav's logo collapsed and overlapped the first link.\n      //\n      // Two things were needed, and the first alone was not enough.\n      // Absolute positioning on the marker itself takes its static position\n      // from the flex container's justify-content, so under `space-between`\n      // it jumped to the START of the row and sat on top of the logo. The\n      // marker is therefore a zero-size in-flow box — correct place in the\n      // row, no reserved space — and the chip is `fixed` to the top-right\n      // of the canvas so it never covers content at all.\n      //\n      // Author `sx` deliberately does NOT apply here: on the live site\n      // those styles land on the panel body, which is not on screen while\n      // the drawer is closed. Applying `width: 280` to the marker would put\n      // the footprint straight back.\n      return (\n        <Box\n          ref={ref}\n          {...rest}\n          sx={MARKER_SX}\n        >\n          <Typography\n            variant=\"caption\"\n            color=\"text.secondary\"\n            sx={{\n              // `fixed` resolves against the canvas viewport frame (it is a\n              // containing block), so a negative top puts the chip in the\n              // gutter ABOVE the design surface rather than over it.\n              position: 'fixed',\n              top: -26,\n              insetInlineEnd: 0,\n              zIndex: 2,\n              px: 0.75,\n              py: 0.25,\n              border: '1px dashed',\n              borderColor: 'divider',\n              borderRadius: 1,\n              backgroundColor: 'background.paper',\n              whiteSpace: 'nowrap',\n              lineHeight: 1.4,\n              opacity: 0.85,\n            }}\n          >\n            {`Drawer · ${resolvedAnchor}`}\n          </Typography>\n        </Box>\n      )\n    }\n\n    return (\n      <MuiDrawer\n        ref={ref}\n        {...rest}\n        anchor={resolvedAnchor}\n        open={open}\n        onClose={() => setOpen(false)}\n        variant=\"temporary\"\n      >\n        {/* Node styles land on the panel body, where authors expect\n            padding/background edits to show. */}\n        <Box\n          sx={[\n            sideAnchored\n              ? { width: width || 280, maxWidth: '90vw', p: 2 }\n              : { width: 'auto', p: 2 },\n            ...nodeSx,\n          ]}\n        >\n          <Stack direction=\"row\" sx={{ justifyContent: 'flex-end', mb: 1 }}>\n            <IconButton\n              aria-label=\"Close menu\"\n              onClick={() => setOpen(false)}\n              size=\"small\"\n            >\n              <MdiIcon path={mdiClose.path} />\n            </IconButton>\n          </Stack>\n          {children}\n        </Box>\n      </MuiDrawer>\n    )\n  },\n)\nDrawerElement.displayName = 'AglynDrawer'\n\n/**\n * Menu button (AGL-562, targeting moved to interactions in AGL-572): a\n * hamburger icon button whose click broadcast-toggles the page's first\n * drawer over the shared command bus — the zero-config default that\n * makes the one-insert Mobile Nav preset work. Targeting a specific\n * drawer is an interaction (*When clicked → Open/close a drawer*), the\n * same openDrawer/closeDrawer/toggleDrawer steps any element can use;\n * the legacy `targetNodeId` attribute is discarded here so persisted\n * values neither retarget the click nor leak into the DOM. Inert on the\n * static canvas so canvas clicks only select; live (incl. Preview) it toggles.\n */\nexport const DrawerToggle = forwardRef<HTMLButtonElement, DrawerToggleProps>(\n  (props, ref) => {\n    const { targetNodeId: _ignoredLegacyBinding, ariaLabel, ...rest } = props\n    const { editorInert } = Aglyn.useScreenLink(undefined)\n    return (\n      <IconButton\n        ref={ref}\n        color=\"inherit\"\n        aria-label={ariaLabel || 'Open menu'}\n        onClick={\n          editorInert ? undefined : () => Aglyn.dispatchDrawerCommand('toggle')\n        }\n        {...rest}\n      >\n        <MdiIcon path={mdiMenu.path} />\n      </IconButton>\n    )\n  },\n)\nDrawerToggle.displayName = 'AglynDrawerToggle'\n\nexport const drawerSchema: Aglyn.ComponentSchema<DrawerElementProps> = {\n  $id: DRAWER_ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Drawer',\n  description:\n    'A panel that slides in from an edge. Pair it with a Menu Button.',\n  category: Aglyn.ComponentCategory.NAVIGATION,\n  icon: { path: mdiDockLeft.path, sx: { color: '#2196f3' } },\n  attributes: [\n    {\n      name: 'anchor',\n      description: 'Which edge of the page the drawer slides in from.',\n      component: Aglyn.FieldComponentType.SELECT,\n      label: 'Slides in from',\n      // `left` is one of MUI's four anchors and the value `resolvedAnchor`\n      // already falls back to, so the sentinel is real (AGL-1451). Spelled\n      // `''` it could not persist (AGL-1191), which meant a drawer moved to\n      // the right could never be moved back.\n      options: [\n        { value: 'left', label: 'Left (default)' },\n        { value: 'right', label: 'Right' },\n        { value: 'top', label: 'Top' },\n        { value: 'bottom', label: 'Bottom' },\n      ],\n    },\n    {\n      name: 'width',\n      description:\n        'Width of the open drawer, e.g. 280px or 20rem. Top and ' +\n        'bottom drawers span the viewport instead.',\n      component: Aglyn.FieldComponentType.CSS_DIMENSION,\n      label: 'Width',\n      // A width on a top/bottom sheet is ignored by the renderer, so the\n      // control is hidden rather than left to do nothing.\n      condition: { when: 'anchor', is: ['top', 'bottom'], notMatch: true },\n    },\n  ],\n}\n\nexport const drawerToggleSchema: Aglyn.ComponentSchema<DrawerToggleProps> = {\n  $id: DRAWER_TOGGLE_ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Menu Button',\n  description: \"A hamburger button that opens the page's drawer.\",\n  category: Aglyn.ComponentCategory.NAVIGATION,\n  icon: { path: mdiMenu.path, sx: { color: '#2196f3' } },\n  flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n  // No drawer-binding attribute (AGL-572): clicking toggles the page's\n  // first drawer out of the box, and targeting a specific drawer is an\n  // interaction (*When clicked → Open/close a drawer*), per the AGL-568\n  // rule that behavior config rides interactions, not bespoke props.\n  attributes: [\n    {\n      name: 'ariaLabel',\n      description: 'Accessible name announced by screen readers.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n      label: 'Accessibility label',\n    },\n  ],\n}\n\nconst navLink = (label: string) => ({\n  $id: null,\n  componentId: 'muiScreenLink',\n  pluginId: BUNDLE_ID,\n  props: { children: label, color: 'inherit' },\n})\n\n/** Vertical link stack every drawer preset starts from. */\nconst drawerLinkStack = {\n  $id: null,\n  componentId: 'muiStack',\n  pluginId: BUNDLE_ID,\n  props: { spacing: 1 },\n  // On the node's own sx, not in props (AGL-1346): `props.sx` renders but\n  // the Styles panel cannot edit or clear it.\n  sx: { alignItems: 'stretch' },\n  nodes: [navLink('Home'), navLink('About'), navLink('Contact')],\n}\n\nexport const drawerPresets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(DRAWER_ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Drawer',\n    pluginId: BUNDLE_ID,\n    description:\n      'Slide-in panel with a vertical link stack; open it with a Menu ' +\n      'Button or an interaction',\n    category: Aglyn.ComponentCategory.NAVIGATION,\n    icon: drawerSchema.icon,\n    data: {\n      $id: null,\n      componentId: DRAWER_ID,\n      pluginId: BUNDLE_ID,\n      props: {},\n      nodes: [drawerLinkStack],\n    },\n  },\n  {\n    $id: generatePresetId(DRAWER_TOGGLE_ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Menu Button',\n    pluginId: BUNDLE_ID,\n    description: 'Hamburger icon button that opens a drawer',\n    category: Aglyn.ComponentCategory.NAVIGATION,\n    icon: drawerToggleSchema.icon,\n    data: {\n      $id: null,\n      componentId: DRAWER_TOGGLE_ID,\n      pluginId: BUNDLE_ID,\n      props: {},\n    },\n  },\n  {\n    // One-insert mobile navigation (AGL-562): hamburger (hidden on\n    // desktop) wired to a drawer of links (link cluster hidden below\n    // desktop). Media-band sx mirrors the styles panel's Visibility\n    // control, so authors can adjust it there afterwards.\n    $id: generatePresetId(DRAWER_ID, 'mobile-nav'),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Mobile Nav',\n    pluginId: BUNDLE_ID,\n    description:\n      'Menu button plus drawer for small screens, with an inline link ' +\n      'row on desktop — a working responsive nav in one insert',\n    category: Aglyn.ComponentCategory.NAVIGATION,\n    icon: { path: mdiMenu.path, sx: { color: '#1976d2' } },\n    data: {\n      $id: null,\n      componentId: 'muiStack',\n      pluginId: BUNDLE_ID,\n      props: { direction: 'row', spacing: 1 },\n      sx: { alignItems: 'center' },\n      nodes: [\n        {\n          $id: null,\n          componentId: DRAWER_TOGGLE_ID,\n          pluginId: BUNDLE_ID,\n          props: { ariaLabel: 'Open menu' },\n          // Hidden where the inline links show. On `sx`, which is what the\n          // panel's Visibility switches read and write (AGL-1346) — in\n          // `props.sx` this band was invisible to the very control the\n          // comment below promises authors can adjust it with.\n          sx: {\n            [Aglyn.VISIBILITY_BAND_MEDIA.desktop]: { display: 'none' },\n          },\n        },\n        {\n          $id: null,\n          componentId: 'muiStack',\n          pluginId: BUNDLE_ID,\n          props: { direction: 'row', spacing: 1 },\n          sx: {\n            [Aglyn.VISIBILITY_BAND_MEDIA.mobile]: { display: 'none' },\n            [Aglyn.VISIBILITY_BAND_MEDIA.tablet]: { display: 'none' },\n          },\n          nodes: [navLink('Home'), navLink('About'), navLink('Contact')],\n        },\n        {\n          $id: null,\n          componentId: DRAWER_ID,\n          pluginId: BUNDLE_ID,\n          props: {},\n          nodes: [drawerLinkStack],\n        },\n      ],\n    },\n  },\n]\n\nexport default DrawerElement\n"],"names":["Aglyn","mdiClose","mdiDockLeft","mdiMenu","MdiIcon","Box","MuiDrawer","IconButton","Stack","Typography","forwardRef","useEffect","useMemo","useState","BUNDLE_ID","generatePresetId","DRAWER_ID","DRAWER_TOGGLE_ID","DRAWER_ANCHORS","isSideAnchor","anchor","parseLeafNodeId","dataAglyn","match","exec","String","undefined","isLeafSelectedWithin","rest","mountedDrawers","firstMountedDrawer","MARKER_SX","position","width","height","overflow","m","p","DrawerElement","props","ref","children","sx","nodeSx","Array","isArray","resolvedAnchor","includes","sideAnchored","editorInert","useScreenLink","open","setOpen","nodeId","push","unsubscribe","subscribeDrawerCommands","detail","targeted","leafIdsMatch","command","value","index","indexOf","splice","authoring","edge","left","right","top","bottom","opposite","zIndex","overflowY","backgroundColor","boxShadow","maxWidth","direction","justifyContent","mb","aria-label","size","disabled","path","variant","color","insetInlineEnd","px","py","border","borderColor","borderRadius","whiteSpace","lineHeight","opacity","onClose","onClick","displayName","DrawerToggle","targetNodeId","_ignoredLegacyBinding","ariaLabel","dispatchDrawerCommand","drawerSchema","$id","pluginId","description","category","ComponentCategory","NAVIGATION","icon","attributes","name","component","FieldComponentType","SELECT","label","options","CSS_DIMENSION","condition","when","is","notMatch","drawerToggleSchema","flags","selfClosing","FEATURE_FLAG","ENABLED","TEXT_FIELD","navLink","componentId","drawerLinkStack","spacing","alignItems","nodes","drawerPresets","type","NodeType","PRESET","data","VISIBILITY_BAND_MEDIA","desktop","display","mobile","tablet"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,YAAYA,WAAW,eAAc;AACrC,SAASC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAQ,yBAAwB;AACvE,SAASC,OAAO,QAAQ,uBAAsB;AAC9C,OAAOC,SAAS,oBAAmB;AACnC,OAAOC,eAAe,uBAAsB;AAC5C,OAAOC,gBAAgB,2BAA0B;AACjD,OAAOC,WAAW,sBAAqB;AAEvC,OAAOC,gBAAgB,2BAA0B;AACjD,SACEC,UAAU,EAEVC,SAAS,EACTC,OAAO,EACPC,QAAQ,QACH,QAAO;AACd,SAASC,SAAS,QAAQ,gCAA4B;AACtD,SAASC,gBAAgB,QAAQ,iCAA6B;AAE9D,iEAAiE;AACjE,OAAO,MAAMC,YAA+B,YAAW;AACvD,OAAO,MAAMC,mBAAsC,kBAAiB;AAIpE,0CAA0C,GAC1C,OAAO,MAAMC,iBAAiC;IAAC;IAAQ;IAAS;IAAO;CAAS,CAAA;AAEhF,oEAAoE,GACpE,OAAO,SAASC,aAAaC,MAAe;IAC1C,OAAOA,WAAW,SAASA,WAAW;AACxC;AA4BA;;;CAGC,GACD,OAAO,SAASC,gBAAgBC,SAAkB;IAChD,MAAMC,QAAQ,cAAcC,IAAI,CAACC,OAAOH,oBAAAA,YAAa;IACrD,OAAOC,CAAAA,yBAAAA,KAAO,CAAC,EAAE,KAAIG;AACvB;AAEA;;;;;;;CAOC,GACD,OAAO,SAASC,qBAAqBC,IAA6B;IAChE,OAAOA,IAAI,CAAC,6BAA6B,IAAI;AAC/C;AAEA;;;;CAIC,GACD,MAAMC,iBAA2B,EAAE;AAEnC,mEAAmE,GACnE,OAAO,SAASC;IACd,OAAOD,cAAc,CAAC,EAAE;AAC1B;AAEA;;;;;;;;;;;;;;;CAeC,GACD,MAAME,YAAY;IAChBC,UAAU;IACVC,OAAO;IACPC,QAAQ;IACRC,UAAU;IACVC,GAAG;IACHC,GAAG;AACL;AAEA;;;;;;;;;CASC,GACD,MAAMC,8BAAgB5B,WACpB,CAAC6B,OAAOC;IACN,MAAM,EAAEpB,MAAM,EAAEa,KAAK,EAAEQ,QAAQ,EAAEC,EAAE,EAAW,GAAGH,OAATX,wCAASW;;;;;;IACjD,yEAAyE;IACzE,MAAMI,SAASC,MAAMC,OAAO,CAACH,MAAMA,KAAKA,KAAK;QAACA;KAAG,GAAG,EAAE;IACtD,MAAMI,iBAA+B5B,eAAe6B,QAAQ,CAC1D3B,UAEGA,SACD;IACJ,mEAAmE;IACnE,gEAAgE;IAChE,MAAM4B,eAAe7B,aAAa2B;IAClC,MAAM,EAAEG,WAAW,EAAE,GAAGjD,MAAMkD,aAAa,CAACxB;IAC5C,MAAM,CAACyB,MAAMC,QAAQ,GAAGvC,SAAS;IACjC,qEAAqE;IACrE,MAAMwC,SAASzC,QACb,IAAMS,gBAAgB,AAACO,IAAgC,CAAC,aAAa,GACrE,uDAAuD;IACvD;QAAEA,IAAgC,CAAC,aAAa;KAAC;IAGnDjB,UAAU;QACR,IAAIsC,eAAe,CAACI,QAAQ,OAAO3B;QACnCG,eAAeyB,IAAI,CAACD;QACpB,MAAME,cAAcvD,MAAMwD,uBAAuB,CAAC,CAACC;YACjD,8DAA8D;YAC9D,8DAA8D;YAC9D,gEAAgE;YAChE,kEAAkE;YAClE,MAAMC,WAAWD,OAAOJ,MAAM,GAC1BrD,MAAM2D,YAAY,CAACF,OAAOJ,MAAM,EAAEA,UAClCxB,cAAc,CAAC,EAAE,KAAKwB;YAC1B,IAAI,CAACK,UAAU;YACf,IAAID,OAAOG,OAAO,KAAK,QAAQR,QAAQ;iBAClC,IAAIK,OAAOG,OAAO,KAAK,SAASR,QAAQ;iBACxCA,QAAQ,CAACS,QAAU,CAACA;QAC3B;QACA,OAAO;YACLN;YACA,MAAMO,QAAQjC,eAAekC,OAAO,CAACV;YACrC,IAAIS,SAAS,GAAGjC,eAAemC,MAAM,CAACF,OAAO;QAC/C;IACF,GAAG;QAACb;QAAaI;KAAO;IAExB,IAAIJ,aAAa;QACf,4DAA4D;QAC5D,8DAA8D;QAC9D,+DAA+D;QAC/D,6DAA6D;QAC7D,oEAAoE;QACpE,MAAMgB,YAAYtC,qBAAqBC;QACvC,IAAIqC,WAAW;YACb,oEAAoE;YACpE,oEAAoE;YACpE,qEAAqE;YACrE,mEAAmE;YACnE,iEAAiE;YACjE,qEAAqE;YACrE,mDAAmD;YACnD,MAAMC,OAAO;gBAAEC,MAAM;gBAAGC,OAAO;gBAAGC,KAAK;gBAAGC,QAAQ;YAAE;YACpD,MAAMC,WAAW;gBAAEJ,MAAM;gBAASC,OAAO;gBAAQC,KAAK;gBAAUC,QAAQ;YAAM;YAC9E,OAAO,AAACJ,IAA+B,CAACK,QAAQ,CAACzB,eAAe,CAAC;YACjE,qBACE,KAACzC;gBACCmC,KAAKA;eACDZ;gBACJc,IAAIX;0BAEJ,cAAA,MAAC1B;oBACCqC,IAAI;wBACF;4BACEV,UAAU;2BACPkC;4BACHM,QAAQ;4BACRC,WAAW;4BACXC,iBAAiB;4BACjBC,WAAW;;wBAEb3B,eACI;4BAAEf,OAAOA,SAAS;4BAAK2C,UAAU;4BAAQvC,GAAG;wBAAE,IAC9C;4BAAEJ,OAAO;4BAAQI,GAAG;wBAAE;2BACvBM;qBACJ;;sCAED,KAACnC;4BAAMqE,WAAU;4BAAMnC,IAAI;gCAAEoC,gBAAgB;gCAAYC,IAAI;4BAAE;sCAC7D,cAAA,KAACxE;gCAAWyE,cAAW;gCAAaC,MAAK;gCAAQC,QAAQ;0CACvD,cAAA,KAAC9E;oCAAQ+E,MAAMlF,SAASkF,IAAI;;;;wBAG/B1C;;;;QAIT;QACA,sEAAsE;QACtE,2DAA2D;QAC3D,EAAE;QACF,oEAAoE;QACpE,oEAAoE;QACpE,+DAA+D;QAC/D,gEAAgE;QAChE,EAAE;QACF,8DAA8D;QAC9D,sEAAsE;QACtE,sEAAsE;QACtE,oEAAoE;QACpE,qEAAqE;QACrE,oEAAoE;QACpE,mDAAmD;QACnD,EAAE;QACF,iEAAiE;QACjE,oEAAoE;QACpE,sEAAsE;QACtE,+BAA+B;QAC/B,qBACE,KAACpC;YACCmC,KAAKA;WACDZ;YACJc,IAAIX;sBAEJ,cAAA,KAACtB;gBACC2E,SAAQ;gBACRC,OAAM;gBACN3C,IAAI;oBACF,8DAA8D;oBAC9D,4DAA4D;oBAC5D,uDAAuD;oBACvDV,UAAU;oBACVqC,KAAK,CAAC;oBACNiB,gBAAgB;oBAChBd,QAAQ;oBACRe,IAAI;oBACJC,IAAI;oBACJC,QAAQ;oBACRC,aAAa;oBACbC,cAAc;oBACdjB,iBAAiB;oBACjBkB,YAAY;oBACZC,YAAY;oBACZC,SAAS;gBACX;0BAEC,CAAC,SAAS,EAAEhD,gBAAgB;;;IAIrC;IAEA,qBACE,KAACxC;QACCkC,KAAKA;OACDZ;QACJR,QAAQ0B;QACRK,MAAMA;QACN4C,SAAS,IAAM3C,QAAQ;QACvBgC,SAAQ;kBAIR,cAAA,MAAC/E;YACCqC,IAAI;gBACFM,eACI;oBAAEf,OAAOA,SAAS;oBAAK2C,UAAU;oBAAQvC,GAAG;gBAAE,IAC9C;oBAAEJ,OAAO;oBAAQI,GAAG;gBAAE;mBACvBM;aACJ;;8BAED,KAACnC;oBAAMqE,WAAU;oBAAMnC,IAAI;wBAAEoC,gBAAgB;wBAAYC,IAAI;oBAAE;8BAC7D,cAAA,KAACxE;wBACCyE,cAAW;wBACXgB,SAAS,IAAM5C,QAAQ;wBACvB6B,MAAK;kCAEL,cAAA,KAAC7E;4BAAQ+E,MAAMlF,SAASkF,IAAI;;;;gBAG/B1C;;;;AAIT;AAEFH,cAAc2D,WAAW,GAAG;AAE5B;;;;;;;;;;CAUC,GACD,OAAO,MAAMC,6BAAexF,WAC1B,CAAC6B,OAAOC;IACN,MAAM,EAAE2D,cAAcC,qBAAqB,EAAEC,SAAS,EAAW,GAAG9D,OAATX,wCAASW;;;;IACpE,MAAM,EAAEU,WAAW,EAAE,GAAGjD,MAAMkD,aAAa,CAACxB;IAC5C,qBACE,KAACnB;QACCiC,KAAKA;QACL6C,OAAM;QACNL,cAAYqB,aAAa;QACzBL,SACE/C,cAAcvB,YAAY,IAAM1B,MAAMsG,qBAAqB,CAAC;OAE1D1E;kBAEJ,cAAA,KAACxB;YAAQ+E,MAAMhF,QAAQgF,IAAI;;;AAGjC,GACD;AACDe,aAAaD,WAAW,GAAG;AAE3B,OAAO,MAAMM,eAA0D;IACrEC,KAAKxF;IACLyF,UAAU3F;IACVmF,aAAa;IACbS,aACE;IACFC,UAAU3G,MAAM4G,iBAAiB,CAACC,UAAU;IAC5CC,MAAM;QAAE3B,MAAMjF,YAAYiF,IAAI;QAAEzC,IAAI;YAAE2C,OAAO;QAAU;IAAE;IACzD0B,YAAY;QACV;YACEC,MAAM;YACNN,aAAa;YACbO,WAAWjH,MAAMkH,kBAAkB,CAACC,MAAM;YAC1CC,OAAO;YACP,qEAAqE;YACrE,qEAAqE;YACrE,sEAAsE;YACtE,uCAAuC;YACvCC,SAAS;gBACP;oBAAExD,OAAO;oBAAQuD,OAAO;gBAAiB;gBACzC;oBAAEvD,OAAO;oBAASuD,OAAO;gBAAQ;gBACjC;oBAAEvD,OAAO;oBAAOuD,OAAO;gBAAM;gBAC7B;oBAAEvD,OAAO;oBAAUuD,OAAO;gBAAS;aACpC;QACH;QACA;YACEJ,MAAM;YACNN,aACE,4DACA;YACFO,WAAWjH,MAAMkH,kBAAkB,CAACI,aAAa;YACjDF,OAAO;YACP,mEAAmE;YACnE,oDAAoD;YACpDG,WAAW;gBAAEC,MAAM;gBAAUC,IAAI;oBAAC;oBAAO;iBAAS;gBAAEC,UAAU;YAAK;QACrE;KACD;AACH,EAAC;AAED,OAAO,MAAMC,qBAA+D;IAC1EnB,KAAKvF;IACLwF,UAAU3F;IACVmF,aAAa;IACbS,aAAa;IACbC,UAAU3G,MAAM4G,iBAAiB,CAACC,UAAU;IAC5CC,MAAM;QAAE3B,MAAMhF,QAAQgF,IAAI;QAAEzC,IAAI;YAAE2C,OAAO;QAAU;IAAE;IACrDuC,OAAO;QAAEC,aAAa7H,MAAM8H,YAAY,CAACC,OAAO;IAAC;IACjD,qEAAqE;IACrE,qEAAqE;IACrE,sEAAsE;IACtE,mEAAmE;IACnEhB,YAAY;QACV;YACEC,MAAM;YACNN,aAAa;YACbO,WAAWjH,MAAMkH,kBAAkB,CAACc,UAAU;YAC9CZ,OAAO;QACT;KACD;AACH,EAAC;AAED,MAAMa,UAAU,CAACb,QAAmB,CAAA;QAClCZ,KAAK;QACL0B,aAAa;QACbzB,UAAU3F;QACVyB,OAAO;YAAEE,UAAU2E;YAAO/B,OAAO;QAAU;IAC7C,CAAA;AAEA,yDAAyD,GACzD,MAAM8C,kBAAkB;IACtB3B,KAAK;IACL0B,aAAa;IACbzB,UAAU3F;IACVyB,OAAO;QAAE6F,SAAS;IAAE;IACpB,wEAAwE;IACxE,4CAA4C;IAC5C1F,IAAI;QAAE2F,YAAY;IAAU;IAC5BC,OAAO;QAACL,QAAQ;QAASA,QAAQ;QAAUA,QAAQ;KAAW;AAChE;AAEA,OAAO,MAAMM,gBAAsC;IACjD;QACE/B,KAAKzF,iBAAiBC;QACtBwH,MAAMxI,MAAMyI,QAAQ,CAACC,MAAM;QAC3BzC,aAAa;QACbQ,UAAU3F;QACV4F,aACE,oEACA;QACFC,UAAU3G,MAAM4G,iBAAiB,CAACC,UAAU;QAC5CC,MAAMP,aAAaO,IAAI;QACvB6B,MAAM;YACJnC,KAAK;YACL0B,aAAalH;YACbyF,UAAU3F;YACVyB,OAAO,CAAC;YACR+F,OAAO;gBAACH;aAAgB;QAC1B;IACF;IACA;QACE3B,KAAKzF,iBAAiBE;QACtBuH,MAAMxI,MAAMyI,QAAQ,CAACC,MAAM;QAC3BzC,aAAa;QACbQ,UAAU3F;QACV4F,aAAa;QACbC,UAAU3G,MAAM4G,iBAAiB,CAACC,UAAU;QAC5CC,MAAMa,mBAAmBb,IAAI;QAC7B6B,MAAM;YACJnC,KAAK;YACL0B,aAAajH;YACbwF,UAAU3F;YACVyB,OAAO,CAAC;QACV;IACF;IACA;QACE,+DAA+D;QAC/D,iEAAiE;QACjE,gEAAgE;QAChE,sDAAsD;QACtDiE,KAAKzF,iBAAiBC,WAAW;QACjCwH,MAAMxI,MAAMyI,QAAQ,CAACC,MAAM;QAC3BzC,aAAa;QACbQ,UAAU3F;QACV4F,aACE,oEACA;QACFC,UAAU3G,MAAM4G,iBAAiB,CAACC,UAAU;QAC5CC,MAAM;YAAE3B,MAAMhF,QAAQgF,IAAI;YAAEzC,IAAI;gBAAE2C,OAAO;YAAU;QAAE;QACrDsD,MAAM;YACJnC,KAAK;YACL0B,aAAa;YACbzB,UAAU3F;YACVyB,OAAO;gBAAEsC,WAAW;gBAAOuD,SAAS;YAAE;YACtC1F,IAAI;gBAAE2F,YAAY;YAAS;YAC3BC,OAAO;gBACL;oBACE9B,KAAK;oBACL0B,aAAajH;oBACbwF,UAAU3F;oBACVyB,OAAO;wBAAE8D,WAAW;oBAAY;oBAChC,iEAAiE;oBACjE,6DAA6D;oBAC7D,6DAA6D;oBAC7D,qDAAqD;oBACrD3D,IAAI;wBACF,CAAC1C,MAAM4I,qBAAqB,CAACC,OAAO,CAAC,EAAE;4BAAEC,SAAS;wBAAO;oBAC3D;gBACF;gBACA;oBACEtC,KAAK;oBACL0B,aAAa;oBACbzB,UAAU3F;oBACVyB,OAAO;wBAAEsC,WAAW;wBAAOuD,SAAS;oBAAE;oBACtC1F,IAAI;wBACF,CAAC1C,MAAM4I,qBAAqB,CAACG,MAAM,CAAC,EAAE;4BAAED,SAAS;wBAAO;wBACxD,CAAC9I,MAAM4I,qBAAqB,CAACI,MAAM,CAAC,EAAE;4BAAEF,SAAS;wBAAO;oBAC1D;oBACAR,OAAO;wBAACL,QAAQ;wBAASA,QAAQ;wBAAUA,QAAQ;qBAAW;gBAChE;gBACA;oBACEzB,KAAK;oBACL0B,aAAalH;oBACbyF,UAAU3F;oBACVyB,OAAO,CAAC;oBACR+F,OAAO;wBAACH;qBAAgB;gBAC1B;aACD;QACH;IACF;CACD,CAAA;AAED,eAAe7F,cAAa"}