@domphy/core 0.1.12 → 0.2.0
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/core.global.js +2 -2
- package/dist/core.global.js.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +9 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +11 -4
package/dist/index.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";var
|
|
2
|
-
${i.join(" \u2192 ")}`),!0}_flushAll(){this._scheduled=!1;let e=this._pending;this._pending=new Map;for(let[t,{args:i,chain:n}]of e)_=n,this._flush(t,i);_=[]}_flush(e,t){if(!this._listeners)return;let i=this._listeners[e];if(i){_.push([this,e]);for(let n of[...i])if(i.has(n))try{n(...t)}catch(o){console.error(o)}_.pop()}}};var E=class{constructor(e,t=typeof e){this.name=t;this._isState=!0;this._notifier=new y;this.initialValue=e,this._value=e}get(e){return e&&this.addListener(e),this._value}set(e){this._notifier&&(this._value=e,this._notifier.notify(this.name,e))}reset(){this.set(this.initialValue)}addListener(e){return this._notifier?this._notifier.addListener(this.name,e):()=>{}}removeListener(e){this._notifier&&this._notifier.removeListener(this.name,e)}_dispose(){this._notifier&&(this._notifier._dispose(),this._notifier=null)}};function v(s={},e={}){let t=["animation","transition","boxShadow","textShadow","background","fontFamily"],i=["class","rel","transform","acceptCharset","sandbox"],n=["content"];Object.prototype.toString.call(e)==="[object Object]"&&Object.getPrototypeOf(e)===Object.prototype&&(e=g(e));for(let o in e){let r=e[o];if(!(r==null||r===""))if(typeof r=="object"&&!Array.isArray(r))typeof s[o]=="object"?s[o]=v(s[o],r):s[o]=r;else if(t.includes(o))if(typeof s[o]=="function"||typeof r=="function"){let l=s[o];s[o]=h=>{let d=typeof l=="function"?l(h):l,a=typeof r=="function"?r(h):r;return[d,a].filter(f=>f).join(", ")}}else s[o]=[s[o],r].filter(l=>l).join(", ");else if(n.includes(o))if(typeof s[o]=="function"||typeof r=="function"){let l=s[o];s[o]=h=>{let d=typeof l=="function"?l(h):l,a=typeof r=="function"?r(h):r;return[d,a].filter(f=>f).join("")}}else s[o]=[s[o],r].filter(l=>l).join("");else if(i.includes(o))if(typeof s[o]=="function"||typeof r=="function"){let l=s[o];s[o]=h=>{let d=typeof l=="function"?l(h):l,a=typeof r=="function"?r(h):r;return[d,a].filter(f=>f).join(" ")}}else s[o]=[s[o],r].filter(l=>l).join(" ");else if(o.startsWith("on")){let l=o.replace("on","").toLowerCase();X(s,l,r)}else if(o.startsWith("_on")){let l=o.replace("_on","");J(s,l,r)}else s[o]=r}return s}function A(s=""){let e=2166136261;for(let t=0;t<s.length;t++)e^=s.charCodeAt(t),e=e*16777619>>>0;return String.fromCharCode(97+e%26)+e.toString(16)}function ae(s,e){return s instanceof E||s!=null&&s._isState?s:new E(s,e)}function he(s){return s}function J(s,e,t){let i=`_on${e}`,n=s[i];typeof n=="function"?s[i]=(...o)=>{n(...o),t(...o)}:s[i]=t}function X(s,e,t){let i=q[e];if(!i)throw Error(`invalid event name "${e}"`);let n=s[i];typeof n=="function"?s[i]=(o,r)=>{n(o,r),t(o,r)}:s[i]=t}function g(s,e=new WeakMap){if(s===null||typeof s!="object"||typeof s=="function")return s;if(e.has(s))return e.get(s);let t=Object.getPrototypeOf(s);if(t!==Object.prototype&&!Array.isArray(s))return s;let i;if(Array.isArray(s)){i=[],e.set(s,i);for(let n of s)i.push(g(n,e));return i}if(s instanceof Date)return new Date(s);if(s instanceof RegExp)return new RegExp(s);if(s instanceof Map){i=new Map,e.set(s,i);for(let[n,o]of s)i.set(g(n,e),g(o,e));return i}if(s instanceof Set){i=new Set,e.set(s,i);for(let n of s)i.add(g(n,e));return i}if(ArrayBuffer.isView(s))return new s.constructor(s);if(s instanceof ArrayBuffer)return s.slice(0);i=Object.create(t),e.set(s,i);for(let n of Reflect.ownKeys(s))i[n]=g(s[n],e);return i}function O(s,e=!1){if(Object.prototype.toString.call(s)!=="[object Object]")throw Error(`typeof ${s} is invalid DomphyElement`);let t=Object.keys(s);for(let i=0;i<t.length;i++){let n=t[i],o=s[n];if(i==0&&!C.includes(n)&&!n.includes("-")&&!e)throw Error(`key ${n} is not valid HTML tag name`);if(n=="style"&&o&&Object.prototype.toString.call(o)!=="[object Object]")throw Error('"style" must be a object');if(n=="$")s.$.forEach(r=>O(r,!0));else{if(n.startsWith("_on")&&typeof o!="function")throw Error(`hook ${n} value "${o}" must be a function `);if(n.startsWith("on")&&typeof o!="function")throw Error(`event ${n} value "${o}" must be a function `);if(n=="_portal"&&typeof o!="function")throw Error('"_portal" must be a function return HTMLElement');if(n=="_context"&&Object.prototype.toString.call(o)!=="[object Object]")throw Error('"_context" must be a object');if(n=="_metadata"&&Object.prototype.toString.call(o)!=="[object Object]")throw Error('"_metadata" must be a object');if(n=="_key"&&typeof o!="string"&&typeof o!="number")throw Error('"_key" must be a string or number')}}return!0}function Y(s){return/<([a-z][\w-]*)(\s[^>]*)?>.*<\/\1>|<([a-z][\w-]*)(\s[^>]*)?\/>/i.test(s.trim())}function D(s){return s.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function Z(s){return Object.keys(s).find(e=>C.includes(e))}function M(s){return s.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function Q(s){if(s.indexOf("@")===0)return[s];for(var e=[],t=0,i=0,n="",o=0,r=s.length;o<r;o++){var l=s[o];if(l==="(")t+=1;else if(l===")")t-=1;else if(l==="[")i+=1;else if(l==="]")i-=1;else if(l===","&&!t&&!i){e.push(n.trim()),n="";continue}n+=l}return e.push(n.trim()),e}function L(s){var t;let e=s.querySelector("#domphy-style");return e||(e=document.createElement("style"),e.id="domphy-style",s.appendChild(e)),e.dataset.domphyBase!=="true"&&((t=e.sheet)==null||t.insertRule("[hidden] { display: none !important; }",0),e.dataset.domphyBase="true"),e}var K=s=>{if(Array.isArray(s.$)){let e={};return s.$.forEach(t=>v(e,K(t))),delete s.$,v(e,s),e}else return s};var fe=["area","base","br","col","embed","hr","img","input","link","meta","source","track","wbr"];var U=["svg","circle","path","rect","ellipse","line","polyline","polygon","g","defs","use","symbol","linearGradient","radialGradient","stop","clipPath","mask","filter","text","tspan","textPath","image","pattern","marker","animate","animateTransform","animateMotion","feGaussianBlur","feComposite","feColorMatrix","feMerge","feMergeNode","feOffset","feFlood","feBlend","foreignObject"];var x=["allowFullScreen","async","autoFocus","autoPlay","checked","compact","contentEditable","controls","declare","default","defer","disabled","formNoValidate","hidden","isMap","itemScope","loop","multiple","muted","noHref","noShade","noValidate","open","playsInline","readonly","required","reversed","scoped","selected","sortable","trueSpeed","typeMustMatch","wmode","autoCapitalize","translate","spellCheck","inert","download","noModule","paused","autoPictureInPicture"];var b={transform:["webkit","ms"],transition:["webkit","ms"],animation:["webkit"],userSelect:["webkit","ms"],flexDirection:["webkit","ms"],flexWrap:["webkit","ms"],justifyContent:["webkit","ms"],alignItems:["webkit","ms"],alignSelf:["webkit","ms"],order:["webkit","ms"],flexGrow:["webkit","ms"],flexShrink:["webkit","ms"],flexBasis:["webkit","ms"],columns:["webkit"],columnCount:["webkit"],columnGap:["webkit"],columnRule:["webkit"],columnWidth:["webkit"],boxSizing:["webkit"],appearance:["webkit","moz"],filter:["webkit"],backdropFilter:["webkit"],clipPath:["webkit"],mask:["webkit"],maskImage:["webkit"],textSizeAdjust:["webkit","ms"],hyphens:["webkit","ms"],writingMode:["webkit","ms"],gridTemplateColumns:["ms"],gridTemplateRows:["ms"],gridAutoColumns:["ms"],gridAutoRows:["ms"],gridColumn:["ms"],gridRow:["ms"],marginInlineStart:["webkit"],marginInlineEnd:["webkit"],paddingInlineStart:["webkit"],paddingInlineEnd:["webkit"],minInlineSize:["webkit"],maxInlineSize:["webkit"],minBlockSize:["webkit"],maxBlockSize:["webkit"],inlineSize:["webkit"],blockSize:["webkit"],tabSize:["moz"],overscrollBehavior:["webkit","ms"],touchAction:["ms"],resize:["webkit"],printColorAdjust:["webkit"],backgroundClip:["webkit"],boxDecorationBreak:["webkit"],overflowScrolling:["webkit"]};var I=["viewBox","preserveAspectRatio","gradientTransform","gradientUnits","spreadMethod","markerStart","markerMid","markerEnd","markerHeight","markerWidth","markerUnits","refX","refY","patternContentUnits","patternTransform","patternUnits","filterUnits","primitiveUnits","kernelUnitLength","clipPathUnits","maskContentUnits","maskUnits"];var j=class{constructor(e,t,i){this._notifier=new y;this.parent=i,this.isBoolean=x.includes(e),I.includes(e)?this.name=e:this.name=M(e),this.value=void 0,this.set(t)}render(){if(!this.parent||!this.parent.domElement)return;let e=this.parent.domElement,t=["value"];this.isBoolean?this.value===!1||this.value==null?e.removeAttribute(this.name):e.setAttribute(this.name,this.value===!0?"":this.value):this.value==null?e.removeAttribute(this.name):t.includes(this.name)?e[this.name]=this.value:e.setAttribute(this.name,this.value)}set(e){var i,n;let t=this.value;if(e==null)this.value=null;else if(typeof e=="string"&&/<\/?[a-z][\s\S]*>/i.test(e))this.value=D(e);else if(typeof e=="function"){let o=()=>{if(!this.parent||this.parent._disposed)return;let r=this.value;this.value=this.isBoolean?!!e():e(),this.render(),r!==this.value&&this._notifier.notify(this.name,this.value)};o.elementNode=this.parent,o.debug=`class:${(i=this.parent)==null?void 0:i.tagName}_${(n=this.parent)==null?void 0:n.nodeId} attribute:${this.name}`,o.onSubscribe=r=>{this.parent&&this.parent.addHook("BeforeRemove",()=>{r(),o=null})},this.value=this.isBoolean?!!e(o):e(o)}else this.value=this.isBoolean?!!e:e;this.render(),t!==this.value&&this._notifier.notify(this.name,this.value)}addListener(e){let t=e;t.onSubscribe=i=>{var n;return(n=this.parent)==null?void 0:n.addHook("BeforeRemove",i)},this._notifier.addListener(this.name,t)}remove(){this.parent&&this.parent.attributes&&this.parent.attributes.remove(this.name),this._dispose()}_dispose(){this._notifier._dispose(),this.value=null,this.parent=null}generateHTML(){let{name:e,value:t}=this;if(this.isBoolean)return t?`${e}`:"";{let i=Array.isArray(t)?JSON.stringify(t):t;return`${e}="${D(String(i))}"`}}};var T=class{constructor(e){this.items={};this.parent=e}generateHTML(){if(!this.items)return"";let e=Object.values(this.items).map(t=>t.generateHTML()).join(" ");return e?` ${e}`:""}get(e){var t;if(this.items)return(t=this.items[e])==null?void 0:t.value}set(e,t){!this.items||!this.parent||(this.items[e]?this.items[e].set(t):this.items[e]=new j(e,t,this.parent))}addListener(e,t){this.has(e)&&this.items[e].addListener(t)}has(e){return this.items?Object.prototype.hasOwnProperty.call(this.items,e):!1}remove(e){this.items&&(this.items[e]&&(this.items[e]._dispose(),delete this.items[e]),this.parent&&this.parent.domElement&&this.parent.domElement instanceof Element&&this.parent.domElement.removeAttribute(e))}_dispose(){if(this.items)for(let e in this.items)this.items[e]._dispose();this.items=null,this.parent=null}toggle(e,t){if(!x.includes(e))throw Error(`${e} is not a boolean attribute`);t===!0?this.set(e,!0):t===!1?this.remove(e):this.has(e)?this.remove(e):this.set(e,!0)}addClass(e){if(!e||typeof e!="string")return;let t=(n,o)=>{let r=(n||"").split(" ").filter(l=>l);return!r.includes(o)&&r.push(e),r.join(" ")},i=this.get("class");typeof i=="function"?this.set("class",()=>t(i(),e)):this.set("class",t(i,e))}hasClass(e){return!e||typeof e!="string"?!1:(this.get("class")||"").split(" ").filter(n=>n).includes(e)}toggleClass(e){!e||typeof e!="string"||(this.hasClass(e)?this.removeClass(e):this.addClass(e))}removeClass(e){if(!e||typeof e!="string")return;let n=(this.get("class")||"").split(" ").filter(o=>o).filter(o=>o!==e);n.length>0?this.set("class",n.join(" ")):this.remove("class")}replaceClass(e,t){!e||!t||typeof e!="string"||typeof t!="string"||this.hasClass(e)&&(this.removeClass(e),this.addClass(t))}};var H=class{constructor(e,t){this.type="TextNode";this.parent=t,this.text=e===""?"\u200B":String(e)}_createDOMNode(){let e;if(Y(this.text)){let t=document.createElement("template");t.innerHTML=this.text.trim(),e=t.content.firstChild||document.createTextNode("")}else e=document.createTextNode(this.text);return this.domText=e,e}_dispose(){this.domText=void 0,this.text=""}generateHTML(){return this.text==="\u200B"?"​":this.text}render(e){let t=this._createDOMNode();e.appendChild(t)}};var R=class{constructor(e){this.items=[];this._nextKey=0;this.owner=e}_createNode(e){return typeof e=="object"&&e!==null?new c(e,this.owner,this._nextKey++):new H(e==null?"":String(e),this.owner)}_moveDomElement(e,t){if(!this.owner||!this.owner.domElement)return;let i=this.owner.domElement,n=e instanceof c?e.domElement:e.domText;if(n){let o=i.childNodes[t]||null;n!==o&&i.insertBefore(n,o)}}_swapDomElement(e,t){if(!this.owner||!this.owner.domElement)return;let i=this.owner.domElement,n=e instanceof c?e.domElement:e.domText,o=t instanceof c?t.domElement:t.domText;if(!n||!o)return;let r=n.nextSibling,l=o.nextSibling;i.insertBefore(n,l),i.insertBefore(o,r)}update(e,t=!0,i=!1){var r,l,h,d;let n=this.items.slice(),o=new Map;for(let a of n)a instanceof c&&a.key!==null&&a.key!==void 0&&o.set(a.key,a);!i&&this.owner.domElement&&((l=(r=this.owner._hooks)==null?void 0:r.BeforeUpdate)==null||l.call(r,this.owner,e));for(let a=0;a<e.length;a++){let f=e[a],u=typeof f=="object"&&f!==null?f._key:void 0;if(u!==void 0){let m=o.get(u);if(m){o.delete(u);let k=this.items.indexOf(m);if(k!==a&&k>=0){let P=m instanceof c&&!!m._portal;this.move(k,a,P?!1:t,!0)}m.parent=this.owner;continue}}this.insert(f,a,t,!0)}for(;this.items.length>e.length;)this.remove(this.items[this.items.length-1],t,!0);o.forEach(a=>this.remove(a,t,!0)),i||(d=(h=this.owner._hooks)==null?void 0:h.Update)==null||d.call(h,this.owner)}insert(e,t,i=!0,n=!1){var h,d;let o=this.items.length,r=typeof t!="number"||isNaN(t)||t<0||t>o?o:t,l=this._createNode(e);if(this.items.splice(r,0,l),l instanceof c){l._hooks.Insert&&l._hooks.Insert(l);let a=this.owner.domElement;if(i&&a)if(l._portal){let f=l._portal(this.owner.getRoot());f&&l.render(f)}else{let f=l._createDOMNode(),u=(h=a.childNodes[r])!=null?h:null;a.insertBefore(f,u);let m=a.getRootNode(),k=m instanceof ShadowRoot?m:document.head,P=L(k);l.styles.render(P),l._hooks.Mount&&l._hooks.Mount(l),l.children.items.forEach(S=>{if(S instanceof c&&S._portal){let V=S._portal(S.getRoot());V&&S.render(V)}else S.render(f)})}}else{let a=this.owner.domElement;if(i&&a){let f=l._createDOMNode(),u=(d=a.childNodes[r])!=null?d:null;a.insertBefore(f,u)}}return!n&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner),l}remove(e,t=!0,i=!1){let n=this.items.indexOf(e);if(!(n<0)){if(e instanceof c){let o=()=>{var l,h;let r=e.domElement;this.items.splice(n,1),t&&r&&r.remove(),(h=(l=e._hooks)==null?void 0:l.Remove)==null||h.call(l,e),e._dispose()};if(e._hooks.BeforeRemove&&e.domElement){let r=!1,l=()=>{r||(r=!0,o())};e._hooks.BeforeRemove(e,l),r||l()}else o()}else{let o=e.domText;this.items.splice(n,1),t&&o&&o.remove(),e._dispose()}!i&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner)}}clear(e=!0,t=!1){if(this.items.length===0)return;let i=this.items.slice();for(let n of i)this.remove(n,e,!0);!t&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner)}_dispose(){this.items.forEach(e=>e._dispose()),this.items=[]}swap(e,t,i=!0,n=!1){if(e<0||t<0||e>=this.items.length||t>=this.items.length||e===t)return;let o=this.items[e],r=this.items[t];this.items[e]=r,this.items[t]=o,i&&this._swapDomElement(o,r),!n&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner)}move(e,t,i=!0,n=!1){if(e<0||e>=this.items.length||t<0||t>=this.items.length||e===t)return;let o=this.items[e];this.items.splice(e,1),this.items.splice(t,0,o),i&&this._moveDomElement(o,t),!n&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner)}generateHTML(){let e="";for(let t of this.items)e+=t.generateHTML();return e}};var B=class{constructor(e,t,i){this.value="";this.name=e,this.cssName=M(e),this.parentRule=i,this.set(t)}_domUpdate(){if(!this.parentRule)return;let e=this.parentRule.domRule;if(e&&e.style){let t=e.style;t.setProperty(this.cssName,String(this.value)),b[this.name]&&b[this.name].forEach(i=>{t.setProperty(`-${i}-${this.cssName}`,String(this.value))})}}_dispose(){this.value="",this.parentRule=null}set(e){var t,i,n,o;if(typeof e=="function"){let r=(()=>{var l;!this.parentRule||(l=this.parentRule.parentNode)!=null&&l._disposed||(this.value=e(r),this._domUpdate())});r.onSubscribe=l=>{var h;(h=this.parentRule.parentNode)==null||h.addHook("BeforeRemove",()=>{l(),r=null})},r.elementNode=this.parentRule.root,r.debug=`class:${(i=(t=this.parentRule)==null?void 0:t.root)==null?void 0:i.tagName}_${(o=(n=this.parentRule)==null?void 0:n.root)==null?void 0:o.nodeId} style:${this.name}`,this.value=e(r)}else this.value=e;this._domUpdate()}remove(){if(this.parentRule){if(this.parentRule.domRule instanceof CSSStyleRule){let e=this.parentRule.domRule.style;e.removeProperty(this.cssName),b[this.name]&&b[this.name].forEach(t=>{e.removeProperty(`-${t}-${this.cssName}`)})}delete this.parentRule.styleBlock[this.name],this._dispose()}}cssText(){let e=`${this.cssName}: ${this.value}`;return b[this.name]&&b[this.name].forEach(t=>{e+=`; -${t}-${this.cssName}: ${this.value}`}),e}};var p=class s{constructor(e,t){this.domRule=null;this.styleBlock={};this.selectorText=e,this.styleList=new w(this),this.parent=t}_dispose(){if(this.styleBlock)for(let e of Object.values(this.styleBlock))e._dispose();this.styleList&&this.styleList._dispose(),this.styleBlock=null,this.styleList=null,this.domRule=null,this.parent=null}get root(){let e=this.parent;for(;e instanceof s;)e=e.parent;return e}get parentNode(){let e=this.parent;for(;e&&e instanceof s;)e=e.parent;return e}insertStyle(e,t){this.styleBlock&&(this.styleBlock[e]?this.styleBlock[e].set(t):this.styleBlock[e]=new B(e,t,this))}removeStyle(e){this.styleBlock&&this.styleBlock[e]&&this.styleBlock[e].remove()}cssText(){if(!this.styleBlock||!this.styleList)return"";let e=Object.values(this.styleBlock).map(i=>i.cssText()).join(";"),t=this.styleList.cssText();return`${this.selectorText} { ${e} ${t} } `}mount(e){!e||!this.styleList||(this.domRule=e,"cssRules"in e&&this.styleList.mount(e.cssRules))}remove(){if(this.domRule&&this.domRule.parentStyleSheet){let e=this.domRule.parentStyleSheet,t=e.cssRules;for(let i=0;i<t.length;i++)if(t[i]===this.domRule){e.deleteRule(i);break}}this._dispose()}render(e){if(!this.styleBlock||!this.styleList)return;let t=Object.values(this.styleBlock).map(i=>i.cssText()).join(";");try{if(this.selectorText.startsWith("@")){if(/^@(media|supports|container|layer)\b/.test(this.selectorText)){let i=e.insertRule(`${this.selectorText} {}`,e.cssRules.length),n=e.cssRules[i];"cssRules"in n&&(this.mount(n),this.styleList.render(n))}else if(this.selectorText.startsWith("@keyframes")||this.selectorText.startsWith("@font-face")){let i=this.cssText(),n=e.insertRule(i,e.cssRules.length),o=e.cssRules[n];this.mount(o)}}else{let i=`${this.selectorText} { ${t} }`,n=e.insertRule(i,e.cssRules.length),o=e.cssRules[n];o&&"selectorText"in o&&this.mount(o)}}catch(i){console.warn("Failed to insert rule:",this.selectorText,i)}}};var w=class{constructor(e){this.items=[];this.domStyle=null;this.parent=e}get parentNode(){let e=this.parent;for(;e&&e instanceof p;)e=e.parent;return e}addCSS(e,t=""){if(!this.items||!this.parent)return;let i={};function n(o,r){return o.startsWith("&")?`${r}${o.slice(1)}`:`${r} ${o}`}for(let o in e){let r=e[o],l=Q(o);for(let h of l){let d=n(h,t);if(/^@(container|layer|supports|media)\b/.test(h)){if(typeof r=="object"&&r!=null){let a=new p(h,this.parent);a.styleList.addCSS(r,t),this.items.push(a)}}else if(h.startsWith("@keyframes")){let a=new p(h,this.parent);a.styleList.addCSS(r,""),this.items.push(a)}else if(h.startsWith("@font-face")){let a=new p(h,this.parent);for(let f in r)a.insertStyle(f,r[f]);this.items.push(a)}else if(typeof r=="object"&&r!=null){let a=new p(d,this.parent);this.items.push(a);for(let[f,u]of Object.entries(r))if(typeof u=="object"&&u!=null){let m=n(f,d);f.startsWith("&")?this.addCSS(u,m):a.styleList.insertRule(m).styleList.addCSS(u,m)}else a.insertStyle(f,u)}else i[h]=r}}if(Object.keys(i).length){let o=new p(t,this.parent);for(let r in i)o.insertStyle(r,i[r]);this.items.push(o)}}cssText(){return this.items?this.items.map(e=>e.cssText()).join(""):""}insertRule(e){if(!this.items||!this.parent)return null;let t=this.items.find(i=>i.selectorText===e);return t||(t=new p(e,this.parent),this.items.push(t)),t}mount(e){if(!this.items)return;if(!e)throw Error("Require domRuleList argument");let t=0,i=n=>n.replace("(odd)","(2n+1)").replace("(even)","(2n)");this.items.forEach((n,o)=>{let r=o-t,l=e[r];l&&(n.selectorText.startsWith("@")&&l instanceof CSSKeyframesRule||"keyText"in l?n.mount(l):"selectorText"in l?l.selectorText!==i(n.selectorText)?t+=1:n.mount(l):"cssRules"in l&&n.mount(l))})}render(e){e instanceof HTMLStyleElement?(this.domStyle=e,this.items.forEach(t=>t.render(e.sheet))):e instanceof CSSGroupingRule&&this.items.forEach(t=>t.render(e))}_dispose(){if(this.items)for(let e=0;e<this.items.length;e++)this.items[e]._dispose();this.items=[],this.parent=null,this.domStyle=null}};var c=class s{constructor(e,t=null,i=0){this._disposed=!1;this.type="ElementNode";this.parent=null;this.children=new R(this);this.styles=new w(this);this.attributes=new T(this);this.domElement=null;this._hooks={};this._events=null;this._context={};this._metadata={};this.key=null;var l,h;e=g(e),O(e),e.style=e.style||{},this.parent=t,this.tagName=Z(e),e=K(e),this.key=(l=e._key)!=null?l:null,this._context=e._context||{},this._metadata=e._metadata||{};let n=`${(h=this.parent)==null?void 0:h.nodeId}.${i}`,o=JSON.stringify(e.style||{},(d,a)=>typeof a=="function"?n:a);this.nodeId=A(n+o),this.attributes.addClass(`${this.tagName}_${this.nodeId}`),e._onSchedule&&e._onSchedule(this,e),this.merge(e);let r=e[this.tagName];if(r!=null&&r!=null)if(typeof r=="function"){let d=()=>{if(this._disposed)return;let a=r(d);this.children.update(Array.isArray(a)?a:[a])};d.elementNode=this,d.debug=`class:${this.tagName}_${this.nodeId} children`,d.onSubscribe=a=>this.addHook("BeforeRemove",()=>{a(),d=null}),d&&d()}else this.children.update(Array.isArray(r)?r:[r]);this._hooks.Init&&this._hooks.Init(this)}_createDOMNode(){let t=U.includes(this.tagName)?document.createElementNS("http://www.w3.org/2000/svg",this.tagName):document.createElement(this.tagName);if(this.domElement=t,this._events)for(let i in this._events){let n=i,o=this._events[n],r=l=>o(l,this);t.addEventListener(n,r),this.addHook("BeforeRemove",l=>{l.domElement.removeEventListener(n,r),r=null})}return this.attributes&&Object.values(this.attributes.items).forEach(i=>i.render()),t}_dispose(){this._disposed=!0,this.children&&this.children._dispose(),this.styles&&(this.styles.items.forEach(e=>e.remove()),this.styles._dispose()),this.attributes&&this.attributes._dispose(),this.domElement=null,this._hooks={},this._events=null,this._context={},this._metadata={},this.parent=null}merge(e){v(this._context,e._context),v(this._metadata,e._metadata);let t=Object.keys(e);for(let i=0;i<t.length;i++){let n=t[i],o=e[n];["$","_onSchedule","_key","_context","_metadata","style",this.tagName].includes(n)||(["_onInit","_onInsert","_onMount","_onBeforeUpdate","_onUpdate","_onBeforeRemove","_onRemove"].includes(n)?this.addHook(n.substring(3),o):n.startsWith("on")?this.addEvent(n.substring(2).toLowerCase(),o):n=="_portal"?this._portal=o:n=="class"&&typeof o=="string"?this.attributes.addClass(o):this.attributes.set(n,o))}e.style&&this.styles.addCSS(e.style||{},`.${`${this.tagName}_${this.nodeId}`}`)}addEvent(e,t){this._events=this._events||{};let i=this._events[e];typeof i=="function"?this._events[e]=(n,o)=>{i(n,o),t(n,o)}:this._events[e]=t}addHook(e,t){let i=this._hooks[e];typeof i=="function"?this._hooks[e]=((...n)=>{i(...n),t(...n)}):this._hooks[e]=t}getRoot(){let e=this;for(;e&&e instanceof s&&e.parent;)e=e.parent;return e}getContext(e){let t=this;for(;t&&(!t._context||!Object.prototype.hasOwnProperty.call(t._context,e));)t=t.parent;return t&&t._context?t._context[e]:void 0}setContext(e,t){this._context=this._context||{},this._context[e]=t}getMetadata(e){return this._metadata?this._metadata[e]:void 0}setMetadata(e,t){this._metadata=this._metadata||{},this._metadata[e]=t}generateCSS(){if(!this.styles||!this.children)return"";let e=this.styles.cssText();return e+=this.children.items.map(t=>t instanceof s?t.generateCSS():"").join(""),e}generateHTML(){if(!this.children||!this.attributes)return"";let e=this.children.generateHTML(),t=this.attributes.generateHTML();return`<${this.tagName}${t}>${e}</${this.tagName}>`}mount(e,t){if(!e)throw new Error("Missing dom node on bind");if(this.domElement=e,this._events)for(let i in this._events){let n=i,o=this._events[n],r=l=>o(l,this);e.addEventListener(n,r),this.addHook("BeforeRemove",l=>{l.domElement.removeEventListener(n,r),r=null})}this.children&&this.children.items.forEach((i,n)=>{let o=e.childNodes[n];o instanceof Node&&i instanceof s&&i.mount(o,t)}),this._hooks.Mount&&this._hooks.Mount(this)}render(e){let t=this._createDOMNode();e.appendChild(t),this._hooks.Mount&&this._hooks.Mount(this);let i=this.getRoot().styles.domStyle,n=e.getRootNode(),o=n instanceof ShadowRoot?n:document.head;return i||(i=L(o)),this.styles.render(i),this.children.items.forEach(r=>{if(r instanceof s&&r._portal){let l=r._portal(this.getRoot());l&&r.render(l)}else r.render(t)}),t}remove(){var e;this.parent?this.parent.children.remove(this):((e=this.domElement)==null||e.remove(),this._dispose())}};var F=class{constructor(e){this._notifier=new y;this.initialRecord=$({},e),this._record=$({},e)}get(e,t){return t&&this._notifier.addListener(e,t),this._record[e]}set(e,t){this._record[e]=t,this._notifier.notify(e)}addListener(e,t){return this._notifier.addListener(e,t)}removeListener(e,t){this._notifier.removeListener(e,t)}reset(e){this.set(e,this.initialRecord[e])}_dispose(){this._notifier._dispose()}};0&&(module.exports={AttributeList,BooleanAttributes,CamelAttributes,ElementList,ElementNode,HtmlTags,Notifier,PrefixCSS,RecordState,State,SvgTags,VoidTags,hashString,merge,r,toState});
|
|
1
|
+
"use strict";var L=Object.defineProperty;var le=Object.getOwnPropertyDescriptor;var ae=Object.getOwnPropertyNames,X=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,he=Object.prototype.propertyIsEnumerable;var Z=(o,e,t)=>e in o?L(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,U=(o,e)=>{for(var t in e||(e={}))Q.call(e,t)&&Z(o,t,e[t]);if(X)for(var t of X(e))he.call(e,t)&&Z(o,t,e[t]);return o};var fe=(o,e)=>{for(var t in e)L(o,t,{get:e[t],enumerable:!0})},de=(o,e,t,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of ae(e))!Q.call(o,i)&&i!==t&&L(o,i,{get:()=>e[i],enumerable:!(s=le(e,i))||s.enumerable});return o};var ce=o=>de(L({},"__esModule",{value:!0}),o);var ge={};fe(ge,{AttributeList:()=>N,BooleanAttributes:()=>C,CamelAttributes:()=>J,ElementList:()=>M,ElementNode:()=>m,HtmlTags:()=>j,Notifier:()=>k,PrefixCSS:()=>E,RecordState:()=>Y,State:()=>w,SvgTags:()=>q,VoidTags:()=>G,hashString:()=>V,merge:()=>v,r:()=>ye,toState:()=>pe});module.exports=ce(ge);var ue=["onAbort","onAuxClick","onBeforeMatch","onBeforeToggle","onBlur","onCancel","onCanPlay","onCanPlayThrough","onChange","onClick","onClose","onContextLost","onContextMenu","onContextRestored","onCopy","onCueChange","onCut","onDblClick","onDrag","onDragEnd","onDragEnter","onDragLeave","onDragOver","onDragStart","onDrop","onDurationChange","onEmptied","onEnded","onError","onFocus","onFormData","onInput","onInvalid","onKeyDown","onKeyPress","onKeyUp","onLoad","onLoadedData","onLoadedMetadata","onLoadStart","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onPaste","onPause","onPlay","onPlaying","onProgress","onRateChange","onReset","onResize","onScroll","onScrollEnd","onSecurityPolicyViolation","onSeeked","onSeeking","onSelect","onSlotChange","onStalled","onSubmit","onSuspend","onTimeUpdate","onToggle","onVolumeChange","onWaiting","onWheel","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onPointerEnter","onPointerLeave","onPointerOver","onPointerOut","onGotPointerCapture","onLostPointerCapture","onCompositionStart","onCompositionUpdate","onCompositionEnd","onTransitionEnd","onTransitionStart","onAnimationStart","onAnimationEnd","onAnimationIteration","onFullscreenChange","onFullscreenError","onFocusIn","onFocusOut"],ee=ue.reduce((o,e)=>{let t=e.slice(2).toLowerCase();return o[t]=e,o},{});var j=["a","abbr","address","article","aside","audio","b","base","blockquote","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","i","iframe","img","input","ins","kbd","label","legend","li","main","map","mark","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","slot","small","source","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","bdi","bdo","math","menu","search","area","embed","hr","animate","animateMotion","animateTransform","circle","clipPath","cursor","defs","desc","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","prefetch","radialGradient","rect","set","solidColor","stop","svg","switch","symbol","tbreak","text","textPath","tspan","use","view"];var _=[],me=typeof queueMicrotask=="function"?queueMicrotask:o=>{Promise.resolve().then(o).catch(e=>{setTimeout(()=>{throw e},0)})},te=100,k=class{constructor(){this._listeners={};this._pending=new Map;this._scheduled=!1;this._flushing=new Map;this._selfDepth=0}_dispose(){if(this._listeners)for(let e in this._listeners)this._listeners[e].clear();this._listeners=null}addListener(e,t){if(!this._listeners)return()=>{};if(typeof e!="string"||typeof t!="function")throw new Error("Event name must be a string, listener must be a function");this._listeners[e]||(this._listeners[e]=new Set);let s=()=>this.removeListener(e,t);return this._listeners[e].has(t)||(this._listeners[e].add(t),typeof t.onSubscribe=="function"&&t.onSubscribe(s)),s}removeListener(e,t){if(!this._listeners)return;let s=this._listeners[e];s&&s.has(t)&&(s.delete(t),s.size===0&&delete this._listeners[e])}notify(e,...t){if(!this._listeners||!this._listeners[e])return;let s=_.length?_[_.length-1]:null;if(!!s&&s[0]===this&&s[1]===e){let n=this._flushing.get(e);if(n&&n[0]===t[0])return;if(this._selfDepth>=te){console.error(`[Domphy] Runaway self-update on "${e}" \u2014 stopped after ${te} iterations`);return}this._selfDepth++,this._pending.set(e,{args:t,chain:[]})}else{if(this._isCircular(e))return;this._pending.set(e,{args:t,chain:[..._]})}this._scheduled||(this._scheduled=!0,me(()=>this._flushAll()))}_isCircular(e){let t=_.findIndex(([i,n])=>i===this&&n===e);if(t===-1)return!1;let s=[..._.slice(t).map(([,i])=>i),e];return console.error(`[Domphy] Circular dependency detected:
|
|
2
|
+
${s.join(" \u2192 ")}`),!0}_flushAll(){this._scheduled=!1;let e=this._pending;this._pending=new Map;for(let[t,{args:s,chain:i}]of e)_=i,this._flush(t,s);_=[],this._pending.size===0&&(this._selfDepth=0)}_flush(e,t){if(!this._listeners)return;let s=this._listeners[e];if(s){_.push([this,e]),this._flushing.set(e,t);for(let i of[...s])if(s.has(i))try{i(...t)}catch(n){console.error(n)}this._flushing.delete(e),_.pop()}}};var w=class{constructor(e,t=typeof e){this.name=t;this._isState=!0;this._notifier=new k;this.initialValue=e,this._value=e}get(e){return e&&this.addListener(e),this._value}set(e){this._notifier&&(this._value=e,this._notifier.notify(this.name,e))}reset(){this.set(this.initialValue)}addListener(e){return this._notifier?this._notifier.addListener(this.name,e):()=>{}}removeListener(e){this._notifier&&this._notifier.removeListener(this.name,e)}_dispose(){this._notifier&&(this._notifier._dispose(),this._notifier=null)}};function v(o={},e={}){let t=["animation","transition","boxShadow","textShadow","background","fontFamily"],s=["class","rel","transform","acceptCharset","sandbox"],i=["content"];Object.prototype.toString.call(e)==="[object Object]"&&Object.getPrototypeOf(e)===Object.prototype&&(e=b(e));for(let n in e){let r=e[n];if(!(r==null||r===""))if(typeof r=="object"&&!Array.isArray(r))typeof o[n]=="object"?o[n]=v(o[n],r):o[n]=r;else if(t.includes(n))if(typeof o[n]=="function"||typeof r=="function"){let l=o[n];o[n]=f=>{let h=typeof l=="function"?l(f):l,a=typeof r=="function"?r(f):r;return[h,a].filter(d=>d).join(", ")}}else o[n]=[o[n],r].filter(l=>l).join(", ");else if(i.includes(n))if(typeof o[n]=="function"||typeof r=="function"){let l=o[n];o[n]=f=>{let h=typeof l=="function"?l(f):l,a=typeof r=="function"?r(f):r;return[h,a].filter(d=>d).join("")}}else o[n]=[o[n],r].filter(l=>l).join("");else if(s.includes(n))if(typeof o[n]=="function"||typeof r=="function"){let l=o[n];o[n]=f=>{let h=typeof l=="function"?l(f):l,a=typeof r=="function"?r(f):r;return[h,a].filter(d=>d).join(" ")}}else o[n]=[o[n],r].filter(l=>l).join(" ");else if(n.startsWith("on")){let l=n.replace("on","").toLowerCase();ie(o,l,r)}else if(n.startsWith("_on")){let l=n.replace("_on","");se(o,l,r)}else o[n]=r}return o}function V(o=""){let e=2166136261;for(let t=0;t<o.length;t++)e^=o.charCodeAt(t),e=e*16777619>>>0;return String.fromCharCode(97+e%26)+e.toString(16)}function pe(o,e){return o instanceof w||o!=null&&o._isState?o:new w(o,e)}function ye(o){return o}function se(o,e,t){let s=`_on${e}`,i=o[s];typeof i=="function"?o[s]=(...n)=>{i(...n),t(...n)}:o[s]=t}function ie(o,e,t){let s=ee[e];if(!s)throw Error(`invalid event name "${e}"`);let i=o[s];typeof i=="function"?o[s]=(n,r)=>{i(n,r),t(n,r)}:o[s]=t}function b(o,e=new WeakMap){if(o===null||typeof o!="object"||typeof o=="function")return o;if(e.has(o))return e.get(o);let t=Object.getPrototypeOf(o);if(t!==Object.prototype&&!Array.isArray(o))return o;let s;if(Array.isArray(o)){s=[],e.set(o,s);for(let i of o)s.push(b(i,e));return s}if(o instanceof Date)return new Date(o);if(o instanceof RegExp)return new RegExp(o);if(o instanceof Map){s=new Map,e.set(o,s);for(let[i,n]of o)s.set(b(i,e),b(n,e));return s}if(o instanceof Set){s=new Set,e.set(o,s);for(let i of o)s.add(b(i,e));return s}if(ArrayBuffer.isView(o))return new o.constructor(o);if(o instanceof ArrayBuffer)return o.slice(0);s=Object.create(t),e.set(o,s);for(let i of Reflect.ownKeys(o))s[i]=b(o[i],e);return s}function W(o,e=!1){if(Object.prototype.toString.call(o)!=="[object Object]")throw Error(`typeof ${o} is invalid DomphyElement`);let t=Object.keys(o);for(let s=0;s<t.length;s++){let i=t[s],n=o[i];if(s==0&&!j.includes(i)&&!i.includes("-")&&!e)throw Error(`key ${i} is not valid HTML tag name`);if(i=="style"&&n&&Object.prototype.toString.call(n)!=="[object Object]")throw Error('"style" must be a object');if(i=="$")o.$.forEach(r=>W(r,!0));else{if(i.startsWith("_on")&&typeof n!="function")throw Error(`hook ${i} value "${n}" must be a function `);if(i.startsWith("on")&&typeof n!="function")throw Error(`event ${i} value "${n}" must be a function `);if(i=="_portal"&&typeof n!="function")throw Error('"_portal" must be a function return HTMLElement');if(i=="_context"&&Object.prototype.toString.call(n)!=="[object Object]")throw Error('"_context" must be a object');if(i=="_metadata"&&Object.prototype.toString.call(n)!=="[object Object]")throw Error('"_metadata" must be a object');if(i=="_key"&&typeof n!="string"&&typeof n!="number")throw Error('"_key" must be a string or number')}}return!0}function z(o){return/<([a-z][\w-]*)(\s[^>]*)?>.*<\/\1>|<([a-z][\w-]*)(\s[^>]*)?\/>/i.test(o.trim())}function B(o){return o.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function $(o){return Object.keys(o).find(e=>j.includes(e))}function P(o){return o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function ne(o){if(o.indexOf("@")===0)return[o];for(var e=[],t=0,s=0,i="",n=0,r=o.length;n<r;n++){var l=o[n];if(l==="(")t+=1;else if(l===")")t-=1;else if(l==="[")s+=1;else if(l==="]")s-=1;else if(l===","&&!t&&!s){e.push(i.trim()),i="";continue}i+=l}return e.push(i.trim()),e}function H(o){let e=o.trim();return e.startsWith("@")?e.replace(/\s+/g,""):e.replace(/\s*([>+~,])\s*/g,"$1").replace(/\s+/g," ").replace(/\(\s*odd\s*\)/g,"(2n+1)").replace(/\(\s*even\s*\)/g,"(2n)").trim()}function oe(o,e){for(let t=0;t<o.length;t++){let s=o[t],i=null;typeof s.selectorText=="string"?i=H(s.selectorText):typeof s.cssText=="string"&&s.cssText.startsWith("@")&&(i=H(s.cssText.split("{")[0])),i&&!e.has(i)&&e.set(i,s)}return e}function A(o){var t;let e=o.querySelector("#domphy-style");return e||(e=document.createElement("style"),e.id="domphy-style",o.appendChild(e)),e.dataset.domphyBase!=="true"&&((t=e.sheet)==null||t.insertRule("[hidden] { display: none !important; }",0),e.dataset.domphyBase="true"),e}var O=o=>{if(Array.isArray(o.$)){let e={};return o.$.forEach(t=>v(e,O(t))),delete o.$,v(e,o),e}else return o};var G=["area","base","br","col","embed","hr","img","input","link","meta","source","track","wbr"];var q=["svg","circle","path","rect","ellipse","line","polyline","polygon","g","defs","use","symbol","linearGradient","radialGradient","stop","clipPath","mask","filter","text","tspan","textPath","image","pattern","marker","animate","animateTransform","animateMotion","feGaussianBlur","feComposite","feColorMatrix","feMerge","feMergeNode","feOffset","feFlood","feBlend","foreignObject"];var C=["allowFullScreen","async","autoFocus","autoPlay","checked","compact","contentEditable","controls","declare","default","defer","disabled","formNoValidate","hidden","isMap","itemScope","loop","multiple","muted","noHref","noShade","noValidate","open","playsInline","readonly","required","reversed","scoped","selected","sortable","trueSpeed","typeMustMatch","wmode","autoCapitalize","translate","spellCheck","inert","download","noModule","paused","autoPictureInPicture"];var E={transform:["webkit","ms"],transition:["webkit","ms"],animation:["webkit"],userSelect:["webkit","ms"],flexDirection:["webkit","ms"],flexWrap:["webkit","ms"],justifyContent:["webkit","ms"],alignItems:["webkit","ms"],alignSelf:["webkit","ms"],order:["webkit","ms"],flexGrow:["webkit","ms"],flexShrink:["webkit","ms"],flexBasis:["webkit","ms"],columns:["webkit"],columnCount:["webkit"],columnGap:["webkit"],columnRule:["webkit"],columnWidth:["webkit"],boxSizing:["webkit"],appearance:["webkit","moz"],filter:["webkit"],backdropFilter:["webkit"],clipPath:["webkit"],mask:["webkit"],maskImage:["webkit"],textSizeAdjust:["webkit","ms"],hyphens:["webkit","ms"],writingMode:["webkit","ms"],gridTemplateColumns:["ms"],gridTemplateRows:["ms"],gridAutoColumns:["ms"],gridAutoRows:["ms"],gridColumn:["ms"],gridRow:["ms"],marginInlineStart:["webkit"],marginInlineEnd:["webkit"],paddingInlineStart:["webkit"],paddingInlineEnd:["webkit"],minInlineSize:["webkit"],maxInlineSize:["webkit"],minBlockSize:["webkit"],maxBlockSize:["webkit"],inlineSize:["webkit"],blockSize:["webkit"],tabSize:["moz"],overscrollBehavior:["webkit","ms"],touchAction:["ms"],resize:["webkit"],printColorAdjust:["webkit"],backgroundClip:["webkit"],boxDecorationBreak:["webkit"],overflowScrolling:["webkit"]};var J=["viewBox","preserveAspectRatio","gradientTransform","gradientUnits","spreadMethod","markerStart","markerMid","markerEnd","markerHeight","markerWidth","markerUnits","refX","refY","patternContentUnits","patternTransform","patternUnits","filterUnits","primitiveUnits","kernelUnitLength","clipPathUnits","maskContentUnits","maskUnits"];var D=class{constructor(e,t,s){this._notifier=new k;this._releases=[];this.parent=s,this.isBoolean=C.includes(e),J.includes(e)?this.name=e:this.name=P(e),this.value=void 0,this.set(t)}render(){if(!this.parent||!this.parent.domElement)return;let e=this.parent.domElement,t=["value"];this.isBoolean?this.value===!1||this.value==null?e.removeAttribute(this.name):e.setAttribute(this.name,this.value===!0?"":this.value):this.value==null?e.removeAttribute(this.name):t.includes(this.name)?e[this.name]=this.value:e.setAttribute(this.name,this.value)}set(e){var s,i;let t=this.value;if(this._releases.length){for(let n of this._releases)n();this._releases=[]}if(e==null)this.value=null;else if(typeof e=="function"){let n=()=>{if(!this.parent||this.parent._disposed)return;let r=this.value;this.value=this.isBoolean?!!e(n):e(n),this.render(),r!==this.value&&this._notifier.notify(this.name,this.value)};n.elementNode=this.parent,n.debug=`class:${(s=this.parent)==null?void 0:s.tagName}_${(i=this.parent)==null?void 0:i.nodeId} attribute:${this.name}`,n.onSubscribe=r=>{this._releases.push(r),this.parent&&this.parent.addHook("BeforeRemove",()=>{r(),n=null})},this.value=this.isBoolean?!!e(n):e(n)}else this.value=this.isBoolean?!!e:e;this.render(),t!==this.value&&this._notifier.notify(this.name,this.value)}addListener(e){let t=e;t.onSubscribe=s=>{var i;return(i=this.parent)==null?void 0:i.addHook("BeforeRemove",s)},this._notifier.addListener(this.name,t)}remove(){this.parent&&this.parent.attributes&&this.parent.attributes.remove(this.name),this._dispose()}_dispose(){this._notifier._dispose(),this.value=null,this.parent=null}generateHTML(){let{name:e,value:t}=this;if(this.isBoolean)return t?`${e}`:"";{let s=Array.isArray(t)?JSON.stringify(t):t;return`${e}="${B(String(s))}"`}}};var N=class{constructor(e){this.items={};this.parent=e}generateHTML(){if(!this.items)return"";let e=Object.values(this.items).map(t=>t.generateHTML()).join(" ");return e?` ${e}`:""}get(e){var t;if(this.items)return(t=this.items[e])==null?void 0:t.value}set(e,t){!this.items||!this.parent||(this.items[e]?this.items[e].set(t):this.items[e]=new D(e,t,this.parent))}addListener(e,t){this.has(e)&&this.items[e].addListener(t)}has(e){return this.items?Object.prototype.hasOwnProperty.call(this.items,e):!1}remove(e){this.items&&(this.items[e]&&(this.items[e]._dispose(),delete this.items[e]),this.parent&&this.parent.domElement&&this.parent.domElement instanceof Element&&this.parent.domElement.removeAttribute(e))}_dispose(){if(this.items)for(let e in this.items)this.items[e]._dispose();this.items=null,this.parent=null}toggle(e,t){if(!C.includes(e))throw Error(`${e} is not a boolean attribute`);t===!0?this.set(e,!0):t===!1?this.remove(e):this.has(e)?this.remove(e):this.set(e,!0)}addClass(e){if(!e||typeof e!="string")return;let t=(i,n)=>{let r=(i||"").split(" ").filter(l=>l);return!r.includes(n)&&r.push(e),r.join(" ")},s=this.get("class");typeof s=="function"?this.set("class",()=>t(s(),e)):this.set("class",t(s,e))}hasClass(e){return!e||typeof e!="string"?!1:(this.get("class")||"").split(" ").filter(i=>i).includes(e)}toggleClass(e){!e||typeof e!="string"||(this.hasClass(e)?this.removeClass(e):this.addClass(e))}removeClass(e){if(!e||typeof e!="string")return;let i=(this.get("class")||"").split(" ").filter(n=>n).filter(n=>n!==e);i.length>0?this.set("class",i.join(" ")):this.remove("class")}replaceClass(e,t){!e||!t||typeof e!="string"||typeof t!="string"||this.hasClass(e)&&(this.removeClass(e),this.addClass(t))}};var K=class{constructor(e,t){this.type="TextNode";this.parent=t,this.text=e===""?"\u200B":String(e)}_createDOMNode(){let e;if(z(this.text)){let t=document.createElement("template");t.innerHTML=this.text.trim(),e=t.content.firstChild||document.createTextNode("")}else e=document.createTextNode(this.text);return this.domText=e,e}_dispose(){this.domText=void 0,this.text=""}generateHTML(){return this.text==="\u200B"?"​":z(this.text)?this.text:B(this.text)}render(e){let t=this._createDOMNode();e.appendChild(t)}};var M=class{constructor(e){this.items=[];this._nextKey=0;this.owner=e}_createNode(e){return typeof e=="object"&&e!==null?new m(e,this.owner,this._nextKey++):new K(e==null?"":String(e),this.owner)}_moveDomElement(e,t){if(!this.owner||!this.owner.domElement)return;let s=this.owner.domElement,i=e instanceof m?e.domElement:e.domText;if(i){let n=s.childNodes[t]||null;i!==n&&s.insertBefore(i,n)}}_swapDomElement(e,t){if(!this.owner||!this.owner.domElement)return;let s=this.owner.domElement,i=e instanceof m?e.domElement:e.domText,n=t instanceof m?t.domElement:t.domText;if(!i||!n)return;let r=i.nextSibling,l=n.nextSibling;s.insertBefore(i,l),s.insertBefore(n,r)}update(e,t=!0,s=!1){var h,a,d,p;let i=this.items.slice(),n=new Map;for(let c of i)c instanceof m&&c.key!==null&&c.key!==void 0&&n.set(c.key,c);!s&&this.owner.domElement&&((a=(h=this.owner._hooks)==null?void 0:h.BeforeUpdate)==null||a.call(h,this.owner,e));let r=new Set(i),l=new Set;for(let c=0;c<e.length;c++){let y=e[c],T=typeof y=="object"&&y!==null,g=T?y._key:void 0,R=T?$(y):void 0;if(g!==void 0){let u=n.get(g);if(u instanceof m&&u.tagName===R){n.delete(g);let I=this.items.indexOf(u);if(I!==c&&I>=0){let re=!!u._portal;this.move(I,c,re?!1:t,!0)}u.parent=this.owner,u.patch(y),l.add(u);continue}}else if(T){let u=this.items[c];if(u instanceof m&&u.key==null&&u.tagName===R&&r.has(u)&&!l.has(u)){u.parent=this.owner,u.patch(y),l.add(u);continue}}l.add(this.insert(y,c,t,!0))}let f=this.items.slice(e.length);for(let c of f)this.remove(c,t,!0);n.forEach(c=>this.remove(c,t,!0)),s||(p=(d=this.owner._hooks)==null?void 0:d.Update)==null||p.call(d,this.owner)}insert(e,t,s=!0,i=!1){var f,h;let n=this.items.length,r=typeof t!="number"||isNaN(t)||t<0||t>n?n:t,l=this._createNode(e);if(this.items.splice(r,0,l),l instanceof m){l._hooks.Insert&&l._hooks.Insert(l);let a=this.owner.domElement;if(s&&a)if(l._portal){let d=l._portal(this.owner.getRoot());d&&l.render(d)}else{let d=l._createDOMNode(),p=(f=a.childNodes[r])!=null?f:null;a.insertBefore(d,p);let c=a.getRootNode(),y=c instanceof ShadowRoot?c:document.head,T=A(y);l.styles.render(T),l._hooks.Mount&&l._hooks.Mount(l),l.children.items.forEach(g=>{if(g instanceof m&&g._portal){let R=g._portal(g.getRoot());R&&g.render(R)}else g.render(d)})}}else{let a=this.owner.domElement;if(s&&a){let d=l._createDOMNode(),p=(h=a.childNodes[r])!=null?h:null;a.insertBefore(d,p)}}return!i&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner),l}remove(e,t=!0,s=!1){let i=this.items.indexOf(e);if(!(i<0)){if(e instanceof m){if(e._beforeRemoveFired)return;let n=()=>{let r=e.domElement,l=this.items.indexOf(e);l>=0&&this.items.splice(l,1),t&&r&&r.remove(),e._dispose()};if(e._hooks.BeforeRemove&&e.domElement){let r=!1,l=()=>{r||(r=!0,n())};e._beforeRemoveFired=!0,e._hooks.BeforeRemove(e,l),e._hooks.BeforeRemove.length<2&&!r&&l()}else n()}else{let n=e.domText;this.items.splice(i,1),t&&n&&n.remove(),e._dispose()}!s&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner)}}clear(e=!0,t=!1){if(this.items.length===0)return;let s=this.items.slice();for(let i of s)this.remove(i,e,!0);!t&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner)}_dispose(){this.items.forEach(e=>e._dispose()),this.items=[]}swap(e,t,s=!0,i=!1){if(e<0||t<0||e>=this.items.length||t>=this.items.length||e===t)return;let n=this.items[e],r=this.items[t];this.items[e]=r,this.items[t]=n,s&&this._swapDomElement(n,r),!i&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner)}move(e,t,s=!0,i=!1){if(e<0||e>=this.items.length||t<0||t>=this.items.length||e===t)return;let n=this.items[e];this.items.splice(e,1),this.items.splice(t,0,n),s&&this._moveDomElement(n,t),!i&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner)}generateHTML(){let e="";for(let t of this.items)e+=t.generateHTML();return e}};var F=class{constructor(e,t,s){this.value="";this.name=e,this.cssName=P(e),this.parentRule=s,this.set(t)}_domUpdate(){if(!this.parentRule)return;let e=this.parentRule.domRule;if(e&&e.style){let t=e.style;t.setProperty(this.cssName,String(this.value)),E[this.name]&&E[this.name].forEach(s=>{t.setProperty(`-${s}-${this.cssName}`,String(this.value))})}}_dispose(){this.value="",this.parentRule=null}set(e){var t,s,i,n;if(typeof e=="function"){let r=(()=>{var l;!this.parentRule||(l=this.parentRule.parentNode)!=null&&l._disposed||(this.value=e(r),this._domUpdate())});r.onSubscribe=l=>{var f;(f=this.parentRule.parentNode)==null||f.addHook("BeforeRemove",()=>{l(),r=null})},r.elementNode=this.parentRule.root,r.debug=`class:${(s=(t=this.parentRule)==null?void 0:t.root)==null?void 0:s.tagName}_${(n=(i=this.parentRule)==null?void 0:i.root)==null?void 0:n.nodeId} style:${this.name}`,this.value=e(r)}else this.value=e;this._domUpdate()}remove(){if(this.parentRule){if(this.parentRule.domRule instanceof CSSStyleRule){let e=this.parentRule.domRule.style;e.removeProperty(this.cssName),E[this.name]&&E[this.name].forEach(t=>{e.removeProperty(`-${t}-${this.cssName}`)})}delete this.parentRule.styleBlock[this.name],this._dispose()}}cssText(){let e=`${this.cssName}: ${this.value}`;return E[this.name]&&E[this.name].forEach(t=>{e+=`; -${t}-${this.cssName}: ${this.value}`}),e}};var S=class o{constructor(e,t){this.domRule=null;this.styleBlock={};this.selectorText=e,this.styleList=new x(this),this.parent=t}_dispose(){if(this.styleBlock)for(let e of Object.values(this.styleBlock))e._dispose();this.styleList&&this.styleList._dispose(),this.styleBlock=null,this.styleList=null,this.domRule=null,this.parent=null}get root(){let e=this.parent;for(;e instanceof o;)e=e.parent;return e}get parentNode(){let e=this.parent;for(;e&&e instanceof o;)e=e.parent;return e}insertStyle(e,t){this.styleBlock&&(this.styleBlock[e]?this.styleBlock[e].set(t):this.styleBlock[e]=new F(e,t,this))}removeStyle(e){this.styleBlock&&this.styleBlock[e]&&this.styleBlock[e].remove()}cssText(){if(!this.styleBlock||!this.styleList)return"";let e=Object.values(this.styleBlock).map(s=>s.cssText()).join(";"),t=this.styleList.cssText();return`${this.selectorText} { ${e} ${t} } `}mount(e){!e||!this.styleList||(this.domRule=e,"cssRules"in e&&this.styleList.mount(e.cssRules))}remove(){if(this.domRule&&this.domRule.parentStyleSheet){let e=this.domRule.parentStyleSheet,t=e.cssRules;for(let s=0;s<t.length;s++)if(t[s]===this.domRule){e.deleteRule(s);break}}this._dispose()}render(e){if(!this.styleBlock||!this.styleList)return;let t=Object.values(this.styleBlock).map(s=>s.cssText()).join(";");try{if(this.selectorText.startsWith("@")){if(/^@(media|supports|container|layer)\b/.test(this.selectorText)){let s=e.insertRule(`${this.selectorText} {}`,e.cssRules.length),i=e.cssRules[s];"cssRules"in i&&(this.mount(i),this.styleList.render(i))}else if(this.selectorText.startsWith("@keyframes")||this.selectorText.startsWith("@font-face")){let s=this.cssText(),i=e.insertRule(s,e.cssRules.length),n=e.cssRules[i];this.mount(n)}}else{let s=`${this.selectorText} { ${t} }`,i=e.insertRule(s,e.cssRules.length),n=e.cssRules[i];n&&"selectorText"in n&&this.mount(n)}}catch(s){console.warn("Failed to insert rule:",this.selectorText,s)}}};var x=class{constructor(e){this.items=[];this.domStyle=null;this.parent=e}get parentNode(){let e=this.parent;for(;e&&e instanceof S;)e=e.parent;return e}addCSS(e,t=""){if(!this.items||!this.parent)return;let s={};function i(n,r){return n.startsWith("&")?`${r}${n.slice(1)}`:`${r} ${n}`}for(let n in e){let r=e[n],l=ne(n);for(let f of l){let h=i(f,t);if(/^@(container|layer|supports|media)\b/.test(f)){if(typeof r=="object"&&r!=null){let a=new S(f,this.parent);a.styleList.addCSS(r,t),this.items.push(a)}}else if(f.startsWith("@keyframes")){let a=new S(f,this.parent);a.styleList.addCSS(r,""),this.items.push(a)}else if(f.startsWith("@font-face")){let a=new S(f,this.parent);for(let d in r)a.insertStyle(d,r[d]);this.items.push(a)}else if(typeof r=="object"&&r!=null){let a=new S(h,this.parent);this.items.push(a);for(let[d,p]of Object.entries(r))if(typeof p=="object"&&p!=null){let c=i(d,h);d.startsWith("&")?this.addCSS(p,c):a.styleList.insertRule(c).styleList.addCSS(p,c)}else a.insertStyle(d,p)}else s[f]=r}}if(Object.keys(s).length){let n=new S(t,this.parent);for(let r in s)n.insertStyle(r,s[r]);this.items.push(n)}}cssText(){return this.items?this.items.map(e=>e.cssText()).join(""):""}insertRule(e){if(!this.items||!this.parent)return null;let t=this.items.find(s=>s.selectorText===e);return t||(t=new S(e,this.parent),this.items.push(t)),t}hydrate(e){if(this.items)for(let t of this.items){let s=e.get(H(t.selectorText));s&&t.mount(s)}}mount(e){if(!this.items)return;if(!e)throw Error("Require domRuleList argument");let t=0,s=i=>i.replace("(odd)","(2n+1)").replace("(even)","(2n)");this.items.forEach((i,n)=>{let r=n-t,l=e[r];l&&(i.selectorText.startsWith("@")&&l instanceof CSSKeyframesRule||"keyText"in l?i.mount(l):"selectorText"in l?l.selectorText!==s(i.selectorText)?t+=1:i.mount(l):"cssRules"in l&&i.mount(l))})}render(e){e instanceof HTMLStyleElement?(this.domStyle=e,this.items.forEach(t=>t.render(e.sheet))):e instanceof CSSGroupingRule&&this.items.forEach(t=>t.render(e))}_dispose(){if(this.items)for(let e=0;e<this.items.length;e++)this.items[e]._dispose();this.items=[],this.parent=null,this.domStyle=null}};var m=class o{constructor(e,t=null,s=0){this._disposed=!1;this._beforeRemoveFired=!1;this.type="ElementNode";this.parent=null;this.children=new M(this);this.styles=new x(this);this.attributes=new N(this);this.domElement=null;this._hooks={};this._events=null;this._boundEvents=new Set;this._context={};this._metadata={};this.key=null;var l,f;e=b(e),W(e),e.style=e.style||{},this.parent=t,this.tagName=$(e),e=O(e),this.key=(l=e._key)!=null?l:null,this._context=e._context||{},this._metadata=e._metadata||{};let i=`${(f=this.parent)==null?void 0:f.nodeId}.${s}`,n=JSON.stringify(e.style||{},(h,a)=>typeof a=="function"?i:a);this.nodeId=V(i+n),this.attributes.addClass(`${this.tagName}_${this.nodeId}`),e._onSchedule&&e._onSchedule(this,e),this.merge(e);let r=e[this.tagName];if(r!=null&&r!=null)if(typeof r=="function"){let h=()=>{if(this._disposed)return;let a=r(h);this.children.update(Array.isArray(a)?a:[a])};h.elementNode=this,h.debug=`class:${this.tagName}_${this.nodeId} children`,h.onSubscribe=a=>this.addHook("BeforeRemove",()=>{a(),h=null}),h&&h()}else this.children.update(Array.isArray(r)?r:[r]);this._hooks.Init&&this._hooks.Init(this)}_createDOMNode(){let t=q.includes(this.tagName)?document.createElementNS("http://www.w3.org/2000/svg",this.tagName):document.createElement(this.tagName);if(this.domElement=t,this._events)for(let s in this._events)this._bindEvent(s);return this.attributes&&Object.values(this.attributes.items).forEach(s=>s.render()),t}_bindEvent(e){if(!this.domElement||this._boundEvents.has(e))return;this._boundEvents.add(e);let t=s=>{var i,n;return(n=(i=this._events)==null?void 0:i[e])==null?void 0:n.call(i,s,this)};this.domElement.addEventListener(e,t),this.addHook("BeforeRemove",s=>{var i;(i=s.domElement)==null||i.removeEventListener(e,t),t=null})}_dispose(){var e,t,s,i;this._disposed||(this._disposed=!0,this._beforeRemoveFired||(this._beforeRemoveFired=!0,(t=(e=this._hooks).BeforeRemove)==null||t.call(e,this,()=>{})),this.children&&this.children._dispose(),this.styles&&(this.styles.items.forEach(n=>n.remove()),this.styles._dispose()),this.attributes&&this.attributes._dispose(),(i=(s=this._hooks).Remove)==null||i.call(s,this),this.domElement=null,this._hooks={},this._events=null,this._context={},this._metadata={},this.parent=null)}merge(e){v(this._context,e._context),v(this._metadata,e._metadata);let t=Object.keys(e);for(let s=0;s<t.length;s++){let i=t[s],n=e[i];["$","_onSchedule","_key","_context","_metadata","style",this.tagName].includes(i)||(["_onInit","_onInsert","_onMount","_onBeforeUpdate","_onUpdate","_onBeforeRemove","_onRemove"].includes(i)?this.addHook(i.substring(3),n):i.startsWith("on")?this.addEvent(i.substring(2).toLowerCase(),n):i=="_portal"?this._portal=n:i=="class"&&typeof n=="string"?this.attributes.addClass(n):this.attributes.set(i,n))}e.style&&this.styles.addCSS(e.style||{},`.${`${this.tagName}_${this.nodeId}`}`)}patch(e){let t=b(e);t.style=t.style||{},t=O(t);let s=t[this.tagName];if(typeof s!="function"){let h=s==null?[]:Array.isArray(s)?s:[s];this.children.update(h,!!this.domElement,!0)}t._context&&v(this._context,t._context),t._metadata&&v(this._metadata,t._metadata);let i=`${this.tagName}_${this.nodeId}`,n=["$","_onSchedule","_key","_context","_metadata","style",this.tagName],r=["_onInit","_onInsert","_onMount","_onBeforeUpdate","_onUpdate","_onBeforeRemove","_onRemove"],l=new Set(["class"]),f=null;this._events={};for(let h of Object.keys(t)){if(n.includes(h)||r.includes(h)||h==="_portal")continue;let a=t[h];h.startsWith("on")&&typeof a=="function"?this.addEvent(h.substring(2).toLowerCase(),a):h==="class"&&typeof a=="string"?f=a:(this.attributes.set(h,a),l.add(h))}if(this.attributes.set("class",f?`${i} ${f}`:i),this.attributes.items)for(let h of Object.keys(this.attributes.items))l.has(h)||this.attributes.remove(h);if(this._events)for(let h in this._events)this._bindEvent(h)}addEvent(e,t){this._events=this._events||{};let s=this._events[e];typeof s=="function"?this._events[e]=(i,n)=>{s(i,n),t(i,n)}:this._events[e]=t}addHook(e,t){let s=this._hooks[e];if(typeof s=="function"){let i=((...n)=>{s(...n),t(...n)});try{Object.defineProperty(i,"length",{value:Math.max(s.length,t.length),configurable:!0})}catch(n){}this._hooks[e]=i}else this._hooks[e]=t}getRoot(){let e=this;for(;e&&e instanceof o&&e.parent;)e=e.parent;return e}getContext(e){let t=this;for(;t&&(!t._context||!Object.prototype.hasOwnProperty.call(t._context,e));)t=t.parent;return t&&t._context?t._context[e]:void 0}setContext(e,t){this._context=this._context||{},this._context[e]=t}getMetadata(e){return this._metadata?this._metadata[e]:void 0}setMetadata(e,t){this._metadata=this._metadata||{},this._metadata[e]=t}generateCSS(){if(!this.styles||!this.children)return"";let e=this.styles.cssText();return e+=this.children.items.map(t=>t instanceof o?t.generateCSS():"").join(""),e}generateHTML(){if(!this.children||!this.attributes)return"";let e=this.attributes.generateHTML();if(G.includes(this.tagName))return`<${this.tagName}${e}>`;let t=this.children.generateHTML();return`<${this.tagName}${e}>${t}</${this.tagName}>`}mount(e,t){if(!e)throw new Error("Missing dom node on bind");if(this.domElement=e,this._events)for(let s in this._events)this._bindEvent(s);if(this.children&&this.children.items.forEach((s,i)=>{let n=e.childNodes[i];n&&(s instanceof o?s.mount(n):s.domText=n)}),t){let s=t.sheet;s&&this._hydrateStyles(oe(s.cssRules,new Map))}this._hooks.Mount&&this._hooks.Mount(this)}_hydrateStyles(e){var t;if((t=this.styles)==null||t.hydrate(e),this.children)for(let s of this.children.items)s instanceof o&&s._hydrateStyles(e)}render(e){let t=this._createDOMNode();e.appendChild(t),this._hooks.Mount&&this._hooks.Mount(this);let s=this.getRoot().styles.domStyle,i=e.getRootNode(),n=i instanceof ShadowRoot?i:document.head;return s||(s=A(n)),this.styles.render(s),this.children.items.forEach(r=>{if(r instanceof o&&r._portal){let l=r._portal(this.getRoot());l&&r.render(l)}else r.render(t)}),t}remove(){if(this.parent)this.parent.children.remove(this);else{let e=()=>{var t;(t=this.domElement)==null||t.remove(),this._dispose()};if(this._hooks.BeforeRemove&&this.domElement){let t=!1,s=()=>{t||(t=!0,e())};this._beforeRemoveFired=!0,this._hooks.BeforeRemove(this,s),this._hooks.BeforeRemove.length<2&&!t&&s()}else e()}}};var Y=class{constructor(e){this._notifier=new k;this.initialRecord=U({},e),this._record=U({},e)}get(e,t){return t&&this._notifier.addListener(e,t),this._record[e]}set(e,t){this._record[e]=t,this._notifier.notify(e)}addListener(e,t){return this._notifier.addListener(e,t)}removeListener(e,t){this._notifier.removeListener(e,t)}reset(e){this.set(e,this.initialRecord[e])}_dispose(){this._notifier._dispose()}};0&&(module.exports={AttributeList,BooleanAttributes,CamelAttributes,ElementList,ElementNode,HtmlTags,Notifier,PrefixCSS,RecordState,State,SvgTags,VoidTags,hashString,merge,r,toState});
|
|
3
3
|
//# sourceMappingURL=index.cjs.map
|