@esri/calcite-components 5.2.0-next.71 → 5.2.0-next.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (151) hide show
  1. package/dist/cdn/{G5K3AVNG.js → 2UTHVUT7.js} +1 -1
  2. package/dist/cdn/{LRBCKG22.js → 2WBLQI6U.js} +1 -1
  3. package/dist/cdn/{W5HUOA2R.js → 3CJWAO5P.js} +1 -1
  4. package/dist/cdn/{T7NUADTF.js → 3Q3NLSCQ.js} +1 -1
  5. package/dist/cdn/{72YBU4O3.js → 3TNLC6PV.js} +1 -1
  6. package/dist/cdn/{KPH4M6CH.js → 3VZ4SWDK.js} +1 -1
  7. package/dist/cdn/{MPK7TRJR.js → 3WN4IEPQ.js} +1 -1
  8. package/dist/cdn/{O4TMHJJV.js → 43WZZYF7.js} +1 -1
  9. package/dist/cdn/{RKQQY7ES.js → 4GCQDZWN.js} +1 -1
  10. package/dist/cdn/{KY3QEJ2Z.js → 4ZA6ZVL6.js} +1 -1
  11. package/dist/cdn/{YUUVF6K4.js → 5G22OBD5.js} +1 -1
  12. package/dist/cdn/{TXA24Q3V.js → 5ITOJWPH.js} +1 -1
  13. package/dist/cdn/{65S4QXHI.js → 5OBU6MKV.js} +1 -1
  14. package/dist/cdn/{JE5FXCYF.js → 5URBXOI6.js} +1 -1
  15. package/dist/cdn/{7645KAWI.js → 63IUCUAK.js} +1 -1
  16. package/dist/cdn/{LBWKM5DO.js → 6IFDVGXE.js} +1 -1
  17. package/dist/cdn/{YLRTPOX4.js → 6NHOF5C6.js} +1 -1
  18. package/dist/cdn/{CFAA6OEU.js → 6O5C3TC6.js} +1 -1
  19. package/dist/cdn/{6ZJKBLIQ.js → 76VEF2N3.js} +1 -1
  20. package/dist/cdn/{JSYPP2YZ.js → ABXX3YLO.js} +1 -1
  21. package/dist/cdn/{O4HDOYJE.js → AFYJTXE4.js} +1 -1
  22. package/dist/cdn/{AUNANDW7.js → AGT3CYIC.js} +1 -1
  23. package/dist/cdn/{JAIH6OQY.js → AH7E725Y.js} +1 -1
  24. package/dist/cdn/{NFOLLCAP.js → AN5WJGEU.js} +1 -1
  25. package/dist/cdn/{KUEZYDPX.js → AY7IBHGD.js} +1 -1
  26. package/dist/cdn/{PJWW7DUF.js → B44MDPWE.js} +1 -1
  27. package/dist/cdn/{LHHMILEZ.js → B5ZVXTPR.js} +1 -1
  28. package/dist/cdn/{YR334B5W.js → BKTVJALY.js} +1 -1
  29. package/dist/cdn/{A4YY4UHP.js → BXOKCLLN.js} +1 -1
  30. package/dist/cdn/{LA7DTAAL.js → C6K4YWG2.js} +1 -1
  31. package/dist/cdn/{NHTEHEQC.js → CE7TCXV4.js} +1 -1
  32. package/dist/cdn/{AGANMGGB.js → CIOPRNUQ.js} +1 -1
  33. package/dist/cdn/{PE6P2BSU.js → CR3S2P6V.js} +1 -1
  34. package/dist/cdn/{H72VMNF6.js → DAB4MV6S.js} +1 -1
  35. package/dist/cdn/{5ZMTYU2S.js → DANMXS3Z.js} +1 -1
  36. package/dist/cdn/{VB5LUXWP.js → DBGQA6BS.js} +1 -1
  37. package/dist/cdn/{27M7QZOQ.js → DBYQ6LE6.js} +1 -1
  38. package/dist/cdn/{7MZBWZ7Q.js → DGILOBDM.js} +1 -1
  39. package/dist/cdn/{6FTRN7VT.js → DQO6DVWZ.js} +1 -1
  40. package/dist/cdn/{X3QEZA6M.js → EEHDM3XH.js} +1 -1
  41. package/dist/cdn/{6ICHPOGP.js → EN5AJPE4.js} +1 -1
  42. package/dist/cdn/{5HAUXCLD.js → ENEJFDPY.js} +1 -1
  43. package/dist/cdn/{RYKHNS2Q.js → F7UJ5OMM.js} +1 -1
  44. package/dist/cdn/{OWD4LPJX.js → FEYKSGSJ.js} +1 -1
  45. package/dist/cdn/{N2WS4NPT.js → FI2B7DFP.js} +1 -1
  46. package/dist/cdn/{NDXGLOPW.js → FLWEI5GH.js} +1 -1
  47. package/dist/cdn/{SIR3ANXS.js → FZJ5OYBK.js} +1 -1
  48. package/dist/cdn/{2BGZIFWC.js → G2HFGHIC.js} +1 -1
  49. package/dist/cdn/{KKLSNN7K.js → G5I6LLDZ.js} +1 -1
  50. package/dist/cdn/{IPBDTAL2.js → GEXT4YRZ.js} +1 -1
  51. package/dist/cdn/{T7AY5CYY.js → GIYPCJ4F.js} +1 -1
  52. package/dist/cdn/{UKKA2HKT.js → GMESQXPP.js} +1 -1
  53. package/dist/cdn/{BANFSOZ2.js → GMGXPKVZ.js} +1 -1
  54. package/dist/cdn/{44URJSF6.js → GPQBNXZR.js} +1 -1
  55. package/dist/cdn/{VD4TVAGI.js → GSGALXNG.js} +1 -1
  56. package/dist/cdn/{4CKVNNVA.js → GSVOPUJG.js} +1 -1
  57. package/dist/cdn/{L7YRM6C7.js → H3KRI5A4.js} +1 -1
  58. package/dist/cdn/{HXZZFGWS.js → H5DNKLYR.js} +1 -1
  59. package/dist/cdn/{V2SRURDO.js → H6NR2LDG.js} +1 -1
  60. package/dist/cdn/{JS2HNNQ2.js → HCNME75A.js} +1 -1
  61. package/dist/cdn/{M4I63PLV.js → HKTG3UPX.js} +1 -1
  62. package/dist/cdn/{S2365CIT.js → HQOEHOTW.js} +1 -1
  63. package/dist/cdn/{PQVUAQNB.js → HRQSQ4A6.js} +1 -1
  64. package/dist/cdn/{ON2EBXUS.js → HSGAQRYJ.js} +1 -1
  65. package/dist/cdn/{QMBYFIC4.js → HU2HPOQ7.js} +1 -1
  66. package/dist/cdn/{OSHD2OVR.js → HVW246PN.js} +1 -1
  67. package/dist/cdn/{BGH3DF3F.js → I2VDKTAK.js} +1 -1
  68. package/dist/cdn/{DNTT6BU7.js → IE5KDMJE.js} +1 -1
  69. package/dist/cdn/{CF4DNSBK.js → IPYI4ZFP.js} +1 -1
  70. package/dist/cdn/{NZI5P3FN.js → ITO7ZNSM.js} +1 -1
  71. package/dist/cdn/{K457S3R5.js → IXE72L6L.js} +1 -1
  72. package/dist/cdn/{PE4BIUIM.js → J3VFES7S.js} +1 -1
  73. package/dist/cdn/{3YXOYXQS.js → JJWXUTPP.js} +1 -1
  74. package/dist/cdn/{TV356GMI.js → KDBMNDVH.js} +1 -1
  75. package/dist/cdn/{55ZCEBXQ.js → KVLA6SMF.js} +1 -1
  76. package/dist/cdn/{D7L4R6ZM.js → L6QKJ7E4.js} +1 -1
  77. package/dist/cdn/{HDRGPUZI.js → LKTLHI7X.js} +1 -1
  78. package/dist/cdn/{TCK454NG.js → LWGDCZEG.js} +1 -1
  79. package/dist/cdn/{O6ODDVDJ.js → M6YDGTSM.js} +1 -1
  80. package/dist/cdn/{XEMKZBRU.js → MMJUSHGT.js} +1 -1
  81. package/dist/cdn/{C3KDW2S3.js → N4LV2C6D.js} +1 -1
  82. package/dist/cdn/{ADGTS2OK.js → N6SQTS7X.js} +1 -1
  83. package/dist/cdn/{RKHOOIJD.js → N7GI37UA.js} +1 -1
  84. package/dist/cdn/{TXLH7EA7.js → NDDSZKIJ.js} +1 -1
  85. package/dist/cdn/{5ZP6DGQ5.js → NELSF4F6.js} +1 -1
  86. package/dist/cdn/{IQ3WDI4D.js → NF2DEJFS.js} +1 -1
  87. package/dist/cdn/{26AMW3Y7.js → NWK2N3DW.js} +1 -1
  88. package/dist/cdn/{VRWDLOPE.js → NYMXUPSJ.js} +1 -1
  89. package/dist/cdn/{FIJYQ2BL.js → O66KCB5Y.js} +1 -1
  90. package/dist/cdn/{OECZJ37N.js → OCOXLCKQ.js} +1 -1
  91. package/dist/cdn/{QXE27O5K.js → OJQ3AXNW.js} +1 -1
  92. package/dist/cdn/{AJNKXK7Y.js → OMW5LQG4.js} +1 -1
  93. package/dist/cdn/{UN6EMDIE.js → ONPRPX2R.js} +1 -1
  94. package/dist/cdn/{5FHVRT5W.js → P5S4F3WT.js} +1 -1
  95. package/dist/cdn/{CRKP35SW.js → PA5Z7B74.js} +1 -1
  96. package/dist/cdn/{6DNUL7AZ.js → PGKUQ5QW.js} +1 -1
  97. package/dist/cdn/{ZS4XXKIF.js → PGU73CNX.js} +1 -1
  98. package/dist/cdn/{ABYUSTW3.js → PRO23RP2.js} +1 -1
  99. package/dist/cdn/{Y2CAKZRK.js → Q25ML244.js} +1 -1
  100. package/dist/cdn/{UYWIT3WT.js → Q4GFUNOY.js} +1 -1
  101. package/dist/cdn/{3TQTME3A.js → QGR3M7C6.js} +1 -1
  102. package/dist/cdn/{C443MHF5.js → QORR4LYI.js} +1 -1
  103. package/dist/cdn/{B74JVUT5.js → QV5XDDHW.js} +1 -1
  104. package/dist/cdn/{XC3HATO3.js → R4OTPPUP.js} +1 -1
  105. package/dist/cdn/{LMHVWLLI.js → R6URHBB4.js} +1 -1
  106. package/dist/cdn/{RCTTVEAS.js → REWZWI55.js} +1 -1
  107. package/dist/cdn/{RCJTNWLP.js → RR6RVWTZ.js} +1 -1
  108. package/dist/cdn/{GM7YKO3X.js → RRK2A4MY.js} +1 -1
  109. package/dist/cdn/{7NEKAOMD.js → RRNHUX2D.js} +1 -1
  110. package/dist/cdn/{7GEWW5US.js → RS2KW3Q2.js} +1 -1
  111. package/dist/cdn/{JL5DKMY6.js → S73GCCFJ.js} +1 -1
  112. package/dist/cdn/{ICU37I45.js → SBVY3FV5.js} +1 -1
  113. package/dist/cdn/{NBRFWWCX.js → SF4U6LCR.js} +1 -1
  114. package/dist/cdn/{AVMDD4IV.js → SOTBM3DK.js} +1 -1
  115. package/dist/cdn/{5EJJABY3.js → SP7X6II4.js} +1 -1
  116. package/dist/cdn/{CS7AUEUH.js → SPBKPWAL.js} +1 -1
  117. package/dist/cdn/{Z75254E4.js → SZZX3H5D.js} +1 -1
  118. package/dist/cdn/U3ALLQOK.js +2 -0
  119. package/dist/cdn/{42R3WB34.js → U5EJA3RQ.js} +1 -1
  120. package/dist/cdn/{OIP6YZ43.js → URBAY2ZY.js} +1 -1
  121. package/dist/cdn/{W2GRIMIN.js → V2RSLNSI.js} +1 -1
  122. package/dist/cdn/{MV36JBLJ.js → VRKXQANL.js} +1 -1
  123. package/dist/cdn/{OPCI4HUN.js → VX26CS43.js} +1 -1
  124. package/dist/cdn/{ELLHZ4H7.js → VYPNKZGD.js} +1 -1
  125. package/dist/cdn/{74ECAFQJ.js → WDGNMQIH.js} +1 -1
  126. package/dist/cdn/{VN5QSG2O.js → WSW7UPQR.js} +1 -1
  127. package/dist/cdn/{KJELNAUK.js → X3ZTU626.js} +1 -1
  128. package/dist/cdn/{BAUIDYLP.js → X7VSUKID.js} +1 -1
  129. package/dist/cdn/{CWSCEXQ6.js → XFBBVEEE.js} +1 -1
  130. package/dist/cdn/{REEVKJJM.js → XIAQHYXK.js} +1 -1
  131. package/dist/cdn/{C2GIRCJE.js → XLWUWQWC.js} +1 -1
  132. package/dist/cdn/{JUZV5V77.js → XOSDCSQB.js} +1 -1
  133. package/dist/cdn/{OASZUNHJ.js → XPTORKGR.js} +1 -1
  134. package/dist/cdn/{HZOV2FGD.js → XS2676QJ.js} +1 -1
  135. package/dist/cdn/{MDSZIF4O.js → XTVCYRBN.js} +1 -1
  136. package/dist/cdn/{AIMW7YN4.js → XZRKDUXQ.js} +1 -1
  137. package/dist/cdn/{7GLDU7HD.js → YVB5CIDB.js} +1 -1
  138. package/dist/cdn/{YP43PNIU.js → ZCQGWUMF.js} +1 -1
  139. package/dist/cdn/{ZSSEYFD6.js → ZCREBRIK.js} +1 -1
  140. package/dist/cdn/{OV47XRRL.js → ZNCAUAYU.js} +1 -1
  141. package/dist/cdn/{A73HMGSK.js → ZPTWAELA.js} +1 -1
  142. package/dist/cdn/index.js +1 -1
  143. package/dist/chunks/runtime.js +4 -4
  144. package/dist/components/calcite-block/customElement.js +1 -1
  145. package/dist/docs/api.json +1 -1
  146. package/dist/docs/docs.json +1 -1
  147. package/dist/docs/vscode.css-custom-data.json +1 -1
  148. package/dist/docs/vscode.html-custom-data.json +1 -1
  149. package/dist/docs/web-types.json +1 -1
  150. package/package.json +2 -2
  151. package/dist/cdn/CPIMZVBK.js +0 -2
