@esri/calcite-components 5.2.0-next.99 → 5.2.1-next.0

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 (202) hide show
  1. package/README.md +1 -1
  2. package/dist/cdn/{UBVNE3FR.js → 26432722.js} +1 -1
  3. package/dist/cdn/{C2QTVMRZ.js → 2OVSYJAH.js} +1 -1
  4. package/dist/cdn/{CNEQCIJB.js → 2U77MGGA.js} +1 -1
  5. package/dist/cdn/{FLUGGEF5.js → 334JQBPO.js} +1 -1
  6. package/dist/cdn/{HZ2KFK3C.js → 33GDXJUX.js} +1 -1
  7. package/dist/cdn/{BPYFGYV6.js → 346YZ7VY.js} +1 -1
  8. package/dist/cdn/{SX33HSBC.js → 3B7QPJAS.js} +1 -1
  9. package/dist/cdn/3LM2LYNU.js +2 -0
  10. package/dist/cdn/3M6UKCCZ.js +2 -0
  11. package/dist/cdn/{GST32DAL.js → 3PTLQPY2.js} +1 -1
  12. package/dist/cdn/{ZKJVOU5M.js → 3U3X7DLG.js} +1 -1
  13. package/dist/cdn/{BANKSP32.js → 3VUB4NDR.js} +1 -1
  14. package/dist/cdn/{MW42632J.js → 3WMWTT7B.js} +1 -1
  15. package/dist/cdn/{4ZQAGLEN.js → 3ZHTQAFF.js} +1 -1
  16. package/dist/cdn/{OMZBU3IU.js → 3ZWBXTN2.js} +1 -1
  17. package/dist/cdn/{RVZ6FKKI.js → 42EK35NT.js} +1 -1
  18. package/dist/cdn/{DOVDZVPJ.js → 4AD2R7R5.js} +1 -1
  19. package/dist/cdn/{263AU5BP.js → 4DOP2ASQ.js} +1 -1
  20. package/dist/cdn/{XXWNYX3N.js → 4GNETAHI.js} +1 -1
  21. package/dist/cdn/{JAYFX3Q2.js → 56TWON4B.js} +1 -1
  22. package/dist/cdn/{MWXZ2MTK.js → 56XHFT5Y.js} +1 -1
  23. package/dist/cdn/{JFWDUC4M.js → 5HWWM56V.js} +1 -1
  24. package/dist/cdn/{73HUIP6T.js → 5NG5BQPF.js} +1 -1
  25. package/dist/cdn/{4HAPFKXF.js → 5RN2OKGO.js} +1 -1
  26. package/dist/cdn/{3Q2QX2LR.js → 6RUY5LCM.js} +1 -1
  27. package/dist/cdn/{5UAOUCGT.js → 6XRDQELB.js} +1 -1
  28. package/dist/cdn/{GDFZZ5E5.js → 72IWCFRM.js} +1 -1
  29. package/dist/cdn/{ETTFRHP7.js → 772CBSF6.js} +1 -1
  30. package/dist/cdn/{2TZMS7HF.js → 775IYAS6.js} +1 -1
  31. package/dist/cdn/{DS4P2F36.js → 7CDECM5P.js} +1 -1
  32. package/dist/cdn/{662PF6RJ.js → 7F5EEUNN.js} +1 -1
  33. package/dist/cdn/7HUVP2XV.js +2 -0
  34. package/dist/cdn/{J7CPCGSH.js → 7LYFIBL7.js} +1 -1
  35. package/dist/cdn/{NT5YKL2Y.js → 7PTYPMMV.js} +1 -1
  36. package/dist/cdn/A453LDV3.js +2 -0
  37. package/dist/cdn/{BRCQSLJQ.js → ADY7PQCS.js} +1 -1
  38. package/dist/cdn/{6ZPCDJMS.js → ADYGXA2N.js} +1 -1
  39. package/dist/cdn/ALZDXZUC.js +2 -0
  40. package/dist/cdn/{QYD7C2FO.js → B6OGNK6U.js} +1 -1
  41. package/dist/cdn/{44XJ3KOL.js → BMAI46HX.js} +1 -1
  42. package/dist/cdn/BOXFB3MP.js +2 -0
  43. package/dist/cdn/BOZAHMWY.js +2 -0
  44. package/dist/cdn/{CZX4YKQD.js → BQJ7QAYE.js} +1 -1
  45. package/dist/cdn/{52VPEAZH.js → C32EZMZW.js} +1 -1
  46. package/dist/cdn/C7LNM3HL.js +2 -0
  47. package/dist/cdn/{UKC7IODK.js → CDL5BNMN.js} +1 -1
  48. package/dist/cdn/{RXMQKTJR.js → CGH75CRF.js} +1 -1
  49. package/dist/cdn/{VFG4QJAL.js → CIYHSKF7.js} +1 -1
  50. package/dist/cdn/{BWNRKMS3.js → CTOCYTTR.js} +1 -1
  51. package/dist/cdn/{RJD35A5I.js → CTU5B3KC.js} +1 -1
  52. package/dist/cdn/{O2MNYT36.js → D4LLO72M.js} +1 -1
  53. package/dist/cdn/{REPXCTLA.js → D5HDV7HK.js} +1 -1
  54. package/dist/cdn/{ZEMJW5ZS.js → D7TWWF44.js} +1 -1
  55. package/dist/cdn/{RF3IKZ6O.js → DAP2VPDF.js} +1 -1
  56. package/dist/cdn/DHIYO6UH.js +2 -0
  57. package/dist/cdn/{DUNEDDAA.js → DJ65KHTT.js} +1 -1
  58. package/dist/cdn/{7FW2RVVH.js → DJD3CC5A.js} +1 -1
  59. package/dist/cdn/{3ANAA5WY.js → DJYRMK2C.js} +1 -1
  60. package/dist/cdn/{ILBDCXZZ.js → DL6SAQV4.js} +1 -1
  61. package/dist/cdn/{W4GTBLDU.js → DUDIVZGQ.js} +1 -1
  62. package/dist/cdn/{CSEY77KQ.js → EDXHLHEK.js} +1 -1
  63. package/dist/cdn/{D3AIPJFM.js → EIN7DQT3.js} +1 -1
  64. package/dist/cdn/{LCOU5YFI.js → EPJ7IFKU.js} +1 -1
  65. package/dist/cdn/{EOMTBPAM.js → EPKTJSSB.js} +1 -1
  66. package/dist/cdn/{X5QYKRNO.js → ERCK54DE.js} +1 -1
  67. package/dist/cdn/{SAZM37N6.js → FK326MY2.js} +1 -1
  68. package/dist/cdn/{YK6HNEMU.js → FNUTZYME.js} +1 -1
  69. package/dist/cdn/{BDRS3Y7M.js → FX5TGPAH.js} +1 -1
  70. package/dist/cdn/{XDANG4JV.js → FY7WEDQN.js} +1 -1
  71. package/dist/cdn/{M4XG6CGT.js → GMW5MPTM.js} +1 -1
  72. package/dist/cdn/GPD7HV23.js +2 -0
  73. package/dist/cdn/{QMRRNFHH.js → GZB75XBH.js} +1 -1
  74. package/dist/cdn/{IWH5NWUU.js → H7MGP25S.js} +1 -1
  75. package/dist/cdn/{Y6NAKDFA.js → HLIFWDQP.js} +1 -1
  76. package/dist/cdn/{RYMSHLIL.js → HZD5H23F.js} +1 -1
  77. package/dist/cdn/{TJBZHXEN.js → IJCFTYMJ.js} +1 -1
  78. package/dist/cdn/{PQ32Y6ZL.js → IOW5Z3SU.js} +1 -1
  79. package/dist/cdn/{DA4JUDJU.js → IWJQSMI4.js} +1 -1
  80. package/dist/cdn/{IHEH67LY.js → IYBRY24I.js} +1 -1
  81. package/dist/cdn/{I64YUHND.js → J6B5W6HH.js} +1 -1
  82. package/dist/cdn/{MTE46QCF.js → JI6NSKEV.js} +1 -1
  83. package/dist/cdn/{Y5J3BTH5.js → JJBJM2OJ.js} +1 -1
  84. package/dist/cdn/{RF2E4GRH.js → JNAEVEX5.js} +1 -1
  85. package/dist/cdn/{VW7FW6X2.js → JREPH2VL.js} +1 -1
  86. package/dist/cdn/{F2L2ICEF.js → K5XFENR7.js} +1 -1
  87. package/dist/cdn/{ELUBDVXJ.js → KCZJNER5.js} +1 -1
  88. package/dist/cdn/{J2FCKTAY.js → KQ4OCUO5.js} +1 -1
  89. package/dist/cdn/{Q2QSOF52.js → KSEF3TLS.js} +1 -1
  90. package/dist/cdn/{SHDRKD4O.js → KT6KY52P.js} +1 -1
  91. package/dist/cdn/{RCMSIMRP.js → KWN4MM3A.js} +1 -1
  92. package/dist/cdn/{HKZCFBV6.js → L7HFUK3G.js} +1 -1
  93. package/dist/cdn/{U53QKA4H.js → LIVPCPCA.js} +1 -1
  94. package/dist/cdn/{OZ4ROR63.js → MYUTWQWX.js} +1 -1
  95. package/dist/cdn/N6YOEFSV.js +2 -0
  96. package/dist/cdn/{Y6WHZAVU.js → N7N4MLB5.js} +1 -1
  97. package/dist/cdn/{5IFCTQIP.js → NDMUDXOZ.js} +1 -1
  98. package/dist/cdn/{QHYM366B.js → OJF5T5XY.js} +1 -1
  99. package/dist/cdn/{4SNLHQMJ.js → OW3U6T5J.js} +1 -1
  100. package/dist/cdn/{TPNBE2KI.js → OZOFR2GG.js} +1 -1
  101. package/dist/cdn/{DS7YC5ST.js → P6COGUMV.js} +1 -1
  102. package/dist/cdn/{A7S6MND4.js → PENOU5TN.js} +1 -1
  103. package/dist/cdn/{SC5XD7BD.js → PK2LDDBD.js} +1 -1
  104. package/dist/cdn/{3EL6KHB5.js → PMNFYSIR.js} +1 -1
  105. package/dist/cdn/{XZAMAONP.js → Q7WVCTBI.js} +1 -1
  106. package/dist/cdn/{2CNPC3OB.js → Q7Y5B4LB.js} +1 -1
  107. package/dist/cdn/{W3AEBEFX.js → QN6HNGLX.js} +1 -1
  108. package/dist/cdn/{5GISDVW5.js → QY7SDLEE.js} +1 -1
  109. package/dist/cdn/{WBHWBQHC.js → QYPTOYKS.js} +1 -1
  110. package/dist/cdn/{WFDVIUN7.js → RBPNU6ST.js} +1 -1
  111. package/dist/cdn/{JPDFANDQ.js → RCYZC42B.js} +1 -1
  112. package/dist/cdn/{PCI32ZDN.js → RDQHRWAK.js} +1 -1
  113. package/dist/cdn/{VB7JSUGB.js → RLUYZW3I.js} +1 -1
  114. package/dist/cdn/{4EHMEDLA.js → RW3VK62K.js} +1 -1
  115. package/dist/cdn/{UTSMZR73.js → RZRNVNLI.js} +1 -1
  116. package/dist/cdn/S4RYGITQ.js +2 -0
  117. package/dist/cdn/{TEOM4B4H.js → SAJGDBME.js} +1 -1
  118. package/dist/cdn/{44TFJRAK.js → SDPL45JE.js} +1 -1
  119. package/dist/cdn/{NAAFIXAF.js → SHV2W3BT.js} +1 -1
  120. package/dist/cdn/{N7LHYCP2.js → SKIVG43Z.js} +1 -1
  121. package/dist/cdn/{ZW6MT5KC.js → SR3EXOYY.js} +1 -1
  122. package/dist/cdn/{EES3BYY6.js → SU6QY5JA.js} +1 -1
  123. package/dist/cdn/{G5STALAI.js → SXAKRLPD.js} +1 -1
  124. package/dist/cdn/{KAVQKU3G.js → TBASJIIB.js} +1 -1
  125. package/dist/cdn/{7TYZDEGX.js → THP73LXL.js} +1 -1
  126. package/dist/cdn/{4VWHZFWR.js → TMJ22U5Z.js} +1 -1
  127. package/dist/cdn/TRBOVZT3.js +2 -0
  128. package/dist/cdn/{FRBCEYOV.js → UDQVMJ3S.js} +1 -1
  129. package/dist/cdn/{QQJJAYFU.js → UHIKZXRW.js} +1 -1
  130. package/dist/cdn/{GBRMQ3Q7.js → UV7KRWJF.js} +1 -1
  131. package/dist/cdn/UVCV5QVD.js +2 -0
  132. package/dist/cdn/{LQXCFNQS.js → UW77EV26.js} +1 -1
  133. package/dist/cdn/{ZL33K4C6.js → V5PEJNTB.js} +1 -1
  134. package/dist/cdn/{WDWHQGW6.js → VNA3UADR.js} +1 -1
  135. package/dist/cdn/VRVEOLT7.js +2 -0
  136. package/dist/cdn/{7FGFRTEF.js → VVVZYRRF.js} +1 -1
  137. package/dist/cdn/{WL3SJO7Q.js → WGPN42CN.js} +1 -1
  138. package/dist/cdn/{C65CLC4T.js → WI4ZFF5B.js} +1 -1
  139. package/dist/cdn/{V4PS7I6J.js → X6P74FM4.js} +1 -1
  140. package/dist/cdn/{3VHU2XEB.js → XYYLHYLL.js} +1 -1
  141. package/dist/cdn/{U6EJO5OV.js → YPAZP7GT.js} +1 -1
  142. package/dist/cdn/{ZKQDDLKK.js → YUHXCHM2.js} +1 -1
  143. package/dist/cdn/{HOOKFRJ5.js → ZJNPO53J.js} +1 -1
  144. package/dist/cdn/{BAXRS5AA.js → ZJU6M5HF.js} +1 -1
  145. package/dist/cdn/{TWOJRSW4.js → ZLBIDSOY.js} +1 -1
  146. package/dist/cdn/{ZYDS4IYB.js → ZNTPEW2R.js} +1 -1
  147. package/dist/cdn/{ZMIPEDSX.js → ZPUQDWIV.js} +1 -1
  148. package/dist/cdn/{J4ESZ24C.js → ZU3ZHGYC.js} +1 -1
  149. package/dist/cdn/index.js +2 -2
  150. package/dist/cdn/main.css +2 -2
  151. package/dist/chunks/dom.js +7 -1
  152. package/dist/chunks/resources25.js +0 -1
  153. package/dist/chunks/runtime.js +4 -4
  154. package/dist/chunks/useInlineEdit.js +16 -3
  155. package/dist/components/calcite-action/customElement.d.ts +0 -4
  156. package/dist/components/calcite-action-bar/customElement.js +0 -6
  157. package/dist/components/calcite-block-group/customElement.d.ts +4 -4
  158. package/dist/components/calcite-date-picker/customElement.js +9 -6
  159. package/dist/components/calcite-input/customElement.d.ts +18 -16
  160. package/dist/components/calcite-input/customElement.js +9 -4
  161. package/dist/components/calcite-input-number/customElement.d.ts +18 -16
  162. package/dist/components/calcite-input-number/customElement.js +8 -4
  163. package/dist/components/calcite-input-text/customElement.d.ts +18 -16
  164. package/dist/components/calcite-input-text/customElement.js +8 -4
  165. package/dist/components/calcite-input-time-zone/customElement.d.ts +2 -0
  166. package/dist/components/calcite-input-time-zone/customElement.js +2 -2
  167. package/dist/components/calcite-loader/customElement.js +2 -1
  168. package/dist/components/calcite-menu-item/customElement.js +1 -1
  169. package/dist/components/calcite-shell/customElement.js +3 -56
  170. package/dist/components/calcite-shell-panel/customElement.d.ts +0 -2
  171. package/dist/components/calcite-shell-panel/customElement.js +13 -88
  172. package/dist/components/calcite-slider/customElement.js +1 -1
  173. package/dist/components/calcite-text/customElement.d.ts +19 -0
  174. package/dist/components/calcite-text/customElement.js +174 -0
  175. package/dist/components/calcite-text/index.d.ts +1 -0
  176. package/dist/components/calcite-text/index.js +1 -0
  177. package/dist/docs/api.json +1 -1
  178. package/dist/docs/docs.json +1 -1
  179. package/dist/docs/vscode.css-custom-data.json +1 -1
  180. package/dist/docs/vscode.html-custom-data.json +1 -1
  181. package/dist/docs/web-types.json +1 -1
  182. package/dist/index.d.ts +4 -0
  183. package/dist/loader.js +3 -2
  184. package/dist/types/lumina.d.ts +7 -2
  185. package/dist/types/preact.d.ts +8 -2
  186. package/dist/types/react.d.ts +9 -2
  187. package/dist/types/stencil.d.ts +7 -2
  188. package/package.json +8 -8
  189. package/dist/cdn/2AZPDNN5.js +0 -2
  190. package/dist/cdn/2WGPIXZA.js +0 -2
  191. package/dist/cdn/CGZCRVLV.js +0 -2
  192. package/dist/cdn/EFKVMB36.js +0 -2
  193. package/dist/cdn/FAAQEW6G.js +0 -2
  194. package/dist/cdn/MOTVD3GS.js +0 -2
  195. package/dist/cdn/OORHTUDV.js +0 -2
  196. package/dist/cdn/QHQOBCL5.js +0 -2
  197. package/dist/cdn/SIBUXQXU.js +0 -2
  198. package/dist/cdn/SYTC5OFS.js +0 -2
  199. package/dist/cdn/UK4JBUQZ.js +0 -2
  200. package/dist/cdn/WTI76WPS.js +0 -2
  201. package/dist/cdn/ZEYKF5ZX.js +0 -2
  202. package/dist/cdn/ZLGAOOX7.js +0 -2
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as s,b as o}from"./NH334SIF.js";import{a as i}from"./I64YUHND.js";import{x as a}from"./7FW2RVVH.js";import{G as r,H as e,T as d,g as l,h as n}from"./W4GTBLDU.js";var h=l`:host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-stack-padding-inline, .75rem);padding-block:var(--calcite-stack-padding-block, .5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:.75rem;align-self:center}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends r{constructor(){super(...arguments),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.disabled=!1}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=h}handleActionsStartSlotChange(t){this.hasActionsStart=a(t)}handleActionsEndSlotChange(t){this.hasActionsEnd=a(t)}handleContentStartSlotChange(t){this.hasContentStart=a(t)}handleContentEndSlotChange(t){this.hasContentEnd=a(t)}renderActionsStart(){let{hasActionsStart:t}=this;return i("actions-start-container",n`<div class=${e(s.actionsStart)} .hidden=${!t}><slot name=${o.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`)}renderActionsEnd(){let{hasActionsEnd:t}=this;return i("actions-end-container",n`<div class=${e(s.actionsEnd)} .hidden=${!t}><slot name=${o.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`)}renderContentStart(){let{hasContentStart:t}=this;return n`<div class=${e(s.contentStart)} .hidden=${!t}><slot name=${o.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderDefaultContent(){return n`<div class=${e(s.content)}><slot></slot></div>`}renderContentEnd(){let{hasContentEnd:t}=this;return n`<div class=${e(s.contentEnd)} .hidden=${!t}><slot name=${o.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}render(){return n`<div class=${e(s.container)}>${this.renderActionsStart()}${this.renderContentStart()}${this.renderDefaultContent()}${this.renderContentEnd()}${this.renderActionsEnd()}</div>`}};d("calcite-stack",c);export{c as Stack};
2
+ import{a as s,b as o}from"./NH334SIF.js";import{a as i}from"./J6B5W6HH.js";import{y as a}from"./DJD3CC5A.js";import{G as r,H as e,T as d,g as l,h as n}from"./DUDIVZGQ.js";var h=l`:host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-stack-padding-inline, .75rem);padding-block:var(--calcite-stack-padding-block, .5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:.75rem;align-self:center}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends r{constructor(){super(...arguments),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.disabled=!1}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=h}handleActionsStartSlotChange(t){this.hasActionsStart=a(t)}handleActionsEndSlotChange(t){this.hasActionsEnd=a(t)}handleContentStartSlotChange(t){this.hasContentStart=a(t)}handleContentEndSlotChange(t){this.hasContentEnd=a(t)}renderActionsStart(){let{hasActionsStart:t}=this;return i("actions-start-container",n`<div class=${e(s.actionsStart)} .hidden=${!t}><slot name=${o.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`)}renderActionsEnd(){let{hasActionsEnd:t}=this;return i("actions-end-container",n`<div class=${e(s.actionsEnd)} .hidden=${!t}><slot name=${o.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`)}renderContentStart(){let{hasContentStart:t}=this;return n`<div class=${e(s.contentStart)} .hidden=${!t}><slot name=${o.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderDefaultContent(){return n`<div class=${e(s.content)}><slot></slot></div>`}renderContentEnd(){let{hasContentEnd:t}=this;return n`<div class=${e(s.contentEnd)} .hidden=${!t}><slot name=${o.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}render(){return n`<div class=${e(s.container)}>${this.renderActionsStart()}${this.renderContentStart()}${this.renderDefaultContent()}${this.renderContentEnd()}${this.renderActionsEnd()}</div>`}};d("calcite-stack",c);export{c as Stack};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as g,b as h,e as O,f as W,k as x,l as b,n as y,o as F,q as m}from"./4VWHZFWR.js";import{j as d}from"./ETTFRHP7.js";import{i as I,j as P,k as A}from"./EM6V55GC.js";import{a as u}from"./YP3AYJH3.js";import"./ZW6MT5KC.js";import{l as S,n as R}from"./7FW2RVVH.js";import{D as z,E as f,F as v,G as Y,H as s,T as w,g as D,h as l,l as $,p as C}from"./W4GTBLDU.js";var E=D`:host{display:block}.header{display:flex;block-size:100%;align-items:center;justify-content:space-between}.chevron-container{display:flex;align-items:center}:host([scale=s]){block-size:24px;margin:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .chevron-container,:host([scale=s]) .chevron{min-inline-size:24px;block-size:24px}:host([scale=m]){block-size:32px;margin:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));margin-inline-start:var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host([scale=m]) .chevron-container,:host([scale=m]) .chevron{min-inline-size:32px;block-size:32px;--calcite-internal-action-padding-block: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){block-size:44px;margin:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .chevron-container,:host([scale=l]) .chevron{min-inline-size:44px;block-size:44px;--calcite-internal-action-padding-block: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}.chevron{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;box-sizing:content-box;display:flex;block-size:100%;inline-size:100%;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;outline-color:transparent;--calcite-internal-action-padding-block: 0;--calcite-action-background-color: var(--calcite-date-picker-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-date-picker-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-date-picker-header-action-background-color-press);--calcite-action-text-color: var(--calcite-date-picker-header-action-text-color);--calcite-action-text-color-press: var(--calcite-date-picker-header-action-text-color-press)}.chevron: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))))}.chevron[aria-disabled=true]{pointer-events:none}.month-year-container{display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:flex-start;text-align:center;line-height:1;gap:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.month-year-container.range-calendar{justify-content:center}.year-container{position:relative;display:flex;block-size:100%}.suffix{display:flex;align-items:center}.year,.suffix{margin-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));font-weight:var(--calcite-font-weight-medium);color:var(--calcite-date-picker-year-text-color, var(--calcite-color-text-1));font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-fixed-lg)}.year{position:relative;display:inline-block;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent;inline-size:44px}.year:hover{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:-2px}.year: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))))}.month-select{--calcite-select-internal-border-width: 0;--calcite-select-internal-icon-border-inline-end-width: 0;--calcite-internal-select-spacing-inline: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-md));--calcite-select-text-color: var(--calcite-date-picker-month-select-text-color, var(--calcite-color-text-1));--calcite-select-icon-color: var(--calcite-date-picker-month-select-icon-color);--calcite-select-icon-color-hover: var(--calcite-date-picker-month-select-icon-color-hover);--calcite-internal-select-spacing-block: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-select-icon-container-padding-inline: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-lg);--calcite-internal-select-font-weight: var(--calcite-font-weight-medium)}:host([scale=s]) .month-year-container .month-select{--calcite-internal-select-spacing-inline: var(--calcite-theme-space-base, var(--calcite-spacing-base));--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size));--calcite-internal-select-spacing-block: var(--calcite-theme-space-base, var(--calcite-spacing-base));--calcite-internal-select-icon-container-padding-inline: var( --calcite-theme-space-base, var(--calcite-spacing-base) );--calcite-internal-select-block-size: 24px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-base)}:host([scale=s]) .month-year-container .year{inline-size:40px}:host([scale=s]) .month-year-container .year,:host([scale=s]) .month-year-container .suffix{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-fixed-base)}:host([scale=l]) .month-year-container .month-select{--calcite-internal-select-spacing-inline: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-lg));--calcite-internal-select-spacing-block: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-internal-select-icon-container-padding-inline: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-internal-select-block-size: 44px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-xl)}:host([scale=l]) .month-year-container .year{inline-size:48px}:host([scale=l]) .month-year-container .year,:host([scale=l]) .month-year-container .suffix{font-size:var(--calcite-font-size-lg);line-height:var(--calcite-font-line-height-fixed-xl)}:host([hidden]){display:none}[hidden]{display:none}`,r={header:"header",chevron:"chevron",chevronContainer:"chevron-container",monthYearContainer:"month-year-container",monthPicker:"month-select",rangeCalendar:"range-calendar",suffix:"suffix",yearContainer:"year-container",year:"year"},N={chevronLeft:"chevron-left",chevronRight:"chevron-right"},K=16,k=class extends Y{constructor(){super(...arguments),this.monthPickerRef=f(),this.nextMonthActionRef=f(),this.prevMonthActionRef=f(),this.yearInputRef=f(),this.scale="m",this.calciteInternalDatePickerMonthHeaderSelectChange=C({cancelable:!1})}static{this.properties={nextMonthDate:[16,{},{state:!0}],prevMonthDate:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],headingLevel:[9,{},{type:Number}],localeData:[0,{},{attribute:!1}],max:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],min:[0,{},{attribute:!1}],monthStyle:1,position:1,scale:[3,{},{reflect:!0}],selectedDate:[0,{},{attribute:!1}]}}static{this.styles=E}connectedCallback(){super.connectedCallback(),this.setNextPrevMonthDates()}load(){this.parentDatePickerEl=R(this.el,"calcite-date-picker")??void 0}willUpdate(e){this.hasUpdated&&(e.has("activeDate")||e.has("localeData"))&&this.setYearSelectMenuWidth(),this.hasUpdated&&e.has("scale")&&this.setYearSelectWidthOffset(),(e.has("min")||e.has("max")||e.has("activeDate"))&&this.setNextPrevMonthDates()}loaded(){this.setYearSelectWidthOffset()}setNextPrevMonthDates(){this.activeDate&&(this.nextMonthDate=h(y(this.activeDate),this.min,this.max),this.prevMonthDate=h(x(this.activeDate),this.min,this.max))}onYearKey(e){let t=this.parseCalendarYear(e.target.value);switch(e.key){case"ArrowDown":e.preventDefault(),this.setYear({localizedYear:t,offset:-1});break;case"ArrowUp":e.preventDefault(),this.setYear({localizedYear:t,offset:1});break}}formatCalendarYear(e){return d.localize(`${W(e,this.localeData)}`)}parseCalendarYear(e){return d.localize(`${O(Number(d.delocalize(e)),this.localeData)}`)}onYearChange(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})}onYearInput(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:!1})}prevMonthClick(e){this.prevMonthDate&&this.handleArrowClick(e,this.prevMonthDate)}prevMonthKeydown(e){u(e.key)&&this.prevMonthClick(e)}nextMonthClick(e){this.nextMonthDate&&this.handleArrowClick(e,this.nextMonthDate)}nextMonthKeydown(e){u(e.key)&&this.nextMonthClick(e)}async handleArrowClick(e,t){e.preventDefault(),await this.handlePenultimateValidMonth(e),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(t)}handleMonthChange(e){let t=e.target,{abbreviated:a,wide:n}=this.localeData.months,i=(this.monthStyle==="wide"?n:a).indexOf(t.value),o=b(this.activeDate,i);g(o,this.min,this.max)||(o=h(o,this.min,this.max)),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(o),this.setYearSelectMenuWidth()}getInRangeDate({localizedYear:e,offset:t=0}){let{min:a,max:n,activeDate:c}=this,i=Number(d.delocalize(e)),o=i.toString().length,p=isNaN(i)?!1:i+t,L=p&&(!a||a.getFullYear()<=p)&&(!n||n.getFullYear()>=p);if(p&&L&&o===e.length){let M=new Date(c);return M.setFullYear(p),h(M,a,n)}}setYear({localizedYear:e,commit:t=!0,offset:a=0}){let{yearInputRef:n,activeDate:c}=this,i=this.getInRangeDate({localizedYear:e,offset:a});i&&this.calciteInternalDatePickerMonthHeaderSelectChange.emit(i),t&&n.value&&(n.value.value=this.formatCalendarYear((i||c).getFullYear()))}setYearSelectWidthOffset(){this.yearSelectWidthOffset=K+3*parseInt(this.getYearSelectPadding(),10),this.setYearSelectMenuWidth()}setYearSelectMenuWidth(){let e=this.monthPickerRef.value;e&&requestAnimationFrame(()=>{let t=getComputedStyle(e),a=`${t.fontStyle} ${t.fontVariant} ${t.fontWeight} ${t.fontSize}/${t.lineHeight} ${t.fontFamily}`,c=this.localeData.months[this.monthStyle][this.activeDate.getMonth()],i=Math.ceil(S(c,a));e.style.width=`${i+this.yearSelectWidthOffset}px`})}isMonthInRange(e){let t=b(this.activeDate,e);return!this.min&&!this.max||g(t,this.min,this.max)?!0:!!(this.max&&m(t,this.max)||this.min&&m(t,this.min))}async handlePenultimateValidMonth(e){let n=e.target.getAttribute("data-direction")==="left",c=!1;if(n&&this.min){let i=h(x(this.activeDate),this.min,this.max);c=i?m(i,this.min):!1}else if(this.max){let i=h(y(this.activeDate),this.min,this.max);c=i?m(i,this.max):!1}if(c)if(this.position)this.yearInputRef.value?.focus();else{let o=(n?this.nextMonthActionRef:this.prevMonthActionRef).value;if(!o)return;o.disabled=!1,await o.setFocus()}}getPx(e){let t=Number(e.replace(/[rem|px]/g,"")),a=16;return e.includes("rem")?`${t*a}px`:`${t}px`}getYearSelectPadding(){let e;switch(this.scale){case"l":e=A;break;case"s":e=I;break;default:e=P;break}return this.getPx(e)}render(){return l`<div class=${s(r.header)}>${this.renderContent()}</div>`}renderContent(){let{localeData:e,activeDate:t}=this;if(!t||!e)return null;if(this.parentDatePickerEl){let{numberingSystem:c,lang:i}=this.parentDatePickerEl;d.numberFormatOptions={useGrouping:!1,...c&&{numberingSystem:c},...i&&{locale:i}}}let a=F(e.unitOrder),n=a.indexOf("y")<a.indexOf("m");return l`${this.position&&l`<div class=${s({[r.chevronContainer]:!0})}>${this.position==="start"&&this.renderChevron("left")||""}</div>`||""}<div class=${s({[r.monthYearContainer]:!0,[r.rangeCalendar]:!!this.position})}>${this.renderMonthYearContainer(n)}</div>${!this.position&&l`<div class=${s({[r.chevronContainer]:!0})}>${this.renderChevron("left")}</div>`||""}<div class=${s({[r.chevronContainer]:!0})}>${this.position!=="start"&&this.renderChevron("right")||""}</div>`}renderMonthYearContainer(e){return e?[this.renderYearInput(),this.renderMonthPicker()]:[this.renderMonthPicker(),this.renderYearInput()]}renderMonthPicker(){let e=this.activeDate.getMonth(),t=this.localeData.months[this.monthStyle];return l`<calcite-select class=${s(r.monthPicker)} .label=${this.messages.monthMenu} @calciteSelectChange=${this.handleMonthChange} width=auto ${v(this.monthPickerRef)}>${t.map((a,n)=>l`<calcite-option .disabled=${!this.isMonthInRange(n)} .selected=${n===e} .value=${a}>${a}</calcite-option>`)}</calcite-select>`}renderYearInput(){let e=this.localeData.year?.suffix,t=this.formatCalendarYear(this.activeDate.getFullYear());return l`<span class=${s(r.yearContainer)}><input .ariaLabel=${this.messages.year} class=${s({[r.year]:!0})} inputmode=numeric maxlength=4 minlength=1 @change=${this.onYearChange} @input=${this.onYearInput} @keydown=${this.onYearKey} pattern=\\d* type=text .value=${z(t??"")} ${v(this.yearInputRef)}>${e&&l`<span class=${s(r.suffix)}>${e}</span>`||""}</span>`}renderChevron(e){let t=e==="right",a=m(t?this.nextMonthDate:this.prevMonthDate,this.activeDate)||!g(this.activeDate,this.min,this.max);return l`<calcite-action alignment=center .ariaDisabled=${a} .ariaLabel=${t?this.messages.nextMonth:this.messages.prevMonth} class=${s(r.chevron)} compact data-direction=${e??$} .disabled=${a} .icon=${t?N.chevronRight:N.chevronLeft} icon-flip-rtl @click=${t?this.nextMonthClick:this.prevMonthClick} @keydown=${t?this.nextMonthKeydown:this.prevMonthKeydown} role=button .scale=${this.scale} .text=${t?this.messages.nextMonth:this.messages.prevMonth} ${v(t?this.nextMonthActionRef:this.prevMonthActionRef)}></calcite-action>`}};w("calcite-date-picker-month-header",k);export{k as DatePickerMonthHeader};
2
+ import{a as g,b as h,e as O,f as W,k as x,l as b,n as y,o as F,q as m}from"./TMJ22U5Z.js";import{j as d}from"./772CBSF6.js";import{i as I,j as P,k as A}from"./EM6V55GC.js";import{a as u}from"./YP3AYJH3.js";import"./SR3EXOYY.js";import{l as S,n as R}from"./DJD3CC5A.js";import{D as z,E as f,F as v,G as Y,H as s,T as w,g as D,h as l,l as $,p as C}from"./DUDIVZGQ.js";var E=D`:host{display:block}.header{display:flex;block-size:100%;align-items:center;justify-content:space-between}.chevron-container{display:flex;align-items:center}:host([scale=s]){block-size:24px;margin:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .chevron-container,:host([scale=s]) .chevron{min-inline-size:24px;block-size:24px}:host([scale=m]){block-size:32px;margin:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));margin-inline-start:var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host([scale=m]) .chevron-container,:host([scale=m]) .chevron{min-inline-size:32px;block-size:32px;--calcite-internal-action-padding-block: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){block-size:44px;margin:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .chevron-container,:host([scale=l]) .chevron{min-inline-size:44px;block-size:44px;--calcite-internal-action-padding-block: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}.chevron{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;box-sizing:content-box;display:flex;block-size:100%;inline-size:100%;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;outline-color:transparent;--calcite-internal-action-padding-block: 0;--calcite-action-background-color: var(--calcite-date-picker-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-date-picker-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-date-picker-header-action-background-color-press);--calcite-action-text-color: var(--calcite-date-picker-header-action-text-color);--calcite-action-text-color-press: var(--calcite-date-picker-header-action-text-color-press)}.chevron: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))))}.chevron[aria-disabled=true]{pointer-events:none}.month-year-container{display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:flex-start;text-align:center;line-height:1;gap:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.month-year-container.range-calendar{justify-content:center}.year-container{position:relative;display:flex;block-size:100%}.suffix{display:flex;align-items:center}.year,.suffix{margin-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));font-weight:var(--calcite-font-weight-medium);color:var(--calcite-date-picker-year-text-color, var(--calcite-color-text-1));font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-fixed-lg)}.year{position:relative;display:inline-block;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent;inline-size:44px}.year:hover{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:-2px}.year: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))))}.month-select{--calcite-select-internal-border-width: 0;--calcite-select-internal-icon-border-inline-end-width: 0;--calcite-internal-select-spacing-inline: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-md));--calcite-select-text-color: var(--calcite-date-picker-month-select-text-color, var(--calcite-color-text-1));--calcite-select-icon-color: var(--calcite-date-picker-month-select-icon-color);--calcite-select-icon-color-hover: var(--calcite-date-picker-month-select-icon-color-hover);--calcite-internal-select-spacing-block: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-select-icon-container-padding-inline: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-lg);--calcite-internal-select-font-weight: var(--calcite-font-weight-medium)}:host([scale=s]) .month-year-container .month-select{--calcite-internal-select-spacing-inline: var(--calcite-theme-space-base, var(--calcite-spacing-base));--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size));--calcite-internal-select-spacing-block: var(--calcite-theme-space-base, var(--calcite-spacing-base));--calcite-internal-select-icon-container-padding-inline: var( --calcite-theme-space-base, var(--calcite-spacing-base) );--calcite-internal-select-block-size: 24px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-base)}:host([scale=s]) .month-year-container .year{inline-size:40px}:host([scale=s]) .month-year-container .year,:host([scale=s]) .month-year-container .suffix{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-fixed-base)}:host([scale=l]) .month-year-container .month-select{--calcite-internal-select-spacing-inline: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-lg));--calcite-internal-select-spacing-block: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-internal-select-icon-container-padding-inline: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-internal-select-block-size: 44px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-xl)}:host([scale=l]) .month-year-container .year{inline-size:48px}:host([scale=l]) .month-year-container .year,:host([scale=l]) .month-year-container .suffix{font-size:var(--calcite-font-size-lg);line-height:var(--calcite-font-line-height-fixed-xl)}:host([hidden]){display:none}[hidden]{display:none}`,r={header:"header",chevron:"chevron",chevronContainer:"chevron-container",monthYearContainer:"month-year-container",monthPicker:"month-select",rangeCalendar:"range-calendar",suffix:"suffix",yearContainer:"year-container",year:"year"},N={chevronLeft:"chevron-left",chevronRight:"chevron-right"},K=16,k=class extends Y{constructor(){super(...arguments),this.monthPickerRef=f(),this.nextMonthActionRef=f(),this.prevMonthActionRef=f(),this.yearInputRef=f(),this.scale="m",this.calciteInternalDatePickerMonthHeaderSelectChange=C({cancelable:!1})}static{this.properties={nextMonthDate:[16,{},{state:!0}],prevMonthDate:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],headingLevel:[9,{},{type:Number}],localeData:[0,{},{attribute:!1}],max:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],min:[0,{},{attribute:!1}],monthStyle:1,position:1,scale:[3,{},{reflect:!0}],selectedDate:[0,{},{attribute:!1}]}}static{this.styles=E}connectedCallback(){super.connectedCallback(),this.setNextPrevMonthDates()}load(){this.parentDatePickerEl=R(this.el,"calcite-date-picker")??void 0}willUpdate(e){this.hasUpdated&&(e.has("activeDate")||e.has("localeData"))&&this.setYearSelectMenuWidth(),this.hasUpdated&&e.has("scale")&&this.setYearSelectWidthOffset(),(e.has("min")||e.has("max")||e.has("activeDate"))&&this.setNextPrevMonthDates()}loaded(){this.setYearSelectWidthOffset()}setNextPrevMonthDates(){this.activeDate&&(this.nextMonthDate=h(y(this.activeDate),this.min,this.max),this.prevMonthDate=h(x(this.activeDate),this.min,this.max))}onYearKey(e){let t=this.parseCalendarYear(e.target.value);switch(e.key){case"ArrowDown":e.preventDefault(),this.setYear({localizedYear:t,offset:-1});break;case"ArrowUp":e.preventDefault(),this.setYear({localizedYear:t,offset:1});break}}formatCalendarYear(e){return d.localize(`${W(e,this.localeData)}`)}parseCalendarYear(e){return d.localize(`${O(Number(d.delocalize(e)),this.localeData)}`)}onYearChange(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})}onYearInput(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:!1})}prevMonthClick(e){this.prevMonthDate&&this.handleArrowClick(e,this.prevMonthDate)}prevMonthKeydown(e){u(e.key)&&this.prevMonthClick(e)}nextMonthClick(e){this.nextMonthDate&&this.handleArrowClick(e,this.nextMonthDate)}nextMonthKeydown(e){u(e.key)&&this.nextMonthClick(e)}async handleArrowClick(e,t){e.preventDefault(),await this.handlePenultimateValidMonth(e),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(t)}handleMonthChange(e){let t=e.target,{abbreviated:a,wide:n}=this.localeData.months,i=(this.monthStyle==="wide"?n:a).indexOf(t.value),o=b(this.activeDate,i);g(o,this.min,this.max)||(o=h(o,this.min,this.max)),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(o),this.setYearSelectMenuWidth()}getInRangeDate({localizedYear:e,offset:t=0}){let{min:a,max:n,activeDate:c}=this,i=Number(d.delocalize(e)),o=i.toString().length,p=isNaN(i)?!1:i+t,L=p&&(!a||a.getFullYear()<=p)&&(!n||n.getFullYear()>=p);if(p&&L&&o===e.length){let M=new Date(c);return M.setFullYear(p),h(M,a,n)}}setYear({localizedYear:e,commit:t=!0,offset:a=0}){let{yearInputRef:n,activeDate:c}=this,i=this.getInRangeDate({localizedYear:e,offset:a});i&&this.calciteInternalDatePickerMonthHeaderSelectChange.emit(i),t&&n.value&&(n.value.value=this.formatCalendarYear((i||c).getFullYear()))}setYearSelectWidthOffset(){this.yearSelectWidthOffset=K+3*parseInt(this.getYearSelectPadding(),10),this.setYearSelectMenuWidth()}setYearSelectMenuWidth(){let e=this.monthPickerRef.value;e&&requestAnimationFrame(()=>{let t=getComputedStyle(e),a=`${t.fontStyle} ${t.fontVariant} ${t.fontWeight} ${t.fontSize}/${t.lineHeight} ${t.fontFamily}`,c=this.localeData.months[this.monthStyle][this.activeDate.getMonth()],i=Math.ceil(S(c,a));e.style.width=`${i+this.yearSelectWidthOffset}px`})}isMonthInRange(e){let t=b(this.activeDate,e);return!this.min&&!this.max||g(t,this.min,this.max)?!0:!!(this.max&&m(t,this.max)||this.min&&m(t,this.min))}async handlePenultimateValidMonth(e){let n=e.target.getAttribute("data-direction")==="left",c=!1;if(n&&this.min){let i=h(x(this.activeDate),this.min,this.max);c=i?m(i,this.min):!1}else if(this.max){let i=h(y(this.activeDate),this.min,this.max);c=i?m(i,this.max):!1}if(c)if(this.position)this.yearInputRef.value?.focus();else{let o=(n?this.nextMonthActionRef:this.prevMonthActionRef).value;if(!o)return;o.disabled=!1,await o.setFocus()}}getPx(e){let t=Number(e.replace(/[rem|px]/g,"")),a=16;return e.includes("rem")?`${t*a}px`:`${t}px`}getYearSelectPadding(){let e;switch(this.scale){case"l":e=A;break;case"s":e=I;break;default:e=P;break}return this.getPx(e)}render(){return l`<div class=${s(r.header)}>${this.renderContent()}</div>`}renderContent(){let{localeData:e,activeDate:t}=this;if(!t||!e)return null;if(this.parentDatePickerEl){let{numberingSystem:c,lang:i}=this.parentDatePickerEl;d.numberFormatOptions={useGrouping:!1,...c&&{numberingSystem:c},...i&&{locale:i}}}let a=F(e.unitOrder),n=a.indexOf("y")<a.indexOf("m");return l`${this.position&&l`<div class=${s({[r.chevronContainer]:!0})}>${this.position==="start"&&this.renderChevron("left")||""}</div>`||""}<div class=${s({[r.monthYearContainer]:!0,[r.rangeCalendar]:!!this.position})}>${this.renderMonthYearContainer(n)}</div>${!this.position&&l`<div class=${s({[r.chevronContainer]:!0})}>${this.renderChevron("left")}</div>`||""}<div class=${s({[r.chevronContainer]:!0})}>${this.position!=="start"&&this.renderChevron("right")||""}</div>`}renderMonthYearContainer(e){return e?[this.renderYearInput(),this.renderMonthPicker()]:[this.renderMonthPicker(),this.renderYearInput()]}renderMonthPicker(){let e=this.activeDate.getMonth(),t=this.localeData.months[this.monthStyle];return l`<calcite-select class=${s(r.monthPicker)} .label=${this.messages.monthMenu} @calciteSelectChange=${this.handleMonthChange} width=auto ${v(this.monthPickerRef)}>${t.map((a,n)=>l`<calcite-option .disabled=${!this.isMonthInRange(n)} .selected=${n===e} .value=${a}>${a}</calcite-option>`)}</calcite-select>`}renderYearInput(){let e=this.localeData.year?.suffix,t=this.formatCalendarYear(this.activeDate.getFullYear());return l`<span class=${s(r.yearContainer)}><input .ariaLabel=${this.messages.year} class=${s({[r.year]:!0})} inputmode=numeric maxlength=4 minlength=1 @change=${this.onYearChange} @input=${this.onYearInput} @keydown=${this.onYearKey} pattern=\\d* type=text .value=${z(t??"")} ${v(this.yearInputRef)}>${e&&l`<span class=${s(r.suffix)}>${e}</span>`||""}</span>`}renderChevron(e){let t=e==="right",a=m(t?this.nextMonthDate:this.prevMonthDate,this.activeDate)||!g(this.activeDate,this.min,this.max);return l`<calcite-action alignment=center .ariaDisabled=${a} .ariaLabel=${t?this.messages.nextMonth:this.messages.prevMonth} class=${s(r.chevron)} compact data-direction=${e??$} .disabled=${a} .icon=${t?N.chevronRight:N.chevronLeft} icon-flip-rtl @click=${t?this.nextMonthClick:this.prevMonthClick} @keydown=${t?this.nextMonthKeydown:this.prevMonthKeydown} role=button .scale=${this.scale} .text=${t?this.messages.nextMonth:this.messages.prevMonth} ${v(t?this.nextMonthActionRef:this.prevMonthActionRef)}></calcite-action>`}};w("calcite-date-picker-month-header",k);export{k as DatePickerMonthHeader};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{F as a}from"./7FW2RVVH.js";function r(i){return s(i)?i[i.openProp]:i.open}function s(i){return i.openProp!==void 0}async function f(i){await i.updateComplete,r(i)?i.onBeforeOpen():i.onBeforeClose(),await i.updateComplete;let e=i.transitionRef?.value??i.transitionEl;e&&await a(e,i.transitionProp),r(i)?i.onOpen():i.onClose()}export{f as a};
2
+ import{G as a}from"./DJD3CC5A.js";function r(i){return s(i)?i[i.openProp]:i.open}function s(i){return i.openProp!==void 0}async function f(i){await i.updateComplete,r(i)?i.onBeforeOpen():i.onBeforeClose(),await i.updateComplete;let e=i.transitionRef?.value??i.transitionEl;e&&await a(e,i.transitionProp),r(i)?i.onOpen():i.onClose()}export{f as a};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as k}from"./RJCE75G7.js";import{j as I}from"./ETTFRHP7.js";import{a as V}from"./REPXCTLA.js";import"./EM6V55GC.js";import{a as q}from"./IWH5NWUU.js";import{a as K}from"./SX33HSBC.js";import{a as D}from"./YA3S7CBB.js";import"./YP3AYJH3.js";import{a as j}from"./T6CCMW7H.js";import{a as M}from"./VI7SBYXT.js";import{a as N}from"./JFWDUC4M.js";import{a as W}from"./RF2E4GRH.js";import"./ZWPNZ5XW.js";import{e as L}from"./LQXCFNQS.js";import"./ZW6MT5KC.js";import{C as v,E as U,y as B}from"./7FW2RVVH.js";import{E as b,F as y,G as H,H as l,M as E,T as F,g as O,h as s,l as u,p as h}from"./W4GTBLDU.js";var J=6e3,i={container:"container",containerOverlaid:"container--overlaid",containerEdged:"container--edged",itemContainer:"item-container",itemContainerForward:"item-container--forward",itemContainerBackward:"item-container--backward",controlsArea:"controls-area",pagination:"pagination",paginationItems:"pagination-items",paginationItem:"pagination-item",paginationItemIndividual:"pagination-item--individual",paginationItemVisible:"pagination-item--visible",paginationItemOutOfRange:"pagination-item--out-of-range",paginationItemSelected:"pagination-item--selected",paginationItemRangeEdge:"pagination-item--range-edge",pageNext:"page-next",pagePrevious:"page-previous",autoplayControl:"autoplay-control",autoplayProgress:"autoplay-progress"},g={chevronLeft:"chevron-left",chevronRight:"chevron-right",inactive:"bullet-point",active:"bullet-point-large",pause:"pause-f",play:"play-f"},f={medium:7,small:5,xsmall:3,xxsmall:1},Q="calcite-carousel-container",X={host:$=>`${Q}-${$}`},ee=O`: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;inline-size:100%;--calcite-internal-carousel-pagination-space: 1.5rem;--calcite-internal-carousel-pagination-space-wide: 3.5rem;--calcite-internal-carousel-pagination-background-color: var( --calcite-carousel-pagination-background-color, transparent );--calcite-internal-carousel-pagination-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, transparent );--calcite-internal-carousel-pagination-background-color-press: var( --calcite-carousel-pagination-background-color-press, transparent );--calcite-internal-carousel-pagination-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, transparent );--calcite-internal-carousel-pagination-overlay-background-color: var( --calcite-carousel-pagination-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)) );--calcite-internal-carousel-pagination-overlay-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-internal-carousel-pagination-overlay-background-color-active: var( --calcite-carousel-pagination-background-color-press, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-internal-carousel-pagination-overlay-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)) );--calcite-internal-carousel-pagination-icon-color-hover: var( --calcite-carousel-pagination-icon-color-hover, var(--calcite-color-text-1) );--calcite-internal-carousel-pagination-icon-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-border-1) );--calcite-internal-carousel-pagination-icon-color-selected: var( --calcite-carousel-pagination-icon-color-selected, var(--calcite-color-brand) );--calcite-internal-carousel-control-icon-color-hover: var( --calcite-carousel-control-icon-color-hover, var(--calcite-internal-carousel-pagination-icon-color-hover) );--calcite-internal-carousel-control-icon-color: var( --calcite-carousel-control-icon-color, var(--calcite-carousel-pagination-icon-color, var(--calcite-color-text-3)) );--calcite-internal-carousel-autoplay-progress-background-color: var( --calcite-carousel-autoplay-progress-background-color, var(--calcite-color-border-3) );--calcite-internal-carousel-autoplay-progress-fill-color: var( --calcite-carousel-autoplay-progress-fill-color, var(--calcite-color-brand) );--calcite-internal-carousel-autoplay-control-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-text-3) )}.container{outline-color:transparent;position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--calcite-color-text-2);inline-size:100%;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}.container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-carousel-pagination-space-wide);inline-size:calc(100% - var(--calcite-internal-carousel-pagination-space-wide) * 2)}.item-container{display:flex;align-items:flex-start;justify-content:center;overflow:auto;flex:1 1 auto;padding:var(--calcite-space-2xs);animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.controls-area{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:var(--calcite-space-md);inline-size:auto}.pagination{display:flex;flex-direction:row;align-items:center;justify-content:center}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .controls-area{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-carousel-control-icon-color);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-carousel-control-icon-color-hover);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:var(--calcite-size-xl);inline-size:var(--calcite-size-xl);position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .controls-area{inset-block-start:unset;inset-block-end:0;inset-inline:0}:host([pagination-position=top]) .container--overlaid .controls-area{inset-block-start:0;inset-block-end:unset}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-carousel-autoplay-control-color);--calcite-progress-fill-color: var(--calcite-internal-carousel-autoplay-progress-fill-color);--calcite-progress-background-color: var(--calcite-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{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;outline-color:transparent;margin:0;block-size:var(--calcite-space-3xl);inline-size:var(--calcite-space-3xl);cursor:pointer;align-items:center;border-style:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;background-color:var(--calcite-internal-carousel-pagination-background-color);color:var(--calcite-internal-carousel-pagination-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-background-color-hover);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-background-color-press);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-background-color-press);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}.pagination-item--individual{inline-size:0;padding:0;opacity:0;pointer-events:none;visibility:hidden;transition:var(--calcite-animation-timing) ease-in-out inline-size,var(--calcite-animation-timing) ease-in-out padding,var(--calcite-animation-timing) ease-in-out opacity}.pagination-item--individual.pagination-item--visible{inline-size:var(--calcite-space-3xl);opacity:1;pointer-events:auto;visibility:visible}.pagination-item--range-edge calcite-icon{scale:.75;transition:var(--calcite-animation-timing) ease-in-out scale}.container--overlaid .pagination-item{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}@keyframes item-forward{0%{transform:translate3d(100px,0,0)}to{transform:translateZ(0)}}@keyframes item-backward{0%{transform:translate3d(-100px,0,0)}to{transform:translateZ(0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,w=class extends H{constructor(){super(...arguments),this.autoplayHandler=()=>{this.clearIntervals(),this.slideDurationInterval=setInterval(this.timer,this.autoplayDuration/100)},this.containerRef=b(),this.containerId=X.host(j()),this.direction=L(),this.itemContainerRef=b(),this.resizeHandler=({contentRect:{width:e}})=>{this.setMaxItemsToBreakpoint(e)},this.resizeObserver=M("resize",e=>e.forEach(this.resizeHandler)),this.tabListRef=b(),this.timer=()=>{let e=this.slideDurationRemaining;(!this.suspendedDueToFocus&&!this.suspendedDueToHover||this.userPreventsSuspend)&&(e<=.01?(e=1,this.itemDirection="forward",this.nextItem(!1)):e=e-.01),e>0&&(this.slideDurationRemaining=e)},this.messages=N({blocking:!0}),this.focusSetter=W()(this),this.interactiveContainer=K(this),this.itemDirection="standby",this.hasMultiple=!1,this.items=[],this.maxItems=f.xxsmall,this.playing=!1,this.selectedIndex=0,this.slideDurationRemaining=1,this.suspendedDueToFocus=!1,this.suspendedDueToHover=!1,this.suspendedSlideDurationRemaining=1,this.userPreventsSuspend=!1,this.arrowType="inline",this.autoplay=!1,this.autoplayDuration=J,this.controlOverlay=!1,this.disabled=!1,this.paginationDisabled=!1,this.paginationPosition="bottom",this.calciteCarouselChange=h({cancelable:!1}),this.calciteCarouselPause=h({cancelable:!1}),this.calciteCarouselPlay=h({cancelable:!1}),this.calciteCarouselResume=h({cancelable:!1}),this.calciteCarouselStop=h({cancelable:!1})}static{this.properties={itemDirection:[16,{},{state:!0}],hasMultiple:[16,{},{state:!0}],items:[16,{},{state:!0}],maxItems:[16,{},{state:!0}],playing:[16,{},{state:!0}],selectedIndex:[16,{},{state:!0}],slideDurationRemaining:[16,{},{state:!0}],suspendedDueToFocus:[16,{},{state:!0}],suspendedDueToHover:[16,{},{state:!0}],suspendedSlideDurationRemaining:[16,{},{state:!0}],userPreventsSuspend:[16,{},{state:!0}],arrowType:[3,{},{reflect:!0}],autoplay:[3,{},{reflect:!0}],autoplayDuration:[11,{},{type:Number,reflect:!0}],controlOverlay:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],label:1,messageOverrides:[0,{},{attribute:!1}],paginationDisabled:[5,{},{type:Boolean}],paginationPosition:[3,{},{reflect:!0}],paused:[5,{},{type:Boolean}],selectedItem:[0,{},{attribute:!1}]}}static{this.styles=[ee,q]}async play(){this.playing||!this.hasMultiple||this.autoplay!==""&&this.autoplay!==!0&&this.autoplay!=="paused"||this.handlePlay(!0)}async setFocus(e){return this.focusSetter(()=>this.containerRef.value,e)}async stop(){this.playing&&this.handlePause(!0)}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}async load(){(this.autoplay===""||this.autoplay)&&this.autoplay!=="paused"?this.handlePlay(!1):this.autoplay==="paused"&&(this.paused=!0)}willUpdate(e){this.hasUpdated&&!this.hasMultiple&&this.handlePause(!1),e.has("autoplay")&&this.hasUpdated&&this.autoplayWatcher(this.autoplay),e.has("itemDirection")&&(this.hasUpdated||this.itemDirection!=="standby")&&this.itemDirectionWatcher(this.itemDirection),e.has("playing")&&(this.hasUpdated||this.playing!==!1)&&(this.paused=!this.playing),(e.has("suspendedDueToFocus")&&(this.hasUpdated||this.suspendedDueToFocus!==!1)||e.has("suspendedDueToHover")&&(this.hasUpdated||this.suspendedDueToHover!==!1))&&this.suspendWatcher()}disconnectedCallback(){super.disconnectedCallback(),this.clearIntervals(),this.resizeObserver?.disconnect()}autoplayWatcher(e){e||this.handlePause(!1)}async itemDirectionWatcher(e){e==="standby"||!this.itemContainerRef.value||(await U(this.itemContainerRef.value,e==="forward"?"item-forward":"item-backward"),this.itemDirection="standby")}suspendWatcher(){!this.suspendedDueToFocus&&!this.suspendedDueToHover?this.suspendEnd():this.suspendStart()}setMaxItemsToBreakpoint(e){if(e){if(e>=k.width.small){this.maxItems=f.medium;return}if(e>=k.width.xsmall){this.maxItems=f.small;return}if(e>=k.width.xxsmall){this.maxItems=f.xsmall;return}this.maxItems=f.xxsmall}}clearIntervals(){clearInterval(this.slideDurationInterval),clearInterval(this.slideInterval)}nextItem(e){this.playing&&e&&(this.playing=!1);let t=D(this.selectedIndex+1,this.items.length);this.setSelectedItem(t,e)}previousItem(){this.playing=!1;let e=D(Math.max(this.selectedIndex-1,-1),this.items.length);this.setSelectedItem(e,!0)}handlePlay(e){this.playing=!0,this.autoplayHandler(),this.slideInterval=setInterval(this.autoplayHandler,this.autoplayDuration),e&&this.calciteCarouselPlay.emit()}handlePause(e){this.playing=!1,this.clearIntervals(),this.slideDurationRemaining=1,this.suspendedSlideDurationRemaining=1,e&&this.calciteCarouselStop.emit()}suspendStart(){this.suspendedSlideDurationRemaining=this.slideDurationRemaining}suspendEnd(){this.slideDurationRemaining=this.suspendedSlideDurationRemaining}handleSlotChange(e){let t=B(e),a=t.findIndex(c=>c.selected),n=a>-1?a:0;this.items=t,this.hasMultiple=t.length>1,this.setSelectedItem(n,!1)}setSelectedItem(e,t){let a=this.selectedIndex;this.items.forEach((n,c)=>{let r=e===c;n.selected=r,r&&(this.selectedItem=n,this.selectedIndex=c)}),t&&(this.playing=!1,a!==this.selectedIndex&&this.calciteCarouselChange.emit())}handleArrowClick(e){let t=e.target.dataset.itemDirection;this.playing&&this.handlePause(!0),t==="next"?(this.itemDirection="forward",this.nextItem(!0)):t==="previous"&&(this.itemDirection="backward",this.previousItem())}handleItemSelection(e){let t=e.currentTarget,a=parseInt(t.dataset.index,10);a!==this.selectedIndex&&(this.playing&&this.handlePause(!0),this.itemDirection=a>this.selectedIndex?"forward":"backward",this.setSelectedItem(a,!0))}toggleRotation(){this.userPreventsSuspend=!0,this.playing?this.handlePause(!0):this.handlePlay(!0)}handleFocusIn(){let e=this.playing;e&&(this.suspendedDueToFocus=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseIn(){let e=this.playing;e&&(this.suspendedDueToHover=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseOut(e){let t=!this.el.contains(e.relatedTarget),a=this.playing;t&&a&&(this.suspendedDueToHover=!1),t&&a&&!this.suspendedDueToFocus&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}handleFocusOut(e){let t=!e.composedPath().includes(e.relatedTarget),a=this.playing;t&&a&&(this.suspendedDueToFocus=!1),t&&a&&!this.suspendedDueToHover&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}containerKeyDownHandler(e){if(e.target!==this.containerRef.value)return;let t=this.items.length-1;switch(e.key){case" ":case"Enter":e.preventDefault(),(this.autoplay===""||this.autoplay===!0||this.autoplay==="paused")&&this.toggleRotation();break;case"ArrowRight":if(e.preventDefault(),!this.hasMultiple)return;this.itemDirection="forward",this.nextItem(!0);break;case"ArrowLeft":if(e.preventDefault(),!this.hasMultiple)return;this.itemDirection="backward",this.previousItem();break;case"Home":if(e.preventDefault(),this.selectedIndex===0)return;this.itemDirection="backward",this.setSelectedItem(0,!0);break;case"End":if(e.preventDefault(),this.selectedIndex===t)return;this.itemDirection="forward",this.setSelectedItem(t,!0);break}}tabListKeyDownHandler(e){let t=Array(...this.tabListRef.value.querySelectorAll(`button:not(.${i.paginationItemOutOfRange})`)),a=e.target;switch(e.key){case"ArrowRight":v(t,a,"next");break;case"ArrowLeft":v(t,a,"previous");break;case"Home":e.preventDefault(),v(t,a,"first");break;case"End":e.preventDefault(),v(t,a,"last");break}}renderRotationControl(){let e=this.playing?this.messages.pause:this.messages.play,t=this.slideDurationRemaining*100;return s`<button .ariaLabel=${e} class=${l({[i.paginationItem]:!0,[i.autoplayControl]:!0})} @click=${this.toggleRotation} title=${e??u}><calcite-icon .icon=${this.playing?g.pause:g.play} scale=s></calcite-icon>${this.playing&&s`<calcite-progress class=${l(i.autoplayProgress)} .label=${this.messages.carouselItemProgress} .value=${t}></calcite-progress>`||""}</button>`}renderControlsArea(){let e=(this.playing||this.autoplay===""||this.autoplay===!0||this.autoplay==="paused")&&this.hasMultiple,t=this.arrowType==="inline"&&this.hasMultiple;if(!(this.paginationDisabled&&!e&&!t))return s`<div class=${l({[i.controlsArea]:!0})}>${e&&this.renderRotationControl()||""}${t&&this.renderArrow("previous")||""}${!this.paginationDisabled&&s`<div class=${l(i.pagination)}>${this.renderPaginationItems()}</div>`||""}${t&&this.renderArrow("next")||""}</div>`}renderPaginationItems(){let{selectedIndex:e,maxItems:t,items:a,label:n,handleItemSelection:c}=this;return s`<div .ariaLabel=${n} class=${l(i.paginationItems)} @keydown=${this.tabListKeyDownHandler} role=tablist ${y(this.tabListRef)}>${V(a,r=>r.id,(r,o)=>{let d=a.length,p=o===e,m=o===0,_=o===d-1,R=d-t-1,x=e<t,C=e>=R,S=x?0:e-Math.floor(t/2),G=C?d:S+t,P=x?0:C?R:S,T=x?t+1:G,Y=!m&&!_&&!p&&(o===P-1||o===T),z=p||o<=T&&o>=P-1,A=d-1<=t,Z=p?g.active:g.inactive;return s`<button aria-controls=${(p?void 0:r.id)??u} .ariaSelected=${p} class=${l({[i.paginationItem]:!0,[i.paginationItemIndividual]:!0,[i.paginationItemSelected]:p,[i.paginationItemRangeEdge]:d-1>t&&Y,[i.paginationItemOutOfRange]:!(A||z),[i.paginationItemVisible]:A||z})} data-index=${o??u} @click=${c} role=tab title=${r.label??u}><calcite-icon .icon=${Z} scale=l></calcite-icon></button>`})}</div>`}renderPaginationAriaLive(){let{messages:e,messages:{_lang:t},selectedIndex:a,items:n}=this;if(!e._loading)return I.numberFormatOptions={locale:t},s`<div aria-live=off class=${l(E.screenReaderText)} role=status>${e.paginationStatus.replace("{current}",I.localize(`${a+1}`)).replace("{total}",I.localize(`${n.length}`))}</div>`}renderArrow(e){let t=e==="previous",a=this.direction,n=this.arrowType==="edge"?"m":"s",c=t?i.pagePrevious:i.pageNext,r=t?this.messages.previous:this.messages.next,o=t?g.chevronLeft:g.chevronRight;return s`<button aria-controls=${this.containerId??u} class=${l({[i.paginationItem]:!0,[c]:!0})} data-item-direction=${e??u} @click=${this.handleArrowClick} title=${r??u}><calcite-icon .flipRtl=${a==="rtl"} .icon=${o} .scale=${n}></calcite-icon></button>`}render(){let{arrowType:e,hasMultiple:t,itemDirection:a,items:n,paginationDisabled:c,paginationPosition:r}=this,o=n.length>0?this.renderControlsArea():void 0,d=c&&n.length>0?this.renderPaginationAriaLive():void 0,m=[s`<section class=${l({[i.itemContainer]:!0,[i.itemContainerForward]:a==="forward",[i.itemContainerBackward]:a==="backward"})} id=${this.containerId??u} ${y(this.itemContainerRef)}><slot @slotchange=${this.handleSlotChange}></slot></section>`,o,d];return r==="top"&&m.reverse(),e==="edge"&&t&&m.push(this.renderArrow("previous"),this.renderArrow("next")),this.interactiveContainer({disabled:this.disabled,children:s`<div .ariaLabel=${this.label} .ariaLive=${this.playing?"off":"polite"} .ariaRoleDescription=${this.messages.carousel} class=${l({[i.container]:!0,[i.containerOverlaid]:this.controlOverlay,[i.containerEdged]:e==="edge"})} @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut} @keydown=${this.containerKeyDownHandler} @mouseenter=${this.handleMouseIn} @mouseleave=${this.handleMouseOut} role=group tabindex=0 ${y(this.containerRef)}>${m}</div>`})}};F("calcite-carousel",w);export{w as Carousel};
2
+ import{a as k}from"./RJCE75G7.js";import{j as I}from"./772CBSF6.js";import{a as V}from"./D5HDV7HK.js";import"./EM6V55GC.js";import{a as q}from"./H7MGP25S.js";import{a as K}from"./3B7QPJAS.js";import{a as D}from"./YA3S7CBB.js";import"./YP3AYJH3.js";import{a as j}from"./T6CCMW7H.js";import{a as M}from"./VI7SBYXT.js";import{a as N}from"./5HWWM56V.js";import{a as W}from"./JNAEVEX5.js";import"./ZWPNZ5XW.js";import{e as L}from"./UW77EV26.js";import"./SR3EXOYY.js";import{D as v,F as U,z as B}from"./DJD3CC5A.js";import{E as b,F as y,G as H,H as l,M as E,T as F,g as O,h as s,l as u,p as h}from"./DUDIVZGQ.js";var J=6e3,i={container:"container",containerOverlaid:"container--overlaid",containerEdged:"container--edged",itemContainer:"item-container",itemContainerForward:"item-container--forward",itemContainerBackward:"item-container--backward",controlsArea:"controls-area",pagination:"pagination",paginationItems:"pagination-items",paginationItem:"pagination-item",paginationItemIndividual:"pagination-item--individual",paginationItemVisible:"pagination-item--visible",paginationItemOutOfRange:"pagination-item--out-of-range",paginationItemSelected:"pagination-item--selected",paginationItemRangeEdge:"pagination-item--range-edge",pageNext:"page-next",pagePrevious:"page-previous",autoplayControl:"autoplay-control",autoplayProgress:"autoplay-progress"},g={chevronLeft:"chevron-left",chevronRight:"chevron-right",inactive:"bullet-point",active:"bullet-point-large",pause:"pause-f",play:"play-f"},f={medium:7,small:5,xsmall:3,xxsmall:1},Q="calcite-carousel-container",X={host:$=>`${Q}-${$}`},ee=O`: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;inline-size:100%;--calcite-internal-carousel-pagination-space: 1.5rem;--calcite-internal-carousel-pagination-space-wide: 3.5rem;--calcite-internal-carousel-pagination-background-color: var( --calcite-carousel-pagination-background-color, transparent );--calcite-internal-carousel-pagination-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, transparent );--calcite-internal-carousel-pagination-background-color-press: var( --calcite-carousel-pagination-background-color-press, transparent );--calcite-internal-carousel-pagination-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, transparent );--calcite-internal-carousel-pagination-overlay-background-color: var( --calcite-carousel-pagination-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)) );--calcite-internal-carousel-pagination-overlay-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-internal-carousel-pagination-overlay-background-color-active: var( --calcite-carousel-pagination-background-color-press, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-internal-carousel-pagination-overlay-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)) );--calcite-internal-carousel-pagination-icon-color-hover: var( --calcite-carousel-pagination-icon-color-hover, var(--calcite-color-text-1) );--calcite-internal-carousel-pagination-icon-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-border-1) );--calcite-internal-carousel-pagination-icon-color-selected: var( --calcite-carousel-pagination-icon-color-selected, var(--calcite-color-brand) );--calcite-internal-carousel-control-icon-color-hover: var( --calcite-carousel-control-icon-color-hover, var(--calcite-internal-carousel-pagination-icon-color-hover) );--calcite-internal-carousel-control-icon-color: var( --calcite-carousel-control-icon-color, var(--calcite-carousel-pagination-icon-color, var(--calcite-color-text-3)) );--calcite-internal-carousel-autoplay-progress-background-color: var( --calcite-carousel-autoplay-progress-background-color, var(--calcite-color-border-3) );--calcite-internal-carousel-autoplay-progress-fill-color: var( --calcite-carousel-autoplay-progress-fill-color, var(--calcite-color-brand) );--calcite-internal-carousel-autoplay-control-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-text-3) )}.container{outline-color:transparent;position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--calcite-color-text-2);inline-size:100%;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}.container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-carousel-pagination-space-wide);inline-size:calc(100% - var(--calcite-internal-carousel-pagination-space-wide) * 2)}.item-container{display:flex;align-items:flex-start;justify-content:center;overflow:auto;flex:1 1 auto;padding:var(--calcite-space-2xs);animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.controls-area{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:var(--calcite-space-md);inline-size:auto}.pagination{display:flex;flex-direction:row;align-items:center;justify-content:center}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .controls-area{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-carousel-control-icon-color);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-carousel-control-icon-color-hover);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:var(--calcite-size-xl);inline-size:var(--calcite-size-xl);position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .controls-area{inset-block-start:unset;inset-block-end:0;inset-inline:0}:host([pagination-position=top]) .container--overlaid .controls-area{inset-block-start:0;inset-block-end:unset}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-carousel-autoplay-control-color);--calcite-progress-fill-color: var(--calcite-internal-carousel-autoplay-progress-fill-color);--calcite-progress-background-color: var(--calcite-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{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;outline-color:transparent;margin:0;block-size:var(--calcite-space-3xl);inline-size:var(--calcite-space-3xl);cursor:pointer;align-items:center;border-style:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;background-color:var(--calcite-internal-carousel-pagination-background-color);color:var(--calcite-internal-carousel-pagination-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-background-color-hover);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-background-color-press);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-background-color-press);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}.pagination-item--individual{inline-size:0;padding:0;opacity:0;pointer-events:none;visibility:hidden;transition:var(--calcite-animation-timing) ease-in-out inline-size,var(--calcite-animation-timing) ease-in-out padding,var(--calcite-animation-timing) ease-in-out opacity}.pagination-item--individual.pagination-item--visible{inline-size:var(--calcite-space-3xl);opacity:1;pointer-events:auto;visibility:visible}.pagination-item--range-edge calcite-icon{scale:.75;transition:var(--calcite-animation-timing) ease-in-out scale}.container--overlaid .pagination-item{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}@keyframes item-forward{0%{transform:translate3d(100px,0,0)}to{transform:translateZ(0)}}@keyframes item-backward{0%{transform:translate3d(-100px,0,0)}to{transform:translateZ(0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,w=class extends H{constructor(){super(...arguments),this.autoplayHandler=()=>{this.clearIntervals(),this.slideDurationInterval=setInterval(this.timer,this.autoplayDuration/100)},this.containerRef=b(),this.containerId=X.host(j()),this.direction=L(),this.itemContainerRef=b(),this.resizeHandler=({contentRect:{width:e}})=>{this.setMaxItemsToBreakpoint(e)},this.resizeObserver=M("resize",e=>e.forEach(this.resizeHandler)),this.tabListRef=b(),this.timer=()=>{let e=this.slideDurationRemaining;(!this.suspendedDueToFocus&&!this.suspendedDueToHover||this.userPreventsSuspend)&&(e<=.01?(e=1,this.itemDirection="forward",this.nextItem(!1)):e=e-.01),e>0&&(this.slideDurationRemaining=e)},this.messages=N({blocking:!0}),this.focusSetter=W()(this),this.interactiveContainer=K(this),this.itemDirection="standby",this.hasMultiple=!1,this.items=[],this.maxItems=f.xxsmall,this.playing=!1,this.selectedIndex=0,this.slideDurationRemaining=1,this.suspendedDueToFocus=!1,this.suspendedDueToHover=!1,this.suspendedSlideDurationRemaining=1,this.userPreventsSuspend=!1,this.arrowType="inline",this.autoplay=!1,this.autoplayDuration=J,this.controlOverlay=!1,this.disabled=!1,this.paginationDisabled=!1,this.paginationPosition="bottom",this.calciteCarouselChange=h({cancelable:!1}),this.calciteCarouselPause=h({cancelable:!1}),this.calciteCarouselPlay=h({cancelable:!1}),this.calciteCarouselResume=h({cancelable:!1}),this.calciteCarouselStop=h({cancelable:!1})}static{this.properties={itemDirection:[16,{},{state:!0}],hasMultiple:[16,{},{state:!0}],items:[16,{},{state:!0}],maxItems:[16,{},{state:!0}],playing:[16,{},{state:!0}],selectedIndex:[16,{},{state:!0}],slideDurationRemaining:[16,{},{state:!0}],suspendedDueToFocus:[16,{},{state:!0}],suspendedDueToHover:[16,{},{state:!0}],suspendedSlideDurationRemaining:[16,{},{state:!0}],userPreventsSuspend:[16,{},{state:!0}],arrowType:[3,{},{reflect:!0}],autoplay:[3,{},{reflect:!0}],autoplayDuration:[11,{},{type:Number,reflect:!0}],controlOverlay:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],label:1,messageOverrides:[0,{},{attribute:!1}],paginationDisabled:[5,{},{type:Boolean}],paginationPosition:[3,{},{reflect:!0}],paused:[5,{},{type:Boolean}],selectedItem:[0,{},{attribute:!1}]}}static{this.styles=[ee,q]}async play(){this.playing||!this.hasMultiple||this.autoplay!==""&&this.autoplay!==!0&&this.autoplay!=="paused"||this.handlePlay(!0)}async setFocus(e){return this.focusSetter(()=>this.containerRef.value,e)}async stop(){this.playing&&this.handlePause(!0)}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}async load(){(this.autoplay===""||this.autoplay)&&this.autoplay!=="paused"?this.handlePlay(!1):this.autoplay==="paused"&&(this.paused=!0)}willUpdate(e){this.hasUpdated&&!this.hasMultiple&&this.handlePause(!1),e.has("autoplay")&&this.hasUpdated&&this.autoplayWatcher(this.autoplay),e.has("itemDirection")&&(this.hasUpdated||this.itemDirection!=="standby")&&this.itemDirectionWatcher(this.itemDirection),e.has("playing")&&(this.hasUpdated||this.playing!==!1)&&(this.paused=!this.playing),(e.has("suspendedDueToFocus")&&(this.hasUpdated||this.suspendedDueToFocus!==!1)||e.has("suspendedDueToHover")&&(this.hasUpdated||this.suspendedDueToHover!==!1))&&this.suspendWatcher()}disconnectedCallback(){super.disconnectedCallback(),this.clearIntervals(),this.resizeObserver?.disconnect()}autoplayWatcher(e){e||this.handlePause(!1)}async itemDirectionWatcher(e){e==="standby"||!this.itemContainerRef.value||(await U(this.itemContainerRef.value,e==="forward"?"item-forward":"item-backward"),this.itemDirection="standby")}suspendWatcher(){!this.suspendedDueToFocus&&!this.suspendedDueToHover?this.suspendEnd():this.suspendStart()}setMaxItemsToBreakpoint(e){if(e){if(e>=k.width.small){this.maxItems=f.medium;return}if(e>=k.width.xsmall){this.maxItems=f.small;return}if(e>=k.width.xxsmall){this.maxItems=f.xsmall;return}this.maxItems=f.xxsmall}}clearIntervals(){clearInterval(this.slideDurationInterval),clearInterval(this.slideInterval)}nextItem(e){this.playing&&e&&(this.playing=!1);let t=D(this.selectedIndex+1,this.items.length);this.setSelectedItem(t,e)}previousItem(){this.playing=!1;let e=D(Math.max(this.selectedIndex-1,-1),this.items.length);this.setSelectedItem(e,!0)}handlePlay(e){this.playing=!0,this.autoplayHandler(),this.slideInterval=setInterval(this.autoplayHandler,this.autoplayDuration),e&&this.calciteCarouselPlay.emit()}handlePause(e){this.playing=!1,this.clearIntervals(),this.slideDurationRemaining=1,this.suspendedSlideDurationRemaining=1,e&&this.calciteCarouselStop.emit()}suspendStart(){this.suspendedSlideDurationRemaining=this.slideDurationRemaining}suspendEnd(){this.slideDurationRemaining=this.suspendedSlideDurationRemaining}handleSlotChange(e){let t=B(e),a=t.findIndex(c=>c.selected),n=a>-1?a:0;this.items=t,this.hasMultiple=t.length>1,this.setSelectedItem(n,!1)}setSelectedItem(e,t){let a=this.selectedIndex;this.items.forEach((n,c)=>{let r=e===c;n.selected=r,r&&(this.selectedItem=n,this.selectedIndex=c)}),t&&(this.playing=!1,a!==this.selectedIndex&&this.calciteCarouselChange.emit())}handleArrowClick(e){let t=e.target.dataset.itemDirection;this.playing&&this.handlePause(!0),t==="next"?(this.itemDirection="forward",this.nextItem(!0)):t==="previous"&&(this.itemDirection="backward",this.previousItem())}handleItemSelection(e){let t=e.currentTarget,a=parseInt(t.dataset.index,10);a!==this.selectedIndex&&(this.playing&&this.handlePause(!0),this.itemDirection=a>this.selectedIndex?"forward":"backward",this.setSelectedItem(a,!0))}toggleRotation(){this.userPreventsSuspend=!0,this.playing?this.handlePause(!0):this.handlePlay(!0)}handleFocusIn(){let e=this.playing;e&&(this.suspendedDueToFocus=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseIn(){let e=this.playing;e&&(this.suspendedDueToHover=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseOut(e){let t=!this.el.contains(e.relatedTarget),a=this.playing;t&&a&&(this.suspendedDueToHover=!1),t&&a&&!this.suspendedDueToFocus&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}handleFocusOut(e){let t=!e.composedPath().includes(e.relatedTarget),a=this.playing;t&&a&&(this.suspendedDueToFocus=!1),t&&a&&!this.suspendedDueToHover&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}containerKeyDownHandler(e){if(e.target!==this.containerRef.value)return;let t=this.items.length-1;switch(e.key){case" ":case"Enter":e.preventDefault(),(this.autoplay===""||this.autoplay===!0||this.autoplay==="paused")&&this.toggleRotation();break;case"ArrowRight":if(e.preventDefault(),!this.hasMultiple)return;this.itemDirection="forward",this.nextItem(!0);break;case"ArrowLeft":if(e.preventDefault(),!this.hasMultiple)return;this.itemDirection="backward",this.previousItem();break;case"Home":if(e.preventDefault(),this.selectedIndex===0)return;this.itemDirection="backward",this.setSelectedItem(0,!0);break;case"End":if(e.preventDefault(),this.selectedIndex===t)return;this.itemDirection="forward",this.setSelectedItem(t,!0);break}}tabListKeyDownHandler(e){let t=Array(...this.tabListRef.value.querySelectorAll(`button:not(.${i.paginationItemOutOfRange})`)),a=e.target;switch(e.key){case"ArrowRight":v(t,a,"next");break;case"ArrowLeft":v(t,a,"previous");break;case"Home":e.preventDefault(),v(t,a,"first");break;case"End":e.preventDefault(),v(t,a,"last");break}}renderRotationControl(){let e=this.playing?this.messages.pause:this.messages.play,t=this.slideDurationRemaining*100;return s`<button .ariaLabel=${e} class=${l({[i.paginationItem]:!0,[i.autoplayControl]:!0})} @click=${this.toggleRotation} title=${e??u}><calcite-icon .icon=${this.playing?g.pause:g.play} scale=s></calcite-icon>${this.playing&&s`<calcite-progress class=${l(i.autoplayProgress)} .label=${this.messages.carouselItemProgress} .value=${t}></calcite-progress>`||""}</button>`}renderControlsArea(){let e=(this.playing||this.autoplay===""||this.autoplay===!0||this.autoplay==="paused")&&this.hasMultiple,t=this.arrowType==="inline"&&this.hasMultiple;if(!(this.paginationDisabled&&!e&&!t))return s`<div class=${l({[i.controlsArea]:!0})}>${e&&this.renderRotationControl()||""}${t&&this.renderArrow("previous")||""}${!this.paginationDisabled&&s`<div class=${l(i.pagination)}>${this.renderPaginationItems()}</div>`||""}${t&&this.renderArrow("next")||""}</div>`}renderPaginationItems(){let{selectedIndex:e,maxItems:t,items:a,label:n,handleItemSelection:c}=this;return s`<div .ariaLabel=${n} class=${l(i.paginationItems)} @keydown=${this.tabListKeyDownHandler} role=tablist ${y(this.tabListRef)}>${V(a,r=>r.id,(r,o)=>{let d=a.length,p=o===e,m=o===0,_=o===d-1,R=d-t-1,x=e<t,C=e>=R,S=x?0:e-Math.floor(t/2),G=C?d:S+t,P=x?0:C?R:S,T=x?t+1:G,Y=!m&&!_&&!p&&(o===P-1||o===T),z=p||o<=T&&o>=P-1,A=d-1<=t,Z=p?g.active:g.inactive;return s`<button aria-controls=${(p?void 0:r.id)??u} .ariaSelected=${p} class=${l({[i.paginationItem]:!0,[i.paginationItemIndividual]:!0,[i.paginationItemSelected]:p,[i.paginationItemRangeEdge]:d-1>t&&Y,[i.paginationItemOutOfRange]:!(A||z),[i.paginationItemVisible]:A||z})} data-index=${o??u} @click=${c} role=tab title=${r.label??u}><calcite-icon .icon=${Z} scale=l></calcite-icon></button>`})}</div>`}renderPaginationAriaLive(){let{messages:e,messages:{_lang:t},selectedIndex:a,items:n}=this;if(!e._loading)return I.numberFormatOptions={locale:t},s`<div aria-live=off class=${l(E.screenReaderText)} role=status>${e.paginationStatus.replace("{current}",I.localize(`${a+1}`)).replace("{total}",I.localize(`${n.length}`))}</div>`}renderArrow(e){let t=e==="previous",a=this.direction,n=this.arrowType==="edge"?"m":"s",c=t?i.pagePrevious:i.pageNext,r=t?this.messages.previous:this.messages.next,o=t?g.chevronLeft:g.chevronRight;return s`<button aria-controls=${this.containerId??u} class=${l({[i.paginationItem]:!0,[c]:!0})} data-item-direction=${e??u} @click=${this.handleArrowClick} title=${r??u}><calcite-icon .flipRtl=${a==="rtl"} .icon=${o} .scale=${n}></calcite-icon></button>`}render(){let{arrowType:e,hasMultiple:t,itemDirection:a,items:n,paginationDisabled:c,paginationPosition:r}=this,o=n.length>0?this.renderControlsArea():void 0,d=c&&n.length>0?this.renderPaginationAriaLive():void 0,m=[s`<section class=${l({[i.itemContainer]:!0,[i.itemContainerForward]:a==="forward",[i.itemContainerBackward]:a==="backward"})} id=${this.containerId??u} ${y(this.itemContainerRef)}><slot @slotchange=${this.handleSlotChange}></slot></section>`,o,d];return r==="top"&&m.reverse(),e==="edge"&&t&&m.push(this.renderArrow("previous"),this.renderArrow("next")),this.interactiveContainer({disabled:this.disabled,children:s`<div .ariaLabel=${this.label} .ariaLive=${this.playing?"off":"polite"} .ariaRoleDescription=${this.messages.carousel} class=${l({[i.container]:!0,[i.containerOverlaid]:this.controlOverlay,[i.containerEdged]:e==="edge"})} @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut} @keydown=${this.containerKeyDownHandler} @mouseenter=${this.handleMouseIn} @mouseleave=${this.handleMouseOut} role=group tabindex=0 ${y(this.containerRef)}>${m}</div>`})}};F("calcite-carousel",w);export{w as Carousel};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{c as z}from"./5IBOQL24.js";import{a as x}from"./T6CCMW7H.js";import{a as y}from"./VI7SBYXT.js";import{a as A}from"./JFWDUC4M.js";import"./VUYX7MNO.js";import"./LQXCFNQS.js";import"./ZW6MT5KC.js";import{C as o,y as S}from"./7FW2RVVH.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"./W4GTBLDU.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};
2
+ import{c as z}from"./5IBOQL24.js";import{a as x}from"./T6CCMW7H.js";import{a as y}from"./VI7SBYXT.js";import{a as A}from"./5HWWM56V.js";import"./VUYX7MNO.js";import"./UW77EV26.js";import"./SR3EXOYY.js";import{D as o,z as S}from"./DJD3CC5A.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"./DUDIVZGQ.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/5.2/LICENSE.txt */
2
- import{a as z}from"./ILBDCXZZ.js";import"./LCOU5YFI.js";import{a as g}from"./I64YUHND.js";import{a as I}from"./JFWDUC4M.js";import{a as w}from"./RF2E4GRH.js";import{a as d}from"./ZWPNZ5XW.js";import{e as A}from"./LQXCFNQS.js";import"./ZW6MT5KC.js";import{n as u,x as s}from"./7FW2RVVH.js";import{E as $,F as C,G as k,H as c,M as E,T as y,g as b,h as o,l as S,p as l}from"./W4GTBLDU.js";var h={actionsStart:"actions-start",actionsEnd:"actions-end",contentEnd:"content-end",contentStart:"content-start"},t={actionsEnd:"actions-end",actionsStart:"actions-start",content:"content",description:"description",expandIcon:"expand-icon",hasActions:"has-actions",header:"header",headerContainer:"header-container",headerContent:"header-content",headerText:"header-text",headerAppearance:r=>`header--${r}`,heading:"heading",icon:"icon",iconEnd:"icon--end",iconStart:"icon--start",iconPosition:r=>`icon-position--${r}`,iconType:r=>`icon-type--${r}`,item:"item",slotContentEnd:"slot-content-end",slotContentStart:"slot-content-start"},m={section:"section",sectionToggle:"section-toggle"},p={chevronDown:"chevronDown",caretDown:"caretDown",plus:"plus",minus:"minus"},H=b`.icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation: -90deg ;--calcite-internal-accordion-item-active-icon-rotation: 0deg;--calcite-internal-accordion-item-icon-rotation-rtl: 90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: 0deg}:host([scale=s]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--1)}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-background-color, var(--calcite-accordion-item-background-color));border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}:host .header:hover{background-color:var(--calcite-internal-accordion-item-header-background-color-hover)}:host .header:active{background-color:var(--calcite-internal-accordion-item-header-background-color-press)}.header--solid{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) )}.header--transparent{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-color-transparent-hover) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-color-transparent-press) )}.icon-position--start{--calcite-internal-accordion-item-flex-direction: row-reverse;--calcite-internal-accordion-item-icon-spacing-start: 0;--calcite-internal-accordion-item-icon-spacing-end: var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction: row;--calcite-internal-accordion-item-icon-spacing-start: var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end: 0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation: 0deg;--calcite-internal-accordion-item-active-icon-rotation: 180deg;--calcite-internal-accordion-item-icon-rotation-rtl: 0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: -180deg }.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-accordion-item-border-color, var(--calcite-color-border-2)))}.header-content{padding:var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem));background:none;border:none;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none;font-family:inherit}.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem)))}.header{display:flex;align-items:stretch}.header-content,.header-container,.header .actions-start,.header .actions-end{display:flex;align-items:center;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow-wrap:break-word;word-break:break-word}.header .has-actions{gap:var(--calcite-internal-accordion-item-action-slot-spacing);padding-block:var(--calcite-internal-accordion-item-action-slot-spacing)}.header .actions-start.has-actions{padding-inline:var(--calcite-internal-accordion-item-action-slot-spacing) 0}.header .actions-end.has-actions{padding-inline:0 var(--calcite-internal-accordion-item-action-slot-spacing)}.header-content{flex-grow:1;cursor:pointer;outline-color:transparent;flex-direction:var(--calcite-internal-accordion-item-flex-direction);color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit))}.header-content: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))))}.header-content:focus,.header-content:hover,.header-content:active{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover))}.header-content:focus .heading,.header-content:hover .heading,.header-content:active .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-press))}.header-container{inline-size:100%}.slot-content-end{margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.slot-content-start{margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}.heading,.description{display:flex;inline-size:100%;line-height:var(--calcite-font-line-height-relative-snug)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2)}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0)}.icon{display:flex;align-items:center;transition-timing-function:cubic-bezier(.4,0,.2,1);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-end)}.icon--start{color:var(--calcite-accordion-item-icon-color-start, var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.icon--end{color:var(--calcite-accordion-item-icon-color-end, var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin);margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3))));margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-internal-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl))}.description{font-size:var(--calcite-internal-accordion-item-description-font-size)}.content{display:none;text-align:initial}:host(:not([expanded])) .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-1))));font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal))}:host([expanded]){color:var(--calcite-accordion-text-color-press, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-1))))}:host([expanded]) .header{border-block-end-color:transparent}:host([expanded]) .expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))))));transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl))}:host([expanded]) .description{color:var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))))}:host([expanded]) .content{display:block}@media(forced-colors:active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}.header-content:hover .heading,.header-content:focus .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends k{constructor(){super(),this.direction=A(),this.headerRef=$(),this.focusSetter=w()(this),this.messages=I(),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.expanded=!1,this.calciteAccordionItemCollapse=l({cancelable:!1}),this.calciteAccordionItemExpand=l({cancelable:!1}),this.calciteInternalAccordionItemClose=l({cancelable:!1}),this.calciteInternalAccordionItemSelect=l({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],description:1,expanded:[7,{},{reflect:!0,type:Boolean}],heading:1,iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],appearance:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconPosition:1,iconStart:[3,{},{reflect:!0}],iconType:1,scale:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.styles=H}async setFocus(e){return this.focusSetter(()=>this.headerRef.value,e)}load(){this.listenOn(document,"calciteInternalAccordionChange",this.updateActiveItemOnChange),this.listenOn(document,"calciteInternalAccordionItemsSync",this.accordionItemSyncHandler)}willUpdate(e){e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteAccordionItemExpand.emit():this.calciteAccordionItemCollapse.emit())}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.emitRequestedItem(),e.preventDefault();break}}updateActiveItemOnChange(e){let[i]=e.composedPath(),a=u(this.el,"calcite-accordion");i===a&&(this.determineActiveItem(a.selectionMode,e.detail.requestedAccordionItem),e.stopPropagation())}accordionItemSyncHandler(e){let[i]=e.composedPath(),a=this.el;if(a.parentElement===i)return;let n=u(a,"calcite-accordion");i===n&&(this.appearance=n.appearance,this.iconPosition=n.iconPosition,this.iconType=n.iconType,this.scale=n.scale,e.stopPropagation())}handleActionsStartSlotChange(e){this.hasActionsStart=s(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=s(e)}handleContentEndSlotChange(e){this.hasContentEnd=s(e)}handleContentStartSlotChange(e){this.hasContentStart=s(e)}itemHeaderClickHandler(){this.emitRequestedItem()}determineActiveItem(e,i){switch(e){case"multiple":this.el===i&&(this.expanded=!this.expanded);break;case"single":this.expanded=this.el===i?!this.expanded:!1;break;case"single-persist":this.expanded=this.el===i;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}renderActionsStart(){let{hasActionsStart:e}=this;return o`<div class=${c({[t.actionsStart]:!0,[t.hasActions]:e})} .hidden=${!e}><slot name=${h.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`}renderActionsEnd(){let{hasActionsEnd:e}=this;return o`<div class=${c({[t.actionsEnd]:!0,[t.hasActions]:e})} .hidden=${!e}><slot name=${h.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`}renderContentEnd(){return o`<div class=${c(t.slotContentEnd)} .hidden=${!this.hasContentEnd}><slot name=${h.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentStart(){return o`<div class=${c(t.slotContentStart)} .hidden=${!this.hasContentStart}><slot name=${h.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}render(){let{iconFlipRtl:e,heading:i,headingLevel:a,messages:v,expanded:n}=this,T=n?v.collapse:v.expand,D=this.iconStart?g("icon-start",o`<calcite-icon class=${c({[t.icon]:!0,[t.iconStart]:!0})} .flipRtl=${e==="both"||e==="start"} .icon=${this.iconStart} .scale=${d(this.scale)}></calcite-icon>`):null,P=this.iconEnd?g("icon-end",o`<calcite-icon class=${c({[t.iconEnd]:!0,[t.icon]:!0})} .flipRtl=${e==="both"||e==="end"} .icon=${this.iconEnd} .scale=${d(this.scale)}></calcite-icon>`):null,{description:x}=this;return o`<div class=${c({[t.iconPosition(this.iconPosition)]:!0,[t.iconType(this.iconType)]:!0})}><div class=${c({[t.header]:!0,[E.rtl]:this.direction==="rtl",[t.headerAppearance(this.appearance)]:!0})}>${this.renderActionsStart()}<button aria-controls=${m.section} .ariaExpanded=${n} class=${c(t.headerContent)} id=${m.sectionToggle} @click=${this.itemHeaderClickHandler} type=button ${C(this.headerRef)}><div class=${c(t.headerContainer)}>${this.renderContentStart()}${D}<div class=${c(t.headerText)}>${z({class:t.heading,level:a,children:i})}${x?o`<span class=${c(t.description)}>${x}</span>`:null}</div>${P}${this.renderContentEnd()}</div><calcite-icon class=${c(t.expandIcon)} .icon=${this.iconType==="chevron"?p.chevronDown:this.iconType==="caret"?p.caretDown:n?p.minus:p.plus} .scale=${d(this.scale)} title=${T??S}></calcite-icon></button>${this.renderActionsEnd()}</div><section aria-labelledby=${m.sectionToggle} class=${c(t.content)} id=${m.section}><slot></slot></section></div>`}};y("calcite-accordion-item",f);export{f as AccordionItem};
2
+ import{a as z}from"./DL6SAQV4.js";import"./EPJ7IFKU.js";import{a as g}from"./J6B5W6HH.js";import{a as I}from"./5HWWM56V.js";import{a as w}from"./JNAEVEX5.js";import{a as d}from"./ZWPNZ5XW.js";import{e as A}from"./UW77EV26.js";import"./SR3EXOYY.js";import{n as u,y as s}from"./DJD3CC5A.js";import{E as $,F as C,G as k,H as c,M as E,T as y,g as b,h as o,l as S,p as l}from"./DUDIVZGQ.js";var h={actionsStart:"actions-start",actionsEnd:"actions-end",contentEnd:"content-end",contentStart:"content-start"},t={actionsEnd:"actions-end",actionsStart:"actions-start",content:"content",description:"description",expandIcon:"expand-icon",hasActions:"has-actions",header:"header",headerContainer:"header-container",headerContent:"header-content",headerText:"header-text",headerAppearance:r=>`header--${r}`,heading:"heading",icon:"icon",iconEnd:"icon--end",iconStart:"icon--start",iconPosition:r=>`icon-position--${r}`,iconType:r=>`icon-type--${r}`,item:"item",slotContentEnd:"slot-content-end",slotContentStart:"slot-content-start"},m={section:"section",sectionToggle:"section-toggle"},p={chevronDown:"chevronDown",caretDown:"caretDown",plus:"plus",minus:"minus"},H=b`.icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation: -90deg ;--calcite-internal-accordion-item-active-icon-rotation: 0deg;--calcite-internal-accordion-item-icon-rotation-rtl: 90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: 0deg}:host([scale=s]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--1)}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-background-color, var(--calcite-accordion-item-background-color));border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}:host .header:hover{background-color:var(--calcite-internal-accordion-item-header-background-color-hover)}:host .header:active{background-color:var(--calcite-internal-accordion-item-header-background-color-press)}.header--solid{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) )}.header--transparent{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-color-transparent-hover) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-color-transparent-press) )}.icon-position--start{--calcite-internal-accordion-item-flex-direction: row-reverse;--calcite-internal-accordion-item-icon-spacing-start: 0;--calcite-internal-accordion-item-icon-spacing-end: var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction: row;--calcite-internal-accordion-item-icon-spacing-start: var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end: 0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation: 0deg;--calcite-internal-accordion-item-active-icon-rotation: 180deg;--calcite-internal-accordion-item-icon-rotation-rtl: 0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: -180deg }.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-accordion-item-border-color, var(--calcite-color-border-2)))}.header-content{padding:var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem));background:none;border:none;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none;font-family:inherit}.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem)))}.header{display:flex;align-items:stretch}.header-content,.header-container,.header .actions-start,.header .actions-end{display:flex;align-items:center;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow-wrap:break-word;word-break:break-word}.header .has-actions{gap:var(--calcite-internal-accordion-item-action-slot-spacing);padding-block:var(--calcite-internal-accordion-item-action-slot-spacing)}.header .actions-start.has-actions{padding-inline:var(--calcite-internal-accordion-item-action-slot-spacing) 0}.header .actions-end.has-actions{padding-inline:0 var(--calcite-internal-accordion-item-action-slot-spacing)}.header-content{flex-grow:1;cursor:pointer;outline-color:transparent;flex-direction:var(--calcite-internal-accordion-item-flex-direction);color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit))}.header-content: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))))}.header-content:focus,.header-content:hover,.header-content:active{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover))}.header-content:focus .heading,.header-content:hover .heading,.header-content:active .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-press))}.header-container{inline-size:100%}.slot-content-end{margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.slot-content-start{margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}.heading,.description{display:flex;inline-size:100%;line-height:var(--calcite-font-line-height-relative-snug)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2)}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0)}.icon{display:flex;align-items:center;transition-timing-function:cubic-bezier(.4,0,.2,1);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-end)}.icon--start{color:var(--calcite-accordion-item-icon-color-start, var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.icon--end{color:var(--calcite-accordion-item-icon-color-end, var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin);margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3))));margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-internal-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl))}.description{font-size:var(--calcite-internal-accordion-item-description-font-size)}.content{display:none;text-align:initial}:host(:not([expanded])) .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-1))));font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal))}:host([expanded]){color:var(--calcite-accordion-text-color-press, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-1))))}:host([expanded]) .header{border-block-end-color:transparent}:host([expanded]) .expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))))));transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl))}:host([expanded]) .description{color:var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))))}:host([expanded]) .content{display:block}@media(forced-colors:active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}.header-content:hover .heading,.header-content:focus .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends k{constructor(){super(),this.direction=A(),this.headerRef=$(),this.focusSetter=w()(this),this.messages=I(),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.expanded=!1,this.calciteAccordionItemCollapse=l({cancelable:!1}),this.calciteAccordionItemExpand=l({cancelable:!1}),this.calciteInternalAccordionItemClose=l({cancelable:!1}),this.calciteInternalAccordionItemSelect=l({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],description:1,expanded:[7,{},{reflect:!0,type:Boolean}],heading:1,iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],appearance:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconPosition:1,iconStart:[3,{},{reflect:!0}],iconType:1,scale:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.styles=H}async setFocus(e){return this.focusSetter(()=>this.headerRef.value,e)}load(){this.listenOn(document,"calciteInternalAccordionChange",this.updateActiveItemOnChange),this.listenOn(document,"calciteInternalAccordionItemsSync",this.accordionItemSyncHandler)}willUpdate(e){e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteAccordionItemExpand.emit():this.calciteAccordionItemCollapse.emit())}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.emitRequestedItem(),e.preventDefault();break}}updateActiveItemOnChange(e){let[i]=e.composedPath(),a=u(this.el,"calcite-accordion");i===a&&(this.determineActiveItem(a.selectionMode,e.detail.requestedAccordionItem),e.stopPropagation())}accordionItemSyncHandler(e){let[i]=e.composedPath(),a=this.el;if(a.parentElement===i)return;let n=u(a,"calcite-accordion");i===n&&(this.appearance=n.appearance,this.iconPosition=n.iconPosition,this.iconType=n.iconType,this.scale=n.scale,e.stopPropagation())}handleActionsStartSlotChange(e){this.hasActionsStart=s(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=s(e)}handleContentEndSlotChange(e){this.hasContentEnd=s(e)}handleContentStartSlotChange(e){this.hasContentStart=s(e)}itemHeaderClickHandler(){this.emitRequestedItem()}determineActiveItem(e,i){switch(e){case"multiple":this.el===i&&(this.expanded=!this.expanded);break;case"single":this.expanded=this.el===i?!this.expanded:!1;break;case"single-persist":this.expanded=this.el===i;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}renderActionsStart(){let{hasActionsStart:e}=this;return o`<div class=${c({[t.actionsStart]:!0,[t.hasActions]:e})} .hidden=${!e}><slot name=${h.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`}renderActionsEnd(){let{hasActionsEnd:e}=this;return o`<div class=${c({[t.actionsEnd]:!0,[t.hasActions]:e})} .hidden=${!e}><slot name=${h.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`}renderContentEnd(){return o`<div class=${c(t.slotContentEnd)} .hidden=${!this.hasContentEnd}><slot name=${h.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentStart(){return o`<div class=${c(t.slotContentStart)} .hidden=${!this.hasContentStart}><slot name=${h.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}render(){let{iconFlipRtl:e,heading:i,headingLevel:a,messages:v,expanded:n}=this,T=n?v.collapse:v.expand,D=this.iconStart?g("icon-start",o`<calcite-icon class=${c({[t.icon]:!0,[t.iconStart]:!0})} .flipRtl=${e==="both"||e==="start"} .icon=${this.iconStart} .scale=${d(this.scale)}></calcite-icon>`):null,P=this.iconEnd?g("icon-end",o`<calcite-icon class=${c({[t.iconEnd]:!0,[t.icon]:!0})} .flipRtl=${e==="both"||e==="end"} .icon=${this.iconEnd} .scale=${d(this.scale)}></calcite-icon>`):null,{description:x}=this;return o`<div class=${c({[t.iconPosition(this.iconPosition)]:!0,[t.iconType(this.iconType)]:!0})}><div class=${c({[t.header]:!0,[E.rtl]:this.direction==="rtl",[t.headerAppearance(this.appearance)]:!0})}>${this.renderActionsStart()}<button aria-controls=${m.section} .ariaExpanded=${n} class=${c(t.headerContent)} id=${m.sectionToggle} @click=${this.itemHeaderClickHandler} type=button ${C(this.headerRef)}><div class=${c(t.headerContainer)}>${this.renderContentStart()}${D}<div class=${c(t.headerText)}>${z({class:t.heading,level:a,children:i})}${x?o`<span class=${c(t.description)}>${x}</span>`:null}</div>${P}${this.renderContentEnd()}</div><calcite-icon class=${c(t.expandIcon)} .icon=${this.iconType==="chevron"?p.chevronDown:this.iconType==="caret"?p.caretDown:n?p.minus:p.plus} .scale=${d(this.scale)} title=${T??S}></calcite-icon></button>${this.renderActionsEnd()}</div><section aria-labelledby=${m.sectionToggle} class=${c(t.content)} id=${m.section}><slot></slot></section></div>`}};y("calcite-accordion-item",f);export{f as AccordionItem};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as l,b as a,c as u}from"./LPMYRCBM.js";import{g as c}from"./7FW2RVVH.js";function p(e){let r=e.parentElement?.closest(u),t=r?.parentElement?.closest(u);return[r,t].filter(n=>!!n)}function b(e){return e.ancestors?.filter(r=>r.nodeName==="CALCITE-COMBOBOX-ITEM")||[]}function C(e){return c(e.querySelectorAll("calcite-combobox-item"))}function A(e){return c(e.querySelectorAll("calcite-combobox-item")).filter(t=>t.selected).length>0}function E(e){if(!1)return 0;let r=document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",e,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null),t=r.snapshotLength;if(t>0&&e.nodeName===l){for(let n=0;n<t;n++)if(r.snapshotItem(n).nodeName===a)return t}else if(e.nodeName===a)return t;return t+1}function S(e){return e.includes("single")}function O(e){return e.shortHeading||e.heading}function x(e,r){if(e.length<2||r.length===0)return e;let t=new Map(r.map((n,o)=>[n,o]));return[...e].sort((n,o)=>{let i=t.get(n),s=t.get(o);return i!==void 0&&s!==void 0?i-s:i!==void 0?-1:s!==void 0?1:0})}function f(e,r){let t=e.get(r)??0;return t===0?!1:(t===1?e.delete(r):e.set(r,t-1),!0)}function I(e,r){if(e.length<2||r.length===0)return e;let t=new Map;e.forEach(o=>{t.set(o,(t.get(o)??0)+1)});let n=r.filter(o=>f(t,o));return n.length===0?e:(e.forEach(o=>{f(t,o)&&n.push(o)}),n)}export{p as a,b,C as c,A as d,E as e,S as f,O as g,x as h,I as i};
2
+ import{a as l,b as a,c as u}from"./LPMYRCBM.js";import{g as c}from"./DJD3CC5A.js";function p(e){let r=e.parentElement?.closest(u),t=r?.parentElement?.closest(u);return[r,t].filter(n=>!!n)}function b(e){return e.ancestors?.filter(r=>r.nodeName==="CALCITE-COMBOBOX-ITEM")||[]}function C(e){return c(e.querySelectorAll("calcite-combobox-item"))}function A(e){return c(e.querySelectorAll("calcite-combobox-item")).filter(t=>t.selected).length>0}function E(e){if(!1)return 0;let r=document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",e,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null),t=r.snapshotLength;if(t>0&&e.nodeName===l){for(let n=0;n<t;n++)if(r.snapshotItem(n).nodeName===a)return t}else if(e.nodeName===a)return t;return t+1}function S(e){return e.includes("single")}function O(e){return e.shortHeading||e.heading}function x(e,r){if(e.length<2||r.length===0)return e;let t=new Map(r.map((n,o)=>[n,o]));return[...e].sort((n,o)=>{let i=t.get(n),s=t.get(o);return i!==void 0&&s!==void 0?i-s:i!==void 0?-1:s!==void 0?1:0})}function f(e,r){let t=e.get(r)??0;return t===0?!1:(t===1?e.delete(r):e.set(r,t-1),!0)}function I(e,r){if(e.length<2||r.length===0)return e;let t=new Map;e.forEach(o=>{t.set(o,(t.get(o)??0)+1)});let n=r.filter(o=>f(t,o));return n.length===0?e:(e.forEach(o=>{f(t,o)&&n.push(o)}),n)}export{p as a,b,C as c,A as d,E as e,S as f,O as g,x as h,I as i};
@@ -0,0 +1,2 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
+ import{a as t,b as l,c as r}from"./IP7QMIWU.js";import{a as C}from"./DL6SAQV4.js";import"./EPJ7IFKU.js";import{a as $}from"./3B7QPJAS.js";import"./J6B5W6HH.js";import{a as S}from"./YP3AYJH3.js";import"./VUYX7MNO.js";import{a as w}from"./JNAEVEX5.js";import"./ZWPNZ5XW.js";import"./UW77EV26.js";import"./SR3EXOYY.js";import{y}from"./DJD3CC5A.js";import{F as b,G as x,H as c,J as k,T as z,g as m,h as a,p as g}from"./DUDIVZGQ.js";var M=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{box-shadow:var(--calcite-tile-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:inline-block}calcite-link{--calcite-internal-link-text-decoration-line: none;--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));block-size:var(--calcite-container-size-content-fluid);border-radius:var(--calcite-tile-corner-radius, var(--calcite-corner-radius));box-sizing:border-box;color:var(--calcite-tile-text-color, var(--calcite-color-text-3));inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color, var(--calcite-color-border-2));padding:var(--calcite-internal-tile-spacing);position:relative;-webkit-user-select:none;user-select:none}.container .selection-icon{color:var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container ::slotted(calcite-chip){--calcite-icon-color: var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:var(--calcite-z-index)}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}.container.interactive:hover .icon,.container.interactive:focus .icon,.container.interactive.selected .icon{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}.container.interactive:hover ::slotted(calcite-chip),.container.interactive:focus ::slotted(calcite-chip),.container.interactive.selected ::slotted(calcite-chip){--calcite-icon-color: var(--calcite-tile-text-color, var(--calcite-color-text-1))}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:calc(var(--calcite-z-index) + 1)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column;overflow-wrap:break-word;word-break:break-word;inline-size:var(--calcite-container-size-content-fluid)}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{margin:0;padding:0;color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2));font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated .icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .selection-icon{position:absolute;inset-inline-start:var(--calcite-internal-tile-spacing);inset-block-start:var(--calcite-internal-tile-spacing);z-index:var(--calcite-z-index)}.large-visual-deprecated .text-content-container{justify-content:center}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content-container{justify-content:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-bottom]::slotted(*),:host([alignment=center]) slot[name=content-top]::slotted(*){align-self:center}:host([scale=s]){--calcite-internal-tile-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:.85938rem}:host([scale=m]){--calcite-internal-tile-spacing: var(--calcite-theme-space-md, var(--calcite-spacing-md));max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=l]){--calcite-internal-tile-spacing: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}.content-container--has-content,.row{gap:var(--calcite-internal-tile-spacing)}.content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-internal-tile-spacing)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus:before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus:before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=highlight]) .container.selected{background-color:var(--calcite-color-surface-highlight)}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host(:hover:not([disabled])) .heading,:host([active]:not([disabled])) .heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .description,:host([active]:not([disabled])) .description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2))}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link));z-index:var(--calcite-z-index)}:host([href]:focus:not([disabled])) .icon,:host([href]:hover:not([disabled])) .icon{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:focus:not([disabled])) .heading,:host([href]:hover:not([disabled])) .heading{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:active:not([disabled])) .container{box-shadow:inset 0 0 0 1px var(--calcite-tile-link-color, var(--calcite-color-text-link));outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([embed]) .container{padding:0}:host([selection-mode=none]) .container:hover,:host([selection-mode=none]) .container.selected{outline-color:var(--calcite-tile-border-color, var(--calcite-color-border-2))}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}`,v=class extends x{constructor(){super(),this.focusSetter=w()(this),this.interactiveContainer=$(this),this.hasContentBottom=!1,this.hasContentTop=!1,this.active=!1,this.alignment="start",this.disabled=!1,this.embed=!1,this.iconFlipRtl=!1,this.interactive=!1,this.layout="horizontal",this.scale="m",this.selected=!1,this.selectionAppearance="icon",this.selectionMode="none",this.calciteTileSelect=g(),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],active:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],description:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],embed:[7,{},{reflect:!0,type:Boolean}],heading:[3,{},{reflect:!0}],headingLevel:[11,{},{type:Number,reflect:!0}],href:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],label:1,layout:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=M}async setFocus(e){return this.focusSetter(()=>this.interactive?this.containerEl:void 0,e)}clickHandler(){this.interactive&&(this.setFocus(),this.handleSelectEvent())}handleSelectEvent(){this.disabled||!this.interactive||this.selectionMode==="single-persist"&&this.selected===!0||this.calciteTileSelect.emit()}handleSlotChange(e){let o=y(e),i=e.target.name;i===r.contentBottom?this.hasContentBottom=o:i===r.contentTop&&(this.hasContentTop=o)}setContainerEl(e){this.containerEl=e}keyDownHandler(e){!this.href&&e.target===this.el&&S(e.key)&&(this.handleSelectEvent(),e.preventDefault())}renderSelectionIcon(){let{selected:e,selectionAppearance:o,selectionMode:i}=this;if(o==="icon"&&i!=="none")return a`<calcite-icon class=${c(t.selectionIcon)} .icon=${e?i==="multiple"?l.selectedMultiple:l.selectedSingle:i==="multiple"?l.unselectedMultiple:l.unselectedSingle} scale=s></calcite-icon>`}renderTile(){let{description:e,disabled:o,hasContentBottom:i,hasContentTop:B,heading:s,headingLevel:T,icon:d,iconFlipRtl:E,interactive:n,selectionMode:h}=this,H=s&&d&&!e,p=!!this.href||!n,u=h==="multiple"&&n?"checkbox":h!=="none"&&n?"radio":n?"button":void 0,f=!!(e||s||d),A=!f&&B&&i;return a`<div .ariaChecked=${h!=="none"&&n?this.selected:void 0} .ariaDisabled=${p?o:void 0} .ariaLabel=${u&&this.label} class=${c({[t.container]:!0,[t.interactive]:n,[t.largeVisualDeprecated]:H,[t.row]:!0,[t.selected]:this.selected})} @click=${this.clickHandler} .role=${u} tabindex=${(p?void 0:0)??k} ${b(this.setContainerEl)}>${this.renderSelectionIcon()}<div class=${c({[t.contentContainer]:!0,[t.contentContainerHasContent]:f,[t.contentContainerHasOnlyContentTopAndBottom]:A})}><slot name=${r.contentTop} @slotchange=${this.handleSlotChange}></slot>${d&&a`<calcite-icon class=${c(t.icon)} .flipRtl=${E} .icon=${d} scale=l></calcite-icon>`||""}<div class=${c({[t.textContentContainer]:!0,[t.row]:!0})}><div class=${c(t.textContent)}>${s&&C({class:t.heading,level:T,children:s})||""}${e&&a`<div class=${c(t.description)}>${e}</div>`||""}</div></div><slot name=${r.contentBottom} @slotchange=${this.handleSlotChange}></slot></div></div>`}render(){let{disabled:e}=this;return this.interactiveContainer({disabled:e,children:this.href?a`<calcite-link .disabled=${e} .href=${this.href}>${this.renderTile()}</calcite-link>`:this.renderTile()})}};z("calcite-tile",v);export{v as Tile};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as k}from"./DKJI4BME.js";import{a as $}from"./FRBCEYOV.js";import{a as C}from"./SX33HSBC.js";import{a as y}from"./JFWDUC4M.js";import{a as v}from"./RF2E4GRH.js";import"./ZWPNZ5XW.js";import"./LQXCFNQS.js";import"./ZW6MT5KC.js";import{y as m}from"./7FW2RVVH.js";import{E as c,F as o,G as f,H as i,J as r,T as E,g as p,h as l,p as s}from"./W4GTBLDU.js";var x=p`: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]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}.wrapper{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;box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-inline-editable-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.wrapper .input-wrapper{flex:1 1 0%}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-inline-editable-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}.controls-wrapper{display:flex}.enable-editing-button--hidden{pointer-events:none;opacity:0;inline-size:0;margin-inline-start:0}.enable-editing-button{--calcite-action-text-color: var(--calcite-inline-editable-button-text-color, var(--calcite-color-text-1))}.enable-editing-button,.confirm-changes-button,.cancel-editing-button{margin-inline-start:var(--calcite-space-2xs)}:host([editing-enabled]) .confirm-changes-button{margin-inline-start:0}:host([editing-enabled]:not([controls])) .controls-wrapper{display:none}calcite-action{--calcite-action-background-color: var(--calcite-inline-editable-button-background-color);--calcite-action-corner-radius: var(--calcite-inline-editable-button-corner-radius);--calcite-action-loader-color: var(--calcite-inline-editable-button-loader-color);--calcite-action-text-color: var(--calcite-inline-editable-button-text-color)}calcite-action:hover{--calcite-action-background-color-hover: var( --calcite-inline-editable-button-background-color-hover, var(--calcite-inline-editable-button-background-color) );--calcite-action-text-color-press: var( --calcite-inline-editable-button-text-color-press, var(--calcite-inline-editable-button-text-color) )}calcite-action:active{--calcite-action-background-color-press: var( --calcite-inline-editable-button-background-color-press, var(--calcite-inline-editable-button-background-color) );--calcite-action-text-color-press: var( --calcite-inline-editable-button-text-color-press, var(--calcite-inline-editable-button-text-color) )}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,n={wrapper:"wrapper",confirmChangesButton:"confirm-changes-button",cancelEditingButton:"cancel-editing-button",inputWrapper:"input-wrapper",cancelEditingButtonWrapper:"cancel-editing-button-wrapper",enableEditingButton:"enable-editing-button",enableEditingButtonHidden:"enable-editing-button--hidden",controlsWrapper:"controls-wrapper"},h={check:"check",close:"x",pencil:"pencil"},b=class extends f{constructor(){super(),this.cancelEditingButtonRef=c(),this.confirmChangesButtonRef=c(),this._editingEnabled=!1,this.enableEditingButtonRef=c(),this.shouldEmitCancel=!1,this.valuePriorToEditing="",this.messages=y(),this.focusSetter=v()(this),this.interactiveContainer=C(this),this.controls=!1,this.disabled=!1,this.loading=!1,this.scale="m",this.calciteInlineEditableEditCancel=s({cancelable:!1}),this.calciteInlineEditableEditConfirm=s({cancelable:!1}),this.calciteInternalInlineEditableEnableEditingChange=s({cancelable:!1}),$(this),this.listen("calciteInternalInputBlur",this.blurHandler),this.listen("calciteInternalInputNumberBlur",this.blurHandler),this.listen("calciteInternalInputTextBlur",this.blurHandler),this.listen("keydown",this.escapeKeyHandler)}static{this.properties={afterConfirm:[0,{},{attribute:!1}],controls:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=x}get shouldShowControls(){return this.editingEnabled&&this.controls}get editingEnabled(){return this._editingEnabled}set editingEnabled(t){let e=this._editingEnabled;t!==e&&(this._editingEnabled=t,this.editingEnabledWatcher(t,e))}async setFocus(t){return this.focusSetter(()=>this.inputEl,t)}editingEnabledWatcher(t,e){this.inputEl&&(this.inputEl.inlineEditing=t),!t&&e&&(this.shouldEmitCancel=!0)}blurHandler(){this.controls||this.disableEditing()}async handleDefaultSlotChange(t){let e=m(t).filter(a=>a.matches("calcite-input, calcite-input-number, calcite-input-text"))[0];this.inputEl=e,e&&(await e.componentOnReady(),e.inlineEditing=this.editingEnabled,e.label=e.label||k(this))}onLabelClick(){this.setFocus()}enableEditing(){this.valuePriorToEditing=this.inputEl?.value??"",this.editingEnabled=!0,this.inputEl?.setFocus(),this.calciteInternalInlineEditableEnableEditingChange.emit()}disableEditing(){this.editingEnabled=!1}cancelEditing(){this.inputEl&&(this.inputEl.value=this.valuePriorToEditing),this.disableEditing(),this.enableEditingButtonRef.value?.setFocus(),!this.editingEnabled&&this.shouldEmitCancel&&this.calciteInlineEditableEditCancel.emit()}escapeKeyHandler(t){if(!t.defaultPrevented&&(t.key==="Escape"&&(t.preventDefault(),this.cancelEditing()),t.key==="Tab"&&this.shouldShowControls)){let e=this.confirmChangesButtonRef.value,a=this.cancelEditingButtonRef.value,d=t.composedPath(),B=this.inputEl?d.includes(this.inputEl):!1,u=e?d.includes(e):!1,g=a?d.includes(a):!1;!t.shiftKey&&u&&(t.preventDefault(),a?.setFocus()),!t.shiftKey&&(B||!u&&!g)&&(t.preventDefault(),e?.setFocus()),t.shiftKey&&g&&(t.preventDefault(),e?.setFocus()),t.shiftKey&&u&&(t.preventDefault(),this.inputEl?.setFocus())}}async cancelEditingHandler(t){t.preventDefault(),this.cancelEditing()}enableEditingHandler(t){this.disabled||t.target!==this.enableEditingButtonRef.value&&t.target!==this.inputEl||(t.preventDefault(),this.editingEnabled||this.enableEditing())}async confirmChangesHandler(t){t.preventDefault(),this.calciteInlineEditableEditConfirm.emit();try{this.afterConfirm&&(this.loading=!0,await this.afterConfirm(),this.disableEditing(),this.enableEditingButtonRef.value?.setFocus())}catch{}finally{this.loading=!1}}render(){return this.interactiveContainer({disabled:this.disabled,children:l`<div class=${i(n.wrapper)} @click=${this.enableEditingHandler}><div class=${i(n.inputWrapper)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div><div class=${i(n.controlsWrapper)}><calcite-action .ariaLabel=${this.messages.enableEditing} class=${i({[n.enableEditingButton]:!0,[n.enableEditingButtonHidden]:this.editingEnabled})} .icon=${h.pencil} @click=${this.enableEditingHandler} .scale=${this.scale} .text=${this.messages.enableEditing} title=${this.messages.enableEditing??r} type=button ${o(this.enableEditingButtonRef)}></calcite-action>${this.shouldShowControls&&[l`<calcite-action .ariaLabel=${this.messages.confirmChanges} class=${i(n.confirmChangesButton)} .icon=${h.check} .loading=${this.loading} @click=${this.confirmChangesHandler} .scale=${this.scale} .text=${this.messages.confirmChanges} title=${this.messages.confirmChanges??r} type=button ${o(this.confirmChangesButtonRef)}></calcite-action>`,l`<div class=${i(n.cancelEditingButtonWrapper)}><calcite-action .ariaLabel=${this.messages.cancelEditing} class=${i(n.cancelEditingButton)} .icon=${h.close} @click=${this.cancelEditingHandler} .scale=${this.scale} .text=${this.messages.cancelEditing} title=${this.messages.cancelEditing??r} type=button ${o(this.cancelEditingButtonRef)}></calcite-action></div>`]||""}</div></div>`})}};E("calcite-inline-editable",b);export{b as InlineEditable};
2
+ import{a as k}from"./DKJI4BME.js";import{a as $}from"./UDQVMJ3S.js";import{a as C}from"./3B7QPJAS.js";import{a as y}from"./5HWWM56V.js";import{a as v}from"./JNAEVEX5.js";import"./ZWPNZ5XW.js";import"./UW77EV26.js";import"./SR3EXOYY.js";import{z as m}from"./DJD3CC5A.js";import{E as c,F as o,G as f,H as i,J as r,T as E,g as p,h as l,p as s}from"./DUDIVZGQ.js";var x=p`: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]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}.wrapper{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;box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-inline-editable-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.wrapper .input-wrapper{flex:1 1 0%}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-inline-editable-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}.controls-wrapper{display:flex}.enable-editing-button--hidden{pointer-events:none;opacity:0;inline-size:0;margin-inline-start:0}.enable-editing-button{--calcite-action-text-color: var(--calcite-inline-editable-button-text-color, var(--calcite-color-text-1))}.enable-editing-button,.confirm-changes-button,.cancel-editing-button{margin-inline-start:var(--calcite-space-2xs)}:host([editing-enabled]) .confirm-changes-button{margin-inline-start:0}:host([editing-enabled]:not([controls])) .controls-wrapper{display:none}calcite-action{--calcite-action-background-color: var(--calcite-inline-editable-button-background-color);--calcite-action-corner-radius: var(--calcite-inline-editable-button-corner-radius);--calcite-action-loader-color: var(--calcite-inline-editable-button-loader-color);--calcite-action-text-color: var(--calcite-inline-editable-button-text-color)}calcite-action:hover{--calcite-action-background-color-hover: var( --calcite-inline-editable-button-background-color-hover, var(--calcite-inline-editable-button-background-color) );--calcite-action-text-color-press: var( --calcite-inline-editable-button-text-color-press, var(--calcite-inline-editable-button-text-color) )}calcite-action:active{--calcite-action-background-color-press: var( --calcite-inline-editable-button-background-color-press, var(--calcite-inline-editable-button-background-color) );--calcite-action-text-color-press: var( --calcite-inline-editable-button-text-color-press, var(--calcite-inline-editable-button-text-color) )}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,n={wrapper:"wrapper",confirmChangesButton:"confirm-changes-button",cancelEditingButton:"cancel-editing-button",inputWrapper:"input-wrapper",cancelEditingButtonWrapper:"cancel-editing-button-wrapper",enableEditingButton:"enable-editing-button",enableEditingButtonHidden:"enable-editing-button--hidden",controlsWrapper:"controls-wrapper"},h={check:"check",close:"x",pencil:"pencil"},b=class extends f{constructor(){super(),this.cancelEditingButtonRef=c(),this.confirmChangesButtonRef=c(),this._editingEnabled=!1,this.enableEditingButtonRef=c(),this.shouldEmitCancel=!1,this.valuePriorToEditing="",this.messages=y(),this.focusSetter=v()(this),this.interactiveContainer=C(this),this.controls=!1,this.disabled=!1,this.loading=!1,this.scale="m",this.calciteInlineEditableEditCancel=s({cancelable:!1}),this.calciteInlineEditableEditConfirm=s({cancelable:!1}),this.calciteInternalInlineEditableEnableEditingChange=s({cancelable:!1}),$(this),this.listen("calciteInternalInputBlur",this.blurHandler),this.listen("calciteInternalInputNumberBlur",this.blurHandler),this.listen("calciteInternalInputTextBlur",this.blurHandler),this.listen("keydown",this.escapeKeyHandler)}static{this.properties={afterConfirm:[0,{},{attribute:!1}],controls:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=x}get shouldShowControls(){return this.editingEnabled&&this.controls}get editingEnabled(){return this._editingEnabled}set editingEnabled(t){let e=this._editingEnabled;t!==e&&(this._editingEnabled=t,this.editingEnabledWatcher(t,e))}async setFocus(t){return this.focusSetter(()=>this.inputEl,t)}editingEnabledWatcher(t,e){this.inputEl&&(this.inputEl.inlineEditing=t),!t&&e&&(this.shouldEmitCancel=!0)}blurHandler(){this.controls||this.disableEditing()}async handleDefaultSlotChange(t){let e=m(t).filter(a=>a.matches("calcite-input, calcite-input-number, calcite-input-text"))[0];this.inputEl=e,e&&(await e.componentOnReady(),e.inlineEditing=this.editingEnabled,e.label=e.label||k(this))}onLabelClick(){this.setFocus()}enableEditing(){this.valuePriorToEditing=this.inputEl?.value??"",this.editingEnabled=!0,this.inputEl?.setFocus(),this.calciteInternalInlineEditableEnableEditingChange.emit()}disableEditing(){this.editingEnabled=!1}cancelEditing(){this.inputEl&&(this.inputEl.value=this.valuePriorToEditing),this.disableEditing(),this.enableEditingButtonRef.value?.setFocus(),!this.editingEnabled&&this.shouldEmitCancel&&this.calciteInlineEditableEditCancel.emit()}escapeKeyHandler(t){if(!t.defaultPrevented&&(t.key==="Escape"&&(t.preventDefault(),this.cancelEditing()),t.key==="Tab"&&this.shouldShowControls)){let e=this.confirmChangesButtonRef.value,a=this.cancelEditingButtonRef.value,d=t.composedPath(),B=this.inputEl?d.includes(this.inputEl):!1,u=e?d.includes(e):!1,g=a?d.includes(a):!1;!t.shiftKey&&u&&(t.preventDefault(),a?.setFocus()),!t.shiftKey&&(B||!u&&!g)&&(t.preventDefault(),e?.setFocus()),t.shiftKey&&g&&(t.preventDefault(),e?.setFocus()),t.shiftKey&&u&&(t.preventDefault(),this.inputEl?.setFocus())}}async cancelEditingHandler(t){t.preventDefault(),this.cancelEditing()}enableEditingHandler(t){this.disabled||t.target!==this.enableEditingButtonRef.value&&t.target!==this.inputEl||(t.preventDefault(),this.editingEnabled||this.enableEditing())}async confirmChangesHandler(t){t.preventDefault(),this.calciteInlineEditableEditConfirm.emit();try{this.afterConfirm&&(this.loading=!0,await this.afterConfirm(),this.disableEditing(),this.enableEditingButtonRef.value?.setFocus())}catch{}finally{this.loading=!1}}render(){return this.interactiveContainer({disabled:this.disabled,children:l`<div class=${i(n.wrapper)} @click=${this.enableEditingHandler}><div class=${i(n.inputWrapper)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div><div class=${i(n.controlsWrapper)}><calcite-action .ariaLabel=${this.messages.enableEditing} class=${i({[n.enableEditingButton]:!0,[n.enableEditingButtonHidden]:this.editingEnabled})} .icon=${h.pencil} @click=${this.enableEditingHandler} .scale=${this.scale} .text=${this.messages.enableEditing} title=${this.messages.enableEditing??r} type=button ${o(this.enableEditingButtonRef)}></calcite-action>${this.shouldShowControls&&[l`<calcite-action .ariaLabel=${this.messages.confirmChanges} class=${i(n.confirmChangesButton)} .icon=${h.check} .loading=${this.loading} @click=${this.confirmChangesHandler} .scale=${this.scale} .text=${this.messages.confirmChanges} title=${this.messages.confirmChanges??r} type=button ${o(this.confirmChangesButtonRef)}></calcite-action>`,l`<div class=${i(n.cancelEditingButtonWrapper)}><calcite-action .ariaLabel=${this.messages.cancelEditing} class=${i(n.cancelEditingButton)} .icon=${h.close} @click=${this.cancelEditingHandler} .scale=${this.scale} .text=${this.messages.cancelEditing} title=${this.messages.cancelEditing??r} type=button ${o(this.cancelEditingButtonRef)}></calcite-action></div>`]||""}</div></div>`})}};E("calcite-inline-editable",b);export{b as InlineEditable};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{g as e}from"./W4GTBLDU.js";var i=e`.screen-reader-text{position:absolute;inline-size:var(--calcite-border-width-sm);block-size:var(--calcite-border-width-sm);padding:0;margin:calc(-1 * var(--calcite-border-width-sm));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}`;export{i as a};
2
+ import{g as e}from"./DUDIVZGQ.js";var i=e`.screen-reader-text{position:absolute;inline-size:var(--calcite-border-width-sm);block-size:var(--calcite-border-width-sm);padding:0;margin:calc(-1 * var(--calcite-border-width-sm));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}`;export{i as a};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as b,e as d}from"./M4XG6CGT.js";import"./LPMYRCBM.js";import{a as p}from"./T6CCMW7H.js";import"./7FW2RVVH.js";import{G as r,H as t,I as a,J as c,T as m,g as n,h as e}from"./W4GTBLDU.js";var i={firstTitle:"first-title",list:"list",label:"label",separator:"separator",title:"title",scale:l=>`scale--${l}`},u=n`.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-combobox-item-horizontal-spacing-unit: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-combobox-item-vertical-spacing-unit: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.scale--s .first-title{padding-block-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}.scale--s .separator{margin-block:var(--calcite-combobox-item-vertical-spacing-unit);margin-inline-start:calc(var(--calcite-combobox-item-horizontal-spacing-unit) + var(--calcite-combobox-item-horizontal-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier));margin-inline-end:var(--calcite-combobox-item-horizontal-spacing-unit)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-combobox-item-horizontal-spacing-unit: var(--calcite-theme-space-md, var(--calcite-spacing-md));--calcite-combobox-item-vertical-spacing-unit: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}.scale--m .first-title{padding-block-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}.scale--m .separator{margin-block:var(--calcite-combobox-item-vertical-spacing-unit);margin-inline-start:calc(var(--calcite-combobox-item-horizontal-spacing-unit) + var(--calcite-combobox-item-horizontal-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier));margin-inline-end:var(--calcite-combobox-item-horizontal-spacing-unit)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-combobox-item-horizontal-spacing-unit: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));--calcite-combobox-item-vertical-spacing-unit: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}.scale--l .first-title{padding-block-start:var(--calcite-theme-space-xl, var(--calcite-spacing-xl))}.scale--l .separator{margin-block:var(--calcite-combobox-item-vertical-spacing-unit);margin-inline-start:calc(var(--calcite-combobox-item-horizontal-spacing-unit) + var(--calcite-combobox-item-horizontal-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier));margin-inline-end:var(--calcite-combobox-item-horizontal-spacing-unit)}:host,.list{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),.list:focus{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}.separator{block-size:var(--calcite-theme-space-px, var(--calcite-spacing-px));background-color:var(--calcite-combobox-item-group-border-color, var(--calcite-color-border-3))}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0;max-inline-size:100%}.title{overflow-wrap:break-word;word-break:break-word;--calcite-combobox-item-indent-value: calc( var(--calcite-combobox-item-horizontal-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier) );border:0 solid;display:block;flex:1 1 0%;font-weight:var(--calcite-font-weight-bold);padding-block:var(--calcite-combobox-item-vertical-spacing-unit);padding-inline-start:calc(var(--calcite-combobox-item-indent-value) + var(--calcite-combobox-item-horizontal-spacing-unit));padding-inline-end:var(--calcite-combobox-item-horizontal-spacing-unit);color:var(--calcite-combobox-item-group-text-color, var(--calcite-color-text-1))}:host([hidden]){display:none}[hidden]{display:none}:host([item-hidden]){display:none}`,o=class extends r{constructor(){super(...arguments),this.guid=p(),this.afterEmptyGroup=!1,this.position=0,this.scale="m",this.itemHidden=!1}static{this.properties={afterEmptyGroup:[7,{},{reflect:!0,type:Boolean}],ancestors:[0,{},{attribute:!1}],label:1,position:[9,{},{type:Number}],scale:1,itemHidden:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=u}connectedCallback(){super.connectedCallback(),this.ancestors=b(this.el)}render(){let{el:g,scale:v}=this,s=d(g),h=this.position>0?e`<div class=${t(i.separator)} role=separator style=${a({"--calcite-combobox-item-spacing-indent-multiplier":`${s}`})}></div>`:null;return e`<ul aria-labelledby=${this.guid??c} class=${t({[i.list]:!0,[i.scale(v)]:!0})} role=group>${h}<li class=${t({[i.label]:!0})} id=${this.guid??c} role=presentation style=${a({"--calcite-combobox-item-spacing-indent-multiplier":`${s}`})}><span class=${t({[i.title]:!0,[i.firstTitle]:this.position===0})}>${this.label}</span></li><slot></slot></ul>`}};m("calcite-combobox-item-group",o);export{o as ComboboxItemGroup};
2
+ import{a as b,e as d}from"./GMW5MPTM.js";import"./LPMYRCBM.js";import{a as p}from"./T6CCMW7H.js";import"./DJD3CC5A.js";import{G as r,H as t,I as a,J as c,T as m,g as n,h as e}from"./DUDIVZGQ.js";var i={firstTitle:"first-title",list:"list",label:"label",separator:"separator",title:"title",scale:l=>`scale--${l}`},u=n`.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-combobox-item-horizontal-spacing-unit: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-combobox-item-vertical-spacing-unit: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.scale--s .first-title{padding-block-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}.scale--s .separator{margin-block:var(--calcite-combobox-item-vertical-spacing-unit);margin-inline-start:calc(var(--calcite-combobox-item-horizontal-spacing-unit) + var(--calcite-combobox-item-horizontal-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier));margin-inline-end:var(--calcite-combobox-item-horizontal-spacing-unit)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-combobox-item-horizontal-spacing-unit: var(--calcite-theme-space-md, var(--calcite-spacing-md));--calcite-combobox-item-vertical-spacing-unit: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}.scale--m .first-title{padding-block-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}.scale--m .separator{margin-block:var(--calcite-combobox-item-vertical-spacing-unit);margin-inline-start:calc(var(--calcite-combobox-item-horizontal-spacing-unit) + var(--calcite-combobox-item-horizontal-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier));margin-inline-end:var(--calcite-combobox-item-horizontal-spacing-unit)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-combobox-item-horizontal-spacing-unit: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));--calcite-combobox-item-vertical-spacing-unit: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}.scale--l .first-title{padding-block-start:var(--calcite-theme-space-xl, var(--calcite-spacing-xl))}.scale--l .separator{margin-block:var(--calcite-combobox-item-vertical-spacing-unit);margin-inline-start:calc(var(--calcite-combobox-item-horizontal-spacing-unit) + var(--calcite-combobox-item-horizontal-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier));margin-inline-end:var(--calcite-combobox-item-horizontal-spacing-unit)}:host,.list{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),.list:focus{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}.separator{block-size:var(--calcite-theme-space-px, var(--calcite-spacing-px));background-color:var(--calcite-combobox-item-group-border-color, var(--calcite-color-border-3))}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0;max-inline-size:100%}.title{overflow-wrap:break-word;word-break:break-word;--calcite-combobox-item-indent-value: calc( var(--calcite-combobox-item-horizontal-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier) );border:0 solid;display:block;flex:1 1 0%;font-weight:var(--calcite-font-weight-bold);padding-block:var(--calcite-combobox-item-vertical-spacing-unit);padding-inline-start:calc(var(--calcite-combobox-item-indent-value) + var(--calcite-combobox-item-horizontal-spacing-unit));padding-inline-end:var(--calcite-combobox-item-horizontal-spacing-unit);color:var(--calcite-combobox-item-group-text-color, var(--calcite-color-text-1))}:host([hidden]){display:none}[hidden]{display:none}:host([item-hidden]){display:none}`,o=class extends r{constructor(){super(...arguments),this.guid=p(),this.afterEmptyGroup=!1,this.position=0,this.scale="m",this.itemHidden=!1}static{this.properties={afterEmptyGroup:[7,{},{reflect:!0,type:Boolean}],ancestors:[0,{},{attribute:!1}],label:1,position:[9,{},{type:Number}],scale:1,itemHidden:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=u}connectedCallback(){super.connectedCallback(),this.ancestors=b(this.el)}render(){let{el:g,scale:v}=this,s=d(g),h=this.position>0?e`<div class=${t(i.separator)} role=separator style=${a({"--calcite-combobox-item-spacing-indent-multiplier":`${s}`})}></div>`:null;return e`<ul aria-labelledby=${this.guid??c} class=${t({[i.list]:!0,[i.scale(v)]:!0})} role=group>${h}<li class=${t({[i.label]:!0})} id=${this.guid??c} role=presentation style=${a({"--calcite-combobox-item-spacing-indent-multiplier":`${s}`})}><span class=${t({[i.title]:!0,[i.firstTitle]:this.position===0})}>${this.label}</span></li><slot></slot></ul>`}};m("calcite-combobox-item-group",o);export{o as ComboboxItemGroup};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as e}from"./5DJ4CKCP.js";import{a as u}from"./ILBDCXZZ.js";import"./LCOU5YFI.js";import{a as s}from"./I64YUHND.js";import"./VUYX7MNO.js";import{a as m}from"./RF2E4GRH.js";import"./ZWPNZ5XW.js";import"./LQXCFNQS.js";import"./ZW6MT5KC.js";import"./7FW2RVVH.js";import{G as f,H as t,J as n,T as p,g as h,h as i}from"./W4GTBLDU.js";var x=h`:host{display:inline-flex}:host([scale=s]){--calcite-internal-navigation-logo-padding-inline: var(--calcite-space-md);--calcite-internal-navigation-logo-image-size: 1.75rem;--calcite-internal-navigation-logo-heading-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-logo-heading-standalone-font-size: var(--calcite-font-size-1);--calcite-internal-navigation-logo-description-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-navigation-logo-heading-line-height: var(--calcite-space-lg);--calcite-internal-navigation-logo-description-line-height: var(--calcite-space-lg)}:host([scale=m]){--calcite-internal-navigation-logo-padding-inline: var(--calcite-space-lg);--calcite-internal-navigation-logo-image-size: 1.75rem;--calcite-internal-navigation-logo-heading-font-size: var(--calcite-font-size-relative-md);--calcite-internal-navigation-logo-heading-standalone-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-navigation-logo-description-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-logo-heading-line-height: var(--calcite-space-xl);--calcite-internal-navigation-logo-description-line-height: var(--calcite-space-lg)}:host([scale=l]){--calcite-internal-navigation-logo-padding-inline: var(--calcite-space-xl);--calcite-internal-navigation-logo-image-size: 2.75rem;--calcite-internal-navigation-logo-heading-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-navigation-logo-heading-standalone-font-size: var(--calcite-font-size-relative-2xl);--calcite-internal-navigation-logo-description-font-size: var(--calcite-font-size-relative-lg);--calcite-internal-navigation-logo-heading-line-height: var(--calcite-space-2xl);--calcite-internal-navigation-logo-description-line-height: var(--calcite-space-2xl)}.container{margin:0;display:flex;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-logo-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))));border-block-end:2px solid var(--calcite-color-transparent)}.container--link{cursor:pointer;text-decoration-line:none;outline-color:transparent}:host(:focus) .container--link{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))))}.image{block-size:var(--calcite-internal-navigation-logo-image-size)}.image,.icon{margin:0;display:flex;color:var(--calcite-navigation-logo-text-color, var(--calcite-icon-color, var(--calcite-internal-navigation-logo-text-color, var(--calcite-ui-icon-color, inherit))));padding-inline:var(--calcite-internal-navigation-logo-padding-inline)}.image~.icon{padding-inline-start:0px}.image~.text-container,.icon~.text-container{padding-inline-start:0px}:host([href]:hover),:host([href]:focus){--calcite-internal-navigation-logo-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) )}:host([href]:active){--calcite-internal-navigation-logo-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) )}:host([active]) .container{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([active]),:host([href]:active){--calcite-internal-navigation-logo-text-color: var(--calcite-color-brand)}.text-container{margin-block-start:.125rem;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;padding-inline:var(--calcite-internal-navigation-logo-padding-inline)}.heading{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-logo-heading-text-color, var(--calcite-color-text-1));font-size:var(--calcite-internal-navigation-logo-heading-font-size);padding-block-start:var(--calcite-space-2xs);line-height:var(--calcite-internal-navigation-logo-heading-line-height)}.standalone{font-size:var(--calcite-internal-navigation-logo-heading-standalone-font-size);padding-block-start:0}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-2);color:var(--calcite-navigation-logo-text-color, var(--calcite-color-text-2));font-size:var(--calcite-internal-navigation-logo-description-font-size);line-height:var(--calcite-internal-navigation-logo-description-line-height)}:host([hidden]){display:none}[hidden]{display:none}`,g=class extends f{constructor(){super(...arguments),this.focusSetter=m()(this),this.active=!1,this.iconFlipRtl=!1,this.scale="m"}static{this.properties={active:[7,{},{reflect:!0,type:Boolean}],description:1,heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],href:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,rel:[3,{},{reflect:!0}],target:[3,{},{reflect:!0}],thumbnail:1,scale:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=x}async setFocus(a){return this.focusSetter(()=>this.href?this.el:void 0,a)}renderIcon(){return i`<calcite-icon class=${t(e.icon)} .flipRtl=${this.iconFlipRtl} .icon=${this.icon} .scale=${this.scale==="s"?"m":"l"}></calcite-icon>`}renderHeaderContent(){let{heading:a,headingLevel:o,description:l}=this,c=a?s(e.heading,u({class:{[e.heading]:!0,[e.standalone]:!this.description},level:o,children:a})):null,r=l?s(e.description,i`<span class=${t(e.description)}>${l}</span>`):null;return c||r?s(e.textContainer,i`<div class=${t(e.textContainer)}>${c}${r}</div>`):null}render(){let{icon:a,href:o,label:l,rel:c,target:r,thumbnail:d}=this,v=i`${d&&i`<img alt=${(l||"")??n} class=${t(e.image)} src=${d??n}>`||""}${a&&this.renderIcon()||""}${this.renderHeaderContent()}`;return o?i`<a class=${t({[e.container]:!0,[e.containerLink]:!0})} href=${o??n} rel=${c??n} target=${r??n}>${v}</a>`:i`<div class=${t(e.container)}>${v}</div>`}};p("calcite-navigation-logo",g);export{g as NavigationLogo};
2
+ import{a as e}from"./5DJ4CKCP.js";import{a as u}from"./DL6SAQV4.js";import"./EPJ7IFKU.js";import{a as s}from"./J6B5W6HH.js";import"./VUYX7MNO.js";import{a as m}from"./JNAEVEX5.js";import"./ZWPNZ5XW.js";import"./UW77EV26.js";import"./SR3EXOYY.js";import"./DJD3CC5A.js";import{G as f,H as t,J as n,T as p,g as h,h as i}from"./DUDIVZGQ.js";var x=h`:host{display:inline-flex}:host([scale=s]){--calcite-internal-navigation-logo-padding-inline: var(--calcite-space-md);--calcite-internal-navigation-logo-image-size: 1.75rem;--calcite-internal-navigation-logo-heading-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-logo-heading-standalone-font-size: var(--calcite-font-size-1);--calcite-internal-navigation-logo-description-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-navigation-logo-heading-line-height: var(--calcite-space-lg);--calcite-internal-navigation-logo-description-line-height: var(--calcite-space-lg)}:host([scale=m]){--calcite-internal-navigation-logo-padding-inline: var(--calcite-space-lg);--calcite-internal-navigation-logo-image-size: 1.75rem;--calcite-internal-navigation-logo-heading-font-size: var(--calcite-font-size-relative-md);--calcite-internal-navigation-logo-heading-standalone-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-navigation-logo-description-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-logo-heading-line-height: var(--calcite-space-xl);--calcite-internal-navigation-logo-description-line-height: var(--calcite-space-lg)}:host([scale=l]){--calcite-internal-navigation-logo-padding-inline: var(--calcite-space-xl);--calcite-internal-navigation-logo-image-size: 2.75rem;--calcite-internal-navigation-logo-heading-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-navigation-logo-heading-standalone-font-size: var(--calcite-font-size-relative-2xl);--calcite-internal-navigation-logo-description-font-size: var(--calcite-font-size-relative-lg);--calcite-internal-navigation-logo-heading-line-height: var(--calcite-space-2xl);--calcite-internal-navigation-logo-description-line-height: var(--calcite-space-2xl)}.container{margin:0;display:flex;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-logo-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))));border-block-end:2px solid var(--calcite-color-transparent)}.container--link{cursor:pointer;text-decoration-line:none;outline-color:transparent}:host(:focus) .container--link{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))))}.image{block-size:var(--calcite-internal-navigation-logo-image-size)}.image,.icon{margin:0;display:flex;color:var(--calcite-navigation-logo-text-color, var(--calcite-icon-color, var(--calcite-internal-navigation-logo-text-color, var(--calcite-ui-icon-color, inherit))));padding-inline:var(--calcite-internal-navigation-logo-padding-inline)}.image~.icon{padding-inline-start:0px}.image~.text-container,.icon~.text-container{padding-inline-start:0px}:host([href]:hover),:host([href]:focus){--calcite-internal-navigation-logo-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) )}:host([href]:active){--calcite-internal-navigation-logo-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) )}:host([active]) .container{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([active]),:host([href]:active){--calcite-internal-navigation-logo-text-color: var(--calcite-color-brand)}.text-container{margin-block-start:.125rem;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;padding-inline:var(--calcite-internal-navigation-logo-padding-inline)}.heading{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-logo-heading-text-color, var(--calcite-color-text-1));font-size:var(--calcite-internal-navigation-logo-heading-font-size);padding-block-start:var(--calcite-space-2xs);line-height:var(--calcite-internal-navigation-logo-heading-line-height)}.standalone{font-size:var(--calcite-internal-navigation-logo-heading-standalone-font-size);padding-block-start:0}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-2);color:var(--calcite-navigation-logo-text-color, var(--calcite-color-text-2));font-size:var(--calcite-internal-navigation-logo-description-font-size);line-height:var(--calcite-internal-navigation-logo-description-line-height)}:host([hidden]){display:none}[hidden]{display:none}`,g=class extends f{constructor(){super(...arguments),this.focusSetter=m()(this),this.active=!1,this.iconFlipRtl=!1,this.scale="m"}static{this.properties={active:[7,{},{reflect:!0,type:Boolean}],description:1,heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],href:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,rel:[3,{},{reflect:!0}],target:[3,{},{reflect:!0}],thumbnail:1,scale:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=x}async setFocus(a){return this.focusSetter(()=>this.href?this.el:void 0,a)}renderIcon(){return i`<calcite-icon class=${t(e.icon)} .flipRtl=${this.iconFlipRtl} .icon=${this.icon} .scale=${this.scale==="s"?"m":"l"}></calcite-icon>`}renderHeaderContent(){let{heading:a,headingLevel:o,description:l}=this,c=a?s(e.heading,u({class:{[e.heading]:!0,[e.standalone]:!this.description},level:o,children:a})):null,r=l?s(e.description,i`<span class=${t(e.description)}>${l}</span>`):null;return c||r?s(e.textContainer,i`<div class=${t(e.textContainer)}>${c}${r}</div>`):null}render(){let{icon:a,href:o,label:l,rel:c,target:r,thumbnail:d}=this,v=i`${d&&i`<img alt=${(l||"")??n} class=${t(e.image)} src=${d??n}>`||""}${a&&this.renderIcon()||""}${this.renderHeaderContent()}`;return o?i`<a class=${t({[e.container]:!0,[e.containerLink]:!0})} href=${o??n} rel=${c??n} target=${r??n}>${v}</a>`:i`<div class=${t(e.container)}>${v}</div>`}};p("calcite-navigation-logo",g);export{g as NavigationLogo};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as t,b as r,c as n}from"./FLR4OLXP.js";import{a as b}from"./SX33HSBC.js";import{a as k}from"./YP3AYJH3.js";import{b as x}from"./7VTO7SRW.js";import{a as m}from"./JFWDUC4M.js";import"./VUYX7MNO.js";import{a as u}from"./RF2E4GRH.js";import{a as f}from"./ZWPNZ5XW.js";import"./LQXCFNQS.js";import"./ZW6MT5KC.js";import{x as i}from"./7FW2RVVH.js";import{E as h,F as p,G as v,H as a,T as g,g as s,h as c,p as d}from"./W4GTBLDU.js";var $=s`: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;max-inline-size:100%}:host([scale=s]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-sm);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-xs);--calcite-internal-card-header-text-container-padding-right: 0;--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-xs);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-xs);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-xs);--calcite-internal-card-slotted-content-padding: var(--calcite-space-sm);--calcite-internal-card-footer-padding-inline: var(--calcite-space-sm);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-base)}:host([scale=m]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-md);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-sm);--calcite-internal-card-header-text-container-padding-right: var(--calcite-space-base);--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-base);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-sm);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-sm);--calcite-internal-card-slotted-content-padding: var(--calcite-space-md);--calcite-internal-card-footer-padding-inline: var(--calcite-space-md);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-lg);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-md);--calcite-internal-card-header-text-container-padding-right: var(--calcite-space-xs);--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-md);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-base);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-md);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-md);--calcite-internal-card-slotted-content-padding: var(--calcite-space-lg);--calcite-internal-card-footer-padding-inline: var(--calcite-space-lg);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-sm)}.content-wrapper{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border:var(--calcite-border-width-sm) solid var(--calcite-card-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-card-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));background-color:var(--calcite-card-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));box-shadow:var(--calcite-card-shadow, var(--calcite-shadow-none));pointer-events:none}::slotted(*){pointer-events:auto}:host(:not([selectable])) .content-wrapper:not(.non-interactive){outline-color:transparent}:host(:not([selectable])) .content-wrapper:not(.non-interactive):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-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .content-wrapper *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0;display:flex;align-items:center}.header{display:flex;flex-direction:row;align-items:flex-start}.header-text-container{display:flex;flex-direction:column;inline-size:100%;justify-content:center;padding-inline:var(--calcite-internal-card-header-text-container-padding-inline);padding-block:var(--calcite-internal-card-header-text-container-padding-block)}.header-text-container:not(:only-child){padding-inline-end:var(--calcite-internal-card-header-text-container-padding-right)}.footer{display:flex;margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:var(--calcite-internal-card-footer-padding-inline);padding-block-start:var(--calcite-space-2xs);padding-block-end:var(--calcite-space-md)}.card-content{block-size:auto;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}.has-slotted-content{padding:var(--calcite-internal-card-slotted-content-padding)}:host([selected]) .content-wrapper{border:1px solid var(--calcite-card-accent-color-selected, var(--calcite-color-brand))}:host([selectable]) .header{padding-inline-end:var(--calcite-theme-space-3xl, var(--calcite-spacing-xxxl))}slot[name=heading]::slotted(*),*::slotted([slot=heading]){color:var(--calcite-color-text-1);margin:0;font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-internal-card-heading-font-size)}slot[name=description]::slotted(*),*::slotted([slot=description]){color:var(--calcite-color-text-2);margin:0;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-internal-card-description-font-size)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);align-self:center;margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);align-self:center}.checkbox-wrapper-deprecated{position:absolute;pointer-events:auto;inset-block-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));inset-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));margin:0;padding:0;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper-deprecated:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper-deprecated:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper{outline-color:transparent;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-items:center;color:var(--calcite-card-selection-color, var(--calcite-color-text-3));padding:var(--calcite-internal-card-checkbox-wrapper-padding);margin:var(--calcite-internal-card-checkbox-wrapper-margin)}.checkbox-wrapper:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper calcite-icon{pointer-events:none}:host([selected]) .checkbox-wrapper-deprecated,:host([selected]) .checkbox-wrapper{color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}.thumbnail-wrapper{display:flex}.content-wrapper.inline{flex-direction:row}.content-wrapper.inline>.container{inline-size:60%}.content-wrapper.inline>.thumbnail-wrapper{align-items:flex-start;inline-size:40%}.content-wrapper.inline slot[name=thumbnail]::slotted(img),.content-wrapper.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:var(--calcite-internal-card-footer-start-end-gap)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,l=class extends v{constructor(){super(...arguments),this.containerRef=h(),this.messages=m(),this.focusSetter=u()(this),this.interactiveContainer=b(this),this.hasContent=!1,this.hasDescription=!1,this.hasFooterEnd=!1,this.hasFooterStart=!1,this.hasHeading=!1,this.hasThumbnail=!1,this.disabled=!1,this.loading=!1,this.scale="m",this.selectable=!1,this.selected=!1,this.selectionMode="none",this.thumbnailPosition="block-start",this.calciteCardSelect=d({cancelable:!1})}static{this.properties={hasContent:[16,{},{state:!0}],hasDescription:[16,{},{state:!0}],hasFooterEnd:[16,{},{state:!0}],hasFooterStart:[16,{},{state:!0}],hasHeading:[16,{},{state:!0}],hasThumbnail:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],selectable:[7,{},{reflect:!0,type:Boolean}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,thumbnailPosition:[3,{},{reflect:!0}]}}static{this.styles=$}async setFocus(e){return this.focusSetter(()=>({target:this.containerRef.value,includeContainer:!0}),e)}handleThumbnailSlotChange(e){this.hasThumbnail=i(e)}handleHeadingSlotChange(e){this.hasHeading=i(e)}handleDescriptionSlotChange(e){this.hasDescription=i(e)}handleFooterStartSlotChange(e){this.hasFooterStart=i(e)}handleFooterEndSlotChange(e){this.hasFooterEnd=i(e)}handleDefaultSlotChange(e){this.hasContent=i(e)}keyDownHandler(e){e.target===this.containerRef.value&&!this.selectable&&!this.disabled&&k(e.key)&&this.selectionMode!=="none"&&(this.calciteCardSelect.emit(),e.preventDefault())}cardBodyClickHandler(e){e.target===this.containerRef.value&&!this.selectable&&!this.disabled&&this.selectionMode!=="none"&&this.calciteCardSelect.emit()}selectCardDeprecated(e){this.selected=e.currentTarget.checked,this.calciteCardSelect.emit()}cardSelectClick(e){this.disabled||(e.preventDefault(),this.calciteCardSelect.emit(),this.setFocus())}renderCheckboxDeprecated(){return c`<calcite-label class=${a(t.checkboxWrapperDeprecated)}><calcite-checkbox .checked=${this.selected} .label=${this.messages.select} @calciteCheckboxChange=${this.selectCardDeprecated}></calcite-checkbox></calcite-label>`}renderThumbnail(){return c`<section class=${a(t.thumbnailWrapper)} .hidden=${!this.hasThumbnail}><slot name=${r.thumbnail} @slotchange=${this.handleThumbnailSlotChange}></slot></section>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"&&this.selected?n.selected:this.selectionMode==="multiple"?n.unselected:this.selected?n.selectedSingle:n.unselectedSingle;return c`<div class=${a(t.checkboxWrapper)} @pointerdown=${this.cardSelectClick} tabindex=-1><calcite-icon .icon=${e} .scale=${f(this.scale)}></calcite-icon></div>`}renderHeader(){let e=this.hasHeading||this.hasDescription;return c`<header class=${a(t.header)} .hidden=${!e}>${this.selectable?this.renderCheckboxDeprecated():null}<div class=${a(t.headerTextContainer)}><slot name=${r.heading} @slotchange=${this.handleHeadingSlotChange}></slot><slot name=${r.description} @slotchange=${this.handleDescriptionSlotChange}></slot></div>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}</header>`}renderFooter(){let e=this.hasFooterStart||this.hasFooterEnd;return c`<footer class=${a(t.footer)} .hidden=${!e}><slot name=${r.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot><slot name=${r.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot></footer>`}render(){let e=this.thumbnailPosition.startsWith("inline"),o=this.thumbnailPosition.endsWith("start"),w=this.selectionMode==="multiple"?"checkbox":this.selectionMode!=="none"?"radio":void 0;return this.interactiveContainer({disabled:this.disabled,children:c`<div .ariaChecked=${this.selectionMode!=="none"?this.selected:void 0} .ariaLabel=${this.label} class=${a({[t.contentWrapper]:!0,inline:e})} @click=${this.cardBodyClickHandler} @keydown=${this.keyDownHandler} .role=${w} .tabIndex=${!this.selectable||this.disabled?0:-1} ${p(this.containerRef)}>${this.loading?c`<div aria-live=polite class="calcite-card-loader-container"><calcite-loader .label=${this.messages.loading}></calcite-loader></div>`:null}${o&&this.renderThumbnail()||""}<section .ariaBusy=${x(this.loading,void 0)} class=${a({[t.container]:!0})}>${this.renderHeader()}<div class=${a({[t.cardContent]:!0,[t.hasSlottedContent]:this.hasContent})}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div>${this.renderFooter()}</section>${!o&&this.renderThumbnail()||""}</div>`})}};g("calcite-card",l);export{l as Card};
2
+ import{a as t,b as r,c as n}from"./FLR4OLXP.js";import{a as b}from"./3B7QPJAS.js";import{a as k}from"./YP3AYJH3.js";import{b as x}from"./7VTO7SRW.js";import{a as m}from"./5HWWM56V.js";import"./VUYX7MNO.js";import{a as u}from"./JNAEVEX5.js";import{a as f}from"./ZWPNZ5XW.js";import"./UW77EV26.js";import"./SR3EXOYY.js";import{y as i}from"./DJD3CC5A.js";import{E as h,F as p,G as v,H as a,T as g,g as s,h as c,p as d}from"./DUDIVZGQ.js";var $=s`: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;max-inline-size:100%}:host([scale=s]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-sm);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-xs);--calcite-internal-card-header-text-container-padding-right: 0;--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-xs);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-xs);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-xs);--calcite-internal-card-slotted-content-padding: var(--calcite-space-sm);--calcite-internal-card-footer-padding-inline: var(--calcite-space-sm);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-base)}:host([scale=m]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-md);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-sm);--calcite-internal-card-header-text-container-padding-right: var(--calcite-space-base);--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-base);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-sm);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-sm);--calcite-internal-card-slotted-content-padding: var(--calcite-space-md);--calcite-internal-card-footer-padding-inline: var(--calcite-space-md);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-lg);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-md);--calcite-internal-card-header-text-container-padding-right: var(--calcite-space-xs);--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-md);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-base);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-md);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-md);--calcite-internal-card-slotted-content-padding: var(--calcite-space-lg);--calcite-internal-card-footer-padding-inline: var(--calcite-space-lg);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-sm)}.content-wrapper{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border:var(--calcite-border-width-sm) solid var(--calcite-card-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-card-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));background-color:var(--calcite-card-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));box-shadow:var(--calcite-card-shadow, var(--calcite-shadow-none));pointer-events:none}::slotted(*){pointer-events:auto}:host(:not([selectable])) .content-wrapper:not(.non-interactive){outline-color:transparent}:host(:not([selectable])) .content-wrapper:not(.non-interactive):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-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .content-wrapper *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0;display:flex;align-items:center}.header{display:flex;flex-direction:row;align-items:flex-start}.header-text-container{display:flex;flex-direction:column;inline-size:100%;justify-content:center;padding-inline:var(--calcite-internal-card-header-text-container-padding-inline);padding-block:var(--calcite-internal-card-header-text-container-padding-block)}.header-text-container:not(:only-child){padding-inline-end:var(--calcite-internal-card-header-text-container-padding-right)}.footer{display:flex;margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:var(--calcite-internal-card-footer-padding-inline);padding-block-start:var(--calcite-space-2xs);padding-block-end:var(--calcite-space-md)}.card-content{block-size:auto;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}.has-slotted-content{padding:var(--calcite-internal-card-slotted-content-padding)}:host([selected]) .content-wrapper{border:1px solid var(--calcite-card-accent-color-selected, var(--calcite-color-brand))}:host([selectable]) .header{padding-inline-end:var(--calcite-theme-space-3xl, var(--calcite-spacing-xxxl))}slot[name=heading]::slotted(*),*::slotted([slot=heading]){color:var(--calcite-color-text-1);margin:0;font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-internal-card-heading-font-size)}slot[name=description]::slotted(*),*::slotted([slot=description]){color:var(--calcite-color-text-2);margin:0;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-internal-card-description-font-size)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);align-self:center;margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);align-self:center}.checkbox-wrapper-deprecated{position:absolute;pointer-events:auto;inset-block-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));inset-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));margin:0;padding:0;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper-deprecated:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper-deprecated:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper{outline-color:transparent;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-items:center;color:var(--calcite-card-selection-color, var(--calcite-color-text-3));padding:var(--calcite-internal-card-checkbox-wrapper-padding);margin:var(--calcite-internal-card-checkbox-wrapper-margin)}.checkbox-wrapper:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper calcite-icon{pointer-events:none}:host([selected]) .checkbox-wrapper-deprecated,:host([selected]) .checkbox-wrapper{color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}.thumbnail-wrapper{display:flex}.content-wrapper.inline{flex-direction:row}.content-wrapper.inline>.container{inline-size:60%}.content-wrapper.inline>.thumbnail-wrapper{align-items:flex-start;inline-size:40%}.content-wrapper.inline slot[name=thumbnail]::slotted(img),.content-wrapper.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:var(--calcite-internal-card-footer-start-end-gap)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,l=class extends v{constructor(){super(...arguments),this.containerRef=h(),this.messages=m(),this.focusSetter=u()(this),this.interactiveContainer=b(this),this.hasContent=!1,this.hasDescription=!1,this.hasFooterEnd=!1,this.hasFooterStart=!1,this.hasHeading=!1,this.hasThumbnail=!1,this.disabled=!1,this.loading=!1,this.scale="m",this.selectable=!1,this.selected=!1,this.selectionMode="none",this.thumbnailPosition="block-start",this.calciteCardSelect=d({cancelable:!1})}static{this.properties={hasContent:[16,{},{state:!0}],hasDescription:[16,{},{state:!0}],hasFooterEnd:[16,{},{state:!0}],hasFooterStart:[16,{},{state:!0}],hasHeading:[16,{},{state:!0}],hasThumbnail:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],selectable:[7,{},{reflect:!0,type:Boolean}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,thumbnailPosition:[3,{},{reflect:!0}]}}static{this.styles=$}async setFocus(e){return this.focusSetter(()=>({target:this.containerRef.value,includeContainer:!0}),e)}handleThumbnailSlotChange(e){this.hasThumbnail=i(e)}handleHeadingSlotChange(e){this.hasHeading=i(e)}handleDescriptionSlotChange(e){this.hasDescription=i(e)}handleFooterStartSlotChange(e){this.hasFooterStart=i(e)}handleFooterEndSlotChange(e){this.hasFooterEnd=i(e)}handleDefaultSlotChange(e){this.hasContent=i(e)}keyDownHandler(e){e.target===this.containerRef.value&&!this.selectable&&!this.disabled&&k(e.key)&&this.selectionMode!=="none"&&(this.calciteCardSelect.emit(),e.preventDefault())}cardBodyClickHandler(e){e.target===this.containerRef.value&&!this.selectable&&!this.disabled&&this.selectionMode!=="none"&&this.calciteCardSelect.emit()}selectCardDeprecated(e){this.selected=e.currentTarget.checked,this.calciteCardSelect.emit()}cardSelectClick(e){this.disabled||(e.preventDefault(),this.calciteCardSelect.emit(),this.setFocus())}renderCheckboxDeprecated(){return c`<calcite-label class=${a(t.checkboxWrapperDeprecated)}><calcite-checkbox .checked=${this.selected} .label=${this.messages.select} @calciteCheckboxChange=${this.selectCardDeprecated}></calcite-checkbox></calcite-label>`}renderThumbnail(){return c`<section class=${a(t.thumbnailWrapper)} .hidden=${!this.hasThumbnail}><slot name=${r.thumbnail} @slotchange=${this.handleThumbnailSlotChange}></slot></section>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"&&this.selected?n.selected:this.selectionMode==="multiple"?n.unselected:this.selected?n.selectedSingle:n.unselectedSingle;return c`<div class=${a(t.checkboxWrapper)} @pointerdown=${this.cardSelectClick} tabindex=-1><calcite-icon .icon=${e} .scale=${f(this.scale)}></calcite-icon></div>`}renderHeader(){let e=this.hasHeading||this.hasDescription;return c`<header class=${a(t.header)} .hidden=${!e}>${this.selectable?this.renderCheckboxDeprecated():null}<div class=${a(t.headerTextContainer)}><slot name=${r.heading} @slotchange=${this.handleHeadingSlotChange}></slot><slot name=${r.description} @slotchange=${this.handleDescriptionSlotChange}></slot></div>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}</header>`}renderFooter(){let e=this.hasFooterStart||this.hasFooterEnd;return c`<footer class=${a(t.footer)} .hidden=${!e}><slot name=${r.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot><slot name=${r.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot></footer>`}render(){let e=this.thumbnailPosition.startsWith("inline"),o=this.thumbnailPosition.endsWith("start"),w=this.selectionMode==="multiple"?"checkbox":this.selectionMode!=="none"?"radio":void 0;return this.interactiveContainer({disabled:this.disabled,children:c`<div .ariaChecked=${this.selectionMode!=="none"?this.selected:void 0} .ariaLabel=${this.label} class=${a({[t.contentWrapper]:!0,inline:e})} @click=${this.cardBodyClickHandler} @keydown=${this.keyDownHandler} .role=${w} .tabIndex=${!this.selectable||this.disabled?0:-1} ${p(this.containerRef)}>${this.loading?c`<div aria-live=polite class="calcite-card-loader-container"><calcite-loader .label=${this.messages.loading}></calcite-loader></div>`:null}${o&&this.renderThumbnail()||""}<section .ariaBusy=${x(this.loading,void 0)} class=${a({[t.container]:!0})}>${this.renderHeader()}<div class=${a({[t.cardContent]:!0,[t.hasSlottedContent]:this.hasContent})}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div>${this.renderFooter()}</section>${!o&&this.renderThumbnail()||""}</div>`})}};g("calcite-card",l);export{l as Card};