@datarailsshared/dr_renderer 1.2.50 → 1.2.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/dr_renderer",
-  "version": "1.2.50",
+  "version": "1.2.51",
   "description": "DataRails charts and tables renderer",
   "keywords": [
     "datarails",

package/src/published_items_renderer.js

@@ -124,8 +124,11 @@ let getPublishedItemsRenderer = function (publishedItemsRenderer) {
     const metaData = options.inputValuesData ? options.inputValuesData[name] : null;
     let newValue = inputElement.value;
     if (metaData) {
-      if (metaData.type === 'editInput')
+      if (metaData.type === 'editInput') {
         newValue = parseFloat(newValue);
+      } else if (metaData.type === 'editInputPercent') {
+        newValue = parseFloat(newValue) + '%';
+      }
 
       if (metaData.value !== newValue) {
         metaData.value = newValue;
@@ -158,19 +161,14 @@ let getPublishedItemsRenderer = function (publishedItemsRenderer) {
             }, 1)
           });
 
-          if (inputMetaData.type === 'editInputPercent')
-            inEl.setAttribute("type", "text");
-          else if (inputMetaData.type === 'editInput')
-            inEl.setAttribute("type", "number");
-
+          inEl.setAttribute("type", "number");
           inEl.setAttribute("name", inputMetaData.name);
           inEl.setAttribute("style", "background: transparent;width: calc(100% - 15px);border: 0;margin: 5px;text-align: inherit;display: none;");
-          inEl.value = inputMetaData.value;
+          inEl.value = inputMetaData.type === 'editInputPercent' ? parseFloat(inputMetaData.value.replace('%', '')) : inputMetaData.value;
           inEl.addEventListener("focusout", function (event) {
             event.preventDefault();
             publishedItemsRenderer.changedInputElement(event, scope, options);
             inEl.style.display = 'none';
-            labelEl.innerText = inEl.value;
             labelEl.innerText = inputMetaData.format ? formatValue('n', inputMetaData.format, inEl.value).value : inputMetaData.value;
             labelEl.style.display = 'block';
           });