cronapi-js 2.8.18 → 2.8.22

package/cronapi.js

@@ -60,6 +60,7 @@ if (!window.fixedTimeZone) {
   this.cronapi.evalInContext = async function(js) {
     var result = eval('this.cronapi.doEval('+js+')');
     if (result) {
+      result = result.data || result;
       if (result.commands) {
         for (var i = 0; i < result.commands.length; i++) {
           var func = eval(result.commands[i].function);
@@ -1259,13 +1260,6 @@ if (!window.fixedTimeZone) {
     return this.cronapi.$scope.vars[name];
   };
 
-  /**
-   * @category {{notificationCategory}}
-   * @categoryTags notification | notification 
-   */
-   this.cronapi.notification = {};
-
-
   /**
    * @deprecated true
    * @type function
@@ -1285,196 +1279,6 @@ if (!window.fixedTimeZone) {
     this.cronapi.$scope.Notification({'message':message.toString() },type);
   };
 
-  
-  /**
-   * @type function
-   * @name {{screenNotifySimpleName}}
-   * @description {{screenNotifySimpleDescription}}
-   * @nameTags show | exibir | exibe | notification | notificação
-   * @param {ObjectType.STRING} status {{screenNotifySimpleParam0}}
-   * @param {ObjectType.STRING} message {{screenNotifySimpleParam1}}
-   * @param {ObjectType.STRING} animation {{screenNotifySimpleParam2}}  
-   * @param {ObjectType.STRING} verticalPosition {{screenNotifySimpleParam3}}  
-   * @param {ObjectType.STRING} horizontalPosition {{screenNotifySimpleParam4}}  
-   * @param {ObjectType.STRING} autoHide {{screenNotifySimpleParam5}}  
-   */
-   this.cronapi.notification.customNotify = function(/** @type {ObjectType.STRING} @description {{status}} @blockType util_dropdown @keys error|success|warning|info @values {{error}}|{{success}}|{{warning}}|{{info}} */ status, /** @type {ObjectType.STRING} */  message, /** @type {ObjectType.STRING} @description {{animation}} @blockType util_dropdown @keys fade|slide|zoom @values {{fade}}|{{slide}}|{{zoom}}  */ animation, /** @type {ObjectType.STRING} @description {{verticalPosition}} @blockType util_dropdown @keys top|bottom @values {{top}}|{{bottom}} */ verticalPosition, /** @type {ObjectType.STRING} @description {{horizontalPosition}} @blockType util_dropdown @keys left|center|right @values {{left}}|{{center}}|{{right}} */ horizontalPosition, /** @type {ObjectType.STRING} @description {{autoHide}} @blockType util_dropdown @keys true|false @values {{yes}}|{{no}} */ autoHide) {
-    
-    let idCustomNotification = "customNotification" ;
-        
-    let dataNotification = {
-      stacking: "default",
-      autoHideAfter: 5000,
-      position: {
-        pinned: true
-      },
-      animation: {
-        open: {
-          effects: null
-        },
-        close: {
-          effects: null
-        }
-      }
-    };
-     
-    if (animation || verticalPosition || horizontalPosition || autoHide) {
-      customNotification(message, status, animation, verticalPosition, horizontalPosition, autoHide); 
-    } else {
-      defaultNotification(message, status); 
-    }
-  
-    async function defaultNotification(message, status) {
-
-      let cronappConfig = {
-        id: "CronappNotification",
-        verticalPosition: "top",
-        horizontalPosition: "left",
-        animation: "slide",
-        autoHide: "false"
-      };
-
-      setVerticalPosition(cronappConfig.verticalPosition);
-      setHorizontalPosition(cronappConfig.horizontalPosition);    
-      setAnimation(cronappConfig.animation);        
-      setAutoHide(cronappConfig.autoHide);  
-
-      if (!isNotificationInitialized(cronappConfig.id)) {
-        initializeNotification(cronappConfig.id, dataNotification);
-      }
-
-      showNotification(cronappConfig.id, message, status);
-  
-    }
-  
-    async function customNotification(message, status, animation, verticalPosition, horizontalPosition, autoHide) {   
-           
-      setVerticalPosition(verticalPosition);
-      setHorizontalPosition(horizontalPosition);    
-      setAnimation(animation);        
-      setAutoHide(autoHide);       
-
-      initializeNotification(idCustomNotification, dataNotification);
-      showNotification(idCustomNotification, message, status);
-      
-    }
-
-    function setVerticalPosition(verticalPosition){
-      switch (verticalPosition) {
-        case "bottom":
-          dataNotification.position.bottom = 20;
-          idCustomNotification = idCustomNotification.concat('-bottom');
-          break;
-  
-        default:
-          dataNotification.position.top = 60;
-          idCustomNotification = idCustomNotification.concat('-top');
-  
-      }
-    }
-
-    function setHorizontalPosition(horizontalPosition){
-      switch (horizontalPosition) {
-        case "right":
-          dataNotification.position.right = 20;
-          idCustomNotification = idCustomNotification.concat('-right');
-          break;
-  
-        case "center":
-        dataNotification.show = centerElementScreen;
-          idCustomNotification = idCustomNotification.concat('-center');
-          break;
-  
-        default:
-          dataNotification.position.left = 20;
-          idCustomNotification = idCustomNotification.concat('-left');
-  
-      }
-    }
-
-    function centerElementScreen(e){
-      if (e.sender.getNotifications().length == 1) {
-        var element = e.element.parent(),
-          eWidth = element.width(),
-          wWidth = $(window).width()
-        var newLeft;
-
-        newLeft = Math.floor(wWidth / 2 - eWidth / 2);
-
-        e.element.parent().css({ left: newLeft });
-      }
-    }
-
-    function setAnimation(animation){
-      switch (animation) {
-        case "slide":
-          if (dataNotification.show && dataNotification.position.bottom != null) {
-            dataNotification.animation.open.effects = "slideIn:up";
-            idCustomNotification = idCustomNotification.concat('-slideIn-up');
-  
-          } else if (dataNotification.show && dataNotification.position.top != null) {
-            dataNotification.animation.open.effects = "slideIn:down";
-            idCustomNotification = idCustomNotification.concat('-slideIn-dow');
-  
-          } else if (dataNotification.position.left != null) {
-            dataNotification.animation.open.effects = "slideIn:right";
-            idCustomNotification = idCustomNotification.concat('-slideIn-right');
-  
-          } else if (dataNotification.position.left == null) {
-            dataNotification.animation.open.effects = "slideIn:left";
-            idCustomNotification = idCustomNotification.concat('-slideIn-left');
-          }
-  
-          dataNotification.animation.close.effects = "slideOut";
-          break;
-  
-        case "zoom":
-          dataNotification.animation.open.effects = "zoomIn";
-          dataNotification.animation.close.effects = "zoomOut";
-          idCustomNotification = idCustomNotification.concat('-zoom');
-          break;
-  
-        default:
-          dataNotification.animation.open.effects = "fadeIn";
-          dataNotification.animation.close.effects = "fadeOut";
-          idCustomNotification = idCustomNotification.concat('-fade');
-      }
-    }
-
-    function setAutoHide(autoHide){
-      if(autoHide == "false"){
-        dataNotification.autoHideAfter = 0;
-        idCustomNotification = idCustomNotification.concat('-autoHideAfter');
-      }
-    }
-  
-    async function initializeNotification(id, options) {
-      if (!hasHTMLElement(id)) {
-        let idNotification = $(`<span id="${id}"></span>`);
-        $('body').append(idNotification);
-
-        await $(`#${id}`).kendoNotification(options); 
-        
-        if(horizontalPosition == "center"){
-          centerElementScreen(e)
-        }      
-      }        
-    }
-    
-    function isNotificationInitialized(id) {
-      return $(`#${id}`).getKendoNotification();
-    }
-  
-    function showNotification(id, message, status) {
-      $(`#${id}`).getKendoNotification().show(message, status);
-    }
-  
-    function hasHTMLElement(id) {
-      return document.getElementById(id);
-    }
-
-  };
-
   /**
    * @type function
    * @name {{datasourceFromScreenName}}
@@ -1678,6 +1482,7 @@ if (!window.fixedTimeZone) {
   };
 
   /**
+   * @deprecated true
    * @type function
    * @name {{datasourceFilterName}}
    * @nameTags filter|datasource
@@ -1695,6 +1500,51 @@ if (!window.fixedTimeZone) {
     }
   };
 
+  /**
+   * @type function
+   * @name {{datasourceFilterName1}}
+   * @nameTags filter|datasource
+   * @description {{datasourceFilterDescription}}
+   * @param {ObjectType.STRING} datasource {{datasourceFilterParam0}}
+   * @param {ObjectType.STRING} condition {{datasourceFilterParam6}}
+   * @param {ObjectType.LIST} filter {{datasourceFilterParam5}}
+   * @multilayer true
+   */
+   this.cronapi.screen.doFilter = function(/** @type {ObjectType.OBJECT} @blockType datasource_from_screen*/ datasource, /** @type {ObjectType.String} @description {{datasourceFilterParam6}} @blockType util_dropdown @keys or|and @values {{datasourceFilterConditionOr}}|{{datasourceFilterConditionAnd}}  */ condition,/** @type {ObjectType.LIST}*/ filter) {
+  
+    let path = filter;
+
+    if(filter instanceof Array){
+      path = filter.join(' ' + condition + ' ');
+    }
+
+    if(getDatasource(datasource).isOData()){
+      getDatasource(datasource).search(path);
+    }
+    else{
+      getDatasource(datasource).filter('/' + path);
+    }
+  };
+
+  /**
+   * @type function
+   * @name {{datasourceFilterName2}}
+   * @nameTags filter|datasource
+   * @description {{datasourceFilterDescription}}
+   * @param {ObjectType.STRING} field {{datasourceFilterParam2}}
+   * @param {ObjectType.STRING} filterType {{datasourceFilterParam3}}
+   * @param {ObjectType.STRING} filterValue {{datasourceFilterParam4}}
+   * @returns {ObjectType.LIST}
+   * @multilayer true
+   */
+   this.cronapi.screen.createFilter = function(/** @type {ObjectType.String} */ field,  /** @type {ObjectType.String} @description {{datasourceFilterParam3}} @blockType util_dropdown @keys eq|ne|gt|lt|ge|le|substringof @values {{datasourceFilterOprEq}}|datasourceFilterOprNe|datasourceFilterOprGt|datasourceFilterOprLt|datasourceFilterOprGe|datasourceFilterOprLe|datasourceFilterOprSubStr  */ filterType, /** @type {ObjectType.Object}*/ filterValue) {
+    if(filterType === "substringof"){
+      return "substringof('" + filterValue + "', tolower(" + field + "))";
+    }
+
+    return field + " " + filterType + " " + objToOData(filterValue) + "";
+  };
+
   /**
    * @type function
    * @name {{changeView}}
@@ -1837,13 +1687,6 @@ if (!window.fixedTimeZone) {
     return null;
   };
 
-  /**
-   * @category {{notificationCategory}}
-   * @categoryTags notification | notification 
-   */
-   this.cronapi.notification = {};
-
-
   /**
    * @deprecated true
    * @type function
@@ -1858,170 +1701,46 @@ if (!window.fixedTimeZone) {
     var value = confirm(msg);
     return value;
   };
+  
+  /**
+   * @type function
+   * @name {{createDefaultModalName}}
+   * @nameTags createModal|Criar Modal| Modal
+   * @description {{createDefaultModalDescription}}
+   * @param {ObjectType.STRING} title {{createDefaultModalParam1}}
+   * @param {ObjectType.STRING} msg {{createDefaultModalParam2}}
+   * @param {ObjectType.STRING} buttonCancelName {{createDefaultModalParam3}}
+   * @param {ObjectType.STRING} buttonSaveName {{createDefaultModalParam4}}
+   *
+   */
+  this.cronapi.screen.createDefaultModal = function(title, msg, buttonCancelName, buttonSaveName, /** @type {ObjectType.STATEMENT} @description {{createDefaultModalParam5}} */ onSuccess, /** @type {ObjectType.STATEMENT} @description {{createDefaultModalParam6}}*/ onError,/** @type {ObjectType.STATEMENT} @description {{createDefaultModalParam7}}*/ onClose ) {
+    $('#modalTemplateTitle').text(title);
+    $('#modalTemplateBody').text(msg);
+    $('#modalTemplateCancel').text(buttonCancelName);
+    $('#modalTemplateSave').text(buttonSaveName);
+    $( "#modalTemplateClose").unbind( "click" );
+    $('#modalTemplateClose').click(onClose);
+    $( "#modalTemplateCancel").unbind( "click" );
+    $('#modalTemplateCancel').click(onError);
+    $( "#modalTemplateSave").unbind( "click" );
+    $('#modalTemplateSave').click(onSuccess);
+    this.cronapi.screen.showModal('modalTemplate');
+
+  };
 
   /**
    * @type function
-   * @name {{confirmDialogAlertName}}
-   * @nameTags confirmDialog | Confirmar | alert | modal | alerta
-   * @description {{confirmDialogAlertDescription}}
-   * @param {ObjectType.STRING} icon {{icon}
-   * @param {ObjectType.STRING} title {{title}}
-   * @param {ObjectType.STRING} subtitle {{subtitle}}
-   * @param {ObjectType.OBJECT} buttonConfirmDialogAlert {{confimDialogAlert.listButton}}
+   * @name {{showModal}}
+   * @nameTags Show| Modal| Exibir| Mostrar
    * @platform W
+   * @description {{showModalDesc}}
+   * @param {ObjectType.STRING} component {{ComponentParam}}
    * @multilayer true
    */
-   this.cronapi.notification.confirmDialogAlert = function(/** @type {ObjectType.STRING} @description {{icon}} @blockType util_dropdown @keys error|success|warning|info @values {{error}}|{{success}}|{{warning}}|{{info}} */ icon, title, subtitle, /** @type {ObjectType.OBJECT} */ buttonConfirmDialogAlert) {
-
-    let idDialog = 'cronapp-dialog-' + Math.random();
-    let dialog = $(`<span id="${idDialog}"></span>`);
-    $('body').append(dialog);
-    
-    let dataDialog = {
-      width: "450px",
-      title: false,
-      closable: false,
-      modal: true,
-      content: "",
-      animation: {
-        open: {
-          effects: "zoom:in"
-        },
-        close: {
-          effects: "zoom:out"
-        }
-      },
-      buttonLayout: "normal",
-      actions: [],
-      close: function(e) {
-        setInterval(() => {
-          $(`#${idDialog}`).data("kendoDialog").destroy(); 
-        }, 3000); 
-      }
-    };
-
-    setIcon(icon, title, subtitle);  
-    setButton(buttonConfirmDialogAlert);
-
-    dialog.kendoDialog(dataDialog);
-    dialog.data("kendoDialog").open(); 
-
-    async function setIcon(icon, title, subtitle){
-      switch (icon){
-        case "error":
-        icon = '<div class="cronapp-icon cronapp-error" style="display: flex;"> <span class="cronapp-x-mark"><span class="cronapp-x-mark-line-left"></span><span class="cronapp-x-mark-line-right"></span></span></div>';
-        break;
-
-      case "success":
-        icon = '<div class="cronapp-icon cronapp-success"><div class="cronapp-success-circular-line-left"></div><span class="cronapp-success-line-tip"></span> <span class="cronapp-success-line-long"></span><div class="cronapp-success-ring"></div><div class="cronapp-success-fix"></div> <div class="cronapp-success-circular-line-right"></div></div>';
-        break;
-
-      case "warning":
-        icon = '<div class="cronapp-icon cronapp-warning"><div class="cronapp-icon-content">!</div></div>';
-        break;
-
-      case "info":
-        icon = '<div class="cronapp-icon cronapp-info"><div class="cronapp-icon-content">i</div></div>';
-        break;
-      }
-     await setContent(icon, title, subtitle);
-
-    } 
-
-    function setContent(icon, title, subtitle){
-       dataDialog.content = '<div id="modalBodyConfirmDialog"> <div class="icon">'+ icon +'</div> <h2 class="title">'+ title +'</h2> <h3 class="subtitle">'+ subtitle +'</h3> </div>';
-    }
-
-    function setButton(buttonConfirmDialogAlert){
-      let buttons = (Array.isArray(buttonConfirmDialogAlert) ? buttonConfirmDialogAlert : [buttonConfirmDialogAlert]);
-
-      let hasButton = false;
-      
-      for (let i = 0; i < buttons.length; i++) {
-        let button = buttons[i];
-        if(button){
-          dataDialog.actions.push({
-            text: button.title,
-            action: button.value,
-            primary: button.primaryValue == 'true' ? true : null
-          });
-
-          hasButton = true;
-
-        } 
-      };   
-      
-      // If you have not added a button to the modal. Add to be able to close the modal.
-      if(!hasButton){
-        dataDialog.actions.push({
-          text: "OK",
-          primary: true
-        });
-      };
-
-    }
-    
-   };
-    
-  /**
-   * @type function
-   * @name {{buttonConfirmDialogAlert}}
-   * @nameTags confirmDialog | botão | button | alert | modal | alerta
-   * @description {{buttonConfirmDialogAlertDescription}}
-   * @platform W
-   * @param {ObjectType.BOOLEAN} primaryButton {{buttonConfirmDialogAlert.primaryButton}}
-   * @param {ObjectType.STRING} title {{title}}
-   * @param {ObjectType.STRING} value {{buttonConfirmDialogAlert.value}}
-   * @returns {ObjectType.OBJECT}
-   */
-  this.cronapi.notification.buttonConfirmDialogAlert = function (/** @type {ObjectType.STRING}  @description {{buttonConfirmDialogAlert.primaryButton}}  @blockType util_dropdown  @keys true|false  @values {{yes}}|{{no}}  */ primaryButton, title, /** @type {ObjectType.STATEMENT} @description {{buttonConfirmDialogAlert.value}} */ value) {
-    return {
-      title: title,
-      value: value,
-      primaryValue: primaryButton
-    };
-  };
-
-  
-  /**
-   * @type function
-   * @name {{createDefaultModalName}}
-   * @nameTags createModal|Criar Modal| Modal
-   * @description {{createDefaultModalDescription}}
-   * @param {ObjectType.STRING} title {{createDefaultModalParam1}}
-   * @param {ObjectType.STRING} msg {{createDefaultModalParam2}}
-   * @param {ObjectType.STRING} buttonCancelName {{createDefaultModalParam3}}
-   * @param {ObjectType.STRING} buttonSaveName {{createDefaultModalParam4}}
-   *
-   */
-  this.cronapi.screen.createDefaultModal = function(title, msg, buttonCancelName, buttonSaveName, /** @type {ObjectType.STATEMENT} @description {{createDefaultModalParam5}} */ onSuccess, /** @type {ObjectType.STATEMENT} @description {{createDefaultModalParam6}}*/ onError,/** @type {ObjectType.STATEMENT} @description {{createDefaultModalParam7}}*/ onClose ) {
-    $('#modalTemplateTitle').text(title);
-    $('#modalTemplateBody').text(msg);
-    $('#modalTemplateCancel').text(buttonCancelName);
-    $('#modalTemplateSave').text(buttonSaveName);
-    $( "#modalTemplateClose").unbind( "click" );
-    $('#modalTemplateClose').click(onClose);
-    $( "#modalTemplateCancel").unbind( "click" );
-    $('#modalTemplateCancel').click(onError);
-    $( "#modalTemplateSave").unbind( "click" );
-    $('#modalTemplateSave').click(onSuccess);
-    this.cronapi.screen.showModal('modalTemplate');
-
-  };
-
-  /**
-   * @type function
-   * @name {{showModal}}
-   * @nameTags Show| Modal| Exibir| Mostrar
-   * @platform W
-   * @description {{showModalDesc}}
-   * @param {ObjectType.STRING} component {{ComponentParam}}
-   * @multilayer true
-   */
-  this.cronapi.screen.showModal = function(/** @type {ObjectType.OBJECT} @blockType ids_from_screen*/ id) {
-      let modalToShow = `#${id}`;
-      let focused = $(':focus');
-      let allHover = $(':hover');
+  this.cronapi.screen.showModal = function(/** @type {ObjectType.OBJECT} @blockType ids_from_screen*/ id) {
+      let modalToShow = `#${id}`;
+      let focused = $(':focus');
+      let allHover = $(':hover');
 
       try{
           $(modalToShow).one('shown.bs.modal', function (e) {
@@ -3344,6 +3063,12 @@ if (!window.fixedTimeZone) {
 
   this.cronapi.internal = {};
 
+  this.cronapi.internal.skipIterationLoop = function() {
+    return new Promise((resolve) => {
+      resolve();
+    });
+  };
+
   this.cronapi.internal.coverElement = function($element) {
 
     let cover = (id, obj) => {
@@ -3377,7 +3102,9 @@ if (!window.fixedTimeZone) {
     if ($firstInput && $firstInput.length) {
       let waitBecomeVisible = setInterval(()=> {
         if ($firstInput.is(':visible')) {
-          $firstInput.focus();
+          if ($firstInput.data('role') !== 'dropdownlist') {
+            $firstInput.focus();
+          }
           clearInterval(waitBecomeVisible);
         }
       }, 100);
@@ -4651,8 +4378,13 @@ if (!window.fixedTimeZone) {
     let options = { destinationType: Number(destinationType) , sourceType : Number(pictureSourceType) , mediaType: Number(mediaType) , allowEdit: allowEdit};
     if(window.cordova && window.cordova.platformId && window.cordova.platformId !== 'browser') {
 
-      let resultWithData = (data) => {
-        if (data && !data.startsWith("data:image")) data = "data:image/jpeg;base64, " + data;
+      let resultWithData = async (data) => {
+        if (data.startsWith("file://")) {
+          data = Ionic.WebView.convertFileSrc(data);
+        }
+        else if (data && !data.startsWith("data:image")) {
+          data = "data:image/jpeg;base64, " + data;
+        }
         !success || success(data);
       };
       navigator.camera.getPicture(this.cronapi.util.handleCallback(resultWithData), this.cronapi.util.handleCallback(error), options);
@@ -5454,6 +5186,7 @@ if (!window.fixedTimeZone) {
    */
   this.cronapi.chart.createChart = function(/** @type {ObjectType.OBJECT} @description {{createChartId}} @blockType ids_from_screen*/ chartId, /** @type {ObjectType.STRING} @description {{createChartType}} @blockType util_dropdown @keys line|bar|horizontalBar|doughnut|pie|polarArea @values line|bar|horizontalBar|doughnut|pie|polarArea */ type, /** @type {ObjectType.LIST} @description {{createChartLegends}} */ chartLegends, /** @type {ObjectType.LIST} @description {{createChartOptions}} */ options, /** @type {ObjectType.LIST} @description {{createChartSeries}} */ series) {
 
+    var colors = options && options.colors ? options.colors : [];
     var CSS_COLOR_NAMES = ["#FF5C00","#0E53A7","#48DD00","#FFD500","#7309AA","#CD0074","#00AF64","#BF8230","#F16D95","#A65000","#A65000","#AF66D5"];
     var colorIndex = 0;
 
@@ -5558,7 +5291,7 @@ if (!window.fixedTimeZone) {
         //Applying configs in Datasets
         $.each(json.data.datasets, function(index,value){
           value.fill = false;
-          value.backgroundColor = CSS_COLOR_NAMES[nextColor()];
+          value.backgroundColor = colors[index] ? colors[index] : CSS_COLOR_NAMES[nextColor()];
           value.borderColor = value.backgroundColor;
           beginAtZero();
           displayLegend();
@@ -5571,7 +5304,11 @@ if (!window.fixedTimeZone) {
         json.data.datasets = getDataset(arguments);
         //Applying configs in Datasets
         $.each(json.data.datasets, function(index,value){
-          value.backgroundColor = CSS_COLOR_NAMES[nextColor()];
+          if(json.data.datasets.length === 1 && colors.length > 1){
+            value.backgroundColor = colors;
+          }else{
+            value.backgroundColor = colors[index] ? colors[index] : CSS_COLOR_NAMES[nextColor()];
+          }
           value.borderColor = value.backgroundColor;
         });
         beginAtZero();
@@ -5589,8 +5326,7 @@ if (!window.fixedTimeZone) {
           dtset.backgroundColor = [];
           dtset.borderColor = [];
           $.each(dtset.data, function(indexx,valuee){
-            dtset.backgroundColor.push( CSS_COLOR_NAMES[nextColor()] );
-
+            dtset.backgroundColor.push( colors[indexx] ? colors[indexx] : CSS_COLOR_NAMES[nextColor()] );
           });
           dtset.borderColor =  dtset.backgroundColor;
           json.data.datasets.push(dtset);
@@ -5624,165 +5360,482 @@ if (!window.fixedTimeZone) {
 
 
 
-  /**
-   * @category CategoryType.SOCIAL
-   * @categoryTags login|social|network|facebook|github|google|linkedin
-   */
-  this.cronapi.social = {};
+  /**
+   * @category {{CategoryType.SOCIAL}}
+   * @categoryTags login|social|network|facebook|github|google|linkedin
+   */
+  this.cronapi.social = {};
+
+
+  this.cronapi.social.gup = function(name,url){
+    if (!url) url = location.href;
+    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
+    var regexS = "[\\?&]"+name+"=([^&#]*)";
+    var regex = new RegExp( regexS );
+    var results = regex.exec( url );
+    return results == null ? null : results[1];
+  }
+
+  this.cronapi.social.login = function(login,password,options){
+    var item;
+    this.cronapi.screen.showLoading();
+    if (!this.cronapi.logic.isNullOrEmpty(this.cronapi.screen.getHostapp())) {
+      this.cronapi.util.getURLFromOthers('POST', 'application/x-www-form-urlencoded', String(this.cronapi.screen.getHostapp()) + String('auth'), this.cronapi.object.createObjectFromString(['{ \"username\": \"',login,'\" , \"password\": \"',password,'\" } '].join('')), this.cronapi.object.createObjectFromString(['{ \"X-AUTH-TOKEN\": \"',options,'\" } '].join('')), function(sender_item) {
+        item = sender_item;
+        this.cronapi.screen.hide();
+        this.cronapi.util.setLocalStorage('_u', this.cronapi.object.serializeObject(item));
+        this.cronapi.screen.changeView("#/app/logged/home",[  ]);
+      }.bind(this), function(sender_item) {
+        item = sender_item;
+        if (this.cronapi.object.getProperty(item, 'status') == '403' || this.cronapi.object.getProperty(item, 'status') == '401') {
+          this.cronapi.screen.notify('error',this.cronapi.i18n.translate("LoginViewInvalidpassword",[  ]));
+        } else {
+          this.cronapi.screen.notify('error',this.cronapi.object.getProperty(item, 'responseJSON.message'));
+        }
+        this.cronapi.screen.hide();
+      }.bind(this));
+    } else {
+      this.cronapi.screen.hide();
+      this.cronapi.screen.notify('error','HostApp is Required');
+    }
+  }
+
+  /**
+   * @type function
+   * @name {{socialLogin}}
+   * @nameTags login|social|network|facebook|github|google|linkedin
+   * @description {{socialLoginDescription}}
+   * @param {ObjectType.STRING} socialNetwork {{socialNetwork}}
+   * @param {ObjectType.BOOLEAN} clearCacheBeforeOpen {{clearCacheBeforeOpen}}
+   * @returns {ObjectType.VOID}
+   */
+  this.cronapi.social.sociaLogin = function(/** @type {ObjectType.STRING} @description socialNetwork @blockType util_dropdown @keys facebook|github|google|linkedin @values facebook|github|google|linkedin  */ socialNetwork, /** @type {ObjectType.BOOLEAN} @blockType util_dropdown @keys false|true*/ clearCache) {
+    var that = this;
+    var u = window.hostApp+"signin/"+socialNetwork+"/";
+    if(window.cordova && cordova.InAppBrowser){
+      var clearCacheString = '';
+      if(clearCache === true || clearCache === 'true'){
+        clearCacheString = ',clearcache=yes';
+      }
+      var cref = cordova.InAppBrowser.open(u, '_blank', 'location=no' + clearCacheString);
+      cref.addEventListener('loadstart', function(event) {
+        if (event.url.indexOf("_ctk") > -1) {
+          cref.close();
+          that.cronapi.social.login.bind(that)('#OAUTH#', '#OAUTH#', that.cronapi.social.gup('_ctk',event.url));
+        }
+      });
+    }else{
+      window.location.href = "signin/"+socialNetwork+"/";
+    }
+  };
+
+  /**
+   * @type function
+   * @name {{ssoLogin}}
+   * @nameTags login|social|oauth
+   * @description {{ssoLoginDescription}}
+   * @returns {ObjectType.VOID}
+   */
+  this.cronapi.social.ssoLogin = async function () {
+    let scope = this.cronapi.$scope;
+
+    let future = new Promise((resolve, reject) => {
+      if (window.cordova && cordova.InAppBrowser) {
+        const ref = cordova.InAppBrowser.open(window.hostApp + 'login', '_blank', 'location=no,footer=yes,zoom=no,enableViewportScale=yes,hidenavigationbuttons=yes');
+        const handlerChange = (event) => {
+          const url = new URL(event.url);
+          const urlParams = new URLSearchParams(url.search);
+
+          if (urlParams.has('_ctk')) {
+
+            ref.removeEventListener('loadstart', handlerChange);
+            // close sso window
+            ref.close();
+
+            // If the page is reloaded the blockly sequence is interrupted
+            scope.login("#OAUTH#", "#OAUTH#", urlParams.get('_ctk'));
+            resolve();
+
+          } else {
+            reject();
+          }
+        };
+
+        ref.addEventListener('loadstart', handlerChange);
+
+      } else {
+        window.ssoWindow = window.open(this.cronapi.internal.getAddressWithHostApp("login"));
+
+        window.addEventListener('message', function (e) {
+          if (e.data && e.data.type === 'sso_user') {
+
+            // close sso window
+            if (window.ssoWindow) {
+              window.ssoWindow.close();
+            }
+
+            // If the page is reloaded the blockly sequence is interrupted
+            scope.login("#OAUTH#", "#OAUTH#", e.data._ctk);
+            resolve();
+
+          }
+        }, false);
+      }
+    });
+
+    return future;
+  };
+
+  /**
+   * @type function
+   * @name {{getSelectedRowsGrid}}
+   * @nameTags getSelectedRowsGrid|Obter linhas selecionadas da grade
+   * @description {{functionToGetSelectedRowsGrid}}
+   * @param {ObjectType.STRING} field {{field}}
+   * @returns {ObjectType.OBJECT}
+   */
+  this.cronapi.screen.getSelectedRowsGrid = function(/** @type {ObjectType.STRING} @blockType field_from_screen*/ field) {
+    var result = [];
+    var grid = $('[ng-model="'+ field  +'"]').children().data('kendoGrid');
+    if (grid) {
+      var selected = grid.select();
+      selected.each(function() {
+        var dataItem = grid.dataItem(this);
+        result.push(dataItem);
+      });
+    }
+    return result;
+  };
+
+  /**
+   * @type function
+   * @name {{back}}
+   * @nameTags back|voltar|retroceder|history
+   * @description {{backDescription}}
+   */
+  this.cronapi.screen.back = function() {
+    history.back();
+  };
+
+  /**
+   * @category {{notificationCategory}}
+   * @categoryTags notification | notification
+   */
+  this.cronapi.notification = {};
+
+  /**
+   * @type function
+   * @name {{confirmDialogAlertName}}
+   * @nameTags confirmDialog | Confirmar | alert | modal | alerta
+   * @description {{confirmDialogAlertDescription}}
+   * @param {ObjectType.STRING} icon {{icon}
+   * @param {ObjectType.STRING} title {{title}}
+   * @param {ObjectType.STRING} subtitle {{subtitle}}
+   * @param {ObjectType.OBJECT} buttonConfirmDialogAlert {{confimDialogAlert.listButton}}
+   * @platform W
+   * @multilayer true
+   */
+  this.cronapi.notification.confirmDialogAlert = function(/** @type {ObjectType.STRING} @description {{icon}} @blockType util_dropdown @keys error|success|warning|info @values {{error}}|{{success}}|{{warning}}|{{info}} */ icon, title, subtitle, /** @type {ObjectType.OBJECT} */ buttonConfirmDialogAlert) {
+
+    let idDialog = 'cronapp-dialog-' + Math.random();
+    let dialog = $(`<span id="${idDialog}"></span>`);
+    $('body').append(dialog);
+
+    let dataDialog = {
+      width: "450px",
+      title: false,
+      closable: false,
+      modal: true,
+      content: "",
+      animation: {
+        open: {
+          effects: "zoom:in"
+        },
+        close: {
+          effects: "zoom:out"
+        }
+      },
+      buttonLayout: "normal",
+      actions: [],
+      close: function(e) {
+        setInterval(() => {
+          $(`#${idDialog}`).data("kendoDialog").destroy();
+        }, 3000);
+      }
+    };
+
+    setIcon(icon, title, subtitle);
+    setButton(buttonConfirmDialogAlert);
+
+    dialog.kendoDialog(dataDialog);
+    dialog.data("kendoDialog").open();
+
+    async function setIcon(icon, title, subtitle){
+      switch (icon){
+        case "error":
+          icon = '<div class="cronapp-icon cronapp-error" style="display: flex;"> <span class="cronapp-x-mark"><span class="cronapp-x-mark-line-left"></span><span class="cronapp-x-mark-line-right"></span></span></div>';
+          break;
+
+        case "success":
+          icon = '<div class="cronapp-icon cronapp-success"><div class="cronapp-success-circular-line-left"></div><span class="cronapp-success-line-tip"></span> <span class="cronapp-success-line-long"></span><div class="cronapp-success-ring"></div><div class="cronapp-success-fix"></div> <div class="cronapp-success-circular-line-right"></div></div>';
+          break;
+
+        case "warning":
+          icon = '<div class="cronapp-icon cronapp-warning"><div class="cronapp-icon-content">!</div></div>';
+          break;
+
+        case "info":
+          icon = '<div class="cronapp-icon cronapp-info"><div class="cronapp-icon-content">i</div></div>';
+          break;
+      }
+      await setContent(icon, title, subtitle);
+    }
+
+    function setContent(icon, title, subtitle){
+      dataDialog.content = '<div id="modalBodyConfirmDialog"> <div class="icon">'+ icon +'</div> <h2 class="title">'+ title +'</h2> <h3 class="subtitle">'+ subtitle +'</h3> </div>';
+    }
+
+    function setButton(buttonConfirmDialogAlert){
+      let buttons = (Array.isArray(buttonConfirmDialogAlert) ? buttonConfirmDialogAlert : [buttonConfirmDialogAlert]);
+
+      let hasButton = false;
+
+      for (let i = 0; i < buttons.length; i++) {
+        let button = buttons[i];
+        if(button){
+          dataDialog.actions.push({
+            text: button.title,
+            action: button.value,
+            primary: button.primaryValue == 'true' ? true : null
+          });
+
+          hasButton = true;
+
+        }
+      };
+
+      // If you have not added a button to the modal. Add to be able to close the modal.
+      if(!hasButton){
+        dataDialog.actions.push({
+          text: "OK",
+          primary: true
+        });
+      };
+
+    }
+
+  };
+
+  /**
+   * @type function
+   * @name {{buttonConfirmDialogAlert}}
+   * @nameTags confirmDialog | botão | button | alert | modal | alerta
+   * @description {{buttonConfirmDialogAlertDescription}}
+   * @platform W
+   * @param {ObjectType.BOOLEAN} primaryButton {{buttonConfirmDialogAlert.primaryButton}}
+   * @param {ObjectType.STRING} title {{title}}
+   * @param {ObjectType.STRING} value {{buttonConfirmDialogAlert.value}}
+   * @returns {ObjectType.OBJECT}
+   */
+  this.cronapi.notification.buttonConfirmDialogAlert = function (/** @type {ObjectType.STRING}  @description {{buttonConfirmDialogAlert.primaryButton}}  @blockType util_dropdown  @keys true|false  @values {{yes}}|{{no}}  */ primaryButton, title, /** @type {ObjectType.STATEMENT} @description {{buttonConfirmDialogAlert.value}} */ value) {
+    return {
+      title: title,
+      value: value,
+      primaryValue: primaryButton
+    };
+  };
+
+  /**
+   * @type function
+   * @name {{screenNotifySimpleName}}
+   * @description {{screenNotifySimpleDescription}}
+   * @nameTags show | exibir | exibe | notification | notificação
+   * @param {ObjectType.STRING} status {{screenNotifySimpleParam0}}
+   * @param {ObjectType.STRING} message {{screenNotifySimpleParam1}}
+   * @param {ObjectType.STRING} animation {{screenNotifySimpleParam2}}
+   * @param {ObjectType.STRING} verticalPosition {{screenNotifySimpleParam3}}
+   * @param {ObjectType.STRING} horizontalPosition {{screenNotifySimpleParam4}}
+   * @param {ObjectType.STRING} autoHide {{screenNotifySimpleParam5}}
+   */
+  this.cronapi.notification.customNotify = function(/** @type {ObjectType.STRING} @description {{status}} @blockType util_dropdown @keys error|success|warning|info @values {{error}}|{{success}}|{{warning}}|{{info}} */ status, /** @type {ObjectType.STRING} */  message, /** @type {ObjectType.STRING} @description {{animation}} @blockType util_dropdown @keys fade|slide|zoom @values {{fade}}|{{slide}}|{{zoom}}  */ animation, /** @type {ObjectType.STRING} @description {{verticalPosition}} @blockType util_dropdown @keys top|bottom @values {{top}}|{{bottom}} */ verticalPosition, /** @type {ObjectType.STRING} @description {{horizontalPosition}} @blockType util_dropdown @keys left|center|right @values {{left}}|{{center}}|{{right}} */ horizontalPosition, /** @type {ObjectType.STRING} @description {{autoHide}} @blockType util_dropdown @keys true|false @values {{yes}}|{{no}} */ autoHide) {
+
+    let idCustomNotification = "customNotification" ;
+
+    let dataNotification = {
+      stacking: "default",
+      autoHideAfter: 5000,
+      position: {
+        pinned: true
+      },
+      animation: {
+        open: {
+          effects: null
+        },
+        close: {
+          effects: null
+        }
+      }
+    };
+
+    if (animation || verticalPosition || horizontalPosition || autoHide) {
+      customNotification(message, status, animation, verticalPosition, horizontalPosition, autoHide);
+    } else {
+      defaultNotification(message, status);
+    }
+
+    async function defaultNotification(message, status) {
+
+      let cronappConfig = {
+        id: "CronappNotification",
+        verticalPosition: "top",
+        horizontalPosition: "left",
+        animation: "slide",
+        autoHide: "false"
+      };
+
+      setVerticalPosition(cronappConfig.verticalPosition);
+      setHorizontalPosition(cronappConfig.horizontalPosition);
+      setAnimation(cronappConfig.animation);
+      setAutoHide(cronappConfig.autoHide);
+
+      if (!isNotificationInitialized(cronappConfig.id)) {
+        initializeNotification(cronappConfig.id, dataNotification);
+      }
+
+      showNotification(cronappConfig.id, message, status);
+
+    }
+
+    async function customNotification(message, status, animation, verticalPosition, horizontalPosition, autoHide) {
 
+      setVerticalPosition(verticalPosition);
+      setHorizontalPosition(horizontalPosition);
+      setAnimation(animation);
+      setAutoHide(autoHide);
 
-  this.cronapi.social.gup = function(name,url){
-    if (!url) url = location.href;
-    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
-    var regexS = "[\\?&]"+name+"=([^&#]*)";
-    var regex = new RegExp( regexS );
-    var results = regex.exec( url );
-    return results == null ? null : results[1];
-  }
+      initializeNotification(idCustomNotification, dataNotification);
+      showNotification(idCustomNotification, message, status);
 
-  this.cronapi.social.login = function(login,password,options){
-    var item;
-    this.cronapi.screen.showLoading();
-    if (!this.cronapi.logic.isNullOrEmpty(this.cronapi.screen.getHostapp())) {
-      this.cronapi.util.getURLFromOthers('POST', 'application/x-www-form-urlencoded', String(this.cronapi.screen.getHostapp()) + String('auth'), this.cronapi.object.createObjectFromString(['{ \"username\": \"',login,'\" , \"password\": \"',password,'\" } '].join('')), this.cronapi.object.createObjectFromString(['{ \"X-AUTH-TOKEN\": \"',options,'\" } '].join('')), function(sender_item) {
-        item = sender_item;
-        this.cronapi.screen.hide();
-        this.cronapi.util.setLocalStorage('_u', this.cronapi.object.serializeObject(item));
-        this.cronapi.screen.changeView("#/app/logged/home",[  ]);
-      }.bind(this), function(sender_item) {
-        item = sender_item;
-        if (this.cronapi.object.getProperty(item, 'status') == '403' || this.cronapi.object.getProperty(item, 'status') == '401') {
-          this.cronapi.screen.notify('error',this.cronapi.i18n.translate("LoginViewInvalidpassword",[  ]));
-        } else {
-          this.cronapi.screen.notify('error',this.cronapi.object.getProperty(item, 'responseJSON.message'));
-        }
-        this.cronapi.screen.hide();
-      }.bind(this));
-    } else {
-      this.cronapi.screen.hide();
-      this.cronapi.screen.notify('error','HostApp is Required');
     }
-  }
 
-  /**
-   * @type function
-   * @name {{socialLogin}}
-   * @nameTags login|social|network|facebook|github|google|linkedin
-   * @description {{socialLoginDescription}}
-   * @param {ObjectType.STRING} socialNetwork {{socialNetwork}}
-   * @param {ObjectType.BOOLEAN} clearCacheBeforeOpen {{clearCacheBeforeOpen}}
-   * @returns {ObjectType.VOID}
-   */
-  this.cronapi.social.sociaLogin = function(/** @type {ObjectType.STRING} @description socialNetwork @blockType util_dropdown @keys facebook|github|google|linkedin @values facebook|github|google|linkedin  */ socialNetwork, /** @type {ObjectType.BOOLEAN} @blockType util_dropdown @keys false|true*/ clearCache) {
-    var that = this;
-    var u = window.hostApp+"signin/"+socialNetwork+"/";
-    if(window.cordova && cordova.InAppBrowser){
-      var clearCacheString = '';
-      if(clearCache === true || clearCache === 'true'){
-        clearCacheString = ',clearcache=yes';
+    function setVerticalPosition(verticalPosition){
+      switch (verticalPosition) {
+        case "bottom":
+          dataNotification.position.bottom = 20;
+          idCustomNotification = idCustomNotification.concat('-bottom');
+          break;
+
+        default:
+          dataNotification.position.top = 60;
+          idCustomNotification = idCustomNotification.concat('-top');
+
       }
-      var cref = cordova.InAppBrowser.open(u, '_blank', 'location=no' + clearCacheString);
-      cref.addEventListener('loadstart', function(event) {
-        if (event.url.indexOf("_ctk") > -1) {
-          cref.close();
-          that.cronapi.social.login.bind(that)('#OAUTH#', '#OAUTH#', that.cronapi.social.gup('_ctk',event.url));
-        }
-      });
-    }else{
-      window.location.href = "signin/"+socialNetwork+"/";
     }
-  };
 
-  /**
-   * @type function
-   * @name {{ssoLogin}}
-   * @nameTags login|social|oauth
-   * @description {{ssoLoginDescription}}
-   * @returns {ObjectType.VOID}
-   */
-  this.cronapi.social.ssoLogin = async function () {
-    let scope = this.cronapi.$scope;
+    function setHorizontalPosition(horizontalPosition){
+      switch (horizontalPosition) {
+        case "right":
+          dataNotification.position.right = 20;
+          idCustomNotification = idCustomNotification.concat('-right');
+          break;
 
-    let future = new Promise((resolve, reject) => {
-      if (window.cordova && cordova.InAppBrowser) {
-        const ref = cordova.InAppBrowser.open(window.hostApp + 'login', '_blank', 'location=no,footer=yes,zoom=no,enableViewportScale=yes,hidenavigationbuttons=yes');
-        const handlerChange = (event) => {
-          const url = new URL(event.url);
-          const urlParams = new URLSearchParams(url.search);
+        case "center":
+          dataNotification.show = centerElementScreen;
+          idCustomNotification = idCustomNotification.concat('-center');
+          break;
 
-          if (urlParams.has('_ctk')) {
+        default:
+          dataNotification.position.left = 20;
+          idCustomNotification = idCustomNotification.concat('-left');
 
-            ref.removeEventListener('loadstart', handlerChange);
-            // close sso window
-            ref.close();
+      }
+    }
 
-            // If the page is reloaded the blockly sequence is interrupted
-            scope.login("#OAUTH#", "#OAUTH#", urlParams.get('_ctk'));
-            resolve();
+    function centerElementScreen(e){
+      if (e.sender.getNotifications().length == 1) {
+        var element = e.element.parent(),
+            eWidth = element.width(),
+            wWidth = $(window).width()
+        var newLeft;
 
-          } else {
-            reject();
+        newLeft = Math.floor(wWidth / 2 - eWidth / 2);
+
+        e.element.parent().css({ left: newLeft });
+      }
+    }
+
+    function setAnimation(animation){
+      switch (animation) {
+        case "slide":
+          if (dataNotification.show && dataNotification.position.bottom != null) {
+            dataNotification.animation.open.effects = "slideIn:up";
+            idCustomNotification = idCustomNotification.concat('-slideIn-up');
+
+          } else if (dataNotification.show && dataNotification.position.top != null) {
+            dataNotification.animation.open.effects = "slideIn:down";
+            idCustomNotification = idCustomNotification.concat('-slideIn-dow');
+
+          } else if (dataNotification.position.left != null) {
+            dataNotification.animation.open.effects = "slideIn:right";
+            idCustomNotification = idCustomNotification.concat('-slideIn-right');
+
+          } else if (dataNotification.position.left == null) {
+            dataNotification.animation.open.effects = "slideIn:left";
+            idCustomNotification = idCustomNotification.concat('-slideIn-left');
           }
-        };
 
-        ref.addEventListener('loadstart', handlerChange);
+          dataNotification.animation.close.effects = "slideOut";
+          break;
 
-      } else {
-        window.ssoWindow = window.open(this.cronapi.internal.getAddressWithHostApp("login"));
+        case "zoom":
+          dataNotification.animation.open.effects = "zoomIn";
+          dataNotification.animation.close.effects = "zoomOut";
+          idCustomNotification = idCustomNotification.concat('-zoom');
+          break;
 
-        window.addEventListener('message', function (e) {
-          if (e.data && e.data.type === 'sso_user') {
+        default:
+          dataNotification.animation.open.effects = "fadeIn";
+          dataNotification.animation.close.effects = "fadeOut";
+          idCustomNotification = idCustomNotification.concat('-fade');
+      }
+    }
 
-            // close sso window
-            if (window.ssoWindow) {
-              window.ssoWindow.close();
-            }
+    function setAutoHide(autoHide){
+      if(autoHide == "false"){
+        dataNotification.autoHideAfter = 0;
+        idCustomNotification = idCustomNotification.concat('-autoHideAfter');
+      }
+    }
 
-            // If the page is reloaded the blockly sequence is interrupted
-            scope.login("#OAUTH#", "#OAUTH#", e.data._ctk);
-            resolve();
+    async function initializeNotification(id, options) {
+      if (!hasHTMLElement(id)) {
+        let idNotification = $(`<span id="${id}"></span>`);
+        $('body').append(idNotification);
 
-          }
-        }, false);
+        await $(`#${id}`).kendoNotification(options);
+
+        if(horizontalPosition == "center"){
+          centerElementScreen(e)
+        }
       }
-    });
+    }
 
-    return future;
-  };
+    function isNotificationInitialized(id) {
+      return $(`#${id}`).getKendoNotification();
+    }
 
-  /**
-   * @type function
-   * @name {{getSelectedRowsGrid}}
-   * @nameTags getSelectedRowsGrid|Obter linhas selecionadas da grade
-   * @description {{functionToGetSelectedRowsGrid}}
-   * @param {ObjectType.STRING} field {{field}}
-   * @returns {ObjectType.OBJECT}
-   */
-  this.cronapi.screen.getSelectedRowsGrid = function(/** @type {ObjectType.STRING} @blockType field_from_screen*/ field) {
-    var result = [];
-    var grid = $('[ng-model="'+ field  +'"]').children().data('kendoGrid');
-    if (grid) {
-      var selected = grid.select();
-      selected.each(function() {
-        var dataItem = grid.dataItem(this);
-        result.push(dataItem);
-      });
+    function showNotification(id, message, status) {
+      $(`#${id}`).getKendoNotification().show(message, status);
     }
-    return result;
-  };
 
-  /**
-   * @type function
-   * @name {{back}}
-   * @nameTags back|voltar|retroceder|history
-   * @description {{backDescription}}
-   */
-  this.cronapi.screen.back = function() {
-    history.back();
-  }
+    function hasHTMLElement(id) {
+      return document.getElementById(id);
+    }
+
+  };
 
   /**
-   * @category CategoryType.REGEX
+   * @category {{CategoryType.REGEX}}
    * @categoryTags REGEX|regex
    */
 
@@ -5852,7 +5905,7 @@ if (!window.fixedTimeZone) {
   }
 
   /**
-   * @category Calendar
+   * @category {{Calendar}}
    * @categoryTags calendar|calendário
    */
   this.cronapi.calendar = {};
@@ -6503,4 +6556,66 @@ if (!window.fixedTimeZone) {
 
   }
 
+  /**
+   * @category {{breadcrumb}}
+   * @categoryTags breadcrumb|breadcrumbs
+   */
+  this.cronapi.breadcrumb = {};
+
+  /**
+  * @type function
+  * @name {{breadcrumb}}
+  * @description {{breadcrumbDesc}}
+  * @param {ObjectType.MAP} map {{breadcrumbParamMap}}
+  * @returns {ObjectType.STRING}
+  */
+  this.cronapi.breadcrumb.jsonBreadcrumb = function (map) {
+      let breadcrumb = [];
+      map = Array.isArray(map) ? map : [map];
+
+      map.forEach(function (item) {
+          breadcrumb.push(item)
+      });
+      return breadcrumb;
+  };
+
+  /**
+  * @type function
+  * @name {{listBreadcrumb}}
+  * @description {{listBreadcrumbDesc}}
+  * @param {ObjectType.BOOLEAN} root {{listBreadcrumbRoot}}
+  * @param {ObjectType.STRING} titulo {{listBreadcrumbTitulo}}
+  * @param {ObjectType.STRING} icon {{listBreadcrumbIcon}}
+  * @param {ObjectType.STRING} link {{listBreadcrumbLink}} 
+  * @returns {ObjectType.STRING}
+  */
+  this.cronapi.breadcrumb.listBreadcrumb = function ( /** @type {ObjectType.BOOLEAN} @description {{listBreadcrumbRoot}} @blockType util_dropdown @keys true|false @values {{yes}}|{{no}} */ root, /** @type {ObjectType.STRING} */  titulo, icon, /** @type {ObjectType.STATEMENT} @description {{listBreadcrumbLink}} */ link) {
+
+      let json = {};
+
+      if (root) {
+          json.type = "rootitem"
+      } else {
+          json.type = "item"
+      }
+
+      json.text = titulo;
+      json.showText = true;
+
+      if (link) {
+          json.href = link
+      } else {
+          json.href = "#"
+      }
+
+      if (icon) {
+          json.icon = icon
+          json.showIcon = true
+      } else {
+          json.showIcon = false
+      }
+
+      return json;
+  };
+
 }).bind(window)();