@esri/calcite-components 5.2.0-next.88 → 5.2.0-next.89

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 (169) hide show
  1. package/dist/cdn/{LWKWSLOL.js → 26LFYYFK.js} +1 -1
  2. package/dist/cdn/{LI7W2KN5.js → 2BNRRQOM.js} +1 -1
  3. package/dist/cdn/{USXQOCE2.js → 2JKVTJMF.js} +1 -1
  4. package/dist/cdn/{U4KWPTTB.js → 2KKKLKLS.js} +1 -1
  5. package/dist/cdn/{YMK3XEPV.js → 2WL5RWTS.js} +1 -1
  6. package/dist/cdn/{P54YUKEE.js → 2YC6C6DV.js} +1 -1
  7. package/dist/cdn/{YENPOOAM.js → 32YSNEMV.js} +1 -1
  8. package/dist/cdn/{YSHMJKJI.js → 3AQABKUH.js} +1 -1
  9. package/dist/cdn/{GZLXFZAV.js → 3FIQGT53.js} +1 -1
  10. package/dist/cdn/{B2GQLYH4.js → 3MJUD5DK.js} +1 -1
  11. package/dist/cdn/{37GD5FJU.js → 3N4CB3JF.js} +1 -1
  12. package/dist/cdn/{NUDG3S4V.js → 46RJGA37.js} +1 -1
  13. package/dist/cdn/{WNKI5JYW.js → 4A4ELKGI.js} +1 -1
  14. package/dist/cdn/{SRBZV7HB.js → 4MLD7GED.js} +1 -1
  15. package/dist/cdn/{3Q5U5ACF.js → 4OJIHGWI.js} +1 -1
  16. package/dist/cdn/{KR4SKOQ6.js → 4ONAIXN6.js} +1 -1
  17. package/dist/cdn/{2S3QKETS.js → 4SDMPRCV.js} +1 -1
  18. package/dist/cdn/{STMIKUO5.js → 4YLLJSV5.js} +1 -1
  19. package/dist/cdn/{NDGLHCGT.js → 4Z52O3ZU.js} +1 -1
  20. package/dist/cdn/{X4536J6D.js → 5EFYAUXZ.js} +1 -1
  21. package/dist/cdn/{XG7HAAJQ.js → 5JXLGXFB.js} +1 -1
  22. package/dist/cdn/{OMUQY556.js → 5OBZN5DY.js} +1 -1
  23. package/dist/cdn/{4HTOHPIN.js → 5QPGH3VE.js} +1 -1
  24. package/dist/cdn/{M2NE3JRC.js → 5R66SDIW.js} +1 -1
  25. package/dist/cdn/{REDEWBQW.js → 5SUB6LD5.js} +1 -1
  26. package/dist/cdn/{ZYZTOWBL.js → 5VIKMMR7.js} +1 -1
  27. package/dist/cdn/{XMQW43TR.js → 627DG4WA.js} +1 -1
  28. package/dist/cdn/{EP7S2S2U.js → 62UX6F4M.js} +1 -1
  29. package/dist/cdn/{GSWO4O2X.js → 6GZMSPRK.js} +1 -1
  30. package/dist/cdn/{XEU7AJJS.js → 6HFE4F5X.js} +1 -1
  31. package/dist/cdn/{U5WSVLY4.js → 6NAQTGPW.js} +1 -1
  32. package/dist/cdn/{LCJXKCJR.js → 6VDNFDPN.js} +1 -1
  33. package/dist/cdn/{RUZ4WNKX.js → 7DHCRQFB.js} +1 -1
  34. package/dist/cdn/{F3G5MV4M.js → 7UDLVZXL.js} +1 -1
  35. package/dist/cdn/{NVIPFFIH.js → 7Y4FQ2I7.js} +1 -1
  36. package/dist/cdn/{FIKYEKEY.js → A2IKBYZS.js} +1 -1
  37. package/dist/cdn/{ZONNJRZB.js → A4DMMTBY.js} +1 -1
  38. package/dist/cdn/{TEGQ54NY.js → AEWVLZKY.js} +1 -1
  39. package/dist/cdn/{4ZOK2ANW.js → APMXUV5R.js} +1 -1
  40. package/dist/cdn/{FCZKLBQI.js → AWROROOF.js} +1 -1
  41. package/dist/cdn/{XB4VJHKJ.js → AXJPT3JP.js} +1 -1
  42. package/dist/cdn/{4GDRV6KC.js → AY76L4BR.js} +1 -1
  43. package/dist/cdn/{O65HIR7E.js → B6QS5FML.js} +1 -1
  44. package/dist/cdn/{7M3T3TPQ.js → BIJZHMJI.js} +1 -1
  45. package/dist/cdn/{YDCQGX3T.js → BKAUO5NQ.js} +1 -1
  46. package/dist/cdn/{HOUN3ANT.js → BWUSL74F.js} +1 -1
  47. package/dist/cdn/{CUUAEFQL.js → CFISKSOC.js} +1 -1
  48. package/dist/cdn/{ZYBZQKG7.js → CIEXQXMT.js} +1 -1
  49. package/dist/cdn/{JMYUNUOG.js → CQPEF7LH.js} +1 -1
  50. package/dist/cdn/{V24KTE2M.js → CWMXA6W6.js} +1 -1
  51. package/dist/cdn/{2BW2CRM4.js → D237EYZG.js} +1 -1
  52. package/dist/cdn/{6IAIFL7S.js → D72GZFJ4.js} +1 -1
  53. package/dist/cdn/{ML2WJ7I6.js → D7L3SKCG.js} +1 -1
  54. package/dist/cdn/{ITZPJALD.js → DJIJWOST.js} +1 -1
  55. package/dist/cdn/{FPJFG726.js → DZWHEL5T.js} +1 -1
  56. package/dist/cdn/{VRXUOECR.js → ELLCEQPW.js} +1 -1
  57. package/dist/cdn/{UO5Y7VDE.js → EOI7MXE5.js} +1 -1
  58. package/dist/cdn/{MUN4CUMW.js → G6EK753X.js} +1 -1
  59. package/dist/cdn/{VRSWSA6L.js → GT4XOEQF.js} +1 -1
  60. package/dist/cdn/{TDKXP2ZZ.js → H2NKPQR6.js} +1 -1
  61. package/dist/cdn/{NSH332VL.js → HL2P2LHA.js} +1 -1
  62. package/dist/cdn/{VGVLLMHG.js → HZ2YWVP5.js} +1 -1
  63. package/dist/cdn/{HVBI2O37.js → HZ5HCW62.js} +1 -1
  64. package/dist/cdn/{PRVCMG7Y.js → IGNWGFRZ.js} +1 -1
  65. package/dist/cdn/{Y7F3REWL.js → INBPCXOL.js} +1 -1
  66. package/dist/cdn/{TADE64S4.js → IR4MWUWE.js} +1 -1
  67. package/dist/cdn/{DJPEAP6P.js → ITZJJT2W.js} +1 -1
  68. package/dist/cdn/{ZMAMVD6K.js → IUQ7BRH6.js} +1 -1
  69. package/dist/cdn/{NTFFVEYS.js → J4OWDBDV.js} +1 -1
  70. package/dist/cdn/{K72OUV7Q.js → JOL7FBJL.js} +1 -1
  71. package/dist/cdn/{TWLMWXIA.js → K5ZY2HGT.js} +1 -1
  72. package/dist/cdn/{UN3FSESM.js → KND6NXX5.js} +1 -1
  73. package/dist/cdn/{BKYYU6OZ.js → KNMGQWQA.js} +1 -1
  74. package/dist/cdn/{ZA5KNLZQ.js → KQ57G3ID.js} +1 -1
  75. package/dist/cdn/{QXQWFZUK.js → KR7QO7LA.js} +1 -1
  76. package/dist/cdn/{EL2EBB3G.js → LEREUFUP.js} +1 -1
  77. package/dist/cdn/{EGAZA6FR.js → LFDRYRW3.js} +1 -1
  78. package/dist/cdn/{XGDKPMQY.js → LGO3TCAO.js} +1 -1
  79. package/dist/cdn/{CBP4ZUNC.js → MG5KEVZ3.js} +1 -1
  80. package/dist/cdn/{TNCOZIKZ.js → MPU5OGOV.js} +1 -1
  81. package/dist/cdn/{BU4QBMXL.js → MQJ4SXXG.js} +1 -1
  82. package/dist/cdn/{FPUN6WL5.js → MR4PDGYT.js} +1 -1
  83. package/dist/cdn/{6BTCDIJQ.js → MXOE5AI6.js} +1 -1
  84. package/dist/cdn/{WBQLSNZV.js → N4XJ4OSG.js} +1 -1
  85. package/dist/cdn/{RB6KXRO3.js → ND7N7SZG.js} +1 -1
  86. package/dist/cdn/{FK63HAWB.js → NGZS5LXK.js} +1 -1
  87. package/dist/cdn/{S5SMA5FZ.js → NJB26RSN.js} +1 -1
  88. package/dist/cdn/{ZJQTJLI2.js → NPB47ODT.js} +1 -1
  89. package/dist/cdn/{4D4YQCVD.js → NPMXOTYG.js} +1 -1
  90. package/dist/cdn/{HDIVC2AK.js → NUNR3S2C.js} +1 -1
  91. package/dist/cdn/{JAEP27ND.js → NVSQVYCR.js} +1 -1
  92. package/dist/cdn/{WMGCP3RR.js → NYD3V53R.js} +1 -1
  93. package/dist/cdn/{5KX65DG2.js → O7G57ZIN.js} +1 -1
  94. package/dist/cdn/{RC674EFC.js → OCC67JRE.js} +1 -1
  95. package/dist/cdn/{GPD32EB3.js → OQ66BXKY.js} +1 -1
  96. package/dist/cdn/{LZ3KOWWS.js → P3GVFMJT.js} +1 -1
  97. package/dist/cdn/{I3PUWCC6.js → P54KTU3K.js} +1 -1
  98. package/dist/cdn/{7KSMSOAN.js → PA2BHIBQ.js} +1 -1
  99. package/dist/cdn/{OS4GMCBF.js → PADKOLRD.js} +1 -1
  100. package/dist/cdn/{QCP4LJ7F.js → PCG3SIHG.js} +1 -1
  101. package/dist/cdn/{UBSBXRZ6.js → PVH27IB6.js} +1 -1
  102. package/dist/cdn/{G3OHTVEH.js → PW4CWXX5.js} +1 -1
  103. package/dist/cdn/{PB6JZXJB.js → Q6A7JJCH.js} +1 -1
  104. package/dist/cdn/{OB2W6TSP.js → QEAQHUU5.js} +1 -1
  105. package/dist/cdn/{5HZGCBM5.js → QM4T6NGO.js} +1 -1
  106. package/dist/cdn/{GD5YHHU4.js → QMH5PWW5.js} +1 -1
  107. package/dist/cdn/{4QF37NYL.js → QST22GTE.js} +1 -1
  108. package/dist/cdn/{LZT3LLA2.js → QU5TMZP7.js} +1 -1
  109. package/dist/cdn/{IGNZBZRZ.js → R2DPIOBF.js} +1 -1
  110. package/dist/cdn/{FCUQ7CBG.js → R6EW4636.js} +1 -1
  111. package/dist/cdn/{7C4ITPIU.js → RB36HJW6.js} +1 -1
  112. package/dist/cdn/{ELZWGOJ3.js → RKX3C5P4.js} +1 -1
  113. package/dist/cdn/{VQ5JTPTB.js → S2FXQFW4.js} +1 -1
  114. package/dist/cdn/{UYTOCF66.js → S3KI2KML.js} +1 -1
  115. package/dist/cdn/{WHXP5EFB.js → S4EGOEXA.js} +1 -1
  116. package/dist/cdn/{CEJEIB4V.js → S57DUWOX.js} +1 -1
  117. package/dist/cdn/{A57PB5XN.js → SAFNBLHT.js} +1 -1
  118. package/dist/cdn/{BJC53Q2N.js → SYTHB6CH.js} +1 -1
  119. package/dist/cdn/{3AAWUXOI.js → TAGX6ZWL.js} +1 -1
  120. package/dist/cdn/{45CZ22T4.js → TS6MVFYP.js} +1 -1
  121. package/dist/cdn/{EBPJ26FZ.js → TU3E75CG.js} +1 -1
  122. package/dist/cdn/{V3TWSAZX.js → TXVJB5BY.js} +1 -1
  123. package/dist/cdn/{PY7ZJV4Q.js → UAXAA4KP.js} +1 -1
  124. package/dist/cdn/{ABWWXFCW.js → UONWDKTV.js} +1 -1
  125. package/dist/cdn/{PRH7WW7H.js → VLX5ZWLQ.js} +1 -1
  126. package/dist/cdn/{VGRHAVQX.js → VPEECFEV.js} +1 -1
  127. package/dist/cdn/{G24XNMSR.js → VQ4XFBQC.js} +1 -1
  128. package/dist/cdn/{QWMXCHBQ.js → VTD7T3J2.js} +1 -1
  129. package/dist/cdn/{IU67HZG4.js → W4WNNUUC.js} +1 -1
  130. package/dist/cdn/{2OA54OV5.js → WGHVM5XS.js} +1 -1
  131. package/dist/cdn/{V7HFI7J2.js → X74QVZEV.js} +1 -1
  132. package/dist/cdn/{UPXKV2SB.js → XLFPFT4D.js} +1 -1
  133. package/dist/cdn/{2WTB2PQC.js → XW67LSGZ.js} +1 -1
  134. package/dist/cdn/{XID46KE4.js → YBDSMRAI.js} +1 -1
  135. package/dist/cdn/{X75GJZJ4.js → YOBETSXI.js} +1 -1
  136. package/dist/cdn/{OIXQR6RZ.js → Z6P2B2Q6.js} +1 -1
  137. package/dist/cdn/{LXL2ZXIE.js → ZDDD6PWQ.js} +1 -1
  138. package/dist/cdn/{NYZWSM2U.js → ZMQDEPUR.js} +1 -1
  139. package/dist/cdn/{3GJ5ATBS.js → ZNZ6CRNT.js} +1 -1
  140. package/dist/cdn/{N6OI5G5M.js → ZP2V3H3Q.js} +1 -1
  141. package/dist/cdn/{M2MQF4UT.js → ZPFLVRNJ.js} +1 -1
  142. package/dist/cdn/{QYNHKKOO.js → ZPIWGXU2.js} +1 -1
  143. package/dist/cdn/assets/icon/blockHeightMedium16.json +1 -0
  144. package/dist/cdn/assets/icon/blockHeightMedium24.json +1 -0
  145. package/dist/cdn/assets/icon/blockHeightMedium32.json +1 -0
  146. package/dist/cdn/assets/icon/blockHeightShort16.json +1 -0
  147. package/dist/cdn/assets/icon/blockHeightShort24.json +1 -0
  148. package/dist/cdn/assets/icon/blockHeightShort32.json +1 -0
  149. package/dist/cdn/assets/icon/blockHeightTall16.json +1 -0
  150. package/dist/cdn/assets/icon/blockHeightTall24.json +1 -0
  151. package/dist/cdn/assets/icon/blockHeightTall32.json +1 -0
  152. package/dist/cdn/assets/icon/cursorCircle16.json +1 -0
  153. package/dist/cdn/assets/icon/cursorCircle24.json +1 -0
  154. package/dist/cdn/assets/icon/cursorCircle32.json +1 -0
  155. package/dist/cdn/assets/icon/dictionary16.json +1 -0
  156. package/dist/cdn/assets/icon/dictionary24.json +1 -0
  157. package/dist/cdn/assets/icon/dictionary32.json +1 -0
  158. package/dist/cdn/assets/icon/jobDependency16.json +1 -0
  159. package/dist/cdn/assets/icon/jobDependency24.json +1 -0
  160. package/dist/cdn/assets/icon/jobDependency32.json +1 -0
  161. package/dist/cdn/assets/icon/referenceChip16.json +1 -0
  162. package/dist/cdn/assets/icon/referenceChip24.json +1 -0
  163. package/dist/cdn/assets/icon/referenceChip32.json +1 -0
  164. package/dist/cdn/index.js +1 -1
  165. package/dist/chunks/runtime.js +3 -3
  166. package/dist/docs/api.json +1 -1
  167. package/dist/docs/docs.json +1 -1
  168. package/dist/docs/web-types.json +1 -1
  169. package/package.json +3 -3
