simplyflow 0.3.2 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/simply.flow.js +33 -16
- package/dist/simply.flow.min.js +1 -1
- package/dist/simply.flow.min.js.map +3 -3
- package/package.json +1 -1
- package/src/bind.mjs +40 -17
package/dist/simply.flow.js
CHANGED
|
@@ -431,10 +431,14 @@
|
|
|
431
431
|
*/
|
|
432
432
|
constructor(options) {
|
|
433
433
|
this.bindings = /* @__PURE__ */ new Map();
|
|
434
|
+
const standardTransformers = {
|
|
435
|
+
escape_html,
|
|
436
|
+
fixed_content
|
|
437
|
+
};
|
|
434
438
|
const defaultOptions = {
|
|
435
439
|
container: document.body,
|
|
436
440
|
attribute: "data-bind",
|
|
437
|
-
transformers:
|
|
441
|
+
transformers: standardTransformers,
|
|
438
442
|
defaultTransformers: {
|
|
439
443
|
field: [defaultFieldTransformer],
|
|
440
444
|
list: [defaultListTransformer],
|
|
@@ -445,9 +449,11 @@
|
|
|
445
449
|
throw new Error("bind needs at least options.root set");
|
|
446
450
|
}
|
|
447
451
|
this.options = Object.assign({}, defaultOptions, options);
|
|
452
|
+
if (options.transformers) {
|
|
453
|
+
this.options.transformers = Object.assign({}, standardTransformers, options?.transformers);
|
|
454
|
+
}
|
|
448
455
|
const attribute = this.options.attribute;
|
|
449
456
|
const bindAttributes = [attribute + "-field", attribute + "-list", attribute + "-map"];
|
|
450
|
-
const bindSelector = `[${attribute}-field],[${attribute}-list],[${attribute}-map]`;
|
|
451
457
|
const transformAttribute = attribute + "-transform";
|
|
452
458
|
const getBindingAttribute = (el) => {
|
|
453
459
|
const foundAttribute = bindAttributes.find((attr2) => el.hasAttribute(attr2));
|
|
@@ -684,8 +690,10 @@
|
|
|
684
690
|
}
|
|
685
691
|
function untrack(el, path) {
|
|
686
692
|
let list = tracking.get(path);
|
|
687
|
-
|
|
688
|
-
|
|
693
|
+
if (list) {
|
|
694
|
+
list = list.filter((context) => context.element == el);
|
|
695
|
+
tracking.set(path, list);
|
|
696
|
+
}
|
|
689
697
|
}
|
|
690
698
|
function matchValue(a, b) {
|
|
691
699
|
if (a == ":empty" && !b) {
|
|
@@ -722,10 +730,6 @@
|
|
|
722
730
|
function defaultFieldTransformer(context) {
|
|
723
731
|
const el = context.element;
|
|
724
732
|
const templates = context.templates;
|
|
725
|
-
const templatesCount = templates.length;
|
|
726
|
-
const path = context.path;
|
|
727
|
-
const value = context.value;
|
|
728
|
-
const attribute = this.options.attribute;
|
|
729
733
|
if (templates?.length) {
|
|
730
734
|
transformLiteralByTemplates.call(this, context);
|
|
731
735
|
} else {
|
|
@@ -743,7 +747,7 @@
|
|
|
743
747
|
transformAnchor.call(this, context);
|
|
744
748
|
break;
|
|
745
749
|
case "IMG":
|
|
746
|
-
transformImage.call(this,
|
|
750
|
+
transformImage.call(this, context);
|
|
747
751
|
break;
|
|
748
752
|
case "IFRAME":
|
|
749
753
|
transformIframe.call(this, context);
|
|
@@ -763,10 +767,8 @@
|
|
|
763
767
|
function defaultListTransformer(context) {
|
|
764
768
|
const el = context.element;
|
|
765
769
|
const templates = context.templates;
|
|
766
|
-
const templatesCount = templates.length;
|
|
767
770
|
const path = context.path;
|
|
768
771
|
const value = context.value;
|
|
769
|
-
const attribute = this.options.attribute;
|
|
770
772
|
if (!Array.isArray(value)) {
|
|
771
773
|
console.error("Value is not an array.", el, path, value);
|
|
772
774
|
} else if (!templates?.length) {
|
|
@@ -779,10 +781,8 @@
|
|
|
779
781
|
function defaultMapTransformer(context) {
|
|
780
782
|
const el = context.element;
|
|
781
783
|
const templates = context.templates;
|
|
782
|
-
const templatesCount = templates.length;
|
|
783
784
|
const path = context.path;
|
|
784
785
|
const value = context.value;
|
|
785
|
-
const attribute = this.options.attribute;
|
|
786
786
|
if (typeof value != "object") {
|
|
787
787
|
console.error("Value is not an object.", el, path, value);
|
|
788
788
|
} else if (!templates?.length) {
|
|
@@ -795,7 +795,6 @@
|
|
|
795
795
|
function transformArrayByTemplates(context) {
|
|
796
796
|
const el = context.element;
|
|
797
797
|
const templates = context.templates;
|
|
798
|
-
const templatesCount = templates.length;
|
|
799
798
|
const path = context.path;
|
|
800
799
|
const value = context.value;
|
|
801
800
|
const attribute = this.options.attribute;
|
|
@@ -859,8 +858,6 @@
|
|
|
859
858
|
function transformObjectByTemplates(context) {
|
|
860
859
|
const el = context.element;
|
|
861
860
|
const templates = context.templates;
|
|
862
|
-
const templatesCount = templates.length;
|
|
863
|
-
const path = context.path;
|
|
864
861
|
const value = context.value;
|
|
865
862
|
const attribute = this.options.attribute;
|
|
866
863
|
context.list = value;
|
|
@@ -1065,6 +1062,26 @@
|
|
|
1065
1062
|
}
|
|
1066
1063
|
}
|
|
1067
1064
|
}
|
|
1065
|
+
function escape_html(context, next) {
|
|
1066
|
+
let content = context.value.innerHTML;
|
|
1067
|
+
if (typeof context.value == "string") {
|
|
1068
|
+
content = context.value;
|
|
1069
|
+
context.value = { innerHTML: content };
|
|
1070
|
+
}
|
|
1071
|
+
if (content) {
|
|
1072
|
+
content = content.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'");
|
|
1073
|
+
context.value.innerHTML = content;
|
|
1074
|
+
}
|
|
1075
|
+
next(context);
|
|
1076
|
+
}
|
|
1077
|
+
function fixed_content(context, next) {
|
|
1078
|
+
if (typeof context.value == "string") {
|
|
1079
|
+
context.value = {};
|
|
1080
|
+
} else {
|
|
1081
|
+
delete context.value.innerHTML;
|
|
1082
|
+
}
|
|
1083
|
+
next(context);
|
|
1084
|
+
}
|
|
1068
1085
|
|
|
1069
1086
|
// src/model.mjs
|
|
1070
1087
|
var model_exports = {};
|
package/dist/simply.flow.min.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{var ne=Object.defineProperty;var D=(e,t)=>{for(var n in t)ne(e,n,{get:t[n],enumerable:!0})};var F={};D(F,{batch:()=>H,clockEffect:()=>X,destroy:()=>q,effect:()=>Q,signal:()=>T,throttledEffect:()=>w,trace:()=>re,untracked:()=>oe});var R=Symbol("iterate");Symbol.xRay||(Symbol.xRay=Symbol("xRay"));Symbol.Signal||(Symbol.Signal=Symbol("Signal"));var ie={get:(e,t,n)=>{if(t===Symbol.xRay)return e;if(t===Symbol.Signal)return!0;let i=e?.[t];return z(n,t),typeof i=="function"?Array.isArray(e)?(...r)=>{let s=e.length,l=i.apply(n,r);return s!=e.length&&v(n,A("length",{was:s,now:e.length})),l}:e instanceof Set||e instanceof Map?(...r)=>{let s=e.size,l=i.apply(e,r);return s!=e.size&&v(n,A("size",{was:s,now:e.size})),["set","add","clear","delete"].includes(t)&&v(n,A({entries:{},forEach:{},has:{},keys:{},values:{},[Symbol.iterator]:{}})),l}:e instanceof HTMLElement||e instanceof Number||e instanceof String||e instanceof Boolean?i.bind(e):i.bind(n):i&&typeof i=="object"?T(i):i},set:(e,t,n,i)=>{n=n?.[Symbol.xRay]||n;let r=e[t];return r!==n&&(e[t]=n,v(i,A(t,{was:r,now:n}))),typeof r>"u"&&v(i,A(R,{})),!0},has:(e,t)=>{let n=b.get(e);return n&&z(n,t),Object.hasOwn(e,t)},deleteProperty:(e,t)=>{if(typeof e[t]<"u"){let n=e[t];delete e[t];let i=b.get(e);v(i,A(t,{delete:!0,was:n}))}return!0},defineProperty:(e,t,n)=>{if(typeof e[t]>"u"){let i=b.get(e);v(i,A(R,{}))}return Object.defineProperty(e,t,n)},ownKeys:e=>{let t=b.get(e);return z(t,R),Reflect.ownKeys(e)}},b=new WeakMap;function T(e){if(e[Symbol.Signal]){let t=e[Symbol.xRay];b.has(t)||b.set(t,e),e=t}else b.has(e)||b.set(e,new Proxy(e,ie));return b.get(e)}function re(e,t){return J(e,t).map(i=>({effect:i.effectType,fn:i.effectFunction,signal:b.get(i.effectFunction)}))}var P=new Set,M=0;function v(e,t={}){let n=[];if(t.forEach((i,r)=>{let s=J(e,r);if(s?.length){for(let l of s)se(l,A(r,i));n=n.concat(s)}}),n=new Set(n.filter(Boolean)),n)if(M)P=P.union(n);else{let i=m[m.length-1];for(let r of Array.from(n))r!=i&&r?.needsUpdate&&r(),x(r)}}function A(e,t){let n=new Map;if(typeof e=="object")for(let i in e)n.set(i,e[i]);else n.set(e,t);return n}function se(e,t){e.context?t.forEach((n,i)=>{e.context.set(i,n)}):e.context=t,e.needsUpdate=!0}function x(e){delete e.context,delete e.needsUpdate}function z(e,t){let n=m[m.length-1];n&&le(e,t,n)}var B=new WeakMap,j=new WeakMap;function J(e,t){let n=B.get(e);return n?Array.from(n.get(t)||[]):[]}function le(e,t,n){B.has(e)||B.set(e,new Map);let i=B.get(e);i.has(t)||i.set(t,new Set),i.get(t).add(n),j.has(n)||j.set(n,new Map);let r=j.get(n);r.has(t)||r.set(t,new Set),r.get(t).add(e)}function L(e){let t=j.get(e);t&&t.forEach(n=>{n.forEach(i=>{let r=B.get(i);r.has(n)&&r.get(n).delete(e)})})}var m=[],$=[],N=new WeakMap,S=[];function Q(e){if($.findIndex(i=>e==i)!==-1)throw new Error("Recursive update() call",{cause:e});$.push(e);let t=b.get(e);t||(t=T({current:null}),b.set(e,t));let n=function i(){if(S.findIndex(s=>s==t)!==-1)throw new Error("Cyclical dependency in update() call",{cause:e});L(i),i.effectFunction=e,i.effectType=Q,m.push(i),S.push(t);let r;try{r=e(i,m,S)}finally{m.pop(),S.pop(),r instanceof Promise?r.then(s=>{t.current=s}):t.current=r}};return n.fn=e,N.set(t,n),n(),t}function q(e){let t=N.get(e)?.deref();if(!t)return;L(t);let n=t.fn;b.remove(n),N.delete(e)}function H(e){M++;let t;try{t=e()}finally{t instanceof Promise?t.then(()=>{M--,M||G()}):(M--,M||G())}return t}function G(){let e=Array.from(P);P=new Set;let t=m[m.length-1];for(let n of e)n!=t&&n?.needsUpdate&&n(),x(n)}function w(e,t){if($.findIndex(l=>e==l)!==-1)throw new Error("Recursive update() call",{cause:e});$.push(e);let n=b.get(e);n||(n=T({current:null}),b.set(e,n));let i=!1,r=!0;return function l(){if(S.findIndex(f=>f==n)!==-1)throw new Error("Cyclical dependency in update() call",{cause:e});if(i&&i>Date.now()){r=!0;return}L(l),l.effectFunction=e,l.effectType=w,m.push(l),S.push(n);let a;try{a=e(l,m,S)}finally{r=!1,m.pop(),S.pop(),a instanceof Promise?a.then(f=>{n.current=f}):n.current=a}i=Date.now()+t,globalThis.setTimeout(()=>{r&&l()},t)}(),n}function X(e,t){let n=b.get(e);n||(n=T({current:null}),b.set(e,n));let i=-1,r=!0;return function l(){if(i<t.time)if(r){L(l),l.effectFunction=e,l.effectType=X,m.push(l),i=t.time;let a;try{a=e(l,m)}finally{m.pop(),a instanceof Promise?a.then(f=>{n.current=f}):n.current=a,r=!1}}else i=t.time;else r=!0}(),n}function oe(e){let t=m.slice();m=[];try{return e()}finally{m=t}}var V=class{constructor(t){this.bindings=new Map;let n={container:document.body,attribute:"data-bind",transformers:{},defaultTransformers:{field:[ue],list:[ce],map:[pe]}};if(!t?.root)throw new Error("bind needs at least options.root set");this.options=Object.assign({},n,t);let i=this.options.attribute,r=[i+"-field",i+"-list",i+"-map"],s=`[${i}-field],[${i}-list],[${i}-map]`,l=i+"-transform",a=o=>{let u=r.find(d=>o.hasAttribute(d));return u||console.error("No matching attribute found",o,attr),u},f=o=>{this.bindings.set(o,w(()=>{if(!o.isConnected){fe(o,this.getBindingPath(o)),q(this.bindings.get(o));return}let u={templates:o.querySelectorAll(":scope > template"),attribute:a(o)};u.path=this.getBindingPath(o),u.value=U(this.options.root,u.path),u.element=o,ae(o,u),p(u)},50))},p=o=>{let u;switch(o.attribute){case this.options.attribute+"-field":u=Array.from(this.options.defaultTransformers.field);break;case this.options.attribute+"-list":u=Array.from(this.options.defaultTransformers.list);break;case this.options.attribute+"-map":u=Array.from(this.options.defaultTransformers.map);break}o.element.hasAttribute(l)&&o.element.getAttribute(l).split(" ").filter(Boolean).forEach(g=>{this.options.transformers[g]?u.push(this.options.transformers[g]):console.warn("No transformer with name "+g+" configured",{cause:o.element})});let d;for(let g of u)d=((C,ee)=>te=>ee.call(this,te,C))(d,g);d(o)},c=o=>{for(let u of o)this.bindings.get(u)||f(u)},h=o=>{let u=`[${i}-field],[${i}-list],[${i}-map]`;for(let d of o)if(d.type=="childList"&&d.addedNodes){for(let g of d.addedNodes)if(g instanceof HTMLElement){let C=Array.from(g.querySelectorAll(u));g.matches(u)&&C.unshift(g),C.length&&c(C)}}};this.observer=new MutationObserver(o=>{h(o)}),this.observer.observe(this.options.container,{subtree:!0,childList:!0});let y=this.options.container.querySelectorAll(":is(["+this.options.attribute+"-field],["+this.options.attribute+"-list],["+this.options.attribute+"-map]):not(template)");y.length&&c(y)}applyTemplate(t){let n=t.path,i=t.templates,r=t.list,s=t.index,l=t.parent,a=r?r[s]:t.value,f=this.findTemplate(i,a);if(!f){let o=new DocumentFragment;return o.innerHTML="<!-- no matching template -->",o}let p=f.content.cloneNode(!0);if(!p.children?.length)return p;if(p.children.length>1)throw new Error("template must contain a single root node",{cause:f});let c=this.options.attribute,h=[c+"-field",c+"-list",c+"-map"],y=p.querySelectorAll(`[${c}-field],[${c}-list],[${c}-map]`);for(let o of y){let u=h.find(g=>o.hasAttribute(g)),d=o.getAttribute(u);d.substring(0,6)==":root."?o.setAttribute(u,d.substring(6)):d==":value"&&s!=null?o.setAttribute(u,n+"."+s):s!=null?o.setAttribute(u,n+"."+s+"."+d):o.setAttribute(u,l+"."+d)}return typeof s<"u"&&p.children[0].setAttribute(c+"-key",s),Object.defineProperty(p.children[0],"$bindTemplate",{value:f,enumerable:!1,writable:!0,configurable:!0}),p}getBindingPath(t){let n=[this.options.attribute+"-field",this.options.attribute+"-list",this.options.attribute+"-map"];for(let i of n)if(t.hasAttribute(i))return t.getAttribute(i)}findTemplate(t,n){let i=l=>{let a=this.getBindingPath(l),f;a?a.substr(0,6)==":root."?f=U(this.options.root,a):f=U(n,a):f=n;let p=""+f,c=l.getAttribute(this.options.attribute+"-match");if(c){if(c===":empty"&&!f)return l;if(c===":notempty"&&f||p.match(c))return l}if(!c&&f!==null&&f!==void 0)return l},r=Array.from(t).find(i),s=r?.getAttribute("rel");if(s){let l=document.querySelector("template#"+s);if(!l)throw new Error("Could not find template with id "+s);r=l}return r}destroy(){this.bindings.forEach(t=>{q(t)}),this.bindings=new Map,this.observer.disconnect()}};function Z(e){return new V(e)}var O=new Map;function ae(e,t){O.has(t.path)?O.get(t.path).push(t):O.set(t.path,[t])}function fe(e,t){let n=O.get(t);n=n.filter(i=>i.element==e),O.set(t,n)}function I(e,t){return e==":empty"&&!t||t==":empty"&&!e||""+e==""+t}function U(e,t){let n=t.split("."),i=e,r,s;for(;n.length&&i;){if(r=n.shift(),r==":key")return s;if(r==":value")return i;r==":root"?i=e:(r=decodeURIComponent(r),i=i[r],s=r)}return i}function ue(e){let t=e.element,n=e.templates,i=n.length,r=e.path,s=e.value,l=this.options.attribute;if(n?.length)be.call(this,e);else switch(t.tagName){case"INPUT":ge.call(this,e);break;case"BUTTON":ye.call(this,e);break;case"SELECT":_.call(this,e);break;case"A":Ae.call(this,e);break;case"IMG":Se.call(this,contet);break;case"IFRAME":Te.call(this,e);break;case"META":ve.call(this,e);break;case"TEMPLATE":break;default:E.call(this,e);break}return e}function ce(e){let t=e.element,n=e.templates,i=n.length,r=e.path,s=e.value,l=this.options.attribute;return Array.isArray(s)?n?.length?he.call(this,e):console.error("No templates found in",t):console.error("Value is not an array.",t,r,s),e}function pe(e){let t=e.element,n=e.templates,i=n.length,r=e.path,s=e.value,l=this.options.attribute;return typeof s!="object"?console.error("Value is not an object.",t,r,s):n?.length?de.call(this,e):console.error("No templates found in",t),e}function he(e){let t=e.element,n=e.templates,i=n.length,r=e.path,s=e.value,l=this.options.attribute,a=t.querySelectorAll(":scope > ["+l+"-key]"),f=0,p=0;e.list=s;for(let h of a){let y=parseInt(h.getAttribute(l+"-key"));if(y>f)e.index=f,t.insertBefore(this.applyTemplate(e),h);else if(y<f)h.remove();else{let o=Array.from(h.querySelectorAll(`[${l}]`));h.matches(`[${l}]`)&&o.unshift(h);let u=o.find(d=>{let g=d.getAttribute(l);return g.substr(0,5)!==":root"&&g.substr(0,r.length)!==r});if(!u&&h.$bindTemplate){let d=this.findTemplate(n,s[f]);d!=h.$bindTemplate&&(u=!0,d||p++)}u&&(e.index=f,t.replaceChild(this.applyTemplate(e),h))}if(f++,f>=s.length)break}a=t.querySelectorAll(":scope > ["+l+"-key]");let c=a.length+p;if(c>s.length)for(;c>s.length;)t.querySelectorAll(":scope > :not(template)")?.[c-1]?.remove(),c--;else if(c<s.length)for(;c<s.length;)e.index=c,t.appendChild(this.applyTemplate(e)),c++}function de(e){let t=e.element,n=e.templates,i=n.length,r=e.path,s=e.value,l=this.options.attribute;e.list=s;let a=Array.from(t.querySelectorAll(":scope > ["+l+"-key]"));for(let f in e.list){e.index=f;let p=a.shift();if(!p){let h=this.applyTemplate(e);t.appendChild(h);continue}if(p.getAttribute[l+"-key"]!=f){a.unshift(p);let h=t.querySelector(":scope > ["+l+'-key="'+f+'"]');if(h)t.insertBefore(h,p),p=h,a=a.filter(y=>y!=h);else{let y=this.applyTemplate(e);t.insertBefore(y,p);continue}}if(this.findTemplate(n,s[f])!=p.$bindTemplate){let h=this.applyTemplate(e);t.replaceChild(h,p)}}for(;a.length;)a.shift().remove()}function me(e,t){let n=e.parentElement?.closest(`[${t}-list],[${t}-map]`);return n?n.hasAttribute(`${t}-list`)?n.getAttribute(`${t}-list`):n.getAttribute(`${t}-map`):":root"}function be(e){let t=e.element,n=e.templates,i=e.value,r=this.options.attribute,s=t.querySelector(":scope > :not(template)"),l=this.findTemplate(n,i);if(e.parent=me(t,r),s)if(l){if(s?.$bindTemplate!=l){let a=this.applyTemplate(e);t.replaceChild(a,s)}}else t.removeChild(s);else if(l){let a=this.applyTemplate(e);t.appendChild(a)}}function ge(e){let t=e.element,n=e.value;E(e),typeof n>"u"&&(n=""),t.type=="checkbox"||t.type=="radio"?I(t.value,n)?t.checked=!0:t.checked=!1:I(t.value,n)||(t.value=""+n)}function ye(e){let t=e.element,n=e.value;E(e),k(t,n,"value")}function _(e){let t=e.element,n=e.value;if(n===null&&(n=""),typeof n!="object")if(t.multiple){if(Array.isArray(n))for(let i of t.options)n.indexOf(i.value)===!1?i.selected=!1:i.selected=!0}else{let i=t.options.find(r=>I(r.value,n));i&&(i.selected=!0,i.setAttribute("selected",!0))}else n.options&&we(t,n.options),n.selected&&_(Object.asssign({},e,{value:n.selected})),k(t,n,"name","id","selectedIndex","className")}function Y(e,t){t&&(typeof t!="object"?e.options.add(new Option(""+t)):t.text?e.options.add(new Option(t.text,t.value,t.defaultSelected,t.selected)):typeof t.value<"u"&&e.options.add(new Option(""+t.value,t.value,t.defaultSelected,t.selected)))}function we(e,t){if(e.innerHTML="",Array.isArray(t))for(let n of t)Y(e,n);else if(t&&typeof t=="object")for(let n in t)Y(e,{text:t[n],value:n})}function Ae(e){let t=e.element,n=e.value;E(e),k(t,n,"title","target","href","name","newwindow","nofollow")}function Se(e){let t=e.element,n=e.value;E(e),k(t,n,"title","alt","src")}function Te(e){let t=e.element,n=e.value;E(e),k(t,n,"title","src")}function ve(e){let t=e.element,n=e.value;E(e),k(t,n,"content")}function E(e){let t=e.element,n=e.value;(typeof n>"u"||n==null)&&(n="");let i=""+n;if(typeof n!="object"||i.substring(0,8)!="[object "){t.innerHTML=i;return}k(t,n,"innerHTML","title","id","className")}function k(e,t,...n){if(!(!t||typeof t!="object"))for(let i of n)typeof t[i]>"u"||I(e[i],t[i])||(t[i]===null?e[i]="":e[i]=""+t[i])}var W={};D(W,{columns:()=>Be,filter:()=>Ce,model:()=>Ee,paging:()=>Me,scroll:()=>Oe,sort:()=>ke});var K=class{constructor(t){this.state=T(t),this.state.options||(this.state.options={}),this.effects=[{current:t.data}],this.view=T(t.data)}addEffect(t){let n=this.effects[this.effects.length-1];this.view=t.call(this,n),this.effects.push(this.view)}};function Ee(e){return new K(e)}function ke(e={}){return function(t){return this.state.options.sort=Object.assign({direction:"asc",sortBy:null,sortFn:(n,i)=>{let r=this.state.options.sort,s=r.sortBy;if(!r.sortBy)return 0;let l=r.direction=="asc"?1:-1,a=r.direction=="asc"?-1:1;return typeof n?.[s]>"u"?typeof i?.[s]>"u"?0:l:typeof i?.[s]>"u"||n[s]<i[s]?a:n[s]>i[s]?l:0}},e),w(()=>{let n=this.state.options.sort;return n?.sortBy&&n?.direction?t.current.toSorted(n?.sortFn):t.current},50)}}function Me(e={}){return function(t){return this.state.options.paging=Object.assign({page:1,pageSize:20,max:1},e),w(()=>H(()=>{let n=this.state.options.paging;n.pageSize||(n.pageSize=20),n.max=Math.ceil(this.state.data.length/n.pageSize),n.page=Math.max(1,Math.min(n.max,n.page));let i=(n.page-1)*n.pageSize,r=i+n.pageSize;return t.current.slice(i,r)}),50)}}function Ce(e){if(!e?.name||typeof e.name!="string")throw new Error("filter requires options.name to be a string");if(!e.matches||typeof e.matches!="function")throw new Error("filter requires options.matches to be a function");return function(t){if(this.state.options[e.name])throw new Error("a filter with this name already exists on this model");return this.state.options[e.name]=e,w(()=>this.state.options[e.name].enabled?t.current.filter(this.state.options[e.name].matches.bind(this)):t.current,50)}}function Be(e={}){if(!e||typeof e!="object"||Object.keys(e).length===0)throw new Error("columns requires options to be an object with at least one property");return function(t){return this.state.options.columns=e,w(()=>t.current.map(n=>{let i={};for(let r of Object.keys(this.state.options.columns))this.state.options.columns[r]?.hidden||(i[r]=n[r]);return i}),50)}}function Oe(e){return function(t){this.state.options.scroll=Object.assign({offset:0,rowHeight:26,rowCount:20,itemsPerRow:1,size:t.current.length},e);let n=this.state.options.scroll,i=n.scrollbar||n.container?.querySelector("[data-flow-scrollbar]");return i&&(n.container&&n.container.addEventListener("scroll",r=>{n.offset=Math.floor(n.container.scrollTop/(n.rowHeight*n.itemsPerRow))}),w(()=>{n.size=t.current.length*n.rowHeight,i.style.height=n.size+"px"},50)),w(()=>{n.container&&(n.rowCount=Math.ceil(n.container.getBoundingClientRect().height/n.rowHeight)),n.data=t.current;let r=Math.min(n.offset,t.current.length-1),s=r+n.rowCount;return s>t.current.length&&(s=t.current.length,r=s-n.rowCount),t.current.slice(r,s)},50)}}globalThis.simply||(globalThis.simply={});Object.assign(globalThis.simply,{bind:Z,flow:W,state:F});var Re=globalThis.simply;})();
|
|
1
|
+
(()=>{var ne=Object.defineProperty;var D=(e,t)=>{for(var n in t)ne(e,n,{get:t[n],enumerable:!0})};var F={};D(F,{batch:()=>N,clockEffect:()=>X,destroy:()=>q,effect:()=>Q,signal:()=>T,throttledEffect:()=>b,trace:()=>ie,untracked:()=>oe});var H=Symbol("iterate");Symbol.xRay||(Symbol.xRay=Symbol("xRay"));Symbol.Signal||(Symbol.Signal=Symbol("Signal"));var re={get:(e,t,n)=>{if(t===Symbol.xRay)return e;if(t===Symbol.Signal)return!0;let r=e?.[t];return R(n,t),typeof r=="function"?Array.isArray(e)?(...i)=>{let s=e.length,l=r.apply(n,i);return s!=e.length&&v(n,y("length",{was:s,now:e.length})),l}:e instanceof Set||e instanceof Map?(...i)=>{let s=e.size,l=r.apply(e,i);return s!=e.size&&v(n,y("size",{was:s,now:e.size})),["set","add","clear","delete"].includes(t)&&v(n,y({entries:{},forEach:{},has:{},keys:{},values:{},[Symbol.iterator]:{}})),l}:e instanceof HTMLElement||e instanceof Number||e instanceof String||e instanceof Boolean?r.bind(e):r.bind(n):r&&typeof r=="object"?T(r):r},set:(e,t,n,r)=>{n=n?.[Symbol.xRay]||n;let i=e[t];return i!==n&&(e[t]=n,v(r,y(t,{was:i,now:n}))),typeof i>"u"&&v(r,y(H,{})),!0},has:(e,t)=>{let n=m.get(e);return n&&R(n,t),Object.hasOwn(e,t)},deleteProperty:(e,t)=>{if(typeof e[t]<"u"){let n=e[t];delete e[t];let r=m.get(e);v(r,y(t,{delete:!0,was:n}))}return!0},defineProperty:(e,t,n)=>{if(typeof e[t]>"u"){let r=m.get(e);v(r,y(H,{}))}return Object.defineProperty(e,t,n)},ownKeys:e=>{let t=m.get(e);return R(t,H),Reflect.ownKeys(e)}},m=new WeakMap;function T(e){if(e[Symbol.Signal]){let t=e[Symbol.xRay];m.has(t)||m.set(t,e),e=t}else m.has(e)||m.set(e,new Proxy(e,re));return m.get(e)}function ie(e,t){return J(e,t).map(r=>({effect:r.effectType,fn:r.effectFunction,signal:m.get(r.effectFunction)}))}var L=new Set,M=0;function v(e,t={}){let n=[];if(t.forEach((r,i)=>{let s=J(e,i);if(s?.length){for(let l of s)se(l,y(i,r));n=n.concat(s)}}),n=new Set(n.filter(Boolean)),n)if(M)L=L.union(n);else{let r=d[d.length-1];for(let i of Array.from(n))i!=r&&i?.needsUpdate&&i(),_(i)}}function y(e,t){let n=new Map;if(typeof e=="object")for(let r in e)n.set(r,e[r]);else n.set(e,t);return n}function se(e,t){e.context?t.forEach((n,r)=>{e.context.set(r,n)}):e.context=t,e.needsUpdate=!0}function _(e){delete e.context,delete e.needsUpdate}function R(e,t){let n=d[d.length-1];n&&le(e,t,n)}var O=new WeakMap,C=new WeakMap;function J(e,t){let n=O.get(e);return n?Array.from(n.get(t)||[]):[]}function le(e,t,n){O.has(e)||O.set(e,new Map);let r=O.get(e);r.has(t)||r.set(t,new Set),r.get(t).add(n),C.has(n)||C.set(n,new Map);let i=C.get(n);i.has(t)||i.set(t,new Set),i.get(t).add(e)}function $(e){let t=C.get(e);t&&t.forEach(n=>{n.forEach(r=>{let i=O.get(r);i.has(n)&&i.get(n).delete(e)})})}var d=[],P=[],z=new WeakMap,w=[];function Q(e){if(P.findIndex(r=>e==r)!==-1)throw new Error("Recursive update() call",{cause:e});P.push(e);let t=m.get(e);t||(t=T({current:null}),m.set(e,t));let n=function r(){if(w.findIndex(s=>s==t)!==-1)throw new Error("Cyclical dependency in update() call",{cause:e});$(r),r.effectFunction=e,r.effectType=Q,d.push(r),w.push(t);let i;try{i=e(r,d,w)}finally{d.pop(),w.pop(),i instanceof Promise?i.then(s=>{t.current=s}):t.current=i}};return n.fn=e,z.set(t,n),n(),t}function q(e){let t=z.get(e)?.deref();if(!t)return;$(t);let n=t.fn;m.remove(n),z.delete(e)}function N(e){M++;let t;try{t=e()}finally{t instanceof Promise?t.then(()=>{M--,M||G()}):(M--,M||G())}return t}function G(){let e=Array.from(L);L=new Set;let t=d[d.length-1];for(let n of e)n!=t&&n?.needsUpdate&&n(),_(n)}function b(e,t){if(P.findIndex(l=>e==l)!==-1)throw new Error("Recursive update() call",{cause:e});P.push(e);let n=m.get(e);n||(n=T({current:null}),m.set(e,n));let r=!1,i=!0;return function l(){if(w.findIndex(p=>p==n)!==-1)throw new Error("Cyclical dependency in update() call",{cause:e});if(r&&r>Date.now()){i=!0;return}$(l),l.effectFunction=e,l.effectType=b,d.push(l),w.push(n);let o;try{o=e(l,d,w)}finally{i=!1,d.pop(),w.pop(),o instanceof Promise?o.then(p=>{n.current=p}):n.current=o}r=Date.now()+t,globalThis.setTimeout(()=>{i&&l()},t)}(),n}function X(e,t){let n=m.get(e);n||(n=T({current:null}),m.set(e,n));let r=-1,i=!0;return function l(){if(r<t.time)if(i){$(l),l.effectFunction=e,l.effectType=X,d.push(l),r=t.time;let o;try{o=e(l,d)}finally{d.pop(),o instanceof Promise?o.then(p=>{n.current=p}):n.current=o,i=!1}}else r=t.time;else i=!0}(),n}function oe(e){let t=d.slice();d=[];try{return e()}finally{d=t}}var V=class{constructor(t){this.bindings=new Map;let n={escape_html:Ee,fixed_content:ke},r={container:document.body,attribute:"data-bind",transformers:n,defaultTransformers:{field:[ue],list:[ce],map:[pe]}};if(!t?.root)throw new Error("bind needs at least options.root set");this.options=Object.assign({},r,t),t.transformers&&(this.options.transformers=Object.assign({},n,t?.transformers));let i=this.options.attribute,s=[i+"-field",i+"-list",i+"-map"],l=i+"-transform",o=a=>{let f=s.find(h=>a.hasAttribute(h));return f||console.error("No matching attribute found",a,attr),f},p=a=>{this.bindings.set(a,b(()=>{if(!a.isConnected){fe(a,this.getBindingPath(a)),q(this.bindings.get(a));return}let f={templates:a.querySelectorAll(":scope > template"),attribute:o(a)};f.path=this.getBindingPath(a),f.value=U(this.options.root,f.path),f.element=a,ae(a,f),c(f)},50))},c=a=>{let f;switch(a.attribute){case this.options.attribute+"-field":f=Array.from(this.options.defaultTransformers.field);break;case this.options.attribute+"-list":f=Array.from(this.options.defaultTransformers.list);break;case this.options.attribute+"-map":f=Array.from(this.options.defaultTransformers.map);break}a.element.hasAttribute(l)&&a.element.getAttribute(l).split(" ").filter(Boolean).forEach(g=>{this.options.transformers[g]?f.push(this.options.transformers[g]):console.warn("No transformer with name "+g+" configured",{cause:a.element})});let h;for(let g of f)h=((B,ee)=>te=>ee.call(this,te,B))(h,g);h(a)},u=a=>{for(let f of a)this.bindings.get(f)||p(f)},k=a=>{let f=`[${i}-field],[${i}-list],[${i}-map]`;for(let h of a)if(h.type=="childList"&&h.addedNodes){for(let g of h.addedNodes)if(g instanceof HTMLElement){let B=Array.from(g.querySelectorAll(f));g.matches(f)&&B.unshift(g),B.length&&u(B)}}};this.observer=new MutationObserver(a=>{k(a)}),this.observer.observe(this.options.container,{subtree:!0,childList:!0});let A=this.options.container.querySelectorAll(":is(["+this.options.attribute+"-field],["+this.options.attribute+"-list],["+this.options.attribute+"-map]):not(template)");A.length&&u(A)}applyTemplate(t){let n=t.path,r=t.templates,i=t.list,s=t.index,l=t.parent,o=i?i[s]:t.value,p=this.findTemplate(r,o);if(!p){let a=new DocumentFragment;return a.innerHTML="<!-- no matching template -->",a}let c=p.content.cloneNode(!0);if(!c.children?.length)return c;if(c.children.length>1)throw new Error("template must contain a single root node",{cause:p});let u=this.options.attribute,k=[u+"-field",u+"-list",u+"-map"],A=c.querySelectorAll(`[${u}-field],[${u}-list],[${u}-map]`);for(let a of A){let f=k.find(g=>a.hasAttribute(g)),h=a.getAttribute(f);h.substring(0,6)==":root."?a.setAttribute(f,h.substring(6)):h==":value"&&s!=null?a.setAttribute(f,n+"."+s):s!=null?a.setAttribute(f,n+"."+s+"."+h):a.setAttribute(f,l+"."+h)}return typeof s<"u"&&c.children[0].setAttribute(u+"-key",s),Object.defineProperty(c.children[0],"$bindTemplate",{value:p,enumerable:!1,writable:!0,configurable:!0}),c}getBindingPath(t){let n=[this.options.attribute+"-field",this.options.attribute+"-list",this.options.attribute+"-map"];for(let r of n)if(t.hasAttribute(r))return t.getAttribute(r)}findTemplate(t,n){let r=l=>{let o=this.getBindingPath(l),p;o?o.substr(0,6)==":root."?p=U(this.options.root,o):p=U(n,o):p=n;let c=""+p,u=l.getAttribute(this.options.attribute+"-match");if(u){if(u===":empty"&&!p)return l;if(u===":notempty"&&p||c.match(u))return l}if(!u&&p!==null&&p!==void 0)return l},i=Array.from(t).find(r),s=i?.getAttribute("rel");if(s){let l=document.querySelector("template#"+s);if(!l)throw new Error("Could not find template with id "+s);i=l}return i}destroy(){this.bindings.forEach(t=>{q(t)}),this.bindings=new Map,this.observer.disconnect()}};function Z(e){return new V(e)}var j=new Map;function ae(e,t){j.has(t.path)?j.get(t.path).push(t):j.set(t.path,[t])}function fe(e,t){let n=j.get(t);n&&(n=n.filter(r=>r.element==e),j.set(t,n))}function I(e,t){return e==":empty"&&!t||t==":empty"&&!e||""+e==""+t}function U(e,t){let n=t.split("."),r=e,i,s;for(;n.length&&r;){if(i=n.shift(),i==":key")return s;if(i==":value")return r;i==":root"?r=e:(i=decodeURIComponent(i),r=r[i],s=i)}return r}function ue(e){let t=e.element;if(e.templates?.length)ge.call(this,e);else switch(t.tagName){case"INPUT":be.call(this,e);break;case"BUTTON":ye.call(this,e);break;case"SELECT":x.call(this,e);break;case"A":Te.call(this,e);break;case"IMG":Ae.call(this,e);break;case"IFRAME":ve.call(this,e);break;case"META":Se.call(this,e);break;case"TEMPLATE":break;default:S.call(this,e);break}return e}function ce(e){let t=e.element,n=e.templates,r=e.path,i=e.value;return Array.isArray(i)?n?.length?he.call(this,e):console.error("No templates found in",t):console.error("Value is not an array.",t,r,i),e}function pe(e){let t=e.element,n=e.templates,r=e.path,i=e.value;return typeof i!="object"?console.error("Value is not an object.",t,r,i):n?.length?de.call(this,e):console.error("No templates found in",t),e}function he(e){let t=e.element,n=e.templates,r=e.path,i=e.value,s=this.options.attribute,l=t.querySelectorAll(":scope > ["+s+"-key]"),o=0,p=0;e.list=i;for(let u of l){let k=parseInt(u.getAttribute(s+"-key"));if(k>o)e.index=o,t.insertBefore(this.applyTemplate(e),u);else if(k<o)u.remove();else{let A=Array.from(u.querySelectorAll(`[${s}]`));u.matches(`[${s}]`)&&A.unshift(u);let a=A.find(f=>{let h=f.getAttribute(s);return h.substr(0,5)!==":root"&&h.substr(0,r.length)!==r});if(!a&&u.$bindTemplate){let f=this.findTemplate(n,i[o]);f!=u.$bindTemplate&&(a=!0,f||p++)}a&&(e.index=o,t.replaceChild(this.applyTemplate(e),u))}if(o++,o>=i.length)break}l=t.querySelectorAll(":scope > ["+s+"-key]");let c=l.length+p;if(c>i.length)for(;c>i.length;)t.querySelectorAll(":scope > :not(template)")?.[c-1]?.remove(),c--;else if(c<i.length)for(;c<i.length;)e.index=c,t.appendChild(this.applyTemplate(e)),c++}function de(e){let t=e.element,n=e.templates,r=e.value,i=this.options.attribute;e.list=r;let s=Array.from(t.querySelectorAll(":scope > ["+i+"-key]"));for(let l in e.list){e.index=l;let o=s.shift();if(!o){let c=this.applyTemplate(e);t.appendChild(c);continue}if(o.getAttribute[i+"-key"]!=l){s.unshift(o);let c=t.querySelector(":scope > ["+i+'-key="'+l+'"]');if(c)t.insertBefore(c,o),o=c,s=s.filter(u=>u!=c);else{let u=this.applyTemplate(e);t.insertBefore(u,o);continue}}if(this.findTemplate(n,r[l])!=o.$bindTemplate){let c=this.applyTemplate(e);t.replaceChild(c,o)}}for(;s.length;)s.shift().remove()}function me(e,t){let n=e.parentElement?.closest(`[${t}-list],[${t}-map]`);return n?n.hasAttribute(`${t}-list`)?n.getAttribute(`${t}-list`):n.getAttribute(`${t}-map`):":root"}function ge(e){let t=e.element,n=e.templates,r=e.value,i=this.options.attribute,s=t.querySelector(":scope > :not(template)"),l=this.findTemplate(n,r);if(e.parent=me(t,i),s)if(l){if(s?.$bindTemplate!=l){let o=this.applyTemplate(e);t.replaceChild(o,s)}}else t.removeChild(s);else if(l){let o=this.applyTemplate(e);t.appendChild(o)}}function be(e){let t=e.element,n=e.value;S(e),typeof n>"u"&&(n=""),t.type=="checkbox"||t.type=="radio"?I(t.value,n)?t.checked=!0:t.checked=!1:I(t.value,n)||(t.value=""+n)}function ye(e){let t=e.element,n=e.value;S(e),E(t,n,"value")}function x(e){let t=e.element,n=e.value;if(n===null&&(n=""),typeof n!="object")if(t.multiple){if(Array.isArray(n))for(let r of t.options)n.indexOf(r.value)===!1?r.selected=!1:r.selected=!0}else{let r=t.options.find(i=>I(i.value,n));r&&(r.selected=!0,r.setAttribute("selected",!0))}else n.options&&we(t,n.options),n.selected&&x(Object.asssign({},e,{value:n.selected})),E(t,n,"name","id","selectedIndex","className")}function Y(e,t){t&&(typeof t!="object"?e.options.add(new Option(""+t)):t.text?e.options.add(new Option(t.text,t.value,t.defaultSelected,t.selected)):typeof t.value<"u"&&e.options.add(new Option(""+t.value,t.value,t.defaultSelected,t.selected)))}function we(e,t){if(e.innerHTML="",Array.isArray(t))for(let n of t)Y(e,n);else if(t&&typeof t=="object")for(let n in t)Y(e,{text:t[n],value:n})}function Te(e){let t=e.element,n=e.value;S(e),E(t,n,"title","target","href","name","newwindow","nofollow")}function Ae(e){let t=e.element,n=e.value;S(e),E(t,n,"title","alt","src")}function ve(e){let t=e.element,n=e.value;S(e),E(t,n,"title","src")}function Se(e){let t=e.element,n=e.value;S(e),E(t,n,"content")}function S(e){let t=e.element,n=e.value;(typeof n>"u"||n==null)&&(n="");let r=""+n;if(typeof n!="object"||r.substring(0,8)!="[object "){t.innerHTML=r;return}E(t,n,"innerHTML","title","id","className")}function E(e,t,...n){if(!(!t||typeof t!="object"))for(let r of n)typeof t[r]>"u"||I(e[r],t[r])||(t[r]===null?e[r]="":e[r]=""+t[r])}function Ee(e,t){let n=e.value.innerHTML;typeof e.value=="string"&&(n=e.value,e.value={innerHTML:n}),n&&(n=n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'"),e.value.innerHTML=n),t(e)}function ke(e,t){typeof e.value=="string"?e.value={}:delete e.value.innerHTML,t(e)}var W={};D(W,{columns:()=>Ce,filter:()=>je,model:()=>Me,paging:()=>Oe,scroll:()=>Le,sort:()=>Be});var K=class{constructor(t){this.state=T(t),this.state.options||(this.state.options={}),this.effects=[{current:t.data}],this.view=T(t.data)}addEffect(t){let n=this.effects[this.effects.length-1];this.view=t.call(this,n),this.effects.push(this.view)}};function Me(e){return new K(e)}function Be(e={}){return function(t){return this.state.options.sort=Object.assign({direction:"asc",sortBy:null,sortFn:(n,r)=>{let i=this.state.options.sort,s=i.sortBy;if(!i.sortBy)return 0;let l=i.direction=="asc"?1:-1,o=i.direction=="asc"?-1:1;return typeof n?.[s]>"u"?typeof r?.[s]>"u"?0:l:typeof r?.[s]>"u"||n[s]<r[s]?o:n[s]>r[s]?l:0}},e),b(()=>{let n=this.state.options.sort;return n?.sortBy&&n?.direction?t.current.toSorted(n?.sortFn):t.current},50)}}function Oe(e={}){return function(t){return this.state.options.paging=Object.assign({page:1,pageSize:20,max:1},e),b(()=>N(()=>{let n=this.state.options.paging;n.pageSize||(n.pageSize=20),n.max=Math.ceil(this.state.data.length/n.pageSize),n.page=Math.max(1,Math.min(n.max,n.page));let r=(n.page-1)*n.pageSize,i=r+n.pageSize;return t.current.slice(r,i)}),50)}}function je(e){if(!e?.name||typeof e.name!="string")throw new Error("filter requires options.name to be a string");if(!e.matches||typeof e.matches!="function")throw new Error("filter requires options.matches to be a function");return function(t){if(this.state.options[e.name])throw new Error("a filter with this name already exists on this model");return this.state.options[e.name]=e,b(()=>this.state.options[e.name].enabled?t.current.filter(this.state.options[e.name].matches.bind(this)):t.current,50)}}function Ce(e={}){if(!e||typeof e!="object"||Object.keys(e).length===0)throw new Error("columns requires options to be an object with at least one property");return function(t){return this.state.options.columns=e,b(()=>t.current.map(n=>{let r={};for(let i of Object.keys(this.state.options.columns))this.state.options.columns[i]?.hidden||(r[i]=n[i]);return r}),50)}}function Le(e){return function(t){this.state.options.scroll=Object.assign({offset:0,rowHeight:26,rowCount:20,itemsPerRow:1,size:t.current.length},e);let n=this.state.options.scroll,r=n.scrollbar||n.container?.querySelector("[data-flow-scrollbar]");return r&&(n.container&&n.container.addEventListener("scroll",i=>{n.offset=Math.floor(n.container.scrollTop/(n.rowHeight*n.itemsPerRow))}),b(()=>{n.size=t.current.length*n.rowHeight,r.style.height=n.size+"px"},50)),b(()=>{n.container&&(n.rowCount=Math.ceil(n.container.getBoundingClientRect().height/n.rowHeight)),n.data=t.current;let i=Math.min(n.offset,t.current.length-1),s=i+n.rowCount;return s>t.current.length&&(s=t.current.length,i=s-n.rowCount),t.current.slice(i,s)},50)}}globalThis.simply||(globalThis.simply={});Object.assign(globalThis.simply,{bind:Z,flow:W,state:F});var ze=globalThis.simply;})();
|
|
2
2
|
//# sourceMappingURL=simply.flow.min.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/state.mjs", "../src/bind.mjs", "../src/model.mjs", "../src/flow.mjs"],
|
|
4
|
-
"sourcesContent": ["const iterate = Symbol('iterate')\nif (!Symbol.xRay) {\n Symbol.xRay = Symbol('xRay')\n}\nif (!Symbol.Signal) {\n Symbol.Signal = Symbol('Signal')\n}\n\nconst signalHandler = {\n get: (target, property, receiver) => {\n if (property===Symbol.xRay) {\n return target // don't notifyGet here, this is only called by set\n }\n if (property===Symbol.Signal) {\n return true\n }\n const value = target?.[property] // Reflect.get fails on a Set.\n notifyGet(receiver, property)\n if (typeof value === 'function') {\n if (Array.isArray(target)) {\n return (...args) => {\n let l = target.length\n // by binding the function to the receiver\n // all accesses in the function will be trapped\n // by the Proxy, so get/set/delete is all handled\n let result = value.apply(receiver, args)\n if (l != target.length) {\n notifySet(receiver, makeContext('length', { was: l, now: target.length }) )\n }\n return result\n }\n } else if (target instanceof Set || target instanceof Map) {\n return (...args) => {\n // node doesn't allow you to call set/map functions\n // bound to the receiver.. so using target instead\n // there are no properties to update anyway, except for size\n let s = target.size\n let result = value.apply(target, args)\n if (s != target.size) {\n notifySet(receiver, makeContext( 'size', { was: s, now: target.size }) )\n }\n // there is no efficient way to see if the function called\n // has actually changed the Set/Map, but by assuming the\n // 'setter' functions will change the results of the\n // 'getter' functions, effects should update correctly\n if (['set','add','clear','delete'].includes(property)) {\n notifySet(receiver, makeContext( { entries: {}, forEach: {}, has: {}, keys: {}, values: {}, [Symbol.iterator]: {} } ) )\n }\n return result\n }\n } else if (\n target instanceof HTMLElement\n || target instanceof Number\n || target instanceof String\n || target instanceof Boolean\n ) {\n return value.bind(target)\n } else {\n // support custom classes, hopefully\n return value.bind(receiver)\n }\n }\n if (value && typeof value == 'object') {\n //NOTE: get now returns a signal, set doesn't 'unsignal' the value set\n return signal(value)\n }\n return value\n },\n set: (target, property, value, receiver) => {\n value = value?.[Symbol.xRay] || value // unwraps signal\n let current = target[property]\n if (current!==value) {\n target[property] = value\n notifySet(receiver, makeContext(property, { was: current, now: value } ) )\n }\n if (typeof current === 'undefined') {\n notifySet(receiver, makeContext(iterate, {}))\n }\n return true\n },\n has: (target, property) => { // receiver is not part of the has() call\n let receiver = signals.get(target) // so retrieve it here\n if (receiver) {\n notifyGet(receiver, property)\n }\n return Object.hasOwn(target, property)\n },\n deleteProperty: (target, property) => {\n if (typeof target[property] !== 'undefined') {\n let current = target[property]\n delete target[property]\n let receiver = signals.get(target) // receiver is not part of the trap arguments, so retrieve it here\n notifySet(receiver, makeContext(property,{ delete: true, was: current }))\n }\n return true\n },\n defineProperty: (target, property, descriptor) => {\n if (typeof target[property] === 'undefined') {\n let receiver = signals.get(target) // receiver is not part of the trap arguments, so retrieve it here\n notifySet(receiver, makeContext(iterate, {}))\n }\n return Object.defineProperty(target, property, descriptor)\n },\n ownKeys: (target) => {\n let receiver = signals.get(target) // receiver is not part of the trap arguments, so retrieve it here\n notifyGet(receiver, iterate)\n return Reflect.ownKeys(target)\n }\n\n}\n\n/**\n * Keeps track of the return signal for an update function, as well\n * as signals connected to other objects. \n * Makes sure that a given object or function always uses the same\n * signal\n */\nconst signals = new WeakMap()\n\n/**\n * Creates a new signal proxy of the given object, that intercepts get/has and set/delete\n * to allow reactive functions to be triggered when signal values change.\n */\nexport function signal(v) {\n if (v[Symbol.Signal]) { // avoid wrapping a Signal inside a Signal\n let target = v[Symbol.xRay]\n if (!signals.has(target)) {\n signals.set(target, v)\n }\n v = target\n } else if (!signals.has(v)) {\n signals.set(v, new Proxy(v, signalHandler))\n }\n return signals.get(v)\n}\n\n/**\n * Lists all effects that are currently listening to changes in\n * the given signal and property\n * returns a list with \n * - effect: the effect function (effect, throttledEffect, clockEffect)\n * - fn: the user provided function to this effect function\n * - signal: the connectedSignal to this user provided function\n * @param Signal signal\n * @param string prop \n * @return array of { effect, fn, signal }\n */\nexport function trace(signal, prop) {\n const listeners = getListeners(signal, prop)\n return listeners.map(listener => {\n return {\n effect: listener.effectType,\n fn: listener.effectFunction,\n signal: signals.get(listener.effectFunction)\n }\n })\n}\n\nlet batchedListeners = new Set()\nlet batchMode = 0\n/**\n * Called when a signal changes a property (set/delete)\n * Triggers any reactor function that depends on this signal\n * to re-compute its values\n */\nfunction notifySet(self, context={}) {\n let listeners = []\n context.forEach((change, property) => {\n let propListeners = getListeners(self, property)\n if (propListeners?.length) {\n for (let listener of propListeners) {\n addContext(listener, makeContext(property,change))\n }\n listeners = listeners.concat(propListeners)\n }\n })\n listeners = new Set(listeners.filter(Boolean))\n if (listeners) {\n if (batchMode) {\n batchedListeners = batchedListeners.union(listeners)\n } else {\n const currentEffect = computeStack[computeStack.length-1]\n for (let listener of Array.from(listeners)) {\n if (listener!=currentEffect && listener?.needsUpdate) {\n listener()\n }\n clearContext(listener)\n }\n }\n }\n}\n\nfunction makeContext(property, change) {\n let context = new Map()\n if (typeof property === 'object') {\n for (let prop in property) {\n context.set(prop, property[prop])\n }\n } else {\n context.set(property, change)\n }\n return context\n}\n\nfunction addContext(listener, context) {\n if (!listener.context) {\n listener.context = context\n } else {\n context.forEach((change,property)=> {\n listener.context.set(property, change) // TODO: merge change if needed\n })\n }\n listener.needsUpdate = true\n}\n\nfunction clearContext(listener) {\n delete listener.context\n delete listener.needsUpdate\n}\n\n/**\n * Called when a signal property is accessed. If this happens\n * inside a reactor function--computeStack is not empty--\n * then it adds the current reactor (top of this stack) to its\n * listeners. These are later called if this property changes\n */\nfunction notifyGet(self, property) {\n let currentCompute = computeStack[computeStack.length-1]\n if (currentCompute) {\n // get was part of a react() function, so add it\n setListeners(self, property, currentCompute)\n }\n}\n\n/**\n * Keeps track of which update() functions are dependent on which\n * signal objects and which properties. Maps signals to update fns\n */\nconst listenersMap = new WeakMap()\n\n/**\n * Keeps track of which signals and properties are linked to which\n * update functions. Maps update functions and properties to signals\n */\nconst computeMap = new WeakMap()\n\n/**\n * Returns the update functions for a given signal and property\n */\nfunction getListeners(self, property) {\n let listeners = listenersMap.get(self)\n return listeners ? Array.from(listeners.get(property) || []) : []\n}\n\n/**\n * Adds an update function (compute) to the list of listeners on\n * the given signal (self) and property\n */\nfunction setListeners(self, property, compute) {\n if (!listenersMap.has(self)) {\n listenersMap.set(self, new Map())\n }\n let listeners = listenersMap.get(self)\n if (!listeners.has(property)) {\n listeners.set(property, new Set())\n }\n listeners.get(property).add(compute)\n\n if (!computeMap.has(compute)) {\n computeMap.set(compute, new Map())\n }\n let connectedSignals = computeMap.get(compute)\n if (!connectedSignals.has(property)) {\n connectedSignals.set(property, new Set)\n }\n connectedSignals.get(property).add(self)\n}\n\n/**\n * Removes alle listeners that trigger the given reactor function (compute)\n * This happens when a reactor is called, so that it can set new listeners\n * based on the current call (code path)\n */\nfunction clearListeners(compute) {\n let connectedSignals = computeMap.get(compute)\n if (connectedSignals) {\n connectedSignals.forEach(property => {\n property.forEach(s => {\n let listeners = listenersMap.get(s)\n if (listeners.has(property)) {\n listeners.get(property).delete(compute)\n }\n })\n })\n }\n}\n\n/**\n * The top most entry is the currently running update function, used\n * to automatically record signals used in an update function.\n */\nlet computeStack = []\n\n/**\n * Used for cycle detection: effectStack contains all running effect\n * functions. If the same function appears twice in this stack, there\n * is a recursive update call, which would cause an infinite loop.\n */\nconst effectStack = []\n\nconst effectMap = new WeakMap()\n/**\n * Used for cycle detection: signalStack contains all used signals. \n * If the same signal appears more than once, there is a cyclical \n * dependency between signals, which would cause an infinite loop.\n */\nconst signalStack = []\n\n/**\n * Runs the given function at once, and then whenever a signal changes that\n * is used by the given function (or at least signals used in the previous run).\n */\nexport function effect(fn) {\n if (effectStack.findIndex(f => fn==f)!==-1) {\n throw new Error('Recursive update() call', {cause:fn})\n }\n effectStack.push(fn)\n\n let connectedSignal = signals.get(fn)\n if (!connectedSignal) {\n connectedSignal = signal({\n current: null\n })\n signals.set(fn, connectedSignal)\n }\n\n // this is the function that is called automatically\n // whenever a signal dependency changes\n const computeEffect = function computeEffect() {\n if (signalStack.findIndex(s => s==connectedSignal)!==-1) {\n throw new Error('Cyclical dependency in update() call', { cause: fn})\n }\n // remove all dependencies (signals) from previous runs \n clearListeners(computeEffect)\n computeEffect.effectFunction = fn\n computeEffect.effectType = effect\n // record new dependencies on this run\n computeStack.push(computeEffect)\n // prevent recursion\n signalStack.push(connectedSignal)\n // call the actual update function\n let result\n try {\n result = fn(computeEffect, computeStack, signalStack)\n } finally {\n // stop recording dependencies\n computeStack.pop()\n // stop the recursion prevention\n signalStack.pop()\n if (result instanceof Promise) {\n result.then((result) => {\n connectedSignal.current = result\n })\n } else {\n connectedSignal.current = result\n }\n }\n }\n computeEffect.fn = fn\n effectMap.set(connectedSignal, computeEffect)\n\n // run the computEffect immediately upon creation\n computeEffect()\n return connectedSignal\n}\n\n\nexport function destroy(connectedSignal) {\n // find the computeEffect associated with this signal\n const computeEffect = effectMap.get(connectedSignal)?.deref()\n if (!computeEffect) {\n return\n }\n\n // remove all listeners for this effect\n clearListeners(computeEffect)\n\n // remove all references to connectedSignal\n let fn = computeEffect.fn\n signals.remove(fn)\n\n effectMap.delete(connectedSignal)\n\n // if no other references to connectedSignal exist, it will be garbage collected\n}\n\n/**\n * Inside a batch() call, any changes to signals do not trigger effects\n * immediately. Instead, immediately after finishing the batch() call,\n * these effects will be called. Effects that are triggered by multiple\n * signals are called only once.\n * @param Function fn batch() calls this function immediately\n * @result mixed the result of the fn() function call\n */\nexport function batch(fn) {\n batchMode++\n let result\n try {\n result = fn()\n } finally {\n if (result instanceof Promise) {\n result.then(() => {\n batchMode--\n if (!batchMode) {\n runBatchedListeners()\n }\n })\n } else {\n batchMode--\n if (!batchMode) {\n runBatchedListeners()\n }\n }\n }\n return result\n}\n\nfunction runBatchedListeners() {\n let copyBatchedListeners = Array.from(batchedListeners)\n batchedListeners = new Set()\n const currentEffect = computeStack[computeStack.length-1]\n for (let listener of copyBatchedListeners) {\n if (listener!=currentEffect && listener?.needsUpdate) {\n listener()\n }\n clearContext(listener)\n }\n}\n\n/**\n * A throttledEffect is run immediately once. And then only once\n * per throttleTime (in ms).\n * @param Function fn the effect function to run whenever a signal changes\n * @param int throttleTime in ms\n * @returns signal with the result of the effect function fn\n */\nexport function throttledEffect(fn, throttleTime) {\n if (effectStack.findIndex(f => fn==f)!==-1) {\n throw new Error('Recursive update() call', {cause:fn})\n }\n effectStack.push(fn)\n\n let connectedSignal = signals.get(fn)\n if (!connectedSignal) {\n connectedSignal = signal({\n current: null\n })\n signals.set(fn, connectedSignal)\n }\n\n let throttled = false\n let hasChange = true\n // this is the function that is called automatically\n // whenever a signal dependency changes\n const computeEffect = function computeEffect() {\n if (signalStack.findIndex(s => s==connectedSignal)!==-1) {\n throw new Error('Cyclical dependency in update() call', { cause: fn})\n }\n if (throttled && throttled>Date.now()) {\n hasChange = true\n return\n }\n // remove all dependencies (signals) from previous runs \n clearListeners(computeEffect)\n // record new dependencies on this run\n computeEffect.effectFunction = fn\n computeEffect.effectType = throttledEffect\n computeStack.push(computeEffect)\n // prevent recursion\n signalStack.push(connectedSignal)\n // call the actual update function\n let result\n try {\n result = fn(computeEffect, computeStack, signalStack)\n } finally {\n hasChange = false\n // stop recording dependencies\n computeStack.pop()\n // stop the recursion prevention\n signalStack.pop()\n if (result instanceof Promise) {\n result.then((result) => {\n connectedSignal.current = result\n })\n } else {\n connectedSignal.current = result\n }\n }\n throttled = Date.now()+throttleTime\n globalThis.setTimeout(() => {\n if (hasChange) {\n computeEffect()\n }\n }, throttleTime)\n }\n // run the computEffect immediately upon creation\n computeEffect()\n return connectedSignal\n}\n\n// refactor: Class clock() with an effect() method\n// keep track of effects per clock, and add clock property to the effect function\n// on notifySet add clock.effects to clock.needsUpdate list\n// on clock.tick() (or clock.time++) run only the clock.needsUpdate effects \n// (first create a copy and reset clock.needsUpdate, then run effects)\nexport function clockEffect(fn, clock) {\n let connectedSignal = signals.get(fn)\n if (!connectedSignal) {\n connectedSignal = signal({\n current: null\n })\n signals.set(fn, connectedSignal)\n }\n\n let lastTick = -1 // clock.time should start at 0 or larger\n let hasChanged = true // make sure the first run goes through\n // this is the function that is called automatically\n // whenever a signal dependency changes\n const computeEffect = function computeEffect() {\n if (lastTick < clock.time) {\n if (hasChanged) {\n // remove all dependencies (signals) from previous runs \n clearListeners(computeEffect)\n computeEffect.effectFunction = fn\n computeEffect.effectType = clockEffect\n // record new dependencies on this run\n computeStack.push(computeEffect)\n // make sure the clock.time signal is a dependency\n lastTick = clock.time\n // call the actual update function\n let result \n try {\n result = fn(computeEffect, computeStack)\n } finally {\n // stop recording dependencies\n computeStack.pop()\n if (result instanceof Promise) {\n result.then((result) => {\n connectedSignal.current = result\n })\n } else {\n connectedSignal.current = result\n }\n hasChanged = false\n }\n } else {\n lastTick = clock.time\n }\n } else {\n hasChanged = true\n }\n }\n // run the computEffect immediately upon creation\n computeEffect()\n return connectedSignal\n}\n\nexport function untracked(fn) {\n const remember = computeStack.slice()\n computeStack = []\n try {\n return fn()\n } finally {\n computeStack = remember\n }\n}", "import { throttledEffect, destroy } from './state.mjs'\n\n/**\n * Implements one way databinding, updating dom elements with matching attributes\n * to changes in signals (see state.mjs)\n * \n * @class\n */\nclass SimplyBind\n{\n \n /**\n * @param Object options - a set of options for this instance, options may include:\n * - root (signal) (required) - the root data object that contains al signals that can be bound\n * - container (HTMLElement) - the dom element to use as the root for all bindings\n * - attribute (string) - the prefix for the field, list and map attributes, e.g. 'data-bind'\n * - transformers (object name:function) - a map of transformer names and functions\n * - defaultTransformers (object with field, list and map properties)\n */\n constructor(options)\n {\n /**\n * A map of HTMLElements and the data bindings on each, in the form of \n * the connectedSignal returned by the (throttled)Effect.\n * @type {Map}\n * @public\n */\n this.bindings = new Map()\n\n const defaultOptions = {\n container: document.body,\n attribute: 'data-bind',\n transformers: {},\n defaultTransformers: {\n field: [defaultFieldTransformer],\n list: [defaultListTransformer],\n map: [defaultMapTransformer]\n }\n }\n if (!options?.root) {\n throw new Error('bind needs at least options.root set')\n }\n this.options = Object.assign({}, defaultOptions, options)\n const attribute = this.options.attribute\n const bindAttributes = [attribute+'-field',attribute+'-list',attribute+'-map']\n const bindSelector = `[${attribute}-field],[${attribute}-list],[${attribute}-map]`\n const transformAttribute = attribute+'-transform'\n\n const getBindingAttribute = (el) => {\n const foundAttribute = bindAttributes.find(attr => el.hasAttribute(attr))\n if (!foundAttribute) {\n console.error('No matching attribute found',el,attr)\n }\n return foundAttribute\n }\n\n // sets up the effect that updates the element if its\n // data binding value changes\n const render = (el) => {\n this.bindings.set(el, throttledEffect(() => {\n if (!el.isConnected) {\n // el is no longer part of this document\n untrack(el, this.getBindingPath(el))\n destroy(this.bindings.get(el))\n // doing this here instead of in a mutationobserver\n // allows an element to be temporary removed and then inserted\n // without the binding having to be reset\n return\n }\n const context = {\n templates: el.querySelectorAll(':scope > template'),\n attribute: getBindingAttribute(el)\n }\n context.path = this.getBindingPath(el)\n context.value = getValueByPath(this.options.root, context.path)\n context.element = el\n track(el, context)\n runTransformers(context)\n }, 50))\n }\n\n // finds and runs applicable transformers\n // creates a stack of transformers, calls the topmost\n // each transformer can opt to call the next or not\n // transformers should return the context object (possibly altered)\n const runTransformers = (context) => {\n let transformers\n switch(context.attribute) {\n case this.options.attribute+'-field':\n transformers = Array.from(this.options.defaultTransformers.field)\n break\n case this.options.attribute+'-list':\n transformers = Array.from(this.options.defaultTransformers.list)\n break\n case this.options.attribute+'-map':\n transformers = Array.from(this.options.defaultTransformers.map)\n break\n }\n if (context.element.hasAttribute(transformAttribute)) {\n context.element.getAttribute(transformAttribute)\n .split(' ').filter(Boolean)\n .forEach(t => {\n if (this.options.transformers[t]) {\n transformers.push(this.options.transformers[t])\n } else {\n console.warn('No transformer with name '+t+' configured', {cause:context.element})\n }\n })\n }\n let next\n for (let transformer of transformers) {\n next = ((next, transformer) => {\n return (context) => {\n return transformer.call(this, context, next)\n }\n })(next, transformer)\n }\n next(context)\n }\n\n // given a set of elements with data bind attribute\n // this renders each of those elements\n const applyBindings = (bindings) => {\n for (let bindingEl of bindings) {\n if (!this.bindings.get(bindingEl)) { // bindingEl may have moved from somewhere else in this document\n render(bindingEl)\n }\n }\n }\n\n // this handles the mutation observer changes\n // if any element is added, and has a data bind attribute\n // it applies that data binding\n const updateBindings = (changes) => {\n const selector = `[${attribute}-field],[${attribute}-list],[${attribute}-map]`\n for (const change of changes) {\n if (change.type==\"childList\" && change.addedNodes) {\n for (let node of change.addedNodes) {\n if (node instanceof HTMLElement) {\n let bindings = Array.from(node.querySelectorAll(selector))\n if (node.matches(selector)) {\n bindings.unshift(node)\n }\n if (bindings.length) {\n applyBindings(bindings)\n }\n }\n }\n }\n }\n }\n\n // this responds to elements getting added to the dom\n // and if any have data bind attributes, it applies those bindings\n this.observer = new MutationObserver((changes) => {\n updateBindings(changes)\n })\n\n this.observer.observe(this.options.container, {\n subtree: true,\n childList: true\n })\n\n // this finds elements with data binding attributes and applies those bindings\n // must come after setting up the observer, or included templates\n // won't trigger their own bindings\n const bindings = this.options.container.querySelectorAll(\n ':is(['+this.options.attribute+'-field]'+\n ',['+this.options.attribute+'-list]'+\n ',['+this.options.attribute+'-map]):not(template)'\n )\n if (bindings.length) {\n applyBindings(bindings)\n }\n\n }\n\n /**\n * Finds the first matching template and creates a new DocumentFragment\n * with the correct data bind attributes in it (prepends the current path)\n * @param Context context\n * @return DocumentFragment\n */\n applyTemplate(context)\n {\n const path = context.path\n const templates = context.templates\n const list = context.list\n const index = context.index\n const parent = context.parent\n const value = list ? list[index] : context.value\n\n let template = this.findTemplate(templates, value)\n if (!template) {\n let result = new DocumentFragment()\n result.innerHTML = '<!-- no matching template -->'\n return result\n }\n let clone = template.content.cloneNode(true)\n if (!clone.children?.length) {\n return clone\n }\n if (clone.children.length>1) {\n throw new Error('template must contain a single root node', { cause: template })\n }\n const attribute = this.options.attribute\n const attributes = [attribute+'-field',attribute+'-list',attribute+'-map']\n const bindings = clone.querySelectorAll(`[${attribute}-field],[${attribute}-list],[${attribute}-map]`)\n for (let binding of bindings) {\n const attr = attributes.find(attr => binding.hasAttribute(attr))\n const bind = binding.getAttribute(attr)\n if (bind.substring(0, ':root.'.length)==':root.') {\n binding.setAttribute(attr, bind.substring(':root.'.length))\n } else if (bind==':value' && index!=null) {\n binding.setAttribute(attr, path+'.'+index)\n } else if (index!=null) {\n binding.setAttribute(attr, path+'.'+index+'.'+bind)\n } else {\n binding.setAttribute(attr, parent+'.'+bind)\n }\n }\n if (typeof index !== 'undefined') {\n clone.children[0].setAttribute(attribute+'-key',index)\n }\n // keep track of the used template, so if that changes, the item can be updated\n Object.defineProperty(\n clone.children[0],\n '$bindTemplate',\n {\n value: template,\n enumerable: false,\n writable: true,\n configurable: true\n }\n )\n // return clone, not the firstChild, so that all whitespace is cloned as well\n return clone\n }\n\n /**\n * Returns the path referenced in either the field, list or map attribute\n * @param HTMLElement el\n * @return string The path referenced, or void\n */\n getBindingPath(el)\n {\n const attributes = [\n this.options.attribute+'-field', \n this.options.attribute+'-list',\n this.options.attribute+'-map'\n ]\n for (let attr of attributes) {\n if (el.hasAttribute(attr)) {\n return el.getAttribute(attr)\n }\n }\n }\n\n /**\n * Finds the first template from an array of templates that\n * matches the given value. \n */\n findTemplate(templates, value)\n {\n const templateMatches = t => {\n // find the value to match against (e.g. data-bind=\"foo\")\n let path = this.getBindingPath(t)\n let currentItem\n if (path) {\n if (path.substr(0,6)==':root.') {\n currentItem = getValueByPath(this.options.root, path)\n } else {\n currentItem = getValueByPath(value, path)\n }\n } else {\n currentItem = value\n }\n\n // then check the value against pattern, if set (e.g. data-bind-match=\"bar\")\n const strItem = ''+currentItem\n let matches = t.getAttribute(this.options.attribute+'-match')\n if (matches) {\n if (matches===':empty' && !currentItem) {\n return t\n } else if (matches===':notempty' && currentItem) {\n return t\n }\n if (strItem.match(matches)) {\n return t\n }\n }\n if (!matches && currentItem!==null && currentItem!==undefined) {\n //FIXME: this doesn't run templates in lists where list entry is null\n //which messes up the count\n //\n // no data-bind-match is set, so return this template\n return t\n }\n }\n let template = Array.from(templates).find(templateMatches)\n let rel = template?.getAttribute('rel')\n if (rel) {\n let replacement = document.querySelector('template#'+rel)\n if (!replacement) {\n throw new Error('Could not find template with id '+rel)\n }\n template = replacement\n }\n return template\n }\n\n destroy()\n {\n this.bindings.forEach(binding => {\n destroy(binding)\n })\n this.bindings = new Map()\n this.observer.disconnect()\n }\n\n}\n\n/**\n * Returns a new instance of SimplyBind. This is the normal start\n * of a data bind flow\n */\nexport function bind(options)\n{\n return new SimplyBind(options)\n}\n\nconst tracking = new Map()\n\nexport function trace(path)\n{\n return tracking.get(path)\n}\n\nfunction track(el, context) {\n if (!tracking.has(context.path)) {\n tracking.set(context.path, [context])\n } else {\n tracking.get(context.path).push(context)\n }\n}\n\nfunction untrack(el, path) {\n let list = tracking.get(path)\n list = list.filter(context => context.element == el)\n tracking.set(path, list)\n}\n\n/**\n * Returns true if a matches b, either by having the\n * same string value, or matching string :empty against a falsy value\n */\nexport function matchValue(a,b)\n{\n if (a==':empty' && !b) {\n return true\n }\n if (b==':empty' && !a) {\n return true\n }\n if (''+a == ''+b) {\n return true\n }\n return false\n}\n\n/**\n * Returns the value by walking the given path as a json pointer, starting at root\n * if you have a property with a '.' in its name urlencode the '.', e.g: %46\n * \n * @param HTMLElement root\n * @param string path e.g. 'foo.bar'\n * @return mixed the value found by walking the path from the root object or undefined\n */\nexport function getValueByPath(root, path)\n{\n let parts = path.split('.');\n let curr = root;\n let part, prevPart;\n while (parts.length && curr) {\n part = parts.shift()\n if (part==':key') {\n return prevPart\n } else if (part==':value') {\n return curr\n } else if (part==':root') {\n curr = root\n } else {\n part = decodeURIComponent(part)\n curr = curr[part];\n prevPart = part\n }\n }\n return curr\n}\n\n/**\n * Default transformer for data binding\n * Will be used unless overriden in the SimplyBind options parameter\n */\nexport function defaultFieldTransformer(context)\n{\n const el = context.element\n const templates = context.templates\n const templatesCount = templates.length \n const path = context.path\n const value = context.value\n const attribute = this.options.attribute\n\n if (templates?.length) {\n transformLiteralByTemplates.call(this, context)\n } else {\n switch(el.tagName) {\n case 'INPUT':\n transformInput.call(this, context)\n break\n case 'BUTTON':\n transformButton.call(this, context)\n break\n case 'SELECT':\n transformSelect.call(this, context)\n break\n case 'A':\n transformAnchor.call(this, context)\n break\n case 'IMG':\n transformImage.call(this, contet)\n break\n case 'IFRAME':\n transformIframe.call(this, context)\n break\n case 'META':\n transformMeta.call(this, context)\n break\n case 'TEMPLATE': // never touch templates!\n break\n default:\n transformElement.call(this, context)\n break\n }\n }\n return context\n}\n\nexport function defaultListTransformer(context)\n{\n const el = context.element\n const templates = context.templates\n const templatesCount = templates.length \n const path = context.path\n const value = context.value\n const attribute = this.options.attribute\n\n if (!Array.isArray(value)) {\n console.error('Value is not an array.', el, path, value)\n } else if (!templates?.length) {\n console.error('No templates found in', el)\n } else {\n transformArrayByTemplates.call(this, context)\n }\n return context\n}\n\nexport function defaultMapTransformer(context)\n{\n const el = context.element\n const templates = context.templates\n const templatesCount = templates.length \n const path = context.path\n const value = context.value\n const attribute = this.options.attribute\n\n if (typeof value != 'object') {\n console.error('Value is not an object.', el, path, value)\n } else if (!templates?.length) {\n console.error('No templates found in', el)\n } else {\n transformObjectByTemplates.call(this, context)\n }\n return context\n}\n\n\n/**\n * Renders an array value by applying templates for each entry\n * Replaces or removes existing DOM children if needed\n * Reuses (doesn't touch) DOM children if template doesn't change\n * FIXME: this doesn't handle situations where there is no matching template\n * this messes up self healing. check transformObjectByTemplates for a better implementation\n */\nexport function transformArrayByTemplates(context)\n{\n const el = context.element\n const templates = context.templates\n const templatesCount = templates.length \n const path = context.path\n const value = context.value\n const attribute = this.options.attribute\n\n let items = el.querySelectorAll(':scope > ['+attribute+'-key]')\n // do single merge strategy for now, in future calculate optimal merge strategy from a number\n // now just do a delete if a key <= last key, insert if a key >= last key\n let lastKey = 0\n let skipped = 0\n context.list = value\n for (let item of items) {\n let currentKey = parseInt(item.getAttribute(attribute+'-key'))\n if (currentKey>lastKey) {\n // insert before\n context.index = lastKey\n el.insertBefore(this.applyTemplate(context), item)\n } else if (currentKey<lastKey) {\n // remove this\n item.remove()\n } else {\n // check that all data-bind params start with current json path or ':root', otherwise replaceChild\n let bindings = Array.from(item.querySelectorAll(`[${attribute}]`))\n if (item.matches(`[${attribute}]`)) {\n bindings.unshift(item)\n }\n let needsReplacement = bindings.find(b => {\n let databind = b.getAttribute(attribute)\n return (databind.substr(0,5)!==':root' \n && databind.substr(0, path.length)!==path)\n })\n if (!needsReplacement) {\n if (item.$bindTemplate) {\n let newTemplate = this.findTemplate(templates, value[lastKey])\n if (newTemplate != item.$bindTemplate){\n needsReplacement = true\n if (!newTemplate) {\n skipped++\n }\n }\n }\n }\n if (needsReplacement) {\n context.index = lastKey\n el.replaceChild(this.applyTemplate(context), item)\n }\n }\n lastKey++\n if (lastKey>=value.length) {\n break\n }\n }\n items = el.querySelectorAll(':scope > ['+attribute+'-key]')\n let length = items.length + skipped\n if (length > value.length) {\n while (length > value.length) {\n let child = el.querySelectorAll(':scope > :not(template)')?.[length-1]\n child?.remove()\n length--\n }\n } else if (length < value.length ) {\n while (length < value.length) {\n context.index = length\n el.appendChild(this.applyTemplate(context))\n length++\n }\n }\n}\n\n/**\n * Renders an object value by applying templates for each entry (Object.entries)\n * Replaces,moves or removes existing DOM children if needed\n * Reuses (doesn't touch) DOM children if template doesn't change\n */\nexport function transformObjectByTemplates(context)\n{\n const el = context.element\n const templates = context.templates\n const templatesCount = templates.length \n const path = context.path\n const value = context.value\n const attribute = this.options.attribute\n context.list = value\n\n let items = Array.from(el.querySelectorAll(':scope > ['+attribute+'-key]'))\n for (let key in context.list) {\n context.index = key\n let item = items.shift()\n if (!item) { // more properties than rendered items\n let clone = this.applyTemplate(context)\n el.appendChild(clone)\n continue\n }\n if (item.getAttribute[attribute+'-key']!=key) { \n // next item doesn't match key\n items.unshift(item) // put item back for next cycle\n let outOfOrderItem = el.querySelector(':scope > ['+attribute+'-key=\"'+key+'\"]') //FIXME: escape key\n if (!outOfOrderItem) {\n let clone = this.applyTemplate(context)\n el.insertBefore(clone, item)\n continue // new template doesn't need replacement, so continue \n } else {\n el.insertBefore(outOfOrderItem, item)\n item = outOfOrderItem // check needsreplacement next\n items = items.filter(i => i!=outOfOrderItem)\n }\n }\n let newTemplate = this.findTemplate(templates, value[key])\n if (newTemplate != item.$bindTemplate){\n let clone = this.applyTemplate(context)\n el.replaceChild(clone, item)\n }\n }\n // clean up remaining items\n while (items.length) {\n let item = items.shift()\n item.remove()\n }\n}\n\nfunction getParentPath(el, attribute)\n{\n const parentEl = el.parentElement?.closest(`[${attribute}-list],[${attribute}-map]`)\n if (!parentEl) {\n return ':root'\n }\n if (parentEl.hasAttribute(`${attribute}-list`)) {\n return parentEl.getAttribute(`${attribute}-list`)\n }\n return parentEl.getAttribute(`${attribute}-map`)\n}\n\n/**\n * transforms the contents of an html element by rendering\n * a matching template, once.\n * data-bind attributes inside the template use the same\n * parent path as this html element uses\n */\nexport function transformLiteralByTemplates(context)\n{\n const el = context.element\n const templates = context.templates\n const value = context.value\n const attribute = this.options.attribute\n\n const rendered = el.querySelector(':scope > :not(template)')\n const template = this.findTemplate(templates, value)\n\n context.parent = getParentPath(el, attribute)\n if (rendered) {\n if (template) {\n if (rendered?.$bindTemplate != template) {\n const clone = this.applyTemplate(context)\n el.replaceChild(clone, rendered)\n }\n } else {\n el.removeChild(rendered)\n }\n } else if (template) {\n const clone = this.applyTemplate(context)\n el.appendChild(clone)\n }\n}\n\n/**\n * transforms a single input type\n * for radio/checkbox inputs it only sets the checked attribute to true/false\n * if the value attribute matches the current value\n * for other inputs the value attribute is updated\n */\nexport function transformInput(context)\n{\n const el = context.element\n let value = context.value\n\n transformElement(context)\n if (typeof value == 'undefined') {\n value = ''\n }\n if (el.type=='checkbox' || el.type=='radio') {\n if (matchValue(el.value, value)) {\n el.checked = true\n } else {\n el.checked = false\n }\n } else if (!matchValue(el.value, value)) {\n el.value = ''+value\n }\n}\n\n/**\n * Sets the value of the button, doesn't touch the innerHTML\n */\nexport function transformButton(context)\n{\n const el = context.element\n const value = context.value\n\n transformElement(context)\n setProperties(el, value, 'value')\n}\n\n/**\n * Sets the selected attribute of select options\n */\nexport function transformSelect(context)\n{\n const el = context.element\n let value = context.value\n\n if (value === null) {\n value = ''\n }\n if (typeof value!='object') {\n if (el.multiple) {\n if (Array.isArray(value)) { //FIXME: cannot be true, since typeof != 'object'\n for (let option of el.options) {\n if (value.indexOf(option.value)===false) {\n option.selected = false\n } else {\n option.selected = true\n }\n }\n }\n } else {\n let option = el.options.find(o => matchValue(o.value,value))\n if (option) {\n option.selected = true\n option.setAttribute('selected', true)\n }\n }\n } else { // value is a non-null object\n if (value.options) {\n setSelectOptions(el, value.options)\n }\n if (value.selected) {\n transformSelect(Object.asssign({}, context, {value:value.selected}))\n }\n setProperties(el, value, 'name', 'id', 'selectedIndex', 'className') // allow innerHTML? if so call transformElement instead\n }\n}\n\nexport function addOption(select, option)\n{\n if (!option) {\n return\n }\n if (typeof option !== 'object') {\n select.options.add(new Option(''+option))\n } else if (option.text) {\n select.options.add(new Option(option.text, option.value, option.defaultSelected, option.selected))\n } else if (typeof option.value != 'undefined') {\n select.options.add(new Option(''+option.value, option.value, option.defaultSelected, option.selected))\n }\n}\n\nexport function setSelectOptions(select,options)\n{\n //@TODO: only update in case of changes?\n select.innerHTML = ''\n if (Array.isArray(options)) {\n for (const option of options) {\n addOption(select, option)\n }\n } else if (options && typeof options == 'object') {\n for (const option in options) {\n addOption(select, { text: options[option], value: option })\n }\n }\n}\n\n/**\n * Sets the innerHTML and href attribute of an anchor\n * TODO: support target, title, etc. attributes\n */\nexport function transformAnchor(context)\n{\n const el = context.element\n const value = context.value\n\n transformElement(context)\n setProperties(el, value, 'title', 'target', 'href', 'name', 'newwindow', 'nofollow')\n}\n\nexport function transformImage(context)\n{\n const el = context.element\n const value = context.value\n\n transformElement(context)\n setProperties(el, value, 'title', 'alt', 'src')\n}\n\nexport function transformIframe(context)\n{\n const el = context.element\n const value = context.value\n\n transformElement(context)\n setProperties(el, value, 'title', 'src')\n}\n\nexport function transformMeta(context)\n{\n const el = context.element\n const value = context.value\n\n transformElement(context)\n setProperties(el, value, 'content') \n}\n/**\n * sets the innerHTML and title and id properties of any HTML element\n */\nexport function transformElement(context)\n{\n const el = context.element\n let value = context.value\n\n if (typeof value=='undefined' || value==null) {\n value = ''\n }\n let strValue = ''+value\n if (typeof value!='object' || strValue.substring(0,8)!='[object ') {\n el.innerHTML = strValue\n return\n }\n setProperties(el, value, 'innerHTML', 'title', 'id', 'className')\n}\n\n/**\n * Sets a list of properties on a dom element, equal to \n * the string value of a data object\n * only updates the dom element if the property doesn't match\n */\nexport function setProperties(el, data, ...properties) {\n if (!data || typeof data!=='object') {\n return\n }\n for (const property of properties) {\n if (typeof data[property] === 'undefined') {\n continue\n }\n if (matchValue(el[property], data[property])) {\n continue\n }\n if (data[property] === null) {\n el[property] = ''\n } else {\n el[property] = ''+data[property]\n }\n }\n}\n", "import {signal, effect, throttledEffect, batch} from './state.mjs'\n\n/**\n * This class implements a pluggable data model, where you can\n * add effects that are run only when either an option for that\n * effect changes, or when an effect earlier in the chain of\n * effects changes.\n */\nclass SimplyFlowModel {\n\n\t/**\n\t * Creates a new datamodel, with a state property that contains\n\t * all the data passed to this constructor\n\t * @param state\tObject with all the data for this model\n\t */\n\tconstructor(state) {\n\t\tthis.state = signal(state)\n\t\tif (!this.state.options) {\n\t\t\tthis.state.options = {}\n\t\t}\n\t\tthis.effects = [{current:state.data}]\n\t\tthis.view = signal(state.data)\n\t}\n\n\t/**\n\t * Adds an effect to run whenever a signal it depends on\n\t * changes. this.state is the usual signal.\n\t * The `fn` function param is not itself an effect, but must return\n\t * and effect function. `fn` takes one param, which is the data signal.\n\t * This signal will always have at least a `current` property.\n\t * The result of the effect function is pushed on to the this.effects\n\t * list. And the last effect added is set as this.view\n\t */\n\taddEffect(fn) {\n\t\tconst dataSignal = this.effects[this.effects.length-1]\n\t\tthis.view = fn.call(this, dataSignal)\n\t\tthis.effects.push(this.view)\n\t}\n}\n\nexport function model(options) {\n\treturn new SimplyFlowModel(options)\n}\n\n/**\n * Returns a function for model.addEffect that sorts the input data\n * \n * Options:\n * - direction (string) default 'asc' - change to 'desc' to sort in descending order\n * - sortBy (string) (optional) - used by the default sorting function to select the property to sort on\n * - sortFn (function) (required - set by default) - the sort function to use\n */\nexport function sort(options={}) {\n\treturn function(data) {\n\t\t// initialize the sort options, only gets called once\n\t\tthis.state.options.sort = Object.assign({\n\t\t\tdirection: 'asc',\n\t\t\tsortBy: null,\n\t\t\tsortFn: ((a,b) => {\n\t\t\t\tconst sort = this.state.options.sort\n\t\t\t\tconst sortBy = sort.sortBy\n\t\t\t\tif (!sort.sortBy) {\n\t\t\t\t\treturn 0\n\t\t\t\t}\n\t\t\t\tconst larger = sort.direction == 'asc' ? 1 : -1\n\t\t\t\tconst smaller = sort.direction == 'asc' ? -1 : 1\n\t\t\t\tif (typeof a?.[sortBy] === 'undefined') {\n\t\t\t\t\tif (typeof b?.[sortBy] === 'undefined') {\n\t\t\t\t\t\treturn 0\n\t\t\t\t\t}\n\t\t\t\t\treturn larger\n\t\t\t\t}\n\t\t\t\tif (typeof b?.[sortBy] === 'undefined') {\n\t\t\t\t\treturn smaller\n\t\t\t\t}\n\t\t\t\tif (a[sortBy]<b[sortBy]) {\n\t\t\t\t\treturn smaller\n\t\t\t\t} else if (a[sortBy]>b[sortBy]) {\n\t\t\t\t\treturn larger\n\t\t\t\t} else {\n\t\t\t\t\treturn 0\n\t\t\t\t}\n\t\t\t})\n\t\t}, options);\n\t\t// then return the effect, which is called when\n\t\t// either the data or the sort options change\n\t\treturn throttledEffect(() => {\n\t\t\tconst sort = this.state.options.sort\n\t\t\tif (sort?.sortBy && sort?.direction) {\n\t\t\t\treturn data.current.toSorted(sort?.sortFn)\n\t\t\t}\n\t\t\treturn data.current\n\t\t}, 50)\n\t}\n}\n\n/**\n * Returns a function for model.addEffect that implements paging\n * for the input data. It will return a slice of the data matching\n * the page and pageSize options.\n * \n * Options:\n * - page (int) default 1 - which page to show, starts at 1\n * - pageSize (int) default 20 - how many items in a single page\n * - max (int) (calculated) - how many pages in total\n */\nexport function paging(options={}) {\n\treturn function(data) {\n\t\t// initialize the paging options\n\t\tthis.state.options.paging = Object.assign({\n\t\t\tpage: 1,\n\t\t\tpageSize: 20,\n\t\t\tmax: 1\n\t\t}, options)\n\t\treturn throttledEffect(() => {\n\t\t\treturn batch(() => {\n\t\t\t\tconst paging = this.state.options.paging\n\t\t\t\tif (!paging.pageSize) {\n\t\t\t\t\tpaging.pageSize = 20\n\t\t\t\t}\n\t\t\t\tpaging.max = Math.ceil(this.state.data.length / paging.pageSize)\n\t\t\t\tpaging.page = Math.max(1, Math.min(paging.max, paging.page))\n\n\t\t\t\tconst start = (paging.page-1) * paging.pageSize\n\t\t\t\tconst end = start + paging.pageSize\n\t\t\t\treturn data.current.slice(start, end)\n\t\t\t})\n\t\t}, 50)\n\t}\n}\n\n/**\n * Returns a function for model.addEffect that filters rows from the data,\n * using a custom filter function `options.matches`\n * \n * Options:\n * - name (string) (required) - the name of this filter, must be unique\n * - matches (function) (required) - the filter function to apply to the data\n */\nexport function filter(options) {\n\tif (!options?.name || typeof options.name!=='string') {\n\t\tthrow new Error('filter requires options.name to be a string')\n\t}\n\tif (!options.matches || typeof options.matches!=='function') {\n\t\tthrow new Error('filter requires options.matches to be a function')\n\t}\n\treturn function(data) {\n\t\tif (this.state.options[options.name]) {\n\t\t\tthrow new Error('a filter with this name already exists on this model')\n\t\t}\n\t\tthis.state.options[options.name] = options\n\t\treturn throttledEffect(() => {\n\t\t\tif (this.state.options[options.name].enabled) {\n\t\t\t\treturn data.current.filter(this.state.options[options.name].matches.bind(this))\n\t\t\t}\n\t\t\treturn data.current\n\t\t}, 50)\n\t}\n}\n\n/**\n * Returns a function for model.addEffect that filters the data to only contain\n * columns (properties) that aren't hidden. Automatically runs again if any columns\n * hidden property changes.\n * \n * Options:\n * - columns (object) (required) - an object with properties describing each column. Each \n * property must be an object with an optional `hidden` property. If set to a truthy value,\n * and property in the dataset with the same name, will be filtered out.\n */\nexport function columns(options={}) {\n\tif (!options\n\t\t|| typeof options!=='object'\n\t\t|| Object.keys(options).length===0) {\n\t\tthrow new Error('columns requires options to be an object with at least one property')\n\t}\n\treturn function(data) {\n\t\tthis.state.options.columns = options\n\t\treturn throttledEffect(() => {\n\t\t\treturn data.current.map(input => {\n\t\t\t\tlet result = {}\n\t\t\t\tfor (let key of Object.keys(this.state.options.columns)) {\n\t\t\t\t\tif (!this.state.options.columns[key]?.hidden) {\n\t\t\t\t\t\tresult[key] = input[key]\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn result\n\t\t\t})\n\t\t}, 50)\n\t}\n}\n\n/**\n * Returns a function for use with model.addEffect, with the given options set\n * as model.options.scroll. The effect will return a slice of the input data, which\n * makes it easy to render just a part (slice) of the whole data.\n * \n * Options are:\n * - offset (int) default 0 (optional) - the offset in the data to start the slice\n * - rowCount (int) default 20 (optional / calculated) - the number of rows in the slice\n * - rowHeight (int) default 26 (optional) - the height of a single row in pixels\n * - itemsPerRow (int) default 1 (optional) - the number of items on a single row\n * - size (int) default data.current.length (calculated) - how many rows inside data.current before slicing\n * - scrollbar (HTMLElement) defualt null (optional) - if set, an effect is added to update this elements \n * \t height if data.current.length changes\n * - container (HTMLElement) default null (optional) - if set, a scroll listener is added to this element, \n * which will update the options.offset signal and trigger the slice effect. It will also set the rowCount.\n */\nexport function scroll(options) {\n\n\treturn function(data) {\n\t\tthis.state.options.scroll = Object.assign({\n\t\t\toffset: 0,\n\t\t\trowHeight: 26,\n\t\t\trowCount: 20,\n\t\t\titemsPerRow: 1,\n\t\t\tsize: data.current.length\n\t\t}, options)\n\t\tconst scrollOptions = this.state.options.scroll\n\n\t\tconst scrollbar = scrollOptions.scrollbar \n\t\t\t|| scrollOptions.container?.querySelector('[data-flow-scrollbar]')\n\t\tif (scrollbar) {\n\t\t\tif (scrollOptions.container) {\n\t\t\t\tscrollOptions.container.addEventListener('scroll', (evt) => {\n\t\t\t\t\tscrollOptions.offset = Math.floor(scrollOptions.container.scrollTop\n\t\t\t\t\t\t/ (scrollOptions.rowHeight*scrollOptions.itemsPerRow)\n\t\t\t\t\t)\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tthrottledEffect(() => {\n\t\t\t\tscrollOptions.size = data.current.length * scrollOptions.rowHeight\n\t\t\t\tscrollbar.style.height = scrollOptions.size + 'px'\n\t\t\t}, 50)\n\t\t}\n\n\t\treturn throttledEffect(() => {\n\t\t\tif (scrollOptions.container) {\n\t\t\t\t//TODO: add a resize listener so that if the size of the container\n\t\t\t\t// changes, the rowCount is calculated again\n\t\t\t\tscrollOptions.rowCount = Math.ceil(\n\t\t\t\t\tscrollOptions.container.getBoundingClientRect().height \n\t\t\t\t\t/ scrollOptions.rowHeight\n\t\t\t\t)\n\t\t\t}\n\t\t\tscrollOptions.data = data.current\n\t\t\tlet start = Math.min(scrollOptions.offset, data.current.length-1)\n\t\t\tlet end = start + scrollOptions.rowCount\n\t\t\tif (end > data.current.length) {\n\t\t\t\tend = data.current.length\n\t\t\t\tstart = end - scrollOptions.rowCount\n\t\t\t}\n\t\t\treturn data.current.slice(start, end)\n\t\t}, 50)\n\t}\n}", "import { bind } from './bind.mjs'\nimport * as model from './model.mjs'\nimport * as state from './state.mjs'\n\nif (!globalThis.simply) {\n\tglobalThis.simply = {}\n}\nObject.assign(globalThis.simply, {\n\tbind,\n\tflow: model,\n\tstate\n})\n\nexport default globalThis.simply"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["state_exports", "__export", "batch", "clockEffect", "destroy", "effect", "signal", "throttledEffect", "trace", "untracked", "iterate", "signalHandler", "target", "property", "receiver", "value", "notifyGet", "args", "l", "result", "notifySet", "makeContext", "current", "signals", "descriptor", "v", "prop", "getListeners", "listener", "batchedListeners", "batchMode", "self", "context", "listeners", "change", "propListeners", "addContext", "currentEffect", "computeStack", "clearContext", "currentCompute", "setListeners", "listenersMap", "computeMap", "compute", "connectedSignals", "clearListeners", "s", "effectStack", "effectMap", "signalStack", "fn", "f", "connectedSignal", "computeEffect", "runBatchedListeners", "copyBatchedListeners", "throttleTime", "throttled", "hasChange", "clock", "lastTick", "hasChanged", "remember", "SimplyBind", "options", "defaultOptions", "defaultFieldTransformer", "defaultListTransformer", "defaultMapTransformer", "attribute", "bindAttributes", "
|
|
4
|
+
"sourcesContent": ["const iterate = Symbol('iterate')\nif (!Symbol.xRay) {\n Symbol.xRay = Symbol('xRay')\n}\nif (!Symbol.Signal) {\n Symbol.Signal = Symbol('Signal')\n}\n\nconst signalHandler = {\n get: (target, property, receiver) => {\n if (property===Symbol.xRay) {\n return target // don't notifyGet here, this is only called by set\n }\n if (property===Symbol.Signal) {\n return true\n }\n const value = target?.[property] // Reflect.get fails on a Set.\n notifyGet(receiver, property)\n if (typeof value === 'function') {\n if (Array.isArray(target)) {\n return (...args) => {\n let l = target.length\n // by binding the function to the receiver\n // all accesses in the function will be trapped\n // by the Proxy, so get/set/delete is all handled\n let result = value.apply(receiver, args)\n if (l != target.length) {\n notifySet(receiver, makeContext('length', { was: l, now: target.length }) )\n }\n return result\n }\n } else if (target instanceof Set || target instanceof Map) {\n return (...args) => {\n // node doesn't allow you to call set/map functions\n // bound to the receiver.. so using target instead\n // there are no properties to update anyway, except for size\n let s = target.size\n let result = value.apply(target, args)\n if (s != target.size) {\n notifySet(receiver, makeContext( 'size', { was: s, now: target.size }) )\n }\n // there is no efficient way to see if the function called\n // has actually changed the Set/Map, but by assuming the\n // 'setter' functions will change the results of the\n // 'getter' functions, effects should update correctly\n if (['set','add','clear','delete'].includes(property)) {\n notifySet(receiver, makeContext( { entries: {}, forEach: {}, has: {}, keys: {}, values: {}, [Symbol.iterator]: {} } ) )\n }\n return result\n }\n } else if (\n target instanceof HTMLElement\n || target instanceof Number\n || target instanceof String\n || target instanceof Boolean\n ) {\n return value.bind(target)\n } else {\n // support custom classes, hopefully\n return value.bind(receiver)\n }\n }\n if (value && typeof value == 'object') {\n //NOTE: get now returns a signal, set doesn't 'unsignal' the value set\n return signal(value)\n }\n return value\n },\n set: (target, property, value, receiver) => {\n value = value?.[Symbol.xRay] || value // unwraps signal\n let current = target[property]\n if (current!==value) {\n target[property] = value\n notifySet(receiver, makeContext(property, { was: current, now: value } ) )\n }\n if (typeof current === 'undefined') {\n notifySet(receiver, makeContext(iterate, {}))\n }\n return true\n },\n has: (target, property) => { // receiver is not part of the has() call\n let receiver = signals.get(target) // so retrieve it here\n if (receiver) {\n notifyGet(receiver, property)\n }\n return Object.hasOwn(target, property)\n },\n deleteProperty: (target, property) => {\n if (typeof target[property] !== 'undefined') {\n let current = target[property]\n delete target[property]\n let receiver = signals.get(target) // receiver is not part of the trap arguments, so retrieve it here\n notifySet(receiver, makeContext(property,{ delete: true, was: current }))\n }\n return true\n },\n defineProperty: (target, property, descriptor) => {\n if (typeof target[property] === 'undefined') {\n let receiver = signals.get(target) // receiver is not part of the trap arguments, so retrieve it here\n notifySet(receiver, makeContext(iterate, {}))\n }\n return Object.defineProperty(target, property, descriptor)\n },\n ownKeys: (target) => {\n let receiver = signals.get(target) // receiver is not part of the trap arguments, so retrieve it here\n notifyGet(receiver, iterate)\n return Reflect.ownKeys(target)\n }\n\n}\n\n/**\n * Keeps track of the return signal for an update function, as well\n * as signals connected to other objects. \n * Makes sure that a given object or function always uses the same\n * signal\n */\nconst signals = new WeakMap()\n\n/**\n * Creates a new signal proxy of the given object, that intercepts get/has and set/delete\n * to allow reactive functions to be triggered when signal values change.\n */\nexport function signal(v) {\n if (v[Symbol.Signal]) { // avoid wrapping a Signal inside a Signal\n let target = v[Symbol.xRay]\n if (!signals.has(target)) {\n signals.set(target, v)\n }\n v = target\n } else if (!signals.has(v)) {\n signals.set(v, new Proxy(v, signalHandler))\n }\n return signals.get(v)\n}\n\n/**\n * Lists all effects that are currently listening to changes in\n * the given signal and property\n * returns a list with \n * - effect: the effect function (effect, throttledEffect, clockEffect)\n * - fn: the user provided function to this effect function\n * - signal: the connectedSignal to this user provided function\n * @param Signal signal\n * @param string prop \n * @return array of { effect, fn, signal }\n */\nexport function trace(signal, prop) {\n const listeners = getListeners(signal, prop)\n return listeners.map(listener => {\n return {\n effect: listener.effectType,\n fn: listener.effectFunction,\n signal: signals.get(listener.effectFunction)\n }\n })\n}\n\nlet batchedListeners = new Set()\nlet batchMode = 0\n/**\n * Called when a signal changes a property (set/delete)\n * Triggers any reactor function that depends on this signal\n * to re-compute its values\n */\nfunction notifySet(self, context={}) {\n let listeners = []\n context.forEach((change, property) => {\n let propListeners = getListeners(self, property)\n if (propListeners?.length) {\n for (let listener of propListeners) {\n addContext(listener, makeContext(property,change))\n }\n listeners = listeners.concat(propListeners)\n }\n })\n listeners = new Set(listeners.filter(Boolean))\n if (listeners) {\n if (batchMode) {\n batchedListeners = batchedListeners.union(listeners)\n } else {\n const currentEffect = computeStack[computeStack.length-1]\n for (let listener of Array.from(listeners)) {\n if (listener!=currentEffect && listener?.needsUpdate) {\n listener()\n }\n clearContext(listener)\n }\n }\n }\n}\n\nfunction makeContext(property, change) {\n let context = new Map()\n if (typeof property === 'object') {\n for (let prop in property) {\n context.set(prop, property[prop])\n }\n } else {\n context.set(property, change)\n }\n return context\n}\n\nfunction addContext(listener, context) {\n if (!listener.context) {\n listener.context = context\n } else {\n context.forEach((change,property)=> {\n listener.context.set(property, change) // TODO: merge change if needed\n })\n }\n listener.needsUpdate = true\n}\n\nfunction clearContext(listener) {\n delete listener.context\n delete listener.needsUpdate\n}\n\n/**\n * Called when a signal property is accessed. If this happens\n * inside a reactor function--computeStack is not empty--\n * then it adds the current reactor (top of this stack) to its\n * listeners. These are later called if this property changes\n */\nfunction notifyGet(self, property) {\n let currentCompute = computeStack[computeStack.length-1]\n if (currentCompute) {\n // get was part of a react() function, so add it\n setListeners(self, property, currentCompute)\n }\n}\n\n/**\n * Keeps track of which update() functions are dependent on which\n * signal objects and which properties. Maps signals to update fns\n */\nconst listenersMap = new WeakMap()\n\n/**\n * Keeps track of which signals and properties are linked to which\n * update functions. Maps update functions and properties to signals\n */\nconst computeMap = new WeakMap()\n\n/**\n * Returns the update functions for a given signal and property\n */\nfunction getListeners(self, property) {\n let listeners = listenersMap.get(self)\n return listeners ? Array.from(listeners.get(property) || []) : []\n}\n\n/**\n * Adds an update function (compute) to the list of listeners on\n * the given signal (self) and property\n */\nfunction setListeners(self, property, compute) {\n if (!listenersMap.has(self)) {\n listenersMap.set(self, new Map())\n }\n let listeners = listenersMap.get(self)\n if (!listeners.has(property)) {\n listeners.set(property, new Set())\n }\n listeners.get(property).add(compute)\n\n if (!computeMap.has(compute)) {\n computeMap.set(compute, new Map())\n }\n let connectedSignals = computeMap.get(compute)\n if (!connectedSignals.has(property)) {\n connectedSignals.set(property, new Set)\n }\n connectedSignals.get(property).add(self)\n}\n\n/**\n * Removes alle listeners that trigger the given reactor function (compute)\n * This happens when a reactor is called, so that it can set new listeners\n * based on the current call (code path)\n */\nfunction clearListeners(compute) {\n let connectedSignals = computeMap.get(compute)\n if (connectedSignals) {\n connectedSignals.forEach(property => {\n property.forEach(s => {\n let listeners = listenersMap.get(s)\n if (listeners.has(property)) {\n listeners.get(property).delete(compute)\n }\n })\n })\n }\n}\n\n/**\n * The top most entry is the currently running update function, used\n * to automatically record signals used in an update function.\n */\nlet computeStack = []\n\n/**\n * Used for cycle detection: effectStack contains all running effect\n * functions. If the same function appears twice in this stack, there\n * is a recursive update call, which would cause an infinite loop.\n */\nconst effectStack = []\n\nconst effectMap = new WeakMap()\n/**\n * Used for cycle detection: signalStack contains all used signals. \n * If the same signal appears more than once, there is a cyclical \n * dependency between signals, which would cause an infinite loop.\n */\nconst signalStack = []\n\n/**\n * Runs the given function at once, and then whenever a signal changes that\n * is used by the given function (or at least signals used in the previous run).\n */\nexport function effect(fn) {\n if (effectStack.findIndex(f => fn==f)!==-1) {\n throw new Error('Recursive update() call', {cause:fn})\n }\n effectStack.push(fn)\n\n let connectedSignal = signals.get(fn)\n if (!connectedSignal) {\n connectedSignal = signal({\n current: null\n })\n signals.set(fn, connectedSignal)\n }\n\n // this is the function that is called automatically\n // whenever a signal dependency changes\n const computeEffect = function computeEffect() {\n if (signalStack.findIndex(s => s==connectedSignal)!==-1) {\n throw new Error('Cyclical dependency in update() call', { cause: fn})\n }\n // remove all dependencies (signals) from previous runs \n clearListeners(computeEffect)\n computeEffect.effectFunction = fn\n computeEffect.effectType = effect\n // record new dependencies on this run\n computeStack.push(computeEffect)\n // prevent recursion\n signalStack.push(connectedSignal)\n // call the actual update function\n let result\n try {\n result = fn(computeEffect, computeStack, signalStack)\n } finally {\n // stop recording dependencies\n computeStack.pop()\n // stop the recursion prevention\n signalStack.pop()\n if (result instanceof Promise) {\n result.then((result) => {\n connectedSignal.current = result\n })\n } else {\n connectedSignal.current = result\n }\n }\n }\n computeEffect.fn = fn\n effectMap.set(connectedSignal, computeEffect)\n\n // run the computEffect immediately upon creation\n computeEffect()\n return connectedSignal\n}\n\n\nexport function destroy(connectedSignal) {\n // find the computeEffect associated with this signal\n const computeEffect = effectMap.get(connectedSignal)?.deref()\n if (!computeEffect) {\n return\n }\n\n // remove all listeners for this effect\n clearListeners(computeEffect)\n\n // remove all references to connectedSignal\n let fn = computeEffect.fn\n signals.remove(fn)\n\n effectMap.delete(connectedSignal)\n\n // if no other references to connectedSignal exist, it will be garbage collected\n}\n\n/**\n * Inside a batch() call, any changes to signals do not trigger effects\n * immediately. Instead, immediately after finishing the batch() call,\n * these effects will be called. Effects that are triggered by multiple\n * signals are called only once.\n * @param Function fn batch() calls this function immediately\n * @result mixed the result of the fn() function call\n */\nexport function batch(fn) {\n batchMode++\n let result\n try {\n result = fn()\n } finally {\n if (result instanceof Promise) {\n result.then(() => {\n batchMode--\n if (!batchMode) {\n runBatchedListeners()\n }\n })\n } else {\n batchMode--\n if (!batchMode) {\n runBatchedListeners()\n }\n }\n }\n return result\n}\n\nfunction runBatchedListeners() {\n let copyBatchedListeners = Array.from(batchedListeners)\n batchedListeners = new Set()\n const currentEffect = computeStack[computeStack.length-1]\n for (let listener of copyBatchedListeners) {\n if (listener!=currentEffect && listener?.needsUpdate) {\n listener()\n }\n clearContext(listener)\n }\n}\n\n/**\n * A throttledEffect is run immediately once. And then only once\n * per throttleTime (in ms).\n * @param Function fn the effect function to run whenever a signal changes\n * @param int throttleTime in ms\n * @returns signal with the result of the effect function fn\n */\nexport function throttledEffect(fn, throttleTime) {\n if (effectStack.findIndex(f => fn==f)!==-1) {\n throw new Error('Recursive update() call', {cause:fn})\n }\n effectStack.push(fn)\n\n let connectedSignal = signals.get(fn)\n if (!connectedSignal) {\n connectedSignal = signal({\n current: null\n })\n signals.set(fn, connectedSignal)\n }\n\n let throttled = false\n let hasChange = true\n // this is the function that is called automatically\n // whenever a signal dependency changes\n const computeEffect = function computeEffect() {\n if (signalStack.findIndex(s => s==connectedSignal)!==-1) {\n throw new Error('Cyclical dependency in update() call', { cause: fn})\n }\n if (throttled && throttled>Date.now()) {\n hasChange = true\n return\n }\n // remove all dependencies (signals) from previous runs \n clearListeners(computeEffect)\n // record new dependencies on this run\n computeEffect.effectFunction = fn\n computeEffect.effectType = throttledEffect\n computeStack.push(computeEffect)\n // prevent recursion\n signalStack.push(connectedSignal)\n // call the actual update function\n let result\n try {\n result = fn(computeEffect, computeStack, signalStack)\n } finally {\n hasChange = false\n // stop recording dependencies\n computeStack.pop()\n // stop the recursion prevention\n signalStack.pop()\n if (result instanceof Promise) {\n result.then((result) => {\n connectedSignal.current = result\n })\n } else {\n connectedSignal.current = result\n }\n }\n throttled = Date.now()+throttleTime\n globalThis.setTimeout(() => {\n if (hasChange) {\n computeEffect()\n }\n }, throttleTime)\n }\n // run the computEffect immediately upon creation\n computeEffect()\n return connectedSignal\n}\n\n// refactor: Class clock() with an effect() method\n// keep track of effects per clock, and add clock property to the effect function\n// on notifySet add clock.effects to clock.needsUpdate list\n// on clock.tick() (or clock.time++) run only the clock.needsUpdate effects \n// (first create a copy and reset clock.needsUpdate, then run effects)\nexport function clockEffect(fn, clock) {\n let connectedSignal = signals.get(fn)\n if (!connectedSignal) {\n connectedSignal = signal({\n current: null\n })\n signals.set(fn, connectedSignal)\n }\n\n let lastTick = -1 // clock.time should start at 0 or larger\n let hasChanged = true // make sure the first run goes through\n // this is the function that is called automatically\n // whenever a signal dependency changes\n const computeEffect = function computeEffect() {\n if (lastTick < clock.time) {\n if (hasChanged) {\n // remove all dependencies (signals) from previous runs \n clearListeners(computeEffect)\n computeEffect.effectFunction = fn\n computeEffect.effectType = clockEffect\n // record new dependencies on this run\n computeStack.push(computeEffect)\n // make sure the clock.time signal is a dependency\n lastTick = clock.time\n // call the actual update function\n let result \n try {\n result = fn(computeEffect, computeStack)\n } finally {\n // stop recording dependencies\n computeStack.pop()\n if (result instanceof Promise) {\n result.then((result) => {\n connectedSignal.current = result\n })\n } else {\n connectedSignal.current = result\n }\n hasChanged = false\n }\n } else {\n lastTick = clock.time\n }\n } else {\n hasChanged = true\n }\n }\n // run the computEffect immediately upon creation\n computeEffect()\n return connectedSignal\n}\n\nexport function untracked(fn) {\n const remember = computeStack.slice()\n computeStack = []\n try {\n return fn()\n } finally {\n computeStack = remember\n }\n}", "import { throttledEffect, destroy } from './state.mjs'\n\n/**\n * Implements one way databinding, updating dom elements with matching attributes\n * to changes in signals (see state.mjs)\n * \n * @class\n */\nclass SimplyBind\n{\n \n /**\n * @param Object options - a set of options for this instance, options may include:\n * - root (signal) (required) - the root data object that contains al signals that can be bound\n * - container (HTMLElement) - the dom element to use as the root for all bindings\n * - attribute (string) - the prefix for the field, list and map attributes, e.g. 'data-bind'\n * - transformers (object name:function) - a map of transformer names and functions\n * - defaultTransformers (object with field, list and map properties)\n */\n constructor(options)\n {\n /**\n * A map of HTMLElements and the data bindings on each, in the form of \n * the connectedSignal returned by the (throttled)Effect.\n * @type {Map}\n * @public\n */\n this.bindings = new Map()\n\n const standardTransformers = {\n escape_html,\n fixed_content\n }\n const defaultOptions = {\n container: document.body,\n attribute: 'data-bind',\n transformers: standardTransformers,\n defaultTransformers: {\n field: [defaultFieldTransformer],\n list: [defaultListTransformer],\n map: [defaultMapTransformer]\n }\n }\n if (!options?.root) {\n throw new Error('bind needs at least options.root set')\n }\n this.options = Object.assign({}, defaultOptions, options)\n if (options.transformers) {\n this.options.transformers = Object.assign({}, standardTransformers, options?.transformers)\n }\n const attribute = this.options.attribute\n const bindAttributes = [attribute+'-field',attribute+'-list',attribute+'-map']\n const transformAttribute = attribute+'-transform'\n\n const getBindingAttribute = (el) => {\n const foundAttribute = bindAttributes.find(attr => el.hasAttribute(attr))\n if (!foundAttribute) {\n console.error('No matching attribute found',el,attr)\n }\n return foundAttribute\n }\n\n // sets up the effect that updates the element if its\n // data binding value changes\n const render = (el) => {\n this.bindings.set(el, throttledEffect(() => {\n if (!el.isConnected) {\n // el is no longer part of this document\n untrack(el, this.getBindingPath(el))\n destroy(this.bindings.get(el))\n // doing this here instead of in a mutationobserver\n // allows an element to be temporary removed and then inserted\n // without the binding having to be reset\n return\n }\n const context = {\n templates: el.querySelectorAll(':scope > template'),\n attribute: getBindingAttribute(el)\n }\n context.path = this.getBindingPath(el)\n context.value = getValueByPath(this.options.root, context.path)\n context.element = el\n track(el, context)\n runTransformers(context)\n }, 50))\n }\n\n // finds and runs applicable transformers\n // creates a stack of transformers, calls the topmost\n // each transformer can opt to call the next or not\n // transformers should return the context object (possibly altered)\n const runTransformers = (context) => {\n let transformers\n switch(context.attribute) {\n case this.options.attribute+'-field':\n transformers = Array.from(this.options.defaultTransformers.field)\n break\n case this.options.attribute+'-list':\n transformers = Array.from(this.options.defaultTransformers.list)\n break\n case this.options.attribute+'-map':\n transformers = Array.from(this.options.defaultTransformers.map)\n break\n }\n if (context.element.hasAttribute(transformAttribute)) {\n context.element.getAttribute(transformAttribute)\n .split(' ').filter(Boolean)\n .forEach(t => {\n if (this.options.transformers[t]) {\n transformers.push(this.options.transformers[t])\n } else {\n console.warn('No transformer with name '+t+' configured', {cause:context.element})\n }\n })\n }\n let next\n for (let transformer of transformers) {\n next = ((next, transformer) => {\n return (context) => {\n return transformer.call(this, context, next)\n }\n })(next, transformer)\n }\n next(context)\n }\n\n // given a set of elements with data bind attribute\n // this renders each of those elements\n const applyBindings = (bindings) => {\n for (let bindingEl of bindings) {\n if (!this.bindings.get(bindingEl)) { // bindingEl may have moved from somewhere else in this document\n render(bindingEl)\n }\n }\n }\n\n // this handles the mutation observer changes\n // if any element is added, and has a data bind attribute\n // it applies that data binding\n const updateBindings = (changes) => {\n const selector = `[${attribute}-field],[${attribute}-list],[${attribute}-map]`\n for (const change of changes) {\n if (change.type==\"childList\" && change.addedNodes) {\n for (let node of change.addedNodes) {\n if (node instanceof HTMLElement) {\n let bindings = Array.from(node.querySelectorAll(selector))\n if (node.matches(selector)) {\n bindings.unshift(node)\n }\n if (bindings.length) {\n applyBindings(bindings)\n }\n }\n }\n }\n }\n }\n\n // this responds to elements getting added to the dom\n // and if any have data bind attributes, it applies those bindings\n this.observer = new MutationObserver((changes) => {\n updateBindings(changes)\n })\n\n this.observer.observe(this.options.container, {\n subtree: true,\n childList: true\n })\n\n // this finds elements with data binding attributes and applies those bindings\n // must come after setting up the observer, or included templates\n // won't trigger their own bindings\n const bindings = this.options.container.querySelectorAll(\n ':is(['+this.options.attribute+'-field]'+\n ',['+this.options.attribute+'-list]'+\n ',['+this.options.attribute+'-map]):not(template)'\n )\n if (bindings.length) {\n applyBindings(bindings)\n }\n\n }\n\n /**\n * Finds the first matching template and creates a new DocumentFragment\n * with the correct data bind attributes in it (prepends the current path)\n * @param Context context\n * @return DocumentFragment\n */\n applyTemplate(context)\n {\n const path = context.path\n const templates = context.templates\n const list = context.list\n const index = context.index\n const parent = context.parent\n const value = list ? list[index] : context.value\n\n let template = this.findTemplate(templates, value)\n if (!template) {\n let result = new DocumentFragment()\n result.innerHTML = '<!-- no matching template -->'\n return result\n }\n let clone = template.content.cloneNode(true)\n if (!clone.children?.length) {\n return clone\n }\n if (clone.children.length>1) {\n throw new Error('template must contain a single root node', { cause: template })\n }\n const attribute = this.options.attribute\n const attributes = [attribute+'-field',attribute+'-list',attribute+'-map']\n const bindings = clone.querySelectorAll(`[${attribute}-field],[${attribute}-list],[${attribute}-map]`)\n for (let binding of bindings) {\n const attr = attributes.find(attr => binding.hasAttribute(attr))\n const bind = binding.getAttribute(attr)\n if (bind.substring(0, ':root.'.length)==':root.') {\n binding.setAttribute(attr, bind.substring(':root.'.length))\n } else if (bind==':value' && index!=null) {\n binding.setAttribute(attr, path+'.'+index)\n } else if (index!=null) {\n binding.setAttribute(attr, path+'.'+index+'.'+bind)\n } else {\n binding.setAttribute(attr, parent+'.'+bind)\n }\n }\n if (typeof index !== 'undefined') {\n clone.children[0].setAttribute(attribute+'-key',index)\n }\n // keep track of the used template, so if that changes, the item can be updated\n Object.defineProperty(\n clone.children[0],\n '$bindTemplate',\n {\n value: template,\n enumerable: false,\n writable: true,\n configurable: true\n }\n )\n // return clone, not the firstChild, so that all whitespace is cloned as well\n return clone\n }\n\n /**\n * Returns the path referenced in either the field, list or map attribute\n * @param HTMLElement el\n * @return string The path referenced, or void\n */\n getBindingPath(el)\n {\n const attributes = [\n this.options.attribute+'-field', \n this.options.attribute+'-list',\n this.options.attribute+'-map'\n ]\n for (let attr of attributes) {\n if (el.hasAttribute(attr)) {\n return el.getAttribute(attr)\n }\n }\n }\n\n /**\n * Finds the first template from an array of templates that\n * matches the given value. \n */\n findTemplate(templates, value)\n {\n const templateMatches = t => {\n // find the value to match against (e.g. data-bind=\"foo\")\n let path = this.getBindingPath(t)\n let currentItem\n if (path) {\n if (path.substr(0,6)==':root.') {\n currentItem = getValueByPath(this.options.root, path)\n } else {\n currentItem = getValueByPath(value, path)\n }\n } else {\n currentItem = value\n }\n\n // then check the value against pattern, if set (e.g. data-bind-match=\"bar\")\n const strItem = ''+currentItem\n let matches = t.getAttribute(this.options.attribute+'-match')\n if (matches) {\n if (matches===':empty' && !currentItem) {\n return t\n } else if (matches===':notempty' && currentItem) {\n return t\n }\n if (strItem.match(matches)) {\n return t\n }\n }\n if (!matches && currentItem!==null && currentItem!==undefined) {\n //FIXME: this doesn't run templates in lists where list entry is null\n //which messes up the count\n //\n // no data-bind-match is set, so return this template\n return t\n }\n }\n let template = Array.from(templates).find(templateMatches)\n let rel = template?.getAttribute('rel')\n if (rel) {\n let replacement = document.querySelector('template#'+rel)\n if (!replacement) {\n throw new Error('Could not find template with id '+rel)\n }\n template = replacement\n }\n return template\n }\n\n destroy()\n {\n this.bindings.forEach(binding => {\n destroy(binding)\n })\n this.bindings = new Map()\n this.observer.disconnect()\n }\n\n}\n\n/**\n * Returns a new instance of SimplyBind. This is the normal start\n * of a data bind flow\n */\nexport function bind(options)\n{\n return new SimplyBind(options)\n}\n\nconst tracking = new Map()\n\nexport function trace(path)\n{\n return tracking.get(path)\n}\n\nfunction track(el, context) {\n if (!tracking.has(context.path)) {\n tracking.set(context.path, [context])\n } else {\n tracking.get(context.path).push(context)\n }\n}\n\nfunction untrack(el, path) {\n let list = tracking.get(path)\n if (list) {\n list = list.filter(context => context.element == el)\n tracking.set(path, list)\n }\n}\n\n/**\n * Returns true if a matches b, either by having the\n * same string value, or matching string :empty against a falsy value\n */\nexport function matchValue(a,b)\n{\n if (a==':empty' && !b) {\n return true\n }\n if (b==':empty' && !a) {\n return true\n }\n if (''+a == ''+b) {\n return true\n }\n return false\n}\n\n/**\n * Returns the value by walking the given path as a json pointer, starting at root\n * if you have a property with a '.' in its name urlencode the '.', e.g: %46\n * \n * @param HTMLElement root\n * @param string path e.g. 'foo.bar'\n * @return mixed the value found by walking the path from the root object or undefined\n */\nexport function getValueByPath(root, path)\n{\n let parts = path.split('.');\n let curr = root;\n let part, prevPart;\n while (parts.length && curr) {\n part = parts.shift()\n if (part==':key') {\n return prevPart\n } else if (part==':value') {\n return curr\n } else if (part==':root') {\n curr = root\n } else {\n part = decodeURIComponent(part)\n curr = curr[part];\n prevPart = part\n }\n }\n return curr\n}\n\n/**\n * Default transformer for data binding\n * Will be used unless overriden in the SimplyBind options parameter\n */\nexport function defaultFieldTransformer(context)\n{\n const el = context.element\n const templates = context.templates\n\n if (templates?.length) {\n transformLiteralByTemplates.call(this, context)\n } else {\n switch(el.tagName) {\n case 'INPUT':\n transformInput.call(this, context)\n break\n case 'BUTTON':\n transformButton.call(this, context)\n break\n case 'SELECT':\n transformSelect.call(this, context)\n break\n case 'A':\n transformAnchor.call(this, context)\n break\n case 'IMG':\n transformImage.call(this, context)\n break\n case 'IFRAME':\n transformIframe.call(this, context)\n break\n case 'META':\n transformMeta.call(this, context)\n break\n case 'TEMPLATE': // never touch templates!\n break\n default:\n transformElement.call(this, context)\n break\n }\n }\n return context\n}\n\nexport function defaultListTransformer(context)\n{\n const el = context.element\n const templates = context.templates\n const path = context.path\n const value = context.value\n \n if (!Array.isArray(value)) {\n console.error('Value is not an array.', el, path, value)\n } else if (!templates?.length) {\n console.error('No templates found in', el)\n } else {\n transformArrayByTemplates.call(this, context)\n }\n return context\n}\n\nexport function defaultMapTransformer(context)\n{\n const el = context.element\n const templates = context.templates\n const path = context.path\n const value = context.value\n\n if (typeof value != 'object') {\n console.error('Value is not an object.', el, path, value)\n } else if (!templates?.length) {\n console.error('No templates found in', el)\n } else {\n transformObjectByTemplates.call(this, context)\n }\n return context\n}\n\n\n/**\n * Renders an array value by applying templates for each entry\n * Replaces or removes existing DOM children if needed\n * Reuses (doesn't touch) DOM children if template doesn't change\n * FIXME: this doesn't handle situations where there is no matching template\n * this messes up self healing. check transformObjectByTemplates for a better implementation\n */\nexport function transformArrayByTemplates(context)\n{\n const el = context.element\n const templates = context.templates\n const path = context.path\n const value = context.value\n const attribute = this.options.attribute\n\n let items = el.querySelectorAll(':scope > ['+attribute+'-key]')\n // do single merge strategy for now, in future calculate optimal merge strategy from a number\n // now just do a delete if a key <= last key, insert if a key >= last key\n let lastKey = 0\n let skipped = 0\n context.list = value\n for (let item of items) {\n let currentKey = parseInt(item.getAttribute(attribute+'-key'))\n if (currentKey>lastKey) {\n // insert before\n context.index = lastKey\n el.insertBefore(this.applyTemplate(context), item)\n } else if (currentKey<lastKey) {\n // remove this\n item.remove()\n } else {\n // check that all data-bind params start with current json path or ':root', otherwise replaceChild\n let bindings = Array.from(item.querySelectorAll(`[${attribute}]`))\n if (item.matches(`[${attribute}]`)) {\n bindings.unshift(item)\n }\n let needsReplacement = bindings.find(b => {\n let databind = b.getAttribute(attribute)\n return (databind.substr(0,5)!==':root' \n && databind.substr(0, path.length)!==path)\n })\n if (!needsReplacement) {\n if (item.$bindTemplate) {\n let newTemplate = this.findTemplate(templates, value[lastKey])\n if (newTemplate != item.$bindTemplate){\n needsReplacement = true\n if (!newTemplate) {\n skipped++\n }\n }\n }\n }\n if (needsReplacement) {\n context.index = lastKey\n el.replaceChild(this.applyTemplate(context), item)\n }\n }\n lastKey++\n if (lastKey>=value.length) {\n break\n }\n }\n items = el.querySelectorAll(':scope > ['+attribute+'-key]')\n let length = items.length + skipped\n if (length > value.length) {\n while (length > value.length) {\n let child = el.querySelectorAll(':scope > :not(template)')?.[length-1]\n child?.remove()\n length--\n }\n } else if (length < value.length ) {\n while (length < value.length) {\n context.index = length\n el.appendChild(this.applyTemplate(context))\n length++\n }\n }\n}\n\n/**\n * Renders an object value by applying templates for each entry (Object.entries)\n * Replaces,moves or removes existing DOM children if needed\n * Reuses (doesn't touch) DOM children if template doesn't change\n */\nexport function transformObjectByTemplates(context)\n{\n const el = context.element\n const templates = context.templates\n const value = context.value\n const attribute = this.options.attribute\n context.list = value\n\n let items = Array.from(el.querySelectorAll(':scope > ['+attribute+'-key]'))\n for (let key in context.list) {\n context.index = key\n let item = items.shift()\n if (!item) { // more properties than rendered items\n let clone = this.applyTemplate(context)\n el.appendChild(clone)\n continue\n }\n if (item.getAttribute[attribute+'-key']!=key) { \n // next item doesn't match key\n items.unshift(item) // put item back for next cycle\n let outOfOrderItem = el.querySelector(':scope > ['+attribute+'-key=\"'+key+'\"]') //FIXME: escape key\n if (!outOfOrderItem) {\n let clone = this.applyTemplate(context)\n el.insertBefore(clone, item)\n continue // new template doesn't need replacement, so continue \n } else {\n el.insertBefore(outOfOrderItem, item)\n item = outOfOrderItem // check needsreplacement next\n items = items.filter(i => i!=outOfOrderItem)\n }\n }\n let newTemplate = this.findTemplate(templates, value[key])\n if (newTemplate != item.$bindTemplate){\n let clone = this.applyTemplate(context)\n el.replaceChild(clone, item)\n }\n }\n // clean up remaining items\n while (items.length) {\n let item = items.shift()\n item.remove()\n }\n}\n\nfunction getParentPath(el, attribute)\n{\n const parentEl = el.parentElement?.closest(`[${attribute}-list],[${attribute}-map]`)\n if (!parentEl) {\n return ':root'\n }\n if (parentEl.hasAttribute(`${attribute}-list`)) {\n return parentEl.getAttribute(`${attribute}-list`)\n }\n return parentEl.getAttribute(`${attribute}-map`)\n}\n\n/**\n * transforms the contents of an html element by rendering\n * a matching template, once.\n * data-bind attributes inside the template use the same\n * parent path as this html element uses\n */\nexport function transformLiteralByTemplates(context)\n{\n const el = context.element\n const templates = context.templates\n const value = context.value\n const attribute = this.options.attribute\n\n const rendered = el.querySelector(':scope > :not(template)')\n const template = this.findTemplate(templates, value)\n\n context.parent = getParentPath(el, attribute)\n if (rendered) {\n if (template) {\n if (rendered?.$bindTemplate != template) {\n const clone = this.applyTemplate(context)\n el.replaceChild(clone, rendered)\n }\n } else {\n el.removeChild(rendered)\n }\n } else if (template) {\n const clone = this.applyTemplate(context)\n el.appendChild(clone)\n }\n}\n\n/**\n * transforms a single input type\n * for radio/checkbox inputs it only sets the checked attribute to true/false\n * if the value attribute matches the current value\n * for other inputs the value attribute is updated\n */\nexport function transformInput(context)\n{\n const el = context.element\n let value = context.value\n\n transformElement(context)\n if (typeof value == 'undefined') {\n value = ''\n }\n if (el.type=='checkbox' || el.type=='radio') {\n if (matchValue(el.value, value)) {\n el.checked = true\n } else {\n el.checked = false\n }\n } else if (!matchValue(el.value, value)) {\n el.value = ''+value\n }\n}\n\n/**\n * Sets the value of the button, doesn't touch the innerHTML\n */\nexport function transformButton(context)\n{\n const el = context.element\n const value = context.value\n\n transformElement(context)\n setProperties(el, value, 'value')\n}\n\n/**\n * Sets the selected attribute of select options\n */\nexport function transformSelect(context)\n{\n const el = context.element\n let value = context.value\n\n if (value === null) {\n value = ''\n }\n if (typeof value!='object') {\n if (el.multiple) {\n if (Array.isArray(value)) { //FIXME: cannot be true, since typeof != 'object'\n for (let option of el.options) {\n if (value.indexOf(option.value)===false) {\n option.selected = false\n } else {\n option.selected = true\n }\n }\n }\n } else {\n let option = el.options.find(o => matchValue(o.value,value))\n if (option) {\n option.selected = true\n option.setAttribute('selected', true)\n }\n }\n } else { // value is a non-null object\n if (value.options) {\n setSelectOptions(el, value.options)\n }\n if (value.selected) {\n transformSelect(Object.asssign({}, context, {value:value.selected}))\n }\n setProperties(el, value, 'name', 'id', 'selectedIndex', 'className') // allow innerHTML? if so call transformElement instead\n }\n}\n\nexport function addOption(select, option)\n{\n if (!option) {\n return\n }\n if (typeof option !== 'object') {\n select.options.add(new Option(''+option))\n } else if (option.text) {\n select.options.add(new Option(option.text, option.value, option.defaultSelected, option.selected))\n } else if (typeof option.value != 'undefined') {\n select.options.add(new Option(''+option.value, option.value, option.defaultSelected, option.selected))\n }\n}\n\nexport function setSelectOptions(select,options)\n{\n //@TODO: only update in case of changes?\n select.innerHTML = ''\n if (Array.isArray(options)) {\n for (const option of options) {\n addOption(select, option)\n }\n } else if (options && typeof options == 'object') {\n for (const option in options) {\n addOption(select, { text: options[option], value: option })\n }\n }\n}\n\n/**\n * Sets the innerHTML and href attribute of an anchor\n * TODO: support target, title, etc. attributes\n */\nexport function transformAnchor(context)\n{\n const el = context.element\n const value = context.value\n\n transformElement(context)\n setProperties(el, value, 'title', 'target', 'href', 'name', 'newwindow', 'nofollow')\n}\n\nexport function transformImage(context)\n{\n const el = context.element\n const value = context.value\n\n transformElement(context)\n setProperties(el, value, 'title', 'alt', 'src')\n}\n\nexport function transformIframe(context)\n{\n const el = context.element\n const value = context.value\n\n transformElement(context)\n setProperties(el, value, 'title', 'src')\n}\n\nexport function transformMeta(context)\n{\n const el = context.element\n const value = context.value\n\n transformElement(context)\n setProperties(el, value, 'content') \n}\n/**\n * sets the innerHTML and title and id properties of any HTML element\n */\nexport function transformElement(context)\n{\n const el = context.element\n let value = context.value\n\n if (typeof value=='undefined' || value==null) {\n value = ''\n }\n let strValue = ''+value\n if (typeof value!='object' || strValue.substring(0,8)!='[object ') {\n el.innerHTML = strValue\n return\n }\n setProperties(el, value, 'innerHTML', 'title', 'id', 'className')\n}\n\n/**\n * Sets a list of properties on a dom element, equal to \n * the string value of a data object\n * only updates the dom element if the property doesn't match\n */\nexport function setProperties(el, data, ...properties) {\n if (!data || typeof data!=='object') {\n return\n }\n for (const property of properties) {\n if (typeof data[property] === 'undefined') {\n continue\n }\n if (matchValue(el[property], data[property])) {\n continue\n }\n if (data[property] === null) {\n el[property] = ''\n } else {\n el[property] = ''+data[property]\n }\n }\n}\n\nexport function escape_html(context, next) {\n let content = context.value.innerHTML\n if (typeof context.value == 'string') {\n content = context.value\n context.value = { innerHTML: content }\n }\n if (content) {\n content = content.replace(/&/g, '&')\n .replace(/</g, '<')\n .replace(/>/g, '>')\n .replace(/\"/g, '"')\n .replace(/'/g, ''');\n context.value.innerHTML = content\n }\n next(context)\n}\n\nexport function fixed_content(context, next) {\n if (typeof context.value == 'string') {\n context.value = {}\n } else {\n delete context.value.innerHTML\n }\n next(context)\n}\n", "import {signal, effect, throttledEffect, batch} from './state.mjs'\n\n/**\n * This class implements a pluggable data model, where you can\n * add effects that are run only when either an option for that\n * effect changes, or when an effect earlier in the chain of\n * effects changes.\n */\nclass SimplyFlowModel {\n\n\t/**\n\t * Creates a new datamodel, with a state property that contains\n\t * all the data passed to this constructor\n\t * @param state\tObject with all the data for this model\n\t */\n\tconstructor(state) {\n\t\tthis.state = signal(state)\n\t\tif (!this.state.options) {\n\t\t\tthis.state.options = {}\n\t\t}\n\t\tthis.effects = [{current:state.data}]\n\t\tthis.view = signal(state.data)\n\t}\n\n\t/**\n\t * Adds an effect to run whenever a signal it depends on\n\t * changes. this.state is the usual signal.\n\t * The `fn` function param is not itself an effect, but must return\n\t * and effect function. `fn` takes one param, which is the data signal.\n\t * This signal will always have at least a `current` property.\n\t * The result of the effect function is pushed on to the this.effects\n\t * list. And the last effect added is set as this.view\n\t */\n\taddEffect(fn) {\n\t\tconst dataSignal = this.effects[this.effects.length-1]\n\t\tthis.view = fn.call(this, dataSignal)\n\t\tthis.effects.push(this.view)\n\t}\n}\n\nexport function model(options) {\n\treturn new SimplyFlowModel(options)\n}\n\n/**\n * Returns a function for model.addEffect that sorts the input data\n * \n * Options:\n * - direction (string) default 'asc' - change to 'desc' to sort in descending order\n * - sortBy (string) (optional) - used by the default sorting function to select the property to sort on\n * - sortFn (function) (required - set by default) - the sort function to use\n */\nexport function sort(options={}) {\n\treturn function(data) {\n\t\t// initialize the sort options, only gets called once\n\t\tthis.state.options.sort = Object.assign({\n\t\t\tdirection: 'asc',\n\t\t\tsortBy: null,\n\t\t\tsortFn: ((a,b) => {\n\t\t\t\tconst sort = this.state.options.sort\n\t\t\t\tconst sortBy = sort.sortBy\n\t\t\t\tif (!sort.sortBy) {\n\t\t\t\t\treturn 0\n\t\t\t\t}\n\t\t\t\tconst larger = sort.direction == 'asc' ? 1 : -1\n\t\t\t\tconst smaller = sort.direction == 'asc' ? -1 : 1\n\t\t\t\tif (typeof a?.[sortBy] === 'undefined') {\n\t\t\t\t\tif (typeof b?.[sortBy] === 'undefined') {\n\t\t\t\t\t\treturn 0\n\t\t\t\t\t}\n\t\t\t\t\treturn larger\n\t\t\t\t}\n\t\t\t\tif (typeof b?.[sortBy] === 'undefined') {\n\t\t\t\t\treturn smaller\n\t\t\t\t}\n\t\t\t\tif (a[sortBy]<b[sortBy]) {\n\t\t\t\t\treturn smaller\n\t\t\t\t} else if (a[sortBy]>b[sortBy]) {\n\t\t\t\t\treturn larger\n\t\t\t\t} else {\n\t\t\t\t\treturn 0\n\t\t\t\t}\n\t\t\t})\n\t\t}, options);\n\t\t// then return the effect, which is called when\n\t\t// either the data or the sort options change\n\t\treturn throttledEffect(() => {\n\t\t\tconst sort = this.state.options.sort\n\t\t\tif (sort?.sortBy && sort?.direction) {\n\t\t\t\treturn data.current.toSorted(sort?.sortFn)\n\t\t\t}\n\t\t\treturn data.current\n\t\t}, 50)\n\t}\n}\n\n/**\n * Returns a function for model.addEffect that implements paging\n * for the input data. It will return a slice of the data matching\n * the page and pageSize options.\n * \n * Options:\n * - page (int) default 1 - which page to show, starts at 1\n * - pageSize (int) default 20 - how many items in a single page\n * - max (int) (calculated) - how many pages in total\n */\nexport function paging(options={}) {\n\treturn function(data) {\n\t\t// initialize the paging options\n\t\tthis.state.options.paging = Object.assign({\n\t\t\tpage: 1,\n\t\t\tpageSize: 20,\n\t\t\tmax: 1\n\t\t}, options)\n\t\treturn throttledEffect(() => {\n\t\t\treturn batch(() => {\n\t\t\t\tconst paging = this.state.options.paging\n\t\t\t\tif (!paging.pageSize) {\n\t\t\t\t\tpaging.pageSize = 20\n\t\t\t\t}\n\t\t\t\tpaging.max = Math.ceil(this.state.data.length / paging.pageSize)\n\t\t\t\tpaging.page = Math.max(1, Math.min(paging.max, paging.page))\n\n\t\t\t\tconst start = (paging.page-1) * paging.pageSize\n\t\t\t\tconst end = start + paging.pageSize\n\t\t\t\treturn data.current.slice(start, end)\n\t\t\t})\n\t\t}, 50)\n\t}\n}\n\n/**\n * Returns a function for model.addEffect that filters rows from the data,\n * using a custom filter function `options.matches`\n * \n * Options:\n * - name (string) (required) - the name of this filter, must be unique\n * - matches (function) (required) - the filter function to apply to the data\n */\nexport function filter(options) {\n\tif (!options?.name || typeof options.name!=='string') {\n\t\tthrow new Error('filter requires options.name to be a string')\n\t}\n\tif (!options.matches || typeof options.matches!=='function') {\n\t\tthrow new Error('filter requires options.matches to be a function')\n\t}\n\treturn function(data) {\n\t\tif (this.state.options[options.name]) {\n\t\t\tthrow new Error('a filter with this name already exists on this model')\n\t\t}\n\t\tthis.state.options[options.name] = options\n\t\treturn throttledEffect(() => {\n\t\t\tif (this.state.options[options.name].enabled) {\n\t\t\t\treturn data.current.filter(this.state.options[options.name].matches.bind(this))\n\t\t\t}\n\t\t\treturn data.current\n\t\t}, 50)\n\t}\n}\n\n/**\n * Returns a function for model.addEffect that filters the data to only contain\n * columns (properties) that aren't hidden. Automatically runs again if any columns\n * hidden property changes.\n * \n * Options:\n * - columns (object) (required) - an object with properties describing each column. Each \n * property must be an object with an optional `hidden` property. If set to a truthy value,\n * and property in the dataset with the same name, will be filtered out.\n */\nexport function columns(options={}) {\n\tif (!options\n\t\t|| typeof options!=='object'\n\t\t|| Object.keys(options).length===0) {\n\t\tthrow new Error('columns requires options to be an object with at least one property')\n\t}\n\treturn function(data) {\n\t\tthis.state.options.columns = options\n\t\treturn throttledEffect(() => {\n\t\t\treturn data.current.map(input => {\n\t\t\t\tlet result = {}\n\t\t\t\tfor (let key of Object.keys(this.state.options.columns)) {\n\t\t\t\t\tif (!this.state.options.columns[key]?.hidden) {\n\t\t\t\t\t\tresult[key] = input[key]\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn result\n\t\t\t})\n\t\t}, 50)\n\t}\n}\n\n/**\n * Returns a function for use with model.addEffect, with the given options set\n * as model.options.scroll. The effect will return a slice of the input data, which\n * makes it easy to render just a part (slice) of the whole data.\n * \n * Options are:\n * - offset (int) default 0 (optional) - the offset in the data to start the slice\n * - rowCount (int) default 20 (optional / calculated) - the number of rows in the slice\n * - rowHeight (int) default 26 (optional) - the height of a single row in pixels\n * - itemsPerRow (int) default 1 (optional) - the number of items on a single row\n * - size (int) default data.current.length (calculated) - how many rows inside data.current before slicing\n * - scrollbar (HTMLElement) defualt null (optional) - if set, an effect is added to update this elements \n * \t height if data.current.length changes\n * - container (HTMLElement) default null (optional) - if set, a scroll listener is added to this element, \n * which will update the options.offset signal and trigger the slice effect. It will also set the rowCount.\n */\nexport function scroll(options) {\n\n\treturn function(data) {\n\t\tthis.state.options.scroll = Object.assign({\n\t\t\toffset: 0,\n\t\t\trowHeight: 26,\n\t\t\trowCount: 20,\n\t\t\titemsPerRow: 1,\n\t\t\tsize: data.current.length\n\t\t}, options)\n\t\tconst scrollOptions = this.state.options.scroll\n\n\t\tconst scrollbar = scrollOptions.scrollbar \n\t\t\t|| scrollOptions.container?.querySelector('[data-flow-scrollbar]')\n\t\tif (scrollbar) {\n\t\t\tif (scrollOptions.container) {\n\t\t\t\tscrollOptions.container.addEventListener('scroll', (evt) => {\n\t\t\t\t\tscrollOptions.offset = Math.floor(scrollOptions.container.scrollTop\n\t\t\t\t\t\t/ (scrollOptions.rowHeight*scrollOptions.itemsPerRow)\n\t\t\t\t\t)\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tthrottledEffect(() => {\n\t\t\t\tscrollOptions.size = data.current.length * scrollOptions.rowHeight\n\t\t\t\tscrollbar.style.height = scrollOptions.size + 'px'\n\t\t\t}, 50)\n\t\t}\n\n\t\treturn throttledEffect(() => {\n\t\t\tif (scrollOptions.container) {\n\t\t\t\t//TODO: add a resize listener so that if the size of the container\n\t\t\t\t// changes, the rowCount is calculated again\n\t\t\t\tscrollOptions.rowCount = Math.ceil(\n\t\t\t\t\tscrollOptions.container.getBoundingClientRect().height \n\t\t\t\t\t/ scrollOptions.rowHeight\n\t\t\t\t)\n\t\t\t}\n\t\t\tscrollOptions.data = data.current\n\t\t\tlet start = Math.min(scrollOptions.offset, data.current.length-1)\n\t\t\tlet end = start + scrollOptions.rowCount\n\t\t\tif (end > data.current.length) {\n\t\t\t\tend = data.current.length\n\t\t\t\tstart = end - scrollOptions.rowCount\n\t\t\t}\n\t\t\treturn data.current.slice(start, end)\n\t\t}, 50)\n\t}\n}", "import { bind } from './bind.mjs'\nimport * as model from './model.mjs'\nimport * as state from './state.mjs'\n\nif (!globalThis.simply) {\n\tglobalThis.simply = {}\n}\nObject.assign(globalThis.simply, {\n\tbind,\n\tflow: model,\n\tstate\n})\n\nexport default globalThis.simply"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["state_exports", "__export", "batch", "clockEffect", "destroy", "effect", "signal", "throttledEffect", "trace", "untracked", "iterate", "signalHandler", "target", "property", "receiver", "value", "notifyGet", "args", "l", "result", "notifySet", "makeContext", "current", "signals", "descriptor", "v", "prop", "getListeners", "listener", "batchedListeners", "batchMode", "self", "context", "listeners", "change", "propListeners", "addContext", "currentEffect", "computeStack", "clearContext", "currentCompute", "setListeners", "listenersMap", "computeMap", "compute", "connectedSignals", "clearListeners", "s", "effectStack", "effectMap", "signalStack", "fn", "f", "connectedSignal", "computeEffect", "runBatchedListeners", "copyBatchedListeners", "throttleTime", "throttled", "hasChange", "clock", "lastTick", "hasChanged", "remember", "SimplyBind", "options", "standardTransformers", "escape_html", "fixed_content", "defaultOptions", "defaultFieldTransformer", "defaultListTransformer", "defaultMapTransformer", "attribute", "bindAttributes", "transformAttribute", "getBindingAttribute", "el", "foundAttribute", "attr", "render", "throttledEffect", "untrack", "destroy", "context", "getValueByPath", "track", "runTransformers", "transformers", "t", "next", "transformer", "applyBindings", "bindings", "bindingEl", "updateBindings", "changes", "selector", "change", "node", "path", "templates", "list", "index", "parent", "value", "template", "result", "clone", "attributes", "binding", "bind", "templateMatches", "currentItem", "strItem", "matches", "rel", "replacement", "tracking", "track", "el", "context", "tracking", "untrack", "path", "list", "matchValue", "a", "b", "getValueByPath", "root", "parts", "curr", "part", "prevPart", "defaultFieldTransformer", "transformLiteralByTemplates", "transformInput", "transformButton", "transformSelect", "transformAnchor", "transformImage", "transformIframe", "transformMeta", "transformElement", "defaultListTransformer", "templates", "value", "transformArrayByTemplates", "defaultMapTransformer", "transformObjectByTemplates", "attribute", "items", "lastKey", "skipped", "item", "currentKey", "bindings", "needsReplacement", "databind", "newTemplate", "length", "key", "clone", "outOfOrderItem", "i", "getParentPath", "parentEl", "rendered", "template", "setProperties", "option", "o", "setSelectOptions", "addOption", "select", "options", "strValue", "data", "properties", "property", "escape_html", "next", "content", "fixed_content", "model_exports", "__export", "columns", "filter", "model", "paging", "scroll", "sort", "SimplyFlowModel", "state", "signal", "fn", "dataSignal", "model", "options", "sort", "data", "a", "b", "sortBy", "larger", "smaller", "throttledEffect", "paging", "batch", "start", "end", "filter", "columns", "input", "result", "key", "scroll", "scrollOptions", "scrollbar", "evt", "bind", "model_exports", "state_exports", "flow_default"]
|
|
7
7
|
}
|
package/package.json
CHANGED
package/src/bind.mjs
CHANGED
|
@@ -27,10 +27,14 @@ class SimplyBind
|
|
|
27
27
|
*/
|
|
28
28
|
this.bindings = new Map()
|
|
29
29
|
|
|
30
|
+
const standardTransformers = {
|
|
31
|
+
escape_html,
|
|
32
|
+
fixed_content
|
|
33
|
+
}
|
|
30
34
|
const defaultOptions = {
|
|
31
35
|
container: document.body,
|
|
32
36
|
attribute: 'data-bind',
|
|
33
|
-
transformers:
|
|
37
|
+
transformers: standardTransformers,
|
|
34
38
|
defaultTransformers: {
|
|
35
39
|
field: [defaultFieldTransformer],
|
|
36
40
|
list: [defaultListTransformer],
|
|
@@ -41,9 +45,11 @@ class SimplyBind
|
|
|
41
45
|
throw new Error('bind needs at least options.root set')
|
|
42
46
|
}
|
|
43
47
|
this.options = Object.assign({}, defaultOptions, options)
|
|
48
|
+
if (options.transformers) {
|
|
49
|
+
this.options.transformers = Object.assign({}, standardTransformers, options?.transformers)
|
|
50
|
+
}
|
|
44
51
|
const attribute = this.options.attribute
|
|
45
52
|
const bindAttributes = [attribute+'-field',attribute+'-list',attribute+'-map']
|
|
46
|
-
const bindSelector = `[${attribute}-field],[${attribute}-list],[${attribute}-map]`
|
|
47
53
|
const transformAttribute = attribute+'-transform'
|
|
48
54
|
|
|
49
55
|
const getBindingAttribute = (el) => {
|
|
@@ -346,8 +352,10 @@ function track(el, context) {
|
|
|
346
352
|
|
|
347
353
|
function untrack(el, path) {
|
|
348
354
|
let list = tracking.get(path)
|
|
349
|
-
|
|
350
|
-
|
|
355
|
+
if (list) {
|
|
356
|
+
list = list.filter(context => context.element == el)
|
|
357
|
+
tracking.set(path, list)
|
|
358
|
+
}
|
|
351
359
|
}
|
|
352
360
|
|
|
353
361
|
/**
|
|
@@ -406,10 +414,6 @@ export function defaultFieldTransformer(context)
|
|
|
406
414
|
{
|
|
407
415
|
const el = context.element
|
|
408
416
|
const templates = context.templates
|
|
409
|
-
const templatesCount = templates.length
|
|
410
|
-
const path = context.path
|
|
411
|
-
const value = context.value
|
|
412
|
-
const attribute = this.options.attribute
|
|
413
417
|
|
|
414
418
|
if (templates?.length) {
|
|
415
419
|
transformLiteralByTemplates.call(this, context)
|
|
@@ -428,7 +432,7 @@ export function defaultFieldTransformer(context)
|
|
|
428
432
|
transformAnchor.call(this, context)
|
|
429
433
|
break
|
|
430
434
|
case 'IMG':
|
|
431
|
-
transformImage.call(this,
|
|
435
|
+
transformImage.call(this, context)
|
|
432
436
|
break
|
|
433
437
|
case 'IFRAME':
|
|
434
438
|
transformIframe.call(this, context)
|
|
@@ -450,11 +454,9 @@ export function defaultListTransformer(context)
|
|
|
450
454
|
{
|
|
451
455
|
const el = context.element
|
|
452
456
|
const templates = context.templates
|
|
453
|
-
const templatesCount = templates.length
|
|
454
457
|
const path = context.path
|
|
455
458
|
const value = context.value
|
|
456
|
-
|
|
457
|
-
|
|
459
|
+
|
|
458
460
|
if (!Array.isArray(value)) {
|
|
459
461
|
console.error('Value is not an array.', el, path, value)
|
|
460
462
|
} else if (!templates?.length) {
|
|
@@ -469,10 +471,8 @@ export function defaultMapTransformer(context)
|
|
|
469
471
|
{
|
|
470
472
|
const el = context.element
|
|
471
473
|
const templates = context.templates
|
|
472
|
-
const templatesCount = templates.length
|
|
473
474
|
const path = context.path
|
|
474
475
|
const value = context.value
|
|
475
|
-
const attribute = this.options.attribute
|
|
476
476
|
|
|
477
477
|
if (typeof value != 'object') {
|
|
478
478
|
console.error('Value is not an object.', el, path, value)
|
|
@@ -496,7 +496,6 @@ export function transformArrayByTemplates(context)
|
|
|
496
496
|
{
|
|
497
497
|
const el = context.element
|
|
498
498
|
const templates = context.templates
|
|
499
|
-
const templatesCount = templates.length
|
|
500
499
|
const path = context.path
|
|
501
500
|
const value = context.value
|
|
502
501
|
const attribute = this.options.attribute
|
|
@@ -574,8 +573,6 @@ export function transformObjectByTemplates(context)
|
|
|
574
573
|
{
|
|
575
574
|
const el = context.element
|
|
576
575
|
const templates = context.templates
|
|
577
|
-
const templatesCount = templates.length
|
|
578
|
-
const path = context.path
|
|
579
576
|
const value = context.value
|
|
580
577
|
const attribute = this.options.attribute
|
|
581
578
|
context.list = value
|
|
@@ -848,3 +845,29 @@ export function setProperties(el, data, ...properties) {
|
|
|
848
845
|
}
|
|
849
846
|
}
|
|
850
847
|
}
|
|
848
|
+
|
|
849
|
+
export function escape_html(context, next) {
|
|
850
|
+
let content = context.value.innerHTML
|
|
851
|
+
if (typeof context.value == 'string') {
|
|
852
|
+
content = context.value
|
|
853
|
+
context.value = { innerHTML: content }
|
|
854
|
+
}
|
|
855
|
+
if (content) {
|
|
856
|
+
content = content.replace(/&/g, '&')
|
|
857
|
+
.replace(/</g, '<')
|
|
858
|
+
.replace(/>/g, '>')
|
|
859
|
+
.replace(/"/g, '"')
|
|
860
|
+
.replace(/'/g, ''');
|
|
861
|
+
context.value.innerHTML = content
|
|
862
|
+
}
|
|
863
|
+
next(context)
|
|
864
|
+
}
|
|
865
|
+
|
|
866
|
+
export function fixed_content(context, next) {
|
|
867
|
+
if (typeof context.value == 'string') {
|
|
868
|
+
context.value = {}
|
|
869
|
+
} else {
|
|
870
|
+
delete context.value.innerHTML
|
|
871
|
+
}
|
|
872
|
+
next(context)
|
|
873
|
+
}
|