FOUR-20834 | Implement Search Option in the VarFinder Panel

resources/fonts/pm-font/index.html

@@ -103,7 +103,7 @@
 
   <div class="header">
 
-    <h1>ProcessMaker Icons<sup>4.12.0+alpha-3</sup></h1>
+    <h1>ProcessMaker Icons<sup>4.13.0-RC1</sup></h1>
     <div class="info">
       Icons generated with svgtofont. For add new icons, please check the README file
     </div>
@@ -115,7 +115,7 @@ <h1>ProcessMaker Icons<sup>4.12.0+alpha-3</sup></h1>
   </div>
   <div class="icons">
     <ul>
-      <li class="class-icon"><i class="fp-bpmn-action-by-email"></i><p class="name">bpmn-action-by-email</p></li><li class="class-icon"><i class="fp-bpmn-data-connector"></i><p class="name">bpmn-data-connector</p></li><li class="class-icon"><i class="fp-bpmn-data-object"></i><p class="name">bpmn-data-object</p></li><li class="class-icon"><i class="fp-bpmn-data-store"></i><p class="name">bpmn-data-store</p></li><li class="class-icon"><i class="fp-bpmn-docusign"></i><p class="name">bpmn-docusign</p></li><li class="class-icon"><i class="fp-bpmn-end-event"></i><p class="name">bpmn-end-event</p></li><li class="class-icon"><i class="fp-bpmn-flowgenie"></i><p class="name">bpmn-flowgenie</p></li><li class="class-icon"><i class="fp-bpmn-gateway"></i><p class="name">bpmn-gateway</p></li><li class="class-icon"><i class="fp-bpmn-generic-gateway"></i><p class="name">bpmn-generic-gateway</p></li><li class="class-icon"><i class="fp-bpmn-idp"></i><p class="name">bpmn-idp</p></li><li class="class-icon"><i class="fp-bpmn-intermediate-event"></i><p class="name">bpmn-intermediate-event</p></li><li class="class-icon"><i class="fp-bpmn-pool"></i><p class="name">bpmn-pool</p></li><li class="class-icon"><i class="fp-bpmn-send-email"></i><p class="name">bpmn-send-email</p></li><li class="class-icon"><i class="fp-bpmn-start-event"></i><p class="name">bpmn-start-event</p></li><li class="class-icon"><i class="fp-bpmn-task"></i><p class="name">bpmn-task</p></li><li class="class-icon"><i class="fp-bpmn-text-annotation"></i><p class="name">bpmn-text-annotation</p></li><li class="class-icon"><i class="fp-brush-icon"></i><p class="name">brush-icon</p></li><li class="class-icon"><i class="fp-close"></i><p class="name">close</p></li><li class="class-icon"><i class="fp-cloud-download-outline"></i><p class="name">cloud-download-outline</p></li><li class="class-icon"><i class="fp-copy"></i><p class="name">copy</p></li><li class="class-icon"><i class="fp-desktop"></i><p class="name">desktop</p></li><li class="class-icon"><i class="fp-eye"></i><p class="name">eye</p></li><li class="class-icon"><i class="fp-fields-icon"></i><p class="name">fields-icon</p></li><li class="class-icon"><i class="fp-flowgenie-outline"></i><p class="name">flowgenie-outline</p></li><li class="class-icon"><i class="fp-folder-outline"></i><p class="name">folder-outline</p></li><li class="class-icon"><i class="fp-fullscreen"></i><p class="name">fullscreen</p></li><li class="class-icon"><i class="fp-github"></i><p class="name">github</p></li><li class="class-icon"><i class="fp-layout-icon"></i><p class="name">layout-icon</p></li><li class="class-icon"><i class="fp-map"></i><p class="name">map</p></li><li class="class-icon"><i class="fp-mobile"></i><p class="name">mobile</p></li><li class="class-icon"><i class="fp-pdf"></i><p class="name">pdf</p></li><li class="class-icon"><i class="fp-play-outline"></i><p class="name">play-outline</p></li><li class="class-icon"><i class="fp-plus"></i><p class="name">plus</p></li><li class="class-icon"><i class="fp-screen-outline"></i><p class="name">screen-outline</p></li><li class="class-icon"><i class="fp-script-outline"></i><p class="name">script-outline</p></li><li class="class-icon"><i class="fp-slack-notification"></i><p class="name">slack-notification</p></li><li class="class-icon"><i class="fp-slack"></i><p class="name">slack</p></li><li class="class-icon"><i class="fp-slideshow"></i><p class="name">slideshow</p></li><li class="class-icon"><i class="fp-table"></i><p class="name">table</p></li><li class="class-icon"><i class="fp-trash"></i><p class="name">trash</p></li><li class="class-icon"><i class="fp-unlink"></i><p class="name">unlink</p></li>
+      <li class="class-icon"><i class="fp-bpmn-action-by-email"></i><p class="name">bpmn-action-by-email</p></li><li class="class-icon"><i class="fp-bpmn-data-connector"></i><p class="name">bpmn-data-connector</p></li><li class="class-icon"><i class="fp-bpmn-data-object"></i><p class="name">bpmn-data-object</p></li><li class="class-icon"><i class="fp-bpmn-data-store"></i><p class="name">bpmn-data-store</p></li><li class="class-icon"><i class="fp-bpmn-docusign"></i><p class="name">bpmn-docusign</p></li><li class="class-icon"><i class="fp-bpmn-end-event"></i><p class="name">bpmn-end-event</p></li><li class="class-icon"><i class="fp-bpmn-flowgenie"></i><p class="name">bpmn-flowgenie</p></li><li class="class-icon"><i class="fp-bpmn-gateway"></i><p class="name">bpmn-gateway</p></li><li class="class-icon"><i class="fp-bpmn-generic-gateway"></i><p class="name">bpmn-generic-gateway</p></li><li class="class-icon"><i class="fp-bpmn-idp"></i><p class="name">bpmn-idp</p></li><li class="class-icon"><i class="fp-bpmn-intermediate-event"></i><p class="name">bpmn-intermediate-event</p></li><li class="class-icon"><i class="fp-bpmn-pool"></i><p class="name">bpmn-pool</p></li><li class="class-icon"><i class="fp-bpmn-send-email"></i><p class="name">bpmn-send-email</p></li><li class="class-icon"><i class="fp-bpmn-start-event"></i><p class="name">bpmn-start-event</p></li><li class="class-icon"><i class="fp-bpmn-task"></i><p class="name">bpmn-task</p></li><li class="class-icon"><i class="fp-bpmn-text-annotation"></i><p class="name">bpmn-text-annotation</p></li><li class="class-icon"><i class="fp-brush-icon"></i><p class="name">brush-icon</p></li><li class="class-icon"><i class="fp-close"></i><p class="name">close</p></li><li class="class-icon"><i class="fp-cloud-download-outline"></i><p class="name">cloud-download-outline</p></li><li class="class-icon"><i class="fp-connector-outline"></i><p class="name">connector-outline</p></li><li class="class-icon"><i class="fp-copy"></i><p class="name">copy</p></li><li class="class-icon"><i class="fp-desktop"></i><p class="name">desktop</p></li><li class="class-icon"><i class="fp-expand"></i><p class="name">expand</p></li><li class="class-icon"><i class="fp-eye"></i><p class="name">eye</p></li><li class="class-icon"><i class="fp-fields-icon"></i><p class="name">fields-icon</p></li><li class="class-icon"><i class="fp-flowgenie-outline"></i><p class="name">flowgenie-outline</p></li><li class="class-icon"><i class="fp-folder-outline"></i><p class="name">folder-outline</p></li><li class="class-icon"><i class="fp-fullscreen"></i><p class="name">fullscreen</p></li><li class="class-icon"><i class="fp-github"></i><p class="name">github</p></li><li class="class-icon"><i class="fp-layout-icon"></i><p class="name">layout-icon</p></li><li class="class-icon"><i class="fp-map"></i><p class="name">map</p></li><li class="class-icon"><i class="fp-minimize"></i><p class="name">minimize</p></li><li class="class-icon"><i class="fp-mobile"></i><p class="name">mobile</p></li><li class="class-icon"><i class="fp-pdf"></i><p class="name">pdf</p></li><li class="class-icon"><i class="fp-play-outline"></i><p class="name">play-outline</p></li><li class="class-icon"><i class="fp-plus"></i><p class="name">plus</p></li><li class="class-icon"><i class="fp-screen-outline"></i><p class="name">screen-outline</p></li><li class="class-icon"><i class="fp-script-outline"></i><p class="name">script-outline</p></li><li class="class-icon"><i class="fp-slack-notification"></i><p class="name">slack-notification</p></li><li class="class-icon"><i class="fp-slack"></i><p class="name">slack</p></li><li class="class-icon"><i class="fp-slideshow"></i><p class="name">slideshow</p></li><li class="class-icon"><i class="fp-table"></i><p class="name">table</p></li><li class="class-icon"><i class="fp-trash"></i><p class="name">trash</p></li><li class="class-icon"><i class="fp-unlink"></i><p class="name">unlink</p></li>
     </ul>
   </div>
   <p class="links">

