@esri/calcite-components 6.0.0-next.16 → 6.0.0-next.17
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/{TN5QB7BO.js → 234G3WPY.js} +1 -1
- package/dist/cdn/{KV56FRUT.js → 236FHXAT.js} +1 -1
- package/dist/cdn/{NDS3JAHJ.js → 24P2NVMV.js} +1 -1
- package/dist/cdn/{JUAZHH6G.js → 2ZDBCCGN.js} +1 -1
- package/dist/cdn/{K7O44UG6.js → 37CKKZVE.js} +1 -1
- package/dist/cdn/{CLLCBSXR.js → 3GEMEFDY.js} +1 -1
- package/dist/cdn/{WT7VAHLH.js → 3J7T64CZ.js} +1 -1
- package/dist/cdn/{O6OO5SWL.js → 3V72RT6P.js} +1 -1
- package/dist/cdn/{LTHTLU2N.js → 4ILY22HY.js} +1 -1
- package/dist/cdn/{BS6QNDTK.js → 4J3STGJO.js} +1 -1
- package/dist/cdn/{WEBABOAQ.js → 57PR5SNV.js} +1 -1
- package/dist/cdn/{XYKIKJCH.js → 5FHNT6YN.js} +1 -1
- package/dist/cdn/{AR2G33MM.js → 5JOZLNSM.js} +1 -1
- package/dist/cdn/{56A2WWPC.js → 5ZKVG7LD.js} +1 -1
- package/dist/cdn/{WYUQOHIQ.js → 6HQGM5Z2.js} +1 -1
- package/dist/cdn/6MDH7C4R.js +2 -0
- package/dist/cdn/{6NOG6O27.js → 7BOEQNCU.js} +1 -1
- package/dist/cdn/{WW4N4DT3.js → 7EM4A2CD.js} +1 -1
- package/dist/cdn/{RLQJALCI.js → 7GMGEAQO.js} +1 -1
- package/dist/cdn/{JFGMANIH.js → 7GXH7YXY.js} +1 -1
- package/dist/cdn/{LHNBY2NI.js → AEBHD75U.js} +1 -1
- package/dist/cdn/{SL7C7M4R.js → AIKTGD7U.js} +1 -1
- package/dist/cdn/{QMD7SS2Q.js → ALW3XRKB.js} +1 -1
- package/dist/cdn/{PNI5Y5JY.js → ASROBVN5.js} +1 -1
- package/dist/cdn/{BLBGSGYD.js → BPRDQO3E.js} +1 -1
- package/dist/cdn/{6WKKKUGL.js → BXVBGFTI.js} +1 -1
- package/dist/cdn/{ABGICFNZ.js → C2T5DIHY.js} +1 -1
- package/dist/cdn/{7BULPT5Q.js → C2YC3ZSE.js} +1 -1
- package/dist/cdn/{BQFXKCUG.js → CJ3GVGQB.js} +1 -1
- package/dist/cdn/{PZNRNV2R.js → CUGXAM5P.js} +1 -1
- package/dist/cdn/{OI2OUVAG.js → CWALKRJG.js} +1 -1
- package/dist/cdn/{TZQPKABW.js → CYQG7KHW.js} +1 -1
- package/dist/cdn/{SZZ6DLRT.js → DGCX7AVS.js} +1 -1
- package/dist/cdn/{52MRKD2F.js → DWCGPVGL.js} +1 -1
- package/dist/cdn/{S2PKKLUX.js → EBWP5MHR.js} +1 -1
- package/dist/cdn/{PFL46IFM.js → EEHLBJJZ.js} +1 -1
- package/dist/cdn/{SXYWEVG2.js → EH6F35WY.js} +1 -1
- package/dist/cdn/{G2WE5UVC.js → EMRKUKUX.js} +1 -1
- package/dist/cdn/{KECRF7WK.js → EQXG6NUU.js} +1 -1
- package/dist/cdn/{63OHJ624.js → ERED3CYK.js} +1 -1
- package/dist/cdn/{4XVKHJ2X.js → F5ITNV4F.js} +1 -1
- package/dist/cdn/{X4ZOBZ5R.js → FGTYOJDN.js} +1 -1
- package/dist/cdn/{WGTCLBJT.js → FKZ2FXJK.js} +1 -1
- package/dist/cdn/{7M2MH5F2.js → FP5G6HUS.js} +1 -1
- package/dist/cdn/{POQHFA5H.js → FRB4OMIT.js} +1 -1
- package/dist/cdn/{2HVSHIOQ.js → G4RBIAZZ.js} +1 -1
- package/dist/cdn/{LFDDXNO2.js → GAPIKC2T.js} +1 -1
- package/dist/cdn/GODDGRIM.js +2 -0
- package/dist/cdn/{NPJU3U4T.js → GVLVW2XX.js} +1 -1
- package/dist/cdn/{QVNFCQJ6.js → H27ECMPG.js} +1 -1
- package/dist/cdn/{WUU2T6J4.js → H45WQ6JW.js} +1 -1
- package/dist/cdn/{VHSSABMN.js → H4L7JFAH.js} +1 -1
- package/dist/cdn/{RGH2T3FY.js → H5S2CBMI.js} +1 -1
- package/dist/cdn/{4XL6CIEV.js → HD7GADSZ.js} +1 -1
- package/dist/cdn/{QHQSJIAC.js → HHAY7KDS.js} +1 -1
- package/dist/cdn/HJOIEXFY.js +2 -0
- package/dist/cdn/{3EGSBDYW.js → HROHMPWY.js} +1 -1
- package/dist/cdn/{SXCRTPMT.js → I43WY2D5.js} +1 -1
- package/dist/cdn/{JEPUAVAD.js → IAJ5VK3K.js} +1 -1
- package/dist/cdn/{CMXN4DPR.js → IDQINYXC.js} +1 -1
- package/dist/cdn/{W33DOTQ2.js → IRIQREKZ.js} +1 -1
- package/dist/cdn/{P2J6YUEP.js → IXHQCXE4.js} +1 -1
- package/dist/cdn/{B52BTBBN.js → IYVJTGPV.js} +1 -1
- package/dist/cdn/{HDFGPUX6.js → J5NM6Z36.js} +1 -1
- package/dist/cdn/JM3YMXAO.js +2 -0
- package/dist/cdn/{5I4ALE2C.js → K5CHYDYC.js} +1 -1
- package/dist/cdn/{VD3GH2FS.js → K5YZ7BFN.js} +1 -1
- package/dist/cdn/{2EJYK7W7.js → KEFUKWA4.js} +1 -1
- package/dist/cdn/{4JKUFXZS.js → KLPPJGLY.js} +1 -1
- package/dist/cdn/{DVNUUJZK.js → KLVIIFFM.js} +1 -1
- package/dist/cdn/{UH5KCS6M.js → KRQ6GP54.js} +1 -1
- package/dist/cdn/{DEU6DX2M.js → LAPI6IOX.js} +1 -1
- package/dist/cdn/{CSNU57KS.js → LARLQECK.js} +1 -1
- package/dist/cdn/{R2GQRKVD.js → LUNIDTVK.js} +1 -1
- package/dist/cdn/{GN6ZHZKC.js → LVV2T2OW.js} +1 -1
- package/dist/cdn/{5VPJPLIG.js → M7IYWSJQ.js} +1 -1
- package/dist/cdn/{OS2ZRRJ5.js → MAECCZPT.js} +1 -1
- package/dist/cdn/{Y4IPYPUA.js → MI5QKQZ6.js} +1 -1
- package/dist/cdn/{RATWJA6D.js → MNFUE4HN.js} +1 -1
- package/dist/cdn/{JJ3D73UB.js → MNUIYRW7.js} +1 -1
- package/dist/cdn/{JMZQN3Q6.js → MOGCTSB5.js} +1 -1
- package/dist/cdn/{ZYUQ6RAM.js → MYVQU6TY.js} +1 -1
- package/dist/cdn/{FYY4XFX7.js → NATFIRX2.js} +1 -1
- package/dist/cdn/{OAAOKM34.js → NELXJHQJ.js} +1 -1
- package/dist/cdn/{NF7M325T.js → NIF44IMK.js} +1 -1
- package/dist/cdn/{UCTZCDTK.js → NZXDLCWX.js} +1 -1
- package/dist/cdn/{I7OBWC3H.js → O2TTTALK.js} +1 -1
- package/dist/cdn/{W6LVHRPI.js → OATXIVNQ.js} +1 -1
- package/dist/cdn/{LK6DIPLW.js → OE7D6AZR.js} +1 -1
- package/dist/cdn/{MM27PS7O.js → OE7LPIET.js} +1 -1
- package/dist/cdn/{YH2TEZNK.js → OV5NUGNH.js} +1 -1
- package/dist/cdn/{KDNRIPGU.js → OWF2ORNH.js} +1 -1
- package/dist/cdn/{3TEKIEA5.js → PVIMYSXG.js} +1 -1
- package/dist/cdn/{MVUPJCUX.js → QCFIESWI.js} +1 -1
- package/dist/cdn/{4QIXH4ZJ.js → QCK55ZKU.js} +1 -1
- package/dist/cdn/{HFOLXJYO.js → QRKNZJMG.js} +1 -1
- package/dist/cdn/{2DXPDSXX.js → R3AORQ2J.js} +1 -1
- package/dist/cdn/{P45YHGHX.js → R6KVIUIE.js} +1 -1
- package/dist/cdn/{HQH4UY2V.js → RPITWSDI.js} +1 -1
- package/dist/cdn/{ARI32YSH.js → S5PSKHVG.js} +1 -1
- package/dist/cdn/{XYMHSYZR.js → S7SNBXSD.js} +1 -1
- package/dist/cdn/{NFTJSYHD.js → SCIU66RG.js} +1 -1
- package/dist/cdn/{NFRWLWYL.js → SOWLGUU6.js} +1 -1
- package/dist/cdn/{4BVTPO57.js → SY3X7HXN.js} +1 -1
- package/dist/cdn/{6HW6NVKU.js → THFNJC6A.js} +1 -1
- package/dist/cdn/{BXN2KEYX.js → TKP2F6LP.js} +1 -1
- package/dist/cdn/{D6GU2O22.js → U5WICV4H.js} +1 -1
- package/dist/cdn/{Z2FIP7W3.js → UBBZVARC.js} +1 -1
- package/dist/cdn/{PQMSZWJN.js → UKCUBYAV.js} +1 -1
- package/dist/cdn/{PABVOVMV.js → UMTTZZ4Y.js} +1 -1
- package/dist/cdn/{HIJUXENR.js → UTKWG347.js} +1 -1
- package/dist/cdn/{YDHXZZ3R.js → UTZJ5WBW.js} +1 -1
- package/dist/cdn/{KMB6H67R.js → UWLZIAGA.js} +1 -1
- package/dist/cdn/{NNUE4QXT.js → V223M5N3.js} +1 -1
- package/dist/cdn/{V3RWO6OI.js → V2CF54FF.js} +1 -1
- package/dist/cdn/{V2C3GM52.js → V6W4EAUG.js} +1 -1
- package/dist/cdn/{RH3D3HKJ.js → VAOMYSXH.js} +1 -1
- package/dist/cdn/{ODQY6BOK.js → WE4PROYG.js} +1 -1
- package/dist/cdn/{XGYEFZH5.js → WG2TFG3W.js} +1 -1
- package/dist/cdn/{GHBIFC5D.js → WN4KZ2Y5.js} +1 -1
- package/dist/cdn/{LPJ5GEVU.js → WTOCNGZB.js} +1 -1
- package/dist/cdn/{SUFXIFRN.js → WVJCT26P.js} +1 -1
- package/dist/cdn/{I2CHKYB5.js → X6SWCNNE.js} +1 -1
- package/dist/cdn/{BA2VY4MC.js → XCSDOIZO.js} +1 -1
- package/dist/cdn/{OSHMTX4Y.js → XFEJTWCU.js} +1 -1
- package/dist/cdn/{BPMNVJIC.js → XK2TWE74.js} +1 -1
- package/dist/cdn/{V5G3IKZ5.js → XWTTWBCW.js} +1 -1
- package/dist/cdn/{LHEYXD2L.js → XXF4KZ6T.js} +1 -1
- package/dist/cdn/{DO3ISG7C.js → Y3FKHQCL.js} +1 -1
- package/dist/cdn/{Y3GHGU6T.js → Y3V4YN7G.js} +1 -1
- package/dist/cdn/{HN7CAI4Q.js → Y5ZLUQRY.js} +1 -1
- package/dist/cdn/{6XKYMTSH.js → YECEAYDS.js} +1 -1
- package/dist/cdn/{URA5UYWO.js → YF5AB6VY.js} +1 -1
- package/dist/cdn/{FY5QDWBQ.js → YI2HKUIL.js} +1 -1
- package/dist/cdn/{NT2WTTZI.js → YJ5YQXTH.js} +1 -1
- package/dist/cdn/{5RDNWWJA.js → YXJQK6BG.js} +1 -1
- package/dist/cdn/{RDGKWLIX.js → ZAREJEMR.js} +1 -1
- package/dist/cdn/{AF2BNNZG.js → ZJ35NVSL.js} +1 -1
- package/dist/cdn/{RA53OG4F.js → ZMPQIMPJ.js} +1 -1
- package/dist/cdn/{F5CB6IJ6.js → ZVIAV4OI.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/responsive.js +1 -1
- package/dist/chunks/runtime.js +3 -3
- package/dist/chunks/utils3.js +1 -1
- package/dist/components/calcite-date-picker-month-header/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +3 -3
- package/dist/cdn/4DQBCTK5.js +0 -2
- package/dist/cdn/B3OV6FHO.js +0 -2
- package/dist/cdn/D6T2YJFD.js +0 -2
- package/dist/cdn/Y2U5725B.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{b as $}from"./IZOUEOSQ.js";import{a as h,b as I,c as L,d as S,e as m,f as A,h as j}from"./NO3H5PAJ.js";import{f as g}from"./HBWRRDGG.js";import{a as _}from"./LHNBY2NI.js";import{a as q}from"./URA5UYWO.js";import{a as V}from"./56A2WWPC.js";import{a as K}from"./5K4OZJAZ.js";import{a as y}from"./FDHY2TZA.js";import{a as B}from"./CASNTUXN.js";import{b as W}from"./A5OQTYIZ.js";import{j as D}from"./GHBIFC5D.js";import{a as E}from"./BQFXKCUG.js";import{a as z}from"./AR2G33MM.js";import"./JN6YLTUP.js";import"./2IM7ZZ7U.js";import{a as N}from"./I2CHKYB5.js";import"./VMHJHFFS.js";import"./PZNRNV2R.js";import"./SL7C7M4R.js";import{i as G,t as w,x as C}from"./G4SOANDF.js";import{F as v,G as R,H as f,I as k,N as H,Q as T,T as U,g as M,h as d,p}from"./FYY4XFX7.js";var 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-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-theme-space-xs, 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-theme-color-surface-2, 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-theme-color-surface-2, 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}`,Q=`${S}, ${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=V()(this),this.sortable=_()(this),this.updateListItemsDebounced=K(this.updateListItems,H.nextTick),this.visibleItems=[],this.willFilterEmit=!1,this.willPerformFilter=!1,this.messages=z({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=q(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.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.updateFilterRowHeight(),this.updateGroupItems();let{selectionAppearance:t,selectionMode:e,interactionMode:i,dragEnabled:a,el:s,filterEl:n,displayMode:l,scale:r,sortDisabled:c,sortHandleMenuItems:u}=this,b=Array.from(this.el.querySelectorAll(m)),x=s,O=Array.from(x.children).filter(g);if(b.forEach(o=>{o.closest(L)===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=b,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(b=>b.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&&j(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(L)||void 0}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(S))}handleFilterActionsStartSlotChange(t){this.hasFilterActionsStart=C(t)}handleFilterActionsEndSlotChange(t){this.hasFilterActionsEnd=C(t)}handleFilterNoResultsSlotChange(t){this.hasFilterNoResults=C(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(Q);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(){let t=this.filterEl?.value??this.filterText;await this.filterEl?.filter(t),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(e=>e.contains(t)&&e.heading).map(e=>e.heading)}updateGroupItems(){let{el:t,group:e,scale:i}=this,a=G(t),s=e?Array.from(a.querySelectorAll(`${L}[group="${e}"]`)).filter(l=>!l.disabled&&l.dragEnabled):[];this.sortHandleMenuItems=s.map(l=>({element:l,label:l.label??l.id,id:B()})),Array.from(this.el.querySelectorAll(S)).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"&&T.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(g).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(g).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(g),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=${f({[h.container]:!0,[h.containerHeight]:this.listItems.length<1&&t})} style=${k({"--calcite-internal-filter-enabled-offset":`${this.filterRowHeight}px`})}>${this.dragEnabled?d`<span aria-live=assertive class=${f(h.assistiveText)}>${this.assistiveText}</span>`:null}${this.renderItemAriaLive()}<div .ariaBusy=${W(t,void 0)} .ariaLabel=${e||""} class=${f(h.table)} @keydown=${this.handleListKeydown} role=treegrid>${s||r||c?d`<div class=${f(h.sticky)} role=rowgroup ${v(this.setFilterContainerEl)}><div role=row><div role=columnheader><calcite-stack class=${f(h.stack)}><slot name=${I.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} ${v(this.setFilterEl)}></calcite-filter><slot name=${I.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${$.actionsEnd}></slot></calcite-stack></div></div></div>`:null}<div class=${f(h.tableContainer)} role=rowgroup><div .hidden=${!this.showEmptyContentContainer}><slot name=${I.emptyContent} @slotchange=${this.handleEmptyContentSlotChange}></slot></div><slot @slotchange=${this.handleDefaultSlotChange} ${v(this.setDefaultSlotEl)}></slot></div></div><div aria-live=polite .hidden=${!this.showNoResultsContainer}><slot name=${I.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div>${t?d`<calcite-scrim class=${f(h.scrim)} .loading=${t}></calcite-scrim>`:null}</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=${f(h.assistiveText)}>${this.hasActiveFilter?E("aria-filter-enabled",d`<div>${t.filterEnabled}</div>`):null}${E("aria-item-count",d`<div>${t.total.replace("{count}",D.localize(e.length.toString()))}</div>`)}${e.length?E("aria-item-list",d`<ol>${e.map(n=>d`<li>${n.label}</li>`)}</ol>`):null}</div>`}};U("calcite-list",P);export{P as List};
|
|
2
|
+
import{b as $}from"./IZOUEOSQ.js";import{a as h,b as I,c as L,d as S,e as m,f as A,h as j}from"./NO3H5PAJ.js";import{f as g}from"./HBWRRDGG.js";import{a as _}from"./AEBHD75U.js";import{a as q}from"./YF5AB6VY.js";import{a as V}from"./5ZKVG7LD.js";import{a as K}from"./5K4OZJAZ.js";import{a as y}from"./FDHY2TZA.js";import{a as B}from"./CASNTUXN.js";import{b as W}from"./A5OQTYIZ.js";import{j as D}from"./WN4KZ2Y5.js";import{a as E}from"./CJ3GVGQB.js";import{a as z}from"./5JOZLNSM.js";import"./JN6YLTUP.js";import"./2IM7ZZ7U.js";import{a as N}from"./X6SWCNNE.js";import"./VMHJHFFS.js";import"./CUGXAM5P.js";import"./AIKTGD7U.js";import{i as G,t as w,x as C}from"./G4SOANDF.js";import{F as v,G as R,H as f,I as k,N as H,Q as T,T as U,g as M,h as d,p}from"./NATFIRX2.js";var 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-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-theme-space-xs, 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-theme-color-surface-2, 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-theme-color-surface-2, 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}`,Q=`${S}, ${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=V()(this),this.sortable=_()(this),this.updateListItemsDebounced=K(this.updateListItems,H.nextTick),this.visibleItems=[],this.willFilterEmit=!1,this.willPerformFilter=!1,this.messages=z({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=q(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.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.updateFilterRowHeight(),this.updateGroupItems();let{selectionAppearance:t,selectionMode:e,interactionMode:i,dragEnabled:a,el:s,filterEl:n,displayMode:l,scale:r,sortDisabled:c,sortHandleMenuItems:u}=this,b=Array.from(this.el.querySelectorAll(m)),x=s,O=Array.from(x.children).filter(g);if(b.forEach(o=>{o.closest(L)===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=b,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(b=>b.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&&j(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(L)||void 0}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(S))}handleFilterActionsStartSlotChange(t){this.hasFilterActionsStart=C(t)}handleFilterActionsEndSlotChange(t){this.hasFilterActionsEnd=C(t)}handleFilterNoResultsSlotChange(t){this.hasFilterNoResults=C(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(Q);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(){let t=this.filterEl?.value??this.filterText;await this.filterEl?.filter(t),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(e=>e.contains(t)&&e.heading).map(e=>e.heading)}updateGroupItems(){let{el:t,group:e,scale:i}=this,a=G(t),s=e?Array.from(a.querySelectorAll(`${L}[group="${e}"]`)).filter(l=>!l.disabled&&l.dragEnabled):[];this.sortHandleMenuItems=s.map(l=>({element:l,label:l.label??l.id,id:B()})),Array.from(this.el.querySelectorAll(S)).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"&&T.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(g).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(g).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(g),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=${f({[h.container]:!0,[h.containerHeight]:this.listItems.length<1&&t})} style=${k({"--calcite-internal-filter-enabled-offset":`${this.filterRowHeight}px`})}>${this.dragEnabled?d`<span aria-live=assertive class=${f(h.assistiveText)}>${this.assistiveText}</span>`:null}${this.renderItemAriaLive()}<div .ariaBusy=${W(t,void 0)} .ariaLabel=${e||""} class=${f(h.table)} @keydown=${this.handleListKeydown} role=treegrid>${s||r||c?d`<div class=${f(h.sticky)} role=rowgroup ${v(this.setFilterContainerEl)}><div role=row><div role=columnheader><calcite-stack class=${f(h.stack)}><slot name=${I.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} ${v(this.setFilterEl)}></calcite-filter><slot name=${I.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${$.actionsEnd}></slot></calcite-stack></div></div></div>`:null}<div class=${f(h.tableContainer)} role=rowgroup><div .hidden=${!this.showEmptyContentContainer}><slot name=${I.emptyContent} @slotchange=${this.handleEmptyContentSlotChange}></slot></div><slot @slotchange=${this.handleDefaultSlotChange} ${v(this.setDefaultSlotEl)}></slot></div></div><div aria-live=polite .hidden=${!this.showNoResultsContainer}><slot name=${I.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div>${t?d`<calcite-scrim class=${f(h.scrim)} .loading=${t}></calcite-scrim>`:null}</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=${f(h.assistiveText)}>${this.hasActiveFilter?E("aria-filter-enabled",d`<div>${t.filterEnabled}</div>`):null}${E("aria-item-count",d`<div>${t.total.replace("{count}",D.localize(e.length.toString()))}</div>`)}${e.length?E("aria-item-list",d`<ol>${e.map(n=>d`<li>${n.label}</li>`)}</ol>`):null}</div>`}};U("calcite-list",P);export{P as List};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as k}from"./
|
|
2
|
+
import{a as k}from"./YF5AB6VY.js";import{a as v}from"./JN6YLTUP.js";import{a as b}from"./X6SWCNNE.js";import"./VMHJHFFS.js";import{e as m}from"./CUGXAM5P.js";import"./AIKTGD7U.js";import"./G4SOANDF.js";import{E as l,F as d,G as h,H as r,J as e,L as u,M as f,T as p,g as a,h as n}from"./NATFIRX2.js";var y=a`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline}:host a{cursor:pointer;font-family:inherit;text-decoration-line:none;outline-color:transparent;font-size:inherit;-webkit-appearance:none;color:var(--calcite-link-text-color, var(--calcite-color-text-link));line-height:inherit;white-space:initial}:host a:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-theme-space-base, var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.link--text{text-decoration-line:var(--calcite-internal-link-text-decoration-line, underline);text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-decoration-thickness:var(--calcite-border-width-sm);text-underline-offset:.33em;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform,text-decoration-color;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}:host a:hover .link--text{text-decoration-color:currentColor}:host a:active .link--text{text-decoration-color:currentColor}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.link--icon{vertical-align:middle;margin-block-start:-.25em}.link--icon.icon-start{margin-inline-end:var(--calcite-space-2xs)}.link--icon.icon-end{margin-inline-start:var(--calcite-space-2xs)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,c={icon:"link--icon",iconStart:"icon-start",iconEnd:"icon-end",text:"link--text"},s=class extends h{constructor(){super(),this.anchorRef=l(),this.direction=m(),this.focusSetter=b()(this),this.interactiveContainer=k(this),this.keyDownHandler=t=>{v(t.key)&&(t.preventDefault(),this.el.click())},this.anchorClickHandler=t=>{t.isTrusted||t.stopPropagation()},this.disabled=!1,this.download=!1,this.listen("click",this.clickHandler)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],download:[3,{converter:u},{reflect:!0}],href:[3,{},{reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],rel:1,target:1}}static{this.styles=y}async setFocus(t){return this.focusSetter(()=>this.anchorRef.value,t)}clickHandler(t){t.isTrusted||this.anchorRef.value?.click()}render(){let{download:t}=this,o=this.direction,i=!this.href;return this.el.role="presentation",this.interactiveContainer({disabled:this.disabled,children:n`<a class=${r({[f.rtl]:o==="rtl"})} download=${(t===!0||t===""?"":t||void 0)??e} href=${(this.href||void 0)??e} @click=${this.anchorClickHandler} @keydown=${i?this.keyDownHandler:void 0} rel=${this.rel??e} .role=${i?"button":void 0} tabindex=${(i?0:void 0)??e} target=${(this.href?this.target:void 0)??e} ${d(this.anchorRef)}>${n`${this.iconStart?this.renderIcon("start"):null}<span class=${r(c.text)}><slot></slot></span>${this.iconEnd?this.renderIcon("end"):null}`}</a>`})}renderIcon(t){let o=t==="start",i=o?this.iconStart:this.iconEnd,x=this.iconFlipRtl==="both"||this.iconFlipRtl===t;return n`<calcite-icon class=${r({[c.icon]:!0,[o?c.iconStart:c.iconEnd]:!0})} .flipRtl=${x} .icon=${i} scale=s></calcite-icon>`}};p("calcite-link",s);export{s as Link};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{b as C}from"./
|
|
2
|
+
import{b as C}from"./CUGXAM5P.js";import{D as g,l as h,m as v}from"./G4SOANDF.js";var W=C((e,t)=>{t.onConnected(()=>{L(e)}),t.onDisconnected(()=>{O(e)})}),w="calciteInternalLabelClick",E="calciteInternalLabelConnected",f="calciteInternalLabelDisconnected",k="calcite-label",i=new WeakMap,r=new WeakMap,c=new WeakMap,o=new WeakMap,s=new Set,D=e=>{let{id:t}=e,l=t&&h(e,{selector:`${k}[for="${t}"]`});if(l)return l;let a=v(e,k);return!a||M(a,e)?null:a};function M(e,t){let l,a="custom-element-ancestor-check",d=(n=>{n.stopImmediatePropagation();let u=n.composedPath();l=u.slice(u.indexOf(t),u.indexOf(e))});return e.addEventListener(a,d,{once:!0}),t.dispatchEvent(new CustomEvent(a,{composed:!0,bubbles:!0})),e.removeEventListener(a,d),l.filter(n=>n!==t&&n!==e).filter(n=>n.tagName?.includes("-")).length>0}function L(e){if(!e)return;let t=D(e.el);if(t&&r.has(t)&&t===e.labelEl||!t&&s.has(e))return;let l=T.bind(e);if(t){e.labelEl=t;let a=i.get(t)||[];a.push(e),i.set(t,a.sort(y)),r.has(e.labelEl)||(r.set(e.labelEl,m),e.labelEl.addEventListener(w,m)),s.delete(e),document.removeEventListener(E,c.get(e)),o.set(e,l),document.addEventListener(f,l)}else s.has(e)||(l(),document.removeEventListener(f,o.get(e)))}function O(e){if(!e||(s.delete(e),document.removeEventListener(E,c.get(e)),document.removeEventListener(f,o.get(e)),c.delete(e),o.delete(e),!e.labelEl))return;let t=i.get(e.labelEl);t.length===1&&(e.labelEl.removeEventListener(w,r.get(e.labelEl)),r.delete(e.labelEl)),i.set(e.labelEl,t.filter(l=>l!==e).sort(y)),e.labelEl=void 0}function y(e,t){return g(e.el,t.el)?-1:1}function m(e){let t=e.detail.sourceEvent.target,l=i.get(this),a=l.find(n=>n.el===t);if(a&&l.includes(a))return;let b=l[0];b.disabled||b.onLabelClick(e)}function I(){s.has(this)&&L(this)}function T(){s.add(this);let e=c.get(this)||I.bind(this);c.set(this,e),document.addEventListener(E,e)}async function q(e){if(await e.componentOnReady(),i.has(e))return;let l=e.for&&e.ownerDocument?.getElementById(e.for);l&&requestAnimationFrame(()=>{for(let a of s)if(a.el===l){L(a);break}})}export{W as a,E as b,f as c,q as d};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as c,b as r,c as i}from"./J2OH4U4P.js";import{i as F}from"./GHBIFC5D.js";import{a as S}from"./KDNRIPGU.js";import{a as E}from"./F3VMM64Y.js";import{a as k}from"./BQFXKCUG.js";import{a as A}from"./AR2G33MM.js";import"./JN6YLTUP.js";import{a as $,b as B}from"./2IM7ZZ7U.js";import{a as T}from"./I2CHKYB5.js";import{a as x}from"./VMHJHFFS.js";import"./PZNRNV2R.js";import"./SL7C7M4R.js";import{r as w,x as z}from"./G4SOANDF.js";import{E as v,F as g,G as b,H as a,L as y,T as C,g as f,h as o,p as l}from"./FYY4XFX7.js";var L=300,d=class{constructor(){this.registeredElements=[]}registerElement(e){let{registeredElements:t}=this;if(!t.includes(e)){switch(e.queue){case"immediate":t.unshift(e);break;case"next":t.splice(1,0,e);break;case"last":t.push(e);break}this.updateAlerts()}}unregisterElement(e){let{registeredElements:t}=this,s=t.indexOf(e);s!==-1&&t.splice(s,1),e.active=!1,this.updateAlerts()}updateAlerts(){window.clearTimeout(this.queueTimeoutId),this.queueTimeoutId=void 0,this.registeredElements.forEach((e,t)=>{e.openAlertCount=this.registeredElements.length,t===0?this.queueTimeoutId=window.setTimeout(()=>e.active=!0,L):e.active=!1})}},R=f`:host([scale=s]){--calcite-internal-alert-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]){--calcite-internal-alert-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=l]){--calcite-internal-alert-action-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host{display:block;inline-size:var(--calcite-alert-width)}.container--embedded,.container[popover]{box-sizing:border-box;position:fixed;display:flex;align-items:center;justify-content:center;min-inline-size:min-content;margin-inline:auto;margin-block:var(--calcite-space-none);padding:var(--calcite-space-none);opacity:0;pointer-events:none;text-align:start;inline-size:100%;inset:initial;box-shadow:var(--calcite-alert-shadow, var(--calcite-shadow-md));background-color:var(--calcite-alert-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:var(--calcite-alert-corner-radius, var(--calcite-border-radius));border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);max-inline-size:calc(100% - var(--calcite-alert-offset-size, 2rem) * 2);transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out,all var(--calcite-animation-timing) ease-in-out;overflow:visible}.container--bottom,.container--top,.container--bottom[popover],.container--top[popover]{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0,var(--calcite-alert-offset-size, 2rem),0);inset-block-end:var(--calcite-alert-offset-size, 2rem)}.container[class*=top]{transform:translate3d(0,calc(-1 * var(--calcite-alert-offset-size, 2rem)),0);inset-block-start:var(--calcite-alert-offset-size, 2rem)}.container[class*=start]{inset-inline-start:var(--calcite-alert-offset-size, 2rem);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-offset-size, 2rem);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--calcite-space-none);margin-block:auto;margin-inline-end:auto}.close{margin-inline-end:var(--calcite-internal-alert-action-spacing)}.queue-count{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;cursor:default;display:flex;font-weight:var(--calcite-font-weight-medium);visibility:hidden;align-items:center;justify-content:space-around;min-inline-size:min-content;opacity:0;overflow:hidden;align-self:stretch;text-align:center;color:var(--calcite-color-text-2);border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:var(--calcite-opacity-full)}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress:after{position:absolute;inset-block-start:var(--calcite-space-none);display:block;block-size:2px;content:"";background-color:var(--calcite-color-transparent-tint);inset-inline-end:0}.actions-end{display:flex;gap:var(--calcite-internal-alert-action-spacing);padding-block:var(--calcite-internal-alert-action-spacing);padding-inline:0 var(--calcite-internal-alert-action-spacing)}.text-container{box-sizing:border-box;display:flex;flex:1 1 auto;min-inline-size:var(--calcite-space-none);flex-direction:column;overflow-wrap:break-word}.footer{display:flex;justify-content:flex-end;padding-block-start:var(--calcite-space-px);position:relative;align-self:stretch;inline-size:auto;block-size:inherit}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) .queue-count{margin-inline:var(--calcite-space-sm)}:host([scale=s]) .container{--calcite-internal-alert-min-height: 3.5rem;inline-size:var(--calcite-alert-width, 40em)}:host([scale=s]) .icon{padding-inline-start:.75rem}:host([scale=s]) .text-container{padding-block:.5rem;padding-inline:.75rem .5rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) .queue-count{margin-inline:var(--calcite-space-md)}:host([scale=m]) .container{--calcite-internal-alert-min-height: 4.1875rem;inline-size:var(--calcite-alert-width, 50em)}:host([scale=m]) .icon{padding-inline-start:1rem}:host([scale=m]) .text-container{padding-block:.75rem;padding-inline:1rem .75rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .queue-count{margin-inline:var(--calcite-space-lg)}:host([scale=l]) .container{--calcite-internal-alert-min-height: 5.625rem;inline-size:var(--calcite-alert-width, 60em)}:host([scale=l]) .icon{padding-inline-start:1.25rem}:host([scale=l]) .text-container{padding-block:1rem;padding-inline:1.25rem 1rem}:host([open]) .container--active{border-block-start-width:var(--calcite-border-width-md);opacity:var(--calcite-opacity-full);pointer-events:initial}:host([open]) .container--active[class*=bottom]{transform:translate3d(0,calc(-1 * var(--calcite-alert-offset-size, 2rem)),inherit)}:host([open]) .container--active[class*=top]{transform:translate3d(0,var(--calcite-alert-offset-size, 2rem),inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug);margin:var(--calcite-space-none);display:inline;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));margin-inline-end:.5rem;color:var(--calcite-color-text-2)}slot[name=link]::slotted(*),*::slotted([slot=link]){color:var(--calcite-color-text-link)}slot[name=link]::slotted(:not(calcite-link)){display:inline-flex}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress calc(6s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after,:host(:focus[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress calc(10s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after,:host(:focus[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress calc(14s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:var(--calcite-space-none);opacity:.75}to{inline-size:100%;opacity:var(--calcite-opacity-full)}}:host([top-layer-disabled]) .container,.container--embedded{z-index:var(--calcite-z-index-toast)}.container--embedded{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden!important;pointer-events:none}`,n=new d,h=class extends b{constructor(){super(...arguments),this.initialOpenTime=-1,this.isHovered=!1,this.lastMouseOverBegin=-1,this.transitionProp="opacity",this.totalHoverTime=0,this.totalOpenTime=0,this.transitionRef=v(),this.messages=A(),this.focusSetter=T()(this),this.topLayer=S({disabledOverride:()=>this.embedded,target:this.transitionRef})(this),this.hasEndActions=!1,this.isFocused=!1,this.numberStringFormatter=new F,this.active=!1,this.autoClose=!1,this.autoCloseDuration="medium",this.embedded=!1,this.iconFlipRtl=!1,this.kind="brand",this.open=!1,this.openAlertCount=0,this.placement="bottom",this.queue="last",this.scale="m",this.topLayerDisabled=!1,this.calciteAlertBeforeClose=l({cancelable:!1}),this.calciteAlertBeforeOpen=l({cancelable:!1}),this.calciteAlertClose=l({cancelable:!1}),this.calciteAlertOpen=l({cancelable:!1})}static{this.properties={hasEndActions:[16,{},{state:!0}],isFocused:[16,{},{state:!0}],numberStringFormatter:[16,{},{state:!0}],active:[5,{},{type:Boolean}],autoClose:[7,{},{reflect:!0,type:Boolean}],autoCloseDuration:[3,{},{reflect:!0}],embedded:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:y},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],kind:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],openAlertCount:[9,{},{type:Number}],placement:[3,{},{reflect:!0}],queue:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=R}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.open&&n.registerElement(this.el),this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("active")&&(this.hasUpdated||this.active!==!1)&&this.handleActiveChange(),e.has("autoCloseDuration")&&(this.hasUpdated||this.autoCloseDuration!=="medium")&&this.updateDuration(),e.has("queue")&&(this.hasUpdated||this.queue!=="last")&&this.handleQueueChange(),e.has("numberingSystem")&&this.numberingSystemChange(),e.has("messages")&&this.effectiveLocaleChange()}disconnectedCallback(){super.disconnectedCallback(),n.unregisterElement(this.el),this.clearAutoCloseTimeout(),this.embedded=!1}handleActiveChange(){E(this),this.clearAutoCloseTimeout(),this.active&&this.autoClose&&!this.autoCloseTimeoutId&&(this.initialOpenTime=Date.now(),this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),c[this.autoCloseDuration]))}openHandler(){this.open?n.registerElement(this.el):n.unregisterElement(this.el)}updateDuration(){this.autoClose&&this.autoCloseTimeoutId&&(this.clearAutoCloseTimeout(),this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),c[this.autoCloseDuration]))}handleQueueChange(){this.open&&(n.unregisterElement(this.el),n.registerElement(this.el))}handleKeyBoardFocus(){this.isFocused=!0,this.handleFocus()}handleKeyBoardBlur(){this.isFocused=!1,this.isHovered||this.handleBlur()}effectiveLocaleChange(){this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}numberingSystemChange(){this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}clearAutoCloseTimeout(){window.clearTimeout(this.autoCloseTimeoutId),this.autoCloseTimeoutId=void 0}closeAlert(){this.open=!1,this.clearAutoCloseTimeout()}onBeforeOpen(){this.calciteAlertBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit(),this.topLayer.hide()}actionsEndSlotChangeHandler(e){this.hasEndActions=z(e)}handleMouseOver(){this.isHovered=!0,this.handleFocus()}handleMouseLeave(){this.isHovered=!1,this.isFocused||this.handleBlur()}handleFocus(){this.clearAutoCloseTimeout(),this.totalOpenTime=Date.now()-this.initialOpenTime,this.lastMouseOverBegin=Date.now()}handleBlur(){let e=Date.now()-this.lastMouseOverBegin,t=c[this.autoCloseDuration]-this.totalOpenTime+this.totalHoverTime;this.totalHoverTime=this.totalHoverTime?e+this.totalHoverTime:e,this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),t)}render(){let{open:e,autoClose:t,label:s,placement:D,active:u,openAlertCount:q}=this,I=t?"alert":"alertdialog",m=!e,p=w(this.kind==="brand"?$:B,this.icon,this.kind),H=q>1;return this.el.inert=m,this.el.ariaLabel=s,this.el.toggleAttribute("calcite-hydrated-hidden",m),this.el.role=I,o`<div class=${a({[i.container]:!0,[i.containerActive]:u,[`${i.container}--${D}`]:!0,[i.containerEmbedded]:this.embedded,[i.focused]:this.isFocused})} @pointerenter=${this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:void 0} @pointerleave=${this.autoClose?this.handleMouseLeave:void 0} .popover=${this.embedded?void 0:"manual"} ${g(this.transitionRef)}>${p&&this.renderIcon(p)||""}<div class=${a(i.textContainer)} @focusin=${this.autoClose&&this.autoCloseTimeoutId?this.handleKeyBoardFocus:void 0} @focusout=${this.autoClose?this.handleKeyBoardBlur:void 0}><slot name=${r.title}></slot><slot name=${r.message}></slot><slot name=${r.link}></slot></div>${this.renderActionsEnd()}${H?this.renderQueueCount():void 0}${this.renderCloseButton()}${e&&u&&t?o`<div class=${a(i.dismissProgress)}></div>`:void 0}</div>`}renderCloseButton(){return o`<calcite-action class=${a(i.close)} icon=x .label=${this.messages.close} @click=${this.closeAlert} @focusin=${this.autoClose?this.handleKeyBoardFocus:void 0} @focusout=${this.autoClose?this.handleKeyBoardBlur:void 0} .scale=${this.scale} .text=${this.messages.close}></calcite-action>`}renderQueueCount(){let{openAlertCount:e}=this,t=e>2?e-1:1,s=this.numberStringFormatter.numberFormatter.format(t);return k("queue-count",o`<div class=${a({[i.queueCount]:!0,[i.queueCountActive]:e>1})}><calcite-chip .label=${s} .scale=${this.scale} .value=${s}>${s}</calcite-chip></div>`)}renderActionsEnd(){return o`<div class=${a(i.actionsEnd)}><slot name=${r.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderIcon(e){return o`<div class=${a(i.icon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${x(this.scale)}></calcite-icon></div>`}};C("calcite-alert",h);export{h as Alert};
|
|
2
|
+
import{a as c,b as r,c as i}from"./J2OH4U4P.js";import{i as F}from"./WN4KZ2Y5.js";import{a as S}from"./OWF2ORNH.js";import{a as E}from"./F3VMM64Y.js";import{a as k}from"./CJ3GVGQB.js";import{a as A}from"./5JOZLNSM.js";import"./JN6YLTUP.js";import{a as $,b as B}from"./2IM7ZZ7U.js";import{a as T}from"./X6SWCNNE.js";import{a as x}from"./VMHJHFFS.js";import"./CUGXAM5P.js";import"./AIKTGD7U.js";import{r as w,x as z}from"./G4SOANDF.js";import{E as v,F as g,G as b,H as a,L as y,T as C,g as f,h as o,p as l}from"./NATFIRX2.js";var L=300,d=class{constructor(){this.registeredElements=[]}registerElement(e){let{registeredElements:t}=this;if(!t.includes(e)){switch(e.queue){case"immediate":t.unshift(e);break;case"next":t.splice(1,0,e);break;case"last":t.push(e);break}this.updateAlerts()}}unregisterElement(e){let{registeredElements:t}=this,s=t.indexOf(e);s!==-1&&t.splice(s,1),e.active=!1,this.updateAlerts()}updateAlerts(){window.clearTimeout(this.queueTimeoutId),this.queueTimeoutId=void 0,this.registeredElements.forEach((e,t)=>{e.openAlertCount=this.registeredElements.length,t===0?this.queueTimeoutId=window.setTimeout(()=>e.active=!0,L):e.active=!1})}},R=f`:host([scale=s]){--calcite-internal-alert-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]){--calcite-internal-alert-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=l]){--calcite-internal-alert-action-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host{display:block;inline-size:var(--calcite-alert-width)}.container--embedded,.container[popover]{box-sizing:border-box;position:fixed;display:flex;align-items:center;justify-content:center;min-inline-size:min-content;margin-inline:auto;margin-block:var(--calcite-space-none);padding:var(--calcite-space-none);opacity:0;pointer-events:none;text-align:start;inline-size:100%;inset:initial;box-shadow:var(--calcite-alert-shadow, var(--calcite-shadow-md));background-color:var(--calcite-alert-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:var(--calcite-alert-corner-radius, var(--calcite-border-radius));border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);max-inline-size:calc(100% - var(--calcite-alert-offset-size, 2rem) * 2);transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out,all var(--calcite-animation-timing) ease-in-out;overflow:visible}.container--bottom,.container--top,.container--bottom[popover],.container--top[popover]{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0,var(--calcite-alert-offset-size, 2rem),0);inset-block-end:var(--calcite-alert-offset-size, 2rem)}.container[class*=top]{transform:translate3d(0,calc(-1 * var(--calcite-alert-offset-size, 2rem)),0);inset-block-start:var(--calcite-alert-offset-size, 2rem)}.container[class*=start]{inset-inline-start:var(--calcite-alert-offset-size, 2rem);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-offset-size, 2rem);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--calcite-space-none);margin-block:auto;margin-inline-end:auto}.close{margin-inline-end:var(--calcite-internal-alert-action-spacing)}.queue-count{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;cursor:default;display:flex;font-weight:var(--calcite-font-weight-medium);visibility:hidden;align-items:center;justify-content:space-around;min-inline-size:min-content;opacity:0;overflow:hidden;align-self:stretch;text-align:center;color:var(--calcite-color-text-2);border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:var(--calcite-opacity-full)}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress:after{position:absolute;inset-block-start:var(--calcite-space-none);display:block;block-size:2px;content:"";background-color:var(--calcite-color-transparent-tint);inset-inline-end:0}.actions-end{display:flex;gap:var(--calcite-internal-alert-action-spacing);padding-block:var(--calcite-internal-alert-action-spacing);padding-inline:0 var(--calcite-internal-alert-action-spacing)}.text-container{box-sizing:border-box;display:flex;flex:1 1 auto;min-inline-size:var(--calcite-space-none);flex-direction:column;overflow-wrap:break-word}.footer{display:flex;justify-content:flex-end;padding-block-start:var(--calcite-space-px);position:relative;align-self:stretch;inline-size:auto;block-size:inherit}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) .queue-count{margin-inline:var(--calcite-space-sm)}:host([scale=s]) .container{--calcite-internal-alert-min-height: 3.5rem;inline-size:var(--calcite-alert-width, 40em)}:host([scale=s]) .icon{padding-inline-start:.75rem}:host([scale=s]) .text-container{padding-block:.5rem;padding-inline:.75rem .5rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) .queue-count{margin-inline:var(--calcite-space-md)}:host([scale=m]) .container{--calcite-internal-alert-min-height: 4.1875rem;inline-size:var(--calcite-alert-width, 50em)}:host([scale=m]) .icon{padding-inline-start:1rem}:host([scale=m]) .text-container{padding-block:.75rem;padding-inline:1rem .75rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .queue-count{margin-inline:var(--calcite-space-lg)}:host([scale=l]) .container{--calcite-internal-alert-min-height: 5.625rem;inline-size:var(--calcite-alert-width, 60em)}:host([scale=l]) .icon{padding-inline-start:1.25rem}:host([scale=l]) .text-container{padding-block:1rem;padding-inline:1.25rem 1rem}:host([open]) .container--active{border-block-start-width:var(--calcite-border-width-md);opacity:var(--calcite-opacity-full);pointer-events:initial}:host([open]) .container--active[class*=bottom]{transform:translate3d(0,calc(-1 * var(--calcite-alert-offset-size, 2rem)),inherit)}:host([open]) .container--active[class*=top]{transform:translate3d(0,var(--calcite-alert-offset-size, 2rem),inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug);margin:var(--calcite-space-none);display:inline;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));margin-inline-end:.5rem;color:var(--calcite-color-text-2)}slot[name=link]::slotted(*),*::slotted([slot=link]){color:var(--calcite-color-text-link)}slot[name=link]::slotted(:not(calcite-link)){display:inline-flex}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress calc(6s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after,:host(:focus[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress calc(10s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after,:host(:focus[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress calc(14s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:var(--calcite-space-none);opacity:.75}to{inline-size:100%;opacity:var(--calcite-opacity-full)}}:host([top-layer-disabled]) .container,.container--embedded{z-index:var(--calcite-z-index-toast)}.container--embedded{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden!important;pointer-events:none}`,n=new d,h=class extends b{constructor(){super(...arguments),this.initialOpenTime=-1,this.isHovered=!1,this.lastMouseOverBegin=-1,this.transitionProp="opacity",this.totalHoverTime=0,this.totalOpenTime=0,this.transitionRef=v(),this.messages=A(),this.focusSetter=T()(this),this.topLayer=S({disabledOverride:()=>this.embedded,target:this.transitionRef})(this),this.hasEndActions=!1,this.isFocused=!1,this.numberStringFormatter=new F,this.active=!1,this.autoClose=!1,this.autoCloseDuration="medium",this.embedded=!1,this.iconFlipRtl=!1,this.kind="brand",this.open=!1,this.openAlertCount=0,this.placement="bottom",this.queue="last",this.scale="m",this.topLayerDisabled=!1,this.calciteAlertBeforeClose=l({cancelable:!1}),this.calciteAlertBeforeOpen=l({cancelable:!1}),this.calciteAlertClose=l({cancelable:!1}),this.calciteAlertOpen=l({cancelable:!1})}static{this.properties={hasEndActions:[16,{},{state:!0}],isFocused:[16,{},{state:!0}],numberStringFormatter:[16,{},{state:!0}],active:[5,{},{type:Boolean}],autoClose:[7,{},{reflect:!0,type:Boolean}],autoCloseDuration:[3,{},{reflect:!0}],embedded:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:y},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],kind:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],openAlertCount:[9,{},{type:Number}],placement:[3,{},{reflect:!0}],queue:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=R}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.open&&n.registerElement(this.el),this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("active")&&(this.hasUpdated||this.active!==!1)&&this.handleActiveChange(),e.has("autoCloseDuration")&&(this.hasUpdated||this.autoCloseDuration!=="medium")&&this.updateDuration(),e.has("queue")&&(this.hasUpdated||this.queue!=="last")&&this.handleQueueChange(),e.has("numberingSystem")&&this.numberingSystemChange(),e.has("messages")&&this.effectiveLocaleChange()}disconnectedCallback(){super.disconnectedCallback(),n.unregisterElement(this.el),this.clearAutoCloseTimeout(),this.embedded=!1}handleActiveChange(){E(this),this.clearAutoCloseTimeout(),this.active&&this.autoClose&&!this.autoCloseTimeoutId&&(this.initialOpenTime=Date.now(),this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),c[this.autoCloseDuration]))}openHandler(){this.open?n.registerElement(this.el):n.unregisterElement(this.el)}updateDuration(){this.autoClose&&this.autoCloseTimeoutId&&(this.clearAutoCloseTimeout(),this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),c[this.autoCloseDuration]))}handleQueueChange(){this.open&&(n.unregisterElement(this.el),n.registerElement(this.el))}handleKeyBoardFocus(){this.isFocused=!0,this.handleFocus()}handleKeyBoardBlur(){this.isFocused=!1,this.isHovered||this.handleBlur()}effectiveLocaleChange(){this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}numberingSystemChange(){this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}clearAutoCloseTimeout(){window.clearTimeout(this.autoCloseTimeoutId),this.autoCloseTimeoutId=void 0}closeAlert(){this.open=!1,this.clearAutoCloseTimeout()}onBeforeOpen(){this.calciteAlertBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit(),this.topLayer.hide()}actionsEndSlotChangeHandler(e){this.hasEndActions=z(e)}handleMouseOver(){this.isHovered=!0,this.handleFocus()}handleMouseLeave(){this.isHovered=!1,this.isFocused||this.handleBlur()}handleFocus(){this.clearAutoCloseTimeout(),this.totalOpenTime=Date.now()-this.initialOpenTime,this.lastMouseOverBegin=Date.now()}handleBlur(){let e=Date.now()-this.lastMouseOverBegin,t=c[this.autoCloseDuration]-this.totalOpenTime+this.totalHoverTime;this.totalHoverTime=this.totalHoverTime?e+this.totalHoverTime:e,this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),t)}render(){let{open:e,autoClose:t,label:s,placement:D,active:u,openAlertCount:q}=this,I=t?"alert":"alertdialog",m=!e,p=w(this.kind==="brand"?$:B,this.icon,this.kind),H=q>1;return this.el.inert=m,this.el.ariaLabel=s,this.el.toggleAttribute("calcite-hydrated-hidden",m),this.el.role=I,o`<div class=${a({[i.container]:!0,[i.containerActive]:u,[`${i.container}--${D}`]:!0,[i.containerEmbedded]:this.embedded,[i.focused]:this.isFocused})} @pointerenter=${this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:void 0} @pointerleave=${this.autoClose?this.handleMouseLeave:void 0} .popover=${this.embedded?void 0:"manual"} ${g(this.transitionRef)}>${p&&this.renderIcon(p)||""}<div class=${a(i.textContainer)} @focusin=${this.autoClose&&this.autoCloseTimeoutId?this.handleKeyBoardFocus:void 0} @focusout=${this.autoClose?this.handleKeyBoardBlur:void 0}><slot name=${r.title}></slot><slot name=${r.message}></slot><slot name=${r.link}></slot></div>${this.renderActionsEnd()}${H?this.renderQueueCount():void 0}${this.renderCloseButton()}${e&&u&&t?o`<div class=${a(i.dismissProgress)}></div>`:void 0}</div>`}renderCloseButton(){return o`<calcite-action class=${a(i.close)} icon=x .label=${this.messages.close} @click=${this.closeAlert} @focusin=${this.autoClose?this.handleKeyBoardFocus:void 0} @focusout=${this.autoClose?this.handleKeyBoardBlur:void 0} .scale=${this.scale} .text=${this.messages.close}></calcite-action>`}renderQueueCount(){let{openAlertCount:e}=this,t=e>2?e-1:1,s=this.numberStringFormatter.numberFormatter.format(t);return k("queue-count",o`<div class=${a({[i.queueCount]:!0,[i.queueCountActive]:e>1})}><calcite-chip .label=${s} .scale=${this.scale} .value=${s}>${s}</calcite-chip></div>`)}renderActionsEnd(){return o`<div class=${a(i.actionsEnd)}><slot name=${r.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderIcon(e){return o`<div class=${a(i.icon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${x(this.scale)}></calcite-icon></div>`}};C("calcite-alert",h);export{h as Alert};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{c as z}from"./SDU4R5MI.js";import{a as y}from"./FDHY2TZA.js";import{a as x}from"./CASNTUXN.js";import{a as A}from"./
|
|
2
|
+
import{c as z}from"./SDU4R5MI.js";import{a as y}from"./FDHY2TZA.js";import{a as x}from"./CASNTUXN.js";import{a as A}from"./5JOZLNSM.js";import"./2IM7ZZ7U.js";import"./CUGXAM5P.js";import"./AIKTGD7U.js";import{C as o,y as S}from"./G4SOANDF.js";import{E as f,F as v,G as g,H as a,T as I,g as m,h as r,i as b,l as h,p as d}from"./NATFIRX2.js";var p={actionIcon:"action-icon",actionContainer:"action-container",stepBarContainer:"step-bar-container",singleView:"single-view"},P={chevronLeft:"chevron-left",chevronRight:"chevron-right"},B="calcite-stepper-action",D={position:(c,e)=>`${B}-${c}-${e?"start":"end"}`},l={stepBar:"step-bar",stepBarActive:"step-bar--active",stepBarComplete:"step-bar--complete",stepBarDisabled:"step-bar--disabled",stepBarError:"step-bar--error",stepBarInActive:"step-bar--inactive"},U=({disabled:c,active:e,complete:t,error:i})=>r`<svg class=${a({[l.stepBar]:!0})}>${b`<rect class=${a({[l.stepBarActive]:e,[l.stepBarComplete]:t,[l.stepBarDisabled]:c,[l.stepBarError]:i,[l.stepBarInActive]:!0})} width=100% x=0 y=0 />`}</svg>`,R=m`:host([scale=s]){--calcite-internal-stepper-item-spacing-unit-s: .25rem;--calcite-internal-stepper-action-block-size: 2.75rem;--calcite-internal-stepper-action-inline-size: 2rem;--calcite-internal-step-bar-gap: .25rem}:host([scale=m]){--calcite-internal-stepper-item-spacing-unit-s: .5rem;--calcite-internal-stepper-action-block-size: 3.25rem;--calcite-internal-stepper-action-inline-size: 2.5rem}:host([scale=l]){--calcite-internal-stepper-item-spacing-unit-s: .75rem;--calcite-internal-stepper-action-block-size: 4rem;--calcite-internal-stepper-action-inline-size: 3rem;--calcite-internal-step-bar-gap: .75rem}:host{display:flex}.container{position:relative;display:flex;inline-size:100%;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]) .container{flex:1 1 auto;flex-direction:column}:host([layout=horizontal]) .container,:host([layout=horizontal-single]) .container{display:grid;grid-template-areas:"items" "content";gap:.5rem var(--calcite-stepper-bar-gap, var(--calcite-internal-stepper-item-spacing-unit-s));grid-template-rows:auto 1fr}:host([layout=horizontal][scale=s]) .container,:host([layout=horizontal-single][scale=s]) .container{gap:.25rem var(--calcite-stepper-bar-gap, var(--calcite-internal-stepper-item-spacing-unit-s))}:host([layout=horizontal][scale=l]) .container,:host([layout=horizontal-single][scale=l]) .container{gap:.75rem var(--calcite-stepper-bar-gap, var(--calcite-internal-stepper-item-spacing-unit-s))}:host([layout=horizontal]) .container.single-view{display:flex;grid-template-columns:none}.action-icon{position:relative;display:flex;flex-grow:0;block-size:var(--calcite-internal-stepper-action-block-size);inline-size:var(--calcite-internal-stepper-action-inline-size)}.action-container{position:absolute;display:flex;justify-content:space-between;padding-block:.25rem;inline-size:100%}.step-bar{display:flex;block-size:100%;inline-size:100%}.step-bar-container{position:absolute;display:flex;align-items:flex-start;justify-content:space-between;block-size:.125rem;inline-size:100%;gap:var(--calcite-stepper-bar-gap, var(--calcite-internal-step-bar-gap, .5rem))}.step-bar--inactive{fill:var(--calcite-stepper-bar-inactive-fill-color, var(--calcite-color-border-3, #dfdfdf));fill-opacity:1;block-size:100%}.step-bar--active{fill:var(--calcite-stepper-bar-active-fill-color, var(--calcite-color-brand))}.step-bar--complete{fill:var(--calcite-stepper-bar-complete-fill-color, var(--calcite-color-brand));fill-opacity:.5}.step-bar--error{fill:var(--calcite-stepper-bar-error-fill-color, var(--calcite-color-status-danger))}.step-bar--disabled{opacity:.5}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends g{constructor(){super(),this.containerRef=f(),this.visibleItems=[],this.focusableItems=[],this.guid=x(),this.items=[],this.multipleViewMode=!1,this.mutationObserver=y("mutation",()=>this.updateItems()),this.messages=A(),this.currentActivePosition=-1,this.icon=!1,this.layout="horizontal",this.numbered=!1,this.scale="m",this.selectedItem=null,this.calciteInternalStepperItemChange=d({cancelable:!1}),this.calciteStepperChange=d({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("calciteInternalStepperItemUpdate",e=>{e.stopPropagation(),this.updateItems()}),this.listen("calciteInternalStepperItemSelect",this.updateItem),this.listen("calciteStepperItemSelect",this.handleItemSelect)}static{this.properties={currentActivePosition:[16,{},{state:!0}],icon:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],numbered:[7,{},{reflect:!0,type:Boolean}],numberingSystem:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectedItem:[0,{},{attribute:!1}]}}static{this.styles=R}async endStep(){let e=this.getEnabledStepIndex(this.visibleItems.length-1,"previous");typeof e=="number"&&this.updateStep(e)}async goToStep(e){let t=e-1;this.currentActivePosition!==t&&this.updateStep(t)}async nextStep(){let e=this.getEnabledStepIndex(this.currentActivePosition+1,"next");typeof e=="number"&&this.updateStep(e)}async prevStep(){let e=this.getEnabledStepIndex(this.currentActivePosition-1,"previous");typeof e=="number"&&this.updateStep(e)}async startStep(){let e=this.getEnabledStepIndex(0,"next");typeof e=="number"&&this.updateStep(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0}),this.updateItems()}willUpdate(e){(e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")||e.has("icon")&&(this.hasUpdated||this.icon!==!1)||e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("numberingSystem")&&(this.hasUpdated||this.numberingSystem!==void 0))&&this.updateItems(),e.has("currentActivePosition")&&requestAnimationFrame(()=>{this.determineActiveStepper()})}loaded(){if(this.currentActivePosition===-1){let e=this.getFirstEnabledStepperPosition();this.currentActivePosition=e,this.calciteInternalStepperItemChange.emit({position:e})}}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}keyDownHandler(e){if(e.defaultPrevented||!e.composedPath().includes(this.el))return;let t=this.items.find(i=>i===e.target);if(!(!t||t.disabled))switch(e.key){case"ArrowDown":case"ArrowRight":o(this.focusableItems,t,"next"),e.preventDefault();break;case"ArrowUp":case"ArrowLeft":o(this.focusableItems,t,"previous"),e.preventDefault();break;case"Home":o(this.focusableItems,t,"first"),e.preventDefault();break;case"End":o(this.focusableItems,t,"last"),e.preventDefault();break}}updateItem(e){let{position:t}=e.detail;typeof t=="number"&&(this.currentActivePosition=t,this.selectedItem=e.target),this.calciteInternalStepperItemChange.emit({position:t})}handleItemSelect(){this.emitItemSelect()}emitItemSelect(){this.calciteStepperChange.emit()}updateItems(){this.visibleItems=this.items.filter(e=>!e.hidden),this.determineActiveStepper(),this.focusableItems=this.visibleItems.filter(e=>!e.disabled&&!e.itemHidden),this.items.forEach(e=>{e.icon=this.icon,e.numbered=this.numbered,e.layout=this.layout,e.scale=this.scale,e.numberingSystem=this.numberingSystem})}determineActiveStepper(){let{visibleItems:e}=this;if(e.length<2)return;let{currentActivePosition:t,layout:i}=this;this.multipleViewMode=i!=="horizontal-single",e.forEach((n,s)=>{n.itemHidden=i==="horizontal-single"&&s!==t})}getEnabledStepIndex(e,t="next"){let{visibleItems:i,currentActivePosition:n}=this,s=e;for(;s>=0&&s<i.length&&i[s]?.disabled;)s=s+(t==="previous"?-1:1);return s!==n&&s<i.length&&s>=0?s:null}updateStep(e){this.currentActivePosition=e,this.calciteInternalStepperItemChange.emit({position:e})}handleActionClick(e){let t=this.currentActivePosition;e.target.getAttribute("data-position")==="start"?this.prevStep():this.nextStep(),typeof this.currentActivePosition=="number"&&t!==this.currentActivePosition&&this.visibleItems[this.currentActivePosition]&&!this.visibleItems[this.currentActivePosition].disabled&&this.emitItemSelect()}getFirstEnabledStepperPosition(){let e=this.visibleItems.findIndex(t=>!t.disabled);return e>-1?e:0}handleDefaultSlotChange(e){this.items=S(e).filter(n=>z(n)),this.updateItems();let t=Array(this.visibleItems.length).fill("1fr").join(" "),i=this.containerRef.value;i.style.gridTemplateAreas=t,i.style.gridTemplateColumns=t}render(){return this.el.ariaLabel=this.messages.label??null,this.el.role="region",r`<div class=${a({container:!0,[p.singleView]:this.layout==="horizontal-single"})} ${v(this.containerRef)}>${this.layout==="horizontal-single"&&r`<div class=${a({[p.stepBarContainer]:!0})}>${this.visibleItems.map((e,t)=>U({active:t===this.currentActivePosition,complete:e.complete&&t!==this.currentActivePosition&&!e.error,disabled:e.disabled&&t!==this.currentActivePosition,error:e.error&&t!==this.currentActivePosition}))}</div>`||""}${this.layout==="horizontal-single"&&r`<div class=${a({[p.actionContainer]:!0})}>${this.renderAction("start")}${this.renderAction("end")}</div>`||""}<slot @slotchange=${this.handleDefaultSlotChange}></slot></div>`}renderAction(e){let t=e==="start",i=t?P.chevronLeft:P.chevronRight,{currentActivePosition:n,multipleViewMode:s,layout:w}=this,C=D.position(this.guid,t),$=t?-1:1,k=t?"previous":"next",E=this.getEnabledStepIndex(n+$,k)===null;return w==="horizontal-single"&&!s?r`<calcite-action alignment=center class=${a({[p.actionIcon]:!0})} compact data-position=${e??h} .disabled=${E} .icon=${i} icon-flip-rtl id=${C??h} @click=${this.handleActionClick} .scale=${this.scale} .text=${t?this.messages.previousStep:this.messages.nextStep}></calcite-action>`:null}};I("calcite-stepper",u);export{u as Stepper};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as D}from"./
|
|
2
|
+
import{a as D}from"./R3AORQ2J.js";import{a as S}from"./YF5AB6VY.js";import"./5K4OZJAZ.js";import{a as d}from"./CJ3GVGQB.js";import{a as T}from"./5JOZLNSM.js";import{a as I}from"./X6SWCNNE.js";import"./VMHJHFFS.js";import"./CUGXAM5P.js";import"./AIKTGD7U.js";import"./G4SOANDF.js";import{F as g,G as $,H as h,T as w,g as f,h as r,l as n,p as i}from"./NATFIRX2.js";var v={handle:"handle",dropdown:"dropdown"},y={drag:"drag",blank:"blank"},p={label:"{label}",position:"{position}",total:"{total}"},R=["top","up","down","bottom"],O={trigger:"trigger"},m={add:"add",move:"move",reorder:"reorder"},A=f`: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}.dropdown{block-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends ${constructor(){super(...arguments),this.focusSetter=I()(this),this.interactiveContainer=S(this),this.disabled=!1,this.messages=T({blocking:!0}),this.addToItems=[],this.moveToItems=[],this.open=!1,this.overlayPositioning="absolute",this.placement=D,this.scale="m",this.sortDisabled=!1,this.topLayerDisabled=!1,this.calciteSortHandleAdd=i({cancelable:!0}),this.calciteSortHandleBeforeClose=i({cancelable:!1}),this.calciteSortHandleBeforeOpen=i({cancelable:!1}),this.calciteSortHandleClose=i({cancelable:!1}),this.calciteSortHandleMove=i({cancelable:!0}),this.calciteSortHandleOpen=i({cancelable:!1}),this.calciteSortHandleReorder=i({cancelable:!0})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],label:1,messageOverrides:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortDisabled:[7,{},{reflect:!0,type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}]}}static{this.styles=A}get hasSetInfo(){return typeof this.setPosition=="number"&&typeof this.setSize=="number"}get hasValidSetInfo(){return this.hasSetInfo?this.setPosition>0&&this.setPosition<=this.setSize&&this.setSize>0:!0}get hasReorderItems(){return!this.sortDisabled&&this.hasValidSetInfo}get hasMoveToItems(){return this.moveToItems.length>0}get hasAddToItems(){return this.addToItems.length>0}get reorderGroupTitle(){return this.hasMoveToItems||this.hasAddToItems?this.messages.reorder:""}get hasNoItems(){return!this.hasReorderItems&&!this.hasMoveToItems&&!this.hasAddToItems}get hasAllReorderItemsDisabled(){return this.hasReorderItems&&this.isTopReorderDisabled&&this.isUpReorderDisabled&&this.isDownReorderDisabled&&this.isBottomReorderDisabled}get hasOnlyDisabledReorderItems(){return this.hasReorderItems&&!this.hasMoveToItems&&!this.hasAddToItems&&this.hasAllReorderItemsDisabled}get isTopReorderDisabled(){let{setPosition:e}=this;return e===1||e===2}get isUpReorderDisabled(){return this.setPosition===1}get isDownReorderDisabled(){return this.hasSetInfo&&this.setPosition===this.setSize}get isBottomReorderDisabled(){let{setPosition:e,setSize:t}=this;return this.hasSetInfo&&(e===t||e===t-1)}async setFocus(e){return this.focusSetter(()=>this.dropdownEl,e)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler()}openHandler(){if(this.disabled){this.open=!1;return}this.dropdownEl&&(this.dropdownEl.open=this.open)}setDropdownEl(e){e&&(this.dropdownEl=e,this.openHandler())}getLabel(){let{label:e,messages:t,setPosition:s,setSize:o,hasSetInfo:a}=this;if(!a)return e??"";let l=e?t.repositionLabel.replace(p.label,e):t.reposition;return l=l.replace(p.position,s?s.toString():""),l.replace(p.total,o?o.toString():"")}handleBeforeOpen(e){e.stopPropagation(),this.calciteSortHandleBeforeOpen.emit()}handleOpen(e){e.stopPropagation(),this.calciteSortHandleOpen.emit(),this.open=!0}handleBeforeClose(e){e.stopPropagation(),this.calciteSortHandleBeforeClose.emit()}handleClose(e){e.stopPropagation(),this.calciteSortHandleClose.emit(),this.open=!1}handleReorder(e){this.calciteSortHandleReorder.emit({reorder:e.target.dataset.value})}handleMoveTo(e){let t=e.target.dataset.id,s=this.moveToItems.find(o=>o.id===t);this.calciteSortHandleMove.emit({moveTo:s})}handleAddTo(e){let t=e.target.dataset.id,s=this.addToItems.find(o=>o.id===t);this.calciteSortHandleAdd.emit({addTo:s})}render(){let{disabled:e,flipPlacements:t,hasOnlyDisabledReorderItems:s,open:o,overlayPositioning:a,placement:l,scale:b,widthScale:B,hasNoItems:P}=this,c=this.getLabel(),H=e||P||s;return this.interactiveContainer({disabled:e,children:r`<calcite-dropdown class=${h(v.dropdown)} .disabled=${H} .flipPlacements=${t} @calciteDropdownBeforeClose=${this.handleBeforeClose} @calciteDropdownBeforeOpen=${this.handleBeforeOpen} @calciteDropdownClose=${this.handleClose} @calciteDropdownOpen=${this.handleOpen} .overlayPositioning=${a} .placement=${l} .scale=${b} .topLayerDisabled=${this.topLayerDisabled} .widthScale=${B} ${g(this.setDropdownEl)}><calcite-action .active=${o} .aria=${{expanded:o}} class=${h(v.handle)} .dragHandle=${!0} .icon=${e?y.blank:y.drag} .label=${c} .scale=${b} slot=${O.trigger} .text=${c} title=${c??n}></calcite-action>${this.renderReorderGroup()}${this.renderMoveToGroup()}${this.renderAddToGroup()}</calcite-dropdown>`})}renderAddToItem(e){return d(e.id,r`<calcite-dropdown-item data-id=${e.id??n} .label=${e.label} @calciteDropdownItemSelect=${this.handleAddTo}>${e.label}</calcite-dropdown-item>`)}renderMoveToItem(e){return d(e.id,r`<calcite-dropdown-item data-id=${e.id??n} .label=${e.label} @calciteDropdownItemSelect=${this.handleMoveTo}>${e.label}</calcite-dropdown-item>`)}renderReorderGroup(){return this.hasReorderItems?d("reorder",r`<calcite-dropdown-group .groupTitle=${this.reorderGroupTitle} id=${m.reorder} .scale=${this.scale} selection-mode=none>${this.renderTop()}${this.renderUp()}${this.renderDown()}${this.renderBottom()}</calcite-dropdown-group>`):null}renderAddToGroup(){let{messages:e,addToItems:t,scale:s,hasAddToItems:o}=this;return o?d("add-to-items",r`<calcite-dropdown-group .groupTitle=${e.addTo} id=${m.add} .scale=${s} selection-mode=none>${t.map(a=>this.renderAddToItem(a))}</calcite-dropdown-group>`):null}renderMoveToGroup(){let{messages:e,moveToItems:t,scale:s,hasMoveToItems:o}=this;return o?d("move-to-items",r`<calcite-dropdown-group .groupTitle=${e.moveTo} id=${m.move} .scale=${s} selection-mode=none>${t.map(a=>this.renderMoveToItem(a))}</calcite-dropdown-group>`):null}renderDropdownItem(e,t,s=!1){return d(R[e],r`<calcite-dropdown-item data-value=${R[e]??n} .disabled=${s} .label=${t} @calciteDropdownItemSelect=${this.handleReorder}>${t}</calcite-dropdown-item>`)}renderTop(){return this.renderDropdownItem(0,this.messages.moveToTop,this.isTopReorderDisabled)}renderUp(){return this.renderDropdownItem(1,this.messages.moveUp,this.isUpReorderDisabled)}renderDown(){return this.renderDropdownItem(2,this.messages.moveDown,this.isDownReorderDisabled)}renderBottom(){return this.renderDropdownItem(3,this.messages.moveToBottom,this.isBottomReorderDisabled)}};w("calcite-sort-handle",u);export{u as SortHandle};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as W}from"./JFGMANIH.js";import{a as t,b as x,c as S,d as r}from"./ICVHIOLT.js";import{a as G}from"./OAAOKM34.js";import{b as V}from"./2DXPDSXX.js";import{a as I}from"./RH3D3HKJ.js";import"./KECRF7WK.js";import{a as j}from"./URA5UYWO.js";import{c as U}from"./7XS2SBMV.js";import"./5K4OZJAZ.js";import{a as N,b as O}from"./FDHY2TZA.js";import{b as _}from"./A5OQTYIZ.js";import{c as K}from"./TJGNWJF6.js";import{a as g}from"./BQFXKCUG.js";import{a as M}from"./AR2G33MM.js";import"./2IM7ZZ7U.js";import{a as L}from"./I2CHKYB5.js";import{a as R}from"./VMHJHFFS.js";import"./PZNRNV2R.js";import"./SL7C7M4R.js";import{v as A,w as E,x as d,y as H}from"./G4SOANDF.js";import{E as F,F as k,G as D,H as o,T as P,g as z,h as n,l as y,p as $}from"./FYY4XFX7.js";var q=z`: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;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;border-radius:var(--calcite-panel-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}slot[name=alerts]::slotted(calcite-alert){block-size:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-panel-default-space: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-internal-panel-header-vertical-padding: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=s]) .header-content .icon{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-theme-space-md, var(--calcite-spacing-md));--calcite-internal-panel-header-vertical-padding: var(--calcite-theme-space-md-plus, var(--calcite-spacing-md-plus))}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=m]) .header-content .icon{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host(:is([scale=s],[scale=m])){--calcite-internal-panel-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){--calcite-internal-panel-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-internal-panel-default-space: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));--calcite-internal-panel-header-vertical-padding: var(--calcite-theme-space-xl, var(--calcite-spacing-xl))}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}:host([scale=l]) .header-content .icon{margin-inline-end:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));background-color:var(--calcite-panel-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.content-top{padding:var(--calcite-panel-content-top-space, var(--calcite-internal-panel-default-space))}.content-bottom{padding:var(--calcite-panel-content-bottom-space, var(--calcite-internal-panel-default-space))}.container{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;overflow:hidden;background-color:var(--calcite-theme-color-surface-1, var(--calcite-color-background));padding:0;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-2);transition:max-block-size var(--calcite-animation-timing),inline-size var(--calcite-animation-timing);box-sizing:border-box;font-size:var(--calcite-font-size--1)}.container *{box-sizing:border-box}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-panel-header-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-panel-header-border-block-end, var(--calcite-color-border-3)))}.header--no-row{border-block-end:0}.content-top--no-border{border-block-start:0}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3))}.header-top{inline-size:100%;border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-header-top-space, var(--calcite-internal-panel-default-space))}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:.75rem;padding-block:.875rem;margin-inline-end:auto;justify-content:center}.header-content .heading-text-content{flex:1 1 auto;overflow:hidden}.header-content .heading,.header-content .description{display:block;flex:none;overflow-wrap:break-word;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.header-content .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-panel-heading-text-color, var(--calcite-color-text-1))}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-panel-description-text-color, var(--calcite-color-text-2))}#close,#collapse,calcite-action-menu{--calcite-action-background-color: var(--calcite-panel-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-panel-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-panel-header-action-background-color-press);--calcite-action-text-color: var(--calcite-panel-header-action-text-color);--calcite-action-text-color-press: var(--calcite-panel-header-action-text-color-press)}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;margin:auto;gap:var(--calcite-internal-panel-action-spacing)}.header-actions--start{margin-inline-start:var(--calcite-internal-panel-action-spacing)}.header-actions--end{margin-inline-end:var(--calcite-internal-panel-action-spacing)}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;color:var(--calcite-color-text-2);outline-color:transparent;padding:var(--calcite-panel-space, var(--calcite-panel-content-space, 0));background:var(--calcite-panel-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)))}.content-wrapper:focus-visible{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-theme-space-base, var(--calcite-spacing-base))) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.header-content{flex:1 1 auto;justify-content:center;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-space)}.header-content.header--slotted-content{padding:var(--calcite-panel-header-content-space, var(--calcite-internal-panel-header-vertical-padding) var(--calcite-internal-panel-default-space))}.header-content.header--non-slotted-content{align-items:center;flex-direction:row}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-footer-space, var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-space)));background-color:var(--calcite-panel-footer-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-space)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-space)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:.5rem;inset-inline:0;inline-size:fit-content}calcite-icon{--calcite-icon-color: var(--calcite-panel-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-1)))}:host([hidden]){display:none}[hidden]{display:none}`,w=class extends D{constructor(){super(),this.containerRef=F(),this.resizeObserver=N("resize",()=>this.resizeHandler()),this.messages=M(),this._closed=!1,this.focusSetter=L()(this),this.focusTrapController=W({focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(!e.defaultPrevented&&this.closable&&(this.emitCloseEvent(),e.preventDefault()),!1)}})(this),this.interactiveContainer=j(this),this.hasActionBar=!1,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasEndActions=!1,this.hasFab=!1,this.hasFooterContent=!1,this.hasFooterEndContent=!1,this.hasFooterStartContent=!1,this.hasHeaderContent=!1,this.hasHeaderDescription=!1,this.hasHeaderHeading=!1,this.hasHeaderTop=!1,this.hasMenuItems=!1,this.hasStartActions=!1,this.showHeaderContent=!1,this.closable=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.focusTrapEnabledByParent=!1,this.focusTrapDisabled=!1,this.menuOpen=!1,this.menuPlacement=V,this.overlayPositioning="absolute",this.scale="m",this.topLayerDisabled=!1,this.calcitePanelClose=$({cancelable:!0}),this.calcitePanelCollapse=$({cancelable:!1}),this.calcitePanelExpand=$({cancelable:!1}),this.calcitePanelScroll=$({cancelable:!1}),this.calcitePanelToggle=$({cancelable:!1}),this.listen("keydown",this.panelKeyDownHandler),this.listen("calcitePanelClose",this.panelCloseHandler)}static{this.properties={hasActionBar:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasEndActions:[16,{},{state:!0}],hasFab:[16,{},{state:!0}],hasFooterContent:[16,{},{state:!0}],hasFooterEndContent:[16,{},{state:!0}],hasFooterStartContent:[16,{},{state:!0}],hasHeaderContent:[16,{},{state:!0}],hasHeaderDescription:[16,{},{state:!0}],hasHeaderHeading:[16,{},{state:!0}],hasHeaderTop:[16,{},{state:!0}],hasMenuItems:[16,{},{state:!0}],hasStartActions:[16,{},{state:!0}],showHeaderContent:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],collapseDirection:1,collapsed:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],focusTrapEnabledByParent:[5,{},{type:Boolean}],focusTrapDisabled:[5,{},{type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],menuFlipPlacements:[0,{},{attribute:!1}],menuOpen:[7,{},{reflect:!0,type:Boolean}],menuPlacement:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[G,q]}get hasHeaderRow(){return this.hasHeaderContent||!!this.heading||!!this.description||this.hasHeaderHeading||this.hasHeaderDescription||this.hasStartActions||this.hasEndActions||this.collapsible||this.closable||this.hasMenuItems}get closed(){return this._closed}set closed(e){let a=this._closed;e!==a&&this.setClosedState(e)}async scrollContentTo(e){this.panelScrollEl?.scrollTo(e)}async setFocus(e){return this.focusSetter(()=>this.containerRef.value,e)}async updateFocusTrapElements(e){this.focusTrapController.setExtraContainers(e),this.focusTrapController.updateContainerElements()}willUpdate(e){e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calcitePanelCollapse.emit():this.calcitePanelExpand.emit())}updated(e){(e.has("closable")||e.has("closed")||e.has("focusTrapDisabled")||e.has("focusTrapEnabledByParent"))&&(this.hasDialogBehavior?this.focusTrapController.activate():this.focusTrapController.deactivate())}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}focusTrapDisabledOverride(){return this.focusTrapDisabled||!this.hasDialogBehavior}get hasDialogBehavior(){return!this.focusTrapDisabled&&!this.closed&&(this.closable||this.focusTrapEnabledByParent)}async setClosedState(e){if(this.beforeClose&&e)try{await this.beforeClose?.()}catch{return}this._closed=e}resizeHandler(){let{panelScrollEl:e}=this;if(!e||typeof e.scrollHeight!="number"||typeof e.offsetHeight!="number")return;e.scrollHeight>e.offsetHeight?e.setAttribute("tabindex","0"):e.removeAttribute("tabindex")}closeClickHandler(){this.emitCloseEvent()}emitCloseEvent(){this.calcitePanelClose.emit()}panelKeyDownHandler(e){e.key!=="Escape"||e.defaultPrevented||this.closed||!this.closable||(e.preventDefault(),this.emitCloseEvent())}panelCloseHandler(e){e.defaultPrevented||e.target!==this.el||(this.closed=!0)}collapse(){this.collapsed=!this.collapsed,this.calcitePanelToggle.emit()}panelScrollHandler(){this.calcitePanelScroll.emit()}handleHeaderActionsStartSlotChange(e){this.hasStartActions=d(e)}handleHeaderActionsEndSlotChange(e){this.hasEndActions=d(e)}handleHeaderMenuActionsSlotChange(e){this.hasMenuItems=d(e)}handleActionBarSlotChange(e){let a=H(e).filter(U);a.forEach(i=>i.layout="horizontal"),this.hasActionBar=!!a.length}handleHeaderContentSlotChange(e){this.hasHeaderContent=d(e)}handleHeaderTopSlotChange(e){this.hasHeaderTop=d(e)}handleHeaderDescriptionSlotChange(e){this.hasHeaderDescription=E(e)||H(e).some(A)}handleHeaderHeadingSlotChange(e){this.hasHeaderHeading=E(e)||H(e).some(A)}handleFabSlotChange(e){this.hasFab=d(e)}handleFooterEndSlotChange(e){this.hasFooterEndContent=d(e)}handleFooterStartSlotChange(e){this.hasFooterStartContent=d(e)}handleFooterSlotChange(e){this.hasFooterContent=d(e)}contentBottomSlotChangeHandler(e){this.hasContentBottom=d(e)}contentTopSlotChangeHandler(e){this.hasContentTop=d(e)}setPanelScrollEl(e){O(this.resizeObserver,this.panelScrollEl,e),this.panelScrollEl=e}handleAlertsSlotChange(e){H(e)?.map(a=>{a.nodeName==="CALCITE-ALERT"&&(a.embedded=!0)})}renderHeaderContent(){let{heading:e,headingLevel:a,description:i,hasHeaderContent:s,hasHeaderDescription:c,hasHeaderHeading:l,icon:u,scale:p}=this,m=!!e||l,h=!!i||c,f=m||h,v=u?n`<calcite-icon class=${o(t.icon)} .flipRtl=${this.iconFlipRtl} .icon=${u} .scale=${R(p)}></calcite-icon>`:null,b=I({class:t.heading,hidden:!m,id:x.heading,level:a,children:n`<slot .hidden=${!l} name=${r.heading} @slotchange=${this.handleHeaderHeadingSlotChange}></slot>${l?null:e}`}),C=n`<span class=${o(t.description)} .hidden=${!h}><slot .hidden=${!c} name=${r.description} @slotchange=${this.handleHeaderDescriptionSlotChange}></slot>${c?null:i}</span>`;return g("header-content",n`<div class=${o({[t.headerContent]:!0,[t.headerNonSlottedContent]:!0})} .hidden=${s||!f}>${v}<div class=${o(t.headingTextContent)}>${b}${C}</div></div>`)}renderActionBar(){return n`<div class=${o(t.actionBarContainer)} .hidden=${!this.hasActionBar}><slot name=${r.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`}renderHeaderSlottedContent(){return g("slotted-header-content",n`<div class=${o({[t.headerContent]:!0,[t.headerSlottedContent]:!0})} .hidden=${!this.hasHeaderContent}><slot name=${r.headerContent} @slotchange=${this.handleHeaderContentSlotChange}></slot></div>`)}renderHeaderTop(){return n`<div class=${o(t.headerTop)} .hidden=${!this.hasHeaderTop}><slot name=${r.headerTop} @slotchange=${this.handleHeaderTopSlotChange}></slot></div>`}renderHeaderStartActions(){let{hasStartActions:e}=this;return g("header-actions-start",n`<div class=${o({[t.headerActionsStart]:!0,[t.headerActions]:!0})} .hidden=${!e}><slot name=${r.headerActionsStart} @slotchange=${this.handleHeaderActionsStartSlotChange}></slot></div>`)}renderHeaderActionsEnd(){let{hasEndActions:e,messages:a,closable:i,collapsed:s,collapseDirection:c,collapsible:l,hasMenuItems:u}=this,{collapse:p,expand:m,close:h}=a,f=[S.expand,S.collapse];c==="up"&&f.reverse();let v=l?n`<calcite-action .aria=${{expanded:!s}} .icon=${s?f[0]:f[1]} id=${x.collapse} .label=${p} @click=${this.collapse} .scale=${this.scale} .text=${p} title=${(s?m:p)??y}></calcite-action>`:null,b=i?n`<calcite-action .ariaLabel=${h} .icon=${S.close} id=${x.close} @click=${this.closeClickHandler} .scale=${this.scale} .text=${h} title=${h??y}></calcite-action>`:null,C=n`<slot name=${r.headerActionsEnd} @slotchange=${this.handleHeaderActionsEndSlotChange}></slot>`,B=e||v||b||u;return g("header-actions-end",n`<div class=${o({[t.headerActionsEnd]:!0,[t.headerActions]:!0})} .hidden=${!B}>${C}${this.renderMenu()}${v}${b}</div>`)}renderMenu(){let{hasMenuItems:e,messages:a,menuOpen:i,menuFlipPlacements:s,menuPlacement:c,scale:l}=this;return g("menu",n`<calcite-action-menu .flipPlacements=${s??["top","bottom"]} .hidden=${!e} .label=${a.options} .open=${i} .overlayPositioning=${this.overlayPositioning} .placement=${c} .scale=${l} .topLayerDisabled=${this.topLayerDisabled}><calcite-action class=${o(t.menuAction)} .icon=${S.menu} .scale=${l} slot=${K.trigger} .text=${a.options}></calcite-action><slot name=${r.headerMenuActions} @slotchange=${this.handleHeaderMenuActionsSlotChange}></slot></calcite-action-menu>`)}renderHeaderNode(){let{hasHeaderContent:e,hasHeaderDescription:a,hasHeaderHeading:i,hasHeaderTop:s,hasStartActions:c,hasEndActions:l,closable:u,collapsible:p,hasMenuItems:m,hasActionBar:h,hasContentTop:f,heading:v,description:b}=this,C=this.renderHeaderContent(),T=e||(!!v||!!b||i||a)||s||c||l||p||u||m||h||f;return this.showHeaderContent=T,n`<header class=${o({[t.header]:!0,[t.headerNoRow]:s&&!this.hasHeaderRow&&!h&&!f})} .hidden=${!(T||h||f)}>${this.renderHeaderTop()}<div class=${o({[t.headerContainer]:!0,[t.headerContainerBorderEnd]:h&&this.hasHeaderRow})} .hidden=${!T}>${this.renderHeaderStartActions()}${this.renderHeaderSlottedContent()}${C}${this.renderHeaderActionsEnd()}</div>${this.renderActionBar()}${this.renderContentTop()}</header>`}renderFooterNode(){let{hasFooterEndContent:e,hasFooterStartContent:a,hasFooterContent:i}=this,s=a||e||i;return n`<footer class=${o(t.footer)} .hidden=${!s}><div class=${o(t.footerContent)} .hidden=${!i}><slot name=${r.footer} @slotchange=${this.handleFooterSlotChange}></slot></div><div class=${o(t.footerStart)} .hidden=${i||!a}><slot name=${r.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot></div><div class=${o(t.footerEnd)} .hidden=${i||!e}><slot name=${r.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot></div></footer>`}renderContent(){return n`<div class=${o(t.contentWrapper)} .hidden=${this.collapsible&&this.collapsed} @scroll=${this.panelScrollHandler} ${k(this.setPanelScrollEl)}><slot></slot>${this.renderFab()}</div>`}renderContentBottom(){return n`<div class=${o(t.contentBottom)} .hidden=${!this.hasContentBottom}><slot name=${r.contentBottom} @slotchange=${this.contentBottomSlotChangeHandler}></slot></div>`}renderContentTop(){return n`<div class=${o({[t.contentTop]:!0,[t.contentTopNoBorder]:this.hasHeaderTop&&!this.hasHeaderRow&&!this.hasActionBar})} .hidden=${!this.hasContentTop}><slot name=${r.contentTop} @slotchange=${this.contentTopSlotChangeHandler}></slot></div>`}renderFab(){return n`<div class=${o(t.fabContainer)} .hidden=${!this.hasFab}><slot name=${r.fab} @slotchange=${this.handleFabSlotChange}></slot></div>`}render(){let{disabled:e,loading:a,closed:i,heading:s,description:c}=this,l=this.hasDialogBehavior,u=!!s||this.hasHeaderHeading,p=n`<div aria-labelledby=${(l&&u?x.heading:void 0)??y} .ariaBusy=${_(a,void 0)} .ariaDescription=${l&&c?c:void 0} .ariaLabel=${l&&s&&!this.hasHeaderHeading?s:void 0} .ariaLive=${l?"polite":void 0} class=${o(t.container)} .hidden=${i} .role=${l?"dialog":"article"} ${k(this.containerRef)}>${this.renderHeaderNode()}${this.renderContent()}${this.renderContentBottom()}${this.renderFooterNode()}${g("alerts",n`<slot name=${r.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</div>`;return this.interactiveContainer({disabled:e,children:n`${p}${a?n`<calcite-scrim .loading=${a}></calcite-scrim>`:null}`})}};P("calcite-panel",w);export{w as Panel};
|
|
2
|
+
import{a as W}from"./7GXH7YXY.js";import{a as t,b as x,c as S,d as r}from"./ICVHIOLT.js";import{a as G}from"./NELXJHQJ.js";import{b as V}from"./R3AORQ2J.js";import{a as I}from"./VAOMYSXH.js";import"./EQXG6NUU.js";import{a as j}from"./YF5AB6VY.js";import{c as U}from"./7XS2SBMV.js";import"./5K4OZJAZ.js";import{a as N,b as O}from"./FDHY2TZA.js";import{b as _}from"./A5OQTYIZ.js";import{c as K}from"./TJGNWJF6.js";import{a as g}from"./CJ3GVGQB.js";import{a as M}from"./5JOZLNSM.js";import"./2IM7ZZ7U.js";import{a as L}from"./X6SWCNNE.js";import{a as R}from"./VMHJHFFS.js";import"./CUGXAM5P.js";import"./AIKTGD7U.js";import{v as A,w as E,x as d,y as H}from"./G4SOANDF.js";import{E as F,F as k,G as D,H as o,T as P,g as z,h as n,l as y,p as $}from"./NATFIRX2.js";var q=z`: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;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;border-radius:var(--calcite-panel-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}slot[name=alerts]::slotted(calcite-alert){block-size:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-panel-default-space: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-internal-panel-header-vertical-padding: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=s]) .header-content .icon{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-theme-space-md, var(--calcite-spacing-md));--calcite-internal-panel-header-vertical-padding: var(--calcite-theme-space-md-plus, var(--calcite-spacing-md-plus))}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=m]) .header-content .icon{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host(:is([scale=s],[scale=m])){--calcite-internal-panel-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){--calcite-internal-panel-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-internal-panel-default-space: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));--calcite-internal-panel-header-vertical-padding: var(--calcite-theme-space-xl, var(--calcite-spacing-xl))}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}:host([scale=l]) .header-content .icon{margin-inline-end:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));background-color:var(--calcite-panel-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.content-top{padding:var(--calcite-panel-content-top-space, var(--calcite-internal-panel-default-space))}.content-bottom{padding:var(--calcite-panel-content-bottom-space, var(--calcite-internal-panel-default-space))}.container{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;overflow:hidden;background-color:var(--calcite-theme-color-surface-1, var(--calcite-color-background));padding:0;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-2);transition:max-block-size var(--calcite-animation-timing),inline-size var(--calcite-animation-timing);box-sizing:border-box;font-size:var(--calcite-font-size--1)}.container *{box-sizing:border-box}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-panel-header-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-panel-header-border-block-end, var(--calcite-color-border-3)))}.header--no-row{border-block-end:0}.content-top--no-border{border-block-start:0}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3))}.header-top{inline-size:100%;border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-header-top-space, var(--calcite-internal-panel-default-space))}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:.75rem;padding-block:.875rem;margin-inline-end:auto;justify-content:center}.header-content .heading-text-content{flex:1 1 auto;overflow:hidden}.header-content .heading,.header-content .description{display:block;flex:none;overflow-wrap:break-word;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.header-content .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-panel-heading-text-color, var(--calcite-color-text-1))}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-panel-description-text-color, var(--calcite-color-text-2))}#close,#collapse,calcite-action-menu{--calcite-action-background-color: var(--calcite-panel-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-panel-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-panel-header-action-background-color-press);--calcite-action-text-color: var(--calcite-panel-header-action-text-color);--calcite-action-text-color-press: var(--calcite-panel-header-action-text-color-press)}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;margin:auto;gap:var(--calcite-internal-panel-action-spacing)}.header-actions--start{margin-inline-start:var(--calcite-internal-panel-action-spacing)}.header-actions--end{margin-inline-end:var(--calcite-internal-panel-action-spacing)}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;color:var(--calcite-color-text-2);outline-color:transparent;padding:var(--calcite-panel-space, var(--calcite-panel-content-space, 0));background:var(--calcite-panel-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)))}.content-wrapper:focus-visible{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-theme-space-base, var(--calcite-spacing-base))) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.header-content{flex:1 1 auto;justify-content:center;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-space)}.header-content.header--slotted-content{padding:var(--calcite-panel-header-content-space, var(--calcite-internal-panel-header-vertical-padding) var(--calcite-internal-panel-default-space))}.header-content.header--non-slotted-content{align-items:center;flex-direction:row}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-footer-space, var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-space)));background-color:var(--calcite-panel-footer-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-space)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-space)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:.5rem;inset-inline:0;inline-size:fit-content}calcite-icon{--calcite-icon-color: var(--calcite-panel-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-1)))}:host([hidden]){display:none}[hidden]{display:none}`,w=class extends D{constructor(){super(),this.containerRef=F(),this.resizeObserver=N("resize",()=>this.resizeHandler()),this.messages=M(),this._closed=!1,this.focusSetter=L()(this),this.focusTrapController=W({focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(!e.defaultPrevented&&this.closable&&(this.emitCloseEvent(),e.preventDefault()),!1)}})(this),this.interactiveContainer=j(this),this.hasActionBar=!1,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasEndActions=!1,this.hasFab=!1,this.hasFooterContent=!1,this.hasFooterEndContent=!1,this.hasFooterStartContent=!1,this.hasHeaderContent=!1,this.hasHeaderDescription=!1,this.hasHeaderHeading=!1,this.hasHeaderTop=!1,this.hasMenuItems=!1,this.hasStartActions=!1,this.showHeaderContent=!1,this.closable=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.focusTrapEnabledByParent=!1,this.focusTrapDisabled=!1,this.menuOpen=!1,this.menuPlacement=V,this.overlayPositioning="absolute",this.scale="m",this.topLayerDisabled=!1,this.calcitePanelClose=$({cancelable:!0}),this.calcitePanelCollapse=$({cancelable:!1}),this.calcitePanelExpand=$({cancelable:!1}),this.calcitePanelScroll=$({cancelable:!1}),this.calcitePanelToggle=$({cancelable:!1}),this.listen("keydown",this.panelKeyDownHandler),this.listen("calcitePanelClose",this.panelCloseHandler)}static{this.properties={hasActionBar:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasEndActions:[16,{},{state:!0}],hasFab:[16,{},{state:!0}],hasFooterContent:[16,{},{state:!0}],hasFooterEndContent:[16,{},{state:!0}],hasFooterStartContent:[16,{},{state:!0}],hasHeaderContent:[16,{},{state:!0}],hasHeaderDescription:[16,{},{state:!0}],hasHeaderHeading:[16,{},{state:!0}],hasHeaderTop:[16,{},{state:!0}],hasMenuItems:[16,{},{state:!0}],hasStartActions:[16,{},{state:!0}],showHeaderContent:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],collapseDirection:1,collapsed:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],focusTrapEnabledByParent:[5,{},{type:Boolean}],focusTrapDisabled:[5,{},{type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],menuFlipPlacements:[0,{},{attribute:!1}],menuOpen:[7,{},{reflect:!0,type:Boolean}],menuPlacement:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[G,q]}get hasHeaderRow(){return this.hasHeaderContent||!!this.heading||!!this.description||this.hasHeaderHeading||this.hasHeaderDescription||this.hasStartActions||this.hasEndActions||this.collapsible||this.closable||this.hasMenuItems}get closed(){return this._closed}set closed(e){let a=this._closed;e!==a&&this.setClosedState(e)}async scrollContentTo(e){this.panelScrollEl?.scrollTo(e)}async setFocus(e){return this.focusSetter(()=>this.containerRef.value,e)}async updateFocusTrapElements(e){this.focusTrapController.setExtraContainers(e),this.focusTrapController.updateContainerElements()}willUpdate(e){e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calcitePanelCollapse.emit():this.calcitePanelExpand.emit())}updated(e){(e.has("closable")||e.has("closed")||e.has("focusTrapDisabled")||e.has("focusTrapEnabledByParent"))&&(this.hasDialogBehavior?this.focusTrapController.activate():this.focusTrapController.deactivate())}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}focusTrapDisabledOverride(){return this.focusTrapDisabled||!this.hasDialogBehavior}get hasDialogBehavior(){return!this.focusTrapDisabled&&!this.closed&&(this.closable||this.focusTrapEnabledByParent)}async setClosedState(e){if(this.beforeClose&&e)try{await this.beforeClose?.()}catch{return}this._closed=e}resizeHandler(){let{panelScrollEl:e}=this;if(!e||typeof e.scrollHeight!="number"||typeof e.offsetHeight!="number")return;e.scrollHeight>e.offsetHeight?e.setAttribute("tabindex","0"):e.removeAttribute("tabindex")}closeClickHandler(){this.emitCloseEvent()}emitCloseEvent(){this.calcitePanelClose.emit()}panelKeyDownHandler(e){e.key!=="Escape"||e.defaultPrevented||this.closed||!this.closable||(e.preventDefault(),this.emitCloseEvent())}panelCloseHandler(e){e.defaultPrevented||e.target!==this.el||(this.closed=!0)}collapse(){this.collapsed=!this.collapsed,this.calcitePanelToggle.emit()}panelScrollHandler(){this.calcitePanelScroll.emit()}handleHeaderActionsStartSlotChange(e){this.hasStartActions=d(e)}handleHeaderActionsEndSlotChange(e){this.hasEndActions=d(e)}handleHeaderMenuActionsSlotChange(e){this.hasMenuItems=d(e)}handleActionBarSlotChange(e){let a=H(e).filter(U);a.forEach(i=>i.layout="horizontal"),this.hasActionBar=!!a.length}handleHeaderContentSlotChange(e){this.hasHeaderContent=d(e)}handleHeaderTopSlotChange(e){this.hasHeaderTop=d(e)}handleHeaderDescriptionSlotChange(e){this.hasHeaderDescription=E(e)||H(e).some(A)}handleHeaderHeadingSlotChange(e){this.hasHeaderHeading=E(e)||H(e).some(A)}handleFabSlotChange(e){this.hasFab=d(e)}handleFooterEndSlotChange(e){this.hasFooterEndContent=d(e)}handleFooterStartSlotChange(e){this.hasFooterStartContent=d(e)}handleFooterSlotChange(e){this.hasFooterContent=d(e)}contentBottomSlotChangeHandler(e){this.hasContentBottom=d(e)}contentTopSlotChangeHandler(e){this.hasContentTop=d(e)}setPanelScrollEl(e){O(this.resizeObserver,this.panelScrollEl,e),this.panelScrollEl=e}handleAlertsSlotChange(e){H(e)?.map(a=>{a.nodeName==="CALCITE-ALERT"&&(a.embedded=!0)})}renderHeaderContent(){let{heading:e,headingLevel:a,description:i,hasHeaderContent:s,hasHeaderDescription:c,hasHeaderHeading:l,icon:u,scale:p}=this,m=!!e||l,h=!!i||c,f=m||h,v=u?n`<calcite-icon class=${o(t.icon)} .flipRtl=${this.iconFlipRtl} .icon=${u} .scale=${R(p)}></calcite-icon>`:null,b=I({class:t.heading,hidden:!m,id:x.heading,level:a,children:n`<slot .hidden=${!l} name=${r.heading} @slotchange=${this.handleHeaderHeadingSlotChange}></slot>${l?null:e}`}),C=n`<span class=${o(t.description)} .hidden=${!h}><slot .hidden=${!c} name=${r.description} @slotchange=${this.handleHeaderDescriptionSlotChange}></slot>${c?null:i}</span>`;return g("header-content",n`<div class=${o({[t.headerContent]:!0,[t.headerNonSlottedContent]:!0})} .hidden=${s||!f}>${v}<div class=${o(t.headingTextContent)}>${b}${C}</div></div>`)}renderActionBar(){return n`<div class=${o(t.actionBarContainer)} .hidden=${!this.hasActionBar}><slot name=${r.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`}renderHeaderSlottedContent(){return g("slotted-header-content",n`<div class=${o({[t.headerContent]:!0,[t.headerSlottedContent]:!0})} .hidden=${!this.hasHeaderContent}><slot name=${r.headerContent} @slotchange=${this.handleHeaderContentSlotChange}></slot></div>`)}renderHeaderTop(){return n`<div class=${o(t.headerTop)} .hidden=${!this.hasHeaderTop}><slot name=${r.headerTop} @slotchange=${this.handleHeaderTopSlotChange}></slot></div>`}renderHeaderStartActions(){let{hasStartActions:e}=this;return g("header-actions-start",n`<div class=${o({[t.headerActionsStart]:!0,[t.headerActions]:!0})} .hidden=${!e}><slot name=${r.headerActionsStart} @slotchange=${this.handleHeaderActionsStartSlotChange}></slot></div>`)}renderHeaderActionsEnd(){let{hasEndActions:e,messages:a,closable:i,collapsed:s,collapseDirection:c,collapsible:l,hasMenuItems:u}=this,{collapse:p,expand:m,close:h}=a,f=[S.expand,S.collapse];c==="up"&&f.reverse();let v=l?n`<calcite-action .aria=${{expanded:!s}} .icon=${s?f[0]:f[1]} id=${x.collapse} .label=${p} @click=${this.collapse} .scale=${this.scale} .text=${p} title=${(s?m:p)??y}></calcite-action>`:null,b=i?n`<calcite-action .ariaLabel=${h} .icon=${S.close} id=${x.close} @click=${this.closeClickHandler} .scale=${this.scale} .text=${h} title=${h??y}></calcite-action>`:null,C=n`<slot name=${r.headerActionsEnd} @slotchange=${this.handleHeaderActionsEndSlotChange}></slot>`,B=e||v||b||u;return g("header-actions-end",n`<div class=${o({[t.headerActionsEnd]:!0,[t.headerActions]:!0})} .hidden=${!B}>${C}${this.renderMenu()}${v}${b}</div>`)}renderMenu(){let{hasMenuItems:e,messages:a,menuOpen:i,menuFlipPlacements:s,menuPlacement:c,scale:l}=this;return g("menu",n`<calcite-action-menu .flipPlacements=${s??["top","bottom"]} .hidden=${!e} .label=${a.options} .open=${i} .overlayPositioning=${this.overlayPositioning} .placement=${c} .scale=${l} .topLayerDisabled=${this.topLayerDisabled}><calcite-action class=${o(t.menuAction)} .icon=${S.menu} .scale=${l} slot=${K.trigger} .text=${a.options}></calcite-action><slot name=${r.headerMenuActions} @slotchange=${this.handleHeaderMenuActionsSlotChange}></slot></calcite-action-menu>`)}renderHeaderNode(){let{hasHeaderContent:e,hasHeaderDescription:a,hasHeaderHeading:i,hasHeaderTop:s,hasStartActions:c,hasEndActions:l,closable:u,collapsible:p,hasMenuItems:m,hasActionBar:h,hasContentTop:f,heading:v,description:b}=this,C=this.renderHeaderContent(),T=e||(!!v||!!b||i||a)||s||c||l||p||u||m||h||f;return this.showHeaderContent=T,n`<header class=${o({[t.header]:!0,[t.headerNoRow]:s&&!this.hasHeaderRow&&!h&&!f})} .hidden=${!(T||h||f)}>${this.renderHeaderTop()}<div class=${o({[t.headerContainer]:!0,[t.headerContainerBorderEnd]:h&&this.hasHeaderRow})} .hidden=${!T}>${this.renderHeaderStartActions()}${this.renderHeaderSlottedContent()}${C}${this.renderHeaderActionsEnd()}</div>${this.renderActionBar()}${this.renderContentTop()}</header>`}renderFooterNode(){let{hasFooterEndContent:e,hasFooterStartContent:a,hasFooterContent:i}=this,s=a||e||i;return n`<footer class=${o(t.footer)} .hidden=${!s}><div class=${o(t.footerContent)} .hidden=${!i}><slot name=${r.footer} @slotchange=${this.handleFooterSlotChange}></slot></div><div class=${o(t.footerStart)} .hidden=${i||!a}><slot name=${r.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot></div><div class=${o(t.footerEnd)} .hidden=${i||!e}><slot name=${r.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot></div></footer>`}renderContent(){return n`<div class=${o(t.contentWrapper)} .hidden=${this.collapsible&&this.collapsed} @scroll=${this.panelScrollHandler} ${k(this.setPanelScrollEl)}><slot></slot>${this.renderFab()}</div>`}renderContentBottom(){return n`<div class=${o(t.contentBottom)} .hidden=${!this.hasContentBottom}><slot name=${r.contentBottom} @slotchange=${this.contentBottomSlotChangeHandler}></slot></div>`}renderContentTop(){return n`<div class=${o({[t.contentTop]:!0,[t.contentTopNoBorder]:this.hasHeaderTop&&!this.hasHeaderRow&&!this.hasActionBar})} .hidden=${!this.hasContentTop}><slot name=${r.contentTop} @slotchange=${this.contentTopSlotChangeHandler}></slot></div>`}renderFab(){return n`<div class=${o(t.fabContainer)} .hidden=${!this.hasFab}><slot name=${r.fab} @slotchange=${this.handleFabSlotChange}></slot></div>`}render(){let{disabled:e,loading:a,closed:i,heading:s,description:c}=this,l=this.hasDialogBehavior,u=!!s||this.hasHeaderHeading,p=n`<div aria-labelledby=${(l&&u?x.heading:void 0)??y} .ariaBusy=${_(a,void 0)} .ariaDescription=${l&&c?c:void 0} .ariaLabel=${l&&s&&!this.hasHeaderHeading?s:void 0} .ariaLive=${l?"polite":void 0} class=${o(t.container)} .hidden=${i} .role=${l?"dialog":"article"} ${k(this.containerRef)}>${this.renderHeaderNode()}${this.renderContent()}${this.renderContentBottom()}${this.renderFooterNode()}${g("alerts",n`<slot name=${r.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</div>`;return this.interactiveContainer({disabled:e,children:n`${p}${a?n`<calcite-scrim .loading=${a}></calcite-scrim>`:null}`})}};P("calcite-panel",w);export{w as Panel};
|