@esri/calcite-components 2.1.0-next.9 → 2.2.0-next.0

package/dist/calcite/p-b05c7846.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.2.0-next.0
+ */
+import{r as t,c as e,h as i,g as s,H as n}from"./p-dc8f6790.js";import{b as a,t as l,D as o,g as c}from"./p-12a478b3.js";import{c as r,u as h,d}from"./p-0db1222f.js";import{c as f}from"./p-ce27299c.js";import{d as u,a as p,c as m}from"./p-e13cae9a.js";import{S as g}from"./p-ecf00ea5.js";import{s as b,a as v,c as w}from"./p-c4036842.js";import{c as C,s as y,d as x,u as k}from"./p-a825c716.js";import{n as L,c as I,d as S}from"./p-456bf4d5.js";import{d as E}from"./p-ed4845b4.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-448db42f.js";import"./p-f9cac1ec.js";const D={container:"container",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",openContainer:"open-container",dragContainer:"drag-container"};const A={actionsStart:"actions-start",contentStart:"content-start",content:"content",contentBottom:"content-bottom",contentEnd:"content-end",actionsEnd:"actions-end"};const z=0;const M={selectedMultiple:"check-circle-f",selectedSingle:"circle-f",unselected:"blank",closedLTR:"caret-right",closedRTL:"caret-left",open:"caret-down",blank:"blank",close:"x"};const j="calcite-list";const F="calcite-list-item-group";const T="calcite-list-item";function P(t){return Array.from(t.assignedElements({flatten:true}).filter((t=>t.matches(j))))}function H(t){const e=t.assignedElements({flatten:true});const i=e.filter((t=>t?.matches(F))).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(j))).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 R(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 B={container:"container",table:"table",scrim:"scrim",stack:"stack",tableContainer:"table-container",sticky:"sticky-pos",assistiveText:"assistive-text"};const _=0;const G={filterActionsStart:"filter-actions-start",filterActionsEnd:"filter-actions-end"};const N=":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}.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 U="calcite-list-item";const W=`:scope > calcite-list-item`;const $="calcite-list-item-group, calcite-list-item";const K=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="calcite-list-item";this.enabledListItems=[];this.handleSelector="calcite-handle";this.listItems=[];this.mutationObserver=f("mutation",(()=>this.updateListItems()));this.handleDefaultSlotChange=t=>{O(H(t.target));if(this.parentListEl){this.calciteInternalListDefaultSlotChange.emit()}};this.handleFilterActionsStartSlotChange=t=>{this.hasFilterActionsStart=a(t)};this.handleFilterActionsEndSlotChange=t=>{this.hasFilterActionsEnd=a(t)};this.setActiveListItem=()=>{const{enabledListItems:t}=this;if(!t.some((t=>t.active))){if(t[0]){t[0].active=true}}};this.updateSelectedItems=(t=false)=>{this.selectedItems=this.enabledListItems.filter((t=>t.selected));if(t){this.calciteListChange.emit()}};this.updateFilteredItems=(t=false)=>{const{listItems: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 l=e.filter((t=>!s||n.includes(t.value)))||[];const o=new WeakSet;a.forEach((t=>this.filterElements({el:t,filteredItems:l,visibleParents:o})));if(l.length>0){this.findAncestorOfFirstFilteredItem(l)}this.filteredItems=l;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=E(((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.updateFilteredItems(t);this.enabledListItems=this.filteredItems.filter((t=>!t.disabled&&!t.closed));this.setActiveListItem();this.updateSelectedItems(t);this.setUpSorting()}),_);this.queryListItems=(t=false)=>Array.from(this.el.querySelectorAll(t?W:U));this.focusRow=t=>{const{enabledListItems:e}=this;if(!t){return}e.forEach((e=>e.active=e===t));t.setFocus()};this.isNavigable=t=>{const e=t.parentElement?.closest(U);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.enabledListItems.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("calcite-list-item");while(e){const t=e.parentElement.closest("calcite-list-item");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}async handleFilterTextChange(){this.performFilter()}onMessagesChange(){}handleListItemChange(){this.updateListItems()}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl){return}t.stopPropagation();const{enabledListItems: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)}handleCalciteInternalHandleChange(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{enabledListItems: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 l=Math.max(e,t);s.slice(i,l+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(u(this)){return}C(this);this.connectObserver();this.updateListItems();this.setUpSorting();r(this);this.setParentList()}async componentWillLoad(){b(this);await y(this)}componentDidRender(){h(this)}componentDidLoad(){v(this)}disconnectedCallback(){if(u(this)){return}this.disconnectObserver();p(this);d(this);x(this)}effectiveLocaleChange(){k(this,this.effectiveLocale)}async setFocus(){await w(this);if(this.filterEnabled){return this.filterEl?.setFocus()}return this.enabledListItems.find((t=>t.active))?.setFocus()}render(){const{loading:t,label:e,disabled:s,dataForFilter:n,filterEnabled:a,filterPlaceholder:o,filterText:c,hasFilterActionsStart:r,hasFilterActionsEnd:h}=this;return i("div",{class:B.container},this.dragEnabled?i("span",{"aria-live":"assertive",class:B.assistiveText},this.assistiveText):null,this.renderItemAriaLive(),t?i("calcite-scrim",{class:B.scrim,loading:t}):null,i("table",{"aria-busy":l(t),"aria-label":e||"",class:B.table,onKeyDown:this.handleListKeydown,role:"treegrid"},a||r||h?i("thead",null,i("tr",{class:{[B.sticky]:true}},i("th",{colSpan:z},i("calcite-stack",{class:B.stack},i("slot",{name:G.filterActionsStart,onSlotchange:this.handleFilterActionsStartSlotChange,slot:g.actionsStart}),i("calcite-filter",{"aria-label":o,disabled:s,items:n,onCalciteFilterChange:this.handleFilterChange,placeholder:o,value:c,ref:this.setFilterEl}),i("slot",{name:G.filterActionsEnd,onSlotchange:this.handleFilterActionsEndSlotChange,slot:g.actionsEnd}))))):null,i("tbody",{class:B.tableContainer},i("slot",{onSlotchange:this.handleDefaultSlotChange}))))}renderItemAriaLive(){const{messages:t,enabledListItems:e,parentListEl:s,effectiveLocale:n,numberingSystem:a,filterEnabled:l,filterText:o,filteredData:c}=this;L.numberFormatOptions={locale:n,numberingSystem:a};return!s?i("div",{"aria-live":"polite",class:B.assistiveText},l&&o&&c?.length?i("div",{key:"aria-filter-enabled"},t.filterEnabled):null,i("div",{key:"aria-item-count"},t.total.replace("{count}",L.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.hidden=s;const n=t.parentElement.closest($);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{direction:e}=t.detail;const i=t.composedPath();const s=i.find((t=>t.tagName==="CALCITE-HANDLE"));const n=i.find((t=>t.tagName==="CALCITE-LIST-ITEM"));const a=n?.parentElement;if(!a){return}const{enabledListItems:l}=this;const o=l.filter((t=>t.parentElement===a));const c=o.length-1;const r=o.indexOf(n);let h=false;let d;if(e==="up"){if(r===0){h=true;d=c}else{d=r-1}}else{if(r===c){d=0}else if(r===c-1){h=true;d=c}else{d=r+2}}this.disconnectObserver();if(h){a.appendChild(n)}else{a.insertBefore(n,o[d])}this.updateListItems();this.connectObserver();this.calciteListOrderChange.emit({dragEl:n,fromEl:a,toEl:a,newIndex:d,oldIndex:r});s.setFocus().then((()=>{s.activated=true}))}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"]}}};K.style=N;const X=":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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.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{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.container:active{background-color:var(--calcite-color-foreground-1)}.container--border-selected{border-inline-start:4px solid var(--calcite-color-brand)}.container--border-unselected{border-inline-start:4px solid transparent}.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-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)}.description{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}.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-list-item-icon-color)}.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){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 J="calcite-list";const Q=class{constructor(i){t(this,i);this.calciteListItemSelect=e(this,"calciteListItemSelect",6);this.calciteListItemClose=e(this,"calciteListItemClose",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.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.calciteInternalListItemActive.emit()};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:l,openable:o}=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(!l&&o){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(l&&o){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.focusCell=(t,e=true)=>{const{parentListEl:i}=this;if(e){q.set(i,null)}const s=o(t);this.getGridCells().forEach(((n,a)=>{if(n===t){n.tabIndex=t===s?0:-1;e&&q.set(i,a)}else{n.tabIndex=-1}}));s?.focus()};this.active=false;this.closable=false;this.closed=false;this.description=undefined;this.disabled=false;this.dragDisabled=false;this.dragHandle=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(){k(this,this.effectiveLocale)}connectedCallback(){r(this);I(this);C(this);const{el:t}=this;this.parentListEl=t.closest(J);this.level=R(t)+1;this.visualLevel=R(t,true);this.setSelectionDefaults()}async componentWillLoad(){b(this);await y(this)}componentDidLoad(){v(this)}componentDidRender(){h(this)}disconnectedCallback(){d(this);S(this);x(this)}async setFocus(){await w(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:D.selectionContainer,key:"selection-container",onClick:this.handleItemClick},i("calcite-icon",{icon:t?e==="multiple"?M.selectedMultiple:M.selectedSingle:M.unselected,scale:"s"}))}renderDragHandle(){const{label:t,dragHandle:e,dragDisabled:s,setPosition:n,setSize:a}=this;return e?i("td",{"aria-label":t,class:D.dragContainer,key:"drag-handle-container",role:"gridcell",ref:t=>this.handleGridEl=t},i("calcite-handle",{disabled:s,label:t,setPosition:n,setSize:a})):null}renderOpen(){const{el:t,open:e,openable:s,parentListEl:n}=this;const a=c(t);const l=s?e?M.open:a==="rtl"?M.closedRTL:M.closedLTR:M.blank;const o=s?this.handleToggleClick:this.handleItemClick;return s||n?.openable?i("td",{class:D.openContainer,key:"open-container",onClick:o},i("calcite-icon",{icon:l,key:l,scale:"s"})):null}renderActionsStart(){const{label:t,hasActionsStart:e}=this;return i("td",{"aria-label":t,class:D.actionsStart,hidden:!e,key:"actions-start-container",role:"gridcell",ref:t=>this.actionsStartEl=t},i("slot",{name:A.actionsStart,onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){const{label:t,hasActionsEnd:e,closable:s,messages:n}=this;return i("td",{"aria-label":t,class:D.actionsEnd,hidden:!(e||s),key:"actions-end-container",role:"gridcell",ref:t=>this.actionsEndEl=t},i("slot",{name:A.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:D.contentStart,hidden:!t},i("slot",{name:A.contentStart,onSlotchange:this.handleContentStartSlotChange}))}renderCustomContent(){const{hasCustomContent:t}=this;return i("div",{class:D.customContent,hidden:!t},i("slot",{name:A.content,onSlotchange:this.handleContentSlotChange}))}renderContentEnd(){const{hasContentEnd:t}=this;return i("div",{class:D.contentEnd,hidden:!t},i("slot",{name:A.contentEnd,onSlotchange:this.handleContentEndSlotChange}))}renderContentBottom(){const{hasContentBottom:t,visualLevel:e}=this;return i("div",{class:D.contentBottom,hidden:!t,style:{"--calcite-list-item-spacing-indent-multiplier":`${e}`}},i("slot",{name:A.contentBottom,onSlotchange:this.handleContentBottomSlotChange}))}renderDefaultContainer(){return i("div",{class:{[D.nestedContainer]:true,[D.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:D.content,key:"content"},t?i("div",{class:D.label,key:"label"},t):null,e?i("div",{class:D.description,key:"description"},e):null):null}renderContentContainer(){const{description:t,label:e,selectionMode:s,hasCustomContent:n}=this;const a=n||!!e||!!t;const l=[this.renderContentStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderContentEnd()];return i("td",{"aria-label":e,class:{[D.contentContainer]:true,[D.contentContainerSelectable]:s!=="none",[D.contentContainerHasCenterContent]:a},key:"content-container",onClick:this.handleItemClick,role:"gridcell",ref:t=>this.contentEl=t},l)}render(){const{openable:t,open:e,level:s,setPosition:a,setSize:o,active:c,label:r,selected:h,selectionAppearance:d,selectionMode:f,closed:u,visualLevel:p}=this;const m=f!=="none"&&d==="border";const g=m&&h;const b=m&&!h;return i(n,null,i("tr",{"aria-expanded":t?l(e):null,"aria-label":r,"aria-level":s,"aria-posinset":a,"aria-selected":l(h),"aria-setsize":o,class:{[D.container]:true,[D.containerBorderSelected]:g,[D.containerBorderUnselected]:b},hidden:u,onFocus:this.focusCellNull,onKeyDown:this.handleItemKeyDown,role:"row",style:{"--calcite-list-item-spacing-indent-multiplier":`${p}`},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{parentListEl:e}=this;const i=H(t);const s=P(t);O(i);const n=!!i.length||!!s.length;if(n&&e&&!e.openable){e.openable=true}this.openable=n;if(!n){this.open=false}}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"]}}};Q.style=X;const V={container:"container",heading:"heading"};const Y=":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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.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 Z=class{constructor(i){t(this,i);this.calciteInternalListItemGroupDefaultSlotChange=e(this,"calciteInternalListItemGroupDefaultSlotChange",6);this.handleDefaultSlotChange=()=>{this.calciteInternalListItemGroupDefaultSlotChange.emit()};this.disabled=false;this.heading=undefined;this.visualLevel=null}connectedCallback(){const{el:t}=this;this.visualLevel=R(t,true);r(this)}componentDidRender(){h(this)}disconnectedCallback(){d(this)}render(){const{heading:t,visualLevel:e}=this;return i(n,null,i("tr",{class:V.container,style:{"--calcite-list-item-spacing-indent-multiplier":`${e}`}},i("td",{class:V.heading,colSpan:z},t)),i("slot",{onSlotchange:this.handleDefaultSlotChange}))}get el(){return s(this)}};Z.style=Y;export{K as calcite_list,Q as calcite_list_item,Z as calcite_list_item_group};
+//# sourceMappingURL=p-b05c7846.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","containerBorderSelected","containerBorderUnselected","contentContainer","contentContainerSelectable","contentContainerHasCenterContent","nestedContainer","nestedContainerHidden","content","customContent","actionsStart","contentStart","label","description","contentEnd","contentBottom","actionsEnd","selectionContainer","openContainer","dragContainer","SLOTS","MAX_COLUMNS","ICONS","selectedMultiple","selectedSingle","unselected","closedLTR","closedRTL","open","blank","close","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","filterActionsStart","filterActionsEnd","listCss","listItemSelectorDirect","parentSelector","List","this","dragSelector","enabledListItems","handleSelector","listItems","mutationObserver","createObserver","updateListItems","handleDefaultSlotChange","event","target","parentListEl","calciteInternalListDefaultSlotChange","emit","handleFilterActionsStartSlotChange","hasFilterActionsStart","slotChangeHasAssignedElement","handleFilterActionsEndSlotChange","hasFilterActionsEnd","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","disabled","closed","direct","focusRow","focusEl","setFocus","isNavigable","parentListItemEl","parentElement","closest","handleListKeydown","defaultPrevented","key","currentIndex","findIndex","preventDefault","nextIndex","prevIndex","homeItem","endItem","ancestorOfFirstFilteredItem","removeAttribute","getTopLevelAncestorItemElement","setAttribute","closestParent","closestListItemAncestor","handleFilterTextChange","onMessagesChange","handleListItemChange","handleCalciteInternalFocusPreviousItem","handleCalciteInternalListItemActive","handleCalciteListItemSelect","handleCalciteInternalHandleChange","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","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","hidden","has","add","direction","composedPath","handle","tagName","sortItem","parentEl","sameParentItems","lastIndex","oldIndex","appendInstead","newIndex","appendChild","insertBefore","dragEl","fromEl","toEl","then","activated","listItemCss","focusMap","Map","ListItem","handleCloseClick","calciteListItemClose","handleContentSlotChange","hasCustomContent","handleActionsStartSlotChange","hasActionsStart","handleActionsEndSlotChange","hasActionsEnd","handleContentStartSlotChange","hasContentStart","handleContentEndSlotChange","hasContentEnd","handleContentBottomSlotChange","hasContentBottom","handleOpenableChange","handleToggleClick","toggle","calciteListItemToggle","handleItemClick","toggleSelected","shiftKey","calciteInternalListItemActive","calciteInternalListItemSelectMultiple","calciteListItemSelect","handleItemKeyDown","containerEl","actionsStartEl","actionsEndEl","openable","cells","getGridCells","cell","focusCell","calciteInternalFocusPreviousItem","focus","focusCellNull","saveFocusIndex","set","focusedEl","getFirstTabbable","tableCell","cellIndex","tabIndex","activeHandler","handleClosedChange","emitCalciteInternalListItemChange","handleDisabledChange","handleSelectedChange","calciteInternalListItemSelect","handleCalciteInternalListDefaultSlotChanges","defaultSlotEl","connectLocalized","level","visualLevel","setSelectionDefaults","disconnectLocalized","focusIndex","get","renderSelected","onClick","icon","scale","renderDragHandle","dragDisabled","handleGridEl","renderOpen","dir","getElementDir","clickHandler","renderActionsStart","renderActionsEnd","closable","appearance","text","renderContentStart","renderCustomContent","renderContentEnd","renderContentBottom","style","renderDefaultContainer","renderContentProperties","renderContentContainer","hasCenterContent","contentEl","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  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  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-circle-f\",\n  selectedSingle: \"circle-f\",\n  unselected: \"blank\",\n  closedLTR: \"caret-right\",\n  closedRTL: \"caret-left\",\n  open: \"caret-down\",\n  blank: \"blank\",\n  close: \"x\",\n};\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((el) =>\n    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  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  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 - `\"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  @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   * Emits when any of the list item selections have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<void>;\n\n  /**\n   * Emits when the component's dragging has ended.\n   */\n  @Event({ cancelable: false }) calciteListDragEnd: EventEmitter<ListDragDetail>;\n\n  /**\n   * Emits when the component's dragging has started.\n   */\n  @Event({ cancelable: false }) calciteListDragStart: EventEmitter<ListDragDetail>;\n\n  /**\n   * Emits when the component's filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\n\n  /**\n   * Emitted when the order of the list has changed.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<ListDragDetail>;\n\n  /**\n   * Emitted 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 { enabledListItems } = this;\n    const currentIndex = enabledListItems.findIndex((listItem) => listItem.active);\n\n    const prevIndex = currentIndex - 1;\n\n    if (enabledListItems[prevIndex]) {\n      this.focusRow(enabledListItems[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(\"calciteInternalHandleChange\")\n  handleCalciteInternalHandleChange(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 { enabledListItems, lastSelectedInfo } = this;\n    const selectedItem = target as HTMLCalciteListItemElement;\n\n    if (detail.selectMultiple && !!lastSelectedInfo) {\n      const currentIndex = enabledListItems.indexOf(selectedItem);\n      const lastSelectedIndex = enabledListItems.indexOf(lastSelectedInfo.selectedItem);\n      const startIndex = Math.min(lastSelectedIndex, currentIndex);\n      const endIndex = Math.max(lastSelectedIndex, currentIndex);\n\n      enabledListItems\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 = \"calcite-list-item\";\n\n  enabledListItems: HTMLCalciteListItemElement[] = [];\n\n  filterEl: HTMLCalciteFilterElement;\n\n  handleSelector = \"calcite-handle\";\n\n  @State() hasFilterActionsEnd = false;\n\n  @State() hasFilterActionsStart = false;\n\n  listItems: HTMLCalciteListItemElement[] = [];\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateListItems());\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.enabledListItems.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      hasFilterActionsStart,\n      hasFilterActionsEnd,\n    } = this;\n    return (\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    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private renderItemAriaLive(): VNode {\n    const {\n      messages,\n      enabledListItems,\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(enabledListItems.length.toString())\n          )}\n        </div>\n        {enabledListItems.length ? (\n          <ol key=\"aria-item-list\">\n            {enabledListItems.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 setActiveListItem = (): void => {\n    const { enabledListItems } = this;\n\n    if (!enabledListItems.some((item) => item.active)) {\n      if (enabledListItems[0]) {\n        enabledListItems[0].active = true;\n      }\n    }\n  };\n\n  private updateSelectedItems = (emit = false): void => {\n    this.selectedItems = this.enabledListItems.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 hidden =\n      !visibleParents.has(el) && !filteredItems.includes(el as HTMLCalciteListItemElement);\n\n    el.hidden = hidden;\n\n    const closestParent = el.parentElement.closest(parentSelector) as\n      | HTMLCalciteListItemElement\n      | HTMLCalciteListItemGroupElement;\n\n    if (!closestParent) {\n      return;\n    }\n\n    if (!hidden) {\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 { listItems, filteredData, filterText } = this;\n\n    const values = filteredData.map((item) => item.value);\n\n    const lastDescendantItems = listItems?.filter((listItem) =>\n      listItems.every((li) => li === listItem || !listItem.contains(li))\n    );\n\n    const filteredItems =\n      listItems.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.updateFilteredItems(emit);\n    this.enabledListItems = this.filteredItems.filter((item) => !item.disabled && !item.closed);\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 { enabledListItems } = this;\n\n    if (!focusEl) {\n      return;\n    }\n\n    enabledListItems.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 filteredItems = this.enabledListItems.filter((listItem) => this.isNavigable(listItem));\n    const currentIndex = filteredItems.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 (filteredItems[nextIndex]) {\n        this.focusRow(filteredItems[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 (filteredItems[prevIndex]) {\n        this.focusRow(filteredItems[prevIndex]);\n      }\n    } else if (key === \"Home\") {\n      event.preventDefault();\n      const homeItem = filteredItems[0];\n\n      if (homeItem) {\n        this.focusRow(homeItem);\n      }\n    } else if (key === \"End\") {\n      event.preventDefault();\n      const endItem = filteredItems[filteredItems.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>(\"calcite-list-item\");\n\n    while (closestParent) {\n      const closestListItemAncestor =\n        closestParent.parentElement.closest<HTMLCalciteListItemElement>(\"calcite-list-item\");\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 { direction } = event.detail;\n\n    const composedPath = event.composedPath();\n\n    const handle = composedPath.find(\n      (el: HTMLElement) => el.tagName === \"CALCITE-HANDLE\"\n    ) as HTMLCalciteHandleElement;\n\n    const sortItem = composedPath.find(\n      (el: HTMLElement) => el.tagName === \"CALCITE-LIST-ITEM\"\n    ) as HTMLCalciteListItemElement;\n\n    const parentEl = sortItem?.parentElement as HTMLCalciteListElement;\n\n    if (!parentEl) {\n      return;\n    }\n\n    const { enabledListItems } = this;\n\n    const sameParentItems = enabledListItems.filter((item) => item.parentElement === parentEl);\n\n    const lastIndex = sameParentItems.length - 1;\n    const oldIndex = sameParentItems.indexOf(sortItem);\n    let appendInstead = false;\n    let newIndex: number;\n\n    if (direction === \"up\") {\n      if (oldIndex === 0) {\n        appendInstead = true;\n        newIndex = lastIndex;\n      } else {\n        newIndex = oldIndex - 1;\n      }\n    } else {\n      if (oldIndex === lastIndex) {\n        newIndex = 0;\n      } else if (oldIndex === lastIndex - 1) {\n        appendInstead = true;\n        newIndex = lastIndex;\n      } else {\n        newIndex = oldIndex + 2;\n      }\n    }\n\n    this.disconnectObserver();\n\n    if (appendInstead) {\n      parentEl.appendChild(sortItem);\n    } else {\n      parentEl.insertBefore(sortItem, sameParentItems[newIndex]);\n    }\n\n    this.updateListItems();\n    this.connectObserver();\n\n    this.calciteListOrderChange.emit({\n      dragEl: sortItem,\n      fromEl: parentEl,\n      toEl: parentEl,\n      newIndex,\n      oldIndex,\n    });\n\n    handle.setFocus().then(() => {\n      handle.activated = true;\n    });\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@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 {\n  @apply bg-foreground-2 cursor-pointer;\n}\n\n.container:active {\n  @apply bg-foreground-1;\n}\n\n.container--border-selected {\n  border-inline-start: theme(\"borderWidth.4\") solid theme(\"colors.brand\");\n}\n\n.container--border-unselected {\n  border-inline-start: theme(\"borderWidth.4\") solid transparent;\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.description {\n  @apply text-color-3 mt-0.5;\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: var(--calcite-list-item-icon-color);\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  @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  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { SelectionMode } from \"../interfaces\";\nimport { SelectionAppearance } from \"../list/resources\";\nimport { CSS, 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   * 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   * Emits when the item's content 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 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 class={CSS.selectionContainer} key=\"selection-container\" onClick={this.handleItemClick}>\n        <calcite-icon\n          icon={\n            selected\n              ? selectionMode === \"multiple\"\n                ? ICONS.selectedMultiple\n                : ICONS.selectedSingle\n              : ICONS.unselected\n          }\n          scale=\"s\"\n        />\n      </td>\n    );\n  }\n\n  renderDragHandle(): VNode {\n    const { label, dragHandle, dragDisabled, setPosition, setSize } = this;\n\n    return dragHandle ? (\n      <td\n        aria-label={label}\n        class={CSS.dragContainer}\n        key=\"drag-handle-container\"\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          setPosition={setPosition}\n          setSize={setSize}\n        />\n      </td>\n    ) : null;\n  }\n\n  renderOpen(): VNode {\n    const { el, open, openable, parentListEl } = this;\n    const dir = getElementDir(el);\n\n    const icon = openable\n      ? open\n        ? ICONS.open\n        : dir === \"rtl\"\n        ? ICONS.closedRTL\n        : ICONS.closedLTR\n      : ICONS.blank;\n\n    const clickHandler = openable ? this.handleToggleClick : this.handleItemClick;\n\n    return openable || parentListEl?.openable ? (\n      <td class={CSS.openContainer} key=\"open-container\" onClick={clickHandler}>\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        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        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        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        <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.containerBorderSelected]: borderSelected,\n            [CSS.containerBorderUnselected]: borderUnselected,\n          }}\n          hidden={closed}\n          onFocus={this.focusCellNull}\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      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\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 { parentListEl } = this;\n    const listItemChildren = getListItemChildren(slotEl);\n    const listItemChildLists = getListItemChildLists(slotEl);\n    updateListItemChildren(listItemChildren);\n    const openable = !!listItemChildren.length || !!listItemChildLists.length;\n\n    if (openable && parentListEl && !parentListEl.openable) {\n      parentListEl.openable = true;\n    }\n\n    this.openable = openable;\n\n    if (!openable) {\n      this.open = false;\n    }\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    this.calciteInternalListItemActive.emit();\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 focusCell = (focusEl: HTMLTableCellElement, saveFocusIndex = true): void => {\n    const { parentListEl } = this;\n\n    if (saveFocusIndex) {\n      focusMap.set(parentListEl, null);\n    }\n\n    const focusedEl = getFirstTabbable(focusEl);\n\n    this.getGridCells().forEach((tableCell, cellIndex) => {\n      // Only one cell within a list-item should be focusable at a time. Ensures the active cell is focusable.\n      if (tableCell === focusEl) {\n        tableCell.tabIndex = focusEl === focusedEl ? 0 : -1;\n        saveFocusIndex && focusMap.set(parentListEl, cellIndex);\n      } else {\n        tableCell.tabIndex = -1;\n      }\n    });\n\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@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  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   * 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   * Emitted when the default slot has changes in order to notify parent lists.\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 { heading, visualLevel } = this;\n    return (\n      <Host>\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      </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-b2a4e71b.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.2.0-next.0
+ */
+import{d as _}from"./p-a917e40a.js";import"./p-dc8f6790.js";import"./p-406ee8b3.js";import"./p-12a478b3.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-0db1222f.js";import"./p-448db42f.js";import"./p-f9cac1ec.js";import"./p-975df908.js";import"./p-d7695581.js";import"./p-c4036842.js";import"./p-456bf4d5.js";import"./p-ce27299c.js";import"./p-461cfca7.js";import"./p-296fa714.js";import"./p-a825c716.js";import"./p-a698cb09.js";import"./p-3235386f.js";var r="січня_лютого_березня_квітня_травня_червня_липня_серпня_вересня_жовтня_листопада_грудня".split("_");var t="січень_лютий_березень_квітень_травень_червень_липень_серпень_вересень_жовтень_листопад_грудень".split("_");var p=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function m(_,r){var t=_.split("_");return r%10===1&&r%100!==11?t[0]:r%10>=2&&r%10<=4&&(r%100<10||r%100>=20)?t[1]:t[2]}function s(_,r,t){var p={ss:r?"секунда_секунди_секунд":"секунду_секунди_секунд",mm:r?"хвилина_хвилини_хвилин":"хвилину_хвилини_хвилин",hh:r?"година_години_годин":"годину_години_годин",dd:"день_дні_днів",MM:"місяць_місяці_місяців",yy:"рік_роки_років"};if(t==="m"){return r?"хвилина":"хвилину"}else if(t==="h"){return r?"година":"годину"}return _+" "+m(p[t],+_)}var e=function _(m,s){if(p.test(s)){return r[m.month()]}return t[m.month()]};e.s=t;e.f=r;var o={name:"uk",weekdays:"неділя_понеділок_вівторок_середа_четвер_п’ятниця_субота".split("_"),weekdaysShort:"ндл_пнд_втр_срд_чтв_птн_сбт".split("_"),weekdaysMin:"нд_пн_вт_ср_чт_пт_сб".split("_"),months:e,monthsShort:"січ_лют_бер_квіт_трав_черв_лип_серп_вер_жовт_лист_груд".split("_"),weekStart:1,relativeTime:{future:"за %s",past:"%s тому",s:"декілька секунд",m:s,mm:s,h:s,hh:s,d:"день",dd:s,M:"місяць",MM:s,y:"рік",yy:s},ordinal:function _(r){return r},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY р.",LLL:"D MMMM YYYY р., HH:mm",LLLL:"dddd, D MMMM YYYY р., HH:mm"}};_.locale(o,null,true);export default o;
+//# sourceMappingURL=p-b2a4e71b.js.map

package/dist/calcite/p-b2a4e71b.js.map

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

package/dist/calcite/p-b4e34aa8.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.2.0-next.0
+ */
+import{r as t,c as e,h as i,g as s,F as a}from"./p-dc8f6790.js";import{c as n,d as o,u as c}from"./p-0db1222f.js";import{s as l,a as r,c as h}from"./p-c4036842.js";import{c as d}from"./p-ce27299c.js";import{m as p,d as f,a as m,s as u,h as g,b,c as v,k as x,i as w,f as k,l as y,j as z,r as C,o as L,p as j,n as I,q as H,t as W,I as F,L as _,u as D,v as R,w as M,C as S,S as V}from"./p-1bcc2962.js";import{c as A,d as P}from"./p-028e43a6.js";import{e as T,t as U}from"./p-12a478b3.js";import{H as K,c as O}from"./p-cb2ea42f.js";import{c as q,d as E}from"./p-456bf4d5.js";import{u as B,c as G,s as J,d as N}from"./p-a825c716.js";import"./p-448db42f.js";import"./p-1bace9e2.js";import"./p-ed4845b4.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-f9cac1ec.js";const Q=":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;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--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)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";const X=class{constructor(i){t(this,i);this.calciteListChange=e(this,"calciteListChange",6);this.calciteListFilter=e(this,"calciteListFilter",6);this.lastSelectedItem=null;this.mutationObserver=d("mutation",p.bind(this));this.setFilterEl=t=>{this.filterEl=t};this.setFilteredItems=t=>{this.filteredItems=t};this.deselectRemovedItems=f.bind(this);this.deselectSiblingItems=m.bind(this);this.selectSiblings=u.bind(this);this.handleFilter=g.bind(this);this.handleFilterEvent=b.bind(this);this.getItemData=v.bind(this);this.keyDownHandler=x.bind(this);this.disabled=false;this.filteredItems=[];this.filteredData=[];this.filterEnabled=false;this.filterPlaceholder=undefined;this.filterText=undefined;this.headingLevel=undefined;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.selectedValues=new Map;this.dataForFilter=[]}connectedCallback(){w.call(this);k.call(this);n(this)}disconnectedCallback(){y.call(this);o(this)}componentWillLoad(){l(this)}componentDidLoad(){r(this);z.call(this)}componentDidRender(){c(this)}calciteListItemRemoveHandler(t){C.call(this,t)}calciteListItemChangeHandler(t){L.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation();this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){j.call(this,t);t.stopPropagation()}calciteListFocusOutHandler(t){I.call(this,t)}setUpItems(){H.call(this,"calcite-pick-list-item")}setUpFilter(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}}async getSelectedItems(){return this.selectedValues}async setFocus(t){await h(this);return W.call(this,t)}getIconType(){return this.multiple?F.square:F.circle}render(){return i(_,{onKeyDown:this.keyDownHandler,props:this})}get el(){return s(this)}};X.style=Q;const Y=":host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-color-text-3)}.container--indented{margin-inline-start:1.5rem}:host([hidden]){display:none}[hidden]{display:none}";const Z=class{constructor(e){t(this,e);this.groupTitle=undefined;this.headingLevel=undefined}connectedCallback(){A(this)}disconnectedCallback(){P(this)}render(){const{el:t,groupTitle:e,headingLevel:s}=this;const n=T(t,D.parentItem)!==null;const o={[R.container]:true,[R.indented]:n};const c=e;const l=t.closest("calcite-pick-list")?.headingLevel;const r=l?O(l+1):null;const h=s||r;return i(a,null,c?i(K,{class:R.heading,level:h},c):null,i("slot",{name:D.parentItem}),i("section",{class:o},i("slot",null)))}get el(){return s(this)}};Z.style=Y;const $='@charset "UTF-8";: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{margin:0px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-1);--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);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.label:hover{background-color:var(--calcite-color-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-color-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-color-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-color-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:"•"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}.description{margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{padding-inline-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}';const tt=class{constructor(i){t(this,i);this.calciteListItemChange=e(this,"calciteListItemChange",6);this.calciteListItemRemove=e(this,"calciteListItemRemove",7);this.calciteInternalListItemPropsChange=e(this,"calciteInternalListItemPropsChange",6);this.calciteInternalListItemValueChange=e(this,"calciteInternalListItemValueChange",6);this.pickListClickHandler=t=>{if(this.disabled||this.deselectDisabled&&this.selected||this.nonInteractive){return}this.shiftPressed=t.shiftKey;this.selected=!this.selected};this.pickListKeyDownHandler=t=>{if(t.key===" "){t.preventDefault();if(this.deselectDisabled&&this.selected||this.nonInteractive){return}this.selected=!this.selected}};this.removeClickHandler=()=>{this.calciteListItemRemove.emit()};this.description=undefined;this.disabled=false;this.deselectDisabled=false;this.nonInteractive=false;this.icon=null;this.iconFlipRtl=false;this.label=undefined;this.messageOverrides=undefined;this.messages=undefined;this.metadata=undefined;this.removable=false;this.selected=false;this.value=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}descriptionWatchHandler(){this.calciteInternalListItemPropsChange.emit()}labelWatchHandler(){this.calciteInternalListItemPropsChange.emit()}onMessagesChange(){}metadataWatchHandler(){this.calciteInternalListItemPropsChange.emit()}selectedWatchHandler(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed});this.shiftPressed=false}valueWatchHandler(t,e){this.calciteInternalListItemValueChange.emit({oldValue:e,newValue:t})}effectiveLocaleChange(){B(this,this.effectiveLocale)}connectedCallback(){n(this);q(this);G(this);A(this)}async componentWillLoad(){await J(this);l(this)}componentDidLoad(){r(this)}disconnectedCallback(){o(this);E(this);N(this);P(this)}componentDidRender(){c(this,this.el.closest("calcite-pick-list")?"managed":false)}async toggleSelected(t){this.selected=typeof t==="boolean"?t:!this.selected}async setFocus(){await h(this);this.focusEl?.focus()}renderIcon(){const{icon:t,iconFlipRtl:e}=this;if(!t){return null}return i("span",{class:{[S.icon]:true,[S.iconDot]:t===F.circle},onClick:this.pickListClickHandler},t===F.square?i("calcite-icon",{flipRtl:e,icon:M.checked,scale:"s"}):null)}renderRemoveAction(){return this.removable?i("calcite-action",{class:S.remove,icon:M.remove,onClick:this.removeClickHandler,slot:V.actionsEnd,text:this.messages.remove}):null}renderActionsStart(){const{el:t}=this;const e=T(t,V.actionsStart);return e?i("div",{class:{[S.actions]:true,[S.actionsStart]:true}},i("slot",{name:V.actionsStart})):null}renderActionsEnd(){const{el:t,removable:e}=this;const s=T(t,V.actionsEnd);return s||e?i("div",{class:{[S.actions]:true,[S.actionsEnd]:true}},i("slot",{name:V.actionsEnd}),this.renderRemoveAction()):null}render(){const{description:t,label:e}=this;return i(a,null,this.renderIcon(),this.renderActionsStart(),i("label",{"aria-label":e,class:S.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,tabIndex:0,ref:t=>this.focusEl=t},i("div",{"aria-checked":U(this.selected),class:S.textContainer,role:"menuitemcheckbox"},i("span",{class:S.title},e),t?i("span",{class:S.description},t):null)),this.renderActionsEnd())}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{description:["descriptionWatchHandler"],label:["labelWatchHandler"],defaultMessages:["onMessagesChange"],messageOverrides:["onMessagesChange"],metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],value:["valueWatchHandler"],effectiveLocale:["effectiveLocaleChange"]}}};tt.style=$;export{X as calcite_pick_list,Z as calcite_pick_list_group,tt as calcite_pick_list_item};
+//# sourceMappingURL=p-b4e34aa8.entry.js.map

package/dist/calcite/p-b6d34f71.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.2.0-next.0
+ */
+import{f as t,h as o}from"./p-dc8f6790.js";import{g as n}from"./p-12a478b3.js";import{S as e}from"./p-941bc8d1.js";import{S as c}from"./p-9479e08b.js";const i=150;const a=2;const s=t=>t.reduce(((t,o)=>t+o),0)/t.length;const r=t=>{const o=t.filter((t=>t.slot!==e.menuActions));const n=o?.length;return{actionWidth:n?s(o.map((t=>t.clientWidth||0))):0,actionHeight:n?s(o.map((t=>t.clientHeight||0))):0}};const l=({width:t,actionWidth:o,layout:n,height:e,actionHeight:c,groupCount:i})=>{const s=n==="horizontal"?t:e;const r=n==="horizontal"?o:c;return Math.floor((s-i*a)/r)};const h=({layout:t,actionCount:o,actionWidth:n,width:e,actionHeight:c,height:i,groupCount:a})=>Math.max(o-l({width:e,actionWidth:n,layout:t,height:i,actionHeight:c,groupCount:a}),0);const u=t=>Array.from(t.querySelectorAll("calcite-action")).filter((t=>t.closest("calcite-action-menu")?t.slot===c.trigger:true));const p=({actionGroups:o,expanded:n,overflowCount:c})=>{let i=c;o.reverse().forEach((o=>{let c=0;const a=u(o).reverse();a.forEach((t=>{if(t.slot===e.menuActions){t.removeAttribute("slot");t.textEnabled=n}}));if(i>0){a.some((t=>{const o=a.filter((t=>!t.slot));if(o.length>1&&a.length>2&&!t.closest("calcite-action-menu")){t.textEnabled=true;t.setAttribute("slot",e.menuActions);c++;if(c>1){i--}}return i<1}))}t(o)}))};const f={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function d(t,o){return t||o.closest("calcite-shell-panel")?.position||"start"}function g({el:t,expanded:o}){u(t).filter((t=>t.slot!==e.menuActions)).forEach((t=>t.textEnabled=o));t.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((t=>t.expanded=o))}const m=({tooltip:t,referenceElement:o,expanded:n,ref:e})=>{if(t){t.referenceElement=!n&&o?o:null}if(e){e(o)}return o};const x=({expanded:t,expandText:e,collapseText:c,toggle:i,el:a,position:s,tooltip:r,ref:l,scale:h})=>{const u=n(a)==="rtl";const p=t?c:e;const g=[f.chevronsLeft,f.chevronsRight];if(u){g.reverse()}const x=d(s,a)==="end";const C=x?g[1]:g[0];const b=x?g[0]:g[1];const v=o("calcite-action",{icon:t?C:b,onClick:i,scale:h,text:p,textEnabled:t,title:!t&&!r?p:null,ref:o=>m({tooltip:r,referenceElement:o,expanded:t,ref:l})});return v};export{x as E,p as a,h as b,r as g,i as o,u as q,g as t};
+//# sourceMappingURL=p-b6d34f71.js.map

package/dist/calcite/p-bab2d75e.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.2.0-next.0
+ */
+import{r as t,c as e,h as s,F as i,g as a}from"./p-dc8f6790.js";import{s as n,a as o,c as r}from"./p-c4036842.js";import{n as l,c,d as h}from"./p-456bf4d5.js";import{u as d,c as m,s as p,d as u}from"./p-a825c716.js";import{c as g}from"./p-ce27299c.js";import{g as f}from"./p-d7695581.js";import"./p-12a478b3.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-f9cac1ec.js";const v={page:"page",selected:"selected",chevron:"chevron",disabled:"disabled",ellipsis:"ellipsis"};const b={next:"chevron-right",previous:"chevron-left",first:"chevron-start",last:"chevron-end"};const x={min:"0",max:"320px"};const k={min:"321px",max:"476px"};const y={min:"477px",max:"768px"};const z={min:"769px",max:"1152px"};const I={min:"1153px",max:"1440px"};const C={width:{large:S(I.max),medium:S(z.max),small:S(y.max),xsmall:S(k.max),xxsmall:S(x.max)}};function S(t){return parseInt(t)}const w=":host{display:flex;writing-mode:horizontal-tb}:host([scale=s]) .chevron,:host([scale=s]) .page,:host([scale=s]) .ellipsis{block-size:1.5rem;padding-inline:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;min-inline-size:1.5rem}:host([scale=m]) .chevron,:host([scale=m]) .page,:host([scale=m]) .ellipsis{block-size:2rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;min-inline-size:2rem}:host([scale=l]) .chevron,:host([scale=l]) .page,:host([scale=l]) .ellipsis{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-inline-size:2.75rem}:host([scale=l]) .chevron{padding-inline:0.625rem}:host([scale=l]) .page,:host([scale=l]) .ellipsis{padding-inline:0.75rem}:host button{outline-color:transparent}:host button:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.chevron,.page,.ellipsis{margin:0px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-style:none;--tw-border-opacity:0;background-color:transparent;padding:0px;vertical-align:baseline;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-3)}.chevron,.page{cursor:pointer;border-block:2px solid transparent}.chevron:hover,.page:hover{color:var(--calcite-color-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.page:hover{border-block-end-color:var(--calcite-color-border-2)}.page.selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-end-color:var(--calcite-color-brand)}.chevron:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-brand)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron.disabled{pointer-events:none;background-color:transparent}.chevron.disabled>calcite-icon{opacity:var(--calcite-opacity-disabled)}:host([hidden]){display:none}[hidden]{display:none}";const L=2;const j=2;const P={large:11,medium:9,small:7,xsmall:5,xxsmall:1};const X=class{constructor(s){t(this,s);this.calcitePaginationChange=e(this,"calcitePaginationChange",6);this.resizeObserver=g("resize",(t=>t.forEach(this.resizeHandler)));this.resizeHandler=({contentRect:{width:t}})=>this.setMaxItemsToBreakpoint(t);this.firstClicked=()=>{this.startItem=1;this.emitUpdate()};this.lastClicked=()=>{this.startItem=this.lastStartItem;this.emitUpdate()};this.previousClicked=async()=>{await this.previousPage();this.emitUpdate()};this.nextClicked=async()=>{await this.nextPage();this.emitUpdate()};this.handlePageClick=t=>{const e=t.target;this.startItem=parseInt(e.value,10);this.emitUpdate()};this.groupSeparator=false;this.messages=undefined;this.messageOverrides=undefined;this.numberingSystem=undefined;this.pageSize=20;this.scale="m";this.startItem=1;this.totalItems=0;this.defaultMessages=undefined;this.effectiveLocale="";this.maxItems=P.xxsmall;this.totalPages=undefined;this.lastStartItem=undefined;this.isXXSmall=undefined}onMessagesChange(){}handleTotalPages(){if(this.pageSize<1){this.pageSize=1}this.totalPages=this.totalItems/this.pageSize}effectiveLocaleChange(){d(this,this.effectiveLocale)}effectiveLocaleWatcher(){l.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator}}handleLastStartItemChange(){const{totalItems:t,pageSize:e,totalPages:s}=this;this.lastStartItem=(t%e===0?t-e:Math.floor(s)*e)+1}handleIsXXSmall(){this.isXXSmall=this.maxItems===P.xxsmall}connectedCallback(){c(this);m(this);this.resizeObserver?.observe(this.el)}async componentWillLoad(){await p(this);n(this);this.handleTotalPages();this.handleLastStartItemChange();this.handleIsXXSmall()}componentDidLoad(){o(this);this.setMaxItemsToBreakpoint(this.el.clientWidth)}disconnectedCallback(){h(this);u(this);this.resizeObserver?.disconnect()}async setFocus(){await r(this);this.el.focus()}async nextPage(){this.startItem=Math.min(this.lastStartItem,this.startItem+this.pageSize)}async previousPage(){this.startItem=Math.max(1,this.startItem-this.pageSize)}setMaxItemsToBreakpoint(t){if(!C||!t){return}if(t>=C.width.medium){this.maxItems=P.large;return}if(t>=C.width.small){this.maxItems=P.medium;return}if(t>=C.width.xsmall){this.maxItems=P.small;return}if(t>=C.width.xxsmall){this.maxItems=P.xsmall;return}this.maxItems=P.xxsmall}showStartEllipsis(){return this.totalPages>this.maxItems&&Math.floor(this.startItem/this.pageSize)>this.maxItems-L-j}showEndEllipsis(){return this.totalPages>this.maxItems&&(this.totalItems-this.startItem)/this.pageSize>this.maxItems-L-(j-1)}emitUpdate(){this.calcitePaginationChange.emit()}renderEllipsis(t){return s("span",{class:v.ellipsis,"data-test-ellipsis":t,key:t},"…")}renderItems(){const{totalItems:t,pageSize:e,startItem:s,maxItems:i,totalPages:a,lastStartItem:n,isXXSmall:o}=this;const r=[];if(o){r.push(this.renderPage(s));return r}const l=t>e;const c=this.showStartEllipsis();const h=this.showEndEllipsis();if(l){r.push(this.renderPage(1))}if(c){r.push(this.renderEllipsis("start"))}const d=i-L-(h?1:0)-(c?1:0);let m;let p;if(a-1<=d){p=1+e;m=n-e}else{if(s/e<d){p=1+e;m=1+d*e}else{if(s+d*e>=t){p=n-d*e;m=n-e}else{p=s-e*((d-1)/2);m=s+e*((d-1)/2)}}}for(let t=0;t<d&&p<=m;t++){r.push(this.renderPage(p));p=p+e}if(h){r.push(this.renderEllipsis("end"))}r.push(this.renderPage(n));return r}renderPage(t){const{pageSize:e}=this;const i=Math.floor(t/e)+(e===1?0:1);l.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const a=l.localize(i.toString());const n=t===this.startItem;return s("button",{"aria-current":n?"page":"false",class:{[v.page]:true,[v.selected]:n},onClick:this.handlePageClick,value:t},a)}renderPreviousChevron(){const{pageSize:t,startItem:e,messages:i}=this;const a=t===1?e<=t:e<t;return s("button",{"aria-label":i.previous,class:{[v.chevron]:true,[v.disabled]:a},"data-test-chevron":"previous",disabled:a,key:"previous",onClick:this.previousClicked},s("calcite-icon",{flipRtl:true,icon:b.previous,scale:f(this.scale)}))}renderNextChevron(){const{totalItems:t,pageSize:e,startItem:i,messages:a}=this;const n=e===1?i+e>t:i+e>t;return s("button",{"aria-label":a.next,class:{[v.chevron]:true,[v.disabled]:n},"data-test-chevron":"next",disabled:n,key:"next-button",onClick:this.nextClicked},s("calcite-icon",{flipRtl:true,icon:b.next,scale:f(this.scale)}))}renderFirstChevron(){const{messages:t,startItem:e,isXXSmall:i}=this;const a=e===1;return i?s("button",{"aria-label":t.first,class:{[v.chevron]:true,[v.disabled]:a},disabled:a,key:"first-button",onClick:this.firstClicked},s("calcite-icon",{flipRtl:true,icon:b.first,scale:f(this.scale)})):null}renderLastChevron(){const{messages:t,startItem:e,isXXSmall:i,lastStartItem:a}=this;const n=e===a;return i?s("button",{"aria-label":t.last,class:{[v.chevron]:true,[v.disabled]:n},disabled:n,key:"last-button",onClick:this.lastClicked},s("calcite-icon",{flipRtl:true,icon:b.last,scale:f(this.scale)})):null}render(){return s(i,null,this.renderFirstChevron(),this.renderPreviousChevron(),this.renderItems(),this.renderNextChevron(),this.renderLastChevron())}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],totalItems:["handleTotalPages","handleLastStartItemChange"],pageSize:["handleTotalPages","handleLastStartItemChange"],effectiveLocale:["effectiveLocaleChange","effectiveLocaleWatcher"],totalPages:["handleLastStartItemChange"],maxItems:["handleIsXXSmall"]}}};X.style=w;export{X as calcite_pagination};
+//# sourceMappingURL=p-bab2d75e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","page","selected","chevron","disabled","ellipsis","ICONS","next","previous","first","last","calciteContainerSizeWidthXxs","min","max","calciteContainerSizeWidthXs","calciteContainerSizeWidthSm","calciteContainerSizeWidthMd","calciteContainerSizeWidthLg","breakpoints","width","large","cssLengthToNumber","medium","small","xsmall","xxsmall","length","parseInt","paginationCss","firstAndLastPageCount","ellipsisCount","maxItemBreakpoints","Pagination","this","resizeObserver","createObserver","entries","forEach","resizeHandler","contentRect","setMaxItemsToBreakpoint","firstClicked","startItem","emitUpdate","lastClicked","lastStartItem","previousClicked","async","previousPage","nextClicked","nextPage","handlePageClick","event","target","value","onMessagesChange","handleTotalPages","pageSize","totalPages","totalItems","effectiveLocaleChange","updateMessages","effectiveLocale","effectiveLocaleWatcher","numberStringFormatter","numberFormatOptions","locale","numberingSystem","useGrouping","groupSeparator","handleLastStartItemChange","Math","floor","handleIsXXSmall","isXXSmall","maxItems","connectedCallback","connectLocalized","connectMessages","observe","el","componentWillLoad","setUpMessages","setUpLoadableComponent","componentDidLoad","setComponentLoaded","clientWidth","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnect","setFocus","componentFocusable","focus","showStartEllipsis","showEndEllipsis","calcitePaginationChange","emit","renderEllipsis","type","h","class","key","renderItems","items","push","renderPage","renderFirstPage","renderStartEllipsis","renderEndEllipsis","remainingItems","end","nextStart","i","start","displayedPage","localize","toString","onClick","renderPreviousChevron","messages","flipRtl","icon","scale","getIconScale","renderNextChevron","renderFirstChevron","renderLastChevron","render","Fragment"],"sources":["src/components/pagination/resources.ts","../calcite-design-tokens/dist/es6/global.js","src/utils/responsive.ts","src/components/pagination/pagination.scss?tag=calcite-pagination&encapsulation=shadow","src/components/pagination/pagination.tsx"],"sourcesContent":["export const CSS = {\n  page: \"page\",\n  selected: \"selected\",\n  chevron: \"chevron\",\n  disabled: \"disabled\",\n  ellipsis: \"ellipsis\",\n};\n\nexport const ICONS = {\n  next: \"chevron-right\",\n  previous: \"chevron-left\",\n  first: \"chevron-start\",\n  last: \"chevron-end\",\n};\n","/**\n * Do not edit directly\n * Generated on Tue, 19 Dec 2023 17:47:34 GMT\n */\n\nexport const calciteBorderWidthNone = \"0\";\nexport const calciteBorderWidthSm = \"1px\";\nexport const calciteBorderWidthMd = \"2px\";\nexport const calciteBorderWidthLg = \"4px\";\nexport const calciteColorBackground = {\"light\":\"#f8f8f8\",\"dark\":\"#353535\"};\nexport const calciteColorBackgroundNone = \"rgba(255, 255, 255, 0)\";\nexport const calciteColorForeground1 = {\"light\":\"#ffffff\",\"dark\":\"#2b2b2b\"};\nexport const calciteColorForeground2 = {\"light\":\"#f3f3f3\",\"dark\":\"#202020\"};\nexport const calciteColorForeground3 = {\"light\":\"#eaeaea\",\"dark\":\"#151515\"};\nexport const calciteColorForegroundCurrent = {\"light\":\"#c7eaff\",\"dark\":\"#214155\"};\nexport const calciteColorTransparent = {\"light\":\"rgba(0, 0, 0, 0)\",\"dark\":\"rgba(255, 255, 255, 0)\"};\nexport const calciteColorTransparentHover = {\"light\":\"rgba(0, 0, 0, 0.04)\",\"dark\":\"rgba(255, 255, 255, 0.04)\"};\nexport const calciteColorTransparentPress = {\"light\":\"rgba(0, 0, 0, 0.08)\",\"dark\":\"rgba(255, 255, 255, 0.08)\"};\nexport const calciteColorTransparentScrim = {\"light\":\"rgba(255, 255, 255, 0.85)\",\"dark\":\"rgba(0, 0, 0, 0.85)\"};\nexport const calciteColorTransparentTint = {\"light\":\"rgba(255, 255, 255, 0.8)\",\"dark\":\"rgba(43, 43, 43, 0.8)\"};\nexport const calciteColorBrand = {\"light\":\"#007ac2\",\"dark\":\"#009af2\"};\nexport const calciteColorBrandHover = {\"light\":\"#00619b\",\"dark\":\"#007ac2\"};\nexport const calciteColorBrandPress = {\"light\":\"#004874\",\"dark\":\"#00619b\"};\nexport const calciteColorBrandUnderline = {\"light\":\"rgba(0, 97, 155, 0.4)\",\"dark\":\"rgba(0, 160, 255, 0.4)\"};\nexport const calciteColorStatusInfo = {\"light\":\"#00619b\",\"dark\":\"#00a0ff\"};\nexport const calciteColorStatusInfoHover = {\"light\":\"#004874\",\"dark\":\"#3db8ff\"};\nexport const calciteColorStatusInfoPress = {\"light\":\"#00304d\",\"dark\":\"#009af2\"};\nexport const calciteColorStatusSuccess = {\"light\":\"#35ac46\",\"dark\":\"#36da43\"};\nexport const calciteColorStatusSuccessHover = {\"light\":\"#288835\",\"dark\":\"#3bed52\"};\nexport const calciteColorStatusSuccessPress = {\"light\":\"#1a6324\",\"dark\":\"#00b81b\"};\nexport const calciteColorStatusWarning = {\"light\":\"#edd317\",\"dark\":\"#ffc900\"};\nexport const calciteColorStatusWarningHover = {\"light\":\"#d9bc00\",\"dark\":\"#ffee33\"};\nexport const calciteColorStatusWarningPress = {\"light\":\"#bfa200\",\"dark\":\"#f5d000\"};\nexport const calciteColorStatusDanger = {\"light\":\"#d83020\",\"dark\":\"#fe583e\"};\nexport const calciteColorStatusDangerHover = {\"light\":\"#a82b1e\",\"dark\":\"#ff0015\"};\nexport const calciteColorStatusDangerPress = {\"light\":\"#7c1d13\",\"dark\":\"#d90012\"};\nexport const calciteColorInverse = {\"light\":\"#353535\",\"dark\":\"#f8f8f8\"};\nexport const calciteColorInverseHover = {\"light\":\"#2b2b2b\",\"dark\":\"#ffffff\"};\nexport const calciteColorInversePress = {\"light\":\"#202020\",\"dark\":\"#f3f3f3\"};\nexport const calciteColorText1 = {\"light\":\"#151515\",\"dark\":\"#ffffff\"};\nexport const calciteColorText2 = {\"light\":\"#4a4a4a\",\"dark\":\"#bfbfbf\"};\nexport const calciteColorText3 = {\"light\":\"#6a6a6a\",\"dark\":\"#9f9f9f\"};\nexport const calciteColorTextInverse = {\"light\":\"#ffffff\",\"dark\":\"#151515\"};\nexport const calciteColorTextLink = {\"light\":\"#00619b\",\"dark\":\"#00a0ff\"};\nexport const calciteColorBorder1 = {\"light\":\"#cacaca\",\"dark\":\"#555555\"};\nexport const calciteColorBorder2 = {\"light\":\"#d4d4d4\",\"dark\":\"#4a4a4a\"};\nexport const calciteColorBorder3 = {\"light\":\"#dfdfdf\",\"dark\":\"#404040\"};\nexport const calciteColorBorderInput = {\"light\":\"#949494\",\"dark\":\"#757575\"};\nexport const calciteColorBorderGhost = {\"light\":\"rgba(0, 0, 0, 0.3)\",\"dark\":\"rgba(117, 117, 117, 0.3)\"};\nexport const calciteColorBorderWhite = {\"light\":\"#ffffff\",\"dark\":\"#f8f8f8\"};\nexport const calciteContainerSizeHeightXxs = {\"min\":\"0\",\"max\":\"154px\"}; // Small handheld devices and mini-windows\nexport const calciteContainerSizeHeightXs = {\"min\":\"155px\",\"max\":\"328px\"}; // Handheld devices\nexport const calciteContainerSizeHeightSm = {\"min\":\"329px\",\"max\":\"504px\"}; // Small tablets\nexport const calciteContainerSizeHeightMd = {\"min\":\"505px\",\"max\":\"678px\"}; // Small laptops\nexport const calciteContainerSizeHeightLg = {\"min\":\"679px\",\"max\":\"854px\"}; // Large laptops and desktop computers\nexport const calciteContainerSizeHeightXl = {\"min\":\"855px\"}; // Projectors and televisions\nexport const calciteContainerSizeWidthXxs = {\"min\":\"0\",\"max\":\"320px\"}; // Small handheld devices and mini-windows\nexport const calciteContainerSizeWidthXs = {\"min\":\"321px\",\"max\":\"476px\"}; // Handheld devices\nexport const calciteContainerSizeWidthSm = {\"min\":\"477px\",\"max\":\"768px\"}; // Small tablets\nexport const calciteContainerSizeWidthMd = {\"min\":\"769px\",\"max\":\"1152px\"}; // Small laptops\nexport const calciteContainerSizeWidthLg = {\"min\":\"1153px\",\"max\":\"1440px\"}; // Large laptops and desktop computers\nexport const calciteContainerSizeWidthXl = {\"min\":\"1441px\"}; // Projectors and televisions\nexport const calciteContainerSizeMargin = \"24px\";\nexport const calciteContainerSizeGutter = \"16px\";\nexport const calciteContainerSizeContentFluid = \"100%\"; // for fluid grid widths\nexport const calciteContainerSizeContentFixed = \"1440px\"; // only for lg breakpoint fixed grid width\nexport const calciteCornerRadius = \"0\";\nexport const calciteCornerRadiusSharp = \"0\";\nexport const calciteCornerRadiusRound = \"4px\";\nexport const calciteCornerRadiusPill = \"100%\";\nexport const calciteFontFamily = [\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"]; // Primary font with fallbacks\nexport const calciteFontFamilyCode = [\"Monaco\",\"Consolas\",\"Andale Mono\",\"Lucida Console\",\"monospace\"]; // Font family for code with fallbacks\nexport const calciteFontWeightLight = \"300\"; // For Avenir Next World (secondary font family)\nexport const calciteFontWeightNormal = \"400\"; // For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\"\nexport const calciteFontWeightRegular = \"400\";\nexport const calciteFontWeightMedium = \"500\";\nexport const calciteFontWeightSemibold = \"600\";\nexport const calciteFontWeightBold = \"700\";\nexport const calciteFontSizeXs = \"10px\";\nexport const calciteFontSizeSm = \"12px\";\nexport const calciteFontSize = \"14px\";\nexport const calciteFontSizeMd = \"16px\";\nexport const calciteFontSizeLg = \"18px\";\nexport const calciteFontSizeXl = \"20px\";\nexport const calciteFontSizeXxl = \"24px\";\nexport const calciteFontStyleEmphasis = \"italic\"; // used in ratings\nexport const calciteFontLineHeightFixedSm = \"12px\";\nexport const calciteFontLineHeightFixedBase = \"16px\";\nexport const calciteFontLineHeightFixedLg = \"20px\";\nexport const calciteFontLineHeightFixedXl = \"24px\";\nexport const calciteFontLineHeightRelative = \"auto\"; // 1\nexport const calciteFontLineHeightRelativeTight = \"1.25\"; // 1.25\nexport const calciteFontLineHeightRelativeSnug = \"1.375\"; // 1.375\nexport const calciteFontLineHeightRelativeNormal = \"1.5\"; // 1.5\nexport const calciteFontLineHeightRelativeRelaxed = \"1.625\"; // 1.625\nexport const calciteFontLineHeightRelativeLoose = \"2\"; // 2\nexport const calciteFontLetterSpacingTight = \"-0.4\";\nexport const calciteFontLetterSpacingNormal = \"0\";\nexport const calciteFontLetterSpacingWide = \"0.4\";\nexport const calciteFontParagraphSpacingNormal = \"4px\";\nexport const calciteFontTextDecorationNone = \"none\";\nexport const calciteFontTextDecorationUnderline = \"underline\";\nexport const calciteFontTextCaseNone = \"none\";\nexport const calciteFontTextCaseUppercase = \"uppercase\";\nexport const calciteFontTextCaseLowercase = \"lowercase\";\nexport const calciteFontTextCaseCapitalize = \"capitalize\";\nexport const calciteOpacityLight = \"0.4\";\nexport const calciteOpacityHalf = \"0.5\";\nexport const calciteOpacityDark = \"0.85\";\nexport const calciteOpacityFull = \"1\";\nexport const calciteOpacityDisabled = \"0.5\";\nexport const calciteShadowNone = {\"x\":\"0\",\"y\":\"0\",\"blur\":\"0\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0)\"};\nexport const calciteShadowSm = [{\"x\":\"0\",\"y\":\"2\",\"blur\":\"8\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.04)\"},{\"x\":\"0\",\"y\":\"4\",\"blur\":\"16\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"}];\nexport const calciteShadowMd = [{\"x\":\"0\",\"y\":\"4\",\"blur\":\"20\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"},{\"x\":\"0\",\"y\":\"12\",\"blur\":\"32\",\"spread\":\"-2\",\"color\":\"rgba(#000000, 0.1)\"}];\nexport const calciteSizePx = \"1px\";\nexport const calciteSizeXxxs = \"2px\";\nexport const calciteSizeXxs = \"4px\";\nexport const calciteSizeXs = \"6px\";\nexport const calciteSizeSm = \"8px\";\nexport const calciteSizeSmPlus = \"10px\";\nexport const calciteSizeMd = \"12px\";\nexport const calciteSizeMdPlus = \"14px\";\nexport const calciteSizeLg = \"16px\";\nexport const calciteSizeXl = \"20px\";\nexport const calciteSizeXxl = \"24px\";\nexport const calciteSizeXxxl = \"32px\";\nexport const calciteSpacingPx = \"1px\";\nexport const calciteSpacingBase = \"2px\";\nexport const calciteSpacingXxs = \"4px\";\nexport const calciteSpacingXs = \"6px\";\nexport const calciteSpacingSm = \"8px\";\nexport const calciteSpacingMd = \"12px\";\nexport const calciteSpacingLg = \"14px\";\nexport const calciteSpacingXl = \"16px\";\nexport const calciteSpacingXxl = \"20px\";\nexport const calciteSpacingXxxl = \"32px\";\nexport const calciteTypography = {\"fontFamily\":[\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyLightMinus3h = {\"fontSize\":\"10px\",\"fontWeight\":\"300\",\"lineHeight\":\"12px\"};\nexport const calciteTypographyLightMinus2h = {\"fontSize\":\"12px\",\"fontWeight\":\"300\"};\nexport const calciteTypographyLightMinus1h = {\"fontWeight\":\"300\"};\nexport const calciteTypographyLight0h = {\"fontSize\":\"16px\",\"fontWeight\":\"300\",\"lineHeight\":\"20px\"};\nexport const calciteTypographyLight1h = {\"fontSize\":\"18px\",\"fontWeight\":\"300\",\"lineHeight\":\"24px\"};\nexport const calciteTypographyRegularMinus3h = {\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyRegularMinus2h = {\"fontSize\":\"12px\"};\nexport const calciteTypographyRegularMinus1h = {\"fontFamily\":[\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyRegular0h = {\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyRegular1h = {\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyMediumMinus3h = {\"fontWeight\":\"500\",\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyMediumMinus2h = {\"fontWeight\":\"500\",\"fontSize\":\"12px\"};\nexport const calciteTypographyMediumMinus1h = {\"fontWeight\":\"500\"};\nexport const calciteTypographyMedium0h = {\"fontWeight\":\"500\",\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyMedium1h = {\"fontWeight\":\"500\",\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyBoldMinus3h = {\"fontWeight\":\"600\",\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyBoldMinus2h = {\"fontWeight\":\"600\",\"fontSize\":\"12px\"};\nexport const calciteTypographyBoldMinus1h = {\"fontWeight\":\"600\"};\nexport const calciteTypographyBold0h = {\"fontWeight\":\"600\",\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyBold1h = {\"fontWeight\":\"600\",\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapLight0 = {\"fontWeight\":\"300\",\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapLight1 = {\"fontWeight\":\"300\",\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapLight2 = {\"fontWeight\":\"300\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapLight3 = {\"fontWeight\":\"300\",\"lineHeight\":\"1.25\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapLightMinus2 = {\"fontWeight\":\"300\",\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapLightMinus1 = {\"fontWeight\":\"300\",\"lineHeight\":\"1.375\"};\nexport const calciteTypographyWrapRegular0 = {\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapRegular1 = {\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapRegular2 = {\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapRegular3 = {\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapRegularMinus2 = {\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapRegularMinus1 = {\"lineHeight\":\"1.375\"};\nexport const calciteTypographyWrapMedium0 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapMedium1 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapMedium2 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapMedium3 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapMediumMinus2 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapMediumMinus1 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\"};\nexport const calciteTypographyWrapBold0 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapBold1 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapBold2 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapBold3 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapBoldMinus2 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapBoldMinus1 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\"};\nexport const calciteTypographyHierarchyDisplay1 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"};\nexport const calciteTypographyHierarchyDisplay2 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"};\nexport const calciteTypographyHierarchyHeading1 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"};\nexport const calciteTypographyHierarchyHeading2 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"};\nexport const calciteTypographyHierarchyHeading3 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"};\nexport const calciteTypographyHierarchyHeading4 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"};\nexport const calciteTypographyHierarchyHeading5 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\"};\nexport const calciteTypographyHierarchyBodySnug = {\"lineHeight\":\"1.375\"};\nexport const calciteTypographyHierarchyBody = {\"fontFamily\":[\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyHierarchyOverline = {\"lineHeight\":\"12px\",\"textCase\":\"uppercase\",\"fontWeight\":\"700\"};\nexport const calciteTypographyHierarchyCaption = {\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"};\nexport const calciteZIndexDeep = \"-999999\";\nexport const calciteZIndex = \"1\";\nexport const calciteZIndexSticky = \"300\";\nexport const calciteZIndexHeader = \"400\";\nexport const calciteZIndexToast = \"500\";\nexport const calciteZIndexDropdown = \"600\";\nexport const calciteZIndexOverlay = \"700\";\nexport const calciteZIndexModal = \"800\";\nexport const calciteZIndexPopup = \"900\";\nexport const calciteZIndexTooltip = \"901\";\n","import {\n  calciteContainerSizeWidthLg,\n  calciteContainerSizeWidthMd,\n  calciteContainerSizeWidthSm,\n  calciteContainerSizeWidthXs,\n  calciteContainerSizeWidthXxs,\n} from \"@esri/calcite-design-tokens/dist/es6/global\";\n\nexport interface Breakpoints {\n  width: {\n    large: number;\n    medium: number;\n    small: number;\n    xsmall: number;\n    xxsmall: number;\n  };\n}\n\n/**\n * A breakpoints lookup object.\n */\nexport const breakpoints: Breakpoints = {\n  width: {\n    large: cssLengthToNumber(calciteContainerSizeWidthLg.max),\n    medium: cssLengthToNumber(calciteContainerSizeWidthMd.max),\n    small: cssLengthToNumber(calciteContainerSizeWidthSm.max),\n    xsmall: cssLengthToNumber(calciteContainerSizeWidthXs.max),\n    xxsmall: cssLengthToNumber(calciteContainerSizeWidthXxs.max),\n  },\n};\n\nfunction cssLengthToNumber(length: string): number {\n  return parseInt(length);\n}\n",":host {\n  @apply flex;\n  writing-mode: horizontal-tb;\n}\n\n:host([scale=\"s\"]) {\n  & .chevron,\n  & .page,\n  & .ellipsis {\n    @apply text-n2h h-6 px-1;\n    min-inline-size: theme(\"width.6\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  & .chevron,\n  & .page,\n  & .ellipsis {\n    @apply text-n1h h-8 px-2;\n    min-inline-size: theme(\"width.8\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  & .chevron,\n  & .page,\n  & .ellipsis {\n    @apply text-0h h-11;\n    min-inline-size: theme(\"width.11\");\n  }\n\n  & .chevron {\n    @apply px-2.5;\n  }\n\n  & .page,\n  & .ellipsis {\n    @apply px-3;\n  }\n}\n\n// focus styles\n:host button {\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\n.chevron,\n.page,\n.ellipsis {\n  @apply p-0\n    m-0\n    text-0h\n    text-color-3\n    font-inherit\n    box-border\n    flex\n    items-center\n    border-none\n    border-opacity-0\n    justify-center\n    align-baseline\n    bg-transparent;\n}\n\n.chevron,\n.page {\n  @apply cursor-pointer;\n  border-block: 2px solid transparent;\n\n  &:hover {\n    @apply text-color-1 transition-default;\n  }\n}\n\n.page {\n  &:hover {\n    @apply border-b-color-2;\n  }\n  &.selected {\n    @apply text-color-1 border-b-color-brand font-medium;\n  }\n}\n\n.chevron {\n  &:hover {\n    @apply bg-foreground-2;\n    color: theme(\"backgroundColor.brand\");\n  }\n  &:active {\n    @apply bg-foreground-3;\n  }\n  &.disabled {\n    @apply pointer-events-none bg-transparent;\n    & > calcite-icon {\n      @apply opacity-disabled;\n    }\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Scale } from \"../interfaces\";\nimport { PaginationMessages } from \"./assets/pagination/t9n\";\nimport { CSS, ICONS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\nimport { breakpoints } from \"../../utils/responsive\";\nimport { getIconScale } from \"../../utils/component\";\n\nexport interface PaginationDetail {\n  start: number;\n  totalItems: number;\n  startItem: number;\n}\n\nconst firstAndLastPageCount = 2;\nconst ellipsisCount = 2;\n\nconst maxItemBreakpoints = {\n  large: 11,\n  medium: 9,\n  small: 7,\n  xsmall: 5,\n  xxsmall: 1,\n};\n\n@Component({\n  tag: \"calcite-pagination\",\n  styleUrl: \"pagination.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class Pagination\n  implements LocalizedComponent, LocalizedComponent, LoadableComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\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: PaginationMessages;\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<PaginationMessages>;\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  /** Specifies the number of items per page. */\n  @Prop({ mutable: true, reflect: true }) pageSize = 20;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the starting item number. */\n  @Prop({ mutable: true, reflect: true }) startItem = 1;\n\n  /** Specifies the total number of items. */\n  @Prop({ reflect: true }) totalItems = 0;\n\n  @Watch(\"totalItems\")\n  @Watch(\"pageSize\")\n  handleTotalPages(): void {\n    if (this.pageSize < 1) {\n      this.pageSize = 1;\n    }\n    this.totalPages = this.totalItems / this.pageSize;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePaginationElement;\n\n  @State() defaultMessages: PaginationMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(): void {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n  }\n\n  @State() maxItems = maxItemBreakpoints.xxsmall;\n\n  @State() totalPages: number;\n\n  @State() lastStartItem: number;\n\n  @Watch(\"totalItems\")\n  @Watch(\"pageSize\")\n  @Watch(\"totalPages\")\n  handleLastStartItemChange(): void {\n    const { totalItems, pageSize, totalPages } = this;\n\n    this.lastStartItem =\n      (totalItems % pageSize === 0 ? totalItems - pageSize : Math.floor(totalPages) * pageSize) + 1;\n  }\n\n  @State() isXXSmall: boolean;\n\n  @Watch(\"maxItems\")\n  handleIsXXSmall(): void {\n    this.isXXSmall = this.maxItems === maxItemBreakpoints.xxsmall;\n  }\n\n  private resizeObserver = createObserver(\"resize\", (entries) =>\n    entries.forEach(this.resizeHandler)\n  );\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when the selected page changes.\n   */\n  @Event({ cancelable: false }) calcitePaginationChange: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    this.resizeObserver?.observe(this.el);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n    this.handleTotalPages();\n    this.handleLastStartItemChange();\n    this.handleIsXXSmall();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.setMaxItemsToBreakpoint(this.el.clientWidth);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  /** Go to the next page of results. */\n  @Method()\n  async nextPage(): Promise<void> {\n    this.startItem = Math.min(this.lastStartItem, this.startItem + this.pageSize);\n  }\n\n  /** Go to the previous page of results. */\n  @Method()\n  async previousPage(): Promise<void> {\n    this.startItem = Math.max(1, this.startItem - this.pageSize);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private setMaxItemsToBreakpoint(width: number): void {\n    if (!breakpoints || !width) {\n      return;\n    }\n\n    if (width >= breakpoints.width.medium) {\n      this.maxItems = maxItemBreakpoints.large;\n      return;\n    }\n\n    if (width >= breakpoints.width.small) {\n      this.maxItems = maxItemBreakpoints.medium;\n      return;\n    }\n\n    if (width >= breakpoints.width.xsmall) {\n      this.maxItems = maxItemBreakpoints.small;\n      return;\n    }\n\n    if (width >= breakpoints.width.xxsmall) {\n      this.maxItems = maxItemBreakpoints.xsmall;\n      return;\n    }\n\n    this.maxItems = maxItemBreakpoints.xxsmall;\n  }\n\n  private resizeHandler = ({ contentRect: { width } }: ResizeObserverEntry): void =>\n    this.setMaxItemsToBreakpoint(width);\n\n  private firstClicked = (): void => {\n    this.startItem = 1;\n    this.emitUpdate();\n  };\n\n  private lastClicked = (): void => {\n    this.startItem = this.lastStartItem;\n    this.emitUpdate();\n  };\n\n  private previousClicked = async (): Promise<void> => {\n    await this.previousPage();\n    this.emitUpdate();\n  };\n\n  private nextClicked = async (): Promise<void> => {\n    await this.nextPage();\n    this.emitUpdate();\n  };\n\n  private showStartEllipsis() {\n    return (\n      this.totalPages > this.maxItems &&\n      Math.floor(this.startItem / this.pageSize) >\n        this.maxItems - firstAndLastPageCount - ellipsisCount\n    );\n  }\n\n  private showEndEllipsis() {\n    return (\n      this.totalPages > this.maxItems &&\n      (this.totalItems - this.startItem) / this.pageSize >\n        this.maxItems - firstAndLastPageCount - (ellipsisCount - 1)\n    );\n  }\n\n  private emitUpdate() {\n    this.calcitePaginationChange.emit();\n  }\n\n  private handlePageClick = (event: Event) => {\n    const target = event.target as HTMLButtonElement;\n    this.startItem = parseInt(target.value, 10);\n    this.emitUpdate();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderEllipsis(type: \"start\" | \"end\"): VNode {\n    return (\n      <span class={CSS.ellipsis} data-test-ellipsis={type} key={type}>\n        &hellip;\n      </span>\n    );\n  }\n\n  renderItems(): VNode[] {\n    const { totalItems, pageSize, startItem, maxItems, totalPages, lastStartItem, isXXSmall } =\n      this;\n\n    const items: VNode[] = [];\n\n    if (isXXSmall) {\n      items.push(this.renderPage(startItem));\n      return items;\n    }\n\n    const renderFirstPage = totalItems > pageSize;\n    const renderStartEllipsis = this.showStartEllipsis();\n    const renderEndEllipsis = this.showEndEllipsis();\n\n    if (renderFirstPage) {\n      items.push(this.renderPage(1));\n    }\n\n    if (renderStartEllipsis) {\n      items.push(this.renderEllipsis(\"start\"));\n    }\n\n    const remainingItems =\n      maxItems -\n      firstAndLastPageCount -\n      (renderEndEllipsis ? 1 : 0) -\n      (renderStartEllipsis ? 1 : 0);\n\n    let end: number;\n    let nextStart: number;\n\n    // if we don't need ellipses render the whole set\n    if (totalPages - 1 <= remainingItems) {\n      nextStart = 1 + pageSize;\n      end = lastStartItem - pageSize;\n    } else {\n      // if we're within max pages of page 1\n      if (startItem / pageSize < remainingItems) {\n        nextStart = 1 + pageSize;\n        end = 1 + remainingItems * pageSize;\n      } else {\n        // if we're within max pages of last page\n        if (startItem + remainingItems * pageSize >= totalItems) {\n          nextStart = lastStartItem - remainingItems * pageSize;\n          end = lastStartItem - pageSize;\n        } else {\n          // if we're within the center pages\n          nextStart = startItem - pageSize * ((remainingItems - 1) / 2);\n          end = startItem + pageSize * ((remainingItems - 1) / 2);\n        }\n      }\n    }\n\n    for (let i = 0; i < remainingItems && nextStart <= end; i++) {\n      items.push(this.renderPage(nextStart));\n      nextStart = nextStart + pageSize;\n    }\n\n    if (renderEndEllipsis) {\n      items.push(this.renderEllipsis(\"end\"));\n    }\n\n    items.push(this.renderPage(lastStartItem));\n\n    return items;\n  }\n\n  renderPage(start: number): VNode {\n    const { pageSize } = this;\n    const page = Math.floor(start / pageSize) + (pageSize === 1 ? 0 : 1);\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n\n    const displayedPage = numberStringFormatter.localize(page.toString());\n    const selected = start === this.startItem;\n\n    return (\n      <button\n        aria-current={selected ? \"page\" : \"false\"}\n        class={{\n          [CSS.page]: true,\n          [CSS.selected]: selected,\n        }}\n        onClick={this.handlePageClick}\n        value={start}\n      >\n        {displayedPage}\n      </button>\n    );\n  }\n\n  renderPreviousChevron(): VNode {\n    const { pageSize, startItem, messages } = this;\n\n    const disabled = pageSize === 1 ? startItem <= pageSize : startItem < pageSize;\n\n    return (\n      <button\n        aria-label={messages.previous}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        data-test-chevron=\"previous\"\n        disabled={disabled}\n        key=\"previous\"\n        onClick={this.previousClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.previous} scale={getIconScale(this.scale)} />\n      </button>\n    );\n  }\n\n  renderNextChevron(): VNode {\n    const { totalItems, pageSize, startItem, messages } = this;\n\n    const disabled =\n      pageSize === 1 ? startItem + pageSize > totalItems : startItem + pageSize > totalItems;\n\n    return (\n      <button\n        aria-label={messages.next}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        data-test-chevron=\"next\"\n        disabled={disabled}\n        key=\"next-button\"\n        onClick={this.nextClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.next} scale={getIconScale(this.scale)} />\n      </button>\n    );\n  }\n\n  renderFirstChevron(): VNode {\n    const { messages, startItem, isXXSmall } = this;\n\n    const disabled = startItem === 1;\n\n    return isXXSmall ? (\n      <button\n        aria-label={messages.first}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        disabled={disabled}\n        key=\"first-button\"\n        onClick={this.firstClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.first} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  renderLastChevron(): VNode {\n    const { messages, startItem, isXXSmall, lastStartItem } = this;\n\n    const disabled = startItem === lastStartItem;\n\n    return isXXSmall ? (\n      <button\n        aria-label={messages.last}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        disabled={disabled}\n        key=\"last-button\"\n        onClick={this.lastClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.last} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        {this.renderFirstChevron()}\n        {this.renderPreviousChevron()}\n        {this.renderItems()}\n        {this.renderNextChevron()}\n        {this.renderLastChevron()}\n      </Fragment>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-bb78d0f7.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.2.0-next.0
+ */
+import{d as _}from"./p-a917e40a.js";import"./p-dc8f6790.js";import"./p-406ee8b3.js";import"./p-12a478b3.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-0db1222f.js";import"./p-448db42f.js";import"./p-f9cac1ec.js";import"./p-975df908.js";import"./p-d7695581.js";import"./p-c4036842.js";import"./p-456bf4d5.js";import"./p-ce27299c.js";import"./p-461cfca7.js";import"./p-296fa714.js";import"./p-a825c716.js";import"./p-a698cb09.js";import"./p-3235386f.js";var m={name:"ja",weekdays:"日曜日_月曜日_火曜日_水曜日_木曜日_金曜日_土曜日".split("_"),weekdaysShort:"日_月_火_水_木_金_土".split("_"),weekdaysMin:"日_月_火_水_木_金_土".split("_"),months:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function _(m){return m+"日"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日 dddd HH:mm",l:"YYYY/MM/DD",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日(ddd) HH:mm"},meridiem:function _(m){return m<12?"午前":"午後"},relativeTime:{future:"%s後",past:"%s前",s:"数秒",m:"1分",mm:"%d分",h:"1時間",hh:"%d時間",d:"1日",dd:"%d日",M:"1ヶ月",MM:"%dヶ月",y:"1年",yy:"%d年"}};_.locale(m,null,true);export default m;
+//# sourceMappingURL=p-bb78d0f7.js.map

package/dist/calcite/p-bb78d0f7.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["locale","name","weekdays","split","weekdaysShort","weekdaysMin","months","monthsShort","ordinal","n","formats","LT","LTS","L","LL","LLL","LLLL","l","ll","lll","llll","meridiem","hour","relativeTime","future","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/ja.js"],"sourcesContent":["// Japanese [ja]\nimport dayjs from '../index';\nvar locale = {\n  name: 'ja',\n  weekdays: '日曜日_月曜日_火曜日_水曜日_木曜日_金曜日_土曜日'.split('_'),\n  weekdaysShort: '日_月_火_水_木_金_土'.split('_'),\n  weekdaysMin: '日_月_火_水_木_金_土'.split('_'),\n  months: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),\n  monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),\n  ordinal: function ordinal(n) {\n    return n + \"\\u65E5\";\n  },\n  formats: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'YYYY/MM/DD',\n    LL: 'YYYY年M月D日',\n    LLL: 'YYYY年M月D日 HH:mm',\n    LLLL: 'YYYY年M月D日 dddd HH:mm',\n    l: 'YYYY/MM/DD',\n    ll: 'YYYY年M月D日',\n    lll: 'YYYY年M月D日 HH:mm',\n    llll: 'YYYY年M月D日(ddd) HH:mm'\n  },\n  meridiem: function meridiem(hour) {\n    return hour < 12 ? '午前' : '午後';\n  },\n  relativeTime: {\n    future: '%s後',\n    past: '%s前',\n    s: '数秒',\n    m: '1分',\n    mm: '%d分',\n    h: '1時間',\n    hh: '%d時間',\n    d: '1日',\n    dd: '%d日',\n    M: '1ヶ月',\n    MM: '%dヶ月',\n    y: '1年',\n    yy: '%d年'\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;odAEG,IAACA,EAAS,CACXC,KAAM,KACNC,SAAU,8BAA8BC,MAAM,KAC9CC,cAAe,gBAAgBD,MAAM,KACrCE,YAAa,gBAAgBF,MAAM,KACnCG,OAAQ,yCAAyCH,MAAM,KACvDI,YAAa,yCAAyCJ,MAAM,KAC5DK,QAAS,SAASA,EAAQC,GACxB,OAAOA,EAAI,GACf,EACEC,QAAS,CACPC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,YACJC,IAAK,kBACLC,KAAM,uBACNC,EAAG,aACHC,GAAI,YACJC,IAAK,kBACLC,KAAM,wBAERC,SAAU,SAASA,EAASC,GAC1B,OAAOA,EAAO,GAAK,KAAO,IAC9B,EACEC,aAAc,CACZC,OAAQ,MACRC,KAAM,MACNC,EAAG,KACHC,EAAG,KACHC,GAAI,MACJC,EAAG,MACHC,GAAI,OACJC,EAAG,KACHC,GAAI,MACJC,EAAG,MACHC,GAAI,OACJC,EAAG,KACHC,GAAI,QAGRC,EAAMrC,OAAOA,EAAQ,KAAM,qB"}