import{_ as t,n as a,t as e,a as s,x as r,r as n}from"./card-b98d578d.js";import{c as i}from"./repeat-08ca48e7.js";import{B as o}from"./base-91ab3d27.js";let p=class extends s{constructor(){super(...arguments),this.char="☘️",this.size="1em",this.maxOpacity=1,this.pulseDuration="3s",this.pulseDelay="0s",this.startX="0%",this.startY="0%",this._handleAnimationIteration=t=>{"shamrock-pulse"===t.animationName&&(this.startX=100*Math.random()+"%",this.startY=100*Math.random()+"%")}}connectedCallback(){super.connectedCallback(),this.addEventListener("animationiteration",this._handleAnimationIteration)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("animationiteration",this._handleAnimationIteration)}render(){return r`${this.char}`}updated(){this.style.setProperty("--size",this.size),this.style.setProperty("--max-opacity",`${this.maxOpacity}`),this.style.setProperty("--pulse-duration",this.pulseDuration),this.style.setProperty("--pulse-delay",this.pulseDelay),this.style.setProperty("--start-x",this.startX),this.style.setProperty("--start-y",this.startY)}static get styles(){return n(":host {\n  position: absolute;\n  left: var(--start-x);\n  top: var(--start-y);\n  font-size: var(--size, 1em);\n  transform-origin: center center;\n  translate: -50% -50%;\n  user-select: none;\n  pointer-events: none;\n  will-change: transform, opacity;\n  animation: shamrock-pulse var(--pulse-duration) ease-in-out infinite;\n  animation-delay: var(--pulse-delay);\n}\n\n@keyframes shamrock-pulse {\n  0% {\n    scale: 0;\n    rotate: -20deg;\n    opacity: 0;\n  }\n  20% {\n    opacity: var(--max-opacity, 1);\n  }\n  50% {\n    scale: 1;\n    rotate: 10deg;\n  }\n  80% {\n    opacity: var(--max-opacity, 1);\n  }\n  100% {\n    scale: 0;\n    rotate: 25deg;\n    opacity: 0;\n  }\n}")}};t([a({type:String})],p.prototype,"char",void 0),t([a({type:String})],p.prototype,"size",void 0),t([a({type:Number})],p.prototype,"maxOpacity",void 0),t([a({type:String})],p.prototype,"pulseDuration",void 0),t([a({type:String})],p.prototype,"pulseDelay",void 0),t([a({type:String})],p.prototype,"startX",void 0),t([a({type:String})],p.prototype,"startY",void 0),p=t([e("advanced-camera-card-shamrock")],p);let c=class extends o{constructor(){super(),this._shamrocks=Array.from({length:10},((t,a)=>{const e=3*Math.random()+5,s=-Math.random()*e*.9;return{id:a,size:12*Math.random()+8+"em",maxOpacity:.3*Math.random()+.5,pulseDuration:`${e}s`,pulseDelay:`${s}s`,startX:80*Math.random()+10+"%",startY:80*Math.random()+10+"%"}}))}render(){return r`
      ${i(this._shamrocks,(t=>t.id),(t=>r`
          <advanced-camera-card-shamrock
            .size=${t.size}
            .maxOpacity=${t.maxOpacity}
            .pulseDuration=${t.pulseDuration}
            .pulseDelay=${t.pulseDelay}
            .startX=${t.startX}
            .startY=${t.startY}
          ></advanced-camera-card-shamrock>
        `))}
    `}};c=t([e("advanced-camera-card-effect-shamrocks")],c);export{c as AdvancedCameraCardEffectShamrocks};