JezK

Edit File: 2655.js

"use strict";(self.webpackChunk_surecart_surecart=self.webpackChunk_surecart_surecart||[]).push([[2655],{14493:function(a,e,t){function s(){return"rtl"===document.dir}t.d(e,{i:function(){return s}})},72655:function(a,e,t){t.r(e),t.d(e,{sc_tab:function(){return b}});var s=t(10467),i=t(23029),r=t(92901),c=t(89280),n=t.n(c),o=t(27364),l=t(14493),f=0,b=function(){return(0,r.A)((function a(e){(0,i.A)(this,a),(0,o.r)(this,e),this.scClose=(0,o.c)(this,"scClose",7),this.componentId="tab-".concat(++f),this.panel="",this.href=void 0,this.active=!1,this.disabled=!1,this.count=void 0,this.hasPrefix=!1,this.hasSuffix=!1}),[{key:"triggerFocus",value:(e=(0,s.A)(n().mark((function a(e){return n().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:this.tab.focus(e);case 1:case"end":return a.stop()}}),a,this)}))),function(_x){return e.apply(this,arguments)})},{key:"triggerBlur",value:(a=(0,s.A)(n().mark((function a(){return n().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:this.tab.blur();case 1:case"end":return a.stop()}}),a,this)}))),function(){return a.apply(this,arguments)})},{key:"handleSlotChange",value:function(){this.hasPrefix=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffix=!!this.el.querySelector('[slot="suffix"]')}},{key:"render",value:function(){var a=this;this.el.id=this.el.id||this.componentId;var e=this.href?"a":"div";return(0,o.h)(e,{key:"d59a2867f77b7b44929030bb09ea96006c67e953",part:"base ".concat(this.active?"active":""),href:this.href,class:{tab:!0,"tab--active":this.active,"tab--disabled":this.disabled,"tab--has-prefix":this.hasPrefix,"tab--has-suffix":this.hasSuffix,"tab--is-rtl":(0,l.i)()},ref:function(e){return a.tab=e},role:"tab","aria-disabled":this.disabled?"true":"false","aria-selected":this.active?"true":"false",tabindex:this.disabled?"-1":"0"},(0,o.h)("span",{key:"aa7f7a332cdbb56ad67023dd8566351d2789f6ac",part:"prefix",class:"tab__prefix"},(0,o.h)("slot",{key:"9b2fd6a64e7ac280b42b561733ea3c7eaf45b4ee",onSlotchange:function(){return a.handleSlotChange()},name:"prefix"})),(0,o.h)("div",{key:"940ebb2134c1d111287b3eba53e2bef31cde0ee9",class:"tab__content",part:"content"},(0,o.h)("slot",{key:"8471b332d4e199e595698e763a59168cb4ed05e2"})),(0,o.h)("span",{key:"9c96223519ed7eb896b90fdb5c19adb73a80ab52",part:"suffix",class:"tab__suffix"},(0,o.h)("slot",{key:"f5c2b14e979c107ec91ba2e4d1884e6cf97b0eb3",onSlotchange:function(){return a.handleSlotChange()},name:"suffix"})),(0,o.h)("slot",{key:"d00c5addd212c74eda441f7b726ccd42691f52a6",name:"suffix"},!!this.count&&(0,o.h)("div",{key:"ec20397f26769ec8d48b9f075ab2b4b7d9f78551",class:"tab__counter",part:"counter"},this.count)))}},{key:"el",get:function(){return(0,o.a)(this)}}]);var a,e}();b.style=":host{display:block}.tab{font-family:var(--sc-font-sans);color:var(--sc-color-gray-600);display:flex;align-items:center;justify-content:flex-start;line-height:1;padding:var(--sc-spacing-small) var(--sc-spacing-small);font-size:var(--sc-font-size-medium);font-weight:var(--sc-font-weight-semibold);border-radius:var(--sc-border-radius-small);cursor:pointer;transition:color 0.35s ease, background-color 0.35s ease;user-select:none;text-decoration:none}.tab.tab--active,.tab:hover{color:var(--sc-tab-active-color, var(--sc-color-gray-900));background-color:var(--sc-tab-active-background, var(--sc-color-gray-100))}.tab.tab--disabled{cursor:not-allowed;color:var(--sc-color-gray-400)}.tab__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--sc-line-height-dense)}.tab__prefix,.tab__suffix{flex:0 0 auto;display:flex;align-items:center}.tab__suffix{margin-left:auto}.tab__counter{background:var(--sc-color-gray-200);display:inline-block;padding:var(--sc-spacing-xx-small) var(--sc-spacing-small);border-radius:var(--sc-border-radius-pill);font-size:var(--sc-font-size-small);text-align:center;line-height:1;transition:color 0.35s ease, background-color 0.35s ease}.tab.tab--active .tab__counter,.tab:hover .tab__counter{background:var(--sc-color-white)}.tab--has-prefix{padding-left:var(--sc-spacing-small)}.tab--has-prefix .tab__content{padding-left:var(--sc-spacing-small)}.tab--has-suffix{padding-right:var(--sc-spacing-small)}.tab--has-suffix .tab__label{padding-right:var(--sc-spacing-small)}.tab--is-rtl.tab--has-prefix .tab__content{padding-left:0;padding-right:var(--sc-spacing-small)}"}}]);