ag-grid-community 32.3.2 → 33.0.0

package/dist/types/src/theming/core/core-css.d.ts

@@ -0,0 +1,550 @@
+import type { ExpandTypeKeys } from '../Part';
+import type { WithParamTypes } from '../theme-types';
+export { coreCSS } from './core.css-GENERATED';
+/**
+ * All possible theme param types - the actual params available will be a subset of this type depending on the parts in use by the theme.
+ */
+type CoreParamsDefinitions = {
+    /**
+     * The 'brand color' for the grid, used wherever a non-neutral color is required. Selections, focus outlines and checkboxes use the accent color by default.
+     */
+    accentColor: 'infer';
+    /**
+     * Color of the dividing line above the buttons in the advanced filter builder
+     */
+    advancedFilterBuilderButtonBarBorder: 'infer';
+    /**
+     * Color of the column pills in the Advanced Filter Builder
+     */
+    advancedFilterBuilderColumnPillColor: 'infer';
+    /**
+     * Amount that each level of the nesting in the advanced filter builder is indented by
+     */
+    advancedFilterBuilderIndentSize: 'infer';
+    /**
+     * Color of the join operator pills in the Advanced Filter Builder
+     */
+    advancedFilterBuilderJoinPillColor: 'infer';
+    /**
+     * Color of the filter option pills in the Advanced Filter Builder
+     */
+    advancedFilterBuilderOptionPillColor: 'infer';
+    /**
+     * Color of the value pills in the Advanced Filter Builder
+     */
+    advancedFilterBuilderValuePillColor: 'infer';
+    /**
+     * Background color of the grid. Many UI elements are semi-transparent, so their color blends with the background color.
+     */
+    backgroundColor: 'infer';
+    /**
+     * Default color for borders.
+     */
+    borderColor: 'infer';
+    /**
+     * Default corner radius for many UI elements such as menus, dialogs and form widgets.
+     */
+    borderRadius: 'infer';
+    /**
+     * The CSS color-scheme to apply to the grid, which affects the default appearance of browser scrollbars form inputs unless these have been styled with CSS.
+     */
+    browserColorScheme: 'infer';
+    /**
+     * Padding at the start and end of grid cells and header cells.
+     */
+    cellHorizontalPadding: 'infer';
+    /**
+     * Multiply the cell horizontal padding by a number, e.g. 1.5 to increase by 50%
+     */
+    cellHorizontalPaddingScale: 'infer';
+    /**
+     * Color of text in grid cells.
+     */
+    cellTextColor: 'infer';
+    /**
+     * Horizontal spacing between widgets inside cells (e.g. row group expand buttons and row selection checkboxes).
+     */
+    cellWidgetSpacing: 'infer';
+    /**
+     * Color of form field labels within the chart editing panel for integrated charts
+     */
+    chartMenuLabelColor: 'infer';
+    /**
+     * Width of the chart editing panel for integrated charts
+     */
+    chartMenuPanelWidth: 'infer';
+    /**
+     * Background color for non-data areas of the grid. Headers, tool panels and menus use this color by default.
+     */
+    chromeBackgroundColor: 'infer';
+    /**
+     * Vertical borders between columns within the grid only, excluding headers.
+     */
+    columnBorder: 'infer';
+    /**
+     * Background color of the pill shape representing columns in the column drop component
+     */
+    columnDropCellBackgroundColor: 'infer';
+    /**
+     * Text color for the pill shape representing columns in the column drop component
+     */
+    columnDropCellTextColor: 'infer';
+    /**
+     * Color of the drag grip icon in the pill shape representing columns in the column drop component
+     */
+    columnDropCellDragHandleColor: 'infer';
+    /**
+     * Border for the pill shape representing columns in the column drop component
+     */
+    columnDropCellBorder: 'infer';
+    /**
+     * Background color when hovering over columns in the grid. This is not visible unless enabled in the grid options.
+     */
+    columnHoverColor: 'infer';
+    /**
+     * Amount of indentation for each level of children when selecting grouped columns in the column select widget.
+     */
+    columnSelectIndentSize: 'infer';
+    /**
+     * Border color popup dialogs such as the integrated charts and the advanced filter builder.
+     */
+    dialogBorder: 'infer';
+    /**
+     * Shadow for popup dialogs such as the integrated charts and the advanced filter builder.
+     */
+    dialogShadow: 'infer';
+    /**
+     * Border around cells being edited
+     */
+    cellEditingBorder: 'infer';
+    /**
+     * Shadow for cells being edited
+     */
+    cellEditingShadow: 'infer';
+    /**
+     * Background color of the drag and drop image component element when dragging columns
+     */
+    dragAndDropImageBackgroundColor: 'infer';
+    /**
+     * Border color of the drag and drop image component element when dragging columns
+     */
+    dragAndDropImageBorder: 'infer';
+    /**
+     * Shadow for the drag and drop image component element when dragging columns
+     */
+    dragAndDropImageShadow: 'infer';
+    /**
+     * Color of the drag handle on draggable rows and column markers
+     */
+    dragHandleColor: 'infer';
+    /**
+     * Default shadow for dropdown menus
+     */
+    dropdownShadow: 'infer';
+    /**
+     * How much to indent child columns in the filters tool panel relative to their parent
+     */
+    filterToolPanelGroupIndent: 'infer';
+    /**
+     * Shadow around UI controls that have focus e.g. text inputs and buttons. The value must a valid CSS box-shadow.
+     */
+    focusShadow: 'infer';
+    /**
+     * Default font family for all text. Can be overridden by more specific parameters like `headerFontFamily`
+     */
+    fontFamily: 'infer';
+    /**
+     * Default font size for text throughout the grid UI
+     */
+    fontSize: 'infer';
+    /**
+     * Font size for data in grid rows
+     */
+    dataFontSize: 'infer';
+    /**
+     * Horizontal borders above footer components like the pagination and status bars
+     */
+    footerRowBorder: 'infer';
+    /**
+     * Default color for neutral UI elements. Most text, borders and backgrounds are defined as semi-transparent versions of this color, resulting in a blend between the background and foreground colours.
+     */
+    foregroundColor: 'infer';
+    /**
+     * Amount of spacing around and inside UI elements. All padding and margins in the grid are defined as a multiple of this value.
+     */
+    spacing: 'infer';
+    /**
+     * Background color for header and header-like.
+     */
+    headerBackgroundColor: 'infer';
+    /**
+     * Duration in seconds of the background color transition if headerCellHoverBackgroundColor or headerCellMovingBackgroundColor is set.
+     */
+    headerCellBackgroundTransitionDuration: 'infer';
+    /**
+     * Background color of a header cell when hovering over it, or `transparent` for no change.
+     */
+    headerCellHoverBackgroundColor: 'infer';
+    /**
+     * Background color of a header cell when dragging to reposition it, or `transparent` for no change.
+     */
+    headerCellMovingBackgroundColor: 'infer';
+    /**
+     * Vertical borders between columns within headers.
+     */
+    headerColumnBorder: 'infer';
+    /**
+     * Height of the vertical border between column headers. Percentage values are relative to the header height.
+     */
+    headerColumnBorderHeight: 'infer';
+    /**
+     * Color of the drag handle on resizable header columns. Set this to transparent to hide the resize handle.
+     */
+    headerColumnResizeHandleColor: 'infer';
+    /**
+     * Height of the drag handle on resizable header columns. Percentage values are relative to the header height.
+     */
+    headerColumnResizeHandleHeight: 'infer';
+    /**
+     * Width of the drag handle on resizable header columns.
+     */
+    headerColumnResizeHandleWidth: 'infer';
+    /**
+     * Font family of text in the header
+     */
+    headerFontFamily: 'infer';
+    /**
+     * Font family of text in grid cells
+     */
+    cellFontFamily: 'infer';
+    /**
+     * Size of text in the header
+     */
+    headerFontSize: 'infer';
+    /**
+     * Font weight of text in the header
+     */
+    headerFontWeight: 'infer';
+    /**
+     * Height of header rows. NOTE: by default this value is calculated to leave enough room for text, icons and padding. Most applications should leave it as is and use rowVerticalPaddingScale to change padding.
+     */
+    headerHeight: 'infer';
+    /**
+     * Borders between and below header rows.
+     */
+    headerRowBorder: 'infer';
+    /**
+     * Color of text in the header
+     */
+    headerTextColor: 'infer';
+    /**
+     * Multiply the header vertical padding by a number, e.g. 1.5 to increase by 50%
+     */
+    headerVerticalPaddingScale: 'infer';
+    /**
+     * Background color of clickable icons when hovered
+     */
+    iconButtonHoverBackgroundColor: 'infer';
+    /**
+     * Hover color for clickable icons
+     */
+    iconButtonHoverColor: 'infer';
+    /**
+     * The size of square icons and icon-buttons
+     */
+    iconSize: 'infer';
+    /**
+     * The color for inputs and UI controls in an invalid state.
+     */
+    invalidColor: 'infer';
+    /**
+     * Height of items in scrolling lists e.g. dropdown select inputs and column menu set filters.
+     */
+    listItemHeight: 'infer';
+    /**
+     * Background color for menus e.g. column menu and right-click context menu
+     */
+    menuBackgroundColor: 'infer';
+    /**
+     * Border around menus e.g. column menu and right-click context menu
+     */
+    menuBorder: 'infer';
+    /**
+     * Color of the dividing line between sections of menus e.g. column menu and right-click context menu
+     */
+    menuSeparatorColor: 'infer';
+    /**
+     * Shadow for menus e.g. column menu and right-click context menu
+     */
+    menuShadow: 'infer';
+    /**
+     * Text color for menus e.g. column menu and right-click context menu
+     */
+    menuTextColor: 'infer';
+    /**
+     * Background color of the overlay shown over the grid e.g. a data loading indicator.
+     */
+    modalOverlayBackgroundColor: 'infer';
+    /**
+     * Background color applied to every other row
+     */
+    oddRowBackgroundColor: 'infer';
+    /**
+     * Background color for panels and dialogs such as the integrated charts and the advanced filter builder.
+     */
+    panelBackgroundColor: 'infer';
+    /**
+     * Background color for the title bar of panels and dialogs such as the integrated charts and the advanced filter builder.
+     */
+    panelTitleBarBackgroundColor: 'infer';
+    /**
+     * Border below the title bar of panels and dialogs such as the integrated charts and the advanced filter builder.
+     */
+    panelTitleBarBorder: 'infer';
+    /**
+     * Vertical borders between columns that are pinned to the left or right and the rest of the grid
+     */
+    pinnedColumnBorder: 'infer';
+    /**
+     * Horizontal borders between the grid and rows that are pinned to the top or bottom and the rest of the grid
+     */
+    pinnedRowBorder: 'infer';
+    /**
+     * Default shadow for elements that float above the grid and are intended to appear separated from it e.g. dialogs and menus
+     */
+    popupShadow: 'infer';
+    /**
+     * Default shadow for elements that float above the grid and are intended to appear elevated byt still attached e.g. dropdowns and cell editors
+     */
+    cardShadow: 'infer';
+    /**
+     * Background color of selected cell ranges. Choosing a semi-transparent color ensure that multiple overlapping ranges look correct.
+     */
+    rangeSelectionBackgroundColor: 'infer';
+    /**
+     * The color used for borders around range selections. The selection background defaults to a semi-transparent version of this color.
+     */
+    rangeSelectionBorderColor: 'infer';
+    /**
+     * Border style around range selections.
+     */
+    rangeSelectionBorderStyle: 'infer';
+    /**
+     * Background color for cells that provide data to the current range chart
+     */
+    rangeSelectionChartBackgroundColor: 'infer';
+    /**
+     * Background color for cells that provide categories to the current range chart
+     */
+    rangeSelectionChartCategoryBackgroundColor: 'infer';
+    /**
+     * Background color to briefly apply to a cell range when the user copies from or pastes into it.
+     */
+    rangeSelectionHighlightColor: 'infer';
+    /**
+     * Horizontal borders between rows.
+     */
+    rowBorder: 'infer';
+    /**
+     * The size of indentation applied to each level of row grouping - deep rows are indented by a multiple of this value.
+     */
+    rowGroupIndentSize: 'infer';
+    /**
+     * Height of grid rows. NOTE: by default this value is calculated to leave enough room for text, icons and padding. Most applications should leave it as is and use rowVerticalPaddingScale to change padding.
+     */
+    rowHeight: 'infer';
+    /**
+     * Background color when hovering over rows in the grid and in dropdown menus. Set to `transparent` to disable the hover effect. Note: if you want a hover effect on one but not the other, use CSS selectors instead of this property.
+     */
+    rowHoverColor: 'infer';
+    /**
+     * Color of the skeleton loading effect used when loading row data with the Server-side Row Model
+     */
+    rowLoadingSkeletonEffectColor: 'infer';
+    /**
+     * Multiply the row vertical padding by a number, e.g. 1.5 to increase by 50%. Has no effect if rowHeight is set.
+     */
+    rowVerticalPaddingScale: 'infer';
+    /**
+     * Background color for selected items within the multiple select widget
+     */
+    selectCellBackgroundColor: 'infer';
+    /**
+     * Border for selected items within the multiple select widget
+     */
+    selectCellBorder: 'infer';
+    /**
+     * Background color of selected rows in the grid and in dropdown menus.
+     */
+    selectedRowBackgroundColor: 'infer';
+    /**
+     * Amount of indentation for each level of child items in the Set Filter list when filtering tree data.
+     */
+    setFilterIndentSize: 'infer';
+    /**
+     * Background color of the sidebar that contains the columns and filters tool panels
+     */
+    sideBarBackgroundColor: 'infer';
+    /**
+     * Background color of the row of tab buttons at the edge of the sidebar
+     */
+    sideButtonBarBackgroundColor: 'infer';
+    /**
+     * Default width of the sidebar that contains the columns and filters tool panels
+     */
+    sideBarPanelWidth: 'infer';
+    /**
+     * Borders between the grid and side panels including the column and filter tool bars, and chart settings
+     */
+    sidePanelBorder: 'infer';
+    /**
+     * Spacing between the topmost side button and the top of the sidebar
+     */
+    sideButtonBarTopPadding: 'infer';
+    /**
+     * Width of the underline below the selected tab in the sidebar
+     */
+    sideButtonSelectedUnderlineWidth: 'infer';
+    /**
+     * Color of the underline below the selected tab in the sidebar, or 'transparent' to disable the underline effect
+     */
+    sideButtonSelectedUnderlineColor: 'infer';
+    /**
+     * Duration of the transition effect for the underline below the selected tab in the sidebar
+     */
+    sideButtonSelectedUnderlineTransitionDuration: 'infer';
+    /**
+     * Background color of the tab buttons in the sidebar
+     */
+    sideButtonBackgroundColor: 'infer';
+    /**
+     * Text color of the tab buttons in the sidebar
+     */
+    sideButtonTextColor: 'infer';
+    /**
+     * Background color of the tab buttons in the sidebar when hovered
+     */
+    sideButtonHoverBackgroundColor: 'infer';
+    /**
+     * Text color of the tab buttons in the sidebar when hovered
+     */
+    sideButtonHoverTextColor: 'infer';
+    /**
+     * Background color of the selected tab button in the sidebar
+     */
+    sideButtonSelectedBackgroundColor: 'infer';
+    /**
+     * Text color of the selected tab button in the sidebar
+     */
+    sideButtonSelectedTextColor: 'infer';
+    /**
+     * Color of the border drawn above and below the selected tab button in the
+     * sidebar, or 'transparent' to disable the border on the selected tab
+     */
+    sideButtonSelectedBorder: 'infer';
+    /**
+     * Padding to the left of the text in tab buttons in the sidebar (this is always the padding on the inward facing side of the button, so in right-to-left layout it will be on the right)
+     */
+    sideButtonLeftPadding: 'infer';
+    /**
+     * Padding to the right of the text in tab buttons in the sidebar (this is always the padding on the outward facing side of the button, so in right-to-left layout it will be on the left)
+     */
+    sideButtonRightPadding: 'infer';
+    /**
+     * Padding above and below the text in tab buttons in the sidebar
+     */
+    sideButtonVerticalPadding: 'infer';
+    /**
+     * Color of text and UI elements that should stand out less than the default.
+     */
+    subtleTextColor: 'infer';
+    /**
+     * Default color for all text
+     */
+    textColor: 'infer';
+    /**
+     * Width of the whole toggle button component
+     */
+    toggleButtonWidth: 'infer';
+    /**
+     * Height of the whole toggle button component
+     */
+    toggleButtonHeight: 'infer';
+    /**
+     * Color of the toggle button background in its 'off' state
+     */
+    toggleButtonOffBackgroundColor: 'infer';
+    /**
+     * Color of the toggle button background in its 'on' state
+     */
+    toggleButtonOnBackgroundColor: 'infer';
+    /**
+     * Background color of the toggle button switch (the bit that slides from left to right)
+     */
+    toggleButtonSwitchBackgroundColor: 'infer';
+    /**
+     * The amount that the toggle switch is inset from the edge of the button
+     */
+    toggleButtonSwitchInset: 'infer';
+    /**
+     * The dividing line between sections of menus e.g. column menu and right-click context menu
+     */
+    toolPanelSeparatorBorder: 'infer';
+    /**
+     * Background color for tooltips
+     */
+    tooltipBackgroundColor: 'infer';
+    /**
+     * Border for tooltips
+     */
+    tooltipBorder: 'infer';
+    /**
+     * Text color for tooltips
+     */
+    tooltipTextColor: 'infer';
+    /**
+     * Color to temporarily apply to cell data when its value decreases in an agAnimateShowChangeCellRenderer cell
+     */
+    valueChangeDeltaDownColor: 'infer';
+    /**
+     * Color to temporarily apply to cell data when its value increases in an agAnimateShowChangeCellRenderer cell
+     */
+    valueChangeDeltaUpColor: 'infer';
+    /**
+     * Background color to apply when a cell value changes and enableCellChangeFlash is enabled
+     */
+    valueChangeValueHighlightBackgroundColor: 'infer';
+    /**
+     * The horizontal padding of containers that contain stacked widgets, such as menus and tool panels
+     */
+    widgetContainerHorizontalPadding: 'infer';
+    /**
+     * The vertical padding of containers that contain stacked widgets, such as menus and tool panels
+     */
+    widgetContainerVerticalPadding: 'infer';
+    /**
+     * The spacing between widgets in containers arrange widgets horizontally
+     */
+    widgetHorizontalSpacing: 'infer';
+    /**
+     * The spacing between widgets in containers arrange widgets vertically
+     */
+    widgetVerticalSpacing: 'infer';
+    /**
+     * Borders around the outside of the grid
+     */
+    wrapperBorder: 'infer';
+    /**
+     * Corner radius of the outermost container around the grid.
+     */
+    wrapperBorderRadius: 'infer';
+};
+export type CoreParams = ExpandTypeKeys<WithParamTypes<CoreParamsDefinitions>>;
+export declare const defaultLightColorSchemeParams: {
+    readonly backgroundColor: "#fff";
+    readonly foregroundColor: "#181d1f";
+    readonly borderColor: import("../theme-types").ColorValue;
+    readonly chromeBackgroundColor: import("../theme-types").ColorValue;
+    readonly browserColorScheme: "light";
+};
+export declare const coreDefaults: Readonly<CoreParams>;

