@esri/calcite-components 5.1.0-next.8 → 5.1.0-next.9

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.
Files changed (161) hide show
  1. package/dist/cdn/{YCTMZBN3.js → 24BVOJIY.js} +1 -1
  2. package/dist/cdn/{AQRFO7EB.js → 34EJXQYF.js} +1 -1
  3. package/dist/cdn/{LS6DCTIG.js → 3GXLGKZV.js} +1 -1
  4. package/dist/cdn/{OHI6NELF.js → 3IHT5FIP.js} +1 -1
  5. package/dist/cdn/{IMFR5NEO.js → 3O7NXGXJ.js} +1 -1
  6. package/dist/cdn/{TRQXVBXU.js → 43FMFYKZ.js} +1 -1
  7. package/dist/cdn/{H764MK3H.js → 43SP7K3P.js} +1 -1
  8. package/dist/cdn/{GOV5YXBE.js → 45Z5R6GR.js} +1 -1
  9. package/dist/cdn/{G3LIWIPW.js → 47RTCYTX.js} +1 -1
  10. package/dist/cdn/{L36EVTCL.js → 4AQ3DQDN.js} +1 -1
  11. package/dist/cdn/{OGR5ARIW.js → 4DJKUEBQ.js} +1 -1
  12. package/dist/cdn/4IBKGKIH.js +2 -0
  13. package/dist/cdn/{G5PEBD22.js → 4JVVYRDW.js} +1 -1
  14. package/dist/cdn/{ISXEEXKP.js → 4U633XVG.js} +1 -1
  15. package/dist/cdn/{OXIEI7FU.js → 55GOZN42.js} +1 -1
  16. package/dist/cdn/{AKHHJLNI.js → 575ZYV35.js} +1 -1
  17. package/dist/cdn/{VZBGQAPM.js → 5LUEFKD3.js} +1 -1
  18. package/dist/cdn/{24AJZ7NF.js → 5RDU2ZNH.js} +1 -1
  19. package/dist/cdn/{Z5H3SBF4.js → 5TJGOI64.js} +1 -1
  20. package/dist/cdn/{CZLSVHDA.js → 67QHQNZF.js} +1 -1
  21. package/dist/cdn/{O64Y2APR.js → 6C76CPWO.js} +1 -1
  22. package/dist/cdn/{222PZZVE.js → 6LA4PLL2.js} +1 -1
  23. package/dist/cdn/{NKB7CA3Y.js → 6OKASMD7.js} +1 -1
  24. package/dist/cdn/{OI35UHBC.js → 7ECYZZBW.js} +1 -1
  25. package/dist/cdn/{SJMZTW3M.js → 7JGWCRII.js} +1 -1
  26. package/dist/cdn/{XWSZOGW5.js → 7XBTO6NQ.js} +1 -1
  27. package/dist/cdn/{EXQURJYX.js → A6XPQQWN.js} +1 -1
  28. package/dist/cdn/{PXNLTA7Q.js → ANQRSTGE.js} +1 -1
  29. package/dist/cdn/{7PY56QMA.js → AS2M2ZWD.js} +1 -1
  30. package/dist/cdn/{6LSU4JVT.js → BAMCFG7H.js} +1 -1
  31. package/dist/cdn/{YCAYW3ES.js → BDQCESE7.js} +1 -1
  32. package/dist/cdn/{47YWJRMK.js → BG7CCT2Q.js} +1 -1
  33. package/dist/cdn/{WGLBPXGA.js → BMRN6G4T.js} +1 -1
  34. package/dist/cdn/{OI5C3DZQ.js → BPIG37CO.js} +1 -1
  35. package/dist/cdn/{2MVB66KM.js → BZGE52YU.js} +1 -1
  36. package/dist/cdn/{EBTV6BQC.js → C25ETLQX.js} +1 -1
  37. package/dist/cdn/{FA4JJMDD.js → CKMZY3H7.js} +1 -1
  38. package/dist/cdn/{T2ZN7HPU.js → CMVTCAFL.js} +1 -1
  39. package/dist/cdn/{FHTREWRA.js → CNR7IJIS.js} +1 -1
  40. package/dist/cdn/{6UI3PKF5.js → CSOE3CJR.js} +1 -1
  41. package/dist/cdn/{I7TFCBQO.js → DRQCOAQ4.js} +1 -1
  42. package/dist/cdn/{BLZ5Z3L3.js → DTUD5FAT.js} +1 -1
  43. package/dist/cdn/{7J54SLPG.js → DYBHFMG7.js} +1 -1
  44. package/dist/cdn/{N4R7WBTP.js → E6EGKXUX.js} +1 -1
  45. package/dist/cdn/{M7DW3FTJ.js → EB4M47KA.js} +1 -1
  46. package/dist/cdn/{DOWM2T5Z.js → EIXE62NK.js} +1 -1
  47. package/dist/cdn/{HFAM5MEC.js → EQZPTVS3.js} +1 -1
  48. package/dist/cdn/{ZQO6FYUW.js → ESATITDD.js} +1 -1
  49. package/dist/cdn/{OZVZ5LCR.js → ETIO6SPJ.js} +1 -1
  50. package/dist/cdn/EY7FPNVS.js +2 -0
  51. package/dist/cdn/{XHL646A2.js → FIEDEHAP.js} +1 -1
  52. package/dist/cdn/{P76VFMZV.js → FZ6ZUHKQ.js} +1 -1
  53. package/dist/cdn/{LESJQSHY.js → GGGN54CY.js} +1 -1
  54. package/dist/cdn/{DML4UYSR.js → GH34TDLL.js} +1 -1
  55. package/dist/cdn/{2KWDJDMW.js → HG2EYXWI.js} +1 -1
  56. package/dist/cdn/{7SJGHMRM.js → HQDFIE2B.js} +1 -1
  57. package/dist/cdn/{R7ZYHFUG.js → HZGU4N3I.js} +1 -1
  58. package/dist/cdn/{4KMSHV4T.js → I5G3H4D4.js} +1 -1
  59. package/dist/cdn/{C6PZ6UXS.js → I7BWPAOF.js} +1 -1
  60. package/dist/cdn/{XMUU3UTU.js → IBQYZCFQ.js} +1 -1
  61. package/dist/cdn/{FP7RUVVK.js → IJ7V345Q.js} +1 -1
  62. package/dist/cdn/{FE36XWQT.js → IQ4VNR4Q.js} +1 -1
  63. package/dist/cdn/{LWQNBQLX.js → IWG7JAQJ.js} +1 -1
  64. package/dist/cdn/{MMKBWG37.js → IZLDBAPA.js} +1 -1
  65. package/dist/cdn/{T72X6C55.js → J2OGE3DI.js} +1 -1
  66. package/dist/cdn/{V6KMTSY3.js → JPWQ44GC.js} +1 -1
  67. package/dist/cdn/{I3AH3MF6.js → JRF656V5.js} +1 -1
  68. package/dist/cdn/{VSGEBKJL.js → JRWW665Q.js} +1 -1
  69. package/dist/cdn/{WVFJMOTI.js → JVAE3MLA.js} +1 -1
  70. package/dist/cdn/{CFOEAERZ.js → K2H2TINH.js} +1 -1
  71. package/dist/cdn/{BH25NEU3.js → KDZRPYFR.js} +1 -1
  72. package/dist/cdn/{YWGODKAA.js → KHIMNKVO.js} +1 -1
  73. package/dist/cdn/{7Q6OKLFD.js → KMOFSKZF.js} +1 -1
  74. package/dist/cdn/{YJRANKFJ.js → KQNOWW4C.js} +1 -1
  75. package/dist/cdn/{KB33IA7A.js → KYKC2CK2.js} +1 -1
  76. package/dist/cdn/{H6GZBNAP.js → L24DVRWE.js} +1 -1
  77. package/dist/cdn/{6LVCAJSU.js → L5LBH4FP.js} +1 -1
  78. package/dist/cdn/{KONOZFYK.js → LKRLVAVK.js} +1 -1
  79. package/dist/cdn/{SZBL6UYR.js → LQD663MA.js} +1 -1
  80. package/dist/cdn/{BYFOQ5L7.js → M6MHKAA5.js} +1 -1
  81. package/dist/cdn/MMEADS6E.js +2 -0
  82. package/dist/cdn/{ZNRHT3KC.js → MVA4NE6I.js} +1 -1
  83. package/dist/cdn/{2G4JQYU3.js → NGXAYCAR.js} +1 -1
  84. package/dist/cdn/{7BCKEAN4.js → NJRKH5Q7.js} +1 -1
  85. package/dist/cdn/{4OYHP3ZM.js → NVHH3XZJ.js} +1 -1
  86. package/dist/cdn/{RLE4LAGP.js → NVSO6GLT.js} +1 -1
  87. package/dist/cdn/{FEK3PIOE.js → NY7A5LKZ.js} +1 -1
  88. package/dist/cdn/{H5CLLKA7.js → O7BFREIB.js} +1 -1
  89. package/dist/cdn/{MIZ37SIW.js → OLYLT2L5.js} +1 -1
  90. package/dist/cdn/{NRP3ANIH.js → OPHJLVOH.js} +1 -1
  91. package/dist/cdn/{ZTRVZ3XB.js → OQ2UCUQP.js} +1 -1
  92. package/dist/cdn/{2MN63CPE.js → OXCJDMGQ.js} +1 -1
  93. package/dist/cdn/{QKC2XFP5.js → P4JFMLKY.js} +1 -1
  94. package/dist/cdn/{W26FRFX7.js → PCTQTX5N.js} +1 -1
  95. package/dist/cdn/{CW3BSFXN.js → PFKFYB45.js} +1 -1
  96. package/dist/cdn/{3KDUSL55.js → PHGT3YNE.js} +1 -1
  97. package/dist/cdn/{BWVI7Y36.js → PIU3YYLU.js} +1 -1
  98. package/dist/cdn/{YOWRCPCO.js → QCDS2TXE.js} +1 -1
  99. package/dist/cdn/{YCIXRDI4.js → QR4JRFEP.js} +1 -1
  100. package/dist/cdn/{YRXMN6UU.js → QULVDSNJ.js} +1 -1
  101. package/dist/cdn/{V6PUXCHJ.js → QWALXRY6.js} +1 -1
  102. package/dist/cdn/{YDUAJXOW.js → RCUNETDY.js} +1 -1
  103. package/dist/cdn/{B6PZTEUN.js → RPT5BJMD.js} +1 -1
  104. package/dist/cdn/{4C3MDIBF.js → S7XHDLIF.js} +1 -1
  105. package/dist/cdn/{7MOAOZLZ.js → SAQAAU52.js} +1 -1
  106. package/dist/cdn/{2IVE7ZEH.js → SG24GAXY.js} +1 -1
  107. package/dist/cdn/{UW5IDOUT.js → SHD6TE4R.js} +1 -1
  108. package/dist/cdn/{6WOFQ5YL.js → SIMNCT4V.js} +1 -1
  109. package/dist/cdn/{OOITRFLJ.js → SJSCENKK.js} +1 -1
  110. package/dist/cdn/{UWFSTP6H.js → SLVFP6JA.js} +1 -1
  111. package/dist/cdn/{A5U47A46.js → TKH5LW5O.js} +1 -1
  112. package/dist/cdn/{2HAZSBOB.js → TMOOTRK4.js} +1 -1
  113. package/dist/cdn/{ZWUAND2V.js → TTFCVVON.js} +1 -1
  114. package/dist/cdn/{VAIV6TN5.js → TXRFE5GH.js} +1 -1
  115. package/dist/cdn/{6UFBJC4N.js → TXYWJHYI.js} +1 -1
  116. package/dist/cdn/{DY2ED436.js → U4MTAQRM.js} +1 -1
  117. package/dist/cdn/UHQ454NG.js +2 -0
  118. package/dist/cdn/{QLMMEMXZ.js → UKC7JB7P.js} +1 -1
  119. package/dist/cdn/{UW2OIFN6.js → UTQKB5CS.js} +1 -1
  120. package/dist/cdn/{SDD3P4XX.js → V2EVNXUV.js} +1 -1
  121. package/dist/cdn/{EDTUYGTH.js → VOTW2RMD.js} +1 -1
  122. package/dist/cdn/{X7WG3NQR.js → VQHTMUYJ.js} +1 -1
  123. package/dist/cdn/{VS2M3PA6.js → WBJUAZ65.js} +1 -1
  124. package/dist/cdn/{N6UQ2IN3.js → WEAILY72.js} +1 -1
  125. package/dist/cdn/{M5HMGRI3.js → WITGQRKF.js} +1 -1
  126. package/dist/cdn/{GBD3L2UH.js → WM4NZNNA.js} +1 -1
  127. package/dist/cdn/{QZKM3D6F.js → XJZLGVT6.js} +1 -1
  128. package/dist/cdn/{PWPVALIF.js → XUSE3II4.js} +1 -1
  129. package/dist/cdn/{FZIKVG4Q.js → XW3UC4FN.js} +1 -1
  130. package/dist/cdn/{WDKSZZPO.js → YANXY6FO.js} +1 -1
  131. package/dist/cdn/{PUV74SQM.js → YJHXVSEP.js} +1 -1
  132. package/dist/cdn/{ITDGV5OO.js → YM6QAFEQ.js} +1 -1
  133. package/dist/cdn/{QO4WS7CE.js → YMHR4PKM.js} +1 -1
  134. package/dist/cdn/{3KC2E42Z.js → YMSZKTCN.js} +1 -1
  135. package/dist/cdn/{QHJ5GHM6.js → YYDYHAP7.js} +1 -1
  136. package/dist/cdn/{UPCUFECO.js → ZEASFJJQ.js} +1 -1
  137. package/dist/cdn/{OLJ3NCJ2.js → ZGCRVGEK.js} +1 -1
  138. package/dist/cdn/{ITZTBZ6D.js → ZGJRTQBX.js} +1 -1
  139. package/dist/cdn/{23OTAQAT.js → ZPZI63EH.js} +1 -1
  140. package/dist/cdn/{TWMPNHXY.js → ZTV4V5SF.js} +1 -1
  141. package/dist/cdn/index.js +1 -1
  142. package/dist/chunks/dom.js +5 -5
  143. package/dist/chunks/floating-ui.js +1 -4
  144. package/dist/chunks/runtime.js +4 -4
  145. package/dist/chunks/useReferenceElement.js +505 -0
  146. package/dist/components/calcite-block/customElement.js +1 -1
  147. package/dist/components/calcite-popover/customElement.js +11 -176
  148. package/dist/components/calcite-sheet/customElement.js +1 -1
  149. package/dist/components/calcite-tab-nav/customElement.js +1 -1
  150. package/dist/components/calcite-tabs/customElement.js +1 -1
  151. package/dist/components/calcite-tooltip/customElement.js +11 -310
  152. package/dist/components/calcite-tree-item/customElement.js +1 -1
  153. package/dist/docs/api.json +1 -1
  154. package/dist/docs/docs.json +1 -1
  155. package/dist/docs/web-types.json +1 -1
  156. package/package.json +2 -2
  157. package/dist/cdn/5XX7HCEA.js +0 -2
  158. package/dist/cdn/7JKP2OCF.js +0 -2
  159. package/dist/cdn/CMJEMF3I.js +0 -2
  160. package/dist/cdn/XIHNK7BL.js +0 -2
  161. package/dist/chunks/FloatingArrow.js +0 -24
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-components",
3
- "version": "5.1.0-next.8",
3
+ "version": "5.1.0-next.9",
4
4
  "description": "Web Components for Esri's Calcite Design System.",
