@esri/calcite-components 5.2.0-next.3 → 5.2.0-next.4

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 (260) hide show
  1. package/README.md +1 -1
  2. package/dist/cdn/{LGJJ3IVS.js → 24XW36XW.js} +1 -1
  3. package/dist/cdn/{NXAZFXVJ.js → 2BIW77FS.js} +1 -1
  4. package/dist/cdn/{C4T3FNZ6.js → 2CPNDRJN.js} +1 -1
  5. package/dist/cdn/{B3XEP4OJ.js → 2GFEIPYA.js} +1 -1
  6. package/dist/cdn/{S4DHIY5S.js → 2GIYJ5S4.js} +1 -1
  7. package/dist/cdn/{LZB4RQKP.js → 2NVBHC4D.js} +1 -1
  8. package/dist/cdn/2OKTIK5P.js +2 -0
  9. package/dist/cdn/{OF67Q5H4.js → 2WTFQ6VU.js} +1 -1
  10. package/dist/cdn/{NA2SOXT6.js → 3AZFSAZW.js} +1 -1
  11. package/dist/cdn/{WXVKYWR3.js → 3GYZZNF6.js} +1 -1
  12. package/dist/cdn/{6T2ZPNFA.js → 3VTWLNYM.js} +1 -1
  13. package/dist/cdn/{25REF2NN.js → 3W6YYTUS.js} +1 -1
  14. package/dist/cdn/{B2TFN5WO.js → 44WTMUOU.js} +1 -1
  15. package/dist/cdn/{ZU5TOIDV.js → 4ENZX7JD.js} +1 -1
  16. package/dist/cdn/{5TLZJ44V.js → 4XXCMSYK.js} +1 -1
  17. package/dist/cdn/{EDVESYWS.js → 5BRHCY56.js} +1 -1
  18. package/dist/cdn/{VYOTQ57Z.js → 5F5N45N2.js} +1 -1
  19. package/dist/cdn/{AXKBFCNE.js → 5HQW2B4L.js} +1 -1
  20. package/dist/cdn/{FLRXMVF6.js → 5J5YPAQF.js} +1 -1
  21. package/dist/cdn/{J6NGVSKR.js → 5MJOA2EC.js} +1 -1
  22. package/dist/cdn/{ZWWFCCZ7.js → 5Z6Y27PN.js} +1 -1
  23. package/dist/cdn/{A5BV4RXA.js → 6M54QVXX.js} +1 -1
  24. package/dist/cdn/{X2KGYKIA.js → 7CTKDBNP.js} +1 -1
  25. package/dist/cdn/{74BKHZU7.js → 7KZDKRE5.js} +1 -1
  26. package/dist/cdn/{XH36YHWX.js → AC3VJGBR.js} +1 -1
  27. package/dist/cdn/{MYKQDV34.js → AH2ILKOU.js} +1 -1
  28. package/dist/cdn/{KBAOMH37.js → ARJXIE5E.js} +1 -1
  29. package/dist/cdn/{2V5PWFGL.js → AV2KGCM3.js} +1 -1
  30. package/dist/cdn/{5OIVOI4E.js → B255QVJJ.js} +1 -1
  31. package/dist/cdn/{NE4W2KYY.js → BC2RGQAT.js} +1 -1
  32. package/dist/cdn/{XGOD2THM.js → BKETK56P.js} +1 -1
  33. package/dist/cdn/{PIPT523T.js → BQXZQXDH.js} +1 -1
  34. package/dist/cdn/{Q45HAOK7.js → BUA4VQLY.js} +1 -1
  35. package/dist/cdn/{FH3ISPWF.js → BXPPKXA4.js} +1 -1
  36. package/dist/cdn/C5UFPB7M.js +2 -0
  37. package/dist/cdn/{HURRNHB4.js → C7G4TGZX.js} +1 -1
  38. package/dist/cdn/{46V4FBEL.js → CARY3C4R.js} +1 -1
  39. package/dist/cdn/{Y3AQSDDG.js → CCXEESJV.js} +1 -1
  40. package/dist/cdn/{LJVNR3MM.js → CF6R3CEF.js} +1 -1
  41. package/dist/cdn/CHVPHDET.js +2 -0
  42. package/dist/cdn/{M7C3FAEE.js → CKNWJGRW.js} +1 -1
  43. package/dist/cdn/CMY74TQR.js +2 -0
  44. package/dist/cdn/{MKTDHS2D.js → CORQ5EDZ.js} +1 -1
  45. package/dist/cdn/{4QUJLWDM.js → CP4Z56ZR.js} +1 -1
  46. package/dist/cdn/{XQKJ2MAY.js → CTLPGOB7.js} +1 -1
  47. package/dist/cdn/{XWQGS5WX.js → CYYQXD64.js} +1 -1
  48. package/dist/cdn/{CPRYH6HJ.js → D7PUB2VW.js} +1 -1
  49. package/dist/cdn/{2KQYBSYT.js → DFHWYAUO.js} +1 -1
  50. package/dist/cdn/{ILPS2EH6.js → DGXWUFHV.js} +1 -1
  51. package/dist/cdn/{XWVX33VP.js → DM5PCYTC.js} +1 -1
  52. package/dist/cdn/{FW4A2RXA.js → DYLGNP2R.js} +1 -1
  53. package/dist/cdn/{GFTCJY52.js → EPBMP22J.js} +1 -1
  54. package/dist/cdn/{RWUXB3VT.js → EW27G33J.js} +1 -1
  55. package/dist/cdn/{QSAWZORD.js → EWIM5HH4.js} +1 -1
  56. package/dist/cdn/{FP6LX7PQ.js → F2DLFMMQ.js} +1 -1
  57. package/dist/cdn/{XMMZONMQ.js → FSYJWUBV.js} +1 -1
  58. package/dist/cdn/{VI4U7JDU.js → FWMASCBJ.js} +1 -1
  59. package/dist/cdn/{5MF7KGEH.js → G2WKLE63.js} +1 -1
  60. package/dist/cdn/{QCU7UPIO.js → GBYDFEYR.js} +1 -1
  61. package/dist/cdn/{IKKOQYJ3.js → GCQOLCYX.js} +1 -1
  62. package/dist/cdn/{ASUBNSLW.js → GLB7VDX7.js} +1 -1
  63. package/dist/cdn/{5P3KUKVG.js → GWO7M4CB.js} +1 -1
  64. package/dist/cdn/{ECQHUL2I.js → HHOCH2WQ.js} +1 -1
  65. package/dist/cdn/{YIYK2AH7.js → HPI37X3H.js} +1 -1
  66. package/dist/cdn/HUHXPX4S.js +2 -0
  67. package/dist/cdn/{IKHJ3B3O.js → I2YZCTNB.js} +1 -1
  68. package/dist/cdn/I62TONNU.js +2 -0
  69. package/dist/cdn/{DZ3BSHVB.js → IC76575N.js} +1 -1
  70. package/dist/cdn/{F6A3EV5Z.js → IKJKNZRO.js} +1 -1
  71. package/dist/cdn/{LXNSAHEI.js → IOQX4VTU.js} +1 -1
  72. package/dist/cdn/{5SMFDB2H.js → IWFPWFJR.js} +1 -1
  73. package/dist/cdn/{64Q6HGDE.js → JACGCENG.js} +1 -1
  74. package/dist/cdn/{BPEX76AH.js → JJRBBNII.js} +1 -1
  75. package/dist/cdn/{KFBRWS3D.js → JL6EDIGB.js} +1 -1
  76. package/dist/cdn/{YPXCM33T.js → JMOU4F7W.js} +1 -1
  77. package/dist/cdn/{XVSPVAAK.js → JNWSTJU6.js} +1 -1
  78. package/dist/cdn/{L4UV3JUD.js → JOSZJ4U5.js} +1 -1
  79. package/dist/cdn/{ECM52CXF.js → JXHQEAMO.js} +1 -1
  80. package/dist/cdn/{FA3N4SCO.js → KAINKHTB.js} +1 -1
  81. package/dist/cdn/{PZ2JFTG3.js → L4565LYV.js} +1 -1
  82. package/dist/cdn/{PKZQRMZP.js → L7ZU6UHP.js} +1 -1
  83. package/dist/cdn/{2ZHE6WYE.js → LQPCOJZC.js} +1 -1
  84. package/dist/cdn/{MJULDZYK.js → MFPSZIXT.js} +1 -1
  85. package/dist/cdn/{UR3E5C47.js → MHDQTRTS.js} +1 -1
  86. package/dist/cdn/{TVOZYOEI.js → MU324X7S.js} +1 -1
  87. package/dist/cdn/{5ERAQVFI.js → N5DDKO3N.js} +1 -1
  88. package/dist/cdn/{Y5ML7MYH.js → NKZDXCA3.js} +1 -1
  89. package/dist/cdn/{OHEDJJP3.js → NNVS72ZQ.js} +1 -1
  90. package/dist/cdn/{O4YDLMH4.js → NO2IBH5N.js} +1 -1
  91. package/dist/cdn/{ZMPSTGQA.js → NTTXPITY.js} +1 -1
  92. package/dist/cdn/NUPS67PK.js +2 -0
  93. package/dist/cdn/{46YJO7ZX.js → NY4L6FEN.js} +1 -1
  94. package/dist/cdn/{I7GYAHCX.js → O7X3EP3R.js} +1 -1
  95. package/dist/cdn/{45GYNS4N.js → OGL4GEZF.js} +1 -1
  96. package/dist/cdn/{HAJB6MIB.js → OH6YFLLX.js} +1 -1
  97. package/dist/cdn/{O6PZ7XSR.js → P6AYQBI6.js} +1 -1
  98. package/dist/cdn/{CS5FMS2X.js → PFQXFR3J.js} +1 -1
  99. package/dist/cdn/{77P5NIL6.js → PQIVVLWM.js} +1 -1
  100. package/dist/cdn/{2R5575FD.js → PT3URJPT.js} +1 -1
  101. package/dist/cdn/{HTYBEKT4.js → Q6D2HYAM.js} +1 -1
  102. package/dist/cdn/{G2DHRTQC.js → Q74VIYYT.js} +1 -1
  103. package/dist/cdn/{4NKWSPPP.js → QNANJC5N.js} +1 -1
  104. package/dist/cdn/{G3IACNMC.js → QURCJOLS.js} +1 -1
  105. package/dist/cdn/{G3MFBUAJ.js → QZXRRHZI.js} +1 -1
  106. package/dist/cdn/{55C3E7K2.js → R2HCYTV3.js} +1 -1
  107. package/dist/cdn/{UDGWJQLI.js → R4LR6JBT.js} +1 -1
  108. package/dist/cdn/{XXX7LPUI.js → RLQPAL3G.js} +1 -1
  109. package/dist/cdn/{2HNTBRGI.js → S6A7QIY2.js} +1 -1
  110. package/dist/cdn/{5UK4QYJH.js → S6CBIU4I.js} +1 -1
  111. package/dist/cdn/{YU26YM2P.js → S7RFXIID.js} +1 -1
  112. package/dist/cdn/{QFXBPBV6.js → T2LA26T7.js} +1 -1
  113. package/dist/cdn/{EUNOZE74.js → TFI32YIW.js} +1 -1
  114. package/dist/cdn/{DNCOUN25.js → TJKKXO65.js} +1 -1
  115. package/dist/cdn/{FMFRALQU.js → TTBDTS7V.js} +1 -1
  116. package/dist/cdn/{WVDLNASH.js → TWVG44TI.js} +1 -1
  117. package/dist/cdn/{5YMFALSV.js → TZEYHRND.js} +1 -1
  118. package/dist/cdn/{WYHTLF5H.js → U6OTDRDG.js} +1 -1
  119. package/dist/cdn/{FVWMPMHM.js → U7OV6L43.js} +1 -1
  120. package/dist/cdn/{3QDH4BSH.js → UF2N6ABQ.js} +1 -1
  121. package/dist/cdn/{XY6ZZY3N.js → UFPS5THO.js} +1 -1
  122. package/dist/cdn/{E7ZJND2K.js → UJQUDROZ.js} +1 -1
  123. package/dist/cdn/{G4OJO3U4.js → UJRHNVSJ.js} +1 -1
  124. package/dist/cdn/{PX6CN3BM.js → UMVL2A7E.js} +1 -1
  125. package/dist/cdn/{VHNQUJ3I.js → USMDWOOR.js} +1 -1
  126. package/dist/cdn/{JWS6J7PU.js → UZLV6ZKB.js} +1 -1
  127. package/dist/cdn/{5HLTQ2LF.js → VFE65IIH.js} +1 -1
  128. package/dist/cdn/{GTSHC732.js → VIAY4ZRC.js} +1 -1
  129. package/dist/cdn/{5TANECZK.js → VMUOIKWP.js} +1 -1
  130. package/dist/cdn/{3Z5JAFWG.js → VXQU67VG.js} +1 -1
  131. package/dist/cdn/{FRW722GZ.js → WV7Y7ZAG.js} +1 -1
  132. package/dist/cdn/{H5OQSDKX.js → X4J4PEMW.js} +1 -1
  133. package/dist/cdn/{SVCYJ4XS.js → XCKTCFWS.js} +1 -1
  134. package/dist/cdn/{ZFKR3EYV.js → XFLOOJCN.js} +1 -1
  135. package/dist/cdn/{SQVIEOWT.js → XI3FBKU5.js} +1 -1
  136. package/dist/cdn/{RQUJRPWK.js → XJQE4TBM.js} +1 -1
  137. package/dist/cdn/{CM6N5CTY.js → XL7EXU56.js} +1 -1
  138. package/dist/cdn/XSDBVOII.js +2 -0
  139. package/dist/cdn/{YVOGB4KL.js → XUGBNEVM.js} +1 -1
  140. package/dist/cdn/{YKKTX575.js → XZ3BWCEM.js} +1 -1
  141. package/dist/cdn/Y6TCI7PY.js +2 -0
  142. package/dist/cdn/{EMVLBTN2.js → YM3XWOJY.js} +1 -1
  143. package/dist/cdn/{7R2AK6N6.js → YZTUQM6P.js} +1 -1
  144. package/dist/cdn/{FFGBSJ3K.js → Z32RDX4L.js} +1 -1
  145. package/dist/cdn/Z3TMJ6KM.js +2 -0
  146. package/dist/cdn/{ZBDHEOSY.js → ZN2URSJV.js} +1 -1
  147. package/dist/cdn/assets/icon/buildingIndex16.json +1 -0
  148. package/dist/cdn/assets/icon/buildingIndex24.json +1 -0
  149. package/dist/cdn/assets/icon/buildingIndex32.json +1 -0
  150. package/dist/cdn/assets/icon/fireIndex16.json +1 -0
  151. package/dist/cdn/assets/icon/fireIndex24.json +1 -0
  152. package/dist/cdn/assets/icon/fireIndex32.json +1 -0
  153. package/dist/cdn/assets/icon/geologyIndex16.json +1 -0
  154. package/dist/cdn/assets/icon/geologyIndex24.json +1 -0
  155. package/dist/cdn/assets/icon/geologyIndex32.json +1 -0
  156. package/dist/cdn/assets/icon/returnToDefault16.json +1 -1
  157. package/dist/cdn/assets/icon/returnToDefault32.json +1 -1
  158. package/dist/cdn/assets/icon/smartSearch16.json +1 -0
  159. package/dist/cdn/assets/icon/smartSearch24.json +1 -0
  160. package/dist/cdn/assets/icon/smartSearch32.json +1 -0
  161. package/dist/cdn/assets/icon/snowIndex16.json +1 -0
  162. package/dist/cdn/assets/icon/snowIndex24.json +1 -0
  163. package/dist/cdn/assets/icon/snowIndex32.json +1 -0
  164. package/dist/cdn/assets/icon/soilAdjustedVegetationIndex16.json +1 -0
  165. package/dist/cdn/assets/icon/soilAdjustedVegetationIndex24.json +1 -0
  166. package/dist/cdn/assets/icon/soilAdjustedVegetationIndex32.json +1 -0
  167. package/dist/cdn/assets/icon/vegetationIndex16.json +1 -0
  168. package/dist/cdn/assets/icon/vegetationIndex24.json +1 -0
  169. package/dist/cdn/assets/icon/vegetationIndex32.json +1 -0
  170. package/dist/cdn/assets/input/t9n/messages.en.json +1 -1
  171. package/dist/cdn/assets/input/t9n/messages.json +1 -1
  172. package/dist/cdn/assets/input-number/t9n/messages.en.json +1 -1
  173. package/dist/cdn/assets/input-number/t9n/messages.json +1 -1
  174. package/dist/cdn/assets/input-text/t9n/messages.en.json +1 -1
  175. package/dist/cdn/assets/input-text/t9n/messages.json +1 -1
  176. package/dist/cdn/index.js +1 -1
  177. package/dist/chunks/ClearButton.js +1 -1
  178. package/dist/chunks/resources12.js +27 -0
  179. package/dist/chunks/runtime.js +4 -4
  180. package/dist/chunks/useSizeOverride.js +1 -1
  181. package/dist/chunks/useTime.js +3 -0
  182. package/dist/components/calcite-action/customElement.d.ts +1 -5
  183. package/dist/components/calcite-action-group/customElement.d.ts +2 -4
  184. package/dist/components/calcite-action-menu/customElement.d.ts +2 -4
  185. package/dist/components/calcite-alert/customElement.d.ts +1 -3
  186. package/dist/components/calcite-autocomplete/customElement.d.ts +3 -9
  187. package/dist/components/calcite-autocomplete-item/customElement.d.ts +1 -1
  188. package/dist/components/calcite-block/customElement.d.ts +3 -5
  189. package/dist/components/calcite-button/customElement.d.ts +1 -5
  190. package/dist/components/calcite-checkbox/customElement.d.ts +1 -5
  191. package/dist/components/calcite-combobox/customElement.d.ts +3 -9
  192. package/dist/components/calcite-combobox-item/customElement.d.ts +1 -1
  193. package/dist/components/calcite-dialog/customElement.d.ts +1 -3
  194. package/dist/components/calcite-dropdown/customElement.d.ts +2 -4
  195. package/dist/components/calcite-filter/customElement.js +1 -1
  196. package/dist/components/calcite-flow-item/customElement.d.ts +2 -4
  197. package/dist/components/calcite-icon/customElement.d.ts +2 -2
  198. package/dist/components/calcite-icon/customElement.js +4 -4
  199. package/dist/components/calcite-inline-editable/customElement.d.ts +1 -1
  200. package/dist/components/calcite-inline-editable/customElement.js +4 -2
  201. package/dist/components/calcite-input/customElement.d.ts +23 -24
  202. package/dist/components/calcite-input/customElement.js +14 -12
  203. package/dist/components/calcite-input-date-picker/customElement.d.ts +17 -23
  204. package/dist/components/calcite-input-date-picker/customElement.js +23 -23
  205. package/dist/components/calcite-input-message/customElement.d.ts +1 -1
  206. package/dist/components/calcite-input-number/customElement.d.ts +22 -25
  207. package/dist/components/calcite-input-number/customElement.js +14 -12
  208. package/dist/components/calcite-input-text/customElement.d.ts +18 -19
  209. package/dist/components/calcite-input-text/customElement.js +3 -3
  210. package/dist/components/calcite-input-time-picker/customElement.d.ts +11 -13
  211. package/dist/components/calcite-input-time-picker/customElement.js +34 -10
  212. package/dist/components/calcite-input-time-zone/customElement.d.ts +9 -15
  213. package/dist/components/calcite-input-time-zone/customElement.js +11 -9
  214. package/dist/components/calcite-list-item/customElement.d.ts +1 -3
  215. package/dist/components/calcite-meter/customElement.d.ts +1 -3
  216. package/dist/components/calcite-panel/customElement.d.ts +4 -6
  217. package/dist/components/calcite-popover/customElement.d.ts +2 -4
  218. package/dist/components/calcite-radio-button/customElement.d.ts +1 -5
  219. package/dist/components/calcite-rating/customElement.d.ts +1 -5
  220. package/dist/components/calcite-segmented-control/customElement.d.ts +1 -5
  221. package/dist/components/calcite-select/customElement.d.ts +1 -5
  222. package/dist/components/calcite-sheet/customElement.d.ts +1 -3
  223. package/dist/components/calcite-slider/customElement.d.ts +13 -17
  224. package/dist/components/calcite-slider/customElement.js +19 -20
  225. package/dist/components/calcite-sort-handle/customElement.d.ts +2 -4
  226. package/dist/components/calcite-split-button/customElement.d.ts +12 -14
  227. package/dist/components/calcite-split-button/customElement.js +1 -1
  228. package/dist/components/calcite-stepper/customElement.d.ts +1 -1
  229. package/dist/components/calcite-stepper/customElement.js +10 -10
  230. package/dist/components/calcite-stepper-item/customElement.d.ts +3 -3
  231. package/dist/components/calcite-stepper-item/customElement.js +8 -24
  232. package/dist/components/calcite-swatch/customElement.d.ts +1 -1
  233. package/dist/components/calcite-swatch/customElement.js +2 -2
  234. package/dist/components/calcite-swatch-group/customElement.js +8 -6
  235. package/dist/components/calcite-switch/customElement.d.ts +6 -10
  236. package/dist/components/calcite-table-header/customElement.d.ts +1 -1
  237. package/dist/components/calcite-text-area/customElement.d.ts +1 -5
  238. package/dist/components/calcite-tile/customElement.d.ts +1 -1
  239. package/dist/components/calcite-tooltip/customElement.d.ts +1 -3
  240. package/dist/controllers/useTime.d.ts +3 -0
  241. package/dist/docs/api.json +1 -1
  242. package/dist/docs/docs.json +1 -1
  243. package/dist/docs/translations.json +1 -1
  244. package/dist/docs/vscode.html-custom-data.json +1 -1
  245. package/dist/docs/web-types.json +1 -1
  246. package/dist/loader.js +1 -1
  247. package/dist/types/lumina.d.ts +1 -1
  248. package/dist/types/preact.d.ts +1 -1
  249. package/dist/types/react.d.ts +1 -1
  250. package/dist/types/stencil.d.ts +1 -1
  251. package/package.json +4 -3
  252. package/dist/cdn/2QPDMP77.js +0 -2
  253. package/dist/cdn/3E5PTGBR.js +0 -2
  254. package/dist/cdn/3I6JOWLC.js +0 -2
  255. package/dist/cdn/45OM3TVW.js +0 -2
  256. package/dist/cdn/4KPRVK5B.js +0 -2
  257. package/dist/cdn/LGHZN3MI.js +0 -2
  258. package/dist/cdn/PYIKGUJ2.js +0 -2
  259. package/dist/cdn/QSMEIRS5.js +0 -2
  260. package/dist/cdn/VFOFNA4N.js +0 -2
