https://gis.toaks.gov/portal/apps/sites//calcite-components/3.0.2/26HCN763.js

1/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3v3.0.2 */
4import{a as k,b as B,c as H}from"./CVRPAZHG.js";import{a as I}from"./NWMFN6P5.js";import{a as v}from"./77BUHP3U.js";import{a as O}from"./SMJSXUYT.js";import{b as x}from"./FC7N6LLB.js";import{e as S,o as f,v as C,z as y}from"./GO4QOK2G.js";import"./P7S34RN4.js";import{C as w,J as m,e as u,f as T,v as h,w as p,x as b}from"./63TOND25.js";var W={chevronRight:"chevron-right",chevronLeft:"chevron-left"},o={container:"tab-nav",containerHasEndTabTitleOverflow:"tab-nav--end-overflow",containerHasStartTabTitleOverflow:"tab-nav--start-overflow",scrollButton:"scroll-button",scrollButtonContainer:"scroll-button-container",scrollBackwardContainerButton:"scroll-button-container--backward",scrollForwardContainerButton:"scroll-button-container--forward",tabTitleSlotWrapper:"tab-titles-slot-wrapper"},$=u`:host{--calcite-internal-tab-nav-gradient-start-side: left;--calcite-internal-tab-nav-gradient-end-side: right;position:relative;display:flex}.scale-s{--calcite-internal-tab-nav-scroller-button-width: 24px;min-block-size:1.5rem}.scale-m{--calcite-internal-tab-nav-scroller-button-width: 32px;min-block-size:2rem}.scale-l{--calcite-internal-tab-nav-scroller-button-width: 44px;min-block-size:2.75rem}.calcite--rtl{--calcite-internal-tab-nav-gradient-start-side: right;--calcite-internal-tab-nav-gradient-end-side: left}.tab-nav--start-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%)}.tab-nav--end-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%)}.tab-nav--start-overflow.tab-nav--end-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%,transparent 51%),linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%,transparent 51%)}.tab-nav::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}:host([layout=center]) ::slotted(calcite-tab-title){display:flex;flex-grow:1;flex-shrink:0;min-inline-size:auto;white-space:nowrap}:host([layout=center]) ::slotted(calcite-tab-title[selected]){overflow:unset}:host(:not([bordered])) .scale-l{--calcite-internal-tab-nav-gap: var(--calcite-spacing-xxl)}:host(:not([bordered])) .scale-m{--calcite-internal-tab-nav-gap: var(--calcite-spacing-xl)}:host(:not([bordered])) .scale-s{--calcite-internal-tab-nav-gap: var(--calcite-spacing-lg)}:host(:not([bordered])) .tab-titles-slot-wrapper{gap:var(--calcite-internal-tab-nav-gap)}:host([layout=center]:not([bordered])) .tab-titles-slot-wrapper{padding-inline:var(--calcite-spacing-xl)}.tab-nav,.tab-titles-slot-wrapper{display:flex;inline-size:100%;justify-content:flex-start;overflow:hidden;white-space:nowrap}.scroll-button-container{position:absolute;inset-block:0px}.scroll-button-container calcite-button{--calcite-offset-invert-focus: 1;--calcite-color-text-1: var(--calcite-color-text-3);block-size:100%}.scroll-button-container calcite-button:hover{--calcite-color-text-1: unset;--calcite-color-foreground-1: var(--calcite-color-transparent-hover);--calcite-color-foreground-3: var(--calcite-color-transparent)}.scroll-button-container--forward{inset-inline-end:0;z-index:var(--calcite-z-index)}.scroll-button-container--backward{inset-inline-start:0;z-index:var(--calcite-z-index)}:host(:not([bordered])) .scroll-button-container--backward:before,:host(:not([bordered])) .scroll-button-container--forward:before{background-color:var(--calcite-color-border-3);content:"";inline-size:var(--calcite-border-width-sm);inset-block-start:var(--calcite-border-width-md);inset-block-end:var(--calcite-border-width-md);position:absolute}:host(:not([bordered])) .scroll-button-container--backward:before{inset-inline-end:0}:host(:not([bordered])) .scroll-button-container--forward:before{inset-inline-start:0}:host([hidden]){display:none}[hidden]{display:none}`,g=class extends p{constructor(){super(),this.effectiveDir="ltr",this.lastScrollWheelAxis="x",this.resizeObserver=v("resize",()=>{this.updateScrollingState()}),this.hasOverflowingEndTabTitle=!1,this.hasOverflowingStartTabTitle=!1,this.bordered=!1,this.layout="inline",this.messages=O(),this.position="bottom",this.scale="m",this.selectedTitle=null,this.calciteInternalTabChange=h({cancelable:!1}),this.calciteInternalTabNavSlotChange=h(),this.calciteTabChange=h({cancelable:!1}),this.listen("calciteInternalTabsFocusPrevious",this.focusPreviousTabHandler),this.listen("calciteInternalTabsFocusNext",this.focusNextTabHandler),this.listen("calciteInternalTabsFocusFirst",this.focusFirstTabHandler),this.listen("calciteInternalTabsFocusLast",this.focusLastTabHandler),this.listen("calciteInternalTabsActivate",this.internalActivateTabHandler),this.listen("calciteTabsActivate",this.activateTabHandler),this.listen("calciteInternalTabsClose",this.internalCloseTabHandler),this.listen("calciteInternalTabTitleRegister",this.updateTabTitles),this.listenOn(document.body,"calciteInternalTabChange",this.globalInternalTabChangeHandler)}static{this.properties={hasOverflowingEndTabTitle:16,hasOverflowingStartTabTitle:16,selectedTabId:16,bordered:7,layout:3,messageOverrides:0,position:1,scale:1,selectedTitle:0,storageId:3,syncId:3}}static{this.styles=$}get enabledTabTitles(){return f(this.el,"calcite-tab-title:not([disabled])").filter(t=>!t.closed)}get scrollerButtonWidth(){let{scale:t}=this;return parseInt(t==="s"?k:t==="m"?B:H)}get tabTitles(){return f(this.el,"calcite-tab-title")}connectedCallback(){super.connectedCallback(),this.parentTabsEl=this.el.closest("calcite-tabs"),this.resizeObserver?.observe(this.el)}async load(){let t=`calcite-tab-nav-${this.storageId}`;if(localStorage&&this.storageId&&localStorage.getItem(t)){let e=JSON.parse(localStorage.getItem(t));this.selectedTabId=e}}willUpdate(t){t.has("selectedTitle")&&(this.hasUpdated||this.selectedTitle!==null)&&this.calciteInternalTabChange.emit({tab:this.selectedTabId}),t.has("selectedTabId")&&this.selectedTabIdChanged();let{parentTabsEl:e}=this;this.layout=e?.layout,this.bordered=e?.bordered,this.effectiveDir=S(this.el)}loaded(){this.scrollTabTitleIntoView(this.selectedTitle,"instant"),this.tabTitles.length&&this.tabTitles.every(t=>!t.selected)&&!this.selectedTabId&&this.tabTitles[0].getTabIdentifier().then(t=>{this.calciteInternalTabChange.emit({tab:t})})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}focusPreviousTabHandler(t){this.handleTabFocus(t,t.target,"previous")}focusNextTabHandler(t){this.handleTabFocus(t,t.target,"next")}focusFirstTabHandler(t){this.handleTabFocus(t,t.target,"first")}focusLastTabHandler(t){this.handleTabFocus(t,t.target,"last")}internalActivateTabHandler(t){let e=t.target;this.selectedTabId=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(e),t.stopPropagation(),this.selectedTitle=e,this.scrollTabTitleIntoView(e)}scrollTabTitleIntoView(t,e="smooth"){t&&requestAnimationFrame(()=>{let l=this.effectiveDir==="ltr",a=this.tabTitleContainerEl,r=a.getBoundingClientRect(),i=t.getBoundingClientRect(),s=a.scrollLeft,n=l?this.hasOverflowingStartTabTitle:this.hasOverflowingEndTabTitle,c=l?this.hasOverflowingEndTabTitle:this.hasOverflowingStartTabTitle;if(i.left<r.left+(n?this.scrollerButtonWidth:0)){let d=s+(i.left-r.left)-this.scrollerButtonWidth;a.scrollTo({left:d,behavior:e})}else if(i.right>r.right-(c?this.scrollerButtonWidth:0)){let d=s+(i.right-r.right)+this.scrollerButtonWidth;a.scrollTo({left:d,behavior:e})}})}activateTabHandler(t){this.calciteTabChange.emit(),t.stopPropagation()}internalCloseTabHandler(t){let e=t.target;this.handleTabTitleClose(e),t.stopPropagation()}async updateTabTitles(t){t.target.selected&&(this.selectedTabId=t.detail,this.selectedTitle=await this.getTabTitleById(this.selectedTabId))}globalInternalTabChangeHandler(t){this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTabId!==t.detail.tab&&(this.selectedTabId=t.detail.tab),t.stopPropagation()}async selectedTabIdChanged(){await this.componentOnReady(),localStorage&&this.storageId&&this.selectedTabId!==void 0&&this.selectedTabId!==null&&localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTabId)),this.calciteInternalTabChange.emit({tab:this.selectedTabId})}onTabTitleWheel(t){t.preventDefault();let{deltaX:e,deltaY:l}=t,a=Math.abs(e),r=Math.abs(l),i;a===r?i=this.lastScrollWheelAxis==="x"?e:l:a>r?(i=e,this.lastScrollWheelAxis="x"):(i=l,this.lastScrollWheelAxis="y");let s=(this.effectiveDir==="rtl"?-1:1)*i;t.currentTarget.scrollBy(s,0)}onSlotChange(t){this.intersectionObserver?.disconnect();let e=C(t,"calcite-tab-title");e.forEach(l=>{this.intersectionObserver?.observe(l)}),this.calciteInternalTabNavSlotChange.emit(e)}storeTabTitleWrapperRef(t){t&&(this.tabTitleContainerEl=t,this.intersectionObserver=v("intersection",()=>this.updateScrollingState(),{root:t,threshold:[0,.5,1]}))}updateScrollingState(){let t=this.tabTitleContainerEl;if(!t)return;let e,l,a=t.scrollLeft,r=t.clientWidth,i=t.scrollWidth;this.effectiveDir==="ltr"?(e=a>0,l=a+r<i):(e=a<0,l=a!==-(i-r)),this.hasOverflowingStartTabTitle=e,this.hasOverflowingEndTabTitle=l}scrollToTabTitles(t){requestAnimationFrame(()=>{let e=this.tabTitleContainerEl,l=e.getBoundingClientRect(),a=Array.from(this.el.querySelectorAll("calcite-tab-title")),{effectiveDir:r}=this;t==="forward"&&a.reverse();let i=null;

4if(a.forEach(s=>{let n=s.getBoundingClientRect(),c=l.x+l.width,d=n.x+n.width;t==="forward"&&r==="ltr"||t==="backward"&&r==="rtl"?(n.x>c||d>c&&n.x>l.x)&&(i=s):(d<l.x||d<c&&n.x<l.x)&&(i=s)}),i){let{scrollerButtonWidth:s}=this,n=t==="forward"&&r==="ltr"||t==="backward"&&r==="rtl"?-s:i.offsetWidth-e.clientWidth+s,c=i.offsetLeft+n;e.scrollTo({left:c,behavior:"smooth"})}})}scrollToNextTabTitles(){this.scrollToTabTitles("forward")}scrollToPreviousTabTitles(){this.scrollToTabTitles("backward")}handleTabFocus(t,e,l){let a=y(this.enabledTabTitles,e,l);this.scrollTabTitleIntoView(a,"instant"),t.stopPropagation()}getIndexOfTabTitle(t,e=this.tabTitles){return e.indexOf(t)}onTabTitleScroll(){this.updateScrollingState()}async getTabTitleById(t){return Promise.all(this.tabTitles.map(e=>e.getTabIdentifier())).then(e=>this.tabTitles[e.indexOf(t)])}handleTabTitleClose(t){let{tabTitles:e}=this,l=t.selected,a=e.reduce((i,s,n)=>s.closed?i:[...i,n],[]),r=a.length;if(r===1&&e[a[0]].closable)e[a[0]].closable=!1,this.selectedTabId=a[0],l&&e[a[0]].activateTab();else if(r>1){let i=e.findIndex(n=>n===t),s=a.find(n=>n>i);this.selectedTabId===i&&(this.selectedTabId=s||r-1,e[this.selectedTabId].activateTab())}requestAnimationFrame(()=>{e[this.selectedTabId].focus()})}render(){return this.el.role="tablist",T`<div class=${b({[o.container]:!0,[o.containerHasStartTabTitleOverflow]:!!this.hasOverflowingStartTabTitle,[o.containerHasEndTabTitleOverflow]:!!this.hasOverflowingEndTabTitle,[`scale-${this.scale}`]:!0,[`position-${this.position}`]:!0,[w.rtl]:this.effectiveDir==="rtl"})}>${this.renderScrollButton("start")}<div class=${b({[o.tabTitleSlotWrapper]:!0})} @scroll=${this.onTabTitleScroll} @wheel=${this.onTabTitleWheel} ${x(this.storeTabTitleWrapperRef)}><slot @slotchange=${this.onSlotChange}></slot></div>${this.renderScrollButton("end")}</div>`}renderScrollButton(t){let{bordered:e,messages:l,hasOverflowingStartTabTitle:a,hasOverflowingEndTabTitle:r,scale:i}=this,s=t==="end";return I(t,T`<div class=${b({[o.scrollButtonContainer]:!0,[o.scrollBackwardContainerButton]:!s,[o.scrollForwardContainerButton]:s})} .hidden=${s&&!r||!s&&!a}><calcite-button .appearance=${e?"outline-fill":"transparent"} .ariaLabel=${s?l.nextTabTitles:l.previousTabTitles} class=${b({[o.scrollButton]:!0})} icon-flip-rtl=both .iconStart=${s?W.chevronRight:W.chevronLeft} kind=neutral @click=${s?this.scrollToNextTabTitles:this.scrollToPreviousTabTitles} .scale=${i} tabindex=-1></calcite-button></div>`)}};m("calcite-tab-nav",g);export{g as TabNav};