@cocoar/vue-data-grid 1.6.0 → 1.6.1

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 (5) hide show
  1. package/dist/CoarDataGrid.vue.d.ts.map +1 -1
  2. package/dist/header/CoarGridHeader.vue.d.ts.map +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.js +19 -9
  5. package/package.json +3 -3
package/dist/CoarDataGrid.vue.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1 +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}
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 CHANGED
@@ -40937,9 +40937,13 @@ const jE = { ref: "root" }, qE = /* @__PURE__ */ Ue({
40937
40937
  const n = e, r = Ss(e, "search"), a = _(
40938
40938
  () => n.showSearch || !!i["toolbar-left"] || !!i["toolbar-right"]
40939
40939
  ), l = ue("");
40940
- me(r, (f) => {
40941
- l.value = f;
40942
- }, { immediate: !0 }), me(l, (f) => {
40940
+ me(
40941
+ r,
40942
+ (f) => {
40943
+ l.value = f;
40944
+ },
40945
+ { immediate: !0 }
40946
+ ), me(l, (f) => {
40943
40947
  r.value = f;
40944
40948
  }), me(
40945
40949
  () => n.builder,
@@ -40974,11 +40978,14 @@ const jE = { ref: "root" }, qE = /* @__PURE__ */ Ue({
40974
40978
  }), (f, m) => (Y(), re("div", {
40975
40979
  ref_key: "wrapperRef",
40976
40980
  ref: t,
40977
- class: co(["ag-theme-cocoar", [n.class, {
40978
- "ag-theme-cocoar--bordered": n.bordered,
40979
- "ag-theme-cocoar--elevated": n.elevated,
40980
- "ag-theme-cocoar--has-toolbar": a.value
40981
- }]]),
40981
+ class: co(["ag-theme-cocoar", [
40982
+ n.class,
40983
+ {
40984
+ "ag-theme-cocoar--bordered": n.bordered,
40985
+ "ag-theme-cocoar--elevated": n.elevated,
40986
+ "ag-theme-cocoar--has-toolbar": a.value
40987
+ }
40988
+ ]]),
40982
40989
  style: sr(n.style ?? "display: flex; flex-direction: column; flex: 1 1 auto; height: 100%;"),
40983
40990
  onClick: g,
40984
40991
  onContextmenu: p
@@ -40995,7 +41002,10 @@ const jE = { ref: "root" }, qE = /* @__PURE__ */ Ue({
40995
41002
  }, null, 8, ["modelValue", "placeholder", "size"])) : (Y(), re("div", eT)),
40996
41003
  jo(f.$slots, "toolbar-right")
40997
41004
  ], 512)) : uo("", !0),
40998
- qi(pi(qE), Yu({ style: { width: "100%", height: "100%" } }, d.value, {
41005
+ qi(pi(qE), Yu({
41006
+ style: { width: "100%", height: "100%" },
41007
+ class: "ag-grid-vue-container"
41008
+ }, d.value, {
40999
41009
  theme: n.theme,
41000
41010
  "column-defs": c.value,
41001
41011
  "row-data": u.value,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cocoar/vue-data-grid",
3
- "version": "1.6.0",
3
+ "version": "1.6.1",
4
4
  "description": "AG Grid wrapper with Cocoar Design System theming for Vue 3",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -42,8 +42,8 @@
42
42
  },
43
43
  "peerDependencies": {
44
44
  "vue": "^3.5.0",
45
- "@cocoar/vue-ui": "1.6.0",
46
- "@cocoar/vue-localization": "1.6.0"
45
+ "@cocoar/vue-ui": "1.6.1",
46
+ "@cocoar/vue-localization": "1.6.1"
47
47
  },
48
48
  "devDependencies": {
49
49
  "vue": "^3.5.0",