- fix bug: check-limited doesn't work for initial value in number and choice widgets

 - bump version

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Change Logs
 
+## v4.9.24
+
+ - fix bug: `check-limited` doesn't work for initial value in `number` and `choice` widgets
+
+
 ## v4.9.23
 
  - detacth controls when clear rebuilding all controls

dist/choice/index.html

@@ -1 +1 @@
-<div><script type="@plotdb/block">module.exports={pkg:{extend:{name:"@plotdb/konfig",version:"main",path:"base"},dependencies:[]},init:function(e){var t,n,i,r,a,u,l,o,f,c=this;t=e.root,n=e.context,i=e.data,r=e.pubsub;this._meta={};a=function(e){return c._meta=JSON.parse(JSON.stringify(e))};a(i);u=n.ldview;l=function(){var e;e=o();return t.classList.toggle("limited",e)};o=function(){if(c._meta.disableLimit){return false}if(c._meta.limit==null||c._meta.limit===false){return false}return!in$(f.get("select").value,c._meta.limit)};r.fire("init",{get:function(){return f.get("select").value},set:function(e,t){var n;t==null&&(t={});n=f.get("select").value!==e&&!t.passive;f.get("select").value=e;if(n){return r.fire("event","change",e)}},default:function(){return c._meta["default"]},meta:function(e){return a(e)},limited:function(){return o()}});f=new u({root:t,action:{change:{select:function(e){var t;t=e.node;l();return r.fire("event","change",t.value)}}},handler:{select:function(e){var t;t=e.node;return t.setAttribute("aria-label",c._meta.name||"generic")},option:{list:function(){return c._meta.values},key:function(e){return e},init:function(e){var t,n,i;t=e.node,n=e.data;i=typeof n==="object"?n.value:n;if(c._meta["default"]===i){return t.setAttribute("selected","selected")}},handler:function(e){var t,n,i,r,a;t=e.node,n=e.data;i=typeof n==="object"?n:{value:n,name:n},r=i.value,a=i.name;t.setAttribute("value",r);return t.textContent=a}}}});return f.init().then(function(){return l()})}};function in$(e,t){var n=-1,i=t.length>>>0;while(++n<i)if(e===t[n])return true;return false}</script></div>
+<div><script type="@plotdb/block">module.exports={pkg:{extend:{name:"@plotdb/konfig",version:"main",path:"base"},dependencies:[]},init:function(e){var t,n,i,r,a,u,l,o,f,c=this;t=e.root,n=e.context,i=e.data,r=e.pubsub;this._meta={};a=n.ldview;u=function(){var e;e=l();return t.classList.toggle("limited",e)};l=function(){if(c._meta.disableLimit){return false}if(c._meta.limit==null||c._meta.limit===false){return false}return typeof f!="undefined"&&f!==null?!in$(f.get("select").value,c._meta.limit):false};o=function(e){c._meta=JSON.parse(JSON.stringify(e));return u()};o(i);r.fire("init",{get:function(){return f.get("select").value},set:function(e,t){var n;t==null&&(t={});n=f.get("select").value!==e&&!t.passive;f.get("select").value=e;if(n){r.fire("event","change",e)}return u()},default:function(){return c._meta["default"]},meta:function(e){return o(e)},limited:function(){return l()}});f=new a({root:t,action:{change:{select:function(e){var t;t=e.node;u();return r.fire("event","change",t.value)}}},handler:{select:function(e){var t;t=e.node;return t.setAttribute("aria-label",c._meta.name||"generic")},option:{list:function(){return c._meta.values},key:function(e){return e},init:function(e){var t,n,i;t=e.node,n=e.data;i=typeof n==="object"?n.value:n;if(c._meta["default"]===i){return t.setAttribute("selected","selected")}},handler:function(e){var t,n,i,r,a;t=e.node,n=e.data;i=typeof n==="object"?n:{value:n,name:n},r=i.value,a=i.name;t.setAttribute("value",r);return t.textContent=a}}}});return f.init().then(function(){return u()})}};function in$(e,t){var n=-1,i=t.length>>>0;while(++n<i)if(e===t[n])return true;return false}</script></div>

dist/index.js

