@twobirds/microcomponents 0.0.33 → 0.0.37

package/dist/customObservables.ts

@@ -1,348 +0,0 @@
-"use strict";
-
-import { LooseObject } from './helpers.js';
-import { isObject, parse, debounce, deepEqual } from './helpers.js';
-
-export const observe = ( target: LooseObject, propertyName?: string ) => {
-
-	let keys = !propertyName ? [ ...Object.getOwnPropertyNames(target) ] : [ propertyName ];
-
-	keys.forEach( (key) => {
-		// console.log( 'co propname', key, typeof target[key], target[key] );
-		if ( key[0] === '_' || target?.[key] === undefined ) return;
-		let
-			val: any = target[key],
-			Constructor: any
-		;
-
-		if ( !val.prototype ){
-			switch ( typeof val ){
-				case "string":
-					Constructor = String;
-					break;
-				case "number":
-					Constructor = Number;
-					break;
-				case "boolean":
-					Constructor = Boolean;
-					break;
-				case "object":
-					if ( val instanceof Array){
-						Constructor = Array;
-					} else {
-						Constructor = Object;
-					}
-					break;
-				default:
-					return;
-			}
-
-		}
-
-		let Observable = class extends Constructor{
-
-			constructor( val: any ){
-				super( val );
-				(this.constructor as LooseObject).callbacks = [];
-				if ( isObject(val) ){ // you cannot bind native values to the dom
-					(this.constructor as LooseObject).bound = [];
-					Object.getOwnPropertyNames( val ).forEach( (key) => {
-						this[key] = val[key];
-					});
-				}
-			}
-
-			observe( f: Function ){
-				//console.log('observe');
-				(this.constructor as any).callbacks.push( f );
-				return this;
-			}
-
-			bind( target: HTMLElement | ShadowRoot ){
-
-				const
-					that = this,
-					iso = isObject( that.valueOf() ),
-					bound = (that.constructor as any).bound
-				;
-
-				//console.log('bind', iso, target);
-
-				if ( iso ){
-					// console.log('bind...', that.valueOf(), target );
-
-					function walk( element: Node ){
-						//console.log('-walk:', element, element.childNodes );
-
-						if ( !!element['nodeType'] && element.nodeType === 3 ){ // text node
-							//console.log('--type: textNode(3)');
-
-							var placeholders = Array.from( element.nodeValue && element.nodeValue.match( /\{[^\{\}]*\}/g ) || []);
-
-							if ( placeholders.length > 0 ){
-								//console.log('--placeholders:', placeholders);
-								var f=(function( template: string ){
-									//console.log('template', template);
-									return function( values: any ){
-										var t,
-											changed = false;
-
-										//console.log( 'placeholders:', placeholders, 'values:', values);
-										if ( placeholders ){
-											if ( iso ){
-												placeholders.forEach(function(placeholder){
-													if ( ( f as LooseObject).values[placeholder] !== values[placeholder] ){
-														(f as LooseObject).values[placeholder] = values[placeholder];
-														changed = true;
-													}
-												});
-											} else { // it is a simple value
-												(f as LooseObject).values = values;
-												changed = true;
-											};
-										}
-										if (changed){ // only reflow if changed
-											t = template;
-											//console.log('--template parse', t, (f as LooseObject).values );
-											if ( iso ){
-													element.nodeValue = parse(
-														t,
-														(f as LooseObject).values
-													);
-											} else { // it is a simple value -> replace every placeholder whatever the name wi
-												element.nodeValue = t.replace( /\{.*\}/g ,(f as LooseObject).values );
-											};
-										}
-										return values;
-									};
-								})( element.nodeValue || '' );
-
-								(f as LooseObject).values = iso ? {} : undefined;
-								placeholders = Array.from( placeholders ).map((pKey) => pKey.replace(/[\{\}]/g, '').trim());
-
-								let initial: any = iso ? {} : undefined;
-								placeholders.forEach(function(pKey){
-									if ( iso ){
-										initial[pKey] = "";
-									}
-								});
-
-								bound.push(f);
-								// console.log( `--bound textNode`, placeholders, f );
-								//(observableFunction as Function)(initial);
-							}
-
-							//console.log('--childNodes:', element.childNodes );
-							Array.from( element.childNodes )
-								.forEach(function( childNode ){
-									walk( childNode );
-								});
-
-							that.notify();
-						}
-
-						if ( !!element['nodeType'] && element.nodeType === 1 ){ // HTML element
-							//console.log('--type: HTMLElement(1)');
-							Array.from( (element as HTMLElement).attributes )
-								.forEach(
-									function( attributeNode ){
-										var placeholders = Array.from( attributeNode.value && attributeNode.value.match( /\{[^\{\}]*\}/g ) || []);
-
-										if ( placeholders.length > 0 ){
-											//console.log( `--[${attributeNode.value}] placeholders:`, placeholders );
-
-											var f=(function( template: string ){
-												return function( values: any ){
-													var t,
-														changed = false;
-
-													//console.log( 'placeholders:', placeholders, 'values:', values);
-													if ( placeholders ){
-														placeholders.forEach(function(pKey){
-															if ( ( f as LooseObject).values[pKey] !== values[pKey] ){
-																(f as LooseObject).values[pKey] = values[pKey];
-																changed = true;
-															}
-														});
-													}
-													if (changed){ // only reflow if changed
-														t = template;
-														element.nodeValue = parse(
-															t,
-															(f as LooseObject).values
-														);
-													}
-													return values;
-												};
-											})( attributeNode.value || '' );
-
-											(f as LooseObject).values = {};
-											placeholders = Array.from( placeholders ).map((pKey) => pKey.replace(/[\{\}]/g, '').trim());
-											let initial: LooseObject = {};
-											placeholders.forEach(function(pKey){
-												initial[pKey] = "";
-											});
-
-											bound.push(f);
-											// console.log( `--bound element attribute`, placeholders, f );
-											// console.log( `--bound`, observableFunction.bound );
-											//(observableFunction as Function)(initial);
-										}
-									}
-								);
-
-							//console.log('--childNodes:', element.childNodes );
-							Array.from( element.childNodes )
-								.forEach(function( childNode ){
-									walk( childNode );
-								});
-
-							that.notify();
-
-						}
-
-						if ( !!element['nodeType'] && element.nodeType === 11 ){ // shadowRoot node
-							// console.log( element, element.childNodes );
-							Array.from( element.childNodes )
-								.forEach(function( childNode ){
-									walk( childNode );
-								});
-						}
-					}
-
-					walk( target );
-
-					if ( bound.length > 0 ){
-						that.notify();
-					}
-				} else {
-					console.warn( 'IGNORED - cannot bind a non-Object to the dom, IS:', typeof that.valueOf() );
-				}
-
-				return this;
-			}
-
-			notify(){
-				let
-					that = this,
-					data = isObject( that.valueOf() ) && ( that.valueOf() instanceof Array ) === false
-						? structuredClone( Object.assign({}, that) )
-						: that.valueOf()
-				;
-
-				// console.log('notify', that.constructor, (that.constructor as any).callbacks.length, (that.constructor as any)?.bound?.length, data );
-				(that.constructor as any).callbacks.forEach( (f: Function) => {
-					// console.log( 'callback', f, data);
-					f( data );
-				});
-				if ( isObject( that.valueOf() ) ){
-					// console.log('bound', this.constructor);
-					(that.constructor as any).bound.forEach( (f: Function) => {
-						// console.log( 'bound', f, data);
-						f( data );
-					});
-				}
-				return this;
-			}
-		}
-
-		//(Observable.constructor as LooseObject).callbacks = [];
-		let o = new Observable( val );
-
-		Object.defineProperty(
-			target,
-			key,
-			{
-				enumerable: true,
-				get(){
-					if ( isObject( o.valueOf() ) ){
-						let check = structuredClone( Object.assign( {}, o ) );
-						setTimeout(
-							debounce(
-								function checkChanges(){
-									let state = structuredClone( Object.assign( {}, o ) );
-									//console.log( 'check changes', state, check );
-									if ( !deepEqual( state, check ) ){
-										//console.log( '-> not equal!' );
-										o.notify();
-									}
-								},
-								0
-							),
-							0
-						);
-					}
-					return o;
-				},
-				set( val: any ){
-					//console.log( 'SET:', isObject( val.valueOf() ), 'set:', val, 'to', isObject( o.valueOf() ), o, );
-					if ( typeof val === typeof o.valueOf() ){
-
-						let iso = isObject( o.valueOf() ) && ( o.valueOf() instanceof Array ) === false;
-						//let iso = o.constructor.prototype.__proto__.constructor === Object;
-						//console.log('target iso:', iso);
-						if ( iso ){
-							let
-								old = structuredClone( Object.assign( {}, o ) )
-							;
-
-							val = structuredClone( Object.assign( {}, val ) );
-
-							let
-								hasFormHandler = (o.constructor as LooseObject)?.hasFormHandler ?? false,
-								callbacks = (o.constructor as LooseObject).callbacks,
-								bound = (o.constructor as LooseObject).bound
-							;
-
-							o = new Observable( structuredClone( Object.assign( {}, val ) ) );
-
-							//console.log('after set o=', o, 'check', old);
-							(o.constructor as LooseObject).callbacks = hasFormHandler;
-							(o.constructor as LooseObject).callbacks = callbacks;
-							(o.constructor as LooseObject).bound = bound;
-
-							setTimeout( // check for changes
-								debounce(
-									function checkChanges(){
-										let state = structuredClone( Object.assign( {}, o ) );
-										//console.log( 'check changes', state, check );
-										if ( !deepEqual( state, old ) ){
-											//console.log( '-> not equal!' );
-											o.notify();
-										}
-									},
-									0
-								),
-								0
-							);
-						} else { // simple native var
-							let
-								old = o.valueOf(),
-								callbacks = (o.constructor as LooseObject).callbacks
-							;
-							o = new Observable( val );
-							(o.constructor as LooseObject).callbacks = callbacks;
-							if ( val !== old ){
-								o.notify();
-							}
-						}
-					} else {
-						console.warn( 'IGNORED - cannot change observable types, IS:', typeof o.valueOf(), '- CANNOT BECOME:', typeof val );
-					}
-				}
-			}
-		);
-
-		target[key] = val;
-
-	});
-
-}
-
-type Callback = ( value: any ) => void;
-
-export type Observable = {
-    observe: (cb: Callback) => void;
-    notify: () => void;
-    bind: (target: HTMLElement | ShadowRoot) => void;
-};

