@syncfusion/ej2-layouts - npm Package Compare versions

Comparing version 25.2.3 to 26.1.35

.eslintrc.json

@@ -18,3 +18,4 @@ {
         "sourceType": "module"
-      },
+    },
+    "ignorePatterns": ["*.d.ts", "*.js"],
     "plugins": [
@@ -188,3 +189,3 @@ "@typescript-eslint",
         ],
-        "@typescript-eslint/no-explicit-any": "error",
+        "@typescript-eslint/no-explicit-any": "warn",
         "no-cond-assign": [
@@ -191,0 +192,0 @@ "error",

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 25.2.3
+*  version : 26.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-layouts@*",
-  "_id": "@syncfusion/ej2-layouts@25.1.37",
+  "_id": "@syncfusion/ej2-layouts@21.4.6",
   "_inBundle": false,
-  "_integrity": "sha512-UoOjUI6/FqHZfPnQpGavKnq4Te0C4cuGaimJpv/AK4lKVWp+SxFv/HIcnWj84VPslmPYGp8GtOFRN+pwkogZwg==",
+  "_integrity": "sha512-HG2jVi5v6l7yze8+wV9L1KlaN3jQ53crA9NS0dCXrnQpN5cRqyQeKgIkmS2u8poz9z3Lpcj6Y5AabS9/uxs71Q==",
   "_location": "/@syncfusion/ej2-layouts",
@@ -29,6 +29,6 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-layouts/-/ej2-layouts-25.1.37.tgz",
-  "_shasum": "847d817d541661ca9e70fd0c0f58b23c90bff44e",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-layouts/-/ej2-layouts-21.4.6.tgz",
+  "_shasum": "7bad9e4b98150a970d06b0ae688a88feb54ba639",
   "_spec": "@syncfusion/ej2-layouts@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -39,3 +39,3 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.3"
+    "@syncfusion/ej2-base": "~26.1.35"
   },
@@ -80,5 +80,5 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "25.2.3",
+  "version": "26.1.35",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

src/dashboard-layout/dashboard-layout.d.ts

@@ -559,3 +559,3 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
      */
-    onPropertyChanged(newProp: DashboardLayoutModel, oldProp: DashboardLayoutModel): void;
+    onPropertyChanged(newProp: DashboardLayoutModel): void;
     /**
@@ -562,0 +562,0 @@ * Gets the properties to be maintained upon browser refresh.

src/timeline/timeline-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, INotifyPropertyChanged, ChildProperty, Collection, BaseEventArgs, Event, EmitType, NotifyPropertyChanges, Property, getUniqueID, addClass, attributes, isNullOrUndefined, select, compile, remove, removeClass, append } from '@syncfusion/ej2-base';
+import { Component, INotifyPropertyChanged, ChildProperty, Collection, BaseEventArgs, Event, EmitType, NotifyPropertyChanges, Property, getUniqueID, attributes, select, compile, remove, removeClass, append, isNullOrUndefined } from '@syncfusion/ej2-base';
 import {TimelineOrientation,TimelineAlign,TimelineRenderingEventArgs} from "./timeline";
@@ -66,3 +66,3 @@ import {ComponentModel} from '@syncfusion/ej2-base';
      * * vertical
-     * 
+     *
      * {% codeBlock src='timeline/orientation/index.md' %}{% endcodeBlock %}
@@ -84,3 +84,3 @@ *
      * * AlternateReverse
-     * 
+     *
      * {% codeBlock src='timeline/align/index.md' %}{% endcodeBlock %}
@@ -109,3 +109,3 @@ *
     /**
-     * Defines whether to show the timeline items in reverse order or not. 
+     * Defines whether to show the timeline items in reverse order or not.
      *
@@ -118,3 +118,3 @@ * @default false
      * Defines the template content for each timeline item. The template context will contain the item model.
-     * 
+     *
      * {% codeBlock src='timeline/template/index.md' %}{% endcodeBlock %}
@@ -121,0 +121,0 @@ *

src/timeline/timeline.d.ts

@@ -181,3 +181,2 @@ import { Component, INotifyPropertyChanged, ChildProperty, BaseEventArgs, EmitType } from '@syncfusion/ej2-base';
     private templateFunction;
-    private isReact?;
     /**
@@ -195,3 +194,3 @@ * * Constructor for creating the Timeline component.
      *
-     * @returns {string} - Module Name
+     * @returns {string} - It returns the current module name.
      * @private
@@ -204,3 +203,3 @@ */
      * @private
-     * @returns {string}
+     * @returns {string} - It returns the persisted data.
      */
@@ -215,2 +214,4 @@ protected getPersistData(): string;
     private renderItems;
+    private haveOneSidecontent;
+    private updateItemContent;
     private updateTemplateFunction;
@@ -223,2 +224,3 @@ private renderItemContent;
      * @param {string | Function} template - Template property value.
+     * @param {boolean} notCompile - Compile property value.
      * @returns {Function} - Return template function.
@@ -232,2 +234,3 @@ * @hidden
     destroy(): void;
