import{i as t,a as i,x as e}from"./lit-element-2f702183.js";import{w as o}from"./global-b54278f5.js";import{t as a}from"./custom-element-17854b6b.js";import{n as r}from"./property-ca562508.js";import{h as s}from"./helper.service-34788bd3.js";import{e as n}from"./class-map-d9258f75.js";import{o as l}from"./style-map-09039340.js";import"./directive-de55b00a.js";var c=t`:host{display:block}.w-pay-box{display:flex;-ms-flex-pack:start;width:100%}.w-pay-box .w-pay-box-container{background:#fff;border:1px solid #ccc;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;min-width:232px;padding:1rem 1rem 1.75rem}.w-pay-box .w-pay-box-container>*{text-align:center}.w-pay-box .w-pay-box-container .b-button{margin:0}.w-pay-box.s1>.w-pay-box-container{max-width:450px}.w-pay-box.s2>.w-pay-box-container{max-width:900px}.w-pay-box.s3>.w-pay-box-container{max-width:1350px}.w-pay-box.s4>.w-pay-box-container{max-width:1800px}.w-pay-box__title{color:#0092be;font-size:1.5em;font-weight:700;line-height:1.25em;margin:0;padding:.75rem .75rem 1.125rem}.w-pay-box__price{font-size:1.75rem;margin-bottom:.875rem;padding:.5rem .875rem}.w-pay-box__price--highlight{background:#f7f7f7}.w-pay-box__price-info{font-size:.85rem}.w-pay-box__price-sub-info{font-size:.75rem}.w-pay-box__action{padding:0 .5rem}.w-pay-box__price-and-action-group{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.w-pay-box__price-and-action-group.w-pay-box-noprice{min-height:inherit}`,p=window&&window.__decorate||function(t,i,e,o){var a,r=arguments.length,s=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(r<3?a(s):r>3?a(i,e,s):a(i,e))||s);return r>3&&s&&Object.defineProperty(i,e,s),s};let d=class extends i{constructor(){super(...arguments),this.col=1,this._isPriceInfo=!1,this._isAction=!1,this._isTitleAvailable=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("loaded","true"),this.loadFonts(),this._children=Array.from(this.children),this._children.forEach(t=>{"title"===t.getAttribute("slot")&&(this._isTitleAvailable=!0),"price-info"===t.getAttribute("slot")&&(this._isPriceInfo=!0),"action"===t.getAttribute("slot")&&(this._isAction=!0)})}loadFonts(){s.loadFonts()}disconnectedCallback(){}firstUpdated(){this.requestUpdate()}get hostClass(){let t="w-pay-box";return t+=` s${this.col}`,t}template(){const t={"w-pay-box__price":!0,"w-pay-box__price--highlight":this.highlightPrice};return e`<div class=${this.hostClass}>
      <div
        class="w-pay-box-container"
        style=${l({maxWidth:this.maxWidth?this.maxWidth:""})}
      >
        <div>
          ${this.title?e`<h4 class="w-pay-box__title">${this.title}</h4>`:null}
          ${!this.title&&this._isTitleAvailable?e`<slot name="title"></slot>`:null}
          <div class="w-pay-box__content">
            <slot></slot>
          </div>
        </div>

        <div class=${n({"w-pay-box__price-and-action-group":!0})}>
          <div class=${n(t)}>
            <slot name="price"></slot>
            <div class="w-pay-box__price-info">
              <slot name="price-condition"></slot>
              ${s.createSlots(this._isPriceInfo,"price-info","w-pay-box__price-sub-info")}
            </div>
          </div>
          ${s.createSlots(this._isAction,"action","w-pay-box__action")}
        </div>
      </div>
    </div>`}render(){return e`${this.template()}`}};d.styles=[c,o],p([r()],d.prototype,"title",void 0),p([r()],d.prototype,"col",void 0),p([r({attribute:"highlight-price"})],d.prototype,"highlightPrice",void 0),p([r({attribute:"max-width"})],d.prototype,"maxWidth",void 0),d=p([a("wu-pay-box")],d);export{d as WipoPayBox};