5
5
  "homepage": "https://developers.arcgis.com/calcite-design-system/",
6
6
  "repository": {
@@ -107,5 +107,5 @@
107
107
  "dist/docs/vscode.html-custom-data.json"
108
108
  ],
109
109
  "web-types": "dist/docs/web-types.json",
110
- "gitHead": "bc2a4d14b3afb3950f611cb5e5157c97389a0847"
110
+ "gitHead": "6c3ab41174447ea418ee58b6a6e694383ce6bc73"
111
111
  }
@@ -1,2 +0,0 @@
1
- /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import{a as Y}from"./XIHNK7BL.js";import{a as X}from"./IMFR5NEO.js";import{a as U}from"./LS6DCTIG.js";import{c as g,d as S,e as I,f as N,g as q,h as _,i as v}from"./7Q6OKLFD.js";import{a as T}from"./N4R7WBTP.js";import{a as z}from"./W26FRFX7.js";import"./23OTAQAT.js";import{a as c}from"./DY2ED436.js";import"./AP2LDRUV.js";import{b as O}from"./WKR7R7AZ.js";import{a as R}from"./YGX7CUXN.js";import{a as C}from"./ENDXE7YY.js";import{a as $}from"./LESJQSHY.js";import{a as H}from"./PWPVALIF.js";import"./RH6ZIP65.js";import{e as D}from"./SDD3P4XX.js";import"./OI35UHBC.js";import{i as A,u as B,v as F}from"./G3LIWIPW.js";import{a as L}from"./OAOQ5BXS.js";import{E,F as m,G as x,H as s,K as k,S as P,g as w,h as l,p as n}from"./YCIXRDI4.js";var J=5;function Q({startX:d,startY:e,endX:t,endY:i}){return Math.hypot(t-d,i-e)>J}var b=class{constructor(){this.registeredElements=new Map,this.registeredElementCount=0,this.queryPopover=e=>{let{registeredElements:t}=this,i=e.find(o=>t.has(o));return t.get(i)},this.togglePopovers=e=>{let t=e.composedPath(),i=this.queryPopover(t);i&&!i.triggerDisabled&&(i.open=!i.open),Array.from(this.registeredElements.values()).filter(o=>o!==i&&o.autoClose&&o.open&&!t.includes(o)).forEach(o=>o.open=!1)},this.keyDownHandler=e=>{e.defaultPrevented||(e.key==="Escape"?this.closeAllPopovers():R(e.key)&&this.togglePopovers(e))},this.pointerDownHandler=e=>{if(e.defaultPrevented||!B(e))return;let{clientX:t,clientY:i}=e;this.pointerDownPosition={x:t,y:i}},this.clickHandler=e=>{F(e)||e.defaultPrevented||this.pointerDownPosition&&Q({endY:e.clientY,endX:e.clientX,startY:this.pointerDownPosition.y,startX:this.pointerDownPosition.x})||(this.pointerDownPosition=void 0,this.togglePopovers(e))}}registerElement(e,t){this.registeredElementCount++,this.registeredElements.set(e,t),this.registeredElementCount===1&&this.addListeners()}unregisterElement(e){this.registeredElements.delete(e)&&this.registeredElementCount--,this.registeredElementCount===0&&this.removeListeners()}closeAllPopovers(){Array.from(this.registeredElements.values()).forEach(e=>e.open=!1)}addListeners(){window.addEventListener("pointerdown",this.pointerDownHandler),window.addEventListener("click",this.clickHandler),window.addEventListener("keydown",this.keyDownHandler)}removeListeners(){window.removeEventListener("pointerdown",this.pointerDownHandler),window.removeEventListener("click",this.clickHandler),window.removeEventListener("keydown",this.keyDownHandler)}},r={positionContainer:"position-container",container:"container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContainer:"header-container",heading:"heading"},j="auto",K="aria-controls",M="aria-expanded",W=w`:host{display:contents}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-popup)}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.position-container{opacity:0;inset-block-start:0;left:0}}.position-container{max-inline-size:var(--calcite-popover-max-size-x, 100vw)}.position-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.position-container:popover-open{display:block}.position-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding:.5rem .75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host(:is([scale=s],[scale=m])){--calcite-internal-popover-close-spacing: var(--calcite-spacing-xs)}:host([scale=m]) .heading{padding:.75rem 1rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]){--calcite-internal-popover-close-spacing: var(--calcite-spacing-sm)}:host([scale=l]) .heading{padding:1rem 1.25rem;font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;background-color:var(--calcite-popover-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{margin:0;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container{position:relative;display:flex;height:100%;flex-direction:row;flex-wrap:nowrap;border-radius:.25rem;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container.has-header{flex-direction:column}.content{display:flex;height:100%;width:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button{margin:auto;margin-inline-end:var(--calcite-internal-popover-close-spacing)}.close-button-container{display:flex;flex:0 0 auto}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}:host([hidden]){display:none}[hidden]{display:none}`,V=new b,y=class extends x{constructor(){super(...arguments),this.direction=D(),this.focusTrap=X({triggerProp:"open",focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(e.defaultPrevented||(this.open=!1,e.preventDefault()),!1)}})(this),this.guid=`calcite-popover-${L()}`,this.hasLoaded=!1,this.mutationObserver=C("mutation",()=>this.focusTrap.updateContainerElements()),this.transitionProp="opacity",this.transitionRef=E(),this.messages=$(),this.focusSetter=H()(this),this.topLayer=U({disabledOverride:()=>this.open&&!this.referenceEl,target:()=>this.floatingEl})(this),this.floatingLayout="vertical",this.autoClose=!1,this.closable=!1,this.flipDisabled=!1,this.focusTrapDisabled=!1,this.offsetDistance=v,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=j,this.pointerDisabled=!1,this.scale="m",this.topLayerDisabled=!1,this.triggerDisabled=!1,this.calcitePopoverBeforeClose=n({cancelable:!1}),this.calcitePopoverBeforeOpen=n({cancelable:!1}),this.calcitePopoverClose=n({cancelable:!1}),this.calcitePopoverOpen=n({cancelable:!1})}static{this.properties={floatingLayout:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],autoClose:[7,{},{reflect:!0,type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],flipDisabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],pointerDisabled:[7,{},{reflect:!0,type:Boolean}],referenceElement:1,scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],triggerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=W}async reposition(e=!1){let{referenceEl:t,placement:i,overlayPositioning:o,flipDisabled:p,filteredFlipPlacements:h,offsetDistance:a,offsetSkidding:f,arrowEl:u,floatingEl:G}=this;return I(this,{direction:this.direction,floatingEl:G,referenceEl:t,overlayPositioning:o,placement:i,flipDisabled:p,flipPlacements:h,offsetDistance:a,offsetSkidding:f,arrowEl:u,type:"popover"},e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),requestAnimationFrame(()=>this.setUpReferenceElement(this.hasLoaded))}willUpdate(e){e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==v)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==j))&&this.reposition(!0),e.has("referenceElement")&&(this.referenceElementHandler(),!this.referenceElement&&this.open&&this.topLayer.hide())}loaded(){this.referenceElement&&!this.referenceEl&&this.setUpReferenceElement(),this.hasLoaded=!0}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.removeReferences(),_(this)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){T(this),this.reposition(!0),this.setExpandedAttr()}referenceElementHandler(){this.setUpReferenceElement(),this.reposition(!0)}setFloatingEl(e){this.floatingEl=e,e&&requestAnimationFrame(()=>this.setUpReferenceElement())}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?S(t,e):null}setUpReferenceElement(e=!0){this.removeReferences(),this.referenceEl=this.getReferenceElement(),q(this);let{el:t,referenceElement:i,referenceEl:o}=this;e&&i&&!o&&console.warn(`${t.tagName}: reference-element id "${i}" was not found.`,{el:t}),this.addReferences()}getId(){return this.el.id||this.guid}setExpandedAttr(){let{referenceEl:e,open:t}=this;e&&"setAttribute"in e&&e.setAttribute(M,O(t))}addReferences(){let{referenceEl:e}=this;if(!e)return;let t=this.getId();"setAttribute"in e&&e.setAttribute(K,t),V.registerElement(e,this.el),this.setExpandedAttr()}removeReferences(){let{referenceEl:e}=this;e&&("removeAttribute"in e&&(e.removeAttribute(K),e.removeAttribute(M)),V.unregisterElement(e))}getReferenceElement(){let{referenceElement:e,el:t}=this;return(typeof e=="string"?A(t,{id:e}):e)||null}hide(){this.open=!1}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calcitePopoverOpen.emit(),this.focusTrap.activate()}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit(),N(this),this.focusTrap.deactivate(),this.topLayer.hide()}setArrowEl(e){this.arrowEl=e,this.reposition(!0)}renderCloseButton(){let{messages:e,closable:t}=this;return t?c(r.closeButtonContainer,l`<div class=${s(r.closeButtonContainer)}><calcite-action class=${s(r.closeButton)} icon=x @click=${this.hide} .scale=${this.scale} .text=${e.close}></calcite-action></div>`):null}renderHeader(){let{heading:e,headingLevel:t}=this,i=e?z({class:r.heading,level:t,children:e}):null;return i?c(r.header,l`<div class=${s(r.header)}>${i}${this.renderCloseButton()}</div>`):null}render(){let{referenceEl:e,heading:t,label:i,open:o,pointerDisabled:p,floatingLayout:h}=this,a=e&&o,f=!a,u=p?null:c("floating-arrow",Y({floatingLayout:h,ref:this.setArrowEl}));return this.el.inert=f,this.el.ariaLabel=i,this.el.ariaLive="polite",k(this.el,"id",this.getId()),this.el.role="dialog",l`<div class=${s(r.positionContainer)} popover=manual ${m(this.setFloatingEl)}><div class=${s({[r.container]:!0,[g.animation]:!0,[g.animationActive]:a})} ${m(this.transitionRef)}>${u}<div class=${s({[r.hasHeader]:!!t,[r.headerContainer]:!0})}>${this.renderHeader()}<div class=${s(r.content)}><slot></slot></div>${t?null:this.renderCloseButton()}</div></div></div>`}};P("calcite-popover",y);export{y as Popover};
@@ -1,2 +0,0 @@
1
- /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import{a as P}from"./XIHNK7BL.js";import{a as C}from"./LS6DCTIG.js";import{c as h,e as O,f as R,g as S,h as x,i as p}from"./7Q6OKLFD.js";import{a as L}from"./N4R7WBTP.js";import"./DY2ED436.js";import"./AP2LDRUV.js";import{e as b}from"./SDD3P4XX.js";import"./OI35UHBC.js";import{g as k,i as H}from"./G3LIWIPW.js";import{a as y}from"./OAOQ5BXS.js";import{E as c,F as d,G as T,H as l,K as w,S as E,g as v,h as g,p as r}from"./YCIXRDI4.js";var A={positionContainer:"position-container",container:"container"},B="calcite-tooltip",F={host:n=>`${B}-${n}`},m=300,N=m/3,M=m*1.5,I="aria-describedby";function z(n){let{referenceElement:e}=n;return(typeof e=="string"?H(n,{id:e}):e)||null}var f=class{constructor(){this.registeredElements=new WeakMap,this.registeredShadowRootCounts=new WeakMap,this.hoverOpenTimeout=null,this.hoverCloseTimeout=null,this.activeTooltip=null,this.registeredElementCount=0,this.clickedTooltip=null,this.hoveredTooltip=null,this.queryTooltip=e=>{let{registeredElements:t}=this,i=e.find(o=>t.has(o));return t.get(i)},this.keyDownHandler=e=>{if(e.key==="Escape"&&!e.defaultPrevented){let{activeTooltip:t}=this;if(t?.open){this.clearHoverTimeout(),this.closeActiveTooltip();let i=z(t),o=e.composedPath();(i instanceof Element&&o.includes(i)||o.includes(t))&&e.preventDefault()}}},this.pointerLeaveHandler=e=>{e.defaultPrevented||(this.clearHoverTimeout(),this.closeHoveredTooltip())},this.pointerMoveHandler=e=>{if(e.defaultPrevented){this.closeHoveredTooltip();return}let t=e.composedPath(),i=this.queryTooltip(t);if(this.pathHasOpenTooltip(i,t)){this.clearHoverTimeout();return}i!==this.clickedTooltip&&(i!==this.hoveredTooltip&&this.clearHoverOpenTimeout(),this.hoveredTooltip=i,i?this.openHoveredTooltip(i):this.activeTooltip?.open&&this.closeHoveredTooltip(),this.clickedTooltip=null)},this.clickHandler=e=>{if(e.defaultPrevented)return;this.clickedTooltip=null;let t=e.composedPath(),i=this.queryTooltip(t);if(this.pathHasOpenTooltip(i,t)){this.clearHoverTimeout();return}if(this.closeActiveTooltip(),!!i){if(this.clearHoverTimeout(),i.closeOnClick){this.clickedTooltip=i,this.toggleTooltip(i,!1);return}this.toggleTooltip(i,!0)}},this.blurHandler=()=>{this.closeActiveTooltip()},this.focusInHandler=e=>{if(e.defaultPrevented)return;let t=e.composedPath(),i=this.queryTooltip(t);if(this.pathHasOpenTooltip(i,t)){this.clearHoverTimeout();return}i!==this.clickedTooltip&&(this.clickedTooltip=null,this.closeTooltipIfNotActive(i),i&&this.toggleFocusedTooltip(i,!0))},this.openHoveredTooltip=e=>{this.hoverOpenTimeout=window.setTimeout(()=>{this.hoverOpenTimeout===null||e!==this.hoveredTooltip||(this.clearHoverCloseTimeout(),this.closeTooltipIfNotActive(e),this.toggleTooltip(e,!0))},this.activeTooltip?.open?N:m)},this.closeHoveredTooltip=()=>{this.hoverCloseTimeout=window.setTimeout(()=>{this.hoverCloseTimeout!==null&&this.closeActiveTooltip()},M)}}registerElement(e,t){this.registeredElementCount++,this.registeredElements.set(e,t);let i=this.getReferenceElShadowRootNode(e);i&&this.registerShadowRoot(i),this.registeredElementCount===1&&this.addListeners()}unregisterElement(e){let t=this.getReferenceElShadowRootNode(e);t&&this.unregisterShadowRoot(t),this.registeredElements.delete(e)&&this.registeredElementCount--,this.registeredElementCount===0&&this.removeListeners()}pathHasOpenTooltip(e,t){let{activeTooltip:i}=this;return i?.open&&t.includes(i)||e?.open&&t.includes(e)}addShadowListeners(e){e.addEventListener("focusin",this.focusInHandler)}removeShadowListeners(e){e.removeEventListener("focusin",this.focusInHandler)}addListeners(){window.addEventListener("keydown",this.keyDownHandler),window.addEventListener("pointermove",this.pointerMoveHandler),window.addEventListener("click",this.clickHandler),window.addEventListener("focusin",this.focusInHandler),window.addEventListener("blur",this.blurHandler),document.addEventListener("pointerleave",this.pointerLeaveHandler)}removeListeners(){window.removeEventListener("keydown",this.keyDownHandler),window.removeEventListener("pointermove",this.pointerMoveHandler),window.removeEventListener("click",this.clickHandler),window.removeEventListener("focusin",this.focusInHandler),window.removeEventListener("blur",this.blurHandler),document.removeEventListener("pointerleave",this.pointerLeaveHandler)}clearHoverOpenTimeout(){window.clearTimeout(this.hoverOpenTimeout),this.hoverOpenTimeout=null}clearHoverCloseTimeout(){window.clearTimeout(this.hoverCloseTimeout),this.hoverCloseTimeout=null}clearHoverTimeout(){this.clearHoverOpenTimeout(),this.clearHoverCloseTimeout()}closeTooltipIfNotActive(e){this.activeTooltip!==e&&this.closeActiveTooltip()}closeActiveTooltip(){let{activeTooltip:e}=this;e?.open&&this.toggleTooltip(e,!1)}toggleFocusedTooltip(e,t){t&&this.clearHoverTimeout(),this.toggleTooltip(e,t)}toggleTooltip(e,t){e.open=t,this.activeTooltip=t?e:null}registerShadowRoot(e){let{registeredShadowRootCounts:t}=this,i=t.get(e),o=Math.min((typeof i=="number"?i:0)+1,1);o===1&&this.addShadowListeners(e),t.set(e,o)}unregisterShadowRoot(e){let{registeredShadowRootCounts:t}=this,i=t.get(e),o=Math.max((typeof i=="number"?i:1)-1,0);o===0&&this.removeShadowListeners(e),t.set(e,o)}getReferenceElShadowRootNode(e){return e instanceof Element?k(e):null}},$=v`:host{display:contents}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-tooltip)}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.position-container{opacity:0;inset-block-start:0;left:0}}.position-container{max-inline-size:var(--calcite-tooltip-max-size-x, 20rem);max-block-size:20rem}.position-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.position-container:popover-open{display:block}.position-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}.container{position:relative;overflow:hidden;padding:.75rem 1rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round));color:var(--calcite-tooltip-text-color, var(--calcite-color-text-1));text-align:start}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;background-color:var(--calcite-tooltip-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-tooltip-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-tooltip-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-tooltip-border-color, var(--calcite-color-border-3))}:host([hidden]){display:none}[hidden]{display:none}`,D=new f,u=class extends T{constructor(){super(...arguments),this.arrowRef=c(),this.direction=b(),this.guid=F.host(y()),this.transitionProp="opacity",this.transitionRef=c(),this.topLayer=C({disabledOverride:()=>this.open&&!this.referenceEl,target:()=>this.floatingEl})(this),this.floatingLayout="vertical",this.closeOnClick=!1,this.offsetDistance=p,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.topLayerDisabled=!1,this.calciteTooltipBeforeClose=r({cancelable:!1}),this.calciteTooltipBeforeOpen=r({cancelable:!1}),this.calciteTooltipClose=r({cancelable:!1}),this.calciteTooltipOpen=r({cancelable:!1})}static{this.properties={floatingLayout:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],closeOnClick:[7,{},{reflect:!0,type:Boolean}],label:1,offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],referenceElement:1,topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=$}async reposition(e=!1){let{referenceEl:t,placement:i,overlayPositioning:o,offsetDistance:s,offsetSkidding:a,arrowRef:_,floatingEl:U}=this;return O(this,{direction:this.direction,floatingEl:U,referenceEl:t,overlayPositioning:o,placement:i,offsetDistance:s,offsetSkidding:a,arrowEl:_.value,type:"tooltip"},e)}connectedCallback(){super.connectedCallback(),this.setUpReferenceElement(!0)}willUpdate(e){(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==p)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!=="auto"))&&this.reposition(!0),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("referenceElement")&&(this.setUpReferenceElement(),!this.referenceElement&&this.open&&this.topLayer.hide())}loaded(){this.referenceElement&&!this.referenceEl&&this.setUpReferenceElement()}disconnectedCallback(){super.disconnectedCallback(),this.removeReferences(),x(this)}openHandler(){L(this),this.reposition(!0)}onBeforeOpen(){this.calciteTooltipBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteTooltipOpen.emit()}onBeforeClose(){this.calciteTooltipBeforeClose.emit()}onClose(){this.calciteTooltipClose.emit(),R(this),this.topLayer.hide()}setFloatingEl(e){this.floatingEl=e,e&&requestAnimationFrame(()=>this.setUpReferenceElement())}setUpReferenceElement(e=!0){this.removeReferences(),this.referenceEl=z(this.el),S(this);let{el:t,referenceElement:i,referenceEl:o}=this;e&&i&&!o&&console.warn(`${t.tagName}: reference-element id "${i}" was not found.`,{el:t}),this.addReferences()}getId(){return this.el.id||this.guid}addReferences(){let{referenceEl:e}=this;if(!e)return;let t=this.getId();"setAttribute"in e&&e.setAttribute(I,t),D.registerElement(e,this.el)}removeReferences(){let{referenceEl:e}=this;e&&("removeAttribute"in e&&e.removeAttribute(I),D.unregisterElement(e))}render(){let{referenceEl:e,label:t,open:i,floatingLayout:o}=this,s=e&&i,a=!s;return this.el.inert=a,this.el.ariaLabel=t,this.el.ariaLive="polite",w(this.el,"id",this.getId()),this.el.role="tooltip",g`<div class=${l(A.positionContainer)} popover=manual ${d(this.setFloatingEl)}><div class=${l({[h.animation]:!0,[h.animationActive]:s})} ${d(this.transitionRef)}>${P({floatingLayout:o,ref:this.arrowRef})}<div class=${l(A.container)}><slot></slot></div></div></div>`}};E("calcite-tooltip",u);export{u as Tooltip};
@@ -1,2 +0,0 @@
1
- /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import{a as D}from"./AQRFO7EB.js";import{a as P}from"./LWQNBQLX.js";import{b as I}from"./7Q6OKLFD.js";import{a as z}from"./N4R7WBTP.js";import{a as O}from"./W26FRFX7.js";import"./23OTAQAT.js";import{a as w}from"./SZBL6UYR.js";import{a as h}from"./DY2ED436.js";import"./AP2LDRUV.js";import{a as m}from"./MMKBWG37.js";import{a as B}from"./LESJQSHY.js";import{a as E}from"./PWPVALIF.js";import{a as p}from"./RH6ZIP65.js";import"./SDD3P4XX.js";import"./OI35UHBC.js";import{r,s as H}from"./G3LIWIPW.js";import"./OAOQ5BXS.js";import{F as S,G as C,H as a,S as y,g as x,h as n,l as f,p as c}from"./YCIXRDI4.js";var s={content:"content",toggle:"toggle",header:"header"},t={actionsEnd:"actions-end",container:"container",content:"content",contentEnd:"content-end",contentStart:"content-start",description:"description",header:"header",headerContainer:"header-container",headerHasContent:"header--has-content",headerDraggable:"header--draggable",heading:"heading",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",iconEndContainer:"icon-end-container",invalid:"invalid",statusIcon:"status-icon",title:"title",toggle:"toggle",toggleIcon:"toggle-icon",valid:"valid"},g={actionsEnd:"actions-end",contentEnd:"content-end",contentStart:"content-start",headerMenuActions:"header-menu-actions"},u={expanded:"chevron-up",collapsed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"},X=x`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}: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([scale=s]) .header{gap:var(--calcite-spacing-sm)}:host([scale=s]) .icon-end-container{gap:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size-sm)}:host([scale=s]) .description{font-size:var(--calcite-font-size-xs)}:host([scale=s]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xxs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-sm);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-xxs)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-sm)) )}:host([scale=m]) .header{gap:var(--calcite-spacing-md)}:host([scale=m]) .icon-end-container{gap:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .heading{font-size:var(--calcite-font-size)}:host([scale=m]) .description{font-size:var(--calcite-font-size-sm)}:host([scale=m]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xxs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-md);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-sm)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-md)) )}:host([scale=l]) .header{gap:var(--calcite-spacing-lg)}:host([scale=l]) .icon-end-container{gap:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-md)}:host([scale=l]) .description{font-size:var(--calcite-font-size)}:host([scale=l]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-lg);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-md)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-lg)) )}:host{display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;padding:0;transition-property:margin;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.215,.44,.42,.88);flex-basis:auto;border-color:var(--calcite-block-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{justify-content:flex-start}.header--has-content{padding:var(--calcite-internal-block-header-content-padding)}.header--draggable{padding-inline-start:var(--calcite-spacing-xxs)}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto auto auto;grid-template-areas:"handle header icon-end menu actions-end"}.icon--start,.icon--end{color:var(--calcite-block-icon-color, var(--calcite-color-text-3))}.actions-end{align-items:center;display:flex;gap:var(--calcite-internal-block-actions-spacing);grid-area:actions-end;padding-block:var(--calcite-internal-block-actions-spacing);padding-inline-end:var(--calcite-internal-block-actions-spacing)}.toggle{margin:0;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0;outline-color:transparent;font-family:inherit;text-align:initial;background-color:var(--calcite-block-header-background-color, transparent)}.toggle:hover{background-color:var(--calcite-block-header-background-color-hover, var(--calcite-color-foreground-2))}.toggle:focus{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-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.toggle:active{background-color:var(--calcite-block-header-background-color-press, var(--calcite-color-foreground-3))}calcite-loader[inline]{align-self:center}calcite-sort-handle{align-self:center;grid-area:handle;margin-block:var(--calcite-internal-block-actions-spacing);padding-inline-start:var(--calcite-spacing-xxs)}.title{display:flex;flex-direction:column}.header .title .heading{padding:0;word-wrap:break-word;word-break:break-word;color:var(--calcite-block-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-font-line-height-relative-snug)}.description{padding:0;word-wrap:break-word;word-break:break-word;color:var(--calcite-block-description-text-color, var(--calcite-color-text-3));font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-snug)}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;grid-area:icon-end}.toggle-icon{align-self:center;justify-self:end;transition-property:color;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);color:var(--calcite-block-icon-color, var(--calcite-color-text-3))}.toggle:hover .toggle-icon{color:var(--calcite-block-icon-color-hover, var(--calcite-color-text-1))}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;min-block-size:0px;flex:1 1 0%}@keyframes in{0%{opacity:0}to{opacity:1}}.content{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-block:var(--calcite-internal-block-padding-block);padding-inline:var(--calcite-internal-block-padding-inline)}.content-end,.content-start{display:flex;align-items:center;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}calcite-action-menu{align-self:center;grid-area:menu;margin-inline-end:var(--calcite-internal-block-actions-spacing)}:host([expanded]){margin-block:.5rem}:host([expanded]) .header .title .heading{color:var(--calcite-block-heading-text-color, var(--calcite-block-heading-text-color-press, var(--calcite-color-text-1)));font-weight:var(--calcite-font-weight-medium)}:host([expanded]) .description{color:var(--calcite-block-description-text-color, var(--calcite-color-text-2))}:host([expanded]) .icon--start,:host([expanded]) .icon--end{color:var(--calcite-block-icon-color, var(--calcite-color-text-1))}:host([expanded][scale=s]){margin-block:var(--calcite-spacing-xxs)}:host([expanded][scale=l]){margin-block:var(--calcite-spacing-md)}:host([hidden]){display:none}[hidden]{display:none}`,v=class extends C{constructor(){super(...arguments),this.transitionProp="margin-top",this.blockSectionChildren=[],this.messages=B(),this.focusSetter=E()(this),this.interactiveContainer=w(this),this.hasContentEnd=!1,this.hasContentStart=!1,this.hasEndActions=!1,this.hasMenuActions=!1,this.collapsible=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.expanded=!1,this.loading=!1,this.menuPlacement=I,this.addToItems=[],this.moveToItems=[],this.sortDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.setPosition=null,this.setSize=null,this.sortHandleOpen=!1,this.topLayerDisabled=!1,this.calciteBlockBeforeClose=c({cancelable:!1}),this.calciteBlockBeforeOpen=c({cancelable:!1}),this.calciteBlockClose=c({cancelable:!1}),this.calciteBlockCollapse=c({cancelable:!1}),this.calciteBlockExpand=c({cancelable:!1}),this.calciteBlockOpen=c({cancelable:!1}),this.calciteBlockSortHandleBeforeClose=c({cancelable:!1}),this.calciteBlockSortHandleBeforeOpen=c({cancelable:!1}),this.calciteBlockSortHandleClose=c({cancelable:!1}),this.calciteBlockSortHandleOpen=c({cancelable:!1}),this.calciteBlockToggle=c({cancelable:!1}),this.calciteInternalBlockUpdateSortMenuItems=c({cancelable:!1})}static{this.properties={hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],hasEndActions:[16,{},{state:!0}],hasMenuActions:[16,{},{state:!0}],collapsible:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],dragDisabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconEnd:[3,{type:String},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{type:String},{reflect:!0}],loading:[7,{},{reflect:!0,type:Boolean}],label:1,menuFlipPlacements:[0,{},{attribute:!1}],menuPlacement:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],sortDisabled:[5,{},{type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortHandleOpen:[7,{},{reflect:!0,type:Boolean}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[D,X,P]}get open(){return this.expanded}set open(e){m.deprecated("property",{component:this,name:"open",removalVersion:5,suggested:"expanded"}),this.expanded=e}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.transitionEl=this.el}load(){!this.heading&&!this.label&&m.warn(`${this.el.tagName} is missing both heading & label. Please provide a heading or label for the component to be accessible.`)}willUpdate(e){e.has("expanded")&&(this.hasUpdated||this.expanded!==!1)&&z(this),e.has("sortHandleOpen")&&(this.hasUpdated||this.sortHandleOpen!==!1)&&this.sortHandleOpenHandler(),e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteBlockExpand.emit():this.calciteBlockCollapse.emit()),e.has("scale")&&this.hasUpdated&&this.updateBlockSectionScale()}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}sortHandleOpenHandler(){this.sortHandleEl&&(this.sortHandleEl.open=this.sortHandleOpen)}setSortHandleEl(e){this.sortHandleEl=e,this.sortHandleOpenHandler()}handleSortHandleBeforeOpen(e){e.stopPropagation(),this.calciteBlockSortHandleBeforeOpen.emit()}handleSortHandleBeforeClose(e){e.stopPropagation(),this.calciteBlockSortHandleBeforeClose.emit()}handleSortHandleClose(e){e.stopPropagation(),this.sortHandleOpen=!1,this.calciteBlockSortHandleClose.emit()}handleSortHandleOpen(e){e.stopPropagation(),this.sortHandleOpen=!0,this.calciteBlockSortHandleOpen.emit()}onHeaderClick(){this.expanded=!this.expanded,this.calciteBlockToggle.emit()}menuActionsSlotChangeHandler(e){this.hasMenuActions=r(e)}actionsEndSlotChangeHandler(e){this.hasEndActions=r(e)}handleContentEndSlotChange(e){this.hasContentEnd=r(e)}handleContentStartSlotChange(e){this.hasContentStart=r(e)}handleDefaultSlotChange(e){this.blockSectionChildren=H(e,"calcite-block-section"),this.updateBlockSectionScale()}updateBlockSectionScale(){this.blockSectionChildren.forEach(e=>{e.scale=this.scale})}renderScrim(){let{loading:e}=this,l=n`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`;return[e?n`<calcite-scrim .loading=${e}></calcite-scrim>`:null,l]}renderLoaderStatusIcon(){let{loading:e,messages:l,status:i}=this;return e?h("loader",n`<div class=${a(t.icon)}><calcite-loader inline .label=${l.loading} .scale=${this.scale}></calcite-loader></div>`):i?h("status-icon",n`<div class=${a(t.icon)}><calcite-icon class=${a({[t.statusIcon]:!0,[t.valid]:i=="valid",[t.invalid]:i=="invalid"})} .icon=${u[i]} .scale=${p(this.scale)}></calcite-icon></div>`):null}renderActionsEnd(){return n`<div class=${a(t.actionsEnd)} .hidden=${!this.hasEndActions}><slot name=${g.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderContentEnd(){return n`<div class=${a({[t.iconEndContainer]:!this.iconEnd&&!this.collapsible})} .hidden=${!this.hasContentEnd}><div class=${a(t.contentEnd)}><slot name=${g.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div></div>`}renderContentStart(){return n`<div class=${a(t.contentStart)} .hidden=${!this.hasContentStart}><slot name=${g.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderTitle(){let{heading:e,headingLevel:l,description:i}=this;return e||i?n`<div class=${a(t.title)}>${O({class:t.heading,level:l,children:e})}${i?n`<div class=${a(t.description)}>${i}</div>`:null}</div>`:null}renderIcon(e){let{iconFlipRtl:l}=this,i=l==="both"||e==="start"?l==="start":l==="end",o=e==="start"?this.iconStart:this.iconEnd,d=e==="start"?t.iconStart:t.iconEnd;if(o)return h(o,n`<calcite-icon class=${a(d)} .flipRtl=${i} .icon=${o} .scale=${p(this.scale)}></calcite-icon>`)}render(){let{collapsible:e,loading:l,expanded:i,label:o,heading:d,messages:b,description:A,menuFlipPlacements:T,menuPlacement:L,moveToItems:M,addToItems:F,setPosition:N,setSize:U,dragDisabled:R,sortDisabled:j,iconEnd:k,hasContentEnd:V,hasContentStart:G,iconStart:q}=this,J=i?b.collapse:b.expand,K=!!(d||A||V||G||q||l||status),$=n`<header class=${a({[t.header]:!0,[t.headerHasContent]:K,[t.headerDraggable]:this.dragHandle})} id=${s.header}>${this.renderIcon("start")}${this.renderContentStart()}${this.renderLoaderStatusIcon()}${this.renderTitle()}</header>`,Q=i?u.expanded:u.collapsed,W=n`<div class=${a(t.headerContainer)}>${this.dragHandle?n`<calcite-sort-handle .addToItems=${F} .disabled=${R} .label=${d||o} .moveToItems=${M} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${N} .setSize=${U} .sortDisabled=${j} .topLayerDisabled=${this.topLayerDisabled} ${S(this.setSortHandleEl)}></calcite-sort-handle>`:null}${e?n`<button aria-controls=${s.content} aria-describedby=${s.header} .ariaExpanded=${e?i:null} class=${a(t.toggle)} id=${s.toggle} @click=${this.onHeaderClick} title=${J??f}>${$}<div class=${a(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}<calcite-icon class=${a(t.toggleIcon)} .icon=${Q} .scale=${p(this.scale)}></calcite-icon></div></button>`:$}${k&&!e?n`<div class=${a(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}</div>`:!k&&!e?this.renderContentEnd():null}<calcite-action-menu .flipPlacements=${T??["top","bottom"]} .hidden=${!this.hasMenuActions} .label=${b.options} .overlayPositioning=${this.overlayPositioning} .placement=${L} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled}><slot name=${g.headerMenuActions} @slotchange=${this.menuActionsSlotChangeHandler}></slot></calcite-action-menu>${this.renderActionsEnd()}</div>`;return this.interactiveContainer({disabled:this.disabled,children:n`<article aria-label=${o??f} .ariaBusy=${l} class=${a({[t.container]:!0})}>${W}<section aria-labelledby=${s.toggle} class=${a(t.content)} .hidden=${!i} id=${s.content}>${this.renderScrim()}</section></article>`})}};y("calcite-block",v);export{v as Block};
@@ -1,2 +0,0 @@
1
- /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import{a as l}from"./DY2ED436.js";import{F as c,H as a,h,i as e,l as s}from"./YCIXRDI4.js";var d={arrow:"calcite-floating-ui-arrow",arrowStroke:"calcite-floating-ui-arrow__stroke"},m={width:12,height:6,strokeWidth:1},S=({floatingLayout:w,key:g,ref:f})=>{let{width:t,height:r,strokeWidth:o}=m,i=t/2,$=w==="vertical",n=`M0,0 H${t} L${t-i},${r} Q${i},${r} ${i},${r} Z`;return l(g,h`<svg aria-hidden=true class=${a(d.arrow)} height=${t} viewBox=${`0 0 ${t} ${t+($?0:o)}`} width=${t+($?o:0)} ${c(f)}>${e`${e`<path class=${a(d.arrowStroke)} d=${n??s} fill=none stroke-width=${o+1} />`||""}<path d=${n??s} stroke=none />`}</svg>`)};export{S as a};
@@ -1,24 +0,0 @@
1
- /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import { ref } from "lit/directives/ref.js";
3
- import { keyed } from "lit/directives/keyed.js";
4
- import { nothing, svg, html } from "lit";
5
- import { safeClassMap } from "@arcgis/lumina";
6
- const CSS = {
7
- arrow: "calcite-floating-ui-arrow",
8
- arrowStroke: "calcite-floating-ui-arrow__stroke"
9
- };
10
- const DEFAULTS = {
11
- width: 12,
12
- height: 6,
13
- strokeWidth: 1
14
- };
15
- const FloatingArrow = ({ floatingLayout, key, ref: ref$1 }) => {
16
- const { width, height, strokeWidth } = DEFAULTS;
17
- const svgX = width / 2;
18
- const isVertical = floatingLayout === "vertical";
19
- const dValue = `M0,0 H${width} L${width - svgX},${height} Q${svgX},${height} ${svgX},${height} Z`;
20
- return keyed(key, html`<svg aria-hidden=true class=${safeClassMap(CSS.arrow)} height=${width} viewBox=${`0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`} width=${width + (isVertical ? strokeWidth : 0)} ${ref(ref$1)}>${svg`${svg`<path class=${safeClassMap(CSS.arrowStroke)} d=${dValue ?? nothing} fill=none stroke-width=${strokeWidth + 1} />` || ""}<path d=${dValue ?? nothing} stroke=none />`}</svg>`);
21
- };
22
- export {
23
- FloatingArrow as F
24
- };