@domphy/theme 0.1.3 → 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.d.cts +1 -2
- package/dist/index.d.ts +1 -2
- 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 L=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var oe=Object.getOwnPropertyNames;var le=Object.prototype.hasOwnProperty;var B=(e,t)=>{for(var s in t)L(e,s,{get:t[s],enumerable:!0})},ae=(e,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of oe(t))!le.call(e,r)&&r!==s&&L(e,r,{get:()=>t[r],enumerable:!(n=re(t,r))||n.enumerable});return e};var he=e=>ae(L({},"__esModule",{value:!0}),e);var De={};B(De,{core:()=>C,theme:()=>$});var C={};B(C,{AttributeList:()=>Y,BooleanAttributes:()=>P,CamelAttributes:()=>X,ElementList:()=>Z,ElementNode:()=>c,HtmlTags:()=>j,Notifier:()=>D,PrefixCSS:()=>y,State:()=>O,VoidTags:()=>ge,hashString:()=>A,merge:()=>_,toState:()=>me});var fe=["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"],ue=fe.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"],D=class{constructor(){this._listeners={}}_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)return;let s=this._listeners[e];if(s)for(let n of[...s])try{n(...t)}catch(r){console.error(r)}}},O=class{constructor(e){this._notifier=new D,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)}};function _(e={},t={}){let s=["animation","transition","boxShadow","textShadow","background","fontFamily"],n=["class","rel","transform","acceptCharset","sandbox"],r=["content"];Object.prototype.toString.call(t)==="[object Object]"&&Object.getPrototypeOf(t)===Object.prototype&&(t=b(t));for(let i in t){let o=t[i];if(!(o==null||o===""))if(typeof o=="object"&&!Array.isArray(o))typeof e[i]=="object"?e[i]=_(e[i],o):e[i]=o;else if(s.includes(i))if(typeof e[i]=="function"||typeof o=="function"){let l=e[i];e[i]=a=>{let h=typeof l=="function"?l(a):l,f=typeof o=="function"?o(a):o;return[h,f].filter(u=>u).join(", ")}}else e[i]=[e[i],o].filter(l=>l).join(", ");else if(r.includes(i))if(typeof e[i]=="function"||typeof o=="function"){let l=e[i];e[i]=a=>{let h=typeof l=="function"?l(a):l,f=typeof o=="function"?o(a):o;return[h,f].filter(u=>u).join("")}}else e[i]=[e[i],o].filter(l=>l).join("");else if(n.includes(i))if(typeof e[i]=="function"||typeof o=="function"){let l=e[i];e[i]=a=>{let h=typeof l=="function"?l(a):l,f=typeof o=="function"?o(a):o;return[h,f].filter(u=>u).join(" ")}}else e[i]=[e[i],o].filter(l=>l).join(" ");else if(i.startsWith("on")){let l=i.replace("on","").toLowerCase();de(e,l,o)}else if(i.startsWith("_on")){let l=i.replace("_on","");ce(e,l,o)}else e[i]=o}return e}function me(e){return e instanceof O?e:new O(e)}function A(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 ce(e,t,s){let n=`_on${t}`,r=e[n];typeof r=="function"?e[n]=(...i)=>{r(...i),s(...i)}:e[n]=s}function de(e,t,s){let n=ue[t];if(!n)throw Error(`invalid event name "${t}"`);let r=e[n];typeof r=="function"?e[n]=(i,o)=>{r(i,o),s(i,o)}:e[n]=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 n;if(Array.isArray(e)){n=[],t.set(e,n);for(let r of e)n.push(b(r,t));return n}if(e instanceof Date)return new Date(e);if(e instanceof RegExp)return new RegExp(e);if(e instanceof Map){n=new Map,t.set(e,n);for(let[r,i]of e)n.set(b(r,t),b(i,t));return n}if(e instanceof Set){n=new Set,t.set(e,n);for(let r of e)n.add(b(r,t));return n}if(ArrayBuffer.isView(e))return new e.constructor(e);if(e instanceof ArrayBuffer)return e.slice(0);n=Object.create(s),t.set(e,n);for(let r of Reflect.ownKeys(e))n[r]=b(e[r],t);return n}function G(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 n=0;n<s.length;n++){let r=s[n],i=e[r];if(n==0&&!j.includes(r)&&!r.includes("-")&&!t)throw Error(`key ${r} is not valid HTML tag name`);if(r=="style"&&i&&Object.prototype.toString.call(i)!=="[object Object]")throw Error('"style" must be a object');if(r=="$")e.$.forEach(o=>G(o,!0));else{if(r.startsWith("_on")&&typeof i!="function")throw Error(`hook ${r} value "${i}" must be a function `);if(r.startsWith("on")&&typeof i!="function")throw Error(`event ${r} value "${i}" must be a function `);if(r=="_portal"&&typeof i!="function")throw Error('"_portal" must be a function return HTMLElement');if(r=="_context"&&Object.prototype.toString.call(i)!=="[object Object]")throw Error('"_context" must be a object');if(r=="_metadata"&&Object.prototype.toString.call(i)!=="[object Object]")throw Error('"_metadata" must be a object');if(r=="_key"&&typeof i!="string"&&typeof i!="number")throw Error('"_key" must be a string or number')}}return!0}function pe(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 ye(e){return Object.keys(e).find(t=>j.includes(t))}function q(e){return e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function be(e){if(e.indexOf("@")===0)return[e];for(var t=[],s=0,n=0,r="",i=0,o=e.length;i<o;i++){var l=e[i];if(l==="(")s+=1;else if(l===")")s-=1;else if(l==="[")n+=1;else if(l==="]")n-=1;else if(l===","&&!s&&!n){t.push(r.trim()),r="";continue}r+=l}return t.push(r.trim()),t}function K(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 J=e=>{if(Array.isArray(e.$)){let t={};return e.$.forEach(s=>_(t,J(s))),delete e.$,_(t,e),t}else return e},ge=["area","base","br","col","embed","hr","img","input","link","meta","source","track","wbr"],P=["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"]},X=["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=P.includes(e),X.includes(e)?this.name=e:this.name=q(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){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 t=()=>{t&&(this.value=this.isBoolean?!!e():e(),this.render())};t.elementNode=this.parent,t.onSubscribe=s=>{this.parent&&this.parent.addHook("BeforeRemove",()=>{s(),t=null})},this.value=this.isBoolean?!!e(t):e(t)}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))}"`}}},Y=class{constructor(e){this._notifier=new D,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 n=t;n.onSubscribe=r=>{var i;return(i=this.parent)==null?void 0:i.addHook("BeforeRemove",r)},this._notifier.addListener(e,n)}}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(!P.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,r)=>{let i=(n||"").split(" ").filter(o=>o);return!i.includes(r)&&i.push(e),i.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(pe(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)}},Z=class{constructor(e){this.items=[],this.owner=e}_createNode(e,t=0){return typeof e=="object"&&e!==null?new c(e,this.owner,t):new we(e==null?"":String(e),this.owner)}_moveDomElement(e,t){if(!this.owner||!this.owner.domElement)return;let s=this.owner.domElement,n=e instanceof c?e.domElement:e.domText;if(n){let r=s.childNodes[t]||null;n!==r&&s.insertBefore(n,r)}}_swapDomElement(e,t){if(!this.owner||!this.owner.domElement)return;let s=this.owner.domElement,n=e instanceof c?e.domElement:e.domText,r=t instanceof c?t.domElement:t.domText;if(!n||!r)return;let i=n.nextSibling,o=r.nextSibling;s.insertBefore(n,o),s.insertBefore(r,i)}update(e,t=!0,s=!1){var n,r,i,o;let l=this.items.slice(),a=new Map;for(let h of l)h instanceof c&&h.key!==null&&h.key!==void 0&&a.set(h.key,h);!s&&this.owner.domElement&&((r=(n=this.owner._hooks)==null?void 0:n.BeforeUpdate)==null||r.call(n,this.owner,e));for(let h=0;h<e.length;h++){let f=e[h],u=typeof f=="object"&&f!==null?f._key:void 0;if(u!==void 0){let m=a.get(u);if(m){a.delete(u);let x=this.items.indexOf(m);if(x!==h&&x>=0){let M=m instanceof c&&!!m._portal;this.move(x,h,M?!1:t,!0)}m.parent=this.owner;continue}}this.insert(f,h,t,!0)}for(;this.items.length>e.length;)this.remove(this.items[this.items.length-1],t,!0);a.forEach(h=>this.remove(h,t,!0)),s||(o=(i=this.owner._hooks)==null?void 0:i.Update)==null||o.call(i,this.owner)}insert(e,t,s=!0,n=!1){var r,i;let o=this.items.length,l=typeof t!="number"||isNaN(t)||t<0||t>o?o:t,a=this._createNode(e,l);if(this.items.splice(l,0,a),a instanceof c){a._hooks.Insert&&a._hooks.Insert(a);let h=this.owner.domElement;if(s&&h)if(a._portal){let f=a._portal(this.owner.getRoot());f&&a.render(f)}else{let f=a._createDOMNode(),u=(r=h.childNodes[l])!=null?r:null;h.insertBefore(f,u);let m=h.getRootNode(),x=m instanceof ShadowRoot?m:document.head,M=K(x);a.styles.render(M),a._hooks.Mount&&a._hooks.Mount(a),a.children.items.forEach(k=>{if(k instanceof c&&k._portal){let F=k._portal(k.getRoot());F&&k.render(F)}else k.render(f)})}}else{let h=this.owner.domElement;if(s&&h){let f=a._createDOMNode(),u=(i=h.childNodes[l])!=null?i:null;h.insertBefore(f,u)}}return!n&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner),a}remove(e,t=!0,s=!1){let n=this.items.indexOf(e);if(!(n<0)){if(e instanceof c){let r=()=>{var i,o;let l=e.domElement;this.items.splice(n,1),t&&l&&l.remove(),(o=(i=e._hooks)==null?void 0:i.Remove)==null||o.call(i,e),e._dispose()};e._hooks&&e._hooks.BeforeRemove&&e.domElement?e._hooks.BeforeRemove(e,r):r()}else{let r=e.domText;this.items.splice(n,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 n of s)this.remove(n,e,!0);!t&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner)}_dispose(){this.items=[]}swap(e,t,s=!0,n=!1){if(e<0||t<0||e>=this.items.length||t>=this.items.length||e===t)return;let r=this.items[e],i=this.items[t];this.items[e]=i,this.items[t]=r,s&&this._swapDomElement(r,i),!n&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner)}move(e,t,s=!0,n=!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),!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}},ke=class{constructor(e,t,s){this.value="",this.name=e,this.cssName=q(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){if(typeof e=="function"){let t=()=>{t&&(this.value=e(t),this._domUpdate())};t.onSubscribe=s=>{var n;(n=this.parentRule.parentNode)==null||n.addHook("BeforeRemove",()=>{s(),t=null})},t.elementNode=this.parentRule.root,this.value=e(t)}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 I{constructor(t,s){this.domRule=null,this.styleBlock={},this.selectorText=t,this.styleList=new Q(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 I;)t=t.parent;return t}get parentNode(){let t=this.parent;for(;t&&t instanceof I;)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(n=>n.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 n=0;n<s.length;n++)if(s[n]===this.domRule){t.deleteRule(n);break}}this._dispose()}render(t){if(!this.styleBlock||!this.styleList)return;let s=Object.values(this.styleBlock).map(n=>n.cssText()).join(";");try{if(this.selectorText.startsWith("@")){if(/^@(media|supports|container|layer)\b/.test(this.selectorText)){let n=t.insertRule(`${this.selectorText} {}`,t.cssRules.length),r=t.cssRules[n];"cssRules"in r&&(this.mount(r),this.styleList.render(r))}else if(this.selectorText.startsWith("@keyframes")||this.selectorText.startsWith("@font-face")){let n=this.cssText(),r=t.insertRule(n,t.cssRules.length),i=t.cssRules[r];this.mount(i)}}else{let n=`${this.selectorText} { ${s} }`,r=t.insertRule(n,t.cssRules.length),i=t.cssRules[r];i&&"selectorText"in i&&this.mount(i)}}catch(n){console.warn("Failed to insert rule:",this.selectorText,n)}}},Q=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 n(r,i){return r.startsWith("&")?`${i}${r.slice(1)}`:`${i} ${r}`}for(let r in e){let i=e[r],o=be(r);for(let l of o){let a=n(l,t);if(/^@(container|layer|supports|media)\b/.test(l)){if(typeof i=="object"&&i!=null){let h=new p(l,this.parent);h.styleList.addCSS(i,t),this.items.push(h)}}else if(l.startsWith("@keyframes")){let h=new p(l,this.parent);h.styleList.addCSS(i,""),this.items.push(h)}else if(l.startsWith("@font-face")){let h=new p(l,this.parent);for(let f in i)h.insertStyle(f,i[f]);this.items.push(h)}else if(typeof i=="object"&&i!=null){let h=new p(a,this.parent);this.items.push(h);for(let[f,u]of Object.entries(i))if(typeof u=="object"&&u!=null){let m=n(f,a);f.startsWith("&")?this.addCSS(u,m):h.styleList.insertRule(m).styleList.addCSS(u,m)}else h.insertStyle(f,u)}else s[l]=i}}if(Object.keys(s).length){let r=new p(t,this.parent);for(let i in s)r.insertStyle(i,s[i]);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=n=>n.replace("(odd)","(2n+1)").replace("(even)","(2n)");this.items.forEach((n,r)=>{let i=r-t,o=e[i];o&&(n.selectorText.startsWith("@")&&o instanceof CSSKeyframesRule||"keyText"in o?n.mount(o):"selectorText"in o?o.selectorText!==s(n.selectorText)?t+=1:n.mount(o):"cssRules"in o&&n.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}},c=class T{constructor(t,s=null,n=0){this.type="ElementNode",this.parent=null,this.children=new Z(this),this.styles=new Q(this),this.attributes=new Y(this),this.domElement=null,this._hooks={},this._events=null,this._context={},this._metadata={},this.key=null;var r,i;t=b(t),G(t),t.style=t.style||{},this.parent=s,this.tagName=ye(t),t=J(t),this.key=(r=t._key)!=null?r:null,this._context=t._context||{},this._metadata=t._metadata||{};let o=`${(i=this.parent)==null?void 0:i.getPath()}.${n}`,l=JSON.stringify(t.style||{},(h,f)=>typeof f=="function"?o:f);this.nodeId=A(o+l),this.attributes.addClass(`${this.tagName}_${this.nodeId}`),t._onSchedule&&t._onSchedule(this,t),this.merge(t);let a=t[this.tagName];if(a!=null&&a!=null)if(typeof a=="function"){let h=()=>{let f=a(h);this.children.update(Array.isArray(f)?f:[f])};h.elementNode=this,h.onSubscribe=f=>this.addHook("BeforeRemove",()=>{f(),h=null}),h&&h()}else this.children.update(Array.isArray(a)?a:[a]);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 n=s,r=this._events[n],i=o=>r(o,this);t.addEventListener(n,i),this.addHook("BeforeRemove",o=>{o.domElement.removeEventListener(n,i),i=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}get pathId(){return A(this.getPath())}merge(t){_(this._context,t._context),_(this._metadata,t._metadata);let s=Object.keys(t);for(let n=0;n<s.length;n++){let r=s[n],i=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),i):r.startsWith("on")?this.addEvent(r.substring(2).toLowerCase(),i):r=="_portal"?this._portal=i:r=="class"&&typeof i=="string"?this.attributes.addClass(i):this.attributes.set(r,i))}t.style&&this.styles.addCSS(t.style||{},`.${`${this.tagName}_${this.nodeId}`}`)}getPath(){let t=[],s=this;for(;s&&s.parent;){let n=s.parent,r=n.children.items.indexOf(s);t.push(r),s=n}return t.reverse().join(".")}addEvent(t,s){this._events=this._events||{};let n=this._events[t];typeof n=="function"?this._events[t]=(r,i)=>{n(r,i),s(r,i)}:this._events[t]=s}addHook(t,s){let n=this._hooks[t];typeof n=="function"?this._hooks[t]=((...r)=>{n(...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 n in this._events){let r=n,i=this._events[r],o=l=>i(l,this);t.addEventListener(r,o),this.addHook("BeforeRemove",l=>{l.domElement.removeEventListener(r,o),o=null})}this.children&&this.children.items.forEach((n,r)=>{let i=t.childNodes[r];i instanceof Node&&n instanceof T&&n.mount(i,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 n=this.getRoot().styles.domStyle,r=t.getRootNode(),i=r instanceof ShadowRoot?r:document.head;return n||(n=K(i)),this.styles.render(n),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())}};var $={};B($,{contextColor:()=>Ie,createDark:()=>te,getTheme:()=>d,setTheme:()=>xe,themeApply:()=>Ce,themeCSS:()=>z,themeColor:()=>je,themeDensity:()=>Be,themeName:()=>S,themeSize:()=>$e,themeSpacing:()=>Ne,themeTokens:()=>Te,themeVars:()=>v});var _e={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=_e;var E={light:JSON.parse(JSON.stringify(g)),dark:te(g)};function U(e){let t=Object.keys(e.colors)[0];return t?e.colors[t].length:0}function Ee(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 ee(e,t){var s;for(let n in t)t[n]&&typeof t[n]=="object"&&!Array.isArray(t[n])?((s=e[n])!=null||(e[n]={}),ee(e[n],t[n])):e[n]=t[n]}function Se(e,t){let s={},n=U(t);for(let i in t){let o=t[i];if(i==="colors")for(let l in t.colors)[...Array(n).keys()].forEach(a=>s[`--${l}-${a}`]=t.colors[l][a]);else if(i==="fontSizes")[...Array(8).keys()].forEach(l=>s[`--fontSize-${l}`]=t.fontSizes[l]);else{if(i==="densities")continue;if(typeof o=="object"&&o!==null)for(let l in o)s[`--${i}-${l.replace("/","_")}`]=o[l]}}let r="";for(let i in s)r+=` ${i}: ${s[i]};
|
|
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
|