@cocoar/vue-data-grid 1.12.1 → 1.13.0-beta.6
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.
- package/dist/index.js +36 -22
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -4464,10 +4464,12 @@ var Us = "ag-focus-managed", Ws = class extends M {
|
|
|
4464
4464
|
}), this.setPosition(Number.parseFloat(i.style.left), Number.parseFloat(i.style.top)));
|
|
4465
4465
|
}
|
|
4466
4466
|
constrainSizeToAvailableHeight(e) {
|
|
4467
|
-
this.config.forcePopupParentAsOffsetParent
|
|
4467
|
+
if (!this.config.forcePopupParentAsOffsetParent) return;
|
|
4468
|
+
let t = () => {
|
|
4468
4469
|
let e = this.getAvailableHeight();
|
|
4469
4470
|
this.element.style.setProperty("max-height", `${e}px`);
|
|
4470
|
-
}
|
|
4471
|
+
};
|
|
4472
|
+
e && this.popupSvc ? (this.resizeObserverSubscriber?.(), this.resizeObserverSubscriber = kn(this.beans, this.popupSvc?.getPopupParent(), t)) : (this.element.style.removeProperty("max-height"), this.resizeObserverSubscriber &&= (this.resizeObserverSubscriber(), void 0));
|
|
4471
4473
|
}
|
|
4472
4474
|
setPosition(e, t) {
|
|
4473
4475
|
this.position.x = e, this.position.y = t;
|
|
@@ -12508,11 +12510,14 @@ var Tm = {
|
|
|
12508
12510
|
let i = !n && this.eCellWrapper != null;
|
|
12509
12511
|
i && (pn(this.eCellWrapper), this.eCellWrapper = void 0), this.cellCssManager.toggleCss("ag-cell-value", !n);
|
|
12510
12512
|
let a = !e && n, o = a && this.eCellValue == null;
|
|
12511
|
-
|
|
12512
|
-
|
|
12513
|
-
|
|
12514
|
-
|
|
12515
|
-
|
|
12513
|
+
if (o) {
|
|
12514
|
+
let e = this.cellCtrl.getCellValueClass();
|
|
12515
|
+
this.eCellValue = X({
|
|
12516
|
+
tag: "span",
|
|
12517
|
+
cls: e,
|
|
12518
|
+
role: "presentation"
|
|
12519
|
+
}), this.eCellWrapper.appendChild(this.eCellValue);
|
|
12520
|
+
}
|
|
12516
12521
|
let s = !a && this.eCellValue != null;
|
|
12517
12522
|
s && (pn(this.eCellValue), this.eCellValue = void 0);
|
|
12518
12523
|
let c = r || i || o || s;
|
|
@@ -12909,8 +12914,7 @@ var Lm = {
|
|
|
12909
12914
|
let a = (e, t) => {
|
|
12910
12915
|
let n = `${e}px`;
|
|
12911
12916
|
t.style.minHeight = n, t.style.height = n;
|
|
12912
|
-
}
|
|
12913
|
-
this.ctrl = this.createManagedBean(new cf()), this.ctrl.setComp({
|
|
12917
|
+
}, o = {
|
|
12914
12918
|
setRowAnimationCssOnBodyViewport: (e, t) => this.setRowAnimationCssOnBodyViewport(e, t),
|
|
12915
12919
|
setColumnCount: (e) => Ht(this.getGui(), e),
|
|
12916
12920
|
setRowCount: (e) => zt(this.getGui(), e),
|
|
@@ -12947,7 +12951,8 @@ var Lm = {
|
|
|
12947
12951
|
},
|
|
12948
12952
|
setBodyViewportWidth: (e) => this.eBodyViewport.style.width = e,
|
|
12949
12953
|
setGridRootRole: (e) => wt(this.eGridRoot, e)
|
|
12950
|
-
}
|
|
12954
|
+
};
|
|
12955
|
+
this.ctrl = this.createManagedBean(new cf()), this.ctrl.setComp(o, this.getGui(), this.eBodyViewport, this.eTop, this.eBottom, this.eStickyTop, this.eStickyBottom), (t && Mi(this.gos) || zi(this.gos)) && Rt(this.getGui(), !0);
|
|
12951
12956
|
}
|
|
12952
12957
|
setRowAnimationCssOnBodyViewport(e, t) {
|
|
12953
12958
|
let n = this.eBodyViewport.classList;
|
|
@@ -13832,8 +13837,7 @@ var ah = class extends fu {
|
|
|
13832
13837
|
postConstruct() {
|
|
13833
13838
|
let e = this.beans;
|
|
13834
13839
|
e.ctrlsSvc.whenReady(this, (t) => {
|
|
13835
|
-
let n = () => t.gridBodyCtrl.scrollFeature.getVScrollPosition().top
|
|
13836
|
-
this.autoScroll = new qs({
|
|
13840
|
+
let n = () => t.gridBodyCtrl.scrollFeature.getVScrollPosition().top, r = new qs({
|
|
13837
13841
|
scrollContainer: t.gridBodyCtrl.eBodyViewport,
|
|
13838
13842
|
scrollAxis: "y",
|
|
13839
13843
|
getVerticalPosition: n,
|
|
@@ -13847,7 +13851,8 @@ var ah = class extends fu {
|
|
|
13847
13851
|
let r = this.autoScrollChanging;
|
|
13848
13852
|
this.autoScrollChanged = r, this.autoScrollChanging = !1, r && (e.dragAndDrop?.nudge(), this.autoScrollChanged = !1);
|
|
13849
13853
|
}
|
|
13850
|
-
})
|
|
13854
|
+
});
|
|
13855
|
+
this.autoScroll = r, this.clearAutoScroll();
|
|
13851
13856
|
});
|
|
13852
13857
|
}
|
|
13853
13858
|
destroy() {
|
|
@@ -20817,7 +20822,9 @@ var Gy = class extends N {
|
|
|
20817
20822
|
this.businessKeyForNodeFunc = this.gos.get("getBusinessKeyForNode"), this.updateRowBusinessKey();
|
|
20818
20823
|
}
|
|
20819
20824
|
updateRowBusinessKey() {
|
|
20820
|
-
typeof this.businessKeyForNodeFunc
|
|
20825
|
+
if (typeof this.businessKeyForNodeFunc != "function") return;
|
|
20826
|
+
let e = this.businessKeyForNodeFunc(this.rowNode);
|
|
20827
|
+
this.businessKey = ft(e);
|
|
20821
20828
|
}
|
|
20822
20829
|
updateGui(e, t) {
|
|
20823
20830
|
e === "left" ? this.leftGui = t : e === "right" ? this.rightGui = t : e === "fullWidth" ? this.fullWidthGui = t : this.centerGui = t;
|
|
@@ -22048,8 +22055,8 @@ var Xy = {
|
|
|
22048
22055
|
super(), this.beanName = "ariaAnnounce", this.descriptionContainer = null, this.pendingAnnouncements = /* @__PURE__ */ new Map(), this.lastAnnouncement = "", this.updateAnnouncement = P(this, this.updateAnnouncement.bind(this), 200);
|
|
22049
22056
|
}
|
|
22050
22057
|
postConstruct() {
|
|
22051
|
-
let e = this.beans, t = this.descriptionContainer =
|
|
22052
|
-
|
|
22058
|
+
let e = this.beans, t = O(e), n = this.descriptionContainer = t.createElement("div");
|
|
22059
|
+
n.classList.add("ag-aria-description-container"), kt(n, "polite"), jt(n, "additions text"), At(n, !0), e.eRootDiv.appendChild(n);
|
|
22053
22060
|
}
|
|
22054
22061
|
announceValue(e, t) {
|
|
22055
22062
|
this.pendingAnnouncements.set(t, e), this.updateAnnouncement();
|
|
@@ -22554,7 +22561,10 @@ var ub = ".ag-overlay{inset:0;pointer-events:none;position:absolute;z-index:2}.a
|
|
|
22554
22561
|
this.registerCellEventListeners(), this.initialiseCache(), this.printLayout = B(t, "print"), this.embedFullWidthRows = this.printLayout || t.get("embedFullWidthRows"), this.redrawAfterModelUpdate();
|
|
22555
22562
|
}
|
|
22556
22563
|
initialiseCache() {
|
|
22557
|
-
this.gos.get("keepDetailRows")
|
|
22564
|
+
if (this.gos.get("keepDetailRows")) {
|
|
22565
|
+
let e = this.getKeepDetailRowsCount() ?? 3;
|
|
22566
|
+
this.cachedRowCtrls = new Db(e);
|
|
22567
|
+
}
|
|
22558
22568
|
}
|
|
22559
22569
|
getKeepDetailRowsCount() {
|
|
22560
22570
|
return this.gos.get("keepDetailRowsCount");
|
|
@@ -30466,10 +30476,10 @@ var Xw = class extends N {
|
|
|
30466
30476
|
}, r = e.treeDepth, i = (this.columns?.treeDepth ?? -1) == r, a = this.generateSelectionCols();
|
|
30467
30477
|
if (ja(a, this.columns?.list ?? []) && i) return;
|
|
30468
30478
|
n();
|
|
30469
|
-
let { colGroupSvc: o } = this.beans, s = o?.findDepth(e.tree) ?? 0;
|
|
30479
|
+
let { colGroupSvc: o } = this.beans, s = o?.findDepth(e.tree) ?? 0, c = o?.balanceTreeForAutoCols(a, s) ?? [];
|
|
30470
30480
|
this.columns = {
|
|
30471
30481
|
list: a,
|
|
30472
|
-
tree:
|
|
30482
|
+
tree: c,
|
|
30473
30483
|
treeDepth: s,
|
|
30474
30484
|
map: {}
|
|
30475
30485
|
}, t((e) => {
|
|
@@ -33681,8 +33691,8 @@ var JE = class extends N {
|
|
|
33681
33691
|
enableOrDisableButtons() {
|
|
33682
33692
|
let e = this.pagination.getCurrentPage(), t = this.rowModel.isLastRowIndexKnown(), n = this.pagination.getTotalPages();
|
|
33683
33693
|
this.previousAndFirstButtonsDisabled = e === 0, this.toggleButtonDisabled(this.btFirst, this.previousAndFirstButtonsDisabled), this.toggleButtonDisabled(this.btPrevious, this.previousAndFirstButtonsDisabled);
|
|
33684
|
-
let r = this.isZeroPagesToDisplay();
|
|
33685
|
-
this.nextButtonDisabled =
|
|
33694
|
+
let r = this.isZeroPagesToDisplay(), i = e === n - 1;
|
|
33695
|
+
this.nextButtonDisabled = i || r, this.lastButtonDisabled = !t || r || e === n - 1, this.toggleButtonDisabled(this.btNext, this.nextButtonDisabled), this.toggleButtonDisabled(this.btLast, this.lastButtonDisabled);
|
|
33686
33696
|
}
|
|
33687
33697
|
toggleButtonDisabled(e, t) {
|
|
33688
33698
|
Nt(e, t), e.classList.toggle("ag-disabled", t);
|
|
@@ -33826,7 +33836,11 @@ var JE = class extends N {
|
|
|
33826
33836
|
let n = this.pageSize, r = t - 1;
|
|
33827
33837
|
this.totalPages = Math.floor(r / n) + 1, this.adjustCurrentPageIfInvalid();
|
|
33828
33838
|
let i = this.currentPage, a = n * i, o = n * (i + 1) - 1;
|
|
33829
|
-
o > r && (o = r), this.topDisplayedRowIndex = e.getTopLevelRowDisplayedIndex(a), o === r
|
|
33839
|
+
if (o > r && (o = r), this.topDisplayedRowIndex = e.getTopLevelRowDisplayedIndex(a), o === r) this.bottomDisplayedRowIndex = e.getRowCount() - 1;
|
|
33840
|
+
else {
|
|
33841
|
+
let t = e.getTopLevelRowDisplayedIndex(o + 1);
|
|
33842
|
+
this.bottomDisplayedRowIndex = t - 1;
|
|
33843
|
+
}
|
|
33830
33844
|
}
|
|
33831
33845
|
getMasterRowCount() {
|
|
33832
33846
|
return this.masterRowCount;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cocoar/vue-data-grid",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.13.0-beta.6",
|
|
4
4
|
"description": "AG Grid wrapper with Cocoar Design System theming for Vue 3",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
"ag-grid-vue3": "35.0.0"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
|
-
"@cocoar/vue-localization": "1.
|
|
45
|
-
"@cocoar/vue-ui": "1.
|
|
44
|
+
"@cocoar/vue-localization": "1.13.0-beta.6",
|
|
45
|
+
"@cocoar/vue-ui": "1.13.0-beta.6",
|
|
46
46
|
"vue": "^3.5.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|