@syncfusion/ej2-base 19.3.53 → 19.4.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.53
+*  version : 19.4.38
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-base@*",
-  "_id": "@syncfusion/ej2-base@19.3.47",
+  "_id": "@syncfusion/ej2-base@18.43.1",
   "_inBundle": false,
-  "_integrity": "sha512-B0M62JlZB1LGr6jOwWlq+WT1gN7MWg3VL/SMmjpIq2ATSuN5S8bkV8Eh8cbhoM2WlcMdFva00V5fisR55eEVcQ==",
+  "_integrity": "sha512-sFoTd3mhH+PGTVZIpfiv/2j0AsXMbnozb95vhKgR+Dtvw53J77MGfWNLxhbs/zDG8XDiHARsbvbL8mJ7vIcjfw==",
   "_location": "/@syncfusion/ej2-base",
   "_phantomChildren": {},
   "_requested": {
@@ -155,8 +155,8 @@
     "/@syncfusion/ej2-vue-treegrid",
     "/@syncfusion/ej2-vue-treemap"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-base/-/ej2-base-19.3.47.tgz",
-  "_shasum": "b6d659f4003228313b788cefc4dd98f122270cb7",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-base/-/ej2-base-18.43.1.tgz",
+  "_shasum": "a6a4c5248e2abcb8586e2bc9e2c52d948713ed7b",
   "_spec": "@syncfusion/ej2-base@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -167,7 +167,7 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-icons": "~19.3.53"
+    "@syncfusion/ej2-icons": "~19.4.38"
   },
   "deprecated": false,
   "description": "A common package of Essential JS 2 base libraries, methods and class definitions",
@@ -208,6 +208,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.3.53",
+  "version": "19.4.38",
   "sideEffects": true
 }

package/src/animation.js

