- fix bug: input box in multiline widget doesn't work

 - bump version

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Change Logs
 
+## v4.9.27
+
+ - fix bug: input box in multiline widget doesn't work
+
+
 ## v4.9.26
 
  - tweak base header vertical alignment

dist/index.js

@@ -1 +1 @@
-<div><script type="@plotdb/block">module.exports={pkg:{extend:{name:"@plotdb/konfig",version:"main",path:"base"},dependencies:[]},init:function(t){var e,n,i,c,v,r,a,p;e=t.root,n=t.context,i=t.data,c=t.pubsub;v={default:i["default"]||"",data:i["default"]||""};r=n.ldview,a=n.ldcover;c.fire("init",{get:function(){return v.data||""},set:function(t,e){var n;e==null&&(e={});n=v.data!==(t||"")&&!e.passive;v.data=t||"";if(n){c.fire("event","change",v.data)}return p.render()},default:function(){return v["default"]},meta:function(t){return v["default"]=t["default"]}});return p=new r({root:e,init:{ldcv:function(t){var e;e=t.node;v.ldcv=new a({root:e,resident:false,inPlace:false});return v.ldcv.on("toggled.on",function(){return p.get("textarea").focus()})}},handler:{panel:function(t){var e;e=t.node},input:function(t){var e,n,i;e=t.node;e.value=v.data||"";e.textContent=(v.data||"").substring(0,10)+" ...";n=e.getAttribute("data-mode");return e.classList.toggle("d-none",!(i=n==="multiline")!==!v.multiline&&(i||v.multiline))},textarea:function(t){var e;e=t.node;return e.value=v.data||""},multiline:function(t){var e;e=t.node;return e.classList.toggle("active",!!v.multiline)}},action:{click:{multiline:function(t){var e;e=t.node;v.multiline=!v.multiline;return p.render("multiline","input")},input:function(t){var e,n,i,r,a,l,u,o,d,f;e=t.node;if(!v.multiline){return}n=p.getAll("input").map(function(t){return t.getBoundingClientRect()}).filter(function(t){return t.width})[0];i=p.get("panel").getBoundingClientRect();r=(a=window.innerWidth-(n.left+n.width))<(l=n.width/2)?a:l;u=(a=n.left)<(l=n.width/2)?a:l;o=n.left-u;d=n.width+r+u;f=n.top+(window.scrollTop||0);import$(p.get("ldcv").style,{left:o+"px",top:f+"px"});import$(p.get("panel").style,{width:d+"px"});return v.ldcv.get().then(function(t){var e;if(t!=="ok"){return}e=p.get("textarea").value;if(v.data!==e){c.fire("event","change",e)}v.data=e;return p.render()})}}}})}};function import$(t,e){var n={}.hasOwnProperty;for(var i in e)if(n.call(e,i))t[i]=e[i];return t}</script></div>
+<div><script type="@plotdb/block">module.exports={pkg:{extend:{name:"@plotdb/konfig",version:"main",path:"base"},dependencies:[]},init:function(t){var e,n,i,c,v,r,a,u,p;e=t.root,n=t.context,i=t.data,c=t.pubsub;v={default:i["default"]||"",data:i["default"]||""};r=n.ldview,a=n.ldcover;c.fire("init",{get:function(){return v.data||""},set:function(t,e){var n;e==null&&(e={});n=v.data!==(t||"")&&!e.passive;v.data=t||"";if(n){c.fire("event","change",v.data)}return p.render()},default:function(){return v["default"]},meta:function(t){return v["default"]=t["default"]}});u=function(t){var e,n;e=t.node;n=e.value;if(v.data!==n){c.fire("event","change",n)}v.data=n;return p.render()};return p=new r({root:e,init:{ldcv:function(t){var e;e=t.node;v.ldcv=new a({root:e,resident:false,inPlace:false});return v.ldcv.on("toggled.on",function(){return p.get("textarea").focus()})}},handler:{panel:function(t){var e;e=t.node},input:function(t){var e,n,i;e=t.node;e.value=v.data||"";e.textContent=(v.data||"").substring(0,10)+" ...";n=e.getAttribute("data-mode");return e.classList.toggle("d-none",!(i=n==="multiline")!==!v.multiline&&(i||v.multiline))},textarea:function(t){var e;e=t.node;return e.value=v.data||""},multiline:function(t){var e;e=t.node;return e.classList.toggle("active",!!v.multiline)}},action:{input:{input:u},change:{input:u},click:{multiline:function(t){var e;e=t.node;v.multiline=!v.multiline;return p.render("multiline","input")},input:function(t){var e,n,i,r,a,u,l,o,d,f;e=t.node;if(!v.multiline){return}n=p.getAll("input").map(function(t){return t.getBoundingClientRect()}).filter(function(t){return t.width})[0];i=p.get("panel").getBoundingClientRect();r=(a=window.innerWidth-(n.left+n.width))<(u=n.width/2)?a:u;l=(a=n.left)<(u=n.width/2)?a:u;o=n.left-l;d=n.width+r+l;f=n.top+(window.scrollTop||0);import$(p.get("ldcv").style,{left:o+"px",top:f+"px"});import$(p.get("panel").style,{width:d+"px"});return v.ldcv.get().then(function(t){var e;if(t!=="ok"){return}e=p.get("textarea").value;if(v.data!==e){c.fire("event","change",e)}v.data=e;return p.render()})}}}})}};function import$(t,e){var n={}.hasOwnProperty;for(var i in e)if(n.call(e,i))t[i]=e[i];return t}</script></div>

