@syncfusion/ej2-layouts 22.2.5 → 23.1.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/CHANGELOG.md +0 -40
  2. package/dist/ej2-layouts.min.js +2 -2
  3. package/dist/ej2-layouts.umd.min.js +2 -2
  4. package/dist/ej2-layouts.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-layouts.es2015.js +26 -0
  6. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  7. package/dist/es6/ej2-layouts.es5.js +26 -0
  8. package/dist/es6/ej2-layouts.es5.js.map +1 -1
  9. package/dist/global/ej2-layouts.min.js +2 -2
  10. package/dist/global/ej2-layouts.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +7 -7
  13. package/src/dashboard-layout/dashboard-layout-model.d.ts +1 -1
  14. package/src/dashboard-layout/dashboard-layout.js +21 -0
  15. package/src/splitter/splitter.js +5 -0
  16. package/styles/avatar/bootstrap-dark.scss +1 -1
  17. package/styles/avatar/bootstrap.scss +1 -1
  18. package/styles/avatar/bootstrap4.scss +1 -1
  19. package/styles/avatar/bootstrap5-dark.scss +1 -1
  20. package/styles/avatar/bootstrap5.scss +1 -1
  21. package/styles/avatar/fabric-dark.scss +1 -1
  22. package/styles/avatar/fabric.scss +1 -1
  23. package/styles/avatar/fluent-dark.scss +1 -1
  24. package/styles/avatar/fluent.scss +1 -1
  25. package/styles/avatar/highcontrast-light.scss +1 -1
  26. package/styles/avatar/highcontrast.scss +1 -1
  27. package/styles/avatar/material-dark.css +0 -1
  28. package/styles/avatar/material-dark.scss +1 -1
  29. package/styles/avatar/material.css +0 -1
  30. package/styles/avatar/material.scss +1 -1
  31. package/styles/avatar/material3-dark.css +0 -1
  32. package/styles/avatar/material3-dark.scss +1 -1
  33. package/styles/avatar/material3.css +0 -1
  34. package/styles/avatar/material3.scss +1 -1
  35. package/styles/avatar/tailwind-dark.css +0 -1
  36. package/styles/avatar/tailwind-dark.scss +1 -1
  37. package/styles/avatar/tailwind.css +0 -1
  38. package/styles/avatar/tailwind.scss +1 -1
  39. package/styles/card/bootstrap-dark.scss +1 -1
  40. package/styles/card/bootstrap.scss +1 -1
  41. package/styles/card/bootstrap4.scss +1 -1
  42. package/styles/card/bootstrap5-dark.scss +1 -1
  43. package/styles/card/bootstrap5.scss +1 -1
  44. package/styles/card/fabric-dark.scss +1 -1
  45. package/styles/card/fabric.scss +1 -1
  46. package/styles/card/fluent-dark.scss +1 -1
  47. package/styles/card/fluent.scss +1 -1
  48. package/styles/card/highcontrast-light.scss +1 -1
  49. package/styles/card/highcontrast.scss +1 -1
  50. package/styles/card/material-dark.css +0 -1
  51. package/styles/card/material-dark.scss +1 -1
  52. package/styles/card/material.css +0 -1
  53. package/styles/card/material.scss +1 -1
  54. package/styles/card/material3-dark.css +0 -1
  55. package/styles/card/material3-dark.scss +1 -1
  56. package/styles/card/material3.css +0 -1
  57. package/styles/card/material3.scss +1 -1
  58. package/styles/card/tailwind-dark.css +0 -1
  59. package/styles/card/tailwind-dark.scss +1 -1
  60. package/styles/card/tailwind.css +0 -1
  61. package/styles/card/tailwind.scss +1 -1
  62. package/styles/dashboard-layout/bootstrap-dark.scss +1 -1
  63. package/styles/dashboard-layout/bootstrap.scss +1 -1
  64. package/styles/dashboard-layout/bootstrap4.scss +1 -1
  65. package/styles/dashboard-layout/bootstrap5-dark.scss +1 -1
  66. package/styles/dashboard-layout/bootstrap5.scss +1 -1
  67. package/styles/dashboard-layout/fabric-dark.scss +1 -1
  68. package/styles/dashboard-layout/fabric.scss +1 -1
  69. package/styles/dashboard-layout/fluent-dark.scss +1 -1
  70. package/styles/dashboard-layout/fluent.scss +1 -1
  71. package/styles/dashboard-layout/highcontrast-light.scss +1 -1
  72. package/styles/dashboard-layout/highcontrast.scss +1 -1
  73. package/styles/dashboard-layout/material-dark.css +0 -1
  74. package/styles/dashboard-layout/material-dark.scss +1 -1
  75. package/styles/dashboard-layout/material.css +0 -1
  76. package/styles/dashboard-layout/material.scss +1 -1
  77. package/styles/dashboard-layout/material3-dark.css +0 -1
  78. package/styles/dashboard-layout/material3-dark.scss +1 -1
  79. package/styles/dashboard-layout/material3.css +0 -1
  80. package/styles/dashboard-layout/material3.scss +1 -1
  81. package/styles/dashboard-layout/tailwind-dark.css +0 -1
  82. package/styles/dashboard-layout/tailwind-dark.scss +1 -1
  83. package/styles/dashboard-layout/tailwind.css +0 -1
  84. package/styles/dashboard-layout/tailwind.scss +1 -1
  85. package/styles/material-dark.css +0 -1
  86. package/styles/material.css +0 -1
  87. package/styles/material3-dark.css +0 -1
  88. package/styles/material3-dark.scss +1 -1
  89. package/styles/material3.css +0 -1
  90. package/styles/material3.scss +1 -1
  91. package/styles/splitter/bootstrap-dark.scss +1 -1
  92. package/styles/splitter/bootstrap.scss +1 -1
  93. package/styles/splitter/bootstrap4.scss +1 -1
  94. package/styles/splitter/bootstrap5-dark.scss +1 -1
  95. package/styles/splitter/bootstrap5.scss +1 -1
  96. package/styles/splitter/fabric-dark.scss +1 -1
  97. package/styles/splitter/fabric.scss +1 -1
  98. package/styles/splitter/fluent-dark.scss +1 -1
  99. package/styles/splitter/fluent.scss +1 -1
  100. package/styles/splitter/highcontrast-light.scss +1 -1
  101. package/styles/splitter/highcontrast.scss +1 -1
  102. package/styles/splitter/material-dark.css +0 -1
  103. package/styles/splitter/material-dark.scss +1 -1
  104. package/styles/splitter/material.css +0 -1
  105. package/styles/splitter/material.scss +1 -1
  106. package/styles/splitter/material3-dark.css +0 -1
  107. package/styles/splitter/material3-dark.scss +1 -1
  108. package/styles/splitter/material3.css +0 -1
  109. package/styles/splitter/material3.scss +1 -1
  110. package/styles/splitter/tailwind-dark.css +0 -1
  111. package/styles/splitter/tailwind-dark.scss +1 -1
  112. package/styles/splitter/tailwind.css +0 -1
  113. package/styles/splitter/tailwind.scss +1 -1
  114. package/styles/tailwind-dark.css +0 -4
  115. package/styles/tailwind.css +0 -4
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 22.2.5
3
+ * version : 23.1.36
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-layouts@*",
3
- "_id": "@syncfusion/ej2-layouts@22.1.37",
3
+ "_id": "@syncfusion/ej2-layouts@21.4.3",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-m/C8nW+4b7qChqfXtjtV0u4x08hlbN+JNPX5hNlGW7GGxTVYk+wGizhJSSPSfP5U2QW7/TTcLBKMezEXMeL8hg==",
5
+ "_integrity": "sha512-0G1o7SbyhEGQddZL40M7NwGfKnMvX41DpNbK7pNuV0T9ZQFl52N0heVpwgCTygIHGJy3GVdIc7PSioFqWgZRfA==",
6
6
  "_location": "/@syncfusion/ej2-layouts",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -27,16 +27,16 @@