package/dist/types/src/theming/core/core.css-GENERATED.d.ts

@@ -0,0 +1 @@
+export declare const coreCSS = ":where(.ag-root-wrapper,.ag-popup,.ag-dnd-ghost,.ag-chart),:where(.ag-root-wrapper,.ag-popup,.ag-dnd-ghost,.ag-chart) :where([class^=ag-]){box-sizing:border-box;&:after,&:before{box-sizing:border-box}&:where(div,span,label):focus-visible{box-shadow:inset var(--ag-focus-shadow);outline:none}}:where(.ag-root-wrapper,.ag-popup,.ag-dnd-ghost,.ag-chart) :where([class^=ag-]) ::-ms-clear{display:none}.ag-aria-description-container{border:0;z-index:9999;clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ag-hidden{display:none!important}.ag-invisible{visibility:hidden!important}.ag-unselectable{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ag-selectable{-webkit-user-select:text;-moz-user-select:text;user-select:text}.ag-tab-guard{display:block;height:0;position:absolute;width:0}:where(.ag-virtual-list-viewport) .ag-tab-guard{position:sticky}.ag-tab-guard-top{top:1px}.ag-tab-guard-bottom{bottom:1px}.ag-shake-left-to-right{animation-direction:alternate;animation-duration:.2s;animation-iteration-count:infinite;animation-name:ag-shake-left-to-right}@keyframes ag-shake-left-to-right{0%{padding-left:6px;padding-right:2px}to{padding-left:2px;padding-right:6px}}.ag-body-horizontal-scroll-viewport,.ag-body-vertical-scroll-viewport,.ag-body-viewport,.ag-center-cols-viewport,.ag-floating-bottom-viewport,.ag-floating-top-viewport,.ag-header-viewport,.ag-sticky-bottom-viewport,.ag-sticky-top-viewport,.ag-virtual-list-viewport{flex:1 1 auto;height:100%;min-width:0;overflow:hidden;position:relative}.ag-body-viewport,.ag-center-cols-viewport,.ag-floating-bottom-viewport,.ag-floating-top-viewport,.ag-header-viewport,.ag-sticky-bottom-viewport,.ag-sticky-top-viewport{overflow-x:auto;-ms-overflow-style:none!important;scrollbar-width:none!important;&::-webkit-scrollbar{display:none!important}}.ag-body-viewport{display:flex;overflow-x:hidden;&:where(.ag-layout-normal){overflow-y:auto;-webkit-overflow-scrolling:touch}}.ag-sticky-bottom-container,.ag-sticky-top-container{min-height:1px}.ag-center-cols-viewport{min-height:100%;width:100%}.ag-body-horizontal-scroll-viewport{overflow-x:scroll}.ag-body-vertical-scroll-viewport{overflow-y:scroll}.ag-virtual-list-viewport{overflow:auto;width:100%}.ag-body-container,.ag-body-horizontal-scroll-container,.ag-body-vertical-scroll-container,.ag-center-cols-container,.ag-floating-bottom-container,.ag-floating-bottom-full-width-container,.ag-floating-top-container,.ag-full-width-container,.ag-header-container,.ag-pinned-left-cols-container,.ag-pinned-right-cols-container,.ag-sticky-bottom-container,.ag-sticky-top-container,.ag-virtual-list-container{position:relative}.ag-floating-bottom-container,.ag-floating-top-container,.ag-header-container,.ag-sticky-bottom-container,.ag-sticky-top-container{height:100%;white-space:nowrap}.ag-center-cols-container,.ag-pinned-right-cols-container{display:block}.ag-body-horizontal-scroll-container{height:100%}.ag-body-vertical-scroll-container{width:100%}.ag-floating-bottom-full-width-container,.ag-floating-top-full-width-container,.ag-full-width-container,.ag-sticky-bottom-full-width-container,.ag-sticky-top-full-width-container{pointer-events:none;position:absolute;top:0}:where(.ag-ltr) .ag-floating-bottom-full-width-container,:where(.ag-ltr) .ag-floating-top-full-width-container,:where(.ag-ltr) .ag-full-width-container,:where(.ag-ltr) .ag-sticky-bottom-full-width-container,:where(.ag-ltr) .ag-sticky-top-full-width-container{left:0}:where(.ag-rtl) .ag-floating-bottom-full-width-container,:where(.ag-rtl) .ag-floating-top-full-width-container,:where(.ag-rtl) .ag-full-width-container,:where(.ag-rtl) .ag-sticky-bottom-full-width-container,:where(.ag-rtl) .ag-sticky-top-full-width-container{right:0}.ag-full-width-container{width:100%}.ag-floating-bottom-full-width-container,.ag-floating-top-full-width-container{display:inline-block;height:100%;overflow:hidden;width:100%}.ag-virtual-list-container{overflow:hidden}.ag-body{display:flex;flex:1 1 auto;flex-direction:row!important;min-height:0;position:relative}.ag-body-horizontal-scroll,.ag-body-vertical-scroll{display:flex;min-height:0;min-width:0;position:relative;&:where(.ag-scrollbar-invisible){bottom:0;position:absolute;&:where(.ag-apple-scrollbar){opacity:0;transition:opacity .4s;visibility:hidden;&:where(.ag-scrollbar-scrolling,.ag-scrollbar-active){opacity:1;visibility:visible}}}}.ag-body-horizontal-scroll{width:100%;&:where(.ag-scrollbar-invisible){left:0;right:0}}.ag-body-vertical-scroll{height:100%;&:where(.ag-scrollbar-invisible){top:0;z-index:10}}:where(.ag-ltr) .ag-body-vertical-scroll{&:where(.ag-scrollbar-invisible){right:0}}:where(.ag-rtl) .ag-body-vertical-scroll{&:where(.ag-scrollbar-invisible){left:0}}.ag-force-vertical-scroll{overflow-y:scroll!important}.ag-horizontal-left-spacer,.ag-horizontal-right-spacer{height:100%;min-width:0;overflow-x:scroll;&:where(.ag-scroller-corner){overflow-x:hidden}}:where(.ag-row-animation) .ag-row{transition:transform .4s,top .4s,opacity .2s;&:where(.ag-after-created){transition:transform .4s,top .4s,height .4s,opacity .2s}}:where(.ag-row-no-animation) .ag-row{transition:none}.ag-row-loading{align-items:center;display:flex}.ag-row-position-absolute{position:absolute}.ag-row-position-relative{position:relative}.ag-full-width-row{overflow:hidden;pointer-events:all}.ag-row-inline-editing{z-index:1}.ag-row-dragging{z-index:2}.ag-stub-cell{align-items:center;display:flex}.ag-cell{display:inline-block;height:100%;position:absolute;white-space:nowrap;&:focus-visible{box-shadow:none}}.ag-cell-value{flex:1 1 auto}.ag-cell-value,.ag-group-value{overflow:hidden;text-overflow:ellipsis}.ag-cell-wrap-text{white-space:normal;word-break:break-word}:where(.ag-cell) .ag-icon{display:inline-block;vertical-align:middle}.ag-floating-top{border-bottom:var(--ag-pinned-row-border)}.ag-floating-bottom,.ag-floating-top{display:flex;overflow:hidden;position:relative;white-space:nowrap;width:100%}.ag-floating-bottom{border-top:var(--ag-pinned-row-border)}.ag-sticky-bottom,.ag-sticky-top{background-color:var(--ag-background-color);display:flex;height:0;overflow:hidden;position:absolute;width:100%}.ag-opacity-zero{opacity:0!important}.ag-cell-label-container{align-items:center;display:flex;flex-direction:row-reverse;height:100%;justify-content:space-between;width:100%}:where(.ag-right-aligned-header){.ag-cell-label-container{flex-direction:row}.ag-header-cell-text{text-align:end}}.ag-column-group-icons{display:block;>*{cursor:pointer}}:where(.ag-ltr){direction:ltr;.ag-body,.ag-body-horizontal-scroll,.ag-body-viewport,.ag-floating-bottom,.ag-floating-top,.ag-header,.ag-sticky-bottom,.ag-sticky-top{flex-direction:row}}:where(.ag-rtl){direction:rtl;text-align:right;.ag-body,.ag-body-horizontal-scroll,.ag-body-viewport,.ag-floating-bottom,.ag-floating-top,.ag-header,.ag-sticky-bottom,.ag-sticky-top{flex-direction:row-reverse}.ag-icon-contracted,.ag-icon-expanded,.ag-icon-tree-closed{display:block}}:where(.ag-rtl){.ag-icon-contracted,.ag-icon-expanded,.ag-icon-tree-closed{transform:rotate(180deg)}}:where(.ag-rtl){.ag-icon-contracted,.ag-icon-expanded,.ag-icon-tree-closed{transform:rotate(-180deg)}}.ag-measurement-container{height:0;overflow:hidden;visibility:hidden;width:0}.ag-measurement-element-border{display:inline-block;&:before{border-left:var(--ag-internal-measurement-border);content:\"\";display:block}}.ag-group{position:relative;width:100%}.ag-group-title-bar{align-items:center;display:flex;padding:var(--ag-spacing)}.ag-group-title{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.ag-group-title-bar) .ag-group-title{cursor:default}.ag-group-toolbar{align-items:center;display:flex;padding:var(--ag-spacing)}.ag-group-container{display:flex}.ag-disabled .ag-group-container{pointer-events:none}.ag-disabled-group-container,.ag-disabled-group-title-bar{opacity:.5}.ag-group-container-horizontal{flex-flow:row wrap}.ag-group-container-vertical{flex-direction:column}.ag-group-title-bar-icon{cursor:pointer;flex:none}:where(.ag-ltr) .ag-group-title-bar-icon{margin-right:var(--ag-spacing)}:where(.ag-rtl) .ag-group-title-bar-icon{margin-left:var(--ag-spacing)}:where(.ag-group-item-alignment-stretch) .ag-group-item{align-items:stretch}:where(.ag-group-item-alignment-start) .ag-group-item{align-items:flex-start}:where(.ag-group-item-alignment-end) .ag-group-item{align-items:flex-end}.ag-popup-child{top:0;z-index:5;&:where(:not(.ag-tooltip-custom)){box-shadow:var(--ag-popup-shadow)}}.ag-popup-editor{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ag-large-text-input{display:block}:where(.ag-ltr) .ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group{margin-left:var(--ag-row-group-indent-size)}:where(.ag-rtl) .ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group{margin-right:var(--ag-row-group-indent-size)}:where(.ag-ltr) .ag-row-group-leaf-indent{margin-left:calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size))}:where(.ag-rtl) .ag-row-group-leaf-indent{margin-right:calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size))}.ag-value-change-delta{padding:0 2px}.ag-value-change-delta-up{color:var(--ag-value-change-delta-up-color)}.ag-value-change-delta-down{color:var(--ag-value-change-delta-down-color)}.ag-value-change-value{background-color:transparent;border-radius:1px;padding-left:1px;padding-right:1px;transition:background-color 1s}.ag-value-change-value-highlight{background-color:var(--ag-value-change-value-highlight-background-color);transition:background-color .1s}.ag-cell-data-changed{background-color:var(--ag-value-change-value-highlight-background-color)!important}.ag-cell-data-changed-animation{background-color:transparent}.ag-cell-highlight{background-color:var(--ag-range-selection-highlight-color)!important}.ag-row{background-color:var(--ag-background-color);border-bottom:var(--ag-row-border);color:var(--ag-cell-text-color);font-family:var(--ag-cell-font-family);font-size:var(--ag-data-font-size);height:var(--ag-row-height);white-space:nowrap;width:100%;--ag-internal-content-line-height:calc(min(var(--ag-row-height), var(--ag-line-height, 1000px)) - var(--ag-internal-row-border-width, 1px))}:where(.ag-body-vertical-content-no-gap>div>div>div,.ag-body-vertical-content-no-gap>div>div>div>div)>.ag-row-last{border-bottom-color:transparent}.ag-sticky-bottom{border-top:var(--ag-row-border);box-sizing:content-box!important}.ag-group-contracted,.ag-group-expanded{cursor:pointer}.ag-cell,.ag-full-width-row .ag-cell-wrapper.ag-row-group{border:1px solid transparent;line-height:var(--ag-internal-content-line-height);-webkit-font-smoothing:subpixel-antialiased}:where(.ag-ltr) .ag-cell{border-right:var(--ag-column-border)}:where(.ag-rtl) .ag-cell{border-left:var(--ag-column-border)}:where(.ag-ltr) :where(.ag-body-horizontal-content-no-gap) .ag-column-last{border-right-color:transparent}:where(.ag-rtl) :where(.ag-body-horizontal-content-no-gap) .ag-column-last{border-left-color:transparent}.ag-cell-wrapper{align-items:center;display:flex;>:where(:not(.ag-cell-value,.ag-group-value)){align-items:center;display:flex;height:var(--ag-internal-content-line-height)}&:where(.ag-row-group){align-items:flex-start}:where(.ag-full-width-row) &:where(.ag-row-group){align-items:center;height:100%}}:where(.ag-ltr) .ag-cell-wrapper{padding-left:calc(var(--ag-indentation-level)*var(--ag-row-group-indent-size))}:where(.ag-rtl) .ag-cell-wrapper{padding-right:calc(var(--ag-indentation-level)*var(--ag-row-group-indent-size))}:where(.ag-ltr) .ag-row>.ag-cell-wrapper.ag-row-group{padding-left:calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size)*var(--ag-indentation-level))}:where(.ag-rtl) .ag-row>.ag-cell-wrapper.ag-row-group{padding-right:calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size)*var(--ag-indentation-level))}.ag-cell-focus:not(.ag-cell-range-selected):focus-within,.ag-cell-range-single-cell,.ag-cell-range-single-cell.ag-cell-range-handle,.ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),.ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group{border:1px solid;border-color:var(--ag-range-selection-border-color);border-style:var(--ag-range-selection-border-style);outline:initial}:where(.ag-ltr) .ag-group-contracted,:where(.ag-ltr) .ag-group-expanded,:where(.ag-ltr) .ag-row-drag,:where(.ag-ltr) .ag-selection-checkbox{margin-right:var(--ag-cell-widget-spacing)}:where(.ag-rtl) .ag-group-contracted,:where(.ag-rtl) .ag-group-expanded,:where(.ag-rtl) .ag-row-drag,:where(.ag-rtl) .ag-selection-checkbox{margin-left:var(--ag-cell-widget-spacing)}:where(.ag-ltr) .ag-group-child-count{margin-left:3px}:where(.ag-rtl) .ag-group-child-count{margin-right:3px}.ag-row-highlight-above:after,.ag-row-highlight-below:after{background-color:var(--ag-range-selection-border-color);content:\"\";height:1px;position:absolute;width:calc(100% - 1px)}:where(.ag-ltr) .ag-row-highlight-above:after,:where(.ag-ltr) .ag-row-highlight-below:after{left:1px}:where(.ag-rtl) .ag-row-highlight-above:after,:where(.ag-rtl) .ag-row-highlight-below:after{right:1px}.ag-row-highlight-above:after{top:0}.ag-row-highlight-below:after{bottom:0}.ag-row-odd{background-color:var(--ag-odd-row-background-color)}.ag-row-selected:before{background-color:var(--ag-selected-row-background-color);content:\"\";display:block;inset:0;pointer-events:none;position:absolute}.ag-row-hover.ag-full-width-row.ag-row-group:before,.ag-row-hover:not(.ag-full-width-row):before{background-color:var(--ag-row-hover-color);content:\"\";display:block;inset:0;pointer-events:none;position:absolute}.ag-row-hover.ag-row-selected:before{background-color:var(--ag-row-hover-color);background-image:linear-gradient(var(--ag-selected-row-background-color),var(--ag-selected-row-background-color))}.ag-row-hover.ag-full-width-row.ag-row-group>*{position:relative}.ag-column-hover{background-color:var(--ag-column-hover-color)}.ag-right-aligned-cell{font-variant-numeric:tabular-nums}:where(.ag-ltr) .ag-right-aligned-cell{text-align:right}:where(.ag-rtl) .ag-right-aligned-cell{text-align:left}.ag-right-aligned-cell .ag-cell-value,.ag-right-aligned-cell .ag-group-value{margin-left:auto}:where(.ag-ltr) .ag-cell:not(.ag-cell-inline-editing),:where(.ag-ltr) .ag-full-width-row .ag-cell-wrapper.ag-row-group{padding-left:calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size)*var(--ag-indentation-level));padding-right:calc(var(--ag-cell-horizontal-padding) - 1px)}:where(.ag-rtl) .ag-cell:not(.ag-cell-inline-editing),:where(.ag-rtl) .ag-full-width-row .ag-cell-wrapper.ag-row-group{padding-left:calc(var(--ag-cell-horizontal-padding) - 1px);padding-right:calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size)*var(--ag-indentation-level))}.ag-row>.ag-cell-wrapper{padding-left:calc(var(--ag-cell-horizontal-padding) - 1px);padding-right:calc(var(--ag-cell-horizontal-padding) - 1px)}.ag-row-dragging{cursor:move;opacity:.5}.ag-details-row{background-color:var(--ag-background-color);padding:calc(var(--ag-spacing)*3.75)}.ag-layout-auto-height,.ag-layout-print{.ag-center-cols-container,.ag-center-cols-viewport{min-height:150px}}.ag-overlay-loading-wrapper{background-color:var(--ag-modal-overlay-background-color)}.ag-skeleton-container{align-content:center;height:100%;width:100%}.ag-skeleton-effect{animation:ag-skeleton-loading 1.5s ease-in-out .5s infinite;background-color:var(--ag-row-loading-skeleton-effect-color);border-radius:.25rem;height:1em;width:100%}:where(.ag-ltr) .ag-right-aligned-cell .ag-skeleton-effect{margin-left:auto}:where(.ag-rtl) .ag-right-aligned-cell .ag-skeleton-effect{margin-right:auto}@keyframes ag-skeleton-loading{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.ag-loading{align-items:center;display:flex;height:100%}:where(.ag-ltr) .ag-loading{padding-left:var(--ag-cell-horizontal-padding)}:where(.ag-rtl) .ag-loading{padding-right:var(--ag-cell-horizontal-padding)}:where(.ag-ltr) .ag-loading-icon{padding-right:var(--ag-cell-widget-spacing)}:where(.ag-rtl) .ag-loading-icon{padding-left:var(--ag-cell-widget-spacing)}.ag-icon-loading{animation-duration:1s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ag-input-wrapper,.ag-picker-field-wrapper{align-items:center;display:flex;flex:1 1 auto;line-height:normal;position:relative}.ag-input-field{align-items:center;display:flex;flex-direction:row}.ag-input-field-input:where(:not([type=checkbox],[type=radio])){flex:1 1 auto;min-width:0;width:100%}.ag-header{background-color:var(--ag-header-background-color);border-bottom:var(--ag-header-row-border);color:var(--ag-header-text-color);display:flex;font-family:var(--ag-header-font-family);font-size:var(--ag-header-font-size);font-weight:var(--ag-header-font-weight);overflow:hidden;white-space:nowrap;width:100%}.ag-header-row{height:var(--ag-header-height);position:absolute}.ag-floating-filter-button-button,.ag-header-cell-filter-button,.ag-header-cell-menu-button,.ag-header-expand-icon,.ag-panel-title-bar-button,:where(.ag-header-cell-sortable) .ag-header-cell-label{cursor:pointer}:where(.ag-ltr) .ag-header-expand-icon{margin-left:4px}:where(.ag-rtl) .ag-header-expand-icon{margin-right:4px}.ag-header-row:where(:not(:first-child)){:where(.ag-header-cell:not(.ag-header-span-height.ag-header-span-total,.ag-header-parent-hidden),.ag-header-group-cell.ag-header-group-cell-with-group){border-top:var(--ag-header-row-border)}}.ag-header-row:where(:not(.ag-header-row-column-group)){overflow:hidden}:where(.ag-header.ag-header-allow-overflow) .ag-header-row{overflow:visible}.ag-header-cell{display:inline-flex;overflow:hidden}.ag-header-group-cell{display:flex}.ag-header-cell,.ag-header-group-cell{align-items:center;gap:var(--ag-cell-widget-spacing);height:100%;padding:0 var(--ag-cell-horizontal-padding);position:absolute}@property --ag-internal-moving-color{syntax:\"<color>\";inherits:false;initial-value:transparent}@property --ag-internal-hover-color{syntax:\"<color>\";inherits:false;initial-value:transparent}.ag-header-cell:where(:not(.ag-floating-filter)),.ag-header-group-cell{&:before{background-image:linear-gradient(var(--ag-internal-hover-color),var(--ag-internal-hover-color)),linear-gradient(var(--ag-internal-moving-color),var(--ag-internal-moving-color));content:\"\";inset:0;position:absolute;--ag-internal-moving-color:transparent;--ag-internal-hover-color:transparent;transition:--ag-internal-moving-color var(--ag-header-cell-background-transition-duration),--ag-internal-hover-color var(--ag-header-cell-background-transition-duration)}&:where(:hover):before{--ag-internal-hover-color:var(--ag-header-cell-hover-background-color)}&:where(.ag-header-cell-moving):before{--ag-internal-moving-color:var(--ag-header-cell-moving-background-color);--ag-internal-hover-color:var(--ag-header-cell-hover-background-color)}}:where(.ag-header-cell:not(.ag-floating-filter) *,.ag-header-group-cell *){position:relative;z-index:1}.ag-header-cell-menu-button:where(:not(.ag-header-menu-always-show)){opacity:0;transition:opacity .2s}.ag-header-cell-filter-button,:where(.ag-header-cell.ag-header-active) .ag-header-cell-menu-button{opacity:1}.ag-header-cell-label,.ag-header-group-cell-label{align-items:center;align-self:stretch;display:flex;flex:1 1 auto;overflow:hidden;padding:5px 0}:where(.ag-ltr) .ag-sort-indicator-icon{padding-left:var(--ag-spacing)}:where(.ag-rtl) .ag-sort-indicator-icon{padding-right:var(--ag-spacing)}.ag-header-cell-label{text-overflow:ellipsis}.ag-header-group-cell-label.ag-sticky-label{flex:none;max-width:100%;overflow:visible;position:sticky}:where(.ag-ltr) .ag-header-group-cell-label.ag-sticky-label{left:var(--ag-cell-horizontal-padding)}:where(.ag-rtl) .ag-header-group-cell-label.ag-sticky-label{right:var(--ag-cell-horizontal-padding)}.ag-header-cell-text,.ag-header-group-text{overflow:hidden;text-overflow:ellipsis}.ag-header-cell-text{word-break:break-word}.ag-header-cell-comp-wrapper{width:100%}:where(.ag-header-group-cell) .ag-header-cell-comp-wrapper{display:flex}:where(.ag-header-cell:not(.ag-header-cell-auto-height)) .ag-header-cell-comp-wrapper{align-items:center;display:flex;height:100%}.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper{white-space:normal}.ag-header-cell-comp-wrapper-limited-height>*{overflow:hidden}:where(.ag-right-aligned-header) .ag-header-cell-label{flex-direction:row-reverse}:where(.ag-ltr) :where(.ag-header-cell:not(.ag-right-aligned-header)){.ag-header-label-icon,.ag-header-menu-icon{margin-left:var(--ag-spacing)}}:where(.ag-rtl) :where(.ag-header-cell:not(.ag-right-aligned-header)){.ag-header-label-icon,.ag-header-menu-icon{margin-right:var(--ag-spacing)}}:where(.ag-ltr) :where(.ag-header-cell.ag-right-aligned-header){.ag-header-label-icon,.ag-header-menu-icon{margin-right:var(--ag-spacing)}}:where(.ag-rtl) :where(.ag-header-cell.ag-right-aligned-header){.ag-header-label-icon,.ag-header-menu-icon{margin-left:var(--ag-spacing)}}.ag-header-cell:after,.ag-header-group-cell:where(:not(.ag-header-span-height.ag-header-group-cell-no-group)):after{content:\"\";height:var(--ag-header-column-border-height);position:absolute;top:calc(50% - var(--ag-header-column-border-height)*.5);z-index:1}:where(.ag-ltr) .ag-header-cell:after,:where(.ag-ltr) .ag-header-group-cell:where(:not(.ag-header-span-height.ag-header-group-cell-no-group)):after{border-right:var(--ag-header-column-border);right:0}:where(.ag-rtl) .ag-header-cell:after,:where(.ag-rtl) .ag-header-group-cell:where(:not(.ag-header-span-height.ag-header-group-cell-no-group)):after{border-left:var(--ag-header-column-border);left:0}.ag-header-highlight-after:after,.ag-header-highlight-before:after{background-color:var(--ag-accent-color);content:\"\";height:100%;position:absolute;width:1px}:where(.ag-ltr) .ag-header-highlight-before:after{left:0}:where(.ag-rtl) .ag-header-highlight-before:after{right:0}:where(.ag-ltr) .ag-header-highlight-after:after{right:0;:where(.ag-pinned-left-header) &{right:1px}}:where(.ag-rtl) .ag-header-highlight-after:after{left:0;:where(.ag-pinned-left-header) &{left:1px}}.ag-header-cell-resize{align-items:center;cursor:ew-resize;display:flex;height:100%;position:absolute;top:0;width:8px;z-index:2;&:after{background-color:var(--ag-header-column-resize-handle-color);content:\"\";height:var(--ag-header-column-resize-handle-height);position:absolute;top:calc(50% - var(--ag-header-column-resize-handle-height)*.5);width:var(--ag-header-column-resize-handle-width);z-index:1}}:where(.ag-ltr) .ag-header-cell-resize{right:-3px;&:after{left:calc(50% - var(--ag-header-column-resize-handle-width))}}:where(.ag-rtl) .ag-header-cell-resize{left:-3px;&:after{right:calc(50% - var(--ag-header-column-resize-handle-width))}}:where(.ag-header-cell.ag-header-span-height) .ag-header-cell-resize:after{height:calc(100% - var(--ag-spacing)*4);top:calc(var(--ag-spacing)*2)}.ag-header-group-cell-no-group:where(.ag-header-span-height){display:none}.ag-sort-indicator-container{display:flex;gap:var(--ag-spacing)}.ag-layout-print{&.ag-body{display:block;height:unset}&.ag-root-wrapper{display:inline-block}.ag-body-horizontal-scroll,.ag-body-vertical-scroll{display:none}&.ag-force-vertical-scroll{overflow-y:visible!important}}@media print{.ag-root-wrapper.ag-layout-print{display:table;.ag-body-horizontal-scroll-viewport,.ag-body-viewport,.ag-center-cols-container,.ag-center-cols-viewport,.ag-root,.ag-root-wrapper-body,.ag-virtual-list-viewport{display:block!important;height:auto!important;overflow:hidden!important}.ag-cell,.ag-row{-moz-column-break-inside:avoid;break-inside:avoid}}}ag-grid,ag-grid-angular{display:block}.ag-chart,.ag-dnd-ghost,.ag-popup,.ag-root-wrapper{cursor:default;line-height:normal;white-space:normal;-webkit-font-smoothing:antialiased;background-color:var(--ag-background-color);color:var(--ag-text-color);color-scheme:var(--ag-browser-color-scheme);font-family:var(--ag-font-family);font-size:var(--ag-font-size);--ag-indentation-level:0}.ag-root-wrapper{border:var(--ag-wrapper-border);border-radius:var(--ag-wrapper-border-radius);display:flex;flex-direction:column;overflow:hidden;position:relative;&.ag-layout-normal{height:100%}}.ag-root-wrapper-body{display:flex;flex-direction:row;&.ag-layout-normal{flex:1 1 auto;height:0;min-height:0}}.ag-root{display:flex;flex-direction:column;position:relative;&.ag-layout-auto-height,&.ag-layout-normal{flex:1 1 auto;overflow:hidden;width:0}&.ag-layout-normal{height:100%}}:where(.ag-button){background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0;text-indent:inherit;text-shadow:inherit;text-transform:inherit;word-spacing:inherit;&:focus-visible{box-shadow:var(--ag-focus-shadow);outline:none}}.ag-standard-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ag-background-color);border:var(--ag-input-border);border-radius:var(--ag-border-radius);cursor:pointer;font-family:inherit;padding:var(--ag-spacing) calc(var(--ag-spacing)*2);&:hover{background-color:var(--ag-row-hover-color)}&:active{border-color:var(--ag-accent-color)}&:disabled{background-color:var(--ag-input-disabled-background-color);border:var(--ag-input-disabled-border);color:var(--ag-input-disabled-text-color)}}.ag-drag-handle{color:var(--ag-drag-handle-color);cursor:grab}.ag-list-item,.ag-virtual-list-item{height:var(--ag-list-item-height)}.ag-virtual-list-item{position:absolute;width:100%}.ag-select-list{background-color:var(--ag-background-color);border:var(--ag-input-border);border-radius:var(--ag-border-radius);box-shadow:var(--ag-dropdown-shadow);overflow:hidden auto}.ag-list-item{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&.ag-active-item{background-color:var(--ag-row-hover-color)}}.ag-select-list-item{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;:where(span){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:where(.ag-ltr) .ag-select-list-item{padding-left:calc(var(--ag-cell-horizontal-padding)/2)}:where(.ag-rtl) .ag-select-list-item{padding-right:calc(var(--ag-cell-horizontal-padding)/2)}.ag-list-item-hovered:after{background-color:var(--ag-accent-color);content:\"\";height:1px;left:0;position:absolute;right:0}.ag-item-highlight-top:after{top:0}.ag-item-highlight-bottom:after{bottom:0}.ag-column-select-column-group-readonly,.ag-column-select-column-readonly,.ag-disabled,[disabled]{.ag-icon{opacity:.5}&.ag-icon-grip{opacity:.35}}.ag-column-select-column-readonly{&.ag-icon-grip,.ag-icon-grip{opacity:.35}}.ag-chart-menu-icon,.ag-chart-settings-next,.ag-chart-settings-prev,.ag-column-group-icons,.ag-column-select-header-icon,.ag-filter-toolpanel-expand,.ag-floating-filter-button-button,.ag-group-title-bar-icon,.ag-header-cell-filter-button,.ag-header-cell-menu-button,.ag-header-expand-icon,.ag-panel-title-bar-button,.ag-panel-title-bar-button-icon,.ag-set-filter-group-icons,:where(.ag-group-contracted) .ag-icon,:where(.ag-group-expanded) .ag-icon{&:hover{background-color:var(--ag-icon-button-hover-color);border-radius:1px;box-shadow:0 0 0 4px var(--ag-icon-button-hover-color)}}.ag-filter-active{--ag-icon-button-hover-color:color-mix(in srgb,transparent,var(--ag-accent-color) 28%);background-color:color-mix(in srgb,transparent,var(--ag-accent-color) 14%);border-radius:1px;outline:solid 4px color-mix(in srgb,transparent,var(--ag-accent-color) 14%);position:relative;&:after{background-color:var(--ag-accent-color);border-radius:50%;content:\"\";height:6px;position:absolute;top:-1px;width:6px}:where(.ag-icon-filter){clip-path:path(\"M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z\")}}:where(.ag-ltr) .ag-filter-active{&:after{right:-1px}}:where(.ag-rtl) .ag-filter-active{&:after{left:-1px}}.ag-menu{background-color:var(--ag-menu-background-color);border:var(--ag-menu-border);border-radius:var(--ag-border-radius);box-shadow:var(--ag-menu-shadow);color:var(--ag-menu-text-color);max-height:100%;overflow-y:auto}.ag-menu,.ag-resizer{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ag-resizer{pointer-events:none;z-index:1}:where(.ag-resizer){&.ag-resizer-topLeft{height:5px;left:0;top:0;width:5px}&.ag-resizer-top{cursor:ns-resize;height:5px;left:5px;right:5px;top:0}&.ag-resizer-topRight{height:5px;right:0;top:0;width:5px}&.ag-resizer-right{bottom:5px;cursor:ew-resize;right:0;top:5px;width:5px}&.ag-resizer-bottomRight{bottom:0;height:5px;right:0;width:5px}&.ag-resizer-bottom{bottom:0;cursor:ns-resize;height:5px;left:5px;right:5px}&.ag-resizer-bottomLeft{bottom:0;height:5px;left:0;width:5px}&.ag-resizer-left{bottom:5px;cursor:ew-resize;left:0;top:5px;width:5px}}:where(.ag-ltr) :where(.ag-resizer){&.ag-resizer-topLeft{cursor:nwse-resize}&.ag-resizer-topRight{cursor:nesw-resize}&.ag-resizer-bottomRight{cursor:nwse-resize}&.ag-resizer-bottomLeft{cursor:nesw-resize}}:where(.ag-rtl) :where(.ag-resizer){&.ag-resizer-topLeft{cursor:nesw-resize}&.ag-resizer-topRight{cursor:nwse-resize}&.ag-resizer-bottomRight{cursor:nesw-resize}&.ag-resizer-bottomLeft{cursor:nwse-resize}}";

