@esri/calcite-components 2.2.0-next.10 → 2.2.0-next.11

package/dist/calcite/p-31499797.entry.js

@@ -1,7 +0,0 @@
-/*!
- * 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.2.0-next.10
- */
-import{r as t,c as e,h as i,H as s,g as o,F as n}from"./p-c0595915.js";import{z as a,l as c,g as r,A as l,t as d}from"./p-26960e4c.js";import{g as h}from"./p-af2e8eba.js";import{c as b}from"./p-1a02138f.js";import{c as u,d as p,I as f,u as m}from"./p-3c1c7466.js";import{c as g,d as v}from"./p-904be5f8.js";import{c as x,d as y,s as k,u as T}from"./p-9a9521de.js";import{g as C}from"./p-da020626.js";import"./p-48317d63.js";import"./p-9a7e6205.js";import"./p-9306d022.js";const z={container:"container",content:"content"};const w=":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}.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}section,.container{display:none;block-size:100%;inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const I=class{constructor(i){t(this,i);this.calciteInternalTabRegister=e(this,"calciteInternalTabRegister",6);this.guid=`calcite-tab-title-${h()}`;this.tab=undefined;this.selected=false;this.scale="m";this.labeledBy=undefined}render(){const t=this.el.id||this.guid;return i(s,{"aria-labelledby":this.labeledBy,id:t},i("div",{class:{[z.container]:true,[`scale-${this.scale}`]:true},role:"tabpanel",tabIndex:this.selected?0:-1},i("section",{class:z.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(a(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 o(this)}};I.style=w;const A={container:"tab-nav"};const H=":host{position:relative;display:flex}.scale-s{min-block-size:1.5rem}.scale-m{min-block-size:2rem}.scale-l{min-block-size:2.75rem}:host([layout=center]:not([bordered])){padding-inline:1.25rem}:host([layout=center]:not([bordered])) .tab-nav ::slotted(calcite-tab-title:last-child){margin-inline-end:0px}:host(:not([bordered])) .scale-l ::slotted(calcite-tab-title){margin-inline-end:1.5rem}:host(:not([bordered])) .scale-m ::slotted(calcite-tab-title){margin-inline-end:1.25rem}:host(:not([bordered])) .scale-s ::slotted(calcite-tab-title){margin-inline-end:1rem}.tab-nav{display:flex;inline-size:100%;justify-content:flex-start;overflow:auto}.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)}:host([layout=center]) .tab-nav{justify-content:space-evenly}: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 L=class{constructor(i){t(this,i);this.calciteTabChange=e(this,"calciteTabChange",6);this.calciteInternalTabChange=e(this,"calciteInternalTabChange",6);this.animationActiveDuration=.3;this.resizeObserver=b("resize",(()=>{if(!this.activeIndicatorEl){return}this.activeIndicatorEl.style.transitionDuration="0s";this.updateActiveWidth();this.updateOffsetPosition()}));this.handleTabFocus=(t,e,i)=>{c(this.enabledTabTitles,e,i);t.stopPropagation()};this.handleContainerScroll=()=>{this.activeIndicatorEl.style.transitionDuration="0s";this.updateOffsetPosition()};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.selectedTabId=undefined}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.updateOffsetPosition();this.updateActiveWidth();this.activeIndicatorEl.style.transitionDuration=`${this.animationActiveDuration}s`}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs");this.resizeObserver?.observe(this.el)}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}}componentWillRender(){const{parentTabsEl:t}=this;this.layout=t?.layout;this.bordered=t?.bordered;if(this.selectedTitle){this.updateOffsetPosition()}}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()}render(){const t=r(this.el);const e=`${this.indicatorWidth}px`;const o=`${this.indicatorOffset}px`;const n=t!=="rtl"?{width:e,left:o}:{width:e,right:o};return i(s,{role:"tablist"},i("div",{class:{[A.container]:true,[`scale-${this.scale}`]:true,[`position-${this.position}`]:true},onScroll:this.handleContainerScroll,ref:t=>this.tabNavEl=t},i("slot",null),i("div",{class:"tab-nav-active-indicator-container",ref:t=>this.activeIndicatorContainerEl=t},i("div",{class:"tab-nav-active-indicator",style:n,ref:t=>this.activeIndicatorEl=t}))))}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){this.selectedTabId=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(t.target);t.stopPropagation()}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.updateActiveWidth();this.updateOffsetPosition()}updateOffsetPosition(){const t=r(this.el);const e=this.activeIndicatorContainerEl?.offsetWidth;const i=this.selectedTitle?.offsetLeft;const s=this.selectedTitle?.offsetWidth;const o=e-(i+s);this.indicatorOffset=t!=="rtl"?i-this.tabNavEl?.scrollLeft:o+this.tabNavEl?.scrollLeft}updateActiveWidth(){this.indicatorWidth=this.selectedTitle?.offsetWidth}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 l(this.el,"calcite-tab-title")}get enabledTabTitles(){return l(this.el,"calcite-tab-title:not([disabled])").filter((t=>!t.closed))}handleTabTitleClose(t){const{tabTitles:e}=this;const i=e.reduce(((t,e,i)=>!e.closed?[...t,i]:t),[]);const s=i.length;if(s===1&&e[i[0]].closable){e[i[0]].closable=false;this.selectedTabId=i[0]}else if(s>1){const o=e.findIndex((e=>e===t));const n=i.find((t=>t>o));if(this.selectedTabId===o){this.selectedTabId=n?n:s-1}}requestAnimationFrame((()=>{this.updateOffsetPosition();this.updateActiveWidth();e[this.selectedTabId].focus()}))}get el(){return o(this)}static get watchers(){return{selectedTabId:["selectedTabIdChanged"],selectedTitle:["selectedTitleChanged"]}}};L.style=H;const j={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 E={close:"x"};const S=":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}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;text-align:center;flex-basis:12rem}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{margin:auto}:host([layout=center][closable]) .content{padding-inline-start:32px}:host([layout=center][bordered][closable]) .scale-s .content{padding-inline-start:36px}:host([layout=center][bordered][closable]) .scale-m .content{padding-inline-start:40px}:host([layout=center][closable]) .scale-l .content{padding-inline-start:40px}:host([layout=center][closable][bordered]) .scale-s .content{padding-inline-start:52px}: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}.container{outline-color:transparent}:host(:focus) .container{outline:2px solid 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([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}: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}.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}.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);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end-color:transparent;border-block-end-style:solid}.content{display:flex;align-items:center;justify-content:center}.calcite-tab-title--icon{position:relative;margin:0px;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition:all 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);color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:calc(100% - 2px);background-color:var(--calcite-button-transparent-1);margin-inline-start:auto}.close-button:focus{outline:2px solid 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,:host([bordered]:focus) .container,:host([bordered]:active) .container{position:relative}: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]) .content{box-sizing:border-box;block-size:100%;border-block-end-color:transparent}: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([bordered]) .content{padding-inline:0.75rem}:host([bordered]) .scale-s .content{padding-inline:0.5rem}:host([bordered]) .scale-l .content{padding-inline:1rem}@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 R=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=b("mutation",(()=>this.updateHasText()));this.resizeObserver=b("resize",(()=>{this.calciteInternalTabIconChanged.emit()}));this.guid=`calcite-tab-title-${h()}`;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.emitActiveTab(false)}}onMessagesChange(){}connectedCallback(){u(this);g(this);x(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();p(this);v(this);y(this)}async componentWillLoad(){await k(this);{this.updateHasText()}if(this.tab&&this.selected){this.emitActiveTab(false)}}componentWillRender(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.bordered=this.parentTabsEl.bordered}}render(){const{el:t,closed:e}=this;const o=t.id||this.guid;const n=i("calcite-icon",{class:{[j.titleIcon]:true,[j.iconStart]:true},flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:C(this.scale)});const a=i("calcite-icon",{class:{[j.titleIcon]:true,[j.iconEnd]:true},flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:C(this.scale)});return i(s,{"aria-controls":this.controls,"aria-selected":d(this.selected),id:o,role:"tab",tabIndex:this.selected&&!this.disabled?0:-1},i(f,{disabled:this.disabled},i("div",{class:{container:true,[j.iconPresent]:!!this.iconStart||!!this.iconEnd,[`scale-${this.scale}`]:true},hidden:e,ref:t=>this.resizeObserver?.observe(t)},i("div",{class:{[j.content]:true,[j.contentHasText]:this.hasText}},this.iconStart?n:null,i("slot",null),this.iconEnd?a:null),this.renderCloseButton())))}renderCloseButton(){const{closable:t,messages:e}=this;return t?i("button",{"aria-label":e.close,class:j.closeButton,disabled:false,key:j.closeButton,onClick:this.closeClickHandler,title:e.close,type:"button",ref:t=>this.closeButtonEl=t},i("calcite-icon",{icon:E.close,scale:C(this.scale)})):null}async componentDidLoad(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}componentDidRender(){m(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(){if(this.disabled){return}this.emitActiveTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":if(!t.composedPath().includes(this.closeButtonEl)){this.emitActiveTab();t.preventDefault()}break;case"ArrowRight":t.preventDefault();if(r(this.el)==="ltr"){this.calciteInternalTabsFocusNext.emit()}else{this.calciteInternalTabsFocusPrevious.emit()}break;case"ArrowLeft":t.preventDefault();if(r(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(a(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}effectiveLocaleChange(){T(this,this.effectiveLocale)}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}emitActiveTab(t=true){if(this.disabled||this.closed){return}const e={tab:this.tab};this.calciteInternalTabsActivate.emit(e);if(t){requestAnimationFrame((()=>this.calciteTabsActivate.emit()))}}closeTabTitleAndNotify(){this.closed=true;this.calciteInternalTabsClose.emit({tab:this.tab});this.calciteTabsClose.emit()}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{selected:["selectedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};R.style=S;const $={titleGroup:"title-group"};const P=":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]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}: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]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}: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 F=class{constructor(e){t(this,e);this.mutationObserver=b("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(n,null,i("slot",{name:$.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 s=await Promise.all(this.titles.map((t=>t.getTabIndex())));t=i.reduce(((t,e,i)=>{t[e]=this.tabs[i].id;return t}),[]);e=s.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 o(this)}static get watchers(){return{position:["handleInheritableProps"],scale:["handleInheritableProps"]}}};F.style=P;export{I as calcite_tab,L as calcite_tab_nav,R as calcite_tab_title,F as calcite_tabs};
-//# sourceMappingURL=p-31499797.entry.js.map

package/dist/calcite/p-31499797.entry.js.map

@@ -1 +0,0 @@
-{"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","tabNavCss","TabNav","animationActiveDuration","resizeObserver","createObserver","activeIndicatorEl","style","transitionDuration","updateActiveWidth","updateOffsetPosition","handleTabFocus","destination","focusElementInGroup","enabledTabTitles","handleContainerScroll","selectedTabIdChanged","localStorage","storageId","selectedTabId","undefined","setItem","JSON","stringify","calciteInternalTabChange","selectedTitle","getTabTitleById","selectedTitleChanged","observe","componentWillLoad","storageKey","getItem","storedTab","parse","componentWillRender","layout","bordered","componentDidRender","tabTitles","length","every","title","getTabIdentifier","disconnect","dir","getElementDir","width","indicatorWidth","offset","indicatorOffset","indicatorStyle","left","right","position","onScroll","ref","tabNavEl","activeIndicatorContainerEl","focusPreviousTabHandler","target","focusNextTabHandler","focusFirstTabHandler","focusLastTabHandler","internalActivateTabHandler","getIndexOfTabTitle","activateTabHandler","calciteTabChange","internalCloseTabHandler","closedTabTitleEl","handleTabTitleClose","updateTabTitles","globalInternalTabChangeHandler","syncId","iconStartChangeHandler","navWidth","offsetWidth","tabLeft","offsetLeft","tabWidth","offsetRight","scrollLeft","Promise","all","map","ids","filterDirectChildren","tabTitle","closed","visibleTabTitlesIndices","reduce","tabTitleIndices","totalVisibleTabTitles","closable","closedTabTitleIndex","findIndex","nextTabTitleIndex","value","requestAnimationFrame","focus","closeButton","contentHasText","iconEnd","iconPresent","iconStart","titleIcon","ICONS","close","tabTitleCss","TabTitle","closeClickHandler","closeTabTitleAndNotify","mutationObserver","updateHasText","calciteInternalTabIconChanged","selectedHandler","emitActiveTab","onMessagesChange","connectInteractive","connectLocalized","connectMessages","setupTextContentObserver","parentTabNavEl","disconnectInteractive","disconnectLocalized","disconnectMessages","setUpMessages","iconStartEl","flipRtl","iconFlipRtl","icon","getIconScale","iconEndEl","controls","toAriaBoolean","disabled","InteractiveContainer","hidden","hasText","renderCloseButton","messages","key","onClick","type","closeButtonEl","calciteInternalTabTitleRegister","updateHostInteraction","keyDownHandler","includes","preventDefault","calciteInternalTabsFocusNext","calciteInternalTabsFocusPrevious","calciteInternalTabsFocusFirst","calciteInternalTabsFocusLast","effectiveLocaleChange","updateMessages","effectiveLocale","textContent","trim","childList","subtree","userTriggered","payload","calciteInternalTabsActivate","calciteTabsActivate","calciteInternalTabsClose","calciteTabsClose","SLOTS","titleGroup","tabsCss","Tabs","mutationsList","mutation","nodeName","updateItems","handleInheritableProps","Fragment","name","titles","registryHandler","calciteTabTitleUnregister","tabs","calciteTabUnregister","nav","querySelector","from","querySelectorAll","forEach","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",":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}\n\n.scale-s .content {\n  @apply text-n2h py-1;\n}\n\n.scale-m .content {\n  @apply text-n1h py-2;\n}\n\n.scale-l .content {\n  @apply text-0h py-2.5;\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 CSS = {\n  container: \"tab-nav\",\n};\n",":host {\n  @apply relative flex;\n}\n\n.scale-s {\n  min-block-size: theme(\"spacing.6\");\n}\n\n.scale-m {\n  min-block-size: theme(\"spacing.8\");\n}\n\n.scale-l {\n  min-block-size: theme(\"spacing.11\");\n}\n\n:host([layout=\"center\"]:not([bordered])) {\n  // `tab-nav` in all scales in layout=\"center\" has a padding of 20px on both ends\n  padding-inline: theme(\"margin.5\");\n\n  //override margin-inline-end for the last child for tab-nav to implement the 20px padding on both ends instead\n  .tab-nav {\n    ::slotted(calcite-tab-title:last-child) {\n      margin-inline-end: theme(\"margin.0\");\n    }\n  }\n}\n\n:host(:not([bordered])) {\n  .scale-l {\n    ::slotted(calcite-tab-title) {\n      margin-inline-end: theme(\"margin.6\");\n    }\n  }\n  .scale-m {\n    ::slotted(calcite-tab-title) {\n      margin-inline-end: theme(\"margin.5\");\n    }\n  }\n  .scale-s {\n    ::slotted(calcite-tab-title) {\n      margin-inline-end: theme(\"margin.4\");\n    }\n  }\n}\n\n.tab-nav {\n  @apply flex\n    w-full\n    justify-start\n    overflow-auto;\n}\n\n// prevent indicator overflow in horizontal scrolling situations\n.tab-nav-active-indicator-container {\n  @apply absolute\n    inset-x-0\n    bottom-0\n    h-0.5\n    w-full\n    overflow-hidden;\n}\n\n.tab-nav-active-indicator {\n  @apply bg-brand\n    absolute\n    bottom-0\n    block\n    h-0.5\n    transition-all\n    ease-out;\n}\n\n:host([layout=\"center\"]) .tab-nav {\n  @apply justify-evenly;\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  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\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 } from \"./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})\nexport class TabNav {\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 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  @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.updateOffsetPosition();\n    this.updateActiveWidth();\n    // reset the animation time on tab selection\n    this.activeIndicatorEl.style.transitionDuration = `${this.animationActiveDuration}s`;\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  }\n\n  componentWillLoad(): 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  }\n\n  componentWillRender(): void {\n    const { parentTabsEl } = this;\n\n    this.layout = parentTabsEl?.layout;\n    this.bordered = parentTabsEl?.bordered;\n    // fix issue with active tab-title not lining up with blue indicator\n    if (this.selectedTitle) {\n      this.updateOffsetPosition();\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  }\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const width = `${this.indicatorWidth}px`;\n    const offset = `${this.indicatorOffset}px`;\n    const indicatorStyle = dir !== \"rtl\" ? { width, left: offset } : { width, right: offset };\n    return (\n      <Host role=\"tablist\">\n        <div\n          class={{\n            [CSS.container]: true,\n            [`scale-${this.scale}`]: true,\n            [`position-${this.position}`]: true,\n          }}\n          onScroll={this.handleContainerScroll}\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: HTMLDivElement) => (this.tabNavEl = el)}\n        >\n          <slot />\n          <div\n            class=\"tab-nav-active-indicator-container\"\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        </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    this.selectedTabId = event.detail.tab\n      ? event.detail.tab\n      : this.getIndexOfTabTitle(event.target as HTMLCalciteTabTitleElement);\n    event.stopPropagation();\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.updateActiveWidth();\n    this.updateOffsetPosition();\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() selectedTabId: TabID;\n\n  parentTabsEl: HTMLCalciteTabsElement;\n\n  tabNavEl: HTMLDivElement;\n\n  activeIndicatorEl: HTMLElement;\n\n  activeIndicatorContainerEl: HTMLDivElement;\n\n  animationActiveDuration = 0.3;\n\n  resizeObserver = createObserver(\"resize\", () => {\n    if (!this.activeIndicatorEl) {\n      return;\n    }\n\n    // remove active indicator transition duration during resize to prevent wobble\n    this.activeIndicatorEl.style.transitionDuration = \"0s\";\n    this.updateActiveWidth();\n    this.updateOffsetPosition();\n  });\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  handleTabFocus = (\n    event: CustomEvent,\n    el: HTMLCalciteTabTitleElement,\n    destination: FocusElementInGroupDestination,\n  ): void => {\n    focusElementInGroup(this.enabledTabTitles, el, destination);\n\n    event.stopPropagation();\n  };\n\n  handleContainerScroll = (): void => {\n    // remove active indicator transition duration while container is scrolling to prevent wobble\n    this.activeIndicatorEl.style.transitionDuration = \"0s\";\n    this.updateOffsetPosition();\n  };\n\n  updateOffsetPosition(): void {\n    const dir = getElementDir(this.el);\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    this.indicatorOffset =\n      dir !== \"rtl\" ? tabLeft - this.tabNavEl?.scrollLeft : offsetRight + this.tabNavEl?.scrollLeft;\n  }\n\n  updateActiveWidth(): void {\n    this.indicatorWidth = this.selectedTitle?.offsetWidth;\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  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\n    const visibleTabTitlesIndices = tabTitles.reduce(\n      (tabTitleIndices, 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    } else if (totalVisibleTabTitles > 1) {\n      const closedTabTitleIndex = tabTitles.findIndex((el) => el === closedTabTitleEl);\n      const nextTabTitleIndex = visibleTabTitlesIndices.find(\n        (value) => value > closedTabTitleIndex,\n      );\n\n      if (this.selectedTabId === closedTabTitleIndex) {\n        this.selectedTabId = nextTabTitleIndex ? nextTabTitleIndex : totalVisibleTabTitles - 1;\n      }\n    }\n\n    requestAnimationFrame(() => {\n      this.updateOffsetPosition();\n      this.updateActiveWidth();\n      tabTitles[this.selectedTabId].focus();\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:host([layout=\"center\"]) .scale-s,\n:host([layout=\"center\"]) .scale-m,\n:host([layout=\"center\"]) .scale-l {\n  @apply my-0 text-center;\n  flex-basis: theme(\"spacing.48\");\n  .content {\n    @apply m-auto;\n  }\n}\n\n// center the text visually and not affected by the x button so as to avoid moving when on or off\n:host([layout=\"center\"][closable]) {\n  .content {\n    padding-inline-start: 32px; //28px button width + 0.25rem padding\n  }\n}\n\n:host([layout=\"center\"][bordered][closable]) .scale-s {\n  .content {\n    padding-inline-start: 36px; //28px button width + 0.5rem padding\n  }\n}\n\n:host([layout=\"center\"][bordered][closable]) .scale-m {\n  .content {\n    padding-inline-start: 40px; //28px button width + 0.75rem padding\n  }\n}\n\n:host([layout=\"center\"][closable]) .scale-l {\n  .content {\n    padding-inline-start: 40px; //36px button width + .25 padding\n  }\n}\n\n:host([layout=\"center\"][closable][bordered]) .scale-s {\n  .content {\n    padding-inline-start: 52px; //36px button width + 1rem padding\n  }\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.container {\n  @apply focus-base;\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:host([selected]) .container {\n  @apply text-color-1 border-color-transparent;\n}\n\n@include disabled() {\n  .container {\n    @apply pointer-events-none opacity-50;\n  }\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.container {\n  @apply border-b-2\n    border-b-color-transparent\n    box-border\n    content-center\n    cursor-pointer\n    flex\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.content {\n  @apply flex items-center justify-center;\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  self-center\n  text-color-3\n  transition-default;\n\n  block-size: calc(100% - 2px); // fit within top/bottom borders\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:host([bordered]:focus),\n:host([bordered]:active) {\n  .container {\n    @apply relative;\n  }\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]) .content {\n  @apply h-full box-border border-b-color-transparent;\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([bordered]) {\n  .content {\n    @apply px-3;\n  }\n}\n\n:host([bordered]) .scale-s {\n  .content {\n    @apply px-2;\n  }\n}\n\n:host([bordered]) .scale-l {\n  .content {\n    @apply px-4;\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.emitActiveTab(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.emitActiveTab(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    if (this.disabled) {\n      return;\n    }\n\n    this.emitActiveTab();\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.emitActiveTab();\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  //\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  emitActiveTab(userTriggered = true): 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  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\n:host([bordered]:not([position=\"bottom\"])) ::slotted(calcite-tab-nav) {\n  margin-block-end: -1px;\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]) section {\n  @apply border-color-1 border border-solid;\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`, defaults to `top`.\n   */\n  @Prop({ reflect: true }) position: TabPosition = \"top\";\n\n  /**\n   * Specifies the size of the component, defaults to `m`.\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":";;;;;wdAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,QAAS,WCFX,MAAMC,EAAS,6nB,MC2BFC,EAAG,M,gGAwIdC,KAAAC,KAAO,qBAAqBA,M,iCArHuB,M,WAO5B,I,yBAQvB,MAAAC,GACE,MAAMC,EAAKH,KAAKI,GAAGD,IAAMH,KAAKC,KAE9B,OACEI,EAACC,EAAI,mBAAkBN,KAAKO,UAAWJ,GAAIA,GACzCE,EAAA,OACEG,MAAO,CAAE,CAACb,EAAIC,WAAY,KAAM,CAAC,SAASI,KAAKS,SAAU,MACzDC,KAAK,WACLC,SAAUX,KAAKY,SAAW,GAAK,GAE/BP,EAAA,WAASG,MAAOb,EAAIE,SAClBQ,EAAA,e,CAOV,iBAAAQ,GACEb,KAAKc,aAAed,KAAKI,GAAGW,QAAQ,e,CAGtC,gBAAAC,GACEhB,KAAKiB,2BAA2BC,M,CAGlC,oBAAAC,GAEEC,SAASC,MAAMC,cACb,IAAIC,YAAY,uBAAwB,CACtCC,OAAQxB,KAAKI,K,CAuBnB,wBAAAqB,CAAyBC,GACvB,MAAMC,EAAeD,EAClBE,eACAC,MAAMzB,GAAoBA,EAAG0B,UAAY,iBAK5C,GAAIH,IAAiB3B,KAAKc,aAAc,CACtC,M,CAGF,GAAId,KAAK+B,IAAK,CACZ/B,KAAKY,SAAWZ,KAAK+B,MAAQL,EAAMF,OAAOO,G,KACrC,CACL/B,KAAKgC,cAAcC,MAAMC,IACvBlC,KAAKY,SAAWsB,IAAUR,EAAMF,OAAOO,GAAG,G,CAG9CL,EAAMS,iB,CAaR,iBAAMH,GACJ,OAAOI,MAAMC,UAAUC,QAAQC,KAC7BC,EAAgBxC,KAAKI,GAAGqC,cAAcC,UAAUC,QAAQvC,GAAOA,EAAGwC,QAAQ,iBAC1E5C,KAAKI,G,CA8BT,oBAAMyC,CAAeC,EAAmB,GAAIC,EAAqB,IAC/D/C,KAAKO,UAAYwC,EAASD,EAAOR,QAAQtC,KAAKI,GAAGD,MAAQ,I,qCCpLtD,MAAMR,EAAM,CACjBC,UAAW,WCDb,MAAMoD,EAAY,woD,MCiCLC,EAAM,M,+IAwRjBjD,KAAAkD,wBAA0B,GAE1BlD,KAAAmD,eAAiBC,EAAe,UAAU,KACxC,IAAKpD,KAAKqD,kBAAmB,CAC3B,M,CAIFrD,KAAKqD,kBAAkBC,MAAMC,mBAAqB,KAClDvD,KAAKwD,oBACLxD,KAAKyD,sBAAsB,IAS7BzD,KAAA0D,eAAiB,CACfhC,EACAtB,EACAuD,KAEAC,EAAoB5D,KAAK6D,iBAAkBzD,EAAIuD,GAE/CjC,EAAMS,iBAAiB,EAGzBnC,KAAA8D,sBAAwB,KAEtB9D,KAAKqD,kBAAkBC,MAAMC,mBAAqB,KAClDvD,KAAKyD,sBAAsB,E,kEAlSwC,K,WAO9C,I,YAKqC,S,cAO5B,S,cAKmB,M,0FAanD,0BAAMM,GACJ,GACEC,cACAhE,KAAKiE,WACLjE,KAAKkE,gBAAkBC,WACvBnE,KAAKkE,gBAAkB,KACvB,CACAF,aAAaI,QAAQ,mBAAmBpE,KAAKiE,YAAaI,KAAKC,UAAUtE,KAAKkE,e,CAGhFlE,KAAKuE,yBAAyBrD,KAAK,CACjCa,IAAK/B,KAAKkE,gBAGZlE,KAAKwE,oBAAsBxE,KAAKyE,gBAAgBzE,KAAKkE,c,CAIvD,oBAAAQ,GACE1E,KAAKyD,uBACLzD,KAAKwD,oBAELxD,KAAKqD,kBAAkBC,MAAMC,mBAAqB,GAAGvD,KAAKkD,0B,CAS5D,iBAAArC,GACEb,KAAKc,aAAed,KAAKI,GAAGW,QAAQ,gBACpCf,KAAKmD,gBAAgBwB,QAAQ3E,KAAKI,G,CAGpC,iBAAAwE,GACE,MAAMC,EAAa,mBAAmB7E,KAAKiE,YAC3C,GAAID,cAAgBhE,KAAKiE,WAAaD,aAAac,QAAQD,GAAa,CACtE,MAAME,EAAYV,KAAKW,MAAMhB,aAAac,QAAQD,IAClD7E,KAAKkE,cAAgBa,C,EAIzB,mBAAAE,GACE,MAAMnE,aAAEA,GAAiBd,KAEzBA,KAAKkF,OAASpE,GAAcoE,OAC5BlF,KAAKmF,SAAWrE,GAAcqE,SAE9B,GAAInF,KAAKwE,cAAe,CACtBxE,KAAKyD,sB,EAIT,kBAAA2B,GAEE,GACEpF,KAAKqF,UAAUC,QACftF,KAAKqF,UAAUE,OAAOC,IAAWA,EAAM5E,aACtCZ,KAAKkE,cACN,CACAlE,KAAKqF,UAAU,GAAGI,mBAAmBxD,MAAMF,IACzC/B,KAAKuE,yBAAyBrD,KAAK,CACjCa,OACA,G,EAKR,oBAAAZ,GACEnB,KAAKmD,gBAAgBuC,Y,CAGvB,MAAAxF,GACE,MAAMyF,EAAMC,EAAc5F,KAAKI,IAC/B,MAAMyF,EAAQ,GAAG7F,KAAK8F,mBACtB,MAAMC,EAAS,GAAG/F,KAAKgG,oBACvB,MAAMC,EAAiBN,IAAQ,MAAQ,CAAEE,QAAOK,KAAMH,GAAW,CAAEF,QAAOM,MAAOJ,GACjF,OACE1F,EAACC,EAAI,CAACI,KAAK,WACTL,EAAA,OACEG,MAAO,CACL,CAACb,EAAIC,WAAY,KACjB,CAAC,SAASI,KAAKS,SAAU,KACzB,CAAC,YAAYT,KAAKoG,YAAa,MAEjCC,SAAUrG,KAAK8D,sBAEfwC,IAAMlG,GAAwBJ,KAAKuG,SAAWnG,GAE9CC,EAAA,aACAA,EAAA,OACEG,MAAM,qCAEN8F,IAAMlG,GAAQJ,KAAKwG,2BAA6BpG,GAEhDC,EAAA,OACEG,MAAM,2BACN8C,MAAO2C,EAEPK,IAAMlG,GAAQJ,KAAKqD,kBAAoBjD,M,CAenD,uBAAAqG,CAAwB/E,GACtB1B,KAAK0D,eAAehC,EAAOA,EAAMgF,OAAsC,W,CAIzE,mBAAAC,CAAoBjF,GAClB1B,KAAK0D,eAAehC,EAAOA,EAAMgF,OAAsC,O,CAIzE,oBAAAE,CAAqBlF,GACnB1B,KAAK0D,eAAehC,EAAOA,EAAMgF,OAAsC,Q,CAIzE,mBAAAG,CAAoBnF,GAClB1B,KAAK0D,eAAehC,EAAOA,EAAMgF,OAAsC,O,CAIzE,0BAAAI,CAA2BpF,GACzB1B,KAAKkE,cAAgBxC,EAAMF,OAAOO,IAC9BL,EAAMF,OAAOO,IACb/B,KAAK+G,mBAAmBrF,EAAMgF,QAClChF,EAAMS,iB,CAIR,kBAAA6E,CAAmBtF,GACjB1B,KAAKiH,iBAAiB/F,OACtBQ,EAAMS,iB,CAIR,uBAAA+E,CAAwBxF,GACtB,MAAMyF,EAAmBzF,EAAMgF,OAC/B1G,KAAKoH,oBAAoBD,GACzBzF,EAAMS,iB,CASR,eAAAkF,CAAgB3F,GACd,GAAKA,EAAMgF,OAAsC9F,SAAU,CACzDZ,KAAKkE,cAAgBxC,EAAMF,M,EAK/B,8BAAA8F,CAA+B5F,GAC7B,GACE1B,KAAKuH,QACL7F,EAAMgF,SAAW1G,KAAKI,IACrBsB,EAAMgF,OAAoCa,SAAWvH,KAAKuH,QAC3DvH,KAAKkE,gBAAkBxC,EAAMF,OAAOO,IACpC,CACA/B,KAAKkE,cAAgBxC,EAAMF,OAAOO,G,CAEpCL,EAAMS,iB,CAIR,sBAAAqF,GACExH,KAAKwD,oBACLxD,KAAKyD,sB,CAwEP,oBAAAA,GACE,MAAMkC,EAAMC,EAAc5F,KAAKI,IAC/B,MAAMqH,EAAWzH,KAAKwG,4BAA4BkB,YAClD,MAAMC,EAAU3H,KAAKwE,eAAeoD,WACpC,MAAMC,EAAW7H,KAAKwE,eAAekD,YACrC,MAAMI,EAAcL,GAAYE,EAAUE,GAC1C7H,KAAKgG,gBACHL,IAAQ,MAAQgC,EAAU3H,KAAKuG,UAAUwB,WAAaD,EAAc9H,KAAKuG,UAAUwB,U,CAGvF,iBAAAvE,GACExD,KAAK8F,eAAiB9F,KAAKwE,eAAekD,W,CAG5C,kBAAAX,CAAmB3G,EAAgCiF,EAAYrF,KAAKqF,WAGlE,OAAOA,EAAU/C,QAAQlC,E,CAG3B,qBAAMqE,CAAgBtE,GACpB,OAAO6H,QAAQC,IAAIjI,KAAKqF,UAAU6C,KAAK9H,GAAOA,EAAGqF,sBAAqBxD,MAAMkG,GACnEnI,KAAKqF,UAAU8C,EAAI7F,QAAQnC,K,CAItC,aAAIkF,GACF,OAAO+C,EAAiDpI,KAAKI,GAAI,oB,CAGnE,oBAAIyD,GACF,OAAOuE,EACLpI,KAAKI,GACL,qCACAuC,QAAQ0F,IAAcA,EAASC,Q,CAG3B,mBAAAlB,CAAoBD,GAC1B,MAAM9B,UAAEA,GAAcrF,KAEtB,MAAMuI,EAA0BlD,EAAUmD,QACxC,CAACC,EAAiBJ,EAAUnG,KACzBmG,EAASC,OAAS,IAAIG,EAAiBvG,GAASuG,GACnD,IAEF,MAAMC,EAAwBH,EAAwBjD,OAEtD,GAAIoD,IAA0B,GAAKrD,EAAUkD,EAAwB,IAAII,SAAU,CACjFtD,EAAUkD,EAAwB,IAAII,SAAW,MACjD3I,KAAKkE,cAAgBqE,EAAwB,E,MACxC,GAAIG,EAAwB,EAAG,CACpC,MAAME,EAAsBvD,EAAUwD,WAAWzI,GAAOA,IAAO+G,IAC/D,MAAM2B,EAAoBP,EAAwB1G,MAC/CkH,GAAUA,EAAQH,IAGrB,GAAI5I,KAAKkE,gBAAkB0E,EAAqB,CAC9C5I,KAAKkE,cAAgB4E,EAAoBA,EAAoBJ,EAAwB,C,EAIzFM,uBAAsB,KACpBhJ,KAAKyD,uBACLzD,KAAKwD,oBACL6B,EAAUrF,KAAKkE,eAAe+E,OAAO,G,iJC5ZpC,MAAMtJ,EAAM,CACjBuJ,YAAa,eACbtJ,UAAW,YACXC,QAAS,UACTsJ,eAAgB,oBAChBC,QAAS,WACTC,YAAa,eACbC,UAAW,aACXC,UAAW,2BAGN,MAAMC,EAAQ,CACnBC,MAAO,KCZT,MAAMC,EAAc,yiM,MCqDPC,EAAQ,M,quBA0YX3J,KAAA4J,kBAAoB,KAC1B5J,KAAK6J,wBAAwB,EAY/B7J,KAAA8J,iBAAqC1G,EAAe,YAAY,IAAMpD,KAAK+J,kBAwB3E/J,KAAAmD,eAAiBC,EAAe,UAAU,KACxCpD,KAAKgK,8BAA8B9I,MAAM,IA8B3ClB,KAAAC,KAAO,qBAAqBA,M,cAlcuB,M,cAUf,M,YAGa,M,cAGb,M,+GAqBJ,M,WAOT,I,cAK4B,M,8KAwWhC,K,CAtZnB,eAAAgK,GACE,GAAIjK,KAAKY,SAAU,CACjBZ,KAAKkK,cAAc,M,EAoEvB,gBAAAC,G,CAUA,iBAAAtJ,GACEuJ,EAAmBpK,MACnBqK,EAAiBrK,MACjBsK,EAAgBtK,MAChBA,KAAKuK,2BACLvK,KAAKwK,eAAiBxK,KAAKI,GAAGW,QAAQ,mBACtCf,KAAKc,aAAed,KAAKI,GAAGW,QAAQ,e,CAGtC,oBAAAI,GACEnB,KAAK8J,kBAAkBpE,aAEvBtE,SAASC,MAAMC,cACb,IAAIC,YAAY,4BAA6B,CAC3CC,OAAQxB,KAAKI,MAGjBJ,KAAKmD,gBAAgBuC,aACrB+E,EAAsBzK,MACtB0K,EAAoB1K,MACpB2K,EAAmB3K,K,CAGrB,uBAAM4E,SACEgG,EAAc5K,MACC,CACnBA,KAAK+J,e,CAEP,GAAI/J,KAAK+B,KAAO/B,KAAKY,SAAU,CAC7BZ,KAAKkK,cAAc,M,EAIvB,mBAAAjF,GACE,GAAIjF,KAAKc,aAAc,CACrBd,KAAKkF,OAASlF,KAAKc,aAAaoE,OAChClF,KAAKmF,SAAWnF,KAAKc,aAAaqE,Q,EAItC,MAAAjF,GACE,MAAME,GAAEA,EAAEkI,OAAEA,GAAWtI,KACvB,MAAMG,EAAKC,EAAGD,IAAMH,KAAKC,KAEzB,MAAM4K,EACJxK,EAAA,gBACEG,MAAO,CAAE,CAACb,EAAI4J,WAAY,KAAM,CAAC5J,EAAI2J,WAAY,MACjDwB,QAAS9K,KAAK+K,cAAgB,SAAW/K,KAAK+K,cAAgB,OAC9DC,KAAMhL,KAAKsJ,UACX7I,MAAOwK,EAAajL,KAAKS,SAI7B,MAAMyK,EACJ7K,EAAA,gBACEG,MAAO,CAAE,CAACb,EAAI4J,WAAY,KAAM,CAAC5J,EAAIyJ,SAAU,MAC/C0B,QAAS9K,KAAK+K,cAAgB,OAAS/K,KAAK+K,cAAgB,OAC5DC,KAAMhL,KAAKoJ,QACX3I,MAAOwK,EAAajL,KAAKS,SAI7B,OACEJ,EAACC,EAAI,iBACYN,KAAKmL,SAAQ,gBACbC,EAAcpL,KAAKY,UAClCT,GAAIA,EACJO,KAAK,MACLC,SAAUX,KAAKY,WAAaZ,KAAKqL,SAAW,GAAK,GAEjDhL,EAACiL,EAAoB,CAACD,SAAUrL,KAAKqL,UACnChL,EAAA,OACEG,MAAO,CACLZ,UAAW,KACX,CAACD,EAAI0J,eAAgBrJ,KAAKsJ,aAAetJ,KAAKoJ,QAC9C,CAAC,SAASpJ,KAAKS,SAAU,MAE3B8K,OAAQjD,EAERhC,IAAMlG,GAAOJ,KAAKmD,gBAAgBwB,QAAQvE,IAE1CC,EAAA,OAAKG,MAAO,CAAE,CAACb,EAAIE,SAAU,KAAM,CAACF,EAAIwJ,gBAAiBnJ,KAAKwL,UAC3DxL,KAAKsJ,UAAYuB,EAAc,KAChCxK,EAAA,aACCL,KAAKoJ,QAAU8B,EAAY,MAE7BlL,KAAKyL,sB,CAOhB,iBAAAA,GACE,MAAM9C,SAAEA,EAAQ+C,SAAEA,GAAa1L,KAE/B,OAAO2I,EACLtI,EAAA,uBACcqL,EAASjC,MACrBjJ,MAAOb,EAAIuJ,YACXmC,SAAU,MACVM,IAAKhM,EAAIuJ,YACT0C,QAAS5L,KAAK4J,kBACdpE,MAAOkG,EAASjC,MAChBoC,KAAK,SAELvF,IAAMlG,GAAQJ,KAAK8L,cAAgB1L,GAEnCC,EAAA,gBAAc2K,KAAMxB,EAAMC,MAAOhJ,MAAOwK,EAAajL,KAAKS,UAE1D,I,CAGN,sBAAMO,GACJhB,KAAK+L,gCAAgC7K,WAAWlB,KAAKyF,mB,CAGvD,kBAAAL,GACE4G,EAAsBhM,K,CAUxB,wBAAAyB,CAAyBC,GACvB,MAAMC,EAAeD,EAClBE,eACAC,MAAMzB,GAAoBA,EAAG0B,UAAY,iBAE5C,GAAIH,IAAiB3B,KAAKc,aAAc,CACtC,M,CAGF,GAAId,KAAK+B,IAAK,CACZ/B,KAAKY,SAAWZ,KAAK+B,MAAQL,EAAMF,OAAOO,G,KACrC,CACL/B,KAAKgC,cAAcC,MAAMC,IACvBlC,KAAKY,SAAWsB,IAAUR,EAAMF,OAAOO,GAAG,G,CAI9CL,EAAMS,iB,CAIR,OAAAyJ,GACE,GAAI5L,KAAKqL,SAAU,CACjB,M,CAGFrL,KAAKkK,e,CAIP,cAAA+B,CAAevK,GACb,OAAQA,EAAMiK,KACZ,IAAK,IACL,IAAK,QACH,IAAKjK,EAAME,eAAesK,SAASlM,KAAK8L,eAAgB,CACtD9L,KAAKkK,gBACLxI,EAAMyK,gB,CAER,MACF,IAAK,aACHzK,EAAMyK,iBACN,GAAIvG,EAAc5F,KAAKI,MAAQ,MAAO,CACpCJ,KAAKoM,6BAA6BlL,M,KAC7B,CACLlB,KAAKqM,iCAAiCnL,M,CAExC,MACF,IAAK,YACHQ,EAAMyK,iBACN,GAAIvG,EAAc5F,KAAKI,MAAQ,MAAO,CACpCJ,KAAKqM,iCAAiCnL,M,KACjC,CACLlB,KAAKoM,6BAA6BlL,M,CAEpC,MACF,IAAK,OACHQ,EAAMyK,iBACNnM,KAAKsM,8BAA8BpL,OACnC,MACF,IAAK,MACHQ,EAAMyK,iBACNnM,KAAKuM,6BAA6BrL,OAClC,M,CA4EN,iBAAMc,GACJ,OAAOI,MAAMC,UAAUC,QAAQC,KAC7BC,EAAgBxC,KAAKI,GAAGqC,cAAcC,UAAUC,QAAQvC,GACtDA,EAAGwC,QAAQ,uBAEb5C,KAAKI,G,CAQT,sBAAMqF,GACJ,OAAOzF,KAAK+B,IAAM/B,KAAK+B,IAAM/B,KAAKgC,a,CASpC,oBAAMa,CAAeC,EAAmB,GAAIC,EAAqB,IAC/D/C,KAAKmL,SAAWrI,EAAOC,EAAST,QAAQtC,KAAKI,GAAGD,MAAQ,I,CA+B1D,qBAAAqM,GACEC,EAAezM,KAAMA,KAAK0M,gB,CAkB5B,aAAA3C,GACE/J,KAAKwL,QAAUxL,KAAKI,GAAGuM,YAAYC,OAAOtH,OAAS,C,CAGrD,wBAAAiF,GACEvK,KAAK8J,kBAAkBnF,QAAQ3E,KAAKI,GAAI,CAAEyM,UAAW,KAAMC,QAAS,M,CAGtE,aAAA5C,CAAc6C,EAAgB,MAC5B,GAAI/M,KAAKqL,UAAYrL,KAAKsI,OAAQ,CAChC,M,CAEF,MAAM0E,EAAU,CAAEjL,IAAK/B,KAAK+B,KAC5B/B,KAAKiN,4BAA4B/L,KAAK8L,GAEtC,GAAID,EAAe,CAEjB/D,uBAAsB,IAAMhJ,KAAKkN,oBAAoBhM,Q,EAIzD,sBAAA2I,GACE7J,KAAKsI,OAAS,KACdtI,KAAKmN,yBAAyBjM,KAAK,CAAEa,IAAK/B,KAAK+B,MAC/C/B,KAAKoN,iBAAiBlM,M,yNChgBnB,MAAMmM,EAAQ,CACnBC,WAAY,eCDd,MAAMC,EAAU,q2C,MCeHC,EAAI,M,yBA4IfxN,KAAA8J,iBAAmB1G,EAAe,YAAaqK,IAC7C,IAAK,MAAMC,KAAYD,EAAe,CACpC,MAAM/G,EAASgH,EAAShH,OACxB,GACEA,EAAOiH,WAAa,mBACpBjH,EAAOiH,WAAa,qBACpBjH,EAAOiH,WAAa,cACpB,CACA3N,KAAK4N,a,kBA1IkC,S,cAKI,M,WAKT,I,cAWrB,M,YAqG6B,G,UAMP,E,CAlHzC,sBAAAC,GACE7N,KAAK4N,a,CAcP,iBAAA/M,GACEb,KAAK8J,iBAAiBnF,QAAQ3E,KAAKI,GAAI,CAAEyM,UAAW,OACpD7M,KAAK4N,a,CAGP,uBAAMhJ,GACJ5E,KAAK4N,a,CAGP,oBAAAzM,GACEnB,KAAK8J,kBAAkBpE,Y,CAGzB,MAAAxF,GACE,OACEG,EAACyN,EAAQ,KACPzN,EAAA,QAAM0N,KAAMV,EAAMC,aAClBjN,EAAA,eACEA,EAAA,c,CAiBR,+BAAA0L,CAAgCrK,GAC9B1B,KAAKgO,OAAS,IAAIhO,KAAKgO,OAAQtM,EAAMgF,QACrC1G,KAAKiO,kBACLvM,EAAMS,iB,CAQR,yBAAA+L,CAA0BxM,GACxB1B,KAAKgO,OAAShO,KAAKgO,OAAOrL,QAAQvC,GAAOA,IAAOsB,EAAMF,SACtDxB,KAAKiO,kBACLvM,EAAMS,iB,CAQR,0BAAAlB,CAA2BS,GACzB1B,KAAKmO,KAAO,IAAInO,KAAKmO,KAAMzM,EAAMgF,QACjC1G,KAAKiO,kBACLvM,EAAMS,iB,CAQR,oBAAAiM,CAAqB1M,GACnB1B,KAAKmO,KAAOnO,KAAKmO,KAAKxL,QAAQvC,GAAOA,IAAOsB,EAAMF,SAClDxB,KAAKiO,kBACLvM,EAAMS,iB,CA2CA,WAAAyL,GACN,MAAMxH,SAAEA,EAAQ3F,MAAEA,GAAUT,KAE5B,MAAMqO,EAAMrO,KAAKI,GAAGkO,cAAc,mBAClC,GAAID,EAAK,CACPA,EAAIjI,SAAWA,EACfiI,EAAI5N,MAAQA,C,CAGd2B,MAAMmM,KAAKvO,KAAKI,GAAGoO,iBAAiB,gBAAgBC,SAAS1M,IAC3D,GAAIA,EAAIU,gBAAkBzC,KAAKI,GAAI,CACjC2B,EAAItB,MAAQA,C,KAIhB2B,MAAMmM,KAAKvO,KAAKI,GAAGoO,iBAAiB,wCAAwCC,SACzEjJ,IACCA,EAAMY,SAAWA,EACjBZ,EAAM/E,MAAQA,CAAK,G,CAiBzB,qBAAMwN,GACJ,IAAInL,EACJ,IAAIC,EAGJ,GAAI/C,KAAKmO,KAAKO,MAAMtO,GAAOA,EAAG2B,OAAQ/B,KAAKgO,OAAOU,MAAMtO,GAAOA,EAAG2B,MAAM,CAGtEe,EAAS9C,KAAKmO,KAAKQ,MAAK,CAACC,EAAGC,IAAMD,EAAE7M,IAAI+M,cAAcD,EAAE9M,OAAMmG,KAAK9H,GAAOA,EAAGD,KAC7E4C,EAAW/C,KAAKgO,OAAOW,MAAK,CAACC,EAAGC,IAAMD,EAAE7M,IAAI+M,cAAcD,EAAE9M,OAAMmG,KAAK9H,GAAOA,EAAGD,I,KAC5E,CAML,MAAM4O,QAAsB/G,QAAQC,IAAIjI,KAAKmO,KAAKjG,KAAK9H,GAAOA,EAAG4B,iBAEjE,MAAMgN,QAAwBhH,QAAQC,IAAIjI,KAAKgO,OAAO9F,KAAK9H,GAAOA,EAAG4B,iBAIrEc,EAASiM,EAAcvG,QAAO,CAACL,EAAK8G,EAAYC,KAC9C/G,EAAI8G,GAAcjP,KAAKmO,KAAKe,GAAe/O,GAC3C,OAAOgI,CAAG,GACT,IAEHpF,EAAWiM,EAAgBxG,QAAO,CAACL,EAAK8G,EAAYC,KAClD/G,EAAI8G,GAAcjP,KAAKgO,OAAOkB,GAAe/O,GAC7C,OAAOgI,CAAG,GACT,G,CAMLnI,KAAKmO,KAAKM,SAASrO,GAAOA,EAAGyC,eAAeC,EAAQC,KACpD/C,KAAKgO,OAAOS,SAASrO,GAAOA,EAAGyC,eAAeC,EAAQC,I"}

package/dist/calcite/p-326bd437.entry.js

@@ -1,7 +0,0 @@
-/*!
- * 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.2.0-next.10
- */
-import{h as e,r as t,c as i,H as s,e as o,g as r}from"./p-c0595915.js";import{s as n,l as a}from"./p-26960e4c.js";import{c}from"./p-1a02138f.js";import{g as l}from"./p-af2e8eba.js";import{c as h,d as p,n as d}from"./p-904be5f8.js";import{c as m,s as u,d as b,u as f}from"./p-9a9521de.js";import{c as g,u as v,d as y,I as x}from"./p-3c1c7466.js";import{s as z,a as w,c as k}from"./p-e003995f.js";import"./p-48317d63.js";import"./p-9306d022.js";import"./p-9a7e6205.js";const I={stepBar:"step-bar",stepBarActive:"step-bar--active",stepBarComplete:"step-bar--complete",stepBarDisabled:"step-bar--disabled",stepBarError:"step-bar--error",stepBarInActive:"step-bar--inactive"};const C=({disabled:t,active:i,complete:s,error:o,key:r})=>e("svg",{class:{[I.stepBar]:true},key:r},e("rect",{class:{[I.stepBarActive]:i,[I.stepBarComplete]:s,[I.stepBarDisabled]:t,[I.stepBarError]:o,[I.stepBarInActive]:true},width:"100%",x:"0",y:"0"}));const S={s:120,m:180,l:200};const A={actionIcon:"action-icon",actionIconStart:"action-icon--start",actionIconEnd:"action-icon--end",actionContainer:"action-container",stepBarContainer:"step-bar-container",singleView:"single-view"};const E=':host([scale=s]){--calcite-internal-stepper-item-spacing-unit-s:0.25rem;--calcite-internal-stepper-action-block-size:2.75rem;--calcite-internal-stepper-action-inline-size:2rem;--calcite-internal-step-bar-gap:0.25rem}:host([scale=m]){--calcite-internal-stepper-item-spacing-unit-s:0.5rem;--calcite-internal-stepper-action-block-size:3.25rem;--calcite-internal-stepper-action-inline-size:2.5rem}:host([scale=l]){--calcite-internal-stepper-item-spacing-unit-s:0.75rem;--calcite-internal-stepper-action-block-size:4rem;--calcite-internal-stepper-action-inline-size:3rem;--calcite-internal-step-bar-gap:0.75rem}:host{display:flex}.container{position:relative;display:flex;inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]) .container{flex:1 1 auto;flex-direction:column}:host([layout=horizontal]) .container{display:grid;grid-template-areas:"items" "content";gap:0.5rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=s]) .container{gap:0.25rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=l]) .container{gap:0.75rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal]) .container.single-view{display:flex;grid-template-columns:none}.action-icon{position:relative;display:flex;flex-grow:0;block-size:var(--calcite-internal-stepper-action-block-size);inline-size:var(--calcite-internal-stepper-action-inline-size)}.action-container{position:absolute;display:flex;justify-content:space-between;padding-block:0.25rem;inline-size:100%}.step-bar{display:flex;block-size:100%;inline-size:100%}.step-bar-container{position:absolute;display:flex;align-items:flex-start;justify-content:space-between;block-size:0.125rem;inline-size:100%;gap:var(--calcite-internal-step-bar-gap, 0.5rem)}.step-bar--inactive{fill:var(--calcite-color-border-3, #dfdfdf);fill-opacity:1;block-size:100%}.step-bar--active{fill:var(--calcite-color-brand)}.step-bar--complete{fill:var(--calcite-color-brand);fill-opacity:0.5}.step-bar--error{fill:var(--calcite-color-status-danger)}.step-bar--disabled{opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}';const j=class{constructor(e){t(this,e);this.calciteStepperItemChange=i(this,"calciteStepperItemChange",6);this.calciteInternalStepperItemChange=i(this,"calciteInternalStepperItemChange",6);this.enabledItems=[];this.itemMap=new Map;this.items=[];this.mutationObserver=c("mutation",(()=>this.updateItems()));this.multipleViewMode=false;this.guid=`calcite-stepper-action-${l()}`;this.resizeObserver=c("resize",(e=>this.elWidth=e[0].contentRect.width));this.handleActionClick=e=>{const t=this.currentActivePosition;const i=e.target;if(i.getAttribute("data-position")==="start"){this.prevStep()}else{this.nextStep()}if(typeof this.currentActivePosition==="number"&&t!==this.currentActivePosition&&!this.items[this.currentActivePosition].disabled){this.calciteStepperItemChange.emit()}};this.setContainerEl=e=>{this.containerEl=e};this.handleDefaultSlotChange=e=>{const t=n(e).filter((e=>e?.tagName==="CALCITE-STEPPER-ITEM"));this.items=t;this.setGridTemplateColumns(t);this.setStepperItemNumberingSystem()};this.icon=false;this.layout="horizontal";this.numbered=false;this.scale="m";this.messages=undefined;this.numberingSystem=undefined;this.selectedItem=null;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.currentActivePosition=undefined;this.elWidth=undefined}handleItemPropChange(){this.updateItems()}numberingSystemChange(){this.setStepperItemNumberingSystem()}onMessagesChange(){}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateItems();m(this);h(this)}async componentWillLoad(){await u(this)}componentDidLoad(){this.resizeObserver?.observe(this.containerEl);if(typeof this.currentActivePosition!=="number"){const e=this.getFirstEnabledStepperPosition();if(e===0){this.currentActivePosition=e}this.calciteInternalStepperItemChange.emit({position:e})}}disconnectedCallback(){this.resizeObserver?.disconnect();b(this);p(this);this.mutationObserver?.disconnect()}render(){return e(s,{"aria-label":this.messages.label,role:"region"},e("div",{class:{container:true,[A.singleView]:!this.multipleViewMode},ref:this.setContainerEl},!this.multipleViewMode&&this.layout==="horizontal"&&e("div",{class:{[A.stepBarContainer]:true}},this.items.map(((t,i)=>e(C,{active:i===this.currentActivePosition,complete:t.complete&&i!==this.currentActivePosition&&!t.error,disabled:t.disabled&&i!==this.currentActivePosition,error:t.error&&i!==this.currentActivePosition,key:i})))),e("div",{class:{[A.actionContainer]:true}},this.renderAction("start"),this.renderAction("end")),e("slot",{onSlotchange:this.handleDefaultSlotChange})))}calciteInternalStepperItemKeyEvent(e){const t=e.detail.item;const i=e.target;switch(t.key){case"ArrowDown":case"ArrowRight":a(this.enabledItems,i,"next");break;case"ArrowUp":case"ArrowLeft":a(this.enabledItems,i,"previous");break;case"Home":a(this.enabledItems,i,"first");break;case"End":a(this.enabledItems,i,"last");break}e.stopPropagation()}registerItem(e){const t=e.target;const{content:i,position:s}=e.detail;this.itemMap.set(t,{position:s,content:i});this.enabledItems=this.filterItems();e.stopPropagation()}updateItem(e){const{position:t}=e.detail;if(typeof t==="number"){this.currentActivePosition=t;this.selectedItem=e.target}this.calciteInternalStepperItemChange.emit({position:t})}handleUserRequestedStepperItemSelect(){this.calciteStepperItemChange.emit()}async nextStep(){const e=this.getEnabledStepIndex(this.currentActivePosition+1,"next");if(typeof e!=="number"){return}this.updateStep(e)}async prevStep(){const e=this.getEnabledStepIndex(this.currentActivePosition-1,"previous");if(typeof e!=="number"){return}this.updateStep(e)}async goToStep(e){const t=e-1;if(this.currentActivePosition!==t){this.updateStep(t)}}async startStep(){const e=this.getEnabledStepIndex(0,"next");if(typeof e!=="number"){return}this.updateStep(e)}async endStep(){const e=this.getEnabledStepIndex(this.items.length-1,"previous");if(typeof e!=="number"){return}this.updateStep(e)}effectiveLocaleChange(){f(this,this.effectiveLocale)}handlePositionChange(){o((()=>{this.determineActiveStepper(true)}))}handleElWidthChange(){o((()=>{this.determineActiveStepper()}))}updateItems(){this.el.querySelectorAll("calcite-stepper-item").forEach((e=>{e.icon=this.icon;e.numbered=this.numbered;e.layout=this.layout;e.scale=this.scale}))}determineActiveStepper(e=false){const t=this.items.length;if(!this.elWidth||!t||this.layout!=="horizontal"||t===1){return}const i=this.currentActivePosition||0;const s=t*this.getMinWidthOfStepperItem();const o=(t-1)*(parseInt(window.getComputedStyle(this.containerEl).rowGap)||0);if(this.elWidth<=s+o){this.multipleViewMode=false;this.items.forEach(((e,t)=>{if(t!==i){e.hidden=true}else{e.hidden=false;e.multipleViewMode=false}}))}else if(this.elWidth>s+o){if(this.multipleViewMode&&!e){return}this.multipleViewMode=true;this.setGridTemplateColumns(this.items);this.items.forEach((e=>{e.hidden=false;e.multipleViewMode=true}))}}getEnabledStepIndex(e,t="next"){const{items:i,currentActivePosition:s}=this;let o=e;while(i[o]?.disabled&&this.multipleViewMode){o=o+(t==="previous"?-1:1)}return o!==s&&o<i.length&&o>=0?o:null}updateStep(e){this.currentActivePosition=e;this.calciteInternalStepperItemChange.emit({position:e})}filterItems(){return this.items.filter((e=>!e.disabled))}setStepperItemNumberingSystem(){this.items.forEach((e=>{e.numberingSystem=this.numberingSystem}))}renderAction(t){const i=t==="start";const s=i?"chevron-left":"chevron-right";const{currentActivePosition:o,multipleViewMode:r,layout:n}=this;const a=this.items.length;const c=`${this.guid}-${i?"start":"end"}`;return n==="horizontal"&&!r?e("calcite-action",{alignment:"center",appearance:"transparent",class:{[A.actionIcon]:true},compact:true,"data-position":t,disabled:o===0&&i||o===a-1&&!i,icon:s,iconFlipRtl:true,id:c,onClick:this.handleActionClick,scale:this.scale,text:i?this.messages.previousStep:this.messages.nextStep}):null}getFirstEnabledStepperPosition(){const e=this.items.findIndex((e=>!e.disabled));if(e>-1){return e}return 0}setGridTemplateColumns(e){const t=this.getMinWidthOfStepperItem();const i=Array(e.length).fill(`minmax(${t}px, 1fr)`).join(" ");this.containerEl.style.gridTemplateAreas=i;this.containerEl.style.gridTemplateColumns=i}getMinWidthOfStepperItem(){return S[this.scale]}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{icon:["handleItemPropChange"],layout:["handleItemPropChange"],numbered:["handleItemPropChange"],scale:["handleItemPropChange"],numberingSystem:["numberingSystemChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],currentActivePosition:["handlePositionChange"],elWidth:["handleElWidthChange"]}}};j.style=E;const L={container:"container",stepperItemContent:"stepper-item-content",stepperItemDescription:"stepper-item-description",stepperItemHeader:"stepper-item-header",stepperItemHeading:"stepper-item-heading",stepperItemHeaderText:"stepper-item-header-text",stepperItemNumber:"stepper-item-number",visuallyHidden:"visually-hidden"};const P=":host([layout=horizontal][disabled]) .stepper-item-header,:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal][disabled]) .stepper-item-header *,:host([disabled]) *,:host([layout=horizontal][disabled]) .stepper-item-header ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;--calcite-internal-stepper-action-inline-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-inline-end:0.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;--calcite-internal-stepper-action-inline-size:2.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-inline-end:0.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;--calcite-internal-stepper-action-inline-size:3rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;margin-inline-end:0.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:flex;flex-grow:1;flex-direction:column;align-self:flex-start;margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host .container{position:relative;display:flex;flex-grow:1;cursor:pointer;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);color:var(--calcite-color-text-3);text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host{outline-color:transparent}:host(:focus){outline:2px solid 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 .stepper-item-header{display:flex;cursor:pointer;align-items:flex-start}:host .stepper-item-content,:host .stepper-item-header{transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:var(--calcite-stepper-item-spacing-unit-l);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{display:none;inline-size:100%;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);margin-block-start:1px;display:inline-flex;block-size:0.75rem;flex-shrink:0;align-self:flex-start;color:var(--calcite-color-text-3);opacity:var(--calcite-opacity-disabled);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-header-text{flex-direction:column;text-align:initial;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:flex;inline-size:100%}:host .stepper-item-heading{margin-block-end:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}:host .stepper-item-description{color:var(--calcite-color-text-3)}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-color-brand)}:host([error]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-color-status-danger)}:host(:hover:not([disabled]):not([selected])) .container,:host(:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-brand)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-heading{color:var(--calcite-color-text-1)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-description,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-description{color:var(--calcite-color-text-2)}:host([error]:hover:not([disabled]):not([selected])) .container,:host([error]:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-status-danger-hover)}:host([selected]) .container{border-block-start-color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-heading{color:var(--calcite-color-text-1)}:host([selected]) .container .stepper-item-description{color:var(--calcite-color-text-2)}:host([selected]) .container .stepper-item-number{color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-icon{color:var(--calcite-color-brand);opacity:1}:host([selected]) .container .stepper-item-content{display:flex}:host([layout=vertical]) .container{margin-inline:0px;margin-block-start:0px;flex:1 1 auto;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;border-inline-start-width:2px;padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{order:3;margin-block:1px 0px;padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0px}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-color-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-color-status-danger)}:host([layout=vertical][selected]) .container{border-color:var(--calcite-color-brand)}:host([layout=vertical][selected]) .container .stepper-item-content:not(:empty){margin-block-end:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical]:focus:not([disabled]):not([selected])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-color-status-danger-hover)}:host([layout=horizontal]){display:contents}:host([layout=horizontal]) .container{display:contents}:host([layout=horizontal]) .stepper-item-header{border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);outline-color:transparent;grid-row:items}:host([layout=horizontal]) .stepper-item-header:focus{outline:2px solid 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([layout=horizontal]) .stepper-item-content{cursor:auto;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:0;padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host([layout=horizontal][selected]) .stepper-item-content{grid-area:2/1/2/-1}:host([layout=horizontal][complete]) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][complete]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-color-brand)}:host([layout=horizontal][error]) .stepper-item-header{border-color:var(--calcite-color-status-danger)}:host([layout=horizontal][selected][multiple-view-mode]) .stepper-item-header{border-color:var(--calcite-color-brand)}:host([layout=horizontal]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][error]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-color-status-danger-hover)}@media (forced-colors: active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([selected]) .container{border-block-start-color:highlight}:host([selected]) .container .stepper-item-number{color:highlight}:host([selected]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][selected]) .container{border-color:highlight}}:host([layout=horizontal]:not([multiple-view-mode])) .stepper-item-header{margin-inline-end:0px;border-style:none;inline-size:100%;padding-inline:calc(var(--calcite-internal-stepper-action-inline-size) + 0.5rem)}:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-number{color:var(--calcite-color-status-danger)}:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-icon{opacity:1;color:var(--calcite-color-status-danger)}:host([layout=horizontal][error][selected]:not([multiple-view-mode])),:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container{color:var(--calcite-color-text-3)}:host([layout=horizontal][error][selected]:not([multiple-view-mode])) .stepper-item-heading,:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-heading{color:var(--calcite-color-text-2)}:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-icon{opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-number{color:var(--calcite-color-text-3)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const D=class{constructor(e){t(this,e);this.calciteInternalStepperItemKeyEvent=i(this,"calciteInternalStepperItemKeyEvent",6);this.calciteInternalStepperItemSelect=i(this,"calciteInternalStepperItemSelect",6);this.calciteInternalUserRequestedStepperItemSelect=i(this,"calciteInternalUserRequestedStepperItemSelect",6);this.calciteInternalStepperItemRegister=i(this,"calciteInternalStepperItemRegister",6);this.keyDownHandler=e=>{if(!this.disabled&&e.target===this.el){switch(e.key){case" ":case"Enter":this.emitUserRequestedItem();e.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":this.calciteInternalStepperItemKeyEvent.emit({item:e});e.preventDefault();break}}};this.handleItemClick=e=>{if(this.disabled||this.layout==="horizontal"&&e.composedPath().some((e=>e.classList?.contains("stepper-item-content")))){return}this.emitUserRequestedItem()};this.emitUserRequestedItem=()=>{this.emitRequestedItem();if(!this.disabled){const e=this.itemPosition;this.calciteInternalUserRequestedStepperItemSelect.emit({position:e})}};this.emitRequestedItem=()=>{if(!this.disabled){const e=this.itemPosition;this.calciteInternalStepperItemSelect.emit({position:e})}};this.selected=false;this.complete=false;this.error=false;this.disabled=false;this.heading=undefined;this.description=undefined;this.iconFlipRtl=false;this.numberingSystem=undefined;this.icon=false;this.layout=undefined;this.messages=undefined;this.numbered=false;this.scale="m";this.multipleViewMode=false;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}selectedHandler(){if(this.selected){this.emitRequestedItem()}}disabledWatcher(){this.registerStepperItem()}onMessagesChange(){}effectiveLocaleWatcher(e){d.numberFormatOptions={locale:e,numberingSystem:this.numberingSystem,useGrouping:false};f(this,this.effectiveLocale)}connectedCallback(){g(this);h(this);m(this)}async componentWillLoad(){z(this);this.parentStepperEl=this.el.parentElement;this.itemPosition=this.getItemPosition();this.registerStepperItem();if(this.selected){this.emitRequestedItem()}await u(this)}componentDidLoad(){w(this)}componentDidRender(){v(this)}disconnectedCallback(){y(this);p(this);b(this)}render(){return e(s,{"aria-current":this.selected?"step":"false",onClick:this.handleItemClick,onKeyDown:this.keyDownHandler,tabIndex:this.disabled?-1:0},e(x,{disabled:this.disabled},e("div",{class:L.container},this.complete&&e("span",{"aria-live":"polite",class:L.visuallyHidden},this.messages.complete),e("div",{class:L.stepperItemHeader,tabIndex:this.layout==="horizontal"&&!this.disabled&&this.multipleViewMode?0:null,ref:e=>this.headerEl=e},this.icon?this.renderIcon():null,this.numbered?e("div",{class:L.stepperItemNumber},this.renderNumbers(),"."):null,e("div",{class:L.stepperItemHeaderText},e("span",{class:L.stepperItemHeading},this.heading),e("span",{class:L.stepperItemDescription},this.description))),e("div",{class:L.stepperItemContent},e("slot",null)))))}updateActiveItemOnChange(e){if(e.target===this.parentStepperEl||e.composedPath().includes(this.parentStepperEl)){this.selectedPosition=e.detail.position;this.determineSelectedItem()}}async setFocus(){await k(this);(this.layout==="vertical"?this.el:this.headerEl)?.focus()}renderIcon(){let t="circle";if(this.selected&&(this.multipleViewMode||!this.error&&!this.complete)){t="circleF"}else if(this.error){t="exclamationMarkCircleF"}else if(this.complete){t="checkCircleF"}return e("calcite-icon",{class:"stepper-item-icon",flipRtl:this.iconFlipRtl,icon:t,scale:"s"})}determineSelectedItem(){this.selected=!this.disabled&&this.itemPosition===this.selectedPosition}registerStepperItem(){this.calciteInternalStepperItemRegister.emit({position:this.itemPosition})}getItemPosition(){return Array.from(this.parentStepperEl?.querySelectorAll("calcite-stepper-item")).indexOf(this.el)}renderNumbers(){d.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:false};return d.numberFormatter.format(this.itemPosition+1)}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{selected:["selectedHandler"],disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};D.style=P;export{j as calcite_stepper,D as calcite_stepper_item};
-//# sourceMappingURL=p-326bd437.entry.js.map

package/dist/calcite/p-33af7fcf.entry.js

@@ -1,7 +0,0 @@
-/*!
- * 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.2.0-next.10
- */
-import{r as e,c as t,h as i,F as n,g as a}from"./p-c0595915.js";import{c as s,d as o}from"./p-4f9cdea0.js";import{e as c,g as r,t as l}from"./p-26960e4c.js";import{c as d,d as h}from"./p-904be5f8.js";import{u as p,c as g,s as f,d as m}from"./p-9a9521de.js";import{H as u,c as x}from"./p-38493b6a.js";import{c as v}from"./p-1a02138f.js";import"./p-af2e8eba.js";import"./p-48317d63.js";import"./p-9306d022.js";const b={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info"};const y={close:"x"};const k={thumbnail:"thumbnail"};const z=":host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a:focus){outline:2px solid 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          )}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const w=class{constructor(i){e(this,i);this.calciteTipDismiss=t(this,"calciteTipDismiss",6);this.hideTip=()=>{this.closed=true;this.calciteTipDismiss.emit()};this.closed=false;this.closeDisabled=false;this.heading=undefined;this.headingLevel=undefined;this.selected=false;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}effectiveLocaleChange(){p(this,this.effectiveLocale)}connectedCallback(){s(this);d(this);g(this)}async componentWillLoad(){await f(this)}disconnectedCallback(){o(this);h(this);m(this)}renderHeader(){const{heading:e,headingLevel:t,el:n}=this;const a=n.closest("calcite-tip-manager")?.headingLevel;const s=a?x(a+1):null;const o=t||s;return e?i("header",{class:b.header},i(u,{class:b.heading,level:o},e)):null}renderDismissButton(){const{closeDisabled:e,hideTip:t}=this;return!e?i("calcite-action",{class:b.close,icon:y.close,onClick:t,scale:"l",text:this.messages.close}):null}renderImageFrame(){const{el:e}=this;return c(e,k.thumbnail)?i("div",{class:b.imageFrame,key:"thumbnail"},i("slot",{name:k.thumbnail})):null}renderInfoNode(){return i("div",{class:b.info},i("slot",null))}renderContent(){return i("div",{class:b.content},this.renderImageFrame(),this.renderInfoNode())}render(){return i(n,null,i("article",{class:b.container},this.renderHeader(),this.renderContent()),this.renderDismissButton())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};w.style=z;const C=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}";const L=class{constructor(t){e(this,t);this.groupTitle=undefined}render(){return i("slot",null)}};L.style=C;const j={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"};const T={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"};const H=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid 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          )}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid 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          )}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}";const I=class{constructor(i){e(this,i);this.calciteTipManagerClose=t(this,"calciteTipManagerClose",6);this.mutationObserver=v("mutation",(()=>this.setUpTips()));this.hideTipManager=()=>{this.closed=true;this.calciteTipManagerClose.emit()};this.previousClicked=()=>{this.previousTip()};this.nextClicked=()=>{this.nextTip()};this.tipManagerKeyDownHandler=e=>{if(e.target!==this.container){return}switch(e.key){case"ArrowRight":e.preventDefault();this.nextTip();break;case"ArrowLeft":e.preventDefault();this.previousTip();break;case"Home":e.preventDefault();this.selectedIndex=0;break;case"End":e.preventDefault();this.selectedIndex=this.total-1;break}};this.storeContainerRef=e=>{this.container=e};this.closed=false;this.headingLevel=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedIndex=undefined;this.tips=undefined;this.total=undefined;this.direction=undefined;this.groupTitle=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}closedChangeHandler(){this.direction=null}onMessagesChange(){}selectedChangeHandler(){this.showSelectedTip();this.updateGroupTitle()}async effectiveLocaleChange(){await p(this,this.effectiveLocale);this.updateGroupTitle()}connectedCallback(){d(this);g(this);this.setUpTips();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){await f(this);this.updateGroupTitle()}disconnectedCallback(){this.mutationObserver?.disconnect();h(this);m(this)}async nextTip(){this.direction="advancing";const e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";const e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}setUpTips(){const e=Array.from(this.el.querySelectorAll("calcite-tip"));this.total=e.length;if(this.total===0){return}const t=this.el.querySelector("calcite-tip[selected]");this.tips=e;this.selectedIndex=t?e.indexOf(t):0;e.forEach((e=>{e.closeDisabled=true}));this.showSelectedTip()}showSelectedTip(){this.tips.forEach(((e,t)=>{const i=this.selectedIndex===t;e.selected=i;e.hidden=!i}))}updateGroupTitle(){if(this.tips){const e=this.tips[this.selectedIndex];const t=e.closest("calcite-tip-group");this.groupTitle=t?.groupTitle||this.messages?.defaultGroupTitle}}renderPagination(){const e=r(this.el);const{selectedIndex:t,tips:n,total:a,messages:s}=this;const o=s.next;const c=s.previous;const l=s.defaultPaginationLabel;return n.length>1?i("footer",{class:j.pagination},i("calcite-action",{class:j.pagePrevious,icon:e==="ltr"?T.chevronLeft:T.chevronRight,onClick:this.previousClicked,scale:"m",text:c}),i("span",{class:j.pagePosition},`${l} ${t+1}/${a}`),i("calcite-action",{class:j.pageNext,icon:e==="ltr"?T.chevronRight:T.chevronLeft,onClick:this.nextClicked,scale:"m",text:o})):null}render(){const{closed:e,direction:t,headingLevel:n,groupTitle:a,selectedIndex:s,messages:o,total:c}=this;const r=o.close;if(c===0){return null}return i("section",{"aria-hidden":l(e),class:j.container,hidden:e,onKeyDown:this.tipManagerKeyDownHandler,tabIndex:0,ref:this.storeContainerRef},i("header",{class:j.header},i(u,{class:j.heading,level:n},a),i("calcite-action",{class:j.close,onClick:this.hideTipManager,scale:"m",text:r},i("calcite-icon",{icon:T.close,scale:"m"}))),i("div",{class:{[j.tipContainer]:true,[j.tipContainerAdvancing]:!e&&t==="advancing",[j.tipContainerRetreating]:!e&&t==="retreating"},key:s,tabIndex:0},i("slot",null)),this.renderPagination())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{closed:["closedChangeHandler"],messageOverrides:["onMessagesChange"],selectedIndex:["selectedChangeHandler"],effectiveLocale:["effectiveLocaleChange"]}}};I.style=H;export{w as calcite_tip,L as calcite_tip_group,I as calcite_tip_manager};
-//# sourceMappingURL=p-33af7fcf.entry.js.map

package/dist/calcite/p-34b05cbe.js

@@ -1,7 +0,0 @@
-/*!
- * 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.2.0-next.10
- */
-import{d as p}from"./p-37f5293c.js";import"./p-c0595915.js";import"./p-64bdb317.js";import"./p-26960e4c.js";import"./p-af2e8eba.js";import"./p-48317d63.js";import"./p-3c1c7466.js";import"./p-9a7e6205.js";import"./p-9306d022.js";import"./p-6721fc73.js";import"./p-da020626.js";import"./p-e003995f.js";import"./p-904be5f8.js";import"./p-1a02138f.js";import"./p-4d45b4ec.js";import"./p-88d01a69.js";import"./p-9a9521de.js";import"./p-66590f6a.js";import"./p-c34f50cd.js";var r={name:"bs",weekdays:"nedjelja_ponedjeljak_utorak_srijeda_četvrtak_petak_subota".split("_"),months:"januar_februar_mart_april_maj_juni_juli_august_septembar_oktobar_novembar_decembar".split("_"),weekStart:1,weekdaysShort:"ned._pon._uto._sri._čet._pet._sub.".split("_"),monthsShort:"jan._feb._mar._apr._maj._jun._jul._aug._sep._okt._nov._dec.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),ordinal:function p(r){return r},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"}};p.locale(r,null,true);export default r;
-//# sourceMappingURL=p-34b05cbe.js.map

package/dist/calcite/p-37f5293c.js

@@ -1,7 +0,0 @@
-/*!
- * 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.2.0-next.10
- */
-import{r as t,c as i,h as e,H as s,g as n}from"./p-c0595915.js";import{s as r,c as a,d as o,H as c}from"./p-64bdb317.js";import{g as h}from"./p-af2e8eba.js";import{c as u,d as l,u as d,I as f}from"./p-3c1c7466.js";import{n as m}from"./p-9306d022.js";import{c as p,d as v,g as b}from"./p-6721fc73.js";import{c as g,s as k,a as w}from"./p-e003995f.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-904be5f8.js";import{d as L,a as I,c as $}from"./p-4d45b4ec.js";import{d as A,g as C}from"./p-88d01a69.js";import{c as T,s as H,d as z,u as F}from"./p-9a9521de.js";import{o as P}from"./p-66590f6a.js";import{g as _}from"./p-da020626.js";import{V as O}from"./p-c34f50cd.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{padding-block-start:0.5rem;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([hidden]){display:none}[hidden]{display:none}";const Mi=new Map([["ar",()=>import("./p-87415bef.js")],["bg",()=>import("./p-1c6ebe7b.js")],["bs",()=>import("./p-34b05cbe.js")],["ca",()=>import("./p-0bba21d0.js")],["cs",()=>import("./p-4a6c0ecd.js")],["da",()=>import("./p-430a5646.js")],["de",()=>import("./p-a134f3fd.js")],["de-at",()=>import("./p-1aef2454.js")],["de-ch",()=>import("./p-7bac6b46.js")],["el",()=>import("./p-137d2def.js")],["en",()=>Promise.resolve().then((function(){return It}))],["en-au",()=>import("./p-064f0f08.js")],["en-ca",()=>import("./p-ced5bc8d.js")],["en-gb",()=>import("./p-db1dd382.js")],["es",()=>import("./p-bd93168e.js")],["es-mx",()=>import("./p-db444d57.js")],["et",()=>import("./p-6e5b1ef3.js")],["fi",()=>import("./p-1d43baed.js")],["fr",()=>import("./p-727fd8fa.js")],["fr-ch",()=>import("./p-8884f00a.js")],["he",()=>import("./p-6d5c0a3d.js")],["hi",()=>import("./p-00562149.js")],["hr",()=>import("./p-843ee8a4.js")],["hu",()=>import("./p-7e65832e.js")],["id",()=>import("./p-e7fd75a4.js")],["it",()=>import("./p-6779d45a.js")],["it-ch",()=>import("./p-a0f3f6ac.js")],["ja",()=>import("./p-baae7d2e.js")],["ko",()=>import("./p-12f8943c.js")],["lt",()=>import("./p-127b631c.js")],["lv",()=>import("./p-01375993.js")],["mk",()=>import("./p-106d3278.js")],["nl",()=>import("./p-811d855d.js")],["nb",()=>import("./p-3872cdff.js")],["pl",()=>import("./p-65ce72af.js")],["pt",()=>import("./p-13955780.js")],["pt-br",()=>import("./p-e4c8c237.js")],["ro",()=>import("./p-877d4d5b.js")],["ru",()=>import("./p-67e9ba0c.js")],["sk",()=>import("./p-93d1635f.js")],["sl",()=>import("./p-5e9d5d9f.js")],["sr",()=>import("./p-3d3ae505.js")],["sv",()=>import("./p-d6110847.js")],["th",()=>import("./p-6135907c.js")],["tr",()=>import("./p-45c88ddd.js")],["uk",()=>import("./p-bf84c797.js")],["vi",()=>import("./p-c0741d59.js")],["zh-cn",()=>import("./p-7543ca5b.js")],["zh-hk",()=>import("./p-9517daa5.js")],["zh-tw",()=>import("./p-47689c90.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?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-37f5293c.js.map

package/dist/calcite/p-38493b6a.js

@@ -1,7 +0,0 @@
-/*!
- * 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.2.0-next.10
- */
-import{h as t}from"./p-c0595915.js";function r(t){return Math.min(Math.max(Math.ceil(t),1),6)}const e=(r,e)=>{const n=r.level?`h${r.level}`:"div";delete r.level;return t(n,{...r},e)};export{e as H,r as c};
-//# sourceMappingURL=p-38493b6a.js.map

package/dist/calcite/p-3872cdff.js

@@ -1,7 +0,0 @@
-/*!
- * 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.2.0-next.10
- */
-import{d as r}from"./p-37f5293c.js";import"./p-c0595915.js";import"./p-64bdb317.js";import"./p-26960e4c.js";import"./p-af2e8eba.js";import"./p-48317d63.js";import"./p-3c1c7466.js";import"./p-9a7e6205.js";import"./p-9306d022.js";import"./p-6721fc73.js";import"./p-da020626.js";import"./p-e003995f.js";import"./p-904be5f8.js";import"./p-1a02138f.js";import"./p-4d45b4ec.js";import"./p-88d01a69.js";import"./p-9a9521de.js";import"./p-66590f6a.js";import"./p-c34f50cd.js";var e={name:"nb",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"sø._ma._ti._on._to._fr._lø.".split("_"),weekdaysMin:"sø_ma_ti_on_to_fr_lø".split("_"),months:"januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember".split("_"),monthsShort:"jan._feb._mars_april_mai_juni_juli_aug._sep._okt._nov._des.".split("_"),ordinal:function r(e){return e+"."},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY [kl.] HH:mm",LLLL:"dddd D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"noen sekunder",m:"ett minutt",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dager",M:"en måned",MM:"%d måneder",y:"ett år",yy:"%d år"}};r.locale(e,null,true);export default e;
-//# sourceMappingURL=p-3872cdff.js.map