- paragraph widget:

   - enlarge paragraph widget dialog
   - auto focus paragraph widget dialog
   - use mini style ldcover
   - use non-in-place, non-resident dialog to prevent being scoped in parent container
 - bump version

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,14 @@
 # Change Logs
 
+## v4.9.25
+
+ - paragraph widget:
+   - enlarge paragraph widget dialog
+   - auto focus paragraph widget dialog
+   - use mini style ldcover
+   - use non-in-place, non-resident dialog to prevent being scoped in parent container
+
+
 ## v4.9.24
 
  - fix bug: `check-limited` doesn't work for initial value in `number` and `choice` widgets

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,a,r,i,u,o,d;e=t.root,n=t.context,a=t.data,r=t.pubsub;i={default:a["default"]||"",data:a["default"]||""};u=n.ldview,o=n.ldcover;r.fire("init",{get:function(){return i.data||""},set:function(t,e){var n;e==null&&(e={});n=i.data!==(t||"")&&!e.passive;i.data=t||"";if(n){r.fire("event","change",i.data)}return d.render()},default:function(){return i["default"]},meta:function(t){return i["default"]=t["default"]}});return d=new u({root:e,init:{ldcv:function(t){var e;e=t.node;return i.ldcv=new o({root:e})}},handler:{panel:function(t){var e;e=t.node},input:function(t){var e;e=t.node;return e.value=i.data||""},textarea:function(t){var e;e=t.node;return e.value=i.data||""}},action:{click:{input:function(t){var e,n,a;e=t.node;n=d.get("input").getBoundingClientRect();a=d.get("panel").getBoundingClientRect();import$(d.get("panel").style,{width:n.width+"px",left:n.left+"px",top:n.top+"px"});return i.ldcv.get().then(function(t){var e;if(t!=="ok"){return}e=d.get("textarea").value;if(i.data!==e){r.fire("event","change",e)}i.data=e;return d.render()})}}}})}};function import$(t,e){var n={}.hasOwnProperty;for(var a in e)if(n.call(e,a))t[a]=e[a];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,a,f,c,r,i,v;e=t.root,n=t.context,a=t.data,f=t.pubsub;c={default:a["default"]||"",data:a["default"]||""};r=n.ldview,i=n.ldcover;f.fire("init",{get:function(){return c.data||""},set:function(t,e){var n;e==null&&(e={});n=c.data!==(t||"")&&!e.passive;c.data=t||"";if(n){f.fire("event","change",c.data)}return v.render()},default:function(){return c["default"]},meta:function(t){return c["default"]=t["default"]}});return v=new r({root:e,init:{ldcv:function(t){var e;e=t.node;c.ldcv=new i({root:e,resident:false,inPlace:false});return c.ldcv.on("toggled.on",function(){return v.get("textarea").focus()})}},handler:{panel:function(t){var e;e=t.node},input:function(t){var e;e=t.node;return e.value=c.data||""},textarea:function(t){var e;e=t.node;return e.value=c.data||""}},action:{click:{input:function(t){var e,n,a,r,i,d,o,u,l;e=t.node;n=v.get("input").getBoundingClientRect();a=v.get("panel").getBoundingClientRect();r=(i=window.innerWidth-(n.left+n.width))<(d=n.width/2)?i:d;o=(i=n.left)<(d=n.width/2)?i:d;u=n.left-o;l=n.width+r+o;import$(v.get("ldcv").style,{left:u+"px",top:n.top+"px"});import$(v.get("panel").style,{width:l+"px"});return c.ldcv.get().then(function(t){var e;if(t!=="ok"){return}e=v.get("textarea").value;if(c.data!==e){f.fire("event","change",e)}c.data=e;return v.render()})}}}})}};function import$(t,e){var n={}.hasOwnProperty;for(var a in e)if(n.call(e,a))t[a]=e[a];return t}</script></div>

dist/index.min.js

