@esri/calcite-components 2.7.0-next.0 → 2.7.0-next.2

package/dist/calcite/p-7360ce37.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as t,c as e,h as i,H as n,g as s,e as a,F as o}from"./p-b803ea41.js";import{z as r,l as c,g as l,A as d,t as h}from"./p-45ff4eb2.js";import{g as b}from"./p-61de3618.js";import{c as u}from"./p-4c100949.js";import{c as f,d as p}from"./p-3e11754e.js";import{c as v,s as g,d as m,u as w}from"./p-f70e0d88.js";import{a as k,b as x,d as y}from"./p-6ba31c18.js";import{C as T}from"./p-a6db335a.js";import{c as z,d as C,I,u as A}from"./p-e2450177.js";import{g as L}from"./p-2b02889a.js";import"./p-18fefdd4.js";import"./p-4ff2dc44.js";const H={container:"container",content:"content"};const S=":host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}.content{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}.scale-s{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.25rem);font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.5rem);font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const j=class{constructor(i){t(this,i);this.calciteInternalTabRegister=e(this,"calciteInternalTabRegister",6);this.guid=`calcite-tab-title-${b()}`;this.tab=undefined;this.selected=false;this.scale="m";this.labeledBy=undefined}render(){const t=this.el.id||this.guid;return i(n,{"aria-labelledby":this.labeledBy,id:t},i("div",{class:{[H.container]:true,[`scale-${this.scale}`]:true},role:"tabpanel",tabIndex:this.selected?0:-1},i("section",{class:H.content},i("slot",null))))}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs")}componentDidLoad(){this.calciteInternalTabRegister.emit()}disconnectedCallback(){document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}async getTabIndex(){return Array.prototype.indexOf.call(r(this.el.parentElement.children).filter((t=>t.matches("calcite-tab"))),this.el)}async updateAriaInfo(t=[],e=[]){this.labeledBy=e[t.indexOf(this.el.id)]||null}get el(){return s(this)}};j.style=S;const B={chevronRight:"chevron-right",chevronLeft:"chevron-left"};const E={activeIndicatorContainer:"tab-nav-active-indicator-container",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"};const R=':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-nav-active-indicator-container,.tab-nav--start-overflow .tab-titles-slot-wrapper{-webkit-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%);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-nav-active-indicator-container,.tab-nav--end-overflow .tab-titles-slot-wrapper{-webkit-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%);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-nav-active-indicator-container,.tab-nav--start-overflow.tab-nav--end-overflow .tab-titles-slot-wrapper{-webkit-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%);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-size-xxl)}:host(:not([bordered])) .scale-m{--calcite-internal-tab-nav-gap:var(--calcite-size-xl)}:host(:not([bordered])) .scale-s{--calcite-internal-tab-nav-gap:var(--calcite-size-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-xxl)}.tab-nav,.tab-titles-slot-wrapper{display:flex;inline-size:100%;justify-content:flex-start;overflow:hidden;white-space:nowrap}.tab-nav-active-indicator-container{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}.tab-nav-active-indicator{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-color-brand);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.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 .position-bottom .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host .position-bottom .tab-nav-active-indicator-container{inset-block-end:unset;inset-block-start:0px}:host([bordered]) .tab-nav-active-indicator-container{inset-block-end:unset}:host([bordered]) .position-bottom .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){.tab-nav-active-indicator{background-color:highlight}}:host([hidden]){display:none}[hidden]{display:none}';const F=class{constructor(n){t(this,n);this.calciteTabChange=e(this,"calciteTabChange",6);this.calciteInternalTabChange=e(this,"calciteInternalTabChange",6);this.dir="ltr";this.lastScrollWheelAxis="x";this.resizeObserver=u("resize",(()=>{this.updateScrollingState();if(!this.activeIndicatorEl){return}this.updateActiveIndicator()}));this.onTabTitleWheel=t=>{t.preventDefault();const{deltaX:e,deltaY:i}=t;const n=Math.abs(e);const s=Math.abs(i);let a;if(n===s){a=this.lastScrollWheelAxis==="x"?e:i}else if(n>s){a=e;this.lastScrollWheelAxis="x"}else{a=i;this.lastScrollWheelAxis="y"}const o=(this.dir==="rtl"?-1:1)*a;t.currentTarget.scrollBy(o,0);requestAnimationFrame((()=>this.updateActiveIndicator()))};this.onSlotChange=t=>{this.intersectionObserver?.disconnect();const e=t.target.assignedElements();e.forEach((t=>{this.intersectionObserver?.observe(t)}))};this.storeContainerRef=t=>this.containerEl=t;this.storeTabTitleWrapperRef=t=>{this.tabTitleContainerEl=t;this.intersectionObserver=u("intersection",(()=>this.updateScrollingState()),{root:t,threshold:[0,.5,1]})};this.scrollToTabTitles=t=>{a((()=>{const e=this.tabTitleContainerEl;const i=e.getBoundingClientRect();const n=Array.from(this.el.querySelectorAll("calcite-tab-title"));const{dir:s}=this;if(t==="forward"){n.reverse()}let a=null;n.forEach((e=>{const n=e.getBoundingClientRect();const o=i.x+i.width;const r=n.x+n.width;if(t==="forward"&&s==="ltr"||t==="backward"&&s==="rtl"){const t=n.x>o;if(t){a=e}else{const t=r>o&&n.x>i.x;if(t){a=e}}}else{const t=r<i.x;if(t){a=e}else{const t=r<o&&n.x<i.x;if(t){a=e}}}}));if(a){const{scrollerButtonWidth:i}=this;const n=t==="forward"&&s==="ltr"||t==="backward"&&s==="rtl"?-i:a.offsetWidth-e.clientWidth+i;const o=a.offsetLeft+n;e.scrollTo({left:o,behavior:"smooth"})}}))};this.scrollToNextTabTitles=()=>this.scrollToTabTitles("forward");this.scrollToPreviousTabTitles=()=>this.scrollToTabTitles("backward");this.handleTabFocus=(t,e,i)=>{const n=c(this.enabledTabTitles,e,i);this.scrollTabTitleIntoView(n,"instant");t.stopPropagation()};this.onTabTitleScroll=()=>{this.updateActiveIndicator();this.updateScrollingState()};this.renderScrollButton=t=>{const{bordered:e,messages:n,hasOverflowingStartTabTitle:s,hasOverflowingEndTabTitle:a,scale:o}=this;const r=t==="end";return i("div",{class:{[E.scrollButtonContainer]:true,[E.scrollBackwardContainerButton]:!r,[E.scrollForwardContainerButton]:r},hidden:r&&!a||!r&&!s,key:t},i("calcite-button",{appearance:e?"outline-fill":"transparent","aria-label":r?n.nextTabTitles:n.previousTabTitles,class:{[E.scrollButton]:true},iconFlipRtl:"both",iconStart:r?B.chevronRight:B.chevronLeft,kind:"neutral",onClick:r?this.scrollToNextTabTitles:this.scrollToPreviousTabTitles,scale:o,tabIndex:-1}))};this.storageId=undefined;this.syncId=undefined;this.selectedTitle=null;this.scale="m";this.layout="inline";this.position="bottom";this.bordered=false;this.indicatorOffset=undefined;this.indicatorWidth=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasOverflowingStartTabTitle=false;this.hasOverflowingEndTabTitle=false;this.selectedTabId=undefined}onMessagesChange(){}async selectedTabIdChanged(){if(localStorage&&this.storageId&&this.selectedTabId!==undefined&&this.selectedTabId!==null){localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTabId))}this.calciteInternalTabChange.emit({tab:this.selectedTabId});this.selectedTitle=await this.getTabTitleById(this.selectedTabId)}selectedTitleChanged(){this.updateActiveIndicator()}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs");this.resizeObserver?.observe(this.el);f(this);v(this)}async componentWillLoad(){const t=`calcite-tab-nav-${this.storageId}`;if(localStorage&&this.storageId&&localStorage.getItem(t)){const e=JSON.parse(localStorage.getItem(t));this.selectedTabId=e}await g(this)}componentDidLoad(){this.scrollTabTitleIntoView(this.selectedTitle,"instant")}componentWillRender(){const{parentTabsEl:t}=this;this.layout=t?.layout;this.bordered=t?.bordered;this.dir=l(this.el);if(this.selectedTitle){this.updateActiveIndicator()}}componentDidRender(){if(this.tabTitles.length&&this.tabTitles.every((t=>!t.selected))&&!this.selectedTabId){this.tabTitles[0].getTabIdentifier().then((t=>{this.calciteInternalTabChange.emit({tab:t})}))}}disconnectedCallback(){this.resizeObserver?.disconnect();p(this);m(this)}render(){const t=`${this.indicatorWidth}px`;const e=`${this.indicatorOffset}px`;const s=this.dir!=="rtl"?{width:t,left:e}:{width:t,right:e};return i(n,{role:"tablist"},i("div",{class:{[E.container]:true,[E.containerHasStartTabTitleOverflow]:!!this.hasOverflowingStartTabTitle,[E.containerHasEndTabTitleOverflow]:!!this.hasOverflowingEndTabTitle,[`scale-${this.scale}`]:true,[`position-${this.position}`]:true,[T.rtl]:this.dir==="rtl"},ref:this.storeContainerRef},this.renderScrollButton("start"),i("div",{class:{[E.tabTitleSlotWrapper]:true},onScroll:this.onTabTitleScroll,onWheel:this.onTabTitleWheel,ref:this.storeTabTitleWrapperRef},i("slot",{onSlotchange:this.onSlotChange})),i("div",{class:{[E.activeIndicatorContainer]:true},ref:t=>this.activeIndicatorContainerEl=t},i("div",{class:"tab-nav-active-indicator",style:s,ref:t=>this.activeIndicatorEl=t})),this.renderScrollButton("end")))}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){const e=t.target;this.selectedTabId=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(e);t.stopPropagation();this.scrollTabTitleIntoView(e)}scrollTabTitleIntoView(t,e="smooth"){if(!t){return}a((()=>{const i=this.dir==="ltr";const n=this.tabTitleContainerEl;const s=n.getBoundingClientRect();const a=t.getBoundingClientRect();const o=n.scrollLeft;const r=i?this.hasOverflowingStartTabTitle:this.hasOverflowingEndTabTitle;const c=i?this.hasOverflowingEndTabTitle:this.hasOverflowingStartTabTitle;if(a.left<s.left+(r?this.scrollerButtonWidth:0)){const t=o+(a.left-s.left)-this.scrollerButtonWidth;n.scrollTo({left:t,behavior:e})}else if(a.right>s.right-(c?this.scrollerButtonWidth:0)){const t=o+(a.right-s.right)+this.scrollerButtonWidth;n.scrollTo({left:t,behavior:e})}}))}activateTabHandler(t){this.calciteTabChange.emit();t.stopPropagation()}internalCloseTabHandler(t){const e=t.target;this.handleTabTitleClose(e);t.stopPropagation()}updateTabTitles(t){if(t.target.selected){this.selectedTabId=t.detail}}globalInternalTabChangeHandler(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTabId!==t.detail.tab){this.selectedTabId=t.detail.tab}t.stopPropagation()}iconStartChangeHandler(){this.updateActiveIndicator()}effectiveLocaleChange(){w(this,this.effectiveLocale)}get scrollerButtonWidth(){const{scale:t}=this;return parseInt(t==="s"?k:t==="m"?x:y)}updateActiveIndicator(){const t=this.tabTitleContainerEl?.scrollLeft;const e=this.containerEl?.scrollLeft;const i=this.activeIndicatorContainerEl?.offsetWidth;const n=this.selectedTitle?.offsetLeft;const s=this.selectedTitle?.offsetWidth;const a=i-n-s;const o=this.dir==="ltr"?n:a;const r=this.dir==="ltr"?-1:1;this.indicatorOffset=o+r*(e+t);this.indicatorWidth=this.selectedTitle?.offsetWidth}updateScrollingState(){const t=this.tabTitleContainerEl;if(!t){return}let e;let i;const n=t.scrollLeft;const s=t.clientWidth;const a=t.scrollWidth;if(this.dir==="ltr"){e=n>0;i=n+s<a}else{e=n<0;i=n!==-(a-s)}this.hasOverflowingStartTabTitle=e;this.hasOverflowingEndTabTitle=i}getIndexOfTabTitle(t,e=this.tabTitles){return e.indexOf(t)}async getTabTitleById(t){return Promise.all(this.tabTitles.map((t=>t.getTabIdentifier()))).then((e=>this.tabTitles[e.indexOf(t)]))}get tabTitles(){return d(this.el,"calcite-tab-title")}get enabledTabTitles(){return d(this.el,"calcite-tab-title:not([disabled])").filter((t=>!t.closed))}handleTabTitleClose(t){const{tabTitles:e}=this;const i=t.selected;const n=e.reduce(((t,e,i)=>!e.closed?[...t,i]:t),[]);const s=n.length;if(s===1&&e[n[0]].closable){e[n[0]].closable=false;this.selectedTabId=n[0];if(i){e[n[0]].activateTab()}}else if(s>1){const i=e.findIndex((e=>e===t));const a=n.find((t=>t>i));if(this.selectedTabId===i){this.selectedTabId=a?a:s-1;e[this.selectedTabId].activateTab()}}requestAnimationFrame((()=>{this.updateActiveIndicator();e[this.selectedTabId].focus()}))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],selectedTabId:["selectedTabIdChanged"],selectedTitle:["selectedTitleChanged"],effectiveLocale:["effectiveLocaleChange"]}}};F.style=R;const O={closeButton:"close-button",container:"container",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon"};const $={close:"x"};const P=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{display:flex;align-items:center;justify-content:center}.scale-s .content{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m .content{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l .content{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([closable]) .content{box-sizing:border-box;block-size:100%;border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:0.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;border-block-end-width:2px;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end-color:transparent;border-block-end-style:solid}:host([position=bottom]) .container{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host([closed]){display:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host(:focus) .container{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calcite-tab-title--icon{position:relative;margin:0px;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.content--has-text{padding:0.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:0.5rem}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:0.5rem}.close-button{display:flex;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:var(--calcite-color-foreground-1);padding:0.25rem;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-button-transparent-1);margin-inline-start:auto}.close-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-1px}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-2)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:0.5rem}:host([bordered]){margin-inline-end:0}:host([bordered][selected]){box-shadow:inset 0px -2px var(--calcite-color-foreground-1)}:host([bordered][selected][position=bottom]){box-shadow:inset 0 2px 0 var(--calcite-color-foreground-1)}:host([bordered]:hover) .container{background-color:var(--calcite-color-transparent-hover)}:host([closable]) .container,:host([bordered]) .container{border-inline-start:1px solid transparent;border-inline-end:1px solid transparent}:host([closable]) .container .close-button,:host([bordered]) .container .close-button{margin-inline:0}:host([closable][position=bottom]) .container,:host([bordered][position=bottom]) .container{border-block-start-style:unset}:host([selected][bordered]) .container{border-inline-start-color:var(--calcite-color-border-1);border-inline-end-color:var(--calcite-color-border-1)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:0.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:0.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered][position=bottom]) .container{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][position=bottom][selected]) .container{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}";const W=class{constructor(i){t(this,i);this.calciteTabsActivate=e(this,"calciteTabsActivate",6);this.calciteInternalTabsActivate=e(this,"calciteInternalTabsActivate",6);this.calciteTabsClose=e(this,"calciteTabsClose",6);this.calciteInternalTabsClose=e(this,"calciteInternalTabsClose",6);this.calciteInternalTabsFocusNext=e(this,"calciteInternalTabsFocusNext",6);this.calciteInternalTabsFocusPrevious=e(this,"calciteInternalTabsFocusPrevious",6);this.calciteInternalTabsFocusFirst=e(this,"calciteInternalTabsFocusFirst",6);this.calciteInternalTabsFocusLast=e(this,"calciteInternalTabsFocusLast",6);this.calciteInternalTabTitleRegister=e(this,"calciteInternalTabTitleRegister",6);this.calciteInternalTabIconChanged=e(this,"calciteInternalTabIconChanged",6);this.closeClickHandler=()=>{this.closeTabTitleAndNotify()};this.mutationObserver=u("mutation",(()=>this.updateHasText()));this.resizeObserver=u("resize",(()=>{this.calciteInternalTabIconChanged.emit()}));this.guid=`calcite-tab-title-${b()}`;this.selected=false;this.closable=false;this.closed=false;this.disabled=false;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.layout=undefined;this.position="top";this.scale="m";this.bordered=false;this.tab=undefined;this.messages=undefined;this.messageOverrides=undefined;this.controls=undefined;this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasText=false}selectedHandler(){if(this.selected){this.activateTab(false)}}onMessagesChange(){}connectedCallback(){z(this);f(this);v(this);this.setupTextContentObserver();this.parentTabNavEl=this.el.closest("calcite-tab-nav");this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){this.mutationObserver?.disconnect();document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el}));this.resizeObserver?.disconnect();C(this);p(this);m(this)}async componentWillLoad(){await g(this);{this.updateHasText()}if(this.tab&&this.selected){this.activateTab(false)}}componentWillRender(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.bordered=this.parentTabsEl.bordered}}render(){const{el:t,closed:e}=this;const s=t.id||this.guid;const a=i("calcite-icon",{class:{[O.titleIcon]:true,[O.iconStart]:true},flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:L(this.scale)});const o=i("calcite-icon",{class:{[O.titleIcon]:true,[O.iconEnd]:true},flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:L(this.scale)});return i(n,{"aria-controls":this.controls,"aria-selected":h(this.selected),id:s,role:"tab",tabIndex:this.selected&&!this.disabled?0:-1},i(I,{disabled:this.disabled},i("div",{class:{container:true,[O.iconPresent]:!!this.iconStart||!!this.iconEnd,[`scale-${this.scale}`]:true},hidden:e,ref:t=>this.resizeObserver?.observe(t)},i("div",{class:{[O.content]:true,[O.contentHasText]:this.hasText}},this.iconStart?a:null,i("slot",null),this.iconEnd?o:null),this.renderCloseButton())))}renderCloseButton(){const{closable:t,messages:e}=this;return t?i("button",{"aria-label":e.close,class:O.closeButton,disabled:false,key:O.closeButton,onClick:this.closeClickHandler,title:e.close,type:"button",ref:t=>this.closeButtonEl=t},i("calcite-icon",{icon:$.close,scale:L(this.scale)})):null}async componentDidLoad(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}componentDidRender(){A(this)}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":if(!t.composedPath().includes(this.closeButtonEl)){this.activateTab();t.preventDefault()}break;case"ArrowRight":t.preventDefault();if(l(this.el)==="ltr"){this.calciteInternalTabsFocusNext.emit()}else{this.calciteInternalTabsFocusPrevious.emit()}break;case"ArrowLeft":t.preventDefault();if(l(this.el)==="ltr"){this.calciteInternalTabsFocusPrevious.emit()}else{this.calciteInternalTabsFocusNext.emit()}break;case"Home":t.preventDefault();this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault();this.calciteInternalTabsFocusLast.emit();break}}async getTabIndex(){return Array.prototype.indexOf.call(r(this.el.parentElement.children).filter((t=>t.matches("calcite-tab-title"))),this.el)}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async updateAriaInfo(t=[],e=[]){this.controls=t[e.indexOf(this.el.id)]||null}async activateTab(t=true){if(this.disabled||this.closed){return}const e={tab:this.tab};this.calciteInternalTabsActivate.emit(e);if(t){requestAnimationFrame((()=>this.calciteTabsActivate.emit()))}}effectiveLocaleChange(){w(this,this.effectiveLocale)}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}closeTabTitleAndNotify(){this.closed=true;this.calciteInternalTabsClose.emit({tab:this.tab});this.calciteTabsClose.emit()}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{selected:["selectedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};W.style=P;const D={titleGroup:"title-group"};const M=":host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1), inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}";const N=class{constructor(e){t(this,e);this.mutationObserver=u("mutation",(t=>{for(const e of t){const t=e.target;if(t.nodeName==="CALCITE-TAB-NAV"||t.nodeName==="CALCITE-TAB-TITLE"||t.nodeName==="CALCITE-TAB"){this.updateItems()}}}));this.layout="inline";this.position="top";this.scale="m";this.bordered=false;this.titles=[];this.tabs=[]}handleInheritableProps(){this.updateItems()}connectedCallback(){this.mutationObserver.observe(this.el,{childList:true});this.updateItems()}async componentWillLoad(){this.updateItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i(o,null,i("slot",{name:D.titleGroup}),i("section",null,i("slot",null)))}calciteInternalTabTitleRegister(t){this.titles=[...this.titles,t.target];this.registryHandler();t.stopPropagation()}calciteTabTitleUnregister(t){this.titles=this.titles.filter((e=>e!==t.detail));this.registryHandler();t.stopPropagation()}calciteInternalTabRegister(t){this.tabs=[...this.tabs,t.target];this.registryHandler();t.stopPropagation()}calciteTabUnregister(t){this.tabs=this.tabs.filter((e=>e!==t.detail));this.registryHandler();t.stopPropagation()}updateItems(){const{position:t,scale:e}=this;const i=this.el.querySelector("calcite-tab-nav");if(i){i.position=t;i.scale=e}Array.from(this.el.querySelectorAll("calcite-tab")).forEach((t=>{if(t.parentElement===this.el){t.scale=e}}));Array.from(this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title")).forEach((i=>{i.position=t;i.scale=e}))}async registryHandler(){let t;let e;if(this.tabs.some((t=>t.tab))||this.titles.some((t=>t.tab))){t=this.tabs.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id));e=this.titles.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id))}else{const i=await Promise.all(this.tabs.map((t=>t.getTabIndex())));const n=await Promise.all(this.titles.map((t=>t.getTabIndex())));t=i.reduce(((t,e,i)=>{t[e]=this.tabs[i].id;return t}),[]);e=n.reduce(((t,e,i)=>{t[e]=this.titles[i].id;return t}),[])}this.tabs.forEach((i=>i.updateAriaInfo(t,e)));this.titles.forEach((i=>i.updateAriaInfo(t,e)))}get el(){return s(this)}static get watchers(){return{position:["handleInheritableProps"],scale:["handleInheritableProps"]}}};N.style=M;export{j as calcite_tab,F as calcite_tab_nav,W as calcite_tab_title,N as calcite_tabs};
+//# sourceMappingURL=p-7360ce37.entry.js.map

package/dist/calcite/p-7360ce37.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","content","tabCss","Tab","this","guid","render","id","el","h","Host","labeledBy","class","scale","role","tabIndex","selected","connectedCallback","parentTabsEl","closest","componentDidLoad","calciteInternalTabRegister","emit","disconnectedCallback","document","body","dispatchEvent","CustomEvent","detail","internalTabChangeHandler","event","targetTabsEl","composedPath","find","tagName","tab","getTabIndex","then","index","stopPropagation","Array","prototype","indexOf","call","nodeListToArray","parentElement","children","filter","matches","updateAriaInfo","tabIds","titleIds","ICON","chevronRight","chevronLeft","activeIndicatorContainer","containerHasEndTabTitleOverflow","containerHasStartTabTitleOverflow","scrollButton","scrollButtonContainer","scrollBackwardContainerButton","scrollForwardContainerButton","tabTitleSlotWrapper","tabNavCss","TabNav","dir","lastScrollWheelAxis","resizeObserver","createObserver","updateScrollingState","activeIndicatorEl","updateActiveIndicator","onTabTitleWheel","preventDefault","deltaX","deltaY","x","Math","abs","y","scrollBy","scrollByX","currentTarget","requestAnimationFrame","onSlotChange","intersectionObserver","disconnect","slottedChildren","target","assignedElements","forEach","child","observe","storeContainerRef","containerEl","storeTabTitleWrapperRef","tabTitleContainerEl","root","threshold","scrollToTabTitles","direction","readTask","tabTitleContainer","containerBounds","getBoundingClientRect","tabTitles","from","querySelectorAll","reverse","closestToEdge","tabTitle","tabTitleBounds","containerEndX","width","tabTitleEndX","afterContainerEnd","crossingContainerEnd","beforeContainerStart","crossingContainerStart","scrollerButtonWidth","offsetAdjustment","offsetWidth","clientWidth","scrollTo","offsetLeft","left","behavior","scrollToNextTabTitles","scrollToPreviousTabTitles","handleTabFocus","destination","focused","focusElementInGroup","enabledTabTitles","scrollTabTitleIntoView","onTabTitleScroll","renderScrollButton","overflowDirection","bordered","messages","hasOverflowingStartTabTitle","hasOverflowingEndTabTitle","isEnd","hidden","key","appearance","nextTabTitles","previousTabTitles","iconFlipRtl","iconStart","kind","onClick","onMessagesChange","selectedTabIdChanged","localStorage","storageId","selectedTabId","undefined","setItem","JSON","stringify","calciteInternalTabChange","selectedTitle","getTabTitleById","selectedTitleChanged","connectLocalized","connectMessages","componentWillLoad","storageKey","getItem","storedTab","parse","setUpMessages","componentWillRender","layout","getElementDir","componentDidRender","length","every","title","getTabIdentifier","disconnectLocalized","disconnectMessages","indicatorWidth","offset","indicatorOffset","indicatorStyle","right","position","CSS_UTILITY","rtl","ref","onScroll","onWheel","onSlotchange","activeIndicatorContainerEl","style","focusPreviousTabHandler","focusNextTabHandler","focusFirstTabHandler","focusLastTabHandler","internalActivateTabHandler","activatedTabTitle","getIndexOfTabTitle","isLTR","scrollPosition","scrollLeft","overflowingStartTabTitle","overflowingEndTabTitle","activateTabHandler","calciteTabChange","internalCloseTabHandler","closedTabTitleEl","handleTabTitleClose","updateTabTitles","globalInternalTabChangeHandler","syncId","iconStartChangeHandler","effectiveLocaleChange","updateMessages","effectiveLocale","parseInt","calciteSize24","calciteSize32","calciteSize44","tabTitleScrollLeft","containerScrollLeft","navWidth","tabLeft","tabWidth","offsetRight","offsetBase","multiplier","isOverflowStart","isOverflowEnd","visibleWidth","totalContentWidth","scrollWidth","Promise","all","map","ids","filterDirectChildren","closed","selectionModified","visibleTabTitlesIndices","reduce","tabTitleIndices","totalVisibleTabTitles","closable","activateTab","closedTabTitleIndex","findIndex","nextTabTitleIndex","value","focus","closeButton","contentHasText","iconEnd","iconPresent","titleIcon","ICONS","close","tabTitleCss","TabTitle","closeClickHandler","closeTabTitleAndNotify","mutationObserver","updateHasText","calciteInternalTabIconChanged","selectedHandler","connectInteractive","setupTextContentObserver","parentTabNavEl","disconnectInteractive","iconStartEl","flipRtl","icon","getIconScale","iconEndEl","controls","toAriaBoolean","disabled","InteractiveContainer","hasText","renderCloseButton","type","closeButtonEl","calciteInternalTabTitleRegister","updateHostInteraction","keyDownHandler","includes","calciteInternalTabsFocusNext","calciteInternalTabsFocusPrevious","calciteInternalTabsFocusFirst","calciteInternalTabsFocusLast","userTriggered","payload","calciteInternalTabsActivate","calciteTabsActivate","textContent","trim","childList","subtree","calciteInternalTabsClose","calciteTabsClose","SLOTS","titleGroup","tabsCss","Tabs","mutationsList","mutation","nodeName","updateItems","handleInheritableProps","Fragment","name","titles","registryHandler","calciteTabTitleUnregister","tabs","calciteTabUnregister","nav","querySelector","some","sort","a","b","localeCompare","tabDomIndexes","titleDomIndexes","indexInDOM","registryIndex"],"sources":["src/components/tab/resources.ts","src/components/tab/tab.scss?tag=calcite-tab&encapsulation=shadow","src/components/tab/tab.tsx","src/components/tab-nav/resources.ts","src/components/tab-nav/tab-nav.scss?tag=calcite-tab-nav&encapsulation=shadow","src/components/tab-nav/tab-nav.tsx","src/components/tab-title/resources.ts","src/components/tab-title/tab-title.scss?tag=calcite-tab-title&encapsulation=shadow","src/components/tab-title/tab-title.tsx","src/components/tabs/resources.ts","src/components/tabs/tabs.scss?tag=calcite-tabs&encapsulation=shadow","src/components/tabs/tabs.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  content: \"content\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-tab-content-block-padding: Specifies the block padding of the component's content in the `default` slot.\n */\n\n:host([selected]) {\n  section,\n  .container {\n    @apply block;\n  }\n}\n\n:host {\n  @apply hidden h-full w-full;\n}\n\n:host([selected]) {\n  @apply block h-full w-full overflow-auto;\n}\n\n.content {\n  @apply box-border;\n  padding-block: var(--calcite-internal-tab-content-block-padding);\n}\n\n.scale-s {\n  --calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, theme(\"spacing.1\"));\n  @apply text-n2h;\n}\n\n.scale-m {\n  --calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, theme(\"spacing.2\"));\n  @apply text-n1h;\n}\n\n.scale-l {\n  --calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, theme(\"spacing.[2.5]\"));\n  @apply text-0h;\n}\n\nsection,\n.container {\n  @apply hidden h-full w-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n} from \"@stencil/core\";\nimport { CSS } from \"./resources\";\nimport { nodeListToArray } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport { Scale } from \"../interfaces\";\nimport { TabChangeEventDetail } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-tab\",\n  styleUrl: \"tab.scss\",\n  shadow: true,\n})\nexport class Tab {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies a unique name for the component.\n   *\n   * When specified, use the same value on the `calcite-tab-title`.\n   */\n  @Prop({ reflect: true }) tab: string;\n\n  /**\n   * When `true`, the component's contents are selected.\n   *\n   * Only one tab can be selected within the `calcite-tabs` parent.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const id = this.el.id || this.guid;\n\n    return (\n      <Host aria-labelledby={this.labeledBy} id={id}>\n        <div\n          class={{ [CSS.container]: true, [`scale-${this.scale}`]: true }}\n          role=\"tabpanel\"\n          tabIndex={this.selected ? 0 : -1}\n        >\n          <section class={CSS.content}>\n            <slot />\n          </section>\n        </div>\n      </Host>\n    );\n  }\n\n  connectedCallback(): void {\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n  }\n\n  componentDidLoad(): void {\n    this.calciteInternalTabRegister.emit();\n  }\n\n  disconnectedCallback(): void {\n    // Dispatching to body in order to be listened by other elements that are still connected to the DOM.\n    document.body?.dispatchEvent(\n      new CustomEvent(\"calciteTabUnregister\", {\n        detail: this.el,\n      }),\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabRegister: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabChange\", { target: \"body\" })\n  internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    const targetTabsEl = event\n      .composedPath()\n      .find((el: HTMLElement) => el.tagName === \"CALCITE-TABS\");\n\n    // to allow `<calcite-tabs>` to be nested we need to make sure this\n    // `calciteTabChange` event was actually fired from a within the same\n    // `<calcite-tabs>` that is the a parent of this tab.\n    if (targetTabsEl !== this.parentTabsEl) {\n      return;\n    }\n\n    if (this.tab) {\n      this.selected = this.tab === event.detail.tab;\n    } else {\n      this.getTabIndex().then((index) => {\n        this.selected = index === event.detail.tab;\n      });\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Returns the index of the component item within the tab array.\n   */\n  @Method()\n  async getTabIndex(): Promise<number> {\n    return Array.prototype.indexOf.call(\n      nodeListToArray(this.el.parentElement.children).filter((el) => el.matches(\"calcite-tab\")),\n      this.el,\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabElement;\n\n  parentTabsEl: HTMLCalciteTabsElement;\n\n  guid = `calcite-tab-title-${guid()}`;\n\n  @State() labeledBy: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @param tabIds\n   * @param titleIds\n   * @internal\n   */\n  @Method()\n  async updateAriaInfo(tabIds: string[] = [], titleIds: string[] = []): Promise<void> {\n    this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || null;\n  }\n}\n","export const ICON = {\n  chevronRight: \"chevron-right\",\n  chevronLeft: \"chevron-left\",\n};\n\nexport const CSS = {\n  activeIndicatorContainer: \"tab-nav-active-indicator-container\",\n  container: \"tab-nav\",\n  containerHasEndTabTitleOverflow: \"tab-nav--end-overflow\",\n  containerHasStartTabTitleOverflow: \"tab-nav--start-overflow\",\n  scrollButton: \"scroll-button\",\n  scrollButtonContainer: \"scroll-button-container\",\n  scrollBackwardContainerButton: \"scroll-button-container--backward\",\n  scrollForwardContainerButton: \"scroll-button-container--forward\",\n  tabTitleSlotWrapper: \"tab-titles-slot-wrapper\",\n};\n",":host {\n  --calcite-internal-tab-nav-gradient-start-side: left;\n  --calcite-internal-tab-nav-gradient-end-side: right;\n\n  @apply relative flex;\n}\n\n.scale-s {\n  --calcite-internal-tab-nav-scroller-button-width: #{$calcite-size-24};\n  min-block-size: theme(\"spacing.6\");\n}\n\n.scale-m {\n  --calcite-internal-tab-nav-scroller-button-width: #{$calcite-size-32};\n  min-block-size: theme(\"spacing.8\");\n}\n\n.scale-l {\n  --calcite-internal-tab-nav-scroller-button-width: #{$calcite-size-44};\n  min-block-size: theme(\"spacing.11\");\n}\n\n.calcite--rtl {\n  --calcite-internal-tab-nav-gradient-start-side: right;\n  --calcite-internal-tab-nav-gradient-end-side: left;\n}\n\n$last-mask-color-stop-position: 51%; // we go beyond the half point to ensure the mask color stops overlap when both start and end are overflowing\n\n.tab-nav--start-overflow {\n  .tab-nav-active-indicator-container,\n  .tab-titles-slot-wrapper {\n    mask-image: linear-gradient(\n      to var(--calcite-internal-tab-nav-gradient-end-side),\n      transparent,\n      transparent var(--calcite-internal-tab-nav-scroller-button-width),\n      white var(--calcite-internal-tab-nav-scroller-button-width),\n      white $last-mask-color-stop-position\n    );\n  }\n}\n\n.tab-nav--end-overflow {\n  .tab-nav-active-indicator-container,\n  .tab-titles-slot-wrapper {\n    mask-image: linear-gradient(\n      to var(--calcite-internal-tab-nav-gradient-start-side),\n      transparent,\n      transparent var(--calcite-internal-tab-nav-scroller-button-width),\n      white var(--calcite-internal-tab-nav-scroller-button-width),\n      white $last-mask-color-stop-position\n    );\n  }\n}\n\n.tab-nav--start-overflow.tab-nav--end-overflow {\n  .tab-nav-active-indicator-container,\n  .tab-titles-slot-wrapper {\n    mask-image: linear-gradient(\n        to var(--calcite-internal-tab-nav-gradient-end-side),\n        transparent,\n        transparent var(--calcite-internal-tab-nav-scroller-button-width),\n        white var(--calcite-internal-tab-nav-scroller-button-width),\n        white $last-mask-color-stop-position,\n        transparent $last-mask-color-stop-position\n      ),\n      linear-gradient(\n        to var(--calcite-internal-tab-nav-gradient-start-side),\n        transparent,\n        transparent var(--calcite-internal-tab-nav-scroller-button-width),\n        white var(--calcite-internal-tab-nav-scroller-button-width),\n        white $last-mask-color-stop-position,\n        transparent $last-mask-color-stop-position\n      );\n  }\n}\n\n.tab-nav::-webkit-scrollbar {\n  display: none;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n:host([layout=\"center\"]) {\n  ::slotted(calcite-tab-title) {\n    display: flex;\n    flex-grow: 1;\n    flex-shrink: 0;\n    min-inline-size: auto;\n    white-space: nowrap;\n  }\n\n  ::slotted(calcite-tab-title[selected]) {\n    overflow: unset;\n  }\n}\n\n:host(:not([bordered])) {\n  .scale-l {\n    --calcite-internal-tab-nav-gap: var(--calcite-size-xxl);\n  }\n  .scale-m {\n    --calcite-internal-tab-nav-gap: var(--calcite-size-xl);\n  }\n  .scale-s {\n    --calcite-internal-tab-nav-gap: var(--calcite-size-lg);\n  }\n\n  .tab-titles-slot-wrapper {\n    gap: var(--calcite-internal-tab-nav-gap);\n  }\n}\n\n:host([layout=\"center\"]:not([bordered])) {\n  .tab-titles-slot-wrapper {\n    padding-inline: var(--calcite-spacing-xxl);\n  }\n}\n\n.tab-nav,\n.tab-titles-slot-wrapper {\n  @apply flex\n    w-full\n    justify-start\n    whitespace-nowrap\n    overflow-hidden;\n}\n\n// prevent indicator overflow in horizontal scrolling situations\n.tab-nav-active-indicator-container {\n  @apply absolute\n    bottom-0\n    h-0.5\n    inset-x-0\n    overflow-hidden\n    w-full;\n}\n\n.tab-nav-active-indicator {\n  @apply absolute\n    bg-brand\n    bottom-0\n    block\n    h-0.5\n    ease-out\n    transition-all;\n}\n\n.scroll-button-container {\n  @apply absolute bottom-0 top-0;\n\n  calcite-button {\n    --calcite-offset-invert-focus: 1;\n    --calcite-color-text-1: var(--calcite-color-text-3);\n\n    block-size: 100%;\n\n    &:hover {\n      --calcite-color-text-1: unset;\n      --calcite-color-foreground-1: var(--calcite-color-transparent-hover);\n      --calcite-color-foreground-3: var(--calcite-color-transparent);\n    }\n  }\n}\n\n.scroll-button-container--forward {\n  inset-inline-end: 0;\n  z-index: var(--calcite-z-index);\n}\n\n.scroll-button-container--backward {\n  inset-inline-start: 0;\n  z-index: var(--calcite-z-index);\n}\n\n:host(:not([bordered])) {\n  .scroll-button-container--backward,\n  .scroll-button-container--forward {\n    &::before {\n      background-color: var(--calcite-color-border-3);\n      content: \"\";\n      inline-size: var(--calcite-border-width-sm);\n      inset-block-start: var(--calcite-border-width-md);\n      inset-block-end: var(--calcite-border-width-md);\n      position: absolute;\n    }\n  }\n\n  .scroll-button-container--backward::before {\n    inset-inline-end: 0;\n  }\n\n  .scroll-button-container--forward::before {\n    inset-inline-start: 0;\n  }\n}\n\n:host .position-bottom .tab-nav-active-indicator {\n  inset-block-end: unset;\n  @apply top-0;\n}\n\n:host .position-bottom .tab-nav-active-indicator-container {\n  inset-block-end: unset;\n  @apply top-0;\n}\n\n:host([bordered]) .tab-nav-active-indicator-container {\n  inset-block-end: unset; // display active blue line above instead of below\n}\n\n:host([bordered]) .position-bottom .tab-nav-active-indicator-container {\n  inset-block-end: 0; // display active blue line below instead of above\n  inset-block-start: unset;\n}\n\n@media (forced-colors: active) {\n  .tab-nav-active-indicator {\n    background-color: highlight;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  readTask,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\n\nimport {\n  Direction,\n  filterDirectChildren,\n  focusElementInGroup,\n  FocusElementInGroupDestination,\n  getElementDir,\n} from \"../../utils/dom\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Scale } from \"../interfaces\";\nimport { TabChangeEventDetail, TabCloseEventDetail } from \"../tab/interfaces\";\nimport { TabID, TabLayout, TabPosition } from \"../tabs/interfaces\";\nimport { CSS, ICON } from \"./resources\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { TabNavMessages } from \"./assets/tab-nav/t9n\";\nimport {\n  calciteSize24,\n  calciteSize32,\n  calciteSize44,\n} from \"@esri/calcite-design-tokens/dist/es6/core\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\n\n/**\n * @slot - A slot for adding `calcite-tab-title`s.\n */\n@Component({\n  tag: \"calcite-tab-nav\",\n  styleUrl: \"tab-nav.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TabNav implements LocalizedComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies the name when saving selected `calcite-tab` data to `localStorage`.\n   */\n  @Prop({ reflect: true }) storageId: string;\n\n  /**\n   * Specifies text to update multiple components to keep in sync if one changes.\n   */\n  @Prop({ reflect: true }) syncId: string;\n\n  /**\n   * Specifies the component's selected `calcite-tab-title`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedTitle: HTMLCalciteTabTitleElement = null;\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) layout: TabLayout = \"inline\";\n\n  /**\n   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.\n   *\n   *  @internal\n   */\n  @Prop() position: TabPosition = \"bottom\";\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) bordered = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) indicatorOffset: number;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) indicatorWidth: number;\n\n  /**\n   * Made into a prop for testing purposes only.\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TabNavMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TabNavMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  @Watch(\"selectedTabId\")\n  async selectedTabIdChanged(): Promise<void> {\n    if (\n      localStorage &&\n      this.storageId &&\n      this.selectedTabId !== undefined &&\n      this.selectedTabId !== null\n    ) {\n      localStorage.setItem(`calcite-tab-nav-${this.storageId}`, JSON.stringify(this.selectedTabId));\n    }\n\n    this.calciteInternalTabChange.emit({\n      tab: this.selectedTabId,\n    });\n\n    this.selectedTitle = await this.getTabTitleById(this.selectedTabId);\n  }\n\n  @Watch(\"selectedTitle\")\n  selectedTitleChanged(): void {\n    this.updateActiveIndicator();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n    this.resizeObserver?.observe(this.el);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    const storageKey = `calcite-tab-nav-${this.storageId}`;\n    if (localStorage && this.storageId && localStorage.getItem(storageKey)) {\n      const storedTab = JSON.parse(localStorage.getItem(storageKey));\n      this.selectedTabId = storedTab;\n    }\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    this.scrollTabTitleIntoView(this.selectedTitle, \"instant\");\n  }\n\n  componentWillRender(): void {\n    const { parentTabsEl } = this;\n\n    this.layout = parentTabsEl?.layout;\n    this.bordered = parentTabsEl?.bordered;\n    this.dir = getElementDir(this.el);\n\n    if (this.selectedTitle) {\n      this.updateActiveIndicator();\n    }\n  }\n\n  componentDidRender(): void {\n    // if every tab title is active select the first tab.\n    if (\n      this.tabTitles.length &&\n      this.tabTitles.every((title) => !title.selected) &&\n      !this.selectedTabId\n    ) {\n      this.tabTitles[0].getTabIdentifier().then((tab) => {\n        this.calciteInternalTabChange.emit({\n          tab,\n        });\n      });\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const width = `${this.indicatorWidth}px`;\n    const offset = `${this.indicatorOffset}px`;\n    const indicatorStyle = this.dir !== \"rtl\" ? { width, left: offset } : { width, right: offset };\n\n    return (\n      <Host role=\"tablist\">\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerHasStartTabTitleOverflow]: !!this.hasOverflowingStartTabTitle,\n            [CSS.containerHasEndTabTitleOverflow]: !!this.hasOverflowingEndTabTitle,\n            [`scale-${this.scale}`]: true,\n            [`position-${this.position}`]: true,\n            [CSS_UTILITY.rtl]: this.dir === \"rtl\",\n          }}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={this.storeContainerRef}\n        >\n          {this.renderScrollButton(\"start\")}\n          <div\n            class={{\n              [CSS.tabTitleSlotWrapper]: true,\n            }}\n            onScroll={this.onTabTitleScroll}\n            onWheel={this.onTabTitleWheel}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.storeTabTitleWrapperRef}\n          >\n            <slot onSlotchange={this.onSlotChange} />\n          </div>\n          <div\n            class={{\n              [CSS.activeIndicatorContainer]: true,\n            }}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={(el) => (this.activeIndicatorContainerEl = el)}\n          >\n            <div\n              class=\"tab-nav-active-indicator\"\n              style={indicatorStyle}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={(el) => (this.activeIndicatorEl = el as HTMLElement)}\n            />\n          </div>\n          {this.renderScrollButton(\"end\")}\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabsFocusPrevious\")\n  focusPreviousTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"previous\");\n  }\n\n  @Listen(\"calciteInternalTabsFocusNext\")\n  focusNextTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"next\");\n  }\n\n  @Listen(\"calciteInternalTabsFocusFirst\")\n  focusFirstTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"first\");\n  }\n\n  @Listen(\"calciteInternalTabsFocusLast\")\n  focusLastTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"last\");\n  }\n\n  @Listen(\"calciteInternalTabsActivate\")\n  internalActivateTabHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    const activatedTabTitle = event.target as HTMLCalciteTabTitleElement;\n\n    this.selectedTabId = event.detail.tab\n      ? event.detail.tab\n      : this.getIndexOfTabTitle(activatedTabTitle);\n    event.stopPropagation();\n\n    this.scrollTabTitleIntoView(activatedTabTitle);\n  }\n\n  private scrollTabTitleIntoView(\n    activatedTabTitle: HTMLCalciteTabTitleElement,\n    behavior: ScrollBehavior = \"smooth\",\n  ): void {\n    if (!activatedTabTitle) {\n      return;\n    }\n\n    readTask(() => {\n      const isLTR = this.dir === \"ltr\";\n      const tabTitleContainer = this.tabTitleContainerEl;\n      const containerBounds = tabTitleContainer.getBoundingClientRect();\n      const tabTitleBounds = activatedTabTitle.getBoundingClientRect();\n      const scrollPosition = tabTitleContainer.scrollLeft;\n      const overflowingStartTabTitle = isLTR\n        ? this.hasOverflowingStartTabTitle\n        : this.hasOverflowingEndTabTitle;\n      const overflowingEndTabTitle = isLTR\n        ? this.hasOverflowingEndTabTitle\n        : this.hasOverflowingStartTabTitle;\n\n      if (\n        tabTitleBounds.left <\n        containerBounds.left + (overflowingStartTabTitle ? this.scrollerButtonWidth : 0)\n      ) {\n        const left =\n          scrollPosition + (tabTitleBounds.left - containerBounds.left) - this.scrollerButtonWidth;\n        tabTitleContainer.scrollTo({ left, behavior });\n      } else if (\n        tabTitleBounds.right >\n        containerBounds.right - (overflowingEndTabTitle ? this.scrollerButtonWidth : 0)\n      ) {\n        const left =\n          scrollPosition +\n          (tabTitleBounds.right - containerBounds.right) +\n          this.scrollerButtonWidth;\n        tabTitleContainer.scrollTo({ left, behavior });\n      }\n    });\n  }\n\n  @Listen(\"calciteTabsActivate\")\n  activateTabHandler(event: CustomEvent<void>): void {\n    this.calciteTabChange.emit();\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalTabsClose\")\n  internalCloseTabHandler(event: CustomEvent<TabCloseEventDetail>): void {\n    const closedTabTitleEl = event.target as HTMLCalciteTabTitleElement;\n    this.handleTabTitleClose(closedTabTitleEl);\n    event.stopPropagation();\n  }\n\n  /**\n   * Check for active tabs on register and update selected\n   *\n   * @param event\n   */\n  @Listen(\"calciteInternalTabTitleRegister\")\n  updateTabTitles(event: CustomEvent<TabID>): void {\n    if ((event.target as HTMLCalciteTabTitleElement).selected) {\n      this.selectedTabId = event.detail;\n    }\n  }\n\n  @Listen(\"calciteInternalTabChange\", { target: \"body\" })\n  globalInternalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    if (\n      this.syncId &&\n      event.target !== this.el &&\n      (event.target as HTMLCalciteTabNavElement).syncId === this.syncId &&\n      this.selectedTabId !== event.detail.tab\n    ) {\n      this.selectedTabId = event.detail.tab;\n    }\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalTabIconChanged\")\n  iconStartChangeHandler(): void {\n    this.updateActiveIndicator();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when the selected `calcite-tab` changes.\n   */\n  @Event({ cancelable: false }) calciteTabChange: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabChange: EventEmitter<TabChangeEventDetail>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabNavElement;\n\n  @State() defaultMessages: TabNavMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() private hasOverflowingStartTabTitle = false;\n\n  @State() private hasOverflowingEndTabTitle = false;\n\n  @State() private selectedTabId: TabID;\n\n  private activeIndicatorEl: HTMLElement;\n\n  private activeIndicatorContainerEl: HTMLDivElement;\n\n  private dir: Direction = \"ltr\";\n\n  private containerEl: HTMLDivElement;\n\n  private lastScrollWheelAxis: \"x\" | \"y\" = \"x\";\n\n  private parentTabsEl: HTMLCalciteTabsElement;\n\n  private tabTitleContainerEl: HTMLDivElement;\n\n  private intersectionObserver: IntersectionObserver;\n\n  private resizeObserver = createObserver(\"resize\", () => {\n    this.updateScrollingState();\n\n    if (!this.activeIndicatorEl) {\n      return;\n    }\n\n    this.updateActiveIndicator();\n  });\n\n  private get scrollerButtonWidth(): number {\n    const { scale } = this;\n    return parseInt(scale === \"s\" ? calciteSize24 : scale === \"m\" ? calciteSize32 : calciteSize44);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private updateActiveIndicator(): void {\n    const tabTitleScrollLeft = this.tabTitleContainerEl?.scrollLeft;\n    const containerScrollLeft = this.containerEl?.scrollLeft;\n    const navWidth = this.activeIndicatorContainerEl?.offsetWidth;\n    const tabLeft = this.selectedTitle?.offsetLeft;\n    const tabWidth = this.selectedTitle?.offsetWidth;\n    const offsetRight = navWidth - tabLeft - tabWidth;\n    const offsetBase = this.dir === \"ltr\" ? tabLeft : offsetRight;\n    const multiplier = this.dir === \"ltr\" ? -1 : 1;\n\n    this.indicatorOffset = offsetBase + multiplier * (containerScrollLeft + tabTitleScrollLeft);\n    this.indicatorWidth = this.selectedTitle?.offsetWidth;\n  }\n\n  private onTabTitleWheel = (event: WheelEvent): void => {\n    event.preventDefault();\n\n    const { deltaX, deltaY } = event;\n    const x = Math.abs(deltaX);\n    const y = Math.abs(deltaY);\n\n    let scrollBy: number;\n\n    if (x === y) {\n      scrollBy = this.lastScrollWheelAxis === \"x\" ? deltaX : deltaY;\n    } else if (x > y) {\n      scrollBy = deltaX;\n      this.lastScrollWheelAxis = \"x\";\n    } else {\n      scrollBy = deltaY;\n      this.lastScrollWheelAxis = \"y\";\n    }\n\n    const scrollByX = (this.dir === \"rtl\" ? -1 : 1) * scrollBy;\n    (event.currentTarget as HTMLDivElement).scrollBy(scrollByX, 0);\n    requestAnimationFrame(() => this.updateActiveIndicator());\n  };\n\n  private onSlotChange = (event: Event): void => {\n    this.intersectionObserver?.disconnect();\n\n    const slottedChildren = (event.target as HTMLSlotElement).assignedElements();\n    slottedChildren.forEach((child) => {\n      this.intersectionObserver?.observe(child);\n    });\n  };\n\n  private storeContainerRef = (el: HTMLDivElement) => (this.containerEl = el);\n\n  private storeTabTitleWrapperRef = (el: HTMLDivElement) => {\n    this.tabTitleContainerEl = el;\n    this.intersectionObserver = createObserver(\"intersection\", () => this.updateScrollingState(), {\n      root: el,\n      threshold: [0, 0.5, 1],\n    });\n  };\n\n  private updateScrollingState(): void {\n    const tabTitleContainer = this.tabTitleContainerEl;\n\n    if (!tabTitleContainer) {\n      return;\n    }\n\n    let isOverflowStart: boolean;\n    let isOverflowEnd: boolean;\n\n    const scrollPosition = tabTitleContainer.scrollLeft;\n    const visibleWidth = tabTitleContainer.clientWidth;\n    const totalContentWidth = tabTitleContainer.scrollWidth;\n\n    if (this.dir === \"ltr\") {\n      isOverflowStart = scrollPosition > 0;\n      isOverflowEnd = scrollPosition + visibleWidth < totalContentWidth;\n    } else {\n      isOverflowStart = scrollPosition < 0;\n      isOverflowEnd = scrollPosition !== -(totalContentWidth - visibleWidth);\n    }\n\n    this.hasOverflowingStartTabTitle = isOverflowStart;\n    this.hasOverflowingEndTabTitle = isOverflowEnd;\n  }\n\n  private scrollToTabTitles = (direction: \"forward\" | \"backward\"): void => {\n    readTask(() => {\n      const tabTitleContainer = this.tabTitleContainerEl;\n      const containerBounds = tabTitleContainer.getBoundingClientRect();\n      const tabTitles = Array.from(this.el.querySelectorAll(\"calcite-tab-title\"));\n      const { dir } = this;\n\n      if (direction === \"forward\") {\n        tabTitles.reverse();\n      }\n\n      let closestToEdge: HTMLCalciteTabTitleElement = null;\n\n      tabTitles.forEach((tabTitle) => {\n        const tabTitleBounds = tabTitle.getBoundingClientRect();\n        const containerEndX = containerBounds.x + containerBounds.width;\n        const tabTitleEndX = tabTitleBounds.x + tabTitleBounds.width;\n\n        if (\n          (direction === \"forward\" && dir === \"ltr\") ||\n          (direction === \"backward\" && dir === \"rtl\")\n        ) {\n          const afterContainerEnd = tabTitleBounds.x > containerEndX;\n\n          if (afterContainerEnd) {\n            closestToEdge = tabTitle;\n          } else {\n            const crossingContainerEnd =\n              tabTitleEndX > containerEndX && tabTitleBounds.x > containerBounds.x;\n\n            if (crossingContainerEnd) {\n              closestToEdge = tabTitle;\n            }\n          }\n        } else {\n          const beforeContainerStart = tabTitleEndX < containerBounds.x;\n\n          if (beforeContainerStart) {\n            closestToEdge = tabTitle;\n          } else {\n            const crossingContainerStart =\n              tabTitleEndX < containerEndX && tabTitleBounds.x < containerBounds.x;\n\n            if (crossingContainerStart) {\n              closestToEdge = tabTitle;\n            }\n          }\n        }\n      });\n\n      if (closestToEdge) {\n        const { scrollerButtonWidth } = this;\n        const offsetAdjustment =\n          (direction === \"forward\" && dir === \"ltr\") || (direction === \"backward\" && dir === \"rtl\")\n            ? -scrollerButtonWidth\n            : closestToEdge.offsetWidth - tabTitleContainer.clientWidth + scrollerButtonWidth;\n        const scrollTo = closestToEdge.offsetLeft + offsetAdjustment;\n\n        tabTitleContainer.scrollTo({\n          left: scrollTo,\n          behavior: \"smooth\",\n        });\n      }\n    });\n  };\n\n  private scrollToNextTabTitles = (): void => this.scrollToTabTitles(\"forward\");\n\n  private scrollToPreviousTabTitles = (): void => this.scrollToTabTitles(\"backward\");\n\n  handleTabFocus = (\n    event: CustomEvent,\n    el: HTMLCalciteTabTitleElement,\n    destination: FocusElementInGroupDestination,\n  ): void => {\n    const focused = focusElementInGroup<HTMLCalciteTabTitleElement>(\n      this.enabledTabTitles,\n      el,\n      destination,\n    );\n    this.scrollTabTitleIntoView(focused, \"instant\");\n\n    event.stopPropagation();\n  };\n\n  getIndexOfTabTitle(el: HTMLCalciteTabTitleElement, tabTitles = this.tabTitles): number {\n    // In most cases, since these indexes correlate with tab contents, we want to consider all tab titles.\n    // However, when doing relative index operations, it makes sense to pass in this.enabledTabTitles as the 2nd arg.\n    return tabTitles.indexOf(el);\n  }\n\n  private onTabTitleScroll = (): void => {\n    this.updateActiveIndicator();\n    this.updateScrollingState();\n  };\n\n  async getTabTitleById(id: TabID): Promise<HTMLCalciteTabTitleElement | null> {\n    return Promise.all(this.tabTitles.map((el) => el.getTabIdentifier())).then((ids) => {\n      return this.tabTitles[ids.indexOf(id)];\n    });\n  }\n\n  get tabTitles(): HTMLCalciteTabTitleElement[] {\n    return filterDirectChildren<HTMLCalciteTabTitleElement>(this.el, \"calcite-tab-title\");\n  }\n\n  get enabledTabTitles(): HTMLCalciteTabTitleElement[] {\n    return filterDirectChildren<HTMLCalciteTabTitleElement>(\n      this.el,\n      \"calcite-tab-title:not([disabled])\",\n    ).filter((tabTitle) => !tabTitle.closed);\n  }\n\n  private handleTabTitleClose(closedTabTitleEl: HTMLCalciteTabTitleElement): void {\n    const { tabTitles } = this;\n    const selectionModified = closedTabTitleEl.selected;\n\n    const visibleTabTitlesIndices = tabTitles.reduce(\n      (tabTitleIndices: number[], tabTitle, index) =>\n        !tabTitle.closed ? [...tabTitleIndices, index] : tabTitleIndices,\n      [],\n    );\n    const totalVisibleTabTitles = visibleTabTitlesIndices.length;\n\n    if (totalVisibleTabTitles === 1 && tabTitles[visibleTabTitlesIndices[0]].closable) {\n      tabTitles[visibleTabTitlesIndices[0]].closable = false;\n      this.selectedTabId = visibleTabTitlesIndices[0];\n\n      if (selectionModified) {\n        tabTitles[visibleTabTitlesIndices[0]].activateTab();\n      }\n    } else if (totalVisibleTabTitles > 1) {\n      const closedTabTitleIndex = tabTitles.findIndex((el) => el === closedTabTitleEl);\n\n      const nextTabTitleIndex = visibleTabTitlesIndices.find(\n        (value) => value > closedTabTitleIndex,\n      );\n\n      if (this.selectedTabId === closedTabTitleIndex) {\n        this.selectedTabId = nextTabTitleIndex ? nextTabTitleIndex : totalVisibleTabTitles - 1;\n        tabTitles[this.selectedTabId].activateTab();\n      }\n    }\n\n    requestAnimationFrame(() => {\n      this.updateActiveIndicator();\n      tabTitles[this.selectedTabId].focus();\n    });\n  }\n\n  private renderScrollButton = (overflowDirection: \"start\" | \"end\"): VNode => {\n    const { bordered, messages, hasOverflowingStartTabTitle, hasOverflowingEndTabTitle, scale } =\n      this;\n    const isEnd = overflowDirection === \"end\";\n\n    return (\n      <div\n        class={{\n          [CSS.scrollButtonContainer]: true,\n          [CSS.scrollBackwardContainerButton]: !isEnd,\n          [CSS.scrollForwardContainerButton]: isEnd,\n        }}\n        hidden={(isEnd && !hasOverflowingEndTabTitle) || (!isEnd && !hasOverflowingStartTabTitle)}\n        key={overflowDirection}\n      >\n        <calcite-button\n          appearance={bordered ? \"outline-fill\" : \"transparent\"}\n          aria-label={isEnd ? messages.nextTabTitles : messages.previousTabTitles}\n          class={{\n            [CSS.scrollButton]: true,\n          }}\n          iconFlipRtl=\"both\"\n          iconStart={isEnd ? ICON.chevronRight : ICON.chevronLeft}\n          kind=\"neutral\"\n          onClick={isEnd ? this.scrollToNextTabTitles : this.scrollToPreviousTabTitles}\n          scale={scale}\n          tabIndex={-1}\n        />\n      </div>\n    );\n  };\n}\n","export const CSS = {\n  closeButton: \"close-button\",\n  container: \"container\",\n  content: \"content\",\n  contentHasText: \"content--has-text\",\n  iconEnd: \"icon-end\",\n  iconPresent: \"icon-present\",\n  iconStart: \"icon-start\",\n  titleIcon: \"calcite-tab-title--icon\",\n};\n\nexport const ICONS = {\n  close: \"x\",\n};\n",":host {\n  @apply block outline-none;\n  margin-inline-start: theme(\"margin.0\");\n}\n\n:host([layout=\"inline\"]) {\n  @apply flex-initial;\n}\n\n:host([layout=\"center\"]) {\n  @apply flex-auto;\n}\n\n.content {\n  @apply flex items-center justify-center;\n}\n\n.scale-s {\n  .content {\n    @apply text-n2h py-1;\n  }\n}\n\n.scale-m {\n  .content {\n    @apply text-n1h py-2;\n  }\n}\n\n.scale-l {\n  .content {\n    @apply text-0h py-2.5;\n  }\n}\n\n:host([closable]) .content {\n  @apply h-full box-border border-b-color-transparent;\n}\n\n:host([layout=\"inline\"]),\n:host([layout=\"center\"]) {\n  .content {\n    @apply px-1;\n  }\n}\n\n:host([layout=\"center\"]) .scale-s,\n:host([layout=\"center\"]) .scale-m,\n:host([layout=\"center\"]) .scale-l {\n  @apply justify-center my-0 text-center;\n\n  .content {\n    @apply flex-auto flex-grow;\n  }\n}\n\n.container {\n  @apply border-b-2\n  border-b-color-transparent\n  box-border\n  content-center\n  cursor-pointer\n  flex\n  focus-base\n  h-full\n  justify-between\n  px-0\n  text-color-3\n  text-n1h\n  transition-default\n  w-full;\n\n  border-block-end-style: solid;\n}\n\n:host([position=\"bottom\"]) .container {\n  @apply border-t-color-transparent\n    border-b-0\n    border-t-2;\n  border-block-start-style: solid;\n}\n\n:host([closed]) {\n  @apply hidden;\n}\n\n:host([selected]) .container {\n  @apply text-color-1 border-color-transparent;\n}\n\n:host(:focus) .container {\n  @apply focus-inset;\n\n  &:focus-within {\n    @apply focus-base;\n  }\n}\n\n:host(:active),\n:host(:focus),\n:host(:hover) {\n  a {\n    @apply text-color-1 border-color-2 no-underline;\n  }\n}\n\n@include disabled() {\n  .container {\n    @apply pointer-events-none opacity-50;\n  }\n}\n\n.calcite-tab-title--icon {\n  @apply relative\n    m-0\n    inline-flex\n    self-center;\n  & svg {\n    @apply transition-default;\n  }\n}\n\n.content--has-text {\n  @apply p-1;\n}\n\n.content--has-text .calcite-tab-title--icon.icon-start {\n  margin-inline-end: theme(\"margin.2\");\n}\n\n.content--has-text .calcite-tab-title--icon.icon-end {\n  margin-inline-start: theme(\"margin.2\");\n}\n\n.close-button {\n  @apply appearance-none\n  bg-foreground-1\n  border-none\n  content-center\n  cursor-pointer\n  flex\n  focus-base\n  items-center\n  justify-center\n  p-1\n  self-center\n  text-color-3\n  transition-default;\n\n  background-color: var(--calcite-button-transparent-1);\n  margin-inline-start: auto;\n\n  &:focus {\n    @apply focus-inset;\n\n    // ⚠️overriding outline-offset should be avoided as it won't honor --calcite-color-focus-offset-invert\n    outline-offset: -1px;\n  }\n\n  &:focus,\n  &:hover {\n    @apply text-color-1;\n    background-color: var(--calcite-color-foreground-2);\n  }\n\n  &:active {\n    @apply text-color-1;\n    background-color: var(--calcite-color-foreground-3);\n  }\n\n  & calcite-icon {\n    color: inherit;\n  }\n}\n\n// compensate for spacing when no hastext and two icons\n:host([icon-start][icon-end]) {\n  .calcite-tab-title--icon:first-child {\n    margin-inline-end: theme(\"margin.2\");\n  }\n}\n\n// bordered styles\n:host([bordered]) {\n  margin-inline-end: 0;\n}\n\n:host([bordered][selected]) {\n  box-shadow: inset 0px -2px var(--calcite-color-foreground-1);\n}\n\n:host([bordered][selected][position=\"bottom\"]) {\n  box-shadow: inset 0 2px 0 var(--calcite-color-foreground-1);\n}\n\n:host([bordered]:hover) {\n  .container {\n    background-color: var(--calcite-color-transparent-hover);\n  }\n}\n\n:host([closable]) .container,\n:host([bordered]) .container {\n  border-inline-start: 1px solid transparent;\n  border-inline-end: 1px solid transparent;\n  .close-button {\n    margin-inline: 0;\n  }\n}\n\n:host([closable][position=\"bottom\"]) .container,\n:host([bordered][position=\"bottom\"]) .container {\n  border-block-start-style: unset;\n}\n\n:host([selected][bordered]) .container {\n  border-inline-start-color: var(--calcite-color-border-1);\n  border-inline-end-color: var(--calcite-color-border-1);\n}\n\n:host([layout=\"inline\"][bordered]),\n:host([layout=\"center\"][bordered]) {\n  .scale-m {\n    .content {\n      @apply px-3;\n    }\n  }\n\n  .scale-s {\n    .content {\n      @apply px-2;\n    }\n  }\n\n  .scale-l {\n    .content {\n      @apply px-4;\n    }\n  }\n}\n\n:host([layout=\"inline\"][closable]) {\n  .scale-s,\n  .scale-m,\n  .scale-l {\n    .content {\n      padding-inline-end: 0;\n    }\n  }\n}\n\n@media (forced-colors: active) {\n  :host {\n    outline-width: 0;\n    outline-offset: 0;\n  }\n\n  :host(:focus) .container {\n    outline-color: highlight;\n  }\n\n  :host([bordered]) .container {\n    border-block-end-style: solid;\n  }\n\n  :host([bordered][position=\"bottom\"]) .container {\n    border-block-start-style: solid;\n  }\n\n  :host([bordered][selected]) .container {\n    border-block-end-style: none;\n  }\n\n  :host([bordered][position=\"bottom\"][selected]) .container {\n    border-block-start-style: none;\n  }\n\n  .close-button {\n    /* in high contrast the tab title outline covers the close button outline without a z-index */\n    @apply z-default;\n  }\n}\n\n@include base-component();\n","import {\n  Build,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir, toAriaBoolean, nodeListToArray } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { FlipContext, Scale } from \"../interfaces\";\nimport { TabChangeEventDetail, TabCloseEventDetail } from \"../tab/interfaces\";\nimport { CSS, ICONS } from \"./resources\";\nimport { TabID, TabLayout, TabPosition } from \"../tabs/interfaces\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { TabTitleMessages } from \"./assets/tab-title/t9n\";\nimport { getIconScale } from \"../../utils/component\";\n\n/**\n * Tab-titles are optionally individually closable.\n */\n\n/**\n * @slot - A slot for adding text.\n */\n@Component({\n  tag: \"calcite-tab-title\",\n  styleUrl: \"tab-title.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TabTitle implements InteractiveComponent, LocalizedComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component and its respective `calcite-tab` contents are selected.\n   *\n   * Only one tab can be selected within the `calcite-tabs` parent.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedHandler(): void {\n    if (this.selected) {\n      this.activateTab(false);\n    }\n  }\n\n  /** When `true`, a close button is added to the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** When `true`, does not display or position the component. */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity.  */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) layout: TabLayout;\n\n  /**\n   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.\n   *\n   *  @internal\n   */\n  @Prop() position: TabPosition = \"top\";\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) bordered = false;\n\n  /**\n   * Specifies a unique name for the component.\n   *\n   * When specified, use the same value on the `calcite-tab`.\n   */\n  @Prop({ reflect: true }) tab: string;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TabTitleMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TabTitleMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    this.setupTextContentObserver();\n    this.parentTabNavEl = this.el.closest(\"calcite-tab-nav\");\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    // Dispatching to body in order to be listened by other elements that are still connected to the DOM.\n    document.body?.dispatchEvent(\n      new CustomEvent(\"calciteTabTitleUnregister\", {\n        detail: this.el,\n      }),\n    );\n    this.resizeObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    if (Build.isBrowser) {\n      this.updateHasText();\n    }\n    if (this.tab && this.selected) {\n      this.activateTab(false);\n    }\n  }\n\n  componentWillRender(): void {\n    if (this.parentTabsEl) {\n      this.layout = this.parentTabsEl.layout;\n      this.bordered = this.parentTabsEl.bordered;\n    }\n  }\n\n  render(): VNode {\n    const { el, closed } = this;\n    const id = el.id || this.guid;\n\n    const iconStartEl = (\n      <calcite-icon\n        class={{ [CSS.titleIcon]: true, [CSS.iconStart]: true }}\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const iconEndEl = (\n      <calcite-icon\n        class={{ [CSS.titleIcon]: true, [CSS.iconEnd]: true }}\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    return (\n      <Host\n        aria-controls={this.controls}\n        aria-selected={toAriaBoolean(this.selected)}\n        id={id}\n        role=\"tab\"\n        tabIndex={this.selected && !this.disabled ? 0 : -1}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            class={{\n              container: true,\n              [CSS.iconPresent]: !!this.iconStart || !!this.iconEnd,\n              [`scale-${this.scale}`]: true,\n            }}\n            hidden={closed}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={(el) => this.resizeObserver?.observe(el)}\n          >\n            <div class={{ [CSS.content]: true, [CSS.contentHasText]: this.hasText }}>\n              {this.iconStart ? iconStartEl : null}\n              <slot />\n              {this.iconEnd ? iconEndEl : null}\n            </div>\n            {this.renderCloseButton()}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  renderCloseButton(): VNode {\n    const { closable, messages } = this;\n\n    return closable ? (\n      <button\n        aria-label={messages.close}\n        class={CSS.closeButton}\n        disabled={false}\n        key={CSS.closeButton}\n        onClick={this.closeClickHandler}\n        title={messages.close}\n        type=\"button\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.closeButtonEl = el)}\n      >\n        <calcite-icon icon={ICONS.close} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  async componentDidLoad(): Promise<void> {\n    this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier());\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabChange\", { target: \"body\" })\n  internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    const targetTabsEl = event\n      .composedPath()\n      .find((el: HTMLElement) => el.tagName === \"CALCITE-TABS\");\n\n    if (targetTabsEl !== this.parentTabsEl) {\n      return;\n    }\n\n    if (this.tab) {\n      this.selected = this.tab === event.detail.tab;\n    } else {\n      this.getTabIndex().then((index) => {\n        this.selected = index === event.detail.tab;\n      });\n    }\n\n    event.stopPropagation();\n  }\n\n  @Listen(\"click\")\n  onClick(): void {\n    this.activateTab();\n  }\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        if (!event.composedPath().includes(this.closeButtonEl)) {\n          this.activateTab();\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowRight\":\n        event.preventDefault();\n        if (getElementDir(this.el) === \"ltr\") {\n          this.calciteInternalTabsFocusNext.emit();\n        } else {\n          this.calciteInternalTabsFocusPrevious.emit();\n        }\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        if (getElementDir(this.el) === \"ltr\") {\n          this.calciteInternalTabsFocusPrevious.emit();\n        } else {\n          this.calciteInternalTabsFocusNext.emit();\n        }\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.calciteInternalTabsFocusFirst.emit();\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.calciteInternalTabsFocusLast.emit();\n        break;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when a `calcite-tab` is selected.\n   */\n  @Event({ cancelable: false }) calciteTabsActivate: EventEmitter<void>;\n\n  /**\n   * Fires when a `calcite-tab` is selected (`event.details`).\n   *\n   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/main/src/components/tab/interfaces.ts#L1)\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsActivate: EventEmitter<TabChangeEventDetail>;\n\n  /**\n   * Fires when a `calcite-tab` is closed.\n   */\n  @Event({ cancelable: false }) calciteTabsClose: EventEmitter<void>;\n\n  /**\n   * Fires when `calcite-tab` is closed (`event.details`).\n   *\n   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/main/src/components/tab/interfaces.ts)\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsClose: EventEmitter<TabCloseEventDetail>;\n  /**\n   * @internal\n   */\n\n  @Event({ cancelable: false }) calciteInternalTabsFocusNext: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusPrevious: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusFirst: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusLast: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabTitleRegister: EventEmitter<TabID>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabIconChanged: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Returns the index of the title within the `calcite-tab-nav`.\n   */\n  @Method()\n  async getTabIndex(): Promise<number> {\n    return Array.prototype.indexOf.call(\n      nodeListToArray(this.el.parentElement.children).filter((el) =>\n        el.matches(\"calcite-tab-title\"),\n      ),\n      this.el,\n    );\n  }\n\n  /**\n   * @internal\n   */\n  @Method()\n  async getTabIdentifier(): Promise<TabID> {\n    return this.tab ? this.tab : this.getTabIndex();\n  }\n\n  /**\n   * @param tabIds\n   * @param titleIds\n   * @internal\n   */\n  @Method()\n  async updateAriaInfo(tabIds: string[] = [], titleIds: string[] = []): Promise<void> {\n    this.controls = tabIds[titleIds.indexOf(this.el.id)] || null;\n  }\n\n  /**\n   * This activates a tab in order for it and its associated tab-title be selected.\n   *\n   * @param userTriggered - when `true`, user-interaction events will be emitted in addition to internal events\n   * @internal\n   */\n  @Method()\n  async activateTab(userTriggered = true): Promise<void> {\n    if (this.disabled || this.closed) {\n      return;\n    }\n    const payload = { tab: this.tab };\n    this.calciteInternalTabsActivate.emit(payload);\n\n    if (userTriggered) {\n      // emit in the next frame to let internal events sync up\n      requestAnimationFrame(() => this.calciteTabsActivate.emit());\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private closeClickHandler = (): void => {\n    this.closeTabTitleAndNotify();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabTitleElement;\n\n  /** watches for changing text content */\n  mutationObserver: MutationObserver = createObserver(\"mutation\", () => this.updateHasText());\n\n  @State() controls: string;\n\n  @State() defaultMessages: TabTitleMessages;\n\n  @State() effectiveLocale: \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  /** determine if there is slotted text for styling purposes */\n  @State() hasText = false;\n\n  closeButtonEl: HTMLButtonElement;\n\n  containerEl: HTMLDivElement;\n\n  parentTabNavEl: HTMLCalciteTabNavElement;\n\n  parentTabsEl: HTMLCalciteTabsElement;\n\n  resizeObserver = createObserver(\"resize\", () => {\n    this.calciteInternalTabIconChanged.emit();\n  });\n\n  updateHasText(): void {\n    this.hasText = this.el.textContent.trim().length > 0;\n  }\n\n  setupTextContentObserver(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  closeTabTitleAndNotify(): void {\n    this.closed = true;\n    this.calciteInternalTabsClose.emit({ tab: this.tab });\n    this.calciteTabsClose.emit();\n  }\n\n  guid = `calcite-tab-title-${guid()}`;\n}\n","export const SLOTS = {\n  titleGroup: \"title-group\",\n};\n",":host {\n  @apply flex flex-col;\n}\n\n:host([bordered]) {\n  box-shadow: inset 0 1px 0 var(--calcite-color-border-1);\n  background-color: var(--calcite-color-foreground-1);\n\n  section {\n    @apply border-color-1 border border-solid;\n  }\n}\n\n:host([bordered][position=\"bottom\"]) {\n  box-shadow:\n    inset 0 1px 0 var(--calcite-color-border-1),\n    inset 0 -1px 0 var(--calcite-color-border-1);\n}\n\n:host([bordered]:not([position=\"bottom\"])) ::slotted(calcite-tab-nav) {\n  margin-block-end: -1px;\n}\n\n:host([bordered][scale=\"s\"]) section {\n  @apply p-3;\n}\n\n:host([bordered][scale=\"m\"]) section {\n  @apply p-2;\n}\n\n:host([bordered][scale=\"l\"]) section {\n  @apply p-4;\n}\n\n:host([position=\"bottom\"]) {\n  @apply flex-col-reverse;\n}\n\nsection {\n  @apply border-t-color-1\n    flex\n    flex-grow\n    overflow-hidden\n    border-t;\n  border-block-start-style: solid;\n}\n\n:host([position=\"bottom\"]) section {\n  @apply border-b-color-1\n    flex-col-reverse\n    border-t-0\n    border-b;\n}\n\n:host([position=\"bottom\"]:not([bordered])) section {\n  border-block-end-style: solid;\n}\n\n@media (forced-colors: active) {\n  :host([bordered]) section {\n    @apply border-t-0\n      border-b;\n  }\n  :host([position=\"bottom\"][bordered]) section {\n    @apply border-t\n      border-b-0;\n  }\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Listen, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { Scale } from \"../interfaces\";\nimport { TabLayout, TabPosition } from \"./interfaces\";\nimport { SLOTS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\n\n/**\n * @slot - A slot for adding `calcite-tab`s.\n * @slot title-group - A slot for adding a `calcite-tab-nav`.\n */\n@Component({\n  tag: \"calcite-tabs\",\n  styleUrl: \"tabs.scss\",\n  shadow: true,\n})\nexport class Tabs {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`\"inline\"`), or across and centered (`\"center\"`).\n   */\n  @Prop({ reflect: true }) layout: TabLayout = \"inline\";\n\n  /**\n   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to the `calcite-tabs`.\n   */\n  @Prop({ reflect: true }) position: TabPosition = \"top\";\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"position\")\n  @Watch(\"scale\")\n  handleInheritableProps(): void {\n    this.updateItems();\n  }\n\n  /**\n   * When `true`, the component will display with a folder style menu.\n   */\n  @Prop() bordered = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver.observe(this.el, { childList: true });\n    this.updateItems();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    this.updateItems();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        <slot name={SLOTS.titleGroup} />\n        <section>\n          <slot />\n        </section>\n      </Fragment>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @param event\n   * @internal\n   */\n  @Listen(\"calciteInternalTabTitleRegister\")\n  calciteInternalTabTitleRegister(event: CustomEvent): void {\n    this.titles = [...this.titles, event.target as HTMLCalciteTabTitleElement];\n    this.registryHandler();\n    event.stopPropagation();\n  }\n\n  /**\n   * @param event\n   * @internal\n   */\n  @Listen(\"calciteTabTitleUnregister\", { target: \"body\" })\n  calciteTabTitleUnregister(event: CustomEvent): void {\n    this.titles = this.titles.filter((el) => el !== event.detail);\n    this.registryHandler();\n    event.stopPropagation();\n  }\n\n  /**\n   * @param event\n   * @internal\n   */\n  @Listen(\"calciteInternalTabRegister\")\n  calciteInternalTabRegister(event: CustomEvent): void {\n    this.tabs = [...this.tabs, event.target as HTMLCalciteTabElement];\n    this.registryHandler();\n    event.stopPropagation();\n  }\n\n  /**\n   * @param event\n   * @internal\n   */\n  @Listen(\"calciteTabUnregister\", { target: \"body\" })\n  calciteTabUnregister(event: CustomEvent): void {\n    this.tabs = this.tabs.filter((el) => el !== event.detail);\n    this.registryHandler();\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabsElement;\n\n  /**\n   *\n   * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA\n   * attributes.\n   */\n  @State() titles: HTMLCalciteTabTitleElement[] = [];\n\n  /**\n   *\n   * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.\n   */\n  @State() tabs: HTMLCalciteTabElement[] = [];\n\n  mutationObserver = createObserver(\"mutation\", (mutationsList: MutationRecord[]) => {\n    for (const mutation of mutationsList) {\n      const target = mutation.target as HTMLElement;\n      if (\n        target.nodeName === \"CALCITE-TAB-NAV\" ||\n        target.nodeName === \"CALCITE-TAB-TITLE\" ||\n        target.nodeName === \"CALCITE-TAB\"\n      ) {\n        this.updateItems();\n      }\n    }\n  });\n\n  private updateItems(): void {\n    const { position, scale } = this;\n\n    const nav = this.el.querySelector(\"calcite-tab-nav\");\n    if (nav) {\n      nav.position = position;\n      nav.scale = scale;\n    }\n\n    Array.from(this.el.querySelectorAll(\"calcite-tab\")).forEach((tab: HTMLCalciteTabElement) => {\n      if (tab.parentElement === this.el) {\n        tab.scale = scale;\n      }\n    });\n\n    Array.from(this.el.querySelectorAll(\"calcite-tab-nav > calcite-tab-title\")).forEach(\n      (title: HTMLCalciteTabTitleElement) => {\n        title.position = position;\n        title.scale = scale;\n      },\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   *\n   * Matches up elements from the internal `tabs` and `titles` to automatically\n   * update the ARIA attributes and link `<calcite-tab>` and\n   * `<calcite-tab-title>` components.\n   */\n  async registryHandler(): Promise<void> {\n    let tabIds;\n    let titleIds;\n\n    // determine if we are using `tab` based or `index` based tab identifiers.\n    if (this.tabs.some((el) => el.tab) || this.titles.some((el) => el.tab)) {\n      // if we are using `tab` based identifiers sort by `tab` to account for\n      // possible out of order tabs and get the id of each tab\n      tabIds = this.tabs.sort((a, b) => a.tab.localeCompare(b.tab)).map((el) => el.id);\n      titleIds = this.titles.sort((a, b) => a.tab.localeCompare(b.tab)).map((el) => el.id);\n    } else {\n      // if we are using index based tabs then the `<calcite-tab>` and\n      // `<calcite-tab-title>` might have been rendered out of order so the\n      // order of `this.tabs` and `this.titles` might not reflect the DOM state,\n      // and might not match each other so we need to get the index of all the\n      // tabs and titles in the DOM order to match them up as a source of truth\n      const tabDomIndexes = await Promise.all(this.tabs.map((el) => el.getTabIndex()));\n\n      const titleDomIndexes = await Promise.all(this.titles.map((el) => el.getTabIndex()));\n\n      // once we have the DOM order as a source of truth we can build the\n      // matching tabIds and titleIds arrays\n      tabIds = tabDomIndexes.reduce((ids, indexInDOM, registryIndex) => {\n        ids[indexInDOM] = this.tabs[registryIndex].id;\n        return ids;\n      }, []);\n\n      titleIds = titleDomIndexes.reduce((ids, indexInDOM, registryIndex) => {\n        ids[indexInDOM] = this.titles[registryIndex].id;\n        return ids;\n      }, []);\n    }\n\n    // pass all our new aria information to each `<calcite-tab>` and\n    // `<calcite-tab-title>` which will check if they can update their internal\n    // `controlled` or `labeledBy` states and re-render if necessary\n    this.tabs.forEach((el) => el.updateAriaInfo(tabIds, titleIds));\n    this.titles.forEach((el) => el.updateAriaInfo(tabIds, titleIds));\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-73e74aca.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as e}from"./p-777bf10b.js";import"./p-b803ea41.js";import"./p-4806287d.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-e2450177.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-f293a0e6.js";import"./p-2b02889a.js";import"./p-395e11a4.js";import"./p-3e11754e.js";import"./p-4c100949.js";import"./p-42064ede.js";import"./p-3cb9d125.js";import"./p-f70e0d88.js";import"./p-fe4ceb2a.js";import"./p-a3f74f31.js";function t(e,t,a,s){var p={s:["mõne sekundi","mõni sekund","paar sekundit"],m:["ühe minuti","üks minut"],mm:["%d minuti","%d minutit"],h:["ühe tunni","tund aega","üks tund"],hh:["%d tunni","%d tundi"],d:["ühe päeva","üks päev"],M:["kuu aja","kuu aega","üks kuu"],MM:["%d kuu","%d kuud"],y:["ühe aasta","aasta","üks aasta"],yy:["%d aasta","%d aastat"]};if(t){return(p[a][2]?p[a][2]:p[a][1]).replace("%d",e)}return(s?p[a][0]:p[a][1]).replace("%d",e)}var a={name:"et",weekdays:"pühapäev_esmaspäev_teisipäev_kolmapäev_neljapäev_reede_laupäev".split("_"),weekdaysShort:"P_E_T_K_N_R_L".split("_"),weekdaysMin:"P_E_T_K_N_R_L".split("_"),months:"jaanuar_veebruar_märts_aprill_mai_juuni_juuli_august_september_oktoober_november_detsember".split("_"),monthsShort:"jaan_veebr_märts_apr_mai_juuni_juuli_aug_sept_okt_nov_dets".split("_"),ordinal:function e(t){return t+"."},weekStart:1,relativeTime:{future:"%s pärast",past:"%s tagasi",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:"%d päeva",M:t,MM:t,y:t,yy:t},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"}};e.locale(a,null,true);export default a;
+//# sourceMappingURL=p-73e74aca.js.map

package/dist/calcite/p-7574ff7b.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as _}from"./p-777bf10b.js";import"./p-b803ea41.js";import"./p-4806287d.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-e2450177.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-f293a0e6.js";import"./p-2b02889a.js";import"./p-395e11a4.js";import"./p-3e11754e.js";import"./p-4c100949.js";import"./p-42064ede.js";import"./p-3cb9d125.js";import"./p-f70e0d88.js";import"./p-fe4ceb2a.js";import"./p-a3f74f31.js";var r="січня_лютого_березня_квітня_травня_червня_липня_серпня_вересня_жовтня_листопада_грудня".split("_");var t="січень_лютий_березень_квітень_травень_червень_липень_серпень_вересень_жовтень_листопад_грудень".split("_");var p=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function e(_,r){var t=_.split("_");return r%10===1&&r%100!==11?t[0]:r%10>=2&&r%10<=4&&(r%100<10||r%100>=20)?t[1]:t[2]}function m(_,r,t){var p={ss:r?"секунда_секунди_секунд":"секунду_секунди_секунд",mm:r?"хвилина_хвилини_хвилин":"хвилину_хвилини_хвилин",hh:r?"година_години_годин":"годину_години_годин",dd:"день_дні_днів",MM:"місяць_місяці_місяців",yy:"рік_роки_років"};if(t==="m"){return r?"хвилина":"хвилину"}else if(t==="h"){return r?"година":"годину"}return _+" "+e(p[t],+_)}var s=function _(e,m){if(p.test(m)){return r[e.month()]}return t[e.month()]};s.s=t;s.f=r;var o={name:"uk",weekdays:"неділя_понеділок_вівторок_середа_четвер_п’ятниця_субота".split("_"),weekdaysShort:"ндл_пнд_втр_срд_чтв_птн_сбт".split("_"),weekdaysMin:"нд_пн_вт_ср_чт_пт_сб".split("_"),months:s,monthsShort:"січ_лют_бер_квіт_трав_черв_лип_серп_вер_жовт_лист_груд".split("_"),weekStart:1,relativeTime:{future:"за %s",past:"%s тому",s:"декілька секунд",m,mm:m,h:m,hh:m,d:"день",dd:m,M:"місяць",MM:m,y:"рік",yy:m},ordinal:function _(r){return r},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY р.",LLL:"D MMMM YYYY р., HH:mm",LLLL:"dddd, D MMMM YYYY р., HH:mm"}};_.locale(o,null,true);export default o;
+//# sourceMappingURL=p-7574ff7b.js.map

package/dist/calcite/p-7574ff7b.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["monthFormat","split","monthStandalone","MONTHS_IN_FORMAT","plural","word","num","forms","relativeTimeWithPlural","number","withoutSuffix","key","format","ss","mm","hh","dd","MM","yy","months","dayjsInstance","test","month","s","f","locale","name","weekdays","weekdaysShort","weekdaysMin","monthsShort","weekStart","relativeTime","future","past","m","h","d","M","y","ordinal","n","formats","LT","LTS","L","LL","LLL","LLLL","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/uk.js"],"sourcesContent":["// Ukrainian [uk]\nimport dayjs from '../index';\nvar monthFormat = 'січня_лютого_березня_квітня_травня_червня_липня_серпня_вересня_жовтня_листопада_грудня'.split('_');\nvar monthStandalone = 'січень_лютий_березень_квітень_травень_червень_липень_серпень_вересень_жовтень_листопад_грудень'.split('_');\nvar MONTHS_IN_FORMAT = /D[oD]?(\\[[^[\\]]*\\]|\\s)+MMMM?/;\n\nfunction plural(word, num) {\n  var forms = word.split('_');\n  return num % 10 === 1 && num % 100 !== 11 ? forms[0] : num % 10 >= 2 && num % 10 <= 4 && (num % 100 < 10 || num % 100 >= 20) ? forms[1] : forms[2]; // eslint-disable-line\n}\n\nfunction relativeTimeWithPlural(number, withoutSuffix, key) {\n  var format = {\n    ss: withoutSuffix ? 'секунда_секунди_секунд' : 'секунду_секунди_секунд',\n    mm: withoutSuffix ? 'хвилина_хвилини_хвилин' : 'хвилину_хвилини_хвилин',\n    hh: withoutSuffix ? 'година_години_годин' : 'годину_години_годин',\n    dd: 'день_дні_днів',\n    MM: 'місяць_місяці_місяців',\n    yy: 'рік_роки_років'\n  };\n\n  if (key === 'm') {\n    return withoutSuffix ? 'хвилина' : 'хвилину';\n  } else if (key === 'h') {\n    return withoutSuffix ? 'година' : 'годину';\n  }\n\n  return number + \" \" + plural(format[key], +number);\n}\n\nvar months = function months(dayjsInstance, format) {\n  if (MONTHS_IN_FORMAT.test(format)) {\n    return monthFormat[dayjsInstance.month()];\n  }\n\n  return monthStandalone[dayjsInstance.month()];\n};\n\nmonths.s = monthStandalone;\nmonths.f = monthFormat;\nvar locale = {\n  name: 'uk',\n  weekdays: 'неділя_понеділок_вівторок_середа_четвер_п’ятниця_субота'.split('_'),\n  weekdaysShort: 'ндл_пнд_втр_срд_чтв_птн_сбт'.split('_'),\n  weekdaysMin: 'нд_пн_вт_ср_чт_пт_сб'.split('_'),\n  months: months,\n  monthsShort: 'січ_лют_бер_квіт_трав_черв_лип_серп_вер_жовт_лист_груд'.split('_'),\n  weekStart: 1,\n  relativeTime: {\n    future: 'за %s',\n    past: '%s тому',\n    s: 'декілька секунд',\n    m: relativeTimeWithPlural,\n    mm: relativeTimeWithPlural,\n    h: relativeTimeWithPlural,\n    hh: relativeTimeWithPlural,\n    d: 'день',\n    dd: relativeTimeWithPlural,\n    M: 'місяць',\n    MM: relativeTimeWithPlural,\n    y: 'рік',\n    yy: relativeTimeWithPlural\n  },\n  ordinal: function ordinal(n) {\n    return n;\n  },\n  formats: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'DD.MM.YYYY',\n    LL: 'D MMMM YYYY р.',\n    LLL: 'D MMMM YYYY р., HH:mm',\n    LLLL: 'dddd, D MMMM YYYY р., HH:mm'\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;odAEA,IAAIA,EAAc,yFAAyFC,MAAM,KACjH,IAAIC,EAAkB,iGAAiGD,MAAM,KAC7H,IAAIE,EAAmB,+BAEvB,SAASC,EAAOC,EAAMC,GACpB,IAAIC,EAAQF,EAAKJ,MAAM,KACvB,OAAOK,EAAM,KAAO,GAAKA,EAAM,MAAQ,GAAKC,EAAM,GAAKD,EAAM,IAAM,GAAKA,EAAM,IAAM,IAAMA,EAAM,IAAM,IAAMA,EAAM,KAAO,IAAMC,EAAM,GAAKA,EAAM,EAClJ,CAEA,SAASC,EAAuBC,EAAQC,EAAeC,GACrD,IAAIC,EAAS,CACXC,GAAIH,EAAgB,yBAA2B,yBAC/CI,GAAIJ,EAAgB,yBAA2B,yBAC/CK,GAAIL,EAAgB,sBAAwB,sBAC5CM,GAAI,gBACJC,GAAI,wBACJC,GAAI,kBAGN,GAAIP,IAAQ,IAAK,CACf,OAAOD,EAAgB,UAAY,SACvC,MAAS,GAAIC,IAAQ,IAAK,CACtB,OAAOD,EAAgB,SAAW,QACtC,CAEE,OAAOD,EAAS,IAAML,EAAOQ,EAAOD,IAAOF,EAC7C,CAEA,IAAIU,EAAS,SAASA,EAAOC,EAAeR,GAC1C,GAAIT,EAAiBkB,KAAKT,GAAS,CACjC,OAAOZ,EAAYoB,EAAcE,QACrC,CAEE,OAAOpB,EAAgBkB,EAAcE,QACvC,EAEAH,EAAOI,EAAIrB,EACXiB,EAAOK,EAAIxB,EACR,IAACyB,EAAS,CACXC,KAAM,KACNC,SAAU,0DAA0D1B,MAAM,KAC1E2B,cAAe,8BAA8B3B,MAAM,KACnD4B,YAAa,uBAAuB5B,MAAM,KAC1CkB,OAAQA,EACRW,YAAa,yDAAyD7B,MAAM,KAC5E8B,UAAW,EACXC,aAAc,CACZC,OAAQ,QACRC,KAAM,UACNX,EAAG,kBACHY,EACArB,GAAIN,EACJ4B,EAAG5B,EACHO,GAAIP,EACJ6B,EAAG,OACHrB,GAAIR,EACJ8B,EAAG,SACHrB,GAAIT,EACJ+B,EAAG,MACHrB,GAAIV,GAENgC,QAAS,SAASA,EAAQC,GACxB,OAAOA,CACX,EACEC,QAAS,CACPC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,iBACJC,IAAK,wBACLC,KAAM,gCAGVC,EAAMxB,OAAOA,EAAQ,KAAM,qB"}

package/dist/calcite/p-76806149.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as Y}from"./p-777bf10b.js";import"./p-b803ea41.js";import"./p-4806287d.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-e2450177.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-f293a0e6.js";import"./p-2b02889a.js";import"./p-395e11a4.js";import"./p-3e11754e.js";import"./p-4c100949.js";import"./p-42064ede.js";import"./p-3cb9d125.js";import"./p-f70e0d88.js";import"./p-fe4ceb2a.js";import"./p-a3f74f31.js";var M={s:"מספר שניות",ss:"%d שניות",m:"דקה",mm:"%d דקות",h:"שעה",hh:"%d שעות",hh2:"שעתיים",d:"יום",dd:"%d ימים",dd2:"יומיים",M:"חודש",MM:"%d חודשים",MM2:"חודשיים",y:"שנה",yy:"%d שנים",yy2:"שנתיים"};function m(Y,m,_){var d=M[_+(Y===2?"2":"")]||M[_];return d.replace("%d",Y)}var _={name:"he",weekdays:"ראשון_שני_שלישי_רביעי_חמישי_שישי_שבת".split("_"),weekdaysShort:"א׳_ב׳_ג׳_ד׳_ה׳_ו׳_ש׳".split("_"),weekdaysMin:"א׳_ב׳_ג׳_ד׳_ה׳_ו_ש׳".split("_"),months:"ינואר_פברואר_מרץ_אפריל_מאי_יוני_יולי_אוגוסט_ספטמבר_אוקטובר_נובמבר_דצמבר".split("_"),monthsShort:"ינו_פבר_מרץ_אפר_מאי_יונ_יול_אוג_ספט_אוק_נוב_דצמ".split("_"),relativeTime:{future:"בעוד %s",past:"לפני %s",s:m,m,mm:m,h:m,hh:m,d:m,dd:m,M:m,MM:m,y:m,yy:m},ordinal:function Y(M){return M},format:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [ב]MMMM YYYY",LLL:"D [ב]MMMM YYYY HH:mm",LLLL:"dddd, D [ב]MMMM YYYY HH:mm",l:"D/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [ב]MMMM YYYY",LLL:"D [ב]MMMM YYYY HH:mm",LLLL:"dddd, D [ב]MMMM YYYY HH:mm",l:"D/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"}};Y.locale(_,null,true);export default _;
+//# sourceMappingURL=p-76806149.js.map

package/dist/calcite/p-777bf10b.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as t,c as i,h as e,H as s,g as n}from"./p-b803ea41.js";import{s as r,c as a,d as o,H as c}from"./p-4806287d.js";import{g as h}from"./p-61de3618.js";import{c as u,d as l,u as d,I as f}from"./p-e2450177.js";import{n as m}from"./p-18fefdd4.js";import{c as p,d as v,g as b}from"./p-f293a0e6.js";import{c as g,s as k,a as w}from"./p-395e11a4.js";import{n as S,e as y,i as M,b as D,g as x,c as Y,d as j}from"./p-3e11754e.js";import{d as L,a as I,c as $}from"./p-42064ede.js";import{d as A,g as C}from"./p-3cb9d125.js";import{c as T,s as H,d as z,u as F}from"./p-f70e0d88.js";import{o as P}from"./p-fe4ceb2a.js";import{g as _}from"./p-2b02889a.js";import{V as O}from"./p-a3f74f31.js";const W=5;function B(t,i,e=true,s){const n={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:D(i)};if(e){n.second="2-digit";if(s){n.fractionalSecondDigits=s}}return y(t,n)}function U(t,i){if(t===null||t===undefined){return}const e=t.toString();const s=A(t);if(t<1&&s>0&&s<4){const t=e.replace("0.","");if(!i||t.length===i){return t}if(t.length<i){return t.padEnd(i,"0")}return t}if(t>=0&&t<10){return e.padStart(2,"0")}if(t>=10){return e}}function Z(t){if(!q(t)){return null}const{hour:i,minute:e,second:s,fractionalSecond:n}=et(t);let r=`${U(parseInt(i))}:${U(parseInt(e))}`;if(s){r+=`:${U(parseInt(s))}`;if(n){r+=`.${n}`}}return r}function R(t){return parseInt((parseFloat(`0.${t}`)/.001).toFixed(3))}function N(t,i){const e=B(t,i);const s=e.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return J("meridiem",s)?"12":"24"}function E(t,i){S.numberFormatOptions={locale:t,numberingSystem:i};return S.localize("1.1").split("")[1]}function K(t,i,e="latn"){const s=B(i,e);const n=s.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return J(`${t}Suffix`,n)}function J(t,i){if(!t||!i){return null}if(t==="hourSuffix"){const t=i.indexOf(i.find((({type:t})=>t==="hour")));const e=i.indexOf(i.find((({type:t})=>t==="minute")));const s=i[t+1];return s&&s.type==="literal"&&e-t===2?s.value?.trim()||null:null}if(t==="minuteSuffix"){const t=i.indexOf(i.find((({type:t})=>t==="minute")));const e=i.indexOf(i.find((({type:t})=>t==="second")));const s=i[t+1];return s&&s.type==="literal"&&e-t===2?s.value?.trim()||null:null}if(t==="secondSuffix"){const t=i.indexOf(i.find((({type:t})=>t==="second")));const e=i[t+1];return e&&e.type==="literal"?e.value?.trim()||null:null}return i.find((({type:i})=>t=="meridiem"?i==="dayPeriod":i===t))?.value||null}function X(t){if(!M(t)){return null}const i=parseInt(t);return i>=0&&i<=11?"AM":"PM"}function q(t){if(!t||t.startsWith(":")||t.endsWith(":")){return false}const i=t.split(":");const e=i.length>1&&i.length<4;if(!e){return false}const[s,n,r]=i;const a=parseInt(i[0]);const o=parseInt(i[1]);const c=parseInt(i[2]);const h=M(s)&&a>=0&&a<24;const u=M(n)&&o>=0&&o<60;const l=M(r)&&c>=0&&c<60;if(h&&u&&!r||h&&u&&l){return true}}function G(t,i){if(i==="meridiem"){return t==="AM"||t==="PM"}if(!M(t)){return false}const e=Number(t);return i==="hour"?e>=0&&e<24:e>=0&&e<60}function Q({value:t,part:i,locale:e,numberingSystem:s}){if(i==="fractionalSecond"){const i=E(e,s);let n=null;if(t){S.numberFormatOptions={locale:e,numberingSystem:s};const r=S.localize("0");if(parseInt(t)===0){n="".padStart(t.length,r)}else{n=S.localize(`0.${t}`).replace(`${r}${i}`,"");if(n.length<t.length){n=n.padEnd(t.length,r)}}}return n}if(!G(t,i)){return}const n=parseInt(t);const r=new Date(Date.UTC(0,0,0,i==="hour"?n:i==="meridiem"?t==="AM"?0:12:0,i==="minute"?n:0,i==="second"?n:0));if(!r){return}const a=B(e,s);const o=a.formatToParts(r);return J(i,o)}function V({value:t,locale:i,numberingSystem:e,includeSeconds:s=true,fractionalSecondDigits:n}){if(!q(t)){return null}const{hour:r,minute:a,second:o="0",fractionalSecond:c}=et(t);const h=new Date(Date.UTC(0,0,0,parseInt(r),parseInt(a),parseInt(o),c&&R(c)));const u=B(i,e,s,n);return u.format(h)||null}function tt({value:t,locale:i,numberingSystem:e="latn"}){if(!q(t)){return null}const{hour:s,minute:n,second:r="0",fractionalSecond:a}=et(t);const o=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(r)));if(o){const t=B(i,e);const s=t.formatToParts(o);return{localizedHour:J("hour",s),localizedHourSuffix:J("hourSuffix",s),localizedMinute:J("minute",s),localizedMinuteSuffix:J("minuteSuffix",s),localizedSecond:J("second",s),localizedDecimalSeparator:E(i,e),localizedFractionalSecond:Q({value:a,part:"fractionalSecond",locale:i,numberingSystem:e}),localizedSecondSuffix:J("secondSuffix",s),localizedMeridiem:J("meridiem",s)}}return null}function it({value:t,locale:i,numberingSystem:e}){if(!q(t)){return null}const{hour:s,minute:n,second:r="0"}=et(t);const a=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(r)));if(a){const t=B(i,e);const s=t.formatToParts(a);return s}return null}function et(t){if(q(t)){const[i,e,s]=t.split(":");let n=s;let r=null;if(s?.includes(".")){[n,r]=s.split(".")}return{fractionalSecond:r,hour:i,minute:e,second:n}}return{fractionalSecond:null,hour:null,minute:null,second:null}}function st(t,i=true){if(!q(t)){return""}const{hour:e,minute:s,second:n,fractionalSecond:r}=et(t);let a=`${U(parseInt(e))}:${U(parseInt(s))}`;if(i){a+=`:${U(parseInt(i&&n||"0"))}`;if(r){a+=`.${r}`}}return a}const nt={toggleIcon:"toggle-icon"};var rt=60;var at=rt*60;var ot=at*24;var ct=ot*7;var ht=1e3;var ut=rt*ht;var lt=at*ht;var dt=ot*ht;var ft=ct*ht;var mt="millisecond";var pt="second";var vt="minute";var bt="hour";var gt="day";var kt="week";var wt="month";var St="quarter";var yt="year";var Mt="date";var Dt="YYYY-MM-DDTHH:mm:ssZ";var xt="Invalid Date";var Yt=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/;var jt=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;const Lt={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function t(i){var e=["th","st","nd","rd"];var s=i%100;return"["+i+(e[(s-20)%10]||e[s]||e[0])+"]"}};const It=Object.freeze({__proto__:null,default:Lt});var $t=function t(i,e,s){var n=String(i);if(!n||n.length>=e)return i;return""+Array(e+1-n.length).join(s)+i};var At=function t(i){var e=-i.utcOffset();var s=Math.abs(e);var n=Math.floor(s/60);var r=s%60;return""+(e<=0?"+":"-")+$t(n,2,"0")+":"+$t(r,2,"0")};var Ct=function t(i,e){if(i.date()<e.date())return-t(e,i);var s=(e.year()-i.year())*12+(e.month()-i.month());var n=i.clone().add(s,wt);var r=e-n<0;var a=i.clone().add(s+(r?-1:1),wt);return+(-(s+(e-n)/(r?n-a:a-n))||0)};var Tt=function t(i){return i<0?Math.ceil(i)||0:Math.floor(i)};var Ht=function t(i){var e={M:wt,y:yt,w:kt,d:gt,D:Mt,h:bt,m:vt,s:pt,ms:mt,Q:St};return e[i]||String(i||"").toLowerCase().replace(/s$/,"")};var zt=function t(i){return i===undefined};const Ft={s:$t,z:At,m:Ct,a:Tt,p:Ht,u:zt};var Pt="en";var _t={};_t[Pt]=Lt;var Ot="$isDayjsObject";var Wt=function t(i){return i instanceof Et||!!(i&&i[Ot])};var Bt=function t(i,e,s){var n;if(!i)return Pt;if(typeof i==="string"){var r=i.toLowerCase();if(_t[r]){n=r}if(e){_t[r]=e;n=r}var a=i.split("-");if(!n&&a.length>1){return t(a[0])}}else{var o=i.name;_t[o]=i;n=o}if(!s&&n)Pt=n;return n||!s&&Pt};var Ut=function t(i,e){if(Wt(i)){return i.clone()}var s=typeof e==="object"?e:{};s.date=i;s.args=arguments;return new Et(s)};var Zt=function t(i,e){return Ut(i,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var Rt=Ft;Rt.l=Bt;Rt.i=Wt;Rt.w=Zt;var Nt=function t(i){var e=i.date,s=i.utc;if(e===null)return new Date(NaN);if(Rt.u(e))return new Date;if(e instanceof Date)return new Date(e);if(typeof e==="string"&&!/Z$/i.test(e)){var n=e.match(Yt);if(n){var r=n[2]-1||0;var a=(n[7]||"0").substring(0,3);if(s){return new Date(Date.UTC(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,a))}return new Date(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,a)}}return new Date(e)};var Et=function(){function t(t){this.$L=Bt(t.locale,null,true);this.parse(t);this.$x=this.$x||t.x||{};this[Ot]=true}var i=t.prototype;i.parse=function t(i){this.$d=Nt(i);this.init()};i.init=function t(){var i=this.$d;this.$y=i.getFullYear();this.$M=i.getMonth();this.$D=i.getDate();this.$W=i.getDay();this.$H=i.getHours();this.$m=i.getMinutes();this.$s=i.getSeconds();this.$ms=i.getMilliseconds()};i.$utils=function t(){return Rt};i.isValid=function t(){return!(this.$d.toString()===xt)};i.isSame=function t(i,e){var s=Ut(i);return this.startOf(e)<=s&&s<=this.endOf(e)};i.isAfter=function t(i,e){return Ut(i)<this.startOf(e)};i.isBefore=function t(i,e){return this.endOf(e)<Ut(i)};i.$g=function t(i,e,s){if(Rt.u(i))return this[e];return this.set(s,i)};i.unix=function t(){return Math.floor(this.valueOf()/1e3)};i.valueOf=function t(){return this.$d.getTime()};i.startOf=function t(i,e){var s=this;var n=!Rt.u(e)?e:true;var r=Rt.p(i);var a=function t(i,e){var r=Rt.w(s.$u?Date.UTC(s.$y,e,i):new Date(s.$y,e,i),s);return n?r:r.endOf(gt)};var o=function t(i,e){var r=[0,0,0,0];var a=[23,59,59,999];return Rt.w(s.toDate()[i].apply(s.toDate("s"),(n?r:a).slice(e)),s)};var c=this.$W,h=this.$M,u=this.$D;var l="set"+(this.$u?"UTC":"");switch(r){case yt:return n?a(1,0):a(31,11);case wt:return n?a(1,h):a(0,h+1);case kt:{var d=this.$locale().weekStart||0;var f=(c<d?c+7:c)-d;return a(n?u-f:u+(6-f),h)}case gt:case Mt:return o(l+"Hours",0);case bt:return o(l+"Minutes",1);case vt:return o(l+"Seconds",2);case pt:return o(l+"Milliseconds",3);default:return this.clone()}};i.endOf=function t(i){return this.startOf(i,false)};i.$set=function t(i,e){var s;var n=Rt.p(i);var r="set"+(this.$u?"UTC":"");var a=(s={},s[gt]=r+"Date",s[Mt]=r+"Date",s[wt]=r+"Month",s[yt]=r+"FullYear",s[bt]=r+"Hours",s[vt]=r+"Minutes",s[pt]=r+"Seconds",s[mt]=r+"Milliseconds",s)[n];var o=n===gt?this.$D+(e-this.$W):e;if(n===wt||n===yt){var c=this.clone().set(Mt,1);c.$d[a](o);c.init();this.$d=c.set(Mt,Math.min(this.$D,c.daysInMonth())).$d}else if(a)this.$d[a](o);this.init();return this};i.set=function t(i,e){return this.clone().$set(i,e)};i.get=function t(i){return this[Rt.p(i)]()};i.add=function t(i,e){var s=this,n;i=Number(i);var r=Rt.p(e);var a=function t(e){var n=Ut(s);return Rt.w(n.date(n.date()+Math.round(e*i)),s)};if(r===wt){return this.set(wt,this.$M+i)}if(r===yt){return this.set(yt,this.$y+i)}if(r===gt){return a(1)}if(r===kt){return a(7)}var o=(n={},n[vt]=ut,n[bt]=lt,n[pt]=ht,n)[r]||1;var c=this.$d.getTime()+i*o;return Rt.w(c,this)};i.subtract=function t(i,e){return this.add(i*-1,e)};i.format=function t(i){var e=this;var s=this.$locale();if(!this.isValid())return s.invalidDate||xt;var n=i||Dt;var r=Rt.z(this);var a=this.$H,o=this.$m,c=this.$M;var h=s.weekdays,u=s.months,l=s.meridiem;var d=function t(i,s,r,a){return i&&(i[s]||i(e,n))||r[s].slice(0,a)};var f=function t(i){return Rt.s(a%12||12,i,"0")};var m=l||function(t,i,e){var s=t<12?"AM":"PM";return e?s.toLowerCase():s};var p=function t(i){switch(i){case"YY":return String(e.$y).slice(-2);case"YYYY":return Rt.s(e.$y,4,"0");case"M":return c+1;case"MM":return Rt.s(c+1,2,"0");case"MMM":return d(s.monthsShort,c,u,3);case"MMMM":return d(u,c);case"D":return e.$D;case"DD":return Rt.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return d(s.weekdaysMin,e.$W,h,2);case"ddd":return d(s.weekdaysShort,e.$W,h,3);case"dddd":return h[e.$W];case"H":return String(a);case"HH":return Rt.s(a,2,"0");case"h":return f(1);case"hh":return f(2);case"a":return m(a,o,true);case"A":return m(a,o,false);case"m":return String(o);case"mm":return Rt.s(o,2,"0");case"s":return String(e.$s);case"ss":return Rt.s(e.$s,2,"0");case"SSS":return Rt.s(e.$ms,3,"0");case"Z":return r}return null};return n.replace(jt,(function(t,i){return i||p(t)||r.replace(":","")}))};i.utcOffset=function t(){return-Math.round(this.$d.getTimezoneOffset()/15)*15};i.diff=function t(i,e,s){var n=this;var r=Rt.p(e);var a=Ut(i);var o=(a.utcOffset()-this.utcOffset())*ut;var t=this-a;var c=function t(){return Rt.m(n,a)};var h;switch(r){case yt:h=c()/12;break;case wt:h=c();break;case St:h=c()/3;break;case kt:h=(t-o)/ft;break;case gt:h=(t-o)/dt;break;case bt:h=t/lt;break;case vt:h=t/ut;break;case pt:h=t/ht;break;default:h=t;break}return s?h:Rt.a(h)};i.daysInMonth=function t(){return this.endOf(wt).$D};i.$locale=function t(){return _t[this.$L]};i.locale=function t(i,e){if(!i)return this.$L;var s=this.clone();var n=Bt(i,e,true);if(n)s.$L=n;return s};i.clone=function t(){return Rt.w(this.$d,this)};i.toDate=function t(){return new Date(this.valueOf())};i.toJSON=function t(){return this.isValid()?this.toISOString():null};i.toISOString=function t(){return this.$d.toISOString()};i.toString=function t(){return this.$d.toUTCString()};return t}();var Kt=Et.prototype;Ut.prototype=Kt;[["$ms",mt],["$s",pt],["$m",vt],["$H",bt],["$W",gt],["$M",wt],["$y",yt],["$D",Mt]].forEach((function(t){Kt[t[1]]=function(i){return this.$g(i,t[0],t[1])}}));Ut.extend=function(t,i){if(!t.$i){t(i,Et,Ut);t.$i=true}return Ut};Ut.locale=Bt;Ut.isDayjs=Wt;Ut.unix=function(t){return Ut(t*1e3)};Ut.en=_t[Pt];Ut.Ls=_t;Ut.p={};var Jt=function t(i){return i.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,i,e){return i||e.slice(1)}))};var Xt={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};var qt=function t(i,e){return i.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,i,s){var n=s&&s.toUpperCase();return i||e[s]||Xt[s]||Jt(e[n])}))};var Gt=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g;var Qt=/\d/;var Vt=/\d\d/;var ti=/\d{3}/;var ii=/\d{4}/;var ei=/\d\d?/;var si=/[+-]?\d+/;var ni=/[+-]\d\d:?(\d\d)?|Z/;var ri=/\d*[^-_:/,()\s\d]+/;var ai={};var oi=function t(i){i=+i;return i+(i>68?1900:2e3)};function ci(t){if(!t)return 0;if(t==="Z")return 0;var i=t.match(/([+-]|\d\d)/g);var e=+(i[1]*60)+(+i[2]||0);return e===0?0:i[0]==="+"?-e:e}var hi=function t(i){return function(t){this[i]=+t}};var ui=[ni,function(t){var i=this.zone||(this.zone={});i.offset=ci(t)}];var li=function t(i){var e=ai[i];return e&&(e.indexOf?e:e.s.concat(e.f))};var di=function t(i,e){var s;var n=ai,r=n.meridiem;if(!r){s=i===(e?"pm":"PM")}else{for(var a=1;a<=24;a+=1){if(i.indexOf(r(a,0,e))>-1){s=a>12;break}}}return s};var fi={A:[ri,function(t){this.afternoon=di(t,false)}],a:[ri,function(t){this.afternoon=di(t,true)}],S:[Qt,function(t){this.milliseconds=+t*100}],SS:[Vt,function(t){this.milliseconds=+t*10}],SSS:[ti,function(t){this.milliseconds=+t}],s:[ei,hi("seconds")],ss:[ei,hi("seconds")],m:[ei,hi("minutes")],mm:[ei,hi("minutes")],H:[ei,hi("hours")],h:[ei,hi("hours")],HH:[ei,hi("hours")],hh:[ei,hi("hours")],D:[ei,hi("day")],DD:[Vt,hi("day")],Do:[ri,function(t){var i=ai,e=i.ordinal;var s=t.match(/\d+/);this.day=s[0];if(!e)return;for(var n=1;n<=31;n+=1){if(e(n).replace(/\[|\]/g,"")===t){this.day=n}}}],M:[ei,hi("month")],MM:[Vt,hi("month")],MMM:[ri,function(t){var i=li("months");var e=li("monthsShort");var s=(e||i.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(s<1){throw new Error}this.month=s%12||s}],MMMM:[ri,function(t){var i=li("months");var e=i.indexOf(t)+1;if(e<1){throw new Error}this.month=e%12||e}],Y:[si,hi("year")],YY:[Vt,function(t){this.year=oi(t)}],YYYY:[ii,hi("year")],Z:ui,ZZ:ui};function mi(t){var i=t.afternoon;if(i!==undefined){var e=t.hours;if(i){if(e<12){t.hours+=12}}else if(e===12){t.hours=0}delete t.afternoon}}function pi(t){t=qt(t,ai&&ai.formats);var i=t.match(Gt);var e=i.length;for(var s=0;s<e;s+=1){var n=i[s];var r=fi[n];var a=r&&r[0];var o=r&&r[1];if(o){i[s]={regex:a,parser:o}}else{i[s]=n.replace(/^\[|\]$/g,"")}}return function(t){var s={};for(var n=0,r=0;n<e;n+=1){var a=i[n];if(typeof a==="string"){r+=a.length}else{var o=a.regex,c=a.parser;var h=t.slice(r);var u=o.exec(h);var l=u[0];c.call(s,l);t=t.replace(l,"")}}mi(s);return s}}var vi=function t(i,e,s){try{if(["x","X"].indexOf(e)>-1)return new Date((e==="X"?1e3:1)*i);var n=pi(e);var r=n(i),a=r.year,o=r.month,c=r.day,h=r.hours,u=r.minutes,l=r.seconds,d=r.milliseconds,f=r.zone;var m=new Date;var p=c||(!a&&!o?m.getDate():1);var v=a||m.getFullYear();var b=0;if(!(a&&!o)){b=o>0?o-1:m.getMonth()}var g=h||0;var k=u||0;var w=l||0;var S=d||0;if(f){return new Date(Date.UTC(v,b,p,g,k,w,S+f.offset*60*1e3))}if(s){return new Date(Date.UTC(v,b,p,g,k,w,S))}return new Date(v,b,p,g,k,w,S)}catch(t){return new Date("")}};const bi=function(t,i,e){e.p.customParseFormat=true;if(t&&t.parseTwoDigitYear){oi=t.parseTwoDigitYear}var s=i.prototype;var n=s.parse;s.parse=function(t){var i=t.date,s=t.utc,r=t.args;this.$u=s;var a=r[1];if(typeof a==="string"){var o=r[2]===true;var c=r[3]===true;var h=o||c;var u=r[2];if(c){u=r[2]}ai=this.$locale();if(!o&&u){ai=e.Ls[u]}this.$d=vi(i,a,s);this.init();if(u&&u!==true)this.$L=this.locale(u).$L;if(h&&i!=this.format(a)){this.$d=new Date("")}ai={}}else if(a instanceof Array){var l=a.length;for(var d=1;d<=l;d+=1){r[1]=a[d-1];var f=e.apply(this,r);if(f.isValid()){this.$d=f.$d;this.$L=f.$L;this.init();break}if(d===l)this.$d=new Date("")}}else{n.call(this,t)}}};const gi=function(t,i,e){var s=i.prototype;var n=function t(i){return i&&(i.indexOf?i:i.s)};var r=function t(i,e,s,r,a){var o=i.name?i:i.$locale();var c=n(o[e]);var h=n(o[s]);var u=c||h.map((function(t){return t.slice(0,r)}));if(!a)return u;var l=o.weekStart;return u.map((function(t,i){return u[(i+(l||0))%7]}))};var a=function t(){return e.Ls[e.locale()]};var o=function t(i,e){return i.formats[e]||Jt(i.formats[e.toUpperCase()])};var c=function t(){var i=this;return{months:function t(e){return e?e.format("MMMM"):r(i,"months")},monthsShort:function t(e){return e?e.format("MMM"):r(i,"monthsShort","months",3)},firstDayOfWeek:function t(){return i.$locale().weekStart||0},weekdays:function t(e){return e?e.format("dddd"):r(i,"weekdays")},weekdaysMin:function t(e){return e?e.format("dd"):r(i,"weekdaysMin","weekdays",2)},weekdaysShort:function t(e){return e?e.format("ddd"):r(i,"weekdaysShort","weekdays",3)},longDateFormat:function t(e){return o(i.$locale(),e)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};s.localeData=function(){return c.bind(this)()};e.localeData=function(){var t=a();return{firstDayOfWeek:function i(){return t.weekStart||0},weekdays:function t(){return e.weekdays()},weekdaysShort:function t(){return e.weekdaysShort()},weekdaysMin:function t(){return e.weekdaysMin()},months:function t(){return e.months()},monthsShort:function t(){return e.monthsShort()},longDateFormat:function i(e){return o(t,e)},meridiem:t.meridiem,ordinal:t.ordinal}};e.months=function(){return r(a(),"months")};e.monthsShort=function(){return r(a(),"monthsShort","months",3)};e.weekdays=function(t){return r(a(),"weekdays",null,null,t)};e.weekdaysShort=function(t){return r(a(),"weekdaysShort","weekdays",3,t)};e.weekdaysMin=function(t){return r(a(),"weekdaysMin","weekdays",2,t)}};const ki=function(t,i,e){var s=i.prototype;var n=s.format;e.en.formats=Xt;s.format=function(t){if(t===void 0){t=Dt}var i=this.$locale(),e=i.formats,s=e===void 0?{}:e;var r=qt(t,s);return n.call(this,r)}};const wi=function(t,i){var e=i.prototype.parse;i.prototype.parse=function(t){if(typeof t.date==="string"){var i=this.$locale();t.date=i&&i.preparse?i.preparse(t.date):t.date}return e.bind(this)(t)};var s=i.prototype.format;i.prototype.format=function(){for(var t=arguments.length,i=new Array(t),e=0;e<t;e++){i[e]=arguments[e]}var n=s.call.apply(s,[this].concat(i));var r=this.$locale();return r&&r.postformat?r.postformat(n):n};var n=i.prototype.fromToBase;if(n){i.prototype.fromToBase=function(t,i,e,s){var r=this.$locale()||e.$locale();return n.call(this,t,i,e,s,r&&r.postformat)}}};const Si=function(t,i,e){e.updateLocale=function(t,i){var s=e.Ls;var n=s[t];if(!n)return;var r=i?Object.keys(i):[];r.forEach((function(t){n[t]=i[t]}));return n}};const yi=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;-webkit-user-select:none;user-select:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([scale=s]){--calcite-toggle-spacing:0.5rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing:0.75rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing:1rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 2rem)}.input-wrapper{position:relative}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";const Mi=new Map([["ar",()=>import("./p-2eec61e7.js")],["bg",()=>import("./p-06cc30d3.js")],["bs",()=>import("./p-68db6af3.js")],["ca",()=>import("./p-63901e2f.js")],["cs",()=>import("./p-3ef6e612.js")],["da",()=>import("./p-930148c2.js")],["de",()=>import("./p-04735194.js")],["de-at",()=>import("./p-31153176.js")],["de-ch",()=>import("./p-996ef059.js")],["el",()=>import("./p-1c736cfe.js")],["en",()=>Promise.resolve().then((function(){return It}))],["en-au",()=>import("./p-9d0e4055.js")],["en-ca",()=>import("./p-8bd430bd.js")],["en-gb",()=>import("./p-6d0b2745.js")],["es",()=>import("./p-3d3046c4.js")],["es-mx",()=>import("./p-592b767e.js")],["et",()=>import("./p-73e74aca.js")],["fi",()=>import("./p-e4be5ae0.js")],["fr",()=>import("./p-7d4036d2.js")],["fr-ch",()=>import("./p-8030c613.js")],["he",()=>import("./p-76806149.js")],["hi",()=>import("./p-47056d0b.js")],["hr",()=>import("./p-eba2ecea.js")],["hu",()=>import("./p-e060f1e4.js")],["id",()=>import("./p-dd22bda7.js")],["it",()=>import("./p-ccedf69e.js")],["it-ch",()=>import("./p-3056ba68.js")],["ja",()=>import("./p-3ac6fd35.js")],["ko",()=>import("./p-a39e2044.js")],["lt",()=>import("./p-bb6cbd1b.js")],["lv",()=>import("./p-5f9acc16.js")],["mk",()=>import("./p-f5feb6c4.js")],["nl",()=>import("./p-d00ce9b7.js")],["nb",()=>import("./p-5d4f95f9.js")],["pl",()=>import("./p-294a712c.js")],["pt",()=>import("./p-30716925.js")],["pt-br",()=>import("./p-599f0a82.js")],["ro",()=>import("./p-e6decfea.js")],["ru",()=>import("./p-35ee4847.js")],["sk",()=>import("./p-f0453669.js")],["sl",()=>import("./p-56f54842.js")],["sr",()=>import("./p-d7f4dbe7.js")],["sv",()=>import("./p-22a0e5af.js")],["th",()=>import("./p-31cdf8ec.js")],["tr",()=>import("./p-86793f03.js")],["uk",()=>import("./p-7574ff7b.js")],["vi",()=>import("./p-445d6c9e.js")],["zh-cn",()=>import("./p-843218b1.js")],["zh-hk",()=>import("./p-fb1d6af6.js")],["zh-tw",()=>import("./p-1f29d6ec.js")]]);Ut.extend(bi);Ut.extend(gi);Ut.extend(ki);Ut.extend(wi);Ut.extend(Si);const Di=class{constructor(e){t(this,e);this.calciteInputTimePickerBeforeClose=i(this,"calciteInputTimePickerBeforeClose",6);this.calciteInputTimePickerBeforeOpen=i(this,"calciteInputTimePickerBeforeOpen",6);this.calciteInputTimePickerChange=i(this,"calciteInputTimePickerChange",7);this.calciteInputTimePickerClose=i(this,"calciteInputTimePickerClose",6);this.calciteInputTimePickerOpen=i(this,"calciteInputTimePickerOpen",6);this.focusOnOpen=false;this.dialogId=`time-picker-dialog--${h()}`;this.userChangedValue=false;this.referenceElementId=`input-time-picker-${h()}`;this.openTransitionProp="opacity";this.hostBlurHandler=()=>{const t=this.calciteInputEl.value;const i=this.delocalizeTimeString(t);if(!i){this.setValue("");return}if(i!==this.value){this.setValue(i)}const e=V({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)});if(e!==t){this.setInputValue(e)}this.deactivate()};this.calciteInternalInputFocusHandler=t=>{if(!this.readOnly){t.stopPropagation()}};this.calciteInternalInputInputHandler=t=>{const{effectiveLocale:i,numberingSystem:e}=this;if(e&&e!=="latn"){const s=t.target;S.numberFormatOptions={locale:i,numberingSystem:e,useGrouping:false};const n=S.delocalize(s.value).split("").map((t=>m.includes(t)?S.numberFormatter.format(Number(t)):t)).join("");this.setInputValue(n)}};this.timePickerChangeHandler=t=>{t.stopPropagation();const i=t.target;const e=i.value;const s=this.shouldIncludeSeconds();this.setValue(st(e,s));this.setInputValue(V({value:e,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:s,fractionalSecondDigits:A(this.step)}))};this.popoverCloseHandler=()=>{L(this,{onDeactivate:()=>{this.calciteInputEl.setFocus();this.focusOnOpen=false}});this.open=false};this.popoverOpenHandler=()=>{I(this,{onActivate:()=>{if(this.focusOnOpen){this.calciteTimePickerEl.setFocus();this.focusOnOpen=false}}})};this.keyDownHandler=t=>{const{defaultPrevented:i,key:e}=t;if(i){return}if(e==="Enter"){if(r(this)){t.preventDefault();this.calciteInputEl.setFocus()}if(t.composedPath().includes(this.calciteTimePickerEl)){return}const i=this.delocalizeTimeString(this.calciteInputEl.value);if(q(i)){this.setValue(i);const t=V({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)});if(i&&this.calciteInputEl.value!==t){this.setInputValue(t)}}}else if(e==="ArrowDown"){this.open=true;this.focusOnOpen=true;t.preventDefault()}else if(e==="Escape"&&this.open){this.open=false;t.preventDefault();this.calciteInputEl.setFocus()}};this.setCalcitePopoverEl=t=>{this.popoverEl=t};this.setInputAndTransitionEl=t=>{this.calciteInputEl=t;this.transitionEl=t};this.setCalciteTimePickerEl=t=>{this.calciteTimePickerEl=t;$(this,{focusTrapEl:t,focusTrapOptions:{initialFocus:false,setReturnFocus:false}})};this.setInputValue=t=>{if(!this.calciteInputEl){return}this.calciteInputEl.value=t};this.setValue=t=>{const i=this.value;const e=Z(t)||"";if(e===i){return}this.userChangedValue=true;this.value=e||"";const s=this.calciteInputTimePickerChange.emit();if(s.defaultPrevented){this.userChangedValue=false;this.value=i;this.setInputValue(V({value:i,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}};this.setValueDirectly=t=>{const i=this.shouldIncludeSeconds();this.value=st(t,i);this.setInputValue(this.value?V({value:this.value,includeSeconds:i,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,fractionalSecondDigits:A(this.step)}):"")};this.onInputWrapperClick=()=>{this.open=!this.open};this.deactivate=()=>{this.open=false};this.open=false;this.disabled=false;this.focusTrapDisabled=false;this.form=undefined;this.readOnly=false;this.messageOverrides=undefined;this.messages=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.numberingSystem=undefined;this.required=false;this.scale="m";this.status="idle";this.overlayPositioning="absolute";this.placement="auto";this.step=60;this.value=null;this.defaultMessages=undefined;this.effectiveLocale=""}openHandler(){P(this);if(this.disabled||this.readOnly){this.open=false;return}this.reposition(true)}handleFocusTrapDisabled(t){if(!this.open){return}t?L(this):I(this)}handleDisabledAndReadOnlyChange(t){if(!t){this.open=false}}onMessagesChange(){}numberingSystemWatcher(t){this.setInputValue(V({value:this.value,locale:this.effectiveLocale,numberingSystem:t,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}stepWatcher(t,i){if(i>=60&&t>0&&t<60||t>=60&&i>0&&i<60){this.setValueDirectly(this.value)}}valueWatcher(t){if(!this.userChangedValue){this.setValueDirectly(t)}this.userChangedValue=false}async effectiveLocaleWatcher(t){await this.loadDateTimeLocaleData();this.setInputValue(V({value:this.value,locale:t,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}async setFocus(){await g(this);this.el.focus()}async reposition(t=false){this.popoverEl?.reposition(t)}onBeforeOpen(){this.calciteInputTimePickerBeforeOpen.emit()}onOpen(){this.calciteInputTimePickerOpen.emit()}onBeforeClose(){this.calciteInputTimePickerBeforeClose.emit()}onClose(){this.calciteInputTimePickerClose.emit()}delocalizeTimeString(t){Ut.locale(this.effectiveLocale.toLowerCase());const i=this.delocalizeTimeStringToParts(t);let e;if(this.shouldIncludeFractionalSeconds()){const s=A(this.step);const n=this.delocalizeTimeStringToParts(t,"S");if(s===1){e=n.millisecond!==0?this.getTimeStringFromParts(n):this.getTimeStringFromParts(i)}else{const r=this.delocalizeTimeStringToParts(t,"SS");if(s===2){if(r.millisecond!==0){e=this.getTimeStringFromParts(r)}else if(n.millisecond!==0){e=this.getTimeStringFromParts(n)}else{e=this.getTimeStringFromParts(i)}}else if(s>=3){const s=this.delocalizeTimeStringToParts(t,"SSS");if(s.millisecond!==0){e=this.getTimeStringFromParts(s)}else if(r.millisecond!==0){e=this.getTimeStringFromParts(r)}else if(n.millisecond!==0){e=this.getTimeStringFromParts(n)}else{e=this.getTimeStringFromParts(i)}}}}else{e=this.getTimeStringFromParts(i)}return e}delocalizeTimeStringToParts(t,i){const e=this.localeConfig?.formats?.LTS;const s=e.match(/ss\.*(S+)/g);if(i&&this.shouldIncludeFractionalSeconds()){const t=`ss.${i}`;this.localeConfig.formats.LTS=s?e.replace(s[0],t):e.replace("ss",t)}else if(s){this.localeConfig.formats.LTS=e.replace(s[0],"ss")}Ut.updateLocale(this.getSupportedDayjsLocale(x(this.effectiveLocale)),this.localeConfig);const n=Ut(t,["LTS","LT"]);if(n.isValid()){return{hour:n.get("hour"),minute:n.get("minute"),second:n.get("second"),millisecond:n.get("millisecond")}}return{hour:null,minute:null,second:null,millisecond:null}}getTimeStringFromParts(t){let i="";if(!t){return i}if(t.hour!==null&&t.minute!==null){i=`${U(t.hour)}:${U(t.minute)}`;if(this.shouldIncludeSeconds()&&t.second!==null){i+=`:${U(t.second)}`;if(this.shouldIncludeFractionalSeconds()&&t.millisecond!==null){const e=(t.millisecond*.001).toFixed(A(this.step));i+=`.${e.toString().replace("0.","")}`}}}return i}getSupportedDayjsLocale(t){const i=t.toLowerCase();if(i==="no"){return"nb"}if(i==="pt-pt"){return"pt"}return i}async loadDateTimeLocaleData(){let t=x(this.effectiveLocale).toLowerCase();t=this.getSupportedDayjsLocale(t);const{default:i}=await Mi.get(t)();this.localeConfig=i;Ut.locale(this.localeConfig,null,true);Ut.updateLocale(t,this.getExtendedLocaleConfig(t))}getExtendedLocaleConfig(t){if(t==="ar"){return{meridiem:t=>t>12?"م":"ص",formats:{LT:"HH:mm A",LTS:"HH:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm A",LLLL:"dddd D MMMM YYYY HH:mm A"}}}if(t==="en-au"){return{meridiem:t=>t>12?"pm":"am"}}if(t==="en-ca"){return{meridiem:t=>t>12?"p.m.":"a.m."}}if(t==="el"){return{meridiem:t=>t>12?"μ.μ.":"π.μ."}}if(t==="hi"){return{formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, h:mm A",LLLL:"dddd, D MMMM YYYY, h:mm A"},meridiem:t=>t>12?"pm":"am"}}if(t==="ko"){return{meridiem:t=>t>12?"오후":"오전"}}if(t==="zh-tw"){return{formats:{LT:"AHH:mm",LTS:"AHH:mm:ss"}}}if(t==="zh-hk"){return{formats:{LT:"AHH:mm",LTS:"AHH:mm:ss"},meridiem:t=>t>12?"下午":"上午"}}}onLabelClick(){this.setFocus()}shouldIncludeSeconds(){return this.step<60}shouldIncludeFractionalSeconds(){return A(this.step)>0}connectedCallback(){u(this);Y(this);if(q(this.value)){this.setValueDirectly(this.value)}else{this.value=undefined}p(this);a(this);T(this)}async componentWillLoad(){k(this);await Promise.all([H(this),this.loadDateTimeLocaleData()]);if(this.open){P(this)}}componentDidLoad(){w(this);if(q(this.value)){this.setInputValue(V({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}}disconnectedCallback(){l(this);v(this);o(this);j(this);L(this);z(this)}componentDidRender(){d(this)}render(){const{disabled:t,messages:i,readOnly:n,dialogId:r}=this;return e(s,{onBlur:this.hostBlurHandler,onKeyDown:this.keyDownHandler},e(f,{disabled:this.disabled},e("div",{class:"input-wrapper",onClick:this.onInputWrapperClick},e("calcite-input-text",{"aria-autocomplete":"none","aria-haspopup":"dialog",disabled:t,icon:"clock",id:this.referenceElementId,label:b(this),lang:this.effectiveLocale,onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextFocus:this.calciteInternalInputFocusHandler,readOnly:n,role:"combobox",scale:this.scale,status:this.status,ref:this.setInputAndTransitionEl}),!this.readOnly&&this.renderToggleIcon(this.open)),e("calcite-popover",{focusTrapDisabled:true,id:r,label:i.chooseTime,lang:this.effectiveLocale,onCalcitePopoverClose:this.popoverCloseHandler,onCalcitePopoverOpen:this.popoverOpenHandler,open:this.open,overlayPositioning:this.overlayPositioning,placement:this.placement,referenceElement:this.referenceElementId,triggerDisabled:true,ref:this.setCalcitePopoverEl},e("calcite-time-picker",{lang:this.effectiveLocale,messageOverrides:this.messageOverrides,numberingSystem:this.numberingSystem,onCalciteInternalTimePickerChange:this.timePickerChangeHandler,scale:this.scale,step:this.step,tabIndex:this.open?undefined:-1,value:this.value,ref:this.setCalciteTimePickerEl})),e(c,{component:this}),this.validationMessage&&this.status==="invalid"?e(O,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}renderToggleIcon(t){return e("span",{class:nt.toggleIcon},e("calcite-icon",{icon:t?"chevron-up":"chevron-down",scale:_(this.scale)}))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{open:["openHandler"],focusTrapDisabled:["handleFocusTrapDisabled"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],messageOverrides:["onMessagesChange"],numberingSystem:["numberingSystemWatcher"],step:["stepWatcher"],value:["valueWatcher"],effectiveLocale:["effectiveLocaleWatcher"]}}};Di.style=yi;const xi={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonFractionalSecondDown:"button--fractionalSecond-down",buttonFractionalSecondUp:"button--fractionalSecond-up",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",fractionalSecond:"fractionalSecond",hour:"hour",input:"input",inputFocus:"inputFocus",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"};const Yi=":host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-color-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-color-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-color-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-2);z-index:var(--calcite-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;outline-offset:0}.time-picker .input.inputFocus,.time-picker .input:hover.inputFocus{box-shadow:inset 0 0 0 2px var(--calcite-color-brand);z-index:var(--calcite-z-index-header)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";function ji(t){return t.charAt(0).toUpperCase()+t.slice(1)}const Li=class{constructor(e){t(this,e);this.calciteInternalTimePickerBlur=i(this,"calciteInternalTimePickerBlur",6);this.calciteInternalTimePickerChange=i(this,"calciteInternalTimePickerChange",6);this.calciteInternalTimePickerFocus=i(this,"calciteInternalTimePickerFocus",6);this.pointerActivated=false;this.decrementHour=()=>{const t=!this.hour?0:this.hour==="00"?23:parseInt(this.hour)-1;this.setValuePart("hour",t)};this.decrementMeridiem=()=>{const t=this.meridiem==="PM"?"AM":"PM";this.setValuePart("meridiem",t)};this.decrementMinuteOrSecond=t=>{let i;if(M(this[t])){const e=parseInt(this[t]);i=e===0?59:e-1}else{i=59}this.setValuePart(t,i)};this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")};this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")};this.focusHandler=t=>{if(this.pointerActivated){return}this.activeEl=t.currentTarget};this.fractionalSecondKeyDownHandler=t=>{const{key:i}=t;if(m.includes(i)){const t=A(this.step);const e=parseInt(this.fractionalSecond);const s=e.toString().length;let n;if(s>=t){n=i.padStart(t,"0")}else if(s<t){n=`${e}${i}`.padStart(t,"0")}this.setValuePart("fractionalSecond",parseFloat(`0.${n}`))}else{switch(i){case"Backspace":case"Delete":this.setValuePart("fractionalSecond",null);break;case"ArrowDown":t.preventDefault();this.nudgeFractionalSecond("down");break;case"ArrowUp":t.preventDefault();this.nudgeFractionalSecond("up");break;case" ":t.preventDefault();break}}};this.fractionalSecondDownClickHandler=()=>{this.activeEl=this.fractionalSecondEl;this.fractionalSecondEl.focus();this.nudgeFractionalSecond("down")};this.fractionalSecondUpClickHandler=()=>{this.activeEl=this.fractionalSecondEl;this.fractionalSecondEl.focus();this.nudgeFractionalSecond("up")};this.hourDownClickHandler=()=>{this.activeEl=this.hourEl;this.hourEl.focus();this.decrementHour()};this.hourKeyDownHandler=t=>{const{key:i}=t;if(m.includes(i)){const t=parseInt(i);let e;if(M(this.hour)){switch(this.hourCycle){case"12":e=this.hour==="01"&&t>=0&&t<=2?`1${t}`:t;break;case"24":if(this.hour==="01"){e=`1${t}`}else if(this.hour==="02"&&t>=0&&t<=3){e=`2${t}`}else{e=t}break}}else{e=t}this.setValuePart("hour",e)}else{switch(i){case"Backspace":case"Delete":this.setValuePart("hour",null);break;case"ArrowDown":t.preventDefault();this.decrementHour();break;case"ArrowUp":t.preventDefault();this.incrementHour();break;case" ":t.preventDefault();break}}};this.hourUpClickHandler=()=>{this.activeEl=this.hourEl;this.hourEl.focus();this.incrementHour()};this.incrementMeridiem=()=>{const t=this.meridiem==="AM"?"PM":"AM";this.setValuePart("meridiem",t)};this.incrementHour=()=>{const t=M(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",t)};this.incrementMinuteOrSecond=t=>{const i=M(this[t])?this[t]==="59"?0:parseInt(this[t])+1:0;this.setValuePart(t,i)};this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")};this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")};this.inputClickHandler=t=>{this.activeEl=t.target};this.meridiemUpClickHandler=()=>{this.activeEl=this.meridiemEl;this.meridiemEl.focus();this.incrementMeridiem()};this.meridiemKeyDownHandler=t=>{switch(t.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":this.setValuePart("meridiem",null);break;case"ArrowUp":t.preventDefault();this.incrementMeridiem();break;case"ArrowDown":t.preventDefault();this.decrementMeridiem();break;case" ":t.preventDefault();break}};this.meridiemDownClickHandler=()=>{this.activeEl=this.meridiemEl;this.meridiemEl.focus();this.decrementMeridiem()};this.minuteDownClickHandler=()=>{this.activeEl=this.minuteEl;this.minuteEl.focus();this.decrementMinute()};this.minuteUpClickHandler=()=>{this.activeEl=this.minuteEl;this.minuteEl.focus();this.incrementMinute()};this.minuteKeyDownHandler=t=>{const{key:i}=t;if(m.includes(i)){const t=parseInt(i);let e;if(M(this.minute)&&this.minute.startsWith("0")){const i=parseInt(this.minute);e=i>W?t:`${i}${t}`}else{e=t}this.setValuePart("minute",e)}else{switch(i){case"Backspace":case"Delete":this.setValuePart("minute",null);break;case"ArrowDown":t.preventDefault();this.decrementMinute();break;case"ArrowUp":t.preventDefault();this.incrementMinute();break;case" ":t.preventDefault();break}}};this.nudgeFractionalSecond=t=>{const i=C(this.step);const e=A(this.step);const s=parseInt(this.fractionalSecond);const n=parseFloat(`0.${this.fractionalSecond}`);let r;let a;let o;let c;if(t==="up"){r=isNaN(s)?0:n+i;a=parseFloat(r.toFixed(e));o=C(a);c=a<1&&A(o)>0?U(o,e):"".padStart(e,"0")}if(t==="down"){r=isNaN(s)||s===0?1-i:n-i;a=parseFloat(r.toFixed(e));o=C(a);c=a<1&&A(o)>0&&Math.sign(o)===1?U(o,e):"".padStart(e,"0")}this.setValuePart("fractionalSecond",c)};this.sanitizeValue=t=>{const{hour:i,minute:e,second:s,fractionalSecond:n}=et(t);if(n){const t=this.sanitizeFractionalSecond(n);return`${i}:${e}:${s}.${t}`}return q(t)&&t};this.sanitizeFractionalSecond=t=>t&&A(this.step)!==t.length?parseFloat(`0.${t}`).toFixed(A(this.step)).replace("0.",""):t;this.secondKeyDownHandler=t=>{const{key:i}=t;if(m.includes(i)){const t=parseInt(i);let e;if(M(this.second)&&this.second.startsWith("0")){const i=parseInt(this.second);e=i>W?t:`${i}${t}`}else{e=t}this.setValuePart("second",e)}else{switch(i){case"Backspace":case"Delete":this.setValuePart("second",null);break;case"ArrowDown":t.preventDefault();this.decrementSecond();break;case"ArrowUp":t.preventDefault();this.incrementSecond();break;case" ":t.preventDefault();break}}};this.secondDownClickHandler=()=>{this.activeEl=this.secondEl;this.secondEl.focus();this.decrementSecond()};this.secondUpClickHandler=()=>{this.activeEl=this.secondEl;this.secondEl.focus();this.incrementSecond()};this.setHourEl=t=>this.hourEl=t;this.setMeridiemEl=t=>this.meridiemEl=t;this.setMinuteEl=t=>this.minuteEl=t;this.setSecondEl=t=>this.secondEl=t;this.setFractionalSecondEl=t=>this.fractionalSecondEl=t;this.setValue=t=>{if(q(t)){const{hour:i,minute:e,second:s,fractionalSecond:n}=et(t);const{effectiveLocale:r,numberingSystem:a}=this;const{localizedHour:o,localizedHourSuffix:c,localizedMinute:h,localizedMinuteSuffix:u,localizedSecond:l,localizedDecimalSeparator:d,localizedFractionalSecond:f,localizedSecondSuffix:m,localizedMeridiem:p}=tt({value:t,locale:r,numberingSystem:a});this.hour=i;this.minute=e;this.second=s;this.fractionalSecond=this.sanitizeFractionalSecond(n);this.localizedHour=o;this.localizedHourSuffix=c;this.localizedMinute=h;this.localizedMinuteSuffix=u;this.localizedSecond=l;this.localizedDecimalSeparator=d;this.localizedFractionalSecond=f;this.localizedSecondSuffix=m;if(p){this.localizedMeridiem=p;this.meridiem=X(this.hour);const i=it({value:t,locale:r,numberingSystem:a});this.meridiemOrder=this.getMeridiemOrder(i)}}else{this.hour=null;this.fractionalSecond=null;this.localizedHour=null;this.localizedHourSuffix=K("hour",this.effectiveLocale,this.numberingSystem);this.localizedMeridiem=null;this.localizedMinute=null;this.localizedMinuteSuffix=K("minute",this.effectiveLocale,this.numberingSystem);this.localizedSecond=null;this.localizedDecimalSeparator=E(this.effectiveLocale,this.numberingSystem);this.localizedFractionalSecond=null;this.localizedSecondSuffix=K("second",this.effectiveLocale,this.numberingSystem);this.meridiem=null;this.minute=null;this.second=null;this.value=null}};this.setValuePart=(t,i)=>{const{effectiveLocale:e,numberingSystem:s}=this;if(t==="meridiem"){this.meridiem=i;if(M(this.hour)){const t=parseInt(this.hour);switch(i){case"AM":if(t>=12){this.hour=U(t-12)}break;case"PM":if(t<12){this.hour=U(t+12)}break}this.localizedHour=Q({value:this.hour,part:"hour",locale:e,numberingSystem:s})}}else if(t==="fractionalSecond"){const t=A(this.step);if(typeof i==="number"){this.fractionalSecond=i===0?"".padStart(t,"0"):U(i,t)}else{this.fractionalSecond=i}this.localizedFractionalSecond=Q({value:this.fractionalSecond,part:"fractionalSecond",locale:e,numberingSystem:s})}else{this[t]=typeof i==="number"?U(i):i;this[`localized${ji(t)}`]=Q({value:this[t],part:t,locale:e,numberingSystem:s})}let n=false;let r;if(this.hour&&this.minute){r=`${this.hour}:${this.minute}`;if(this.showSecond){r=`${r}:${this.second??"00"}`;if(this.showFractionalSecond&&this.fractionalSecond){r=`${r}.${this.fractionalSecond}`}}}else{r=null}if(this.value!==r){n=true}this.value=r;this.localizedMeridiem=this.value?tt({value:this.value,locale:e,numberingSystem:s})?.localizedMeridiem||null:Q({value:this.meridiem,part:"meridiem",locale:e,numberingSystem:s});if(n){this.calciteInternalTimePickerChange.emit()}};this.scale="m";this.step=60;this.numberingSystem=undefined;this.value=null;this.messages=undefined;this.messageOverrides=undefined;this.activeEl=undefined;this.effectiveLocale="";this.fractionalSecond=undefined;this.hour=undefined;this.hourCycle=undefined;this.localizedDecimalSeparator=".";this.localizedHour=undefined;this.localizedHourSuffix=undefined;this.localizedMeridiem=undefined;this.localizedFractionalSecond=undefined;this.localizedMinute=undefined;this.localizedMinuteSuffix=undefined;this.localizedSecond=undefined;this.localizedSecondSuffix=undefined;this.meridiem=undefined;this.minute=undefined;this.second=undefined;this.showFractionalSecond=undefined;this.showSecond=undefined;this.defaultMessages=undefined}stepChange(){this.toggleSecond()}valueWatcher(t){this.setValue(t)}onMessagesChange(){}effectiveLocaleWatcher(){this.updateLocale()}blurHandler(){this.activeEl=undefined;this.pointerActivated=false;this.calciteInternalTimePickerBlur.emit()}hostFocusHandler(){this.calciteInternalTimePickerFocus.emit()}keyDownHandler(t){this.pointerActivated=false;const{defaultPrevented:i,key:e}=t;if(i){return}switch(this.activeEl){case this.hourEl:if(e==="ArrowRight"){this.focusPart("minute");t.preventDefault()}break;case this.minuteEl:switch(e){case"ArrowLeft":this.focusPart("hour");t.preventDefault();break;case"ArrowRight":if(this.step!==60){this.focusPart("second");t.preventDefault()}else if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.secondEl:switch(e){case"ArrowLeft":this.focusPart("minute");t.preventDefault();break;case"ArrowRight":if(this.showFractionalSecond){this.focusPart("fractionalSecond")}else if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.fractionalSecondEl:switch(e){case"ArrowLeft":this.focusPart("second");t.preventDefault();break;case"ArrowRight":if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.meridiemEl:switch(e){case"ArrowLeft":if(this.showFractionalSecond){this.focusPart("fractionalSecond")}else if(this.step!==60){this.focusPart("second");t.preventDefault()}else{this.focusPart("minute");t.preventDefault()}break}break}}pointerDownHandler(){this.pointerActivated=true}async setFocus(){await g(this);this.el?.focus()}async focusPart(t){await g(this);this[`${t||"hour"}El`]?.focus()}toggleSecond(){this.showSecond=this.step<60;this.showFractionalSecond=A(this.step)>0}getMeridiemOrder(t){const i=this.effectiveLocale;const e=i==="ar"||i==="he";if(t&&!e){const i=t.findIndex((t=>t.value===this.localizedMeridiem));return i}return 0}updateLocale(){F(this,this.effectiveLocale);this.hourCycle=N(this.effectiveLocale,this.numberingSystem);this.localizedDecimalSeparator=E(this.effectiveLocale,this.numberingSystem);this.setValue(this.sanitizeValue(this.value))}connectedCallback(){Y(this);this.updateLocale();T(this);this.toggleSecond();this.meridiemOrder=this.getMeridiemOrder(it({value:"0:00:00",locale:this.effectiveLocale,numberingSystem:this.numberingSystem}))}async componentWillLoad(){k(this);await H(this)}componentDidLoad(){w(this)}disconnectedCallback(){j(this);z(this)}render(){const t=M(this.hour);const i=_(this.scale);const s=M(this.minute);const n=M(this.second);const r=M(this.fractionalSecond);const a=this.hourCycle==="12";return e("div",{class:{[xi.timePicker]:true,[xi.showMeridiem]:a,[xi.showSecond]:this.showSecond,[xi[`scale-${this.scale}`]]:true},dir:"ltr"},e("div",{class:xi.column,role:"group"},e("span",{"aria-label":this.messages.hourUp,class:{[xi.button]:true,[xi.buttonHourUp]:true,[xi.buttonTopLeft]:true},onClick:this.hourUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.hour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":t&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:{[xi.input]:true,[xi.hour]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.hourEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setHourEl},this.localizedHour||"--"),e("span",{"aria-label":this.messages.hourDown,class:{[xi.button]:true,[xi.buttonHourDown]:true,[xi.buttonBottomLeft]:true},onClick:this.hourDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))),e("span",{class:xi.delimiter},this.localizedHourSuffix),e("div",{class:xi.column,role:"group"},e("span",{"aria-label":this.messages.minuteUp,class:{[xi.button]:true,[xi.buttonMinuteUp]:true},onClick:this.minuteUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.minute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":s&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:{[xi.input]:true,[xi.minute]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.minuteEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setMinuteEl},this.localizedMinute||"--"),e("span",{"aria-label":this.messages.minuteDown,class:{[xi.button]:true,[xi.buttonMinuteDown]:true},onClick:this.minuteDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.showSecond&&e("span",{class:xi.delimiter},this.localizedMinuteSuffix),this.showSecond&&e("div",{class:xi.column,role:"group"},e("span",{"aria-label":this.messages.secondUp,class:{[xi.button]:true,[xi.buttonSecondUp]:true},onClick:this.secondUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.second,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":n&&parseInt(this.second)||"0","aria-valuetext":this.second,class:{[xi.input]:true,[xi.second]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.secondEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setSecondEl},this.localizedSecond||"--"),e("span",{"aria-label":this.messages.secondDown,class:{[xi.button]:true,[xi.buttonSecondDown]:true},onClick:this.secondDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.showFractionalSecond&&e("span",{class:xi.delimiter},this.localizedDecimalSeparator),this.showFractionalSecond&&e("div",{class:xi.column,role:"group"},e("span",{"aria-label":this.messages.fractionalSecondUp,class:{[xi.button]:true,[xi.buttonFractionalSecondUp]:true},onClick:this.fractionalSecondUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.fractionalSecond,"aria-valuemax":"999","aria-valuemin":"1","aria-valuenow":r&&parseInt(this.fractionalSecond)||"0","aria-valuetext":this.localizedFractionalSecond,class:{[xi.input]:true,[xi.fractionalSecond]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.fractionalSecondEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.fractionalSecondKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setFractionalSecondEl},this.localizedFractionalSecond||"--"),e("span",{"aria-label":this.messages.fractionalSecondDown,class:{[xi.button]:true,[xi.buttonFractionalSecondDown]:true},onClick:this.fractionalSecondDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.localizedSecondSuffix&&e("span",{class:xi.delimiter},this.localizedSecondSuffix),a&&e("div",{class:{[xi.column]:true,[xi.meridiemStart]:this.meridiemOrder===0},role:"group"},e("span",{"aria-label":this.messages.meridiemUp,class:{[xi.button]:true,[xi.buttonMeridiemUp]:true,[xi.buttonTopRight]:true},onClick:this.meridiemUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.meridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":this.meridiem==="PM"&&"2"||"1","aria-valuetext":this.meridiem,class:{[xi.input]:true,[xi.meridiem]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.meridiemEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setMeridiemEl},this.localizedMeridiem||"--"),e("span",{"aria-label":this.messages.meridiemDown,class:{[xi.button]:true,[xi.buttonMeridiemDown]:true,[xi.buttonBottomRight]:true},onClick:this.meridiemDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{step:["stepChange"],value:["valueWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};Li.style=Yi;export{Di as I,Li as T,Ut as d};
+//# sourceMappingURL=p-777bf10b.js.map

package/dist/calcite/p-784c638e.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as e,c as t,h as i,g as s}from"./p-b803ea41.js";import{f as a}from"./p-aac111c7.js";import{c as n,u as o,d as r,I as c}from"./p-e2450177.js";import{s as l,a as d,c as h}from"./p-395e11a4.js";import{c as p,d as f}from"./p-3e11754e.js";import{u as m,s as u,c as b,d as g}from"./p-f70e0d88.js";import{d as v}from"./p-c526578a.js";import"./p-4ff2dc44.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-18fefdd4.js";import"./p-4c100949.js";const y={container:"container",searchIcon:"search-icon"};const x={search:"search",close:"x"};const j=250;const w=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;inline-size:100%;padding:0.5rem}label{position:relative;margin-inline:0.25rem;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}input[type=text]{margin-block-end:0.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);padding-inline-end:0.25rem;padding-inline-start:1.5rem;transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{inline-size:100%}.search-icon{position:absolute;display:flex;color:var(--calcite-color-text-2);inset-inline-start:0;transition:inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-color-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:flex;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-color-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}";const z=class{constructor(i){e(this,i);this.calciteFilterChange=t(this,"calciteFilterChange",6);this.filterDebounced=v(((e,t=false,i)=>this.items.length&&this.updateFiltered(a(this.items,e),t,i)),j);this.inputHandler=e=>{const t=e.target;this.value=t.value;this.filterDebounced(t.value,true)};this.keyDownHandler=e=>{if(e.key==="Escape"){this.clear();e.preventDefault()}if(e.key==="Enter"){e.preventDefault()}};this.clear=()=>{this.value="";this.filterDebounced("",true);this.setFocus()};this.items=[];this.disabled=false;this.filteredItems=[];this.placeholder=undefined;this.scale="m";this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}watchItemsHandler(){this.filterDebounced(this.value)}onMessagesChange(){}valueHandler(e){this.filterDebounced(e)}effectiveLocaleChange(){m(this,this.effectiveLocale)}async componentWillLoad(){l(this);if(this.items.length){this.updateFiltered(a(this.items,this.value))}await u(this)}connectedCallback(){n(this);p(this);b(this)}componentDidRender(){o(this)}disconnectedCallback(){r(this);f(this);g(this);this.filterDebounced.cancel()}componentDidLoad(){d(this)}async filter(e=this.value){return new Promise((t=>{this.value=e;this.filterDebounced(e,false,t)}))}async setFocus(){await h(this);this.el?.focus()}updateFiltered(e,t=false,i){this.filteredItems=e;if(t){this.calciteFilterChange.emit()}i?.()}render(){const{disabled:e,scale:t}=this;return i(c,{disabled:e},i("div",{class:y.container},i("label",null,i("calcite-input",{clearable:true,disabled:e,icon:x.search,label:this.messages.label,messageOverrides:{clear:this.messages.clear},onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,scale:t,type:"text",value:this.value,ref:e=>{this.textInput=e}}))))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{items:["watchItemsHandler"],messageOverrides:["onMessagesChange"],value:["valueHandler"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=w;export{z as calcite_filter};
+//# sourceMappingURL=p-784c638e.entry.js.map