visualpython
diff --git a/‎visualpython/css/m_ml/gridSearch.css
Lines changed: 1 addition & 0 deletions b/‎visualpython/css/m_ml/gridSearch.css
Lines changed: 1 addition & 0 deletions
diff --git a/‎visualpython/css/m_ml/pipeline.css
Lines changed: 53 additions & 3 deletions b/‎visualpython/css/m_ml/pipeline.css
Lines changed: 53 additions & 3 deletions
diff --git a/‎visualpython/data/m_library/pandasLibrary.js
Lines changed: 38 additions & 3 deletions b/‎visualpython/data/m_library/pandasLibrary.js
Lines changed: 38 additions & 3 deletions
@@ -40,6 +40,7 @@
 }
 .vp-param-set-add {
     cursor: pointer;
+    margin-bottom: 5px;
 }
 .vp-param-item > label {
     align-self: center;
 
@@ -15,7 +15,7 @@
 }
 .vp-pp-right-box {
     display: grid;
-    grid-template-rows: 35px 10px calc(100% - 45px);
+    grid-template-rows: 35px 10px calc(100% - 80px) 35px;
     padding-left: 5px;
     overflow: auto;
 }
@@ -45,7 +45,13 @@
     position: absolute;
     transition: all 0.5s ease-in-out;
 }
-.vp-pp-item:not(:last-child):before {
+.vp-pp-item:last-child:before,
+.vp-pp-item:last-child:after,
+.vp-pp-item.vp-last-visible:before,
+.vp-pp-item.vp-last-visible:after {
+    display: none;
+}
+.vp-pp-item:before {
     border: 0.25px solid var(--vp-gray-color);
     border-width: 0 4px 4px 0;
     display: inline-block;
@@ -55,7 +61,7 @@
     top: 47px;
     left: 100px;
 }
-.vp-pp-item:not(:last-child):after {
+.vp-pp-item:after {
     border: 0.25px solid var(--vp-gray-color);
     border-width: 0 4px 0 0;
     height: 15px;
@@ -129,4 +135,48 @@
 }
 .vp-pp-step-content:empty::after {
     content: 'Select the template and Follow the pipeline to generate simple ML code.'
+}
+.vp-pp-step-footer {
+    border-top: 0.25px solid var(--vp-border-gray-color);
+    width: 100%;
+    height: 35px;
+}
+.vp-pp-step-move-btn {
+    width: 70px;
+    height: 30px;
+    background-color: var(--vp-background-color);
+    border: 0.25px solid var(--vp-border-gray-color);
+    box-sizing: border-box;
+    box-shadow: 0.5px 0.5px 0.5px rgb(0 0 0 / 10%);
+    border-radius: 3px;
+    line-height: 30px;
+    vertical-align: middle;
+    font-family: 'AppleSDGothicNeo';
+    font-size: 13px;
+    text-align: center;
+    color: var(--vp-font-primary);
+    cursor: pointer;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+
+    display: inline-block;
+    position: absolute;
+    bottom: 10px;
+}
+.vp-pp-step-move-btn:hover {
+    background-color: var(--vp-light-gray-color);
+}
+.vp-pp-step-move-btn.disabled {
+    background-color: var(--vp-gray-color);
+    cursor: not-allowed;
+}
+.vp-pp-step-prev {
+    left: 270px;
+}
+.vp-pp-step-next{
+    right: 15px;
 }
@@ -1916,7 +1916,10 @@ define([
           {
             "name": "by",
             "label": "Sort By",
-            "usePair": true
+            "usePair": true,
+            "component": [
+              "col_multi"
+            ]
           },
           {
             "name": "axis",
@@ -2437,7 +2440,7 @@ define([
         "name": "get data counts",
         "library": "pandas",
         "description": "get data value counts",
-        "code": "${o0} = ${i0}.value_counts()",
+        "code": "${o0} = ${i0}.value_counts(${bins}${sort}${ascending}${dropna}${etc})",
         "options": [
           {
             "name": "i0",
@@ -2454,7 +2457,39 @@ define([
             "component": [
               "input"
             ]
-          }
+          },
+          {
+            "name": "bins",
+            "component": [
+              "input_number"
+            ],
+            "help": "Only for Series object",
+            "usePair": true,
+          },
+          {
+            "name": "sort",
+            "component": [
+              "bool_select"
+            ],
+            "default": "True",
+            "usePair": true,
+          },
+          {
+            "name": "ascending",
+            "component": [
+              "bool_select"
+            ],
+            "default": "False",
+            "usePair": true,
+          },
+          {
+            "name": "dropna",
+            "component": [
+              "bool_select"
+            ],
+            "default": "True",
+            "usePair": true,
+          },
         ]
       },
       "pdIdt_info": {
Original file line number	Diff line number	Diff line change
`@@ -40,6 +40,7 @@`
`40`	`40`	`}`
`41`	`41`	`.vp-param-set-add {`
`42`	`42`	`cursor: pointer;`
	`43`	`+ margin-bottom: 5px;`
`43`	`44`	`}`
`44`	`45`	`.vp-param-item > label {`
`45`	`46`	`align-self: center;`