@esri/calcite-components 5.2.0-next.23 → 5.2.0-next.25

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 (204) hide show
  1. package/dist/cdn/{RPHF57ID.js → 22GC3RG5.js} +1 -1
  2. package/dist/cdn/{PE6HZSXG.js → 2LLTIUO2.js} +1 -1
  3. package/dist/cdn/{OKQBN2MY.js → 2RCCZVTQ.js} +1 -1
  4. package/dist/cdn/{VA6P67UG.js → 2WN5V5VV.js} +1 -1
  5. package/dist/cdn/2Y7V37OD.js +2 -0
  6. package/dist/cdn/{UQAL22P6.js → 37D7AZ7D.js} +1 -1
  7. package/dist/cdn/{N4VAVTXN.js → 3YHV4V2E.js} +1 -1
  8. package/dist/cdn/{W5QVWKA4.js → 4JVIOGR3.js} +1 -1
  9. package/dist/cdn/{5E34F2H7.js → 4TWFL7MF.js} +1 -1
  10. package/dist/cdn/4V5AT4ZJ.js +2 -0
  11. package/dist/cdn/{X2Y3U24F.js → 4VEXFJNW.js} +1 -1
  12. package/dist/cdn/{E7YSE7PA.js → 4XLWVEK2.js} +1 -1
  13. package/dist/cdn/56B4W3IX.js +2 -0
  14. package/dist/cdn/{QAVBQFIM.js → 5K6W25QR.js} +1 -1
  15. package/dist/cdn/{YURDXUY6.js → 5KEHJCHZ.js} +1 -1
  16. package/dist/cdn/5ZZL6VT5.js +2 -0
  17. package/dist/cdn/{J2WA3W5U.js → 6EUPYBJ7.js} +1 -1
  18. package/dist/cdn/{56DNJRTH.js → 6KMBQHVA.js} +1 -1
  19. package/dist/cdn/{XEKJUQX2.js → 6LJFVX4I.js} +1 -1
  20. package/dist/cdn/{MB2RASRM.js → 6XSZN5UI.js} +1 -1
  21. package/dist/cdn/{QJ4X6JEF.js → 73FYBQX2.js} +1 -1
  22. package/dist/cdn/{DHAK5MVE.js → 7MSJVPGW.js} +1 -1
  23. package/dist/cdn/{4MRGSEQH.js → 7OJ66Q4X.js} +1 -1
  24. package/dist/cdn/{XBNPHSQR.js → ABSKISJZ.js} +1 -1
  25. package/dist/cdn/{CKDOITAW.js → AKJDXNSH.js} +1 -1
  26. package/dist/cdn/{ZLY4AI4O.js → B55YECTU.js} +1 -1
  27. package/dist/cdn/B5JEWPWI.js +2 -0
  28. package/dist/cdn/{PXHOVMKD.js → BVZVGHBC.js} +1 -1
  29. package/dist/cdn/{44BCM4WD.js → C5GR7BRQ.js} +1 -1
  30. package/dist/cdn/{LSYCKJVH.js → CBFJM3WF.js} +1 -1
  31. package/dist/cdn/{XP7XYKMD.js → CBUAGE6G.js} +1 -1
  32. package/dist/cdn/{SSTWHVRD.js → CE4KECUJ.js} +1 -1
  33. package/dist/cdn/{RG2RKIDH.js → CNCYAYZV.js} +1 -1
  34. package/dist/cdn/{L6CCUDY4.js → CSEUL5M3.js} +1 -1
  35. package/dist/cdn/{2PFID3W6.js → CTYSCOBK.js} +1 -1
  36. package/dist/cdn/DKJI4BME.js +2 -0
  37. package/dist/cdn/{OCLWYV7X.js → DXKCNUEV.js} +1 -1
  38. package/dist/cdn/{MPUIKIV2.js → EEOXZS6M.js} +1 -1
  39. package/dist/cdn/EP5RWWWG.js +2 -0
  40. package/dist/cdn/{P2M56OT6.js → EPT63H4X.js} +1 -1
  41. package/dist/cdn/{JZSJTLPL.js → EQCD6SKO.js} +1 -1
  42. package/dist/cdn/{V4PSJEH7.js → EVWEP3U6.js} +1 -1
  43. package/dist/cdn/{32RBXVF4.js → F6JPKWYM.js} +1 -1
  44. package/dist/cdn/{GA5ZHZLZ.js → FH4FVT6N.js} +1 -1
  45. package/dist/cdn/{ETSNIYVJ.js → FH4NWCNH.js} +1 -1
  46. package/dist/cdn/{Q2XCENUN.js → FS7TGNLS.js} +1 -1
  47. package/dist/cdn/{5S2UFHFC.js → G7QXJNLL.js} +1 -1
  48. package/dist/cdn/{4YCUPVHB.js → GBPBKE62.js} +1 -1
  49. package/dist/cdn/GFU7D6D5.js +2 -0
  50. package/dist/cdn/GIZ3Q3DF.js +2 -0
  51. package/dist/cdn/{E3HA6ARS.js → GKGNNXHT.js} +1 -1
  52. package/dist/cdn/{UTFIFRAB.js → GRRE3UKT.js} +1 -1
  53. package/dist/cdn/{SHQXC5KI.js → GTOH3BST.js} +1 -1
  54. package/dist/cdn/GTUVDLDW.js +2 -0
  55. package/dist/cdn/GVH35AYA.js +2 -0
  56. package/dist/cdn/{WZS5WOVS.js → H3TOK6XZ.js} +1 -1
  57. package/dist/cdn/{WU7GZ3ZT.js → HHDUX7PF.js} +1 -1
  58. package/dist/cdn/{ZIHHVT6X.js → HIZXZAYX.js} +1 -1
  59. package/dist/cdn/{DMBFYRBO.js → HVUT6LOX.js} +1 -1
  60. package/dist/cdn/{HPCNE2D3.js → ICSW3D3J.js} +1 -1
  61. package/dist/cdn/{OF3NKVWJ.js → IDM3HU5C.js} +1 -1
  62. package/dist/cdn/{7KEQRK7M.js → IGKO7D7N.js} +1 -1
  63. package/dist/cdn/{GNQ7HT6N.js → IKUMXD7A.js} +1 -1
  64. package/dist/cdn/{DD6HKLEH.js → IPTKGSGY.js} +1 -1
  65. package/dist/cdn/{6AWM3III.js → J7I3EQSN.js} +1 -1
  66. package/dist/cdn/{EDJC2HTH.js → JA7OZCB3.js} +1 -1
  67. package/dist/cdn/{WI7WTRBR.js → JGRQ6CUV.js} +1 -1
  68. package/dist/cdn/{NCZEPH5R.js → JPKGBSWT.js} +1 -1
  69. package/dist/cdn/{YGCQA6I2.js → JPXIUUMZ.js} +1 -1
  70. package/dist/cdn/{26NLIAOY.js → JUR52VUJ.js} +1 -1
  71. package/dist/cdn/{ZTOH6K4N.js → K4O4I3A5.js} +1 -1
  72. package/dist/cdn/{3RRQA2FI.js → K5FXO3QH.js} +1 -1
  73. package/dist/cdn/{XKENPJIG.js → K7CNN7XW.js} +1 -1
  74. package/dist/cdn/{OX7WKNVG.js → KG53W6XH.js} +1 -1
  75. package/dist/cdn/{WEQLYKHQ.js → KPSXCXHX.js} +1 -1
  76. package/dist/cdn/{ZYUCFWLH.js → KUYDXE2F.js} +1 -1
  77. package/dist/cdn/{QDGKS7LE.js → KY5RECBD.js} +1 -1
  78. package/dist/cdn/{M6IGUW4G.js → KZPBMIPA.js} +1 -1
  79. package/dist/cdn/{MR3JPLGQ.js → L57CN7OS.js} +1 -1
  80. package/dist/cdn/{QR2UFQCP.js → L653U6TD.js} +1 -1
  81. package/dist/cdn/{V22TQ7PZ.js → L7CV2BYA.js} +1 -1
  82. package/dist/cdn/{PJS3MBW2.js → LJAJPLLO.js} +1 -1
  83. package/dist/cdn/{3TUJGRZ2.js → N3UBJVDD.js} +1 -1
  84. package/dist/cdn/{FWIPONLY.js → N62ZA5VU.js} +1 -1
  85. package/dist/cdn/{IDGW2P7Y.js → NEKKMY32.js} +1 -1
  86. package/dist/cdn/{OY3Z7S4F.js → OBUUDLYG.js} +1 -1
  87. package/dist/cdn/{YAFFQQRB.js → OI2PRXQX.js} +1 -1
  88. package/dist/cdn/OKWOTSY3.js +2 -0
  89. package/dist/cdn/{Y3K3KZ7C.js → OLLANWS4.js} +1 -1
  90. package/dist/cdn/{HPWZD6ES.js → OMBTETZO.js} +1 -1
  91. package/dist/cdn/{RV2VGY5Y.js → OMPGBFWM.js} +1 -1
  92. package/dist/cdn/OMYPRL6N.js +2 -0
  93. package/dist/cdn/{SPDOAEZW.js → OQCWMWIO.js} +1 -1
  94. package/dist/cdn/{MCHEB6JH.js → OQJB4DX3.js} +1 -1
  95. package/dist/cdn/{CKU3WVI5.js → OTEBTN57.js} +1 -1
  96. package/dist/cdn/{CW75VNTM.js → OTSVF2WP.js} +1 -1
  97. package/dist/cdn/{GQFOAB5T.js → PH74VKTL.js} +1 -1
  98. package/dist/cdn/{3O74FQRX.js → PRGZNHUH.js} +1 -1
  99. package/dist/cdn/PZPFL6PE.js +2 -0
  100. package/dist/cdn/{3JVMYXOC.js → QCK2MWTK.js} +1 -1
  101. package/dist/cdn/{C6VPC36M.js → QT3J2A2Q.js} +1 -1
  102. package/dist/cdn/{UINO3MUN.js → RM6HWC7A.js} +1 -1
  103. package/dist/cdn/SEQCBIEU.js +2 -0
  104. package/dist/cdn/{ATKSPCQC.js → SQT2NXTL.js} +1 -1
  105. package/dist/cdn/{XEDH2KRM.js → T3DRXPGG.js} +1 -1
  106. package/dist/cdn/{UFBPVUSS.js → T7S6WIFD.js} +1 -1
  107. package/dist/cdn/TDJEPWU5.js +2 -0
  108. package/dist/cdn/{W3EDPW5C.js → TGYKMD2U.js} +1 -1
  109. package/dist/cdn/{M7X4MZ4X.js → THCUZB6I.js} +1 -1
  110. package/dist/cdn/{TU2IDUJN.js → TIBJT3W7.js} +1 -1
  111. package/dist/cdn/{7XW3S3DN.js → TOGPTZKU.js} +1 -1
  112. package/dist/cdn/{PHZDEOBE.js → TRNEFG5H.js} +1 -1
  113. package/dist/cdn/TTIJIR65.js +2 -0
  114. package/dist/cdn/{N24IIHGN.js → U7YK4VGO.js} +1 -1
  115. package/dist/cdn/{VVDB4JOU.js → UCMA7O7D.js} +1 -1
  116. package/dist/cdn/{ASNTOIAQ.js → UHXPF3G6.js} +1 -1
  117. package/dist/cdn/{YQYSA6GQ.js → UJKDADQA.js} +1 -1
  118. package/dist/cdn/{J7OTKRVL.js → UTWBK7O2.js} +1 -1
  119. package/dist/cdn/{2OHOVQMB.js → UU4JZ5J7.js} +1 -1
  120. package/dist/cdn/UUL2RZBV.js +2 -0
  121. package/dist/cdn/{ADGSWGZE.js → UX7G2X3I.js} +1 -1
  122. package/dist/cdn/{4A4AQLXS.js → V3IQOTQA.js} +1 -1
  123. package/dist/cdn/{PB33ZFMH.js → VFIWF7UJ.js} +1 -1
  124. package/dist/cdn/VJXFPW34.js +2 -0
  125. package/dist/cdn/{4CTX7AWR.js → VUHZYZSW.js} +1 -1
  126. package/dist/cdn/{SGBGFWSI.js → VYOJ3KUJ.js} +1 -1
  127. package/dist/cdn/{GWNGI6C4.js → WGNMVVLL.js} +1 -1
  128. package/dist/cdn/{QBKW557S.js → X2UERL5J.js} +1 -1
  129. package/dist/cdn/{OQ7IXAQT.js → X7KIJRQX.js} +1 -1
  130. package/dist/cdn/{UKFONMST.js → XOOBZNX6.js} +1 -1
  131. package/dist/cdn/{UO7DMOAA.js → XTGEBM27.js} +1 -1
  132. package/dist/cdn/Y3CHBQSV.js +2 -0
  133. package/dist/cdn/{JEE2673Z.js → Y56HNNPM.js} +1 -1
  134. package/dist/cdn/{SLXOGLQG.js → YBUVMHQW.js} +1 -1
  135. package/dist/cdn/{W6WPGWK4.js → YCYEMH7U.js} +1 -1
  136. package/dist/cdn/{GYHJQTDE.js → YE7FX543.js} +1 -1
  137. package/dist/cdn/{7FDY66P2.js → YHY7NVSU.js} +1 -1
  138. package/dist/cdn/{LVCHWMHH.js → YNKMBNC7.js} +1 -1
  139. package/dist/cdn/{2RJOFMZ3.js → YOFWNW72.js} +1 -1
  140. package/dist/cdn/{Q4YMF7OQ.js → YQKI5E6J.js} +1 -1
  141. package/dist/cdn/{AOSWHTDQ.js → YU3LOETT.js} +1 -1
  142. package/dist/cdn/YVVQJVA6.js +2 -0
  143. package/dist/cdn/ZBKPVPD7.js +2 -0
  144. package/dist/cdn/{HL5J554X.js → ZTSMW2D4.js} +1 -1
  145. package/dist/cdn/{O2XJCEO6.js → ZXQXD2SB.js} +1 -1
  146. package/dist/cdn/{VNDV5V2E.js → ZXZVZLSA.js} +1 -1
  147. package/dist/cdn/index.js +1 -1
  148. package/dist/chunks/dom.js +2 -2
  149. package/dist/chunks/floating-ui.js +23 -13
  150. package/dist/chunks/label.js +1 -140
  151. package/dist/chunks/runtime.js +4 -4
  152. package/dist/chunks/useForm.js +1 -1
  153. package/dist/chunks/useLabel.js +150 -0
  154. package/dist/components/calcite-autocomplete/customElement.js +3 -3
  155. package/dist/components/calcite-button/customElement.js +3 -3
  156. package/dist/components/calcite-checkbox/customElement.js +3 -9
  157. package/dist/components/calcite-combobox/customElement.js +3 -3
  158. package/dist/components/calcite-inline-editable/customElement.js +3 -9
  159. package/dist/components/calcite-input/customElement.js +3 -3
  160. package/dist/components/calcite-input-date-picker/customElement.js +3 -3
  161. package/dist/components/calcite-input-number/customElement.js +3 -3
  162. package/dist/components/calcite-input-text/customElement.js +3 -6
  163. package/dist/components/calcite-input-time-picker/customElement.js +3 -9
  164. package/dist/components/calcite-input-time-zone/customElement.js +2 -9
  165. package/dist/components/calcite-label/customElement.js +1 -1
  166. package/dist/components/calcite-radio-button/customElement.js +3 -3
  167. package/dist/components/calcite-rating/customElement.js +3 -9
  168. package/dist/components/calcite-segmented-control/customElement.js +3 -9
  169. package/dist/components/calcite-select/customElement.js +3 -3
  170. package/dist/components/calcite-slider/customElement.js +3 -3
  171. package/dist/components/calcite-switch/customElement.d.ts +13 -0
  172. package/dist/components/calcite-switch/customElement.js +5 -10
  173. package/dist/components/calcite-text-area/customElement.js +3 -3
  174. package/dist/docs/api.json +1 -1
  175. package/dist/docs/docs.json +1 -1
  176. package/dist/docs/vscode.html-custom-data.json +1 -1
  177. package/dist/docs/web-types.json +1 -1
  178. package/dist/loader.js +1 -1
  179. package/dist/types/lumina.d.ts +1 -1
  180. package/dist/types/preact.d.ts +1 -1
  181. package/dist/types/react.d.ts +1 -1
  182. package/dist/types/stencil.d.ts +1 -1
  183. package/package.json +3 -3
  184. package/dist/cdn/2JBFUIQH.js +0 -2
  185. package/dist/cdn/66ZAZMZH.js +0 -2
  186. package/dist/cdn/7NI3U4HX.js +0 -2
  187. package/dist/cdn/CQHOIB7Q.js +0 -2
  188. package/dist/cdn/DP7TXQLL.js +0 -2
  189. package/dist/cdn/EAYVGI7U.js +0 -2
  190. package/dist/cdn/EDDCKZDB.js +0 -2
  191. package/dist/cdn/F73XHF2M.js +0 -2
  192. package/dist/cdn/FPCQ5FII.js +0 -2
  193. package/dist/cdn/IE6SKFME.js +0 -2
  194. package/dist/cdn/II3HZQGY.js +0 -2
  195. package/dist/cdn/KLUVMIWX.js +0 -2
  196. package/dist/cdn/PV4J5OMF.js +0 -2
  197. package/dist/cdn/QB7DF7HL.js +0 -2
  198. package/dist/cdn/R3DCDJ4K.js +0 -2
  199. package/dist/cdn/RP3AR4AB.js +0 -2
  200. package/dist/cdn/SQIK6UYZ.js +0 -2
  201. package/dist/cdn/UVHXLQFS.js +0 -2
  202. package/dist/cdn/YDN74HYW.js +0 -2
  203. package/dist/cdn/Z7YWEK6A.js +0 -2
  204. package/dist/cdn/ZSMB7MEM.js +0 -2
