@syncfusion/ej2-lists 28.1.33 → 28.2.3

package/dist/es6/ej2-lists.es2015.js

@@ -1,4 +1,4 @@
-import { isNullOrUndefined, getValue, extend, prepend, SanitizeHtmlHelper, merge, addClass, isVisible, attributes, append, compile, ChildProperty, Property, Component, detach, removeClass, formatUnit, animationMode, Animation, closest, EventHandler, Touch, remove, rippleEffect, Complex, Event, NotifyPropertyChanges, select, Base, isBlazor, getComponent, getUniqueID, Draggable, compareElementParent } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, getValue, extend, SanitizeHtmlHelper, prepend, merge, addClass, isVisible, attributes, append, compile, ChildProperty, Property, Component, detach, removeClass, formatUnit, animationMode, Animation, closest, EventHandler, Touch, remove, rippleEffect, Complex, Event, NotifyPropertyChanges, select, Base, isBlazor, getComponent, getUniqueID, Draggable, compareElementParent } from '@syncfusion/ej2-base';
 import { Query, DataManager } from '@syncfusion/ej2-data';
 import { createCheckBox } from '@syncfusion/ej2-buttons';
 
@@ -259,6 +259,18 @@ var ListBase;
                 li = generateSingleLevelLI(createElement, curItem, fieldData, fields, curOpt.itemClass, innerEle, (Object.prototype.hasOwnProperty.call(curItem, 'isHeader') &&
                     curItem.isHeader) ? true : false, id, i, options);
                 anchorElement = li.querySelector('.' + cssClass.anchorWrap);
+                if (Object.prototype.hasOwnProperty.call(fieldData, fields.tooltip)) {
+                    let tooltipText = fieldData[fields.tooltip];
+                    if (options && options.enableHtmlSanitizer) {
+                        tooltipText = SanitizeHtmlHelper.sanitize(tooltipText);
+                    }
+                    else {
+                        let tooltipTextElement = createElement('span', { innerHTML: tooltipText });
+                        tooltipText = tooltipTextElement.innerText;
+                        tooltipTextElement = null;
+                    }
+                    li.setAttribute('title', tooltipText);
+                }
                 if (curOpt.itemNavigable && checkboxElement.length) {
                     prepend(checkboxElement, li.firstElementChild);
                 }
@@ -823,6 +835,9 @@ var ListBase;
         if (dataSource && Object.prototype.hasOwnProperty.call(fieldData, fields.enabled) && fieldData[fields.enabled].toString() === 'false') {
             li.classList.add(cssClass.disabled);
         }
+        if (options && options.enableHtmlSanitizer) {
+            text = SanitizeHtmlHelper.sanitize(text);
+        }
         if (grpLI) {
             li.innerText = text;
         }
@@ -941,8 +956,7 @@ var ListBase;
                 ? true : false;
         }
         if (options && options.enableHtmlSanitizer) {
-            // eslint-disable-next-line no-self-assign
-            text = text;
+            text = SanitizeHtmlHelper.sanitize(text);
         }
         const li = createElement('li', {
             className: (grpLI === true ? cssClass.group : cssClass.li) + ' ' + (isNullOrUndefined(className) ? '' : className),
@@ -994,7 +1008,7 @@ var ListBase;
                     attrs: (ariaAttributes.itemText !== '' ? { role: ariaAttributes.itemText } : {})
                 });
                 if (options && options.enableHtmlSanitizer) {
-                    element.innerText = SanitizeHtmlHelper.sanitize(text);
+                    element.innerText = text;
                 }
                 else {
                     element.innerHTML = text;
@@ -4224,6 +4238,7 @@ let Sortable = Sortable_1 = class Sortable extends Base {
             const isPlaceHolderPresent = this.isPlaceHolderPresent(dropInst);
             if (isPlaceHolderPresent) {
                 const curIdx = this.getIndex(dropInst.placeHolderElement, dropInst);
+                prevIdx = this === dropInst && (prevIdx - curIdx) >= 1 ? prevIdx - 1 : prevIdx;
                 const args = {
                     previousIndex: prevIdx, currentIndex: curIdx, target: e.target, droppedElement: this.target,
                     helper: e.helper, cancel: false, handled: false
@@ -4239,7 +4254,7 @@ let Sortable = Sortable_1 = class Sortable extends Base {
                         }
                         dropInst.element.insertBefore(this.target, dropInst.placeHolderElement);
                         const curIdx = this.getIndex(this.target, dropInst);
-                        prevIdx = this === dropInst && (prevIdx - curIdx) > 1 ? prevIdx - 1 : prevIdx;
+                        prevIdx = this === dropInst && (prevIdx - curIdx) >= 1 ? prevIdx - 1 : prevIdx;
                         this.trigger('drop', {
                             event: e.event, element: dropInst.element, previousIndex: prevIdx, currentIndex: curIdx,
                             target: e.target, helper: e.helper, droppedElement: this.target, scopeName: this.scope, handled: handled