@3r1s_s/erisui 1.0.13 → 1.0.15
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/erisui.css +1 -1
- package/dist/erisui.js +25 -23
- package/dist/erisui.mjs +179 -182
- package/package.json +1 -1
package/dist/erisui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{-webkit-touch-callout:none;-webkit-user-callout:none;-webkit-user-drag:none;-webkit-user-modify:none;-webkit-highlight:none;-webkit-tap-highlight-color:transparent}:root{--app-text: #F2F3F6;--app-link: #549fff;--app-100: #131318;--app-200: #202027;--app-300: #2c2c34;--app-400: #35353b;--app-500: #40404a;--app-600: #4b4b55;--app-700: #575761;--app-800: #62626e;--app-900: #6e6e7b;--banner-color: #182233;--nav-width: 75px;--nav-expanded-width: 250px;--titlebar-height: 65px;--content-width: 100%;--app-accent: #6366f1;--app-accent-50: #7376ff;--app-accent-100: #6366f1;--app-accent-200: #4b4ecf;--app-blue: #3679f0;--app-red: #ee4d3c;--app-green: #4dca9a;--app-yellow: #fffc5c;--app-pink: #ff5bff;--app-purple: #895bff;--app-orange: #ff9b5b;--app-white: #fff;--app-dark-blue: #1e4d9e;--app-dark-red: #c33f33;--app-dark-green: #2c7e4b;--app-dark-yellow: #c7b200;--app-dark-pink: #c95bff;--app-dark-purple: #5f5bff;--app-dark-orange: #c86f33;--transition-function: cubic-bezier(.4, 0, .2, 1);--specular-highlight: -.5px -.5px 1px #ffffff52 inset, 1px 1px .5px #ffffff52 inset, 0 4px 24px #0000003d}:root{--card-blue: #A8C7FA;--card-cyan: #80CFFF;--card-red: #ffadb5;--card-pink: #FFADE4;--card-green: #6CD58B;--card-yellow: #fff7c1;--card-purple: #D9BAFD;--card-orange: #FFB683}.light{--app-text: #1F1F1F;--app-link: #1868f2;--app-100: #fefefe;--app-200: #F0F4FA;--app-300: #dde3f0;--app-400: #C6CFD7;--app-500: #AEB9C3;--app-600: #99A3AE;--app-700: #7F8C98;--app-800: #66717C;--app-900: #4B5563;--banner-color: #d3e3fd}body{margin:0;padding:0;background-color:var(--app-100);color:var(--app-text);overflow:hidden}a{color:var(--app-link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0}button{color:inherit;font-family:inherit}#app{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--app-200)}.app-wrapper{margin-left:var(--nav-width);display:flex;flex-direction:column;padding:var(--titlebar-height) .5rem .5rem
|
|
1
|
+
:root{-webkit-touch-callout:none;-webkit-user-callout:none;-webkit-user-drag:none;-webkit-user-modify:none;-webkit-highlight:none;-webkit-tap-highlight-color:transparent}:root{--app-text: #F2F3F6;--app-link: #549fff;--app-100: #131318;--app-200: #202027;--app-300: #2c2c34;--app-400: #35353b;--app-500: #40404a;--app-600: #4b4b55;--app-700: #575761;--app-800: #62626e;--app-900: #6e6e7b;--banner-color: #182233;--nav-width: 75px;--nav-expanded-width: 250px;--titlebar-height: 65px;--content-width: 100%;--tab-bar-height: 0px;--app-accent: #6366f1;--app-accent-50: #7376ff;--app-accent-100: #6366f1;--app-accent-200: #4b4ecf;--app-blue: #3679f0;--app-red: #ee4d3c;--app-green: #4dca9a;--app-yellow: #fffc5c;--app-pink: #ff5bff;--app-purple: #895bff;--app-orange: #ff9b5b;--app-white: #fff;--app-dark-blue: #1e4d9e;--app-dark-red: #c33f33;--app-dark-green: #2c7e4b;--app-dark-yellow: #c7b200;--app-dark-pink: #c95bff;--app-dark-purple: #5f5bff;--app-dark-orange: #c86f33;--transition-function: cubic-bezier(.4, 0, .2, 1);--specular-highlight: -.5px -.5px 1px #ffffff52 inset, 1px 1px .5px #ffffff52 inset, 0 4px 24px #0000003d}:root{--card-blue: #A8C7FA;--card-cyan: #80CFFF;--card-red: #ffadb5;--card-pink: #FFADE4;--card-green: #6CD58B;--card-yellow: #fff7c1;--card-purple: #D9BAFD;--card-orange: #FFB683}.light{--app-text: #1F1F1F;--app-link: #1868f2;--app-100: #fefefe;--app-200: #F0F4FA;--app-300: #dde3f0;--app-400: #C6CFD7;--app-500: #AEB9C3;--app-600: #99A3AE;--app-700: #7F8C98;--app-800: #66717C;--app-900: #4B5563;--banner-color: #d3e3fd}body{margin:0;padding:0;background-color:var(--app-100);color:var(--app-text);overflow:hidden}a{color:var(--app-link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0}button{color:inherit;font-family:inherit}#app{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--app-200)}.app-wrapper{margin-left:var(--nav-width);display:flex;flex-direction:column;padding:var(--titlebar-height) .5rem calc(var(--tab-bar-height) + .5rem) .5rem;box-sizing:border-box;height:100%;overflow-y:auto;background-color:var(--app-200);transition:margin-left .2s cubic-bezier(.2,0,0,1)}eui-app-nav.expanded+.app-wrapper{margin-left:var(--nav-expanded-width)}#main{width:100%;height:100%;padding:1.5rem;box-sizing:border-box;gap:1.5rem;display:flex;overflow-y:auto;scrollbar-color:var(--app-300) var(--app-100)}.main-wrapper{width:100%;height:100%;border-radius:2rem;background-color:var(--app-100);overflow:hidden}.content{width:var(--content-width);margin:0 auto}.content-header h1{font-size:2.375rem}.content-sidebar{display:flex;flex-direction:column;gap:.5rem}.content-sidebar-inner{width:300px;margin:0 auto;border-radius:12px;background-color:var(--app-200);height:100%}@keyframes ripple{to{transform:scale(4);opacity:0;filter:blur(10px)}}#main{opacity:1;transform:translateY(0);transition:transform .3s cubic-bezier(.2,0,0,1),opacity .3s cubic-bezier(.2,0,0,1)}#main.fade-out{opacity:0;transform:translateY(1rem);transition:none}@media(max-width:768px){.app-wrapper{margin-left:0;padding:var(--titlebar-height) 0 var(--tab-bar-height) 0}.main-wrapper{border-radius:0}eui-app-nav.expanded+.app-wrapper{margin-left:0}eui-app-nav{width:0;overflow:hidden}eui-app-nav.expanded{width:var(--nav-expanded-width);border-radius:0 2rem 2rem 0}}
|
package/dist/erisui.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(p,m){typeof exports=="object"&&typeof module<"u"?m(exports):typeof define=="function"&&define.amd?define(["exports"],m):(p=typeof globalThis<"u"?globalThis:p||self,m(p.eui={}))})(this,(function(p){"use strict";class m extends HTMLElement{static get observedAttributes(){return["size","border-radius","name","color"]}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=`
|
|
2
2
|
<style>
|
|
3
3
|
:host {
|
|
4
4
|
aspect-ratio: 1 / 1;
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
<slot></slot>
|
|
44
44
|
<span id="initials"></span>
|
|
45
45
|
</div>
|
|
46
|
-
`}connectedCallback(){this.avatar=this.shadowRoot.querySelector(".avatar"),this.initials=this.shadowRoot.querySelector("#initials");const t=this.shadowRoot.querySelector("slot"),e=t&&t.assignedNodes().length>0;if(e){const i=t.assignedNodes()[0];i&&i.tagName==="IMG"&&(this.initials.style.display="none",this.avatar.style.backgroundColor="transparent")}else this.hasAttribute("color")&&(this.avatar.style.backgroundColor=this.getAttribute("color"));if(this.hasAttribute("color")&&(this.avatar.style.backgroundColor=this.getAttribute("color")),this.hasAttribute("size")){const i=this.getAttribute("size");this.avatar.style.width=i+"px",this.avatar.style.height=i+"px",this.initials.style.fontSize=i/2+"px"}if(this.hasAttribute("border-radius")&&(this.avatar.style.borderRadius=this.getAttribute("border-radius")+"px"),this.hasAttribute("name")&&(this.avatar.title=this.getAttribute("name")),!e&&this.hasAttribute("name")){const
|
|
46
|
+
`}connectedCallback(){this.avatar=this.shadowRoot.querySelector(".avatar"),this.initials=this.shadowRoot.querySelector("#initials");const t=this.shadowRoot.querySelector("slot"),e=t&&t.assignedNodes().length>0;if(e){const i=t.assignedNodes()[0];i&&i.tagName==="IMG"&&(this.initials.style.display="none",this.avatar.style.backgroundColor="transparent")}else this.hasAttribute("color")&&(this.avatar.style.backgroundColor=this.getAttribute("color"));if(this.hasAttribute("color")&&(this.avatar.style.backgroundColor=this.getAttribute("color")),this.hasAttribute("size")){const i=this.getAttribute("size");this.avatar.style.width=i+"px",this.avatar.style.height=i+"px",this.initials.style.fontSize=i/2+"px"}if(this.hasAttribute("border-radius")&&(this.avatar.style.borderRadius=this.getAttribute("border-radius")+"px"),this.hasAttribute("name")&&(this.avatar.title=this.getAttribute("name")),!e&&this.hasAttribute("name")){const a=this.getAttribute("name").trim().split(/\s+/);let n="";a.length===1?n=a[0][0]||"":n=(a[0][0]||"")+(a[a.length-1][0]||""),this.initials.textContent=n.toUpperCase()}}}customElements.define("eui-avatar",m);const u=(()=>{let o={};return{register(t,e){o[t]=e},get(t){return o[t]||""}}})();u.register("menu",'<svg width="24" height="24" viewBox="0 0 24 24" focusable="false"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" fill="currentColor"></path></svg>'),u.register("home",'<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5258 0.204649C11.2291 -0.0682165 10.7709 -0.0682161 10.4742 0.204649L0.249923 9.68588C-0.266994 10.1612 0.0714693 11.0197 0.775759 11.0197L3.48971 11.0197V18.6923C3.48971 19.542 4.18295 20.2308 5.03811 20.2308H16.9619C17.8171 20.2308 18.5103 19.542 18.5103 18.6923V11.0197L21.2242 11.0197C21.9285 11.0197 22.267 10.1612 21.7501 9.68588L11.5258 0.204649Z" fill="currentColor"/></svg>'),u.register("kit",'<svg width="26" height="28" viewBox="0 0 26 28" xmlns="http://www.w3.org/2000/svg"><path d="m13.118 14.831c0.433 0 1.257-0.024 1.795-0.344l9.151-4.057c0.869-0.59 1.051-1.255 1.067-1.773 0.02-0.662-0.313-1.634-1.181-2.15l-8.515-3.921c-0.537-0.309-2.096-0.552-2.529-0.552-0.444 0-1.958 0.42-2.496 0.73l-8.643 4.034c-0.85 0.602-1.022 1.284-0.951 1.942 0.098 0.887 0.206 0.857 0.889 1.503l9.577 4.212c0.537 0.32 1.391 0.376 1.836 0.376zm-0.12 5.467c0.403 0 1.443-0.068 1.928-0.345l8.858-3.991c0.497-0.3 1.448-1.117 1.382-1.952-0.091-1.138-0.598-1.7-0.948-1.906l-9.22 3.888c-0.454 0.261-1.417 0.478-1.916 0.478-0.542 0-1.539-0.228-1.766-0.362l-9.395-4.012c-0.462 0.022-1.174 0.911-1.201 1.642-0.03 0.761 0.7 1.62 1.135 1.839l9.408 4.384c0.485 0.278 1.322 0.337 1.735 0.337zm0.09 5.344c0.403 0 1.296-0.053 1.781-0.342l9.147-4.299c0.485-0.289 1.129-0.789 1.053-1.879-0.056-0.794-0.071-1.123-0.918-1.765l-9.203 4.113c-0.228 0.134-0.948 0.39-1.853 0.39-0.939 0-1.603-0.224-1.831-0.359l-9.451-4.017c-0.979 0.247-1.005 1.45-1.005 1.947 0 0.455 0.403 1.279 0.9 1.568l9.465 4.262c0.486 0.29 1.502 0.381 1.915 0.381z" fill="currentColor"></path></svg>'),u.register("settings",'<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.644169 15.2044C0.751639 15.4175 0.866389 15.627 0.988219 15.8323C1.34503 16.445 1.76284 17.0223 2.23048 17.545C2.3967 17.7307 2.65856 17.7968 2.89375 17.7126L5.25826 16.8621C5.96645 16.608 6.74841 17.07 6.87902 17.8018L7.32018 20.2764C7.36418 20.5227 7.55119 20.7167 7.79454 20.7688C8.86201 20.9976 9.95753 21.057 11.0418 20.9452C11.427 20.9061 11.8095 20.8457 12.1863 20.7643C12.375 20.7232 12.5303 20.5969 12.6121 20.4275C12.6441 20.37 12.6671 20.3068 12.6794 20.2397L13.132 17.7739C13.1978 17.4162 13.4191 17.1252 13.7102 16.9498C13.7478 16.9275 13.7867 16.9072 13.8264 16.8889C14.1041 16.7654 14.426 16.7408 14.7301 16.8496L17.0889 17.6938C17.2068 17.7362 17.3318 17.7406 17.4482 17.7107C17.5805 17.6872 17.7044 17.6208 17.7983 17.5172C18.2857 16.9783 18.7189 16.3833 19.0875 15.7497C19.4503 15.1137 19.748 14.4403 19.9703 13.7471C20.0128 13.6142 20.0083 13.4742 19.9629 13.3481C19.9307 13.2315 19.8646 13.1245 19.7685 13.043L17.8596 11.4179C17.6114 11.2067 17.4714 10.912 17.4409 10.6065C17.4371 10.563 17.4355 10.5194 17.4361 10.4758C17.444 10.1379 17.5847 9.80337 17.8591 9.56905L19.7638 7.94348C19.8146 7.90007 19.857 7.84958 19.8904 7.7944C19.9978 7.63842 20.0299 7.43844 19.9706 7.25291C19.8534 6.88733 19.7151 6.52704 19.5572 6.17466C19.1114 5.17572 18.5115 4.2528 17.7787 3.43934C17.612 3.25429 17.3509 3.18886 17.1161 3.27382L14.7569 4.12827C14.0592 4.38082 13.2679 3.93321 13.1344 3.19155L12.6871 0.714256C12.6423 0.468053 12.4542 0.273849 12.2106 0.22246C11.5182 0.0764882 10.803 0.00250031 10.088 0.000608251C9.88769 -0.0015584 9.68739 0.002064 9.48735 0.0114648C8.92415 0.0369819 8.36389 0.107332 7.81778 0.222459C7.78135 0.230146 7.74615 0.241028 7.71249 0.2548C7.5098 0.328781 7.35888 0.505679 7.31996 0.723547L6.8788 3.19817C6.81394 3.56157 6.58834 3.85866 6.29097 4.03446C5.98991 4.2061 5.61923 4.25412 5.27153 4.12827L2.91237 3.27382C2.70694 3.1995 2.48138 3.24016 2.31657 3.37545C2.2857 3.39886 2.25676 3.42543 2.23026 3.45505C1.81793 3.91588 1.44433 4.4192 1.11714 4.95183C1.05788 5.04799 1.00019 5.14513 0.944072 5.24319C0.878302 5.35619 0.814661 5.4704 0.753186 5.58577C0.464267 6.12611 0.222113 6.69081 0.0338354 7.26739C0.0213426 7.30567 0.0127871 7.34455 0.00802709 7.38352C-0.0257478 7.59364 0.0518458 7.809 0.218337 7.94974L2.13633 9.56992C2.41146 9.80242 2.55518 10.1364 2.56469 10.4743C2.56917 10.8294 2.42529 11.1857 2.13611 11.4301L0.218115 13.0503C0.0484589 13.1937 -0.0289685 13.4145 0.00982709 13.6284C0.0147983 13.6634 0.0228404 13.6982 0.0340542 13.7326C0.198098 14.235 0.403035 14.7283 0.644169 15.2044ZM10 14.5C12.2091 14.5 14 12.7091 14 10.5C14 8.29086 12.2091 6.5 10 6.5C7.79086 6.5 6 8.29086 6 10.5C6 12.7091 7.79086 14.5 10 14.5Z" fill="currentColor"></path></svg>'),u.register("home",'<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5258 0.204649C11.2291 -0.0682165 10.7709 -0.0682161 10.4742 0.204649L0.249923 9.68588C-0.266994 10.1612 0.0714693 11.0197 0.775759 11.0197L3.48971 11.0197V18.6923C3.48971 19.542 4.18295 20.2308 5.03811 20.2308H16.9619C17.8171 20.2308 18.5103 19.542 18.5103 18.6923V11.0197L21.2242 11.0197C21.9285 11.0197 22.267 10.1612 21.7501 9.68588L11.5258 0.204649Z" fill="currentColor"/></svg>'),u.register("copy",'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M2 11C2 11.7956 2.31607 12.5587 2.87868 13.1213C3.44129 13.6839 4.20435 14 5 14H11C11.7956 14 12.5587 13.6839 13.1213 13.1213C13.6839 12.5587 14 11.7956 14 11V8H11.75C10.7554 8 9.80161 7.60491 9.09835 6.90165C8.39509 6.19839 8 5.24456 8 4.25V2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V11Z" fill="currentColor"/><path d="M13.7975 6.49965C13.6881 6.25457 13.5357 6.03105 13.3475 5.83965L10.16 2.65965C9.96921 2.4688 9.74565 2.31384 9.5 2.20215V4.24965C9.5 4.54512 9.5582 4.8377 9.67127 5.11069C9.78434 5.38367 9.95008 5.63171 10.159 5.84064C10.3679 6.04957 10.616 6.2153 10.889 6.32838C11.1619 6.44145 11.4545 6.49965 11.75 6.49965H13.7975Z" fill="currentColor"/></svg>'),u.register("arrow",'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M9.3 5.3a1 1 0 0 0 0 1.4l5.29 5.3-5.3 5.3a1 1 0 1 0 1.42 1.4l6-6a1 1 0 0 0 0-1.4l-6-6a1 1 0 0 0-1.42 0Z"></path></svg>'),u.register("back",'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" style="transform: rotate(180deg)"><path d="M9.3 5.3a1 1 0 0 0 0 1.4l5.29 5.3-5.3 5.3a1 1 0 1 0 1.42 1.4l6-6a1 1 0 0 0 0-1.4l-6-6a1 1 0 0 0-1.42 0Z"></path></svg>'),u.register("check",'<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.86368 9.12226C3.82463 9.16131 3.76131 9.16131 3.72226 9.12226L0.146522 5.54652C-0.0487403 5.35126 -0.0487401 5.03468 0.146522 4.83942L0.839416 4.14652C1.03468 3.95126 1.35126 3.95126 1.54652 4.14652L3.72226 6.32226C3.76131 6.36131 3.82463 6.36131 3.86368 6.32226L10.0394 0.146522C10.2347 -0.0487398 10.5513 -0.0487399 10.7465 0.146522L11.4394 0.839416C11.6347 1.03468 11.6347 1.35126 11.4394 1.54652L3.86368 9.12226Z" fill="currentColor"/></svg>');class A extends HTMLElement{static get observedAttributes(){return["name","width","height"]}constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.render()}attributeChangedCallback(){this.render()}render(){const t=this.getAttribute("name"),e=u.get(t);if(!e){this.shadowRoot.innerHTML='<span style="color:red;">?</span>';return}const i=document.createElement("template");i.innerHTML=e.trim();const a=i.content.cloneNode(!0),n=a.firstElementChild;if(n&&n.style){const r=this.getAttribute("width"),l=this.getAttribute("height");r&&n.setAttribute("width",r),l&&n.setAttribute("height",l),n.style.display="block"}this.shadowRoot.innerHTML="",this.shadowRoot.appendChild(a)}}customElements.define("eui-icon",A);class L extends HTMLElement{static get observedAttributes(){return["label","value","id","type","filled"]}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=`
|
|
47
47
|
<style>
|
|
48
48
|
.form {
|
|
49
49
|
display: flex;
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
<input class="form-input" placeholder=" ">
|
|
144
144
|
<label></label>
|
|
145
145
|
</div>
|
|
146
|
-
`}connectedCallback(){this.form=this.shadowRoot.querySelector(".form"),this.inputEl=this.shadowRoot.querySelector(".form-input"),this.labelEl=this.shadowRoot.querySelector("label"),this.hasAttribute("value")&&(this.inputEl.value=this.getAttribute("value")),this.hasAttribute("id")&&(this.inputEl.id=this.getAttribute("id")),this.hasAttribute("label")&&(this.labelEl.textContent=this.getAttribute("label")),this.hasAttribute("type")&&(this.inputEl.type=this.getAttribute("type")),this.hasAttribute("filled")&&this.form.classList.add("filled"),this.inputEl.addEventListener("input",
|
|
146
|
+
`}connectedCallback(){this.form=this.shadowRoot.querySelector(".form"),this.inputEl=this.shadowRoot.querySelector(".form-input"),this.labelEl=this.shadowRoot.querySelector("label"),this.hasAttribute("value")&&(this.inputEl.value=this.getAttribute("value")),this.hasAttribute("id")&&(this.inputEl.id=this.getAttribute("id")),this.hasAttribute("label")&&(this.labelEl.textContent=this.getAttribute("label")),this.hasAttribute("type")&&(this.inputEl.type=this.getAttribute("type")),this.hasAttribute("filled")&&this.form.classList.add("filled"),this.inputEl.addEventListener("input",t=>{this.setAttribute("value",this.inputEl.value),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}),this.inputEl.addEventListener("change",t=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})}attributeChangedCallback(t,e,i){if(!(!this.inputEl||!this.labelEl))switch(t){case"value":this.inputEl.value!==i&&(this.inputEl.value=i);break;case"id":this.inputEl.id=i;break;case"label":this.labelEl.textContent=i;break}}get value(){return this.inputEl.value}set value(t){this.setAttribute("value",t)}}customElements.define("eui-input",L);class S extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=`
|
|
147
147
|
<style>
|
|
148
148
|
.loader {
|
|
149
149
|
width: 24px;
|
|
@@ -188,7 +188,7 @@
|
|
|
188
188
|
<span class="loader animate">
|
|
189
189
|
<svg viewBox="0 0 16 16"><circle class="loader-icon" cx="8px" cy="8px" r="7px"></circle></svg>
|
|
190
190
|
</span>
|
|
191
|
-
`}}customElements.define("eui-loader",
|
|
191
|
+
`}}customElements.define("eui-loader",S);class M extends HTMLElement{static get observedAttributes(){return["value","intermediate","id"]}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=`
|
|
192
192
|
<style>
|
|
193
193
|
.progressbar {
|
|
194
194
|
width: 100%;
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
<div class="progressbar">
|
|
233
233
|
<span class="progress"></span>
|
|
234
234
|
</div>
|
|
235
|
-
`}set value(t){this.setAttribute("value",t)}attributeChangedCallback(){this.connectedCallback()}connectedCallback(){const t=this.shadowRoot.querySelector(".progress");this.hasAttribute("id")&&(this.progress.id=this.getAttribute("id")),this.hasAttribute("intermediate")&&t.classList.add("intermediate"),this.hasAttribute("value")&&(t.style.width=this.getAttribute("value")+"%")}}customElements.define("eui-progressbar"
|
|
235
|
+
`}set value(t){this.setAttribute("value",t)}attributeChangedCallback(){this.connectedCallback()}connectedCallback(){const t=this.shadowRoot.querySelector(".progress");this.hasAttribute("id")&&(this.progress.id=this.getAttribute("id")),this.hasAttribute("intermediate")&&t.classList.add("intermediate"),this.hasAttribute("value")&&(t.style.width=this.getAttribute("value")+"%")}}customElements.define("eui-progressbar",M);const v={is:{iPhone:/iPhone/.test(navigator.userAgent),iPad:/iPad/.test(navigator.userAgent),iOS:/iPhone|iPad|iPod/.test(navigator.userAgent),android:/Android/.test(navigator.userAgent),mobile:/Mobi|Android/i.test(navigator.userAgent)},prefers:{language:navigator.language||navigator.userLanguage,reducedMotion:window.matchMedia("(prefers-reduced-motion: reduce)").matches,reducedTransparency:window.matchMedia("(prefers-reduced-transparency: reduce)").matches},supports:{share:typeof navigator.share=="function",directDownload:"download"in document.createElement("a"),haptics:"vibrate"in navigator||"Vibrate"in window||typeof window.navigator.vibrate=="function"},userAgent:navigator.userAgent},z=Object.freeze(Object.defineProperty({__proto__:null,device:v},Symbol.toStringTag,{value:"Module"}));function T(){try{const o=document.createElement("label");o.ariaHidden="true",o.style.display="none";const t=document.createElement("input");t.type="checkbox",t.setAttribute("switch",""),o.appendChild(t),document.head.appendChild(o),o.click(),document.head.removeChild(o)}catch{}}function x(o){v.supports.haptics?navigator.vibrate(o||50):v.is.iPhone&&T()}const $=Object.freeze(Object.defineProperty({__proto__:null,haptic:x},Symbol.toStringTag,{value:"Module"})),C=(()=>{let o={},t;try{o=JSON.parse(localStorage.getItem(t)||"{}")}catch(e){console.error(e)}return{get(e){return o[e]},set(e,i){o[e]=i,localStorage.setItem(t,JSON.stringify(o))},delete(e){delete o[e],localStorage.setItem(t,JSON.stringify(o))},all(){return o},clear(){o={},localStorage.setItem(t,JSON.stringify(o))},name(e){t=e;try{o=JSON.parse(localStorage.getItem(t)||"{}")}catch(i){console.error(i)}},settings:{get(e){return o&&o.settings&&o.settings[e]},set(e,i){o.settings||(o.settings={}),o.settings[e]=i,localStorage.setItem(t,JSON.stringify(o))},delete(e){o.settings&&(delete o.settings[e],localStorage.setItem(t,JSON.stringify(o)))},all(){return o.settings||{}},clear(){o.settings&&(o.settings={},localStorage.setItem(t,JSON.stringify(o)))}}}})(),R=C.settings,H=Object.freeze(Object.defineProperty({__proto__:null,settings:R,storage:C},Symbol.toStringTag,{value:"Module"}));class _ extends HTMLElement{static get observedAttributes(){return["selected"]}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=`
|
|
236
236
|
<style>
|
|
237
237
|
.switch {
|
|
238
238
|
background-color: var(--app-200);
|
|
@@ -301,7 +301,7 @@
|
|
|
301
301
|
<input type="checkbox" role="switch">
|
|
302
302
|
<span class="handle"></span>
|
|
303
303
|
</div>
|
|
304
|
-
`}connectedCallback(){this.inputEl=this.shadowRoot.querySelector("input"),this.switchEl=this.shadowRoot.querySelector(".switch"),this.updateFromAttribute(),this.switchEl.addEventListener("click",()=>this.toggle())}toggle(){this.selected=!this.selected,x()}updateFromAttribute(){const t=this.hasAttribute("selected");this.inputEl.checked=t,this.switchEl.classList.toggle("selected",t)}attributeChangedCallback(t,e,i){t==="selected"&&this.inputEl&&this.updateFromAttribute()}get selected(){return this.hasAttribute("selected")}set selected(t){t?this.setAttribute("selected",""):this.removeAttribute("selected")}}customElements.define("eui-switch",
|
|
304
|
+
`}connectedCallback(){this.inputEl=this.shadowRoot.querySelector("input"),this.switchEl=this.shadowRoot.querySelector(".switch"),this.updateFromAttribute(),this.switchEl.addEventListener("click",()=>this.toggle())}toggle(){this.selected=!this.selected,x(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}updateFromAttribute(){const t=this.hasAttribute("selected");this.inputEl.checked=t,this.switchEl.classList.toggle("selected",t)}attributeChangedCallback(t,e,i){t==="selected"&&this.inputEl&&this.updateFromAttribute()}get selected(){return this.hasAttribute("selected")}set selected(t){t?this.setAttribute("selected",""):this.removeAttribute("selected")}}customElements.define("eui-switch",_);class F extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.shadowRoot.innerHTML=`
|
|
305
305
|
<style>
|
|
306
306
|
:host {
|
|
307
307
|
display: inline-flex;
|
|
@@ -346,7 +346,7 @@
|
|
|
346
346
|
}
|
|
347
347
|
</style>
|
|
348
348
|
<slot></slot>
|
|
349
|
-
`,this.addEventListener("pointerdown",t=>{const e=document.createElement("span"),i=t.currentTarget,
|
|
349
|
+
`,this.addEventListener("pointerdown",t=>{const e=document.createElement("span"),i=t.currentTarget,a=Math.max(i.offsetWidth,i.offsetHeight);e.classList.add("ripple"),e.style.left=t.clientX-i.getBoundingClientRect().left-a/2+"px",e.style.top=t.clientY-i.getBoundingClientRect().top-a/2+"px",e.style.width=a+"px",e.style.height=a+"px",this.shadowRoot.appendChild(e),setTimeout(()=>{e.remove()},600)})}}customElements.define("eui-chip",F);const f="",w=(()=>{const o=[];function t(s,d){const h=[],b=s.replace(/:([^/]+)/g,(y,k)=>(h.push(k),"([^/]+)")).replace(/\//g,"\\/"),g=new RegExp(`^${f}${b}$`);o.push({regex:g,paramNames:h,renderFn:d})}function e(s){for(const{regex:d,paramNames:h,renderFn:b}of o){const g=s.match(d);if(g){const y={};return h.forEach((k,K)=>{y[k]=decodeURIComponent(g[K+1])}),{renderFn:b,params:y}}}return null}function i(s,d=!0){s.startsWith(f)||(s=f+(s.startsWith("/")?"":"/")+s);const h=s.split(/[?#]/)[0];if(h===window.location.pathname&&s.includes("#")){d&&history.pushState({},"",s);const g="#"+s.split("#")[1];a(g);return}const b=e(h);if(b)if(d&&history.pushState({},"",s),b.renderFn(b.params),window.dispatchEvent(new CustomEvent("route-changed",{detail:{path:s}})),s.includes("#")){const g="#"+s.split("#")[1];setTimeout(()=>a(g),100)}else{const g=document.getElementById("main");g&&g.scrollTo(0,0)}else n?(d&&history.pushState({},"",s),n()):console.warn(`No route found for ${h}`)}function a(s){if(s)try{const d=document.querySelector(s);d&&d.scrollIntoView({behavior:"smooth"})}catch{console.warn("Invalid hash:",s)}}let n=null;function r(s){n=s}function l(){history.back()}function c(){return window.location.pathname.replace(f,"")||"/"}return window.addEventListener("popstate",()=>{const s=window.location.pathname+window.location.search+window.location.hash;i(s,!1)}),window.addEventListener("click",s=>{if(s.button!==0||s.metaKey||s.altKey||s.ctrlKey||s.shiftKey)return;const d=s.target.closest("a");if(!d||d.hasAttribute("download")||d.getAttribute("target")==="_blank")return;const h=d.getAttribute("href");if(!(!h||h.startsWith("http")&&!h.startsWith(window.location.origin))){if(s.preventDefault(),h.startsWith("#")){history.pushState({},"",h),a(h);return}i(h)}}),{add:t,navigate:i,back:l,location:c,setNotFound:r}})();async function I(o){try{const t=document.getElementById("main");t.classList.add("fade-out"),await new Promise(i=>setTimeout(i,200));const e=await fetch(`/src/pages/${o}.html`).then(i=>i.text());t.innerHTML=e,t.classList.remove("fade-out"),t.classList.add("fade-in"),window.location.hash?setTimeout(()=>{try{const i=document.querySelector(window.location.hash);i&&i.scrollIntoView({behavior:"smooth"})}catch{}},100):t&&t.scrollTo(0,0),setTimeout(()=>{t.classList.remove("fade-in")},200)}catch(t){console.error("Page load failed:",t)}}class j extends HTMLElement{static get observedAttributes(){return["path","icon","label","badge","active","avatar-src","avatar-name"]}constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.hasRendered||(this.render(),this.setupEventListeners(),this.hasRendered=!0),this.updateContent(),this.addEventListener("click",this.handleClick)}disconnectedCallback(){this.removeEventListener("click",this.handleClick)}attributeChangedCallback(t,e,i){if(e!==i&&this.hasRendered){if(t==="active")return;this.updateContent()}}handleClick=()=>{const t=this.getAttribute("path");t&&w.navigate(t)};setupEventListeners(){this.addEventListener("pointerdown",t=>{const e=document.createElement("span"),i=t.currentTarget,a=i.getBoundingClientRect(),n=Math.max(i.offsetWidth,i.offsetHeight),r=n/2;e.classList.add("ripple"),e.style.width=`${n}px`,e.style.height=`${n}px`,e.style.left=`${t.clientX-a.left-r}px`,e.style.top=`${t.clientY-a.top-r}px`,this.shadowRoot.appendChild(e),e.addEventListener("animationend",()=>{e.remove()})})}updateContent(){const t=this.getAttribute("icon"),e=this.getAttribute("avatar-src"),i=this.getAttribute("avatar-name"),a=this.getAttribute("label")||"",n=this.getAttribute("badge"),r=this.shadowRoot.querySelector(".badge");if(n)if(r)r.textContent=n;else{const s=document.createElement("span");s.className="badge",s.textContent=n,this.shadowRoot.appendChild(s)}else r&&r.remove();const l=this.shadowRoot.querySelector("slot[name='icon']");if(l)if(e||i){let s='<eui-avatar size="24"';i&&(s+=` name="${i}"`),s+=">",e&&(s+=`<img src="${e}" alt="${i||"Avatar"}" />`),s+="</eui-avatar>",l.innerHTML=s}else{const s=l.querySelector("eui-icon");t&&s?s.getAttribute("name")!==t&&s.setAttribute("name",t):t?l.innerHTML=`<eui-icon width="24" height="24" name="${t}"></eui-icon>`:l.innerHTML=""}const c=this.shadowRoot.querySelector(".label");c&&(c.textContent=a)}render(){this.shadowRoot.innerHTML=`
|
|
350
350
|
<style>
|
|
351
351
|
:host {
|
|
352
352
|
position: relative;
|
|
@@ -451,7 +451,7 @@
|
|
|
451
451
|
</slot>
|
|
452
452
|
</div>
|
|
453
453
|
<span class="label"></span>
|
|
454
|
-
`}}customElements.define("eui-nav-item",
|
|
454
|
+
`}}customElements.define("eui-nav-item",j);class B extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.updateActiveState(),window.addEventListener("popstate",()=>this.updateActiveState()),window.addEventListener("route-changed",()=>this.updateActiveState()),window.addEventListener("toggle-nav",()=>this.classList.toggle("expanded"))}render(){this.shadowRoot.innerHTML=`
|
|
455
455
|
<style>
|
|
456
456
|
:host {
|
|
457
457
|
position: fixed;
|
|
@@ -551,10 +551,10 @@
|
|
|
551
551
|
<div class="app-nav-container">
|
|
552
552
|
<a href="#content" id="skip_navigation_link">Skip To Content</a>
|
|
553
553
|
<div class="nav-items">
|
|
554
|
-
${this.navItems.map(t=>{
|
|
554
|
+
${this.navItems.map(t=>{if(t.type==="divider")return'<div style="height: 1px; background: var(--app-300); margin: 0.5rem 0;"></div>';const e=t.avatar?.src||"",i=t.avatar?.name||"";return`<eui-nav-item path="${t.path}" icon="${t.icon}" avatar-src="${e}" avatar-name="${i}" label="${t.label}"></eui-nav-item>`}).join("")}
|
|
555
555
|
</div>
|
|
556
556
|
</div>
|
|
557
|
-
`}set navItems(t){this._navItems=t,this.render(),this.updateActiveState()}get navItems(){return this._navItems||[]}updateActiveState(t){t||(t=w.location()),t.startsWith("/")||(t="/"+t),this.shadowRoot.querySelectorAll("eui-nav-item").forEach(i=>{i.getAttribute("path")===t?i.setAttribute("active",""):i.removeAttribute("active")})}}customElements.define("eui-app-nav",
|
|
557
|
+
`}set navItems(t){this._navItems=t,this.render(),this.updateActiveState()}get navItems(){return this._navItems||[]}updateActiveState(t){t||(t=w.location()),t.startsWith("/")||(t="/"+t),this.shadowRoot.querySelectorAll("eui-nav-item").forEach(i=>{i.getAttribute("path")===t?i.setAttribute("active",""):i.removeAttribute("active")})}}customElements.define("eui-app-nav",B);class q extends HTMLElement{static get observedAttributes(){return["type","title","subtitle","img"]}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=`
|
|
558
558
|
<style>
|
|
559
559
|
:host {
|
|
560
560
|
border-radius: 24px;
|
|
@@ -618,17 +618,18 @@
|
|
|
618
618
|
@media (max-width: 768px) {
|
|
619
619
|
.header {
|
|
620
620
|
padding: 1rem;
|
|
621
|
-
}
|
|
622
|
-
|
|
623
|
-
.hero {
|
|
624
621
|
align-items: center;
|
|
625
622
|
justify-content: center;
|
|
626
623
|
text-align: center;
|
|
627
624
|
}
|
|
628
625
|
|
|
629
|
-
.
|
|
626
|
+
.hero h1 {
|
|
630
627
|
font-size: 4rem;
|
|
631
628
|
}
|
|
629
|
+
|
|
630
|
+
.large h1 {
|
|
631
|
+
font-size: 2.5rem;
|
|
632
|
+
}
|
|
632
633
|
}
|
|
633
634
|
</style>
|
|
634
635
|
|
|
@@ -639,10 +640,11 @@
|
|
|
639
640
|
<p></p>
|
|
640
641
|
</div>
|
|
641
642
|
</div>
|
|
642
|
-
`}connectedCallback(){this.hd=this.shadowRoot.querySelector(".header"),this.hasAttribute("type")&&this.hd.classList.add(this.getAttribute("type"))}attributeChangedCallback(t,e,i){const
|
|
643
|
+
`}connectedCallback(){this.hd=this.shadowRoot.querySelector(".header"),this.hasAttribute("type")&&this.hd.classList.add(this.getAttribute("type"))}attributeChangedCallback(t,e,i){const a=this.shadowRoot.querySelector("h1"),n=this.shadowRoot.querySelector("p"),r=this.shadowRoot.querySelector(".img");t==="title"&&(a.textContent=i),t==="subtitle"&&(n.textContent=i),t==="img"&&(r.style.backgroundImage=i?`url(${i})`:"")}}customElements.define("eui-header",q);class N extends HTMLElement{static get observedAttributes(){return["selected"]}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=`
|
|
643
644
|
<style>
|
|
644
645
|
:host {
|
|
645
|
-
display: block;
|
|
646
|
+
display: inline-block;
|
|
647
|
+
vertical-align: bottom;
|
|
646
648
|
position: relative;
|
|
647
649
|
cursor: pointer;
|
|
648
650
|
width: 24px;
|
|
@@ -722,7 +724,7 @@
|
|
|
722
724
|
<rect class="mark long"></rect>
|
|
723
725
|
</svg>
|
|
724
726
|
</div>
|
|
725
|
-
`}connectedCallback(){this.inputEl=this.shadowRoot.querySelector("input"),this.checkEl=this.shadowRoot.querySelector(".checkbox"),this.updateFromAttribute(),this.checkEl.addEventListener("click",()=>this.toggle())}toggle(){this.selected=!this.selected,x()
|
|
727
|
+
`}connectedCallback(){this.inputEl=this.shadowRoot.querySelector("input"),this.checkEl=this.shadowRoot.querySelector(".checkbox"),this.updateFromAttribute(),this.checkEl.addEventListener("click",()=>this.toggle())}toggle(){this.selected=!this.selected,x(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}updateFromAttribute(){const t=this.hasAttribute("selected");this.inputEl.checked=t,this.checkEl.classList.toggle("selected",t)}attributeChangedCallback(t,e,i){t==="selected"&&this.inputEl&&this.updateFromAttribute()}get selected(){return this.hasAttribute("selected")}set selected(t){t?this.setAttribute("selected",""):this.removeAttribute("selected")}}customElements.define("eui-checkbox",N);class O extends HTMLElement{static observedAttributes=["type","width","height","border-radius","icon","link","href"];constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.render()}render(){const t=this.getAttribute("href"),e=t?"a":"button";this.shadowRoot.innerHTML=`
|
|
726
728
|
<style>
|
|
727
729
|
button, a {
|
|
728
730
|
display: flex;
|
|
@@ -828,7 +830,7 @@
|
|
|
828
830
|
<${e}>
|
|
829
831
|
<slot></slot>
|
|
830
832
|
</${e}>
|
|
831
|
-
`;const i=this.shadowRoot.querySelector(e);t&&i.setAttribute("href",t),this.hasAttribute("type")&&i.classList.add(this.getAttribute("type")),this.hasAttribute("icon")&&i.classList.add("icon"),this.hasAttribute("width")&&(i.style.width=this.getAttribute("width")+"px"),this.hasAttribute("height")&&(i.style.height=this.getAttribute("height")+"px"),this.hasAttribute("border-radius")&&(i.style.borderRadius=this.getAttribute("border-radius")+"px"),i.addEventListener("pointerdown",
|
|
833
|
+
`;const i=this.shadowRoot.querySelector(e);t&&i.setAttribute("href",t),this.hasAttribute("type")&&i.classList.add(this.getAttribute("type")),this.hasAttribute("icon")&&i.classList.add("icon"),this.hasAttribute("width")&&(i.style.width=this.getAttribute("width")+"px"),this.hasAttribute("height")&&(i.style.height=this.getAttribute("height")+"px"),this.hasAttribute("border-radius")&&(i.style.borderRadius=this.getAttribute("border-radius")+"px"),i.addEventListener("pointerdown",a=>{const n=document.createElement("span"),r=a.currentTarget,l=r.getBoundingClientRect(),c=Math.max(r.offsetWidth,r.offsetHeight),s=c/2;n.classList.add("ripple"),n.style.width=`${c}px`,n.style.height=`${c}px`,n.style.left=`${a.clientX-l.left-s}px`,n.style.top=`${a.clientY-l.top-s}px`,i.appendChild(n),n.addEventListener("animationend",()=>{n.remove()})})}}customElements.define("eui-button",O);class P extends HTMLElement{static get observedAttributes(){return["type","anchor"]}constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.render(),this.hd=this.shadowRoot.querySelector(".hd"),this.hasAttribute("type")&&this.hd.classList.add(this.getAttribute("type"))}render(){this.shadowRoot.innerHTML=`
|
|
832
834
|
<style>
|
|
833
835
|
:host {
|
|
834
836
|
display: block;
|
|
@@ -886,7 +888,7 @@
|
|
|
886
888
|
<span class="anchor-hash">#</span>
|
|
887
889
|
</a>
|
|
888
890
|
`:""}
|
|
889
|
-
`}}customElements.define("eui-heading",
|
|
891
|
+
`}}customElements.define("eui-heading",P);function V(o){const i=Date.now()-o,a=Math.floor(i/1e3),n=Math.floor(a/60),r=Math.floor(n/60),l=Math.floor(r/24),c=Math.floor(l/30),s=Math.floor(c/12);return s>0?`${s}y`:c>0?`${c}mo`:l>0?`${l}d`:r>0?`${r}h`:n>0?`${n}m`:`${a}s`}function D(o){const i=Date.now()-o,a=Math.floor(i/1e3),n=Math.floor(a/60),r=Math.floor(n/60),l=Math.floor(r/24),c=Math.floor(l/30),s=Math.floor(c/12);return s>0?`${s} year${s>1?"s":""} ago`:c>0?`${c} month${c>1?"s":""} ago`:l>0?`${l} day${l>1?"s":""} ago`:r>0?`${r} hour${r>1?"s":""} ago`:n>0?`${n} minute${n>1?"s":""} ago`:`${a} second${a>1?"s":""} ago`}function U(o){return o.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'").replace(/`/g,"`").replace(/'/g,"'")}function E(o){const t=document.createElement("input");t.value=o,document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t)}const Z=Object.freeze(Object.defineProperty({__proto__:null,copystr:E,joinedAgo:D,sanitize:U,timeAgo:V},Symbol.toStringTag,{value:"Module"}));class X extends HTMLElement{static get observedAttributes(){return["copy","id","type","language"]}constructor(){super(),this.attachShadow({mode:"open"}),this._boundCopy=this._onCopy.bind(this),this._isRendered=!1}connectedCallback(){this._isRendered||(this.render(),this._isRendered=!0)}attributeChangedCallback(t,e,i){this._isRendered&&e!==i&&this.render()}render(){const t=this.hasAttribute("copy"),e=this.getAttribute("language")||"text";this.shadowRoot.innerHTML=`
|
|
890
892
|
<style>
|
|
891
893
|
:host {
|
|
892
894
|
position: relative;
|
|
@@ -939,8 +941,8 @@
|
|
|
939
941
|
|
|
940
942
|
<pre class="${t?"g":""}"><code></code></pre>
|
|
941
943
|
`,this.copyBtn=this.shadowRoot.querySelector(".copy"),this.codeEl=this.shadowRoot.querySelector("code");const i=this._getFormattedText();this.codeEl.innerHTML=this._highlight(i,e),t?this.copyBtn.addEventListener("click",this._boundCopy):this.copyBtn.style.display="none"}_getFormattedText(){let e=(this.querySelector("code")||this).innerHTML||"";e=this._unescapeHtml(e),e=e.replace(/^\s*\n/,"").replace(/\n\s*$/,"");const i=e.split(`
|
|
942
|
-
`),
|
|
943
|
-
`)}_unescapeHtml(t){const e=document.createElement("textarea");return e.innerHTML=t,e.value}_highlight(t,e){t=t.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">");const i={};let
|
|
944
|
+
`),a=i.filter(r=>r.trim()).map(r=>r.match(/^\s*/)[0].length),n=a.length?Math.min(...a):0;return i.map(r=>r.slice(n)).join(`
|
|
945
|
+
`)}_unescapeHtml(t){const e=document.createElement("textarea");return e.innerHTML=t,e.value}_highlight(t,e){t=t.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">");const i={};let a=0;function n(r,l){const c=`__TOKEN_${l}_${a++}__`;return i[c]=`<span class="token ${l}">${r}</span>`,c}return["javascript","js","json","bash","sh","css"].includes(e)?(t=t.replace(/("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*')/g,r=>n(r,"string")),e==="bash"||e==="sh"?t=t.replace(/(#.*$)/gm,r=>n(r,"comment")):e==="css"?t=t.replace(/(\/\*[\s\S]*?\*\/)/g,r=>n(r,"comment")):t=t.replace(/(\/\/.*$|\/\*[\s\S]*?\*\/)/gm,r=>n(r,"comment"))):["html","xml"].includes(e)&&(t=t.replace(/(<!--[\s\S]*?-->)/g,r=>n(r,"comment")),t=t.replace(/(<\/?[a-z0-9:-]+)/gi,r=>n(r,"tag"))),e==="javascript"||e==="js"||e==="json"?(t=t.replace(/\b(const|let|var|if|else|for|while|return|function|class|import|export|from|default|switch|case|break|continue|new|this|async|await)\b/g,'<span class="token keyword">$1</span>'),t=t.replace(/\b(true|false|null|undefined)\b/g,'<span class="token boolean">$1</span>'),t=t.replace(/\b([a-zA-Z0-9_]+)\s*(?=\()/g,'<span class="token function">$1</span>')):e==="bash"||e==="sh"?(t=t.replace(/\b(npm|npx|node|git|cd|ls|mkdir|rm|mv|cp|echo|cat|sudo|docker|brew|grep|curl|wget|chmod|chown|touch)\b/g,'<span class="token keyword">$1</span>'),t=t.replace(/\b(install|run|build|start|test|dev|init|clone|pull|push|commit|add|checkout|branch|merge)\b/g,'<span class="token function">$1</span>'),t=t.replace(/(\s-+[a-zA-Z0-9-]+)/g,'<span class="token attr-name">$1</span>'),t=t.replace(/(\$[A-Z0-9_]+)/g,'<span class="token number">$1</span>')):e==="html"||e==="xml"?(t=t.replace(/\s([a-z0-9:-]+)=/gi,(r,l)=>" "+n(l,"attr-name")+"="),t=t.replace(/(".*?")/g,r=>n(r,"attr-value")),t=t.replace(/>/g,'<span class="token tag">></span>')):e==="css"&&(t=t.replace(/([a-z-]+)(?=:)/g,'<span class="token keyword">$1</span>')),Object.keys(i).reverse().forEach(r=>{t=t.replace(r,i[r])}),t}_onCopy(){E(this._getFormattedText());const t=this.copyBtn.querySelector("eui-icon");if(t){const e=t.getAttribute("name");t.setAttribute("name","check"),setTimeout(()=>t.setAttribute("name",e),2e3)}}disconnectedCallback(){this.copyBtn&&this.copyBtn.removeEventListener("click",this._boundCopy)}}customElements.define("eui-code",X);class W extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.render(),this.setupEventListeners()}static get observedAttributes(){return["name"]}attributeChangedCallback(t,e,i){t==="name"&&(this.render(),this.setupEventListeners())}setupEventListeners(){const t=this.shadowRoot.querySelector("#nav-toggle");t&&t.addEventListener("click",()=>{window.dispatchEvent(new CustomEvent("toggle-nav"))})}render(){const t=this.getAttribute("name")||"Title";this.shadowRoot.innerHTML=`
|
|
944
946
|
<style>
|
|
945
947
|
:host {
|
|
946
948
|
display: block;
|
|
@@ -1032,7 +1034,7 @@
|
|
|
1032
1034
|
<slot></slot>
|
|
1033
1035
|
</div>
|
|
1034
1036
|
</div>
|
|
1035
|
-
`}}customElements.define("eui-app-titlebar",
|
|
1037
|
+
`}}customElements.define("eui-app-titlebar",W);class J extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._handleMouseDown=this._addRipple.bind(this)}connectedCallback(){this.render(),this.setupEventListeners()}static get observedAttributes(){return["elevated","interactive","ripple"]}attributeChangedCallback(t,e,i){e!==i&&t==="ripple"&&this.setupEventListeners()}setupEventListeners(){this.removeEventListener("mousedown",this._handleMouseDown),this.hasAttribute("ripple")&&this.addEventListener("mousedown",this._handleMouseDown)}_addRipple(t){const e=this.getBoundingClientRect(),i=document.createElement("span"),a=Math.max(e.width,e.height),n=a/2;i.style.width=i.style.height=`${a}px`,i.style.left=`${t.clientX-e.left-n}px`,i.style.top=`${t.clientY-e.top-n}px`,i.classList.add("ripple"),this.shadowRoot.querySelector(".surface").appendChild(i),i.addEventListener("animationend",()=>{i.remove()})}render(){this.shadowRoot.innerHTML=`
|
|
1036
1038
|
<style>
|
|
1037
1039
|
:host {
|
|
1038
1040
|
display: block;
|
|
@@ -1093,4 +1095,4 @@
|
|
|
1093
1095
|
<div class="surface">
|
|
1094
1096
|
<slot></slot>
|
|
1095
1097
|
</div>
|
|
1096
|
-
`}}customElements.define("eui-surface",
|
|
1098
|
+
`}}customElements.define("eui-surface",J),typeof window<"u"&&console.log("ErisUI loaded successfully"),p.device=z,p.haptics=$,p.icons=u,p.loadPage=I,p.router=w,p.storage=H,p.utils=Z,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/erisui.mjs
CHANGED
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var M = (o, t, e) => t in o ? S(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
|
|
3
|
-
var v = (o, t, e) => M(o, typeof t != "symbol" ? t + "" : t, e);
|
|
4
|
-
class z extends HTMLElement {
|
|
1
|
+
class E extends HTMLElement {
|
|
5
2
|
static get observedAttributes() {
|
|
6
3
|
return ["size", "border-radius", "name", "color"];
|
|
7
4
|
}
|
|
@@ -66,13 +63,13 @@ class z extends HTMLElement {
|
|
|
66
63
|
this.avatar.style.width = i + "px", this.avatar.style.height = i + "px", this.initials.style.fontSize = i / 2 + "px";
|
|
67
64
|
}
|
|
68
65
|
if (this.hasAttribute("border-radius") && (this.avatar.style.borderRadius = this.getAttribute("border-radius") + "px"), this.hasAttribute("name") && (this.avatar.title = this.getAttribute("name")), !e && this.hasAttribute("name")) {
|
|
69
|
-
const
|
|
70
|
-
let
|
|
71
|
-
|
|
66
|
+
const a = this.getAttribute("name").trim().split(/\s+/);
|
|
67
|
+
let n = "";
|
|
68
|
+
a.length === 1 ? n = a[0][0] || "" : n = (a[0][0] || "") + (a[a.length - 1][0] || ""), this.initials.textContent = n.toUpperCase();
|
|
72
69
|
}
|
|
73
70
|
}
|
|
74
71
|
}
|
|
75
|
-
customElements.define("eui-avatar",
|
|
72
|
+
customElements.define("eui-avatar", E);
|
|
76
73
|
const u = /* @__PURE__ */ (() => {
|
|
77
74
|
let o = {};
|
|
78
75
|
return {
|
|
@@ -93,7 +90,7 @@ u.register("copy", '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="1
|
|
|
93
90
|
u.register("arrow", '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M9.3 5.3a1 1 0 0 0 0 1.4l5.29 5.3-5.3 5.3a1 1 0 1 0 1.42 1.4l6-6a1 1 0 0 0 0-1.4l-6-6a1 1 0 0 0-1.42 0Z"></path></svg>');
|
|
94
91
|
u.register("back", '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" style="transform: rotate(180deg)"><path d="M9.3 5.3a1 1 0 0 0 0 1.4l5.29 5.3-5.3 5.3a1 1 0 1 0 1.42 1.4l6-6a1 1 0 0 0 0-1.4l-6-6a1 1 0 0 0-1.42 0Z"></path></svg>');
|
|
95
92
|
u.register("check", '<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.86368 9.12226C3.82463 9.16131 3.76131 9.16131 3.72226 9.12226L0.146522 5.54652C-0.0487403 5.35126 -0.0487401 5.03468 0.146522 4.83942L0.839416 4.14652C1.03468 3.95126 1.35126 3.95126 1.54652 4.14652L3.72226 6.32226C3.76131 6.36131 3.82463 6.36131 3.86368 6.32226L10.0394 0.146522C10.2347 -0.0487398 10.5513 -0.0487399 10.7465 0.146522L11.4394 0.839416C11.6347 1.03468 11.6347 1.35126 11.4394 1.54652L3.86368 9.12226Z" fill="currentColor"/></svg>');
|
|
96
|
-
class
|
|
93
|
+
class A extends HTMLElement {
|
|
97
94
|
static get observedAttributes() {
|
|
98
95
|
return ["name", "width", "height"];
|
|
99
96
|
}
|
|
@@ -114,16 +111,16 @@ class T extends HTMLElement {
|
|
|
114
111
|
}
|
|
115
112
|
const i = document.createElement("template");
|
|
116
113
|
i.innerHTML = e.trim();
|
|
117
|
-
const
|
|
118
|
-
if (
|
|
119
|
-
const r = this.getAttribute("width"),
|
|
120
|
-
r &&
|
|
114
|
+
const a = i.content.cloneNode(!0), n = a.firstElementChild;
|
|
115
|
+
if (n && n.style) {
|
|
116
|
+
const r = this.getAttribute("width"), l = this.getAttribute("height");
|
|
117
|
+
r && n.setAttribute("width", r), l && n.setAttribute("height", l), n.style.display = "block";
|
|
121
118
|
}
|
|
122
|
-
this.shadowRoot.innerHTML = "", this.shadowRoot.appendChild(
|
|
119
|
+
this.shadowRoot.innerHTML = "", this.shadowRoot.appendChild(a);
|
|
123
120
|
}
|
|
124
121
|
}
|
|
125
|
-
customElements.define("eui-icon",
|
|
126
|
-
class
|
|
122
|
+
customElements.define("eui-icon", A);
|
|
123
|
+
class L extends HTMLElement {
|
|
127
124
|
static get observedAttributes() {
|
|
128
125
|
return ["label", "value", "id", "type", "filled"];
|
|
129
126
|
}
|
|
@@ -231,8 +228,10 @@ class $ extends HTMLElement {
|
|
|
231
228
|
`;
|
|
232
229
|
}
|
|
233
230
|
connectedCallback() {
|
|
234
|
-
this.form = this.shadowRoot.querySelector(".form"), this.inputEl = this.shadowRoot.querySelector(".form-input"), this.labelEl = this.shadowRoot.querySelector("label"), this.hasAttribute("value") && (this.inputEl.value = this.getAttribute("value")), this.hasAttribute("id") && (this.inputEl.id = this.getAttribute("id")), this.hasAttribute("label") && (this.labelEl.textContent = this.getAttribute("label")), this.hasAttribute("type") && (this.inputEl.type = this.getAttribute("type")), this.hasAttribute("filled") && this.form.classList.add("filled"), this.inputEl.addEventListener("input", () => {
|
|
235
|
-
this.setAttribute("value", this.inputEl.value);
|
|
231
|
+
this.form = this.shadowRoot.querySelector(".form"), this.inputEl = this.shadowRoot.querySelector(".form-input"), this.labelEl = this.shadowRoot.querySelector("label"), this.hasAttribute("value") && (this.inputEl.value = this.getAttribute("value")), this.hasAttribute("id") && (this.inputEl.id = this.getAttribute("id")), this.hasAttribute("label") && (this.labelEl.textContent = this.getAttribute("label")), this.hasAttribute("type") && (this.inputEl.type = this.getAttribute("type")), this.hasAttribute("filled") && this.form.classList.add("filled"), this.inputEl.addEventListener("input", (t) => {
|
|
232
|
+
this.setAttribute("value", this.inputEl.value), this.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 }));
|
|
233
|
+
}), this.inputEl.addEventListener("change", (t) => {
|
|
234
|
+
this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 }));
|
|
236
235
|
});
|
|
237
236
|
}
|
|
238
237
|
attributeChangedCallback(t, e, i) {
|
|
@@ -256,8 +255,8 @@ class $ extends HTMLElement {
|
|
|
256
255
|
this.setAttribute("value", t);
|
|
257
256
|
}
|
|
258
257
|
}
|
|
259
|
-
customElements.define("eui-input",
|
|
260
|
-
class
|
|
258
|
+
customElements.define("eui-input", L);
|
|
259
|
+
class S extends HTMLElement {
|
|
261
260
|
constructor() {
|
|
262
261
|
super(), this.attachShadow({ mode: "open" }), this.shadowRoot.innerHTML = `
|
|
263
262
|
<style>
|
|
@@ -307,8 +306,8 @@ class R extends HTMLElement {
|
|
|
307
306
|
`;
|
|
308
307
|
}
|
|
309
308
|
}
|
|
310
|
-
customElements.define("eui-loader",
|
|
311
|
-
class
|
|
309
|
+
customElements.define("eui-loader", S);
|
|
310
|
+
class z extends HTMLElement {
|
|
312
311
|
static get observedAttributes() {
|
|
313
312
|
return ["value", "intermediate", "id"];
|
|
314
313
|
}
|
|
@@ -370,8 +369,8 @@ class H extends HTMLElement {
|
|
|
370
369
|
this.hasAttribute("id") && (this.progress.id = this.getAttribute("id")), this.hasAttribute("intermediate") && t.classList.add("intermediate"), this.hasAttribute("value") && (t.style.width = this.getAttribute("value") + "%");
|
|
371
370
|
}
|
|
372
371
|
}
|
|
373
|
-
customElements.define("eui-progressbar",
|
|
374
|
-
const
|
|
372
|
+
customElements.define("eui-progressbar", z);
|
|
373
|
+
const v = {
|
|
375
374
|
is: {
|
|
376
375
|
iPhone: /iPhone/.test(navigator.userAgent),
|
|
377
376
|
iPad: /iPad/.test(navigator.userAgent),
|
|
@@ -391,11 +390,11 @@ const x = {
|
|
|
391
390
|
haptics: "vibrate" in navigator || "Vibrate" in window || typeof window.navigator.vibrate == "function"
|
|
392
391
|
},
|
|
393
392
|
userAgent: navigator.userAgent
|
|
394
|
-
},
|
|
393
|
+
}, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
395
394
|
__proto__: null,
|
|
396
|
-
device:
|
|
395
|
+
device: v
|
|
397
396
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
398
|
-
function
|
|
397
|
+
function M() {
|
|
399
398
|
try {
|
|
400
399
|
const o = document.createElement("label");
|
|
401
400
|
o.ariaHidden = "true", o.style.display = "none";
|
|
@@ -404,13 +403,13 @@ function _() {
|
|
|
404
403
|
} catch {
|
|
405
404
|
}
|
|
406
405
|
}
|
|
407
|
-
function
|
|
408
|
-
|
|
406
|
+
function x(o) {
|
|
407
|
+
v.supports.haptics ? navigator.vibrate(o || 50) : v.is.iPhone && M();
|
|
409
408
|
}
|
|
410
|
-
const
|
|
409
|
+
const Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
411
410
|
__proto__: null,
|
|
412
|
-
haptic:
|
|
413
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
411
|
+
haptic: x
|
|
412
|
+
}, Symbol.toStringTag, { value: "Module" })), w = (() => {
|
|
414
413
|
let o = {}, t;
|
|
415
414
|
try {
|
|
416
415
|
o = JSON.parse(localStorage.getItem(t) || "{}");
|
|
@@ -459,12 +458,12 @@ const K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
459
458
|
}
|
|
460
459
|
}
|
|
461
460
|
};
|
|
462
|
-
})(),
|
|
461
|
+
})(), T = w.settings, X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
463
462
|
__proto__: null,
|
|
464
|
-
settings:
|
|
465
|
-
storage:
|
|
463
|
+
settings: T,
|
|
464
|
+
storage: w
|
|
466
465
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
467
|
-
class
|
|
466
|
+
class $ extends HTMLElement {
|
|
468
467
|
static get observedAttributes() {
|
|
469
468
|
return ["selected"];
|
|
470
469
|
}
|
|
@@ -544,7 +543,7 @@ class F extends HTMLElement {
|
|
|
544
543
|
this.inputEl = this.shadowRoot.querySelector("input"), this.switchEl = this.shadowRoot.querySelector(".switch"), this.updateFromAttribute(), this.switchEl.addEventListener("click", () => this.toggle());
|
|
545
544
|
}
|
|
546
545
|
toggle() {
|
|
547
|
-
this.selected = !this.selected,
|
|
546
|
+
this.selected = !this.selected, x(), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 }));
|
|
548
547
|
}
|
|
549
548
|
updateFromAttribute() {
|
|
550
549
|
const t = this.hasAttribute("selected");
|
|
@@ -560,8 +559,8 @@ class F extends HTMLElement {
|
|
|
560
559
|
t ? this.setAttribute("selected", "") : this.removeAttribute("selected");
|
|
561
560
|
}
|
|
562
561
|
}
|
|
563
|
-
customElements.define("eui-switch",
|
|
564
|
-
class
|
|
562
|
+
customElements.define("eui-switch", $);
|
|
563
|
+
class R extends HTMLElement {
|
|
565
564
|
constructor() {
|
|
566
565
|
super(), this.attachShadow({ mode: "open" });
|
|
567
566
|
}
|
|
@@ -612,89 +611,89 @@ class I extends HTMLElement {
|
|
|
612
611
|
</style>
|
|
613
612
|
<slot></slot>
|
|
614
613
|
`, this.addEventListener("pointerdown", (t) => {
|
|
615
|
-
const e = document.createElement("span"), i = t.currentTarget,
|
|
616
|
-
e.classList.add("ripple"), e.style.left = t.clientX - i.getBoundingClientRect().left -
|
|
614
|
+
const e = document.createElement("span"), i = t.currentTarget, a = Math.max(i.offsetWidth, i.offsetHeight);
|
|
615
|
+
e.classList.add("ripple"), e.style.left = t.clientX - i.getBoundingClientRect().left - a / 2 + "px", e.style.top = t.clientY - i.getBoundingClientRect().top - a / 2 + "px", e.style.width = a + "px", e.style.height = a + "px", this.shadowRoot.appendChild(e), setTimeout(() => {
|
|
617
616
|
e.remove();
|
|
618
617
|
}, 600);
|
|
619
618
|
});
|
|
620
619
|
}
|
|
621
620
|
}
|
|
622
|
-
customElements.define("eui-chip",
|
|
623
|
-
const
|
|
621
|
+
customElements.define("eui-chip", R);
|
|
622
|
+
const b = "", y = (() => {
|
|
624
623
|
const o = [];
|
|
625
|
-
function t(
|
|
626
|
-
const h = [], g =
|
|
627
|
-
o.push({ regex: p, paramNames: h, renderFn:
|
|
624
|
+
function t(s, d) {
|
|
625
|
+
const h = [], g = s.replace(/:([^/]+)/g, (m, f) => (h.push(f), "([^/]+)")).replace(/\//g, "\\/"), p = new RegExp(`^${b}${g}$`);
|
|
626
|
+
o.push({ regex: p, paramNames: h, renderFn: d });
|
|
628
627
|
}
|
|
629
|
-
function e(
|
|
630
|
-
for (const { regex:
|
|
631
|
-
const p =
|
|
628
|
+
function e(s) {
|
|
629
|
+
for (const { regex: d, paramNames: h, renderFn: g } of o) {
|
|
630
|
+
const p = s.match(d);
|
|
632
631
|
if (p) {
|
|
633
|
-
const
|
|
634
|
-
return h.forEach((f,
|
|
635
|
-
|
|
636
|
-
}), { renderFn: g, params:
|
|
632
|
+
const m = {};
|
|
633
|
+
return h.forEach((f, C) => {
|
|
634
|
+
m[f] = decodeURIComponent(p[C + 1]);
|
|
635
|
+
}), { renderFn: g, params: m };
|
|
637
636
|
}
|
|
638
637
|
}
|
|
639
638
|
return null;
|
|
640
639
|
}
|
|
641
|
-
function i(
|
|
642
|
-
|
|
643
|
-
const h =
|
|
644
|
-
if (h === window.location.pathname &&
|
|
645
|
-
|
|
646
|
-
const p = "#" +
|
|
647
|
-
|
|
640
|
+
function i(s, d = !0) {
|
|
641
|
+
s.startsWith(b) || (s = b + (s.startsWith("/") ? "" : "/") + s);
|
|
642
|
+
const h = s.split(/[?#]/)[0];
|
|
643
|
+
if (h === window.location.pathname && s.includes("#")) {
|
|
644
|
+
d && history.pushState({}, "", s);
|
|
645
|
+
const p = "#" + s.split("#")[1];
|
|
646
|
+
a(p);
|
|
648
647
|
return;
|
|
649
648
|
}
|
|
650
649
|
const g = e(h);
|
|
651
650
|
if (g)
|
|
652
|
-
if (
|
|
653
|
-
const p = "#" +
|
|
654
|
-
setTimeout(() =>
|
|
651
|
+
if (d && history.pushState({}, "", s), g.renderFn(g.params), window.dispatchEvent(new CustomEvent("route-changed", { detail: { path: s } })), s.includes("#")) {
|
|
652
|
+
const p = "#" + s.split("#")[1];
|
|
653
|
+
setTimeout(() => a(p), 100);
|
|
655
654
|
} else {
|
|
656
655
|
const p = document.getElementById("main");
|
|
657
656
|
p && p.scrollTo(0, 0);
|
|
658
657
|
}
|
|
659
|
-
else
|
|
658
|
+
else n ? (d && history.pushState({}, "", s), n()) : console.warn(`No route found for ${h}`);
|
|
660
659
|
}
|
|
661
|
-
function
|
|
662
|
-
if (
|
|
660
|
+
function a(s) {
|
|
661
|
+
if (s)
|
|
663
662
|
try {
|
|
664
|
-
const
|
|
665
|
-
|
|
663
|
+
const d = document.querySelector(s);
|
|
664
|
+
d && d.scrollIntoView({ behavior: "smooth" });
|
|
666
665
|
} catch {
|
|
667
|
-
console.warn("Invalid hash:",
|
|
666
|
+
console.warn("Invalid hash:", s);
|
|
668
667
|
}
|
|
669
668
|
}
|
|
670
|
-
let
|
|
671
|
-
function r(
|
|
672
|
-
|
|
669
|
+
let n = null;
|
|
670
|
+
function r(s) {
|
|
671
|
+
n = s;
|
|
673
672
|
}
|
|
674
|
-
function
|
|
673
|
+
function l() {
|
|
675
674
|
history.back();
|
|
676
675
|
}
|
|
677
|
-
function
|
|
678
|
-
return window.location.pathname.replace(
|
|
676
|
+
function c() {
|
|
677
|
+
return window.location.pathname.replace(b, "") || "/";
|
|
679
678
|
}
|
|
680
679
|
return window.addEventListener("popstate", () => {
|
|
681
|
-
const
|
|
682
|
-
i(
|
|
683
|
-
}), window.addEventListener("click", (
|
|
684
|
-
if (
|
|
685
|
-
const
|
|
686
|
-
if (!
|
|
687
|
-
const h =
|
|
680
|
+
const s = window.location.pathname + window.location.search + window.location.hash;
|
|
681
|
+
i(s, !1);
|
|
682
|
+
}), window.addEventListener("click", (s) => {
|
|
683
|
+
if (s.button !== 0 || s.metaKey || s.altKey || s.ctrlKey || s.shiftKey) return;
|
|
684
|
+
const d = s.target.closest("a");
|
|
685
|
+
if (!d || d.hasAttribute("download") || d.getAttribute("target") === "_blank") return;
|
|
686
|
+
const h = d.getAttribute("href");
|
|
688
687
|
if (!(!h || h.startsWith("http") && !h.startsWith(window.location.origin))) {
|
|
689
|
-
if (
|
|
690
|
-
history.pushState({}, "", h),
|
|
688
|
+
if (s.preventDefault(), h.startsWith("#")) {
|
|
689
|
+
history.pushState({}, "", h), a(h);
|
|
691
690
|
return;
|
|
692
691
|
}
|
|
693
692
|
i(h);
|
|
694
693
|
}
|
|
695
|
-
}), { add: t, navigate: i, back:
|
|
694
|
+
}), { add: t, navigate: i, back: l, location: c, setNotFound: r };
|
|
696
695
|
})();
|
|
697
|
-
async function
|
|
696
|
+
async function W(o) {
|
|
698
697
|
try {
|
|
699
698
|
const t = document.getElementById("main");
|
|
700
699
|
t.classList.add("fade-out"), await new Promise((i) => setTimeout(i, 200));
|
|
@@ -712,60 +711,59 @@ async function G(o) {
|
|
|
712
711
|
console.error("Page load failed:", t);
|
|
713
712
|
}
|
|
714
713
|
}
|
|
715
|
-
class
|
|
716
|
-
constructor() {
|
|
717
|
-
super();
|
|
718
|
-
v(this, "handleClick", () => {
|
|
719
|
-
const e = this.getAttribute("path");
|
|
720
|
-
e && C.navigate(e);
|
|
721
|
-
});
|
|
722
|
-
this.attachShadow({ mode: "open" });
|
|
723
|
-
}
|
|
714
|
+
class H extends HTMLElement {
|
|
724
715
|
static get observedAttributes() {
|
|
725
716
|
return ["path", "icon", "label", "badge", "active", "avatar-src", "avatar-name"];
|
|
726
717
|
}
|
|
718
|
+
constructor() {
|
|
719
|
+
super(), this.attachShadow({ mode: "open" });
|
|
720
|
+
}
|
|
727
721
|
connectedCallback() {
|
|
728
722
|
this.hasRendered || (this.render(), this.setupEventListeners(), this.hasRendered = !0), this.updateContent(), this.addEventListener("click", this.handleClick);
|
|
729
723
|
}
|
|
730
724
|
disconnectedCallback() {
|
|
731
725
|
this.removeEventListener("click", this.handleClick);
|
|
732
726
|
}
|
|
733
|
-
attributeChangedCallback(e, i
|
|
734
|
-
if (
|
|
735
|
-
if (
|
|
727
|
+
attributeChangedCallback(t, e, i) {
|
|
728
|
+
if (e !== i && this.hasRendered) {
|
|
729
|
+
if (t === "active")
|
|
736
730
|
return;
|
|
737
731
|
this.updateContent();
|
|
738
732
|
}
|
|
739
733
|
}
|
|
734
|
+
handleClick = () => {
|
|
735
|
+
const t = this.getAttribute("path");
|
|
736
|
+
t && y.navigate(t);
|
|
737
|
+
};
|
|
740
738
|
setupEventListeners() {
|
|
741
|
-
this.addEventListener("pointerdown", (
|
|
742
|
-
const
|
|
743
|
-
|
|
744
|
-
|
|
739
|
+
this.addEventListener("pointerdown", (t) => {
|
|
740
|
+
const e = document.createElement("span"), i = t.currentTarget, a = i.getBoundingClientRect(), n = Math.max(i.offsetWidth, i.offsetHeight), r = n / 2;
|
|
741
|
+
e.classList.add("ripple"), e.style.width = `${n}px`, e.style.height = `${n}px`, e.style.left = `${t.clientX - a.left - r}px`, e.style.top = `${t.clientY - a.top - r}px`, this.shadowRoot.appendChild(e), e.addEventListener("animationend", () => {
|
|
742
|
+
e.remove();
|
|
745
743
|
});
|
|
746
744
|
});
|
|
747
745
|
}
|
|
748
746
|
updateContent() {
|
|
749
|
-
const
|
|
750
|
-
if (
|
|
751
|
-
if (
|
|
752
|
-
|
|
747
|
+
const t = this.getAttribute("icon"), e = this.getAttribute("avatar-src"), i = this.getAttribute("avatar-name"), a = this.getAttribute("label") || "", n = this.getAttribute("badge"), r = this.shadowRoot.querySelector(".badge");
|
|
748
|
+
if (n)
|
|
749
|
+
if (r)
|
|
750
|
+
r.textContent = n;
|
|
753
751
|
else {
|
|
754
|
-
const
|
|
755
|
-
|
|
752
|
+
const s = document.createElement("span");
|
|
753
|
+
s.className = "badge", s.textContent = n, this.shadowRoot.appendChild(s);
|
|
756
754
|
}
|
|
757
|
-
else
|
|
758
|
-
const
|
|
759
|
-
if (
|
|
760
|
-
if (
|
|
761
|
-
let
|
|
762
|
-
|
|
755
|
+
else r && r.remove();
|
|
756
|
+
const l = this.shadowRoot.querySelector("slot[name='icon']");
|
|
757
|
+
if (l)
|
|
758
|
+
if (e || i) {
|
|
759
|
+
let s = '<eui-avatar size="24"';
|
|
760
|
+
i && (s += ` name="${i}"`), s += ">", e && (s += `<img src="${e}" alt="${i || "Avatar"}" />`), s += "</eui-avatar>", l.innerHTML = s;
|
|
763
761
|
} else {
|
|
764
|
-
const
|
|
765
|
-
|
|
762
|
+
const s = l.querySelector("eui-icon");
|
|
763
|
+
t && s ? s.getAttribute("name") !== t && s.setAttribute("name", t) : t ? l.innerHTML = `<eui-icon width="24" height="24" name="${t}"></eui-icon>` : l.innerHTML = "";
|
|
766
764
|
}
|
|
767
|
-
const
|
|
768
|
-
|
|
765
|
+
const c = this.shadowRoot.querySelector(".label");
|
|
766
|
+
c && (c.textContent = a);
|
|
769
767
|
}
|
|
770
768
|
render() {
|
|
771
769
|
this.shadowRoot.innerHTML = `
|
|
@@ -876,8 +874,8 @@ class j extends HTMLElement {
|
|
|
876
874
|
`;
|
|
877
875
|
}
|
|
878
876
|
}
|
|
879
|
-
customElements.define("eui-nav-item",
|
|
880
|
-
class
|
|
877
|
+
customElements.define("eui-nav-item", H);
|
|
878
|
+
class _ extends HTMLElement {
|
|
881
879
|
constructor() {
|
|
882
880
|
super(), this.attachShadow({ mode: "open" });
|
|
883
881
|
}
|
|
@@ -986,10 +984,9 @@ class q extends HTMLElement {
|
|
|
986
984
|
<a href="#content" id="skip_navigation_link">Skip To Content</a>
|
|
987
985
|
<div class="nav-items">
|
|
988
986
|
${this.navItems.map((t) => {
|
|
989
|
-
var n, s;
|
|
990
987
|
if (t.type === "divider")
|
|
991
988
|
return '<div style="height: 1px; background: var(--app-300); margin: 0.5rem 0;"></div>';
|
|
992
|
-
const e =
|
|
989
|
+
const e = t.avatar?.src || "", i = t.avatar?.name || "";
|
|
993
990
|
return `<eui-nav-item path="${t.path}" icon="${t.icon}" avatar-src="${e}" avatar-name="${i}" label="${t.label}"></eui-nav-item>`;
|
|
994
991
|
}).join("")}
|
|
995
992
|
</div>
|
|
@@ -1003,13 +1000,13 @@ class q extends HTMLElement {
|
|
|
1003
1000
|
return this._navItems || [];
|
|
1004
1001
|
}
|
|
1005
1002
|
updateActiveState(t) {
|
|
1006
|
-
t || (t =
|
|
1003
|
+
t || (t = y.location()), t.startsWith("/") || (t = "/" + t), this.shadowRoot.querySelectorAll("eui-nav-item").forEach((i) => {
|
|
1007
1004
|
i.getAttribute("path") === t ? i.setAttribute("active", "") : i.removeAttribute("active");
|
|
1008
1005
|
});
|
|
1009
1006
|
}
|
|
1010
1007
|
}
|
|
1011
|
-
customElements.define("eui-app-nav",
|
|
1012
|
-
class
|
|
1008
|
+
customElements.define("eui-app-nav", _);
|
|
1009
|
+
class F extends HTMLElement {
|
|
1013
1010
|
static get observedAttributes() {
|
|
1014
1011
|
return ["type", "title", "subtitle", "img"];
|
|
1015
1012
|
}
|
|
@@ -1078,17 +1075,18 @@ class B extends HTMLElement {
|
|
|
1078
1075
|
@media (max-width: 768px) {
|
|
1079
1076
|
.header {
|
|
1080
1077
|
padding: 1rem;
|
|
1081
|
-
}
|
|
1082
|
-
|
|
1083
|
-
.hero {
|
|
1084
1078
|
align-items: center;
|
|
1085
1079
|
justify-content: center;
|
|
1086
1080
|
text-align: center;
|
|
1087
1081
|
}
|
|
1088
1082
|
|
|
1089
|
-
.
|
|
1083
|
+
.hero h1 {
|
|
1090
1084
|
font-size: 4rem;
|
|
1091
1085
|
}
|
|
1086
|
+
|
|
1087
|
+
.large h1 {
|
|
1088
|
+
font-size: 2.5rem;
|
|
1089
|
+
}
|
|
1092
1090
|
}
|
|
1093
1091
|
</style>
|
|
1094
1092
|
|
|
@@ -1105,12 +1103,12 @@ class B extends HTMLElement {
|
|
|
1105
1103
|
this.hd = this.shadowRoot.querySelector(".header"), this.hasAttribute("type") && this.hd.classList.add(this.getAttribute("type"));
|
|
1106
1104
|
}
|
|
1107
1105
|
attributeChangedCallback(t, e, i) {
|
|
1108
|
-
const
|
|
1109
|
-
t === "title" && (
|
|
1106
|
+
const a = this.shadowRoot.querySelector("h1"), n = this.shadowRoot.querySelector("p"), r = this.shadowRoot.querySelector(".img");
|
|
1107
|
+
t === "title" && (a.textContent = i), t === "subtitle" && (n.textContent = i), t === "img" && (r.style.backgroundImage = i ? `url(${i})` : "");
|
|
1110
1108
|
}
|
|
1111
1109
|
}
|
|
1112
|
-
customElements.define("eui-header",
|
|
1113
|
-
class
|
|
1110
|
+
customElements.define("eui-header", F);
|
|
1111
|
+
class I extends HTMLElement {
|
|
1114
1112
|
static get observedAttributes() {
|
|
1115
1113
|
return ["selected"];
|
|
1116
1114
|
}
|
|
@@ -1118,7 +1116,8 @@ class N extends HTMLElement {
|
|
|
1118
1116
|
super(), this.attachShadow({ mode: "open" }), this.shadowRoot.innerHTML = `
|
|
1119
1117
|
<style>
|
|
1120
1118
|
:host {
|
|
1121
|
-
display: block;
|
|
1119
|
+
display: inline-block;
|
|
1120
|
+
vertical-align: bottom;
|
|
1122
1121
|
position: relative;
|
|
1123
1122
|
cursor: pointer;
|
|
1124
1123
|
width: 24px;
|
|
@@ -1204,9 +1203,7 @@ class N extends HTMLElement {
|
|
|
1204
1203
|
this.inputEl = this.shadowRoot.querySelector("input"), this.checkEl = this.shadowRoot.querySelector(".checkbox"), this.updateFromAttribute(), this.checkEl.addEventListener("click", () => this.toggle());
|
|
1205
1204
|
}
|
|
1206
1205
|
toggle() {
|
|
1207
|
-
this.selected = !this.selected,
|
|
1208
|
-
const t = this.selected, e = this.dataset.setting;
|
|
1209
|
-
e && k.set(e, t);
|
|
1206
|
+
this.selected = !this.selected, x(), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 }));
|
|
1210
1207
|
}
|
|
1211
1208
|
updateFromAttribute() {
|
|
1212
1209
|
const t = this.hasAttribute("selected");
|
|
@@ -1222,8 +1219,9 @@ class N extends HTMLElement {
|
|
|
1222
1219
|
t ? this.setAttribute("selected", "") : this.removeAttribute("selected");
|
|
1223
1220
|
}
|
|
1224
1221
|
}
|
|
1225
|
-
customElements.define("eui-checkbox",
|
|
1226
|
-
class
|
|
1222
|
+
customElements.define("eui-checkbox", I);
|
|
1223
|
+
class j extends HTMLElement {
|
|
1224
|
+
static observedAttributes = ["type", "width", "height", "border-radius", "icon", "link", "href"];
|
|
1227
1225
|
constructor() {
|
|
1228
1226
|
super(), this.attachShadow({ mode: "open" });
|
|
1229
1227
|
}
|
|
@@ -1340,17 +1338,16 @@ class E extends HTMLElement {
|
|
|
1340
1338
|
</${e}>
|
|
1341
1339
|
`;
|
|
1342
1340
|
const i = this.shadowRoot.querySelector(e);
|
|
1343
|
-
t && i.setAttribute("href", t), this.hasAttribute("type") && i.classList.add(this.getAttribute("type")), this.hasAttribute("icon") && i.classList.add("icon"), this.hasAttribute("width") && (i.style.width = this.getAttribute("width") + "px"), this.hasAttribute("height") && (i.style.height = this.getAttribute("height") + "px"), this.hasAttribute("border-radius") && (i.style.borderRadius = this.getAttribute("border-radius") + "px"), i.addEventListener("pointerdown", (
|
|
1344
|
-
const
|
|
1345
|
-
|
|
1346
|
-
|
|
1341
|
+
t && i.setAttribute("href", t), this.hasAttribute("type") && i.classList.add(this.getAttribute("type")), this.hasAttribute("icon") && i.classList.add("icon"), this.hasAttribute("width") && (i.style.width = this.getAttribute("width") + "px"), this.hasAttribute("height") && (i.style.height = this.getAttribute("height") + "px"), this.hasAttribute("border-radius") && (i.style.borderRadius = this.getAttribute("border-radius") + "px"), i.addEventListener("pointerdown", (a) => {
|
|
1342
|
+
const n = document.createElement("span"), r = a.currentTarget, l = r.getBoundingClientRect(), c = Math.max(r.offsetWidth, r.offsetHeight), s = c / 2;
|
|
1343
|
+
n.classList.add("ripple"), n.style.width = `${c}px`, n.style.height = `${c}px`, n.style.left = `${a.clientX - l.left - s}px`, n.style.top = `${a.clientY - l.top - s}px`, i.appendChild(n), n.addEventListener("animationend", () => {
|
|
1344
|
+
n.remove();
|
|
1347
1345
|
});
|
|
1348
1346
|
});
|
|
1349
1347
|
}
|
|
1350
1348
|
}
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
class O extends HTMLElement {
|
|
1349
|
+
customElements.define("eui-button", j);
|
|
1350
|
+
class B extends HTMLElement {
|
|
1354
1351
|
static get observedAttributes() {
|
|
1355
1352
|
return ["type", "anchor"];
|
|
1356
1353
|
}
|
|
@@ -1422,30 +1419,30 @@ class O extends HTMLElement {
|
|
|
1422
1419
|
`;
|
|
1423
1420
|
}
|
|
1424
1421
|
}
|
|
1425
|
-
customElements.define("eui-heading",
|
|
1426
|
-
function
|
|
1427
|
-
const i = Date.now() - o,
|
|
1428
|
-
return
|
|
1422
|
+
customElements.define("eui-heading", B);
|
|
1423
|
+
function q(o) {
|
|
1424
|
+
const i = Date.now() - o, a = Math.floor(i / 1e3), n = Math.floor(a / 60), r = Math.floor(n / 60), l = Math.floor(r / 24), c = Math.floor(l / 30), s = Math.floor(c / 12);
|
|
1425
|
+
return s > 0 ? `${s}y` : c > 0 ? `${c}mo` : l > 0 ? `${l}d` : r > 0 ? `${r}h` : n > 0 ? `${n}m` : `${a}s`;
|
|
1429
1426
|
}
|
|
1430
|
-
function
|
|
1431
|
-
const i = Date.now() - o,
|
|
1432
|
-
return
|
|
1427
|
+
function N(o) {
|
|
1428
|
+
const i = Date.now() - o, a = Math.floor(i / 1e3), n = Math.floor(a / 60), r = Math.floor(n / 60), l = Math.floor(r / 24), c = Math.floor(l / 30), s = Math.floor(c / 12);
|
|
1429
|
+
return s > 0 ? `${s} year${s > 1 ? "s" : ""} ago` : c > 0 ? `${c} month${c > 1 ? "s" : ""} ago` : l > 0 ? `${l} day${l > 1 ? "s" : ""} ago` : r > 0 ? `${r} hour${r > 1 ? "s" : ""} ago` : n > 0 ? `${n} minute${n > 1 ? "s" : ""} ago` : `${a} second${a > 1 ? "s" : ""} ago`;
|
|
1433
1430
|
}
|
|
1434
|
-
function
|
|
1431
|
+
function O(o) {
|
|
1435
1432
|
return o.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'").replace(/`/g, "`").replace(/'/g, "'");
|
|
1436
1433
|
}
|
|
1437
|
-
function
|
|
1434
|
+
function k(o) {
|
|
1438
1435
|
const t = document.createElement("input");
|
|
1439
1436
|
t.value = o, document.body.appendChild(t), t.select(), document.execCommand("copy"), document.body.removeChild(t);
|
|
1440
1437
|
}
|
|
1441
|
-
const
|
|
1438
|
+
const J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1442
1439
|
__proto__: null,
|
|
1443
|
-
copystr:
|
|
1444
|
-
joinedAgo:
|
|
1445
|
-
sanitize:
|
|
1446
|
-
timeAgo:
|
|
1440
|
+
copystr: k,
|
|
1441
|
+
joinedAgo: N,
|
|
1442
|
+
sanitize: O,
|
|
1443
|
+
timeAgo: q
|
|
1447
1444
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
1448
|
-
class
|
|
1445
|
+
class P extends HTMLElement {
|
|
1449
1446
|
static get observedAttributes() {
|
|
1450
1447
|
return ["copy", "id", "type", "language"];
|
|
1451
1448
|
}
|
|
@@ -1520,8 +1517,8 @@ class U extends HTMLElement {
|
|
|
1520
1517
|
let e = (this.querySelector("code") || this).innerHTML || "";
|
|
1521
1518
|
e = this._unescapeHtml(e), e = e.replace(/^\s*\n/, "").replace(/\n\s*$/, "");
|
|
1522
1519
|
const i = e.split(`
|
|
1523
|
-
`),
|
|
1524
|
-
return i.map((r) => r.slice(
|
|
1520
|
+
`), a = i.filter((r) => r.trim()).map((r) => r.match(/^\s*/)[0].length), n = a.length ? Math.min(...a) : 0;
|
|
1521
|
+
return i.map((r) => r.slice(n)).join(`
|
|
1525
1522
|
`);
|
|
1526
1523
|
}
|
|
1527
1524
|
_unescapeHtml(t) {
|
|
@@ -1531,17 +1528,17 @@ class U extends HTMLElement {
|
|
|
1531
1528
|
_highlight(t, e) {
|
|
1532
1529
|
t = t.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
|
|
1533
1530
|
const i = {};
|
|
1534
|
-
let
|
|
1535
|
-
function
|
|
1536
|
-
const
|
|
1537
|
-
return i[
|
|
1531
|
+
let a = 0;
|
|
1532
|
+
function n(r, l) {
|
|
1533
|
+
const c = `__TOKEN_${l}_${a++}__`;
|
|
1534
|
+
return i[c] = `<span class="token ${l}">${r}</span>`, c;
|
|
1538
1535
|
}
|
|
1539
|
-
return ["javascript", "js", "json", "bash", "sh", "css"].includes(e) ? (t = t.replace(/("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*')/g, (r) =>
|
|
1536
|
+
return ["javascript", "js", "json", "bash", "sh", "css"].includes(e) ? (t = t.replace(/("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*')/g, (r) => n(r, "string")), e === "bash" || e === "sh" ? t = t.replace(/(#.*$)/gm, (r) => n(r, "comment")) : e === "css" ? t = t.replace(/(\/\*[\s\S]*?\*\/)/g, (r) => n(r, "comment")) : t = t.replace(/(\/\/.*$|\/\*[\s\S]*?\*\/)/gm, (r) => n(r, "comment"))) : ["html", "xml"].includes(e) && (t = t.replace(/(<!--[\s\S]*?-->)/g, (r) => n(r, "comment")), t = t.replace(/(<\/?[a-z0-9:-]+)/gi, (r) => n(r, "tag"))), e === "javascript" || e === "js" || e === "json" ? (t = t.replace(/\b(const|let|var|if|else|for|while|return|function|class|import|export|from|default|switch|case|break|continue|new|this|async|await)\b/g, '<span class="token keyword">$1</span>'), t = t.replace(/\b(true|false|null|undefined)\b/g, '<span class="token boolean">$1</span>'), t = t.replace(/\b([a-zA-Z0-9_]+)\s*(?=\()/g, '<span class="token function">$1</span>')) : e === "bash" || e === "sh" ? (t = t.replace(/\b(npm|npx|node|git|cd|ls|mkdir|rm|mv|cp|echo|cat|sudo|docker|brew|grep|curl|wget|chmod|chown|touch)\b/g, '<span class="token keyword">$1</span>'), t = t.replace(/\b(install|run|build|start|test|dev|init|clone|pull|push|commit|add|checkout|branch|merge)\b/g, '<span class="token function">$1</span>'), t = t.replace(/(\s-+[a-zA-Z0-9-]+)/g, '<span class="token attr-name">$1</span>'), t = t.replace(/(\$[A-Z0-9_]+)/g, '<span class="token number">$1</span>')) : e === "html" || e === "xml" ? (t = t.replace(/\s([a-z0-9:-]+)=/gi, (r, l) => " " + n(l, "attr-name") + "="), t = t.replace(/(".*?")/g, (r) => n(r, "attr-value")), t = t.replace(/>/g, '<span class="token tag">></span>')) : e === "css" && (t = t.replace(/([a-z-]+)(?=:)/g, '<span class="token keyword">$1</span>')), Object.keys(i).reverse().forEach((r) => {
|
|
1540
1537
|
t = t.replace(r, i[r]);
|
|
1541
1538
|
}), t;
|
|
1542
1539
|
}
|
|
1543
1540
|
_onCopy() {
|
|
1544
|
-
|
|
1541
|
+
k(this._getFormattedText());
|
|
1545
1542
|
const t = this.copyBtn.querySelector("eui-icon");
|
|
1546
1543
|
if (t) {
|
|
1547
1544
|
const e = t.getAttribute("name");
|
|
@@ -1552,8 +1549,8 @@ class U extends HTMLElement {
|
|
|
1552
1549
|
this.copyBtn && this.copyBtn.removeEventListener("click", this._boundCopy);
|
|
1553
1550
|
}
|
|
1554
1551
|
}
|
|
1555
|
-
customElements.define("eui-code",
|
|
1556
|
-
class
|
|
1552
|
+
customElements.define("eui-code", P);
|
|
1553
|
+
class V extends HTMLElement {
|
|
1557
1554
|
constructor() {
|
|
1558
1555
|
super(), this.attachShadow({ mode: "open" });
|
|
1559
1556
|
}
|
|
@@ -1669,8 +1666,8 @@ class Z extends HTMLElement {
|
|
|
1669
1666
|
`;
|
|
1670
1667
|
}
|
|
1671
1668
|
}
|
|
1672
|
-
customElements.define("eui-app-titlebar",
|
|
1673
|
-
class
|
|
1669
|
+
customElements.define("eui-app-titlebar", V);
|
|
1670
|
+
class D extends HTMLElement {
|
|
1674
1671
|
constructor() {
|
|
1675
1672
|
super(), this.attachShadow({ mode: "open" }), this._handleMouseDown = this._addRipple.bind(this);
|
|
1676
1673
|
}
|
|
@@ -1687,8 +1684,8 @@ class X extends HTMLElement {
|
|
|
1687
1684
|
this.removeEventListener("mousedown", this._handleMouseDown), this.hasAttribute("ripple") && this.addEventListener("mousedown", this._handleMouseDown);
|
|
1688
1685
|
}
|
|
1689
1686
|
_addRipple(t) {
|
|
1690
|
-
const e = this.getBoundingClientRect(), i = document.createElement("span"),
|
|
1691
|
-
i.style.width = i.style.height = `${
|
|
1687
|
+
const e = this.getBoundingClientRect(), i = document.createElement("span"), a = Math.max(e.width, e.height), n = a / 2;
|
|
1688
|
+
i.style.width = i.style.height = `${a}px`, i.style.left = `${t.clientX - e.left - n}px`, i.style.top = `${t.clientY - e.top - n}px`, i.classList.add("ripple"), this.shadowRoot.querySelector(".surface").appendChild(i), i.addEventListener("animationend", () => {
|
|
1692
1689
|
i.remove();
|
|
1693
1690
|
});
|
|
1694
1691
|
}
|
|
@@ -1757,14 +1754,14 @@ class X extends HTMLElement {
|
|
|
1757
1754
|
`;
|
|
1758
1755
|
}
|
|
1759
1756
|
}
|
|
1760
|
-
customElements.define("eui-surface",
|
|
1757
|
+
customElements.define("eui-surface", D);
|
|
1761
1758
|
typeof window < "u" && console.log("ErisUI loaded successfully");
|
|
1762
1759
|
export {
|
|
1763
|
-
|
|
1764
|
-
|
|
1760
|
+
U as device,
|
|
1761
|
+
Z as haptics,
|
|
1765
1762
|
u as icons,
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
|
|
1763
|
+
W as loadPage,
|
|
1764
|
+
y as router,
|
|
1765
|
+
X as storage,
|
|
1766
|
+
J as utils
|
|
1770
1767
|
};
|