/** * Photon Grid base styles — column-context-menu section. * * Auto-split from base-styles.ts. Concatenated back (in order) by * base-styles.ts; edit here, not there. Order is preserved because CSS * cascade depends on it. */ export declare const columnContextMenuCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Column Context Menu \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Menu container \u2014 fixed-position dropdown attached to document.body.\n Height is capped so the menu never grows into the viewport's top/bottom\n 200px; content beyond that scrolls internally via overflow-y instead of\n being clipped. Fly-out submenus (.pg-col-ctx-menu__submenu) are portaled to\n document.body while open rather than nested here, so this container's\n scroll clipping never cuts them off on the X axis. */\n.pg-col-ctx-menu {\n position: fixed;\n z-index: 9999;\n min-width: 220px;\n max-width: 300px;\n max-height: calc(100% - 200px);\n overflow-y: auto;\n overflow-x: hidden;\n padding: 4px;\n background: var(--pg-colors-surface, #ffffff);\n border: 1px solid var(--pg-colors-border, #e2e8f0);\n border-radius: var(--pg-borders-radius-md, 6px);\n box-shadow: var(--pg-shadows-dropdown, 0 8px 24px rgba(15, 23, 42, 0.12));\n font-family: var(--pg-typography-font-family, system-ui, sans-serif);\n font-size: var(--pg-typography-font-size-sm, 13px);\n /* Pinned rather than inherited: the menu is attached to the portal host in\n , so an un-set line-height would resolve against the host page's and\n change the menu's row height from one application to the next. The fly-out\n restates the same value. */\n line-height: 1.4;\n color: var(--pg-colors-text-primary, #0f172a);\n user-select: none;\n outline: none;\n /* Theme the internal overflow scrollbar so it matches the surface in dark\n mode too (the menu is portaled to , outside the grid's own\n scrollbar styling \u2014 these tokens are mirrored onto :root by ThemeManager). */\n scrollbar-width: thin;\n scrollbar-color: var(--pg-colors-scrollbar-thumb, #cbd5e1) var(--pg-colors-scrollbar-track, #f1f5f9);\n}\n\n/* Horizontal divider between section groups.\n Uses the themed border token \u2014 a non-existent token here would fall back to\n a hardcoded light value and paint a bright line in dark mode. */\n.pg-col-ctx-menu__separator {\n height: 1px;\n background: var(--pg-colors-border, #e2e8f0);\n margin: 4px 0;\n}\n\n/* \u2500\u2500 Menu items \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Base item \u2014 covers both leaf items and parent (submenu-trigger) items */\n.pg-col-ctx-menu__item {\n position: relative;\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 7px 10px;\n border-radius: var(--pg-borders-radius-sm, 4px);\n cursor: pointer;\n transition: background var(--pg-transitions-duration-fast, 80ms) ease;\n outline: none;\n white-space: nowrap;\n}\n\n/* Hover / keyboard-focus background. Uses header-hover (distinct from the menu\n surface in both light and dark themes) rather than background-alt, which\n collapses to the surface colour in dark mode and leaves hover invisible.\n :focus (not only :focus-visible) is matched too because menu items are moved\n with programmatic .focus() during keyboard navigation. */\n.pg-col-ctx-menu__item:hover,\n.pg-col-ctx-menu__item:focus,\n.pg-col-ctx-menu__item:focus-visible {\n background: var(--pg-colors-header-hover, #f1f5f9);\n}\n\n/* Highlighted / \"currently applied\" item (e.g. active sort direction) */\n.pg-col-ctx-menu__item--active {\n color: var(--pg-colors-primary, #2563eb);\n font-weight: 600;\n}\n\n/* Trailing check mark for a currently-selected leaf (e.g. the chosen aggregate). */\n.pg-col-ctx-menu__item-check {\n margin-left: auto;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding-left: 12px;\n color: var(--pg-colors-primary, #2563eb);\n}\n\n/* Disabled item \u2014 rendered but not interactive */\n.pg-col-ctx-menu__item--disabled {\n opacity: 0.38;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* \u2500\u2500 Item anatomy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Leading icon */\n.pg-col-ctx-menu__item-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n opacity: 0.6;\n}\n\n.pg-col-ctx-menu__item--active .pg-col-ctx-menu__item-icon {\n opacity: 1;\n}\n\n/* Text label \u2014 fills remaining space */\n.pg-col-ctx-menu__item-label {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n/* Trailing chevron indicating a fly-out submenu */\n.pg-col-ctx-menu__item-chevron {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 14px;\n height: 14px;\n opacity: 0.4;\n margin-left: 4px;\n transition: opacity var(--pg-transitions-duration-fast, 80ms) ease;\n}\n\n.pg-col-ctx-menu__item--has-submenu:hover .pg-col-ctx-menu__item-chevron {\n opacity: 0.75;\n}\n\n/* \u2500\u2500 Fly-out submenu \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Hidden by default; shown when JS adds --open. Positioned fixed rather than\n absolute-within-parent because it is portaled to document.body while open\n (see ColumnMenu.openSubmenu) \u2014 left/top are set inline in viewport\n coordinates by adjustSubmenuPosition. */\n.pg-col-ctx-menu__submenu {\n display: none;\n position: fixed;\n min-width: 180px;\n padding: 4px;\n background: var(--pg-colors-surface, #ffffff);\n border: 1px solid var(--pg-colors-border, #e2e8f0);\n border-radius: var(--pg-borders-radius-md, 6px);\n box-shadow: var(--pg-shadows-dropdown, 0 8px 24px rgba(15, 23, 42, 0.12));\n /* Portaled to , so it no longer inherits *anything* from the menu that\n opened it (.pg-col-ctx-menu) \u2014 every inherited property it relies on has to\n be restated here or the fly-out silently falls back to the host page's\n defaults and stops matching the menu it flew out of:\n\n - color \u2192 browser default black, unreadable in dark mode.\n - font-family\u2192 the host document's font, so the same label is drawn in a\n different typeface one pixel away from its parent.\n - font-size \u2192 the host document's size (typically 16px), a visible jump.\n - line-height\u2192 the host document's, so rows sit at a different height.\n\n Same tokens and same values as .pg-col-ctx-menu above; a fly-out is the same\n menu one level deeper, not a surface of its own. */\n color: var(--pg-colors-text-primary, #0f172a);\n font-family: var(--pg-typography-font-family, system-ui, sans-serif);\n font-size: var(--pg-typography-font-size-sm, 13px);\n line-height: 1.4;\n z-index: 10000;\n}\n\n/* JS-controlled open state */\n.pg-col-ctx-menu__submenu--open {\n display: block;\n}\n\n/* Invisible hover bridge \u2014 prevents flicker when mouse crosses from\n parent item edge into the submenu. Extends 6px to the left of the submenu. */\n.pg-col-ctx-menu__submenu--open::before {\n content: '';\n position: absolute;\n right: 100%;\n top: 0;\n width: 8px;\n height: 100%;\n}\n\n"; //# sourceMappingURL=column-context-menu.css.d.ts.map