@@ -1 +1 @@
-<div><style type="text/css">.ctrl{opacity:0;transition:opacity .15s ease-in-out;cursor:pointer}.ctrl:hover{opacity:1}</style><div ld-scope plug="config"><div class="ldp"><div class="colors"><div class="color" ld-each="color"></div></div><div class="ctrl" style="display:flex;gap:1em"><div ld="ldp" data-action="view"><i class="i-eye"></i></div><div ld="ldp" data-action="edit"><i class="i-pen"></i></div></div></div><div class="ldcv default-size" ld="ldcv"><div class="base" style="height:35em"><div class="inner"><div class="ldpp" ldpp><div class="header d-flex justify-content-center flex-wrap g-2"><div style="white-space:nowrap;flex:3 0 auto;width:10em"><div class="input-group"><input class="form-control" data-tag="search"><div class="input-group-append"><div class="btn btn-outline-dark dropdown-toggle" data-toggle="dropdown"><span t="filter">&nbsp;</span></div><div class="dropdown-menu shadow-sm" data-tag="categories"><a class="dropdown-item" href="#" data-cat=""><span t="all"></span></a><div class="dropdown-divider"></div><a class="dropdown-item" href="#" data-cat="artwork"><span t="artwork"></span></a><a class="dropdown-item" href="#" data-cat="brand"><span t="brand"></span></a><a class="dropdown-item" href="#" data-cat="concept"><span t="concept"></span></a><div class="dropdown-divider"></div><a class="dropdown-item" href="#" data-cat="gradient"><span t="gradient"></span></a><a class="dropdown-item" href="#" data-cat="qualitative"><span t="qualitative"></span></a><a class="dropdown-item" href="#" data-cat="diverging"><span t="diverging"></span></a><a class="dropdown-item" href="#" data-cat="colorbrew"><span t="colorbrew"></span></a></div></div></div></div><div style="flex:5 0 1px"></div><div class="d-flex justify-content-end text-nowrap" style="flex:1 0 auto;width:fit-content"><div class="btn btn-primary" data-panel="view"><span t="view"></span></div><div class="btn btn-text" data-panel="mypal"><span t="my pals"></span></div><div class="btn btn-text" data-panel="edit"><span t="edit"></span></div></div></div><div class="panels"><div class="panel active clusterize-scroll" data-panel="view" style="max-height:600px"><div class="inner clusterize-content"></div></div><div class="panel clusterize-scroll" data-panel="mypal" style="max-height:600px"><div class="inner clusterize-content"></div><div class="btn btn-primary btn-block ld-over-inverse btn-load"><span t="load more"></span><div class="ld ldld ldbtn sm"></div></div></div><div class="panel" data-panel="edit"><div class="ldp"><div class="name"></div><div class="colors"></div></div><div class="edit"><div class="inner"><div class="row"><div class="col-sm-6 mb-2"><div class="ldcolorpicker no-border no-palette"></div></div><div class="col-sm-6 mb-2"><div class="d-flex g-2 mb-2"><div class="w-50"><select class="form-control form-control-local-sm" value="rgb"><option value="rgb">RGB</option><option value="hsl">HSL</option><option value="hcl">HCL</option></select></div><div class="w-100"><input class="form-control form-control-local-sm value" placeholder="Hex Value" data-tag="hex" style="margin:0"></div></div><div class="config g-2 active" data-tag="rgb"><div class="w-100"><div class="label-group"><span>Red</span></div><input class="ldrs sm auto" data-tag="rgb-r"><div class="label-group"><span>Green</span></div><input class="ldrs sm auto" data-tag="rgb-g"><div class="label-group"><span>Blue</span></div><input class="ldrs sm auto" data-tag="rgb-b"></div><div class="w-50"><input class="value form-control form-control-local-sm" data-tag="rgb-r"><input class="value form-control form-control-local-sm" data-tag="rgb-g"><input class="value form-control form-control-local-sm" data-tag="rgb-b"></div></div><div class="config g-2" data-tag="hsl"><div class="w-100"><div class="label-group"><span>Hue</span></div><input class="ldrs sm auto" data-tag="hsl-h"><div class="label-group"><span>Saturation</span></div><input class="ldrs sm auto" data-tag="hsl-s"><div class="label-group"><span>Luminance</span></div><input class="ldrs sm auto" data-tag="hsl-l"></div><div class="w-50"><input class="value form-control form-control-local-sm" data-tag="hsl-h"><input class="value form-control form-control-local-sm" data-tag="hsl-s"><input class="value form-control form-control-local-sm" data-tag="hsl-l"></div></div><div class="config g-2" data-tag="hcl"><div class="w-100"><div class="label-group"><span>Hue</span></div><input class="ldrs sm auto" data-tag="hcl-h"><div class="label-group"><span>Chroma</span></div><input class="ldrs sm auto" data-tag="hcl-c"><div class="label-group"><span>Luminance</span></div><input class="ldrs sm auto" data-tag="hcl-l"></div><div class="w-50"><input class="value form-control form-control-local-sm" data-tag="hcl-h"><input class="value form-control form-control-local-sm" data-tag="hcl-c"><input class="value form-control form-control-local-sm" data-tag="hcl-l"></div></div></div></div><div class="my-2"><input class="form-control form-control-local-sm" data-tag="tag" placeholder="Comma separated tags for this color"></div></div></div><div class="foot"><hr class="mt-0 mb-3"><div class="d-flex g-1"><div class="d-flex g-1"><div class="btn btn-outline-secondary" data-action="undo"><span t="undo"></span> <i class="i-undo"></i></div><div class="btn btn-outline-secondary" data-action="paste"><span t="paste"></span></div></div><div class="flex-grow-1"></div><div class="d-flex g-1"><div class="btn btn-primary" data-action="use"><span t="use this palette"></span></div><div class="btn btn-outline-secondary ld-ext-right" data-action="save"><span t="save as asset"></span><div class="ld ldld ldbtn sm"></div></div></div></div></div></div></div></div></div></div></div></div><script type="@plotdb/block">module.exports={pkg:{extend:{name:"@plotdb/konfig",version:"main",path:"palette",dom:"overwrite"}}};</script></div>
+<div><style type="text/css">.ctrl{opacity:0;transition:opacity .15s ease-in-out;cursor:pointer}.ctrl:hover{opacity:1}</style><div ld-scope plug="config"><div class="ldp"><div class="colors"><div class="color" ld-each="color"></div></div><div class="ctrl" style="display:flex;gap:1em"><div ld="ldp" data-action="view"><i class="i-eye"></i></div><div ld="ldp" data-action="edit"><i class="i-pen"></i></div></div></div><div class="ldcv default-size" ld="ldcv"><div class="base" style="height:35em"><div class="inner"><div class="ldpp" ldpp><div class="header d-flex justify-content-center flex-wrap g-2"><div style="white-space:nowrap;flex:3 0 auto;width:10em"><div class="input-group"><input class="form-control" data-tag="search"><div class="input-group-append"><div class="btn btn-outline-dark dropdown-toggle" data-toggle="dropdown"><span t="filter">&nbsp;</span></div><div class="dropdown-menu shadow-sm" data-tag="categories"><a class="dropdown-item" href="#" data-cat=""><span t="all"></span></a><div class="dropdown-divider"></div><a class="dropdown-item" href="#" data-cat="artwork"><span t="artwork"></span></a><a class="dropdown-item" href="#" data-cat="brand"><span t="brand"></span></a><a class="dropdown-item" href="#" data-cat="concept"><span t="concept"></span></a><div class="dropdown-divider"></div><a class="dropdown-item" href="#" data-cat="gradient"><span t="gradient"></span></a><a class="dropdown-item" href="#" data-cat="qualitative"><span t="qualitative"></span></a><a class="dropdown-item" href="#" data-cat="diverging"><span t="diverging"></span></a><a class="dropdown-item" href="#" data-cat="colorbrew"><span t="colorbrew"></span></a></div></div></div></div><div class="d-none d-md-block" style="flex:5 0 1px"></div><div class="d-flex justify-content-end text-nowrap" style="flex:1 0 auto;width:fit-content"><div class="btn btn-primary" data-panel="view"><span t="view"></span></div><div class="btn btn-text" data-panel="mypal"><span t="my pals"></span></div><div class="btn btn-text" data-panel="edit"><span t="edit"></span></div></div></div><div class="panels"><div class="panel active clusterize-scroll" data-panel="view" style="max-height:600px"><div class="inner clusterize-content"></div></div><div class="panel clusterize-scroll" data-panel="mypal" style="max-height:600px"><div class="inner clusterize-content"></div><div class="btn btn-primary btn-block ld-over-inverse btn-load"><span t="load more"></span><div class="ld ldld ldbtn sm"></div></div></div><div class="panel" data-panel="edit"><div class="ldp"><div class="name"></div><div class="colors"></div></div><div class="edit"><div class="inner"><div class="row"><div class="col-sm-6 mb-2"><div class="ldcolorpicker no-border no-palette"></div></div><div class="col-sm-6 mb-2"><div class="d-flex g-2 mb-2"><div class="w-50"><select class="form-control form-control-local-sm" value="rgb"><option value="rgb">RGB</option><option value="hsl">HSL</option><option value="hcl">HCL</option></select></div><div class="w-100"><input class="form-control form-control-local-sm value" placeholder="Hex Value" data-tag="hex" style="margin:0"></div></div><div class="config g-2 active" data-tag="rgb"><div class="w-100"><div class="label-group"><span>Red</span></div><input class="ldrs sm auto" data-tag="rgb-r"><div class="label-group"><span>Green</span></div><input class="ldrs sm auto" data-tag="rgb-g"><div class="label-group"><span>Blue</span></div><input class="ldrs sm auto" data-tag="rgb-b"></div><div class="w-50"><input class="value form-control form-control-local-sm" data-tag="rgb-r"><input class="value form-control form-control-local-sm" data-tag="rgb-g"><input class="value form-control form-control-local-sm" data-tag="rgb-b"></div></div><div class="config g-2" data-tag="hsl"><div class="w-100"><div class="label-group"><span>Hue</span></div><input class="ldrs sm auto" data-tag="hsl-h"><div class="label-group"><span>Saturation</span></div><input class="ldrs sm auto" data-tag="hsl-s"><div class="label-group"><span>Luminance</span></div><input class="ldrs sm auto" data-tag="hsl-l"></div><div class="w-50"><input class="value form-control form-control-local-sm" data-tag="hsl-h"><input class="value form-control form-control-local-sm" data-tag="hsl-s"><input class="value form-control form-control-local-sm" data-tag="hsl-l"></div></div><div class="config g-2" data-tag="hcl"><div class="w-100"><div class="label-group"><span>Hue</span></div><input class="ldrs sm auto" data-tag="hcl-h"><div class="label-group"><span>Chroma</span></div><input class="ldrs sm auto" data-tag="hcl-c"><div class="label-group"><span>Luminance</span></div><input class="ldrs sm auto" data-tag="hcl-l"></div><div class="w-50"><input class="value form-control form-control-local-sm" data-tag="hcl-h"><input class="value form-control form-control-local-sm" data-tag="hcl-c"><input class="value form-control form-control-local-sm" data-tag="hcl-l"></div></div></div></div><div class="my-2"><input class="form-control form-control-local-sm" data-tag="tag" placeholder="Comma separated tags for this color"></div></div></div><div class="foot"><hr class="mt-0 mb-3"><div class="d-flex g-1 flex-wrap"><div class="d-flex g-1 flex-grow-1"><div class="btn btn-outline-secondary flex-grow-1" data-action="undo"><span t="undo"></span> <i class="i-undo"></i></div><div class="btn btn-outline-secondary flex-grow-1" data-action="paste"><span t="paste"></span></div></div><div class="d-none d-md-block" style="flex:10 0 auto"></div><div class="d-flex g-1 flex-grow-1"><div class="btn btn-primary flex-grow-1" data-action="use"><span t="use this palette"></span></div><div class="btn btn-outline-secondary ld-ext-right flex-grow-1" data-action="save"><span t="save as asset"></span><div class="ld ldld ldbtn sm"></div></div></div></div></div></div></div></div></div></div></div></div><script type="@plotdb/block">module.exports={pkg:{extend:{name:"@plotdb/konfig",version:"main",path:"palette",dom:"overwrite"}}};</script></div>

