JezK

Edit File: 1935.js

"use strict";(self.webpackChunk_surecart_surecart=self.webpackChunk_surecart_surecart||[]).push([[1935],{71935:function(t,o,r){r.r(o),r.d(o,{sc_cc_logo:function(){return p},sc_tooltip:function(){return s}});var e=r(64467),i=r(23029),l=r(92901),n=r(27364);function a(t,o){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),r.push.apply(r,e)}return r}function c(t){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?a(Object(r),!0).forEach((function(o){(0,e.A)(t,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(r,o))}))}return t}var p=function(){return(0,l.A)((function t(o){(0,i.A)(this,t),(0,n.r)(this,o),this.brand=void 0}),[{key:"renderLogo",value:function(){return["visa","mastercard","amex","discover","diners","jcb","unionpay"].includes(this.brand)?(0,n.h)("sc-icon",{name:this.brand,style:{"--height":"0.63em"}}):(0,n.h)("sc-icon",{name:"creditcard",style:{"--height":"0.63em"}})}},{key:"render",value:function(){return(0,n.h)("div",{key:"70dfcc0901b36f91173a1a317dc3169c2489b2b7",class:"cc-logo",part:"base"},this.renderLogo())}}])}();p.style=":host{display:inline-block}.cc-logo{border-radius:var(--sc-cc-border-radius, 4px);line-height:0;overflow:hidden}";var s=function(){return(0,l.A)((function t(o){(0,i.A)(this,t),(0,n.r)(this,o),this.open=void 0,this.width=void 0,this.text=void 0,this.freeze=void 0,this.padding=5,this.type="info",this.placement="top",this.top=-1e4,this.left=-1e4}),[{key:"componentDidRender",value:function(){this.handleWindowScroll()}},{key:"handleWindowScroll",value:function(){if(this.open&&this.tooltip){var t,o,r=this.tooltip.getBoundingClientRect(),e=this.el.getBoundingClientRect();"bottom"===this.placement?(t=e.bottom+this.padding,o=e.left+e.width/2-r.width/2):"left"===this.placement?(t=e.top+e.height/2-r.height/2,o=e.left-r.width-this.padding):"right"===this.placement?(t=e.top+e.height/2-r.height/2,o=e.right+this.padding):(t=e.top-(r.height+this.padding),o=e.left+e.width/2-r.width/2+this.padding);var i=document.documentElement.clientWidth-r.width-8;"top"!==this.placement&&"bottom"!==this.placement||(o>i?o=e.right-r.width:o<8&&(o=e.left)),this.top=t,this.left=Math.min(Math.max(o,8),Math.max(i,8))}}},{key:"handleBlur",value:function(){this.freeze||(this.open=!1)}},{key:"handleClick",value:function(){this.freeze||(this.open=!0)}},{key:"handleFocus",value:function(){this.freeze||(this.open=!0)}},{key:"handleMouseOver",value:function(){this.freeze||(this.open=!0)}},{key:"handleMouseOut",value:function(){this.freeze||(this.open=!1)}},{key:"render",value:function(){var t=this;return this.text?(0,n.h)("span",{part:"base",class:{tooltip:!0,"tooltip--primary":"primary"===this.type,"tooltip--success":"success"===this.type,"tooltip--info":"info"===this.type,"tooltip--warning":"warning"===this.type,"tooltip--danger":"danger"===this.type,"tooltip--dark":"dark"===this.type,"tooltip--top":"top"===this.placement,"tooltip--bottom":"bottom"===this.placement,"tooltip--left":"left"===this.placement,"tooltip--right":"right"===this.placement,"tooltip--has-width":!!this.width},onClick:function(){return t.handleClick()},onBlur:function(){return t.handleBlur()},onFocus:function(){return t.handleFocus()},onMouseOver:function(){return t.handleMouseOver()},onMouseOut:function(){return t.handleMouseOut()}},(0,n.h)("slot",null),!!this.open&&(0,n.h)("div",{part:"text",ref:function(o){return t.tooltip=o},class:"tooltip-text",style:c({top:"".concat(this.top,"px"),left:"".concat(this.left,"px")},this.width?{"--sc-tooltip-width":this.width}:{})},this.text)):(0,n.h)("slot",null)}},{key:"el",get:function(){return(0,n.a)(this)}}])}();s.style='.tooltip{position:relative}.tooltip--has-width .tooltip-text{white-space:normal;min-width:var(--sc-tooltip-width);max-width:var(--sc-tooltip-width)}.tooltip-text{position:fixed;background:var(--sc-color-gray-900);border-radius:var(--sc-border-radius-small);padding:var(--sc-spacing-small);font-family:var(--sc-input-font-family);font-size:var(--sc-input-font-size-small);white-space:nowrap;line-height:1.2;color:var(--sc-color-white);z-index:99999}.tooltip-text:after{content:"";position:absolute;height:0;width:0;border:7px solid transparent}.tooltip--top .tooltip-text:after{top:calc(100% - 1px);left:50%;transform:translateX(-50%);border-top-color:var(--sc-color-gray-900)}.tooltip--bottom .tooltip-text:after{bottom:calc(100% - 1px);left:50%;transform:translateX(-50%);border-bottom-color:var(--sc-color-gray-900)}.tooltip--left .tooltip-text:after{left:calc(100% - 1px);top:50%;transform:translateY(-50%);border-left-color:var(--sc-color-gray-900)}.tooltip--right .tooltip-text:after{right:calc(100% - 1px);top:50%;transform:translateY(-50%);border-right-color:var(--sc-color-gray-900)}.tooltip--primary .tooltip-text{background:var(--sc-color-primary-500)}.tooltip--primary.tooltip--top .tooltip-text:after{border-top-color:var(--sc-color-primary-500)}.tooltip--primary.tooltip--bottom .tooltip-text:after{border-bottom-color:var(--sc-color-primary-500)}.tooltip--primary.tooltip--left .tooltip-text:after{border-left-color:var(--sc-color-primary-500)}.tooltip--primary.tooltip--right .tooltip-text:after{border-right-color:var(--sc-color-primary-500)}.tooltip--success .tooltip-text{background:var(--sc-color-success-500)}.tooltip--success.tooltip--top .tooltip-text:after{border-top-color:var(--sc-color-success-500)}.tooltip--success.tooltip--bottom .tooltip-text:after{border-bottom-color:var(--sc-color-success-500)}.tooltip--success.tooltip--left .tooltip-text:after{border-left-color:var(--sc-color-success-500)}.tooltip--success.tooltip--right .tooltip-text:after{border-right-color:var(--sc-color-success-500)}.tooltip--info .tooltip-text{background:var(--sc-color-info-500)}.tooltip--info.tooltip--top .tooltip-text:after{border-top-color:var(--sc-color-info-500)}.tooltip--info.tooltip--bottom .tooltip-text:after{border-bottom-color:var(--sc-color-info-500)}.tooltip--info.tooltip--left .tooltip-text:after{border-left-color:var(--sc-color-info-500)}.tooltip--info.tooltip--right .tooltip-text:after{border-right-color:var(--sc-color-info-500)}.tooltip--warning .tooltip-text{background:var(--sc-color-warning-500)}.tooltip--warning.tooltip--top .tooltip-text:after{border-top-color:var(--sc-color-warning-500)}.tooltip--warning.tooltip--bottom .tooltip-text:after{border-bottom-color:var(--sc-color-warning-500)}.tooltip--warning.tooltip--left .tooltip-text:after{border-left-color:var(--sc-color-warning-500)}.tooltip--warning.tooltip--right .tooltip-text:after{border-right-color:var(--sc-color-warning-500)}.tooltip--danger .tooltip-text{background:var(--sc-color-danger-500)}.tooltip--danger.tooltip--top .tooltip-text:after{border-top-color:var(--sc-color-danger-500)}.tooltip--danger.tooltip--bottom .tooltip-text:after{border-bottom-color:var(--sc-color-danger-500)}.tooltip--danger.tooltip--left .tooltip-text:after{border-left-color:var(--sc-color-danger-500)}.tooltip--danger.tooltip--right .tooltip-text:after{border-right-color:var(--sc-color-danger-500)}.tooltip--dark .tooltip-text{background:#1e1e1e;color:#ffffff;padding:4px 8px;font-size:12px;border-radius:2px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.06)}.tooltip--dark .tooltip-text:after{display:none}'}}]);