@esri/calcite-components 5.2.0-next.78 → 5.2.0-next.79

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 (217) hide show
  1. package/dist/cdn/{3FXNL6ZJ.js → 2C4VDQSU.js} +1 -1
  2. package/dist/cdn/{ZMMSE6VS.js → 2IHGT65H.js} +1 -1
  3. package/dist/cdn/{AKSLU3RM.js → 2P5P3AYM.js} +1 -1
  4. package/dist/cdn/{4S7N4BFM.js → 2Z5VEEFS.js} +1 -1
  5. package/dist/cdn/{LQHVOKP4.js → 35JEZQSR.js} +1 -1
  6. package/dist/cdn/{ASUTSYX6.js → 3B7YSUWH.js} +1 -1
  7. package/dist/cdn/{I5BNPFV3.js → 3MPGGNIY.js} +1 -1
  8. package/dist/cdn/{IYVJIUWV.js → 3NPFNONH.js} +1 -1
  9. package/dist/cdn/{3KLXXVWV.js → 3U2ZK7MG.js} +1 -1
  10. package/dist/cdn/{BT2BIM6N.js → 3YEX67V7.js} +1 -1
  11. package/dist/cdn/{522Q36XR.js → 4HOP7XA7.js} +1 -1
  12. package/dist/cdn/{7O2XXXUN.js → 4JCTLY7M.js} +1 -1
  13. package/dist/cdn/{FLYV24HQ.js → 4TEISGNL.js} +1 -1
  14. package/dist/cdn/{LOQPGPEO.js → 5JFRII4G.js} +1 -1
  15. package/dist/cdn/{KUX27JPM.js → 5KSTGSH3.js} +1 -1
  16. package/dist/cdn/{U5X2EV7K.js → 5WSCRFZC.js} +1 -1
  17. package/dist/cdn/{TJYMIB55.js → 5XOJ6EEM.js} +1 -1
  18. package/dist/cdn/666MD5ZW.js +2 -0
  19. package/dist/cdn/{LWUUNXR4.js → 6DQCC53E.js} +1 -1
  20. package/dist/cdn/{GLSTXQT7.js → 6QGXSX7L.js} +1 -1
  21. package/dist/cdn/{RKLI4NN7.js → 6XMDJVYH.js} +1 -1
  22. package/dist/cdn/{7RZCZV4B.js → 73X2BNVA.js} +1 -1
  23. package/dist/cdn/{LQ2JDBYN.js → 75BJNTQR.js} +1 -1
  24. package/dist/cdn/{6UOGDUOM.js → 7O3M4NI4.js} +1 -1
  25. package/dist/cdn/{XYK7ZFKV.js → 7PT2RTZZ.js} +1 -1
  26. package/dist/cdn/{TFK5TLEX.js → 7R4NCGRE.js} +1 -1
  27. package/dist/cdn/{7CH7LZX7.js → 7S3NK4O4.js} +1 -1
  28. package/dist/cdn/{IQLOAXU7.js → 7S4EEVYH.js} +1 -1
  29. package/dist/cdn/{ZUPNP6V2.js → ACKN42DR.js} +1 -1
  30. package/dist/cdn/{ETKHN3TB.js → AF6ANWFP.js} +1 -1
  31. package/dist/cdn/{LDGV2XZM.js → AXGGEOU6.js} +1 -1
  32. package/dist/cdn/{SOQVCUQI.js → B4EYSZWL.js} +1 -1
  33. package/dist/cdn/{QSGFXZ6X.js → B6UBM4HO.js} +1 -1
  34. package/dist/cdn/BEKX222C.js +2 -0
  35. package/dist/cdn/{DMFAUPS7.js → BGRWUHG6.js} +1 -1
  36. package/dist/cdn/{Z6Q6E2KL.js → BHSWTPPK.js} +1 -1
  37. package/dist/cdn/{64WKBSIM.js → CKNIOMFC.js} +1 -1
  38. package/dist/cdn/CL32TRUD.js +2 -0
  39. package/dist/cdn/{BTEVR6OB.js → CSC3DWHH.js} +1 -1
  40. package/dist/cdn/{C32VZZ2C.js → CWL5MXOI.js} +1 -1
  41. package/dist/cdn/{G3MXWK3Y.js → DFJV3YIL.js} +1 -1
  42. package/dist/cdn/{KSMZRTYZ.js → DJBXEWJK.js} +1 -1
  43. package/dist/cdn/{NODH7K66.js → DNO2ZPMI.js} +1 -1
  44. package/dist/cdn/{BUGLTO2Z.js → DPIKUDW3.js} +1 -1
  45. package/dist/cdn/{R76BAM4Z.js → DVFFODN6.js} +1 -1
  46. package/dist/cdn/{KAD52SXO.js → EA72WQLJ.js} +1 -1
  47. package/dist/cdn/{H5IUDBWB.js → EB2TZNDX.js} +1 -1
  48. package/dist/cdn/{27YYIR6K.js → EM6V55GC.js} +1 -1
  49. package/dist/cdn/{DLL4GK7D.js → ENMO2JXF.js} +1 -1
  50. package/dist/cdn/{FBXLLI7B.js → EUGO2HRU.js} +1 -1
  51. package/dist/cdn/{2VQLA2L3.js → EXZ3YY5E.js} +1 -1
  52. package/dist/cdn/{MU3PPZ2G.js → F27K7FQS.js} +1 -1
  53. package/dist/cdn/{BA2ZQSJS.js → FCRPCLRS.js} +1 -1
  54. package/dist/cdn/{EOXVENGN.js → FH7IYEQX.js} +1 -1
  55. package/dist/cdn/{3BGLWWXF.js → FI6ZJXBC.js} +1 -1
  56. package/dist/cdn/{45NFVY5K.js → FWRYDF55.js} +1 -1
  57. package/dist/cdn/{L4O3RATS.js → G3HOM7XU.js} +1 -1
  58. package/dist/cdn/{XQVHRPUW.js → GAHO5MMB.js} +1 -1
  59. package/dist/cdn/{SKNDSMTS.js → GFPNZLVD.js} +1 -1
  60. package/dist/cdn/{X5PHSF57.js → GLFKNMJT.js} +1 -1
  61. package/dist/cdn/{JPY4VGZY.js → HLTBR2PQ.js} +1 -1
  62. package/dist/cdn/{PEECQDDN.js → HR2YWGQ2.js} +1 -1
  63. package/dist/cdn/{2PTOS6B6.js → HY7BC3I3.js} +1 -1
  64. package/dist/cdn/{2MWFAKU4.js → ID63OFYV.js} +1 -1
  65. package/dist/cdn/{DTDREMTO.js → IGTUTKVY.js} +1 -1
  66. package/dist/cdn/{TL7SABIH.js → IXKBCWXV.js} +1 -1
  67. package/dist/cdn/JERQCFKV.js +2 -0
  68. package/dist/cdn/{6Y4CCD4S.js → JFPARTDP.js} +1 -1
  69. package/dist/cdn/K3H5OY2S.js +2 -0
  70. package/dist/cdn/{Q3HRAADJ.js → KA7HZ3UR.js} +1 -1
  71. package/dist/cdn/KEWVPEC3.js +2 -0
  72. package/dist/cdn/{5IWDKJAT.js → KHIJZD6Q.js} +1 -1
  73. package/dist/cdn/{R3EHBHZO.js → KQOKD2GR.js} +1 -1
  74. package/dist/cdn/{SF7OTKN6.js → KT6J7CKT.js} +1 -1
  75. package/dist/cdn/{TW2C2FIB.js → KXAAVDUD.js} +1 -1
  76. package/dist/cdn/{F7QRXMLE.js → L3NLBBY5.js} +1 -1
  77. package/dist/cdn/{GHGLOM2P.js → L4AGH5QT.js} +1 -1
  78. package/dist/cdn/{YYRBKL64.js → L5GNBQPE.js} +1 -1
  79. package/dist/cdn/{NBYEAGDO.js → L7C6A53V.js} +1 -1
  80. package/dist/cdn/{4IEGHLUB.js → LC6H6CKP.js} +1 -1
  81. package/dist/cdn/{ALXL7CIU.js → LCK53SHB.js} +1 -1
  82. package/dist/cdn/{DSF4QJZ5.js → LLDV7RFW.js} +1 -1
  83. package/dist/cdn/LPMYRCBM.js +2 -0
  84. package/dist/cdn/{ME6FBZVS.js → M6XA52KE.js} +1 -1
  85. package/dist/cdn/{WME5WMTN.js → MBPKWZSO.js} +1 -1
  86. package/dist/cdn/{XAPPIUAT.js → MOJOSRSK.js} +1 -1
  87. package/dist/cdn/{ESIEB6BL.js → MTPM2YOV.js} +1 -1
  88. package/dist/cdn/{ASCMQGZC.js → MX74Y6PU.js} +1 -1
  89. package/dist/cdn/{K4ZFXLTM.js → NCCSR4XP.js} +1 -1
  90. package/dist/cdn/{XVOQNUET.js → NDVLGLMY.js} +1 -1
  91. package/dist/cdn/{LOI44EGZ.js → NGIHE3KV.js} +1 -1
  92. package/dist/cdn/{IGRA4IYX.js → NI5ENPSO.js} +1 -1
  93. package/dist/cdn/{4APT2VI4.js → NTMQXQPQ.js} +1 -1
  94. package/dist/cdn/{NRRHEPBV.js → O3ILGO6X.js} +1 -1
  95. package/dist/cdn/{ASE6WOIX.js → O63GXLL4.js} +1 -1
  96. package/dist/cdn/{KB7CP5XB.js → OCPSX4LV.js} +1 -1
  97. package/dist/cdn/{OKV3CXDQ.js → OIUTGBGM.js} +1 -1
  98. package/dist/cdn/{4WZT5M6R.js → OPGREOYB.js} +1 -1
  99. package/dist/cdn/{VWIGJ6BU.js → OYB6MDM5.js} +1 -1
  100. package/dist/cdn/{VYGNA7DQ.js → P7U7LQHM.js} +1 -1
  101. package/dist/cdn/{SJNBO2YA.js → PH4KV2SM.js} +1 -1
  102. package/dist/cdn/{CHMY754Q.js → PIYYSX2F.js} +1 -1
  103. package/dist/cdn/{ATRYJOS5.js → PJTNYTUB.js} +1 -1
  104. package/dist/cdn/{5UQVAKC7.js → PK3FOBFK.js} +1 -1
  105. package/dist/cdn/PZ4NAMPC.js +2 -0
  106. package/dist/cdn/{LL4YWJW2.js → QUD564MN.js} +1 -1
  107. package/dist/cdn/{JDC2XDE4.js → QY3QFQTC.js} +1 -1
  108. package/dist/cdn/{MGL5JZDA.js → R4R3LITK.js} +1 -1
  109. package/dist/cdn/{B55YC5JL.js → RBOS76RJ.js} +1 -1
  110. package/dist/cdn/{GH3XYO4N.js → RJCE75G7.js} +1 -1
  111. package/dist/cdn/{HOZL7WN5.js → RLCCWGOT.js} +1 -1
  112. package/dist/cdn/{HZDH45O7.js → RV6IJTR3.js} +1 -1
  113. package/dist/cdn/{WU2EMEO4.js → RWQTMGCL.js} +1 -1
  114. package/dist/cdn/{2PZEQCKY.js → RWTT3M42.js} +1 -1
  115. package/dist/cdn/{HLSXMJZX.js → RXXNIAEI.js} +1 -1
  116. package/dist/cdn/{DOC3YWP4.js → S4KWHJJM.js} +1 -1
  117. package/dist/cdn/{2IIAOFW5.js → SOHJWUM7.js} +1 -1
  118. package/dist/cdn/{K3CGWWPV.js → T2BVAFYO.js} +1 -1
  119. package/dist/cdn/{YBXYLLUU.js → T5GSWLUE.js} +1 -1
  120. package/dist/cdn/{7RWYHVWP.js → TF52FD45.js} +1 -1
  121. package/dist/cdn/{XRDZ7QFN.js → UBNX2EMX.js} +1 -1
  122. package/dist/cdn/{YZYBGPNK.js → UH32575K.js} +1 -1
  123. package/dist/cdn/{UM32HYEO.js → UICHXQN3.js} +1 -1
  124. package/dist/cdn/{NQRYKBUG.js → UOIBV3QR.js} +1 -1
  125. package/dist/cdn/{3AT2ABU6.js → V2GFGW6E.js} +1 -1
  126. package/dist/cdn/{WEBANTO7.js → V47ZOXGV.js} +1 -1
  127. package/dist/cdn/{AACOTE5M.js → VFJKGE6A.js} +1 -1
  128. package/dist/cdn/{TAT7KHVI.js → VFY4EAP2.js} +1 -1
  129. package/dist/cdn/{WXQFS2MI.js → VHALRGEE.js} +1 -1
  130. package/dist/cdn/{E2AOU4BO.js → VN4TBJYF.js} +1 -1
  131. package/dist/cdn/{IDNG5M6J.js → VNSLGFSS.js} +1 -1
  132. package/dist/cdn/{M4DDBUO4.js → W4QK4MFH.js} +1 -1
  133. package/dist/cdn/{CEYFZHMU.js → WHUU4GSU.js} +1 -1
  134. package/dist/cdn/{VNQV55CH.js → WHVARUCB.js} +1 -1
  135. package/dist/cdn/{AYLAANSS.js → WJ5LYEFM.js} +1 -1
  136. package/dist/cdn/{5EKWE2LN.js → WRB76QWY.js} +1 -1
  137. package/dist/cdn/{VMFX5DS5.js → X334LEK2.js} +1 -1
  138. package/dist/cdn/{HZLQY5QW.js → XBM4Z5LO.js} +1 -1
  139. package/dist/cdn/{4UR2M57V.js → XEAWQ5OH.js} +1 -1
  140. package/dist/cdn/XISQLY3P.js +2 -0
  141. package/dist/cdn/{DMMITSID.js → Y5Q56CLX.js} +1 -1
  142. package/dist/cdn/{7ICHY27F.js → YCGX6M6C.js} +1 -1
  143. package/dist/cdn/{YUNNSLZY.js → YJNVXRAS.js} +1 -1
  144. package/dist/cdn/{UCSEH56I.js → YMKUN5RA.js} +1 -1
  145. package/dist/cdn/{Y7WYRSG3.js → YNGQ7RPX.js} +1 -1
  146. package/dist/cdn/{E3U2CPWV.js → YQYWG6UR.js} +1 -1
  147. package/dist/cdn/{XGVBRRXX.js → YSBWI3UN.js} +1 -1
  148. package/dist/cdn/{DUKC64ZL.js → YZVQ6PZS.js} +1 -1
  149. package/dist/cdn/{N5T6PZC3.js → Z4GRIS66.js} +1 -1
  150. package/dist/cdn/{P2RPEF65.js → Z5VIRXQ2.js} +1 -1
  151. package/dist/cdn/{NJLBJP4M.js → ZB24JED6.js} +1 -1
  152. package/dist/cdn/{UOYQLJ6X.js → ZDRKEDYM.js} +1 -1
  153. package/dist/cdn/ZPC7NHQV.js +2 -0
  154. package/dist/cdn/index.js +2 -2
  155. package/dist/cdn/main.css +1 -1
  156. package/dist/chunks/dom.js +11 -11
  157. package/dist/chunks/floating-ui.js +3 -3
  158. package/dist/chunks/manager.js +1 -1
  159. package/dist/chunks/resources10.js +0 -1
  160. package/dist/chunks/runtime.js +4 -4
  161. package/dist/chunks/screen-reader.js +6 -0
  162. package/dist/components/calcite-action/customElement.js +3 -3
  163. package/dist/components/calcite-action-bar/customElement.js +1 -1
  164. package/dist/components/calcite-action-pad/customElement.js +1 -1
  165. package/dist/components/calcite-autocomplete/customElement.js +1 -1
  166. package/dist/components/calcite-block/customElement.js +6 -7
  167. package/dist/components/calcite-block-group/customElement.js +7 -7
  168. package/dist/components/calcite-card-group/customElement.js +1 -1
  169. package/dist/components/calcite-carousel/customElement.js +6 -6
  170. package/dist/components/calcite-chip-group/customElement.js +1 -1
  171. package/dist/components/calcite-color-picker/customElement.js +1 -1
  172. package/dist/components/calcite-combobox/customElement.js +7 -6
  173. package/dist/components/calcite-combobox-item/customElement.js +1 -1
  174. package/dist/components/calcite-date-picker-month-header/customElement.js +1 -1
  175. package/dist/components/calcite-dialog/customElement.js +1 -1
  176. package/dist/components/calcite-dropdown/customElement.js +1 -1
  177. package/dist/components/calcite-inline-editable/customElement.js +1 -1
  178. package/dist/components/calcite-input/customElement.js +1 -1
  179. package/dist/components/calcite-input-date-picker/customElement.js +1 -1
  180. package/dist/components/calcite-input-number/customElement.js +1 -1
  181. package/dist/components/calcite-list/customElement.js +1 -1
  182. package/dist/components/calcite-list-item/customElement.js +1 -1
  183. package/dist/components/calcite-menu/customElement.js +1 -1
  184. package/dist/components/calcite-menu-item/customElement.js +1 -1
  185. package/dist/components/calcite-panel/customElement.js +2 -2
  186. package/dist/components/calcite-popover/customElement.js +1 -1
  187. package/dist/components/calcite-scrim/customElement.js +1 -1
  188. package/dist/components/calcite-segmented-control/customElement.js +1 -1
  189. package/dist/components/calcite-segmented-control-item/customElement.js +1 -1
  190. package/dist/components/calcite-sheet/customElement.js +1 -1
  191. package/dist/components/calcite-shell/customElement.js +1 -1
  192. package/dist/components/calcite-shell-panel/customElement.js +1 -1
  193. package/dist/components/calcite-slider/customElement.js +1 -1
  194. package/dist/components/calcite-sort-handle/customElement.js +1 -1
  195. package/dist/components/calcite-stepper/customElement.js +1 -1
  196. package/dist/components/calcite-stepper-item/customElement.js +1 -1
  197. package/dist/components/calcite-swatch-group/customElement.js +1 -1
  198. package/dist/components/calcite-tab-nav/customElement.js +1 -1
  199. package/dist/components/calcite-table-row/customElement.js +1 -1
  200. package/dist/components/calcite-tabs/customElement.js +1 -1
  201. package/dist/components/calcite-tile-group/customElement.js +1 -1
  202. package/dist/components/calcite-tooltip/customElement.js +1 -1
  203. package/dist/components/calcite-tree/customElement.js +1 -1
  204. package/dist/components/calcite-tree-item/customElement.js +1 -1
  205. package/dist/docs/api.json +1 -1
  206. package/dist/docs/docs.json +1 -1
  207. package/dist/docs/web-types.json +1 -1
  208. package/package.json +5 -5
  209. package/dist/cdn/36XSAMRD.js +0 -2
  210. package/dist/cdn/47B6Y2DM.js +0 -2
  211. package/dist/cdn/4V4XTRTC.js +0 -2
  212. package/dist/cdn/6U46FCAX.js +0 -2
  213. package/dist/cdn/C57RF72Z.js +0 -2
  214. package/dist/cdn/KMSISNHZ.js +0 -3
  215. package/dist/cdn/S6UCOJUW.js +0 -2
  216. package/dist/cdn/SCY4F7V2.js +0 -2
  217. package/dist/cdn/U7UCLK7W.js +0 -2
