@esri/calcite-components 5.2.0-next.100 → 5.2.0-next.102

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 (151) hide show
  1. package/dist/cdn/{TTCNIFBY.js → 26BOJ3AS.js} +1 -1
  2. package/dist/cdn/{WQZOFU6O.js → 26K4W52A.js} +1 -1
  3. package/dist/cdn/{5KKZWTV5.js → 27K5OJ2X.js} +1 -1
  4. package/dist/cdn/{RIP75LGA.js → 2AUQGJCO.js} +1 -1
  5. package/dist/cdn/{7KSVDZY5.js → 2CBCRLZU.js} +1 -1
  6. package/dist/cdn/{H6WZAYAE.js → 2DFC42XH.js} +1 -1
  7. package/dist/cdn/{NHZ4AAW4.js → 2IKUEISB.js} +1 -1
  8. package/dist/cdn/{ZT7VHU45.js → 3D4JXGZF.js} +1 -1
  9. package/dist/cdn/{6HTKML5I.js → 3JHXZ2IW.js} +1 -1
  10. package/dist/cdn/{GP4FZYQC.js → 3KBOQTLS.js} +1 -1
  11. package/dist/cdn/{PAVB2ASY.js → 3NKCGC76.js} +1 -1
  12. package/dist/cdn/{TQ5DG436.js → 3YTF5DX5.js} +1 -1
  13. package/dist/cdn/{ANDHUQSW.js → 43VC2RPP.js} +1 -1
  14. package/dist/cdn/{NPVWWWYP.js → 4F67QOP2.js} +1 -1
  15. package/dist/cdn/{73RI6ZJI.js → 4HNDYW3I.js} +1 -1
  16. package/dist/cdn/{C6ZPL4XA.js → 4QLJSFIV.js} +1 -1
  17. package/dist/cdn/{QDPEIML3.js → 4W3ES3UM.js} +1 -1
  18. package/dist/cdn/{K47LPDUT.js → 4YDDNPJM.js} +1 -1
  19. package/dist/cdn/{WBADJ4Y6.js → 5EYLSRG6.js} +1 -1
  20. package/dist/cdn/{OZBNKVP5.js → 5N3X3EYM.js} +1 -1
  21. package/dist/cdn/{LGAV2VY7.js → 5QN37AAD.js} +1 -1
  22. package/dist/cdn/{NMMVK2LG.js → 5ZYCAOFR.js} +1 -1
  23. package/dist/cdn/{VRO4DPTU.js → 66A27LX7.js} +1 -1
  24. package/dist/cdn/{5Z6PDO4N.js → 6ARU3W4T.js} +1 -1
  25. package/dist/cdn/{ZVI7QAVS.js → 6CDUYZAO.js} +1 -1
  26. package/dist/cdn/{OCRI637X.js → 6G2XKITX.js} +1 -1
  27. package/dist/cdn/{W6NC4ZYW.js → 6HJWRJEB.js} +1 -1
  28. package/dist/cdn/{DQ3STBAV.js → 6YJXN6YX.js} +1 -1
  29. package/dist/cdn/{UQABY2PH.js → 7CBMIGZ5.js} +1 -1
  30. package/dist/cdn/{GUPBV5Z4.js → 7DPH4J74.js} +1 -1
  31. package/dist/cdn/{6DIAAJRO.js → 7P45SJQG.js} +1 -1
  32. package/dist/cdn/{ZZRKMV6Y.js → 7SZ25WQY.js} +1 -1
  33. package/dist/cdn/{EEULTRVN.js → A6D64KCU.js} +1 -1
  34. package/dist/cdn/{24LJF4Q2.js → AVGGTI7X.js} +1 -1
  35. package/dist/cdn/{RBOCE5KF.js → BB4NCRPI.js} +1 -1
  36. package/dist/cdn/{LGQHIQM5.js → BJ7WOEAG.js} +1 -1
  37. package/dist/cdn/{XBS6BSTG.js → BKATIQKR.js} +1 -1
  38. package/dist/cdn/{4MSDWXKX.js → CK7MUUAK.js} +1 -1
  39. package/dist/cdn/{JGQTRBLJ.js → CPJWJSHI.js} +1 -1
  40. package/dist/cdn/{ADPJVT4E.js → CRUGCAUH.js} +1 -1
  41. package/dist/cdn/{ZYWVALZN.js → CVLP4SXJ.js} +1 -1
  42. package/dist/cdn/{4OA3CWN5.js → CX2QTIR3.js} +1 -1
  43. package/dist/cdn/{FUWFDYFO.js → D3VKELYU.js} +1 -1
  44. package/dist/cdn/{7HVECQSQ.js → DDTRUVZM.js} +1 -1
  45. package/dist/cdn/{EZMCIJ4C.js → DFEVAYBM.js} +1 -1
  46. package/dist/cdn/{ZDA5RAVB.js → DWOVKLPL.js} +1 -1
  47. package/dist/cdn/{7CWMNHWU.js → DZ3GTNUK.js} +1 -1
  48. package/dist/cdn/{HIDT36QT.js → E7L3YNDJ.js} +1 -1
  49. package/dist/cdn/{NB4UVXA7.js → EEU562WF.js} +1 -1
  50. package/dist/cdn/{4U4OQRXK.js → EHNSDZ6Y.js} +1 -1
  51. package/dist/cdn/{YCJ6ADU3.js → F25BWA5S.js} +1 -1
  52. package/dist/cdn/{B2SMDPA3.js → FDBT32UY.js} +1 -1
  53. package/dist/cdn/{7HZ4VUVS.js → FPI74P5T.js} +1 -1
  54. package/dist/cdn/{SIEXB7Y7.js → FSRXHHGZ.js} +1 -1
  55. package/dist/cdn/{UDG55ADA.js → FZII3ZXY.js} +1 -1
  56. package/dist/cdn/{VQFFUEQ5.js → G2QY25JG.js} +1 -1
  57. package/dist/cdn/{VV4VG4RL.js → GAJFTSWJ.js} +1 -1
  58. package/dist/cdn/{6AZGIFQF.js → GIJACFRM.js} +1 -1
  59. package/dist/cdn/{6BKLUX6X.js → GJIC4IIX.js} +1 -1
  60. package/dist/cdn/{QMSUDDSW.js → HDBOSQPV.js} +1 -1
  61. package/dist/cdn/{7QCNTEUS.js → HHQX2WEL.js} +1 -1
  62. package/dist/cdn/{TSGIAGLW.js → HMDESRNL.js} +1 -1
  63. package/dist/cdn/{QO4WIC4Y.js → HQWZSX3A.js} +1 -1
  64. package/dist/cdn/{UAK4DXQ5.js → HW4WSWTV.js} +1 -1
  65. package/dist/cdn/{4X3XYPLF.js → HXLP2PM2.js} +1 -1
  66. package/dist/cdn/{TZZH6O6J.js → I3UIWDLW.js} +1 -1
  67. package/dist/cdn/{UWWJTZVK.js → ICGB7OHW.js} +1 -1
  68. package/dist/cdn/{TVD4OVNV.js → IG4T7QNO.js} +1 -1
  69. package/dist/cdn/{O4UHE45O.js → IMC5455V.js} +1 -1
  70. package/dist/cdn/{UDZRR4IC.js → INT4F44W.js} +1 -1
  71. package/dist/cdn/{IDIQ6ZT5.js → J7JZAIUL.js} +1 -1
  72. package/dist/cdn/{47OUZTSC.js → JJIR6VS5.js} +1 -1
  73. package/dist/cdn/{DNTJ5XU4.js → JYI4327E.js} +1 -1
  74. package/dist/cdn/{EB4BTPWD.js → K33XSTQJ.js} +1 -1
  75. package/dist/cdn/{PM662BET.js → K6EBPLLU.js} +1 -1
  76. package/dist/cdn/{ENXIGCPQ.js → KC2HWDZV.js} +1 -1
  77. package/dist/cdn/{HDTGPJJ7.js → KPLLNKHQ.js} +1 -1
  78. package/dist/cdn/{3XGTECRN.js → KUVPBSXE.js} +1 -1
  79. package/dist/cdn/{74HXF5VZ.js → L4H2SS3D.js} +1 -1
  80. package/dist/cdn/{QVTPNLWC.js → L4R2PRKY.js} +1 -1
  81. package/dist/cdn/{FFNWJLHX.js → L6STJJQX.js} +1 -1
  82. package/dist/cdn/{T3PUU7RO.js → LKZVI7JX.js} +1 -1
  83. package/dist/cdn/{AVZIIPRU.js → LNYZHXW3.js} +1 -1
  84. package/dist/cdn/{NHMJRDK2.js → LX5F4GG4.js} +1 -1
  85. package/dist/cdn/{MS4T33G2.js → M75K6WN5.js} +1 -1
  86. package/dist/cdn/{524TQSXZ.js → MH3HKR7J.js} +1 -1
  87. package/dist/cdn/{S2UU727Z.js → MND5LNIL.js} +1 -1
  88. package/dist/cdn/{KPMKSLVU.js → MRT2D5C7.js} +1 -1
  89. package/dist/cdn/{Z7MG3ZDO.js → MSCZMCIJ.js} +1 -1
  90. package/dist/cdn/{UMUF7ELC.js → MXZYCKP6.js} +1 -1
  91. package/dist/cdn/{O6AAQCC5.js → MZPMJXP6.js} +1 -1
  92. package/dist/cdn/{HYO4NFHP.js → NDECAMD3.js} +1 -1
  93. package/dist/cdn/{VL3QGH27.js → NNLUZDBR.js} +1 -1
  94. package/dist/cdn/{YF74GTT3.js → NPYCNKHD.js} +1 -1
  95. package/dist/cdn/{3JRN7HES.js → O7MD54NP.js} +1 -1
  96. package/dist/cdn/{X42OG2K2.js → OFYS2GLL.js} +1 -1
  97. package/dist/cdn/{FHOOFNT6.js → ORVBMM34.js} +1 -1
  98. package/dist/cdn/{VBQOWT4J.js → OTHXF7V5.js} +1 -1
  99. package/dist/cdn/{VPC6FQBW.js → OUNGWBIE.js} +1 -1
  100. package/dist/cdn/{35RGW5MO.js → PE3SFDR6.js} +1 -1
  101. package/dist/cdn/{5UJYBYHH.js → PFOFT4N3.js} +1 -1
  102. package/dist/cdn/{WNLKQGNT.js → PKAE4WC2.js} +1 -1
  103. package/dist/cdn/{RLY5HGUF.js → QVPPQ5QM.js} +1 -1
  104. package/dist/cdn/{ICIJKSQP.js → QWAPXTTM.js} +1 -1
  105. package/dist/cdn/{U6EOQDH3.js → QWNO6CDS.js} +1 -1
  106. package/dist/cdn/{E3EO6AAM.js → RBZR4RB7.js} +1 -1
  107. package/dist/cdn/{ZAYQUBTH.js → RE76EAUQ.js} +1 -1
  108. package/dist/cdn/{WVJLVTRU.js → ROOTN64V.js} +1 -1
  109. package/dist/cdn/{TIP3FC24.js → RVLA67A3.js} +1 -1
  110. package/dist/cdn/{MU6KOSTN.js → S34XTF7D.js} +1 -1
  111. package/dist/cdn/{BVBE2W7G.js → S6TTJ3MN.js} +1 -1
  112. package/dist/cdn/{H2QXYA3Q.js → SH7KTJUK.js} +1 -1
  113. package/dist/cdn/{54X5MQX7.js → SNU6GHTA.js} +1 -1
  114. package/dist/cdn/{F65DDJTV.js → STH5JQ6U.js} +1 -1
  115. package/dist/cdn/{YLVB2HMX.js → T5HOHJA5.js} +1 -1
  116. package/dist/cdn/{TA27OAPN.js → TEARJIUB.js} +1 -1
  117. package/dist/cdn/{R4PBETX7.js → TU6RUNAV.js} +1 -1
  118. package/dist/cdn/{5FJ7WJDP.js → TYNM7NKY.js} +1 -1
  119. package/dist/cdn/{TRIAQSBP.js → UI4HTACK.js} +1 -1
  120. package/dist/cdn/{64WJ7NIQ.js → ULE74MJQ.js} +1 -1
  121. package/dist/cdn/{QDIRGHXU.js → UQ36K7AM.js} +1 -1
  122. package/dist/cdn/{AW5K2XMP.js → URJJHOZ3.js} +1 -1
  123. package/dist/cdn/{N7BQDRFH.js → VFPAGN4M.js} +1 -1
  124. package/dist/cdn/{JWSHPRDX.js → W2RJQH3L.js} +1 -1
  125. package/dist/cdn/{O4SZD6H6.js → WHRY6PW3.js} +1 -1
  126. package/dist/cdn/{BJ3DY7EZ.js → WRLMTTQL.js} +1 -1
  127. package/dist/cdn/{DQB52APK.js → XDY7OFJO.js} +1 -1
  128. package/dist/cdn/{HKB73R44.js → XE6RRR4B.js} +1 -1
  129. package/dist/cdn/{KSP4IZOE.js → XOP5FFXT.js} +1 -1
  130. package/dist/cdn/{QQ737S2X.js → XRPAIIKT.js} +1 -1
  131. package/dist/cdn/{RMVBVCFA.js → XSLEH5ZJ.js} +1 -1
  132. package/dist/cdn/{6KUNL6NU.js → XZGRTKR5.js} +1 -1
  133. package/dist/cdn/{E6EWABE4.js → Y6URTI6B.js} +1 -1
  134. package/dist/cdn/{FCW2XIRE.js → Y72UN7RT.js} +1 -1
  135. package/dist/cdn/{DC32WZY6.js → YAHYADUP.js} +1 -1
  136. package/dist/cdn/{UL3J334D.js → YAV2P2ED.js} +1 -1
  137. package/dist/cdn/{4U6JWDEL.js → YISOG3ZP.js} +1 -1
  138. package/dist/cdn/YIVWYM7O.js +2 -0
  139. package/dist/cdn/{ZD7JHSQX.js → YSOEBQ4L.js} +1 -1
  140. package/dist/cdn/{PXMVUUO5.js → ZDYW6A5H.js} +1 -1
  141. package/dist/cdn/{RP3QQOFW.js → ZJJHRZ3X.js} +1 -1
  142. package/dist/cdn/{ISNL4A3I.js → ZO4SGR25.js} +1 -1
  143. package/dist/cdn/index.js +1 -1
  144. package/dist/chunks/runtime.js +4 -4
  145. package/dist/components/calcite-menu-item/customElement.js +1 -1
  146. package/dist/components/calcite-slider/customElement.js +1 -1
  147. package/dist/docs/api.json +1 -1
  148. package/dist/docs/docs.json +1 -1
  149. package/dist/docs/web-types.json +1 -1
  150. package/package.json +1 -1
  151. package/dist/cdn/KKGIXAUJ.js +0 -2
