p-471ff6aa.entry.js

/*!
 * Built by BASIS
 * Copyright BASIS International Ltd.
 */
import{r as t,c as e,h as a,H as o,g as i,a as r}from"./p-0e3693b5.js";import{s as n,g as s,d as c}from"./p-89a330bf.js";import{h as d}from"./p-3e9fe89f.js";let h=0;const l=class{constructor(a){t(this,a),this.focusedEvent=e(this,"dwc-focused",7),this.blurredEvent=e(this,"dwc-blurred",7),this.closedEvent=e(this,"dwc-tab-closed",7),this.tabId="tab-"+ ++h,this.active=!1,this.closable=!1,this.disabled=!1,this.expanse="m",this.hasFocus=!1,this.label="",this.panel="",this.tabTraversable=0,this.theme="default"}connectedCallback(){this.handleFocus=this.handleFocus.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleClose=this.handleClose.bind(this)}componentDidLoad(){null!=window.applyFocusVisiblePolyfill&&window.applyFocusVisiblePolyfill(this.el.shadowRoot)}async setFocus(){this.$tab.focus()}async removeFocus(){this.$tab.blur()}handleFocus(){!this.disabled&&this.active&&(this.hasFocus=!0,this.focusedEvent.emit())}handleBlur(){!this.disabled&&this.active&&(this.hasFocus=!1,this.blurredEvent.emit())}handleClose(t){t.preventDefault(),this.closedEvent.emit()}render(){return a(o,{key:"aa2ee62b21c16fd3ce93b9b57ee387689e0b3c30",id:this.el.id||this.tabId},a("div",{key:"e293a1a765cbfde01ef01e292056683f37b32166",ref:t=>this.$tab=t,part:"control",role:"tab","aria-disabled":this.disabled?"true":"false","aria-selected":this.active?"true":"false",tabindex:this.disabled||!this.active?-1:this.tabTraversable,onFocus:this.handleFocus,onBlur:this.handleBlur},a("div",{key:"b319a356ec3632e8cfae25c01d06ae2caa88bcab",part:"tab-wrapper"},a("div",{key:"9268cd52289b050612b08d394afa2bf30571f8d5",part:"prefix"},a("slot",{key:"61b28a88491db659d069988ab60fc9423948c2fd",name:"prefix"})),a("div",{key:"ff4bab3cb17691fc7840d735374c435be393be77",part:"label",innerHTML:this.label},a("slot",{key:"d5b39b6345cc9302ba8b7f090c50184bf6d620cd"})),a("div",{key:"de5e19d4a51704337477596dc5cb36ab2e80ccbc",part:"suffix"},a("slot",{key:"ba891212ba8e4ac2c25e7652941be1ee86edb21c",name:"suffix"}))),this.closable&&a("dwc-icon-button",{key:"9cc579c16c1dff82779a6484a2763ac232313e18",part:"close-button",pool:"dwc",name:"icon-x",theme:this.theme,disabled:this.disabled,onClick:this.handleClose,tabTraversable:-1})))}get el(){return i(this)}};l.style="@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important}}:host{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{display:block;height:var(--dwc-tab-height, auto)}[part=control]{align-items:center;background:var(--dwc-tab-background, transparent);border:var(--dwc-tab-border, var(--dwc-border-width) var(--dwc-border-style) transparent);border-radius:var(--dwc-border-radius);color:var(--dwc-tab-color, currentColor);cursor:var(--dwc-cursor-click);display:inline-flex;font-family:inherit;font-size:inherit;gap:var(--dwc-space-xs);padding:var(--dwc-space-xs);transition:var(--dwc-transition-fast) box-shadow;user-select:none;vertical-align:middle;white-space:nowrap;width:100%}[part=control]:focus{outline:none}:host(:not([disabled])) [part=control].focus-visible{border-color:var(--dwc-tab-focus-border-color, var(--dwc-border-color-default));box-shadow:var(--dwc-tab-focus-ring, var(--dwc-focus-ring-default))}:host(:not([disabled])) [part=control]:hover{background:var(--dwc-tab-hover-background, transparent)}:host(:not([disabled])) [part=control]:hover [part=label]{color:var(--dwc-tab-hover-color, var(--dwc-color-primary-text-light))}:host([active]:not([disabled])) [part=control]{background:var(--dwc-tab-active-background, transparent)}:host([active]:not([disabled])) [part=label]{color:var(--dwc-tab-active-color, var(--dwc-color-primary-text))}[part=tab-wrapper]{align-items:center;display:inline-flex;flex:1 1 auto;font-weight:var(--dwc-tab-font-weight, var(--dwc-font-weight-semibold));gap:var(--dwc-space-s);justify-content:var(--dwc-tab-wrapper-justify-content, start);order:var(--dwc-tab-wrapper-order, 1);position:relative;transform:translateZ(0);transition:var(--dwc-transition) color}[part=label]{align-items:center;display:inline-flex;gap:var(--dwc-space-xs)}[part=prefix],[part=suffix],[part=close-button]{--dwc-icon-size:1.3em;cursor:default;line-height:normal}[part=prefix] ::slotted(dwc-icon),[part=prefix] ::slotted(dwc-icon-button),[part=suffix] ::slotted(dwc-icon),[part=suffix] ::slotted(dwc-icon-button),[part=close-button] ::slotted(dwc-icon),[part=close-button] ::slotted(dwc-icon-button){display:inline-flex}:host ::slotted(img[slot=prefix]),:host ::slotted(img[slot=suffix]){align-items:center;display:inline-flex;flex:0 0 auto;height:var(--dwc-icon-size);vertical-align:middle;width:var(--dwc-icon-size)}[part=close-button]{color:var(--dwc-tab-close-button-color, var(--dwc-color-body-text));display:inline-flex;order:var(--dwc-tab-close-button-order, 2);padding:var(--dwc-tab-close-button-padding, 0);transition:var(--dwc-transition) color}:host([disabled]) [part=control]{cursor:var(--dwc-disabled-cursor);opacity:var(--dwc-disabled-opacity);user-select:none}:host([disabled]) [part=control] *{cursor:var(--dwc-disabled-cursor);user-select:none}:host([theme=success]){--dwc-tab-hover-color:var(--dwc-color-success-text-light);--dwc-tab-active-color:var(--dwc-color-success-text)}:host([theme=warning]){--dwc-tab-hover-color:var(--dwc-color-warning-text-light);--dwc-tab-active-color:var(--dwc-color-warning-text)}:host([theme=danger]){--dwc-tab-hover-color:var(--dwc-color-danger-text-light);--dwc-tab-active-color:var(--dwc-color-danger-text)}:host([theme=info]){--dwc-tab-hover-color:var(--dwc-color-info-text-light);--dwc-tab-active-color:var(--dwc-color-info-text)}:host([theme=gray]){--dwc-tab-hover-color:var(--dwc-color-gray-text-light);--dwc-tab-active-color:var(--dwc-color-gray-text)}:host([expanse=xl]){font-size:var(--dwc-font-size-xl);line-height:var(--dwc-font-line-height-xl)}:host([expanse=l]){font-size:var(--dwc-font-size-l);line-height:var(--dwc-font-line-height-l)}:host([expanse=m]){font-size:var(--dwc-font-size-m);line-height:var(--dwc-font-line-height-m)}:host([expanse=s]){font-size:var(--dwc-font-size-s);line-height:var(--dwc-font-line-height-s)}:host([expanse=xs]){font-size:var(--dwc-font-size-xs);line-height:var(--dwc-font-line-height-xs)}";let b=0;const p=class{constructor(a){t(this,a),this.focusedEvent=e(this,"dwc-focused",7),this.blurredEvent=e(this,"dwc-blurred",7),this.panelId="tab-panel-"+ ++b,this.active=!1,this.hasFocus=!1,this.name="",this.tabTraversable=0,this.theme="default"}connectedCallback(){this.handleFocus=this.handleFocus.bind(this),this.handleBlur=this.handleBlur.bind(this)}componentDidLoad(){null!=window.applyFocusVisiblePolyfill&&window.applyFocusVisiblePolyfill(this.el.shadowRoot)}async setFocus(){this.$control.focus()}async removeFocus(){this.$control.blur()}handleFocus(){this.active&&(this.hasFocus=!0,this.focusedEvent.emit())}handleBlur(){this.active&&(this.hasFocus=!1,this.blurredEvent.emit())}render(){return a(o,{key:"32ec70eaeca35a1609e2596a88da5c3cd08f5bfe",id:this.el.id||this.panelId},a("div",{key:"dc12c79fa2be14fd32f12c5be2d258e646306df4",ref:t=>this.$control=t,role:"tabpanel",part:"control",tabindex:this.active?this.tabTraversable:-1,hidden:!this.active,"aria-hidden":this.active?"false":"true",onFocus:this.handleFocus,onBlur:this.handleBlur},a("slot",{key:"a52b98d8812496d810f4cf1c1efc37455760dfe2"})))}get el(){return i(this)}};p.style="@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important}}:host{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{display:inline;position:relative;z-index:3}:host([active]){display:block}[part=control]{border:var(--dwc-tab-panel-border, var(--dwc-border-width) var(--dwc-border-style) transparent);border-color:transparent;border-radius:var(--dwc-border-radius);border-style:var(--dwc-border-style);height:0;opacity:0;outline:none;overflow:hidden;position:relative;width:0}[part=control].focus-visible{border-color:var(--dwc-tab-panel-focus-border-color, var(--dwc-border-color-default));box-shadow:var(--dwc-tab-panel-focus-ring, var(--dwc-focus-ring-default))}:host([active]) [part=control]{height:100%;max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit;opacity:1;overflow:auto;width:100%}:host([theme=success]){--dwc-tab-panel-focus-border-color:var(--dwc-border-color-success);--dwc-tab-panel-focus-ring:var(--dwc-focus-ring-success)}:host([theme=warning]){--dwc-tab-panel-focus-border-color:var(--dwc-border-color-warning);--dwc-tab-panel-focus-ring:var(--dwc-focus-ring-warning)}:host([theme=danger]){--dwc-tab-panel-focus-border-color:var(--dwc-border-color-danger);--dwc-tab-panel-focus-ring:var(--dwc-focus-ring-danger)}:host([theme=info]){--dwc-tab-panel-focus-border-color:var(--dwc-border-color-info);--dwc-tab-panel-focus-ring:var(--dwc-focus-ring-info)}:host([theme=gray]){--dwc-tab-panel-focus-border-color:var(--dwc-border-color-gray);--dwc-tab-panel-focus-ring:var(--dwc-focus-ring-gray)}";var f={exports:{}};!function(t){var e=Object.assign||function(t){for(var e,a=1;a<arguments.length;a++)for(var o in e=arguments[a])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},a=function(t,a){if(t){"undefined"!=typeof window&&function(){function t(t,e){e=e||{bubbles:!1,cancelable:!1,detail:void 0};var a=document.createEvent("CustomEvent");return a.initCustomEvent(t,e.bubbles,e.cancelable,e.detail),a}"function"!=typeof window.CustomEvent&&(t.prototype=window.Event.prototype,window.CustomEvent=t)}(),a||(a={}),a=e({},{minHorizontal:10,minVertical:10,deltaHorizontal:3,deltaVertical:5,preventScroll:!1,lockAxis:!0,touch:!0,mouse:!0},a);var o=[],i=!1,r=function(){i=!0},n=function(t){i=!1,c(t)},s=function(t){i&&(t.changedTouches=[{clientX:t.clientX,clientY:t.clientY}],d(t))};a.mouse&&(t.addEventListener("mousedown",r),t.addEventListener("mouseup",n),t.addEventListener("mousemove",s));var c=function(i){var r=Math.abs,n=Math.max,s=Math.min;if(o.length){for(var c="function"==typeof TouchEvent&&i instanceof TouchEvent,d=[],h=[],l={top:!1,right:!1,bottom:!1,left:!1},b=0;b<o.length;b++)d.push(o[b].x),h.push(o[b].y);var p=d[0],f=d[d.length-1],v=h[0],w=h[h.length-1],u={x:[p,f],y:[v,w]};if(1<o.length){var m={detail:e({touch:c,target:i.target},u)},g=new CustomEvent("swiperelease",m);t.dispatchEvent(g)}var y=d[0]-d[d.length-1],x="none";x=0<y?"left":"right";var k=s.apply(Math,d),z=n.apply(Math,d);if(r(y)>=a.minHorizontal&&("left"==x?r(k-d[d.length-1])<=a.deltaHorizontal&&(l.left=!0):"right"==x&&r(z-d[d.length-1])<=a.deltaHorizontal&&(l.right=!0)),x="none",x=0<(y=h[0]-h[h.length-1])?"top":"bottom",k=s.apply(Math,h),z=n.apply(Math,h),r(y)>=a.minVertical&&("top"==x?r(k-h[h.length-1])<=a.deltaVertical&&(l.top=!0):"bottom"==x&&r(z-h[h.length-1])<=a.deltaVertical&&(l.bottom=!0)),o=[],l.top||l.right||l.bottom||l.left){a.lockAxis&&((l.left||l.right)&&r(p-f)>r(v-w)?l.top=l.bottom=!1:(l.top||l.bottom)&&r(p-f)<r(v-w)&&(l.left=l.right=!1));var C={detail:e({directions:l,touch:c,target:i.target},u)},S=new CustomEvent("swipe",C);t.dispatchEvent(S)}else{var T=new CustomEvent("swipecancel",{detail:e({touch:c,target:i.target},u)});t.dispatchEvent(T)}}},d=function(e){var i=e.changedTouches[0];if(o.push({x:i.clientX,y:i.clientY}),1<o.length){var r={detail:{x:[o[0].x,o[o.length-1].x],y:[o[0].y,o[o.length-1].y],touch:"function"==typeof TouchEvent&&e instanceof TouchEvent,target:e.target}},n=new CustomEvent("swiping",r);(!0===a.preventScroll||"function"==typeof a.preventScroll&&a.preventScroll(n))&&e.preventDefault(),t.dispatchEvent(n)}},h=!1;try{var l=Object.defineProperty({},"passive",{get:function(){h={passive:!a.preventScroll}}});window.addEventListener("testPassive",null,l),window.removeEventListener("testPassive",null,l)}catch(t){}return a.touch&&(t.addEventListener("touchmove",d,h),t.addEventListener("touchend",c)),{off:function(){t.removeEventListener("touchmove",d,h),t.removeEventListener("touchend",c),t.removeEventListener("mousedown",r),t.removeEventListener("mouseup",n),t.removeEventListener("mousemove",s)}}}};t.exports=a,t.exports.default=a}(f);const v=f.exports,w=class{constructor(a){t(this,a),this.selectedEvent=e(this,"dwc-tab-selected",7),this.deselectedEvent=e(this,"dwc-tab-deselected",7),this.ticking=!1,this.canScrollLeft=!1,this.canScrollRight=!1,this.canScrollTop=!1,this.canScrollBottom=!1,this.isEmpty=!1,this.activation="auto",this.alignment="auto",this.disabled=void 0,this.expanse="m",this.hideActiveIndicator=!1,this.label="",this.nobody=!1,this.borderless=!1,this.placement="top",this.removal="manual",this.theme="default",this.scrollBehaviour="instant",this.selected=0,this.swiping=!1,this.swipeWithTouch=!0,this.swipeWithMouse=!1,this.swipePreventScroll=t=>t.cancelable,this.swipeable=!1}onPlacementChanged(){this.setActiveTab(this.selected)}onSelectedChanged(t,e){if(t!==e){const a=this.getTabsList();t>=0&&t<a.length?this.setActiveTab(t):this.selected=e}}onSwipeOptionsChanged(){this.updateSwipeListener()}onPropertiesChanged(){this.syncProperties()}connectedCallback(){this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleScroll=this.handleScroll.bind(this),this.handleScrollLeft=this.handleScrollLeft.bind(this),this.handleScrollRight=this.handleScrollRight.bind(this),this.handleScrollTop=this.handleScrollTop.bind(this),this.handleScrollBottom=this.handleScrollBottom.bind(this),this.handleTabsSlotChange=this.handleTabsSlotChange.bind(this),this.handlePanelsSlotChange=this.handlePanelsSlotChange.bind(this),this.handleSwipe=this.handleSwipe.bind(this)}componentDidLoad(){this.updateSwipeListener(),window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.handleScroll())),this.resizeObserver.observe(this.el),this.resizeObserver.observe(this.$nav)),requestAnimationFrame((()=>this.handleScroll())),window.MutationObserver&&(this.mutationObserver=new MutationObserver((()=>{this.$activeTab&&this.getPanelsList().forEach((t=>t.active=t.name===this.$activeTab.panel)),this.$tabs&&this.handleScroll()})),this.mutationObserver.observe(this.el,{attributes:!0,childList:!0,subtree:!0}))}handleTabClose(t){"auto"===this.removal&&(t.preventDefault(),this.doRemoveTab(t.target,!0))}async setFocus(){const t=this.getTabsList();let e=t.find((t=>t.active));e||(e=t.find((t=>!t.disabled))),e&&e.setFocus()}async removeFocus(){const t=this.getTabsList().find((t=>t.active));t&&t.removeFocus()}async select(t,e=!0){const a=this.getTabsList();let o;t instanceof HTMLElement?o=a.indexOf(t):"string"==typeof t?o=a.indexOf(a.find((e=>e.panel===t))):t>=0&&t<a.length&&(o=t),o>=0&&o<a.length&&this.setActiveTab(o,e)}async removeTab(t,e=!0){this.doRemoveTab(t,e)}getTabsList(t=!0){return Array.from(this.el.querySelectorAll("dwc-tab")).filter((e=>!!t||!e.disabled))}getPanelsList(){return Array.from(this.el.querySelectorAll("dwc-tab-panel"))}getActiveTab(){return this.getTabsList(!1).find((t=>t.active))}findTab(t){let e=t;if(!(e instanceof HTMLElement)){const a=this.getTabsList();isNaN(t-parseFloat(t))?e=a.find((e=>e.panel===t)):t>=0&&t<a.length&&(e=a[t])}return e}setActiveTab(t,e=!1){const a=this.findTab(t);if(a&&a instanceof HTMLElement&&a!==this.$activeTab&&!a.disabled){const t=this.$activeTab;this.$activeTab=a;const o=this.getTabsList();o.forEach((t=>t.active=t===this.$activeTab)),this.getPanelsList().forEach((t=>t.active=t.name===this.$activeTab.panel)),this.positionActiveTabIndicator(),requestAnimationFrame((()=>{n(this.$activeTab,this.$nav,{block:"center",inline:"center",behavior:this.scrollBehaviour,preferNativeScrollIfNeeded:!1})})),e&&(this.selected=o.indexOf(this.$activeTab),t&&this.deselectedEvent.emit({index:o.indexOf(t),tab:t}),this.selectedEvent.emit({index:o.indexOf(this.$activeTab),tab:this.$activeTab}))}}doRemoveTab(t,e=!0){const a=this.findTab(t);if(a&&a instanceof HTMLElement)try{if(e){const t=this.getPanelsList().find((t=>t.name===a.panel));t&&t.remove()}if(a.active&&this.getTabsList().length){const t=this.getTabsList();let e;for(let o=t.indexOf(a)-1;o>=0;o--)if(!t[o].disabled){e=t[o];break}e||(e=t.find((t=>!t.disabled))),this.setActiveTab(e,!0)}a.remove(),this.handleScroll()}catch(t){console.warn(t)}}setAriaLabels(){const t=this.getTabsList(),e=this.getPanelsList();t.forEach((t=>{const a=e.find((e=>e.name===t.panel));a&&(t.setAttribute("aria-controls",a.getAttribute("id")),a.setAttribute("aria-labelledby",t.getAttribute("id")))}))}positionActiveTabIndicator(){const t=this.getActiveTab();if(!t)return;const e=t.offsetWidth+0,a=t.offsetHeight+0,o=s(t,this.$nav),i=o.top+this.$nav.scrollTop-0,r=o.left+this.$nav.scrollLeft-0;switch(this.placement){case"top":case"bottom":this.$activeTabIndicator.style.width=`${e}px`,this.$activeTabIndicator.style.height=null,this.$activeTabIndicator.style.transform=`translateX(${r}px)`;break;case"left":case"right":this.$activeTabIndicator.style.width=null,this.$activeTabIndicator.style.height=`${a}px`,this.$activeTabIndicator.style.transform=`translateY(${i}px)`}}syncProperties(){this.getTabsList().forEach((t=>{void 0!==this.disabled&&(t.disabled=this.disabled),void 0!==this.theme&&(t.theme=this.theme),void 0!==this.expanse&&(t.expanse=this.expanse)})),this.getPanelsList().forEach((t=>{void 0!==this.theme&&(t.theme=this.theme)}))}handleTabsSlotChange(){this.setActiveTab(this.selected,!0),this.isEmpty=0===this.getTabsList(!1).length,this.syncProperties(),r((()=>{this.setAriaLabels(),this.positionActiveTabIndicator()}))}handlePanelsSlotChange(){r((()=>{this.setAriaLabels()}))}handleClick(t){if(t.defaultPrevented)return;const e=t.target.closest("dwc-tab");e&&this.setActiveTab(e,!0)}handleKeyDown(t){if(!t.defaultPrevented){if(["Enter"," "].includes(t.key)){const e=t.target.closest("dwc-tab");e&&(this.setActiveTab(e,!0),t.preventDefault())}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){const e=document.activeElement;if(e&&"dwc-tab"===e.tagName.toLowerCase()){const a=this.getTabsList(!1);let o=a.indexOf(e);"Home"===t.key?o=0:"End"===t.key?o=a.length-1:"ArrowLeft"===t.key&&["top","bottom"].includes(this.placement)||"ArrowUp"===t.key&&["left","right"].includes(this.placement)?o=Math.max(0,o-1):("ArrowRight"===t.key&&["top","bottom"].includes(this.placement)||"ArrowDown"===t.key&&["left","right"].includes(this.placement))&&(o=Math.min(a.length-1,o+1));const i=this.getTabsList();o=i.indexOf(a[o]),i[o].setFocus(),n(i[o],this.$nav,{block:"end",inline:"nearest",behavior:this.scrollBehaviour,preferNativeScrollIfNeeded:!1}),"auto"===this.activation&&this.setActiveTab(i[o],!0),t.preventDefault()}}}}updateSwipeListener(){if(this.swipeInstance&&this.swipeInstance.off(),!this.swipeable||!this.$body)return;const t=this.$body;this.swipeInstance=v(t,{preventScroll:this.swipePreventScroll,touch:this.swipeWithTouch,mouse:this.swipeWithMouse}),t.addEventListener("swiping",(()=>this.swiping=!0)),t.addEventListener("swiperelease",(()=>this.swiping=!1)),t.addEventListener("swipecancel",(()=>this.swiping=!1)),t.addEventListener("swipe",this.handleSwipe)}handleSwipe(t){if(!this.$activeTab)return;const e=t.detail.directions,a=this.getTabsList(!1);let o=a.indexOf(this.$activeTab);e.left&&["top","bottom"].includes(this.placement)||e.top&&["left","right"].includes(this.placement)?o=Math.min(a.length-1,o+1):(e.right&&["top","bottom"].includes(this.placement)||e.bottom&&["left","right"].includes(this.placement))&&(o=Math.max(0,o-1));const i=this.getTabsList();o=i.indexOf(a[o]),this.setActiveTab(i[o],!0)}handleScroll(){this.positionActiveTabIndicator(),this.ticking||requestAnimationFrame((()=>{if(["top","bottom"].includes(this.placement)){const t=c(this.$tabs,this.$nav,"horizontal");this.canScrollLeft=["both-horizontal","left"].includes(t),this.canScrollRight=["both-horizontal","right"].includes(t),this.canScrollTop=!1,this.canScrollBottom=!1}else if(["left","right"].includes(this.placement)){const t=c(this.$tabs,this.$nav,"vertical");this.canScrollLeft=!1,this.canScrollRight=!1,this.canScrollTop=["both-vertical","top"].includes(t),this.canScrollBottom=["both-vertical","bottom"].includes(t)}this.ticking=!1})),this.ticking=!0}handleScrollLeft(){this.$nav.scroll({left:this.$nav.scrollLeft-this.$nav.clientWidth,behavior:"smooth"})}handleScrollRight(){this.$nav.scroll({left:this.$nav.scrollLeft+this.$nav.clientWidth,behavior:"smooth"})}handleScrollTop(){this.$nav.scroll({top:this.$nav.scrollTop-this.$nav.clientHeight,behavior:"smooth"})}handleScrollBottom(){this.$nav.scroll({top:this.$nav.scrollTop+this.$nav.clientHeight,behavior:"smooth"})}render(){return a(o,{key:"a6b96bbaef65b9b8287237e36d23e1d6e1c005a2","data-scrollable":this.canScrollLeft||this.canScrollRight||this.canScrollTop||this.canScrollBottom,"data-scrollable-left":this.canScrollLeft,"data-scrollable-right":this.canScrollRight,"data-scrollable-top":this.canScrollTop,"data-scrollable-bottom":this.canScrollBottom,"data-empty":this.isEmpty,class:d({BBjControl:!0,BBjTabCtrl:!0,"bbj-disabled":this.disabled})},a("div",{key:"8dfbb26416b4634009029dd08a0e7f07e9084485",part:"control",onClick:this.handleClick,onKeyDown:this.handleKeyDown},a("div",{key:"de1fd09ecf5c00e51e474a04b27aef9b8ffd113f",part:"nav-container"},this.canScrollLeft&&a("dwc-icon-button",{key:"807910470e7a1ed9288c465e94cb2ce5c1b81a2c",part:"advancer advancer-left",pool:"dwc",name:"chevron-left",label:"Scroll left",onClick:this.handleScrollLeft}),this.canScrollTop&&a("dwc-icon-button",{key:"ed77ca2281ab82d77da052be6c5e30eabd0419a1",part:"advancer advancer-top",pool:"dwc",name:"chevron-up",label:"Scroll up",onClick:this.handleScrollTop}),a("div",{key:"1a7e1db25df1921676b220db1e195d47c9c0aed4",ref:t=>this.$nav=t,part:"nav",tabindex:"-1",onScroll:this.handleScroll},a("div",{key:"eba8b1bfaf2ef5937aeb7f126f64d346c9593279",ref:t=>this.$tabs=t,part:"tabs",role:"tablist","aria-label":this.label},a("div",{key:"f83906e0c09c384936f22854dbb41a99f13d1a5a",ref:t=>this.$activeTabIndicator=t,part:"active-tab-indicator"}),a("slot",{key:"c20add47a5307020341168e0c1c89637c7afc256",name:"nav","data-tabs-slot":!0,onSlotchange:this.handleTabsSlotChange}))),this.canScrollRight&&a("dwc-icon-button",{key:"a4c0ce3c90f6e97a02962647a60d74860d8efe8a",part:"advancer advancer-right",pool:"dwc",name:"chevron-right",label:"Scroll right",onClick:this.handleScrollRight}),this.canScrollBottom&&a("dwc-icon-button",{key:"0a5c6c95d7fd3b7b175e748dc263a8b352b4f21f",part:"advancer advancer-bottom",pool:"dwc",name:"chevron-down",label:"Scroll down",onClick:this.handleScrollBottom})),a("div",{key:"7776ccd7a9e1ae536bf007535c37b96fb0e9bd4f",ref:t=>this.$body=t,part:"body"},a("slot",{key:"33d1e72de7d084b18786e768286c347cef4fdc2d","data-panels-slot":!0,onSlotchange:this.handlePanelsSlotChange}))))}get el(){return i(this)}static get watchers(){return{placement:["onPlacementChanged"],selected:["onSelectedChanged"],swipeable:["onSwipeOptionsChanged"],swipeWithTouch:["onSwipeOptionsChanged"],swipeWithMouse:["onSwipeOptionsChanged"],swipePreventScroll:["onSwipeOptionsChanged"],disabled:["onPropertiesChanged"],theme:["onPropertiesChanged"],expanse:["onPropertiesChanged"]}}};w.style="@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important}}:host{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{--_tabs-indicator-height:var(--dwc-tabbed-pane-indicator-height, 2px);--_tabs-indicator-border:var(\n    --dwc-tabbed-pane-indicator-border,\n    solid var(--_tabs-indicator-height) var(--dwc-tabbed-pane-indicator-border-color, var(--dwc-color-primary-text))\n  );--_dwc-tabs-border:var(--dwc-tabbed-pane-border, var(--_tabs-indicator-height) var(--dwc-border-style) var(--dwc-tabbed-pane-border-color, var(--dwc-color-default)));display:block}:host([borderless]){--dwc-tabbed-pane-border-color:transparent}[part=control]{display:flex;height:inherit;width:inherit}[part=control] ::slotted(dwc-tab-panel){height:100%;width:100%}[part=control] ::slotted(dwc-tab){padding:var(--dwc-focus-ring-width)}[part=nav-container]{position:relative}[part~=advancer]{align-items:center;background:transparent;border:unset;color:var(--dwc-tabbed-pane-advancer-color, var(--dwc-color-primary-text));cursor:var(--dwc-cursor-click);display:flex;justify-content:center;margin:0;outline:none;padding:0;position:absolute;width:var(--dwc-size-l);z-index:2}[part~=advancer-left]{background:var(--dwc-tabbed-pane-left-advancer-background, linear-gradient(to right, var(--dwc-advancer-gradient)));left:0}[part~=advancer-right]{background:var(--dwc-tabbed-pane-right-advancer-background, linear-gradient(to left, var(--dwc-advancer-gradient)));right:0}[part~=advancer-left],[part~=advancer-right]{bottom:0;top:0}[part~=advancer-top]{background:var(--dwc-tabbed-pane-top-advancer-background, linear-gradient(to bottom, var(--dwc-advancer-gradient)));top:0;width:100%}[part~=advancer-bottom]{background:var(--dwc-tabbed-pane-bottom-advancer-background, linear-gradient(to top, var(--dwc-advancer-gradient)));bottom:0;width:100%}[part=nav]{-webkit-overflow-scrolling:touch;scrollbar-width:none}[part=nav]::-webkit-scrollbar{display:none}[part=tabs]{align-items:center;display:flex;position:relative}[part=active-tab-indicator]{position:absolute;transition:var(--dwc-transition) transform var(--dwc-ease-outBack), var(--dwc-transition) width ease}[part=body]{height:100%;width:100%}[part=body].dwc-swipe--down{cursor:var(--dwc-cursor-grab)}[part=body].dwc-swipe--moving{cursor:var(--dwc-cursor-grabbing)}:host([placement=top]) [part=control]{flex-direction:column}:host([placement=top]) [part=control] [part=nav]{display:flex;order:1;overflow-x:auto}:host([placement=top]) [part=control] [part=tabs]{border-bottom:var(--_dwc-tabs-border);flex:1 1 auto;flex-direction:row;position:relative}:host([placement=top]) [part=control] [part=active-tab-indicator]{border-bottom:var(--_tabs-indicator-border);bottom:calc(var(--_tabs-indicator-height) * -1)}:host([placement=top]) [part=control] [part=body]{order:2;padding-top:var(--dwc-space-xs)}:host([placement=bottom]) [part=control]{flex-direction:column}:host([placement=bottom]) [part=control] [part=nav-container]{order:2}:host([placement=bottom]) [part=control] [part=nav]{display:flex;overflow-x:auto}:host([placement=bottom]) [part=control] [part=tabs]{border-top:var(--_dwc-tabs-border);flex:1 1 auto;flex-direction:row;padding-top:0;position:relative}:host([placement=bottom]) [part=control] [part=active-tab-indicator]{border-top:var(--_tabs-indicator-border);top:calc(-1 * var(--_tabs-indicator-height))}:host([placement=bottom]) [part=control] [part=body]{order:1;padding-bottom:var(--dwc-space-xs)}:host([placement=left]) [part=control]{flex-direction:row}:host([placement=left]) [part=control] [part=nav-container]{order:1}:host([placement=left]) [part=control] [part=nav]{height:100%;overflow-y:auto}:host([placement=left]) [part=control] [part=tabs]{align-items:stretch;border-right:var(--_dwc-tabs-border);flex:0 0 auto;flex-direction:column}:host([placement=left]) [part=control] [part=active-tab-indicator]{border-right:var(--_tabs-indicator-border);right:calc(-1 * var(--_tabs-indicator-height))}:host([placement=left]) [part=control] [part=body]{flex:1 1 auto;order:2;padding-left:var(--dwc-space-xs)}:host([placement=right]) [part=control]{flex-direction:row}:host([placement=right]) [part=control] [part=nav-container]{order:2}:host([placement=right]) [part=control] [part=nav]{height:100%;overflow-y:auto}:host([placement=right]) [part=control] [part=tabs]{align-items:stretch;border-left:var(--_dwc-tabs-border);flex:0 0 auto;flex-direction:column}:host([placement=right]) [part=control] [part=active-tab-indicator]{border-left:var(--_tabs-indicator-border);left:calc(-1 * var(--_tabs-indicator-height))}:host([placement=right]) [part=control] [part=body]{flex:1 1 auto;order:1;padding-right:var(--dwc-space-xs)}:host([data-empty]) [part=active-tab-indicator],:host([hide-active-indicator]) [part=active-tab-indicator]{display:none}:host([alignment=start]) [part=nav-container]{align-items:flex-start;display:flex;justify-content:flex-start}:host([alignment=center]) [part=nav-container]{align-items:center;display:flex;justify-content:center}:host([alignment=end]) [part=nav-container]{align-items:flex-end;display:flex;justify-content:flex-end}:host([alignment=start][placement=left]) [part=nav],:host([alignment=start][placement=right]) [part=nav],:host([alignment=center][placement=left]) [part=nav],:host([alignment=center][placement=right]) [part=nav],:host([alignment=end][placement=left]) [part=nav],:host([alignment=end][placement=right]) [part=nav]{height:auto;max-height:100%}:host([alignment=stretch]:not([placement=left]):not([placement=right])) ::slotted(dwc-tab){--dwc-tab-wrapper-justify-content:center;width:100%}:host([placement=hidden]) [part=nav-container]{display:none}:host([nobody]) [part=body]{display:none}:host([nobody][placement=left]) [part=nav-container],:host([nobody][placement=left]) [part=nav],:host([nobody][placement=right]) [part=nav-container],:host([nobody][placement=right]) [part=nav]{width:100%}:host([theme=success]){--dwc-tabbed-pane-indicator-border-color:var(--dwc-color-success);--dwc-tabbed-pane-advancer-color:var(--dwc-color-success-text)}:host([theme=warning]){--dwc-tabbed-pane-indicator-border-color:var(--dwc-color-warning);--dwc-tabbed-pane-advancer-color:var(--dwc-color-warning-text)}:host([theme=danger]){--dwc-tabbed-pane-indicator-border-color:var(--dwc-color-danger);--dwc-tabbed-pane-advancer-color:var(--dwc-color-danger-text)}:host([theme=info]){--dwc-tabbed-pane-indicator-border-color:var(--dwc-color-info);--dwc-tabbed-pane-advancer-color:var(--dwc-color-info-text)}:host([theme=gray]){--dwc-tabbed-pane-indicator-border-color:var(--dwc-color-gray);--dwc-tabbed-pane-advancer-color:var(--dwc-color-gray-text)}";export{l as dwc_tab,p as dwc_tab_panel,w as dwc_tabbed_pane}