@cocoar/vue-data-grid 1.6.0 → 1.6.1

package/dist/CoarDataGrid.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoarDataGrid.vue.d.ts","sourceRoot":"","sources":["../src/CoarDataGrid.vue"],"names":[],"mappings":"AA6LA,OAAO,KAAK,EAAkB,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAG7C,OAAO,6BAA6B,CAAC;yBAEpB,KAAK,GAAG,OAAO,EAC/B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAsQO,mBAAmB,CAAC;;;iBAnIjB,MAAM;;QArHb,gDAAgD;iBACvC,eAAe,CAAC,KAAK,CAAC;QAC/B,uDAAuD;gBAC/C,KAAK;QACb,yCAAyC;qBAC5B,OAAO;QACpB,4CAA4C;4BACxB,MAAM;QAC1B,gCAAgC;qBACnB,iBAAiB;QAC9B,oCAAoC;mBACzB,OAAO;QAClB,uCAAuC;mBAC5B,OAAO;QAClB,+CAA+C;gBACvC,MAAM;QACd,kDAAkD;gBAC1C,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;oBAuOmD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;gCA3CyB,GAAG;iCACF,GAAG;;;EA8CpC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAjRzE,wBAiR4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"CoarDataGrid.vue.d.ts","sourceRoot":"","sources":["../src/CoarDataGrid.vue"],"names":[],"mappings":"AA6MA,OAAO,KAAK,EAAkB,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAG7C,OAAO,6BAA6B,CAAC;yBAEpB,KAAK,GAAG,OAAO,EAC/B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAmRO,mBAAmB,CAAC;;;iBAxIjB,MAAM;;QA7Hb,gDAAgD;iBACvC,eAAe,CAAC,KAAK,CAAC;QAC/B,uDAAuD;gBAC/C,KAAK;QACb,yCAAyC;qBAC5B,OAAO;QACpB,4CAA4C;4BACxB,MAAM;QAC1B,gCAAgC;qBACnB,iBAAiB;QAC9B,oCAAoC;mBACzB,OAAO;QAClB,uCAAuC;mBAC5B,OAAO;QAClB,+CAA+C;gBACvC,MAAM;QACd,kDAAkD;gBAC1C,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;oBAoPmD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;gCA3CyB,GAAG;iCACF,GAAG;;;EA8CpC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9RzE,wBA8R4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/header/CoarGridHeader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoarGridHeader.vue.d.ts","sourceRoot":"","sources":["../../src/header/CoarGridHeader.vue"],"names":[],"mappings":"AAwFA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIvD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,aAAa,CAAC;CACvB,CAAC;;AA0FF,wBAOG"}
+{"version":3,"file":"CoarGridHeader.vue.d.ts","sourceRoot":"","sources":["../../src/header/CoarGridHeader.vue"],"names":[],"mappings":"AAyFA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIvD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,aAAa,CAAC;CACvB,CAAC;;AA0FF,wBAOG"}

package/dist/index.css