package/dist/types/src/theming/inject.d.ts

@@ -0,0 +1,6 @@
+import type { Environment } from '../environment';
+export declare const IS_SSR: boolean;
+export declare const _injectGlobalCSS: (css: string, container: HTMLElement, debugId: string) => void;
+export declare const _injectCoreAndModuleCSS: (container: HTMLElement) => void;
+export declare const _registerGridUsingThemingAPI: (environment: Environment) => void;
+export declare const _unregisterGridUsingThemingAPI: (environment: Environment) => void;

package/dist/types/src/theming/parts/checkbox-style/checkbox-style-default.css-GENERATED.d.ts

@@ -0,0 +1 @@
+export declare const checkboxStyleDefaultCSS = ".ag-checkbox-input-wrapper,.ag-radio-button-input-wrapper{background-color:var(--ag-checkbox-unchecked-background-color);border:solid var(--ag-checkbox-border-width) var(--ag-checkbox-unchecked-border-color);flex:none;height:var(--ag-icon-size);position:relative;width:var(--ag-icon-size);:where(input){-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:block;height:var(--ag-icon-size);margin:0;opacity:0;width:var(--ag-icon-size)}&:after{content:\"\";display:block;inset:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none;position:absolute}&:where(.ag-checked){background-color:var(--ag-checkbox-checked-background-color);border-color:var(--ag-checkbox-checked-border-color);&:after{background-color:var(--ag-checkbox-checked-shape-color)}}&:where(:focus-within,:active){box-shadow:var(--ag-focus-shadow)}&:where(.ag-disabled){filter:grayscale();opacity:.5}}.ag-checkbox-input-wrapper{border-radius:var(--ag-checkbox-border-radius);&:where(.ag-checked):after{-webkit-mask-image:var(--ag-checkbox-checked-shape-image);mask-image:var(--ag-checkbox-checked-shape-image)}&:where(.ag-indeterminate){background-color:var(--ag-checkbox-indeterminate-background-color);border-color:var(--ag-checkbox-indeterminate-border-color);&:after{background-color:var(--ag-checkbox-indeterminate-shape-color);-webkit-mask-image:var(--ag-checkbox-indeterminate-shape-image);mask-image:var(--ag-checkbox-indeterminate-shape-image)}}}.ag-radio-button-input-wrapper{border-radius:100%;&:where(.ag-checked):after{-webkit-mask-image:var(--ag-radio-checked-shape-image);mask-image:var(--ag-radio-checked-shape-image)}}";

package/dist/types/src/theming/parts/checkbox-style/checkbox-styles.d.ts

@@ -0,0 +1,15 @@
+export declare const checkboxStyleDefault: import("../../Part").Part<{
+    checkboxBorderRadius: import("../../theme-types").LengthValue;
+    checkboxBorderWidth: import("../../theme-types").LengthValue;
+    checkboxCheckedBackgroundColor: import("../../theme-types").ColorValue;
+    checkboxCheckedBorderColor: import("../../theme-types").ColorValue;
+    checkboxCheckedShapeColor: import("../../theme-types").ColorValue;
+    checkboxCheckedShapeImage: import("../../theme-types").ImageValue;
+    checkboxIndeterminateBackgroundColor: import("../../theme-types").ColorValue;
+    checkboxIndeterminateBorderColor: import("../../theme-types").ColorValue;
+    checkboxIndeterminateShapeColor: import("../../theme-types").ColorValue;
+    checkboxIndeterminateShapeImage: import("../../theme-types").ImageValue;
+    checkboxUncheckedBackgroundColor: import("../../theme-types").ColorValue;
+    checkboxUncheckedBorderColor: import("../../theme-types").ColorValue;
+    radioCheckedShapeImage: import("../../theme-types").ImageValue;
+}>;