package/dist/cdn/{QCP4LJ7F.js → PCG3SIHG.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as L}from"./5KX65DG2.js";import{a as A}from"./QXQWFZUK.js";import{b as T}from"./XB4VJHKJ.js";import{a as D}from"./SAZM37N6.js";import{a as o,b as t,c as d,d as m}from"./KQHTBOH6.js";import{a as I}from"./ITZPJALD.js";import"./EP7S2S2U.js";import{a as P}from"./IU67HZG4.js";import{a as g}from"./MUN4CUMW.js";import"./3XS7XZAX.js";import{b as z}from"./7VTO7SRW.js";import{a as O}from"./CBP4ZUNC.js";import"./VUYX7MNO.js";import{a as w}from"./4ZOK2ANW.js";import{a as b}from"./ZWPNZ5XW.js";import"./U5WSVLY4.js";import"./XGDKPMQY.js";import{w as E,x as r,y as H}from"./7FW2RVVH.js";import{F as S,G as y,H as i,Q as p,T as B,g as C,h as a,l as v,p as l}from"./7KSMSOAN.js";var _=C`: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{transition-property:margin;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;transition-timing-function:var(--calcite-animation-easing-function);display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm);border-style:solid;padding:0;flex-basis:auto;border-color:var(--calcite-block-border-color, var(--calcite-color-border-3));background-color:var(--calcite-block-background-color, var(--calcite-color-foreground-1))}: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{outline-color:transparent;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;margin:0;padding:0;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(-1 * var(--calcite-space-base) * (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{overflow-wrap:break-word;word-break:break-word;padding:0;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{overflow-wrap:break-word;word-break:break-word;padding:0;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{transition-property:color;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;align-self:center;justify-self:end;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-block-expandable-icon-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-expandable-icon-color-hover, var(--calcite-block-collapsible-icon-color-hover, var(--calcite-block-icon-color-hover, var(--calcite-color-text-1))))}.container{display:flex;flex-direction:column;block-size:100%;position:relative}.content{flex:1 1 0%;position:relative;min-block-size:0;opacity:0;transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.has-slotted-content{padding-block:var(--calcite-internal-block-padding-block);padding-inline:var(--calcite-internal-block-padding-inline)}.content-end,.content-start{display:flex;align-items:center;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}calcite-action-menu{align-self:center;grid-area:menu;margin-inline-end:var(--calcite-internal-block-actions-spacing)}:host([expanded]){margin-block:var(--calcite-space-sm)}: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}slot[name=children]::slotted(calcite-block){border-block-end-width:0}`,u=class extends y{constructor(){super(...arguments),this.transitionProp="margin-top",this.blockSectionChildren=[],this.messages=O(),this.focusSetter=w()(this),this.interactiveContainer=P(this),this.hasContentEnd=!1,this.hasContentStart=!1,this.hasEndActions=!1,this.hasMenuActions=!1,this.hasContent=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.expanded=!1,this.expandable=!1,this.loading=!1,this.menuPlacement=T,this.addToItems=[],this.moveToItems=[],this.sortDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.sortHandleOpen=!1,this.toggleDisplay="button",this.topLayerDisabled=!1,this.calciteBlockBeforeClose=l({cancelable:!1}),this.calciteBlockBeforeOpen=l({cancelable:!1}),this.calciteBlockClose=l({cancelable:!1}),this.calciteBlockCollapse=l({cancelable:!1}),this.calciteBlockExpand=l({cancelable:!1}),this.calciteBlockOpen=l({cancelable:!1}),this.calciteBlockSortHandleBeforeClose=l({cancelable:!1}),this.calciteBlockSortHandleBeforeOpen=l({cancelable:!1}),this.calciteBlockSortHandleClose=l({cancelable:!1}),this.calciteBlockSortHandleOpen=l({cancelable:!1}),this.calciteBlockToggle=l({cancelable:!1}),this.calciteInternalBlockChange=l({cancelable:!1}),this.calciteInternalBlockUpdateSortMenuItems=l({cancelable:!1})}static{this.properties={hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],hasEndActions:[16,{},{state:!0}],hasMenuActions:[16,{},{state:!0}],hasContent:[16,{},{state:!0}],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}],expandable:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{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}],toggleDisplay:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[L,_,A]}get collapsible(){return this.expandable}set collapsible(e){p.deprecated("property",{component:this,name:"collapsible",removalVersion:7,suggested:"expandable"}),this.expandable=e}get open(){return this.expanded}set open(e){p.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,this.setParentBlockGroupElement()}load(){!this.heading&&!this.label&&p.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)&&D(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(),(e.has("moveToItems")||e.has("addToItems"))&&this.hasUpdated&&this.setParentBlockGroupElement()}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.calciteBlockToggle.emit(),this.parentBlockGroupElement?this.calciteInternalBlockChange.emit({el:this.el,parentElement:this.parentBlockGroupElement}):this.expanded=!this.expanded}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.hasContent=E(e)||r(e),this.updateBlockSectionScale()}updateBlockSectionScale(){this.blockSectionChildren.forEach(e=>{e.scale=this.scale})}setParentBlockGroupElement(){this.parentBlockGroupElement=this.el.parentElement?.closest("calcite-block-group")}renderScrim(){let{loading:e}=this,c=a`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`;return[e?a`<calcite-scrim .loading=${e}></calcite-scrim>`:null,c]}renderLoaderStatusIcon(){let{loading:e,messages:c,status:n}=this;return e?g("loader",a`<div class=${i(t.icon)}><calcite-loader inline .label=${c.loading} .scale=${this.scale}></calcite-loader></div>`):n?g("status-icon",a`<div class=${i(t.icon)}><calcite-icon class=${i({[t.statusIcon]:!0,[t.valid]:n=="valid",[t.invalid]:n=="invalid"})} .icon=${m[n]} .scale=${b(this.scale)}></calcite-icon></div>`):null}renderActionsEnd(){return a`<div class=${i(t.actionsEnd)} .hidden=${!this.hasEndActions}><slot name=${d.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderContentEnd(){return a`<div class=${i({[t.iconEndContainer]:!this.iconEnd&&!this.expandable})} .hidden=${!this.hasContentEnd}><div class=${i(t.contentEnd)}><slot name=${d.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div></div>`}renderContentStart(){return a`<div class=${i(t.contentStart)} .hidden=${!this.hasContentStart}><slot name=${d.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderTitle(){let{heading:e,headingLevel:c,description:n}=this;return e||n?a`<div class=${i(t.title)}>${I({class:t.heading,level:c,children:e})}${n?a`<div class=${i(t.description)}>${n}</div>`:null}</div>`:null}renderIcon(e){let{iconFlipRtl:c}=this,n=c==="both"||e==="start"?c==="start":c==="end",s=e==="start"?this.iconStart:this.iconEnd,h=e==="start"?t.iconStart:t.iconEnd;if(s)return g(s,a`<calcite-icon class=${i(h)} .flipRtl=${n} .icon=${s} .scale=${b(this.scale)}></calcite-icon>`)}render(){let{expandable:e,loading:c,expanded:n,label:s,heading:h,messages:f,description:M,menuFlipPlacements:G,menuPlacement:U,moveToItems:F,addToItems:N,setPosition:R,setSize:j,dragDisabled:V,sortDisabled:q,iconEnd:k,hasContentEnd:J,hasContentStart:K,iconStart:Q,status:W}=this,$=n?f.collapse:f.expand,X=!!(h||M||J||K||Q||c||W),x=a`<header class=${i({[t.header]:!0,[t.headerHasContent]:X,[t.headerDraggable]:this.dragHandle})} id=${o.header}>${this.renderIcon("start")}${this.renderContentStart()}${this.renderLoaderStatusIcon()}${this.renderTitle()}</header>`,Y=n?m.expanded:m.collapsed,Z=a`<div class=${i(t.headerContainer)}>${this.dragHandle?a`<calcite-sort-handle .addToItems=${N} .disabled=${V} .label=${h||s} .moveToItems=${F} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${R} .setSize=${j} .sortDisabled=${q} .topLayerDisabled=${this.topLayerDisabled} ${S(this.setSortHandleEl)}></calcite-sort-handle>`:null}${e?a`<button aria-controls=${o.content} aria-describedby=${o.header} .ariaExpanded=${e?n:void 0} class=${i(t.toggle)} id=${o.toggle} @click=${this.onHeaderClick} title=${$??v} type=button>${x}<div class=${i(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}${this.toggleDisplay==="switch"?a`<calcite-switch .checked=${n} .disabled=${this.disabled} inert .label=${$} .scale=${this.scale}></calcite-switch>`:a`<calcite-icon class=${i(t.toggleIcon)} .icon=${Y} .scale=${b(this.scale)}></calcite-icon>`}</div></button>`:x}${k&&!e?a`<div class=${i(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}</div>`:!k&&!e?this.renderContentEnd():null}<calcite-action-menu .flipPlacements=${G??["top","bottom"]} .hidden=${!this.hasMenuActions} .label=${f.options} .overlayPositioning=${this.overlayPositioning} .placement=${U} .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:a`<article aria-label=${s??v} .ariaBusy=${z(c,void 0)} class=${i({[t.container]:!0})}>${Z}<section aria-labelledby=${o.toggle} class=${i({[t.content]:!0,[t.hasSlottedContent]:this.hasContent||c})} .hidden=${!n} id=${o.content}>${this.renderScrim()}</section><slot .hidden=${!n} name=${d.children}></slot></article>`})}};B("calcite-block",u);export{u as Block};
2
+ import{a as L}from"./O7G57ZIN.js";import{a as A}from"./KR7QO7LA.js";import{b as T}from"./AXJPT3JP.js";import{a as D}from"./SAZM37N6.js";import{a as o,b as t,c as d,d as m}from"./KQHTBOH6.js";import{a as I}from"./DJIJWOST.js";import"./62UX6F4M.js";import{a as P}from"./W4WNNUUC.js";import{a as g}from"./G6EK753X.js";import"./3XS7XZAX.js";import{b as z}from"./7VTO7SRW.js";import{a as O}from"./MG5KEVZ3.js";import"./VUYX7MNO.js";import{a as w}from"./APMXUV5R.js";import{a as b}from"./ZWPNZ5XW.js";import"./6NAQTGPW.js";import"./LGO3TCAO.js";import{w as E,x as r,y as H}from"./7FW2RVVH.js";import{F as S,G as y,H as i,Q as p,T as B,g as C,h as a,l as v,p as l}from"./PA2BHIBQ.js";var _=C`: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{transition-property:margin;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;transition-timing-function:var(--calcite-animation-easing-function);display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm);border-style:solid;padding:0;flex-basis:auto;border-color:var(--calcite-block-border-color, var(--calcite-color-border-3));background-color:var(--calcite-block-background-color, var(--calcite-color-foreground-1))}: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{outline-color:transparent;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;margin:0;padding:0;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(-1 * var(--calcite-space-base) * (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{overflow-wrap:break-word;word-break:break-word;padding:0;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{overflow-wrap:break-word;word-break:break-word;padding:0;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{transition-property:color;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;align-self:center;justify-self:end;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-block-expandable-icon-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-expandable-icon-color-hover, var(--calcite-block-collapsible-icon-color-hover, var(--calcite-block-icon-color-hover, var(--calcite-color-text-1))))}.container{display:flex;flex-direction:column;block-size:100%;position:relative}.content{flex:1 1 0%;position:relative;min-block-size:0;opacity:0;transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.has-slotted-content{padding-block:var(--calcite-internal-block-padding-block);padding-inline:var(--calcite-internal-block-padding-inline)}.content-end,.content-start{display:flex;align-items:center;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}calcite-action-menu{align-self:center;grid-area:menu;margin-inline-end:var(--calcite-internal-block-actions-spacing)}:host([expanded]){margin-block:var(--calcite-space-sm)}: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}slot[name=children]::slotted(calcite-block){border-block-end-width:0}`,u=class extends y{constructor(){super(...arguments),this.transitionProp="margin-top",this.blockSectionChildren=[],this.messages=O(),this.focusSetter=w()(this),this.interactiveContainer=P(this),this.hasContentEnd=!1,this.hasContentStart=!1,this.hasEndActions=!1,this.hasMenuActions=!1,this.hasContent=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.expanded=!1,this.expandable=!1,this.loading=!1,this.menuPlacement=T,this.addToItems=[],this.moveToItems=[],this.sortDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.sortHandleOpen=!1,this.toggleDisplay="button",this.topLayerDisabled=!1,this.calciteBlockBeforeClose=l({cancelable:!1}),this.calciteBlockBeforeOpen=l({cancelable:!1}),this.calciteBlockClose=l({cancelable:!1}),this.calciteBlockCollapse=l({cancelable:!1}),this.calciteBlockExpand=l({cancelable:!1}),this.calciteBlockOpen=l({cancelable:!1}),this.calciteBlockSortHandleBeforeClose=l({cancelable:!1}),this.calciteBlockSortHandleBeforeOpen=l({cancelable:!1}),this.calciteBlockSortHandleClose=l({cancelable:!1}),this.calciteBlockSortHandleOpen=l({cancelable:!1}),this.calciteBlockToggle=l({cancelable:!1}),this.calciteInternalBlockChange=l({cancelable:!1}),this.calciteInternalBlockUpdateSortMenuItems=l({cancelable:!1})}static{this.properties={hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],hasEndActions:[16,{},{state:!0}],hasMenuActions:[16,{},{state:!0}],hasContent:[16,{},{state:!0}],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}],expandable:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{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}],toggleDisplay:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[L,_,A]}get collapsible(){return this.expandable}set collapsible(e){p.deprecated("property",{component:this,name:"collapsible",removalVersion:7,suggested:"expandable"}),this.expandable=e}get open(){return this.expanded}set open(e){p.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,this.setParentBlockGroupElement()}load(){!this.heading&&!this.label&&p.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)&&D(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(),(e.has("moveToItems")||e.has("addToItems"))&&this.hasUpdated&&this.setParentBlockGroupElement()}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.calciteBlockToggle.emit(),this.parentBlockGroupElement?this.calciteInternalBlockChange.emit({el:this.el,parentElement:this.parentBlockGroupElement}):this.expanded=!this.expanded}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.hasContent=E(e)||r(e),this.updateBlockSectionScale()}updateBlockSectionScale(){this.blockSectionChildren.forEach(e=>{e.scale=this.scale})}setParentBlockGroupElement(){this.parentBlockGroupElement=this.el.parentElement?.closest("calcite-block-group")}renderScrim(){let{loading:e}=this,c=a`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`;return[e?a`<calcite-scrim .loading=${e}></calcite-scrim>`:null,c]}renderLoaderStatusIcon(){let{loading:e,messages:c,status:n}=this;return e?g("loader",a`<div class=${i(t.icon)}><calcite-loader inline .label=${c.loading} .scale=${this.scale}></calcite-loader></div>`):n?g("status-icon",a`<div class=${i(t.icon)}><calcite-icon class=${i({[t.statusIcon]:!0,[t.valid]:n=="valid",[t.invalid]:n=="invalid"})} .icon=${m[n]} .scale=${b(this.scale)}></calcite-icon></div>`):null}renderActionsEnd(){return a`<div class=${i(t.actionsEnd)} .hidden=${!this.hasEndActions}><slot name=${d.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderContentEnd(){return a`<div class=${i({[t.iconEndContainer]:!this.iconEnd&&!this.expandable})} .hidden=${!this.hasContentEnd}><div class=${i(t.contentEnd)}><slot name=${d.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div></div>`}renderContentStart(){return a`<div class=${i(t.contentStart)} .hidden=${!this.hasContentStart}><slot name=${d.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderTitle(){let{heading:e,headingLevel:c,description:n}=this;return e||n?a`<div class=${i(t.title)}>${I({class:t.heading,level:c,children:e})}${n?a`<div class=${i(t.description)}>${n}</div>`:null}</div>`:null}renderIcon(e){let{iconFlipRtl:c}=this,n=c==="both"||e==="start"?c==="start":c==="end",s=e==="start"?this.iconStart:this.iconEnd,h=e==="start"?t.iconStart:t.iconEnd;if(s)return g(s,a`<calcite-icon class=${i(h)} .flipRtl=${n} .icon=${s} .scale=${b(this.scale)}></calcite-icon>`)}render(){let{expandable:e,loading:c,expanded:n,label:s,heading:h,messages:f,description:M,menuFlipPlacements:G,menuPlacement:U,moveToItems:F,addToItems:N,setPosition:R,setSize:j,dragDisabled:V,sortDisabled:q,iconEnd:k,hasContentEnd:J,hasContentStart:K,iconStart:Q,status:W}=this,$=n?f.collapse:f.expand,X=!!(h||M||J||K||Q||c||W),x=a`<header class=${i({[t.header]:!0,[t.headerHasContent]:X,[t.headerDraggable]:this.dragHandle})} id=${o.header}>${this.renderIcon("start")}${this.renderContentStart()}${this.renderLoaderStatusIcon()}${this.renderTitle()}</header>`,Y=n?m.expanded:m.collapsed,Z=a`<div class=${i(t.headerContainer)}>${this.dragHandle?a`<calcite-sort-handle .addToItems=${N} .disabled=${V} .label=${h||s} .moveToItems=${F} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${R} .setSize=${j} .sortDisabled=${q} .topLayerDisabled=${this.topLayerDisabled} ${S(this.setSortHandleEl)}></calcite-sort-handle>`:null}${e?a`<button aria-controls=${o.content} aria-describedby=${o.header} .ariaExpanded=${e?n:void 0} class=${i(t.toggle)} id=${o.toggle} @click=${this.onHeaderClick} title=${$??v} type=button>${x}<div class=${i(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}${this.toggleDisplay==="switch"?a`<calcite-switch .checked=${n} .disabled=${this.disabled} inert .label=${$} .scale=${this.scale}></calcite-switch>`:a`<calcite-icon class=${i(t.toggleIcon)} .icon=${Y} .scale=${b(this.scale)}></calcite-icon>`}</div></button>`:x}${k&&!e?a`<div class=${i(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}</div>`:!k&&!e?this.renderContentEnd():null}<calcite-action-menu .flipPlacements=${G??["top","bottom"]} .hidden=${!this.hasMenuActions} .label=${f.options} .overlayPositioning=${this.overlayPositioning} .placement=${U} .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:a`<article aria-label=${s??v} .ariaBusy=${z(c,void 0)} class=${i({[t.container]:!0})}>${Z}<section aria-labelledby=${o.toggle} class=${i({[t.content]:!0,[t.hasSlottedContent]:this.hasContent||c})} .hidden=${!n} id=${o.content}>${this.renderScrim()}</section><slot .hidden=${!n} name=${d.children}></slot></article>`})}};B("calcite-block",u);export{u as Block};
package/dist/cdn/{UBSBXRZ6.js → PVH27IB6.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as T}from"./FCZKLBQI.js";import{e as c}from"./KQHTBOH6.js";import{a as A}from"./FK63HAWB.js";import{a as G}from"./IU67HZG4.js";import{a as H}from"./YDCQGX3T.js";import{a as P}from"./3XS7XZAX.js";import{a as D}from"./T6CCMW7H.js";import{b as M}from"./7VTO7SRW.js";import{a as x}from"./VI7SBYXT.js";import{c as y}from"./VUYX7MNO.js";import{a as C}from"./4ZOK2ANW.js";import"./ZWPNZ5XW.js";import"./U5WSVLY4.js";import"./XGDKPMQY.js";import{j as S,y as O}from"./7FW2RVVH.js";import{G as v,H as h,M as B,N as E,T as I,g as k,h as p,p as d}from"./7KSMSOAN.js";var m={container:"container",groupContainer:"group-container",scrim:"scrim"},f="calcite-block-group",$="calcite-block",w=y("calcite-block-group"),U=k`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}.container{position:relative}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([slot=children]) slot::slotted(calcite-block){border-block-end-width:0}`;function R(u){u.forEach(e=>{e.setPosition=u.indexOf(e)+1,e.setSize=u.length})}var b=class extends v{constructor(){super(),this.dragSelector=$,this.handleSelector="calcite-sort-handle",this.mutationObserver=x("mutation",()=>{this.updateBlockItemsDebounced()}),this.blockAndGroups=[],this.cancelable=H()(this),this.focusSetter=C()(this),this.sortable=T()(this),this.updateBlockItemsDebounced=P(this.updateBlockItems,E.nextTick),this.interactiveContainer=G(this),this.sortHandleMenuItems=[],this.disabled=!1,this.dragEnabled=!1,this.loading=!1,this.scale="m",this.expandMode="multiple",this.sortDisabled=!1,this.calciteBlockGroupDragEnd=d({cancelable:!1}),this.calciteBlockGroupDragStart=d({cancelable:!1}),this.calciteBlockGroupMoveHalt=d({cancelable:!1}),this.calciteBlockGroupOrderChange=d({cancelable:!1}),this.listen("calciteInternalAssistiveTextChange",this.handleCalciteInternalAssistiveTextChange),this.listen("calciteBlockSortHandleBeforeOpen",this.updateBlockItemsDebounced),this.listen("calciteSortHandleReorder",this.handleSortReorder),this.listen("calciteSortHandleMove",this.handleSortMove),this.listen("calciteSortHandleAdd",this.handleSortAdd),this.listen("calciteInternalBlockChange",this.updateBlockChildrenExpanded)}static{this.properties={assistiveText:[16,{},{state:!0}],sortHandleMenuItems:[16,{},{state:!0}],canPull:[0,{},{attribute:!1}],canPut:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],dragEnabled:[7,{},{reflect:!0,type:Boolean}],group:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],expandMode:[3,{},{reflect:!0}],sortDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[U,A]}emitOrderChangeEvent(e){this.calciteBlockGroupOrderChange.emit(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.connectObserver(),this.updateBlockItemsDebounced(),this.sortable.reset(),this.setParentBlockGroup(),this.cancelable.add(this.updateBlockItemsDebounced)}willUpdate(e){(e.has("group")||e.has("canPull")&&this.hasUpdated||e.has("canPut")&&this.hasUpdated||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("sortDisabled")&&(this.hasUpdated||this.sortDisabled!==!1))&&this.updateBlockItemsDebounced(),e.has("scale")&&this.hasUpdated&&this.updateBlockAndGroupScale()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObserver()}updateBlockItems(){this.updateGroupItems();let{dragEnabled:e,el:t,sortDisabled:s,sortHandleMenuItems:l}=this,a=Array.from(this.el.querySelectorAll($)),n=t,o=Array.from(n.children).filter(c);a.forEach(r=>{r.closest(f)===t&&(r.moveToItems=l.filter(i=>this.validateSortMenuItem({type:"move",fromEl:n,toEl:i.element,dragEl:r,newIndex:0,oldIndex:o.indexOf(r)})),r.addToItems=this.sortHandleMenuItems.filter(i=>this.validateSortMenuItem({type:"add",fromEl:n,toEl:i.element,dragEl:r,newIndex:0,oldIndex:o.indexOf(r)})),r.dragHandle=e,r.sortDisabled=s)}),this.sortable.reset()}updateGroupItems(){let{el:e,group:t}=this,s=S(e),l=t?Array.from(s.querySelectorAll(`${f}[group="${t}"]`)).filter(a=>!a.disabled&&a.dragEnabled):[];this.sortHandleMenuItems=l.map(a=>({element:a,label:a.label??a.id,id:D()}))}handleCalciteInternalAssistiveTextChange(e){this.assistiveText=e.detail.message,e.stopPropagation()}handleSortReorder(e){this.parentBlockGroupEl||e.defaultPrevented||(e.preventDefault(),this.handleReorder(e))}handleSortAdd(e){this.parentBlockGroupEl||e.defaultPrevented||(e.preventDefault(),this.handleAdd(e))}handleSortMove(e){this.parentBlockGroupEl||e.defaultPrevented||(e.preventDefault(),this.handleMove(e))}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(e){this.calciteBlockGroupDragEnd.emit(e)}onDragStart(e){e.dragEl.sortHandleOpen=!1,this.calciteBlockGroupDragStart.emit(e)}onDragSort(e){this.setParentBlockGroup(),this.updateBlockItemsDebounced(),this.calciteBlockGroupOrderChange.emit(e)}setParentBlockGroup(){this.parentBlockGroupEl=this.el.parentElement?.closest(f)||void 0}handleDefaultSlotChange(e){let t=[];this.blockAndGroups=O(e).filter(s=>c(s)?(t.push(s),!0):w(s)),R(t),this.updateBlockAndGroupScale()}updateBlockAndGroupScale(){this.blockAndGroups.forEach(e=>{e.scale=this.scale})}updateBlockChildrenExpanded(e){let{el:t,parentElement:s}=e.detail;if(s===this.el){e.stopPropagation();let l=this.blockAndGroups.filter(a=>c(a));switch(this.expandMode){case"multiple":t.expanded=!t.expanded;break;case"single":t.expanded=!t.expanded,this.collapseAllBlockElements(l,t);break;case"single-persist":t.expanded?t.expanded&&l.forEach(a=>{a.contains(t)&&a!==t&&(t.expanded=!1)}):(t.expanded=!0,this.collapseAllBlockElements(l,t));break}}}collapseAllBlockElements(e,t){e.forEach(s=>{s!==t&&!s.contains(t)&&(s.expanded=!1)})}validateSortMenuItem({fromEl:e,toEl:t,dragEl:s,newIndex:l,oldIndex:a,type:n}){if(!e||!t||t===e||s.contains(t))return!1;let o=e.canPull?.({toEl:t,fromEl:e,dragEl:s,newIndex:l,oldIndex:a})??!0,r=t.canPut?.({toEl:t,fromEl:e,dragEl:s,newIndex:l,oldIndex:a})??!0;return(n==="add"?o==="clone":o===!0)&&r}handleAdd(e){let{addTo:t}=e.detail,s=e.target,l=s?.parentElement,a=t.element,o=Array.from(l.children).filter(c).indexOf(s),r=0;if(!this.validateSortMenuItem({type:"add",fromEl:l,toEl:a,dragEl:s,newIndex:r,oldIndex:o}))return;s.sortHandleOpen=!1,this.disconnectObserver();let i=s.cloneNode();a.prepend(i),this.updateBlockItemsDebounced(),this.connectObserver();let g={dragEl:s,fromEl:l,toEl:a,newIndex:r,oldIndex:o};this.calciteBlockGroupOrderChange.emit(g),a.emitOrderChangeEvent(g)}handleMove(e){let{moveTo:t}=e.detail,s=e.target,l=s?.parentElement,a=t.element,o=Array.from(l.children).filter(c).indexOf(s),r=0;if(!this.validateSortMenuItem({type:"move",fromEl:l,toEl:a,dragEl:s,newIndex:r,oldIndex:o}))return;s.sortHandleOpen=!1,this.disconnectObserver(),a.prepend(s),this.updateBlockItemsDebounced(),this.connectObserver();let i={dragEl:s,fromEl:l,toEl:a,newIndex:r,oldIndex:o};this.calciteBlockGroupOrderChange.emit(i),a.emitOrderChangeEvent(i)}handleReorder(e){let{reorder:t}=e.detail,s=e.target,l=s?.parentElement;if(!l)return;s.sortHandleOpen=!1;let a=Array.from(l.children).filter(c),n=a.length-1,o=a.indexOf(s),r=o;switch(t){case"top":r=0;break;case"bottom":r=n;break;case"up":r=o===0?0:o-1;break;case"down":r=o===n?n:o+1;break}this.disconnectObserver();let i=t==="up"||t==="top"?a[r]:a[r].nextSibling;l.insertBefore(s,i),this.updateBlockItemsDebounced(),this.connectObserver(),this.calciteBlockGroupOrderChange.emit({dragEl:s,fromEl:l,toEl:l,newIndex:r,oldIndex:o})}render(){let{loading:e,label:t}=this;return this.interactiveContainer({disabled:this.disabled,children:p`<div class=${h(m.container)}>${this.dragEnabled?p`<span aria-live=assertive class=${h(B.screenReaderText)}>${this.assistiveText}</span>`:null}${e?p`<calcite-scrim class=${h(m.scrim)} .loading=${e}></calcite-scrim>`:null}<div .ariaBusy=${M(e,void 0)} .ariaLabel=${t||""} class=${h(m.groupContainer)} role=group><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div>`})}};I("calcite-block-group",b);export{b as BlockGroup};
2
+ import{a as T}from"./AWROROOF.js";import{e as c}from"./KQHTBOH6.js";import{a as A}from"./NGZS5LXK.js";import{a as G}from"./W4WNNUUC.js";import{a as H}from"./BKAUO5NQ.js";import{a as P}from"./3XS7XZAX.js";import{a as D}from"./T6CCMW7H.js";import{b as M}from"./7VTO7SRW.js";import{a as x}from"./VI7SBYXT.js";import{c as y}from"./VUYX7MNO.js";import{a as C}from"./APMXUV5R.js";import"./ZWPNZ5XW.js";import"./6NAQTGPW.js";import"./LGO3TCAO.js";import{j as S,y as O}from"./7FW2RVVH.js";import{G as v,H as h,M as B,N as E,T as I,g as k,h as p,p as d}from"./PA2BHIBQ.js";var m={container:"container",groupContainer:"group-container",scrim:"scrim"},f="calcite-block-group",$="calcite-block",w=y("calcite-block-group"),U=k`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}.container{position:relative}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([slot=children]) slot::slotted(calcite-block){border-block-end-width:0}`;function R(u){u.forEach(e=>{e.setPosition=u.indexOf(e)+1,e.setSize=u.length})}var b=class extends v{constructor(){super(),this.dragSelector=$,this.handleSelector="calcite-sort-handle",this.mutationObserver=x("mutation",()=>{this.updateBlockItemsDebounced()}),this.blockAndGroups=[],this.cancelable=H()(this),this.focusSetter=C()(this),this.sortable=T()(this),this.updateBlockItemsDebounced=P(this.updateBlockItems,E.nextTick),this.interactiveContainer=G(this),this.sortHandleMenuItems=[],this.disabled=!1,this.dragEnabled=!1,this.loading=!1,this.scale="m",this.expandMode="multiple",this.sortDisabled=!1,this.calciteBlockGroupDragEnd=d({cancelable:!1}),this.calciteBlockGroupDragStart=d({cancelable:!1}),this.calciteBlockGroupMoveHalt=d({cancelable:!1}),this.calciteBlockGroupOrderChange=d({cancelable:!1}),this.listen("calciteInternalAssistiveTextChange",this.handleCalciteInternalAssistiveTextChange),this.listen("calciteBlockSortHandleBeforeOpen",this.updateBlockItemsDebounced),this.listen("calciteSortHandleReorder",this.handleSortReorder),this.listen("calciteSortHandleMove",this.handleSortMove),this.listen("calciteSortHandleAdd",this.handleSortAdd),this.listen("calciteInternalBlockChange",this.updateBlockChildrenExpanded)}static{this.properties={assistiveText:[16,{},{state:!0}],sortHandleMenuItems:[16,{},{state:!0}],canPull:[0,{},{attribute:!1}],canPut:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],dragEnabled:[7,{},{reflect:!0,type:Boolean}],group:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],expandMode:[3,{},{reflect:!0}],sortDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[U,A]}emitOrderChangeEvent(e){this.calciteBlockGroupOrderChange.emit(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.connectObserver(),this.updateBlockItemsDebounced(),this.sortable.reset(),this.setParentBlockGroup(),this.cancelable.add(this.updateBlockItemsDebounced)}willUpdate(e){(e.has("group")||e.has("canPull")&&this.hasUpdated||e.has("canPut")&&this.hasUpdated||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("sortDisabled")&&(this.hasUpdated||this.sortDisabled!==!1))&&this.updateBlockItemsDebounced(),e.has("scale")&&this.hasUpdated&&this.updateBlockAndGroupScale()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObserver()}updateBlockItems(){this.updateGroupItems();let{dragEnabled:e,el:t,sortDisabled:s,sortHandleMenuItems:l}=this,a=Array.from(this.el.querySelectorAll($)),n=t,o=Array.from(n.children).filter(c);a.forEach(r=>{r.closest(f)===t&&(r.moveToItems=l.filter(i=>this.validateSortMenuItem({type:"move",fromEl:n,toEl:i.element,dragEl:r,newIndex:0,oldIndex:o.indexOf(r)})),r.addToItems=this.sortHandleMenuItems.filter(i=>this.validateSortMenuItem({type:"add",fromEl:n,toEl:i.element,dragEl:r,newIndex:0,oldIndex:o.indexOf(r)})),r.dragHandle=e,r.sortDisabled=s)}),this.sortable.reset()}updateGroupItems(){let{el:e,group:t}=this,s=S(e),l=t?Array.from(s.querySelectorAll(`${f}[group="${t}"]`)).filter(a=>!a.disabled&&a.dragEnabled):[];this.sortHandleMenuItems=l.map(a=>({element:a,label:a.label??a.id,id:D()}))}handleCalciteInternalAssistiveTextChange(e){this.assistiveText=e.detail.message,e.stopPropagation()}handleSortReorder(e){this.parentBlockGroupEl||e.defaultPrevented||(e.preventDefault(),this.handleReorder(e))}handleSortAdd(e){this.parentBlockGroupEl||e.defaultPrevented||(e.preventDefault(),this.handleAdd(e))}handleSortMove(e){this.parentBlockGroupEl||e.defaultPrevented||(e.preventDefault(),this.handleMove(e))}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(e){this.calciteBlockGroupDragEnd.emit(e)}onDragStart(e){e.dragEl.sortHandleOpen=!1,this.calciteBlockGroupDragStart.emit(e)}onDragSort(e){this.setParentBlockGroup(),this.updateBlockItemsDebounced(),this.calciteBlockGroupOrderChange.emit(e)}setParentBlockGroup(){this.parentBlockGroupEl=this.el.parentElement?.closest(f)||void 0}handleDefaultSlotChange(e){let t=[];this.blockAndGroups=O(e).filter(s=>c(s)?(t.push(s),!0):w(s)),R(t),this.updateBlockAndGroupScale()}updateBlockAndGroupScale(){this.blockAndGroups.forEach(e=>{e.scale=this.scale})}updateBlockChildrenExpanded(e){let{el:t,parentElement:s}=e.detail;if(s===this.el){e.stopPropagation();let l=this.blockAndGroups.filter(a=>c(a));switch(this.expandMode){case"multiple":t.expanded=!t.expanded;break;case"single":t.expanded=!t.expanded,this.collapseAllBlockElements(l,t);break;case"single-persist":t.expanded?t.expanded&&l.forEach(a=>{a.contains(t)&&a!==t&&(t.expanded=!1)}):(t.expanded=!0,this.collapseAllBlockElements(l,t));break}}}collapseAllBlockElements(e,t){e.forEach(s=>{s!==t&&!s.contains(t)&&(s.expanded=!1)})}validateSortMenuItem({fromEl:e,toEl:t,dragEl:s,newIndex:l,oldIndex:a,type:n}){if(!e||!t||t===e||s.contains(t))return!1;let o=e.canPull?.({toEl:t,fromEl:e,dragEl:s,newIndex:l,oldIndex:a})??!0,r=t.canPut?.({toEl:t,fromEl:e,dragEl:s,newIndex:l,oldIndex:a})??!0;return(n==="add"?o==="clone":o===!0)&&r}handleAdd(e){let{addTo:t}=e.detail,s=e.target,l=s?.parentElement,a=t.element,o=Array.from(l.children).filter(c).indexOf(s),r=0;if(!this.validateSortMenuItem({type:"add",fromEl:l,toEl:a,dragEl:s,newIndex:r,oldIndex:o}))return;s.sortHandleOpen=!1,this.disconnectObserver();let i=s.cloneNode();a.prepend(i),this.updateBlockItemsDebounced(),this.connectObserver();let g={dragEl:s,fromEl:l,toEl:a,newIndex:r,oldIndex:o};this.calciteBlockGroupOrderChange.emit(g),a.emitOrderChangeEvent(g)}handleMove(e){let{moveTo:t}=e.detail,s=e.target,l=s?.parentElement,a=t.element,o=Array.from(l.children).filter(c).indexOf(s),r=0;if(!this.validateSortMenuItem({type:"move",fromEl:l,toEl:a,dragEl:s,newIndex:r,oldIndex:o}))return;s.sortHandleOpen=!1,this.disconnectObserver(),a.prepend(s),this.updateBlockItemsDebounced(),this.connectObserver();let i={dragEl:s,fromEl:l,toEl:a,newIndex:r,oldIndex:o};this.calciteBlockGroupOrderChange.emit(i),a.emitOrderChangeEvent(i)}handleReorder(e){let{reorder:t}=e.detail,s=e.target,l=s?.parentElement;if(!l)return;s.sortHandleOpen=!1;let a=Array.from(l.children).filter(c),n=a.length-1,o=a.indexOf(s),r=o;switch(t){case"top":r=0;break;case"bottom":r=n;break;case"up":r=o===0?0:o-1;break;case"down":r=o===n?n:o+1;break}this.disconnectObserver();let i=t==="up"||t==="top"?a[r]:a[r].nextSibling;l.insertBefore(s,i),this.updateBlockItemsDebounced(),this.connectObserver(),this.calciteBlockGroupOrderChange.emit({dragEl:s,fromEl:l,toEl:l,newIndex:r,oldIndex:o})}render(){let{loading:e,label:t}=this;return this.interactiveContainer({disabled:this.disabled,children:p`<div class=${h(m.container)}>${this.dragEnabled?p`<span aria-live=assertive class=${h(B.screenReaderText)}>${this.assistiveText}</span>`:null}${e?p`<calcite-scrim class=${h(m.scrim)} .loading=${e}></calcite-scrim>`:null}<div .ariaBusy=${M(e,void 0)} .ariaLabel=${t||""} class=${h(m.groupContainer)} role=group><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div>`})}};I("calcite-block-group",b);export{b as BlockGroup};
package/dist/cdn/{G3OHTVEH.js → PW4CWXX5.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as Q}from"./YP3AYJH3.js";import{b as G}from"./7VTO7SRW.js";import{b as W}from"./U5WSVLY4.js";import{A as z,B as $,k as X,m as V}from"./7FW2RVVH.js";import{Q as U}from"./7KSMSOAN.js";var Le=i=>{let{manager:a}=i;return W((o,c)=>{let u,f,g=l=>!!(l&&o.referenceElementType),E=l=>{g(l)&&(a.registerElement(o,l),f=l)},h=l=>{g(l)&&(a.unregisterElement(o,l),f===l&&(f=void 0))},k=l=>{let{referenceElement:m,el:C}=l;return(typeof m=="string"?V(C,{id:m}):m)||void 0},v=(l=!0)=>{if(!o.referenceElementType)return;o.referenceEl=k(o);let{el:m,referenceElement:C,referenceEl:D}=o;l&&C&&!D&&U.warn(`${m.tagName}: reference-element id "${C}" was not found.`,{el:m})};c.onConnected(()=>{u=requestAnimationFrame(()=>{o.el.isConnected&&(v(o.manager.loadedCalled),E(o.referenceEl))})}),c.onLoaded(()=>{o.referenceElement&&!o.referenceEl&&v()}),c.onUpdate(l=>{o.hasUpdated&&(l.has("referenceElement")&&v(),l.has("referenceEl")?(h(l.get("referenceEl")),E(o.referenceEl)):(l.has("open")||l.has("triggerDisabled"))&&a.updateElement(o,o.referenceEl))}),c.onDisconnected(()=>{u!=null&&(cancelAnimationFrame(u),u=void 0),h(f)})})};function j(i,a){if(i===a)return!0;if(i.length!==a.length)return!1;let o=new Set(i),c=new Set(a);if(o.size!==c.size)return!1;for(let u of o)if(!c.has(u))return!1;return!0}var me=5,R=300,ge=R/3,ve=R*1.5;function Ee({startX:i,startY:a,endX:o,endY:c}){return Math.hypot(o-i,c-a)>me}var He=i=>{let a=new Map,o=new WeakMap,c=new WeakSet,u=new WeakMap,f=null,g=null,E=null,h=null,k=null,v=null,l=0,m=(e,t)=>{let n=e.find(s=>a.has(s));if(!n)return;let r=a.get(n);return t?r?.filter(s=>s.referenceElementType===t):r},C=(e,t)=>{let n=e.composedPath(),r=m(n,t);r?.forEach(s=>{s&&!s.triggerDisabled&&(s.open=!s.open)}),Array.from(a.values()).flat().filter(s=>!r?.includes(s)&&s.autoClose&&s.open&&!n.includes(s.el)).forEach(s=>s.open=!1)},D=e=>{$(e)||e.defaultPrevented||v&&Ee({endY:e.clientY,endX:e.clientX,startY:v.y,startX:v.x})||(v=null,C(e,"click"))},b=()=>{h!=null&&window.clearTimeout(h),h=null},A=()=>{E!=null&&window.clearTimeout(E),E=null},w=()=>{b(),A()},P=(e,t)=>!!(f?.some(n=>n?.open&&t.includes(n.el))||e?.some(n=>n?.open&&t.includes(n.el))),y=(e,t)=>{e?.forEach(n=>n.open=t),f=t?e:null},p=()=>{y(f,!1)},J=e=>{if(e.key==="Escape"&&!e.defaultPrevented){let t=f?.filter(n=>n?.open);if(t?.length){w(),p();let n=e.composedPath();t.some(r=>r.referenceEl instanceof Element&&n.includes(r.referenceEl)||n.includes(r.el))&&e.preventDefault()}}},Z=e=>{if(e.defaultPrevented)return;g=null;let t=e.composedPath(),n=m(t,"hover");if(P(n,t)){w();return}if(p(),!n?.length)return;w();let r=n.filter(d=>d.closeOnClick),s=n.filter(d=>!d.closeOnClick);r?.length&&(g=r,y(r,!1)),y(s,!0)},T=e=>{if(e.defaultPrevented||!z(e))return;let{clientX:t,clientY:n}=e;v={x:t,y:n}},ee=e=>{e.defaultPrevented||(e.key==="Escape"?ne():Q(e.key)&&C(e,"click"))},te=e=>{m(e.composedPath())?.forEach(n=>n.onReferenceElementKeyDown?.(e))},ne=()=>{Array.from(a.values()).flat().forEach(e=>e.open=!1)},S=e=>{j(e??[],f??[])||p()},re=e=>{h=window.setTimeout(()=>{h===null||!j(e??[],k??[])||(A(),S(e),y(e,!0))},f?.some(t=>t.open)?ge:R)},O=()=>{E=window.setTimeout(()=>{E!==null&&p()},ve)},x=e=>{if(e.defaultPrevented){p();return}let t=e.composedPath(),n=m(t,"hover");if(P(n,t)){w();return}n?.some(r=>g?.includes(r))||(n?.some(r=>k?.includes(r))||b(),k=n,n?.length?re(n):f?.some(r=>r?.open)&&O(),g=null)},M=()=>{p()},_=e=>{e.defaultPrevented||(w(),O())},B=e=>{i.click&&D(e),i.hover&&Z(e)},Y=e=>{te(e),i.click&&ee(e),i.hover&&J(e)},se=()=>{(i.click||i.hover)&&(window.addEventListener("click",B),window.addEventListener("keydown",Y)),i.click&&window.addEventListener("pointerdown",T),i.hover&&(window.addEventListener("pointermove",x),window.addEventListener("focusin",L),window.addEventListener("blur",M),document.addEventListener("pointerleave",_))},ie=()=>{(i.click||i.hover)&&(window.removeEventListener("click",B),window.removeEventListener("keydown",Y)),i.click&&window.removeEventListener("pointerdown",T),i.hover&&(window.removeEventListener("pointermove",x),window.removeEventListener("focusin",L),window.removeEventListener("blur",M),document.removeEventListener("pointerleave",_))},oe=(e,t)=>{w(),y(e,t)},K=e=>e instanceof Element?X(e):null,L=e=>{if(e.defaultPrevented)return;let t=e.composedPath(),n=m(t,"hover");if(P(n,t)){w();return}n?.some(r=>g?.includes(r))||(g=null,S(n),n?.length&&oe(n,!0))},N=(e,t)=>{if(!("ariaExpanded"in e))return;let n=t.filter(r=>!r.triggerDisabled);if(n.length){e.ariaExpanded=G(n.some(r=>r.open)),c.add(e);return}c.has(e)&&(e.ariaExpanded=null,c.delete(e))},I=(e,t,n=!t.triggerDisabled)=>{if(!("ariaControlsElements"in e))return;let r=e.ariaControlsElements??[],s=r.includes(t.el),d=o.get(e);if(!n){if(!d?.has(t))return;let H=r.filter(fe=>fe!==t.el);e.ariaControlsElements=H.length>0?H:null,d?.delete(t);return}s||(e.ariaControlsElements=[...r,t.el],d?d.add(t):o.set(e,new WeakSet([t])))},q=(e,t)=>{!t||!e.referenceElementType||i.click&&(I(t,e),N(t,a.get(t)??[]))},le=e=>{e.addEventListener("focusin",L)},ae=e=>{e.removeEventListener("focusin",L)},de=e=>{let t=u.get(e),n=(typeof t=="number"?t:0)+1;n===1&&le(e),u.set(e,n)},ce=e=>{let t=u.get(e),n=typeof t=="number"?t:0,r=Math.max(0,n-1);if(n>0&&r===0){ae(e),u.delete(e);return}r>0&&u.set(e,r)},ue=(e,t)=>{if(!t||!e.referenceElementType)return;let n=a.get(t)??[];if(n.includes(e))return;if(i.hover&&"ariaDescribedByElements"in t){let s=t.ariaDescribedByElements??[];if(!s.includes(e.el)){let d=[...s,e.el];t.ariaDescribedByElements=d}}l++,a.set(t,[...n,e]);let r=i.hover?K(t):null;r&&de(r),l===1&&se(),q(e,t)},F=e=>{l--,e&&ce(e)};return{registerElement:ue,unregisterElement:(e,t)=>{if(!t||!e.referenceElementType)return;let n=i.hover?K(t):null,r=a.get(t)??[],s=r.filter(d=>d!==e);if(s.length>0?(a.set(t,s),s.length!==r.length&&F(n)):a.delete(t)&&F(n),l===0&&(ie(),w()),i.click&&(I(t,e,!1),N(t,s)),i.hover&&"ariaDescribedByElements"in t){let d=(t.ariaDescribedByElements??[]).filter(H=>H!==e.el);t.ariaDescribedByElements=d.length>0?d:null}},updateElement:q}};export{Le as a,He as b};
2
+ import{a as Q}from"./YP3AYJH3.js";import{b as G}from"./7VTO7SRW.js";import{b as W}from"./6NAQTGPW.js";import{A as z,B as $,k as X,m as V}from"./7FW2RVVH.js";import{Q as U}from"./PA2BHIBQ.js";var Le=i=>{let{manager:a}=i;return W((o,c)=>{let u,f,g=l=>!!(l&&o.referenceElementType),E=l=>{g(l)&&(a.registerElement(o,l),f=l)},h=l=>{g(l)&&(a.unregisterElement(o,l),f===l&&(f=void 0))},k=l=>{let{referenceElement:m,el:C}=l;return(typeof m=="string"?V(C,{id:m}):m)||void 0},v=(l=!0)=>{if(!o.referenceElementType)return;o.referenceEl=k(o);let{el:m,referenceElement:C,referenceEl:D}=o;l&&C&&!D&&U.warn(`${m.tagName}: reference-element id "${C}" was not found.`,{el:m})};c.onConnected(()=>{u=requestAnimationFrame(()=>{o.el.isConnected&&(v(o.manager.loadedCalled),E(o.referenceEl))})}),c.onLoaded(()=>{o.referenceElement&&!o.referenceEl&&v()}),c.onUpdate(l=>{o.hasUpdated&&(l.has("referenceElement")&&v(),l.has("referenceEl")?(h(l.get("referenceEl")),E(o.referenceEl)):(l.has("open")||l.has("triggerDisabled"))&&a.updateElement(o,o.referenceEl))}),c.onDisconnected(()=>{u!=null&&(cancelAnimationFrame(u),u=void 0),h(f)})})};function j(i,a){if(i===a)return!0;if(i.length!==a.length)return!1;let o=new Set(i),c=new Set(a);if(o.size!==c.size)return!1;for(let u of o)if(!c.has(u))return!1;return!0}var me=5,R=300,ge=R/3,ve=R*1.5;function Ee({startX:i,startY:a,endX:o,endY:c}){return Math.hypot(o-i,c-a)>me}var He=i=>{let a=new Map,o=new WeakMap,c=new WeakSet,u=new WeakMap,f=null,g=null,E=null,h=null,k=null,v=null,l=0,m=(e,t)=>{let n=e.find(s=>a.has(s));if(!n)return;let r=a.get(n);return t?r?.filter(s=>s.referenceElementType===t):r},C=(e,t)=>{let n=e.composedPath(),r=m(n,t);r?.forEach(s=>{s&&!s.triggerDisabled&&(s.open=!s.open)}),Array.from(a.values()).flat().filter(s=>!r?.includes(s)&&s.autoClose&&s.open&&!n.includes(s.el)).forEach(s=>s.open=!1)},D=e=>{$(e)||e.defaultPrevented||v&&Ee({endY:e.clientY,endX:e.clientX,startY:v.y,startX:v.x})||(v=null,C(e,"click"))},b=()=>{h!=null&&window.clearTimeout(h),h=null},A=()=>{E!=null&&window.clearTimeout(E),E=null},w=()=>{b(),A()},P=(e,t)=>!!(f?.some(n=>n?.open&&t.includes(n.el))||e?.some(n=>n?.open&&t.includes(n.el))),y=(e,t)=>{e?.forEach(n=>n.open=t),f=t?e:null},p=()=>{y(f,!1)},J=e=>{if(e.key==="Escape"&&!e.defaultPrevented){let t=f?.filter(n=>n?.open);if(t?.length){w(),p();let n=e.composedPath();t.some(r=>r.referenceEl instanceof Element&&n.includes(r.referenceEl)||n.includes(r.el))&&e.preventDefault()}}},Z=e=>{if(e.defaultPrevented)return;g=null;let t=e.composedPath(),n=m(t,"hover");if(P(n,t)){w();return}if(p(),!n?.length)return;w();let r=n.filter(d=>d.closeOnClick),s=n.filter(d=>!d.closeOnClick);r?.length&&(g=r,y(r,!1)),y(s,!0)},T=e=>{if(e.defaultPrevented||!z(e))return;let{clientX:t,clientY:n}=e;v={x:t,y:n}},ee=e=>{e.defaultPrevented||(e.key==="Escape"?ne():Q(e.key)&&C(e,"click"))},te=e=>{m(e.composedPath())?.forEach(n=>n.onReferenceElementKeyDown?.(e))},ne=()=>{Array.from(a.values()).flat().forEach(e=>e.open=!1)},S=e=>{j(e??[],f??[])||p()},re=e=>{h=window.setTimeout(()=>{h===null||!j(e??[],k??[])||(A(),S(e),y(e,!0))},f?.some(t=>t.open)?ge:R)},O=()=>{E=window.setTimeout(()=>{E!==null&&p()},ve)},x=e=>{if(e.defaultPrevented){p();return}let t=e.composedPath(),n=m(t,"hover");if(P(n,t)){w();return}n?.some(r=>g?.includes(r))||(n?.some(r=>k?.includes(r))||b(),k=n,n?.length?re(n):f?.some(r=>r?.open)&&O(),g=null)},M=()=>{p()},_=e=>{e.defaultPrevented||(w(),O())},B=e=>{i.click&&D(e),i.hover&&Z(e)},Y=e=>{te(e),i.click&&ee(e),i.hover&&J(e)},se=()=>{(i.click||i.hover)&&(window.addEventListener("click",B),window.addEventListener("keydown",Y)),i.click&&window.addEventListener("pointerdown",T),i.hover&&(window.addEventListener("pointermove",x),window.addEventListener("focusin",L),window.addEventListener("blur",M),document.addEventListener("pointerleave",_))},ie=()=>{(i.click||i.hover)&&(window.removeEventListener("click",B),window.removeEventListener("keydown",Y)),i.click&&window.removeEventListener("pointerdown",T),i.hover&&(window.removeEventListener("pointermove",x),window.removeEventListener("focusin",L),window.removeEventListener("blur",M),document.removeEventListener("pointerleave",_))},oe=(e,t)=>{w(),y(e,t)},K=e=>e instanceof Element?X(e):null,L=e=>{if(e.defaultPrevented)return;let t=e.composedPath(),n=m(t,"hover");if(P(n,t)){w();return}n?.some(r=>g?.includes(r))||(g=null,S(n),n?.length&&oe(n,!0))},N=(e,t)=>{if(!("ariaExpanded"in e))return;let n=t.filter(r=>!r.triggerDisabled);if(n.length){e.ariaExpanded=G(n.some(r=>r.open)),c.add(e);return}c.has(e)&&(e.ariaExpanded=null,c.delete(e))},I=(e,t,n=!t.triggerDisabled)=>{if(!("ariaControlsElements"in e))return;let r=e.ariaControlsElements??[],s=r.includes(t.el),d=o.get(e);if(!n){if(!d?.has(t))return;let H=r.filter(fe=>fe!==t.el);e.ariaControlsElements=H.length>0?H:null,d?.delete(t);return}s||(e.ariaControlsElements=[...r,t.el],d?d.add(t):o.set(e,new WeakSet([t])))},q=(e,t)=>{!t||!e.referenceElementType||i.click&&(I(t,e),N(t,a.get(t)??[]))},le=e=>{e.addEventListener("focusin",L)},ae=e=>{e.removeEventListener("focusin",L)},de=e=>{let t=u.get(e),n=(typeof t=="number"?t:0)+1;n===1&&le(e),u.set(e,n)},ce=e=>{let t=u.get(e),n=typeof t=="number"?t:0,r=Math.max(0,n-1);if(n>0&&r===0){ae(e),u.delete(e);return}r>0&&u.set(e,r)},ue=(e,t)=>{if(!t||!e.referenceElementType)return;let n=a.get(t)??[];if(n.includes(e))return;if(i.hover&&"ariaDescribedByElements"in t){let s=t.ariaDescribedByElements??[];if(!s.includes(e.el)){let d=[...s,e.el];t.ariaDescribedByElements=d}}l++,a.set(t,[...n,e]);let r=i.hover?K(t):null;r&&de(r),l===1&&se(),q(e,t)},F=e=>{l--,e&&ce(e)};return{registerElement:ue,unregisterElement:(e,t)=>{if(!t||!e.referenceElementType)return;let n=i.hover?K(t):null,r=a.get(t)??[],s=r.filter(d=>d!==e);if(s.length>0?(a.set(t,s),s.length!==r.length&&F(n)):a.delete(t)&&F(n),l===0&&(ie(),w()),i.click&&(I(t,e,!1),N(t,s)),i.hover&&"ariaDescribedByElements"in t){let d=(t.ariaDescribedByElements??[]).filter(H=>H!==e.el);t.ariaDescribedByElements=d.length>0?d:null}},updateElement:q}};export{Le as a,He as b};
package/dist/cdn/{PB6JZXJB.js → Q6A7JJCH.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as F}from"./LXL2ZXIE.js";import{a as O,b as B}from"./G3OHTVEH.js";import{a as E}from"./S5SMA5FZ.js";import{c as f,e as z,f as C,g as L,h as D,i as h}from"./XB4VJHKJ.js";import{a as w}from"./SAZM37N6.js";import{a as k}from"./MUN4CUMW.js";import"./3XS7XZAX.js";import"./YP3AYJH3.js";import"./7VTO7SRW.js";import{a as d}from"./JL43QOWW.js";import"./VUYX7MNO.js";import{e as x}from"./U5WSVLY4.js";import"./XGDKPMQY.js";import"./7FW2RVVH.js";import{E as v,F as p,G as b,H as o,T as y,g as u,h as g,p as t}from"./7KSMSOAN.js";var S=u`:host{display:contents;--calcite-internal-tooltip-padding-block: var(--calcite-spacing-sm);--calcite-internal-tooltip-padding-inline: var(--calcite-spacing-md)}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-tooltip)}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.position-container{opacity:0;inset-block-start:0;left:0}}.position-container{max-inline-size:var(--calcite-tooltip-max-size-x, 20rem);max-block-size:20rem}.position-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.position-container:popover-open{display:block}.position-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]){--calcite-internal-tooltip-padding-block: var(--calcite-spacing-xxs);--calcite-internal-tooltip-padding-inline: var(--calcite-spacing-sm)}:host([scale=s]) .container{font-size:var(--calcite-font-size-relative-xs);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .container{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}.container{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);overflow-wrap:break-word;word-break:break-word;position:relative;overflow:hidden;font-weight:var(--calcite-font-weight-medium);padding-block:var(--calcite-internal-tooltip-padding-block);padding-inline:var(--calcite-internal-tooltip-padding-inline);border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round));color:var(--calcite-tooltip-text-color, var(--calcite-color-text-1));text-align:start}.position-container .calcite-floating-ui-anim{border-width:var(--calcite-border-width-sm);border-style:solid;box-shadow:var(--calcite-shadow-md);background-color:var(--calcite-tooltip-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-tooltip-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-tooltip-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-tooltip-border-color, var(--calcite-color-border-3))}:host([hidden]){display:none}[hidden]{display:none}`,T=B({hover:!0}),m=class extends b{constructor(){super(...arguments),this.direction=x(),this.referenceElementType="hover",this.referenceElementController=O({manager:T})(this),this.transitionProp="opacity",this.transitionRef=v(),this.topLayer=E({disabledOverride:()=>this.open&&!this.referenceEl,target:()=>this.floatingEl})(this),this.floatingLayout="vertical",this.closeOnClick=!1,this.offsetDistance=h,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.pointerDisabled=!1,this.scale="m",this.topLayerDisabled=!1,this.calciteTooltipBeforeClose=t({cancelable:!1}),this.calciteTooltipBeforeOpen=t({cancelable:!1}),this.calciteTooltipClose=t({cancelable:!1}),this.calciteTooltipOpen=t({cancelable:!1})}static{this.properties={floatingLayout:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],closeOnClick:[7,{},{reflect:!0,type:Boolean}],label:1,offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],pointerDisabled:[7,{},{reflect:!0,type:Boolean}],referenceElement:1,scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=S}async reposition(e=!1){let{referenceEl:a,placement:r,overlayPositioning:n,offsetDistance:l,offsetSkidding:i,arrowEl:s,floatingEl:c}=this;return z(this,{direction:this.direction,floatingEl:c,referenceEl:a,overlayPositioning:n,placement:r,offsetDistance:l,offsetSkidding:i,arrowEl:s,type:"tooltip"},e)}willUpdate(e){(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==h)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!=="auto"))&&this.reposition(!0),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("referenceElement")&&!this.referenceElement&&this.open&&this.topLayer.hide()}updated(e){e.has("referenceEl")&&L(this)}disconnectedCallback(){super.disconnectedCallback(),D(this)}openHandler(){w(this),this.reposition(!0)}onBeforeOpen(){this.calciteTooltipBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteTooltipOpen.emit()}onBeforeClose(){this.calciteTooltipBeforeClose.emit()}onClose(){this.calciteTooltipClose.emit(),C(this),this.topLayer.hide()}setFloatingEl(e){this.floatingEl=e}setArrowEl(e){this.arrowEl=e,this.reposition(!0)}render(){let{referenceEl:e,label:a,open:r,pointerDisabled:n,floatingLayout:l}=this,i=e&&r,s=!i,c=n?null:k("floating-arrow",F({floatingLayout:l,ref:this.setArrowEl}));return this.el.inert=s,this.el.ariaLabel=a??null,this.el.ariaLive="polite",this.el.role="tooltip",g`<div class=${o(d.positionContainer)} popover=manual ${p(this.setFloatingEl)}><div class=${o({[f.animation]:!0,[f.animationActive]:i})} ${p(this.transitionRef)}>${c}<div class=${o(d.container)}><slot></slot></div></div></div>`}};y("calcite-tooltip",m);export{m as Tooltip};
2
+ import{a as F}from"./ZDDD6PWQ.js";import{a as O,b as B}from"./PW4CWXX5.js";import{a as E}from"./NJB26RSN.js";import{c as f,e as z,f as C,g as L,h as D,i as h}from"./AXJPT3JP.js";import{a as w}from"./SAZM37N6.js";import{a as k}from"./G6EK753X.js";import"./3XS7XZAX.js";import"./YP3AYJH3.js";import"./7VTO7SRW.js";import{a as d}from"./JL43QOWW.js";import"./VUYX7MNO.js";import{e as x}from"./6NAQTGPW.js";import"./LGO3TCAO.js";import"./7FW2RVVH.js";import{E as v,F as p,G as b,H as o,T as y,g as u,h as g,p as t}from"./PA2BHIBQ.js";var S=u`:host{display:contents;--calcite-internal-tooltip-padding-block: var(--calcite-spacing-sm);--calcite-internal-tooltip-padding-inline: var(--calcite-spacing-md)}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-tooltip)}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.position-container{opacity:0;inset-block-start:0;left:0}}.position-container{max-inline-size:var(--calcite-tooltip-max-size-x, 20rem);max-block-size:20rem}.position-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.position-container:popover-open{display:block}.position-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]){--calcite-internal-tooltip-padding-block: var(--calcite-spacing-xxs);--calcite-internal-tooltip-padding-inline: var(--calcite-spacing-sm)}:host([scale=s]) .container{font-size:var(--calcite-font-size-relative-xs);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .container{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}.container{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);overflow-wrap:break-word;word-break:break-word;position:relative;overflow:hidden;font-weight:var(--calcite-font-weight-medium);padding-block:var(--calcite-internal-tooltip-padding-block);padding-inline:var(--calcite-internal-tooltip-padding-inline);border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round));color:var(--calcite-tooltip-text-color, var(--calcite-color-text-1));text-align:start}.position-container .calcite-floating-ui-anim{border-width:var(--calcite-border-width-sm);border-style:solid;box-shadow:var(--calcite-shadow-md);background-color:var(--calcite-tooltip-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-tooltip-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-tooltip-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-tooltip-border-color, var(--calcite-color-border-3))}:host([hidden]){display:none}[hidden]{display:none}`,T=B({hover:!0}),m=class extends b{constructor(){super(...arguments),this.direction=x(),this.referenceElementType="hover",this.referenceElementController=O({manager:T})(this),this.transitionProp="opacity",this.transitionRef=v(),this.topLayer=E({disabledOverride:()=>this.open&&!this.referenceEl,target:()=>this.floatingEl})(this),this.floatingLayout="vertical",this.closeOnClick=!1,this.offsetDistance=h,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.pointerDisabled=!1,this.scale="m",this.topLayerDisabled=!1,this.calciteTooltipBeforeClose=t({cancelable:!1}),this.calciteTooltipBeforeOpen=t({cancelable:!1}),this.calciteTooltipClose=t({cancelable:!1}),this.calciteTooltipOpen=t({cancelable:!1})}static{this.properties={floatingLayout:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],closeOnClick:[7,{},{reflect:!0,type:Boolean}],label:1,offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],pointerDisabled:[7,{},{reflect:!0,type:Boolean}],referenceElement:1,scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=S}async reposition(e=!1){let{referenceEl:a,placement:r,overlayPositioning:n,offsetDistance:l,offsetSkidding:i,arrowEl:s,floatingEl:c}=this;return z(this,{direction:this.direction,floatingEl:c,referenceEl:a,overlayPositioning:n,placement:r,offsetDistance:l,offsetSkidding:i,arrowEl:s,type:"tooltip"},e)}willUpdate(e){(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==h)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!=="auto"))&&this.reposition(!0),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("referenceElement")&&!this.referenceElement&&this.open&&this.topLayer.hide()}updated(e){e.has("referenceEl")&&L(this)}disconnectedCallback(){super.disconnectedCallback(),D(this)}openHandler(){w(this),this.reposition(!0)}onBeforeOpen(){this.calciteTooltipBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteTooltipOpen.emit()}onBeforeClose(){this.calciteTooltipBeforeClose.emit()}onClose(){this.calciteTooltipClose.emit(),C(this),this.topLayer.hide()}setFloatingEl(e){this.floatingEl=e}setArrowEl(e){this.arrowEl=e,this.reposition(!0)}render(){let{referenceEl:e,label:a,open:r,pointerDisabled:n,floatingLayout:l}=this,i=e&&r,s=!i,c=n?null:k("floating-arrow",F({floatingLayout:l,ref:this.setArrowEl}));return this.el.inert=s,this.el.ariaLabel=a??null,this.el.ariaLive="polite",this.el.role="tooltip",g`<div class=${o(d.positionContainer)} popover=manual ${p(this.setFloatingEl)}><div class=${o({[f.animation]:!0,[f.animationActive]:i})} ${p(this.transitionRef)}>${c}<div class=${o(d.container)}><slot></slot></div></div></div>`}};y("calcite-tooltip",m);export{m as Tooltip};
package/dist/cdn/{OB2W6TSP.js → QEAQHUU5.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{F as r,H as a,h as c,l as t}from"./7KSMSOAN.js";var m={container:"clear-button--container"},f=()=>{},x=({ariaLabel:i,ref:e,disabled:n,focusable:l,onClick:s,scale:$,title:o})=>c`<div class=${a(m.container)} .inert=${n} ${r(e||f)}><calcite-action .disabled=${n} icon=x .label=${i??""} @click=${s} .scale=${$} tabindex=${(l?void 0:-1)??t} .text=${o} title=${o??t}></calcite-action></div>`;export{x as a};
2
+ import{F as r,H as a,h as c,l as t}from"./PA2BHIBQ.js";var m={container:"clear-button--container"},f=()=>{},x=({ariaLabel:i,ref:e,disabled:n,focusable:l,onClick:s,scale:$,title:o})=>c`<div class=${a(m.container)} .inert=${n} ${r(e||f)}><calcite-action .disabled=${n} icon=x .label=${i??""} @click=${s} .scale=${$} tabindex=${(l?void 0:-1)??t} .text=${o} title=${o??t}></calcite-action></div>`;export{x as a};
package/dist/cdn/{5HZGCBM5.js → QM4T6NGO.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{c as z}from"./THIECYN6.js";import{a as I}from"./IU67HZG4.js";import{a as g}from"./MUN4CUMW.js";import{a as T}from"./T6CCMW7H.js";import{b as w}from"./7VTO7SRW.js";import{a as d,b as m}from"./VI7SBYXT.js";import{a as y}from"./CBP4ZUNC.js";import{c as C}from"./VUYX7MNO.js";import{a as b}from"./ZWPNZ5XW.js";import{e as k}from"./U5WSVLY4.js";import"./XGDKPMQY.js";import{g as x}from"./7FW2RVVH.js";import{E as p,F as r,G as v,H as c,K as s,T as f,g as u,h as a,p as e}from"./7KSMSOAN.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:n=>`scale-${n}`,selectedIndicator:"selected-indicator"},R="calcite-tab-title",A={host:n=>`${R}-${n}`},H=C("calcite-tab-title"),O=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{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md);display:block;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{display:flex;align-items:center;justify-content:center;block-size:100%;margin-block-end:var(--calcite-space-base);position:relative;box-sizing:border-box}.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{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);padding-block:var(--calcite-space-2xs)}.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{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);padding-block:var(--calcite-space-sm)}.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{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);padding-block:var(--calcite-space-sm-plus)}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:var(--calcite-space-2xs)}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{justify-content:center;margin-block:0;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{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;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);position:relative;box-sizing:border-box;align-content:center;cursor:pointer;display:flex;outline-color:transparent;block-size:100%;justify-content:space-between;padding-inline:0;inline-size:100%;color:var(--calcite-tab-text-color, var(--calcite-color-text-3));background-color:var(--calcite-tab-background-color, transparent)}.selected-indicator{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;position:absolute;display:block;block-size:var(--calcite-space-base);inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}:host([bordered][selected]) .container:after{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;position:absolute;display:block;block-size:var(--calcite-space-base);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:var(--calcite-space-2xs)}.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(-1 * var(--calcite-space-base) * (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:var(--calcite-space-md)}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:var(--calcite-space-sm)}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:var(--calcite-space-lg)}: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 v{constructor(){super(),this.closeButtonRef=p(),this.direction=k(),this.guid=A.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.calciteInternalTabTitleCloseChange=e({cancelable:!1}),this.calciteInternalTabTitleRegister=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,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{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=O}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(H),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(z)===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then(l=>{this.selected=l===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,l=t.id||this.guid,E=a`<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>`,$=a`<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 s(this.el,"aria-controls",this.controls),this.el.ariaSelected=w(this.selected),s(this.el,"id",l),this.el.role="tab",s(this.el,"tabIndex",this.selected&&!this.disabled?0:-1),this.interactiveContainer({disabled:this.disabled,children:a`<div class=${c({[i.container]:!0,[i.containerBottom]:this.position==="bottom",[i.iconPresent]:!!this.iconStart||!!this.iconEnd,[i.scale(this.scale)]:!0})} .hidden=${o} ${r(this.setContainerRef)}><div class=${c({[i.content]:!0,[i.contentHasText]:this.hasText})}>${this.iconStart?E:null}<slot></slot>${this.iconEnd?$:null}</div>${this.renderCloseButton()}<div class=${c(i.selectedIndicator)}></div></div>`})}renderCloseButton(){let{closable:t,messages:o}=this;return t?g("close-button",a`<calcite-action class=${c(i.close)} icon=x @click=${this.closeClickHandler} .scale=${this.scale} .text=${o.close} ${r(this.closeButtonRef)}></calcite-action>`):null}};f("calcite-tab-title",h);export{h as TabTitle};
2
+ import{c as z}from"./THIECYN6.js";import{a as I}from"./W4WNNUUC.js";import{a as g}from"./G6EK753X.js";import{a as T}from"./T6CCMW7H.js";import{b as w}from"./7VTO7SRW.js";import{a as d,b as m}from"./VI7SBYXT.js";import{a as y}from"./MG5KEVZ3.js";import{c as C}from"./VUYX7MNO.js";import{a as b}from"./ZWPNZ5XW.js";import{e as k}from"./6NAQTGPW.js";import"./LGO3TCAO.js";import{g as x}from"./7FW2RVVH.js";import{E as p,F as r,G as v,H as c,K as s,T as f,g as u,h as a,p as e}from"./PA2BHIBQ.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:n=>`scale-${n}`,selectedIndicator:"selected-indicator"},R="calcite-tab-title",A={host:n=>`${R}-${n}`},H=C("calcite-tab-title"),O=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{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md);display:block;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{display:flex;align-items:center;justify-content:center;block-size:100%;margin-block-end:var(--calcite-space-base);position:relative;box-sizing:border-box}.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{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);padding-block:var(--calcite-space-2xs)}.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{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);padding-block:var(--calcite-space-sm)}.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{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);padding-block:var(--calcite-space-sm-plus)}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:var(--calcite-space-2xs)}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{justify-content:center;margin-block:0;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{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;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);position:relative;box-sizing:border-box;align-content:center;cursor:pointer;display:flex;outline-color:transparent;block-size:100%;justify-content:space-between;padding-inline:0;inline-size:100%;color:var(--calcite-tab-text-color, var(--calcite-color-text-3));background-color:var(--calcite-tab-background-color, transparent)}.selected-indicator{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;position:absolute;display:block;block-size:var(--calcite-space-base);inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}:host([bordered][selected]) .container:after{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;position:absolute;display:block;block-size:var(--calcite-space-base);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:var(--calcite-space-2xs)}.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(-1 * var(--calcite-space-base) * (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:var(--calcite-space-md)}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:var(--calcite-space-sm)}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:var(--calcite-space-lg)}: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 v{constructor(){super(),this.closeButtonRef=p(),this.direction=k(),this.guid=A.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.calciteInternalTabTitleCloseChange=e({cancelable:!1}),this.calciteInternalTabTitleRegister=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,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{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=O}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(H),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(z)===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then(l=>{this.selected=l===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,l=t.id||this.guid,E=a`<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>`,$=a`<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 s(this.el,"aria-controls",this.controls),this.el.ariaSelected=w(this.selected),s(this.el,"id",l),this.el.role="tab",s(this.el,"tabIndex",this.selected&&!this.disabled?0:-1),this.interactiveContainer({disabled:this.disabled,children:a`<div class=${c({[i.container]:!0,[i.containerBottom]:this.position==="bottom",[i.iconPresent]:!!this.iconStart||!!this.iconEnd,[i.scale(this.scale)]:!0})} .hidden=${o} ${r(this.setContainerRef)}><div class=${c({[i.content]:!0,[i.contentHasText]:this.hasText})}>${this.iconStart?E:null}<slot></slot>${this.iconEnd?$:null}</div>${this.renderCloseButton()}<div class=${c(i.selectedIndicator)}></div></div>`})}renderCloseButton(){let{closable:t,messages:o}=this;return t?g("close-button",a`<calcite-action class=${c(i.close)} icon=x @click=${this.closeClickHandler} .scale=${this.scale} .text=${o.close} ${r(this.closeButtonRef)}></calcite-action>`):null}};f("calcite-tab-title",h);export{h as TabTitle};
package/dist/cdn/{GD5YHHU4.js → QMH5PWW5.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{d as a}from"./C4WP5EBM.js";import{a as I}from"./IU67HZG4.js";import"./VUYX7MNO.js";import{a as u}from"./4ZOK2ANW.js";import"./ZWPNZ5XW.js";import"./U5WSVLY4.js";import"./XGDKPMQY.js";import{C as l,y as f}from"./7FW2RVVH.js";import{E as h,F as d,G as p,T as m,g as o,h as n,p as r}from"./7KSMSOAN.js";var b=o`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.container{display:flex;inline-size:100%;flex-wrap:wrap;gap:.5rem}::slotted(calcite-chip){flex:none}:host([scale=s]) .container{gap:.25rem}:host([scale=l]) .container{gap:.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends p{constructor(){super(),this.items=[],this.slotRef=h(),this.focusSetter=u()(this),this.interactiveContainer=I(this),this.disabled=!1,this.scale="m",this.selectedItems=[],this.selectionMode="none",this.calciteChipGroupSelect=r({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("calciteChipClose",this.calciteChipCloseListener),this.listen("calciteChipSelect",this.calciteChipSelectListener),this.listen("calciteInternalChipSelect",this.calciteInternalChipSelectListener),this.listen("calciteInternalSyncSelectedChips",this.calciteInternalSyncSelectedChips)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],label:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=b}async setFocus(e){return this.focusSetter(()=>this.selectedItems[0]||this.items[0],e)}willUpdate(e){(e.has("scale")||e.has("selectionMode"))&&(this.hasUpdated||this.selectionMode!=="none")&&this.updateItems()}keyDownHandler(e){let t={ArrowRight:"next",ArrowLeft:"previous",Home:"first",End:"last"}[e.key];if(e.defaultPrevented||!t)return;let i=e.composedPath().find(a);if(!i||!this.items.includes(i))return;let S=this.items.filter(g=>!g.disabled);l(S,i,t,!0,!0,!0)}calciteChipCloseListener(e){let s=e.target;this.items?.includes(s)&&(this.items?.indexOf(s)>0?l(this.items,s,"previous",!1,!1):this.items?.indexOf(s)===0?l(this.items,s,"next",!1,!1):l(this.items,s,"first",!1,!1)),this.items=this.items.filter(t=>t!==s),e.stopPropagation()}calciteChipSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(!0,e.target),e.stopPropagation()}calciteInternalChipSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(!1,e.target),e.stopPropagation()}calciteInternalSyncSelectedChips(e){e.composedPath().includes(this.el)&&(this.updateSelectedItems(),this.selectionMode==="single"&&this.selectedItems.length>1&&this.setSelectedItems(!1,e.target)),e.stopPropagation()}updateItems(e){let s=this.slotRef.value?.assignedElements({flatten:!0}).filter(a)||[];this.items=e?f(e):s,!(this.items?.length<1)&&(this.items?.forEach(t=>{t.interactive=!0,t.scale=this.scale,t.selectionMode=this.selectionMode,t.parentChipGroup=this.el}),this.setSelectedItems(!1))}updateSelectedItems(){this.selectedItems=this.items.filter(e=>e.selected)}setSelectedItems(e,s){s&&this.items?.forEach(t=>{let i=s===t;switch(this.selectionMode){case"multiple":i&&(t.selected=!t.selected);break;case"single":t.selected=i?!t.selected:!1;break;case"single-persist":t.selected=!!i;break}}),this.updateSelectedItems(),e&&this.calciteChipGroupSelect.emit()}render(){let e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup",{disabled:s}=this;return this.interactiveContainer({disabled:s,children:n`<div .ariaLabel=${this.label} class="container" .role=${e}><slot @slotchange=${this.updateItems} ${d(this.slotRef)}></slot></div>`})}};m("calcite-chip-group",c);export{c as ChipGroup};
2
+ import{d as a}from"./C4WP5EBM.js";import{a as I}from"./W4WNNUUC.js";import"./VUYX7MNO.js";import{a as u}from"./APMXUV5R.js";import"./ZWPNZ5XW.js";import"./6NAQTGPW.js";import"./LGO3TCAO.js";import{C as l,y as f}from"./7FW2RVVH.js";import{E as h,F as d,G as p,T as m,g as o,h as n,p as r}from"./PA2BHIBQ.js";var b=o`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.container{display:flex;inline-size:100%;flex-wrap:wrap;gap:.5rem}::slotted(calcite-chip){flex:none}:host([scale=s]) .container{gap:.25rem}:host([scale=l]) .container{gap:.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends p{constructor(){super(),this.items=[],this.slotRef=h(),this.focusSetter=u()(this),this.interactiveContainer=I(this),this.disabled=!1,this.scale="m",this.selectedItems=[],this.selectionMode="none",this.calciteChipGroupSelect=r({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("calciteChipClose",this.calciteChipCloseListener),this.listen("calciteChipSelect",this.calciteChipSelectListener),this.listen("calciteInternalChipSelect",this.calciteInternalChipSelectListener),this.listen("calciteInternalSyncSelectedChips",this.calciteInternalSyncSelectedChips)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],label:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=b}async setFocus(e){return this.focusSetter(()=>this.selectedItems[0]||this.items[0],e)}willUpdate(e){(e.has("scale")||e.has("selectionMode"))&&(this.hasUpdated||this.selectionMode!=="none")&&this.updateItems()}keyDownHandler(e){let t={ArrowRight:"next",ArrowLeft:"previous",Home:"first",End:"last"}[e.key];if(e.defaultPrevented||!t)return;let i=e.composedPath().find(a);if(!i||!this.items.includes(i))return;let S=this.items.filter(g=>!g.disabled);l(S,i,t,!0,!0,!0)}calciteChipCloseListener(e){let s=e.target;this.items?.includes(s)&&(this.items?.indexOf(s)>0?l(this.items,s,"previous",!1,!1):this.items?.indexOf(s)===0?l(this.items,s,"next",!1,!1):l(this.items,s,"first",!1,!1)),this.items=this.items.filter(t=>t!==s),e.stopPropagation()}calciteChipSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(!0,e.target),e.stopPropagation()}calciteInternalChipSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(!1,e.target),e.stopPropagation()}calciteInternalSyncSelectedChips(e){e.composedPath().includes(this.el)&&(this.updateSelectedItems(),this.selectionMode==="single"&&this.selectedItems.length>1&&this.setSelectedItems(!1,e.target)),e.stopPropagation()}updateItems(e){let s=this.slotRef.value?.assignedElements({flatten:!0}).filter(a)||[];this.items=e?f(e):s,!(this.items?.length<1)&&(this.items?.forEach(t=>{t.interactive=!0,t.scale=this.scale,t.selectionMode=this.selectionMode,t.parentChipGroup=this.el}),this.setSelectedItems(!1))}updateSelectedItems(){this.selectedItems=this.items.filter(e=>e.selected)}setSelectedItems(e,s){s&&this.items?.forEach(t=>{let i=s===t;switch(this.selectionMode){case"multiple":i&&(t.selected=!t.selected);break;case"single":t.selected=i?!t.selected:!1;break;case"single-persist":t.selected=!!i;break}}),this.updateSelectedItems(),e&&this.calciteChipGroupSelect.emit()}render(){let e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup",{disabled:s}=this;return this.interactiveContainer({disabled:s,children:n`<div .ariaLabel=${this.label} class="container" .role=${e}><slot @slotchange=${this.updateItems} ${d(this.slotRef)}></slot></div>`})}};m("calcite-chip-group",c);export{c as ChipGroup};
package/dist/cdn/{4QF37NYL.js → QST22GTE.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as c,b as k,c as l}from"./C4WP5EBM.js";import{a as x}from"./IU67HZG4.js";import{a as f}from"./YP3AYJH3.js";import{a as b}from"./CBP4ZUNC.js";import"./VUYX7MNO.js";import{a as u}from"./4ZOK2ANW.js";import{a as s}from"./ZWPNZ5XW.js";import"./U5WSVLY4.js";import"./XGDKPMQY.js";import{p as g,x as m}from"./7FW2RVVH.js";import{E as n,F as r,G as d,H as i,T as v,g as h,h as t,p as a}from"./7KSMSOAN.js";var C=h`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-flex;cursor:default;border-radius:var(--calcite-chip-corner-radius, 9999px)}:host([closed]){display:none}:host([appearance=outline]) .container,:host([appearance=outline-fill]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));--calcite-internal-chip-selectable-hover-border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));--calcite-internal-chip-selectable-active-border-color: var( --calcite-chip-border-color, var(--calcite-color-brand) )}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-border-inverse))}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-border-1))}:host([appearance=outline]){--calcite-internal-chip-background-color: transparent}:host([appearance=outline-fill]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-foreground-1))}:host([appearance=solid]){--calcite-internal-chip-border-color: transparent;--calcite-internal-chip-selectable-hover-border-color: transparent;--calcite-internal-chip-selectable-active-border-color: transparent}:host([appearance=solid]):host([kind=brand]),:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-close-background-color-hover: var(--calcite-color-transparent-inverse-hover);--calcite-internal-chip-close-background-color-press: var(--calcite-color-transparent-inverse-press);--calcite-internal-chip-close-icon-color: var(--calcite-color-text-inverse);--calcite-internal-chip-close-icon-color-hover: var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]) .container,:host([appearance=solid]):host([kind=inverse]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-inverse))}:host([appearance=solid]):host([kind=brand]) .close,:host([appearance=solid]):host([kind=inverse]) .close{--calcite-color-focus: var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-brand))}:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-inverse))}:host([appearance=solid]):host([kind=neutral]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-foreground-2))}:host([kind=neutral]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([selected]) .select-icon{opacity:1}:host([appearance=solid]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-foreground-3);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-border-2)}:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-inverse-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-inverse-press)}:host([appearance=solid]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-brand-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-brand-press)}:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-foreground-2);--calcite-internal-chip-selectable-hover-border-color: var(--calcite-color-border-input);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-foreground-3);--calcite-internal-chip-selectable-active-border-color: var(--calcite-color-text-3)}:host([appearance=outline-fill]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-foreground-2);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-foreground-3)}:host([appearance=outline]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-transparent-hover);--calcite-internal-chip-selectable-hover-border-color: var(--calcite-color-border-input);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-transparent-press);--calcite-internal-chip-selectable-active-border-color: var(--calcite-color-text-3)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-transparent-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-transparent-press)}:host([scale=s]){--calcite-internal-chip-close-padding: var(--calcite-spacing-none)}:host([scale=s]) .container{--calcite-internal-chip-block-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-font-size: var(--calcite-font-size--2);--calcite-internal-chip-icon-size: var(--calcite-size-xs, 1rem) ;--calcite-internal-chip-icon-space: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-image-size: var(--calcite-spacing-xl, 1.25rem) ;--calcite-internal-chip-title-space: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-close-size: var(--calcite-size-xs, 1rem) }:host([scale=s]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px);--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-px)}:host([scale=s]) .container.image--slotted:has(.chip-icon),:host([scale=s]) .container.image--slotted.text--slotted,:host([scale=s]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-spacing-xxs, .25rem) }:host([scale=s]) .container.image--slotted:not(.text--slotted,:has(.chip-icon)),:host([scale=s]) .container.image--slotted:not(.selectable){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=s]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=s]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-none, 0)}:host([scale=s]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=s]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=s]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=s]) .container.multiple:not(.is-circle).image--slotted:not(.text--slotted){--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=m]){--calcite-internal-chip-close-padding: var(--calcite-spacing-xxs)}:host([scale=m]) .container{--calcite-internal-chip-block-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-font-size: var(--calcite-font-size--1);--calcite-internal-chip-icon-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-icon-space: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-image-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-title-space: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-close-size: var(--calcite-size-sm, 1.5rem) }:host([scale=m]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-px);--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=m]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=m]) .container.image--slotted:has(.chip-icon),:host([scale=m]) .container.image--slotted.text--slotted,:host([scale=m]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-spacing-xs, .375rem) }:host([scale=m]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=m]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-px);--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-none, 0)}:host([scale=m]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=m]) .container.multiple:not(.is-circle){--calcite-internal-chip-select-space-x-end: .125rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=m]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=m]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xxs, .25rem) }:host([scale=l]){--calcite-internal-chip-close-padding: var(--calcite-spacing-xxs)}:host([scale=l]) .container{--calcite-internal-chip-block-size: 2.75rem ;--calcite-internal-chip-container-space-x-end: .5rem ;--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-font-size: var(--calcite-font-size-0);--calcite-internal-chip-icon-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-icon-space: .5rem ;--calcite-internal-chip-image-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-title-space: .5rem ;--calcite-internal-close-size: var(--calcite-size-md, 2rem) }:host([scale=l]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=l]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=l]) .container.image--slotted:has(.chip-icon),:host([scale=l]) .container.image--slotted.text--slotted,:host([scale=l]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: .5rem }:host([scale=l]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=l]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-none, 0)}:host([scale=l]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-select-space-x-start: .5rem }:host([scale=l]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=l]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .75rem }:host([scale=l]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xs, .375rem) }.container{display:inline-flex;max-inline-size:100%;align-items:center;outline-color:transparent;justify-content:center;box-sizing:border-box;font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-internal-chip-background-color);border-color:var(--calcite-internal-chip-border-color);border-radius:var(--calcite-chip-corner-radius, var(--calcite-corner-radius-pill));border-width:var(--calcite-border-width-sm);border-style:solid;font-size:var(--calcite-internal-chip-font-size, var(--calcite-font-size));padding-inline-start:var(--calcite-internal-chip-container-space-x-start);padding-inline-end:var(--calcite-internal-chip-container-space-x-end);block-size:var(--calcite-internal-chip-block-size, auto);inline-size:var(--calcite-internal-chip-inline-size, auto);min-inline-size:var(--calcite-internal-chip-block-size, auto)}.container:hover .select-icon--active{opacity:var(--calcite-opacity-full, 1)}.container.selectable{cursor:pointer}.container.selectable:hover{background-color:var(--calcite-internal-chip-selectable-hover-background-color);border-color:var(--calcite-internal-chip-selectable-hover-border-color)}.container.selectable:active{background-color:var(--calcite-internal-chip-selectable-active-background-color);border-color:var(--calcite-internal-chip-selectable-active-border-color)}.container:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container:not(.text--slotted) .title,.container:not(.image--slotted) .image-container{display:none}.container.is-circle .chip-icon,.container.is-circle .image-container{padding:var(--calcite-spacing-none, 0)}.title{padding-inline:var(--calcite-internal-chip-title-space)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none;block-size:var(--calcite-internal-chip-image-size, var(--calcite-spacing-xxl, 1.5rem));inline-size:var(--calcite-internal-chip-image-size, var(--calcite-spacing-xxl, 1.5rem));padding-inline-start:var(--calcite-spacing-none, 0);padding-inline-end:var(--calcite-internal-chip-image-space-x-end, 0)}.chip-icon{position:relative;margin-block:0;display:inline-flex;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-chip-icon-color, var(--calcite-chip-text-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))));padding-inline:var(--calcite-internal-chip-icon-space, var(--calcite-spacing-xs, .375rem))}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:absolute;visibility:hidden;inline-size:auto;opacity:0;transition:opacity .15s ease-in-out,inline-size .15s ease-in-out;color:var(--calcite-chip-select-icon-color, currentColor)}.select-icon.select-icon--active{position:relative;visibility:visible;opacity:var(--calcite-opacity-half, .5);color:var(--calcite-chip-select-icon-color-press, var(--calcite-chip-select-icon-color-pressed, var(--calcite-chip-select-icon-color, currentColor)))}.multiple .select-icon{display:flex;justify-content:center;align-items:center}.multiple .select-icon,.single .select-icon--active{padding-inline-start:var(--calcite-internal-chip-select-space-x-start);padding-inline-end:var(--calcite-internal-chip-select-space-x-end);block-size:var(--calcite-internal-chip-icon-size, var(--calcite-spacing-xxl, 1.5rem));inline-size:var(--calcite-internal-chip-icon-size, var(--calcite-spacing-xxl, 1.5rem))}.close{--calcite-action-background-color-hover: var(--calcite-internal-chip-close-background-color-hover);--calcite-action-background-color-press: var(--calcite-internal-chip-close-background-color-press);--calcite-action-corner-radius: var(--calcite-corner-radius-pill);--calcite-action-text-color: var( --calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-internal-chip-close-icon-color)) );--calcite-action-text-color-press: var( --calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-internal-chip-close-icon-color-hover)) );--calcite-icon-color: var(--calcite-action-text-color);--calcite-internal-action-min-height: unset;--calcite-internal-action-spacing: var(--calcite-internal-chip-close-padding)}slot[name=image]::slotted(*){border-radius:50%;display:flex;block-size:100%;inline-size:100%;overflow:hidden}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends d{constructor(){super(),this.closeButtonRef=n(),this.containerRef=n(),this.messages=b({blocking:!0}),this.focusSetter=u()(this),this.interactiveContainer=x(this),this.hasImage=!1,this.hasText=!1,this.appearance="solid",this.closable=!1,this.closed=!1,this.closeOnDelete=!1,this.disabled=!1,this.iconFlipRtl=!1,this.interactive=!1,this.kind="neutral",this.scale="m",this.selected=!1,this.selectionMode="none",this.calciteChipClose=a({cancelable:!1}),this.calciteChipSelect=a({cancelable:!1}),this.calciteInternalChipSelect=a({cancelable:!1}),this.calciteInternalSyncSelectedChips=a({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("click",this.clickHandler)}static{this.properties={hasImage:[16,{},{state:!0}],hasText:[16,{},{state:!0}],appearance:[3,{},{reflect:!0}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],closeOnDelete:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],kind:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],parentChipGroup:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,value:1}}static{this.styles=C}async setFocus(e){return this.focusSetter(()=>{if(this.interactive)return this.containerRef.value;if(this.closable)return this.closeButtonRef.value},e)}async load(){this.updateHasText()}willUpdate(e){e.has("selected")&&this.hasUpdated&&this.watchSelected(this.selected)}loaded(){this.selectionMode!=="none"&&this.interactive&&this.selected&&this.handleSelectionPropertyChange(this.selected)}watchSelected(e){this.selectionMode!=="none"&&this.handleSelectionPropertyChange(e)}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleEmittingEvent(),e.preventDefault();break;case"Backspace":case"Delete":this.closable&&!this.closed&&this.closeOnDelete&&(e.preventDefault(),this.close());break}}clickHandler(){!this.interactive&&this.closable&&g(this.closeButtonRef.value)}handleDefaultSlotChange(){this.updateHasText()}close(){this.calciteChipClose.emit(),this.selected=!1,this.closed=!0}closeButtonKeyDownHandler(e){f(e.key)&&(e.preventDefault(),this.close())}updateHasText(){this.hasText=this.el.textContent.trim().length>0}handleSlotImageChange(e){this.hasImage=m(e)}handleEmittingEvent(){this.interactive&&this.calciteChipSelect.emit()}handleSelectionPropertyChange(e){this.selectionMode==="single"&&this.calciteInternalSyncSelectedChips.emit(),!this.parentChipGroup?.selectedItems.includes(this.el)&&e&&this.selectionMode!=="multiple"&&this.calciteInternalChipSelect.emit(),this.selectionMode!=="single"&&this.calciteInternalSyncSelectedChips.emit()}renderChipImage(){return t`<div class=${i(c.imageContainer)}><slot name=${k.image} @slotchange=${this.handleSlotImageChange}></slot></div>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"?this.selected?l.checkedMultiple:l.uncheckedMultiple:this.selected?l.checkedSingle:void 0;return t`<div class=${i({[c.selectIcon]:!0,[c.selectIconActive]:this.selectionMode==="multiple"||this.selected})}>${e?t`<calcite-icon .icon=${e} .scale=${s(this.scale)}></calcite-icon>`:null}</div>`}renderCloseButton(){return t`<calcite-action class=${i(c.close)} .icon=${l.close} @click=${this.close} @keydown=${this.closeButtonKeyDownHandler} .scale=${this.scale} .text=${this.messages.dismissLabel} ${r(this.closeButtonRef)}></calcite-action>`}renderIcon(){return t`<calcite-icon class=${i(c.chipIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.icon} .scale=${s(this.scale)}></calcite-icon>`}render(){let{disabled:e}=this,p=e||!e&&!this.interactive,y=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":this.closable?void 0:"img";return this.interactiveContainer({disabled:e,children:t`<div .ariaChecked=${this.selectionMode!=="none"&&this.interactive?this.selected:void 0} .ariaLabel=${this.label} class=${i({[c.container]:!0,[c.textSlotted]:this.hasText,[c.imageSlotted]:this.hasImage,[c.selectable]:this.selectionMode!=="none",[c.multiple]:this.selectionMode==="multiple",[c.single]:this.selectionMode==="single"||this.selectionMode==="single-persist",[c.selected]:this.selected,[c.closable]:this.closable,[c.nonInteractive]:!this.interactive,[c.isCircle]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&(this.selectionMode==="none"||!!this.selectionMode&&this.selectionMode!=="multiple"&&!this.selected)})} @click=${this.handleEmittingEvent} .role=${y} .tabIndex=${p?-1:0} ${r(this.containerRef)}>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}${this.renderChipImage()}${this.icon&&this.renderIcon()||""}<span class=${i(c.title)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></span>${this.closable&&this.renderCloseButton()||""}</div>`})}};v("calcite-chip",o);export{o as Chip};
2
+ import{a as c,b as k,c as l}from"./C4WP5EBM.js";import{a as x}from"./W4WNNUUC.js";import{a as f}from"./YP3AYJH3.js";import{a as b}from"./MG5KEVZ3.js";import"./VUYX7MNO.js";import{a as u}from"./APMXUV5R.js";import{a as s}from"./ZWPNZ5XW.js";import"./6NAQTGPW.js";import"./LGO3TCAO.js";import{p as g,x as m}from"./7FW2RVVH.js";import{E as n,F as r,G as d,H as i,T as v,g as h,h as t,p as a}from"./PA2BHIBQ.js";var C=h`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-flex;cursor:default;border-radius:var(--calcite-chip-corner-radius, 9999px)}:host([closed]){display:none}:host([appearance=outline]) .container,:host([appearance=outline-fill]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));--calcite-internal-chip-selectable-hover-border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));--calcite-internal-chip-selectable-active-border-color: var( --calcite-chip-border-color, var(--calcite-color-brand) )}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-border-inverse))}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-border-1))}:host([appearance=outline]){--calcite-internal-chip-background-color: transparent}:host([appearance=outline-fill]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-foreground-1))}:host([appearance=solid]){--calcite-internal-chip-border-color: transparent;--calcite-internal-chip-selectable-hover-border-color: transparent;--calcite-internal-chip-selectable-active-border-color: transparent}:host([appearance=solid]):host([kind=brand]),:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-close-background-color-hover: var(--calcite-color-transparent-inverse-hover);--calcite-internal-chip-close-background-color-press: var(--calcite-color-transparent-inverse-press);--calcite-internal-chip-close-icon-color: var(--calcite-color-text-inverse);--calcite-internal-chip-close-icon-color-hover: var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]) .container,:host([appearance=solid]):host([kind=inverse]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-inverse))}:host([appearance=solid]):host([kind=brand]) .close,:host([appearance=solid]):host([kind=inverse]) .close{--calcite-color-focus: var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-brand))}:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-inverse))}:host([appearance=solid]):host([kind=neutral]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-foreground-2))}:host([kind=neutral]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([selected]) .select-icon{opacity:1}:host([appearance=solid]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-foreground-3);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-border-2)}:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-inverse-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-inverse-press)}:host([appearance=solid]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-brand-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-brand-press)}:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-foreground-2);--calcite-internal-chip-selectable-hover-border-color: var(--calcite-color-border-input);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-foreground-3);--calcite-internal-chip-selectable-active-border-color: var(--calcite-color-text-3)}:host([appearance=outline-fill]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-foreground-2);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-foreground-3)}:host([appearance=outline]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-transparent-hover);--calcite-internal-chip-selectable-hover-border-color: var(--calcite-color-border-input);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-transparent-press);--calcite-internal-chip-selectable-active-border-color: var(--calcite-color-text-3)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-transparent-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-transparent-press)}:host([scale=s]){--calcite-internal-chip-close-padding: var(--calcite-spacing-none)}:host([scale=s]) .container{--calcite-internal-chip-block-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-font-size: var(--calcite-font-size--2);--calcite-internal-chip-icon-size: var(--calcite-size-xs, 1rem) ;--calcite-internal-chip-icon-space: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-image-size: var(--calcite-spacing-xl, 1.25rem) ;--calcite-internal-chip-title-space: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-close-size: var(--calcite-size-xs, 1rem) }:host([scale=s]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px);--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-px)}:host([scale=s]) .container.image--slotted:has(.chip-icon),:host([scale=s]) .container.image--slotted.text--slotted,:host([scale=s]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-spacing-xxs, .25rem) }:host([scale=s]) .container.image--slotted:not(.text--slotted,:has(.chip-icon)),:host([scale=s]) .container.image--slotted:not(.selectable){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=s]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=s]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-none, 0)}:host([scale=s]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=s]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=s]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=s]) .container.multiple:not(.is-circle).image--slotted:not(.text--slotted){--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=m]){--calcite-internal-chip-close-padding: var(--calcite-spacing-xxs)}:host([scale=m]) .container{--calcite-internal-chip-block-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-font-size: var(--calcite-font-size--1);--calcite-internal-chip-icon-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-icon-space: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-image-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-title-space: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-close-size: var(--calcite-size-sm, 1.5rem) }:host([scale=m]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-px);--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-px)}:host([scale=m]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=m]) .container.image--slotted:has(.chip-icon),:host([scale=m]) .container.image--slotted.text--slotted,:host([scale=m]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-spacing-xs, .375rem) }:host([scale=m]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=m]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-px);--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-none, 0)}:host([scale=m]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=m]) .container.multiple:not(.is-circle){--calcite-internal-chip-select-space-x-end: .125rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=m]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=m]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xxs, .25rem) }:host([scale=l]){--calcite-internal-chip-close-padding: var(--calcite-spacing-xxs)}:host([scale=l]) .container{--calcite-internal-chip-block-size: 2.75rem ;--calcite-internal-chip-container-space-x-end: .5rem ;--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-font-size: var(--calcite-font-size-0);--calcite-internal-chip-icon-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-icon-space: .5rem ;--calcite-internal-chip-image-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-title-space: .5rem ;--calcite-internal-close-size: var(--calcite-size-md, 2rem) }:host([scale=l]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=l]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=l]) .container.image--slotted:has(.chip-icon),:host([scale=l]) .container.image--slotted.text--slotted,:host([scale=l]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: .5rem }:host([scale=l]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-spacing-xs, .375rem) }:host([scale=l]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-none, 0)}:host([scale=l]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xs, .375rem) ;--calcite-internal-chip-select-space-x-start: .5rem }:host([scale=l]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-select-space-x-end: var(--calcite-spacing-xxs, .25rem) ;--calcite-internal-chip-select-space-x-start: var(--calcite-spacing-xxs, .25rem) }:host([scale=l]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .75rem }:host([scale=l]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-spacing-xs, .375rem) }.container{display:inline-flex;max-inline-size:100%;align-items:center;outline-color:transparent;justify-content:center;box-sizing:border-box;font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-internal-chip-background-color);border-color:var(--calcite-internal-chip-border-color);border-radius:var(--calcite-chip-corner-radius, var(--calcite-corner-radius-pill));border-width:var(--calcite-border-width-sm);border-style:solid;font-size:var(--calcite-internal-chip-font-size, var(--calcite-font-size));padding-inline-start:var(--calcite-internal-chip-container-space-x-start);padding-inline-end:var(--calcite-internal-chip-container-space-x-end);block-size:var(--calcite-internal-chip-block-size, auto);inline-size:var(--calcite-internal-chip-inline-size, auto);min-inline-size:var(--calcite-internal-chip-block-size, auto)}.container:hover .select-icon--active{opacity:var(--calcite-opacity-full, 1)}.container.selectable{cursor:pointer}.container.selectable:hover{background-color:var(--calcite-internal-chip-selectable-hover-background-color);border-color:var(--calcite-internal-chip-selectable-hover-border-color)}.container.selectable:active{background-color:var(--calcite-internal-chip-selectable-active-background-color);border-color:var(--calcite-internal-chip-selectable-active-border-color)}.container:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container:not(.text--slotted) .title,.container:not(.image--slotted) .image-container{display:none}.container.is-circle .chip-icon,.container.is-circle .image-container{padding:var(--calcite-spacing-none, 0)}.title{padding-inline:var(--calcite-internal-chip-title-space)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none;block-size:var(--calcite-internal-chip-image-size, var(--calcite-spacing-xxl, 1.5rem));inline-size:var(--calcite-internal-chip-image-size, var(--calcite-spacing-xxl, 1.5rem));padding-inline-start:var(--calcite-spacing-none, 0);padding-inline-end:var(--calcite-internal-chip-image-space-x-end, 0)}.chip-icon{position:relative;margin-block:0;display:inline-flex;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-chip-icon-color, var(--calcite-chip-text-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))));padding-inline:var(--calcite-internal-chip-icon-space, var(--calcite-spacing-xs, .375rem))}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:absolute;visibility:hidden;inline-size:auto;opacity:0;transition:opacity .15s ease-in-out,inline-size .15s ease-in-out;color:var(--calcite-chip-select-icon-color, currentColor)}.select-icon.select-icon--active{position:relative;visibility:visible;opacity:var(--calcite-opacity-half, .5);color:var(--calcite-chip-select-icon-color-press, var(--calcite-chip-select-icon-color-pressed, var(--calcite-chip-select-icon-color, currentColor)))}.multiple .select-icon{display:flex;justify-content:center;align-items:center}.multiple .select-icon,.single .select-icon--active{padding-inline-start:var(--calcite-internal-chip-select-space-x-start);padding-inline-end:var(--calcite-internal-chip-select-space-x-end);block-size:var(--calcite-internal-chip-icon-size, var(--calcite-spacing-xxl, 1.5rem));inline-size:var(--calcite-internal-chip-icon-size, var(--calcite-spacing-xxl, 1.5rem))}.close{--calcite-action-background-color-hover: var(--calcite-internal-chip-close-background-color-hover);--calcite-action-background-color-press: var(--calcite-internal-chip-close-background-color-press);--calcite-action-corner-radius: var(--calcite-corner-radius-pill);--calcite-action-text-color: var( --calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-internal-chip-close-icon-color)) );--calcite-action-text-color-press: var( --calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-internal-chip-close-icon-color-hover)) );--calcite-icon-color: var(--calcite-action-text-color);--calcite-internal-action-min-height: unset;--calcite-internal-action-spacing: var(--calcite-internal-chip-close-padding)}slot[name=image]::slotted(*){border-radius:50%;display:flex;block-size:100%;inline-size:100%;overflow:hidden}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends d{constructor(){super(),this.closeButtonRef=n(),this.containerRef=n(),this.messages=b({blocking:!0}),this.focusSetter=u()(this),this.interactiveContainer=x(this),this.hasImage=!1,this.hasText=!1,this.appearance="solid",this.closable=!1,this.closed=!1,this.closeOnDelete=!1,this.disabled=!1,this.iconFlipRtl=!1,this.interactive=!1,this.kind="neutral",this.scale="m",this.selected=!1,this.selectionMode="none",this.calciteChipClose=a({cancelable:!1}),this.calciteChipSelect=a({cancelable:!1}),this.calciteInternalChipSelect=a({cancelable:!1}),this.calciteInternalSyncSelectedChips=a({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("click",this.clickHandler)}static{this.properties={hasImage:[16,{},{state:!0}],hasText:[16,{},{state:!0}],appearance:[3,{},{reflect:!0}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],closeOnDelete:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],kind:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],parentChipGroup:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,value:1}}static{this.styles=C}async setFocus(e){return this.focusSetter(()=>{if(this.interactive)return this.containerRef.value;if(this.closable)return this.closeButtonRef.value},e)}async load(){this.updateHasText()}willUpdate(e){e.has("selected")&&this.hasUpdated&&this.watchSelected(this.selected)}loaded(){this.selectionMode!=="none"&&this.interactive&&this.selected&&this.handleSelectionPropertyChange(this.selected)}watchSelected(e){this.selectionMode!=="none"&&this.handleSelectionPropertyChange(e)}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleEmittingEvent(),e.preventDefault();break;case"Backspace":case"Delete":this.closable&&!this.closed&&this.closeOnDelete&&(e.preventDefault(),this.close());break}}clickHandler(){!this.interactive&&this.closable&&g(this.closeButtonRef.value)}handleDefaultSlotChange(){this.updateHasText()}close(){this.calciteChipClose.emit(),this.selected=!1,this.closed=!0}closeButtonKeyDownHandler(e){f(e.key)&&(e.preventDefault(),this.close())}updateHasText(){this.hasText=this.el.textContent.trim().length>0}handleSlotImageChange(e){this.hasImage=m(e)}handleEmittingEvent(){this.interactive&&this.calciteChipSelect.emit()}handleSelectionPropertyChange(e){this.selectionMode==="single"&&this.calciteInternalSyncSelectedChips.emit(),!this.parentChipGroup?.selectedItems.includes(this.el)&&e&&this.selectionMode!=="multiple"&&this.calciteInternalChipSelect.emit(),this.selectionMode!=="single"&&this.calciteInternalSyncSelectedChips.emit()}renderChipImage(){return t`<div class=${i(c.imageContainer)}><slot name=${k.image} @slotchange=${this.handleSlotImageChange}></slot></div>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"?this.selected?l.checkedMultiple:l.uncheckedMultiple:this.selected?l.checkedSingle:void 0;return t`<div class=${i({[c.selectIcon]:!0,[c.selectIconActive]:this.selectionMode==="multiple"||this.selected})}>${e?t`<calcite-icon .icon=${e} .scale=${s(this.scale)}></calcite-icon>`:null}</div>`}renderCloseButton(){return t`<calcite-action class=${i(c.close)} .icon=${l.close} @click=${this.close} @keydown=${this.closeButtonKeyDownHandler} .scale=${this.scale} .text=${this.messages.dismissLabel} ${r(this.closeButtonRef)}></calcite-action>`}renderIcon(){return t`<calcite-icon class=${i(c.chipIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.icon} .scale=${s(this.scale)}></calcite-icon>`}render(){let{disabled:e}=this,p=e||!e&&!this.interactive,y=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":this.closable?void 0:"img";return this.interactiveContainer({disabled:e,children:t`<div .ariaChecked=${this.selectionMode!=="none"&&this.interactive?this.selected:void 0} .ariaLabel=${this.label} class=${i({[c.container]:!0,[c.textSlotted]:this.hasText,[c.imageSlotted]:this.hasImage,[c.selectable]:this.selectionMode!=="none",[c.multiple]:this.selectionMode==="multiple",[c.single]:this.selectionMode==="single"||this.selectionMode==="single-persist",[c.selected]:this.selected,[c.closable]:this.closable,[c.nonInteractive]:!this.interactive,[c.isCircle]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&(this.selectionMode==="none"||!!this.selectionMode&&this.selectionMode!=="multiple"&&!this.selected)})} @click=${this.handleEmittingEvent} .role=${y} .tabIndex=${p?-1:0} ${r(this.containerRef)}>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}${this.renderChipImage()}${this.icon&&this.renderIcon()||""}<span class=${i(c.title)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></span>${this.closable&&this.renderCloseButton()||""}</div>`})}};v("calcite-chip",o);export{o as Chip};
package/dist/cdn/{LZT3LLA2.js → QU5TMZP7.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{b as A,c as k}from"./ZYBZQKG7.js";import{a as g}from"./VI7SBYXT.js";import{a as y}from"./CBP4ZUNC.js";import{b as E}from"./JL43QOWW.js";import"./24ZPXFO2.js";import"./XX43OXTK.js";import{c as v}from"./77M5NVCW.js";import"./VUYX7MNO.js";import{a as x}from"./4ZOK2ANW.js";import"./ZWPNZ5XW.js";import{e as f}from"./U5WSVLY4.js";import"./XGDKPMQY.js";import{C as i,y as b}from"./7FW2RVVH.js";import{G as u,H as c,Q as h,T as m,g as p,h as s,p as o}from"./7KSMSOAN.js";var T={actionGroupEnd:"action-group--end",container:"container"},D={expandTooltip:"expand-tooltip"},L=p`: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([scale=s]){--calcite-internal-action-pad-gap: var(--calcite-action-pad-items-space, var(--calcite-spacing-xxs));--calcite-internal-action-pad-padding: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-pad-gap: var(--calcite-action-pad-items-space, var(--calcite-spacing-sm));--calcite-internal-action-pad-padding: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-pad-gap: var(--calcite-action-pad-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-pad-padding: var(--calcite-spacing-sm-plus)}:host{display:block}@keyframes in{0%{opacity:0}to{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-action-pad-corner-radius, .125rem);background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width, auto)}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:1px;padding-block-end:var(--calcite-internal-action-pad-padding)}.container{display:inline-flex;flex-direction:column;overflow:hidden;box-shadow:var(--calcite-shadow-md);border-radius:calc(var(--calcite-action-pad-corner-radius, .125rem) * 2);background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1));gap:var(--calcite-internal-action-pad-gap);padding:var(--calcite-internal-action-pad-padding)}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0}:host([layout=horizontal]) .container ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:1px;padding-inline-end:var(--calcite-internal-action-pad-padding)}:host([hidden]){display:none}[hidden]{display:none}`,l=class extends u{constructor(){super(),this.actions=[],this.direction=f(),this.mutationObserver=g("mutation",()=>this.mutationObserverHandler()),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionPadToggle.emit()},this.messages=y({blocking:!0}),this.focusSetter=x()(this),this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.calciteActionPadCollapse=o({cancelable:!1}),this.calciteActionPadExpand=o({cancelable:!1}),this.calciteActionPadToggle=o({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={expandTooltip:[16,{},{state:!0}],actionsEndGroupLabel:1,expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=L}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.updateActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){h.deprecated("component",{component:this,name:"action-pad",removalVersion:5,suggested:"action-bar"})}willUpdate(e){e.has("expanded")&&this.hasUpdated&&A({el:this.el,expanded:this.expanded}),e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteActionPadExpand.emit():this.calciteActionPadCollapse.emit()),e.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="neutral")&&this.updateActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}actionMenuOpenHandler(e){if(e.target.menuOpen){let t=e.composedPath();this.actionGroups?.forEach(a=>{t.includes(a)||(a.menuOpen=!1)})}}updateGroups(){let e=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=e,this.setGroupLayout(e)}setGroupLayout(e){e.forEach(t=>t.layout=this.layout)}handleDefaultSlotChange(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}handleTooltipSlotChange(e){let t=b(e).filter(E);this.expandTooltip=t[0]}handleKeyDown(e){this.queryAndStoreActions();let t=this.actions.filter(n=>!n.disabled),a=document.activeElement;if(!(!v(a)||!t.includes(a)))switch(e.key){case"ArrowRight":case"ArrowDown":i(t,a,"next",!0),e.preventDefault();break;case"ArrowLeft":case"ArrowUp":i(t,a,"previous",!0),e.preventDefault();break;case"Home":i(t,a,"first",!0),e.preventDefault();break;case"End":i(t,a,"last",!0),e.preventDefault();break;case"Tab":this.updateTabIndexOfItems(a);break}}updateActions(){this.actions.forEach(e=>{e.selectionAppearance=this.selectionAppearance})}updateTabIndexOfItems(e){this.actions.forEach(t=>{let a=!t.disabled&&t===e?0:-1;a===0?t.removeAttribute("tabindex"):t.tabIndex=a})}queryAndStoreActions(){this.actions=Array.from(this.el.querySelectorAll("calcite-action"))}mutationObserverHandler(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}renderBottomActionGroup(){let{expanded:e,expandDisabled:t,messages:a,el:n,position:w,toggleExpand:G,scale:r,layout:O,actionsEndGroupLabel:S,overlayPositioning:C}=this,d=t?null:k({collapseLabel:a.collapseLabel,collapseText:a.collapse,direction:this.direction,el:n,expanded:e,expandLabel:a.expandLabel,expandText:a.expand,position:w,scale:r,toggle:G,tooltip:this.expandTooltip});return d?s`<calcite-action-group class=${c(T.actionGroupEnd)} .label=${S} .layout=${O} .overlayPositioning=${C} .scale=${r}><slot name=${D.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${d}</calcite-action-group>`:null}render(){return s`<div class=${c(T.container)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`}};m("calcite-action-pad",l);export{l as ActionPad};
2
+ import{b as A,c as k}from"./CIEXQXMT.js";import{a as g}from"./VI7SBYXT.js";import{a as y}from"./MG5KEVZ3.js";import{b as E}from"./JL43QOWW.js";import"./24ZPXFO2.js";import"./XX43OXTK.js";import{c as v}from"./77M5NVCW.js";import"./VUYX7MNO.js";import{a as x}from"./APMXUV5R.js";import"./ZWPNZ5XW.js";import{e as f}from"./6NAQTGPW.js";import"./LGO3TCAO.js";import{C as i,y as b}from"./7FW2RVVH.js";import{G as u,H as c,Q as h,T as m,g as p,h as s,p as o}from"./PA2BHIBQ.js";var T={actionGroupEnd:"action-group--end",container:"container"},D={expandTooltip:"expand-tooltip"},L=p`: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([scale=s]){--calcite-internal-action-pad-gap: var(--calcite-action-pad-items-space, var(--calcite-spacing-xxs));--calcite-internal-action-pad-padding: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-pad-gap: var(--calcite-action-pad-items-space, var(--calcite-spacing-sm));--calcite-internal-action-pad-padding: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-pad-gap: var(--calcite-action-pad-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-pad-padding: var(--calcite-spacing-sm-plus)}:host{display:block}@keyframes in{0%{opacity:0}to{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-action-pad-corner-radius, .125rem);background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width, auto)}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:1px;padding-block-end:var(--calcite-internal-action-pad-padding)}.container{display:inline-flex;flex-direction:column;overflow:hidden;box-shadow:var(--calcite-shadow-md);border-radius:calc(var(--calcite-action-pad-corner-radius, .125rem) * 2);background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1));gap:var(--calcite-internal-action-pad-gap);padding:var(--calcite-internal-action-pad-padding)}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0}:host([layout=horizontal]) .container ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:1px;padding-inline-end:var(--calcite-internal-action-pad-padding)}:host([hidden]){display:none}[hidden]{display:none}`,l=class extends u{constructor(){super(),this.actions=[],this.direction=f(),this.mutationObserver=g("mutation",()=>this.mutationObserverHandler()),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionPadToggle.emit()},this.messages=y({blocking:!0}),this.focusSetter=x()(this),this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.calciteActionPadCollapse=o({cancelable:!1}),this.calciteActionPadExpand=o({cancelable:!1}),this.calciteActionPadToggle=o({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={expandTooltip:[16,{},{state:!0}],actionsEndGroupLabel:1,expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=L}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.updateActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){h.deprecated("component",{component:this,name:"action-pad",removalVersion:5,suggested:"action-bar"})}willUpdate(e){e.has("expanded")&&this.hasUpdated&&A({el:this.el,expanded:this.expanded}),e.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteActionPadExpand.emit():this.calciteActionPadCollapse.emit()),e.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="neutral")&&this.updateActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}actionMenuOpenHandler(e){if(e.target.menuOpen){let t=e.composedPath();this.actionGroups?.forEach(a=>{t.includes(a)||(a.menuOpen=!1)})}}updateGroups(){let e=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=e,this.setGroupLayout(e)}setGroupLayout(e){e.forEach(t=>t.layout=this.layout)}handleDefaultSlotChange(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}handleTooltipSlotChange(e){let t=b(e).filter(E);this.expandTooltip=t[0]}handleKeyDown(e){this.queryAndStoreActions();let t=this.actions.filter(n=>!n.disabled),a=document.activeElement;if(!(!v(a)||!t.includes(a)))switch(e.key){case"ArrowRight":case"ArrowDown":i(t,a,"next",!0),e.preventDefault();break;case"ArrowLeft":case"ArrowUp":i(t,a,"previous",!0),e.preventDefault();break;case"Home":i(t,a,"first",!0),e.preventDefault();break;case"End":i(t,a,"last",!0),e.preventDefault();break;case"Tab":this.updateTabIndexOfItems(a);break}}updateActions(){this.actions.forEach(e=>{e.selectionAppearance=this.selectionAppearance})}updateTabIndexOfItems(e){this.actions.forEach(t=>{let a=!t.disabled&&t===e?0:-1;a===0?t.removeAttribute("tabindex"):t.tabIndex=a})}queryAndStoreActions(){this.actions=Array.from(this.el.querySelectorAll("calcite-action"))}mutationObserverHandler(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}renderBottomActionGroup(){let{expanded:e,expandDisabled:t,messages:a,el:n,position:w,toggleExpand:G,scale:r,layout:O,actionsEndGroupLabel:S,overlayPositioning:C}=this,d=t?null:k({collapseLabel:a.collapseLabel,collapseText:a.collapse,direction:this.direction,el:n,expanded:e,expandLabel:a.expandLabel,expandText:a.expand,position:w,scale:r,toggle:G,tooltip:this.expandTooltip});return d?s`<calcite-action-group class=${c(T.actionGroupEnd)} .label=${S} .layout=${O} .overlayPositioning=${C} .scale=${r}><slot name=${D.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${d}</calcite-action-group>`:null}render(){return s`<div class=${c(T.container)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`}};m("calcite-action-pad",l);export{l as ActionPad};