@syncfusion/ej2-navigations 25.1.39 → 25.1.40
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 +18 -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 +25 -4
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +25 -4
- 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 +6 -6
- package/src/accordion/accordion.js +3 -2
- package/src/stepper/stepper.js +1 -1
- package/src/toolbar/toolbar.js +1 -1
- package/src/treeview/treeview.js +20 -0
- package/styles/bootstrap-dark.css +311 -296
- package/styles/bootstrap.css +311 -296
- package/styles/bootstrap4.css +311 -296
- package/styles/bootstrap5-dark.css +311 -296
- package/styles/bootstrap5.css +311 -296
- package/styles/fabric-dark.css +311 -296
- package/styles/fabric.css +311 -296
- package/styles/fluent-dark.css +311 -296
- package/styles/fluent.css +311 -296
- package/styles/highcontrast-light.css +311 -296
- package/styles/highcontrast.css +311 -296
- package/styles/material-dark.css +311 -296
- package/styles/material.css +311 -296
- package/styles/material3-dark.css +311 -296
- package/styles/material3.css +311 -296
- package/styles/stepper/_layout.scss +162 -242
- package/styles/stepper/_theme.scss +158 -184
- package/styles/stepper/bootstrap-dark.css +311 -296
- package/styles/stepper/bootstrap.css +311 -296
- package/styles/stepper/bootstrap4.css +311 -296
- package/styles/stepper/bootstrap5-dark.css +311 -296
- package/styles/stepper/bootstrap5.css +311 -296
- package/styles/stepper/fabric-dark.css +311 -296
- package/styles/stepper/fabric.css +311 -296
- package/styles/stepper/fluent-dark.css +311 -296
- package/styles/stepper/fluent.css +311 -296
- package/styles/stepper/highcontrast-light.css +311 -296
- package/styles/stepper/highcontrast.css +311 -296
- package/styles/stepper/material-dark.css +311 -296
- package/styles/stepper/material.css +311 -296
- package/styles/stepper/material3-dark.css +311 -296
- package/styles/stepper/material3.css +311 -296
- package/styles/stepper/tailwind-dark.css +311 -296
- package/styles/stepper/tailwind.css +311 -296
- package/styles/tailwind-dark.css +311 -296
- package/styles/tailwind.css +311 -296
|
@@ -4057,7 +4057,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
|
|
|
4057
4057
|
itemObj = tempItem;
|
|
4058
4058
|
}
|
|
4059
4059
|
var eventArgs = { originalEvent: e, item: itemObj };
|
|
4060
|
-
var isClickBinded = (
|
|
4060
|
+
var isClickBinded = itemObj && !isNullOrUndefined(itemObj.click) && typeof itemObj.click == 'object' ? !isNullOrUndefined(itemObj.click.observers) && itemObj.click.observers.length > 0 : !isNullOrUndefined(itemObj) && !isNullOrUndefined(itemObj.click);
|
|
4061
4061
|
if (isClickBinded) {
|
|
4062
4062
|
this.trigger('items[' + this.tbarEle.indexOf(clst) + '].click', eventArgs);
|
|
4063
4063
|
}
|
|
@@ -6378,13 +6378,14 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
|
|
|
6378
6378
|
return innerEle;
|
|
6379
6379
|
}
|
|
6380
6380
|
if (item.header && this.angularnativeCondiCheck(item, 'header')) {
|
|
6381
|
+
var header = item.header;
|
|
6381
6382
|
if (this.enableHtmlSanitizer && typeof (item.header) === 'string') {
|
|
6382
|
-
|
|
6383
|
+
header = SanitizeHtmlHelper.sanitize(item.header);
|
|
6383
6384
|
}
|
|
6384
6385
|
var ctnEle = this.headerEleGenerate();
|
|
6385
6386
|
var hdrEle = this.createElement('div', { className: CLS_HEADERCTN });
|
|
6386
6387
|
ctnEle.appendChild(hdrEle);
|
|
6387
|
-
ctnEle.appendChild(this.fetchElement(hdrEle,
|
|
6388
|
+
ctnEle.appendChild(this.fetchElement(hdrEle, header, index));
|
|
6388
6389
|
innerEle.appendChild(ctnEle);
|
|
6389
6390
|
}
|
|
6390
6391
|
var hdr = select('.' + CLS_HEADER, innerEle);
|
|
@@ -10827,14 +10828,23 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
10827
10828
|
select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
|
|
10828
10829
|
e.item.setAttribute('aria-checked', 'true');
|
|
10829
10830
|
this.addCheck(e.item);
|
|
10831
|
+
if (Browser.userAgent.indexOf("Edg") > -1) {
|
|
10832
|
+
checkboxEle.setAttribute('aria-label', "checked");
|
|
10833
|
+
}
|
|
10830
10834
|
}
|
|
10831
10835
|
else if (!isNullOrUndefined(checkValue) && checkValue.toString() === 'true') {
|
|
10832
10836
|
select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
|
|
10833
10837
|
e.item.setAttribute('aria-checked', 'true');
|
|
10834
10838
|
this.addCheck(e.item);
|
|
10839
|
+
if (Browser.userAgent.indexOf("Edg") > -1) {
|
|
10840
|
+
checkboxEle.setAttribute('aria-label', "checked");
|
|
10841
|
+
}
|
|
10835
10842
|
}
|
|
10836
10843
|
else {
|
|
10837
10844
|
e.item.setAttribute('aria-checked', 'false');
|
|
10845
|
+
if (Browser.userAgent.indexOf("Edg") > -1) {
|
|
10846
|
+
checkboxEle.setAttribute('aria-label', "unchecked");
|
|
10847
|
+
}
|
|
10838
10848
|
}
|
|
10839
10849
|
var frame = select('.' + CHECKBOXFRAME, checkboxEle);
|
|
10840
10850
|
EventHandler.add(frame, 'mousedown', this.frameMouseHandler, this);
|
|
@@ -11369,6 +11379,17 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
|
|
|
11369
11379
|
ariaState = state === 'check' ? 'true' : state === 'uncheck' ? 'false' : ariaState;
|
|
11370
11380
|
if (!isNullOrUndefined(ariaState)) {
|
|
11371
11381
|
currLi.setAttribute('aria-checked', ariaState);
|
|
11382
|
+
if (Browser.userAgent.indexOf("Edg") > -1) {
|
|
11383
|
+
if (ariaState === 'true') {
|
|
11384
|
+
wrapper.setAttribute('aria-label', "checked");
|
|
11385
|
+
}
|
|
11386
|
+
else if (ariaState === 'false') {
|
|
11387
|
+
wrapper.setAttribute('aria-label', "unchecked");
|
|
11388
|
+
}
|
|
11389
|
+
else if (ariaState === 'mixed') {
|
|
11390
|
+
wrapper.setAttribute('aria-label', "indeterminate");
|
|
11391
|
+
}
|
|
11392
|
+
}
|
|
11372
11393
|
}
|
|
11373
11394
|
if (isAdd) {
|
|
11374
11395
|
var data = [].concat([], this.checkActionNodes);
|
|
@@ -19560,7 +19581,7 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
|
|
|
19560
19581
|
case 'rightarrow':
|
|
19561
19582
|
case 'tab':
|
|
19562
19583
|
case 'shiftTab':
|
|
19563
|
-
this.handleNavigation(this.enableRtl && this.element.classList.contains(HORIZSTEP) ? (e.action === 'leftarrow' || e.action === '
|
|
19584
|
+
this.handleNavigation(this.enableRtl && this.element.classList.contains(HORIZSTEP) ? (e.action === 'leftarrow' || e.action === 'tab' || e.action === 'uparrow') : (e.action === 'rightarrow' || e.action === 'tab' || e.action === 'downarrow'), e);
|
|
19564
19585
|
break;
|
|
19565
19586
|
case 'space':
|
|
19566
19587
|
case 'enter':
|