+    private updateItems;
     /**
@@ -234,0 +237,0 @@ * Called internally if any of the property value changed.

src/timeline/timeline.js

@@ -20,3 +20,3 @@ var __extends = (this && this.__extends) || (function () {
 };
-import { Component, ChildProperty, Collection, Event, NotifyPropertyChanges, Property, getUniqueID, attributes, select, compile, remove, removeClass, append } from '@syncfusion/ej2-base';
+import { Component, ChildProperty, Collection, Event, NotifyPropertyChanges, Property, getUniqueID, attributes, select, compile, remove, removeClass, append, isNullOrUndefined } from '@syncfusion/ej2-base';
 var ITEMLISTCONTAINER = 'e-timeline-items';
@@ -130,3 +130,3 @@ var ITEMCONTAINER = 'e-timeline-item';
      *
-     * @returns {string} - Module Name
+     * @returns {string} - It returns the current module name.
      * @private
@@ -141,3 +141,3 @@ */
      * @private
-     * @returns {string}
+     * @returns {string} - It returns the persisted data.
      */
@@ -160,10 +160,12 @@ Timeline.prototype.getPersistData = function () {
     Timeline.prototype.updateOrientation = function () {
-        var orientation = this.orientation.toLowerCase();
-        if (orientation === 'horizontal' || orientation === 'vertical') {
-            this.element.classList.remove(HORIZONTAL, VERTICAL);
-            this.element.classList.add('e-' + orientation);
+        if (!(isNullOrUndefined(this.orientation))) {
+            var orientation_1 = this.orientation.toLowerCase();
+            if (orientation_1 === 'horizontal' || orientation_1 === 'vertical') {
+                this.element.classList.remove(HORIZONTAL, VERTICAL);
+                this.element.classList.add('e-' + orientation_1);
+            }
         }
     };
     Timeline.prototype.updateCssClass = function (addCss, removeCss) {
-        if (removeCss === void 0) { removeCss = ""; }
+        if (removeCss === void 0) { removeCss = ''; }
         var _a, _b;
@@ -184,6 +186,8 @@ var cssClasses;
     Timeline.prototype.updateAlign = function () {
-        var align = this.align.toLowerCase();
-        if (align === 'before' || align === 'after' || align === 'alternate' || align === 'alternatereverse') {
-            this.element.classList.remove('e-align-before', 'e-align-after', 'e-align-alternate', 'e-align-alternatereverse');
-            this.element.classList.add('e-align-' + align);
+        if (!(isNullOrUndefined(this.align))) {
+            var align = this.align.toLowerCase();
+            if (align === 'before' || align === 'after' || align === 'alternate' || align === 'alternatereverse') {
+                this.element.classList.remove('e-align-before', 'e-align-after', 'e-align-alternate', 'e-align-alternatereverse');
+                this.element.classList.add('e-align-' + align);
+            }
         }
@@ -197,2 +201,3 @@ };
         var _a;
+        this.haveOneSidecontent();
         for (var index = 0; index < this.items.length; index++) {
@@ -204,9 +209,3 @@ var item = this.items[parseInt(index.toString(), 10)];
                 if (item.oppositeContent) {
-                    var oppositeCtn = this.getTemplateFunction(item.oppositeContent);
-                    if (typeof oppositeCtn === 'string') {
-                        oppositeTextEle.innerText = oppositeCtn;
-                    }
-                    else {
-                        append(oppositeCtn({ item: item, itemIndex: index }), oppositeTextEle);
-                    }
+                    this.updateItemContent(false, item, index, oppositeTextEle);
                 }
@@ -221,9 +220,3 @@ timelineItem.appendChild(oppositeTextEle);
                 if (item.content) {
-                    var ctn = this.getTemplateFunction(item.content);
-                    if (typeof ctn === 'string') {
-                        contentEle.innerText = ctn;
-                    }
-                    else {
-                        append(ctn({ item: item, itemIndex: index }), contentEle);
-                    }
+                    this.updateItemContent(true, item, index, contentEle);
                 }
@@ -245,2 +238,32 @@ timelineItem.appendChild(contentEle);
     };
+    Timeline.prototype.haveOneSidecontent = function () {
+        var haveContent = false;
+        var haveOppContent = false;
+        for (var index = 0; index < this.items.length; index++) {
+            var item = this.items[parseInt(index.toString(), 10)];
+            if (!haveContent) {
+                haveContent = item.content.length > 0;
+            }
+            if (!haveOppContent) {
+                haveOppContent = item.oppositeContent.length > 0;
+            }
+        }
+        this.element.classList.remove('e-content-only', 'e-opposite-content-only');
+        if (haveContent && !haveOppContent) {
+            this.element.classList.add('e-content-only');
+        }
+        if (haveOppContent && !haveContent) {
+            this.element.classList.add('e-opposite-content-only');
+        }
+    };
+    Timeline.prototype.updateItemContent = function (isContent, item, index, contentEle) {
+        var notCompile = !(this.isReact || this.isVue);
+        var ctn = this.getTemplateFunction(isContent ? item.content : item.oppositeContent, notCompile);
+        if (typeof ctn === 'string') {
+            contentEle.innerText = ctn;
+        }
+        else {
+            append(ctn({ item: item, itemIndex: index }, this), contentEle);
+        }
+    };
     Timeline.prototype.updateTemplateFunction = function () {
@@ -255,4 +278,8 @@ this.templateFunction = this.template ? this.getTemplateFunction(this.template, false) : null;
         if (this.template) {
-            isrerender ? listItems[parseInt((index).toString(), 10)].classList.add(TEMPLATE) :
+            if (isrerender) {
+                listItems[parseInt((index).toString(), 10)].classList.add(TEMPLATE);
+            }
+            else {
                 timelineItem.classList.add(TEMPLATE);
+            }
             var item = this.items[parseInt(index.toString(), 10)];
@@ -274,2 +301,3 @@ append(this.templateFunction({ item: item, itemIndex: index }, this, 'timelineTemplate', (this.element.id + '_timelineTemplate'), this.isStringTemplate), isrerender ? listItems[parseInt((index).toString(), 10)] : timelineItem);
      * @param {string | Function} template - Template property value.
+     * @param {boolean} notCompile - Compile property value.
      * @returns {Function} - Return template function.
@@ -326,4 +354,4 @@ * @hidden
         this.removeItemElements();
-        this.element.removeAttribute("role");
-        this.element.removeAttribute("aria-label");
+        this.element.removeAttribute('role');
+        this.element.removeAttribute('aria-label');
         this.clearTemplate();
@@ -336,2 +364,39 @@ if (this.timelineListEle) {
     };
+    Timeline.prototype.updateItems = function (newProp, oldPropItems, index, item) {
+        var _a, _b, _c, _d;
+        var timelineItemElements = this.timelineListEle.querySelectorAll('li');
+        var dotEle;
+        var contentEle;
+        var oppositeEle;
+        switch (newProp) {
+            case 'dotCss':
+                dotEle = timelineItemElements[parseInt(index.toString(), 10)].querySelector('.' + DOTCONTENT);
+                if (oldPropItems.dotCss !== '') {
+                    (_a = dotEle.classList).remove.apply(_a, oldPropItems.dotCss.trim().split(' '));
+                }
+                (_b = dotEle.classList).add.apply(_b, this.items[parseInt(index.toString(), 10)].dotCss.trim().split(' '));
+                break;
+            case 'content':
+                contentEle = timelineItemElements[parseInt(index.toString(), 10)].querySelector('.' + CONTENT);
+                contentEle.innerText = '';
+                this.updateItemContent(true, item, index, contentEle);
+                this.haveOneSidecontent();
+                break;
+            case 'oppositeContent':
+                oppositeEle = timelineItemElements[parseInt(index.toString(), 10)].querySelector('.' + OPPOSITECONTENT);
+                oppositeEle.innerText = '';
+                this.updateItemContent(false, item, index, oppositeEle);
+                this.haveOneSidecontent();
+                break;
+            case 'disabled':
+                timelineItemElements[parseInt(index.toString(), 10)].classList[this.items[parseInt(index.toString(), 10)].disabled ? 'add' : 'remove'](DISABLED);
+                break;
+            case 'cssClass':
+                if (oldPropItems.cssClass !== '') {
+                    (_c = timelineItemElements[parseInt(index.toString(), 10)].classList).remove.apply(_c, oldPropItems.cssClass.trim().split(' '));
+                }
+                (_d = timelineItemElements[parseInt(index.toString(), 10)].classList).add.apply(_d, item.cssClass.trim().split(' '));
+                break;
+        }
+    };
     /**
@@ -349,7 +414,16 @@ * Called internally if any of the property value changed.
             switch (prop) {
-                case 'items': {
-                    this.removeItemElements();
-                    this.renderItems();
+                case 'items':
+                    if (Array.isArray(newProp.items)) {
+                        this.removeItemElements();
+                        this.renderItems();
+                    }
+                    else {
+                        var itemObject = Object.keys(newProp.items);
+                        for (var i = 0; i < itemObject.length; i++) {
+                            var index = parseInt(Object.keys(newProp.items)[i], 10);
+                            var property = Object.keys(newProp.items[index])[0];
+                            this.updateItems(property, oldProp.items[index], index, newProp.items[index]);
+                        }
+                    }
                     break;
-                }
                 case 'orientation':
@@ -356,0 +430,0 @@ this.updateOrientation();

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

6186583

increased by16.79%

Number of package files

426

increased by6.23%

Lines of code

91821

increased by20.56%

Dependency changes

• + Added@syncfusion/ej2-base@26.1.42(transitive)

• + Added@syncfusion/ej2-icons@26.1.35(transitive)

• - Removed@syncfusion/ej2-base@25.2.7(transitive)

• - Removed@syncfusion/ej2-icons@25.2.3(transitive)

• Updated@syncfusion/ej2-base@~26.1.35