27
27
  "/@syncfusion/ej2-react-layouts",
28
28
  "/@syncfusion/ej2-vue-layouts"
29
29
  ],
30
- "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-layouts/-/ej2-layouts-22.1.37.tgz",
31
- "_shasum": "90ae9b46c9f1447c1560dd1a741ecc006a012949",
30
+ "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-layouts/-/ej2-layouts-21.4.3.tgz",
31
+ "_shasum": "1d14e4878175896ea31ee5e623b050ca547440f6",
32
32
  "_spec": "@syncfusion/ej2-layouts@*",
33
- "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
33
+ "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
34
34
  "author": {
35
35
  "name": "Syncfusion Inc."
36
36
  },
37
37
  "bundleDependencies": false,
38
38
  "dependencies": {
39
- "@syncfusion/ej2-base": "~22.2.5"
39
+ "@syncfusion/ej2-base": "~23.1.36"
40
40
  },
41
41
  "deprecated": false,
42
42
  "description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person.",
@@ -76,7 +76,7 @@
76
76
  "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/layouts"
77
77
  },
78
78
  "typings": "index.d.ts",
79
- "version": "22.2.5",
79
+ "version": "23.1.36",
80
80
  "sideEffects": false,
81
81
  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
82
82
  }
@@ -23,7 +23,7 @@ export interface PanelModel {
23
23
 
24
24
  /**
25
25
  * Defines the template value that should be displayed as the panel's header.
26
- *
26
+ *
27
27
  * @aspType string
28
28
  */
29
29
  header?: string | HTMLElement | Function;
@@ -2685,6 +2685,27 @@ var DashboardLayout = /** @class */ (function (_super) {
2685
2685
  this.dragCollection[i].destroy();
2686
2686
  }
2687
2687
  this.removeAllPanel();
2688
+ this.panelCollection = null;
2689
+ this.checkCollision = null;
2690
+ this.mainElement = null;
2691
+ this.dragobj = null;
2692
+ this.dragStartArgs = null;
2693
+ this.dragStopEventArgs = null;
2694
+ this.draggedEventArgs = null;
2695
+ this.sortedArray = null;
2696
+ this.cloneArray = null;
2697
+ this.overlapElement = null;
2698
+ this.overlapElementClone = null;
2699
+ this.dragCollection = [];
2700
+ this.allItems = null;
2701
+ this.moveTarget = null;
2702
+ this.upTarget = null;
2703
+ this.downTarget = null;
2704
+ this.checkingElement = null;
2705
+ this.panelHeaderElement = null;
2706
+ this.panelContent = null;
2707
+ this.panelBody = null;
2708
+ this.table = null;
2688
2709
  _super.prototype.destroy.call(this);
2689
2710
  this.clearTemplate();
2690
2711
  this.renderReactTemplates();
@@ -2194,6 +2194,11 @@ var Splitter = /** @class */ (function (_super) {
2194
2194
  if (this.isReact) {
2195
2195
  this.clearTemplate();
2196
2196
  }
2197
+ this.allBars = [];
2198
+ this.allPanes = [];
2199
+ this.previousPane = null;
2200
+ this.nextPane = null;
2201
+ this.currentSeparator = null;
2197
2202
  }
2198
2203
  };
2199
2204
  Splitter.prototype.restoreElem = function () {
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'bootstrap-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'bootstrap-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'bootstrap4-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'bootstrap5-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'bootstrap5-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'fabric-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'fabric-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'fluent-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'fluent-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'highcontrast-light-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'highcontrast-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-avatar {
3
2
  -ms-flex-line-pack: center;
4
3
  align-content: center;
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'material-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-avatar {
3
2
  -ms-flex-line-pack: center;
4
3
  align-content: center;
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'material-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-dark-definition.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-definition.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-avatar {
3
2
  -ms-flex-line-pack: center;
4
3
  align-content: center;
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'tailwind-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-avatar {
3
2
  -ms-flex-line-pack: center;
4
3
  align-content: center;
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import 'tailwind-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'bootstrap-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'bootstrap-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'bootstrap4-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'bootstrap5-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'bootstrap5-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'fabric-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'fabric-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'fluent-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'fluent-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'highcontrast-light-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'highcontrast-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /*! component's default definitions and variables */
3
2
  /*! component's theme wise override material-definitions and variables */
4
3
  /*! card layout */
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'material-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /*! component's theme wise override material-definitions and variables */
3
2
  /*! card layout */
4
3
  .e-bigger .e-card,
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'material-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-dark-definition.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-definition.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /*! card layout */
3
2
  .e-bigger .e-card,
4
3
  .e-bigger.e-card {
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'tailwind-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /*! card layout */
3
2
  .e-bigger .e-card,
4
3
  .e-bigger.e-card {
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import 'tailwind-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'bootstrap-dark-definition.scss';
3
3
  @import 'icons/bootstrap-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'bootstrap-definition.scss';
3
3
  @import 'icons/bootstrap.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'bootstrap4-definition.scss';
3
3
  @import 'icons/bootstrap4.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'bootstrap5-dark-definition.scss';
3
3
  @import 'icons/bootstrap5-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'bootstrap5-definition.scss';
3
3
  @import 'icons/bootstrap5.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'fabric-dark-definition.scss';
3
3
  @import 'icons/fabric-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'fabric-definition.scss';
3
3
  @import 'icons/fabric.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'fluent-dark-definition.scss';
3
3
  @import 'icons/fluent-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'fluent-definition.scss';
3
3
  @import 'icons/fluent.scss';
4
4
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'highcontrast-light-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'highcontrast-definition.scss';
3
3
  @import 'icons/highcontrast.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /*! component's theme wise override material-definitions and variables */
3
2
  /* stylelint-disable */
4
3
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'material-dark-definition.scss';
3
3
  @import 'icons/material-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /*! component's theme wise override material-definitions and variables */
3
2
  /* stylelint-disable */
4
3
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'material-definition.scss';
3
3
  @import 'icons/material.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-dark-definition.scss';
4
4
  @import 'icons/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-definition.scss';
4
4
  @import 'icons/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /*! component's theme wise override tailwind-definitions and variables */
3
2
  /* stylelint-disable */
4
3
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'tailwind-dark-definition.scss';
3
3
  @import 'icons/tailwind-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /*! component's theme wise override tailwind-definitions and variables */
3
2
  /* stylelint-disable */
4
3
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import 'tailwind-definition.scss';
3
3
  @import 'icons/tailwind.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-avatar {
3
2
  -ms-flex-line-pack: center;
4
3
  align-content: center;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-avatar {
3
2
  -ms-flex-line-pack: center;
4
3
  align-content: center;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,5 +1,5 @@
1
1
 
2
- @import 'ej2-base/styles/material3-dark-definition.scss';
2
+
3
3
  @import 'avatar/material3-dark.scss';
4
4
  @import 'card/material3-dark.scss';
5
5
  @import 'splitter/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,5 +1,5 @@
1
1
 
2
- @import 'ej2-base/styles/material3-definition.scss';
2
+
3
3
  @import 'avatar/material3.scss';
4
4
  @import 'card/material3.scss';
5
5
  @import 'splitter/material3.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'bootstrap-dark-definition.scss';
3
3
  @import 'icons/bootstrap-dark.scss';
4
4
  @import 'all.scss';