resources/fonts/pm-font/processmaker-font.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: "processmaker-font";
-  src: url('processmaker-font.eot?t=1730322668195'); /* IE9*/
-  src: url('processmaker-font.eot?t=1730322668195#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("processmaker-font.woff2?t=1730322668195") format("woff2"),
-  url("processmaker-font.woff?t=1730322668195") format("woff"),
-  url('processmaker-font.ttf?t=1730322668195') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('processmaker-font.svg?t=1730322668195#processmaker-font') format('svg'); /* iOS 4.1- */
+  src: url('processmaker-font.eot?t=1738273634297'); /* IE9*/
+  src: url('processmaker-font.eot?t=1738273634297#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("processmaker-font.woff2?t=1738273634297") format("woff2"),
+  url("processmaker-font.woff?t=1738273634297") format("woff"),
+  url('processmaker-font.ttf?t=1738273634297') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('processmaker-font.svg?t=1738273634297#processmaker-font') format('svg'); /* iOS 4.1- */
 }
 
 [class^="fp-"], [class*=" fp-"] {
@@ -35,26 +35,29 @@
 .fp-brush-icon:before { content: "\ea11"; }
 .fp-close:before { content: "\ea12"; }
 .fp-cloud-download-outline:before { content: "\ea13"; }
-.fp-copy:before { content: "\ea14"; }
-.fp-desktop:before { content: "\ea15"; }
-.fp-eye:before { content: "\ea16"; }
-.fp-fields-icon:before { content: "\ea17"; }
-.fp-flowgenie-outline:before { content: "\ea18"; }
-.fp-folder-outline:before { content: "\ea19"; }
-.fp-fullscreen:before { content: "\ea1a"; }
-.fp-github:before { content: "\ea1b"; }
-.fp-layout-icon:before { content: "\ea1c"; }
-.fp-map:before { content: "\ea1d"; }
-.fp-mobile:before { content: "\ea1e"; }
-.fp-pdf:before { content: "\ea1f"; }
-.fp-play-outline:before { content: "\ea20"; }
-.fp-plus:before { content: "\ea21"; }
-.fp-screen-outline:before { content: "\ea22"; }
-.fp-script-outline:before { content: "\ea23"; }
-.fp-slack-notification:before { content: "\ea24"; }
-.fp-slack:before { content: "\ea25"; }
-.fp-slideshow:before { content: "\ea26"; }
-.fp-table:before { content: "\ea27"; }
-.fp-trash:before { content: "\ea28"; }
-.fp-unlink:before { content: "\ea29"; }
+.fp-connector-outline:before { content: "\ea14"; }
+.fp-copy:before { content: "\ea15"; }
+.fp-desktop:before { content: "\ea16"; }
+.fp-expand:before { content: "\ea17"; }
+.fp-eye:before { content: "\ea18"; }
+.fp-fields-icon:before { content: "\ea19"; }
+.fp-flowgenie-outline:before { content: "\ea1a"; }
+.fp-folder-outline:before { content: "\ea1b"; }
+.fp-fullscreen:before { content: "\ea1c"; }
+.fp-github:before { content: "\ea1d"; }
+.fp-layout-icon:before { content: "\ea1e"; }
+.fp-map:before { content: "\ea1f"; }
+.fp-minimize:before { content: "\ea20"; }
+.fp-mobile:before { content: "\ea21"; }
+.fp-pdf:before { content: "\ea22"; }
+.fp-play-outline:before { content: "\ea23"; }
+.fp-plus:before { content: "\ea24"; }
+.fp-screen-outline:before { content: "\ea25"; }
+.fp-script-outline:before { content: "\ea26"; }
+.fp-slack-notification:before { content: "\ea27"; }
+.fp-slack:before { content: "\ea28"; }
+.fp-slideshow:before { content: "\ea29"; }
+.fp-table:before { content: "\ea2a"; }
+.fp-trash:before { content: "\ea2b"; }
+.fp-unlink:before { content: "\ea2c"; }
 

resources/fonts/pm-font/processmaker-font.less

@@ -1,10 +1,10 @@
 @font-face {font-family: "processmaker-font";
-  src: url('processmaker-font.eot?t=1730322668195'); /* IE9*/
-  src: url('processmaker-font.eot?t=1730322668195#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("processmaker-font.woff2?t=1730322668195") format("woff2"),
-  url("processmaker-font.woff?t=1730322668195") format("woff"),
-  url('processmaker-font.ttf?t=1730322668195') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('processmaker-font.svg?t=1730322668195#processmaker-font') format('svg'); /* iOS 4.1- */
+  src: url('processmaker-font.eot?t=1738273634297'); /* IE9*/
+  src: url('processmaker-font.eot?t=1738273634297#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("processmaker-font.woff2?t=1738273634297") format("woff2"),
+  url("processmaker-font.woff?t=1738273634297") format("woff"),
+  url('processmaker-font.ttf?t=1738273634297') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('processmaker-font.svg?t=1738273634297#processmaker-font') format('svg'); /* iOS 4.1- */
 }
 
 [class^="fp-"], [class*=" fp-"] {
@@ -33,25 +33,28 @@
 .fp-brush-icon:before { content: "\ea11"; }
 .fp-close:before { content: "\ea12"; }
 .fp-cloud-download-outline:before { content: "\ea13"; }
-.fp-copy:before { content: "\ea14"; }
-.fp-desktop:before { content: "\ea15"; }
-.fp-eye:before { content: "\ea16"; }
-.fp-fields-icon:before { content: "\ea17"; }
-.fp-flowgenie-outline:before { content: "\ea18"; }
-.fp-folder-outline:before { content: "\ea19"; }
-.fp-fullscreen:before { content: "\ea1a"; }
-.fp-github:before { content: "\ea1b"; }
-.fp-layout-icon:before { content: "\ea1c"; }
-.fp-map:before { content: "\ea1d"; }
-.fp-mobile:before { content: "\ea1e"; }
-.fp-pdf:before { content: "\ea1f"; }
-.fp-play-outline:before { content: "\ea20"; }
-.fp-plus:before { content: "\ea21"; }
-.fp-screen-outline:before { content: "\ea22"; }
-.fp-script-outline:before { content: "\ea23"; }
-.fp-slack-notification:before { content: "\ea24"; }
-.fp-slack:before { content: "\ea25"; }
-.fp-slideshow:before { content: "\ea26"; }
-.fp-table:before { content: "\ea27"; }
-.fp-trash:before { content: "\ea28"; }
-.fp-unlink:before { content: "\ea29"; }
+.fp-connector-outline:before { content: "\ea14"; }
+.fp-copy:before { content: "\ea15"; }
+.fp-desktop:before { content: "\ea16"; }
+.fp-expand:before { content: "\ea17"; }
+.fp-eye:before { content: "\ea18"; }
+.fp-fields-icon:before { content: "\ea19"; }
+.fp-flowgenie-outline:before { content: "\ea1a"; }
+.fp-folder-outline:before { content: "\ea1b"; }
+.fp-fullscreen:before { content: "\ea1c"; }
+.fp-github:before { content: "\ea1d"; }
+.fp-layout-icon:before { content: "\ea1e"; }
+.fp-map:before { content: "\ea1f"; }
+.fp-minimize:before { content: "\ea20"; }
+.fp-mobile:before { content: "\ea21"; }
+.fp-pdf:before { content: "\ea22"; }
+.fp-play-outline:before { content: "\ea23"; }
+.fp-plus:before { content: "\ea24"; }
+.fp-screen-outline:before { content: "\ea25"; }
+.fp-script-outline:before { content: "\ea26"; }
+.fp-slack-notification:before { content: "\ea27"; }
+.fp-slack:before { content: "\ea28"; }
+.fp-slideshow:before { content: "\ea29"; }
+.fp-table:before { content: "\ea2a"; }
+.fp-trash:before { content: "\ea2b"; }
+.fp-unlink:before { content: "\ea2c"; }

resources/fonts/pm-font/processmaker-font.module.less

@@ -1,10 +1,10 @@
 @font-face {font-family: "processmaker-font";
-  src: url('processmaker-font.eot?t=1730322668195'); /* IE9*/
-  src: url('processmaker-font.eot?t=1730322668195#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("processmaker-font.woff2?t=1730322668195") format("woff2"),
-  url("processmaker-font.woff?t=1730322668195") format("woff"),
-  url('processmaker-font.ttf?t=1730322668195') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('processmaker-font.svg?t=1730322668195#processmaker-font') format('svg'); /* iOS 4.1- */
+  src: url('processmaker-font.eot?t=1738273634297'); /* IE9*/
+  src: url('processmaker-font.eot?t=1738273634297#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("processmaker-font.woff2?t=1738273634297") format("woff2"),
+  url("processmaker-font.woff?t=1738273634297") format("woff"),
+  url('processmaker-font.ttf?t=1738273634297') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('processmaker-font.svg?t=1738273634297#processmaker-font') format('svg'); /* iOS 4.1- */
 }
 
 [class^="fp-"], [class*=" fp-"] {
@@ -34,27 +34,30 @@
 .fp-brush-icon:before { content: "\ea11"; }
 .fp-close:before { content: "\ea12"; }
 .fp-cloud-download-outline:before { content: "\ea13"; }
-.fp-copy:before { content: "\ea14"; }
-.fp-desktop:before { content: "\ea15"; }
-.fp-eye:before { content: "\ea16"; }
-.fp-fields-icon:before { content: "\ea17"; }
-.fp-flowgenie-outline:before { content: "\ea18"; }
-.fp-folder-outline:before { content: "\ea19"; }
-.fp-fullscreen:before { content: "\ea1a"; }
-.fp-github:before { content: "\ea1b"; }
-.fp-layout-icon:before { content: "\ea1c"; }
-.fp-map:before { content: "\ea1d"; }
-.fp-mobile:before { content: "\ea1e"; }
-.fp-pdf:before { content: "\ea1f"; }
-.fp-play-outline:before { content: "\ea20"; }
-.fp-plus:before { content: "\ea21"; }
-.fp-screen-outline:before { content: "\ea22"; }
-.fp-script-outline:before { content: "\ea23"; }
-.fp-slack-notification:before { content: "\ea24"; }
-.fp-slack:before { content: "\ea25"; }
-.fp-slideshow:before { content: "\ea26"; }
-.fp-table:before { content: "\ea27"; }
-.fp-trash:before { content: "\ea28"; }
-.fp-unlink:before { content: "\ea29"; }
+.fp-connector-outline:before { content: "\ea14"; }
+.fp-copy:before { content: "\ea15"; }
+.fp-desktop:before { content: "\ea16"; }
+.fp-expand:before { content: "\ea17"; }
+.fp-eye:before { content: "\ea18"; }
+.fp-fields-icon:before { content: "\ea19"; }
+.fp-flowgenie-outline:before { content: "\ea1a"; }
+.fp-folder-outline:before { content: "\ea1b"; }
+.fp-fullscreen:before { content: "\ea1c"; }
+.fp-github:before { content: "\ea1d"; }
+.fp-layout-icon:before { content: "\ea1e"; }
+.fp-map:before { content: "\ea1f"; }
+.fp-minimize:before { content: "\ea20"; }
+.fp-mobile:before { content: "\ea21"; }
+.fp-pdf:before { content: "\ea22"; }
+.fp-play-outline:before { content: "\ea23"; }
+.fp-plus:before { content: "\ea24"; }
+.fp-screen-outline:before { content: "\ea25"; }
+.fp-script-outline:before { content: "\ea26"; }
+.fp-slack-notification:before { content: "\ea27"; }
+.fp-slack:before { content: "\ea28"; }
+.fp-slideshow:before { content: "\ea29"; }
+.fp-table:before { content: "\ea2a"; }
+.fp-trash:before { content: "\ea2b"; }
+.fp-unlink:before { content: "\ea2c"; }
 
 }