@esri/calcite-components 2.6.0-next.1 → 2.6.0-next.2

package/dist/calcite/p-9a1dea3c.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.6.0-next.2
+ */
+import{r as t,c as e,h as i,g as s,H as n}from"./p-f8f9cef3.js";import{b as a,t as o,D as l,g as c}from"./p-a6243d9a.js";import{c as r,u as h,d,I as f}from"./p-77b97148.js";import{c as u}from"./p-3e92a6e4.js";import{d as p,a as g,c as m}from"./p-f36a0721.js";import{S as b}from"./p-5c553da2.js";import{s as v,a as w,c as y}from"./p-75a52371.js";import{c as C,s as x,d as k,u as I}from"./p-a534e089.js";import{n as S,c as L,d as E}from"./p-b0528b4b.js";import{d as D}from"./p-b04fd81d.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-4880529d.js";import"./p-ff8fc6a4.js";const A={container:"container",containerHover:"container--hover",containerBorder:"container--border",containerBorderSelected:"container--border-selected",containerBorderUnselected:"container--border-unselected",contentContainer:"content-container",contentContainerSelectable:"content-container--selectable",contentContainerHasCenterContent:"content-container--has-center-content",nestedContainer:"nested-container",nestedContainerHidden:"nested-container--hidden",content:"content",customContent:"custom-content",actionsStart:"actions-start",contentStart:"content-start",label:"label",description:"description",contentEnd:"content-end",contentBottom:"content-bottom",actionsEnd:"actions-end",selectionContainer:"selection-container",selectionContainerSingle:"selection-container--single",openContainer:"open-container",dragContainer:"drag-container"};const F={actionsStart:"actions-start",contentStart:"content-start",content:"content",contentBottom:"content-bottom",contentEnd:"content-end",actionsEnd:"actions-end"};const z=0;const M={selectedMultiple:"check-square-f",selectedSingle:"bullet-point-large",unselectedMultiple:"square",unselectedSingle:"bullet-point-large",closedLTR:"chevron-right",closedRTL:"chevron-left",open:"chevron-down",blank:"blank",close:"x"};const j="data-test-active";const H="calcite-list";const P="calcite-list-item-group";const T="calcite-list-item";function R(t){return Array.from(t.assignedElements({flatten:true}).filter((t=>t.matches(H))))}function B(t){const e=t.assignedElements({flatten:true});const i=e.filter((t=>t?.matches(P))).map((t=>Array.from(t.querySelectorAll(T)))).reduce(((t,e)=>[...t,...e]),[]);const s=e.filter((t=>t?.matches(T)));const n=e.filter((t=>t?.matches(H))).map((t=>Array.from(t.querySelectorAll(T)))).reduce(((t,e)=>[...t,...e]),[]);return[...n,...i,...s]}function O(t){t.forEach((e=>{e.setPosition=t.indexOf(e)+1;e.setSize=t.length}))}function _(t,e=false){const i=e?"ancestor::calcite-list-item | ancestor::calcite-list-item-group":"ancestor::calcite-list-item";const s=document.evaluate(i,t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);return s.snapshotLength}const G={container:"container",table:"table",scrim:"scrim",stack:"stack",tableContainer:"table-container",sticky:"sticky-pos",assistiveText:"assistive-text"};const N=0;const U={filterNoResults:"filter-no-results",filterActionsStart:"filter-actions-start",filterActionsEnd:"filter-actions-end"};const W=":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}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%;border-collapse:collapse}.stack{--calcite-stack-padding-inline:0;--calcite-stack-padding-block:0}::slotted(calcite-list-item){--tw-shadow:0 -1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 -1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:1px}::slotted(calcite-list-item:first-of-type){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}::slotted(calcite-list-item[data-filter]){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:0px}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-color-foreground-1)}.sticky-pos th{padding:0px}.assistive-text{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 $="calcite-list-item";const q=`:scope > calcite-list-item`;const K="calcite-list-item-group, calcite-list-item";const X=class{constructor(i){t(this,i);this.calciteListChange=e(this,"calciteListChange",6);this.calciteListDragEnd=e(this,"calciteListDragEnd",6);this.calciteListDragStart=e(this,"calciteListDragStart",6);this.calciteListFilter=e(this,"calciteListFilter",6);this.calciteListOrderChange=e(this,"calciteListOrderChange",6);this.calciteInternalListDefaultSlotChange=e(this,"calciteInternalListDefaultSlotChange",6);this.dragSelector=$;this.focusableItems=[];this.handleSelector="calcite-handle";this.listItems=[];this.mutationObserver=u("mutation",(()=>this.updateListItems()));this.visibleItems=[];this.handleDefaultSlotChange=t=>{O(B(t.target));if(this.parentListEl){this.calciteInternalListDefaultSlotChange.emit()}};this.handleFilterActionsStartSlotChange=t=>{this.hasFilterActionsStart=a(t)};this.handleFilterActionsEndSlotChange=t=>{this.hasFilterActionsEnd=a(t)};this.handleFilterNoResultsSlotChange=t=>{this.hasFilterNoResults=a(t)};this.setActiveListItem=()=>{const{focusableItems:t}=this;if(!t.some((t=>t.active))){if(t[0]){t[0].active=true}}};this.updateSelectedItems=(t=false)=>{this.selectedItems=this.visibleItems.filter((t=>t.selected));if(t){this.calciteListChange.emit()}};this.updateFilteredItems=(t=false)=>{const{visibleItems:e,filteredData:i,filterText:s}=this;const n=i.map((t=>t.value));const a=e?.filter((t=>e.every((e=>e===t||!t.contains(e)))));const o=e.filter((t=>!s||n.includes(t.value)))||[];const l=new WeakSet;a.forEach((t=>this.filterElements({el:t,filteredItems:o,visibleParents:l})));if(o.length>0){this.findAncestorOfFirstFilteredItem(o)}this.filteredItems=o;if(t){this.calciteListFilter.emit()}};this.setFilterEl=t=>{this.filterEl=t;this.performFilter()};this.handleFilterChange=t=>{t.stopPropagation();const{value:e}=t.currentTarget;this.filterText=e;this.updateFilteredData(true)};this.getItemData=()=>this.listItems.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value})));this.updateListItems=D(((t=false)=>{const{selectionAppearance:e,selectionMode:i,dragEnabled:s}=this;if(!!this.parentListEl){const t=this.queryListItems(true);t.forEach((t=>{t.dragHandle=s}));this.setUpSorting();return}const n=this.queryListItems();n.forEach((t=>{t.selectionAppearance=e;t.selectionMode=i}));const a=this.queryListItems(true);a.forEach((t=>{t.dragHandle=s}));this.listItems=n;if(this.filterEnabled){this.dataForFilter=this.getItemData();if(this.filterEl){this.filterEl.items=this.dataForFilter}}this.visibleItems=this.listItems.filter((t=>!t.closed&&!t.hidden));this.updateFilteredItems(t);this.focusableItems=this.filteredItems.filter((t=>!t.disabled));this.setActiveListItem();this.updateSelectedItems(t);this.setUpSorting()}),N);this.queryListItems=(t=false)=>Array.from(this.el.querySelectorAll(t?q:$));this.focusRow=t=>{const{focusableItems:e}=this;if(!t){return}e.forEach((e=>e.active=e===t));t.setFocus()};this.isNavigable=t=>{const e=t.parentElement?.closest($);if(!e){return true}return e.open&&this.isNavigable(e)};this.handleListKeydown=t=>{if(t.defaultPrevented||!!this.parentListEl){return}const{key:e}=t;const i=this.focusableItems.filter((t=>this.isNavigable(t)));const s=i.findIndex((t=>t.active));if(e==="ArrowDown"){t.preventDefault();const e=t.target===this.filterEl?0:s+1;if(i[e]){this.focusRow(i[e])}}else if(e==="ArrowUp"){t.preventDefault();if(s===0&&this.filterEnabled){this.filterEl?.setFocus();return}const e=s-1;if(i[e]){this.focusRow(i[e])}}else if(e==="Home"){t.preventDefault();const e=i[0];if(e){this.focusRow(e)}}else if(e==="End"){t.preventDefault();const e=i[i.length-1];if(e){this.focusRow(e)}}};this.findAncestorOfFirstFilteredItem=t=>{this.ancestorOfFirstFilteredItem?.removeAttribute("data-filter");t.forEach((t=>{t.removeAttribute("data-filter")}));this.ancestorOfFirstFilteredItem=this.getTopLevelAncestorItemElement(t[0]);t[0].setAttribute("data-filter","0");this.ancestorOfFirstFilteredItem?.setAttribute("data-filter","0")};this.getTopLevelAncestorItemElement=t=>{let e=t.parentElement.closest($);while(e){const t=e.parentElement.closest($);if(t){e=t}else{return e}}return null};this.disabled=false;this.canPull=undefined;this.canPut=undefined;this.dragEnabled=false;this.group=undefined;this.filterEnabled=false;this.filteredItems=[];this.filteredData=[];this.filterPlaceholder=undefined;this.filterText=undefined;this.label=undefined;this.loading=false;this.messageOverrides=undefined;this.messages=undefined;this.numberingSystem=undefined;this.openable=false;this.selectedItems=[];this.selectionMode="none";this.selectionAppearance="icon";this.effectiveLocale="";this.defaultMessages=undefined;this.assistiveText=undefined;this.dataForFilter=[];this.hasFilterActionsEnd=false;this.hasFilterActionsStart=false;this.hasFilterNoResults=false}async handleFilterTextChange(){this.performFilter()}onMessagesChange(){}handleListItemChange(){this.updateListItems()}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl){return}t.stopPropagation();const{focusableItems:e}=this;const i=e.findIndex((t=>t.active));const s=i-1;if(e[s]){this.focusRow(e[s])}}handleCalciteInternalListItemActive(t){if(!!this.parentListEl){return}t.stopPropagation();const e=t.target;const{listItems:i}=this;i.forEach((t=>{t.active=t===e}))}handleCalciteListItemSelect(){if(!!this.parentListEl){return}this.updateSelectedItems(true)}handleCalciteInternalAssistiveTextChange(t){this.assistiveText=t.detail.message;t.stopPropagation()}handleCalciteHandleNudge(t){if(!!this.parentListEl){return}this.handleNudgeEvent(t)}handleCalciteInternalListItemSelect(t){if(!!this.parentListEl){return}t.stopPropagation();const e=t.target;const{listItems:i,selectionMode:s}=this;if(e.selected&&(s==="single"||s==="single-persist")){i.forEach((t=>t.selected=t===e))}this.updateSelectedItems()}handleCalciteInternalListItemSelectMultiple(t){if(!!this.parentListEl){return}t.stopPropagation();const{target:e,detail:i}=t;const{focusableItems:s,lastSelectedInfo:n}=this;const a=e;if(i.selectMultiple&&!!n){const t=s.indexOf(a);const e=s.indexOf(n.selectedItem);const i=Math.min(e,t);const o=Math.max(e,t);s.slice(i,o+1).forEach((t=>t.selected=n.selected))}else{this.lastSelectedInfo={selectedItem:a,selected:a.selected}}}handleCalciteInternalListItemChange(t){if(!!this.parentListEl){return}t.stopPropagation();this.updateListItems()}handleCalciteInternalListItemGroupDefaultSlotChange(t){t.stopPropagation()}connectedCallback(){if(p(this)){return}C(this);this.connectObserver();this.updateListItems();this.setUpSorting();r(this);this.setParentList()}async componentWillLoad(){v(this);await x(this)}componentDidRender(){h(this)}componentDidLoad(){w(this)}disconnectedCallback(){if(p(this)){return}this.disconnectObserver();g(this);d(this);k(this)}effectiveLocaleChange(){I(this,this.effectiveLocale)}async setFocus(){await y(this);if(this.filterEnabled){return this.filterEl?.setFocus()}return this.focusableItems.find((t=>t.active))?.setFocus()}render(){const{loading:t,label:e,disabled:s,dataForFilter:n,filterEnabled:a,filterPlaceholder:l,filterText:c,filteredItems:r,hasFilterActionsStart:h,hasFilterActionsEnd:d,hasFilterNoResults:u}=this;return i(f,{disabled:this.disabled},i("div",{class:G.container},this.dragEnabled?i("span",{"aria-live":"assertive",class:G.assistiveText},this.assistiveText):null,this.renderItemAriaLive(),t?i("calcite-scrim",{class:G.scrim,loading:t}):null,i("table",{"aria-busy":o(t),"aria-label":e||"",class:G.table,onKeyDown:this.handleListKeydown,role:"treegrid"},a||h||d?i("thead",null,i("tr",{class:{[G.sticky]:true}},i("th",{colSpan:z},i("calcite-stack",{class:G.stack},i("slot",{name:U.filterActionsStart,onSlotchange:this.handleFilterActionsStartSlotChange,slot:b.actionsStart}),i("calcite-filter",{"aria-label":l,disabled:s,items:n,onCalciteFilterChange:this.handleFilterChange,placeholder:l,value:c,ref:this.setFilterEl}),i("slot",{name:U.filterActionsEnd,onSlotchange:this.handleFilterActionsEndSlotChange,slot:b.actionsEnd}))))):null,i("tbody",{class:G.tableContainer},i("slot",{onSlotchange:this.handleDefaultSlotChange}))),i("div",{"aria-live":"polite","data-test-id":"no-results-container",hidden:!(u&&a&&c&&!r.length)},i("slot",{name:U.filterNoResults,onSlotchange:this.handleFilterNoResultsSlotChange}))))}renderItemAriaLive(){const{messages:t,filteredItems:e,parentListEl:s,effectiveLocale:n,numberingSystem:a,filterEnabled:o,filterText:l,filteredData:c}=this;S.numberFormatOptions={locale:n,numberingSystem:a};return!s?i("div",{"aria-live":"polite",class:G.assistiveText},o&&l&&c?.length?i("div",{key:"aria-filter-enabled"},t.filterEnabled):null,i("div",{key:"aria-item-count"},t.total.replace("{count}",S.localize(e.length.toString()))),e.length?i("ol",{key:"aria-item-list"},e.map((t=>i("li",null,t.label)))):null):null}connectObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){const{dragEnabled:t}=this;if(!t){return}m(this)}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(t){this.calciteListDragEnd.emit(t)}onDragStart(t){this.calciteListDragStart.emit(t)}onDragSort(t){this.setParentList();this.updateListItems();this.calciteListOrderChange.emit(t)}setParentList(){this.parentListEl=this.el.parentElement?.closest("calcite-list")}filterElements({el:t,filteredItems:e,visibleParents:i}){const s=!i.has(t)&&!e.includes(t);t.filterHidden=s;const n=t.parentElement.closest(K);if(!n){return}if(!s){i.add(n)}this.filterElements({el:n,filteredItems:e,visibleParents:i})}updateFilteredData(t=false){const{filterEl:e}=this;if(!e){return}if(e.filteredItems){this.filteredData=e.filteredItems}this.updateListItems(t)}async performFilter(){const{filterEl:t,filterText:e}=this;if(!t){return}t.value=e;await t.filter(e);this.updateFilteredData()}handleNudgeEvent(t){const{handleSelector:e,dragSelector:i}=this;const{direction:s}=t.detail;const n=t.composedPath();const a=n.find((t=>t?.tagName&&t.matches(e)));const o=n.find((t=>t?.tagName&&t.matches(i)));const l=o?.parentElement;if(!l){return}const{filteredItems:c}=this;const r=c.filter((t=>t.parentElement===l));const h=r.length-1;const d=r.indexOf(o);let f;if(s==="up"){f=d===0?h:d-1}else{f=d===h?0:d+1}this.disconnectObserver();a.blurUnselectDisabled=true;const u=s==="up"&&f!==h||s==="down"&&f===0?r[f]:r[f].nextSibling;l.insertBefore(o,u);this.updateListItems();this.connectObserver();this.calciteListOrderChange.emit({dragEl:o,fromEl:l,toEl:l,newIndex:f,oldIndex:d});a.setFocus().then((()=>a.blurUnselectDisabled=false))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{filterText:["handleFilterTextChange"],messageOverrides:["onMessagesChange"],filterEnabled:["handleListItemChange"],group:["handleListItemChange"],dragEnabled:["handleListItemChange"],selectionMode:["handleListItemChange"],selectionAppearance:["handleListItemChange"],effectiveLocale:["effectiveLocaleChange"]}}};X.style=W;const J=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;--calcite-list-item-icon-color:var(--calcite-color-brand);--calcite-list-item-spacing-indent:1rem}:host([filter-hidden]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-sans-family);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.container:active{background-color:var(--calcite-color-foreground-1)}.container--border{border-inline-start-width:4px;border-inline-start-style:solid}.container--border-selected{border-inline-start-color:var(--calcite-color-brand)}.container--border-unselected{border-inline-start-color:transparent}.container:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description,.content-bottom{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child,.content-bottom:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-color-text-1)}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}.description{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}:host([selected]) .description{color:var(--calcite-color-text-2)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-bottom{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-inline:0.75rem;color:var(--calcite-color-border-input)}.selection-container--single{color:transparent}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-color-border-1)}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-item-icon-color)}.open-container{color:var(--calcite-color-text-3)}:host(:not([disabled])) .container:hover .open-container{color:var(--calcite-color-text-1)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.open-container,.selection-container{cursor:pointer}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}::slotted(calcite-list-item),::slotted(calcite-list){border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}::slotted(calcite-list:empty){padding-block:0.75rem}:host([hidden]){display:none}[hidden]{display:none}";const Q=new Map;const V="calcite-list";const Y=class{constructor(i){t(this,i);this.calciteListItemSelect=e(this,"calciteListItemSelect",6);this.calciteListItemClose=e(this,"calciteListItemClose",6);this.calciteListItemDragHandleChange=e(this,"calciteListItemDragHandleChange",6);this.calciteListItemToggle=e(this,"calciteListItemToggle",6);this.calciteInternalListItemSelect=e(this,"calciteInternalListItemSelect",6);this.calciteInternalListItemSelectMultiple=e(this,"calciteInternalListItemSelectMultiple",6);this.calciteInternalListItemActive=e(this,"calciteInternalListItemActive",6);this.calciteInternalFocusPreviousItem=e(this,"calciteInternalFocusPreviousItem",6);this.calciteInternalListItemChange=e(this,"calciteInternalListItemChange",6);this.dragHandleSelectedChangeHandler=t=>{this.dragSelected=t.target.selected;this.calciteListItemDragHandleChange.emit();t.stopPropagation()};this.emitInternalListItemActive=()=>{this.calciteInternalListItemActive.emit()};this.focusCellHandle=()=>{this.handleCellFocusIn(this.handleGridEl)};this.focusCellActionsStart=()=>{this.handleCellFocusIn(this.actionsStartEl)};this.focusCellContent=()=>{this.handleCellFocusIn(this.contentEl)};this.focusCellActionsEnd=()=>{this.handleCellFocusIn(this.actionsEndEl)};this.handleCloseClick=()=>{this.closed=true;this.calciteListItemClose.emit()};this.handleContentSlotChange=t=>{this.hasCustomContent=a(t)};this.handleActionsStartSlotChange=t=>{this.hasActionsStart=a(t)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=a(t)};this.handleContentStartSlotChange=t=>{this.hasContentStart=a(t)};this.handleContentEndSlotChange=t=>{this.hasContentEnd=a(t)};this.handleContentBottomSlotChange=t=>{this.hasContentBottom=a(t)};this.handleDefaultSlotChange=t=>{this.handleOpenableChange(t.target)};this.handleToggleClick=()=>{this.toggle()};this.toggle=(t=!this.open)=>{this.open=t;this.calciteListItemToggle.emit()};this.handleItemClick=t=>{if(t.defaultPrevented){return}this.toggleSelected(t.shiftKey)};this.toggleSelected=t=>{const{selectionMode:e,selected:i}=this;if(this.disabled){return}if(e==="multiple"||e==="single"){this.selected=!i}else if(e==="single-persist"){this.selected=true}this.calciteInternalListItemSelectMultiple.emit({selectMultiple:t&&e==="multiple"});this.calciteListItemSelect.emit()};this.handleItemKeyDown=t=>{if(t.defaultPrevented){return}const{key:e}=t;const i=t.composedPath();const{containerEl:s,actionsStartEl:n,actionsEndEl:a,open:o,openable:l}=this;const c=this.getGridCells();const r=c.findIndex((t=>i.includes(t)));if(e==="Enter"&&!i.includes(n)&&!i.includes(a)){t.preventDefault();this.toggleSelected(t.shiftKey)}else if(e==="ArrowRight"){t.preventDefault();const e=r+1;if(r===-1){if(!o&&l){this.toggle(true);this.focusCell(null)}else if(c[0]){this.focusCell(c[0])}}else if(c[r]&&c[e]){this.focusCell(c[e])}}else if(e==="ArrowLeft"){t.preventDefault();const e=r-1;if(r===-1){this.focusCell(null);if(o&&l){this.toggle(false)}else{this.calciteInternalFocusPreviousItem.emit()}}else if(r===0){this.focusCell(null);s.focus()}else if(c[r]&&c[e]){this.focusCell(c[e])}}};this.focusCellNull=()=>{this.focusCell(null)};this.handleCellFocusIn=t=>{this.setFocusCell(t,l(t),true)};this.setFocusCell=(t,e,i)=>{const{parentListEl:s}=this;if(i){Q.set(s,null)}const n=this.getGridCells();n.forEach((t=>{t.tabIndex=-1;t.removeAttribute(j)}));if(!t){return}t.tabIndex=t===e?0:-1;t.setAttribute(j,"");if(i){Q.set(s,n.indexOf(t))}};this.focusCell=(t,e=true)=>{const i=l(t);this.setFocusCell(t,i,e);i?.focus()};this.active=false;this.closable=false;this.closed=false;this.description=undefined;this.disabled=false;this.dragDisabled=false;this.dragHandle=false;this.dragSelected=false;this.filterHidden=false;this.label=undefined;this.metadata=undefined;this.open=false;this.setSize=null;this.setPosition=null;this.selected=false;this.value=undefined;this.selectionMode=null;this.selectionAppearance=null;this.messageOverrides=undefined;this.messages=undefined;this.effectiveLocale="";this.defaultMessages=undefined;this.level=null;this.visualLevel=null;this.parentListEl=undefined;this.openable=false;this.hasActionsStart=false;this.hasActionsEnd=false;this.hasCustomContent=false;this.hasContentStart=false;this.hasContentEnd=false;this.hasContentBottom=false}activeHandler(t){if(!t){this.focusCell(null,false)}}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}onMessagesChange(){}handleCalciteInternalListDefaultSlotChanges(t){t.stopPropagation();this.handleOpenableChange(this.defaultSlotEl)}effectiveLocaleChange(){I(this,this.effectiveLocale)}connectedCallback(){r(this);L(this);C(this);const{el:t}=this;this.parentListEl=t.closest(V);this.level=_(t)+1;this.visualLevel=_(t,true);this.setSelectionDefaults()}async componentWillLoad(){v(this);await x(this)}componentDidLoad(){w(this)}componentDidRender(){h(this)}disconnectedCallback(){d(this);E(this);k(this)}async setFocus(){await y(this);const{containerEl:t,parentListEl:e}=this;const i=Q.get(e);if(typeof i==="number"){const e=this.getGridCells();if(e[i]){this.focusCell(e[i])}else{t?.focus()}return}t?.focus()}renderSelected(){const{selected:t,selectionMode:e,selectionAppearance:s}=this;if(e==="none"||s==="border"){return null}return i("td",{class:{[A.selectionContainer]:true,[A.selectionContainerSingle]:e==="single"||e==="single-persist"},key:"selection-container",onClick:this.handleItemClick},i("calcite-icon",{icon:t?e==="multiple"?M.selectedMultiple:M.selectedSingle:e==="multiple"?M.unselectedMultiple:M.unselectedSingle,scale:"s"}))}renderDragHandle(){const{label:t,dragHandle:e,dragSelected:s,dragDisabled:n,setPosition:a,setSize:o}=this;return e?i("td",{"aria-label":t,class:A.dragContainer,key:"drag-handle-container",onFocusin:this.focusCellHandle,role:"gridcell",ref:t=>this.handleGridEl=t},i("calcite-handle",{disabled:n,label:t,onCalciteHandleChange:this.dragHandleSelectedChangeHandler,selected:s,setPosition:a,setSize:o})):null}renderOpen(){const{el:t,open:e,openable:s,messages:n}=this;const a=c(t);const o=e?M.open:a==="rtl"?M.closedRTL:M.closedLTR;const l=e?n.collapse:n.expand;return s?i("td",{class:A.openContainer,key:"open-container",onClick:this.handleToggleClick,title:l},i("calcite-icon",{icon:o,key:o,scale:"s"})):null}renderActionsStart(){const{label:t,hasActionsStart:e}=this;return i("td",{"aria-label":t,class:A.actionsStart,hidden:!e,key:"actions-start-container",onFocusin:this.focusCellActionsStart,role:"gridcell",ref:t=>this.actionsStartEl=t},i("slot",{name:F.actionsStart,onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){const{label:t,hasActionsEnd:e,closable:s,messages:n}=this;return i("td",{"aria-label":t,class:A.actionsEnd,hidden:!(e||s),key:"actions-end-container",onFocusin:this.focusCellActionsEnd,role:"gridcell",ref:t=>this.actionsEndEl=t},i("slot",{name:F.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}),s?i("calcite-action",{appearance:"transparent",icon:M.close,key:"close-action",label:n.close,onClick:this.handleCloseClick,text:n.close}):null)}renderContentStart(){const{hasContentStart:t}=this;return i("div",{class:A.contentStart,hidden:!t},i("slot",{name:F.contentStart,onSlotchange:this.handleContentStartSlotChange}))}renderCustomContent(){const{hasCustomContent:t}=this;return i("div",{class:A.customContent,hidden:!t},i("slot",{name:F.content,onSlotchange:this.handleContentSlotChange}))}renderContentEnd(){const{hasContentEnd:t}=this;return i("div",{class:A.contentEnd,hidden:!t},i("slot",{name:F.contentEnd,onSlotchange:this.handleContentEndSlotChange}))}renderContentBottom(){const{hasContentBottom:t,visualLevel:e}=this;return i("div",{class:A.contentBottom,hidden:!t,style:{"--calcite-list-item-spacing-indent-multiplier":`${e}`}},i("slot",{name:F.contentBottom,onSlotchange:this.handleContentBottomSlotChange}))}renderDefaultContainer(){return i("div",{class:{[A.nestedContainer]:true,[A.nestedContainerHidden]:this.openable&&!this.open}},i("slot",{onSlotchange:this.handleDefaultSlotChange,ref:t=>this.defaultSlotEl=t}))}renderContentProperties(){const{label:t,description:e,hasCustomContent:s}=this;return!s&&(!!t||!!e)?i("div",{class:A.content,key:"content"},t?i("div",{class:A.label,key:"label"},t):null,e?i("div",{class:A.description,key:"description"},e):null):null}renderContentContainer(){const{description:t,label:e,selectionMode:s,hasCustomContent:n}=this;const a=n||!!e||!!t;const o=[this.renderContentStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderContentEnd()];return i("td",{"aria-label":e,class:{[A.contentContainer]:true,[A.contentContainerSelectable]:s!=="none",[A.contentContainerHasCenterContent]:a},key:"content-container",onClick:this.handleItemClick,onFocusin:this.focusCellContent,role:"gridcell",ref:t=>this.contentEl=t},o)}render(){const{openable:t,open:e,level:s,setPosition:a,setSize:l,active:c,label:r,selected:h,selectionAppearance:d,selectionMode:u,closed:p,visualLevel:g}=this;const m=u!=="none"&&d==="border";const b=m&&h;const v=m&&!h;return i(n,null,i(f,{disabled:this.disabled},i("tr",{"aria-expanded":t?o(e):null,"aria-label":r,"aria-level":s,"aria-posinset":a,"aria-selected":o(h),"aria-setsize":l,class:{[A.container]:true,[A.containerHover]:true,[A.containerBorder]:m,[A.containerBorderSelected]:b,[A.containerBorderUnselected]:v},hidden:p,onFocus:this.focusCellNull,onFocusin:this.emitInternalListItemActive,onKeyDown:this.handleItemKeyDown,role:"row",style:{"--calcite-list-item-spacing-indent-multiplier":`${g}`},tabIndex:c?0:-1,ref:t=>this.containerEl=t},this.renderDragHandle(),this.renderSelected(),this.renderOpen(),this.renderActionsStart(),this.renderContentContainer(),this.renderActionsEnd()),this.renderContentBottom(),this.renderDefaultContainer()))}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}setSelectionDefaults(){const{parentListEl:t,selectionMode:e,selectionAppearance:i}=this;if(!t){return}if(!e){this.selectionMode=t.selectionMode}if(!i){this.selectionAppearance=t.selectionAppearance}}handleOpenableChange(t){if(!t){return}const e=B(t);const i=R(t);O(e);this.openable=!!e.length||!!i.length}getGridCells(){return[this.handleGridEl,this.actionsStartEl,this.contentEl,this.actionsEndEl].filter((t=>t&&!t.hidden))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{active:["activeHandler"],closed:["handleClosedChange"],disabled:["handleDisabledChange"],selected:["handleSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};Y.style=J;const Z={container:"container",heading:"heading"};const tt=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);--calcite-list-item-spacing-indent:1rem}:host([filter-hidden]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{margin:0px;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.heading{padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}::slotted(calcite-list-item){--tw-shadow:0 -1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 -1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:1px}::slotted(calcite-list-item:nth-child(1 of :not([hidden]))){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:0px}:host([hidden]){display:none}[hidden]{display:none}";const et=class{constructor(i){t(this,i);this.calciteInternalListItemGroupDefaultSlotChange=e(this,"calciteInternalListItemGroupDefaultSlotChange",6);this.handleDefaultSlotChange=()=>{this.calciteInternalListItemGroupDefaultSlotChange.emit()};this.disabled=false;this.filterHidden=false;this.heading=undefined;this.visualLevel=null}connectedCallback(){const{el:t}=this;this.visualLevel=_(t,true);r(this)}componentDidRender(){h(this)}disconnectedCallback(){d(this)}render(){const{disabled:t,heading:e,visualLevel:s}=this;return i(n,null,i(f,{disabled:t},i("tr",{class:Z.container,style:{"--calcite-list-item-spacing-indent-multiplier":`${s}`}},i("td",{class:Z.heading,colSpan:z},e)),i("slot",{onSlotchange:this.handleDefaultSlotChange})))}get el(){return s(this)}};et.style=tt;export{X as calcite_list,Y as calcite_list_item,et as calcite_list_item_group};
+//# sourceMappingURL=p-9a1dea3c.entry.js.map

package/dist/calcite/p-9a1dea3c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","containerHover","containerBorder","containerBorderSelected","containerBorderUnselected","contentContainer","contentContainerSelectable","contentContainerHasCenterContent","nestedContainer","nestedContainerHidden","content","customContent","actionsStart","contentStart","label","description","contentEnd","contentBottom","actionsEnd","selectionContainer","selectionContainerSingle","openContainer","dragContainer","SLOTS","MAX_COLUMNS","ICONS","selectedMultiple","selectedSingle","unselectedMultiple","unselectedSingle","closedLTR","closedRTL","open","blank","close","activeCellTestAttribute","listSelector","listItemGroupSelector","listItemSelector","getListItemChildLists","slotEl","Array","from","assignedElements","flatten","filter","el","matches","getListItemChildren","listItemGroupChildren","map","group","querySelectorAll","reduce","previousValue","currentValue","listItemChildren","listItemListChildren","list","updateListItemChildren","forEach","listItem","setPosition","indexOf","setSize","length","getDepth","element","includeGroup","expression","result","document","evaluate","XPathResult","UNORDERED_NODE_SNAPSHOT_TYPE","snapshotLength","table","scrim","stack","tableContainer","sticky","assistiveText","debounceTimeout","filterNoResults","filterActionsStart","filterActionsEnd","listCss","listItemSelectorDirect","parentSelector","List","this","dragSelector","focusableItems","handleSelector","listItems","mutationObserver","createObserver","updateListItems","visibleItems","handleDefaultSlotChange","event","target","parentListEl","calciteInternalListDefaultSlotChange","emit","handleFilterActionsStartSlotChange","hasFilterActionsStart","slotChangeHasAssignedElement","handleFilterActionsEndSlotChange","hasFilterActionsEnd","handleFilterNoResultsSlotChange","hasFilterNoResults","setActiveListItem","some","item","active","updateSelectedItems","selectedItems","selected","calciteListChange","updateFilteredItems","filteredData","filterText","values","value","lastDescendantItems","every","li","contains","filteredItems","includes","visibleParents","WeakSet","filterElements","findAncestorOfFirstFilteredItem","calciteListFilter","setFilterEl","filterEl","performFilter","handleFilterChange","stopPropagation","currentTarget","updateFilteredData","getItemData","metadata","debounce","selectionAppearance","selectionMode","dragEnabled","items","queryListItems","dragHandle","setUpSorting","dragItems","filterEnabled","dataForFilter","closed","hidden","disabled","direct","focusRow","focusEl","setFocus","isNavigable","parentListItemEl","parentElement","closest","handleListKeydown","defaultPrevented","key","navigableItems","currentIndex","findIndex","preventDefault","nextIndex","prevIndex","homeItem","endItem","ancestorOfFirstFilteredItem","removeAttribute","getTopLevelAncestorItemElement","setAttribute","closestParent","closestListItemAncestor","handleFilterTextChange","onMessagesChange","handleListItemChange","handleCalciteInternalFocusPreviousItem","handleCalciteInternalListItemActive","handleCalciteListItemSelect","handleCalciteInternalAssistiveTextChange","detail","message","handleCalciteHandleNudge","handleNudgeEvent","handleCalciteInternalListItemSelect","handleCalciteInternalListItemSelectMultiple","lastSelectedInfo","selectedItem","selectMultiple","lastSelectedIndex","startIndex","Math","min","endIndex","max","slice","handleCalciteInternalListItemChange","handleCalciteInternalListItemGroupDefaultSlotChange","connectedCallback","dragActive","connectMessages","connectObserver","connectInteractive","setParentList","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidRender","updateHostInteraction","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectObserver","disconnectSortableComponent","disconnectInteractive","disconnectMessages","effectiveLocaleChange","updateMessages","effectiveLocale","componentFocusable","find","render","loading","filterPlaceholder","h","InteractiveContainer","class","renderItemAriaLive","toAriaBoolean","onKeyDown","role","colSpan","name","onSlotchange","slot","STACK_SLOTS","onCalciteFilterChange","placeholder","ref","messages","numberingSystem","numberStringFormatter","numberFormatOptions","locale","total","replace","localize","toString","observe","childList","subtree","disconnect","connectSortableComponent","onGlobalDragStart","onGlobalDragEnd","onDragEnd","calciteListDragEnd","onDragStart","calciteListDragStart","onDragSort","calciteListOrderChange","filterHidden","has","add","direction","composedPath","handle","tagName","dragEl","parentEl","sameParentItems","lastIndex","oldIndex","newIndex","blurUnselectDisabled","referenceEl","nextSibling","insertBefore","fromEl","toEl","then","listItemCss","focusMap","Map","ListItem","dragHandleSelectedChangeHandler","dragSelected","calciteListItemDragHandleChange","emitInternalListItemActive","calciteInternalListItemActive","focusCellHandle","handleCellFocusIn","handleGridEl","focusCellActionsStart","actionsStartEl","focusCellContent","contentEl","focusCellActionsEnd","actionsEndEl","handleCloseClick","calciteListItemClose","handleContentSlotChange","hasCustomContent","handleActionsStartSlotChange","hasActionsStart","handleActionsEndSlotChange","hasActionsEnd","handleContentStartSlotChange","hasContentStart","handleContentEndSlotChange","hasContentEnd","handleContentBottomSlotChange","hasContentBottom","handleOpenableChange","handleToggleClick","toggle","calciteListItemToggle","handleItemClick","toggleSelected","shiftKey","calciteInternalListItemSelectMultiple","calciteListItemSelect","handleItemKeyDown","containerEl","openable","cells","getGridCells","cell","focusCell","calciteInternalFocusPreviousItem","focus","focusCellNull","setFocusCell","getFirstTabbable","focusedEl","saveFocusIndex","set","gridCells","tableCell","tabIndex","activeHandler","handleClosedChange","emitCalciteInternalListItemChange","handleDisabledChange","handleSelectedChange","calciteInternalListItemSelect","handleCalciteInternalListDefaultSlotChanges","defaultSlotEl","connectLocalized","level","visualLevel","setSelectionDefaults","disconnectLocalized","focusIndex","get","renderSelected","onClick","icon","scale","renderDragHandle","dragDisabled","onFocusin","onCalciteHandleChange","renderOpen","dir","getElementDir","tooltip","collapse","expand","title","renderActionsStart","renderActionsEnd","closable","appearance","text","renderContentStart","renderCustomContent","renderContentEnd","renderContentBottom","style","renderDefaultContainer","renderContentProperties","renderContentContainer","hasCenterContent","showBorder","borderSelected","borderUnselected","Host","onFocus","calciteInternalListItemChange","listItemChildLists","heading","listItemGroupCss","ListItemGroup","calciteInternalListItemGroupDefaultSlotChange"],"sources":["src/components/list-item/resources.ts","src/components/list-item/utils.ts","src/components/list/resources.ts","src/components/list/list.scss?tag=calcite-list&encapsulation=shadow","src/components/list/list.tsx","src/components/list-item/list-item.scss?tag=calcite-list-item&encapsulation=shadow","src/components/list-item/list-item.tsx","src/components/list-item-group/resources.ts","src/components/list-item-group/list-item-group.scss?tag=calcite-list-item-group&encapsulation=shadow","src/components/list-item-group/list-item-group.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  containerHover: \"container--hover\",\n  containerBorder: \"container--border\",\n  containerBorderSelected: \"container--border-selected\",\n  containerBorderUnselected: \"container--border-unselected\",\n  contentContainer: \"content-container\",\n  contentContainerSelectable: \"content-container--selectable\",\n  contentContainerHasCenterContent: \"content-container--has-center-content\",\n  nestedContainer: \"nested-container\",\n  nestedContainerHidden: \"nested-container--hidden\",\n  content: \"content\",\n  customContent: \"custom-content\",\n  actionsStart: \"actions-start\",\n  contentStart: \"content-start\",\n  label: \"label\",\n  description: \"description\",\n  contentEnd: \"content-end\",\n  contentBottom: \"content-bottom\",\n  actionsEnd: \"actions-end\",\n  selectionContainer: \"selection-container\",\n  selectionContainerSingle: \"selection-container--single\",\n  openContainer: \"open-container\",\n  dragContainer: \"drag-container\",\n};\n\nexport const SLOTS = {\n  actionsStart: \"actions-start\",\n  contentStart: \"content-start\",\n  content: \"content\",\n  contentBottom: \"content-bottom\",\n  contentEnd: \"content-end\",\n  actionsEnd: \"actions-end\",\n};\n\n// Set to zero to extend until the end of the table section.\nexport const MAX_COLUMNS = 0;\n\nexport const ICONS = {\n  selectedMultiple: \"check-square-f\",\n  selectedSingle: \"bullet-point-large\",\n  unselectedMultiple: \"square\",\n  unselectedSingle: \"bullet-point-large\",\n  closedLTR: \"chevron-right\",\n  closedRTL: \"chevron-left\",\n  open: \"chevron-down\",\n  blank: \"blank\",\n  close: \"x\",\n};\n\nexport const activeCellTestAttribute = \"data-test-active\";\n","import { Build } from \"@stencil/core\";\n\nconst listSelector = \"calcite-list\";\nconst listItemGroupSelector = \"calcite-list-item-group\";\nconst listItemSelector = \"calcite-list-item\";\n\nexport function getListItemChildLists(slotEl: HTMLSlotElement): HTMLCalciteListElement[] {\n  return Array.from(\n    slotEl.assignedElements({ flatten: true }).filter((el) => el.matches(listSelector)),\n  ) as HTMLCalciteListElement[];\n}\n\nexport function getListItemChildren(slotEl: HTMLSlotElement): HTMLCalciteListItemElement[] {\n  const assignedElements = slotEl.assignedElements({ flatten: true });\n\n  const listItemGroupChildren = (\n    assignedElements.filter((el) => el?.matches(listItemGroupSelector)) as HTMLCalciteListItemGroupElement[]\n  )\n    .map((group) => Array.from(group.querySelectorAll(listItemSelector)))\n    .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);\n\n  const listItemChildren = assignedElements.filter(\n    (el) => el?.matches(listItemSelector),\n  ) as HTMLCalciteListItemElement[];\n\n  const listItemListChildren = (assignedElements.filter((el) => el?.matches(listSelector)) as HTMLCalciteListElement[])\n    .map((list) => Array.from(list.querySelectorAll(listItemSelector)))\n    .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);\n\n  return [...listItemListChildren, ...listItemGroupChildren, ...listItemChildren];\n}\n\nexport function updateListItemChildren(listItemChildren: HTMLCalciteListItemElement[]): void {\n  listItemChildren.forEach((listItem) => {\n    listItem.setPosition = listItemChildren.indexOf(listItem) + 1;\n    listItem.setSize = listItemChildren.length;\n  });\n}\n\nexport function getDepth(element: HTMLElement, includeGroup = false): number {\n  if (!Build.isBrowser) {\n    return 0;\n  }\n\n  const expression = includeGroup\n    ? \"ancestor::calcite-list-item | ancestor::calcite-list-item-group\"\n    : \"ancestor::calcite-list-item\";\n\n  const result = document.evaluate(expression, element, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);\n\n  return result.snapshotLength;\n}\n","export const CSS = {\n  container: \"container\",\n  table: \"table\",\n  scrim: \"scrim\",\n  stack: \"stack\",\n  tableContainer: \"table-container\",\n  sticky: \"sticky-pos\",\n  assistiveText: \"assistive-text\",\n};\n\nexport const debounceTimeout = 0;\n\nexport type SelectionAppearance = \"border\" | \"icon\";\n\nexport const SLOTS = {\n  filterNoResults: \"filter-no-results\",\n  filterActionsStart: \"filter-actions-start\",\n  filterActionsEnd: \"filter-actions-end\",\n};\n",":host {\n  @apply block;\n}\n\n@include disabled();\n\n.container {\n  position: relative;\n}\n\n.table-container {\n  @apply box-border\n  flex\n  w-full\n  flex-col\n  bg-transparent;\n  * {\n    @apply box-border;\n  }\n}\n\n.table {\n  @apply w-full border-collapse;\n}\n\n.stack {\n  --calcite-stack-padding-inline: 0;\n  --calcite-stack-padding-block: 0;\n}\n\n::slotted(calcite-list-item) {\n  @apply shadow-border-top;\n  margin-block-start: 1px;\n}\n\n::slotted(calcite-list-item:first-of-type) {\n  @apply shadow-none;\n}\n\n// removes shadow for the first item in filteredItems of the list.\n::slotted(calcite-list-item[data-filter]) {\n  @apply shadow-none;\n  margin-block-start: 0px;\n}\n\n.sticky-pos {\n  @apply sticky\n  top-0\n  z-sticky\n  bg-foreground-1;\n  & th {\n    @apply p-0;\n  }\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport Sortable from \"sortablejs\";\nimport { debounce } from \"lodash-es\";\nimport { slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { SelectionMode } from \"../interfaces\";\nimport { ItemData } from \"../list-item/interfaces\";\nimport { MAX_COLUMNS } from \"../list-item/resources\";\nimport { getListItemChildren, updateListItemChildren } from \"../list-item/utils\";\nimport { CSS, debounceTimeout, SelectionAppearance, SLOTS } from \"./resources\";\nimport {\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n  dragActive,\n} from \"../../utils/sortableComponent\";\nimport { SLOTS as STACK_SLOTS } from \"../stack/resources\";\n\nconst listItemSelector = \"calcite-list-item\";\nconst listItemSelectorDirect = `:scope > calcite-list-item`;\nconst parentSelector = \"calcite-list-item-group, calcite-list-item\";\n\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { HandleNudge } from \"../handle/interfaces\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ListMessages } from \"./assets/list/t9n\";\nimport { NumberingSystem, numberStringFormatter } from \"../../utils/locale\";\nimport { ListDragDetail } from \"./interfaces\";\n\n/**\n * A general purpose list that enables users to construct list items that conform to Calcite styling.\n *\n * @slot - A slot for adding `calcite-list-item` elements.\n * @slot filter-actions-start - A slot for adding actionable `calcite-action` elements before the filter component.\n * @slot filter-actions-end - A slot for adding actionable `calcite-action` elements after the filter component.\n */\n@Component({\n  tag: \"calcite-list\",\n  styleUrl: \"list.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class List\n  implements InteractiveComponent, LoadableComponent, SortableComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When provided, the method will be called to determine whether the element can  move from the list.\n   */\n  @Prop() canPull: (detail: ListDragDetail) => boolean;\n\n  /**\n   * When provided, the method will be called to determine whether the element can be added from another list.\n   */\n  @Prop() canPut: (detail: ListDragDetail) => boolean;\n\n  /**\n   * When `true`, `calcite-list-item`s are sortable via a draggable button.\n   */\n  @Prop({ reflect: true }) dragEnabled = false;\n\n  /**\n   * The list's group identifier.\n   *\n   * To drag elements from one list into another, both lists must have the same group value.\n   */\n  @Prop({ reflect: true }) group?: string;\n\n  /**\n   * When `true`, an input appears at the top of the component that can be used by end users to filter `calcite-list-item`s.\n   */\n  @Prop({ reflect: true }) filterEnabled = false;\n\n  /**\n   * The currently filtered `calcite-list-item`s.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalciteListItemElement[] = [];\n\n  /**\n   * The currently filtered `calcite-list-item` data.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredData: ItemData = [];\n\n  /**\n   * Placeholder text for the component's filter input field.\n   */\n  @Prop({ reflect: true }) filterPlaceholder: string;\n\n  /**\n   * Text for the component's filter input field.\n   */\n  @Prop({ reflect: true, mutable: true }) filterText: string;\n\n  @Watch(\"filterText\")\n  async handleFilterTextChange(): Promise<void> {\n    this.performFilter();\n  }\n\n  /**\n   * Specifies an accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\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<ListMessages>;\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: ListMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /**\n   * One of the items within the list can be opened.\n   *\n   * @internal\n   */\n  @Prop() openable = false;\n\n  /**\n   * The currently selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteListItemElement[] = [];\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection,\n   *\n   * `\"single-persist\"` allows one selection and prevents de-selection, and\n   *\n   * `\"none\"` does not allow any selections.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"none\" | \"multiple\" | \"single\" | \"single-persist\",\n    SelectionMode\n  > = \"none\";\n\n  /**\n   * Specifies the selection appearance - `\"icon\"` (displays a checkmark or dot) or `\"border\"` (displays a border).\n   */\n  @Prop({ reflect: true }) selectionAppearance: SelectionAppearance = \"icon\";\n\n  @Watch(\"filterEnabled\")\n  @Watch(\"group\")\n  @Watch(\"dragEnabled\")\n  @Watch(\"selectionMode\")\n  @Watch(\"selectionAppearance\")\n  handleListItemChange(): void {\n    this.updateListItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component's selected items have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<void>;\n\n  /**\n   * Fires when the component's dragging has ended.\n   */\n  @Event({ cancelable: false }) calciteListDragEnd: EventEmitter<ListDragDetail>;\n\n  /**\n   * Fires when the component's dragging has started.\n   */\n  @Event({ cancelable: false }) calciteListDragStart: EventEmitter<ListDragDetail>;\n\n  /**\n   * Fires when the component's filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\n\n  /**\n   * Fires when the component's item order changes.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<ListDragDetail>;\n\n  /**\n   * Fires when the default slot has changes in order to notify parent lists.\n   */\n  @Event({ cancelable: false }) calciteInternalListDefaultSlotChange: EventEmitter<void>;\n\n  @Listen(\"calciteInternalFocusPreviousItem\")\n  handleCalciteInternalFocusPreviousItem(event: CustomEvent): void {\n    if (this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    const { focusableItems } = this;\n    const currentIndex = focusableItems.findIndex((listItem) => listItem.active);\n\n    const prevIndex = currentIndex - 1;\n\n    if (focusableItems[prevIndex]) {\n      this.focusRow(focusableItems[prevIndex]);\n    }\n  }\n\n  @Listen(\"calciteInternalListItemActive\")\n  handleCalciteInternalListItemActive(event: CustomEvent): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    const target = event.target as HTMLCalciteListItemElement;\n    const { listItems } = this;\n\n    listItems.forEach((listItem) => {\n      listItem.active = listItem === target;\n    });\n  }\n\n  @Listen(\"calciteListItemSelect\")\n  handleCalciteListItemSelect(): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    this.updateSelectedItems(true);\n  }\n\n  @Listen(\"calciteInternalAssistiveTextChange\")\n  handleCalciteInternalAssistiveTextChange(event: CustomEvent): void {\n    this.assistiveText = event.detail.message;\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteHandleNudge\")\n  handleCalciteHandleNudge(event: CustomEvent<HandleNudge>): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    this.handleNudgeEvent(event);\n  }\n\n  @Listen(\"calciteInternalListItemSelect\")\n  handleCalciteInternalListItemSelect(event: CustomEvent): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    const target = event.target as HTMLCalciteListItemElement;\n    const { listItems, selectionMode } = this;\n\n    if (target.selected && (selectionMode === \"single\" || selectionMode === \"single-persist\")) {\n      listItems.forEach((listItem) => (listItem.selected = listItem === target));\n    }\n\n    this.updateSelectedItems();\n  }\n\n  @Listen(\"calciteInternalListItemSelectMultiple\")\n  handleCalciteInternalListItemSelectMultiple(\n    event: CustomEvent<{\n      selectMultiple: boolean;\n    }>,\n  ): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    const { target, detail } = event;\n    const { focusableItems, lastSelectedInfo } = this;\n    const selectedItem = target as HTMLCalciteListItemElement;\n\n    if (detail.selectMultiple && !!lastSelectedInfo) {\n      const currentIndex = focusableItems.indexOf(selectedItem);\n      const lastSelectedIndex = focusableItems.indexOf(lastSelectedInfo.selectedItem);\n      const startIndex = Math.min(lastSelectedIndex, currentIndex);\n      const endIndex = Math.max(lastSelectedIndex, currentIndex);\n\n      focusableItems\n        .slice(startIndex, endIndex + 1)\n        .forEach((item) => (item.selected = lastSelectedInfo.selected));\n    } else {\n      this.lastSelectedInfo = { selectedItem, selected: selectedItem.selected };\n    }\n  }\n\n  @Listen(\"calciteInternalListItemChange\")\n  handleCalciteInternalListItemChange(event: CustomEvent): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    this.updateListItems();\n  }\n\n  @Listen(\"calciteInternalListItemGroupDefaultSlotChange\")\n  handleCalciteInternalListItemGroupDefaultSlotChange(event: CustomEvent): void {\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    connectMessages(this);\n    this.connectObserver();\n    this.updateListItems();\n    this.setUpSorting();\n    connectInteractive(this);\n    this.setParentList();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    this.disconnectObserver();\n    disconnectSortableComponent(this);\n    disconnectInteractive(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ListMessages;\n\n  @Element() el: HTMLCalciteListElement;\n\n  @State() assistiveText: string;\n\n  @State() dataForFilter: ItemData = [];\n\n  dragSelector = listItemSelector;\n\n  filterEl: HTMLCalciteFilterElement;\n\n  focusableItems: HTMLCalciteListItemElement[] = [];\n\n  handleSelector = \"calcite-handle\";\n\n  @State() hasFilterActionsEnd = false;\n\n  @State() hasFilterActionsStart = false;\n\n  @State() hasFilterNoResults = false;\n\n  listItems: HTMLCalciteListItemElement[] = [];\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateListItems());\n\n  visibleItems: HTMLCalciteListItemElement[] = [];\n\n  parentListEl: HTMLCalciteListElement;\n\n  sortable: Sortable;\n\n  private ancestorOfFirstFilteredItem: HTMLCalciteListItemElement;\n\n  private lastSelectedInfo: { selectedItem: HTMLCalciteListItemElement; selected: boolean };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   *\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    if (this.filterEnabled) {\n      return this.filterEl?.setFocus();\n    }\n\n    return this.focusableItems.find((listItem) => listItem.active)?.setFocus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const {\n      loading,\n      label,\n      disabled,\n      dataForFilter,\n      filterEnabled,\n      filterPlaceholder,\n      filterText,\n      filteredItems,\n      hasFilterActionsStart,\n      hasFilterActionsEnd,\n      hasFilterNoResults,\n    } = this;\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <div class={CSS.container}>\n          {this.dragEnabled ? (\n            <span aria-live=\"assertive\" class={CSS.assistiveText}>\n              {this.assistiveText}\n            </span>\n          ) : null}\n          {this.renderItemAriaLive()}\n          {loading ? <calcite-scrim class={CSS.scrim} loading={loading} /> : null}\n          <table\n            aria-busy={toAriaBoolean(loading)}\n            aria-label={label || \"\"}\n            class={CSS.table}\n            onKeyDown={this.handleListKeydown}\n            role=\"treegrid\"\n          >\n            {filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (\n              <thead>\n                <tr class={{ [CSS.sticky]: true }}>\n                  <th colSpan={MAX_COLUMNS}>\n                    <calcite-stack class={CSS.stack}>\n                      <slot\n                        name={SLOTS.filterActionsStart}\n                        onSlotchange={this.handleFilterActionsStartSlotChange}\n                        slot={STACK_SLOTS.actionsStart}\n                      />\n                      <calcite-filter\n                        aria-label={filterPlaceholder}\n                        disabled={disabled}\n                        items={dataForFilter}\n                        onCalciteFilterChange={this.handleFilterChange}\n                        placeholder={filterPlaceholder}\n                        value={filterText}\n                        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                        ref={this.setFilterEl}\n                      />\n                      <slot\n                        name={SLOTS.filterActionsEnd}\n                        onSlotchange={this.handleFilterActionsEndSlotChange}\n                        slot={STACK_SLOTS.actionsEnd}\n                      />\n                    </calcite-stack>\n                  </th>\n                </tr>\n              </thead>\n            ) : null}\n            <tbody class={CSS.tableContainer}>\n              <slot onSlotchange={this.handleDefaultSlotChange} />\n            </tbody>\n          </table>\n          <div\n            aria-live=\"polite\"\n            data-test-id=\"no-results-container\"\n            hidden={!(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length)}\n          >\n            <slot\n              name={SLOTS.filterNoResults}\n              onSlotchange={this.handleFilterNoResultsSlotChange}\n            />\n          </div>\n        </div>\n      </InteractiveContainer>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private renderItemAriaLive(): VNode {\n    const {\n      messages,\n      filteredItems,\n      parentListEl,\n      effectiveLocale,\n      numberingSystem,\n      filterEnabled,\n      filterText,\n      filteredData,\n    } = this;\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: effectiveLocale,\n      numberingSystem,\n    };\n\n    return !parentListEl ? (\n      <div aria-live=\"polite\" class={CSS.assistiveText}>\n        {filterEnabled && filterText && filteredData?.length ? (\n          <div key=\"aria-filter-enabled\">{messages.filterEnabled}</div>\n        ) : null}\n        <div key=\"aria-item-count\">\n          {messages.total.replace(\n            \"{count}\",\n            numberStringFormatter.localize(filteredItems.length.toString()),\n          )}\n        </div>\n        {filteredItems.length ? (\n          <ol key=\"aria-item-list\">\n            {filteredItems.map((item) => (\n              <li>{item.label}</li>\n            ))}\n          </ol>\n        ) : null}\n      </div>\n    ) : null;\n  }\n\n  private connectObserver(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  private disconnectObserver(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  private setUpSorting(): void {\n    const { dragEnabled } = this;\n\n    if (!dragEnabled) {\n      return;\n    }\n\n    connectSortableComponent(this);\n  }\n\n  onGlobalDragStart(): void {\n    this.disconnectObserver();\n  }\n\n  onGlobalDragEnd(): void {\n    this.connectObserver();\n  }\n\n  onDragEnd(detail: ListDragDetail): void {\n    this.calciteListDragEnd.emit(detail);\n  }\n\n  onDragStart(detail: ListDragDetail): void {\n    this.calciteListDragStart.emit(detail);\n  }\n\n  onDragSort(detail: ListDragDetail): void {\n    this.setParentList();\n    this.updateListItems();\n\n    this.calciteListOrderChange.emit(detail);\n  }\n\n  private setParentList(): void {\n    this.parentListEl = this.el.parentElement?.closest(\"calcite-list\");\n  }\n\n  private handleDefaultSlotChange = (event: Event): void => {\n    updateListItemChildren(getListItemChildren(event.target as HTMLSlotElement));\n    if (this.parentListEl) {\n      this.calciteInternalListDefaultSlotChange.emit();\n    }\n  };\n\n  private handleFilterActionsStartSlotChange = (event: Event): void => {\n    this.hasFilterActionsStart = slotChangeHasAssignedElement(event);\n  };\n\n  private handleFilterActionsEndSlotChange = (event: Event): void => {\n    this.hasFilterActionsEnd = slotChangeHasAssignedElement(event);\n  };\n\n  private handleFilterNoResultsSlotChange = (event: Event): void => {\n    this.hasFilterNoResults = slotChangeHasAssignedElement(event);\n  };\n\n  private setActiveListItem = (): void => {\n    const { focusableItems } = this;\n\n    if (!focusableItems.some((item) => item.active)) {\n      if (focusableItems[0]) {\n        focusableItems[0].active = true;\n      }\n    }\n  };\n\n  private updateSelectedItems = (emit = false): void => {\n    this.selectedItems = this.visibleItems.filter((item) => item.selected);\n    if (emit) {\n      this.calciteListChange.emit();\n    }\n  };\n\n  private filterElements({\n    el,\n    filteredItems,\n    visibleParents,\n  }: {\n    el: HTMLCalciteListItemElement | HTMLCalciteListItemGroupElement;\n    filteredItems: HTMLCalciteListItemElement[];\n    visibleParents: WeakSet<HTMLCalciteListItemElement | HTMLCalciteListItemGroupElement>;\n  }): void {\n    const filterHidden =\n      !visibleParents.has(el) && !filteredItems.includes(el as HTMLCalciteListItemElement);\n\n    el.filterHidden = filterHidden;\n\n    const closestParent = el.parentElement.closest(parentSelector) as\n      | HTMLCalciteListItemElement\n      | HTMLCalciteListItemGroupElement;\n\n    if (!closestParent) {\n      return;\n    }\n\n    if (!filterHidden) {\n      visibleParents.add(closestParent);\n    }\n\n    this.filterElements({\n      el: closestParent,\n      filteredItems,\n      visibleParents,\n    });\n  }\n\n  private updateFilteredItems = (emit = false): void => {\n    const { visibleItems, filteredData, filterText } = this;\n\n    const values = filteredData.map((item) => item.value);\n\n    const lastDescendantItems = visibleItems?.filter((listItem) =>\n      visibleItems.every((li) => li === listItem || !listItem.contains(li)),\n    );\n\n    const filteredItems =\n      visibleItems.filter((item) => !filterText || values.includes(item.value)) || [];\n\n    const visibleParents = new WeakSet<HTMLElement>();\n\n    lastDescendantItems.forEach((listItem) =>\n      this.filterElements({ el: listItem, filteredItems, visibleParents }),\n    );\n\n    if (filteredItems.length > 0) {\n      this.findAncestorOfFirstFilteredItem(filteredItems);\n    }\n\n    this.filteredItems = filteredItems;\n\n    if (emit) {\n      this.calciteListFilter.emit();\n    }\n  };\n\n  private updateFilteredData(emit = false): void {\n    const { filterEl } = this;\n\n    if (!filterEl) {\n      return;\n    }\n\n    if (filterEl.filteredItems) {\n      this.filteredData = filterEl.filteredItems as ItemData;\n    }\n\n    this.updateListItems(emit);\n  }\n\n  private async performFilter(): Promise<void> {\n    const { filterEl, filterText } = this;\n\n    if (!filterEl) {\n      return;\n    }\n\n    filterEl.value = filterText;\n    await filterEl.filter(filterText);\n    this.updateFilteredData();\n  }\n\n  private setFilterEl = (el: HTMLCalciteFilterElement): void => {\n    this.filterEl = el;\n    this.performFilter();\n  };\n\n  private handleFilterChange = (event: CustomEvent): void => {\n    event.stopPropagation();\n    const { value } = event.currentTarget as HTMLCalciteFilterElement;\n    this.filterText = value;\n    this.updateFilteredData(true);\n  };\n\n  private getItemData = (): ItemData => {\n    return this.listItems.map((item) => ({\n      label: item.label,\n      description: item.description,\n      metadata: item.metadata,\n      value: item.value,\n    }));\n  };\n\n  private updateListItems = debounce((emit = false): void => {\n    const { selectionAppearance, selectionMode, dragEnabled } = this;\n\n    if (!!this.parentListEl) {\n      const items = this.queryListItems(true);\n\n      items.forEach((item) => {\n        item.dragHandle = dragEnabled;\n      });\n\n      this.setUpSorting();\n      return;\n    }\n\n    const items = this.queryListItems();\n    items.forEach((item) => {\n      item.selectionAppearance = selectionAppearance;\n      item.selectionMode = selectionMode;\n    });\n    const dragItems = this.queryListItems(true);\n    dragItems.forEach((item) => {\n      item.dragHandle = dragEnabled;\n    });\n    this.listItems = items;\n    if (this.filterEnabled) {\n      this.dataForFilter = this.getItemData();\n      if (this.filterEl) {\n        this.filterEl.items = this.dataForFilter;\n      }\n    }\n    this.visibleItems = this.listItems.filter((item) => !item.closed && !item.hidden);\n    this.updateFilteredItems(emit);\n    this.focusableItems = this.filteredItems.filter((item) => !item.disabled);\n    this.setActiveListItem();\n    this.updateSelectedItems(emit);\n    this.setUpSorting();\n  }, debounceTimeout);\n\n  private queryListItems = (direct = false): HTMLCalciteListItemElement[] => {\n    return Array.from(this.el.querySelectorAll(direct ? listItemSelectorDirect : listItemSelector));\n  };\n\n  private focusRow = (focusEl: HTMLCalciteListItemElement): void => {\n    const { focusableItems } = this;\n\n    if (!focusEl) {\n      return;\n    }\n\n    focusableItems.forEach((listItem) => (listItem.active = listItem === focusEl));\n\n    focusEl.setFocus();\n  };\n\n  private isNavigable = (listItem: HTMLCalciteListItemElement): boolean => {\n    const parentListItemEl = listItem.parentElement?.closest(listItemSelector);\n\n    if (!parentListItemEl) {\n      return true;\n    }\n\n    return parentListItemEl.open && this.isNavigable(parentListItemEl);\n  };\n\n  private handleListKeydown = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented || !!this.parentListEl) {\n      return;\n    }\n\n    const { key } = event;\n    const navigableItems = this.focusableItems.filter((listItem) => this.isNavigable(listItem));\n    const currentIndex = navigableItems.findIndex((listItem) => listItem.active);\n\n    if (key === \"ArrowDown\") {\n      event.preventDefault();\n      const nextIndex = event.target === this.filterEl ? 0 : currentIndex + 1;\n\n      if (navigableItems[nextIndex]) {\n        this.focusRow(navigableItems[nextIndex]);\n      }\n    } else if (key === \"ArrowUp\") {\n      event.preventDefault();\n\n      if (currentIndex === 0 && this.filterEnabled) {\n        this.filterEl?.setFocus();\n        return;\n      }\n\n      const prevIndex = currentIndex - 1;\n\n      if (navigableItems[prevIndex]) {\n        this.focusRow(navigableItems[prevIndex]);\n      }\n    } else if (key === \"Home\") {\n      event.preventDefault();\n      const homeItem = navigableItems[0];\n\n      if (homeItem) {\n        this.focusRow(homeItem);\n      }\n    } else if (key === \"End\") {\n      event.preventDefault();\n      const endItem = navigableItems[navigableItems.length - 1];\n\n      if (endItem) {\n        this.focusRow(endItem);\n      }\n    }\n  };\n\n  private findAncestorOfFirstFilteredItem = (filteredItems: HTMLCalciteListItemElement[]): void => {\n    this.ancestorOfFirstFilteredItem?.removeAttribute(\"data-filter\");\n    filteredItems.forEach((item) => {\n      item.removeAttribute(\"data-filter\");\n    });\n\n    this.ancestorOfFirstFilteredItem = this.getTopLevelAncestorItemElement(filteredItems[0]);\n    filteredItems[0].setAttribute(\"data-filter\", \"0\");\n    this.ancestorOfFirstFilteredItem?.setAttribute(\"data-filter\", \"0\");\n  };\n\n  private getTopLevelAncestorItemElement = (\n    el: HTMLCalciteListItemElement,\n  ): HTMLCalciteListItemElement | null => {\n    let closestParent = el.parentElement.closest<HTMLCalciteListItemElement>(listItemSelector);\n\n    while (closestParent) {\n      const closestListItemAncestor =\n        closestParent.parentElement.closest<HTMLCalciteListItemElement>(listItemSelector);\n\n      if (closestListItemAncestor) {\n        closestParent = closestListItemAncestor;\n      } else {\n        return closestParent;\n      }\n    }\n    return null;\n  };\n\n  handleNudgeEvent(event: CustomEvent<HandleNudge>): void {\n    const { handleSelector, dragSelector } = this;\n    const { direction } = event.detail;\n\n    const composedPath = event.composedPath();\n\n    const handle = composedPath.find(\n      (el: HTMLElement) => el?.tagName && el.matches(handleSelector),\n    ) as HTMLCalciteHandleElement;\n\n    const dragEl = composedPath.find(\n      (el: HTMLElement) => el?.tagName && el.matches(dragSelector),\n    ) as HTMLCalciteListItemElement;\n\n    const parentEl = dragEl?.parentElement as HTMLCalciteListElement;\n\n    if (!parentEl) {\n      return;\n    }\n\n    const { filteredItems } = this;\n\n    const sameParentItems = filteredItems.filter((item) => item.parentElement === parentEl);\n\n    const lastIndex = sameParentItems.length - 1;\n    const oldIndex = sameParentItems.indexOf(dragEl);\n    let newIndex: number;\n\n    if (direction === \"up\") {\n      newIndex = oldIndex === 0 ? lastIndex : oldIndex - 1;\n    } else {\n      newIndex = oldIndex === lastIndex ? 0 : oldIndex + 1;\n    }\n\n    this.disconnectObserver();\n    handle.blurUnselectDisabled = true;\n\n    const referenceEl =\n      (direction === \"up\" && newIndex !== lastIndex) || (direction === \"down\" && newIndex === 0)\n        ? sameParentItems[newIndex]\n        : sameParentItems[newIndex].nextSibling;\n\n    parentEl.insertBefore(dragEl, referenceEl);\n\n    this.updateListItems();\n    this.connectObserver();\n\n    this.calciteListOrderChange.emit({\n      dragEl,\n      fromEl: parentEl,\n      toEl: parentEl,\n      newIndex,\n      oldIndex,\n    });\n\n    handle.setFocus().then(() => (handle.blurUnselectDisabled = false));\n  }\n}\n",":host {\n  @apply flex flex-col;\n  --calcite-list-item-icon-color: theme(\"colors.brand\");\n  --calcite-list-item-spacing-indent: theme(\"spacing.4\");\n}\n\n:host([filter-hidden]) {\n  @apply hidden;\n}\n\n@include disabled();\n\n.container {\n  @apply bg-foreground-1\n  box-border\n  flex\n  flex-1 font-sans;\n  * {\n    @apply box-border;\n  }\n  padding-inline-start: calc(\n    var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)\n  );\n}\n\n.container--hover:hover {\n  @apply bg-foreground-2 cursor-pointer;\n}\n\n.container:active {\n  @apply bg-foreground-1;\n}\n\n.container--border {\n  border-inline-start-width: theme(\"borderWidth.4\");\n  border-inline-start-style: solid;\n}\n\n.container--border-selected {\n  border-inline-start-color: theme(\"colors.brand\");\n}\n\n.container--border-unselected {\n  border-inline-start-color: transparent;\n}\n\n.container:hover {\n  &.container--border-unselected {\n    @apply border-color-1;\n  }\n}\n\n.nested-container {\n  @apply bg-foreground-1 flex flex-col;\n}\n\n.nested-container--hidden {\n  @apply hidden;\n}\n\n.content-container {\n  @apply text-color-2\n    select-none\n    flex\n    flex-auto\n    font-sans\n    font-normal\n    items-stretch\n    p-0;\n}\n\ntr,\ntd {\n  @apply focus-base;\n}\n\ntr:focus,\ntd:focus {\n  @apply focus-inset;\n}\n\n.content,\n.custom-content {\n  @apply text-n2-wrap\n    flex\n    flex-auto\n    flex-col\n    justify-center\n    px-3\n    py-2;\n}\n\n.label,\n.description,\n.content-bottom {\n  @apply text-n2 word-break font-sans font-normal;\n  &:only-child {\n    @apply m-0 py-1;\n  }\n}\n\n.label {\n  @apply text-color-1;\n}\n\n:host([selected]) .label {\n  @apply font-medium;\n}\n\n.description {\n  @apply text-color-3 mt-0.5;\n}\n\n:host([selected]) .description {\n  @apply text-color-2;\n}\n\n.content-start {\n  @apply justify-start;\n}\n\n.content-end {\n  @apply justify-end;\n}\n\n.content-start,\n.content-end {\n  @apply flex-auto;\n}\n\n.content-bottom {\n  @apply bg-foreground-1 flex flex-col;\n  padding-inline-start: calc(\n    var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)\n  );\n}\n\n.content-container--has-center-content .content-start,\n.content-container--has-center-content .content-end {\n  @apply flex-initial;\n}\n\n.selection-container {\n  @apply flex px-3;\n  color: theme(\"borderColor.color.input\");\n}\n\n.selection-container--single {\n  color: transparent;\n}\n\n:host(:not([disabled]):not([selected])) .container:hover .selection-container--single {\n  color: theme(\"borderColor.color.1\");\n}\n\n:host([selected]:hover) .selection-container,\n:host([selected]:hover) .selection-container--single,\n:host([selected]) .selection-container {\n  color: var(--calcite-list-item-icon-color);\n}\n\n.open-container {\n  color: theme(\"textColor.color.3\");\n}\n\n:host(:not([disabled])) .container:hover .open-container {\n  color: theme(\"textColor.color.1\");\n}\n\n.actions-start,\n.actions-end,\n.content-start,\n.content-end,\n.selection-container,\n.drag-container,\n.open-container {\n  @apply flex items-center;\n}\n\n.open-container,\n.selection-container {\n  @apply cursor-pointer;\n}\n\n.content-start,\n.content-end {\n  ::slotted(calcite-icon) {\n    @apply self-center mx-3;\n  }\n}\n\n.actions-start,\n.actions-end {\n  ::slotted(calcite-action),\n  ::slotted(calcite-action-menu),\n  ::slotted(calcite-handle),\n  ::slotted(calcite-dropdown) {\n    @apply self-stretch;\n\n    color: inherit;\n  }\n}\n\n::slotted(calcite-list-item),\n::slotted(calcite-list) {\n  @apply border-solid border-0 border-t border-color-3;\n}\n\n::slotted(calcite-list:empty) {\n  @apply py-3;\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  Watch,\n} from \"@stencil/core\";\nimport {\n  getElementDir,\n  getFirstTabbable,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { SelectionMode } from \"../interfaces\";\nimport { SelectionAppearance } from \"../list/resources\";\nimport { CSS, activeCellTestAttribute, ICONS, SLOTS } from \"./resources\";\nimport {\n  getDepth,\n  getListItemChildren,\n  getListItemChildLists,\n  updateListItemChildren,\n} from \"./utils\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ListItemMessages } from \"./assets/list-item/t9n\";\n\nconst focusMap = new Map<HTMLCalciteListElement, number>();\n\nconst listSelector = \"calcite-list\";\n\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { SortableComponentItem } from \"../../utils/sortableComponent\";\n\n/**\n * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.\n * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the component.\n * @slot content-start - A slot for adding non-actionable elements before the label and description of the component.\n * @slot content - A slot for adding non-actionable, centered content in place of the `label` and `description` of the component.\n * @slot content-end - A slot for adding non-actionable elements after the label and description of the component.\n * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.\n * @slot content-bottom - A slot for adding content below the component's `label` and `description`.\n */\n@Component({\n  tag: \"calcite-list-item\",\n  styleUrl: \"list-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ListItem\n  implements\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent,\n    SortableComponentItem\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets the item as focusable. Only one item should be focusable within a list.\n   *\n   * @internal\n   */\n  @Prop() active = false;\n\n  @Watch(\"active\")\n  activeHandler(active: boolean): void {\n    if (!active) {\n      this.focusCell(null, 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`, hides the component. */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  @Watch(\"closed\")\n  handleClosedChange(): void {\n    this.emitCalciteInternalListItemChange();\n  }\n\n  /**\n   * A description for the component. Displays below the label text.\n   */\n  @Prop() description: string;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  handleDisabledChange(): void {\n    this.emitCalciteInternalListItemChange();\n  }\n\n  /**\n   * When `true`, the item is not draggable.\n   */\n  @Prop({ reflect: true }) dragDisabled = false;\n\n  /**\n   * When `true`, the component displays a draggable button.\n   *\n   * @internal\n   */\n  @Prop() dragHandle = false;\n\n  /**\n   * When `true`, the component's drag handle is selected.\n   */\n  @Prop({ mutable: true, reflect: true }) dragSelected = false;\n\n  /**\n   * Hides the component when filtered.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) filterHidden = false;\n\n  /**\n   * The label text of the component. Displays above the description text.\n   */\n  @Prop() label: string;\n\n  /**\n   * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.\n   */\n  @Prop() metadata: Record<string, unknown>;\n\n  /**\n   * When `true`, the item is open to show child components.\n   */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * Used to specify the aria-setsize attribute to define the number of items in the current set of list for accessibility.\n   *\n   * @internal\n   */\n  @Prop() setSize: number = null;\n\n  /**\n   * Used to specify the aria-posinset attribute to define the number or position in the current set of list items for accessibility.\n   *\n   * @internal\n   */\n  @Prop() setPosition: number = null;\n\n  /**\n   * When `true` and the parent `calcite-list`'s `selectionMode` is `\"single\"`, `\"single-persist\"', or `\"multiple\"`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  handleSelectedChange(): void {\n    this.calciteInternalListItemSelect.emit();\n  }\n\n  /**\n   * The component's value.\n   */\n  @Prop() value: any;\n\n  /**\n   * Specifies the selection mode - `\"multiple\"` (allow any number of selected items), `\"single\"` (allow one selected item), `\"single-persist\"` (allow one selected item and prevent de-selection), or `\"none\"` (no selected items).\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) selectionMode: Extract<\n    \"none\" | \"multiple\" | \"single\" | \"single-persist\",\n    SelectionMode\n  > = null;\n\n  /**\n   * Specifies the selection appearance - `\"icon\"` (displays a checkmark or dot) or `\"border\"` (displays a border).\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) selectionAppearance: SelectionAppearance = null;\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<ListItemMessages>;\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: ListItemMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is selected.\n   */\n  @Event({ cancelable: false }) calciteListItemSelect: EventEmitter<void>;\n\n  /**\n   * Fires when the close button is clicked.\n   */\n  @Event({ cancelable: false }) calciteListItemClose: EventEmitter<void>;\n\n  /**\n   * Fires when the drag handle is selected.\n   */\n  @Event({ cancelable: false }) calciteListItemDragHandleChange: EventEmitter<void>;\n\n  /**\n   * Fires when the open button is clicked.\n   */\n  @Event({ cancelable: false }) calciteListItemToggle: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemSelect: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalListItemSelectMultiple: EventEmitter<{\n    selectMultiple: boolean;\n  }>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemActive: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalFocusPreviousItem: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemChange: EventEmitter<void>;\n\n  @Listen(\"calciteInternalListItemGroupDefaultSlotChange\")\n  @Listen(\"calciteInternalListDefaultSlotChange\")\n  handleCalciteInternalListDefaultSlotChanges(event: CustomEvent<void>): void {\n    event.stopPropagation();\n    this.handleOpenableChange(this.defaultSlotEl);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteListItemElement;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ListItemMessages;\n\n  @State() level: number = null;\n\n  @State() visualLevel: number = null;\n\n  @State() parentListEl: HTMLCalciteListElement;\n\n  @State() openable = false;\n\n  @State() hasActionsStart = false;\n\n  @State() hasActionsEnd = false;\n\n  @State() hasCustomContent = false;\n\n  @State() hasContentStart = false;\n\n  @State() hasContentEnd = false;\n\n  @State() hasContentBottom = false;\n\n  containerEl: HTMLTableRowElement;\n\n  contentEl: HTMLTableCellElement;\n\n  actionsStartEl: HTMLTableCellElement;\n\n  actionsEndEl: HTMLTableCellElement;\n\n  handleGridEl: HTMLTableCellElement;\n\n  defaultSlotEl: HTMLSlotElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    const { el } = this;\n    this.parentListEl = el.closest(listSelector);\n    this.level = getDepth(el) + 1;\n    this.visualLevel = getDepth(el, true);\n    this.setSelectionDefaults();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    const { containerEl, parentListEl } = this;\n    const focusIndex = focusMap.get(parentListEl);\n\n    if (typeof focusIndex === \"number\") {\n      const cells = this.getGridCells();\n      if (cells[focusIndex]) {\n        this.focusCell(cells[focusIndex]);\n      } else {\n        containerEl?.focus();\n      }\n      return;\n    }\n\n    containerEl?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderSelected(): VNode {\n    const { selected, selectionMode, selectionAppearance } = this;\n\n    if (selectionMode === \"none\" || selectionAppearance === \"border\") {\n      return null;\n    }\n\n    return (\n      <td\n        class={{\n          [CSS.selectionContainer]: true,\n          [CSS.selectionContainerSingle]:\n            selectionMode === \"single\" || selectionMode === \"single-persist\",\n        }}\n        key=\"selection-container\"\n        onClick={this.handleItemClick}\n      >\n        <calcite-icon\n          icon={\n            selected\n              ? selectionMode === \"multiple\"\n                ? ICONS.selectedMultiple\n                : ICONS.selectedSingle\n              : selectionMode === \"multiple\"\n                ? ICONS.unselectedMultiple\n                : ICONS.unselectedSingle\n          }\n          scale=\"s\"\n        />\n      </td>\n    );\n  }\n\n  renderDragHandle(): VNode {\n    const { label, dragHandle, dragSelected, dragDisabled, setPosition, setSize } = this;\n\n    return dragHandle ? (\n      <td\n        aria-label={label}\n        class={CSS.dragContainer}\n        key=\"drag-handle-container\"\n        onFocusin={this.focusCellHandle}\n        role=\"gridcell\"\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.handleGridEl = el)}\n      >\n        <calcite-handle\n          disabled={dragDisabled}\n          label={label}\n          onCalciteHandleChange={this.dragHandleSelectedChangeHandler}\n          selected={dragSelected}\n          setPosition={setPosition}\n          setSize={setSize}\n        />\n      </td>\n    ) : null;\n  }\n\n  renderOpen(): VNode {\n    const { el, open, openable, messages } = this;\n    const dir = getElementDir(el);\n    const icon = open ? ICONS.open : dir === \"rtl\" ? ICONS.closedRTL : ICONS.closedLTR;\n    const tooltip = open ? messages.collapse : messages.expand;\n\n    return openable ? (\n      <td\n        class={CSS.openContainer}\n        key=\"open-container\"\n        onClick={this.handleToggleClick}\n        title={tooltip}\n      >\n        <calcite-icon icon={icon} key={icon} scale=\"s\" />\n      </td>\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { label, hasActionsStart } = this;\n    return (\n      <td\n        aria-label={label}\n        class={CSS.actionsStart}\n        hidden={!hasActionsStart}\n        key=\"actions-start-container\"\n        onFocusin={this.focusCellActionsStart}\n        role=\"gridcell\"\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.actionsStartEl = el)}\n      >\n        <slot name={SLOTS.actionsStart} onSlotchange={this.handleActionsStartSlotChange} />\n      </td>\n    );\n  }\n\n  renderActionsEnd(): VNode {\n    const { label, hasActionsEnd, closable, messages } = this;\n    return (\n      <td\n        aria-label={label}\n        class={CSS.actionsEnd}\n        hidden={!(hasActionsEnd || closable)}\n        key=\"actions-end-container\"\n        onFocusin={this.focusCellActionsEnd}\n        role=\"gridcell\"\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.actionsEndEl = el)}\n      >\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.handleActionsEndSlotChange} />\n        {closable ? (\n          <calcite-action\n            appearance=\"transparent\"\n            icon={ICONS.close}\n            key=\"close-action\"\n            label={messages.close}\n            onClick={this.handleCloseClick}\n            text={messages.close}\n          />\n        ) : null}\n      </td>\n    );\n  }\n\n  renderContentStart(): VNode {\n    const { hasContentStart } = this;\n    return (\n      <div class={CSS.contentStart} hidden={!hasContentStart}>\n        <slot name={SLOTS.contentStart} onSlotchange={this.handleContentStartSlotChange} />\n      </div>\n    );\n  }\n\n  renderCustomContent(): VNode {\n    const { hasCustomContent } = this;\n    return (\n      <div class={CSS.customContent} hidden={!hasCustomContent}>\n        <slot name={SLOTS.content} onSlotchange={this.handleContentSlotChange} />\n      </div>\n    );\n  }\n\n  renderContentEnd(): VNode {\n    const { hasContentEnd } = this;\n    return (\n      <div class={CSS.contentEnd} hidden={!hasContentEnd}>\n        <slot name={SLOTS.contentEnd} onSlotchange={this.handleContentEndSlotChange} />\n      </div>\n    );\n  }\n\n  renderContentBottom(): VNode {\n    const { hasContentBottom, visualLevel } = this;\n    return (\n      <div\n        class={CSS.contentBottom}\n        hidden={!hasContentBottom}\n        style={{ \"--calcite-list-item-spacing-indent-multiplier\": `${visualLevel}` }}\n      >\n        <slot name={SLOTS.contentBottom} onSlotchange={this.handleContentBottomSlotChange} />\n      </div>\n    );\n  }\n\n  renderDefaultContainer(): VNode {\n    return (\n      <div\n        class={{\n          [CSS.nestedContainer]: true,\n          [CSS.nestedContainerHidden]: this.openable && !this.open,\n        }}\n      >\n        <slot\n          onSlotchange={this.handleDefaultSlotChange}\n          ref={(el: HTMLSlotElement) => (this.defaultSlotEl = el)}\n        />\n      </div>\n    );\n  }\n\n  renderContentProperties(): VNode {\n    const { label, description, hasCustomContent } = this;\n\n    return !hasCustomContent && (!!label || !!description) ? (\n      <div class={CSS.content} key=\"content\">\n        {label ? (\n          <div class={CSS.label} key=\"label\">\n            {label}\n          </div>\n        ) : null}\n        {description ? (\n          <div class={CSS.description} key=\"description\">\n            {description}\n          </div>\n        ) : null}\n      </div>\n    ) : null;\n  }\n\n  renderContentContainer(): VNode {\n    const { description, label, selectionMode, hasCustomContent } = this;\n    const hasCenterContent = hasCustomContent || !!label || !!description;\n    const content = [\n      this.renderContentStart(),\n      this.renderCustomContent(),\n      this.renderContentProperties(),\n      this.renderContentEnd(),\n    ];\n\n    return (\n      <td\n        aria-label={label}\n        class={{\n          [CSS.contentContainer]: true,\n          [CSS.contentContainerSelectable]: selectionMode !== \"none\",\n          [CSS.contentContainerHasCenterContent]: hasCenterContent,\n        }}\n        key=\"content-container\"\n        onClick={this.handleItemClick}\n        onFocusin={this.focusCellContent}\n        role=\"gridcell\"\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.contentEl = el)}\n      >\n        {content}\n      </td>\n    );\n  }\n\n  render(): VNode {\n    const {\n      openable,\n      open,\n      level,\n      setPosition,\n      setSize,\n      active,\n      label,\n      selected,\n      selectionAppearance,\n      selectionMode,\n      closed,\n      visualLevel,\n    } = this;\n\n    const showBorder = selectionMode !== \"none\" && selectionAppearance === \"border\";\n    const borderSelected = showBorder && selected;\n    const borderUnselected = showBorder && !selected;\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <tr\n            aria-expanded={openable ? toAriaBoolean(open) : null}\n            aria-label={label}\n            aria-level={level}\n            aria-posinset={setPosition}\n            aria-selected={toAriaBoolean(selected)}\n            aria-setsize={setSize}\n            class={{\n              [CSS.container]: true,\n              [CSS.containerHover]: true,\n              [CSS.containerBorder]: showBorder,\n              [CSS.containerBorderSelected]: borderSelected,\n              [CSS.containerBorderUnselected]: borderUnselected,\n            }}\n            hidden={closed}\n            onFocus={this.focusCellNull}\n            onFocusin={this.emitInternalListItemActive}\n            onKeyDown={this.handleItemKeyDown}\n            role=\"row\"\n            style={{ \"--calcite-list-item-spacing-indent-multiplier\": `${visualLevel}` }}\n            tabIndex={active ? 0 : -1}\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.containerEl = el)}\n          >\n            {this.renderDragHandle()}\n            {this.renderSelected()}\n            {this.renderOpen()}\n            {this.renderActionsStart()}\n            {this.renderContentContainer()}\n            {this.renderActionsEnd()}\n          </tr>\n          {this.renderContentBottom()}\n          {this.renderDefaultContainer()}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private dragHandleSelectedChangeHandler = (event: CustomEvent): void => {\n    this.dragSelected = (event.target as HTMLCalciteHandleElement).selected;\n    this.calciteListItemDragHandleChange.emit();\n    event.stopPropagation();\n  };\n\n  private emitInternalListItemActive = (): void => {\n    this.calciteInternalListItemActive.emit();\n  };\n\n  private focusCellHandle = (): void => {\n    this.handleCellFocusIn(this.handleGridEl);\n  };\n\n  private focusCellActionsStart = (): void => {\n    this.handleCellFocusIn(this.actionsStartEl);\n  };\n\n  private focusCellContent = (): void => {\n    this.handleCellFocusIn(this.contentEl);\n  };\n\n  private focusCellActionsEnd = (): void => {\n    this.handleCellFocusIn(this.actionsEndEl);\n  };\n\n  private emitCalciteInternalListItemChange(): void {\n    this.calciteInternalListItemChange.emit();\n  }\n\n  private handleCloseClick = (): void => {\n    this.closed = true;\n    this.calciteListItemClose.emit();\n  };\n\n  private handleContentSlotChange = (event: Event): void => {\n    this.hasCustomContent = slotChangeHasAssignedElement(event);\n  };\n\n  private handleActionsStartSlotChange = (event: Event): void => {\n    this.hasActionsStart = slotChangeHasAssignedElement(event);\n  };\n\n  private handleActionsEndSlotChange = (event: Event): void => {\n    this.hasActionsEnd = slotChangeHasAssignedElement(event);\n  };\n\n  private handleContentStartSlotChange = (event: Event): void => {\n    this.hasContentStart = slotChangeHasAssignedElement(event);\n  };\n\n  private handleContentEndSlotChange = (event: Event): void => {\n    this.hasContentEnd = slotChangeHasAssignedElement(event);\n  };\n\n  private handleContentBottomSlotChange = (event: Event): void => {\n    this.hasContentBottom = slotChangeHasAssignedElement(event);\n  };\n\n  private setSelectionDefaults(): void {\n    const { parentListEl, selectionMode, selectionAppearance } = this;\n\n    if (!parentListEl) {\n      return;\n    }\n\n    if (!selectionMode) {\n      this.selectionMode = parentListEl.selectionMode;\n    }\n\n    if (!selectionAppearance) {\n      this.selectionAppearance = parentListEl.selectionAppearance;\n    }\n  }\n\n  private handleOpenableChange(slotEl: HTMLSlotElement): void {\n    if (!slotEl) {\n      return;\n    }\n\n    const listItemChildren = getListItemChildren(slotEl);\n    const listItemChildLists = getListItemChildLists(slotEl);\n    updateListItemChildren(listItemChildren);\n\n    this.openable = !!listItemChildren.length || !!listItemChildLists.length;\n  }\n\n  private handleDefaultSlotChange = (event: Event): void => {\n    this.handleOpenableChange(event.target as HTMLSlotElement);\n  };\n\n  private handleToggleClick = (): void => {\n    this.toggle();\n  };\n\n  private toggle = (value = !this.open): void => {\n    this.open = value;\n    this.calciteListItemToggle.emit();\n  };\n\n  private handleItemClick = (event: PointerEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    this.toggleSelected(event.shiftKey);\n  };\n\n  private toggleSelected = (shiftKey: boolean): void => {\n    const { selectionMode, selected } = this;\n\n    if (this.disabled) {\n      return;\n    }\n\n    if (selectionMode === \"multiple\" || selectionMode === \"single\") {\n      this.selected = !selected;\n    } else if (selectionMode === \"single-persist\") {\n      this.selected = true;\n    }\n\n    this.calciteInternalListItemSelectMultiple.emit({\n      selectMultiple: shiftKey && selectionMode === \"multiple\",\n    });\n    this.calciteListItemSelect.emit();\n  };\n\n  private getGridCells(): HTMLTableCellElement[] {\n    return [this.handleGridEl, this.actionsStartEl, this.contentEl, this.actionsEndEl].filter(\n      (el) => el && !el.hidden,\n    );\n  }\n\n  private handleItemKeyDown = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const { key } = event;\n    const composedPath = event.composedPath();\n    const { containerEl, actionsStartEl, actionsEndEl, open, openable } = this;\n\n    const cells = this.getGridCells();\n    const currentIndex = cells.findIndex((cell) => composedPath.includes(cell));\n\n    if (\n      key === \"Enter\" &&\n      !composedPath.includes(actionsStartEl) &&\n      !composedPath.includes(actionsEndEl)\n    ) {\n      event.preventDefault();\n      this.toggleSelected(event.shiftKey);\n    } else if (key === \"ArrowRight\") {\n      event.preventDefault();\n      const nextIndex = currentIndex + 1;\n      if (currentIndex === -1) {\n        if (!open && openable) {\n          this.toggle(true);\n          this.focusCell(null);\n        } else if (cells[0]) {\n          this.focusCell(cells[0]);\n        }\n      } else if (cells[currentIndex] && cells[nextIndex]) {\n        this.focusCell(cells[nextIndex]);\n      }\n    } else if (key === \"ArrowLeft\") {\n      event.preventDefault();\n      const prevIndex = currentIndex - 1;\n      if (currentIndex === -1) {\n        this.focusCell(null);\n        if (open && openable) {\n          this.toggle(false);\n        } else {\n          this.calciteInternalFocusPreviousItem.emit();\n        }\n      } else if (currentIndex === 0) {\n        this.focusCell(null);\n        containerEl.focus();\n      } else if (cells[currentIndex] && cells[prevIndex]) {\n        this.focusCell(cells[prevIndex]);\n      }\n    }\n  };\n\n  private focusCellNull = (): void => {\n    this.focusCell(null);\n  };\n\n  private handleCellFocusIn = (focusEl: HTMLTableCellElement): void => {\n    this.setFocusCell(focusEl, getFirstTabbable(focusEl), true);\n  };\n\n  // Only one cell within a list-item should be focusable at a time. Ensures the active cell is focusable.\n  private setFocusCell = (\n    focusEl: HTMLTableCellElement | null,\n    focusedEl: HTMLElement,\n    saveFocusIndex: boolean,\n  ): void => {\n    const { parentListEl } = this;\n\n    if (saveFocusIndex) {\n      focusMap.set(parentListEl, null);\n    }\n\n    const gridCells = this.getGridCells();\n\n    gridCells.forEach((tableCell) => {\n      tableCell.tabIndex = -1;\n      tableCell.removeAttribute(activeCellTestAttribute);\n    });\n\n    if (!focusEl) {\n      return;\n    }\n\n    focusEl.tabIndex = focusEl === focusedEl ? 0 : -1;\n    focusEl.setAttribute(activeCellTestAttribute, \"\");\n\n    if (saveFocusIndex) {\n      focusMap.set(parentListEl, gridCells.indexOf(focusEl));\n    }\n  };\n\n  private focusCell = (focusEl: HTMLTableCellElement | null, saveFocusIndex = true): void => {\n    const focusedEl = getFirstTabbable(focusEl);\n    this.setFocusCell(focusEl, focusedEl, saveFocusIndex);\n    focusedEl?.focus();\n  };\n}\n","export const CSS = {\n  container: \"container\",\n  heading: \"heading\",\n};\n",":host {\n  @apply flex flex-col bg-foreground-1;\n  --calcite-list-item-spacing-indent: theme(\"spacing.4\");\n}\n\n:host([filter-hidden]) {\n  @apply hidden;\n}\n\n@include disabled();\n\n.container {\n  @apply bg-foreground-2 text-n1 text-color-2 m-0 flex flex-1 p-3 font-sans font-bold;\n}\n\n.heading {\n  padding-inline-start: calc(\n    var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)\n  );\n}\n\n::slotted(calcite-list-item) {\n  @apply shadow-border-top;\n  margin-block-start: 1px;\n}\n\n// removes shadow for the first item of the group for both filtered and unfiltered items.\n::slotted(calcite-list-item:nth-child(1 of :not([hidden]))) {\n  @apply shadow-none;\n  margin-block-start: 0px;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { MAX_COLUMNS } from \"../list-item/resources\";\nimport { getDepth } from \"../list-item/utils\";\nimport { CSS } from \"./resources\";\n/**\n * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.\n */\n@Component({\n  tag: \"calcite-list-item-group\",\n  styleUrl: \"list-item-group.scss\",\n  shadow: true,\n})\nexport class ListItemGroup implements InteractiveComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Hides the component when filtered.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) filterHidden = false;\n\n  /**\n   * The header text for all nested `calcite-list-item` rows.\n   *\n   */\n  @Prop({ reflect: true }) heading: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when changes occur in the default slot, notifying parent lists of the changes.\n   */\n  @Event({ cancelable: false })\n  calciteInternalListItemGroupDefaultSlotChange: EventEmitter<DragEvent>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    const { el } = this;\n    this.visualLevel = getDepth(el, true);\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteListItemGroupElement;\n\n  @State() visualLevel: number = null;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { disabled, heading, visualLevel } = this;\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <tr\n            class={CSS.container}\n            style={{ \"--calcite-list-item-spacing-indent-multiplier\": `${visualLevel}` }}\n          >\n            <td class={CSS.heading} colSpan={MAX_COLUMNS}>\n              {heading}\n            </td>\n          </tr>\n          <slot onSlotchange={this.handleDefaultSlotChange} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private handleDefaultSlotChange = (): void => {\n    this.calciteInternalListItemGroupDefaultSlotChange.emit();\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-9c44b85f.js

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

package/dist/calcite/p-9de38c62.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.6.0-next.2
+ */
+import{d as t}from"./p-9c44b85f.js";import"./p-f8f9cef3.js";import"./p-dca6be82.js";import"./p-a6243d9a.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-77b97148.js";import"./p-4880529d.js";import"./p-ff8fc6a4.js";import"./p-8234e328.js";import"./p-bbcbc447.js";import"./p-75a52371.js";import"./p-b0528b4b.js";import"./p-3e92a6e4.js";import"./p-1515f181.js";import"./p-4a194ced.js";import"./p-a534e089.js";import"./p-65ec787c.js";import"./p-b008f8b1.js";var m={name:"vi",weekdays:"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy".split("_"),months:"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12".split("_"),weekStart:1,weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),monthsShort:"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),ordinal:function t(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [năm] YYYY",LLL:"D MMMM [năm] YYYY HH:mm",LLLL:"dddd, D MMMM [năm] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},relativeTime:{future:"%s tới",past:"%s trước",s:"vài giây",m:"một phút",mm:"%d phút",h:"một giờ",hh:"%d giờ",d:"một ngày",dd:"%d ngày",M:"một tháng",MM:"%d tháng",y:"một năm",yy:"%d năm"}};t.locale(m,null,true);export default m;
+//# sourceMappingURL=p-9de38c62.js.map

package/dist/calcite/p-9ea0ecdc.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.6.0-next.2
+ */
+import{r as t,c as i,h as e,H as s,g as a}from"./p-f8f9cef3.js";import{d as n,a as r,b as o,i as l,c,g as h,e as d,f as p,h as u}from"./p-05cd5e85.js";import{t as f}from"./p-a6243d9a.js";import{f as m,c as g,d as b,r as v,a as y,F as x}from"./p-9ea52484.js";import{s as w,c as D,d as k,H as C}from"./p-dca6be82.js";import{c as I,d as z,u as A,I as P}from"./p-77b97148.js";import{n as j}from"./p-ff8fc6a4.js";import{c as O,d as F}from"./p-8234e328.js";import{c as T,s as R,a as E}from"./p-75a52371.js";import{n as B,c as W,d as H,b as M}from"./p-b0528b4b.js";import{o as S}from"./p-65ec787c.js";import{c as L,s as Y,d as $}from"./p-a534e089.js";import{c as q,d as N,a as _}from"./p-1515f181.js";import{g as V}from"./p-2448987f.js";import{g as X}from"./p-bbcbc447.js";import{V as G}from"./p-b008f8b1.js";import"./p-867e447e.js";import"./p-b04fd81d.js";import"./p-4880529d.js";import"./p-3e92a6e4.js";const K={assistiveText:"assistive-text",calendarWrapper:"calendar-wrapper",calendarWrapperEnd:"calendar-wrapper--end",horizontalArrowContainer:"horizontal-arrow-container",inputBorderTopColorOne:"border-top-color-one",inputContainer:"input-container",inputNoBottomBorder:"no-bottom-border",inputWrapper:"input-wrapper",input:"input",menu:"menu-container",menuActive:"menu-container--active",toggleIcon:"toggle-icon",verticalArrowContainer:"vertical-arrow-container"};function J(t){if(!t){return false}const{year:i}=n(t);return Number(i)<100}function Q(t){const i=(new Date).getFullYear();const e=Math.floor(i/100)*100+t;return e}const U=":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}: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{position:relative;display:inline-block;inline-size:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}: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)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:translate3d(0, 0, 0)}.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)}:host([range]) .input-container{display:flex}:host([range]) .input-wrapper{flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:flex;align-items:center;border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);padding-block:0px;padding-inline:0.25rem}:host([range][layout=vertical]) .input-wrapper{inline-size:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}:host([range][layout=vertical]) .calendar-wrapper--end{transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{inset-block-start:1.5rem;position:absolute;z-index:var(--calcite-z-index);margin-inline:1px;background-color:var(--calcite-color-foreground-1);padding-inline:0.625rem;inset-inline-start:0}.menu-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .menu-container{visibility:visible}.menu-container--active{visibility:visible}.input .calcite-input__wrapper{margin-block-start:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{inset-block-start:1.5rem;padding-inline-start:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{block-size:0.75rem;inline-size:0.75rem;min-inline-size:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{inset-block-start:2.25rem;padding-inline:0.875rem}:host([range][layout=vertical][open]) .vertical-arrow-container{display:none}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::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}.assistive-text{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 Z=class{constructor(e){t(this,e);this.calciteInputDatePickerChange=i(this,"calciteInputDatePickerChange",6);this.calciteInputDatePickerBeforeClose=i(this,"calciteInputDatePickerBeforeClose",6);this.calciteInputDatePickerClose=i(this,"calciteInputDatePickerClose",6);this.calciteInputDatePickerBeforeOpen=i(this,"calciteInputDatePickerBeforeOpen",6);this.calciteInputDatePickerOpen=i(this,"calciteInputDatePickerOpen",6);this.calciteInternalInputInputHandler=t=>{const i=t.target;const e=i.value;const s=this.parseNumerals(e);const a=this.formatNumerals(s);i.value=a;const{year:n}=r(e,this.localeData);if(n&&n.length<4){return}const c=o(e,this.localeData);if(l(c,this.min,this.max)){this.datePickerActiveDate=c}};this.calciteInternalInputBlurHandler=()=>{this.commitValue()};this.dialogId=`date-picker-dialog--${V()}`;this.focusOnOpen=false;this.userChangedValue=false;this.openTransitionProp="opacity";this.valueAsDateChangedExternally=false;this.placeholderTextId=`calcite-input-date-picker-placeholder-${V()}`;this.onInputWrapperPointerDown=()=>{this.currentOpenInput=this.focusedInput};this.onInputWrapperClick=t=>{const{range:i,endInput:e,startInput:s,currentOpenInput:a}=this;const n=t.currentTarget;const r=n.getAttribute("data-position");const o=t.composedPath();const l=o.find((t=>t.classList?.contains(K.toggleIcon)));if(l){const t=r==="start"?s:e;t.setFocus()}if(!i||!this.open||a===r){this.open=!this.open}};this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?m(i,t):null};this.setTransitionEl=t=>{this.transitionEl=t};this.setStartInput=t=>{this.startInput=t};this.setEndInput=t=>{this.endInput=t};this.blurHandler=()=>{this.open=false};this.keyDownHandler=t=>{const{defaultPrevented:i,key:e}=t;if(i){return}if(e==="Enter"){this.commitValue();if(this.shouldFocusRangeEnd()){this.endInput?.setFocus()}else if(this.shouldFocusRangeStart()){this.startInput?.setFocus()}if(w(this)){t.preventDefault();this.restoreInputFocus()}}else if(e==="ArrowDown"){this.open=true;this.focusOnOpen=true;t.preventDefault()}else if(e==="Escape"){this.open=false;t.preventDefault();this.restoreInputFocus()}};this.startInputFocus=()=>{this.focusedInput="start"};this.endInputFocus=()=>{this.focusedInput="end"};this.setFloatingEl=t=>{this.floatingEl=t;g(this,this.referenceEl,this.floatingEl)};this.setStartWrapper=t=>{this.startWrapper=t;this.setReferenceEl()};this.setEndWrapper=t=>{this.endWrapper=t;this.setReferenceEl()};this.setDatePickerRef=t=>{this.datePickerEl=t;q(this,{focusTrapEl:t,focusTrapOptions:{initialFocus:false,setReturnFocus:false}})};this.handleDateChange=t=>{if(this.range){return}t.stopPropagation();this.setValue(t.target.valueAsDate);this.localizeInputValues();this.restoreInputFocus()};this.handleDateRangeChange=t=>{if(!this.range){return}t.stopPropagation();const i=t.target.valueAsDate;this.setRangeValue(i);this.localizeInputValues();this.restoreInputFocus()};this.setInputValue=(t,i="start")=>{const e=this[`${i}Input`];if(!e){return}e.value=t};this.setRangeValue=t=>{if(!this.range){return}const{value:i}=this;const e=Array.isArray(i);const s=Array.isArray(t);const a=s?t[0]:null;let n=s?c(a):"";if(n){n=this.getNormalizedDate(n)}const r=s?t[1]:null;let o=s?c(r):"";if(o){o=this.getNormalizedDate(o)}const l=n||o?[n,o]:"";if(l===i){return}this.userChangedValue=true;this.value=l;this.valueAsDate=l?h(l):undefined;const d=this.calciteInputDatePickerChange.emit();if(d&&d.defaultPrevented){this.value=i;if(e){this.setInputValue(i[0],"start");this.setInputValue(i[1],"end")}else{this.value=i;this.setInputValue(i)}}};this.setValue=t=>{if(this.range){return}const i=this.value;let e=c(t);e=this.getNormalizedDate(e);if(e===i){return}this.userChangedValue=true;this.valueAsDate=e?d(e):undefined;this.value=e||"";const s=this.calciteInputDatePickerChange.emit();if(s.defaultPrevented){this.value=i;this.setInputValue(i)}};this.commonDateSeparators=[".","-","/"];this.formatNumerals=t=>t?t.split("").map((t=>this.commonDateSeparators?.includes(t)?this.localeData?.separator:j?.includes(t)?B?.numberFormatter?.format(Number(t)):t)).join(""):"";this.parseNumerals=t=>t?t.split("").map((t=>j.includes(t)?B.delocalize(t):t)).join(""):"";this.disabled=false;this.focusTrapDisabled=false;this.form=undefined;this.readOnly=false;this.value="";this.flipPlacements=undefined;this.headingLevel=undefined;this.valueAsDate=undefined;this.messageOverrides=undefined;this.messages=undefined;this.minAsDate=undefined;this.maxAsDate=undefined;this.min=undefined;this.max=undefined;this.open=false;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.numberingSystem=undefined;this.scale="m";this.status="idle";this.placement=b;this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.datePickerActiveDate=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.focusedInput="start";this.localeData=undefined}handleFocusTrapDisabled(t){if(!this.open){return}t?N(this):_(this)}handleDisabledAndReadOnlyChange(t){if(!t){this.open=false}}valueWatcher(t){if(!this.userChangedValue){let i;if(Array.isArray(t)){i=h(t)}else if(t){i=d(t)}else{i=undefined}if(!this.valueAsDateChangedExternally&&i!==this.valueAsDate){this.valueAsDate=i}this.localizeInputValues()}this.userChangedValue=false}valueAsDateWatcher(t){this.datePickerActiveDate=t;const i=this.range&&Array.isArray(t)?[c(t[0]),c(t[1])]:c(t);if(this.value!==i){this.valueAsDateChangedExternally=true;this.value=i;this.valueAsDateChangedExternally=false}}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}onMessagesChange(){}onMinChanged(t){if(t){this.minAsDate=d(t)}}onMaxChanged(t){if(t){this.maxAsDate=d(t)}}openHandler(){S(this);if(this.disabled||this.readOnly){this.open=false;return}this.reposition(true)}overlayPositioningHandler(){this.reposition(true)}calciteDaySelectHandler(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.open=false}async setFocus(){await T(this);this.el.focus()}async reposition(t=false){const{floatingEl:i,referenceEl:e,placement:s,overlayPositioning:a,filteredFlipPlacements:n}=this;return v(this,{floatingEl:i,referenceEl:e,overlayPositioning:a,placement:s,flipPlacements:n,type:"menu"},t)}connectedCallback(){I(this);W(this);const{open:t}=this;t&&this.openHandler();if(Array.isArray(this.value)){this.valueAsDate=h(this.value)}else if(this.value){try{this.valueAsDate=d(this.value)}catch(t){this.warnAboutInvalidValue(this.value);this.value=""}}else if(this.valueAsDate){if(this.range){this.setRangeValue(this.valueAsDate)}else if(!Array.isArray(this.valueAsDate)){this.value=c(this.valueAsDate)}}if(this.min){this.minAsDate=d(this.min)}if(this.max){this.maxAsDate=d(this.max)}O(this);D(this);L(this);this.setFilteredPlacements();this.reposition(true);B.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};if(this.open){S(this)}g(this,this.referenceEl,this.floatingEl)}async componentWillLoad(){R(this);await Promise.all([this.loadLocaleData(),Y(this)]);this.onMinChanged(this.min);this.onMaxChanged(this.max)}componentDidLoad(){E(this);this.localizeInputValues();this.reposition(true)}disconnectedCallback(){N(this);z(this);F(this);k(this);y(this,this.referenceEl,this.floatingEl);H(this);$(this)}componentDidRender(){A(this)}render(){const{disabled:t,effectiveLocale:i,messages:a,numberingSystem:n,readOnly:r}=this;B.numberFormatOptions={numberingSystem:n,locale:i,useGrouping:false};return e(s,{onBlur:this.blurHandler,onKeyDown:this.keyDownHandler},e(P,{disabled:this.disabled},this.localeData&&e("div",{class:K.inputContainer},e("div",{class:K.inputWrapper,"data-position":"start",onClick:this.onInputWrapperClick,onPointerDown:this.onInputWrapperPointerDown,ref:this.setStartWrapper},e("calcite-input-text",{"aria-autocomplete":"none","aria-controls":this.dialogId,"aria-describedby":this.placeholderTextId,"aria-expanded":f(this.open),"aria-haspopup":"dialog",class:{[K.input]:true,[K.inputNoBottomBorder]:this.layout==="vertical"&&this.range},disabled:t,icon:"calendar",onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputTextFocus:this.startInputFocus,placeholder:this.localeData?.placeholder,readOnly:r,role:"combobox",scale:this.scale,status:this.status,ref:this.setStartInput}),!this.readOnly&&this.renderToggleIcon(this.open&&this.focusedInput==="start"),e("span",{"aria-hidden":"true",class:K.assistiveText,id:this.placeholderTextId},"Date Format: ",this.localeData?.placeholder)),e("div",{"aria-hidden":f(!this.open),"aria-label":a.chooseDate,"aria-live":"polite","aria-modal":"true",class:{[K.menu]:true,[K.menuActive]:this.open},id:this.dialogId,role:"dialog",ref:this.setFloatingEl},e("div",{class:{[K.calendarWrapper]:true,[K.calendarWrapperEnd]:this.focusedInput==="end",[x.animation]:true,[x.animationActive]:this.open},ref:this.setTransitionEl},e("calcite-date-picker",{activeDate:this.datePickerActiveDate,activeRange:this.focusedInput,headingLevel:this.headingLevel,max:this.max,maxAsDate:this.maxAsDate,messageOverrides:this.messageOverrides,min:this.min,minAsDate:this.minAsDate,numberingSystem:n,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,scale:this.scale,tabIndex:this.open?undefined:-1,valueAsDate:this.valueAsDate,ref:this.setDatePickerRef}))),this.range&&this.layout==="horizontal"&&e("div",{class:K.horizontalArrowContainer},e("calcite-icon",{flipRtl:true,icon:"arrow-right",scale:X(this.scale)})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&e("div",{class:K.verticalArrowContainer},e("calcite-icon",{icon:"arrow-down",scale:X(this.scale)})),this.range&&e("div",{class:K.inputWrapper,"data-position":"end",onClick:this.onInputWrapperClick,onPointerDown:this.onInputWrapperPointerDown,ref:this.setEndWrapper},e("calcite-input-text",{"aria-autocomplete":"none","aria-controls":this.dialogId,"aria-expanded":f(this.open),"aria-haspopup":"dialog",class:{[K.input]:true,[K.inputBorderTopColorOne]:this.layout==="vertical"&&this.range},disabled:t,icon:"calendar",onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputTextFocus:this.endInputFocus,placeholder:this.localeData?.placeholder,readOnly:r,role:"combobox",scale:this.scale,status:this.status,ref:this.setEndInput}),!this.readOnly&&this.renderToggleIcon(this.open&&this.focusedInput==="end"))),e(C,{component:this}),this.validationMessage&&this.status==="invalid"?e(G,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}renderToggleIcon(t){return e("span",{class:K.toggleIcon,tabIndex:-1},e("calcite-icon",{icon:t?"chevron-up":"chevron-down",scale:X(this.scale)}))}setReferenceEl(){const{focusedInput:t,layout:i,endWrapper:e,startWrapper:s}=this;this.referenceEl=t==="end"||i==="vertical"?e||s:s||e;requestAnimationFrame((()=>g(this,this.referenceEl,this.floatingEl)))}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteInputDatePickerBeforeOpen.emit()}onOpen(){_(this,{onActivate:()=>{if(this.focusOnOpen){this.datePickerEl.setFocus();this.focusOnOpen=false}}});this.calciteInputDatePickerOpen.emit()}onBeforeClose(){this.calciteInputDatePickerBeforeClose.emit()}onClose(){this.calciteInputDatePickerClose.emit();N(this);this.restoreInputFocus();this.focusOnOpen=false;this.datePickerEl.reset()}commitValue(){const{focusedInput:t,value:i}=this;const e=`${t}Input`;const s=this[e].value;const a=o(s,this.localeData);const n=c(a);const r=Array.isArray(i);if(this.range){const e=t==="start"?0:1;if(r){if(n===i[e]){return}if(a){this.setRangeValue([t==="start"?a:d(i[0]),t==="end"?a:d(i[1])]);this.localizeInputValues()}else{this.setRangeValue([t==="end"&&d(i[0]),t==="start"&&d(i[1])])}}else{if(a){this.setRangeValue([t==="start"?a:d(i[0]),t==="end"?a:d(i[1])]);this.localizeInputValues()}}}else{if(n===i){return}this.setValue(a);this.localizeInputValues()}}async loadLocaleData(){B.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};this.localeData=await p(this.effectiveLocale);this.localizeInputValues()}shouldFocusRangeStart(){const t=this.value[0];const i=this.value[1];return!!(i&&!t&&this.focusedInput==="end"&&this.startInput)}shouldFocusRangeEnd(){const t=this.value[0];const i=this.value[1];return!!(t&&!i&&this.focusedInput==="start"&&this.endInput)}restoreInputFocus(){if(!this.range){this.startInput.setFocus();return}const t=this.focusedInput==="start"?this.startInput:this.endInput;t.setFocus()}localizeInputValues(){const t=u(this.range?Array.isArray(this.valueAsDate)&&this.valueAsDate[0]||undefined:this.valueAsDate,this.minAsDate,this.maxAsDate);const i=this.range?u(Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||undefined,this.minAsDate,this.maxAsDate):null;const e={numberingSystem:M(this.numberingSystem)};const s=t&&t.toLocaleDateString(this.effectiveLocale,e);const a=i&&i.toLocaleDateString(this.effectiveLocale,e);this.setInputValue(s??"","start");this.setInputValue((this.range&&a)??"","end")}warnAboutInvalidValue(t){console.warn(`The specified value "${t}" does not conform to the required format, "YYYY-MM-DD".`)}getNormalizedDate(t){if(!t){return""}if(!J(t)){return t}const{day:i,month:e,year:s}=n(t);const a=Q(Number(s));return`${a}-${e}-${i}`}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],value:["valueWatcher"],valueAsDate:["valueAsDateWatcher"],flipPlacements:["flipPlacementsHandler"],messageOverrides:["onMessagesChange"],min:["onMinChanged"],max:["onMaxChanged"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],effectiveLocale:["loadLocaleData"]}}};Z.style=U;export{Z as calcite_input_date_picker};
+//# sourceMappingURL=p-9ea0ecdc.entry.js.map