npm - @alaarab/ogrid-react-fluent - Versions diffs - 2.5.6 → 2.5.8 - Mend

@alaarab/ogrid-react-fluent 2.5.6 → 2.5.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/esm/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8";.ogrid-fluent__ColumnHeaderFilter-module__columnHeader{display:flex;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;position:relative;box-sizing:border-box;overflow:hidden}:root{--dt-header-resize-zone: 16px;--dt-header-action-button: 24px;--dt-header-action-gap: 2px}.ogrid-fluent__ColumnHeaderFilter-module__headerContent{display:flex;align-items:center;gap:4px;flex:1;min-width:0;width:100%;max-width:100%;padding:2px 0;box-sizing:border-box;overflow:hidden}.ogrid-fluent__ColumnHeaderFilter-module__columnName{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__headerActions{display:flex;align-items:center;gap:var(--dt-header-action-gap);margin-left:auto;flex-shrink:0}@media(hover:hover){.ogrid-fluent__ColumnHeaderFilter-module__headerActions:not(:has(.ogrid-fluent__ColumnHeaderFilter-module__filterActive)){display:none}}th:hover .ogrid-fluent__ColumnHeaderFilter-module__headerActions,.fui-TableHeaderCell:hover .ogrid-fluent__ColumnHeaderFilter-module__headerActions{display:flex}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4px;margin-left:2px;border:none;border-radius:var(--borderRadiusSmall, 4px);background-color:transparent;color:var(--colorNeutralForeground2, #616161);cursor:pointer;flex-shrink:0;position:relative;transition:all .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon svg{font-size:14px}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon:hover{background-color:var(--colorSubtleBackgroundHover, #f5f5f5);color:var(--colorNeutralForeground2Hover, #424242)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterActive{background-color:var(--colorSubtleBackgroundSelected, #e0e0e0);color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterActive:hover{background-color:var(--colorSubtleBackgroundHover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterOpen{background-color:var(--colorSubtleBackgroundPressed, #ebebeb);color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__filterBadge{position:absolute;top:2px;right:2px;width:6px;height:6px;background-color:var(--colorBrandBackground, #0f6cbd);border-radius:50%;border:1px solid var(--colorNeutralBackground1, #ffffff)}.ogrid-fluent__ColumnHeaderFilter-module__filterPopover{min-width:280px;max-width:320px;overflow:hidden;padding:0;background-color:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);box-shadow:0 4px 16px #00000024;font-family:var(--fontFamilyBase, "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);font-size:14px;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__popoverHeader{padding:10px 14px;font-size:12px;font-weight:600;color:var(--colorNeutralForeground2, #616161);border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__popoverSearch{padding:10px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0)}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);padding:6px 12px;min-height:36px;box-sizing:border-box}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper:focus-within{border-color:var(--colorBrandStroke1, #0f6cbd);outline:none}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputIcon{color:var(--colorNeutralForeground3, #616161);font-size:16px;flex-shrink:0}.ogrid-fluent__ColumnHeaderFilter-module__nativeInput{flex:1;min-width:0;border:none;outline:none;padding:0;font-size:14px;font-family:inherit;background:transparent;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__nativeInput::placeholder{color:var(--colorNeutralForeground4, #707070)}.ogrid-fluent__ColumnHeaderFilter-module__resultCount{margin-top:6px;font-size:11px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__selectAllRow{display:flex;gap:8px;padding:6px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__selectAllButton{background:none;border:none;color:var(--colorBrandForeground1, #0f6cbd);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:var(--borderRadiusSmall, 4px);transition:background-color .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__selectAllButton:hover{background-color:var(--colorBrandBackground2, #ebf3fc)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions{overflow-y:auto;max-height:250px;padding:6px 0}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar{width:6px}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-track{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-thumb{background:var(--colorNeutralStroke1, #d1d1d1);border-radius:3px}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-thumb:hover{background:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOption{padding:4px 12px;font-size:13px;display:flex;align-items:center;gap:8px;transition:background-color .1s ease;cursor:pointer}.ogrid-fluent__ColumnHeaderFilter-module__popoverOption:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__nativeCheckbox{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--colorBrandBackground, #0f6cbd);flex-shrink:0}.ogrid-fluent__ColumnHeaderFilter-module__checkboxLabel{margin-left:8px;font-size:14px;color:var(--colorNeutralForeground1, #242424);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;cursor:pointer}.ogrid-fluent__ColumnHeaderFilter-module__personOption{padding:8px 12px;cursor:pointer;transition:background-color .1s ease}.ogrid-fluent__ColumnHeaderFilter-module__personOption:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__loadingContainer{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px}.ogrid-fluent__ColumnHeaderFilter-module__filterSpinner{width:20px;height:20px;border:2px solid var(--colorNeutralStroke1, #d1d1d1);border-top-color:var(--colorBrandBackground, #0f6cbd);border-radius:50%;animation:ogrid-fluent__ColumnHeaderFilter-module__ogrid-filter-spin .8s linear infinite}@keyframes ogrid-fluent__ColumnHeaderFilter-module__ogrid-filter-spin{to{transform:rotate(360deg)}}.ogrid-fluent__ColumnHeaderFilter-module__noResults{padding:16px;text-align:center;font-size:12px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__selectedUserSection{padding:10px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorSubtleBackgroundSelected, #e0e0e0)}.ogrid-fluent__ColumnHeaderFilter-module__selectedUserLabel{font-size:11px;color:var(--colorNeutralForeground2, #616161);margin-bottom:6px}.ogrid-fluent__ColumnHeaderFilter-module__selectedUser{display:flex;align-items:center;justify-content:space-between;gap:8px}.ogrid-fluent__ColumnHeaderFilter-module__userInfo{display:flex;align-items:center;gap:8px}.ogrid-fluent__ColumnHeaderFilter-module__avatar{width:32px;height:32px;border-radius:50%;background-color:var(--colorBrandBackground, #0f6cbd);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.ogrid-fluent__ColumnHeaderFilter-module__avatarImg{width:100%;height:100%;object-fit:cover;border-radius:50%}.ogrid-fluent__ColumnHeaderFilter-module__avatarInitials{color:var(--colorNeutralForegroundOnBrand, #ffffff);font-size:12px;font-weight:600;line-height:1}.ogrid-fluent__ColumnHeaderFilter-module__userText{display:flex;flex-direction:column}.ogrid-fluent__ColumnHeaderFilter-module__userSecondary{font-size:12px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__removeUserButton{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background-color:transparent;color:var(--colorNeutralForeground2, #616161);cursor:pointer;transition:all .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__removeUserButton:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5);color:var(--colorPaletteRedForeground1, #c4314b)}.ogrid-fluent__ColumnHeaderFilter-module__popoverActions{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__clearButton{padding:6px 12px;border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);color:var(--colorNeutralForeground1, #242424);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__clearButton:hover:not(:disabled){background-color:var(--colorNeutralBackground1Hover, #f5f5f5);border-color:var(--colorNeutralStroke1Hover, #c7c7c7)}.ogrid-fluent__ColumnHeaderFilter-module__clearButton:disabled{opacity:.5;cursor:not-allowed}.ogrid-fluent__ColumnHeaderFilter-module__applyButton{padding:6px 12px;border:1px solid var(--colorBrandBackground, #0f6cbd);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorBrandBackground, #0f6cbd);color:var(--colorNeutralForegroundOnBrand, #ffffff);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__applyButton:hover{background-color:var(--colorBrandBackgroundHover, #115ea3);border-color:var(--colorBrandBackgroundHover, #115ea3)}.ogrid-fluent__ColumnHeaderMenu-module__content{min-width:140px;background:var(--ogrid-bg, #ffffff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;padding:4px;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;z-index:1000;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.ogrid-fluent__ColumnHeaderMenu-module__item{font-size:13px;line-height:1;color:var(--ogrid-fg, rgba(0, 0, 0, .87));border-radius:4px;border:none;background:transparent;display:flex;align-items:center;height:28px;padding:0 8px;position:relative;user-select:none;outline:none;cursor:pointer;width:100%;text-align:left}.ogrid-fluent__ColumnHeaderMenu-module__item:disabled{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));pointer-events:none;cursor:not-allowed}.ogrid-fluent__ColumnHeaderMenu-module__item:hover:not(:disabled){background-color:var(--ogrid-hover-bg, rgba(0, 0, 0, .04));color:var(--ogrid-fg, rgba(0, 0, 0, .87))}.ogrid-fluent__ColumnHeaderMenu-module__separator{height:1px;background-color:var(--ogrid-border, rgba(0, 0, 0, .12));margin:4px 0}.ogrid-fluent__DataGridTable-module__tableScrollContent{display:flex;flex-direction:column;width:100%;min-width:0;background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWidthAnchor{position:relative;width:max-content;min-width:var(--data-table-min-width, max-content);background:var(--ogrid-bg, #fff);overflow-x:clip}.ogrid-fluent__DataGridTable-module__tableWrapper{position:relative;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;width:100%;min-width:0;max-width:100%;box-sizing:border-box;background:var(--ogrid-bg, #fff);will-change:scroll-position}.ogrid-fluent__DataGridTable-module__tableWrapper:focus{outline:none}.ogrid-fluent__DataGridTable-module__tableWrapper[data-overflow-x=true]{overflow-x:auto}.ogrid-fluent__DataGridTable-module__tableWrapper[data-empty=true]{overflow-x:hidden}.ogrid-fluent__DataGridTable-module__tableWrapper[data-loading=true]{min-height:200px}.ogrid-fluent__DataGridTable-module__dataTable{width:var(--data-table-width, fit-content);max-width:100%;min-width:var(--data-table-min-width, max-content);border-collapse:separate;border-spacing:0;box-sizing:border-box;table-layout:auto;background-color:var(--ogrid-bg, #fff);color:var(--ogrid-fg, rgba(0, 0, 0, .87))}.ogrid-fluent__DataGridTable-module__dataTable tbody tr{height:var(--ogrid-row-height, auto)}.ogrid-fluent__DataGridTable-module__groupHeaderCell{text-align:center;font-weight:600;border-bottom:2px solid var(--ogrid-border, rgba(0, 0, 0, .12));padding:var(--ogrid-cell-padding, 6px 10px);background:var(--ogrid-header-bg, #f5f5f5)}.ogrid-fluent__DataGridTable-module__headerCellContent{display:flex;align-items:center;gap:4px}.ogrid-fluent__DataGridTable-module__headerMenuTrigger{background:transparent;border:none;cursor:pointer;padding:2px 4px;font-size:16px;line-height:1;color:var(--ogrid-fg-secondary, rgba(0, 0, 0, .6));opacity:1;transition:background-color .15s;border-radius:3px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px}@media(hover:hover){.ogrid-fluent__DataGridTable-module__headerMenuTrigger{display:none}}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:hover{background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:active{background:var(--ogrid-active-bg, rgba(0, 0, 0, .08))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:focus-visible{outline:2px solid var(--ogrid-accent, #0078d4);outline-offset:2px}.ogrid-fluent__DataGridTable-module__dataTable thead th:hover .ogrid-fluent__DataGridTable-module__headerMenuTrigger{display:flex}.ogrid-fluent__DataGridTable-module__dropIndicator{position:absolute;top:0;bottom:0;width:3px;background:var(--ogrid-selection-color, #217346);pointer-events:none;z-index:var(--ogrid-z-drop-indicator, 100);transition:left .05s}.ogrid-fluent__DataGridTable-module__resizeHandle{position:absolute;top:0;right:-3px;bottom:0;width:8px;cursor:col-resize;user-select:none;touch-action:none;z-index:var(--ogrid-z-resize-handle, 1)}.ogrid-fluent__DataGridTable-module__resizeHandle:after{content:"";position:absolute;top:0;right:3px;bottom:0;width:2px}.ogrid-fluent__DataGridTable-module__resizeHandle:hover:after{background-color:var(--ogrid-accent, #0078d4)}.ogrid-fluent__DataGridTable-module__resizeHandle:active:after{background-color:var(--ogrid-accent-dark, #005a9e)}@media(pointer:coarse){.ogrid-fluent__DataGridTable-module__resizeHandle{width:16px;right:-8px}}.ogrid-fluent__DataGridTable-module__pinnedColLeft{position:sticky;z-index:var(--ogrid-z-pinned, 6);background:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__pinnedColLeft:after{content:"";position:absolute;top:-1px;right:-4px;bottom:-1px;width:4px;background:linear-gradient(to right,var(--ogrid-pinned-shadow, rgba(0, 0, 0, .12)),transparent);pointer-events:none}.ogrid-fluent__DataGridTable-module__pinnedColRight{position:sticky;z-index:var(--ogrid-z-pinned, 6);background:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__pinnedColRight:before{content:"";position:absolute;top:-1px;left:-4px;bottom:-1px;width:4px;background:linear-gradient(to left,var(--ogrid-pinned-shadow, rgba(0, 0, 0, .12)),transparent);pointer-events:none}.ogrid-fluent__DataGridTable-module__cellContent{width:100%;height:100%;display:flex;align-items:center;min-width:0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:none;outline:none;contain:content}.ogrid-fluent__DataGridTable-module__cellContent:focus-visible{outline:none}.ogrid-fluent__DataGridTable-module__pinnedColLeft .ogrid-fluent__DataGridTable-module__cellContent,.ogrid-fluent__DataGridTable-module__pinnedColRight .ogrid-fluent__DataGridTable-module__cellContent{contain:none}.ogrid-fluent__DataGridTable-module__dataTable:not([data-virtual-scroll]) tbody tr{content-visibility:auto}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent{outline:2px solid var(--ogrid-selection-color, #217346);outline-offset:-1px;z-index:var(--ogrid-z-active-cell, 2);position:relative;overflow:visible;contain:none;background:var(--ogrid-active-cell-bg, rgba(0, 0, 0, .02))}.ogrid-fluent__DataGridTable-module__dataTable tbody td:has(>.ogrid-fluent__DataGridTable-module__activeCellContent),.ogrid-fluent__DataGridTable-module__dataTable tbody td:has(>.ogrid-fluent__DataGridTable-module__editingCellContent){z-index:var(--ogrid-z-active-cell, 2)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__editingCellContent.ogrid-fluent__DataGridTable-module__editingCellContent{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;outline:2px solid var(--ogrid-selection-color, #217346);outline-offset:-1px;z-index:var(--ogrid-z-active-cell, 2);position:relative;background:var(--ogrid-bg, #fff);overflow:visible;padding:0}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellInRange,.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-range]{background:var(--ogrid-range-bg, rgba(33, 115, 70, .12))}.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-anchor]{background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent[data-drag-anchor],.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent[data-drag-range]{outline:none}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__inRange{outline:none;background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellCut{background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04));opacity:.7}.ogrid-fluent__DataGridTable-module__fillHandle{position:absolute;right:-3px;bottom:-3px;width:7px;height:7px;background:var(--ogrid-selection-color, #217346);border:1px solid var(--ogrid-bg, #fff);border-radius:1px;cursor:crosshair;pointer-events:auto;touch-action:none;z-index:var(--ogrid-z-fill-handle, 3)}@media(pointer:coarse){.ogrid-fluent__DataGridTable-module__fillHandle{width:14px;height:14px;right:-7px;bottom:-7px;border-radius:2px}}.ogrid-fluent__DataGridTable-module__selectionHeaderCellInner,.ogrid-fluent__DataGridTable-module__selectionCellInner{display:flex;align-items:center;justify-content:center;width:100%}.ogrid-fluent__DataGridTable-module__rowNumberHeaderCellInner,.ogrid-fluent__DataGridTable-module__rowNumberCellInner{display:flex;align-items:center;justify-content:center;width:100%;font-variant-numeric:tabular-nums}.ogrid-fluent__DataGridTable-module__columnLetterRow{background:var(--ogrid-column-letter-bg, var(--ogrid-header-bg))}.ogrid-fluent__DataGridTable-module__columnLetterCell{text-align:center;font-size:11px;font-weight:500;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));padding:2px 4px;background:var(--ogrid-column-letter-bg, var(--ogrid-header-bg));border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));user-select:none;font-variant-numeric:tabular-nums}.ogrid-fluent__DataGridTable-module__statusBar{display:flex;align-items:center;gap:16px;width:100%;padding:6px 12px;box-sizing:border-box;font-size:12px;line-height:20px;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));background:var(--ogrid-header-bg, #f5f5f5);border-top:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));min-height:33px}.ogrid-fluent__DataGridTable-module__statusBarItem{display:inline-flex;align-items:center;gap:4px}.ogrid-fluent__DataGridTable-module__statusBarItem:not(:last-child):after{content:"";width:1px;height:14px;background:var(--ogrid-border, rgba(0, 0, 0, .12));margin-left:12px}.ogrid-fluent__DataGridTable-module__statusBarLabel{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5))}.ogrid-fluent__DataGridTable-module__statusBarValue{color:var(--ogrid-fg, rgba(0, 0, 0, .87));font-weight:600}.ogrid-fluent__DataGridTable-module__contextMenu{position:fixed;z-index:var(--ogrid-z-context-menu, 10000);min-width:160px;padding:4px 0;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;box-shadow:var(--ogrid-shadow, 0 4px 16px rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__contextMenuItem{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:6px 12px;border:none;background:none;font-size:13px;text-align:left;cursor:pointer;color:var(--ogrid-fg, rgba(0, 0, 0, .87))}.ogrid-fluent__DataGridTable-module__contextMenuItem:hover:not(:disabled){background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__contextMenuItem:disabled{opacity:.5;cursor:not-allowed}.ogrid-fluent__DataGridTable-module__contextMenuItemLabel{flex:1}.ogrid-fluent__DataGridTable-module__contextMenuItemShortcut{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));font-size:.85em}.ogrid-fluent__DataGridTable-module__contextMenuDivider{height:1px;margin:4px 0;background:var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__loadingOverlay{position:absolute;inset:0;z-index:var(--ogrid-z-loading, 2);display:flex;align-items:center;justify-content:center;background:var(--ogrid-loading-overlay, rgba(255, 255, 255, .7));backdrop-filter:blur(1px);pointer-events:all}.ogrid-fluent__DataGridTable-module__loadingOverlayContent{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;box-shadow:var(--ogrid-shadow-sm, 0 2px 4px rgba(0, 0, 0, .08))}.ogrid-fluent__DataGridTable-module__loadingOverlayText{font-size:13px;font-weight:500;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5))}.ogrid-fluent__DataGridTable-module__loadingDimmed{opacity:.6;pointer-events:none}.ogrid-fluent__DataGridTable-module__emptyStateInGrid{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 16px;min-height:88px;width:100%;box-sizing:border-box;border-top:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));background:var(--ogrid-header-bg, #f5f5f5)}.ogrid-fluent__DataGridTable-module__emptyStateInGridTitle{font-size:14px;font-weight:600;color:var(--ogrid-fg, rgba(0, 0, 0, .87));margin-bottom:4px}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessage{font-size:13px;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));line-height:1.5}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink{background:none;border:none;color:var(--ogrid-accent, #0078d4);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink:hover{color:var(--ogrid-accent-dark, #005a9e)}.ogrid-fluent__DataGridTable-module__spinner{width:24px;height:24px;border:2px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-top-color:var(--ogrid-accent, #0078d4);border-radius:50%;animation:ogrid-fluent__DataGridTable-module__ogrid-spin .8s linear infinite}@keyframes ogrid-fluent__DataGridTable-module__ogrid-spin{to{transform:rotate(360deg)}}@media(max-width:576px){.ogrid-fluent__DataGridTable-module__paginationNav{order:-1;width:100%;justify-content:center}.ogrid-fluent__DataGridTable-module__paginationInfo{font-size:11px;text-align:center;width:100%}.ogrid-fluent__DataGridTable-module__paginationSize{font-size:11px}}:where(:root){--ogrid-cell-padding: 6px 10px;--ogrid-cell-padding-vertical: 6px;--ogrid-cell-padding-horizontal: 10px;--ogrid-z-resize-handle: 1;--ogrid-z-active-cell: 2;--ogrid-z-fill-handle: 3;--ogrid-z-row-number: 5;--ogrid-z-pinned: 6;--ogrid-z-selection-cell: 7;--ogrid-z-thead: 8;--ogrid-z-pinned-header: 10;--ogrid-z-header-focus: 11;--ogrid-z-selection-header-pinned: 12;--ogrid-z-checkbox: 12;--ogrid-z-loading: 2;--ogrid-z-drop-indicator: 100;--ogrid-z-filter-popover: 1000;--ogrid-z-popover: 1000;--ogrid-z-fullscreen: 9999;--ogrid-z-context-menu: 10000;--ogrid-bg: #ffffff;--ogrid-fg: rgba(0, 0, 0, .87);--ogrid-fg-secondary: rgba(0, 0, 0, .6);--ogrid-fg-muted: rgba(0, 0, 0, .5);--ogrid-border: rgba(0, 0, 0, .12);--ogrid-border-strong: rgba(0, 0, 0, .5);--ogrid-border-hover: rgba(0, 0, 0, .3);--ogrid-header-bg: #f5f5f5;--ogrid-hover-bg: rgba(0, 0, 0, .04);--ogrid-selected-row-bg: #e6f0fb;--ogrid-bg-selected-hover: #dae8f8;--ogrid-active-cell-bg: rgba(0, 0, 0, .02);--ogrid-range-bg: rgba(33, 115, 70, .12);--ogrid-accent: #0078d4;--ogrid-accent-dark: #005a9e;--ogrid-selection-color: #217346;--ogrid-primary: #0078d4;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #106ebe;--ogrid-bg-subtle: #f5f5f5;--ogrid-bg-hover: rgba(0, 0, 0, .04);--ogrid-active-bg: rgba(0, 0, 0, .06);--ogrid-muted: rgba(0, 0, 0, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .12);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--ogrid-pinned-shadow: rgba(0, 0, 0, .1);--ogrid-loading-overlay: rgba(255, 255, 255, .7);--ogrid-formula-error-color: #d32f2f;--ogrid-selection: #217346;--ogrid-bg-range: rgba(33, 115, 70, .12);--ogrid-bg-selected: #e6f0fb;--ogrid-loading-bg: rgba(255, 255, 255, .7)}@media(prefers-color-scheme:dark){:where(:root:not([data-theme=light])){--ogrid-bg: #1e1e1e;--ogrid-fg: rgba(255, 255, 255, .87);--ogrid-fg-secondary: rgba(255, 255, 255, .6);--ogrid-fg-muted: rgba(255, 255, 255, .5);--ogrid-border: rgba(255, 255, 255, .12);--ogrid-border-strong: rgba(255, 255, 255, .5);--ogrid-border-hover: rgba(255, 255, 255, .3);--ogrid-header-bg: #2c2c2c;--ogrid-hover-bg: rgba(255, 255, 255, .08);--ogrid-selected-row-bg: #1a3a5c;--ogrid-bg-selected-hover: #1f3650;--ogrid-active-cell-bg: rgba(255, 255, 255, .06);--ogrid-range-bg: rgba(46, 160, 67, .15);--ogrid-accent: #4da6ff;--ogrid-accent-dark: #3390e0;--ogrid-selection-color: #2ea043;--ogrid-primary: #4da6ff;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #66b3ff;--ogrid-bg-subtle: rgba(255, 255, 255, .04);--ogrid-bg-hover: rgba(255, 255, 255, .08);--ogrid-active-bg: rgba(255, 255, 255, .08);--ogrid-muted: rgba(255, 255, 255, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .4);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--ogrid-pinned-shadow: rgba(0, 0, 0, .3);--ogrid-loading-overlay: rgba(0, 0, 0, .7);--ogrid-formula-error-color: #ef5350;--ogrid-selection: #2ea043;--ogrid-bg-range: rgba(46, 160, 67, .15);--ogrid-bg-selected: #1a3a5c;--ogrid-loading-bg: rgba(0, 0, 0, .7)}}:where([data-theme=dark]){--ogrid-bg: #1e1e1e;--ogrid-fg: rgba(255, 255, 255, .87);--ogrid-fg-secondary: rgba(255, 255, 255, .6);--ogrid-fg-muted: rgba(255, 255, 255, .5);--ogrid-border: rgba(255, 255, 255, .12);--ogrid-border-strong: rgba(255, 255, 255, .5);--ogrid-border-hover: rgba(255, 255, 255, .3);--ogrid-header-bg: #2c2c2c;--ogrid-hover-bg: rgba(255, 255, 255, .08);--ogrid-selected-row-bg: #1a3a5c;--ogrid-bg-selected-hover: #1f3650;--ogrid-active-cell-bg: rgba(255, 255, 255, .06);--ogrid-range-bg: rgba(46, 160, 67, .15);--ogrid-accent: #4da6ff;--ogrid-accent-dark: #3390e0;--ogrid-selection-color: #2ea043;--ogrid-primary: #4da6ff;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #66b3ff;--ogrid-bg-subtle: rgba(255, 255, 255, .04);--ogrid-bg-hover: rgba(255, 255, 255, .08);--ogrid-active-bg: rgba(255, 255, 255, .08);--ogrid-muted: rgba(255, 255, 255, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .4);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--ogrid-pinned-shadow: rgba(0, 0, 0, .3);--ogrid-loading-overlay: rgba(0, 0, 0, .7);--ogrid-formula-error-color: #ef5350;--ogrid-selection: #2ea043;--ogrid-bg-range: rgba(46, 160, 67, .15);--ogrid-bg-selected: #1a3a5c;--ogrid-loading-bg: rgba(0, 0, 0, .7)}.fui-FluentProvider{--ogrid-bg: var(--colorNeutralBackground1, #ffffff);--ogrid-fg: var(--colorNeutralForeground1, rgba(0, 0, 0, .87));--ogrid-fg-secondary: var(--colorNeutralForeground2, rgba(0, 0, 0, .6));--ogrid-fg-muted: var(--colorNeutralForeground3, rgba(0, 0, 0, .5));--ogrid-border: var(--colorNeutralStroke2, rgba(0, 0, 0, .12));--ogrid-header-bg: var(--colorSubtleBackgroundSelected, #f3f2f1);--ogrid-hover-bg: var(--colorSubtleBackgroundHover, rgba(0, 0, 0, .04));--ogrid-selected-row-bg: var(--colorNeutralBackground1Selected, #e6f0fb);--ogrid-active-cell-bg: rgba(0, 0, 0, .02);--ogrid-range-bg: rgba(33, 115, 70, .12);--ogrid-accent: var(--colorBrandForeground1, #0078d4);--ogrid-selection-color: #217346;--ogrid-loading-overlay: rgba(255, 255, 255, .7)}.ogrid-fluent__DataGridTable-module__tableScrollContent{min-height:100%;background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff))}.ogrid-fluent__DataGridTable-module__tableWidthAnchor{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));overflow-x:clip}.ogrid-fluent__DataGridTable-module__tableWrapper{border:none;background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));-webkit-overflow-scrolling:touch;outline:none}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__dataTable{table-layout:auto}.ogrid-fluent__DataGridTable-module__dataTable{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell{min-width:80px;box-sizing:border-box;border-right:1px solid var(--colorNeutralStroke1, #c4c4c4);font-size:13px;vertical-align:middle}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell{padding:6px 10px;font-weight:600;font-size:14px;color:var(--ogrid-fg, rgba(0, 0, 0, .87));white-space:nowrap;background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1));z-index:var(--ogrid-z-thead, 8);border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell>.fui-TableHeaderCell__button{position:static}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:focus-visible{outline:2px solid var(--colorBrandStroke1, var(--ogrid-accent, #0078d4));outline-offset:-2px;z-index:var(--ogrid-z-header-focus, 11)}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell{padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;height:1px;border-right:1px solid var(--colorNeutralStroke1, #c4c4c4);position:relative;border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell>*{min-width:0}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:focus-visible{outline:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:last-of-type,.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:last-of-type{border-right:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:last-child .fui-TableCell{border-bottom:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .fui-TableCell{background-color:var(--colorSubtleBackgroundHover, var(--ogrid-hover-bg, rgba(0, 0, 0, .04)))}.ogrid-fluent__DataGridTable-module__leafHeaderCellSpan{font-weight:600;padding:6px 10px;background:var(--ogrid-header-bg, #f3f2f1)}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__selectionHeaderCellWrapper,.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__selectionCellWrapper{width:48px;min-width:48px;max-width:48px;padding:4px;text-align:center}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__rowNumberHeaderCellWrapper{padding:4px 8px;text-align:center;background:var(--ogrid-header-bg, #f5f5f5);font-weight:600;color:var(--colorNeutralForeground3, #666);border-right:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));position:relative}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{padding:4px 8px;text-align:center;background:var(--colorNeutralBackground3, #f5f5f5);font-weight:600;color:var(--colorNeutralForeground3, #666);border-right:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow .fui-TableCell{background-color:var(--colorNeutralBackground1Selected, var(--ogrid-selected-row-bg, #e6f0fb))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .fui-TableCell{background-color:var(--colorSubtleBackgroundHover, #f5f5f5);cursor:pointer}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow:hover .fui-TableCell{background-color:var(--colorNeutralBackground1Hover, #dae8f8)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow:hover .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow{cursor:pointer}.ogrid-fluent__DataGridTable-module__cellContent{padding:var(--ogrid-cell-padding, 4px 8px)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent{outline:2px solid var(--ogrid-selection-color, #217346);background-color:var(--ogrid-active-cell-bg, rgba(0, 0, 0, .02))}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellInRange,.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-range]{background-color:var(--ogrid-range-bg, rgba(33, 115, 70, .12))}.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-anchor]{background-color:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellCut{background-color:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__stickyHeader{z-index:var(--ogrid-z-thead, 8);background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__stickyHeader .fui-TableHeaderCell{position:sticky;top:0}.ogrid-fluent__DataGridTable-module__stickyHeader .ogrid-fluent__DataGridTable-module__pinnedColLeft,.ogrid-fluent__DataGridTable-module__stickyHeader .ogrid-fluent__DataGridTable-module__pinnedColRight{top:0;z-index:var(--ogrid-z-pinned-header, 10)}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__pinnedColLeft{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));border-right:1px solid var(--colorNeutralStroke1, var(--ogrid-border, rgba(0, 0, 0, .12)));box-shadow:2px 0 4px -1px #0000001a}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeader .ogrid-fluent__DataGridTable-module__pinnedColLeft{background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__pinnedColRight{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));border-left:1px solid var(--colorNeutralStroke1, var(--ogrid-border, rgba(0, 0, 0, .12)));box-shadow:-2px 0 4px -1px #0000001a}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeader .ogrid-fluent__DataGridTable-module__pinnedColRight{background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger{color:var(--colorNeutralForeground3, #666)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:hover{background:var(--colorNeutralBackground1Hover, #f3f2f1)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:active{background:var(--colorNeutralBackground1Pressed, #e1dfdd)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:focus-visible{outline:2px solid var(--colorBrandStroke1, var(--ogrid-accent, #0078d4))}.ogrid-fluent__DataGridTable-module__resizeHandle:hover:after{background-color:var(--colorBrandForeground1, var(--ogrid-accent, #0078d4))}.ogrid-fluent__DataGridTable-module__resizeHandle:active:after{background-color:var(--colorBrandForeground1Pressed, #005a9e)}.ogrid-fluent__DataGridTable-module__statusBar{min-width:0;color:var(--colorNeutralForeground2, #616161);background-color:var(--colorSubtleBackgroundSelected, #f3f2f1);border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);user-select:none}.ogrid-fluent__DataGridTable-module__statusBarItem:not(:last-child):after{display:inline-block;background-color:var(--colorNeutralStroke1, #c4c4c4)}.ogrid-fluent__DataGridTable-module__statusBarLabel{color:var(--colorNeutralForeground3, #707070);font-weight:400}.ogrid-fluent__DataGridTable-module__statusBarValue{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__contextMenu{background:var(--colorNeutralBackground1, #fff);border:1px solid var(--colorNeutralStroke1, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);box-shadow:var(--shadow16, 0 4px 16px rgba(0, 0, 0, .12));outline:none}.ogrid-fluent__DataGridTable-module__contextMenuItem{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__contextMenuItem:hover:not(:disabled){background-color:var(--colorSubtleBackgroundHover, #f5f5f5)}.ogrid-fluent__DataGridTable-module__contextMenuItemShortcut{color:var(--colorNeutralForeground3, rgba(0, 0, 0, .4))}.ogrid-fluent__DataGridTable-module__contextMenuDivider{background-color:var(--colorNeutralStroke2, #e0e0e0)}.ogrid-fluent__DataGridTable-module__loadingOverlayContent{background:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorNeutralStroke1, #c4c4c4);border-radius:var(--borderRadiusMedium, 4px);box-shadow:var(--shadow4, 0 2px 4px rgba(0, 0, 0, .14))}.ogrid-fluent__DataGridTable-module__loadingOverlayText{color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__DataGridTable-module__loadingDimmed{transition:opacity .15s ease}.ogrid-fluent__DataGridTable-module__emptyStateInGrid{min-width:0;border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessageSticky{position:sticky;left:50%;transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:center;text-align:center}.ogrid-fluent__DataGridTable-module__emptyStateInGridIcon{font-size:24px;margin-bottom:8px;opacity:.6}.ogrid-fluent__DataGridTable-module__emptyStateInGridTitle{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessage{color:var(--colorNeutralForeground2, #616161);max-width:100%}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink{color:var(--colorBrandForeground1, #0f6cbd)}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink:hover{color:var(--colorBrandForeground1Hover, #115ea3)}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link{color:var(--colorBrandForeground1, #0f6cbd);font-weight:600;text-decoration:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link:hover{text-decoration:underline;color:var(--colorBrandForeground1Hover, #115ea3)}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link:active{color:var(--colorBrandForeground1Pressed, #0c3b5e)}.ogrid-fluent__DataGridTable-module__density-compact .ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__density-compact .ogrid-fluent__DataGridTable-module__cellContent{padding:4px 8px}.ogrid-fluent__DataGridTable-module__density-comfortable .ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__density-comfortable .ogrid-fluent__DataGridTable-module__cellContent{padding:12px 16px}.ogrid-fluent__DataGridTable-module__booleanCheckbox{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--ogrid-accent, #0078d4)}.ogrid-fluent__DataGridTable-module__booleanCheckbox:disabled{cursor:default;opacity:.5}.ogrid-fluent__DataGridTable-module__booleanCheckbox:focus-visible{outline:2px solid var(--ogrid-accent, #0078d4);outline-offset:2px}.ogrid-fluent__DataGridTable-module__tableWrapper .fui-Button:focus-visible,.ogrid-fluent__DataGridTable-module__tableWrapper .fui-MenuButton:focus-visible{outline:2px solid var(--colorBrandStroke1, #0078d4);outline-offset:2px}.ogrid-fluent__DataGridTable-module__tableWrapper .fui-Checkbox:focus-visible{outline:2px solid var(--colorBrandStroke1, #0078d4);outline-offset:2px}.ogrid-fluent__ColumnChooser-module__container{position:relative;display:inline-flex}.ogrid-fluent__ColumnChooser-module__dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:10000;min-width:220px;display:flex;flex-direction:column;background:var(--colorNeutralBackground1, #fff);border:1px solid var(--colorNeutralStroke2, #edebe9);border-radius:6px;box-shadow:0 4px 16px #0000001f;padding:0}.ogrid-fluent__ColumnChooser-module__header{padding:8px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #edebe9);font-weight:600;font-size:13px}.ogrid-fluent__ColumnChooser-module__optionsList{max-height:320px;overflow-y:auto;padding:0}.ogrid-fluent__ColumnChooser-module__optionItem{padding:4px 12px;display:flex;align-items:center;min-height:32px}.ogrid-fluent__ColumnChooser-module__optionItem:hover{background:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnChooser-module__actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid var(--colorNeutralStroke2, #edebe9)}.ogrid-fluent__PaginationControls-module__pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;width:100%;min-width:0;box-sizing:border-box;padding:0}.ogrid-fluent__PaginationControls-module__paginationInfo{font-size:13px;color:var(--colorNeutralForeground2, #605e5c);flex-shrink:0;font-variant-numeric:tabular-nums}.ogrid-fluent__PaginationControls-module__paginationControls{display:flex;align-items:center;gap:4px;flex-wrap:wrap;flex:1 1 auto;justify-content:center;min-width:0}.ogrid-fluent__PaginationControls-module__navBtn{min-width:28px;min-height:28px}.ogrid-fluent__PaginationControls-module__pageNumbers{display:inline-flex;align-items:center;gap:4px;margin:0 8px}.ogrid-fluent__PaginationControls-module__pageBtn{min-width:28px;min-height:28px;font-variant-numeric:tabular-nums}.ogrid-fluent__PaginationControls-module__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:24px;font-size:12px;color:var(--colorNeutralForeground3, #8a8886);user-select:none;pointer-events:none;letter-spacing:.02em}.ogrid-fluent__PaginationControls-module__pageSizeSelector{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.ogrid-fluent__PaginationControls-module__pageSizeSelector .ogrid-fluent__PaginationControls-module__pageSizeLabel{font-size:13px;color:var(--colorNeutralForeground2, #605e5c);user-select:none;white-space:nowrap}.ogrid-fluent__PaginationControls-module__pageSizeSelector .ogrid-fluent__PaginationControls-module__pageSizeSelect{min-width:72px}
1	+ @charset "UTF-8";.ogrid-fluent__ColumnHeaderFilter-module__columnHeader{display:flex;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;position:relative;box-sizing:border-box;overflow:hidden}:root{--dt-header-resize-zone: 16px;--dt-header-action-button: 24px;--dt-header-action-gap: 2px}.ogrid-fluent__ColumnHeaderFilter-module__headerContent{display:flex;align-items:center;gap:4px;flex:1;min-width:0;width:100%;max-width:100%;padding:2px 0;box-sizing:border-box;overflow:hidden}.ogrid-fluent__ColumnHeaderFilter-module__columnName{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__headerActions{display:flex;align-items:center;gap:var(--dt-header-action-gap);margin-left:auto;flex-shrink:0}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon{display:flex;align-items:center;justify-content:center;width:28px;height:24px;padding:4px 6px;margin-left:2px;border:none;border-radius:var(--borderRadiusSmall, 4px);background-color:transparent;color:var(--colorNeutralForeground2, #616161);cursor:pointer;flex-shrink:0;position:relative;transition:all .15s ease}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderFilter-module__filterIcon{width:36px;height:36px;padding:6px}}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon svg{font-size:14px}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon:hover{background-color:var(--colorSubtleBackgroundHover, #f5f5f5);color:var(--colorNeutralForeground2Hover, #424242)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterActive{background-color:var(--colorSubtleBackgroundSelected, #e0e0e0);color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterActive:hover{background-color:var(--colorSubtleBackgroundHover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterOpen{background-color:var(--colorSubtleBackgroundPressed, #ebebeb);color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__filterBadge{position:absolute;top:2px;right:2px;width:6px;height:6px;background-color:var(--colorBrandBackground, #0f6cbd);border-radius:50%;border:1px solid var(--colorNeutralBackground1, #ffffff)}.ogrid-fluent__ColumnHeaderFilter-module__filterPopover{min-width:280px;max-width:320px;overflow:hidden;padding:0;background-color:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);box-shadow:0 4px 16px #00000024;font-family:var(--fontFamilyBase, "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);font-size:14px;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__popoverHeader{padding:10px 14px;font-size:12px;font-weight:600;color:var(--colorNeutralForeground2, #616161);border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__popoverSearch{padding:10px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0)}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);padding:6px 12px;min-height:36px;box-sizing:border-box}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper:focus-within{border-color:var(--colorBrandStroke1, #0f6cbd);outline:none}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputIcon{color:var(--colorNeutralForeground3, #616161);font-size:16px;flex-shrink:0}.ogrid-fluent__ColumnHeaderFilter-module__nativeInput{flex:1;min-width:0;border:none;outline:none;padding:0;font-size:14px;font-family:inherit;background:transparent;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__nativeInput::placeholder{color:var(--colorNeutralForeground4, #707070)}.ogrid-fluent__ColumnHeaderFilter-module__resultCount{margin-top:6px;font-size:11px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__selectAllRow{display:flex;gap:8px;padding:6px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__selectAllButton{background:none;border:none;color:var(--colorBrandForeground1, #0f6cbd);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:var(--borderRadiusSmall, 4px);transition:background-color .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__selectAllButton:hover{background-color:var(--colorBrandBackground2, #ebf3fc)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions{overflow-y:auto;max-height:250px;padding:6px 0}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar{width:6px}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-track{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-thumb{background:var(--colorNeutralStroke1, #d1d1d1);border-radius:3px}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-thumb:hover{background:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOption{padding:4px 12px;font-size:13px;display:flex;align-items:center;gap:8px;transition:background-color .1s ease;cursor:pointer}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderFilter-module__popoverOption{min-height:44px}}.ogrid-fluent__ColumnHeaderFilter-module__popoverOption:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__nativeCheckbox{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--colorBrandBackground, #0f6cbd);flex-shrink:0}.ogrid-fluent__ColumnHeaderFilter-module__checkboxLabel{margin-left:8px;font-size:14px;color:var(--colorNeutralForeground1, #242424);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;cursor:pointer}.ogrid-fluent__ColumnHeaderFilter-module__personOption{padding:8px 12px;cursor:pointer;transition:background-color .1s ease}.ogrid-fluent__ColumnHeaderFilter-module__personOption:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__loadingContainer{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px}.ogrid-fluent__ColumnHeaderFilter-module__filterSpinner{width:20px;height:20px;border:2px solid var(--colorNeutralStroke1, #d1d1d1);border-top-color:var(--colorBrandBackground, #0f6cbd);border-radius:50%;animation:ogrid-fluent__ColumnHeaderFilter-module__ogrid-filter-spin .8s linear infinite}@keyframes ogrid-fluent__ColumnHeaderFilter-module__ogrid-filter-spin{to{transform:rotate(360deg)}}.ogrid-fluent__ColumnHeaderFilter-module__noResults{padding:16px;text-align:center;font-size:12px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__selectedUserSection{padding:10px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorSubtleBackgroundSelected, #e0e0e0)}.ogrid-fluent__ColumnHeaderFilter-module__selectedUserLabel{font-size:11px;color:var(--colorNeutralForeground2, #616161);margin-bottom:6px}.ogrid-fluent__ColumnHeaderFilter-module__selectedUser{display:flex;align-items:center;justify-content:space-between;gap:8px}.ogrid-fluent__ColumnHeaderFilter-module__userInfo{display:flex;align-items:center;gap:8px}.ogrid-fluent__ColumnHeaderFilter-module__avatar{width:32px;height:32px;border-radius:50%;background-color:var(--colorBrandBackground, #0f6cbd);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.ogrid-fluent__ColumnHeaderFilter-module__avatarImg{width:100%;height:100%;object-fit:cover;border-radius:50%}.ogrid-fluent__ColumnHeaderFilter-module__avatarInitials{color:var(--colorNeutralForegroundOnBrand, #ffffff);font-size:12px;font-weight:600;line-height:1}.ogrid-fluent__ColumnHeaderFilter-module__userText{display:flex;flex-direction:column}.ogrid-fluent__ColumnHeaderFilter-module__userSecondary{font-size:12px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__removeUserButton{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background-color:transparent;color:var(--colorNeutralForeground2, #616161);cursor:pointer;transition:all .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__removeUserButton:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5);color:var(--colorPaletteRedForeground1, #c4314b)}.ogrid-fluent__ColumnHeaderFilter-module__popoverActions{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__clearButton{padding:6px 12px;border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);color:var(--colorNeutralForeground1, #242424);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderFilter-module__clearButton{min-height:44px;padding:10px 16px}}.ogrid-fluent__ColumnHeaderFilter-module__clearButton:hover:not(:disabled){background-color:var(--colorNeutralBackground1Hover, #f5f5f5);border-color:var(--colorNeutralStroke1Hover, #c7c7c7)}.ogrid-fluent__ColumnHeaderFilter-module__clearButton:disabled{opacity:.5;cursor:not-allowed}.ogrid-fluent__ColumnHeaderFilter-module__applyButton{padding:6px 12px;border:1px solid var(--colorBrandBackground, #0f6cbd);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorBrandBackground, #0f6cbd);color:var(--colorNeutralForegroundOnBrand, #ffffff);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderFilter-module__applyButton{min-height:44px;padding:10px 20px}}.ogrid-fluent__ColumnHeaderFilter-module__applyButton:hover{background-color:var(--colorBrandBackgroundHover, #115ea3);border-color:var(--colorBrandBackgroundHover, #115ea3)}.ogrid-fluent__ColumnHeaderMenu-module__content{min-width:140px;background:var(--ogrid-bg, #ffffff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;padding:4px;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;z-index:1000;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.ogrid-fluent__ColumnHeaderMenu-module__item{font-size:13px;line-height:1;color:var(--ogrid-fg, rgba(0, 0, 0, .87));border-radius:4px;border:none;background:transparent;display:flex;align-items:center;height:28px;padding:0 8px;position:relative;user-select:none;outline:none;cursor:pointer;width:100%;text-align:left}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderMenu-module__item{height:44px}}.ogrid-fluent__ColumnHeaderMenu-module__item:disabled{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));pointer-events:none;cursor:not-allowed}.ogrid-fluent__ColumnHeaderMenu-module__item:hover:not(:disabled){background-color:var(--ogrid-hover-bg, rgba(0, 0, 0, .04));color:var(--ogrid-fg, rgba(0, 0, 0, .87))}.ogrid-fluent__ColumnHeaderMenu-module__separator{height:1px;background-color:var(--ogrid-border, rgba(0, 0, 0, .12));margin:4px 0}.ogrid-fluent__DataGridTable-module__tableScrollContent{display:flex;flex-direction:column;width:100%;min-width:0;background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWidthAnchor{position:relative;width:max-content;min-width:var(--data-table-min-width, max-content);background:var(--ogrid-bg, #fff);overflow-x:clip}.ogrid-fluent__DataGridTable-module__tableWrapper{position:relative;overflow-x:hidden;overflow-y:auto;width:100%;min-width:0;max-width:100%;box-sizing:border-box;background:var(--ogrid-bg, #fff);will-change:scroll-position;-webkit-overflow-scrolling:touch;--ogrid-cell-padding-vertical: 6px;--ogrid-cell-padding-horizontal: 10px;--ogrid-cell-font-size: 13px}.ogrid-fluent__DataGridTable-module__tableWrapper:focus{outline:none}.ogrid-fluent__DataGridTable-module__tableWrapper[data-overflow-x=true]{overflow-x:auto}.ogrid-fluent__DataGridTable-module__tableWrapper[data-empty=true]{overflow-x:hidden}.ogrid-fluent__DataGridTable-module__tableWrapper[data-loading=true]{min-height:200px}.ogrid-fluent__DataGridTable-module__tableWrapper[data-virtual-scroll]{flex:1;min-height:0}.ogrid-fluent__DataGridTable-module__dataTable{width:var(--data-table-width, fit-content);max-width:100%;min-width:var(--data-table-min-width, max-content);border-collapse:separate;border-spacing:0;box-sizing:border-box;table-layout:auto;background-color:var(--ogrid-bg, #fff);color:var(--ogrid-fg, rgba(0, 0, 0, .87))}.ogrid-fluent__DataGridTable-module__dataTable tbody tr{height:var(--ogrid-row-height, auto)}.ogrid-fluent__DataGridTable-module__dataTable tr th:first-child,.ogrid-fluent__DataGridTable-module__dataTable tr td:first-child{border-left:none}.ogrid-fluent__DataGridTable-module__groupHeaderCell{text-align:center;font-weight:600;border-bottom:2px solid var(--ogrid-border, rgba(0, 0, 0, .12));padding:var(--ogrid-cell-padding, 6px 10px);background:var(--ogrid-header-bg, #f5f5f5)}.ogrid-fluent__DataGridTable-module__headerCellContent{display:flex;align-items:center;gap:4px}.ogrid-fluent__DataGridTable-module__headerMenuTrigger{background:transparent;border:none;cursor:pointer;padding:2px 4px;font-size:16px;line-height:1;color:var(--ogrid-fg-secondary, rgba(0, 0, 0, .6));opacity:1;transition:background-color .15s;border-radius:3px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;flex-shrink:0}@media(hover:hover){.ogrid-fluent__DataGridTable-module__headerMenuTrigger{visibility:hidden}}@media(pointer:coarse){.ogrid-fluent__DataGridTable-module__headerMenuTrigger{min-width:36px;height:36px;padding:4px 8px}}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:hover{background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:active{background:var(--ogrid-active-bg, rgba(0, 0, 0, .08))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:focus-visible{outline:2px solid var(--ogrid-accent, #0078d4);outline-offset:2px;visibility:visible}.ogrid-fluent__DataGridTable-module__dataTable thead th:hover .ogrid-fluent__DataGridTable-module__headerMenuTrigger{visibility:visible}.ogrid-fluent__DataGridTable-module__dropIndicator{position:absolute;top:0;bottom:0;width:3px;background:var(--ogrid-selection-color, #217346);pointer-events:none;z-index:var(--ogrid-z-drop-indicator, 100);transition:left .05s}.ogrid-fluent__DataGridTable-module__resizeHandle{position:absolute;top:0;right:-3px;bottom:0;width:8px;cursor:col-resize;user-select:none;touch-action:none;z-index:var(--ogrid-z-resize-handle, 1)}.ogrid-fluent__DataGridTable-module__resizeHandle:after{content:"";position:absolute;top:0;right:3px;bottom:0;width:2px}.ogrid-fluent__DataGridTable-module__resizeHandle:hover:after{background-color:var(--ogrid-accent, #0078d4)}.ogrid-fluent__DataGridTable-module__resizeHandle:active:after{background-color:var(--ogrid-accent-dark, #005a9e)}@media(pointer:coarse){.ogrid-fluent__DataGridTable-module__resizeHandle{width:16px;right:-8px}}.ogrid-fluent__DataGridTable-module__pinnedColLeft{position:sticky;z-index:var(--ogrid-z-pinned, 6);background:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__pinnedColLeft:after{content:"";position:absolute;top:-1px;right:-4px;bottom:-1px;width:4px;background:linear-gradient(to right,var(--ogrid-pinned-shadow, rgba(0, 0, 0, .12)),transparent);pointer-events:none}.ogrid-fluent__DataGridTable-module__pinnedColRight{position:sticky;z-index:var(--ogrid-z-pinned, 6);background:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__pinnedColRight:before{content:"";position:absolute;top:-1px;left:-4px;bottom:-1px;width:4px;background:linear-gradient(to left,var(--ogrid-pinned-shadow, rgba(0, 0, 0, .12)),transparent);pointer-events:none}.ogrid-fluent__DataGridTable-module__cellContent{width:100%;height:100%;display:flex;align-items:center;min-width:0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:none;outline:none;contain:content}.ogrid-fluent__DataGridTable-module__cellContent:focus-visible{outline:none}.ogrid-fluent__DataGridTable-module__pinnedColLeft .ogrid-fluent__DataGridTable-module__cellContent,.ogrid-fluent__DataGridTable-module__pinnedColRight .ogrid-fluent__DataGridTable-module__cellContent{contain:none}.ogrid-fluent__DataGridTable-module__dataTable:not([data-virtual-scroll]) tbody tr{content-visibility:auto}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent{outline:2px solid var(--ogrid-selection-color, #217346);outline-offset:-1px;z-index:var(--ogrid-z-active-cell, 2);position:relative;overflow:visible;contain:none;background:var(--ogrid-active-cell-bg, rgba(0, 0, 0, .02))}.ogrid-fluent__DataGridTable-module__dataTable tbody td:has(>.ogrid-fluent__DataGridTable-module__activeCellContent),.ogrid-fluent__DataGridTable-module__dataTable tbody td:has(>.ogrid-fluent__DataGridTable-module__editingCellContent){z-index:var(--ogrid-z-active-cell, 2)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__editingCellContent.ogrid-fluent__DataGridTable-module__editingCellContent{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;outline:2px solid var(--ogrid-selection-color, #217346);outline-offset:-1px;z-index:var(--ogrid-z-active-cell, 2);position:relative;background:var(--ogrid-bg, #fff);overflow:hidden;padding:0}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellInRange,.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-range]{background:var(--ogrid-range-bg, rgba(33, 115, 70, .12))}.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-anchor]{background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent[data-drag-anchor],.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent[data-drag-range]{outline:none}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__inRange{outline:none;background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellCut{background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04));opacity:.7}.ogrid-fluent__DataGridTable-module__fillHandle{position:absolute;right:-3px;bottom:-3px;width:7px;height:7px;background:var(--ogrid-selection-color, #217346);border:1px solid var(--ogrid-bg, #fff);border-radius:1px;cursor:crosshair;pointer-events:auto;touch-action:none;z-index:var(--ogrid-z-fill-handle, 3)}@media(pointer:coarse){.ogrid-fluent__DataGridTable-module__fillHandle{width:14px;height:14px;right:-7px;bottom:-7px;border-radius:2px}}.ogrid-fluent__DataGridTable-module__selectionHeaderCellInner,.ogrid-fluent__DataGridTable-module__selectionCellInner{display:flex;align-items:center;justify-content:center;width:100%}.ogrid-fluent__DataGridTable-module__rowNumberHeaderCellInner,.ogrid-fluent__DataGridTable-module__rowNumberCellInner{display:flex;align-items:center;justify-content:center;width:100%;font-variant-numeric:tabular-nums}.ogrid-fluent__DataGridTable-module__columnLetterRow{background:var(--ogrid-column-letter-bg, var(--ogrid-header-bg))}.ogrid-fluent__DataGridTable-module__columnLetterCell{text-align:center;font-size:11px;font-weight:500;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));padding:2px 4px;background:var(--ogrid-column-letter-bg, var(--ogrid-header-bg));border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));user-select:none;font-variant-numeric:tabular-nums}.ogrid-fluent__DataGridTable-module__statusBar{display:flex;align-items:center;gap:16px;width:100%;padding:6px 12px;box-sizing:border-box;font-size:12px;line-height:20px;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));background:var(--ogrid-header-bg, #f5f5f5);border-top:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));min-height:33px}.ogrid-fluent__DataGridTable-module__statusBarItem{display:inline-flex;align-items:center;gap:4px}.ogrid-fluent__DataGridTable-module__statusBarItem:not(:last-child):after{content:"";width:1px;height:14px;background:var(--ogrid-border, rgba(0, 0, 0, .12));margin-left:12px}.ogrid-fluent__DataGridTable-module__statusBarLabel{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5))}.ogrid-fluent__DataGridTable-module__statusBarValue{color:var(--ogrid-fg, rgba(0, 0, 0, .87));font-weight:600}.ogrid-fluent__DataGridTable-module__contextMenu{position:fixed;z-index:var(--ogrid-z-context-menu, 10000);min-width:160px;padding:4px 0;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;box-shadow:var(--ogrid-shadow, 0 4px 16px rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__contextMenuItem{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:6px 12px;border:none;background:none;font-size:13px;text-align:left;cursor:pointer;color:var(--ogrid-fg, rgba(0, 0, 0, .87));min-height:44px}@media(pointer:fine){.ogrid-fluent__DataGridTable-module__contextMenuItem{min-height:auto}}.ogrid-fluent__DataGridTable-module__contextMenuItem:hover:not(:disabled){background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__contextMenuItem:disabled{opacity:.5;cursor:not-allowed}.ogrid-fluent__DataGridTable-module__contextMenuItemLabel{flex:1}.ogrid-fluent__DataGridTable-module__contextMenuItemShortcut{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));font-size:.85em}.ogrid-fluent__DataGridTable-module__contextMenuDivider{height:1px;margin:4px 0;background:var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__loadingOverlay{position:absolute;inset:0;z-index:var(--ogrid-z-loading, 2);display:flex;align-items:center;justify-content:center;background:var(--ogrid-loading-overlay, rgba(255, 255, 255, .7));backdrop-filter:blur(1px);pointer-events:all}.ogrid-fluent__DataGridTable-module__loadingOverlayContent{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;box-shadow:var(--ogrid-shadow-sm, 0 2px 4px rgba(0, 0, 0, .08))}.ogrid-fluent__DataGridTable-module__loadingOverlayText{font-size:13px;font-weight:500;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5))}.ogrid-fluent__DataGridTable-module__loadingDimmed{opacity:.6;pointer-events:none}.ogrid-fluent__DataGridTable-module__emptyStateInGrid{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 16px;min-height:88px;width:100%;box-sizing:border-box;border-top:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));background:var(--ogrid-header-bg, #f5f5f5)}.ogrid-fluent__DataGridTable-module__emptyStateInGridTitle{font-size:14px;font-weight:600;color:var(--ogrid-fg, rgba(0, 0, 0, .87));margin-bottom:4px}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessage{font-size:13px;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));line-height:1.5}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink{background:none;border:none;color:var(--ogrid-accent, #0078d4);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink:hover{color:var(--ogrid-accent-dark, #005a9e)}.ogrid-fluent__DataGridTable-module__spinner{width:24px;height:24px;border:2px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-top-color:var(--ogrid-accent, #0078d4);border-radius:50%;animation:ogrid-fluent__DataGridTable-module__ogrid-spin .8s linear infinite}@keyframes ogrid-fluent__DataGridTable-module__ogrid-spin{to{transform:rotate(360deg)}}@media(max-width:576px){.ogrid-fluent__DataGridTable-module__paginationNav{order:-1;width:100%;justify-content:center}.ogrid-fluent__DataGridTable-module__paginationInfo{font-size:11px;text-align:center;width:100%}.ogrid-fluent__DataGridTable-module__paginationSize{font-size:11px}}:where(:root){--ogrid-cell-padding: 6px 10px;--ogrid-cell-padding-vertical: 6px;--ogrid-cell-padding-horizontal: 10px;--ogrid-z-resize-handle: 1;--ogrid-z-active-cell: 2;--ogrid-z-fill-handle: 3;--ogrid-z-row-number: 5;--ogrid-z-pinned: 6;--ogrid-z-selection-cell: 7;--ogrid-z-thead: 8;--ogrid-z-pinned-header: 10;--ogrid-z-header-focus: 11;--ogrid-z-selection-header-pinned: 12;--ogrid-z-checkbox: 12;--ogrid-z-loading: 2;--ogrid-z-drop-indicator: 100;--ogrid-z-filter-popover: 1000;--ogrid-z-popover: 1000;--ogrid-z-fullscreen: 9999;--ogrid-z-context-menu: 10000;--ogrid-bg: #ffffff;--ogrid-fg: rgba(0, 0, 0, .87);--ogrid-fg-secondary: rgba(0, 0, 0, .6);--ogrid-fg-muted: rgba(0, 0, 0, .5);--ogrid-border: rgba(0, 0, 0, .12);--ogrid-border-strong: rgba(0, 0, 0, .5);--ogrid-border-hover: rgba(0, 0, 0, .3);--ogrid-header-bg: #f5f5f5;--ogrid-hover-bg: rgba(0, 0, 0, .04);--ogrid-selected-row-bg: #e6f0fb;--ogrid-bg-selected-hover: #dae8f8;--ogrid-active-cell-bg: rgba(0, 0, 0, .02);--ogrid-range-bg: rgba(33, 115, 70, .12);--ogrid-accent: #0078d4;--ogrid-accent-dark: #005a9e;--ogrid-selection-color: #217346;--ogrid-primary: #0078d4;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #106ebe;--ogrid-bg-subtle: #f5f5f5;--ogrid-bg-hover: rgba(0, 0, 0, .04);--ogrid-active-bg: rgba(0, 0, 0, .06);--ogrid-muted: rgba(0, 0, 0, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .12);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--ogrid-pinned-shadow: rgba(0, 0, 0, .1);--ogrid-loading-overlay: rgba(255, 255, 255, .7);--ogrid-formula-error-color: #d32f2f;--ogrid-selection: #217346;--ogrid-bg-range: rgba(33, 115, 70, .12);--ogrid-bg-selected: #e6f0fb;--ogrid-loading-bg: rgba(255, 255, 255, .7)}@media(prefers-color-scheme:dark){:where(:root:not([data-theme=light])){--ogrid-bg: #1e1e1e;--ogrid-fg: rgba(255, 255, 255, .87);--ogrid-fg-secondary: rgba(255, 255, 255, .6);--ogrid-fg-muted: rgba(255, 255, 255, .5);--ogrid-border: rgba(255, 255, 255, .12);--ogrid-border-strong: rgba(255, 255, 255, .5);--ogrid-border-hover: rgba(255, 255, 255, .3);--ogrid-header-bg: #2c2c2c;--ogrid-hover-bg: rgba(255, 255, 255, .08);--ogrid-selected-row-bg: #1a3a5c;--ogrid-bg-selected-hover: #1f3650;--ogrid-active-cell-bg: rgba(255, 255, 255, .06);--ogrid-range-bg: rgba(46, 160, 67, .15);--ogrid-accent: #4da6ff;--ogrid-accent-dark: #3390e0;--ogrid-selection-color: #2ea043;--ogrid-primary: #4da6ff;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #66b3ff;--ogrid-bg-subtle: rgba(255, 255, 255, .04);--ogrid-bg-hover: rgba(255, 255, 255, .08);--ogrid-active-bg: rgba(255, 255, 255, .08);--ogrid-muted: rgba(255, 255, 255, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .4);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--ogrid-pinned-shadow: rgba(0, 0, 0, .3);--ogrid-loading-overlay: rgba(0, 0, 0, .7);--ogrid-formula-error-color: #ef5350;--ogrid-selection: #2ea043;--ogrid-bg-range: rgba(46, 160, 67, .15);--ogrid-bg-selected: #1a3a5c;--ogrid-loading-bg: rgba(0, 0, 0, .7)}}:where([data-theme=dark]){--ogrid-bg: #1e1e1e;--ogrid-fg: rgba(255, 255, 255, .87);--ogrid-fg-secondary: rgba(255, 255, 255, .6);--ogrid-fg-muted: rgba(255, 255, 255, .5);--ogrid-border: rgba(255, 255, 255, .12);--ogrid-border-strong: rgba(255, 255, 255, .5);--ogrid-border-hover: rgba(255, 255, 255, .3);--ogrid-header-bg: #2c2c2c;--ogrid-hover-bg: rgba(255, 255, 255, .08);--ogrid-selected-row-bg: #1a3a5c;--ogrid-bg-selected-hover: #1f3650;--ogrid-active-cell-bg: rgba(255, 255, 255, .06);--ogrid-range-bg: rgba(46, 160, 67, .15);--ogrid-accent: #4da6ff;--ogrid-accent-dark: #3390e0;--ogrid-selection-color: #2ea043;--ogrid-primary: #4da6ff;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #66b3ff;--ogrid-bg-subtle: rgba(255, 255, 255, .04);--ogrid-bg-hover: rgba(255, 255, 255, .08);--ogrid-active-bg: rgba(255, 255, 255, .08);--ogrid-muted: rgba(255, 255, 255, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .4);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--ogrid-pinned-shadow: rgba(0, 0, 0, .3);--ogrid-loading-overlay: rgba(0, 0, 0, .7);--ogrid-formula-error-color: #ef5350;--ogrid-selection: #2ea043;--ogrid-bg-range: rgba(46, 160, 67, .15);--ogrid-bg-selected: #1a3a5c;--ogrid-loading-bg: rgba(0, 0, 0, .7)}.fui-FluentProvider{--ogrid-bg: var(--colorNeutralBackground1, #ffffff);--ogrid-fg: var(--colorNeutralForeground1, rgba(0, 0, 0, .87));--ogrid-fg-secondary: var(--colorNeutralForeground2, rgba(0, 0, 0, .6));--ogrid-fg-muted: var(--colorNeutralForeground3, rgba(0, 0, 0, .5));--ogrid-border: var(--colorNeutralStroke2, rgba(0, 0, 0, .12));--ogrid-header-bg: var(--colorSubtleBackgroundSelected, #f3f2f1);--ogrid-hover-bg: var(--colorSubtleBackgroundHover, rgba(0, 0, 0, .04));--ogrid-selected-row-bg: var(--colorNeutralBackground1Selected, #e6f0fb);--ogrid-active-cell-bg: rgba(0, 0, 0, .02);--ogrid-range-bg: rgba(33, 115, 70, .12);--ogrid-accent: var(--colorBrandForeground1, #0078d4);--ogrid-selection-color: #217346;--ogrid-loading-overlay: rgba(255, 255, 255, .7)}.ogrid-fluent__DataGridTable-module__tableScrollContent{min-height:100%;background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff))}.ogrid-fluent__DataGridTable-module__tableWidthAnchor{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));overflow-x:clip}.ogrid-fluent__DataGridTable-module__tableWrapper{border:none;background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));-webkit-overflow-scrolling:touch;outline:none}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__dataTable{table-layout:auto}.ogrid-fluent__DataGridTable-module__dataTable{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell{min-width:80px;box-sizing:border-box;border-right:1px solid var(--colorNeutralStroke1, #c4c4c4);font-size:13px;vertical-align:middle}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell{padding:6px 10px;font-weight:600;font-size:14px;color:var(--ogrid-fg, rgba(0, 0, 0, .87));white-space:nowrap;background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1));z-index:var(--ogrid-z-thead, 8);border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell>.fui-TableHeaderCell__button{position:static}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:focus-visible{outline:2px solid var(--colorBrandStroke1, var(--ogrid-accent, #0078d4));outline-offset:-2px;z-index:var(--ogrid-z-header-focus, 11)}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell{padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;height:1px;border-right:1px solid var(--colorNeutralStroke1, #c4c4c4);position:relative;border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell>*{min-width:0}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:focus-visible{outline:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:last-of-type,.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:last-of-type{border-right:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:first-of-type,.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:first-of-type{border-left:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:last-child .fui-TableCell{border-bottom:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .fui-TableCell{background-color:var(--colorSubtleBackgroundHover, var(--ogrid-hover-bg, rgba(0, 0, 0, .04)))}.ogrid-fluent__DataGridTable-module__leafHeaderCellSpan{font-weight:600;padding:6px 10px;background:var(--ogrid-header-bg, #f3f2f1)}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__selectionHeaderCellWrapper,.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__selectionCellWrapper{width:48px;min-width:48px;max-width:48px;padding:4px;text-align:center}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__rowNumberHeaderCellWrapper{padding:4px 8px;text-align:center;background:var(--ogrid-header-bg, #f5f5f5);font-weight:600;color:var(--colorNeutralForeground3, #666);border-right:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));position:relative}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{padding:4px 8px;text-align:center;background:var(--colorNeutralBackground3, #f5f5f5);font-weight:600;color:var(--colorNeutralForeground3, #666);border-right:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow .fui-TableCell{background-color:var(--colorNeutralBackground1Selected, var(--ogrid-selected-row-bg, #e6f0fb))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .fui-TableCell{background-color:var(--colorSubtleBackgroundHover, #f5f5f5);cursor:pointer}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow:hover .fui-TableCell{background-color:var(--colorNeutralBackground1Hover, #dae8f8)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow:hover .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow{cursor:pointer}.ogrid-fluent__DataGridTable-module__cellContent{padding:var(--ogrid-cell-padding, 4px 8px)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent{outline:2px solid var(--ogrid-selection-color, #217346);background-color:var(--ogrid-active-cell-bg, rgba(0, 0, 0, .02))}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellInRange,.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-range]{background-color:var(--ogrid-range-bg, rgba(33, 115, 70, .12))}.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-anchor]{background-color:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellCut{background-color:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__stickyHeader{z-index:var(--ogrid-z-thead, 8);background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__stickyHeader .fui-TableHeaderCell{position:sticky;top:0}.ogrid-fluent__DataGridTable-module__stickyHeader .ogrid-fluent__DataGridTable-module__pinnedColLeft,.ogrid-fluent__DataGridTable-module__stickyHeader .ogrid-fluent__DataGridTable-module__pinnedColRight{top:0;z-index:var(--ogrid-z-pinned-header, 10)}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__pinnedColLeft{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));border-right:1px solid var(--colorNeutralStroke1, var(--ogrid-border, rgba(0, 0, 0, .12)));box-shadow:2px 0 4px -1px #0000001a}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeader .ogrid-fluent__DataGridTable-module__pinnedColLeft{background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__pinnedColRight{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));border-left:1px solid var(--colorNeutralStroke1, var(--ogrid-border, rgba(0, 0, 0, .12)));box-shadow:-2px 0 4px -1px #0000001a}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeader .ogrid-fluent__DataGridTable-module__pinnedColRight{background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger{color:var(--colorNeutralForeground3, #666)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:hover{background:var(--colorNeutralBackground1Hover, #f3f2f1)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:active{background:var(--colorNeutralBackground1Pressed, #e1dfdd)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:focus-visible{outline:2px solid var(--colorBrandStroke1, var(--ogrid-accent, #0078d4))}.ogrid-fluent__DataGridTable-module__resizeHandle:hover:after{background-color:var(--colorBrandForeground1, var(--ogrid-accent, #0078d4))}.ogrid-fluent__DataGridTable-module__resizeHandle:active:after{background-color:var(--colorBrandForeground1Pressed, #005a9e)}.ogrid-fluent__DataGridTable-module__statusBar{min-width:0;color:var(--colorNeutralForeground2, #616161);background-color:var(--colorSubtleBackgroundSelected, #f3f2f1);border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);user-select:none}.ogrid-fluent__DataGridTable-module__statusBarItem:not(:last-child):after{display:inline-block;background-color:var(--colorNeutralStroke1, #c4c4c4)}.ogrid-fluent__DataGridTable-module__statusBarLabel{color:var(--colorNeutralForeground3, #707070);font-weight:400}.ogrid-fluent__DataGridTable-module__statusBarValue{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__contextMenu{background:var(--colorNeutralBackground1, #fff);border:1px solid var(--colorNeutralStroke1, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);box-shadow:var(--shadow16, 0 4px 16px rgba(0, 0, 0, .12));outline:none}.ogrid-fluent__DataGridTable-module__contextMenuItem{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__contextMenuItem:hover:not(:disabled){background-color:var(--colorSubtleBackgroundHover, #f5f5f5)}.ogrid-fluent__DataGridTable-module__contextMenuItemShortcut{color:var(--colorNeutralForeground3, rgba(0, 0, 0, .4))}.ogrid-fluent__DataGridTable-module__contextMenuDivider{background-color:var(--colorNeutralStroke2, #e0e0e0)}.ogrid-fluent__DataGridTable-module__loadingOverlayContent{background:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorNeutralStroke1, #c4c4c4);border-radius:var(--borderRadiusMedium, 4px);box-shadow:var(--shadow4, 0 2px 4px rgba(0, 0, 0, .14))}.ogrid-fluent__DataGridTable-module__loadingOverlayText{color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__DataGridTable-module__loadingDimmed{transition:opacity .15s ease}.ogrid-fluent__DataGridTable-module__emptyStateInGrid{min-width:0;border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessageSticky{position:sticky;left:50%;transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:center;text-align:center}.ogrid-fluent__DataGridTable-module__emptyStateInGridIcon{font-size:24px;margin-bottom:8px;opacity:.6}.ogrid-fluent__DataGridTable-module__emptyStateInGridTitle{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessage{color:var(--colorNeutralForeground2, #616161);max-width:100%}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink{color:var(--colorBrandForeground1, #0f6cbd)}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink:hover{color:var(--colorBrandForeground1Hover, #115ea3)}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link{color:var(--colorBrandForeground1, #0f6cbd);font-weight:600;text-decoration:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link:hover{text-decoration:underline;color:var(--colorBrandForeground1Hover, #115ea3)}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link:active{color:var(--colorBrandForeground1Pressed, #0c3b5e)}.ogrid-fluent__DataGridTable-module__density-compact{--ogrid-cell-padding-vertical: 4px;--ogrid-cell-padding-horizontal: 8px;--ogrid-cell-font-size: 12px}.ogrid-fluent__DataGridTable-module__density-compact .ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__density-compact .ogrid-fluent__DataGridTable-module__cellContent{padding:4px 8px}.ogrid-fluent__DataGridTable-module__density-comfortable{--ogrid-cell-padding-vertical: 12px;--ogrid-cell-padding-horizontal: 16px;--ogrid-cell-font-size: 14px}.ogrid-fluent__DataGridTable-module__density-comfortable .ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__density-comfortable .ogrid-fluent__DataGridTable-module__cellContent{padding:12px 16px}.ogrid-fluent__DataGridTable-module__booleanCheckbox{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--ogrid-accent, #0078d4)}.ogrid-fluent__DataGridTable-module__booleanCheckbox:disabled{cursor:default;opacity:.5}.ogrid-fluent__DataGridTable-module__booleanCheckbox:focus-visible{outline:2px solid var(--ogrid-accent, #0078d4);outline-offset:2px}.ogrid-fluent__DataGridTable-module__tableWrapper .fui-Button:focus-visible,.ogrid-fluent__DataGridTable-module__tableWrapper .fui-MenuButton:focus-visible{outline:2px solid var(--colorBrandStroke1, #0078d4);outline-offset:2px}.ogrid-fluent__DataGridTable-module__tableWrapper .fui-Checkbox:focus-visible{outline:2px solid var(--colorBrandStroke1, #0078d4);outline-offset:2px}.ogrid-fluent__ColumnChooser-module__container{position:relative;display:inline-flex}.ogrid-fluent__ColumnChooser-module__dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:10000;min-width:220px;display:flex;flex-direction:column;background:var(--colorNeutralBackground1, #fff);border:1px solid var(--colorNeutralStroke2, #edebe9);border-radius:6px;box-shadow:0 4px 16px #0000001f;padding:0}.ogrid-fluent__ColumnChooser-module__header{padding:8px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #edebe9);font-weight:600;font-size:13px}.ogrid-fluent__ColumnChooser-module__optionsList{max-height:320px;overflow-y:auto;padding:0}.ogrid-fluent__ColumnChooser-module__optionItem{padding:4px 12px;display:flex;align-items:center;min-height:32px}.ogrid-fluent__ColumnChooser-module__optionItem:hover{background:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnChooser-module__actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid var(--colorNeutralStroke2, #edebe9)}.ogrid-fluent__PaginationControls-module__pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;width:100%;min-width:0;box-sizing:border-box;padding:0}.ogrid-fluent__PaginationControls-module__paginationInfo{font-size:13px;color:var(--colorNeutralForeground2, #605e5c);flex-shrink:0;font-variant-numeric:tabular-nums}.ogrid-fluent__PaginationControls-module__paginationControls{display:flex;align-items:center;gap:4px;flex-wrap:wrap;flex:1 1 auto;justify-content:center;min-width:0}.ogrid-fluent__PaginationControls-module__navBtn{min-width:28px;min-height:28px}.ogrid-fluent__PaginationControls-module__pageNumbers{display:inline-flex;align-items:center;gap:4px;margin:0 8px}.ogrid-fluent__PaginationControls-module__pageBtn{min-width:28px;min-height:28px;font-variant-numeric:tabular-nums}.ogrid-fluent__PaginationControls-module__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:24px;font-size:12px;color:var(--colorNeutralForeground3, #8a8886);user-select:none;pointer-events:none;letter-spacing:.02em}.ogrid-fluent__PaginationControls-module__pageSizeSelector{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.ogrid-fluent__PaginationControls-module__pageSizeSelector .ogrid-fluent__PaginationControls-module__pageSizeLabel{font-size:13px;color:var(--colorNeutralForeground2, #605e5c);user-select:none;white-space:nowrap}.ogrid-fluent__PaginationControls-module__pageSizeSelector .ogrid-fluent__PaginationControls-module__pageSizeSelect{min-width:72px}

package/dist/esm/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import'./index.css';import {useColumnHeaderFilterState,getColumnHeaderFilterStateParams,DateFilterContent,renderFilterContent,areGridRowPropsEqual,PaginationControlsBase,createOGrid,useListVirtualizer,STOP_PROPAGATION,useDataGridTableOrchestration,useColumnMeta,getCellRenderDescriptor,buildInlineEditorProps,buildPopoverEditorProps,resolveCellDisplayContent,resolveCellStyle,POPOVER_ANCHOR_STYLE,getCellInteractionProps,CURSOR_CELL_STYLE,CellErrorBoundary,GRID_ROOT_STYLE,PREVENT_DEFAULT,indexToColumnLetter,ROW_NUMBER_COLUMN_ID,ROW_NUMBER_COLUMN_WIDTH,getHeaderFilterConfig,MarchingAntsOverlay,FormulaRefOverlay,NOOP,getColumnHeaderMenuProps,useColumnChooserState,ColumnChooserContent,BaseInlineCellEditor,partitionColumnsForVirtualization,BaseDropIndicator,BaseEmptyState,GridContextMenu,BaseColumnHeaderMenu,StatusBar,BaseLoadingOverlay}from'@alaarab/ogrid-react';export{BaseColumnHeaderMenu,BaseDropIndicator,BaseEmptyState,BaseInlineCellEditor,BaseLoadingOverlay,CELL_PADDING,CHECKBOX_COLUMN_WIDTH,COLUMN_HEADER_MENU_ITEMS,CURSOR_CELL_STYLE,CellErrorBoundary,DEFAULT_MIN_COLUMN_WIDTH,DateFilterContent,EmptyState,GRID_BORDER_RADIUS,GRID_CONTEXT_MENU_ITEMS,GRID_ROOT_STYLE,GridContextMenu,MAX_PAGE_BUTTONS,MarchingAntsOverlay,NOOP,OGridLayout,PAGE_SIZE_OPTIONS,POPOVER_ANCHOR_STYLE,PREVENT_DEFAULT,ROW_NUMBER_COLUMN_WIDTH,STOP_PROPAGATION,SideBar,StatusBar,UndoRedoStack,areGridRowPropsEqual,booleanParser,buildCsvHeader,buildCsvRows,buildHeaderRows,buildInlineEditorProps,buildPopoverEditorProps,clampSelectionToBounds,computeAggregations,computeAutoScrollSpeed,computeTabNavigation,createOGrid,currencyParser,dateParser,deriveFilterOptionsFromData,editorInputStyle,editorWrapperStyle,emailParser,escapeCsvValue,exportToCsv,findCtrlArrowTarget,flattenColumns,formatCellValueForTsv,formatSelectionAsTsv,formatShortcut,getCellInteractionProps,getCellRenderDescriptor,getCellValue,getColumnHeaderFilterStateParams,getColumnHeaderMenuItems,getContextMenuHandlers,getDataGridStatusBarConfig,getDateFilterContentProps,getFilterField,getHeaderFilterConfig,getMultiSelectFilterFields,getPaginationViewModel,getStatusBarParts,isInSelectionRange,isRowInRange,mergeFilter,normalizeSelectionRange,numberParser,parseTsvClipboard,parseValue,processClientSideData,rangesEqual,renderFilterContent,resolveCellDisplayContent,resolveCellStyle,richSelectDropdownStyle,richSelectNoMatchesStyle,richSelectOptionHighlightedStyle,richSelectOptionStyle,richSelectWrapperStyle,selectChevronStyle,selectDisplayStyle,selectEditorStyle,toUserLike,triggerCsvDownload,useActiveCell,useCellEditing,useCellSelection,useClipboard,useColumnChooserState,useColumnHeaderFilterState,useColumnMeta,useColumnReorder,useColumnResize,useContextMenu,useDataGridState,useDataGridTableOrchestration,useDateFilterState,useDebounce,useFillHandle,useFilterOptions,useInlineCellEditorState,useKeyboardNavigation,useLatestRef,useListVirtualizer,useMultiSelectFilterState,useOGrid,usePaginationControls,usePeopleFilterState,useRichSelectState,useRowSelection,useSelectState,useSideBarState,useTableLayout,useTextFilterState,useUndoRedo,useVirtualScroll}from'@alaarab/ogrid-react';importas J from'react';import {useCallback,useRef,useEffect}from'react';import {createPortal}from'react-dom';import {Popover,PopoverSurface,TableRow,TableCell,Checkbox,Table,TableHeader,TableHeaderCell,Select,Button,TableBody}from'@fluentui/react-components';import {FilterRegular,ChevronDoubleRightRegular,ChevronRightRegular,ChevronLeftRegular,ChevronDoubleLeftRegular,SearchRegular,ChevronUpRegular,ChevronDownRegular,TableSettingsRegular}from'@fluentui/react-icons';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var e={columnHeader:"ogrid-fluent__ColumnHeaderFilter-module__columnHeader",headerContent:"ogrid-fluent__ColumnHeaderFilter-module__headerContent",columnName:"ogrid-fluent__ColumnHeaderFilter-module__columnName",headerActions:"ogrid-fluent__ColumnHeaderFilter-module__headerActions",filterActive:"ogrid-fluent__ColumnHeaderFilter-module__filterActive",filterIcon:"ogrid-fluent__ColumnHeaderFilter-module__filterIcon",filterOpen:"ogrid-fluent__ColumnHeaderFilter-module__filterOpen",filterBadge:"ogrid-fluent__ColumnHeaderFilter-module__filterBadge",filterPopover:"ogrid-fluent__ColumnHeaderFilter-module__filterPopover",popoverHeader:"ogrid-fluent__ColumnHeaderFilter-module__popoverHeader",popoverSearch:"ogrid-fluent__ColumnHeaderFilter-module__popoverSearch",nativeInputWrapper:"ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper",nativeInputIcon:"ogrid-fluent__ColumnHeaderFilter-module__nativeInputIcon",nativeInput:"ogrid-fluent__ColumnHeaderFilter-module__nativeInput",resultCount:"ogrid-fluent__ColumnHeaderFilter-module__resultCount",selectAllRow:"ogrid-fluent__ColumnHeaderFilter-module__selectAllRow",selectAllButton:"ogrid-fluent__ColumnHeaderFilter-module__selectAllButton",popoverOptions:"ogrid-fluent__ColumnHeaderFilter-module__popoverOptions",popoverOption:"ogrid-fluent__ColumnHeaderFilter-module__popoverOption",nativeCheckbox:"ogrid-fluent__ColumnHeaderFilter-module__nativeCheckbox",checkboxLabel:"ogrid-fluent__ColumnHeaderFilter-module__checkboxLabel",personOption:"ogrid-fluent__ColumnHeaderFilter-module__personOption",loadingContainer:"ogrid-fluent__ColumnHeaderFilter-module__loadingContainer",filterSpinner:"ogrid-fluent__ColumnHeaderFilter-module__filterSpinner",noResults:"ogrid-fluent__ColumnHeaderFilter-module__noResults",selectedUserSection:"ogrid-fluent__ColumnHeaderFilter-module__selectedUserSection",selectedUserLabel:"ogrid-fluent__ColumnHeaderFilter-module__selectedUserLabel",selectedUser:"ogrid-fluent__ColumnHeaderFilter-module__selectedUser",userInfo:"ogrid-fluent__ColumnHeaderFilter-module__userInfo",avatar:"ogrid-fluent__ColumnHeaderFilter-module__avatar",avatarImg:"ogrid-fluent__ColumnHeaderFilter-module__avatarImg",avatarInitials:"ogrid-fluent__ColumnHeaderFilter-module__avatarInitials",userText:"ogrid-fluent__ColumnHeaderFilter-module__userText",userSecondary:"ogrid-fluent__ColumnHeaderFilter-module__userSecondary",removeUserButton:"ogrid-fluent__ColumnHeaderFilter-module__removeUserButton",popoverActions:"ogrid-fluent__ColumnHeaderFilter-module__popoverActions",clearButton:"ogrid-fluent__ColumnHeaderFilter-module__clearButton",applyButton:"ogrid-fluent__ColumnHeaderFilter-module__applyButton"};var ye=({value:r,onValueChange:a,onApply:n,onClear:u,onPopoverClick:s,onInputFocus:p,onInputMouseDown:g,onInputClick:c,onInputKeyDown:h})=>jsxs(Fragment,{children:[jsx("div",{className:e.popoverSearch,onClick:s,children:jsxs("div",{className:e.nativeInputWrapper,children:[jsx(SearchRegular,{className:e.nativeInputIcon}),jsx("input",{type:"text",placeholder:"Enter search term...",value:r,onChange:i=>a(i.target.value),onKeyDown:i=>{h(i),i.key==="Enter"&&(i.preventDefault(),n());},onFocus:p,onMouseDown:g,onClick:c,autoComplete:"off",className:e.nativeInput})]})}),jsxs("div",{className:e.popoverActions,onClick:s,children:[jsx("button",{type:"button",className:e.clearButton,onClick:u,disabled:!r,children:"Clear"}),jsx("button",{type:"button",className:e.applyButton,onClick:n,children:"Apply"})]})]});ye.displayName="TextFilterPopover";var Je=40,Se=({searchText:r,onSearchChange:a,options:n,filteredOptions:u,selected:s,onOptionToggle:p,onSelectAll:g,onClearSelection:c,onApply:h,isLoading:i,onPopoverClick:x,onInputFocus:R,onInputMouseDown:I,onInputClick:S,onInputKeyDown:T})=>{let C=useListVirtualizer({count:u.length,itemHeight:Je});return jsxs(Fragment,{children:[jsxs("div",{className:e.popoverSearch,onClick:x,children:[jsxs("div",{className:e.nativeInputWrapper,children:[jsx(SearchRegular,{className:e.nativeInputIcon}),jsx("input",{type:"text",placeholder:"Search...",value:r,onChange:y=>a(y.target.value),onFocus:R,onMouseDown:I,onClick:S,onKeyDown:T,autoComplete:"off",className:e.nativeInput})]}),jsxs("div",{className:e.resultCount,children:[u.length," of ",n.length," options"]})]}),jsxs("div",{className:e.selectAllRow,onClick:x,children:[jsxs("button",{type:"button",className:e.selectAllButton,onClick:g,children:["Select All (",u.length,")"]}),jsx("button",{type:"button",className:e.selectAllButton,onClick:c,children:"Clear"})]}),jsx("div",{ref:C.containerRef,onScroll:C.onScroll,className:e.popoverOptions,onClick:x,children:i?jsxs("div",{className:e.loadingContainer,children:[jsx("div",{className:e.filterSpinner}),jsx("span",{style:{fontSize:12,color:"var(--colorNeutralForeground2, #616161)"},children:"Loading..."})]}):u.length===0?jsx("div",{className:e.noResults,children:"No options found"}):jsx("div",{style:{height:C.totalHeight,position:"relative"},children:C.visibleItems.map(({index:y,offsetTop:f})=>{let _=u[y],D=s.has(_);return jsxs("label",{className:e.popoverOption,style:{position:"absolute",top:f,width:"100%",height:Je,boxSizing:"border-box",display:"flex",alignItems:"center"},children:[jsx("input",{type:"checkbox",checked:D,onChange:l=>{l.stopPropagation(),p(_,l.target.checked);},className:e.nativeCheckbox}),jsx("span",{className:e.checkboxLabel,children:_})]},_)})})}),jsxs("div",{className:e.popoverActions,onClick:x,children:[jsx("button",{type:"button",className:e.clearButton,onClick:c,children:"Clear"}),jsx("button",{type:"button",className:e.applyButton,onClick:h,children:"Apply"})]})]})};Se.displayName="MultiSelectFilterPopover";function Qe(r){let a=r.trim().split(/\s+/);return a.length>=2?(a[0][0]+a[a.length-1][0]).toUpperCase():(a[0]?.[0]??"").toUpperCase()}var De=({selectedUser:r,searchText:a,onSearchChange:n,suggestions:u,isLoading:s,onUserSelect:p,onClearUser:g,onPopoverClick:c,inputRef:h})=>jsxs(Fragment,{children:[r&&jsxs("div",{className:e.selectedUserSection,onClick:c,children:[jsx("div",{className:e.selectedUserLabel,children:"Currently filtered by:"}),jsxs("div",{className:e.selectedUser,children:[jsxs("div",{className:e.userInfo,children:[jsx("div",{className:e.avatar,children:r.photo?jsx("img",{src:r.photo,alt:"",className:e.avatarImg}):jsx("span",{className:e.avatarInitials,children:Qe(r.displayName)})}),jsxs("div",{className:e.userText,children:[jsx("div",{children:r.displayName}),jsx("div",{className:e.userSecondary,children:r.email})]})]}),jsx("button",{type:"button",className:e.removeUserButton,onClick:g,"aria-label":"Remove filter",children:jsx(FilterRegular,{})})]})]}),jsx("div",{className:e.popoverSearch,onClick:c,children:jsxs("div",{className:e.nativeInputWrapper,children:[jsx(SearchRegular,{className:e.nativeInputIcon}),jsx("input",{ref:h,type:"text",placeholder:"Search for a person...",value:a,onChange:i=>n(i.target.value),onFocus:i=>i.stopPropagation(),onMouseDown:i=>i.stopPropagation(),onClick:i=>i.stopPropagation(),onKeyDown:i=>i.stopPropagation(),autoComplete:"off",className:e.nativeInput})]})}),jsx("div",{className:e.popoverOptions,onClick:c,children:s&&a.trim()?jsxs("div",{className:e.loadingContainer,children:[jsx("div",{className:e.filterSpinner}),jsx("span",{style:{fontSize:12,color:"var(--colorNeutralForeground2, #616161)"},children:"Searching..."})]}):u.length===0&&a.trim()?jsx("div",{className:e.noResults,children:"No results found"}):a.trim()?u.map(i=>jsx("div",{className:e.personOption,onClick:x=>{x.stopPropagation(),p(i);},children:jsxs("div",{className:e.userInfo,children:[jsx("div",{className:e.avatar,children:i.photo?jsx("img",{src:i.photo,alt:"",className:e.avatarImg}):jsx("span",{className:e.avatarInitials,children:Qe(i.displayName)})}),jsxs("div",{className:e.userText,children:[jsx("div",{children:i.displayName}),jsx("div",{className:e.userSecondary,children:i.email})]})]})},i.id??i.email??i.displayName)):jsx("div",{className:e.noResults,children:"Type to search..."})}),r&&jsx("div",{className:e.popoverActions,onClick:c,children:jsx("button",{type:"button",className:e.clearButton,onClick:g,children:"Clear Filter"})})]});De.displayName="PeopleFilterPopover";var le=J.memo(r=>{let{columnName:a,filterType:n,options:u,isLoadingOptions:s=false,selectedUser:p}=r,g=useColumnHeaderFilterState(getColumnHeaderFilterStateParams(r)),{headerRef:c,popoverRef:h,isFilterOpen:i,setFilterOpen:x,hasActiveFilter:R,handlers:I}=g,{handlePopoverClick:S,handleInputFocus:T,handleInputMouseDown:C,handleInputClick:y,handleInputKeyDown:f}=I,_=J.useRef(null),D=J.useMemo(()=>({renderMultiSelect:l=>jsx(Se,{searchText:l.searchText,onSearchChange:l.onSearchChange,options:l.options,filteredOptions:l.filteredOptions,selected:l.selected,onOptionToggle:l.onOptionToggle,onSelectAll:l.onSelectAll,onClearSelection:l.onClearSelection,onApply:l.onApply,isLoading:l.isLoading,onPopoverClick:S,onInputFocus:T,onInputMouseDown:C,onInputClick:y,onInputKeyDown:f}),renderText:l=>jsx(ye,{value:l.value,onValueChange:l.onValueChange,onApply:l.onApply,onClear:l.onClear,onPopoverClick:S,onInputFocus:T,onInputMouseDown:C,onInputClick:y,onInputKeyDown:f}),renderPeople:l=>jsx(De,{selectedUser:l.selectedUser,searchText:l.searchText,onSearchChange:l.onSearchChange,suggestions:l.suggestions,isLoading:l.isLoading,onUserSelect:l.onUserSelect,onClearUser:l.onClearUser,onPopoverClick:S,inputRef:l.inputRef}),renderDate:l=>jsx("div",{onClick:S,children:jsx(DateFilterContent,{tempDateFrom:l.tempDateFrom,setTempDateFrom:l.setTempDateFrom,tempDateTo:l.tempDateTo,setTempDateTo:l.setTempDateTo,onApply:l.onApply,onClear:l.onClear,classNames:{popoverActions:e.popoverActions,clearButton:e.clearButton,applyButton:e.applyButton}})})}),[S,T,C,y,f]);return jsxs("div",{className:e.columnHeader,ref:c,children:[jsx("div",{className:e.headerContent,children:jsx("span",{className:e.columnName,title:a,"data-header-label":true,children:a})}),jsx("div",{className:e.headerActions,children:n!=="none"&&jsxs(Fragment,{children:[jsxs("button",{ref:_,type:"button",className:`${e.filterIcon} ${R?e.filterActive:""} ${i?e.filterOpen:""}`,onClick:I.handleFilterIconClick,"aria-label":`Filter ${a}`,"aria-expanded":i,"aria-haspopup":"dialog",title:`Filter ${a}`,children:[jsx(FilterRegular,{}),R&&jsx("span",{className:e.filterBadge})]}),jsx(Popover,{open:i,onOpenChange:(l,V)=>{V.open\|\|x(false);},positioning:{target:_.current??void 0,position:"below",align:"start",offset:4},trapFocus:false,children:jsxs(PopoverSurface,{ref:h,className:e.filterPopover,onClick:I.handlePopoverClick,style:{padding:0},children:[jsxs("div",{className:e.popoverHeader,children:["Filter: ",a]}),renderFilterContent(n,g,u??[],s,p,D)]})})]})})]})});le.displayName="ColumnHeaderFilter";var eo={content:"ogrid-fluent__ColumnHeaderMenu-module__content",item:"ogrid-fluent__ColumnHeaderMenu-module__item",separator:"ogrid-fluent__ColumnHeaderMenu-module__separator"};var tr=r=>r.closest(".fui-FluentProvider")??document.body;function ce(r){return jsx(BaseColumnHeaderMenu,{...r,classNames:eo,getPortalTarget:tr})}function ro(r){return jsx(BaseInlineCellEditor,{...r,renderCheckbox:(a,n,u)=>jsx(Checkbox,{checked:a,onChange:(s,p)=>n(!!p.checked),onKeyDown:s=>s.key==="Escape"&&(s.preventDefault(),u())})})}var o={tableScrollContent:"ogrid-fluent__DataGridTable-module__tableScrollContent",tableWidthAnchor:"ogrid-fluent__DataGridTable-module__tableWidthAnchor",tableWrapper:"ogrid-fluent__DataGridTable-module__tableWrapper",dataTable:"ogrid-fluent__DataGridTable-module__dataTable",groupHeaderCell:"ogrid-fluent__DataGridTable-module__groupHeaderCell",headerCellContent:"ogrid-fluent__DataGridTable-module__headerCellContent",headerMenuTrigger:"ogrid-fluent__DataGridTable-module__headerMenuTrigger",dropIndicator:"ogrid-fluent__DataGridTable-module__dropIndicator",resizeHandle:"ogrid-fluent__DataGridTable-module__resizeHandle",pinnedColLeft:"ogrid-fluent__DataGridTable-module__pinnedColLeft",pinnedColRight:"ogrid-fluent__DataGridTable-module__pinnedColRight",cellContent:"ogrid-fluent__DataGridTable-module__cellContent",activeCellContent:"ogrid-fluent__DataGridTable-module__activeCellContent",editingCellContent:"ogrid-fluent__DataGridTable-module__editingCellContent",cellInRange:"ogrid-fluent__DataGridTable-module__cellInRange",inRange:"ogrid-fluent__DataGridTable-module__inRange",cellCut:"ogrid-fluent__DataGridTable-module__cellCut",fillHandle:"ogrid-fluent__DataGridTable-module__fillHandle",selectionHeaderCellInner:"ogrid-fluent__DataGridTable-module__selectionHeaderCellInner",selectionCellInner:"ogrid-fluent__DataGridTable-module__selectionCellInner",rowNumberHeaderCellInner:"ogrid-fluent__DataGridTable-module__rowNumberHeaderCellInner",rowNumberCellInner:"ogrid-fluent__DataGridTable-module__rowNumberCellInner",columnLetterRow:"ogrid-fluent__DataGridTable-module__columnLetterRow",columnLetterCell:"ogrid-fluent__DataGridTable-module__columnLetterCell",statusBar:"ogrid-fluent__DataGridTable-module__statusBar",statusBarItem:"ogrid-fluent__DataGridTable-module__statusBarItem",statusBarLabel:"ogrid-fluent__DataGridTable-module__statusBarLabel",statusBarValue:"ogrid-fluent__DataGridTable-module__statusBarValue",contextMenu:"ogrid-fluent__DataGridTable-module__contextMenu",contextMenuItem:"ogrid-fluent__DataGridTable-module__contextMenuItem",contextMenuItemLabel:"ogrid-fluent__DataGridTable-module__contextMenuItemLabel",contextMenuItemShortcut:"ogrid-fluent__DataGridTable-module__contextMenuItemShortcut",contextMenuDivider:"ogrid-fluent__DataGridTable-module__contextMenuDivider",loadingOverlay:"ogrid-fluent__DataGridTable-module__loadingOverlay",loadingOverlayContent:"ogrid-fluent__DataGridTable-module__loadingOverlayContent",loadingOverlayText:"ogrid-fluent__DataGridTable-module__loadingOverlayText",loadingDimmed:"ogrid-fluent__DataGridTable-module__loadingDimmed",emptyStateInGrid:"ogrid-fluent__DataGridTable-module__emptyStateInGrid",emptyStateInGridTitle:"ogrid-fluent__DataGridTable-module__emptyStateInGridTitle",emptyStateInGridMessage:"ogrid-fluent__DataGridTable-module__emptyStateInGridMessage",emptyStateInGridLink:"ogrid-fluent__DataGridTable-module__emptyStateInGridLink",spinner:"ogrid-fluent__DataGridTable-module__spinner","ogrid-spin":"ogrid-fluent__DataGridTable-module__ogrid-spin",paginationNav:"ogrid-fluent__DataGridTable-module__paginationNav",paginationInfo:"ogrid-fluent__DataGridTable-module__paginationInfo",paginationSize:"ogrid-fluent__DataGridTable-module__paginationSize",leafHeaderCellSpan:"ogrid-fluent__DataGridTable-module__leafHeaderCellSpan",selectionHeaderCellWrapper:"ogrid-fluent__DataGridTable-module__selectionHeaderCellWrapper",selectionCellWrapper:"ogrid-fluent__DataGridTable-module__selectionCellWrapper",rowNumberHeaderCellWrapper:"ogrid-fluent__DataGridTable-module__rowNumberHeaderCellWrapper",rowNumberCellWrapper:"ogrid-fluent__DataGridTable-module__rowNumberCellWrapper",selectedRow:"ogrid-fluent__DataGridTable-module__selectedRow",selectableGrid:"ogrid-fluent__DataGridTable-module__selectableGrid",stickyHeader:"ogrid-fluent__DataGridTable-module__stickyHeader",emptyStateInGridMessageSticky:"ogrid-fluent__DataGridTable-module__emptyStateInGridMessageSticky",emptyStateInGridIcon:"ogrid-fluent__DataGridTable-module__emptyStateInGridIcon","density-compact":"ogrid-fluent__DataGridTable-module__density-compact","density-comfortable":"ogrid-fluent__DataGridTable-module__density-comfortable",booleanCheckbox:"ogrid-fluent__DataGridTable-module__booleanCheckbox"};var ur={statusBar:o.statusBar,statusBarItem:o.statusBarItem,statusBarLabel:o.statusBarLabel,statusBarValue:o.statusBarValue};function ao(r){return jsx(StatusBar,{...r,classNames:ur})}var cr={contextMenu:o.contextMenu,contextMenuItem:o.contextMenuItem,contextMenuItemLabel:o.contextMenuItemLabel,contextMenuItemShortcut:o.contextMenuItemShortcut,contextMenuDivider:o.contextMenuDivider};function to(r){return jsx(GridContextMenu,{...r,classNames:cr})}var mr={emptyStateInGrid:o.emptyStateInGrid,emptyStateInGridInner:o.emptyStateInGridMessageSticky,emptyStateInGridIcon:o.emptyStateInGridIcon,emptyStateInGridTitle:o.emptyStateInGridTitle,emptyStateInGridMessage:o.emptyStateInGridMessage,emptyStateInGridLink:o.emptyStateInGridLink};function lo({emptyState:r}){return jsx(BaseEmptyState,{emptyState:r,classNames:mr,icon:"\u{1F4CB}"})}var Cr={loadingOverlay:o.loadingOverlay,loadingOverlayContent:o.loadingOverlayContent,spinner:o.spinner,loadingOverlayText:o.loadingOverlayText};function no({message:r}){return jsx(BaseLoadingOverlay,{message:r,classNames:Cr})}function io({dropIndicatorX:r,wrapperLeft:a}){return jsx(BaseDropIndicator,{dropIndicatorX:r,wrapperLeft:a,className:o.dropIndicator})}var po={padding:0,border:"none"};function jr(r){let{item:a,rowIndex:n,rowId:u,isSelected:s,visibleCols:p,columnMeta:g,renderCellContent:c,handleSingleRowClick:h,handleRowCheckboxChange:i,lastMouseShiftRef:x,hasCheckboxCol:R,hasRowNumbersCol:I,rowNumberOffset:S,leftSpacerWidth:T,rightSpacerWidth:C,globalColIndexMap:y,rowNumWidth:f}=r;return jsxs(TableRow,{className:s?o.selectedRow:void 0,"data-row-id":u,onClick:h,"aria-selected":s\|\|void 0,children:[R&&jsx(TableCell,{className:o.selectionCellWrapper,children:jsx("div",{className:o.selectionCellInner,"data-row-index":n,"data-col-index":0,onClick:STOP_PROPAGATION,children:jsx(Checkbox,{checked:s,onChange:(_,D)=>{i(u,!!D.checked,n,x.current);},"aria-label":`Select row ${n+1}`})})}),I&&jsx(TableCell,{className:o.rowNumberCellWrapper,style:f?{width:f,minWidth:f,maxWidth:f}:void 0,children:jsx("div",{className:o.rowNumberCellInner,children:S+n+1})}),T!=null&&T>0&&jsx("td",{style:{...po,width:T,minWidth:T},"aria-hidden":true}),p.map((_,D)=>{let l=y?y[D]:D;return jsx(TableCell,{"data-column-id":_.columnId,className:g.cellClasses[_.columnId]\|\|void 0,style:g.cellStyles[_.columnId],children:c(a,_,n,l)},_.columnId)}),C!=null&&C>0&&jsx("td",{style:{...po,width:C,minWidth:C},"aria-hidden":true})]})}var Yr=J.memo(jr,areGridRowPropsEqual);function qr(r){let{virtualScrollEnabled:a,visibleRange:n,columnRange:u,items:s,getRowId:p,selectedRowIds:g,visibleCols:c,columnMeta:h,renderCellContent:i,handleSingleRowClick:x,handleRowCheckboxChange:R,lastMouseShiftRef:I,hasCheckboxCol:S,hasRowNumbersCol:T,rowNumberOffset:C,selectionRange:y,activeCell:f,cutRange:_,copyRange:D,isDragging:l,editingCell:V,pinnedColumns:ne,rowNumWidth:_e}=r,M=J.useMemo(()=>u?partitionColumnsForVirtualization(c,u,ne):null,[c,u,ne]),{rowCols:me,globalColIndexMap:fe,leftSpacerWidth:ie,rightSpacerWidth:be}=J.useMemo(()=>{if(!M)return {rowCols:c,globalColIndexMap:void 0,leftSpacerWidth:void 0,rightSpacerWidth:void 0};let N=[...M.pinnedLeft,...M.virtualizedUnpinned,...M.pinnedRight],k=N.map(O=>c.indexOf(O));return {rowCols:N,globalColIndexMap:k,leftSpacerWidth:M.leftSpacerWidth,rightSpacerWidth:M.rightSpacerWidth}},[M,c]),Q=(N,k)=>{let O=p(N);return jsx(Yr,{item:N,rowIndex:k,rowId:O,isSelected:g.has(O),visibleCols:me,columnMeta:h,renderCellContent:i,handleSingleRowClick:x,handleRowCheckboxChange:R,lastMouseShiftRef:I,hasCheckboxCol:S,hasRowNumbersCol:T,rowNumberOffset:C,selectionRange:y,activeCell:f,cutRange:_,copyRange:D,isDragging:l,editingRowId:V?.rowId??null,leftSpacerWidth:ie,rightSpacerWidth:be,globalColIndexMap:fe,rowNumWidth:_e},O)};return jsxs(TableBody,{children:[a&&n.offsetTop>0&&jsx("tr",{style:{height:n.offsetTop},"aria-hidden":true}),a?s.slice(n.startIndex,n.endIndex+1).map((N,k)=>Q(N,n.startIndex+k)):s.map((N,k)=>Q(N,k)),a&&n.offsetBottom>0&&jsx("tr",{style:{height:n.offsetBottom},"aria-hidden":true})]})}function Zr(r){let a=useDataGridTableOrchestration({props:r}),{wrapperRef:n,tableContainerRef:u,lastMouseShiftRef:s,interaction:p,pinning:g,handleResizeStart:c,handleResizeDoubleClick:h,getColumnWidth:i,isReorderDragging:x,dropIndicatorX:R,handleHeaderMouseDown:I,virtualScrollEnabled:S,visibleRange:T,columnRange:C,onHorizontalScroll:y,items:f,getRowId:_,emptyState:D,rowSelection:l,isLoading:V,loadingMessage:ne,ariaLabel:_e,ariaLabelledBy:M,visibleColumns:me,columnOrder:fe,columnReorder:ie,density:be,rowHeight:Q,rowNumberOffset:N,headerRows:k,allowOverflowX:O,fitToContent:He,showColumnLetters:vo,editCallbacks:de,interactionHandlers:Be,cellDescriptorInputRef:Me,cellDescriptorCacheRef:ze,pendingEditorValueRef:Oe,popoverAnchorElRef:Ce,handleSingleRowClick:ho,handlePasteVoid:xo,visibleCols:ve,totalColCount:Ee,hasCheckboxCol:ue,hasRowNumbersCol:ee,colOffset:Le,containerWidth:To,minTableWidth:Ue,columnSizingOverrides:se,measuredColumnWidths:yo,selectedRowIds:Ae,handleRowCheckboxChange:So,handleSelectAll:Do,allSelected:ko,someSelected:wo,editingCell:Go,setPopoverAnchorEl:We,cancelPopoverEdit:Ve,setActiveCell:$e,selectionRange:$,hasCellSelection:Ro,handleGridKeyDown:Io,handleFillHandleMouseDown:Ke,handleCopy:No,handleCut:Po,cutRange:Xe,copyRange:je,canUndo:Fo,canRedo:Ho,onUndo:Bo,onRedo:Mo,isDragging:Ye,menuPosition:he,closeContextMenu:zo,headerFilterInput:Oo,statusBarConfig:j,showEmptyInGrid:oe,onCellError:qe,headerMenu:re}=a,Y=useColumnMeta({visibleCols:ve,getColumnWidth:i,columnSizingOverrides:se,measuredColumnWidths:yo,pinnedColumns:g.pinnedColumns,leftOffsets:g.leftOffsets,rightOffsets:g.rightOffsets,pinnedColLeftClass:o.pinnedColLeft,pinnedColRightClass:o.pinnedColRight,addStickyPosition:true}),Eo=useCallback((v,b,P,K)=>{let d=getCellRenderDescriptor(v,b,P,K,Me.current,ze.current),Ze=_(v),q;if(d.mode==="editing-inline")q=jsx("div",{className:o.editingCellContent,children:jsx(ro,{...buildInlineEditorProps(v,b,d,de)})});else if(d.mode==="editing-popover"&&typeof b.cellEditor=="function"){let w=buildPopoverEditorProps(v,b,d,Oe.current,de),xe=b.cellEditor,ge=resolveCellDisplayContent(b,v,d.displayValue),z=resolveCellStyle(b,v,d.displayValue);q=jsxs(Fragment,{children:[jsx("div",{ref:A=>{A&&We(A);},style:POPOVER_ANCHOR_STYLE,children:z?jsx("span",{style:z,children:ge}):ge}),jsx(Popover,{open:!!Ce.current,onOpenChange:(A,Lo)=>{Lo.open\|\|Ve();},positioning:{target:Ce.current??void 0},children:jsx(PopoverSurface,{children:jsx(xe,{...w})})})]});}else {let w;if(d.columnType==="boolean"){let z=!!d.displayValue;w=jsx("input",{type:"checkbox",checked:z,disabled:!d.canEditAny,onChange:d.canEditAny?()=>{de.commitCellEdit(v,b.columnId,z,!z,d.rowIndex,d.globalColIndex);}:void 0,onClick:A=>A.stopPropagation(),className:o.booleanCheckbox,"aria-label":z?"Checked":"Unchecked"});}else {let z=resolveCellDisplayContent(b,v,d.displayValue),A=resolveCellStyle(b,v,d.displayValue);w=A?jsx("span",{style:A,children:z}):z;}let xe=`${o.cellContent}${d.isActive?` ${o.activeCellContent}`:""}${d.isActive&&d.isInRange?` ${o.inRange}`:""}${d.isInRange&&!d.isActive?` ${o.cellInRange}`:""}${d.isInCutRange?` ${o.cellCut}`:""}${d.isInCopyRange?` ${o.cellCopied}`:""}`,ge=getCellInteractionProps(d,b.columnId,Be);q=jsxs("div",{className:xe,...ge,style:d.canEditAny?CURSOR_CELL_STYLE:void 0,children:[w,d.canEditAny&&d.isSelectionEndCell&&jsx("div",{className:o.fillHandle,onPointerDown:Ke,"aria-label":"Fill handle"})]});}return jsx(CellErrorBoundary,{onError:qe,children:q},`${Ze}-${b.columnId}`)},[de,Be,Ke,We,Ve,_,qe,Me,ze,Oe,Ce]);return jsxs("div",{style:GRID_ROOT_STYLE,children:[jsxs("div",{ref:n,tabIndex:0,onMouseDown:v=>{s.current=v.shiftKey;},onScroll:y?v=>y(v.target.scrollLeft):void 0,className:`${o.tableWrapper} ${l!=="none"?o.selectableGrid:""} ${o[`density-${be}`]\|\|""}`,role:"region","aria-label":_e??(M?void 0:"Data grid"),"aria-labelledby":M,"data-ogrid-scroll-container":"","data-empty":oe?"true":void 0,"data-loading":V&&f.length===0?"true":void 0,"data-column-count":Ee,"data-overflow-x":O?"true":"false","data-container-width":To,"data-min-table-width":Math.round(Ue),"data-has-selection":l!=="none"?"true":void 0,onContextMenu:PREVENT_DEFAULT,onKeyDown:Io,style:{"--data-table-column-count":Ee,"--data-table-width":oe?"100%":O\|\|He?"fit-content":"100%","--data-table-min-width":oe?"100%":O\|\|He?"max-content":"100%","--data-table-total-min-width":`${Ue}px`,...Q?{"--ogrid-row-height":`${Q}px`}:{}},children:[jsx("div",{className:o.tableScrollContent,children:jsx("div",{className:V&&f.length>0?o.loadingDimmed:void 0,children:jsxs("div",{className:o.tableWidthAnchor,ref:u,children:[jsxs(Table,{role:"grid",className:o.dataTable,"data-virtual-scroll":S?"":void 0,children:[jsxs(TableHeader,{className:a.stickyHeader?o.stickyHeader:void 0,children:[vo&&jsxs(TableRow,{children:[ue&&jsx("th",{className:o.columnLetterCell}),ee&&jsx("th",{className:o.columnLetterCell}),ve.map((v,b)=>jsx("th",{className:`${o.columnLetterCell}${Y.hdrClasses[v.columnId]?` ${Y.hdrClasses[v.columnId]}`:""}`,style:Y.hdrStyles[v.columnId],children:indexToColumnLetter(b)},v.columnId))]}),k.map((v,b)=>jsxs(TableRow,{children:[b===k.length-1&&ue&&jsx(TableHeaderCell,{className:o.selectionHeaderCellWrapper,children:jsx("div",{className:o.selectionHeaderCellInner,children:jsx(Checkbox,{checked:ko?true:wo?"mixed":false,onChange:(P,K)=>Do(!!K.checked),"aria-label":"Select all rows"})})},"__selection__"),b===0&&b<k.length-1&&ue&&jsx("th",{rowSpan:k.length-1},"__selection_placeholder__"),b===k.length-1&&ee&&(()=>{let P=se?.[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return jsxs(TableHeaderCell,{className:o.rowNumberHeaderCellWrapper,style:{width:P,minWidth:P,maxWidth:P},children:[jsx("div",{className:o.rowNumberHeaderCellInner,children:"#"}),jsx("div",{className:o.resizeHandle,role:"separator","aria-orientation":"vertical","aria-label":"Resize row number column",onPointerDown:K=>{$e(null),p.setSelectionRange(null),n.current?.focus({preventScroll:true}),c(K,{columnId:ROW_NUMBER_COLUMN_ID,name:"#"});}})]},"__row_number__")})(),b===0&&b<k.length-1&&ee&&jsx("th",{rowSpan:k.length-1},"__row_number_placeholder__"),v.map((P,K)=>{if(P.isGroup)return jsx("th",{colSpan:P.colSpan,className:o.groupHeaderCell,scope:"colgroup",children:P.label},K);if(!P.columnDef)return null;let d=P.columnDef,q=r.sortBy===d.columnId?r.sortDirection==="asc"?"ascending":"descending":void 0;return jsxs(TableHeaderCell,{scope:"col","data-column-id":d.columnId,className:Y.hdrClasses[d.columnId]\|\|void 0,style:{...Y.hdrStyles[d.columnId],...ie?{cursor:x?"grabbing":"grab"}:void 0},"aria-sort":q,onPointerDown:ie?w=>I(d.columnId,w):void 0,children:[jsxs("div",{className:o.headerCellContent,children:[jsx(le,{...getHeaderFilterConfig(d,Oo)}),jsx("button",{className:o.headerMenuTrigger,onClick:w=>{w.stopPropagation(),re.isOpen&&re.openForColumn===d.columnId?re.close():re.open(d.columnId,w.currentTarget);},"aria-label":"Column options",title:"Column options",children:"\u22EE"})]}),jsx("div",{className:o.resizeHandle,role:"separator","aria-orientation":"vertical",onPointerDown:w=>{$e(null),p.setSelectionRange(null),n.current?.focus({preventScroll:true}),c(w,d);},onDoubleClick:w=>h(w,d),"aria-label":`Resize ${d.name}`})]},d.columnId)})]},b))]}),!oe&&jsx(qr,{virtualScrollEnabled:S,visibleRange:T,columnRange:C,items:f,getRowId:_,selectedRowIds:Ae,visibleCols:ve,columnMeta:Y,renderCellContent:Eo,handleSingleRowClick:ho,handleRowCheckboxChange:So,lastMouseShiftRef:s,hasCheckboxCol:ue,hasRowNumbersCol:ee,rowNumberOffset:N,selectionRange:$,activeCell:p.activeCell,cutRange:Xe,copyRange:je,isDragging:Ye,editingCell:Go,pinnedColumns:g.pinnedColumns,rowNumWidth:ee?se?.[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH:void 0})]}),x&&R!=null&&jsx(io,{dropIndicatorX:R,wrapperLeft:n.current?.getBoundingClientRect().left??0}),jsx(MarchingAntsOverlay,{containerRef:u,selectionRange:$,copyRange:je,cutRange:Xe,colOffset:Le,items:f,visibleColumns:me,columnSizingOverrides:se,columnOrder:fe,isDragging:Ye}),r.formulaReferences&&r.formulaReferences.length>0&&jsx(FormulaRefOverlay,{containerRef:u,references:r.formulaReferences,colOffset:Le}),oe&&D&&jsx(lo,{emptyState:D})]})})}),he&&createPortal(jsx(to,{x:he.x,y:he.y,hasSelection:Ro,canUndo:Fo,canRedo:Ho,onUndo:Bo??NOOP,onRedo:Mo??NOOP,onCopy:No,onCut:Po,onPaste:xo,onSelectAll:a.interaction.handleSelectAllCells,onClose:zo}),n.current?.closest(".fui-FluentProvider")??document.body),jsx(ce,{...getColumnHeaderMenuProps(re)})]}),j&&jsx(ao,{totalCount:j.totalCount,filteredCount:j.filteredCount,selectedCount:j.selectedCount??Ae.size,selectedCellCount:$?(Math.abs($.endRow-$.startRow)+1)(Math.abs($.endCol-$.startCol)+1):void 0,aggregation:j.aggregation,suppressRowCount:j.suppressRowCount}),V&&jsx(no,{message:ne})]})}var Ie=J.memo(Zr);var X={container:"ogrid-fluent__ColumnChooser-module__container",dropdown:"ogrid-fluent__ColumnChooser-module__dropdown",header:"ogrid-fluent__ColumnChooser-module__header",optionsList:"ogrid-fluent__ColumnChooser-module__optionsList",optionItem:"ogrid-fluent__ColumnChooser-module__optionItem",actions:"ogrid-fluent__ColumnChooser-module__actions"};var na=({columnId:r,columnName:a,checked:n,disabled:u,onChange:s})=>jsx(Checkbox,{id:`col-${r}`,label:a,checked:n,onChange:(p,g)=>s(g.checked===true),disabled:u}),ia=({onClearAll:r,onSelectAll:a})=>jsxs("div",{className:X.actions,children:[jsx(Button,{appearance:"subtle",size:"small",onClick:r,children:"Clear All"}),jsx(Button,{appearance:"primary",size:"small",onClick:a,children:"Select All"})]}),da={header:X.header,optionsList:X.optionsList,optionItem:X.optionItem},Fe=r=>{let{columns:a,visibleColumns:n,onVisibilityChange:u,onSetVisibleColumns:s,className:p}=r,g=useRef(null),c=useRef(null),{open:h,handleToggle:i,handleClose:x,handleCheckboxChange:R,handleSelectAll:I,handleClearAll:S,visibleCount:T,totalCount:C}=useColumnChooserState({columns:a,visibleColumns:n,onVisibilityChange:u,onSetVisibleColumns:s});useEffect(()=>{if(!h)return;let f=D=>{let l=D.target;c.current&&!c.current.contains(l)&&g.current&&!g.current.contains(l)&&x();},_=setTimeout(()=>{document.addEventListener("mousedown",f);},0);return ()=>{clearTimeout(_),document.removeEventListener("mousedown",f);}},[h,x]);let y=f=>_=>R(f)(_);return jsxs("div",{className:`${X.container} ${p\|\|""}`,children:[jsxs(Button,{ref:g,appearance:"outline",icon:jsx(TableSettingsRegular,{}),onClick:i,"aria-expanded":h,"aria-haspopup":"listbox",children:["Column Visibility (",T," of ",C,")",h?jsx(ChevronUpRegular,{}):jsx(ChevronDownRegular,{})]}),h&&jsx("div",{ref:c,className:X.dropdown,children:jsx(ColumnChooserContent,{columns:a,visibleColumns:n,visibleCount:T,totalCount:C,handleSelectAll:I,handleClearAll:S,handleCheckboxChange:y,CheckboxItem:na,classNames:da,Actions:ia})})]})};var B={pagination:"ogrid-fluent__PaginationControls-module__pagination",paginationInfo:"ogrid-fluent__PaginationControls-module__paginationInfo",paginationControls:"ogrid-fluent__PaginationControls-module__paginationControls",navBtn:"ogrid-fluent__PaginationControls-module__navBtn",pageNumbers:"ogrid-fluent__PaginationControls-module__pageNumbers",pageBtn:"ogrid-fluent__PaginationControls-module__pageBtn",ellipsis:"ogrid-fluent__PaginationControls-module__ellipsis",pageSizeSelector:"ogrid-fluent__PaginationControls-module__pageSizeSelector",pageSizeLabel:"ogrid-fluent__PaginationControls-module__pageSizeLabel",pageSizeSelect:"ogrid-fluent__PaginationControls-module__pageSizeSelect"};var ma={first:jsx(ChevronDoubleLeftRegular,{}),prev:jsx(ChevronLeftRegular,{}),next:jsx(ChevronRightRegular,{}),last:jsx(ChevronDoubleRightRegular,{})},fa=({variant:r,onClick:a,disabled:n,"aria-label":u,className:s})=>jsx(Button,{appearance:"outline",shape:"circular",size:"small",icon:ma[r],onClick:a,disabled:n,"aria-label":u,className:s}),ba=({onClick:r,active:a,"aria-label":n,"aria-current":u,children:s,className:p})=>jsx(Button,{appearance:a?"primary":"outline",size:"small",shape:"rounded",onClick:r,"aria-label":n,"aria-current":u,className:p,children:s}),Ca=({value:r,options:a,onChange:n,"aria-label":u,className:s})=>{let p=(g,c)=>n(Number(c.value));return jsx(Select,{value:String(r),onChange:p,size:"small",appearance:"outline","aria-label":u,className:s,children:a.map(g=>jsx("option",{value:g,children:g},g))})},va={NavButton:fa,PageButton:ba,PageSizeSelect:Ca},ha={pagination:B.pagination,paginationInfo:B.paginationInfo,paginationControls:B.paginationControls,pageNumbers:B.pageNumbers,ellipsis:B.ellipsis,navBtn:B.navBtn,pageBtn:B.pageBtn,pageSizeSelector:B.pageSizeSelector,pageSizeLabel:B.pageSizeLabel,pageSizeSelect:B.pageSizeSelect},pe=J.memo(r=>jsx(PaginationControlsBase,{...r,slots:va,classNames:ha}));pe.displayName="PaginationControls";var Co=createOGrid({DataGridTable:Ie,ColumnChooser:Fe,PaginationControls:pe});export{Fe as ColumnChooser,le as ColumnHeaderFilter,ce as ColumnHeaderMenu,Ie as DataGridTable,Co as OGrid,pe as PaginationControls};
1	+ import'./index.css';import {useColumnHeaderFilterState,getColumnHeaderFilterStateParams,DateFilterContent,renderFilterContent,areGridRowPropsEqual,PaginationControlsBase,createOGrid,useListVirtualizer,STOP_PROPAGATION,useDataGridTableOrchestration,useColumnMeta,getCellRenderDescriptor,buildInlineEditorProps,buildPopoverEditorProps,resolveCellDisplayContent,resolveCellStyle,POPOVER_ANCHOR_STYLE,handleBooleanCellPointerDown,getCellInteractionProps,CURSOR_CELL_STYLE,CellErrorBoundary,GRID_ROOT_STYLE,PREVENT_DEFAULT,indexToColumnLetter,ROW_NUMBER_COLUMN_ID,ROW_NUMBER_COLUMN_WIDTH,getHeaderFilterConfig,MarchingAntsOverlay,FormulaRefOverlay,NOOP,getColumnHeaderMenuProps,useColumnChooserState,ColumnChooserContent,BaseInlineCellEditor,partitionColumnsForVirtualization,BaseDropIndicator,BaseEmptyState,GridContextMenu,BaseColumnHeaderMenu,StatusBar,BaseLoadingOverlay}from'@alaarab/ogrid-react';export{BaseColumnHeaderMenu,BaseDropIndicator,BaseEmptyState,BaseInlineCellEditor,BaseLoadingOverlay,CELL_PADDING,CHECKBOX_COLUMN_WIDTH,COLUMN_HEADER_MENU_ITEMS,CURSOR_CELL_STYLE,CellErrorBoundary,DEFAULT_MIN_COLUMN_WIDTH,DateFilterContent,EmptyState,GRID_BORDER_RADIUS,GRID_CONTEXT_MENU_ITEMS,GRID_ROOT_STYLE,GridContextMenu,MAX_PAGE_BUTTONS,MarchingAntsOverlay,NOOP,OGridLayout,PAGE_SIZE_OPTIONS,POPOVER_ANCHOR_STYLE,PREVENT_DEFAULT,ROW_NUMBER_COLUMN_WIDTH,STOP_PROPAGATION,SideBar,StatusBar,UndoRedoStack,areGridRowPropsEqual,booleanParser,buildCsvHeader,buildCsvRows,buildHeaderRows,buildInlineEditorProps,buildPopoverEditorProps,clampSelectionToBounds,computeAggregations,computeAutoScrollSpeed,computeTabNavigation,createOGrid,currencyParser,dateParser,deriveFilterOptionsFromData,editorInputStyle,editorWrapperStyle,emailParser,escapeCsvValue,exportToCsv,findCtrlArrowTarget,flattenColumns,formatCellValueForTsv,formatSelectionAsTsv,formatShortcut,getCellInteractionProps,getCellRenderDescriptor,getCellValue,getColumnHeaderFilterStateParams,getColumnHeaderMenuItems,getContextMenuHandlers,getDataGridStatusBarConfig,getDateFilterContentProps,getFilterField,getHeaderFilterConfig,getMultiSelectFilterFields,getPaginationViewModel,getStatusBarParts,isInSelectionRange,isRowInRange,mergeFilter,normalizeSelectionRange,numberParser,parseTsvClipboard,parseValue,processClientSideData,rangesEqual,renderFilterContent,resolveCellDisplayContent,resolveCellStyle,richSelectDropdownStyle,richSelectNoMatchesStyle,richSelectOptionHighlightedStyle,richSelectOptionStyle,richSelectWrapperStyle,selectChevronStyle,selectDisplayStyle,selectEditorStyle,toUserLike,triggerCsvDownload,useActiveCell,useCellEditing,useCellSelection,useClipboard,useColumnChooserState,useColumnHeaderFilterState,useColumnMeta,useColumnReorder,useColumnResize,useContextMenu,useDataGridState,useDataGridTableOrchestration,useDateFilterState,useDebounce,useFillHandle,useFilterOptions,useInlineCellEditorState,useKeyboardNavigation,useLatestRef,useListVirtualizer,useMultiSelectFilterState,useOGrid,usePaginationControls,usePeopleFilterState,useRichSelectState,useRowSelection,useSelectState,useSideBarState,useTableLayout,useTextFilterState,useUndoRedo,useVirtualScroll}from'@alaarab/ogrid-react';importas J from'react';import {useCallback,useRef,useEffect}from'react';import {createPortal}from'react-dom';import {Popover,PopoverSurface,TableRow,TableCell,Checkbox,Table,TableHeader,TableHeaderCell,Select,Button,TableBody}from'@fluentui/react-components';import {FilterRegular,ChevronDoubleRightRegular,ChevronRightRegular,ChevronLeftRegular,ChevronDoubleLeftRegular,SearchRegular,ChevronUpRegular,ChevronDownRegular,TableSettingsRegular}from'@fluentui/react-icons';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var e={columnHeader:"ogrid-fluent__ColumnHeaderFilter-module__columnHeader",headerContent:"ogrid-fluent__ColumnHeaderFilter-module__headerContent",columnName:"ogrid-fluent__ColumnHeaderFilter-module__columnName",headerActions:"ogrid-fluent__ColumnHeaderFilter-module__headerActions",filterIcon:"ogrid-fluent__ColumnHeaderFilter-module__filterIcon",filterActive:"ogrid-fluent__ColumnHeaderFilter-module__filterActive",filterOpen:"ogrid-fluent__ColumnHeaderFilter-module__filterOpen",filterBadge:"ogrid-fluent__ColumnHeaderFilter-module__filterBadge",filterPopover:"ogrid-fluent__ColumnHeaderFilter-module__filterPopover",popoverHeader:"ogrid-fluent__ColumnHeaderFilter-module__popoverHeader",popoverSearch:"ogrid-fluent__ColumnHeaderFilter-module__popoverSearch",nativeInputWrapper:"ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper",nativeInputIcon:"ogrid-fluent__ColumnHeaderFilter-module__nativeInputIcon",nativeInput:"ogrid-fluent__ColumnHeaderFilter-module__nativeInput",resultCount:"ogrid-fluent__ColumnHeaderFilter-module__resultCount",selectAllRow:"ogrid-fluent__ColumnHeaderFilter-module__selectAllRow",selectAllButton:"ogrid-fluent__ColumnHeaderFilter-module__selectAllButton",popoverOptions:"ogrid-fluent__ColumnHeaderFilter-module__popoverOptions",popoverOption:"ogrid-fluent__ColumnHeaderFilter-module__popoverOption",nativeCheckbox:"ogrid-fluent__ColumnHeaderFilter-module__nativeCheckbox",checkboxLabel:"ogrid-fluent__ColumnHeaderFilter-module__checkboxLabel",personOption:"ogrid-fluent__ColumnHeaderFilter-module__personOption",loadingContainer:"ogrid-fluent__ColumnHeaderFilter-module__loadingContainer",filterSpinner:"ogrid-fluent__ColumnHeaderFilter-module__filterSpinner",noResults:"ogrid-fluent__ColumnHeaderFilter-module__noResults",selectedUserSection:"ogrid-fluent__ColumnHeaderFilter-module__selectedUserSection",selectedUserLabel:"ogrid-fluent__ColumnHeaderFilter-module__selectedUserLabel",selectedUser:"ogrid-fluent__ColumnHeaderFilter-module__selectedUser",userInfo:"ogrid-fluent__ColumnHeaderFilter-module__userInfo",avatar:"ogrid-fluent__ColumnHeaderFilter-module__avatar",avatarImg:"ogrid-fluent__ColumnHeaderFilter-module__avatarImg",avatarInitials:"ogrid-fluent__ColumnHeaderFilter-module__avatarInitials",userText:"ogrid-fluent__ColumnHeaderFilter-module__userText",userSecondary:"ogrid-fluent__ColumnHeaderFilter-module__userSecondary",removeUserButton:"ogrid-fluent__ColumnHeaderFilter-module__removeUserButton",popoverActions:"ogrid-fluent__ColumnHeaderFilter-module__popoverActions",clearButton:"ogrid-fluent__ColumnHeaderFilter-module__clearButton",applyButton:"ogrid-fluent__ColumnHeaderFilter-module__applyButton"};var we=({value:r,onValueChange:a,onApply:n,onClear:u,onPopoverClick:s,onInputFocus:p,onInputMouseDown:g,onInputClick:c,onInputKeyDown:h})=>jsxs(Fragment,{children:[jsx("div",{className:e.popoverSearch,onClick:s,children:jsxs("div",{className:e.nativeInputWrapper,children:[jsx(SearchRegular,{className:e.nativeInputIcon}),jsx("input",{type:"text",placeholder:"Enter search term...",value:r,onChange:d=>a(d.target.value),onKeyDown:d=>{h(d),d.key==="Enter"&&(d.preventDefault(),n());},onFocus:p,onMouseDown:g,onClick:c,autoComplete:"off",className:e.nativeInput})]})}),jsxs("div",{className:e.popoverActions,onClick:s,children:[jsx("button",{type:"button",className:e.clearButton,onClick:u,disabled:!r,children:"Clear"}),jsx("button",{type:"button",className:e.applyButton,onClick:n,children:"Apply"})]})]});we.displayName="TextFilterPopover";var Qe=40,ke=({searchText:r,onSearchChange:a,options:n,filteredOptions:u,selected:s,onOptionToggle:p,onSelectAll:g,onClearSelection:c,onApply:h,isLoading:d,onPopoverClick:x,onInputFocus:I,onInputMouseDown:R,onInputClick:S,onInputKeyDown:T})=>{let C=useListVirtualizer({count:u.length,itemHeight:Qe});return jsxs(Fragment,{children:[jsxs("div",{className:e.popoverSearch,onClick:x,children:[jsxs("div",{className:e.nativeInputWrapper,children:[jsx(SearchRegular,{className:e.nativeInputIcon}),jsx("input",{type:"text",placeholder:"Search...",value:r,onChange:y=>a(y.target.value),onFocus:I,onMouseDown:R,onClick:S,onKeyDown:T,autoComplete:"off",className:e.nativeInput})]}),jsxs("div",{className:e.resultCount,children:[u.length," of ",n.length," options"]})]}),jsxs("div",{className:e.selectAllRow,onClick:x,children:[jsxs("button",{type:"button",className:e.selectAllButton,onClick:g,children:["Select All (",u.length,")"]}),jsx("button",{type:"button",className:e.selectAllButton,onClick:c,children:"Clear"})]}),jsx("div",{ref:C.containerRef,onScroll:C.onScroll,className:e.popoverOptions,onClick:x,children:d?jsxs("div",{className:e.loadingContainer,children:[jsx("div",{className:e.filterSpinner}),jsx("span",{style:{fontSize:12,color:"var(--colorNeutralForeground2, #616161)"},children:"Loading..."})]}):u.length===0?jsx("div",{className:e.noResults,children:"No options found"}):jsx("div",{style:{height:C.totalHeight,position:"relative"},children:C.visibleItems.map(({index:y,offsetTop:f})=>{let _=u[y],w=s.has(_);return jsxs("label",{className:e.popoverOption,style:{position:"absolute",top:f,width:"100%",height:Qe,boxSizing:"border-box",display:"flex",alignItems:"center"},children:[jsx("input",{type:"checkbox",checked:w,onChange:l=>{l.stopPropagation(),p(_,l.target.checked);},className:e.nativeCheckbox}),jsx("span",{className:e.checkboxLabel,children:_})]},_)})})}),jsxs("div",{className:e.popoverActions,onClick:x,children:[jsx("button",{type:"button",className:e.clearButton,onClick:c,children:"Clear"}),jsx("button",{type:"button",className:e.applyButton,onClick:h,children:"Apply"})]})]})};ke.displayName="MultiSelectFilterPopover";function eo(r){let a=r.trim().split(/\s+/);return a.length>=2?(a[0][0]+a[a.length-1][0]).toUpperCase():(a[0]?.[0]??"").toUpperCase()}var Ge=({selectedUser:r,searchText:a,onSearchChange:n,suggestions:u,isLoading:s,onUserSelect:p,onClearUser:g,onPopoverClick:c,inputRef:h})=>jsxs(Fragment,{children:[r&&jsxs("div",{className:e.selectedUserSection,onClick:c,children:[jsx("div",{className:e.selectedUserLabel,children:"Currently filtered by:"}),jsxs("div",{className:e.selectedUser,children:[jsxs("div",{className:e.userInfo,children:[jsx("div",{className:e.avatar,children:r.photo?jsx("img",{src:r.photo,alt:"",className:e.avatarImg}):jsx("span",{className:e.avatarInitials,children:eo(r.displayName)})}),jsxs("div",{className:e.userText,children:[jsx("div",{children:r.displayName}),jsx("div",{className:e.userSecondary,children:r.email})]})]}),jsx("button",{type:"button",className:e.removeUserButton,onClick:g,"aria-label":"Remove filter",children:jsx(FilterRegular,{})})]})]}),jsx("div",{className:e.popoverSearch,onClick:c,children:jsxs("div",{className:e.nativeInputWrapper,children:[jsx(SearchRegular,{className:e.nativeInputIcon}),jsx("input",{ref:h,type:"text",placeholder:"Search for a person...",value:a,onChange:d=>n(d.target.value),onFocus:d=>d.stopPropagation(),onMouseDown:d=>d.stopPropagation(),onClick:d=>d.stopPropagation(),onKeyDown:d=>d.stopPropagation(),autoComplete:"off",className:e.nativeInput})]})}),jsx("div",{className:e.popoverOptions,onClick:c,children:s&&a.trim()?jsxs("div",{className:e.loadingContainer,children:[jsx("div",{className:e.filterSpinner}),jsx("span",{style:{fontSize:12,color:"var(--colorNeutralForeground2, #616161)"},children:"Searching..."})]}):u.length===0&&a.trim()?jsx("div",{className:e.noResults,children:"No results found"}):a.trim()?u.map(d=>jsx("div",{className:e.personOption,onClick:x=>{x.stopPropagation(),p(d);},children:jsxs("div",{className:e.userInfo,children:[jsx("div",{className:e.avatar,children:d.photo?jsx("img",{src:d.photo,alt:"",className:e.avatarImg}):jsx("span",{className:e.avatarInitials,children:eo(d.displayName)})}),jsxs("div",{className:e.userText,children:[jsx("div",{children:d.displayName}),jsx("div",{className:e.userSecondary,children:d.email})]})]})},d.id??d.email??d.displayName)):jsx("div",{className:e.noResults,children:"Type to search..."})}),r&&jsx("div",{className:e.popoverActions,onClick:c,children:jsx("button",{type:"button",className:e.clearButton,onClick:g,children:"Clear Filter"})})]});Ge.displayName="PeopleFilterPopover";var ne=J.memo(r=>{let{columnName:a,filterType:n,options:u,isLoadingOptions:s=false,selectedUser:p}=r,g=useColumnHeaderFilterState(getColumnHeaderFilterStateParams(r)),{headerRef:c,popoverRef:h,isFilterOpen:d,setFilterOpen:x,hasActiveFilter:I,handlers:R}=g,{handlePopoverClick:S,handleInputFocus:T,handleInputMouseDown:C,handleInputClick:y,handleInputKeyDown:f}=R,_=J.useRef(null),w=J.useMemo(()=>({renderMultiSelect:l=>jsx(ke,{searchText:l.searchText,onSearchChange:l.onSearchChange,options:l.options,filteredOptions:l.filteredOptions,selected:l.selected,onOptionToggle:l.onOptionToggle,onSelectAll:l.onSelectAll,onClearSelection:l.onClearSelection,onApply:l.onApply,isLoading:l.isLoading,onPopoverClick:S,onInputFocus:T,onInputMouseDown:C,onInputClick:y,onInputKeyDown:f}),renderText:l=>jsx(we,{value:l.value,onValueChange:l.onValueChange,onApply:l.onApply,onClear:l.onClear,onPopoverClick:S,onInputFocus:T,onInputMouseDown:C,onInputClick:y,onInputKeyDown:f}),renderPeople:l=>jsx(Ge,{selectedUser:l.selectedUser,searchText:l.searchText,onSearchChange:l.onSearchChange,suggestions:l.suggestions,isLoading:l.isLoading,onUserSelect:l.onUserSelect,onClearUser:l.onClearUser,onPopoverClick:S,inputRef:l.inputRef}),renderDate:l=>jsx("div",{onClick:S,children:jsx(DateFilterContent,{tempDateFrom:l.tempDateFrom,setTempDateFrom:l.setTempDateFrom,tempDateTo:l.tempDateTo,setTempDateTo:l.setTempDateTo,onApply:l.onApply,onClear:l.onClear,classNames:{popoverActions:e.popoverActions,clearButton:e.clearButton,applyButton:e.applyButton}})})}),[S,T,C,y,f]);return jsxs("div",{className:e.columnHeader,ref:c,children:[jsx("div",{className:e.headerContent,children:jsx("span",{className:e.columnName,title:a,"data-header-label":true,children:a})}),jsx("div",{className:e.headerActions,children:n!=="none"&&jsxs(Fragment,{children:[jsxs("button",{ref:_,type:"button",className:`${e.filterIcon} ${I?e.filterActive:""} ${d?e.filterOpen:""}`,onClick:R.handleFilterIconClick,"aria-label":`Filter ${a}`,"aria-expanded":d,"aria-haspopup":"dialog",title:`Filter ${a}`,children:[jsx(FilterRegular,{}),I&&jsx("span",{className:e.filterBadge})]}),jsx(Popover,{open:d,onOpenChange:(l,V)=>{V.open\|\|x(false);},positioning:{target:_.current??void 0,position:"below",align:"start",offset:4},trapFocus:false,children:jsxs(PopoverSurface,{ref:h,className:e.filterPopover,onClick:R.handlePopoverClick,style:{padding:0},children:[jsxs("div",{className:e.popoverHeader,children:["Filter: ",a]}),renderFilterContent(n,g,u??[],s,p,w)]})})]})})]})});ne.displayName="ColumnHeaderFilter";var oo={content:"ogrid-fluent__ColumnHeaderMenu-module__content",item:"ogrid-fluent__ColumnHeaderMenu-module__item",separator:"ogrid-fluent__ColumnHeaderMenu-module__separator"};var tr=r=>r.closest(".fui-FluentProvider")??document.body;function pe(r){return jsx(BaseColumnHeaderMenu,{...r,classNames:oo,getPortalTarget:tr})}function ao(r){return jsx(BaseInlineCellEditor,{...r,renderCheckbox:(a,n,u)=>jsx(Checkbox,{checked:a,onChange:(s,p)=>n(!!p.checked),onKeyDown:s=>s.key==="Escape"&&(s.preventDefault(),u())})})}var o={tableScrollContent:"ogrid-fluent__DataGridTable-module__tableScrollContent",tableWidthAnchor:"ogrid-fluent__DataGridTable-module__tableWidthAnchor",tableWrapper:"ogrid-fluent__DataGridTable-module__tableWrapper",dataTable:"ogrid-fluent__DataGridTable-module__dataTable",groupHeaderCell:"ogrid-fluent__DataGridTable-module__groupHeaderCell",headerCellContent:"ogrid-fluent__DataGridTable-module__headerCellContent",headerMenuTrigger:"ogrid-fluent__DataGridTable-module__headerMenuTrigger",dropIndicator:"ogrid-fluent__DataGridTable-module__dropIndicator",resizeHandle:"ogrid-fluent__DataGridTable-module__resizeHandle",pinnedColLeft:"ogrid-fluent__DataGridTable-module__pinnedColLeft",pinnedColRight:"ogrid-fluent__DataGridTable-module__pinnedColRight",cellContent:"ogrid-fluent__DataGridTable-module__cellContent",activeCellContent:"ogrid-fluent__DataGridTable-module__activeCellContent",editingCellContent:"ogrid-fluent__DataGridTable-module__editingCellContent",cellInRange:"ogrid-fluent__DataGridTable-module__cellInRange",inRange:"ogrid-fluent__DataGridTable-module__inRange",cellCut:"ogrid-fluent__DataGridTable-module__cellCut",fillHandle:"ogrid-fluent__DataGridTable-module__fillHandle",selectionHeaderCellInner:"ogrid-fluent__DataGridTable-module__selectionHeaderCellInner",selectionCellInner:"ogrid-fluent__DataGridTable-module__selectionCellInner",rowNumberHeaderCellInner:"ogrid-fluent__DataGridTable-module__rowNumberHeaderCellInner",rowNumberCellInner:"ogrid-fluent__DataGridTable-module__rowNumberCellInner",columnLetterRow:"ogrid-fluent__DataGridTable-module__columnLetterRow",columnLetterCell:"ogrid-fluent__DataGridTable-module__columnLetterCell",statusBar:"ogrid-fluent__DataGridTable-module__statusBar",statusBarItem:"ogrid-fluent__DataGridTable-module__statusBarItem",statusBarLabel:"ogrid-fluent__DataGridTable-module__statusBarLabel",statusBarValue:"ogrid-fluent__DataGridTable-module__statusBarValue",contextMenu:"ogrid-fluent__DataGridTable-module__contextMenu",contextMenuItem:"ogrid-fluent__DataGridTable-module__contextMenuItem",contextMenuItemLabel:"ogrid-fluent__DataGridTable-module__contextMenuItemLabel",contextMenuItemShortcut:"ogrid-fluent__DataGridTable-module__contextMenuItemShortcut",contextMenuDivider:"ogrid-fluent__DataGridTable-module__contextMenuDivider",loadingOverlay:"ogrid-fluent__DataGridTable-module__loadingOverlay",loadingOverlayContent:"ogrid-fluent__DataGridTable-module__loadingOverlayContent",loadingOverlayText:"ogrid-fluent__DataGridTable-module__loadingOverlayText",loadingDimmed:"ogrid-fluent__DataGridTable-module__loadingDimmed",emptyStateInGrid:"ogrid-fluent__DataGridTable-module__emptyStateInGrid",emptyStateInGridTitle:"ogrid-fluent__DataGridTable-module__emptyStateInGridTitle",emptyStateInGridMessage:"ogrid-fluent__DataGridTable-module__emptyStateInGridMessage",emptyStateInGridLink:"ogrid-fluent__DataGridTable-module__emptyStateInGridLink",spinner:"ogrid-fluent__DataGridTable-module__spinner","ogrid-spin":"ogrid-fluent__DataGridTable-module__ogrid-spin",paginationNav:"ogrid-fluent__DataGridTable-module__paginationNav",paginationInfo:"ogrid-fluent__DataGridTable-module__paginationInfo",paginationSize:"ogrid-fluent__DataGridTable-module__paginationSize",leafHeaderCellSpan:"ogrid-fluent__DataGridTable-module__leafHeaderCellSpan",selectionHeaderCellWrapper:"ogrid-fluent__DataGridTable-module__selectionHeaderCellWrapper",selectionCellWrapper:"ogrid-fluent__DataGridTable-module__selectionCellWrapper",rowNumberHeaderCellWrapper:"ogrid-fluent__DataGridTable-module__rowNumberHeaderCellWrapper",rowNumberCellWrapper:"ogrid-fluent__DataGridTable-module__rowNumberCellWrapper",selectedRow:"ogrid-fluent__DataGridTable-module__selectedRow",selectableGrid:"ogrid-fluent__DataGridTable-module__selectableGrid",stickyHeader:"ogrid-fluent__DataGridTable-module__stickyHeader",emptyStateInGridMessageSticky:"ogrid-fluent__DataGridTable-module__emptyStateInGridMessageSticky",emptyStateInGridIcon:"ogrid-fluent__DataGridTable-module__emptyStateInGridIcon","density-compact":"ogrid-fluent__DataGridTable-module__density-compact","density-comfortable":"ogrid-fluent__DataGridTable-module__density-comfortable",booleanCheckbox:"ogrid-fluent__DataGridTable-module__booleanCheckbox"};var ur={statusBar:o.statusBar,statusBarItem:o.statusBarItem,statusBarLabel:o.statusBarLabel,statusBarValue:o.statusBarValue};function to(r){return jsx(StatusBar,{...r,classNames:ur})}var cr={contextMenu:o.contextMenu,contextMenuItem:o.contextMenuItem,contextMenuItemLabel:o.contextMenuItemLabel,contextMenuItemShortcut:o.contextMenuItemShortcut,contextMenuDivider:o.contextMenuDivider};function lo(r){return jsx(GridContextMenu,{...r,classNames:cr})}var mr={emptyStateInGrid:o.emptyStateInGrid,emptyStateInGridInner:o.emptyStateInGridMessageSticky,emptyStateInGridIcon:o.emptyStateInGridIcon,emptyStateInGridTitle:o.emptyStateInGridTitle,emptyStateInGridMessage:o.emptyStateInGridMessage,emptyStateInGridLink:o.emptyStateInGridLink};function no({emptyState:r}){return jsx(BaseEmptyState,{emptyState:r,classNames:mr,icon:"\u{1F4CB}"})}var Cr={loadingOverlay:o.loadingOverlay,loadingOverlayContent:o.loadingOverlayContent,spinner:o.spinner,loadingOverlayText:o.loadingOverlayText};function io({message:r}){return jsx(BaseLoadingOverlay,{message:r,classNames:Cr})}function uo({dropIndicatorX:r,wrapperLeft:a}){return jsx(BaseDropIndicator,{dropIndicatorX:r,wrapperLeft:a,className:o.dropIndicator})}var _o={padding:0,border:"none"};function Yr(r){let{item:a,rowIndex:n,rowId:u,isSelected:s,visibleCols:p,columnMeta:g,renderCellContent:c,handleSingleRowClick:h,handleRowCheckboxChange:d,lastMouseShiftRef:x,hasCheckboxCol:I,hasRowNumbersCol:R,rowNumberOffset:S,leftSpacerWidth:T,rightSpacerWidth:C,globalColIndexMap:y,rowNumWidth:f}=r;return jsxs(TableRow,{className:s?o.selectedRow:void 0,"data-row-id":u,onClick:h,"aria-selected":s\|\|void 0,children:[I&&jsx(TableCell,{className:o.selectionCellWrapper,children:jsx("div",{className:o.selectionCellInner,"data-row-index":n,"data-col-index":0,onClick:STOP_PROPAGATION,children:jsx(Checkbox,{checked:s,onChange:(_,w)=>{d(u,!!w.checked,n,x.current);},"aria-label":`Select row ${n+1}`})})}),R&&jsx(TableCell,{className:o.rowNumberCellWrapper,style:f?{width:f,minWidth:f,maxWidth:f}:void 0,children:jsx("div",{className:o.rowNumberCellInner,children:S+n+1})}),T!=null&&T>0&&jsx("td",{style:{..._o,width:T,minWidth:T},"aria-hidden":true}),p.map((_,w)=>{let l=y?y[w]:w;return jsx(TableCell,{"data-column-id":_.columnId,className:g.cellClasses[_.columnId]\|\|void 0,style:g.cellStyles[_.columnId],children:c(a,_,n,l)},_.columnId)}),C!=null&&C>0&&jsx("td",{style:{..._o,width:C,minWidth:C},"aria-hidden":true})]})}var qr=J.memo(Yr,areGridRowPropsEqual);function Zr(r){let{virtualScrollEnabled:a,visibleRange:n,columnRange:u,items:s,getRowId:p,selectedRowIds:g,visibleCols:c,columnMeta:h,renderCellContent:d,handleSingleRowClick:x,handleRowCheckboxChange:I,lastMouseShiftRef:R,hasCheckboxCol:S,hasRowNumbersCol:T,rowNumberOffset:C,selectionRange:y,activeCell:f,cutRange:_,copyRange:w,isDragging:l,editingCell:V,pinnedColumns:ie,rowNumWidth:me}=r,z=J.useMemo(()=>u?partitionColumnsForVirtualization(c,u,ie):null,[c,u,ie]),{rowCols:fe,globalColIndexMap:be,leftSpacerWidth:de,rightSpacerWidth:Ce}=J.useMemo(()=>{if(!z)return {rowCols:c,globalColIndexMap:void 0,leftSpacerWidth:void 0,rightSpacerWidth:void 0};let N=[...z.pinnedLeft,...z.virtualizedUnpinned,...z.pinnedRight],k=N.map(E=>c.indexOf(E));return {rowCols:N,globalColIndexMap:k,leftSpacerWidth:z.leftSpacerWidth,rightSpacerWidth:z.rightSpacerWidth}},[z,c]),Q=(N,k)=>{let E=p(N);return jsx(qr,{item:N,rowIndex:k,rowId:E,isSelected:g.has(E),visibleCols:fe,columnMeta:h,renderCellContent:d,handleSingleRowClick:x,handleRowCheckboxChange:I,lastMouseShiftRef:R,hasCheckboxCol:S,hasRowNumbersCol:T,rowNumberOffset:C,selectionRange:y,activeCell:f,cutRange:_,copyRange:w,isDragging:l,editingRowId:V?.rowId??null,leftSpacerWidth:de,rightSpacerWidth:Ce,globalColIndexMap:be,rowNumWidth:me},E)};return jsxs(TableBody,{children:[a&&n.offsetTop>0&&jsx("tr",{style:{height:n.offsetTop},"aria-hidden":true}),a?s.slice(n.startIndex,n.endIndex+1).map((N,k)=>Q(N,n.startIndex+k)):s.map((N,k)=>Q(N,k)),a&&n.offsetBottom>0&&jsx("tr",{style:{height:n.offsetBottom},"aria-hidden":true})]})}function Jr(r){let a=useDataGridTableOrchestration({props:r}),{wrapperRef:n,tableContainerRef:u,lastMouseShiftRef:s,interaction:p,pinning:g,handleResizeStart:c,handleResizeDoubleClick:h,getColumnWidth:d,isReorderDragging:x,dropIndicatorX:I,handleHeaderMouseDown:R,virtualScrollEnabled:S,visibleRange:T,columnRange:C,onHorizontalScroll:y,items:f,getRowId:_,emptyState:w,rowSelection:l,isLoading:V,loadingMessage:ie,ariaLabel:me,ariaLabelledBy:z,visibleColumns:fe,columnOrder:be,columnReorder:de,density:Ce,rowHeight:Q,rowNumberOffset:N,headerRows:k,allowOverflowX:E,fitToContent:ze,showColumnLetters:ho,editCallbacks:ue,interactionHandlers:Oe,cellDescriptorInputRef:Ee,cellDescriptorCacheRef:Le,pendingEditorValueRef:Ue,popoverAnchorElRef:ve,handleSingleRowClick:xo,handlePasteVoid:To,visibleCols:he,totalColCount:Ae,hasCheckboxCol:se,hasRowNumbersCol:ee,colOffset:xe,containerWidth:yo,minTableWidth:We,columnSizingOverrides:ge,measuredColumnWidths:So,selectedRowIds:Ve,handleRowCheckboxChange:Do,handleSelectAll:wo,allSelected:ko,someSelected:Go,editingCell:Io,setPopoverAnchorEl:$e,cancelPopoverEdit:Ke,setActiveCell:Te,selectionRange:$,hasCellSelection:Ro,handleGridKeyDown:No,handleFillHandleMouseDown:Xe,handleCopy:Po,handleCut:Fo,cutRange:je,copyRange:Ye,canUndo:Ho,canRedo:Bo,onUndo:Mo,onRedo:zo,isDragging:qe,menuPosition:ye,closeContextMenu:Oo,headerFilterInput:Eo,statusBarConfig:j,showEmptyInGrid:oe,onCellError:Ze,headerMenu:re}=a,Y=useColumnMeta({visibleCols:he,getColumnWidth:d,columnSizingOverrides:ge,measuredColumnWidths:So,pinnedColumns:g.pinnedColumns,leftOffsets:g.leftOffsets,rightOffsets:g.rightOffsets,pinnedColLeftClass:o.pinnedColLeft,pinnedColRightClass:o.pinnedColRight,addStickyPosition:true}),Lo=useCallback((v,b,P,K)=>{let i=getCellRenderDescriptor(v,b,P,K,Ee.current,Le.current),Je=_(v),q;if(i.mode==="editing-inline"){let D=buildInlineEditorProps(v,b,i,ue);q=jsx("div",{className:o.editingCellContent,children:jsx(ao,{...D})});}else if(i.mode==="editing-popover"&&typeof b.cellEditor=="function"){let D=buildPopoverEditorProps(v,b,i,Ue.current,ue),Se=b.cellEditor,ce=resolveCellDisplayContent(b,v,i.displayValue),O=resolveCellStyle(b,v,i.displayValue);q=jsxs(Fragment,{children:[jsx("div",{ref:F=>{F&&$e(F);},style:POPOVER_ANCHOR_STYLE,children:O?jsx("span",{style:O,children:ce}):ce}),jsx(Popover,{open:!!ve.current,onOpenChange:(F,ae)=>{ae.open\|\|Ke();},positioning:{target:ve.current??void 0},children:jsx(PopoverSurface,{children:jsx(Se,{...D})})})]});}else {let D;if(i.columnType==="boolean"){let O=!!i.displayValue;D=jsx("input",{type:"checkbox",checked:O,disabled:!i.canEditAny,onChange:i.canEditAny?()=>{let F=i.rowIndex,ae=i.globalColIndex;ue.commitCellEdit(v,b.columnId,O,!O,F,ae,{skipAdvance:true});}:void 0,onPointerDown:F=>handleBooleanCellPointerDown(F,i.rowIndex,i.globalColIndex,xe,{setActiveCell:Te,setSelectionRange:ae=>p.setSelectionRange(ae)}),onClick:F=>F.stopPropagation(),className:o.booleanCheckbox,"aria-label":O?"Checked":"Unchecked"});}else {let O=resolveCellDisplayContent(b,v,i.displayValue),F=resolveCellStyle(b,v,i.displayValue);D=F?jsx("span",{style:F,children:O}):O;}let Se=`${o.cellContent}${i.isActive?` ${o.activeCellContent}`:""}${i.isActive&&i.isInRange?` ${o.inRange}`:""}${i.isInRange&&!i.isActive?` ${o.cellInRange}`:""}${i.isInCutRange?` ${o.cellCut}`:""}${i.isInCopyRange?` ${o.cellCopied}`:""}`,ce=getCellInteractionProps(i,b.columnId,Oe);q=jsxs("div",{className:Se,...ce,style:i.canEditAny?CURSOR_CELL_STYLE:void 0,children:[D,i.canEditAny&&i.isSelectionEndCell&&jsx("div",{className:o.fillHandle,onPointerDown:Xe,"aria-label":"Fill handle"})]});}return jsx(CellErrorBoundary,{onError:Ze,children:q},`${Je}-${b.columnId}`)},[ue,Oe,Xe,$e,Ke,_,Ze,Ee,Le,Ue,ve]);return jsxs("div",{style:GRID_ROOT_STYLE,children:[jsxs("div",{ref:n,tabIndex:0,onMouseDown:v=>{s.current=v.shiftKey;},onScroll:y?v=>y(v.target.scrollLeft):void 0,className:`${o.tableWrapper} ${l!=="none"?o.selectableGrid:""} ${o[`density-${Ce}`]\|\|""}`,role:"region","aria-label":me??(z?void 0:"Data grid"),"aria-labelledby":z,"data-ogrid-scroll-container":"","data-empty":oe?"true":void 0,"data-loading":V&&f.length===0?"true":void 0,"data-column-count":Ae,"data-overflow-x":E?"true":"false","data-container-width":yo,"data-min-table-width":Math.round(We),"data-has-selection":l!=="none"?"true":void 0,onContextMenu:PREVENT_DEFAULT,onKeyDown:No,style:{"--data-table-column-count":Ae,"--data-table-width":oe?"100%":E\|\|ze?"fit-content":"100%","--data-table-min-width":oe?"100%":E\|\|ze?"max-content":"100%","--data-table-total-min-width":`${We}px`,...Q?{"--ogrid-row-height":`${Q}px`}:{}},children:[jsx("div",{className:o.tableScrollContent,children:jsx("div",{className:V&&f.length>0?o.loadingDimmed:void 0,children:jsxs("div",{className:o.tableWidthAnchor,ref:u,children:[jsxs(Table,{role:"grid",className:o.dataTable,"data-virtual-scroll":S?"":void 0,children:[jsxs(TableHeader,{className:a.stickyHeader?o.stickyHeader:void 0,children:[ho&&jsxs(TableRow,{children:[se&&jsx("th",{className:o.columnLetterCell}),ee&&jsx("th",{className:o.columnLetterCell}),he.map((v,b)=>jsx("th",{className:`${o.columnLetterCell}${Y.hdrClasses[v.columnId]?` ${Y.hdrClasses[v.columnId]}`:""}`,style:Y.hdrStyles[v.columnId],children:indexToColumnLetter(b)},v.columnId))]}),k.map((v,b)=>jsxs(TableRow,{children:[b===k.length-1&&se&&jsx(TableHeaderCell,{className:o.selectionHeaderCellWrapper,children:jsx("div",{className:o.selectionHeaderCellInner,children:jsx(Checkbox,{checked:ko?true:Go?"mixed":false,onChange:(P,K)=>wo(!!K.checked),"aria-label":"Select all rows"})})},"__selection__"),b===0&&b<k.length-1&&se&&jsx("th",{rowSpan:k.length-1},"__selection_placeholder__"),b===k.length-1&&ee&&(()=>{let P=ge?.[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return jsxs(TableHeaderCell,{className:o.rowNumberHeaderCellWrapper,style:{width:P,minWidth:P,maxWidth:P},children:[jsx("div",{className:o.rowNumberHeaderCellInner,children:"#"}),jsx("div",{className:o.resizeHandle,role:"separator","aria-orientation":"vertical","aria-label":"Resize row number column",onPointerDown:K=>{Te(null),p.setSelectionRange(null),n.current?.focus({preventScroll:true}),c(K,{columnId:ROW_NUMBER_COLUMN_ID,name:"#"});}})]},"__row_number__")})(),b===0&&b<k.length-1&&ee&&jsx("th",{rowSpan:k.length-1},"__row_number_placeholder__"),v.map((P,K)=>{if(P.isGroup)return jsx("th",{colSpan:P.colSpan,className:o.groupHeaderCell,scope:"colgroup",children:P.label},K);if(!P.columnDef)return null;let i=P.columnDef,q=r.sortBy===i.columnId?r.sortDirection==="asc"?"ascending":"descending":void 0;return jsxs(TableHeaderCell,{scope:"col","data-column-id":i.columnId,className:Y.hdrClasses[i.columnId]\|\|void 0,style:{...Y.hdrStyles[i.columnId],...de?{cursor:x?"grabbing":"grab"}:void 0},"aria-sort":q,onPointerDown:de?D=>R(i.columnId,D):void 0,children:[jsxs("div",{className:o.headerCellContent,children:[jsx(ne,{...getHeaderFilterConfig(i,Eo)}),jsx("button",{className:o.headerMenuTrigger,onClick:D=>{D.stopPropagation(),re.isOpen&&re.openForColumn===i.columnId?re.close():re.open(i.columnId,D.currentTarget);},"aria-label":"Column options",title:"Column options",children:"\u22EE"})]}),jsx("div",{className:o.resizeHandle,role:"separator","aria-orientation":"vertical",onPointerDown:D=>{Te(null),p.setSelectionRange(null),n.current?.focus({preventScroll:true}),c(D,i);},onDoubleClick:D=>h(D,i),"aria-label":`Resize ${i.name}`})]},i.columnId)})]},b))]}),!oe&&jsx(Zr,{virtualScrollEnabled:S,visibleRange:T,columnRange:C,items:f,getRowId:_,selectedRowIds:Ve,visibleCols:he,columnMeta:Y,renderCellContent:Lo,handleSingleRowClick:xo,handleRowCheckboxChange:Do,lastMouseShiftRef:s,hasCheckboxCol:se,hasRowNumbersCol:ee,rowNumberOffset:N,selectionRange:$,activeCell:p.activeCell,cutRange:je,copyRange:Ye,isDragging:qe,editingCell:Io,pinnedColumns:g.pinnedColumns,rowNumWidth:ee?ge?.[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH:void 0})]}),x&&I!=null&&jsx(uo,{dropIndicatorX:I,wrapperLeft:n.current?.getBoundingClientRect().left??0}),jsx(MarchingAntsOverlay,{containerRef:u,selectionRange:$,copyRange:Ye,cutRange:je,colOffset:xe,items:f,visibleColumns:fe,columnSizingOverrides:ge,columnOrder:be,isDragging:qe}),r.formulaReferences&&r.formulaReferences.length>0&&jsx(FormulaRefOverlay,{containerRef:u,references:r.formulaReferences,colOffset:xe}),oe&&w&&jsx(no,{emptyState:w})]})})}),ye&&createPortal(jsx(lo,{x:ye.x,y:ye.y,hasSelection:Ro,canUndo:Ho,canRedo:Bo,onUndo:Mo??NOOP,onRedo:zo??NOOP,onCopy:Po,onCut:Fo,onPaste:To,onSelectAll:a.interaction.handleSelectAllCells,onClose:Oo}),n.current?.closest(".fui-FluentProvider")??document.body),jsx(pe,{...getColumnHeaderMenuProps(re)})]}),j&&jsx(to,{totalCount:j.totalCount,filteredCount:j.filteredCount,selectedCount:j.selectedCount??Ve.size,selectedCellCount:$?(Math.abs($.endRow-$.startRow)+1)(Math.abs($.endCol-$.startCol)+1):void 0,aggregation:j.aggregation,suppressRowCount:j.suppressRowCount}),V&&jsx(io,{message:ie})]})}var Fe=J.memo(Jr);var X={container:"ogrid-fluent__ColumnChooser-module__container",dropdown:"ogrid-fluent__ColumnChooser-module__dropdown",header:"ogrid-fluent__ColumnChooser-module__header",optionsList:"ogrid-fluent__ColumnChooser-module__optionsList",optionItem:"ogrid-fluent__ColumnChooser-module__optionItem",actions:"ogrid-fluent__ColumnChooser-module__actions"};var ia=({columnId:r,columnName:a,checked:n,disabled:u,onChange:s})=>jsx(Checkbox,{id:`col-${r}`,label:a,checked:n,onChange:(p,g)=>s(g.checked===true),disabled:u}),da=({onClearAll:r,onSelectAll:a})=>jsxs("div",{className:X.actions,children:[jsx(Button,{appearance:"subtle",size:"small",onClick:r,children:"Clear All"}),jsx(Button,{appearance:"primary",size:"small",onClick:a,children:"Select All"})]}),ua={header:X.header,optionsList:X.optionsList,optionItem:X.optionItem},Me=r=>{let{columns:a,visibleColumns:n,onVisibilityChange:u,onSetVisibleColumns:s,className:p}=r,g=useRef(null),c=useRef(null),{open:h,handleToggle:d,handleClose:x,handleCheckboxChange:I,handleSelectAll:R,handleClearAll:S,visibleCount:T,totalCount:C}=useColumnChooserState({columns:a,visibleColumns:n,onVisibilityChange:u,onSetVisibleColumns:s});useEffect(()=>{if(!h)return;let f=w=>{let l=w.target;c.current&&!c.current.contains(l)&&g.current&&!g.current.contains(l)&&x();},_=setTimeout(()=>{document.addEventListener("mousedown",f);},0);return ()=>{clearTimeout(_),document.removeEventListener("mousedown",f);}},[h,x]);let y=f=>_=>I(f)(_);return jsxs("div",{className:`${X.container} ${p\|\|""}`,children:[jsxs(Button,{ref:g,appearance:"outline",icon:jsx(TableSettingsRegular,{}),onClick:d,"aria-expanded":h,"aria-haspopup":"listbox",children:["Column Visibility (",T," of ",C,")",h?jsx(ChevronUpRegular,{}):jsx(ChevronDownRegular,{})]}),h&&jsx("div",{ref:c,className:X.dropdown,children:jsx(ColumnChooserContent,{columns:a,visibleColumns:n,visibleCount:T,totalCount:C,handleSelectAll:R,handleClearAll:S,handleCheckboxChange:y,CheckboxItem:ia,classNames:ua,Actions:da})})]})};var M={pagination:"ogrid-fluent__PaginationControls-module__pagination",paginationInfo:"ogrid-fluent__PaginationControls-module__paginationInfo",paginationControls:"ogrid-fluent__PaginationControls-module__paginationControls",navBtn:"ogrid-fluent__PaginationControls-module__navBtn",pageNumbers:"ogrid-fluent__PaginationControls-module__pageNumbers",pageBtn:"ogrid-fluent__PaginationControls-module__pageBtn",ellipsis:"ogrid-fluent__PaginationControls-module__ellipsis",pageSizeSelector:"ogrid-fluent__PaginationControls-module__pageSizeSelector",pageSizeLabel:"ogrid-fluent__PaginationControls-module__pageSizeLabel",pageSizeSelect:"ogrid-fluent__PaginationControls-module__pageSizeSelect"};var fa={first:jsx(ChevronDoubleLeftRegular,{}),prev:jsx(ChevronLeftRegular,{}),next:jsx(ChevronRightRegular,{}),last:jsx(ChevronDoubleRightRegular,{})},ba=({variant:r,onClick:a,disabled:n,"aria-label":u,className:s})=>jsx(Button,{appearance:"outline",shape:"circular",size:"small",icon:fa[r],onClick:a,disabled:n,"aria-label":u,className:s}),Ca=({onClick:r,active:a,"aria-label":n,"aria-current":u,children:s,className:p})=>jsx(Button,{appearance:a?"primary":"outline",size:"small",shape:"rounded",onClick:r,"aria-label":n,"aria-current":u,className:p,children:s}),va=({value:r,options:a,onChange:n,"aria-label":u,className:s})=>{let p=(g,c)=>n(Number(c.value));return jsx(Select,{value:String(r),onChange:p,size:"small",appearance:"outline","aria-label":u,className:s,children:a.map(g=>jsx("option",{value:g,children:g},g))})},ha={NavButton:ba,PageButton:Ca,PageSizeSelect:va},xa={pagination:M.pagination,paginationInfo:M.paginationInfo,paginationControls:M.paginationControls,pageNumbers:M.pageNumbers,ellipsis:M.ellipsis,navBtn:M.navBtn,pageBtn:M.pageBtn,pageSizeSelector:M.pageSizeSelector,pageSizeLabel:M.pageSizeLabel,pageSizeSelect:M.pageSizeSelect},_e=J.memo(r=>jsx(PaginationControlsBase,{...r,slots:ha,classNames:xa}));_e.displayName="PaginationControls";var vo=createOGrid({DataGridTable:Fe,ColumnChooser:Me,PaginationControls:_e});export{Me as ColumnChooser,ne as ColumnHeaderFilter,pe as ColumnHeaderMenu,Fe as DataGridTable,vo as OGrid,_e as PaginationControls};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-react-fluent",
-  "version": "2.5.6",
+  "version": "2.5.8",
   "description": "OGrid React Fluent implementation – DataGrid-powered data table with sorting, filtering, pagination, column chooser, and CSV export.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -41,7 +41,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-react": "2.5.5"
+    "@alaarab/ogrid-react": "2.5.7"
   },
   "peerDependencies": {
     "@fluentui/react-components": "^9.0.0",