@esri/calcite-components 5.1.0-next.60 → 5.1.0-next.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{KNF3VDEF.js → 24CRUZU7.js} +1 -1
- package/dist/cdn/{6EKA77FA.js → 2C262SX5.js} +1 -1
- package/dist/cdn/{IU5CF77N.js → 2PP6M4EM.js} +1 -1
- package/dist/cdn/{U75VROWX.js → 3G7XYB6W.js} +1 -1
- package/dist/cdn/{EJJQX4ML.js → 3PNK54IV.js} +1 -1
- package/dist/cdn/{NSGUDIUD.js → 3R4ULAV5.js} +1 -1
- package/dist/cdn/{SE3IOYSI.js → 3SYW63DP.js} +1 -1
- package/dist/cdn/{6FN7HUWQ.js → 432F3C6X.js} +1 -1
- package/dist/cdn/{BM5NT2QG.js → 45UXS3RT.js} +1 -1
- package/dist/cdn/{SJYIDE3P.js → 4Y5PAWL2.js} +1 -1
- package/dist/cdn/{KVPCYSF3.js → 52WHW2NV.js} +1 -1
- package/dist/cdn/{PIKQITD7.js → 55MBZL5L.js} +1 -1
- package/dist/cdn/{IYHZBXVJ.js → 562RKTDK.js} +1 -1
- package/dist/cdn/{VT6TY3DQ.js → 5NRNHAOT.js} +1 -1
- package/dist/cdn/{OPPGSVL7.js → 5RBJZDCW.js} +1 -1
- package/dist/cdn/{B5A5VFJH.js → 62ZHSWM4.js} +1 -1
- package/dist/cdn/{QEDFI5NC.js → 6ABE4RHK.js} +1 -1
- package/dist/cdn/{DN3KX247.js → 6ELKBP5R.js} +1 -1
- package/dist/cdn/{YLYJ5GXE.js → 6MT7Z75P.js} +1 -1
- package/dist/cdn/{KBWDP7P5.js → 6PGPW4U3.js} +1 -1
- package/dist/cdn/{KAQIINQ5.js → 6TTZSRPY.js} +1 -1
- package/dist/cdn/{ACPNEYIL.js → 7D5QAR2D.js} +1 -1
- package/dist/cdn/{DLTF566J.js → 7ELQVRBB.js} +1 -1
- package/dist/cdn/{EYD2BXTW.js → 7OTD22EB.js} +1 -1
- package/dist/cdn/{LY62ZB2S.js → 7SSHIFZA.js} +1 -1
- package/dist/cdn/{2JC63UBS.js → 7TYPTEUO.js} +1 -1
- package/dist/cdn/{TGMGVOQH.js → 7W4VZ63Q.js} +1 -1
- package/dist/cdn/{WUYBJO7J.js → A4N2CCY5.js} +1 -1
- package/dist/cdn/{53ELH3LP.js → AEYF7JUY.js} +1 -1
- package/dist/cdn/{4X7777BM.js → ATK6PI6Y.js} +1 -1
- package/dist/cdn/{DYDCVPOI.js → B2TVMTK6.js} +1 -1
- package/dist/cdn/{DJNFR4QI.js → B6C2VUVA.js} +1 -1
- package/dist/cdn/{BXB2IHL5.js → BB4YRNXH.js} +1 -1
- package/dist/cdn/{AXYMVOBP.js → BBCZRAXL.js} +1 -1
- package/dist/cdn/{ENVIXFZU.js → BEKIVNIV.js} +1 -1
- package/dist/cdn/{WWBUXJER.js → BKFGRTKA.js} +1 -1
- package/dist/cdn/{YH26LJXE.js → BPE5SLWI.js} +1 -1
- package/dist/cdn/{RDN36IJS.js → BPW3YZSA.js} +1 -1
- package/dist/cdn/{33NBRPD5.js → BV4Q7DF7.js} +1 -1
- package/dist/cdn/{EGAAH6TG.js → BWGOISO2.js} +1 -1
- package/dist/cdn/{OJFAV7QX.js → CAGGDKGQ.js} +1 -1
- package/dist/cdn/{LUT36ST7.js → CBDAQLDM.js} +1 -1
- package/dist/cdn/{IR5JNEWB.js → CFFB5KBR.js} +1 -1
- package/dist/cdn/{IFEA2KUL.js → CIUGR4AG.js} +1 -1
- package/dist/cdn/{CEDX246E.js → D7CVIMMH.js} +1 -1
- package/dist/cdn/{JG5UHKQX.js → DACPQES6.js} +1 -1
- package/dist/cdn/{G4U3PZ4V.js → DLYP3NIU.js} +1 -1
- package/dist/cdn/{XKU4UAGF.js → DXV44RVX.js} +1 -1
- package/dist/cdn/{GZJW26MB.js → E4766PJX.js} +1 -1
- package/dist/cdn/{S2ICXQXT.js → EDK4CIKN.js} +1 -1
- package/dist/cdn/{ZK2T6DXD.js → EJE24FAS.js} +1 -1
- package/dist/cdn/{6REHHP67.js → FDA2HEEU.js} +1 -1
- package/dist/cdn/{YMO6IP7V.js → FEOT4U4H.js} +1 -1
- package/dist/cdn/{M7SC44EX.js → FEOZCEUL.js} +1 -1
- package/dist/cdn/{7XXNWTI2.js → FPB4I6V3.js} +1 -1
- package/dist/cdn/{QIACXKZX.js → FRA7Q463.js} +1 -1
- package/dist/cdn/{5IEGYEGX.js → FYDP2JUF.js} +1 -1
- package/dist/cdn/{VEM5ZVQY.js → G5EDVDJN.js} +1 -1
- package/dist/cdn/{6N2EIPRN.js → GS4P7CZ6.js} +1 -1
- package/dist/cdn/{SNGWW3DM.js → GWCMQXMH.js} +1 -1
- package/dist/cdn/{HYNLQ4YH.js → GZ532Z3A.js} +1 -1
- package/dist/cdn/{5ICBDVRX.js → H5PDBFBD.js} +1 -1
- package/dist/cdn/{ROENLRQS.js → HDWI7YLK.js} +1 -1
- package/dist/cdn/{AWVSUBJI.js → HHYQ5CSO.js} +1 -1
- package/dist/cdn/{4DTIKF3X.js → HKCWKF2E.js} +1 -1
- package/dist/cdn/{GAAMXPVO.js → I2MVFTTS.js} +1 -1
- package/dist/cdn/{6KAHTFCR.js → I5JGKSOP.js} +1 -1
- package/dist/cdn/{DRJLGXXO.js → IO6EAMXC.js} +1 -1
- package/dist/cdn/{HH2LOAD2.js → IQNGXNMD.js} +1 -1
- package/dist/cdn/{IHLWEKHE.js → J3ZOZ66B.js} +1 -1
- package/dist/cdn/{FE5OXGG4.js → J6NA5WXY.js} +1 -1
- package/dist/cdn/{2PQRUWNS.js → JKUIS3HG.js} +1 -1
- package/dist/cdn/{LQAE2SIH.js → JLNU7XYB.js} +1 -1
- package/dist/cdn/{VWG4LTDM.js → JSV4G3DZ.js} +1 -1
- package/dist/cdn/{CHD3ILKJ.js → JZ6UIN5N.js} +1 -1
- package/dist/cdn/{PZ2LNZ7Q.js → K3VO2DX3.js} +1 -1
- package/dist/cdn/{IZ5V7N6A.js → K6YCV7VU.js} +1 -1
- package/dist/cdn/{5NQFTJZK.js → KFJPR56Q.js} +1 -1
- package/dist/cdn/{UJIEG7DT.js → KIAEJJAU.js} +1 -1
- package/dist/cdn/{3RKYV4EU.js → KLEO54DZ.js} +1 -1
- package/dist/cdn/{Q3D6A7JD.js → KMV4MSCP.js} +1 -1
- package/dist/cdn/{G56X4IMP.js → KO34TYAW.js} +1 -1
- package/dist/cdn/{ZHJNYGAU.js → KPZKEOBT.js} +1 -1
- package/dist/cdn/{CHZZ2RYJ.js → KUQ4U67J.js} +1 -1
- package/dist/cdn/{4C4TYQBB.js → KUTCWUCT.js} +1 -1
- package/dist/cdn/{YSS6A2ND.js → L6D5G4PH.js} +1 -1
- package/dist/cdn/{ABV5DIAC.js → LDHR3HDV.js} +1 -1
- package/dist/cdn/{XVXDBX77.js → LPFVHKB3.js} +1 -1
- package/dist/cdn/{QR33PARD.js → LZ27X6AP.js} +1 -1
- package/dist/cdn/{QY422VCO.js → MCX3YRKM.js} +1 -1
- package/dist/cdn/{L7NZTBLE.js → MTV62SLS.js} +1 -1
- package/dist/cdn/{PSCB2XXW.js → MYAF7KQG.js} +1 -1
- package/dist/cdn/{7QL3YAQN.js → N5WAVHRO.js} +1 -1
- package/dist/cdn/{N4CKEM5T.js → N5X6SX5X.js} +1 -1
- package/dist/cdn/{36V2SAYV.js → N6P5V7JQ.js} +1 -1
- package/dist/cdn/{EQU5P7SN.js → N7ZZAOXK.js} +1 -1
- package/dist/cdn/{ZANCD4RO.js → NDCRHHU5.js} +1 -1
- package/dist/cdn/{NKP6IMXA.js → NDHZMLZD.js} +1 -1
- package/dist/cdn/{KZTXVBNL.js → OAKVIV3V.js} +1 -1
- package/dist/cdn/{KTZXSDRQ.js → OLUFWQ3T.js} +1 -1
- package/dist/cdn/{IJVKNIVS.js → OW22V3CN.js} +1 -1
- package/dist/cdn/{7JEZPJH4.js → P3PFZTXG.js} +1 -1
- package/dist/cdn/{CXYCOZWQ.js → PB7BFHBD.js} +1 -1
- package/dist/cdn/{2W7I2RRR.js → PQM4JOP2.js} +1 -1
- package/dist/cdn/{CE6T3SFL.js → PVSY2FB5.js} +1 -1
- package/dist/cdn/{QTQYMKX6.js → QIAN72XU.js} +1 -1
- package/dist/cdn/{KME5K4QX.js → QM2QUQ6K.js} +1 -1
- package/dist/cdn/{KJBAHESF.js → QOSRAAKR.js} +1 -1
- package/dist/cdn/{77KENABW.js → QUU7OA3L.js} +1 -1
- package/dist/cdn/{ETIRLUPQ.js → RRWPSIBP.js} +1 -1
- package/dist/cdn/{34NMNGJX.js → RXQFAYCF.js} +1 -1
- package/dist/cdn/{PZ32GCPB.js → RY3WILWW.js} +1 -1
- package/dist/cdn/{DXY4C23A.js → S4DCY5II.js} +1 -1
- package/dist/cdn/{G2HH5QEA.js → SA737JVH.js} +1 -1
- package/dist/cdn/{SZS6IBW7.js → SXNSAXIE.js} +1 -1
- package/dist/cdn/{ESARDC6W.js → SYAOC57W.js} +1 -1
- package/dist/cdn/{NOF5PWPK.js → THHEXAON.js} +1 -1
- package/dist/cdn/{6ULZKAI4.js → TKOBLH76.js} +1 -1
- package/dist/cdn/{77N34KNA.js → TLJNCGWA.js} +1 -1
- package/dist/cdn/{MBCDO7AO.js → TOC2QZHZ.js} +1 -1
- package/dist/cdn/{Q77UTH6Y.js → TQ4EMWFH.js} +1 -1
- package/dist/cdn/{MEBYN4KS.js → TQHOYBNL.js} +1 -1
- package/dist/cdn/{XFDDRAT2.js → U6X3AKZ4.js} +1 -1
- package/dist/cdn/{HSZGLDOY.js → UH7ME6US.js} +1 -1
- package/dist/cdn/{QAP4EE6I.js → UL42RNNR.js} +1 -1
- package/dist/cdn/{HBUIHCQ3.js → V27H7YFB.js} +1 -1
- package/dist/cdn/{P62ELMRK.js → V4UFOBN6.js} +1 -1
- package/dist/cdn/V5NGKYQX.js +2 -0
- package/dist/cdn/{WAYYJNXJ.js → VB5PPLXP.js} +1 -1
- package/dist/cdn/{JYLOZBNI.js → VGH4MGHG.js} +1 -1
- package/dist/cdn/{UX7WP7OG.js → VUECDKXP.js} +1 -1
- package/dist/cdn/{DOAP6WCZ.js → VYF67743.js} +1 -1
- package/dist/cdn/{XP2EMBHK.js → W6MK2ZLN.js} +1 -1
- package/dist/cdn/{5GPET3LM.js → WAX52NHM.js} +1 -1
- package/dist/cdn/{UFPOH4DH.js → X3WUTG7G.js} +1 -1
- package/dist/cdn/{MYBWQ74T.js → XALWGFUY.js} +1 -1
- package/dist/cdn/{RLASUYQO.js → XBPB6GCE.js} +1 -1
- package/dist/cdn/{PPIX3XNI.js → XNYL74DD.js} +1 -1
- package/dist/cdn/{BCQGOHCH.js → XWIKKEHN.js} +1 -1
- package/dist/cdn/{5TGQPSUE.js → YHFKLTMV.js} +1 -1
- package/dist/cdn/{ADSGKQWL.js → YKK5VHKP.js} +1 -1
- package/dist/cdn/{WFBKZENT.js → YZQARQHE.js} +1 -1
- package/dist/cdn/{DDV63NHR.js → Z3KSPCNP.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +4 -4
- package/dist/components/calcite-list/customElement.js +1 -0
- package/dist/components/calcite-tabs/customElement.js +1 -0
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +4 -4
- package/dist/cdn/M3HCHRLK.js +0 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@esri/calcite-components",
|
|
3
|
-
"version": "5.1.0-next.
|
|
3
|
+
"version": "5.1.0-next.61",
|
|
4
4
|
"description": "Web Components for Esri's Calcite Design System.",
|
|
5
5
|
"homepage": "https://developers.arcgis.com/calcite-design-system/",
|
|
6
6
|
"repository": {
|
|
@@ -90,8 +90,8 @@
|
|
|
90
90
|
},
|
|
91
91
|
"devDependencies": {
|
|
92
92
|
"@arcgis/lumina-compiler": ">=5.1.0-next.96 <6.0.0",
|
|
93
|
-
"@esri/calcite-design-tokens": "4.1.0-next.
|
|
94
|
-
"@esri/calcite-tailwind-preset": "1.1.1-next.
|
|
93
|
+
"@esri/calcite-design-tokens": "4.1.0-next.11",
|
|
94
|
+
"@esri/calcite-tailwind-preset": "1.1.1-next.15",
|
|
95
95
|
"@esri/eslint-plugin-calcite-components": "2.0.4-next.17",
|
|
96
96
|
"@esri/stylelint-plugin-calcite-components": "0.1.0-next.0",
|
|
97
97
|
"playwright": "1.59.1",
|
|
@@ -106,5 +106,5 @@
|
|
|
106
106
|
"dist/docs/vscode.html-custom-data.json"
|
|
107
107
|
],
|
|
108
108
|
"web-types": "dist/docs/web-types.json",
|
|
109
|
-
"gitHead": "
|
|
109
|
+
"gitHead": "2c3190556cb951bd9d52ca0baf745179919cde58"
|
|
110
110
|
}
|
package/dist/cdn/M3HCHRLK.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{b as $}from"./IYGANVDT.js";import{a as C,b as L,c as m,d as A,f as _,h as b}from"./4BBND7CA.js";import{j as D}from"./OJFAV7QX.js";import{a as K}from"./B5A5VFJH.js";import{a as B}from"./MEBYN4KS.js";import{a as v}from"./DDV63NHR.js";import{a as W}from"./JG5UHKQX.js";import{a as q}from"./AP2LDRUV.js";import"./YGX7CUXN.js";import{a as y}from"./ENDXE7YY.js";import{a as z}from"./SE3IOYSI.js";import{a as G}from"./DOAP6WCZ.js";import"./WGGFNK4Z.js";import"./5GPET3LM.js";import"./QTQYMKX6.js";import{f as N,q as w,t as E}from"./NKP6IMXA.js";import{a as U}from"./OAOQ5BXS.js";import{F as I,G as R,H as h,I as k,N as H,S as T,g as M,h as d,p}from"./ESARDC6W.js";var f={container:"container",table:"table",scrim:"scrim",stack:"stack",tableContainer:"table-container",sticky:"sticky-pos",assistiveText:"assistive-text",containerHeight:"container-height"},S={emptyContent:"empty-content",filterNoResults:"filter-no-results",filterActionsStart:"filter-actions-start",filterActionsEnd:"filter-actions-end"},j=M`: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([scale=s]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xs)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container-height{block-size:100%}.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%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:calc(var(--calcite-z-index-sticky) + 1);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.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}::slotted(:is(calcite-action[slot=filter-actions-start],calcite-action[slot=filter-actions-end])){gap:var(--calcite-internal-list-action-spacing);align-self:center}::slotted(calcite-action[slot=filter-actions-start]){margin-inline-start:var(--calcite-internal-list-action-spacing)}::slotted(calcite-action[slot=filter-actions-end]){margin-inline-end:var(--calcite-internal-list-action-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,J=`${L}, ${m}`,P=class extends R{constructor(){super(),this.dragSelector=m,this.focusableItems=[],this.handleSelector="calcite-sort-handle",this.listItems=[],this.listItemGroups=[],this.mutationObserver=y("mutation",()=>{this.willPerformFilter=!0,this.updateListItemsDebounced()}),this.cancelable=W()(this),this.sortable=K()(this),this.updateListItemsDebounced=q(this.updateListItems,H.nextTick),this.visibleItems=[],this.willFilterEmit=!1,this.willPerformFilter=!1,this.messages=z({blocking:!0}),this.focusSetter=G()(this),this.interactiveContainer=B(this),this.filterRowResizeObserver=y("resize",()=>this.updateFilterRowHeight()),this.setFilterContainerEl=t=>{this.filterContainerEl=t,this.observeFilterRow()},this.dataForFilter=[],this.hasFilterActionsEnd=!1,this.hasFilterActionsStart=!1,this.hasFilterNoResults=!1,this.sortHandleMenuItems=[],this.hasContent=!1,this.hasEmptyContent=!1,this.filterRowHeight=0,this.disabled=!1,this.dragEnabled=!1,this.filterEnabled=!1,this.filterText="",this.filteredData=[],this.filteredItems=[],this.interactionMode="interactive",this.loading=!1,this.displayMode="flat",this.scale="m",this.selectedItems=[],this.selectionAppearance="icon",this.selectionMode="none",this.sortDisabled=!1,this.calciteInternalListDefaultSlotChange=p({cancelable:!1}),this.calciteListChange=p({cancelable:!1}),this.calciteListDragEnd=p({cancelable:!1}),this.calciteListDragStart=p({cancelable:!1}),this.calciteListFilter=p({cancelable:!1}),this.calciteListMoveHalt=p({cancelable:!1}),this.calciteListOrderChange=p({cancelable:!1}),this.listen("calciteInternalListItemToggle",this.handleCalciteListItemToggle),this.listen("calciteInternalFocusPreviousItem",this.handleCalciteInternalFocusPreviousItem),this.listen("calciteInternalListItemActive",this.handleCalciteInternalListItemActive),this.listen("calciteListItemSelect",this.handleCalciteListItemSelect),this.listen("calciteInternalAssistiveTextChange",this.handleCalciteInternalAssistiveTextChange),this.listen("calciteListItemSortHandleBeforeOpen",this.updateListItemsDebounced),this.listen("calciteSortHandleReorder",this.handleSortReorder),this.listen("calciteSortHandleMove",this.handleSortMove),this.listen("calciteSortHandleAdd",this.handleSortAdd),this.listen("calciteInternalListItemSelect",this.handleCalciteInternalListItemSelect),this.listen("calciteInternalListItemSelectMultiple",this.handleCalciteInternalListItemSelectMultiple),this.listen("calciteInternalListItemChange",this.handleCalciteInternalListItemChange),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListItemGroupDefaultSlotChange),this.listen("calciteInternalListItemGroupChange",this.handleCalciteInternalListItemChange)}static{this.properties={assistiveText:[16,{},{state:!0}],dataForFilter:[16,{},{state:!0}],hasFilterActionsEnd:[16,{},{state:!0}],hasFilterActionsStart:[16,{},{state:!0}],hasFilterNoResults:[16,{},{state:!0}],sortHandleMenuItems:[16,{},{state:!0}],hasContent:[16,{},{state:!0}],hasEmptyContent:[16,{},{state:!0}],filterRowHeight:[16,{},{state:!0}],canPull:[0,{},{attribute:!1}],canPut:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],dragEnabled:[7,{},{reflect:!0,type:Boolean}],filterEnabled:[7,{},{reflect:!0,type:Boolean}],filterPredicate:[0,{},{attribute:!1}],filterLabel:[3,{},{reflect:!0}],filterPlaceholder:[3,{},{reflect:!0}],filterProps:[0,{},{attribute:!1}],filterText:[3,{},{reflect:!0}],filteredData:[0,{},{attribute:!1}],filteredItems:[0,{},{attribute:!1}],group:[3,{},{reflect:!0}],interactionMode:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],numberingSystem:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],sortDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=j}get hasActiveFilter(){return this.filterEnabled&&this.filterText&&this.filteredItems.length!==this.visibleItems.length}get showEmptyContentContainer(){return!this.hasContent&&this.hasEmptyContent}get showNoResultsContainer(){return this.filterEnabled&&this.filterText&&this.hasFilterNoResults&&this.visibleItems.length&&!this.filteredItems.length}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(t=>t!=="el"):["description","label","metadata","heading"]}emitOrderChangeEvent(t){this.calciteListOrderChange.emit(t)}async setFocus(t){return this.focusSetter(()=>this.filterEnabled?this.filterEl:this.focusableItems.find(e=>e.active),t)}connectedCallback(){super.connectedCallback(),this.connectObserver(),this.willPerformFilter=!0,this.updateListItemsDebounced(),this.setUpSorting(),this.setParentList(),this.setListItemGroups(),this.cancelable.add(this.updateListItemsDebounced)}async load(){this.handleInteractionModeWarning()}willUpdate(t){(t.has("filterText")||t.has("filterProps")||t.has("filterPredicate"))&&this.performFilter(),(t.has("filterEnabled")&&(this.hasUpdated||this.filterEnabled!==!1)||t.has("group")||t.has("sortDisabled")&&(this.hasUpdated||this.sortDisabled!==!1)||t.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||t.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||t.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="icon")||t.has("displayMode")&&this.hasUpdated||t.has("scale")&&this.hasUpdated||t.has("canPull")&&this.hasUpdated||t.has("canPut")&&this.hasUpdated||t.has("filterPredicate")&&this.hasUpdated)&&this.handleListItemChange()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObserver(),this.unobserveFilterRow()}updateListItems(){this.updateGroupItems();let{selectionAppearance:t,selectionMode:e,interactionMode:i,dragEnabled:a,el:s,filterEl:n,displayMode:l,scale:r,sortDisabled:c,sortHandleMenuItems:u}=this,g=Array.from(this.el.querySelectorAll(m)),x=s,O=Array.from(x.children).filter(b);if(g.forEach(o=>{o.closest(C)===s&&(o.scale=r,o.selectionAppearance=t,o.selectionMode=e,o.interactionMode=i,o.moveToItems=u.filter(F=>this.validateSortMenuItem({type:"move",fromEl:x,toEl:F.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.addToItems=this.sortHandleMenuItems.filter(F=>this.validateSortMenuItem({type:"add",fromEl:x,toEl:F.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.dragHandle=a,o.displayMode=l,o.sortDisabled=c)}),this.parentListEl){this.setUpSorting();return}this.listItems=g,this.filterEnabled&&this.willPerformFilter&&(this.willPerformFilter=!1,this.dataForFilter=this.getItemData(),n&&(n.items=this.dataForFilter,this.filterAndUpdateData())),this.visibleItems=this.listItems.filter(o=>!o.closed&&!o.hidden),this.updateFilteredItems(),this.borderItems(),this.focusableItems=this.filteredItems.filter(o=>!o.disabled),this.setActiveListItem(),this.updateSelectedItems(),this.setUpSorting()}unobserveFilterRow(){this.filterRowResizeObserver?.disconnect()}observeFilterRow(){this.unobserveFilterRow();let t=this.filterContainerEl;t&&this.filterRowResizeObserver?.observe(t)}updateFilterRowHeight(){this.filterRowHeight=this.filterContainerEl?.clientHeight??0}handleListItemChange(){this.willPerformFilter=!0,this.updateListItemsDebounced()}handleCalciteListItemToggle(t){this.parentListEl||(t.stopPropagation(),this.borderItems())}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl)return;t.stopPropagation();let{focusableItems:e}=this,a=e.findIndex(s=>s.active)-1;e[a]&&this.focusRow(e[a])}handleCalciteInternalListItemActive(t){if(this.parentListEl)return;t.stopPropagation();let e=t.target,{listItems:i}=this;i.forEach(a=>{a.active=a===e})}handleCalciteListItemSelect(){this.parentListEl||this.updateSelectedItems(!0)}handleCalciteInternalAssistiveTextChange(t){this.assistiveText=t.detail.message,t.stopPropagation()}handleSortReorder(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleReorder(t))}handleSortAdd(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleAdd(t))}handleSortMove(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleMove(t))}handleCalciteInternalListItemSelect(t){if(this.parentListEl)return;t.stopPropagation();let e=t.target,{listItems:i,selectionMode:a}=this;e.selected&&(a==="single"||a==="single-persist")&&i.forEach(s=>s.selected=s===e),this.updateSelectedItems()}handleCalciteInternalListItemSelectMultiple(t){if(this.parentListEl)return;t.stopPropagation();let{target:e,detail:i}=t,{focusableItems:a,lastSelectedInfo:s}=this,n=e;if(i.selectMultiple&&s){let l=a.indexOf(n),r=a.indexOf(s.selectedItem),c=Math.min(r,l),u=Math.max(r,l);a.slice(c,u+1).forEach(g=>g.selected=s.selected)}else this.lastSelectedInfo={selectedItem:n,selected:n.selected}}handleCalciteInternalListItemChange(t){this.parentListEl||(t.stopPropagation(),this.handleListItemChange())}handleCalciteInternalListItemGroupDefaultSlotChange(t){this.parentListEl||(t.stopPropagation(),this.handleListItemChange())}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){let{dragEnabled:t,defaultSlotEl:e}=this;t&&e&&_(e),this.sortable.reset()}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(t){this.calciteListDragEnd.emit(t)}onDragStart(t){t.dragEl.sortHandleOpen=!1,this.calciteListDragStart.emit(t)}onDragSort(t){this.setParentList(),this.updateListItemsDebounced(),this.calciteListOrderChange.emit(t)}setParentList(){this.parentListEl=this.el.parentElement?.closest(C)}handleDefaultSlotChange(t){this.parentListEl&&this.calciteInternalListDefaultSlotChange.emit(),this.hasContent=w(t)}handleEmptyContentSlotChange(t){this.hasEmptyContent=w(t)}setListItemGroups(){this.listItemGroups=Array.from(this.el.querySelectorAll(L))}handleFilterActionsStartSlotChange(t){this.hasFilterActionsStart=E(t)}handleFilterActionsEndSlotChange(t){this.hasFilterActionsEnd=E(t)}handleFilterNoResultsSlotChange(t){this.hasFilterNoResults=E(t)}setActiveListItem(){let{focusableItems:t}=this;t.some(e=>e.active)||t[0]&&(t[0].active=!0)}async updateSelectedItems(t=!1){await this.updateComplete,this.selectedItems=this.visibleItems.filter(e=>e.selected),t&&this.calciteListChange.emit()}filterElements({el:t,filteredItems:e,visibleParents:i}){let a=!i.has(t)&&!e.includes(t);t.filterHidden=a;let s=t.parentElement.closest(J);s&&(a||i.add(s),this.filterElements({el:s,filteredItems:e,visibleParents:i}))}allParentListItemsExpanded(t){let e=t.parentElement?.closest(m);if(e){if(!e.expanded)return!1}else return!0;return this.allParentListItemsExpanded(e)}borderItems(){let t=this.visibleItems.filter(e=>!e.filterHidden&&this.allParentListItemsExpanded(e));t.forEach(e=>e.bordered=e!==t[t.length-1])}updateFilteredItems(){let{visibleItems:t,filteredData:e,filterText:i,filterPredicate:a}=this,s=t?.filter(r=>t.every(c=>c===r||!r.contains(c))),n=a?t.filter(a):i?e.map(r=>r.el):t||[],l=new WeakSet;s.forEach(r=>this.filterElements({el:r,filteredItems:n,visibleParents:l})),this.filteredItems=n,this.willFilterEmit&&(this.willFilterEmit=!1,this.calciteListFilter.emit())}updateFilteredData(){let{filterEl:t}=this;t&&(t.filteredItems&&(this.filteredData=t.filteredItems),this.updateListItemsDebounced())}async filterAndUpdateData(){await this.filterEl?.filter(this.filterText),this.updateFilteredData()}performFilter(){let{filterEl:t,filterText:e,effectiveFilterProps:i}=this;t&&(t.value=e,t.filterProps=i,this.filterAndUpdateData())}setDefaultSlotEl(t){this.defaultSlotEl=t}setFilterEl(t){this.filterEl=t,this.performFilter()}handleFilterChange(t){t.stopPropagation();let{value:e}=t.currentTarget;this.filterText=e,this.willFilterEmit=!0,this.updateFilteredData()}getItemData(){return this.listItems.map(t=>({label:t.label,description:t.description,metadata:t.metadata,heading:this.getGroupHeading(t),el:t}))}getGroupHeading(t){return this.listItemGroups.filter(i=>i.contains(t)).map(i=>i.heading)}updateGroupItems(){let{el:t,group:e,scale:i}=this,a=N(t),s=e?Array.from(a.querySelectorAll(`${C}[group="${e}"]`)).filter(l=>!l.disabled&&l.dragEnabled):[];this.sortHandleMenuItems=s.map(l=>({element:l,label:l.label??l.id,id:U()})),Array.from(this.el.querySelectorAll(L)).forEach(l=>{l.scale=i})}focusRow(t){let{focusableItems:e}=this;t&&(e.forEach(i=>i.active=i===t),t.setFocus())}isNavigable(t){let e=t.parentElement?.closest(m);return e?e.expanded&&this.isNavigable(e):!0}handleListKeydown(t){if(t.defaultPrevented||this.parentListEl)return;let{key:e}=t,i=this.focusableItems.filter(s=>this.isNavigable(s)),a=i.findIndex(s=>s.active);if(e==="ArrowDown"){t.preventDefault();let s=t.target===this.filterEl?0:a+1;i[s]&&this.focusRow(i[s])}else if(e==="ArrowUp"){if(t.preventDefault(),a===0&&this.filterEnabled){this.filterEl.setFocus();return}let s=a-1;i[s]&&this.focusRow(i[s])}else if(e==="Home"){t.preventDefault();let s=i[0];s&&this.focusRow(s)}else if(e==="End"){t.preventDefault();let s=i[i.length-1];s&&this.focusRow(s)}}handleInteractionModeWarning(){this.interactionMode==="static"&&this.selectionMode!=="none"&&this.selectionAppearance==="border"&&console.warn('selection-appearance="border" requires interaction-mode="interactive"')}validateSortMenuItem({fromEl:t,toEl:e,dragEl:i,newIndex:a,oldIndex:s,type:n}){if(!t||!e||e===t||i.contains(e))return!1;let l=t.canPull?.({toEl:e,fromEl:t,dragEl:i,newIndex:a,oldIndex:s})??!0,r=e.canPut?.({toEl:e,fromEl:t,dragEl:i,newIndex:a,oldIndex:s})??!0;return(n==="add"?l==="clone":l===!0)&&r}handleAdd(t){let{addTo:e}=t.detail,i=t.target,a=i?.parentElement,s=e.element,l=Array.from(a.children).filter(b).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"add",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver();let c=i.cloneNode();s.prepend(c),A(i),this.updateListItemsDebounced(),this.connectObserver();let u={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(u),s.emitOrderChangeEvent(u)}handleMove(t){let{moveTo:e}=t.detail,i=t.target,a=i?.parentElement,s=e.element,l=Array.from(a.children).filter(b).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"move",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver(),s.prepend(i),A(i),this.updateListItemsDebounced(),this.connectObserver();let c={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(c),s.emitOrderChangeEvent(c)}handleReorder(t){let{reorder:e}=t.detail,i=t.target,a=i?.parentElement;if(!a)return;i.sortHandleOpen=!1;let s=Array.from(a.children).filter(b),n=s.length-1,l=s.indexOf(i),r=l;switch(e){case"top":r=0;break;case"bottom":r=n;break;case"up":r=l===0?0:l-1;break;case"down":r=l===n?n:l+1;break}this.disconnectObserver();let c=e==="up"||e==="top"?s[r]:s[r].nextSibling;a.insertBefore(i,c),this.updateListItemsDebounced(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:i,fromEl:a,toEl:a,newIndex:r,oldIndex:l})}render(){let{loading:t,label:e,disabled:i,dataForFilter:a,filterEnabled:s,filterPlaceholder:n,filterLabel:l,hasFilterActionsStart:r,hasFilterActionsEnd:c,effectiveFilterProps:u}=this;return this.interactiveContainer({disabled:this.disabled,children:d`<div class=${h({[f.container]:!0,[f.containerHeight]:this.listItems.length<1&&t})} style=${k({"--calcite-internal-filter-enabled-offset":`${this.filterRowHeight}px`})}>${this.dragEnabled?d`<span aria-live=assertive class=${h(f.assistiveText)}>${this.assistiveText}</span>`:null}${this.renderItemAriaLive()}${t?d`<calcite-scrim class=${h(f.scrim)} .loading=${t}></calcite-scrim>`:null}<div .ariaBusy=${t} .ariaLabel=${e||""} class=${h(f.table)} @keydown=${this.handleListKeydown} role=treegrid>${s||r||c?d`<div class=${h(f.sticky)} role=rowgroup ${I(this.setFilterContainerEl)}><div role=row><div role=columnheader><calcite-stack class=${h(f.stack)}><slot name=${S.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${$.actionsStart}></slot><calcite-filter .ariaLabel=${n} .disabled=${i} .filterProps=${u} .items=${a} .label=${l} @calciteFilterChange=${this.handleFilterChange} .placeholder=${n} .scale=${this.scale} ${I(this.setFilterEl)}></calcite-filter><slot name=${S.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${$.actionsEnd}></slot></calcite-stack></div></div></div>`:null}<div class=${h(f.tableContainer)} role=rowgroup><div .hidden=${!this.showEmptyContentContainer}><slot name=${S.emptyContent} @slotchange=${this.handleEmptyContentSlotChange}></slot></div><slot @slotchange=${this.handleDefaultSlotChange} ${I(this.setDefaultSlotEl)}></slot></div></div><div aria-live=polite .hidden=${!this.showNoResultsContainer}><slot name=${S.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>`})}renderItemAriaLive(){let{messages:t,filteredItems:e,parentListEl:i,messages:{_lang:a},numberingSystem:s}=this;return D.numberFormatOptions={locale:a,numberingSystem:s},i?null:d`<div aria-live=polite class=${h(f.assistiveText)}>${this.hasActiveFilter?v("aria-filter-enabled",d`<div>${t.filterEnabled}</div>`):null}${v("aria-item-count",d`<div>${t.total.replace("{count}",D.localize(e.length.toString()))}</div>`)}${e.length?v("aria-item-list",d`<ol>${e.map(n=>d`<li>${n.label}</li>`)}</ol>`):null}</div>`}};T("calcite-list",P);export{P as List};
|