import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{b as getFormattedRemainingTime}from"./getters.js";import{d as defineCustomElement$2}from"./sc-icon2.js";const scUpsellCountdownTimerCss=":host{display:flex;justify-content:var(--sc-upsell-countdown-timer-justify-content, center);align-items:var(--sc-upsell-countdown-timer-align-items, center);text-align:var(--sc-upsell-countdown-timer-text-align, center);flex-wrap:wrap;gap:var(--sc-upsell-countdown-timer-gap, 0.5em);line-height:1;padding:var(--sc-upsell-countdown-timer-padding, var(--sc-spacing-medium));border-radius:var(--sc-upsell-countdown-timer-border-radius, var(--sc-border-radius-pill));background-color:var(--sc-upsell-countdown-timer-background-color, rgb(226, 249, 235));color:var(--sc-upsell-countdown-timer-color, rgb(71, 91, 80))}",ScUpsellCountdownTimerStyle0=scUpsellCountdownTimerCss,ScUpsellCountdownTimer$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.timeRemaining=1/0,this.formattedTime=void 0,this.showIcon=!0}componentDidLoad(){this.updateCountdown()}updateCountdown(){this.formattedTime=getFormattedRemainingTime(),setInterval((()=>{this.formattedTime=getFormattedRemainingTime()}),1e3)}render(){return h(Host,{key:"3495b25a833e88d6df38835205553916686f12d4",role:"timer",class:{"sc-upsell-countdown-timer":!0}},this.showIcon&&h("sc-icon",{key:"9246ab5676b92a97aab09ae7d11836e9a9f6e9de",name:"clock"}),h("span",{key:"11f0acad5ae4a6314b0c287ab1b823c96136d1b6"},h("slot",{key:"56e61e0eba3b2d3ba734cca54bb30c4a687d04b8",name:"offer-expire-text"})," ",h("strong",{key:"c9bb94d600a46f85e7e4a1f90a78cc9f6db1cf19"},this.formattedTime)))}static get style(){return ScUpsellCountdownTimerStyle0}},[1,"sc-upsell-countdown-timer",{showIcon:[4,"show-icon"],timeRemaining:[32],formattedTime:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["sc-upsell-countdown-timer","sc-icon"].forEach((e=>{switch(e){case"sc-upsell-countdown-timer":customElements.get(e)||customElements.define(e,ScUpsellCountdownTimer$1);break;case"sc-icon":customElements.get(e)||defineCustomElement$2()}}))}const ScUpsellCountdownTimer=ScUpsellCountdownTimer$1,defineCustomElement=defineCustomElement$1;export{ScUpsellCountdownTimer,defineCustomElement};