package/dist/components/calcite-input-number/customElement.js CHANGED
@@ -49,7 +49,7 @@ const DIRECTION = {
49
49
  down: "down"
50
50
  };
51
51
  const NUDGE_DELAY_IN_MS = 150;
52
- const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-number-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) );--calcite-internal-input-number-number-button-item-height: auto}:host([scale=s]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-sm)}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) input{padding-inline:var(--calcite-spacing-sm)}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .prefix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper{block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) .clear-button{block-size:var(--calcite-spacing-xxl)}:host([scale=s]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-xxs)}:host([scale=s]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 8px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-xxs);--calcite-internal-input-number-number-button-item-vertical-padding: 3px}:host([scale=m]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-md)}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]) input{padding-inline:var(--calcite-spacing-md)}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xs)}:host([scale=m]) .prefix{padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xs)}:host([scale=m]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xs)}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper{block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-space-sm)}:host([scale=m]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 11px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-space-sm);--calcite-internal-input-number-number-button-item-vertical-padding: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-lg)}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]) input{padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .prefix{padding-inline:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=l]) .has-suffix input{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper{block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus)}:host([scale=l]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 16px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus);--calcite-internal-input-number-number-button-item-vertical-padding: 5px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;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;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-number-text-color, var(--calcite-color-text-1));text-align:var(--calcite-internal-input-number-alignment)}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-number-corner-radius, 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,.clearable input,:host(:not([read-only])) input,.suffix,.clear-button{border-start-end-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-number-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([read-only]) .suffix,:host([read-only]) .wrapper:not(.has-suffix) .clear-button,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=up]{border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px;border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host(:not([read-only])[number-button-type=horizontal]) .prefix,:host(:not([read-only])[number-button-type=horizontal]) input,.has-prefix input{border-start-start-radius:0;border-end-start-radius:0}input{border-width:1px;border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-number-placeholder-text-color, var(--calcite-color-text-3))}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-number-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-number-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-number-text-color-focus, 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-number-background-color, 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-number-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-number-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-number-border-color, var(--calcite-color-border-input));border-inline-end-width:var(--calcite-border-width-none);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));--calcite-icon-color: var( --calcite-input-number-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;padding-inline-start:var(--calcite-internal-input-number-icon-padding-inline)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .icon,.has-prefix .icon{border-inline-start-width:0}.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-number-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-number-background-color, 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:var(--calcite-border-width-sm);inset-inline:var(--calcite-border-width-sm);pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.action-wrapper{order:7;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-number-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-number-background-color, 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-number-background-color, 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]){--calcite-internal-input-number-alignment: start}:host([alignment=center]){--calcite-internal-input-number-alignment: center}:host([alignment=end]){--calcite-internal-input-number-alignment: end}.number-button-wrapper{pointer-events:none;box-sizing:border-box;display:flex;flex-direction:column;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;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[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{max-block-size:100%;min-block-size:100%;align-self:stretch;order:1}.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-start-width:var(--calcite-border-width-sm);border-inline-end-width:0px;order:0;padding-inline-start:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5;padding-inline-end:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item{padding-inline-end:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-block-end-width:var(--calcite-border-width-none);padding-block-start:var(--calcite-internal-input-number-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-number-corner-radius, var(--calcite-corner-radius-sharp));padding-block-end:var(--calcite-internal-input-number-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-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-number-background-color, 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-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-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-number-button-item-height);--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-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}: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{background-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start: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-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}::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-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-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color, 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-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-color-border-2));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-spacing-xxs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-spacing-sm-plus)}`;
52
+ const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-number-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) );--calcite-internal-input-number-number-button-item-height: auto}:host([scale=s]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-sm)}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) input{padding-inline:var(--calcite-spacing-sm)}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .prefix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper{block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) .clear-button{block-size:var(--calcite-spacing-xxl)}:host([scale=s]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-xxs)}:host([scale=s]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 8px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-xxs);--calcite-internal-input-number-number-button-item-vertical-padding: 3px}:host([scale=m]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-md)}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]) input{padding-inline:var(--calcite-spacing-md)}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xs)}:host([scale=m]) .prefix{padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xs)}:host([scale=m]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xs)}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper{block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-space-sm)}:host([scale=m]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 11px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-space-sm);--calcite-internal-input-number-number-button-item-vertical-padding: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-lg)}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]) input{padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .prefix{padding-inline:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=l]) .has-suffix input{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper{block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus)}:host([scale=l]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 16px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus);--calcite-internal-input-number-number-button-item-vertical-padding: 5px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;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;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-number-text-color, var(--calcite-color-text-1));text-align:var(--calcite-internal-input-number-alignment)}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-number-corner-radius, 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,.clearable input,:host(:not([read-only])) input,.suffix,.clear-button{border-start-end-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-number-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([read-only]) .suffix,:host([read-only]) .wrapper:not(.has-suffix) .clear-button,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=up]{border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px;border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host(:not([read-only])[number-button-type=horizontal]) .prefix,:host(:not([read-only])[number-button-type=horizontal]) input,.has-prefix input{border-start-start-radius:0;border-end-start-radius:0}input{border-width:1px;border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-number-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-number-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-number-text-color-focus, 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-number-background-color, 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-number-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-number-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-number-border-color, var(--calcite-color-border-input));border-inline-end-width:var(--calcite-border-width-none);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));--calcite-icon-color: var( --calcite-input-number-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;padding-inline-start:var(--calcite-internal-input-number-icon-padding-inline)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .icon,.has-prefix .icon{border-inline-start-width:0}.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-number-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-number-background-color, 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:var(--calcite-border-width-sm);inset-inline:var(--calcite-border-width-sm);pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.action-wrapper{order:7;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-number-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-number-background-color, 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-number-background-color, 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]){--calcite-internal-input-number-alignment: start}:host([alignment=center]){--calcite-internal-input-number-alignment: center}:host([alignment=end]){--calcite-internal-input-number-alignment: end}.number-button-wrapper{pointer-events:none;box-sizing:border-box;display:flex;flex-direction:column;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;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[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{max-block-size:100%;min-block-size:100%;align-self:stretch;order:1}.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-start-width:var(--calcite-border-width-sm);border-inline-end-width:0px;order:0;padding-inline-start:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5;padding-inline-end:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item{padding-inline-end:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-block-end-width:var(--calcite-border-width-none);padding-block-start:var(--calcite-internal-input-number-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-number-corner-radius, var(--calcite-corner-radius-sharp));padding-block-end:var(--calcite-internal-input-number-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-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-number-background-color, 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-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-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-number-button-item-height);--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-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}: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{background-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start: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-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-number-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-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-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color, 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-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-color-border-2));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-spacing-xxs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-spacing-sm-plus)}`;
53
53
  class InputNumber extends LitElement {
54
54
  constructor() {
55
55
  super();
@@ -125,7 +125,7 @@ class InputNumber extends LitElement {
125
125
  }
126
126
  connectedCallback() {
127
127
  super.connectedCallback();
128
- this.inlineEditableEl = this.el.closest("calcite-inline-editable");
128
+ this.inlineEditableEl = this.el.closest("calcite-inline-editable") ?? void 0;
129
129
  if (this.inlineEditableEl) {
130
130
  this.editingEnabled = this.inlineEditableEl.editingEnabled || false;
131
131
  }
@@ -150,10 +150,10 @@ class InputNumber extends LitElement {
150
150
  }
151
151
  willUpdate(changes) {
152
152
  if (changes.has("max")) {
153
- this.maxString = this.max?.toString() || null;
153
+ this.maxString = this.max?.toString() || void 0;
154
154
  }
155
155
  if (changes.has("min")) {
156
- this.minString = this.min?.toString() || null;
156
+ this.minString = this.min?.toString() || void 0;
157
157
  }
158
158
  if (changes.has("icon")) {
159
159
  this.requestedIcon = setRequestedIcon({}, this.icon, "number");
@@ -218,7 +218,7 @@ class InputNumber extends LitElement {
218
218
  return;
219
219
  }
220
220
  const adjustment = direction === "up" ? 1 : -1;
221
- const stepHandleInteger = this.integer && this.step !== "any" ? Math.round(this.step) : this.step;
221
+ const stepHandleInteger = this.integer && typeof this.step === "number" ? Math.round(this.step) : this.step;
222
222
  const inputStep = stepHandleInteger === "any" ? 1 : Math.abs(stepHandleInteger || 1);
223
223
  const inputVal = new BigDecimal(value !== "" ? value : "0");
224
224
  const nudgedValue = inputVal.add(`${inputStep * adjustment}`);
@@ -287,7 +287,9 @@ class InputNumber extends LitElement {
287
287
  origin: "user",
288
288
  value: parseNumberString(delocalizedValue)
289
289
  });
290
- this.childNumberRef.value.value = this.displayedValue;
290
+ if (this.childNumberRef.value) {
291
+ this.childNumberRef.value.value = this.displayedValue;
292
+ }
291
293
  } else {
292
294
  this.setNumberValue({
293
295
  nativeEvent,
@@ -343,26 +345,26 @@ class InputNumber extends LitElement {
343
345
  useGrouping: this.groupSeparator
344
346
  };
345
347
  if (event.key === numberStringFormatter.decimal && !this.integer) {
346
- if (!this.value && !this.childNumberRef.value.value) {
348
+ if (!this.value && !this.childNumberRef.value?.value) {
347
349
  return;
348
350
  }
349
- if (this.value && this.childNumberRef.value.value.indexOf(numberStringFormatter.decimal) === -1) {
351
+ if (this.value && this.childNumberRef.value?.value.indexOf(numberStringFormatter.decimal) === -1) {
350
352
  return;
351
353
  }
352
354
  }
353
355
  if (/[eE]/.test(event.key) && !this.integer) {
354
- if (!this.value && !this.childNumberRef.value.value) {
356
+ if (!this.value && !this.childNumberRef.value?.value) {
355
357
  return;
356
358
  }
357
- if (this.value && !/[eE]/.test(this.childNumberRef.value.value)) {
359
+ if (this.value && this.childNumberRef.value && !/[eE]/.test(this.childNumberRef.value.value)) {
358
360
  return;
359
361
  }
360
362
  }
361
363
  if (event.key === "-") {
362
- if (!this.value && !this.childNumberRef.value.value) {
364
+ if (!this.value && !this.childNumberRef.value?.value) {
363
365
  return;
364
366
  }
365
- if (this.value && this.childNumberRef.value.value.split("-").length <= 2) {
367
+ if (this.value && this.childNumberRef.value && this.childNumberRef.value.value.split("-").length <= 2) {
366
368
  return;
367
369
  }
368
370
  }
package/dist/components/calcite-input-text/customElement.d.ts CHANGED
@@ -39,7 +39,7 @@ export abstract class InputText extends LitElement {
39
39
  *
40
40
  * @see [MDN - autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
41
41
  */
42
- accessor autocomplete: AutoFill;
42
+ accessor autocomplete: AutoFill | undefined;
43
43
  /**
44
44
  * When `true` and the component has a `value`, a clear button is displayed.
45
45
  *
@@ -53,18 +53,14 @@ export abstract class InputText extends LitElement {
53
53
  * @see [MDN - disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
54
54
  */
55
55
  accessor disabled: boolean;
56
- /**
57
- * Specifies the `id` of the component's associated form.
58
- *
59
- * When not set, the component is associated with its ancestor form element, if one exists.
60
- */
61
- accessor form: string;
56
+ /** Specifies the `id` of the component's associated form. When not set, the component is associated with its ancestor form element, if one exists. */
57
+ accessor form: string | undefined;
62
58
  /**
63
59
  * Specifies an icon to display.
64
60
  *
65
61
  * @futureBreaking Remove boolean type as it is not supported.
66
62
  */
67
- accessor icon: IconName | boolean;
63
+ accessor icon: IconName | boolean | undefined;
68
64
  /**
69
65
  * When `true` and the element direction is right-to-left (`"rtl"`), flips the component`s `icon`.
70
66
  *
@@ -72,9 +68,9 @@ export abstract class InputText extends LitElement {
72
68
  */
73
69
  accessor iconFlipRtl: boolean;
74
70
  /** Specifies an accessible label for the component's button or hyperlink. */
75
- accessor label: string;
71
+ accessor label: string | undefined;
76
72
  /** Specifies the component's label text. */
77
- accessor labelText: string;
73
+ accessor labelText: string | undefined;
78
74
  /**
79
75
  * When `true`, a busy indicator is displayed.
80
76
  *
@@ -87,10 +83,13 @@ export abstract class InputText extends LitElement {
87
83
  *
88
84
  * @see [MDN - maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
89
85
  */
90
- accessor maxLength: number;
86
+ accessor maxLength: number | undefined;
91
87
  /** Overrides individual strings used by the component. */
92
88
  accessor messageOverrides: {
89
+ cancelInlineEditing?: string;
93
90
  clear?: string;
91
+ confirmInlineEditingChanges?: string;
92
+ enableInlineEditing?: string;
94
93
  loading?: string;
95
94
  required?: string;
96
95
  };
@@ -100,7 +99,7 @@ export abstract class InputText extends LitElement {
100
99
  *
101
100
  * @see [MDN - minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
102
101
  */
103
- accessor minLength: number;
102
+ accessor minLength: number | undefined;
104
103
  /**
105
104
  * Specifies the name of the component.
106
105
  *
@@ -108,7 +107,7 @@ export abstract class InputText extends LitElement {
108
107
  *
109
108
  * @see [MDN - name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
110
109
  */
111
- accessor name: string;
110
+ accessor name: string | undefined;
112
111
  /**
113
112
  * When the component resides in a form,
114
113
  * specifies a regular expression (regex) pattern the component's `value` must match for validation.
@@ -116,15 +115,15 @@ export abstract class InputText extends LitElement {
116
115
  *
117
116
  * @see [MDN - step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
118
117
  */
119
- accessor pattern: string;
118
+ accessor pattern: string | undefined;
120
119
  /**
121
120
  * Specifies the component's placeholder text.
122
121
  *
123
122
  * @see [MDN - placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
124
123
  */
125
- accessor placeholder: string;
124
+ accessor placeholder: string | undefined;
126
125
  /** Specifies text to display at the start of the component. */
127
- accessor prefixText: string;
126
+ accessor prefixText: string | undefined;
128
127
  /**
129
128
  * When `true`, the component's `value` can be read, but cannot be modified.
130
129
  *
@@ -152,11 +151,11 @@ export abstract class InputText extends LitElement {
152
151
  */
153
152
  accessor status: Status;
154
153
  /** Specifies text to display at the end of the component. */
155
- accessor suffixText: string;
154
+ accessor suffixText: string | undefined;
156
155
  /** Specifies the validation icon to display under the component. */
157
- accessor validationIcon: IconName | boolean;
156
+ accessor validationIcon: IconName | boolean | undefined;
158
157
  /** Specifies the validation message to display under the component. */
159
- accessor validationMessage: string;
158
+ accessor validationMessage: string | undefined;
160
159
  /**
161
160
  * The component's current validation state.
162
161
  *
package/dist/components/calcite-input-text/customElement.js CHANGED
@@ -36,7 +36,7 @@ const IDS = {
36
36
  const SLOTS = {
37
37
  action: "action"
38
38
  };
39
- const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-text-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([scale=s]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-sm)}:host([scale=s]) input{padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-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]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .prefix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-xxs)))}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) .action-wrapper{block-size:1.5rem}:host([scale=s]) .clear-button{block-size:var(--calcite-spacing-xxl)}:host([scale=m]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-md)}:host([scale=m]) input{padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-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]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xs)}:host([scale=m]) .prefix{padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xs)}:host([scale=m]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-xs)))}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) .action-wrapper{block-size:2rem}:host([scale=l]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-lg)}:host([scale=l]) input{padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-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]) .has-prefix input{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .prefix{padding-inline:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=l]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-sm)))}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) .action-wrapper{block-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;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-style:solid;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-text-text-color, var(--calcite-color-text-1));border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));text-align:var(--calcite-internal-input-text-alignment);border-inline-start-width:var(--calcite-internal-input-text-input-border-inline-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-input-border-inline-end-width, var(--calcite-border-width-sm));border-block-start-width:var(--calcite-internal-input-text-input-border-block-start-width, var(--calcite-border-width-sm));border-block-end-width:var(--calcite-internal-input-text-input-border-block-end-width, var(--calcite-border-width-sm))}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0;--calcite-internal-input-text-input-border-inline-start-width: var(--calcite-border-width-none)}.element-wrapper:has(.clear-button) input,.has-suffix input{border-start-end-radius:0;border-end-end-radius:0;--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none)}.has-prefix .prefix,.element-wrapper:not(:has(.prefix)):has(.icon) .icon{border-start-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}.has-suffix .suffix,:host([clearable]) .clear-button{border-end-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}:host([clearable]) .has-suffix .clear-button{border-end-end-radius:0;border-start-end-radius:0}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-number-placeholder-text-color, var(--calcite-color-text-3))}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-text-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-text-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-text-text-color-focus, 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-text-background-color, var(--calcite-color-background))}calcite-icon{color:var(--calcite-input-action-icon-color, var(--calcite-color-text-3))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;isolation:isolate;order:3}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-text-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{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-text-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-style:solid;border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-text-icon-color, var(--calcite-color-text-3));align-items:center;padding-inline-start:var(--calcite-internal-input-text-icon-padding-inline);border-block-start-width:var(--calcite-internal-input-text-icon-border-block-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-icon-border-inline-end-width, var(--calcite-border-width-none));border-block-end-width:var(--calcite-internal-input-text-icon-border-block-end-width, var(--calcite-border-width-sm));border-inline-start-width:var(--calcite-internal-input-text-icon-border-inline-start-width, var(--calcite-border-width-sm))}.has-prefix .icon{--calcite-internal-input-text-icon-border-inline-start-width: var(--calcite-border-width-none)}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.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-text-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1))}.has-suffix .clear-button{border-inline-end-width:0}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.action-wrapper{order:7;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-text-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size-x, auto);background-color:var(--calcite-input-text-background-color, 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-x, auto);background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}:host([alignment=start]){--calcite-internal-input-text-alignment: start}:host([alignment=center]){--calcite-internal-input-text-alignment: center}:host([alignment=end]){--calcite-internal-input-text-alignment: end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start: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-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}::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-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-action-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-action-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-input-action-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-spacing-xxs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-spacing-sm-plus)}`;
39
+ const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-text-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([scale=s]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-sm)}:host([scale=s]) input{padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-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]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .prefix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-xxs)))}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) .action-wrapper{block-size:1.5rem}:host([scale=s]) .clear-button{block-size:var(--calcite-spacing-xxl)}:host([scale=m]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-md)}:host([scale=m]) input{padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-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]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xs)}:host([scale=m]) .prefix{padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xs)}:host([scale=m]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-xs)))}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) .action-wrapper{block-size:2rem}:host([scale=l]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-lg)}:host([scale=l]) input{padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-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]) .has-prefix input{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .prefix{padding-inline:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=l]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-sm)))}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) .action-wrapper{block-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;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-style:solid;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-text-text-color, var(--calcite-color-text-1));border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));text-align:var(--calcite-internal-input-text-alignment);border-inline-start-width:var(--calcite-internal-input-text-input-border-inline-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-input-border-inline-end-width, var(--calcite-border-width-sm));border-block-start-width:var(--calcite-internal-input-text-input-border-block-start-width, var(--calcite-border-width-sm));border-block-end-width:var(--calcite-internal-input-text-input-border-block-end-width, var(--calcite-border-width-sm))}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0;--calcite-internal-input-text-input-border-inline-start-width: var(--calcite-border-width-none)}.element-wrapper:has(.clear-button) input,.has-suffix input{border-start-end-radius:0;border-end-end-radius:0;--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none)}.has-prefix .prefix,.element-wrapper:not(:has(.prefix)):has(.icon) .icon{border-start-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}.has-suffix .suffix,:host([clearable]) .clear-button{border-end-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}:host([clearable]) .has-suffix .clear-button{border-end-end-radius:0;border-start-end-radius:0}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-text-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-text-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-text-text-color-focus, 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-text-background-color, var(--calcite-color-background))}calcite-icon{color:var(--calcite-input-action-icon-color, var(--calcite-color-text-3))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;isolation:isolate;order:3}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-text-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{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-text-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-style:solid;border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-text-icon-color, var(--calcite-color-text-3));align-items:center;padding-inline-start:var(--calcite-internal-input-text-icon-padding-inline);border-block-start-width:var(--calcite-internal-input-text-icon-border-block-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-icon-border-inline-end-width, var(--calcite-border-width-none));border-block-end-width:var(--calcite-internal-input-text-icon-border-block-end-width, var(--calcite-border-width-sm));border-inline-start-width:var(--calcite-internal-input-text-icon-border-inline-start-width, var(--calcite-border-width-sm))}.has-prefix .icon{--calcite-internal-input-text-icon-border-inline-start-width: var(--calcite-border-width-none)}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.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-text-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1))}.has-suffix .clear-button{border-inline-end-width:0}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.action-wrapper{order:7;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-text-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size-x, auto);background-color:var(--calcite-input-text-background-color, 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-x, auto);background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}:host([alignment=start]){--calcite-internal-input-text-alignment: start}:host([alignment=center]){--calcite-internal-input-text-alignment: center}:host([alignment=end]){--calcite-internal-input-text-alignment: end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start: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-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-text-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-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-action-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-action-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-input-action-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-spacing-xxs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-spacing-sm-plus)}`;
40
40
  class InputText extends LitElement {
41
41
  constructor() {
42
42
  super();
@@ -102,7 +102,7 @@ class InputText extends LitElement {
102
102
  }
103
103
  connectedCallback() {
104
104
  super.connectedCallback();
105
- this.inlineEditableEl = this.el.closest("calcite-inline-editable");
105
+ this.inlineEditableEl = this.el.closest("calcite-inline-editable") ?? void 0;
106
106
  if (this.inlineEditableEl) {
107
107
  this.editingEnabled = this.inlineEditableEl.editingEnabled || false;
108
108
  }
@@ -246,7 +246,7 @@ class InputText extends LitElement {
246
246
  const childEl = html`<input aria-errormessage=${IDS.validationMessage} .ariaInvalid=${this.status === "invalid"} .ariaLabel=${getLabelText(this)} autocomplete=${this.autocomplete ?? nothing} .autofocus=${this.el.autofocus} class=${safeClassMap({
247
247
  [CSS.editingEnabled]: this.editingEnabled,
248
248
  [CSS.inlineChild]: !!this.inlineEditableEl
249
- })} value=${this.defaultValue ?? nothing} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint ?? nothing} inputmode=${this.el.inputMode ?? nothing} maxlength=${this.maxLength ?? nothing} minlength=${this.minLength ?? nothing} name=${this.name ?? nothing} @blur=${this.inputTextBlurHandler} @focus=${this.inputTextFocusHandler} @input=${this.inputTextInputHandler} @keydown=${this.inputTextKeyDownHandler} pattern=${this.pattern ?? nothing} placeholder=${(this.placeholder || "") ?? nothing} .readOnly=${this.readOnly} .required=${this.required} spellcheck=${this.el.spellcheck ?? nothing} tabindex=${(this.disabled || this.inlineEditableEl && !this.editingEnabled ? -1 : null) ?? nothing} type=text .value=${live(this.value ?? "")} ${ref(this.childRef)}>`;
249
+ })} value=${this.defaultValue ?? nothing} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint ?? nothing} inputmode=${this.el.inputMode ?? nothing} maxlength=${this.maxLength ?? nothing} minlength=${this.minLength ?? nothing} name=${this.name ?? nothing} @blur=${this.inputTextBlurHandler} @focus=${this.inputTextFocusHandler} @input=${this.inputTextInputHandler} @keydown=${this.inputTextKeyDownHandler} pattern=${this.pattern ?? nothing} placeholder=${(this.placeholder || "") ?? nothing} .readOnly=${this.readOnly} .required=${this.required} spellcheck=${this.el.spellcheck ?? nothing} tabindex=${(this.disabled || this.inlineEditableEl && !this.editingEnabled ? -1 : void 0) ?? nothing} type=text .value=${live(this.value ?? "")} ${ref(this.childRef)}>`;
250
250
  return this.interactiveContainer({ disabled: this.disabled, children: html`${this.labelText && InternalLabel({ labelText: this.labelText, onClick: this.onLabelClick, required: this.required, tooltipText: this.messages.required }) || ""}<div class=${safeClassMap({
251
251
  [CSS.inputWrapper]: true,
252
252
  [CSS_UTILITY.rtl]: dir === "rtl",
package/dist/components/calcite-input-time-picker/customElement.d.ts CHANGED
@@ -40,12 +40,8 @@ export abstract class InputTimePicker extends LitElement {
40
40
  * @default false
41
41
  */
42
42
  accessor focusTrapDisabled: boolean;
43
- /**
44
- * Specifies the `id` of the component's associated form.
45
- *
46
- * When not set, the component is associated with its ancestor form element, if one exists.
47
- */
48
- accessor form: string;
43
+ /** Specifies the `id` of the component's associated form. When not set, the component is associated with its ancestor form element, if one exists. */
44
+ accessor form: string | undefined;
49
45
  /**
50
46
  * Specifies the component's hour format, where:
51
47
  *
@@ -57,16 +53,16 @@ export abstract class InputTimePicker extends LitElement {
57
53
  */
58
54
  accessor hourFormat: HourFormat;
59
55
  /** Specifies an accessible label for the component. */
60
- accessor label: string;
56
+ accessor label: string | undefined;
61
57
  /** Specifies the component's label text. */
62
- accessor labelText: string;
58
+ accessor labelText: string | undefined;
63
59
  /**
64
60
  * When the component resides in a form,
65
61
  * specifies the maximum `value`.
66
62
  *
67
63
  * @see [MDN - max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time#max)
68
64
  */
69
- accessor max: string;
65
+ accessor max: string | undefined;
70
66
  /** Overrides individual strings used by the component. */
71
67
  accessor messageOverrides: {
72
68
  chooseTime?: string;
@@ -93,9 +89,9 @@ export abstract class InputTimePicker extends LitElement {
93
89
  *
94
90
  * @see [MDN - min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time#min)
95
91
  */
96
- accessor min: string;
92
+ accessor min: string | undefined;
97
93
  /** Specifies the name of the component. Required to pass the component's `value` on form submission. */
98
- accessor name: string;
94
+ accessor name: string | undefined;
99
95
  /** Specifies the Unicode numeral system used by the component for localization. */
100
96
  accessor numberingSystem: NumberingSystem;
101
97
  /**
@@ -114,6 +110,8 @@ export abstract class InputTimePicker extends LitElement {
114
110
  * @default "absolute"
115
111
  */
116
112
  accessor overlayPositioning: OverlayPositioning;
113
+ /** Specifies the component's placeholder text. */
114
+ accessor placeholder: string | undefined;
117
115
  /**
118
116
  * Determines the `calcite-time-picker`'s position relative to the input.
119
117
  *
@@ -153,9 +151,9 @@ export abstract class InputTimePicker extends LitElement {
153
151
  */
154
152
  accessor step: number;
155
153
  /** Specifies the validation icon to display under the component. */
156
- accessor validationIcon: IconName | boolean;
154
+ accessor validationIcon: IconName | boolean | undefined;
157
155
  /** Specifies the validation message to display under the component. */
158
- accessor validationMessage: string;
156
+ accessor validationMessage: string | undefined;
159
157
  /**
160
158
  * The component's current validation state.
161
159
  *