@syncfusion/ej2-navigations 24.2.4 → 24.2.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.
- package/CHANGELOG.md +9 -0
- package/dist/ej2-navigations.min.js +2 -2
- package/dist/ej2-navigations.umd.min.js +2 -2
- package/dist/ej2-navigations.umd.min.js.map +1 -1
- package/dist/es6/ej2-navigations.es2015.js +9 -11
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +9 -11
- package/dist/es6/ej2-navigations.es5.js.map +1 -1
- package/dist/global/ej2-navigations.min.js +2 -2
- package/dist/global/ej2-navigations.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +10 -10
- package/src/treeview/treeview.js +9 -11
- package/styles/bootstrap-dark.css +26 -4
- package/styles/bootstrap.css +22 -0
- package/styles/bootstrap4.css +26 -4
- package/styles/bootstrap5-dark.css +22 -0
- package/styles/bootstrap5.css +22 -0
- package/styles/fabric-dark.css +22 -0
- package/styles/fabric.css +22 -0
- package/styles/fluent-dark.css +33 -11
- package/styles/fluent.css +33 -11
- package/styles/highcontrast-light.css +22 -0
- package/styles/highcontrast.css +22 -0
- package/styles/material-dark.css +22 -0
- package/styles/material.css +22 -0
- package/styles/material3-dark.css +22 -0
- package/styles/material3.css +22 -0
- package/styles/tailwind-dark.css +22 -0
- package/styles/tailwind.css +22 -0
- package/styles/toolbar/_bootstrap-dark-definition.scss +3 -3
- package/styles/toolbar/_bootstrap4-definition.scss +3 -3
- package/styles/toolbar/_fluent-definition.scss +3 -3
- package/styles/toolbar/_layout.scss +35 -0
- package/styles/toolbar/bootstrap-dark.css +26 -4
- package/styles/toolbar/bootstrap.css +22 -0
- package/styles/toolbar/bootstrap4.css +26 -4
- package/styles/toolbar/bootstrap5-dark.css +22 -0
- package/styles/toolbar/bootstrap5.css +22 -0
- package/styles/toolbar/fabric-dark.css +22 -0
- package/styles/toolbar/fabric.css +22 -0
- package/styles/toolbar/fluent-dark.css +33 -11
- package/styles/toolbar/fluent.css +33 -11
- package/styles/toolbar/highcontrast-light.css +22 -0
- package/styles/toolbar/highcontrast.css +22 -0
- package/styles/toolbar/material-dark.css +22 -0
- package/styles/toolbar/material.css +22 -0
- package/styles/toolbar/material3-dark.css +22 -0
- package/styles/toolbar/material3.css +22 -0
- package/styles/toolbar/tailwind-dark.css +22 -0
- package/styles/toolbar/tailwind.css +22 -0
- package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -63
- package/.github/PULL_REQUEST_TEMPLATE/feature.md +0 -39
|
@@ -10741,7 +10741,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
10741
10741
|
element = this.element.querySelector('[data-uid="' + data[this.fields.id] + '"]');
|
|
10742
10742
|
}
|
|
10743
10743
|
if (element) {
|
|
10744
|
-
var ariaChecked = element.
|
|
10744
|
+
var ariaChecked = element.getAttribute('aria-checked');
|
|
10745
10745
|
if (ariaChecked !== 'true') {
|
|
10746
10746
|
this.changeState(element, 'indeterminate', null, true, true);
|
|
10747
10747
|
}
|
|
@@ -10796,24 +10796,22 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
10796
10796
|
TreeView.prototype.beforeNodeCreate = function (e) {
|
|
10797
10797
|
if (this.showCheckBox) {
|
|
10798
10798
|
var checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
|
|
10799
|
-
checkboxEle.setAttribute('role', 'checkbox');
|
|
10800
|
-
checkboxEle.setAttribute('aria-label', e.text);
|
|
10801
10799
|
var icon = select('div.' + ICON, e.item);
|
|
10802
10800
|
var id = e.item.getAttribute('data-uid');
|
|
10803
10801
|
e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNullOrUndefined(icon) ? 0 : 1]);
|
|
10804
10802
|
var checkValue = getValue(e.fields.isChecked, e.curData);
|
|
10805
10803
|
if (this.checkedNodes.indexOf(id) > -1) {
|
|
10806
10804
|
select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
|
|
10807
|
-
|
|
10805
|
+
e.item.setAttribute('aria-checked', 'true');
|
|
10808
10806
|
this.addCheck(e.item);
|
|
10809
10807
|
}
|
|
10810
10808
|
else if (!isNullOrUndefined(checkValue) && checkValue.toString() === 'true') {
|
|
10811
10809
|
select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
|
|
10812
|
-
|
|
10810
|
+
e.item.setAttribute('aria-checked', 'true');
|
|
10813
10811
|
this.addCheck(e.item);
|
|
10814
10812
|
}
|
|
10815
10813
|
else {
|
|
10816
|
-
|
|
10814
|
+
e.item.setAttribute('aria-checked', 'false');
|
|
10817
10815
|
}
|
|
10818
10816
|
var frame = select('.' + CHECKBOXFRAME, checkboxEle);
|
|
10819
10817
|
EventHandler.add(frame, 'mousedown', this.frameMouseHandler, this);
|
|
@@ -11347,7 +11345,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
11347
11345
|
}
|
|
11348
11346
|
ariaState = state === 'check' ? 'true' : state === 'uncheck' ? 'false' : ariaState;
|
|
11349
11347
|
if (!isNullOrUndefined(ariaState)) {
|
|
11350
|
-
|
|
11348
|
+
currLi.setAttribute('aria-checked', ariaState);
|
|
11351
11349
|
}
|
|
11352
11350
|
if (isAdd) {
|
|
11353
11351
|
var data = [].concat([], this.checkActionNodes);
|
|
@@ -11361,7 +11359,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
11361
11359
|
}
|
|
11362
11360
|
if (!isPrevent) {
|
|
11363
11361
|
if (!isNullOrUndefined(ariaState)) {
|
|
11364
|
-
|
|
11362
|
+
currLi.setAttribute('aria-checked', ariaState);
|
|
11365
11363
|
eventArgs.data[0].checked = ariaState;
|
|
11366
11364
|
this.trigger('nodeChecked', eventArgs);
|
|
11367
11365
|
this.checkActionNodes = [];
|
|
@@ -12067,7 +12065,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
12067
12065
|
}
|
|
12068
12066
|
};
|
|
12069
12067
|
TreeView.prototype.nodeSelectAction = function (li, e, eventArgs, multiSelect) {
|
|
12070
|
-
if (!this.allowMultiSelection || (!multiSelect && (!e || (e && !e.ctrlKey)))) {
|
|
12068
|
+
if (!this.allowMultiSelection || (!multiSelect && (!e || (e && !(e.ctrlKey || e.metaKey))))) {
|
|
12071
12069
|
this.removeSelectAll();
|
|
12072
12070
|
}
|
|
12073
12071
|
if (this.allowMultiSelection && e && e.shiftKey) {
|
|
@@ -12395,7 +12393,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
12395
12393
|
this.checkActionNodes = [];
|
|
12396
12394
|
var ariaState = !isCheck ? 'true' : 'false';
|
|
12397
12395
|
if (!isNullOrUndefined(ariaState)) {
|
|
12398
|
-
|
|
12396
|
+
currLi.setAttribute('aria-checked', ariaState);
|
|
12399
12397
|
}
|
|
12400
12398
|
var eventArgs = this.getCheckEvent(currLi, isCheck ? 'uncheck' : 'check', e);
|
|
12401
12399
|
this.trigger('nodeChecking', eventArgs, function (observedArgs) {
|
|
@@ -12791,7 +12789,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
12791
12789
|
var checked = null;
|
|
12792
12790
|
var checkboxElement = select('.' + CHECKBOXWRAP, currLi);
|
|
12793
12791
|
if (this.showCheckBox && checkboxElement) {
|
|
12794
|
-
checked =
|
|
12792
|
+
checked = currLi.getAttribute('aria-checked');
|
|
12795
12793
|
}
|
|
12796
12794
|
return {
|
|
12797
12795
|
id: id, text: text, parentID: pid, selected: selected, selectable: selectable, expanded: expanded,
|