chris.chasteen/haos_config
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
chris
2026-01-30 23:31:00 -06:00
commit a39095b3de
2665 changed files with 263970 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
www/community/advanced-camera-card/snow-e135bd60.js Normal file
View File

@@ -0,0 +1,13 @@
import{_ as t,n as a,t as r,a as e,x as n,r as s}from"./card-b98d578d.js";import{c as o}from"./repeat-08ca48e7.js";import{B as i}from"./base-91ab3d27.js";let l=class extends e{constructor(){super(...arguments),this.char="❄",this.size="1em",this.maxOpacity=1,this.fallDuration="10s",this.fallDelay="0s",this.startX="0%",this.endX="0%"}render(){return n`${this.char}`}updated(){this.style.setProperty("--max-opacity",`${this.maxOpacity}`),this.style.setProperty("--fall-duration",this.fallDuration),this.style.setProperty("--fall-delay",this.fallDelay),this.style.setProperty("--start-x",this.startX),this.style.setProperty("--end-x",this.endX),this.style.fontSize=this.size}static get styles(){return s(":host {\n position: absolute;\n left: var(--start-x);\n color: white;\n user-select: none;\n pointer-events: none;\n will-change: transform;\n animation: fall var(--fall-duration) linear infinite;\n animation-delay: var(--fall-delay);\n}\n\n@keyframes fall {\n 0% {\n top: -2em;\n transform: translateX(0);\n opacity: var(--max-opacity, 1);\n }\n 25% {\n top: 25%;\n transform: translateX(calc(var(--end-x) - var(--start-x) + 8px));\n }\n 50% {\n top: 50%;\n transform: translateX(calc(var(--end-x) - var(--start-x) - 10px));\n }\n 75% {\n top: 75%;\n transform: translateX(calc(var(--end-x) - var(--start-x) + 20px));\n }\n 90% {\n opacity: var(--max-opacity, 1);\n }\n 100% {\n top: 100%;\n transform: translateX(calc(var(--end-x) - var(--start-x)));\n opacity: 0;\n }\n}")}};t([a({type:String})],l.prototype,"char",void 0),t([a({type:String})],l.prototype,"size",void 0),t([a({type:Number})],l.prototype,"maxOpacity",void 0),t([a({type:String})],l.prototype,"fallDuration",void 0),t([a({type:String})],l.prototype,"fallDelay",void 0),t([a({type:String})],l.prototype,"startX",void 0),t([a({type:String})],l.prototype,"endX",void 0),l=t([r("advanced-camera-card-snowflake")],l);const p=["❄","❅","❆"];let c=class extends i{constructor(){super(),this._snowflakes=Array.from({length:50},((t,a)=>{const r=10*Math.random()+10,e=-Math.random()*r*.8;return{id:a,char:p[Math.floor(Math.random()*p.length)],size:1.5*Math.random()+.5+"em",maxOpacity:.5*Math.random()+.5,fallDuration:`${r}s`,fallDelay:`${e}s`,startX:100*Math.random()+"%",endX:100*Math.random()+"%"}}))}render(){return n`
${o(this._snowflakes,(t=>t.id),(t=>n`
<advanced-camera-card-snowflake
.char=${t.char}
.size=${t.size}
.maxOpacity=${t.maxOpacity}
.fallDuration=${t.fallDuration}
.fallDelay=${t.fallDelay}
.startX=${t.startX}
.endX=${t.endX}
></advanced-camera-card-snowflake>
`))}
`}};c=t([r("advanced-camera-card-effect-snow")],c);export{c as AdvancedCameraCardEffectSnow};