@domphy/theme 0.1.4 → 0.1.5
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-theme.global.js +4 -3
- package/dist/core-theme.global.js.map +1 -1
- package/dist/index.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +5 -3
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
"use strict";var Domphy=(()=>{var B=Object.defineProperty;var oe=Object.getOwnPropertyDescriptor;var le=Object.getOwnPropertyNames;var ae=Object.prototype.hasOwnProperty;var O=(e,t)=>{for(var s in t)B(e,s,{get:t[s],enumerable:!0})},he=(e,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of le(t))!ae.call(e,r)&&r!==s&&B(e,r,{get:()=>t[r],enumerable:!(i=oe(t,r))||i.enumerable});return e};var fe=e=>he(B({},"__esModule",{value:!0}),e);var Pe={};O(Pe,{core:()=>R,theme:()=>L});var R={};O(R,{AttributeList:()=>Q,BooleanAttributes:()=>D,CamelAttributes:()=>Z,ElementList:()=>ee,ElementNode:()=>m,HtmlTags:()=>j,ListState:()=>I,Notifier:()=>N,PrefixCSS:()=>p,State:()=>C,VoidTags:()=>_e,hashString:()=>G,merge:()=>w,toListState:()=>me,toState:()=>K});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"],ce=ue.reduce((e,t)=>{let s=t.slice(2).toLowerCase();return e[s]=t,e},{}),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"],N=class{constructor(){this._listeners={},this._notifying=new Set,this._pending=new Map,this._scheduled=!1}_dispose(){if(this._listeners)for(let e in this._listeners)this._listeners[e].clear();this._listeners=null}addListener(e,t){var s;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 i=()=>this.removeListener(e,t);if(!this._listeners[e].has(t)){if(this._notifying.has(e)){let r=(s=t.debug)!=null?s:"unknown";return console.warn(`[Domphy] "${r}" re-subscribed during notification. Parent and child are tracking the same state.`),this._listeners[e].add(t),typeof t.onSubscribe=="function"&&t.onSubscribe(i),this.removeListener(e,t),i}this._listeners[e].add(t),typeof t.onSubscribe=="function"&&t.onSubscribe(i)}return i}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){this._listeners&&this._listeners[e]&&(this._pending.set(e,t),this._scheduled||(this._scheduled=!0,queueMicrotask(()=>{this._scheduled=!1;let s=this._pending;this._pending=new Map;for(let[i,r]of s)this._flush(i,r)})))}_flush(e,t){if(!this._listeners)return;let s=this._listeners[e];if(s){this._notifying.add(e);for(let i of[...s])if(s.has(i))try{i(...t)}catch(r){console.error(r)}this._notifying.delete(e)}}},C=class{constructor(e){this._notifier=new N,this.initialValue=e,this._value=e}get(e){return e&&this.onChange(e),this._value}set(e){this._notifier&&(this._value=e,this._notifier.notify("change",e))}reset(){this.set(this.initialValue)}onChange(e){return this._notifier?this._notifier.addListener("change",e):()=>{}}_dispose(){this._notifier&&(this._notifier._dispose(),this._notifier=null)}},I=class{constructor(e=[]){this._notifier=new N,this._nextKey=0,this._entries=e.map(t=>this._createEntry(t))}entries(e){return e&&this._notifier.addListener("change",e),this._entries}states(e){return e&&this._notifier.addListener("change",e),this._entries.map(t=>t.state)}keys(e){return e&&this._notifier.addListener("change",e),this._entries.map(t=>t.key)}_createEntry(e){let t=e instanceof C?e:K(e);return{key:this._nextKey++,state:t}}_findEntry(e){return this._entries.find(t=>t.state===e)}insert(e,t=!1){let s=this._createEntry(e);return this._entries.push(s),t||this._notifier.notify("change"),s}remove(e,t=!1){let s=this._findEntry(e);if(!s)return;let i=this._entries.indexOf(s);this._entries.splice(i,1),e._dispose(),t||this._notifier.notify("change")}move(e,t,s=!1){if(e<0||t<0||e>=this._entries.length||t>=this._entries.length||e===t)return;let[i]=this._entries.splice(e,1);this._entries.splice(t,0,i),s||this._notifier.notify("change")}swap(e,t,s=!1){if(e<0||t<0||e>=this._entries.length||t>=this._entries.length||e===t)return;let i=this._entries[e];this._entries[e]=this._entries[t],this._entries[t]=i,s||this._notifier.notify("change")}clear(e=!1){this._entries.length!==0&&(this._entries.forEach(t=>t.state._dispose()),this._entries=[],e||this._notifier.notify("change"))}reset(e=!1){this._entries.sort((t,s)=>t.key-s.key),e||this._notifier.notify("change")}onChange(e){return this._notifier.addListener("change",e)}_dispose(){this._entries.forEach(e=>e.state._dispose()),this._entries=[],this._notifier._dispose()}};function w(e={},t={}){let s=["animation","transition","boxShadow","textShadow","background","fontFamily"],i=["class","rel","transform","acceptCharset","sandbox"],r=["content"];Object.prototype.toString.call(t)==="[object Object]"&&Object.getPrototypeOf(t)===Object.prototype&&(t=y(t));for(let n in t){let o=t[n];if(!(o==null||o===""))if(typeof o=="object"&&!Array.isArray(o))typeof e[n]=="object"?e[n]=w(e[n],o):e[n]=o;else if(s.includes(n))if(typeof e[n]=="function"||typeof o=="function"){let l=e[n];e[n]=h=>{let a=typeof l=="function"?l(h):l,f=typeof o=="function"?o(h):o;return[a,f].filter(u=>u).join(", ")}}else e[n]=[e[n],o].filter(l=>l).join(", ");else if(r.includes(n))if(typeof e[n]=="function"||typeof o=="function"){let l=e[n];e[n]=h=>{let a=typeof l=="function"?l(h):l,f=typeof o=="function"?o(h):o;return[a,f].filter(u=>u).join("")}}else e[n]=[e[n],o].filter(l=>l).join("");else if(i.includes(n))if(typeof e[n]=="function"||typeof o=="function"){let l=e[n];e[n]=h=>{let a=typeof l=="function"?l(h):l,f=typeof o=="function"?o(h):o;return[a,f].filter(u=>u).join(" ")}}else e[n]=[e[n],o].filter(l=>l).join(" ");else if(n.startsWith("on")){let l=n.replace("on","").toLowerCase();pe(e,l,o)}else if(n.startsWith("_on")){let l=n.replace("_on","");de(e,l,o)}else e[n]=o}return e}function G(e=""){let t=2166136261;for(let s=0;s<e.length;s++)t^=e.charCodeAt(s),t=t*16777619>>>0;return String.fromCharCode(97+t%26)+t.toString(16)}function K(e){return e instanceof C?e:new C(e)}function me(e){return e instanceof I?e:new I(e)}function de(e,t,s){let i=`_on${t}`,r=e[i];typeof r=="function"?e[i]=(...n)=>{r(...n),s(...n)}:e[i]=s}function pe(e,t,s){let i=ce[t];if(!i)throw Error(`invalid event name "${t}"`);let r=e[i];typeof r=="function"?e[i]=(n,o)=>{r(n,o),s(n,o)}:e[i]=s}function y(e,t=new WeakMap){if(e===null||typeof e!="object"||typeof e=="function")return e;if(t.has(e))return t.get(e);let s=Object.getPrototypeOf(e);if(s!==Object.prototype&&!Array.isArray(e))return e;let i;if(Array.isArray(e)){i=[],t.set(e,i);for(let r of e)i.push(y(r,t));return i}if(e instanceof Date)return new Date(e);if(e instanceof RegExp)return new RegExp(e);if(e instanceof Map){i=new Map,t.set(e,i);for(let[r,n]of e)i.set(y(r,t),y(n,t));return i}if(e instanceof Set){i=new Set,t.set(e,i);for(let r of e)i.add(y(r,t));return i}if(ArrayBuffer.isView(e))return new e.constructor(e);if(e instanceof ArrayBuffer)return e.slice(0);i=Object.create(s),t.set(e,i);for(let r of Reflect.ownKeys(e))i[r]=y(e[r],t);return i}function q(e,t=!1){if(Object.prototype.toString.call(e)!=="[object Object]")throw Error(`typeof ${e} is invalid DomphyElement`);let s=Object.keys(e);for(let i=0;i<s.length;i++){let r=s[i],n=e[r];if(i==0&&!j.includes(r)&&!r.includes("-")&&!t)throw Error(`key ${r} is not valid HTML tag name`);if(r=="style"&&n&&Object.prototype.toString.call(n)!=="[object Object]")throw Error('"style" must be a object');if(r=="$")e.$.forEach(o=>q(o,!0));else{if(r.startsWith("_on")&&typeof n!="function")throw Error(`hook ${r} value "${n}" must be a function `);if(r.startsWith("on")&&typeof n!="function")throw Error(`event ${r} value "${n}" must be a function `);if(r=="_portal"&&typeof n!="function")throw Error('"_portal" must be a function return HTMLElement');if(r=="_context"&&Object.prototype.toString.call(n)!=="[object Object]")throw Error('"_context" must be a object');if(r=="_metadata"&&Object.prototype.toString.call(n)!=="[object Object]")throw Error('"_metadata" must be a object');if(r=="_key"&&typeof n!="string"&&typeof n!="number")throw Error('"_key" must be a string or number')}}return!0}function ye(e){return/<([a-z][\w-]*)(\s[^>]*)?>.*<\/\1>|<([a-z][\w-]*)(\s[^>]*)?\/>/i.test(e.trim())}function V(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function be(e){return Object.keys(e).find(t=>j.includes(t))}function J(e){return e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function ge(e){if(e.indexOf("@")===0)return[e];for(var t=[],s=0,i=0,r="",n=0,o=e.length;n<o;n++){var l=e[n];if(l==="(")s+=1;else if(l===")")s-=1;else if(l==="[")i+=1;else if(l==="]")i-=1;else if(l===","&&!s&&!i){t.push(r.trim()),r="";continue}r+=l}return t.push(r.trim()),t}function X(e){var t;let s=e.querySelector("#domphy-style");return s||(s=document.createElement("style"),s.id="domphy-style",e.appendChild(s)),s.dataset.domphyBase!=="true"&&((t=s.sheet)==null||t.insertRule("[hidden] { display: none !important; }",0),s.dataset.domphyBase="true"),s}var Y=e=>{if(Array.isArray(e.$)){let t={};return e.$.forEach(s=>w(t,Y(s))),delete e.$,w(t,e),t}else return e},_e=["area","base","br","col","embed","hr","img","input","link","meta","source","track","wbr"],D=["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"],p={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"]},Z=["viewBox","preserveAspectRatio","gradientTransform","gradientUnits","spreadMethod","markerStart","markerMid","markerEnd","markerHeight","markerWidth","markerUnits","refX","refY","patternContentUnits","patternTransform","patternUnits","filterUnits","primitiveUnits","kernelUnitLength","clipPathUnits","maskContentUnits","maskUnits"],ve=class{constructor(e,t,s){this.parent=s,this.isBoolean=D.includes(e),Z.includes(e)?this.name=e:this.name=J(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 t,s;if(e==null){this.value=null,this.render();return}if(typeof e=="string"&&/<\/?[a-z][\s\S]*>/i.test(e))this.value=V(e);else if(typeof e=="function"){let i=()=>{i&&(this.value=this.isBoolean?!!e():e(),this.render())};i.elementNode=this.parent,i.debug=`class:${(t=this.parent)==null?void 0:t.tagName}_${(s=this.parent)==null?void 0:s.nodeId} attribute:${this.name}`,i.onSubscribe=r=>{this.parent&&this.parent.addHook("BeforeRemove",()=>{r(),i=null})},this.value=this.isBoolean?!!e(i):e(i)}else this.value=this.isBoolean?!!e:e;this.render()}remove(){this.parent&&this.parent.attributes&&this.parent.attributes.remove(this.name),this._dispose()}_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}="${V(String(s))}"`}}},Q=class{constructor(e){this._notifier=new N,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.parent.domElement&&this._notifier.notify(e,this.items[e].value)):this.items[e]=new ve(e,t,this.parent))}onChange(e,t){var s;if(this.has(e)&&(s=this.parent)!=null&&s.domElement){let i=t;i.onSubscribe=r=>{var n;return(n=this.parent)==null?void 0:n.addHook("BeforeRemove",r)},this._notifier.addListener(e,i)}}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._notifier._dispose(),this.items=null,this.parent=null}toggle(e,t){if(!D.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,r)=>{let n=(i||"").split(" ").filter(o=>o);return!n.includes(r)&&n.push(e),n.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(t=>t).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 t=(this.get("class")||"").split(" ").filter(s=>s).filter(s=>s!==e);t.length>0?this.set("class",t.join(" ")):this.remove("class")}replaceClass(e,t){!e||!t||typeof e!="string"||typeof t!="string"||this.hasClass(e)&&(this.removeClass(e),this.addClass(t))}},we=class{constructor(e,t){this.type="TextNode",this.parent=t,this.text=e===""?"\u200B":String(e)}_createDOMNode(){let e;if(ye(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)}},ee=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 we(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 r=s.childNodes[t]||null;i!==r&&s.insertBefore(i,r)}}_swapDomElement(e,t){if(!this.owner||!this.owner.domElement)return;let s=this.owner.domElement,i=e instanceof m?e.domElement:e.domText,r=t instanceof m?t.domElement:t.domText;if(!i||!r)return;let n=i.nextSibling,o=r.nextSibling;s.insertBefore(i,o),s.insertBefore(r,n)}update(e,t=!0,s=!1){var i,r,n,o;let l=this.items.slice(),h=new Map;for(let a of l)a instanceof m&&a.key!==null&&a.key!==void 0&&h.set(a.key,a);!s&&this.owner.domElement&&((r=(i=this.owner._hooks)==null?void 0:i.BeforeUpdate)==null||r.call(i,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 c=h.get(u);if(c){h.delete(u);let S=this.items.indexOf(c);if(S!==a&&S>=0){let M=c instanceof m&&!!c._portal;this.move(S,a,M?!1:t,!0)}c.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);h.forEach(a=>this.remove(a,t,!0)),s||(o=(n=this.owner._hooks)==null?void 0:n.Update)==null||o.call(n,this.owner)}insert(e,t,s=!0,i=!1){var r,n;let o=this.items.length,l=typeof t!="number"||isNaN(t)||t<0||t>o?o:t,h=this._createNode(e);if(this.items.splice(l,0,h),h instanceof m){h._hooks.Insert&&h._hooks.Insert(h);let a=this.owner.domElement;if(s&&a)if(h._portal){let f=h._portal(this.owner.getRoot());f&&h.render(f)}else{let f=h._createDOMNode(),u=(r=a.childNodes[l])!=null?r:null;a.insertBefore(f,u);let c=a.getRootNode(),S=c instanceof ShadowRoot?c:document.head,M=X(S);h.styles.render(M),h._hooks.Mount&&h._hooks.Mount(h),h.children.items.forEach(v=>{if(v instanceof m&&v._portal){let F=v._portal(v.getRoot());F&&v.render(F)}else v.render(f)})}}else{let a=this.owner.domElement;if(s&&a){let f=h._createDOMNode(),u=(n=a.childNodes[l])!=null?n:null;a.insertBefore(f,u)}}return!i&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner),h}remove(e,t=!0,s=!1){let i=this.items.indexOf(e);if(!(i<0)){if(e instanceof m){let r=()=>{var n,o;let l=e.domElement;this.items.splice(i,1),t&&l&&l.remove(),(o=(n=e._hooks)==null?void 0:n.Remove)==null||o.call(n,e),e._dispose()};e._hooks&&e._hooks.BeforeRemove&&e.domElement?e._hooks.BeforeRemove(e,r):r()}else{let r=e.domText;this.items.splice(i,1),t&&r&&r.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=[]}swap(e,t,s=!0,i=!1){if(e<0||t<0||e>=this.items.length||t>=this.items.length||e===t)return;let r=this.items[e],n=this.items[t];this.items[e]=n,this.items[t]=r,s&&this._swapDomElement(r,n),!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 r=this.items[e];this.items.splice(e,1),this.items.splice(t,0,r),s&&this._moveDomElement(r,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}},ke=class{constructor(e,t,s){this.value="",this.name=e,this.cssName=J(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)),p[this.name]&&p[this.name].forEach(s=>{t.setProperty(`-${s}-${this.cssName}`,String(this.value))})}}_dispose(){this.value="",this.parentRule=null}set(e){var t,s,i,r;if(typeof e=="function"){let n=()=>{n&&(this.value=e(n),this._domUpdate())};n.onSubscribe=o=>{var l;(l=this.parentRule.parentNode)==null||l.addHook("BeforeRemove",()=>{o(),n=null})},n.elementNode=this.parentRule.root,n.debug=`class:${(s=(t=this.parentRule)==null?void 0:t.root)==null?void 0:s.tagName}_${(r=(i=this.parentRule)==null?void 0:i.root)==null?void 0:r.nodeId} style:${this.name}`,this.value=e(n)}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),p[this.name]&&p[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 p[this.name]&&p[this.name].forEach(t=>{e+=`; -${t}-${this.cssName}: ${this.value}`}),e}},d=class A{constructor(t,s){this.domRule=null,this.styleBlock={},this.selectorText=t,this.styleList=new te(this),this.parent=s}_dispose(){if(this.styleBlock)for(let t of Object.values(this.styleBlock))t._dispose();this.styleList&&this.styleList._dispose(),this.styleBlock=null,this.styleList=null,this.domRule=null,this.parent=null}get root(){let t=this.parent;for(;t instanceof A;)t=t.parent;return t}get parentNode(){let t=this.parent;for(;t&&t instanceof A;)t=t.parent;return t}insertStyle(t,s){this.styleBlock&&(this.styleBlock[t]?this.styleBlock[t].set(s):this.styleBlock[t]=new ke(t,s,this))}removeStyle(t){this.styleBlock&&this.styleBlock[t]&&this.styleBlock[t].remove()}cssText(){if(!this.styleBlock||!this.styleList)return"";let t=Object.values(this.styleBlock).map(i=>i.cssText()).join(";"),s=this.styleList.cssText();return`${this.selectorText} { ${t} ${s} } `}mount(t){!t||!this.styleList||(this.domRule=t,"cssRules"in t&&this.styleList.mount(t.cssRules))}remove(){if(this.domRule&&this.domRule.parentStyleSheet){let t=this.domRule.parentStyleSheet,s=t.cssRules;for(let i=0;i<s.length;i++)if(s[i]===this.domRule){t.deleteRule(i);break}}this._dispose()}render(t){if(!this.styleBlock||!this.styleList)return;let s=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=t.insertRule(`${this.selectorText} {}`,t.cssRules.length),r=t.cssRules[i];"cssRules"in r&&(this.mount(r),this.styleList.render(r))}else if(this.selectorText.startsWith("@keyframes")||this.selectorText.startsWith("@font-face")){let i=this.cssText(),r=t.insertRule(i,t.cssRules.length),n=t.cssRules[r];this.mount(n)}}else{let i=`${this.selectorText} { ${s} }`,r=t.insertRule(i,t.cssRules.length),n=t.cssRules[r];n&&"selectorText"in n&&this.mount(n)}}catch(i){console.warn("Failed to insert rule:",this.selectorText,i)}}},te=class{constructor(e){this.items=[],this.domStyle=null,this.parent=e}get parentNode(){let e=this.parent;for(;e&&e instanceof d;)e=e.parent;return e}addCSS(e,t=""){if(!this.items||!this.parent)return;let s={};function i(r,n){return r.startsWith("&")?`${n}${r.slice(1)}`:`${n} ${r}`}for(let r in e){let n=e[r],o=ge(r);for(let l of o){let h=i(l,t);if(/^@(container|layer|supports|media)\b/.test(l)){if(typeof n=="object"&&n!=null){let a=new d(l,this.parent);a.styleList.addCSS(n,t),this.items.push(a)}}else if(l.startsWith("@keyframes")){let a=new d(l,this.parent);a.styleList.addCSS(n,""),this.items.push(a)}else if(l.startsWith("@font-face")){let a=new d(l,this.parent);for(let f in n)a.insertStyle(f,n[f]);this.items.push(a)}else if(typeof n=="object"&&n!=null){let a=new d(h,this.parent);this.items.push(a);for(let[f,u]of Object.entries(n))if(typeof u=="object"&&u!=null){let c=i(f,h);f.startsWith("&")?this.addCSS(u,c):a.styleList.insertRule(c).styleList.addCSS(u,c)}else a.insertStyle(f,u)}else s[l]=n}}if(Object.keys(s).length){let r=new d(t,this.parent);for(let n in s)r.insertStyle(n,s[n]);this.items.push(r)}}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 d(e,this.parent),this.items.push(t)),t}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,r)=>{let n=r-t,o=e[n];o&&(i.selectorText.startsWith("@")&&o instanceof CSSKeyframesRule||"keyText"in o?i.mount(o):"selectorText"in o?o.selectorText!==s(i.selectorText)?t+=1:i.mount(o):"cssRules"in o&&i.mount(o))})}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}},m=class x{constructor(t,s=null,i=0){this.type="ElementNode",this.parent=null,this.children=new ee(this),this.styles=new te(this),this.attributes=new Q(this),this.domElement=null,this._hooks={},this._events=null,this._context={},this._metadata={},this.key=null;var r,n;t=y(t),q(t),t.style=t.style||{},this.parent=s,this.tagName=be(t),t=Y(t),this.key=(r=t._key)!=null?r:null,this._context=t._context||{},this._metadata=t._metadata||{};let o=`${(n=this.parent)==null?void 0:n.nodeId}.${i}`,l=JSON.stringify(t.style||{},(a,f)=>typeof f=="function"?o:f);this.nodeId=G(o+l),this.attributes.addClass(`${this.tagName}_${this.nodeId}`),t._onSchedule&&t._onSchedule(this,t),this.merge(t);let h=t[this.tagName];if(h!=null&&h!=null)if(typeof h=="function"){let a=()=>{let f=h(a);this.children.update(Array.isArray(f)?f:[f])};a.elementNode=this,a.debug=`class:${this.tagName}_${this.nodeId} children`,a.onSubscribe=f=>this.addHook("BeforeRemove",()=>{f(),a=null}),a&&a()}else this.children.update(Array.isArray(h)?h:[h]);this._hooks.Init&&this._hooks.Init(this)}_createDOMNode(){let t=["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"].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){let i=s,r=this._events[i],n=o=>r(o,this);t.addEventListener(i,n),this.addHook("BeforeRemove",o=>{o.domElement.removeEventListener(i,n),n=null})}return this.attributes&&Object.values(this.attributes.items).forEach(s=>s.render()),t}_dispose(){this.children&&this.children._dispose(),this.styles&&(this.styles.items.forEach(t=>t.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(t){w(this._context,t._context),w(this._metadata,t._metadata);let s=Object.keys(t);for(let i=0;i<s.length;i++){let r=s[i],n=t[r];["$","_onSchedule","_key","_context","_metadata","style",this.tagName].includes(r)||(["_onInit","_onInsert","_onMount","_onBeforeUpdate","_onUpdate","_onBeforeRemove","_onRemove"].includes(r)?this.addHook(r.substring(3),n):r.startsWith("on")?this.addEvent(r.substring(2).toLowerCase(),n):r=="_portal"?this._portal=n:r=="class"&&typeof n=="string"?this.attributes.addClass(n):this.attributes.set(r,n))}t.style&&this.styles.addCSS(t.style||{},`.${`${this.tagName}_${this.nodeId}`}`)}addEvent(t,s){this._events=this._events||{};let i=this._events[t];typeof i=="function"?this._events[t]=(r,n)=>{i(r,n),s(r,n)}:this._events[t]=s}addHook(t,s){let i=this._hooks[t];typeof i=="function"?this._hooks[t]=((...r)=>{i(...r),s(...r)}):this._hooks[t]=s}getRoot(){let t=this;for(;t&&t instanceof x&&t.parent;)t=t.parent;return t}getContext(t){let s=this;for(;s&&(!s._context||!Object.prototype.hasOwnProperty.call(s._context,t));)s=s.parent;return s&&s._context?s._context[t]:void 0}setContext(t,s){this._context=this._context||{},this._context[t]=s}getMetadata(t){return this._metadata?this._metadata[t]:void 0}setMetadata(t,s){this._metadata=this._metadata||{},this._metadata[t]=s}generateCSS(){if(!this.styles||!this.children)return"";let t=this.styles.cssText();return t+=this.children.items.map(s=>s instanceof x?s.generateCSS():"").join(""),t}generateHTML(){if(!this.children||!this.attributes)return"";let t=this.children.generateHTML(),s=this.attributes.generateHTML();return`<${this.tagName}${s}>${t}</${this.tagName}>`}mount(t,s){if(!t)throw new Error("Missing dom node on bind");if(this.domElement=t,this._events)for(let i in this._events){let r=i,n=this._events[r],o=l=>n(l,this);t.addEventListener(r,o),this.addHook("BeforeRemove",l=>{l.domElement.removeEventListener(r,o),o=null})}this.children&&this.children.items.forEach((i,r)=>{let n=t.childNodes[r];n instanceof Node&&i instanceof x&&i.mount(n,s)}),this._hooks.Mount&&this._hooks.Mount(this)}render(t){let s=this._createDOMNode();t.appendChild(s),this._hooks.Mount&&this._hooks.Mount(this);let i=this.getRoot().styles.domStyle,r=t.getRootNode(),n=r instanceof ShadowRoot?r:document.head;return i||(i=X(n)),this.styles.render(i),this.children.items.forEach(o=>{if(o instanceof x&&o._portal){let l=o._portal(this.getRoot());l&&o.render(l)}else o.render(s)}),s}remove(){var t;this.parent?this.parent.children.remove(this):((t=this.domElement)==null||t.remove(),this._dispose())}};var L={};O(L,{createDark:()=>ie,getTheme:()=>g,setTheme:()=>Te,themeApply:()=>Ne,themeCSS:()=>P,themeColor:()=>De,themeDensity:()=>Oe,themeName:()=>T,themeSize:()=>Le,themeSpacing:()=>Re,themeTokens:()=>Ce,themeVars:()=>E});var Ee={direction:"darken",colors:{highlight:["#ffffff","#fff8cc","#fff197","#ffde2c","#f5c700","#e6af00","#d29500","#c18300","#af7400","#9e6600","#865500","#724800","#5d3b00","#4b2f00","#382300","#281900","#120b00","#000000"],warning:["#ffffff","#fff6e7","#ffeccf","#ffda9e","#ffc15e","#ffa213","#fc7d00","#e86a00","#d45b00","#c24e00","#a73e00","#903300","#762900","#5f2000","#491800","#341200","#190800","#000000"],error:["#ffffff","#fff6f5","#ffebe8","#ffd6d1","#ffbcb4","#ff9d91","#ff7665","#ff513d","#f03823","#d73220","#b72818","#9c2113","#811b0e","#68150a","#501006","#3b0b04","#1d0502","#000000"],danger:["#ffffff","#fff6f5","#ffebe8","#ffd6d1","#ffbcb4","#ff9d91","#ff7665","#ff513d","#f03823","#d73220","#b72818","#9c2113","#811b0e","#68150a","#501006","#3b0b04","#1d0502","#000000"],secondary:["#ffffff","#fff6fc","#ffe8f7","#ffd3f0","#ffb5e6","#ff94db","#ff67cc","#f24cb8","#e434a3","#ce2a92","#b01f7b","#981668","#800c55","#690344","#530035","#3e0027","#210015","#000000"],primary:["#ffffff","#f5f9ff","#e5f0fe","#cbe2fe","#accffd","#8eb9fc","#729efd","#5d89ff","#4b75ff","#3b63fb","#274dea","#1d3ecf","#1532ad","#10288c","#0c1f69","#0e1843","#070b1e","#000000"],info:["#ffffff","#eefafe","#d9f4fd","#b7e7fc","#8ad5ff","#5cc0ff","#30a7fe","#1d95e7","#1286cd","#0b78b3","#046691","#005779","#004762","#00394e","#002b3b","#001f2b","#000e14","#000000"],success:["#ffffff","#edfcf1","#d7f7e1","#adeec5","#6be3a2","#2bd17d","#12b867","#0ba45d","#079355","#05834e","#036e45","#025d3c","#014c34","#003d2c","#002e22","#002119","#000f0c","#000000"],neutral:["#ffffff","#f7f7f7","#efefef","#dfdfdf","#cccccc","#b7b7b7","#a0a0a0","#8f8f8f","#808080","#727272","#606060","#515151","#424242","#343434","#272727","#1c1c1c","#0c0c0c","#000000"]},baseTones:{highlight:5,warning:6,error:8,danger:8,secondary:8,primary:9,info:8,success:8,neutral:8},fontSizes:["0.75rem","0.875rem","1rem","1.25rem","1.5625rem","1.9375rem","2.4375rem","3.0625rem"],densities:[.75,1,1.5,2,2.5],custom:{}},b=Ee;var k={light:JSON.parse(JSON.stringify(b)),dark:ie(b)};function z(e){let t=Object.keys(e.colors)[0];return t?e.colors[t].length:0}function Se(e){for(let t in e)if(!Object.keys(b).includes(t))throw new Error(`Invalid key: ${t}`);if(e.fontSizes&&!Array.isArray(e.fontSizes))throw new Error("fontSize must be array of string");if(e.densities&&(!Array.isArray(e.densities)||e.densities.some(t=>typeof t!="number")))throw new Error("densities must be array of number");if("custom"in e){let t=e.custom;if(typeof t!="object"||t===null)throw new Error("Invalid custom property: must be an object")}}function se(e,t){var s;for(let i in t)t[i]&&typeof t[i]=="object"&&!Array.isArray(t[i])?((s=e[i])!=null||(e[i]={}),se(e[i],t[i])):e[i]=t[i]}function xe(e,t){let s={},i=z(t);for(let n in t){let o=t[n];if(n==="colors")for(let l in t.colors)[...Array(i).keys()].forEach(h=>s[`--${l}-${h}`]=t.colors[l][h]);else if(n==="fontSizes")[...Array(8).keys()].forEach(l=>s[`--fontSize-${l}`]=t.fontSizes[l]);else{if(n==="densities")continue;if(typeof o=="object"&&o!==null)for(let l in o)s[`--${n}-${l.replace("/","_")}`]=o[l]}}let r="";for(let n in s)r+=` ${n}: ${s[n]};
|
|
1
|
+
"use strict";var Domphy=(()=>{var O=Object.defineProperty;var he=Object.getOwnPropertyDescriptor;var fe=Object.getOwnPropertyNames;var ue=Object.prototype.hasOwnProperty;var B=(e,t)=>{for(var s in t)O(e,s,{get:t[s],enumerable:!0})},de=(e,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of fe(t))!ue.call(e,r)&&r!==s&&O(e,r,{get:()=>t[r],enumerable:!(i=he(t,r))||i.enumerable});return e};var me=e=>de(O({},"__esModule",{value:!0}),e);var Ge={};B(Ge,{core:()=>R,theme:()=>$});var R={};B(R,{AttributeList:()=>se,BooleanAttributes:()=>D,CamelAttributes:()=>te,ElementList:()=>ie,ElementNode:()=>m,HtmlTags:()=>A,Notifier:()=>N,PrefixCSS:()=>y,RecordState:()=>Re,State:()=>I,SvgTags:()=>ee,VoidTags:()=>xe,hashString:()=>J,merge:()=>k,toState:()=>ve});var ce=Object.defineProperty,V=Object.getOwnPropertySymbols,pe=Object.prototype.hasOwnProperty,ye=Object.prototype.propertyIsEnumerable,G=(e,t,s)=>t in e?ce(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,q=(e,t)=>{for(var s in t||(t={}))pe.call(t,s)&&G(e,s,t[s]);if(V)for(var s of V(t))ye.call(t,s)&&G(e,s,t[s]);return e},be=["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"],ge=be.reduce((e,t)=>{let s=t.slice(2).toLowerCase();return e[s]=t,e},{}),A=["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"],c=[],N=class{constructor(){this._listeners={},this._pending=new Map,this._scheduled=!1}_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){this._listeners&&this._listeners[e]&&(this._isCircular(e)||(this._pending.set(e,{args:t,chain:[...c]}),this._scheduled||(this._scheduled=!0,queueMicrotask(()=>this._flushAll()))))}_isCircular(e){let t=c.findIndex(([i,r])=>i===this&&r===e);if(t===-1)return!1;let s=[...c.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)c=i,this._flush(t,s);c=[]}_flush(e,t){if(!this._listeners)return;let s=this._listeners[e];if(s){c.push([this,e]);for(let i of[...s])if(s.has(i))try{i(...t)}catch(r){console.error(r)}c.pop()}}},I=class{constructor(e,t=typeof e){this.name=t,this._notifier=new N,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 k(e={},t={}){let s=["animation","transition","boxShadow","textShadow","background","fontFamily"],i=["class","rel","transform","acceptCharset","sandbox"],r=["content"];Object.prototype.toString.call(t)==="[object Object]"&&Object.getPrototypeOf(t)===Object.prototype&&(t=b(t));for(let n in t){let o=t[n];if(!(o==null||o===""))if(typeof o=="object"&&!Array.isArray(o))typeof e[n]=="object"?e[n]=k(e[n],o):e[n]=o;else if(s.includes(n))if(typeof e[n]=="function"||typeof o=="function"){let l=e[n];e[n]=h=>{let a=typeof l=="function"?l(h):l,f=typeof o=="function"?o(h):o;return[a,f].filter(u=>u).join(", ")}}else e[n]=[e[n],o].filter(l=>l).join(", ");else if(r.includes(n))if(typeof e[n]=="function"||typeof o=="function"){let l=e[n];e[n]=h=>{let a=typeof l=="function"?l(h):l,f=typeof o=="function"?o(h):o;return[a,f].filter(u=>u).join("")}}else e[n]=[e[n],o].filter(l=>l).join("");else if(i.includes(n))if(typeof e[n]=="function"||typeof o=="function"){let l=e[n];e[n]=h=>{let a=typeof l=="function"?l(h):l,f=typeof o=="function"?o(h):o;return[a,f].filter(u=>u).join(" ")}}else e[n]=[e[n],o].filter(l=>l).join(" ");else if(n.startsWith("on")){let l=n.replace("on","").toLowerCase();we(e,l,o)}else if(n.startsWith("_on")){let l=n.replace("_on","");_e(e,l,o)}else e[n]=o}return e}function J(e=""){let t=2166136261;for(let s=0;s<e.length;s++)t^=e.charCodeAt(s),t=t*16777619>>>0;return String.fromCharCode(97+t%26)+t.toString(16)}function ve(e,t){return e instanceof I?e:new I(e,t)}function _e(e,t,s){let i=`_on${t}`,r=e[i];typeof r=="function"?e[i]=(...n)=>{r(...n),s(...n)}:e[i]=s}function we(e,t,s){let i=ge[t];if(!i)throw Error(`invalid event name "${t}"`);let r=e[i];typeof r=="function"?e[i]=(n,o)=>{r(n,o),s(n,o)}:e[i]=s}function b(e,t=new WeakMap){if(e===null||typeof e!="object"||typeof e=="function")return e;if(t.has(e))return t.get(e);let s=Object.getPrototypeOf(e);if(s!==Object.prototype&&!Array.isArray(e))return e;let i;if(Array.isArray(e)){i=[],t.set(e,i);for(let r of e)i.push(b(r,t));return i}if(e instanceof Date)return new Date(e);if(e instanceof RegExp)return new RegExp(e);if(e instanceof Map){i=new Map,t.set(e,i);for(let[r,n]of e)i.set(b(r,t),b(n,t));return i}if(e instanceof Set){i=new Set,t.set(e,i);for(let r of e)i.add(b(r,t));return i}if(ArrayBuffer.isView(e))return new e.constructor(e);if(e instanceof ArrayBuffer)return e.slice(0);i=Object.create(s),t.set(e,i);for(let r of Reflect.ownKeys(e))i[r]=b(e[r],t);return i}function X(e,t=!1){if(Object.prototype.toString.call(e)!=="[object Object]")throw Error(`typeof ${e} is invalid DomphyElement`);let s=Object.keys(e);for(let i=0;i<s.length;i++){let r=s[i],n=e[r];if(i==0&&!A.includes(r)&&!r.includes("-")&&!t)throw Error(`key ${r} is not valid HTML tag name`);if(r=="style"&&n&&Object.prototype.toString.call(n)!=="[object Object]")throw Error('"style" must be a object');if(r=="$")e.$.forEach(o=>X(o,!0));else{if(r.startsWith("_on")&&typeof n!="function")throw Error(`hook ${r} value "${n}" must be a function `);if(r.startsWith("on")&&typeof n!="function")throw Error(`event ${r} value "${n}" must be a function `);if(r=="_portal"&&typeof n!="function")throw Error('"_portal" must be a function return HTMLElement');if(r=="_context"&&Object.prototype.toString.call(n)!=="[object Object]")throw Error('"_context" must be a object');if(r=="_metadata"&&Object.prototype.toString.call(n)!=="[object Object]")throw Error('"_metadata" must be a object');if(r=="_key"&&typeof n!="string"&&typeof n!="number")throw Error('"_key" must be a string or number')}}return!0}function ke(e){return/<([a-z][\w-]*)(\s[^>]*)?>.*<\/\1>|<([a-z][\w-]*)(\s[^>]*)?\/>/i.test(e.trim())}function K(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function Se(e){return Object.keys(e).find(t=>A.includes(t))}function Y(e){return e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function Ee(e){if(e.indexOf("@")===0)return[e];for(var t=[],s=0,i=0,r="",n=0,o=e.length;n<o;n++){var l=e[n];if(l==="(")s+=1;else if(l===")")s-=1;else if(l==="[")i+=1;else if(l==="]")i-=1;else if(l===","&&!s&&!i){t.push(r.trim()),r="";continue}r+=l}return t.push(r.trim()),t}function Z(e){var t;let s=e.querySelector("#domphy-style");return s||(s=document.createElement("style"),s.id="domphy-style",e.appendChild(s)),s.dataset.domphyBase!=="true"&&((t=s.sheet)==null||t.insertRule("[hidden] { display: none !important; }",0),s.dataset.domphyBase="true"),s}var Q=e=>{if(Array.isArray(e.$)){let t={};return e.$.forEach(s=>k(t,Q(s))),delete e.$,k(t,e),t}else return e},xe=["area","base","br","col","embed","hr","img","input","link","meta","source","track","wbr"],ee=["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"],D=["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"],y={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"]},te=["viewBox","preserveAspectRatio","gradientTransform","gradientUnits","spreadMethod","markerStart","markerMid","markerEnd","markerHeight","markerWidth","markerUnits","refX","refY","patternContentUnits","patternTransform","patternUnits","filterUnits","primitiveUnits","kernelUnitLength","clipPathUnits","maskContentUnits","maskUnits"],Te=class{constructor(e,t,s){this.parent=s,this.isBoolean=D.includes(e),te.includes(e)?this.name=e:this.name=Y(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 t,s;if(e==null){this.value=null,this.render();return}if(typeof e=="string"&&/<\/?[a-z][\s\S]*>/i.test(e))this.value=K(e);else if(typeof e=="function"){let i=()=>{!this.parent||this.parent._disposed||(this.value=this.isBoolean?!!e():e(),this.render())};i.elementNode=this.parent,i.debug=`class:${(t=this.parent)==null?void 0:t.tagName}_${(s=this.parent)==null?void 0:s.nodeId} attribute:${this.name}`,i.onSubscribe=r=>{this.parent&&this.parent.addHook("BeforeRemove",()=>{r(),i=null})},this.value=this.isBoolean?!!e(i):e(i)}else this.value=this.isBoolean?!!e:e;this.render()}remove(){this.parent&&this.parent.attributes&&this.parent.attributes.remove(this.name),this._dispose()}_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}="${K(String(s))}"`}}},se=class{constructor(e){this._notifier=new N,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.parent.domElement&&this._notifier.notify(e,this.items[e].value)):this.items[e]=new Te(e,t,this.parent))}addListener(e,t){var s;if(this.has(e)&&(s=this.parent)!=null&&s.domElement){let i=t;i.onSubscribe=r=>{var n;return(n=this.parent)==null?void 0:n.addHook("BeforeRemove",r)},this._notifier.addListener(e,i)}}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._notifier._dispose(),this.items=null,this.parent=null}toggle(e,t){if(!D.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,r)=>{let n=(i||"").split(" ").filter(o=>o);return!n.includes(r)&&n.push(e),n.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(t=>t).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 t=(this.get("class")||"").split(" ").filter(s=>s).filter(s=>s!==e);t.length>0?this.set("class",t.join(" ")):this.remove("class")}replaceClass(e,t){!e||!t||typeof e!="string"||typeof t!="string"||this.hasClass(e)&&(this.removeClass(e),this.addClass(t))}},Ce=class{constructor(e,t){this.type="TextNode",this.parent=t,this.text=e===""?"\u200B":String(e)}_createDOMNode(){let e;if(ke(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)}},ie=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 Ce(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 r=s.childNodes[t]||null;i!==r&&s.insertBefore(i,r)}}_swapDomElement(e,t){if(!this.owner||!this.owner.domElement)return;let s=this.owner.domElement,i=e instanceof m?e.domElement:e.domText,r=t instanceof m?t.domElement:t.domText;if(!i||!r)return;let n=i.nextSibling,o=r.nextSibling;s.insertBefore(i,o),s.insertBefore(r,n)}update(e,t=!0,s=!1){var i,r,n,o;let l=this.items.slice(),h=new Map;for(let a of l)a instanceof m&&a.key!==null&&a.key!==void 0&&h.set(a.key,a);!s&&this.owner.domElement&&((r=(i=this.owner._hooks)==null?void 0:i.BeforeUpdate)==null||r.call(i,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 d=h.get(u);if(d){h.delete(u);let x=this.items.indexOf(d);if(x!==a&&x>=0){let M=d instanceof m&&!!d._portal;this.move(x,a,M?!1:t,!0)}d.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);h.forEach(a=>this.remove(a,t,!0)),s||(o=(n=this.owner._hooks)==null?void 0:n.Update)==null||o.call(n,this.owner)}insert(e,t,s=!0,i=!1){var r,n;let o=this.items.length,l=typeof t!="number"||isNaN(t)||t<0||t>o?o:t,h=this._createNode(e);if(this.items.splice(l,0,h),h instanceof m){h._hooks.Insert&&h._hooks.Insert(h);let a=this.owner.domElement;if(s&&a)if(h._portal){let f=h._portal(this.owner.getRoot());f&&h.render(f)}else{let f=h._createDOMNode(),u=(r=a.childNodes[l])!=null?r:null;a.insertBefore(f,u);let d=a.getRootNode(),x=d instanceof ShadowRoot?d:document.head,M=Z(x);h.styles.render(M),h._hooks.Mount&&h._hooks.Mount(h),h.children.items.forEach(w=>{if(w instanceof m&&w._portal){let F=w._portal(w.getRoot());F&&w.render(F)}else w.render(f)})}}else{let a=this.owner.domElement;if(s&&a){let f=h._createDOMNode(),u=(n=a.childNodes[l])!=null?n:null;a.insertBefore(f,u)}}return!i&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner),h}remove(e,t=!0,s=!1){let i=this.items.indexOf(e);if(!(i<0)){if(e instanceof m){let r=()=>{var n,o;let l=e.domElement;this.items.splice(i,1),t&&l&&l.remove(),(o=(n=e._hooks)==null?void 0:n.Remove)==null||o.call(n,e),e._dispose()};if(e._hooks.BeforeRemove&&e.domElement){let n=!1,o=()=>{n||(n=!0,r())};e._hooks.BeforeRemove(e,o),n||o()}else r()}else{let r=e.domText;this.items.splice(i,1),t&&r&&r.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 r=this.items[e],n=this.items[t];this.items[e]=n,this.items[t]=r,s&&this._swapDomElement(r,n),!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 r=this.items[e];this.items.splice(e,1),this.items.splice(t,0,r),s&&this._moveDomElement(r,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}},Ne=class{constructor(e,t,s){this.value="",this.name=e,this.cssName=Y(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)),y[this.name]&&y[this.name].forEach(s=>{t.setProperty(`-${s}-${this.cssName}`,String(this.value))})}}_dispose(){this.value="",this.parentRule=null}set(e){var t,s,i,r;if(typeof e=="function"){let n=()=>{var o;!this.parentRule||(o=this.parentRule.parentNode)!=null&&o._disposed||(this.value=e(n),this._domUpdate())};n.onSubscribe=o=>{var l;(l=this.parentRule.parentNode)==null||l.addHook("BeforeRemove",()=>{o(),n=null})},n.elementNode=this.parentRule.root,n.debug=`class:${(s=(t=this.parentRule)==null?void 0:t.root)==null?void 0:s.tagName}_${(r=(i=this.parentRule)==null?void 0:i.root)==null?void 0:r.nodeId} style:${this.name}`,this.value=e(n)}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),y[this.name]&&y[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 y[this.name]&&y[this.name].forEach(t=>{e+=`; -${t}-${this.cssName}: ${this.value}`}),e}},p=class j{constructor(t,s){this.domRule=null,this.styleBlock={},this.selectorText=t,this.styleList=new ne(this),this.parent=s}_dispose(){if(this.styleBlock)for(let t of Object.values(this.styleBlock))t._dispose();this.styleList&&this.styleList._dispose(),this.styleBlock=null,this.styleList=null,this.domRule=null,this.parent=null}get root(){let t=this.parent;for(;t instanceof j;)t=t.parent;return t}get parentNode(){let t=this.parent;for(;t&&t instanceof j;)t=t.parent;return t}insertStyle(t,s){this.styleBlock&&(this.styleBlock[t]?this.styleBlock[t].set(s):this.styleBlock[t]=new Ne(t,s,this))}removeStyle(t){this.styleBlock&&this.styleBlock[t]&&this.styleBlock[t].remove()}cssText(){if(!this.styleBlock||!this.styleList)return"";let t=Object.values(this.styleBlock).map(i=>i.cssText()).join(";"),s=this.styleList.cssText();return`${this.selectorText} { ${t} ${s} } `}mount(t){!t||!this.styleList||(this.domRule=t,"cssRules"in t&&this.styleList.mount(t.cssRules))}remove(){if(this.domRule&&this.domRule.parentStyleSheet){let t=this.domRule.parentStyleSheet,s=t.cssRules;for(let i=0;i<s.length;i++)if(s[i]===this.domRule){t.deleteRule(i);break}}this._dispose()}render(t){if(!this.styleBlock||!this.styleList)return;let s=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=t.insertRule(`${this.selectorText} {}`,t.cssRules.length),r=t.cssRules[i];"cssRules"in r&&(this.mount(r),this.styleList.render(r))}else if(this.selectorText.startsWith("@keyframes")||this.selectorText.startsWith("@font-face")){let i=this.cssText(),r=t.insertRule(i,t.cssRules.length),n=t.cssRules[r];this.mount(n)}}else{let i=`${this.selectorText} { ${s} }`,r=t.insertRule(i,t.cssRules.length),n=t.cssRules[r];n&&"selectorText"in n&&this.mount(n)}}catch(i){console.warn("Failed to insert rule:",this.selectorText,i)}}},ne=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 s={};function i(r,n){return r.startsWith("&")?`${n}${r.slice(1)}`:`${n} ${r}`}for(let r in e){let n=e[r],o=Ee(r);for(let l of o){let h=i(l,t);if(/^@(container|layer|supports|media)\b/.test(l)){if(typeof n=="object"&&n!=null){let a=new p(l,this.parent);a.styleList.addCSS(n,t),this.items.push(a)}}else if(l.startsWith("@keyframes")){let a=new p(l,this.parent);a.styleList.addCSS(n,""),this.items.push(a)}else if(l.startsWith("@font-face")){let a=new p(l,this.parent);for(let f in n)a.insertStyle(f,n[f]);this.items.push(a)}else if(typeof n=="object"&&n!=null){let a=new p(h,this.parent);this.items.push(a);for(let[f,u]of Object.entries(n))if(typeof u=="object"&&u!=null){let d=i(f,h);f.startsWith("&")?this.addCSS(u,d):a.styleList.insertRule(d).styleList.addCSS(u,d)}else a.insertStyle(f,u)}else s[l]=n}}if(Object.keys(s).length){let r=new p(t,this.parent);for(let n in s)r.insertStyle(n,s[n]);this.items.push(r)}}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 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,s=i=>i.replace("(odd)","(2n+1)").replace("(even)","(2n)");this.items.forEach((i,r)=>{let n=r-t,o=e[n];o&&(i.selectorText.startsWith("@")&&o instanceof CSSKeyframesRule||"keyText"in o?i.mount(o):"selectorText"in o?o.selectorText!==s(i.selectorText)?t+=1:i.mount(o):"cssRules"in o&&i.mount(o))})}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}},m=class T{constructor(t,s=null,i=0){this._disposed=!1,this.type="ElementNode",this.parent=null,this.children=new ie(this),this.styles=new ne(this),this.attributes=new se(this),this.domElement=null,this._hooks={},this._events=null,this._context={},this._metadata={},this.key=null;var r,n;t=b(t),X(t),t.style=t.style||{},this.parent=s,this.tagName=Se(t),t=Q(t),this.key=(r=t._key)!=null?r:null,this._context=t._context||{},this._metadata=t._metadata||{};let o=`${(n=this.parent)==null?void 0:n.nodeId}.${i}`,l=JSON.stringify(t.style||{},(a,f)=>typeof f=="function"?o:f);this.nodeId=J(o+l),this.attributes.addClass(`${this.tagName}_${this.nodeId}`),t._onSchedule&&t._onSchedule(this,t),this.merge(t);let h=t[this.tagName];if(h!=null&&h!=null)if(typeof h=="function"){let a=()=>{if(this._disposed)return;let f=h(a);this.children.update(Array.isArray(f)?f:[f])};a.elementNode=this,a.debug=`class:${this.tagName}_${this.nodeId} children`,a.onSubscribe=f=>this.addHook("BeforeRemove",()=>{f(),a=null}),a&&a()}else this.children.update(Array.isArray(h)?h:[h]);this._hooks.Init&&this._hooks.Init(this)}_createDOMNode(){let t=ee.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){let i=s,r=this._events[i],n=o=>r(o,this);t.addEventListener(i,n),this.addHook("BeforeRemove",o=>{o.domElement.removeEventListener(i,n),n=null})}return this.attributes&&Object.values(this.attributes.items).forEach(s=>s.render()),t}_dispose(){this._disposed=!0,this.children&&this.children._dispose(),this.styles&&(this.styles.items.forEach(t=>t.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(t){k(this._context,t._context),k(this._metadata,t._metadata);let s=Object.keys(t);for(let i=0;i<s.length;i++){let r=s[i],n=t[r];["$","_onSchedule","_key","_context","_metadata","style",this.tagName].includes(r)||(["_onInit","_onInsert","_onMount","_onBeforeUpdate","_onUpdate","_onBeforeRemove","_onRemove"].includes(r)?this.addHook(r.substring(3),n):r.startsWith("on")?this.addEvent(r.substring(2).toLowerCase(),n):r=="_portal"?this._portal=n:r=="class"&&typeof n=="string"?this.attributes.addClass(n):this.attributes.set(r,n))}t.style&&this.styles.addCSS(t.style||{},`.${`${this.tagName}_${this.nodeId}`}`)}addEvent(t,s){this._events=this._events||{};let i=this._events[t];typeof i=="function"?this._events[t]=(r,n)=>{i(r,n),s(r,n)}:this._events[t]=s}addHook(t,s){let i=this._hooks[t];typeof i=="function"?this._hooks[t]=((...r)=>{i(...r),s(...r)}):this._hooks[t]=s}getRoot(){let t=this;for(;t&&t instanceof T&&t.parent;)t=t.parent;return t}getContext(t){let s=this;for(;s&&(!s._context||!Object.prototype.hasOwnProperty.call(s._context,t));)s=s.parent;return s&&s._context?s._context[t]:void 0}setContext(t,s){this._context=this._context||{},this._context[t]=s}getMetadata(t){return this._metadata?this._metadata[t]:void 0}setMetadata(t,s){this._metadata=this._metadata||{},this._metadata[t]=s}generateCSS(){if(!this.styles||!this.children)return"";let t=this.styles.cssText();return t+=this.children.items.map(s=>s instanceof T?s.generateCSS():"").join(""),t}generateHTML(){if(!this.children||!this.attributes)return"";let t=this.children.generateHTML(),s=this.attributes.generateHTML();return`<${this.tagName}${s}>${t}</${this.tagName}>`}mount(t,s){if(!t)throw new Error("Missing dom node on bind");if(this.domElement=t,this._events)for(let i in this._events){let r=i,n=this._events[r],o=l=>n(l,this);t.addEventListener(r,o),this.addHook("BeforeRemove",l=>{l.domElement.removeEventListener(r,o),o=null})}this.children&&this.children.items.forEach((i,r)=>{let n=t.childNodes[r];n instanceof Node&&i instanceof T&&i.mount(n,s)}),this._hooks.Mount&&this._hooks.Mount(this)}render(t){let s=this._createDOMNode();t.appendChild(s),this._hooks.Mount&&this._hooks.Mount(this);let i=this.getRoot().styles.domStyle,r=t.getRootNode(),n=r instanceof ShadowRoot?r:document.head;return i||(i=Z(n)),this.styles.render(i),this.children.items.forEach(o=>{if(o instanceof T&&o._portal){let l=o._portal(this.getRoot());l&&o.render(l)}else o.render(s)}),s}remove(){var t;this.parent?this.parent.children.remove(this):((t=this.domElement)==null||t.remove(),this._dispose())}},Re=class{constructor(e){this._notifier=new N,this.initialRecord=q({},e),this._record=q({},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()}};var $={};B($,{createDark:()=>oe,getTheme:()=>v,setTheme:()=>Oe,themeApply:()=>Ie,themeCSS:()=>P,themeColor:()=>Ve,themeDensity:()=>Ue,themeName:()=>C,themeSize:()=>De,themeSpacing:()=>je,themeTokens:()=>Be,themeVars:()=>E});var Le={direction:"darken",colors:{highlight:["#ffffff","#fff8cc","#fff197","#ffde2c","#f5c700","#e6af00","#d29500","#c18300","#af7400","#9e6600","#865500","#724800","#5d3b00","#4b2f00","#382300","#281900","#120b00","#000000"],warning:["#ffffff","#fff6e7","#ffeccf","#ffda9e","#ffc15e","#ffa213","#fc7d00","#e86a00","#d45b00","#c24e00","#a73e00","#903300","#762900","#5f2000","#491800","#341200","#190800","#000000"],error:["#ffffff","#fff6f5","#ffebe8","#ffd6d1","#ffbcb4","#ff9d91","#ff7665","#ff513d","#f03823","#d73220","#b72818","#9c2113","#811b0e","#68150a","#501006","#3b0b04","#1d0502","#000000"],danger:["#ffffff","#fff6f5","#ffebe8","#ffd6d1","#ffbcb4","#ff9d91","#ff7665","#ff513d","#f03823","#d73220","#b72818","#9c2113","#811b0e","#68150a","#501006","#3b0b04","#1d0502","#000000"],secondary:["#ffffff","#fff6fc","#ffe8f7","#ffd3f0","#ffb5e6","#ff94db","#ff67cc","#f24cb8","#e434a3","#ce2a92","#b01f7b","#981668","#800c55","#690344","#530035","#3e0027","#210015","#000000"],primary:["#ffffff","#f5f9ff","#e5f0fe","#cbe2fe","#accffd","#8eb9fc","#729efd","#5d89ff","#4b75ff","#3b63fb","#274dea","#1d3ecf","#1532ad","#10288c","#0c1f69","#0e1843","#070b1e","#000000"],info:["#ffffff","#eefafe","#d9f4fd","#b7e7fc","#8ad5ff","#5cc0ff","#30a7fe","#1d95e7","#1286cd","#0b78b3","#046691","#005779","#004762","#00394e","#002b3b","#001f2b","#000e14","#000000"],success:["#ffffff","#edfcf1","#d7f7e1","#adeec5","#6be3a2","#2bd17d","#12b867","#0ba45d","#079355","#05834e","#036e45","#025d3c","#014c34","#003d2c","#002e22","#002119","#000f0c","#000000"],neutral:["#ffffff","#f7f7f7","#efefef","#dfdfdf","#cccccc","#b7b7b7","#a0a0a0","#8f8f8f","#808080","#727272","#606060","#515151","#424242","#343434","#272727","#1c1c1c","#0c0c0c","#000000"]},baseTones:{highlight:5,warning:6,error:8,danger:8,secondary:8,primary:9,info:8,success:8,neutral:8},fontSizes:["0.75rem","0.875rem","1rem","1.25rem","1.5625rem","1.9375rem","2.4375rem","3.0625rem"],densities:[.75,1,1.5,2,2.5],custom:{}},g=Le;var S={light:JSON.parse(JSON.stringify(g)),dark:oe(g)};function z(e){let t=Object.keys(e.colors)[0];return t?e.colors[t].length:0}function $e(e){for(let t in e)if(!Object.keys(g).includes(t))throw new Error(`Invalid key: ${t}`);if(e.fontSizes&&!Array.isArray(e.fontSizes))throw new Error("fontSize must be array of string");if(e.densities&&(!Array.isArray(e.densities)||e.densities.some(t=>typeof t!="number")))throw new Error("densities must be array of number");if("custom"in e){let t=e.custom;if(typeof t!="object"||t===null)throw new Error("Invalid custom property: must be an object")}}function re(e,t){var s;for(let i in t)t[i]&&typeof t[i]=="object"&&!Array.isArray(t[i])?((s=e[i])!=null||(e[i]={}),re(e[i],t[i])):e[i]=t[i]}function Me(e,t){let s={},i=z(t);for(let n in t){let o=t[n];if(n==="colors")for(let l in t.colors)[...Array(i).keys()].forEach(h=>s[`--${l}-${h}`]=t.colors[l][h]);else if(n==="fontSizes")[...Array(8).keys()].forEach(l=>s[`--fontSize-${l}`]=t.fontSizes[l]);else{if(n==="densities")continue;if(typeof o=="object"&&o!==null)for(let l in o)s[`--${n}-${l.replace("/","_")}`]=o[l]}}let r="";for(let n in s)r+=` ${n}: ${s[n]};
|
|
2
3
|
`;return`[data-theme="${e}"] {
|
|
3
|
-
${r}}`}function
|
|
4
|
-
`)}function
|
|
4
|
+
${r}}`}function v(e){if(!S[e])throw Error(`Theme "${e}" not found`);return S[e]}function Oe(e,t){$e(t),S[e]||(S[e]=structuredClone(g)),re(S[e],t)}function oe(e){let t=structuredClone(e);t.direction="lighten";for(let s in t.colors)t.colors[s].reverse(),t.baseTones[s]=t.colors[s].length-1-t.baseTones[s];return t}function Be(e){let t=v(e),s=z(t),i={};for(let r in t){let n=t[r];if(r==="colors")for(let o in t.colors){let l={};[...Array(s).keys()].forEach(h=>l[h]=t.colors[o][h]),i[o]=l}else if(r==="fontSizes")i.fontSizes=t.fontSizes;else if(r==="densities")i.densities=t.densities;else if(i[r]={},typeof n=="object"&&n!==null)for(let o in n)i[r][o]=n[o]}return i}function E(){let e=v("light"),t=z(e),s={};for(let i in e){let r=i,n=e[i];if(i==="colors")for(let o in e.colors){let l={};[...Array(t).keys()].forEach(h=>l[h]=`var(--${o}-${h})`),s[o]=l}else if(i==="fontSizes")s.fontSizes=[...Array(8).keys()].map(o=>`var(--fontSize-${o})`);else{if(i==="densities")continue;if(s[r]={},typeof n=="object"&&n!==null)for(let o in n)s[r][o]=`var(--${r}-${o.replace("/","_")})`}}return s}function P(){return Object.entries(S).map(([e,t])=>Me(e,t)).join(`
|
|
5
|
+
`)}function Ie(e){var t;if(typeof document!="undefined")if(e){e.textContent=P();return}else e=(t=document.getElementById("domphy-themes"))!=null?t:Object.assign(document.createElement("style"),{id:"domphy-themes"}),e.textContent=P(),document.head.appendChild(e)}function je(e){return e/4+"em"}function C(e){let s=typeof e=="function"?e.elementNode:e;for(;s&&(!s.attributes||!s.attributes.get("dataTheme"));)s=s.parent;let i="light";return s&&s.attributes&&s.attributes.has("dataTheme")&&(i=s.attributes.get("dataTheme"),typeof e=="function"&&s.attributes.addListener("dataTheme",e)),i}var U=["inherit"];[...Array(8).keys()].forEach(e=>{U.push(`decrease-${e}`),U.push(`increase-${e}`)});function le(e,t="inherit"){if(!U.includes(t))throw Error(`size name "${t}" invalid`);let s;if(t=="inherit")s=e;else if(t!=null&&t.startsWith("increase-")){let i=parseInt(t.replace("increase-",""),10);s=e+i}else if(t!=null&&t.startsWith("decrease-")){let i=parseInt(t.replace("decrease-",""),10);s=e-i}else s=e;return Math.max(0,Math.min(8,s))}function Ae(e){if(!e)return 2;let s=typeof e=="function"?e.elementNode:e;for(;s&&(!s.attributes||!s.attributes.get("dataSize"));)s=s.parent;let i=2;return s&&s.attributes&&s.attributes.has("dataSize")&&(i=le(i,s.attributes.get("dataSize")),typeof e=="function"&&s.attributes.addListener("dataSize",e)),i}function De(e,t="inherit"){let s=le(Ae(e),t);return E().fontSizes[s]}var H=["inherit"];[...Array(5).keys()].forEach(e=>{H.push(`decrease-${e}`),H.push(`increase-${e}`)});function Pe(e,t="inherit"){if(!H.includes(t))throw Error(`density name "${t}" invalid`);let s;if(t=="inherit")s=e;else if(t!=null&&t.startsWith("increase-")){let i=parseInt(t.replace("increase-",""),10);s=e+i}else if(t!=null&&t.startsWith("decrease-")){let i=parseInt(t.replace("decrease-",""),10);s=e-i}else s=e;return Math.max(0,Math.min(4,s))}function ze(e){if(!e)return 2;let s=typeof e=="function"?e.elementNode:e;for(;s&&(!s.attributes||!s.attributes.get("dataDensity"));)s=s.parent;let i=2;return s&&s.attributes&&s.attributes.has("dataDensity")&&(i=Pe(i,s.attributes.get("dataDensity")),typeof e=="function"&&s.attributes.addListener("dataDensity",e)),i}function Ue(e){let t=ze(e);return v(e?C(e):"light").densities[t]}var _=g.colors.neutral.length,L=["inherit","base"];[...Array(_).keys()].forEach(e=>{L.push(`decrease-${e}`),L.push(`increase-${e}`),L.push(`shift-${e}`)});function ae(e,t){if(e<0||e>_-1)return e;let s=e+t;return s=Math.max(0,Math.min(_-1,s)),s}function He(e,t){if(e<0||e>_-1)return e;let s=Math.floor((_-1)/2),i=e<=s?e+t:e-t;return i=i<0||i>_-1?-i:i,i=Math.max(0,Math.min(_-1,i)),i}function W(e,t="inherit"){if(typeof t=="number")return t;if(t=="inherit")return e;if(!L.includes(t))throw Error(`tone name "${t}" invalid`);if(t.startsWith("increase-")){let s=parseInt(t.replace("increase-",""),10);return ae(e,s)}else if(t.startsWith("decrease-")){let s=parseInt(t.replace("decrease-",""),10);return ae(e,-s)}else if(t.startsWith("shift-")){let s=parseInt(t.replace("shift-",""),10);return He(e,s)}else return e}function We(e){if(!e)return 0;let s=typeof e=="function"?e.elementNode:e;for(;s&&(!s.attributes||!s.attributes.get("dataTone"));)s=s.parent;let i=0;return s&&s.attributes&&s.attributes.has("dataTone")&&(i=W(i,s.attributes.get("dataTone")),typeof e=="function"&&s.attributes.addListener("dataTone",e)),i}function Fe(e,t="inherit"){return W(We(e),t)}function Ve(e,t="inherit",s="inherit"){let i=s=="inherit"?"neutral":s;if(!e)return E()[i][W(0,t)];let r;return t=="base"?r=v(C(e)).baseTones[i]:r=Fe(e,t),E()[i][r]}return me(Ge);})();
|
|
5
6
|
//# sourceMappingURL=core-theme.global.js.map
|