@alaarab/ogrid-vue-radix 2.5.2 → 2.5.3
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:root){--ogrid-cell-padding: 6px 10px;--ogrid-cell-padding-vertical: 6px;--ogrid-cell-padding-horizontal: 10px;--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-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-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-selection: #2ea043;--ogrid-bg-range: rgba(46, 160, 67, .15);--ogrid-bg-selected: #1a3a5c;--ogrid-loading-bg: rgba(0, 0, 0, .7)}[role=region][tabindex="0"]{outline:none}.ogrid-outer-container .ogrid-cell-in-range{background:var(--ogrid-bg-range, rgba(33, 115, 70, .12))}.ogrid-outer-container .ogrid-cell-cut{background:var(--ogrid-hover-bg);opacity:.7}.ogrid-outer-container [data-drag-range]{background:var(--ogrid-range-bg, rgba(33, 115, 70, .12))}.ogrid-outer-container [data-drag-anchor]{background:var(--ogrid-bg)}.ogrid-outer-container{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background-color:var(--ogrid-bg);color:var(--ogrid-fg)}.ogrid-scroll-wrapper{display:flex;flex-direction:column;min-height:100%}.ogrid-table-container{position:relative}.ogrid-table-container--loading{opacity:.6}.ogrid-table{width:100%;border-collapse:collapse;font-size:.875rem;background-color:var(--ogrid-bg);color:var(--ogrid-fg)}.ogrid-table tbody tr{height:var(--ogrid-row-height, auto)}.ogrid-thead{z-index:var(--ogrid-z-thead, 8);background-color:var(--ogrid-header-bg)}.ogrid-header-row{background-color:var(--ogrid-header-bg)}.ogrid-header-cell{font-weight:600;background-color:var(--ogrid-header-bg);z-index:var(--ogrid-z-thead, 8)}.ogrid-sticky-header .ogrid-header-cell{position:sticky;top:0}.ogrid-header-cell--pinned-left{z-index:var(--ogrid-z-pinned-header, 10);will-change:transform;border-right:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));box-shadow:2px 0 4px -1px #0000001a}.ogrid-header-cell--pinned-right{z-index:var(--ogrid-z-pinned-header, 10);will-change:transform;border-left:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));box-shadow:-2px 0 4px -1px #0000001a}.ogrid-header-content{display:flex;align-items:center;width:100%}.ogrid-column-group-header{text-align:center;font-weight:600;border-bottom:2px solid var(--ogrid-border);padding:6px}.ogrid-column-menu-btn{background:none;border:none;cursor:pointer;padding:4px 6px;font-size:16px;color:var(--ogrid-fg-muted);line-height:1;flex-shrink:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;transition:background-color .15s}.ogrid-column-menu-btn:hover{background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04));color:var(--ogrid-fg)}.ogrid-column-letter-row{background:var(--ogrid-column-letter-bg, var(--ogrid-header-bg))}.ogrid-column-letter-cell{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));-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.ogrid-checkbox-header,.ogrid-checkbox-cell{text-align:center;padding:4px}.ogrid-checkbox-cell{padding:0}.ogrid-checkbox-wrapper{display:flex;align-items:center;justify-content:center}.ogrid-checkbox-spacer{padding:0}.ogrid-row-number-header{text-align:center;font-weight:600;background-color:var(--ogrid-header-bg);color:var(--ogrid-fg-secondary)}.ogrid-row-number-spacer{background-color:var(--ogrid-header-bg)}.ogrid-row-number-cell{text-align:center;font-weight:600;font-variant-numeric:tabular-nums;background-color:var(--ogrid-header-bg);color:var(--ogrid-fg-secondary)}.ogrid-data-cell{position:relative;padding:0;height:1px;contain:content}.ogrid-data-cell--pinned-left,.ogrid-data-cell--pinned-right{contain:none}.ogrid-table:not([data-virtual-scroll]) tbody tr{content-visibility:auto}.ogrid-data-cell--pinned-left{position:sticky;z-index:var(--ogrid-z-pinned, 6);background-color:var(--ogrid-bg);will-change:transform;border-right:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));box-shadow:2px 0 4px -1px #0000001a}.ogrid-data-cell--pinned-right{position:sticky;z-index:var(--ogrid-z-pinned, 6);background-color:var(--ogrid-bg);will-change:transform;border-left:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));box-shadow:-2px 0 4px -1px #0000001a}.ogrid-cell-content{width:100%;height:100%;display:flex;align-items:center;min-width:0;padding:var(--ogrid-cell-padding, 6px 10px);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}.ogrid-cell-content--numeric{justify-content:flex-end;text-align:right}.ogrid-cell-content--boolean{justify-content:center;text-align:center}.ogrid-cell-content--editable{cursor:cell}.ogrid-cell-content--active{outline:2px solid var(--ogrid-selection, #217346);outline-offset:-1px;z-index:var(--ogrid-z-active-cell, 2);position:relative;overflow:visible;contain:none}.ogrid-cell-content--active-in-range{outline:none;background:var(--ogrid-bg, #fff)}.ogrid-editing-cell{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-fill-handle{position:absolute;right:-3px;bottom:-3px;width:7px;height:7px;background-color:var(--ogrid-selection, #217346);border:1px solid var(--ogrid-bg);border-radius:1px;cursor:crosshair;pointer-events:auto;touch-action:none;z-index:var(--ogrid-z-fill-handle, 3)}@media(pointer:coarse){.ogrid-fill-handle{width:14px;height:14px;right:-7px;bottom:-7px;border-radius:2px}}.ogrid-resize-handle{position:absolute;top:0;right:-3px;bottom:0;width:8px;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none}@media(pointer:coarse){.ogrid-resize-handle{width:16px;right:-8px}}.ogrid-drop-indicator{position:absolute;top:0;bottom:0;width:3px;background:var(--ogrid-primary, #217346);pointer-events:none;z-index:var(--ogrid-z-drop-indicator, 100)}.ogrid-empty-state{padding:32px 16px;text-align:center;border-top:1px solid var(--ogrid-border);background-color:var(--ogrid-header-bg)}.ogrid-empty-state-title{font-size:1.25rem;font-weight:600;margin-bottom:8px}.ogrid-empty-state-message{font-size:.875rem;color:var(--ogrid-fg-secondary)}.ogrid-loading-overlay{position:absolute;inset:0;z-index:var(--ogrid-z-loading, 2);display:flex;align-items:center;justify-content:center;background-color:var(--ogrid-loading-overlay)}.ogrid-loading-inner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background-color:var(--ogrid-bg);border:1px solid var(--ogrid-border);border-radius:4px}.ogrid-loading-message{font-size:.875rem;color:var(--ogrid-fg-secondary)}.ogrid-popover-anchor{min-height:100%;min-width:40px}@media(max-width:576px){.ogrid-pagination{flex-direction:column;align-items:stretch;gap:8px;padding:6px 8px}.ogrid-pagination-nav{order:-1;justify-content:center}.ogrid-pagination-info{font-size:11px;text-align:center}.ogrid-pagination-size{font-size:11px;justify-content:center}}.ogrid-checkbox-label{display:inline-flex;align-items:center;cursor:pointer}.ogrid-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--ogrid-accent, #0078d4)}.ogrid-loading-spinner{width:24px;height:24px;border:3px solid var(--ogrid-border, #e0e0e0);border-top-color:var(--ogrid-accent, #0078d4);border-radius:50%;animation:ogrid-spin .8s linear infinite}@keyframes ogrid-spin{to{transform:rotate(360deg)}}.ogrid-empty-clear-btn{background:none;border:none;color:var(--ogrid-accent, #0078d4);text-decoration:underline;cursor:pointer;padding:0;font:inherit}.ogrid-empty-clear-btn:hover{color:var(--ogrid-accent, #005a9e)}
|
|
1
|
+
:where(:root){--ogrid-cell-padding: 6px 10px;--ogrid-cell-padding-vertical: 6px;--ogrid-cell-padding-horizontal: 10px;--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-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-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-selection: #2ea043;--ogrid-bg-range: rgba(46, 160, 67, .15);--ogrid-bg-selected: #1a3a5c;--ogrid-loading-bg: rgba(0, 0, 0, .7)}[role=region][tabindex="0"]{outline:none}.ogrid-outer-container .ogrid-cell-in-range{background:var(--ogrid-bg-range, rgba(33, 115, 70, .12))}.ogrid-outer-container .ogrid-cell-cut{background:var(--ogrid-hover-bg);opacity:.7}.ogrid-outer-container [data-drag-range]{background:var(--ogrid-range-bg, rgba(33, 115, 70, .12))}.ogrid-outer-container [data-drag-anchor]{background:var(--ogrid-bg)}.ogrid-outer-container{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background-color:var(--ogrid-bg);color:var(--ogrid-fg)}.ogrid-scroll-wrapper{display:flex;flex-direction:column;min-height:100%}.ogrid-table-container{position:relative}.ogrid-table-container--loading{opacity:.6}.ogrid-table{width:100%;border-collapse:collapse;font-size:.875rem;background-color:var(--ogrid-bg);color:var(--ogrid-fg)}.ogrid-table tbody tr{height:var(--ogrid-row-height, auto)}.ogrid-thead{z-index:var(--ogrid-z-thead, 8);background-color:var(--ogrid-header-bg)}.ogrid-header-row{background-color:var(--ogrid-header-bg)}.ogrid-header-cell{font-weight:600;background-color:var(--ogrid-header-bg);z-index:var(--ogrid-z-thead, 8)}.ogrid-sticky-header .ogrid-header-cell{position:sticky;top:0}.ogrid-header-cell--pinned-left{z-index:var(--ogrid-z-pinned-header, 10);will-change:transform;border-right:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));box-shadow:2px 0 4px -1px #0000001a}.ogrid-header-cell--pinned-right{z-index:var(--ogrid-z-pinned-header, 10);will-change:transform;border-left:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));box-shadow:-2px 0 4px -1px #0000001a}.ogrid-header-content{display:flex;align-items:center;width:100%}.ogrid-column-group-header{text-align:center;font-weight:600;border-bottom:2px solid var(--ogrid-border);padding:6px}.ogrid-column-menu-btn{background:none;border:none;cursor:pointer;padding:4px 6px;font-size:16px;color:var(--ogrid-fg-muted);line-height:1;flex-shrink:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;transition:background-color .15s}.ogrid-column-menu-btn:hover{background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04));color:var(--ogrid-fg)}.ogrid-column-letter-row{background:var(--ogrid-column-letter-bg, var(--ogrid-header-bg))}.ogrid-column-letter-cell{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));-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.ogrid-checkbox-header,.ogrid-checkbox-cell{text-align:center;padding:4px}.ogrid-checkbox-cell{padding:0}.ogrid-checkbox-wrapper{display:flex;align-items:center;justify-content:center}.ogrid-checkbox-spacer{padding:0}.ogrid-row-number-header{text-align:center;font-weight:600;background-color:var(--ogrid-header-bg);color:var(--ogrid-fg-secondary)}.ogrid-row-number-spacer{background-color:var(--ogrid-header-bg)}.ogrid-row-number-cell{text-align:center;font-weight:600;font-variant-numeric:tabular-nums;background-color:var(--ogrid-header-bg);color:var(--ogrid-fg-secondary)}.ogrid-data-cell{position:relative;padding:0;height:1px;contain:content}.ogrid-data-cell--pinned-left,.ogrid-data-cell--pinned-right{contain:none}.ogrid-table:not([data-virtual-scroll]) tbody tr{content-visibility:auto}.ogrid-data-cell--pinned-left{position:sticky;z-index:var(--ogrid-z-pinned, 6);background-color:var(--ogrid-bg);will-change:transform;border-right:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));box-shadow:2px 0 4px -1px #0000001a}.ogrid-data-cell--pinned-right{position:sticky;z-index:var(--ogrid-z-pinned, 6);background-color:var(--ogrid-bg);will-change:transform;border-left:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));box-shadow:-2px 0 4px -1px #0000001a}.ogrid-cell-content{width:100%;height:100%;display:flex;align-items:center;min-width:0;padding:var(--ogrid-cell-padding, 6px 10px);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}.ogrid-cell-content--numeric{justify-content:flex-end;text-align:right}.ogrid-cell-content--boolean{justify-content:center;text-align:center}.ogrid-cell-content--editable{cursor:cell}.ogrid-cell-content--active{outline:2px solid var(--ogrid-selection, #217346);outline-offset:-1px;z-index:var(--ogrid-z-active-cell, 2);position:relative;overflow:visible;contain:none}.ogrid-data-cell:has(>.ogrid-cell-content--active),.ogrid-data-cell:has(>.ogrid-editing-cell){z-index:var(--ogrid-z-active-cell, 2)}.ogrid-cell-content--active-in-range{outline:none;background:var(--ogrid-bg, #fff)}.ogrid-editing-cell{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-fill-handle{position:absolute;right:-3px;bottom:-3px;width:7px;height:7px;background-color:var(--ogrid-selection, #217346);border:1px solid var(--ogrid-bg);border-radius:1px;cursor:crosshair;pointer-events:auto;touch-action:none;z-index:var(--ogrid-z-fill-handle, 3)}@media(pointer:coarse){.ogrid-fill-handle{width:14px;height:14px;right:-7px;bottom:-7px;border-radius:2px}}.ogrid-resize-handle{position:absolute;top:0;right:-3px;bottom:0;width:8px;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none}@media(pointer:coarse){.ogrid-resize-handle{width:16px;right:-8px}}.ogrid-drop-indicator{position:absolute;top:0;bottom:0;width:3px;background:var(--ogrid-primary, #217346);pointer-events:none;z-index:var(--ogrid-z-drop-indicator, 100)}.ogrid-empty-state{padding:32px 16px;text-align:center;border-top:1px solid var(--ogrid-border);background-color:var(--ogrid-header-bg)}.ogrid-empty-state-title{font-size:1.25rem;font-weight:600;margin-bottom:8px}.ogrid-empty-state-message{font-size:.875rem;color:var(--ogrid-fg-secondary)}.ogrid-loading-overlay{position:absolute;inset:0;z-index:var(--ogrid-z-loading, 2);display:flex;align-items:center;justify-content:center;background-color:var(--ogrid-loading-overlay)}.ogrid-loading-inner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background-color:var(--ogrid-bg);border:1px solid var(--ogrid-border);border-radius:4px}.ogrid-loading-message{font-size:.875rem;color:var(--ogrid-fg-secondary)}.ogrid-popover-anchor{min-height:100%;min-width:40px}@media(max-width:576px){.ogrid-pagination{flex-direction:column;align-items:stretch;gap:8px;padding:6px 8px}.ogrid-pagination-nav{order:-1;justify-content:center}.ogrid-pagination-info{font-size:11px;text-align:center}.ogrid-pagination-size{font-size:11px;justify-content:center}}.ogrid-checkbox-label{display:inline-flex;align-items:center;cursor:pointer}.ogrid-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--ogrid-accent, #0078d4)}.ogrid-loading-spinner{width:24px;height:24px;border:3px solid var(--ogrid-border, #e0e0e0);border-top-color:var(--ogrid-accent, #0078d4);border-radius:50%;animation:ogrid-spin .8s linear infinite}@keyframes ogrid-spin{to{transform:rotate(360deg)}}.ogrid-empty-clear-btn{background:none;border:none;color:var(--ogrid-accent, #0078d4);text-decoration:underline;cursor:pointer;padding:0;font:inherit}.ogrid-empty-clear-btn:hover{color:var(--ogrid-accent, #005a9e)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alaarab/ogrid-vue-radix",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.3",
|
|
4
4
|
"description": "OGrid Vue Radix – Lightweight data grid with sorting, filtering, pagination, column chooser, and CSV export. Built with Headless UI Vue.",
|
|
5
5
|
"main": "dist/esm/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"node": ">=18"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@alaarab/ogrid-vue": "2.5.
|
|
45
|
+
"@alaarab/ogrid-vue": "2.5.3"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"@headlessui/vue": "^1.7.23",
|