@syncfusion/ej2-splitbuttons 19.4.52 → 20.1.57
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 +1 -3
- 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 +9 -2
- package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es5.js +9 -2
- 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/package.json +7 -7
- package/src/drop-down-button/drop-down-button.js +9 -2
- package/styles/bootstrap-dark.css +49 -375
- package/styles/bootstrap.css +49 -370
- package/styles/bootstrap4.css +57 -379
- package/styles/bootstrap5-dark.css +84 -389
- package/styles/bootstrap5.css +82 -387
- package/styles/button-group/_fluent-dark-definition.scss +1 -0
- package/styles/button-group/bootstrap-dark.css +1 -106
- package/styles/button-group/bootstrap.css +1 -100
- package/styles/button-group/bootstrap4.css +5 -111
- package/styles/button-group/bootstrap5-dark.css +3 -108
- package/styles/button-group/bootstrap5.css +1 -106
- package/styles/button-group/fabric-dark.css +1 -106
- package/styles/button-group/fabric.css +1 -106
- package/styles/button-group/fluent-dark.css +761 -0
- package/styles/button-group/fluent-dark.scss +4 -0
- package/styles/button-group/fluent.css +761 -0
- package/styles/button-group/fluent.scss +4 -0
- package/styles/button-group/highcontrast-light.css +1 -106
- package/styles/button-group/highcontrast.css +1 -118
- package/styles/button-group/material-dark.css +1 -106
- package/styles/button-group/material.css +1 -107
- package/styles/button-group/tailwind-dark.css +1 -102
- package/styles/button-group/tailwind.css +1 -102
- package/styles/drop-down-button/_bootstrap5-definition.scss +4 -4
- package/styles/drop-down-button/_fluent-dark-definition.scss +1 -0
- package/styles/drop-down-button/_fluent-definition.scss +5 -5
- package/styles/drop-down-button/_layout.scss +1 -1
- package/styles/drop-down-button/_tailwind-definition.scss +4 -4
- 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 +10 -43
- package/styles/drop-down-button/bootstrap5.css +10 -43
- 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 +213 -0
- package/styles/drop-down-button/fluent-dark.scss +6 -0
- package/styles/drop-down-button/fluent.css +213 -0
- package/styles/drop-down-button/fluent.scss +6 -0
- 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/_fluent-dark.scss +1 -0
- package/styles/drop-down-button/icons/_fluent.scss +1 -1
- package/styles/drop-down-button/icons/_tailwind-dark.scss +1 -1
- package/styles/drop-down-button/icons/_tailwind.scss +1 -1
- 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 +9 -43
- package/styles/drop-down-button/tailwind.css +9 -43
- package/styles/fabric-dark.css +49 -375
- package/styles/fabric.css +49 -375
- package/styles/fluent-dark.css +1818 -0
- package/styles/fluent-dark.scss +4 -0
- package/styles/fluent.css +1818 -0
- package/styles/fluent.scss +4 -0
- package/styles/highcontrast-light.css +49 -375
- package/styles/highcontrast.css +49 -387
- package/styles/material-dark.css +49 -375
- package/styles/material.css +49 -376
- package/styles/progress-button/_bootstrap5-definition.scss +6 -6
- package/styles/progress-button/_fluent-dark-definition.scss +1 -0
- package/styles/progress-button/_fluent-definition.scss +2 -2
- package/styles/progress-button/_tailwind-definition.scss +5 -5
- package/styles/progress-button/_theme.scss +56 -11
- package/styles/progress-button/bootstrap-dark.css +48 -165
- package/styles/progress-button/bootstrap.css +48 -165
- package/styles/progress-button/bootstrap4.css +48 -165
- package/styles/progress-button/bootstrap5-dark.css +73 -174
- package/styles/progress-button/bootstrap5.css +73 -174
- package/styles/progress-button/fabric-dark.css +48 -165
- package/styles/progress-button/fabric.css +48 -165
- package/styles/progress-button/fluent-dark.css +544 -0
- package/styles/progress-button/fluent-dark.scss +5 -0
- package/styles/progress-button/fluent.css +544 -0
- package/styles/progress-button/fluent.scss +5 -0
- package/styles/progress-button/highcontrast-light.css +48 -165
- package/styles/progress-button/highcontrast.css +48 -165
- package/styles/progress-button/material-dark.css +48 -165
- package/styles/progress-button/material.css +48 -165
- package/styles/progress-button/tailwind-dark.css +68 -169
- package/styles/progress-button/tailwind.css +68 -169
- package/styles/split-button/_fluent-dark-definition.scss +1 -0
- package/styles/split-button/_fluent-definition.scss +2 -2
- package/styles/split-button/_layout.scss +32 -12
- package/styles/split-button/_tailwind-definition.scss +1 -1
- 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 +297 -0
- package/styles/split-button/fluent-dark.scss +6 -0
- package/styles/split-button/fluent.css +297 -0
- package/styles/split-button/fluent.scss +6 -0
- 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 +10 -80
- package/styles/split-button/tailwind.css +10 -80
- package/styles/tailwind-dark.css +85 -392
- package/styles/tailwind.css +85 -392
|
@@ -333,13 +333,18 @@ let DropDownButton = class DropDownButton extends Component {
|
|
|
333
333
|
}
|
|
334
334
|
for (let i = 0; i < items.length; i++) {
|
|
335
335
|
item = items[i];
|
|
336
|
-
const tempItem =
|
|
336
|
+
const tempItem = item.text;
|
|
337
337
|
li = this.createElement('li', {
|
|
338
|
-
innerHTML: item.url ? '' : tempItem,
|
|
339
338
|
className: item.separator ? classNames.ITEM + ' ' + classNames.SEPARATOR : classNames.ITEM,
|
|
340
339
|
attrs: { 'role': 'menuItem', 'tabindex': '-1' },
|
|
341
340
|
id: item.id ? item.id : getUniqueID('e-' + this.getModuleName() + '-item')
|
|
342
341
|
});
|
|
342
|
+
if (this.enableHtmlSanitizer) {
|
|
343
|
+
li.textContent = item.url ? '' : tempItem;
|
|
344
|
+
}
|
|
345
|
+
else {
|
|
346
|
+
li.innerHTML = item.url ? '' : tempItem;
|
|
347
|
+
}
|
|
343
348
|
if (item.url) {
|
|
344
349
|
li.appendChild(this.createAnchor(item));
|
|
345
350
|
li.classList.add('e-url');
|
|
@@ -645,12 +650,14 @@ let DropDownButton = class DropDownButton extends Component {
|
|
|
645
650
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
646
651
|
if (splitButton.isReact && popupElem.childNodes.length < 1) {
|
|
647
652
|
splitButton.appendReactElement(this.getTargetElement(), this.getPopUpElement());
|
|
653
|
+
this.renderReactTemplates();
|
|
648
654
|
}
|
|
649
655
|
}
|
|
650
656
|
else {
|
|
651
657
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
652
658
|
if (this.isReact && popupElem.childNodes.length < 1) {
|
|
653
659
|
this.appendReactElement(this.getTargetElement(), this.getPopUpElement());
|
|
660
|
+
this.renderReactTemplates();
|
|
654
661
|
}
|
|
655
662
|
}
|
|
656
663
|
}
|