package/dist/cdn/{S2UU727Z.js → MND5LNIL.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{c as U,g as G,i as K}from"./TSDCTEMO.js";import{a as n,b as x,d as f,e as y}from"./O6Y3UUOV.js";import{a as F}from"./TSGIAGLW.js";import{a as T}from"./NMMVK2LG.js";import{a as d}from"./EEULTRVN.js";import{e as P}from"./3XS7XZAX.js";import{a as O}from"./KSP4IZOE.js";import"./VUYX7MNO.js";import{a as z}from"./VRO4DPTU.js";import{a as S}from"./ZWPNZ5XW.js";import{e as R}from"./NB4UVXA7.js";import"./HYO4NFHP.js";import{q as M,x as C}from"./7FW2RVVH.js";import{E as b,F as v,G as B,H as i,Q as A,T as D,g as k,h as s,l as w,p as o}from"./WNLKQGNT.js";var J=k`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}:host([scale=s]){--calcite-internal-list-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([filter-hidden]),:host([closed]){display:none}.wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;overflow:hidden;background-color:var(--calcite-list-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.container *{box-sizing:border-box}.container--border{position:relative}.container--border:before{position:absolute;inline-size:var(--calcite-border-width-lg);inset-block:0;inset-inline-start:0;background-color:transparent;content:""}.container--border-selected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-brand))}.container--border-selected:focus{box-shadow:inset var(--calcite-border-width-lg) 0 0 0 var(--calcite-list-selection-border-color, var(--calcite-color-brand))}.container--highlight-selected{background-color:var(--calcite-color-surface-highlight)}.nested-container{display:none;flex-direction:column;border-width:0px;border-style:solid;border-color:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3));margin-inline-start:var(--calcite-list-spacing-indent, 1.5rem)}.nested-container--expanded{display:flex}.selection-container{display:flex;padding-block:0px;color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host([selected]) .selection-container{color:var(--calcite-list-icon-color, var(--calcite-color-brand))}.content-container-wrapper{display:flex;flex:1 1 auto}.content-container-wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}.content-container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-list-content-text-color, var(--calcite-color-text-2))}.content-container--unavailable{opacity:var(--calcite-opacity-disabled)}:host(:not([interaction-mode=static])):not([disabled]):not([selected]) .container:hover .selection-container--single{color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host(:not([interaction-mode=static])):not([disabled]) .expanded-container:hover{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}:host(:not([interaction-mode=static]))[selected]:hover .selection-container,:host(:not([interaction-mode=static]))[selected]:hover .selection-container--single{color:var(--calcite-list-icon-color, var(--calcite-color-brand))}:host(:not([interaction-mode=static])) .content-container{-webkit-user-select:none;user-select:none}:host(:not([interaction-mode=static])) .container--hover:hover{cursor:pointer;background-color:var(--calcite-list-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}:host(:not([interaction-mode=static])) .container:active{background-color:var(--calcite-list-background-color-press, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host(:not([interaction-mode=static])) .icon:hover,:host(:not([interaction-mode=static])) .icon:active{color:var(--calcite-color-text-1)}.row,.grid-cell{outline-color:transparent}.row{position:relative}.row:focus,.grid-cell: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))))}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:var(--calcite-font-line-height-relative-snug)}.label{color:var(--calcite-list-label-text-color, var(--calcite-color-text-1))}.description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-3))}.icon{align-self:center;color:var(--calcite-list-icon-color, var(--calcite-color-text-3))}.actions-start,.actions-end{margin-inline-end:var(--calcite-internal-list-action-spacing);gap:var(--calcite-internal-list-action-spacing)}:host([scale=s]) .content-container{gap:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));min-block-size:32px;padding-block:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));padding-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .content,:host([scale=s]) .custom-content,:host([scale=s]) .label{font-size:var(--calcite-font-size--2)}:host([scale=s]) .description{font-size:var(--calcite-font-size--3)}:host([scale=s][display-mode=flat]:not([drag-handle])) .container{padding-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s][display-mode=flat]:not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]) .content-container{gap:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));min-block-size:40px;padding-block:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m]) .content,:host([scale=m]) .custom-content{font-size:var(--calcite-font-size--2)}:host([scale=m]) .label{font-size:var(--calcite-font-size--1)}:host([scale=m]) .description{font-size:var(--calcite-font-size--2)}:host([scale=m][display-mode=flat]) .container{padding-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m][display-mode=nested]) .container{padding-inline-start:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]) .content-container{gap:var(--calcite-theme-space-md, var(--calcite-spacing-md));min-block-size:56px;padding-block:var(--calcite-space-sm-plus);padding-inline-end:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) .content,:host([scale=l]) .custom-content,:host([scale=l]) .label{font-size:var(--calcite-font-size-0)}:host([scale=l]) .description{font-size:var(--calcite-font-size--1)}:host([scale=l]) .nested-container{margin-inline-start:1.75rem}:host([scale=l][display-mode=flat]) .container{padding-inline-start:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=flat][drag-handle]) .selection-container{padding-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l][display-mode=nested]) .container{padding-inline-start:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}.label,.description,.content-bottom{font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}:host([selected]) .icon{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}:host([selected]) .description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-2))}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){align-self:center}.content-bottom{display:flex;flex-direction:column}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.expanded-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-3));padding-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.expanded-container,.close{display:flex;align-items:center}.drag-container,.selection-container,.expanded-container{padding-block-end:var(--calcite-theme-space-px, var(--calcite-spacing-px))}.expanded-container,.selection-container{cursor:pointer}.actions-start,.actions-end{position:relative;padding:0}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-sort-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-sort-handle),.actions-end ::slotted(calcite-dropdown){color:inherit}.row:focus:after,.row:focus:before{position:absolute;content:"";inline-size:.125rem;z-index:var(--calcite-z-index-header);background-color:var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));inset-block:0}.row:focus:before{inset-inline-start:0}.row:focus:after{inset-inline-end:0}.container--border:focus:before{display:none}::slotted(calcite-list:empty){border-block-start-width:0px}.drag-container calcite-action,.drag-container ::slotted(calcite-action),.actions-start calcite-action,.actions-start ::slotted(calcite-action),.actions-end calcite-action,.actions-end ::slotted(calcite-action),.close calcite-action,.close ::slotted(calcite-action){align-items:center}.drag-container{margin-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([display-mode=nested]) .drag-container,:host([selection-appearance=icon]:not([selection-mode=none])) .drag-container{margin-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) 0}:host([hidden]){display:none}[hidden]{display:none}`,$=new Map,I=class extends B{constructor(){super(),this.actionsEndRef=b(),this.actionsStartRef=b(),this.containerRef=b(),this.contentRef=b(),this.defaultSlotRef=b(),this.direction=R(),this.handleGridRef=b(),this.messages=O(),this.focusSetter=z()(this),this.interactiveContainer=T(this),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentBottom=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.hasCustomContent=!1,this.expandable=!1,this.active=!1,this.bordered=!1,this.sortDisabled=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.expanded=!1,this.filterHidden=!1,this.displayMode="flat",this.addToItems=[],this.moveToItems=[],this.scale="m",this.selected=!1,this.sortHandleOpen=!1,this.unavailable=!1,this.topLayerDisabled=!1,this.calciteInternalFocusPreviousItem=o({cancelable:!1}),this.calciteInternalListItemActive=o({cancelable:!1}),this.calciteInternalListItemChange=o({cancelable:!1}),this.calciteInternalListItemSelect=o({cancelable:!1}),this.calciteInternalListItemSelectMultiple=o({cancelable:!1}),this.calciteInternalListItemToggle=o({cancelable:!1}),this.calciteListItemClose=o({cancelable:!1}),this.calciteListItemCollapse=o({cancelable:!1}),this.calciteListItemExpand=o({cancelable:!1}),this.calciteListItemSelect=o({cancelable:!1}),this.calciteListItemSortHandleBeforeClose=o({cancelable:!1}),this.calciteListItemSortHandleBeforeOpen=o({cancelable:!1}),this.calciteListItemSortHandleClose=o({cancelable:!1}),this.calciteListItemSortHandleOpen=o({cancelable:!1}),this.calciteListItemToggle=o({cancelable:!1}),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges),this.listen("calciteInternalListDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges)}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],hasCustomContent:[16,{},{state:!0}],level:[16,{},{state:!0}],expandable:[16,{},{state:!0}],parentListEl:[16,{},{state:!0}],active:[5,{},{type:Boolean}],bordered:[5,{},{type:Boolean}],sortDisabled:[5,{},{type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],dragDisabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],filterHidden:[7,{},{reflect:!0,type:Boolean}],interactionMode:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],metadata:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortHandleOpen:[7,{},{reflect:!0,type:Boolean}],unavailable:[7,{},{reflect:!0,type:Boolean}],value:1,iconStart:[3,{},{reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[J,F]}get open(){return this.expanded}set open(e){A.deprecated("property",{component:this,name:"open",removalVersion:5,suggested:"expanded"}),this.expanded=e}async setFocus(e){return this.focusSetter(()=>{let{containerRef:t,parentListEl:a}=this,l=$.get(a);if(typeof l=="number"){let c=this.getGridCells()[l];if(c){this.focusCell(c);return}}return{target:t.value,includeContainer:!0,strategy:"focusable"}},e)}connectedCallback(){super.connectedCallback();let{el:e}=this;this.parentListEl=e.closest(U)||void 0,this.level=K(e)+1,this.setSelectionDefaults()}willUpdate(e){e.has("active")&&(this.hasUpdated||this.active!==!1)&&this.activeHandler(this.active),e.has("closed")&&(this.hasUpdated||this.closed!==!1)&&this.handleClosedChange(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.handleSelectedChange(),e.has("sortHandleOpen")&&(this.hasUpdated||this.sortHandleOpen!==!1)&&this.sortHandleOpenHandler(),e.has("displayMode")&&this.hasUpdated&&this.handleExpandableChange(this.defaultSlotRef.value);let t=e.has("metadata"),a=e.get("metadata"),l=t&&!P(this.metadata,a);(e.has("label")||e.has("description")||l)&&this.hasUpdated&&this.emitCalciteInternalListItemChange(),e.has("expanded")&&this.hasUpdated&&(this.expanded?(this.handleExpandedChange(),this.calciteListItemExpand.emit()):this.calciteListItemCollapse.emit())}disconnectedCallback(){super.disconnectedCallback(),$.clear()}activeHandler(e){e||this.focusCell(void 0,!1)}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleExpandedChange(){this.emitCalciteInternalListItemToggle()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}sortHandleOpenHandler(){this.sortHandleEl&&(this.sortHandleEl.open=this.sortHandleOpen)}handleCalciteInternalListDefaultSlotChanges(e){e.stopPropagation(),this.handleExpandableChange(this.defaultSlotRef.value)}setSortHandleEl(e){this.sortHandleEl=e,this.sortHandleOpenHandler()}handleSortHandleBeforeOpen(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeOpen.emit()}handleSortHandleBeforeClose(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeClose.emit()}handleSortHandleClose(e){e.stopPropagation(),this.sortHandleOpen=!1,this.calciteListItemSortHandleClose.emit()}handleSortHandleOpen(e){e.stopPropagation(),this.sortHandleOpen=!0,this.calciteListItemSortHandleOpen.emit()}emitInternalListItemActive(){this.calciteInternalListItemActive.emit()}emitCalciteInternalListItemToggle(){this.calciteInternalListItemToggle.emit()}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}handleCloseClick(){this.closed=!0,this.calciteListItemClose.emit()}handleContentSlotChange(e){this.hasCustomContent=C(e)}handleActionsStartSlotChange(e){this.hasActionsStart=C(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=C(e)}handleContentStartSlotChange(e){this.hasContentStart=C(e)}handleContentEndSlotChange(e){this.hasContentEnd=C(e)}handleContentBottomSlotChange(e){this.hasContentBottom=C(e)}setSelectionDefaults(){let{parentListEl:e,selectionMode:t,selectionAppearance:a}=this;e&&(t||(this.selectionMode=e.selectionMode),a||(this.selectionAppearance=e.selectionAppearance))}handleExpandableChange(e){if(!e)return;let t=G(e);t.lists.forEach(a=>{a.displayMode=this.displayMode}),this.expandable=this.displayMode==="nested"&&(t.lists.length>0||t.items.length>0)}handleDefaultSlotChange(e){this.handleExpandableChange(e.target)}handleToggleClick(){this.toggle()}toggle(e=!this.expanded){this.expanded=e,this.calciteListItemToggle.emit()}handleItemClick(e){e.defaultPrevented||this.toggleSelected(e.shiftKey)}async toggleSelected(e){let{selectionMode:t,selected:a}=this;this.disabled||(t==="multiple"||t==="single"?this.selected=!a:t==="single-persist"&&(this.selected=!0),this.calciteInternalListItemSelectMultiple.emit({selectMultiple:e&&t==="multiple"}),await this.updateComplete,this.calciteListItemSelect.emit())}getGridCells(){return[this.handleGridRef.value,this.actionsStartRef.value,this.contentRef.value,this.actionsEndRef.value].filter(e=>!!(e&&!e.hidden))}handleItemKeyDown(e){if(e.defaultPrevented)return;let{key:t}=e,a=e.composedPath(),{containerRef:l,actionsStartRef:{value:c},actionsEndRef:{value:r},expanded:p,expandable:g}=this,h=this.getGridCells(),m=h.findIndex(u=>a.includes(u));if(t==="Enter"&&c&&!a.includes(c)&&r&&!a.includes(r))e.preventDefault(),this.toggleSelected(e.shiftKey);else if(t==="ArrowRight"){e.preventDefault();let u=m+1;m===-1?!p&&g?(this.toggle(!0),this.focusCell()):h[0]&&this.focusCell(h[0]):h[m]&&h[u]&&this.focusCell(h[u])}else if(t==="ArrowLeft"){e.preventDefault();let u=m-1;m===-1?(this.focusCell(),p&&g?this.toggle(!1):this.calciteInternalFocusPreviousItem.emit()):m===0?(this.focusCell(),l.value.focus()):h[m]&&h[u]&&this.focusCell(h[u])}}clearCellFocus(){this.focusCell()}setFocusCell(e,t,a){let{parentListEl:l}=this;a&&$.set(l,void 0);let c=this.getGridCells();c.forEach(r=>{r.removeAttribute("tabindex"),r.removeAttribute(y)}),e&&(e===t?e.tabIndex=0:e.removeAttribute("tabindex"),e.setAttribute(y,""),a&&$.set(l,c.indexOf(e)))}focusCell(e,t=!0){let a=M(e);this.setFocusCell(e,a,t),a?.focus()}renderSelected(){let{selected:e,selectionMode:t,selectionAppearance:a}=this;return t==="none"||a!=="icon"?null:d("selection-container",s`<div class=${i({[n.selectionContainer]:!0,[n.selectionContainerSingle]:t==="single"||t==="single-persist"})} @click=${this.handleItemClick}><calcite-icon .icon=${e?t==="multiple"?f.selectedMultiple:f.selectedSingle:t==="multiple"?f.unselectedMultiple:f.unselectedSingle} .scale=${S(this.scale)}></calcite-icon></div>`)}renderDragHandle(){let{label:e,dragHandle:t,dragDisabled:a,setPosition:l,setSize:c,moveToItems:r,sortDisabled:p,addToItems:g}=this;return t?d("drag-handle-container",s`<div .ariaLabel=${e} class=${i({[n.dragContainer]:!0,[n.gridCell]:!0})} role=gridcell ${v(this.handleGridRef)}><calcite-sort-handle .addToItems=${g} .disabled=${a} .label=${e} .moveToItems=${r} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${l} .setSize=${c} .sortDisabled=${p} .topLayerDisabled=${this.topLayerDisabled} ${v(this.setSortHandleEl)}></calcite-sort-handle></div>`):null}renderExpanded(){let{expanded:e,expandable:t,messages:a,displayMode:l,scale:c}=this;if(l!=="nested")return null;let r=this.direction,p=t?e?f.open:r==="rtl"?f.collapsedRTL:f.collapsedLTR:f.blank,g=S(c),h=t?e?a.collapse:a.expand:void 0,m=t?this.handleToggleClick:void 0;return d("expanded-container",s`<div class=${i(n.expandedContainer)} @click=${m} title=${h??w}>${d(p,s`<calcite-icon .icon=${p} .scale=${g}></calcite-icon>`)}</div>`)}renderActionsStart(){let{label:e,hasActionsStart:t}=this;return d("actions-start-container",s`<div .ariaLabel=${e} class=${i({[n.actionsStart]:!0,[n.gridCell]:!0})} .hidden=${!t} role=gridcell ${v(this.actionsStartRef)}><slot name=${x.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`)}renderActionsEnd(){let{label:e,hasActionsEnd:t,closable:a,messages:l}=this;return d("actions-end-container",s`<div .ariaLabel=${e} class=${i({[n.actionsEnd]:!0,[n.gridCell]:!0})} .hidden=${!(t||a)} role=gridcell ${v(this.actionsEndRef)}><slot name=${x.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot>${a?d("close-action",s`<calcite-action class=${i(n.close)} .icon=${f.close} .label=${l.close} @click=${this.handleCloseClick} .scale=${this.scale} .text=${l.close}></calcite-action>`):null}</div>`)}renderContentStart(){let{hasContentStart:e}=this;return s`<div class=${i(n.contentStart)} .hidden=${!e}><slot name=${x.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderCustomContent(){let{hasCustomContent:e}=this;return s`<div class=${i(n.customContent)} .hidden=${!e}><slot name=${x.content} @slotchange=${this.handleContentSlotChange}></slot></div>`}renderIconStart(){let{iconStart:e,iconFlipRtl:t,scale:a}=this;return e?d("icon-start",s`<calcite-icon class=${i(n.icon)} .flipRtl=${t==="both"||t==="start"} .icon=${e} .scale=${S(a)}></calcite-icon>`):null}renderIconEnd(){let{iconEnd:e,iconFlipRtl:t,scale:a}=this;return e?d("icon-end",s`<calcite-icon class=${i(n.icon)} .flipRtl=${t==="both"||t==="end"} .icon=${e} .scale=${S(a)}></calcite-icon>`):null}renderContentEnd(){let{hasContentEnd:e}=this;return s`<div class=${i(n.contentEnd)} .hidden=${!e}><slot name=${x.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentBottom(){let{hasContentBottom:e}=this;return s`<div class=${i(n.contentBottom)} .hidden=${!e}><slot name=${x.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div>`}renderDefaultContainer(){return s`<div class=${i({[n.nestedContainer]:!0,[n.nestedContainerExpanded]:this.expandable&&this.expanded})}><slot @slotchange=${this.handleDefaultSlotChange} ${v(this.defaultSlotRef)}></slot></div>`}renderContentProperties(){let{label:e,description:t,hasCustomContent:a}=this;return!a&&(e||t)?d("content",s`<div class=${i(n.content)}>${e?d("label",s`<div class=${i(n.label)}>${e}</div>`):null}${t?d("description",s`<div class=${i(n.description)}>${t}</div>`):null}</div>`):null}renderContentContainer(){let{description:e,label:t,selectionMode:a,hasCustomContent:l,unavailable:c}=this,r=l||!!t||!!e,p=[this.renderContentStart(),this.renderIconStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderIconEnd(),this.renderContentEnd()];return d("content-container",s`<div .ariaLabel=${t} class=${i({[n.gridCell]:!0,[n.contentContainer]:!0,[n.contentContainerUnavailable]:c,[n.contentContainerSelectable]:a!=="none",[n.contentContainerHasCenterContent]:r})} @click=${this.handleItemClick} role=gridcell ${v(this.contentRef)}>${p}</div>`)}render(){let{expandable:e,expanded:t,level:a,active:l,label:c,selected:r,selectionAppearance:p,selectionMode:g,interactionMode:h,closed:m,filterHidden:u,bordered:L,disabled:j,hasContentBottom:E}=this,N=L&&E,W=L&&!E,H=g!=="none"&&p==="border",q=g!=="none"&&p==="highlight",V=h==="interactive";return this.interactiveContainer({disabled:j,children:s`<div class=${i({[n.wrapper]:!0,[n.wrapperBordered]:N})}><div .ariaExpanded=${e?t:void 0} .ariaLabel=${c} .ariaLevel=${a} .ariaSelected=${r} class=${i({[n.row]:!0,[n.container]:!0,[n.containerHover]:V,[n.containerBorder]:H,[n.containerBorderSelected]:H&&r,[n.containerHighlightSelected]:q&&r})} .hidden=${m||u} @focus=${this.clearCellFocus} @focusin=${this.emitInternalListItemActive} @keydown=${this.handleItemKeyDown} role=row .tabIndex=${l?0:-1} ${v(this.containerRef)}>${this.renderDragHandle()}${this.renderSelected()}${this.renderExpanded()}<div class=${i({[n.contentContainerWrapper]:!0,[n.contentContainerWrapperBordered]:W})}>${this.renderActionsStart()}${this.renderContentContainer()}${this.renderActionsEnd()}</div></div>${this.renderContentBottom()}</div>${this.renderDefaultContainer()}`})}};D("calcite-list-item",I);export{I as ListItem};
2
+ import{c as U,g as G,i as K}from"./TSDCTEMO.js";import{a as n,b as x,d as f,e as y}from"./O6Y3UUOV.js";import{a as F}from"./HMDESRNL.js";import{a as T}from"./5ZYCAOFR.js";import{a as d}from"./A6D64KCU.js";import{e as P}from"./3XS7XZAX.js";import{a as O}from"./XOP5FFXT.js";import"./VUYX7MNO.js";import{a as z}from"./66A27LX7.js";import{a as S}from"./ZWPNZ5XW.js";import{e as R}from"./EEU562WF.js";import"./NDECAMD3.js";import{q as M,x as C}from"./7FW2RVVH.js";import{E as b,F as v,G as B,H as i,Q as A,T as D,g as k,h as s,l as w,p as o}from"./PKAE4WC2.js";var J=k`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}:host([scale=s]){--calcite-internal-list-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([filter-hidden]),:host([closed]){display:none}.wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;overflow:hidden;background-color:var(--calcite-list-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.container *{box-sizing:border-box}.container--border{position:relative}.container--border:before{position:absolute;inline-size:var(--calcite-border-width-lg);inset-block:0;inset-inline-start:0;background-color:transparent;content:""}.container--border-selected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-brand))}.container--border-selected:focus{box-shadow:inset var(--calcite-border-width-lg) 0 0 0 var(--calcite-list-selection-border-color, var(--calcite-color-brand))}.container--highlight-selected{background-color:var(--calcite-color-surface-highlight)}.nested-container{display:none;flex-direction:column;border-width:0px;border-style:solid;border-color:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3));margin-inline-start:var(--calcite-list-spacing-indent, 1.5rem)}.nested-container--expanded{display:flex}.selection-container{display:flex;padding-block:0px;color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host([selected]) .selection-container{color:var(--calcite-list-icon-color, var(--calcite-color-brand))}.content-container-wrapper{display:flex;flex:1 1 auto}.content-container-wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}.content-container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-list-content-text-color, var(--calcite-color-text-2))}.content-container--unavailable{opacity:var(--calcite-opacity-disabled)}:host(:not([interaction-mode=static])):not([disabled]):not([selected]) .container:hover .selection-container--single{color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host(:not([interaction-mode=static])):not([disabled]) .expanded-container:hover{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}:host(:not([interaction-mode=static]))[selected]:hover .selection-container,:host(:not([interaction-mode=static]))[selected]:hover .selection-container--single{color:var(--calcite-list-icon-color, var(--calcite-color-brand))}:host(:not([interaction-mode=static])) .content-container{-webkit-user-select:none;user-select:none}:host(:not([interaction-mode=static])) .container--hover:hover{cursor:pointer;background-color:var(--calcite-list-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}:host(:not([interaction-mode=static])) .container:active{background-color:var(--calcite-list-background-color-press, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host(:not([interaction-mode=static])) .icon:hover,:host(:not([interaction-mode=static])) .icon:active{color:var(--calcite-color-text-1)}.row,.grid-cell{outline-color:transparent}.row{position:relative}.row:focus,.grid-cell: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))))}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:var(--calcite-font-line-height-relative-snug)}.label{color:var(--calcite-list-label-text-color, var(--calcite-color-text-1))}.description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-3))}.icon{align-self:center;color:var(--calcite-list-icon-color, var(--calcite-color-text-3))}.actions-start,.actions-end{margin-inline-end:var(--calcite-internal-list-action-spacing);gap:var(--calcite-internal-list-action-spacing)}:host([scale=s]) .content-container{gap:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));min-block-size:32px;padding-block:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));padding-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .content,:host([scale=s]) .custom-content,:host([scale=s]) .label{font-size:var(--calcite-font-size--2)}:host([scale=s]) .description{font-size:var(--calcite-font-size--3)}:host([scale=s][display-mode=flat]:not([drag-handle])) .container{padding-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s][display-mode=flat]:not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]) .content-container{gap:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));min-block-size:40px;padding-block:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m]) .content,:host([scale=m]) .custom-content{font-size:var(--calcite-font-size--2)}:host([scale=m]) .label{font-size:var(--calcite-font-size--1)}:host([scale=m]) .description{font-size:var(--calcite-font-size--2)}:host([scale=m][display-mode=flat]) .container{padding-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m][display-mode=nested]) .container{padding-inline-start:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]) .content-container{gap:var(--calcite-theme-space-md, var(--calcite-spacing-md));min-block-size:56px;padding-block:var(--calcite-space-sm-plus);padding-inline-end:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) .content,:host([scale=l]) .custom-content,:host([scale=l]) .label{font-size:var(--calcite-font-size-0)}:host([scale=l]) .description{font-size:var(--calcite-font-size--1)}:host([scale=l]) .nested-container{margin-inline-start:1.75rem}:host([scale=l][display-mode=flat]) .container{padding-inline-start:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=flat][drag-handle]) .selection-container{padding-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l][display-mode=nested]) .container{padding-inline-start:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}.label,.description,.content-bottom{font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}:host([selected]) .icon{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}:host([selected]) .description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-2))}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){align-self:center}.content-bottom{display:flex;flex-direction:column}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.expanded-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-3));padding-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.expanded-container,.close{display:flex;align-items:center}.drag-container,.selection-container,.expanded-container{padding-block-end:var(--calcite-theme-space-px, var(--calcite-spacing-px))}.expanded-container,.selection-container{cursor:pointer}.actions-start,.actions-end{position:relative;padding:0}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-sort-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-sort-handle),.actions-end ::slotted(calcite-dropdown){color:inherit}.row:focus:after,.row:focus:before{position:absolute;content:"";inline-size:.125rem;z-index:var(--calcite-z-index-header);background-color:var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));inset-block:0}.row:focus:before{inset-inline-start:0}.row:focus:after{inset-inline-end:0}.container--border:focus:before{display:none}::slotted(calcite-list:empty){border-block-start-width:0px}.drag-container calcite-action,.drag-container ::slotted(calcite-action),.actions-start calcite-action,.actions-start ::slotted(calcite-action),.actions-end calcite-action,.actions-end ::slotted(calcite-action),.close calcite-action,.close ::slotted(calcite-action){align-items:center}.drag-container{margin-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([display-mode=nested]) .drag-container,:host([selection-appearance=icon]:not([selection-mode=none])) .drag-container{margin-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) 0}:host([hidden]){display:none}[hidden]{display:none}`,$=new Map,I=class extends B{constructor(){super(),this.actionsEndRef=b(),this.actionsStartRef=b(),this.containerRef=b(),this.contentRef=b(),this.defaultSlotRef=b(),this.direction=R(),this.handleGridRef=b(),this.messages=O(),this.focusSetter=z()(this),this.interactiveContainer=T(this),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentBottom=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.hasCustomContent=!1,this.expandable=!1,this.active=!1,this.bordered=!1,this.sortDisabled=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.expanded=!1,this.filterHidden=!1,this.displayMode="flat",this.addToItems=[],this.moveToItems=[],this.scale="m",this.selected=!1,this.sortHandleOpen=!1,this.unavailable=!1,this.topLayerDisabled=!1,this.calciteInternalFocusPreviousItem=o({cancelable:!1}),this.calciteInternalListItemActive=o({cancelable:!1}),this.calciteInternalListItemChange=o({cancelable:!1}),this.calciteInternalListItemSelect=o({cancelable:!1}),this.calciteInternalListItemSelectMultiple=o({cancelable:!1}),this.calciteInternalListItemToggle=o({cancelable:!1}),this.calciteListItemClose=o({cancelable:!1}),this.calciteListItemCollapse=o({cancelable:!1}),this.calciteListItemExpand=o({cancelable:!1}),this.calciteListItemSelect=o({cancelable:!1}),this.calciteListItemSortHandleBeforeClose=o({cancelable:!1}),this.calciteListItemSortHandleBeforeOpen=o({cancelable:!1}),this.calciteListItemSortHandleClose=o({cancelable:!1}),this.calciteListItemSortHandleOpen=o({cancelable:!1}),this.calciteListItemToggle=o({cancelable:!1}),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges),this.listen("calciteInternalListDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges)}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],hasCustomContent:[16,{},{state:!0}],level:[16,{},{state:!0}],expandable:[16,{},{state:!0}],parentListEl:[16,{},{state:!0}],active:[5,{},{type:Boolean}],bordered:[5,{},{type:Boolean}],sortDisabled:[5,{},{type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],dragDisabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],filterHidden:[7,{},{reflect:!0,type:Boolean}],interactionMode:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],metadata:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortHandleOpen:[7,{},{reflect:!0,type:Boolean}],unavailable:[7,{},{reflect:!0,type:Boolean}],value:1,iconStart:[3,{},{reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[J,F]}get open(){return this.expanded}set open(e){A.deprecated("property",{component:this,name:"open",removalVersion:5,suggested:"expanded"}),this.expanded=e}async setFocus(e){return this.focusSetter(()=>{let{containerRef:t,parentListEl:a}=this,l=$.get(a);if(typeof l=="number"){let c=this.getGridCells()[l];if(c){this.focusCell(c);return}}return{target:t.value,includeContainer:!0,strategy:"focusable"}},e)}connectedCallback(){super.connectedCallback();let{el:e}=this;this.parentListEl=e.closest(U)||void 0,this.level=K(e)+1,this.setSelectionDefaults()}willUpdate(e){e.has("active")&&(this.hasUpdated||this.active!==!1)&&this.activeHandler(this.active),e.has("closed")&&(this.hasUpdated||this.closed!==!1)&&this.handleClosedChange(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.handleSelectedChange(),e.has("sortHandleOpen")&&(this.hasUpdated||this.sortHandleOpen!==!1)&&this.sortHandleOpenHandler(),e.has("displayMode")&&this.hasUpdated&&this.handleExpandableChange(this.defaultSlotRef.value);let t=e.has("metadata"),a=e.get("metadata"),l=t&&!P(this.metadata,a);(e.has("label")||e.has("description")||l)&&this.hasUpdated&&this.emitCalciteInternalListItemChange(),e.has("expanded")&&this.hasUpdated&&(this.expanded?(this.handleExpandedChange(),this.calciteListItemExpand.emit()):this.calciteListItemCollapse.emit())}disconnectedCallback(){super.disconnectedCallback(),$.clear()}activeHandler(e){e||this.focusCell(void 0,!1)}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleExpandedChange(){this.emitCalciteInternalListItemToggle()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}sortHandleOpenHandler(){this.sortHandleEl&&(this.sortHandleEl.open=this.sortHandleOpen)}handleCalciteInternalListDefaultSlotChanges(e){e.stopPropagation(),this.handleExpandableChange(this.defaultSlotRef.value)}setSortHandleEl(e){this.sortHandleEl=e,this.sortHandleOpenHandler()}handleSortHandleBeforeOpen(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeOpen.emit()}handleSortHandleBeforeClose(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeClose.emit()}handleSortHandleClose(e){e.stopPropagation(),this.sortHandleOpen=!1,this.calciteListItemSortHandleClose.emit()}handleSortHandleOpen(e){e.stopPropagation(),this.sortHandleOpen=!0,this.calciteListItemSortHandleOpen.emit()}emitInternalListItemActive(){this.calciteInternalListItemActive.emit()}emitCalciteInternalListItemToggle(){this.calciteInternalListItemToggle.emit()}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}handleCloseClick(){this.closed=!0,this.calciteListItemClose.emit()}handleContentSlotChange(e){this.hasCustomContent=C(e)}handleActionsStartSlotChange(e){this.hasActionsStart=C(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=C(e)}handleContentStartSlotChange(e){this.hasContentStart=C(e)}handleContentEndSlotChange(e){this.hasContentEnd=C(e)}handleContentBottomSlotChange(e){this.hasContentBottom=C(e)}setSelectionDefaults(){let{parentListEl:e,selectionMode:t,selectionAppearance:a}=this;e&&(t||(this.selectionMode=e.selectionMode),a||(this.selectionAppearance=e.selectionAppearance))}handleExpandableChange(e){if(!e)return;let t=G(e);t.lists.forEach(a=>{a.displayMode=this.displayMode}),this.expandable=this.displayMode==="nested"&&(t.lists.length>0||t.items.length>0)}handleDefaultSlotChange(e){this.handleExpandableChange(e.target)}handleToggleClick(){this.toggle()}toggle(e=!this.expanded){this.expanded=e,this.calciteListItemToggle.emit()}handleItemClick(e){e.defaultPrevented||this.toggleSelected(e.shiftKey)}async toggleSelected(e){let{selectionMode:t,selected:a}=this;this.disabled||(t==="multiple"||t==="single"?this.selected=!a:t==="single-persist"&&(this.selected=!0),this.calciteInternalListItemSelectMultiple.emit({selectMultiple:e&&t==="multiple"}),await this.updateComplete,this.calciteListItemSelect.emit())}getGridCells(){return[this.handleGridRef.value,this.actionsStartRef.value,this.contentRef.value,this.actionsEndRef.value].filter(e=>!!(e&&!e.hidden))}handleItemKeyDown(e){if(e.defaultPrevented)return;let{key:t}=e,a=e.composedPath(),{containerRef:l,actionsStartRef:{value:c},actionsEndRef:{value:r},expanded:p,expandable:g}=this,h=this.getGridCells(),m=h.findIndex(u=>a.includes(u));if(t==="Enter"&&c&&!a.includes(c)&&r&&!a.includes(r))e.preventDefault(),this.toggleSelected(e.shiftKey);else if(t==="ArrowRight"){e.preventDefault();let u=m+1;m===-1?!p&&g?(this.toggle(!0),this.focusCell()):h[0]&&this.focusCell(h[0]):h[m]&&h[u]&&this.focusCell(h[u])}else if(t==="ArrowLeft"){e.preventDefault();let u=m-1;m===-1?(this.focusCell(),p&&g?this.toggle(!1):this.calciteInternalFocusPreviousItem.emit()):m===0?(this.focusCell(),l.value.focus()):h[m]&&h[u]&&this.focusCell(h[u])}}clearCellFocus(){this.focusCell()}setFocusCell(e,t,a){let{parentListEl:l}=this;a&&$.set(l,void 0);let c=this.getGridCells();c.forEach(r=>{r.removeAttribute("tabindex"),r.removeAttribute(y)}),e&&(e===t?e.tabIndex=0:e.removeAttribute("tabindex"),e.setAttribute(y,""),a&&$.set(l,c.indexOf(e)))}focusCell(e,t=!0){let a=M(e);this.setFocusCell(e,a,t),a?.focus()}renderSelected(){let{selected:e,selectionMode:t,selectionAppearance:a}=this;return t==="none"||a!=="icon"?null:d("selection-container",s`<div class=${i({[n.selectionContainer]:!0,[n.selectionContainerSingle]:t==="single"||t==="single-persist"})} @click=${this.handleItemClick}><calcite-icon .icon=${e?t==="multiple"?f.selectedMultiple:f.selectedSingle:t==="multiple"?f.unselectedMultiple:f.unselectedSingle} .scale=${S(this.scale)}></calcite-icon></div>`)}renderDragHandle(){let{label:e,dragHandle:t,dragDisabled:a,setPosition:l,setSize:c,moveToItems:r,sortDisabled:p,addToItems:g}=this;return t?d("drag-handle-container",s`<div .ariaLabel=${e} class=${i({[n.dragContainer]:!0,[n.gridCell]:!0})} role=gridcell ${v(this.handleGridRef)}><calcite-sort-handle .addToItems=${g} .disabled=${a} .label=${e} .moveToItems=${r} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${l} .setSize=${c} .sortDisabled=${p} .topLayerDisabled=${this.topLayerDisabled} ${v(this.setSortHandleEl)}></calcite-sort-handle></div>`):null}renderExpanded(){let{expanded:e,expandable:t,messages:a,displayMode:l,scale:c}=this;if(l!=="nested")return null;let r=this.direction,p=t?e?f.open:r==="rtl"?f.collapsedRTL:f.collapsedLTR:f.blank,g=S(c),h=t?e?a.collapse:a.expand:void 0,m=t?this.handleToggleClick:void 0;return d("expanded-container",s`<div class=${i(n.expandedContainer)} @click=${m} title=${h??w}>${d(p,s`<calcite-icon .icon=${p} .scale=${g}></calcite-icon>`)}</div>`)}renderActionsStart(){let{label:e,hasActionsStart:t}=this;return d("actions-start-container",s`<div .ariaLabel=${e} class=${i({[n.actionsStart]:!0,[n.gridCell]:!0})} .hidden=${!t} role=gridcell ${v(this.actionsStartRef)}><slot name=${x.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`)}renderActionsEnd(){let{label:e,hasActionsEnd:t,closable:a,messages:l}=this;return d("actions-end-container",s`<div .ariaLabel=${e} class=${i({[n.actionsEnd]:!0,[n.gridCell]:!0})} .hidden=${!(t||a)} role=gridcell ${v(this.actionsEndRef)}><slot name=${x.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot>${a?d("close-action",s`<calcite-action class=${i(n.close)} .icon=${f.close} .label=${l.close} @click=${this.handleCloseClick} .scale=${this.scale} .text=${l.close}></calcite-action>`):null}</div>`)}renderContentStart(){let{hasContentStart:e}=this;return s`<div class=${i(n.contentStart)} .hidden=${!e}><slot name=${x.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderCustomContent(){let{hasCustomContent:e}=this;return s`<div class=${i(n.customContent)} .hidden=${!e}><slot name=${x.content} @slotchange=${this.handleContentSlotChange}></slot></div>`}renderIconStart(){let{iconStart:e,iconFlipRtl:t,scale:a}=this;return e?d("icon-start",s`<calcite-icon class=${i(n.icon)} .flipRtl=${t==="both"||t==="start"} .icon=${e} .scale=${S(a)}></calcite-icon>`):null}renderIconEnd(){let{iconEnd:e,iconFlipRtl:t,scale:a}=this;return e?d("icon-end",s`<calcite-icon class=${i(n.icon)} .flipRtl=${t==="both"||t==="end"} .icon=${e} .scale=${S(a)}></calcite-icon>`):null}renderContentEnd(){let{hasContentEnd:e}=this;return s`<div class=${i(n.contentEnd)} .hidden=${!e}><slot name=${x.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentBottom(){let{hasContentBottom:e}=this;return s`<div class=${i(n.contentBottom)} .hidden=${!e}><slot name=${x.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div>`}renderDefaultContainer(){return s`<div class=${i({[n.nestedContainer]:!0,[n.nestedContainerExpanded]:this.expandable&&this.expanded})}><slot @slotchange=${this.handleDefaultSlotChange} ${v(this.defaultSlotRef)}></slot></div>`}renderContentProperties(){let{label:e,description:t,hasCustomContent:a}=this;return!a&&(e||t)?d("content",s`<div class=${i(n.content)}>${e?d("label",s`<div class=${i(n.label)}>${e}</div>`):null}${t?d("description",s`<div class=${i(n.description)}>${t}</div>`):null}</div>`):null}renderContentContainer(){let{description:e,label:t,selectionMode:a,hasCustomContent:l,unavailable:c}=this,r=l||!!t||!!e,p=[this.renderContentStart(),this.renderIconStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderIconEnd(),this.renderContentEnd()];return d("content-container",s`<div .ariaLabel=${t} class=${i({[n.gridCell]:!0,[n.contentContainer]:!0,[n.contentContainerUnavailable]:c,[n.contentContainerSelectable]:a!=="none",[n.contentContainerHasCenterContent]:r})} @click=${this.handleItemClick} role=gridcell ${v(this.contentRef)}>${p}</div>`)}render(){let{expandable:e,expanded:t,level:a,active:l,label:c,selected:r,selectionAppearance:p,selectionMode:g,interactionMode:h,closed:m,filterHidden:u,bordered:L,disabled:j,hasContentBottom:E}=this,N=L&&E,W=L&&!E,H=g!=="none"&&p==="border",q=g!=="none"&&p==="highlight",V=h==="interactive";return this.interactiveContainer({disabled:j,children:s`<div class=${i({[n.wrapper]:!0,[n.wrapperBordered]:N})}><div .ariaExpanded=${e?t:void 0} .ariaLabel=${c} .ariaLevel=${a} .ariaSelected=${r} class=${i({[n.row]:!0,[n.container]:!0,[n.containerHover]:V,[n.containerBorder]:H,[n.containerBorderSelected]:H&&r,[n.containerHighlightSelected]:q&&r})} .hidden=${m||u} @focus=${this.clearCellFocus} @focusin=${this.emitInternalListItemActive} @keydown=${this.handleItemKeyDown} role=row .tabIndex=${l?0:-1} ${v(this.containerRef)}>${this.renderDragHandle()}${this.renderSelected()}${this.renderExpanded()}<div class=${i({[n.contentContainerWrapper]:!0,[n.contentContainerWrapperBordered]:W})}>${this.renderActionsStart()}${this.renderContentContainer()}${this.renderActionsEnd()}</div></div>${this.renderContentBottom()}</div>${this.renderDefaultContainer()}`})}};D("calcite-list-item",I);export{I as ListItem};
package/dist/cdn/{KPMKSLVU.js → MRT2D5C7.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{b as A,c as k}from"./7KSVDZY5.js";import{a as g}from"./VI7SBYXT.js";import{a as v}from"./KSP4IZOE.js";import{b as E}from"./JL43QOWW.js";import"./24ZPXFO2.js";import"./XX43OXTK.js";import{c as y}from"./77M5NVCW.js";import"./VUYX7MNO.js";import{a as x}from"./VRO4DPTU.js";import"./ZWPNZ5XW.js";import{e as f}from"./NB4UVXA7.js";import"./HYO4NFHP.js";import{C as i,y as b}from"./7FW2RVVH.js";import{G as u,H as c,Q as h,T as m,g as p,h as s,p as o}from"./WNLKQGNT.js";var T={actionGroupEnd:"action-group--end",container:"container"},D={expandTooltip:"expand-tooltip"},L=p`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([scale=s]){--calcite-internal-action-pad-gap: var( --calcite-action-pad-items-space, var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) );--calcite-internal-action-pad-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-pad-gap: var( --calcite-action-pad-items-space, var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) );--calcite-internal-action-pad-padding: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-pad-gap: var(--calcite-action-pad-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-pad-padding: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{display:block}@keyframes in{0%{opacity:0}to{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-action-pad-corner-radius, .125rem);background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width, auto)}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:1px;padding-block-end:var(--calcite-internal-action-pad-padding)}.container{display:inline-flex;flex-direction:column;overflow:hidden;box-shadow:var(--calcite-shadow-md);border-radius:calc(var(--calcite-action-pad-corner-radius, .125rem) * 2);background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));gap:var(--calcite-internal-action-pad-gap);padding:var(--calcite-internal-action-pad-padding)}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0}:host([layout=horizontal]) .container ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:1px;padding-inline-end:var(--calcite-internal-action-pad-padding)}:host([hidden]){display:none}[hidden]{display:none}`,l=class extends u{constructor(){super(),this.actions=[],this.direction=f(),this.mutationObserver=g("mutation",()=>this.mutationObserverHandler()),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionPadToggle.emit()},this.messages=v({blocking:!0}),this.focusSetter=x()(this),this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.calciteActionPadCollapse=o({cancelable:!1}),this.calciteActionPadExpand=o({cancelable:!1}),this.calciteActionPadToggle=o({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={expandTooltip:[16,{},{state:!0}],actionsEndGroupLabel:1,expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=L}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.updateActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){h.deprecated("component",{component:this,name:"action-pad",removalVersion:5,suggested:"action-bar"})}willUpdate(e){e.has("expanded")&&this.hasUpdated&&A({el:this.el,expanded:this.expanded}),e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteActionPadExpand.emit():this.calciteActionPadCollapse.emit()),e.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="neutral")&&this.updateActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}actionMenuOpenHandler(e){if(e.target.menuOpen){let t=e.composedPath();this.actionGroups?.forEach(a=>{t.includes(a)||(a.menuOpen=!1)})}}updateGroups(){let e=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=e,this.setGroupLayout(e)}setGroupLayout(e){e.forEach(t=>t.layout=this.layout)}handleDefaultSlotChange(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}handleTooltipSlotChange(e){let t=b(e).filter(E);this.expandTooltip=t[0]}handleKeyDown(e){this.queryAndStoreActions();let t=this.actions.filter(n=>!n.disabled),a=document.activeElement;if(!(!y(a)||!t.includes(a)))switch(e.key){case"ArrowRight":case"ArrowDown":i(t,a,"next",!0),e.preventDefault();break;case"ArrowLeft":case"ArrowUp":i(t,a,"previous",!0),e.preventDefault();break;case"Home":i(t,a,"first",!0),e.preventDefault();break;case"End":i(t,a,"last",!0),e.preventDefault();break;case"Tab":this.updateTabIndexOfItems(a);break}}updateActions(){this.actions.forEach(e=>{e.selectionAppearance=this.selectionAppearance})}updateTabIndexOfItems(e){this.actions.forEach(t=>{let a=!t.disabled&&t===e?0:-1;a===0?t.removeAttribute("tabindex"):t.tabIndex=a})}queryAndStoreActions(){this.actions=Array.from(this.el.querySelectorAll("calcite-action"))}mutationObserverHandler(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}renderBottomActionGroup(){let{expanded:e,expandDisabled:t,messages:a,el:n,position:w,toggleExpand:G,scale:r,layout:O,actionsEndGroupLabel:S,overlayPositioning:C}=this,d=t?null:k({collapseLabel:a.collapseLabel,collapseText:a.collapse,direction:this.direction,el:n,expanded:e,expandLabel:a.expandLabel,expandText:a.expand,position:w,scale:r,toggle:G,tooltip:this.expandTooltip});return d?s`<calcite-action-group class=${c(T.actionGroupEnd)} .label=${S} .layout=${O} .overlayPositioning=${C} .scale=${r}><slot name=${D.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${d}</calcite-action-group>`:null}render(){return s`<div class=${c(T.container)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`}};m("calcite-action-pad",l);export{l as ActionPad};
2
+ import{b as A,c as k}from"./2CBCRLZU.js";import{a as g}from"./VI7SBYXT.js";import{a as v}from"./XOP5FFXT.js";import{b as E}from"./JL43QOWW.js";import"./24ZPXFO2.js";import"./XX43OXTK.js";import{c as y}from"./77M5NVCW.js";import"./VUYX7MNO.js";import{a as x}from"./66A27LX7.js";import"./ZWPNZ5XW.js";import{e as f}from"./EEU562WF.js";import"./NDECAMD3.js";import{C as i,y as b}from"./7FW2RVVH.js";import{G as u,H as c,Q as h,T as m,g as p,h as s,p as o}from"./PKAE4WC2.js";var T={actionGroupEnd:"action-group--end",container:"container"},D={expandTooltip:"expand-tooltip"},L=p`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([scale=s]){--calcite-internal-action-pad-gap: var( --calcite-action-pad-items-space, var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) );--calcite-internal-action-pad-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-pad-gap: var( --calcite-action-pad-items-space, var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) );--calcite-internal-action-pad-padding: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-pad-gap: var(--calcite-action-pad-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-pad-padding: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{display:block}@keyframes in{0%{opacity:0}to{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-action-pad-corner-radius, .125rem);background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width, auto)}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:1px;padding-block-end:var(--calcite-internal-action-pad-padding)}.container{display:inline-flex;flex-direction:column;overflow:hidden;box-shadow:var(--calcite-shadow-md);border-radius:calc(var(--calcite-action-pad-corner-radius, .125rem) * 2);background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));gap:var(--calcite-internal-action-pad-gap);padding:var(--calcite-internal-action-pad-padding)}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0}:host([layout=horizontal]) .container ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:1px;padding-inline-end:var(--calcite-internal-action-pad-padding)}:host([hidden]){display:none}[hidden]{display:none}`,l=class extends u{constructor(){super(),this.actions=[],this.direction=f(),this.mutationObserver=g("mutation",()=>this.mutationObserverHandler()),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionPadToggle.emit()},this.messages=v({blocking:!0}),this.focusSetter=x()(this),this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.calciteActionPadCollapse=o({cancelable:!1}),this.calciteActionPadExpand=o({cancelable:!1}),this.calciteActionPadToggle=o({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={expandTooltip:[16,{},{state:!0}],actionsEndGroupLabel:1,expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=L}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.updateActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){h.deprecated("component",{component:this,name:"action-pad",removalVersion:5,suggested:"action-bar"})}willUpdate(e){e.has("expanded")&&this.hasUpdated&&A({el:this.el,expanded:this.expanded}),e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteActionPadExpand.emit():this.calciteActionPadCollapse.emit()),e.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="neutral")&&this.updateActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}actionMenuOpenHandler(e){if(e.target.menuOpen){let t=e.composedPath();this.actionGroups?.forEach(a=>{t.includes(a)||(a.menuOpen=!1)})}}updateGroups(){let e=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=e,this.setGroupLayout(e)}setGroupLayout(e){e.forEach(t=>t.layout=this.layout)}handleDefaultSlotChange(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}handleTooltipSlotChange(e){let t=b(e).filter(E);this.expandTooltip=t[0]}handleKeyDown(e){this.queryAndStoreActions();let t=this.actions.filter(n=>!n.disabled),a=document.activeElement;if(!(!y(a)||!t.includes(a)))switch(e.key){case"ArrowRight":case"ArrowDown":i(t,a,"next",!0),e.preventDefault();break;case"ArrowLeft":case"ArrowUp":i(t,a,"previous",!0),e.preventDefault();break;case"Home":i(t,a,"first",!0),e.preventDefault();break;case"End":i(t,a,"last",!0),e.preventDefault();break;case"Tab":this.updateTabIndexOfItems(a);break}}updateActions(){this.actions.forEach(e=>{e.selectionAppearance=this.selectionAppearance})}updateTabIndexOfItems(e){this.actions.forEach(t=>{let a=!t.disabled&&t===e?0:-1;a===0?t.removeAttribute("tabindex"):t.tabIndex=a})}queryAndStoreActions(){this.actions=Array.from(this.el.querySelectorAll("calcite-action"))}mutationObserverHandler(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}renderBottomActionGroup(){let{expanded:e,expandDisabled:t,messages:a,el:n,position:w,toggleExpand:G,scale:r,layout:O,actionsEndGroupLabel:S,overlayPositioning:C}=this,d=t?null:k({collapseLabel:a.collapseLabel,collapseText:a.collapse,direction:this.direction,el:n,expanded:e,expandLabel:a.expandLabel,expandText:a.expand,position:w,scale:r,toggle:G,tooltip:this.expandTooltip});return d?s`<calcite-action-group class=${c(T.actionGroupEnd)} .label=${S} .layout=${O} .overlayPositioning=${C} .scale=${r}><slot name=${D.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${d}</calcite-action-group>`:null}render(){return s`<div class=${c(T.container)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`}};m("calcite-action-pad",l);export{l as ActionPad};
package/dist/cdn/{Z7MG3ZDO.js → MSCZMCIJ.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as r}from"./ENXIGCPQ.js";import{a as t,b as n,c as b}from"./B5TGMHUH.js";import{a as g}from"./NMMVK2LG.js";import{a as f}from"./T6CCMW7H.js";import"./VUYX7MNO.js";import{a as v}from"./ZWPNZ5XW.js";import"./NB4UVXA7.js";import"./HYO4NFHP.js";import{G as u,H as i,T as m,g as p,h as o,p as l}from"./WNLKQGNT.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}.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-autocomplete-item-spacing-unit-l: .5rem;--calcite-internal-autocomplete-item-spacing-unit-s: .25rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-autocomplete-item-spacing-unit-l: .75rem;--calcite-internal-autocomplete-item-spacing-unit-s: .375rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-autocomplete-item-spacing-unit-l: 1rem;--calcite-internal-autocomplete-item-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size)}:host{display:flex}.container{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;outline-color:transparent;background-color:var(--calcite-autocomplete-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-3));gap:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-inline:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-block:var(--calcite-internal-autocomplete-item-spacing-unit-s);overflow-wrap:break-word;word-break:break-word;justify-content:space-around}.description{color:var(--calcite-autocomplete-description-text-color);font-size:var(--calcite-internal-autocomplete-item-description-font-size)}.heading{color:var(--calcite-autocomplete-heading-text-color, var(--calcite-color-text-1))}.heading,.description{line-height:var(--calcite-font-line-height-relative-snug)}:host([selected]) .container{color:var(--calcite-color-text-1);background-color:var(--calcite-color-surface-highlight)}:host([selected]) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}:host([selected]) .heading{font-weight:var(--calcite-font-weight-medium)}:host(:hover:not([disabled])) .container{background-color:var(--calcite-autocomplete-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}:host(:hover:not([disabled])) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}.container--active{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))))}.content-center{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,s=class extends u{constructor(){super(...arguments),this.interactiveContainer=g(this),this.active=!1,this.disabled=!1,this.guid=b.host(f()),this.scale="m",this.selected=!1,this.calciteAutocompleteItemSelect=l({cancelable:!1}),this.calciteInternalAutocompleteItemChange=l({cancelable:!1})}static{this.properties={active:[5,{},{type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],guid:1,heading:1,iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],inputValueMatchPattern:[3,{},{reflect:!0}],label:1,scale:1,selected:[7,{},{reflect:!0,type:Boolean}],value:1}}static{this.styles=x}requestSelection(){this.calciteAutocompleteItemSelect.emit()}willUpdate(e){this.hasUpdated&&(e.has("description")||e.has("disabled")||e.has("heading")||e.has("label")||e.has("selected")||e.has("value"))&&this.calciteInternalAutocompleteItemChange.emit()}handleClick(e){e.preventDefault(),!this.disabled&&this.requestSelection()}render(){let{active:e,description:c,heading:a,disabled:d,inputValueMatchPattern:h}=this;return this.interactiveContainer({disabled:d,children:o`<div class=${i({[t.container]:!0,[t.containerActive]:e&&!d,[t.scale(this.scale)]:!0})} @click=${this.handleClick}>${this.renderIcon("start")}<slot name=${n.contentStart}></slot><div class=${i(t.contentCenter)}><div class=${i(t.heading)}>${r({text:a,pattern:h})}</div><div class=${i(t.description)}>${r({text:c,pattern:h})}</div></div><slot name=${n.contentEnd}></slot>${this.renderIcon("end")}</div>`})}renderIcon(e){let{iconFlipRtl:c}=this,a=e==="start"?this.iconStart:this.iconEnd;return a?o`<calcite-icon class=${i(e==="start"?t.iconStart:t.iconEnd)} .flipRtl=${c===e||c==="both"} .icon=${a} .scale=${v(this.scale)}></calcite-icon>`:null}};m("calcite-autocomplete-item",s);export{s as AutocompleteItem};
2
+ import{a as r}from"./KC2HWDZV.js";import{a as t,b as n,c as b}from"./B5TGMHUH.js";import{a as g}from"./5ZYCAOFR.js";import{a as f}from"./T6CCMW7H.js";import"./VUYX7MNO.js";import{a as v}from"./ZWPNZ5XW.js";import"./EEU562WF.js";import"./NDECAMD3.js";import{G as u,H as i,T as m,g as p,h as o,p as l}from"./PKAE4WC2.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}.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-autocomplete-item-spacing-unit-l: .5rem;--calcite-internal-autocomplete-item-spacing-unit-s: .25rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-autocomplete-item-spacing-unit-l: .75rem;--calcite-internal-autocomplete-item-spacing-unit-s: .375rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-autocomplete-item-spacing-unit-l: 1rem;--calcite-internal-autocomplete-item-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size)}:host{display:flex}.container{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;outline-color:transparent;background-color:var(--calcite-autocomplete-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-3));gap:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-inline:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-block:var(--calcite-internal-autocomplete-item-spacing-unit-s);overflow-wrap:break-word;word-break:break-word;justify-content:space-around}.description{color:var(--calcite-autocomplete-description-text-color);font-size:var(--calcite-internal-autocomplete-item-description-font-size)}.heading{color:var(--calcite-autocomplete-heading-text-color, var(--calcite-color-text-1))}.heading,.description{line-height:var(--calcite-font-line-height-relative-snug)}:host([selected]) .container{color:var(--calcite-color-text-1);background-color:var(--calcite-color-surface-highlight)}:host([selected]) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}:host([selected]) .heading{font-weight:var(--calcite-font-weight-medium)}:host(:hover:not([disabled])) .container{background-color:var(--calcite-autocomplete-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}:host(:hover:not([disabled])) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}.container--active{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))))}.content-center{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,s=class extends u{constructor(){super(...arguments),this.interactiveContainer=g(this),this.active=!1,this.disabled=!1,this.guid=b.host(f()),this.scale="m",this.selected=!1,this.calciteAutocompleteItemSelect=l({cancelable:!1}),this.calciteInternalAutocompleteItemChange=l({cancelable:!1})}static{this.properties={active:[5,{},{type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],guid:1,heading:1,iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],inputValueMatchPattern:[3,{},{reflect:!0}],label:1,scale:1,selected:[7,{},{reflect:!0,type:Boolean}],value:1}}static{this.styles=x}requestSelection(){this.calciteAutocompleteItemSelect.emit()}willUpdate(e){this.hasUpdated&&(e.has("description")||e.has("disabled")||e.has("heading")||e.has("label")||e.has("selected")||e.has("value"))&&this.calciteInternalAutocompleteItemChange.emit()}handleClick(e){e.preventDefault(),!this.disabled&&this.requestSelection()}render(){let{active:e,description:c,heading:a,disabled:d,inputValueMatchPattern:h}=this;return this.interactiveContainer({disabled:d,children:o`<div class=${i({[t.container]:!0,[t.containerActive]:e&&!d,[t.scale(this.scale)]:!0})} @click=${this.handleClick}>${this.renderIcon("start")}<slot name=${n.contentStart}></slot><div class=${i(t.contentCenter)}><div class=${i(t.heading)}>${r({text:a,pattern:h})}</div><div class=${i(t.description)}>${r({text:c,pattern:h})}</div></div><slot name=${n.contentEnd}></slot>${this.renderIcon("end")}</div>`})}renderIcon(e){let{iconFlipRtl:c}=this,a=e==="start"?this.iconStart:this.iconEnd;return a?o`<calcite-icon class=${i(e==="start"?t.iconStart:t.iconEnd)} .flipRtl=${c===e||c==="both"} .icon=${a} .scale=${v(this.scale)}></calcite-icon>`:null}};m("calcite-autocomplete-item",s);export{s as AutocompleteItem};
package/dist/cdn/{UMUF7ELC.js → MXZYCKP6.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as z,e as w,f as I}from"./M4XG6CGT.js";import"./LPMYRCBM.js";import{a as n}from"./ENXIGCPQ.js";import{a as S}from"./NMMVK2LG.js";import{a as l}from"./EEULTRVN.js";import{a as y}from"./T6CCMW7H.js";import{a as h}from"./ZWPNZ5XW.js";import"./NB4UVXA7.js";import"./HYO4NFHP.js";import{u as k}from"./7FW2RVVH.js";import{G as x,H as i,I as C,T as $,g as f,h as c,l as v,p as d}from"./WNLKQGNT.js";var t={active:"label--active",centerContent:"center-content",container:"container",iconCustom:"icon--custom",description:"description",icon:"icon",label:"label",containerHighlightSelected:"container--highlight-selected",scale:b=>`scale--${b}`,shortText:"short-text",single:"label--single",textContainer:"text-container",heading:"heading"},o={checked:"check-square-f",circle:"circle",indeterminate:"minus-square-f",selectedSingle:"circle-inset-large",unchecked:"square"},H={contentEnd:"content-end",contentStart:"content-start"},E="--calcite-combobox-item-spacing-indent-multiplier",L=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-combobox-item-spacing-unit-s: .25rem;--calcite-internal-combobox-item-spacing-unit-l: .5rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-combobox-item-spacing-unit-s: .375rem;--calcite-internal-combobox-item-spacing-unit-l: .75rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-combobox-item-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-internal-combobox-item-spacing-unit-l: 1rem;--calcite-combobox-item-selector-icon-size: 1.5rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size)}.container{--calcite-combobox-item-indent-value: calc( var(--calcite-internal-combobox-item-spacing-unit-l) * var(--calcite-combobox-item-spacing-indent-multiplier) )}:host(:focus){box-shadow:var(--calcite-shadow-none)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),ul:focus{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}.label{overflow-wrap:break-word;word-break:break-word;outline-color:transparent;position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;text-decoration-line:none;transition-timing-function:var(--calcite-animation-easing-function);justify-content:space-around;gap:var(--calcite-internal-combobox-item-spacing-unit-l);padding-block:var(--calcite-internal-combobox-item-spacing-unit-s);padding-inline-end:var(--calcite-internal-combobox-item-spacing-unit-l);padding-inline-start:var(--calcite-combobox-item-indent-value);color:var(--calcite-combobox-text-color, var(--calcite-color-text-3));transition-duration:var(--calcite-animation-timing)}:host([disabled]) .label{cursor:default}.label--active{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)))}.label:hover{background-color:var(--calcite-combobox-item-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-combobox-text-color-hover, var(--calcite-color-text-1))}.label:active{background-color:var(--calcite-combobox-item-background-color-active, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host([selected]) .label,.label:active{color:var(--calcite-combobox-text-color-hover, var(--calcite-color-text-1))}:host([selected]) .label .description,:host([selected]) .label .short-text,.label:active .description,.label:active .short-text{color:var(--calcite-combobox-description-text-color-press, var(--calcite-color-text-2))}.icon{display:inline-flex;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-color-border-input)}:host([selected]) .icon,:host([indeterminate]) .icon{color:var(--calcite-combobox-selected-icon-color, var(--calcite-color-brand))}.icon--custom{margin-block-start:-1px}.center-content{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.description{font-size:var(--calcite-internal-combobox-item-description-font-size)}.short-text{white-space:nowrap}.heading{color:var(--calcite-combobox-heading-text-color, var(--calcite-color-text-1))}.description,.short-text{color:var(--calcite-combobox-description-text-color, var(--calcite-color-text-3))}:host([selected]) .heading{font-weight:var(--calcite-font-weight-medium)}.heading,.description,.short-text{line-height:var(--calcite-font-line-height-relative-snug)}.container--highlight-selected{background-color:var(--calcite-color-surface-highlight)}:host([item-hidden]){display:none}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}`,m=class extends x{constructor(){super(...arguments),this._selected=!1,this.interactiveContainer=S(this),this.hasContent=!1,this.active=!1,this.disabled=!1,this.filterDisabled=!1,this.guid=y(),this.iconFlipRtl=!1,this.scale="m",this.selectionMode="multiple",this.selectionAppearance="icon",this.itemHidden=!1,this.indeterminate=!1,this.calciteComboboxItemChange=d({cancelable:!1}),this.calciteInternalComboboxItemChange=d({cancelable:!1})}static{this.properties={hasContent:[16,{},{state:!0}],active:[7,{},{reflect:!0,type:Boolean}],ancestors:[0,{},{attribute:!1}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],filterDisabled:[7,{},{reflect:!0,type:Boolean}],filterTextMatchPattern:[3,{},{reflect:!0}],guid:[3,{},{reflect:!0}],heading:1,icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,metadata:[0,{},{attribute:!1}],scale:1,selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}],shortHeading:1,value:[3,{},{reflect:!0}],itemHidden:[7,{},{reflect:!0,type:Boolean}],indeterminate:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=L}get selected(){return this._selected}set selected(e){let a=this._selected;e!==a&&(this._selected=e,this.emitItemChange())}get value(){return this._value??this.heading}set value(e){this._value=e??this.heading}toggleSelection(){let e=this.selectionMode==="single-persist";this.disabled||e&&this.selected||(this.selected=!this.selected,this.calciteComboboxItemChange.emit())}connectedCallback(){super.connectedCallback(),this.ancestors=z(this.el)}willUpdate(e){this.hasUpdated&&(e.has("disabled")||e.has("heading")||e.has("label"))&&this.emitItemChange()}emitItemChange(){this.calciteInternalComboboxItemChange.emit()}handleDefaultSlotChange(e){this.hasContent=k(e)}itemClickHandler(){this.toggleSelection()}renderIcon(e){return this.icon?l("icon",c`<calcite-icon class=${i({[t.iconCustom]:!!this.icon})} .flipRtl=${this.iconFlipRtl} .icon=${this.icon||e} .scale=${h(this.scale)}></calcite-icon>`):null}renderSelectIndicator(e){return this.selectionAppearance==="highlight"?null:l("indicator",c`<calcite-icon class=${i({[t.icon]:!0})} .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${h(this.scale)}></calcite-icon>`)}renderChildren(){return l("default-slot-container",c`<ul .hidden=${!this.hasContent}><slot @slotchange=${this.handleDefaultSlotChange}></slot></ul>`)}render(){let{disabled:e,heading:a,label:M,value:u,filterTextMatchPattern:s,description:g,shortHeading:p}=this,r=I(this.selectionMode),B=e||r?void 0:o.checked,T=r?this.selected?o.selectedSingle:o.circle:this.indeterminate?o.indeterminate:this.selected?o.checked:o.unchecked,R=M||u||a,_=a||u,A={[t.label]:!0,[t.active]:this.active,[t.single]:r,[t.containerHighlightSelected]:this.selected&&this.selectionAppearance==="highlight"},D=w(this.el);return this.el.ariaHidden="true",this.el.ariaLabel=R,this.interactiveContainer({disabled:e,children:c`<div class=${i({[t.container]:!0,[t.scale(this.scale)]:!0})} style=${C({[E]:`${D}`})}><li class=${i(A)} id=${this.guid??v} @click=${this.itemClickHandler}>${this.renderSelectIndicator(T)}<slot name=${H.contentStart}></slot>${this.renderIcon(B)}<div class=${i(t.centerContent)}><div class=${i(t.heading)}>${n({text:_,pattern:s})}</div>${g?c`<div class=${i(t.description)}>${n({text:g,pattern:s})}</div>`:null}</div>${p?c`<div class=${i(t.shortText)}>${n({text:p,pattern:s})}</div>`:null}<slot name=${H.contentEnd}></slot></li>${this.renderChildren()}</div>`})}};$("calcite-combobox-item",m);export{m as ComboboxItem};
2
+ import{a as z,e as w,f as I}from"./M4XG6CGT.js";import"./LPMYRCBM.js";import{a as n}from"./KC2HWDZV.js";import{a as S}from"./5ZYCAOFR.js";import{a as l}from"./A6D64KCU.js";import{a as y}from"./T6CCMW7H.js";import{a as h}from"./ZWPNZ5XW.js";import"./EEU562WF.js";import"./NDECAMD3.js";import{u as k}from"./7FW2RVVH.js";import{G as x,H as i,I as C,T as $,g as f,h as c,l as v,p as d}from"./PKAE4WC2.js";var t={active:"label--active",centerContent:"center-content",container:"container",iconCustom:"icon--custom",description:"description",icon:"icon",label:"label",containerHighlightSelected:"container--highlight-selected",scale:b=>`scale--${b}`,shortText:"short-text",single:"label--single",textContainer:"text-container",heading:"heading"},o={checked:"check-square-f",circle:"circle",indeterminate:"minus-square-f",selectedSingle:"circle-inset-large",unchecked:"square"},H={contentEnd:"content-end",contentStart:"content-start"},E="--calcite-combobox-item-spacing-indent-multiplier",L=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-combobox-item-spacing-unit-s: .25rem;--calcite-internal-combobox-item-spacing-unit-l: .5rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-combobox-item-spacing-unit-s: .375rem;--calcite-internal-combobox-item-spacing-unit-l: .75rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-combobox-item-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-internal-combobox-item-spacing-unit-l: 1rem;--calcite-combobox-item-selector-icon-size: 1.5rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size)}.container{--calcite-combobox-item-indent-value: calc( var(--calcite-internal-combobox-item-spacing-unit-l) * var(--calcite-combobox-item-spacing-indent-multiplier) )}:host(:focus){box-shadow:var(--calcite-shadow-none)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),ul:focus{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}.label{overflow-wrap:break-word;word-break:break-word;outline-color:transparent;position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;text-decoration-line:none;transition-timing-function:var(--calcite-animation-easing-function);justify-content:space-around;gap:var(--calcite-internal-combobox-item-spacing-unit-l);padding-block:var(--calcite-internal-combobox-item-spacing-unit-s);padding-inline-end:var(--calcite-internal-combobox-item-spacing-unit-l);padding-inline-start:var(--calcite-combobox-item-indent-value);color:var(--calcite-combobox-text-color, var(--calcite-color-text-3));transition-duration:var(--calcite-animation-timing)}:host([disabled]) .label{cursor:default}.label--active{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)))}.label:hover{background-color:var(--calcite-combobox-item-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-combobox-text-color-hover, var(--calcite-color-text-1))}.label:active{background-color:var(--calcite-combobox-item-background-color-active, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host([selected]) .label,.label:active{color:var(--calcite-combobox-text-color-hover, var(--calcite-color-text-1))}:host([selected]) .label .description,:host([selected]) .label .short-text,.label:active .description,.label:active .short-text{color:var(--calcite-combobox-description-text-color-press, var(--calcite-color-text-2))}.icon{display:inline-flex;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-color-border-input)}:host([selected]) .icon,:host([indeterminate]) .icon{color:var(--calcite-combobox-selected-icon-color, var(--calcite-color-brand))}.icon--custom{margin-block-start:-1px}.center-content{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.description{font-size:var(--calcite-internal-combobox-item-description-font-size)}.short-text{white-space:nowrap}.heading{color:var(--calcite-combobox-heading-text-color, var(--calcite-color-text-1))}.description,.short-text{color:var(--calcite-combobox-description-text-color, var(--calcite-color-text-3))}:host([selected]) .heading{font-weight:var(--calcite-font-weight-medium)}.heading,.description,.short-text{line-height:var(--calcite-font-line-height-relative-snug)}.container--highlight-selected{background-color:var(--calcite-color-surface-highlight)}:host([item-hidden]){display:none}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}`,m=class extends x{constructor(){super(...arguments),this._selected=!1,this.interactiveContainer=S(this),this.hasContent=!1,this.active=!1,this.disabled=!1,this.filterDisabled=!1,this.guid=y(),this.iconFlipRtl=!1,this.scale="m",this.selectionMode="multiple",this.selectionAppearance="icon",this.itemHidden=!1,this.indeterminate=!1,this.calciteComboboxItemChange=d({cancelable:!1}),this.calciteInternalComboboxItemChange=d({cancelable:!1})}static{this.properties={hasContent:[16,{},{state:!0}],active:[7,{},{reflect:!0,type:Boolean}],ancestors:[0,{},{attribute:!1}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],filterDisabled:[7,{},{reflect:!0,type:Boolean}],filterTextMatchPattern:[3,{},{reflect:!0}],guid:[3,{},{reflect:!0}],heading:1,icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,metadata:[0,{},{attribute:!1}],scale:1,selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}],shortHeading:1,value:[3,{},{reflect:!0}],itemHidden:[7,{},{reflect:!0,type:Boolean}],indeterminate:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=L}get selected(){return this._selected}set selected(e){let a=this._selected;e!==a&&(this._selected=e,this.emitItemChange())}get value(){return this._value??this.heading}set value(e){this._value=e??this.heading}toggleSelection(){let e=this.selectionMode==="single-persist";this.disabled||e&&this.selected||(this.selected=!this.selected,this.calciteComboboxItemChange.emit())}connectedCallback(){super.connectedCallback(),this.ancestors=z(this.el)}willUpdate(e){this.hasUpdated&&(e.has("disabled")||e.has("heading")||e.has("label"))&&this.emitItemChange()}emitItemChange(){this.calciteInternalComboboxItemChange.emit()}handleDefaultSlotChange(e){this.hasContent=k(e)}itemClickHandler(){this.toggleSelection()}renderIcon(e){return this.icon?l("icon",c`<calcite-icon class=${i({[t.iconCustom]:!!this.icon})} .flipRtl=${this.iconFlipRtl} .icon=${this.icon||e} .scale=${h(this.scale)}></calcite-icon>`):null}renderSelectIndicator(e){return this.selectionAppearance==="highlight"?null:l("indicator",c`<calcite-icon class=${i({[t.icon]:!0})} .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${h(this.scale)}></calcite-icon>`)}renderChildren(){return l("default-slot-container",c`<ul .hidden=${!this.hasContent}><slot @slotchange=${this.handleDefaultSlotChange}></slot></ul>`)}render(){let{disabled:e,heading:a,label:M,value:u,filterTextMatchPattern:s,description:g,shortHeading:p}=this,r=I(this.selectionMode),B=e||r?void 0:o.checked,T=r?this.selected?o.selectedSingle:o.circle:this.indeterminate?o.indeterminate:this.selected?o.checked:o.unchecked,R=M||u||a,_=a||u,A={[t.label]:!0,[t.active]:this.active,[t.single]:r,[t.containerHighlightSelected]:this.selected&&this.selectionAppearance==="highlight"},D=w(this.el);return this.el.ariaHidden="true",this.el.ariaLabel=R,this.interactiveContainer({disabled:e,children:c`<div class=${i({[t.container]:!0,[t.scale(this.scale)]:!0})} style=${C({[E]:`${D}`})}><li class=${i(A)} id=${this.guid??v} @click=${this.itemClickHandler}>${this.renderSelectIndicator(T)}<slot name=${H.contentStart}></slot>${this.renderIcon(B)}<div class=${i(t.centerContent)}><div class=${i(t.heading)}>${n({text:_,pattern:s})}</div>${g?c`<div class=${i(t.description)}>${n({text:g,pattern:s})}</div>`:null}</div>${p?c`<div class=${i(t.shortText)}>${n({text:p,pattern:s})}</div>`:null}<slot name=${H.contentEnd}></slot></li>${this.renderChildren()}</div>`})}};$("calcite-combobox-item",m);export{m as ComboboxItem};
package/dist/cdn/{O6AAQCC5.js → MZPMJXP6.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{F as n,H as o,h as a,l as t}from"./WNLKQGNT.js";var m={validationContainer:"validation-container"},d=()=>{},$=({scale:e,status:s,id:r,icon:l,message:c,ref:i})=>a`<div class=${o(m.validationContainer)} ${n(i||d)}><calcite-input-message aria-live=polite .icon=${l} id=${r??t} .scale=${e} .status=${s}>${c}</calcite-input-message></div>`;export{$ as a};
2
+ import{F as n,H as o,h as a,l as t}from"./PKAE4WC2.js";var m={validationContainer:"validation-container"},d=()=>{},$=({scale:e,status:s,id:r,icon:l,message:c,ref:i})=>a`<div class=${o(m.validationContainer)} ${n(i||d)}><calcite-input-message aria-live=polite .icon=${l} id=${r??t} .scale=${e} .status=${s}>${c}</calcite-input-message></div>`;export{$ as a};
package/dist/cdn/{HYO4NFHP.js → NDECAMD3.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{n as l}from"./WNLKQGNT.js";var p=(t,s)=>{let e=t;for(;e;){if(e===s)return!0;if(!e.parentNode)return!1;e.parentNode instanceof ShadowRoot?e=e.parentNode.host:e=e.parentNode}return!1},u=(t,s,e)=>{let n=E(s).subscribe;return n(o=>{o.some(r=>p(t,r.target))&&e()})},d={},E=t=>{let s=t.join(","),e=d[s];if(e!==void 0)return e;let n=new Set,o=new MutationObserver(r=>n.forEach(i=>i(r)));globalThis.document&&o.observe(document.documentElement,{attributes:!0,attributeFilter:t,subtree:!0});let a={subscribe:r=>(n.add(r),()=>{n.delete(r),n.size===0&&(o.disconnect(),d[s]=void 0)})};return d[s]=a,a},C=(t,s)=>{let e=t;for(;e;){let n=e.closest?.(s);if(n)return n;let o=e.getRootNode?.();if(o===globalThis.document)return;e=o?.host}};var g=(t,s,e)=>C(t,`[${s}]`)?.getAttribute(s)??e;var b=t=>{let s=g(t,"lang",globalThis.navigator?.language||c);return{lang:s,t9nLocale:m(s)}},k=(t,s,e,n)=>{let o,a=()=>v(t,s(),n).then(r=>{(o?.lang!==r.lang||o.t9nLocale!==r.t9nLocale||o.t9nStrings!==r.t9nStrings)&&e(r),o=r}).catch(r=>{l("error","intl","Error updating component locale state",{detail:{error:r}})});return queueMicrotask(a),u(t,["lang"],a)},v=async(t,s,e=t.localName.split("-").slice(1).join("-"))=>{let{lang:n,t9nLocale:o}=b(t),a=`${s}/${e}/t9n`,i=e===null?{}:await w(o,a,"messages.");return{lang:n,t9nLocale:o,t9nStrings:i}};var $="ar,bg,bs,ca,cs,da,de,el,en,es,et,fi,fr,he,hr,hu,id,it,ja,ko,lt,lv,nl,nb,no,pl,pt-BR,pt-PT,ro,ru,sk,sl,sr,sv,th,tr,uk,vi,zh-CN,zh-HK,zh-TW".split(","),A=new Set($),c="en",N={pt:"pt-BR",nb:"no",nn:"no",zh:"zh-CN"},w=async(t,s,e="")=>{let n=`${s}/${e}`,o=`${n}${t}.json`;return h[o]??=f(t,n),await h[o]},h={},f=async(t,s)=>{let e=`${s}${t}.json`;try{let n=await fetch(e);if(n.ok)return await n.json()}catch(n){return l("error","intl",`An unknown error occurred while fetching localization strings at ${e}`,{detail:{error:n}}),{}}return t===c?{}:await f(c,s)},m=t=>{let[s,e]=t.split("-"),n=s.toLowerCase(),o=n;return e&&(o=`${n}-${e.toUpperCase()}`),o=N[o]??o,A.has(o)?o:e?m(n):c};export{u as a,g as b,b as c,k as d,A as e,c as f,m as g};
2
+ import{n as l}from"./PKAE4WC2.js";var p=(t,s)=>{let e=t;for(;e;){if(e===s)return!0;if(!e.parentNode)return!1;e.parentNode instanceof ShadowRoot?e=e.parentNode.host:e=e.parentNode}return!1},u=(t,s,e)=>{let n=E(s).subscribe;return n(o=>{o.some(r=>p(t,r.target))&&e()})},d={},E=t=>{let s=t.join(","),e=d[s];if(e!==void 0)return e;let n=new Set,o=new MutationObserver(r=>n.forEach(i=>i(r)));globalThis.document&&o.observe(document.documentElement,{attributes:!0,attributeFilter:t,subtree:!0});let a={subscribe:r=>(n.add(r),()=>{n.delete(r),n.size===0&&(o.disconnect(),d[s]=void 0)})};return d[s]=a,a},C=(t,s)=>{let e=t;for(;e;){let n=e.closest?.(s);if(n)return n;let o=e.getRootNode?.();if(o===globalThis.document)return;e=o?.host}};var g=(t,s,e)=>C(t,`[${s}]`)?.getAttribute(s)??e;var b=t=>{let s=g(t,"lang",globalThis.navigator?.language||c);return{lang:s,t9nLocale:m(s)}},k=(t,s,e,n)=>{let o,a=()=>v(t,s(),n).then(r=>{(o?.lang!==r.lang||o.t9nLocale!==r.t9nLocale||o.t9nStrings!==r.t9nStrings)&&e(r),o=r}).catch(r=>{l("error","intl","Error updating component locale state",{detail:{error:r}})});return queueMicrotask(a),u(t,["lang"],a)},v=async(t,s,e=t.localName.split("-").slice(1).join("-"))=>{let{lang:n,t9nLocale:o}=b(t),a=`${s}/${e}/t9n`,i=e===null?{}:await w(o,a,"messages.");return{lang:n,t9nLocale:o,t9nStrings:i}};var $="ar,bg,bs,ca,cs,da,de,el,en,es,et,fi,fr,he,hr,hu,id,it,ja,ko,lt,lv,nl,nb,no,pl,pt-BR,pt-PT,ro,ru,sk,sl,sr,sv,th,tr,uk,vi,zh-CN,zh-HK,zh-TW".split(","),A=new Set($),c="en",N={pt:"pt-BR",nb:"no",nn:"no",zh:"zh-CN"},w=async(t,s,e="")=>{let n=`${s}/${e}`,o=`${n}${t}.json`;return h[o]??=f(t,n),await h[o]},h={},f=async(t,s)=>{let e=`${s}${t}.json`;try{let n=await fetch(e);if(n.ok)return await n.json()}catch(n){return l("error","intl",`An unknown error occurred while fetching localization strings at ${e}`,{detail:{error:n}}),{}}return t===c?{}:await f(c,s)},m=t=>{let[s,e]=t.split("-"),n=s.toLowerCase(),o=n;return e&&(o=`${n}-${e.toUpperCase()}`),o=N[o]??o,A.has(o)?o:e?m(n):c};export{u as a,g as b,b as c,k as d,A as e,c as f,m as g};
package/dist/cdn/{VL3QGH27.js → NNLUZDBR.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{d as b}from"./FLR4OLXP.js";import{a as f}from"./NMMVK2LG.js";import"./VUYX7MNO.js";import{a as u}from"./VRO4DPTU.js";import"./ZWPNZ5XW.js";import"./NB4UVXA7.js";import"./HYO4NFHP.js";import{C as a}from"./7FW2RVVH.js";import{E as o,F as n,G as h,H as m,T as p,g as c,h as r,p as d}from"./WNLKQGNT.js";var S=c`: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}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-card-group-space, var(--calcite-card-group-gap, var(--calcite-theme-space-md, var(--calcite-spacing-md))))}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,I={container:"container"},l=class extends h{constructor(){super(),this.items=[],this.slotRef=o(),this.focusSetter=u()(this),this.interactiveContainer=f(this),this.disabled=!1,this.scale="m",this.selectedItems=[],this.selectionMode="none",this.calciteCardGroupSelect=d({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("calciteCardSelect",this.calciteCardSelectListener)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],label:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=S}async setFocus(e){return this.focusSetter(()=>this.items[0],e)}willUpdate(e){e.has("selectionMode")&&this.hasUpdated&&this.updateItemsOnSelectionModeChange(),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.updateItemsScale()}loaded(){this.updateSelectedItems()}keyDownHandler(e){if(e.defaultPrevented||this.disabled||!e.composedPath().includes(this.el))return;let s=this.items.find(i=>i===e.target);if(!s||s.disabled||s.selectable)return;let t=this.items.filter(i=>!i.disabled);switch(e.key){case"ArrowRight":a(t,s,"next",!0,!1),e.preventDefault();break;case"ArrowLeft":a(t,s,"previous",!0,!1),e.preventDefault();break;case"Home":a(t,s,"first",!0,!1),e.preventDefault();break;case"End":a(t,s,"last",!0,!1),e.preventDefault();break}}calciteCardSelectListener(e){e.composedPath().includes(this.el)&&!e.target.selectable&&this.setSelectedItems(!0,e.target)}updateItemsOnSelectionModeChange(){this.updateSlottedItems(this.slotRef.value),this.updateSelectedItems()}updateItemsOnSlotChange(e){this.updateSlottedItems(e.target),this.updateSelectedItems(),this.updateItemsScale()}updateSlottedItems(e){this.items=e?.assignedElements({flatten:!0}).filter(b)||[]}updateItemsScale(){this.items.forEach(e=>{e.scale=this.scale})}updateSelectedItems(){this.items.forEach(e=>{e.selectionMode=this.selectionMode}),this.setSelectedItems(!1)}setSelectedItems(e,s){s&&this.items.forEach(t=>{let i=s===t;switch(this.selectionMode){case"multiple":i&&(t.selected=!t.selected);break;case"single":t.selected=i?!t.selected:!1;break;case"single-persist":t.selected=!!i;break}}),this.selectedItems=this.items.filter(t=>t.selected),e&&this.selectionMode!=="none"&&!this.disabled&&this.calciteCardGroupSelect.emit()}render(){let e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return this.interactiveContainer({disabled:this.disabled,children:r`<div .ariaLabel=${this.label} class=${m(I.container)} .role=${e}><slot @slotchange=${this.updateItemsOnSlotChange} ${n(this.slotRef)}></slot></div>`})}};p("calcite-card-group",l);export{l as CardGroup};
2
+ import{d as b}from"./FLR4OLXP.js";import{a as f}from"./5ZYCAOFR.js";import"./VUYX7MNO.js";import{a as u}from"./66A27LX7.js";import"./ZWPNZ5XW.js";import"./EEU562WF.js";import"./NDECAMD3.js";import{C as a}from"./7FW2RVVH.js";import{E as o,F as n,G as h,H as m,T as p,g as c,h as r,p as d}from"./PKAE4WC2.js";var S=c`: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}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-card-group-space, var(--calcite-card-group-gap, var(--calcite-theme-space-md, var(--calcite-spacing-md))))}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,I={container:"container"},l=class extends h{constructor(){super(),this.items=[],this.slotRef=o(),this.focusSetter=u()(this),this.interactiveContainer=f(this),this.disabled=!1,this.scale="m",this.selectedItems=[],this.selectionMode="none",this.calciteCardGroupSelect=d({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("calciteCardSelect",this.calciteCardSelectListener)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],label:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=S}async setFocus(e){return this.focusSetter(()=>this.items[0],e)}willUpdate(e){e.has("selectionMode")&&this.hasUpdated&&this.updateItemsOnSelectionModeChange(),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.updateItemsScale()}loaded(){this.updateSelectedItems()}keyDownHandler(e){if(e.defaultPrevented||this.disabled||!e.composedPath().includes(this.el))return;let s=this.items.find(i=>i===e.target);if(!s||s.disabled||s.selectable)return;let t=this.items.filter(i=>!i.disabled);switch(e.key){case"ArrowRight":a(t,s,"next",!0,!1),e.preventDefault();break;case"ArrowLeft":a(t,s,"previous",!0,!1),e.preventDefault();break;case"Home":a(t,s,"first",!0,!1),e.preventDefault();break;case"End":a(t,s,"last",!0,!1),e.preventDefault();break}}calciteCardSelectListener(e){e.composedPath().includes(this.el)&&!e.target.selectable&&this.setSelectedItems(!0,e.target)}updateItemsOnSelectionModeChange(){this.updateSlottedItems(this.slotRef.value),this.updateSelectedItems()}updateItemsOnSlotChange(e){this.updateSlottedItems(e.target),this.updateSelectedItems(),this.updateItemsScale()}updateSlottedItems(e){this.items=e?.assignedElements({flatten:!0}).filter(b)||[]}updateItemsScale(){this.items.forEach(e=>{e.scale=this.scale})}updateSelectedItems(){this.items.forEach(e=>{e.selectionMode=this.selectionMode}),this.setSelectedItems(!1)}setSelectedItems(e,s){s&&this.items.forEach(t=>{let i=s===t;switch(this.selectionMode){case"multiple":i&&(t.selected=!t.selected);break;case"single":t.selected=i?!t.selected:!1;break;case"single-persist":t.selected=!!i;break}}),this.selectedItems=this.items.filter(t=>t.selected),e&&this.selectionMode!=="none"&&!this.disabled&&this.calciteCardGroupSelect.emit()}render(){let e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return this.interactiveContainer({disabled:this.disabled,children:r`<div .ariaLabel=${this.label} class=${m(I.container)} .role=${e}><slot @slotchange=${this.updateItemsOnSlotChange} ${n(this.slotRef)}></slot></div>`})}};p("calcite-card-group",l);export{l as CardGroup};
package/dist/cdn/{YF74GTT3.js → NPYCNKHD.js} RENAMED
@@ -1,3 +1,3 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{h,i as p,j as S}from"./WNLKQGNT.js";var u=Symbol.for(""),d=t=>{if(t?.r===u)return t?._$litStatic$},_=t=>({_$litStatic$:t,r:u}),w=(t,...a)=>({_$litStatic$:a.reduce((r,i,o)=>r+(e=>{if(e._$litStatic$!==void 0)return e._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but
2
+ import{h,i as p,j as S}from"./PKAE4WC2.js";var u=Symbol.for(""),d=t=>{if(t?.r===u)return t?._$litStatic$},_=t=>({_$litStatic$:t,r:u}),w=(t,...a)=>({_$litStatic$:a.reduce((r,i,o)=>r+(e=>{if(e._$litStatic$!==void 0)return e._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but
3
3
  take care to ensure page security.`)})(i)+t[o+1],t[0]),r:u}),v=new Map,c=t=>(a,...r)=>{let i=r.length,o,e,l=[],$=[],n,s=0,f=!1;for(;s<i;){for(n=a[s];s<i&&(e=r[s],(o=d(e))!==void 0);)n+=o+a[++s],f=!0;s!==i&&$.push(e),l.push(n),s++}if(s===i&&l.push(a[i]),f){let m=l.join("$$lit$$");(a=v.get(m))===void 0&&(l.raw=l,v.set(m,a=l)),r=$}return t(a,...r)},b=c(h),x=c(p),y=c(S);export{_ as a,w as b,b as c};
package/dist/cdn/{3JRN7HES.js → O7MD54NP.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{c as de}from"./MEMTVARL.js";import{a as se}from"./54X5MQX7.js";import{a as V}from"./7HZ4VUVS.js";import{a as oe,b as S,c as z,d as R}from"./6DIAAJRO.js";import{a as ce,b as I,c as s,d as O,g as le,h as u,i as F}from"./AW5K2XMP.js";import{g as _,h as j,j as b}from"./5UJYBYHH.js";import{a as ie}from"./O6AAQCC5.js";import{a as ae}from"./FFNWJLHX.js";import{c as ne}from"./6KUNL6NU.js";import{a as te}from"./DKJI4BME.js";import{a as re}from"./QQ737S2X.js";import{a as G}from"./64WJ7NIQ.js";import{a as Z,c as C,d as J,e as Q,f as X,g as k,h as ee}from"./FCW2XIRE.js";import{a as K}from"./SAZM37N6.js";import{a as Y}from"./NMMVK2LG.js";import"./3XS7XZAX.js";import{b as A}from"./YP3AYJH3.js";import{a as $}from"./T6CCMW7H.js";import{a as q}from"./KSP4IZOE.js";import"./VUYX7MNO.js";import{a as U}from"./VRO4DPTU.js";import{a as N}from"./ZWPNZ5XW.js";import{e as M}from"./NB4UVXA7.js";import"./HYO4NFHP.js";import"./7FW2RVVH.js";import{E as x,F as m,G as B,H as c,L,Q as H,T as W,g as E,h as p,l as g,p as f}from"./WNLKQGNT.js";var he=E`: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 .menu-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}:host .menu-container:popover-open{display:block}:host .menu-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;box-shadow:var(--calcite-input-date-picker-shadow, var(--calcite-shadow-none))}:host .menu-container .calcite-floating-ui-anim{box-shadow:var(--calcite-input-date-picker-calendar-shadow, var(--calcite-shadow-md))}:host([scale=s]){--calcite-internal-date-picker-toggle-spacing: var(--calcite-space-2xs);--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-internal-date-picker-toggle-spacing) + var(--calcite-theme-space-lg, var(--calcite-spacing-lg)))}:host([scale=s]) .clear-button{block-size:var(--calcite-space-2xl)}:host([scale=m]){--calcite-internal-date-picker-toggle-spacing: var(--calcite-space-sm);--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-internal-date-picker-toggle-spacing) + var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl)))}:host([scale=m]) .clear-button{block-size:var(--calcite-space-3xl)}:host([scale=l]){--calcite-internal-date-picker-toggle-spacing: var(--calcite-space-sm-plus);--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-internal-date-picker-toggle-spacing) + var(--calcite-theme-space-3xl, var(--calcite-spacing-xxxl)))}:host([scale=l]) .clear-button{block-size:var(--calcite-space-4xl)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{box-shadow:var(--calcite-input-date-picker-calendar-shadow, var(--calcite-shadow-none));transform:translateZ(0)}.input-container,.input-wrapper{position:relative}.input-wrapper .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color, var(--calcite-input-date-picker-input-action-icon-color, var(--calcite-color-text-3)))}.input-wrapper:is(:focus-within,:hover) .chevron-icon,.input-wrapper:is(:focus-within,:hover)~.input-wrapper .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-hover, var(--calcite-color-text-1)))}.input-wrapper:is(:focus-within,:active) .chevron-icon,.input-wrapper:is(:focus-within,:active)~.input-wrapper .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-press, var(--calcite-color-text-1)))}.horizontal-actions-container{position:absolute;display:flex;align-items:center;inset-inline-end:var(--calcite-border-width-sm);inset-block:var(--calcite-space-none)}.horizontal-actions-container .toggle-icon{position:relative;inset:unset;block-size:100%}.vertical-actions-container{display:flex;align-items:center;border-width:var(--calcite-border-width-sm);border-style:solid;background-color:var(--calcite-input-date-picker-background-color, var(--calcite-color-surface-2));border-color:var(--calcite-input-date-picker-border-color, var(--calcite-color-border-input));padding-inline:var(--calcite-space-md);padding-inline-start:var(--calcite-space-none);border-inline-start-width:var(--calcite-border-width-none)}.vertical-actions-container:hover{cursor:pointer}.vertical-actions-container .toggle-icon{position:relative;inset:unset}.vertical-actions-container .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color, var(--calcite-input-date-picker-input-action-icon-color, var(--calcite-color-text-3)))}.clear-button{display:flex}.toggle-icon{position:absolute;display:flex;align-items:center;cursor:pointer;inset-inline-end:var(--calcite-space-none);inset-block:var(--calcite-space-none);padding-inline:var(--calcite-internal-date-picker-toggle-spacing);padding-inline-start:var(--calcite-space-none)}:host([range]) .container{display:flex}:host([range]) .input-container{display:flex;flex:1 1 auto}:host([range]) .input-wrapper{flex:1 1 auto}.divider-container{display:flex;align-items:stretch;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;background-color:var(--calcite-input-date-picker-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-color:var(--calcite-input-date-picker-border-color, var(--calcite-color-border-input))}:host([layout=horizontal]) .divider-container{inline-size:var(--calcite-theme-space-px, var(--calcite-spacing-px))}.divider{display:inline-block;margin-block:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));background-color:var(--calcite-input-date-picker-divider-color, var(--calcite-color-border-2));inline-size:var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([layout=vertical]) .divider-container{height:1px;border-top-width:0px;border-bottom-width:0px;border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:var(--calcite-border-width-none);inline-size:calc(100% - var(--calcite-space-md));padding-inline:var(--calcite-space-md)}:host([layout=vertical]) .divider-container .divider{margin-top:0;margin-bottom:0;height:1px;width:100%}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}:host([range][layout=vertical]) .vertical-actions-container{padding-inline-end:var(--calcite-space-none)}:host([range][layout=vertical]) .vertical-actions-container .toggle-icon{cursor:default;pointer-events:none}:host([range][layout=vertical]) .vertical-actions-container:not(:has(.clear-button)) .toggle-icon{padding-inline-start:var(--calcite-space-md)}:host([range][layout=vertical]) .clear-button{margin-inline-start:var(--calcite-space-md)}.menu-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown);inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.menu-container{opacity:0;inset-block-start:0;left:0}}.menu-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.menu-container:popover-open{display:block}.menu-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.input .calcite-input__wrapper{margin-top:0}:host([range][layout=vertical][scale=s]) .vertical-actions-container{padding-inline-end:var(--calcite-space-none)}:host([range][layout=vertical][scale=s]) .vertical-actions-container:not(:has(.clear-button)) .toggle-icon{padding-inline-start:var(--calcite-space-sm)}:host([range][layout=vertical][scale=s]) .divider-container{inline-size:calc(100% - var(--calcite-space-sm));padding-inline:var(--calcite-space-sm)}:host([range][layout=vertical][scale=s]) .clear-button{margin-inline-start:var(--calcite-space-sm)}:host([range][layout=vertical][scale=l]) .vertical-actions-container{padding-inline-end:var(--calcite-space-none)}:host([range][layout=vertical][scale=l]) .vertical-actions-container:not(:has(.clear-button)) .toggle-icon{padding-inline-start:var(--calcite-space-lg)}:host([range][layout=vertical][scale=l]) .divider-container{inline-size:calc(100% - var(--calcite-space-lg));padding-inline:var(--calcite-space-lg)}:host([range][layout=vertical][scale=l]) .clear-button{margin-inline-start:var(--calcite-space-lg)}:host([range][layout=vertical]) .input-container:has(.input-wrapper:focus-within,.input-wrapper:hover)+.vertical-actions-container .chevron-icon,:host([range][layout=vertical]) .vertical-actions-container:hover .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-hover, var(--calcite-color-text-1)))}:host([range][layout=vertical]) .input-container:has(.input-wrapper:active)+.vertical-actions-container .chevron-icon,:host([range][layout=vertical]) .vertical-actions-container:active .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-press, var(--calcite-color-text-1)))}.input{--calcite-input-text-background-color: var(--calcite-input-date-picker-background-color);--calcite-input-text-border-color: var(--calcite-input-date-picker-border-color);--calcite-input-text-corner-radius: var(--calcite-input-date-picker-corner-radius, var(--calcite-corner-radius));--calcite-input-text-shadow: var(--calcite-input-date-picker-shadow);--calcite-input-text-icon-color: var(--calcite-input-date-picker-icon-color);--calcite-input-text-text-color: var(--calcite-input-date-picker-text-color);--calcite-input-text-placeholder-text-color: var(--calcite-input-date-picker-placeholder-text-color)}:host([range]) .input--start{--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none)}:host([layout=vertical][range]) .input--start{--calcite-internal-input-text-icon-border-block-end-width: var(--calcite-border-width-none);--calcite-internal-input-text-input-border-block-end-width: var(--calcite-border-width-none)}:host([layout=horizontal]) .input--end{--calcite-internal-input-text-icon-border-inline-start-width: var(--calcite-border-width-none)}:host([range][layout=horizontal]) .container:has(.input-wrapper[data-position=end]:focus-within) .input-wrapper[data-position=end]{--calcite-input-date-picker-border-color: var(--calcite-color-brand);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))))}:host([range][layout=horizontal]) .container:has(.input-wrapper[data-position=end]:focus-within) .input-wrapper[data-position=start] .input--start{--calcite-internal-input-text-focus-outline-color: transparent}:host([status=invalid][range][layout=horizontal]) .container:has(.input-wrapper[data-position=end]:focus-within) .input-wrapper[data-position=end]{--calcite-input-date-picker-border-color: var(--calcite-color-status-danger);outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([layout=vertical]) .input--end{--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none);--calcite-internal-input-text-input-border-block-start-width: var(--calcite-border-width-none);--calcite-internal-input-text-icon-border-block-start-width: var(--calcite-border-width-none)}:host([range][layout=vertical][read-only]) :is(.input--start,.input--end){--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-sm)}:host([range][layout=vertical][read-only]) .divider-container{box-sizing:border-box;border-inline-end-width:var(--calcite-border-width-sm);inline-size:100%}calcite-date-picker{--calcite-date-picker-border-color: var(--calcite-input-date-picker-calendar-border-color);--calcite-date-picker-corner-radius: var( --calcite-input-date-picker-calendar-corner-radius, var(--calcite-corner-radius-sm) );--calcite-date-picker-range-calendar-divider-color: var(--calcite-input-date-picker-calendar-range-divider-color);--calcite-date-picker-week-header-text-color: var(--calcite-input-date-picker-calendar-text-color);--calcite-date-picker-header-action-background-color: var( --calcite-input-date-picker-calendar-actions-background-color );--calcite-date-picker-header-action-background-color-hover: var( --calcite-input-date-picker-calendar-actions-background-color-hover );--calcite-date-picker-header-action-background-color-press: var( --calcite-input-date-picker-calendar-actions-background-color-press );--calcite-date-picker-header-action-text-color: var(--calcite-input-date-picker-calendar-actions-text-color);--calcite-date-picker-header-action-text-color-press: var( --calcite-input-date-picker-calendar-actions-text-color-press );--calcite-date-picker-year-text-color: var(--calcite-input-date-picker-calendar-text-color);--calcite-date-picker-month-select-text-color: var(--calcite-input-date-picker-calendar-month-select-text-color);--calcite-date-picker-month-select-icon-color: var(--calcite-input-date-picker-calendar-icon-color);--calcite-date-picker-month-select-icon-color-hover: var(--calcite-input-date-picker-calendar-icon-color-hover);--calcite-date-picker-day-background-color: var(--calcite-input-date-picker-calendar-day-background-color);--calcite-date-picker-day-background-color-hover: var( --calcite-input-date-picker-calendar-day-background-color-hover );--calcite-date-picker-day-background-color-selected: var( --calcite-input-date-picker-calendar-selected-background-color );--calcite-date-picker-day-text-color: var(--calcite-input-date-picker-calendar-day-text-color);--calcite-date-picker-day-text-color-hover: var(--calcite-input-date-picker-calendar-day-text-color-hover);--calcite-date-picker-day-text-color-selected: var(--calcite-input-date-picker-calendar-day-text-color-selected);--calcite-date-picker-current-day-text-color: var( --calcite-input-date-picker-calendar-current-day-text-color, var(--calcite-input-date-picker-calendar-day-current-text-color) );--calcite-date-picker-day-range-text-color: var(--calcite-input-date-picker-calendar-day-range-text-color);--calcite-date-picker-day-range-background-color: var( --calcite-input-date-picker-calendar-day-range-background-color );--calcite-date-picker-day-outside-range-background-color-hover: var( --calcite-input-date-picker-calendar-day-outside-range-background-color-hover );--calcite-date-picker-day-outside-range-text-color-hover: var( --calcite-input-date-picker-calendar-day-outside-range-text-color-hover )}.assistive-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}:host([hidden]){display:none}[hidden]{display:none}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var( --calcite-input-date-picker-input-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color: var(--calcite-input-date-picker-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-date-picker-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-date-picker-input-action-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-internal-action-padding-block: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-action-background-color: var( --calcite-input-date-picker-input-action-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-action-text-color: var(--calcite-input-date-picker-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var( --calcite-input-date-picker-input-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color-press: var(--calcite-input-date-picker-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-date-picker-input-action-background-color-press, var(--calcite-input-date-picker-input-action-background-color));--calcite-action-text-color-press: var(--calcite-input-date-picker-input-action-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}`,n={assistiveText:"assistive-text",calendarWrapper:"calendar-wrapper",clearButton:"clear-button",container:"container",dividerContainer:"divider-container",divider:"divider",endInput:"input--end",inputContainer:"input-container",horizontalActionsContainer:"horizontal-actions-container",inputWrapper:"input-wrapper",input:"input",menu:"menu-container",toggleIcon:"toggle-icon",startInput:"input--start",verticalActionsContainer:"vertical-actions-container",chevronIcon:"chevron-icon"},ve="calcite-input-date-picker",D={validationMessage:"inputDatePickerValidationMessage",dialog:h=>`date-picker-dialog--${h}`,placeholder:h=>`${ve}-placeholder-${h}`},pe={start:"start",end:"end"},w={calendar:"calendar",chevronDown:"chevron-down",chevronUp:"chevron-up"};function ge(h){if(!h)return!1;let{year:e}=F(h);return Number(e)<100}function me(h){let e=new Date().getFullYear();return Math.floor(e/100)*100+h}var P=class extends B{constructor(){super(),this.commonDateSeparators=[".","-","/"],this.dialogId=D.dialog($()),this.direction=M(),this.endInputRef=x(),this.focusOnOpen=!1,this.focusTrap=se({triggerProp:"open",focusTrapOptions:{onActivate:()=>{this.focusOnOpen&&(this.datePickerEl?.setFocus(),this.focusOnOpen=!1)},allowOutsideClick:!0,clickOutsideDeactivates:!1,initialFocus:!1,setReturnFocus:!1,onDeactivate:()=>{this.open=!1}}})(this),this.formSupport=ne({inputType:"date"})(this),this.transitionProp="opacity",this.placeholderTextId=D.placeholder($()),this.rangeStartValueChangedByUser=!1,this.startInputRef=x(),this.transitionRef=x(),this.userChangedValue=!1,this._value="",this.valueAsDateChangedExternally=!1,this.messages=q({blocking:!0}),this.focusSetter=U()(this),this.interactiveContainer=Y(this),this.topLayer=G({target:()=>this.floatingEl})(this),this.focusedInput="start",this.calendars=2,this.disabled=!1,this.clearable=!1,this.focusTrapDisabled=!1,this.layout="horizontal",this.monthStyle="wide",this.open=!1,this.overlayPositioning="absolute",this.placement=Z,this.proximitySelectionDisabled=!1,this.range=!1,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.calciteInputDatePickerBeforeClose=f({cancelable:!1}),this.calciteInputDatePickerBeforeOpen=f({cancelable:!1}),this.calciteInputDatePickerChange=f({cancelable:!1}),this.calciteInputDatePickerClose=f({cancelable:!1}),this.calciteInputDatePickerOpen=f({cancelable:!1}),re(this),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.handleDateTimeFormatChange()}static{this.properties={datePickerActiveDate:[16,{},{state:!0}],focusedInput:[16,{},{state:!0}],localeData:[16,{},{state:!0}],calendars:[11,{},{type:Number,reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],clearable:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],headingLevel:[11,{},{type:Number,reflect:!0}],label:1,labelText:1,layout:[3,{},{reflect:!0}],max:[3,{},{reflect:!0}],maxAsDate:[0,{},{attribute:!1}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],minAsDate:[0,{},{attribute:!1}],monthStyle:1,name:[3,{},{reflect:!0}],numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,placement:[3,{},{reflect:!0}],proximitySelectionDisabled:[5,{},{type:Boolean}],range:[7,{},{reflect:!0,type:Boolean}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:L},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1,valueAsDate:[0,{},{attribute:!1}]}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=he}get value(){return this._value}set value(e){let t=e!==this._value,a=e===""&&(this.startInputRef.value?.value!==""||this.endInputRef.value?.value!=="");(t||a)&&(this._value=e,this.valueWatcher(e))}async reposition(e=!1){let{floatingEl:t,referenceEl:a,placement:i,overlayPositioning:l,filteredFlipPlacements:r}=this;return Q(this,{direction:this.direction,floatingEl:t,referenceEl:a,overlayPositioning:l,placement:i,flipPlacements:r,type:"menu"},e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback();let{open:e}=this;e&&this.openHandler(),this.setFilteredPlacements(),k(this)}async load(){this.handleDateTimeFormatChange(),await this.loadLocaleData()}willUpdate(e){e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledAndReadOnlyChange(this.disabled),e.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&this.handleDisabledAndReadOnlyChange(this.readOnly),e.has("flipPlacements")&&this.flipPlacementsHandler();let t=R(e,"min"),a=R(e,"max");if(t==="min"?this.minAsDate=s(this.min):t==="minAsDate"&&(this.minAsDate=s(u(this.minAsDate))),a==="max"?this.maxAsDate=s(this.max):a==="maxAsDate"&&(this.maxAsDate=s(u(this.maxAsDate))),(t||a)&&!Array.isArray(this.valueAsDate)){let i=I(this.valueAsDate,this.minAsDate,this.maxAsDate);i!==this.valueAsDate&&(this.valueAsDate=i)}e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")&&this.reposition(!0),(e.has("numberingSystem")||e.has("messages"))&&this.handleDateTimeFormatChange(),e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setReferenceEl(),e.has("valueAsDate")&&this.valueAsDateWatcher(this.valueAsDate),e.has("messages")&&(this.loadLocaleData(),this.localizeInputValues())}loaded(){this.localizeInputValues(),k(this)}disconnectedCallback(){super.disconnectedCallback(),ee(this)}handleDisabledAndReadOnlyChange(e){e||(this.open=!1)}valueWatcher(e){if(!this.userChangedValue){let t;try{Array.isArray(e)?t=z(e):e?t=s(e):t=void 0}catch{Array.isArray(e)||(this.warnAboutInvalidValue(e),this.value="")}!this.valueAsDateChangedExternally&&t!==this.valueAsDate&&(this.valueAsDate=t),this.localizeInputValues()}this.userChangedValue=!1}valueAsDateWatcher(e){let t=Array.isArray(e)?[u(e[0]),u(e[1])]:u(e);this.value!==t&&(this.valueAsDateChangedExternally=!0,this.value=t,this.valueAsDateChangedExternally=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){this.disabled||this.readOnly||(K(this),this.reposition(!0))}calciteInternalInputInputHandler(e){let t=e.target,a=t.value,i=this.parseNumerals(a),l=this.formatNumerals(i);t.value=l;let{year:r}=le(a,this.localeData);if(r&&r.length<4)return;let o=O(a,this.localeData);ce(o,this.min,this.max)&&(this.datePickerActiveDate=o)}calciteInternalInputBlurHandler(){this.commitValue()}handleDateTimeFormatChange(){let e={numberingSystem:_(this.numberingSystem)};this.dateTimeFormat=new Intl.DateTimeFormat(j(S(this.messages._lang)),e)}setReferenceEl(){let{focusedInput:e,layout:t,endWrapper:a,startWrapper:i}=this;this.referenceEl=e==="end"||t==="vertical"?a||i:i||a,requestAnimationFrame(()=>k(this))}onInputWrapperPointerDown(){this.currentOpenInput=this.focusedInput}onInputWrapperClick(e){if(!e.composedPath().some(a=>a instanceof HTMLElement?a.classList.contains(n.clearButton)||a.classList.contains(n.toggleIcon):!1)){let i=e.currentTarget.getAttribute("data-position");this.toggleInputOpen(i)}}toggleInputOpen(e){let{range:t,currentOpenInput:a}=this;(!t||!this.open||a===e)&&(this.open=!this.open)}toggleSingleOpenClickHandler(){this.startInputRef.value?.setFocus(),this.open=!this.open}toggleRangeOpenClickHandler(e){let t=e??this.focusedInput,a=!this.open||this.focusedInput===t;this.focusedInput=t,this.focusInput(),a&&(this.open=!this.open)}onVerticalActionsContainerClick(e){this.disabled||this.readOnly||e.composedPath().some(a=>a instanceof HTMLElement?a.classList.contains(n.clearButton):!1)||this.toggleRangeOpenClickHandler()}clearValue(){this.range?this.setRangeValue([void 0,void 0]):this.setValue(void 0),this.localizeInputValues()}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?J(t,e):void 0}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteInputDatePickerBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrap.activate(),this.calciteInputDatePickerOpen.emit()}onBeforeClose(){this.calciteInputDatePickerBeforeClose.emit()}onClose(){this.calciteInputDatePickerClose.emit(),X(this),this.focusTrap.deactivate(),this.focusOnOpen=!1,this.datePickerEl?.reset(),this.topLayer.hide()}blurHandler(){this.open=!1}commitValue(){let{focusedInput:e,value:t}=this,a=this.getInputRef(e),i=a.value?O(a.value?.value,this.localeData):void 0,l=u(i),r=Array.isArray(t);if(this.range){let o=e==="start"?0:1;if(r){if(l===t[o])return;i?(this.setRangeValue([e==="start"?i:s(t[0]),e==="end"?i:s(t[1])]),this.localizeInputValues()):this.setRangeValue([e==="end"?s(t[0]):void 0,e==="start"?s(t[1]):void 0])}else i&&(this.setRangeValue([e==="start"?i:s(t[0]),e==="end"?i:s(t[1])]),this.localizeInputValues())}else{if(l===t)return;this.setValue(i),this.localizeInputValues()}}keyDownHandler(e){let{defaultPrevented:t,key:a}=e;if(t)return;let i=e.composedPath().some(de);if(a==="Enter"){let l=this.value;this.commitValue();let r=this.shouldFocusRangeEnd(),o=!r&&this.shouldFocusRangeStart();if(r||o){e.preventDefault(),r?this.endInputRef.value?.setFocus():o&&this.startInputRef.value?.setFocus();return}if(this.open)this.restoreInputFocus(!0),e.preventDefault();else{let d=this.formSupport.active;(l!==this.value||d)&&e.preventDefault(),d&&this.formSupport.requestSubmit()}}else if((a==="ArrowDown"||a==="ArrowUp")&&!i)this.open=!0,this.focusOnOpen=!0,e.preventDefault();else if(a==="Escape"){let l=this.open,r=this.range?Array.isArray(this.value)&&(!!this.value[0]||!!this.value[1]):!!this.value,o=!this.disabled&&!this.readOnly&&this.clearable&&r;o&&this.clearValue(),l&&(this.open=!1,this.restoreInputFocus(!0)),(l||o)&&e.preventDefault()}}startInputFocus(){this.focusedInput="start"}endInputFocus(){this.focusedInput="end"}setFloatingEl(e){this.floatingEl=e,k(this)}setStartWrapper(e){this.startWrapper=e,this.setReferenceEl()}setEndWrapper(e){this.endWrapper=e,this.setReferenceEl()}setDatePickerRef(e){this.datePickerEl=e,e&&this.focusTrap.overrideFocusTrapEl(e)}async loadLocaleData(){if(!1)return;let e=S(this.messages._lang);b.numberFormatOptions={numberingSystem:this.numberingSystem,locale:e,useGrouping:!1},this.localeData=await oe(e),this.localizeInputValues()}handleDateChange(e){this.range||(e.stopPropagation(),this.setValue(e.target.valueAsDate),this.localizeInputValues(),this.restoreInputFocus())}shouldFocusRangeStart(){let e=this.value[0];return!!(this.value[1]&&!e&&this.focusedInput==="end"&&this.startInputRef)}shouldFocusRangeEnd(){let e=this.value[0],t=this.value[1];return!!(e&&!t&&this.focusedInput==="start"&&this.endInputRef)}handleDateRangeChange(e){if(!this.range)return;e.stopPropagation();let t=e.target.valueAsDate;this.setRangeValue(t),this.localizeInputValues(),this.restoreInputFocus()}restoreInputFocus(e=!1){if(!this.range){this.startInputRef.value?.setFocus(),this.open=!1;return}if(e){this.focusInput();return}this.rangeStartValueChangedByUser=this.focusedInput==="start",this.focusedInput="end",!(this.shouldFocusRangeStart()||this.rangeStartValueChangedByUser)&&(this.proximitySelectionDisabled&&Array.isArray(this.valueAsDate)&&this.valueAsDate[1]===void 0||(this.open=!1,this.focusInput()))}localizeInputValues(){let e=I(this.range?Array.isArray(this.valueAsDate)&&this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate),t=this.range?I(Array.isArray(this.valueAsDate)&&this.valueAsDate[1],this.minAsDate,this.maxAsDate):void 0;this.setInputValue((e&&this.dateTimeFormat?.format(e))??"","start"),this.setInputValue(this.range&&t&&this.dateTimeFormat?.format(t)||"","end")}getInputRef(e="start"){return e==="start"?this.startInputRef:this.endInputRef}setInputValue(e,t="start"){let a=this.getInputRef(t);a.value&&(a.value.value=e)}setRangeValue(e){if(!this.range)return;let{value:t}=this,a=Array.isArray(t),i=Array.isArray(e),l=i?e[0]:void 0,r=i?u(l):"";r&&(r=this.getNormalizedDate(r));let o=i?e[1]:void 0,d=i?u(o):"";d&&(d=this.getNormalizedDate(d));let v=r||d?[r,d]:"";if(v===t)return;this.userChangedValue=!0,this.value=v,this.valueAsDate=v?z(v):void 0;let y=this.calciteInputDatePickerChange.emit();y&&y.defaultPrevented&&(this.value=t,a?(this.setInputValue(t[0],"start"),this.setInputValue(t[1],"end")):(this.value=t,this.setInputValue(t)))}setValue(e){if(this.range)return;let t=this.value,a=u(e);if(a=this.getNormalizedDate(a),a===t)return;this.userChangedValue=!0,this.valueAsDate=a?s(a):void 0,this.value=a||"",this.calciteInputDatePickerChange.emit().defaultPrevented&&(this.value=t,this.setInputValue(t))}warnAboutInvalidValue(e){H.warn(`The specified value "${e}" does not conform to the required format, "YYYY-MM-DD".`)}formatNumerals(e){return e?e.split("").map(t=>this.commonDateSeparators?.includes(t)?this.localeData?.separator:A?.includes(t)?b?.numberFormatter?.format(Number(t)):t).join(""):""}parseNumerals(e){return e?e.split("").map(t=>A.includes(t)?b.delocalize(t):t).join(""):""}getNormalizedDate(e){if(!e)return"";if(!ge(e))return e;let{day:t,month:a,year:i}=F(e);return`${me(Number(i))}-${a}-${t}`}focusInput(){(this.focusedInput==="start"?this.startInputRef:this.endInputRef).value?.setFocus()}render(){let{disabled:e,messages:{_lang:t},messages:a,numberingSystem:i,readOnly:l}=this;b.numberFormatOptions={numberingSystem:i,locale:t,useGrouping:!1};let r=this.range?Array.isArray(this.value)&&!!this.value[0]:!!this.value,o=this.range&&Array.isArray(this.value)&&!!this.value[1],d=!e&&!l,v=this.range&&this.clearable&&d&&(r||o),y=!this.range&&this.clearable&&d&&r,T=p`<div class=${c(n.clearButton)} @click=${this.clearValue}>${V({ariaLabel:this.messages.clear,scale:this.scale,title:this.messages.clear})}</div>`;return this.interactiveContainer({disabled:this.disabled,children:p`${this.labelText&&ae({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${c(n.container)}><div aria-label=${te(this)??g} .ariaRequired=${this.required} class=${c(n.inputContainer)} role=group><div class=${c(n.inputWrapper)} data-position=${pe.start} @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${m(this.setStartWrapper)}><calcite-input-text aria-controls=${this.dialogId??g} aria-describedby=${this.placeholderTextId??g} aria-errormessage=${D.validationMessage} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog .ariaInvalid=${this.status==="invalid"} class=${c({[n.input]:!0,[n.startInput]:!0})} .disabled=${e} .icon=${w.calendar} .label=${this.range?this.messages.startDate:this.messages.date} @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.startInputFocus} .placeholder=${this.placeholder||this.localeData?.placeholder} .readOnly=${l} role=combobox .scale=${this.scale} .status=${this.status} ${m(this.startInputRef)}></calcite-input-text><span aria-hidden=true class=${c(n.assistiveText)} id=${this.placeholderTextId??g}>${this.placeholder||a.dateFormat.replace("{format}",this.localeData?.placeholder)}</span>${!this.range&&!this.readOnly?p`<div class=${c(n.horizontalActionsContainer)}>${y?p`<div class=${c(n.clearButton)} @click=${this.clearValue}>${V({ariaLabel:this.messages.clear,scale:this.scale,title:this.messages.clear})}</div>`:null}${this.renderToggleIcon(this.open&&this.focusedInput==="start",this.toggleSingleOpenClickHandler)}</div>`:null}</div><div .ariaHidden=${!this.open} .ariaLabel=${a.chooseDate} aria-live=polite class=${c(n.menu)} id=${this.dialogId??g} popover=manual role=dialog ${m(this.setFloatingEl)}><div class=${c({[n.calendarWrapper]:!0,[C.animation]:!0,[C.animationActive]:this.open})} ${m(this.transitionRef)}><calcite-date-picker .activeDate=${this.datePickerActiveDate} .activeRange=${this.focusedInput} .calendars=${this.calendars} .headingLevel=${this.headingLevel} .layout=${this.layout} .max=${this.max} .maxAsDate=${this.maxAsDate} .messageOverrides=${this.messageOverrides} .min=${this.min} .minAsDate=${this.minAsDate} .monthStyle=${this.monthStyle} .numberingSystem=${i} @calciteDatePickerChange=${this.handleDateChange} @calciteDatePickerRangeChange=${this.handleDateRangeChange} .proximitySelectionDisabled=${this.proximitySelectionDisabled} .range=${this.range} .scale=${this.scale} tabindex=${(this.open?void 0:-1)??g} .valueAsDate=${this.valueAsDate} ${m(this.setDatePickerRef)}></calcite-date-picker></div></div>${this.range&&p`<div class=${c(n.dividerContainer)}><div class=${c(n.divider)}></div></div>`||""}${this.range&&p`<div class=${c(n.inputWrapper)} data-position=${pe.end} @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${m(this.setEndWrapper)}><calcite-input-text aria-controls=${this.dialogId??g} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog class=${c({[n.input]:!0,[n.endInput]:!0})} .disabled=${e} .icon=${w.calendar} .label=${this.messages.endDate} @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.endInputFocus} .placeholder=${this.placeholder||this.localeData?.placeholder} .readOnly=${l} role=combobox .scale=${this.scale} .status=${this.status} ${m(this.endInputRef)}></calcite-input-text>${this.layout==="horizontal"&&!this.readOnly?p`<div class=${c(n.horizontalActionsContainer)}>${v?T:null}${this.renderToggleIcon(this.open,()=>this.toggleRangeOpenClickHandler("end"))}</div>`:null}</div>`||""}</div>${this.range&&this.layout==="vertical"&&!this.readOnly?p`<div class=${c(n.verticalActionsContainer)} @click=${this.onVerticalActionsContainerClick}>${v?T:null}${this.renderToggleIcon(this.open,()=>this.toggleRangeOpenClickHandler())}</div>`:null}</div>${this.validationMessage&&this.status==="invalid"?ie({icon:this.validationIcon,id:D.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderToggleIcon(e,t){return p`<span class=${c(n.toggleIcon)} @click=${t} tabindex=-1><calcite-icon class=${c(n.chevronIcon)} .icon=${e?w.chevronUp:w.chevronDown} .scale=${N(this.scale)}></calcite-icon></span>`}};W("calcite-input-date-picker",P);export{P as InputDatePicker};
2
+ import{c as de}from"./MEMTVARL.js";import{a as se}from"./SNU6GHTA.js";import{a as V}from"./FPI74P5T.js";import{a as oe,b as S,c as z,d as R}from"./7P45SJQG.js";import{a as ce,b as I,c as s,d as O,g as le,h as u,i as F}from"./URJJHOZ3.js";import{g as _,h as j,j as b}from"./PFOFT4N3.js";import{a as ie}from"./MZPMJXP6.js";import{a as ae}from"./L6STJJQX.js";import{c as ne}from"./XZGRTKR5.js";import{a as te}from"./DKJI4BME.js";import{a as re}from"./XRPAIIKT.js";import{a as G}from"./ULE74MJQ.js";import{a as Z,c as C,d as J,e as Q,f as X,g as k,h as ee}from"./Y72UN7RT.js";import{a as K}from"./SAZM37N6.js";import{a as Y}from"./5ZYCAOFR.js";import"./3XS7XZAX.js";import{b as A}from"./YP3AYJH3.js";import{a as $}from"./T6CCMW7H.js";import{a as q}from"./XOP5FFXT.js";import"./VUYX7MNO.js";import{a as U}from"./66A27LX7.js";import{a as N}from"./ZWPNZ5XW.js";import{e as M}from"./EEU562WF.js";import"./NDECAMD3.js";import"./7FW2RVVH.js";import{E as x,F as m,G as B,H as c,L,Q as H,T as W,g as E,h as p,l as g,p as f}from"./PKAE4WC2.js";var he=E`: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 .menu-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}:host .menu-container:popover-open{display:block}:host .menu-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;box-shadow:var(--calcite-input-date-picker-shadow, var(--calcite-shadow-none))}:host .menu-container .calcite-floating-ui-anim{box-shadow:var(--calcite-input-date-picker-calendar-shadow, var(--calcite-shadow-md))}:host([scale=s]){--calcite-internal-date-picker-toggle-spacing: var(--calcite-space-2xs);--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-internal-date-picker-toggle-spacing) + var(--calcite-theme-space-lg, var(--calcite-spacing-lg)))}:host([scale=s]) .clear-button{block-size:var(--calcite-space-2xl)}:host([scale=m]){--calcite-internal-date-picker-toggle-spacing: var(--calcite-space-sm);--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-internal-date-picker-toggle-spacing) + var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl)))}:host([scale=m]) .clear-button{block-size:var(--calcite-space-3xl)}:host([scale=l]){--calcite-internal-date-picker-toggle-spacing: var(--calcite-space-sm-plus);--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-internal-date-picker-toggle-spacing) + var(--calcite-theme-space-3xl, var(--calcite-spacing-xxxl)))}:host([scale=l]) .clear-button{block-size:var(--calcite-space-4xl)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{box-shadow:var(--calcite-input-date-picker-calendar-shadow, var(--calcite-shadow-none));transform:translateZ(0)}.input-container,.input-wrapper{position:relative}.input-wrapper .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color, var(--calcite-input-date-picker-input-action-icon-color, var(--calcite-color-text-3)))}.input-wrapper:is(:focus-within,:hover) .chevron-icon,.input-wrapper:is(:focus-within,:hover)~.input-wrapper .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-hover, var(--calcite-color-text-1)))}.input-wrapper:is(:focus-within,:active) .chevron-icon,.input-wrapper:is(:focus-within,:active)~.input-wrapper .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-press, var(--calcite-color-text-1)))}.horizontal-actions-container{position:absolute;display:flex;align-items:center;inset-inline-end:var(--calcite-border-width-sm);inset-block:var(--calcite-space-none)}.horizontal-actions-container .toggle-icon{position:relative;inset:unset;block-size:100%}.vertical-actions-container{display:flex;align-items:center;border-width:var(--calcite-border-width-sm);border-style:solid;background-color:var(--calcite-input-date-picker-background-color, var(--calcite-color-surface-2));border-color:var(--calcite-input-date-picker-border-color, var(--calcite-color-border-input));padding-inline:var(--calcite-space-md);padding-inline-start:var(--calcite-space-none);border-inline-start-width:var(--calcite-border-width-none)}.vertical-actions-container:hover{cursor:pointer}.vertical-actions-container .toggle-icon{position:relative;inset:unset}.vertical-actions-container .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color, var(--calcite-input-date-picker-input-action-icon-color, var(--calcite-color-text-3)))}.clear-button{display:flex}.toggle-icon{position:absolute;display:flex;align-items:center;cursor:pointer;inset-inline-end:var(--calcite-space-none);inset-block:var(--calcite-space-none);padding-inline:var(--calcite-internal-date-picker-toggle-spacing);padding-inline-start:var(--calcite-space-none)}:host([range]) .container{display:flex}:host([range]) .input-container{display:flex;flex:1 1 auto}:host([range]) .input-wrapper{flex:1 1 auto}.divider-container{display:flex;align-items:stretch;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;background-color:var(--calcite-input-date-picker-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-color:var(--calcite-input-date-picker-border-color, var(--calcite-color-border-input))}:host([layout=horizontal]) .divider-container{inline-size:var(--calcite-theme-space-px, var(--calcite-spacing-px))}.divider{display:inline-block;margin-block:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));background-color:var(--calcite-input-date-picker-divider-color, var(--calcite-color-border-2));inline-size:var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([layout=vertical]) .divider-container{height:1px;border-top-width:0px;border-bottom-width:0px;border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:var(--calcite-border-width-none);inline-size:calc(100% - var(--calcite-space-md));padding-inline:var(--calcite-space-md)}:host([layout=vertical]) .divider-container .divider{margin-top:0;margin-bottom:0;height:1px;width:100%}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}:host([range][layout=vertical]) .vertical-actions-container{padding-inline-end:var(--calcite-space-none)}:host([range][layout=vertical]) .vertical-actions-container .toggle-icon{cursor:default;pointer-events:none}:host([range][layout=vertical]) .vertical-actions-container:not(:has(.clear-button)) .toggle-icon{padding-inline-start:var(--calcite-space-md)}:host([range][layout=vertical]) .clear-button{margin-inline-start:var(--calcite-space-md)}.menu-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown);inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.menu-container{opacity:0;inset-block-start:0;left:0}}.menu-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.menu-container:popover-open{display:block}.menu-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.input .calcite-input__wrapper{margin-top:0}:host([range][layout=vertical][scale=s]) .vertical-actions-container{padding-inline-end:var(--calcite-space-none)}:host([range][layout=vertical][scale=s]) .vertical-actions-container:not(:has(.clear-button)) .toggle-icon{padding-inline-start:var(--calcite-space-sm)}:host([range][layout=vertical][scale=s]) .divider-container{inline-size:calc(100% - var(--calcite-space-sm));padding-inline:var(--calcite-space-sm)}:host([range][layout=vertical][scale=s]) .clear-button{margin-inline-start:var(--calcite-space-sm)}:host([range][layout=vertical][scale=l]) .vertical-actions-container{padding-inline-end:var(--calcite-space-none)}:host([range][layout=vertical][scale=l]) .vertical-actions-container:not(:has(.clear-button)) .toggle-icon{padding-inline-start:var(--calcite-space-lg)}:host([range][layout=vertical][scale=l]) .divider-container{inline-size:calc(100% - var(--calcite-space-lg));padding-inline:var(--calcite-space-lg)}:host([range][layout=vertical][scale=l]) .clear-button{margin-inline-start:var(--calcite-space-lg)}:host([range][layout=vertical]) .input-container:has(.input-wrapper:focus-within,.input-wrapper:hover)+.vertical-actions-container .chevron-icon,:host([range][layout=vertical]) .vertical-actions-container:hover .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-hover, var(--calcite-color-text-1)))}:host([range][layout=vertical]) .input-container:has(.input-wrapper:active)+.vertical-actions-container .chevron-icon,:host([range][layout=vertical]) .vertical-actions-container:active .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-press, var(--calcite-color-text-1)))}.input{--calcite-input-text-background-color: var(--calcite-input-date-picker-background-color);--calcite-input-text-border-color: var(--calcite-input-date-picker-border-color);--calcite-input-text-corner-radius: var(--calcite-input-date-picker-corner-radius, var(--calcite-corner-radius));--calcite-input-text-shadow: var(--calcite-input-date-picker-shadow);--calcite-input-text-icon-color: var(--calcite-input-date-picker-icon-color);--calcite-input-text-text-color: var(--calcite-input-date-picker-text-color);--calcite-input-text-placeholder-text-color: var(--calcite-input-date-picker-placeholder-text-color)}:host([range]) .input--start{--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none)}:host([layout=vertical][range]) .input--start{--calcite-internal-input-text-icon-border-block-end-width: var(--calcite-border-width-none);--calcite-internal-input-text-input-border-block-end-width: var(--calcite-border-width-none)}:host([layout=horizontal]) .input--end{--calcite-internal-input-text-icon-border-inline-start-width: var(--calcite-border-width-none)}:host([range][layout=horizontal]) .container:has(.input-wrapper[data-position=end]:focus-within) .input-wrapper[data-position=end]{--calcite-input-date-picker-border-color: var(--calcite-color-brand);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))))}:host([range][layout=horizontal]) .container:has(.input-wrapper[data-position=end]:focus-within) .input-wrapper[data-position=start] .input--start{--calcite-internal-input-text-focus-outline-color: transparent}:host([status=invalid][range][layout=horizontal]) .container:has(.input-wrapper[data-position=end]:focus-within) .input-wrapper[data-position=end]{--calcite-input-date-picker-border-color: var(--calcite-color-status-danger);outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([layout=vertical]) .input--end{--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none);--calcite-internal-input-text-input-border-block-start-width: var(--calcite-border-width-none);--calcite-internal-input-text-icon-border-block-start-width: var(--calcite-border-width-none)}:host([range][layout=vertical][read-only]) :is(.input--start,.input--end){--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-sm)}:host([range][layout=vertical][read-only]) .divider-container{box-sizing:border-box;border-inline-end-width:var(--calcite-border-width-sm);inline-size:100%}calcite-date-picker{--calcite-date-picker-border-color: var(--calcite-input-date-picker-calendar-border-color);--calcite-date-picker-corner-radius: var( --calcite-input-date-picker-calendar-corner-radius, var(--calcite-corner-radius-sm) );--calcite-date-picker-range-calendar-divider-color: var(--calcite-input-date-picker-calendar-range-divider-color);--calcite-date-picker-week-header-text-color: var(--calcite-input-date-picker-calendar-text-color);--calcite-date-picker-header-action-background-color: var( --calcite-input-date-picker-calendar-actions-background-color );--calcite-date-picker-header-action-background-color-hover: var( --calcite-input-date-picker-calendar-actions-background-color-hover );--calcite-date-picker-header-action-background-color-press: var( --calcite-input-date-picker-calendar-actions-background-color-press );--calcite-date-picker-header-action-text-color: var(--calcite-input-date-picker-calendar-actions-text-color);--calcite-date-picker-header-action-text-color-press: var( --calcite-input-date-picker-calendar-actions-text-color-press );--calcite-date-picker-year-text-color: var(--calcite-input-date-picker-calendar-text-color);--calcite-date-picker-month-select-text-color: var(--calcite-input-date-picker-calendar-month-select-text-color);--calcite-date-picker-month-select-icon-color: var(--calcite-input-date-picker-calendar-icon-color);--calcite-date-picker-month-select-icon-color-hover: var(--calcite-input-date-picker-calendar-icon-color-hover);--calcite-date-picker-day-background-color: var(--calcite-input-date-picker-calendar-day-background-color);--calcite-date-picker-day-background-color-hover: var( --calcite-input-date-picker-calendar-day-background-color-hover );--calcite-date-picker-day-background-color-selected: var( --calcite-input-date-picker-calendar-selected-background-color );--calcite-date-picker-day-text-color: var(--calcite-input-date-picker-calendar-day-text-color);--calcite-date-picker-day-text-color-hover: var(--calcite-input-date-picker-calendar-day-text-color-hover);--calcite-date-picker-day-text-color-selected: var(--calcite-input-date-picker-calendar-day-text-color-selected);--calcite-date-picker-current-day-text-color: var( --calcite-input-date-picker-calendar-current-day-text-color, var(--calcite-input-date-picker-calendar-day-current-text-color) );--calcite-date-picker-day-range-text-color: var(--calcite-input-date-picker-calendar-day-range-text-color);--calcite-date-picker-day-range-background-color: var( --calcite-input-date-picker-calendar-day-range-background-color );--calcite-date-picker-day-outside-range-background-color-hover: var( --calcite-input-date-picker-calendar-day-outside-range-background-color-hover );--calcite-date-picker-day-outside-range-text-color-hover: var( --calcite-input-date-picker-calendar-day-outside-range-text-color-hover )}.assistive-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}:host([hidden]){display:none}[hidden]{display:none}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var( --calcite-input-date-picker-input-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color: var(--calcite-input-date-picker-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-date-picker-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-date-picker-input-action-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-internal-action-padding-block: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-action-background-color: var( --calcite-input-date-picker-input-action-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-action-text-color: var(--calcite-input-date-picker-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var( --calcite-input-date-picker-input-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color-press: var(--calcite-input-date-picker-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-date-picker-input-action-background-color-press, var(--calcite-input-date-picker-input-action-background-color));--calcite-action-text-color-press: var(--calcite-input-date-picker-input-action-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}`,n={assistiveText:"assistive-text",calendarWrapper:"calendar-wrapper",clearButton:"clear-button",container:"container",dividerContainer:"divider-container",divider:"divider",endInput:"input--end",inputContainer:"input-container",horizontalActionsContainer:"horizontal-actions-container",inputWrapper:"input-wrapper",input:"input",menu:"menu-container",toggleIcon:"toggle-icon",startInput:"input--start",verticalActionsContainer:"vertical-actions-container",chevronIcon:"chevron-icon"},ve="calcite-input-date-picker",D={validationMessage:"inputDatePickerValidationMessage",dialog:h=>`date-picker-dialog--${h}`,placeholder:h=>`${ve}-placeholder-${h}`},pe={start:"start",end:"end"},w={calendar:"calendar",chevronDown:"chevron-down",chevronUp:"chevron-up"};function ge(h){if(!h)return!1;let{year:e}=F(h);return Number(e)<100}function me(h){let e=new Date().getFullYear();return Math.floor(e/100)*100+h}var P=class extends B{constructor(){super(),this.commonDateSeparators=[".","-","/"],this.dialogId=D.dialog($()),this.direction=M(),this.endInputRef=x(),this.focusOnOpen=!1,this.focusTrap=se({triggerProp:"open",focusTrapOptions:{onActivate:()=>{this.focusOnOpen&&(this.datePickerEl?.setFocus(),this.focusOnOpen=!1)},allowOutsideClick:!0,clickOutsideDeactivates:!1,initialFocus:!1,setReturnFocus:!1,onDeactivate:()=>{this.open=!1}}})(this),this.formSupport=ne({inputType:"date"})(this),this.transitionProp="opacity",this.placeholderTextId=D.placeholder($()),this.rangeStartValueChangedByUser=!1,this.startInputRef=x(),this.transitionRef=x(),this.userChangedValue=!1,this._value="",this.valueAsDateChangedExternally=!1,this.messages=q({blocking:!0}),this.focusSetter=U()(this),this.interactiveContainer=Y(this),this.topLayer=G({target:()=>this.floatingEl})(this),this.focusedInput="start",this.calendars=2,this.disabled=!1,this.clearable=!1,this.focusTrapDisabled=!1,this.layout="horizontal",this.monthStyle="wide",this.open=!1,this.overlayPositioning="absolute",this.placement=Z,this.proximitySelectionDisabled=!1,this.range=!1,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.calciteInputDatePickerBeforeClose=f({cancelable:!1}),this.calciteInputDatePickerBeforeOpen=f({cancelable:!1}),this.calciteInputDatePickerChange=f({cancelable:!1}),this.calciteInputDatePickerClose=f({cancelable:!1}),this.calciteInputDatePickerOpen=f({cancelable:!1}),re(this),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.handleDateTimeFormatChange()}static{this.properties={datePickerActiveDate:[16,{},{state:!0}],focusedInput:[16,{},{state:!0}],localeData:[16,{},{state:!0}],calendars:[11,{},{type:Number,reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],clearable:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],headingLevel:[11,{},{type:Number,reflect:!0}],label:1,labelText:1,layout:[3,{},{reflect:!0}],max:[3,{},{reflect:!0}],maxAsDate:[0,{},{attribute:!1}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],minAsDate:[0,{},{attribute:!1}],monthStyle:1,name:[3,{},{reflect:!0}],numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,placement:[3,{},{reflect:!0}],proximitySelectionDisabled:[5,{},{type:Boolean}],range:[7,{},{reflect:!0,type:Boolean}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:L},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1,valueAsDate:[0,{},{attribute:!1}]}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=he}get value(){return this._value}set value(e){let t=e!==this._value,a=e===""&&(this.startInputRef.value?.value!==""||this.endInputRef.value?.value!=="");(t||a)&&(this._value=e,this.valueWatcher(e))}async reposition(e=!1){let{floatingEl:t,referenceEl:a,placement:i,overlayPositioning:l,filteredFlipPlacements:r}=this;return Q(this,{direction:this.direction,floatingEl:t,referenceEl:a,overlayPositioning:l,placement:i,flipPlacements:r,type:"menu"},e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback();let{open:e}=this;e&&this.openHandler(),this.setFilteredPlacements(),k(this)}async load(){this.handleDateTimeFormatChange(),await this.loadLocaleData()}willUpdate(e){e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledAndReadOnlyChange(this.disabled),e.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&this.handleDisabledAndReadOnlyChange(this.readOnly),e.has("flipPlacements")&&this.flipPlacementsHandler();let t=R(e,"min"),a=R(e,"max");if(t==="min"?this.minAsDate=s(this.min):t==="minAsDate"&&(this.minAsDate=s(u(this.minAsDate))),a==="max"?this.maxAsDate=s(this.max):a==="maxAsDate"&&(this.maxAsDate=s(u(this.maxAsDate))),(t||a)&&!Array.isArray(this.valueAsDate)){let i=I(this.valueAsDate,this.minAsDate,this.maxAsDate);i!==this.valueAsDate&&(this.valueAsDate=i)}e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")&&this.reposition(!0),(e.has("numberingSystem")||e.has("messages"))&&this.handleDateTimeFormatChange(),e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setReferenceEl(),e.has("valueAsDate")&&this.valueAsDateWatcher(this.valueAsDate),e.has("messages")&&(this.loadLocaleData(),this.localizeInputValues())}loaded(){this.localizeInputValues(),k(this)}disconnectedCallback(){super.disconnectedCallback(),ee(this)}handleDisabledAndReadOnlyChange(e){e||(this.open=!1)}valueWatcher(e){if(!this.userChangedValue){let t;try{Array.isArray(e)?t=z(e):e?t=s(e):t=void 0}catch{Array.isArray(e)||(this.warnAboutInvalidValue(e),this.value="")}!this.valueAsDateChangedExternally&&t!==this.valueAsDate&&(this.valueAsDate=t),this.localizeInputValues()}this.userChangedValue=!1}valueAsDateWatcher(e){let t=Array.isArray(e)?[u(e[0]),u(e[1])]:u(e);this.value!==t&&(this.valueAsDateChangedExternally=!0,this.value=t,this.valueAsDateChangedExternally=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){this.disabled||this.readOnly||(K(this),this.reposition(!0))}calciteInternalInputInputHandler(e){let t=e.target,a=t.value,i=this.parseNumerals(a),l=this.formatNumerals(i);t.value=l;let{year:r}=le(a,this.localeData);if(r&&r.length<4)return;let o=O(a,this.localeData);ce(o,this.min,this.max)&&(this.datePickerActiveDate=o)}calciteInternalInputBlurHandler(){this.commitValue()}handleDateTimeFormatChange(){let e={numberingSystem:_(this.numberingSystem)};this.dateTimeFormat=new Intl.DateTimeFormat(j(S(this.messages._lang)),e)}setReferenceEl(){let{focusedInput:e,layout:t,endWrapper:a,startWrapper:i}=this;this.referenceEl=e==="end"||t==="vertical"?a||i:i||a,requestAnimationFrame(()=>k(this))}onInputWrapperPointerDown(){this.currentOpenInput=this.focusedInput}onInputWrapperClick(e){if(!e.composedPath().some(a=>a instanceof HTMLElement?a.classList.contains(n.clearButton)||a.classList.contains(n.toggleIcon):!1)){let i=e.currentTarget.getAttribute("data-position");this.toggleInputOpen(i)}}toggleInputOpen(e){let{range:t,currentOpenInput:a}=this;(!t||!this.open||a===e)&&(this.open=!this.open)}toggleSingleOpenClickHandler(){this.startInputRef.value?.setFocus(),this.open=!this.open}toggleRangeOpenClickHandler(e){let t=e??this.focusedInput,a=!this.open||this.focusedInput===t;this.focusedInput=t,this.focusInput(),a&&(this.open=!this.open)}onVerticalActionsContainerClick(e){this.disabled||this.readOnly||e.composedPath().some(a=>a instanceof HTMLElement?a.classList.contains(n.clearButton):!1)||this.toggleRangeOpenClickHandler()}clearValue(){this.range?this.setRangeValue([void 0,void 0]):this.setValue(void 0),this.localizeInputValues()}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?J(t,e):void 0}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteInputDatePickerBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrap.activate(),this.calciteInputDatePickerOpen.emit()}onBeforeClose(){this.calciteInputDatePickerBeforeClose.emit()}onClose(){this.calciteInputDatePickerClose.emit(),X(this),this.focusTrap.deactivate(),this.focusOnOpen=!1,this.datePickerEl?.reset(),this.topLayer.hide()}blurHandler(){this.open=!1}commitValue(){let{focusedInput:e,value:t}=this,a=this.getInputRef(e),i=a.value?O(a.value?.value,this.localeData):void 0,l=u(i),r=Array.isArray(t);if(this.range){let o=e==="start"?0:1;if(r){if(l===t[o])return;i?(this.setRangeValue([e==="start"?i:s(t[0]),e==="end"?i:s(t[1])]),this.localizeInputValues()):this.setRangeValue([e==="end"?s(t[0]):void 0,e==="start"?s(t[1]):void 0])}else i&&(this.setRangeValue([e==="start"?i:s(t[0]),e==="end"?i:s(t[1])]),this.localizeInputValues())}else{if(l===t)return;this.setValue(i),this.localizeInputValues()}}keyDownHandler(e){let{defaultPrevented:t,key:a}=e;if(t)return;let i=e.composedPath().some(de);if(a==="Enter"){let l=this.value;this.commitValue();let r=this.shouldFocusRangeEnd(),o=!r&&this.shouldFocusRangeStart();if(r||o){e.preventDefault(),r?this.endInputRef.value?.setFocus():o&&this.startInputRef.value?.setFocus();return}if(this.open)this.restoreInputFocus(!0),e.preventDefault();else{let d=this.formSupport.active;(l!==this.value||d)&&e.preventDefault(),d&&this.formSupport.requestSubmit()}}else if((a==="ArrowDown"||a==="ArrowUp")&&!i)this.open=!0,this.focusOnOpen=!0,e.preventDefault();else if(a==="Escape"){let l=this.open,r=this.range?Array.isArray(this.value)&&(!!this.value[0]||!!this.value[1]):!!this.value,o=!this.disabled&&!this.readOnly&&this.clearable&&r;o&&this.clearValue(),l&&(this.open=!1,this.restoreInputFocus(!0)),(l||o)&&e.preventDefault()}}startInputFocus(){this.focusedInput="start"}endInputFocus(){this.focusedInput="end"}setFloatingEl(e){this.floatingEl=e,k(this)}setStartWrapper(e){this.startWrapper=e,this.setReferenceEl()}setEndWrapper(e){this.endWrapper=e,this.setReferenceEl()}setDatePickerRef(e){this.datePickerEl=e,e&&this.focusTrap.overrideFocusTrapEl(e)}async loadLocaleData(){if(!1)return;let e=S(this.messages._lang);b.numberFormatOptions={numberingSystem:this.numberingSystem,locale:e,useGrouping:!1},this.localeData=await oe(e),this.localizeInputValues()}handleDateChange(e){this.range||(e.stopPropagation(),this.setValue(e.target.valueAsDate),this.localizeInputValues(),this.restoreInputFocus())}shouldFocusRangeStart(){let e=this.value[0];return!!(this.value[1]&&!e&&this.focusedInput==="end"&&this.startInputRef)}shouldFocusRangeEnd(){let e=this.value[0],t=this.value[1];return!!(e&&!t&&this.focusedInput==="start"&&this.endInputRef)}handleDateRangeChange(e){if(!this.range)return;e.stopPropagation();let t=e.target.valueAsDate;this.setRangeValue(t),this.localizeInputValues(),this.restoreInputFocus()}restoreInputFocus(e=!1){if(!this.range){this.startInputRef.value?.setFocus(),this.open=!1;return}if(e){this.focusInput();return}this.rangeStartValueChangedByUser=this.focusedInput==="start",this.focusedInput="end",!(this.shouldFocusRangeStart()||this.rangeStartValueChangedByUser)&&(this.proximitySelectionDisabled&&Array.isArray(this.valueAsDate)&&this.valueAsDate[1]===void 0||(this.open=!1,this.focusInput()))}localizeInputValues(){let e=I(this.range?Array.isArray(this.valueAsDate)&&this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate),t=this.range?I(Array.isArray(this.valueAsDate)&&this.valueAsDate[1],this.minAsDate,this.maxAsDate):void 0;this.setInputValue((e&&this.dateTimeFormat?.format(e))??"","start"),this.setInputValue(this.range&&t&&this.dateTimeFormat?.format(t)||"","end")}getInputRef(e="start"){return e==="start"?this.startInputRef:this.endInputRef}setInputValue(e,t="start"){let a=this.getInputRef(t);a.value&&(a.value.value=e)}setRangeValue(e){if(!this.range)return;let{value:t}=this,a=Array.isArray(t),i=Array.isArray(e),l=i?e[0]:void 0,r=i?u(l):"";r&&(r=this.getNormalizedDate(r));let o=i?e[1]:void 0,d=i?u(o):"";d&&(d=this.getNormalizedDate(d));let v=r||d?[r,d]:"";if(v===t)return;this.userChangedValue=!0,this.value=v,this.valueAsDate=v?z(v):void 0;let y=this.calciteInputDatePickerChange.emit();y&&y.defaultPrevented&&(this.value=t,a?(this.setInputValue(t[0],"start"),this.setInputValue(t[1],"end")):(this.value=t,this.setInputValue(t)))}setValue(e){if(this.range)return;let t=this.value,a=u(e);if(a=this.getNormalizedDate(a),a===t)return;this.userChangedValue=!0,this.valueAsDate=a?s(a):void 0,this.value=a||"",this.calciteInputDatePickerChange.emit().defaultPrevented&&(this.value=t,this.setInputValue(t))}warnAboutInvalidValue(e){H.warn(`The specified value "${e}" does not conform to the required format, "YYYY-MM-DD".`)}formatNumerals(e){return e?e.split("").map(t=>this.commonDateSeparators?.includes(t)?this.localeData?.separator:A?.includes(t)?b?.numberFormatter?.format(Number(t)):t).join(""):""}parseNumerals(e){return e?e.split("").map(t=>A.includes(t)?b.delocalize(t):t).join(""):""}getNormalizedDate(e){if(!e)return"";if(!ge(e))return e;let{day:t,month:a,year:i}=F(e);return`${me(Number(i))}-${a}-${t}`}focusInput(){(this.focusedInput==="start"?this.startInputRef:this.endInputRef).value?.setFocus()}render(){let{disabled:e,messages:{_lang:t},messages:a,numberingSystem:i,readOnly:l}=this;b.numberFormatOptions={numberingSystem:i,locale:t,useGrouping:!1};let r=this.range?Array.isArray(this.value)&&!!this.value[0]:!!this.value,o=this.range&&Array.isArray(this.value)&&!!this.value[1],d=!e&&!l,v=this.range&&this.clearable&&d&&(r||o),y=!this.range&&this.clearable&&d&&r,T=p`<div class=${c(n.clearButton)} @click=${this.clearValue}>${V({ariaLabel:this.messages.clear,scale:this.scale,title:this.messages.clear})}</div>`;return this.interactiveContainer({disabled:this.disabled,children:p`${this.labelText&&ae({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${c(n.container)}><div aria-label=${te(this)??g} .ariaRequired=${this.required} class=${c(n.inputContainer)} role=group><div class=${c(n.inputWrapper)} data-position=${pe.start} @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${m(this.setStartWrapper)}><calcite-input-text aria-controls=${this.dialogId??g} aria-describedby=${this.placeholderTextId??g} aria-errormessage=${D.validationMessage} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog .ariaInvalid=${this.status==="invalid"} class=${c({[n.input]:!0,[n.startInput]:!0})} .disabled=${e} .icon=${w.calendar} .label=${this.range?this.messages.startDate:this.messages.date} @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.startInputFocus} .placeholder=${this.placeholder||this.localeData?.placeholder} .readOnly=${l} role=combobox .scale=${this.scale} .status=${this.status} ${m(this.startInputRef)}></calcite-input-text><span aria-hidden=true class=${c(n.assistiveText)} id=${this.placeholderTextId??g}>${this.placeholder||a.dateFormat.replace("{format}",this.localeData?.placeholder)}</span>${!this.range&&!this.readOnly?p`<div class=${c(n.horizontalActionsContainer)}>${y?p`<div class=${c(n.clearButton)} @click=${this.clearValue}>${V({ariaLabel:this.messages.clear,scale:this.scale,title:this.messages.clear})}</div>`:null}${this.renderToggleIcon(this.open&&this.focusedInput==="start",this.toggleSingleOpenClickHandler)}</div>`:null}</div><div .ariaHidden=${!this.open} .ariaLabel=${a.chooseDate} aria-live=polite class=${c(n.menu)} id=${this.dialogId??g} popover=manual role=dialog ${m(this.setFloatingEl)}><div class=${c({[n.calendarWrapper]:!0,[C.animation]:!0,[C.animationActive]:this.open})} ${m(this.transitionRef)}><calcite-date-picker .activeDate=${this.datePickerActiveDate} .activeRange=${this.focusedInput} .calendars=${this.calendars} .headingLevel=${this.headingLevel} .layout=${this.layout} .max=${this.max} .maxAsDate=${this.maxAsDate} .messageOverrides=${this.messageOverrides} .min=${this.min} .minAsDate=${this.minAsDate} .monthStyle=${this.monthStyle} .numberingSystem=${i} @calciteDatePickerChange=${this.handleDateChange} @calciteDatePickerRangeChange=${this.handleDateRangeChange} .proximitySelectionDisabled=${this.proximitySelectionDisabled} .range=${this.range} .scale=${this.scale} tabindex=${(this.open?void 0:-1)??g} .valueAsDate=${this.valueAsDate} ${m(this.setDatePickerRef)}></calcite-date-picker></div></div>${this.range&&p`<div class=${c(n.dividerContainer)}><div class=${c(n.divider)}></div></div>`||""}${this.range&&p`<div class=${c(n.inputWrapper)} data-position=${pe.end} @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${m(this.setEndWrapper)}><calcite-input-text aria-controls=${this.dialogId??g} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog class=${c({[n.input]:!0,[n.endInput]:!0})} .disabled=${e} .icon=${w.calendar} .label=${this.messages.endDate} @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.endInputFocus} .placeholder=${this.placeholder||this.localeData?.placeholder} .readOnly=${l} role=combobox .scale=${this.scale} .status=${this.status} ${m(this.endInputRef)}></calcite-input-text>${this.layout==="horizontal"&&!this.readOnly?p`<div class=${c(n.horizontalActionsContainer)}>${v?T:null}${this.renderToggleIcon(this.open,()=>this.toggleRangeOpenClickHandler("end"))}</div>`:null}</div>`||""}</div>${this.range&&this.layout==="vertical"&&!this.readOnly?p`<div class=${c(n.verticalActionsContainer)} @click=${this.onVerticalActionsContainerClick}>${v?T:null}${this.renderToggleIcon(this.open,()=>this.toggleRangeOpenClickHandler())}</div>`:null}</div>${this.validationMessage&&this.status==="invalid"?ie({icon:this.validationIcon,id:D.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderToggleIcon(e,t){return p`<span class=${c(n.toggleIcon)} @click=${t} tabindex=-1><calcite-icon class=${c(n.chevronIcon)} .icon=${e?w.chevronUp:w.chevronDown} .scale=${N(this.scale)}></calcite-icon></span>`}};W("calcite-input-date-picker",P);export{P as InputDatePicker};
package/dist/cdn/{X42OG2K2.js → OFYS2GLL.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{c as o}from"./U3Y3V2ZH.js";import{a as S}from"./O6AAQCC5.js";import{a as k}from"./FFNWJLHX.js";import{c as A}from"./6KUNL6NU.js";import{a as C}from"./DKJI4BME.js";import{a as D}from"./QQ737S2X.js";import{a as I}from"./NMMVK2LG.js";import{a as w}from"./KSP4IZOE.js";import"./VUYX7MNO.js";import{a as x}from"./VRO4DPTU.js";import"./ZWPNZ5XW.js";import{e as b}from"./NB4UVXA7.js";import"./HYO4NFHP.js";import{y}from"./7FW2RVVH.js";import{G as u,H as f,L as g,T as v,g as h,h as c,l as m,p}from"./WNLKQGNT.js";var $={itemWrapper:"item-wrapper"},z={validationMessage:"segmentedControlValidationMessage"},E=h`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-color-foreground-1);inline-size:fit-content;border-radius:var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius));outline:1px solid var(--calcite-segmented-control-border-color, var(--calcite-color-border-input));outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,d=class extends u{constructor(){super(),this.direction=b(),this.formSupport=A({inputType:"text"})(this),this.items=[],this.messages=w(),this.focusSetter=x()(this),this.interactiveContainer=I(this),this.appearance="solid",this.disabled=!1,this.layout="horizontal",this.required=!1,this.scale="m",this.status="idle",this.value=null,this.width="auto",this.calciteSegmentedControlChange=p({cancelable:!1}),D(this),this.listen("calciteInternalSegmentedControlItemChange",this.handleSelected),this.listen("keydown",this.handleKeyDown),this.listen("click",this.handleClick)}static{this.properties={appearance:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],labelText:1,messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedItem:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:g},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1,width:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=E}async setFocus(e){return this.focusSetter(()=>this.selectedItem||this.items[0],e)}willUpdate(e){(e.has("appearance")&&(this.hasUpdated||this.appearance!=="solid")||e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")||e.has("scale")&&(this.hasUpdated||this.scale!=="m"))&&this.handleItemPropChange(),e.has("value")&&(this.hasUpdated||this.value!==null)&&this.valueHandler(this.value),e.has("selectedItem")&&this.handleSelectedItemChange(this.selectedItem,e.get("selectedItem"))}loaded(){this.formSupport.overrideDefaultValue(this.value)}valueHandler(e){let{items:t}=this;t.forEach(a=>a.checked=a.value===e)}handleSelectedItemChange(e,t){if(this.value=e?.value,e===t)return;let{items:a}=this,l=a.filter(s=>s===e).pop();l?this.selectItem(l):a[0]&&(a[0].tabIndex=0)}handleClick(e){this.disabled||o(e.target)&&this.selectItem(e.target,!0)}handleSelected(e){e.preventDefault();let t=e.target;t.checked&&this.selectItem(t),e.stopPropagation()}handleKeyDown(e){let t=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "],{key:a}=e,{selectedItem:l}=this;if(t.indexOf(a)===-1)return;let s=a;this.direction==="rtl"&&(a==="ArrowRight"&&(s="ArrowLeft"),a==="ArrowLeft"&&(s="ArrowRight"));let{items:i}=this,r=-1;switch(i.forEach((n,L)=>{n===l&&(r=L)}),s){case"ArrowLeft":case"ArrowUp":{e.preventDefault();let n=r<1?i[i.length-1]:i[r-1];this.selectItem(n,!0);return}case"ArrowRight":case"ArrowDown":{e.preventDefault();let n=r===-1?i[1]:i[r+1]||i[0];this.selectItem(n,!0);return}case" ":e.preventDefault(),this.selectItem(e.target,!0);return;default:return}}handleItemPropChange(){let{items:e}=this;e.forEach(t=>{t.appearance=this.appearance,t.layout=this.layout,t.scale=this.scale})}handleSelectedItem(){let{items:e}=this,t=e.filter(a=>a.checked).pop();t?this.selectItem(t):e[0]&&(e[0].tabIndex=0)}async handleDefaultSlotChange(e){let t=y(e).filter(o);await Promise.all(t.map(a=>a.componentOnReady())),this.items=t,this.handleSelectedItem(),this.handleItemPropChange()}onLabelClick(){this.setFocus()}async selectItem(e,t=!1){if(e===this.selectedItem)return;let{items:a}=this,l;a.forEach(s=>{let i=s===e;(i&&!s.checked||!i&&s.checked)&&(s.checked=i),s.tabIndex=i?0:-1,i&&(l=s)}),this.selectedItem=l,l&&t&&(await this.updateComplete,this.calciteSegmentedControlChange.emit(),l.focus())}render(){return this.el.role="radiogroup",c`${this.labelText&&k({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${z.validationMessage} aria-label=${C(this)??m} .ariaInvalid=${this.status==="invalid"} .ariaRequired=${this.required} class=${f($.itemWrapper)}>${this.interactiveContainer({disabled:this.disabled,children:c`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`})}</div>${this.validationMessage&&this.status==="invalid"?S({icon:this.validationIcon,id:z.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`}};v("calcite-segmented-control",d);export{d as SegmentedControl};
2
+ import{c as o}from"./U3Y3V2ZH.js";import{a as S}from"./MZPMJXP6.js";import{a as k}from"./L6STJJQX.js";import{c as A}from"./XZGRTKR5.js";import{a as C}from"./DKJI4BME.js";import{a as D}from"./XRPAIIKT.js";import{a as I}from"./5ZYCAOFR.js";import{a as w}from"./XOP5FFXT.js";import"./VUYX7MNO.js";import{a as x}from"./66A27LX7.js";import"./ZWPNZ5XW.js";import{e as b}from"./EEU562WF.js";import"./NDECAMD3.js";import{y}from"./7FW2RVVH.js";import{G as u,H as f,L as g,T as v,g as h,h as c,l as m,p}from"./PKAE4WC2.js";var $={itemWrapper:"item-wrapper"},z={validationMessage:"segmentedControlValidationMessage"},E=h`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-color-foreground-1);inline-size:fit-content;border-radius:var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius));outline:1px solid var(--calcite-segmented-control-border-color, var(--calcite-color-border-input));outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,d=class extends u{constructor(){super(),this.direction=b(),this.formSupport=A({inputType:"text"})(this),this.items=[],this.messages=w(),this.focusSetter=x()(this),this.interactiveContainer=I(this),this.appearance="solid",this.disabled=!1,this.layout="horizontal",this.required=!1,this.scale="m",this.status="idle",this.value=null,this.width="auto",this.calciteSegmentedControlChange=p({cancelable:!1}),D(this),this.listen("calciteInternalSegmentedControlItemChange",this.handleSelected),this.listen("keydown",this.handleKeyDown),this.listen("click",this.handleClick)}static{this.properties={appearance:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],labelText:1,messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedItem:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:g},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1,width:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=E}async setFocus(e){return this.focusSetter(()=>this.selectedItem||this.items[0],e)}willUpdate(e){(e.has("appearance")&&(this.hasUpdated||this.appearance!=="solid")||e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")||e.has("scale")&&(this.hasUpdated||this.scale!=="m"))&&this.handleItemPropChange(),e.has("value")&&(this.hasUpdated||this.value!==null)&&this.valueHandler(this.value),e.has("selectedItem")&&this.handleSelectedItemChange(this.selectedItem,e.get("selectedItem"))}loaded(){this.formSupport.overrideDefaultValue(this.value)}valueHandler(e){let{items:t}=this;t.forEach(a=>a.checked=a.value===e)}handleSelectedItemChange(e,t){if(this.value=e?.value,e===t)return;let{items:a}=this,l=a.filter(s=>s===e).pop();l?this.selectItem(l):a[0]&&(a[0].tabIndex=0)}handleClick(e){this.disabled||o(e.target)&&this.selectItem(e.target,!0)}handleSelected(e){e.preventDefault();let t=e.target;t.checked&&this.selectItem(t),e.stopPropagation()}handleKeyDown(e){let t=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "],{key:a}=e,{selectedItem:l}=this;if(t.indexOf(a)===-1)return;let s=a;this.direction==="rtl"&&(a==="ArrowRight"&&(s="ArrowLeft"),a==="ArrowLeft"&&(s="ArrowRight"));let{items:i}=this,r=-1;switch(i.forEach((n,L)=>{n===l&&(r=L)}),s){case"ArrowLeft":case"ArrowUp":{e.preventDefault();let n=r<1?i[i.length-1]:i[r-1];this.selectItem(n,!0);return}case"ArrowRight":case"ArrowDown":{e.preventDefault();let n=r===-1?i[1]:i[r+1]||i[0];this.selectItem(n,!0);return}case" ":e.preventDefault(),this.selectItem(e.target,!0);return;default:return}}handleItemPropChange(){let{items:e}=this;e.forEach(t=>{t.appearance=this.appearance,t.layout=this.layout,t.scale=this.scale})}handleSelectedItem(){let{items:e}=this,t=e.filter(a=>a.checked).pop();t?this.selectItem(t):e[0]&&(e[0].tabIndex=0)}async handleDefaultSlotChange(e){let t=y(e).filter(o);await Promise.all(t.map(a=>a.componentOnReady())),this.items=t,this.handleSelectedItem(),this.handleItemPropChange()}onLabelClick(){this.setFocus()}async selectItem(e,t=!1){if(e===this.selectedItem)return;let{items:a}=this,l;a.forEach(s=>{let i=s===e;(i&&!s.checked||!i&&s.checked)&&(s.checked=i),s.tabIndex=i?0:-1,i&&(l=s)}),this.selectedItem=l,l&&t&&(await this.updateComplete,this.calciteSegmentedControlChange.emit(),l.focus())}render(){return this.el.role="radiogroup",c`${this.labelText&&k({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${z.validationMessage} aria-label=${C(this)??m} .ariaInvalid=${this.status==="invalid"} .ariaRequired=${this.required} class=${f($.itemWrapper)}>${this.interactiveContainer({disabled:this.disabled,children:c`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`})}</div>${this.validationMessage&&this.status==="invalid"?S({icon:this.validationIcon,id:z.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`}};v("calcite-segmented-control",d);export{d as SegmentedControl};
package/dist/cdn/{FHOOFNT6.js → ORVBMM34.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{e as b}from"./KDUZXP3Z.js";import{a as S}from"./NMMVK2LG.js";import"./VUYX7MNO.js";import{a as u}from"./VRO4DPTU.js";import"./ZWPNZ5XW.js";import"./NB4UVXA7.js";import"./HYO4NFHP.js";import{C as a,y as f}from"./7FW2RVVH.js";import{E as n,F as h,G as d,H as p,T as m,g as l,h as r,p as o}from"./WNLKQGNT.js";var g={container:"container"},w=l`: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}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-swatch-group-space, var(--calcite-theme-space-sm, var(--calcite-spacing-sm)))}:host([scale=s]) .container{gap:var(--calcite-swatch-group-space, var(--calcite-theme-space-xs, var(--calcite-spacing-xs)))}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,c=class extends d{constructor(){super(),this.items=[],this.slotRef=n(),this.focusSetter=u()(this),this.interactiveContainer=S(this),this.disabled=!1,this.scale="m",this.selectedItems=[],this.selectionMode="none",this.calciteSwatchGroupSelect=o({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("calciteSwatchSelect",this.calciteSwatchSelectListener),this.listen("calciteInternalSwatchSelect",this.calciteInternalSwatchSelectListener),this.listen("calciteInternalSyncSelectedSwatches",this.calciteInternalSyncSelectedSwatches)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],label:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=w}async setFocus(e){return this.focusSetter(()=>this.el,e)}willUpdate(e){(e.has("scale")||e.has("selectionMode"))&&(this.hasUpdated||this.selectionMode!=="none")&&this.updateItems()}keyDownHandler(e){let t=e.composedPath().find(b);if(e.defaultPrevented||!t||!this.el.contains(t))return;let s=this.items.filter(i=>!i.disabled);if(s.includes(t))switch(e.key){case"ArrowRight":a(s,t,"next"),e.preventDefault();break;case"ArrowLeft":a(s,t,"previous"),e.preventDefault();break;case"Home":a(s,t,"first"),e.preventDefault();break;case"End":a(s,t,"last"),e.preventDefault();break}}calciteSwatchSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(!0,e.target),e.stopPropagation()}calciteInternalSwatchSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(!1,e.target),e.stopPropagation()}calciteInternalSyncSelectedSwatches(e){e.composedPath().includes(this.el)&&(this.updateSelectedItems(),this.selectionMode==="single"&&this.selectedItems.length>1&&this.setSelectedItems(!1,e.target)),e.stopPropagation()}handleSlotChange(e){this.updateItems(f(e,"calcite-swatch"))}updateItems(e=this.items){this.items=e,!(this.items.length<1)&&(this.items.forEach(t=>{t.interactive=!0,t.scale=this.scale,t.selectionMode=this.selectionMode,t.parentSwatchGroup=this.el}),this.setSelectedItems(!1))}updateSelectedItems(){this.selectedItems=this.items.filter(e=>e.selected)}setSelectedItems(e,t){t&&this.items.forEach(s=>{let i=t===s;switch(this.selectionMode){case"multiple":i&&(s.selected=!s.selected);break;case"single":s.selected=i?!s.selected:!1;break;case"single-persist":s.selected=!!i;break}}),this.updateSelectedItems(),e&&this.calciteSwatchGroupSelect.emit()}render(){let e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup",{disabled:t}=this;return this.interactiveContainer({disabled:t,children:r`<div .ariaLabel=${this.label} class=${p(g.container)} .role=${e}><slot @slotchange=${this.handleSlotChange} ${h(this.slotRef)}></slot></div>`})}};m("calcite-swatch-group",c);export{c as SwatchGroup};
2
+ import{e as b}from"./KDUZXP3Z.js";import{a as S}from"./5ZYCAOFR.js";import"./VUYX7MNO.js";import{a as u}from"./66A27LX7.js";import"./ZWPNZ5XW.js";import"./EEU562WF.js";import"./NDECAMD3.js";import{C as a,y as f}from"./7FW2RVVH.js";import{E as n,F as h,G as d,H as p,T as m,g as l,h as r,p as o}from"./PKAE4WC2.js";var g={container:"container"},w=l`: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}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-swatch-group-space, var(--calcite-theme-space-sm, var(--calcite-spacing-sm)))}:host([scale=s]) .container{gap:var(--calcite-swatch-group-space, var(--calcite-theme-space-xs, var(--calcite-spacing-xs)))}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,c=class extends d{constructor(){super(),this.items=[],this.slotRef=n(),this.focusSetter=u()(this),this.interactiveContainer=S(this),this.disabled=!1,this.scale="m",this.selectedItems=[],this.selectionMode="none",this.calciteSwatchGroupSelect=o({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("calciteSwatchSelect",this.calciteSwatchSelectListener),this.listen("calciteInternalSwatchSelect",this.calciteInternalSwatchSelectListener),this.listen("calciteInternalSyncSelectedSwatches",this.calciteInternalSyncSelectedSwatches)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],label:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=w}async setFocus(e){return this.focusSetter(()=>this.el,e)}willUpdate(e){(e.has("scale")||e.has("selectionMode"))&&(this.hasUpdated||this.selectionMode!=="none")&&this.updateItems()}keyDownHandler(e){let t=e.composedPath().find(b);if(e.defaultPrevented||!t||!this.el.contains(t))return;let s=this.items.filter(i=>!i.disabled);if(s.includes(t))switch(e.key){case"ArrowRight":a(s,t,"next"),e.preventDefault();break;case"ArrowLeft":a(s,t,"previous"),e.preventDefault();break;case"Home":a(s,t,"first"),e.preventDefault();break;case"End":a(s,t,"last"),e.preventDefault();break}}calciteSwatchSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(!0,e.target),e.stopPropagation()}calciteInternalSwatchSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(!1,e.target),e.stopPropagation()}calciteInternalSyncSelectedSwatches(e){e.composedPath().includes(this.el)&&(this.updateSelectedItems(),this.selectionMode==="single"&&this.selectedItems.length>1&&this.setSelectedItems(!1,e.target)),e.stopPropagation()}handleSlotChange(e){this.updateItems(f(e,"calcite-swatch"))}updateItems(e=this.items){this.items=e,!(this.items.length<1)&&(this.items.forEach(t=>{t.interactive=!0,t.scale=this.scale,t.selectionMode=this.selectionMode,t.parentSwatchGroup=this.el}),this.setSelectedItems(!1))}updateSelectedItems(){this.selectedItems=this.items.filter(e=>e.selected)}setSelectedItems(e,t){t&&this.items.forEach(s=>{let i=t===s;switch(this.selectionMode){case"multiple":i&&(s.selected=!s.selected);break;case"single":s.selected=i?!s.selected:!1;break;case"single-persist":s.selected=!!i;break}}),this.updateSelectedItems(),e&&this.calciteSwatchGroupSelect.emit()}render(){let e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup",{disabled:t}=this;return this.interactiveContainer({disabled:t,children:r`<div .ariaLabel=${this.label} class=${p(g.container)} .role=${e}><slot @slotchange=${this.handleSlotChange} ${h(this.slotRef)}></slot></div>`})}};m("calcite-swatch-group",c);export{c as SwatchGroup};