@domphy/theme 0.1.2 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -5
- package/dist/core-theme.global.js +3 -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 +1 -1
package/README.md
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
# @domphy/theme
|
|
2
2
|
|
|
3
|
-
Context-aware color, size, and spacing for Domphy.
|
|
3
|
+
Context-aware color, size, density, and spacing for Domphy.
|
|
4
4
|
|
|
5
5
|
It provides:
|
|
6
6
|
|
|
7
7
|
- `themeColor()` for colors
|
|
8
8
|
- `themeSize()` for font size
|
|
9
9
|
- `themeDensity()` for the current density factor
|
|
10
|
-
- `themeSpacing()` for spacing
|
|
10
|
+
- `themeSpacing()` for final spacing values
|
|
11
11
|
|
|
12
12
|
## Install
|
|
13
13
|
|
|
@@ -46,7 +46,7 @@ const button = {
|
|
|
46
46
|
paddingInline: (listener) => themeSpacing(themeDensity(listener) * 3),
|
|
47
47
|
borderRadius: (listener) => themeSpacing(themeDensity(listener) * 1),
|
|
48
48
|
backgroundColor: (listener) => themeColor(listener, "inherit", "primary"),
|
|
49
|
-
color: (listener) => themeColor(listener, "shift-
|
|
49
|
+
color: (listener) => themeColor(listener, "shift-9", "primary"),
|
|
50
50
|
},
|
|
51
51
|
}
|
|
52
52
|
```
|
|
@@ -58,16 +58,18 @@ import { setTheme, getTheme, createDark } from "@domphy/theme"
|
|
|
58
58
|
|
|
59
59
|
setTheme("brand", {
|
|
60
60
|
colors: {
|
|
61
|
-
primary: ["#
|
|
61
|
+
primary: ["#ffffff", "#f7f5ff", "#efe8ff", "#e5d9ff", "#d6c2ff", "#c4a6ff", "#af87ff", "#9a6dff", "#8658ff", "#7345f7", "#6033df", "#512bc0", "#43249e", "#351c7d", "#28155d", "#1c0e3f", "#0e0720", "#000000"],
|
|
62
62
|
},
|
|
63
63
|
baseTones: {
|
|
64
|
-
primary:
|
|
64
|
+
primary: 9,
|
|
65
65
|
},
|
|
66
66
|
})
|
|
67
67
|
|
|
68
68
|
setTheme("brand-dark", createDark(getTheme("brand")))
|
|
69
69
|
```
|
|
70
70
|
|
|
71
|
+
Custom color ramps should follow the current 18-step model.
|
|
72
|
+
|
|
71
73
|
## Docs
|
|
72
74
|
|
|
73
75
|
- [Theme guide](https://www.domphy.com/docs/theme/)
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";var Domphy=(()=>{var L=Object.defineProperty;var ie=Object.getOwnPropertyDescriptor;var re=Object.getOwnPropertyNames;var oe=Object.prototype.hasOwnProperty;var B=(e,t)=>{for(var s in t)L(e,s,{get:t[s],enumerable:!0})},le=(e,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of re(t))!oe.call(e,i)&&i!==s&&L(e,i,{get:()=>t[i],enumerable:!(n=ie(t,i))||n.enumerable});return e};var ae=e=>le(L({},"__esModule",{value:!0}),e);var je={};B(je,{core:()=>C,theme:()=>$});var C={};B(C,{AttributeList:()=>X,BooleanAttributes:()=>P,CamelAttributes:()=>J,ElementList:()=>Y,ElementNode:()=>c,HtmlTags:()=>j,Notifier:()=>D,PrefixCSS:()=>y,State:()=>O,VoidTags:()=>be,hashString:()=>A,merge:()=>w,toState:()=>ue});var he=["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"],fe=he.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(i){console.error(i)}}},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 w(e={},t={}){let s=["animation","transition","boxShadow","textShadow","background","fontFamily"],n=["class","rel","transform","acceptCharset","sandbox"],i=["content"];Object.prototype.toString.call(t)==="[object Object]"&&Object.getPrototypeOf(t)===Object.prototype&&(t=b(t));for(let r in t){let o=t[r];if(!(o==null||o===""))if(typeof o=="object"&&!Array.isArray(o))typeof e[r]=="object"?e[r]=w(e[r],o):e[r]=o;else if(s.includes(r))if(typeof e[r]=="function"||typeof o=="function"){let l=e[r];e[r]=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[r]=[e[r],o].filter(l=>l).join(", ");else if(i.includes(r))if(typeof e[r]=="function"||typeof o=="function"){let l=e[r];e[r]=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[r]=[e[r],o].filter(l=>l).join("");else if(n.includes(r))if(typeof e[r]=="function"||typeof o=="function"){let l=e[r];e[r]=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[r]=[e[r],o].filter(l=>l).join(" ");else if(r.startsWith("on")){let l=r.replace("on","").toLowerCase();ce(e,l,o)}else if(r.startsWith("_on")){let l=r.replace("_on","");me(e,l,o)}else e[r]=o}return e}function ue(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 me(e,t,s){let n=`_on${t}`,i=e[n];typeof i=="function"?e[n]=(...r)=>{i(...r),s(...r)}:e[n]=s}function ce(e,t,s){let n=fe[t];if(!n)throw Error(`invalid event name "${t}"`);let i=e[n];typeof i=="function"?e[n]=(r,o)=>{i(r,o),s(r,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 i of e)n.push(b(i,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[i,r]of e)n.set(b(i,t),b(r,t));return n}if(e instanceof Set){n=new Set,t.set(e,n);for(let i of e)n.add(b(i,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 i of Reflect.ownKeys(e))n[i]=b(e[i],t);return n}function V(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 i=s[n],r=e[i];if(n==0&&!j.includes(i)&&!i.includes("-")&&!t)throw Error(`key ${i} is not valid HTML tag name`);if(i=="style"&&r&&Object.prototype.toString.call(r)!=="[object Object]")throw Error('"style" must be a object');if(i=="$")e.$.forEach(o=>V(o,!0));else{if(i.startsWith("_on")&&typeof r!="function")throw Error(`hook ${i} value "${r}" must be a function `);if(i.startsWith("on")&&typeof r!="function")throw Error(`event ${i} value "${r}" must be a function `);if(i=="_portal"&&typeof r!="function")throw Error('"_portal" must be a function return HTMLElement');if(i=="_context"&&Object.prototype.toString.call(r)!=="[object Object]")throw Error('"_context" must be a object');if(i=="_metadata"&&Object.prototype.toString.call(r)!=="[object Object]")throw Error('"_metadata" must be a object');if(i=="_key"&&typeof r!="string"&&typeof r!="number")throw Error('"_key" must be a string or number')}}return!0}function de(e){return/<([a-z][\w-]*)(\s[^>]*)?>.*<\/\1>|<([a-z][\w-]*)(\s[^>]*)?\/>/i.test(e.trim())}function F(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function pe(e){return Object.keys(e).find(t=>j.includes(t))}function G(e){return e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function ye(e){if(e.indexOf("@")===0)return[e];for(var t=[],s=0,n=0,i="",r=0,o=e.length;r<o;r++){var l=e[r];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(i.trim()),i="";continue}i+=l}return t.push(i.trim()),t}function q(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 K=e=>{if(Array.isArray(e.$)){let t={};return e.$.forEach(s=>w(t,K(s))),delete e.$,w(t,e),t}else return e},be=["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"]},J=["viewBox","preserveAspectRatio","gradientTransform","gradientUnits","spreadMethod","markerStart","markerMid","markerEnd","markerHeight","markerWidth","markerUnits","refX","refY","patternContentUnits","patternTransform","patternUnits","filterUnits","primitiveUnits","kernelUnitLength","clipPathUnits","maskContentUnits","maskUnits"],ge=class{constructor(e,t,s){this.parent=s,this.isBoolean=P.includes(e),J.includes(e)?this.name=e:this.name=G(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=F(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}="${F(String(s))}"`}}},X=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 ge(e,t,this.parent))}onChange(e,t){var s;if(this.has(e)&&(s=this.parent)!=null&&s.domElement){let n=t;n.onSubscribe=i=>{var r;return(r=this.parent)==null?void 0:r.addHook("BeforeRemove",i)},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,i)=>{let r=(n||"").split(" ").filter(o=>o);return!r.includes(i)&&r.push(e),r.join(" ")},s=this.get("class");typeof s=="function"?this.set("class",()=>t(s(),e)):this.set("class",t(s,e))}hasClass(e){return!e||typeof e!="string"?!1:(this.get("class")||"").split(" ").filter(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))}},ve=class{constructor(e,t){this.type="TextNode",this.parent=t,this.text=e===""?"\u200B":String(e)}_createDOMNode(){let e;if(de(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)}},Y=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 ve(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 i=s.childNodes[t]||null;n!==i&&s.insertBefore(n,i)}}_swapDomElement(e,t){if(!this.owner||!this.owner.domElement)return;let s=this.owner.domElement,n=e instanceof c?e.domElement:e.domText,i=t instanceof c?t.domElement:t.domText;if(!n||!i)return;let r=n.nextSibling,o=i.nextSibling;s.insertBefore(n,o),s.insertBefore(i,r)}update(e,t=!0,s=!1){var n,i,r,o;let l=this.items.slice(),h=new Map;for(let a of l)a instanceof c&&a.key!==null&&a.key!==void 0&&h.set(a.key,a);!s&&this.owner.domElement&&((i=(n=this.owner._hooks)==null?void 0:n.BeforeUpdate)==null||i.call(n,this.owner,e));for(let a=0;a<e.length;a++){let f=e[a],u=typeof f=="object"&&f!==null?f._key:void 0;if(u!==void 0){let m=h.get(u);if(m){h.delete(u);let S=this.items.indexOf(m);if(S!==a&&S>=0){let M=m instanceof c&&!!m._portal;this.move(S,a,M?!1:t,!0)}m.parent=this.owner;continue}}this.insert(f,a,t,!0)}for(;this.items.length>e.length;)this.remove(this.items[this.items.length-1],t,!0);h.forEach(a=>this.remove(a,t,!0)),s||(o=(r=this.owner._hooks)==null?void 0:r.Update)==null||o.call(r,this.owner)}insert(e,t,s=!0,n=!1){var i,r;let o=this.items.length,l=typeof t!="number"||isNaN(t)||t<0||t>o?o:t,h=this._createNode(e,l);if(this.items.splice(l,0,h),h instanceof c){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=(i=a.childNodes[l])!=null?i:null;a.insertBefore(f,u);let m=a.getRootNode(),S=m instanceof ShadowRoot?m:document.head,M=q(S);h.styles.render(M),h._hooks.Mount&&h._hooks.Mount(h),h.children.items.forEach(v=>{if(v instanceof c&&v._portal){let W=v._portal(v.getRoot());W&&v.render(W)}else v.render(f)})}}else{let a=this.owner.domElement;if(s&&a){let f=h._createDOMNode(),u=(r=a.childNodes[l])!=null?r:null;a.insertBefore(f,u)}}return!n&&this.owner.domElement&&this.owner._hooks.Update&&this.owner._hooks.Update(this.owner),h}remove(e,t=!0,s=!1){let n=this.items.indexOf(e);if(!(n<0)){if(e instanceof c){let i=()=>{var r,o;let l=e.domElement;this.items.splice(n,1),t&&l&&l.remove(),(o=(r=e._hooks)==null?void 0:r.Remove)==null||o.call(r,e),e._dispose()};e._hooks&&e._hooks.BeforeRemove&&e.domElement?e._hooks.BeforeRemove(e,i):i()}else{let i=e.domText;this.items.splice(n,1),t&&i&&i.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 i=this.items[e],r=this.items[t];this.items[e]=r,this.items[t]=i,s&&this._swapDomElement(i,r),!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 i=this.items[e];this.items.splice(e,1),this.items.splice(t,0,i),s&&this._moveDomElement(i,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}},we=class{constructor(e,t,s){this.value="",this.name=e,this.cssName=G(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 Z(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 we(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),i=t.cssRules[n];"cssRules"in i&&(this.mount(i),this.styleList.render(i))}else if(this.selectorText.startsWith("@keyframes")||this.selectorText.startsWith("@font-face")){let n=this.cssText(),i=t.insertRule(n,t.cssRules.length),r=t.cssRules[i];this.mount(r)}}else{let n=`${this.selectorText} { ${s} }`,i=t.insertRule(n,t.cssRules.length),r=t.cssRules[i];r&&"selectorText"in r&&this.mount(r)}}catch(n){console.warn("Failed to insert rule:",this.selectorText,n)}}},Z=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(i,r){return i.startsWith("&")?`${r}${i.slice(1)}`:`${r} ${i}`}for(let i in e){let r=e[i],o=ye(i);for(let l of o){let h=n(l,t);if(/^@(container|layer|supports|media)\b/.test(l)){if(typeof r=="object"&&r!=null){let a=new p(l,this.parent);a.styleList.addCSS(r,t),this.items.push(a)}}else if(l.startsWith("@keyframes")){let a=new p(l,this.parent);a.styleList.addCSS(r,""),this.items.push(a)}else if(l.startsWith("@font-face")){let a=new p(l,this.parent);for(let f in r)a.insertStyle(f,r[f]);this.items.push(a)}else if(typeof r=="object"&&r!=null){let a=new p(h,this.parent);this.items.push(a);for(let[f,u]of Object.entries(r))if(typeof u=="object"&&u!=null){let m=n(f,h);f.startsWith("&")?this.addCSS(u,m):a.styleList.insertRule(m).styleList.addCSS(u,m)}else a.insertStyle(f,u)}else s[l]=r}}if(Object.keys(s).length){let i=new p(t,this.parent);for(let r in s)i.insertStyle(r,s[r]);this.items.push(i)}}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,i)=>{let r=i-t,o=e[r];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 x{constructor(t,s=null,n=0){this.type="ElementNode",this.parent=null,this.children=new Y(this),this.styles=new Z(this),this.attributes=new X(this),this.domElement=null,this._hooks={},this._events=null,this._context={},this._metadata={},this.key=null;var i,r;t=b(t),V(t),t.style=t.style||{},this.parent=s,this.tagName=pe(t),t=K(t),this.key=(i=t._key)!=null?i:null,this._context=t._context||{},this._metadata=t._metadata||{};let o=`${(r=this.parent)==null?void 0:r.getPath()}.${n}`,l=JSON.stringify(t.style||{},(a,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 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.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 n=s,i=this._events[n],r=o=>i(o,this);t.addEventListener(n,r),this.addHook("BeforeRemove",o=>{o.domElement.removeEventListener(n,r),r=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){w(this._context,t._context),w(this._metadata,t._metadata);let s=Object.keys(t);for(let n=0;n<s.length;n++){let i=s[n],r=t[i];["$","_onSchedule","_key","_context","_metadata","style",this.tagName].includes(i)||(["_onInit","_onInsert","_onMount","_onBeforeUpdate","_onUpdate","_onBeforeRemove","_onRemove"].includes(i)?this.addHook(i.substring(3),r):i.startsWith("on")?this.addEvent(i.substring(2).toLowerCase(),r):i=="_portal"?this._portal=r:i=="class"&&typeof r=="string"?this.attributes.addClass(r):this.attributes.set(i,r))}t.style&&this.styles.addCSS(t.style||{},`.${`${this.tagName}_${this.nodeId}`}`)}getPath(){let t=[],s=this;for(;s&&s.parent;){let n=s.parent,i=n.children.items.indexOf(s);t.push(i),s=n}return t.reverse().join(".")}addEvent(t,s){this._events=this._events||{};let n=this._events[t];typeof n=="function"?this._events[t]=(i,r)=>{n(i,r),s(i,r)}:this._events[t]=s}addHook(t,s){let n=this._hooks[t];typeof n=="function"?this._hooks[t]=((...i)=>{n(...i),s(...i)}):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 n in this._events){let i=n,r=this._events[i],o=l=>r(l,this);t.addEventListener(i,o),this.addHook("BeforeRemove",l=>{l.domElement.removeEventListener(i,o),o=null})}this.children&&this.children.items.forEach((n,i)=>{let r=t.childNodes[i];r instanceof Node&&n instanceof x&&n.mount(r,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,i=t.getRootNode(),r=i instanceof ShadowRoot?i:document.head;return n||(n=q(r)),this.styles.render(n),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 $={};B($,{contextColor:()=>Ae,createDark:()=>ee,getTheme:()=>d,setTheme:()=>Se,themeApply:()=>Te,themeCSS:()=>z,themeColor:()=>Ie,themeDensity:()=>Le,themeName:()=>_,themeSize:()=>Re,themeSpacing:()=>Ce,themeTokens:()=>xe,themeVars:()=>g});var ke={direction:"darken",colors:{highlight:["#ffffff","#fcf4d6","#fddc69","#f1c21b","#d2a106","#b28600","#8e6a00","#684e00","#483700","#302400","#1c1500","#000000"],warning:["#ffffff","#fff2e8","#ffd9be","#ffb784","#ff832b","#eb6200","#ba4e00","#8a3800","#5e2900","#3e1a00","#231000","#000000"],error:["#ffffff","#fff1f1","#ffd7d9","#ffb3b8","#ff8389","#fa4d56","#da1e28","#a2191f","#750e13","#520408","#2d0709","#000000"],danger:["#ffffff","#fff1f1","#ffd7d9","#ffb3b8","#ff8389","#fa4d56","#da1e28","#a2191f","#750e13","#520408","#2d0709","#000000"],secondary:["#ffffff","#fff0f7","#ffd6e8","#ffafd2","#ff7eb6","#ee5396","#d02670","#9f1853","#740937","#510224","#2a0a18","#000000"],primary:["#ffffff","#edf5ff","#d0e2ff","#a6c8ff","#78a9ff","#4589ff","#0f62fe","#0043ce","#002d9c","#001d6c","#001141","#000000"],info:["#ffffff","#e5f6ff","#bae6ff","#82cfff","#33b1ff","#1192e8","#0072c3","#00539a","#003a6d","#012749","#061727","#000000"],success:["#ffffff","#defbe6","#a7f0ba","#6fdc8c","#42be65","#24a148","#198038","#0e6027","#044317","#022d0d","#071908","#000000"],neutral:["#ffffff","#f4f4f4","#e0e0e0","#c6c6c6","#a8a8a8","#8d8d8d","#6f6f6f","#525252","#393939","#262626","#161616","#000000"]},baseTones:{highlight:3,warning:4,error:5,secondary:5,primary:6,info:5,success:5,neutral:5},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:{}},T=ke;var k={light:JSON.parse(JSON.stringify(T)),dark:ee(T)};function _e(e){for(let t in e)if(!Object.keys(T).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 Q(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]={}),Q(e[n],t[n])):e[n]=t[n]}function Ee(e,t){let s={};for(let i in t){let r=t[i];if(i==="colors")for(let o in t.colors)[...Array(12).keys()].forEach(l=>s[`--${o}-${l}`]=t.colors[o][l]);else if(i==="fontSizes")[...Array(8).keys()].forEach(o=>s[`--fontSize-${o}`]=t.fontSizes[o]);else{if(i==="densities")continue;if(typeof r=="object"&&r!==null)for(let o in r)s[`--${i}-${o.replace("/","_")}`]=r[o]}}let n="";for(let i in s)n+=` ${i}: ${s[i]};
|
|
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]};
|
|
2
2
|
`;return`[data-theme="${e}"] {
|
|
3
|
-
${
|
|
4
|
-
`)}function
|
|
3
|
+
${r}}`}function d(e){if(!E[e])throw Error(`Theme "${e}" not found`);return E[e]}function xe(e,t){Ee(t),E[e]||(E[e]=structuredClone(g)),ee(E[e],t)}function te(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 Te(e){let t=d(e),s=U(t),n={};for(let r in t){let i=t[r];if(r==="colors")for(let o in t.colors){let l={};[...Array(s).keys()].forEach(a=>l[a]=t.colors[o][a]),n[o]=l}else if(r==="fontSizes")n.fontSizes=t.fontSizes;else if(r==="densities")n.densities=t.densities;else if(n[r]={},typeof i=="object"&&i!==null)for(let o in i)n[r][o]=i[o]}return n}function v(){let e=d("light"),t=U(e),s={};for(let n in e){let r=n,i=e[n];if(n==="colors")for(let o in e.colors){let l={};[...Array(t).keys()].forEach(a=>l[a]=`var(--${o}-${a})`),s[o]=l}else if(n==="fontSizes")s.fontSizes=[...Array(8).keys()].map(o=>`var(--fontSize-${o})`);else{if(n==="densities")continue;if(s[r]={},typeof i=="object"&&i!==null)for(let o in i)s[r][o]=`var(--${r}-${o.replace("/","_")})`}}return s}function z(){return Object.entries(E).map(([e,t])=>Se(e,t)).join(`
|
|
4
|
+
`)}function Ce(e){var t;if(typeof document!="undefined")if(e){e.textContent=z();return}else e=(t=document.getElementById("domphy-themes"))!=null?t:Object.assign(document.createElement("style"),{id:"domphy-themes"}),e.textContent=z(),document.head.appendChild(e)}function Ne(e){return e/4+"em"}function S(e){let s=typeof e=="function"?e.elementNode:e;for(;s&&(!s.attributes||!s.attributes.get("dataTheme"));)s=s.parent;let n="light";return s&&s.attributes&&s.attributes.has("dataTheme")&&(n=s.attributes.get("dataTheme"),typeof e=="function"&&s.attributes.onChange("dataTheme",e)),n}var H=["inherit"];[...Array(8).keys()].forEach(e=>{H.push(`decrease-${e}`),H.push(`increase-${e}`)});function se(e,t="inherit"){if(!H.includes(t))throw Error(`size name "${t}" invalid`);let s;if(t=="inherit")s=e;else if(t!=null&&t.startsWith("increase-")){let n=parseInt(t.replace("increase-",""),10);s=e+n}else if(t!=null&&t.startsWith("decrease-")){let n=parseInt(t.replace("decrease-",""),10);s=e-n}else s=e;return Math.max(0,Math.min(8,s))}function Re(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 n=2;return s&&s.attributes&&s.attributes.has("dataSize")&&(n=se(n,s.attributes.get("dataSize")),typeof e=="function"&&s.attributes.onChange("dataSize",e)),n}function $e(e,t="inherit"){let s=se(Re(e),t);return v().fontSizes[s]}var W=["inherit"];[...Array(5).keys()].forEach(e=>{W.push(`decrease-${e}`),W.push(`increase-${e}`)});function Me(e,t="inherit"){if(!W.includes(t))throw Error(`density name "${t}" invalid`);let s;if(t=="inherit")s=e;else if(t!=null&&t.startsWith("increase-")){let n=parseInt(t.replace("increase-",""),10);s=e+n}else if(t!=null&&t.startsWith("decrease-")){let n=parseInt(t.replace("decrease-",""),10);s=e-n}else s=e;return Math.max(0,Math.min(4,s))}function Le(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 n=2;return s&&s.attributes&&s.attributes.has("dataDensity")&&(n=Me(n,s.attributes.get("dataDensity")),typeof e=="function"&&s.attributes.onChange("dataDensity",e)),n}function Be(e){let t=Le(e);return d(e?S(e):"light").densities[t]}var w=g.colors.neutral.length,N=["inherit","base"];[...Array(w).keys()].forEach(e=>{N.push(`decrease-${e}`),N.push(`increase-${e}`),N.push(`shift-${e}`)});function ne(e,t){if(e<0||e>w-1)return e;let s=e+t;return s=Math.max(0,Math.min(w-1,s)),s}function Oe(e,t){if(e<0||e>w-1)return e;let s=Math.floor((w-1)/2),n=e<=s?e+t:e-t;return n=n<0||n>w-1?-n:n,n=Math.max(0,Math.min(w-1,n)),n}function R(e,t="inherit"){if(typeof t=="number")return t;if(t=="inherit")return e;if(!N.includes(t))throw Error(`tone name "${t}" invalid`);if(t.startsWith("increase-")){let s=parseInt(t.replace("increase-",""),10);return ne(e,s)}else if(t.startsWith("decrease-")){let s=parseInt(t.replace("decrease-",""),10);return ne(e,-s)}else if(t.startsWith("shift-")){let s=parseInt(t.replace("shift-",""),10);return Oe(e,s)}else return e}function ie(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 n=0;return s&&s.attributes&&s.attributes.has("dataTone")&&(n=R(n,s.attributes.get("dataTone")),typeof e=="function"&&s.attributes.onChange("dataTone",e)),n}function Ae(e,t="inherit"){return R(ie(e),t)}function Ie(e,t="inherit",s="inherit"){let n=typeof e=="function"?e.elementNode:e,r=s=="inherit"?n.getContext("themeColor")||"neutral":s,i;return t=="base"?i=d(S(e)).baseTones[r]:i=R(ie(e),t),v()[r][i]}function je(e,t="inherit",s="inherit"){let n=s=="inherit"?"neutral":s;if(!e)return v()[n][R(0,t)];let r;return t=="base"?r=d(S(e)).baseTones[n]:r=Ae(e,t),v()[n][r]}return he(De);})();
|
|
5
5
|
//# sourceMappingURL=core-theme.global.js.map
|