@syncfusion/ej2-layouts 33.1.47 → 34.1.29

package/dist/es6/ej2-layouts.es5.js

@@ -295,6 +295,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         this.onMouseUpHandler = this.onMouseUp.bind(this);
         this.onTouchMoveHandler = this.onMouseMove.bind(this);
         this.onTouchEndHandler = this.onMouseUp.bind(this);
+        this.documentClickHandler = this.onDocumentClick.bind(this);
         this.wrapper = this.element.cloneNode(true);
         this.wrapperParent = this.element.parentElement;
         removeClass([this.wrapper], ['e-control', 'e-lib', ROOT]);
@@ -341,7 +342,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         this.collapseFlag = true;
         this.isCollapsed();
         this.collapseFlag = false;
-        EventHandler.add(document, 'touchstart click', this.onDocumentClick, this);
+        EventHandler.add(document, 'touchstart click', this.documentClickHandler);
         this.renderComplete();
         this.element.ownerDocument.defaultView.addEventListener('resize', this.onReportWindowSize, true);
         EventHandler.add(this.element, 'keydown', this.onMove, this);
@@ -1252,14 +1253,12 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         if (cCount > 0) {
             if (!expandPane.classList.contains(COLLAPSE_PANE)) {
                 addClass([expandPane], EXPAND_PANE);
-                expandPane.setAttribute('aria-expanded', 'true');
             }
         }
         else if (cCount === 0) {
             for (var i = 0; i < this.allPanes.length; i++) {
                 if (!this.allPanes[i].classList.contains(COLLAPSE_PANE)) {
                     removeClass([this.allPanes[i]], EXPAND_PANE);
-                    this.allPanes[i].setAttribute('aria-expanded', 'false');
                 }
             }
         }
@@ -1270,7 +1269,6 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         this.updateFlexGrow();
         if (flexStatus) {
             this.previousPane.classList.remove(EXPAND_PANE);
-            this.previousPane.setAttribute('aria-expanded', 'false');
             this.previousPane.style.flexGrow = '';
         }
     };
@@ -1394,13 +1392,11 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         var expandPane = isLeftOrUp ? this.nextPane : this.previousPane;
         var collapsePaneIndex = isLeftOrUp ? this.prevPaneIndex : this.nextPaneIndex;
         removeClass([collapsePane], EXPAND_PANE);
-        collapsePane.setAttribute('aria-expanded', 'false');
         addClass([collapsePane], collapseClass);
         collapsePane.setAttribute('aria-hidden', 'true');
         var isFlexPane = collapsePane.style.flexBasis === '';
         if (isFlexPane) {
             addClass([expandPane], EXPAND_PANE);
-            expandPane.setAttribute('aria-expanded', 'true');
         }
         else {
             var isFlexPaneHidden = true;
@@ -1409,7 +1405,6 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
                     if (this.allPanes[i].style.flexBasis === '' && !this.allPanes[i].classList.contains(COLLAPSE_PANE)
                         && !this.allPanes[i].classList.contains(EXPAND_PANE)) {
                         addClass([this.allPanes[i]], EXPAND_PANE);
-                        this.allPanes[i].setAttribute('aria-expanded', 'true');
                         isFlexPaneHidden = false;
                         break;
                     }
@@ -1417,7 +1412,6 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
             }
             if (isFlexPaneHidden) {
                 addClass([expandPane], EXPAND_PANE);
-                expandPane.setAttribute('aria-expanded', 'true');
             }
         }
         if (!this.collapseFlag) {
@@ -2232,7 +2226,8 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
     Splitter.prototype.destroy = function () {
         if (!this.isDestroyed) {
             _super.prototype.destroy.call(this);
-            EventHandler.remove(document, 'touchstart click', this.onDocumentClick);
+            EventHandler.remove(document, 'touchstart click', this.documentClickHandler);
+            this.documentClickHandler = null;
             EventHandler.remove(this.element, 'keydown', this.onMove);
             this.element.ownerDocument.defaultView.removeEventListener('resize', this.onReportWindowSize, true);
             while (this.element.attributes.length > 0) {
@@ -2830,20 +2825,65 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
     DashboardLayout.prototype.templateParser = function (template) {
         if (template) {
             try {
-                if (typeof template !== 'function' && document.querySelectorAll(template).length) {
-                    return compile(document.querySelector(template).innerHTML.trim());
+                if (typeof template === 'string' && (template.charAt(0) === '.' || template.charAt(0) === '#')) {
+                    try {
+                        var elements = document.querySelectorAll(template);
+                        if (elements.length > 0) {
+                            return compile(elements[0].innerHTML.trim());
+                        }
+                    }
+                    catch (selectorError) {
+                        // Not a valid CSS selector, treat as HTML string below
+                    }
                 }
-                else {
+                if (typeof template === 'function') {
                     return compile(template);
                 }
+                if (typeof template === 'string') {
+                    if (!this.hasTemplateExpressions(template)) {
+                        var sanitizedValue = SanitizeHtmlHelper.sanitize(template);
+                        return compile((this.enableHtmlSanitizer && typeof (template) === 'string') ? sanitizedValue : template);
+                    }
+                    return compile(template);
+                }
+                return compile(template);
             }
             catch (error) {
-                var sanitizedValue = SanitizeHtmlHelper.sanitize(template);
-                return compile((this.enableHtmlSanitizer && typeof (template) === 'string') ? sanitizedValue : template);
+                if (this.isCSPError(error) && typeof template === 'string') {
+                    return this.createCspSafeTemplate(template);
+                }
+                else {
+                    var sanitizedValue = SanitizeHtmlHelper.sanitize(template);
+                    return compile((this.enableHtmlSanitizer && typeof (template) === 'string') ? sanitizedValue : template);
+                }
             }
         }
         return undefined;
     };
+    DashboardLayout.prototype.hasTemplateExpressions = function (template) {
+        return /\{\{[\s\S]*?\}\}/.test(template) || /\{\d+\}/.test(template);
+    };
+    DashboardLayout.prototype.createCspSafeTemplate = function (template) {
+        var _this = this;
+        var sanitized = this.enableHtmlSanitizer ? SanitizeHtmlHelper.sanitize(template) : template;
+        return function (dataContext) {
+            var result = sanitized.replace(/\{\{:(\w+)\}\}/g, function (match, prop) {
+                return dataContext[prop] !== undefined ? String(dataContext[prop]) : match;
+            });
+            var wrapper = _this.createElement('div');
+            wrapper.innerHTML = result;
+            return Array.from(wrapper.children);
+        };
+    };
+    DashboardLayout.prototype.isCSPError = function (error) {
+        if (error instanceof EvalError) {
+            return true;
+        }
+        var msg = error.message || '';
+        return msg.includes('Content Security Policy') ||
+            msg.includes('unsafe-eval') ||
+            msg.includes('refused to evaluate');
+    };
     DashboardLayout.prototype.renderTemplate = function (content, appendElement, type, isStringTemplate, prop) {
         var templateFn = this.templateParser(content);
         var templateElements = [];