v24.2.3 is released

Author: pipeline

README.md

@@ -216,6 +216,9 @@ function processFile(filePath, replacementRules) {
 
 // Remove stackBlitz and newWindow labels from the application
 gulp.task('remove-labels', function(done) {
+    fs.rename('./public/source', './public/src', (err) => {
+        if (err) { console.log(`Error renaming file: ${err}`); }
+    });
     const indexHtmlPath = './public/index.html';
     const appVuePath = './src/App.vue';
 

gulpfile.js

@@ -1,6 +1,6 @@
 {
   "name": "ej2-vue-samples",
-  "version": "24.1.41",
+  "version": "24.2.3",
   "description": "Examples of Vue UI Components",
   "keywords": [],
   "dependencies": {

package.json

@@ -1437,7 +1437,6 @@ const updateStackBlitz = () => {
     let path: string = hash.slice(1).join('/').replace('.html', '');
     let fileName: string = 'src/' + path + '-stack.json';
     let stack: Fetch = new Fetch(fileName, 'GET');
-    stack.emitError = false;
     stack.send().then((result: Object) => {
         if (select('#open-plnkr') as any) {
             (select('#open-plnkr') as any).disabled = false;

public/src/index.md renamed to public/source/index.md

@@ -53,6 +53,7 @@
 </div>
 </template>
 <style>
+/* These styles are used for property panel icons*/
         @font-face {
     font-family: 'Bootstrap5 Diagram Builder';
     src:
@@ -171,21 +172,9 @@ import {
   OverviewComponent,
   Diagram,
   DiagramComponent,
-  ConnectorModel,
-  Node,
-  SnapConstraints,
-  Container,
-  TextElement,
-  StackPanel,
-  ImageElement,
-  DataBinding,
-  HierarchicalTree,
-  TreeInfo,
   NodeConstraints,
-  DiagramTools
 } from "@syncfusion/ej2-vue-diagrams";
-import { DataManager } from "@syncfusion/ej2-data";
-import { data } from "./diagram-data";
+
 import {
   Toolbar,
   ToolbarComponent,

src/App.vue

@@ -114,6 +114,7 @@
 </div>
 </template>
 <style scoped>
+/* Css for images in property panel  */
 .image-pattern-style {
   background-color: white;
   background-size: contain;
@@ -135,16 +136,12 @@
   font-size: 15px;
   font-weight: 500;
 }
-
+/* Selection indicator */
 .e-selected-style {
   border-color: #6c6c6c;
   border-width: 2px;
 }
 
-.e-checkbox-wrapper .e-label {
-  font-size: 12px;
-}
-
 .col-xs-6 {
   padding-left: 0px;
   padding-right: 0px;
@@ -155,13 +152,9 @@
 import {
   DiagramComponent,
   Diagram,
-  NodeModel,
-  Node,
-  Connector,
   DataBinding,
   DiagramTools,ConnectionPointOrigin,
   ComplexHierarchicalTree,LineDistribution,
-  LayoutOrientation
 } from "@syncfusion/ej2-vue-diagrams";
 import { DataManager } from "@syncfusion/ej2-data";
 import { ChangeEventArgs } from "@syncfusion/ej2-vue-dropdowns";

src/diagram/annotation.vue

@@ -89,7 +89,7 @@
           <div class="row row-header">
               <b>Appearance</b>
           </div>
-          <div class="row" style="padding-top: 8px; display: flex;">
+          <div class="row" style="padding-top: 8px; display: flex; margin-right: 50px;">
             <label>Line color</label>
             <ejs-colorpicker id="color" :mode='colorMode' :showButtons='colorShowButton' :modeSwitcher='colorModeSwitch' :value='fillColorValue' :change='colorChange'></ejs-colorpicker>
           </div>
@@ -126,6 +126,7 @@
 </template>
 
 <style scoped>
+/* Css for images in property panel  */
 .image-pattern-style {
   background-color: white;
   background-size: contain;
@@ -153,24 +154,12 @@
   font-weight: 500;
 }
 
-.col-xs-6 {
-  padding-left: 0px;
-  padding-right: 0px;
-}
-
+/* Selection indicator */
 .e-selected-style {
   border-color: #006ce6;
   border-width: 2px;
 }
-
-.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview{
-  width: 100px!important;
-  margin-left: -40px!important;
-}
-.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn{
-  width: 110px!important;
-}
-
+/* Align the names in property panel */
 label{
       display: inline-block;
       font-size: 13px;
@@ -188,19 +177,12 @@ import {
   HierarchicalTree,
   ConnectorConstraints,
   ConnectorEditing,
-  Segments,
   StackPanel,
-  PointPortModel,
-  Connector,
-  BasicShapeModel,
   SelectorConstraints,
   DiagramComponent,
   Diagram,
-  NodeModel,
-  ConnectorModel,
   randomId,
   PortVisibility,
-StrokeStyleModel
 } from "@syncfusion/ej2-vue-diagrams";
 import {
   DropDownList,