@syncfusion/ej2-layouts 33.2.3 → 34.1.29

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

@@ -1253,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');
                 }
             }
         }
@@ -1271,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 = '';
         }
     };
@@ -1395,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;
@@ -1410,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;
                     }
@@ -1418,7 +1412,6 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
             }
             if (isFlexPaneHidden) {
                 addClass([expandPane], EXPAND_PANE);
-                expandPane.setAttribute('aria-expanded', 'true');
             }
         }
         if (!this.collapseFlag) {
@@ -2832,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 = [];