package/dist/customSelectors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"customSelectors.d.ts","sourceRoot":"","sources":["../src/customSelectors.ts"],"names":[],"mappings":"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"}

package/dist/customSelectors.min.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.customSelectors=t():e.customSelectors=t()}(this,(()=>(()=>{"use strict";var e={d:(t,r)=>{for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{$d:()=>E,$t:()=>m});var r=new Function("try {return this===window;}catch(e){ return false;}");let n=new Set;r()&&Object.keys(HTMLElement.prototype).filter((e=>/^on/.test(e))).forEach((e=>n.add(e)));var a=new Function("try {return this===window;}catch(e){ return false;}");let s=new Set;function i(e,t,r,n=!1,a=!1){let s={once:!1};n&&(s.capture=n),a&&(s.once=a),e.addEventListener(t,r,s)}function o(e,t,r){e.removeEventListener(t,r)}a()&&Object.keys(HTMLElement.prototype).filter((e=>/^on/.test(e))).forEach((e=>s.add(e)));const c=e=>{let t=new Set;return e.forEach((e=>{(e=e.trim()).split(" ").forEach((e=>{""!==e&&t.add(e)}))})),Array.from(t)},l=e=>{let t=E("input,select,textarea",e).array,r={};return t.forEach((t=>{const n=t.getAttribute("name")||"undefined";if(n){let a;switch((e=>e instanceof HTMLInputElement?"input":e instanceof HTMLSelectElement?"select":e instanceof HTMLTextAreaElement?"textarea":"")(t)){case"input":a=new f(t,e),Object.defineProperty(r,n,{enumerable:!0,configurable:!0,get:()=>a.val,set:e=>{a.val=e}});break;case"select":a=new u(t),Object.defineProperty(r,n,{enumerable:!0,configurable:!0,get:()=>a.val,set:e=>{a.val=e}});break;case"textarea":a=new d(t),Object.defineProperty(r,n,{enumerable:!0,configurable:!0,get:()=>a.val,set:e=>{a.val=e}});break;default:console.warn("handler missing:",n,"for",t)}}})),r};class h{constructor(e){}}class f extends h{#e;#t;#r;constructor(e,t){super(e),this.#e=e,this.#t=e.type,this.#r=t}get val(){let e,t=this;switch(t.#t){case"radio":const r=E(`input[type="radio"][name="${this.#e.getAttribute("name")}"]`,this.#r).filter((e=>e.checked));return r.length?(e=r.array[0],e.value):"";case"checkbox":return t.#e.checked;default:return t.#e.value}return""}set val(e){let t=this;switch(t.#t){case"radio":const r=`input[type="radio"][name="${this.#e.getAttribute("name")}"]`,n=E(r,this.#r);if(!n.length)return;if(""===e)return void n.forEach((e=>{e.checked&&(e.checked=!1)}));const a=n.filter((t=>t.getAttribute("value")===e));if(!a.length)return;return void(a.array[0].checked=!0);case"checkbox":t.#e.checked=e;break;default:t.#e.value=e}}}class u extends h{#e;#n=!1;constructor(e){super(e),this.#e=e,this.#n="select-multiple"===e.type}get val(){const e=[];return E(this.#e.querySelectorAll("option")).filter((e=>e.selected)).forEach((t=>{t.selected&&e.push(t.value)})),this.#n?e:e.length?e[0]:""}set val(e){e="string"==typeof e?[e]:e,E(this.#e.querySelectorAll("option")).forEach((t=>{e.indexOf(t.value)>-1?(t.setAttribute("selected",!0),t.selected=!0):(t.removeAttribute("selected"),t.selected=!1)}))}}class d extends h{#e;constructor(e){super(e),this.#e=e}get val(){return this.#e.value}set val(e){this.#e.value=e}}class p{#a=new Set;get set(){return this.#a}get array(){return Array.from(this.#a)}set set(e){this.#a=e}get length(){return this.#a.size}constructor(e,t=document.body){if(new Set,!e)return this}$t(e){let t=new y;return this.#a.forEach((e=>{e._mc&&Object.values(e._mc).forEach((e=>{t.set.add(e)}))})),e&&t.filter((t=>t.nameSpace===e)),t}add(e,t){let r=this;return E(e,t).forEach((e=>{r.#a.add(e)})),r}addClass(...e){return e=c(e),this.forEach((t=>{t.classList.add(...e)})),this}after(e,t){let r=this,n=E(e,t);return n.length?(n.first().forEach((e=>{r.array.reverse().forEach((t=>{t.after(e)}))})),r):r}append(e,t){let r=this.array[0],n=E(e,t);return r&&n.forEach((e=>{r.append(e)})),this}appendTo(e,t){let r=E(e,t).array[0];return r&&this.forEach((e=>{r.append(e)})),this}attr(e,t){let r=this,n={};return r.length?arguments.length?"string"==typeof e?void 0===t?[...r.set][0].getAttribute(e):null===t?([...r.set].forEach((t=>{t.removeAttribute(e)})),r):("object"==typeof t&&(t=JSON.stringify(t)),[...r.set].forEach((r=>{r.setAttribute(e,t)})),r):"object"==typeof e?([...r.set].forEach((t=>{Object.keys(e).forEach((r=>{E(t).attr(r,e.key)}))})),r):r:(Array.from([...r.set][0].attributes).forEach((e=>{n[e.name]=e.value})),n):r}before(e,t){let r=this,n=E(e,t);return n.length?(n.first().forEach((e=>{r.forEach((t=>{t.before(e)}))})),r):r}children(e,t){let r=this,n=new Set;if(r.#a.forEach((e=>{Array.from(e.children).forEach((e=>{n.add(e)}))})),r=E([...n]),e){let n=E(e,t);r.filter((e=>n.has(e)))}return r}descendants(e,t){let r=this,n=new Set;if(r.#a.forEach((e=>{e.querySelectorAll("*").forEach((e=>{n.add(e)}))})),r=E([...n]),e){let n=E(e,t);r.filter((e=>n.has(e)))}return r}empty(){return this.filter((e=>!1))}first(e,t){let r=this,n=new Set,a=!1;return e&&(a=E(e,t)),r.#a.forEach((e=>{e.parentNode&&n.add(e.parentNode.children[0])})),r=E([...n]),e&&r.filter((e=>a.has(e))),r}has(e){return this.#a.has(e)}hasClass(...e){return e=c(e),this.every((e=>Array.from(e.classList).every((t=>e.contains(t)))))}html(e){let t=this;return e?(t.forEach((t=>{t.parentNode?t.innerHTML=e:(()=>{console.warn("Cannot access the .innerHTML of a  HTMLElement that hasnt been inserted yet",t),console.trace(t,this),console.info("If you called this from inside a Web Component constructor, consider using the %c[connected] event callback!","color: blue;")})()})),t):t.array[0].innerHTML}last(e,t){let r=this,n=new Set;if(r.#a.forEach((e=>{let t=e.parentNode?.children;t&&n.add(Array.from(t).at(-1))})),r=E([...n]),e){let n=E(e,t);r.filter((e=>n.has(e)))}return r}next(e,t){let r=this,n=new Set;if(r.#a.forEach((e=>{let t=e.parentNode?.children;if(t){let r=Array.from(t),a=r.indexOf(e)+1;a<r.length&&n.add(r.at(a))}})),r=E([...n]),e){let n=E(e,t);r.filter((e=>n.has(e)))}return r}normalize(){return this.#a.forEach((e=>{e.normalize()})),this}off(e,t){let r=e.indexOf(" ")>-1?e.split(" "):[e];return this.array.forEach((e=>{r.forEach((function(r){o(e,r,t)}))})),this}on(e,t,r=!1,n=!1){let a=this,s=e.indexOf(" ")>-1?e.split(" ").filter((e=>""!==e)):[e];function o(){o.cb.apply(a,Array.from(arguments))}return o.cb=t,a.forEach((e=>{s.forEach((function(t){i(e,t,o,r,n)}))})),o}one(e,t,r=!1){let n=this,a=e.indexOf(" ")>-1?e.split(" ").filter((e=>""!==e)):[e];function s(){s.cb.apply(n,Array.from(arguments))}return s.cb=t,n.forEach((e=>{a.forEach((function(t){i(e,t,s,r,!0)}))})),s}parent(e,t){let r=this,n=new Set;if(r.#a.forEach((e=>{e.parentNode&&"HTML"!==e.parentNode.tagName&&n.add(e.parentNode)})),r=E([...n]),e){let n=E(e,t);r.filter((e=>n.has(e)))}return r}parents(e,t){let r=this,n=new Set;if(r.#a.forEach((e=>{let t=e;for(;t.parentNode&&"HTML"!==t.parentNode.tagName;)t=t.parentNode,n.add(t)})),r=E([...n]),e){let n=E(e,t);r.filter((e=>n.has(e)))}return r}prepend(e,t){let r=this.array[0],n=E(e,t);return r&&n.forEach((e=>{r.prepend(e)})),this}prev(e,t){let r=this,n=new Set;if(r.#a.forEach((e=>{let t=e.parentNode?.children;if(t){let r=Array.from(t),a=r.indexOf(e)-1;a>-1&&n.add(r.at(a))}})),r=E([...n]),e){let n=E(e,t);r.filter((e=>n.has(e)))}return r}removeClass(...e){return e=c(e),this.forEach((t=>{t.classList.remove(...e)})),this}text(e){let t=this;return e?(t.forEach((t=>{t.parentNode?t.innerText=e:(()=>{console.warn("Cannot access the .textContent of a  HTMLElement that hasnt been inserted yet",t),console.trace(t,this),console.info("If you called this from inside a Web Component constructor, consider using the %c[connected] event callback!","color: blue;")})()})),t):t.array[0].innerText??""}toggleClass(...e){return e=c(e),this.forEach((t=>{t.classList.toggle(...e)})),this}trigger(e,t={},r=!1,n=!1,a=!1){let s,i={bubbles:r,cancelable:n,composed:a},o=e.indexOf(" ")>-1?e.split(" "):[e];return this.#a.forEach((e=>{o.forEach((function(r){s=new Event(r,i),s.data=t,e.dispatchEvent(s)}))})),this}val(e,t){if(!this.length)return this;const r=this;let n,a=l(r.array[0]);var s;return e?null!=(s=e)&&"object"==typeof s?(Object.assign(a,e),n=r):"string"==typeof e&&(void 0===t?n=a[e]:(a[e]=t,n=r)):n=Object.assign({},a),n}values(e){const t=this;let r={};if(!t.length)return console.warn("no dom selection to search inputs in"),{};let n=l(t.array[0]);return Object.keys(n).forEach((e=>{r[e]=n[e]})),0===Object.keys(r).length&&console.warn("no inputs in this dom selection",t.array[0],r),e&&Object.keys(e).forEach((t=>{n.hasOwnProperty(t)&&(console.log("key found",t),n[t]=e[t])})),structuredClone(Object.assign(n))}at(e){return E(this.array.at(e))}concat(e){let t=this;return(e instanceof p?e.array:e).forEach((e=>{t.#a.add(e)})),t}entries(){return this.array.entries()}every(e,t){return this.array.every(e,t)}filter(e,t){return this.#a=new Set(this.array.filter(e,t)),this}forEach(e,t){return this.array.forEach(e,t),this}includes(e){return-1!==this.array.indexOf(e,0)}indexOf(e,t){return this.array.indexOf(e,t)}map(e,t){return this.array.map(e,t)}pop(){return this.array.pop()}push(...e){return e.forEach((e=>{this.#a.add(e)})),this}shift(){let e=this,t=e.#a.size?e.array[0]:void 0;return t&&e.#a.delete(t),t}slice(e,t){return E(this.array.slice(e,t))}some(e,t){return this.array.some(e,t)}splice(e,t,...r){let n=this.array;return n.splice(e,t,...r),E(n)}}class y{#a=new Set;get set(){return this.#a}get array(){return Array.from(this.#a)}set set(e){this.#a=e}get length(){return this.#a.size}set length(e){}constructor(e,t=document.body){if(!e)return this;E(e,t).forEach((e=>{m(e).forEach((e=>{this.#a.add(e)}))}))}$d(e,t=document.body){let r=new p,n=new Set,a=!!e||!1,s=new Set;return a&&(s=E(e,t).set),this.#a.forEach((e=>{a&&!s.has(e._tg)||n.add(e._tg)})),r.set=n,r}children(e){let t=this,r=new Set;return t.#a.forEach((t=>{t.children(e).forEach((e=>{r.add(e)}))})),t.#a=r,t}descendants(e){let t=this,r=new Set;return t.#a.forEach((t=>{t.descendants(e).forEach((e=>{r.add(e)}))})),t.#a=r,t}first(e){let t=this,r=new Set;return t.#a.forEach((e=>{e.parent().children().$d().first().$t().forEach((e=>{r.add(e)}))})),t.#a=r,e&&t.filter((t=>t.nameSpace=e)),t}has(e){return this.#a.has(e)}last(e){let t=this,r=new Set;return t.#a.forEach((e=>{e.parent().children().$d().last().$t().forEach((e=>{r.add(e)}))})),t.#a=r,e&&t.filter((t=>t.nameSpace=e)),t}next(e){let t=this,r=new Set;return t.#a.forEach((e=>{let t,n=new Set;for(t=e._tg;null!==t.nextElementSibling;)t=t.nextElementSibling,n.add(t);m([...n]).$d().first().$t().forEach((e=>{r.add(e)}))})),t.#a=r,e&&t.filter((t=>t.nameSpace=e)),t}ns(e){return this.filter((t=>t.nameSpace===e))}off(e,t){let r=e.indexOf(" ")>-1?e.split(" ").filter((e=>""!==e)):[e];return this.$d().array.forEach((e=>{r.forEach((function(r){o(e,`[TB]${r}`,t)}))})),this}on(e,t,r=!1){let n=this,a=e.indexOf(" ")>-1?e.split(" ").filter((e=>""!==e)):[e];function s(){s.cb.apply(n,Array.from(arguments))}return s.cb=t,n.forEach((e=>{a.forEach((function(t){i(e._tg,`[TB]${t}`,s,!1,r)}))})),s}one(e,t){let r=this,n=e.indexOf(" ")>-1?e.split(" ").filter((e=>""!==e)):[e];function a(){a.cb.apply(r,Array.from(arguments))}return a.cb=t,r.forEach((e=>{n.forEach((function(t){i(e._tg,`[TB]${t}`,a,!1,!0)}))})),a}parent(e){let t=this,r=new Set;return t.#a.forEach((t=>{t.parent(e).forEach((e=>{r.add(e)}))})),t.#a=r,t}parents(e){let t=this,r=new Set;return t.#a.forEach((t=>{t.parents(e).forEach((e=>{r.add(e)}))})),t.#a=r,t}prev(e){let t=this,r=new Set;return t.#a.forEach((e=>{let t,n=new Set;for(t=e._tg;null!==t.previousElementSibling;)t=t.previousElementSibling,n.add(t);m([...n]).$d().last().$t().forEach((e=>{r.add(e)}))})),t.#a=r,e&&t.filter((t=>t.nameSpace=e)),t}trigger(e,t={},r="l"){return this.forEach((n=>{n.trigger(e,t,r)})),this}at(e){return m(this.array.at(e))}concat(e){let t=this;return e.forEach((e=>{t.#a.add(e)})),t}entries(){return this.array.entries()}every(e,t){return this.array.every(e,t)}filter(e,t){return m(this.array.filter(e,t))}forEach(e,t){return this.array.forEach(e,t),this}includes(e){return-1!==this.array.indexOf(e)}indexOf(e,t){return this.array.indexOf(e,t)}map(e,t){return this.array.map(e,t)}pop(){let e=this.array,t=e.pop();return this.#a=new Set(e),t}push(e){return this.#a.add(e),this}shift(){let e=this.array.shift();return this.#a.delete(e),e}slice(e,t){return m(this.array.slice(e,t))}some(e,t){return this.array.some(e,t)}splice(e,t,...r){let n=this.array.splice(e,t,...r);return m(n)}}const E=(e,t=document)=>{let r=new Set;return e instanceof Array?(e.forEach((e=>{E(e,t).forEach((e=>{r.add(e)}))})),new p([...r])):new p(e,t)},m=(e,t=document)=>E(e,t).$t();return t})()));

package/public/customElements.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"customElements.js","sourceRoot":"","sources":["../src/customElements.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,WAAY,SAAQ,WAAW;IACpC;QACC,KAAK,EAAE,CAAC;IACT,CAAC;IAED,iBAAiB;QACf,EAAU,CAAC,OAAO,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IACxC,CAAC;IAED,oBAAoB;QAClB,EAAU,CAAC,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;IAC3C,CAAC;IAED,eAAe;QACb,EAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACtC,CAAC;IAED,wBAAwB,CAAC,IAAY,EAAE,QAAa,EAAE,QAAa;QACjE,EAAU,CAAC,OAAO,CAAC,IAAI,EAAE,kBAAkB,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7E,CAAC;CACD;AAED,SAAS,gBAAgB,CAAC,IAAY,EAAE,SAAwC;IAC/E,OAAO,MAAM,CAAC,cAAc,CAAE,SAAS,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;AACnE,CAAC;AAED,MAAM,UAAU,QAAQ,CAAE,OAAe,EAAE,eAA8C,EAAE,qBAA+B,EAAE;IAC3H,IAAI,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QACjC,OAAO,CAAC,IAAI,CAAC,4BAA4B,OAAO,uBAAuB,CAAC,CAAC;QACzE,OAAO;IACR,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC,CAAC;IACzF,CAAC;IAED,IAAI,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAElC,cAAc,CAAC,MAAM,CACpB,OAAO,EACP,gBAAgB,CACf,IAAI,EACJ,KAAM,SAAQ,WAAW;QACxB,QAAQ,CAAM;QAEd,YAAa,IAAU;YACtB,KAAK,EAAE,CAAC;YACR,IAAI,QAAQ,GAAG,IAAI,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC7C,EAAW,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAE,CAAC;QAC1C,CAAC;QAED,MAAM,KAAK,kBAAkB;YAC5B,OAAO,kBAAkB,CAAC;QAC3B,CAAC;KACD,CACD,CACD,CAAC;AACH,CAAC;AAAA,CAAC;AAEF,MAAM,UAAU,KAAK,CAAC,OAAe;IACpC,OAAO,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACpC,CAAC"}

package/public/customElements.min.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.customElements=t():e.customElements=t()}(this,(()=>(()=>{"use strict";var e={d:(t,r)=>{for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{defineCE:()=>h,getCE:()=>y});var r=new Function("try {return this===window;}catch(e){ return false;}");let n=new Set;r()&&Object.keys(HTMLElement.prototype).filter((e=>/^on/.test(e))).forEach((e=>n.add(e)));class o{#e;#t=!1;#r=!1;constructor(e,t={},r="l"){this.#e=e,this.data=t,this.bubble=r}get type(){return this.#e}get stopped(){return this.#t}get immediateStopped(){return this.#r}stopPropagation(){this.#t=!0}stopImmediatePropagation(){this.stopPropagation(),this.#r=!0}}var i=new Function("try {return this===window;}catch(e){ return false;}");let c=new Set;function s(e,t){let r=[];return e.forEach((e=>{if(e&&e instanceof HTMLElement){const n=e?._mc;!t&&n?r=r.concat(Object.values(e._mc)):t&&n&&n[t]&&r.push(n[t])}})),r}function a(e,t,r=!0){let n=[];for(;e;){if(e._mc&&(t?t&&e._mc[t]&&n.push(e._mc[t]):n=n.concat(Object.values(e._mc)),r))return n;e=e.parentNode}return n}function u(e){return e&&e instanceof HTMLElement}function l(e,t,r={}){let n=e;if(!n._mc){let t=g?.debug;g.debug=!1,n._mc=new g(e),g.debug=t,delete n._mc._mc}const o=n._mc;return t.length&&!o[t]&&(o[t]=r,e instanceof HTMLElement&&e.setAttribute("_mc","")),r}function d(e,t){if(!t)return;const r=e?._mc||{};r&&r[t]&&delete r[t],!Object.keys(r).length&&e instanceof HTMLElement&&e.hasAttribute("_mc")&&e.removeAttribute("_mc")}function p(e,t,r={}){let n=e?._mc;n&&[...Object.values(n)].forEach((e=>{e?.trigger&&"function"==typeof e?.trigger&&e?.trigger(t,r)}))}i()&&Object.keys(HTMLElement.prototype).filter((e=>/^on/.test(e))).forEach((e=>c.add(e)));class f{#n;constructor(e){var t;this.#n=new WeakRef(e||{}),(t=this).constructor!==g&&setTimeout((()=>{t.trigger("Init"),setTimeout((()=>{let e=Object.keys(t?._mc);e.length&&e?.forEach((e=>{let r=t?._mc?.[e];r.oneInit&&"function"==typeof r.oneInit&&r.oneInit(new o("Init"))}))}),0)}),0),function(e){if(!i()||e.constructor===g)return;const t=e.target;if(t instanceof HTMLElement){let r=e;Object.getOwnPropertyNames(r.constructor.prototype).filter((e=>/^on[A-Z]|one[A-Z]/.test(e)&&"function"==typeof r.constructor.prototype[e])).forEach((n=>{let o=/^one/.test(n),i=n.replace(/^on[e]{0,1}/,""),s=i.toLowerCase();o&&Object.defineProperty(e,"on"+i,{configurable:!0,enumerable:!1,writable:!0,value:e=>{r.constructor.prototype[n].bind(r)(e)}}),c.has("on"+s)&&function(e,t,r,n=!1,o=!1){let i={once:!1};n&&(i.capture=n),o&&(i.once=o),e.addEventListener(t,r,i)}(t,s,(e=>{r.trigger(i,e)}),!1,o)}))}}(this)}get target(){return this.#n.deref()}}class m extends f{_mc={};constructor(e){super(e)}static trigger=p;trigger(e,t={},r){let n=this;if(r=r||"l",n.constructor!==m&&n.constructor!==g){if(n instanceof m||n instanceof g){const n=this,c="string"!=typeof e?e:new o(e,t,r),s="on"+c.type[0].toUpperCase()+c.type.slice(1);if(c.bubble.indexOf("l")>-1&&(c.immediateStopped||"function"!=typeof n[s]||(n[s](c),n.hasOwnProperty(s)&&delete n[s])),c.stopped||"l"===c.bubble)return n;i()&&/[ud]/.test(c.bubble)&&n instanceof m&&setTimeout((()=>{-1===c.bubble.indexOf("l")&&(c.bubble+="l"),c.bubble.indexOf("u")>-1&&n.parent().forEach((e=>{e instanceof m&&e.trigger(c)})),c.bubble.indexOf("d")>-1&&n.children().forEach((e=>{e instanceof m&&e.trigger(c)}))}),0)}}else[...Object.getOwnPropertyNames(n)].forEach((o=>{n[o]?.trigger&&"function"==typeof n[o]?.trigger&&n[o]?.trigger(e,t,r)}))}}class g extends f{_mc={};constructor(e){super(e)}static debug=!1;static add=l;static remove=d;static trigger=p;trigger(e,t={},r){m.prototype.trigger.call(this,e,t,r)}parent(e=""){let t=this.target;return u(t)?a(t.parentNode,e,!0):[]}ancestors(e=""){let t=this?.target;return u(t)?a(this.target.parentNode,e,!1):[]}children(e=""){let t=this?.target;if(!u(t))return[];const r=Math.random().toString().replace(".",""),n='[_mc]:not([temp_id="'+r+'"] [_mc] [_mc])';t.setAttribute("temp_id",r);const o=s([...t.querySelectorAll(n)],e);return t.removeAttribute("temp_id"),o}descendants(e=""){let t=this?.target;return u(t)?s([...t.querySelectorAll("*[_mc]")],e):[]}}class b extends HTMLElement{constructor(){super()}connectedCallback(){g.trigger(this,"Connected")}disconnectedCallback(){g.trigger(this,"Disconnected")}adoptedCallback(){g.trigger(this,"Adopted")}attributeChangedCallback(e,t,r){g.trigger(this,"AttributeChanged",{name:e,oldValue:t,newValue:r})}}function h(e,t,r=[]){if(customElements.get(e))return void console.warn(`IGNORED: Custom element "${e}" is already defined!`);if(!e.includes("-"))throw new Error('createCustomElement: tagName must contain at least one hyphen ("-").');let n=e.split("-").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join("");customElements.define(e,function(e,t){return Object.defineProperty(t,"name",{value:e})}(n,class extends b{instance;constructor(e){super();let r=new t(this,e);g.add(this,n,r)}static get observedAttributes(){return r}}))}function y(e){return customElements.get(e)}return t})()));

package/public/customObservables.js

@@ -1,256 +0,0 @@
-"use strict";
-import { isObject, parse, debounce, deepEqual } from './helpers.js';
-export const observe = (target, propertyName) => {
-    let keys = !propertyName ? [...Object.getOwnPropertyNames(target)] : [propertyName];
-    keys.forEach((key) => {
-        // console.log( 'co propname', key, typeof target[key], target[key] );
-        if (key[0] === '_' || target?.[key] === undefined)
-            return;
-        let val = target[key], Constructor;
-        if (!val.prototype) {
-            switch (typeof val) {
-                case "string":
-                    Constructor = String;
-                    break;
-                case "number":
-                    Constructor = Number;
-                    break;
-                case "boolean":
-                    Constructor = Boolean;
-                    break;
-                case "object":
-                    if (val instanceof Array) {
-                        Constructor = Array;
-                    }
-                    else {
-                        Constructor = Object;
-                    }
-                    break;
-                default:
-                    return;
-            }
-        }
-        let Observable = class extends Constructor {
-            constructor(val) {
-                super(val);
-                this.constructor.callbacks = [];
-                if (isObject(val)) { // you cannot bind native values to the dom
-                    this.constructor.bound = [];
-                    Object.getOwnPropertyNames(val).forEach((key) => {
-                        this[key] = val[key];
-                    });
-                }
-            }
-            observe(f) {
-                //console.log('observe');
-                this.constructor.callbacks.push(f);
-                return this;
-            }
-            bind(target) {
-                const that = this, iso = isObject(that.valueOf()), bound = that.constructor.bound;
-                //console.log('bind', iso, target);
-                if (iso) {
-                    // console.log('bind...', that.valueOf(), target );
-                    function walk(element) {
-                        //console.log('-walk:', element, element.childNodes );
-                        if (!!element['nodeType'] && element.nodeType === 3) { // text node
-                            //console.log('--type: textNode(3)');
-                            var placeholders = Array.from(element.nodeValue && element.nodeValue.match(/\{[^\{\}]*\}/g) || []);
-                            if (placeholders.length > 0) {
-                                //console.log('--placeholders:', placeholders);
-                                var f = (function (template) {
-                                    //console.log('template', template);
-                                    return function (values) {
-                                        var t, changed = false;
-                                        //console.log( 'placeholders:', placeholders, 'values:', values);
-                                        if (placeholders) {
-                                            if (iso) {
-                                                placeholders.forEach(function (placeholder) {
-                                                    if (f.values[placeholder] !== values[placeholder]) {
-                                                        f.values[placeholder] = values[placeholder];
-                                                        changed = true;
-                                                    }
-                                                });
-                                            }
-                                            else { // it is a simple value
-                                                f.values = values;
-                                                changed = true;
-                                            }
-                                            ;
-                                        }
-                                        if (changed) { // only reflow if changed
-                                            t = template;
-                                            //console.log('--template parse', t, (f as LooseObject).values );
-                                            if (iso) {
-                                                element.nodeValue = parse(t, f.values);
-                                            }
-                                            else { // it is a simple value -> replace every placeholder whatever the name wi
-                                                element.nodeValue = t.replace(/\{.*\}/g, f.values);
-                                            }
-                                            ;
-                                        }
-                                        return values;
-                                    };
-                                })(element.nodeValue || '');
-                                f.values = iso ? {} : undefined;
-                                placeholders = Array.from(placeholders).map((pKey) => pKey.replace(/[\{\}]/g, '').trim());
-                                let initial = iso ? {} : undefined;
-                                placeholders.forEach(function (pKey) {
-                                    if (iso) {
-                                        initial[pKey] = "";
-                                    }
-                                });
-                                bound.push(f);
-                                // console.log( `--bound textNode`, placeholders, f );
-                                //(observableFunction as Function)(initial);
-                            }
-                            //console.log('--childNodes:', element.childNodes );
-                            Array.from(element.childNodes)
-                                .forEach(function (childNode) {
-                                walk(childNode);
-                            });
-                            that.notify();
-                        }
-                        if (!!element['nodeType'] && element.nodeType === 1) { // HTML element
-                            //console.log('--type: HTMLElement(1)');
-                            Array.from(element.attributes)
-                                .forEach(function (attributeNode) {
-                                var placeholders = Array.from(attributeNode.value && attributeNode.value.match(/\{[^\{\}]*\}/g) || []);
-                                if (placeholders.length > 0) {
-                                    //console.log( `--[${attributeNode.value}] placeholders:`, placeholders );
-                                    var f = (function (template) {
-                                        return function (values) {
-                                            var t, changed = false;
-                                            //console.log( 'placeholders:', placeholders, 'values:', values);
-                                            if (placeholders) {
-                                                placeholders.forEach(function (pKey) {
-                                                    if (f.values[pKey] !== values[pKey]) {
-                                                        f.values[pKey] = values[pKey];
-                                                        changed = true;
-                                                    }
-                                                });
-                                            }
-                                            if (changed) { // only reflow if changed
-                                                t = template;
-                                                element.nodeValue = parse(t, f.values);
-                                            }
-                                            return values;
-                                        };
-                                    })(attributeNode.value || '');
-                                    f.values = {};
-                                    placeholders = Array.from(placeholders).map((pKey) => pKey.replace(/[\{\}]/g, '').trim());
-                                    let initial = {};
-                                    placeholders.forEach(function (pKey) {
-                                        initial[pKey] = "";
-                                    });
-                                    bound.push(f);
-                                    // console.log( `--bound element attribute`, placeholders, f );
-                                    // console.log( `--bound`, observableFunction.bound );
-                                    //(observableFunction as Function)(initial);
-                                }
-                            });
-                            //console.log('--childNodes:', element.childNodes );
-                            Array.from(element.childNodes)
-                                .forEach(function (childNode) {
-                                walk(childNode);
-                            });
-                            that.notify();
-                        }
-                        if (!!element['nodeType'] && element.nodeType === 11) { // shadowRoot node
-                            // console.log( element, element.childNodes );
-                            Array.from(element.childNodes)
-                                .forEach(function (childNode) {
-                                walk(childNode);
-                            });
-                        }
-                    }
-                    walk(target);
-                    if (bound.length > 0) {
-                        that.notify();
-                    }
-                }
-                else {
-                    console.warn('IGNORED - cannot bind a non-Object to the dom, IS:', typeof that.valueOf());
-                }
-                return this;
-            }
-            notify() {
-                let that = this, data = isObject(that.valueOf()) && (that.valueOf() instanceof Array) === false
-                    ? structuredClone(Object.assign({}, that))
-                    : that.valueOf();
-                // console.log('notify', that.constructor, (that.constructor as any).callbacks.length, (that.constructor as any)?.bound?.length, data );
-                that.constructor.callbacks.forEach((f) => {
-                    // console.log( 'callback', f, data);
-                    f(data);
-                });
-                if (isObject(that.valueOf())) {
-                    // console.log('bound', this.constructor);
-                    that.constructor.bound.forEach((f) => {
-                        // console.log( 'bound', f, data);
-                        f(data);
-                    });
-                }
-                return this;
-            }
-        };
-        //(Observable.constructor as LooseObject).callbacks = [];
-        let o = new Observable(val);
-        Object.defineProperty(target, key, {
-            enumerable: true,
-            get() {
-                if (isObject(o.valueOf())) {
-                    let check = structuredClone(Object.assign({}, o));
-                    setTimeout(debounce(function checkChanges() {
-                        let state = structuredClone(Object.assign({}, o));
-                        //console.log( 'check changes', state, check );
-                        if (!deepEqual(state, check)) {
-                            //console.log( '-> not equal!' );
-                            o.notify();
-                        }
-                    }, 0), 0);
-                }
-                return o;
-            },
-            set(val) {
-                //console.log( 'SET:', isObject( val.valueOf() ), 'set:', val, 'to', isObject( o.valueOf() ), o, );
-                if (typeof val === typeof o.valueOf()) {
-                    let iso = isObject(o.valueOf()) && (o.valueOf() instanceof Array) === false;
-                    //let iso = o.constructor.prototype.__proto__.constructor === Object;
-                    //console.log('target iso:', iso);
-                    if (iso) {
-                        let old = structuredClone(Object.assign({}, o));
-                        val = structuredClone(Object.assign({}, val));
-                        let hasFormHandler = o.constructor?.hasFormHandler ?? false, callbacks = o.constructor.callbacks, bound = o.constructor.bound;
-                        o = new Observable(structuredClone(Object.assign({}, val)));
-                        //console.log('after set o=', o, 'check', old);
-                        o.constructor.callbacks = hasFormHandler;
-                        o.constructor.callbacks = callbacks;
-                        o.constructor.bound = bound;
-                        setTimeout(// check for changes
-                        debounce(function checkChanges() {
-                            let state = structuredClone(Object.assign({}, o));
-                            //console.log( 'check changes', state, check );
-                            if (!deepEqual(state, old)) {
-                                //console.log( '-> not equal!' );
-                                o.notify();
-                            }
-                        }, 0), 0);
-                    }
-                    else { // simple native var
-                        let old = o.valueOf(), callbacks = o.constructor.callbacks;
-                        o = new Observable(val);
-                        o.constructor.callbacks = callbacks;
-                        if (val !== old) {
-                            o.notify();
-                        }
-                    }
-                }
-                else {
-                    console.warn('IGNORED - cannot change observable types, IS:', typeof o.valueOf(), '- CANNOT BECOME:', typeof val);
-                }
-            }
-        });
-        target[key] = val;
-    });
-};
-//# sourceMappingURL=customObservables.js.map