@esri/calcite-components 6.0.0-next.1 → 6.0.0-next.2

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 (155) hide show
  1. package/dist/cdn/{TYL6DZLE.js → 2DSTJBKW.js} +1 -1
  2. package/dist/cdn/{WPFFKGKO.js → 2FAOL3TJ.js} +1 -1
  3. package/dist/cdn/{RKCCKR6X.js → 2VTY5LQ6.js} +1 -1
  4. package/dist/cdn/{UJQIARKQ.js → 337IVZQ5.js} +1 -1
  5. package/dist/cdn/{TWY2OKHH.js → 3CCUB4RN.js} +1 -1
  6. package/dist/cdn/{RGAWT7EN.js → 3CTVLEWD.js} +1 -1
  7. package/dist/cdn/{RDXJ5SE5.js → 3IUKHKSX.js} +1 -1
  8. package/dist/cdn/{CWJVWT2O.js → 3U524SQH.js} +1 -1
  9. package/dist/cdn/{2T66HULJ.js → 3WA7E4ZU.js} +1 -1
  10. package/dist/cdn/{UO4I2EH3.js → 4RK2IZYL.js} +1 -1
  11. package/dist/cdn/{ZQ4OJ3TB.js → 4SPWA3PB.js} +1 -1
  12. package/dist/cdn/{ASO5N7PH.js → 5ZMT3SCL.js} +1 -1
  13. package/dist/cdn/{TGEHK7RM.js → 663G76DR.js} +1 -1
  14. package/dist/cdn/{SYCYUG5E.js → 66U3YQAK.js} +1 -1
  15. package/dist/cdn/{EVG46BQY.js → 6E3UFQ5L.js} +1 -1
  16. package/dist/cdn/{K4CQQSR3.js → 6KYJOPZY.js} +1 -1
  17. package/dist/cdn/{PDLIR643.js → 6M2GRSL6.js} +1 -1
  18. package/dist/cdn/{4GH6FRUQ.js → 6NZ4M3JI.js} +1 -1
  19. package/dist/cdn/{MPMXGFRG.js → 6ZEJRYDB.js} +1 -1
  20. package/dist/cdn/{ZQS7OQMV.js → 72VQX4HV.js} +1 -1
  21. package/dist/cdn/{DB5E4RIJ.js → 77QBHZFJ.js} +1 -1
  22. package/dist/cdn/{Z2HZKD54.js → 7IAXXX5I.js} +1 -1
  23. package/dist/cdn/{MKWW25JO.js → 7NQLZR6U.js} +1 -1
  24. package/dist/cdn/{A3R6ZW46.js → A4NOGVP7.js} +1 -1
  25. package/dist/cdn/{A4DOK6NM.js → A6ZG6CH4.js} +1 -1
  26. package/dist/cdn/{H3DAT6EW.js → AJUUWTFC.js} +1 -1
  27. package/dist/cdn/{RKXNURVD.js → ALDTCMFW.js} +1 -1
  28. package/dist/cdn/{HS66ECFP.js → AULZNBSL.js} +1 -1
  29. package/dist/cdn/{WDQSZOG4.js → B6T5RNLF.js} +1 -1
  30. package/dist/cdn/{V53ZO6O2.js → BWWSTZBC.js} +1 -1
  31. package/dist/cdn/{Y3DN4DI3.js → C7HSJAUY.js} +1 -1
  32. package/dist/cdn/{MSX7OM2U.js → CEXDJV3D.js} +1 -1
  33. package/dist/cdn/{EPWLK62I.js → CITN3SES.js} +1 -1
  34. package/dist/cdn/{HRPTAZBV.js → CQYIOPJS.js} +1 -1
  35. package/dist/cdn/{WAODZ6LQ.js → CS2JG65P.js} +1 -1
  36. package/dist/cdn/{V5TEVQGL.js → CWBXU2F7.js} +1 -1
  37. package/dist/cdn/{R7DA4HDR.js → D256R6DP.js} +1 -1
  38. package/dist/cdn/{LIRWNKCG.js → D2SW4SVQ.js} +1 -1
  39. package/dist/cdn/{7PBEXYE5.js → D6ZKUE5D.js} +1 -1
  40. package/dist/cdn/{DDDWQR7D.js → DAT73NDQ.js} +1 -1
  41. package/dist/cdn/{PJGO2WFB.js → DP6CN6HN.js} +1 -1
  42. package/dist/cdn/{SUKPOBHP.js → DYQWA4UX.js} +1 -1
  43. package/dist/cdn/{UVU4JATX.js → E5NJW2ZG.js} +1 -1
  44. package/dist/cdn/{NG4HWG2M.js → EHVRGGHS.js} +1 -1
  45. package/dist/cdn/{3AJDVAY4.js → EIEKGCTH.js} +1 -1
  46. package/dist/cdn/{LLBIORN7.js → EKMBB3NE.js} +1 -1
  47. package/dist/cdn/{YOVBS6JZ.js → F5J2JR3T.js} +1 -1
  48. package/dist/cdn/{YBZJPDCZ.js → FMBZL2MH.js} +1 -1
  49. package/dist/cdn/{6GI4XRMT.js → FPXP76XS.js} +1 -1
  50. package/dist/cdn/{JDC4NGIZ.js → G5CKYQMY.js} +1 -1
  51. package/dist/cdn/{TLLWKRNX.js → GAAKV2C3.js} +1 -1
  52. package/dist/cdn/{3L6SIADT.js → GGNXTSYK.js} +1 -1
  53. package/dist/cdn/GJRL6GXH.js +2 -0
  54. package/dist/cdn/{SFBT7DUM.js → GRW5KE52.js} +1 -1
  55. package/dist/cdn/{CZAABKL5.js → GXSJJCPQ.js} +1 -1
  56. package/dist/cdn/{DLRDAWPK.js → GYQADZBQ.js} +1 -1
  57. package/dist/cdn/{4MCKDZC2.js → HHUWPN3A.js} +1 -1
  58. package/dist/cdn/{OLJQYHX6.js → HQOZ7PVD.js} +1 -1
  59. package/dist/cdn/{4FLY37DS.js → HRQCTYB2.js} +1 -1
  60. package/dist/cdn/{YW4L3SES.js → IHGUGSQZ.js} +1 -1
  61. package/dist/cdn/{3NSCGO53.js → II4VOTYZ.js} +1 -1
  62. package/dist/cdn/{HZPQ4ZCT.js → IZ5CUQJA.js} +1 -1
  63. package/dist/cdn/{EGM4UQEQ.js → J7SLQZST.js} +1 -1
  64. package/dist/cdn/{4MISAGES.js → JIIKBJJW.js} +1 -1
  65. package/dist/cdn/{YVC2GI2R.js → JUUVUH5Y.js} +1 -1
  66. package/dist/cdn/{MFS45EQF.js → JXF6UBUW.js} +1 -1
  67. package/dist/cdn/{QCLWZCBQ.js → JYQEVQED.js} +1 -1
  68. package/dist/cdn/{6AMCCGQF.js → K4PBH6SD.js} +1 -1
  69. package/dist/cdn/{SMB4VPVK.js → KA3HIFHL.js} +1 -1
  70. package/dist/cdn/{OZOMMOC3.js → KCDRJSQ5.js} +1 -1
  71. package/dist/cdn/{SAHTJ6E6.js → KHJVFQLY.js} +1 -1
  72. package/dist/cdn/{COV2WELR.js → KOVKQZ54.js} +1 -1
  73. package/dist/cdn/{IRTFE23M.js → KWWA7UIP.js} +1 -1
  74. package/dist/cdn/{XPBRB3GD.js → LPAMEVHT.js} +1 -1
  75. package/dist/cdn/{ITINQ72E.js → LVU4SIXV.js} +1 -1
  76. package/dist/cdn/{UMFLWNX4.js → M3FI5WF2.js} +1 -1
  77. package/dist/cdn/{EUE2AIDH.js → MBPSINVB.js} +1 -1
  78. package/dist/cdn/{ECXCRW5C.js → MEWOQUB3.js} +1 -1
  79. package/dist/cdn/{VEQURGQQ.js → MKQQ4JY5.js} +1 -1
  80. package/dist/cdn/{UT2YYWTT.js → MSTEJZOI.js} +1 -1
  81. package/dist/cdn/{PN462NJ7.js → MVZRXC34.js} +1 -1
  82. package/dist/cdn/{6CT47S5A.js → N2LRLEKB.js} +1 -1
  83. package/dist/cdn/{FWMBLSBZ.js → N2LW56CP.js} +1 -1
  84. package/dist/cdn/{OQZPA4TW.js → NAJMABPV.js} +1 -1
  85. package/dist/cdn/{YYLJHCTL.js → NBJ5NTDK.js} +1 -1
  86. package/dist/cdn/{N646XDYP.js → NM4JGNN2.js} +1 -1
  87. package/dist/cdn/{2YIVCB4X.js → NPLTKVWC.js} +1 -1
  88. package/dist/cdn/{3PWIPOO3.js → NPSRHHXM.js} +1 -1
  89. package/dist/cdn/{GTWSXT7S.js → NRDEJY44.js} +1 -1
  90. package/dist/cdn/{PQ2UKTOY.js → NSIM6YJP.js} +1 -1
  91. package/dist/cdn/{LVFOVDHP.js → O6FVXXVE.js} +1 -1
  92. package/dist/cdn/{BORRZTZR.js → OF7EDP7Y.js} +1 -1
  93. package/dist/cdn/{PX7POLG4.js → OMRGS6YG.js} +1 -1
  94. package/dist/cdn/{OBENHUVK.js → ONL7KCBI.js} +1 -1
  95. package/dist/cdn/{EOTHKCC5.js → Q26NSEOR.js} +1 -1
  96. package/dist/cdn/{OSCPYSYO.js → Q4PGLETQ.js} +1 -1
  97. package/dist/cdn/{PIR5JDMA.js → QEXI4SMX.js} +1 -1
  98. package/dist/cdn/{IPCKOFJ3.js → QGQY72AI.js} +1 -1
  99. package/dist/cdn/{WG5GMIWE.js → QKYO5KKT.js} +1 -1
  100. package/dist/cdn/{V2AILWX5.js → QLYXW2TH.js} +1 -1
  101. package/dist/cdn/{IOWEE5B3.js → R4JCPBLC.js} +1 -1
  102. package/dist/cdn/{MH5MLWTH.js → R6WKGKSU.js} +1 -1
  103. package/dist/cdn/{ZQPKFNX6.js → RDQF6AQS.js} +1 -1
  104. package/dist/cdn/{WTOK4RFI.js → RT5ZS4VX.js} +1 -1
  105. package/dist/cdn/{N62IB75L.js → S7LNFWY3.js} +1 -1
  106. package/dist/cdn/{NVFSFAXN.js → SIYPJMXG.js} +1 -1
  107. package/dist/cdn/{DEOKQGMM.js → SKGY35V6.js} +1 -1
  108. package/dist/cdn/{UMEPEAVS.js → SL3MH5OT.js} +1 -1
  109. package/dist/cdn/{OBCDL7IH.js → SODPWZHI.js} +1 -1
  110. package/dist/cdn/{T6YGXV52.js → T6FDJHAC.js} +1 -1
  111. package/dist/cdn/{PYZU4W2S.js → THWEI3K2.js} +1 -1
  112. package/dist/cdn/{2OP2BIGK.js → TOTGM2SP.js} +1 -1
  113. package/dist/cdn/{TXLVSZDX.js → TRRY5LN7.js} +1 -1
  114. package/dist/cdn/{N5ZO4Q6R.js → TT36J74O.js} +1 -1
  115. package/dist/cdn/{6X6AR6D4.js → TWU5BV7Z.js} +1 -1
  116. package/dist/cdn/{NAMFU2X7.js → UAICETTE.js} +1 -1
  117. package/dist/cdn/{BFHM6VVJ.js → UDLWRVR4.js} +1 -1
  118. package/dist/cdn/{5N3K3SLO.js → UGD4VOGZ.js} +1 -1
  119. package/dist/cdn/{SK3O7KCF.js → UOBTIKWI.js} +1 -1
  120. package/dist/cdn/{ZLFF2S3N.js → V2KL5GNR.js} +1 -1
  121. package/dist/cdn/{AOKIBI4B.js → VBMZS3ZU.js} +1 -1
  122. package/dist/cdn/{ZNMLNRTR.js → VXTRPJJ4.js} +1 -1
  123. package/dist/cdn/{WHLIZAJ4.js → W2W3CKTH.js} +1 -1
  124. package/dist/cdn/{QPTC3KSU.js → W32WN6PV.js} +1 -1
  125. package/dist/cdn/{5S2QPRVM.js → WCO6AFY3.js} +1 -1
  126. package/dist/cdn/{4RX2N2D5.js → WHGMG5VX.js} +1 -1
  127. package/dist/cdn/{BWQEQMPE.js → WIHQLE5T.js} +1 -1
  128. package/dist/cdn/{LSHC7RLD.js → WMSWABKA.js} +1 -1
  129. package/dist/cdn/{TU7232CD.js → WN6KY7GO.js} +1 -1
  130. package/dist/cdn/{ACEVU2DX.js → WQKFWH55.js} +1 -1
  131. package/dist/cdn/{NEMZEKEI.js → WZEY6HY6.js} +1 -1
  132. package/dist/cdn/{KTAAVUH5.js → X2TR4NTP.js} +1 -1
  133. package/dist/cdn/{5V7FC2LE.js → XG62B2V7.js} +1 -1
  134. package/dist/cdn/{WCLE6G2R.js → XHNFLVLS.js} +1 -1
  135. package/dist/cdn/{EAPRTWPR.js → XODDJIYV.js} +1 -1
  136. package/dist/cdn/{HD3O4MZC.js → XOFZSKJF.js} +1 -1
  137. package/dist/cdn/{VO5AJW7E.js → XPSSVDAR.js} +1 -1
  138. package/dist/cdn/{TW422TK6.js → XVEFLGJR.js} +1 -1
  139. package/dist/cdn/{VMT523SA.js → Y5VG6YLH.js} +1 -1
  140. package/dist/cdn/{WXXM3QW7.js → YBX7RUMR.js} +1 -1
  141. package/dist/cdn/{PNPLVJIB.js → YKOLRZEJ.js} +1 -1
  142. package/dist/cdn/{R3EXCUGK.js → YTDEBSOG.js} +1 -1
  143. package/dist/cdn/{QSPPZ5GE.js → ZS5MSUS7.js} +1 -1
  144. package/dist/cdn/index.js +1 -1
  145. package/dist/chunks/runtime.js +4 -4
  146. package/dist/components/calcite-autocomplete/customElement.js +39 -12
  147. package/dist/components/calcite-flow-item/customElement.d.ts +1 -0
  148. package/dist/components/calcite-input/customElement.js +5 -5
  149. package/dist/components/calcite-panel/customElement.d.ts +1 -0
  150. package/dist/docs/api.json +1 -1
  151. package/dist/docs/docs.json +1 -1
  152. package/dist/docs/web-types.json +1 -1
  153. package/dist/loader.js +1 -1
  154. package/package.json +1 -1
  155. package/dist/cdn/2JEBIPUA.js +0 -2
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
- import{a as J,b as Q,c as X,d as ee,e as te}from"./6AMCCGQF.js";import{a as Z}from"./4MCKDZC2.js";import{a as A,b as g,c as j,d as q,e as _,j as s}from"./AOKIBI4B.js";import{a as W}from"./ITINQ72E.js";import{a as K}from"./LVFOVDHP.js";import{c as G}from"./BWQEQMPE.js";import{a as $}from"./XN5GTOTE.js";import{a as Y}from"./SYCYUG5E.js";import{a as P}from"./SAHTJ6E6.js";import{a as T}from"./IRTFE23M.js";import{b as U}from"./JN6YLTUP.js";import{a as L}from"./HS66ECFP.js";import{a as F}from"./YW4L3SES.js";import{a as M}from"./VMHJHFFS.js";import{c as H,e as R}from"./UVU4JATX.js";import"./2OP2BIGK.js";import{B as O,s as I}from"./2M4ETWZU.js";import{D as w,E as y,F as E,G as B,H as l,L as k,M as N,Q as S,T as D,g as C,h as c,l as i,p as b}from"./VMT523SA.js";var r={loader:"loader",clearButton:"clear-button",inlineEditing:"inline-editing",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEdit:"inline-edit",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",numberButtonItem:"number-button-item",hasSuffix:"has-suffix",hasPrefix:"has-prefix"},z={validationMessage:"inputValidationMessage"},ie={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"},oe={action:"action"},ne={up:"up",down:"down"},ae={chevronUp:"chevron-up",chevronDown:"chevron-down"},ce=150,se=C`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) );--calcite-internal-input-number-button-item-height: auto}:host([scale=s]){--calcite-internal-input-icon-padding-inline: var(--calcite-theme-space-sm, var(--calcite-spacing-fixed-sm))}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=s]) input{padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .prefix{padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .has-suffix input{padding-inline-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .suffix{padding-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) input[type=file]{min-block-size:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper{block-size:1.5rem}:host([scale=s]) .clear-button{block-size:var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl))}:host([scale=s]):host([number-button-type=horizontal]){--calcite-internal-input-number-button-item-horizontal-padding: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs) )}:host([scale=s]):host([number-button-type=vertical]){--calcite-internal-input-number-button-item-height: 8px;--calcite-internal-input-number-button-item-horizontal-padding: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs) );--calcite-internal-input-number-button-item-vertical-padding: 3px}:host([scale=m]){--calcite-internal-input-icon-padding-inline: var(--calcite-theme-space-md, var(--calcite-spacing-fixed-md))}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=m]) input{padding-inline:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]) .prefix{padding-inline:var(--calcite-theme-space-md, var(--calcite-spacing-md)) var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]) .has-suffix input{padding-inline-end:var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]) .suffix{padding-inline:var(--calcite-theme-space-xs, var(--calcite-spacing-xs)) var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m]) input[type=file]{min-block-size:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper{block-size:2rem}:host([scale=m]):host([number-button-type=horizontal]){--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-space-sm)}:host([scale=m]):host([number-button-type=vertical]){--calcite-internal-input-number-button-item-height: 11px;--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-space-sm);--calcite-internal-input-number-button-item-vertical-padding: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-input-icon-padding-inline: var(--calcite-theme-space-md-plus, var(--calcite-spacing-fixed-lg))}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l]) input{padding-inline:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .prefix{padding-inline:var(--calcite-theme-space-lg, var(--calcite-spacing-lg)) var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .has-suffix input{padding-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .suffix{padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) input[type=file]{min-block-size:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper{block-size:2.75rem}:host([scale=l]):host([number-button-type=horizontal]){--calcite-internal-input-number-button-item-horizontal-padding: var( --calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus) )}:host([scale=l]):host([number-button-type=vertical]){--calcite-internal-input-number-button-item-height: 16px;--calcite-internal-input-number-button-item-horizontal-padding: var( --calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus) );--calcite-internal-input-number-button-item-vertical-padding: 5px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-width:1px;border-style:solid;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-text-color, var(--calcite-color-text-1));transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) input,.has-prefix input,.element-wrapper:has(.icon) input{border-inline-start-width:0}.element-wrapper:has(.clear-button) input,.has-suffix input,.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) input,.element-wrapper:has(.number-button-item) input{border-inline-end-width:0}.has-suffix input,.element-wrapper:has(.clear-button) input,:host([number-button-type=vertical][type=number]) input,:host([number-button-type=horizontal]) .has-suffix .suffix,:host([number-button-type=vertical][type=number]) .has-suffix .suffix,:host([number-button-type=vertical][type=number]) .clear-button,:host([number-button-type=horizontal][type=number]) .clear-button{border-start-end-radius:0;border-end-end-radius:0}:host([number-button-type=horizontal]) input{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:0;border-end-end-radius:0}.has-prefix :is(.prefix:first-child,.loader+.prefix),:host([number-button-type=horizontal]) .number-button-item[data-adjustment=down],.element-wrapper:has(.icon) :is(.icon:first-child,.loader+.icon){border-start-start-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));border-end-start-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}.has-suffix .suffix,:host([number-button-type=vertical][type=number][read-only]) .has-suffix .suffix,:host([clearable]) .clear-button,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=up]{border-end-end-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));border-start-end-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}:host([clearable]) .has-suffix .clear-button{border-end-end-radius:0;border-start-end-radius:0}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-text-color, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)))}input[readonly]:focus{color:var(--calcite-input-text-color, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;order:3;isolation:isolate}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-focus-outline-color);outline-offset:calc(var(--calcite-border-width-sm) * -2)}.element-wrapper:has(input:focus) input{z-index:calc(var(--calcite-z-index) * -1)}:host([status=invalid]) .prefix,:host([status=invalid]) .icon,:host([status=invalid]) input,:host([status=invalid]) .clear-button,:host([status=invalid]) .suffix,:host([status=invalid]) .number-button-item{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));border-inline-end-width:var(--calcite-border-width-none);background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-icon-color, var(--calcite-color-text-3));align-items:center;padding-inline-start:var(--calcite-internal-input-icon-padding-inline)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .icon,.has-prefix .icon{border-inline-start-width:0}input:is([type=text],[type=password])::-ms-clear,input:is([type=text],[type=password])::-ms-reveal{display:none;inline-size:0;block-size:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{box-sizing:border-box;display:flex;align-self:stretch;order:4;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.has-suffix .clear-button,.element-wrapper:has(.number-button-item.number-button-item--horizontal[data-adjustment=up]) .clear-button,.element-wrapper:has(.number-button-item) .clear-button{border-inline-end-width:0}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block;--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.inline-edit{order:7}.action-wrapper{order:8;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto);background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-prefix-text-color, var(--calcite-color-text-2))}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto);background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .prefix{border-inline-start-width:var(--calcite-border-width-none)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) .suffix,.element-wrapper:has(.number-button-item) .suffix{border-inline-end-width:var(--calcite-border-width-none)}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0}.number-button-wrapper{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;pointer-events:none;box-sizing:border-box;display:flex;flex-direction:column;order:6}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-action{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-action{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal{border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));max-block-size:100%;min-block-size:100%;align-self:stretch;border-width:1px;border-style:solid}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-action,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-action{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-inline-end-width:0px;order:0;padding-inline-start:var(--calcite-internal-input-number-button-item-horizontal-padding)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{border-inline-start-width:0px;order:5;padding-inline-end:var(--calcite-internal-input-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item{padding-inline-end:var(--calcite-internal-input-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));border-block-end-width:var(--calcite-border-width-none);padding-block-start:var(--calcite-internal-input-number-button-item-vertical-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px;border-end-end-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));padding-block-end:var(--calcite-internal-input-number-button-item-vertical-padding)}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-inline-start-width:var(--calcite-border-width-none)}.number-button-item:hover calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.number-button-item:active calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-press, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.number-button-item calcite-action{--calcite-internal-action-height: var(--calcite-internal-input-number-button-item-height);--calcite-internal-action-padding-inline: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-internal-action-padding-block: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-action-background-color: var(--calcite-input-actions-background-color);--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.number-button-item calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.number-button-item calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center;border-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));box-shadow:var(--calcite-input-shadow, var(--calcite-shadow-none))}input[type=date]::-webkit-input-placeholder{visibility:hidden!important}:host([type=color]) input{padding:.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;background-color:var(--calcite-color-foreground-1);text-align:center;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));block-size:initial}:host([type=file][scale=s]) input{padding-block:1px;padding-inline:.5rem}:host([type=file][scale=m]) input{padding-block:.25rem;padding-inline:.75rem}:host([type=file][scale=l]) input{padding-block:.5rem;padding-inline:1rem}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{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}input.inline-child.inline-editable-child{background-color:transparent}input.inline-child .inline-editing{background-color:inherit}input.inline-child:not(.inline-editing){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.element-wrapper:has(input.inline-child:not(.inline-editing)) .loader,.element-wrapper:has(input.inline-child:not(.inline-editing)) .number-button-item,.element-wrapper:has(input.inline-child:not(.inline-editing)) .prefix,.element-wrapper:has(input.inline-child:not(.inline-editing)) .icon,.element-wrapper:has(input.inline-child:not(.inline-editing)) .clear-button,.element-wrapper:has(input.inline-child:not(.inline-editing)) .suffix{display:none}:host([inline-edit]:not([inline-editing])) .wrapper:hover input,:host([inline-edit]:not([inline-editing])) .wrapper:hover .inline-edit,:host([inline-edit]:not([inline-editing])) .wrapper:hover .action-wrapper,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover input,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover .inline-edit,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover .action-wrapper{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;background-color:var(--calcite-input-inline-edit-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}:host([inline-edit]) .inline-edit,:host([inline-edit]) .action-wrapper{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;background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([type=datetime-local]) .element-wrapper{inline-size:100%}:host([type=datetime-local]) .element-wrapper input{display:inline-block;min-inline-size:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-internal-action-padding-block: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-action-background-color: var( --calcite-input-actions-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var( --calcite-input-actions-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press, var(--calcite-input-actions-background-color));--calcite-action-text-color-press: var(--calcite-input-actions-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)}.inline-edit--container{display:flex;cursor:pointer;align-items:center}.inline-edit--container .enable-editing,.inline-edit--container .confirm-changes,.inline-edit--container .cancel-editing{margin-inline-start:var(--calcite-space-2xs)}.inline-edit--container .enable-editing{--calcite-action-text-color: var(--calcite-input-inline-edit-control-text-color, var(--calcite-color-text-1))}.inline-edit--container calcite-action{--calcite-action-background-color: var(--calcite-input-inline-edit-control-background-color);--calcite-action-corner-radius: var(--calcite-input-inline-edit-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-inline-edit-control-loader-color);--calcite-action-text-color: var(--calcite-input-inline-edit-control-text-color)}.inline-edit--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-inline-edit-control-background-color-hover, var(--calcite-input-inline-edit-control-background-color));--calcite-action-text-color-press: var(--calcite-input-inline-edit-control-text-color-press, var(--calcite-input-inline-edit-control-text-color))}.inline-edit--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-inline-edit-control-background-color-press, var(--calcite-input-inline-edit-control-background-color));--calcite-action-text-color-press: var(--calcite-input-inline-edit-control-text-color-press, var(--calcite-input-inline-edit-control-text-color))}`,V=class extends B{constructor(){super(),this.actionWrapperRef=y(),this.attributeWatch=H(["autofocus","enterkeyhint","inputmode","spellcheck"],this.handleGlobalAttributesChanged),this.childRef=y(),this.childNumberRef=y(),this.enableInlineEditingButtonRef=y(),this.direction=R(),this.formSupport=G({inputType:"text",getValue:()=>this.type==="file"?this.childRef.value?.files??null:this.value})(this),this.inputWrapperRef=y(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=L({blocking:!0}),this.focusSetter=F()(this),this.interactiveContainer=P(this),this.inlineEditManager=new ee({getInlineEditing:()=>this.inlineEditing,setInlineEditing:e=>{this.inlineEditing=e},getValue:()=>this.value,restoreValue:e=>{this.restoreInlineEditingValue(e)},commitValue:()=>this.commitInlineEditingValue(),setFocus:async e=>{await this.setFocus();let t=this.type==="number"?this.childNumberRef.value:this.childRef.value;this.inlineEditManager.setCaretPosition(t,e)},emitCancel:()=>{this.calciteInputInlineEditingCancel.emit()},emitConfirm:()=>{this.calciteInputInlineEditingConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputInlineEditingChange.emit()}}),this.inlineEditingLoading=!1,this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.inlineEditing=!1,this.inlineEdit=!1,this.groupSeparator=!1,this.iconFlipRtl=!1,this.loading=!1,this.localeFormat=!1,this.multiple=!1,this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.type="text",this.calciteInputChange=b({cancelable:!1}),this.calciteInputInlineEditingCancel=b({cancelable:!1}),this.calciteInputInlineEditingChange=b({cancelable:!1}),this.calciteInputInlineEditingConfirm=b({cancelable:!1}),this.calciteInputInput=b(),this.calciteInternalInputBlur=b({cancelable:!1}),this.calciteInternalInputFocus=b({cancelable:!1}),Y(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={draftValue:[16,{},{state:!0}],displayedValue:[16,{},{state:!0}],inlineEditingLoading:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],accept:1,alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],inlineEditing:[7,{},{reflect:!0,type:Boolean}],inlineEdit:[3,{converter:te},{reflect:!0}],inlineEditingBeforeConfirm:[0,{},{attribute:!1}],files:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:k},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],localeFormat:[5,{},{type:Boolean}],max:[11,{},{reflect:!0,type:Number}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],min:[11,{},{reflect:!0,type:Number}],minLength:[11,{},{reflect:!0,type:Number}],multiple:[5,{},{type:Boolean}],name:[3,{},{reflect:!0}],numberButtonType:[3,{},{reflect:!0}],numberingSystem:[3,{},{reflect:!0}],pattern:1,placeholder:1,prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[3,{},{reflect:!0}],suffixText:1,type:[3,{},{reflect:!0}],validationIcon:[3,{converter:k},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=se}get selfManagedInlineEdit(){return!!this.inlineEdit&&!this.inlineEditableEl}get hasInlineEditContext(){return!!this.inlineEdit||!!this.inlineEditableEl}get inlineEditControlsDisabled(){return this.inlineEdit==="controls-disabled"}get inlineEditingEnabledInContext(){return this.inlineEditableEl?this.inlineEditableEl.editingEnabled:this.inlineEditing}get isStagingInlineEditingValue(){return this.selfManagedInlineEdit&&this.inlineEditing}get valueForEditing(){return this.draftValue??this.value}get isClearable(){return(this.clearable||this.type==="search")&&this.valueForEditing.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t),e&&this._value===""&&this.setValue({origin:"reset",value:t}))}async selectText(){(this.type==="number"?this.childNumberRef:this.childRef).value?.select()}async setFocus(e){return this.focusSetter(()=>this.type==="number"?this.childNumberRef.value:this.childRef.value,e)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable")??void 0}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=I(ie,this.icon,this.type),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value),this.type==="number"&&(this.value==="Infinity"||this.value==="-Infinity"?(this.displayedValue=this.value,this.previousEmittedValue=this.value):(this.warnAboutInvalidNumberValue(this.value),this.setValue({origin:"connected",value:g(this.value)?this.value:""})))}willUpdate(e){e.has("inlineEditing")&&this.inlineEditing&&this.inlineEditManager.captureValuePriorToEditing(),e.has("max")&&(this.maxString=this.max?.toString()??void 0),e.has("min")&&(this.minString=this.min?.toString()??void 0),(e.has("icon")||e.has("type")&&(this.hasUpdated||this.type!=="text"))&&(this.requestedIcon=I(ie,this.icon,this.type)),e.has("readOnly")&&this.stopNudging(),e.has("type")&&(this.hasUpdated||this.type!=="text")&&this.formSupport.overrideInputType(this.type)}disconnectedCallback(){super.disconnectedCallback(),this.stopNudging()}stopNudging(){window.clearInterval(this.nudgeNumberValueIntervalId)}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){if(!this.userChangedValue){if(this.type==="number"&&(e==="Infinity"||e==="-Infinity")){this.displayedValue=e,this.previousEmittedValue=e;return}this.setValue({origin:"direct",previousValue:t,value:e==null||e==""?"":this.type==="number"?g(e)?e:this.previousValue||"":e}),this.warnAboutInvalidNumberValue(e)}this.userChangedValue=!1}keyDownHandler(e){if(!(this.readOnly||this.disabled||e.defaultPrevented)){if(this.selfManagedInlineEdit&&this.inlineEditing&&e.key==="Escape"){if(e.preventDefault(),this.isClearable){this.clearInputValue(e);return}this.inlineEditManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&e.key==="Escape"&&(!this.hasInlineEditContext||this.inlineEditingEnabledInContext)&&(this.clearInputValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(e.preventDefault(),this.formSupport.requestSubmit())}}onLabelClick(){if(this.selfManagedInlineEdit&&!this.inlineEditing){this.inlineEditManager.enable();return}this.setFocus()}incrementOrDecrementNumberValue(e,t,n,o){let a=this.valueForEditing;if(a==="Infinity"||a==="-Infinity")return;let u=e==="up"?1:-1,d=this.step==="any"?1:Math.abs(this.step||1),p=new A(a!==""?a:"0").add(`${d*u}`),v=()=>typeof n=="number"&&!isNaN(n)&&p.subtract(`${n}`).isNegative,h=()=>typeof t=="number"&&!isNaN(t)&&!p.subtract(`${t}`).isNegative,m=v()?`${n}`:h()?`${t}`:p.toString();this.setValue({committing:!0,nativeEvent:o,origin:"user",value:m})}clearInputValue(e){this.setValue({committing:!0,nativeEvent:e,origin:"user",value:""})}clearButtonPointerDownHandler(e){e.preventDefault()}clearButtonClickHandler(e){e.preventDefault(),e.stopPropagation(),this.clearInputValue(e),(this.type==="number"?this.childNumberRef.value:this.childRef.value)?.focus()}commitInlineEditingValue(){let e=this.draftValue;e!==void 0&&(this.draftValue=void 0,e!==this.value&&(this.previousValueOrigin="user",this.userChangedValue=!0,this.value=e,this.calciteInputChange.emit(),this.setPreviousEmittedValue(e)))}emitChangeIfUserModified(){this.isStagingInlineEditingValue||this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue&&(this.calciteInputChange.emit(),this.setPreviousEmittedValue(this.value))}inputBlurHandler(){this.stopNudging(),this.isStagingInlineEditingValue&&this.inlineEditControlsDisabled&&this.commitInlineEditingValue(),this.calciteInternalInputBlur.emit(),this.selfManagedInlineEdit&&this.inlineEditing&&this.inlineEditControlsDisabled&&(this.inlineEditManager.disable(),this.calciteInputInlineEditingChange.emit()),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath(),n=t.some(o=>o instanceof HTMLElement&&o.classList.contains(J.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||n)){if(this.selfManagedInlineEdit&&!this.inlineEditing){e.preventDefault(),this.inlineEditManager.enable();return}this.setFocus()}}inputFocusHandler(){this.calciteInternalInputFocus.emit()}focusEnableInlineEditingButton(){this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()})})}inlineEditCancelEditingHandler(){this.inlineEditManager.cancelEditing(),this.focusEnableInlineEditingButton()}async inlineEditConfirmChangesHandler(){await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,e=>{this.inlineEditingLoading=e}),this.focusEnableInlineEditingButton()}inputInputHandler(e){this.disabled||this.readOnly||(this.type==="file"&&(this.files=this.childRef.value.files??void 0),this.setValue({nativeEvent:e,origin:"user",value:e.target.value}))}async inputKeyDownHandler(e){if(!(this.disabled||this.readOnly)&&e.key==="Enter"){if(this.isStagingInlineEditingValue){e.preventDefault();let t=e.currentTarget;this.inlineEditControlsDisabled?t.blur():(await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,n=>{this.inlineEditingLoading=n}),this.focusEnableInlineEditingButton());return}this.emitChangeIfUserModified()}}inputNumberInputHandler(e){if(this.disabled||this.readOnly||this.value==="Infinity"||this.value==="-Infinity")return;let t=e.target.value;s.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let n=s.delocalize(t);e.inputType==="insertFromPaste"?(g(n)||e.preventDefault(),this.setValue({nativeEvent:e,origin:"user",value:j(n)}),this.childNumberRef.value&&(this.childNumberRef.value.value=this.displayedValue)):this.setValue({nativeEvent:e,origin:"user",value:n})}async inputNumberKeyDownHandler(e){if(this.type!=="number"||this.disabled||this.readOnly)return;let t=this.valueForEditing;if(t==="Infinity"||t==="-Infinity"){e.preventDefault(),(e.key==="Backspace"||e.key==="Delete")&&this.clearInputValue(e);return}if(e.key==="ArrowUp"){e.preventDefault(),this.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){this.nudgeNumberValue("down",e);return}let n=[...U,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(e.altKey||e.ctrlKey||e.metaKey)return;let o=e.shiftKey&&e.key==="Tab";if(n.includes(e.key)||o){if(e.key==="Enter"){if(this.isStagingInlineEditingValue){e.preventDefault();let a=e.currentTarget;this.inlineEditControlsDisabled?a.blur():(await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,u=>{this.inlineEditingLoading=u}),this.focusEnableInlineEditingButton());return}this.emitChangeIfUserModified()}return}s.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===s.decimal&&(!t&&!this.childNumberRef.value?.value||t&&this.childNumberRef.value?.value.indexOf(s.decimal)===-1))&&(/[eE]/.test(e.key)&&(!t&&!this.childNumberRef.value?.value||t&&this.childNumberRef.value&&!/[eE]/.test(this.childNumberRef.value.value))||e.key==="-"&&(!t&&!this.childNumberRef.value?.value||t&&this.childNumberRef.value&&this.childNumberRef.value.value.split("-").length<=2)||e.preventDefault())}nudgeNumberValue(e,t){if(t instanceof KeyboardEvent&&t.repeat||this.type!=="number")return;let n=this.maxString?parseFloat(this.maxString):null,o=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(e,n,o,t),this.nudgeNumberValueIntervalId&&this.stopNudging();let a=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(a){a=!1;return}this.incrementOrDecrementNumberValue(e,n,o,t)},ce)}numberButtonPointerUpAndOutHandler(){this.stopNudging()}numberButtonPointerDownHandler(e){if(!O(e))return;e.preventDefault();let t=e.currentTarget.dataset.adjustment;this.disabled||this.nudgeNumberValue(t,e)}setInputValue(e){let t=this.type==="number"?this.childNumberRef:this.childRef;t.value&&(t.value.value=e)}setPreviousEmittedValue(e){this.previousEmittedValue=this.normalizeValue(e)}normalizeValue(e){return this.type==="number"?g(e)?e:"":e}setPreviousValue(e){this.previousValue=this.normalizeValue(e)}restoreInlineEditingValue(e){this.draftValue=void 0,this.setValue({origin:"direct",value:e})}setValue({committing:e=!1,nativeEvent:t,origin:n,previousValue:o,value:a}){let u=this.valueForEditing,d=n==="user"&&this.isStagingInlineEditingValue;if(this.setPreviousValue(o??u),this.previousValueOrigin=n,this.type==="number"){s.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator,signDisplay:"never"};let f=this.previousValue?.length>a.length||u?.length>a.length,p=a.charAt(a.length-1)===".",v=p&&f?a:q(a),h=a&&!v?g(this.previousValue)?this.previousValue:"":v,m=s.localize(h);n!=="connected"&&!p&&(m=_(m,h,s)),this.displayedValue=p&&f?`${m}${s.decimal}`:m;let x=["-","."].includes(h)?"":h;d?this.draftValue=x:(this.userChangedValue=n==="user"&&this.value!==x,this.value=x)}else d?this.draftValue=a:(this.userChangedValue=n==="user"&&this.value!==a,this.value=a);n==="direct"&&(this.draftValue=void 0,this.setInputValue(a),this.previousEmittedValue=a),t&&!d&&(this.calciteInputInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=this.type==="number"?s.localize(this.previousValue):this.previousValue):e&&!d&&this.emitChangeIfUserModified())}inputKeyUpHandler(){this.stopNudging()}warnAboutInvalidNumberValue(e){this.type==="number"&&e&&!g(e)&&S.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=this.direction,t=c`<div class=${l(r.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,n=c`<div class=${l(r.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearButtonClickHandler} @pointerdown=${this.disabled||this.readOnly?void 0:this.clearButtonPointerDownHandler}>${Z({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,o=c`<div class=${l(r.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${M(this.scale)}></calcite-icon></div>`,a=this.numberButtonType==="horizontal",u=c`<div aria-hidden=true class=${l({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:a})} data-adjustment=${ne.up} data-testid=number-button-up @pointerdown=${this.numberButtonPointerDownHandler} @pointerout=${this.numberButtonPointerUpAndOutHandler} @pointerup=${this.numberButtonPointerUpAndOutHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${ae.chevronUp} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,d=c`<div aria-hidden=true class=${l({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:a})} data-adjustment=${ne.down} data-testid=number-button-down @pointerdown=${this.numberButtonPointerDownHandler} @pointerout=${this.numberButtonPointerUpAndOutHandler} @pointerup=${this.numberButtonPointerUpAndOutHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${ae.chevronDown} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,f=c`<div class=${l(r.numberButtonWrapper)}>${u}${d}</div>`,p=c`<div class=${l(r.prefix)}>${this.prefixText}</div>`,v=c`<div class=${l(r.suffix)}>${this.suffixText}</div>`,h=this.el.autofocus,m=this.el.enterKeyHint,x=this.el.inputMode,re=this.type==="number"?T("localized-input",c`<input accept=${this.accept??i} aria-errormessage=${z.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${$(this)} autocomplete=${this.autocomplete??i} .autofocus=${h} class=${l({[r.inlineEditing]:this.inlineEditingEnabledInContext,[r.inlineChild]:this.hasInlineEditContext,[r.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??i} .disabled=${this.disabled} enterkeyhint=${m??i} inputmode=${x??i} maxlength=${this.maxLength??i} minlength=${this.minLength??i} .multiple=${this.multiple} @blur=${this.inputBlurHandler} @focus=${this.inputFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputKeyUpHandler} pattern=${this.pattern??i} placeholder=${(this.placeholder||"")??i} .readOnly=${this.readOnly} .required=${this.required} tabindex=${(this.disabled||this.hasInlineEditContext&&!this.inlineEditingEnabledInContext?-1:void 0)??i} type=text .value=${w(this.displayedValue??"")} ${E(this.childNumberRef)}>`):null,le=this.type!=="number"?c`<input accept=${this.accept??i} aria-errormessage=${z.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${$(this)} autocomplete=${this.autocomplete??i} .autofocus=${h} class=${l({[r.inlineEditing]:this.inlineEditingEnabledInContext,[r.inlineChild]:this.hasInlineEditContext,[r.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??i} .disabled=${this.disabled} enterkeyhint=${m??i} inputmode=${x??i} max=${this.maxString??i} maxlength=${this.maxLength??i} min=${this.minString??i} minlength=${this.minLength??i} .multiple=${this.multiple} name=${this.name??i} @blur=${this.inputBlurHandler} @focus=${this.inputFocusHandler} @input=${this.inputInputHandler} @keydown=${this.inputKeyDownHandler} @keyup=${this.inputKeyUpHandler} pattern=${this.pattern??i} placeholder=${(this.placeholder||"")??i} .readOnly=${this.readOnly} .required=${this.required} spellcheck=${this.el.spellcheck??i} step=${this.step??i} tabindex=${(this.disabled||this.hasInlineEditContext&&!this.inlineEditingEnabledInContext?-1:void 0)??i} type=${this.type??i} .value=${w(this.valueForEditing??"")} ${E(this.childRef)}>`:null;return this.interactiveContainer({disabled:this.disabled,children:c`${this.labelText&&K({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${l({[r.inputWrapper]:!0,[N.rtl]:e==="rtl",[r.hasSuffix]:this.suffixText,[r.hasPrefix]:this.prefixText})} ${E(this.inputWrapperRef)}><div class=${l(r.wrapper)}>${this.loading?t:null}${this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?d:null}${this.prefixText?p:null}${this.requestedIcon?o:null}${re}${le}${this.isClearable?n:null}${this.suffixText?v:null}${this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?u:null}${this.type==="number"&&this.numberButtonType==="vertical"&&!this.readOnly?f:null}</div>${this.selfManagedInlineEdit&&c`<div class=${l(r.inlineEdit)}>${Q({cancelEditingLabel:this.messages.cancelInlineEditing,confirmChangesLabel:this.messages.confirmInlineEditingChanges,enableEditingButtonRef:this.enableInlineEditingButtonRef,enableEditingLabel:this.messages.enableInlineEditing,inlineEditing:this.inlineEditing,loading:this.inlineEditingLoading,onCancelEditing:this.inlineEditCancelEditingHandler,onConfirmChanges:this.inlineEditConfirmChangesHandler,onEnableEditing:()=>this.inlineEditManager.enable(X.editButton),scale:this.scale,showControls:this.inlineEditing&&!this.inlineEditControlsDisabled})}</div>`||""}<div class=${l(r.actionWrapper)} ${E(this.actionWrapperRef)}><slot name=${oe.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?W({icon:this.validationIcon,id:z.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};D("calcite-input",V);export{V as Input};
2
+ import{a as J,b as Q,c as X,d as ee,e as te}from"./K4PBH6SD.js";import{a as Z}from"./HHUWPN3A.js";import{a as U,b as g,c as j,d as q,e as _,j as c}from"./VBMZS3ZU.js";import{a as W}from"./LVU4SIXV.js";import{a as K}from"./O6FVXXVE.js";import{c as G}from"./WIHQLE5T.js";import{a as $}from"./XN5GTOTE.js";import{a as Y}from"./66U3YQAK.js";import{a as L}from"./KHJVFQLY.js";import{a as R}from"./KWWA7UIP.js";import{b as A}from"./JN6YLTUP.js";import{a as F}from"./AULZNBSL.js";import{a as P}from"./IHGUGSQZ.js";import{a as M}from"./VMHJHFFS.js";import{c as T,e as H}from"./E5NJW2ZG.js";import"./TOTGM2SP.js";import{B as O,s as I}from"./2M4ETWZU.js";import{D as w,E as y,F as E,G as B,H as l,L as k,M as N,Q as S,T as D,g as C,h as s,l as i,p as b}from"./Y5VG6YLH.js";var r={loader:"loader",clearButton:"clear-button",inlineEditing:"inline-editing",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEdit:"inline-edit",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",numberButtonItem:"number-button-item",hasSuffix:"has-suffix",hasPrefix:"has-prefix"},z={validationMessage:"inputValidationMessage"},ie={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"},oe={action:"action"},ne={up:"up",down:"down"},ae={chevronUp:"chevron-up",chevronDown:"chevron-down"},se=150,ce=C`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) );--calcite-internal-input-number-button-item-height: auto}:host([scale=s]){--calcite-internal-input-icon-padding-inline: var(--calcite-theme-space-sm, var(--calcite-spacing-fixed-sm))}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=s]) input{padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .prefix{padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .has-suffix input{padding-inline-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .suffix{padding-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) input[type=file]{min-block-size:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper{block-size:1.5rem}:host([scale=s]) .clear-button{block-size:var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl))}:host([scale=s]):host([number-button-type=horizontal]){--calcite-internal-input-number-button-item-horizontal-padding: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs) )}:host([scale=s]):host([number-button-type=vertical]){--calcite-internal-input-number-button-item-height: 8px;--calcite-internal-input-number-button-item-horizontal-padding: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs) );--calcite-internal-input-number-button-item-vertical-padding: 3px}:host([scale=m]){--calcite-internal-input-icon-padding-inline: var(--calcite-theme-space-md, var(--calcite-spacing-fixed-md))}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=m]) input{padding-inline:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]) .prefix{padding-inline:var(--calcite-theme-space-md, var(--calcite-spacing-md)) var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]) .has-suffix input{padding-inline-end:var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]) .suffix{padding-inline:var(--calcite-theme-space-xs, var(--calcite-spacing-xs)) var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m]) input[type=file]{min-block-size:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper{block-size:2rem}:host([scale=m]):host([number-button-type=horizontal]){--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-space-sm)}:host([scale=m]):host([number-button-type=vertical]){--calcite-internal-input-number-button-item-height: 11px;--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-space-sm);--calcite-internal-input-number-button-item-vertical-padding: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-input-icon-padding-inline: var(--calcite-theme-space-md-plus, var(--calcite-spacing-fixed-lg))}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l]) input{padding-inline:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .prefix{padding-inline:var(--calcite-theme-space-lg, var(--calcite-spacing-lg)) var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .has-suffix input{padding-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .suffix{padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) input[type=file]{min-block-size:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper{block-size:2.75rem}:host([scale=l]):host([number-button-type=horizontal]){--calcite-internal-input-number-button-item-horizontal-padding: var( --calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus) )}:host([scale=l]):host([number-button-type=vertical]){--calcite-internal-input-number-button-item-height: 16px;--calcite-internal-input-number-button-item-horizontal-padding: var( --calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus) );--calcite-internal-input-number-button-item-vertical-padding: 5px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-width:1px;border-style:solid;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-text-color, var(--calcite-color-text-1));transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) input,.has-prefix input,.element-wrapper:has(.icon) input{border-inline-start-width:0}.element-wrapper:has(.clear-button) input,.has-suffix input,.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) input,.element-wrapper:has(.number-button-item) input{border-inline-end-width:0}.has-suffix input,.element-wrapper:has(.clear-button) input,:host([number-button-type=vertical][type=number]) input,:host([number-button-type=horizontal]) .has-suffix .suffix,:host([number-button-type=vertical][type=number]) .has-suffix .suffix,:host([number-button-type=vertical][type=number]) .clear-button,:host([number-button-type=horizontal][type=number]) .clear-button{border-start-end-radius:0;border-end-end-radius:0}:host([number-button-type=horizontal]) input{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:0;border-end-end-radius:0}.has-prefix :is(.prefix:first-child,.loader+.prefix),:host([number-button-type=horizontal]) .number-button-item[data-adjustment=down],.element-wrapper:has(.icon) :is(.icon:first-child,.loader+.icon){border-start-start-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));border-end-start-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}.has-suffix .suffix,:host([number-button-type=vertical][type=number][read-only]) .has-suffix .suffix,:host([clearable]) .clear-button,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=up]{border-end-end-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));border-start-end-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}:host([clearable]) .has-suffix .clear-button{border-end-end-radius:0;border-start-end-radius:0}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-text-color, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)))}input[readonly]:focus{color:var(--calcite-input-text-color, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;order:3;isolation:isolate}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-focus-outline-color);outline-offset:calc(var(--calcite-border-width-sm) * -2)}.element-wrapper:has(input:focus) input{z-index:calc(var(--calcite-z-index) * -1)}:host([status=invalid]) .prefix,:host([status=invalid]) .icon,:host([status=invalid]) input,:host([status=invalid]) .clear-button,:host([status=invalid]) .suffix,:host([status=invalid]) .number-button-item{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));border-inline-end-width:var(--calcite-border-width-none);background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-icon-color, var(--calcite-color-text-3));align-items:center;padding-inline-start:var(--calcite-internal-input-icon-padding-inline)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .icon,.has-prefix .icon{border-inline-start-width:0}input:is([type=text],[type=password])::-ms-clear,input:is([type=text],[type=password])::-ms-reveal{display:none;inline-size:0;block-size:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{box-sizing:border-box;display:flex;align-self:stretch;order:4;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.has-suffix .clear-button,.element-wrapper:has(.number-button-item.number-button-item--horizontal[data-adjustment=up]) .clear-button,.element-wrapper:has(.number-button-item) .clear-button{border-inline-end-width:0}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block;--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.inline-edit{order:7}.action-wrapper{order:8;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto);background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-prefix-text-color, var(--calcite-color-text-2))}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto);background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .prefix{border-inline-start-width:var(--calcite-border-width-none)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) .suffix,.element-wrapper:has(.number-button-item) .suffix{border-inline-end-width:var(--calcite-border-width-none)}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0}.number-button-wrapper{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;pointer-events:none;box-sizing:border-box;display:flex;flex-direction:column;order:6}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-action{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-action{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal{border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));max-block-size:100%;min-block-size:100%;align-self:stretch;border-width:1px;border-style:solid}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-action,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-action{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-inline-end-width:0px;order:0;padding-inline-start:var(--calcite-internal-input-number-button-item-horizontal-padding)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{border-inline-start-width:0px;order:5;padding-inline-end:var(--calcite-internal-input-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item{padding-inline-end:var(--calcite-internal-input-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));border-block-end-width:var(--calcite-border-width-none);padding-block-start:var(--calcite-internal-input-number-button-item-vertical-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px;border-end-end-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));padding-block-end:var(--calcite-internal-input-number-button-item-vertical-padding)}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-inline-start-width:var(--calcite-border-width-none)}.number-button-item:hover calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.number-button-item:active calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-press, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.number-button-item calcite-action{--calcite-internal-action-height: var(--calcite-internal-input-number-button-item-height);--calcite-internal-action-padding-inline: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-internal-action-padding-block: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-action-background-color: var(--calcite-input-actions-background-color);--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.number-button-item calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.number-button-item calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center;border-radius:var(--calcite-input-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));box-shadow:var(--calcite-input-shadow, var(--calcite-shadow-none))}input[type=date]::-webkit-input-placeholder{visibility:hidden!important}:host([type=color]) input{padding:.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;background-color:var(--calcite-color-foreground-1);text-align:center;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));block-size:initial}:host([type=file][scale=s]) input{padding-block:1px;padding-inline:.5rem}:host([type=file][scale=m]) input{padding-block:.25rem;padding-inline:.75rem}:host([type=file][scale=l]) input{padding-block:.5rem;padding-inline:1rem}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{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}input.inline-child.inline-editable-child{background-color:transparent}input.inline-child .inline-editing{background-color:inherit}input.inline-child:not(.inline-editing){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.element-wrapper:has(input.inline-child:not(.inline-editing)) .loader,.element-wrapper:has(input.inline-child:not(.inline-editing)) .number-button-item,.element-wrapper:has(input.inline-child:not(.inline-editing)) .prefix,.element-wrapper:has(input.inline-child:not(.inline-editing)) .icon,.element-wrapper:has(input.inline-child:not(.inline-editing)) .clear-button,.element-wrapper:has(input.inline-child:not(.inline-editing)) .suffix{display:none}:host([inline-edit]:not([inline-editing])) .wrapper:hover input,:host([inline-edit]:not([inline-editing])) .wrapper:hover .inline-edit,:host([inline-edit]:not([inline-editing])) .wrapper:hover .action-wrapper,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover input,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover .inline-edit,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover .action-wrapper{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;background-color:var(--calcite-input-inline-edit-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}:host([inline-edit]) .inline-edit,:host([inline-edit]) .action-wrapper{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;background-color:var(--calcite-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([type=datetime-local]) .element-wrapper{inline-size:100%}:host([type=datetime-local]) .element-wrapper input{display:inline-block;min-inline-size:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-internal-action-padding-block: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-action-background-color: var( --calcite-input-actions-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var( --calcite-input-actions-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press, var(--calcite-input-actions-background-color));--calcite-action-text-color-press: var(--calcite-input-actions-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)}.inline-edit--container{display:flex;cursor:pointer;align-items:center}.inline-edit--container .enable-editing,.inline-edit--container .confirm-changes,.inline-edit--container .cancel-editing{margin-inline-start:var(--calcite-space-2xs)}.inline-edit--container .enable-editing{--calcite-action-text-color: var(--calcite-input-inline-edit-control-text-color, var(--calcite-color-text-1))}.inline-edit--container calcite-action{--calcite-action-background-color: var(--calcite-input-inline-edit-control-background-color);--calcite-action-corner-radius: var(--calcite-input-inline-edit-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-inline-edit-control-loader-color);--calcite-action-text-color: var(--calcite-input-inline-edit-control-text-color)}.inline-edit--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-inline-edit-control-background-color-hover, var(--calcite-input-inline-edit-control-background-color));--calcite-action-text-color-press: var(--calcite-input-inline-edit-control-text-color-press, var(--calcite-input-inline-edit-control-text-color))}.inline-edit--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-inline-edit-control-background-color-press, var(--calcite-input-inline-edit-control-background-color));--calcite-action-text-color-press: var(--calcite-input-inline-edit-control-text-color-press, var(--calcite-input-inline-edit-control-text-color))}`,V=class extends B{constructor(){super(),this.actionWrapperRef=y(),this.attributeWatch=T(["autofocus","enterkeyhint","inputmode","spellcheck"],this.handleGlobalAttributesChanged),this.childRef=y(),this.childNumberRef=y(),this.enableInlineEditingButtonRef=y(),this.direction=H(),this.formSupport=G({inputType:"text",getValue:()=>this.type==="file"?this.childRef.value?.files??null:this.value})(this),this.inputWrapperRef=y(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=F({blocking:!0}),this.focusSetter=P()(this),this.interactiveContainer=L(this),this.inlineEditManager=new ee({getInlineEditing:()=>this.inlineEditing,setInlineEditing:e=>{this.inlineEditing=e},getValue:()=>this.value,restoreValue:e=>{this.restoreInlineEditingValue(e)},commitValue:()=>this.commitInlineEditingValue(),setFocus:async e=>{await this.setFocus();let t=this.type==="number"?this.childNumberRef.value:this.childRef.value;this.inlineEditManager.setCaretPosition(t,e)},emitCancel:()=>{this.calciteInputInlineEditingCancel.emit()},emitConfirm:()=>{this.calciteInputInlineEditingConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputInlineEditingChange.emit()}}),this.inlineEditingLoading=!1,this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.inlineEditing=!1,this.inlineEdit=!1,this.groupSeparator=!1,this.iconFlipRtl=!1,this.loading=!1,this.localeFormat=!1,this.multiple=!1,this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.type="text",this.calciteInputChange=b({cancelable:!1}),this.calciteInputInlineEditingCancel=b({cancelable:!1}),this.calciteInputInlineEditingChange=b({cancelable:!1}),this.calciteInputInlineEditingConfirm=b({cancelable:!1}),this.calciteInputInput=b(),this.calciteInternalInputBlur=b({cancelable:!1}),this.calciteInternalInputFocus=b({cancelable:!1}),Y(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={draftValue:[16,{},{state:!0}],displayedValue:[16,{},{state:!0}],inlineEditingLoading:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],accept:1,alignment:[3,{},{reflect:!0}],aria:[0,{},{attribute:!1}],autocomplete:1,inputRole:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],inlineEditing:[7,{},{reflect:!0,type:Boolean}],inlineEdit:[3,{converter:te},{reflect:!0}],inlineEditingBeforeConfirm:[0,{},{attribute:!1}],files:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:k},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],localeFormat:[5,{},{type:Boolean}],max:[11,{},{reflect:!0,type:Number}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],min:[11,{},{reflect:!0,type:Number}],minLength:[11,{},{reflect:!0,type:Number}],multiple:[5,{},{type:Boolean}],name:[3,{},{reflect:!0}],numberButtonType:[3,{},{reflect:!0}],numberingSystem:[3,{},{reflect:!0}],pattern:1,placeholder:1,prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[3,{},{reflect:!0}],suffixText:1,type:[3,{},{reflect:!0}],validationIcon:[3,{converter:k},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=ce}get selfManagedInlineEdit(){return!!this.inlineEdit&&!this.inlineEditableEl}get hasInlineEditContext(){return!!this.inlineEdit||!!this.inlineEditableEl}get inlineEditControlsDisabled(){return this.inlineEdit==="controls-disabled"}get inlineEditingEnabledInContext(){return this.inlineEditableEl?this.inlineEditableEl.editingEnabled:this.inlineEditing}get isStagingInlineEditingValue(){return this.selfManagedInlineEdit&&this.inlineEditing}get valueForEditing(){return this.draftValue??this.value}get isClearable(){return(this.clearable||this.type==="search")&&this.valueForEditing.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t),e&&this._value===""&&this.setValue({origin:"reset",value:t}))}async selectText(){(this.type==="number"?this.childNumberRef:this.childRef).value?.select()}async setFocus(e){return this.focusSetter(()=>this.type==="number"?this.childNumberRef.value:this.childRef.value,e)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable")??void 0}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=I(ie,this.icon,this.type),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value),this.type==="number"&&(this.value==="Infinity"||this.value==="-Infinity"?(this.displayedValue=this.value,this.previousEmittedValue=this.value):(this.warnAboutInvalidNumberValue(this.value),this.setValue({origin:"connected",value:g(this.value)?this.value:""})))}willUpdate(e){e.has("inlineEditing")&&this.inlineEditing&&this.inlineEditManager.captureValuePriorToEditing(),e.has("max")&&(this.maxString=this.max?.toString()??void 0),e.has("min")&&(this.minString=this.min?.toString()??void 0),(e.has("icon")||e.has("type")&&(this.hasUpdated||this.type!=="text"))&&(this.requestedIcon=I(ie,this.icon,this.type)),e.has("readOnly")&&this.stopNudging(),e.has("type")&&(this.hasUpdated||this.type!=="text")&&this.formSupport.overrideInputType(this.type)}disconnectedCallback(){super.disconnectedCallback(),this.stopNudging()}stopNudging(){window.clearInterval(this.nudgeNumberValueIntervalId)}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){if(!this.userChangedValue){if(this.type==="number"&&(e==="Infinity"||e==="-Infinity")){this.displayedValue=e,this.previousEmittedValue=e;return}this.setValue({origin:"direct",previousValue:t,value:e==null||e==""?"":this.type==="number"?g(e)?e:this.previousValue||"":e}),this.warnAboutInvalidNumberValue(e)}this.userChangedValue=!1}keyDownHandler(e){if(!(this.readOnly||this.disabled||e.defaultPrevented)){if(this.selfManagedInlineEdit&&this.inlineEditing&&e.key==="Escape"){if(e.preventDefault(),this.isClearable){this.clearInputValue(e);return}this.inlineEditManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&e.key==="Escape"&&(!this.hasInlineEditContext||this.inlineEditingEnabledInContext)&&(this.clearInputValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(e.preventDefault(),this.formSupport.requestSubmit())}}onLabelClick(){if(this.selfManagedInlineEdit&&!this.inlineEditing){this.inlineEditManager.enable();return}this.setFocus()}incrementOrDecrementNumberValue(e,t,n,o){let a=this.valueForEditing;if(a==="Infinity"||a==="-Infinity")return;let u=e==="up"?1:-1,d=this.step==="any"?1:Math.abs(this.step||1),p=new U(a!==""?a:"0").add(`${d*u}`),v=()=>typeof n=="number"&&!isNaN(n)&&p.subtract(`${n}`).isNegative,h=()=>typeof t=="number"&&!isNaN(t)&&!p.subtract(`${t}`).isNegative,m=v()?`${n}`:h()?`${t}`:p.toString();this.setValue({committing:!0,nativeEvent:o,origin:"user",value:m})}clearInputValue(e){this.setValue({committing:!0,nativeEvent:e,origin:"user",value:""})}clearButtonPointerDownHandler(e){e.preventDefault()}clearButtonClickHandler(e){e.preventDefault(),e.stopPropagation(),this.clearInputValue(e),(this.type==="number"?this.childNumberRef.value:this.childRef.value)?.focus()}commitInlineEditingValue(){let e=this.draftValue;e!==void 0&&(this.draftValue=void 0,e!==this.value&&(this.previousValueOrigin="user",this.userChangedValue=!0,this.value=e,this.calciteInputChange.emit(),this.setPreviousEmittedValue(e)))}emitChangeIfUserModified(){this.isStagingInlineEditingValue||this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue&&(this.calciteInputChange.emit(),this.setPreviousEmittedValue(this.value))}inputBlurHandler(){this.stopNudging(),this.isStagingInlineEditingValue&&this.inlineEditControlsDisabled&&this.commitInlineEditingValue(),this.calciteInternalInputBlur.emit(),this.selfManagedInlineEdit&&this.inlineEditing&&this.inlineEditControlsDisabled&&(this.inlineEditManager.disable(),this.calciteInputInlineEditingChange.emit()),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath(),n=t.some(o=>o instanceof HTMLElement&&o.classList.contains(J.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||n)){if(this.selfManagedInlineEdit&&!this.inlineEditing){e.preventDefault(),this.inlineEditManager.enable();return}this.setFocus()}}inputFocusHandler(){this.calciteInternalInputFocus.emit()}focusEnableInlineEditingButton(){this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()})})}inlineEditCancelEditingHandler(){this.inlineEditManager.cancelEditing(),this.focusEnableInlineEditingButton()}async inlineEditConfirmChangesHandler(){await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,e=>{this.inlineEditingLoading=e}),this.focusEnableInlineEditingButton()}inputInputHandler(e){this.disabled||this.readOnly||(this.type==="file"&&(this.files=this.childRef.value.files??void 0),this.setValue({nativeEvent:e,origin:"user",value:e.target.value}))}async inputKeyDownHandler(e){if(!(this.disabled||this.readOnly)&&e.key==="Enter"){if(this.isStagingInlineEditingValue){e.preventDefault();let t=e.currentTarget;this.inlineEditControlsDisabled?t.blur():(await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,n=>{this.inlineEditingLoading=n}),this.focusEnableInlineEditingButton());return}this.emitChangeIfUserModified()}}inputNumberInputHandler(e){if(this.disabled||this.readOnly||this.value==="Infinity"||this.value==="-Infinity")return;let t=e.target.value;c.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let n=c.delocalize(t);e.inputType==="insertFromPaste"?(g(n)||e.preventDefault(),this.setValue({nativeEvent:e,origin:"user",value:j(n)}),this.childNumberRef.value&&(this.childNumberRef.value.value=this.displayedValue)):this.setValue({nativeEvent:e,origin:"user",value:n})}async inputNumberKeyDownHandler(e){if(this.type!=="number"||this.disabled||this.readOnly)return;let t=this.valueForEditing;if(t==="Infinity"||t==="-Infinity"){e.preventDefault(),(e.key==="Backspace"||e.key==="Delete")&&this.clearInputValue(e);return}if(e.key==="ArrowUp"){e.preventDefault(),this.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){this.nudgeNumberValue("down",e);return}let n=[...A,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(e.altKey||e.ctrlKey||e.metaKey)return;let o=e.shiftKey&&e.key==="Tab";if(n.includes(e.key)||o){if(e.key==="Enter"){if(this.isStagingInlineEditingValue){e.preventDefault();let a=e.currentTarget;this.inlineEditControlsDisabled?a.blur():(await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,u=>{this.inlineEditingLoading=u}),this.focusEnableInlineEditingButton());return}this.emitChangeIfUserModified()}return}c.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===c.decimal&&(!t&&!this.childNumberRef.value?.value||t&&this.childNumberRef.value?.value.indexOf(c.decimal)===-1))&&(/[eE]/.test(e.key)&&(!t&&!this.childNumberRef.value?.value||t&&this.childNumberRef.value&&!/[eE]/.test(this.childNumberRef.value.value))||e.key==="-"&&(!t&&!this.childNumberRef.value?.value||t&&this.childNumberRef.value&&this.childNumberRef.value.value.split("-").length<=2)||e.preventDefault())}nudgeNumberValue(e,t){if(t instanceof KeyboardEvent&&t.repeat||this.type!=="number")return;let n=this.maxString?parseFloat(this.maxString):null,o=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(e,n,o,t),this.nudgeNumberValueIntervalId&&this.stopNudging();let a=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(a){a=!1;return}this.incrementOrDecrementNumberValue(e,n,o,t)},se)}numberButtonPointerUpAndOutHandler(){this.stopNudging()}numberButtonPointerDownHandler(e){if(!O(e))return;e.preventDefault();let t=e.currentTarget.dataset.adjustment;this.disabled||this.nudgeNumberValue(t,e)}setInputValue(e){let t=this.type==="number"?this.childNumberRef:this.childRef;t.value&&(t.value.value=e)}setPreviousEmittedValue(e){this.previousEmittedValue=this.normalizeValue(e)}normalizeValue(e){return this.type==="number"?g(e)?e:"":e}setPreviousValue(e){this.previousValue=this.normalizeValue(e)}restoreInlineEditingValue(e){this.draftValue=void 0,this.setValue({origin:"direct",value:e})}setValue({committing:e=!1,nativeEvent:t,origin:n,previousValue:o,value:a}){let u=this.valueForEditing,d=n==="user"&&this.isStagingInlineEditingValue;if(this.setPreviousValue(o??u),this.previousValueOrigin=n,this.type==="number"){c.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator,signDisplay:"never"};let f=this.previousValue?.length>a.length||u?.length>a.length,p=a.charAt(a.length-1)===".",v=p&&f?a:q(a),h=a&&!v?g(this.previousValue)?this.previousValue:"":v,m=c.localize(h);n!=="connected"&&!p&&(m=_(m,h,c)),this.displayedValue=p&&f?`${m}${c.decimal}`:m;let x=["-","."].includes(h)?"":h;d?this.draftValue=x:(this.userChangedValue=n==="user"&&this.value!==x,this.value=x)}else d?this.draftValue=a:(this.userChangedValue=n==="user"&&this.value!==a,this.value=a);n==="direct"&&(this.draftValue=void 0,this.setInputValue(a),this.previousEmittedValue=a),t&&!d&&(this.calciteInputInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=this.type==="number"?c.localize(this.previousValue):this.previousValue):e&&!d&&this.emitChangeIfUserModified())}inputKeyUpHandler(){this.stopNudging()}warnAboutInvalidNumberValue(e){this.type==="number"&&e&&!g(e)&&S.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=this.direction,t=s`<div class=${l(r.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,n=s`<div class=${l(r.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearButtonClickHandler} @pointerdown=${this.disabled||this.readOnly?void 0:this.clearButtonPointerDownHandler}>${Z({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,o=s`<div class=${l(r.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${M(this.scale)}></calcite-icon></div>`,a=this.numberButtonType==="horizontal",u=s`<div aria-hidden=true class=${l({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:a})} data-adjustment=${ne.up} data-testid=number-button-up @pointerdown=${this.numberButtonPointerDownHandler} @pointerout=${this.numberButtonPointerUpAndOutHandler} @pointerup=${this.numberButtonPointerUpAndOutHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${ae.chevronUp} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,d=s`<div aria-hidden=true class=${l({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:a})} data-adjustment=${ne.down} data-testid=number-button-down @pointerdown=${this.numberButtonPointerDownHandler} @pointerout=${this.numberButtonPointerUpAndOutHandler} @pointerup=${this.numberButtonPointerUpAndOutHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${ae.chevronDown} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,f=s`<div class=${l(r.numberButtonWrapper)}>${u}${d}</div>`,p=s`<div class=${l(r.prefix)}>${this.prefixText}</div>`,v=s`<div class=${l(r.suffix)}>${this.suffixText}</div>`,h=this.el.autofocus,m=this.el.enterKeyHint,x=this.el.inputMode,re=this.type==="number"?R("localized-input",s`<input accept=${this.accept??i} aria-errormessage=${z.validationMessage} .ariaActiveDescendantElement=${this.aria?.activeDescendantElement} .ariaAutoComplete=${this.aria?.autoComplete} .ariaControlsElements=${this.aria?.controlsElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${this.aria?.label??$(this)} autocomplete=${this.autocomplete??i} .autofocus=${h} class=${l({[r.inlineEditing]:this.inlineEditingEnabledInContext,[r.inlineChild]:this.hasInlineEditContext,[r.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??i} .disabled=${this.disabled} enterkeyhint=${m??i} inputmode=${x??i} maxlength=${this.maxLength??i} minlength=${this.minLength??i} .multiple=${this.multiple} @blur=${this.inputBlurHandler} @focus=${this.inputFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputKeyUpHandler} pattern=${this.pattern??i} placeholder=${(this.placeholder||"")??i} .readOnly=${this.readOnly} .required=${this.required} .role=${this.inputRole} tabindex=${(this.disabled||this.hasInlineEditContext&&!this.inlineEditingEnabledInContext?-1:void 0)??i} type=text .value=${w(this.displayedValue??"")} ${E(this.childNumberRef)}>`):null,le=this.type!=="number"?s`<input accept=${this.accept??i} aria-errormessage=${z.validationMessage} .ariaActiveDescendantElement=${this.aria?.activeDescendantElement} .ariaAutoComplete=${this.aria?.autoComplete} .ariaControlsElements=${this.aria?.controlsElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${this.aria?.label??$(this)} autocomplete=${this.autocomplete??i} .autofocus=${h} class=${l({[r.inlineEditing]:this.inlineEditingEnabledInContext,[r.inlineChild]:this.hasInlineEditContext,[r.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??i} .disabled=${this.disabled} enterkeyhint=${m??i} inputmode=${x??i} max=${this.maxString??i} maxlength=${this.maxLength??i} min=${this.minString??i} minlength=${this.minLength??i} .multiple=${this.multiple} name=${this.name??i} @blur=${this.inputBlurHandler} @focus=${this.inputFocusHandler} @input=${this.inputInputHandler} @keydown=${this.inputKeyDownHandler} @keyup=${this.inputKeyUpHandler} pattern=${this.pattern??i} placeholder=${(this.placeholder||"")??i} .readOnly=${this.readOnly} .required=${this.required} .role=${this.inputRole} spellcheck=${this.el.spellcheck??i} step=${this.step??i} tabindex=${(this.disabled||this.hasInlineEditContext&&!this.inlineEditingEnabledInContext?-1:void 0)??i} type=${this.type??i} .value=${w(this.valueForEditing??"")} ${E(this.childRef)}>`:null;return this.interactiveContainer({disabled:this.disabled,children:s`${this.labelText&&K({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${l({[r.inputWrapper]:!0,[N.rtl]:e==="rtl",[r.hasSuffix]:this.suffixText,[r.hasPrefix]:this.prefixText})} ${E(this.inputWrapperRef)}><div class=${l(r.wrapper)}>${this.loading?t:null}${this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?d:null}${this.prefixText?p:null}${this.requestedIcon?o:null}${re}${le}${this.isClearable?n:null}${this.suffixText?v:null}${this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?u:null}${this.type==="number"&&this.numberButtonType==="vertical"&&!this.readOnly?f:null}</div>${this.selfManagedInlineEdit&&s`<div class=${l(r.inlineEdit)}>${Q({cancelEditingLabel:this.messages.cancelInlineEditing,confirmChangesLabel:this.messages.confirmInlineEditingChanges,enableEditingButtonRef:this.enableInlineEditingButtonRef,enableEditingLabel:this.messages.enableInlineEditing,inlineEditing:this.inlineEditing,loading:this.inlineEditingLoading,onCancelEditing:this.inlineEditCancelEditingHandler,onConfirmChanges:this.inlineEditConfirmChangesHandler,onEnableEditing:()=>this.inlineEditManager.enable(X.editButton),scale:this.scale,showControls:this.inlineEditing&&!this.inlineEditControlsDisabled})}</div>`||""}<div class=${l(r.actionWrapper)} ${E(this.actionWrapperRef)}><slot name=${oe.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?W({icon:this.validationIcon,id:z.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};D("calcite-input",V);export{V as Input};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
- import{a as x}from"./SAHTJ6E6.js";import{a as y}from"./HS66ECFP.js";import{a as v}from"./YW4L3SES.js";import"./VMHJHFFS.js";import"./UVU4JATX.js";import"./2OP2BIGK.js";import"./2M4ETWZU.js";import{E as u,F as b,G as p,H as f,Q as m,T as g,g as d,h,l as s,p as l}from"./VMT523SA.js";var k={handle:"handle",handleSelected:"handle--selected"},C={drag:"drag"},i={itemLabel:"{itemLabel}",position:"{position}",total:"{total}"},S=d`: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}.handle{display:flex;align-items:center;justify-content:center;align-self:stretch;border-style:none;outline-color:transparent;color:var(--calcite-handle-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-handle-background-color, transparent);padding-block:.75rem;padding-inline:.25rem;line-height:0}.handle calcite-icon{color:inherit}:host(:not([disabled])) .handle{cursor:move}:host(:not([disabled])) .handle:hover{color:var(--calcite-handle-icon-color-hover, var(--calcite-color-text-1));background-color:var(--calcite-handle-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}:host(:not([disabled])) .handle: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))));color:var(--calcite-handle-icon-color-hover, var(--calcite-color-text-1))}:host(:not([disabled])) .handle--selected{color:var(--calcite-handle-icon-color-selected, var(--calcite-color-text-1));background-color:var(--calcite-handle-background-color-selected, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends p{constructor(){super(...arguments),this.handleButtonRef=u(),this.messages=y({blocking:!0}),this.focusSetter=v()(this),this.interactiveContainer=x(this),this.blurUnselectDisabled=!1,this.disabled=!1,this.selected=!1,this.calciteHandleChange=l({cancelable:!1}),this.calciteHandleNudge=l({cancelable:!1}),this.calciteInternalAssistiveTextChange=l({cancelable:!1})}static{this.properties={blurUnselectDisabled:[5,{},{type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],selected:[7,{},{reflect:!0,type:Boolean}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}]}}static{this.styles=S}async setFocus(e){return this.focusSetter(()=>this.handleButtonRef.value,e)}willUpdate(e){(e.has("messages")||e.has("label")||e.has("selected")&&(this.hasUpdated||this.selected!==!1)||e.has("setPosition")||e.has("setSize"))&&this.handleAriaTextChange()}loaded(){m.deprecated("component",{component:this,name:"handle",removalVersion:5,suggested:"sort-handle"})}handleAriaTextChange(){let e=this.getAriaText("live");e&&this.calciteInternalAssistiveTextChange.emit({message:e})}getTooltip(){let{label:e,messages:t}=this;return t?e?t.dragHandle.replace(i.itemLabel,e):t.dragHandleUntitled:""}getAriaText(e){let{setPosition:t,setSize:c,label:r,messages:a,selected:n}=this;return!a||!r||typeof c!="number"||typeof t!="number"?void 0:(e==="label"?n?a.dragHandleChange:a.dragHandleIdle:n?a.dragHandleActive:a.dragHandleCommit).replace(i.position,t.toString()).replace(i.itemLabel,r).replace(i.total,c.toString())}handleKeyDown(e){if(!this.disabled)switch(e.key){case" ":this.selected=!this.selected,this.calciteHandleChange.emit(),e.preventDefault();break;case"ArrowUp":if(!this.selected)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"up"});break;case"ArrowDown":if(!this.selected)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"down"});break}}handleBlur(){this.blurUnselectDisabled||this.disabled||this.selected&&(this.selected=!1,this.calciteHandleChange.emit())}render(){return this.interactiveContainer({disabled:this.disabled,children:h`<span .ariaChecked=${this.disabled?void 0:this.selected} .ariaDisabled=${this.disabled?this.disabled:void 0} .ariaLabel=${this.disabled?void 0:this.getAriaText("label")} class=${f({[k.handle]:!0,[k.handleSelected]:!this.disabled&&this.selected})} @blur=${this.handleBlur} @keydown=${this.handleKeyDown} role=radio tabindex=${(this.disabled?void 0:0)??s} title=${this.getTooltip()??s} ${b(this.handleButtonRef)}><calcite-icon .icon=${C.drag} scale=s></calcite-icon></span>`})}};g("calcite-handle",o);export{o as Handle};
2
+ import{a as x}from"./KHJVFQLY.js";import{a as y}from"./AULZNBSL.js";import{a as v}from"./IHGUGSQZ.js";import"./VMHJHFFS.js";import"./E5NJW2ZG.js";import"./TOTGM2SP.js";import"./2M4ETWZU.js";import{E as u,F as b,G as p,H as f,Q as m,T as g,g as d,h,l as s,p as l}from"./Y5VG6YLH.js";var k={handle:"handle",handleSelected:"handle--selected"},C={drag:"drag"},i={itemLabel:"{itemLabel}",position:"{position}",total:"{total}"},S=d`: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}.handle{display:flex;align-items:center;justify-content:center;align-self:stretch;border-style:none;outline-color:transparent;color:var(--calcite-handle-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-handle-background-color, transparent);padding-block:.75rem;padding-inline:.25rem;line-height:0}.handle calcite-icon{color:inherit}:host(:not([disabled])) .handle{cursor:move}:host(:not([disabled])) .handle:hover{color:var(--calcite-handle-icon-color-hover, var(--calcite-color-text-1));background-color:var(--calcite-handle-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}:host(:not([disabled])) .handle: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))));color:var(--calcite-handle-icon-color-hover, var(--calcite-color-text-1))}:host(:not([disabled])) .handle--selected{color:var(--calcite-handle-icon-color-selected, var(--calcite-color-text-1));background-color:var(--calcite-handle-background-color-selected, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends p{constructor(){super(...arguments),this.handleButtonRef=u(),this.messages=y({blocking:!0}),this.focusSetter=v()(this),this.interactiveContainer=x(this),this.blurUnselectDisabled=!1,this.disabled=!1,this.selected=!1,this.calciteHandleChange=l({cancelable:!1}),this.calciteHandleNudge=l({cancelable:!1}),this.calciteInternalAssistiveTextChange=l({cancelable:!1})}static{this.properties={blurUnselectDisabled:[5,{},{type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],selected:[7,{},{reflect:!0,type:Boolean}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}]}}static{this.styles=S}async setFocus(e){return this.focusSetter(()=>this.handleButtonRef.value,e)}willUpdate(e){(e.has("messages")||e.has("label")||e.has("selected")&&(this.hasUpdated||this.selected!==!1)||e.has("setPosition")||e.has("setSize"))&&this.handleAriaTextChange()}loaded(){m.deprecated("component",{component:this,name:"handle",removalVersion:5,suggested:"sort-handle"})}handleAriaTextChange(){let e=this.getAriaText("live");e&&this.calciteInternalAssistiveTextChange.emit({message:e})}getTooltip(){let{label:e,messages:t}=this;return t?e?t.dragHandle.replace(i.itemLabel,e):t.dragHandleUntitled:""}getAriaText(e){let{setPosition:t,setSize:c,label:r,messages:a,selected:n}=this;return!a||!r||typeof c!="number"||typeof t!="number"?void 0:(e==="label"?n?a.dragHandleChange:a.dragHandleIdle:n?a.dragHandleActive:a.dragHandleCommit).replace(i.position,t.toString()).replace(i.itemLabel,r).replace(i.total,c.toString())}handleKeyDown(e){if(!this.disabled)switch(e.key){case" ":this.selected=!this.selected,this.calciteHandleChange.emit(),e.preventDefault();break;case"ArrowUp":if(!this.selected)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"up"});break;case"ArrowDown":if(!this.selected)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"down"});break}}handleBlur(){this.blurUnselectDisabled||this.disabled||this.selected&&(this.selected=!1,this.calciteHandleChange.emit())}render(){return this.interactiveContainer({disabled:this.disabled,children:h`<span .ariaChecked=${this.disabled?void 0:this.selected} .ariaDisabled=${this.disabled?this.disabled:void 0} .ariaLabel=${this.disabled?void 0:this.getAriaText("label")} class=${f({[k.handle]:!0,[k.handleSelected]:!this.disabled&&this.selected})} @blur=${this.handleBlur} @keydown=${this.handleKeyDown} role=radio tabindex=${(this.disabled?void 0:0)??s} title=${this.getTooltip()??s} ${b(this.handleButtonRef)}><calcite-icon .icon=${C.drag} scale=s></calcite-icon></span>`})}};g("calcite-handle",o);export{o as Handle};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
- import{a as g}from"./FDHY2TZA.js";import{a as v}from"./YW4L3SES.js";import"./VMHJHFFS.js";import"./UVU4JATX.js";import"./2OP2BIGK.js";import{A as w,F as b}from"./2M4ETWZU.js";import{E as r,F as o,G as h,H as u,T as p,g as m,h as f}from"./VMT523SA.js";var c={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"},I={item:"calcite-flow-item"},x=m`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0;animation-name:none;animation-duration:var(--calcite-animation-timing);background-color:var(--calcite-flow-background-color)}:host ::slotted(*){display:none;block-size:100%}:host ::slotted(*[selected]){display:flex}:host .frame--advancing{animation-name:calcite-frame-advance}:host .frame--retreating{animation-name:calcite-frame-retreat}@keyframes calcite-frame-advance{0%{--tw-bg-opacity: .5;transform:translate3d(50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity: .5;transform:translate3d(-50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}:host([hidden]){display:none}[hidden]{display:none}`;function y(a){return a?`${I.item},${a}`:I.item}var l=class extends h{constructor(){super(),this.frameRef=r(),this.defaultSlotRef=r(),this.itemMutationObserver=g("mutation",()=>this.updateItemsAndProps()),this.items=[],this.selectedIndex=-1,this.focusSetter=v()(this),this.flowDirection="standby",this.listen("calciteInternalFlowItemChange",this.handleCalciteInternalFlowItemChange),this.listen("calciteFlowItemBack",this.handleItemBackClick)}static{this.properties={flowDirection:[16,{},{state:!0}],customItemSelectors:1}}static{this.styles=x}async back(){let{items:e,selectedIndex:i}=this,t=e[i],s=e[i-1];if(!t||!s)return;let n=t.beforeBack?t.beforeBack:()=>Promise.resolve();try{await n.call(t)}catch{return}return t.selected=!1,s.selected=!0,s}async setFocus(e){return this.focusSetter(()=>this.items[this.selectedIndex],e)}connectedCallback(){super.connectedCallback(),this.itemMutationObserver?.observe(this.el,{childList:!0,subtree:!0})}willUpdate(e){e.has("flowDirection")&&(this.hasUpdated||this.flowDirection!=="standby")&&this.handleFlowDirectionChange(this.flowDirection)}loaded(){this.updateItemsAndProps()}disconnectedCallback(){super.disconnectedCallback(),this.itemMutationObserver?.disconnect()}async handleFlowDirectionChange(e){e==="standby"||!this.frameRef.value||(await b(this.frameRef.value,e==="retreating"?"calcite-frame-retreat":"calcite-frame-advance"),this.resetFlowDirection())}handleCalciteInternalFlowItemChange(e){e.stopPropagation(),this.updateFlowProps()}async handleItemBackClick(e){if(!e.defaultPrevented)return await this.back(),this.setFocus()}resetFlowDirection(){this.flowDirection="standby"}getFlowDirection(e,i){let t=e>0;return!(e>-1&&i>0)&&!t?"standby":i<e?"retreating":"advancing"}updateItemsAndProps(){let e=y(this.customItemSelectors),i=this.defaultSlotRef.value?w(this.defaultSlotRef.value,e):[];this.items=i,this.ensureSelectedFlowItemExists(),this.updateFlowProps()}updateFlowProps(){let{selectedIndex:e,items:i}=this,t=this.findSelectedFlowItemIndex(i);i.forEach((s,n)=>{let d=n===t;d||(s.menuOpen=!1),s.showBackButton=d&&t>0}),t!==-1&&(e!==t&&(this.flowDirection=this.getFlowDirection(e,t)),this.selectedIndex=t)}findSelectedFlowItemIndex(e){let i=e.slice(0).reverse().find(t=>!!t.selected);return i?e.indexOf(i):-1}ensureSelectedFlowItemExists(){let{items:e}=this;if(this.findSelectedFlowItemIndex(e)!==-1)return;let t=e[e.length-1];t&&(t.selected=!0)}render(){let{flowDirection:e}=this,i={[c.frame]:!0,[c.frameAdvancing]:e==="advancing",[c.frameRetreating]:e==="retreating"};return f`<div class=${u(i)} ${o(this.frameRef)}><slot @slotchange=${this.updateItemsAndProps} ${o(this.defaultSlotRef)}></slot></div>`}};p("calcite-flow",l);export{l as Flow};
2
+ import{a as g}from"./FDHY2TZA.js";import{a as v}from"./IHGUGSQZ.js";import"./VMHJHFFS.js";import"./E5NJW2ZG.js";import"./TOTGM2SP.js";import{A as w,F as b}from"./2M4ETWZU.js";import{E as r,F as o,G as h,H as u,T as p,g as m,h as f}from"./Y5VG6YLH.js";var c={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"},I={item:"calcite-flow-item"},x=m`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0;animation-name:none;animation-duration:var(--calcite-animation-timing);background-color:var(--calcite-flow-background-color)}:host ::slotted(*){display:none;block-size:100%}:host ::slotted(*[selected]){display:flex}:host .frame--advancing{animation-name:calcite-frame-advance}:host .frame--retreating{animation-name:calcite-frame-retreat}@keyframes calcite-frame-advance{0%{--tw-bg-opacity: .5;transform:translate3d(50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity: .5;transform:translate3d(-50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}:host([hidden]){display:none}[hidden]{display:none}`;function y(a){return a?`${I.item},${a}`:I.item}var l=class extends h{constructor(){super(),this.frameRef=r(),this.defaultSlotRef=r(),this.itemMutationObserver=g("mutation",()=>this.updateItemsAndProps()),this.items=[],this.selectedIndex=-1,this.focusSetter=v()(this),this.flowDirection="standby",this.listen("calciteInternalFlowItemChange",this.handleCalciteInternalFlowItemChange),this.listen("calciteFlowItemBack",this.handleItemBackClick)}static{this.properties={flowDirection:[16,{},{state:!0}],customItemSelectors:1}}static{this.styles=x}async back(){let{items:e,selectedIndex:i}=this,t=e[i],s=e[i-1];if(!t||!s)return;let n=t.beforeBack?t.beforeBack:()=>Promise.resolve();try{await n.call(t)}catch{return}return t.selected=!1,s.selected=!0,s}async setFocus(e){return this.focusSetter(()=>this.items[this.selectedIndex],e)}connectedCallback(){super.connectedCallback(),this.itemMutationObserver?.observe(this.el,{childList:!0,subtree:!0})}willUpdate(e){e.has("flowDirection")&&(this.hasUpdated||this.flowDirection!=="standby")&&this.handleFlowDirectionChange(this.flowDirection)}loaded(){this.updateItemsAndProps()}disconnectedCallback(){super.disconnectedCallback(),this.itemMutationObserver?.disconnect()}async handleFlowDirectionChange(e){e==="standby"||!this.frameRef.value||(await b(this.frameRef.value,e==="retreating"?"calcite-frame-retreat":"calcite-frame-advance"),this.resetFlowDirection())}handleCalciteInternalFlowItemChange(e){e.stopPropagation(),this.updateFlowProps()}async handleItemBackClick(e){if(!e.defaultPrevented)return await this.back(),this.setFocus()}resetFlowDirection(){this.flowDirection="standby"}getFlowDirection(e,i){let t=e>0;return!(e>-1&&i>0)&&!t?"standby":i<e?"retreating":"advancing"}updateItemsAndProps(){let e=y(this.customItemSelectors),i=this.defaultSlotRef.value?w(this.defaultSlotRef.value,e):[];this.items=i,this.ensureSelectedFlowItemExists(),this.updateFlowProps()}updateFlowProps(){let{selectedIndex:e,items:i}=this,t=this.findSelectedFlowItemIndex(i);i.forEach((s,n)=>{let d=n===t;d||(s.menuOpen=!1),s.showBackButton=d&&t>0}),t!==-1&&(e!==t&&(this.flowDirection=this.getFlowDirection(e,t)),this.selectedIndex=t)}findSelectedFlowItemIndex(e){let i=e.slice(0).reverse().find(t=>!!t.selected);return i?e.indexOf(i):-1}ensureSelectedFlowItemExists(){let{items:e}=this;if(this.findSelectedFlowItemIndex(e)!==-1)return;let t=e[e.length-1];t&&(t.selected=!0)}render(){let{flowDirection:e}=this,i={[c.frame]:!0,[c.frameAdvancing]:e==="advancing",[c.frameRetreating]:e==="retreating"};return f`<div class=${u(i)} ${o(this.frameRef)}><slot @slotchange=${this.updateItemsAndProps} ${o(this.defaultSlotRef)}></slot></div>`}};p("calcite-flow",l);export{l as Flow};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
- import{a as D}from"./CZAABKL5.js";import{a as S}from"./SAHTJ6E6.js";import{a as d}from"./IRTFE23M.js";import"./5K4OZJAZ.js";import{a as T}from"./HS66ECFP.js";import{a as I}from"./YW4L3SES.js";import"./VMHJHFFS.js";import"./UVU4JATX.js";import"./2OP2BIGK.js";import"./2M4ETWZU.js";import{F as g,G as $,H as h,T as w,g as f,h as r,l as n,p as i}from"./VMT523SA.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=S(this),this.disabled=!1,this.messages=T({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"./GXSJJCPQ.js";import{a as S}from"./KHJVFQLY.js";import{a as d}from"./KWWA7UIP.js";import"./5K4OZJAZ.js";import{a as T}from"./AULZNBSL.js";import{a as I}from"./IHGUGSQZ.js";import"./VMHJHFFS.js";import"./E5NJW2ZG.js";import"./TOTGM2SP.js";import"./2M4ETWZU.js";import{F as g,G as $,H as h,T as w,g as f,h as r,l as n,p as i}from"./Y5VG6YLH.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=S(this),this.disabled=!1,this.messages=T({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};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
- import{a as g,b as h,e as O,f as W,k as x,l as b,n as y,o as F,q as m}from"./WG5GMIWE.js";import{j as d}from"./AOKIBI4B.js";import{i as I,j as P,k as A}from"./B3OV6FHO.js";import{a as u}from"./JN6YLTUP.js";import"./2OP2BIGK.js";import{l as S,n as R}from"./2M4ETWZU.js";import{D as z,E as f,F as v,G as Y,H as s,T as w,g as D,h as l,l as $,p as C}from"./VMT523SA.js";var E=D`:host{display:block}.header{display:flex;block-size:100%;align-items:center;justify-content:space-between}.chevron-container{display:flex;align-items:center}:host([scale=s]){block-size:24px;margin:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .chevron-container,:host([scale=s]) .chevron{min-inline-size:24px;block-size:24px}:host([scale=m]){block-size:32px;margin:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));margin-inline-start:var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host([scale=m]) .chevron-container,:host([scale=m]) .chevron{min-inline-size:32px;block-size:32px;--calcite-internal-action-padding-block: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){block-size:44px;margin:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .chevron-container,:host([scale=l]) .chevron{min-inline-size:44px;block-size:44px;--calcite-internal-action-padding-block: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}.chevron{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;box-sizing:content-box;display:flex;block-size:100%;inline-size:100%;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;outline-color:transparent;--calcite-internal-action-padding-block: 0;--calcite-action-background-color: var(--calcite-date-picker-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-date-picker-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-date-picker-header-action-background-color-press);--calcite-action-text-color: var(--calcite-date-picker-header-action-text-color);--calcite-action-text-color-press: var(--calcite-date-picker-header-action-text-color-press)}.chevron:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.chevron[aria-disabled=true]{pointer-events:none}.month-year-container{display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:flex-start;text-align:center;line-height:1;gap:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.month-year-container.range-calendar{justify-content:center}.year-container{position:relative;display:flex;block-size:100%}.suffix{display:flex;align-items:center}.year,.suffix{margin-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));font-weight:var(--calcite-font-weight-medium);color:var(--calcite-date-picker-year-text-color, var(--calcite-color-text-1));font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-fixed-lg)}.year{position:relative;display:inline-block;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent;inline-size:44px}.year:hover{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:-2px}.year:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.month-select{--calcite-select-internal-border-width: 0;--calcite-select-internal-icon-border-inline-end-width: 0;--calcite-internal-select-spacing-inline: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-md));--calcite-select-text-color: var(--calcite-date-picker-month-select-text-color, var(--calcite-color-text-1));--calcite-select-icon-color: var(--calcite-date-picker-month-select-icon-color);--calcite-select-icon-color-hover: var(--calcite-date-picker-month-select-icon-color-hover);--calcite-internal-select-spacing-block: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-select-icon-container-padding-inline: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-lg);--calcite-internal-select-font-weight: var(--calcite-font-weight-medium)}:host([scale=s]) .month-year-container .month-select{--calcite-internal-select-spacing-inline: var(--calcite-theme-space-base, var(--calcite-spacing-base));--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size));--calcite-internal-select-spacing-block: var(--calcite-theme-space-base, var(--calcite-spacing-base));--calcite-internal-select-icon-container-padding-inline: var( --calcite-theme-space-base, var(--calcite-spacing-base) );--calcite-internal-select-block-size: 24px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-base)}:host([scale=s]) .month-year-container .year{inline-size:40px}:host([scale=s]) .month-year-container .year,:host([scale=s]) .month-year-container .suffix{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-fixed-base)}:host([scale=l]) .month-year-container .month-select{--calcite-internal-select-spacing-inline: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-lg));--calcite-internal-select-spacing-block: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-internal-select-icon-container-padding-inline: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-internal-select-block-size: 44px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-xl)}:host([scale=l]) .month-year-container .year{inline-size:48px}:host([scale=l]) .month-year-container .year,:host([scale=l]) .month-year-container .suffix{font-size:var(--calcite-font-size-lg);line-height:var(--calcite-font-line-height-fixed-xl)}:host([hidden]){display:none}[hidden]{display:none}`,r={header:"header",chevron:"chevron",chevronContainer:"chevron-container",monthYearContainer:"month-year-container",monthPicker:"month-select",rangeCalendar:"range-calendar",suffix:"suffix",yearContainer:"year-container",year:"year"},N={chevronLeft:"chevron-left",chevronRight:"chevron-right"},K=16,k=class extends Y{constructor(){super(...arguments),this.monthPickerRef=f(),this.nextMonthActionRef=f(),this.prevMonthActionRef=f(),this.yearInputRef=f(),this.scale="m",this.calciteInternalDatePickerMonthHeaderSelectChange=C({cancelable:!1})}static{this.properties={nextMonthDate:[16,{},{state:!0}],prevMonthDate:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],headingLevel:[9,{},{type:Number}],localeData:[0,{},{attribute:!1}],max:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],min:[0,{},{attribute:!1}],monthStyle:1,position:1,scale:[3,{},{reflect:!0}],selectedDate:[0,{},{attribute:!1}]}}static{this.styles=E}connectedCallback(){super.connectedCallback(),this.setNextPrevMonthDates()}load(){this.parentDatePickerEl=R(this.el,"calcite-date-picker")??void 0}willUpdate(e){this.hasUpdated&&(e.has("activeDate")||e.has("localeData"))&&this.setYearSelectMenuWidth(),this.hasUpdated&&e.has("scale")&&this.setYearSelectWidthOffset(),(e.has("min")||e.has("max")||e.has("activeDate"))&&this.setNextPrevMonthDates()}loaded(){this.setYearSelectWidthOffset()}setNextPrevMonthDates(){this.activeDate&&(this.nextMonthDate=h(y(this.activeDate),this.min,this.max),this.prevMonthDate=h(x(this.activeDate),this.min,this.max))}onYearKey(e){let t=this.parseCalendarYear(e.target.value);switch(e.key){case"ArrowDown":e.preventDefault(),this.setYear({localizedYear:t,offset:-1});break;case"ArrowUp":e.preventDefault(),this.setYear({localizedYear:t,offset:1});break}}formatCalendarYear(e){return d.localize(`${W(e,this.localeData)}`)}parseCalendarYear(e){return d.localize(`${O(Number(d.delocalize(e)),this.localeData)}`)}onYearChange(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})}onYearInput(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:!1})}prevMonthClick(e){this.prevMonthDate&&this.handleArrowClick(e,this.prevMonthDate)}prevMonthKeydown(e){u(e.key)&&this.prevMonthClick(e)}nextMonthClick(e){this.nextMonthDate&&this.handleArrowClick(e,this.nextMonthDate)}nextMonthKeydown(e){u(e.key)&&this.nextMonthClick(e)}async handleArrowClick(e,t){e.preventDefault(),await this.handlePenultimateValidMonth(e),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(t)}handleMonthChange(e){let t=e.target,{abbreviated:a,wide:n}=this.localeData.months,i=(this.monthStyle==="wide"?n:a).indexOf(t.value),o=b(this.activeDate,i);g(o,this.min,this.max)||(o=h(o,this.min,this.max)),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(o),this.setYearSelectMenuWidth()}getInRangeDate({localizedYear:e,offset:t=0}){let{min:a,max:n,activeDate:c}=this,i=Number(d.delocalize(e)),o=i.toString().length,p=isNaN(i)?!1:i+t,L=p&&(!a||a.getFullYear()<=p)&&(!n||n.getFullYear()>=p);if(p&&L&&o===e.length){let M=new Date(c);return M.setFullYear(p),h(M,a,n)}}setYear({localizedYear:e,commit:t=!0,offset:a=0}){let{yearInputRef:n,activeDate:c}=this,i=this.getInRangeDate({localizedYear:e,offset:a});i&&this.calciteInternalDatePickerMonthHeaderSelectChange.emit(i),t&&n.value&&(n.value.value=this.formatCalendarYear((i||c).getFullYear()))}setYearSelectWidthOffset(){this.yearSelectWidthOffset=K+3*parseInt(this.getYearSelectPadding(),10),this.setYearSelectMenuWidth()}setYearSelectMenuWidth(){let e=this.monthPickerRef.value;e&&requestAnimationFrame(()=>{let t=getComputedStyle(e),a=`${t.fontStyle} ${t.fontVariant} ${t.fontWeight} ${t.fontSize}/${t.lineHeight} ${t.fontFamily}`,c=this.localeData.months[this.monthStyle][this.activeDate.getMonth()],i=Math.ceil(S(c,a));e.style.width=`${i+this.yearSelectWidthOffset}px`})}isMonthInRange(e){let t=b(this.activeDate,e);return!this.min&&!this.max||g(t,this.min,this.max)?!0:!!(this.max&&m(t,this.max)||this.min&&m(t,this.min))}async handlePenultimateValidMonth(e){let n=e.target.getAttribute("data-direction")==="left",c=!1;if(n&&this.min){let i=h(x(this.activeDate),this.min,this.max);c=i?m(i,this.min):!1}else if(this.max){let i=h(y(this.activeDate),this.min,this.max);c=i?m(i,this.max):!1}if(c)if(this.position)this.yearInputRef.value?.focus();else{let o=(n?this.nextMonthActionRef:this.prevMonthActionRef).value;if(!o)return;o.disabled=!1,await o.setFocus()}}getPx(e){let t=Number(e.replace(/[rem|px]/g,"")),a=16;return e.includes("rem")?`${t*a}px`:`${t}px`}getYearSelectPadding(){let e;switch(this.scale){case"l":e=A;break;case"s":e=I;break;default:e=P;break}return this.getPx(e)}render(){return l`<div class=${s(r.header)}>${this.renderContent()}</div>`}renderContent(){let{localeData:e,activeDate:t}=this;if(!t||!e)return null;if(this.parentDatePickerEl){let{numberingSystem:c,lang:i}=this.parentDatePickerEl;d.numberFormatOptions={useGrouping:!1,...c&&{numberingSystem:c},...i&&{locale:i}}}let a=F(e.unitOrder),n=a.indexOf("y")<a.indexOf("m");return l`${this.position&&l`<div class=${s({[r.chevronContainer]:!0})}>${this.position==="start"&&this.renderChevron("left")||""}</div>`||""}<div class=${s({[r.monthYearContainer]:!0,[r.rangeCalendar]:!!this.position})}>${this.renderMonthYearContainer(n)}</div>${!this.position&&l`<div class=${s({[r.chevronContainer]:!0})}>${this.renderChevron("left")}</div>`||""}<div class=${s({[r.chevronContainer]:!0})}>${this.position!=="start"&&this.renderChevron("right")||""}</div>`}renderMonthYearContainer(e){return e?[this.renderYearInput(),this.renderMonthPicker()]:[this.renderMonthPicker(),this.renderYearInput()]}renderMonthPicker(){let e=this.activeDate.getMonth(),t=this.localeData.months[this.monthStyle];return l`<calcite-select class=${s(r.monthPicker)} .label=${this.messages.monthMenu} @calciteSelectChange=${this.handleMonthChange} width=auto ${v(this.monthPickerRef)}>${t.map((a,n)=>l`<calcite-option .disabled=${!this.isMonthInRange(n)} .selected=${n===e} .value=${a}>${a}</calcite-option>`)}</calcite-select>`}renderYearInput(){let e=this.localeData.year?.suffix,t=this.formatCalendarYear(this.activeDate.getFullYear());return l`<span class=${s(r.yearContainer)}><input .ariaLabel=${this.messages.year} class=${s({[r.year]:!0})} inputmode=numeric maxlength=4 minlength=1 @change=${this.onYearChange} @input=${this.onYearInput} @keydown=${this.onYearKey} pattern=\\d* type=text .value=${z(t??"")} ${v(this.yearInputRef)}>${e&&l`<span class=${s(r.suffix)}>${e}</span>`||""}</span>`}renderChevron(e){let t=e==="right",a=m(t?this.nextMonthDate:this.prevMonthDate,this.activeDate)||!g(this.activeDate,this.min,this.max);return l`<calcite-action alignment=center .ariaDisabled=${a} .ariaLabel=${t?this.messages.nextMonth:this.messages.prevMonth} class=${s(r.chevron)} compact data-direction=${e??$} .disabled=${a} .icon=${t?N.chevronRight:N.chevronLeft} icon-flip-rtl @click=${t?this.nextMonthClick:this.prevMonthClick} @keydown=${t?this.nextMonthKeydown:this.prevMonthKeydown} role=button .scale=${this.scale} .text=${t?this.messages.nextMonth:this.messages.prevMonth} ${v(t?this.nextMonthActionRef:this.prevMonthActionRef)}></calcite-action>`}};w("calcite-date-picker-month-header",k);export{k as DatePickerMonthHeader};
2
+ import{a as g,b as h,e as O,f as W,k as x,l as b,n as y,o as F,q as m}from"./QKYO5KKT.js";import{j as d}from"./VBMZS3ZU.js";import{i as I,j as P,k as A}from"./B3OV6FHO.js";import{a as u}from"./JN6YLTUP.js";import"./TOTGM2SP.js";import{l as S,n as R}from"./2M4ETWZU.js";import{D as z,E as f,F as v,G as Y,H as s,T as w,g as D,h as l,l as $,p as C}from"./Y5VG6YLH.js";var E=D`:host{display:block}.header{display:flex;block-size:100%;align-items:center;justify-content:space-between}.chevron-container{display:flex;align-items:center}:host([scale=s]){block-size:24px;margin:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .chevron-container,:host([scale=s]) .chevron{min-inline-size:24px;block-size:24px}:host([scale=m]){block-size:32px;margin:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));margin-inline-start:var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host([scale=m]) .chevron-container,:host([scale=m]) .chevron{min-inline-size:32px;block-size:32px;--calcite-internal-action-padding-block: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){block-size:44px;margin:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .chevron-container,:host([scale=l]) .chevron{min-inline-size:44px;block-size:44px;--calcite-internal-action-padding-block: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}.chevron{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;box-sizing:content-box;display:flex;block-size:100%;inline-size:100%;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;outline-color:transparent;--calcite-internal-action-padding-block: 0;--calcite-action-background-color: var(--calcite-date-picker-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-date-picker-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-date-picker-header-action-background-color-press);--calcite-action-text-color: var(--calcite-date-picker-header-action-text-color);--calcite-action-text-color-press: var(--calcite-date-picker-header-action-text-color-press)}.chevron:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.chevron[aria-disabled=true]{pointer-events:none}.month-year-container{display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:flex-start;text-align:center;line-height:1;gap:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.month-year-container.range-calendar{justify-content:center}.year-container{position:relative;display:flex;block-size:100%}.suffix{display:flex;align-items:center}.year,.suffix{margin-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));font-weight:var(--calcite-font-weight-medium);color:var(--calcite-date-picker-year-text-color, var(--calcite-color-text-1));font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-fixed-lg)}.year{position:relative;display:inline-block;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent;inline-size:44px}.year:hover{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:-2px}.year:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.month-select{--calcite-select-internal-border-width: 0;--calcite-select-internal-icon-border-inline-end-width: 0;--calcite-internal-select-spacing-inline: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-md));--calcite-select-text-color: var(--calcite-date-picker-month-select-text-color, var(--calcite-color-text-1));--calcite-select-icon-color: var(--calcite-date-picker-month-select-icon-color);--calcite-select-icon-color-hover: var(--calcite-date-picker-month-select-icon-color-hover);--calcite-internal-select-spacing-block: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-select-icon-container-padding-inline: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-lg);--calcite-internal-select-font-weight: var(--calcite-font-weight-medium)}:host([scale=s]) .month-year-container .month-select{--calcite-internal-select-spacing-inline: var(--calcite-theme-space-base, var(--calcite-spacing-base));--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size));--calcite-internal-select-spacing-block: var(--calcite-theme-space-base, var(--calcite-spacing-base));--calcite-internal-select-icon-container-padding-inline: var( --calcite-theme-space-base, var(--calcite-spacing-base) );--calcite-internal-select-block-size: 24px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-base)}:host([scale=s]) .month-year-container .year{inline-size:40px}:host([scale=s]) .month-year-container .year,:host([scale=s]) .month-year-container .suffix{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-fixed-base)}:host([scale=l]) .month-year-container .month-select{--calcite-internal-select-spacing-inline: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-lg));--calcite-internal-select-spacing-block: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-internal-select-icon-container-padding-inline: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-internal-select-block-size: 44px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-xl)}:host([scale=l]) .month-year-container .year{inline-size:48px}:host([scale=l]) .month-year-container .year,:host([scale=l]) .month-year-container .suffix{font-size:var(--calcite-font-size-lg);line-height:var(--calcite-font-line-height-fixed-xl)}:host([hidden]){display:none}[hidden]{display:none}`,r={header:"header",chevron:"chevron",chevronContainer:"chevron-container",monthYearContainer:"month-year-container",monthPicker:"month-select",rangeCalendar:"range-calendar",suffix:"suffix",yearContainer:"year-container",year:"year"},N={chevronLeft:"chevron-left",chevronRight:"chevron-right"},K=16,k=class extends Y{constructor(){super(...arguments),this.monthPickerRef=f(),this.nextMonthActionRef=f(),this.prevMonthActionRef=f(),this.yearInputRef=f(),this.scale="m",this.calciteInternalDatePickerMonthHeaderSelectChange=C({cancelable:!1})}static{this.properties={nextMonthDate:[16,{},{state:!0}],prevMonthDate:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],headingLevel:[9,{},{type:Number}],localeData:[0,{},{attribute:!1}],max:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],min:[0,{},{attribute:!1}],monthStyle:1,position:1,scale:[3,{},{reflect:!0}],selectedDate:[0,{},{attribute:!1}]}}static{this.styles=E}connectedCallback(){super.connectedCallback(),this.setNextPrevMonthDates()}load(){this.parentDatePickerEl=R(this.el,"calcite-date-picker")??void 0}willUpdate(e){this.hasUpdated&&(e.has("activeDate")||e.has("localeData"))&&this.setYearSelectMenuWidth(),this.hasUpdated&&e.has("scale")&&this.setYearSelectWidthOffset(),(e.has("min")||e.has("max")||e.has("activeDate"))&&this.setNextPrevMonthDates()}loaded(){this.setYearSelectWidthOffset()}setNextPrevMonthDates(){this.activeDate&&(this.nextMonthDate=h(y(this.activeDate),this.min,this.max),this.prevMonthDate=h(x(this.activeDate),this.min,this.max))}onYearKey(e){let t=this.parseCalendarYear(e.target.value);switch(e.key){case"ArrowDown":e.preventDefault(),this.setYear({localizedYear:t,offset:-1});break;case"ArrowUp":e.preventDefault(),this.setYear({localizedYear:t,offset:1});break}}formatCalendarYear(e){return d.localize(`${W(e,this.localeData)}`)}parseCalendarYear(e){return d.localize(`${O(Number(d.delocalize(e)),this.localeData)}`)}onYearChange(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})}onYearInput(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:!1})}prevMonthClick(e){this.prevMonthDate&&this.handleArrowClick(e,this.prevMonthDate)}prevMonthKeydown(e){u(e.key)&&this.prevMonthClick(e)}nextMonthClick(e){this.nextMonthDate&&this.handleArrowClick(e,this.nextMonthDate)}nextMonthKeydown(e){u(e.key)&&this.nextMonthClick(e)}async handleArrowClick(e,t){e.preventDefault(),await this.handlePenultimateValidMonth(e),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(t)}handleMonthChange(e){let t=e.target,{abbreviated:a,wide:n}=this.localeData.months,i=(this.monthStyle==="wide"?n:a).indexOf(t.value),o=b(this.activeDate,i);g(o,this.min,this.max)||(o=h(o,this.min,this.max)),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(o),this.setYearSelectMenuWidth()}getInRangeDate({localizedYear:e,offset:t=0}){let{min:a,max:n,activeDate:c}=this,i=Number(d.delocalize(e)),o=i.toString().length,p=isNaN(i)?!1:i+t,L=p&&(!a||a.getFullYear()<=p)&&(!n||n.getFullYear()>=p);if(p&&L&&o===e.length){let M=new Date(c);return M.setFullYear(p),h(M,a,n)}}setYear({localizedYear:e,commit:t=!0,offset:a=0}){let{yearInputRef:n,activeDate:c}=this,i=this.getInRangeDate({localizedYear:e,offset:a});i&&this.calciteInternalDatePickerMonthHeaderSelectChange.emit(i),t&&n.value&&(n.value.value=this.formatCalendarYear((i||c).getFullYear()))}setYearSelectWidthOffset(){this.yearSelectWidthOffset=K+3*parseInt(this.getYearSelectPadding(),10),this.setYearSelectMenuWidth()}setYearSelectMenuWidth(){let e=this.monthPickerRef.value;e&&requestAnimationFrame(()=>{let t=getComputedStyle(e),a=`${t.fontStyle} ${t.fontVariant} ${t.fontWeight} ${t.fontSize}/${t.lineHeight} ${t.fontFamily}`,c=this.localeData.months[this.monthStyle][this.activeDate.getMonth()],i=Math.ceil(S(c,a));e.style.width=`${i+this.yearSelectWidthOffset}px`})}isMonthInRange(e){let t=b(this.activeDate,e);return!this.min&&!this.max||g(t,this.min,this.max)?!0:!!(this.max&&m(t,this.max)||this.min&&m(t,this.min))}async handlePenultimateValidMonth(e){let n=e.target.getAttribute("data-direction")==="left",c=!1;if(n&&this.min){let i=h(x(this.activeDate),this.min,this.max);c=i?m(i,this.min):!1}else if(this.max){let i=h(y(this.activeDate),this.min,this.max);c=i?m(i,this.max):!1}if(c)if(this.position)this.yearInputRef.value?.focus();else{let o=(n?this.nextMonthActionRef:this.prevMonthActionRef).value;if(!o)return;o.disabled=!1,await o.setFocus()}}getPx(e){let t=Number(e.replace(/[rem|px]/g,"")),a=16;return e.includes("rem")?`${t*a}px`:`${t}px`}getYearSelectPadding(){let e;switch(this.scale){case"l":e=A;break;case"s":e=I;break;default:e=P;break}return this.getPx(e)}render(){return l`<div class=${s(r.header)}>${this.renderContent()}</div>`}renderContent(){let{localeData:e,activeDate:t}=this;if(!t||!e)return null;if(this.parentDatePickerEl){let{numberingSystem:c,lang:i}=this.parentDatePickerEl;d.numberFormatOptions={useGrouping:!1,...c&&{numberingSystem:c},...i&&{locale:i}}}let a=F(e.unitOrder),n=a.indexOf("y")<a.indexOf("m");return l`${this.position&&l`<div class=${s({[r.chevronContainer]:!0})}>${this.position==="start"&&this.renderChevron("left")||""}</div>`||""}<div class=${s({[r.monthYearContainer]:!0,[r.rangeCalendar]:!!this.position})}>${this.renderMonthYearContainer(n)}</div>${!this.position&&l`<div class=${s({[r.chevronContainer]:!0})}>${this.renderChevron("left")}</div>`||""}<div class=${s({[r.chevronContainer]:!0})}>${this.position!=="start"&&this.renderChevron("right")||""}</div>`}renderMonthYearContainer(e){return e?[this.renderYearInput(),this.renderMonthPicker()]:[this.renderMonthPicker(),this.renderYearInput()]}renderMonthPicker(){let e=this.activeDate.getMonth(),t=this.localeData.months[this.monthStyle];return l`<calcite-select class=${s(r.monthPicker)} .label=${this.messages.monthMenu} @calciteSelectChange=${this.handleMonthChange} width=auto ${v(this.monthPickerRef)}>${t.map((a,n)=>l`<calcite-option .disabled=${!this.isMonthInRange(n)} .selected=${n===e} .value=${a}>${a}</calcite-option>`)}</calcite-select>`}renderYearInput(){let e=this.localeData.year?.suffix,t=this.formatCalendarYear(this.activeDate.getFullYear());return l`<span class=${s(r.yearContainer)}><input .ariaLabel=${this.messages.year} class=${s({[r.year]:!0})} inputmode=numeric maxlength=4 minlength=1 @change=${this.onYearChange} @input=${this.onYearInput} @keydown=${this.onYearKey} pattern=\\d* type=text .value=${z(t??"")} ${v(this.yearInputRef)}>${e&&l`<span class=${s(r.suffix)}>${e}</span>`||""}</span>`}renderChevron(e){let t=e==="right",a=m(t?this.nextMonthDate:this.prevMonthDate,this.activeDate)||!g(this.activeDate,this.min,this.max);return l`<calcite-action alignment=center .ariaDisabled=${a} .ariaLabel=${t?this.messages.nextMonth:this.messages.prevMonth} class=${s(r.chevron)} compact data-direction=${e??$} .disabled=${a} .icon=${t?N.chevronRight:N.chevronLeft} icon-flip-rtl @click=${t?this.nextMonthClick:this.prevMonthClick} @keydown=${t?this.nextMonthKeydown:this.prevMonthKeydown} role=button .scale=${this.scale} .text=${t?this.messages.nextMonth:this.messages.prevMonth} ${v(t?this.nextMonthActionRef:this.prevMonthActionRef)}></calcite-action>`}};w("calcite-date-picker-month-header",k);export{k as DatePickerMonthHeader};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
- import{c as d,g as i}from"./XKHMRAUY.js";import{a as o}from"./SAHTJ6E6.js";import"./ZZDNIBT7.js";import"./UVU4JATX.js";import"./2OP2BIGK.js";import{G as n,H as a,T as r,g as l,h as s,p as t}from"./VMT523SA.js";var p=l`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}:host([filter-hidden]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{margin:0;display:flex;flex:1 1 0%;position:sticky;inset-block-start:var(--calcite-internal-filter-enabled-offset, 0);z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-list-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-list-color, var(--calcite-color-text-1))}.heading{font-weight:var(--calcite-font-weight-bold)}:host([scale=s]) .container{padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .heading{font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-fixed-base);padding-block:var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]:not(:first-child)) .container{padding-block-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .container{padding-inline:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m]) .heading{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-fixed-base);padding-block:var(--calcite-theme-space-lg, var(--calcite-spacing-lg)) var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]:not(:first-child)) .container{padding-block-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .container{padding-inline:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) .heading{font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-fixed-lg);padding-block:var(--calcite-theme-space-xl, var(--calcite-spacing-xl)) var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus, .625rem))}:host([scale=l]:not(:first-child)) .container{padding-block-start:var(--calcite-theme-space-md-plus, var(--calcite-spacing-md-plus, .875rem))}.heading{padding:0}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends n{constructor(){super(...arguments),this.interactiveContainer=o(this),this.disabled=!1,this.filterHidden=!1,this.scale="m",this.calciteInternalListItemGroupChange=t({cancelable:!1}),this.calciteInternalListItemGroupDefaultSlotChange=t({cancelable:!1})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],filterHidden:[7,{},{reflect:!0,type:Boolean}],heading:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.styles=p}willUpdate(e){e.has("heading")&&this.calciteInternalListItemGroupChange.emit()}handleDefaultSlotChange(){this.calciteInternalListItemGroupDefaultSlotChange.emit()}render(){let{disabled:e,heading:h}=this;return this.interactiveContainer({disabled:e,children:s`<div class=${a(i.container)} role=row><div .ariaColSpan=${d} class=${a(i.heading)} role=cell>${h}</div></div><slot @slotchange=${this.handleDefaultSlotChange}></slot>`})}};r("calcite-list-item-group",c);export{c as ListItemGroup};
2
+ import{c as d,g as i}from"./XKHMRAUY.js";import{a as o}from"./KHJVFQLY.js";import"./ZZDNIBT7.js";import"./E5NJW2ZG.js";import"./TOTGM2SP.js";import{G as n,H as a,T as r,g as l,h as s,p as t}from"./Y5VG6YLH.js";var p=l`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}:host([filter-hidden]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{margin:0;display:flex;flex:1 1 0%;position:sticky;inset-block-start:var(--calcite-internal-filter-enabled-offset, 0);z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-list-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-list-color, var(--calcite-color-text-1))}.heading{font-weight:var(--calcite-font-weight-bold)}:host([scale=s]) .container{padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .heading{font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-fixed-base);padding-block:var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]:not(:first-child)) .container{padding-block-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .container{padding-inline:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m]) .heading{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-fixed-base);padding-block:var(--calcite-theme-space-lg, var(--calcite-spacing-lg)) var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]:not(:first-child)) .container{padding-block-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .container{padding-inline:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) .heading{font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-fixed-lg);padding-block:var(--calcite-theme-space-xl, var(--calcite-spacing-xl)) var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus, .625rem))}:host([scale=l]:not(:first-child)) .container{padding-block-start:var(--calcite-theme-space-md-plus, var(--calcite-spacing-md-plus, .875rem))}.heading{padding:0}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends n{constructor(){super(...arguments),this.interactiveContainer=o(this),this.disabled=!1,this.filterHidden=!1,this.scale="m",this.calciteInternalListItemGroupChange=t({cancelable:!1}),this.calciteInternalListItemGroupDefaultSlotChange=t({cancelable:!1})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],filterHidden:[7,{},{reflect:!0,type:Boolean}],heading:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.styles=p}willUpdate(e){e.has("heading")&&this.calciteInternalListItemGroupChange.emit()}handleDefaultSlotChange(){this.calciteInternalListItemGroupDefaultSlotChange.emit()}render(){let{disabled:e,heading:h}=this;return this.interactiveContainer({disabled:e,children:s`<div class=${a(i.container)} role=row><div .ariaColSpan=${d} class=${a(i.heading)} role=cell>${h}</div></div><slot @slotchange=${this.handleDefaultSlotChange}></slot>`})}};r("calcite-list-item-group",c);export{c as ListItemGroup};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
- import{a as B}from"./LVFOVDHP.js";import{c as w}from"./BWQEQMPE.js";import{a as y}from"./XN5GTOTE.js";import{a as I}from"./SYCYUG5E.js";import{a as x}from"./SAHTJ6E6.js";import{a as l}from"./BBZC3BBE.js";import{a as k}from"./YW4L3SES.js";import"./VMHJHFFS.js";import{e as g}from"./UVU4JATX.js";import"./2OP2BIGK.js";import"./2M4ETWZU.js";import{E as f,F as m,G as v,H as n,T as p,g as h,h as u,l as b,p as c}from"./VMT523SA.js";var R={container:"container",radio:"radio"},z=h`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px;display:flex}:host .radio{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;cursor:pointer;outline-color:transparent;border-radius:var(--calcite-radio-button-corner-radius, var(--calcite-corner-radius-pill));background-color:var(--calcite-radio-button-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));box-shadow:inset 0 0 0 var(--calcite-border-width-sm) var(--calcite-radio-button-border-color, var(--calcite-color-border-input))}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-md) var(--calcite-radio-button-border-color, var(--calcite-color-brand-hover))}:host([hovered]) .radio:active,:host(:not([checked])[focused]:not([disabled])) .radio:active{box-shadow:inset 0 0 0 var(--calcite-border-width-md) var(--calcite-color-brand-press)}:host([focused]) .radio{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-sm) var(--calcite-radio-button-border-color, var(--calcite-color-border-input))}:host([scale=s]){--calcite-internal-radio-size: var(--calcite-radio-button-size, var(--calcite-size-fixed-md))}:host([scale=m]){--calcite-internal-radio-size: var(--calcite-radio-button-size, var(--calcite-size-fixed-md-plus))}:host([scale=l]){--calcite-internal-radio-size: var(--calcite-radio-button-size, var(--calcite-size-fixed-lg))}.radio{block-size:var(--calcite-internal-radio-size);inline-size:var(--calcite-internal-radio-size);size:var(--calcite-internal-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([status=invalid]:not([checked])){--calcite-radio-button-border-color: var(--calcite-color-status-danger)}:host([status=invalid]:not([checked]):focus) .radio{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}@media(forced-colors:active){:host([checked]) .radio:after,:host([checked][disabled]) .radio:after{content:"";inline-size:var(--calcite-internal-radio-size);block-size:var(--calcite-internal-radio-size);background-color:CanvasText;display:block}}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}:host([hidden]){display:none}[hidden]{display:none}`,d=class extends v{constructor(){super(),this.containerRef=f(),this.direction=g(),this.formSupport=w({inputType:"radio"})(this),this.focusSetter=k()(this),this.interactiveContainer=x(this),this.checked=!1,this.disabled=!1,this.focused=!1,this.hovered=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInternalRadioButtonBlur=c({cancelable:!1}),this.calciteInternalRadioButtonCheckedChange=c({cancelable:!1}),this.calciteInternalRadioButtonFocus=c({cancelable:!1}),this.calciteRadioButtonChange=c({cancelable:!1}),I(this),this.listen("pointerenter",this.pointerEnterHandler),this.listen("pointerleave",this.pointerLeaveHandler),this.listen("click",this.clickHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={checked:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],focused:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hovered:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=z}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}async setFocus(e){return this.focusSetter(()=>this.containerRef.value,e)}async setValidity(e,a=this.validationMessage){this.elementInternals.setValidity(e,a||"")}connectedCallback(){this.rootNode=this.el.getRootNode(),this.name&&this.checkLastRadioButton(),this.updateTabIndexOfOtherRadioButtonsInGroup(),super.connectedCallback()}willUpdate(e){this.hasUpdated&&e.has("checked")&&this.checkedChanged(this.checked),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.updateTabIndexOfOtherRadioButtonsInGroup(),e.has("name")&&this.checkLastRadioButton()}loaded(){this.focused&&!this.disabled&&this.setFocus()}disconnectedCallback(){super.disconnectedCallback(),this.updateTabIndexOfOtherRadioButtonsInGroup()}checkedChanged(e){e&&this.uncheckOtherRadioButtonsInGroup(),this.calciteInternalRadioButtonCheckedChange.emit()}selectItem(e,a){e[a].click()}queryButtons(){return Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter(e=>e.name===this.name)}isFocusable(){let e=this.queryButtons(),a=e.find(i=>!i.disabled),t=e.find(i=>i.checked);return a===this.el&&!t}check(){this.disabled||(this.focused=!0,this.setFocus(),!this.checked&&(this.checked=!0,this.calciteRadioButtonChange.emit()))}clickHandler(){this.disabled||this.check()}onLabelClick(e){if(this.disabled||this.el.hidden)return;let a=e.currentTarget,t=a.for?this.rootNode.querySelector(`calcite-radio-button[id="${a.for}"]`):a.querySelector(`calcite-radio-button[name="${this.name}"]`);t&&(t.focused=!0,this.setFocus(),!t.checked&&(this.uncheckOtherRadioButtonsInGroup(),t.checked=!0,this.calciteRadioButtonChange.emit()))}checkLastRadioButton(){let a=this.queryButtons().filter(t=>t.checked);if(a?.length>1){let t=a[a.length-1];a.filter(i=>i!==t).forEach(i=>{i.checked=!1,i.emitCheckedChange()})}}uncheckOtherRadioButtonsInGroup(){this.queryButtons().filter(t=>t!==this.el).forEach(t=>{t.checked&&(t.checked=!1,t.focused=!1)})}updateTabIndexOfOtherRadioButtonsInGroup(){this.queryButtons().filter(t=>t!==this.el&&!t.disabled).forEach(t=>{t.manager?.component.requestUpdate()})}getTabIndex(){if(!this.disabled)return this.checked||this.isFocusable()?0:-1}pointerEnterHandler(){this.disabled||(this.hovered=!0)}pointerLeaveHandler(){this.disabled||(this.hovered=!1)}handleKeyDown(e){let a=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "],{key:t}=e;if(a.indexOf(t)===-1)return;if(t===" "){this.check(),e.preventDefault();return}let i=t;this.direction==="rtl"&&(t==="ArrowRight"&&(i="ArrowLeft"),t==="ArrowLeft"&&(i="ArrowRight"));let o=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter(s=>s.name===this.name),r=0;switch(o.some((s,C)=>s.checked?(r=C,!0):!1),i){case"ArrowLeft":case"ArrowUp":e.preventDefault(),this.selectItem(o,this.getNextNonDisabledIndex(o,r,"left"));return;case"ArrowRight":case"ArrowDown":e.preventDefault(),this.selectItem(o,this.getNextNonDisabledIndex(o,r,"right"));return;default:return}}getNextNonDisabledIndex(e,a,t){let i=e.length,o=t==="left"?-1:1,r=l(a+o,i);for(;e[r].disabled;)r=l(r+o,i);return r}onContainerBlur(){this.focused=!1,this.calciteInternalRadioButtonBlur.emit()}onContainerFocus(){this.disabled||(this.focused=!0,this.calciteInternalRadioButtonFocus.emit())}render(){let e=this.getTabIndex();return this.interactiveContainer({disabled:this.disabled,children:u`<div .ariaChecked=${this.checked} .ariaLabel=${y(this)} class=${n(R.container)} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} role=radio tabindex=${e??b} ${m(this.containerRef)}><div class=${n(R.radio)}></div>${this.labelText&&B({labelText:this.labelText,spacingInlineStart:!0})||""}</div>`})}};p("calcite-radio-button",d);export{d as RadioButton};
2
+ import{a as B}from"./O6FVXXVE.js";import{c as w}from"./WIHQLE5T.js";import{a as y}from"./XN5GTOTE.js";import{a as I}from"./66U3YQAK.js";import{a as x}from"./KHJVFQLY.js";import{a as l}from"./BBZC3BBE.js";import{a as k}from"./IHGUGSQZ.js";import"./VMHJHFFS.js";import{e as g}from"./E5NJW2ZG.js";import"./TOTGM2SP.js";import"./2M4ETWZU.js";import{E as f,F as m,G as v,H as n,T as p,g as h,h as u,l as b,p as c}from"./Y5VG6YLH.js";var R={container:"container",radio:"radio"},z=h`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px;display:flex}:host .radio{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;cursor:pointer;outline-color:transparent;border-radius:var(--calcite-radio-button-corner-radius, var(--calcite-corner-radius-pill));background-color:var(--calcite-radio-button-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));box-shadow:inset 0 0 0 var(--calcite-border-width-sm) var(--calcite-radio-button-border-color, var(--calcite-color-border-input))}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-md) var(--calcite-radio-button-border-color, var(--calcite-color-brand-hover))}:host([hovered]) .radio:active,:host(:not([checked])[focused]:not([disabled])) .radio:active{box-shadow:inset 0 0 0 var(--calcite-border-width-md) var(--calcite-color-brand-press)}:host([focused]) .radio{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-sm) var(--calcite-radio-button-border-color, var(--calcite-color-border-input))}:host([scale=s]){--calcite-internal-radio-size: var(--calcite-radio-button-size, var(--calcite-size-fixed-md))}:host([scale=m]){--calcite-internal-radio-size: var(--calcite-radio-button-size, var(--calcite-size-fixed-md-plus))}:host([scale=l]){--calcite-internal-radio-size: var(--calcite-radio-button-size, var(--calcite-size-fixed-lg))}.radio{block-size:var(--calcite-internal-radio-size);inline-size:var(--calcite-internal-radio-size);size:var(--calcite-internal-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([status=invalid]:not([checked])){--calcite-radio-button-border-color: var(--calcite-color-status-danger)}:host([status=invalid]:not([checked]):focus) .radio{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}@media(forced-colors:active){:host([checked]) .radio:after,:host([checked][disabled]) .radio:after{content:"";inline-size:var(--calcite-internal-radio-size);block-size:var(--calcite-internal-radio-size);background-color:CanvasText;display:block}}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}:host([hidden]){display:none}[hidden]{display:none}`,d=class extends v{constructor(){super(),this.containerRef=f(),this.direction=g(),this.formSupport=w({inputType:"radio"})(this),this.focusSetter=k()(this),this.interactiveContainer=x(this),this.checked=!1,this.disabled=!1,this.focused=!1,this.hovered=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInternalRadioButtonBlur=c({cancelable:!1}),this.calciteInternalRadioButtonCheckedChange=c({cancelable:!1}),this.calciteInternalRadioButtonFocus=c({cancelable:!1}),this.calciteRadioButtonChange=c({cancelable:!1}),I(this),this.listen("pointerenter",this.pointerEnterHandler),this.listen("pointerleave",this.pointerLeaveHandler),this.listen("click",this.clickHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={checked:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],focused:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hovered:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=z}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}async setFocus(e){return this.focusSetter(()=>this.containerRef.value,e)}async setValidity(e,a=this.validationMessage){this.elementInternals.setValidity(e,a||"")}connectedCallback(){this.rootNode=this.el.getRootNode(),this.name&&this.checkLastRadioButton(),this.updateTabIndexOfOtherRadioButtonsInGroup(),super.connectedCallback()}willUpdate(e){this.hasUpdated&&e.has("checked")&&this.checkedChanged(this.checked),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.updateTabIndexOfOtherRadioButtonsInGroup(),e.has("name")&&this.checkLastRadioButton()}loaded(){this.focused&&!this.disabled&&this.setFocus()}disconnectedCallback(){super.disconnectedCallback(),this.updateTabIndexOfOtherRadioButtonsInGroup()}checkedChanged(e){e&&this.uncheckOtherRadioButtonsInGroup(),this.calciteInternalRadioButtonCheckedChange.emit()}selectItem(e,a){e[a].click()}queryButtons(){return Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter(e=>e.name===this.name)}isFocusable(){let e=this.queryButtons(),a=e.find(i=>!i.disabled),t=e.find(i=>i.checked);return a===this.el&&!t}check(){this.disabled||(this.focused=!0,this.setFocus(),!this.checked&&(this.checked=!0,this.calciteRadioButtonChange.emit()))}clickHandler(){this.disabled||this.check()}onLabelClick(e){if(this.disabled||this.el.hidden)return;let a=e.currentTarget,t=a.for?this.rootNode.querySelector(`calcite-radio-button[id="${a.for}"]`):a.querySelector(`calcite-radio-button[name="${this.name}"]`);t&&(t.focused=!0,this.setFocus(),!t.checked&&(this.uncheckOtherRadioButtonsInGroup(),t.checked=!0,this.calciteRadioButtonChange.emit()))}checkLastRadioButton(){let a=this.queryButtons().filter(t=>t.checked);if(a?.length>1){let t=a[a.length-1];a.filter(i=>i!==t).forEach(i=>{i.checked=!1,i.emitCheckedChange()})}}uncheckOtherRadioButtonsInGroup(){this.queryButtons().filter(t=>t!==this.el).forEach(t=>{t.checked&&(t.checked=!1,t.focused=!1)})}updateTabIndexOfOtherRadioButtonsInGroup(){this.queryButtons().filter(t=>t!==this.el&&!t.disabled).forEach(t=>{t.manager?.component.requestUpdate()})}getTabIndex(){if(!this.disabled)return this.checked||this.isFocusable()?0:-1}pointerEnterHandler(){this.disabled||(this.hovered=!0)}pointerLeaveHandler(){this.disabled||(this.hovered=!1)}handleKeyDown(e){let a=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "],{key:t}=e;if(a.indexOf(t)===-1)return;if(t===" "){this.check(),e.preventDefault();return}let i=t;this.direction==="rtl"&&(t==="ArrowRight"&&(i="ArrowLeft"),t==="ArrowLeft"&&(i="ArrowRight"));let o=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter(s=>s.name===this.name),r=0;switch(o.some((s,C)=>s.checked?(r=C,!0):!1),i){case"ArrowLeft":case"ArrowUp":e.preventDefault(),this.selectItem(o,this.getNextNonDisabledIndex(o,r,"left"));return;case"ArrowRight":case"ArrowDown":e.preventDefault(),this.selectItem(o,this.getNextNonDisabledIndex(o,r,"right"));return;default:return}}getNextNonDisabledIndex(e,a,t){let i=e.length,o=t==="left"?-1:1,r=l(a+o,i);for(;e[r].disabled;)r=l(r+o,i);return r}onContainerBlur(){this.focused=!1,this.calciteInternalRadioButtonBlur.emit()}onContainerFocus(){this.disabled||(this.focused=!0,this.calciteInternalRadioButtonFocus.emit())}render(){let e=this.getTabIndex();return this.interactiveContainer({disabled:this.disabled,children:u`<div .ariaChecked=${this.checked} .ariaLabel=${y(this)} class=${n(R.container)} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} role=radio tabindex=${e??b} ${m(this.containerRef)}><div class=${n(R.radio)}></div>${this.labelText&&B({labelText:this.labelText,spacingInlineStart:!0})||""}</div>`})}};p("calcite-radio-button",d);export{d as RadioButton};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
- import{c as d}from"./WG5GMIWE.js";import{e as c,f as n,g as p}from"./2OP2BIGK.js";import{Q as u,U as f}from"./VMT523SA.js";var a={},s={},g=["de-AT","de-CH","en-AU","en-CA","en-GB","es-MX","fr-CA","fr-CH","hi","it-CH","mk","pt"];[...c,...g];function h(t){if(!t)return n;let r=t.split("-");return t=`${r[0].toLowerCase()}${r.length>=2?`-${r[1].toUpperCase()}`:""}`,g.includes(t)?t:p(t)}async function C(t){return t=h(t),a[t]?a[t]:(s[t]||(s[t]=fetch(f(`./assets/date-picker/nls/${t}.json`)).then(r=>r.json()).catch(()=>(u.error(`Native Language Support data for "${t}" not found or invalid, falling back to english`),C(n)))),a[t]=await s[t])}function x(t){return{"ar-SA":"ar"}[t]||t}function M(t){return t.map((r,e)=>d(r,e===1))}function m(t,r,e){let i=t.has(r),o=t.has(e);if(i&&!o)return r;if(o&&!i)return e}function S(t,r){return r==="min"?m(t,"min","minAsDate"):m(t,"max","maxAsDate")}export{C as a,x as b,M as c,S as d};
2
+ import{c as d}from"./QKYO5KKT.js";import{e as c,f as n,g as p}from"./TOTGM2SP.js";import{Q as u,U as f}from"./Y5VG6YLH.js";var a={},s={},g=["de-AT","de-CH","en-AU","en-CA","en-GB","es-MX","fr-CA","fr-CH","hi","it-CH","mk","pt"];[...c,...g];function h(t){if(!t)return n;let r=t.split("-");return t=`${r[0].toLowerCase()}${r.length>=2?`-${r[1].toUpperCase()}`:""}`,g.includes(t)?t:p(t)}async function C(t){return t=h(t),a[t]?a[t]:(s[t]||(s[t]=fetch(f(`./assets/date-picker/nls/${t}.json`)).then(r=>r.json()).catch(()=>(u.error(`Native Language Support data for "${t}" not found or invalid, falling back to english`),C(n)))),a[t]=await s[t])}function x(t){return{"ar-SA":"ar"}[t]||t}function M(t){return t.map((r,e)=>d(r,e===1))}function m(t,r,e){let i=t.has(r),o=t.has(e);if(i&&!o)return r;if(o&&!i)return e}function S(t,r){return r==="min"?m(t,"min","minAsDate"):m(t,"max","maxAsDate")}export{C as a,x as b,M as c,S as d};
@@ -0,0 +1,2 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
+ import{a as G}from"./LVU4SIXV.js";import{b as F}from"./G2G5ELGL.js";import{a as H}from"./MSTEJZOI.js";import{a as q}from"./O6FVXXVE.js";import{c as W}from"./WIHQLE5T.js";import{a as y}from"./XN5GTOTE.js";import{a as K}from"./66U3YQAK.js";import{a as P}from"./JIIKBJJW.js";import{b as V}from"./ECJJHTCC.js";import{d as I}from"./YWJV2ZJH.js";import{a as b,c as x,e as U,g as p,h as M}from"./GXSJJCPQ.js";import{a as D}from"./KAADRWY5.js";import{a as B}from"./KHJVFQLY.js";import"./5K4OZJAZ.js";import{a as L}from"./CASNTUXN.js";import{a as E,b as w}from"./FDHY2TZA.js";import{a as z}from"./AULZNBSL.js";import"./ZZDNIBT7.js";import{a as R}from"./IHGUGSQZ.js";import"./VMHJHFFS.js";import{c as T,e as O}from"./E5NJW2ZG.js";import"./TOTGM2SP.js";import{A as v,y as g}from"./2M4ETWZU.js";import{E as h,F as c,G as A,H as r,L as f,T as S,g as k,h as d,l as m,p as o}from"./Y5VG6YLH.js";var J=k`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:block}.input-container{position:relative;display:flex;flex:1 1 auto;flex-wrap:nowrap}.input{width:100%;--calcite-input-prefix-size: var(--calcite-autocomplete-input-prefix-size);--calcite-input-suffix-size: var(--calcite-autocomplete-input-suffix-size);--calcite-input-background-color: var(--calcite-autocomplete-input-background-color);--calcite-input-border-color: var(--calcite-autocomplete-input-border-color);--calcite-input-corner-radius: var(--calcite-autocomplete-input-corner-radius, var(--calcite-corner-radius));--calcite-input-shadow: var(--calcite-autocomplete-input-shadow);--calcite-input-icon-color: var(--calcite-autocomplete-input-icon-color);--calcite-input-text-color: var(--calcite-autocomplete-input-text-color);--calcite-input-placeholder-text-color: var(--calcite-autocomplete-input-placeholder-text-color);--calcite-input-actions-background-color: var(--calcite-autocomplete-input-actions-background-color);--calcite-input-actions-background-color-hover: var(--calcite-autocomplete-input-actions-background-color-hover);--calcite-input-actions-background-color-press: var(--calcite-autocomplete-input-actions-background-color-press);--calcite-input-actions-icon-color: var(--calcite-autocomplete-input-actions-icon-color);--calcite-input-actions-icon-color-hover: var(--calcite-autocomplete-input-actions-icon-color-hover);--calcite-input-actions-icon-color-press: var(--calcite-autocomplete-input-actions-icon-color-press);--calcite-input-loading-background-color: var(--calcite-autocomplete-input-loading-background-color);--calcite-input-loading-fill-color: var(--calcite-autocomplete-input-loading-fill-color);--calcite-input-prefix-text-color: var(--calcite-autocomplete-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-autocomplete-input-suffix-text-color)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.content-container{box-sizing:border-box;width:100%}.floating-ui-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.floating-ui-container{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.floating-ui-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.floating-ui-container:popover-open{display:block}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.content-container .calcite-floating-ui-anim{width:100%;overflow-y:auto;box-shadow:var(--calcite-shadow-md);max-block-size:var(--calcite-autocomplete-menu-max-size-y, 45vh);color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-1));background-color:var(--calcite-autocomplete-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:var(--calcite-autocomplete-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}.content--hidden{display:none}@media(forced-colors:active){.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,N={contentBottom:"content-bottom",contentTop:"content-top"},l={inputContainer:"input-container",input:"input",contentContainer:"content-container",contentAnimation:"content-animation",content:"content",contentHidden:"content--hidden",floatingUIContainer:"floating-ui-container",floatingUIContainerActive:"floating-ui-container--active",screenReadersOnly:"screen-readers-only"},j="autocomplete",_={validationMessage:"autocompleteValidationMessage",input:u=>`${j}-input-${u}`,list:u=>`${j}-list-${u}`},Q="calcite-autocomplete-item-group",X="calcite-autocomplete-item",C=class extends A{constructor(){super(),this.guid=L(),this.attributeWatch=T(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.direction=O(),this.formSupport=W({inputType:"text"})(this),this.listId=_.list(this.guid),this.messages=z(),this.transitionProp="opacity",this.transitionRef=h(),this.defaultSlotRef=h(),this.listboxRef=h(),this.listboxOptionRefs=new Map,this.focusSetter=R()(this),this.resizeObserver=E("resize",()=>{this.setFloatingElSize()}),this.interactiveContainer=B(this),this.topLayer=P({target:()=>this.floatingEl})(this),this.activeIndex=-1,this.hasContentBottom=!1,this.hasContentTop=!1,this.items=[],this.groups=[],this.alignment="start",this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.open=!1,this.overlayPositioning="absolute",this.placement=b,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.value="",this.calciteAutocompleteBeforeClose=o({cancelable:!1}),this.calciteAutocompleteBeforeOpen=o({cancelable:!1}),this.calciteAutocompleteChange=o({cancelable:!1}),this.calciteAutocompleteClose=o({cancelable:!1}),this.calciteAutocompleteOpen=o({cancelable:!1}),this.calciteAutocompleteTextChange=o({cancelable:!1}),this.calciteAutocompleteTextInput=o({cancelable:!1}),K(this),this.listen("calciteAutocompleteItemSelect",this.handleAutocompleteItemSelect),this.listen("calciteInternalAutocompleteItemChange",this.handleAutocompleteItemChange),this.listen("calciteInternalAutocompleteItemGroupItemsChange",this.handleAutocompleteItemGroupItemsChange)}static{this.properties={activeDescendantElement:[16,{},{state:!0}],activeIndex:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],items:[16,{},{state:!0}],groups:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:f},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],inputValue:1,label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],pattern:1,placeholder:1,placement:[3,{},{reflect:!0}],prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],suffixText:1,topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:f},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=J}get isOpen(){return this.open&&(this.hasContentTop||this.hasContentBottom||this.items.length>0)}get enabledItems(){return this.items.filter(t=>!t.disabled)}async reposition(t=!1){let{floatingEl:e,referenceEl:a,placement:i,overlayPositioning:n,flipPlacements:s}=this;return U(this,{direction:this.direction,floatingEl:e,referenceEl:a,overlayPositioning:n,placement:i,flipPlacements:s,type:"menu"},t)}async scrollContentTo(t){this.transitionRef.value?.scrollTo(t)}async selectText(){return this.referenceEl?.selectText()}async setFocus(t){return this.focusSetter(()=>this.referenceEl,t)}connectedCallback(){super.connectedCallback(),p(this)}load(){this.listenOn(document,"click",this.documentClickHandler)}willUpdate(t){t.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),t.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),t.has("value")&&this.hasUpdated&&this.selectedItemsHandler(),(t.has("flipPlacements")||t.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||t.has("placement")&&(this.hasUpdated||this.placement!==b))&&this.reposition(!0);let e=!1;t.has("inputValue")&&(this.hasUpdated||this.inputValue)&&(this.inputValueMatchPattern=this.inputValue?new RegExp(`(${F(this.inputValue)})`,"i"):void 0,this.updateItems(),this.updateGroups(),e=!0),!e&&t.has("scale")&&(this.hasUpdated||this.scale!=="m")&&(this.updateItems(),this.updateGroups(),e=!0),!e&&t.has("activeIndex")&&(this.hasUpdated||this.activeIndex!==-1)&&this.updateItems()}updated(){this.syncActiveDescendantElement()}loaded(){this.getAllItems(),p(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect(),M(this)}setFloatingElSize(){let{referenceEl:t,floatingEl:e}=this;!t||!e||(e.style.inlineSize=`${t.clientWidth}px`)}handleGlobalAttributesChanged(){this.requestUpdate()}handleDisabledChange(t){t||(this.open=!1)}selectedItemsHandler(){this.items.forEach(t=>t.selected=t.value===this.value)}openHandler(){if(this.disabled){this.open=!1;return}this.open||(this.activeIndex=-1),D(this),this.setFloatingElSize(),this.reposition(!0)}async documentClickHandler(t){this.disabled||t.composedPath().includes(this.el)||(this.open=!1)}async handleAutocompleteItemSelect(t){this.value=t.target.value,this.selectedItemsHandler(),this.emitChange(),await this.setFocus(),this.open=!1}handleAutocompleteItemChange(t){t.stopPropagation(),this.items.length&&(this.updateItems(),this.requestUpdate())}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteAutocompleteBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteAutocompleteOpen.emit()}onBeforeClose(){this.calciteAutocompleteBeforeClose.emit()}onClose(){this.calciteAutocompleteClose.emit(),this.topLayer.hide()}emitChange(){this.calciteAutocompleteChange.emit()}updateGroups(){this.groups.forEach((t,e,a)=>{t.scale=this.scale,t.position=e,e===0&&(t.disableSpacing=!0);let i=a[e+1];i&&(i.disableSpacing=t.children.length===0)})}updateItems(){this.value&&this.selectedItemsHandler(),this.items.forEach(t=>{t.scale=this.scale,t.inputValueMatchPattern=this.inputValueMatchPattern}),this.enabledItems.forEach((t,e)=>{let a=e===this.activeIndex;t.active=a}),this.syncActiveDescendantElement()}syncActiveDescendantElement(){let t=this.enabledItems[this.activeIndex];this.activeDescendantElement=t?this.listboxOptionRefs.get(t.guid)?.value:void 0}handleInputFocus(){this.open=!0}handleContentTopSlotChange(t){this.hasContentTop=g(t)}handleContentBottomSlotChange(t){this.hasContentBottom=g(t)}handleDefaultSlotChange(){this.getAllItems()}handleAutocompleteItemGroupItemsChange(t){t.stopPropagation(),this.getAllItems()}getAllItems(){let t=this.defaultSlotRef.value?v(this.defaultSlotRef.value,Q):Array.from(this.el.children).filter(V),e=this.defaultSlotRef.value?v(this.defaultSlotRef.value,X):Array.from(this.el.children).filter(I),a=t.flatMap(n=>n.items??[]),i=Array.from(new Set([...e,...a].filter(I)));this.groups=t,this.items=i,this.removeStaleListboxOptionRefs(i),this.updateItems(),this.updateGroups()}removeStaleListboxOptionRefs(t){let e=new Set(t.map(a=>a.guid));this.listboxOptionRefs.forEach((a,i)=>{e.has(i)||this.listboxOptionRefs.delete(i)})}getListboxOptionRef(t){let e=this.listboxOptionRefs.get(t.guid);return e||(e=h(),this.listboxOptionRefs.set(t.guid,e)),e}setReferenceEl(t){w(this.resizeObserver,this.referenceEl,t),this.referenceEl=t,p(this)}keyDownHandler(t){let{defaultPrevented:e,key:a}=t;if(e)return;let{open:i,activeIndex:n,enabledItems:s}=this,$=s.length&&n>-1?s[n]:null;switch(a){case"Escape":i&&(this.open=!1,t.preventDefault());break;case"Tab":this.open=!1;break;case"Enter":i&&$?($.requestSelection(),this.open=!1,t.preventDefault()):!t.defaultPrevented&&this.formSupport.active&&(t.preventDefault(),this.formSupport.requestSubmit());break;case"ArrowDown":s.length&&(this.open=!0,this.activeIndex=n!==-1?Math.min(n+1,s.length-1):0,this.scrollToActiveItem(),t.preventDefault());break;case"ArrowUp":s.length&&(this.open=!0,this.activeIndex=n!==-1?Math.max(n-1,0):s.length-1,this.scrollToActiveItem(),t.preventDefault());break;case"Home":s.length&&(this.open=!0,this.activeIndex=0,this.scrollToActiveItem(),t.preventDefault());break;case"End":s.length&&(this.open=!0,this.activeIndex=s.length-1,this.scrollToActiveItem(),t.preventDefault());break}}scrollToActiveItem(){this.enabledItems[this.activeIndex]?.scrollIntoView({block:"nearest"})}changeHandler(t){t.stopPropagation(),this.inputValue=t.target.value,this.calciteAutocompleteTextChange.emit()}inputClickHandler(t){t.defaultPrevented||(this.open=!0)}inputHandler(t){t.stopPropagation(),this.inputValue=t.target.value,this.open=this.inputValue?.length>0,this.calciteAutocompleteTextInput.emit()}setFloatingEl(t){this.floatingEl=t,p(this)}render(){let{disabled:t,isOpen:e}=this,a=this.el.autofocus,i=this.el.enterKeyHint,n=this.el.inputMode;return this.interactiveContainer({disabled:t,children:d`${this.labelText&&q({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${r(l.inputContainer)}><calcite-input .alignment=${this.alignment} .aria=${{activeDescendantElement:this.activeDescendantElement,autoComplete:"list",controlsElements:this.listboxRef.value?[this.listboxRef.value]:void 0,expanded:e,hasPopup:"listbox",label:y(this)}} .autocomplete=${this.autocomplete} .autofocus=${a} class=${r(l.input)} clearable .disabled=${t} enterkeyhint=${i??m} .form=${this.form} .icon=${this.icon??!0} .iconFlipRtl=${this.iconFlipRtl} inputmode=${n??m} .inputRole=${"combobox"} .label=${this.label} .loading=${this.loading} .maxLength=${this.maxLength} .messageOverrides=${this.messages} .minLength=${this.minLength} .name=${this.name} @calciteInputChange=${this.changeHandler} @calciteInputInput=${this.inputHandler} @calciteInternalInputFocus=${this.handleInputFocus} @click=${this.inputClickHandler} @keydown=${this.keyDownHandler} .pattern=${this.pattern} .placeholder=${this.placeholder} .prefixText=${this.prefixText} .readOnly=${this.readOnly} .required=${this.required} .scale=${this.scale} .status=${this.status} .suffixText=${this.suffixText} type=search .value=${this.inputValue} ${c(this.setReferenceEl)}></calcite-input>${this.renderListBox()}<div class=${r({[l.contentContainer]:!0,[l.floatingUIContainer]:!0,[l.floatingUIContainerActive]:e})} popover=manual ${c(this.setFloatingEl)}><div class=${r({[l.contentAnimation]:!0,[x.animation]:!0,[x.animationActive]:e})} ${c(this.transitionRef)}><div class=${r({[l.content]:!0,[l.contentHidden]:!e})}><slot name=${N.contentTop} @slotchange=${this.handleContentTopSlotChange}></slot><slot aria-hidden=true @slotchange=${this.handleDefaultSlotChange} ${c(this.defaultSlotRef)}></slot><slot name=${N.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div></div></div></div>${this.validationMessage&&this.status==="invalid"?G({icon:this.validationIcon,id:_.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderListBox(){return d`<ul .ariaLabel=${y(this)} aria-live=polite class=${r(l.screenReadersOnly)} id=${this.listId??m} role=listbox tabindex=-1 ${c(this.listboxRef)}>${this.renderListBoxOptions()}</ul>`}renderListBoxOptions(){return H(this.items.filter(t=>!!(t.label||t.heading)),t=>t.guid,t=>d`<li .ariaDisabled=${t.disabled} .ariaLabel=${t.label} .ariaSelected=${t.selected} role=option tabindex=-1 ${c(this.getListboxOptionRef(t))}>${t.heading}${t.description}</li>`)}};S("calcite-autocomplete",C);export{C as Autocomplete};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
- import{b as l}from"./UVU4JATX.js";var d=s=>l(e=>{function i(r){let{form:t}=e.elementInternals;if(!(r.defaultPrevented||e.disabled||s?.disabled?.()||!t||e.type==="button")){if(e.type==="submit"){t.requestSubmit();return}t.reset()}}e.listen("luminaFormAssociatedCallback",({detail:[r]})=>{r?e.el.addEventListener("click",i):e.el.removeEventListener("click",i)})});export{d as a};
2
+ import{b as l}from"./E5NJW2ZG.js";var d=s=>l(e=>{function i(r){let{form:t}=e.elementInternals;if(!(r.defaultPrevented||e.disabled||s?.disabled?.()||!t||e.type==="button")){if(e.type==="submit"){t.requestSubmit();return}t.reset()}}e.listen("luminaFormAssociatedCallback",({detail:[r]})=>{r?e.el.addEventListener("click",i):e.el.removeEventListener("click",i)})});export{d as a};