@@ -1 +1 @@
-<div><script type="@plotdb/block">module.exports={pkg:{extend:{name:"@plotdb/konfig",version:"main",path:"base"},dependencies:[{name:"ldslider",version:"main",path:"index.min.css"},{name:"ldslider",version:"main",path:"index.min.js"}]},init:function(t){var e,n,i,r,l,a,u,o,f,d,s,m,c,p=this;e=t.root,n=t.context,i=t.data,r=t.pubsub;l=n.ldview,a=n.ldslider;u={};this._meta={};o=function(){var t;if(!u.ldrs){return}t=Object.fromEntries(["min","max","step","from","to","exp","limitMin","limitMax","range","label"].map(function(t){return[t,p._meta[t]]}).filter(function(t){return t[1]!=null}));if(!s()){delete t.limitMin;delete t.limitMax}return u.ldrs.setConfig(t)};f=function(t){if(t.from!=null){console.warn("[@plotdb/konfig] ctrl should use `default` for default value.\nplease update your config to comply with it.")}if(t["default"]!=null){if(typeof t["default"]==="object"){import$(t,t["default"])}else if(typeof t["default"]==="number"){t.from=t["default"]}}p._meta=JSON.parse(JSON.stringify(t));return o()};d=function(){return e.classList.toggle("limited",m())};s=function(){return!p._meta.disableLimit&&!!(p._meta.limitMax!=null||p._meta.limitMin!=null)};m=function(){var t;if(!s()){return false}t=u.ldrs.get();return p._meta.limitMax!=null&&t>p._meta.limitMax||p._meta.limitMin!=null&&t<=p._meta.limitMin};r.fire("init",{get:function(){return u.ldrs.get()},set:function(t,e){var n;e==null&&(e={});n=u.ldrs.get()!==t&&!e.passive;u.ldrs.set(t);if(n){return r.fire("event","change",t)}},default:function(){return p._meta["default"]},meta:function(t){return f(t)},limited:function(){return m()},render:function(){return u.ldrs.update()}});f(i);return c=new l({root:e,action:{click:{switch:function(){return u.ldrs.edit()}}},init:{ldrs:function(t){var e;e=t.node;u.root=e;u.ldrs=new a({root:e});o();u.ldrs.on("change",function(t){d();return r.fire("event","change",t)});return d()}}})}};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:[{name:"ldslider",version:"main",path:"index.min.css"},{name:"ldslider",version:"main",path:"index.min.js"}]},init:function(t){var e,n,i,r,l,a,u,o,f,d,s,m,c,p=this;e=t.root,n=t.context,i=t.data,r=t.pubsub;l=n.ldview,a=n.ldslider;u={};this._meta={};o=function(){var t;if(!u.ldrs){return}t=Object.fromEntries(["min","max","step","from","to","exp","limitMin","limitMax","range","label"].map(function(t){return[t,p._meta[t]]}).filter(function(t){return t[1]!=null}));if(!s()){delete t.limitMin;delete t.limitMax}return u.ldrs.setConfig(t)};f=function(t){if(t.from!=null){console.warn("[@plotdb/konfig] ctrl should use `default` for default value.\nplease update your config to comply with it.")}if(t["default"]!=null){if(typeof t["default"]==="object"){import$(t,t["default"])}else if(typeof t["default"]==="number"){t.from=t["default"]}}p._meta=JSON.parse(JSON.stringify(t));return o()};d=function(){return e.classList.toggle("limited",m())};s=function(){return!p._meta.disableLimit&&!!(p._meta.limitMax!=null||p._meta.limitMin!=null)};m=function(){var t;if(!s()){return false}t=u.ldrs.get();return p._meta.limitMax!=null&&t>p._meta.limitMax||p._meta.limitMin!=null&&t<=p._meta.limitMin};r.fire("init",{get:function(){return u.ldrs.get()},set:function(t,e){var n;e==null&&(e={});n=u.ldrs.get()!==t&&!e.passive;u.ldrs.set(t);if(n){r.fire("event","change",t)}return d()},default:function(){return p._meta["default"]},meta:function(t){return f(t)},limited:function(){return m()},render:function(){return u.ldrs.update()}});f(i);return c=new l({root:e,action:{click:{switch:function(){return u.ldrs.edit()}}},init:{ldrs:function(t){var e;e=t.node;u.root=e;u.ldrs=new a({root:e});o();u.ldrs.on("change",function(t){d();return r.fire("event","change",t)});return d()}}})}};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><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="float-right"><div class="btn btn-primary mr-2" 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 class="btn btn-outline-secondary" data-action="undo"><span t="undo"></span> <i class="i-undo"></i></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 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>