@@ -1,28 +1,28 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import { D as DEBOUNCE, c as customElement } from "../../chunks/runtime.js";
2
+ import { D as DEBOUNCE, C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
3
3
  import { debounce } from "es-toolkit";
4
4
  import { css, html } from "lit";
5
5
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
6
6
  import { c as createObserver } from "../../chunks/observers.js";
7
- import { g as getRootNode, d as slotChangeGetAssignedElements } from "../../chunks/dom.js";
7
+ import { g as getRootNode, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
8
8
  import { g as guid } from "../../chunks/guid.js";
9
9
  import { u as useSetFocus } from "../../chunks/useSetFocus.js";
10
10
  import { u as useCancelable } from "../../chunks/useCancelable.js";
11
11
  import { u as useInteractive } from "../../chunks/useInteractive.js";
12
12
  import { u as useSortable } from "../../chunks/useSortable.js";
13
13
  import { i as isTag } from "../../chunks/resources3.js";
14
+ import { s as styles$1 } from "../../chunks/screen-reader.js";
14
15
  import { i as isBlock } from "../../chunks/resources7.js";
15
16
  import { t as toAriaBoolean } from "../../chunks/aria.js";
16
17
  const CSS = {
17
18
  container: "container",
18
19
  groupContainer: "group-container",
19
- scrim: "scrim",
20
- assistiveText: "assistive-text"
20
+ scrim: "scrim"
21
21
  };
22
22
  const blockGroupSelector = "calcite-block-group";
23
23
  const blockSelector = "calcite-block";
24
24
  const isBlockGroup = isTag("calcite-block-group");
25
- const styles = css`: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{position:relative}.assistive-text{position:absolute;inline-size:var(--calcite-border-width-sm);block-size:var(--calcite-border-width-sm);padding:0;margin:calc(-1 * var(--calcite-border-width-sm));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([slot=children]) slot::slotted(calcite-block){border-block-end-width:0}`;
25
+ const styles = css`: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{position:relative}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([slot=children]) slot::slotted(calcite-block){border-block-end-width:0}`;
26
26
  function updateBlockChildren(blockChildren) {
27
27
  blockChildren.forEach((block) => {
28
28
  block.setPosition = blockChildren.indexOf(block) + 1;
@@ -65,7 +65,7 @@ class BlockGroup extends LitElement {
65
65
  this.properties = { assistiveText: [16, {}, { state: true }], sortHandleMenuItems: [16, {}, { state: true }], canPull: [0, {}, { attribute: false }], canPut: [0, {}, { attribute: false }], disabled: [7, {}, { reflect: true, type: Boolean }], dragEnabled: [7, {}, { reflect: true, type: Boolean }], group: [3, {}, { reflect: true }], label: 1, loading: [7, {}, { reflect: true, type: Boolean }], scale: [3, {}, { reflect: true }], expandMode: [3, {}, { reflect: true }], sortDisabled: [7, {}, { reflect: true, type: Boolean }] };
66
66
  }
67
67
  static {
68
- this.styles = styles;
68
+ this.styles = [styles, styles$1];
69
69
  }
70
70
  emitOrderChangeEvent(detail) {
71
71
  this.calciteBlockGroupOrderChange.emit(detail);
@@ -351,7 +351,7 @@ class BlockGroup extends LitElement {
351
351
  }
352
352
  render() {
353
353
  const { loading, label } = this;
354
- return this.interactiveContainer({ disabled: this.disabled, children: html`<div class=${safeClassMap(CSS.container)}>${this.dragEnabled ? html`<span aria-live=assertive class=${safeClassMap(CSS.assistiveText)}>${this.assistiveText}</span>` : null}${loading ? html`<calcite-scrim class=${safeClassMap(CSS.scrim)} .loading=${loading}></calcite-scrim>` : null}<div .ariaBusy=${toAriaBoolean(loading, void 0)} .ariaLabel=${label || ""} class=${safeClassMap(CSS.groupContainer)} role=group><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div>` });
354
+ return this.interactiveContainer({ disabled: this.disabled, children: html`<div class=${safeClassMap(CSS.container)}>${this.dragEnabled ? html`<span aria-live=assertive class=${safeClassMap(CSS_UTILITY.screenReaderText)}>${this.assistiveText}</span>` : null}${loading ? html`<calcite-scrim class=${safeClassMap(CSS.scrim)} .loading=${loading}></calcite-scrim>` : null}<div .ariaBusy=${toAriaBoolean(loading, void 0)} .ariaLabel=${label || ""} class=${safeClassMap(CSS.groupContainer)} role=group><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div>` });
355
355
  }
356
356
  }
357
357
  customElement("calcite-block-group", BlockGroup);
@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
3
3
  import { css, html } from "lit";
4
4
  import { createRef, ref } from "lit/directives/ref.js";
5
5
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
6
- import { b as focusElementInGroup } from "../../chunks/dom.js";
6
+ import { e as focusElementInGroup } from "../../chunks/dom.js";
7
7
  import { i as isCard } from "../../chunks/resources8.js";
8
8
  import { u as useSetFocus } from "../../chunks/useSetFocus.js";
9
9
  import { u as useInteractive } from "../../chunks/useInteractive.js";
@@ -1,11 +1,11 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import { c as customElement } from "../../chunks/runtime.js";
2
+ import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
3
3
  import { repeat } from "lit/directives/repeat.js";
4
4
  import { css, nothing, html } from "lit";
5
5
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
6
6
  import { createRef, ref } from "lit/directives/ref.js";
7
7
  import { useDirection } from "@arcgis/lumina/controllers";
8
- import { x as whenAnimationDone, d as slotChangeGetAssignedElements, b as focusElementInGroup } from "../../chunks/dom.js";
8
+ import { x as whenAnimationDone, b as slotChangeGetAssignedElements, e as focusElementInGroup } from "../../chunks/dom.js";
9
9
  import { g as guid } from "../../chunks/guid.js";
10
10
  import { c as createObserver } from "../../chunks/observers.js";
11
11
  import { b as breakpoints } from "../../chunks/responsive.js";
@@ -14,6 +14,7 @@ import { g as getRoundRobinIndex } from "../../chunks/array.js";
14
14
  import { u as useT9n } from "../../chunks/useT9n.js";
15
15
  import { u as useSetFocus } from "../../chunks/useSetFocus.js";
16
16
  import { u as useInteractive } from "../../chunks/useInteractive.js";
17
+ import { s as styles$1 } from "../../chunks/screen-reader.js";
17
18
  const DURATION = 6e3;
18
19
  const CSS = {
19
20
  container: "container",
@@ -23,7 +24,6 @@ const CSS = {
23
24
  itemContainerForward: "item-container--forward",
24
25
  itemContainerBackward: "item-container--backward",
25
26
  pagination: "pagination",
26
- paginationAriaLive: "pagination-aria-live",
27
27
  paginationItems: "pagination-items",
28
28
  paginationItem: "pagination-item",
29
29
  paginationItemIndividual: "pagination-item--individual",
@@ -54,7 +54,7 @@ const idPrefix = "calcite-carousel-container";
54
54
  const IDS = {
55
55
  host: (id) => `${idPrefix}-${id}`
56
56
  };
57
- const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%;--calcite-internal-carousel-pagination-space: 1.5rem;--calcite-internal-carousel-pagination-space-wide: 3.5rem;--calcite-internal-carousel-pagination-background-color: var( --calcite-carousel-pagination-background-color, transparent );--calcite-internal-carousel-pagination-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, transparent );--calcite-internal-carousel-pagination-background-color-press: var( --calcite-carousel-pagination-background-color-press, transparent );--calcite-internal-carousel-pagination-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, transparent );--calcite-internal-carousel-pagination-overlay-background-color: var( --calcite-carousel-pagination-background-color, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-overlay-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-active: var( --calcite-carousel-pagination-background-color-press, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-icon-color-hover: var( --calcite-carousel-pagination-icon-color-hover, var(--calcite-color-text-1) );--calcite-internal-carousel-pagination-icon-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-border-1) );--calcite-internal-carousel-pagination-icon-color-selected: var( --calcite-carousel-pagination-icon-color-selected, var(--calcite-color-brand) );--calcite-internal-carousel-control-icon-color-hover: var( --calcite-carousel-control-icon-color-hover, var(--calcite-internal-carousel-pagination-icon-color-hover) );--calcite-internal-carousel-control-icon-color: var( --calcite-carousel-control-icon-color, var(--calcite-carousel-pagination-icon-color, var(--calcite-color-text-3)) );--calcite-internal-carousel-autoplay-progress-background-color: var( --calcite-carousel-autoplay-progress-background-color, var(--calcite-color-border-3) );--calcite-internal-carousel-autoplay-progress-fill-color: var( --calcite-carousel-autoplay-progress-fill-color, var(--calcite-color-brand) );--calcite-internal-carousel-autoplay-control-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-text-3) )}.container{outline-color:transparent;position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--calcite-color-text-2);inline-size:100%;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}.container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-carousel-pagination-space-wide);inline-size:calc(100% - var(--calcite-internal-carousel-pagination-space-wide) * 2)}.item-container{display:flex;align-items:flex-start;justify-content:center;overflow:auto;flex:1 1 auto;padding:var(--calcite-space-2xs);animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination-aria-live{position:absolute;inline-size:var(--calcite-border-width-sm);block-size:var(--calcite-border-width-sm);padding:0;margin:calc(-1 * var(--calcite-border-width-sm));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pagination{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:var(--calcite-space-md);inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-carousel-control-icon-color);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-carousel-control-icon-color-hover);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:var(--calcite-size-xl);inline-size:var(--calcite-size-xl);position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}:host([pagination-position=top]) .container--overlaid .pagination{inset-block-start:0;inset-block-end:unset}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-carousel-autoplay-control-color);--calcite-progress-fill-color: var(--calcite-internal-carousel-autoplay-progress-fill-color);--calcite-progress-background-color: var(--calcite-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;outline-color:transparent;margin:0;block-size:var(--calcite-space-3xl);inline-size:var(--calcite-space-3xl);cursor:pointer;align-items:center;border-style:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;background-color:var(--calcite-internal-carousel-pagination-background-color);color:var(--calcite-internal-carousel-pagination-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-background-color-hover);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-background-color-press);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-background-color-press);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}.pagination-item--individual{inline-size:0;padding:0;opacity:0;pointer-events:none;visibility:hidden;transition:var(--calcite-animation-timing) ease-in-out inline-size,var(--calcite-animation-timing) ease-in-out padding,var(--calcite-animation-timing) ease-in-out opacity}.pagination-item--individual.pagination-item--visible{inline-size:var(--calcite-space-3xl);opacity:1;pointer-events:auto;visibility:visible}.pagination-item--range-edge calcite-icon{scale:.75;transition:var(--calcite-animation-timing) ease-in-out scale}.container--overlaid .pagination-item{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}@keyframes item-forward{0%{transform:translate3d(100px,0,0)}to{transform:translateZ(0)}}@keyframes item-backward{0%{transform:translate3d(-100px,0,0)}to{transform:translateZ(0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
57
+ const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%;--calcite-internal-carousel-pagination-space: 1.5rem;--calcite-internal-carousel-pagination-space-wide: 3.5rem;--calcite-internal-carousel-pagination-background-color: var( --calcite-carousel-pagination-background-color, transparent );--calcite-internal-carousel-pagination-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, transparent );--calcite-internal-carousel-pagination-background-color-press: var( --calcite-carousel-pagination-background-color-press, transparent );--calcite-internal-carousel-pagination-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, transparent );--calcite-internal-carousel-pagination-overlay-background-color: var( --calcite-carousel-pagination-background-color, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-overlay-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-active: var( --calcite-carousel-pagination-background-color-press, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-icon-color-hover: var( --calcite-carousel-pagination-icon-color-hover, var(--calcite-color-text-1) );--calcite-internal-carousel-pagination-icon-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-border-1) );--calcite-internal-carousel-pagination-icon-color-selected: var( --calcite-carousel-pagination-icon-color-selected, var(--calcite-color-brand) );--calcite-internal-carousel-control-icon-color-hover: var( --calcite-carousel-control-icon-color-hover, var(--calcite-internal-carousel-pagination-icon-color-hover) );--calcite-internal-carousel-control-icon-color: var( --calcite-carousel-control-icon-color, var(--calcite-carousel-pagination-icon-color, var(--calcite-color-text-3)) );--calcite-internal-carousel-autoplay-progress-background-color: var( --calcite-carousel-autoplay-progress-background-color, var(--calcite-color-border-3) );--calcite-internal-carousel-autoplay-progress-fill-color: var( --calcite-carousel-autoplay-progress-fill-color, var(--calcite-color-brand) );--calcite-internal-carousel-autoplay-control-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-text-3) )}.container{outline-color:transparent;position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--calcite-color-text-2);inline-size:100%;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}.container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-carousel-pagination-space-wide);inline-size:calc(100% - var(--calcite-internal-carousel-pagination-space-wide) * 2)}.item-container{display:flex;align-items:flex-start;justify-content:center;overflow:auto;flex:1 1 auto;padding:var(--calcite-space-2xs);animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:var(--calcite-space-md);inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-carousel-control-icon-color);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-carousel-control-icon-color-hover);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:var(--calcite-size-xl);inline-size:var(--calcite-size-xl);position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}:host([pagination-position=top]) .container--overlaid .pagination{inset-block-start:0;inset-block-end:unset}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-carousel-autoplay-control-color);--calcite-progress-fill-color: var(--calcite-internal-carousel-autoplay-progress-fill-color);--calcite-progress-background-color: var(--calcite-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;outline-color:transparent;margin:0;block-size:var(--calcite-space-3xl);inline-size:var(--calcite-space-3xl);cursor:pointer;align-items:center;border-style:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;background-color:var(--calcite-internal-carousel-pagination-background-color);color:var(--calcite-internal-carousel-pagination-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-background-color-hover);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-background-color-press);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-background-color-press);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}.pagination-item--individual{inline-size:0;padding:0;opacity:0;pointer-events:none;visibility:hidden;transition:var(--calcite-animation-timing) ease-in-out inline-size,var(--calcite-animation-timing) ease-in-out padding,var(--calcite-animation-timing) ease-in-out opacity}.pagination-item--individual.pagination-item--visible{inline-size:var(--calcite-space-3xl);opacity:1;pointer-events:auto;visibility:visible}.pagination-item--range-edge calcite-icon{scale:.75;transition:var(--calcite-animation-timing) ease-in-out scale}.container--overlaid .pagination-item{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}@keyframes item-forward{0%{transform:translate3d(100px,0,0)}to{transform:translateZ(0)}}@keyframes item-backward{0%{transform:translate3d(-100px,0,0)}to{transform:translateZ(0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
58
58
  class Carousel extends LitElement {
59
59
  constructor() {
60
60
  super(...arguments);
@@ -118,7 +118,7 @@ class Carousel extends LitElement {
118
118
  this.properties = { itemDirection: [16, {}, { state: true }], hasMultiple: [16, {}, { state: true }], items: [16, {}, { state: true }], maxItems: [16, {}, { state: true }], playing: [16, {}, { state: true }], selectedIndex: [16, {}, { state: true }], slideDurationRemaining: [16, {}, { state: true }], suspendedDueToFocus: [16, {}, { state: true }], suspendedDueToHover: [16, {}, { state: true }], suspendedSlideDurationRemaining: [16, {}, { state: true }], userPreventsSuspend: [16, {}, { state: true }], arrowType: [3, {}, { reflect: true }], autoplay: [3, {}, { reflect: true }], autoplayDuration: [11, {}, { type: Number, reflect: true }], controlOverlay: [7, {}, { reflect: true, type: Boolean }], disabled: [7, {}, { reflect: true, type: Boolean }], label: 1, messageOverrides: [0, {}, { attribute: false }], paginationDisabled: [5, {}, { type: Boolean }], paginationPosition: [3, {}, { reflect: true }], paused: [5, {}, { type: Boolean }], selectedItem: [0, {}, { attribute: false }] };
119
119
  }
120
120
  static {
121
- this.styles = styles;
121
+ this.styles = [styles, styles$1];
122
122
  }
123
123
  async play() {
124
124
  if (this.playing || !this.hasMultiple || this.autoplay !== "" && this.autoplay !== true && this.autoplay !== "paused") {
@@ -462,7 +462,7 @@ class Carousel extends LitElement {
462
462
  numberStringFormatter.numberFormatOptions = {
463
463
  locale: effectiveLocale
464
464
  };
465
- return html`<div aria-live=off class=${safeClassMap(CSS.paginationAriaLive)} role=status>${messages.paginationStatus.replace("{current}", numberStringFormatter.localize(`${selectedIndex + 1}`)).replace("{total}", numberStringFormatter.localize(`${items.length}`))}</div>`;
465
+ return html`<div aria-live=off class=${safeClassMap(CSS_UTILITY.screenReaderText)} role=status>${messages.paginationStatus.replace("{current}", numberStringFormatter.localize(`${selectedIndex + 1}`)).replace("{total}", numberStringFormatter.localize(`${items.length}`))}</div>`;
466
466
  }
467
467
  renderArrow(itemDirection) {
468
468
  const isPrev = itemDirection === "previous";
@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
3
3
  import { css, html } from "lit";
4
4
  import { createRef, ref } from "lit/directives/ref.js";
5
5
  import { LitElement, createEvent } from "@arcgis/lumina";
6
- import { b as focusElementInGroup, d as slotChangeGetAssignedElements } from "../../chunks/dom.js";
6
+ import { e as focusElementInGroup, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
7
7
  import { u as useSetFocus } from "../../chunks/useSetFocus.js";
8
8
  import { u as useInteractive } from "../../chunks/useInteractive.js";
9
9
  import { i as isChip } from "../../chunks/resources9.js";
@@ -8,7 +8,7 @@ import { css, html, nothing } from "lit";
8
8
  import { LitElement, createEvent, safeClassMap, safeStyleMap } from "@arcgis/lumina";
9
9
  import { createRef, ref } from "lit/directives/ref.js";
10
10
  import { useDirection } from "@arcgis/lumina/controllers";
11
- import { e as isPrimaryPointerButton } from "../../chunks/dom.js";
11
+ import { h as isPrimaryPointerButton } from "../../chunks/dom.js";
12
12
  import { i as isActivationKey } from "../../chunks/key.js";
13
13
  import { r as remap, c as clamp, a as closeToRangeEdge } from "../../chunks/math.js";
14
14
  import { u as useT9n } from "../../chunks/useT9n.js";
@@ -1,5 +1,5 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import { D as DEBOUNCE, l as logger, c as customElement } from "../../chunks/runtime.js";
2
+ import { D as DEBOUNCE, l as logger, C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
3
3
  import { keyed } from "lit/directives/keyed.js";
4
4
  import { live } from "lit/directives/live.js";
5
5
  import { debounce } from "es-toolkit";
@@ -10,8 +10,8 @@ import { createRef, ref } from "lit/directives/ref.js";
10
10
  import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
11
11
  import { useDirection } from "@arcgis/lumina/controllers";
12
12
  import { f as filter } from "../../chunks/filter.js";
13
- import { h as getElementWidth, j as getTextWidth, f as focusElement } from "../../chunks/dom.js";
14
- import { d as defaultMenuPlacement, r as reposition, c as connectFloatingUI, a as disconnectFloatingUI, f as filterValidFlipPlacements, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
13
+ import { j as getElementWidth, k as getTextWidth, f as focusElement } from "../../chunks/dom.js";
14
+ import { a as defaultMenuPlacement, r as reposition, c as connectFloatingUI, b as disconnectFloatingUI, f as filterValidFlipPlacements, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
15
15
  import { g as guid } from "../../chunks/guid.js";
16
16
  import { g as getLabelText } from "../../chunks/label.js";
17
17
  import { c as createObserver, u as updateRefObserver } from "../../chunks/observers.js";
@@ -31,7 +31,8 @@ import { u as useForm } from "../../chunks/useForm.js";
31
31
  import { i as isChip } from "../../chunks/resources9.js";
32
32
  import { I as IDS, b as CSS, C as ComboboxItemSelector, a as ComboboxItemGroupSelector, c as ICONS } from "../../chunks/resources10.js";
33
33
  import { h as hasActiveChildren, i as isSingleLike, o as orderValuesByPrevious, a as orderByPrevious, g as getLabel, b as getItemAncestors, c as getItemChildren } from "../../chunks/utils.js";
34
- const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:block;--calcite-internal-combobox-max-block-size: 45vh}:host([scale=s]){font-size:var(--calcite-font-size-relative-sm);--calcite-internal-combobox-spacing-unit-l: .5rem;--calcite-internal-combobox-spacing-unit-s: .25rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-2xs);--calcite-internal-combobox-no-matches-spacing-unit-s: .25rem;--calcite-combobox-input-height: 1rem;--calcite-internal-combobox-input-margin-block: calc(.25rem - 1px) ;--calcite-internal-close-size: 1rem}:host([scale=m]){font-size:var(--calcite-font-size-relative-base);--calcite-internal-combobox-spacing-unit-l: .75rem;--calcite-internal-combobox-spacing-unit-s: .5rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-sm);--calcite-internal-combobox-no-matches-spacing-unit-s: .375rem;--calcite-combobox-input-height: 1rem;--calcite-internal-combobox-input-margin-block: calc(.5rem - 1px) ;--calcite-internal-close-size: 1.5rem}:host([scale=l]){font-size:var(--calcite-font-size-relative-md);--calcite-internal-combobox-spacing-unit-l: 1rem;--calcite-internal-combobox-spacing-unit-s: .75rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-sm-plus);--calcite-internal-combobox-no-matches-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-combobox-input-height: 1.5rem;--calcite-internal-combobox-input-margin-block: calc(var(--calcite-space-sm-plus) - 1px);--calcite-internal-close-size: 2rem}.wrapper{outline-color:transparent;display:flex;border-width:var(--calcite-border-width-sm);border-style:solid;padding-block:calc(var(--calcite-internal-combobox-spacing-unit-s) / 4);padding-inline:var(--calcite-internal-combobox-spacing-unit-l) var(--calcite-internal-combobox-padding-inline-end);border-radius:var(--calcite-combobox-corner-radius, var(--calcite-corner-radius));background-color:var(--calcite-combobox-input-background-color, var(--calcite-color-foreground-1));color:var(--calcite-combobox-input-text-color, var(--calcite-color-text-1));border-color:var(--calcite-combobox-input-border-color, var(--calcite-color-border-input))}.wrapper:hover .icon{color:var(--calcite-combobox-icon-color-hover, var(--calcite-color-text-1))}:host(:focus-within) .wrapper,.wrapper--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)))}:host([read-only]) .wrapper{background-color:var(--calcite-color-background)}:host([read-only]) .label{font-weight:var(--calcite-font-weight-medium)}:host([status=invalid]) .wrapper{border-color:var(--calcite-color-status-danger)}:host([status=invalid]:focus-within) .wrapper{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(-1 * var(--calcite-spacing-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.wrapper--single{padding-block:0;padding-inline:var(--calcite-internal-combobox-spacing-unit-l) var(--calcite-internal-combobox-padding-inline-end);cursor:pointer;flex-wrap:nowrap}.grid-input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;position:relative;padding:0;gap:var(--calcite-internal-combobox-spacing-unit-s);margin-inline-end:var(--calcite-internal-combobox-spacing-unit-s)}.grid-input.selection-display--fit,.grid-input.selection-display--single{flex-wrap:nowrap;overflow:hidden}.input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;background-color:transparent;border-style:none;flex-grow:1;font-family:inherit;color:var(--calcite-color-text-1);padding:0;font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);inline-size:100%;margin-block-end:var(--calcite-internal-combobox-spacing-unit-s);min-inline-size:4.8125rem}.input:focus{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}.input:placeholder-shown{text-overflow:ellipsis}.input--single{padding:0;margin-block:var(--calcite-internal-combobox-input-margin-block)}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0;min-inline-size:0;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-internal-combobox-spacing-unit-l)}.placeholder-icon{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3))}.input-wrap{display:flex;flex-grow:1;align-items:center}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-inline-size:100%;flex:1 1 auto;padding:0;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-internal-combobox-spacing-unit-l)}.icon-end,.icon-start{display:flex;cursor:pointer;align-items:center}.icon-end{flex:none}.icon-end .icon{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3))}.floating-ui-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.floating-ui-container{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.floating-ui-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.floating-ui-container:popover-open{display:block}.floating-ui-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}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.floating-ui-container .calcite-floating-ui-anim{box-shadow:var(--calcite-shadow-md)}@media(forced-colors:active){.wrapper,.floating-ui-container{border:1px solid canvasText}}.screen-readers-only{position:absolute;inline-size:var(--calcite-border-width-sm);block-size:var(--calcite-border-width-sm);padding:0;margin:calc(-1 * var(--calcite-border-width-sm));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.list-container{max-block-size:var(--calcite-internal-combobox-max-block-size);overflow-y:auto;inline-size:var(--calcite-dropdown-width, 100%);background-color:var(--calcite-combobox-background-color, var(--calcite-color-foreground-1))}.list{margin:0;display:block;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.list--hide{block-size:0;overflow:hidden}calcite-chip{--calcite-animation-timing: 0}.chip{margin-block:calc(var(--calcite-internal-combobox-spacing-unit-s) / 4);max-inline-size:100%}.chip--invisible{position:absolute;visibility:hidden}.item{display:block}.select-all{background-color:var(--calcite-combobox-item-background-color-active, var(--calcite-color-foreground-1));border-block-end-color:var(--calcite-combobox-divider-color, var(--calcite-combobox-item-border-color, var(--calcite-color-border-3)));border-block-end-style:solid;border-block-end-width:var(--calcite-border-width-sm);inset-block-start:0;position:sticky;z-index:var(--calcite-z-index-sticky)}.no-matches{padding-block:var(--calcite-internal-combobox-no-matches-spacing-unit-s);padding-inline:var(--calcite-internal-combobox-spacing-unit-l);color:var(--calcite-combobox-input-text-color, var(--calcite-color-text-1));background:var(--calcite-combobox-background-color, var(--calcite-color-foreground-1));cursor:pointer}.no-matches-placeholder{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3));cursor:default}.disabled{opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-clear-button-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-clear-button-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-clear-button-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-clear-button-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-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-clear-button-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-clear-button-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-clear-button-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-clear-button-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-clear-button-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-clear-button-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)}.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}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}.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-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-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start: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-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start: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-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}`;
34
+ import { s as styles$1 } from "../../chunks/screen-reader.js";
35
+ const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:block;--calcite-internal-combobox-max-block-size: 45vh}:host([scale=s]){font-size:var(--calcite-font-size-relative-sm);--calcite-internal-combobox-spacing-unit-l: .5rem;--calcite-internal-combobox-spacing-unit-s: .25rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-2xs);--calcite-internal-combobox-no-matches-spacing-unit-s: .25rem;--calcite-combobox-input-height: 1rem;--calcite-internal-combobox-input-margin-block: calc(.25rem - 1px) ;--calcite-internal-close-size: 1rem}:host([scale=m]){font-size:var(--calcite-font-size-relative-base);--calcite-internal-combobox-spacing-unit-l: .75rem;--calcite-internal-combobox-spacing-unit-s: .5rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-sm);--calcite-internal-combobox-no-matches-spacing-unit-s: .375rem;--calcite-combobox-input-height: 1rem;--calcite-internal-combobox-input-margin-block: calc(.5rem - 1px) ;--calcite-internal-close-size: 1.5rem}:host([scale=l]){font-size:var(--calcite-font-size-relative-md);--calcite-internal-combobox-spacing-unit-l: 1rem;--calcite-internal-combobox-spacing-unit-s: .75rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-sm-plus);--calcite-internal-combobox-no-matches-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-combobox-input-height: 1.5rem;--calcite-internal-combobox-input-margin-block: calc(var(--calcite-space-sm-plus) - 1px);--calcite-internal-close-size: 2rem}.wrapper{outline-color:transparent;display:flex;border-width:var(--calcite-border-width-sm);border-style:solid;padding-block:calc(var(--calcite-internal-combobox-spacing-unit-s) / 4);padding-inline:var(--calcite-internal-combobox-spacing-unit-l) var(--calcite-internal-combobox-padding-inline-end);border-radius:var(--calcite-combobox-corner-radius, var(--calcite-corner-radius));background-color:var(--calcite-combobox-input-background-color, var(--calcite-color-foreground-1));color:var(--calcite-combobox-input-text-color, var(--calcite-color-text-1));border-color:var(--calcite-combobox-input-border-color, var(--calcite-color-border-input))}.wrapper:hover .icon{color:var(--calcite-combobox-icon-color-hover, var(--calcite-color-text-1))}:host(:focus-within) .wrapper,.wrapper--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)))}:host([read-only]) .wrapper{background-color:var(--calcite-color-background)}:host([read-only]) .label{font-weight:var(--calcite-font-weight-medium)}:host([status=invalid]) .wrapper{border-color:var(--calcite-color-status-danger)}:host([status=invalid]:focus-within) .wrapper{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(-1 * var(--calcite-spacing-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.wrapper--single{padding-block:0;padding-inline:var(--calcite-internal-combobox-spacing-unit-l) var(--calcite-internal-combobox-padding-inline-end);cursor:pointer;flex-wrap:nowrap}.grid-input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;position:relative;padding:0;gap:var(--calcite-internal-combobox-spacing-unit-s);margin-inline-end:var(--calcite-internal-combobox-spacing-unit-s)}.grid-input.selection-display--fit,.grid-input.selection-display--single{flex-wrap:nowrap;overflow:hidden}.input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;background-color:transparent;border-style:none;flex-grow:1;font-family:inherit;color:var(--calcite-color-text-1);padding:0;font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);inline-size:100%;margin-block-end:var(--calcite-internal-combobox-spacing-unit-s);min-inline-size:4.8125rem}.input:focus{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}.input:placeholder-shown{text-overflow:ellipsis}.input--single{padding:0;margin-block:var(--calcite-internal-combobox-input-margin-block)}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0;min-inline-size:0;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-internal-combobox-spacing-unit-l)}.placeholder-icon{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3))}.input-wrap{display:flex;flex-grow:1;align-items:center}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-inline-size:100%;flex:1 1 auto;padding:0;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-internal-combobox-spacing-unit-l)}.icon-end,.icon-start{display:flex;cursor:pointer;align-items:center}.icon-end{flex:none}.icon-end .icon{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3))}.floating-ui-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.floating-ui-container{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.floating-ui-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.floating-ui-container:popover-open{display:block}.floating-ui-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}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.floating-ui-container .calcite-floating-ui-anim{box-shadow:var(--calcite-shadow-md)}@media(forced-colors:active){.wrapper,.floating-ui-container{border:1px solid canvasText}}.list-container{max-block-size:var(--calcite-internal-combobox-max-block-size);overflow-y:auto;inline-size:var(--calcite-dropdown-width, 100%);background-color:var(--calcite-combobox-background-color, var(--calcite-color-foreground-1))}.list{margin:0;display:block;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.list--hide{block-size:0;overflow:hidden}calcite-chip{--calcite-animation-timing: 0}.chip{margin-block:calc(var(--calcite-internal-combobox-spacing-unit-s) / 4);max-inline-size:100%}.chip--invisible{position:absolute;visibility:hidden}.item{display:block}.select-all{background-color:var(--calcite-combobox-item-background-color-active, var(--calcite-color-foreground-1));border-block-end-color:var(--calcite-combobox-divider-color, var(--calcite-combobox-item-border-color, var(--calcite-color-border-3)));border-block-end-style:solid;border-block-end-width:var(--calcite-border-width-sm);inset-block-start:0;position:sticky;z-index:var(--calcite-z-index-sticky)}.no-matches{padding-block:var(--calcite-internal-combobox-no-matches-spacing-unit-s);padding-inline:var(--calcite-internal-combobox-spacing-unit-l);color:var(--calcite-combobox-input-text-color, var(--calcite-color-text-1));background:var(--calcite-combobox-background-color, var(--calcite-color-foreground-1));cursor:pointer}.no-matches-placeholder{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3));cursor:default}.disabled{opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-clear-button-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-clear-button-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-clear-button-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-clear-button-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-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-clear-button-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-clear-button-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-clear-button-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-clear-button-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-clear-button-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-clear-button-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)}.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}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}.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-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-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start: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-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start: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-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}`;
35
36
  class Combobox extends LitElement {
36
37
  constructor() {
37
38
  super();
@@ -173,7 +174,7 @@ class Combobox extends LitElement {
173
174
  this.formAssociated = true;
174
175
  }
175
176
  static {
176
- this.styles = styles;
177
+ this.styles = [styles, styles$1];
177
178
  }
178
179
  get effectiveFilterProps() {
179
180
  if (!this.filterProps) {
@@ -1384,7 +1385,7 @@ class Combobox extends LitElement {
1384
1385
  [CSS.gridInput]: true,
1385
1386
  [CSS.selectionDisplayFit]: fitSelectionDisplay,
1386
1387
  [CSS.selectionDisplaySingle]: singleSelectionDisplay
1387
- })} ${ref(this.setChipContainerEl)}>${!singleSelectionMode && !singleSelectionDisplay && this.renderChips() || ""}${!singleSelectionMode && !singleSelectionDisplay && this.selectAllEnabled && allSelectionDisplay && this.renderAllSelectedIndicatorChip() || ""}${showSingleIndicatorChips && this.renderSelectedIndicatorChip() || ""}${showSingleIndicatorChips && this.renderSelectedIndicatorChipCompact() || ""}${showIndicatorChips && this.renderAllSelectedIndicatorChip() || ""}<label class=${safeClassMap(CSS.screenReadersOnly)} .htmlFor=${`${IDS.input(guid2)}`} .id=${`${IDS.label(guid2)}`}>${label}</label>${this.renderInput()}</div>`)}${!readOnly && isClearable ? ClearButton({ ariaLabel: this.messages.clear, disabled: this.disabled, ref: this.clearButtonRef, scale: this.scale, title: this.messages.clear }) : null}${!readOnly && this.renderChevronIcon() || ""}</div><ul aria-labelledby=${`${IDS.label(guid2)}`} aria-multiselectable=true class=${safeClassMap(CSS.screenReadersOnly)} .id=${`${IDS.listbox(guid2)}`} role=listbox tabindex=-1>${this.renderListBoxOptions()}</ul>${this.renderFloatingUIContainer()}${this.validationMessage && this.status === "invalid" ? Validation({ icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
1388
+ })} ${ref(this.setChipContainerEl)}>${!singleSelectionMode && !singleSelectionDisplay && this.renderChips() || ""}${!singleSelectionMode && !singleSelectionDisplay && this.selectAllEnabled && allSelectionDisplay && this.renderAllSelectedIndicatorChip() || ""}${showSingleIndicatorChips && this.renderSelectedIndicatorChip() || ""}${showSingleIndicatorChips && this.renderSelectedIndicatorChipCompact() || ""}${showIndicatorChips && this.renderAllSelectedIndicatorChip() || ""}<label class=${safeClassMap(CSS_UTILITY.screenReaderText)} .htmlFor=${`${IDS.input(guid2)}`} .id=${`${IDS.label(guid2)}`}>${label}</label>${this.renderInput()}</div>`)}${!readOnly && isClearable ? ClearButton({ ariaLabel: this.messages.clear, disabled: this.disabled, ref: this.clearButtonRef, scale: this.scale, title: this.messages.clear }) : null}${!readOnly && this.renderChevronIcon() || ""}</div><ul aria-labelledby=${`${IDS.label(guid2)}`} aria-multiselectable=true class=${safeClassMap(CSS_UTILITY.screenReaderText)} .id=${`${IDS.listbox(guid2)}`} role=listbox tabindex=-1>${this.renderListBoxOptions()}</ul>${this.renderFloatingUIContainer()}${this.validationMessage && this.status === "invalid" ? Validation({ icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
1388
1389
  }
1389
1390
  }
1390
1391
  customElement("calcite-combobox", Combobox);
@@ -6,7 +6,7 @@ import { LitElement, createEvent, safeClassMap, safeStyleMap } from "@arcgis/lum
6
6
  import { g as guid } from "../../chunks/guid.js";
7
7
  import { d as getAncestors, i as isSingleLike, e as getDepth } from "../../chunks/utils.js";
8
8
  import { g as getIconScale } from "../../chunks/component.js";
9
- import { o as slotChangeHasContent } from "../../chunks/dom.js";
9
+ import { p as slotChangeHasContent } from "../../chunks/dom.js";
10
10
  import { h as highlightText } from "../../chunks/text.js";
11
11
  import { u as useInteractive } from "../../chunks/useInteractive.js";
12
12
  const CSS = {
@@ -6,7 +6,7 @@ import { css, html, nothing } from "lit";
6
6
  import { createRef, ref } from "lit/directives/ref.js";
7
7
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
8
8
  import { b as dateFromRange, n as nextMonth, p as prevMonth, f as formatCalendarYear, e as parseCalendarYear, j as getDateInMonth, i as inRange, h as hasSameMonthAndYear, k as getOrder } from "../../chunks/date.js";
9
- import { c as closestElementCrossShadowBoundary, j as getTextWidth } from "../../chunks/dom.js";
9
+ import { c as closestElementCrossShadowBoundary, k as getTextWidth } from "../../chunks/dom.js";
10
10
  import { i as isActivationKey } from "../../chunks/key.js";
11
11
  import { n as numberStringFormatter } from "../../chunks/locale.js";
12
12
  const styles = css`:host{display:block}.header{display:flex;block-size:100%;align-items:center;justify-content:space-between}.chevron-container{display:flex;align-items:center}:host([scale=s]){block-size:24px;margin:var(--calcite-spacing-xs);margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .chevron-container,:host([scale=s]) .chevron{min-inline-size:24px;block-size:24px}:host([scale=m]){block-size:32px;margin:var(--calcite-spacing-sm);margin-inline-start:var(--calcite-spacing-sm-plus)}:host([scale=m]) .chevron-container,:host([scale=m]) .chevron{min-inline-size:32px;block-size:32px;--calcite-internal-action-padding-block: var(--calcite-spacing-xxs)}:host([scale=l]){block-size:44px;margin:var(--calcite-spacing-xs);margin-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .chevron-container,:host([scale=l]) .chevron{min-inline-size:44px;block-size:44px;--calcite-internal-action-padding-block: var(--calcite-spacing-sm-plus)}.chevron{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;box-sizing:content-box;display:flex;block-size:100%;inline-size:100%;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;outline-color:transparent;--calcite-internal-action-padding-block: 0;--calcite-action-background-color: var(--calcite-date-picker-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-date-picker-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-date-picker-header-action-background-color-press);--calcite-action-text-color: var(--calcite-date-picker-header-action-text-color);--calcite-action-text-color-press: var(--calcite-date-picker-header-action-text-color-press)}.chevron:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.chevron[aria-disabled=true]{pointer-events:none}.month-year-container{display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:flex-start;text-align:center;line-height:1;gap:var(--calcite-spacing-xxs)}.month-year-container.range-calendar{justify-content:center}.year-container{position:relative;display:flex;block-size:100%}.suffix{display:flex;align-items:center}.year,.suffix{margin-inline:var(--calcite-spacing-xxs);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-date-picker-year-text-color, var(--calcite-color-text-1));font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-fixed-lg)}.year{position:relative;display:inline-block;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent;inline-size:44px}.year:hover{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:-2px}.year:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.month-select{--calcite-select-internal-border-width: 0;--calcite-select-internal-icon-border-inline-end-width: 0;--calcite-internal-select-spacing-inline: var(--calcite-spacing-xxs);--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-md));--calcite-select-text-color: var(--calcite-date-picker-month-select-text-color, var(--calcite-color-text-1));--calcite-select-icon-color: var(--calcite-date-picker-month-select-icon-color);--calcite-select-icon-color-hover: var(--calcite-date-picker-month-select-icon-color-hover);--calcite-internal-select-spacing-block: var(--calcite-spacing-xxs);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-xxs);--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-lg);--calcite-internal-select-font-weight: var(--calcite-font-weight-medium)}:host([scale=s]) .month-year-container .month-select{--calcite-internal-select-spacing-inline: var(--calcite-spacing-base);--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size));--calcite-internal-select-spacing-block: var(--calcite-spacing-base);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-base);--calcite-internal-select-block-size: 24px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-base)}:host([scale=s]) .month-year-container .year{inline-size:40px}:host([scale=s]) .month-year-container .year,:host([scale=s]) .month-year-container .suffix{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-fixed-base)}:host([scale=l]) .month-year-container .month-select{--calcite-internal-select-spacing-inline: var(--calcite-spacing-sm);--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-lg));--calcite-internal-select-spacing-block: var(--calcite-spacing-sm);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-sm);--calcite-internal-select-block-size: 44px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-xl)}:host([scale=l]) .month-year-container .year{inline-size:48px}:host([scale=l]) .month-year-container .year,:host([scale=l]) .month-year-container .suffix{font-size:var(--calcite-font-size-lg);line-height:var(--calcite-font-line-height-fixed-xl)}:host([hidden]){display:none}[hidden]{display:none}`;
@@ -5,7 +5,7 @@ import { u as useSizeOverride, i as interact } from "../../chunks/useSizeOverrid
5
5
  import { css, html } from "lit";
6
6
  import { createRef, ref } from "lit/directives/ref.js";
7
7
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
8
- import { k as getStylePixelValue } from "../../chunks/dom.js";
8
+ import { l as getStylePixelValue } from "../../chunks/dom.js";
9
9
  import { c as createObserver } from "../../chunks/observers.js";
10
10
  import { g as getDimensionClass } from "../../chunks/dynamicClasses.js";
11
11
  import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
@@ -5,7 +5,7 @@ import { createRef, ref } from "lit/directives/ref.js";
5
5
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
6
6
  import { useDirection } from "@arcgis/lumina/controllers";
7
7
  import { A as nextFrame } from "../../chunks/dom.js";
8
- import { d as defaultMenuPlacement, r as reposition, c as connectFloatingUI, a as disconnectFloatingUI, f as filterValidFlipPlacements, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
8
+ import { a as defaultMenuPlacement, r as reposition, c as connectFloatingUI, b as disconnectFloatingUI, f as filterValidFlipPlacements, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
9
9
  import { i as isActivationKey } from "../../chunks/key.js";
10
10
  import { c as createObserver, u as updateRefObserver } from "../../chunks/observers.js";
11
11
  import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
@@ -5,7 +5,7 @@ import { createRef, ref } from "lit/directives/ref.js";
5
5
  import { LitElement, createEvent, nothing, safeClassMap } from "@arcgis/lumina";
6
6
  import { g as getLabelText } from "../../chunks/label.js";
7
7
  import { u as useLabel } from "../../chunks/useLabel.js";
8
- import { d as slotChangeGetAssignedElements } from "../../chunks/dom.js";
8
+ import { b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
9
9
  import { u as useT9n } from "../../chunks/useT9n.js";
10
10
  import { u as useSetFocus } from "../../chunks/useSetFocus.js";
11
11
  import { u as useInteractive } from "../../chunks/useInteractive.js";
@@ -6,7 +6,7 @@ import { css, html, nothing } from "lit";
6
6
  import { createRef, ref } from "lit/directives/ref.js";
7
7
  import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
8
8
  import { useWatchAttributes, useDirection } from "@arcgis/lumina/controllers";
9
- import { v as setRequestedIcon, e as isPrimaryPointerButton } from "../../chunks/dom.js";
9
+ import { v as setRequestedIcon, h as isPrimaryPointerButton } from "../../chunks/dom.js";
10
10
  import { n as numberKeys } from "../../chunks/key.js";
11
11
  import { g as getLabelText } from "../../chunks/label.js";
12
12
  import { i as isValidNumber, B as BigDecimal, n as numberStringFormatter, p as parseNumberString, s as sanitizeNumberString, b as addLocalizedTrailingDecimalZeros } from "../../chunks/locale.js";
@@ -6,7 +6,7 @@ import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/
6
6
  import { useDirection } from "@arcgis/lumina/controllers";
7
7
  import { u as useFocusTrap } from "../../chunks/useFocusTrap.js";
8
8
  import { l as datePartsFromISO, d as dateFromISO, a as dateToISO, b as dateFromRange, m as datePartsFromLocalizedString, o as dateFromLocalizedString, i as inRange } from "../../chunks/date.js";
9
- import { d as defaultMenuPlacement, r as reposition, c as connectFloatingUI, a as disconnectFloatingUI, f as filterValidFlipPlacements, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
9
+ import { a as defaultMenuPlacement, r as reposition, c as connectFloatingUI, b as disconnectFloatingUI, f as filterValidFlipPlacements, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
10
10
  import { n as numberKeys } from "../../chunks/key.js";
11
11
  import { g as getLabelText } from "../../chunks/label.js";
12
12
  import { g as getIconScale } from "../../chunks/component.js";
@@ -6,7 +6,7 @@ import { css, html, nothing } from "lit";
6
6
  import { createRef, ref } from "lit/directives/ref.js";
7
7
  import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
8
8
  import { useWatchAttributes, useDirection } from "@arcgis/lumina/controllers";
9
- import { v as setRequestedIcon, e as isPrimaryPointerButton } from "../../chunks/dom.js";
9
+ import { v as setRequestedIcon, h as isPrimaryPointerButton } from "../../chunks/dom.js";
10
10
  import { n as numberKeys } from "../../chunks/key.js";
11
11
  import { g as getLabelText } from "../../chunks/label.js";
12
12
  import { u as useLabel } from "../../chunks/useLabel.js";
@@ -5,7 +5,7 @@ import { keyed } from "lit/directives/keyed.js";
5
5
  import { debounce } from "es-toolkit";
6
6
  import { css, html } from "lit";
7
7
  import { LitElement, createEvent, safeClassMap, safeStyleMap } from "@arcgis/lumina";
8
- import { o as slotChangeHasContent, s as slotChangeHasAssignedElement, g as getRootNode } from "../../chunks/dom.js";
8
+ import { p as slotChangeHasContent, s as slotChangeHasAssignedElement, g as getRootNode } from "../../chunks/dom.js";
9
9
  import { c as createObserver } from "../../chunks/observers.js";
10
10
  import { l as listItemSelector, a as listSelector, u as updateListItemChildren, b as listItemGroupSelector, e as expandedAncestors, S as SLOTS, C as CSS } from "../../chunks/utils4.js";
11
11
  import { S as SLOTS$1 } from "../../chunks/resources19.js";
@@ -6,7 +6,7 @@ import { css, html, nothing } from "lit";
6
6
  import { createRef, ref } from "lit/directives/ref.js";
7
7
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
8
8
  import { useDirection } from "@arcgis/lumina/controllers";
9
- import { s as slotChangeHasAssignedElement, p as getFirstTabbable } from "../../chunks/dom.js";
9
+ import { s as slotChangeHasAssignedElement, r as getFirstTabbable } from "../../chunks/dom.js";
10
10
  import { u as useT9n } from "../../chunks/useT9n.js";
11
11
  import { g as getIconScale } from "../../chunks/component.js";
12
12
  import { s as styles$1 } from "../../chunks/sortable.js";
@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
3
3
  import { css, html } from "lit";
4
4
  import { LitElement } from "@arcgis/lumina";
5
5
  import { useWatchAttributes } from "@arcgis/lumina/controllers";
6
- import { b as focusElementInGroup, d as slotChangeGetAssignedElements, f as focusElement } from "../../chunks/dom.js";
6
+ import { e as focusElementInGroup, b as slotChangeGetAssignedElements, f as focusElement } from "../../chunks/dom.js";
7
7
  import { u as useT9n } from "../../chunks/useT9n.js";
8
8
  import { u as useSetFocus } from "../../chunks/useSetFocus.js";
9
9
  import { i as isMenuItem } from "../../chunks/resources20.js";
@@ -5,7 +5,7 @@ import { keyed } from "lit/directives/keyed.js";
5
5
  import { createRef, ref } from "lit/directives/ref.js";
6
6
  import { LitElement, createEvent, safeClassMap, nothing } from "@arcgis/lumina";
7
7
  import { useDirection } from "@arcgis/lumina/controllers";
8
- import { d as slotChangeGetAssignedElements } from "../../chunks/dom.js";
8
+ import { b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
9
9
  import { g as getIconScale } from "../../chunks/component.js";
10
10
  import { u as useT9n } from "../../chunks/useT9n.js";
11
11
  import { u as useSetFocus } from "../../chunks/useSetFocus.js";
@@ -4,12 +4,12 @@ import { keyed } from "lit/directives/keyed.js";
4
4
  import { css, html, nothing } from "lit";
5
5
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
6
6
  import { createRef, ref } from "lit/directives/ref.js";
7
- import { s as slotChangeHasAssignedElement, d as slotChangeGetAssignedElements, r as slotChangeHasTextContent, u as hasVisibleContent } from "../../chunks/dom.js";
7
+ import { s as slotChangeHasAssignedElement, b as slotChangeGetAssignedElements, d as slotChangeHasTextContent, u as hasVisibleContent } from "../../chunks/dom.js";
8
8
  import { g as getIconScale } from "../../chunks/component.js";
9
9
  import { c as createObserver, u as updateRefObserver } from "../../chunks/observers.js";
10
10
  import { S as SLOTS$1 } from "../../chunks/resources2.js";
11
11
  import { H as Heading } from "../../chunks/Heading.js";
12
- import { b as defaultEndMenuPlacement } from "../../chunks/floating-ui.js";
12
+ import { d as defaultEndMenuPlacement } from "../../chunks/floating-ui.js";
13
13
  import { u as useT9n } from "../../chunks/useT9n.js";
14
14
  import { i as isActionBar } from "../../chunks/resources12.js";
15
15
  import { u as useSetFocus } from "../../chunks/useSetFocus.js";
@@ -5,7 +5,7 @@ import { css, html } from "lit";
5
5
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
6
6
  import { createRef, ref } from "lit/directives/ref.js";
7
7
  import { useDirection } from "@arcgis/lumina/controllers";
8
- import { e as defaultOffsetDistance, r as reposition, c as connectFloatingUI, a as disconnectFloatingUI, f as filterValidFlipPlacements, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
8
+ import { e as defaultOffsetDistance, r as reposition, c as connectFloatingUI, b as disconnectFloatingUI, f as filterValidFlipPlacements, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
9
9
  import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
10
10
  import { H as Heading } from "../../chunks/Heading.js";
11
11
  import { c as createObserver } from "../../chunks/observers.js";
@@ -4,7 +4,7 @@ import { css, html } from "lit";
4
4
  import { LitElement, safeClassMap } from "@arcgis/lumina";
5
5
  import { createRef, ref } from "lit/directives/ref.js";
6
6
  import { c as createObserver } from "../../chunks/observers.js";
7
- import { o as slotChangeHasContent } from "../../chunks/dom.js";
7
+ import { p as slotChangeHasContent } from "../../chunks/dom.js";
8
8
  import { u as useT9n } from "../../chunks/useT9n.js";
9
9
  const CSS = {
10
10
  scrim: "scrim",
@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
3
3
  import { css, isServer, nothing, html } from "lit";
4
4
  import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
5
5
  import { useDirection } from "@arcgis/lumina/controllers";
6
- import { d as slotChangeGetAssignedElements } from "../../chunks/dom.js";
6
+ import { b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
7
7
  import { g as getLabelText } from "../../chunks/label.js";
8
8
  import { u as useLabel } from "../../chunks/useLabel.js";
9
9
  import { I as InternalLabel } from "../../chunks/InternalLabel.js";
@@ -2,7 +2,7 @@
2
2
  import { c as customElement } from "../../chunks/runtime.js";
3
3
  import { css, html } from "lit";
4
4
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
5
- import { o as slotChangeHasContent } from "../../chunks/dom.js";
5
+ import { p as slotChangeHasContent } from "../../chunks/dom.js";
6
6
  import { t as toAriaBoolean } from "../../chunks/aria.js";
7
7
  import { C as CSS, S as SLOTS } from "../../chunks/resources23.js";
8
8
  const styles = css`:host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);outline-color:transparent;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out}.label{pointer-events:none;margin:.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-segmented-control-color, var(--calcite-color-text-3));background-color:var(--calcite-segmented-control-background-color);box-shadow:var(--calcite-segmented-control-shadow);border-radius:max(0px,var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius)) - 2px);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out,color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host(: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))));outline-offset:-1px;z-index:var(--calcite-z-index);border-radius:var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius))}.label--scale-s{padding-inline:.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);padding-block:.125rem}.label--scale-m{padding-inline:.75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);padding-block:.375rem}.label--scale-l{padding-inline:1rem;padding-block:var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host(:hover) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-2));color:var(--calcite-segmented-control-color, var(--calcite-color-text-1))}:host(:active) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-3))}:host([checked]) .label{cursor:default;background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-text-inverse))}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-segmented-control-shadow, inset 0 0 0 1px var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-brand))}:host([checked]) .label--outline{background-color:var(--calcite-segmented-control-background-color, transparent)}::slotted(input){display:none}@media(forced-colors:active){:host([checked]) .label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) .label:not([class~=label--outline]) .icon{color:highlightText}}.icon{position:relative;margin:0;display:inline-flex;line-height:inherit;margin-inline-start:var(--calcite-internal-segmented-control-icon-margin-start);margin-inline-end:var(--calcite-internal-segmented-control-icon-margin-end);--calcite-icon-color: var(--calcite-segmented-control-icon-color)}:host([icon-start]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-end: .5rem}:host([icon-end]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-start: .5rem}:host([icon-start]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-end: .75rem}:host([icon-end]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-start: .75rem}:host([icon-start]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-end: 1rem}:host([icon-end]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-start: 1rem}.label .icon--solo{--calcite-internal-segmented-control-icon-margin-start: 0;--calcite-internal-segmented-control-icon-margin-end: 0}:host([hidden]){display:none}[hidden]{display:none}`;
@@ -6,7 +6,7 @@ import { css, html } from "lit";
6
6
  import { LitElement, createEvent, setAttribute, safeClassMap } from "@arcgis/lumina";
7
7
  import { createRef, ref } from "lit/directives/ref.js";
8
8
  import { useDirection } from "@arcgis/lumina/controllers";
9
- import { k as getStylePixelValue } from "../../chunks/dom.js";
9
+ import { l as getStylePixelValue } from "../../chunks/dom.js";
10
10
  import { c as createObserver } from "../../chunks/observers.js";
11
11
  import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
12
12
  import { g as getDimensionClass } from "../../chunks/dynamicClasses.js";
@@ -4,7 +4,7 @@ import { keyed } from "lit/directives/keyed.js";
4
4
  import { css, html } from "lit";
5
5
  import { LitElement, safeClassMap } from "@arcgis/lumina";
6
6
  import { createRef, ref } from "lit/directives/ref.js";
7
- import { s as slotChangeHasAssignedElement, d as slotChangeGetAssignedElements, k as getStylePixelValue } from "../../chunks/dom.js";
7
+ import { s as slotChangeHasAssignedElement, b as slotChangeGetAssignedElements, l as getStylePixelValue } from "../../chunks/dom.js";
8
8
  import { i as isAlert } from "../../chunks/resources13.js";
9
9
  import { b as isDialog } from "../../chunks/resources15.js";
10
10
  import { i as isSheet } from "../../chunks/resources24.js";
@@ -6,7 +6,7 @@ import { css, html } from "lit";
6
6
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
7
7
  import { createRef, ref } from "lit/directives/ref.js";
8
8
  import { useDirection } from "@arcgis/lumina/controllers";
9
- import { k as getStylePixelValue, d as slotChangeGetAssignedElements, s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
9
+ import { l as getStylePixelValue, b as slotChangeGetAssignedElements, s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
10
10
  import { c as createObserver } from "../../chunks/observers.js";
11
11
  import { g as getDimensionClass } from "../../chunks/dynamicClasses.js";
12
12
  import { a as ariaValueFromSize } from "../../chunks/aria.js";
@@ -5,7 +5,7 @@ import { css, html, nothing } from "lit";
5
5
  import { LitElement, createEvent, stringOrBoolean, setAttribute, safeClassMap, safeStyleMap } from "@arcgis/lumina";
6
6
  import { createRef, ref } from "lit/directives/ref.js";
7
7
  import { g as guid } from "../../chunks/guid.js";
8
- import { e as isPrimaryPointerButton, B as intersects } from "../../chunks/dom.js";
8
+ import { h as isPrimaryPointerButton, B as intersects } from "../../chunks/dom.js";
9
9
  import { I as InternalLabel } from "../../chunks/InternalLabel.js";
10
10
  import { V as Validation } from "../../chunks/Validation.js";
11
11
  import { i as isActivationKey } from "../../chunks/key.js";
@@ -4,7 +4,7 @@ import { ref } from "lit/directives/ref.js";
4
4
  import { keyed } from "lit/directives/keyed.js";
5
5
  import { css, nothing, html } from "lit";
6
6
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
7
- import { d as defaultMenuPlacement } from "../../chunks/floating-ui.js";
7
+ import { a as defaultMenuPlacement } from "../../chunks/floating-ui.js";
8
8
  import { u as useT9n } from "../../chunks/useT9n.js";
9
9
  import { u as useSetFocus } from "../../chunks/useSetFocus.js";
10
10
  import { u as useInteractive } from "../../chunks/useInteractive.js";
@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
3
3
  import { svg, html, css, nothing } from "lit";
4
4
  import { safeClassMap, LitElement, createEvent } from "@arcgis/lumina";
5
5
  import { createRef, ref } from "lit/directives/ref.js";
6
- import { b as focusElementInGroup, d as slotChangeGetAssignedElements } from "../../chunks/dom.js";
6
+ import { e as focusElementInGroup, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
7
7
  import { c as createObserver } from "../../chunks/observers.js";
8
8
  import { g as guid } from "../../chunks/guid.js";
9
9
  import { u as useT9n } from "../../chunks/useT9n.js";
@@ -7,7 +7,7 @@ import { n as numberStringFormatter } from "../../chunks/locale.js";
7
7
  import { u as useT9n } from "../../chunks/useT9n.js";
8
8
  import { i as isHidden } from "../../chunks/component.js";
9
9
  import { u as useSetFocus } from "../../chunks/useSetFocus.js";
10
- import { o as slotChangeHasContent } from "../../chunks/dom.js";
10
+ import { p as slotChangeHasContent } from "../../chunks/dom.js";
11
11
  import { u as useInteractive } from "../../chunks/useInteractive.js";
12
12
  import { C as CSS, I as ICONS } from "../../chunks/resources26.js";
13
13
  import { i as isActivationKey } from "../../chunks/key.js";
@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
3
3
  import { css, html } from "lit";
4
4
  import { createRef, ref } from "lit/directives/ref.js";
5
5
  import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
6
- import { b as focusElementInGroup, d as slotChangeGetAssignedElements } from "../../chunks/dom.js";
6
+ import { e as focusElementInGroup, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
7
7
  import { u as useSetFocus } from "../../chunks/useSetFocus.js";
8
8
  import { u as useInteractive } from "../../chunks/useInteractive.js";
9
9
  import { i as isSwatch } from "../../chunks/resources27.js";