admin
2 years ago
blocks
2 years ago
components
2 years ago
icon-assets
3 years ago
store
2 years ago
styles
2 years ago
templates
2 years ago
1012.js
2 years ago
1013.js
2 years ago
1071.js
2 years ago
1222.js
2 years ago
1279.js
2 years ago
1375.js
2 years ago
1418.js
2 years ago
1467.js
2 years ago
1567.js
2 years ago
1712.js
2 years ago
1782.js
2 years ago
1897.js
2 years ago
1935.js
2 years ago
1936.js
2 years ago
1972.js
2 years ago
2023.js
2 years ago
2074.js
2 years ago
2107.js
2 years ago
2120.js
2 years ago
2179.js
2 years ago
2321.js
2 years ago
2393.js
2 years ago
2461.js
2 years ago
2518.js
2 years ago
2529.js
2 years ago
253.js
2 years ago
2655.js
2 years ago
2837.js
2 years ago
2850.js
2 years ago
2865.js
2 years ago
2878.js
2 years ago
2885.js
2 years ago
2894.js
2 years ago
294.js
2 years ago
301.js
2 years ago
3093.js
2 years ago
3139.js
2 years ago
3291.js
2 years ago
3328.js
2 years ago
3346.js
2 years ago
3396.js
2 years ago
3419.js
2 years ago
348.js
2 years ago
3590.js
2 years ago
3684.js
2 years ago
3787.js
2 years ago
3789.js
2 years ago
3829.js
2 years ago
3877.js
2 years ago
3928.js
2 years ago
393.js
2 years ago
3998.js
2 years ago
4006.js
2 years ago
4009.js
2 years ago
4086.js
2 years ago
4127.js
2 years ago
4179.js
2 years ago
4264.js
2 years ago
4372.js
2 years ago
4495.js
2 years ago
4498.js
2 years ago
4527.js
2 years ago
475.js
2 years ago
476.js
2 years ago
4869.js
2 years ago
4917.js
2 years ago
5093.js
2 years ago
515.js
2 years ago
5230.js
2 years ago
5254.js
2 years ago
5397.js
2 years ago
5471.js
2 years ago
5503.js
2 years ago
5585.js
2 years ago
5611.js
2 years ago
5668.js
2 years ago
5703.js
2 years ago
5733.js
2 years ago
5812.js
2 years ago
5825.js
2 years ago
6000.js
2 years ago
6008.js
2 years ago
6021.js
2 years ago
6034.js
2 years ago
6087.js
2 years ago
610.js
2 years ago
6241.js
2 years ago
6274.js
2 years ago
6325.js
2 years ago
6387.js
2 years ago
6425.js
2 years ago
6453.js
2 years ago
648.js
2 years ago
6653.js
2 years ago
6755.js
2 years ago
6756.js
2 years ago
686.js
2 years ago
6886.js
2 years ago
6912.js
2 years ago
6932.js
2 years ago
7245.js
2 years ago
7254.js
2 years ago
7291.js
2 years ago
7313.js
2 years ago
7349.js
2 years ago
7435.js
2 years ago
75.js
2 years ago
7513.js
2 years ago
7578.js
2 years ago
758.js
2 years ago
7624.js
2 years ago
7725.js
2 years ago
7851.js
2 years ago
7893.js
2 years ago
8053.js
2 years ago
8095.js
2 years ago
8148.js
2 years ago
8207.js
2 years ago
8229.js
2 years ago
8270.js
2 years ago
829.js
2 years ago
8360.js
2 years ago
839.js
2 years ago
8516.js
2 years ago
8532.js
2 years ago
854.js
2 years ago
8676.js
2 years ago
868.js
2 years ago
8695.js
2 years ago
8739.js
2 years ago
8923.js
2 years ago
8925.js
2 years ago
8935.js
2 years ago
8942.js
2 years ago
8979.js
2 years ago
9008.js
2 years ago
9017.js
2 years ago
9023.js
2 years ago
903.js
2 years ago
9049.js
2 years ago
9063.js
2 years ago
9093.js
2 years ago
9140.js
2 years ago
9173.js
2 years ago
9210.js
2 years ago
9253.js
2 years ago
9367.js
2 years ago
9372.js
2 years ago
9433.js
2 years ago
9459.js
2 years ago
9537.js
2 years ago
9607.js
2 years ago
9626.js
2 years ago
9640.js
2 years ago
9643.js
2 years ago
965.js
2 years ago
9687.js
2 years ago
9688.js
2 years ago
9691.js
2 years ago
9797.js
2 years ago
9804.js
2 years ago
9846.js
2 years ago
9881.js
2 years ago
9897.js
2 years ago
9969.js
2 years ago
1897.js
1 lines
| 1 | "use strict";(self.webpackChunk_surecart_surecart=self.webpackChunk_surecart_surecart||[]).push([[1897],{1897:function(t,e,a){a.r(e),a.d(e,{sc_tab_group:function(){return l}});var n=a(9394),i=a(3029),s=a(2901),r=a(1346),l=function(){return(0,s.A)((function t(e){(0,i.A)(this,t),(0,r.r)(this,e),this.scTabHide=(0,r.c)(this,"scTabHide",7),this.scTabShow=(0,r.c)(this,"scTabShow",7),this.tabs=[],this.panels=[],this.activeTab=void 0}),[{key:"componentDidLoad",value:function(){var t=this;this.syncTabsAndPanels(),this.setAriaLabels(),this.setActiveTab(this.getActiveTab()||this.tabs[0],{emitEvents:!1}),this.mutationObserver=new MutationObserver((function(){t.syncTabsAndPanels()})),this.mutationObserver.observe(this.el,{attributes:!0,childList:!0,subtree:!0})}},{key:"disconnectedCallback",value:function(){this.mutationObserver.disconnect()}},{key:"syncTabsAndPanels",value:function(){this.tabs=this.getAllTabs(),this.panels=this.getAllPanels()}},{key:"setAriaLabels",value:function(){var t=this;this.tabs.map((function(e){var a=t.panels.find((function(t){return t.name===e.panel}));a&&(e.setAttribute("aria-controls",a.getAttribute("id")),a.setAttribute("aria-labelledby",e.getAttribute("id")))}))}},{key:"handleClick",value:function(t){var e=t.target.closest("sc-tab");(null==e?void 0:e.closest("sc-tab-group"))===this.el&&e&&this.setActiveTab(e,{scrollBehavior:"smooth"})}},{key:"handleKeyDown",value:function(t){var e=t.target.closest("sc-tab");if((null==e?void 0:e.closest("sc-tab-group"))!==this.el)return!0;if(["Enter"," "].includes(t.key)&&e&&this.setActiveTab(e,{scrollBehavior:"smooth"}),["ArrowUp","ArrowDown","Home","End"].includes(t.key)){var a=document.activeElement;if(a&&"sc-tab"===a.tagName.toLowerCase()){var n=this.tabs.indexOf(a);"Home"===t.key?n=0:"End"===t.key?n=this.tabs.length-1:"ArrowUp"===t.key?n=Math.max(0,n-1):"ArrowDown"===t.key&&(n=Math.min(this.tabs.length-1,n+1)),this.tabs[n].triggerFocus({preventScroll:!0}),t.preventDefault()}}}},{key:"setActiveTab",value:function(t,e){var a=this;if(e=Object.assign({emitEvents:!0,scrollBehavior:"auto"},e),t&&t!==this.activeTab&&!t.disabled){var n=this.activeTab;this.activeTab=t,this.tabs.map((function(t){return t.active=t===a.activeTab})),this.panels.map((function(t){return t.active=t.name===a.activeTab.panel})),e.emitEvents&&(n&&this.scTabHide.emit(n.panel),this.scTabShow.emit(this.activeTab.panel))}}},{key:"getActiveTab",value:function(){return this.getAllTabs().find((function(t){return t.active}))}},{key:"getAllChildren",value:function(){var t=this.el.shadowRoot.querySelectorAll("slot"),e=["sc-tab","sc-tab-panel"];return Array.from(t).map((function(t){var e;return null===(e=null==t?void 0:t.assignedElements)||void 0===e?void 0:e.call(t,{flatten:!0})})).flat().reduce((function(t,e){var a;return t.concat(e,(0,n.A)((null===(a=null==e?void 0:e.querySelectorAll)||void 0===a?void 0:a.call(e,"*"))||[]))}),[]).filter((function(t){var a,n;return e.includes(null===(n=null===(a=null==t?void 0:t.tagName)||void 0===a?void 0:a.toLowerCase)||void 0===n?void 0:n.call(a))}))}},{key:"getAllTabs",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.getAllChildren().filter((function(e){return t?"sc-tab"===e.tagName.toLowerCase():"sc-tab"===e.tagName.toLowerCase()&&!e.disabled}))}},{key:"getAllPanels",value:function(){return this.getAllChildren().filter((function(t){return"sc-tab-panel"===t.tagName.toLowerCase()}))}},{key:"render",value:function(){var t=this;return(0,r.h)("div",{key:"bd4404064d90bc518a2676c423c68e5a74a73c19",part:"base",class:{"tab-group":!0},onClick:function(e){return t.handleClick(e)},onKeyDown:function(e){return t.handleKeyDown(e)}},(0,r.h)("div",{key:"16faa38626e138009f6f9e0134b891d63fd2482b",class:"tab-group__nav-container",part:"nav"},(0,r.h)("div",{key:"093acb2394e266ce32ef29555d6f3c2d22c1932d",class:"tab-group__nav"},(0,r.h)("div",{key:"2bf6fb02d2d01705618360e4e6621d40581f23d1",part:"tabs",class:"tab-group__tabs",role:"tablist"},(0,r.h)("slot",{key:"ec30092ba8758c2349a167b0fbd283e3f1951326",onSlotchange:function(){return t.syncTabsAndPanels()},name:"nav"})))),(0,r.h)("div",{key:"e667059af49ac01a5f8f599f20399080ae7aa624",part:"body",class:"tab-group__body"},(0,r.h)("slot",{key:"9751d3cd67e6b2f248bb061bb8b65bacea8f2d63",onSlotchange:function(){return t.syncTabsAndPanels()}})))}},{key:"el",get:function(){return(0,r.a)(this)}}])}();l.style=":host{display:block;--sc-tabs-min-width:225px}.tab-group{display:flex;flex-wrap:wrap;position:relative;border:solid 1px transparent;border-radius:0;flex-direction:row}@media screen and (min-width: 750px){.tab-group{flex-wrap:nowrap}}.tab-group__tabs{display:flex;flex-wrap:wrap;flex:0 0 auto;flex-direction:column;margin-bottom:var(--sc-spacing-xx-large)}.tab-group__nav-container{order:1;flex:1 0 100%}@media screen and (min-width: 750px){.tab-group__nav-container{min-width:var(--sc-tabs-min-width);flex:0 1 auto}}.tab-group__body{flex:1 1 auto;order:2}@media screen and (min-width: 750px){.tab-group__body{padding:0 var(--sc-spacing-xx-large)}}::slotted(sc-tab){margin-bottom:var(--sc-spacing-xx-small)}"}}]); |