dist/konfig.widget.bootstrap.js

@@ -1 +1 @@
-<div><div plug="config"><textarea class="form-control" rows="1" ld="input" aria-label="paragraph"></textarea><div class="ldcv" ld="ldcv"><div class="base" ld="panel"><div class="inner"><div class="p-2"><textarea class="form-control" ld="textarea" rows="3" aria-label="paragraph"></textarea></div><div class="px-2 pb-2 text-right"><div class="btn btn-sm btn-outline-secondary" data-ldcv-set="">Cancel</div><div class="btn btn-sm btn-primary ml-2" data-ldcv-set="ok">OK</div></div></div></div></div></div><style type="text/css">textarea[ld=input]{resize:none}.ldcv{position:absolute}.ldcv:before{background:rgba(0,0,0,0.1)}.ldcv:after{display:none}.ldcv .base{position:absolute}.form-control{font-size:1em}</style><script type="@plotdb/block">module.exports={pkg:{extend:{name:"@plotdb/konfig",version:"main",path:"paragraph",dom:"overwrite"}}};</script></div>
+<div><div plug="config"><textarea class="form-control" rows="1" ld="input" aria-label="paragraph"></textarea><div class="ldcv mini" ld="ldcv" style="position:absolute"><div class="base" ld="panel"><div class="inner"><div class="p-2"><textarea class="form-control" ld="textarea" rows="3" aria-label="paragraph"></textarea></div><div class="px-2 pb-2 text-right"><div class="btn btn-sm btn-outline-secondary" data-ldcv-set="">Cancel</div><div class="btn btn-sm btn-primary ml-2" data-ldcv-set="ok">OK</div></div></div></div></div></div><script type="@plotdb/block">module.exports={pkg:{extend:{name:"@plotdb/konfig",version:"main",path:"paragraph",dom:"overwrite"}}};</script></div>

