@syncfusion/ej2-splitbuttons 20.1.47 → 20.2.36
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/ej2-splitbuttons.umd.min.js +2 -2
- package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es2015.js +11 -3
- package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es5.js +11 -3
- package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
- package/dist/global/ej2-splitbuttons.min.js +2 -2
- package/dist/global/ej2-splitbuttons.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/dist/ts/button-group/button-group.ts +84 -0
- package/dist/ts/common/common.ts +203 -0
- package/dist/ts/drop-down-button/drop-down-button.ts +806 -0
- package/dist/ts/progress-button/progress-button.ts +689 -0
- package/dist/ts/split-button/split-button.ts +501 -0
- package/helpers/e2e/dropdownbuttonHelper.js +55 -38
- package/helpers/e2e/index.js +10 -8
- package/helpers/e2e/progressbuttonHelper.js +52 -35
- package/helpers/e2e/splitbuttonHelper.js +58 -41
- package/package.json +7 -7
- package/src/drop-down-button/drop-down-button.js +11 -3
- package/styles/bootstrap-dark.css +4 -338
- package/styles/bootstrap.css +4 -333
- package/styles/bootstrap4.css +12 -342
- package/styles/bootstrap5-dark.css +20 -331
- package/styles/bootstrap5.css +18 -329
- package/styles/button-group/_fusionnew-definition.scss +31 -0
- package/styles/button-group/_layout.scss +1 -1
- package/styles/button-group/_material3-definition.scss +31 -0
- package/styles/button-group/_theme.scss +48 -12
- package/styles/button-group/bootstrap-dark.css +1 -114
- package/styles/button-group/bootstrap.css +1 -108
- package/styles/button-group/bootstrap4.css +5 -119
- package/styles/button-group/bootstrap5-dark.css +15 -108
- package/styles/button-group/bootstrap5.css +13 -106
- package/styles/button-group/fabric-dark.css +1 -114
- package/styles/button-group/fabric.css +1 -114
- package/styles/button-group/fluent-dark.css +1 -114
- package/styles/button-group/fluent.css +1 -114
- package/styles/button-group/highcontrast-light.css +1 -114
- package/styles/button-group/highcontrast.css +1 -126
- package/styles/button-group/material-dark.css +1 -114
- package/styles/button-group/material.css +1 -115
- package/styles/button-group/tailwind-dark.css +9 -114
- package/styles/button-group/tailwind.css +9 -114
- package/styles/drop-down-button/_fusionnew-definition.scss +51 -0
- package/styles/drop-down-button/_layout.scss +4 -2
- package/styles/drop-down-button/_material3-definition.scss +51 -0
- package/styles/drop-down-button/bootstrap-dark.css +2 -36
- package/styles/drop-down-button/bootstrap.css +2 -36
- package/styles/drop-down-button/bootstrap4.css +3 -36
- package/styles/drop-down-button/bootstrap5-dark.css +4 -35
- package/styles/drop-down-button/bootstrap5.css +4 -35
- package/styles/drop-down-button/fabric-dark.css +2 -36
- package/styles/drop-down-button/fabric.css +2 -36
- package/styles/drop-down-button/fluent-dark.css +2 -36
- package/styles/drop-down-button/fluent.css +2 -36
- package/styles/drop-down-button/highcontrast-light.css +2 -36
- package/styles/drop-down-button/highcontrast.css +2 -36
- package/styles/drop-down-button/icons/_fusionnew.scss +10 -0
- package/styles/drop-down-button/icons/_material3.scss +10 -0
- package/styles/drop-down-button/material-dark.css +2 -36
- package/styles/drop-down-button/material.css +2 -36
- package/styles/drop-down-button/tailwind-dark.css +4 -36
- package/styles/drop-down-button/tailwind.css +4 -36
- package/styles/fabric-dark.css +4 -338
- package/styles/fabric.css +4 -338
- package/styles/fluent-dark.css +5 -339
- package/styles/fluent.css +5 -339
- package/styles/highcontrast-light.css +4 -338
- package/styles/highcontrast.css +4 -350
- package/styles/material-dark.css +4 -338
- package/styles/material.css +4 -339
- package/styles/progress-button/_fluent-definition.scss +1 -1
- package/styles/progress-button/_fusionnew-definition.scss +21 -0
- package/styles/progress-button/_material3-definition.scss +21 -0
- package/styles/progress-button/bootstrap-dark.css +3 -120
- package/styles/progress-button/bootstrap.css +3 -120
- package/styles/progress-button/bootstrap4.css +3 -120
- package/styles/progress-button/bootstrap5-dark.css +3 -124
- package/styles/progress-button/bootstrap5.css +3 -124
- package/styles/progress-button/fabric-dark.css +3 -120
- package/styles/progress-button/fabric.css +3 -120
- package/styles/progress-button/fluent-dark.css +4 -125
- package/styles/progress-button/fluent.css +4 -125
- package/styles/progress-button/highcontrast-light.css +3 -120
- package/styles/progress-button/highcontrast.css +3 -120
- package/styles/progress-button/material-dark.css +3 -120
- package/styles/progress-button/material.css +3 -120
- package/styles/progress-button/tailwind-dark.css +3 -124
- package/styles/progress-button/tailwind.css +3 -124
- package/styles/split-button/_fusionnew-definition.scss +25 -0
- package/styles/split-button/_material3-definition.scss +25 -0
- package/styles/split-button/bootstrap-dark.css +1 -71
- package/styles/split-button/bootstrap.css +1 -71
- package/styles/split-button/bootstrap4.css +4 -70
- package/styles/split-button/bootstrap5-dark.css +1 -67
- package/styles/split-button/bootstrap5.css +1 -67
- package/styles/split-button/fabric-dark.css +1 -71
- package/styles/split-button/fabric.css +1 -71
- package/styles/split-button/fluent-dark.css +1 -67
- package/styles/split-button/fluent.css +1 -67
- package/styles/split-button/highcontrast-light.css +1 -71
- package/styles/split-button/highcontrast.css +1 -71
- package/styles/split-button/material-dark.css +1 -71
- package/styles/split-button/material.css +1 -71
- package/styles/split-button/tailwind-dark.css +1 -71
- package/styles/split-button/tailwind.css +1 -71
- package/styles/tailwind-dark.css +14 -343
- package/styles/tailwind.css +14 -343
|
@@ -338,7 +338,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
|
|
|
338
338
|
this.dropDown.refreshPosition(this.element);
|
|
339
339
|
}
|
|
340
340
|
this.dropDown.hide();
|
|
341
|
-
attributes(this.element, (_a = {}, _a['aria-haspopup'] = this.items.length || this.target ? 'true' : 'false', _a['aria-expanded'] = 'false', _a['aria-owns'] = this.getPopUpElement().id, _a['type'] = 'button', _a['aria-label'] = this.element.textContent
|
|
341
|
+
attributes(this.element, (_a = {}, _a['aria-haspopup'] = this.items.length || this.target ? 'true' : 'false', _a['aria-expanded'] = 'false', _a['aria-owns'] = this.getPopUpElement().id, _a['type'] = 'button', _a['aria-label'] = this.element.textContent ? this.element.textContent : 'dropdownbutton', _a));
|
|
342
342
|
if (this.cssClass) {
|
|
343
343
|
addClass([div], this.cssClass.split(' '));
|
|
344
344
|
}
|
|
@@ -365,13 +365,19 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
|
|
|
365
365
|
}
|
|
366
366
|
for (var i = 0; i < items.length; i++) {
|
|
367
367
|
item = items[i];
|
|
368
|
-
var tempItem =
|
|
368
|
+
var tempItem = item.text;
|
|
369
369
|
li = this.createElement('li', {
|
|
370
370
|
innerHTML: item.url ? '' : tempItem,
|
|
371
371
|
className: item.separator ? classNames.ITEM + ' ' + classNames.SEPARATOR : classNames.ITEM,
|
|
372
|
-
attrs: { 'role': 'menuItem', 'tabindex': '-1' },
|
|
372
|
+
attrs: { 'role': 'menuItem', 'tabindex': '-1', 'aria-label': tempItem },
|
|
373
373
|
id: item.id ? item.id : getUniqueID('e-' + this.getModuleName() + '-item')
|
|
374
374
|
});
|
|
375
|
+
if (this.enableHtmlSanitizer) {
|
|
376
|
+
li.textContent = item.url ? '' : tempItem;
|
|
377
|
+
}
|
|
378
|
+
else {
|
|
379
|
+
li.innerHTML = item.url ? '' : tempItem;
|
|
380
|
+
}
|
|
375
381
|
if (item.url) {
|
|
376
382
|
li.appendChild(this.createAnchor(item));
|
|
377
383
|
li.classList.add('e-url');
|
|
@@ -680,12 +686,14 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
|
|
|
680
686
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
681
687
|
if (splitButton.isReact && popupElem.childNodes.length < 1) {
|
|
682
688
|
splitButton.appendReactElement(this.getTargetElement(), this.getPopUpElement());
|
|
689
|
+
this.renderReactTemplates();
|
|
683
690
|
}
|
|
684
691
|
}
|
|
685
692
|
else {
|
|
686
693
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
687
694
|
if (this.isReact && popupElem.childNodes.length < 1) {
|
|
688
695
|
this.appendReactElement(this.getTargetElement(), this.getPopUpElement());
|
|
696
|
+
this.renderReactTemplates();
|
|
689
697
|
}
|
|
690
698
|
}
|
|
691
699
|
}
|