dist/index.min.js

@@ -1 +1 @@
-<div><script type="@plotdb/block">module.exports={pkg:{extend:{name:"@plotdb/konfig",version:"main",path:"base"},dependencies:[]},init:function(t){var e,n,i,c,v,r,a,p;e=t.root,n=t.context,i=t.data,c=t.pubsub;v={default:i["default"]||"",data:i["default"]||""};r=n.ldview,a=n.ldcover;c.fire("init",{get:function(){return v.data||""},set:function(t,e){var n;e==null&&(e={});n=v.data!==(t||"")&&!e.passive;v.data=t||"";if(n){c.fire("event","change",v.data)}return p.render()},default:function(){return v["default"]},meta:function(t){return v["default"]=t["default"]}});return p=new r({root:e,init:{ldcv:function(t){var e;e=t.node;v.ldcv=new a({root:e,resident:false,inPlace:false});return v.ldcv.on("toggled.on",function(){return p.get("textarea").focus()})}},handler:{panel:function(t){var e;e=t.node},input:function(t){var e,n,i;e=t.node;e.value=v.data||"";e.textContent=(v.data||"").substring(0,10)+" ...";n=e.getAttribute("data-mode");return e.classList.toggle("d-none",!(i=n==="multiline")!==!v.multiline&&(i||v.multiline))},textarea:function(t){var e;e=t.node;return e.value=v.data||""},multiline:function(t){var e;e=t.node;return e.classList.toggle("active",!!v.multiline)}},action:{click:{multiline:function(t){var e;e=t.node;v.multiline=!v.multiline;return p.render("multiline","input")},input:function(t){var e,n,i,r,a,l,u,o,d,f;e=t.node;if(!v.multiline){return}n=p.getAll("input").map(function(t){return t.getBoundingClientRect()}).filter(function(t){return t.width})[0];i=p.get("panel").getBoundingClientRect();r=(a=window.innerWidth-(n.left+n.width))<(l=n.width/2)?a:l;u=(a=n.left)<(l=n.width/2)?a:l;o=n.left-u;d=n.width+r+u;f=n.top+(window.scrollTop||0);import$(p.get("ldcv").style,{left:o+"px",top:f+"px"});import$(p.get("panel").style,{width:d+"px"});return v.ldcv.get().then(function(t){var e;if(t!=="ok"){return}e=p.get("textarea").value;if(v.data!==e){c.fire("event","change",e)}v.data=e;return p.render()})}}}})}};function import$(t,e){var n={}.hasOwnProperty;for(var i in e)if(n.call(e,i))t[i]=e[i];return t}</script></div>
+<div><script type="@plotdb/block">module.exports={pkg:{extend:{name:"@plotdb/konfig",version:"main",path:"base"},dependencies:[]},init:function(t){var e,n,i,c,v,r,a,u,p;e=t.root,n=t.context,i=t.data,c=t.pubsub;v={default:i["default"]||"",data:i["default"]||""};r=n.ldview,a=n.ldcover;c.fire("init",{get:function(){return v.data||""},set:function(t,e){var n;e==null&&(e={});n=v.data!==(t||"")&&!e.passive;v.data=t||"";if(n){c.fire("event","change",v.data)}return p.render()},default:function(){return v["default"]},meta:function(t){return v["default"]=t["default"]}});u=function(t){var e,n;e=t.node;n=e.value;if(v.data!==n){c.fire("event","change",n)}v.data=n;return p.render()};return p=new r({root:e,init:{ldcv:function(t){var e;e=t.node;v.ldcv=new a({root:e,resident:false,inPlace:false});return v.ldcv.on("toggled.on",function(){return p.get("textarea").focus()})}},handler:{panel:function(t){var e;e=t.node},input:function(t){var e,n,i;e=t.node;e.value=v.data||"";e.textContent=(v.data||"").substring(0,10)+" ...";n=e.getAttribute("data-mode");return e.classList.toggle("d-none",!(i=n==="multiline")!==!v.multiline&&(i||v.multiline))},textarea:function(t){var e;e=t.node;return e.value=v.data||""},multiline:function(t){var e;e=t.node;return e.classList.toggle("active",!!v.multiline)}},action:{input:{input:u},change:{input:u},click:{multiline:function(t){var e;e=t.node;v.multiline=!v.multiline;return p.render("multiline","input")},input:function(t){var e,n,i,r,a,u,l,o,d,f;e=t.node;if(!v.multiline){return}n=p.getAll("input").map(function(t){return t.getBoundingClientRect()}).filter(function(t){return t.width})[0];i=p.get("panel").getBoundingClientRect();r=(a=window.innerWidth-(n.left+n.width))<(u=n.width/2)?a:u;l=(a=n.left)<(u=n.width/2)?a:u;o=n.left-l;d=n.width+r+l;f=n.top+(window.scrollTop||0);import$(p.get("ldcv").style,{left:o+"px",top:f+"px"});import$(p.get("panel").style,{width:d+"px"});return v.ldcv.get().then(function(t){var e;if(t!=="ok"){return}e=p.get("textarea").value;if(v.data!==e){c.fire("event","change",e)}v.data=e;return p.render()})}}}})}};function import$(t,e){var n={}.hasOwnProperty;for(var i in e)if(n.call(e,i))t[i]=e[i];return t}</script></div>

dist/konfig.widget.bootstrap.js

@@ -3,7 +3,7 @@
   "name": "@plotdb/konfig",
   "license": "MIT",
   "description": "config tool",
-  "version": "4.9.26",
+  "version": "4.9.27",
   "browser": "dist/index.min.js",
   "main": "dist/index.min.js",
   "files": [

dist/konfig.widget.bootstrap.min.js

@@ -16,6 +16,12 @@ module.exports =
         view.render!
       default: -> obj.default
       meta: -> obj.default = it.default
+    input-handler = ({node}) ->
+      value = node.value
+      if obj.data != value => pubsub.fire \event, \change, value
+      obj.data = value
+      view.render!
+
     view = new ldview do
       root: root
       init: ldcv: ({node}) ->
@@ -31,6 +37,8 @@ module.exports =
         textarea: ({node}) -> node.value = obj.data or ''
         multiline: ({node}) -> node.classList.toggle \active, !!obj.multiline
       action:
+        input: input: input-handler
+        change: input: input-handler
         click:
           multiline: ({node}) ->
             obj.multiline = !obj.multiline