package/dist/cdn/{OWD4LPJX.js → FEYKSGSJ.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as k}from"./GH3XYO4N.js";import{m as y}from"./MBM7UIXE.js";import{a as K}from"./FIJYQ2BL.js";import"./27YYIR6K.js";import{a as N}from"./ZSSEYFD6.js";import{a as x}from"./YA3S7CBB.js";import"./YP3AYJH3.js";import{a as W}from"./T6CCMW7H.js";import{a as E}from"./VI7SBYXT.js";import{a as U}from"./HDRGPUZI.js";import{a as B}from"./UYWIT3WT.js";import"./ZWPNZ5XW.js";import{e as F}from"./42R3WB34.js";import{C as m,E as L,y as M}from"./RCJTNWLP.js";import{C as f,D as b,E as A,F as s,R as H,g as O,h as r,l as c,p}from"./YR334B5W.js";var _=6e3,a={container:"container",containerOverlaid:"container--overlaid",containerEdged:"container--edged",itemContainer:"item-container",itemContainerForward:"item-container--forward",itemContainerBackward:"item-container--backward",pagination:"pagination",paginationAriaLive:"pagination-aria-live",paginationItems:"pagination-items",paginationItem:"pagination-item",paginationItemIndividual:"pagination-item--individual",paginationItemVisible:"pagination-item--visible",paginationItemOutOfRange:"pagination-item--out-of-range",paginationItemSelected:"pagination-item--selected",paginationItemRangeEdge:"pagination-item--range-edge",pageNext:"page-next",pagePrevious:"page-previous",autoplayControl:"autoplay-control",autoplayProgress:"autoplay-progress"},h={chevronLeft:"chevron-left",chevronRight:"chevron-right",inactive:"bullet-point",active:"bullet-point-large",pause:"pause-f",play:"play-f"},v={medium:7,small:5,xsmall:3,xxsmall:1},Y="calcite-carousel-container",J={host:w=>`${Y}-${w}`},Q=O`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%;--calcite-internal-carousel-pagination-space: 1.5rem;--calcite-internal-carousel-pagination-space-wide: 3.5rem;--calcite-internal-carousel-pagination-background-color: var( --calcite-carousel-pagination-background-color, transparent );--calcite-internal-carousel-pagination-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, transparent );--calcite-internal-carousel-pagination-background-color-press: var( --calcite-carousel-pagination-background-color-press, transparent );--calcite-internal-carousel-pagination-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, transparent );--calcite-internal-carousel-pagination-overlay-background-color: var( --calcite-carousel-pagination-background-color, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-overlay-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-active: var( --calcite-carousel-pagination-background-color-press, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-icon-color-hover: var( --calcite-carousel-pagination-icon-color-hover, var(--calcite-color-text-1) );--calcite-internal-carousel-pagination-icon-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-border-1) );--calcite-internal-carousel-pagination-icon-color-selected: var( --calcite-carousel-pagination-icon-color-selected, var(--calcite-color-brand) );--calcite-internal-carousel-control-icon-color-hover: var( --calcite-carousel-control-icon-color-hover, var(--calcite-internal-carousel-pagination-icon-color-hover) );--calcite-internal-carousel-control-icon-color: var( --calcite-carousel-control-icon-color, var(--calcite-carousel-pagination-icon-color, var(--calcite-color-text-3)) );--calcite-internal-carousel-autoplay-progress-background-color: var( --calcite-carousel-autoplay-progress-background-color, var(--calcite-color-border-3) );--calcite-internal-carousel-autoplay-progress-fill-color: var( --calcite-carousel-autoplay-progress-fill-color, var(--calcite-color-brand) );--calcite-internal-carousel-autoplay-control-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-text-3) )}.container{position:relative;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);color:var(--calcite-color-text-2);outline-color:transparent}.container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-carousel-pagination-space-wide);inline-size:calc(100% - var(--calcite-internal-carousel-pagination-space-wide) * 2)}.item-container{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;overflow:auto;padding:.25rem;animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination-aria-live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pagination{margin:.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-carousel-control-icon-color);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-carousel-control-icon-color-hover);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:3rem;inline-size:3rem;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}:host([pagination-position=top]) .container--overlaid .pagination{inset-block-start:0;inset-block-end:unset}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-carousel-autoplay-control-color);--calcite-progress-fill-color: var(--calcite-internal-carousel-autoplay-progress-fill-color);--calcite-progress-background-color: var(--calcite-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;margin:0;block-size:2rem;inline-size:2rem;cursor:pointer;align-items:center;border-style:none;background-color:transparent;outline-color:transparent;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;background-color:var(--calcite-internal-carousel-pagination-background-color);color:var(--calcite-internal-carousel-pagination-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-background-color-hover);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-background-color-press);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-background-color-press);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}.pagination-item--individual{pointer-events:none;inline-size:0px;padding:0;opacity:0;visibility:hidden;transition:var(--calcite-animation-timing) ease-in-out inline-size,var(--calcite-animation-timing) ease-in-out padding,var(--calcite-animation-timing) ease-in-out opacity}.pagination-item--individual.pagination-item--visible{pointer-events:auto;inline-size:2rem;opacity:1;visibility:visible}.pagination-item--range-edge calcite-icon{scale:.75;transition:var(--calcite-animation-timing) ease-in-out scale}.container--overlaid .pagination-item{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}@keyframes item-forward{0%{transform:translate3d(100px,0,0)}to{transform:translateZ(0)}}@keyframes item-backward{0%{transform:translate3d(-100px,0,0)}to{transform:translateZ(0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,D=class extends A{constructor(){super(...arguments),this.autoplayHandler=()=>{this.clearIntervals(),this.slideDurationInterval=setInterval(this.timer,this.autoplayDuration/100)},this.containerRef=f(),this.containerId=J.host(W()),this.direction=F(),this.itemContainerRef=f(),this.resizeHandler=({contentRect:{width:e}})=>{this.setMaxItemsToBreakpoint(e)},this.resizeObserver=E("resize",e=>e.forEach(this.resizeHandler)),this.tabListRef=f(),this.timer=()=>{let e=this.slideDurationRemaining;(!this.suspendedDueToFocus&&!this.suspendedDueToHover||this.userPreventsSuspend)&&(e<=.01?(e=1,this.itemDirection="forward",this.nextItem(!1)):e=e-.01),e>0&&(this.slideDurationRemaining=e)},this.messages=U({blocking:!0}),this.focusSetter=B()(this),this.interactiveContainer=N(this),this.itemDirection="standby",this.hasMultiple=!1,this.items=[],this.maxItems=v.xxsmall,this.playing=!1,this.selectedIndex=0,this.slideDurationRemaining=1,this.suspendedDueToFocus=!1,this.suspendedDueToHover=!1,this.suspendedSlideDurationRemaining=1,this.userPreventsSuspend=!1,this.arrowType="inline",this.autoplay=!1,this.autoplayDuration=_,this.controlOverlay=!1,this.disabled=!1,this.paginationDisabled=!1,this.paginationPosition="bottom",this.calciteCarouselChange=p({cancelable:!1}),this.calciteCarouselPause=p({cancelable:!1}),this.calciteCarouselPlay=p({cancelable:!1}),this.calciteCarouselResume=p({cancelable:!1}),this.calciteCarouselStop=p({cancelable:!1})}static{this.properties={itemDirection:[16,{},{state:!0}],hasMultiple:[16,{},{state:!0}],items:[16,{},{state:!0}],maxItems:[16,{},{state:!0}],playing:[16,{},{state:!0}],selectedIndex:[16,{},{state:!0}],slideDurationRemaining:[16,{},{state:!0}],suspendedDueToFocus:[16,{},{state:!0}],suspendedDueToHover:[16,{},{state:!0}],suspendedSlideDurationRemaining:[16,{},{state:!0}],userPreventsSuspend:[16,{},{state:!0}],arrowType:[3,{},{reflect:!0}],autoplay:[3,{},{reflect:!0}],autoplayDuration:[11,{},{type:Number,reflect:!0}],controlOverlay:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],label:1,messageOverrides:[0,{},{attribute:!1}],paginationDisabled:[5,{},{type:Boolean}],paginationPosition:[3,{},{reflect:!0}],paused:[5,{},{type:Boolean}],selectedItem:[0,{},{attribute:!1}]}}static{this.styles=Q}async play(){this.playing||!this.hasMultiple||this.autoplay!==""&&this.autoplay!==!0&&this.autoplay!=="paused"||this.handlePlay(!0)}async setFocus(e){return this.focusSetter(()=>this.containerRef.value,e)}async stop(){this.playing&&this.handlePause(!0)}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}async load(){(this.autoplay===""||this.autoplay)&&this.autoplay!=="paused"?this.handlePlay(!1):this.autoplay==="paused"&&(this.paused=!0)}willUpdate(e){this.hasUpdated&&!this.hasMultiple&&this.handlePause(!1),e.has("autoplay")&&this.hasUpdated&&this.autoplayWatcher(this.autoplay),e.has("itemDirection")&&(this.hasUpdated||this.itemDirection!=="standby")&&this.itemDirectionWatcher(this.itemDirection),e.has("playing")&&(this.hasUpdated||this.playing!==!1)&&(this.paused=!this.playing),(e.has("suspendedDueToFocus")&&(this.hasUpdated||this.suspendedDueToFocus!==!1)||e.has("suspendedDueToHover")&&(this.hasUpdated||this.suspendedDueToHover!==!1))&&this.suspendWatcher()}disconnectedCallback(){super.disconnectedCallback(),this.clearIntervals(),this.resizeObserver?.disconnect()}autoplayWatcher(e){e||this.handlePause(!1)}async itemDirectionWatcher(e){e==="standby"||!this.itemContainerRef.value||(await L(this.itemContainerRef.value,e==="forward"?"item-forward":"item-backward"),this.itemDirection="standby")}suspendWatcher(){!this.suspendedDueToFocus&&!this.suspendedDueToHover?this.suspendEnd():this.suspendStart()}setMaxItemsToBreakpoint(e){if(e){if(e>=k.width.small){this.maxItems=v.medium;return}if(e>=k.width.xsmall){this.maxItems=v.small;return}if(e>=k.width.xxsmall){this.maxItems=v.xsmall;return}this.maxItems=v.xxsmall}}clearIntervals(){clearInterval(this.slideDurationInterval),clearInterval(this.slideInterval)}nextItem(e){this.playing&&e&&(this.playing=!1);let t=x(this.selectedIndex+1,this.items.length);this.setSelectedItem(t,e)}previousItem(){this.playing=!1;let e=x(Math.max(this.selectedIndex-1,-1),this.items.length);this.setSelectedItem(e,!0)}handlePlay(e){this.playing=!0,this.autoplayHandler(),this.slideInterval=setInterval(this.autoplayHandler,this.autoplayDuration),e&&this.calciteCarouselPlay.emit()}handlePause(e){this.playing=!1,this.clearIntervals(),this.slideDurationRemaining=1,this.suspendedSlideDurationRemaining=1,e&&this.calciteCarouselStop.emit()}suspendStart(){this.suspendedSlideDurationRemaining=this.slideDurationRemaining}suspendEnd(){this.slideDurationRemaining=this.suspendedSlideDurationRemaining}handleSlotChange(e){let t=M(e);if(t.length<1)return;let i=t.findIndex(u=>u.selected),n=i>-1?i:0;this.items=t,this.hasMultiple=t.length>1,this.setSelectedItem(n,!1)}setSelectedItem(e,t){let i=this.selectedIndex;this.items.forEach((n,u)=>{let l=e===u;n.selected=l,l&&(this.selectedItem=n,this.selectedIndex=u)}),t&&(this.playing=!1,i!==this.selectedIndex&&this.calciteCarouselChange.emit())}handleArrowClick(e){let t=e.target.dataset.itemDirection;this.playing&&this.handlePause(!0),t==="next"?(this.itemDirection="forward",this.nextItem(!0)):t==="previous"&&(this.itemDirection="backward",this.previousItem())}handleItemSelection(e){let t=e.currentTarget,i=parseInt(t.dataset.index,10);i!==this.selectedIndex&&(this.playing&&this.handlePause(!0),this.itemDirection=i>this.selectedIndex?"forward":"backward",this.setSelectedItem(i,!0))}toggleRotation(){this.userPreventsSuspend=!0,this.playing?this.handlePause(!0):this.handlePlay(!0)}handleFocusIn(){let e=this.playing;e&&(this.suspendedDueToFocus=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseIn(){let e=this.playing;e&&(this.suspendedDueToHover=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseOut(e){let t=!this.el.contains(e.relatedTarget),i=this.playing;t&&i&&(this.suspendedDueToHover=!1),t&&i&&!this.suspendedDueToFocus&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}handleFocusOut(e){let t=!e.composedPath().includes(e.relatedTarget),i=this.playing;t&&i&&(this.suspendedDueToFocus=!1),t&&i&&!this.suspendedDueToHover&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}containerKeyDownHandler(e){if(e.target!==this.containerRef.value)return;let t=this.items.length-1;switch(e.key){case" ":case"Enter":e.preventDefault(),(this.autoplay===""||this.autoplay===!0||this.autoplay==="paused")&&this.toggleRotation();break;case"ArrowRight":if(e.preventDefault(),!this.hasMultiple)return;this.itemDirection="forward",this.nextItem(!0);break;case"ArrowLeft":if(e.preventDefault(),!this.hasMultiple)return;this.itemDirection="backward",this.previousItem();break;case"Home":if(e.preventDefault(),this.selectedIndex===0)return;this.itemDirection="backward",this.setSelectedItem(0,!0);break;case"End":if(e.preventDefault(),this.selectedIndex===t)return;this.itemDirection="forward",this.setSelectedItem(t,!0);break}}tabListKeyDownHandler(e){let t=Array(...this.tabListRef.value.querySelectorAll(`button:not(.${a.paginationItemOutOfRange})`)),i=e.target;switch(e.key){case"ArrowRight":m(t,i,"next");break;case"ArrowLeft":m(t,i,"previous");break;case"Home":e.preventDefault(),m(t,i,"first");break;case"End":e.preventDefault(),m(t,i,"last");break}}renderRotationControl(){let e=this.playing?this.messages.pause:this.messages.play,t=this.slideDurationRemaining*100;return r`<button .ariaLabel=${e} class=${s({[a.paginationItem]:!0,[a.autoplayControl]:!0})} @click=${this.toggleRotation} title=${e??c}><calcite-icon .icon=${this.playing?h.pause:h.play} scale=s></calcite-icon>${this.playing&&r`<calcite-progress class=${s(a.autoplayProgress)} .label=${this.messages.carouselItemProgress} .value=${t}></calcite-progress>`||""}</button>`}renderPaginationArea(){return r`<div class=${s({[a.pagination]:!0,[a.containerOverlaid]:this.controlOverlay})} @keydown=${this.tabListKeyDownHandler} ${b(this.tabListRef)}>${(this.playing||this.autoplay===""||this.autoplay===!0||this.autoplay==="paused")&&this.hasMultiple&&this.renderRotationControl()||""}${this.arrowType==="inline"&&this.hasMultiple&&this.renderArrow("previous")||""}${this.paginationDisabled?this.renderPaginationAriaLive():this.renderPaginationItems()}${this.arrowType==="inline"&&this.hasMultiple&&this.renderArrow("next")||""}</div>`}renderPaginationItems(){let{selectedIndex:e,maxItems:t,items:i,label:n,handleItemSelection:u}=this;return r`<div .ariaLabel=${n} class=${s(a.paginationItems)} role=tablist>${K(i,l=>l.id,(l,o)=>{let g=i.length,d=o===e,j=o===0,q=o===g-1,$=g-t-1,I=e<t,R=e>=$,S=I?0:e-Math.floor(t/2),V=R?g:S+t,C=I?0:R?$:S,P=I?t+1:V,G=!j&&!q&&!d&&(o===C-1||o===P),T=d||o<=P&&o>=C-1,z=g-1<=t,Z=d?h.active:h.inactive;return r`<button aria-controls=${(d?void 0:l.id)??c} .ariaSelected=${d} class=${s({[a.paginationItem]:!0,[a.paginationItemIndividual]:!0,[a.paginationItemSelected]:d,[a.paginationItemRangeEdge]:g-1>t&&G,[a.paginationItemOutOfRange]:!(z||T),[a.paginationItemVisible]:z||T})} data-index=${o??c} @click=${u} role=tab title=${l.label??c}><calcite-icon .icon=${Z} scale=l></calcite-icon></button>`})}</div>`}renderPaginationAriaLive(){let{messages:e,messages:{_lang:t},selectedIndex:i,items:n}=this;if(!e._loading)return y.numberFormatOptions={locale:t},r`<div aria-live=off class=${s(a.paginationAriaLive)} role=status>${e.paginationStatus.replace("{current}",y.localize(`${i+1}`)).replace("{total}",y.localize(`${n.length}`))}</div>`}renderArrow(e){let t=e==="previous",i=this.direction,n=this.arrowType==="edge"?"m":"s",u=t?a.pagePrevious:a.pageNext,l=t?this.messages.previous:this.messages.next,o=t?h.chevronLeft:h.chevronRight;return r`<button aria-controls=${this.containerId??c} class=${s({[a.paginationItem]:!0,[u]:!0})} data-item-direction=${e??c} @click=${this.handleArrowClick} title=${l??c}><calcite-icon .flipRtl=${i==="rtl"} .icon=${o} .scale=${n}></calcite-icon></button>`}render(){let{itemDirection:e,paginationPosition:t}=this,i=this.renderPaginationArea(),n=r`<section class=${s({[a.itemContainer]:!0,[a.itemContainerForward]:e==="forward",[a.itemContainerBackward]:e==="backward"})} id=${this.containerId??c} ${b(this.itemContainerRef)}><slot @slotchange=${this.handleSlotChange}></slot></section>`;return this.interactiveContainer({disabled:this.disabled,children:r`<div .ariaLabel=${this.label} .ariaLive=${this.playing?"off":"polite"} .ariaRoleDescription=${this.messages.carousel} class=${s({[a.container]:!0,[a.containerOverlaid]:this.controlOverlay,[a.containerEdged]:this.arrowType==="edge"})} @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut} @keydown=${this.containerKeyDownHandler} @mouseenter=${this.handleMouseIn} @mouseleave=${this.handleMouseOut} role=group tabindex=0 ${b(this.containerRef)}>${t==="top"?i:n}${t==="top"?n:i}${this.arrowType==="edge"&&this.hasMultiple&&this.renderArrow("previous")||""}${this.arrowType==="edge"&&this.hasMultiple&&this.renderArrow("next")||""}</div>`})}};H("calcite-carousel",D);export{D as Carousel};
2
+ import{a as k}from"./GH3XYO4N.js";import{m as y}from"./MBM7UIXE.js";import{a as K}from"./O66KCB5Y.js";import"./27YYIR6K.js";import{a as N}from"./ZCREBRIK.js";import{a as x}from"./YA3S7CBB.js";import"./YP3AYJH3.js";import{a as W}from"./T6CCMW7H.js";import{a as E}from"./VI7SBYXT.js";import{a as U}from"./LKTLHI7X.js";import{a as B}from"./Q4GFUNOY.js";import"./ZWPNZ5XW.js";import{e as F}from"./U5EJA3RQ.js";import{C as m,E as L,y as M}from"./RR6RVWTZ.js";import{C as f,D as b,E as A,F as s,R as H,g as O,h as r,l as c,p}from"./BKTVJALY.js";var _=6e3,a={container:"container",containerOverlaid:"container--overlaid",containerEdged:"container--edged",itemContainer:"item-container",itemContainerForward:"item-container--forward",itemContainerBackward:"item-container--backward",pagination:"pagination",paginationAriaLive:"pagination-aria-live",paginationItems:"pagination-items",paginationItem:"pagination-item",paginationItemIndividual:"pagination-item--individual",paginationItemVisible:"pagination-item--visible",paginationItemOutOfRange:"pagination-item--out-of-range",paginationItemSelected:"pagination-item--selected",paginationItemRangeEdge:"pagination-item--range-edge",pageNext:"page-next",pagePrevious:"page-previous",autoplayControl:"autoplay-control",autoplayProgress:"autoplay-progress"},h={chevronLeft:"chevron-left",chevronRight:"chevron-right",inactive:"bullet-point",active:"bullet-point-large",pause:"pause-f",play:"play-f"},v={medium:7,small:5,xsmall:3,xxsmall:1},Y="calcite-carousel-container",J={host:w=>`${Y}-${w}`},Q=O`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%;--calcite-internal-carousel-pagination-space: 1.5rem;--calcite-internal-carousel-pagination-space-wide: 3.5rem;--calcite-internal-carousel-pagination-background-color: var( --calcite-carousel-pagination-background-color, transparent );--calcite-internal-carousel-pagination-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, transparent );--calcite-internal-carousel-pagination-background-color-press: var( --calcite-carousel-pagination-background-color-press, transparent );--calcite-internal-carousel-pagination-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, transparent );--calcite-internal-carousel-pagination-overlay-background-color: var( --calcite-carousel-pagination-background-color, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-overlay-background-color-hover: var( --calcite-carousel-pagination-background-color-hover, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-active: var( --calcite-carousel-pagination-background-color-press, var(--calcite-color-foreground-2) );--calcite-internal-carousel-pagination-overlay-background-color-selected: var( --calcite-carousel-pagination-background-color-selected, var(--calcite-color-foreground-1) );--calcite-internal-carousel-pagination-icon-color-hover: var( --calcite-carousel-pagination-icon-color-hover, var(--calcite-color-text-1) );--calcite-internal-carousel-pagination-icon-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-border-1) );--calcite-internal-carousel-pagination-icon-color-selected: var( --calcite-carousel-pagination-icon-color-selected, var(--calcite-color-brand) );--calcite-internal-carousel-control-icon-color-hover: var( --calcite-carousel-control-icon-color-hover, var(--calcite-internal-carousel-pagination-icon-color-hover) );--calcite-internal-carousel-control-icon-color: var( --calcite-carousel-control-icon-color, var(--calcite-carousel-pagination-icon-color, var(--calcite-color-text-3)) );--calcite-internal-carousel-autoplay-progress-background-color: var( --calcite-carousel-autoplay-progress-background-color, var(--calcite-color-border-3) );--calcite-internal-carousel-autoplay-progress-fill-color: var( --calcite-carousel-autoplay-progress-fill-color, var(--calcite-color-brand) );--calcite-internal-carousel-autoplay-control-color: var( --calcite-carousel-pagination-icon-color, var(--calcite-color-text-3) )}.container{position:relative;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);color:var(--calcite-color-text-2);outline-color:transparent}.container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-carousel-pagination-space-wide);inline-size:calc(100% - var(--calcite-internal-carousel-pagination-space-wide) * 2)}.item-container{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;overflow:auto;padding:.25rem;animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination-aria-live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pagination{margin:.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-carousel-control-icon-color);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-carousel-control-icon-color-hover);--calcite-icon-color: var(--calcite-internal-carousel-control-icon-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:3rem;inline-size:3rem;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}:host([pagination-position=top]) .container--overlaid .pagination{inset-block-start:0;inset-block-end:unset}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-carousel-autoplay-control-color);--calcite-progress-fill-color: var(--calcite-internal-carousel-autoplay-progress-fill-color);--calcite-progress-background-color: var(--calcite-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;margin:0;block-size:2rem;inline-size:2rem;cursor:pointer;align-items:center;border-style:none;background-color:transparent;outline-color:transparent;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;background-color:var(--calcite-internal-carousel-pagination-background-color);color:var(--calcite-internal-carousel-pagination-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-background-color-hover);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-background-color-press);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-background-color-press);color:var(--calcite-internal-carousel-pagination-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}.pagination-item--individual{pointer-events:none;inline-size:0px;padding:0;opacity:0;visibility:hidden;transition:var(--calcite-animation-timing) ease-in-out inline-size,var(--calcite-animation-timing) ease-in-out padding,var(--calcite-animation-timing) ease-in-out opacity}.pagination-item--individual.pagination-item--visible{pointer-events:auto;inline-size:2rem;opacity:1;visibility:visible}.pagination-item--range-edge calcite-icon{scale:.75;transition:var(--calcite-animation-timing) ease-in-out scale}.container--overlaid .pagination-item{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-active)}.container--overlaid .pagination-item.pagination-item--selected{background-color:var(--calcite-internal-carousel-pagination-overlay-background-color-selected);color:var(--calcite-internal-carousel-pagination-icon-color-selected)}@keyframes item-forward{0%{transform:translate3d(100px,0,0)}to{transform:translateZ(0)}}@keyframes item-backward{0%{transform:translate3d(-100px,0,0)}to{transform:translateZ(0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,D=class extends A{constructor(){super(...arguments),this.autoplayHandler=()=>{this.clearIntervals(),this.slideDurationInterval=setInterval(this.timer,this.autoplayDuration/100)},this.containerRef=f(),this.containerId=J.host(W()),this.direction=F(),this.itemContainerRef=f(),this.resizeHandler=({contentRect:{width:e}})=>{this.setMaxItemsToBreakpoint(e)},this.resizeObserver=E("resize",e=>e.forEach(this.resizeHandler)),this.tabListRef=f(),this.timer=()=>{let e=this.slideDurationRemaining;(!this.suspendedDueToFocus&&!this.suspendedDueToHover||this.userPreventsSuspend)&&(e<=.01?(e=1,this.itemDirection="forward",this.nextItem(!1)):e=e-.01),e>0&&(this.slideDurationRemaining=e)},this.messages=U({blocking:!0}),this.focusSetter=B()(this),this.interactiveContainer=N(this),this.itemDirection="standby",this.hasMultiple=!1,this.items=[],this.maxItems=v.xxsmall,this.playing=!1,this.selectedIndex=0,this.slideDurationRemaining=1,this.suspendedDueToFocus=!1,this.suspendedDueToHover=!1,this.suspendedSlideDurationRemaining=1,this.userPreventsSuspend=!1,this.arrowType="inline",this.autoplay=!1,this.autoplayDuration=_,this.controlOverlay=!1,this.disabled=!1,this.paginationDisabled=!1,this.paginationPosition="bottom",this.calciteCarouselChange=p({cancelable:!1}),this.calciteCarouselPause=p({cancelable:!1}),this.calciteCarouselPlay=p({cancelable:!1}),this.calciteCarouselResume=p({cancelable:!1}),this.calciteCarouselStop=p({cancelable:!1})}static{this.properties={itemDirection:[16,{},{state:!0}],hasMultiple:[16,{},{state:!0}],items:[16,{},{state:!0}],maxItems:[16,{},{state:!0}],playing:[16,{},{state:!0}],selectedIndex:[16,{},{state:!0}],slideDurationRemaining:[16,{},{state:!0}],suspendedDueToFocus:[16,{},{state:!0}],suspendedDueToHover:[16,{},{state:!0}],suspendedSlideDurationRemaining:[16,{},{state:!0}],userPreventsSuspend:[16,{},{state:!0}],arrowType:[3,{},{reflect:!0}],autoplay:[3,{},{reflect:!0}],autoplayDuration:[11,{},{type:Number,reflect:!0}],controlOverlay:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],label:1,messageOverrides:[0,{},{attribute:!1}],paginationDisabled:[5,{},{type:Boolean}],paginationPosition:[3,{},{reflect:!0}],paused:[5,{},{type:Boolean}],selectedItem:[0,{},{attribute:!1}]}}static{this.styles=Q}async play(){this.playing||!this.hasMultiple||this.autoplay!==""&&this.autoplay!==!0&&this.autoplay!=="paused"||this.handlePlay(!0)}async setFocus(e){return this.focusSetter(()=>this.containerRef.value,e)}async stop(){this.playing&&this.handlePause(!0)}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}async load(){(this.autoplay===""||this.autoplay)&&this.autoplay!=="paused"?this.handlePlay(!1):this.autoplay==="paused"&&(this.paused=!0)}willUpdate(e){this.hasUpdated&&!this.hasMultiple&&this.handlePause(!1),e.has("autoplay")&&this.hasUpdated&&this.autoplayWatcher(this.autoplay),e.has("itemDirection")&&(this.hasUpdated||this.itemDirection!=="standby")&&this.itemDirectionWatcher(this.itemDirection),e.has("playing")&&(this.hasUpdated||this.playing!==!1)&&(this.paused=!this.playing),(e.has("suspendedDueToFocus")&&(this.hasUpdated||this.suspendedDueToFocus!==!1)||e.has("suspendedDueToHover")&&(this.hasUpdated||this.suspendedDueToHover!==!1))&&this.suspendWatcher()}disconnectedCallback(){super.disconnectedCallback(),this.clearIntervals(),this.resizeObserver?.disconnect()}autoplayWatcher(e){e||this.handlePause(!1)}async itemDirectionWatcher(e){e==="standby"||!this.itemContainerRef.value||(await L(this.itemContainerRef.value,e==="forward"?"item-forward":"item-backward"),this.itemDirection="standby")}suspendWatcher(){!this.suspendedDueToFocus&&!this.suspendedDueToHover?this.suspendEnd():this.suspendStart()}setMaxItemsToBreakpoint(e){if(e){if(e>=k.width.small){this.maxItems=v.medium;return}if(e>=k.width.xsmall){this.maxItems=v.small;return}if(e>=k.width.xxsmall){this.maxItems=v.xsmall;return}this.maxItems=v.xxsmall}}clearIntervals(){clearInterval(this.slideDurationInterval),clearInterval(this.slideInterval)}nextItem(e){this.playing&&e&&(this.playing=!1);let t=x(this.selectedIndex+1,this.items.length);this.setSelectedItem(t,e)}previousItem(){this.playing=!1;let e=x(Math.max(this.selectedIndex-1,-1),this.items.length);this.setSelectedItem(e,!0)}handlePlay(e){this.playing=!0,this.autoplayHandler(),this.slideInterval=setInterval(this.autoplayHandler,this.autoplayDuration),e&&this.calciteCarouselPlay.emit()}handlePause(e){this.playing=!1,this.clearIntervals(),this.slideDurationRemaining=1,this.suspendedSlideDurationRemaining=1,e&&this.calciteCarouselStop.emit()}suspendStart(){this.suspendedSlideDurationRemaining=this.slideDurationRemaining}suspendEnd(){this.slideDurationRemaining=this.suspendedSlideDurationRemaining}handleSlotChange(e){let t=M(e);if(t.length<1)return;let i=t.findIndex(u=>u.selected),n=i>-1?i:0;this.items=t,this.hasMultiple=t.length>1,this.setSelectedItem(n,!1)}setSelectedItem(e,t){let i=this.selectedIndex;this.items.forEach((n,u)=>{let l=e===u;n.selected=l,l&&(this.selectedItem=n,this.selectedIndex=u)}),t&&(this.playing=!1,i!==this.selectedIndex&&this.calciteCarouselChange.emit())}handleArrowClick(e){let t=e.target.dataset.itemDirection;this.playing&&this.handlePause(!0),t==="next"?(this.itemDirection="forward",this.nextItem(!0)):t==="previous"&&(this.itemDirection="backward",this.previousItem())}handleItemSelection(e){let t=e.currentTarget,i=parseInt(t.dataset.index,10);i!==this.selectedIndex&&(this.playing&&this.handlePause(!0),this.itemDirection=i>this.selectedIndex?"forward":"backward",this.setSelectedItem(i,!0))}toggleRotation(){this.userPreventsSuspend=!0,this.playing?this.handlePause(!0):this.handlePlay(!0)}handleFocusIn(){let e=this.playing;e&&(this.suspendedDueToFocus=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseIn(){let e=this.playing;e&&(this.suspendedDueToHover=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseOut(e){let t=!this.el.contains(e.relatedTarget),i=this.playing;t&&i&&(this.suspendedDueToHover=!1),t&&i&&!this.suspendedDueToFocus&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}handleFocusOut(e){let t=!e.composedPath().includes(e.relatedTarget),i=this.playing;t&&i&&(this.suspendedDueToFocus=!1),t&&i&&!this.suspendedDueToHover&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}containerKeyDownHandler(e){if(e.target!==this.containerRef.value)return;let t=this.items.length-1;switch(e.key){case" ":case"Enter":e.preventDefault(),(this.autoplay===""||this.autoplay===!0||this.autoplay==="paused")&&this.toggleRotation();break;case"ArrowRight":if(e.preventDefault(),!this.hasMultiple)return;this.itemDirection="forward",this.nextItem(!0);break;case"ArrowLeft":if(e.preventDefault(),!this.hasMultiple)return;this.itemDirection="backward",this.previousItem();break;case"Home":if(e.preventDefault(),this.selectedIndex===0)return;this.itemDirection="backward",this.setSelectedItem(0,!0);break;case"End":if(e.preventDefault(),this.selectedIndex===t)return;this.itemDirection="forward",this.setSelectedItem(t,!0);break}}tabListKeyDownHandler(e){let t=Array(...this.tabListRef.value.querySelectorAll(`button:not(.${a.paginationItemOutOfRange})`)),i=e.target;switch(e.key){case"ArrowRight":m(t,i,"next");break;case"ArrowLeft":m(t,i,"previous");break;case"Home":e.preventDefault(),m(t,i,"first");break;case"End":e.preventDefault(),m(t,i,"last");break}}renderRotationControl(){let e=this.playing?this.messages.pause:this.messages.play,t=this.slideDurationRemaining*100;return r`<button .ariaLabel=${e} class=${s({[a.paginationItem]:!0,[a.autoplayControl]:!0})} @click=${this.toggleRotation} title=${e??c}><calcite-icon .icon=${this.playing?h.pause:h.play} scale=s></calcite-icon>${this.playing&&r`<calcite-progress class=${s(a.autoplayProgress)} .label=${this.messages.carouselItemProgress} .value=${t}></calcite-progress>`||""}</button>`}renderPaginationArea(){return r`<div class=${s({[a.pagination]:!0,[a.containerOverlaid]:this.controlOverlay})} @keydown=${this.tabListKeyDownHandler} ${b(this.tabListRef)}>${(this.playing||this.autoplay===""||this.autoplay===!0||this.autoplay==="paused")&&this.hasMultiple&&this.renderRotationControl()||""}${this.arrowType==="inline"&&this.hasMultiple&&this.renderArrow("previous")||""}${this.paginationDisabled?this.renderPaginationAriaLive():this.renderPaginationItems()}${this.arrowType==="inline"&&this.hasMultiple&&this.renderArrow("next")||""}</div>`}renderPaginationItems(){let{selectedIndex:e,maxItems:t,items:i,label:n,handleItemSelection:u}=this;return r`<div .ariaLabel=${n} class=${s(a.paginationItems)} role=tablist>${K(i,l=>l.id,(l,o)=>{let g=i.length,d=o===e,j=o===0,q=o===g-1,$=g-t-1,I=e<t,R=e>=$,S=I?0:e-Math.floor(t/2),V=R?g:S+t,C=I?0:R?$:S,P=I?t+1:V,G=!j&&!q&&!d&&(o===C-1||o===P),T=d||o<=P&&o>=C-1,z=g-1<=t,Z=d?h.active:h.inactive;return r`<button aria-controls=${(d?void 0:l.id)??c} .ariaSelected=${d} class=${s({[a.paginationItem]:!0,[a.paginationItemIndividual]:!0,[a.paginationItemSelected]:d,[a.paginationItemRangeEdge]:g-1>t&&G,[a.paginationItemOutOfRange]:!(z||T),[a.paginationItemVisible]:z||T})} data-index=${o??c} @click=${u} role=tab title=${l.label??c}><calcite-icon .icon=${Z} scale=l></calcite-icon></button>`})}</div>`}renderPaginationAriaLive(){let{messages:e,messages:{_lang:t},selectedIndex:i,items:n}=this;if(!e._loading)return y.numberFormatOptions={locale:t},r`<div aria-live=off class=${s(a.paginationAriaLive)} role=status>${e.paginationStatus.replace("{current}",y.localize(`${i+1}`)).replace("{total}",y.localize(`${n.length}`))}</div>`}renderArrow(e){let t=e==="previous",i=this.direction,n=this.arrowType==="edge"?"m":"s",u=t?a.pagePrevious:a.pageNext,l=t?this.messages.previous:this.messages.next,o=t?h.chevronLeft:h.chevronRight;return r`<button aria-controls=${this.containerId??c} class=${s({[a.paginationItem]:!0,[u]:!0})} data-item-direction=${e??c} @click=${this.handleArrowClick} title=${l??c}><calcite-icon .flipRtl=${i==="rtl"} .icon=${o} .scale=${n}></calcite-icon></button>`}render(){let{itemDirection:e,paginationPosition:t}=this,i=this.renderPaginationArea(),n=r`<section class=${s({[a.itemContainer]:!0,[a.itemContainerForward]:e==="forward",[a.itemContainerBackward]:e==="backward"})} id=${this.containerId??c} ${b(this.itemContainerRef)}><slot @slotchange=${this.handleSlotChange}></slot></section>`;return this.interactiveContainer({disabled:this.disabled,children:r`<div .ariaLabel=${this.label} .ariaLive=${this.playing?"off":"polite"} .ariaRoleDescription=${this.messages.carousel} class=${s({[a.container]:!0,[a.containerOverlaid]:this.controlOverlay,[a.containerEdged]:this.arrowType==="edge"})} @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut} @keydown=${this.containerKeyDownHandler} @mouseenter=${this.handleMouseIn} @mouseleave=${this.handleMouseOut} role=group tabindex=0 ${b(this.containerRef)}>${t==="top"?i:n}${t==="top"?n:i}${this.arrowType==="edge"&&this.hasMultiple&&this.renderArrow("previous")||""}${this.arrowType==="edge"&&this.hasMultiple&&this.renderArrow("next")||""}</div>`})}};H("calcite-carousel",D);export{D as Carousel};
package/dist/cdn/{N2WS4NPT.js → FI2B7DFP.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as E}from"./YA3S7CBB.js";import{a as w}from"./YP3AYJH3.js";import{a as S}from"./T6CCMW7H.js";import{b as C}from"./7VTO7SRW.js";import{b as y}from"./JL43QOWW.js";import{d as v}from"./24ZPXFO2.js";import{a as h,b as p,c as A,d as $}from"./XX43OXTK.js";import{c as g}from"./77M5NVCW.js";import"./VUYX7MNO.js";import{a as B}from"./UYWIT3WT.js";import"./ZWPNZ5XW.js";import"./42R3WB34.js";import{z as r}from"./RCJTNWLP.js";import{C as m,D as c,E as I,F as f,R as M,g as b,h as u,l as d,p as l}from"./YR334B5W.js";var R=b`:host([scale=s]){--calcite-internal-action-menu-gap: var(--calcite-action-menu-items-space, var(--calcite-spacing-xxs));--calcite-internal-action-menu-padding: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-menu-gap: var(--calcite-action-menu-items-space, var(--calcite-spacing-sm));--calcite-internal-action-menu-padding: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-menu-gap: var(--calcite-action-menu-items-space, var(--calcite-spacing-sm-plus));--calcite-internal-action-menu-padding: var(--calcite-spacing-sm-plus)}:host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-relative-lg)}::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm);padding-block-end:var(--calcite-internal-action-menu-padding)}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{display:flex;max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px;gap:var(--calcite-internal-action-menu-gap);padding:var(--calcite-internal-action-menu-padding)}:host([hidden]){display:none}[hidden]{display:none}`,O=["ArrowUp","ArrowDown","End","Home"],x=class extends I{constructor(){super(),this.guid=S(),this._actions=[],this.navigableActions=[],this.defaultSlotRef=m(),this.triggerSlotRef=m(),this.menuButtonClick=()=>{this.toggleOpen()},this.menuButtonId=p.button(this.guid),this.menuButtonKeyDown=t=>{let{key:e}=t,{activeMenuItemIndex:s,navigableActions:i,open:n}=this;if(i.length){if(w(e)){if(t.preventDefault(),!n){this.toggleOpen();return}let o=i[s];o?o.click():this.toggleOpen(!1)}if(e==="Tab"){this.open=!1;return}if(e==="Escape"){this.toggleOpen(!1),t.preventDefault();return}this.handleActionNavigation(t,e,i)}},this.menuId=p.menu(this.guid),this._open=!1,this.updateAction=(t,e)=>{let{guid:s,activeMenuItemIndex:i}=this,n=p.action(s,e);t.tabIndex=-1,t.setAttribute("role","menuitem"),t.id||(t.id=n),t.activeDescendant=e===i},this.focusSetter=B()(this),this.mouseDownHandler=t=>{t.composedPath().some(g)&&(this.activeMenuItemIndex=this.navigableActions.findIndex(e=>e===t.target))},this.activeMenuItemIndex=-1,this.appearance="solid",this.expanded=!1,this.overlayPositioning="absolute",this.placement="auto",this.topLayerDisabled=!1,this.scale="m",this.calciteActionMenuCollapse=l({cancelable:!1}),this.calciteActionMenuExpand=l({cancelable:!1}),this.calciteActionMenuOpen=l({cancelable:!1}),this.calciteInternalActionMenuActionsChange=l({cancelable:!1}),this.listen("calciteInternalActionGroupActionsChange",this.handleActionGroupActionsChange)}static{this.properties={activeMenuItemIndex:[16,{},{state:!0}],menuButtonEl:[16,{},{state:!0}],appearance:[3,{},{reflect:!0}],expanded:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],label:1,open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],actions:[32,{},{attribute:!1,readOnly:!0}]}}static{this.styles=R}get open(){return this._open}set open(t){let e=this._open;t!==e&&(this._open=t,this.openHandler(t))}get actions(){return this._actions}async setFocus(t){return this.focusSetter(()=>this.menuButtonEl,t)}connectedCallback(){super.connectedCallback(),this.connectMenuButtonEl(),this.listen("mousedown",this.mouseDownHandler)}willUpdate(t){t.has("expanded")&&(this.hasUpdated||this.expanded!==!1)&&this.expandedHandler(),t.has("activeMenuItemIndex")&&(this.hasUpdated||this.activeMenuItemIndex!==-1)&&this.updateActions(this.navigableActions),t.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteActionMenuExpand.emit():this.calciteActionMenuCollapse.emit())}disconnectedCallback(){super.disconnectedCallback(),this.disconnectMenuButtonEl()}expandedHandler(){this.open=!1,this.setTooltipReferenceElement()}openHandler(t){this.menuButtonEl&&(this.menuButtonEl.active=t,this.menuButtonEl.aria={expanded:t}),this.popoverEl&&(this.popoverEl.open=t),this.activeMenuItemIndex=this.open?0:-1,this.calciteActionMenuOpen.emit(),this.setTooltipReferenceElement()}connectMenuButtonEl(){let{menuButtonId:t,menuId:e,open:s,label:i}=this,n=this.slottedMenuButtonEl||this.defaultMenuButtonEl;this.menuButtonEl!==n&&(this.disconnectMenuButtonEl(),this.menuButtonEl=n,this.setTooltipReferenceElement(),n&&(n.active=s,n.setAttribute("aria-controls",e),n.setAttribute("aria-expanded",C(s)),n.setAttribute("aria-haspopup","true"),n.id||(n.id=t),n.label||(n.label=i),n.text||(n.text=i),n.addEventListener("click",this.menuButtonClick),n.addEventListener("keydown",this.menuButtonKeyDown)))}disconnectMenuButtonEl(){let{menuButtonEl:t}=this;t&&(t.removeEventListener("click",this.menuButtonClick),t.removeEventListener("keydown",this.menuButtonKeyDown),this.menuButtonEl=void 0)}syncActions(){let t=this.triggerSlotRef.value,e=t?r(t,"calcite-action").filter(a=>!a.classList.contains(h.defaultTrigger)):[],s=new Set(e),i=this.defaultSlotRef.value?r(this.defaultSlotRef.value).flatMap(a=>g(a)?a:v(a)?a.actions:[]):[],n=[],o=new Set;[...e,...i].forEach(a=>{o.has(a)||(o.add(a),n.push(a))}),this._actions=n,this.navigableActions=n.filter(a=>!s.has(a)&&!a.disabled&&!a.hidden),!this.open||!this.navigableActions.length?this.activeMenuItemIndex=-1:(this.activeMenuItemIndex<0||this.activeMenuItemIndex>=this.navigableActions.length)&&(this.activeMenuItemIndex=0),this.updateActions(this.navigableActions)}setMenuButtonEl(){this.slottedMenuButtonEl=this.triggerSlotRef.value?r(this.triggerSlotRef.value,"calcite-action")[0]:void 0,this.connectMenuButtonEl()}syncActionsAndEmitChange(){this.syncActions(),this.calciteInternalActionMenuActionsChange.emit()}handleTriggerSlotChange(){this.setMenuButtonEl(),this.syncActionsAndEmitChange()}setDefaultMenuButtonEl(t){this.defaultMenuButtonEl=t,this.connectMenuButtonEl()}setPopoverEl(t){t&&(this.popoverEl=t,t.open=this.open)}handleCalciteActionClick(t){this.navigableActions.some(e=>t.composedPath().includes(e))&&(this.open=!1,this.setFocus())}updateTooltip(t){let e=t.target.assignedElements({flatten:!0}).filter(y);this.tooltipEl=e[0],this.setTooltipReferenceElement()}setTooltipReferenceElement(){let{tooltipEl:t,expanded:e,menuButtonEl:s,open:i}=this;t&&(t.referenceElement=!e&&!i?s:void 0)}updateActions(t){t.forEach(this.updateAction)}async handleDefaultSlotChange(){await this.componentOnReady(),this.syncActionsAndEmitChange()}handleActionGroupActionsChange(t){let e=t.target;(this.defaultSlotRef.value?r(this.defaultSlotRef.value).filter(i=>v(i)):[]).includes(e)&&this.syncActionsAndEmitChange()}isValidKey(t,e){return!!e.find(s=>s===t)}handleActionNavigation(t,e,s){if(!this.isValidKey(e,O))return;if(t.preventDefault(),!this.open){this.toggleOpen(),(e==="Home"||e==="ArrowDown")&&(this.activeMenuItemIndex=0),(e==="End"||e==="ArrowUp")&&(this.activeMenuItemIndex=s.length-1);return}e==="Home"&&(this.activeMenuItemIndex=0),e==="End"&&(this.activeMenuItemIndex=s.length-1);let i=this.activeMenuItemIndex;e==="ArrowUp"&&(this.activeMenuItemIndex=E(Math.max(i-1,-1),s.length)),e==="ArrowDown"&&(this.activeMenuItemIndex=E(i+1,s.length))}toggleOpen(t=!this.open){this.open=t}handlePopoverOpen(t){t.stopPropagation(),this.open=!0,this.setFocus()}handlePopoverClose(t){t.stopPropagation(),this.open=!1}renderMenuButton(){let{appearance:t,label:e,scale:s,expanded:i}=this;return u`<slot name=${A.trigger} @slotchange=${this.handleTriggerSlotChange} ${c(this.triggerSlotRef)}><calcite-action .appearance=${t} .aria=${{expanded:i}} class=${f(h.defaultTrigger)} .icon=${$.menu} .scale=${s} .text=${e} .textEnabled=${i} ${c(this.setDefaultMenuButtonEl)}></calcite-action></slot>`}renderMenuItems(){let{navigableActions:t,activeMenuItemIndex:e,menuId:s,menuButtonEl:i,label:n,placement:o,overlayPositioning:a,flipPlacements:D}=this,P=t[e]?.id||null;return u`<calcite-popover auto-close .flipPlacements=${D} focus-trap-disabled .label=${n} offset-distance=0 @calcitePopoverClose=${this.handlePopoverClose} @calcitePopoverOpen=${this.handlePopoverOpen} .overlayPositioning=${a} .placement=${o} pointer-disabled .referenceElement=${i} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} trigger-disabled ${c(this.setPopoverEl)}><div aria-activedescendant=${P??void 0??d} aria-labelledby=${i?.id??d} class=${f(h.menu)} id=${s??d} @click=${this.handleCalciteActionClick} role=menu tabindex=-1><slot @slotchange=${this.handleDefaultSlotChange} ${c(this.defaultSlotRef)}></slot></div></calcite-popover>`}render(){return u`${this.renderMenuButton()}${this.renderMenuItems()}<slot name=${A.tooltip} @slotchange=${this.updateTooltip}></slot>`}};M("calcite-action-menu",x);export{x as ActionMenu};
2
+ import{a as E}from"./YA3S7CBB.js";import{a as w}from"./YP3AYJH3.js";import{a as S}from"./T6CCMW7H.js";import{b as C}from"./7VTO7SRW.js";import{b as y}from"./JL43QOWW.js";import{d as v}from"./24ZPXFO2.js";import{a as h,b as p,c as A,d as $}from"./XX43OXTK.js";import{c as g}from"./77M5NVCW.js";import"./VUYX7MNO.js";import{a as B}from"./Q4GFUNOY.js";import"./ZWPNZ5XW.js";import"./U5EJA3RQ.js";import{z as r}from"./RR6RVWTZ.js";import{C as m,D as c,E as I,F as f,R as M,g as b,h as u,l as d,p as l}from"./BKTVJALY.js";var R=b`:host([scale=s]){--calcite-internal-action-menu-gap: var(--calcite-action-menu-items-space, var(--calcite-spacing-xxs));--calcite-internal-action-menu-padding: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-menu-gap: var(--calcite-action-menu-items-space, var(--calcite-spacing-sm));--calcite-internal-action-menu-padding: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-menu-gap: var(--calcite-action-menu-items-space, var(--calcite-spacing-sm-plus));--calcite-internal-action-menu-padding: var(--calcite-spacing-sm-plus)}:host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-relative-lg)}::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm);padding-block-end:var(--calcite-internal-action-menu-padding)}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{display:flex;max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px;gap:var(--calcite-internal-action-menu-gap);padding:var(--calcite-internal-action-menu-padding)}:host([hidden]){display:none}[hidden]{display:none}`,O=["ArrowUp","ArrowDown","End","Home"],x=class extends I{constructor(){super(),this.guid=S(),this._actions=[],this.navigableActions=[],this.defaultSlotRef=m(),this.triggerSlotRef=m(),this.menuButtonClick=()=>{this.toggleOpen()},this.menuButtonId=p.button(this.guid),this.menuButtonKeyDown=t=>{let{key:e}=t,{activeMenuItemIndex:s,navigableActions:i,open:n}=this;if(i.length){if(w(e)){if(t.preventDefault(),!n){this.toggleOpen();return}let o=i[s];o?o.click():this.toggleOpen(!1)}if(e==="Tab"){this.open=!1;return}if(e==="Escape"){this.toggleOpen(!1),t.preventDefault();return}this.handleActionNavigation(t,e,i)}},this.menuId=p.menu(this.guid),this._open=!1,this.updateAction=(t,e)=>{let{guid:s,activeMenuItemIndex:i}=this,n=p.action(s,e);t.tabIndex=-1,t.setAttribute("role","menuitem"),t.id||(t.id=n),t.activeDescendant=e===i},this.focusSetter=B()(this),this.mouseDownHandler=t=>{t.composedPath().some(g)&&(this.activeMenuItemIndex=this.navigableActions.findIndex(e=>e===t.target))},this.activeMenuItemIndex=-1,this.appearance="solid",this.expanded=!1,this.overlayPositioning="absolute",this.placement="auto",this.topLayerDisabled=!1,this.scale="m",this.calciteActionMenuCollapse=l({cancelable:!1}),this.calciteActionMenuExpand=l({cancelable:!1}),this.calciteActionMenuOpen=l({cancelable:!1}),this.calciteInternalActionMenuActionsChange=l({cancelable:!1}),this.listen("calciteInternalActionGroupActionsChange",this.handleActionGroupActionsChange)}static{this.properties={activeMenuItemIndex:[16,{},{state:!0}],menuButtonEl:[16,{},{state:!0}],appearance:[3,{},{reflect:!0}],expanded:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],label:1,open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],actions:[32,{},{attribute:!1,readOnly:!0}]}}static{this.styles=R}get open(){return this._open}set open(t){let e=this._open;t!==e&&(this._open=t,this.openHandler(t))}get actions(){return this._actions}async setFocus(t){return this.focusSetter(()=>this.menuButtonEl,t)}connectedCallback(){super.connectedCallback(),this.connectMenuButtonEl(),this.listen("mousedown",this.mouseDownHandler)}willUpdate(t){t.has("expanded")&&(this.hasUpdated||this.expanded!==!1)&&this.expandedHandler(),t.has("activeMenuItemIndex")&&(this.hasUpdated||this.activeMenuItemIndex!==-1)&&this.updateActions(this.navigableActions),t.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteActionMenuExpand.emit():this.calciteActionMenuCollapse.emit())}disconnectedCallback(){super.disconnectedCallback(),this.disconnectMenuButtonEl()}expandedHandler(){this.open=!1,this.setTooltipReferenceElement()}openHandler(t){this.menuButtonEl&&(this.menuButtonEl.active=t,this.menuButtonEl.aria={expanded:t}),this.popoverEl&&(this.popoverEl.open=t),this.activeMenuItemIndex=this.open?0:-1,this.calciteActionMenuOpen.emit(),this.setTooltipReferenceElement()}connectMenuButtonEl(){let{menuButtonId:t,menuId:e,open:s,label:i}=this,n=this.slottedMenuButtonEl||this.defaultMenuButtonEl;this.menuButtonEl!==n&&(this.disconnectMenuButtonEl(),this.menuButtonEl=n,this.setTooltipReferenceElement(),n&&(n.active=s,n.setAttribute("aria-controls",e),n.setAttribute("aria-expanded",C(s)),n.setAttribute("aria-haspopup","true"),n.id||(n.id=t),n.label||(n.label=i),n.text||(n.text=i),n.addEventListener("click",this.menuButtonClick),n.addEventListener("keydown",this.menuButtonKeyDown)))}disconnectMenuButtonEl(){let{menuButtonEl:t}=this;t&&(t.removeEventListener("click",this.menuButtonClick),t.removeEventListener("keydown",this.menuButtonKeyDown),this.menuButtonEl=void 0)}syncActions(){let t=this.triggerSlotRef.value,e=t?r(t,"calcite-action").filter(a=>!a.classList.contains(h.defaultTrigger)):[],s=new Set(e),i=this.defaultSlotRef.value?r(this.defaultSlotRef.value).flatMap(a=>g(a)?a:v(a)?a.actions:[]):[],n=[],o=new Set;[...e,...i].forEach(a=>{o.has(a)||(o.add(a),n.push(a))}),this._actions=n,this.navigableActions=n.filter(a=>!s.has(a)&&!a.disabled&&!a.hidden),!this.open||!this.navigableActions.length?this.activeMenuItemIndex=-1:(this.activeMenuItemIndex<0||this.activeMenuItemIndex>=this.navigableActions.length)&&(this.activeMenuItemIndex=0),this.updateActions(this.navigableActions)}setMenuButtonEl(){this.slottedMenuButtonEl=this.triggerSlotRef.value?r(this.triggerSlotRef.value,"calcite-action")[0]:void 0,this.connectMenuButtonEl()}syncActionsAndEmitChange(){this.syncActions(),this.calciteInternalActionMenuActionsChange.emit()}handleTriggerSlotChange(){this.setMenuButtonEl(),this.syncActionsAndEmitChange()}setDefaultMenuButtonEl(t){this.defaultMenuButtonEl=t,this.connectMenuButtonEl()}setPopoverEl(t){t&&(this.popoverEl=t,t.open=this.open)}handleCalciteActionClick(t){this.navigableActions.some(e=>t.composedPath().includes(e))&&(this.open=!1,this.setFocus())}updateTooltip(t){let e=t.target.assignedElements({flatten:!0}).filter(y);this.tooltipEl=e[0],this.setTooltipReferenceElement()}setTooltipReferenceElement(){let{tooltipEl:t,expanded:e,menuButtonEl:s,open:i}=this;t&&(t.referenceElement=!e&&!i?s:void 0)}updateActions(t){t.forEach(this.updateAction)}async handleDefaultSlotChange(){await this.componentOnReady(),this.syncActionsAndEmitChange()}handleActionGroupActionsChange(t){let e=t.target;(this.defaultSlotRef.value?r(this.defaultSlotRef.value).filter(i=>v(i)):[]).includes(e)&&this.syncActionsAndEmitChange()}isValidKey(t,e){return!!e.find(s=>s===t)}handleActionNavigation(t,e,s){if(!this.isValidKey(e,O))return;if(t.preventDefault(),!this.open){this.toggleOpen(),(e==="Home"||e==="ArrowDown")&&(this.activeMenuItemIndex=0),(e==="End"||e==="ArrowUp")&&(this.activeMenuItemIndex=s.length-1);return}e==="Home"&&(this.activeMenuItemIndex=0),e==="End"&&(this.activeMenuItemIndex=s.length-1);let i=this.activeMenuItemIndex;e==="ArrowUp"&&(this.activeMenuItemIndex=E(Math.max(i-1,-1),s.length)),e==="ArrowDown"&&(this.activeMenuItemIndex=E(i+1,s.length))}toggleOpen(t=!this.open){this.open=t}handlePopoverOpen(t){t.stopPropagation(),this.open=!0,this.setFocus()}handlePopoverClose(t){t.stopPropagation(),this.open=!1}renderMenuButton(){let{appearance:t,label:e,scale:s,expanded:i}=this;return u`<slot name=${A.trigger} @slotchange=${this.handleTriggerSlotChange} ${c(this.triggerSlotRef)}><calcite-action .appearance=${t} .aria=${{expanded:i}} class=${f(h.defaultTrigger)} .icon=${$.menu} .scale=${s} .text=${e} .textEnabled=${i} ${c(this.setDefaultMenuButtonEl)}></calcite-action></slot>`}renderMenuItems(){let{navigableActions:t,activeMenuItemIndex:e,menuId:s,menuButtonEl:i,label:n,placement:o,overlayPositioning:a,flipPlacements:D}=this,P=t[e]?.id||null;return u`<calcite-popover auto-close .flipPlacements=${D} focus-trap-disabled .label=${n} offset-distance=0 @calcitePopoverClose=${this.handlePopoverClose} @calcitePopoverOpen=${this.handlePopoverOpen} .overlayPositioning=${a} .placement=${o} pointer-disabled .referenceElement=${i} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} trigger-disabled ${c(this.setPopoverEl)}><div aria-activedescendant=${P??void 0??d} aria-labelledby=${i?.id??d} class=${f(h.menu)} id=${s??d} @click=${this.handleCalciteActionClick} role=menu tabindex=-1><slot @slotchange=${this.handleDefaultSlotChange} ${c(this.defaultSlotRef)}></slot></div></calcite-popover>`}render(){return u`${this.renderMenuButton()}${this.renderMenuItems()}<slot name=${A.tooltip} @slotchange=${this.updateTooltip}></slot>`}};M("calcite-action-menu",x);export{x as ActionMenu};
package/dist/cdn/{NDXGLOPW.js → FLWEI5GH.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as D}from"./5ZMTYU2S.js";import{a as T}from"./ZSSEYFD6.js";import{a as d}from"./6FTRN7VT.js";import"./VXDPJESZ.js";import{a as S}from"./HDRGPUZI.js";import{a as I}from"./UYWIT3WT.js";import"./ZWPNZ5XW.js";import"./42R3WB34.js";import"./RCJTNWLP.js";import{D as g,E as $,F as h,R as w,g as f,h as r,l as n,p as i}from"./YR334B5W.js";var v={handle:"handle",dropdown:"dropdown"},y={drag:"drag",blank:"blank"},p={label:"{label}",position:"{position}",total:"{total}"},R=["top","up","down","bottom"],O={trigger:"trigger"},m={add:"add",move:"move",reorder:"reorder"},A=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.dropdown{block-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends ${constructor(){super(...arguments),this.focusSetter=I()(this),this.interactiveContainer=T(this),this.disabled=!1,this.messages=S({blocking:!0}),this.addToItems=[],this.moveToItems=[],this.open=!1,this.overlayPositioning="absolute",this.placement=D,this.scale="m",this.sortDisabled=!1,this.topLayerDisabled=!1,this.calciteSortHandleAdd=i({cancelable:!0}),this.calciteSortHandleBeforeClose=i({cancelable:!1}),this.calciteSortHandleBeforeOpen=i({cancelable:!1}),this.calciteSortHandleClose=i({cancelable:!1}),this.calciteSortHandleMove=i({cancelable:!0}),this.calciteSortHandleOpen=i({cancelable:!1}),this.calciteSortHandleReorder=i({cancelable:!0})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],label:1,messageOverrides:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortDisabled:[7,{},{reflect:!0,type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}]}}static{this.styles=A}get hasSetInfo(){return typeof this.setPosition=="number"&&typeof this.setSize=="number"}get hasValidSetInfo(){return this.hasSetInfo?this.setPosition>0&&this.setPosition<=this.setSize&&this.setSize>0:!0}get hasReorderItems(){return!this.sortDisabled&&this.hasValidSetInfo}get hasMoveToItems(){return this.moveToItems.length>0}get hasAddToItems(){return this.addToItems.length>0}get reorderGroupTitle(){return this.hasMoveToItems||this.hasAddToItems?this.messages.reorder:""}get hasNoItems(){return!this.hasReorderItems&&!this.hasMoveToItems&&!this.hasAddToItems}get hasAllReorderItemsDisabled(){return this.hasReorderItems&&this.isTopReorderDisabled&&this.isUpReorderDisabled&&this.isDownReorderDisabled&&this.isBottomReorderDisabled}get hasOnlyDisabledReorderItems(){return this.hasReorderItems&&!this.hasMoveToItems&&!this.hasAddToItems&&this.hasAllReorderItemsDisabled}get isTopReorderDisabled(){let{setPosition:e}=this;return e===1||e===2}get isUpReorderDisabled(){return this.setPosition===1}get isDownReorderDisabled(){return this.hasSetInfo&&this.setPosition===this.setSize}get isBottomReorderDisabled(){let{setPosition:e,setSize:t}=this;return this.hasSetInfo&&(e===t||e===t-1)}async setFocus(e){return this.focusSetter(()=>this.dropdownEl,e)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler()}openHandler(){if(this.disabled){this.open=!1;return}this.dropdownEl&&(this.dropdownEl.open=this.open)}setDropdownEl(e){e&&(this.dropdownEl=e,this.openHandler())}getLabel(){let{label:e,messages:t,setPosition:s,setSize:o,hasSetInfo:a}=this;if(!a)return e??"";let l=e?t.repositionLabel.replace(p.label,e):t.reposition;return l=l.replace(p.position,s?s.toString():""),l.replace(p.total,o?o.toString():"")}handleBeforeOpen(e){e.stopPropagation(),this.calciteSortHandleBeforeOpen.emit()}handleOpen(e){e.stopPropagation(),this.calciteSortHandleOpen.emit(),this.open=!0}handleBeforeClose(e){e.stopPropagation(),this.calciteSortHandleBeforeClose.emit()}handleClose(e){e.stopPropagation(),this.calciteSortHandleClose.emit(),this.open=!1}handleReorder(e){this.calciteSortHandleReorder.emit({reorder:e.target.dataset.value})}handleMoveTo(e){let t=e.target.dataset.id,s=this.moveToItems.find(o=>o.id===t);this.calciteSortHandleMove.emit({moveTo:s})}handleAddTo(e){let t=e.target.dataset.id,s=this.addToItems.find(o=>o.id===t);this.calciteSortHandleAdd.emit({addTo:s})}render(){let{disabled:e,flipPlacements:t,hasOnlyDisabledReorderItems:s,open:o,overlayPositioning:a,placement:l,scale:b,widthScale:B,hasNoItems:P}=this,c=this.getLabel(),H=e||P||s;return this.interactiveContainer({disabled:e,children:r`<calcite-dropdown class=${h(v.dropdown)} .disabled=${H} .flipPlacements=${t} @calciteDropdownBeforeClose=${this.handleBeforeClose} @calciteDropdownBeforeOpen=${this.handleBeforeOpen} @calciteDropdownClose=${this.handleClose} @calciteDropdownOpen=${this.handleOpen} .overlayPositioning=${a} .placement=${l} .scale=${b} .topLayerDisabled=${this.topLayerDisabled} .widthScale=${B} ${g(this.setDropdownEl)}><calcite-action .active=${o} .aria=${{expanded:o}} class=${h(v.handle)} .dragHandle=${!0} .icon=${e?y.blank:y.drag} .label=${c} .scale=${b} slot=${O.trigger} .text=${c} title=${c??n}></calcite-action>${this.renderReorderGroup()}${this.renderMoveToGroup()}${this.renderAddToGroup()}</calcite-dropdown>`})}renderAddToItem(e){return d(e.id,r`<calcite-dropdown-item data-id=${e.id??n} .label=${e.label} @calciteDropdownItemSelect=${this.handleAddTo}>${e.label}</calcite-dropdown-item>`)}renderMoveToItem(e){return d(e.id,r`<calcite-dropdown-item data-id=${e.id??n} .label=${e.label} @calciteDropdownItemSelect=${this.handleMoveTo}>${e.label}</calcite-dropdown-item>`)}renderReorderGroup(){return this.hasReorderItems?d("reorder",r`<calcite-dropdown-group .groupTitle=${this.reorderGroupTitle} id=${m.reorder} .scale=${this.scale} selection-mode=none>${this.renderTop()}${this.renderUp()}${this.renderDown()}${this.renderBottom()}</calcite-dropdown-group>`):null}renderAddToGroup(){let{messages:e,addToItems:t,scale:s,hasAddToItems:o}=this;return o?d("add-to-items",r`<calcite-dropdown-group .groupTitle=${e.addTo} id=${m.add} .scale=${s} selection-mode=none>${t.map(a=>this.renderAddToItem(a))}</calcite-dropdown-group>`):null}renderMoveToGroup(){let{messages:e,moveToItems:t,scale:s,hasMoveToItems:o}=this;return o?d("move-to-items",r`<calcite-dropdown-group .groupTitle=${e.moveTo} id=${m.move} .scale=${s} selection-mode=none>${t.map(a=>this.renderMoveToItem(a))}</calcite-dropdown-group>`):null}renderDropdownItem(e,t,s=!1){return d(R[e],r`<calcite-dropdown-item data-value=${R[e]??n} .disabled=${s} .label=${t} @calciteDropdownItemSelect=${this.handleReorder}>${t}</calcite-dropdown-item>`)}renderTop(){return this.renderDropdownItem(0,this.messages.moveToTop,this.isTopReorderDisabled)}renderUp(){return this.renderDropdownItem(1,this.messages.moveUp,this.isUpReorderDisabled)}renderDown(){return this.renderDropdownItem(2,this.messages.moveDown,this.isDownReorderDisabled)}renderBottom(){return this.renderDropdownItem(3,this.messages.moveToBottom,this.isBottomReorderDisabled)}};w("calcite-sort-handle",u);export{u as SortHandle};
2
+ import{a as D}from"./DANMXS3Z.js";import{a as T}from"./ZCREBRIK.js";import{a as d}from"./DQO6DVWZ.js";import"./VXDPJESZ.js";import{a as S}from"./LKTLHI7X.js";import{a as I}from"./Q4GFUNOY.js";import"./ZWPNZ5XW.js";import"./U5EJA3RQ.js";import"./RR6RVWTZ.js";import{D as g,E as $,F as h,R as w,g as f,h as r,l as n,p as i}from"./BKTVJALY.js";var v={handle:"handle",dropdown:"dropdown"},y={drag:"drag",blank:"blank"},p={label:"{label}",position:"{position}",total:"{total}"},R=["top","up","down","bottom"],O={trigger:"trigger"},m={add:"add",move:"move",reorder:"reorder"},A=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.dropdown{block-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends ${constructor(){super(...arguments),this.focusSetter=I()(this),this.interactiveContainer=T(this),this.disabled=!1,this.messages=S({blocking:!0}),this.addToItems=[],this.moveToItems=[],this.open=!1,this.overlayPositioning="absolute",this.placement=D,this.scale="m",this.sortDisabled=!1,this.topLayerDisabled=!1,this.calciteSortHandleAdd=i({cancelable:!0}),this.calciteSortHandleBeforeClose=i({cancelable:!1}),this.calciteSortHandleBeforeOpen=i({cancelable:!1}),this.calciteSortHandleClose=i({cancelable:!1}),this.calciteSortHandleMove=i({cancelable:!0}),this.calciteSortHandleOpen=i({cancelable:!1}),this.calciteSortHandleReorder=i({cancelable:!0})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],label:1,messageOverrides:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortDisabled:[7,{},{reflect:!0,type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}]}}static{this.styles=A}get hasSetInfo(){return typeof this.setPosition=="number"&&typeof this.setSize=="number"}get hasValidSetInfo(){return this.hasSetInfo?this.setPosition>0&&this.setPosition<=this.setSize&&this.setSize>0:!0}get hasReorderItems(){return!this.sortDisabled&&this.hasValidSetInfo}get hasMoveToItems(){return this.moveToItems.length>0}get hasAddToItems(){return this.addToItems.length>0}get reorderGroupTitle(){return this.hasMoveToItems||this.hasAddToItems?this.messages.reorder:""}get hasNoItems(){return!this.hasReorderItems&&!this.hasMoveToItems&&!this.hasAddToItems}get hasAllReorderItemsDisabled(){return this.hasReorderItems&&this.isTopReorderDisabled&&this.isUpReorderDisabled&&this.isDownReorderDisabled&&this.isBottomReorderDisabled}get hasOnlyDisabledReorderItems(){return this.hasReorderItems&&!this.hasMoveToItems&&!this.hasAddToItems&&this.hasAllReorderItemsDisabled}get isTopReorderDisabled(){let{setPosition:e}=this;return e===1||e===2}get isUpReorderDisabled(){return this.setPosition===1}get isDownReorderDisabled(){return this.hasSetInfo&&this.setPosition===this.setSize}get isBottomReorderDisabled(){let{setPosition:e,setSize:t}=this;return this.hasSetInfo&&(e===t||e===t-1)}async setFocus(e){return this.focusSetter(()=>this.dropdownEl,e)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler()}openHandler(){if(this.disabled){this.open=!1;return}this.dropdownEl&&(this.dropdownEl.open=this.open)}setDropdownEl(e){e&&(this.dropdownEl=e,this.openHandler())}getLabel(){let{label:e,messages:t,setPosition:s,setSize:o,hasSetInfo:a}=this;if(!a)return e??"";let l=e?t.repositionLabel.replace(p.label,e):t.reposition;return l=l.replace(p.position,s?s.toString():""),l.replace(p.total,o?o.toString():"")}handleBeforeOpen(e){e.stopPropagation(),this.calciteSortHandleBeforeOpen.emit()}handleOpen(e){e.stopPropagation(),this.calciteSortHandleOpen.emit(),this.open=!0}handleBeforeClose(e){e.stopPropagation(),this.calciteSortHandleBeforeClose.emit()}handleClose(e){e.stopPropagation(),this.calciteSortHandleClose.emit(),this.open=!1}handleReorder(e){this.calciteSortHandleReorder.emit({reorder:e.target.dataset.value})}handleMoveTo(e){let t=e.target.dataset.id,s=this.moveToItems.find(o=>o.id===t);this.calciteSortHandleMove.emit({moveTo:s})}handleAddTo(e){let t=e.target.dataset.id,s=this.addToItems.find(o=>o.id===t);this.calciteSortHandleAdd.emit({addTo:s})}render(){let{disabled:e,flipPlacements:t,hasOnlyDisabledReorderItems:s,open:o,overlayPositioning:a,placement:l,scale:b,widthScale:B,hasNoItems:P}=this,c=this.getLabel(),H=e||P||s;return this.interactiveContainer({disabled:e,children:r`<calcite-dropdown class=${h(v.dropdown)} .disabled=${H} .flipPlacements=${t} @calciteDropdownBeforeClose=${this.handleBeforeClose} @calciteDropdownBeforeOpen=${this.handleBeforeOpen} @calciteDropdownClose=${this.handleClose} @calciteDropdownOpen=${this.handleOpen} .overlayPositioning=${a} .placement=${l} .scale=${b} .topLayerDisabled=${this.topLayerDisabled} .widthScale=${B} ${g(this.setDropdownEl)}><calcite-action .active=${o} .aria=${{expanded:o}} class=${h(v.handle)} .dragHandle=${!0} .icon=${e?y.blank:y.drag} .label=${c} .scale=${b} slot=${O.trigger} .text=${c} title=${c??n}></calcite-action>${this.renderReorderGroup()}${this.renderMoveToGroup()}${this.renderAddToGroup()}</calcite-dropdown>`})}renderAddToItem(e){return d(e.id,r`<calcite-dropdown-item data-id=${e.id??n} .label=${e.label} @calciteDropdownItemSelect=${this.handleAddTo}>${e.label}</calcite-dropdown-item>`)}renderMoveToItem(e){return d(e.id,r`<calcite-dropdown-item data-id=${e.id??n} .label=${e.label} @calciteDropdownItemSelect=${this.handleMoveTo}>${e.label}</calcite-dropdown-item>`)}renderReorderGroup(){return this.hasReorderItems?d("reorder",r`<calcite-dropdown-group .groupTitle=${this.reorderGroupTitle} id=${m.reorder} .scale=${this.scale} selection-mode=none>${this.renderTop()}${this.renderUp()}${this.renderDown()}${this.renderBottom()}</calcite-dropdown-group>`):null}renderAddToGroup(){let{messages:e,addToItems:t,scale:s,hasAddToItems:o}=this;return o?d("add-to-items",r`<calcite-dropdown-group .groupTitle=${e.addTo} id=${m.add} .scale=${s} selection-mode=none>${t.map(a=>this.renderAddToItem(a))}</calcite-dropdown-group>`):null}renderMoveToGroup(){let{messages:e,moveToItems:t,scale:s,hasMoveToItems:o}=this;return o?d("move-to-items",r`<calcite-dropdown-group .groupTitle=${e.moveTo} id=${m.move} .scale=${s} selection-mode=none>${t.map(a=>this.renderMoveToItem(a))}</calcite-dropdown-group>`):null}renderDropdownItem(e,t,s=!1){return d(R[e],r`<calcite-dropdown-item data-value=${R[e]??n} .disabled=${s} .label=${t} @calciteDropdownItemSelect=${this.handleReorder}>${t}</calcite-dropdown-item>`)}renderTop(){return this.renderDropdownItem(0,this.messages.moveToTop,this.isTopReorderDisabled)}renderUp(){return this.renderDropdownItem(1,this.messages.moveUp,this.isUpReorderDisabled)}renderDown(){return this.renderDropdownItem(2,this.messages.moveDown,this.isDownReorderDisabled)}renderBottom(){return this.renderDropdownItem(3,this.messages.moveToBottom,this.isBottomReorderDisabled)}};w("calcite-sort-handle",u);export{u as SortHandle};
package/dist/cdn/{SIR3ANXS.js → FZJ5OYBK.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as J}from"./6DNUL7AZ.js";import{b as m}from"./YJPIZ6DX.js";import{a as G}from"./X3QEZA6M.js";import{e as h}from"./MBM7UIXE.js";import{a as K}from"./OSHD2OVR.js";import{a as N}from"./ELLHZ4H7.js";import{c as j}from"./LBWKM5DO.js";import{a as U}from"./DKJI4BME.js";import{a as _}from"./PE4BIUIM.js";import{a as A}from"./ZSSEYFD6.js";import"./YP3AYJH3.js";import{b as L}from"./7VTO7SRW.js";import{a as q}from"./HDRGPUZI.js";import{a as M}from"./UYWIT3WT.js";import{a as V}from"./ZWPNZ5XW.js";import{e as B}from"./42R3WB34.js";import"./RCJTNWLP.js";import{C as l,D as s,E as z,F as a,J as E,R as D,g as T,h as n,l as t,p as u}from"./YR334B5W.js";var oe=T`: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-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-time-picker{--calcite-time-picker-color: var(--calcite-input-time-picker-digit-text-color);--calcite-time-picker-icon-color: var(--calcite-input-time-picker-digit-icon-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color);--calcite-time-picker-button-background-color-hover: var(--calcite-input-time-picker-action-background-color-hover);--calcite-time-picker-button-background-color-press: var(--calcite-input-time-picker-action-background-color-press);--calcite-time-picker-input-border-color-hover: var(--calcite-input-time-picker-digit-border-color-hover);--calcite-time-picker-input-border-color-press: var(--calcite-input-time-picker-digit-border-color-press)}.container{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;background-color:var(--calcite-input-time-picker-input-background-color, var(--calcite-color-foreground-1));border:1px solid var(--calcite-input-time-picker-input-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-input-time-picker-input-corner-radius, var(--calcite-corner-radius));box-shadow:var(--calcite-input-time-picker-input-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:flex;color:var(--calcite-input-time-picker-input-text-color, var(--calcite-color-text-1));flex-wrap:nowrap;font-weight:var(--calcite-font-weight-normal);inline-size:100%;padding-block:var(--calcite-spacing-base);-webkit-user-select:none;user-select:none}.container:focus-within{border-color:var(--calcite-color-brand);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container.read-only{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.content-container{display:grid;flex-grow:1;justify-content:start}.content-container .input-container,.content-container .placeholder{grid-column:1;grid-row:1}.content-container .input-container--hidden{opacity:0}.clock-icon{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) )}.hour-suffix,.minute-suffix,.second-suffix{white-space:pre}.placeholder{color:var(--calcite-color-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container{display:flex;flex-grow:1}.input{align-items:center;display:flex;block-size:100%;justify-content:center;min-inline-size:max-content}.input.empty{inline-size:var(--calcite-spacing-xl)}.input:focus,.input:hover:focus{background-color:Highlight;color:HighlightText;outline:2px solid transparent;outline-offset:2px}.clear-button{display:flex;margin-inline-end:calc(var(--calcite-internal-input-time-picker-end-gap) * -1)}.toggle-icon{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-input-time-picker-input-action-icon-color, var(--calcite-color-text-3)) );align-items:center;block-size:100%;cursor:pointer;display:flex;justify-content:center;margin-inline-end:calc(var(--calcite-internal-input-time-picker-toggle-inline-end-offset) * -1);padding-inline:var(--calcite-internal-input-time-picker-toggle-spacing);padding-inline-start:var(--calcite-space-none)}.toggle-icon:hover{--calcite-icon-color: var( --calcite-input-time-picker-icon-color-hover, var(--calcite-input-time-picker-input-action-icon-color-hover, var(--calcite-color-text-1)) )}.toggle-icon:active{--calcite-icon-color: var( --calcite-input-time-picker-icon-color-hover, var(--calcite-input-time-picker-input-action-icon-color-press, var(--calcite-color-text-1)) )}:host([scale=s]){--calcite-internal-input-time-picker-end-gap: var(--calcite-space-sm);--calcite-internal-input-time-picker-toggle-spacing: var(--calcite-space-2xs);--calcite-internal-input-time-picker-toggle-inline-end-offset: var(--calcite-space-2xs)}:host([scale=s]) .container{block-size:1.5rem;font-size:var(--calcite-font-size-sm);gap:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .input-container,:host([scale=s]) .placeholder{line-height:1rem}:host([scale=m]){--calcite-internal-input-time-picker-end-gap: var(--calcite-space-md);--calcite-internal-input-time-picker-toggle-spacing: var(--calcite-space-sm);--calcite-internal-input-time-picker-toggle-inline-end-offset: var(--calcite-space-sm)}:host([scale=m]) .container{block-size:2rem;font-size:var(--calcite-font-size);gap:var(--calcite-spacing-md);padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .input-container,:host([scale=m]) .placeholder{line-height:1.5rem}:host([scale=m]) .clear-button{block-size:var(--calcite-space-3xl)}:host([scale=l]){--calcite-internal-input-time-picker-end-gap: var(--calcite-space-lg);--calcite-internal-input-time-picker-toggle-spacing: var(--calcite-space-sm-plus);--calcite-internal-input-time-picker-toggle-inline-end-offset: var(--calcite-space-lg)}:host([scale=l]) .container{block-size:2.75rem;font-size:var(--calcite-font-size-md);gap:var(--calcite-spacing-lg);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .input-container,:host([scale=l]) .placeholder{line-height:2.25rem}:host([scale=l]) .clear-button{block-size:var(--calcite-space-4xl)}:host([status=invalid]) .container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .container:focus-within{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-time-picker{--calcite-time-picker-background-color: var(--calcite-input-time-picker-background-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color, transparent);--calcite-time-picker-corner-radius: var(--calcite-input-time-picker-corner-radius, var(--calcite-corner-radius))}calcite-popover{--calcite-popover-corner-radius: var(--calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-input-time-picker-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-time-picker-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-time-picker-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-time-picker-input-action-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-time-picker-input-action-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-time-picker-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-time-picker-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-time-picker-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-time-picker-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-input-time-picker-input-action-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.clear-button--container calcite-action{--calcite-icon-color: currentColor}`,i={clearButton:"clear-button",clockIcon:"clock-icon",container:"container",contentContainer:"content-container",decimalSeparator:"decimal-separator",empty:"empty",fractionalSecond:"fractional-second",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputContainer:"input-container",inputContainerHidden:"input-container--hidden",meridiem:"meridiem",minute:"minute",minuteSuffix:"minute-suffix",placeholder:"placeholder",readOnly:"read-only",second:"second",secondSuffix:"second-suffix",toggleIcon:"toggle-icon"},f={inputContainer:"inputContainer",validationMessage:"inputTimePickerValidationMessage"},y={clock:"clock",chevronUp:"chevron-up",chevronDown:"chevron-down"},P=class extends z{constructor(){super(),this.messages=q(),this.containerRef=l(),this.direction=B(),this.focusSetter=M()(this),this.formSupport=j({inputType:"time"})(this),this.fractionalSecondRef=l(),this.hourRef=l(),this.meridiemRef=l(),this.minuteRef=l(),this.secondRef=l(),this.time=J(this),this.interactiveContainer=A(this),this.timePickerRef=l(),this.hasFocus=!1,this.clearable=!1,this.disabled=!1,this.focusTrapDisabled=!1,this.hourFormat="user",this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.step=60,this.calciteInputTimePickerBeforeClose=u({cancelable:!1}),this.calciteInputTimePickerBeforeOpen=u({cancelable:!1}),this.calciteInputTimePickerChange=u(),this.calciteInputTimePickerClose=u({cancelable:!1}),this.calciteInputTimePickerOpen=u({cancelable:!1}),_(this),this.listen("blur",this.blurHandler),this.listen("focus",this.focusHandler),this.listen("focusout",this.focusOutHandler),this.listen("keydown",this.keyDownHandler),this.listen("calciteTimeChange",this.timeChangeHandler)}static{this.properties={hasFocus:[16,{},{state:!0}],clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hourFormat:[3,{},{reflect:!0}],label:1,labelText:1,max:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],name:1,numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:1,placeholder:1,placement:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:E},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=oe}get showPlaceholder(){return(this.placeholder&&!this.hasFocus&&!this.time.hasValue)??!1}async reposition(e=!1){this.popoverEl?.reposition(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&(this.disabled||(this.open=!1)),e.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&(this.readOnly||(this.open=!1)),e.has("value")&&(this.hasUpdated?(this.time.userChangedValue||(this.previousEmittedValue=this.value),this.time.setValue(this.value),this.requestTimePickerUpdate()):this.previousEmittedValue=this.value)}blurHandler(){this.changeEventHandler()}focusHandler(){this.hasFocus=!0}focusOutHandler(){this.hasFocus=!1}changeEventHandler(){let{previousEmittedValue:e,value:r}=this;e!==r&&(this.calciteInputTimePickerChange.emit().defaultPrevented?this.time.setValue(this.previousEmittedValue??null):this.previousEmittedValue=r)}keyDownHandler(e){let{defaultPrevented:r,key:c}=e,{hourFormat:o,meridiemOrder:p}=this.time;if(!r)if(c==="Enter")this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault()),this.changeEventHandler();else if(this.open&&c==="Escape")this.open=!1,e.preventDefault();else if(!this.disabled&&!this.readOnly&&this.clearable&&this.value&&c==="Escape")this.clearValue(),e.preventDefault();else{let v=m(this.step)>0,g=this.step<60;switch(this.activeEl){case this.hourRef.value:c==="ArrowRight"?this.setFocusPart("minute"):c==="ArrowLeft"&&o==="12"&&p===0&&this.setFocusPart("meridiem");break;case this.minuteRef.value:switch(c){case"ArrowLeft":this.setFocusPart("hour");break;case"ArrowRight":this.step!==60?this.setFocusPart("second"):o==="12"&&this.setFocusPart("meridiem");break}break;case this.secondRef.value:switch(c){case"ArrowLeft":this.setFocusPart("minute");break;case"ArrowRight":m(this.step)>0?this.setFocusPart("fractionalSecond"):o==="12"&&this.setFocusPart("meridiem");break}break;case this.fractionalSecondRef.value:switch(c){case"ArrowLeft":this.setFocusPart("second");break;case"ArrowRight":o==="12"&&p!==0&&this.setFocusPart("meridiem");break}break;case this.meridiemRef.value:c==="ArrowLeft"&&p!==0?v?this.setFocusPart("fractionalSecond"):g?this.setFocusPart("second"):this.setFocusPart("minute"):c==="ArrowRight"&&p===0&&this.setFocusPart("hour");break}}}mouseDownHandler(e){this.showPlaceholder&&(e.preventDefault(),this.setFocus())}onLabelClick(){this.setFocus()}openHandler(){this.disabled||this.readOnly||this.popoverEl&&(this.popoverEl.open=this.open)}popoverBeforeOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeOpen.emit()}popoverOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerOpen.emit()}popoverBeforeCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeClose.emit()}popoverCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerClose.emit(),this.open=!1}requestTimePickerUpdate(){this.timePickerRef.value?.manager?.component.requestUpdate()}setCalcitePopoverEl(e){this.popoverEl=e,this.openHandler()}async setFocusPart(e){(e==="hour"?this.hourRef:e==="minute"?this.minuteRef:e==="second"?this.secondRef:e==="fractionalSecond"?this.fractionalSecondRef:this.meridiemRef).value?.focus()}timeChangeHandler(e){if(e.stopPropagation(),this.disabled)return;let r=e.detail;r!==this.value?this.value=r:this.requestTimePickerUpdate()}timePartFocusHandler(e){this.activeEl=e.currentTarget}timePickerChangeHandler(e){e.stopPropagation()}toggleIconClickHandler(){this.open=!this.open}clearValue(){this.time.setValue(null,!0),this.open=!1,this.changeEventHandler()}render(){let{messages:e,readOnly:r,scale:c}=this,{fractionalSecond:o,handleHourKeyDownEvent:p,handleMinuteKeyDownEvent:v,handleSecondKeyDownEvent:g,handleFractionalSecondKeyDownEvent:Q,hour:b,hourFormat:W,localizedDecimalSeparator:X,localizedFractionalSecond:k,localizedHour:S,localizedHourSuffix:Y,localizedMinute:H,localizedMinuteSuffix:Z,localizedSecond:C,localizedSecondSuffix:F,meridiemOrder:ee,minute:$,second:x}=this.time,w="--",ie=h(o),te=h(b),ae=h($),ce=h(x),I=m(this.step)>0,O=W==="12",re=this.step<60,R=ee===0||this.direction==="rtl",d=!this.disabled&&!this.readOnly,ne=this.clearable&&!!this.value&&d;return this.interactiveContainer({disabled:this.disabled,children:n`${this.labelText&&N({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-controls=${f.inputContainer} aria-expanded=${L(this.open)??t} aria-labelledby=${f.inputContainer} class=${a({[i.container]:!0,[i.readOnly]:r})} role=combobox ${s(this.containerRef)}><calcite-icon class=${a(i.clockIcon)} .icon=${y.clock} .scale=${c==="l"?"m":"s"}></calcite-icon><div class=${a(i.contentContainer)}>${this.showPlaceholder&&n`<div class=${a(i.placeholder)}>${this.placeholder}</div>`||""}<div aria-label=${U(this)??t} .ariaRequired=${this.required} class=${a({[i.inputContainer]:!0,[i.inputContainerHidden]:this.showPlaceholder})} dir=ltr id=${f.inputContainer} role=group>${O&&R&&this.renderMeridiem()||""}<span aria-label=${this.messages.hour??t} aria-valuemax=23 aria-valuemin=1 aria-valuenow=${(te&&parseInt(b,10)||"0")??t} aria-valuetext=${b??t} class=${a({[i.empty]:!S,[i.hour]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?p:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.hourRef)}>${S||w}</span><span class=${a(i.hourSuffix)}>${Y}</span><span aria-label=${this.messages.minute??t} aria-valuemax=12 aria-valuemin=1 aria-valuenow=${(ae&&parseInt($,10)||"0")??t} aria-valuetext=${$??t} class=${a({[i.empty]:!H,[i.input]:!0,[i.minute]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?v:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.minuteRef)}>${H||w}</span><span class=${a(i.minuteSuffix)}>${Z}</span>${re&&n`<span aria-label=${this.messages.second??t} aria-valuemax=59 aria-valuemin=0 aria-valuenow=${(ce&&parseInt(x,10)||"0")??t} aria-valuetext=${x??t} class=${a({[i.empty]:!C,[i.input]:!0,[i.second]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?g:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.secondRef)}>${C||w}</span>`||""}${I&&n`<span class=${a(i.decimalSeparator)}>${X}</span>`||""}${I&&n`<span aria-label=${this.messages.fractionalSecond??t} aria-valuemax=999 aria-valuemin=1 aria-valuenow=${(ie&&parseInt(o,10)||"0")??t} aria-valuetext=${k??t} class=${a({[i.empty]:!k,[i.fractionalSecond]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?Q:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.fractionalSecondRef)}>${k||"".padStart(m(this.step),"-")}</span>`||""}${F&&n`<span class=${a(i.secondSuffix)}>${F}</span>`||""}${O&&!R&&this.renderMeridiem()||""}</div></div>${ne&&n`<div class=${a(i.clearButton)} @click=${this.clearValue}>${G({ariaLabel:this.messages.clear,scale:this.scale,title:this.messages.clear})}</div>`||""}${!this.readOnly&&this.renderToggleIcon(this.open)||""}</div><calcite-popover auto-close .focusTrapDisabled=${this.focusTrapDisabled} .focusTrapOptions=${{initialFocus:!1}} .label=${e.chooseTime} lang=${this.messages._lang??t} offset-distance=0 @calcitePopoverBeforeClose=${this.popoverBeforeCloseHandler} @calcitePopoverBeforeOpen=${this.popoverBeforeOpenHandler} @calcitePopoverClose=${this.popoverCloseHandler} @calcitePopoverOpen=${this.popoverOpenHandler} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} pointer-disabled .referenceElement=${this.containerRef.value} trigger-disabled ${s(this.setCalcitePopoverEl)}><calcite-time-picker .hourFormat=${this.time.hourFormat??void 0} lang=${this.messages._lang??t} .messageOverrides=${this.messageOverrides} .numberingSystem=${this.numberingSystem} @calciteTimePickerChange=${this.timePickerChangeHandler} .scale=${this.scale} .step=${this.step} tabindex=${(this.open?void 0:-1)??t} .time=${this.time} .value=${this.value} ${s(this.timePickerRef)}></calcite-time-picker></calcite-popover>${this.validationMessage&&this.status==="invalid"?K({icon:this.validationIcon,id:f.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderMeridiem(){let{handleMeridiemKeyDownEvent:e,localizedMeridiem:r,meridiem:c}=this.time,o=!this.disabled&&!this.readOnly;return n`<span aria-label=${this.messages.meridiem??t} aria-valuemax=2 aria-valuemin=1 aria-valuenow=${c==="PM"&&"2"||"1"} aria-valuetext=${c??t} class=${a({[i.empty]:!r,[i.input]:!0,[i.meridiem]:!0})} @focus=${this.timePartFocusHandler} @keydown=${o?e:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.meridiemRef)}>${r||"--"}</span>`}renderToggleIcon(e){return n`<span class=${a(i.toggleIcon)} @click=${this.toggleIconClickHandler}><calcite-icon .icon=${e?y.chevronUp:y.chevronDown} .scale=${V(this.scale)}></calcite-icon></span>`}};D("calcite-input-time-picker",P);export{P as InputTimePicker};
2
+ import{a as J}from"./PGKUQ5QW.js";import{b as m}from"./YJPIZ6DX.js";import{a as G}from"./EEHDM3XH.js";import{e as h}from"./MBM7UIXE.js";import{a as K}from"./HVW246PN.js";import{a as N}from"./VYPNKZGD.js";import{c as j}from"./6IFDVGXE.js";import{a as U}from"./DKJI4BME.js";import{a as _}from"./J3VFES7S.js";import{a as A}from"./ZCREBRIK.js";import"./YP3AYJH3.js";import{b as L}from"./7VTO7SRW.js";import{a as q}from"./LKTLHI7X.js";import{a as M}from"./Q4GFUNOY.js";import{a as V}from"./ZWPNZ5XW.js";import{e as B}from"./U5EJA3RQ.js";import"./RR6RVWTZ.js";import{C as l,D as s,E as z,F as a,J as E,R as D,g as T,h as n,l as t,p as u}from"./BKTVJALY.js";var oe=T`: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-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-time-picker{--calcite-time-picker-color: var(--calcite-input-time-picker-digit-text-color);--calcite-time-picker-icon-color: var(--calcite-input-time-picker-digit-icon-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color);--calcite-time-picker-button-background-color-hover: var(--calcite-input-time-picker-action-background-color-hover);--calcite-time-picker-button-background-color-press: var(--calcite-input-time-picker-action-background-color-press);--calcite-time-picker-input-border-color-hover: var(--calcite-input-time-picker-digit-border-color-hover);--calcite-time-picker-input-border-color-press: var(--calcite-input-time-picker-digit-border-color-press)}.container{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;background-color:var(--calcite-input-time-picker-input-background-color, var(--calcite-color-foreground-1));border:1px solid var(--calcite-input-time-picker-input-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-input-time-picker-input-corner-radius, var(--calcite-corner-radius));box-shadow:var(--calcite-input-time-picker-input-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:flex;color:var(--calcite-input-time-picker-input-text-color, var(--calcite-color-text-1));flex-wrap:nowrap;font-weight:var(--calcite-font-weight-normal);inline-size:100%;padding-block:var(--calcite-spacing-base);-webkit-user-select:none;user-select:none}.container:focus-within{border-color:var(--calcite-color-brand);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container.read-only{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.content-container{display:grid;flex-grow:1;justify-content:start}.content-container .input-container,.content-container .placeholder{grid-column:1;grid-row:1}.content-container .input-container--hidden{opacity:0}.clock-icon{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) )}.hour-suffix,.minute-suffix,.second-suffix{white-space:pre}.placeholder{color:var(--calcite-color-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container{display:flex;flex-grow:1}.input{align-items:center;display:flex;block-size:100%;justify-content:center;min-inline-size:max-content}.input.empty{inline-size:var(--calcite-spacing-xl)}.input:focus,.input:hover:focus{background-color:Highlight;color:HighlightText;outline:2px solid transparent;outline-offset:2px}.clear-button{display:flex;margin-inline-end:calc(var(--calcite-internal-input-time-picker-end-gap) * -1)}.toggle-icon{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-input-time-picker-input-action-icon-color, var(--calcite-color-text-3)) );align-items:center;block-size:100%;cursor:pointer;display:flex;justify-content:center;margin-inline-end:calc(var(--calcite-internal-input-time-picker-toggle-inline-end-offset) * -1);padding-inline:var(--calcite-internal-input-time-picker-toggle-spacing);padding-inline-start:var(--calcite-space-none)}.toggle-icon:hover{--calcite-icon-color: var( --calcite-input-time-picker-icon-color-hover, var(--calcite-input-time-picker-input-action-icon-color-hover, var(--calcite-color-text-1)) )}.toggle-icon:active{--calcite-icon-color: var( --calcite-input-time-picker-icon-color-hover, var(--calcite-input-time-picker-input-action-icon-color-press, var(--calcite-color-text-1)) )}:host([scale=s]){--calcite-internal-input-time-picker-end-gap: var(--calcite-space-sm);--calcite-internal-input-time-picker-toggle-spacing: var(--calcite-space-2xs);--calcite-internal-input-time-picker-toggle-inline-end-offset: var(--calcite-space-2xs)}:host([scale=s]) .container{block-size:1.5rem;font-size:var(--calcite-font-size-sm);gap:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .input-container,:host([scale=s]) .placeholder{line-height:1rem}:host([scale=m]){--calcite-internal-input-time-picker-end-gap: var(--calcite-space-md);--calcite-internal-input-time-picker-toggle-spacing: var(--calcite-space-sm);--calcite-internal-input-time-picker-toggle-inline-end-offset: var(--calcite-space-sm)}:host([scale=m]) .container{block-size:2rem;font-size:var(--calcite-font-size);gap:var(--calcite-spacing-md);padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .input-container,:host([scale=m]) .placeholder{line-height:1.5rem}:host([scale=m]) .clear-button{block-size:var(--calcite-space-3xl)}:host([scale=l]){--calcite-internal-input-time-picker-end-gap: var(--calcite-space-lg);--calcite-internal-input-time-picker-toggle-spacing: var(--calcite-space-sm-plus);--calcite-internal-input-time-picker-toggle-inline-end-offset: var(--calcite-space-lg)}:host([scale=l]) .container{block-size:2.75rem;font-size:var(--calcite-font-size-md);gap:var(--calcite-spacing-lg);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .input-container,:host([scale=l]) .placeholder{line-height:2.25rem}:host([scale=l]) .clear-button{block-size:var(--calcite-space-4xl)}:host([status=invalid]) .container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .container:focus-within{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-time-picker{--calcite-time-picker-background-color: var(--calcite-input-time-picker-background-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color, transparent);--calcite-time-picker-corner-radius: var(--calcite-input-time-picker-corner-radius, var(--calcite-corner-radius))}calcite-popover{--calcite-popover-corner-radius: var(--calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-input-time-picker-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-time-picker-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-time-picker-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-time-picker-input-action-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-time-picker-input-action-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-time-picker-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-time-picker-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-time-picker-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-time-picker-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-input-time-picker-input-action-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.clear-button--container calcite-action{--calcite-icon-color: currentColor}`,i={clearButton:"clear-button",clockIcon:"clock-icon",container:"container",contentContainer:"content-container",decimalSeparator:"decimal-separator",empty:"empty",fractionalSecond:"fractional-second",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputContainer:"input-container",inputContainerHidden:"input-container--hidden",meridiem:"meridiem",minute:"minute",minuteSuffix:"minute-suffix",placeholder:"placeholder",readOnly:"read-only",second:"second",secondSuffix:"second-suffix",toggleIcon:"toggle-icon"},f={inputContainer:"inputContainer",validationMessage:"inputTimePickerValidationMessage"},y={clock:"clock",chevronUp:"chevron-up",chevronDown:"chevron-down"},P=class extends z{constructor(){super(),this.messages=q(),this.containerRef=l(),this.direction=B(),this.focusSetter=M()(this),this.formSupport=j({inputType:"time"})(this),this.fractionalSecondRef=l(),this.hourRef=l(),this.meridiemRef=l(),this.minuteRef=l(),this.secondRef=l(),this.time=J(this),this.interactiveContainer=A(this),this.timePickerRef=l(),this.hasFocus=!1,this.clearable=!1,this.disabled=!1,this.focusTrapDisabled=!1,this.hourFormat="user",this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.step=60,this.calciteInputTimePickerBeforeClose=u({cancelable:!1}),this.calciteInputTimePickerBeforeOpen=u({cancelable:!1}),this.calciteInputTimePickerChange=u(),this.calciteInputTimePickerClose=u({cancelable:!1}),this.calciteInputTimePickerOpen=u({cancelable:!1}),_(this),this.listen("blur",this.blurHandler),this.listen("focus",this.focusHandler),this.listen("focusout",this.focusOutHandler),this.listen("keydown",this.keyDownHandler),this.listen("calciteTimeChange",this.timeChangeHandler)}static{this.properties={hasFocus:[16,{},{state:!0}],clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hourFormat:[3,{},{reflect:!0}],label:1,labelText:1,max:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],name:1,numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:1,placeholder:1,placement:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:E},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=oe}get showPlaceholder(){return(this.placeholder&&!this.hasFocus&&!this.time.hasValue)??!1}async reposition(e=!1){this.popoverEl?.reposition(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&(this.disabled||(this.open=!1)),e.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&(this.readOnly||(this.open=!1)),e.has("value")&&(this.hasUpdated?(this.time.userChangedValue||(this.previousEmittedValue=this.value),this.time.setValue(this.value),this.requestTimePickerUpdate()):this.previousEmittedValue=this.value)}blurHandler(){this.changeEventHandler()}focusHandler(){this.hasFocus=!0}focusOutHandler(){this.hasFocus=!1}changeEventHandler(){let{previousEmittedValue:e,value:r}=this;e!==r&&(this.calciteInputTimePickerChange.emit().defaultPrevented?this.time.setValue(this.previousEmittedValue??null):this.previousEmittedValue=r)}keyDownHandler(e){let{defaultPrevented:r,key:c}=e,{hourFormat:o,meridiemOrder:p}=this.time;if(!r)if(c==="Enter")this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault()),this.changeEventHandler();else if(this.open&&c==="Escape")this.open=!1,e.preventDefault();else if(!this.disabled&&!this.readOnly&&this.clearable&&this.value&&c==="Escape")this.clearValue(),e.preventDefault();else{let v=m(this.step)>0,g=this.step<60;switch(this.activeEl){case this.hourRef.value:c==="ArrowRight"?this.setFocusPart("minute"):c==="ArrowLeft"&&o==="12"&&p===0&&this.setFocusPart("meridiem");break;case this.minuteRef.value:switch(c){case"ArrowLeft":this.setFocusPart("hour");break;case"ArrowRight":this.step!==60?this.setFocusPart("second"):o==="12"&&this.setFocusPart("meridiem");break}break;case this.secondRef.value:switch(c){case"ArrowLeft":this.setFocusPart("minute");break;case"ArrowRight":m(this.step)>0?this.setFocusPart("fractionalSecond"):o==="12"&&this.setFocusPart("meridiem");break}break;case this.fractionalSecondRef.value:switch(c){case"ArrowLeft":this.setFocusPart("second");break;case"ArrowRight":o==="12"&&p!==0&&this.setFocusPart("meridiem");break}break;case this.meridiemRef.value:c==="ArrowLeft"&&p!==0?v?this.setFocusPart("fractionalSecond"):g?this.setFocusPart("second"):this.setFocusPart("minute"):c==="ArrowRight"&&p===0&&this.setFocusPart("hour");break}}}mouseDownHandler(e){this.showPlaceholder&&(e.preventDefault(),this.setFocus())}onLabelClick(){this.setFocus()}openHandler(){this.disabled||this.readOnly||this.popoverEl&&(this.popoverEl.open=this.open)}popoverBeforeOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeOpen.emit()}popoverOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerOpen.emit()}popoverBeforeCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeClose.emit()}popoverCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerClose.emit(),this.open=!1}requestTimePickerUpdate(){this.timePickerRef.value?.manager?.component.requestUpdate()}setCalcitePopoverEl(e){this.popoverEl=e,this.openHandler()}async setFocusPart(e){(e==="hour"?this.hourRef:e==="minute"?this.minuteRef:e==="second"?this.secondRef:e==="fractionalSecond"?this.fractionalSecondRef:this.meridiemRef).value?.focus()}timeChangeHandler(e){if(e.stopPropagation(),this.disabled)return;let r=e.detail;r!==this.value?this.value=r:this.requestTimePickerUpdate()}timePartFocusHandler(e){this.activeEl=e.currentTarget}timePickerChangeHandler(e){e.stopPropagation()}toggleIconClickHandler(){this.open=!this.open}clearValue(){this.time.setValue(null,!0),this.open=!1,this.changeEventHandler()}render(){let{messages:e,readOnly:r,scale:c}=this,{fractionalSecond:o,handleHourKeyDownEvent:p,handleMinuteKeyDownEvent:v,handleSecondKeyDownEvent:g,handleFractionalSecondKeyDownEvent:Q,hour:b,hourFormat:W,localizedDecimalSeparator:X,localizedFractionalSecond:k,localizedHour:S,localizedHourSuffix:Y,localizedMinute:H,localizedMinuteSuffix:Z,localizedSecond:C,localizedSecondSuffix:F,meridiemOrder:ee,minute:$,second:x}=this.time,w="--",ie=h(o),te=h(b),ae=h($),ce=h(x),I=m(this.step)>0,O=W==="12",re=this.step<60,R=ee===0||this.direction==="rtl",d=!this.disabled&&!this.readOnly,ne=this.clearable&&!!this.value&&d;return this.interactiveContainer({disabled:this.disabled,children:n`${this.labelText&&N({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-controls=${f.inputContainer} aria-expanded=${L(this.open)??t} aria-labelledby=${f.inputContainer} class=${a({[i.container]:!0,[i.readOnly]:r})} role=combobox ${s(this.containerRef)}><calcite-icon class=${a(i.clockIcon)} .icon=${y.clock} .scale=${c==="l"?"m":"s"}></calcite-icon><div class=${a(i.contentContainer)}>${this.showPlaceholder&&n`<div class=${a(i.placeholder)}>${this.placeholder}</div>`||""}<div aria-label=${U(this)??t} .ariaRequired=${this.required} class=${a({[i.inputContainer]:!0,[i.inputContainerHidden]:this.showPlaceholder})} dir=ltr id=${f.inputContainer} role=group>${O&&R&&this.renderMeridiem()||""}<span aria-label=${this.messages.hour??t} aria-valuemax=23 aria-valuemin=1 aria-valuenow=${(te&&parseInt(b,10)||"0")??t} aria-valuetext=${b??t} class=${a({[i.empty]:!S,[i.hour]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?p:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.hourRef)}>${S||w}</span><span class=${a(i.hourSuffix)}>${Y}</span><span aria-label=${this.messages.minute??t} aria-valuemax=12 aria-valuemin=1 aria-valuenow=${(ae&&parseInt($,10)||"0")??t} aria-valuetext=${$??t} class=${a({[i.empty]:!H,[i.input]:!0,[i.minute]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?v:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.minuteRef)}>${H||w}</span><span class=${a(i.minuteSuffix)}>${Z}</span>${re&&n`<span aria-label=${this.messages.second??t} aria-valuemax=59 aria-valuemin=0 aria-valuenow=${(ce&&parseInt(x,10)||"0")??t} aria-valuetext=${x??t} class=${a({[i.empty]:!C,[i.input]:!0,[i.second]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?g:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.secondRef)}>${C||w}</span>`||""}${I&&n`<span class=${a(i.decimalSeparator)}>${X}</span>`||""}${I&&n`<span aria-label=${this.messages.fractionalSecond??t} aria-valuemax=999 aria-valuemin=1 aria-valuenow=${(ie&&parseInt(o,10)||"0")??t} aria-valuetext=${k??t} class=${a({[i.empty]:!k,[i.fractionalSecond]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${d?Q:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.fractionalSecondRef)}>${k||"".padStart(m(this.step),"-")}</span>`||""}${F&&n`<span class=${a(i.secondSuffix)}>${F}</span>`||""}${O&&!R&&this.renderMeridiem()||""}</div></div>${ne&&n`<div class=${a(i.clearButton)} @click=${this.clearValue}>${G({ariaLabel:this.messages.clear,scale:this.scale,title:this.messages.clear})}</div>`||""}${!this.readOnly&&this.renderToggleIcon(this.open)||""}</div><calcite-popover auto-close .focusTrapDisabled=${this.focusTrapDisabled} .focusTrapOptions=${{initialFocus:!1}} .label=${e.chooseTime} lang=${this.messages._lang??t} offset-distance=0 @calcitePopoverBeforeClose=${this.popoverBeforeCloseHandler} @calcitePopoverBeforeOpen=${this.popoverBeforeOpenHandler} @calcitePopoverClose=${this.popoverCloseHandler} @calcitePopoverOpen=${this.popoverOpenHandler} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} pointer-disabled .referenceElement=${this.containerRef.value} trigger-disabled ${s(this.setCalcitePopoverEl)}><calcite-time-picker .hourFormat=${this.time.hourFormat??void 0} lang=${this.messages._lang??t} .messageOverrides=${this.messageOverrides} .numberingSystem=${this.numberingSystem} @calciteTimePickerChange=${this.timePickerChangeHandler} .scale=${this.scale} .step=${this.step} tabindex=${(this.open?void 0:-1)??t} .time=${this.time} .value=${this.value} ${s(this.timePickerRef)}></calcite-time-picker></calcite-popover>${this.validationMessage&&this.status==="invalid"?K({icon:this.validationIcon,id:f.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderMeridiem(){let{handleMeridiemKeyDownEvent:e,localizedMeridiem:r,meridiem:c}=this.time,o=!this.disabled&&!this.readOnly;return n`<span aria-label=${this.messages.meridiem??t} aria-valuemax=2 aria-valuemin=1 aria-valuenow=${c==="PM"&&"2"||"1"} aria-valuetext=${c??t} class=${a({[i.empty]:!r,[i.input]:!0,[i.meridiem]:!0})} @focus=${this.timePartFocusHandler} @keydown=${o?e:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${s(this.meridiemRef)}>${r||"--"}</span>`}renderToggleIcon(e){return n`<span class=${a(i.toggleIcon)} @click=${this.toggleIconClickHandler}><calcite-icon .icon=${e?y.chevronUp:y.chevronDown} .scale=${V(this.scale)}></calcite-icon></span>`}};D("calcite-input-time-picker",P);export{P as InputTimePicker};
package/dist/cdn/{2BGZIFWC.js → G2HFGHIC.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as o,b as y,c as S}from"./GV6LQKJ5.js";import{a as K}from"./AVMDD4IV.js";import{a as g,b as _}from"./K457S3R5.js";import{a as F}from"./3YXOYXQS.js";import{a as w}from"./735UOYTJ.js";import{a as A}from"./DNTT6BU7.js";import{a as M}from"./PQVUAQNB.js";import{a as U}from"./6FTRN7VT.js";import{a as z}from"./7VTO7SRW.js";import{a as E}from"./VI7SBYXT.js";import{a as P}from"./HDRGPUZI.js";import"./VUYX7MNO.js";import{a as H}from"./UYWIT3WT.js";import"./ZWPNZ5XW.js";import{e as L}from"./42R3WB34.js";import{H as c}from"./RCJTNWLP.js";import{C as k,D as u,E as C,F as r,I as R,K as O,M as V,N as $,R as T,g as B,h as b,p as d}from"./YR334B5W.js";var N=B`:host{position:absolute;inset:0;display:flex;visibility:hidden!important;--calcite-sheet-scrim-background-internal: rgba(0, 0, 0, .85);--calcite-scrim-shadow-block-start-internal: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-block-end-internal: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-start-internal: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-end-internal: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}:host([embedded]){z-index:var(--calcite-z-index-overlay)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{visibility:hidden;position:fixed;box-sizing:border-box;display:flex;opacity:0;color:var(--calcite-sheet-text-color, var(--calcite-color-text-2));transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium),opacity var(--calcite-internal-animation-timing-medium) ease-in-out}:host([top-layer-disabled]) .container,:host([embedded]) .container{z-index:var(--calcite-z-index-overlay)}:host([modal-disabled]),:host([modal-disabled]) .container{pointer-events:none}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal: translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal: translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal: translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal: translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{box-shadow:var(--calcite-sheet-shadow, var(--calcite-shadow-sm))}:host([display-mode=overlay][position=inline-start]) .content{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .content{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .content{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .content{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([position^=inline]) .width-s{--calcite-sheet-width-internal: var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 260px)}:host([position^=inline]) .width-m{--calcite-sheet-width-internal: var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 300px)}:host([position^=inline]) .width-l{--calcite-sheet-width-internal: var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 340px)}:host([position^=block]) .height-s{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 30vh)}:host([position^=block]) .height-m{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 50vh)}:host([position^=block]) .height-l{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background: var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0;display:flex;overflow:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}[popover]{padding:0;margin:0;border:none;background-color:transparent;position:fixed;display:flex;inline-size:100%;block-size:100%}[popover]:popover-open{display:flex}:host([opened]){visibility:visible!important}.content{position:relative;box-sizing:border-box;display:flex;max-inline-size:100%;padding:0;background-color:var(--calcite-sheet-background-color, var(--calcite-color-foreground-1));max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) ease-in-out,visibility 0ms linear var(--calcite-internal-animation-timing-medium),opacity var(--calcite-internal-animation-timing-medium) ease-in-out;transform:var(--calcite-sheet-hidden-position-internal)}:host([top-layer-disabled]),:host([top-layer-disabled]) .content,:host([embedded]) .content{z-index:var(--calcite-z-index-modal)}.content-container{position:relative;display:flex;max-block-size:100%;max-inline-size:100%;flex:1 1 0%;overflow:hidden}.content-container ::slotted(*){block-size:auto}.container--open .content{transform:translateZ(0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container,:host([display-mode=float]) .content-container{border-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([display-mode=float]) .container{padding:var(--calcite-spacing-md)}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) ease-in-out,visibility 0ms linear,opacity var(--calcite-internal-animation-timing-medium) ease-in-out,max-inline-size var(--calcite-internal-animation-timing-medium) ease-in-out,max-block-size var(--calcite-internal-animation-timing-medium) ease-in-out;transition-delay:0ms}@starting-style{.container--open{opacity:0;visibility:hidden}}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=inline-start]) .content{flex-direction:row}:host([position=inline-end]) .content{flex-direction:row-reverse}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position=block-start]) .content{flex-direction:column}:host([position=block-end]) .content{flex-direction:column-reverse}:host([resizable][position=inline-start]) .content{padding-inline-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=inline-end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=block-start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=block-end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-sheet-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );z-index:var(--calcite-z-index-header)}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-sheet-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-sheet-resize-background-color, var(--calcite-color-foreground-3))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-sheet-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-sheet-resize-background-color, var(--calcite-color-background))}.resize-handle:focus .resize-handle-bar{outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}:host([position=inline-start]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-end:var(--calcite-internal-sheet-resize-handle-offset);block-size:100%}:host([position=inline-start]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=inline-start]):host([display-mode=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([position=inline-end]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-sheet-resize-handle-offset);block-size:100%}:host([position=inline-end]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=inline-end]):host([display-mode=float]) .resize-handle-bar{border-start-start-radius:.25rem;border-end-start-radius:.25rem}:host([position=block-start]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-sheet-resize-handle-offset)}:host([position=block-start]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=block-start]):host([display-mode=float]) .resize-handle-bar{border-end-end-radius:.25rem;border-end-start-radius:.25rem}:host([position=block-end]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-sheet-resize-handle-offset)}:host([position=block-end]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=block-end]):host([display-mode=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round));border-start-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([position]) .container--embedded{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}`,D=class extends C{constructor(){super(),this.contentRef=k(),this.direction=L(),this.focusTrap=F({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>this.modalDisabled||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=K()(this),this.messages=P(),this.mutationObserver=E("mutation",()=>this.handleMutationObserver()),this._modalDisabled=!1,this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.transitionRef=k(),this.focusSetter=H()(this),this.keyDownHandler=e=>{let{defaultPrevented:i,key:s}=e;!i&&!this.escapeDisabled&&this.open&&s==="Escape"&&(e.preventDefault(),this.open=!1)},this.sizeOverride=_({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),onResize:e=>{this.resizeValues={...e}}}),this.topLayer=A({disabledOverride:()=>this.embedded,target:this.transitionRef})(this),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.displayMode="overlay",this.embedded=!1,this.escapeDisabled=!1,this.focusTrapDisabled=!1,this.heightScale="m",this.opened=!1,this.outsideCloseDisabled=!1,this.position="inline-start",this.resizable=!1,this.topLayerDisabled=!1,this.widthScale="m",this.calciteSheetBeforeClose=d({cancelable:!1}),this.calciteSheetBeforeOpen=d({cancelable:!1}),this.calciteSheetClose=d({cancelable:!1}),this.calciteSheetOpen=d({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heightScale:[3,{},{reflect:!0}],height:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],modalDisabled:[7,{},{reflect:!0,type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],opened:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=N}get preventDocumentScroll(){return!this.embedded&&!this.modalDisabled}get modalDisabled(){return this._modalDisabled}set modalDisabled(e){if(e===this._modalDisabled)return;let i=this.preventDocumentScroll;this._modalDisabled=e,this.requestUpdate("preventDocumentScroll",i)}get open(){return this._open}set open(e){let i=this._open;e!==i&&this.setOpenState(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.hasUpdated&&this.refreshResize()}willUpdate(e){e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.transitionRef.value&&M(this),(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("position")&&(this.hasUpdated||this.position!=="inline-start")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("direction"))&&this.refreshResize()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanUpInteractions()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.(this.el)}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}getResizeIcon(){let{position:e}=this;return e==="block-start"||e==="block-end"?S.dragVertical:S.dragHorizontal}handleKeyDown(e){let{key:i,defaultPrevented:s,shiftKey:n}=e,{contentRef:a,position:t,resizable:h,resizeValues:{maxBlockSize:f,maxInlineSize:v,minBlockSize:p,minInlineSize:x}}=this,j=[...t==="block-end"||t==="block-start"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!h||!a.value||s||!j.includes(i))return;let m=a.value.getBoundingClientRect(),I=this.direction==="rtl"?-1:1,l=n?$:V;switch(i){case"ArrowUp":this.updateSizeInternal({block:m.height+(t==="block-end"?l:-l)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:m.height+(t==="block-end"?-l:l)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:m.width+(t==="inline-end"?l:-l)*I}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:m.width+(t==="inline-end"?-l:l)*I}),e.preventDefault();break;case"Home":this.updateSizeInternal(t==="block-start"||t==="block-end"?{block:p}:{inline:x}),e.preventDefault();break;case"End":this.updateSizeInternal(t==="block-start"||t==="block-end"?{block:f}:{inline:v}),e.preventDefault();break}}updateSizeInternal(e){this.contentRef.value&&this.sizeOverride.resize(e)}cleanUpInteractions(){this.interaction?.unset()}updateResizeValues(){let{contentRef:e}=this;if(!e.value)return;let i=window.getComputedStyle(e.value);this.resizeValues={inlineSize:c(i.inlineSize),blockSize:c(i.blockSize),minInlineSize:c(i.minInlineSize),minBlockSize:c(i.minBlockSize),maxInlineSize:c(i.maxInlineSize)||window.innerWidth,maxBlockSize:c(i.maxBlockSize)||window.innerHeight}}refreshResize(){this.updateResizeValues(),this.setUpResizeInteractions()}setUpResizeInteractions(){this.cleanUpInteractions();let{contentRef:e,el:i,resizable:s,position:n,open:a,resizeHandleEl:t}=this;if(!e.value||!a||!s||!t)return;let h=this.direction==="rtl",f=this.resizeValues.minInlineSize===null||this.resizeValues.minBlockSize===null?void 0:{width:this.resizeValues.minInlineSize,height:this.resizeValues.minBlockSize},v=this.resizeValues.maxInlineSize===null||this.resizeValues.maxBlockSize===null?void 0:{width:this.resizeValues.maxInlineSize,height:this.resizeValues.maxBlockSize};this.interaction=g(e.value,{context:i.ownerDocument}).resizable({edges:{top:n==="block-end"?t:!1,right:n===(h?"inline-end":"inline-start")?t:!1,bottom:n==="block-start"?t:!1,left:n===(h?"inline-start":"inline-end")?t:!1},modifiers:[g.modifiers.restrictSize({min:f,max:v})],listeners:{move:({rect:p})=>{let x=n==="block-start"||n==="block-end";this.updateSizeInternal(x?{block:p.height}:{inline:p.width})}}})}onBeforeOpen(){this.calciteSheetBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteSheetOpen.emit()}onBeforeClose(){this.calciteSheetBeforeClose.emit()}onClose(){this.calciteSheetClose.emit(),this.focusTrap.deactivate(),this.topLayer.hide()}setResizeHandleEl(e){this.resizeHandleEl=e,this.refreshResize()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}render(){let{resizable:e,position:i,resizeValues:s}=this,n=this.direction,a=i==="block-start"||i==="block-end";return R(this.el,"aria-describedby",y.sheetContent),this.el.ariaLabel=this.label,this.el.ariaModal=this.modalDisabled?"false":"true",this.el.role="dialog",b`<div class=${r({[o.container]:!0,[o.containerOpen]:this.opened,[o.containerEmbedded]:this.embedded,[O.rtl]:n==="rtl",[w("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[w("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .popover=${this.embedded?void 0:"manual"} ${u(this.transitionRef)}>${this.modalDisabled?null:b`<calcite-scrim class=${r(o.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`}<div class=${r(o.content)} id=${y.sheetContent} ${u(this.contentRef)}><div class=${r(o.contentContainer)}><slot></slot></div>${e?U("resize-handle",b`<div .ariaLabel=${this.messages.resizeEnabled} .ariaOrientation=${a?"vertical":"horizontal"} .ariaValueMax=${z(a?"block":"inline",s.maxBlockSize,s.maxInlineSize)} .ariaValueMin=${z(a?"block":"inline",s.minBlockSize,s.minInlineSize)} .ariaValueNow=${z(a?"block":"inline",s.blockSize,s.inlineSize)} class=${r(o.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 touch-action=none ${u(this.setResizeHandleEl)}><div class=${r(o.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null}</div></div>`}};T("calcite-sheet",D);export{D as Sheet};
2
+ import{a as o,b as y,c as S}from"./GV6LQKJ5.js";import{a as K}from"./SOTBM3DK.js";import{a as g,b as _}from"./IXE72L6L.js";import{a as F}from"./JJWXUTPP.js";import{a as w}from"./735UOYTJ.js";import{a as A}from"./IE5KDMJE.js";import{a as M}from"./HRQSQ4A6.js";import{a as U}from"./DQO6DVWZ.js";import{a as z}from"./7VTO7SRW.js";import{a as E}from"./VI7SBYXT.js";import{a as P}from"./LKTLHI7X.js";import"./VUYX7MNO.js";import{a as H}from"./Q4GFUNOY.js";import"./ZWPNZ5XW.js";import{e as L}from"./U5EJA3RQ.js";import{H as c}from"./RR6RVWTZ.js";import{C as k,D as u,E as C,F as r,I as R,K as O,M as V,N as $,R as T,g as B,h as b,p as d}from"./BKTVJALY.js";var N=B`:host{position:absolute;inset:0;display:flex;visibility:hidden!important;--calcite-sheet-scrim-background-internal: rgba(0, 0, 0, .85);--calcite-scrim-shadow-block-start-internal: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-block-end-internal: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-start-internal: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-end-internal: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}:host([embedded]){z-index:var(--calcite-z-index-overlay)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{visibility:hidden;position:fixed;box-sizing:border-box;display:flex;opacity:0;color:var(--calcite-sheet-text-color, var(--calcite-color-text-2));transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium),opacity var(--calcite-internal-animation-timing-medium) ease-in-out}:host([top-layer-disabled]) .container,:host([embedded]) .container{z-index:var(--calcite-z-index-overlay)}:host([modal-disabled]),:host([modal-disabled]) .container{pointer-events:none}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal: translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal: translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal: translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal: translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{box-shadow:var(--calcite-sheet-shadow, var(--calcite-shadow-sm))}:host([display-mode=overlay][position=inline-start]) .content{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .content{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .content{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .content{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([position^=inline]) .width-s{--calcite-sheet-width-internal: var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 260px)}:host([position^=inline]) .width-m{--calcite-sheet-width-internal: var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 300px)}:host([position^=inline]) .width-l{--calcite-sheet-width-internal: var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 340px)}:host([position^=block]) .height-s{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 30vh)}:host([position^=block]) .height-m{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 50vh)}:host([position^=block]) .height-l{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background: var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0;display:flex;overflow:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}[popover]{padding:0;margin:0;border:none;background-color:transparent;position:fixed;display:flex;inline-size:100%;block-size:100%}[popover]:popover-open{display:flex}:host([opened]){visibility:visible!important}.content{position:relative;box-sizing:border-box;display:flex;max-inline-size:100%;padding:0;background-color:var(--calcite-sheet-background-color, var(--calcite-color-foreground-1));max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) ease-in-out,visibility 0ms linear var(--calcite-internal-animation-timing-medium),opacity var(--calcite-internal-animation-timing-medium) ease-in-out;transform:var(--calcite-sheet-hidden-position-internal)}:host([top-layer-disabled]),:host([top-layer-disabled]) .content,:host([embedded]) .content{z-index:var(--calcite-z-index-modal)}.content-container{position:relative;display:flex;max-block-size:100%;max-inline-size:100%;flex:1 1 0%;overflow:hidden}.content-container ::slotted(*){block-size:auto}.container--open .content{transform:translateZ(0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container,:host([display-mode=float]) .content-container{border-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([display-mode=float]) .container{padding:var(--calcite-spacing-md)}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) ease-in-out,visibility 0ms linear,opacity var(--calcite-internal-animation-timing-medium) ease-in-out,max-inline-size var(--calcite-internal-animation-timing-medium) ease-in-out,max-block-size var(--calcite-internal-animation-timing-medium) ease-in-out;transition-delay:0ms}@starting-style{.container--open{opacity:0;visibility:hidden}}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=inline-start]) .content{flex-direction:row}:host([position=inline-end]) .content{flex-direction:row-reverse}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position=block-start]) .content{flex-direction:column}:host([position=block-end]) .content{flex-direction:column-reverse}:host([resizable][position=inline-start]) .content{padding-inline-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=inline-end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=block-start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=block-end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-sheet-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );z-index:var(--calcite-z-index-header)}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-sheet-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-sheet-resize-background-color, var(--calcite-color-foreground-3))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-sheet-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-sheet-resize-background-color, var(--calcite-color-background))}.resize-handle:focus .resize-handle-bar{outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}:host([position=inline-start]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-end:var(--calcite-internal-sheet-resize-handle-offset);block-size:100%}:host([position=inline-start]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=inline-start]):host([display-mode=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([position=inline-end]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-sheet-resize-handle-offset);block-size:100%}:host([position=inline-end]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=inline-end]):host([display-mode=float]) .resize-handle-bar{border-start-start-radius:.25rem;border-end-start-radius:.25rem}:host([position=block-start]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-sheet-resize-handle-offset)}:host([position=block-start]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=block-start]):host([display-mode=float]) .resize-handle-bar{border-end-end-radius:.25rem;border-end-start-radius:.25rem}:host([position=block-end]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-sheet-resize-handle-offset)}:host([position=block-end]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=block-end]):host([display-mode=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round));border-start-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([position]) .container--embedded{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}`,D=class extends C{constructor(){super(),this.contentRef=k(),this.direction=L(),this.focusTrap=F({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>this.modalDisabled||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=K()(this),this.messages=P(),this.mutationObserver=E("mutation",()=>this.handleMutationObserver()),this._modalDisabled=!1,this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.transitionRef=k(),this.focusSetter=H()(this),this.keyDownHandler=e=>{let{defaultPrevented:i,key:s}=e;!i&&!this.escapeDisabled&&this.open&&s==="Escape"&&(e.preventDefault(),this.open=!1)},this.sizeOverride=_({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),onResize:e=>{this.resizeValues={...e}}}),this.topLayer=A({disabledOverride:()=>this.embedded,target:this.transitionRef})(this),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.displayMode="overlay",this.embedded=!1,this.escapeDisabled=!1,this.focusTrapDisabled=!1,this.heightScale="m",this.opened=!1,this.outsideCloseDisabled=!1,this.position="inline-start",this.resizable=!1,this.topLayerDisabled=!1,this.widthScale="m",this.calciteSheetBeforeClose=d({cancelable:!1}),this.calciteSheetBeforeOpen=d({cancelable:!1}),this.calciteSheetClose=d({cancelable:!1}),this.calciteSheetOpen=d({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heightScale:[3,{},{reflect:!0}],height:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],modalDisabled:[7,{},{reflect:!0,type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],opened:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=N}get preventDocumentScroll(){return!this.embedded&&!this.modalDisabled}get modalDisabled(){return this._modalDisabled}set modalDisabled(e){if(e===this._modalDisabled)return;let i=this.preventDocumentScroll;this._modalDisabled=e,this.requestUpdate("preventDocumentScroll",i)}get open(){return this._open}set open(e){let i=this._open;e!==i&&this.setOpenState(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.hasUpdated&&this.refreshResize()}willUpdate(e){e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.transitionRef.value&&M(this),(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("position")&&(this.hasUpdated||this.position!=="inline-start")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("direction"))&&this.refreshResize()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanUpInteractions()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.(this.el)}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}getResizeIcon(){let{position:e}=this;return e==="block-start"||e==="block-end"?S.dragVertical:S.dragHorizontal}handleKeyDown(e){let{key:i,defaultPrevented:s,shiftKey:n}=e,{contentRef:a,position:t,resizable:h,resizeValues:{maxBlockSize:f,maxInlineSize:v,minBlockSize:p,minInlineSize:x}}=this,j=[...t==="block-end"||t==="block-start"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!h||!a.value||s||!j.includes(i))return;let m=a.value.getBoundingClientRect(),I=this.direction==="rtl"?-1:1,l=n?$:V;switch(i){case"ArrowUp":this.updateSizeInternal({block:m.height+(t==="block-end"?l:-l)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:m.height+(t==="block-end"?-l:l)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:m.width+(t==="inline-end"?l:-l)*I}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:m.width+(t==="inline-end"?-l:l)*I}),e.preventDefault();break;case"Home":this.updateSizeInternal(t==="block-start"||t==="block-end"?{block:p}:{inline:x}),e.preventDefault();break;case"End":this.updateSizeInternal(t==="block-start"||t==="block-end"?{block:f}:{inline:v}),e.preventDefault();break}}updateSizeInternal(e){this.contentRef.value&&this.sizeOverride.resize(e)}cleanUpInteractions(){this.interaction?.unset()}updateResizeValues(){let{contentRef:e}=this;if(!e.value)return;let i=window.getComputedStyle(e.value);this.resizeValues={inlineSize:c(i.inlineSize),blockSize:c(i.blockSize),minInlineSize:c(i.minInlineSize),minBlockSize:c(i.minBlockSize),maxInlineSize:c(i.maxInlineSize)||window.innerWidth,maxBlockSize:c(i.maxBlockSize)||window.innerHeight}}refreshResize(){this.updateResizeValues(),this.setUpResizeInteractions()}setUpResizeInteractions(){this.cleanUpInteractions();let{contentRef:e,el:i,resizable:s,position:n,open:a,resizeHandleEl:t}=this;if(!e.value||!a||!s||!t)return;let h=this.direction==="rtl",f=this.resizeValues.minInlineSize===null||this.resizeValues.minBlockSize===null?void 0:{width:this.resizeValues.minInlineSize,height:this.resizeValues.minBlockSize},v=this.resizeValues.maxInlineSize===null||this.resizeValues.maxBlockSize===null?void 0:{width:this.resizeValues.maxInlineSize,height:this.resizeValues.maxBlockSize};this.interaction=g(e.value,{context:i.ownerDocument}).resizable({edges:{top:n==="block-end"?t:!1,right:n===(h?"inline-end":"inline-start")?t:!1,bottom:n==="block-start"?t:!1,left:n===(h?"inline-start":"inline-end")?t:!1},modifiers:[g.modifiers.restrictSize({min:f,max:v})],listeners:{move:({rect:p})=>{let x=n==="block-start"||n==="block-end";this.updateSizeInternal(x?{block:p.height}:{inline:p.width})}}})}onBeforeOpen(){this.calciteSheetBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteSheetOpen.emit()}onBeforeClose(){this.calciteSheetBeforeClose.emit()}onClose(){this.calciteSheetClose.emit(),this.focusTrap.deactivate(),this.topLayer.hide()}setResizeHandleEl(e){this.resizeHandleEl=e,this.refreshResize()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}render(){let{resizable:e,position:i,resizeValues:s}=this,n=this.direction,a=i==="block-start"||i==="block-end";return R(this.el,"aria-describedby",y.sheetContent),this.el.ariaLabel=this.label,this.el.ariaModal=this.modalDisabled?"false":"true",this.el.role="dialog",b`<div class=${r({[o.container]:!0,[o.containerOpen]:this.opened,[o.containerEmbedded]:this.embedded,[O.rtl]:n==="rtl",[w("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[w("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .popover=${this.embedded?void 0:"manual"} ${u(this.transitionRef)}>${this.modalDisabled?null:b`<calcite-scrim class=${r(o.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`}<div class=${r(o.content)} id=${y.sheetContent} ${u(this.contentRef)}><div class=${r(o.contentContainer)}><slot></slot></div>${e?U("resize-handle",b`<div .ariaLabel=${this.messages.resizeEnabled} .ariaOrientation=${a?"vertical":"horizontal"} .ariaValueMax=${z(a?"block":"inline",s.maxBlockSize,s.maxInlineSize)} .ariaValueMin=${z(a?"block":"inline",s.minBlockSize,s.minInlineSize)} .ariaValueNow=${z(a?"block":"inline",s.blockSize,s.inlineSize)} class=${r(o.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 touch-action=none ${u(this.setResizeHandleEl)}><div class=${r(o.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null}</div></div>`}};T("calcite-sheet",D);export{D as Sheet};
package/dist/cdn/{KKLSNN7K.js → G5I6LLDZ.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{c as v}from"./VEHFV22W.js";import{a as S,b}from"./3TT3H2DC.js";import{b as A}from"./EHBE2PQL.js";import{a as T}from"./ZSSEYFD6.js";import{a}from"./6FTRN7VT.js";import{a as $}from"./YP3AYJH3.js";import"./VUYX7MNO.js";import{a as k}from"./ZWPNZ5XW.js";import"./42R3WB34.js";import{C as h,z as g}from"./RCJTNWLP.js";import{C as r,D as o,E as C,F as R,R as y,g as f,h as s,m,p as u}from"./YR334B5W.js";var I=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{pointer-events:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-table-cell{--calcite-internal-table-cell-background-color: var( --calcite-table-row-background-color, var(--calcite-table-row-background, var(--calcite-color-foreground-1)) )}:host([slot=table-header]) tr{position:var(--calcite-internal-table-header-row-position);inset-block-start:var(--calcite-internal-table-header-offset, 0);z-index:var(--calcite-internal-table-header-z-index, calc(var(--calcite-z-index) + 1))}:host([selected]) calcite-table-cell{--calcite-internal-table-cell-background-color: var( --calcite-table-row-background-color-selected, var(--calcite-color-foreground-1) )}tr{--calcite-internal-table-row-border-block-end-width: var(--calcite-border-width-sm);--calcite-internal-table-row-border-block-end-color: var(--calcite-table-row-border-color, transparent);background-color:var(--calcite-table-row-background-color, var(--calcite-table-row-background, var(--calcite-color-foreground-1)))}tr.last-visible-row{--calcite-internal-table-row-border-block-end-width: 0;--calcite-internal-table-row-border-block-end-color: transparent}:host([item-hidden]){display:none}`,w=class extends C{constructor(){super(),this.numberedCellRef=r(),this.numberedHeaderRef=r(),this.rowCells=[],this.rowSlotRef=r(),this.selectionCellRef=r(),this.selectionHeaderRef=r(),this.userTriggered=!1,this._selected=!1,this.clickHandler=()=>{this.handleRowSelection()},this.handleKeyboardSelection=e=>{$(e.key)&&(e.key===" "&&e.preventDefault(),this.handleRowSelection())},this.interactiveContainer=T(this),this.itemHidden=!1,this.disabled=!1,this.interactionMode="interactive",this.lastVisibleRow=!1,this.numbered=!1,this.stickyHeaderEnabled=!1,this.selectionMode="none",this.calciteInternalTableRowFocusRequest=u({cancelable:!1}),this.calciteInternalTableRowSelect=u({cancelable:!1}),this.calciteTableRowSelect=u({cancelable:!1}),this.listenOn(document,"calciteInternalTableRowFocusChange",this.calciteInternalTableRowFocusChangeHandler)}static{this.properties={alignment:[3,{},{reflect:!0}],itemHidden:[7,{},{reflect:!0,type:Boolean}],bodyRowCount:[9,{},{type:Number}],cellCount:[9,{},{type:Number}],disabled:[7,{},{reflect:!0,type:Boolean}],interactionMode:1,lastVisibleRow:[5,{},{type:Boolean}],numbered:[5,{},{type:Boolean}],positionAll:[9,{},{type:Number}],positionSection:[9,{},{type:Number}],positionSectionLocalized:1,readCellContentsToAT:[5,{},{type:Boolean}],rowType:1,scale:1,stickyHeaderEnabled:[5,{},{type:Boolean}],selected:[7,{},{reflect:!0,type:Boolean}],selectedRowCount:[9,{},{type:Number}],selectedRowCountLocalized:1,selectionMode:1}}static{this.styles=I}get selected(){return this._selected}set selected(e){let l=this._selected;e!==l&&(this._selected=e,this.handleCellChanges())}load(){this.listenOn(this.el.shadowRoot,"slotchange",this.handleSlotChange)}willUpdate(e){(e.has("bodyRowCount")||e.has("scale")||e.has("selectedRowCount")||e.has("interactionMode")&&(this.hasUpdated||this.interactionMode!=="interactive"))&&this.handleCellChanges(),(e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none"))&&this.handleDelayedCellChanges(),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&!this.userTriggered&&this.calciteInternalTableRowSelect.emit()}loaded(){this.rowCells.length>0&&this.updateCells()}handleSlotChange(){this.updateCells()}handleCellChanges(){this.rowCells.length>0&&this.updateCells()}handleDelayedCellChanges(){this.rowCells.length>0&&requestAnimationFrame(()=>this.updateCells())}calciteInternalTableRowFocusChangeHandler(e){if(e.target.contains(this.el)){let l=e.detail.cellPosition,n=e.detail.rowPosition,i=e.detail.destination,t=e.detail.lastCell;if(n===this.positionAll){if(this.disabled){let d=i==="last"?"previous":i==="first"?"next":i;this.emitTableRowFocusRequest(l,this.positionAll,d);return}let c=t?this.rowCells[this.rowCells.length-1]:this.rowCells?.find((d,p)=>p+1===l);c&&c.setFocus()}}}keyDownHandler(e){if(this.interactionMode!=="interactive")return;let l=e.target,n=e.key,i=e.ctrlKey,t=this.rowCells;if(A(l)||v(l))switch(n){case"ArrowUp":this.emitTableRowFocusRequest(l.positionInRow,this.positionAll,"previous"),e.preventDefault();break;case"ArrowDown":this.emitTableRowFocusRequest(l.positionInRow,this.positionAll,"next"),e.preventDefault();break;case"PageUp":this.emitTableRowFocusRequest(l.positionInRow,this.positionAll,"first"),e.preventDefault();break;case"PageDown":this.emitTableRowFocusRequest(l.positionInRow,this.positionAll,"last"),e.preventDefault();break;case"ArrowLeft":h(t,l,"previous",!1,!1),e.preventDefault();break;case"ArrowRight":h(t,l,"next",!1,!1),e.preventDefault();break;case"Home":i?(this.emitTableRowFocusRequest(1,this.positionAll,"first"),e.preventDefault()):(h(t,l,"first",!1,!1),e.preventDefault());break;case"End":i?(this.emitTableRowFocusRequest(this.rowCells?.length,this.positionAll,"last",!0),e.preventDefault()):(h(t,l,"last",!1,!1),e.preventDefault());break}}emitTableRowFocusRequest(e,l,n,i=!1){this.calciteInternalTableRowFocusRequest.emit({cellPosition:e,rowPosition:l,destination:n,lastCell:i})}updateCells(){let e=this.alignment?this.alignment:this.rowType!=="head"?"center":"start",l=this.rowSlotRef.value?g(this.rowSlotRef.value,"calcite-table-cell, calcite-table-header"):[],i=[this.numberedCellRef.value,this.numberedHeaderRef.value,this.selectionCellRef.value,this.selectionHeaderRef.value].filter(t=>t!=null).concat(l);i.length>0&&i?.forEach((t,c)=>{if(t.interactionMode=this.interactionMode,t.lastCell=c===i.length-1,t.parentRowAlignment=e,t.parentRowIsSelected=this.selected,t.parentRowType=this.rowType,t.positionInRow=c+1,t.scale=this.scale,t.nodeName==="CALCITE-TABLE-CELL"){let d=t.rowSpan||1,p=this.rowType==="body"&&d>1&&this.positionSection+d>=this.bodyRowCount;t.readCellContentsToAT=this.readCellContentsToAT,t.disabled=this.disabled,t.reachesBodyEnd=p}}),this.rowCells=i||[],this.cellCount=i?.length}async handleRowSelection(){(this.rowType==="body"||this.rowType==="head"&&this.selectionMode==="multiple")&&(this.userTriggered=!0,this.selected=!this.selected,await this.updateComplete,this.calciteTableRowSelect.emit())}renderSelectionIcon(){let e=this.selectionMode==="multiple"&&this.selected?b.checkSquare:this.selectionMode==="multiple"?b.square:this.selected?b.circleF:b.circle;return s`<calcite-icon .icon=${e} .scale=${k(this.scale)}></calcite-icon>`}renderSelectableCell(){return this.rowType==="head"?a("selection-head",s`<calcite-table-header alignment=center .bodyRowCount=${this.bodyRowCount} @click=${this.clickHandler} @keydown=${this.handleKeyboardSelection} .parentRowAlignment=${this.alignment} .selectedRowCount=${this.selectedRowCount} .selectedRowCountLocalized=${this.selectedRowCountLocalized} .selectionCell=${!0} .selectionMode=${this.selectionMode} ${o(this.selectionHeaderRef)}></calcite-table-header>`):this.rowType==="body"?a("selection-body",s`<calcite-table-cell alignment=center @click=${this.clickHandler} @keydown=${this.handleKeyboardSelection} .parentRowAlignment=${this.alignment} .parentRowIsSelected=${this.selected} .parentRowPositionLocalized=${this.positionSectionLocalized} .selectionCell=${!0} ${o(this.selectionCellRef)}>${this.renderSelectionIcon()}</calcite-table-cell>`):a("selection-foot",s`<calcite-table-cell alignment=center .parentRowAlignment=${this.alignment} .selectionCell=${!0} ${o(this.selectionCellRef)}></calcite-table-cell>`)}renderNumberedCell(){return this.rowType==="head"?a("numbered-head",s`<calcite-table-header alignment=center .numberCell=${!0} .parentRowAlignment=${this.alignment} ${o(this.numberedHeaderRef)}></calcite-table-header>`):this.rowType==="body"?a("numbered-body",s`<calcite-table-cell alignment=center .numberCell=${!0} .parentRowAlignment=${this.alignment} ${o(this.numberedCellRef)}>${this.positionSectionLocalized}</calcite-table-cell>`):a("numbered-foot",s`<calcite-table-cell alignment=center .numberCell=${!0} .parentRowAlignment=${this.alignment} ${o(this.numberedCellRef)}></calcite-table-cell>`)}render(){return this.interactiveContainer({disabled:this.disabled,children:s`<tr .ariaRowIndex=${this.positionAll+1} .ariaSelected=${this.selected} class=${R({[S.lastVisibleRow]:this.lastVisibleRow})} @keydown=${this.keyDownHandler} ${o(e=>{e&&m(s`${this.numbered&&this.renderNumberedCell()||""}${this.selectionMode!=="none"&&this.renderSelectableCell()||""}<slot ${o(this.rowSlotRef)}></slot>`,e)})}></tr>`})}};y("calcite-table-row",w);export{w as TableRow};
2
+ import{c as v}from"./VEHFV22W.js";import{a as S,b}from"./3TT3H2DC.js";import{b as A}from"./EHBE2PQL.js";import{a as T}from"./ZCREBRIK.js";import{a}from"./DQO6DVWZ.js";import{a as $}from"./YP3AYJH3.js";import"./VUYX7MNO.js";import{a as k}from"./ZWPNZ5XW.js";import"./U5EJA3RQ.js";import{C as h,z as g}from"./RR6RVWTZ.js";import{C as r,D as o,E as C,F as R,R as y,g as f,h as s,m,p as u}from"./BKTVJALY.js";var I=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{pointer-events:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-table-cell{--calcite-internal-table-cell-background-color: var( --calcite-table-row-background-color, var(--calcite-table-row-background, var(--calcite-color-foreground-1)) )}:host([slot=table-header]) tr{position:var(--calcite-internal-table-header-row-position);inset-block-start:var(--calcite-internal-table-header-offset, 0);z-index:var(--calcite-internal-table-header-z-index, calc(var(--calcite-z-index) + 1))}:host([selected]) calcite-table-cell{--calcite-internal-table-cell-background-color: var( --calcite-table-row-background-color-selected, var(--calcite-color-foreground-1) )}tr{--calcite-internal-table-row-border-block-end-width: var(--calcite-border-width-sm);--calcite-internal-table-row-border-block-end-color: var(--calcite-table-row-border-color, transparent);background-color:var(--calcite-table-row-background-color, var(--calcite-table-row-background, var(--calcite-color-foreground-1)))}tr.last-visible-row{--calcite-internal-table-row-border-block-end-width: 0;--calcite-internal-table-row-border-block-end-color: transparent}:host([item-hidden]){display:none}`,w=class extends C{constructor(){super(),this.numberedCellRef=r(),this.numberedHeaderRef=r(),this.rowCells=[],this.rowSlotRef=r(),this.selectionCellRef=r(),this.selectionHeaderRef=r(),this.userTriggered=!1,this._selected=!1,this.clickHandler=()=>{this.handleRowSelection()},this.handleKeyboardSelection=e=>{$(e.key)&&(e.key===" "&&e.preventDefault(),this.handleRowSelection())},this.interactiveContainer=T(this),this.itemHidden=!1,this.disabled=!1,this.interactionMode="interactive",this.lastVisibleRow=!1,this.numbered=!1,this.stickyHeaderEnabled=!1,this.selectionMode="none",this.calciteInternalTableRowFocusRequest=u({cancelable:!1}),this.calciteInternalTableRowSelect=u({cancelable:!1}),this.calciteTableRowSelect=u({cancelable:!1}),this.listenOn(document,"calciteInternalTableRowFocusChange",this.calciteInternalTableRowFocusChangeHandler)}static{this.properties={alignment:[3,{},{reflect:!0}],itemHidden:[7,{},{reflect:!0,type:Boolean}],bodyRowCount:[9,{},{type:Number}],cellCount:[9,{},{type:Number}],disabled:[7,{},{reflect:!0,type:Boolean}],interactionMode:1,lastVisibleRow:[5,{},{type:Boolean}],numbered:[5,{},{type:Boolean}],positionAll:[9,{},{type:Number}],positionSection:[9,{},{type:Number}],positionSectionLocalized:1,readCellContentsToAT:[5,{},{type:Boolean}],rowType:1,scale:1,stickyHeaderEnabled:[5,{},{type:Boolean}],selected:[7,{},{reflect:!0,type:Boolean}],selectedRowCount:[9,{},{type:Number}],selectedRowCountLocalized:1,selectionMode:1}}static{this.styles=I}get selected(){return this._selected}set selected(e){let l=this._selected;e!==l&&(this._selected=e,this.handleCellChanges())}load(){this.listenOn(this.el.shadowRoot,"slotchange",this.handleSlotChange)}willUpdate(e){(e.has("bodyRowCount")||e.has("scale")||e.has("selectedRowCount")||e.has("interactionMode")&&(this.hasUpdated||this.interactionMode!=="interactive"))&&this.handleCellChanges(),(e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none"))&&this.handleDelayedCellChanges(),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&!this.userTriggered&&this.calciteInternalTableRowSelect.emit()}loaded(){this.rowCells.length>0&&this.updateCells()}handleSlotChange(){this.updateCells()}handleCellChanges(){this.rowCells.length>0&&this.updateCells()}handleDelayedCellChanges(){this.rowCells.length>0&&requestAnimationFrame(()=>this.updateCells())}calciteInternalTableRowFocusChangeHandler(e){if(e.target.contains(this.el)){let l=e.detail.cellPosition,n=e.detail.rowPosition,i=e.detail.destination,t=e.detail.lastCell;if(n===this.positionAll){if(this.disabled){let d=i==="last"?"previous":i==="first"?"next":i;this.emitTableRowFocusRequest(l,this.positionAll,d);return}let c=t?this.rowCells[this.rowCells.length-1]:this.rowCells?.find((d,p)=>p+1===l);c&&c.setFocus()}}}keyDownHandler(e){if(this.interactionMode!=="interactive")return;let l=e.target,n=e.key,i=e.ctrlKey,t=this.rowCells;if(A(l)||v(l))switch(n){case"ArrowUp":this.emitTableRowFocusRequest(l.positionInRow,this.positionAll,"previous"),e.preventDefault();break;case"ArrowDown":this.emitTableRowFocusRequest(l.positionInRow,this.positionAll,"next"),e.preventDefault();break;case"PageUp":this.emitTableRowFocusRequest(l.positionInRow,this.positionAll,"first"),e.preventDefault();break;case"PageDown":this.emitTableRowFocusRequest(l.positionInRow,this.positionAll,"last"),e.preventDefault();break;case"ArrowLeft":h(t,l,"previous",!1,!1),e.preventDefault();break;case"ArrowRight":h(t,l,"next",!1,!1),e.preventDefault();break;case"Home":i?(this.emitTableRowFocusRequest(1,this.positionAll,"first"),e.preventDefault()):(h(t,l,"first",!1,!1),e.preventDefault());break;case"End":i?(this.emitTableRowFocusRequest(this.rowCells?.length,this.positionAll,"last",!0),e.preventDefault()):(h(t,l,"last",!1,!1),e.preventDefault());break}}emitTableRowFocusRequest(e,l,n,i=!1){this.calciteInternalTableRowFocusRequest.emit({cellPosition:e,rowPosition:l,destination:n,lastCell:i})}updateCells(){let e=this.alignment?this.alignment:this.rowType!=="head"?"center":"start",l=this.rowSlotRef.value?g(this.rowSlotRef.value,"calcite-table-cell, calcite-table-header"):[],i=[this.numberedCellRef.value,this.numberedHeaderRef.value,this.selectionCellRef.value,this.selectionHeaderRef.value].filter(t=>t!=null).concat(l);i.length>0&&i?.forEach((t,c)=>{if(t.interactionMode=this.interactionMode,t.lastCell=c===i.length-1,t.parentRowAlignment=e,t.parentRowIsSelected=this.selected,t.parentRowType=this.rowType,t.positionInRow=c+1,t.scale=this.scale,t.nodeName==="CALCITE-TABLE-CELL"){let d=t.rowSpan||1,p=this.rowType==="body"&&d>1&&this.positionSection+d>=this.bodyRowCount;t.readCellContentsToAT=this.readCellContentsToAT,t.disabled=this.disabled,t.reachesBodyEnd=p}}),this.rowCells=i||[],this.cellCount=i?.length}async handleRowSelection(){(this.rowType==="body"||this.rowType==="head"&&this.selectionMode==="multiple")&&(this.userTriggered=!0,this.selected=!this.selected,await this.updateComplete,this.calciteTableRowSelect.emit())}renderSelectionIcon(){let e=this.selectionMode==="multiple"&&this.selected?b.checkSquare:this.selectionMode==="multiple"?b.square:this.selected?b.circleF:b.circle;return s`<calcite-icon .icon=${e} .scale=${k(this.scale)}></calcite-icon>`}renderSelectableCell(){return this.rowType==="head"?a("selection-head",s`<calcite-table-header alignment=center .bodyRowCount=${this.bodyRowCount} @click=${this.clickHandler} @keydown=${this.handleKeyboardSelection} .parentRowAlignment=${this.alignment} .selectedRowCount=${this.selectedRowCount} .selectedRowCountLocalized=${this.selectedRowCountLocalized} .selectionCell=${!0} .selectionMode=${this.selectionMode} ${o(this.selectionHeaderRef)}></calcite-table-header>`):this.rowType==="body"?a("selection-body",s`<calcite-table-cell alignment=center @click=${this.clickHandler} @keydown=${this.handleKeyboardSelection} .parentRowAlignment=${this.alignment} .parentRowIsSelected=${this.selected} .parentRowPositionLocalized=${this.positionSectionLocalized} .selectionCell=${!0} ${o(this.selectionCellRef)}>${this.renderSelectionIcon()}</calcite-table-cell>`):a("selection-foot",s`<calcite-table-cell alignment=center .parentRowAlignment=${this.alignment} .selectionCell=${!0} ${o(this.selectionCellRef)}></calcite-table-cell>`)}renderNumberedCell(){return this.rowType==="head"?a("numbered-head",s`<calcite-table-header alignment=center .numberCell=${!0} .parentRowAlignment=${this.alignment} ${o(this.numberedHeaderRef)}></calcite-table-header>`):this.rowType==="body"?a("numbered-body",s`<calcite-table-cell alignment=center .numberCell=${!0} .parentRowAlignment=${this.alignment} ${o(this.numberedCellRef)}>${this.positionSectionLocalized}</calcite-table-cell>`):a("numbered-foot",s`<calcite-table-cell alignment=center .numberCell=${!0} .parentRowAlignment=${this.alignment} ${o(this.numberedCellRef)}></calcite-table-cell>`)}render(){return this.interactiveContainer({disabled:this.disabled,children:s`<tr .ariaRowIndex=${this.positionAll+1} .ariaSelected=${this.selected} class=${R({[S.lastVisibleRow]:this.lastVisibleRow})} @keydown=${this.keyDownHandler} ${o(e=>{e&&m(s`${this.numbered&&this.renderNumberedCell()||""}${this.selectionMode!=="none"&&this.renderSelectableCell()||""}<slot ${o(this.rowSlotRef)}></slot>`,e)})}></tr>`})}};y("calcite-table-row",w);export{w as TableRow};
package/dist/cdn/{IPBDTAL2.js → GEXT4YRZ.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as N}from"./XEMKZBRU.js";import{a as S}from"./3YXOYXQS.js";import{a as H,b as U}from"./C2GIRCJE.js";import{a as z}from"./DNTT6BU7.js";import{c as m,d as F,e as O,f as $,g as L,h as T,i as v}from"./5ZMTYU2S.js";import{a as D}from"./PQVUAQNB.js";import{a as B}from"./OECZJ37N.js";import"./KJELNAUK.js";import{a as l}from"./6FTRN7VT.js";import"./VXDPJESZ.js";import"./YP3AYJH3.js";import"./7VTO7SRW.js";import{a as k}from"./VI7SBYXT.js";import{a as E}from"./HDRGPUZI.js";import{a as P}from"./UYWIT3WT.js";import"./ZWPNZ5XW.js";import{e as C}from"./42R3WB34.js";import"./RCJTNWLP.js";import{C as y,D as u,E as x,F as o,R as w,g as b,h as n,p as r}from"./YR334B5W.js";var i={positionContainer:"position-container",container:"container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContainer:"header-container",heading:"heading"},A="auto",_=b`:host{display:contents}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-popup)}.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-popover-max-size-x, 100vw)}.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]) .heading{padding:.5rem .75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host(:is([scale=s],[scale=m])){--calcite-internal-popover-close-spacing: var(--calcite-spacing-xs)}:host([scale=m]) .heading{padding:.75rem 1rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]){--calcite-internal-popover-close-spacing: var(--calcite-spacing-sm)}:host([scale=l]) .heading{padding:1rem 1.25rem;font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;box-shadow:var(--calcite-shadow-md);background-color:var(--calcite-popover-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{margin:0;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container{position:relative;display:flex;height:100%;flex-direction:row;flex-wrap:nowrap;border-radius:.25rem;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container.has-header{flex-direction:column}.content{display:flex;height:100%;width:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button{margin:auto;margin-inline-end:var(--calcite-internal-popover-close-spacing)}.close-button-container{display:flex;flex:0 0 auto}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}:host([hidden]){display:none}[hidden]{display:none}`,I=U({click:!0}),g=class extends x{constructor(){super(...arguments),this.referenceElementType="click",this.referenceElementController=H({manager:I})(this),this.direction=C(),this.focusTrap=S({triggerProp:"open",focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(e.defaultPrevented||(this.open=!1,e.preventDefault()),!1)}})(this),this.mutationObserver=k("mutation",()=>this.focusTrap.updateContainerElements()),this.transitionProp="opacity",this.transitionRef=y(),this.messages=E(),this.focusSetter=P()(this),this.topLayer=z({disabledOverride:()=>this.open&&!this.referenceEl,target:()=>this.floatingEl})(this),this.floatingLayout="vertical",this.autoClose=!1,this.closable=!1,this.flipDisabled=!1,this.focusTrapDisabled=!1,this.offsetDistance=v,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=A,this.pointerDisabled=!1,this.scale="m",this.topLayerDisabled=!1,this.triggerDisabled=!1,this.calcitePopoverBeforeClose=r({cancelable:!1}),this.calcitePopoverBeforeOpen=r({cancelable:!1}),this.calcitePopoverClose=r({cancelable:!1}),this.calcitePopoverOpen=r({cancelable:!1})}static{this.properties={floatingLayout:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],autoClose:[7,{},{reflect:!0,type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],flipDisabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!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}],triggerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=_}async reposition(e=!1){let{referenceEl:t,placement:a,overlayPositioning:c,flipDisabled:p,filteredFlipPlacements:d,offsetDistance:s,offsetSkidding:f,arrowEl:h,floatingEl:R}=this;return O(this,{direction:this.direction,floatingEl:R,referenceEl:t,overlayPositioning:c,placement:a,flipDisabled:p,flipPlacements:d,offsetDistance:s,offsetSkidding:f,arrowEl:h,type:"popover"},e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements()}willUpdate(e){e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==v)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==A))&&this.reposition(!0),e.has("referenceElement")&&!this.referenceElement&&this.open&&this.topLayer.hide()}updated(e){e.has("referenceEl")&&L(this)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),T(this)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){D(this),this.reposition(!0)}setFloatingEl(e){this.floatingEl=e}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?F(t,e):void 0}hide(){this.open=!1}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calcitePopoverOpen.emit(),this.focusTrap.activate()}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit(),$(this),this.focusTrap.deactivate(),this.topLayer.hide()}setArrowEl(e){this.arrowEl=e,this.reposition(!0)}renderCloseButton(){let{messages:e,closable:t}=this;return t?l(i.closeButtonContainer,n`<div class=${o(i.closeButtonContainer)}><calcite-action class=${o(i.closeButton)} icon=x @click=${this.hide} .scale=${this.scale} .text=${e.close}></calcite-action></div>`):null}renderHeader(){let{heading:e,headingLevel:t}=this,a=e?B({class:i.heading,level:t,children:e}):null;return a?l(i.header,n`<div class=${o(i.header)}>${a}${this.renderCloseButton()}</div>`):null}render(){let{referenceEl:e,heading:t,label:a,open:c,pointerDisabled:p,floatingLayout:d}=this,s=e&&c,f=!s,h=p?null:l("floating-arrow",N({floatingLayout:d,ref:this.setArrowEl}));return this.el.inert=f,this.el.ariaLabel=a,this.el.ariaLive="polite",this.el.role="dialog",n`<div class=${o(i.positionContainer)} popover=manual ${u(this.setFloatingEl)}><div class=${o({[i.container]:!0,[m.animation]:!0,[m.animationActive]:s})} ${u(this.transitionRef)}>${h}<div class=${o({[i.hasHeader]:!!t,[i.headerContainer]:!0})}>${this.renderHeader()}<div class=${o(i.content)}><slot></slot></div>${t?null:this.renderCloseButton()}</div></div></div>`}};w("calcite-popover",g);export{g as Popover};
2
+ import{a as N}from"./MMJUSHGT.js";import{a as S}from"./JJWXUTPP.js";import{a as H,b as U}from"./XLWUWQWC.js";import{a as z}from"./IE5KDMJE.js";import{c as m,d as F,e as O,f as $,g as L,h as T,i as v}from"./DANMXS3Z.js";import{a as D}from"./HRQSQ4A6.js";import{a as B}from"./OCOXLCKQ.js";import"./X3ZTU626.js";import{a as l}from"./DQO6DVWZ.js";import"./VXDPJESZ.js";import"./YP3AYJH3.js";import"./7VTO7SRW.js";import{a as k}from"./VI7SBYXT.js";import{a as E}from"./LKTLHI7X.js";import{a as P}from"./Q4GFUNOY.js";import"./ZWPNZ5XW.js";import{e as C}from"./U5EJA3RQ.js";import"./RR6RVWTZ.js";import{C as y,D as u,E as x,F as o,R as w,g as b,h as n,p as r}from"./BKTVJALY.js";var i={positionContainer:"position-container",container:"container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContainer:"header-container",heading:"heading"},A="auto",_=b`:host{display:contents}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-popup)}.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-popover-max-size-x, 100vw)}.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]) .heading{padding:.5rem .75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host(:is([scale=s],[scale=m])){--calcite-internal-popover-close-spacing: var(--calcite-spacing-xs)}:host([scale=m]) .heading{padding:.75rem 1rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]){--calcite-internal-popover-close-spacing: var(--calcite-spacing-sm)}:host([scale=l]) .heading{padding:1rem 1.25rem;font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;box-shadow:var(--calcite-shadow-md);background-color:var(--calcite-popover-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{margin:0;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container{position:relative;display:flex;height:100%;flex-direction:row;flex-wrap:nowrap;border-radius:.25rem;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container.has-header{flex-direction:column}.content{display:flex;height:100%;width:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button{margin:auto;margin-inline-end:var(--calcite-internal-popover-close-spacing)}.close-button-container{display:flex;flex:0 0 auto}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}:host([hidden]){display:none}[hidden]{display:none}`,I=U({click:!0}),g=class extends x{constructor(){super(...arguments),this.referenceElementType="click",this.referenceElementController=H({manager:I})(this),this.direction=C(),this.focusTrap=S({triggerProp:"open",focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(e.defaultPrevented||(this.open=!1,e.preventDefault()),!1)}})(this),this.mutationObserver=k("mutation",()=>this.focusTrap.updateContainerElements()),this.transitionProp="opacity",this.transitionRef=y(),this.messages=E(),this.focusSetter=P()(this),this.topLayer=z({disabledOverride:()=>this.open&&!this.referenceEl,target:()=>this.floatingEl})(this),this.floatingLayout="vertical",this.autoClose=!1,this.closable=!1,this.flipDisabled=!1,this.focusTrapDisabled=!1,this.offsetDistance=v,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=A,this.pointerDisabled=!1,this.scale="m",this.topLayerDisabled=!1,this.triggerDisabled=!1,this.calcitePopoverBeforeClose=r({cancelable:!1}),this.calcitePopoverBeforeOpen=r({cancelable:!1}),this.calcitePopoverClose=r({cancelable:!1}),this.calcitePopoverOpen=r({cancelable:!1})}static{this.properties={floatingLayout:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],autoClose:[7,{},{reflect:!0,type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],flipDisabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!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}],triggerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=_}async reposition(e=!1){let{referenceEl:t,placement:a,overlayPositioning:c,flipDisabled:p,filteredFlipPlacements:d,offsetDistance:s,offsetSkidding:f,arrowEl:h,floatingEl:R}=this;return O(this,{direction:this.direction,floatingEl:R,referenceEl:t,overlayPositioning:c,placement:a,flipDisabled:p,flipPlacements:d,offsetDistance:s,offsetSkidding:f,arrowEl:h,type:"popover"},e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements()}willUpdate(e){e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==v)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==A))&&this.reposition(!0),e.has("referenceElement")&&!this.referenceElement&&this.open&&this.topLayer.hide()}updated(e){e.has("referenceEl")&&L(this)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),T(this)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){D(this),this.reposition(!0)}setFloatingEl(e){this.floatingEl=e}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?F(t,e):void 0}hide(){this.open=!1}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calcitePopoverOpen.emit(),this.focusTrap.activate()}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit(),$(this),this.focusTrap.deactivate(),this.topLayer.hide()}setArrowEl(e){this.arrowEl=e,this.reposition(!0)}renderCloseButton(){let{messages:e,closable:t}=this;return t?l(i.closeButtonContainer,n`<div class=${o(i.closeButtonContainer)}><calcite-action class=${o(i.closeButton)} icon=x @click=${this.hide} .scale=${this.scale} .text=${e.close}></calcite-action></div>`):null}renderHeader(){let{heading:e,headingLevel:t}=this,a=e?B({class:i.heading,level:t,children:e}):null;return a?l(i.header,n`<div class=${o(i.header)}>${a}${this.renderCloseButton()}</div>`):null}render(){let{referenceEl:e,heading:t,label:a,open:c,pointerDisabled:p,floatingLayout:d}=this,s=e&&c,f=!s,h=p?null:l("floating-arrow",N({floatingLayout:d,ref:this.setArrowEl}));return this.el.inert=f,this.el.ariaLabel=a,this.el.ariaLive="polite",this.el.role="dialog",n`<div class=${o(i.positionContainer)} popover=manual ${u(this.setFloatingEl)}><div class=${o({[i.container]:!0,[m.animation]:!0,[m.animationActive]:s})} ${u(this.transitionRef)}>${h}<div class=${o({[i.hasHeader]:!!t,[i.headerContainer]:!0})}>${this.renderHeader()}<div class=${o(i.content)}><slot></slot></div>${t?null:this.renderCloseButton()}</div></div></div>`}};w("calcite-popover",g);export{g as Popover};