@@ -1 +1 @@
-.coar-tag-cell-renderer{display:flex;align-items:center;gap:var(--coar-spacing-xs, 4px);flex-wrap:wrap;height:100%}.coar-icon-cell-renderer{display:flex;align-items:center;justify-content:center;height:100%}.coar-icon-cell-renderer.clickable{cursor:pointer}.coar-date-cell-renderer{display:flex;align-items:center;height:100%}.coar-tree-cell{display:flex;align-items:center;height:100%;gap:2px;overflow:hidden}.coar-tree-cell__toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;cursor:pointer;border-radius:4px;transition:background-color .1s}.coar-tree-cell__toggle:hover{background-color:var(--coar-surface-neutral-hover, rgba(0, 0, 0, .06))}.coar-tree-cell__spacer{width:20px;flex-shrink:0}.coar-tree-cell__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coar-tree-cell__count{color:var(--coar-text-neutral-tertiary, #888);font-size:.85em;flex-shrink:0;margin-left:4px}.coar-grid-header{display:flex;align-items:center;width:100%;height:100%;gap:4px;overflow:hidden}.coar-grid-header--sortable{cursor:pointer}.coar-grid-header__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coar-grid-header__spacer{flex:1}.coar-grid-header__sort-icon{font-size:.65em;opacity:.6;flex-shrink:0}.coar-data-grid-search[data-v-aa875501]{display:flex;align-items:center;gap:var(--coar-spacing-s)}.coar-data-grid-search--bordered[data-v-aa875501]{border:1px solid var(--coar-border-neutral);border-radius:var(--coar-radius-s);padding:var(--coar-spacing-s)}.coar-data-grid-search--elevated[data-v-aa875501]{box-shadow:var(--coar-elevation-medium);border-radius:var(--coar-radius-s);padding:var(--coar-spacing-s)}.coar-data-grid-search__input[data-v-aa875501]{flex:1;min-width:0}.coar-data-grid-search__actions[data-v-aa875501]{display:flex;align-items:center;gap:var(--coar-spacing-xs);flex-shrink:0}.ag-theme-cocoar{--ag-font-family: var(--coar-font-family-body, Poppins, sans-serif);--ag-font-size: var(--coar-font-size-xs, 14px);--ag-grid-size: 4px;--ag-cell-horizontal-padding: var(--coar-spacing-m, 16px);--ag-row-height: 40px;--ag-header-height: 40px;--ag-list-item-height: 36px;--ag-borders: solid 1px;--ag-border-radius: var(--coar-radius-m, 8px);--ag-wrapper-border-radius: var(--coar-radius-m, 8px);--ag-row-border-style: solid;--ag-row-border-width: 1px;--ag-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-header-background-color: var(--coar-background-neutral-secondary, #f5f5f5);--ag-odd-row-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-row-hover-color: var(--coar-background-neutral-tertiary, #e5e5e5);--ag-selected-row-background-color: var(--coar-background-accent-tertiary, #e6f0ff);--ag-modal-overlay-background-color: rgba(0, 0, 0, .5);--ag-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-row-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-header-column-separator-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-foreground-color: var(--coar-text-neutral-primary, #171717);--ag-header-foreground-color: var(--coar-text-neutral-secondary, #404040);--ag-secondary-foreground-color: var(--coar-text-neutral-tertiary, #525252);--ag-disabled-foreground-color: var(--coar-text-neutral-disabled, #a3a3a3);--ag-range-selection-border-color: var(--coar-border-accent-primary, #0066cc);--ag-range-selection-background-color: var(--coar-background-accent-tertiary, #e6f0ff);--ag-range-selection-highlight-color: var(--coar-background-accent-secondary, #cce0ff);--ag-input-focus-border-color: var(--coar-border-accent-primary, #0066cc);--ag-input-disabled-background-color: var(--coar-background-neutral-disabled, #d4d4d4);--ag-icon-font-color: var(--coar-icon-neutral-secondary, #404040);--ag-subheader-background-color: var(--coar-background-neutral-secondary, #f5f5f5);--ag-control-panel-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-side-button-selected-background-color: var(--coar-background-accent-tertiary, #e6f0ff);--ag-menu-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-menu-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-checkbox-checked-color: var(--coar-background-accent-primary, #0066cc);--ag-checkbox-unchecked-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-checkbox-indeterminate-color: var(--coar-background-accent-secondary, #cce0ff);--ag-chip-background-color: var(--coar-background-neutral-secondary, #f5f5f5);--ag-invalid-color: var(--coar-text-semantic-error-bold, #dc2626)}.ag-theme-cocoar .ag-header-cell,.ag-theme-cocoar .ag-cell{transition:none!important}.dark-mode .ag-theme-cocoar,.ag-theme-cocoar.dark-mode{--ag-background-color: var(--coar-background-neutral-primary, #18181b);--ag-header-background-color: var(--coar-background-neutral-secondary, #27272a);--ag-odd-row-background-color: var(--coar-background-neutral-primary, #18181b);--ag-row-hover-color: var(--coar-background-neutral-tertiary, #3f3f46);--ag-selected-row-background-color: var(--coar-background-accent-tertiary, #1e3a5f);--ag-border-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-row-border-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-header-column-separator-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-foreground-color: var(--coar-text-neutral-primary, #fafafa);--ag-header-foreground-color: var(--coar-text-neutral-secondary, #e4e4e7);--ag-secondary-foreground-color: var(--coar-text-neutral-tertiary, #a1a1aa);--ag-disabled-foreground-color: var(--coar-text-neutral-disabled, #71717a);--ag-icon-font-color: var(--coar-icon-neutral-secondary, #e4e4e7);--ag-subheader-background-color: var(--coar-background-neutral-secondary, #27272a);--ag-control-panel-background-color: var(--coar-background-neutral-primary, #18181b);--ag-menu-background-color: var(--coar-background-neutral-primary, #18181b);--ag-menu-border-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-checkbox-unchecked-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-chip-background-color: var(--coar-background-neutral-secondary, #27272a);--ag-input-disabled-background-color: var(--coar-background-neutral-disabled, #3f3f46)}.ag-theme-cocoar .ag-row-focus{outline:none}.ag-theme-cocoar .ag-row-selected{background-color:var(--ag-selected-row-background-color)!important}.ag-theme-cocoar .ag-header{font-weight:600}.ag-theme-cocoar .ag-header-cell{padding-left:var(--coar-spacing-m, 16px);padding-right:var(--coar-spacing-m, 16px)}.ag-theme-cocoar .ag-cell-focus{border-color:var(--ag-range-selection-border-color, var(--coar-border-accent-primary, #0066cc))!important}.ag-theme-cocoar .ag-row{transition:background-color .15s ease}.ag-theme-cocoar .ag-cell.clickable{cursor:pointer;color:var(--coar-text-accent-primary, #0066cc)}.ag-theme-cocoar .ag-cell.clickable:hover{text-decoration:underline}.ag-theme-cocoar .ag-cell.text-right{justify-content:flex-end;text-align:right}.ag-theme-cocoar .ag-cell.text-center{justify-content:center;text-align:center}.ag-theme-cocoar .ag-overlay-loading-wrapper{background-color:var(--ag-background-color)}.ag-theme-cocoar .ag-overlay-no-rows-wrapper{color:var(--ag-secondary-foreground-color)}.ag-theme-cocoar .ag-row.coar-drop-target{background-color:var(--coar-surface-accent-subtle, rgba(0, 102, 204, .1))!important;outline:2px solid var(--coar-border-accent, #0066cc);outline-offset:-2px;border-radius:var(--coar-radius-s, 6px)}.ag-theme-cocoar.coar-drop-target-root{outline:2px dashed var(--coar-border-accent, #0066cc);outline-offset:-2px;border-radius:var(--coar-radius-s, 6px)}.ag-theme-cocoar.ag-theme-cocoar--bordered{border:1px solid var(--coar-border-neutral);border-radius:var(--coar-radius-s);overflow:hidden}.ag-theme-cocoar.ag-theme-cocoar--elevated{box-shadow:var(--coar-elevation-medium);border-radius:var(--coar-radius-s);overflow:hidden}.ag-theme-cocoar .ag-row.coar-drop-target--invalid{background-color:var(--coar-surface-semantic-error-subtle, rgba(204, 0, 0, .06))!important;outline:2px dashed var(--coar-border-semantic-error, rgba(204, 0, 0, .4));outline-offset:-2px;border-radius:var(--coar-radius-s, 6px);cursor:not-allowed}::highlight(coar-search){text-decoration:underline;text-decoration-color:var(--coar-border-accent, #0066cc);text-decoration-thickness:2px;text-underline-offset:2px;background-color:transparent;color:inherit}.coar-grid-toolbar{display:flex;align-items:center;gap:var(--coar-spacing-s);margin-bottom:var(--coar-spacing-s)}:is(.ag-theme-cocoar--bordered,.ag-theme-cocoar--elevated)>.coar-grid-toolbar{padding:var(--coar-spacing-s) var(--coar-spacing-s) 0;margin-bottom:var(--coar-spacing-s)}.coar-grid-toolbar:has(>:only-child.coar-grid-toolbar__spacer){display:none}.coar-grid-toolbar__search{flex:1;min-width:0}.coar-grid-toolbar__spacer{flex:1}
+.coar-tag-cell-renderer{display:flex;align-items:center;gap:var(--coar-spacing-xs, 4px);flex-wrap:wrap;height:100%}.coar-icon-cell-renderer{display:flex;align-items:center;justify-content:center;height:100%}.coar-icon-cell-renderer.clickable{cursor:pointer}.coar-date-cell-renderer{display:flex;align-items:center;height:100%}.coar-tree-cell{display:flex;align-items:center;height:100%;gap:2px;overflow:hidden}.coar-tree-cell__toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;cursor:pointer;border-radius:4px;transition:background-color .1s}.coar-tree-cell__toggle:hover{background-color:var(--coar-surface-neutral-hover, rgba(0, 0, 0, .06))}.coar-tree-cell__spacer{width:20px;flex-shrink:0}.coar-tree-cell__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coar-tree-cell__count{color:var(--coar-text-neutral-tertiary, #888);font-size:.85em;flex-shrink:0;margin-left:4px}.coar-grid-header{display:flex;align-items:center;width:100%;height:100%;gap:4px;overflow:hidden;color:var(--ag-header-foreground-color, inherit)}.coar-grid-header--sortable{cursor:pointer}.coar-grid-header__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coar-grid-header__spacer{flex:1}.coar-grid-header__sort-icon{font-size:.65em;opacity:.6;flex-shrink:0}.coar-data-grid-search[data-v-aa875501]{display:flex;align-items:center;gap:var(--coar-spacing-s)}.coar-data-grid-search--bordered[data-v-aa875501]{border:1px solid var(--coar-border-neutral);border-radius:var(--coar-radius-s);padding:var(--coar-spacing-s)}.coar-data-grid-search--elevated[data-v-aa875501]{box-shadow:var(--coar-elevation-medium);border-radius:var(--coar-radius-s);padding:var(--coar-spacing-s)}.coar-data-grid-search__input[data-v-aa875501]{flex:1;min-width:0}.coar-data-grid-search__actions[data-v-aa875501]{display:flex;align-items:center;gap:var(--coar-spacing-xs);flex-shrink:0}.ag-theme-cocoar{--ag-font-family: var(--coar-font-family-body, Poppins, sans-serif);--ag-font-size: var(--coar-font-size-xs, 14px);--ag-grid-size: 4px;--ag-cell-horizontal-padding: var(--coar-spacing-m, 16px);--ag-row-height: 40px;--ag-header-height: 40px;--ag-list-item-height: 36px;--ag-borders: solid 1px;--ag-border-radius: var(--coar-radius-m, 8px);--ag-wrapper-border-radius: var(--coar-radius-m, 8px);--ag-row-border-style: solid;--ag-row-border-width: 1px;--ag-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-header-background-color: var(--coar-background-neutral-secondary, #f5f5f5);--ag-odd-row-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-row-hover-color: var(--coar-background-neutral-tertiary, #e5e5e5);--ag-selected-row-background-color: var(--coar-background-accent-tertiary, #e6f0ff);--ag-modal-overlay-background-color: rgba(0, 0, 0, .5);--ag-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-row-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-header-column-separator-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-foreground-color: var(--coar-text-neutral-primary, #171717);--ag-header-foreground-color: var(--coar-text-neutral-secondary, #404040);--ag-secondary-foreground-color: var(--coar-text-neutral-tertiary, #525252);--ag-disabled-foreground-color: var(--coar-text-neutral-disabled, #a3a3a3);--ag-range-selection-border-color: var(--coar-border-accent-primary, #0066cc);--ag-range-selection-background-color: var(--coar-background-accent-tertiary, #e6f0ff);--ag-range-selection-highlight-color: var(--coar-background-accent-secondary, #cce0ff);--ag-input-focus-border-color: var(--coar-border-accent-primary, #0066cc);--ag-input-disabled-background-color: var(--coar-background-neutral-disabled, #d4d4d4);--ag-icon-font-color: var(--coar-icon-neutral-secondary, #404040);--ag-subheader-background-color: var(--coar-background-neutral-secondary, #f5f5f5);--ag-control-panel-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-side-button-selected-background-color: var(--coar-background-accent-tertiary, #e6f0ff);--ag-menu-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-menu-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-checkbox-checked-color: var(--coar-background-accent-primary, #0066cc);--ag-checkbox-unchecked-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-checkbox-indeterminate-color: var(--coar-background-accent-secondary, #cce0ff);--ag-chip-background-color: var(--coar-background-neutral-secondary, #f5f5f5);--ag-invalid-color: var(--coar-text-semantic-error-bold, #dc2626)}.ag-theme-cocoar .ag-header-cell,.ag-theme-cocoar .ag-cell{transition:none!important}.dark-mode .ag-theme-cocoar,.ag-theme-cocoar.dark-mode{--ag-background-color: var(--coar-background-neutral-primary, #18181b);--ag-header-background-color: var(--coar-background-neutral-secondary, #27272a);--ag-odd-row-background-color: var(--coar-background-neutral-primary, #18181b);--ag-row-hover-color: var(--coar-background-neutral-tertiary, #3f3f46);--ag-selected-row-background-color: var(--coar-background-accent-tertiary, #1e3a5f);--ag-border-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-row-border-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-header-column-separator-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-foreground-color: var(--coar-text-neutral-primary, #fafafa);--ag-header-foreground-color: var(--coar-text-neutral-secondary, #e4e4e7);--ag-secondary-foreground-color: var(--coar-text-neutral-tertiary, #a1a1aa);--ag-disabled-foreground-color: var(--coar-text-neutral-disabled, #71717a);--ag-icon-font-color: var(--coar-icon-neutral-secondary, #e4e4e7);--ag-subheader-background-color: var(--coar-background-neutral-secondary, #27272a);--ag-control-panel-background-color: var(--coar-background-neutral-primary, #18181b);--ag-menu-background-color: var(--coar-background-neutral-primary, #18181b);--ag-menu-border-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-checkbox-unchecked-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-chip-background-color: var(--coar-background-neutral-secondary, #27272a);--ag-input-disabled-background-color: var(--coar-background-neutral-disabled, #3f3f46)}.ag-theme-cocoar .ag-row-focus{outline:none}.ag-theme-cocoar .ag-row-selected{background-color:var(--ag-selected-row-background-color)!important}.ag-theme-cocoar .ag-header{font-weight:600}.ag-theme-cocoar .ag-header-cell{padding-left:var(--coar-spacing-m, 16px);padding-right:var(--coar-spacing-m, 16px)}.ag-theme-cocoar .ag-cell-focus{border-color:var(--ag-range-selection-border-color, var(--coar-border-accent-primary, #0066cc))!important}.ag-theme-cocoar .ag-row{transition:background-color .15s ease}.ag-theme-cocoar .ag-cell.clickable{cursor:pointer;color:var(--coar-text-accent-primary, #0066cc)}.ag-theme-cocoar .ag-cell.clickable:hover{text-decoration:underline}.ag-theme-cocoar .ag-cell.text-right{justify-content:flex-end;text-align:right}.ag-theme-cocoar .ag-cell.text-center{justify-content:center;text-align:center}.ag-theme-cocoar .ag-overlay-loading-wrapper{background-color:var(--ag-background-color)}.ag-theme-cocoar .ag-overlay-no-rows-wrapper{color:var(--ag-secondary-foreground-color)}.ag-theme-cocoar .ag-row.coar-drop-target{background-color:var(--coar-surface-accent-subtle, rgba(0, 102, 204, .1))!important;outline:2px solid var(--coar-border-accent, #0066cc);outline-offset:-2px;border-radius:var(--coar-radius-s, 6px)}.ag-theme-cocoar.coar-drop-target-root{outline:2px dashed var(--coar-border-accent, #0066cc);outline-offset:-2px;border-radius:var(--coar-radius-s, 6px)}.ag-theme-cocoar.ag-theme-cocoar--bordered{border:1px solid var(--coar-border-neutral);border-radius:var(--coar-radius-s);overflow:hidden}.ag-theme-cocoar.ag-theme-cocoar--elevated{box-shadow:var(--coar-elevation-medium);border-radius:var(--coar-radius-s);overflow:hidden}.ag-theme-cocoar .ag-row.coar-drop-target--invalid{background-color:var(--coar-surface-semantic-error-subtle, rgba(204, 0, 0, .06))!important;outline:2px dashed var(--coar-border-semantic-error, rgba(204, 0, 0, .4));outline-offset:-2px;border-radius:var(--coar-radius-s, 6px);cursor:not-allowed}::highlight(coar-search){text-decoration:underline;text-decoration-color:var(--coar-border-accent, #0066cc);text-decoration-thickness:2px;text-underline-offset:2px;background-color:transparent;color:inherit}.coar-grid-toolbar{display:flex;align-items:center;gap:var(--coar-spacing-s);margin-bottom:var(--coar-spacing-s)}:is(.ag-theme-cocoar--bordered,.ag-theme-cocoar--elevated)>.coar-grid-toolbar{padding:var(--coar-spacing-s) var(--coar-spacing-s) 0;margin-bottom:var(--coar-spacing-s)}.coar-grid-toolbar:has(>:only-child.coar-grid-toolbar__spacer){display:none}.ag-theme-cocoar--has-toolbar>.ag-grid-vue-container{border-top:1px solid var(--coar-border-neutral)}.coar-grid-toolbar__search{flex:1;min-width:0}.coar-grid-toolbar__spacer{flex:1}

package/dist/index.js

@@ -40937,9 +40937,13 @@ const jE = { ref: "root" }, qE = /* @__PURE__ */ Ue({
     const n = e, r = Ss(e, "search"), a = _(
       () => n.showSearch || !!i["toolbar-left"] || !!i["toolbar-right"]
     ), l = ue("");
-    me(r, (f) => {
-      l.value = f;
-    }, { immediate: !0 }), me(l, (f) => {
+    me(
+      r,
+      (f) => {
+        l.value = f;
+      },
+      { immediate: !0 }
+    ), me(l, (f) => {
       r.value = f;
     }), me(
       () => n.builder,
@@ -40974,11 +40978,14 @@ const jE = { ref: "root" }, qE = /* @__PURE__ */ Ue({
     }), (f, m) => (Y(), re("div", {
       ref_key: "wrapperRef",
       ref: t,
-      class: co(["ag-theme-cocoar", [n.class, {
-        "ag-theme-cocoar--bordered": n.bordered,
-        "ag-theme-cocoar--elevated": n.elevated,
-        "ag-theme-cocoar--has-toolbar": a.value
-      }]]),
+      class: co(["ag-theme-cocoar", [
+        n.class,
+        {
+          "ag-theme-cocoar--bordered": n.bordered,
+          "ag-theme-cocoar--elevated": n.elevated,
+          "ag-theme-cocoar--has-toolbar": a.value
+        }
+      ]]),
       style: sr(n.style ?? "display: flex; flex-direction: column; flex: 1 1 auto; height: 100%;"),
       onClick: g,
       onContextmenu: p
@@ -40995,7 +41002,10 @@ const jE = { ref: "root" }, qE = /* @__PURE__ */ Ue({
         }, null, 8, ["modelValue", "placeholder", "size"])) : (Y(), re("div", eT)),
         jo(f.$slots, "toolbar-right")
       ], 512)) : uo("", !0),
-      qi(pi(qE), Yu({ style: { width: "100%", height: "100%" } }, d.value, {
+      qi(pi(qE), Yu({
+        style: { width: "100%", height: "100%" },
+        class: "ag-grid-vue-container"
+      }, d.value, {
         theme: n.theme,
         "column-defs": c.value,
         "row-data": u.value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocoar/vue-data-grid",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "AG Grid wrapper with Cocoar Design System theming for Vue 3",
   "license": "Apache-2.0",
   "repository": {
@@ -42,8 +42,8 @@
   },
   "peerDependencies": {
     "vue": "^3.5.0",
-    "@cocoar/vue-ui": "1.6.0",
-    "@cocoar/vue-localization": "1.6.0"
+    "@cocoar/vue-ui": "1.6.1",
+    "@cocoar/vue-localization": "1.6.1"
   },
   "devDependencies": {
     "vue": "^3.5.0",