dist/konfig.widget.bootstrap.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,a,r,i,u,o,d;e=t.root,n=t.context,a=t.data,r=t.pubsub;i={default:a["default"]||"",data:a["default"]||""};u=n.ldview,o=n.ldcover;r.fire("init",{get:function(){return i.data||""},set:function(t,e){var n;e==null&&(e={});n=i.data!==(t||"")&&!e.passive;i.data=t||"";if(n){r.fire("event","change",i.data)}return d.render()},default:function(){return i["default"]},meta:function(t){return i["default"]=t["default"]}});return d=new u({root:e,init:{ldcv:function(t){var e;e=t.node;return i.ldcv=new o({root:e})}},handler:{panel:function(t){var e;e=t.node},input:function(t){var e;e=t.node;return e.value=i.data||""},textarea:function(t){var e;e=t.node;return e.value=i.data||""}},action:{click:{input:function(t){var e,n,a;e=t.node;n=d.get("input").getBoundingClientRect();a=d.get("panel").getBoundingClientRect();import$(d.get("panel").style,{width:n.width+"px",left:n.left+"px",top:n.top+"px"});return i.ldcv.get().then(function(t){var e;if(t!=="ok"){return}e=d.get("textarea").value;if(i.data!==e){r.fire("event","change",e)}i.data=e;return d.render()})}}}})}};function import$(t,e){var n={}.hasOwnProperty;for(var a in e)if(n.call(e,a))t[a]=e[a];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,a,f,c,r,i,v;e=t.root,n=t.context,a=t.data,f=t.pubsub;c={default:a["default"]||"",data:a["default"]||""};r=n.ldview,i=n.ldcover;f.fire("init",{get:function(){return c.data||""},set:function(t,e){var n;e==null&&(e={});n=c.data!==(t||"")&&!e.passive;c.data=t||"";if(n){f.fire("event","change",c.data)}return v.render()},default:function(){return c["default"]},meta:function(t){return c["default"]=t["default"]}});return v=new r({root:e,init:{ldcv:function(t){var e;e=t.node;c.ldcv=new i({root:e,resident:false,inPlace:false});return c.ldcv.on("toggled.on",function(){return v.get("textarea").focus()})}},handler:{panel:function(t){var e;e=t.node},input:function(t){var e;e=t.node;return e.value=c.data||""},textarea:function(t){var e;e=t.node;return e.value=c.data||""}},action:{click:{input:function(t){var e,n,a,r,i,d,o,u,l;e=t.node;n=v.get("input").getBoundingClientRect();a=v.get("panel").getBoundingClientRect();r=(i=window.innerWidth-(n.left+n.width))<(d=n.width/2)?i:d;o=(i=n.left)<(d=n.width/2)?i:d;u=n.left-o;l=n.width+r+o;import$(v.get("ldcv").style,{left:u+"px",top:n.top+"px"});import$(v.get("panel").style,{width:l+"px"});return c.ldcv.get().then(function(t){var e;if(t!=="ok"){return}e=v.get("textarea").value;if(c.data!==e){f.fire("event","change",e)}c.data=e;return v.render()})}}}})}};function import$(t,e){var n={}.hasOwnProperty;for(var a in e)if(n.call(e,a))t[a]=e[a];return t}</script></div>