package/dist/cdn/{MCHEB6JH.js → OQJB4DX3.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as T}from"./ADGSWGZE.js";import{a as L}from"./RG2RKIDH.js";import{a as g}from"./ATKSPCQC.js";import{a as I}from"./T6CCMW7H.js";import{a as E}from"./VI7SBYXT.js";import{a as R}from"./XEDH2KRM.js";import{a as i,b as S}from"./BEE5ZZFY.js";import{a as B}from"./UO7DMOAA.js";import{a as C}from"./ZWPNZ5XW.js";import"./SLXOGLQG.js";import"./ZTOH6K4N.js";import"./MR3JPLGQ.js";import{E as v,F as l,G as z,H as a,J as n,M as y,S as w,g as x,h as t}from"./GYHJQTDE.js";var D=x`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-internal-action-font-size: var(--calcite-font-size--2);--calcite-internal-action-min-height: var(--calcite-size-sm);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-font-size: var(--calcite-font-size--1);--calcite-internal-action-min-height: var(--calcite-size-md);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-font-size: var(--calcite-font-size-0);--calcite-internal-action-min-height: var(--calcite-size-lg);--calcite-internal-action-line-height: 1.25rem;--calcite-internal-action-spacing: var(--calcite-spacing-sm-plus)}:host{display:flex;cursor:pointer;background-color:transparent;--calcite-internal-action-text-color: var(--calcite-color-text-3);border-radius:var(--calcite-action-corner-radius, var(--calcite-action-corner-radius-start-start, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-start-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-start, var(--calcite-corner-radius-xs)))}.interaction-container{border-radius:inherit}:host([width=full]){flex:1 0 auto}:host([width=full]) .button{justify-content:center}:host([width=full]) .button .text-container--visible{flex:none}:host([drag-handle]){cursor:move;--calcite-internal-action-text-color: var(--calcite-color-border-input);--calcite-internal-action-padding-inline: var(--calcite-spacing-xxs)}.button{position:relative;margin:0;display:flex;inline-size:auto;align-items:center;justify-content:flex-start;border-style:none;outline-color:transparent;box-sizing:border-box;background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1));border-radius:inherit;color:var(--calcite-action-text-color, var(--calcite-internal-action-text-color));cursor:inherit;flex:1 0 auto;font-family:inherit;font-size:var(--calcite-internal-action-font-size);font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-internal-action-line-height);min-block-size:var(--calcite-internal-action-height, var(--calcite-internal-action-min-height));max-block-size:var(--calcite-internal-action-height, none);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-internal-action-spacing));padding-inline:var(--calcite-internal-action-padding-inline, var(--calcite-internal-action-spacing));text-align:start}.button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}.button: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))))}.button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}.button--text-visible{gap:var(--calcite-internal-action-spacing);inline-size:100%}.icon-container{pointer-events:none;margin:0;display:flex;align-items:center;justify-content:center}.text-container{margin:0;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition-property:opacity;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:inline-size}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([active]) .button{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-3));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}:host([active]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-3))}:host([active]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) calcite-loader[inline]{margin-inline-end:0px;--calcite-loader-progress-color-inline: var(--calcite-action-loader-color)}:host([appearance=transparent]):host([active]) .button{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([appearance=transparent]) .button{transition-property:box-shadow;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);background-color:var(--calcite-action-background-color, var(--calcite-color-transparent))}:host([appearance=transparent]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-transparent-hover))}:host([appearance=transparent]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([selection-appearance=highlight]):host([active]) .button{background-color:var(--calcite-color-surface-highlight);color:var(--calcite-color-text-highlight)}:host([active-descendant]) .button{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.indicator-with-icon{position:relative}.indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{margin-inline:.25rem;inline-size:1rem;position:relative}.indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}:host([scale=s]) .indicator-with-icon{position:relative}:host([scale=s]) .indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.125rem;inset-inline-end:-.125rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([scale=s]) .indicator-without-icon{position:relative}:host([scale=s]) .indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.175rem;inset-inline-end:-.175rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,F=x`.screen-reader-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}`,k=class extends z{constructor(){super(...arguments),this.guid=I(),this.buttonRef=v(),this.buttonId=S.button(this.guid),this.mutationObserver=E("mutation",()=>this.requestUpdate()),this.messages=R({blocking:!0}),this.focusSetter=B()(this),this.indicatorRef=v(),this.interactiveContainer=L(this),this.formTrigger=T()(this),this.labelElRef=v(),this.active=!1,this.activeDescendant=!1,this.appearance="transparent",this.compact=!1,this.disabled=!1,this.dragHandle=!1,this.iconFlipRtl=!1,this.indicator=!1,this.loading=!1,this.overflowDisabled=!1,this.scale="m",this.width="auto",this.textEnabled=!1,this.type="button"}static{this.properties={aria:[0,{},{attribute:!1}],active:[7,{},{reflect:!0,type:Boolean}],activeDescendant:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],appearance:[3,{},{reflect:!0}],compact:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],icon:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],indicator:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],overflowDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}],text:1,textEnabled:[7,{},{reflect:!0,type:Boolean}],type:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=[D,F]}async setFocus(e){return this.focusSetter(()=>this.buttonRef.value,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}getAccessibleLabel(){let e=this.label||this.text||"";return this.indicator?this.messages.indicatorLabel.replace("{label}",e):e}getLabelledByElements(){let e=[...this.labelElRef.value?[this.labelElRef.value]:[],...this.aria?.labelledByElements??[]];return e.length?e:void 0}renderTextContainer(){let{text:e,textEnabled:o}=this,r={[i.textContainer]:!0,[i.textContainerVisible]:o};return e?g("text-container",t`<div class=${a(r)}>${e}</div>`):null}renderIndicatorText(){let{indicator:e,messages:o,buttonId:r}=this;return t`<div aria-labelledby=${r??n} aria-live=polite class=${a(y.screenReaderText)} role=region ${l(this.indicatorRef)}>${e?o.indicator:null}</div>`}renderIconContainer(){let{loading:e,icon:o,scale:r,el:s,iconFlipRtl:m,indicator:d}=this,u=r==="l"?"l":"m",h=e?t`<calcite-loader inline .label=${this.messages.loading} .scale=${u}></calcite-loader>`:null,b=o?t`<calcite-icon class=${a({[i.indicatorWithIcon]:d})} .flipRtl=${m} .icon=${o} .scale=${C(this.scale)}></calcite-icon>`:null,c=h||b,p=c||s.children?.length,f=t`<div class=${a({[i.slotContainer]:!0,[i.slotContainerHidden]:e})}><slot></slot></div>`;return p?g("icon-container",t`<div aria-hidden=true class=${a(i.iconContainer)}>${c}${f}</div>`):null}renderLabel(){let e=this.getAccessibleLabel();return e?t`<span class=${a(y.screenReaderText)} ${l(this.labelElRef)}>${e}</span>`:null}renderButton(){let{compact:e,disabled:o,icon:r,loading:s,textEnabled:m,indicator:d,indicatorRef:u,buttonId:h}=this,b=this.getLabelledByElements(),c={[i.button]:!0,[i.buttonTextVisible]:m,[i.buttonCompact]:e},p=t`${this.renderIconContainer()}${this.renderTextContainer()}${!r&&d&&g("indicator-no-icon",t`<div class=${a(i.indicatorWithoutIcon)}></div>`)||""}${this.renderLabel()}`,f=d&&u.value?[u.value]:[],$=[...this.aria?.controlsElements??[],...f];return this.dragHandle?t`<span .ariaBusy=${s} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${b} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${a(c)} id=${h??n} role=button tabindex=${(this.disabled?void 0:0)??n} ${l(this.buttonRef)}>${p}</span>`:t`<button .ariaBusy=${s} .ariaChecked=${this.aria?.checked} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${b} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${a(c)} .disabled=${o} id=${h??n} .role=${this.aria?.role} type=${this.type??n} ${l(this.buttonRef)}>${p}</button>`}render(){return this.interactiveContainer({disabled:this.disabled,children:t`${this.renderButton()}${this.renderIndicatorText()}`})}};w("calcite-action",k);export{k as Action};
2
+ import{a as T}from"./UX7G2X3I.js";import{a as L}from"./CNCYAYZV.js";import{a as g}from"./SQT2NXTL.js";import{a as I}from"./T6CCMW7H.js";import{a as E}from"./VI7SBYXT.js";import{a as R}from"./T3DRXPGG.js";import{a as i,b as S}from"./BEE5ZZFY.js";import{a as B}from"./XTGEBM27.js";import{a as C}from"./ZWPNZ5XW.js";import"./YBUVMHQW.js";import"./K4O4I3A5.js";import"./L57CN7OS.js";import{E as v,F as l,G as z,H as a,J as n,M as y,S as w,g as x,h as t}from"./YE7FX543.js";var D=x`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-internal-action-font-size: var(--calcite-font-size--2);--calcite-internal-action-min-height: var(--calcite-size-sm);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-font-size: var(--calcite-font-size--1);--calcite-internal-action-min-height: var(--calcite-size-md);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-font-size: var(--calcite-font-size-0);--calcite-internal-action-min-height: var(--calcite-size-lg);--calcite-internal-action-line-height: 1.25rem;--calcite-internal-action-spacing: var(--calcite-spacing-sm-plus)}:host{display:flex;cursor:pointer;background-color:transparent;--calcite-internal-action-text-color: var(--calcite-color-text-3);border-radius:var(--calcite-action-corner-radius, var(--calcite-action-corner-radius-start-start, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-start-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-start, var(--calcite-corner-radius-xs)))}.interaction-container{border-radius:inherit}:host([width=full]){flex:1 0 auto}:host([width=full]) .button{justify-content:center}:host([width=full]) .button .text-container--visible{flex:none}:host([drag-handle]){cursor:move;--calcite-internal-action-text-color: var(--calcite-color-border-input);--calcite-internal-action-padding-inline: var(--calcite-spacing-xxs)}.button{position:relative;margin:0;display:flex;inline-size:auto;align-items:center;justify-content:flex-start;border-style:none;outline-color:transparent;box-sizing:border-box;background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1));border-radius:inherit;color:var(--calcite-action-text-color, var(--calcite-internal-action-text-color));cursor:inherit;flex:1 0 auto;font-family:inherit;font-size:var(--calcite-internal-action-font-size);font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-internal-action-line-height);min-block-size:var(--calcite-internal-action-height, var(--calcite-internal-action-min-height));max-block-size:var(--calcite-internal-action-height, none);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-internal-action-spacing));padding-inline:var(--calcite-internal-action-padding-inline, var(--calcite-internal-action-spacing));text-align:start}.button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}.button: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))))}.button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}.button--text-visible{gap:var(--calcite-internal-action-spacing);inline-size:100%}.icon-container{pointer-events:none;margin:0;display:flex;align-items:center;justify-content:center}.text-container{margin:0;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition-property:opacity;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:inline-size}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([active]) .button{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-3));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}:host([active]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-3))}:host([active]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) calcite-loader[inline]{margin-inline-end:0px;--calcite-loader-progress-color-inline: var(--calcite-action-loader-color)}:host([appearance=transparent]):host([active]) .button{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([appearance=transparent]) .button{transition-property:box-shadow;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);background-color:var(--calcite-action-background-color, var(--calcite-color-transparent))}:host([appearance=transparent]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-transparent-hover))}:host([appearance=transparent]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([selection-appearance=highlight]):host([active]) .button{background-color:var(--calcite-color-surface-highlight);color:var(--calcite-color-text-highlight)}:host([active-descendant]) .button{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.indicator-with-icon{position:relative}.indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{margin-inline:.25rem;inline-size:1rem;position:relative}.indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}:host([scale=s]) .indicator-with-icon{position:relative}:host([scale=s]) .indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.125rem;inset-inline-end:-.125rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([scale=s]) .indicator-without-icon{position:relative}:host([scale=s]) .indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.175rem;inset-inline-end:-.175rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,F=x`.screen-reader-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}`,k=class extends z{constructor(){super(...arguments),this.guid=I(),this.buttonRef=v(),this.buttonId=S.button(this.guid),this.mutationObserver=E("mutation",()=>this.requestUpdate()),this.messages=R({blocking:!0}),this.focusSetter=B()(this),this.indicatorRef=v(),this.interactiveContainer=L(this),this.formTrigger=T()(this),this.labelElRef=v(),this.active=!1,this.activeDescendant=!1,this.appearance="transparent",this.compact=!1,this.disabled=!1,this.dragHandle=!1,this.iconFlipRtl=!1,this.indicator=!1,this.loading=!1,this.overflowDisabled=!1,this.scale="m",this.width="auto",this.textEnabled=!1,this.type="button"}static{this.properties={aria:[0,{},{attribute:!1}],active:[7,{},{reflect:!0,type:Boolean}],activeDescendant:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],appearance:[3,{},{reflect:!0}],compact:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],icon:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],indicator:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],overflowDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}],text:1,textEnabled:[7,{},{reflect:!0,type:Boolean}],type:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=[D,F]}async setFocus(e){return this.focusSetter(()=>this.buttonRef.value,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}getAccessibleLabel(){let e=this.label||this.text||"";return this.indicator?this.messages.indicatorLabel.replace("{label}",e):e}getLabelledByElements(){let e=[...this.labelElRef.value?[this.labelElRef.value]:[],...this.aria?.labelledByElements??[]];return e.length?e:void 0}renderTextContainer(){let{text:e,textEnabled:o}=this,r={[i.textContainer]:!0,[i.textContainerVisible]:o};return e?g("text-container",t`<div class=${a(r)}>${e}</div>`):null}renderIndicatorText(){let{indicator:e,messages:o,buttonId:r}=this;return t`<div aria-labelledby=${r??n} aria-live=polite class=${a(y.screenReaderText)} role=region ${l(this.indicatorRef)}>${e?o.indicator:null}</div>`}renderIconContainer(){let{loading:e,icon:o,scale:r,el:s,iconFlipRtl:m,indicator:d}=this,u=r==="l"?"l":"m",h=e?t`<calcite-loader inline .label=${this.messages.loading} .scale=${u}></calcite-loader>`:null,b=o?t`<calcite-icon class=${a({[i.indicatorWithIcon]:d})} .flipRtl=${m} .icon=${o} .scale=${C(this.scale)}></calcite-icon>`:null,c=h||b,p=c||s.children?.length,f=t`<div class=${a({[i.slotContainer]:!0,[i.slotContainerHidden]:e})}><slot></slot></div>`;return p?g("icon-container",t`<div aria-hidden=true class=${a(i.iconContainer)}>${c}${f}</div>`):null}renderLabel(){let e=this.getAccessibleLabel();return e?t`<span class=${a(y.screenReaderText)} ${l(this.labelElRef)}>${e}</span>`:null}renderButton(){let{compact:e,disabled:o,icon:r,loading:s,textEnabled:m,indicator:d,indicatorRef:u,buttonId:h}=this,b=this.getLabelledByElements(),c={[i.button]:!0,[i.buttonTextVisible]:m,[i.buttonCompact]:e},p=t`${this.renderIconContainer()}${this.renderTextContainer()}${!r&&d&&g("indicator-no-icon",t`<div class=${a(i.indicatorWithoutIcon)}></div>`)||""}${this.renderLabel()}`,f=d&&u.value?[u.value]:[],$=[...this.aria?.controlsElements??[],...f];return this.dragHandle?t`<span .ariaBusy=${s} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${b} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${a(c)} id=${h??n} role=button tabindex=${(this.disabled?void 0:0)??n} ${l(this.buttonRef)}>${p}</span>`:t`<button .ariaBusy=${s} .ariaChecked=${this.aria?.checked} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${b} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${a(c)} .disabled=${o} id=${h??n} .role=${this.aria?.role} type=${this.type??n} ${l(this.buttonRef)}>${p}</button>`}render(){return this.interactiveContainer({disabled:this.disabled,children:t`${this.renderButton()}${this.renderIndicatorText()}`})}};w("calcite-action",k);export{k as Action};
package/dist/cdn/{CKU3WVI5.js → OTEBTN57.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{H as e,h as t,l as i}from"./GYHJQTDE.js";var n={alignmentCenter:"internal-label-alignment--center",alignmentEnd:"internal-label-alignment--end",container:"internal-label--container",requiredIndicator:"internal-label-required--indicator",spacingBottom:"internal-label-spacing--bottom",spacingInlineEnd:"internal-label-spacing-inline--end",spacingInlineStart:"internal-label-spacing-inline--start",text:"internal-label--text"},b=({alignmentCenter:a,bottomSpacingDisabled:l,labelText:r,onClick:s,required:c,spacingInlineEnd:o,spacingInlineStart:d,tooltipText:g})=>t`<div class=${e({[n.alignmentCenter]:a,[n.alignmentEnd]:!a,[n.container]:!0,[n.spacingBottom]:!l,[n.spacingInlineEnd]:o,[n.spacingInlineStart]:d})} @click=${s}><div class=${e(n.text)}>${r}${c&&t`<span aria-hidden=true class=${e(n.requiredIndicator)} title=${g??i}>*</span>`||""}</div><slot name=label-content></slot></div>`;export{b as a};
2
+ import{H as e,h as t,l as i}from"./YE7FX543.js";var n={alignmentCenter:"internal-label-alignment--center",alignmentEnd:"internal-label-alignment--end",container:"internal-label--container",requiredIndicator:"internal-label-required--indicator",spacingBottom:"internal-label-spacing--bottom",spacingInlineEnd:"internal-label-spacing-inline--end",spacingInlineStart:"internal-label-spacing-inline--start",text:"internal-label--text"},b=({alignmentCenter:a,bottomSpacingDisabled:l,labelText:r,onClick:s,required:c,spacingInlineEnd:o,spacingInlineStart:d,tooltipText:g})=>t`<div class=${e({[n.alignmentCenter]:a,[n.alignmentEnd]:!a,[n.container]:!0,[n.spacingBottom]:!l,[n.spacingInlineEnd]:o,[n.spacingInlineStart]:d})} @click=${s}><div class=${e(n.text)}>${r}${c&&t`<span aria-hidden=true class=${e(n.requiredIndicator)} title=${g??i}>*</span>`||""}</div><slot name=label-content></slot></div>`;export{b as a};
package/dist/cdn/{CW75VNTM.js → OTSVF2WP.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as I}from"./RG2RKIDH.js";import{a as g}from"./ATKSPCQC.js";import{b as C}from"./GZZYSINJ.js";import{a as T}from"./T6CCMW7H.js";import{a as d,b as m}from"./VI7SBYXT.js";import{a as y}from"./XEDH2KRM.js";import{a as b}from"./ZWPNZ5XW.js";import{e as k}from"./SLXOGLQG.js";import"./ZTOH6K4N.js";import{b as x}from"./MR3JPLGQ.js";import{E as p,F as l,G as f,H as c,K as r,S as v,g as u,h as n,p as e}from"./GYHJQTDE.js";var i={close:"close",container:"container",containerBottom:"container--bottom",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon",scale:s=>`scale-${s}`,selectedIndicator:"selected-indicator"},$="calcite-tab-title",F={host:s=>`${$}-${s}`},A=u`: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;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{position:relative;margin-block-end:.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}.scale-s{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-none);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xxs)}.scale-s .content{padding-block:.25rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}.scale-m{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-xxs);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xxs)}.scale-m .content{padding-block:.5rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}.scale-l{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-xxs);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xs)}.scale-l .content{padding-block:var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);outline-color:transparent;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;color:var(--calcite-tab-text-color, var(--calcite-color-text-3));background-color:var(--calcite-tab-background-color, transparent)}.selected-indicator{position:absolute;display:block;block-size:.125rem;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;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}:host([bordered][selected]) .container:after{position:absolute;display:block;block-size:.125rem;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;inset-block-end:-1px;inset-inline-start:0;inset-inline-end:0;inline-size:100%;content:""}:host([bordered][selected]) .container.container--bottom:after{inset-block-start:-1px}:host([bordered][selected]:focus) .container:after{background:transparent}.container--bottom .selected-indicator{inset-block-end:unset;inset-block-start:0}:host([bordered]:not([selected]):hover:not(:focus)) .selected-indicator{background-color:var(--calcite-color-foreground-2)}:host([bordered]:not([selected]):hover:not(:focus)) .container:not(.container--bottom) .selected-indicator{box-shadow:inset 0 1px var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .container.container--bottom .selected-indicator{box-shadow:inset 0 -1px var(--calcite-color-border-1)}:host([selected]:focus) .selected-indicator{block-size:4px}.calcite-tab-title--icon{position:relative;margin:0;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{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}.container{color:var(--calcite-tab-text-color, var(--calcite-color-text-3))}.container .icon-start{color:var(--calcite-tab-icon-color-start, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.container .icon-end{color:var(--calcite-tab-icon-color-end, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.container:hover,.container:active,:host([selected]) .container{color:var(--calcite-tab-text-color-press, var(--calcite-color-text-1))}.container:hover .icon-start,.container:active .icon-start,:host([selected]) .container .icon-start{color:var(--calcite-tab-icon-color-start-press, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.container:hover .icon-end,.container:active .icon-end,:host([selected]) .container .icon-end{color:var(--calcite-tab-icon-color-end-press, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.content--has-text{padding:.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:var(--calcite-spacing-sm)}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:var(--calcite-spacing-sm)}:host([bordered]) .container{border-color:transparent;border-inline-width:var(--calcite-spacing-px);border-inline-style:solid}:host([bordered]) .container.container--bottom{border-block-start-style:solid;border-block-start-width:1px}:host([bordered]) .container.container--bottom .selected-indicator{inset-block-start:unset;inset-block-end:0}:host([bordered]) .container:not(.container--bottom){border-block-end-style:solid;border-block-end-width:1px}:host([bordered]) .container .selected-indicator{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}:host([bordered]) .container:host(:not([selected])) .container{box-shadow:0 2px 0 0 transparent}:host([bordered]) .container:host(:not([selected])):host(:hover) .container:not(.container--bottom){border-block-end-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) .selected-indicator{box-shadow:inset 0 var(--calcite-internal-tab-shadow-length) var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) :not(.container--bottom){--calcite-internal-tab-shadow-length: 1px}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) .container--bottom{--calcite-internal-tab-shadow-length: -1px}:host([bordered]) .container:hover{background-color:var(--calcite-tab-background-color-hover, var(--calcite-color-foreground-2));border-block-end-color:var(--calcite-color-border-1)}:host(:hover) .selected-indicator{background-color:var(--calcite-color-border-3)}:host([selected]) .selected-indicator,:host([selected]:hover) .selected-indicator,:host(:focus) .selected-indicator,:host(:active) .selected-indicator{background-color:var(--calcite-tab-accent-color-press, var(--calcite-color-brand))}:host([closed]){display:none}:host([selected][bordered]) .container{border-inline-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([selected][bordered]) .container:after{background-color:var(--calcite-tab-background-color, var(--calcite-color-foreground-1))}:host([selected][bordered]) .container:hover,:host([selected][bordered]) .container:active{background:transparent}:host(:focus) .container{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus) .container:focus-within{outline-color:transparent}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:var(--calcite-spacing-sm)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}.close{--calcite-internal-action-spacing: var(--calcite-internal-tab-title-close-padding);--calcite-internal-action-min-height: unset;--calcite-action-text-color: var(--calcite-tab-close-icon-color);--calcite-action-text-color-press: var(--calcite-tab-close-icon-color-press);--calcite-action-background-color: var(--calcite-tab-close-icon-background-color);--calcite-action-background-color-press: var(--calcite-tab-close-icon-background-color-press);--calcite-action-background-color-hover: var(--calcite-tab-close-icon-background-color-hover);margin:auto;margin-inline:var(--calcite-spacing-sm) var(--calcite-internal-tab-title-close-margin-start)}@media(forced-colors:active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][selected]) .container--bottom{border-block-start-style:none}.selected-indicator{background-color:highlight}}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) .container{pointer-events:none;opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,h=class extends f{constructor(){super(),this.closeButtonRef=p(),this.direction=k(),this.guid=F.host(T()),this.mutationObserver=d("mutation",()=>this.updateHasText()),this.parentTabsEl=null,this.resizeObserver=d("resize",()=>{this.calciteInternalTabIconChanged.emit()}),this.messages=y(),this.interactiveContainer=I(this),this.controls=null,this.hasText=!1,this.bordered=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.position="top",this.scale="m",this.selected=!1,this.calciteInternalTabIconChanged=e({cancelable:!1}),this.calciteInternalTabTitleRegister=e({cancelable:!1}),this.calciteInternalTabTitleCloseChange=e({cancelable:!1}),this.calciteInternalTabsActivate=e({cancelable:!1}),this.calciteInternalTabsClose=e({cancelable:!1}),this.calciteInternalTabsFocusFirst=e({cancelable:!1}),this.calciteInternalTabsFocusLast=e({cancelable:!1}),this.calciteInternalTabsFocusNext=e({cancelable:!1}),this.calciteInternalTabsFocusPrevious=e({cancelable:!1}),this.calciteTabsActivate=e({cancelable:!1}),this.calciteTabsClose=e({cancelable:!1}),this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={controls:[16,{},{state:!0}],hasText:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],iconEnd:[3,{type:String},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{type:String},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],position:1,scale:1,selected:[7,{},{reflect:!0,type:Boolean}],tab:[3,{},{reflect:!0}]}}static{this.styles=A}async activateTab(t=!0){if(this.disabled||this.closed)return;let o={tab:this.tab,userTriggered:t};this.calciteInternalTabsActivate.emit(o),t&&requestAnimationFrame(()=>this.calciteTabsActivate.emit())}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async getTabIndex(){return Array.prototype.indexOf.call(x(this.el.parentElement.children).filter(t=>t.matches("calcite-tab-title")),this.el)}_updateAriaInfo(t=[],o=[]){this.controls=t[o.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.setupTextContentObserver(),this.parentTabsEl=this.el.closest("calcite-tabs")}async load(){this.updateHasText(),this.tab&&this.selected&&this.activateTab(!1)}willUpdate(t){t.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.selectedHandler(),t.has("closed")&&this.hasUpdated&&this.calciteInternalTabTitleCloseChange.emit(),this.parentTabsEl&&(this.layout=this.parentTabsEl.layout,this.bordered=this.parentTabsEl.bordered)}async loaded(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el})),this.resizeObserver?.disconnect()}selectedHandler(){this.selected&&this.activateTab(!1)}internalTabChangeHandler(t){t.composedPath().find(a=>a.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then(a=>{this.selected=a===t.detail.tab}),t.stopPropagation())}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":t.composedPath().includes(this.closeButtonRef.value)||(this.activateTab(),t.preventDefault());break;case"ArrowRight":t.preventDefault(),this.direction==="ltr"?this.calciteInternalTabsFocusNext.emit():this.calciteInternalTabsFocusPrevious.emit();break;case"ArrowLeft":t.preventDefault(),this.direction==="ltr"?this.calciteInternalTabsFocusPrevious.emit():this.calciteInternalTabsFocusNext.emit();break;case"Home":t.preventDefault(),this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault(),this.calciteInternalTabsFocusLast.emit();break}}closeClickHandler(){this.closeTabTitleAndNotify()}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setContainerRef(t){m(this.resizeObserver,this.containerEl,t),this.containerEl=t}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}closeTabTitleAndNotify(){this.closed=!0,this.calciteInternalTabsClose.emit({tab:this.tab}),requestAnimationFrame(()=>this.calciteTabsClose.emit())}render(){let{el:t,closed:o}=this,a=t.id||this.guid,z=n`<calcite-icon class=${c({[i.titleIcon]:!0,[i.iconStart]:!0})} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} .scale=${b(this.scale)}></calcite-icon>`,w=n`<calcite-icon class=${c({[i.titleIcon]:!0,[i.iconEnd]:!0})} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} .scale=${b(this.scale)}></calcite-icon>`;return r(this.el,"aria-controls",this.controls),this.el.ariaSelected=C(this.selected),r(this.el,"id",a),this.el.role="tab",r(this.el,"tabIndex",this.selected&&!this.disabled?0:-1),this.interactiveContainer({disabled:this.disabled,children:n`<div class=${c({[i.container]:!0,[i.containerBottom]:this.position==="bottom",[i.iconPresent]:!!this.iconStart||!!this.iconEnd,[i.scale(this.scale)]:!0})} .hidden=${o} ${l(this.setContainerRef)}><div class=${c({[i.content]:!0,[i.contentHasText]:this.hasText})}>${this.iconStart?z:null}<slot></slot>${this.iconEnd?w:null}</div>${this.renderCloseButton()}<div class=${c(i.selectedIndicator)}></div></div>`})}renderCloseButton(){let{closable:t,messages:o}=this;return t?g("close-button",n`<calcite-action class=${c(i.close)} icon=x @click=${this.closeClickHandler} .scale=${this.scale} .text=${o.close} ${l(this.closeButtonRef)}></calcite-action>`):null}};v("calcite-tab-title",h);export{h as TabTitle};
2
+ import{a as I}from"./CNCYAYZV.js";import{a as g}from"./SQT2NXTL.js";import{b as C}from"./GZZYSINJ.js";import{a as T}from"./T6CCMW7H.js";import{a as d,b as m}from"./VI7SBYXT.js";import{a as y}from"./T3DRXPGG.js";import{a as b}from"./ZWPNZ5XW.js";import{e as k}from"./YBUVMHQW.js";import"./K4O4I3A5.js";import{b as x}from"./L57CN7OS.js";import{E as p,F as l,G as f,H as c,K as r,S as v,g as u,h as n,p as e}from"./YE7FX543.js";var i={close:"close",container:"container",containerBottom:"container--bottom",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon",scale:s=>`scale-${s}`,selectedIndicator:"selected-indicator"},$="calcite-tab-title",F={host:s=>`${$}-${s}`},A=u`: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;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{position:relative;margin-block-end:.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}.scale-s{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-none);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xxs)}.scale-s .content{padding-block:.25rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}.scale-m{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-xxs);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xxs)}.scale-m .content{padding-block:.5rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}.scale-l{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-xxs);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xs)}.scale-l .content{padding-block:var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);outline-color:transparent;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;color:var(--calcite-tab-text-color, var(--calcite-color-text-3));background-color:var(--calcite-tab-background-color, transparent)}.selected-indicator{position:absolute;display:block;block-size:.125rem;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;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}:host([bordered][selected]) .container:after{position:absolute;display:block;block-size:.125rem;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;inset-block-end:-1px;inset-inline-start:0;inset-inline-end:0;inline-size:100%;content:""}:host([bordered][selected]) .container.container--bottom:after{inset-block-start:-1px}:host([bordered][selected]:focus) .container:after{background:transparent}.container--bottom .selected-indicator{inset-block-end:unset;inset-block-start:0}:host([bordered]:not([selected]):hover:not(:focus)) .selected-indicator{background-color:var(--calcite-color-foreground-2)}:host([bordered]:not([selected]):hover:not(:focus)) .container:not(.container--bottom) .selected-indicator{box-shadow:inset 0 1px var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .container.container--bottom .selected-indicator{box-shadow:inset 0 -1px var(--calcite-color-border-1)}:host([selected]:focus) .selected-indicator{block-size:4px}.calcite-tab-title--icon{position:relative;margin:0;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{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}.container{color:var(--calcite-tab-text-color, var(--calcite-color-text-3))}.container .icon-start{color:var(--calcite-tab-icon-color-start, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.container .icon-end{color:var(--calcite-tab-icon-color-end, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.container:hover,.container:active,:host([selected]) .container{color:var(--calcite-tab-text-color-press, var(--calcite-color-text-1))}.container:hover .icon-start,.container:active .icon-start,:host([selected]) .container .icon-start{color:var(--calcite-tab-icon-color-start-press, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.container:hover .icon-end,.container:active .icon-end,:host([selected]) .container .icon-end{color:var(--calcite-tab-icon-color-end-press, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}.content--has-text{padding:.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:var(--calcite-spacing-sm)}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:var(--calcite-spacing-sm)}:host([bordered]) .container{border-color:transparent;border-inline-width:var(--calcite-spacing-px);border-inline-style:solid}:host([bordered]) .container.container--bottom{border-block-start-style:solid;border-block-start-width:1px}:host([bordered]) .container.container--bottom .selected-indicator{inset-block-start:unset;inset-block-end:0}:host([bordered]) .container:not(.container--bottom){border-block-end-style:solid;border-block-end-width:1px}:host([bordered]) .container .selected-indicator{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}:host([bordered]) .container:host(:not([selected])) .container{box-shadow:0 2px 0 0 transparent}:host([bordered]) .container:host(:not([selected])):host(:hover) .container:not(.container--bottom){border-block-end-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) .selected-indicator{box-shadow:inset 0 var(--calcite-internal-tab-shadow-length) var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) :not(.container--bottom){--calcite-internal-tab-shadow-length: 1px}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) .container--bottom{--calcite-internal-tab-shadow-length: -1px}:host([bordered]) .container:hover{background-color:var(--calcite-tab-background-color-hover, var(--calcite-color-foreground-2));border-block-end-color:var(--calcite-color-border-1)}:host(:hover) .selected-indicator{background-color:var(--calcite-color-border-3)}:host([selected]) .selected-indicator,:host([selected]:hover) .selected-indicator,:host(:focus) .selected-indicator,:host(:active) .selected-indicator{background-color:var(--calcite-tab-accent-color-press, var(--calcite-color-brand))}:host([closed]){display:none}:host([selected][bordered]) .container{border-inline-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([selected][bordered]) .container:after{background-color:var(--calcite-tab-background-color, var(--calcite-color-foreground-1))}:host([selected][bordered]) .container:hover,:host([selected][bordered]) .container:active{background:transparent}:host(:focus) .container{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus) .container:focus-within{outline-color:transparent}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:var(--calcite-spacing-sm)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}.close{--calcite-internal-action-spacing: var(--calcite-internal-tab-title-close-padding);--calcite-internal-action-min-height: unset;--calcite-action-text-color: var(--calcite-tab-close-icon-color);--calcite-action-text-color-press: var(--calcite-tab-close-icon-color-press);--calcite-action-background-color: var(--calcite-tab-close-icon-background-color);--calcite-action-background-color-press: var(--calcite-tab-close-icon-background-color-press);--calcite-action-background-color-hover: var(--calcite-tab-close-icon-background-color-hover);margin:auto;margin-inline:var(--calcite-spacing-sm) var(--calcite-internal-tab-title-close-margin-start)}@media(forced-colors:active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][selected]) .container--bottom{border-block-start-style:none}.selected-indicator{background-color:highlight}}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) .container{pointer-events:none;opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,h=class extends f{constructor(){super(),this.closeButtonRef=p(),this.direction=k(),this.guid=F.host(T()),this.mutationObserver=d("mutation",()=>this.updateHasText()),this.parentTabsEl=null,this.resizeObserver=d("resize",()=>{this.calciteInternalTabIconChanged.emit()}),this.messages=y(),this.interactiveContainer=I(this),this.controls=null,this.hasText=!1,this.bordered=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.position="top",this.scale="m",this.selected=!1,this.calciteInternalTabIconChanged=e({cancelable:!1}),this.calciteInternalTabTitleRegister=e({cancelable:!1}),this.calciteInternalTabTitleCloseChange=e({cancelable:!1}),this.calciteInternalTabsActivate=e({cancelable:!1}),this.calciteInternalTabsClose=e({cancelable:!1}),this.calciteInternalTabsFocusFirst=e({cancelable:!1}),this.calciteInternalTabsFocusLast=e({cancelable:!1}),this.calciteInternalTabsFocusNext=e({cancelable:!1}),this.calciteInternalTabsFocusPrevious=e({cancelable:!1}),this.calciteTabsActivate=e({cancelable:!1}),this.calciteTabsClose=e({cancelable:!1}),this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={controls:[16,{},{state:!0}],hasText:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],iconEnd:[3,{type:String},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{type:String},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],position:1,scale:1,selected:[7,{},{reflect:!0,type:Boolean}],tab:[3,{},{reflect:!0}]}}static{this.styles=A}async activateTab(t=!0){if(this.disabled||this.closed)return;let o={tab:this.tab,userTriggered:t};this.calciteInternalTabsActivate.emit(o),t&&requestAnimationFrame(()=>this.calciteTabsActivate.emit())}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async getTabIndex(){return Array.prototype.indexOf.call(x(this.el.parentElement.children).filter(t=>t.matches("calcite-tab-title")),this.el)}_updateAriaInfo(t=[],o=[]){this.controls=t[o.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.setupTextContentObserver(),this.parentTabsEl=this.el.closest("calcite-tabs")}async load(){this.updateHasText(),this.tab&&this.selected&&this.activateTab(!1)}willUpdate(t){t.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.selectedHandler(),t.has("closed")&&this.hasUpdated&&this.calciteInternalTabTitleCloseChange.emit(),this.parentTabsEl&&(this.layout=this.parentTabsEl.layout,this.bordered=this.parentTabsEl.bordered)}async loaded(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el})),this.resizeObserver?.disconnect()}selectedHandler(){this.selected&&this.activateTab(!1)}internalTabChangeHandler(t){t.composedPath().find(a=>a.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then(a=>{this.selected=a===t.detail.tab}),t.stopPropagation())}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":t.composedPath().includes(this.closeButtonRef.value)||(this.activateTab(),t.preventDefault());break;case"ArrowRight":t.preventDefault(),this.direction==="ltr"?this.calciteInternalTabsFocusNext.emit():this.calciteInternalTabsFocusPrevious.emit();break;case"ArrowLeft":t.preventDefault(),this.direction==="ltr"?this.calciteInternalTabsFocusPrevious.emit():this.calciteInternalTabsFocusNext.emit();break;case"Home":t.preventDefault(),this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault(),this.calciteInternalTabsFocusLast.emit();break}}closeClickHandler(){this.closeTabTitleAndNotify()}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setContainerRef(t){m(this.resizeObserver,this.containerEl,t),this.containerEl=t}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}closeTabTitleAndNotify(){this.closed=!0,this.calciteInternalTabsClose.emit({tab:this.tab}),requestAnimationFrame(()=>this.calciteTabsClose.emit())}render(){let{el:t,closed:o}=this,a=t.id||this.guid,z=n`<calcite-icon class=${c({[i.titleIcon]:!0,[i.iconStart]:!0})} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} .scale=${b(this.scale)}></calcite-icon>`,w=n`<calcite-icon class=${c({[i.titleIcon]:!0,[i.iconEnd]:!0})} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} .scale=${b(this.scale)}></calcite-icon>`;return r(this.el,"aria-controls",this.controls),this.el.ariaSelected=C(this.selected),r(this.el,"id",a),this.el.role="tab",r(this.el,"tabIndex",this.selected&&!this.disabled?0:-1),this.interactiveContainer({disabled:this.disabled,children:n`<div class=${c({[i.container]:!0,[i.containerBottom]:this.position==="bottom",[i.iconPresent]:!!this.iconStart||!!this.iconEnd,[i.scale(this.scale)]:!0})} .hidden=${o} ${l(this.setContainerRef)}><div class=${c({[i.content]:!0,[i.contentHasText]:this.hasText})}>${this.iconStart?z:null}<slot></slot>${this.iconEnd?w:null}</div>${this.renderCloseButton()}<div class=${c(i.selectedIndicator)}></div></div>`})}renderCloseButton(){let{closable:t,messages:o}=this;return t?g("close-button",n`<calcite-action class=${c(i.close)} icon=x @click=${this.closeClickHandler} .scale=${this.scale} .text=${o.close} ${l(this.closeButtonRef)}></calcite-action>`):null}};v("calcite-tab-title",h);export{h as TabTitle};
package/dist/cdn/{GQFOAB5T.js → PH74VKTL.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as k,b as x}from"./XMLFJMMC.js";import{a as b}from"./5S2UFHFC.js";import{a as m}from"./XEDH2KRM.js";import{a as v}from"./UO7DMOAA.js";import{a as f}from"./ZWPNZ5XW.js";import"./SLXOGLQG.js";import"./ZTOH6K4N.js";import{n as r,s as u}from"./MR3JPLGQ.js";import{E as a,F as l,G as h,H as t,L as g,S as p,g as d,h as n,p as o}from"./GYHJQTDE.js";var c={title:"title",message:"message",link:"link",actionsEnd:"actions-end"},i={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"},y=d`:host([scale=s]){--calcite-notice-spacing-token-small: .5rem;--calcite-notice-spacing-token-large: .75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]){--calcite-notice-spacing-token-small: .75rem;--calcite-notice-spacing-token-large: 1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]){--calcite-notice-spacing-token-small: 1rem;--calcite-notice-spacing-token-large: 1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .notice-close{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=l]) .actions-end{margin-inline-end:var(--calcite-spacing-sm);gap:var(--calcite-spacing-sm)}:host([width=auto]){--calcite-notice-width: auto}:host([width=half]){--calcite-notice-width: 50%}:host([width=full]){--calcite-notice-width: 100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;opacity:0;overflow:hidden;max-block-size:0;transition-property:opacity,max-block-size;transition-duration:var(--calcite-animation-timing);text-align:start;border-radius:var(--calcite-notice-corner-radius, var(--calcite-corner-radius-sm));box-shadow:var(--calcite-notice-shadow, var(--calcite-shadow-none))}:host{display:flex}:host([open]) .container{pointer-events:auto;max-block-size:100%;align-items:center;opacity:1;overflow:visible}@starting-style{:host([open]) .container{opacity:0;max-block-size:0}}:host([open][appearance=outline-fill]) .container{border:var(--calcite-border-width-sm) solid}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-notice-title-text-color, var(--calcite-color-text-1))}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-notice-content-text-color, var(--calcite-color-text-2))}:host(:not([kind=neutral])[appearance=solid]) .container slot[name=title]::slotted(*),:host(:not([kind=neutral])[appearance=solid]) .container *::slotted([slot=title]){color:var(--calcite-notice-title-text-color, var(--calcite-color-text-inverse))}:host(:not([kind=neutral])[appearance=solid]) .container slot[name=message]::slotted(*),:host(:not([kind=neutral])[appearance=solid]) .container *::slotted([slot=message]){color:var(--calcite-notice-content-text-color, var(--calcite-color-text-inverse))}.notice-content{box-sizing:border-box;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;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-large)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;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;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;padding-inline:var(--calcite-notice-spacing-token-small)}.notice-close{box-sizing:border-box;display:flex;cursor:pointer;align-items:center;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;flex:0 0 auto;margin-inline-end:var(--calcite-spacing-xs);--calcite-action-background-color: var(--calcite-notice-close-background-color);--calcite-action-background-color-hover: var( --calcite-notice-close-background-color-hover, var(--calcite-notice-close-background-color-focus) );--calcite-action-background-color-press: var(--calcite-notice-close-background-color-press);--calcite-action-text-color: var(--calcite-notice-close-icon-color, var(--calcite-color-text-3));--calcite-action-text-color-press: var(--calcite-notice-close-icon-color-hover)}.actions-end{display:flex;align-items:center;flex:0 0 auto;margin-inline-end:var(--calcite-spacing-xs);gap:var(--calcite-spacing-xs)}:host([kind=brand][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-brand) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-brand) 5%, var(--calcite-color-foreground-1)))}:host([kind=brand][appearance=outline-fill]) .notice-icon,:host([kind=brand][appearance=transparent]) .notice-icon{color:var(--calcite-color-brand)}:host([kind=info][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-info) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-info) 5%, var(--calcite-color-foreground-1)))}:host([kind=info][appearance=outline-fill]) .notice-icon,:host([kind=info][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-danger) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-danger) 5%, var(--calcite-color-foreground-1)))}:host([kind=danger][appearance=outline-fill]) .notice-icon,:host([kind=danger][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-success) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-success) 5%, var(--calcite-color-foreground-1)))}:host([kind=success][appearance=outline-fill]) .notice-icon,:host([kind=success][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-warning) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-warning) 5%, var(--calcite-color-foreground-1)))}:host([kind=warning][appearance=outline-fill]) .notice-icon,:host([kind=warning][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-warning)}:host([kind=neutral][appearance=outline-fill]) .container{border-color:var(--calcite-color-border-2);background-color:var(--calcite-notice-background-color, var(--calcite-color-foreground-1))}:host([kind=neutral]) .notice-icon{color:var(--calcite-color-text-3)}:host([appearance=transparent]) .container{background-color:transparent}:host([hidden]){display:none}[hidden]{display:none}`,s=class extends h{constructor(){super(...arguments),this.closeButtonRef=a(),this.transitionProp="opacity",this.transitionRef=a(),this.messages=m(),this.focusSetter=v()(this),this.hasActionEnd=!1,this.appearance="outline-fill",this.closable=!1,this.iconFlipRtl=!1,this.kind="brand",this.open=!1,this.scale="m",this.width="auto",this.calciteNoticeBeforeClose=o({cancelable:!1}),this.calciteNoticeBeforeOpen=o({cancelable:!1}),this.calciteNoticeClose=o({cancelable:!1}),this.calciteNoticeOpen=o({cancelable:!1})}static{this.properties={hasActionEnd:[16,{},{state:!0}],appearance:[3,{},{reflect:!0}],closable:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:g,type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],kind:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=y}async setFocus(e){return this.focusSetter(()=>this.el.querySelector("calcite-link")||this.closeButtonRef.value,e)}async load(){this.kindIcons={...x,brand:k.brand},this.requestedIcon=r(this.kindIcons,this.icon,this.kind)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&b(this),(e.has("icon")||e.has("kind")&&(this.hasUpdated||this.kind!=="brand"))&&(this.requestedIcon=r(this.kindIcons,this.icon,this.kind))}onBeforeClose(){this.calciteNoticeBeforeClose.emit()}onBeforeOpen(){this.calciteNoticeBeforeOpen.emit()}onClose(){this.calciteNoticeClose.emit()}onOpen(){this.calciteNoticeOpen.emit()}close(){this.open=!1}handleActionsEndSlotChange(e){this.hasActionEnd=u(e)}render(){let e=n`<calcite-action class=${t(i.close)} icon=x @click=${this.close} .scale=${this.scale} .text=${this.messages.close} ${l(this.closeButtonRef)}></calcite-action>`;return n`<div class=${t(i.container)} ${l(this.transitionRef)}>${this.requestedIcon?n`<div class=${t(i.icon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${f(this.scale)}></calcite-icon></div>`:null}<div class=${t(i.content)}><slot name=${c.title}></slot><slot name=${c.message}></slot><slot name=${c.link}></slot></div><div class=${t(i.actionsEnd)} .hidden=${!this.hasActionEnd}><slot name=${c.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>${this.closable?e:null}</div>`}};p("calcite-notice",s);export{s as Notice};
2
+ import{a as k,b as x}from"./XMLFJMMC.js";import{a as b}from"./G7QXJNLL.js";import{a as m}from"./T3DRXPGG.js";import{a as v}from"./XTGEBM27.js";import{a as f}from"./ZWPNZ5XW.js";import"./YBUVMHQW.js";import"./K4O4I3A5.js";import{n as r,s as u}from"./L57CN7OS.js";import{E as a,F as l,G as h,H as t,L as g,S as p,g as d,h as n,p as o}from"./YE7FX543.js";var c={title:"title",message:"message",link:"link",actionsEnd:"actions-end"},i={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"},y=d`:host([scale=s]){--calcite-notice-spacing-token-small: .5rem;--calcite-notice-spacing-token-large: .75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]){--calcite-notice-spacing-token-small: .75rem;--calcite-notice-spacing-token-large: 1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]){--calcite-notice-spacing-token-small: 1rem;--calcite-notice-spacing-token-large: 1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .notice-close{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=l]) .actions-end{margin-inline-end:var(--calcite-spacing-sm);gap:var(--calcite-spacing-sm)}:host([width=auto]){--calcite-notice-width: auto}:host([width=half]){--calcite-notice-width: 50%}:host([width=full]){--calcite-notice-width: 100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;opacity:0;overflow:hidden;max-block-size:0;transition-property:opacity,max-block-size;transition-duration:var(--calcite-animation-timing);text-align:start;border-radius:var(--calcite-notice-corner-radius, var(--calcite-corner-radius-sm));box-shadow:var(--calcite-notice-shadow, var(--calcite-shadow-none))}:host{display:flex}:host([open]) .container{pointer-events:auto;max-block-size:100%;align-items:center;opacity:1;overflow:visible}@starting-style{:host([open]) .container{opacity:0;max-block-size:0}}:host([open][appearance=outline-fill]) .container{border:var(--calcite-border-width-sm) solid}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-notice-title-text-color, var(--calcite-color-text-1))}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-notice-content-text-color, var(--calcite-color-text-2))}:host(:not([kind=neutral])[appearance=solid]) .container slot[name=title]::slotted(*),:host(:not([kind=neutral])[appearance=solid]) .container *::slotted([slot=title]){color:var(--calcite-notice-title-text-color, var(--calcite-color-text-inverse))}:host(:not([kind=neutral])[appearance=solid]) .container slot[name=message]::slotted(*),:host(:not([kind=neutral])[appearance=solid]) .container *::slotted([slot=message]){color:var(--calcite-notice-content-text-color, var(--calcite-color-text-inverse))}.notice-content{box-sizing:border-box;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;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-large)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;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;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;padding-inline:var(--calcite-notice-spacing-token-small)}.notice-close{box-sizing:border-box;display:flex;cursor:pointer;align-items:center;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;flex:0 0 auto;margin-inline-end:var(--calcite-spacing-xs);--calcite-action-background-color: var(--calcite-notice-close-background-color);--calcite-action-background-color-hover: var( --calcite-notice-close-background-color-hover, var(--calcite-notice-close-background-color-focus) );--calcite-action-background-color-press: var(--calcite-notice-close-background-color-press);--calcite-action-text-color: var(--calcite-notice-close-icon-color, var(--calcite-color-text-3));--calcite-action-text-color-press: var(--calcite-notice-close-icon-color-hover)}.actions-end{display:flex;align-items:center;flex:0 0 auto;margin-inline-end:var(--calcite-spacing-xs);gap:var(--calcite-spacing-xs)}:host([kind=brand][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-brand) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-brand) 5%, var(--calcite-color-foreground-1)))}:host([kind=brand][appearance=outline-fill]) .notice-icon,:host([kind=brand][appearance=transparent]) .notice-icon{color:var(--calcite-color-brand)}:host([kind=info][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-info) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-info) 5%, var(--calcite-color-foreground-1)))}:host([kind=info][appearance=outline-fill]) .notice-icon,:host([kind=info][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-danger) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-danger) 5%, var(--calcite-color-foreground-1)))}:host([kind=danger][appearance=outline-fill]) .notice-icon,:host([kind=danger][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-success) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-success) 5%, var(--calcite-color-foreground-1)))}:host([kind=success][appearance=outline-fill]) .notice-icon,:host([kind=success][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-warning) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-warning) 5%, var(--calcite-color-foreground-1)))}:host([kind=warning][appearance=outline-fill]) .notice-icon,:host([kind=warning][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-warning)}:host([kind=neutral][appearance=outline-fill]) .container{border-color:var(--calcite-color-border-2);background-color:var(--calcite-notice-background-color, var(--calcite-color-foreground-1))}:host([kind=neutral]) .notice-icon{color:var(--calcite-color-text-3)}:host([appearance=transparent]) .container{background-color:transparent}:host([hidden]){display:none}[hidden]{display:none}`,s=class extends h{constructor(){super(...arguments),this.closeButtonRef=a(),this.transitionProp="opacity",this.transitionRef=a(),this.messages=m(),this.focusSetter=v()(this),this.hasActionEnd=!1,this.appearance="outline-fill",this.closable=!1,this.iconFlipRtl=!1,this.kind="brand",this.open=!1,this.scale="m",this.width="auto",this.calciteNoticeBeforeClose=o({cancelable:!1}),this.calciteNoticeBeforeOpen=o({cancelable:!1}),this.calciteNoticeClose=o({cancelable:!1}),this.calciteNoticeOpen=o({cancelable:!1})}static{this.properties={hasActionEnd:[16,{},{state:!0}],appearance:[3,{},{reflect:!0}],closable:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:g,type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],kind:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=y}async setFocus(e){return this.focusSetter(()=>this.el.querySelector("calcite-link")||this.closeButtonRef.value,e)}async load(){this.kindIcons={...x,brand:k.brand},this.requestedIcon=r(this.kindIcons,this.icon,this.kind)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&b(this),(e.has("icon")||e.has("kind")&&(this.hasUpdated||this.kind!=="brand"))&&(this.requestedIcon=r(this.kindIcons,this.icon,this.kind))}onBeforeClose(){this.calciteNoticeBeforeClose.emit()}onBeforeOpen(){this.calciteNoticeBeforeOpen.emit()}onClose(){this.calciteNoticeClose.emit()}onOpen(){this.calciteNoticeOpen.emit()}close(){this.open=!1}handleActionsEndSlotChange(e){this.hasActionEnd=u(e)}render(){let e=n`<calcite-action class=${t(i.close)} icon=x @click=${this.close} .scale=${this.scale} .text=${this.messages.close} ${l(this.closeButtonRef)}></calcite-action>`;return n`<div class=${t(i.container)} ${l(this.transitionRef)}>${this.requestedIcon?n`<div class=${t(i.icon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${f(this.scale)}></calcite-icon></div>`:null}<div class=${t(i.content)}><slot name=${c.title}></slot><slot name=${c.message}></slot><slot name=${c.link}></slot></div><div class=${t(i.actionsEnd)} .hidden=${!this.hasActionEnd}><slot name=${c.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>${this.closable?e:null}</div>`}};p("calcite-notice",s);export{s as Notice};
package/dist/cdn/{3O74FQRX.js → PRGZNHUH.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as x,t as m}from"./53PNWBFM.js";import"./7HV3O3DF.js";import{a as y}from"./ATKSPCQC.js";import"./5EBGPCB7.js";import{c as z}from"./MR3JPLGQ.js";import{G as S,H as h,S as k,g as $,h as f,i as a,l as t}from"./GYHJQTDE.js";var l={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"},C={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"},b=4,i={squareSize:b,size:b*2},v={checker:"checker",shape:"shape"},R=$`:host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1)}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}`,w=class extends S{constructor(){super(...arguments),this.active=!1,this.scale="m"}static{this.properties={active:[7,{},{reflect:!0,type:Boolean}],color:1,scale:[3,{},{reflect:!0}]}}static{this.styles=R}load(){this.handleColorChange(this.color)}willUpdate(e){e.has("color")&&this.handleColorChange(this.color)}handleColorChange(e){this.internalColor=e?x(e):void 0}render(){let e=!this.internalColor,c={[l.swatch]:!0,[l.noColorSwatch]:e};return f`<svg class=${h(c)} xmlns=http://www.w3.org/2000/svg>${this.renderSwatch()}</svg>`}renderSwatch(){let{active:e,el:c,internalColor:s}=this,o=e?"100%":"0",n=z(c)==="light"?C.borderLight:C.borderDark,d=!s,r={height:"100%",rx:o,stroke:n,strokeWidth:"2",width:"100%"};if(d)return a`<clipPath id=${v.shape}><rect height=100% rx=${o??t} width=100% /></clipPath>${this.renderSwatchRect({clipPath:`inset(0 round ${o})`,...r})}<line clip-path=url(#shape) stroke-width=3 x1=100% x2=0 y1=0 y2=100% />`;let p=s.alpha(),q=m(s),g=m(s,p<1);return a`<title>${g}</title><defs><pattern height=${i.size} id=${v.checker} patternUnits=userSpaceOnUse width=${i.size} x=0 y=0><rect class=${h(l.checker)} height=${i.squareSize} width=${i.squareSize} x=0 y=0 /><rect class=${h(l.checker)} height=${i.squareSize} width=${i.squareSize} x=${i.squareSize} y=${i.squareSize} /></pattern></defs>${this.renderSwatchRect({fill:"url(#checker)",rx:r.rx,height:r.height,width:r.width})}${this.renderSwatchRect({clipPath:p<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`,fill:q,...r})}${p<1?this.renderSwatchRect({clipPath:"polygon(100% 0, 100% 100%, 0 100%)",fill:g,key:"opacity-fill",...r}):null}`}renderSwatchRect({clipPath:e,fill:c,height:s,key:o,rx:u,stroke:n,strokeWidth:d,width:r}){return y(o,a`<rect clip-path=${e??t} fill=${c??t} height=${s??t} rx=${u??t} stroke=${n??t} stroke-width=${d??t} width=${r??t} />`)}};k("calcite-color-picker-swatch",w);export{w as ColorPickerSwatch};
2
+ import{a as x,t as m}from"./53PNWBFM.js";import"./7HV3O3DF.js";import{a as y}from"./SQT2NXTL.js";import"./5EBGPCB7.js";import{c as z}from"./L57CN7OS.js";import{G as S,H as h,S as k,g as $,h as f,i as a,l as t}from"./YE7FX543.js";var l={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"},C={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"},b=4,i={squareSize:b,size:b*2},v={checker:"checker",shape:"shape"},R=$`:host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1)}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}`,w=class extends S{constructor(){super(...arguments),this.active=!1,this.scale="m"}static{this.properties={active:[7,{},{reflect:!0,type:Boolean}],color:1,scale:[3,{},{reflect:!0}]}}static{this.styles=R}load(){this.handleColorChange(this.color)}willUpdate(e){e.has("color")&&this.handleColorChange(this.color)}handleColorChange(e){this.internalColor=e?x(e):void 0}render(){let e=!this.internalColor,c={[l.swatch]:!0,[l.noColorSwatch]:e};return f`<svg class=${h(c)} xmlns=http://www.w3.org/2000/svg>${this.renderSwatch()}</svg>`}renderSwatch(){let{active:e,el:c,internalColor:s}=this,o=e?"100%":"0",n=z(c)==="light"?C.borderLight:C.borderDark,d=!s,r={height:"100%",rx:o,stroke:n,strokeWidth:"2",width:"100%"};if(d)return a`<clipPath id=${v.shape}><rect height=100% rx=${o??t} width=100% /></clipPath>${this.renderSwatchRect({clipPath:`inset(0 round ${o})`,...r})}<line clip-path=url(#shape) stroke-width=3 x1=100% x2=0 y1=0 y2=100% />`;let p=s.alpha(),q=m(s),g=m(s,p<1);return a`<title>${g}</title><defs><pattern height=${i.size} id=${v.checker} patternUnits=userSpaceOnUse width=${i.size} x=0 y=0><rect class=${h(l.checker)} height=${i.squareSize} width=${i.squareSize} x=0 y=0 /><rect class=${h(l.checker)} height=${i.squareSize} width=${i.squareSize} x=${i.squareSize} y=${i.squareSize} /></pattern></defs>${this.renderSwatchRect({fill:"url(#checker)",rx:r.rx,height:r.height,width:r.width})}${this.renderSwatchRect({clipPath:p<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`,fill:q,...r})}${p<1?this.renderSwatchRect({clipPath:"polygon(100% 0, 100% 100%, 0 100%)",fill:g,key:"opacity-fill",...r}):null}`}renderSwatchRect({clipPath:e,fill:c,height:s,key:o,rx:u,stroke:n,strokeWidth:d,width:r}){return y(o,a`<rect clip-path=${e??t} fill=${c??t} height=${s??t} rx=${u??t} stroke=${n??t} stroke-width=${d??t} width=${r??t} />`)}};k("calcite-color-picker-swatch",w);export{w as ColorPickerSwatch};
package/dist/cdn/PZPFL6PE.js ADDED
@@ -0,0 +1,2 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
+ import{d as R}from"./U32ZDPXB.js";import{a as Ae}from"./VYOJ3KUJ.js";import{a as ke}from"./VOCKM3G2.js";import{b as j,c as De,d as T,f as D,g as F,h as Q,i as Ee}from"./OBUUDLYG.js";import{a as M,b as H,d as o,e as p,f as _}from"./QBJZUEM2.js";import{d as G}from"./KRZT7UVD.js";import{a as ye}from"./YCYEMH7U.js";import{b as U}from"./PM5LDKID.js";import{a as Ce}from"./OTEBTN57.js";import{c as Se}from"./ZTSMW2D4.js";import{a as xe}from"./DKJI4BME.js";import{a as $e}from"./SEQCBIEU.js";import{a as fe}from"./THCUZB6I.js";import{b as we}from"./IDM3HU5C.js";import{a as q,c as N,d as be,e as ge,f as ve,g as E,h as Ie}from"./5ZZL6VT5.js";import{a as me}from"./G7QXJNLL.js";import{a as de}from"./CNCYAYZV.js";import{a as w}from"./SQT2NXTL.js";import{a as ue}from"./GKGNNXHT.js";import{a as pe}from"./5EBGPCB7.js";import{a as he}from"./T6CCMW7H.js";import{a as V,b as z}from"./VI7SBYXT.js";import{a as re}from"./T3DRXPGG.js";import{a as ce}from"./XTGEBM27.js";import{a as L,b as W}from"./ZWPNZ5XW.js";import{e as ne}from"./YBUVMHQW.js";import"./K4O4I3A5.js";import{d as y,g as B,k as oe}from"./L57CN7OS.js";import{D as te,E as $,F as x,G as ie,H as d,L as se,N as le,S as ae,g as ee,h as m,l as g,p as C}from"./YE7FX543.js";var Pe=ee`: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}: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{display:flex;border-width:1px;border-style:solid;outline-color:transparent;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(calc(-1 * var(--calcite-spacing-base)) * calc(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(calc(-1 * var(--calcite-spacing-base)) * calc(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{position:relative;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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{flex-grow:1;appearance:none;overflow:hidden;text-overflow:ellipsis;border-style:none;background-color:transparent;padding:0;font-family:inherit;color:var(--calcite-color-text-1);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:2px solid transparent;outline-offset:2px}.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;width:0px;min-width:0px;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{pointer-events:none;max-width:100%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.list-container{max-height:45vh;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{height:0px;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{visibility:hidden;position:absolute}.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-spacing-xxs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-spacing-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}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}: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))}`,J=class extends ie{constructor(){super(),this.direction=ne(),this.formSupport=Se({inputType:"text"})(this),this.selectAllComboboxItemRef=$(),this.allSelectedIndicatorChipRef=$(),this.data=[],this.cancelable=ue()(this),this.filterItems=(()=>{let e=(t,i)=>t&&i.some(({el:s})=>t===s);return pe((t,i=!1,s=!0)=>{let l=ke([...this.data,...this.groupData],t,this.effectiveFilterProps),a=this.getItemsAndGroups(),n=t==="";a.forEach(c=>{if(n){c.itemHidden=!1;return}let r=!e(c,l);c.itemHidden=r;let[v,h]=c.ancestors;(e(v,l)||e(h,l))&&(c.itemHidden=!1),r||c.ancestors.forEach(f=>f.itemHidden=!1)}),this.noMatchesFound=this.filteredItems.length===0&&!!this.filterText,this.filterTextMatchPattern=this.filterText?new RegExp(`(${U(this.filterText)})`,"i"):void 0,this.keyboardNavItems.forEach(c=>{c.filterTextMatchPattern=this.filterTextMatchPattern}),i&&(this.open=this.filterText.trim().length>0),s&&this.calciteComboboxFilterChange.emit()},le.filter)})(),this._filterText="",this.getSelectedItems=()=>{if(!this.isMulti()){let e=this.allItems.find(({selected:t})=>t);return e?[e]:[]}return this.allItems.filter(e=>e.selected&&(this.selectionMode!=="ancestors"||!T(e)))},this.groupData=[],this.groupItems=[],this.guid=he(),this.ignoreSelectedEventsFlag=!1,this.internalValueChangeFlag=!1,this.previousAllSelected=!1,this.refreshingSelectionDisplay=!1,this.labelable=$e(this),this.mutationObserver=V("mutation",()=>this.updateItems()),this.onLabelClick=()=>{this.setFocus()},this.transitionProp="opacity",this.resizeObserver=(()=>{let e=!1;return V("resize",()=>{e||(e=!0,requestAnimationFrame(()=>{e=!1,this.setMaxScrollerHeight(),this.refreshSelectionDisplay()}))})})(),this.selectedIndicatorChipRef=$(),this.selectedChipCountRef=$(),this.clearButtonRef=$(),this._selectedItems=[],this.textInputRef=$(),this._value="",this.messages=re({blocking:!0}),this.focusSetter=ce()(this),this.customChipAddHandler=()=>{this.addCustomChip(this.filterText,!0)},this.interactiveContainer=de(this),this.topLayer=fe({target:()=>this.floatingEl})(this),this.activeChipIndex=-1,this.activeDescendant="",this.activeItemIndex=-1,this.compactSelectionDisplay=!1,this.deferFitChipCountRender=!1,this.selectedHiddenChipsCount=0,this.selectedVisibleChipsCount=0,this.fitUsingCompactCountLabel=!1,this.allItems=[],this.items=[],this.noMatchesFound=!1,this.clearDisabled=!1,this.disabled=!1,this.maxItems=0,this.open=!1,this.overlayPositioning="absolute",this.placeholderIconFlipRtl=!1,this.placement=q,this.readOnly=!1,this.required=!1,this.scale="m",this.selectAllEnabled=!1,this.selectionDisplay="all",this.selectionAppearance="icon",this.selectionMode="multiple",this.status="idle",this.topLayerDisabled=!1,this.calciteComboboxBeforeClose=C({cancelable:!1}),this.calciteComboboxBeforeOpen=C({cancelable:!1}),this.calciteComboboxChange=C({cancelable:!1}),this.calciteComboboxChipClose=C({cancelable:!1}),this.calciteComboboxClose=C({cancelable:!1}),this.calciteComboboxFilterChange=C({cancelable:!1}),this.calciteComboboxOpen=C({cancelable:!1}),this.listenOn(document,"click",this.documentClickHandler),this.listen("calciteComboboxItemChange",this.calciteComboboxItemChangeHandler),this.listen("calciteInternalComboboxItemChange",this.calciteInternalComboboxItemChangeHandler),this.listen("click",this.comboboxFocusHandler)}static{this.properties={activeChipIndex:[16,{},{state:!0}],activeDescendant:[16,{},{state:!0}],activeItemIndex:[16,{},{state:!0}],compactSelectionDisplay:[16,{},{state:!0}],deferFitChipCountRender:[16,{},{state:!0}],selectedHiddenChipsCount:[16,{},{state:!0}],selectedVisibleChipsCount:[16,{},{state:!0}],fitUsingCompactCountLabel:[16,{},{state:!0}],allItems:[16,{},{state:!0}],items:[16,{},{state:!0}],noMatchesFound:[16,{},{state:!0}],allowCustomValues:[7,{},{reflect:!0,type:Boolean}],clearDisabled:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],filterText:[3,{},{reflect:!0}],filterProps:[0,{},{attribute:!1}],filteredItems:[32,{},{attribute:!1,readOnly:!0}],flipPlacements:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],label:1,labelText:1,maxItems:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,placeholderIcon:[3,{type:String},{reflect:!0}],placeholderIconFlipRtl:[7,{},{reflect:!0,type:Boolean}],placement:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectAllEnabled:[7,{},{reflect:!0,type:Boolean}],selectedItems:[0,{},{attribute:!1}],selectionDisplay:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:se,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=Pe}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(e=>e!=="el"):["description","label","metadata","shortHeading"]}get showingInlineIcon(){let{placeholderIcon:e,selectionMode:t,selectedItems:i,open:s}=this,l=i[0],a=l?.icon,n=D(t);return!s&&l?!!a&&n:!!e&&(!l||n)}get allSelected(){let e=this.allItems.filter(t=>!t.disabled);return e.length>0&&e.every(t=>t.selected)}get hasDisabledSelected(){return this.allItems.some(e=>e.disabled&&e.selected)}get indeterminate(){let e=this.selectedItems.length>0||this.hasDisabledSelected;return this.selectAllEnabled?!this.allSelected&&e:this.selectedItems.length>0&&!this.allSelected}get keyboardNavItems(){let{selectAllComboboxItemRef:e}=this,t=this.filteredItems.filter(i=>!i.disabled);return e.value?[e.value,...t]:t}get filterText(){return this._filterText}set filterText(e){let t=this._filterText;e!==t&&(this._filterText=e,this.filterTextChange(e))}get filteredItems(){return this.items.filter(e=>!W(e))}get selectedItems(){return this._selectedItems}set selectedItems(e){let t=this._selectedItems;e!==t&&(this._selectedItems=e,this.selectedItemsHandler())}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueHandler(e))}async reposition(e=!1){let{floatingEl:t,referenceEl:i,placement:s,overlayPositioning:l,filteredFlipPlacements:a}=this;return ge(this,{direction:this.direction,floatingEl:t,referenceEl:i,overlayPositioning:l,placement:s,flipPlacements:a,type:"menu"},e)}async setFocus(e){return this.focusSetter(()=>(this.activeChipIndex=-1,this.activeItemIndex=-1,this.textInputRef.value),e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),E(this),this.cancelable.add(this.filterItems)}async load(){this.handleSelectionModeWarning()}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),e.has("maxItems")&&(this.hasUpdated||this.maxItems!==0)&&this.setMaxScrollerHeight(),(e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==q))&&this.reposition(!0),(e.has("selectionMode")||e.has("scale")||e.has("selectionAppearance"))&&this.updateItems(),e.has("flipPlacements")&&this.flipPlacementsHandler()}loaded(){E(this),this.updateItems(),this.filterItems(this.filterText,!1,!1)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),Ie(this)}emitComboboxChange(){this.calciteComboboxChange.emit()}filterTextChange(e){this.updateActiveItemIndex(-1),this.filterItems(e,!0)}openHandler(){this.disabled||me(this)}handleDisabledChange(e){e||(this.open=!1)}valueHandler(e){this.internalValueChangeFlag||(this.items.forEach(t=>{t.selected=Array.isArray(e)?e.includes(t.value):e===t.value}),this.updateItems())}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}selectedItemsHandler(){let e=this.previousAllSelected,t=this.allSelected;if(this.previousAllSelected=t,this.internalValueChangeFlag=!0,this.value=this.getValue(),this.internalValueChangeFlag=!1,this.selectionDisplay==="fit"&&this.isMulti()){let i=e&&!t;e&&!t&&(this.selectedHiddenChipsCount=0,this.selectedItems.forEach(s=>{let l=this.referenceEl?.querySelector(`#${p.chip(s.guid)}`);l&&this.showChip(l)})),this.updateComplete.then(async()=>{i&&await this.updateComplete,await this.refreshSelectionDisplay(),this.fitFollowUpRefreshPromise&&await this.fitFollowUpRefreshPromise,this.deferFitChipCountRender=!1})}}async documentClickHandler(e){this.disabled||e.composedPath().includes(this.el)||(await this.componentOnReady(),!this.allowCustomValues&&this.filterText&&(this.clearInputValue(),this.filterItems(""),this.updateActiveItemIndex(-1)),this.allowCustomValues&&this.filterText.trim().length&&this.addCustomChip(this.filterText),this.open=!1)}handleSelectAll(e){e&&(this.toggleSelectAll(),this.selectionDisplay!=="fit"&&this.allSelected&&this.selectedItems.forEach(t=>{let i=this.referenceEl.querySelector(`#${p.chip(t.guid)}`);i&&this.hideChip(i)}))}updateSelectedItems(){this.selectedItems=this.getOrderedSelectedItems(this.getSelectedItems())}calciteComboboxItemChangeHandler(e){if(this.ignoreSelectedEventsFlag)return;let t=e.target,i=e.composedPath().includes(this.selectAllComboboxItemRef.value);this.selectAllEnabled&&this.handleSelectAll(i);let s=this.keyboardNavItems.indexOf(i?this.selectAllComboboxItemRef.value:t);this.updateActiveItemIndex(s),this.toggleSelection(t,t.selected)}calciteInternalComboboxItemChangeHandler(e){e.stopPropagation(),this.hasUpdated&&this.updateItems()}clearValue(){let e=this.items.filter(t=>t.selected&&!t.disabled);e.length&&(this.ignoreSelectedEventsFlag=!0,e.forEach(t=>t.selected=!1),this.ignoreSelectedEventsFlag=!1,this.updateSelectedItems(),this.emitComboboxChange()),this.open=!1,this.updateActiveItemIndex(-1),this.resetText(),this.filterItems(""),this.setFocus()}clearInputValue(){this.textInputRef.value&&(this.textInputRef.value.value=""),this.filterText=""}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?be(t,e):void 0}getValue(){let e=this.getOrderedSelectedValues(this.selectedItems.map(t=>t.value?.toString()));return e.length?e.length>1?e:e[0]:""}getOrderedSelectedValues(e){if(!this.isMulti())return e;let t=Array.isArray(this.value)?this.value:this.value?[this.value]:[];return Ee(e,t)}getOrderedSelectedItems(e){return this.isMulti()?Q(e,this.selectedItems):e}comboboxInViewport(){let e=this.el.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.right<=(window.innerWidth||document.documentElement.clientWidth)&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)}toggleSelectAll(){let e=!this.allSelected;this.allItems.forEach(t=>{t.disabled||(t.selected=e)}),this.updateSelectedItems(),this.emitComboboxChange()}hasHiddenSelectedFitChips(){if(this.selectionDisplay!=="fit"||!this.isMulti())return!1;let e=this.selectedChipCountRef.value;return!!e&&!e.classList.contains(o.chipInvisible)}keyDownHandler(e){if(this.readOnly)return;let{key:t}=e;switch(t){case"Tab":this.activeChipIndex=-1,this.activeItemIndex=-1,this.allowCustomValues&&this.filterText?(this.addCustomChip(this.filterText,!0),e.preventDefault()):this.open?(this.open=!1,e.preventDefault()):!this.allowCustomValues&&this.filterText&&(this.clearInputValue(),this.filterItems(""),this.updateActiveItemIndex(-1));break;case"ArrowLeft":(this.activeChipIndex!==-1||this.textInputRef.value?.selectionStart===0)&&(this.previousChip(),e.preventDefault());break;case"ArrowRight":this.activeChipIndex!==-1&&(this.nextChip(),e.preventDefault());break;case"ArrowUp":this.keyboardNavItems.length&&(e.preventDefault(),this.open&&this.shiftActiveItemIndex(-1),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView()),this.scrollToActiveOrSelectedItem();break;case"ArrowDown":this.keyboardNavItems.length&&(e.preventDefault(),this.open?this.shiftActiveItemIndex(1):(this.open=!0,this.ensureRecentSelectedItemIsActive()),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView());break;case" ":!this.textInputRef.value?.value&&!e.defaultPrevented&&(!this.open&&this.keyboardNavItems.length&&(this.open=!0,this.ensureRecentSelectedItemIsActive()),e.preventDefault());break;case"Home":if(!this.open)return;e.preventDefault(),this.updateActiveItemIndex(0),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView();break;case"End":if(!this.open)return;e.preventDefault(),this.updateActiveItemIndex(this.filteredItems.length-1),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView();break;case"Escape":if(this.open){this.open=!1,e.preventDefault();break}this.clearDisabled||(this.textInputRef.value.value.length>0?(this.resetText(),e.preventDefault()):this.selectedItems.length>0&&this.selectionMode!=="single-persist"&&(this.clearValue(),e.preventDefault()));break;case"Enter":this.open&&this.activeItemIndex>-1?(this.keyboardNavItems[this.activeItemIndex].toggleSelection(),e.preventDefault()):this.activeChipIndex>-1?(this.removeActiveChip(e.target),e.preventDefault()):this.allowCustomValues&&this.filterText?(this.addCustomChip(this.filterText,!0),e.preventDefault()):!e.defaultPrevented&&this.formSupport.active&&(e.preventDefault(),this.formSupport.requestSubmit());break;case"Delete":case"Backspace":{let s=this.hasHiddenSelectedFitChips()&&this.activeChipIndex===-1;if(this.selectionDisplay==="single"||s)return;let a=e.composedPath().find(n=>G(n));this.activeChipIndex>-1&&a?(e.preventDefault(),this.removeActiveChip(a)):!this.filterText&&this.isMulti()&&(e.preventDefault(),this.removeLastChip());break}}}onBeforeOpen(){this.topLayer.show(),this.reposition(),this.calciteComboboxBeforeOpen.emit(),setTimeout(()=>this.scrollToActiveOrSelectedItem(this.activeItemIndex<0),0)}onOpen(){this.calciteComboboxOpen.emit()}onBeforeClose(){this.calciteComboboxBeforeClose.emit()}onClose(){this.calciteComboboxClose.emit(),ve(this),this.topLayer.hide()}async setMaxScrollerHeight(){let{listContainerEl:e,open:t,referenceEl:i}=this;if(!e||!t||!i)return;let s=this.getMaxScrollerHeight();e.style.maxBlockSize=s>0?`${s}px`:"",e.style.inlineSize=`${i.clientWidth}px`}calciteChipCloseHandler(e){this.open=!1;let t=this.items.find(i=>i===e);t&&this.toggleSelection(t,!1),this.calciteComboboxChipClose.emit()}clickHandler(e){if(this.readOnly)return;let t=e.composedPath();if(t.some(s=>G(s))){this.open=!1,e.preventDefault();return}let i=this.clearButtonRef.value;if(i&&t.includes(i)){this.clearValue(),e.preventDefault();return}this.open=!this.open,this.ensureRecentSelectedItemIsActive()}ensureRecentSelectedItemIsActive(){let{activeItemIndex:e,selectedItems:t,keyboardNavItems:i}=this;if(e>-1&&i[e]){this.updateActiveItemIndex(e);return}let s=t[t.length-1],l=s?i.indexOf(s):i.length?0:-1;this.updateActiveItemIndex(l>-1?l:i.length?0:-1)}hideChip(e){e.classList.add(o.chipInvisible)}showChip(e){e.classList.remove(o.chipInvisible)}refreshChipDisplay({chipEls:e,availableHorizontalChipElSpace:t,chipContainerElGap:i,hideSelectedChips:s}){let l=e.filter(h=>h.selected),a=l.filter(h=>!h.disabled),n=l.filter(h=>h.disabled),c=h=>{let f=y(h),u=h.getBoundingClientRect().width;return Number.isFinite(f)&&f>0?f:u};if(l.forEach(h=>c(h)),e.forEach(h=>{this.hideChip(h)}),s)return;let r=h=>{let f=0;return h.forEach(u=>{let b=c(u);b&&b<=t&&(t-=b+i,this.showChip(u),f++)}),f};r(a)<=1&&r(n)}async refreshSelectionDisplay(e=!0){if(this.refreshingSelectionDisplay)return;if(this.refreshingSelectionDisplay=!0,await this.componentOnReady(),D(this.selectionMode)){this.refreshingSelectionDisplay=!1;return}let{allSelectedIndicatorChipRef:t,chipContainerEl:i,selectionDisplay:s,placeholder:l,selectedIndicatorChipRef:a,textInputRef:n}=this;if(!n.value||!i){this.refreshingSelectionDisplay=!1;return}let c=parseInt(getComputedStyle(i).gap,10),r=y(i),{fontSize:v,fontFamily:h,minInlineSize:f}=getComputedStyle(n.value),u=.55,b=parseFloat(f)||parseInt(R,10),I=B(l,`${v} ${h}`),k=I>0?I:Math.max(b,Math.round((l?.length||0)*(parseFloat(v)||parseInt(R,10))*u)),O=Math.max(b,k),P=(s==="fit"?O:k)+c,Re=y(t.value),K=y(a.value),Fe=Math.max(Re,K);if(this.setCompactSelectionDisplay({chipContainerElGap:c,chipContainerElWidth:r,inputWidth:P,largestSelectedIndicatorChipWidth:Fe}),s!=="fit"&&this.allSelected&&this.selectAllEnabled&&this.selectedItems.forEach(A=>{let S=this.referenceEl?.querySelector(`#${p.chip(A.guid)}`);S&&this.hideChip(S)}),this.indeterminate&&this.selectedItems.forEach(A=>{let S=this.referenceEl?.querySelector(`#${p.chip(A.guid)}`);S&&this.showChip(S)}),s==="fit"){let A=Array.from(this.renderRoot.querySelectorAll("calcite-chip")).filter(Y=>{let Z=Y.value,Oe=Z!=null&&`${Z}`!="";return Y.disabled||Oe}),{hiddenChipIndicatorWidth:S,hideSelectedChips:X,reservedPlaceholderInputWidth:Me}=this.getFitCompactDisplayState({chipContainerElGap:c,chipContainerElWidth:r,inputMinWidth:b,placeholderWidth:k,selectedIndicatorChipElWidth:K});this.fitUsingCompactCountLabel=X;let He=Math.round(r-(S+c+Me+c));this.refreshChipDisplay({availableHorizontalChipElSpace:He,chipContainerElGap:c,chipEls:A,hideSelectedChips:X});let Te=this.selectedHiddenChipsCount;this.syncChipVisibilityCounts(A),Te!==this.selectedHiddenChipsCount&&e&&(this.fitFollowUpRefreshPromise=this.updateComplete.then(()=>this.refreshSelectionDisplay(!1)).then(()=>{this.fitFollowUpRefreshPromise=void 0}))}this.refreshingSelectionDisplay=!1}setFloatingEl(e){this.floatingEl=e,E(this)}shouldUseFitCompactDisplay({chipContainerElGap:e,chipContainerElWidth:t,hiddenChipIndicatorWidth:i,inputMinWidth:s,placeholderWidth:l,reservedPlaceholderInputWidth:a}){let n=Math.round(t-(i+e+a+e));return l>s*2&&n<=0}getFitCompactDisplayState({chipContainerElGap:e,chipContainerElWidth:t,inputMinWidth:i,placeholderWidth:s,selectedIndicatorChipElWidth:l}){let a=y(this.selectedChipCountRef.value),n=this.deferFitChipCountRender||this.selectedHiddenChipsCount<=0?0:a||l,c=Math.max(i,s),r=this.shouldUseFitCompactDisplay({chipContainerElGap:e,chipContainerElWidth:t,hiddenChipIndicatorWidth:n,inputMinWidth:i,placeholderWidth:s,reservedPlaceholderInputWidth:c});return{hiddenChipIndicatorWidth:n,hideSelectedChips:r,reservedPlaceholderInputWidth:c}}setCompactSelectionDisplay({chipContainerElGap:e,chipContainerElWidth:t,inputWidth:i,largestSelectedIndicatorChipWidth:s}){let l=Math.round(s+e+i);(!this.maxCompactBreakpoint||this.maxCompactBreakpoint<l)&&(this.maxCompactBreakpoint=l),this.compactSelectionDisplay=t<this.maxCompactBreakpoint}setContainerEl(e){z(this.resizeObserver,this.listContainerEl,e),this.listContainerEl=e,this.transitionEl=e}setChipContainerEl(e){z(this.resizeObserver,this.chipContainerEl,e),this.chipContainerEl=e}setReferenceEl(e){this.referenceEl=e,E(this)}syncChipVisibilityCounts(e){let t=0,i=0;e.forEach(l=>{l.selected&&(i++,l.classList.contains(o.chipInvisible)||t++)}),t!==this.selectedVisibleChipsCount&&(this.selectedVisibleChipsCount=t);let s=Math.max(0,i-t);s!==this.selectedHiddenChipsCount&&(this.selectedHiddenChipsCount=s)}getMaxScrollerHeight(){let t=this.getItemsAndGroups(!0).filter(a=>!W(a)),{maxItems:i}=this,s=0,l=0;return t.length>=i&&t.forEach(a=>{if(s<i){let n=this.calculateScrollerHeight(a);l+=n,s+=1}}),l}calculateScrollerHeight(e){if(!e)return 0;let t=e.getBoundingClientRect().height,i=`:scope > ${M}, :scope > ${H}`,s=Array.from(e.querySelectorAll(i)).reduce((l,a)=>l+a.getBoundingClientRect().height,0);return t-s}inputHandler(e){let t=e.target.value;this.filterText=t}getItemsAndGroups(e=!1){return e?Array.from(this.el.querySelectorAll(`${M}, ${H}`)):[...this.groupItems,...this.items]}toggleSelection(e,t){!e||this.selectionMode==="single-persist"&&e.selected&&e.value===this.value&&!t||(this.selectionDisplay==="fit"&&this.isMulti()&&(this.deferFitChipCountRender=!0),this.isMulti()?this.handleMultiSelection(e,t):this.handleSingleSelection(e,t))}handleMultiSelection(e,t){e.selected=t,this.updateAncestors(e),this.updateSelectedItems(),this.emitComboboxChange(),this.resetText(),this.filterItems("")}handleSingleSelection(e,t){this.ignoreSelectedEventsFlag=!0,this.items.forEach(i=>i.selected=i===e?t:!1),this.ignoreSelectedEventsFlag=!1,this.updateSelectedItems(),this.emitComboboxChange(),this.textInputRef.value&&(this.textInputRef.value.value=F(e)),this.open=!1,this.updateActiveItemIndex(-1),this.resetText(),this.filterItems("")}updateAncestors(e){if(this.selectionMode!=="ancestors")return;let t=j(e),i=De(e);e.selected?t.forEach(s=>{s.disabled||(s.selected=!0)}):([...i].forEach(s=>{s.disabled||(s.selected=!1)}),[...t].forEach(s=>{T(s)||(s.selected=!1)}))}updateItems(){this.allItems=this.getItems(!0),this.items=this.allItems.filter(e=>!e.disabled),this.groupItems=this.getGroupItems(),this.data=this.getData(),this.groupData=this.getGroupData(),this.updateItemProps(),this.updateSelectedItems(),this.previousAllSelected=this.allSelected}updateItemProps(){this.allItems.forEach(e=>{e.selectionMode=this.selectionMode,e.selectionAppearance=this.selectionAppearance,e.scale=this.scale}),this.groupItems.forEach((e,t)=>(e.scale=this.scale,e.position=t)),this.allowCustomValues||this.setMaxScrollerHeight(),this.groupItems.forEach((e,t,i)=>{t===0&&(e.afterEmptyGroup=!1);let s=i[t+1];s&&(s.afterEmptyGroup=e.children.length===0)})}getData(){return this.items.map(e=>({description:e.description,filterDisabled:e.filterDisabled,label:e.heading,metadata:e.metadata,shortHeading:e.shortHeading,el:e}))}getGroupData(){return this.groupItems.map(e=>({label:e.label,el:e}))}resetText(){this.textInputRef.value&&(this.textInputRef.value.value=""),this.filterText=""}getItems(e=!1){return Array.from(this.el.querySelectorAll(M)).filter(i=>e||!i.disabled)}getGroupItems(){return Array.from(this.el.querySelectorAll(H))}addCustomChip(e,t){let i=this.items.find(s=>s.heading===e);if(i)this.toggleSelection(i,!0);else{let s=document.createElement("calcite-combobox-item");s.value=e,s.heading=e,this.el.prepend(s),this.updateItems(),this.toggleSelection(s,!0),this.open=!0,t&&this.setFocus()}}removeActiveChip(e){let t=this.selectedItems[this.activeChipIndex];t&&!t.disabled&&`${p.chip(t.guid)}`===e.id&&this.toggleSelection(t,!1),this.setFocus()}removeLastChip(){let e=this.selectedItems.findLast(t=>!t.disabled);e&&(this.toggleSelection(e,!1),this.setFocus())}previousChip(){let e=this.selectedItems.length-1,t=this.activeChipIndex;this.activeChipIndex=t===-1?e:Math.max(t-1,0),this.updateActiveItemIndex(-1),this.focusChip()}nextChip(){let e=this.selectedItems.length-1,t=this.activeChipIndex+1;t>e?(this.activeChipIndex=-1,oe(this.textInputRef.value)):(this.activeChipIndex=t,this.focusChip()),this.updateActiveItemIndex(-1)}focusChip(){let e=this.selectedItems[this.activeChipIndex]?.guid;(e?this.referenceEl?.querySelector(`#${p.chip(e)}`):void 0)?.setFocus()}scrollToActiveOrSelectedItem(e=!1){let t=e&&this.selectedItems?.length?this.selectedItems[0]:this.keyboardNavItems[this.activeItemIndex],i=this.listContainerEl;if(!t||!i)return;t.scrollIntoView({block:"nearest"});let l=this.selectAllComboboxItemRef.value?.offsetHeight||0,a=t.getBoundingClientRect(),n=i.getBoundingClientRect();a.top<n.top+l&&(i.scrollTop-=n.top+l-a.top)}shiftActiveItemIndex(e){let{length:t}=this.keyboardNavItems,i=(this.activeItemIndex+t+e)%t;this.updateActiveItemIndex(i),this.scrollToActiveOrSelectedItem()}updateActiveItemIndex(e){this.activeItemIndex=e;let t="";this.keyboardNavItems.forEach((i,s)=>{s===e?(i.active=!0,t=`${p.item(i.guid)}`):i.active=!1}),this.activeDescendant=t,this.activeItemIndex>-1&&(this.activeChipIndex=-1)}isMulti(){return!D(this.selectionMode)}comboboxFocusHandler(){this.disabled||(this.activeChipIndex=-1,this.textInputRef.value?.focus(),this.open&&this.selectionDisplay==="fit"&&this.isMulti()&&this.refreshSelectionDisplay())}createScreenReaderItem({ariaLabel:e,ariaSelected:t,id:i,textContent:s}){return m`<li aria-label=${e??g} aria-selected=${t??g} id=${i??g} role=option tabindex=-1>${s}</li>`}handleSelectionModeWarning(){this.selectionMode==="single-persist"&&this.clearDisabled&&console.warn('clearDisabled is ignored when selection-mode is set to "single-persist"')}getDescriptionMessage(){let e=Array.isArray(this.value)?this.value.join(", "):this.value;return this.readOnly?this.messages.nonEditable.replace("{value}",`${e}`):e}getChipLabel(e,t){return t?[...[...j(e)].reverse(),e].map(s=>F(s)).join(" / "):F(e)}renderChip({activeChipIndex:e,disabled:t,index:i,item:s,messages:l,readOnly:a,scale:n,isAncestors:c}){let r=this.getChipLabel(s,c);return w(s.guid||s.value||r,m`<calcite-chip .appearance=${a?"outline":"solid"} class=${d({[o.chip]:!0,[o.disabled]:t})} .closable=${!t&&!a} data-testid=${`${t?"disabled-chip":"chip"}-${i}`} .disabled=${t} .icon=${s.icon} .iconFlipRtl=${s.iconFlipRtl} id=${(!t&&s.guid?`${p.chip(s.guid)}`:void 0)??g} .label=${r} .messageOverrides=${t?void 0:{dismissLabel:l.removeTag.replace("{value}",`${r}`)}} @calciteChipClose=${t?void 0:()=>this.calciteChipCloseHandler(s)} @focusin=${t?void 0:()=>this.activeChipIndex=i} .scale=${n} .selected=${s.selected} .tabIndex=${!t&&e===i?0:-1} title=${r??g} .value=${s.value}>${r}</calcite-chip>`)}renderChipCount(e,t){let i=this.fitUsingCompactCountLabel?`${e}`:this.messages.disabledSelectedCount.replace("{count}",`${e}`)??`+${e}`;return m`<calcite-chip appearance=solid class=${d({[o.chip]:!0})} data-testid=selected-chip-count id=selected-chip-count .label=${i} .scale=${t} tabindex=-1 title=${i??g} ${x(this.selectedChipCountRef)}>${i}</calcite-chip>`}renderChips(){let{activeChipIndex:e,readOnly:t,scale:i,selectionDisplay:s,selectionMode:l,messages:a}=this,n=[],c=l==="ancestors",r=this.selectAllEnabled&&this.allSelected,v=s==="all";if(r)return null;let h=0,f=0;if(v){let u=this.allItems.filter(I=>I.selected&&(!c||!T(I)));Q(u,this.selectedItems).forEach(I=>{if(I.disabled){n.push(this.renderChip({activeChipIndex:e,disabled:!0,index:f++,item:I,messages:a,readOnly:t,scale:i,isAncestors:c}));return}n.push(this.renderChip({activeChipIndex:e,disabled:!1,index:h++,item:I,messages:a,readOnly:t,scale:i,isAncestors:c}))})}else r||this.selectedItems.forEach(u=>{n.push(this.renderChip({activeChipIndex:e,disabled:u.disabled,index:h++,item:u,messages:a,readOnly:t,scale:i,isAncestors:c}))});if(s==="fit"){let u=this.selectedHiddenChipsCount,b=this.selectedVisibleChipsCount===0?this.selectedItems.length:u;u>0&&!this.deferFitChipCountRender&&n.push(this.renderChipCount(b,i))}return n.length?n:null}renderAllSelectedIndicatorChip(){let{allSelectedIndicatorChipRef:e,compactSelectionDisplay:t,scale:i,selectedVisibleChipsCount:s}=this,l=!1;if(this.selectionDisplay==="fit"&&this.textInputRef.value&&this.chipContainerEl){let r=parseInt(getComputedStyle(this.chipContainerEl).gap,10),v=y(this.chipContainerEl),{fontSize:h,fontFamily:f,minInlineSize:u}=getComputedStyle(this.textInputRef.value),b=.55,I=parseFloat(u)||parseInt(R,10),k=B(this.placeholder,`${h} ${f}`),O=k>0?k:Math.max(I,Math.round((this.placeholder?.length||0)*(parseFloat(h)||parseInt(R,10))*b)),P=y(this.selectedIndicatorChipRef.value);l=this.getFitCompactDisplayState({chipContainerElGap:r,chipContainerElWidth:v,inputMinWidth:I,placeholderWidth:O,selectedIndicatorChipElWidth:P}).hideSelectedChips}let n=t||l?this.messages.all:this.messages.allSelected,c=this.allSelected&&(this.selectionDisplay==="single"||!s||this.selectionDisplay==="all");return m`<calcite-chip class=${d({[o.chip]:!0,[o.chipInvisible]:!c,[o.allSelected]:!0})} data-testid=all-selected-indicator-chip .label=${n} .scale=${i} title=${n??g} value ${x(e)}>${n}</calcite-chip>`}renderSelectedIndicatorChip(){let{compactSelectionDisplay:e,selectionDisplay:t,scale:i,selectedIndicatorChipRef:s}=this,l=!1,a,n=this.getSelectedItems().length;return e?l=!0:t==="single"&&(this.allSelected?l=!0:n>0?l=!1:l=!0,a=`${n} ${this.messages.selected}`),m`<calcite-chip class=${d({[o.chip]:!0,[o.chipInvisible]:l})} .label=${a} .scale=${i} title=${a??g} value ${x(s)}>${a}</calcite-chip>`}renderSelectedIndicatorChipCompact(){let{compactSelectionDisplay:e,selectionDisplay:t,scale:i}=this,s=!1,l,a=this.getSelectedItems().length;return e?this.allSelected?s=!0:t==="single"&&(s=!(a>0),l=`${a}`):s=!0,m`<calcite-chip class=${d({[o.chip]:!0,[o.chipInvisible]:s})} .label=${l} .scale=${i} title=${l??g} value>${l}</calcite-chip>`}renderInput(){let{guid:e,disabled:t,placeholder:i,selectionMode:s,selectedItems:l,open:a}=this,n=D(s),c=l[0],r=!a&&n&&!!c&&!this.filterText;return m`<span class=${d({[o.inputWrap]:!0,[o.inputWrapSingle]:n})}>${r&&w("label",m`<span class=${d({[o.label]:!0,[o.labelIcon]:!!c?.icon})}>${F(c)}</span>`)||""}${w("input",m`<input aria-activedescendant=${this.activeDescendant??g} aria-controls=${`${p.listbox(e)}`} aria-errormessage=${p.validationMessage} aria-owns=${`${p.listbox(e)}`} aria-autocomplete=list .ariaDescription=${this.getDescriptionMessage()} .ariaExpanded=${a} aria-haspopup=listbox .ariaInvalid=${this.status==="invalid"} .ariaLabel=${xe(this)} class=${d({[o.input]:!0,[o.inputSingle]:!0,[o.inputHidden]:r,[o.inputIcon]:this.showingInlineIcon&&!!this.placeholderIcon})} data-testid=input .disabled=${t} .id=${`${p.input(e)}`} @focus=${this.comboboxFocusHandler} @input=${this.inputHandler} placeholder=${i??g} .readOnly=${this.readOnly} .required=${this.required} role=combobox .tabIndex=${this.activeChipIndex===-1?0:-1} type=text .value=${te(this.filterText??"")} ${x(this.textInputRef)}>`)}</span>`}renderListBoxOptions(){let e=this.keyboardNavItems.map(t=>this.createScreenReaderItem({ariaLabel:t.label,ariaSelected:t.selected,id:`${p.item(t.guid)}`,textContent:t.heading}));if(this.selectAllEnabled&&this.selectionMode!=="single"&&this.selectionMode!=="single-persist"){let t=this.createScreenReaderItem({ariaLabel:this.messages.selectAll,ariaSelected:this.allSelected,textContent:this.messages.selectAll});t&&e.unshift(t)}return e}renderFloatingUIContainer(){let{messages:e,setFloatingEl:t,setContainerEl:i,open:s,scale:l}=this,a={[o.listContainer]:!0,[N.animation]:!0,[N.animationActive]:s},n=(this.filterText&&e.add.replace("{text}",`${this.filterText}`))??"";return m`<div aria-hidden=true class=${d(o.floatingUIContainer)} popover=manual ${x(t)}><div class=${d(a)} ${x(i)}><ul class=${d({[o.list]:!0,[o.listHide]:!s})}>${this.selectAllEnabled&&this.selectionMode!=="single"&&this.selectionMode!=="single-persist"&&m`<calcite-combobox-item class=${d(o.selectAll)} data-testid=select-all-item .heading=${e.selectAll} .id=${`${this.guid}-select-all-enabled-interactive`} .indeterminate=${this.indeterminate} .label=${e.selectAll} .scale=${l} .selected=${this.allSelected} tabindex=-1 value=select-all ${x(this.selectAllComboboxItemRef)}></calcite-combobox-item>`||""}<slot></slot>${this.noMatchesFound&&(this.allowCustomValues?m`<li aria-label=${n??g} class=${d(o.noMatches)} @click=${this.customChipAddHandler} role=option tabindex=0>${we({text:n,pattern:new RegExp(`(${U(this.filterText)})`,"i")})}</li>`:m`<li class=${d({[o.noMatchesPlaceholder]:!0,[o.noMatches]:!0})}>${e.noMatches}</li>`)||""}</ul></div></div>`}renderSelectedOrPlaceholderIcon(){let{open:e,placeholderIcon:t,placeholderIconFlipRtl:i,selectedItems:s}=this,l=s[0],a=l?.icon,n=t&&(e||!l);return this.showingInlineIcon&&w("selected-placeholder-icon",m`<span class=${d(o.iconStart)}><calcite-icon class=${d({[o.selectedIcon]:!n,[o.placeholderIcon]:n})} .flipRtl=${n?i:l.iconFlipRtl} .icon=${n?t:a} .scale=${L(this.scale)}></calcite-icon></span>`)||""}renderChevronIcon(){let{open:e}=this;return w("chevron",m`<span class=${d(o.iconEnd)}><calcite-icon class=${d(o.icon)} .icon=${e?_.chevronUp:_.chevronDown} .scale=${L(this.scale)}></calcite-icon></span>`)}render(){let{selectionDisplay:e,guid:t,label:i,open:s,readOnly:l}=this,a=D(this.selectionMode),n=e==="all",c=e==="single",r=!a&&e==="fit",v=!a&&!n,h=v&&!r,f=this.items.some(b=>b.selected&&!b.disabled),u=!this.clearDisabled&&this.selectionMode!=="single-persist"&&!!this.value?.length&&f;return this.interactiveContainer({disabled:this.disabled,children:m`${this.labelText&&Ce({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-live=polite class=${d({[o.wrapper]:!0,[o.wrapperSingle]:a||!this.selectedItems.length,[o.wrapperActive]:s})} @click=${this.clickHandler} @keydown=${this.keyDownHandler} ${x(this.setReferenceEl)}>${this.renderSelectedOrPlaceholderIcon()}${w("grid",m`<div class=${d({[o.gridInput]:!0,[o.selectionDisplayFit]:r,[o.selectionDisplaySingle]:c})} ${x(this.setChipContainerEl)}>${!a&&!c&&this.renderChips()||""}${!a&&!c&&this.selectAllEnabled&&n&&this.renderAllSelectedIndicatorChip()||""}${h&&this.renderSelectedIndicatorChip()||""}${h&&this.renderSelectedIndicatorChipCompact()||""}${v&&this.renderAllSelectedIndicatorChip()||""}<label class=${d(o.screenReadersOnly)} .htmlFor=${`${p.input(t)}`} .id=${`${p.label(t)}`}>${i}</label>${this.renderInput()}</div>`)}${!l&&u?Ae({ariaLabel:this.messages.clear,disabled:this.disabled,ref:this.clearButtonRef,scale:this.scale,title:this.messages.clear}):null}${!l&&this.renderChevronIcon()||""}</div><ul aria-labelledby=${`${p.label(t)}`} aria-multiselectable=true class=${d(o.screenReadersOnly)} .id=${`${p.listbox(t)}`} role=listbox tabindex=-1>${this.renderListBoxOptions()}</ul>${this.renderFloatingUIContainer()}${this.validationMessage&&this.status==="invalid"?ye({icon:this.validationIcon,id:p.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};ae("calcite-combobox",J);export{J as Combobox};
package/dist/cdn/{3JVMYXOC.js → QCK2MWTK.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{j as m}from"./ZLY4AI4O.js";import"./YP3AYJH3.js";import{a as O}from"./VI7SBYXT.js";import{a as P}from"./XEDH2KRM.js";import{b as f}from"./ZWPNZ5XW.js";import"./SLXOGLQG.js";import"./ZTOH6K4N.js";import{E as b,F as h,G as T,H as c,S as A,g as z,h as n,l as x,m as k,p as u}from"./GYHJQTDE.js";function N(){return navigator.userAgentData}function D(){if(!1)return"";let g=N();return g?.brands?g.brands.map(({brand:e,version:t})=>`${e}/${t}`).join(" "):navigator.userAgent}var l={bordered:"bordered",striped:"striped",selectionArea:"selection-area",paginationArea:"pagination-area",container:"container",tableContainer:"table-container",tableContainerOverflow:"table-container--overflow",tableFixed:"table--fixed",assistiveText:"assistive-text",selectionActions:"selection-actions",dismissButton:"dismiss-button",selectionChipActive:"selection-chip--active",selectionCountChip:"selection-chip",selectionOutOfViewChip:"selection-chip--out-of-view"},w={selectionActions:"selection-actions",tableHeader:"table-header",tableFooter:"table-footer"},H={hideEmpty:"hide-empty",clear:"x"},V=z`@charset "UTF-8";:host{display:flex;--calcite-internal-table-border-collapse: collapse}:host([scale=s]){--calcite-internal-table-cell-padding: .25rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--2);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-table-cell-padding: .5rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--1);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--2)}:host(:is([scale=s],[scale=m])){--calcite-internal-table-selection-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-table-selection-action-spacing: var(--calcite-spacing-xs);--calcite-internal-table-cell-padding: 1rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size-0);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--1)}:host([sticky-header]){--calcite-internal-table-border-collapse: separate;--calcite-internal-table-header-border-block-end-width: 0;--calcite-internal-table-sticky-header-border-shadow: inset 0 calc(-1 * var(--calcite-border-width-sm)) 0 0 var(--calcite-table-header-border-color, var(--calcite-table-border-color, var(--calcite-color-border-2)))}:host([sticky-header]) .table-container{position:relative}.container{display:flex;flex-direction:column;inline-size:var(--calcite-container-size-content-fluid);block-size:var(--calcite-container-size-content-fluid)}.table-container{white-space:nowrap;line-height:var(--calcite-font-line-height-relative-tight);border:var(--calcite-border-width-sm) solid var(--calcite-table-border-color, var(--calcite-color-border-2));border-radius:var(--calcite-table-corner-radius, var(--calcite-corner-radius-sharp));box-shadow:var(--calcite-table-shadow, var(--calcite-shadow-none));overflow:auto}.table-container--overflow{overscroll-behavior-y:none}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}table{border-collapse:var(--calcite-internal-table-border-collapse);border-spacing:0;inline-size:var(--calcite-container-size-content-fluid)}@-moz-document url-prefix(){table{border-collapse:separate;border-spacing:0}}.table--fixed{table-layout:fixed}.bordered ::slotted(calcite-table-row){--calcite-table-row-border-color: var(--calcite-table-border-color, var(--calcite-color-border-2))}.striped ::slotted(calcite-table-row:nth-child(2n+1)){--calcite-table-row-background-color: var( --calcite-table-row-background-color-striped, var(--calcite-color-foreground-2) )}.selection-actions{display:flex;flex-direction:row;gap:var(--calcite-internal-table-selection-action-spacing);margin-inline-start:auto}.selection-area{display:flex;flex-direction:row;align-items:center;padding-block:var(--calcite-internal-table-cell-padding)}.selection-area calcite-chip:last-of-type{margin-inline-end:.5rem}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:.5rem}.selection-area calcite-button{margin-inline-end:1rem}.selection-chip{--calcite-chip-background-color: var(--calcite-table-selection-chip-background-color);--calcite-chip-border-color: var(--calcite-table-selection-chip-border-color);--calcite-chip-corner-radius: var(--calcite-table-selection-chip-corner-radius);--calcite-chip-shadow: var(--calcite-table-selection-chip-shadow);--calcite-chip-text-color: var(--calcite-table-selection-chip-text-color)}.selection-chip.selection-chip--active{--calcite-chip-background-color: var(--calcite-table-selection-chip-background-color-selected);--calcite-chip-border-color: var(--calcite-table-selection-chip-border-color-selected);--calcite-chip-text-color: var(--calcite-table-selection-chip-text-color-selected)}.selection-chip--out-of-view{--calcite-chip-background-color: var(--calcite-table-selection-out-of-view-chip-background-color);--calcite-chip-border-color: var(--calcite-table-selection-out-of-view-chip-border-color);--calcite-chip-corner-radius: var(--calcite-table-selection-out-of-view-chip-corner-radius);--calcite-chip-shadow: var(--calcite-table-selection-out-of-view-chip-shadow);--calcite-chip-text-color: var(--calcite-table-selection-out-of-view-chip-text-color);--calcite-chip-icon-color: var(--calcite-table-selection-out-of-view-chip-icon-color)}.pagination-area{display:flex;inline-size:100%;flex-direction:row;justify-content:center;padding-block:var(--calcite-internal-table-cell-padding)}calcite-pagination{flex:1;justify-content:center;--calcite-pagination-color: var(--calcite-table-pagination-color);--calcite-pagination-color-hover: var(--calcite-table-pagination-color-hover);--calcite-pagination-color-border-hover: var(--calcite-table-pagination-color-border-hover);--calcite-pagination-color-border-active: var(--calcite-table-pagination-color-border-active);--calcite-pagination-background-color: var(--calcite-table-pagination-background-color);--calcite-pagination-icon-color-background-hover: var(--calcite-table-pagination-icon-color-background-hover)}.dismiss-button{margin-inline-end:1rem;--calcite-button-background-color: var(--calcite-table-selection-dismiss-button-background-color);--calcite-button-border-color: var(--calcite-table-selection-dismiss-button-border-color);--calcite-button-corner-radius: var(--calcite-table-selection-dismiss-button-corner-radius);--calcite-button-shadow: var(--calcite-table-selection-dismiss-button-shadow);--calcite-button-text-color: var(--calcite-table-selection-dismiss-button-text-color)}.dismiss-button:hover{--calcite-button-background-color: var(--calcite-table-selection-dismiss-button-background-color-hover);--calcite-button-border-color: var(--calcite-table-selection-dismiss-button-border-color-hover);--calcite-button-text-color: var(--calcite-table-selection-dismiss-button-text-color-hover)}.dismiss-button:active{--calcite-button-background-color: var(--calcite-table-selection-dismiss-button-background-color-active);--calcite-button-border-color: var(--calcite-table-selection-dismiss-button-border-color-active);--calcite-button-text-color: var(--calcite-table-selection-dismiss-button-text-color-active)}:host([hidden]){display:none}[hidden]{display:none}`,y=class extends T{constructor(){super(),this.allRows=[],this.bodyRows=[],this.footRows=[],this.headRows=[],this.paginationRef=b(),this.tableContainerRef=b(),this.tableEl=null,this.tableBodySlotRef=b(),this.tableFootSlotRef=b(),this.tableHeadSlotRef=b(),this.tableContainerOverflowAnimationFrame=null,this.tableContainerResizeObserver=O("resize",()=>this.scheduleTableContainerOverflowUpdate()),this.messages=P({blocking:!0}),this.colCount=0,this.pageStartRow=1,this.readCellContentsToAT=!1,this.selectedCount=0,this.tableContainerHasOverflow=!1,this._selectedItems=[],this.bordered=!1,this.currentPage=0,this.groupSeparator=!1,this.interactionMode="interactive",this.layout="auto",this.numbered=!1,this.pageSize=0,this.scale="m",this.selectionDisplay="top",this.selectionMode="none",this.striped=!1,this.stickyHeader=!1,this.calciteInternalTableRowFocusChange=u({cancelable:!1}),this.calciteTablePageChange=u({cancelable:!1}),this.calciteTableSelect=u({cancelable:!1}),this.listen("calciteTableRowSelect",this.calciteTableRowSelectListener),this.listen("calciteInternalTableRowSelect",this.calciteInternalTableRowSelectListener),this.listen("calciteInternalTableRowFocusRequest",this.calciteInternalTableRowFocusEvent)}static{this.properties={colCount:[16,{},{state:!0}],pageStartRow:[16,{},{state:!0}],readCellContentsToAT:[16,{},{state:!0}],selectedCount:[16,{},{state:!0}],tableContainerHasOverflow:[16,{},{state:!0}],_selectedItems:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],caption:1,currentPage:[11,{},{reflect:!0,type:Number}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],interactionMode:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],numbered:[7,{},{reflect:!0,type:Boolean}],numberingSystem:[3,{},{reflect:!0}],pageSize:[11,{},{reflect:!0,type:Number}],scale:[3,{},{reflect:!0}],selectedItems:[32,{},{attribute:!1,readOnly:!0}],selectionDisplay:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],striped:[7,{},{reflect:!0,type:Boolean}],stickyHeader:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=V}get selectedItems(){return this._selectedItems}async load(){this.readCellContentsToAT=/safari/i.test(D()),this.listenOn(this.el.shadowRoot,"slotchange",this.handleSlotChange)}disconnectedCallback(){super.disconnectedCallback(),this.tableContainerOverflowAnimationFrame!==null&&(cancelAnimationFrame(this.tableContainerOverflowAnimationFrame),this.tableContainerOverflowAnimationFrame=null),this.tableContainerResizeObserver?.disconnect()}willUpdate(e){(e.has("groupSeparator")&&(this.hasUpdated||this.groupSeparator!==!1)||e.has("interactionMode")&&(this.hasUpdated||this.interactionMode!=="interactive")||e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("numberingSystem")||e.has("pageSize")&&(this.hasUpdated||this.pageSize!==0)||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||e.has("currentPage")&&(this.hasUpdated||this.currentPage>1)&&this.pageSize>0)&&this.updateRows(),e.has("stickyHeader")&&(this.hasUpdated||this.stickyHeader!==!1)&&(this.allRows?.forEach(t=>{t.stickyHeaderEnabled=this.stickyHeader}),this.stickyHeader?this.applyHeaderRowPositionStyles():this.resetStickyHeaderState())}handleSlotChange(){this.updateRows()}clearStickyHeaderRowStyles(){this.headRows?.forEach(e=>{e.style.removeProperty("--calcite-internal-table-header-offset"),e.style.removeProperty("--calcite-internal-table-header-z-index"),e.style.removeProperty("--calcite-internal-table-header-row-position")})}resetStickyHeaderState(){this.clearStickyHeaderRowStyles()}calciteTableRowSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(e.target)}calciteInternalTableRowSelectListener(e){e.composedPath().includes(this.el)&&(this.updateSelectedItems(!1),e.stopPropagation())}calciteInternalTableRowFocusEvent(e){let t=e.detail.cellPosition,a=e.detail.rowPosition,o=e.detail.destination,r=e.detail.lastCell,i=this.bodyRows?.filter(p=>!f(p)),s=this.allRows?.filter(p=>!f(p)),R=this.headRows[this.headRows.length-1]?.positionAll,S=i[0]?.positionAll,C=i[i.length-1]?.positionAll,$=this.footRows[0]?.positionAll,F=s[s.length-1]?.positionAll,I=o==="next"&&a===R,E=o==="previous"&&a===$,M=o==="previous"&&a===S,B=o==="next"&&a===C,d;switch(o){case"first":d=0;break;case"last":d=F;break;case"next":d=I?S:B?$:a+1;break;case"previous":d=E?C:M?R:a-1;break}let v=this.allRows.find(p=>p.positionAll===d)?.cellCount,U=v&&t>v?v:t;d!==void 0&&this.calciteInternalTableRowFocusChange.emit({cellPosition:U,rowPosition:d,destination:o,lastCell:r})}getSlottedRows(e){return e?e.assignedElements({flatten:!0}).filter(t=>t.matches("calcite-table-row")):[]}observeTableContainer(){this.tableContainerResizeObserver?.disconnect();let e=this.tableContainerRef.value,t=this.tableEl;e&&this.tableContainerResizeObserver?.observe(e),t&&this.tableContainerResizeObserver?.observe(t)}scheduleTableContainerOverflowUpdate(){this.tableContainerOverflowAnimationFrame!==null&&cancelAnimationFrame(this.tableContainerOverflowAnimationFrame),this.tableContainerOverflowAnimationFrame=requestAnimationFrame(()=>{this.tableContainerOverflowAnimationFrame=null,this.updateTableContainerOverflow()})}applyHeaderRowPositionStyles(){this.clearStickyHeaderRowStyles();let e=this.headRows?.[0];e&&(e.style.setProperty("--calcite-internal-table-header-offset","0"),e.style.setProperty("--calcite-internal-table-header-z-index","2"),e.style.setProperty("--calcite-internal-table-header-row-position",this.stickyHeader?"sticky":"static"))}updateTableContainerOverflow(){let e=this.tableContainerRef.value;this.tableContainerHasOverflow=!!e&&(e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth)}updateRows(){let e=this.getSlottedRows(this.tableHeadSlotRef.value),t=this.getSlottedRows(this.tableBodySlotRef.value),a=this.getSlottedRows(this.tableFootSlotRef.value),o=[...e,...t,...a];e.forEach(i=>{let s=e.indexOf(i);i.rowType="head",i.positionSection=s,i.positionSectionLocalized=this.localizeNumber((s+1).toString())}),t.forEach(i=>{let s=t.indexOf(i);i.rowType="body",i.positionSection=s,i.positionSectionLocalized=this.localizeNumber((s+1).toString())}),a.forEach(i=>{let s=a.indexOf(i);i.rowType="foot",i.positionSection=s,i.positionSectionLocalized=this.localizeNumber((s+1).toString())}),o.forEach(i=>{i.interactionMode=this.interactionMode,i.selectionMode=this.selectionMode,i.bodyRowCount=t?.length,i.positionAll=o?.indexOf(i),i.numbered=this.numbered,i.scale=this.scale,i.readCellContentsToAT=this.readCellContentsToAT,i.lastVisibleRow=o?.indexOf(i)===o.length-1});let r=e[0]?.cellCount||0;this.colCount=r,this.headRows=e,this.bodyRows=t,this.footRows=a,this.allRows=o,this.applyHeaderRowPositionStyles(),this.observeTableContainer(),this.scheduleTableContainerOverflowUpdate(),this.handleCurrentPageRange(),this.updateSelectedItems()}handleCurrentPageRange(){let e=this.currentPage,t=this.bodyRows?.length||0,a=this.pageSize>0?Math.ceil(t/this.pageSize):1;if(a>0){let o=Math.min(Math.max(e,1),a);this.currentPage=o,this.pageStartRow=(o-1)*this.pageSize+1}this.paginateRows()}handlePaginationChange(){let e=this.paginationRef.value?.startItem;this.pageStartRow=e||1,this.currentPage=Math.ceil(this.pageStartRow/this.pageSize),this.calciteTablePageChange.emit(),this.updateRows()}paginateRows(){this.bodyRows?.forEach(e=>{let t=e.positionSection+1,a=t>=this.pageStartRow&&t<this.pageStartRow+this.pageSize;e.itemHidden=this.pageSize>0&&!a&&!this.footRows.includes(e),e.lastVisibleRow=t===this.pageStartRow+this.pageSize-1||t===this.bodyRows.length})}async updateSelectedItems(e){let t=this.bodyRows?.filter(a=>a.selected);this._selectedItems=t,this.selectedCount=t?.length,this.allRows?.forEach(a=>{a.selectedRowCount=this.selectedCount,a.selectedRowCountLocalized=this.localizeNumber(this.selectedCount)}),e&&this.calciteTableSelect.emit()}handleDeselectAllRows(){this.bodyRows?.forEach(e=>{e.selected=!1}),this.updateSelectedItems(!0)}setSelectedItems(e){this.bodyRows?.forEach(t=>{e?.rowType==="head"?t.selected=this.selectedCount!==this.bodyRows?.length:t.selected=this.selectionMode==="multiple"||e===t?t.selected:!1}),this.updateSelectedItems(!0)}localizeNumber(e){return m.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},m.localize(e.toString())}renderSelectionArea(){let e=this._selectedItems?.filter(i=>f(i))?.length,t=this.localizeNumber(e?.toString()),o=`${this.localizeNumber(this.selectedCount?.toString())} ${this.messages.selected}`,r=`${t} ${this.messages.hiddenSelected}`;return n`<div class=${c(l.selectionArea)}><calcite-chip class=${c({[l.selectionCountChip]:!0,[l.selectionChipActive]:this.selectedCount>0})} .kind=${this.selectedCount>0?"brand":"neutral"} .label=${o} .scale=${this.scale} .value=${o}>${o}</calcite-chip>${e>0&&n`<calcite-chip class=${c(l.selectionOutOfViewChip)} .icon=${H.hideEmpty} .label=${r} .scale=${this.scale} title=${r??x} .value=${r}>${t}</calcite-chip>`||""}${this.selectedCount>0&&n`<calcite-button class=${c(l.dismissButton)} .iconStart=${H.clear} kind=neutral @click=${this.handleDeselectAllRows} round .scale=${this.scale} .title=${`${this.messages.clear} ${o} ${this.messages.row}`}>${this.messages.clear}</calcite-button>`||""}<div class=${c(l.selectionActions)}><slot name=${w.selectionActions}></slot></div></div>`}renderPaginationArea(){return n`<div class=${c(l.paginationArea)}><calcite-pagination .groupSeparator=${this.groupSeparator} .numberingSystem=${this.numberingSystem} @calcitePaginationChange=${this.handlePaginationChange} .pageSize=${this.pageSize} .scale=${this.scale} .startItem=${this.pageStartRow} .totalItems=${this.bodyRows?.length} ${h(this.paginationRef)}></calcite-pagination></div>`}renderTHead(){return n`<thead><slot name=${w.tableHeader} ${h(this.tableHeadSlotRef)}></slot></thead>`}renderTBody(){return n`<tbody><slot ${h(this.tableBodySlotRef)}></slot></tbody>`}renderTFoot(){return n`<tfoot><slot name=${w.tableFooter} ${h(this.tableFootSlotRef)}></slot></tfoot>`}render(){return n`<div class=${c(l.container)}>${this.selectionMode!=="none"&&this.selectionDisplay!=="none"&&this.renderSelectionArea()||""}<div class=${c({[l.bordered]:this.bordered,[l.striped]:this.striped,[l.tableContainer]:!0,[l.tableContainerOverflow]:this.tableContainerHasOverflow})} ${h(this.tableContainerRef)}><table .ariaColCount=${this.colCount} .ariaMultiSelectable=${this.selectionMode==="multiple"?"true":void 0} .ariaRowCount=${this.allRows?.length} class=${c({[l.tableFixed]:this.layout==="fixed"})} .role=${this.interactionMode==="interactive"?"grid":"table"} ${h(e=>{e&&(this.tableEl=e,k(n`<caption class=${c(l.assistiveText)}>${this.caption}</caption>${this.renderTHead()}${this.renderTBody()}${this.renderTFoot()}`,e))})}></table></div>${this.pageSize>0&&this.renderPaginationArea()||""}</div>`}};A("calcite-table",y);export{y as Table};
2
+ import{j as m}from"./B55YECTU.js";import"./YP3AYJH3.js";import{a as O}from"./VI7SBYXT.js";import{a as P}from"./T3DRXPGG.js";import{b as f}from"./ZWPNZ5XW.js";import"./YBUVMHQW.js";import"./K4O4I3A5.js";import{E as b,F as h,G as T,H as c,S as A,g as z,h as n,l as x,m as k,p as u}from"./YE7FX543.js";function N(){return navigator.userAgentData}function D(){if(!1)return"";let g=N();return g?.brands?g.brands.map(({brand:e,version:t})=>`${e}/${t}`).join(" "):navigator.userAgent}var l={bordered:"bordered",striped:"striped",selectionArea:"selection-area",paginationArea:"pagination-area",container:"container",tableContainer:"table-container",tableContainerOverflow:"table-container--overflow",tableFixed:"table--fixed",assistiveText:"assistive-text",selectionActions:"selection-actions",dismissButton:"dismiss-button",selectionChipActive:"selection-chip--active",selectionCountChip:"selection-chip",selectionOutOfViewChip:"selection-chip--out-of-view"},w={selectionActions:"selection-actions",tableHeader:"table-header",tableFooter:"table-footer"},H={hideEmpty:"hide-empty",clear:"x"},V=z`@charset "UTF-8";:host{display:flex;--calcite-internal-table-border-collapse: collapse}:host([scale=s]){--calcite-internal-table-cell-padding: .25rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--2);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-table-cell-padding: .5rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--1);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--2)}:host(:is([scale=s],[scale=m])){--calcite-internal-table-selection-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-table-selection-action-spacing: var(--calcite-spacing-xs);--calcite-internal-table-cell-padding: 1rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size-0);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--1)}:host([sticky-header]){--calcite-internal-table-border-collapse: separate;--calcite-internal-table-header-border-block-end-width: 0;--calcite-internal-table-sticky-header-border-shadow: inset 0 calc(-1 * var(--calcite-border-width-sm)) 0 0 var(--calcite-table-header-border-color, var(--calcite-table-border-color, var(--calcite-color-border-2)))}:host([sticky-header]) .table-container{position:relative}.container{display:flex;flex-direction:column;inline-size:var(--calcite-container-size-content-fluid);block-size:var(--calcite-container-size-content-fluid)}.table-container{white-space:nowrap;line-height:var(--calcite-font-line-height-relative-tight);border:var(--calcite-border-width-sm) solid var(--calcite-table-border-color, var(--calcite-color-border-2));border-radius:var(--calcite-table-corner-radius, var(--calcite-corner-radius-sharp));box-shadow:var(--calcite-table-shadow, var(--calcite-shadow-none));overflow:auto}.table-container--overflow{overscroll-behavior-y:none}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}table{border-collapse:var(--calcite-internal-table-border-collapse);border-spacing:0;inline-size:var(--calcite-container-size-content-fluid)}@-moz-document url-prefix(){table{border-collapse:separate;border-spacing:0}}.table--fixed{table-layout:fixed}.bordered ::slotted(calcite-table-row){--calcite-table-row-border-color: var(--calcite-table-border-color, var(--calcite-color-border-2))}.striped ::slotted(calcite-table-row:nth-child(2n+1)){--calcite-table-row-background-color: var( --calcite-table-row-background-color-striped, var(--calcite-color-foreground-2) )}.selection-actions{display:flex;flex-direction:row;gap:var(--calcite-internal-table-selection-action-spacing);margin-inline-start:auto}.selection-area{display:flex;flex-direction:row;align-items:center;padding-block:var(--calcite-internal-table-cell-padding)}.selection-area calcite-chip:last-of-type{margin-inline-end:.5rem}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:.5rem}.selection-area calcite-button{margin-inline-end:1rem}.selection-chip{--calcite-chip-background-color: var(--calcite-table-selection-chip-background-color);--calcite-chip-border-color: var(--calcite-table-selection-chip-border-color);--calcite-chip-corner-radius: var(--calcite-table-selection-chip-corner-radius);--calcite-chip-shadow: var(--calcite-table-selection-chip-shadow);--calcite-chip-text-color: var(--calcite-table-selection-chip-text-color)}.selection-chip.selection-chip--active{--calcite-chip-background-color: var(--calcite-table-selection-chip-background-color-selected);--calcite-chip-border-color: var(--calcite-table-selection-chip-border-color-selected);--calcite-chip-text-color: var(--calcite-table-selection-chip-text-color-selected)}.selection-chip--out-of-view{--calcite-chip-background-color: var(--calcite-table-selection-out-of-view-chip-background-color);--calcite-chip-border-color: var(--calcite-table-selection-out-of-view-chip-border-color);--calcite-chip-corner-radius: var(--calcite-table-selection-out-of-view-chip-corner-radius);--calcite-chip-shadow: var(--calcite-table-selection-out-of-view-chip-shadow);--calcite-chip-text-color: var(--calcite-table-selection-out-of-view-chip-text-color);--calcite-chip-icon-color: var(--calcite-table-selection-out-of-view-chip-icon-color)}.pagination-area{display:flex;inline-size:100%;flex-direction:row;justify-content:center;padding-block:var(--calcite-internal-table-cell-padding)}calcite-pagination{flex:1;justify-content:center;--calcite-pagination-color: var(--calcite-table-pagination-color);--calcite-pagination-color-hover: var(--calcite-table-pagination-color-hover);--calcite-pagination-color-border-hover: var(--calcite-table-pagination-color-border-hover);--calcite-pagination-color-border-active: var(--calcite-table-pagination-color-border-active);--calcite-pagination-background-color: var(--calcite-table-pagination-background-color);--calcite-pagination-icon-color-background-hover: var(--calcite-table-pagination-icon-color-background-hover)}.dismiss-button{margin-inline-end:1rem;--calcite-button-background-color: var(--calcite-table-selection-dismiss-button-background-color);--calcite-button-border-color: var(--calcite-table-selection-dismiss-button-border-color);--calcite-button-corner-radius: var(--calcite-table-selection-dismiss-button-corner-radius);--calcite-button-shadow: var(--calcite-table-selection-dismiss-button-shadow);--calcite-button-text-color: var(--calcite-table-selection-dismiss-button-text-color)}.dismiss-button:hover{--calcite-button-background-color: var(--calcite-table-selection-dismiss-button-background-color-hover);--calcite-button-border-color: var(--calcite-table-selection-dismiss-button-border-color-hover);--calcite-button-text-color: var(--calcite-table-selection-dismiss-button-text-color-hover)}.dismiss-button:active{--calcite-button-background-color: var(--calcite-table-selection-dismiss-button-background-color-active);--calcite-button-border-color: var(--calcite-table-selection-dismiss-button-border-color-active);--calcite-button-text-color: var(--calcite-table-selection-dismiss-button-text-color-active)}:host([hidden]){display:none}[hidden]{display:none}`,y=class extends T{constructor(){super(),this.allRows=[],this.bodyRows=[],this.footRows=[],this.headRows=[],this.paginationRef=b(),this.tableContainerRef=b(),this.tableEl=null,this.tableBodySlotRef=b(),this.tableFootSlotRef=b(),this.tableHeadSlotRef=b(),this.tableContainerOverflowAnimationFrame=null,this.tableContainerResizeObserver=O("resize",()=>this.scheduleTableContainerOverflowUpdate()),this.messages=P({blocking:!0}),this.colCount=0,this.pageStartRow=1,this.readCellContentsToAT=!1,this.selectedCount=0,this.tableContainerHasOverflow=!1,this._selectedItems=[],this.bordered=!1,this.currentPage=0,this.groupSeparator=!1,this.interactionMode="interactive",this.layout="auto",this.numbered=!1,this.pageSize=0,this.scale="m",this.selectionDisplay="top",this.selectionMode="none",this.striped=!1,this.stickyHeader=!1,this.calciteInternalTableRowFocusChange=u({cancelable:!1}),this.calciteTablePageChange=u({cancelable:!1}),this.calciteTableSelect=u({cancelable:!1}),this.listen("calciteTableRowSelect",this.calciteTableRowSelectListener),this.listen("calciteInternalTableRowSelect",this.calciteInternalTableRowSelectListener),this.listen("calciteInternalTableRowFocusRequest",this.calciteInternalTableRowFocusEvent)}static{this.properties={colCount:[16,{},{state:!0}],pageStartRow:[16,{},{state:!0}],readCellContentsToAT:[16,{},{state:!0}],selectedCount:[16,{},{state:!0}],tableContainerHasOverflow:[16,{},{state:!0}],_selectedItems:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],caption:1,currentPage:[11,{},{reflect:!0,type:Number}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],interactionMode:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],numbered:[7,{},{reflect:!0,type:Boolean}],numberingSystem:[3,{},{reflect:!0}],pageSize:[11,{},{reflect:!0,type:Number}],scale:[3,{},{reflect:!0}],selectedItems:[32,{},{attribute:!1,readOnly:!0}],selectionDisplay:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],striped:[7,{},{reflect:!0,type:Boolean}],stickyHeader:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=V}get selectedItems(){return this._selectedItems}async load(){this.readCellContentsToAT=/safari/i.test(D()),this.listenOn(this.el.shadowRoot,"slotchange",this.handleSlotChange)}disconnectedCallback(){super.disconnectedCallback(),this.tableContainerOverflowAnimationFrame!==null&&(cancelAnimationFrame(this.tableContainerOverflowAnimationFrame),this.tableContainerOverflowAnimationFrame=null),this.tableContainerResizeObserver?.disconnect()}willUpdate(e){(e.has("groupSeparator")&&(this.hasUpdated||this.groupSeparator!==!1)||e.has("interactionMode")&&(this.hasUpdated||this.interactionMode!=="interactive")||e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("numberingSystem")||e.has("pageSize")&&(this.hasUpdated||this.pageSize!==0)||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||e.has("currentPage")&&(this.hasUpdated||this.currentPage>1)&&this.pageSize>0)&&this.updateRows(),e.has("stickyHeader")&&(this.hasUpdated||this.stickyHeader!==!1)&&(this.allRows?.forEach(t=>{t.stickyHeaderEnabled=this.stickyHeader}),this.stickyHeader?this.applyHeaderRowPositionStyles():this.resetStickyHeaderState())}handleSlotChange(){this.updateRows()}clearStickyHeaderRowStyles(){this.headRows?.forEach(e=>{e.style.removeProperty("--calcite-internal-table-header-offset"),e.style.removeProperty("--calcite-internal-table-header-z-index"),e.style.removeProperty("--calcite-internal-table-header-row-position")})}resetStickyHeaderState(){this.clearStickyHeaderRowStyles()}calciteTableRowSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(e.target)}calciteInternalTableRowSelectListener(e){e.composedPath().includes(this.el)&&(this.updateSelectedItems(!1),e.stopPropagation())}calciteInternalTableRowFocusEvent(e){let t=e.detail.cellPosition,a=e.detail.rowPosition,o=e.detail.destination,r=e.detail.lastCell,i=this.bodyRows?.filter(p=>!f(p)),s=this.allRows?.filter(p=>!f(p)),R=this.headRows[this.headRows.length-1]?.positionAll,S=i[0]?.positionAll,C=i[i.length-1]?.positionAll,$=this.footRows[0]?.positionAll,F=s[s.length-1]?.positionAll,I=o==="next"&&a===R,E=o==="previous"&&a===$,M=o==="previous"&&a===S,B=o==="next"&&a===C,d;switch(o){case"first":d=0;break;case"last":d=F;break;case"next":d=I?S:B?$:a+1;break;case"previous":d=E?C:M?R:a-1;break}let v=this.allRows.find(p=>p.positionAll===d)?.cellCount,U=v&&t>v?v:t;d!==void 0&&this.calciteInternalTableRowFocusChange.emit({cellPosition:U,rowPosition:d,destination:o,lastCell:r})}getSlottedRows(e){return e?e.assignedElements({flatten:!0}).filter(t=>t.matches("calcite-table-row")):[]}observeTableContainer(){this.tableContainerResizeObserver?.disconnect();let e=this.tableContainerRef.value,t=this.tableEl;e&&this.tableContainerResizeObserver?.observe(e),t&&this.tableContainerResizeObserver?.observe(t)}scheduleTableContainerOverflowUpdate(){this.tableContainerOverflowAnimationFrame!==null&&cancelAnimationFrame(this.tableContainerOverflowAnimationFrame),this.tableContainerOverflowAnimationFrame=requestAnimationFrame(()=>{this.tableContainerOverflowAnimationFrame=null,this.updateTableContainerOverflow()})}applyHeaderRowPositionStyles(){this.clearStickyHeaderRowStyles();let e=this.headRows?.[0];e&&(e.style.setProperty("--calcite-internal-table-header-offset","0"),e.style.setProperty("--calcite-internal-table-header-z-index","2"),e.style.setProperty("--calcite-internal-table-header-row-position",this.stickyHeader?"sticky":"static"))}updateTableContainerOverflow(){let e=this.tableContainerRef.value;this.tableContainerHasOverflow=!!e&&(e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth)}updateRows(){let e=this.getSlottedRows(this.tableHeadSlotRef.value),t=this.getSlottedRows(this.tableBodySlotRef.value),a=this.getSlottedRows(this.tableFootSlotRef.value),o=[...e,...t,...a];e.forEach(i=>{let s=e.indexOf(i);i.rowType="head",i.positionSection=s,i.positionSectionLocalized=this.localizeNumber((s+1).toString())}),t.forEach(i=>{let s=t.indexOf(i);i.rowType="body",i.positionSection=s,i.positionSectionLocalized=this.localizeNumber((s+1).toString())}),a.forEach(i=>{let s=a.indexOf(i);i.rowType="foot",i.positionSection=s,i.positionSectionLocalized=this.localizeNumber((s+1).toString())}),o.forEach(i=>{i.interactionMode=this.interactionMode,i.selectionMode=this.selectionMode,i.bodyRowCount=t?.length,i.positionAll=o?.indexOf(i),i.numbered=this.numbered,i.scale=this.scale,i.readCellContentsToAT=this.readCellContentsToAT,i.lastVisibleRow=o?.indexOf(i)===o.length-1});let r=e[0]?.cellCount||0;this.colCount=r,this.headRows=e,this.bodyRows=t,this.footRows=a,this.allRows=o,this.applyHeaderRowPositionStyles(),this.observeTableContainer(),this.scheduleTableContainerOverflowUpdate(),this.handleCurrentPageRange(),this.updateSelectedItems()}handleCurrentPageRange(){let e=this.currentPage,t=this.bodyRows?.length||0,a=this.pageSize>0?Math.ceil(t/this.pageSize):1;if(a>0){let o=Math.min(Math.max(e,1),a);this.currentPage=o,this.pageStartRow=(o-1)*this.pageSize+1}this.paginateRows()}handlePaginationChange(){let e=this.paginationRef.value?.startItem;this.pageStartRow=e||1,this.currentPage=Math.ceil(this.pageStartRow/this.pageSize),this.calciteTablePageChange.emit(),this.updateRows()}paginateRows(){this.bodyRows?.forEach(e=>{let t=e.positionSection+1,a=t>=this.pageStartRow&&t<this.pageStartRow+this.pageSize;e.itemHidden=this.pageSize>0&&!a&&!this.footRows.includes(e),e.lastVisibleRow=t===this.pageStartRow+this.pageSize-1||t===this.bodyRows.length})}async updateSelectedItems(e){let t=this.bodyRows?.filter(a=>a.selected);this._selectedItems=t,this.selectedCount=t?.length,this.allRows?.forEach(a=>{a.selectedRowCount=this.selectedCount,a.selectedRowCountLocalized=this.localizeNumber(this.selectedCount)}),e&&this.calciteTableSelect.emit()}handleDeselectAllRows(){this.bodyRows?.forEach(e=>{e.selected=!1}),this.updateSelectedItems(!0)}setSelectedItems(e){this.bodyRows?.forEach(t=>{e?.rowType==="head"?t.selected=this.selectedCount!==this.bodyRows?.length:t.selected=this.selectionMode==="multiple"||e===t?t.selected:!1}),this.updateSelectedItems(!0)}localizeNumber(e){return m.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},m.localize(e.toString())}renderSelectionArea(){let e=this._selectedItems?.filter(i=>f(i))?.length,t=this.localizeNumber(e?.toString()),o=`${this.localizeNumber(this.selectedCount?.toString())} ${this.messages.selected}`,r=`${t} ${this.messages.hiddenSelected}`;return n`<div class=${c(l.selectionArea)}><calcite-chip class=${c({[l.selectionCountChip]:!0,[l.selectionChipActive]:this.selectedCount>0})} .kind=${this.selectedCount>0?"brand":"neutral"} .label=${o} .scale=${this.scale} .value=${o}>${o}</calcite-chip>${e>0&&n`<calcite-chip class=${c(l.selectionOutOfViewChip)} .icon=${H.hideEmpty} .label=${r} .scale=${this.scale} title=${r??x} .value=${r}>${t}</calcite-chip>`||""}${this.selectedCount>0&&n`<calcite-button class=${c(l.dismissButton)} .iconStart=${H.clear} kind=neutral @click=${this.handleDeselectAllRows} round .scale=${this.scale} .title=${`${this.messages.clear} ${o} ${this.messages.row}`}>${this.messages.clear}</calcite-button>`||""}<div class=${c(l.selectionActions)}><slot name=${w.selectionActions}></slot></div></div>`}renderPaginationArea(){return n`<div class=${c(l.paginationArea)}><calcite-pagination .groupSeparator=${this.groupSeparator} .numberingSystem=${this.numberingSystem} @calcitePaginationChange=${this.handlePaginationChange} .pageSize=${this.pageSize} .scale=${this.scale} .startItem=${this.pageStartRow} .totalItems=${this.bodyRows?.length} ${h(this.paginationRef)}></calcite-pagination></div>`}renderTHead(){return n`<thead><slot name=${w.tableHeader} ${h(this.tableHeadSlotRef)}></slot></thead>`}renderTBody(){return n`<tbody><slot ${h(this.tableBodySlotRef)}></slot></tbody>`}renderTFoot(){return n`<tfoot><slot name=${w.tableFooter} ${h(this.tableFootSlotRef)}></slot></tfoot>`}render(){return n`<div class=${c(l.container)}>${this.selectionMode!=="none"&&this.selectionDisplay!=="none"&&this.renderSelectionArea()||""}<div class=${c({[l.bordered]:this.bordered,[l.striped]:this.striped,[l.tableContainer]:!0,[l.tableContainerOverflow]:this.tableContainerHasOverflow})} ${h(this.tableContainerRef)}><table .ariaColCount=${this.colCount} .ariaMultiSelectable=${this.selectionMode==="multiple"?"true":void 0} .ariaRowCount=${this.allRows?.length} class=${c({[l.tableFixed]:this.layout==="fixed"})} .role=${this.interactionMode==="interactive"?"grid":"table"} ${h(e=>{e&&(this.tableEl=e,k(n`<caption class=${c(l.assistiveText)}>${this.caption}</caption>${this.renderTHead()}${this.renderTBody()}${this.renderTFoot()}`,e))})}></table></div>${this.pageSize>0&&this.renderPaginationArea()||""}</div>`}};A("calcite-table",y);export{y as Table};
package/dist/cdn/{C6VPC36M.js → QT3J2A2Q.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as D}from"./3RRQA2FI.js";import{a as P}from"./LSYCKJVH.js";import{b as I}from"./SQIK6UYZ.js";import{a as z}from"./5S2UFHFC.js";import{a as o,b as t,c as d,d as b}from"./UWAER5W3.js";import{a as O}from"./P2M56OT6.js";import"./DD6HKLEH.js";import{a as w}from"./RG2RKIDH.js";import{a as p}from"./ATKSPCQC.js";import"./5EBGPCB7.js";import{a as v}from"./PXHOVMKD.js";import{a as E}from"./XEDH2KRM.js";import{a as B}from"./UO7DMOAA.js";import{a as g}from"./ZWPNZ5XW.js";import"./SLXOGLQG.js";import"./ZTOH6K4N.js";import{s as r,t as H}from"./MR3JPLGQ.js";import{F as S,G as C,H as a,S as y,g as x,h as i,l as m,p as c}from"./GYHJQTDE.js";var Y=x`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .header{gap:var(--calcite-spacing-sm)}:host([scale=s]) .icon-end-container{gap:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size-sm)}:host([scale=s]) .description{font-size:var(--calcite-font-size-xs)}:host([scale=s]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xxs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-sm);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-xxs)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-sm)) )}:host([scale=m]) .header{gap:var(--calcite-spacing-md)}:host([scale=m]) .icon-end-container{gap:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .heading{font-size:var(--calcite-font-size)}:host([scale=m]) .description{font-size:var(--calcite-font-size-sm)}:host([scale=m]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xxs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-md);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-sm)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-md)) )}:host([scale=l]) .header{gap:var(--calcite-spacing-lg)}:host([scale=l]) .icon-end-container{gap:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-md)}:host([scale=l]) .description{font-size:var(--calcite-font-size)}:host([scale=l]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-lg);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-md)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-lg)) )}:host{display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;padding:0;transition-property:margin;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.215,.44,.42,.88);flex-basis:auto;border-color:var(--calcite-block-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{justify-content:flex-start}.header--has-content{padding:var(--calcite-internal-block-header-content-padding)}.header--draggable{padding-inline-start:var(--calcite-spacing-xxs)}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto auto auto;grid-template-areas:"handle header icon-end menu actions-end"}.icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.actions-end{align-items:center;display:flex;gap:var(--calcite-internal-block-actions-spacing);grid-area:actions-end;padding-block:var(--calcite-internal-block-actions-spacing);padding-inline-end:var(--calcite-internal-block-actions-spacing)}.toggle{margin:0;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0;outline-color:transparent;font-family:inherit;text-align:initial;background-color:var(--calcite-block-header-background-color, transparent)}.toggle:hover{background-color:var(--calcite-block-header-background-color-hover, var(--calcite-color-foreground-2))}.toggle:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.toggle:active{background-color:var(--calcite-block-header-background-color-press, var(--calcite-color-foreground-3))}calcite-loader[inline]{align-self:center}calcite-sort-handle{align-self:center;grid-area:handle;margin-block:var(--calcite-internal-block-actions-spacing);padding-inline-start:var(--calcite-spacing-xxs)}.title{display:flex;flex-direction:column}.header .title .heading{padding:0;word-wrap:break-word;word-break:break-word;color:var(--calcite-block-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-font-line-height-relative-snug)}.description{padding:0;word-wrap:break-word;word-break:break-word;color:var(--calcite-block-description-text-color, var(--calcite-color-text-3));font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-snug)}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;grid-area:icon-end}.toggle-icon{align-self:center;justify-self:end;transition-property:color;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);color:var(--calcite-block-collapsible-icon-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.toggle:hover .toggle-icon{color:var(--calcite-block-collapsible-icon-color-hover, var(--calcite-block-icon-color-hover, var(--calcite-color-text-1)))}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;min-block-size:0px;flex:1 1 0%;opacity:0;padding-block:var(--calcite-internal-block-padding-block);padding-inline:var(--calcite-internal-block-padding-inline);transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.content-end,.content-start{display:flex;align-items:center;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}calcite-action-menu{align-self:center;grid-area:menu;margin-inline-end:var(--calcite-internal-block-actions-spacing)}:host([expanded]){margin-block:.5rem}:host([expanded]) .header .title .heading{color:var(--calcite-block-heading-text-color, var(--calcite-block-heading-text-color-press, var(--calcite-color-text-1)));font-weight:var(--calcite-font-weight-medium)}:host([expanded]) .description{color:var(--calcite-block-description-text-color, var(--calcite-color-text-2))}:host([expanded]) .icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .content{opacity:1}@starting-style{:host([expanded]){margin-block-start:0;opacity:0}}:host([expanded][scale=s]){margin-block:var(--calcite-spacing-xxs)}:host([expanded][scale=l]){margin-block:var(--calcite-spacing-md)}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends C{constructor(){super(...arguments),this.transitionProp="margin-top",this.blockSectionChildren=[],this.messages=E(),this.focusSetter=B()(this),this.interactiveContainer=w(this),this.hasContentEnd=!1,this.hasContentStart=!1,this.hasEndActions=!1,this.hasMenuActions=!1,this.collapsible=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.expanded=!1,this.loading=!1,this.menuPlacement=I,this.addToItems=[],this.moveToItems=[],this.sortDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.sortHandleOpen=!1,this.topLayerDisabled=!1,this.calciteBlockBeforeClose=c({cancelable:!1}),this.calciteBlockBeforeOpen=c({cancelable:!1}),this.calciteBlockClose=c({cancelable:!1}),this.calciteBlockCollapse=c({cancelable:!1}),this.calciteBlockExpand=c({cancelable:!1}),this.calciteBlockOpen=c({cancelable:!1}),this.calciteBlockSortHandleBeforeClose=c({cancelable:!1}),this.calciteBlockSortHandleBeforeOpen=c({cancelable:!1}),this.calciteBlockSortHandleClose=c({cancelable:!1}),this.calciteBlockSortHandleOpen=c({cancelable:!1}),this.calciteBlockToggle=c({cancelable:!1}),this.calciteInternalBlockUpdateSortMenuItems=c({cancelable:!1})}static{this.properties={hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],hasEndActions:[16,{},{state:!0}],hasMenuActions:[16,{},{state:!0}],collapsible:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],dragDisabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconEnd:[3,{type:String},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{type:String},{reflect:!0}],loading:[7,{},{reflect:!0,type:Boolean}],label:1,menuFlipPlacements:[0,{},{attribute:!1}],menuPlacement:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],sortDisabled:[5,{},{type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortHandleOpen:[7,{},{reflect:!0,type:Boolean}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[D,Y,P]}get open(){return this.expanded}set open(e){v.deprecated("property",{component:this,name:"open",removalVersion:5,suggested:"expanded"}),this.expanded=e}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.transitionEl=this.el}load(){!this.heading&&!this.label&&v.warn(`${this.el.tagName} is missing both heading & label. Please provide a heading or label for the component to be accessible.`)}willUpdate(e){e.has("expanded")&&(this.hasUpdated||this.expanded!==!1)&&z(this),e.has("sortHandleOpen")&&(this.hasUpdated||this.sortHandleOpen!==!1)&&this.sortHandleOpenHandler(),e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteBlockExpand.emit():this.calciteBlockCollapse.emit()),e.has("scale")&&this.hasUpdated&&this.updateBlockSectionScale()}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}sortHandleOpenHandler(){this.sortHandleEl&&(this.sortHandleEl.open=this.sortHandleOpen)}setSortHandleEl(e){this.sortHandleEl=e,this.sortHandleOpenHandler()}handleSortHandleBeforeOpen(e){e.stopPropagation(),this.calciteBlockSortHandleBeforeOpen.emit()}handleSortHandleBeforeClose(e){e.stopPropagation(),this.calciteBlockSortHandleBeforeClose.emit()}handleSortHandleClose(e){e.stopPropagation(),this.sortHandleOpen=!1,this.calciteBlockSortHandleClose.emit()}handleSortHandleOpen(e){e.stopPropagation(),this.sortHandleOpen=!0,this.calciteBlockSortHandleOpen.emit()}onHeaderClick(){this.expanded=!this.expanded,this.calciteBlockToggle.emit()}menuActionsSlotChangeHandler(e){this.hasMenuActions=r(e)}actionsEndSlotChangeHandler(e){this.hasEndActions=r(e)}handleContentEndSlotChange(e){this.hasContentEnd=r(e)}handleContentStartSlotChange(e){this.hasContentStart=r(e)}handleDefaultSlotChange(e){this.blockSectionChildren=H(e,"calcite-block-section"),this.updateBlockSectionScale()}updateBlockSectionScale(){this.blockSectionChildren.forEach(e=>{e.scale=this.scale})}renderScrim(){let{loading:e}=this,l=i`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`;return[e?i`<calcite-scrim .loading=${e}></calcite-scrim>`:null,l]}renderLoaderStatusIcon(){let{loading:e,messages:l,status:n}=this;return e?p("loader",i`<div class=${a(t.icon)}><calcite-loader inline .label=${l.loading} .scale=${this.scale}></calcite-loader></div>`):n?p("status-icon",i`<div class=${a(t.icon)}><calcite-icon class=${a({[t.statusIcon]:!0,[t.valid]:n=="valid",[t.invalid]:n=="invalid"})} .icon=${b[n]} .scale=${g(this.scale)}></calcite-icon></div>`):null}renderActionsEnd(){return i`<div class=${a(t.actionsEnd)} .hidden=${!this.hasEndActions}><slot name=${d.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderContentEnd(){return i`<div class=${a({[t.iconEndContainer]:!this.iconEnd&&!this.collapsible})} .hidden=${!this.hasContentEnd}><div class=${a(t.contentEnd)}><slot name=${d.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div></div>`}renderContentStart(){return i`<div class=${a(t.contentStart)} .hidden=${!this.hasContentStart}><slot name=${d.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderTitle(){let{heading:e,headingLevel:l,description:n}=this;return e||n?i`<div class=${a(t.title)}>${O({class:t.heading,level:l,children:e})}${n?i`<div class=${a(t.description)}>${n}</div>`:null}</div>`:null}renderIcon(e){let{iconFlipRtl:l}=this,n=l==="both"||e==="start"?l==="start":l==="end",s=e==="start"?this.iconStart:this.iconEnd,h=e==="start"?t.iconStart:t.iconEnd;if(s)return p(s,i`<calcite-icon class=${a(h)} .flipRtl=${n} .icon=${s} .scale=${g(this.scale)}></calcite-icon>`)}render(){let{collapsible:e,loading:l,expanded:n,label:s,heading:h,messages:f,description:A,menuFlipPlacements:T,menuPlacement:L,moveToItems:M,addToItems:F,setPosition:N,setSize:U,dragDisabled:R,sortDisabled:j,iconEnd:k,hasContentEnd:V,hasContentStart:G,iconStart:q,status:J}=this,K=n?f.collapse:f.expand,Q=!!(h||A||V||G||q||l||J),$=i`<header class=${a({[t.header]:!0,[t.headerHasContent]:Q,[t.headerDraggable]:this.dragHandle})} id=${o.header}>${this.renderIcon("start")}${this.renderContentStart()}${this.renderLoaderStatusIcon()}${this.renderTitle()}</header>`,W=n?b.expanded:b.collapsed,X=i`<div class=${a(t.headerContainer)}>${this.dragHandle?i`<calcite-sort-handle .addToItems=${F} .disabled=${R} .label=${h||s} .moveToItems=${M} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${N} .setSize=${U} .sortDisabled=${j} .topLayerDisabled=${this.topLayerDisabled} ${S(this.setSortHandleEl)}></calcite-sort-handle>`:null}${e?i`<button aria-controls=${o.content} aria-describedby=${o.header} .ariaExpanded=${e?n:void 0} class=${a(t.toggle)} id=${o.toggle} @click=${this.onHeaderClick} title=${K??m}>${$}<div class=${a(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}<calcite-icon class=${a(t.toggleIcon)} .icon=${W} .scale=${g(this.scale)}></calcite-icon></div></button>`:$}${k&&!e?i`<div class=${a(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}</div>`:!k&&!e?this.renderContentEnd():null}<calcite-action-menu .flipPlacements=${T??["top","bottom"]} .hidden=${!this.hasMenuActions} .label=${f.options} .overlayPositioning=${this.overlayPositioning} .placement=${L} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled}><slot name=${d.headerMenuActions} @slotchange=${this.menuActionsSlotChangeHandler}></slot></calcite-action-menu>${this.renderActionsEnd()}</div>`;return this.interactiveContainer({disabled:this.disabled,children:i`<article aria-label=${s??m} .ariaBusy=${l} class=${a({[t.container]:!0})}>${X}<section aria-labelledby=${o.toggle} class=${a(t.content)} .hidden=${!n} id=${o.content}>${this.renderScrim()}</section></article>`})}};y("calcite-block",u);export{u as Block};
2
+ import{a as D}from"./K5FXO3QH.js";import{a as P}from"./CBFJM3WF.js";import{b as I}from"./5ZZL6VT5.js";import{a as z}from"./G7QXJNLL.js";import{a as o,b as t,c as d,d as b}from"./UWAER5W3.js";import{a as O}from"./EPT63H4X.js";import"./IPTKGSGY.js";import{a as w}from"./CNCYAYZV.js";import{a as p}from"./SQT2NXTL.js";import"./5EBGPCB7.js";import{a as v}from"./BVZVGHBC.js";import{a as E}from"./T3DRXPGG.js";import{a as B}from"./XTGEBM27.js";import{a as g}from"./ZWPNZ5XW.js";import"./YBUVMHQW.js";import"./K4O4I3A5.js";import{s as r,t as H}from"./L57CN7OS.js";import{F as S,G as C,H as a,S as y,g as x,h as i,l as m,p as c}from"./YE7FX543.js";var Y=x`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .header{gap:var(--calcite-spacing-sm)}:host([scale=s]) .icon-end-container{gap:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size-sm)}:host([scale=s]) .description{font-size:var(--calcite-font-size-xs)}:host([scale=s]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xxs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-sm);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-xxs)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-sm)) )}:host([scale=m]) .header{gap:var(--calcite-spacing-md)}:host([scale=m]) .icon-end-container{gap:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .heading{font-size:var(--calcite-font-size)}:host([scale=m]) .description{font-size:var(--calcite-font-size-sm)}:host([scale=m]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xxs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-md);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-sm)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-md)) )}:host([scale=l]) .header{gap:var(--calcite-spacing-lg)}:host([scale=l]) .icon-end-container{gap:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-md)}:host([scale=l]) .description{font-size:var(--calcite-font-size)}:host([scale=l]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-lg);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-md)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-lg)) )}:host{display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;padding:0;transition-property:margin;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.215,.44,.42,.88);flex-basis:auto;border-color:var(--calcite-block-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{justify-content:flex-start}.header--has-content{padding:var(--calcite-internal-block-header-content-padding)}.header--draggable{padding-inline-start:var(--calcite-spacing-xxs)}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto auto auto;grid-template-areas:"handle header icon-end menu actions-end"}.icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.actions-end{align-items:center;display:flex;gap:var(--calcite-internal-block-actions-spacing);grid-area:actions-end;padding-block:var(--calcite-internal-block-actions-spacing);padding-inline-end:var(--calcite-internal-block-actions-spacing)}.toggle{margin:0;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0;outline-color:transparent;font-family:inherit;text-align:initial;background-color:var(--calcite-block-header-background-color, transparent)}.toggle:hover{background-color:var(--calcite-block-header-background-color-hover, var(--calcite-color-foreground-2))}.toggle:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.toggle:active{background-color:var(--calcite-block-header-background-color-press, var(--calcite-color-foreground-3))}calcite-loader[inline]{align-self:center}calcite-sort-handle{align-self:center;grid-area:handle;margin-block:var(--calcite-internal-block-actions-spacing);padding-inline-start:var(--calcite-spacing-xxs)}.title{display:flex;flex-direction:column}.header .title .heading{padding:0;word-wrap:break-word;word-break:break-word;color:var(--calcite-block-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-font-line-height-relative-snug)}.description{padding:0;word-wrap:break-word;word-break:break-word;color:var(--calcite-block-description-text-color, var(--calcite-color-text-3));font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-snug)}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;grid-area:icon-end}.toggle-icon{align-self:center;justify-self:end;transition-property:color;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);color:var(--calcite-block-collapsible-icon-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.toggle:hover .toggle-icon{color:var(--calcite-block-collapsible-icon-color-hover, var(--calcite-block-icon-color-hover, var(--calcite-color-text-1)))}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;min-block-size:0px;flex:1 1 0%;opacity:0;padding-block:var(--calcite-internal-block-padding-block);padding-inline:var(--calcite-internal-block-padding-inline);transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.content-end,.content-start{display:flex;align-items:center;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}calcite-action-menu{align-self:center;grid-area:menu;margin-inline-end:var(--calcite-internal-block-actions-spacing)}:host([expanded]){margin-block:.5rem}:host([expanded]) .header .title .heading{color:var(--calcite-block-heading-text-color, var(--calcite-block-heading-text-color-press, var(--calcite-color-text-1)));font-weight:var(--calcite-font-weight-medium)}:host([expanded]) .description{color:var(--calcite-block-description-text-color, var(--calcite-color-text-2))}:host([expanded]) .icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .content{opacity:1}@starting-style{:host([expanded]){margin-block-start:0;opacity:0}}:host([expanded][scale=s]){margin-block:var(--calcite-spacing-xxs)}:host([expanded][scale=l]){margin-block:var(--calcite-spacing-md)}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends C{constructor(){super(...arguments),this.transitionProp="margin-top",this.blockSectionChildren=[],this.messages=E(),this.focusSetter=B()(this),this.interactiveContainer=w(this),this.hasContentEnd=!1,this.hasContentStart=!1,this.hasEndActions=!1,this.hasMenuActions=!1,this.collapsible=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.expanded=!1,this.loading=!1,this.menuPlacement=I,this.addToItems=[],this.moveToItems=[],this.sortDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.sortHandleOpen=!1,this.topLayerDisabled=!1,this.calciteBlockBeforeClose=c({cancelable:!1}),this.calciteBlockBeforeOpen=c({cancelable:!1}),this.calciteBlockClose=c({cancelable:!1}),this.calciteBlockCollapse=c({cancelable:!1}),this.calciteBlockExpand=c({cancelable:!1}),this.calciteBlockOpen=c({cancelable:!1}),this.calciteBlockSortHandleBeforeClose=c({cancelable:!1}),this.calciteBlockSortHandleBeforeOpen=c({cancelable:!1}),this.calciteBlockSortHandleClose=c({cancelable:!1}),this.calciteBlockSortHandleOpen=c({cancelable:!1}),this.calciteBlockToggle=c({cancelable:!1}),this.calciteInternalBlockUpdateSortMenuItems=c({cancelable:!1})}static{this.properties={hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],hasEndActions:[16,{},{state:!0}],hasMenuActions:[16,{},{state:!0}],collapsible:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],dragDisabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconEnd:[3,{type:String},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{type:String},{reflect:!0}],loading:[7,{},{reflect:!0,type:Boolean}],label:1,menuFlipPlacements:[0,{},{attribute:!1}],menuPlacement:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],sortDisabled:[5,{},{type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortHandleOpen:[7,{},{reflect:!0,type:Boolean}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[D,Y,P]}get open(){return this.expanded}set open(e){v.deprecated("property",{component:this,name:"open",removalVersion:5,suggested:"expanded"}),this.expanded=e}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.transitionEl=this.el}load(){!this.heading&&!this.label&&v.warn(`${this.el.tagName} is missing both heading & label. Please provide a heading or label for the component to be accessible.`)}willUpdate(e){e.has("expanded")&&(this.hasUpdated||this.expanded!==!1)&&z(this),e.has("sortHandleOpen")&&(this.hasUpdated||this.sortHandleOpen!==!1)&&this.sortHandleOpenHandler(),e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteBlockExpand.emit():this.calciteBlockCollapse.emit()),e.has("scale")&&this.hasUpdated&&this.updateBlockSectionScale()}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}sortHandleOpenHandler(){this.sortHandleEl&&(this.sortHandleEl.open=this.sortHandleOpen)}setSortHandleEl(e){this.sortHandleEl=e,this.sortHandleOpenHandler()}handleSortHandleBeforeOpen(e){e.stopPropagation(),this.calciteBlockSortHandleBeforeOpen.emit()}handleSortHandleBeforeClose(e){e.stopPropagation(),this.calciteBlockSortHandleBeforeClose.emit()}handleSortHandleClose(e){e.stopPropagation(),this.sortHandleOpen=!1,this.calciteBlockSortHandleClose.emit()}handleSortHandleOpen(e){e.stopPropagation(),this.sortHandleOpen=!0,this.calciteBlockSortHandleOpen.emit()}onHeaderClick(){this.expanded=!this.expanded,this.calciteBlockToggle.emit()}menuActionsSlotChangeHandler(e){this.hasMenuActions=r(e)}actionsEndSlotChangeHandler(e){this.hasEndActions=r(e)}handleContentEndSlotChange(e){this.hasContentEnd=r(e)}handleContentStartSlotChange(e){this.hasContentStart=r(e)}handleDefaultSlotChange(e){this.blockSectionChildren=H(e,"calcite-block-section"),this.updateBlockSectionScale()}updateBlockSectionScale(){this.blockSectionChildren.forEach(e=>{e.scale=this.scale})}renderScrim(){let{loading:e}=this,l=i`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`;return[e?i`<calcite-scrim .loading=${e}></calcite-scrim>`:null,l]}renderLoaderStatusIcon(){let{loading:e,messages:l,status:n}=this;return e?p("loader",i`<div class=${a(t.icon)}><calcite-loader inline .label=${l.loading} .scale=${this.scale}></calcite-loader></div>`):n?p("status-icon",i`<div class=${a(t.icon)}><calcite-icon class=${a({[t.statusIcon]:!0,[t.valid]:n=="valid",[t.invalid]:n=="invalid"})} .icon=${b[n]} .scale=${g(this.scale)}></calcite-icon></div>`):null}renderActionsEnd(){return i`<div class=${a(t.actionsEnd)} .hidden=${!this.hasEndActions}><slot name=${d.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderContentEnd(){return i`<div class=${a({[t.iconEndContainer]:!this.iconEnd&&!this.collapsible})} .hidden=${!this.hasContentEnd}><div class=${a(t.contentEnd)}><slot name=${d.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div></div>`}renderContentStart(){return i`<div class=${a(t.contentStart)} .hidden=${!this.hasContentStart}><slot name=${d.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderTitle(){let{heading:e,headingLevel:l,description:n}=this;return e||n?i`<div class=${a(t.title)}>${O({class:t.heading,level:l,children:e})}${n?i`<div class=${a(t.description)}>${n}</div>`:null}</div>`:null}renderIcon(e){let{iconFlipRtl:l}=this,n=l==="both"||e==="start"?l==="start":l==="end",s=e==="start"?this.iconStart:this.iconEnd,h=e==="start"?t.iconStart:t.iconEnd;if(s)return p(s,i`<calcite-icon class=${a(h)} .flipRtl=${n} .icon=${s} .scale=${g(this.scale)}></calcite-icon>`)}render(){let{collapsible:e,loading:l,expanded:n,label:s,heading:h,messages:f,description:A,menuFlipPlacements:T,menuPlacement:L,moveToItems:M,addToItems:F,setPosition:N,setSize:U,dragDisabled:R,sortDisabled:j,iconEnd:k,hasContentEnd:V,hasContentStart:G,iconStart:q,status:J}=this,K=n?f.collapse:f.expand,Q=!!(h||A||V||G||q||l||J),$=i`<header class=${a({[t.header]:!0,[t.headerHasContent]:Q,[t.headerDraggable]:this.dragHandle})} id=${o.header}>${this.renderIcon("start")}${this.renderContentStart()}${this.renderLoaderStatusIcon()}${this.renderTitle()}</header>`,W=n?b.expanded:b.collapsed,X=i`<div class=${a(t.headerContainer)}>${this.dragHandle?i`<calcite-sort-handle .addToItems=${F} .disabled=${R} .label=${h||s} .moveToItems=${M} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${N} .setSize=${U} .sortDisabled=${j} .topLayerDisabled=${this.topLayerDisabled} ${S(this.setSortHandleEl)}></calcite-sort-handle>`:null}${e?i`<button aria-controls=${o.content} aria-describedby=${o.header} .ariaExpanded=${e?n:void 0} class=${a(t.toggle)} id=${o.toggle} @click=${this.onHeaderClick} title=${K??m}>${$}<div class=${a(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}<calcite-icon class=${a(t.toggleIcon)} .icon=${W} .scale=${g(this.scale)}></calcite-icon></div></button>`:$}${k&&!e?i`<div class=${a(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}</div>`:!k&&!e?this.renderContentEnd():null}<calcite-action-menu .flipPlacements=${T??["top","bottom"]} .hidden=${!this.hasMenuActions} .label=${f.options} .overlayPositioning=${this.overlayPositioning} .placement=${L} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled}><slot name=${d.headerMenuActions} @slotchange=${this.menuActionsSlotChangeHandler}></slot></calcite-action-menu>${this.renderActionsEnd()}</div>`;return this.interactiveContainer({disabled:this.disabled,children:i`<article aria-label=${s??m} .ariaBusy=${l} class=${a({[t.container]:!0})}>${X}<section aria-labelledby=${o.toggle} class=${a(t.content)} .hidden=${!n} id=${o.content}>${this.renderScrim()}</section></article>`})}};y("calcite-block",u);export{u as Block};