@@ -271,7 +271,7 @@ export { Animation };
 export function rippleEffect(element, rippleOptions, done) {
     var rippleModel = getRippleModel(rippleOptions);
     if (rippleModel.rippleFlag === false || (rippleModel.rippleFlag === undefined && !isRippleEnabled)) {
-        return Function;
+        return (function () { });
     }
     element.setAttribute('data-ripple', 'true');
     EventHandler.add(element, 'mousedown', rippleHandler, { parent: element, rippleOptions: rippleModel });

package/src/draggable-model.d.ts

@@ -58,6 +58,7 @@ export interface DraggableModel {
 
     /**
      * Specifies the callback function for drag event.
+
      * @event
      */
     drag?: Function;

package/src/draggable.d.ts

@@ -189,6 +189,7 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
     isPreventSelect: boolean;
     /**
      * Specifies the callback function for drag event.
+
      * @event
      */
     drag: Function;
@@ -273,8 +274,8 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
      */
     tapHoldThreshold: number;
     /**
-     * @private
-     */
+    * @private
+    */
     enableScrollHandler: boolean;
     private target;
     /**
@@ -298,6 +299,7 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
     private prevLeft;
     private prevTop;
     private dragProcessStarted;
+    private eleTop;
     private tapHoldTimer;
     private dragElePosition;
     currentStateTarget: any;

package/src/draggable.js

@@ -75,6 +75,7 @@ var Draggable = /** @class */ (function (_super) {
         _this.prevTop = 0;
         _this.dragProcessStarted = false;
         /* tslint:disable no-any */
+        _this.eleTop = 0;
         _this.tapHoldTimer = 0;
         _this.externalInitialize = false;
         _this.diffY = 0;
@@ -298,6 +299,11 @@ var Draggable = /** @class */ (function (_super) {
             if (this.clone && marginTop !== 0) {
                 pos.top += marginTop;
             }
+            this.eleTop = !isNaN(parseFloat(styles.top)) ? parseFloat(styles.top) - this.offset.top : 0;
+            /* istanbul ignore next */
+            // if (this.eleTop > 0) {
+            //     pos.top += this.eleTop;
+            // }
             if (this.enableScrollHandler && !this.clone) {
                 pos.top -= this.parentScrollY;
                 pos.left -= this.parentScrollX;
@@ -409,7 +415,6 @@ var Draggable = /** @class */ (function (_super) {
         var dLeft = this.position.left - this.diffX;
         var dTop = this.position.top - this.diffY;
         var styles = getComputedStyle(helperElement);
-        var marginTop = parseFloat(styles.marginTop);
         if (this.dragArea) {
             if (this.pageX !== pagex || this.skipDistanceCheck) {
                 var helperWidth = helperElement.offsetWidth + (parseFloat(styles.marginLeft)
@@ -458,41 +463,46 @@ var Draggable = /** @class */ (function (_super) {
             this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
             draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - iTop);
             draEleLeft = (left - iLeft) < 0 ? this.dragElePosition.left : (left - iLeft);
-            // when drag-element has margin-top
-            /* istanbul ignore next */
-            if (marginTop > 0) {
-                if (this.clone) {
-                    draEleTop += this.element.offsetTop;
-                    if (dTop < 0) {
-                        if ((this.element.offsetTop + dTop) >= 0) {
-                            draEleTop = this.element.offsetTop + dTop;
-                        }
-                        else {
-                            draEleTop -= this.element.offsetTop;
-                        }
+        }
+        else {
+            draEleTop = top - iTop;
+            draEleLeft = left - iLeft;
+        }
+        var marginTop = parseFloat(getComputedStyle(this.element).marginTop);
+        // when drag-element has margin-top
+        /* istanbul ignore next */
+        if (marginTop > 0) {
+            if (this.clone) {
+                draEleTop += marginTop;
+                if (dTop < 0) {
+                    if ((marginTop + dTop) >= 0) {
+                        draEleTop = marginTop + dTop;
+                    }
+                    else {
+                        draEleTop -= marginTop;
                     }
-                    draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
                 }
-                if ((top - iTop) < 0) {
-                    if (dTop + marginTop + (helperElement.offsetHeight - iTop) >= 0) {
-                        var tempDraEleTop = this.dragLimit.top + dTop - iTop;
-                        if ((tempDraEleTop + marginTop + iTop) < 0) {
-                            draEleTop -= marginTop + iTop;
-                        }
-                        else {
-                            draEleTop = tempDraEleTop;
-                        }
+                draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
+            }
+            if ((top - iTop) < 0) {
+                if (dTop + marginTop + (helperElement.offsetHeight - iTop) >= 0) {
+                    var tempDraEleTop = this.dragLimit.top + dTop - iTop;
+                    if ((tempDraEleTop + marginTop + iTop) < 0) {
+                        draEleTop -= marginTop + iTop;
                     }
                     else {
-                        draEleTop -= marginTop + iTop;
+                        draEleTop = tempDraEleTop;
                     }
                 }
+                else {
+                    draEleTop -= marginTop + iTop;
+                }
             }
         }
-        else {
-            draEleTop = top - iTop;
-            draEleLeft = left - iLeft;
-        }
+        /* istanbul ignore next */
+        // if(this.eleTop > 0) {
+        //      draEleTop += this.eleTop;
+        // }
         if (this.enableScrollHandler && !this.clone) {
             draEleTop -= this.parentScrollY;
             draEleLeft -= this.parentScrollX;
@@ -665,11 +675,6 @@ var Draggable = /** @class */ (function (_super) {
             pageX = this.clone ? intCoord.pageX : (intCoord.pageX + window.pageXOffset) - this.relativeXPosition;
             pageY = this.clone ? intCoord.pageY : (intCoord.pageY + window.pageYOffset) - this.relativeYPosition;
         }
-        if (!this.clone && this.dragArea && !isdragscroll) {
-            this.getScrollableValues();
-            pageY -= this.tempScrollHeight ? this.parentScrollY : 0;
-            pageX -= this.tempScrollWidth ? this.parentScrollX : 0;
-        }
         return {
             left: pageX - (this.margin.left + this.cursorAt.left),
             top: pageY - (this.margin.top + this.cursorAt.top)

package/src/intl/intl-base.js

@@ -1177,7 +1177,7 @@ export var IntlBase;
         }
         iCulture = iCulture.slice(0, 2).toUpperCase() + iCulture.substr(2);
         if (mapper) {
-            firstDay = mapper[iCulture] || defaultFirstDay;
+            firstDay = mapper[iCulture] || mapper[iCulture.slice(0, 2)] || defaultFirstDay;
         }
         return firstDayMapper[firstDay];
     }
@@ -1215,7 +1215,7 @@ export var IntlBase;
         if (day < 4) {
             weeknum = Math.floor((daynum + day - 1) / 7) + 1;
             if (weeknum > 52) {
-                var nYear = new Date(this.getFullYear() + 1, 0, 1);
+                var nYear = new Date(date.getFullYear() + 1, 0, 1);
                 var nday = nYear.getDay();
                 nday = nday >= 0 ? nday : nday + 7;
                 weeknum = nday < 4 ? 1 : 53;

package/src/template.js

@@ -61,7 +61,7 @@ export function expression(value) {
 export function compile(template, helper, ignorePrefix) {
     var argName = 'data';
     var evalExpResult = evalExp(template, argName, helper, ignorePrefix);
-    var condtion = "var valueRegEx = (/value=\\'([A-Za-z0-9 _]*)((.)([\\w)(!-;?-\u25A0\\s]+)['])/g);\n    var hrefRegex = (/(?:href)([\\s='\"./]+)([\\w-./?=&\\\\#\"]+)((.)([\\w)(!-;/?-\u25A0\\s]+)['])/g);\n    if(str.match(valueRegEx)){\n        var check = str.match(valueRegEx);\n        var str1 = str;\n        for (var i=0; i < check.length; i++) {\n            var check1 = str.match(valueRegEx)[i].split('value=')[1];\n            var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n            change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n            str1 = str1.replace(check1, change);\n        }\n        str = str.replace(str, str1);\n    }\n    else if(str.match(hrefRegex)) {\n        var check = str.match(hrefRegex);\n        var str1 = str;\n        for (var i=0; i < check.length; i++) {\n            var check1 = str.match(hrefRegex)[i].split('href=')[1];\n            var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n            change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n            str1 = str1.replace(check1, change);\n        }\n        str = str.replace(str, str1);\n    }\n    ";
+    var condtion = "var valueRegEx = (/value=\\'([A-Za-z0-9 _]*)((.)([\\w)(!-;?-\u25A0\\s]+)['])/g);\n    var hrefRegex = (/(?:href)([\\s='\"./]+)([\\w-./?=&\\\\#\"]+)((.)([\\w)(!-;/?-\u25A0\\s]+)['])/g);\n    if(str.match(valueRegEx)){\n        var check = str.match(valueRegEx);\n        var str1 = str;\n        for (var i=0; i < check.length; i++) {\n            var check1 = str.match(valueRegEx)[i].split('value=')[1];\n            var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n            change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n            str1 = str1.replace(check1, change);\n        }\n        str = str.replace(str, str1);\n    }\n    else if (str.match(/(?:href='')/) === null) {\n        if(str.match(hrefRegex)) {\n            var check = str.match(hrefRegex);\n            var str1 = str;\n            for (var i=0; i < check.length; i++) {\n                var check1 = str.match(hrefRegex)[i].split('href=')[1];\n                var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n                change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n                str1 = str1.replace(check1, change);\n            }\n            str = str.replace(str, str1);\n        }\n    }\n    ";
     var fnCode = "var str=\"" + evalExpResult + "\";" + condtion + " return str;";
     var fn = new Function(argName, fnCode);
     return fn.bind(helper);

package/styles/_fluent-dark-definition.scss

@@ -0,0 +1,10 @@
+@import 'common/mixin.scss';
+@import 'definition/fluent-dark.scss';
+
+$font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif !default;
+$font-size: 12px !default;
+$font-weight: 400 !default;
+$error-font-color: $danger !default;
+$warning-font-color: $orange20 !default;
+$success-font-color: $green20 !default;
+$information-font-color: $white !default;

package/styles/_fluent-definition.scss

@@ -0,0 +1,10 @@
+@import 'common/mixin.scss';
+@import 'definition/fluent.scss';
+
+$font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif !default;
+$font-size: 12px !default;
+$font-weight: 400 !default;
+$error-font-color: $danger !default;
+$warning-font-color: $orange20 !default;
+$success-font-color: $green20 !default;
+$information-font-color: $white !default;

package/styles/bootstrap-dark.css

@@ -2634,6 +2634,37 @@
   font-weight: normal;
 }
 
+.sf-license-warning {
+  background: #e82824;
+  color: #fff;
+  font-family: 'Segoe UI';
+  font-size: medium;
+  left: 0;
+  line-height: 45px;
+  opacity: .75;
+  position: fixed;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 999999999;
+}
+
+.sf-license-close-btn {
+  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyMCIgd2lkdGg9IjIwIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+ICA8Zz4gICAgPHBhdGggaWQ9InBhdGgxIiB0cmFuc2Zvcm09InJvdGF0ZSgxLDEyOCwxMjgpIHRyYW5zbGF0ZSg1OS4wMTA3Nzk0NDEwNDU1LDU5KSBzY2FsZSg0LjMxMjUwMDI1NzA0NTA1LDQuMzEyNTAwMjU3MDQ1MDUpIiBmaWxsPSIjZmZmZmZmIiBkPSJNMjkuNTkwODE4LDBDMzAuMjA2OTYzLDAgMzAuODIzMjI3LDAuMjM0NDk5OTMgMzEuMjkyMjI5LDAuNzAzNDk5NzkgMzIuMjI5MjU2LDEuNjQwNTAwMSAzMi4yMjkyNTYsMy4xNjA1MDA1IDMxLjI5MjIyOSw0LjEwMDQ5OTJMMTkuMzk4MDAzLDE1Ljk5ODQ5OCAzMS4yOTIyMjksMjcuODkyNDk1QzMyLjIyOTI1NiwyOC44Mjk0OTkgMzIuMjI5MjU2LDMwLjM0OTQ5NiAzMS4yOTIyMjksMzEuMjk0NDk2IDMwLjM1NDIyNywzMi4yMzE1IDI4LjgyNzE2NCwzMi4yMzE1IDI3Ljg5MDEzOSwzMS4yOTQ0OTZMMTUuOTk3OTg4LDE5LjM5OTQ5OSA0LjEwNDc5OTIsMzEuMjk2NTAyQzMuMTY3NzczNCwzMi4yMzQ0OTggMS42Mzk3MzQ3LDMyLjIzNDQ5OCAwLjcwMjc2OTY5LDMxLjI5NjUwMiAtMC4yMzQyNTY1NiwzMC4zNTI1MDIgLTAuMjM0MjU2NTYsMjguODMyNDk4IDAuNzAyNzY5NjksMjcuODk0NTAyTDEyLjU5NjkzNCwxNS45OTg0OTggMC43MDI3Njk2OSw0LjEwMjQ5ODFDLTAuMjM0MjU2NTYsMy4xNjU0OTc4IC0wLjIzNDI1NjU2LDEuNjQ1NDk3MyAwLjcwMjc2OTY5LDAuNzA1NDk4NyAxLjYzOTczNDcsLTAuMjMxNTAxNTggMy4xNjc3NzM0LC0wLjIzMTUwMTU4IDQuMTA0Nzk5MiwwLjcwNTQ5ODdMMTUuOTk2OTUsMTIuNTk3NDk3IDI3Ljg5MDEzOSwwLjcwMzQ5OTc5QzI4LjM1ODY1LDAuMjM0NDk5OTMsMjguOTc0Njc0LDAsMjkuNTkwODE4LDB6IiAvPiAgPC9nPjwvc3ZnPg==");
+  cursor: pointer;
+  height: 20px;
+  margin-top: 14px;
+  padding-top: 10px;
+  position: absolute;
+  right: 20px;
+  width: 20px;
+}
+
+.sf-license-warning a,
+.sf-license-warning a:hover {
+  color: #ffd800;
+}
+
 .e-error {
   color: #ac2a2a;
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/bootstrap.css

@@ -2634,6 +2634,37 @@
   font-weight: normal;
 }
 
+.sf-license-warning {
+  background: #e82824;
+  color: #fff;
+  font-family: 'Segoe UI';
+  font-size: medium;
+  left: 0;
+  line-height: 45px;
+  opacity: .75;
+  position: fixed;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 999999999;
+}
+
+.sf-license-close-btn {
+  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyMCIgd2lkdGg9IjIwIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+ICA8Zz4gICAgPHBhdGggaWQ9InBhdGgxIiB0cmFuc2Zvcm09InJvdGF0ZSgxLDEyOCwxMjgpIHRyYW5zbGF0ZSg1OS4wMTA3Nzk0NDEwNDU1LDU5KSBzY2FsZSg0LjMxMjUwMDI1NzA0NTA1LDQuMzEyNTAwMjU3MDQ1MDUpIiBmaWxsPSIjZmZmZmZmIiBkPSJNMjkuNTkwODE4LDBDMzAuMjA2OTYzLDAgMzAuODIzMjI3LDAuMjM0NDk5OTMgMzEuMjkyMjI5LDAuNzAzNDk5NzkgMzIuMjI5MjU2LDEuNjQwNTAwMSAzMi4yMjkyNTYsMy4xNjA1MDA1IDMxLjI5MjIyOSw0LjEwMDQ5OTJMMTkuMzk4MDAzLDE1Ljk5ODQ5OCAzMS4yOTIyMjksMjcuODkyNDk1QzMyLjIyOTI1NiwyOC44Mjk0OTkgMzIuMjI5MjU2LDMwLjM0OTQ5NiAzMS4yOTIyMjksMzEuMjk0NDk2IDMwLjM1NDIyNywzMi4yMzE1IDI4LjgyNzE2NCwzMi4yMzE1IDI3Ljg5MDEzOSwzMS4yOTQ0OTZMMTUuOTk3OTg4LDE5LjM5OTQ5OSA0LjEwNDc5OTIsMzEuMjk2NTAyQzMuMTY3NzczNCwzMi4yMzQ0OTggMS42Mzk3MzQ3LDMyLjIzNDQ5OCAwLjcwMjc2OTY5LDMxLjI5NjUwMiAtMC4yMzQyNTY1NiwzMC4zNTI1MDIgLTAuMjM0MjU2NTYsMjguODMyNDk4IDAuNzAyNzY5NjksMjcuODk0NTAyTDEyLjU5NjkzNCwxNS45OTg0OTggMC43MDI3Njk2OSw0LjEwMjQ5ODFDLTAuMjM0MjU2NTYsMy4xNjU0OTc4IC0wLjIzNDI1NjU2LDEuNjQ1NDk3MyAwLjcwMjc2OTY5LDAuNzA1NDk4NyAxLjYzOTczNDcsLTAuMjMxNTAxNTggMy4xNjc3NzM0LC0wLjIzMTUwMTU4IDQuMTA0Nzk5MiwwLjcwNTQ5ODdMMTUuOTk2OTUsMTIuNTk3NDk3IDI3Ljg5MDEzOSwwLjcwMzQ5OTc5QzI4LjM1ODY1LDAuMjM0NDk5OTMsMjguOTc0Njc0LDAsMjkuNTkwODE4LDB6IiAvPiAgPC9nPjwvc3ZnPg==");
+  cursor: pointer;
+  height: 20px;
+  margin-top: 14px;
+  padding-top: 10px;
+  position: absolute;
+  right: 20px;
+  width: 20px;
+}
+
+.sf-license-warning a,
+.sf-license-warning a:hover {
+  color: #ffd800;
+}
+
 .e-error {
   color: #a94442;
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/bootstrap4.css

@@ -2170,6 +2170,37 @@
   font-weight: normal;
 }
 
+.sf-license-warning {
+  background: #e82824;
+  color: #fff;
+  font-family: 'Segoe UI';
+  font-size: medium;
+  left: 0;
+  line-height: 45px;
+  opacity: .75;
+  position: fixed;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 999999999;
+}
+
+.sf-license-close-btn {
+  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyMCIgd2lkdGg9IjIwIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+ICA8Zz4gICAgPHBhdGggaWQ9InBhdGgxIiB0cmFuc2Zvcm09InJvdGF0ZSgxLDEyOCwxMjgpIHRyYW5zbGF0ZSg1OS4wMTA3Nzk0NDEwNDU1LDU5KSBzY2FsZSg0LjMxMjUwMDI1NzA0NTA1LDQuMzEyNTAwMjU3MDQ1MDUpIiBmaWxsPSIjZmZmZmZmIiBkPSJNMjkuNTkwODE4LDBDMzAuMjA2OTYzLDAgMzAuODIzMjI3LDAuMjM0NDk5OTMgMzEuMjkyMjI5LDAuNzAzNDk5NzkgMzIuMjI5MjU2LDEuNjQwNTAwMSAzMi4yMjkyNTYsMy4xNjA1MDA1IDMxLjI5MjIyOSw0LjEwMDQ5OTJMMTkuMzk4MDAzLDE1Ljk5ODQ5OCAzMS4yOTIyMjksMjcuODkyNDk1QzMyLjIyOTI1NiwyOC44Mjk0OTkgMzIuMjI5MjU2LDMwLjM0OTQ5NiAzMS4yOTIyMjksMzEuMjk0NDk2IDMwLjM1NDIyNywzMi4yMzE1IDI4LjgyNzE2NCwzMi4yMzE1IDI3Ljg5MDEzOSwzMS4yOTQ0OTZMMTUuOTk3OTg4LDE5LjM5OTQ5OSA0LjEwNDc5OTIsMzEuMjk2NTAyQzMuMTY3NzczNCwzMi4yMzQ0OTggMS42Mzk3MzQ3LDMyLjIzNDQ5OCAwLjcwMjc2OTY5LDMxLjI5NjUwMiAtMC4yMzQyNTY1NiwzMC4zNTI1MDIgLTAuMjM0MjU2NTYsMjguODMyNDk4IDAuNzAyNzY5NjksMjcuODk0NTAyTDEyLjU5NjkzNCwxNS45OTg0OTggMC43MDI3Njk2OSw0LjEwMjQ5ODFDLTAuMjM0MjU2NTYsMy4xNjU0OTc4IC0wLjIzNDI1NjU2LDEuNjQ1NDk3MyAwLjcwMjc2OTY5LDAuNzA1NDk4NyAxLjYzOTczNDcsLTAuMjMxNTAxNTggMy4xNjc3NzM0LC0wLjIzMTUwMTU4IDQuMTA0Nzk5MiwwLjcwNTQ5ODdMMTUuOTk2OTUsMTIuNTk3NDk3IDI3Ljg5MDEzOSwwLjcwMzQ5OTc5QzI4LjM1ODY1LDAuMjM0NDk5OTMsMjguOTc0Njc0LDAsMjkuNTkwODE4LDB6IiAvPiAgPC9nPjwvc3ZnPg==");
+  cursor: pointer;
+  height: 20px;
+  margin-top: 14px;
+  padding-top: 10px;
+  position: absolute;
+  right: 20px;
+  width: 20px;
+}
+
+.sf-license-warning a,
+.sf-license-warning a:hover {
+  color: #ffd800;
+}
+
 .e-error {
   color: #dc3545;
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/bootstrap5-dark.css

@@ -1602,6 +1602,37 @@
   font-weight: 400;
 }
 
+.sf-license-warning {
+  background: #e82824;
+  color: #fff;
+  font-family: 'Segoe UI';
+  font-size: medium;
+  left: 0;
+  line-height: 45px;
+  opacity: .75;
+  position: fixed;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 999999999;
+}
+
+.sf-license-close-btn {
+  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyMCIgd2lkdGg9IjIwIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+ICA8Zz4gICAgPHBhdGggaWQ9InBhdGgxIiB0cmFuc2Zvcm09InJvdGF0ZSgxLDEyOCwxMjgpIHRyYW5zbGF0ZSg1OS4wMTA3Nzk0NDEwNDU1LDU5KSBzY2FsZSg0LjMxMjUwMDI1NzA0NTA1LDQuMzEyNTAwMjU3MDQ1MDUpIiBmaWxsPSIjZmZmZmZmIiBkPSJNMjkuNTkwODE4LDBDMzAuMjA2OTYzLDAgMzAuODIzMjI3LDAuMjM0NDk5OTMgMzEuMjkyMjI5LDAuNzAzNDk5NzkgMzIuMjI5MjU2LDEuNjQwNTAwMSAzMi4yMjkyNTYsMy4xNjA1MDA1IDMxLjI5MjIyOSw0LjEwMDQ5OTJMMTkuMzk4MDAzLDE1Ljk5ODQ5OCAzMS4yOTIyMjksMjcuODkyNDk1QzMyLjIyOTI1NiwyOC44Mjk0OTkgMzIuMjI5MjU2LDMwLjM0OTQ5NiAzMS4yOTIyMjksMzEuMjk0NDk2IDMwLjM1NDIyNywzMi4yMzE1IDI4LjgyNzE2NCwzMi4yMzE1IDI3Ljg5MDEzOSwzMS4yOTQ0OTZMMTUuOTk3OTg4LDE5LjM5OTQ5OSA0LjEwNDc5OTIsMzEuMjk2NTAyQzMuMTY3NzczNCwzMi4yMzQ0OTggMS42Mzk3MzQ3LDMyLjIzNDQ5OCAwLjcwMjc2OTY5LDMxLjI5NjUwMiAtMC4yMzQyNTY1NiwzMC4zNTI1MDIgLTAuMjM0MjU2NTYsMjguODMyNDk4IDAuNzAyNzY5NjksMjcuODk0NTAyTDEyLjU5NjkzNCwxNS45OTg0OTggMC43MDI3Njk2OSw0LjEwMjQ5ODFDLTAuMjM0MjU2NTYsMy4xNjU0OTc4IC0wLjIzNDI1NjU2LDEuNjQ1NDk3MyAwLjcwMjc2OTY5LDAuNzA1NDk4NyAxLjYzOTczNDcsLTAuMjMxNTAxNTggMy4xNjc3NzM0LC0wLjIzMTUwMTU4IDQuMTA0Nzk5MiwwLjcwNTQ5ODdMMTUuOTk2OTUsMTIuNTk3NDk3IDI3Ljg5MDEzOSwwLjcwMzQ5OTc5QzI4LjM1ODY1LDAuMjM0NDk5OTMsMjguOTc0Njc0LDAsMjkuNTkwODE4LDB6IiAvPiAgPC9nPjwvc3ZnPg==");
+  cursor: pointer;
+  height: 20px;
+  margin-top: 14px;
+  padding-top: 10px;
+  position: absolute;
+  right: 20px;
+  width: 20px;
+}
+
+.sf-license-warning a,
+.sf-license-warning a:hover {
+  color: #ffd800;
+}
+
 .e-error {
   color: #e4606d;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

package/styles/bootstrap5.css

@@ -1602,6 +1602,37 @@
   font-weight: 400;
 }
 
+.sf-license-warning {
+  background: #e82824;
+  color: #fff;
+  font-family: 'Segoe UI';
+  font-size: medium;
+  left: 0;
+  line-height: 45px;
+  opacity: .75;
+  position: fixed;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 999999999;
+}
+
+.sf-license-close-btn {
+  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyMCIgd2lkdGg9IjIwIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+ICA8Zz4gICAgPHBhdGggaWQ9InBhdGgxIiB0cmFuc2Zvcm09InJvdGF0ZSgxLDEyOCwxMjgpIHRyYW5zbGF0ZSg1OS4wMTA3Nzk0NDEwNDU1LDU5KSBzY2FsZSg0LjMxMjUwMDI1NzA0NTA1LDQuMzEyNTAwMjU3MDQ1MDUpIiBmaWxsPSIjZmZmZmZmIiBkPSJNMjkuNTkwODE4LDBDMzAuMjA2OTYzLDAgMzAuODIzMjI3LDAuMjM0NDk5OTMgMzEuMjkyMjI5LDAuNzAzNDk5NzkgMzIuMjI5MjU2LDEuNjQwNTAwMSAzMi4yMjkyNTYsMy4xNjA1MDA1IDMxLjI5MjIyOSw0LjEwMDQ5OTJMMTkuMzk4MDAzLDE1Ljk5ODQ5OCAzMS4yOTIyMjksMjcuODkyNDk1QzMyLjIyOTI1NiwyOC44Mjk0OTkgMzIuMjI5MjU2LDMwLjM0OTQ5NiAzMS4yOTIyMjksMzEuMjk0NDk2IDMwLjM1NDIyNywzMi4yMzE1IDI4LjgyNzE2NCwzMi4yMzE1IDI3Ljg5MDEzOSwzMS4yOTQ0OTZMMTUuOTk3OTg4LDE5LjM5OTQ5OSA0LjEwNDc5OTIsMzEuMjk2NTAyQzMuMTY3NzczNCwzMi4yMzQ0OTggMS42Mzk3MzQ3LDMyLjIzNDQ5OCAwLjcwMjc2OTY5LDMxLjI5NjUwMiAtMC4yMzQyNTY1NiwzMC4zNTI1MDIgLTAuMjM0MjU2NTYsMjguODMyNDk4IDAuNzAyNzY5NjksMjcuODk0NTAyTDEyLjU5NjkzNCwxNS45OTg0OTggMC43MDI3Njk2OSw0LjEwMjQ5ODFDLTAuMjM0MjU2NTYsMy4xNjU0OTc4IC0wLjIzNDI1NjU2LDEuNjQ1NDk3MyAwLjcwMjc2OTY5LDAuNzA1NDk4NyAxLjYzOTczNDcsLTAuMjMxNTAxNTggMy4xNjc3NzM0LC0wLjIzMTUwMTU4IDQuMTA0Nzk5MiwwLjcwNTQ5ODdMMTUuOTk2OTUsMTIuNTk3NDk3IDI3Ljg5MDEzOSwwLjcwMzQ5OTc5QzI4LjM1ODY1LDAuMjM0NDk5OTMsMjguOTc0Njc0LDAsMjkuNTkwODE4LDB6IiAvPiAgPC9nPjwvc3ZnPg==");
+  cursor: pointer;
+  height: 20px;
+  margin-top: 14px;
+  padding-top: 10px;
+  position: absolute;
+  right: 20px;
+  width: 20px;
+}
+
+.sf-license-warning a,
+.sf-license-warning a:hover {
+  color: #ffd800;
+}
+
 .e-error {
   color: #dc3545;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

package/styles/common/_core.scss

@@ -7,6 +7,42 @@
     font-weight: $font-weight;
   }
 
+  $white: #fff;
+  $background: #e82824;
+
+  .sf-license-warning {
+    background: $background;
+    color: $white;
+    font-family: 'Segoe UI';
+    font-size: medium;
+    left: 0;
+    line-height: 45px;
+    opacity: .75;
+    position: fixed;
+    right: 0;
+    text-align: center;
+    top: 0;
+    z-index: 999999999;
+  }
+
+  .sf-license-close-btn {
+    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyMCIgd2lkdGg9IjIwIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+ICA8Zz4gICAgPHBhdGggaWQ9InBhdGgxIiB0cmFuc2Zvcm09InJvdGF0ZSgxLDEyOCwxMjgpIHRyYW5zbGF0ZSg1OS4wMTA3Nzk0NDEwNDU1LDU5KSBzY2FsZSg0LjMxMjUwMDI1NzA0NTA1LDQuMzEyNTAwMjU3MDQ1MDUpIiBmaWxsPSIjZmZmZmZmIiBkPSJNMjkuNTkwODE4LDBDMzAuMjA2OTYzLDAgMzAuODIzMjI3LDAuMjM0NDk5OTMgMzEuMjkyMjI5LDAuNzAzNDk5NzkgMzIuMjI5MjU2LDEuNjQwNTAwMSAzMi4yMjkyNTYsMy4xNjA1MDA1IDMxLjI5MjIyOSw0LjEwMDQ5OTJMMTkuMzk4MDAzLDE1Ljk5ODQ5OCAzMS4yOTIyMjksMjcuODkyNDk1QzMyLjIyOTI1NiwyOC44Mjk0OTkgMzIuMjI5MjU2LDMwLjM0OTQ5NiAzMS4yOTIyMjksMzEuMjk0NDk2IDMwLjM1NDIyNywzMi4yMzE1IDI4LjgyNzE2NCwzMi4yMzE1IDI3Ljg5MDEzOSwzMS4yOTQ0OTZMMTUuOTk3OTg4LDE5LjM5OTQ5OSA0LjEwNDc5OTIsMzEuMjk2NTAyQzMuMTY3NzczNCwzMi4yMzQ0OTggMS42Mzk3MzQ3LDMyLjIzNDQ5OCAwLjcwMjc2OTY5LDMxLjI5NjUwMiAtMC4yMzQyNTY1NiwzMC4zNTI1MDIgLTAuMjM0MjU2NTYsMjguODMyNDk4IDAuNzAyNzY5NjksMjcuODk0NTAyTDEyLjU5NjkzNCwxNS45OTg0OTggMC43MDI3Njk2OSw0LjEwMjQ5ODFDLTAuMjM0MjU2NTYsMy4xNjU0OTc4IC0wLjIzNDI1NjU2LDEuNjQ1NDk3MyAwLjcwMjc2OTY5LDAuNzA1NDk4NyAxLjYzOTczNDcsLTAuMjMxNTAxNTggMy4xNjc3NzM0LC0wLjIzMTUwMTU4IDQuMTA0Nzk5MiwwLjcwNTQ5ODdMMTUuOTk2OTUsMTIuNTk3NDk3IDI3Ljg5MDEzOSwwLjcwMzQ5OTc5QzI4LjM1ODY1LDAuMjM0NDk5OTMsMjguOTc0Njc0LDAsMjkuNTkwODE4LDB6IiAvPiAgPC9nPjwvc3ZnPg==');
+    cursor: pointer;
+    height: 20px;
+    margin-top: 14px;
+    padding-top: 10px;
+    position: absolute;
+    right: 20px;
+    width: 20px;
+  }
+
+  $warning: #ffd800;
+
+  .sf-license-warning a,
+  .sf-license-warning a:hover {
+    color: $warning;
+  }
+
   .e-error {
     color: $error-font-color;
     font-family: $font-family;

package/styles/definition/_bootstrap-dark.scss

@@ -50,6 +50,7 @@ $brand-danger-font: #ac2a2a !default;
 $base-font: #000 !default;
 $shadow: #000 !default;
 $skin-name: 'bootstrap-dark' !default;
+$theme-name: 'bootstrap-dark' !default;
 
 // mapping Bootstrap variables
 $grey-base: $gray-base !default;

package/styles/definition/_bootstrap.scss

@@ -45,6 +45,7 @@ $brand-danger-font: #a94442 !default;
 $base-font: #000 !default;
 $shadow: #000 !default;
 $skin-name: 'bootstrap' !default;
+$theme-name: 'bootstrap' !default;
 
 // mapping Bootstrap variables
 $grey-base: $gray-base  !default;

package/styles/definition/_bootstrap4.scss

@@ -36,3 +36,4 @@ $secondary-font: $white !default;
 $content-bg:    $white !default;
 $content-popup-bg: $white !default;
 $skin-name: 'bootstrap4' !default;
+$theme-name: 'bootstrap4' !default;

package/styles/definition/_bootstrap5-dark.scss

@@ -350,6 +350,7 @@ $series-10: #3bc6cf;
 $series-11: #74b706;
 $series-12: #ea6266;
 $skin-name: 'bootstrap5' !default;
+$theme-name: 'bootstrap5-dark' !default;
 
 //Diagram Palette color
 $diagram-palette-background: $gray-300 !default;

package/styles/definition/_bootstrap5.scss

@@ -148,7 +148,7 @@ $flyout-border: $gray-300 !default;
 // Tooltip
 $tooltip-bg-color: $gray-900 !default;
 $tooltip-border: $gray-900;
-$toooltip-text-color: $white !default;
+$toooltip-text-color: #f9fafb !default;
 
 
 
@@ -350,6 +350,7 @@ $series-10: #3a6b6f;
 $series-11: #d64f56;
 $series-12: #f3a93c;
 $skin-name: 'bootstrap5' !default;
+$theme-name: 'bootstrap5' !default;
 
 //Diagram Palette color
 $diagram-palette-background: $white !default;

package/styles/definition/_fabric-dark.scss

@@ -38,3 +38,4 @@ $success-font: #8eff8d !default;
 $info-font: #62cfff !default;
 $shadow: #000 !default;
 $skin-name: 'fabric-dark' !default;
+$theme-name: 'fabric-dark' !default;

package/styles/definition/_fabric.scss

@@ -36,3 +36,4 @@ $error-font: #a80000 !default;
 $success-font: #107c10 !default;
 $shadow: #000 !default;
 $skin-name: 'fabric' !default;
+$theme-name: 'fabric' !default;